daisyui 1.1.0 → 1.2.0

data/lib/daisy_ui/aura.rb

@@ -0,0 +1,93 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  class Aura < Base
+    self.component_class = :aura
+
+    def view_template(&)
+      public_send(as, class: classes, **attributes, &)
+    end
+
+    register_modifiers(
+      # Styles
+      # "sm:aura-dual"
+      # "@sm:aura-dual"
+      # "md:aura-dual"
+      # "@md:aura-dual"
+      # "lg:aura-dual"
+      # "@lg:aura-dual"
+      dual: "aura-dual",
+      # "sm:aura-rainbow"
+      # "@sm:aura-rainbow"
+      # "md:aura-rainbow"
+      # "@md:aura-rainbow"
+      # "lg:aura-rainbow"
+      # "@lg:aura-rainbow"
+      rainbow: "aura-rainbow",
+      # "sm:aura-holo"
+      # "@sm:aura-holo"
+      # "md:aura-holo"
+      # "@md:aura-holo"
+      # "lg:aura-holo"
+      # "@lg:aura-holo"
+      holo: "aura-holo",
+      # "sm:aura-gold"
+      # "@sm:aura-gold"
+      # "md:aura-gold"
+      # "@md:aura-gold"
+      # "lg:aura-gold"
+      # "@lg:aura-gold"
+      gold: "aura-gold",
+      # "sm:aura-silver"
+      # "@sm:aura-silver"
+      # "md:aura-silver"
+      # "@md:aura-silver"
+      # "lg:aura-silver"
+      # "@lg:aura-silver"
+      silver: "aura-silver",
+      # "sm:aura-glow"
+      # "@sm:aura-glow"
+      # "md:aura-glow"
+      # "@md:aura-glow"
+      # "lg:aura-glow"
+      # "@lg:aura-glow"
+      glow: "aura-glow",
+      # Sizes
+      # "sm:aura-xs"
+      # "@sm:aura-xs"
+      # "md:aura-xs"
+      # "@md:aura-xs"
+      # "lg:aura-xs"
+      # "@lg:aura-xs"
+      xs: "aura-xs",
+      # "sm:aura-sm"
+      # "@sm:aura-sm"
+      # "md:aura-sm"
+      # "@md:aura-sm"
+      # "lg:aura-sm"
+      # "@lg:aura-sm"
+      sm: "aura-sm",
+      # "sm:aura-md"
+      # "@sm:aura-md"
+      # "md:aura-md"
+      # "@md:aura-md"
+      # "lg:aura-md"
+      # "@lg:aura-md"
+      md: "aura-md",
+      # "sm:aura-lg"
+      # "@sm:aura-lg"
+      # "md:aura-lg"
+      # "@md:aura-lg"
+      # "lg:aura-lg"
+      # "@lg:aura-lg"
+      lg: "aura-lg",
+      # "sm:aura-xl"
+      # "@sm:aura-xl"
+      # "md:aura-xl"
+      # "@md:aura-xl"
+      # "lg:aura-xl"
+      # "@lg:aura-xl"
+      xl: "aura-xl"
+    )
+  end
+end

data/lib/daisy_ui/base.rb

@@ -224,7 +224,7 @@ module DaisyUI
             base_class_value = self.class.component_class
             next unless base_class_value
 
-            "#{breakpoint}:#{apply_prefix(base_class_value)}"
+            "#{breakpoint}:#{apply_prefix(base_class_value.to_s)}"
           else
             # Get the modifier classes (may be multiple like "bg-primary text-primary-content")
             modifier_classes = modifier_map[mod]

data/lib/daisy_ui/breadcrumbs.rb

@@ -11,7 +11,7 @@ module DaisyUI
     end
 
     def crumb(href: nil, **options, &block)
-      li(class: component_classes(options: options), **options) do
+      li(class: component_classes(options:), **options) do
         if href
           a(href: href, &block)
         else

