shadcn_phlexcomponents 0.1.0 → 0.1.1

data/lib/components/accordion.rb

@@ -4,7 +4,7 @@ module ShadcnPhlexcomponents
   class Accordion < Base
     def initialize(value: nil, multiple: false, aria_id: "accordion-#{SecureRandom.hex(5)}", **attributes)
       @multiple = multiple
-      @value = value && value.is_a?(String) ? [ value ] : value
+      @value = value&.is_a?(String) ? [value] : value
       @aria_id = aria_id
       super(**attributes)
     end
@@ -26,8 +26,8 @@ module ShadcnPhlexcomponents
         data: {
           value: (@value || []).to_json,
           multiple: @multiple.to_s,
-          controller: "shadcn-phlexcomponents--accordion"
-        }
+          controller: "shadcn-phlexcomponents--accordion",
+        },
       }
     end
 

data/lib/components/accordion_content.rb

@@ -10,17 +10,19 @@ module ShadcnPhlexcomponents
     end
 
     def view_template(&)
-      div(class: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up
+      div(
+        class: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up
                   data-[state=open]:animate-accordion-down hidden",
-          id: "#{@aria_id}-content",
-          role: "region",
-          aria: {
-            labelledby: "#{@aria_id}-trigger"
-          },
-          data: {
-            state: "closed",
-            "shadcn-phlexcomponents--accordion-target": "content"
-          }) do
+        id: "#{@aria_id}-content",
+        role: "region",
+        aria: {
+          labelledby: "#{@aria_id}-trigger",
+        },
+        data: {
+          state: "closed",
+          "shadcn-phlexcomponents--accordion-target": "content",
+        },
+      ) do
         div(**@attributes, &)
       end
     end

data/lib/components/accordion_item.rb

@@ -4,7 +4,7 @@ module ShadcnPhlexcomponents
   class AccordionItem < Base
     STYLES = "border-b"
 
-    def initialize(value:,  **attributes)
+    def initialize(value:, **attributes)
       @value = value
       super(**attributes)
     end
@@ -14,8 +14,8 @@ module ShadcnPhlexcomponents
         data: {
           state: "closed",
           value: @value,
-          "shadcn-phlexcomponents--accordion-target": "item"
-        }
+          "shadcn-phlexcomponents--accordion-target": "item",
+        },
       }
     end
 

data/lib/components/accordion_trigger.rb

@@ -18,17 +18,17 @@ module ShadcnPhlexcomponents
         id: "#{@aria_id}-trigger",
         aria: {
           controls: "#{@aria_id}-content",
-          expanded: "false"
+          expanded: "false",
         },
         data: {
           state: "closed",
           "shadcn-phlexcomponents--accordion-target": "trigger",
-          action: <<~HEREDOC
+          action: <<~HEREDOC,
             click->shadcn-phlexcomponents--accordion#toggleItem
             keydown.up->shadcn-phlexcomponents--accordion#focusPrev:prevent
             keydown.down->shadcn-phlexcomponents--accordion#focusNext:prevent
           HEREDOC
-        }
+        },
       }
     end
 

data/lib/components/alert_description.rb

@@ -8,4 +8,4 @@ module ShadcnPhlexcomponents
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/alert_dialog.rb

@@ -36,7 +36,7 @@ module ShadcnPhlexcomponents
     def cancel(**attributes, &)
       AlertDialogCancel(**attributes, &)
     end
-    
+
     def action(**attributes, &)
       AlertDialogAction(**attributes, &)
     end
@@ -57,4 +57,4 @@ module ShadcnPhlexcomponents
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/alert_dialog_action.rb

@@ -14,9 +14,9 @@ module ShadcnPhlexcomponents
         },
       }
     end
-    
+
     def view_template(&)
       Button(variant: @variant, **@attributes, &)
     end
   end
-end
+end

data/lib/components/alert_dialog_action_to.rb

@@ -21,7 +21,10 @@ module ShadcnPhlexcomponents
     end
 
     def view_template(&)
-      @html_options, @options = @options, @name if block_given?
+      if block_given?
+        @html_options = @options
+        @options = @name
+      end
       @html_options ||= {}
       @variant = @html_options.delete(:variant) || :primary
       @html_options = mix(default_attributes, @html_options)
@@ -34,4 +37,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/alert_dialog_cancel.rb

@@ -19,4 +19,4 @@ module ShadcnPhlexcomponents
       Button(variant: @variant, **@attributes, &)
     end
   end
