shadcn_phlexcomponents 0.1.5 → 0.1.11

data/lib/components/accordion_content.rb

@@ -1,30 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class AccordionContent < Base
-    STYLES = "pb-4 pt-0"
-
-    def initialize(aria_id: :nil, **attributes)
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def view_template(&)
-      div(
-        class: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up
-                  data-[state=open]:animate-accordion-down hidden",
-        id: "#{@aria_id}-content",
-        role: "region",
-        aria: {
-          labelledby: "#{@aria_id}-trigger",
-        },
-        data: {
-          state: "closed",
-          "shadcn-phlexcomponents--accordion-target": "content",
-        },
-      ) do
-        div(**@attributes, &)
-      end
-    end
-  end
-end

data/lib/components/accordion_item.rb

@@ -1,26 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class AccordionItem < Base
-    STYLES = "border-b"
-
-    def initialize(value:, **attributes)
-      @value = value
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        data: {
-          state: "closed",
-          value: @value,
-          "shadcn-phlexcomponents--accordion-target": "item",
-        },
-      }
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/components/accordion_trigger.rb

@@ -1,45 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class AccordionTrigger < Base
-    STYLES = <<~HEREDOC
-      flex flex-1 items-center justify-between py-4 text-sm font-medium cursor-pointer
-      transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180
-    HEREDOC
-
-    def initialize(aria_id: nil, **attributes)
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        type: "button",
-        id: "#{@aria_id}-trigger",
-        aria: {
-          controls: "#{@aria_id}-content",
-          expanded: "false",
-        },
-        data: {
-          state: "closed",
-          "shadcn-phlexcomponents--accordion-target": "trigger",
-          action: <<~HEREDOC,
-            click->shadcn-phlexcomponents--accordion#toggleItem
-            keydown.up->shadcn-phlexcomponents--accordion#focusPrev:prevent
-            keydown.down->shadcn-phlexcomponents--accordion#focusNext:prevent
-          HEREDOC
-        },
-      }
-    end
-
-    def view_template(&)
-      h3(class: "flex") do
-        button(**@attributes) do
-          yield
-
-          icon("chevron-down", class: "size-4 shrink-0 text-muted-foreground transition-transform duration-200")
-        end
-      end
-    end
-  end
-end

data/lib/components/alert.rb

@@ -1,40 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Alert < Base
-    STYLES = <<~HEREDOC
-      relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px]
-      [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7
-    HEREDOC
-
-    VARIANTS = {
-      default: "bg-background text-foreground",
-      destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
-    }.freeze
-
-    def initialize(variant: :default, **attributes)
-      @variant = variant
-      super(**attributes)
-    end
-
-    def title(**attributes, &)
-      AlertTitle(**attributes, &)
-    end
-
-    def description(**attributes, &)
-      AlertDescription(**attributes, &)
-    end
-
-    def default_attributes
-      { role: "alert" }
-    end
-
-    def default_styles
-      "#{STYLES} #{VARIANTS[@variant]}"
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/components/alert_description.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class AlertDescription < Base
-    STYLES = "text-sm [&_p]:leading-relaxed"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/components/alert_dialog.rb

@@ -1,60 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class AlertDialog < Base
-    STYLES = "inline-block"
-
-    def initialize(aria_id: "alert-dialog-#{SecureRandom.hex(5)}", **attributes)
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def trigger(**attributes, &)
-      AlertDialogTrigger(aria_id: @aria_id, **attributes, &)
-    end
-
-    def content(**attributes, &)
-      AlertDialogContent(aria_id: @aria_id, **attributes, &)
-    end
-
-    def header(**attributes, &)
-      AlertDialogHeader(**attributes, &)
-    end
-
-    def title(**attributes, &)
-      AlertDialogTitle(aria_id: @aria_id, **attributes, &)
-    end
-
-    def description(**attributes, &)
-      AlertDialogDescription(aria_id: @aria_id, **attributes, &)
-    end
-
-    def footer(**attributes, &)
-      AlertDialogFooter(**attributes, &)
-    end
-
-    def cancel(**attributes, &)
-      AlertDialogCancel(**attributes, &)
-    end
-
-    def action(**attributes, &)
-      AlertDialogAction(**attributes, &)
-    end
-
-    def action_to(name = nil, options = nil, html_options = nil, &block)
-      AlertDialogActionTo(name, options, html_options, &block)
-    end
-
-    def default_attributes
-      {
-        data: {
-          controller: "shadcn-phlexcomponents--alert-dialog",
-        },
-      }
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/components/alert_dialog_action.rb

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class AlertDialogAction < Base
-    def initialize(variant: :primary, **attributes)
-      @variant = variant
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        data: {
-          action: "click->shadcn-phlexcomponents--alert-dialog#close",
-        },
-      }
-    end
-
-    def view_template(&)
-      Button(variant: @variant, **@attributes, &)
-    end
-  end
-end

data/lib/components/alert_dialog_action_to.rb

@@ -1,40 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class AlertDialogActionTo < Base
-    def initialize(name = nil, options = nil, html_options = nil)
-      @name = name
-      @options = options
-      @html_options = html_options
-    end
-
-    def default_attributes
-      {
-        data: {
-          action: "click->shadcn-phlexcomponents--alert-dialog#close",
-        },
-      }
-    end
-
-    def default_styles
-      Button.default_styles(variant: @variant, size: :default)
-    end
-
-    def view_template(&)
-      if block_given?
-        @html_options = @options
-        @options = @name
-      end
-      @html_options ||= {}
-      @variant = @html_options.delete(:variant) || :primary
-      @html_options = mix(default_attributes, @html_options)
-      @html_options[:class] = TAILWIND_MERGER.merge("#{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/alert_dialog_cancel.rb

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class AlertDialogCancel < Base
-    def initialize(variant: :outline, **attributes)
-      @variant = variant
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        data: {
-          action: "click->shadcn-phlexcomponents--alert-dialog#close",
-        },
-      }
-    end
-
-    def view_template(&)
-      Button(variant: @variant, **@attributes, &)
-    end
-  end
-end

