ruby_ui 1.0.0.pre.alpha.4

data/lib/rbui/link/link.rb

@@ -0,0 +1,97 @@
+# frozen_string_literal: true
+
+module RBUI
+  class Link < Base
+    def initialize(href: "#", variant: :link, size: :md, icon: false, **attrs)
+      @href = href
+      @variant = variant.to_sym
+      @size = size.to_sym
+      @icon = icon
+      super(**attrs)
+    end
+
+    def view_template(&)
+      a(href: @href, **attrs, &)
+    end
+
+    private
+
+    def size_classes
+      if @icon
+        case @size
+        when :sm then "h-6 w-6"
+        when :md then "h-9 w-9"
+        when :lg then "h-10 w-10"
+        when :xl then "h-12 w-12"
+        end
+      else
+        case @size
+        when :sm then "px-3 py-1.5 h-8 text-xs"
+        when :md then "px-4 py-2 h-9 text-sm"
+        when :lg then "px-4 py-2 h-10 text-base"
+        when :xl then "px-6 py-3 h-12 text-base"
+        end
+      end
+    end
+
+    def primary_classes
+      tokens(
+        "whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        size_classes
+      )
+    end
+
+    def link_classes
+      tokens(
+        "whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 text-primary underline-offset-4 hover:underline",
+        size_classes
+      )
+    end
+
+    def secondary_classes
+      tokens(
+        "whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-opacity-80",
+        size_classes
+      )
+    end
+
+    def destructive_classes
+      tokens(
+        "whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        size_classes
+      )
+    end
+
+    def outline_classes
+      tokens(
+        "whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        size_classes
+      )
+    end
+
+    def ghost_classes
+      tokens(
+        "whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground",
+        size_classes
+      )
+    end
+
+    def default_classes
+      case @variant
+      when :primary then primary_classes
+      when :link then link_classes
+      when :secondary then secondary_classes
+      when :destructive then destructive_classes
+      when :outline then outline_classes
+      when :ghost then ghost_classes
+      end
+    end
+
+    def default_attrs
+      {
+        type: "button",
+        class: default_classes
+      }
+    end
+  end
+end

data/lib/rbui/pagination/pagination.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module RBUI
+  class Pagination < Base
+    def view_template(&)
+      nav(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        aria: {label: "pagination"},
+        class: "mx-auto flex w-full justify-center",
+        role: "navigation"
+      }
+    end
+  end
+end

data/lib/rbui/pagination/pagination_content.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module RBUI
+  class PaginationContent < Base
+    def view_template(&)
+      ul(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "flex flex-row items-center gap-1"
+      }
+    end
+  end
+end

data/lib/rbui/pagination/pagination_ellipsis.rb

@@ -0,0 +1,42 @@
+# frozen_string_literal: true
+
+module RBUI
+  class PaginationEllipsis < Base
+    def view_template(&block)
+      li do
+        span(**attrs) do
+          icon
+          span(class: "sr-only") { "More pages" }
+        end
+      end
+    end
+
+    private
+
+    def icon
+      svg(
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewbox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        stroke_width: "2",
+        stroke_linecap: "round",
+        stroke_linejoin: "round",
+        class: "h-4 w-4"
+      ) do |s|
+        s.circle(cx: "12", cy: "12", r: "1")
+        s.circle(cx: "19", cy: "12", r: "1")
+        s.circle(cx: "5", cy: "12", r: "1")
+      end
+    end
+
+    def default_attrs
+      {
+        aria: {hidden: true},
+        class: "flex h-9 w-9 items-center justify-center"
+      }
+    end
+  end
+end

data/lib/rbui/pagination/pagination_item.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module RBUI
+  class PaginationItem < Base
+    def initialize(href: "#", active: false, **attrs)
+      @href = href
+      @active = active
+      super(**attrs)
+    end
+
+    def view_template(&block)
+      li do
+        a(href: @href, **attrs, &block)
+      end
+    end
+
+    private
+
+    def default_attrs
+      {
+        aria: {current: @active ? "page" : nil},
+        class: tokens(
+          RBUI::Button.new(variant: @active ? :outline : :ghost).attrs[:class]
+        )
+      }
+    end
+  end
+end

