shadcn_phlexcomponents 0.1.0 → 0.1.1

data/lib/components/select_item.rb

@@ -2,10 +2,10 @@
 
 module ShadcnPhlexcomponents
   class SelectItem < Base
-    STYLES = <<~HEREDOC.freeze
+    STYLES = <<~HEREDOC
       group/item relative flex w-full cursor-default select-none items-center
       rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent
-      focus:text-accent-foreground data-[disabled]:pointer-events-none 
+      focus:text-accent-foreground data-[disabled]:pointer-events-none#{" "}
       data-[disabled]:opacity-50
     HEREDOC
 
@@ -21,9 +21,10 @@ module ShadcnPhlexcomponents
     def view_template(&)
       div(**@attributes) do
         span(id: @aria_labelledby, &)
-        
+
         unless @hide_icon
-          span(class: "absolute right-2 h-3.5 w-3.5 items-center hidden justify-center group-aria-[selected=true]/item:flex") do
+          span(class: "absolute right-2 h-3.5 w-3.5 items-center hidden justify-center
+                      group-aria-[selected=true]/item:flex") do
             icon("check", class: "size-4")
           end
         end
@@ -36,7 +37,7 @@ module ShadcnPhlexcomponents
         tabindex: -1,
         aria: {
           selected: false,
-          labelledby: @aria_labelledby
+          labelledby: @aria_labelledby,
         },
         data: {
           disabled: @disabled,
@@ -50,9 +51,9 @@ module ShadcnPhlexcomponents
             mouseover->shadcn-phlexcomponents--select#focusItem
             mouseout->shadcn-phlexcomponents--select#focusContent
           HEREDOC
-          "shadcn-phlexcomponents--select-target": "item"
-        }
+          "shadcn-phlexcomponents--select-target": "item",
+        },
       }
     end
   end
-end
+end

data/lib/components/select_label.rb

@@ -1,13 +1,14 @@
 # frozen_string_literal: true
+
 module ShadcnPhlexcomponents
   class SelectLabel < Base
-    STYLES = "px-2 py-1.5 text-sm font-semibold".freeze
+    STYLES = "px-2 py-1.5 text-sm font-semibold"
 
     def initialize(aria_id: nil, **attributes)
       @aria_id = aria_id
       super(**attributes)
     end
-    
+
     def view_template(&)
       div(**@attributes, &)
     end
@@ -15,9 +16,9 @@ module ShadcnPhlexcomponents
     def default_attributes
       {
         data: {
-          "shadcn-phlexcomponents--select-target": "label"
-        }
+          "shadcn-phlexcomponents--select-target": "label",
+        },
       }
     end
   end
-end
+end

data/lib/components/select_trigger.rb

@@ -2,9 +2,9 @@
 
 module ShadcnPhlexcomponents
   class SelectTrigger < Base
-    STYLES = <<~HEREDOC.freeze
+    STYLES = <<~HEREDOC
       flex h-9 items-center justify-between whitespace-nowrap rounded-md border
-      border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background 
+      border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background#{" "}
       data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1
       focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1
       w-full cursor-pointer
@@ -21,7 +21,9 @@ module ShadcnPhlexcomponents
 
     def view_template
       button(**@attributes) do
-        span(class: "pointer-events-none", data: { "shadcn-phlexcomponents--select-target": "triggerText" }) { @value || @placeholder } 
+        span(class: "pointer-events-none", data: { "shadcn-phlexcomponents--select-target": "triggerText" }) do
+          @value || @placeholder
+        end
 
         icon("chevron-down", class: "size-4 opacity-50")
       end
@@ -36,19 +38,19 @@ module ShadcnPhlexcomponents
         aria: {
           autocomplete: "none",
           expanded: false,
-          controls: "#{@aria_id}-content"
+          controls: "#{@aria_id}-content",
         },
         data: {
           placeholder: @placeholder.present?,
           placeholder_text: @placeholder,
           action: <<~HEREDOC,
-          click->shadcn-phlexcomponents--select#toggle
-          keydown.down->shadcn-phlexcomponents--select#toggle:prevent
-          keydown.up->shadcn-phlexcomponents--select#toggle:prevent
+            click->shadcn-phlexcomponents--select#toggle
+            keydown.down->shadcn-phlexcomponents--select#toggle:prevent
+            keydown.up->shadcn-phlexcomponents--select#toggle:prevent
           HEREDOC
-          "shadcn-phlexcomponents--select-target": "trigger"
-        }
+          "shadcn-phlexcomponents--select-target": "trigger",
+        },
       }
     end
   end
-end
+end

data/lib/components/separator.rb

@@ -13,12 +13,12 @@ module ShadcnPhlexcomponents
     end
 
     def default_styles
-      "#{ORIENTATIONS[@orientation]}"
+      ORIENTATIONS[@orientation].to_s
     end
 
     def default_attributes
       {
-        role: "none"
+        role: "none",
       }
     end
 
@@ -26,4 +26,4 @@ module ShadcnPhlexcomponents
       div(**@attributes)
     end
   end
-end
+end

data/lib/components/sheet.rb

@@ -2,7 +2,7 @@
 
 module ShadcnPhlexcomponents
   class Sheet < Base
-    STYLES = "inline-block".freeze
+    STYLES = "inline-block"
 
     def initialize(side: :right, aria_id: "sheet-#{SecureRandom.hex(5)}", **attributes)
       @side = side
@@ -15,7 +15,7 @@ module ShadcnPhlexcomponents
     end
 
     def content(**attributes, &)
