shadcn_phlexcomponents 0.1.0 → 0.1.1

data/lib/components/sidebar_menu_sub_button.rb

@@ -7,8 +7,8 @@ module ShadcnPhlexcomponents
       active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground
       flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-none
       focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none
-      aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 
-      data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground 
+      aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0#{" "}
+      data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground#{" "}
       text-sm group-data-[collapsible=icon]:hidden cursor-pointer
     HEREDOC
 
@@ -21,9 +21,9 @@ module ShadcnPhlexcomponents
     def default_attributes
       {
         data: {
-          active: @active.to_s
-        }
-      }  
+          active: @active.to_s,
+        },
+      }
     end
 
     def view_template(&)
@@ -37,7 +37,7 @@ module ShadcnPhlexcomponents
         merged_attributes = mix(@attributes, element_attributes)
         merged_attributes[:class] = styles
 
-        send(element.name, **merged_attributes) do        
+        send(element.name, **merged_attributes) do
           sanitize_as_child(element.children.to_s)
         end
       else
@@ -45,4 +45,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/sidebar_menu_sub_item.rb

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

data/lib/components/sidebar_trigger.rb

@@ -14,15 +14,15 @@ module ShadcnPhlexcomponents
       @sidebar_id = sidebar_id
       super(**attributes)
     end
-    
+
     def default_attributes
       {
         data: {
           sidebar_id: @sidebar_id,
           controller: "shadcn-phlexcomponents--sidebar-trigger",
-          action: "click->shadcn-phlexcomponents--sidebar-trigger#toggle"
-        }
-      }  
+          action: "click->shadcn-phlexcomponents--sidebar-trigger#toggle",
+        },
+      }
     end
 
     def view_template(&)
@@ -37,4 +37,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/skeleton.rb

@@ -2,10 +2,10 @@
 
 module ShadcnPhlexcomponents
   class Skeleton < Base
-    STYLES = "animate-pulse rounded-md bg-primary/10".freeze
+    STYLES = "animate-pulse rounded-md bg-primary/10"
 
     def view_template(&)
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/switch.rb

@@ -2,15 +2,16 @@
 
 module ShadcnPhlexcomponents
   class Switch < Base
-    STYLES = <<~HEREDOC.freeze
+    STYLES = <<~HEREDOC
       peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full
-      border-2 border-transparent transition-colors focus-visible:outline-none 
+      border-2 border-transparent transition-colors focus-visible:outline-none#{" "}
       focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2
       focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50
       data-[checked=true]:bg-primary data-[checked=false]:bg-input group/switch
     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
@@ -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--switch-target": "input"
-          }
+            "shadcn-phlexcomponents--switch-target": "input",
+          },
         )
       end
     end
 
     def default_attributes
-      { 
+      {
         id: @id,
         type: "button",
         role: "switch",
@@ -58,8 +59,8 @@ module ShadcnPhlexcomponents
           controller: "shadcn-phlexcomponents--switch",
           action: "click->shadcn-phlexcomponents--switch#toggle",
           "shadcn-phlexcomponents--switch-checked-value": @checked,
-        }
+        },
       }
     end
   end
-end
+end

data/lib/components/table.rb

@@ -2,9 +2,9 @@
 
 module ShadcnPhlexcomponents
   class Table < Base
-    STYLES = "w-full caption-bottom text-sm".freeze
+    STYLES = "w-full caption-bottom text-sm"
 
-    def initialize( **attributes)
+    def initialize(**attributes)
       @columns = []
       super(**attributes)
     end
@@ -15,7 +15,7 @@ module ShadcnPhlexcomponents
 
     def header(**attributes, &)
       TableHeader(**attributes, &)
-    end 
+    end
 
     def caption(**attributes, &)
       TableCaption(**attributes, &)
@@ -58,7 +58,9 @@ module ShadcnPhlexcomponents
         @rows.each do |row|
           tr(class: TableRow::STYLES) do
             @columns.each do |column|
-              td(class: TAILWIND_MERGER.merge("#{TableCell::STYLES} #{column[:cell_class]}")) { column[:content].call(row) }
+              td(class: TAILWIND_MERGER.merge("#{TableCell::STYLES} #{column[:cell_class]}")) do
+                column[:content].call(row)
+              end
             end
           end
         end
