daisyui 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 3a564d7aec76c78ac4e110e35fd555266479b9227fbafd15ee71eb0a60de5d2e
+  data.tar.gz: 42613dc36df55a9c948909b261eeda51b3cd0856f3fb270a2c7fef7c17516713
+SHA512:
+  metadata.gz: 2f68431a6c62e5c0c947b013e1a7b0383cb9f6b5b273f5a9bb97a91fe1f9ab41412fa5969f32b58bef6cdf1dc5146b372b0be9e6ec51bdbde84923457d27d57c
+  data.tar.gz: 6edad53184274486618aa899945046b4eac33d98d63a02b2a6d79b5b887485e6170091635e5f0597967e3a059e00fbdab23ec48607ddfe95c54cb56c4e17faac

data/lib/daisy_ui/accordion.rb

@@ -0,0 +1,49 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  # @component html class="collapse"
+  class Accordion < Base
+    self.component_class = :collapse
+
+    def initialize(*, name:, checked: false, as: :div, **)
+      super(*, as:, **)
+      @name = name
+      @checked = checked
+    end
+
+    def view_template(&block)
+      public_send(as, class: classes, **attributes) do
+        input(type: :radio, name:, checked:)
+        div(class: "collapse-title", &title_block) if title_block
+        div(class: "collapse-content", &block) if block
+      end
+    end
+
+    def title(&block)
+      @title_block = block
+    end
+
+    private
+
+    attr_reader :name, :checked, :title_block
+
+    register_modifiers(
+      # "sm:collapse-arrow"
+      # "md:collapse-arrow"
+      # "lg:collapse-arrow"
+      arrow: "collapse-arrow",
+      # "sm:collapse-plus"
+      # "md:collapse-plus"
+      # "lg:collapse-plus"
+      plus: "collapse-plus",
+      # "sm:collapse-open"
+      # "md:collapse-open"
+      # "lg:collapse-open"
+      open: "collapse-open",
+      # "sm:collapse-close"
+      # "md:collapse-close"
+      # "lg:collapse-close"
+      close: "collapse-close"
+    )
+  end
+end

data/lib/daisy_ui/alert.rb

@@ -0,0 +1,76 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  class Alert < Base
+    self.component_class = :alert
+
+    def initialize(*, as: :div, **)
+      super
+    end
+
+    def view_template(&)
+      public_send(as, role: :alert, class: classes, **attributes, &)
+    end
+
+    private
+
+    register_modifiers(
+      # "sm:alert-info"
+      # "@sm:alert-info"
+      # "md:alert-info"
+      # "@md:alert-info"
+      # "lg:alert-info"
+      # "@lg:alert-info"
+      info: "alert-info",
+      # "sm:alert-success"
+      # "@sm:alert-success"
+      # "md:alert-success"
+      # "@md:alert-success"
+      # "lg:alert-success"
+      # "@lg:alert-success"
+      success: "alert-success",
+      # "sm:alert-warning"
+      # "@sm:alert-warning"
+      # "md:alert-warning"
+      # "@md:alert-warning"
+      # "lg:alert-warning"
+      # "@lg:alert-warning"
+      warning: "alert-warning",
+      # "sm:alert-error"
+      # "@sm:alert-error"
+      # "md:alert-error"
+      # "@md:alert-error"
+      # "lg:alert-error"
+      # "@lg:alert-error"
+      error: "alert-error",
+      # "sm:alert-neutral"
+      # "@sm:alert-neutral"
+      # "md:alert-neutral"
+      # "@md:alert-neutral"
+      # "lg:alert-neutral"
+      # "@lg:alert-neutral"
+      neutral: "alert-neutral",
+      # "sm:alert-primary"
+      # "@sm:alert-primary"
+      # "md:alert-primary"
+      # "@md:alert-primary"
+      # "lg:alert-primary"
+      # "@lg:alert-primary"
+      primary: "alert-primary",
+      # "sm:alert-secondary"
+      # "@sm:alert-secondary"
+      # "md:alert-secondary"
+      # "@md:alert-secondary"
+      # "lg:alert-secondary"
+      # "@lg:alert-secondary"
+      secondary: "alert-secondary",
+      # "sm:alert-accent"
+      # "@sm:alert-accent"
+      # "md:alert-accent"
+      # "@md:alert-accent"
+      # "lg:alert-accent"
+      # "@lg:alert-accent"
+      accent: "alert-accent"
+    )
+  end
+end