data/lib/components/alert_dialog_content.rb

@@ -1,40 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class AlertDialogContent < Base
-    STYLES = <<~HEREDOC
-      fixed left-[50%] top-[50%] z-50 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
-
-    def initialize(aria_id: nil, **attributes)
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        id: "#{@aria_id}-content",
-        tabindex: -1,
-        role: "alertdialog",
-        aria: {
-          describedby: "#{@aria_id}-description",
-          labelledby: "#{@aria_id}-title",
-        },
-        data: {
-          state: "closed",
-          "shadcn-phlexcomponents--alert-dialog-target": "content",
-        },
-      }
-    end
-
-    def view_template(&)
-      @class = @attributes.delete(:class)
-      div(class: "#{@class} hidden", **@attributes, &)
-    end
-  end
-end

data/lib/components/alert_dialog_description.rb

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class AlertDialogDescription < Base
-    STYLES = "text-sm text-muted-foreground"
-
-    def initialize(aria_id:, **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/alert_dialog_footer.rb

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

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

data/lib/components/alert_dialog_title.rb

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class AlertDialogTitle < Base
-    STYLES = "text-lg font-semibold"
-
-    def initialize(aria_id:, **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/alert_dialog_trigger.rb

@@ -1,50 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class AlertDialogTrigger < 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--alert-dialog#open",
-          "shadcn-phlexcomponents--alert-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/alert_title.rb

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

data/lib/components/avatar.rb

@@ -1,31 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Avatar < Base
-    STYLES = "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full"
-
-    def initialize(**attributes)
-      super(**attributes)
-    end
-
-    def image(**attributes, &)
-      AvatarImage(**attributes, &)
-    end
-
-    def fallback(**attributes, &)
-      AvatarFallback(**attributes, &)
-    end
-
-    def default_attributes
-      {
-        data: {
-          controller: "shadcn-phlexcomponents--avatar",
-        },
-      }
-    end
-
-    def view_template(&)
-      span(**@attributes, &)
-    end
-  end
-end

data/lib/components/avatar_fallback.rb

@@ -1,21 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class AvatarFallback < Base
-    STYLES = "flex h-full w-full items-center justify-center rounded-full bg-muted"
-
-    def default_attributes
-      {
-        data: {
-          "shadcn-phlexcomponents--avatar-target": "fallback",
-        },
-      }
-    end
-
-    def view_template(&)
-      @class = @attributes.delete(:class)
-
-      span(class: "#{@class} hidden", **@attributes, &)
-    end
-  end
-end

data/lib/components/avatar_image.rb

@@ -1,19 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class AvatarImage < Base
-    STYLES = "aspect-square h-full w-full"
-
-    def default_attributes
-      {
-        data: {
-          "shadcn-phlexcomponents--avatar-target": "image",
-        },
-      }
-    end
-
-    def view_template(&)
-      img(**@attributes, &)
-    end
-  end
-end

data/lib/components/badge.rb

@@ -1,30 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Badge < Base
-    STYLES = <<~HEREDOC
-      inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold
-      transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2
-    HEREDOC
-
-    VARIANTS = {
-      primary: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
-      secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-      destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
-      outline: "text-foreground",
-    }.freeze
-
-    def initialize(variant: :primary, **attributes)
-      @variant = variant
-      super(**attributes)
-    end
-
-    def default_styles
-      "#{STYLES} #{VARIANTS[@variant]}"
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/components/breadcrumb.rb

@@ -1,51 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Breadcrumb < Base
-    STYLES = "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5"
-
-    def item(**attributes, &)
-      BreadcrumbItem(**attributes, &)
-    end
-
-    def link(name = nil, options = nil, html_options = nil, &block)
-      BreadcrumbLink(name, options, html_options, &block)
-    end
-
-    def separator(**attributes, &)
-      BreadcrumbSeparator(**attributes, &)
-    end
-
-    def page(**attributes, &)
-      BreadcrumbPage(**attributes, &)
-    end
-
-    def ellipsis(**attributes)
-      BreadcrumbEllipsis(**attributes)
-    end
-
-    def links(collection)
-      collection.each_with_index do |link, index|
-        if index == collection.size - 1
-          item do
-            page { link[:name] }
-          end
-        else
-          item do
-            link(link[:name], link[:path])
-          end
-        end
-
-        if index < collection.size - 1
-          separator
-        end
-      end
-    end
-
-    def view_template(&)
-      nav(aria: { label: "breadcrumb" }) do
-        ol(**@attributes, &)
-      end
-    end
-  end
-end

data/lib/components/breadcrumb_ellipsis.rb

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

data/lib/components/breadcrumb_item.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class BreadcrumbItem < Base
-    STYLES = "inline-flex items-center gap-1.5"
-
-    def view_template(&)
-      li(**@attributes, &)
-    end
-  end
-end

data/lib/components/breadcrumb_link.rb

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class BreadcrumbLink < Link
-    STYLES = "transition-colors hover:text-foreground"
-  end
-end