shadcn_phlexcomponents 0.1.9 → 0.1.14

data/lib/shadcn_phlexcomponents/components/dialog/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->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

data/lib/shadcn_phlexcomponents/components/dialog/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%] pointer-events-auto
-      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: {
-          "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->dialog#close" }) do
-          icon("x", class: "size-4")
-          span(class: "sr-only") { "close" }
-        end
-      end
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/dialog/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/shadcn_phlexcomponents/components/dialog/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/shadcn_phlexcomponents/components/dialog/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/shadcn_phlexcomponents/components/dialog/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/shadcn_phlexcomponents/components/dialog/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->dialog#open",
-          "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/shadcn_phlexcomponents/components/dropdown_menu/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: "dropdown-menu",
-          side: @side,
-        },
-      }
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/dropdown_menu/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 pointer-events-auto
-      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: { "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,
-          "dropdown-menu-target": "content",
-          action: <<~HEREDOC,
-            keydown.up->dropdown-menu#focusLastItem:prevent
-            keydown.down->dropdown-menu#focusFirstItem:prevent
-          HEREDOC
-        },
-      }
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/dropdown_menu/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->dropdown-menu#selectItem
-            keydown.up->dropdown-menu#focusPrevItem:stop
-            keydown.down->dropdown-menu#focusNextItem:stop
-            keydown.enter->dropdown-menu#selectItem:prevent
-            keydown.space->dropdown-menu#selectItem:prevent
-            mouseover->dropdown-menu#focusItem
-            mouseout->dropdown-menu#focusContent
-          HEREDOC
-          "dropdown-menu-target": "item",
-        },
-      }
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/dropdown_menu/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/shadcn_phlexcomponents/components/dropdown_menu/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/shadcn_phlexcomponents/components/dropdown_menu/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/shadcn_phlexcomponents/components/dropdown_menu/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->dropdown-menu#toggle
-            keydown.space->dropdown-menu#toggle
-            keydown.enter->dropdown-menu#toggle
-            keydown.down->dropdown-menu#toggle:prevent
-          HEREDOC
-          "dropdown-menu-target": "trigger",
-        },
-      }
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/hover_card/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: "hover-card",
-          side: @side,
-        },
-      }
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/hover_card/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: { "hover-card-target": "content" }) do
-        div(**@attributes, &)
-      end
-    end
-
-    def default_attributes
-      {
-        tabindex: -1,
-        data: {
-          side: @side,
-        },
-      }
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/hover_card/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,
-          "hover-card-target": "trigger",
-        },
-      }
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/input/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:pt-1
-      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

data/lib/shadcn_phlexcomponents/components/label/label.rb

@@ -1,14 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Label < Base
-    STYLES = <<~HEREDOC
-      text-sm font-medium leading-none peer-disabled:cursor-not-allowed
-      peer-disabled:opacity-70 block
-    HEREDOC
-
-    def view_template(&)
-      label(**@attributes, &)
-    end
-  end
-end