-end
+end

data/lib/components/alert_dialog_content.rb

@@ -37,4 +37,4 @@ module ShadcnPhlexcomponents
       div(class: "#{@class} hidden", **@attributes, &)
     end
   end
-end
+end

data/lib/components/alert_dialog_description.rb

@@ -19,4 +19,4 @@ module ShadcnPhlexcomponents
       p(**@attributes, &)
     end
   end
-end
+end

data/lib/components/alert_dialog_footer.rb

@@ -8,4 +8,4 @@ module ShadcnPhlexcomponents
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/alert_dialog_header.rb

@@ -8,4 +8,4 @@ module ShadcnPhlexcomponents
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/alert_dialog_title.rb

@@ -19,4 +19,4 @@ module ShadcnPhlexcomponents
       h2(**@attributes, &)
     end
   end
-end
+end

data/lib/components/alert_dialog_trigger.rb

@@ -19,7 +19,7 @@ module ShadcnPhlexcomponents
         data: {
           action: "click->shadcn-phlexcomponents--alert-dialog#open",
           "shadcn-phlexcomponents--alert-dialog-target": "trigger",
-          as_child: @as_child.to_s
+          as_child: @as_child.to_s,
         },
       }
     end
@@ -47,4 +47,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/aspect_ratio.rb

@@ -16,4 +16,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/avatar.rb

@@ -28,4 +28,4 @@ module ShadcnPhlexcomponents
       span(**@attributes, &)
     end
   end
-end
+end

data/lib/components/avatar_fallback.rb

@@ -18,4 +18,4 @@ module ShadcnPhlexcomponents
       span(class: "#{@class} hidden", **@attributes, &)
     end
   end
-end
+end

data/lib/components/avatar_image.rb

@@ -1,7 +1,6 @@
 # frozen_string_literal: true
 
 module ShadcnPhlexcomponents
-
   class AvatarImage < Base
     STYLES = "aspect-square h-full w-full"
 
@@ -17,4 +16,4 @@ module ShadcnPhlexcomponents
       img(**@attributes, &)
     end
   end
-end
+end

data/lib/components/badge.rb

@@ -14,23 +14,17 @@ module ShadcnPhlexcomponents
       outline: "text-foreground",
     }.freeze
 
-    class << self
-      def default_styles(variant)
-        "#{STYLES} #{VARIANTS[variant]}"
-      end
-    end
-
     def initialize(variant: :primary, **attributes)
       @variant = variant
       super(**attributes)
     end
 
     def default_styles
-      self.class.default_styles(@variant)
+      "#{STYLES} #{VARIANTS[@variant]}"
     end
 
     def view_template(&)
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/base.rb

@@ -11,7 +11,7 @@ module ShadcnPhlexcomponents
     STYLES = ""
 
     SANITIZER_ALLOWED_TAGS = (Rails::HTML::SafeListSanitizer.allowed_tags.to_a +
-      [ "svg", "path", "polygon", "polyline", "circle", "ellipse", "rect", "line", "use", "defs", "g" ]).freeze
+      ["svg", "path", "polygon", "polyline", "circle", "ellipse", "rect", "line", "use", "defs", "g"]).freeze
 
     SANITIZER_ALLOWED_ATTRIBUTES = (Rails::HTML::SafeListSanitizer.allowed_attributes.to_a +
       [
@@ -32,7 +32,7 @@ module ShadcnPhlexcomponents
         "stroke-width",
         "stroke-linecap",
         "aria-hidden",
-        "class"
+        "class",
       ]).freeze
 
     def initialize(**attributes)
@@ -90,15 +90,15 @@ module ShadcnPhlexcomponents
     def icon(named, **options)
       options = options.with_indifferent_access
       size = options.delete(:size)
-      options = options.merge width: size, height: size if size
+      options = options.merge(width: size, height: size) if size
 
       svg(**LucideRails.default_options.merge(**options)) { LucideRails::IconProvider.icon(named).html_safe }
     end
 
     def convert_collection_hash_to_struct(collection, value_method:, text_method:)
-      structConstructor = Struct.new(value_method, text_method)
+      struct_constructor = Struct.new(value_method, text_method)
       collection.map do |item|
-        struct = structConstructor.new
+        struct = struct_constructor.new
         struct[value_method] = item[value_method]
         struct[text_method] = item[text_method]
         struct

data/lib/components/breadcrumb.rb