data/lib/daisy_ui/avatar.rb

@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  class Avatar < Base
+    self.component_class = :avatar
+
+    def initialize(*, as: :div, **)
+      super
+    end
+
+    def view_template(&)
+      public_send(as, class: classes, **attributes, &)
+    end
+
+    private
+
+    register_modifiers(
+      # "sm:online"
+      # "@sm:online"
+      # "md:online"
+      # "@md:online"
+      # "lg:online"
+      # "@lg:online"
+      online: "online",
+      # "sm:offline"
+      # "@sm:offline"
+      # "md:offline"
+      # "@md:offline"
+      # "lg:offline"
+      # "@lg:offline"
+      offline: "offline",
+      # "sm:placeholder"
+      # "@sm:placeholder"
+      # "md:placeholder"
+      # "@md:placeholder"
+      # "lg:placeholder"
+      # "@lg:placeholder"
+      placeholder: "placeholder"
+    )
+  end
+end

data/lib/daisy_ui/avatar_group.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  class AvatarGroup < Base
+    self.component_class = "avatar-group"
+
+    def initialize(*, as: :div, **)
+      super
+    end
+
+    def view_template(&)
+      public_send(as, class: classes, **attributes, &)
+    end
+
+    def avatar(*, **, &)
+      render DaisyUI::Avatar.new(*, **, &)
+    end
+  end
+end

data/lib/daisy_ui/badge.rb

@@ -0,0 +1,118 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  class Badge < Base
+    self.component_class = :badge
+
+    def initialize(*, as: :span, **)
+      super
+    end
+
+    def view_template(&)
+      public_send(as, class: classes, **attributes, &)
+    end
+
+    private
+
+    register_modifiers(
+      # "sm:badge-neutral"
+      # "@sm:badge-neutral"
+      # "md:badge-neutral"
+      # "@md:badge-neutral"
+      # "lg:badge-neutral"
+      # "@lg:badge-neutral"
+      neutral: "badge-neutral",
+      # "sm:badge-primary"
+      # "@sm:badge-primary"
+      # "md:badge-primary"
+      # "@md:badge-primary"
+      # "lg:badge-primary"
+      # "@lg:badge-primary"
+      primary: "badge-primary",
+      # "sm:badge-secondary"
+      # "@sm:badge-secondary"
+      # "md:badge-secondary"
+      # "@md:badge-secondary"
+      # "lg:badge-secondary"
+      # "@lg:badge-secondary"
+      secondary: "badge-secondary",
+      # "sm:badge-accent"
+      # "@sm:badge-accent"
+      # "md:badge-accent"
+      # "@md:badge-accent"
+      # "lg:badge-accent"
+      # "@lg:badge-accent"
+      accent: "badge-accent",
+      # "sm:badge-ghost"
+      # "@sm:badge-ghost"
+      # "md:badge-ghost"
+      # "@md:badge-ghost"
+      # "lg:badge-ghost"
+      # "@lg:badge-ghost"
+      ghost: "badge-ghost",
+      # "sm:badge-info"
+      # "@sm:badge-info"
+      # "md:badge-info"
+      # "@md:badge-info"
+      # "lg:badge-info"
+      # "@lg:badge-info"
+      info: "badge-info",
+      # "sm:badge-success"
+      # "@sm:badge-success"
+      # "md:badge-success"
+      # "@md:badge-success"
+      # "lg:badge-success"
+      # "@lg:badge-success"
+      success: "badge-success",
+      # "sm:badge-warning"
+      # "@sm:badge-warning"
+      # "md:badge-warning"
+      # "@md:badge-warning"
+      # "lg:badge-warning"
+      # "@lg:badge-warning"
+      warning: "badge-warning",
+      # "sm:badge-error"
+      # "@sm:badge-error"
+      # "md:badge-error"
+      # "@md:badge-error"
+      # "lg:badge-error"
+      # "@lg:badge-error"
+      error: "badge-error",
+      # "sm:badge-outline"
+      # "@sm:badge-outline"
+      # "md:badge-outline"
+      # "@md:badge-outline"
+      # "lg:badge-outline"
+      # "@lg:badge-outline"
+      outline: "badge-outline",
+      # "sm:badge-lg"
+      # "@sm:badge-lg"
+      # "md:badge-lg"
+      # "@md:badge-lg"
+      # "lg:badge-lg"
+      # "@lg:badge-lg"
+      lg: "badge-lg",
+      # "sm:badge-md"
+      # "@sm:badge-md"
+      # "md:badge-md"
+      # "@md:badge-md"
+      # "lg:badge-md"
+      # "@lg:badge-md"
+      md: "badge-md",
+      # "sm:badge-sm"
+      # "@sm:badge-sm"
+      # "md:badge-sm"
+      # "@md:badge-sm"
+      # "lg:badge-sm"
+      # "@lg:badge-sm"
+      sm: "badge-sm",
+      # "sm:badge-xs"
+      # "@sm:badge-xs"
+      # "md:badge-xs"
+      # "@md:badge-xs"
+      # "lg:badge-xs"
+      # "@lg:badge-xs"
+      xs: "badge-xs"
+    )
+  end
+end

