shadcn_phlexcomponents 0.1.5 → 0.1.11

data/lib/components/select_content.rb

@@ -1,64 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SelectContent < Base
-    STYLES = <<~HEREDOC
-      relative z-50 min-w-[8rem] max-h-108 overflow-y-auto overflow-x-hidden rounded-md border
-      bg-popover text-popover-foreground  p-1 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
-      data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1#{" "}
-      data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1
-    HEREDOC
-
-    def initialize(side: :bottom, include_blank: false, native: false, dir: "ltr", aria_id: nil, **attributes)
-      @side = side
-      @include_blank = include_blank
-      @native = native
-      @dir = dir
-      @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--select-target": "contentWrapper" },
-      ) do
-        div(**@attributes) do
-          if @include_blank && !@native
-            SelectItem(aria_id: @aria_id, value: "", class: "h-8", hide_icon: true) do
-              @include_blank.is_a?(String) ? @include_blank : ""
-            end
-          end
-
-          yield
-        end
-      end
-    end
-
-    def default_attributes
-      {
-        id: "#{@aria_id}-content",
-        dir: @dir,
-        tabindex: -1,
-        role: "listbox",
-        aria: {
-          labelledby: "#{@aria_id}-trigger",
-          orientation: "vertical",
-        },
-        data: {
-          state: "closed",
-          side: @side,
-          "shadcn-phlexcomponents--select-target": "content",
-          action: <<~HEREDOC,
-            keydown.up->shadcn-phlexcomponents--select#focusLastItem:prevent
-            keydown.down->shadcn-phlexcomponents--select#focusFirstItem:prevent
-          HEREDOC
-        },
-      }
-    end
-  end
-end

data/lib/components/select_group.rb

@@ -1,23 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SelectGroup < Base
-    def initialize(aria_id:, **attributes)
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-
-    def default_attributes
-      {
-        role: "group",
-        data: {
-          "shadcn-phlexcomponents--select-target": "group",
-        },
-      }
-    end
-  end
-end

data/lib/components/select_item.rb