@@ -48,4 +48,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/breadcrumb_ellipsis.rb

@@ -20,4 +20,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/breadcrumb_item.rb

@@ -8,4 +8,4 @@ module ShadcnPhlexcomponents
       li(**@attributes, &)
     end
   end
-end
+end

data/lib/components/breadcrumb_link.rb

@@ -4,4 +4,4 @@ module ShadcnPhlexcomponents
   class BreadcrumbLink < Link
     STYLES = "transition-colors hover:text-foreground"
   end
-end
+end

data/lib/components/breadcrumb_page.rb

@@ -18,4 +18,4 @@ module ShadcnPhlexcomponents
       span(**@attributes, &)
     end
   end
-end
+end

data/lib/components/breadcrumb_separator.rb

@@ -23,4 +23,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/button.rb

@@ -50,4 +50,4 @@ module ShadcnPhlexcomponents
       button(**@attributes, &)
     end
   end
-end
+end

data/lib/components/card.rb

@@ -28,4 +28,4 @@ module ShadcnPhlexcomponents
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/card_content.rb

@@ -8,4 +8,4 @@ module ShadcnPhlexcomponents
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/card_description.rb

@@ -8,4 +8,4 @@ module ShadcnPhlexcomponents
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/card_footer.rb

@@ -8,4 +8,4 @@ module ShadcnPhlexcomponents
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/card_header.rb

@@ -8,4 +8,4 @@ module ShadcnPhlexcomponents
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/card_title.rb

@@ -8,4 +8,4 @@ module ShadcnPhlexcomponents
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/checkbox.rb

@@ -2,14 +2,15 @@
 
 module ShadcnPhlexcomponents
   class Checkbox < Base
-    STYLES = <<~HEREDOC.freeze
+    STYLES = <<~HEREDOC
       peer size-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none
       focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50
       data-[checked=true]:bg-primary data-[checked=true]:text-primary-foreground relative
       cursor-pointer group/checkbox
     HEREDOC
 
-    def initialize(name: nil, value: "1", unchecked_value: "0", checked: false, id: nil, include_hidden: true, **attributes)
+    def initialize(name: nil, value: "1", unchecked_value: "0", checked: false, id: nil, include_hidden: true,
+      **attributes)
       @name = name
       @value = value
       @unchecked_value = unchecked_value
@@ -21,7 +22,7 @@ module ShadcnPhlexcomponents
 
     def view_template(&)
       button(**@attributes) do
-        span(class: "absolute inset-0 items-center justify-center text-current 
+        span(class: "absolute inset-0 items-center justify-center text-current
                     pointer-events-none hidden group-data-[checked=true]/checkbox:flex") do
           icon("check", class: "size-4")
         end
@@ -31,7 +32,7 @@ module ShadcnPhlexcomponents
         end
 
         input(
-          type: "checkbox", 
+          type: "checkbox",
           value: @value,
           class: "-translate-x-full pointer-events-none absolute top-0 left-0 size-4 opacity-0",
           name: @name,
@@ -39,14 +40,14 @@ module ShadcnPhlexcomponents
           checked: @checked,
           aria: { hidden: true },
           data: {
-            "shadcn-phlexcomponents--checkbox-target": "input"
-          }
+            "shadcn-phlexcomponents--checkbox-target": "input",
+          },
         )
       end
     end
 
     def default_attributes
-      { 
+      {
         id: @id,
         type: "button",
         role: "checkbox",
@@ -56,10 +57,13 @@ module ShadcnPhlexcomponents
         data: {
           checked: @checked.to_s,
           controller: "shadcn-phlexcomponents--checkbox",
-          action: "click->shadcn-phlexcomponents--checkbox#toggle keydown.enter->shadcn-phlexcomponents--checkbox#preventDefault",
+          action: <<~HEREDOC,
+            click->shadcn-phlexcomponents--checkbox#toggle
+            keydown.enter->shadcn-phlexcomponents--checkbox#preventDefault
+          HEREDOC
           "shadcn-phlexcomponents--checkbox-checked-value": @checked,
-        }
+        },
       }
     end
   end
-end
+end

data/lib/components/checkbox_group.rb

@@ -14,7 +14,7 @@ module ShadcnPhlexcomponents
     def items(collection, value_method:, text_method:, wrapper_class: nil)
       wrapper_class = TAILWIND_MERGER.merge("flex items-center space-x-2 #{wrapper_class}")
 
-      if collection.first && collection.first.is_a?(Hash)
+      if collection.first&.is_a?(Hash)
         collection = convert_collection_hash_to_struct(collection, value_method: value_method, text_method: text_method)
       end
 
@@ -24,12 +24,13 @@ module ShadcnPhlexcomponents
         id = "#{@name.parameterize.underscore}_#{value}"
 
         div(class: wrapper_class) do
-          Checkbox(name: "#{@name}[]", 
-                          id: id,
-                          value: value,
-                          checked: @value.include?(value),
-                          include_hidden: false
-                        )
+          Checkbox(
+            name: "#{@name}[]",
+            id: id,
+            value: value,
+            checked: @value.include?(value),
+            include_hidden: false,
+          )
           Label(for: id) { text }
         end
       end
@@ -45,4 +46,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/collapsible.rb

@@ -2,7 +2,6 @@
 
 module ShadcnPhlexcomponents
   class Collapsible < Base
-
     def initialize(open: false, aria_id: "collapsible-#{SecureRandom.hex(5)}", **attributes)
       @open = open
       @aria_id = aria_id
@@ -20,8 +19,8 @@ module ShadcnPhlexcomponents
     def default_attributes
       {
         data: {
-          controller: "shadcn-phlexcomponents--collapsible"
-        }
+          controller: "shadcn-phlexcomponents--collapsible",
+        },
       }
     end
 