data/lib/rbui/popover/popover.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+module RBUI
+  class Popover < Base
+    def initialize(options: {}, **attrs)
+      @options = options
+      super(**attrs)
+    end
+
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {
+          controller: "rbui--popover",
+          rbui__popover_options_value: @options.to_json,
+          rbui__popover_trigger_value: @options[:trigger] || "hover"
+        }
+      }
+    end
+  end
+end

data/lib/rbui/popover/popover_content.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+module RBUI
+  class PopoverContent < Base
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {
+          rbui__popover_target: "content"
+        },
+        class: [
+          "hidden z-50 rounded-md border bg-background p-1 text-foreground shadow-md outline-none",
+          "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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+          "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+          "absolute"
+        ]
+      }
+    end
+  end
+end

data/lib/rbui/popover/popover_trigger.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+module RBUI
+  class PopoverTrigger < Base
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {
+          rbui__popover_target: "trigger"
+        },
+        class: "inline-block"
+      }
+    end
+  end
+end

data/lib/rbui/radio_button/radio_button.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module RBUI
+  class RadioButton < Base
+    def view_template
+      input(**attrs)
+    end
+
+    private
+
+    def default_attrs
+      {
+        type: "radio",
+        data: {
+          rbui__form_field_target: "input",
+          action: "input->rbui--form-field#onInput invalid->rbui--form-field#onInvalid"
+        },
+        class: "h-4 w-4 p-0 border-primary rounded-full flex-none"
+      }
+    end
+  end
+end

data/lib/rbui/railtie.rb

@@ -0,0 +1,52 @@
+module RBUI
+  if defined?(Rails)
+    class Railtie < ::Rails::Railtie
+      generators do
+        require_relative "../generators/rbui/install/install_generator"
+
+        config.app_generators do |g|
+          g.templates.unshift File.expand_path("../templates", __FILE__)
+        end
+
+        initializer "rbui.set_generator_namespace" do
+          Rails::Generators.namespace(RBUI::Generators, as: "rbui")
+        end
+      end
+
+      # Add component loading
+      config.to_prepare do
+        # Define the path to the RBUI components
+        rbui_components_path = Rails.root.join("app/components/rbui")
+
+        # Check if the RBUI components directory exists
+        if Dir.exist?(rbui_components_path)
+          # Find all Ruby files in the RBUI components directory and its subdirectories
+          Dir[rbui_components_path.join("**", "*.rb")].each do |file|
+            # Get the relative path of the file from the RBUI components directory
+            relative_path = Pathname.new(file).relative_path_from(rbui_components_path)
+
+            # Convert the file path to a component name
+            # e.g., "form/input.rb" becomes ["Form", "Input"]
+            component_name_parts = relative_path.to_s.chomp(".rb").split("/").map(&:camelize)
+
+            # Create the full component name with RBUI namespace
+            # e.g., "RBUI::Form::Input"
+            full_component_name = "RBUI::#{component_name_parts.join("::")}"
+
+            begin
+              # Check if the component is already defined
+              if defined?(full_component_name.constantize)
+                # If it's defined, load (or reload) the file
+                load file
+              end
+            rescue NameError
+              # If the constant isn't defined (i.e., the component doesn't exist),
+              # we'll skip this file and move to the next one
+              next
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/rbui/select/select.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module RBUI
+  class Select < Base
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {
+          controller: "rbui--select",
+          rbui__select_open_value: "false",
+          action: "click@window->rbui--select#clickOutside",
+          rbui__select_rbui__select_item_outlet: ".item"
+        },
+        class: "group/select w-full relative"
+      }
+    end
+  end
+end

data/lib/rbui/select/select_content.rb

@@ -0,0 +1,32 @@
+# frozen_string_literal: true
+
+module RBUI
+  class SelectContent < Base
+    def initialize(**attrs)
+      @id = "content#{SecureRandom.hex(4)}"
+      super
+    end
+
+    def view_template(&block)
+      div(**attrs) do
+        div(
+          class: "max-h-96 min-w-max overflow-auto rounded-md border bg-background p-1 text-foreground shadow-md animate-out group-data-[rbui--select-open-value=true]/select:animate-in fade-out-0 group-data-[rbui--select-open-value=true]/select:fade-in-0 zoom-out-95 group-data-[rbui--select-open-value=true]/select:zoom-in-95 slide-in-from-top-2", &block
+        )
+      end
+    end
+
+    private
+
+    def default_attrs
+      {
+        id: @id,
+        role: "listbox",
+        tabindex: "-1",
+        data: {
+          rbui__select_target: "content"
+        },
+        class: "hidden w-full absolute top-0 left-0 z-50"
+      }
+    end
+  end
+end

