shadcn_phlexcomponents 0.1.5 → 0.1.11

data/lib/components/dialog_content.rb

@@ -1,54 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DialogContent < Base
-    STYLES = <<~HEREDOC
-      fixed left-[50%] top-[50%] z-51 grid w-full max-w-lg translate-x-[-50%]
-      translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200
-      data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0
-      data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95
-      data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]
-      data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg
-    HEREDOC
-
-    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
-      cursor-pointer
-    HEREDOC
-
-    def initialize(aria_id: nil, **attributes)
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        id: "#{@aria_id}-content",
-        tabindex: -1,
-        role: "dialog",
-        aria: {
-          describedby: "#{@aria_id}-description",
-          labelledby: "#{@aria_id}-title",
-        },
-        data: {
-          "shadcn-phlexcomponents--dialog-target": "content",
-          state: "closed",
-        },
-      }
-    end
-
-    def view_template(&)
-      @class = @attributes.delete(:class)
-      div(class: "#{@class} hidden", **@attributes) do
-        yield
-
-        button(class: CLOSE_BUTTON_STYLES, data: { action: "click->shadcn-phlexcomponents--dialog#close" }) do
-          icon("x", class: "size-4")
-          span(class: "sr-only") { "close" }
-        end
-      end
-    end
-  end
-end

data/lib/components/dialog_description.rb

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DialogDescription < Base
-    STYLES = "text-sm text-muted-foreground"
-
-    def initialize(aria_id: nil, **attributes)
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        id: "#{@aria_id}-description",
-      }
-    end
-
-    def view_template(&)
-      p(**@attributes, &)
-    end
-  end
-end

data/lib/components/dialog_footer.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DialogFooter < Base
-    STYLES = "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/components/dialog_header.rb

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

data/lib/components/dialog_title.rb

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DialogTitle < Base
-    STYLES = "text-lg font-semibold leading-none tracking-tight"
-
-    def initialize(aria_id: nil, **attributes)
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        id: "#{@aria_id}-title",
-      }
-    end
-
-    def view_template(&)
-      h2(**@attributes, &)
-    end
-  end
-end

data/lib/components/dialog_trigger.rb

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

@@ -1,50 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DropdownMenu < Base
-    STYLES = "inline-block"
-
-    def initialize(side: :bottom, aria_id: "dropdown-menu-#{SecureRandom.hex(5)}", **attributes)
-      @side = side
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def trigger(**attributes, &)
-      DropdownMenuTrigger(aria_id: @aria_id, **attributes, &)
-    end
-
-    def content(**attributes, &)
-      DropdownMenuContent(aria_id: @aria_id, side: @side, **attributes, &)
-    end
-
-    def label(**attributes, &)
-      DropdownMenuLabel(**attributes, &)
-    end
-
-    def item(**attributes, &)
-      DropdownMenuItem(**attributes, &)
-    end
-
-    def item_to(name = nil, options = nil, html_options = nil, &block)
-      DropdownMenuItemTo(name, options, html_options, &block)
-    end
-
-    def separator(**attributes, &)
-      DropdownMenuSeparator(**attributes, &)
-    end
-
-    def default_attributes
-      {
-        data: {
-          controller: "shadcn-phlexcomponents--dropdown-menu",
-          side: @side,
-        },
-      }
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/components/dropdown_menu_content.rb

@@ -1,52 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DropdownMenuContent < Base
-    STYLES = <<~HEREDOC
-      z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1
-      text-popover-foreground shadow-md outline-none
-      data-[state=open]:animate-in
-      data-[state=closed]:animate-out data-[state=closed]:fade-out-0#{" "}
-      data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95#{" "}
-      data-[state=open]: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: :bottom, aria_id: nil, **attributes)
-      @side = side
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def view_template(&)
-      div(
-        class: "hidden fixed top-0 left-0 w-max z-50",
-        data: { "shadcn-phlexcomponents--dropdown-menu-target": "contentWrapper" },
-      ) do
-        div(**@attributes, &)
-      end
-    end
-
-    def default_attributes
-      {
-        id: "#{@aria_id}-content",
-        tabindex: -1,
-        role: "menu",
-        aria: {
-          labelledby: "#{@aria_id}-trigger",
-          orientation: "vertical",
-        },
-        data: {
-          state: "closed",
-          side: @side,
-          "shadcn-phlexcomponents--dropdown-menu-target": "content",
-          action: <<~HEREDOC,
-            keydown.up->shadcn-phlexcomponents--dropdown-menu#focusLastItem:prevent
-            keydown.down->shadcn-phlexcomponents--dropdown-menu#focusFirstItem:prevent
-          HEREDOC
-        },
-      }
-    end
-  end
-end

