shadcn_phlexcomponents 0.1.5 → 0.1.11

data/lib/components/breadcrumb_page.rb

@@ -1,21 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class BreadcrumbPage < Base
-    STYLES = "font-normal text-foreground"
-
-    def default_attributes
-      {
-        role: "link",
-        aria: {
-          disabled: "true",
-          current: "page",
-        },
-      }
-    end
-
-    def view_template(&)
-      span(**@attributes, &)
-    end
-  end
-end

data/lib/components/breadcrumb_separator.rb

@@ -1,26 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class BreadcrumbSeparator < Base
-    STYLES = "[&>svg]:w-3.5 [&>svg]:h-3.5"
-
-    def default_attributes
-      {
-        role: "presentation",
-        aria: {
-          hidden: "true",
-        },
-      }
-    end
-
-    def view_template(&)
-      li(**@attributes) do
-        if block_given?
-          yield
-        else
-          icon("chevron-right")
-        end
-      end
-    end
-  end
-end

data/lib/components/button.rb

@@ -1,53 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Button < Base
-    STYLES = <<~HEREDOC
-      inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md
-      text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1
-      focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50
-      [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer
-    HEREDOC
-
-    VARIANTS = {
-      primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-      secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-      destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-      outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-      ghost: "hover:bg-accent hover:text-accent-foreground",
-      link: "text-primary underline-offset-4 hover:underline",
-    }.freeze
-
-    SIZES = {
-      default: "h-9 px-4 py-2",
-      sm: "h-8 rounded-md px-3 text-xs",
-      lg: "h-10 rounded-md px-8",
-      icon: "h-9 w-9",
-    }
-
-    class << self
-      def default_styles(variant:, size:)
-        "#{STYLES} #{VARIANTS[variant]} #{SIZES[size]}"
-      end
-    end
-
-    def initialize(variant: :primary, size: :default, type: :button, **attributes)
-      @type = type
-      @variant = variant
-      @size = size
-      super(**attributes)
-    end
-
-    def default_attributes
-      { type: @type }
-    end
-
-    def default_styles
-      self.class.default_styles(variant: @variant, size: @size)
-    end
-
-    def view_template(&)
-      button(**@attributes, &)
-    end
-  end
-end

data/lib/components/card.rb

@@ -1,31 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Card < Base
-    STYLES = "rounded-xl border bg-card text-card-foreground shadow"
-
-    def header(**attributes, &)
-      CardHeader(**attributes, &)
-    end
-
-    def title(**attributes, &)
-      CardTitle(**attributes, &)
-    end
-
-    def description(**attributes, &)
-      CardDescription(**attributes, &)
-    end
-
-    def content(**attributes, &)
-      CardContent(**attributes, &)
-    end
-
-    def footer(**attributes, &)
-      CardFooter(**attributes, &)
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/components/card_content.rb

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

data/lib/components/card_description.rb

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

data/lib/components/card_footer.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class CardFooter < Base
-    STYLES = "flex items-center p-6 pt-0"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/components/card_header.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class CardHeader < Base
-    STYLES = "flex flex-col space-y-1.5 p-6"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/components/card_title.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class CardTitle < Base
-    STYLES = "font-semibold leading-none tracking-tight"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/components/collapsible.rb

@@ -1,31 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Collapsible < Base
-    def initialize(open: false, aria_id: "collapsible-#{SecureRandom.hex(5)}", **attributes)
-      @open = open
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def trigger(**attributes, &)
-      CollapsibleTrigger(open: @open, aria_id: @aria_id, **attributes, &)
-    end
-
-    def content(**attributes, &)
-      CollapsibleContent(aria_id: @aria_id, **attributes, &)
-    end
-
-    def default_attributes
-      {
-        data: {
-          controller: "shadcn-phlexcomponents--collapsible",
-        },
-      }
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/components/collapsible_content.rb

@@ -1,24 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class CollapsibleContent < Base
-    def initialize(aria_id: :nil, **attributes)
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        id: "#{@aria_id}-content",
-        data: {
-          "shadcn-phlexcomponents--collapsible-target": "content",
-        },
-      }
-    end
-
-    def view_template(&)
-      @class = @attributes.delete(:class)
-      div(class: "#{@class} hidden", **@attributes, &)
-    end
-  end
-end

data/lib/components/collapsible_trigger.rb

@@ -1,50 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class CollapsibleTrigger < Base
-    def initialize(open: false, as_child: false, aria_id: nil, **attributes)
-      @open = open
-      @as_child = as_child
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        role: "button",
-        aria: {
-          expanded: @open.to_s,
-          controls: "#{@aria_id}-content",
-        },
-        data: {
-          state: @open ? "open" : "closed",
-          action: "click->shadcn-phlexcomponents--collapsible#toggle",
-          "shadcn-phlexcomponents--collapsible-target": "trigger",
-        },
-      }
-    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
-  end
-end

data/lib/components/combobox.rb

