shadcn_phlexcomponents 0.1.9 → 0.1.11

data/lib/shadcn_phlexcomponents/components/table/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/shadcn_phlexcomponents/components/table/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/shadcn_phlexcomponents/components/table/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/shadcn_phlexcomponents/components/table/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/shadcn_phlexcomponents/components/table/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/shadcn_phlexcomponents/components/table/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/shadcn_phlexcomponents/components/table/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/shadcn_phlexcomponents/components/table/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/shadcn_phlexcomponents/components/tabs/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: "tabs",
-          "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/shadcn_phlexcomponents/components/tabs/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,
-          "tabs-target": "content",
-        },
-      }
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/tabs/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/shadcn_phlexcomponents/components/tabs/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: {
-          "tabs-target": "trigger",
-          value: @value,
-          state: "inactive",
-          action: <<~HEREDOC,
-            click->tabs#setActiveTab
-            keydown.left->tabs#setActiveToPrev:prevent
-            keydown.right->tabs#setActiveToNext:prevent
-          HEREDOC
-        },
-      }
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/textarea/textarea.rb

@@ -1,29 +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, value: nil, **attributes)
-      @name = name
-      @id = id || @name
-      @value = value
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        name: @name,
-        id: @id,
-      }
-    end
-
-    def view_template(&)
-      textarea(**@attributes) { @value }
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/toast/toast.rb

@@ -1,101 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Toast < Base
-    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=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
-
-    CLOSE_BUTTON_STYLES = <<~HEREDOC
-      absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity
-      hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100
-      group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400
-      group-[.destructive]:focus:ring-offset-red-600 cursor-pointer
-    HEREDOC
-
-    VARIANTS = {
-      default: "border bg-background text-foreground",
-      destructive: "destructive group border-destructive bg-destructive text-destructive-foreground",
-    }.freeze
-
-    def initialize(variant: :default, duration: 5000, **attributes)
-      @variant = variant
-      @duration = duration
-      super(**attributes)
-    end
-
-    def title(**attributes, &)
-      ToastTitle(data: { title: "" }, **attributes, &)
-    end
-
-    def description(**attributes, &)
-      ToastDescription(data: { description: "" }, **attributes, &)
-    end
-
-    def content(**attributes, &)
-      ToastContent(**attributes, &)
-    end
-
-    def action(**attributes, &)
-      ToastAction(variant: @variant, **attributes, &)
-    end
-
-    def action_to(name = nil, options = nil, html_options = nil, &block)
-      if block_given?
-        options ||= {}
-        options[:variant] = @variant
-      else
-        html_options ||= {}
-        html_options[:variant] = @variant
-      end
-
-      ToastActionTo(name, options, html_options, &block)
-    end
-
-    def default_styles
-      "#{STYLES} #{VARIANTS[@variant]}"
-    end
-
-    def default_attributes
-      {
-        role: "status",
-        tabindex: 0,
-        aria: {
-          live: "off",
-          atomic: "true",
-        },
-        data: {
-          duration: @duration,
-          state: "open",
-          controller: "toast",
-          action: <<~HEREDOC,
-            focus->toast#cancelDismiss
-            blur->toast#dismiss
-            mouseover->toast#cancelDismiss
-            mouseout->toast#dismiss
-            keydown.esc->toast#close
-          HEREDOC
-        },
-      }
-    end
-
-    def view_template(&)
-      li(**@attributes) do
-        yield
-        button(
-          type: "button",
-          class: CLOSE_BUTTON_STYLES,
-          data: {
-            action: "toast#close",
-          },
-        ) do
-          icon("x", class: "size-4")
-        end
-      end
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/toast/toast_action.rb

@@ -1,39 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class ToastAction < Base
-    STYLES = <<~HEREDOC
-      inline-flex h-8 shrink-0 items-center justify-center rounded-md border
-      bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary
-      focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none
-      disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30
-      group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground
-      group-[.destructive]:focus:ring-destructive cursor-pointer
-    HEREDOC
-
-    def initialize(as_child: false, **attributes)
-      @as_child = as_child
-      super(**attributes)
-    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/shadcn_phlexcomponents/components/toast/toast_action_to.rb

@@ -1,28 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class ToastActionTo < ToastAction
-    def initialize(name = nil, options = nil, html_options = nil)
-      @name = name
-      @options = options
-      @html_options = html_options
-    end
-
-    def view_template(&)
-      if block_given?
-        @html_options = @options
-        @options = @name
-      end
-      @html_options ||= {}
-      @variant = @html_options.delete(:variant) || :default
-      @html_options = mix(default_attributes, @html_options)
-      @html_options[:class] = TAILWIND_MERGER.merge("#{default_styles} #{@html_options[:class]}")
-
-      if block_given?
-        button_to(@options, @html_options, &)
-      else
-        button_to(@name, @options, @html_options)
-      end
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/toast/toast_content.rb

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

data/lib/shadcn_phlexcomponents/components/toast/toast_description.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class ToastDescription < Base
-    STYLES = "text-sm opacity-90"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/toast/toast_title.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class ToastTitle < Base
-    STYLES = "text-sm font-semibold [&+div]:text-xs"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/tooltip/tooltip.rb

@@ -1,34 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Tooltip < Base
-    STYLES = "inline-block"
-
-    def initialize(side: :top, aria_id: "tooltip-#{SecureRandom.hex(5)}", **attributes)
-      @side = side
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def trigger(**attributes, &)
-      TooltipTrigger(aria_id: @aria_id, **attributes, &)
-    end
-
-    def content(**attributes, &)
-      TooltipContent(side: @side, aria_id: @aria_id, **attributes, &)
-    end
-
-    def default_attributes
-      {
-        data: {
-          controller: "tooltip",
-          side: @side,
-        },
-      }
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/tooltip/tooltip_content.rb

@@ -1,39 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class TooltipContent < Base
-    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
-
-    def initialize(side: :top, aria_id: nil, **attributes)
-      @side = side
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def view_template(&)
-      div(class: "hidden", data: { "tooltip-target": "content" }) do
-        div(**@attributes, &)
-
-        span(
-          id: "#{@aria_id}-content",
-          role: "tooltip",
-          class: "sr-only",
-          &
-        )
-      end
-    end
-
-    def default_attributes
-      {
-        data: {
-          side: @side,
-        },
-      }
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/tooltip/tooltip_trigger.rb

@@ -1,48 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class TooltipTrigger < Base
-    def initialize(as_child: false, aria_id: nil, **attributes)
-      @as_child = as_child
-      @aria_id = aria_id
-      super(**attributes)
-    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
-
-        if element.name == "button"
-          merged_attributes.delete(:role)
-        end
-
-        send(element.name, **merged_attributes) do
-          sanitize_as_child(element.children.to_s)
-        end
-      else
-        div(**@attributes, &)
-      end
-    end
-
-    def default_attributes
-      {
-        id: @id,
-        role: "button",
-        aria: {
-          describedby: "#{@aria_id}-content",
-        },
-        data: {
-          as_child: @as_child.to_s,
-          "tooltip-target": "trigger",
-        },
-      }
-    end
-  end
-end