daisyui 1.0.0

data/lib/daisy_ui/textarea.rb

@@ -0,0 +1,117 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  # @component html class="textarea"
+  class Textarea < Base
+    self.component_class = :textarea
+
+    def initialize(*, as: :textarea, **)
+      super
+    end
+
+    def view_template(&)
+      public_send(as, class: classes, **attributes, &)
+    end
+
+    register_modifiers(
+      # "sm:textarea-ghost"
+      # "@sm:textarea-ghost"
+      # "md:textarea-ghost"
+      # "@md:textarea-ghost"
+      # "lg:textarea-ghost"
+      # "@lg:textarea-ghost"
+      ghost: "textarea-ghost",
+      # "sm:textarea-xs"
+      # "@sm:textarea-xs"
+      # "md:textarea-xs"
+      # "@md:textarea-xs"
+      # "lg:textarea-xs"
+      # "@lg:textarea-xs"
+      xs: "textarea-xs",
+      # "sm:textarea-sm"
+      # "@sm:textarea-sm"
+      # "md:textarea-sm"
+      # "@md:textarea-sm"
+      # "lg:textarea-sm"
+      # "@lg:textarea-sm"
+      sm: "textarea-sm",
+      # "sm:textarea-md"
+      # "@sm:textarea-md"
+      # "md:textarea-md"
+      # "@md:textarea-md"
+      # "lg:textarea-md"
+      # "@lg:textarea-md"
+      md: "textarea-md",
+      # "sm:textarea-lg"
+      # "@sm:textarea-lg"
+      # "md:textarea-lg"
+      # "@md:textarea-lg"
+      # "lg:textarea-lg"
+      # "@lg:textarea-lg"
+      lg: "textarea-lg",
+      # "sm:textarea-xl"
+      # "@sm:textarea-xl"
+      # "md:textarea-xl"
+      # "@md:textarea-xl"
+      # "lg:textarea-xl"
+      # "@lg:textarea-xl"
+      xl: "textarea-xl",
+      # "sm:textarea-neutral"
+      # "@sm:textarea-neutral"
+      # "md:textarea-neutral"
+      # "@md:textarea-neutral"
+      # "lg:textarea-neutral"
+      # "@lg:textarea-neutral"
+      neutral: "textarea-neutral",
+      # "sm:textarea-primary"
+      # "@sm:textarea-primary"
+      # "md:textarea-primary"
+      # "@md:textarea-primary"
+      # "lg:textarea-primary"
+      # "@lg:textarea-primary"
+      primary: "textarea-primary",
+      # "sm:textarea-secondary"
+      # "@sm:textarea-secondary"
+      # "md:textarea-secondary"
+      # "@md:textarea-secondary"
+      # "lg:textarea-secondary"
+      # "@lg:textarea-secondary"
+      secondary: "textarea-secondary",
+      # "sm:textarea-accent"
+      # "@sm:textarea-accent"
+      # "md:textarea-accent"
+      # "@md:textarea-accent"
+      # "lg:textarea-accent"
+      # "@lg:textarea-accent"
+      accent: "textarea-accent",
+      # "sm:textarea-info"
+      # "@sm:textarea-info"
+      # "md:textarea-info"
+      # "@md:textarea-info"
+      # "lg:textarea-info"
+      # "@lg:textarea-info"
+      info: "textarea-info",
+      # "sm:textarea-success"
+      # "@sm:textarea-success"
+      # "md:textarea-success"
+      # "@md:textarea-success"
+      # "lg:textarea-success"
+      # "@lg:textarea-success"
+      success: "textarea-success",
+      # "sm:textarea-warning"
+      # "@sm:textarea-warning"
+      # "md:textarea-warning"
+      # "@md:textarea-warning"
+      # "lg:textarea-warning"
+      # "@lg:textarea-warning"
+      warning: "textarea-warning",
+      # "sm:textarea-error"
+      # "@sm:textarea-error"
+      # "md:textarea-error"
+      # "@md:textarea-error"
+      # "lg:textarea-error"
+      # "@lg:textarea-error"
+      error: "textarea-error"
+    )
+  end
+end

data/lib/daisy_ui/theme_controller.rb

