shadcn_phlexcomponents 0.1.0 → 0.1.2

data/lib/components/sheet_trigger.rb

@@ -22,8 +22,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
@@ -37,14 +37,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--sheet#open",
-          "shadcn-phlexcomponents--sheet-target": "trigger"
-        }
+          "shadcn-phlexcomponents--sheet-target": "trigger",
+        },
       }
     end
   end
-end
+end

data/lib/components/sidebar.rb

@@ -11,7 +11,7 @@ module ShadcnPhlexcomponents
     PANEL_STYLES = {
       sidebar: "group-data-[side=left]:border-r group-data-[side=right]:border-l",
       floating: "p-2",
-      inset: "p-2"
+      inset: "p-2",
     }
 
     def initialize(id:, variant: :sidebar, side: :left, width: "16rem", expanded: true, **attributes)
@@ -46,11 +46,11 @@ module ShadcnPhlexcomponents
     def menu(**attributes, &)
       SidebarMenu(**attributes, &)
     end
-    
+
     def menu_item(**attributes, &)
       SidebarMenuItem(**attributes, &)
     end
-    
+
     def menu_button(**attributes, &)
       SidebarMenuButton(**attributes, &)
     end
@@ -58,11 +58,11 @@ module ShadcnPhlexcomponents
     def menu_sub(**attributes, &)
       SidebarMenuSub(**attributes, &)
     end
-    
+
     def menu_sub_item(**attributes, &)
       SidebarMenuSubItem(**attributes, &)
     end
-    
+
     def menu_sub_button(**attributes, &)
       SidebarMenuSubButton(**attributes, &)
     end
@@ -72,32 +72,37 @@ module ShadcnPhlexcomponents
     end
 
     def view_template(&)
-      div(id: @id,
-          class: "group peer hidden md:block", 
-          style: { "--sidebar-width": @width }, 
-          data: { 
-            side: @side,
-            variant: @variant, 
-            collapsible: @expanded ? "" : "offcanvas", 
-            sidebar_id: @sidebar_id, 
-            state: @expanded ? "expanded" : "collapsed",
-            controller: "shadcn-phlexcomponents--sidebar"
-          }) do
-        div(class: "relative h-svh w-[var(--sidebar-width)] bg-transparent transition-[width] duration-200
+      div(
+        id: @id,
+        class: "group peer hidden md:block",
+        style: { "--sidebar-width": @width },
+        data: {
+          side: @side,
+          variant: @variant,
+          collapsible: @expanded ? "" : "offcanvas",
+          sidebar_id: @sidebar_id,
+          state: @expanded ? "expanded" : "collapsed",
+          controller: "shadcn-phlexcomponents--sidebar",
+        },
+      ) do
+        div(
+          class: "relative h-svh w-[var(--sidebar-width)] bg-transparent transition-[width] duration-200
                     ease-linear group-data-[collapsible=offcanvas]:w-0 group-data-[side=right]:rotate-180
-                    group-data-[collapsible=icon]:w-[--sidebar-width-icon]", data: { "shadcn-phlexcomponents--sidebar-target": "panelOffset" })
-
+                    group-data-[collapsible=icon]:w-[--sidebar-width-icon]",
+          data: { "shadcn-phlexcomponents--sidebar-target": "panelOffset" },
+        )
 
-        div(class: "fixed inset-y-0 z-10 hidden h-svh w-[var(--sidebar-width)] transition-[left,right,width] duration-200
+        div(
+          class: "fixed inset-y-0 z-10 hidden h-svh w-[var(--sidebar-width)] transition-[left,right,width] duration-200
                     ease-linear md:flex left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]
                     group-data-[collapsible=icon]:w-[--sidebar-width-icon] #{PANEL_STYLES[@variant]}",
-                    data: {
-                      "shadcn-phlexcomponents--sidebar-target": "panel"
-                    }) do
-
+          data: {
+            "shadcn-phlexcomponents--sidebar-target": "panel",
+          },
+        ) do
           div(**@attributes, &)
         end
       end
     end
   end
-end
+end

data/lib/components/sidebar_container.rb

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

data/lib/components/sidebar_content.rb

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

data/lib/components/sidebar_footer.rb

@@ -2,10 +2,10 @@
 
 module ShadcnPhlexcomponents
   class SidebarFooter < Base
-    STYLES = "flex flex-col gap-2 p-2".freeze
+    STYLES = "flex flex-col gap-2 p-2"
 
     def view_template(&)
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/sidebar_group.rb

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

data/lib/components/sidebar_group_content.rb

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

data/lib/components/sidebar_group_label.rb

@@ -8,9 +8,9 @@ module ShadcnPhlexcomponents
       duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0
       group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0
     HEREDOC
-    
+
     def view_template(&)
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/sidebar_header.rb

@@ -2,10 +2,10 @@
 
 module ShadcnPhlexcomponents
   class SidebarHeader < Base
-    STYLES = "flex flex-col gap-2 p-2".freeze
+    STYLES = "flex flex-col gap-2 p-2"
 
     def view_template(&)
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/sidebar_inset.rb

@@ -12,4 +12,4 @@ module ShadcnPhlexcomponents
       main(**@attributes, &)
     end
   end
-end
+end

data/lib/components/sidebar_menu.rb

@@ -2,10 +2,10 @@
 
 module ShadcnPhlexcomponents
   class SidebarMenu < Base
-    STYLES = "flex w-full min-w-0 flex-col gap-1".freeze
+    STYLES = "flex w-full min-w-0 flex-col gap-1"
 
     def view_template(&)
       ul(**@attributes, &)
     end
   end
-end
+end

data/lib/components/sidebar_menu_button.rb

@@ -30,9 +30,9 @@ module ShadcnPhlexcomponents
     def default_attributes
       {
         data: {
-          active: @active.to_s
-        }
-      }  
+          active: @active.to_s,
+        },
+      }
     end
 
     def default_styles
@@ -50,7 +50,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
@@ -58,4 +58,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/sidebar_menu_item.rb

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

data/lib/components/sidebar_menu_sub.rb

@@ -4,11 +4,11 @@ module ShadcnPhlexcomponents
   class SidebarMenuSub < Base
     STYLES = <<~HEREDOC
       border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col
-      gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden  
+      gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden#{"  "}
     HEREDOC
 
     def view_template(&)
       ul(**@attributes, &)
     end
   end
-end
+end

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