ruby_ui 1.0.0.beta1 → 1.0.0.pre.alpha.4

data/lib/rbui/combobox/combobox_content.rb

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+module RBUI
+  class ComboboxContent < Base
+    def initialize(**attrs)
+      @id = "content#{SecureRandom.hex(4)}"
+      super
+    end
+
+    def view_template(&)
+      div(**attrs) do
+        div(class: "min-w-max max-h-[300px] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md outline-none animate-out group-data-[rbui--combobox-open-value=true]/combobox:animate-in fade-out-0 group-data-[rbui--combobox-open-value=true]/combobox:fade-in-0 zoom-out-95 group-data-[rbui--combobox-open-value=true]/combobox:zoom-in-95 slide-in-from-top-2", &)
+      end
+    end
+
+    private
+
+    def default_attrs
+      {
+        id: @id,
+        role: "listbox",
+        data: {
+          controller: "rbui--combobox-content",
+          rbui__combobox_target: "content",
+          action: "keydown.enter->rbui--combobox#onKeyEnter keydown.esc->rbui--combobox#onEscKey keydown.down->rbui--combobox#onKeyDown keydown.up->rbui--combobox#onKeyUp"
+        },
+        class: "combobox-content hidden w-full absolute top-0 left-0 z-50"
+      }
+    end
+  end
+end

data/lib/{ruby_ui → rbui}/combobox/combobox_empty.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class ComboboxEmpty < Base
     def view_template(&)
       div(**attrs, &)
@@ -13,7 +13,7 @@ module RubyUI
         role: "presentation",
         class: "hidden py-6 text-center text-sm",
         data: {
-          ruby_ui__combobox_content_target: "empty"
+          rbui__combobox_content_target: "empty"
         }
       }
     end

data/lib/{ruby_ui → rbui}/combobox/combobox_group.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class ComboboxGroup < Base
     def initialize(heading: nil, **attrs)
       @heading = heading
@@ -30,7 +30,7 @@ module RubyUI
         role: "presentation",
         data: {
           value: @heading,
-          ruby_ui__combobox_content_target: "group"
+          rbui__combobox_content_target: "group"
         }
       }
     end

data/lib/{ruby_ui → rbui}/combobox/combobox_input.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class ComboboxInput < Base
     def view_template
       input(**attrs)
@@ -12,9 +12,9 @@ module RubyUI
       {
         class: "hidden",
         data: {
-          ruby_ui__combobox_target: "input",
-          ruby_ui__form_field_target: "input",
-          action: "change->ruby-ui--form-field#onChange invalid->ruby-ui--form-field#onInvalid"
+          rbui__combobox_target: "input",
+          rbui__form_field_target: "input",
+          action: "change->rbui--form-field#onChange invalid->rbui--form-field#onInvalid"
         }
       }
     end

data/lib/{ruby_ui → rbui}/combobox/combobox_item.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class ComboboxItem < Base
     def initialize(value: nil, **attrs)
       @value = value
@@ -41,10 +41,10 @@ module RubyUI
           "combobox-item group relative flex cursor-pointer select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground aria-[current]:bg-accent aria-[current]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         data: {
           value: @value,
-          ruby_ui__combobox_target: "item",
-          ruby_ui__combobox_content_target: "item",
-          controller: "ruby-ui--combobox-item",
-          action: "click->ruby-ui--combobox#onItemSelected"
+          rbui__combobox_target: "item",
+          rbui__combobox_content_target: "item",
+          controller: "rbui--combobox-item",
+          action: "click->rbui--combobox#onItemSelected"
         },
         aria_selected: "false"
       }

data/lib/{ruby_ui → rbui}/combobox/combobox_list.rb

@@ -1,6 +1,8 @@
 # frozen_string_literal: true
 
-module RubyUI
+require "securerandom"
+
+module RBUI
   class ComboboxList < Base
     def initialize(**attrs)
       @id = "list#{SecureRandom.hex(4)}"