@@ -0,0 +1,64 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  # @component html class="theme-controller"
+  # Theme controller changes the theme when checkbox/radio is checked
+  # Supports common patterns: swap, toggle, dropdown, radio buttons
+  class ThemeController < Base
+    self.component_class = "theme-controller"
+
+    register_modifiers(
+      # "sm:swap"
+      # "md:swap"
+      # "lg:swap"
+      swap: "swap",
+      # "sm:swap sm:swap-rotate"
+      # "md:swap md:swap-rotate"
+      # "lg:swap lg:swap-rotate"
+      swap_rotate: "swap swap-rotate",
+      # "sm:swap sm:swap-flip"
+      # "md:swap md:swap-flip"
+      # "lg:swap lg:swap-flip"
+      swap_flip: "swap swap-flip",
+      # "sm:toggle"
+      # "md:toggle"
+      # "lg:toggle"
+      toggle: "toggle"
+    )
+
+    def initialize(*, theme_value: nil, checked: false, as: :input, **)
+      super(*, as:, **)
+      @theme_value = theme_value
+      @checked = checked
+    end
+
+    def view_template(&block)
+      # Input always has just the theme-controller class
+      input_classes = self.class.component_class.to_s
+
+      attrs = {type: :checkbox, class: input_classes}
+      attrs[:value] = theme_value if theme_value
+      attrs[:checked] = true if checked
+      attrs.merge!(options)
+
+      if block
+        # If block given, wrap in label with modifier classes (swap, toggle, etc.)
+        wrapper_classes = merge_classes(*modifier_classes, *responsive_classes)
+
+        label(class: wrapper_classes) do
+          public_send(as, **attrs)
+          whitespace
+          block.call
+          whitespace
+        end
+      else
+        # Just render the input
+        public_send(as, **attrs)
+      end
+    end
+
+    private
+
+    attr_reader :theme_value, :checked
+  end
+end

data/lib/daisy_ui/timeline.rb

@@ -0,0 +1,66 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  # @component html class="timeline"
+  class Timeline < Base
+    self.component_class = :timeline
+
+    def initialize(*, as: :ul, **)
+      super
+    end
+
+    def view_template(&)
+      public_send(as, class: classes, **attributes, &)
+    end
+
+    def start(**opts, &)
+      div(class: component_classes("timeline-start", options: opts), **opts, &)
+    end
+
+    def middle(**opts, &)
+      div(class: component_classes("timeline-middle", options: opts), **opts, &)
+    end
+
+    def end(**opts, &)
+      div(class: component_classes("timeline-end", options: opts), **opts, &)
+    end
+
+    register_modifiers(
+      # "sm:timeline-snap-icon"
+      # "@sm:timeline-snap-icon"
+      # "md:timeline-snap-icon"
+      # "@md:timeline-snap-icon"
+      # "lg:timeline-snap-icon"
+      # "@lg:timeline-snap-icon"
+      snap_icon: "timeline-snap-icon",
+      # "sm:timeline-box"
+      # "@sm:timeline-box"
+      # "md:timeline-box"
+      # "@md:timeline-box"
+      # "lg:timeline-box"
+      # "@lg:timeline-box"
+      box: "timeline-box",
+      # "sm:timeline-compact"
+      # "@sm:timeline-compact"
+      # "md:timeline-compact"
+      # "@md:timeline-compact"
+      # "lg:timeline-compact"
+      # "@lg:timeline-compact"
+      compact: "timeline-compact",
+      # "sm:timeline-vertical"
+      # "@sm:timeline-vertical"
+      # "md:timeline-vertical"
+      # "@md:timeline-vertical"
+      # "lg:timeline-vertical"
+      # "@lg:timeline-vertical"
+      vertical: "timeline-vertical",
+      # "sm:timeline-horizontal"
+      # "@sm:timeline-horizontal"
+      # "md:timeline-horizontal"
+      # "@md:timeline-horizontal"
+      # "lg:timeline-horizontal"
+      # "@lg:timeline-horizontal"
+      horizontal: "timeline-horizontal"
+    )
+  end
+end

data/lib/daisy_ui/toast.rb

@@ -0,0 +1,61 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  # @component html class="toast"
+  class Toast < Base
+    self.component_class = :toast
+
+    def initialize(*, as: :div, **)
+      super
+    end
+
+    def view_template(&)
+      public_send(as, class: classes, **attributes, &)
+    end
+
+    register_modifiers(
+      # "sm:toast-start"
+      # "@sm:toast-start"
+      # "md:toast-start"
+      # "@md:toast-start"
+      # "lg:toast-start"
+      # "@lg:toast-start"
+      start: "toast-start",
+      # "sm:toast-center"
+      # "@sm:toast-center"
+      # "md:toast-center"
+      # "@md:toast-center"
+      # "lg:toast-center"
+      # "@lg:toast-center"
+      center: "toast-center",
+        # "sm:toast-end"
+        # "@sm:toast-end"
+        # "md:toast-end"
+        # "@md:toast-end"
+        # "lg:toast-end"
+        # "@lg:toast-end"
+      end: "toast-end",
+      # "sm:toast-top"
+      # "@sm:toast-top"
+      # "md:toast-top"
+      # "@md:toast-top"
+      # "lg:toast-top"
+      # "@lg:toast-top"
+      top: "toast-top",
+      # "sm:toast-middle"
+      # "@sm:toast-middle"
+      # "md:toast-middle"
+      # "@md:toast-middle"
+      # "lg:toast-middle"
+      # "@lg:toast-middle"
+      middle: "toast-middle",
+      # "sm:toast-bottom"
+      # "@sm:toast-bottom"
+      # "md:toast-bottom"
+      # "@md:toast-bottom"
+      # "lg:toast-bottom"
+      # "@lg:toast-bottom"
+      bottom: "toast-bottom"
+    )
+  end
+end

