shadcn_phlexcomponents 0.1.5 → 0.1.11

data/lib/components/sidebar_group_label.rb

@@ -1,16 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SidebarGroupLabel < Base
-    STYLES = <<~HEREDOC
-      text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center
-      rounded-md px-2 text-xs font-medium outline-none transition-[margin,opa]
-      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

data/lib/components/sidebar_header.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SidebarHeader < Base
-    STYLES = "flex flex-col gap-2 p-2"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/components/sidebar_inset.rb

@@ -1,15 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SidebarInset < Base
-    STYLES = <<~HEREDOC
-      relative flex min-h-svh flex-1 flex-col bg-background peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))]
-      md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2
-      md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow
-    HEREDOC
-
-    def view_template(&)
-      main(**@attributes, &)
-    end
-  end
-end

data/lib/components/sidebar_menu.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SidebarMenu < Base
-    STYLES = "flex w-full min-w-0 flex-col gap-1"
-
-    def view_template(&)
-      ul(**@attributes, &)
-    end
-  end
-end

data/lib/components/sidebar_menu_button.rb

@@ -1,61 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SidebarMenuButton < Base
-    STYLES = <<~HEREDOC
-      peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left
-      text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground
-      focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground
-      disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8
-      aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent
-      data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent
-      data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2!
-      [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 cursor-pointer
-    HEREDOC
-
-    SIZES = {
-      default: "h-8 text-sm",
-      sm: "h-7 text-xs",
-      lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!",
-    }
-
-    def initialize(size: :default, type: :button, active: false, as_child: false, **attributes)
-      @type = type
-      @size = size
-      @active = active
-      @as_child = as_child
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        data: {
-          active: @active.to_s,
-        },
-      }
-    end
-
-    def default_styles
-      "#{STYLES} #{SIZES[@size]}"
-    end
-
-    def view_template(&)
-      if @as_child
-        content = capture(&)
-        element = find_as_child(content.to_s)
-
-        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] = styles
-
-        send(element.name, **merged_attributes) do
-          sanitize_as_child(element.children.to_s)
-        end
-      else
-        button(**@attributes, &)
-      end
-    end
-  end
-end

data/lib/components/sidebar_menu_item.rb

@@ -1,9 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SidebarMenuItem < Base
-    def view_template(&)
-      li(**@attributes, &)
-    end
-  end
-end

data/lib/components/sidebar_menu_sub.rb

@@ -1,14 +0,0 @@
-# frozen_string_literal: true
-
-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#{"  "}
-    HEREDOC
-
-    def view_template(&)
-      ul(**@attributes, &)
-    end
-  end
-end

data/lib/components/sidebar_menu_sub_button.rb

@@ -1,48 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SidebarMenuSubButton < Base
-    STYLES = <<~HEREDOC
-      text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground
-      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#{" "}
-      text-sm group-data-[collapsible=icon]:hidden cursor-pointer
-    HEREDOC
-
-    def initialize(type: :button, active: false, as_child: false, **attributes)
-      @active = active
-      @as_child = as_child
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        data: {
-          active: @active.to_s,
-        },
-      }
-    end
-
-    def view_template(&)
-      if @as_child
-        content = capture(&)
-        element = find_as_child(content.to_s)
-
-        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] = styles
-
-        send(element.name, **merged_attributes) do
-          sanitize_as_child(element.children.to_s)
-        end
-      else
-        button(**@attributes, &)
-      end
-    end
-  end
-end

data/lib/components/sidebar_menu_sub_item.rb

@@ -1,9 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SidebarMenuSubItem < Base
-    def view_template(&)
-      li(**@attributes, &)
-    end
-  end
-end

data/lib/components/sidebar_trigger.rb

@@ -1,40 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SidebarTrigger < Base
-    STYLES = <<~HEREDOC
-      inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md
-      text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none
-      focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none
-      disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent
-      hover:text-accent-foreground h-7 w-7 -ml-1 cursor-pointer
-    HEREDOC
-
-    def initialize(sidebar_id:, **attributes)
-      @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",
-        },
-      }
-    end
-
-    def view_template(&)
-      button(**@attributes) do
-        if block_given?
-          yield
-        else
-          icon("panel-left", class: "")
-        end
-
-        span(class: "sr-only") { "Toggle Sidebar" }
-      end
-    end
-  end
-end

