shadcn_phlexcomponents 0.1.5 → 0.1.11

data/lib/components/toast.rb

@@ -1,101 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Toast < Base
-    STYLES = <<~HEREDOC
-      group pointer-events-auto relative flex w-full items-center justify-between
-      space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all
-      data-[state=open]:animate-in data-[state=closed]:animate-out#{" "}
-      data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full
-      data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full
-    HEREDOC
-
-    CLOSE_BUTTON_STYLES = <<~HEREDOC
-      absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity
-      hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100
-      group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400
-      group-[.destructive]:focus:ring-offset-red-600 cursor-pointer
-    HEREDOC
-
-    VARIANTS = {
-      default: "border bg-background text-foreground",
-      destructive: "destructive group border-destructive bg-destructive text-destructive-foreground",
-    }.freeze
-
-    def initialize(variant: :default, duration: 5000, **attributes)
-      @variant = variant
-      @duration = duration
-      super(**attributes)
-    end
-
-    def title(**attributes, &)
-      ToastTitle(data: { title: "" }, **attributes, &)
-    end
-
-    def description(**attributes, &)
-      ToastDescription(data: { description: "" }, **attributes, &)
-    end
-
-    def content(**attributes, &)
-      ToastContent(**attributes, &)
-    end
-
-    def action(**attributes, &)
-      ToastAction(variant: @variant, **attributes, &)
-    end
-
-    def action_to(name = nil, options = nil, html_options = nil, &block)
-      if block_given?
-        options ||= {}
-        options[:variant] = @variant
-      else
-        html_options ||= {}
-        html_options[:variant] = @variant
-      end
-
-      ToastActionTo(name, options, html_options, &block)
-    end
-
-    def default_styles
-      "#{STYLES} #{VARIANTS[@variant]}"
-    end
-
-    def default_attributes
-      {
-        role: "status",
-        tabindex: 0,
-        aria: {
-          live: "off",
-          atomic: "true",
-        },
-        data: {
-          duration: @duration,
-          state: "open",
-          controller: "shadcn-phlexcomponents--toast",
-          action: <<~HEREDOC,
-            focus->shadcn-phlexcomponents--toast#cancelDismiss
-            blur->shadcn-phlexcomponents--toast#dismiss
-            mouseover->shadcn-phlexcomponents--toast#cancelDismiss
-            mouseout->shadcn-phlexcomponents--toast#dismiss
-            keydown.esc->shadcn-phlexcomponents--toast#close
-          HEREDOC
-        },
-      }
-    end
-
-    def view_template(&)
-      li(**@attributes) do
-        yield
-        button(
-          type: "button",
-          class: CLOSE_BUTTON_STYLES,
-          data: {
-            action: "shadcn-phlexcomponents--toast#close",
-          },
-        ) do
-          icon("x", class: "size-4")
-        end
-      end
-    end
-  end
-end

data/lib/components/toast_action.rb

@@ -1,39 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class ToastAction < Base
-    STYLES = <<~HEREDOC
-      inline-flex h-8 shrink-0 items-center justify-center rounded-md border
-      bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary
-      focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none
-      disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30
-      group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground
-      group-[.destructive]:focus:ring-destructive cursor-pointer
-    HEREDOC
-
-    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
-
-        send(element.name, **merged_attributes) do
-          sanitize_as_child(element.children.to_s)
-        end
-      else
-        button(**@attributes, &)
-      end
-    end
-  end
-end

data/lib/components/toast_action_to.rb

@@ -1,28 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class ToastActionTo < ToastAction
-    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 ||= {}
-      @variant = @html_options.delete(:variant) || :default
-      @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/toast_content.rb

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

data/lib/components/toast_description.rb

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

data/lib/components/toast_title.rb

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

data/lib/components/tooltip.rb

@@ -1,34 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Tooltip < Base
-    STYLES = "inline-block"
-
-    def initialize(side: :top, aria_id: "tooltip-#{SecureRandom.hex(5)}", **attributes)
-      @side = side
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def trigger(**attributes, &)
-      render(TooltipTrigger.new(aria_id: @aria_id, **attributes, &))
-    end
-
-    def content(**attributes, &)
-      render(TooltipContent.new(side: @side, aria_id: @aria_id, **attributes, &))
-    end
-
-    def default_attributes
-      {
-        data: {
-          controller: "shadcn-phlexcomponents--tooltip",
-          side: @side,
-        },
-      }
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/components/tooltip_content.rb

@@ -1,39 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class TooltipContent < Base
-    STYLES = <<~HEREDOC
-      overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground
-      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: :top, aria_id: nil, **attributes)
-      @side = side
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def view_template(&)
-      div(class: "hidden", data: { "shadcn-phlexcomponents--tooltip-target": "content" }) do
-        div(**@attributes, &)
-
-        span(
-          id: "#{@aria_id}-content",
-          role: "tooltip",
-          class: "sr-only",
-          &
-        )
-      end
-    end
-
-    def default_attributes
-      {
-        data: {
-          side: @side,
-        },
-      }
-    end
-  end
-end

data/lib/components/tooltip_trigger.rb

@@ -1,48 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class TooltipTrigger < 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: @id,
-        role: "button",
-        aria: {
-          describedby: "#{@aria_id}-content",
-        },
-        data: {
-          as_child: @as_child.to_s,
-          "shadcn-phlexcomponents--tooltip-target": "trigger",
-        },
-      }
-    end
-  end
-end