data/lib/daisy_ui/toggle.rb

@@ -0,0 +1,110 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  # @component html class="toggle"
+  class Toggle < Base
+    self.component_class = :toggle
+
+    def initialize(*, as: :input, **)
+      super
+    end
+
+    def view_template(&)
+      public_send(as, type: :checkbox, class: classes, **attributes, &)
+    end
+
+    register_modifiers(
+      # "sm:toggle-xs"
+      # "@sm:toggle-xs"
+      # "md:toggle-xs"
+      # "@md:toggle-xs"
+      # "lg:toggle-xs"
+      # "@lg:toggle-xs"
+      xs: "toggle-xs",
+      # "sm:toggle-sm"
+      # "@sm:toggle-sm"
+      # "md:toggle-sm"
+      # "@md:toggle-sm"
+      # "lg:toggle-sm"
+      # "@lg:toggle-sm"
+      sm: "toggle-sm",
+      # "sm:toggle-md"
+      # "@sm:toggle-md"
+      # "md:toggle-md"
+      # "@md:toggle-md"
+      # "lg:toggle-md"
+      # "@lg:toggle-md"
+      md: "toggle-md",
+      # "sm:toggle-lg"
+      # "@sm:toggle-lg"
+      # "md:toggle-lg"
+      # "@md:toggle-lg"
+      # "lg:toggle-lg"
+      # "@lg:toggle-lg"
+      lg: "toggle-lg",
+      # "sm:toggle-xl"
+      # "@sm:toggle-xl"
+      # "md:toggle-xl"
+      # "@md:toggle-xl"
+      # "lg:toggle-xl"
+      # "@lg:toggle-xl"
+      xl: "toggle-xl",
+      # "sm:toggle-primary"
+      # "@sm:toggle-primary"
+      # "md:toggle-primary"
+      # "@md:toggle-primary"
+      # "lg:toggle-primary"
+      # "@lg:toggle-primary"
+      primary: "toggle-primary",
+      # "sm:toggle-secondary"
+      # "@sm:toggle-secondary"
+      # "md:toggle-secondary"
+      # "@md:toggle-secondary"
+      # "lg:toggle-secondary"
+      # "@lg:toggle-secondary"
+      secondary: "toggle-secondary",
+      # "sm:toggle-accent"
+      # "@sm:toggle-accent"
+      # "md:toggle-accent"
+      # "@md:toggle-accent"
+      # "lg:toggle-accent"
+      # "@lg:toggle-accent"
+      accent: "toggle-accent",
+      # "sm:toggle-neutral"
+      # "@sm:toggle-neutral"
+      # "md:toggle-neutral"
+      # "@md:toggle-neutral"
+      # "lg:toggle-neutral"
+      # "@lg:toggle-neutral"
+      neutral: "toggle-neutral",
+      # "sm:toggle-success"
+      # "@sm:toggle-success"
+      # "md:toggle-success"
+      # "@md:toggle-success"
+      # "lg:toggle-success"
+      # "@lg:toggle-success"
+      success: "toggle-success",
+      # "sm:toggle-warning"
+      # "@sm:toggle-warning"
+      # "md:toggle-warning"
+      # "@md:toggle-warning"
+      # "lg:toggle-warning"
+      # "@lg:toggle-warning"
+      warning: "toggle-warning",
+      # "sm:toggle-info"
+      # "@sm:toggle-info"
+      # "md:toggle-info"
+      # "@md:toggle-info"
+      # "lg:toggle-info"
+      # "@lg:toggle-info"
+      info: "toggle-info",
+      # "sm:toggle-error"
+      # "@sm:toggle-error"
+      # "md:toggle-error"
+      # "@md:toggle-error"
+      # "lg:toggle-error"
+      # "@lg:toggle-error"
+      error: "toggle-error"
+    )
+  end
+end

data/lib/daisy_ui/tooltip.rb

