daisyui 2.0.0 → 2.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fe7d742ea5321a80e5f6689bd3df51ad59aae0a5ee9ee0617f8f237a654ebad4
-  data.tar.gz: 9ff82a86a33f3d01165f59b3b94e9e6867bd43c43ab190c0bfbc7f14fa49e546
+  metadata.gz: 784f97cabf197c081daba3827d5d7cc67a4bfe68b1be95fd038cecaae9da127c
+  data.tar.gz: e1cc4be0135efdf03ed592a8c0d73e2b12d81c4cee47dacd7008ac34aa8bdbbe
 SHA512:
-  metadata.gz: fe53957f3b594373cfdbd7865a3e143f5526e679c9dcbb8d8da1eef10a95a0cccf0d55dcf5c33889ad268ed382b3dd21f56b8b74e28f2adc289697e8cf10fedc
-  data.tar.gz: 3bee4c79945a177706b8f30231b5f4f0a2aab66aa3dd4031842a9d3e603cc09621ebefce8a7cd79062f5e9a9f0bc1823a1701ba10953c687a3d5c03a0b36bd10
+  metadata.gz: d6331604dbf5bdd7b419dfcbb5494cf7569a1709b3d9b17dd7fe08d56d1e3fed14b16c4d1925534a4efdce23e4e85347901b5687580f466e02aa9081f5ca646f
+  data.tar.gz: 002c0ad206f54764209eb6ae752c852a91369adb97c84910fe39daf19ca993842b773f6f60ad27da12cc88d25e6d7df8cc6415018408a541c99533d214432193

data/CHANGELOG.md

@@ -1,5 +1,37 @@
 ## [Unreleased]
 
+### Unknown modifiers are reported (#54)
+
+A positional or responsive modifier a component does not know used to render
+nothing, silently. `config.unknown_modifiers` now decides what happens:
+
+```ruby
+DaisyUI.configure do |config|
+  config.unknown_modifiers = :raise # :raise | :warn | :ignore | ->(error) { ... }
+end
+```
+
+- The default is `:raise` under Rails in development and test, and `:warn`
+  everywhere else (production, plain Ruby). A Rails app's test suite can go red
+  after upgrading if it passes a modifier a component never had, e.g.
+  `Toggle(:checked)` or `Radio(:checked)` (use `checked: true`): fix the call,
+  register the modifier, or set `:warn`/`:ignore`.
+- `:raise` raises `DaisyUI::UnknownModifierError` (an `ArgumentError`) naming
+  the component, the modifier and the closest registered ones.
+- `:warn` and a callable fire once per component (or part, so `Chat` and
+  `Chat#bubble` count separately) and modifier. Thread-safe; the memory of what
+  was reported resets after 1,000 distinct keys, so a modifier may be reported
+  again after that. Use a callable to send it to an
+  error tracker:
+  `config.unknown_modifiers = ->(error) { Appsignal.report_error(error) }`.
+- Known means the component's `register_modifiers`, `config.modifiers.add`, and
+  the new `register_flags` for positional symbols a component handles itself
+  without a class (Dropdown's `:popover`, Modal's `:tap_outside_to_close`, ...).
+  Flags are not valid in `responsive:`.
+- `Chat#bubble`, `Steps#step` and `Indicator#item` check their modifiers too
+  (`DaisyUI::Chat#bubble has no modifier :primray`).
+- Keyword booleans are not validated: unknown keywords stay HTML attributes.
+
 ### Upgrading to 2.0
 
 Components now merge their classes: when two classes conflict, the later one