data/lib/daisy_ui/base.rb

@@ -0,0 +1,239 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  class Base < Phlex::HTML
+    # Shared color modifiers used across multiple components
+    # Maps color names to their DaisyUI background/text class combinations
+    COLOR_MODIFIERS = {
+      # "sm:bg-primary sm:text-primary-content"
+      # "@sm:bg-primary @sm:text-primary-content"
+      # "md:bg-primary md:text-primary-content"
+      # "@md:bg-primary @md:text-primary-content"
+      # "lg:bg-primary lg:text-primary-content"
+      # "@lg:bg-primary @lg:text-primary-content"
+      primary: "bg-primary text-primary-content",
+      # "sm:bg-secondary sm:text-secondary-content"
+      # "@sm:bg-secondary @sm:text-secondary-content"
+      # "md:bg-secondary md:text-secondary-content"
+      # "@md:bg-secondary @md:text-secondary-content"
+      # "lg:bg-secondary lg:text-secondary-content"
+      # "@lg:bg-secondary @lg:text-secondary-content"
+      secondary: "bg-secondary text-secondary-content",
+      # "sm:bg-accent sm:text-accent-content"
+      # "@sm:bg-accent @sm:text-accent-content"
+      # "md:bg-accent md:text-accent-content"
+      # "@md:bg-accent @md:text-accent-content"
+      # "lg:bg-accent lg:text-accent-content"
+      # "@lg:bg-accent @lg:text-accent-content"
+      accent: "bg-accent text-accent-content",
+      # "sm:bg-neutral sm:text-neutral-content"
+      # "@sm:bg-neutral @sm:text-neutral-content"
+      # "md:bg-neutral md:text-neutral-content"
+      # "@md:bg-neutral @md:text-neutral-content"
+      # "lg:bg-neutral lg:text-neutral-content"
+      # "@lg:bg-neutral @lg:text-neutral-content"
+      neutral: "bg-neutral text-neutral-content",
+      # "sm:bg-base-100 sm:text-base-content"
+      # "@sm:bg-base-100 @sm:text-base-content"
+      # "md:bg-base-100 md:text-base-content"
+      # "@md:bg-base-100 @md:text-base-content"
+      # "lg:bg-base-100 lg:text-base-content"
+      # "@lg:bg-base-100 @lg:text-base-content"
+      base_100: "bg-base-100 text-base-content",
+      # "sm:bg-base-200 sm:text-base-content"
+      # "@sm:bg-base-200 @sm:text-base-content"
+      # "md:bg-base-200 md:text-base-content"
+      # "@md:bg-base-200 @md:text-base-content"
+      # "lg:bg-base-200 lg:text-base-content"
+      # "@lg:bg-base-200 @lg:text-base-content"
+      base_200: "bg-base-200 text-base-content",
+      # "sm:bg-base-300 sm:text-base-content"
+      # "@sm:bg-base-300 @sm:text-base-content"
+      # "md:bg-base-300 md:text-base-content"
+      # "@md:bg-base-300 @md:text-base-content"
+      # "lg:bg-base-300 lg:text-base-content"
+      # "@lg:bg-base-300 @lg:text-base-content"
+      base_300: "bg-base-300 text-base-content",
+      # "sm:bg-info sm:text-info-content"
+      # "@sm:bg-info @sm:text-info-content"
+      # "md:bg-info md:text-info-content"
+      # "@md:bg-info @md:text-info-content"
+      # "lg:bg-info lg:text-info-content"
+      # "@lg:bg-info @lg:text-info-content"
+      info: "bg-info text-info-content",
+      # "sm:bg-success sm:text-success-content"
+      # "@sm:bg-success @sm:text-success-content"
+      # "md:bg-success md:text-success-content"
+      # "@md:bg-success @md:text-success-content"
+      # "lg:bg-success lg:text-success-content"
+      # "@lg:bg-success @lg:text-success-content"
+      success: "bg-success text-success-content",
+      # "sm:bg-warning sm:text-warning-content"
+      # "@sm:bg-warning @sm:text-warning-content"
+      # "md:bg-warning md:text-warning-content"
+      # "@md:bg-warning @md:text-warning-content"
+      # "lg:bg-warning lg:text-warning-content"
+      # "@lg:bg-warning @lg:text-warning-content"
+      warning: "bg-warning text-warning-content",
+      # "sm:bg-error sm:text-error-content"
+      # "@sm:bg-error @sm:text-error-content"
+      # "md:bg-error md:text-error-content"
+      # "@md:bg-error @md:text-error-content"
+      # "lg:bg-error lg:text-error-content"
+      # "@lg:bg-error @lg:text-error-content"
+      error: "bg-error text-error-content"
+    }.freeze
+
+    class << self
+      attr_writer :component_class
+      attr_accessor :modifiers
+
+      def component_class
+        return @component_class if instance_variable_defined?(:@component_class)
+
+        @component_class = begin
+          # Convert "DaisyUI::Button" -> "button"
+          class_name = name.split("::").last # demodulize
+          class_name.gsub(/([A-Z]+)([A-Z][a-z])/, '\1_\2')
+            .gsub(/([a-z\d])([A-Z])/, '\1_\2')
+            .tr("_", "-")
+            .downcase
+        end
+      end
+
+      def inherited(subclass)
+        super
+        subclass.modifiers = (modifiers || {}).dup
+        # Inherit component_class if it was explicitly set
+        if instance_variable_defined?(:@component_class)
+          subclass.component_class = @component_class
+        end
+      end
+
+      def register_modifiers(mods)
+        self.modifiers = (modifiers || {}).merge(mods)
+      end
+    end
+
+    def initialize(*modifiers, as: :div, id: nil, **options)
+      # Extract boolean modifiers from options (e.g., primary: true, secondary: false)
+      boolean_modifiers = extract_boolean_modifiers(options)
+
+      @modifiers = modifiers + boolean_modifiers
+      @as = as
+      @id = id
+      @options = options
+    end
+
+    private
+
+    attr_reader :modifiers, :options, :as, :id
+
+    # Main extension points - override these in your project!
+    def classes
+      merge_classes(
+        base_class,
+        *modifier_classes,
+        *responsive_classes,
+        options.delete(:class)
+      )
+    end
+
+    def attributes
+      merge_attributes(**options)
+    end
+
+    # Simple defaults - easy to override
+    def merge_classes(*parts)
+      result = parts.compact.join(" ")
+      result.empty? ? nil : result
+    end
+
+    def merge_attributes(**attrs)
+      attrs
+    end
+
+    # Core functionality
+    def base_class
+      # If responsive option includes `true`, base class should only appear with responsive prefix
+      if options[:responsive]&.values&.any? { |mods| Array(mods).include?(true) }
+        return nil
+      end
+
+      apply_prefix(self.class.component_class&.to_s)
+    end
+
+    def modifier_classes
+      modifiers.filter_map { |m| apply_prefix(modifier_map[m]) }
+    end
+
+    def responsive_classes
+      return [] unless (resp = options.delete(:responsive))
+
+      resp.flat_map do |breakpoint, mods|
+        Array(mods).flat_map do |mod|
+          # Handle `true` as a special value to apply responsive to base class
+          if mod == true
+            base_class_value = self.class.component_class
+            next unless base_class_value
+
+            "#{breakpoint}:#{apply_prefix(base_class_value)}"
+          else
+            # Get the modifier classes (may be multiple like "bg-primary text-primary-content")
+            modifier_classes = modifier_map[mod]
+            next unless modifier_classes
+
+            # Split and apply breakpoint prefix to each class
+            modifier_classes.split.map do |css_class|
+              "#{breakpoint}:#{apply_prefix(css_class)}"
+            end
+          end
+        end
+      end.compact
+    end
+
+    def modifier_map
+      {
+        skeleton: "skeleton",
+        **(self.class.modifiers || {}),
+        **DaisyUI.configuration.modifiers.for(component: self.class),
+        **DaisyUI.configuration.modifiers.for(component: nil)
+      }
+    end
+
+    def extract_boolean_modifiers(options)
+      modifier_keys = modifier_map.keys
+      boolean_mods = []
+
+      modifier_keys.each do |key|
+        if options.key?(key) && (options[key] == true || options[key] == false)
+          boolean_mods << key if options.delete(key) == true
+        end
+      end
+
+      boolean_mods
+    end
+
+    def apply_prefix(css_class)
+      return css_class unless css_class
+      return css_class unless (prefix = DaisyUI.configuration.prefix)
+
+      css_class.split.map { |c| "#{prefix}#{c}" }.join(" ")
+    end
+
+    # Helper for sub-components
+    # Builds CSS classes for sub-components, merging with any custom classes
+    def component_classes(*base_classes, options: self.options)
+      prefixed_classes = base_classes.map { |c| apply_prefix(c) }
+      merge_classes(*prefixed_classes, options.delete(:class))
+    end
+
+    def render_as(*, as:, **, &)
+      if as.is_a?(Symbol)
+        public_send(as, *, **, &)
+      else
+        render as.new(*, **, &)
+      end
+    end
+  end
+end

data/lib/daisy_ui/breadcrumbs.rb

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  class Breadcrumbs < Base
+    self.component_class = :breadcrumbs
+
+    def initialize(*, as: :div, **)
+      super
+    end
+
+    def view_template(&)
+      public_send(as, class: classes, **attributes) do
+        ul(&)
+      end
+    end
+
+    def crumb(**opts, &)
+      li(class: component_classes(options: opts), **opts, &)
+    end
+    alias_method :breadcrumb, :crumb
+    alias_method :item, :crumb
+
+    register_modifiers({})
+  end
+end