@@ -70,4 +72,4 @@ module ShadcnPhlexcomponents
       nil
     end
   end
-end
+end

data/lib/components/table_body.rb

@@ -2,10 +2,10 @@
 
 module ShadcnPhlexcomponents
   class TableBody < Base
-    STYLES = "[&_tr:last-child]:border-0".freeze
+    STYLES = "[&_tr:last-child]:border-0"
 
     def view_template(&)
       tbody(**@attributes, &)
     end
   end
-end
+end

data/lib/components/table_caption.rb

@@ -2,10 +2,10 @@
 
 module ShadcnPhlexcomponents
   class TableCaption < Base
-    STYLES = "mt-4 text-sm text-muted-foreground".freeze
+    STYLES = "mt-4 text-sm text-muted-foreground"
 
     def view_template(&)
       caption(**@attributes, &)
     end
   end
-end
+end

data/lib/components/table_cell.rb

@@ -2,10 +2,10 @@
 
 module ShadcnPhlexcomponents
   class TableCell < Base
-    STYLES = "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]".freeze
+    STYLES = "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
 
     def view_template(&)
       td(**@attributes, &)
     end
   end
-end
+end

data/lib/components/table_footer.rb

@@ -2,10 +2,10 @@
 
 module ShadcnPhlexcomponents
   class TableFooter < Base
-    STYLES = "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0".freeze
+    STYLES = "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0"
 
     def view_template(&)
       tfoot(**@attributes, &)
     end
   end
-end
+end

data/lib/components/table_head.rb

@@ -4,11 +4,11 @@ module ShadcnPhlexcomponents
   class TableHead < Base
     STYLES = <<~HEREDOC
       h-10 px-2 text-left align-middle font-medium text-muted-foreground
-      [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]  
+      [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]#{"  "}
     HEREDOC
-    
+
     def view_template(&)
       th(**@attributes, &)
     end
   end
-end
+end

data/lib/components/table_header.rb

@@ -2,10 +2,10 @@
 
 module ShadcnPhlexcomponents
   class TableHeader < Base
-    STYLES = "[&_tr]:border-b".freeze
+    STYLES = "[&_tr]:border-b"
 
     def view_template(&)
       thead(**@attributes, &)
     end
   end
-end
+end

data/lib/components/table_row.rb

@@ -2,10 +2,10 @@
 
 module ShadcnPhlexcomponents
   class TableRow < Base
-    STYLES = "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted".freeze
+    STYLES = "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"
 
     def view_template(&)
       tr(**@attributes, &)
     end
   end
-end
+end

data/lib/components/tabs.rb

@@ -18,8 +18,8 @@ module ShadcnPhlexcomponents
         dir: @dir,
         data: {
           controller: "shadcn-phlexcomponents--tabs",
-          "shadcn-phlexcomponents--tabs-selected-value": @value
-        }
+          "shadcn-phlexcomponents--tabs-selected-value": @value,
+        },
       }
     end
 
@@ -35,4 +35,4 @@ module ShadcnPhlexcomponents
       TabsContent(aria_id: @aria_id, **attributes, &)
     end
   end
-end
+end

data/lib/components/tabs_content.rb

@@ -2,7 +2,7 @@
 
 module ShadcnPhlexcomponents
   class TabsContent < Base
-    STYLES = <<~HEREDOC.freeze
+    STYLES = <<~HEREDOC
       mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2
       focus-visible:ring-ring focus-visible:ring-offset-2 hidden
     HEREDOC
@@ -23,13 +23,13 @@ module ShadcnPhlexcomponents
         role: "tabpanel",
         tabindex: "0",
         aria: {
-          labelledby: "#{@aria_id}-trigger-#{@value}"
+          labelledby: "#{@aria_id}-trigger-#{@value}",
         },
         data: {
           value: @value,
-          "shadcn-phlexcomponents--tabs-target": "content"
-        }
+          "shadcn-phlexcomponents--tabs-target": "content",
+        },
       }
     end
   end
-end
+end

data/lib/components/tabs_list.rb

@@ -2,7 +2,7 @@
 
 module ShadcnPhlexcomponents
   class TabsList < Base