data/lib/components/dropdown_menu_item.rb

@@ -1,56 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DropdownMenuItem < Base
-    STYLES = <<~HEREDOC
-      relative flex cursor-default select-none items-center gap-2 rounded-sm px-2
-      py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground
-      data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0
-    HEREDOC
-
-    def initialize(as_child: false, disabled: false, **attributes)
-      @as_child = as_child
-      @disabled = disabled
-      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
-        div(**@attributes, &)
-      end
-    end
-
-    def default_attributes
-      {
-        role: "menuitem",
-        tabindex: -1,
-        data: {
-          disabled: @disabled,
-          action: <<~HEREDOC,
-            click->shadcn-phlexcomponents--dropdown-menu#selectItem
-            keydown.up->shadcn-phlexcomponents--dropdown-menu#focusPrevItem:stop
-            keydown.down->shadcn-phlexcomponents--dropdown-menu#focusNextItem:stop
-            keydown.enter->shadcn-phlexcomponents--dropdown-menu#selectItem:prevent
-            keydown.space->shadcn-phlexcomponents--dropdown-menu#selectItem:prevent
-            mouseover->shadcn-phlexcomponents--dropdown-menu#focusItem
-            mouseout->shadcn-phlexcomponents--dropdown-menu#focusContent
-          HEREDOC
-          "shadcn-phlexcomponents--dropdown-menu-target": "item",
-        },
-      }
-    end
-  end
-end

data/lib/components/dropdown_menu_item_to.rb

@@ -1,28 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DropdownMenuItemTo < DropdownMenuItem
-    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 ||= {}
-      @disabled = @html_options[:disabled]
-      @html_options = mix(default_attributes, @html_options)
-      @html_options[:class] = TAILWIND_MERGER.merge("w-full #{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/components/dropdown_menu_label.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DropdownMenuLabel < Base
-    STYLES = "px-2 py-1.5 text-sm font-semibold"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/components/dropdown_menu_separator.rb

@@ -1,20 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DropdownMenuSeparator < Base
-    STYLES = "-mx-1 my-1 h-px bg-muted"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-
-    def default_attributes
-      {
-        role: "separator",
-        aria: {
-          orientation: "horizontal",
-        },
-      }
-    end
-  end
-end

data/lib/components/dropdown_menu_trigger.rb

@@ -1,57 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DropdownMenuTrigger < 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: "#{@aria_id}-trigger",
-        role: "button",
-        aria: {
-          haspopup: "menu",
-          expanded: false,
-          controls: "#{@aria_id}-content",
-        },
-        data: {
-          state: "closed",
-          as_child: @as_child.to_s,
-          action: <<~HEREDOC,
-            click->shadcn-phlexcomponents--dropdown-menu#toggle
-            keydown.space->shadcn-phlexcomponents--dropdown-menu#toggle
-            keydown.enter->shadcn-phlexcomponents--dropdown-menu#toggle
-            keydown.down->shadcn-phlexcomponents--dropdown-menu#toggle:prevent
-          HEREDOC
-          "shadcn-phlexcomponents--dropdown-menu-target": "trigger",
-        },
-      }
-    end
-  end
-end

data/lib/components/form.rb