data/lib/rbui/select/select_group.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module RBUI
+  class SelectGroup < Base
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {}
+    end
+  end
+end

data/lib/rbui/select/select_input.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module RBUI
+  class SelectInput < Base
+    def view_template
+      input(**attrs)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "hidden",
+        data: {
+          rbui__select_target: "input",
+          rbui__form_field_target: "input",
+          action: "change->rbui--form-field#onChange invalid->rbui--form-field#onInvalid"
+        }
+      }
+    end
+  end
+end

data/lib/rbui/select/select_item.rb

@@ -0,0 +1,52 @@
+# frozen_string_literal: true
+
+module RBUI
+  class SelectItem < Base
+    def initialize(value: nil, **attrs)
+      @value = value
+      super(**attrs)
+    end
+
+    def view_template(&block)
+      div(**attrs) do
+        selected_icon
+        block&.call
+      end
+    end
+
+    private
+
+    def selected_icon
+      svg(
+        xmlns: "http://www.w3.org/2000/svg",
+        viewbox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        class: "invisible group-aria-selected:visible	mr-2 h-4 w-4 flex-none",
+        stroke_width: "2",
+        stroke_linecap: "round",
+        stroke_linejoin: "round"
+      ) do |s|
+        s.path(
+          d: "M20 6 9 17l-5-5"
+        )
+      end
+    end
+
+    def default_attrs
+      {
+        role: "option",
+        tabindex: "0",
+        class: "item group 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: {
+          controller: "rbui--select-item",
+          action: "click->rbui--select#selectItem keydown.enter->rbui--select#selectItem keydown.down->rbui--select#handleKeyDown keydown.up->rbui--select#handleKeyUp keydown.esc->rbui--select#handleEsc",
+          rbui__select_target: "item"
+        },
+        data_value: @value,
+        data_orientation: "vertical",
+        aria_selected: "false"
+      }
+    end
+  end
+end

data/lib/rbui/select/select_label.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module RBUI
+  class SelectLabel < Base
+    def view_template(&)
+      h3(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "px-2 py-1.5 text-sm font-semibold"
+      }
+    end
+  end
+end

data/lib/rbui/select/select_trigger.rb

@@ -0,0 +1,54 @@
+# frozen_string_literal: true
+
+module RBUI
+  class SelectTrigger < Base
+    def view_template(&block)
+      button(**attrs) do
+        block&.call
+        icon
+      end
+    end
+
+    private
+
+    def icon
+      svg(
+        xmlns: "http://www.w3.org/2000/svg",
+        viewbox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        class: "ml-2 h-4 w-4 shrink-0 opacity-50",
+        stroke_width: "2",
+        stroke_linecap: "round",
+        stroke_linejoin: "round"
+      ) do |s|
+        s.path(
+          d: "m7 15 5 5 5-5"
+        )
+        s.path(
+          d: "m7 9 5-5 5 5"
+        )
+      end
+    end
+
+    def default_attrs
+      {
+        data: {
+          action: "rbui--select#onClick",
+          rbui__select_target: "trigger"
+        },
+        type: "button",
+        role: "combobox",
+        aria: {
+          controls: "radix-:r0:",
+          expanded: "false",
+          autocomplete: "none",
+          haspopup: "listbox",
+          activedescendant: true
+        },
+        class:
+          "truncate w-full flex h-9 items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
+      }
+    end
+  end
+end

data/lib/rbui/select/select_value.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+module RBUI
+  class SelectValue < Base
+    def initialize(placeholder: nil, **attrs)
+      @placeholder = placeholder
+      super(**attrs)
+    end
+
+    def view_template(&block)
+      span(**attrs) do
+        block ? block.call : @placeholder
+      end
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {
+          rbui__select_target: "value"
+        },
+        class: "pointer-events-none"
+      }
+    end
+  end
+end

data/lib/rbui/sheet/sheet.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module RBUI
+  class Sheet < Base
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {controller: "rbui--sheet"}
+      }
+    end
+  end
+end