shadcn_phlexcomponents 0.1.18 → 0.1.19

data/lib/shadcn_phlexcomponents/components/dropdown_menu_sub.rb

@@ -31,10 +31,15 @@ module ShadcnPhlexcomponents
 
   class DropdownMenuSubTrigger < Base
     class_variants(
-      base: <<~HEREDOC,
-        focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground
-        flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8
-      HEREDOC
+      **(
+        ShadcnPhlexcomponents.configuration.dropdown_menu_sub&.dig(:trigger) ||
+        {
+          base: <<~HEREDOC,
+            focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground
+            flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8
+          HEREDOC
+        }
+      ),
     )
 
     def initialize(aria_id: nil, **attributes)
@@ -42,14 +47,6 @@ module ShadcnPhlexcomponents
       super(**attributes)
     end
 
-    def view_template(&)
-      div(**@attributes) do
-        yield
-
-        icon("chevron-right", class: "ml-auto size-4")
-      end
-    end
-
     def default_attributes
       {
         id: "#{@aria_id}-trigger",
@@ -80,17 +77,30 @@ module ShadcnPhlexcomponents
         },
       }
     end
+
+    def view_template(&)
+      div(**@attributes) do
+        yield
+
+        icon("chevron-right", class: "ml-auto size-4")
+      end
+    end
   end
 
   class DropdownMenuSubContent < Base
     class_variants(
-      base: <<~HEREDOC,
-        bg-popover text-popover-foreground 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 z-50 min-w-[8rem]
-        origin-(--radix-popper-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg outline-none
-      HEREDOC
+      **(
+        ShadcnPhlexcomponents.configuration.dropdown_menu_sub&.dig(:content) ||
+        {
+          base: <<~HEREDOC,
+            bg-popover text-popover-foreground 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 z-50 min-w-[8rem]
+            origin-(--radix-popper-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg outline-none
+          HEREDOC
+        }
+      ),
     )
 
     def initialize(aria_id: nil, side: :right, align: :start, **attributes)
@@ -124,13 +134,31 @@ module ShadcnPhlexcomponents
     end
 
     def view_template(&)
-      div(
-        style: { display: "none" },
-        class: "fixed top-0 left-0 w-max z-50",
-        data: { dropdown_menu_sub_target: "contentContainer" },
-      ) do
+      DropdownMenuSubContentContainer do
         div(**@attributes, &)
       end
     end
   end
+
+  class DropdownMenuSubContentContainer < Base
+    class_variants(
+      **(
+        ShadcnPhlexcomponents.configuration.dropdown_menu_sub&.dig(:content_container) ||
+        {
+          base: "fixed top-0 left-0 w-max z-50",
+        }
+      ),
+    )
+
+    def default_attributes
+      {
+        style: { display: "none" },
+        data: { dropdown_menu_sub_target: "contentContainer" },
+      }
+    end
+
+    def view_template(&)
+      div(**@attributes, &)
+    end
+  end
 end

data/lib/shadcn_phlexcomponents/components/form/form_checkbox.rb

@@ -55,7 +55,7 @@ module ShadcnPhlexcomponents
       @id ||= field_id(@object_name, @method)
       @name ||= field_name(@object_name, @method)
 
-      div(class: "space-y-2") do
+      FormField do
         div(class: "flex items-top space-x-2") do
           div(class: "grid gap-1.5 relative", data: label_and_hint_container_attributes) do
             @attributes[:class] = "#{@attributes[:class]} -mt-[1.5px] absolute top-0 left-0"

data/lib/shadcn_phlexcomponents/components/form/form_checkbox_group.rb

@@ -81,7 +81,7 @@ module ShadcnPhlexcomponents
       @id ||= field_id(@object_name, @method)
       @name ||= field_name(@object_name, @method)
 
-      div(class: "space-y-2", data: label_and_hint_container_attributes) do
+      FormField(data: label_and_hint_container_attributes) do
         render_label(&)
 
         CheckboxGroup(

data/lib/shadcn_phlexcomponents/components/form/form_combobox.rb

@@ -49,7 +49,7 @@ module ShadcnPhlexcomponents
       @id ||= field_id(@object_name, @method)
       @name ||= field_name(@object_name, @method)
 
-      div(class: "space-y-2", data: label_and_hint_container_attributes) do
+      FormField(data: label_and_hint_container_attributes) do
         render_label(&)
 
         Combobox(id: @id, name: @name, value: @value, aria: aria_attributes, **@attributes) do |c|

data/lib/shadcn_phlexcomponents/components/form/form_date_picker.rb

@@ -35,7 +35,7 @@ module ShadcnPhlexcomponents
       @id ||= field_id(@object_name, @method)
       @name ||= field_name(@object_name, @method)
 
-      div(class: "space-y-2", data: label_and_hint_container_attributes) do
+      FormField(data: label_and_hint_container_attributes) do
         render_label(&)
         DatePicker(id: @id, name: @name, value: @value, aria: aria_attributes, **@attributes)
         render_hint(&)

data/lib/shadcn_phlexcomponents/components/form/form_date_range_picker.rb

@@ -65,7 +65,7 @@ module ShadcnPhlexcomponents
           field_name(@object_name, @end_method),
         ]
 
-      div(class: "space-y-2", data: label_and_hint_container_attributes) do
+      FormField(data: label_and_hint_container_attributes) do
         render_label(&)
         DateRangePicker(
           id: @id,

data/lib/shadcn_phlexcomponents/components/form/form_error.rb

@@ -2,7 +2,14 @@
 
 module ShadcnPhlexcomponents
   class FormError < Base
-    class_variants(base: "text-destructive text-sm")
+    class_variants(
+      **(
+        ShadcnPhlexcomponents.configuration.form&.dig(:error) ||
+        {
+          base: "text-destructive text-sm",
+        }
+      ),
+    )
 
     def initialize(message, aria_id: nil, **attributes)
       @message = message

data/lib/shadcn_phlexcomponents/components/form/form_helpers.rb

@@ -25,12 +25,13 @@ module ShadcnPhlexcomponents
 
     def hint(text = nil, **attributes, &)
       @yield_hint = true
+      @hint = true
       attrs = hint_attributes(**attributes)
 
       if text
-        FormHint(text, **attrs)
+        FormHint(text, aria_id: @aria_id, **attrs)
       else
-        FormHint(**attrs, &)
+        FormHint(aria_id: @aria_id, **attrs, &)
       end
     end
 

data/lib/shadcn_phlexcomponents/components/form/form_hint.rb

@@ -2,7 +2,14 @@
 
 module ShadcnPhlexcomponents
   class FormHint < Base
-    class_variants(base: "text-muted-foreground text-sm")
+    class_variants(
+      **(
+        ShadcnPhlexcomponents.configuration.form&.dig(:hint) ||
+        {
+          base: "text-muted-foreground text-sm",
+        }
+      ),
+    )
 
     def initialize(message = nil, aria_id: nil, **attributes)
       @message = message

data/lib/shadcn_phlexcomponents/components/form/form_input.rb

@@ -37,7 +37,7 @@ module ShadcnPhlexcomponents
       @id ||= field_id(@object_name, @method)
       @name ||= field_name(@object_name, @method)
 
-      div(class: "space-y-2", data: label_and_hint_container_attributes) do
+      FormField(data: label_and_hint_container_attributes) do
         render_label(&)
         Input(type: @type, id: @id, name: @name, value: @value, aria: aria_attributes, **@attributes)
         render_hint(&)

data/lib/shadcn_phlexcomponents/components/form/form_radio_group.rb

@@ -71,7 +71,7 @@ module ShadcnPhlexcomponents
       @id ||= field_id(@object_name, @method)
       @name ||= field_name(@object_name, @method)
 
-      div(class: "space-y-2", data: label_and_hint_container_attributes) do
+      FormField(data: label_and_hint_container_attributes) do
         render_label(&)
 
         RadioGroup(

data/lib/shadcn_phlexcomponents/components/form/form_select.rb

@@ -49,7 +49,7 @@ module ShadcnPhlexcomponents
       @id ||= field_id(@object_name, @method)
       @name ||= field_name(@object_name, @method)
 
-      div(class: "space-y-2", data: label_and_hint_container_attributes) do
+      FormField(data: label_and_hint_container_attributes) do
         render_label(&)
 
         Select(id: @id, name: @name, value: @value, aria: aria_attributes, **@attributes) do |s|

data/lib/shadcn_phlexcomponents/components/form/form_slider.rb

@@ -80,7 +80,7 @@ module ShadcnPhlexcomponents
           end
       end
 
-      div(class: "space-y-2", data: label_and_hint_container_attributes) do
+      FormField(data: label_and_hint_container_attributes) do
         render_label(&)
         Slider(id: @id, name: @name, value: @value, aria: aria_attributes, range: @range, **@attributes)
         render_hint(&)

data/lib/shadcn_phlexcomponents/components/form/form_switch.rb

@@ -46,7 +46,7 @@ module ShadcnPhlexcomponents
       @id ||= field_id(@object_name, @method)
       @name ||= field_name(@object_name, @method)
 
-      div(class: "space-y-2", data: label_and_hint_container_attributes) do
+      FormField(data: label_and_hint_container_attributes) do
         div(class: "flex items-center gap-2") do
           Switch(
             id: @id,

data/lib/shadcn_phlexcomponents/components/form/form_textarea.rb

@@ -35,7 +35,7 @@ module ShadcnPhlexcomponents
       @id ||= field_id(@object_name, @method)
       @name ||= field_name(@object_name, @method)
 
-      div(class: "space-y-2", data: label_and_hint_container_attributes) do
+      FormField(data: label_and_hint_container_attributes) do
         render_label(&)
 
         # Wrap textarea in div to ensure spacing is correct as there were instances where certain browser extensions

data/lib/shadcn_phlexcomponents/components/form.rb

@@ -19,13 +19,14 @@ module ShadcnPhlexcomponents
   class Form < Base
     include Phlex::Rails::Helpers::FormWith
 
-    def initialize(model: false, scope: nil, url: nil, format: nil, loading: false, **options)
+    def initialize(
+      model: false,
+      loading: false,
+      **options
+    )
       @model = model
-      @scope = scope
-      @url = url
-      @format = format
-      @options = options
       @loading = loading
+      @options = options
       @object_name = model ? model.to_model.model_name.param_key : nil
     end
 
@@ -133,7 +134,7 @@ module ShadcnPhlexcomponents
       @form_class = @options[:class]
       @options[:class] = "#{@options[:class]} #{"group" if @loading}"
       # rubocop:disable Style/ExplicitBlockArgument
-      form_with(model: @model, scope: @scope, url: @url, format: @format, **@options) do
+      form_with(model: @model, **@options) do
         yield
       end
       # rubocop:enable Style/ExplicitBlockArgument
@@ -168,4 +169,19 @@ module ShadcnPhlexcomponents
       I18n.t(defaults.shift, model: model, default: defaults)
     end
   end
+
+  class FormField < Base
+    class_variants(
+      **(
+        ShadcnPhlexcomponents.configuration.form&.dig(:field) ||
+        {
+          base: "space-y-2",
+        }
+      ),
+    )
+
+    def view_template(&)
+      div(**@attributes, &)
+    end
+  end
 end

data/lib/shadcn_phlexcomponents/components/hover_card.rb

@@ -2,7 +2,14 @@
 
 module ShadcnPhlexcomponents
   class HoverCard < Base
-    class_variants(base: "inline-flex max-w-fit")
+    class_variants(
+      **(
+        ShadcnPhlexcomponents.configuration.hover_card&.dig(:root) ||
+        {
+          base: "inline-flex max-w-fit",
+        }
+      ),
+    )
 
     def initialize(open: false, **attributes)
       @open = open
@@ -71,13 +78,18 @@ module ShadcnPhlexcomponents
 
   class HoverCardContent < Base
     class_variants(
-      base: <<~HEREDOC,
-        bg-popover text-popover-foreground 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 z-50 w-64
-        origin-(--radix-popper-transform-origin) rounded-md border p-4 shadow-md outline-hidden
-      HEREDOC
+      **(
+        ShadcnPhlexcomponents.configuration.hover_card&.dig(:content) ||
+        {
+          base: <<~HEREDOC,
+            bg-popover text-popover-foreground 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 z-50 w-64
+            origin-(--radix-popper-transform-origin) rounded-md border p-4 shadow-md outline-hidden
+          HEREDOC
+        }
+      ),
     )
 
     def initialize(side: :bottom, align: :center, **attributes)
@@ -86,16 +98,6 @@ module ShadcnPhlexcomponents
       super(**attributes)
     end
 
-    def view_template(&)
-      div(
-        style: { display: "none" },
-        class: "fixed top-0 left-0 w-max z-50",
-        data: { hover_card_target: "contentContainer" },
-      ) do
-        div(**@attributes, &)
-      end
-    end
-
     def default_attributes
       {
         tabindex: -1,
@@ -107,5 +109,33 @@ module ShadcnPhlexcomponents
         },
       }
     end
+
+    def view_template(&)
+      HoverCardContentContainer do
+        div(**@attributes, &)
+      end
+    end
+  end
+
+  class HoverCardContentContainer < Base
+    class_variants(
+      **(
+        ShadcnPhlexcomponents.configuration.hover_card&.dig(:content_container) ||
+        {
+          base: "fixed top-0 left-0 w-max z-50",
+        }
+      ),
+    )
+
+    def default_attributes
+      {
+        style: { display: "none" },
+        data: { hover_card_target: "contentContainer" },
+      }
+    end
+
+    def view_template(&)
+      div(**@attributes, &)
+    end
   end
 end

data/lib/shadcn_phlexcomponents/components/input.rb

@@ -3,14 +3,19 @@
 module ShadcnPhlexcomponents
   class Input < Base
     class_variants(
-      base: <<~HEREDOC,
-        file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground
-        dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base
-        shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent
-        file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm
-        focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]
-        aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive
-      HEREDOC
+      **(
+        ShadcnPhlexcomponents.configuration.input ||
+        {
+          base: <<~HEREDOC,
+            file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground
+            dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base
+            shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent
+            file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm
+            focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]
+            aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive
+          HEREDOC
+        }
+      ),
     )
 
     def initialize(type: :text, **attributes)

data/lib/shadcn_phlexcomponents/components/label.rb

@@ -3,10 +3,15 @@
 module ShadcnPhlexcomponents
   class Label < Base
     class_variants(
-      base: <<~HEREDOC,
-        flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none
-        group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50
-      HEREDOC
+      **(
+        ShadcnPhlexcomponents.configuration.label ||
+        {
+          base: <<~HEREDOC,
+            flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none
+            group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50
+          HEREDOC
+        }
+      ),
     )
 
     def view_template(&)

data/lib/shadcn_phlexcomponents/components/link.rb

@@ -2,7 +2,14 @@
 
 module ShadcnPhlexcomponents
   class Link < Base
-    class_variants(base: "font-medium underline underline-offset-4")
+    class_variants(
+      **(
+        ShadcnPhlexcomponents.configuration.link ||
+        {
+          base: "font-medium underline underline-offset-4",
+        }
+      ),
+    )
 
     def initialize(name = nil, options = nil, html_options = nil)
       @name = name

data/lib/shadcn_phlexcomponents/components/pagination.rb

@@ -2,7 +2,14 @@
 
 module ShadcnPhlexcomponents
   class Pagination < Base
-    class_variants(base: "mx-auto flex w-full justify-center")
+    class_variants(
+      **(
+        ShadcnPhlexcomponents.configuration.pagination&.dig(:root) ||
+        {
+          base: "mx-auto flex w-full justify-center",
+        }
+      ),
+    )
 
     def item(**attributes, &)
       PaginationItem(**attributes, &)
@@ -47,7 +54,14 @@ module ShadcnPhlexcomponents
   end
 
   class PaginationPrevious < Base
-    class_variants(base: "gap-1 px-2.5 sm:pl-2.5")
+    class_variants(
+      **(
+        ShadcnPhlexcomponents.configuration.pagination&.dig(:previous) ||
+        {
+          base: "gap-1 px-2.5 sm:pl-2.5",
+        }
+      ),
+    )
 
     def initialize(options = nil, html_options = nil)
       @options = options
@@ -65,7 +79,7 @@ module ShadcnPhlexcomponents
     def view_template
       @html_options ||= {}
       @html_options = mix(default_attributes, @html_options)
-      @html_options[:class] = class_variants(clase: @html_options[:class])
+      @html_options[:class] = class_variants(class: @html_options[:class])
       @html_options[:size] = :default
 
       PaginationLink(@options, @html_options) do
@@ -76,7 +90,14 @@ module ShadcnPhlexcomponents
   end
 
   class PaginationNext < Base
-    class_variants(base: "gap-1 px-2.5 sm:pr-2.5")
+    class_variants(
+      **(
+        ShadcnPhlexcomponents.configuration.pagination&.dig(:next) ||
+        {
+          base: "gap-1 px-2.5 sm:pr-2.5",
+        }
+      ),
+    )
 
     def initialize(options = nil, html_options = nil)
       @options = options
@@ -94,7 +115,7 @@ module ShadcnPhlexcomponents
     def view_template
       @html_options ||= {}
       @html_options = mix(default_attributes, @html_options)
-      @html_options[:class] = class_variants(clase: @html_options[:class])
+      @html_options[:class] = class_variants(class: @html_options[:class])
       @html_options[:size] = :default
 
       PaginationLink(@options, @html_options) do
@@ -146,7 +167,14 @@ module ShadcnPhlexcomponents
   end
 
   class PaginationEllipsis < Base
-    class_variants(base: "flex size-9 items-center justify-center")
+    class_variants(
+      **(
+        ShadcnPhlexcomponents.configuration.pagination&.dig(:ellipsis) ||
+        {
+          base: "flex size-9 items-center justify-center",
+        }
+      ),
+    )
 
     def default_attributes
       {

data/lib/shadcn_phlexcomponents/components/popover.rb

@@ -2,7 +2,14 @@
 
 module ShadcnPhlexcomponents
   class Popover < Base
-    class_variants(base: "inline-flex max-w-fit")
+    class_variants(
+      **(
+        ShadcnPhlexcomponents.configuration.popover&.dig(:root) ||
+        {
+          base: "inline-flex max-w-fit",
+        }
+      ),
+    )
 
     def initialize(open: false, **attributes)
       @open = open
@@ -73,13 +80,18 @@ module ShadcnPhlexcomponents
 
   class PopoverContent < Base
     class_variants(
-      base: <<~HEREDOC,
-        bg-popover text-popover-foreground 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 z-50 w-72 origin-(--radix-popper-transform-origin) rounded-md
-        border p-4 shadow-md outline-hidden
-      HEREDOC
+      **(
+        ShadcnPhlexcomponents.configuration.popover&.dig(:content) ||
+        {
+          base: <<~HEREDOC,
+            bg-popover text-popover-foreground 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 z-50 w-72 origin-(--radix-popper-transform-origin) rounded-md
+            border p-4 shadow-md outline-hidden
+          HEREDOC
+        }
+      ),
     )
 
     def initialize(side: :bottom, align: :center, aria_id: nil, **attributes)
@@ -90,11 +102,7 @@ module ShadcnPhlexcomponents
     end
 
     def view_template(&)
-      div(
-        style: { display: "none" },
-        class: "fixed top-0 left-0 w-max z-50",
-        data: { popover_target: "contentContainer" },
-      ) do
+      PopoverContentContainer do
         div(**@attributes, &)
       end
     end
@@ -113,4 +121,26 @@ module ShadcnPhlexcomponents
       }
     end
   end
+
+  class PopoverContentContainer < Base
+    class_variants(
+      **(
+        ShadcnPhlexcomponents.configuration.popover&.dig(:content_container) ||
+        {
+          base: "fixed top-0 left-0 w-max z-50",
+        }
+      ),
+    )
+
+    def default_attributes
+      {
+        style: { display: "none" },
+        data: { popover_target: "contentContainer" },
+      }
+    end
+
+    def view_template(&)
+      div(**@attributes, &)
+    end
+  end
 end