shadcn_phlexcomponents 0.1.0 → 0.1.2

data/lib/components/hover_card.rb

@@ -2,7 +2,7 @@
 
 module ShadcnPhlexcomponents
   class HoverCard < Base
-    STYLES = "inline-block".freeze
+    STYLES = "inline-block"
 
     def initialize(side: :bottom, **attributes)
       @side = side
@@ -11,7 +11,7 @@ module ShadcnPhlexcomponents
 
     def content(**attributes, &)
       HoverCardContent(**attributes, &)
-    end 
+    end
 
     def trigger(**attributes, &)
       HoverCardTrigger(side: @side, **attributes, &)
@@ -21,13 +21,13 @@ module ShadcnPhlexcomponents
       {
         data: {
           controller: "shadcn-phlexcomponents--hover-card",
-          side: @side
-        }
-      }  
+          side: @side,
+        },
+      }
     end
 
     def view_template(&)
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/hover_card_content.rb

@@ -2,22 +2,20 @@
 
 module ShadcnPhlexcomponents
   class HoverCardContent < Base
-    STYLES = <<~HEREDOC.freeze
-      z-50 rounded-md border w-64 bg-popover p-4 text-popover-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
+    STYLES = <<~HEREDOC
+      rounded-md border w-64 bg-popover p-4 text-popover-foreground shadow-md outline-none#{" "}
+      animate-in fade-in-0 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 
+      data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2#{" "}
     HEREDOC
-  
+
     def initialize(side: :bottom, **attributes)
       @side = side
       super(**attributes)
     end
 
-
     def view_template(&)
-      div(class: 'hidden fixed top-0 left-0 w-max z-50', data: { "shadcn-phlexcomponents--hover-card-target": "contentWrapper" }) do
+      div(class: "hidden", data: { "shadcn-phlexcomponents--hover-card-target": "content" }) do
         div(**@attributes, &)
       end
     end
@@ -27,10 +25,8 @@ module ShadcnPhlexcomponents
         tabindex: -1,
         data: {
           side: @side,
-          "shadcn-phlexcomponents--hover-card-target": "content",
-          action: "mouseover->shadcn-phlexcomponents--hover-card#clearCloseTimer mouseout->shadcn-phlexcomponents--hover-card#closeWithDelay"
-        }
+        },
       }
     end
   end
-end
+end

data/lib/components/hover_card_trigger.rb

@@ -21,8 +21,8 @@ module ShadcnPhlexcomponents
         if element.name == "button"
           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
@@ -35,16 +35,10 @@ module ShadcnPhlexcomponents
         id: @id,
         role: "button",
         data: {
-          state: "closed",
           as_child: @as_child.to_s,
-          action: <<~HEREDOC,
-            click->shadcn-phlexcomponents--hover-card#toggle
-            mouseover->shadcn-phlexcomponents--hover-card#openWithDelay
-            mouseout->shadcn-phlexcomponents--hover-card#closeWithDelay
-          HEREDOC
-          "shadcn-phlexcomponents--hover-card-target": "trigger"
-        }
+          "shadcn-phlexcomponents--hover-card-target": "trigger",
+        },
       }
     end
   end
-end
+end

data/lib/components/input.rb

@@ -29,4 +29,4 @@ module ShadcnPhlexcomponents
       input(**@attributes, &)
     end
   end
-end
+end

data/lib/components/label.rb

@@ -1,7 +1,6 @@
 # frozen_string_literal: true
 
 module ShadcnPhlexcomponents
-
   class Label < Base
     STYLES = <<~HEREDOC
       text-sm font-medium leading-none peer-disabled:cursor-not-allowed
@@ -12,4 +11,4 @@ module ShadcnPhlexcomponents
       label(**@attributes, &)
     end
   end
-end
+end

data/lib/components/link.rb

@@ -11,7 +11,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 ||= {}
       @html_options = mix(default_attributes, @html_options)
       @html_options[:class] = TAILWIND_MERGER.merge("#{default_styles} #{@html_options[:class]}")
@@ -23,4 +26,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/loading_button.rb

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

data/lib/components/pagination.rb

@@ -7,7 +7,7 @@ module ShadcnPhlexcomponents
     def link(**attributes, &)
       PaginationLink(**attributes, &)
     end
-    
+
     def previous(**attributes, &)
       PaginationPrevious(**attributes, &)
     end
@@ -15,7 +15,7 @@ module ShadcnPhlexcomponents
     def next(**attributes, &)
       PaginationNext(**attributes, &)
     end
