Initial Commit

2026-02-12 17:10:03 -06:00
commit 6992a06105
135 changed files with 18014 additions and 0 deletions
@@ -0,0 +1,123 @@
+defmodule RiverConnectWeb.Components.UI.Menu do
+  @moduledoc """
+  Implement menu components
+  """
+  use RiverConnectWeb.Components.UI, :component
+
+  @doc """
+  Render menu
+
+
+  ## Examples:
+
+
+      <.menu>
+        <.menu_label>Account</.menu_label>
+        <.menu_separator />
+
+        <.menu_group>
+          <.menu_item>
+              Profile
+            <.menu_shortcut>⌘P</.menu_shortcut>
+          </.menu_item>
+
+          <.menu_item>
+              Billing
+            <.menu_shortcut>⌘B</.menu_shortcut>
+          </.menu_item>
+
+          <.menu_item>
+              Settings
+            <.menu_shortcut>⌘S</.menu_shortcut>
+          </.menu_item>
+        </.menu_group>
+      </.menu>
+  """
+
+  attr :class, :string, default: "top-0 left-full"
+  slot :inner_block, required: true
+  attr :rest, :global
+
+  def menu(assigns) do
+    ~H"""
+    <div
+      class={[
+        "min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+        @class
+      ]}
+      {@rest}
+    >
+      {render_slot(@inner_block)}
+    </div>
+    """
+  end
+
+  attr :class, :string, default: nil
+  attr :disabled, :boolean, default: false
+  slot :inner_block, required: true
+  attr :rest, :global
+
+  def menu_item(assigns) do
+    ~H"""
+    <div
+      class={
+        classes([
+          "hover:bg-accent",
+          "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+          @class
+        ])
+      }
+      {%{"data-disabled" => @disabled}}
+      {@rest}
+    >
+      {render_slot(@inner_block)}
+    </div>
+    """
+  end
+
+  attr :class, :string, default: nil
+  attr :inset, :boolean, default: false
+  slot :inner_block, required: true
+  attr :rest, :global
+
+  def menu_label(assigns) do
+    ~H"""
+    <div class={classes(["px-2 py-1.5 text-sm font-semibold", @inset && "pl-8", @class])} {@rest}>
+      {render_slot(@inner_block)}
+    </div>
+    """
+  end
+
+  attr :class, :string, default: nil
+  slot :inner_block
+
+  def menu_separator(assigns) do
+    ~H"""
+    <div role="separator" class={classes(["-mx-1 my-1 h-px bg-muted", @class])}>
+      {render_slot(@inner_block)}
+    </div>
+    """
+  end
+
+  attr :class, :string, default: nil
+  slot :inner_block, required: true
+  attr :rest, :global
+
+  def menu_shortcut(assigns) do
+    ~H"""
+    <span class={classes(["ml-auto text-xs tracking-widest opacity-60", @class])} {@rest}>
+      {render_slot(@inner_block)}
+    </span>
+    """
+  end
+
+  attr :class, :string, default: nil
+  slot :inner_block, required: true
+  attr :rest, :global
+
+  def menu_group(assigns) do
+    ~H"""
+    <div class={classes([@class])} role="group" {@rest}>{render_slot(@inner_block)}</div>
+    """
+  end
+end