protos 0.4.1 → 0.4.2

data/lib/protos/command/input.rb

@@ -6,10 +6,10 @@ module Protos
       # DOCS: The search input for the command palette
 
       option :placeholder,
+             reader: :private,
              default: -> {
                "Type a command or search..."
-             },
-             reader: :private
+             }
 
       def view_template(&block)
         div(**attrs) do
@@ -30,16 +30,16 @@ module Protos
 
       def theme
         {
-          container: tokens("form-control"),
-          label: tokens(
-            "input",
-            "input-bordered",
-            "flex",
-            "items-center",
-            "gap-2"
-          ),
-          input: tokens("grow", "bg-transparent"),
-          icon: tokens("flex", "place-items-center")
+          container: "form-control",
+          input: "grow bg-transparent",
+          icon: "flex place-items-center",
+          label: %w[
+            input
+            input-bordered
+            flex
+            items-center
+            gap-2
+          ]
         }
       end
     end

data/lib/protos/command/list.rb

@@ -19,7 +19,7 @@ module Protos
 
       def theme
         {
-          container: tokens("menu")
+          container: "menu"
         }
       end
     end

data/lib/protos/command/title.rb

@@ -14,7 +14,7 @@ module Protos
 
       def theme
         {
-          container: tokens("menu-title")
+          container: "menu-title"
         }
       end
     end

data/lib/protos/drawer/content.rb

@@ -14,7 +14,7 @@ module Protos
 
       def theme
         {
-          container: tokens("drawer-content")
+          container: "drawer-content"
         }
       end
     end

data/lib/protos/drawer/side.rb

@@ -19,12 +19,12 @@ module Protos
 
       def theme
         {
-          container: tokens(
-            "drawer-side",
-            "z-20",
-            "peer-checked:backdrop-blur-sm"
-          ),
-          toggle: tokens("drawer-overlay")
+          container: %w[
+            drawer-side
+            z-20
+            peer-checked:backdrop-blur-sm
+          ],
+          toggle: "drawer-overlay"
         }
       end
     end

data/lib/protos/drawer/trigger.rb

@@ -16,7 +16,7 @@ module Protos
 
       def theme
         {
-          container: tokens("drawer-button")
+          container: "drawer-button"
         }
       end
     end

data/lib/protos/drawer.rb

@@ -26,8 +26,8 @@ module Protos
 
     def theme
       {
-        container: tokens("drawer"),
-        toggle: tokens("drawer-toggle", "peer")
+        container: "drawer",
+        toggle: "drawer-toggle peer"
       }
     end
   end

data/lib/protos/dropdown/menu.rb

@@ -17,13 +17,13 @@ module Protos
 
       def theme
         {
-          container: tokens(
-            "menu",
-            "dropdown-content",
-            "z-10",
-            "bg-base-100",
-            "rounded-box"
-          )
+          container: %w[
+            menu
+            dropdown-content
+            z-10
+            bg-base-100
+            rounded-box
+          ]
         }
       end
     end

data/lib/protos/dropdown.rb

@@ -11,13 +11,13 @@ module Protos
     # tricky to get right and we felt the dependency tradeoff was worthwhile.
 
     option :position,
-           type: PositionTypes,
+           type: Popover::Positions,
            default: -> { :bottom },
            reader: false
     option :trigger,
            default: -> { :click },
            reader: false,
-           type: TriggerTypes | Types::Array.of(TriggerTypes)
+           type: Popover::Triggers | Types::Array.of(Popover::Triggers)
 
     def item(...) = render Item.new(...)
 

data/lib/protos/hero/content.rb

@@ -14,7 +14,7 @@ module Protos
 
       def theme
         {
-          container: tokens("hero-content")
+          container: "hero-content"
         }
       end
     end

data/lib/protos/hero/overlay.rb

@@ -15,7 +15,7 @@ module Protos
 
       def theme
         {
-          container: tokens("hero-overlay")
+          container: "hero-overlay"
         }
       end
     end

data/lib/protos/hero.rb

@@ -18,7 +18,7 @@ module Protos
 
     def theme
       {
-        container: tokens("hero")
+        container: "hero"
       }
     end
   end

data/lib/protos/list/item.rb

@@ -15,10 +15,10 @@ module Protos
 
       def theme
         {
-          container: tokens(
-            "join-item",
-            "[&:not(:first-child)]:border-t-0"
-          )
+          container: %w[
+            join-item
+            [&:not(:first-child)]:border-t-0
+          ]
         }
       end
     end

data/lib/protos/list.rb

@@ -17,10 +17,7 @@ module Protos
 
     def theme
       {
-        container: tokens(
-          "join",
-          "join-vertical"
-        )
+        container: "join join-vertical"
       }
     end
 

data/lib/protos/modal/close_button.rb

@@ -7,10 +7,7 @@ module Protos
 
       def view_template(&block)
         form(method: :dialog, class: css[:form]) do