data/lib/components/switch.rb

@@ -1,66 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Switch < Base
-    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#{" "}
-      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)
-      @name = name
-      @value = value
-      @unchecked_value = unchecked_value
-      @checked = checked
-      @id = id || name
-      @include_hidden = include_hidden
-      super(**attributes)
-    end
-
-    def view_template(&)
-      button(**@attributes) do
-        span(class: "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg
-                    ring-0 transition-transform group-data-[checked=true]/switch:translate-x-5
-                    group-data-[checked=false]/switch:translate-x-0")
-
-        if @include_hidden
-          input(name: @name, type: "hidden", value: @unchecked_value, autocomplete: "off")
-        end
-
-        input(
-          type: "checkbox",
-          value: @value,
-          class: "-translate-x-full pointer-events-none absolute top-0 left-0 size-4 opacity-0",
-          name: @name,
-          tabindex: -1,
-          checked: @checked,
-          aria: { hidden: true },
-          data: {
-            "shadcn-phlexcomponents--switch-target": "input",
-          },
-        )
-      end
-    end
-
-    def default_attributes
-      {
-        id: @id,
-        type: "button",
-        role: "switch",
-        aria: {
-          checked: @checked.to_s,
-        },
-        data: {
-          checked: @checked.to_s,
-          controller: "shadcn-phlexcomponents--switch",
-          action: "click->shadcn-phlexcomponents--switch#toggle",
-          "shadcn-phlexcomponents--switch-checked-value": @checked,
-        },
-      }
-    end
-  end
-end

data/lib/components/table.rb

@@ -1,75 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Table < Base
-    STYLES = "w-full caption-bottom text-sm"
-
-    def initialize(**attributes)
-      @columns = []
-      super(**attributes)
-    end
-
-    def view_template(&)
-      table(**@attributes, &)
-    end
-
-    def header(**attributes, &)
-      TableHeader(**attributes, &)
-    end
-
-    def caption(**attributes, &)
-      TableCaption(**attributes, &)
-    end
-
-    def row(**attributes, &)
-      TableRow(**attributes, &)
-    end
-
-    def head(**attributes, &)
-      TableHead(**attributes, &)
-    end
-
-    def body(**attributes, &)
-      TableBody(**attributes, &)
-    end
-
-    def cell(**attributes, &)
-      TableCell(**attributes, &)
-    end
-
-    def footer(**attributes, &)
-      TableFooter(**attributes, &)
-    end
-
-    def rows(rows, &)
-      @rows = rows
-
-      vanish(&)
-
-      thead(class: TableHeader::STYLES) do
-        tr(class: TableRow::STYLES) do
-          @columns.each do |column|
-            th(class: TAILWIND_MERGER.merge("#{TableHead::STYLES} #{column[:head_class]}")) { column[:header] }
-          end
-        end
-      end
-
-      tbody(class: TableBody::STYLES) do
-        @rows.each do |row|
-          tr(class: TableRow::STYLES) do
-            @columns.each do |column|
-              td(class: TAILWIND_MERGER.merge("#{TableCell::STYLES} #{column[:cell_class]}")) do
-                column[:content].call(row)
-              end
-            end
-          end
-        end
-      end
-    end
-
-    def column(header, head_class: nil, cell_class: nil, &content)
-      @columns << { header:, head_class:, cell_class:, content: }
-      nil
-    end
-  end
-end

data/lib/components/table_body.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class TableBody < Base
-    STYLES = "[&_tr:last-child]:border-0"
-
-    def view_template(&)
-      tbody(**@attributes, &)
-    end
-  end
-end

data/lib/components/table_caption.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class TableCaption < Base
-    STYLES = "mt-4 text-sm text-muted-foreground"
-
-    def view_template(&)
-      caption(**@attributes, &)
-    end
-  end
-end

data/lib/components/table_cell.rb

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

data/lib/components/table_footer.rb

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

data/lib/components/table_head.rb

@@ -1,14 +0,0 @@
-# frozen_string_literal: true
-
-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]#{"  "}
-    HEREDOC
-
-    def view_template(&)
-      th(**@attributes, &)
-    end
-  end
-end