data/lib/daisy_ui/button.rb

@@ -31,7 +31,12 @@ module DaisyUI
 
     register_modifiers(
       # Styles
-      # "sm:btn-ghost" "md:btn-ghost" "lg:btn-ghost"
+      # "sm:btn-ghost"
+      # "@sm:btn-ghost"
+      # "md:btn-ghost"
+      # "@md:btn-ghost"
+      # "lg:btn-ghost"
+      # "@lg:btn-ghost"
       ghost: "btn-ghost",
       # "sm:btn-link"
       # "@sm:btn-link"

data/lib/daisy_ui/carousel.rb

@@ -28,12 +28,12 @@ module DaisyUI
       # "lg:carousel-center"
       # "@lg:carousel-center"
       center: "carousel-center",
-        # "sm:carousel-end"
-        # "@sm:carousel-end"
-        # "md:carousel-end"
-        # "@md:carousel-end"
-        # "lg:carousel-end"
-        # "@lg:carousel-end"
+      # "sm:carousel-end"
+      # "@sm:carousel-end"
+      # "md:carousel-end"
+      # "@md:carousel-end"
+      # "lg:carousel-end"
+      # "@lg:carousel-end"
       end: "carousel-end",
       # "sm:carousel-vertical"
       # "@sm:carousel-vertical"

data/lib/daisy_ui/chat.rb

@@ -107,12 +107,8 @@ module DaisyUI
     private
 
     def build_bubble_classes(modifiers, options)
-      classes = ["chat-bubble"]
-      modifiers.each do |mod|
-        classes << BUBBLE_MODIFIERS[mod] if BUBBLE_MODIFIERS.key?(mod)
-      end
-      classes << options.delete(:class) if options[:class]
-      classes.compact.join(" ")
+      modifier_classes = modifiers.filter_map { |mod| apply_prefix(BUBBLE_MODIFIERS[mod]) }
+      merge_classes(apply_prefix("chat-bubble"), *modifier_classes, options.delete(:class))
     end
   end
 end

data/lib/daisy_ui/collapsible_sub_menu.rb

@@ -7,7 +7,7 @@ module DaisyUI
 
     def initialize(*, **)
       super
-      @items ||= []
+      @items = []
     end
 
     def view_template(&block)

data/lib/daisy_ui/dropdown.rb

@@ -1,15 +1,38 @@
 # frozen_string_literal: true
 
+require "securerandom"
+
 module DaisyUI
   class Dropdown < Base
     self.component_class = :dropdown
 
-    def initialize(*modifiers, as: :div, id: nil, **options)
-      super
+    # Placement modifiers that, in :popover mode, must live on the popover
+    # element itself (DaisyUI's `position-area` rule is on `.dropdown`).
+    PLACEMENT_MODIFIERS = %i[start center end top bottom left right].freeze
+
+    # Default Stimulus identifier for the opt-in popover controller. Namespaced
+    # so it never collides with a consumer app's own `dropdown` controller.
+    DEFAULT_STIMULUS_IDENTIFIER = "daisy-dropdown"
+
+    def initialize(*modifiers, as: :div, id: nil, popover_id: nil, stimulus: false, **)
+      @popover = modifiers.include?(:popover)
+      @popover_id = popover_id if @popover
+      # stimulus: true enables the controller; a String/Symbol enables AND
+      # overrides the identifier. Only meaningful in :popover mode.
+      @stimulus = stimulus
+      super(*modifiers, as:, id:, **)
     end
 
     def view_template
-      if tap_to_close?
+      if popover?
+        # DaisyUI's popover variant is a FLAT structure: the trigger button and
+        # the popover menu are siblings, and `dropdown` + the placement class
+        # ride the popover element (that is what carries `position-area`). The
+        # wrapper here is a plain, non-positioning container.
+        public_send(as, **popover_root_attributes) do
+          yield self if block_given?
+        end
+      elsif tap_to_close?
         details(class: classes, **attributes) do
           yield self if block_given?
         end
@@ -20,38 +43,132 @@ module DaisyUI
       end
     end
 
-    def button(*, **, &)
-      if tap_to_close?
-        render Button.new(*, as: :summary, **, &)
+    def button(*modifiers, **options, &)
+      if popover?
+        render Button.new(*modifiers, as: :button, **popover_button_options(options), &)
+      elsif tap_to_close?
+        render Button.new(*modifiers, as: :summary, **options, &)
       else
-        render Button.new(*, as: :div, role: :button, tabindex: 0, **, &)
+        render Button.new(*modifiers, as: :div, role: :button, tabindex: 0, **options, &)
       end
     end
 
-    def content(*, as: :div, **options, &)
+    def content(*modifiers, as: :div, **options, &)
+      return render_as(*modifiers, as:, **popover_menu_options(options), &) if popover?
+
       content_classes = component_classes("dropdown-content", options:)
 
       if tap_to_close?
-        render_as(*, as:, class: content_classes, **options, &)
+        render_as(*modifiers, as:, class: content_classes, **options, &)
       else
-        render_as(*, as:, tabindex: 0, class: content_classes, **options, &)
+        render_as(*modifiers, as:, tabindex: 0, class: content_classes, **options, &)
       end
     end
 
-    def menu(*, **options, &)
+    def menu(*modifiers, **options, &)
+      if popover?
+        options[:role] ||= "menu"
+        return render Menu.new(*modifiers, **popover_menu_options(options), &)
+      end
+
       menu_classes = component_classes("dropdown-content", options:)
 
       if tap_to_close?
-        render Menu.new(*, class: menu_classes, **options, &)
+        render Menu.new(*modifiers, class: menu_classes, **options, &)
       else
-        render Menu.new(*, tabindex: 0, class: menu_classes, **options, &)
+        render Menu.new(*modifiers, tabindex: 0, class: menu_classes, **options, &)
       end
     end
 
+    def popover?
+      modifiers.include?(:popover)
+    end
+
     def tap_to_close?
       modifiers.include?(:tap_to_close)
     end
 
+    private
+
+    # Stable id shared by the trigger (`popovertarget`) and the popover element
+    # (`id`); the matching CSS anchor pairs `anchor-name` with `position-anchor`.
+    def popover_id
+      @popover_id ||= "dropdown_#{SecureRandom.hex(8)}"
+    end
+
+    def anchor_name
+      "#{popover_id}_anchor"
+    end
+
+    # Whether the opt-in Stimulus controller is enabled (popover mode only).
+    def stimulus?
+      @popover && @stimulus
+    end
+
+    # Resolved Stimulus identifier: the default, or a caller-supplied override.
+    def stimulus_identifier
+      return DEFAULT_STIMULUS_IDENTIFIER if @stimulus == true
+
+      @stimulus.to_s
+    end
+
+    # Wrapper attributes; in opt-in Stimulus mode add `data-controller`, merged
+    # with any caller-supplied controller token (space-joined, not clobbered).
+    def popover_root_attributes
+      attrs = attributes
+      return attrs unless stimulus?
+
+      data = (attrs[:data] || {}).dup
+      data[:controller] = [data[:controller], stimulus_identifier].compact.join(" ")
+      attrs.merge(data:)
+    end
+
+    # Trigger wiring: a real <button> (required for the Popover API invoker),
+    # `popovertarget` pointing at the menu, an `anchor-name` for CSS anchor
+    # positioning, and ARIA wiring. `aria-controls`/`aria-expanded` give assistive
+    # tech the trigger<->menu relationship and open state (the native Popover API
+    # does not mirror open state onto the invoker; the Stimulus controller keeps
+    # `aria-expanded` in sync when enabled). Caller `style`/`aria` are merged.
+    def popover_button_options(options)
+      options[:popovertarget] = popover_id
+      options[:style] = merge_style(options[:style], "anchor-name:--#{anchor_name}")
+      options[:aria] = { haspopup: "menu", controls: popover_id, expanded: "false" }.merge(options[:aria] || {})
+      merge_stimulus_data(options, target: "trigger") if stimulus?
+      options
+    end
+
+    # Popover element wiring: `dropdown` + placement classes (so `position-area`
+    # applies), `popover="auto"`, the shared id, and `position-anchor`. We strip
+    # any `dropdown-content` — that descendant rule forces `position: absolute`,
+    # which conflicts with the top-layer popover. (`role="menu"` is added by
+    # `menu`, not here, so a non-menu `content` panel is not mislabeled.)
+    def popover_menu_options(options)
+      caller_classes = Array(options.delete(:class)).flat_map { |v| v.to_s.split }.reject { |c| c.empty? || c == "dropdown-content" }
+      placement = PLACEMENT_MODIFIERS.select { |m| modifiers.include?(m) }.map { |m| apply_prefix("dropdown-#{m}") }
+
+      options[:class] = merge_classes(apply_prefix("dropdown"), *placement, *caller_classes)
+      options[:id] = popover_id
+      options[:popover] = "auto"
+      options[:style] = merge_style(options[:style], "position-anchor:--#{anchor_name}")
+      merge_stimulus_data(options, target: "menu") if stimulus?
+      options
+    end
+
+    # Add a `data-<identifier>-target` to a child element's options without
+    # clobbering caller-supplied data.
+    def merge_stimulus_data(options, target:)
+      data = (options[:data] || {}).dup
+      key = :"#{stimulus_identifier}_target"
+      existing = data[key].to_s.split
+      data[key] = (existing + [target]).uniq.join(" ")
+      options[:data] = data
+      options
+    end
+
+    def merge_style(existing, added)
+      [existing&.chomp(";"), added].compact.join(";")
+    end
+
     register_modifiers(
       # Placement
       # "sm:dropdown-start"

data/lib/daisy_ui/engine.rb

@@ -0,0 +1,36 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  # Optional Rails integration. Loaded only when Rails::Engine is defined (see
+  # lib/daisy_ui.rb), so the gem stays a plain Phlex library outside Rails.
+  #
+  # It exposes the gem's bundled JavaScript (the opt-in `daisy-dropdown`
+  # Stimulus controller) to the host app:
+  #   * appends the JS dir to importmap-rails' paths and auto-pins it, so
+  #     consumers get `daisy_ui/controllers/daisy_dropdown_controller` with no
+  #     manual pin;
+  #   * appends the JS dir to the asset load path so Propshaft/Sprockets serve
+  #     the file.
+  #
+  # The controller is opt-in at the markup level (`Dropdown(:popover, stimulus:
+  # true)`), so apps that never opt in ship no extra behavior.
+  # Asset-only engine: no isolate_namespace, since it exposes no routes, models,
+  # or helpers — only static JavaScript — and namespacing would risk surprises in
+  # the host app for no benefit.
+  class Engine < ::Rails::Engine
+    JAVASCRIPT_PATH = root.join("app/javascript")
+
+    initializer "daisy_ui.assets" do |app|
+      app.config.assets.paths << JAVASCRIPT_PATH.to_s if app.config.respond_to?(:assets)
+    end
+
+    initializer "daisy_ui.importmap", before: "importmap" do |app|
+      next unless app.config.respond_to?(:importmap)
+
+      importmap = app.config.importmap
+      importmap.paths << root.join("config/importmap.rb") if importmap.respond_to?(:paths)
+      # Reload the gem's controller in development when it changes.
+      importmap.cache_sweepers << JAVASCRIPT_PATH if importmap.respond_to?(:cache_sweepers)
+    end
+  end
+end

data/lib/daisy_ui/label.rb

@@ -30,16 +30,25 @@ module DaisyUI
 
     register_modifiers(
       # "sm:floating-label"
+      # "@sm:floating-label"
       # "md:floating-label"
+      # "@md:floating-label"
       # "lg:floating-label"
+      # "@lg:floating-label"
       floating: "floating-label",
       # "sm:input"
+      # "@sm:input"
       # "md:input"
+      # "@md:input"
       # "lg:input"
+      # "@lg:input"
       input: "input",
       # "sm:select"
+      # "@sm:select"
       # "md:select"
+      # "@md:select"
       # "lg:select"
+      # "@lg:select"
       select: "select"
     )
 

data/lib/daisy_ui/link.rb

@@ -2,7 +2,7 @@
 
 module DaisyUI
   class Link < Base
-    self.component_class = "link"
+    self.component_class = :link
 
     def view_template(&)
       a(class: classes, **attributes, &)
@@ -10,24 +10,69 @@ module DaisyUI
 
     register_modifiers(
       # Style
-      # "sm:link-hover" "md:link-hover" "lg:link-hover"
+      # "sm:link-hover"
+      # "@sm:link-hover"
+      # "md:link-hover"
+      # "@md:link-hover"
+      # "lg:link-hover"
+      # "@lg:link-hover"
       hover: "link-hover",
       # Colors
-      # "sm:link-neutral" "md:link-neutral" "lg:link-neutral"
+      # "sm:link-neutral"
+      # "@sm:link-neutral"
+      # "md:link-neutral"
+      # "@md:link-neutral"
+      # "lg:link-neutral"
+      # "@lg:link-neutral"
       neutral: "link-neutral",
-      # "sm:link-primary" "md:link-primary" "lg:link-primary"
+      # "sm:link-primary"
+      # "@sm:link-primary"
+      # "md:link-primary"
+      # "@md:link-primary"
+      # "lg:link-primary"
+      # "@lg:link-primary"
       primary: "link-primary",
-      # "sm:link-secondary" "md:link-secondary" "lg:link-secondary"
+      # "sm:link-secondary"
+      # "@sm:link-secondary"
+      # "md:link-secondary"
+      # "@md:link-secondary"
+      # "lg:link-secondary"
+      # "@lg:link-secondary"
       secondary: "link-secondary",
-      # "sm:link-accent" "md:link-accent" "lg:link-accent"
+      # "sm:link-accent"
+      # "@sm:link-accent"
+      # "md:link-accent"
+      # "@md:link-accent"
+      # "lg:link-accent"
+      # "@lg:link-accent"
       accent: "link-accent",
-      # "sm:link-info" "md:link-info" "lg:link-info"
+      # "sm:link-info"
+      # "@sm:link-info"
+      # "md:link-info"
+      # "@md:link-info"
+      # "lg:link-info"
+      # "@lg:link-info"
       info: "link-info",
-      # "sm:link-success" "md:link-success" "lg:link-success"
+      # "sm:link-success"
+      # "@sm:link-success"
+      # "md:link-success"
+      # "@md:link-success"
+      # "lg:link-success"
+      # "@lg:link-success"
       success: "link-success",
-      # "sm:link-warning" "md:link-warning" "lg:link-warning"
+      # "sm:link-warning"
+      # "@sm:link-warning"
+      # "md:link-warning"
+      # "@md:link-warning"
+      # "lg:link-warning"
+      # "@lg:link-warning"
       warning: "link-warning",
-      # "sm:link-error" "md:link-error" "lg:link-error"
+      # "sm:link-error"
+      # "@sm:link-error"
+      # "md:link-error"
+      # "@md:link-error"
+      # "lg:link-error"
+      # "@lg:link-error"
       error: "link-error"
     ).freeze
   end

data/lib/daisy_ui/megamenu.rb

@@ -0,0 +1,79 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  class Megamenu < Base
+    self.component_class = :megamenu
+
+    def initialize(*, as: :div, **)
+      super
+    end
+
+    def view_template(&)
+      public_send(as, class: classes, **attributes, &)
+    end
+
+    def active_indicator(**options, &)
+      span(class: component_classes("megamenu-active", options:), **options, &)
+    end
+
+    register_modifiers(
+      # "sm:megamenu-wide"
+      # "@sm:megamenu-wide"
+      # "md:megamenu-wide"
+      # "@md:megamenu-wide"
+      # "lg:megamenu-wide"
+      # "@lg:megamenu-wide"
+      wide: "megamenu-wide",
+      # "sm:megamenu-full"
+      # "@sm:megamenu-full"
+      # "md:megamenu-full"
+      # "@md:megamenu-full"
+      # "lg:megamenu-full"
+      # "@lg:megamenu-full"
+      full: "megamenu-full",
+      # "sm:megamenu-vertical"
+      # "@sm:megamenu-vertical"
+      # "md:megamenu-vertical"
+      # "@md:megamenu-vertical"
+      # "lg:megamenu-vertical"
+      # "@lg:megamenu-vertical"
+      vertical: "megamenu-vertical",
+      # Sizes
+      # "sm:megamenu-xs"
+      # "@sm:megamenu-xs"
+      # "md:megamenu-xs"
+      # "@md:megamenu-xs"
+      # "lg:megamenu-xs"
+      # "@lg:megamenu-xs"
+      xs: "megamenu-xs",
+      # "sm:megamenu-sm"
+      # "@sm:megamenu-sm"
+      # "md:megamenu-sm"
+      # "@md:megamenu-sm"
+      # "lg:megamenu-sm"
+      # "@lg:megamenu-sm"
+      sm: "megamenu-sm",
+      # "sm:megamenu-md"
+      # "@sm:megamenu-md"
+      # "md:megamenu-md"
+      # "@md:megamenu-md"
+      # "lg:megamenu-md"
+      # "@lg:megamenu-md"
+      md: "megamenu-md",
+      # "sm:megamenu-lg"
+      # "@sm:megamenu-lg"
+      # "md:megamenu-lg"
+      # "@md:megamenu-lg"
+      # "lg:megamenu-lg"
+      # "@lg:megamenu-lg"
+      lg: "megamenu-lg",
+      # "sm:megamenu-xl"
+      # "@sm:megamenu-xl"
+      # "md:megamenu-xl"
+      # "@md:megamenu-xl"
+      # "lg:megamenu-xl"
+      # "@lg:megamenu-xl"
+      xl: "megamenu-xl"
+    )
+  end
+end

data/lib/daisy_ui/menu_item.rb

@@ -22,11 +22,26 @@ module DaisyUI
     end
 
     register_modifiers(
-      # "sm:menu-disabled" "md:menu-disabled" "lg:menu-disabled"
+      # "sm:menu-disabled"
+      # "@sm:menu-disabled"
+      # "md:menu-disabled"
+      # "@md:menu-disabled"
+      # "lg:menu-disabled"
+      # "@lg:menu-disabled"
       disabled: "menu-disabled",
-      # "sm:menu-active" "md:menu-active" "lg:menu-active"
+      # "sm:menu-active"
+      # "@sm:menu-active"
+      # "md:menu-active"
+      # "@md:menu-active"
+      # "lg:menu-active"
+      # "@lg:menu-active"
       active: "menu-active",
-      # "sm:menu-focus" "md:menu-focus" "lg:menu-focus"
+      # "sm:menu-focus"
+      # "@sm:menu-focus"
+      # "md:menu-focus"
+      # "@md:menu-focus"
+      # "lg:menu-focus"
+      # "@lg:menu-focus"
       focus: "menu-focus"
     )
   end

data/lib/daisy_ui/modal.rb

@@ -5,8 +5,7 @@ module DaisyUI
     self.component_class = :modal
 
     def initialize(*, id:, **)
-      super(*, **)
-      @id = id
+      super
     end
 
     def view_template(&block)