-    STYLES = <<~HEREDOC.freeze
+    STYLES = <<~HEREDOC
       inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground outline-none
     HEREDOC
 
@@ -15,9 +15,9 @@ module ShadcnPhlexcomponents
         role: "tablist",
         tabindex: "-1",
         aria: {
-          orientation: "horizontal"
-        }
+          orientation: "horizontal",
+        },
       }
     end
   end
-end
+end

data/lib/components/tabs_trigger.rb

@@ -2,7 +2,7 @@
 
 module ShadcnPhlexcomponents
   class TabsTrigger < Base
-    STYLES = <<~HEREDOC.freeze
+    STYLES = <<~HEREDOC
       inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm
       font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2
       focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50
@@ -38,8 +38,8 @@ module ShadcnPhlexcomponents
             keydown.left->shadcn-phlexcomponents--tabs#setActiveToPrev:prevent
             keydown.right->shadcn-phlexcomponents--tabs#setActiveToNext:prevent
           HEREDOC
-        }
+        },
       }
     end
   end
-end
+end

data/lib/components/textarea.rb

@@ -25,4 +25,4 @@ module ShadcnPhlexcomponents
       textarea(**@attributes, &)
     end
   end
-end
+end

data/lib/components/theme_switcher.rb

@@ -3,7 +3,7 @@
 module ShadcnPhlexcomponents
   class ThemeSwitcher < Base
     def view_template
-      Button(variant: :ghost, size: :icon, **@attributes)do
+      Button(variant: :ghost, size: :icon, **@attributes) do
         icon("sun", class: "hidden dark:inline")
         icon("moon", class: "inline dark:hidden")
       end
@@ -18,4 +18,4 @@ module ShadcnPhlexcomponents
       }
     end
   end
-end
+end

data/lib/components/toast.rb

@@ -5,7 +5,7 @@ module ShadcnPhlexcomponents
     STYLES = <<~HEREDOC
       group pointer-events-auto relative flex w-full items-center justify-between
       space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all
-      data-[state=open]:animate-in data-[state=closed]:animate-out 
+      data-[state=open]:animate-in data-[state=closed]:animate-out#{" "}
       data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full
       data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full
     HEREDOC
@@ -29,11 +29,11 @@ module ShadcnPhlexcomponents
     end
 
     def title(**attributes, &)
-      ToastTitle(data: { title: ""}, **attributes, &)
+      ToastTitle(data: { title: "" }, **attributes, &)
     end
 
     def description(**attributes, &)
-      ToastDescription(data: { description: ""},**attributes, &)
+      ToastDescription(data: { description: "" }, **attributes, &)
     end
 
     def content(**attributes, &)
@@ -52,7 +52,7 @@ module ShadcnPhlexcomponents
         html_options ||= {}
         html_options[:variant] = @variant
       end
-      
+
       ToastActionTo(name, options, html_options, &block)
     end
 
@@ -72,29 +72,30 @@ module ShadcnPhlexcomponents
           duration: @duration,
           state: "open",
           controller: "shadcn-phlexcomponents--toast",
-          action: <<~HEREDOC
+          action: <<~HEREDOC,
             focus->shadcn-phlexcomponents--toast#cancelDismiss
             blur->shadcn-phlexcomponents--toast#dismiss
             mouseover->shadcn-phlexcomponents--toast#cancelDismiss
             mouseout->shadcn-phlexcomponents--toast#dismiss
             keydown.esc->shadcn-phlexcomponents--toast#close
           HEREDOC
-        }
-      }  
+        },
+      }
     end
 
     def view_template(&)
       li(**@attributes) do
         yield
-        button(type: "button", 
-              class: CLOSE_BUTTON_STYLES, 
-              data: { 
-                action: "shadcn-phlexcomponents--toast#close",
-              }) do
-          
+        button(
+          type: "button",
+          class: CLOSE_BUTTON_STYLES,
+          data: {
+            action: "shadcn-phlexcomponents--toast#close",
+          },
+        ) do
           icon("x", class: "size-4")
         end
       end
     end
   end
-end
+end

data/lib/components/toast_action.rb

@@ -15,7 +15,7 @@ module ShadcnPhlexcomponents
       @as_child = as_child
       super(**attributes)
     end
