phlex_ui 0.0.5 → 0.1.6

data/lib/phlex_ui/table/builder.rb

@@ -1,77 +1,77 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Table::Builder < Base
-        include Phlex::DeferredRender
+  class Table::Builder < Base
+    include Phlex::DeferredRender
 
-        Column = Struct.new(:header, :header_attrs, :footer, :footer_attrs, :block, keyword_init: true)
+    Column = Struct.new(:header, :header_attrs, :footer, :footer_attrs, :block, keyword_init: true)
 
-        def initialize(records = [], caption: nil, **attrs)
-            @records = records
-            @columns = []
-            @caption = caption
-            super(**attrs)
-        end
+    def initialize(records = [], caption: nil, **attrs)
+      @records = records
+      @columns = []
+      @caption = caption
+      super(**attrs)
+    end
 
-        def template(&block)
-            render PhlexUI::Table.new(**attrs) do
-                header
-                body
-                caption if @caption
-                footer if @columns.any?(&:footer)
-            end
-        end
+    def template(&block)
+      render PhlexUI::Table.new(**attrs) do
+        header
+        body
+        caption if @caption
+        footer if @columns.any?(&:footer)
+      end
+    end
 
-        def column(header, footer = nil, header_attrs: {}, footer_attrs: {}, &block)
-            @columns << Column.new(
-                header: header,
-                header_attrs: header_attrs,
-                footer: footer,
-                footer_attrs: footer_attrs,
-                block: block
-            )
-        end
+    def column(header, footer = nil, header_attrs: {}, footer_attrs: {}, &block)
+      @columns << Column.new(
+        header: header,
+        header_attrs: header_attrs,
+        footer: footer,
+        footer_attrs: footer_attrs,
+        block: block
+      )
+    end
 
-        def header
-            render PhlexUI::Table::Header.new do
-                render PhlexUI::Table::Row.new do
-                    @columns.each do |column|
-                        render PhlexUI::Table::Head.new(**column.header_attrs) do
-                            column.header
-                        end
-                    end
-                end
+    def header
+      render PhlexUI::Table::Header.new do
+        render PhlexUI::Table::Row.new do
+          @columns.each do |column|
+            render PhlexUI::Table::Head.new(**column.header_attrs) do
+              column.header
             end
+          end
         end
+      end
+    end
 
-        def body
-            render PhlexUI::Table::Body.new do
-                @records.each do |record|
-                    render PhlexUI::Table::Row.new do
-                        @columns.each do |column|
-                            render PhlexUI::Table::Cell.new do
-                                column.block.call(record)
-                            end
-                        end
-                    end
-                end
+    def body
+      render PhlexUI::Table::Body.new do
+        @records.each do |record|
+          render PhlexUI::Table::Row.new do
+            @columns.each do |column|
+              render PhlexUI::Table::Cell.new do
+                column.block.call(record)
+              end
             end
+          end
         end
+      end
+    end
 
-        def footer
-            render PhlexUI::Table::Footer.new do
-                render PhlexUI::Table::Row.new do
-                    @columns.each do |column|
-                        render PhlexUI::Table::Head.new(**column.footer_attrs) do
-                            column.footer
-                        end
-                    end
-                end
+    def footer
+      render PhlexUI::Table::Footer.new do
+        render PhlexUI::Table::Row.new do
+          @columns.each do |column|
+            render PhlexUI::Table::Head.new(**column.footer_attrs) do
+              column.footer
             end
+          end
         end
+      end
+    end
 
-        def caption
-            render PhlexUI::Table::Caption.new { @caption }
-        end
+    def caption
+      render PhlexUI::Table::Caption.new { @caption }
     end
-end
+  end
+end

data/lib/phlex_ui/table/caption.rb

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