data/lib/components/table_header.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class TableHeader < Base
-    STYLES = "[&_tr]:border-b"
-
-    def view_template(&)
-      thead(**@attributes, &)
-    end
-  end
-end

data/lib/components/table_row.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class TableRow < Base
-    STYLES = "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"
-
-    def view_template(&)
-      tr(**@attributes, &)
-    end
-  end
-end

data/lib/components/tabs.rb

@@ -1,38 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Tabs < Base
-    def initialize(value: nil, dir: "ltr", aria_id: "tabs-#{SecureRandom.hex(5)}", **attributes)
-      @dir = dir
-      @value = value
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-
-    def default_attributes
-      {
-        dir: @dir,
-        data: {
-          controller: "shadcn-phlexcomponents--tabs",
-          "shadcn-phlexcomponents--tabs-selected-value": @value,
-        },
-      }
-    end
-
-    def list(**attributes, &)
-      TabsList(**attributes, &)
-    end
-
-    def trigger(**attributes, &)
-      TabsTrigger(aria_id: @aria_id, **attributes, &)
-    end
-
-    def content(**attributes, &)
-      TabsContent(aria_id: @aria_id, **attributes, &)
-    end
-  end
-end

data/lib/components/tabs_content.rb

@@ -1,35 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class TabsContent < Base
-    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
-
-    def initialize(value: nil, aria_id: nil, **attributes)
-      @value = value
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-
-    def default_attributes
-      {
-        id: "#{@aria_id}-content-#{@value}",
-        role: "tabpanel",
-        tabindex: "0",
-        aria: {
-          labelledby: "#{@aria_id}-trigger-#{@value}",
-        },
-        data: {
-          value: @value,
-          "shadcn-phlexcomponents--tabs-target": "content",
-        },
-      }
-    end
-  end
-end

data/lib/components/tabs_list.rb

@@ -1,23 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class TabsList < Base
-    STYLES = <<~HEREDOC
-      inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground outline-none
-    HEREDOC
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-
-    def default_attributes
-      {
-        role: "tablist",
-        tabindex: "-1",
-        aria: {
-          orientation: "horizontal",
-        },
-      }
-    end
-  end
-end

data/lib/components/tabs_trigger.rb

@@ -1,45 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class TabsTrigger < Base
-    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
-      data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow
-      cursor-pointer
-    HEREDOC
-
-    def initialize(value: nil, aria_id: nil, **attributes)
-      @value = value
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def view_template(&)
-      button(**@attributes, &)
-    end
-
-    def default_attributes
-      {
-        id: "#{@aria_id}-trigger-#{@value}",
-        role: "tab",
-        tabindex: "-1",
-        aria: {
-          controls: "#{@aria_id}-content-#{@value}",
-          selected: false,
-        },
-        data: {
-          "shadcn-phlexcomponents--tabs-target": "trigger",
-          value: @value,
-          state: "inactive",
-          action: <<~HEREDOC,
-            click->shadcn-phlexcomponents--tabs#setActiveTab
-            keydown.left->shadcn-phlexcomponents--tabs#setActiveToPrev:prevent
-            keydown.right->shadcn-phlexcomponents--tabs#setActiveToNext:prevent
-          HEREDOC
-        },
-      }
-    end
-  end
-end

data/lib/components/textarea.rb

@@ -1,28 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Textarea < Base
-    STYLES = <<~HEREDOC
-      flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3
-      py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none
-      focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm
-    HEREDOC
-
-    def initialize(name: nil, id: nil, **attributes)
-      @name = name
-      @id = id || @name
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        name: @name,
-        id: @id,
-      }
-    end
-
-    def view_template(&)
-      textarea(**@attributes, &)
-    end
-  end
-end