-    
+
     def view_template(&)
       if @as_child
         content = capture(&)
@@ -24,10 +24,11 @@ module ShadcnPhlexcomponents
         vanish(&)
 
         element_attributes = nokogiri_attributes_to_hash(element)
+        styles = TAILWIND_MERGER.merge("#{@attributes[:class]} #{element_attributes[:class]}")
         merged_attributes = mix(@attributes, element_attributes)
-        merged_attributes[:class] = TAILWIND_MERGER.merge("#{STYLES} #{element_attributes[:class]}")
+        merged_attributes[:class] = styles
 
-        send(element.name, **merged_attributes) do        
+        send(element.name, **merged_attributes) do
           sanitize_as_child(element.children.to_s)
         end
       else
@@ -35,4 +36,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/toast_action_to.rb

@@ -9,7 +9,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) || :default
       @html_options = mix(default_attributes, @html_options)
@@ -22,4 +25,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/toast_container.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module ShadcnPhlexcomponents  
+module ShadcnPhlexcomponents
   class ToastContainer < Base
     STYLES = <<~HEREDOC
       fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4
@@ -12,17 +12,17 @@ module ShadcnPhlexcomponents
         tabindex: -1,
         data: {
           controller: "shadcn-phlexcomponents--toast-container",
-        }
+        },
       }
     end
-    
+
     def view_template(&)
       div(
         role: "region",
         tabindex: -1,
         aria: {
           label: "Notifications",
-        }
+        },
       ) do
         ol(**@attributes) do
           template(data: { variant: "default" }) { toast(:default) }
@@ -41,4 +41,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/toast_content.rb

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

data/lib/components/toast_description.rb

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

data/lib/components/toast_title.rb

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

data/lib/components/tooltip.rb

@@ -2,7 +2,7 @@
 
 module ShadcnPhlexcomponents
   class Tooltip < Base
-    STYLES = "inline-block".freeze
+    STYLES = "inline-block"
 
     def initialize(side: :top, aria_id: "tooltip-#{SecureRandom.hex(5)}", **attributes)
       @side = side
@@ -11,24 +11,24 @@ module ShadcnPhlexcomponents
     end
 
     def trigger(**attributes, &)
-      render TooltipTrigger.new(aria_id: @aria_id, **attributes, &)
+      render(TooltipTrigger.new(aria_id: @aria_id, **attributes, &))
     end
 
     def content(**attributes, &)
-      render TooltipContent.new(side: @side, aria_id: @aria_id, **attributes, &)
-    end 
+      render(TooltipContent.new(side: @side, aria_id: @aria_id, **attributes, &))
+    end
 
     def default_attributes
       {
         data: {
           controller: "shadcn-phlexcomponents--tooltip",
-          side: @side
-        }
-      }  
+          side: @side,
+        },
+      }
     end
 
     def view_template(&)
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/tooltip_content.rb

@@ -2,10 +2,10 @@
 
 module ShadcnPhlexcomponents
   class TooltipContent < Base
-    STYLES = <<~HEREDOC.freeze
-      z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground
-      animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0
-      data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2
+    STYLES = <<~HEREDOC
+      overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground
+      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
     HEREDOC
 
@@ -16,11 +16,11 @@ module ShadcnPhlexcomponents
     end
 
     def view_template(&)
-      div(class: 'hidden fixed top-0 left-0 w-max z-50', data: { "shadcn-phlexcomponents--tooltip-target": "contentWrapper" }) do
+      div(class: "hidden", data: { "shadcn-phlexcomponents--tooltip-target": "content" }) do
         div(**@attributes, &)
 
         span(
-          id: "#{@aria_id}-content", 
+          id: "#{@aria_id}-content",
           role: "tooltip",
           class: "sr-only",
           &
@@ -30,13 +30,10 @@ module ShadcnPhlexcomponents
 
     def default_attributes
       {
-        tabindex: -1,
         data: {
           side: @side,
-          "shadcn-phlexcomponents--tooltip-target": "content",
-          action: "mouseover->shadcn-phlexcomponents--tooltip#clearCloseTimer mouseout->shadcn-phlexcomponents--tooltip#closeWithDelay"
-        }
+        },
       }
     end
   end
-end
+end