phlex_ui 0.0.5 → 0.1.6

data/lib/phlex_ui/card/title.rb

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

data/lib/phlex_ui/card.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Card < Base
-        def template(&)
-            div(**attrs, &)
-        end
+  class Card < Base
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "rounded-xl border bg-background shadow"
-            }
-        end
+    def default_attrs
+      {
+        class: "rounded-xl border bg-background shadow"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/chart.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module PhlexUI
+  class Chart < PhlexUI::Base
+    def initialize(options: {}, **attrs)
+      @options = options.to_json
+      super(**attrs)
+    end
+
+    def template(&block)
+      canvas(**attrs, &block)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data_controller: "chart",
+        data_chart_options_value: @options
+      }
+    end
+  end
+end

data/lib/phlex_ui/checkbox.rb

@@ -1,18 +1,18 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Checkbox < Base
-        def template
-            input(**attrs)
-        end
+  class Checkbox < Base
+    def template
+      input(**attrs)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                type: "checkbox",
-                class: "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 accent-primary"
-            }
-        end
+    def default_attrs
+      {
+        type: "checkbox",
+        class: "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 accent-primary"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/clipboard/popover.rb

@@ -1,36 +1,36 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Clipboard::Popover < Base
-        def initialize(type:, **attrs)
-            @type = type
-            super(**attrs)
-        end
+  class Clipboard::Popover < Base
+    def initialize(type:, **attrs)
+      @type = type
+      super(**attrs)
+    end
 
-        def template(&)
-            template_tag(data: { clipboard_target: clipboard_target }) do
-                div(**attrs, &)
-            end
-        end
+    def template(&block)
+      template_tag(data: {clipboard_target: clipboard_target}) do
+        div(**attrs, &block)
+      end
+    end
 
-        private
+    private
 
-        def clipboard_target
-            case @type
-            when :success
-                "successPopover"
-            when :error
-                "errorPopover"
-            end
-        end
+    def clipboard_target
+      case @type
+      when :success
+        "successPopover"
+      when :error
+        "errorPopover"
+      end
+    end
 
-        def default_attrs
-            {
-                data: { 
-                    state: :open 
-                },
-                class: "z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-text 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",
-            }
-        end
+    def default_attrs
+      {
+        data: {
+          state: :open
+        },
+        class: "z-50 rounded-md text-sm border bg-background px-2 py-0.5 text-foreground 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"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/clipboard/source.rb

@@ -1,19 +1,19 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Clipboard::Source < Base
-        def template(&)
-            div(**attrs, &)
-        end
+  class Clipboard::Source < Base
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                data: {
-                    clipboard_target: "source",
-                }
-            }
-        end
+    def default_attrs
+      {
+        data: {
+          clipboard_target: "source"
+        }
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/clipboard/trigger.rb

@@ -1,20 +1,20 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Clipboard::Trigger < Base
-        def template(&)
-            div(**attrs, &)
-        end
+  class Clipboard::Trigger < Base
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                data: {
-                    clipboard_target: "trigger",
-                    action: "click->clipboard#copy",
-                }
-            }
-        end
+    def default_attrs
+      {
+        data: {
+          clipboard_target: "trigger",
+          action: "click->clipboard#copy"
+        }
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/clipboard.rb

@@ -1,39 +1,39 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Clipboard < Base
-        def initialize(success: "Copied!", error: "Copy Failed!", **attrs)
-            @success = success
-            @error = error
-            super(**attrs)
-        end
+  class Clipboard < Base
+    def initialize(success: "Copied!", error: "Copy Failed!", **attrs)
+      @success = success
+      @error = error
+      super(**attrs)
+    end
 
-        def template(&)
-            div(**attrs) do
-                div(&)
-                success_popover
-                error_popover
-            end
-        end
+    def template(&block)
+      div(**attrs) do
+        div(&block)
+        success_popover
+        error_popover
+      end
+    end
 
-        private
+    private
 
-        def success_popover
-            render Clipboard::Popover.new(type: :success) { @success }
-        end
+    def success_popover
+      render Clipboard::Popover.new(type: :success) { @success }
+    end
 
-        def error_popover
-            render Clipboard::Popover.new(type: :error) { @error }
-        end
+    def error_popover
+      render Clipboard::Popover.new(type: :error) { @error }
+    end
 
-        def default_attrs
-            {
-                data: {
-                    controller: "clipboard",
-                    clipboard_success_value: @success,
-                    clipboard_error_value: @error,
-                }
-            }
-        end
+    def default_attrs
+      {
+        data: {
+          controller: "clipboard",
+          clipboard_success_value: @success,
+          clipboard_error_value: @error
+        }
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/codeblock.rb

@@ -3,103 +3,103 @@
 require "rouge"
 
 module PhlexUI
-    class Codeblock < Base
-        FORMATTER = ::Rouge::Formatters::HTML.new
-        ROUGE_CSS = Rouge::Themes::Github.mode(:dark).render(scope: '.highlight') # See themes here: https://rouge-ruby.github.io/docs/Rouge/CSSTheme.html
+  class Codeblock < Base
+    FORMATTER = ::Rouge::Formatters::HTML.new
+    ROUGE_CSS = Rouge::Themes::Github.mode(:dark).render(scope: ".highlight") # See themes here: https://rouge-ruby.github.io/docs/Rouge/CSSTheme.html
 
-        def initialize(code, syntax:, clipboard: true, clipboard_success: "Copied!", clipboard_error: "Copy failed!", **attrs)
-            @code = code
-			@syntax = syntax.to_sym
-            @clipboard = clipboard
-            @clipboard_success = clipboard_success
-            @clipboard_error = clipboard_error
+    def initialize(code, syntax:, clipboard: true, clipboard_success: "Copied!", clipboard_error: "Copy failed!", **attrs)
+      @code = code
+      @syntax = syntax.to_sym
+      @clipboard = clipboard
+      @clipboard_success = clipboard_success
+      @clipboard_error = clipboard_error
 
-			if @syntax == :ruby || @syntax == :html
-				@code = @code.gsub(/(?:^|\G) {2}/m, "	")
-			end
+      if @syntax == :ruby || @syntax == :html
+        @code = @code.gsub(/(?:^|\G) {2}/m, "	")
+      end
 
-            super(**attrs)
-        end
+      super(**attrs)
+    end
 
-        def template
-            style { ROUGE_CSS.html_safe } # For faster load times, move this to the head of your document. (Also move ROUGE_CSS value to head of document)
-            if @clipboard
-                with_clipboard
-            else
-                codeblock
-            end
-        end
+    def template
+      style { ROUGE_CSS.html_safe } # For faster load times, move this to the head of your document. (Also move ROUGE_CSS value to head of document)
+      if @clipboard
+        with_clipboard
+      else
+        codeblock
+      end
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "highlight text-sm max-h-[350px] after:content-none flex font-mono overflow-auto overflow-x rounded-md border !bg-stone-900 [&_pre]:p-4"
-            }
-        end
+    def default_attrs
+      {
+        class: "highlight text-sm max-h-[350px] after:content-none flex font-mono overflow-auto overflow-x rounded-md border !bg-stone-900 [&_pre]:p-4"
+      }
+    end
 
-        def with_clipboard
-            render PhlexUI::Clipboard.new(success: @clipboard_success, error: @clipboard_error, class: 'relative') do
-                render PhlexUI::Clipboard::Source.new do
-                    codeblock
-                end
-                div(class: "absolute top-2 right-2") do
-                    render PhlexUI::Clipboard::Trigger.new do
-                        render PhlexUI::Button.new(variant: :ghost, size: :sm, icon: true, class: 'text-white hover:text-white hover:bg-white/20') { clipboard_icon }
-                    end
-                end
-            end
+    def with_clipboard
+      render PhlexUI::Clipboard.new(success: @clipboard_success, error: @clipboard_error, class: "relative") do
+        render PhlexUI::Clipboard::Source.new do
+          codeblock
+        end
+        div(class: "absolute top-2 right-2") do
+          render PhlexUI::Clipboard::Trigger.new do
+            render PhlexUI::Button.new(variant: :ghost, size: :sm, icon: true, class: "text-white hover:text-white hover:bg-white/20") { clipboard_icon }
+          end
         end
+      end
+    end
 
-        def codeblock
-            div(**attrs) do
-                div(class: "after:content-none") do
-                    pre do
-                        unsafe_raw FORMATTER.format(
-                            lexer.lex(@code)
-                        )
-                    end
-                end
-            end
+    def codeblock
+      div(**attrs) do
+        div(class: "after:content-none") do
+          pre do
+            unsafe_raw FORMATTER.format(
+              lexer.lex(@code)
+            )
+          end
         end
+      end
+    end
 
-		def lexer
-			Rouge::Lexer.find(@syntax)
-		end
+    def lexer
+      Rouge::Lexer.find(@syntax)
+    end
 
-        def clipboard_icon
-            svg(
-                xmlns: "http://www.w3.org/2000/svg",
-                fill: "none",
-                viewbox: "0 0 24 24",
-                stroke_width: "1.5",
-                stroke: "currentColor",
-                class: "w-4 h-4"
-            ) do |s|
-                s.path(
-                    stroke_linecap: "round",
-                    stroke_linejoin: "round",
-                    d:
-                    "M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"
-                )
-            end
-        end
+    def clipboard_icon
+      svg(
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewbox: "0 0 24 24",
+        stroke_width: "1.5",
+        stroke: "currentColor",
+        class: "w-4 h-4"
+      ) do |s|
+        s.path(
+          stroke_linecap: "round",
+          stroke_linejoin: "round",
+          d:
+            "M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"
+        )
+      end
+    end
 
-        def check_icon
-            svg(
-                xmlns: "http://www.w3.org/2000/svg",
-                fill: "none",
-                viewbox: "0 0 24 24",
-                stroke_width: "1.5",
-                stroke: "currentColor",
-                class: "w-4 h-4"
-            ) do |s|
-                s.path(
-                    stroke_linecap: "round",
-                    stroke_linejoin: "round",
-                    d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-                )
-            end
-        end
+    def check_icon
+      svg(
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewbox: "0 0 24 24",
+        stroke_width: "1.5",
+        stroke: "currentColor",
+        class: "w-4 h-4"
+      ) do |s|
+        s.path(
+          stroke_linecap: "round",
+          stroke_linejoin: "round",
+          d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+        )
+      end
     end
-end
+  end
+end

data/lib/phlex_ui/collapsible/content.rb

@@ -1,18 +1,18 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Collapsible::Content < Base
-        def template(&)
-            div(**attrs, &)
-        end
+  class Collapsible::Content < Base
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                data: { collapsible_target: "content" },
-                class: 'overflow-y-hidden'
-            }
-        end
+    def default_attrs
+      {
+        data: {collapsible_target: "content"},
+        class: "overflow-y-hidden"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/collapsible/trigger.rb

@@ -1,19 +1,19 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Collapsible::Trigger < Base
-        def template(&)
-            div(**attrs, &)
-        end
+  class Collapsible::Trigger < Base
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                data: { 
-                    action: "click->collapsible#toggle"
-                }
-            }
-        end
+    def default_attrs
+      {
+        data: {
+          action: "click->collapsible#toggle"
+        }
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/collapsible.rb

@@ -1,25 +1,25 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Collapsible < Base
-        def initialize(open: false, **attrs)
-            @open = open
-            super(**attrs)
-        end
+  class Collapsible < Base
+    def initialize(open: false, **attrs)
+      @open = open
+      super(**attrs)
+    end
 
-        def template(&)
-            div(**attrs, &)
-        end
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                data: { 
-                    controller: 'collapsible', 
-                    collapsible_open_value: @open
-                }
-            }
-        end
+    def default_attrs
+      {
+        data: {
+          controller: "collapsible",
+          collapsible_open_value: @open
+        }
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/command/dialog.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module PhlexUI
+    class Command::Dialog < Base
+        def template(&block)
+            div(**attrs, &block)
+        end
+
+        private
+
+        def default_attrs
+            {
+                data: { controller: "dialog" }
+            }
+        end
+    end
+end