phlex_ui 0.0.5 → 0.1.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 997466eeaf90ee785e93f2bbb17ddf3014db28e538cfd2b5bb1177800b7eff41
-  data.tar.gz: a876736cf42046f4eda6e974ca8d48a2ffceb29dc49679bf2a857815a2d14c4e
+  metadata.gz: 443bba42189a98a9688d7218421e85da741c759ee3e9d7720817d4623ebbb85e
+  data.tar.gz: 92b24956dbcb18b4ba30be83a9f1fa736e9679fad74eb36522a1a8b97f085e0c
 SHA512:
-  metadata.gz: ca6af73e57c9c22983f4eab367a894bbcdba53e8b16b707ec14accf80f1faa81994f45f2ea34ffb1867cc800875bce96c7d716043f418b1aa88aa1adfcc3049d
-  data.tar.gz: 6fb432282362714d0a1b048e476dc15d7ad38f60ef26c311eaeefe35fcca31b9b34b72224f61147b991fd832c148f1380fa556eb878abe5ecf27dd3a50c8ea46
+  metadata.gz: 589b3e9cf3fdd3c09cb137d6dd8183d3ffed38a4ab87329337224e2320b9555b45b201df3006002c55f04011564be28719775fac8c12d459cc61601bf1553c76
+  data.tar.gz: e5fbd20b89c5a55f9aefe048f74d19f6241c0b7af7d047405a455b785d8d84251ce528dcd8a1198a6c5ed62a23cfa8e1908b2d8fbd4da5f70457b3135893b67f

data/lib/phlex_ui/accordion/builder.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module PhlexUI
+  class Accordion::Builder < Base
+    def template(&block)
+      render PhlexUI::Accordion.new(**attrs) do
+        block.call
+      end
+    end
+
+    def add_item(title, content, open: false)
+      render Accordion::Item.new(open: open) do
+        render PhlexUI::Accordion::Trigger.new do
+          render PhlexUI::Accordion::DefaultTrigger.new { title }
+        end
+        render PhlexUI::Accordion::Content.new do
+          render PhlexUI::Accordion::DefaultContent.new { content }
+        end
+      end
+    end
+  end
+end

data/lib/phlex_ui/accordion/content.rb