@@ -0,0 +1,107 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  class Tooltip < Base
+    self.component_class = :tooltip
+
+    def initialize(*, tip:, as: :div, **)
+      super(*, as:, **)
+      @tip = tip
+    end
+
+    def view_template(&)
+      public_send(as, class: classes, data_tip: tip, **attributes, &)
+    end
+
+    private
+
+    attr_reader :tip
+
+    register_modifiers(
+      # "sm:tooltip-open"
+      # "@sm:tooltip-open"
+      # "md:tooltip-open"
+      # "@md:tooltip-open"
+      # "lg:tooltip-open"
+      # "@lg:tooltip-open"
+      open: "tooltip-open",
+      # "sm:tooltip-top"
+      # "@sm:tooltip-top"
+      # "md:tooltip-top"
+      # "@md:tooltip-top"
+      # "lg:tooltip-top"
+      # "@lg:tooltip-top"
+      top: "tooltip-top",
+      # "sm:tooltip-bottom"
+      # "@sm:tooltip-bottom"
+      # "md:tooltip-bottom"
+      # "@md:tooltip-bottom"
+      # "lg:tooltip-bottom"
+      # "@lg:tooltip-bottom"
+      bottom: "tooltip-bottom",
+      # "sm:tooltip-left"
+      # "@sm:tooltip-left"
+      # "md:tooltip-left"
+      # "@md:tooltip-left"
+      # "lg:tooltip-left"
+      # "@lg:tooltip-left"
+      left: "tooltip-left",
+      # "sm:tooltip-right"
+      # "@sm:tooltip-right"
+      # "md:tooltip-right"
+      # "@md:tooltip-right"
+      # "lg:tooltip-right"
+      # "@lg:tooltip-right"
+      right: "tooltip-right",
+      # "sm:tooltip-primary"
+      # "@sm:tooltip-primary"
+      # "md:tooltip-primary"
+      # "@md:tooltip-primary"
+      # "lg:tooltip-primary"
+      # "@lg:tooltip-primary"
+      primary: "tooltip-primary",
+      # "sm:tooltip-secondary"
+      # "@sm:tooltip-secondary"
+      # "md:tooltip-secondary"
+      # "@md:tooltip-secondary"
+      # "lg:tooltip-secondary"
+      # "@lg:tooltip-secondary"
+      secondary: "tooltip-secondary",
+      # "sm:tooltip-accent"
+      # "@sm:tooltip-accent"
+      # "md:tooltip-accent"
+      # "@md:tooltip-accent"
+      # "lg:tooltip-accent"
+      # "@lg:tooltip-accent"
+      accent: "tooltip-accent",
+      # "sm:tooltip-info"
+      # "@sm:tooltip-info"
+      # "md:tooltip-info"
+      # "@md:tooltip-info"
+      # "lg:tooltip-info"
+      # "@lg:tooltip-info"
+      info: "tooltip-info",
+      # "sm:tooltip-success"
+      # "@sm:tooltip-success"
+      # "md:tooltip-success"
+      # "@md:tooltip-success"
+      # "lg:tooltip-success"
+      # "@lg:tooltip-success"
+      success: "tooltip-success",
+      # "sm:tooltip-warning"
+      # "@sm:tooltip-warning"
+      # "md:tooltip-warning"
+      # "@md:tooltip-warning"
+      # "lg:tooltip-warning"
+      # "@lg:tooltip-warning"
+      warning: "tooltip-warning",
+      # "sm:tooltip-error"
+      # "@sm:tooltip-error"
+      # "md:tooltip-error"
+      # "@md:tooltip-error"
+      # "lg:tooltip-error"
+      # "@lg:tooltip-error"
+      error: "tooltip-error"
+    )
+  end
+end

data/lib/daisy_ui/updated_at.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  # This timestamp is automatically updated when releasing a new version
+  # Format: YYYY-MM-DD HH:MM:SS UTC
+  UPDATED_AT = "2025-11-08 01:13:57 UTC"
+end

data/lib/daisy_ui/validator.rb

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  # @component html class="validator"
+  class Validator < Base
+    self.component_class = :validator
+
+    def initialize(*, as: :input, **)
+      super
+    end
+
+    def view_template(&block)
+      block&.call(self)
+
+      public_send(as, class: classes, **attributes)
+
+      # Render hint if it was set
+      @hint&.call
+    end
+
+    def hint(**options, &block)
+      @hint = -> { p(class: component_classes("validator-hint", options: options), **options, &block) }
+    end
+  end
+end

data/lib/daisy_ui/version.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  VERSION = "1.0.0"
+end

data/lib/daisy_ui.rb

@@ -0,0 +1,17 @@
+require "phlex"
+require "zeitwerk"
+require_relative "daisy_ui/version"
+require_relative "daisy_ui/updated_at"
+
+loader = Zeitwerk::Loader.for_gem
+loader.inflector.inflect(
+  "daisy_ui" => "DaisyUI"
+)
+loader.ignore("#{__dir__}/daisy_ui/updated_at.rb")
+loader.setup # ready!
+loader.load_file("#{__dir__}/daisy_ui/base.rb")
+
+module DaisyUI
+  extend Configurable
+  extend Phlex::Kit
+end