@@ -1,59 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SelectItem < Base
-    STYLES = <<~HEREDOC
-      group/item relative flex w-full cursor-default select-none items-center
-      rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent
-      focus:text-accent-foreground data-[disabled]:pointer-events-none#{" "}
-      data-[disabled]:opacity-50
-    HEREDOC
-
-    def initialize(value: nil, disabled: false, hide_icon: false, aria_id: nil, **attributes)
-      @value = value
-      @disabled = disabled
-      @aria_id = aria_id
-      @hide_icon = hide_icon
-      @aria_labelledby = "#{@aria_id}-#{@value.dasherize.parameterize}"
-      super(**attributes)
-    end
-
-    def view_template(&)
-      div(**@attributes) do
-        span(id: @aria_labelledby, &)
-
-        unless @hide_icon
-          span(class: "absolute right-2 h-3.5 w-3.5 items-center hidden justify-center
-                      group-aria-[selected=true]/item:flex") do
-            icon("check", class: "size-4")
-          end
-        end
-      end
-    end
-
-    def default_attributes
-      {
-        role: "option",
-        tabindex: -1,
-        aria: {
-          selected: false,
-          labelledby: @aria_labelledby,
-        },
-        data: {
-          disabled: @disabled,
-          value: @value,
-          action: <<~HEREDOC,
-            click->shadcn-phlexcomponents--select#selectItem
-            keydown.up->shadcn-phlexcomponents--select#focusPrevItem:prevent:stop
-            keydown.down->shadcn-phlexcomponents--select#focusNextItem:prevent:stop
-            keydown.enter->shadcn-phlexcomponents--select#selectItem:prevent
-            keydown.space->shadcn-phlexcomponents--select#selectItem:prevent
-            mouseover->shadcn-phlexcomponents--select#focusItem
-            mouseout->shadcn-phlexcomponents--select#focusContent
-          HEREDOC
-          "shadcn-phlexcomponents--select-target": "item",
-        },
-      }
-    end
-  end
-end

data/lib/components/select_label.rb

@@ -1,24 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SelectLabel < Base
-    STYLES = "px-2 py-1.5 text-sm font-semibold"
-
-    def initialize(aria_id: nil, **attributes)
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-
-    def default_attributes
-      {
-        data: {
-          "shadcn-phlexcomponents--select-target": "label",
-        },
-      }
-    end
-  end
-end

data/lib/components/select_trigger.rb

@@ -1,56 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SelectTrigger < Base
-    STYLES = <<~HEREDOC
-      flex h-9 items-center justify-between whitespace-nowrap rounded-md border
-      border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background#{" "}
-      data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1
-      focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1
-      w-full cursor-pointer
-    HEREDOC
-
-    def initialize(id: nil, value: nil, placeholder: nil, dir: "ltr", aria_id: nil, **attributes)
-      @id = id
-      @value = value
-      @placeholder = placeholder
-      @dir = dir
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def view_template
-      button(**@attributes) do
-        span(class: "pointer-events-none", data: { "shadcn-phlexcomponents--select-target": "triggerText" }) do
-          @value || @placeholder
-        end
-
-        icon("chevron-down", class: "size-4 opacity-50")
-      end
-    end
-
-    def default_attributes
-      {
-        type: "button",
-        id: @id,
-        dir: @dir,
-        role: "combobox",
-        aria: {
-          autocomplete: "none",
-          expanded: false,
-          controls: "#{@aria_id}-content",
-        },
-        data: {
-          placeholder: @placeholder.present?,
-          placeholder_text: @placeholder,
-          action: <<~HEREDOC,
-            click->shadcn-phlexcomponents--select#toggle
-            keydown.down->shadcn-phlexcomponents--select#toggle:prevent
-            keydown.up->shadcn-phlexcomponents--select#toggle:prevent
-          HEREDOC
-          "shadcn-phlexcomponents--select-target": "trigger",
-        },
-      }
-    end
-  end
-end

data/lib/components/sheet.rb

@@ -1,53 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Sheet < Base
-    STYLES = "inline-block"
-
-    def initialize(side: :right, aria_id: "sheet-#{SecureRandom.hex(5)}", **attributes)
-      @side = side
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def trigger(**attributes, &)
-      SheetTrigger(aria_id: @aria_id, **attributes, &)
-    end
-
-    def content(**attributes, &)
-      SheetContent(side: @side, aria_id: @aria_id, **attributes, &)
-    end
-
-    def header(**attributes, &)
-      SheetHeader(**attributes, &)
-    end
-
-    def title(**attributes, &)
-      SheetTitle(aria_id: @aria_id, **attributes, &)
-    end
-
-    def description(**attributes, &)
-      SheetDescription(aria_id: @aria_id, **attributes, &)
-    end
-
-    def footer(**attributes, &)
-      SheetFooter(**attributes, &)
-    end
-
-    def close(**attributes, &)
-      SheetClose(**attributes, &)
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-
-    def default_attributes
-      {
-        data: {
-          controller: "shadcn-phlexcomponents--sheet",
-        },
-      }
-    end
-  end
-end

data/lib/components/sheet_close.rb

@@ -1,42 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SheetClose < 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
-      {
-        role: "button",
-        data: {
-          action: "click->shadcn-phlexcomponents--sheet#close",
-        },
-      }
-    end
-  end
-end

data/lib/components/sheet_content.rb

@@ -1,65 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SheetContent < Base
-    STYLES = <<~HEREDOC
-      fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out
-      data-[state=closed]:duration-300 data-[state=open]:duration-500
-      data-[state=open]:animate-in data-[state=closed]:animate-out
-    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
-
-    SIDES = {
-      left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left
-            data-[state=open]:slide-in-from-left sm:max-w-sm",
-      right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right
-            data-[state=open]:slide-in-from-right sm:max-w-sm",
-      top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-      bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom
-            data-[state=open]:slide-in-from-bottom",
-    }
-
-    def initialize(side: :right, aria_id: nil, **attributes)
-      @side = side
-      @aria_id = aria_id
-      super(**attributes)
-    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--sheet#close" }) do
-          icon("x", class: "size-4")
-          span(class: "sr-only") { "close" }
-        end
-      end
-    end
-
-    def default_attributes
-      {
-        id: "#{@aria_id}-content",
-        tabindex: -1,
-        role: "dialog",
-        aria: {
-          describedby: "#{@aria_id}-description",
-          labelledby: "#{@aria_id}-title",
-        },
-        data: {
-          "shadcn-phlexcomponents--sheet-target": "content",
-        },
-      }
-    end
-
-    def default_styles
-      "#{STYLES} #{SIDES[@side]}"
-    end
-  end
-end

data/lib/components/sheet_description.rb

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SheetDescription < 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/sheet_footer.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SheetFooter < 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/sheet_header.rb

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

data/lib/components/sheet_title.rb

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SheetTitle < Base
-    STYLES = "text-lg font-semibold text-foreground"
-
-    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/sheet_trigger.rb

@@ -1,50 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SheetTrigger < 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->shadcn-phlexcomponents--sheet#open",
-          "shadcn-phlexcomponents--sheet-target": "trigger",
-        },
-      }
-    end
-  end
-end