@@ -1,21 +1,21 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Accordion::Content < Base
-        def template(&)
-            div(**attrs, &)
-        end
+  class Accordion::Content < Base
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                data: { 
-                    accordion_target: "content" 
-                }, 
-                class: 'overflow-y-hidden',
-                style: 'height: 0px;'
-            }
-        end
+    def default_attrs
+      {
+        data: {
+          accordion_target: "content"
+        },
+        class: "overflow-y-hidden",
+        style: "height: 0px;"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/accordion/default_content.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Accordion::DefaultContent < Base
-        def template(&)
-            div(**attrs, &)
-        end
+  class Accordion::DefaultContent < Base
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: 'pb-4 pt-0 text-sm'
-            }
-        end
+    def default_attrs
+      {
+        class: "pb-4 pt-0 text-sm"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/accordion/default_trigger.rb

@@ -1,19 +1,19 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Accordion::DefaultTrigger < Base
-        def template(&)
-            div(class: "flex items-center justify-between w-full") do
-                p(&)
-                render ::PhlexUI::Accordion::Icon.new
-            end
-        end
+  class Accordion::DefaultTrigger < Base
+    def template(&block)
+      div(class: "flex items-center justify-between w-full") do
+        p(&block)
+        render ::PhlexUI::Accordion::Icon.new
+      end
+    end
 
-        def default_attrs
-            {
-                data: { action: "click->accordion#toggle" },
-                class: 'w-full flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline'
-            }
-        end
+    def default_attrs
+      {
+        data: {action: "click->accordion#toggle"},
+        class: "w-full flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/accordion/icon.rb

@@ -1,38 +1,38 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Accordion::Icon < Base
-        def template(&block)
-            span(**attrs) do
-                if block
-                    block.call
-                else
-                    icon
-                end
-            end
+  class Accordion::Icon < Base
+    def template(&block)
+      span(**attrs) do
+        if block
+          block.call
+        else
+          icon
         end
+      end
+    end
 
-        def icon
-            svg(
-                xmlns: "http://www.w3.org/2000/svg",
-                viewbox: "0 0 20 20",
-                fill: "currentColor",
-                class: "w-4 h-4"
-            ) do |s|
-                s.path(
-                    fill_rule: "evenodd",
-                    d:
-                    "M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z",
-                    clip_rule: "evenodd"
-                )
-            end
-        end
+    def icon
+      svg(
+        xmlns: "http://www.w3.org/2000/svg",
+        viewbox: "0 0 20 20",
+        fill: "currentColor",
+        class: "w-4 h-4"
+      ) do |s|
+        s.path(
+          fill_rule: "evenodd",
+          d:
+            "M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z",
+          clip_rule: "evenodd"
+        )
+      end
+    end
 
-        def default_attrs
-            {
-                class: 'opacity-50',
-                data: { accordion_target: "icon" },
-            }
-        end
+    def default_attrs
+      {
+        class: "opacity-50",
+        data: {accordion_target: "icon"}
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/accordion/item.rb

@@ -1,28 +1,28 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Accordion::Item < Base
-        def initialize(open: false, rotate_icon: 180, **attrs)
-            @open = open
-            @rotate_icon = rotate_icon
-            super(**attrs)
-        end
+  class Accordion::Item < Base
+    def initialize(open: false, rotate_icon: 180, **attrs)
+      @open = open
+      @rotate_icon = rotate_icon
+      super(**attrs)
+    end
 
-        def template(&)
-            div(**attrs, &)
-        end
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                data: { 
-                    controller: "accordion",
-                    accordion_open_value: @open,
-                    accordion_rotate_icon_value: @rotate_icon
-                },
-                class: 'border-b'
-            }
-        end
+    def default_attrs
+      {
+        data: {
+          controller: "accordion",
+          accordion_open_value: @open,
+          accordion_rotate_icon_value: @rotate_icon
+        },
+        class: "border-b"
+      }
     end
+  end
 end

data/lib/phlex_ui/accordion/trigger.rb

@@ -1,16 +1,16 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Accordion::Trigger < Base
-        def template(&)
-            button(**attrs, &)
-        end
+  class Accordion::Trigger < Base
+    def template(&block)
+      button(**attrs, &block)
+    end
 
-        def default_attrs
-            {
-                data: { action: "click->accordion#toggle" },
-                class: 'w-full flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline'
-            }
-        end
+    def default_attrs
+      {
+        data: {action: "click->accordion#toggle"},
+        class: "w-full flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/accordion.rb

@@ -1,28 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Accordion < Base
-        def template(&)
-            div(**attrs, &)
-        end
-
-        def add_item(title, content, open: false)
-            render Accordion::Item.new(open: open) do
-                render PhlexUI::Accordion::Trigger.new do
-                    render PhlexUI::Accordion::DefaultTrigger.new { title }
-                end
-                render PhlexUI::Accordion::Content.new do
-                    render PhlexUI::Accordion::DefaultContent.new { content }
-                end
-            end
-        end
+  class Accordion < Base
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: 'w-full'
-            }
-        end
+    def default_attrs
+      {
+        class: "w-full"
+      }
     end
+  end
 end

data/lib/phlex_ui/alert/description.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Alert::Description < Base
-        def template(&)
-            div(**attrs, &)
-        end
+  class Alert::Description < Base
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "text-sm [&_p]:leading-relaxed",
-            }
-        end
+    def default_attrs
+      {
+        class: "text-sm [&_p]:leading-relaxed"
+      }
     end
+  end
 end

data/lib/phlex_ui/alert/title.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Alert::Title < Base
-        def template(&)
-            h5(**attrs, &)
-        end
+  class Alert::Title < Base
+    def template(&block)
+      h5(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "mb-1 font-medium leading-none tracking-tight",
-            }
-        end
+    def default_attrs
+      {
+        class: "mb-1 font-medium leading-none tracking-tight"
+      }
     end
+  end
 end

data/lib/phlex_ui/alert.rb

@@ -1,36 +1,36 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Alert < Base
-        def initialize(variant: nil, **attrs)
-            @variant = variant
-            super(**attrs) # must be called after variant is set
-        end
+  class Alert < Base
+    def initialize(variant: nil, **attrs)
+      @variant = variant
+      super(**attrs) # must be called after variant is set
+    end
 
-        def template(&)
-            div(**attrs, &)
-        end
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def colors
-            case @variant
-            when nil
-                'ring-border bg-muted-background text-text [&>svg]:opacity-80'
-            when :warning
-                'ring-warning/20 bg-warning/10 text-warning [&>svg]:text-warning/80'
-            when :success
-                'ring-success/20 bg-success/10 text-success [&>svg]:text-success/80'
-            when :destructive
-                'ring-destructive/10 dark:ring-destructive/20 text-destructive bg-destructive/10 [&>svg]:text-destructive/80'
-            end
-        end
+    def colors
+      case @variant
+      when nil
+        "ring-border bg-muted/20 text-foreground [&>svg]:opacity-80"
+      when :warning
+        "ring-warning/20 bg-warning/5 text-warning [&>svg]:text-warning/80"
+      when :success
+        "ring-success/20 bg-success/5 text-success [&>svg]:text-success/80"
+      when :destructive
+        "ring-destructive/20 bg-destructive/5 text-destructive [&>svg]:text-destructive/80"
+      end
+    end
 
-        def default_attrs
-            base_classes = 'relative w-full ring-1 ring-inset rounded-lg px-4 py-4 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg~*]:pl-8'
-            {
-                class: tokens(base_classes, colors),
-            }
-        end
+    def default_attrs
+      base_classes = "backdrop-blur relative w-full ring-1 ring-inset rounded-lg px-4 py-4 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg~*]:pl-8"
+      {
+        class: tokens(base_classes, colors)
+      }
     end
+  end
 end

data/lib/phlex_ui/alert_dialog/action.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class AlertDialog::Action < Base
-        def template(&)
-            render PhlexUI::Button.new(**attrs, &)
-        end
+  class AlertDialog::Action < Base
+    def template(&block)
+      render PhlexUI::Button.new(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                variant: :primary,
-            }
-        end
+    def default_attrs
+      {
+        variant: :primary
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/alert_dialog/cancel.rb

@@ -1,21 +1,21 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class AlertDialog::Cancel < Base
-        def template(&)
-            render PhlexUI::Button.new(**attrs, &)
-        end
+  class AlertDialog::Cancel < Base
+    def template(&block)
+      render PhlexUI::Button.new(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                variant: :outline,
-                data: { 
-                    action: 'click->dismissable#dismiss' 
-                }, 
-                class: 'mt-2 sm:mt-0'
-            }
-        end
+    def default_attrs
+      {
+        variant: :outline,
+        data: {
+          action: "click->dismissable#dismiss"
+        },
+        class: "mt-2 sm:mt-0"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/alert_dialog/content.rb

@@ -1,45 +1,45 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class AlertDialog::Content < Base
-        def template(&)
-            template_tag(**attrs) do
-                div(data: { controller: 'dismissable' }) do
-                    background
-                    container(&)
-                end
-            end
+  class AlertDialog::Content < Base
+    def template(&block)
+      template_tag(**attrs) do
+        div(data: {controller: "dismissable"}) do
+          background
+          container(&block)
         end
+      end
+    end
 
-        def background
-            div(
-                data_state: "open",
-                class:
-                    "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-                style: "pointer-events:auto",
-                data_aria_hidden: "true",
-                aria_hidden: "true"
-            )
-        end
+    def background
+      div(
+        data_state: "open",
+        class:
+              "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        style: "pointer-events:auto",
+        data_aria_hidden: "true",
+        aria_hidden: "true"
+      )
+    end
 
-        def container(&)
-            div(
-                role: "alertdialog",
-                data_state: "open",
-                class: "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 md:w-full",
-                style: "pointer-events:auto",
-                &
-            )
-        end
+    def container(&block)
+      div(
+        role: "alertdialog",
+        data_state: "open",
+        class: "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 md:w-full",
+        style: "pointer-events:auto",
+        &block
+      )
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                data: { 
-                    alert_dialog_target: "content" 
-                }
-            }
-        end
+    def default_attrs
+      {
+        data: {
+          alert_dialog_target: "content"
+        }
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/alert_dialog/description.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class AlertDialog::Description < Base
-        def template(&)
-            p(**attrs, &)
-        end
+  class AlertDialog::Description < Base
+    def template(&block)
+      p(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "text-sm text-muted-text"
-            }
-        end
+    def default_attrs
+      {
+        class: "text-sm text-muted-foreground"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/alert_dialog/footer.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class AlertDialog::Footer < Base
-        def template(&)
-            div(**attrs, &)
-        end
+  class AlertDialog::Footer < Base
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2"
-            }
-        end
+    def default_attrs
+      {
+        class: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2"
+      }
     end
-end
+  end
+end