shadcn_phlexcomponents 0.1.9 → 0.1.11

data/lib/shadcn_phlexcomponents/components/alert_dialog/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%] 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
-
-    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",
-          "alert-dialog-target": "content",
-        },
-      }
-    end
-
-    def view_template(&)
-      @class = @attributes.delete(:class)
-      div(class: "#{@class} hidden", **@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/alert_dialog/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/shadcn_phlexcomponents/components/alert_dialog/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/shadcn_phlexcomponents/components/alert_dialog/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/shadcn_phlexcomponents/components/alert_dialog/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/shadcn_phlexcomponents/components/alert_dialog/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->alert-dialog#open",
-          "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/shadcn_phlexcomponents/components/avatar/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: "avatar",
-        },
-      }
-    end
-
-    def view_template(&)
-      span(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/avatar/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: {
-          "avatar-target": "fallback",
-        },
-      }
-    end
-
-    def view_template(&)
-      @class = @attributes.delete(:class)
-
-      span(class: "#{@class} hidden", **@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/avatar/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: {
-          "avatar-target": "image",
-        },
-      }
-    end
-
-    def view_template(&)
-      img(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/badge/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(&)
-      span(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/breadcrumb/breadcrumb.rb

@@ -1,53 +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
-
-      nil
-    end
-
-    def view_template(&)
-      nav(aria: { label: "breadcrumb" }) do
-        ol(**@attributes, &)
-      end
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/breadcrumb/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/shadcn_phlexcomponents/components/breadcrumb/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/shadcn_phlexcomponents/components/breadcrumb/breadcrumb_link.rb

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

data/lib/shadcn_phlexcomponents/components/breadcrumb/breadcrumb_page.rb

@@ -1,21 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class BreadcrumbPage < Base
-    STYLES = "font-normal text-foreground"
-
-    def default_attributes
-      {
-        role: "link",
-        aria: {
-          disabled: "true",
-          current: "page",
-        },
-      }
-    end
-
-    def view_template(&)
-      span(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/breadcrumb/breadcrumb_separator.rb

@@ -1,26 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class BreadcrumbSeparator < Base
-    STYLES = "[&>svg]:w-3.5 [&>svg]:h-3.5"
-
-    def default_attributes
-      {
-        role: "presentation",
-        aria: {
-          hidden: "true",
-        },
-      }
-    end
-
-    def view_template(&)
-      li(**@attributes) do
-        if block_given?
-          yield
-        else
-          icon("chevron-right")
-        end
-      end
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/button/button.rb

@@ -1,53 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Button < Base
-    STYLES = <<~HEREDOC
-      inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm
-      font-medium transition-colors focus-visible:outline-none focus-visible:ring-1
-      focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50
-      [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer
-    HEREDOC
-
-    VARIANTS = {
-      primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-      secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-      destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-      outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground",
-      ghost: "hover:bg-accent hover:text-accent-foreground",
-      link: "text-primary underline-offset-4 hover:underline",
-    }.freeze
-
-    SIZES = {
-      default: "h-9 px-4 py-2",
-      sm: "h-8 px-3 text-xs",
-      lg: "h-10 px-8",
-      icon: "h-9 w-9",
-    }
-
-    class << self
-      def default_styles(variant:, size:)
-        "#{STYLES} #{VARIANTS[variant]} #{SIZES[size]}"
-      end
-    end
-
-    def initialize(variant: :primary, size: :default, type: :button, **attributes)
-      @type = type
-      @variant = variant
-      @size = size
-      super(**attributes)
-    end
-
-    def default_attributes
-      { type: @type }
-    end
-
-    def default_styles
-      self.class.default_styles(variant: @variant, size: @size)
-    end
-
-    def view_template(&)
-      button(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/card/card.rb

@@ -1,31 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Card < Base
-    STYLES = "rounded-xl border bg-card text-card-foreground shadow"
-
-    def header(**attributes, &)
-      CardHeader(**attributes, &)
-    end
-
-    def title(**attributes, &)
-      CardTitle(**attributes, &)
-    end
-
-    def description(**attributes, &)
-      CardDescription(**attributes, &)
-    end
-
-    def content(**attributes, &)
-      CardContent(**attributes, &)
-    end
-
-    def footer(**attributes, &)
-      CardFooter(**attributes, &)
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/card/card_content.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class CardContent < Base
-    STYLES = "p-6 pt-0"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/card/card_description.rb

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

data/lib/shadcn_phlexcomponents/components/card/card_footer.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class CardFooter < Base
-    STYLES = "flex items-center p-6 pt-0"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/card/card_header.rb

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

data/lib/shadcn_phlexcomponents/components/card/card_title.rb

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

data/lib/shadcn_phlexcomponents/components/collapsible/collapsible.rb

@@ -1,31 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Collapsible < Base
-    def initialize(open: false, aria_id: "collapsible-#{SecureRandom.hex(5)}", **attributes)
-      @open = open
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def trigger(**attributes, &)
-      CollapsibleTrigger(open: @open, aria_id: @aria_id, **attributes, &)
-    end
-
-    def content(**attributes, &)
-      CollapsibleContent(aria_id: @aria_id, **attributes, &)
-    end
-
-    def default_attributes
-      {
-        data: {
-          controller: "collapsible",
-        },
-      }
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/collapsible/collapsible_content.rb

@@ -1,24 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class CollapsibleContent < Base
-    def initialize(aria_id: :nil, **attributes)
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        id: "#{@aria_id}-content",
-        data: {
-          "collapsible-target": "content",
-        },
-      }
-    end
-
-    def view_template(&)
-      @class = @attributes.delete(:class)
-      div(class: "#{@class} hidden", **@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/collapsible/collapsible_trigger.rb

@@ -1,50 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class CollapsibleTrigger < Base
-    def initialize(open: false, as_child: false, aria_id: nil, **attributes)
-      @open = open
-      @as_child = as_child
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        role: "button",
-        aria: {
-          expanded: @open.to_s,
-          controls: "#{@aria_id}-content",
-        },
-        data: {
-          state: @open ? "open" : "closed",
-          action: "click->collapsible#toggle",
-          "collapsible-target": "trigger",
-        },
-      }
-    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