@@ -67,6 +99,12 @@ wins. `Button(:sm, class: "btn-lg")` renders `btn btn-lg` (1.x rendered
 
 ### Changed
 
+- The gem ships minified Stimulus controllers with linked sourcemaps, and the
+  importmap pins them without preloading, so with the lazy registration the
+  README shows (`lazyLoadControllersFrom`) a page that never uses one never
+  fetches it. `daisy_dropdown_controller` 6.1 KB → 2.8 KB (2.4 → 1.3 KB gzipped),
+  `daisy_tooltip_controller` 8.8 KB → 5.2 KB (2.4 → 1.8 KB gzipped). The
+  `daisy_ui/controllers/*` specifiers and the bundler import paths are unchanged.
 - Maintainers cut releases with `bin/release` (`list`, `--dry-run`, `patch`/`minor`/`major`/`X.Y.Z`), which checks the lockfiles for gems that do not accept the new version yet and then drives `rake release`.
 
 - Range component: added range-vertical modifier for vertical orientation (DaisyUI 5.6)
@@ -74,7 +112,12 @@ wins. `Button(:sm, class: "btn-lg")` renders `btn btn-lg` (1.x rendered
 
 ### Fixed
 
+- Modifiers added with `config.modifiers.add(component: X)` now apply to
+  subclasses of `X` too; the closest class wins.
 - Popover tooltips no longer clip arrows that extend beyond the tooltip card.
+- Button renders the `disabled` attribute on `button`/`input` elements when given
+  `:disabled` or `disabled: true`, so a disabled submit button no longer submits
+  its form from the keyboard (#52).
 
 ## [0.1.0] - 2024-08-02
 

data/README.md

@@ -177,6 +177,38 @@ arrays, `nil` and `false`; returns a frozen String). Opt out globally with
 `config.class_merge.enabled = false`, or per component by overriding the
 private `merge_classes`.
 
+## Unknown modifiers
+
+A positional or responsive modifier the component does not know
+(`Toggle(:primray)`) is reported instead of silently rendering nothing:
+
+```ruby
+DaisyUI.configure do |config|
+  # Default: :raise under Rails in development/test, :warn everywhere else.
+  config.unknown_modifiers = :raise # raises DaisyUI::UnknownModifierError
+  # Or :warn (Kernel#warn), :ignore, or a callable such as
+  # ->(error) { Appsignal.report_error(error) }. :warn and a callable fire once
+  # per component (or sub-component part, e.g. Chat#bubble) and modifier; the
+  # memory of what was reported resets after 1,000 distinct keys.
+end
+```
+
+Known modifiers are the component's `register_modifiers`, `config.modifiers.add`
+(for the component or any DaisyUI ancestor), and `register_flags`: positional
+symbols your component handles itself without emitting a class. Flags are not
+valid in `responsive:`, since they have no class to prefix. Sub-component
+methods with their own modifiers (`Chat#bubble`, `Steps#step`,
+`Indicator#item`) are checked too.
+
+```ruby
+class Widget < DaisyUI::Base
+  register_flags :collapsed # Widget(:collapsed) is valid; read it via `modifiers.include?(:collapsed)`
+end
+```
+
+Keyword arguments are not validated: `Toggle(primray: true)` renders a
+`primray` attribute, because unknown keywords are HTML attributes.
+
 # Compatibility Notes
 
 ## @tailwindcss/forms plugin
@@ -270,6 +302,10 @@ import { lazyLoadControllersFrom } from "@hotwired/stimulus-loading"
 lazyLoadControllersFrom("daisy_ui/controllers", application)
 ```
 
+The pin resolves to a minified build with a linked sourcemap (devtools shows the
+readable source) and is not preloaded: a page fetches the controller the first
+time one of its elements appears.
+
 Then opt in per call site:
 
 ```ruby
@@ -343,7 +379,7 @@ end
 Register the gem controllers once with
 `lazyLoadControllersFrom("daisy_ui/controllers", application)`, as shown in the
 dropdown controller section above. Importmap-rails applications receive the
-controller pin from the gem automatically. Bundler applications can import
+controller pin (minified, not preloaded) from the gem automatically. Bundler applications can import
 `app/javascript/daisy_ui/controllers/daisy_tooltip_controller.js` and register
 it as `daisy-tooltip`.
 
@@ -416,6 +452,11 @@ Which produces:
 
 After checking out the repo, run `bin/setup` to install dependencies. Then, run `bundle exec rspec` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
 
+After editing a Stimulus controller in `app/javascript/daisy_ui/controllers/`,
+rebuild its minified twin with `bundle exec rake build:js` (needs the bun in
+`.bun-version`) and commit the `.min.js` and `.min.js.map`. CI runs
+`bundle exec rake build:js_check` and fails when they are stale.
+
 # Contributing
 
 Bug reports and pull requests are welcome on GitHub at https://github.com/mhenrixon/daisyui. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [code of conduct](https://github.com/mhenrixon/daisyui/blob/main/CODE_OF_CONDUCT.md).

data/app/javascript/daisy_ui/controllers/daisy_dropdown_controller.min.js

@@ -0,0 +1,4 @@
+import{Controller as l}from"@hotwired/stimulus";var h=4,d='[role="menuitem"]:not([aria-disabled="true"]), a[href]:not([aria-disabled="true"]), button:not([disabled])';class p extends l{static targets=["trigger","menu"];static values={keyboard:{type:Boolean,default:!1}};connect(){if(this.menuEl=this.hasMenuTarget?this.menuTarget:this.element.querySelector("[popover]"),this.triggerEl=this.hasTriggerTarget?this.triggerTarget:this.element.querySelector("[popovertarget]"),!this.menuEl)return;this.needsJsPositioning=!this.#d(),this.onToggle=(t)=>this.#n(t),this.menuEl.addEventListener("toggle",this.onToggle)}disconnect(){this.menuEl?.removeEventListener("toggle",this.onToggle),this.#t()}#n(t){if(t.newState==="open")this.#i();else this.#s()}async#i(){if(this.triggerEl?.setAttribute("aria-expanded","true"),this.needsJsPositioning)await this.#r();if(this.keyboardValue)this.#l()}#s(){this.triggerEl?.setAttribute("aria-expanded","false"),this.#t()}#o(){return this.menuEl?.matches(":popover-open")??!1}#t(){if(this.stopAutoUpdate?.(),this.stopAutoUpdate=null,this.keyHandler)this.menuEl?.removeEventListener("keydown",this.keyHandler),this.keyHandler=null}async#r(){if(!this.triggerEl)return;let t;try{t=await import("@floating-ui/dom")}catch(i){console.warn("[daisy-dropdown] @floating-ui/dom is not available; the popover will open unpositioned. Pin it in your import map to enable the legacy-browser positioning fallback.",i);return}if(!this.#o())return;let{computePosition:e,autoUpdate:n,flip:s,shift:o,offset:r}=t;this.menuEl.style.position="fixed",this.menuEl.style.margin="0",this.stopAutoUpdate=n(this.triggerEl,this.menuEl,()=>{e(this.triggerEl,this.menuEl,{placement:this.#a(),middleware:[r(h),s(),o({padding:8})]}).then(({x:i,y:a})=>{Object.assign(this.menuEl.style,{left:`${i}px`,top:`${a}px`})})})}#a(){let t=this.menuEl.classList,e=t.contains("dropdown-top")?"top":t.contains("dropdown-left")?"left":t.contains("dropdown-right")?"right":"bottom",n=t.contains("dropdown-end")?"-end":t.contains("dropdown-center")?"":"-start";return e==="left"||e==="right"?e:`${e}${n}`}#l(){this.keyHandler=(t)=>this.#h(t),this.menuEl.addEventListener("keydown",this.keyHandler),this.#e()[0]?.focus()}#h(t){let e=this.#e();if(e.length===0)return;let n=e.indexOf(document.activeElement);switch(t.key){case"ArrowDown":t.preventDefault(),e[(n+1+e.length)%e.length].focus();break;case"ArrowUp":t.preventDefault(),e[(n-1+e.length)%e.length].focus();break;case"Home":t.preventDefault(),e[0].focus();break;case"End":t.preventDefault(),e[e.length-1].focus();break}}#e(){return Array.from(this.menuEl.querySelectorAll(d))}#d(){return typeof CSS<"u"&&typeof CSS.supports==="function"&&CSS.supports("anchor-name: --x")}}export{p as default};
+
+//# debugId=E14AFCB07E09B55864756E2164756E21
+//# sourceMappingURL=daisy_dropdown_controller.min.js.map

data/app/javascript/daisy_ui/controllers/daisy_dropdown_controller.min.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["daisy_dropdown_controller.js"],
+  "sourcesContent": [
+    "import { Controller } from \"@hotwired/stimulus\"\n\n// daisy-dropdown — OPT-IN enhancement for the :popover Dropdown variant.\n//\n// The native Popover API already handles open/toggle, light-dismiss (outside\n// click), Escape, and focus return — so this controller deliberately does NOT\n// re-implement any of that. Its only jobs are:\n//\n//   1. A positioning fallback for browsers WITHOUT CSS anchor positioning\n//      (Safari < 26, Firefox < 147). On modern browsers it does nothing and\n//      fetches no extra JavaScript. The fallback lazily imports @floating-ui/dom,\n//      which the HOST app must pin (see README) — if it is missing the menu still\n//      opens (native popover), just unpositioned, and a console warning is logged.\n//   2. Optional roving keyboard navigation over the menu's focusable items\n//      (enable with data-daisy-dropdown-keyboard-value=\"true\").\n//\n// State is driven entirely by the popover's native `toggle` event; there is no\n// internal open flag, no document-level listeners, and no display toggling.\nconst OFFSET = 4\n\n// Focusable, interactive menu items. Prefers explicit role=\"menuitem\", but falls\n// back to the links/buttons DaisyUI menus actually render (<li><a>…</a></li>), so\n// keyboard nav works on stock markup without forcing roles onto caller content.\nconst ITEM_SELECTOR = '[role=\"menuitem\"]:not([aria-disabled=\"true\"]), a[href]:not([aria-disabled=\"true\"]), button:not([disabled])'\n\nexport default class extends Controller {\n  static targets = [\"trigger\", \"menu\"]\n  static values = { keyboard: { type: Boolean, default: false } }\n\n  connect() {\n    this.menuEl = this.hasMenuTarget ? this.menuTarget : this.element.querySelector(\"[popover]\")\n    this.triggerEl = this.hasTriggerTarget ? this.triggerTarget : this.element.querySelector(\"[popovertarget]\")\n    if (!this.menuEl) return\n\n    this.needsJsPositioning = !this.#supportsAnchorPositioning()\n    this.onToggle = (event) => this.#handleToggle(event)\n    this.menuEl.addEventListener(\"toggle\", this.onToggle)\n  }\n\n  disconnect() {\n    this.menuEl?.removeEventListener(\"toggle\", this.onToggle)\n    this.#teardownOpen()\n  }\n\n  #handleToggle(event) {\n    if (event.newState === \"open\") this.#onOpen()\n    else this.#onClose()\n  }\n\n  async #onOpen() {\n    // The native Popover API does not mirror open state onto the invoker, so\n    // sync aria-expanded ourselves for assistive tech.\n    this.triggerEl?.setAttribute(\"aria-expanded\", \"true\")\n    if (this.needsJsPositioning) await this.#position()\n    if (this.keyboardValue) this.#bindKeyboard()\n  }\n\n  #onClose() {\n    this.triggerEl?.setAttribute(\"aria-expanded\", \"false\")\n    this.#teardownOpen()\n    // Do NOT restore focus — the native popover already returns focus to the trigger.\n  }\n\n  #isOpen() {\n    return this.menuEl?.matches(\":popover-open\") ?? false\n  }\n\n  #teardownOpen() {\n    this.stopAutoUpdate?.()\n    this.stopAutoUpdate = null\n    if (this.keyHandler) {\n      this.menuEl?.removeEventListener(\"keydown\", this.keyHandler)\n      this.keyHandler = null\n    }\n  }\n\n  // --- positioning fallback (only when CSS anchor positioning is unavailable) ---\n\n  async #position() {\n    if (!this.triggerEl) return\n\n    // Lazy + feature-gated, so modern browsers never fetch the positioning lib.\n    // The host app is responsible for pinning @floating-ui/dom; if it is absent\n    // we degrade gracefully (native popover still opens, just unpositioned).\n    let floatingUi\n    try {\n      floatingUi = await import(\"@floating-ui/dom\")\n    } catch (error) {\n      console.warn(\n        \"[daisy-dropdown] @floating-ui/dom is not available; the popover will open unpositioned. \" +\n          \"Pin it in your import map to enable the legacy-browser positioning fallback.\",\n        error,\n      )\n      return\n    }\n\n    // A fast open→close during the dynamic import may have already closed us;\n    // bail rather than position (and leak an autoUpdate on) a closed menu.\n    if (!this.#isOpen()) return\n\n    const { computePosition, autoUpdate, flip, shift, offset } = floatingUi\n\n    this.menuEl.style.position = \"fixed\"\n    this.menuEl.style.margin = \"0\"\n\n    this.stopAutoUpdate = autoUpdate(this.triggerEl, this.menuEl, () => {\n      computePosition(this.triggerEl, this.menuEl, {\n        placement: this.#placement(),\n        middleware: [offset(OFFSET), flip(), shift({ padding: 8 })],\n      }).then(({ x, y }) => {\n        Object.assign(this.menuEl.style, { left: `${x}px`, top: `${y}px` })\n      })\n    })\n  }\n\n  // Derive Floating UI placement from DaisyUI's dropdown-* classes on the menu.\n  #placement() {\n    const cl = this.menuEl.classList\n    const side = cl.contains(\"dropdown-top\")\n      ? \"top\"\n      : cl.contains(\"dropdown-left\")\n        ? \"left\"\n        : cl.contains(\"dropdown-right\")\n          ? \"right\"\n          : \"bottom\"\n    const align = cl.contains(\"dropdown-end\") ? \"-end\" : cl.contains(\"dropdown-center\") ? \"\" : \"-start\"\n    return (side === \"left\" || side === \"right\") ? side : `${side}${align}`\n  }\n\n  // --- optional roving keyboard navigation ---\n\n  #bindKeyboard() {\n    this.keyHandler = (event) => this.#onKeydown(event)\n    this.menuEl.addEventListener(\"keydown\", this.keyHandler)\n    this.#items()[0]?.focus()\n  }\n\n  #onKeydown(event) {\n    const items = this.#items()\n    if (items.length === 0) return\n    const index = items.indexOf(document.activeElement)\n\n    switch (event.key) {\n      case \"ArrowDown\":\n        event.preventDefault()\n        items[(index + 1 + items.length) % items.length].focus()\n        break\n      case \"ArrowUp\":\n        event.preventDefault()\n        items[(index - 1 + items.length) % items.length].focus()\n        break\n      case \"Home\":\n        event.preventDefault()\n        items[0].focus()\n        break\n      case \"End\":\n        event.preventDefault()\n        items[items.length - 1].focus()\n        break\n    }\n  }\n\n  #items() {\n    return Array.from(this.menuEl.querySelectorAll(ITEM_SELECTOR))\n  }\n\n  #supportsAnchorPositioning() {\n    return typeof CSS !== \"undefined\" && typeof CSS.supports === \"function\" && CSS.supports(\"anchor-name: --x\")\n  }\n}\n"
+  ],
+  "mappings": "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",
+  "debugId": "E14AFCB07E09B55864756E2164756E21",
+  "names": []
+}

data/app/javascript/daisy_ui/controllers/daisy_tooltip_controller.min.js

@@ -0,0 +1,4 @@
+import{Controller as y}from"@hotwired/stimulus";var a=8,c=8,g=10,d=4,f='button, a[href], input, select, textarea, [tabindex]:not([tabindex="-1"])',b={top:"bottom",bottom:"top",left:"right",right:"left"};class T extends y{static targets=["content","arrow"];static values={placement:{type:String,default:"top"}};connect(){if(!this.hasContentTarget)return;if(this.originalMaxWidth=this.contentTarget.style.maxWidth,this.onPointerEnter=()=>this.show(),this.onPointerLeave=()=>this.#m(),this.onFocusIn=()=>this.show(),this.onFocusOut=(t)=>this.#l(t),this.onKeydown=(t)=>this.#u(t),this.onGeometryChange=()=>this.#i(),this.element.addEventListener("pointerenter",this.onPointerEnter),this.element.addEventListener("pointerleave",this.onPointerLeave),this.element.addEventListener("focusin",this.onFocusIn),this.element.addEventListener("focusout",this.onFocusOut),this.#p(),this.element.classList.contains("tooltip-open"))this.show()}disconnect(){if(this.element.removeEventListener("pointerenter",this.onPointerEnter),this.element.removeEventListener("pointerleave",this.onPointerLeave),this.element.removeEventListener("focusin",this.onFocusIn),this.element.removeEventListener("focusout",this.onFocusOut),this.#e(),this.#g(),this.hasContentTarget)this.contentTarget.style.maxWidth=this.originalMaxWidth}show(){if(!this.hasContentTarget||this.#t())return;this.contentTarget.style.visibility="hidden",this.contentTarget.showPopover(),this.#h(),this.#i()}hide(){if(this.#t())this.contentTarget.hidePopover();this.contentTarget.style.visibility="hidden",this.#e()}#h(){window.addEventListener("resize",this.onGeometryChange),window.addEventListener("scroll",this.onGeometryChange,!0),window.addEventListener("keydown",this.onKeydown),window.visualViewport?.addEventListener("resize",this.onGeometryChange),window.visualViewport?.addEventListener("scroll",this.onGeometryChange)}#e(){cancelAnimationFrame(this.frame),window.removeEventListener("resize",this.onGeometryChange),window.removeEventListener("scroll",this.onGeometryChange,!0),window.removeEventListener("keydown",this.onKeydown),window.visualViewport?.removeEventListener("resize",this.onGeometryChange),window.visualViewport?.removeEventListener("scroll",this.onGeometryChange)}#i(){cancelAnimationFrame(this.frame),this.frame=requestAnimationFrame(()=>this.#r())}#r(){if(!this.#t())return;let t=this.#d(),e=Math.max(0,t.width-a*2);this.contentTarget.style.maxWidth=this.originalMaxWidth;let i=Number.parseFloat(getComputedStyle(this.contentTarget).maxWidth),n=Number.isFinite(i)?Math.min(i,e):e;this.contentTarget.style.maxWidth=`${n}px`;let o=this.element.getBoundingClientRect(),h=this.contentTarget.getBoundingClientRect(),r=this.#n(this.placementValue,o,h),s=b[this.placementValue]||"bottom",l=this.#n(s,o,h),m=this.#s(l,h,t)<this.#s(r,h,t),w=m?s:this.placementValue,v=m?l:r,{x:u,y:p}=this.#a(v,h,t);Object.assign(this.contentTarget.style,{left:`${u}px`,top:`${p}px`,visibility:"visible"}),this.#c(w,o,h,u,p)}#n(t,e,i){let n=e.left+e.width/2,o=e.top+e.height/2;switch(t){case"bottom":return{x:n-i.width/2,y:e.bottom+c};case"left":return{x:e.left-i.width-c,y:o-i.height/2};case"right":return{x:e.right+c,y:o-i.height/2};default:return{x:n-i.width/2,y:e.top-i.height-c}}}#s({x:t,y:e},i,n){let o=n.left+a,h=n.left+n.width-a,r=n.top+a,s=n.top+n.height-a;return Math.max(0,o-t)+Math.max(0,t+i.width-h)+Math.max(0,r-e)+Math.max(0,e+i.height-s)}#a({x:t,y:e},i,n){let o=n.left+a,h=n.left+n.width-a,r=n.top+a,s=n.top+n.height-a;return{x:i.width>h-o?o:Math.min(Math.max(t,o),h-i.width),y:i.height>s-r?r:Math.min(Math.max(e,r),s-i.height)}}#c(t,e,i,n,o){if(!this.hasArrowTarget)return;let h=e.left+e.width/2-n,r=e.top+e.height/2-o,s=this.arrowTarget.style;if(Object.assign(s,{inset:"auto",transform:"none"}),t==="top"||t==="bottom"){if(s.left=`${this.#o(h-g/2,4,i.width-g-4)}px`,t==="top")s.bottom=`${-d}px`;else s.top=`${-d}px`,s.transform="rotate(180deg)";return}if(s.top=`${this.#o(r-d/2,4,i.height-d-4)}px`,t==="left")s.right="-7px",s.transform="rotate(-90deg)";else s.left="-7px",s.transform="rotate(90deg)"}#d(){let t=window.visualViewport;return{left:t?.offsetLeft??0,top:t?.offsetTop??0,width:t?.width??window.innerWidth,height:t?.height??window.innerHeight}}#l(t){if(!this.element.contains(t.relatedTarget))this.hide()}#m(){if(!this.element.matches(":focus-within"))this.hide()}#u(t){if(t.key!=="Escape")return;this.hide()}#p(){let t=this.element.matches(f)?this.element:this.element.querySelector(f);if(!t||!this.contentTarget.id)return;this.describedTrigger=t,this.previousDescription=t.getAttribute("aria-describedby");let e=this.previousDescription?.split(/\s+/).filter(Boolean)||[];t.setAttribute("aria-describedby",[...new Set([...e,this.contentTarget.id])].join(" "))}#g(){if(!this.describedTrigger)return;if(this.previousDescription===null)this.describedTrigger.removeAttribute("aria-describedby");else this.describedTrigger.setAttribute("aria-describedby",this.previousDescription)}#t(){return this.hasContentTarget&&this.contentTarget.matches(":popover-open")}#o(t,e,i){return Math.min(Math.max(t,e),Math.max(e,i))}}export{T as default};
+
+//# debugId=5716AAA30AA53C0864756E2164756E21
+//# sourceMappingURL=daisy_tooltip_controller.min.js.map

data/app/javascript/daisy_ui/controllers/daisy_tooltip_controller.min.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["daisy_tooltip_controller.js"],
+  "sourcesContent": [
+    "import { Controller } from \"@hotwired/stimulus\"\n\nconst VIEWPORT_PADDING = 8\nconst GAP = 8\nconst ARROW_WIDTH = 10\nconst ARROW_HEIGHT = 4\nconst FOCUSABLE_SELECTOR = 'button, a[href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\nconst OPPOSITE = { top: \"bottom\", bottom: \"top\", left: \"right\", right: \"left\" }\n\n// daisy-tooltip — positions a :popover Tooltip in the browser top layer.\n//\n// The Popover API escapes clipping ancestors. This controller supplies the\n// hover/focus lifecycle expected of a tooltip, then flips and shifts the real\n// tooltip element only while it is open so it remains inside the visual\n// viewport. No global listeners remain attached while the tooltip is closed.\nexport default class extends Controller {\n  static targets = [\"content\", \"arrow\"]\n  static values = { placement: { type: String, default: \"top\" } }\n\n  connect() {\n    if (!this.hasContentTarget) return\n\n    this.originalMaxWidth = this.contentTarget.style.maxWidth\n    this.onPointerEnter = () => this.show()\n    this.onPointerLeave = () => this.#hideUnlessFocused()\n    this.onFocusIn = () => this.show()\n    this.onFocusOut = (event) => this.#handleFocusOut(event)\n    this.onKeydown = (event) => this.#handleKeydown(event)\n    this.onGeometryChange = () => this.#schedulePosition()\n\n    this.element.addEventListener(\"pointerenter\", this.onPointerEnter)\n    this.element.addEventListener(\"pointerleave\", this.onPointerLeave)\n    this.element.addEventListener(\"focusin\", this.onFocusIn)\n    this.element.addEventListener(\"focusout\", this.onFocusOut)\n    this.#describeTrigger()\n\n    if (this.element.classList.contains(\"tooltip-open\")) this.show()\n  }\n\n  disconnect() {\n    this.element.removeEventListener(\"pointerenter\", this.onPointerEnter)\n    this.element.removeEventListener(\"pointerleave\", this.onPointerLeave)\n    this.element.removeEventListener(\"focusin\", this.onFocusIn)\n    this.element.removeEventListener(\"focusout\", this.onFocusOut)\n    this.#teardownOpen()\n    this.#restoreDescription()\n    if (this.hasContentTarget) this.contentTarget.style.maxWidth = this.originalMaxWidth\n  }\n\n  show() {\n    if (!this.hasContentTarget || this.#isOpen()) return\n\n    this.contentTarget.style.visibility = \"hidden\"\n    this.contentTarget.showPopover()\n    this.#setupOpen()\n    this.#schedulePosition()\n  }\n\n  hide() {\n    if (this.#isOpen()) this.contentTarget.hidePopover()\n    this.contentTarget.style.visibility = \"hidden\"\n    this.#teardownOpen()\n  }\n\n  #setupOpen() {\n    window.addEventListener(\"resize\", this.onGeometryChange)\n    window.addEventListener(\"scroll\", this.onGeometryChange, true)\n    window.addEventListener(\"keydown\", this.onKeydown)\n    window.visualViewport?.addEventListener(\"resize\", this.onGeometryChange)\n    window.visualViewport?.addEventListener(\"scroll\", this.onGeometryChange)\n  }\n\n  #teardownOpen() {\n    cancelAnimationFrame(this.frame)\n    window.removeEventListener(\"resize\", this.onGeometryChange)\n    window.removeEventListener(\"scroll\", this.onGeometryChange, true)\n    window.removeEventListener(\"keydown\", this.onKeydown)\n    window.visualViewport?.removeEventListener(\"resize\", this.onGeometryChange)\n    window.visualViewport?.removeEventListener(\"scroll\", this.onGeometryChange)\n  }\n\n  #schedulePosition() {\n    cancelAnimationFrame(this.frame)\n    this.frame = requestAnimationFrame(() => this.#position())\n  }\n\n  #position() {\n    if (!this.#isOpen()) return\n\n    const viewport = this.#viewport()\n    const availableWidth = Math.max(0, viewport.width - VIEWPORT_PADDING * 2)\n    this.contentTarget.style.maxWidth = this.originalMaxWidth\n    const computedMaxWidth = Number.parseFloat(getComputedStyle(this.contentTarget).maxWidth)\n    const maxWidth = Number.isFinite(computedMaxWidth) ? Math.min(computedMaxWidth, availableWidth) : availableWidth\n    this.contentTarget.style.maxWidth = `${maxWidth}px`\n\n    const trigger = this.element.getBoundingClientRect()\n    const tooltip = this.contentTarget.getBoundingClientRect()\n    const preferred = this.#coordinates(this.placementValue, trigger, tooltip)\n    const oppositePlacement = OPPOSITE[this.placementValue] || \"bottom\"\n    const opposite = this.#coordinates(oppositePlacement, trigger, tooltip)\n    const useOpposite = this.#overflow(opposite, tooltip, viewport) < this.#overflow(preferred, tooltip, viewport)\n    const placement = useOpposite ? oppositePlacement : this.placementValue\n    const coordinates = useOpposite ? opposite : preferred\n    const { x, y } = this.#shift(coordinates, tooltip, viewport)\n\n    Object.assign(this.contentTarget.style, { left: `${x}px`, top: `${y}px`, visibility: \"visible\" })\n    this.#positionArrow(placement, trigger, tooltip, x, y)\n  }\n\n  #coordinates(placement, trigger, tooltip) {\n    const centerX = trigger.left + trigger.width / 2\n    const centerY = trigger.top + trigger.height / 2\n\n    switch (placement) {\n      case \"bottom\":\n        return { x: centerX - tooltip.width / 2, y: trigger.bottom + GAP }\n      case \"left\":\n        return { x: trigger.left - tooltip.width - GAP, y: centerY - tooltip.height / 2 }\n      case \"right\":\n        return { x: trigger.right + GAP, y: centerY - tooltip.height / 2 }\n      default:\n        return { x: centerX - tooltip.width / 2, y: trigger.top - tooltip.height - GAP }\n    }\n  }\n\n  #overflow({ x, y }, tooltip, viewport) {\n    const left = viewport.left + VIEWPORT_PADDING\n    const right = viewport.left + viewport.width - VIEWPORT_PADDING\n    const top = viewport.top + VIEWPORT_PADDING\n    const bottom = viewport.top + viewport.height - VIEWPORT_PADDING\n\n    return (\n      Math.max(0, left - x) +\n      Math.max(0, x + tooltip.width - right) +\n      Math.max(0, top - y) +\n      Math.max(0, y + tooltip.height - bottom)\n    )\n  }\n\n  #shift({ x, y }, tooltip, viewport) {\n    const left = viewport.left + VIEWPORT_PADDING\n    const right = viewport.left + viewport.width - VIEWPORT_PADDING\n    const top = viewport.top + VIEWPORT_PADDING\n    const bottom = viewport.top + viewport.height - VIEWPORT_PADDING\n\n    return {\n      x: tooltip.width > right - left ? left : Math.min(Math.max(x, left), right - tooltip.width),\n      y: tooltip.height > bottom - top ? top : Math.min(Math.max(y, top), bottom - tooltip.height),\n    }\n  }\n\n  #positionArrow(placement, trigger, tooltip, x, y) {\n    if (!this.hasArrowTarget) return\n\n    const centerX = trigger.left + trigger.width / 2 - x\n    const centerY = trigger.top + trigger.height / 2 - y\n    const arrow = this.arrowTarget.style\n    Object.assign(arrow, { inset: \"auto\", transform: \"none\" })\n\n    if (placement === \"top\" || placement === \"bottom\") {\n      arrow.left = `${this.#clamp(centerX - ARROW_WIDTH / 2, 4, tooltip.width - ARROW_WIDTH - 4)}px`\n      if (placement === \"top\") arrow.bottom = `${-ARROW_HEIGHT}px`\n      else {\n        arrow.top = `${-ARROW_HEIGHT}px`\n        arrow.transform = \"rotate(180deg)\"\n      }\n      return\n    }\n\n    arrow.top = `${this.#clamp(centerY - ARROW_HEIGHT / 2, 4, tooltip.height - ARROW_HEIGHT - 4)}px`\n    if (placement === \"left\") {\n      arrow.right = \"-7px\"\n      arrow.transform = \"rotate(-90deg)\"\n    } else {\n      arrow.left = \"-7px\"\n      arrow.transform = \"rotate(90deg)\"\n    }\n  }\n\n  #viewport() {\n    const visualViewport = window.visualViewport\n    return {\n      left: visualViewport?.offsetLeft ?? 0,\n      top: visualViewport?.offsetTop ?? 0,\n      width: visualViewport?.width ?? window.innerWidth,\n      height: visualViewport?.height ?? window.innerHeight,\n    }\n  }\n\n  #handleFocusOut(event) {\n    if (!this.element.contains(event.relatedTarget)) this.hide()\n  }\n\n  #hideUnlessFocused() {\n    if (!this.element.matches(\":focus-within\")) this.hide()\n  }\n\n  #handleKeydown(event) {\n    if (event.key !== \"Escape\") return\n\n    this.hide()\n  }\n\n  #describeTrigger() {\n    const trigger = this.element.matches(FOCUSABLE_SELECTOR)\n      ? this.element\n      : this.element.querySelector(FOCUSABLE_SELECTOR)\n    if (!trigger || !this.contentTarget.id) return\n\n    this.describedTrigger = trigger\n    this.previousDescription = trigger.getAttribute(\"aria-describedby\")\n    const descriptions = this.previousDescription?.split(/\\s+/).filter(Boolean) || []\n    trigger.setAttribute(\"aria-describedby\", [...new Set([...descriptions, this.contentTarget.id])].join(\" \"))\n  }\n\n  #restoreDescription() {\n    if (!this.describedTrigger) return\n\n    if (this.previousDescription === null) this.describedTrigger.removeAttribute(\"aria-describedby\")\n    else this.describedTrigger.setAttribute(\"aria-describedby\", this.previousDescription)\n  }\n\n  #isOpen() {\n    return this.hasContentTarget && this.contentTarget.matches(\":popover-open\")\n  }\n\n  #clamp(value, minimum, maximum) {\n    return Math.min(Math.max(value, minimum), Math.max(minimum, maximum))\n  }\n}\n"
+  ],
+  "mappings": "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",
+  "debugId": "5716AAA30AA53C0864756E2164756E21",
+  "names": []
+}

data/config/importmap.rb

@@ -7,6 +7,15 @@
 #   // app/javascript/controllers/index.js
 #   import { lazyLoadControllersFrom } from "@hotwired/stimulus-loading"
 #   lazyLoadControllersFrom("daisy_ui/controllers", application)
-pin_all_from DaisyUI::Engine.root.join("app/javascript/daisy_ui/controllers"),
-  under: "daisy_ui/controllers",
-  to: "daisy_ui/controllers"
+#
+# Each pin resolves to the minified build (`rake build:js`), whose linked
+# sourcemap shows the readable source in devtools. Pinned one by one, not with
+# pin_all_from: the directory also holds the .min.js twins, which would become
+# pins of their own. Not preloaded: a lazily registered controller is fetched
+# the first time its data-controller appears, so a page without one skips it.
+pin "daisy_ui/controllers/daisy_dropdown_controller",
+  to: "daisy_ui/controllers/daisy_dropdown_controller.min.js",
+  preload: false
+pin "daisy_ui/controllers/daisy_tooltip_controller",
+  to: "daisy_ui/controllers/daisy_tooltip_controller.min.js",
+  preload: false

data/lib/daisy_ui/base.rb

@@ -119,9 +119,19 @@ module DaisyUI
     }.freeze
 
     class << self
-      attr_writer :component_class, :modifier_groups
+      attr_writer :component_class, :modifier_groups, :flags
       attr_accessor :modifiers
 
+      # Positional symbols a component handles itself (e.g. Dropdown's
+      # :popover): accepted as modifiers, but they emit no class.
+      def flags
+        @flags ||= []
+      end
+
+      def register_flags(*names)
+        self.flags = flags | names
+      end
+
       # { group => [modifier, ...] }: modifiers in one group are alternatives
       # (sizes, colors, ...), so ClassMerge keeps only the last one.
       def modifier_groups
@@ -145,6 +155,7 @@ module DaisyUI
         super
         subclass.modifiers = (modifiers || {}).dup
         subclass.modifier_groups = modifier_groups.transform_values(&:dup)
+        subclass.flags = flags.dup
         # Inherit component_class if it was explicitly set
         return unless instance_variable_defined?(:@component_class)
 
@@ -188,6 +199,7 @@ module DaisyUI
       # Store all keyword arguments (class, data, aria, etc.)
       # This will be processed by `classes` and `attributes` methods
       @options = options
+      validate_modifiers
       super()
     end
 
@@ -277,11 +289,41 @@ module DaisyUI
       {
         skeleton: "skeleton",
         **(self.class.modifiers || {}),
-        **DaisyUI.configuration.modifiers.for(component: self.class),
+        **configured_modifiers,
         **DaisyUI.configuration.modifiers.for(component: nil)
       }
     end
 
+    # Modifiers added with `config.modifiers.add(component:)` for this class or
+    # any DaisyUI ancestor; the closest class wins.
+    def configured_modifiers
+      self.class.ancestors.take_while { |klass| klass != Base }.reverse.reduce({}) do |result, klass|
+        result.merge(DaisyUI.configuration.modifiers.for(component: klass))
+      end
+    end
+
+    # Reports positional modifiers that are neither in modifier_map nor a
+    # registered flag, and responsive ones not in modifier_map (a flag has no
+    # class to prefix). See Configuration#unknown_modifiers.
+    def validate_modifiers
+      responsive = (options[:responsive]&.values || []).flat_map { |mods| Array(mods) }
+      return if modifiers.empty? && responsive.empty?
+
+      map_keys = modifier_map.keys
+      report_unknown_modifiers(modifiers, map_keys | self.class.flags)
+      report_unknown_modifiers(responsive, map_keys)
+    end
+
+    # For sub-component methods with their own modifiers, e.g. Chat#bubble:
+    # `report_unknown_modifiers(modifiers, BUBBLE_MODIFIERS.keys, part: :bubble)`.
+    def report_unknown_modifiers(requested, known, part: nil)
+      requested.each do |modifier|
+        next if !modifier.is_a?(Symbol) || known.include?(modifier)
+
+        DaisyUI.configuration.report_unknown_modifier(component: self.class, modifier:, known:, part:)
+      end
+    end
+
     def extract_boolean_modifiers(options)
       modifier_keys = modifier_map.keys
       boolean_mods = []

data/lib/daisy_ui/button.rb

@@ -6,6 +6,8 @@ module DaisyUI
   class Button < Base
     self.component_class = :btn
 
+    FORM_CONTROLS = %i[button input].freeze
+
     def initialize(*, as: :button, modal: nil, **)
       super(*, as:, **)
       @modal = modal
@@ -29,6 +31,16 @@ module DaisyUI
 
     attr_reader :modal
 
+    # `disabled` is consumed as a modifier (btn-disabled), which only blocks
+    # pointer events. Form controls also need the attribute so keyboard
+    # activation and implicit form submission are blocked too.
+    def attributes
+      attrs = super
+      return attrs unless FORM_CONTROLS.include?(as.to_sym) && modifiers.include?(:disabled)
+
+      attrs.merge(disabled: true)
+    end
+
     register_modifiers(
       style: {
         # "sm:btn-ghost"

data/lib/daisy_ui/chat.rb

@@ -108,6 +108,7 @@ module DaisyUI
     private
 
     def build_bubble_classes(modifiers, options)
+      report_unknown_modifiers(modifiers, BUBBLE_MODIFIERS.keys, part: :bubble)
       modifier_classes = modifiers.filter_map { |mod| apply_prefix(BUBBLE_MODIFIERS[mod]) }
       merge_classes(apply_prefix("chat-bubble"), *modifier_classes, options.delete(:class))
     end

data/lib/daisy_ui/checkbox.rb

@@ -3,6 +3,7 @@
 module DaisyUI
   class Checkbox < Base
     self.component_class = :checkbox
+    register_flags :checked, :disabled
 
     def view_template(&)
       input(

data/lib/daisy_ui/collapsible_sub_menu.rb

@@ -4,6 +4,7 @@ module DaisyUI
   # @private
   class CollapsibleSubMenu < Base
     self.component_class = nil
+    register_flags :collapsible, :open
 
     def initialize(*, **)
       super

data/lib/daisy_ui/configurable.rb

@@ -52,10 +52,49 @@ module DaisyUI
     end
 
     class Configuration
+      UNKNOWN_MODIFIER_MODES = %i[raise warn ignore].freeze
+      REPORTED_UNKNOWN_MODIFIERS_LIMIT = 1_000
+
       attr_reader :prefix
 
       def initialize
         @prefix = nil
+        @reported_unknown_modifiers = Set.new
+        @reported_unknown_modifiers_lock = Mutex.new
+      end
+
+      # What a component does with a positional modifier it does not know:
+      # :raise, :warn (once per component and modifier), :ignore, or a callable
+      # that receives the DaisyUI::UnknownModifierError (once per component and
+      # modifier), e.g. `->(error) { Appsignal.report_error(error) }`.
+      #
+      # Defaults to :raise under Rails in development and test, :warn otherwise.
+      def unknown_modifiers
+        @unknown_modifiers || default_unknown_modifiers
+      end
+
+      def unknown_modifiers=(mode)
+        valid = mode.nil? || mode.respond_to?(:call) || UNKNOWN_MODIFIER_MODES.include?(mode)
+        raise ArgumentError, "unknown_modifiers must be :raise, :warn, :ignore or a callable, got #{mode.inspect}" unless valid
+
+        @unknown_modifiers = mode
+      end
+
+      # @api private Builds the error only when it will be raised or reported.
+      def report_unknown_modifier(component:, modifier:, known:, part: nil)
+        mode = unknown_modifiers
+        return if mode == :ignore
+
+        error = -> { UnknownModifierError.new(component:, modifier:, known:, part:) }
+        raise error.call if mode == :raise
+        return unless first_report?([component, part, modifier])
+
+        mode == :warn ? warn("[DaisyUI] #{error.call.message}") : mode.call(error.call)
+      end
+
+      # @api private
+      def reset_reported_unknown_modifiers!
+        @reported_unknown_modifiers_lock.synchronize { @reported_unknown_modifiers.clear }
       end
 
       def prefix=(prefix)
@@ -70,6 +109,26 @@ module DaisyUI
       def modifiers
         @modifiers ||= Modifiers.new
       end
+
+      private
+
+      # Remembers up to REPORTED_UNKNOWN_MODIFIERS_LIMIT keys, then starts over,
+      # so modifiers built from user input cannot grow it without bound.
+      def first_report?(key)
+        @reported_unknown_modifiers_lock.synchronize do
+          return false if @reported_unknown_modifiers.include?(key)
+
+          @reported_unknown_modifiers.clear if @reported_unknown_modifiers.size >= REPORTED_UNKNOWN_MODIFIERS_LIMIT
+          @reported_unknown_modifiers.add(key)
+          true
+        end
+      end
+
+      def default_unknown_modifiers
+        return :warn unless defined?(::Rails) && ::Rails.respond_to?(:env)
+
+        %w[development test].include?(::Rails.env.to_s) ? :raise : :warn
+      end
     end
   end
 end

data/lib/daisy_ui/dropdown.rb

@@ -5,6 +5,7 @@ require "securerandom"
 module DaisyUI
   class Dropdown < Base
     self.component_class = :dropdown
+    register_flags :popover, :tap_to_close
 
     # Placement modifiers that, in :popover mode, must live on the popover
     # element itself (DaisyUI's `position-area` rule is on `.dropdown`).

data/lib/daisy_ui/engine.rb

@@ -4,24 +4,34 @@ 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;
+  # It exposes the gem's bundled Stimulus controllers (`daisy-dropdown`,
+  # `daisy-tooltip`) to the host app:
+  #   * adds config/importmap.rb to importmap-rails' paths, which pins each
+  #     `daisy_ui/controllers/<name>` to its minified build (no manual pin);
   #   * appends the JS dir to the asset load path so Propshaft/Sprockets serve
-  #     the file.
+  #     the .min.js and its sourcemap (Sprockets also needs them precompiled).
   #
-  # The controller is opt-in at the markup level (`Dropdown(:popover, stimulus:
-  # true)`), so apps that never opt in ship no extra behavior.
+  # The controllers are opt-in at the markup level (`Dropdown(:popover, stimulus:
+  # true)`, `Tooltip(:popover)`) and not preloaded, so a page that never uses
+  # one never fetches it.
   # 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")
+    # The minified controllers config/importmap.rb pins, and their sourcemaps.
+    MINIFIED_ASSETS = Dir[JAVASCRIPT_PATH.join("daisy_ui/controllers/*.min.js{,.map}").to_s]
+      .map { |path| Pathname.new(path).relative_path_from(JAVASCRIPT_PATH).to_s }.sort.freeze
 
     initializer "daisy_ui.assets" do |app|
-      app.config.assets.paths << JAVASCRIPT_PATH.to_s if app.config.respond_to?(:assets)
+      next unless app.config.respond_to?(:assets)
+
+      app.config.assets.paths << JAVASCRIPT_PATH.to_s
+      # Sprockets compiles only what is listed; Propshaft compiles every file in
+      # paths. The list is nil unless Sprockets or another engine created it,
+      # and OrderedOptions answers respond_to? for any name, so check the value.
+      precompile = app.config.assets.precompile
+      precompile.concat(MINIFIED_ASSETS) if precompile.is_a?(Array)
     end
 
     initializer "daisy_ui.importmap", before: "importmap" do |app|

data/lib/daisy_ui/indicator.rb

@@ -19,6 +19,7 @@ module DaisyUI
     private
 
     def build_item_classes(item_modifiers, options)
+      report_unknown_modifiers(item_modifiers, modifier_map.keys, part: :item)
       # Start with base class
       base = apply_prefix("indicator-item")
       # Add modifier classes from position modifiers

data/lib/daisy_ui/modal.rb

@@ -3,6 +3,7 @@
 module DaisyUI
   class Modal < Base
     self.component_class = :modal
+    register_flags :tap_outside_to_close
 
     def initialize(*, id:, **)
       super

data/lib/daisy_ui/steps.rb

@@ -27,6 +27,7 @@ module DaisyUI
     private
 
     def build_step_classes(step_modifiers, options)
+      report_unknown_modifiers(step_modifiers, step_modifier_map.keys, part: :step)
       base = apply_prefix("step")
       mod_classes = step_modifiers.filter_map { |m| apply_prefix(step_modifier_map[m]) }
       custom = options.delete(:class)

data/lib/daisy_ui/sub_menu.rb

@@ -3,6 +3,8 @@
 module DaisyUI
   # @private
   class SubMenu < Base
+    register_flags :open
+
     def initialize(*, **)
       super
       @items = []

data/lib/daisy_ui/tab.rb

@@ -36,5 +36,11 @@ module DaisyUI
         div role: :tabpanel, class: content_classes, **options, &block
       end
     end
+
+    private
+
+    # Tab only dispatches: TabWithContent or TabWithoutContent validates the
+    # modifiers when it is built.
+    def validate_modifiers; end
   end
 end

data/lib/daisy_ui/tab_with_content.rb

@@ -4,6 +4,7 @@ module DaisyUI
   # @private
   class TabWithContent < Base
     self.component_class = :tab
+    register_flags :open, :closed
 
     def initialize(*, content:, label: nil, id: nil, **)
       super(*, **)

data/lib/daisy_ui/tab_without_content.rb

@@ -4,6 +4,7 @@ module DaisyUI
   # @private
   class TabWithoutContent < Base
     self.component_class = :tab
+    register_flags :open, :closed
 
     def initialize(*, label: nil, **)
       super(*, **)

data/lib/daisy_ui/tooltip.rb

@@ -5,6 +5,7 @@ require "securerandom"
 module DaisyUI
   class Tooltip < Base
     self.component_class = :tooltip
+    register_flags :popover
 
     PLACEMENTS = %i[top bottom left right].freeze
     DEFAULT_STIMULUS_IDENTIFIER = "daisy-tooltip"

data/lib/daisy_ui/unknown_modifier_error.rb

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+require "did_you_mean"
+
+module DaisyUI
+  # Raised (or warned, or reported) when a component is given a positional
+  # modifier it does not know. See `DaisyUI.configuration.unknown_modifiers`.
+  class UnknownModifierError < ArgumentError
+    attr_reader :component, :modifier, :part
+
+    # `part` names the sub-component method (e.g. :bubble for Chat#bubble).
+    def initialize(component:, modifier:, known:, part: nil)
+      @component = component
+      @modifier = modifier
+      @part = part
+      super(build_message(known))
+    end
+
+    private
+
+    def build_message(known)
+      name = component.name || component.inspect
+      name = "#{name}##{part}" if part
+      message = "#{name} has no modifier #{modifier.inspect}"
+      suggestions = DidYouMean::SpellChecker.new(dictionary: known.map(&:to_s)).correct(modifier.to_s)
+      return message if suggestions.empty?
+
+      "#{message}. Did you mean? #{suggestions.map { |s| ":#{s}" }.join(', ')}"
+    end
+  end
+end

data/lib/daisy_ui/updated_at.rb

@@ -3,5 +3,5 @@
 module DaisyUI
   # This timestamp is automatically updated when releasing a new version
   # Format: YYYY-MM-DD HH:MM:SS UTC
-  UPDATED_AT = "2026-09-30 16:38:52 UTC"
+  UPDATED_AT = "2026-10-11 16:15:37 UTC"
 end

data/lib/daisy_ui/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: daisyui
 version: !ruby/object:Gem::Version
-  version: 2.0.0
+  version: 2.0.2
 platform: ruby
 authors:
 - Mikael Henriksson
@@ -63,7 +63,11 @@ files:
 - LICENSE.txt
 - README.md
 - app/javascript/daisy_ui/controllers/daisy_dropdown_controller.js
+- app/javascript/daisy_ui/controllers/daisy_dropdown_controller.min.js
+- app/javascript/daisy_ui/controllers/daisy_dropdown_controller.min.js.map
 - app/javascript/daisy_ui/controllers/daisy_tooltip_controller.js
+- app/javascript/daisy_ui/controllers/daisy_tooltip_controller.min.js
+- app/javascript/daisy_ui/controllers/daisy_tooltip_controller.min.js.map
 - config/importmap.rb
 - exe/daisyui-mcp
 - lib/daisy_ui.rb
@@ -157,6 +161,7 @@ files:
 - lib/daisy_ui/toast.rb
 - lib/daisy_ui/toggle.rb
 - lib/daisy_ui/tooltip.rb
+- lib/daisy_ui/unknown_modifier_error.rb
 - lib/daisy_ui/updated_at.rb
 - lib/daisy_ui/validator.rb
 - lib/daisy_ui/version.rb