-          button(
-            **attrs,
-            &block
-          )
+          button(**attrs, &block)
         end
       end
     end

data/lib/protos/modal/dialog.rb

@@ -14,18 +14,6 @@ module Protos
 
       private
 
-      def theme
-        {
-          container: tokens(
-            "modal",
-            "modal-bottom",
-            "backdrop-blur-sm",
-            "sm:modal-middle"
-          ),
-          modal: tokens("modal-box", "flex", "flex-col", "gap-xs")
-        }
-      end
-
       def attrs
         @attrs ||= build_attrs(
           {
@@ -33,6 +21,23 @@ module Protos
           }
         )
       end
+
+      def theme
+        {
+          container: %w[
+            modal
+            modal-bottom
+            backdrop-blur-sm
+            sm:modal-middle
+          ],
+          modal: %w[
+            modal-box
+            flex
+            flex-col
+            gap-xs
+          ]
+        }
+      end
     end
   end
 end

data/lib/protos/popover.rb

@@ -12,7 +12,7 @@ module Protos
     # Tippy.js options can be passed in via the `options` attribute or, more
     # conveniently by the typed options listed below.
 
-    PositionTypes = Types::Coercible::Symbol.enum(
+    Positions = Types::Coercible::Symbol.enum(
       :top,
       :top_start,
       :top_end,
@@ -27,7 +27,7 @@ module Protos
       :left_end
     )
 
-    AnimationTypes = Types::Coercible::Symbol.enum(
+    Animations = Types::Coercible::Symbol.enum(
       :fade,
       :shift_away,
       :shift_away_subtle,
@@ -43,7 +43,7 @@ module Protos
       :perspective_extreme
     )
 
-    TriggerTypes = Types::Coercible::Symbol.enum(
+    Triggers = Types::Coercible::Symbol.enum(
       :focus,
       :mouseenter,
       :click,
@@ -52,11 +52,11 @@ module Protos
     )
 
     option :position,
-           type: PositionTypes,
+           type: Positions,
            default: -> { :top },
            reader: false
     option :animation,
-           type: AnimationTypes,
+           type: Animations,
            default: -> { :fade },
            reader: false
     option :duration,
@@ -78,7 +78,7 @@ module Protos
     option :trigger,
            default: -> { %i[mouseenter focus] },
            reader: false,
-           type: TriggerTypes | Types::Array.of(TriggerTypes)
+           type: Triggers | Types::Array.of(Triggers)
 
     def view_template(&)
       div(**attrs, &)

data/lib/protos/stats/actions.rb

@@ -13,7 +13,7 @@ module Protos
 
       def theme
         {
-          container: tokens("stat-actions")
+          container: "stat-actions"
         }
       end
     end

data/lib/protos/stats/description.rb

@@ -13,7 +13,7 @@ module Protos
 
       def theme
         {
-          container: tokens("stat-desc")
+          container: "stat-desc"
         }
       end
     end

data/lib/protos/stats/figure.rb

@@ -13,7 +13,7 @@ module Protos
 
       def theme
         {
-          container: tokens("stat-figure")
+          container: "stat-figure"
         }
       end
     end

data/lib/protos/stats/stat.rb

@@ -13,7 +13,7 @@ module Protos
 
       def theme
         {
-          container: tokens("stat")
+          container: "stat"
         }
       end
     end

data/lib/protos/stats/title.rb

@@ -13,7 +13,7 @@ module Protos
 
       def theme
         {
-          container: tokens("stat-title")
+          container: "stat-title"
         }
       end
     end

data/lib/protos/stats/value.rb

@@ -13,7 +13,7 @@ module Protos
 
       def theme
         {
-          container: tokens("stat-value")
+          container: "stat-value"
         }
       end
     end

data/lib/protos/stats.rb

@@ -25,7 +25,7 @@ module Protos
 
     def theme
       {
-        container: tokens("stats")
+        container: "stats"
       }
     end
   end

data/lib/protos/steps/step.rb

@@ -0,0 +1,49 @@
+# frozen_string_literal: true
+
+module Protos
+  class Steps
+    class Step < Protos::Component
+      # DOCS: Step component that contains a single step in a list of steps
+
+      Styles = Types::Coercible::Symbol.enum(
+        :default,
+        :primary,
+        :secondary,
+        :accent,
+        :info,
+        :success,
+        :warning,
+        :error
+      )
+
+      STYLES = {
+        default: "",
+        primary: "step-primary",
+        secondary: "step-secondary",
+        accent: "step-accent",
+        info: "step-info",
+        success: "step-success",
+        warning: "step-warning",
+        error: "step-error"
+      }.freeze
+
+      option :type, reader: false, type: Styles, default: -> { :default }
+
+      def view_template(&)
+        li(**attrs, &)
+      end
+
+      private
+
+      def type
+        STYLES.fetch(@type)
+      end
+
+      def theme
+        {
+          container: "step #{type}"
+        }
+      end
+    end
+  end
+end

data/lib/protos/steps.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+module Protos
+  class Steps < Component
+    # DOCS: Steps can be used to show a list of steps in a process.
+    # https://daisyui.com/components/steps/
+
+    option :vertical, type: Types::Bool, default: -> { false }
+
+    def view_template(&)
+      ol(**attrs, &)
+    end
+
+    def step(...) = render Step.new(...)
+
+    private
+
+    def theme
+      {
+        container: tokens(
+          "steps",
+          vertical: "steps-vertical"
+        )
+      }
+    end
+  end
+end

data/lib/protos/swap/off.rb

@@ -13,7 +13,7 @@ module Protos
 
       def theme
         {
-          container: tokens("swap-off")
+          container: "swap-off"
         }
       end
     end

data/lib/protos/swap/on.rb

@@ -13,7 +13,7 @@ module Protos
 
       def theme
         {
-          container: tokens("swap-on")
+          container: "swap-on"
         }
       end
     end

data/lib/protos/swap.rb

@@ -21,7 +21,7 @@ module Protos
 
     def theme
       {
-        container: tokens("swap")
+        container: "swap"
       }
     end
   end

data/lib/protos/table/caption.rb

@@ -5,15 +5,29 @@ module Protos
     class Caption < Component
       # DOCS: The caption of a table
 
+      SIDES = {
+        bottom: "caption-bottom",
+        top: "caption-top"
+      }.freeze
+
+      option :side,
+             reader: false,
+             type: Types::Coercible::Symbol.enum(:bottom, :top),
+             default: -> { :bottom }
+
       def view_template(&)
         caption(**attrs, &)
       end
 
       private
 
+      def side
+        SIDES.fetch(@side)
+      end
+
       def theme
         {
-          container: tokens("caption-bottom")
+          container: side
         }
       end
     end

data/lib/protos/table/cell.rb

@@ -5,11 +5,16 @@ module Protos
     class Cell < Component
       # DOCS: A single cell in a table
 
+      ALLIGNMENT = {
+        left: "text-left",
+        right: "text-right",
+        center: "text-center"
+      }.freeze
+
       option :align,
              type: Types::Coercible::Symbol.enum(:left, :center, :right),
-             default: -> {
-               :left
-             }
+             reader: false,
+             default: -> { :left }
 
       def view_template(&)
         td(**attrs, &)
@@ -29,13 +34,13 @@ module Protos
         align == :right
       end
 
+      def align
+        ALLIGNMENT.fetch(@align)
+      end
+
       def theme
         {
-          container: tokens(
-            left?: "text-left",
-            right?: "text-right",
-            center?: "text-center"
-          )
+          container: align
         }
       end
     end

data/lib/protos/table/head.rb

@@ -5,11 +5,16 @@ module Protos
     class Head < Component
       # DOCS: The head of a table
 
+      ALLIGNMENT = {
+        left: "text-left",
+        right: "text-right",
+        center: "text-center"
+      }.freeze
+
       option :align,
              type: Types::Coercible::Symbol.enum(:left, :center, :right),
-             default: -> {
-               :left
-             }
+             reader: false,
+             default: -> { :left }
 
       def view_template(&)
         th(**attrs, &)
@@ -17,25 +22,13 @@ module Protos
 
       private
 
-      def left?
-        align == :left
-      end
-
-      def center?
-        align == :center
-      end
-
-      def right?
-        align == :right
+      def align
+        ALLIGNMENT.fetch(@align)
       end
 
       def theme
         {
-          container: tokens(
-            left?: "text-left",
-            right?: "text-right",
-            center?: "text-center"
-          )
+          container: align
         }
       end
     end

data/lib/protos/table.rb

@@ -5,6 +5,13 @@ module Protos
     # DOCS: A table component
     # https://daisyui.com/components/table/
 
+    SIZES = {
+      xs: "table-xs",
+      sm: "table-sm",
+      md: "table-md",
+      lg: "table-lg"
+    }.freeze
+
     option :pin_rows, default: -> { false }, type: Types::Bool
     option :pin_columns, default: -> { false }, type: Types::Bool
     option :striped, default: -> { false }, type: Types::Bool
@@ -41,17 +48,12 @@ module Protos
     private
 
     def size
-      {
-        xs: "table-xs",
-        sm: "table-sm",
-        md: "table-md",
-        lg: "table-lg"
-      }.fetch(@size)
+      SIZES.fetch(@size)
     end
 
     def theme
       {
-        container: tokens("w-full", "overflow-x-auto"),
+        container: "w-full overflow-x-auto",
         table: tokens(
           "table",
           size,

data/lib/protos/tabs/tab.rb

@@ -32,7 +32,7 @@ module Protos
 
       def theme
         {
-          container: tokens("tab-content"),
+          container: "tab-content",
           input: tokens(
             "tab",
             disabled: "tab-disabled",