shadcn_phlexcomponents 0.1.9 → 0.1.11

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

data/lib/shadcn_phlexcomponents/components/pagination/pagination.rb

@@ -1,38 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Pagination < Base
-    STYLES = "mx-auto flex w-full justify-center"
-
-    def link(**attributes, &)
-      PaginationLink(**attributes, &)
-    end
-
-    def previous(**attributes, &)
-      PaginationPrevious(**attributes, &)
-    end
-
-    def next(**attributes, &)
-      PaginationNext(**attributes, &)
-    end
-
-    def ellipsis(**attributes, &)
-      PaginationEllipsis(**attributes, &)
-    end
-
-    def default_attributes
-      {
-        role: "navigation",
-        aria: {
-          label: "navigation",
-        },
-      }
-    end
-
-    def view_template(&)
-      div(**@attributes) do
-        ul(class: "flex flex-row items-center gap-1", &)
-      end
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/pagination/pagination_ellipsis.rb

@@ -1,24 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class PaginationEllipsis < Base
-    STYLES = "flex h-9 w-9 items-center justify-center"
-
-    def default_attributes
-      {
-        aria: {
-          hidden: "true",
-        },
-      }
-    end
-
-    def view_template
-      li do
-        span(**@attributes) do
-          icon("ellipsis", class: "size-4")
-          span(class: "sr-only") { "More pages" }
-        end
-      end
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/pagination/pagination_link.rb

@@ -1,34 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class PaginationLink < Base
-    def initialize(href: nil, active: false, **attributes)
-      @href = href
-      @active = active
-      super(**attributes)
-    end
-
-    def default_styles
-      if @active
-        Button.default_styles(variant: :outline, size: :icon)
-      else
-        Button.default_styles(variant: :ghost, size: :icon)
-      end
-    end
-
-    def default_attributes
-      {
-        href: @href,
-        aria: {
-          current: @active ? "page" : nil,
-        },
-      }
-    end
-
-    def view_template(&)
-      li do
-        a(**@attributes, &)
-      end
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/pagination/pagination_next.rb

@@ -1,32 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class PaginationNext < Base
-    def initialize(href: nil, **attributes)
-      @href = href
-      super(**attributes)
-    end
-
-    def default_styles
-      "#{Button.default_styles(variant: :ghost, size: :default)} gap-1 pr-2.5"
-    end
-
-    def default_attributes
-      {
-        href: @href,
-        aria: {
-          label: "Go to next page",
-        },
-      }
-    end
-
-    def view_template(&)
-      li do
-        a(**@attributes) do
-          span { "Next" }
-          icon("chevron-right", class: "size-4")
-        end
-      end
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/pagination/pagination_previous.rb

@@ -1,32 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class PaginationPrevious < Base
-    def initialize(href: nil, **attributes)
-      @href = href
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        href: @href,
-        aria: {
-          label: "Go to previous page",
-        },
-      }
-    end
-
-    def default_styles
-      "#{Button.default_styles(variant: :ghost, size: :default)} gap-1 pl-2.5"
-    end
-
-    def view_template(&)
-      li do
-        a(**@attributes) do
-          icon("chevron-left", class: "size-4")
-          span { "Previous" }
-        end
-      end
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/popover/popover.rb

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

data/lib/shadcn_phlexcomponents/components/popover/popover_content.rb

@@ -1,40 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class PopoverContent < Base
-    STYLES = <<~HEREDOC
-      z-50 rounded-md border w-72 bg-popover p-4 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: { "popover-target": "contentWrapper" },
-      ) do
-        div(**@attributes, &)
-      end
-    end
-
-    def default_attributes
-      {
-        id: "#{@aria_id}-content",
-        tabindex: -1,
-        role: "dialog",
-        data: {
-          side: @side,
-          "popover-target": "content",
-        },
-      }
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/popover/popover_trigger.rb

@@ -1,50 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class PopoverTrigger < 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
-      {
-        role: "button",
-        aria: {
-          haspopup: "dialog",
-          expanded: false,
-          controls: "#{@aria_id}-content",
-        },
-        data: {
-          as_child: @as_child.to_s,
-          action: "click->popover#toggle",
-          "popover-target": "trigger",
-        },
-      }
-    end
-  end
-end