@@ -1,59 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Form < Base
-    include Phlex::Rails::Helpers::FormWith
-
-    def initialize(model: false, scope: nil, url: nil, format: nil, **options)
-      @model = model
-      @scope = scope
-      @url = url
-      @format = format
-      @options = options
-      @object_name = model ? model.to_model.model_name.param_key : nil
-    end
-
-    def field(method = nil, **attributes, &)
-      FormField(method, model: @model, object_name: @object_name, **attributes, &)
-    end
-
-    def submit(variant: :primary, **attributes, &) 
-      Button(variant: variant, type: :submit, **attributes) do
-        if block_given?
-          yield
-        else
-          submit_default_value
-        end
-      end
-    end
-
-    def view_template(&)
-      form_with(model: @model, scope: @scope, url: @url, format: @format, **@options) do
-        yield
-      end
-    end
-
-    def submit_default_value
-      object = @model ? @model.to_model : nil
-      key    = object ? (object.persisted? ? :update : :create) : :submit
-
-      model = if object.respond_to?(:model_name)
-        object.model_name.human
-      else
-        @object_name.to_s.humanize
-      end
-
-      defaults = []
-      # Object is a model and it is not overwritten by as and scope option.
-      if object.respond_to?(:model_name) && @object_name.to_s == model.downcase
-        defaults << :"helpers.submit.#{object.model_name.i18n_key}.#{key}"
-      else
-        defaults << :"helpers.submit.#{@object_name}.#{key}"
-      end
-      defaults << :"helpers.submit.#{key}"
-      defaults << "#{key.to_s.humanize} #{model}"
-
-      I18n.t(defaults.shift, model: model, default: defaults)
-    end
-  end
-end

data/lib/components/form_hint.rb

@@ -1,17 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class FormHint < Base
-    STYLES = "text-[0.8rem] text-muted-foreground"
-
-    def initialize(message: nil, aria_id: nil, **attributes)
-      @message = message
-      @id = aria_id ? "#{aria_id}-description" : nil
-      super(**attributes)
-    end
-
-    def view_template(&)
-      p(id: @id, **@attributes) { @message }
-    end
-  end
-end

data/lib/components/hover_card.rb

@@ -1,33 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class HoverCard < Base
-    STYLES = "inline-block"
-
-    def initialize(side: :bottom, **attributes)
-      @side = side
-      super(**attributes)
-    end
-
-    def content(**attributes, &)
-      HoverCardContent(**attributes, &)
-    end
-
-    def trigger(**attributes, &)
-      HoverCardTrigger(side: @side, **attributes, &)
-    end
-
-    def default_attributes
-      {
-        data: {
-          controller: "shadcn-phlexcomponents--hover-card",
-          side: @side,
-        },
-      }
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/components/hover_card_content.rb

@@ -1,32 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class HoverCardContent < Base
-    STYLES = <<~HEREDOC
-      rounded-md border w-64 bg-popover p-4 text-popover-foreground shadow-md outline-none#{" "}
-      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: :bottom, **attributes)
-      @side = side
-      super(**attributes)
-    end
-
-    def view_template(&)
-      div(class: "hidden", data: { "shadcn-phlexcomponents--hover-card-target": "content" }) do
-        div(**@attributes, &)
-      end
-    end
-
-    def default_attributes
-      {
-        tabindex: -1,
-        data: {
-          side: @side,
-        },
-      }
-    end
-  end
-end

data/lib/components/hover_card_trigger.rb

@@ -1,44 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class HoverCardTrigger < Base
-    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
-
-        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",
-        data: {
-          as_child: @as_child.to_s,
-          "shadcn-phlexcomponents--hover-card-target": "trigger",
-        },
-      }
-    end
-  end
-end

data/lib/components/input.rb

@@ -1,32 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Input < Base
-    STYLES = <<~HEREDOC
-      flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1
-      text-base shadow-sm transition-colors file:border-0 file:bg-transparent
-      file:text-sm file:font-medium file:text-foreground 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(type: :text, name: nil, id: nil, **attributes)
-      @type = type
-      @name = name
-      @id = id || @name
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        type: @type,
-        name: @name,
-        id: @id,
-      }
-    end
-
-    def view_template(&)
-      input(**@attributes, &)
-    end
-  end
-end