-       SheetContent(side: @side, aria_id: @aria_id, **attributes, &)
+      SheetContent(side: @side, aria_id: @aria_id, **attributes, &)
     end
 
     def header(**attributes, &)
@@ -23,19 +23,19 @@ module ShadcnPhlexcomponents
     end
 
     def title(**attributes, &)
-       SheetTitle(aria_id: @aria_id, **attributes, &)
+      SheetTitle(aria_id: @aria_id, **attributes, &)
     end
 
     def description(**attributes, &)
-       SheetDescription(aria_id: @aria_id, **attributes, &)
+      SheetDescription(aria_id: @aria_id, **attributes, &)
     end
 
     def footer(**attributes, &)
-       SheetFooter(**attributes, &)
+      SheetFooter(**attributes, &)
     end
 
     def close(**attributes, &)
-       SheetClose(**attributes, &)
+      SheetClose(**attributes, &)
     end
 
     def view_template(&)
@@ -45,9 +45,9 @@ module ShadcnPhlexcomponents
     def default_attributes
       {
         data: {
-          controller: "shadcn-phlexcomponents--sheet"
-        }
+          controller: "shadcn-phlexcomponents--sheet",
+        },
       }
     end
   end
-end
+end

data/lib/components/sheet_close.rb

@@ -22,7 +22,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
@@ -34,9 +34,9 @@ module ShadcnPhlexcomponents
       {
         role: "button",
         data: {
-          action: "click->shadcn-phlexcomponents--sheet#close"
-        }
+          action: "click->shadcn-phlexcomponents--sheet#close",
+        },
       }
     end
   end
-end
+end

data/lib/components/sheet_content.rb

@@ -1,15 +1,14 @@
 # frozen_string_literal: true
 
 module ShadcnPhlexcomponents
-
   class SheetContent < Base
-    STYLES = <<~HEREDOC.freeze
+    STYLES = <<~HEREDOC
       fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out
       data-[state=closed]:duration-300 data-[state=open]:duration-500
       data-[state=open]:animate-in data-[state=closed]:animate-out
     HEREDOC
 
-    CLOSE_BUTTON_STYLES = <<~HEREDOC.freeze
+    CLOSE_BUTTON_STYLES = <<~HEREDOC
       absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background
       transition-opacity hover:opacity-100 focus:outline-none focus:ring-2
       focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none
@@ -17,16 +16,15 @@ module ShadcnPhlexcomponents
     HEREDOC
 
     SIDES = {
-      left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-      right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
+      left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left
+            data-[state=open]:slide-in-from-left sm:max-w-sm",
+      right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right
+            data-[state=open]:slide-in-from-right sm:max-w-sm",
       top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-      bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom"
+      bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom
+            data-[state=open]:slide-in-from-bottom",
     }
 
-    def self.default_styles(side)
-      "#{STYLES} #{SIDES[side]}"
-    end
-
     def initialize(side: :right, aria_id: nil, **attributes)
       @side = side
       @aria_id = aria_id
@@ -44,7 +42,7 @@ module ShadcnPhlexcomponents
         end
       end
     end
-    
+
     def default_attributes
       {
         id: "#{@aria_id}-content",
@@ -55,13 +53,13 @@ module ShadcnPhlexcomponents
           labelledby: "#{@aria_id}-title",
         },
         data: {
-          "shadcn-phlexcomponents--sheet-target": "content"
-        }
+          "shadcn-phlexcomponents--sheet-target": "content",
+        },
       }
     end
 
     def default_styles
-      self.class.default_styles(@side)
+      "#{STYLES} #{SIDES[@side]}"
     end
   end
-end
+end

data/lib/components/sheet_description.rb

@@ -2,7 +2,7 @@
 
 module ShadcnPhlexcomponents
   class SheetDescription < Base
-    STYLES = "text-sm text-muted-foreground".freeze
+    STYLES = "text-sm text-muted-foreground"
 
     def initialize(aria_id: nil, **attributes)
       @aria_id = aria_id
@@ -11,7 +11,7 @@ module ShadcnPhlexcomponents
 
     def default_attributes
       {
-        id: "#{@aria_id}-description"
+        id: "#{@aria_id}-description",
       }
     end
 
@@ -19,4 +19,4 @@ module ShadcnPhlexcomponents
       p(**@attributes, &)
     end
   end
-end
+end

data/lib/components/sheet_footer.rb

@@ -2,10 +2,10 @@
 
 module ShadcnPhlexcomponents
   class SheetFooter < Base
-    STYLES = "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2".freeze
+    STYLES = "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2"
 
     def view_template(&)
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/sheet_header.rb

@@ -2,10 +2,10 @@
 
 module ShadcnPhlexcomponents
   class SheetHeader < Base
-    STYLES = "flex flex-col space-y-2 text-center sm:text-left".freeze
+    STYLES = "flex flex-col space-y-2 text-center sm:text-left"
 
     def view_template(&)
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/sheet_title.rb

@@ -2,7 +2,7 @@
 
 module ShadcnPhlexcomponents
   class SheetTitle < Base
-    STYLES = "text-lg font-semibold text-foreground".freeze
+    STYLES = "text-lg font-semibold text-foreground"
 
     def initialize(aria_id: nil, **attributes)
       @aria_id = aria_id
@@ -11,7 +11,7 @@ module ShadcnPhlexcomponents
 
     def default_attributes
       {
-        id: "#{@aria_id}-title"
+        id: "#{@aria_id}-title",
       }
     end
 
@@ -19,4 +19,4 @@ module ShadcnPhlexcomponents
       h2(**@attributes, &)
     end
   end
-end
+end

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