@@ -17,7 +19,7 @@ module RubyUI
       {
         id: @id,
         data: {
-          ruby_ui__combobox_target: "list"
+          rbui__combobox_target: "list"
         },
         role: "listbox",
         tabindex: "-1"

data/lib/{ruby_ui → rbui}/combobox/combobox_search_input.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class ComboboxSearchInput < Base
     def initialize(placeholder:, **attrs)
       @placeholder = placeholder
@@ -44,8 +44,8 @@ module RubyUI
           "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
         placeholder: @placeholder,
         data: {
-          action: "input->ruby-ui--combobox#onSearchInput",
-          ruby_ui__combobox_target: "search"
+          action: "input->rbui--combobox#onSearchInput",
+          rbui__combobox_target: "search"
         },
         autocomplete: "off",
         autocorrect: "off",

data/lib/{ruby_ui → rbui}/combobox/combobox_separator.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class ComboboxSeparator < Base
     def view_template(&)
       div(**attrs, &)

data/lib/{ruby_ui → rbui}/combobox/combobox_trigger.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class ComboboxTrigger < Base
     def view_template(&block)
       button(**attrs) do
@@ -34,8 +34,8 @@ module RubyUI
     def default_attrs
       {
         data: {
-          action: "ruby-ui--combobox#onTriggerClick",
-          ruby_ui__combobox_target: "trigger"
+          action: "rbui--combobox#onTriggerClick",
+          rbui__combobox_target: "trigger"
         },
         type: "button",
         role: "combobox",

data/lib/{ruby_ui → rbui}/combobox/combobox_value.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class ComboboxValue < Base
     def initialize(placeholder: nil, **attrs)
       @placeholder = placeholder
@@ -18,7 +18,7 @@ module RubyUI
     def default_attrs
       {
         data: {
-          ruby_ui__combobox_target: "value"
+          rbui__combobox_target: "value"
         },
         class: "pointer-events-none"
       }

data/lib/{ruby_ui → rbui}/command/command.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class Command < Base
     def view_template(&)
       div(**attrs, &)

data/lib/{ruby_ui → rbui}/command/command_dialog.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class CommandDialog < Base
     def view_template(&)
       div(**attrs, &)
@@ -10,7 +10,7 @@ module RubyUI
 
     def default_attrs
       {
-        data: {controller: "ruby-ui--command"}
+        data: {controller: "rbui--command"}
       }
     end
   end

data/lib/{ruby_ui → rbui}/command/command_dialog_content.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class CommandDialogContent < Base
     SIZES = {
       xs: "max-w-sm",
@@ -17,8 +17,8 @@ module RubyUI
     end
 
     def view_template(&block)
-      template(data: {ruby_ui__command_target: "content"}) do
-        div(data: {controller: "ruby-ui--command"}) do
+      template_tag(data: {rbui__command_target: "content"}) do
+        div(data: {controller: "rbui--command"}) do
           backdrop
           div(**attrs, &block)
         end
@@ -30,17 +30,17 @@ module RubyUI
     def default_attrs
       {
         data_state: "open",
-        class: [
+        class: tokens(
           "fixed pointer-events-auto left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",
           SIZES[@size]
-        ]
+        )
       }
     end
 
     def backdrop
       div(
         data_state: "open",
-        data_action: "click->ruby-ui--command#dismiss esc->ruby-ui--command#dismiss",
+        data_action: "click->rbui--command#dismiss esc->rbui--command#dismiss",
         class: "fixed pointer-events-auto inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
       )
     end

data/lib/{ruby_ui → rbui}/command/command_dialog_trigger.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class CommandDialogTrigger < Base
     DEFAULT_KEYBINDINGS = [
       "keydown.ctrl+k@window",
@@ -8,7 +8,7 @@ module RubyUI
     ].freeze
 
     def initialize(keybindings: DEFAULT_KEYBINDINGS, **attrs)
-      @keybindings = keybindings.map { |kb| "#{kb}->ruby-ui--command#open" }
+      @keybindings = keybindings.map { |kb| "#{kb}->rbui--command#open" }
       super(**attrs)
     end
 
@@ -21,7 +21,7 @@ module RubyUI
     def default_attrs
       {
         data: {
-          action: ["click->ruby-ui--command#open", @keybindings.join(" ")]
+          action: tokens("click->rbui--command#open", @keybindings.join(" "))
         }
       }
     end

data/lib/{ruby_ui → rbui}/command/command_empty.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class CommandEmpty < Base
     def view_template(&)
       div(**attrs, &)
@@ -12,7 +12,7 @@ module RubyUI
       {
         class: "py-6 text-center text-sm",
         role: "presentation",
-        data: {ruby_ui__command_target: "empty"}
+        data: {rbui__command_target: "empty"}
       }
     end
   end

data/lib/{ruby_ui → rbui}/command/command_group.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class CommandGroup < Base
     def initialize(title: nil, **attrs)
       @title = title
@@ -32,7 +32,7 @@ module RubyUI
         role: "presentation",
         data: {
           value: @title,
-          ruby_ui__command_target: "group"
+          rbui__command_target: "group"
         }
       }
     end

data/lib/{ruby_ui → rbui}/command/command_input.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class CommandInput < Base
     def initialize(placeholder: "Type a command or search...", **attrs)
       @placeholder = placeholder
@@ -40,8 +40,8 @@ module RubyUI
       {
         class: "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
         placeholder: @placeholder,
-        data_action: "input->ruby-ui--command#filter keydown.down->ruby-ui--command#handleKeydown keydown.up->ruby-ui--command#handleKeydown keydown.enter->ruby-ui--command#handleKeydown keydown.esc->ruby-ui--command#dismiss",
-        data_ruby_ui__command_target: "input",
+        data_action: "input->rbui--command#filter keydown.down->rbui--command#handleKeydown keydown.up->rbui--command#handleKeydown keydown.enter->rbui--command#handleKeydown keydown.esc->rbui--command#dismiss",
+        data_rbui__command_target: "input",
         autocomplete: "off",
         autocorrect: "off",
         spellcheck: false,

data/lib/{ruby_ui → rbui}/command/command_item.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class CommandItem < Base
     def initialize(value:, text: "", href: "#", **attrs)
       @value = value
@@ -21,7 +21,7 @@ module RubyUI
         href: @href,
         role: "option",
         data: {
-          ruby_ui__command_target: "item",
+          rbui__command_target: "item",
           value: @value,
           text: @text
         }

data/lib/{ruby_ui → rbui}/command/command_list.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class CommandList < Base
     def view_template(&)
       div(**attrs, &)

data/lib/{ruby_ui → rbui}/context_menu/context_menu.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class ContextMenu < Base
     def initialize(options: {}, **attrs)
       @options = options
@@ -17,7 +17,7 @@ module RubyUI
     def default_attrs
       {
         data: {
-          controller: "ruby-ui--context-menu",
+          controller: "rbui--context-menu",
           popover_options_value: @options.to_json
         }
       }

data/lib/{ruby_ui → rbui}/context_menu/context_menu_content.rb

@@ -1,9 +1,9 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class ContextMenuContent < Base
     def view_template(&block)
-      template(data: {ruby_ui__context_menu_target: "content"}) do
+      template_tag(data: {rbui__context_menu_target: "content"}) do
         div(**attrs, &block)
       end
     end

data/lib/{ruby_ui → rbui}/context_menu/context_menu_item.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class ContextMenuItem < Base
     def initialize(href: "#", checked: false, shortcut: nil, disabled: false, **attrs)
       @href = href
@@ -56,8 +56,8 @@ module RubyUI
               "relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 pl-8",
         tabindex: "-1",
         data_orientation: "vertical",
-        data_action: "click->ruby-ui--context-menu#close",
-        data_ruby_ui__context_menu_target: "menuItem",
+        data_action: "click->rbui--context-menu#close",
+        data_rbui__context_menu_target: "menuItem",
         data_disabled: @disabled,
         disabled: @disabled
       }

data/lib/{ruby_ui → rbui}/context_menu/context_menu_label.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class ContextMenuLabel < Base
     def initialize(inset: false, **attrs)
       @inset = inset
@@ -17,7 +17,7 @@ module RubyUI
 
     def default_attrs
       {
-        class: ["px-2 py-1.5 text-sm font-semibold text-foreground", inset?: "pl-8"]
+        class: tokens("px-2 py-1.5 text-sm font-semibold text-foreground", inset?: "pl-8")
       }
     end
   end

data/lib/{ruby_ui → rbui}/context_menu/context_menu_separator.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class ContextMenuSeparator < Base
     def view_template
       div(**attrs)

data/lib/{ruby_ui → rbui}/context_menu/context_menu_trigger.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class ContextMenuTrigger < Base
     def view_template(&)
       div(**attrs, &)
@@ -11,8 +11,8 @@ module RubyUI
     def default_attrs
       {
         data: {
-          ruby_ui__context_menu_target: "trigger",
-          action: "contextmenu->ruby-ui--context-menu#handleContextMenu"
+          rbui__context_menu_target: "trigger",
+          action: "contextmenu->rbui--context-menu#handleContextMenu"
         }
       }
     end

data/lib/{ruby_ui → rbui}/dialog/dialog.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class Dialog < Base
     def initialize(open: false, **attrs)
       @open = open
@@ -16,8 +16,8 @@ module RubyUI
     def default_attrs
       {
         data: {
-          controller: "ruby-ui--dialog",
-          ruby_ui__dialog_open_value: @open
+          controller: "rbui--dialog",
+          rbui__dialog_open_value: @open
         }
       }
     end

data/lib/{ruby_ui → rbui}/dialog/dialog_content.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class DialogContent < Base
     SIZES = {
       xs: "max-w-sm",
@@ -17,8 +17,8 @@ module RubyUI
     end
 
     def view_template
-      template(data: {ruby_ui__dialog_target: "content"}) do
-        div(data_controller: "ruby-ui--dialog") do
+      template_tag(data: {rbui__dialog_target: "content"}) do
+        div(data_controller: "rbui--dialog") do
           backdrop
           div(**attrs) do
             yield
@@ -33,10 +33,10 @@ module RubyUI
     def default_attrs
       {
         data_state: "open",
-        class: [
+        class: tokens(
           "fixed pointer-events-auto left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",
           SIZES[@size]
-        ]
+        )
       }
     end
 
@@ -44,7 +44,7 @@ module RubyUI
       button(
         type: "button",
         class: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
-        data_action: "click->ruby-ui--dialog#dismiss"
+        data_action: "click->rbui--dialog#dismiss"
       ) do
         svg(
           width: "15",
@@ -69,7 +69,7 @@ module RubyUI
     def backdrop
       div(
         data_state: "open",
-        data_action: "click->ruby-ui--dialog#dismiss esc->ruby-ui--dialog#dismiss",
+        data_action: "click->rbui--dialog#dismiss esc->rbui--dialog#dismiss",
         class:
               "fixed pointer-events-auto inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
       )

data/lib/{ruby_ui → rbui}/dialog/dialog_description.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class DialogDescription < Base
     def view_template(&)
       p(**attrs, &)

data/lib/{ruby_ui → rbui}/dialog/dialog_footer.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class DialogFooter < Base
     def view_template(&)
       div(**attrs, &)

data/lib/{ruby_ui → rbui}/dialog/dialog_header.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class DialogHeader < Base
     def view_template(&)
       div(**attrs, &)

data/lib/{ruby_ui → rbui}/dialog/dialog_middle.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class DialogMiddle < Base
     def view_template(&)
       div(**attrs, &)

data/lib/{ruby_ui → rbui}/dialog/dialog_title.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class DialogTitle < Base
     def view_template(&)
       h3(**attrs, &)

data/lib/{ruby_ui → rbui}/dialog/dialog_trigger.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class DialogTrigger < Base
     def view_template(&)
       div(**attrs, &)
@@ -11,7 +11,7 @@ module RubyUI
     def default_attrs
       {
         data: {
-          action: "click->ruby-ui--dialog#open"
+          action: "click->rbui--dialog#open"
         },
         class: "inline-block"
       }

data/lib/{ruby_ui → rbui}/dropdown_menu/dropdown_menu.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class DropdownMenu < Base
     def initialize(options: {}, **attrs)
       @options = options
@@ -16,9 +16,9 @@ module RubyUI
     def default_attrs
       {
         data: {
-          controller: "ruby-ui--dropdown-menu",
-          action: "click@window->ruby-ui--dropdown-menu#onClickOutside",
-          ruby_ui__dropdown_menu_options_value: @options.to_json
+          controller: "rbui--dropdown-menu",
+          action: "click@window->rbui--dropdown-menu#onClickOutside",
+          rbui__dropdown_menu_options_value: @options.to_json
         }
       }
     end

data/lib/{ruby_ui → rbui}/dropdown_menu/dropdown_menu_content.rb

@@ -1,9 +1,9 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class DropdownMenuContent < Base
     def view_template(&block)
-      div(data: {ruby_ui__dropdown_menu_target: "content"}, class: "hidden", style: "width: max-content; position: absolute; top: 0; left: 0;") do
+      div(data: {rbui__dropdown_menu_target: "content"}, class: "hidden", style: "width: max-content; position: absolute; top: 0; left: 0;") do
         div(**attrs, &block)
       end
     end

data/lib/{ruby_ui → rbui}/dropdown_menu/dropdown_menu_item.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module RubyUI
+module RBUI
   class DropdownMenuItem < Base
     def initialize(href: "#", **attrs)
       @href = href
@@ -18,8 +18,8 @@ module RubyUI
         href: @href,
         role: "menuitem",
         class: "relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        data_action: "click->ruby-ui--dropdown-menu#close",
-        data_ruby_ui__dropdown_menu_target: "menuItem",
+        data_action: "click->rbui--dropdown-menu#close",
+        data_rbui__dropdown_menu_target: "menuItem",
         tabindex: "-1",
         data_orientation: "vertical"
       }