-    
+
     def ellipsis(**attributes, &)
       PaginationEllipsis(**attributes, &)
     end
@@ -25,7 +25,7 @@ module ShadcnPhlexcomponents
         role: "navigation",
         aria: {
           label: "navigation",
-        }
+        },
       }
     end
 
@@ -35,4 +35,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/pagination_ellipsis.rb

@@ -7,8 +7,8 @@ module ShadcnPhlexcomponents
     def default_attributes
       {
         aria: {
-          hidden: "true"
-        }
+          hidden: "true",
+        },
       }
     end
 
@@ -21,4 +21,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/pagination_link.rb

@@ -3,7 +3,7 @@
 module ShadcnPhlexcomponents
   class PaginationLink < Base
     def initialize(href: nil, active: false, **attributes)
-      @href = href  
+      @href = href
       @active = active
       super(**attributes)
     end
@@ -20,9 +20,9 @@ module ShadcnPhlexcomponents
       {
         href: @href,
         aria: {
-          current: @active ? "page" : nil
-        }
-      }  
+          current: @active ? "page" : nil,
+        },
+      }
     end
 
     def view_template(&)
@@ -31,4 +31,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/pagination_next.rb

@@ -3,7 +3,7 @@
 module ShadcnPhlexcomponents
   class PaginationNext < Base
     def initialize(href: nil, **attributes)
-      @href = href  
+      @href = href
       super(**attributes)
     end
 
@@ -15,9 +15,9 @@ module ShadcnPhlexcomponents
       {
         href: @href,
         aria: {
-          label: "Go to next page"
-        }
-      }  
+          label: "Go to next page",
+        },
+      }
     end
 
     def view_template(&)
@@ -29,4 +29,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/pagination_previous.rb

@@ -11,9 +11,9 @@ module ShadcnPhlexcomponents
       {
         href: @href,
         aria: {
-          label: "Go to previous page"
-        }
-      }  
+          label: "Go to previous page",
+        },
+      }
     end
 
     def default_styles
@@ -29,4 +29,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/popover.rb

@@ -1,9 +1,8 @@
 # frozen_string_literal: true
 
 module ShadcnPhlexcomponents
-
   class Popover < Base
-    STYLES = "inline-block".freeze
+    STYLES = "inline-block"
 
     def initialize(side: :bottom, aria_id: "popover-#{SecureRandom.hex(5)}", **attributes)
       @side = side
@@ -13,7 +12,7 @@ module ShadcnPhlexcomponents
 
     def content(**attributes, &)
       PopoverContent(side: @side, aria_id: @aria_id, **attributes, &)
-    end 
+    end
 
     def trigger(**attributes, &)
       PopoverTrigger(aria_id: @aria_id, **attributes, &)
@@ -23,13 +22,13 @@ module ShadcnPhlexcomponents
       {
         data: {
           controller: "shadcn-phlexcomponents--popover",
-          side: @side
-        }
-      }  
+          side: @side,
+        },
+      }
     end
 
     def view_template(&)
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/popover_content.rb

@@ -2,14 +2,14 @@
 
 module ShadcnPhlexcomponents
   class PopoverContent < Base
-    STYLES = <<~HEREDOC.freeze
-      z-50 rounded-md border w-72 bg-popover p-4 text-popover-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 
+    STYLES = <<~HEREDOC
+      z-50 rounded-md border w-72 bg-popover p-4 text-popover-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 
+      data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2#{" "}
     HEREDOC
-  
+
     def initialize(side: :bottom, aria_id: nil, **attributes)
       @side = side
       @aria_id = aria_id
@@ -17,7 +17,10 @@ module ShadcnPhlexcomponents
     end
 
     def view_template(&)
-      div(class: 'hidden fixed top-0 left-0 w-max z-50', data: { "shadcn-phlexcomponents--popover-target": "contentWrapper" }) do
+      div(
+        class: "hidden fixed top-0 left-0 w-max z-50",
+        data: { "shadcn-phlexcomponents--popover-target": "contentWrapper" },
+      ) do
         div(**@attributes, &)
       end
     end
@@ -29,9 +32,9 @@ module ShadcnPhlexcomponents
         role: "dialog",
         data: {
           side: @side,
-          "shadcn-phlexcomponents--popover-target": "content"
-        }
+          "shadcn-phlexcomponents--popover-target": "content",
+        },
       }
     end
   end
-end
+end

data/lib/components/popover_trigger.rb