data/lib/components/sidebar.rb

@@ -1,108 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Sidebar < Base
-    STYLES = <<~HEREDOC
-      bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col
-      group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border
-      group-data-[variant=floating]:shadow
-    HEREDOC
-
-    PANEL_STYLES = {
-      sidebar: "group-data-[side=left]:border-r group-data-[side=right]:border-l",
-      floating: "p-2",
-      inset: "p-2",
-    }
-
-    def initialize(id:, variant: :sidebar, side: :left, width: "16rem", expanded: true, **attributes)
-      @id = id
-      @variant = variant
-      @side = side
-      @width = width
-      @expanded = expanded
-      super(**attributes)
-    end
-
-    def header(**attributes, &)
-      SidebarHeader(**attributes, &)
-    end
-
-    def content(**attributes, &)
-      SidebarContent(**attributes, &)
-    end
-
-    def group(**attributes, &)
-      SidebarGroup(**attributes, &)
-    end
-
-    def group_content(**attributes, &)
-      SidebarGroupContent(**attributes, &)
-    end
-
-    def group_label(**attributes, &)
-      SidebarGroupLabel(**attributes, &)
-    end
-
-    def menu(**attributes, &)
-      SidebarMenu(**attributes, &)
-    end
-
-    def menu_item(**attributes, &)
-      SidebarMenuItem(**attributes, &)
-    end
-
-    def menu_button(**attributes, &)
-      SidebarMenuButton(**attributes, &)
-    end
-
-    def menu_sub(**attributes, &)
-      SidebarMenuSub(**attributes, &)
-    end
-
-    def menu_sub_item(**attributes, &)
-      SidebarMenuSubItem(**attributes, &)
-    end
-
-    def menu_sub_button(**attributes, &)
-      SidebarMenuSubButton(**attributes, &)
-    end
-
-    def footer(**attributes, &)
-      SidebarFooter(**attributes, &)
-    end
-
-    def view_template(&)
-      div(
-        id: @id,
-        class: "group peer hidden md:block",
-        style: { "--sidebar-width": @width },
-        data: {
-          side: @side,
-          variant: @variant,
-          collapsible: @expanded ? "" : "offcanvas",
-          sidebar_id: @sidebar_id,
-          state: @expanded ? "expanded" : "collapsed",
-          controller: "shadcn-phlexcomponents--sidebar",
-        },
-      ) do
-        div(
-          class: "relative h-svh w-[var(--sidebar-width)] bg-transparent transition-[width] duration-200
-                    ease-linear group-data-[collapsible=offcanvas]:w-0 group-data-[side=right]:rotate-180
-                    group-data-[collapsible=icon]:w-[--sidebar-width-icon]",
-          data: { "shadcn-phlexcomponents--sidebar-target": "panelOffset" },
-        )
-
-        div(
-          class: "fixed inset-y-0 z-10 hidden h-svh w-[var(--sidebar-width)] transition-[left,right,width] duration-200
-                    ease-linear md:flex left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]
-                    group-data-[collapsible=icon]:w-[--sidebar-width-icon] #{PANEL_STYLES[@variant]}",
-          data: {
-            "shadcn-phlexcomponents--sidebar-target": "panel",
-          },
-        ) do
-          div(**@attributes, &)
-        end
-      end
-    end
-  end
-end

data/lib/components/sidebar_container.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SidebarContainer < Base
-    STYLES = "group/sidebar-wrapper text-sidebar-foreground has-[[data-variant=inset]]:bg-sidebar flex min-h-svh w-full"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/components/sidebar_content.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SidebarContent < Base
-    STYLES = "flex min-h-0 flex-1 flex-col gap-2 overflow-auto"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/components/sidebar_footer.rb

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

data/lib/components/sidebar_group.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SidebarGroup < Base
-    STYLES = "relative flex w-full min-w-0 flex-col p-2"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/components/sidebar_group_content.rb

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