@@ -1,57 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Combobox < Base
-    def initialize(id: nil,
-      name: nil,
-      value: nil,
-      placeholder: nil,
-      disabled: false,
-      include_blank: false,
-      **attributes)
-      @id = id || name
-      @name = name
-      @value = value
-      @placeholder = placeholder
-      @include_blank = include_blank
-      @disabled = disabled
-      super(**attributes)
-    end
-
-    def item(**attributes, &)
-      ComboboxItem(**attributes, &)
-    end
-
-    def items(collection)
-      collection.each do |option|
-        ComboboxItem(value: option[:value], disabled: option[:disabled]) { option[:name] }
-      end
-    end
-
-    def view_template(&)
-      div(**@attributes) do
-        select(
-          id: @id,
-          name: @name,
-          disabled: @disabled,
-          data: { "shadcn-phlexcomponents--combobox-target": "select" },
-        ) do
-          option(value: "")
-
-          yield
-        end
-      end
-    end
-
-    def default_attributes
-      {
-        data: {
-          controller: "shadcn-phlexcomponents--combobox",
-          placeholder: @placeholder,
-          include_blank: @include_blank.to_s,
-          value: @value,
-        },
-      }
-    end
-  end
-end

data/lib/components/combobox_item.rb

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

data/lib/components/date_picker.rb

@@ -1,94 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DatePicker < Base
-    STYLES = "relative"
-
-    INPUT_STYLES = <<~HEREDOC
-      flex h-9 w-full rounded-md border border-input bg-transparent px-3 pr-10 py-1
-      text-base shadow-sm transition-colors 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
-
-    CLEAR_BUTTON_STYLES = TAILWIND_MERGER.merge("#{Button.default_styles(
-      variant: :ghost,
-      size: :icon,
-    )} text-muted-foreground h-6 w-6")
-
-    def initialize(name: nil, id: nil, value: nil, format: "DD/MM/YYYY", disabled: false, settings: {}, **attributes)
-      @name = name
-      @id = id || @name
-      @value = value&.utc&.iso8601
-      @settings = settings
-      @format = format
-      @disabled = disabled
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        data: {
-          value: @value,
-          format: @format,
-          controller: "shadcn-phlexcomponents--date-picker",
-          settings: @settings.to_json,
-          has_value: @value.present?.to_s,
-          disabled: @disabled,
-          action: <<~HEREDOC,
-            mouseover->shadcn-phlexcomponents--date-picker#showClearButton
-            mouseout->shadcn-phlexcomponents--date-picker#hideClearButton
-          HEREDOC
-        },
-      }
-    end
-
-    def view_template
-      div(**@attributes) do
-        input(type: :text, id: @id, class: INPUT_STYLES, data: {
-          "shadcn-phlexcomponents--date-picker-target": "dateInput",
-          action: <<~HEREDOC,
-            input->shadcn-phlexcomponents--date-picker#changeDate
-            blur->shadcn-phlexcomponents--date-picker#inputBlur
-            keydown->shadcn-phlexcomponents--date-picker#closeCalendar
-          HEREDOC
-        })
-        input(
-          type: :hidden,
-          name: @name,
-          value: @value,
-          data: { "shadcn-phlexcomponents--date-picker-target": "hiddenInput" },
-        )
-
-        div(
-          class: "absolute right-3 inset-y-0 flex items-center -z-1",
-          data: {
-            action: "",
-          },
-        ) do
-          span(class: "pointer-events-none size-6 inline-flex items-center justify-center") do
-            icon(
-              "calendar",
-              class: "size-4 text-muted-foreground",
-              data: { "shadcn-phlexcomponents--date-picker-target": "calendarIcon" },
-            )
-          end
-        end
-
-        div(class: "absolute right-3 inset-y-0 flex items-center") do
-          button(
-            type: :button,
-            class: "#{CLEAR_BUTTON_STYLES} !hidden",
-            tabindex: -1,
-            data: {
-              action: "shadcn-phlexcomponents--date-picker#clear:stop",
-              "shadcn-phlexcomponents--date-picker-target": "clearButton",
-            },
-          ) do
-            icon("x")
-          end
-        end
-      end
-    end
-  end
-end

data/lib/components/date_range_picker.rb