@@ -1,7 +1,6 @@
 # frozen_string_literal: true
 
 module ShadcnPhlexcomponents
-
   class PopoverTrigger < Base
     def initialize(as_child: false, aria_id: nil, **attributes)
       @as_child = as_child
@@ -24,7 +23,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
@@ -39,14 +38,14 @@ module ShadcnPhlexcomponents
         aria: {
           haspopup: "dialog",
           expanded: false,
-          controls: "#{@aria_id}-content"
+          controls: "#{@aria_id}-content",
         },
         data: {
           as_child: @as_child.to_s,
           action: "click->shadcn-phlexcomponents--popover#toggle",
-          "shadcn-phlexcomponents--popover-target": "trigger"
-        }
+          "shadcn-phlexcomponents--popover-target": "trigger",
+        },
       }
     end
   end
-end
+end

data/lib/components/progress.rb

@@ -6,7 +6,7 @@ module ShadcnPhlexcomponents
 
     def initialize(value: 0, **attributes)
       @value = value
-      super(**attributes)    
+      super(**attributes)
     end
 
     def default_attributes
@@ -19,19 +19,19 @@ module ShadcnPhlexcomponents
         },
         data: {
           controller: "shadcn-phlexcomponents--progress",
-          "shadcn-phlexcomponents--progress-progress-value": @value
-        }
+          "shadcn-phlexcomponents--progress-progress-value": @value,
+        },
       }
     end
 
     def view_template
       div(**@attributes) do
         div(
-          class: "h-full w-full flex-1 bg-primary transition-all", 
-          style: "transform: translateX(-#{100-@value}%)", 
-          data: { "shadcn-phlexcomponents--progress-target": "bar"}
+          class: "h-full w-full flex-1 bg-primary transition-all",
+          style: "transform: translateX(-#{100 - @value}%)",
+          data: { "shadcn-phlexcomponents--progress-target": "bar" },
         )
       end
     end
   end
-end
+end

data/lib/components/radio_group.rb

@@ -19,7 +19,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
 
@@ -46,7 +46,7 @@ module ShadcnPhlexcomponents
     end
 
     def default_attributes
-      { 
+      {
         role: "radiogroup",
         dir: @dir,
         aria: {
@@ -55,8 +55,8 @@ module ShadcnPhlexcomponents
         data: {
           controller: "shadcn-phlexcomponents--radio-group",
           "shadcn-phlexcomponents--radio-group-selected-value": @value,
-        }
+        },
       }
     end
   end
-end
+end

data/lib/components/radio_group_item.rb

@@ -2,7 +2,7 @@
 
 module ShadcnPhlexcomponents
   class RadioGroupItem < Base
-    STYLES = <<~HEREDOC.freeze
+    STYLES = <<~HEREDOC
       aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow
       focus:outline-none focus-visible:ring-1 focus-visible:ring-ring
       disabled:cursor-not-allowed disabled:opacity-50 relative cursor-pointer
@@ -20,8 +20,8 @@ module ShadcnPhlexcomponents
     def view_template(&)
       button(**@attributes) do
         span(
-            class: "items-center justify-center hidden group-data-[checked=true]/radio:flex"
-          ) do
+          class: "items-center justify-center hidden group-data-[checked=true]/radio:flex",
+        ) do
           icon("circle", class: "size-2.5 fill-primary")
         end
 
@@ -33,7 +33,7 @@ module ShadcnPhlexcomponents
           tabindex: -1,
           checked: @checked,
           aria: { hidden: true },
-          data: { input: "" }
+          data: { input: "" },
         )
       end
     end
@@ -46,12 +46,12 @@ module ShadcnPhlexcomponents
         role: "radio",
         aria: {
           checked: @checked.to_s,
-        }, 
+        },
         data: {
           checked: @checked.to_s,
           value: @value,
           "shadcn-phlexcomponents--radio-group-target": "item",
-          action: <<~HEREDOC
+          action: <<~HEREDOC,
             click->shadcn-phlexcomponents--radio-group#setChecked
             keydown.right->shadcn-phlexcomponents--radio-group#setCheckedToNext:prevent
             keydown.down->shadcn-phlexcomponents--radio-group#setCheckedToNext:prevent
@@ -59,8 +59,8 @@ module ShadcnPhlexcomponents
             keydown.left->shadcn-phlexcomponents--radio-group#setCheckedToPrev:prevent
             keydown.enter->shadcn-phlexcomponents--radio-group#preventDefault
           HEREDOC
-        }
+        },
       }
     end
   end
-end
+end