data/lib/components/collapsible_content.rb

@@ -2,7 +2,6 @@
 
 module ShadcnPhlexcomponents
   class CollapsibleContent < Base
-
     def initialize(aria_id: :nil, **attributes)
       @aria_id = aria_id
       super(**attributes)
@@ -12,8 +11,8 @@ module ShadcnPhlexcomponents
       {
         id: "#{@aria_id}-content",
         data: {
-          "shadcn-phlexcomponents--collapsible-target": "content"
-        }
+          "shadcn-phlexcomponents--collapsible-target": "content",
+        },
       }
     end
 

data/lib/components/collapsible_trigger.rb

@@ -14,13 +14,13 @@ module ShadcnPhlexcomponents
         role: "button",
         aria: {
           expanded: @open.to_s,
-          controls: "#{@aria_id}-content"
+          controls: "#{@aria_id}-content",
         },
         data: {
-          state: @open ? "open" : 'closed',
+          state: @open ? "open" : "closed",
           action: "click->shadcn-phlexcomponents--collapsible#toggle",
-          "shadcn-phlexcomponents--collapsible-target": "trigger"
-        }
+          "shadcn-phlexcomponents--collapsible-target": "trigger",
+        },
       }
     end
 
@@ -39,7 +39,7 @@ module ShadcnPhlexcomponents
           merged_attributes.delete(:role)
         end
 
-        send(element.name, **merged_attributes) do        
+        send(element.name, **merged_attributes) do
           sanitize_as_child(element.children.to_s)
         end
       else

data/lib/components/combobox.rb

@@ -0,0 +1,57 @@
+# frozen_string_literal: true
+
+module ShadcnPhlexcomponents
+  class Combobox < Base
+    def initialize(id: nil,
+      name: nil,
+      value: nil,
+      placeholder: nil,
+      disabled: false,
+      include_blank: false,
+      **attributes)
+      @id = id || name
+      @name = name
+      @value = value
+      @placeholder = placeholder
+      @include_blank = include_blank
+      @disabled = disabled
+      super(**attributes)
+    end
+
+    def item(**attributes, &)
+      ComboboxItem(**attributes, &)
+    end
+
+    def items(collection)
+      collection.each do |option|
+        ComboboxItem(value: option[:value], disabled: option[:disabled]) { option[:name] }
+      end
+    end
+
+    def view_template(&)
+      div(**@attributes) do
+        select(
+          id: @id,
+          name: @name,
+          disabled: @disabled,
+          data: { "shadcn-phlexcomponents--combobox-target": "select" },
+        ) do
+          option(value: "")
+
+          yield
+        end
+      end
+    end
+
+    def default_attributes
+      {
+        data: {
+          controller: "shadcn-phlexcomponents--combobox",
+          placeholder: @placeholder,
+          include_blank: @include_blank.to_s,
+          value: @value,
+        },
+      }
+    end
+  end
+end

data/lib/components/combobox_item.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+module ShadcnPhlexcomponents
+  class ComboboxItem < Base
+    def view_template(&)
+      option(**@attributes, &)
+    end
+  end
+end