@@ -1,113 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DateRangePicker < Base
-    STYLES = <<~HEREDOC
-      flex w-full rounded-md border border-input bg-transparent px-3 pr-10 h-9
-      text-base shadow-sm transition-colors placeholder:text-muted-foreground
-      outline-none data-[focus=true]:ring-1 data-[focus=true]:ring-ring
-      data-disabled:cursor-not-allowed data-disabled:opacity-50 md:text-sm relative
-      items-center
-    HEREDOC
-
-    INPUT_STYLES = <<~HEREDOC
-      h-9 py-1
-      text-base md:text-sm outline-none w-[45%]
-    HEREDOC
-
-    CLEAR_BUTTON_STYLES = TAILWIND_MERGER.merge("#{Button.default_styles(
-      variant: :ghost,
-      size: :icon,
-    )} text-muted-foreground h-6 w-6")
-
-    def initialize(start_date: nil, end_date: nil, start_date_name: nil, end_date_name: nil, format: "DD/MM/YYYY",
-      disabled: false, settings: {}, **attributes)
-      @start_date = start_date&.utc&.iso8601
-      @end_date = end_date&.utc&.iso8601
-      @start_date_name = start_date_name
-      @end_date_name = end_date_name
-      @settings = settings
-      @format = format
-      @disabled = disabled
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        data: {
-          start_date: @start_date,
-          end_date: @end_date,
-          format: @format,
-          controller: "shadcn-phlexcomponents--date-range-picker",
-          settings: @settings.to_json,
-          has_value: (@start_date.present? && @end_date.present?).to_s,
-          disabled: @disabled,
-          action: <<~HEREDOC,
-            mouseover->shadcn-phlexcomponents--date-range-picker#showClearButton
-            mouseout->shadcn-phlexcomponents--date-range-picker#hideClearButton
-          HEREDOC
-        },
-      }
-    end
-
-    def view_template
-      div(**@attributes) do
-        input(type: :text, class: INPUT_STYLES, data: {
-          "shadcn-phlexcomponents--date-range-picker-target": "startDateInput",
-          action: <<~HEREDOC,
-            focus->shadcn-phlexcomponents--date-range-picker#openCalendar
-            input->shadcn-phlexcomponents--date-range-picker#changeDate
-            keydown->shadcn-phlexcomponents--date-range-picker#closeCalendar
-          HEREDOC
-        })
-        input(
-          type: :hidden,
-          name: @start_date_name,
-          value: @start_date,
-          data: { "shadcn-phlexcomponents--date-range-picker-target": "startDateHiddenInput" },
-        )
-
-        icon("minus", class: "size-4 text-muted-foreground px-3 w-[10%]")
-
-        input(type: :text, class: INPUT_STYLES, data: {
-          "shadcn-phlexcomponents--date-range-picker-target": "endDateInput",
-          action: <<~HEREDOC,
-            focus->shadcn-phlexcomponents--date-range-picker#openCalendar
-            input->shadcn-phlexcomponents--date-range-picker#changeDate
-            keydown->shadcn-phlexcomponents--date-range-picker#closeCalendar
-          HEREDOC
-        })
-        input(
-          type: :hidden,
-          name: @end_date_name,
-          value: @end_date,
-          data: { "shadcn-phlexcomponents--date-range-picker-target": "endDateHiddenInput" },
-        )
-
-        div(class: "absolute right-3 inset-y-0 flex items-center -z-1") do
-          span(class: "pointer-events-none size-6 inline-flex items-center justify-center") do
-            icon(
-              "calendar",
-              class: "size-4 text-muted-foreground",
-              data: { "shadcn-phlexcomponents--date-range-picker-target": "calendarIcon" },
-            )
-          end
-        end
-
-        div(class: "absolute right-3 inset-y-0 flex items-center") do
-          button(
-            type: :button,
-            class: "#{CLEAR_BUTTON_STYLES} !hidden",
-            tabindex: -1,
-            data: {
-              action: "shadcn-phlexcomponents--date-range-picker#clear:stop",
-              "shadcn-phlexcomponents--date-range-picker-target": "clearButton",
-            },
-          ) do
-            icon("x")
-          end
-        end
-      end
-    end
-  end
-end

data/lib/components/dialog.rb

@@ -1,52 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Dialog < Base
-    STYLES = "inline-block"
-
-    def initialize(aria_id: "dialog-#{SecureRandom.hex(5)}", **attributes)
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def trigger(**attributes, &)
-      render(DialogTrigger.new(aria_id: @aria_id, **attributes, &))
-    end
-
-    def content(**attributes, &)
-      render(DialogContent.new(aria_id: @aria_id, **attributes, &))
-    end
-
-    def header(**attributes, &)
-      render(DialogHeader.new(**attributes, &))
-    end
-
-    def title(**attributes, &)
-      render(DialogTitle.new(aria_id: @aria_id, **attributes, &))
-    end
-
-    def description(**attributes, &)
-      render(DialogDescription.new(aria_id: @aria_id, **attributes, &))
-    end
-
-    def footer(**attributes, &)
-      render(DialogFooter.new(**attributes, &))
-    end
-
-    def close(**attributes, &)
-      render(DialogClose.new(**attributes, &))
-    end
-
-    def default_attributes
-      {
-        data: {
-          controller: "shadcn-phlexcomponents--dialog",
-        },
-      }
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/components/dialog_close.rb

@@ -1,42 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DialogClose < Base
-    def initialize(as_child: false, **attributes)
-      @as_child = as_child
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        role: "button",
-        data: {
-          action: "click->shadcn-phlexcomponents--dialog#close",
-        },
-      }
-    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
-  end
-end