data/lib/phlex_ui/table/cell.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Table::Cell < Base
-        def template(&)
-            td(**attrs, &)
-        end
+  class Table::Cell < Base
+    def template(&block)
+      td(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
-            }
-        end
+    def default_attrs
+      {
+        class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/table/footer.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Table::Footer < Base
-        def template(&)
-            tfoot(**attrs, &)
-        end
+  class Table::Footer < Base
+    def template(&block)
+      tfoot(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "border-t bg-muted-background bg-opacity-50 font-medium[& amp;>tr]:last:border-b-0"
-            }
-        end
+    def default_attrs
+      {
+        class: "border-t bg-muted bg-opacity-50 font-medium[& amp;>tr]:last:border-b-0"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/table/head.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Table::Head < Base
-        def template(&)
-            th(**attrs, &)
-        end
+  class Table::Head < Base
+    def template(&block)
+      th(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "h-10 px-2 text-left align-middle font-medium text-muted-text [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
-            }
-        end
+    def default_attrs
+      {
+        class: "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/table/header.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Table::Header < Base
-        def template(&)
-            thead(**attrs, &)
-        end
+  class Table::Header < Base
+    def template(&block)
+      thead(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "[&_tr]:border-b"
-            }
-        end
+    def default_attrs
+      {
+        class: "[&_tr]:border-b"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/table/row.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Table::Row < Base
-        def template(&)
-            tr(**attrs, &)
-        end
+  class Table::Row < Base
+    def template(&block)
+      tr(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "border-b transition-colors hover:bg-muted-background hover:bg-opacity-50 data-[state=selected]:bg-muted-background"
-            }
-        end
+    def default_attrs
+      {
+        class: "border-b transition-colors hover:bg-muted hover:bg-opacity-50 data-[state=selected]:bg-muted"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/table.rb

@@ -1,19 +1,19 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Table < Base
-        def template(&)
-            div(class: "relative w-full overflow-auto") do
-                table(**attrs, &)
-            end
-        end
+  class Table < Base
+    def template(&block)
+      div(class: "relative w-full overflow-auto") do
+        table(**attrs, &block)
+      end
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "w-full caption-bottom text-sm"
-            }
-        end
+    def default_attrs
+      {
+        class: "w-full caption-bottom text-sm"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/tabs/content.rb

@@ -1,26 +1,26 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Tabs::Content < Base
-        def initialize(value:, **attrs)
-            @value = value
-            super(**attrs)
-        end
+  class Tabs::Content < Base
+    def initialize(value:, **attrs)
+      @value = value
+      super(**attrs)
+    end
 
-        def template(&)
-            div(**attrs, &)
-        end
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                data: {
-                    tabs_target: :content,
-                    value: @value
-                },
-                class: "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 hidden",
-            }
-        end
+    def default_attrs
+      {
+        data: {
+          tabs_target: :content,
+          value: @value
+        },
+        class: "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 hidden"
+      }
     end
+  end
 end

data/lib/phlex_ui/tabs/list.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Tabs::List < Base
-        def template(&)
-            div(**attrs, &)
-        end
+  class Tabs::List < Base
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "inline-flex h-9 items-center justify-center rounded-lg bg-muted-background p-1 text-muted-text"
-            }
-        end
+    def default_attrs
+      {
+        class: "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/tabs/trigger.rb

@@ -1,28 +1,28 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Tabs::Trigger < Base
-        def initialize(value:, **attrs)
-            @value = value
-            super(**attrs)
-        end
+  class Tabs::Trigger < Base
+    def initialize(value:, **attrs)
+      @value = value
+      super(**attrs)
+    end
 
-        def template(&)
-            button(**attrs, &)
-        end
+    def template(&block)
+      button(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                type: :button,
-                data: {
-                    tabs_target: :trigger,
-                    action: "click->tabs#show",
-                    value: @value
-                },
-                class: "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-text data-[state=active]:shadow"
-            }
-        end
+    def default_attrs
+      {
+        type: :button,
+        data: {
+          tabs_target: :trigger,
+          action: "click->tabs#show",
+          value: @value
+        },
+        class: "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow"
+      }
     end
+  end
 end

data/lib/phlex_ui/tabs.rb

@@ -1,25 +1,25 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Tabs < Base
-        def initialize(default: nil, **attrs)
-            @default = default
-            super(**attrs)
-        end
+  class Tabs < Base
+    def initialize(default: nil, **attrs)
+      @default = default
+      super(**attrs)
+    end
 
-        def template(&)
-            div(**attrs, &)
-        end
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                data: {
-                    controller: 'tabs',
-                    tabs_default_value_value: @default
-                }
-            }
-        end
+    def default_attrs
+      {
+        data: {
+          controller: "tabs",
+          tabs_active_value: @default
+        }
+      }
     end
+  end
 end

data/lib/phlex_ui/theme_toggle.rb

@@ -1,41 +1,41 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class ThemeToggle < Base
-        def template(&)
-            div(**attrs, &)
-        end
+  class ThemeToggle < Base
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        def light_mode(**user_attrs, &)
-            light_attrs = PhlexUI::AttributeMerger.new(default_light_attrs, user_attrs).call
-            div(**light_attrs, &)
-        end
+    def light_mode(**user_attrs, &block)
+      light_attrs = PhlexUI::AttributeMerger.new(default_light_attrs, user_attrs).call
+      div(**light_attrs, &block)
+    end
 
-        def dark_mode(**user_attrs, &)
-            dark_attrs = PhlexUI::AttributeMerger.new(default_dark_attrs, user_attrs).call
-            div(**dark_attrs, &)
-        end
+    def dark_mode(**user_attrs, &block)
+      dark_attrs = PhlexUI::AttributeMerger.new(default_dark_attrs, user_attrs).call
+      div(**dark_attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                data: { controller: 'toggle-theme' }
-            }
-        end
+    def default_attrs
+      {
+        data: {controller: "toggle-theme"}
+      }
+    end
 
-        def default_light_attrs
-            {
-                class: 'dark:hidden',
-                data: { action: 'click->toggle-theme#setDarkTheme' }
-            }
-        end
+    def default_light_attrs
+      {
+        class: "dark:hidden",
+        data: {action: "click->toggle-theme#setDarkTheme"}
+      }
+    end
 
-        def default_dark_attrs
-            {
-                class: 'hidden dark:inline-block',
-                data: { action: 'click->toggle-theme#setLightTheme' }
-            }
-        end
+    def default_dark_attrs
+      {
+        class: "hidden dark:inline-block",
+        data: {action: "click->toggle-theme#setLightTheme"}
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/tooltip/content.rb

@@ -1,22 +1,22 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Tooltip::Content < Base
-        def template(&)
-            template_tag(data: { popover_target: "content" }) do
-                div(**attrs, &)
-            end
-        end
+  class Tooltip::Content < Base
+    def template(&block)
+      template_tag(data: {popover_target: "content"}) do
+        div(**attrs, &block)
+      end
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                data: {
-                    state: :open # used for animate-in and animate-out on tooltip
-                },
-                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 # used for animate-in and animate-out on tooltip
+        },
+        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/tooltip/trigger.rb

@@ -1,17 +1,18 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Tooltip::Trigger < Base
-        def template(&)
-            div(**attrs, &)
-        end
+  class Tooltip::Trigger < Base
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                data: { popover_target: 'trigger' }
-            }
-        end
+    def default_attrs
+      {
+        data: {popover_target: "trigger"},
+        class: "inline-block"
+      }
     end
-end
+  end
+end