@editora/ui-core 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (153) hide show
  1. package/README.md +8 -0
  2. package/dist/accordion.cjs.js +1 -1
  3. package/dist/accordion.esm.js +1 -1
  4. package/dist/alert-dialog.cjs.js +32 -24
  5. package/dist/alert-dialog.esm.js +48 -40
  6. package/dist/alert.cjs.js +2 -2
  7. package/dist/alert.esm.js +2 -2
  8. package/dist/animated-text.cjs.js +5 -5
  9. package/dist/animated-text.esm.js +5 -5
  10. package/dist/app-header.cjs.js +12 -7
  11. package/dist/app-header.esm.js +12 -7
  12. package/dist/avatar.cjs.js +3 -3
  13. package/dist/avatar.esm.js +3 -3
  14. package/dist/{calendar-o273O28D.js → calendar-CzpWDxLc.js} +5 -4
  15. package/dist/{calendar-DmxiZrR7.mjs → calendar-DkSDFg33.mjs} +1 -0
  16. package/dist/calendar.cjs.js +1 -1
  17. package/dist/calendar.esm.js +1 -1
  18. package/dist/chart.cjs.js +13 -7
  19. package/dist/chart.esm.js +13 -7
  20. package/dist/collapsible.cjs.js +2 -2
  21. package/dist/collapsible.esm.js +2 -2
  22. package/dist/color-picker.cjs.js +3 -3
  23. package/dist/color-picker.esm.js +3 -3
  24. package/dist/combobox.cjs.js +3 -3
  25. package/dist/combobox.esm.js +36 -36
  26. package/dist/components/ui-alert-dialog.d.ts.map +1 -1
  27. package/dist/components/ui-app-header.d.ts.map +1 -1
  28. package/dist/components/ui-calendar.d.ts.map +1 -1
  29. package/dist/components/ui-chart.d.ts.map +1 -1
  30. package/dist/components/ui-gantt.d.ts.map +1 -1
  31. package/dist/components/ui-hover-card.d.ts.map +1 -1
  32. package/dist/components/ui-inline-edit.d.ts.map +1 -1
  33. package/dist/components/ui-multi-select.d.ts.map +1 -1
  34. package/dist/components/ui-sidebar.d.ts.map +1 -1
  35. package/dist/components/ui-tabs.d.ts.map +1 -1
  36. package/dist/components/ui-wizard.d.ts.map +1 -1
  37. package/dist/context-menu.cjs.js +1 -1
  38. package/dist/context-menu.esm.js +1 -1
  39. package/dist/data-table.cjs.js +3 -3
  40. package/dist/data-table.esm.js +3 -3
  41. package/dist/date-field.cjs.js +2 -2
  42. package/dist/date-field.esm.js +14 -14
  43. package/dist/date-picker.cjs.js +3 -3
  44. package/dist/date-picker.esm.js +4 -4
  45. package/dist/date-range-picker.cjs.js +3 -3
  46. package/dist/date-range-picker.esm.js +59 -59
  47. package/dist/date-range-time-picker.cjs.js +2 -2
  48. package/dist/date-range-time-picker.esm.js +3 -3
  49. package/dist/date-time-picker.cjs.js +2 -2
  50. package/dist/date-time-picker.esm.js +3 -3
  51. package/dist/{date-time-utils-DdigV4hs.js → date-time-utils-C-4eHTyy.js} +1 -1
  52. package/dist/{date-time-utils-B4hAkt36.mjs → date-time-utils-zAx4ghvC.mjs} +1 -1
  53. package/dist/description.cjs.js +4 -4
  54. package/dist/description.esm.js +4 -4
  55. package/dist/dialog.cjs.js +2 -2
  56. package/dist/dialog.esm.js +2 -2
  57. package/dist/direction-provider.cjs.js +1 -1
  58. package/dist/direction-provider.esm.js +1 -1
  59. package/dist/dock.cjs.js +1 -1
  60. package/dist/dock.esm.js +1 -1
  61. package/dist/dropdown.cjs.js +1 -1
  62. package/dist/dropdown.esm.js +1 -1
  63. package/dist/field-error.cjs.js +1 -1
  64. package/dist/field-error.esm.js +7 -7
  65. package/dist/field.cjs.js +1 -1
  66. package/dist/field.esm.js +29 -29
  67. package/dist/fieldset.cjs.js +4 -4
  68. package/dist/fieldset.esm.js +3 -3
  69. package/dist/file-upload.cjs.js +2 -2
  70. package/dist/file-upload.esm.js +2 -2
  71. package/dist/flex.cjs.js +2 -2
  72. package/dist/flex.esm.js +8 -8
  73. package/dist/form.cjs.js +4 -4
  74. package/dist/form.esm.js +4 -4
  75. package/dist/gantt.cjs.js +7 -5
  76. package/dist/gantt.esm.js +7 -5
  77. package/dist/grid.cjs.js +1 -1
  78. package/dist/grid.esm.js +1 -1
  79. package/dist/hover-card.cjs.js +1 -1
  80. package/dist/hover-card.esm.js +11 -8
  81. package/dist/index.cjs.js +1 -1
  82. package/dist/index.esm.js +2 -2
  83. package/dist/inline-edit.cjs.js +6 -6
  84. package/dist/inline-edit.esm.js +15 -15
  85. package/dist/input.cjs.js +1 -1
  86. package/dist/input.esm.js +1 -1
  87. package/dist/label.cjs.js +6 -6
  88. package/dist/label.esm.js +6 -6
  89. package/dist/masonry-grid.cjs.js +2 -2
  90. package/dist/masonry-grid.esm.js +11 -11
  91. package/dist/{menu-item-styles-IGSFLAHu.mjs → menu-item-styles-CdqxPUuw.mjs} +15 -15
  92. package/dist/{menu-item-styles-B4onAr4C.js → menu-item-styles-DUdyjQ7i.js} +10 -10
  93. package/dist/menu.cjs.js +1 -1
  94. package/dist/menu.esm.js +1 -1
  95. package/dist/menubar.cjs.js +1 -1
  96. package/dist/menubar.esm.js +1 -1
  97. package/dist/multi-select.cjs.js +7 -7
  98. package/dist/multi-select.esm.js +26 -26
  99. package/dist/number-field.cjs.js +1 -1
  100. package/dist/number-field.esm.js +1 -1
  101. package/dist/number-ticker.cjs.js +4 -4
  102. package/dist/number-ticker.esm.js +10 -10
  103. package/dist/odometer.cjs.js +7 -7
  104. package/dist/odometer.esm.js +14 -14
  105. package/dist/password-field.cjs.js +1 -1
  106. package/dist/password-field.esm.js +1 -1
  107. package/dist/pin-input.cjs.js +1 -1
  108. package/dist/pin-input.esm.js +1 -1
  109. package/dist/placement-grid.cjs.js +1 -1
  110. package/dist/placement-grid.esm.js +1 -1
  111. package/dist/portal.cjs.js +1 -1
  112. package/dist/portal.esm.js +1 -1
  113. package/dist/presence.cjs.js +1 -1
  114. package/dist/presence.esm.js +1 -1
  115. package/dist/quick-actions.cjs.js +1 -1
  116. package/dist/quick-actions.esm.js +1 -1
  117. package/dist/radio.cjs.js +1 -1
  118. package/dist/radio.esm.js +1 -1
  119. package/dist/{runtime-CQM6wZOc.mjs → runtime-BRT7E4A8.mjs} +377 -329
  120. package/dist/runtime-CXw4SGV9.js +5 -0
  121. package/dist/runtime.cjs.js +1 -1
  122. package/dist/runtime.esm.js +1 -1
  123. package/dist/select.cjs.js +2 -2
  124. package/dist/select.esm.js +2 -2
  125. package/dist/separator.cjs.js +6 -6
  126. package/dist/separator.esm.js +7 -7
  127. package/dist/sidebar.cjs.js +7 -6
  128. package/dist/sidebar.esm.js +7 -6
  129. package/dist/slot.cjs.js +1 -1
  130. package/dist/slot.esm.js +1 -1
  131. package/dist/sortable.cjs.js +6 -6
  132. package/dist/sortable.esm.js +6 -6
  133. package/dist/split-button.cjs.js +2 -2
  134. package/dist/split-button.esm.js +2 -2
  135. package/dist/tabs.cjs.js +11 -6
  136. package/dist/tabs.esm.js +28 -23
  137. package/dist/tags-input.cjs.js +2 -2
  138. package/dist/tags-input.esm.js +2 -2
  139. package/dist/textarea.cjs.js +2 -2
  140. package/dist/textarea.esm.js +16 -16
  141. package/dist/theme.d.ts.map +1 -1
  142. package/dist/time-field.cjs.js +2 -2
  143. package/dist/time-field.esm.js +24 -24
  144. package/dist/time-picker.cjs.js +2 -2
  145. package/dist/time-picker.esm.js +3 -3
  146. package/dist/toast.cjs.js +2 -2
  147. package/dist/toast.esm.js +2 -2
  148. package/dist/transfer-list.cjs.js +9 -9
  149. package/dist/transfer-list.esm.js +4 -4
  150. package/dist/wizard.cjs.js +16 -7
  151. package/dist/wizard.esm.js +16 -7
  152. package/package.json +1 -1
  153. package/dist/runtime-DxCl0A5q.js +0 -5
package/dist/grid.cjs.js CHANGED
@@ -15,7 +15,7 @@
15
15
  --ui-grid-align-content: normal;
16
16
  --ui-grid-justify-content: normal;
17
17
  --ui-grid-place-content: initial;
18
- --ui-grid-color: var(--ui-color-text, inherit);
18
+ --ui-grid-color: inherit;
19
19
  color-scheme: light dark;
20
20
  display: var(--ui-grid-display);
21
21
  color: var(--ui-grid-color);
package/dist/grid.esm.js CHANGED
@@ -43,7 +43,7 @@ const y = {
43
43
  --ui-grid-align-content: normal;
44
44
  --ui-grid-justify-content: normal;
45
45
  --ui-grid-place-content: initial;
46
- --ui-grid-color: var(--ui-color-text, inherit);
46
+ --ui-grid-color: inherit;
47
47
  color-scheme: light dark;
48
48
  display: var(--ui-grid-display);
49
49
  color: var(--ui-grid-color);
@@ -262,7 +262,7 @@
262
262
  box-shadow: none;
263
263
  }
264
264
  }
265
- `;function f(i){return i==="top"||i==="left"||i==="right"?i:"bottom"}class l extends u.ElementBase{constructor(){super(),this._openTimer=null,this._closeTimer=null,this._positionRaf=null,this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,this._isOpen=!1,this._globalListenersBound=!1,this._onPointerEnter=this._onPointerEnter.bind(this),this._onPointerLeave=this._onPointerLeave.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onFocusOut=this._onFocusOut.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onDocumentPointerDown=this._onDocumentPointerDown.bind(this),this._onViewportChange=this._onViewportChange.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["open","headless","delay","close-delay","placement","offset","variant","tone","density","shape","elevation"]}connectedCallback(){super.connectedCallback(),this.addEventListener("pointerenter",this._onPointerEnter),this.addEventListener("pointerleave",this._onPointerLeave),this.addEventListener("focusin",this._onFocusIn),this.addEventListener("focusout",this._onFocusOut),this.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("slotchange",this._onSlotChange),this._syncOpenState()}disconnectedCallback(){this.removeEventListener("pointerenter",this._onPointerEnter),this.removeEventListener("pointerleave",this._onPointerLeave),this.removeEventListener("focusin",this._onFocusIn),this.removeEventListener("focusout",this._onFocusOut),this.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("slotchange",this._onSlotChange),this._unbindGlobalListeners(),this._clearTimers(),this._positionRaf!=null&&(cancelAnimationFrame(this._positionRaf),this._positionRaf=null),this._positioner?.destroy(),this._positioner=null,super.disconnectedCallback()}attributeChangedCallback(e,t,r){if(t!==r){if(e==="open"||e==="headless"){this._syncOpenState();return}this._isOpen&&(e==="placement"||e==="offset"||e==="density"||e==="shape")&&this._schedulePosition()}}get open(){return this.hasAttribute("open")}set open(e){e?this.setAttribute("open",""):this.removeAttribute("open")}get delay(){const e=Number(this.getAttribute("delay"));return Number.isFinite(e)&&e>=0?e:120}set delay(e){this.setAttribute("delay",String(e))}get closeDelay(){const e=Number(this.getAttribute("close-delay"));return Number.isFinite(e)&&e>=0?e:this.delay}set closeDelay(e){this.setAttribute("close-delay",String(e))}_onSlotChange(){this._isOpen&&this._schedulePosition()}_getPanel(){return this.root.querySelector(".panel")}_getAnchor(){const e=this.querySelector('[slot="trigger"]');return e||Array.from(this.children).find(r=>r instanceof HTMLElement?!r.hasAttribute("slot")||r.getAttribute("slot")==="trigger":!1)||this}_isNodeWithinComponent(e){return e?!!(e===this||this.contains(e)||this.root.contains(e)):!1}_clearTimers(){this._openTimer!=null&&(window.clearTimeout(this._openTimer),this._openTimer=null),this._closeTimer!=null&&(window.clearTimeout(this._closeTimer),this._closeTimer=null)}_scheduleOpen(e){this._clearTimers(),this._openTimer=window.setTimeout(()=>{this._openTimer=null,this.open=!0},Math.max(0,e))}_scheduleClose(e){this._clearTimers(),this._closeTimer=window.setTimeout(()=>{this._closeTimer=null,this.open=!1},Math.max(0,e))}_onPointerEnter(){if(!this.hasAttribute("headless")){if(this._isOpen){this._clearTimers();return}this._scheduleOpen(this.delay)}}_onPointerLeave(e){const t=e.relatedTarget;this._isNodeWithinComponent(t)||this._scheduleClose(this.closeDelay)}_onFocusIn(){this.hasAttribute("headless")||(this._clearTimers(),this.open=!0)}_onFocusOut(e){const t=e.relatedTarget;this._isNodeWithinComponent(t)||this._scheduleClose(this.closeDelay)}_onKeyDown(e){if(!this._isOpen||e.key!=="Escape")return;e.preventDefault(),this.open=!1;const t=this._getAnchor();try{t.focus()}catch{}}_onDocumentPointerDown(e){!this._isOpen||e.composedPath().includes(this)||(this.open=!1)}_onViewportChange(){this._isOpen&&this._schedulePosition()}_syncOpenState(){const e=this.hasAttribute("open")&&!this.hasAttribute("headless");if(e===this._isOpen){this._syncPanelA11y(),e?(this._bindGlobalListeners(),this._schedulePosition()):this._unbindGlobalListeners();return}this._isOpen=e,this._syncPanelA11y();const t=this._getPanel();if(e){this._bindGlobalListeners(),t&&t.setAttribute("data-ready","false"),this.dispatchEvent(new CustomEvent("open",{bubbles:!0})),this.dispatchEvent(new CustomEvent("show",{bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{open:!0}})),this._schedulePosition();return}this._unbindGlobalListeners(),this._clearTimers(),this._positionRaf!=null&&(cancelAnimationFrame(this._positionRaf),this._positionRaf=null),this._positioner?.destroy(),this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,t&&t.setAttribute("data-ready","false"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0})),this.dispatchEvent(new CustomEvent("hide",{bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{open:!1}}))}_syncPanelA11y(){const e=this._getPanel();e&&(e.setAttribute("aria-hidden",this._isOpen?"false":"true"),this._isOpen||e.setAttribute("data-ready","false"))}_bindGlobalListeners(){this._globalListenersBound||(document.addEventListener("pointerdown",this._onDocumentPointerDown,!0),window.addEventListener("resize",this._onViewportChange),window.addEventListener("scroll",this._onViewportChange,{passive:!0,capture:!0}),this._globalListenersBound=!0)}_unbindGlobalListeners(){this._globalListenersBound&&(document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0),window.removeEventListener("resize",this._onViewportChange),window.removeEventListener("scroll",this._onViewportChange,!0),this._globalListenersBound=!1)}_schedulePosition(){this._isOpen&&(this._positionRaf!=null&&cancelAnimationFrame(this._positionRaf),this._positionRaf=requestAnimationFrame(()=>{this._positionRaf=null,this._positionPanel()}))}_positionPanel(){const e=this._getPanel();if(!e||!this._isOpen)return;const t=this._getAnchor();if(!t||!t.isConnected){this.open=!1;return}const r=t.getBoundingClientRect();if(r.width===0&&r.height===0){this.open=!1;return}const a=Number(this.getAttribute("offset")),n=Number.isFinite(a)?a:10,s=f(this.getAttribute("placement")),c=e.querySelector(".arrow");if(!this._positioner||this._positionerPlacement!==s||this._positionerOffset!==n){this._positioner?.destroy(),this._positioner=p.createPositioner({anchor:t,floating:e,placement:s,strategy:"fixed",offset:n,flip:!0,shift:!0,boundaryPadding:8,arrow:c,observeWindowResize:!1,observeScroll:!1,observeAncestorScroll:!1,observeAncestorResize:!1,observeLayoutShift:!1,observeAnchorResize:!1,observeFloatingResize:!1,onUpdate:h=>{const d=h.placement.split("-")[0];e.setAttribute("data-placement",d);const o=h.middlewareData?.arrow;typeof o?.x=="number"&&e.style.setProperty("--ui-hover-card-arrow-x",`${Math.round(o.x)}px`),typeof o?.y=="number"&&e.style.setProperty("--ui-hover-card-arrow-y",`${Math.round(o.y)}px`),e.setAttribute("data-ready","true")}}),this._positionerPlacement=s,this._positionerOffset=n;return}this._positioner?.update()}render(){this.setContent(`
265
+ `;function f(i){return i==="top"||i==="left"||i==="right"?i:"bottom"}class l extends u.ElementBase{constructor(){super(),this._openTimer=null,this._closeTimer=null,this._positionRaf=null,this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,this._isOpen=!1,this._globalListenersBound=!1,this._onPointerEnter=this._onPointerEnter.bind(this),this._onPointerLeave=this._onPointerLeave.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onFocusOut=this._onFocusOut.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onDocumentPointerDown=this._onDocumentPointerDown.bind(this),this._onViewportChange=this._onViewportChange.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["open","headless","delay","close-delay","placement","offset","variant","tone","density","shape","elevation"]}connectedCallback(){super.connectedCallback(),this.addEventListener("pointerenter",this._onPointerEnter),this.addEventListener("pointerleave",this._onPointerLeave),this.addEventListener("focusin",this._onFocusIn),this.addEventListener("focusout",this._onFocusOut),this.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("slotchange",this._onSlotChange),this._syncOpenState()}disconnectedCallback(){this.removeEventListener("pointerenter",this._onPointerEnter),this.removeEventListener("pointerleave",this._onPointerLeave),this.removeEventListener("focusin",this._onFocusIn),this.removeEventListener("focusout",this._onFocusOut),this.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("slotchange",this._onSlotChange),this._unbindGlobalListeners(),this._clearTimers(),this._positionRaf!=null&&(cancelAnimationFrame(this._positionRaf),this._positionRaf=null),this._positioner?.destroy(),this._positioner=null,super.disconnectedCallback()}attributeChangedCallback(e,t,r){if(t!==r){if(e==="open"||e==="headless"){this._syncOpenState();return}this._isOpen&&(e==="placement"||e==="offset"||e==="density"||e==="shape")&&this._schedulePosition()}}get open(){return this.hasAttribute("open")}set open(e){e?this.setAttribute("open",""):this.removeAttribute("open")}get delay(){const e=Number(this.getAttribute("delay"));return Number.isFinite(e)&&e>=0?e:120}set delay(e){this.setAttribute("delay",String(e))}get closeDelay(){const e=Number(this.getAttribute("close-delay"));return Number.isFinite(e)&&e>=0?e:this.delay}set closeDelay(e){this.setAttribute("close-delay",String(e))}_onSlotChange(){this._isOpen&&this._schedulePosition()}_getPanel(){return this.root.querySelector(".panel")}_getAnchor(){const e=this.querySelector('[slot="trigger"]');return e||Array.from(this.children).find(r=>r instanceof HTMLElement?!r.hasAttribute("slot")||r.getAttribute("slot")==="trigger":!1)||this}_isNodeWithinComponent(e){return e?!!(e===this||this.contains(e)||this.root.contains(e)):!1}_clearTimers(){this._openTimer!=null&&(window.clearTimeout(this._openTimer),this._openTimer=null),this._closeTimer!=null&&(window.clearTimeout(this._closeTimer),this._closeTimer=null)}_scheduleOpen(e){this._clearTimers(),this._openTimer=window.setTimeout(()=>{this._openTimer=null,this.open=!0},Math.max(0,e))}_scheduleClose(e){this._clearTimers(),this._closeTimer=window.setTimeout(()=>{this._closeTimer=null,this.open=!1},Math.max(0,e))}_onPointerEnter(){if(!this.hasAttribute("headless")){if(this._isOpen){this._clearTimers();return}this._scheduleOpen(this.delay)}}_onPointerLeave(e){const t=e.relatedTarget;this._isNodeWithinComponent(t)||this._scheduleClose(this.closeDelay)}_onFocusIn(){this.hasAttribute("headless")||(this._clearTimers(),this.open=!0)}_onFocusOut(e){const t=e.relatedTarget;this._isNodeWithinComponent(t)||this._scheduleClose(this.closeDelay)}_onKeyDown(e){if(!this._isOpen||e.key!=="Escape")return;e.preventDefault(),this.open=!1;const t=this._getAnchor();try{t.focus()}catch{}}_onDocumentPointerDown(e){!this._isOpen||e.composedPath().includes(this)||(this.open=!1)}_onViewportChange(){this._isOpen&&this._schedulePosition()}_syncOpenState(){const e=this.hasAttribute("open")&&!this.hasAttribute("headless");if(e===this._isOpen){this._syncPanelA11y(),e?(this._bindGlobalListeners(),this._schedulePosition()):this._unbindGlobalListeners();return}this._isOpen=e,this._syncPanelA11y();const t=this._getPanel();if(e){this._bindGlobalListeners(),t&&t.setAttribute("data-ready","false"),this.dispatchEvent(new CustomEvent("open",{bubbles:!0})),this.dispatchEvent(new CustomEvent("show",{bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{open:!0}})),this._schedulePosition();return}this._unbindGlobalListeners(),this._clearTimers(),this._positionRaf!=null&&(cancelAnimationFrame(this._positionRaf),this._positionRaf=null),this._positioner?.destroy(),this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,t&&t.setAttribute("data-ready","false"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0})),this.dispatchEvent(new CustomEvent("hide",{bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{open:!1}}))}_syncPanelA11y(){const e=this._getPanel();if(!e)return;e.setAttribute("aria-hidden",this._isOpen?"false":"true"),this._isOpen||e.setAttribute("data-ready","false");const t=this.querySelector('[slot="trigger"]'),r=this.querySelector('[slot="card"] :is(h1, h2, h3, h4, h5, h6, strong)'),o=(this.getAttribute("aria-label")||this.getAttribute("label")||"").trim()||(t?.getAttribute("aria-label")||t?.textContent||"").trim()||(r?.textContent||"").trim()||"Details";e.setAttribute("aria-label",o)}_bindGlobalListeners(){this._globalListenersBound||(document.addEventListener("pointerdown",this._onDocumentPointerDown,!0),window.addEventListener("resize",this._onViewportChange),window.addEventListener("scroll",this._onViewportChange,{passive:!0,capture:!0}),this._globalListenersBound=!0)}_unbindGlobalListeners(){this._globalListenersBound&&(document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0),window.removeEventListener("resize",this._onViewportChange),window.removeEventListener("scroll",this._onViewportChange,!0),this._globalListenersBound=!1)}_schedulePosition(){this._isOpen&&(this._positionRaf!=null&&cancelAnimationFrame(this._positionRaf),this._positionRaf=requestAnimationFrame(()=>{this._positionRaf=null,this._positionPanel()}))}_positionPanel(){const e=this._getPanel();if(!e||!this._isOpen)return;const t=this._getAnchor();if(!t||!t.isConnected){this.open=!1;return}const r=t.getBoundingClientRect();if(r.width===0&&r.height===0){this.open=!1;return}const o=Number(this.getAttribute("offset")),s=Number.isFinite(o)?o:10,a=f(this.getAttribute("placement")),c=e.querySelector(".arrow");if(!this._positioner||this._positionerPlacement!==a||this._positionerOffset!==s){this._positioner?.destroy(),this._positioner=p.createPositioner({anchor:t,floating:e,placement:a,strategy:"fixed",offset:s,flip:!0,shift:!0,boundaryPadding:8,arrow:c,observeWindowResize:!1,observeScroll:!1,observeAncestorScroll:!1,observeAncestorResize:!1,observeLayoutShift:!1,observeAnchorResize:!1,observeFloatingResize:!1,onUpdate:h=>{const d=h.placement.split("-")[0];e.setAttribute("data-placement",d);const n=h.middlewareData?.arrow;typeof n?.x=="number"&&e.style.setProperty("--ui-hover-card-arrow-x",`${Math.round(n.x)}px`),typeof n?.y=="number"&&e.style.setProperty("--ui-hover-card-arrow-y",`${Math.round(n.y)}px`),e.setAttribute("data-ready","true")}}),this._positionerPlacement=a,this._positionerOffset=s;return}this._positioner?.update()}render(){this.setContent(`
266
266
  <style>${v}</style>
267
267
  <div class="anchor" part="anchor">
268
268
  <slot name="trigger"></slot>
@@ -399,7 +399,10 @@ class f extends d {
399
399
  }
400
400
  _syncPanelA11y() {
401
401
  const e = this._getPanel();
402
- e && (e.setAttribute("aria-hidden", this._isOpen ? "false" : "true"), this._isOpen || e.setAttribute("data-ready", "false"));
402
+ if (!e) return;
403
+ e.setAttribute("aria-hidden", this._isOpen ? "false" : "true"), this._isOpen || e.setAttribute("data-ready", "false");
404
+ const t = this.querySelector('[slot="trigger"]'), r = this.querySelector('[slot="card"] :is(h1, h2, h3, h4, h5, h6, strong)'), o = (this.getAttribute("aria-label") || this.getAttribute("label") || "").trim() || (t?.getAttribute("aria-label") || t?.textContent || "").trim() || (r?.textContent || "").trim() || "Details";
405
+ e.setAttribute("aria-label", o);
403
406
  }
404
407
  _bindGlobalListeners() {
405
408
  this._globalListenersBound || (document.addEventListener("pointerdown", this._onDocumentPointerDown, !0), window.addEventListener("resize", this._onViewportChange), window.addEventListener("scroll", this._onViewportChange, { passive: !0, capture: !0 }), this._globalListenersBound = !0);
@@ -425,14 +428,14 @@ class f extends d {
425
428
  this.open = !1;
426
429
  return;
427
430
  }
428
- const a = Number(this.getAttribute("offset")), n = Number.isFinite(a) ? a : 10, s = v(this.getAttribute("placement")), l = e.querySelector(".arrow");
429
- if (!this._positioner || this._positionerPlacement !== s || this._positionerOffset !== n) {
431
+ const o = Number(this.getAttribute("offset")), s = Number.isFinite(o) ? o : 10, a = v(this.getAttribute("placement")), l = e.querySelector(".arrow");
432
+ if (!this._positioner || this._positionerPlacement !== a || this._positionerOffset !== s) {
430
433
  this._positioner?.destroy(), this._positioner = u({
431
434
  anchor: t,
432
435
  floating: e,
433
- placement: s,
436
+ placement: a,
434
437
  strategy: "fixed",
435
- offset: n,
438
+ offset: s,
436
439
  flip: !0,
437
440
  shift: !0,
438
441
  boundaryPadding: 8,
@@ -447,10 +450,10 @@ class f extends d {
447
450
  onUpdate: (h) => {
448
451
  const c = h.placement.split("-")[0];
449
452
  e.setAttribute("data-placement", c);
450
- const o = h.middlewareData?.arrow;
451
- typeof o?.x == "number" && e.style.setProperty("--ui-hover-card-arrow-x", `${Math.round(o.x)}px`), typeof o?.y == "number" && e.style.setProperty("--ui-hover-card-arrow-y", `${Math.round(o.y)}px`), e.setAttribute("data-ready", "true");
453
+ const n = h.middlewareData?.arrow;
454
+ typeof n?.x == "number" && e.style.setProperty("--ui-hover-card-arrow-x", `${Math.round(n.x)}px`), typeof n?.y == "number" && e.style.setProperty("--ui-hover-card-arrow-y", `${Math.round(n.y)}px`), e.setAttribute("data-ready", "true");
452
455
  }
453
- }), this._positionerPlacement = s, this._positionerOffset = n;
456
+ }), this._positionerPlacement = a, this._positionerOffset = s;
454
457
  return;
455
458
  }
456
459
  this._positioner?.update();
package/dist/index.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("./ElementBase-DxbvhLJs.js"),L=require("./collection.cjs.js"),u=require("./listbox-CTpRpuF7.js"),R=require("./roving-focus-group.cjs.js"),p=require("./tree-Dc02MChE.js"),B=require("./tree-item.cjs.js"),E=require("./ui-button-CnLwXBnx.js"),G=require("./tooltip.cjs.js"),O=require("./dropdown.cjs.js"),V=require("./input.cjs.js"),z=require("./password-field.cjs.js"),H=require("./form.cjs.js"),N=require("./description.cjs.js"),_=require("./field-error.cjs.js"),$=require("./control-group.cjs.js"),j=require("./fieldset.cjs.js"),W=require("./popover.cjs.js"),K=require("./tabs.cjs.js"),Q=require("./menu.cjs.js"),d=require("./ui-icon-D3avtxX_.js"),J=require("./toast.cjs.js"),X=require("./label.cjs.js"),Y=require("./pagination.cjs.js"),Z=require("./hover-card.cjs.js"),ee=require("./card.cjs.js"),te=require("./collapsible.cjs.js"),re=require("./direction-provider.cjs.js"),oe=require("./accordion.cjs.js"),ie=require("./checkbox.cjs.js"),ne=require("./radio.cjs.js"),ae=require("./radio-group.cjs.js"),se=require("./switch.cjs.js"),ce=require("./slider.cjs.js"),le=require("./select.cjs.js"),ue=require("./toggle.cjs.js"),de=require("./toggle-group.cjs.js"),Ie=require("./alert-dialog.cjs.js"),Ue=require("./aspect-ratio.cjs.js"),pe=require("./avatar.cjs.js"),me=require("./badge.cjs.js"),ge=require("./table.cjs.js"),fe=require("./navigation-menu.cjs.js"),qe=require("./menubar.cjs.js"),be=require("./context-menu.cjs.js"),Te=require("./presence.cjs.js"),he=require("./progress.cjs.js"),Pe=require("./meter.cjs.js"),ye=require("./scroll-area.cjs.js"),ve=require("./separator.cjs.js"),xe=require("./slot.cjs.js"),Se=require("./toolbar.cjs.js"),ke=require("./portal.cjs.js"),De=require("./visually-hidden.cjs.js"),Ae=require("./breadcrumb.cjs.js"),Fe=require("./sidebar.cjs.js"),Ce=require("./app-header.cjs.js"),Me=require("./drawer.cjs.js"),we=require("./dialog.cjs.js"),Le=require("./layout.cjs.js"),Re=require("./block-controls.cjs.js"),Be=require("./plugin-panel.cjs.js"),Ee=require("./floating-toolbar.cjs.js"),Ge=require("./selection-popup.cjs.js"),Oe=require("./command.cjs.js"),Ve=require("./command-palette.cjs.js"),ze=require("./textarea.cjs.js"),He=require("./field.cjs.js"),Ne=require("./number-field.cjs.js"),_e=require("./tags-input.cjs.js"),A=require("./pin-input.cjs.js"),$e=require("./file-upload.cjs.js"),je=require("./dropzone.cjs.js"),We=require("./multi-select.cjs.js"),Ke=require("./split-button.cjs.js"),Qe=require("./transfer-list.cjs.js"),Je=require("./sortable.cjs.js"),Xe=require("./inline-edit.cjs.js"),Ye=require("./combobox.cjs.js"),y=require("./panel-group-BVHJEdfx.js"),Ze=require("./panel.cjs.js"),et=require("./splitter.cjs.js"),tt=require("./dismissable-layer.cjs.js"),rt=require("./focus-scope.cjs.js"),ot=require("./positioner.cjs.js"),it=require("./anchor.cjs.js"),nt=require("./alert.cjs.js"),at=require("./marquee.cjs.js"),st=require("./animated-text.cjs.js"),ct=require("./spinning-text.cjs.js"),lt=require("./number-ticker.cjs.js"),ut=require("./animated-list.cjs.js"),dt=require("./animated-beam.cjs.js"),It=require("./icon-cloud.cjs.js"),Ut=require("./dock.cjs.js"),pt=require("./skeleton.cjs.js"),mt=require("./empty-state.cjs.js"),gt=require("./data-table.cjs.js"),ft=require("./chart.cjs.js"),qt=require("./timeline.cjs.js"),bt=require("./calendar-o273O28D.js"),Tt=require("./color-picker.cjs.js"),ht=require("./date-picker.cjs.js"),Pt=require("./date-range-picker.cjs.js"),yt=require("./time-picker.cjs.js"),vt=require("./date-field.cjs.js"),xt=require("./time-field.cjs.js"),St=require("./date-time-picker.cjs.js"),kt=require("./date-range-time-picker.cjs.js"),Dt=require("./gantt.cjs.js"),At=require("./stepper.cjs.js"),Ft=require("./wizard.cjs.js"),Ct=require("./quick-actions.cjs.js"),Mt=require("./rating.cjs.js"),wt=require("./odometer.cjs.js"),Lt=require("./box.cjs.js"),Rt=require("./flex.cjs.js"),Bt=require("./grid.cjs.js"),Et=require("./placement-grid.cjs.js"),Gt=require("./masonry-grid.cjs.js"),Ot=require("./section.cjs.js"),Vt=require("./container.cjs.js"),i=require("./runtime-DxCl0A5q.js"),T=require("./portal-XbYR3m_q.js"),zt=require("./overlayManager-CSy3fJmJ.js"),v=require("./scroll-lock-BX6e3Ced.js"),Ht=require("./dismissable-layer-DNfrKA20.js"),Nt=require("./focus-scope-Bwug2gDv.js"),a=require("./positioner-DZ1FW6A9.js"),m=require("./collection-qv8A8rq4.js"),g=require("./roving-focus-group-BdJ_4Njm.js"),_t=require("./orbiter.cjs.js"),U=[],b=new WeakMap;class $t{constructor(t){this.subs=new Set,this.value=t}get(){const t=U[U.length-1];if(t){this.subs.add(t);let r=b.get(t);r||(r=new Set,b.set(t,r)),r.add(this)}return this.value}set(t){if(Object.is(this.value,t))return;this.value=t;const r=Array.from(this.subs);for(const o of r)o()}removeSubscriber(t){this.subs.delete(t)}}function jt(e){const t=new $t(e);return{get:()=>t.get(),set:r=>t.set(r),subscribe:r=>{const o=()=>r();return t.subs.add(o),()=>t.subs.delete(o)}}}function k(e){const t=b.get(e);if(t){for(const r of t)r.removeSubscriber(e);b.delete(e)}}function Wt(e){let t;const r=()=>{if(k(r),t)try{t()}catch{}U.push(r);try{const o=e();typeof o=="function"?t=o:t=void 0}finally{U.pop()}};return r(),()=>{if(k(r),t)try{t()}catch{}}}function Kt(e){let t,r=!0;const o=()=>{r=!1;const l=()=>{t=e()};U.push(l);try{t=e()}finally{U.pop()}};return{get(){return r&&o(),t}}}const D="ui-toast-root";function Qt(){if(typeof document>"u")return null;let e=document.getElementById(D);return e||(e=document.createElement("div"),e.id=D,e.style.position="fixed",e.style.right="16px",e.style.bottom="16px",e.style.zIndex="9999",document.body.appendChild(e)),e}function Jt(e,t={}){const r=Qt();if(!r)return;const o=document.createElement("div");o.className="ui-toast",o.textContent=e,o.style.background="rgba(0,0,0,0.8)",o.style.color="white",o.style.padding="8px 12px",o.style.marginTop="8px",o.style.borderRadius="6px",r.appendChild(o);const l=t.duration??3e3,f=setTimeout(()=>{try{r.removeChild(o)}catch{}clearTimeout(f)},l);return()=>{try{r.removeChild(o)}catch{}}}const F={trap(e){const t='a[href], area[href], input:not([disabled]):not([type=hidden]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, [tabindex]:not([tabindex="-1"])',r=F.__activeTraps||=[],o=Symbol("focus-trap"),l=document.activeElement;function f(){return Array.from(e.querySelectorAll(t)).filter(n=>!n.hasAttribute("disabled")&&n.getAttribute("aria-hidden")!=="true")}function q(){return r.length>0&&r[r.length-1]?.id===o}function h(){const n=f(),c=n.find(I=>I.hasAttribute("autofocus"))||n[0]||e;c.hasAttribute("tabindex")||c.setAttribute("tabindex","-1");try{c.focus()}catch{}}function x(n){if(!q())return;const s=document.activeElement;if(!(!s||!e.contains(s)))if(n.key==="Tab"){const c=f(),I=c[0],P=c[c.length-1];if(c.length===0){n.preventDefault(),h();return}n.shiftKey?document.activeElement===I&&(n.preventDefault(),(P||I).focus()):document.activeElement===P&&(n.preventDefault(),(I||P).focus())}else n.key==="Escape"&&e.dispatchEvent(new CustomEvent("escape"))}function S(n){if(!q())return;const s=n.target;s&&!e.contains(s)&&h()}return r.push({id:o}),document.addEventListener("keydown",x),document.addEventListener("focusin",S,!0),h(),{release(){const n=r.findIndex(s=>s.id===o);n>=0&&r.splice(n,1),document.removeEventListener("keydown",x),document.removeEventListener("focusin",S,!0);try{l&&l.focus&&l.focus()}catch{}}}}},C={};function M(e){if(!e||!e.name)throw new Error("Plugin must have a name");C[e.name]=e,e.install&&e.install({registerUIPlugin:M})}function Xt(){return Object.values(C)}exports.ElementBase=w.ElementBase;exports.UICollection=L.UICollection;exports.UIListbox=u.UIListbox;exports.findListboxTypeaheadIndex=u.findListboxTypeaheadIndex;exports.getListboxBoundaryIndex=u.getListboxBoundaryIndex;exports.moveListboxActiveIndex=u.moveListboxActiveIndex;exports.resolveListboxActiveIndex=u.resolveListboxActiveIndex;exports.scrollListboxItemIntoView=u.scrollListboxItemIntoView;exports.syncActiveDescendant=u.syncActiveDescendant;exports.UIRovingFocusGroup=R.UIRovingFocusGroup;exports.UITree=p.UITree;exports.findParentTreeRecordIndex=p.findParentTreeRecordIndex;exports.findTreeRecordIndexById=p.findTreeRecordIndexById;exports.findTreeTypeaheadMatch=p.findTreeTypeaheadMatch;exports.flattenTree=p.flattenTree;exports.flattenVisibleTree=p.flattenVisibleTree;exports.UITreeItem=B.UITreeItem;exports.UIButton=E.UIButton;exports.UITooltip=G.UITooltip;exports.UIDropdown=O.UIDropdown;exports.UIInput=V.UIInput;exports.UIPasswordField=z.UIPasswordField;exports.UIForm=H.UIForm;exports.UIDescription=N.UIDescription;exports.UIFieldError=_.UIFieldError;exports.UIControlGroup=$.UIControlGroup;exports.UIFieldset=j.UIFieldset;exports.UIPopover=W.UIPopover;exports.UITabs=K.UITabs;exports.UIMenu=Q.UIMenu;exports.UIIcon=d.UIIcon;exports.clearCustomIcons=d.clearCustomIcons;exports.getIcon=d.getIcon;exports.getIconVariant=d.getIconVariant;exports.hasIcon=d.hasIcon;exports.registerIcon=d.registerIcon;exports.unregisterIcon=d.unregisterIcon;exports.UIToast=J.UIToast;exports.UILabel=X.UILabel;exports.UIPagination=Y.UIPagination;exports.UIHoverCard=Z.UIHoverCard;exports.UICard=ee.UICard;exports.UICollapsible=te.UICollapsible;exports.UIDirectionProvider=re.UIDirectionProvider;exports.UIAccordion=oe.UIAccordion;exports.UICheckbox=ie.UICheckbox;exports.UIRadio=ne.UIRadio;exports.UIRadioGroup=ae.UIRadioGroup;exports.UISwitch=se.UISwitch;exports.UISlider=ce.UISlider;exports.UISelect=le.UISelect;exports.UIToggle=ue.UIToggle;exports.UIToggleGroup=de.UIToggleGroup;exports.UIAlertDialog=Ie.UIAlertDialog;exports.UIAspectRatio=Ue.UIAspectRatio;exports.UIAvatar=pe.UIAvatar;exports.UIBadge=me.UIBadge;exports.UITable=ge.UITable;exports.UINavigationMenu=fe.UINavigationMenu;exports.UIMenubar=qe.UIMenubar;exports.UIContextMenu=be.UIContextMenu;exports.UIPresence=Te.UIPresence;exports.UIProgress=he.UIProgress;exports.UIMeter=Pe.UIMeter;exports.UIScrollArea=ye.UIScrollArea;exports.UISeparator=ve.UISeparator;exports.UISlot=xe.UISlot;exports.UIToolbar=Se.UIToolbar;exports.UIPortal=ke.UIPortal;exports.UIVisuallyHidden=De.UIVisuallyHidden;exports.UIBreadcrumb=Ae.UIBreadcrumb;exports.UISidebar=Fe.UISidebar;exports.UIAppHeader=Ce.UIAppHeader;exports.UIDrawer=Me.UIDrawer;exports.UIDialog=we.UIDialog;exports.UILayout=Le.UILayout;exports.UIBlockControls=Re.UIBlockControls;exports.UIPluginPanel=Be.UIPluginPanel;exports.UIFloatingToolbar=Ee.UIFloatingToolbar;exports.UISelectionPopup=Ge.UISelectionPopup;exports.UICommand=Oe.UICommand;exports.UICommandPalette=Ve.UICommandPalette;exports.UITextarea=ze.UITextarea;exports.UIField=He.UIField;exports.UINumberField=Ne.UINumberField;exports.UITagsInput=_e.UITagsInput;exports.UIOtpInput=A.UIOtpInput;exports.UIPinInput=A.UIPinInput;exports.UIFileUpload=$e.UIFileUpload;exports.UIDropzone=je.UIDropzone;exports.UIMultiSelect=We.UIMultiSelect;exports.UISplitButton=Ke.UISplitButton;exports.UITransferList=Qe.UITransferList;exports.UISortable=Je.UISortable;exports.UIInlineEdit=Xe.UIInlineEdit;exports.UICombobox=Ye.UICombobox;exports.UIPanelGroup=y.UIPanelGroup;exports.normalizePanelLayout=y.normalizePanelLayout;exports.resizePanelPair=y.resizePanelPair;exports.UIPanel=Ze.UIPanel;exports.UISplitter=et.UISplitter;exports.UIDismissableLayer=tt.UIDismissableLayer;exports.UIFocusScope=rt.UIFocusScope;exports.UIPositioner=ot.UIPositioner;exports.UIAnchor=it.UIAnchor;exports.UIAlert=nt.UIAlert;exports.UIMarquee=at.UIMarquee;exports.UIAnimatedText=st.UIAnimatedText;exports.UISpinningText=ct.UISpinningText;exports.UINumberTicker=lt.UINumberTicker;exports.UIAnimatedList=ut.UIAnimatedList;exports.UIAnimatedBeam=dt.UIAnimatedBeam;exports.UIIconCloud=It.UIIconCloud;exports.UIDock=Ut.UIDock;exports.UISkeleton=pt.UISkeleton;exports.UIEmptyState=mt.UIEmptyState;exports.UIDataTable=gt.UIDataTable;exports.UIChart=ft.UIChart;exports.UITimeline=qt.UITimeline;exports.UICalendar=bt.UICalendar;exports.UIColorPicker=Tt.UIColorPicker;exports.UIDatePicker=ht.UIDatePicker;exports.UIDateRangePicker=Pt.UIDateRangePicker;exports.UITimePicker=yt.UITimePicker;exports.UIDateField=vt.UIDateField;exports.UITimeField=xt.UITimeField;exports.UIDateTimePicker=St.UIDateTimePicker;exports.UIDateRangeTimePicker=kt.UIDateRangeTimePicker;exports.UIGantt=Dt.UIGantt;exports.UIStepper=At.UIStepper;exports.UIWizard=Ft.UIWizard;exports.UIQuickActions=Ct.UIQuickActions;exports.UIRating=Mt.UIRating;exports.UIOdometer=wt.UIOdometer;exports.UIBox=Lt.UIBox;exports.UIFlex=Rt.UIFlex;exports.UIGrid=Bt.UIGrid;exports.UIPlacementGrid=Et.UIPlacementGrid;exports.UIMasonryGrid=Gt.UIMasonryGrid;exports.UISection=Ot.UISection;exports.UIContainer=Vt.UIContainer;exports.AlertDialogManager=i.AlertDialogManager;exports.DialogManager=i.DialogManager;exports.alert=i.alert;exports.applySystemTheme=i.applySystemTheme;exports.applyTheme=i.applyTheme;exports.baselineAccentPalettes=i.baselineAccentPalettes;exports.baselineDarkTokens=i.baselineDarkTokens;exports.baselineLightTokens=i.baselineLightTokens;exports.confirm=i.confirm;exports.confirmDialog=i.confirmDialog;exports.createAlertDialogManager=i.createAlertDialogManager;exports.createDialogManager=i.createDialogManager;exports.createThemeTokens=i.createThemeTokens;exports.defaultTokens=i.defaultTokens;exports.deriveForegroundOnPrimary=i.deriveForegroundOnPrimary;exports.deriveSemanticTokens=i.deriveSemanticTokens;exports.deriveThemeSurfaces=i.deriveThemeSurfaces;exports.dismissAllAlertDialogs=i.dismissAllAlertDialogs;exports.dismissAllDialogs=i.dismissAllDialogs;exports.prompt=i.prompt;exports.readableForeground=i.readableForeground;exports.registerThemeHost=i.registerThemeHost;exports.showDialog=i.showDialog;exports.themeToCss=i.themeToCss;exports.themeToVariables=i.themeToVariables;exports.withAccentPalette=i.withAccentPalette;exports.autoUpdatePosition=T.autoUpdatePosition;exports.computePosition=T.computePosition;exports.createPortalContainer=T.createPortalContainer;exports.showPortalFor=T.showPortalFor;exports.OverlayManager=zt.OverlayManager;exports.acquireBodyScrollLock=v.acquireBodyScrollLock;exports.getBodyScrollLockCount=v.getBodyScrollLockCount;exports.releaseBodyScrollLock=v.releaseBodyScrollLock;exports.createDismissableLayer=Ht.createDismissableLayer;exports.createFocusScope=Nt.createFocusScope;exports.arrowMiddleware=a.arrowMiddleware;exports.autoPlacementMiddleware=a.autoPlacementMiddleware;exports.autoUpdatePositioner=a.autoUpdatePositioner;exports.computePositionState=a.computePositionState;exports.createPositioner=a.createPositioner;exports.createVirtualPoint=a.createVirtualPoint;exports.createVirtualRange=a.createVirtualRange;exports.createVirtualRect=a.createVirtualRect;exports.detectPositionerOverflow=a.detectPositionerOverflow;exports.flipMiddleware=a.flipMiddleware;exports.hideMiddleware=a.hideMiddleware;exports.offsetMiddleware=a.offsetMiddleware;exports.shiftMiddleware=a.shiftMiddleware;exports.sizeMiddleware=a.sizeMiddleware;exports.findFirstEnabledIndex=m.findFirstEnabledIndex;exports.findIndexByValue=m.findIndexByValue;exports.findLastEnabledIndex=m.findLastEnabledIndex;exports.findNextEnabledIndex=m.findNextEnabledIndex;exports.findTypeaheadMatch=m.findTypeaheadMatch;exports.normalizeCollectionText=m.normalizeCollectionText;exports.focusRovingItem=g.focusRovingItem;exports.getRovingFocusBoundaryIndex=g.getRovingFocusBoundaryIndex;exports.moveRovingFocusIndex=g.moveRovingFocusIndex;exports.resolveRovingFocusIndex=g.resolveRovingFocusIndex;exports.syncRovingTabStops=g.syncRovingTabStops;exports.UIOrbiter=_t.UIOrbiter;exports.FocusManager=F;exports.computed=Kt;exports.createSignal=jt;exports.effect=Wt;exports.getRegisteredPlugins=Xt;exports.registerUIPlugin=M;exports.showToast=Jt;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("./ElementBase-DxbvhLJs.js"),L=require("./collection.cjs.js"),u=require("./listbox-CTpRpuF7.js"),R=require("./roving-focus-group.cjs.js"),p=require("./tree-Dc02MChE.js"),B=require("./tree-item.cjs.js"),E=require("./ui-button-CnLwXBnx.js"),G=require("./tooltip.cjs.js"),O=require("./dropdown.cjs.js"),V=require("./input.cjs.js"),z=require("./password-field.cjs.js"),H=require("./form.cjs.js"),N=require("./description.cjs.js"),_=require("./field-error.cjs.js"),$=require("./control-group.cjs.js"),j=require("./fieldset.cjs.js"),W=require("./popover.cjs.js"),K=require("./tabs.cjs.js"),Q=require("./menu.cjs.js"),d=require("./ui-icon-D3avtxX_.js"),J=require("./toast.cjs.js"),X=require("./label.cjs.js"),Y=require("./pagination.cjs.js"),Z=require("./hover-card.cjs.js"),ee=require("./card.cjs.js"),te=require("./collapsible.cjs.js"),re=require("./direction-provider.cjs.js"),oe=require("./accordion.cjs.js"),ie=require("./checkbox.cjs.js"),ne=require("./radio.cjs.js"),ae=require("./radio-group.cjs.js"),se=require("./switch.cjs.js"),ce=require("./slider.cjs.js"),le=require("./select.cjs.js"),ue=require("./toggle.cjs.js"),de=require("./toggle-group.cjs.js"),Ie=require("./alert-dialog.cjs.js"),Ue=require("./aspect-ratio.cjs.js"),pe=require("./avatar.cjs.js"),me=require("./badge.cjs.js"),ge=require("./table.cjs.js"),fe=require("./navigation-menu.cjs.js"),qe=require("./menubar.cjs.js"),be=require("./context-menu.cjs.js"),Te=require("./presence.cjs.js"),he=require("./progress.cjs.js"),Pe=require("./meter.cjs.js"),ye=require("./scroll-area.cjs.js"),ve=require("./separator.cjs.js"),xe=require("./slot.cjs.js"),Se=require("./toolbar.cjs.js"),ke=require("./portal.cjs.js"),De=require("./visually-hidden.cjs.js"),Ae=require("./breadcrumb.cjs.js"),Fe=require("./sidebar.cjs.js"),Ce=require("./app-header.cjs.js"),Me=require("./drawer.cjs.js"),we=require("./dialog.cjs.js"),Le=require("./layout.cjs.js"),Re=require("./block-controls.cjs.js"),Be=require("./plugin-panel.cjs.js"),Ee=require("./floating-toolbar.cjs.js"),Ge=require("./selection-popup.cjs.js"),Oe=require("./command.cjs.js"),Ve=require("./command-palette.cjs.js"),ze=require("./textarea.cjs.js"),He=require("./field.cjs.js"),Ne=require("./number-field.cjs.js"),_e=require("./tags-input.cjs.js"),A=require("./pin-input.cjs.js"),$e=require("./file-upload.cjs.js"),je=require("./dropzone.cjs.js"),We=require("./multi-select.cjs.js"),Ke=require("./split-button.cjs.js"),Qe=require("./transfer-list.cjs.js"),Je=require("./sortable.cjs.js"),Xe=require("./inline-edit.cjs.js"),Ye=require("./combobox.cjs.js"),y=require("./panel-group-BVHJEdfx.js"),Ze=require("./panel.cjs.js"),et=require("./splitter.cjs.js"),tt=require("./dismissable-layer.cjs.js"),rt=require("./focus-scope.cjs.js"),ot=require("./positioner.cjs.js"),it=require("./anchor.cjs.js"),nt=require("./alert.cjs.js"),at=require("./marquee.cjs.js"),st=require("./animated-text.cjs.js"),ct=require("./spinning-text.cjs.js"),lt=require("./number-ticker.cjs.js"),ut=require("./animated-list.cjs.js"),dt=require("./animated-beam.cjs.js"),It=require("./icon-cloud.cjs.js"),Ut=require("./dock.cjs.js"),pt=require("./skeleton.cjs.js"),mt=require("./empty-state.cjs.js"),gt=require("./data-table.cjs.js"),ft=require("./chart.cjs.js"),qt=require("./timeline.cjs.js"),bt=require("./calendar-CzpWDxLc.js"),Tt=require("./color-picker.cjs.js"),ht=require("./date-picker.cjs.js"),Pt=require("./date-range-picker.cjs.js"),yt=require("./time-picker.cjs.js"),vt=require("./date-field.cjs.js"),xt=require("./time-field.cjs.js"),St=require("./date-time-picker.cjs.js"),kt=require("./date-range-time-picker.cjs.js"),Dt=require("./gantt.cjs.js"),At=require("./stepper.cjs.js"),Ft=require("./wizard.cjs.js"),Ct=require("./quick-actions.cjs.js"),Mt=require("./rating.cjs.js"),wt=require("./odometer.cjs.js"),Lt=require("./box.cjs.js"),Rt=require("./flex.cjs.js"),Bt=require("./grid.cjs.js"),Et=require("./placement-grid.cjs.js"),Gt=require("./masonry-grid.cjs.js"),Ot=require("./section.cjs.js"),Vt=require("./container.cjs.js"),i=require("./runtime-CXw4SGV9.js"),T=require("./portal-XbYR3m_q.js"),zt=require("./overlayManager-CSy3fJmJ.js"),v=require("./scroll-lock-BX6e3Ced.js"),Ht=require("./dismissable-layer-DNfrKA20.js"),Nt=require("./focus-scope-Bwug2gDv.js"),a=require("./positioner-DZ1FW6A9.js"),m=require("./collection-qv8A8rq4.js"),g=require("./roving-focus-group-BdJ_4Njm.js"),_t=require("./orbiter.cjs.js"),U=[],b=new WeakMap;class $t{constructor(t){this.subs=new Set,this.value=t}get(){const t=U[U.length-1];if(t){this.subs.add(t);let r=b.get(t);r||(r=new Set,b.set(t,r)),r.add(this)}return this.value}set(t){if(Object.is(this.value,t))return;this.value=t;const r=Array.from(this.subs);for(const o of r)o()}removeSubscriber(t){this.subs.delete(t)}}function jt(e){const t=new $t(e);return{get:()=>t.get(),set:r=>t.set(r),subscribe:r=>{const o=()=>r();return t.subs.add(o),()=>t.subs.delete(o)}}}function k(e){const t=b.get(e);if(t){for(const r of t)r.removeSubscriber(e);b.delete(e)}}function Wt(e){let t;const r=()=>{if(k(r),t)try{t()}catch{}U.push(r);try{const o=e();typeof o=="function"?t=o:t=void 0}finally{U.pop()}};return r(),()=>{if(k(r),t)try{t()}catch{}}}function Kt(e){let t,r=!0;const o=()=>{r=!1;const l=()=>{t=e()};U.push(l);try{t=e()}finally{U.pop()}};return{get(){return r&&o(),t}}}const D="ui-toast-root";function Qt(){if(typeof document>"u")return null;let e=document.getElementById(D);return e||(e=document.createElement("div"),e.id=D,e.style.position="fixed",e.style.right="16px",e.style.bottom="16px",e.style.zIndex="9999",document.body.appendChild(e)),e}function Jt(e,t={}){const r=Qt();if(!r)return;const o=document.createElement("div");o.className="ui-toast",o.textContent=e,o.style.background="rgba(0,0,0,0.8)",o.style.color="white",o.style.padding="8px 12px",o.style.marginTop="8px",o.style.borderRadius="6px",r.appendChild(o);const l=t.duration??3e3,f=setTimeout(()=>{try{r.removeChild(o)}catch{}clearTimeout(f)},l);return()=>{try{r.removeChild(o)}catch{}}}const F={trap(e){const t='a[href], area[href], input:not([disabled]):not([type=hidden]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, [tabindex]:not([tabindex="-1"])',r=F.__activeTraps||=[],o=Symbol("focus-trap"),l=document.activeElement;function f(){return Array.from(e.querySelectorAll(t)).filter(n=>!n.hasAttribute("disabled")&&n.getAttribute("aria-hidden")!=="true")}function q(){return r.length>0&&r[r.length-1]?.id===o}function h(){const n=f(),c=n.find(I=>I.hasAttribute("autofocus"))||n[0]||e;c.hasAttribute("tabindex")||c.setAttribute("tabindex","-1");try{c.focus()}catch{}}function x(n){if(!q())return;const s=document.activeElement;if(!(!s||!e.contains(s)))if(n.key==="Tab"){const c=f(),I=c[0],P=c[c.length-1];if(c.length===0){n.preventDefault(),h();return}n.shiftKey?document.activeElement===I&&(n.preventDefault(),(P||I).focus()):document.activeElement===P&&(n.preventDefault(),(I||P).focus())}else n.key==="Escape"&&e.dispatchEvent(new CustomEvent("escape"))}function S(n){if(!q())return;const s=n.target;s&&!e.contains(s)&&h()}return r.push({id:o}),document.addEventListener("keydown",x),document.addEventListener("focusin",S,!0),h(),{release(){const n=r.findIndex(s=>s.id===o);n>=0&&r.splice(n,1),document.removeEventListener("keydown",x),document.removeEventListener("focusin",S,!0);try{l&&l.focus&&l.focus()}catch{}}}}},C={};function M(e){if(!e||!e.name)throw new Error("Plugin must have a name");C[e.name]=e,e.install&&e.install({registerUIPlugin:M})}function Xt(){return Object.values(C)}exports.ElementBase=w.ElementBase;exports.UICollection=L.UICollection;exports.UIListbox=u.UIListbox;exports.findListboxTypeaheadIndex=u.findListboxTypeaheadIndex;exports.getListboxBoundaryIndex=u.getListboxBoundaryIndex;exports.moveListboxActiveIndex=u.moveListboxActiveIndex;exports.resolveListboxActiveIndex=u.resolveListboxActiveIndex;exports.scrollListboxItemIntoView=u.scrollListboxItemIntoView;exports.syncActiveDescendant=u.syncActiveDescendant;exports.UIRovingFocusGroup=R.UIRovingFocusGroup;exports.UITree=p.UITree;exports.findParentTreeRecordIndex=p.findParentTreeRecordIndex;exports.findTreeRecordIndexById=p.findTreeRecordIndexById;exports.findTreeTypeaheadMatch=p.findTreeTypeaheadMatch;exports.flattenTree=p.flattenTree;exports.flattenVisibleTree=p.flattenVisibleTree;exports.UITreeItem=B.UITreeItem;exports.UIButton=E.UIButton;exports.UITooltip=G.UITooltip;exports.UIDropdown=O.UIDropdown;exports.UIInput=V.UIInput;exports.UIPasswordField=z.UIPasswordField;exports.UIForm=H.UIForm;exports.UIDescription=N.UIDescription;exports.UIFieldError=_.UIFieldError;exports.UIControlGroup=$.UIControlGroup;exports.UIFieldset=j.UIFieldset;exports.UIPopover=W.UIPopover;exports.UITabs=K.UITabs;exports.UIMenu=Q.UIMenu;exports.UIIcon=d.UIIcon;exports.clearCustomIcons=d.clearCustomIcons;exports.getIcon=d.getIcon;exports.getIconVariant=d.getIconVariant;exports.hasIcon=d.hasIcon;exports.registerIcon=d.registerIcon;exports.unregisterIcon=d.unregisterIcon;exports.UIToast=J.UIToast;exports.UILabel=X.UILabel;exports.UIPagination=Y.UIPagination;exports.UIHoverCard=Z.UIHoverCard;exports.UICard=ee.UICard;exports.UICollapsible=te.UICollapsible;exports.UIDirectionProvider=re.UIDirectionProvider;exports.UIAccordion=oe.UIAccordion;exports.UICheckbox=ie.UICheckbox;exports.UIRadio=ne.UIRadio;exports.UIRadioGroup=ae.UIRadioGroup;exports.UISwitch=se.UISwitch;exports.UISlider=ce.UISlider;exports.UISelect=le.UISelect;exports.UIToggle=ue.UIToggle;exports.UIToggleGroup=de.UIToggleGroup;exports.UIAlertDialog=Ie.UIAlertDialog;exports.UIAspectRatio=Ue.UIAspectRatio;exports.UIAvatar=pe.UIAvatar;exports.UIBadge=me.UIBadge;exports.UITable=ge.UITable;exports.UINavigationMenu=fe.UINavigationMenu;exports.UIMenubar=qe.UIMenubar;exports.UIContextMenu=be.UIContextMenu;exports.UIPresence=Te.UIPresence;exports.UIProgress=he.UIProgress;exports.UIMeter=Pe.UIMeter;exports.UIScrollArea=ye.UIScrollArea;exports.UISeparator=ve.UISeparator;exports.UISlot=xe.UISlot;exports.UIToolbar=Se.UIToolbar;exports.UIPortal=ke.UIPortal;exports.UIVisuallyHidden=De.UIVisuallyHidden;exports.UIBreadcrumb=Ae.UIBreadcrumb;exports.UISidebar=Fe.UISidebar;exports.UIAppHeader=Ce.UIAppHeader;exports.UIDrawer=Me.UIDrawer;exports.UIDialog=we.UIDialog;exports.UILayout=Le.UILayout;exports.UIBlockControls=Re.UIBlockControls;exports.UIPluginPanel=Be.UIPluginPanel;exports.UIFloatingToolbar=Ee.UIFloatingToolbar;exports.UISelectionPopup=Ge.UISelectionPopup;exports.UICommand=Oe.UICommand;exports.UICommandPalette=Ve.UICommandPalette;exports.UITextarea=ze.UITextarea;exports.UIField=He.UIField;exports.UINumberField=Ne.UINumberField;exports.UITagsInput=_e.UITagsInput;exports.UIOtpInput=A.UIOtpInput;exports.UIPinInput=A.UIPinInput;exports.UIFileUpload=$e.UIFileUpload;exports.UIDropzone=je.UIDropzone;exports.UIMultiSelect=We.UIMultiSelect;exports.UISplitButton=Ke.UISplitButton;exports.UITransferList=Qe.UITransferList;exports.UISortable=Je.UISortable;exports.UIInlineEdit=Xe.UIInlineEdit;exports.UICombobox=Ye.UICombobox;exports.UIPanelGroup=y.UIPanelGroup;exports.normalizePanelLayout=y.normalizePanelLayout;exports.resizePanelPair=y.resizePanelPair;exports.UIPanel=Ze.UIPanel;exports.UISplitter=et.UISplitter;exports.UIDismissableLayer=tt.UIDismissableLayer;exports.UIFocusScope=rt.UIFocusScope;exports.UIPositioner=ot.UIPositioner;exports.UIAnchor=it.UIAnchor;exports.UIAlert=nt.UIAlert;exports.UIMarquee=at.UIMarquee;exports.UIAnimatedText=st.UIAnimatedText;exports.UISpinningText=ct.UISpinningText;exports.UINumberTicker=lt.UINumberTicker;exports.UIAnimatedList=ut.UIAnimatedList;exports.UIAnimatedBeam=dt.UIAnimatedBeam;exports.UIIconCloud=It.UIIconCloud;exports.UIDock=Ut.UIDock;exports.UISkeleton=pt.UISkeleton;exports.UIEmptyState=mt.UIEmptyState;exports.UIDataTable=gt.UIDataTable;exports.UIChart=ft.UIChart;exports.UITimeline=qt.UITimeline;exports.UICalendar=bt.UICalendar;exports.UIColorPicker=Tt.UIColorPicker;exports.UIDatePicker=ht.UIDatePicker;exports.UIDateRangePicker=Pt.UIDateRangePicker;exports.UITimePicker=yt.UITimePicker;exports.UIDateField=vt.UIDateField;exports.UITimeField=xt.UITimeField;exports.UIDateTimePicker=St.UIDateTimePicker;exports.UIDateRangeTimePicker=kt.UIDateRangeTimePicker;exports.UIGantt=Dt.UIGantt;exports.UIStepper=At.UIStepper;exports.UIWizard=Ft.UIWizard;exports.UIQuickActions=Ct.UIQuickActions;exports.UIRating=Mt.UIRating;exports.UIOdometer=wt.UIOdometer;exports.UIBox=Lt.UIBox;exports.UIFlex=Rt.UIFlex;exports.UIGrid=Bt.UIGrid;exports.UIPlacementGrid=Et.UIPlacementGrid;exports.UIMasonryGrid=Gt.UIMasonryGrid;exports.UISection=Ot.UISection;exports.UIContainer=Vt.UIContainer;exports.AlertDialogManager=i.AlertDialogManager;exports.DialogManager=i.DialogManager;exports.alert=i.alert;exports.applySystemTheme=i.applySystemTheme;exports.applyTheme=i.applyTheme;exports.baselineAccentPalettes=i.baselineAccentPalettes;exports.baselineDarkTokens=i.baselineDarkTokens;exports.baselineLightTokens=i.baselineLightTokens;exports.confirm=i.confirm;exports.confirmDialog=i.confirmDialog;exports.createAlertDialogManager=i.createAlertDialogManager;exports.createDialogManager=i.createDialogManager;exports.createThemeTokens=i.createThemeTokens;exports.defaultTokens=i.defaultTokens;exports.deriveForegroundOnPrimary=i.deriveForegroundOnPrimary;exports.deriveSemanticTokens=i.deriveSemanticTokens;exports.deriveThemeSurfaces=i.deriveThemeSurfaces;exports.dismissAllAlertDialogs=i.dismissAllAlertDialogs;exports.dismissAllDialogs=i.dismissAllDialogs;exports.prompt=i.prompt;exports.readableForeground=i.readableForeground;exports.registerThemeHost=i.registerThemeHost;exports.showDialog=i.showDialog;exports.themeToCss=i.themeToCss;exports.themeToVariables=i.themeToVariables;exports.withAccentPalette=i.withAccentPalette;exports.autoUpdatePosition=T.autoUpdatePosition;exports.computePosition=T.computePosition;exports.createPortalContainer=T.createPortalContainer;exports.showPortalFor=T.showPortalFor;exports.OverlayManager=zt.OverlayManager;exports.acquireBodyScrollLock=v.acquireBodyScrollLock;exports.getBodyScrollLockCount=v.getBodyScrollLockCount;exports.releaseBodyScrollLock=v.releaseBodyScrollLock;exports.createDismissableLayer=Ht.createDismissableLayer;exports.createFocusScope=Nt.createFocusScope;exports.arrowMiddleware=a.arrowMiddleware;exports.autoPlacementMiddleware=a.autoPlacementMiddleware;exports.autoUpdatePositioner=a.autoUpdatePositioner;exports.computePositionState=a.computePositionState;exports.createPositioner=a.createPositioner;exports.createVirtualPoint=a.createVirtualPoint;exports.createVirtualRange=a.createVirtualRange;exports.createVirtualRect=a.createVirtualRect;exports.detectPositionerOverflow=a.detectPositionerOverflow;exports.flipMiddleware=a.flipMiddleware;exports.hideMiddleware=a.hideMiddleware;exports.offsetMiddleware=a.offsetMiddleware;exports.shiftMiddleware=a.shiftMiddleware;exports.sizeMiddleware=a.sizeMiddleware;exports.findFirstEnabledIndex=m.findFirstEnabledIndex;exports.findIndexByValue=m.findIndexByValue;exports.findLastEnabledIndex=m.findLastEnabledIndex;exports.findNextEnabledIndex=m.findNextEnabledIndex;exports.findTypeaheadMatch=m.findTypeaheadMatch;exports.normalizeCollectionText=m.normalizeCollectionText;exports.focusRovingItem=g.focusRovingItem;exports.getRovingFocusBoundaryIndex=g.getRovingFocusBoundaryIndex;exports.moveRovingFocusIndex=g.moveRovingFocusIndex;exports.resolveRovingFocusIndex=g.resolveRovingFocusIndex;exports.syncRovingTabStops=g.syncRovingTabStops;exports.UIOrbiter=_t.UIOrbiter;exports.FocusManager=F;exports.computed=Kt;exports.createSignal=jt;exports.effect=Wt;exports.getRegisteredPlugins=Xt;exports.registerUIPlugin=M;exports.showToast=Jt;
package/dist/index.esm.js CHANGED
@@ -97,7 +97,7 @@ import { UIEmptyState as Ar } from "./empty-state.esm.js";
97
97
  import { UIDataTable as kr } from "./data-table.esm.js";
98
98
  import { UIChart as Cr } from "./chart.esm.js";
99
99
  import { UITimeline as Er } from "./timeline.esm.js";
100
- import { U as Lr } from "./calendar-DmxiZrR7.mjs";
100
+ import { U as Lr } from "./calendar-DkSDFg33.mjs";
101
101
  import { UIColorPicker as Br } from "./color-picker.esm.js";
102
102
  import { UIDatePicker as Gr } from "./date-picker.esm.js";
103
103
  import { UIDateRangePicker as zr } from "./date-range-picker.esm.js";
@@ -119,7 +119,7 @@ import { UIPlacementGrid as Ia } from "./placement-grid.esm.js";
119
119
  import { UIMasonryGrid as ga } from "./masonry-grid.esm.js";
120
120
  import { UISection as ha } from "./section.esm.js";
121
121
  import { UIContainer as Ta } from "./container.esm.js";
122
- import { A as Pa, D as Sa, a as Aa, b as Da, c as ka, d as wa, e as Ca, f as Fa, g as Ea, h as Ma, i as La, j as Ra, k as Ba, l as Oa, m as Ga, n as Va, o as za, p as Na, q as ja, r as qa, s as Ha, t as _a, u as Ka, v as Wa, w as Qa, x as Ja } from "./runtime-CQM6wZOc.mjs";
122
+ import { A as Pa, D as Sa, a as Aa, b as Da, c as ka, d as wa, e as Ca, f as Fa, g as Ea, h as Ma, i as La, j as Ra, k as Ba, l as Oa, m as Ga, n as Va, o as za, p as Na, q as ja, r as qa, s as Ha, t as _a, u as Ka, v as Wa, w as Qa, x as Ja } from "./runtime-BRT7E4A8.mjs";
123
123
  import { a as Ya, c as Za, b as $a, s as es } from "./portal-DeaM1tYY.mjs";
124
124
  import { O as ts } from "./overlayManager-BJjU1VA8.mjs";
125
125
  import { a as as, g as ss, r as ns } from "./scroll-lock-LfqXXqsu.mjs";
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./ElementBase-DxbvhLJs.js"),b=`
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("./ElementBase-DxbvhLJs.js"),v=`
2
2
  :host {
3
3
  --ui-inline-edit-bg: transparent;
4
4
  --ui-inline-edit-border: 1px dashed transparent;
@@ -128,19 +128,19 @@
128
128
  gap: 8px;
129
129
  justify-content: flex-end;
130
130
  }
131
- `;function o(d){return d.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class c extends h.ElementBase{constructor(){super(...arguments),this._draft="",this._formUnregister=null,this._lastFocusTarget=null}static get observedAttributes(){return["value","placeholder","editing","multiline","disabled","readonly","name"]}get value(){return this.getAttribute("value")||""}set value(e){e?this.setAttribute("value",e):this.removeAttribute("value")}startEditing(){this.hasAttribute("disabled")||this.hasAttribute("readonly")||(this._lastFocusTarget=document.activeElement||this,this._draft=this.value,this.setAttribute("editing",""),queueMicrotask(()=>{const e=this.root.querySelector(".field");e?.focus(),e?.select?.()}),this.dispatchEvent(new CustomEvent("editing-change",{detail:{editing:!0},bubbles:!0,composed:!0})))}cancelEditing(){this.removeAttribute("editing"),this._draft=this.value,this.dispatchEvent(new CustomEvent("cancel",{detail:{value:this.value},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("editing-change",{detail:{editing:!1},bubbles:!0,composed:!0})),this._restoreFocus()}saveEditing(){if(this.hasAttribute("disabled")||this.hasAttribute("readonly"))return;if(this.hasAttribute("required")&&!this._draft.trim()){this.setAttribute("invalid","");return}const e=this.value;this._draft?this.setAttribute("value",this._draft):this.removeAttribute("value"),this.removeAttribute("invalid"),this.removeAttribute("editing"),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,previousValue:e,source:"save"},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("save",{detail:{value:this.value,previousValue:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("editing-change",{detail:{editing:!1},bubbles:!0,composed:!0})),this._restoreFocus()}connectedCallback(){super.connectedCallback(),this._draft=this.value,this._registerWithForm()}disconnectedCallback(){this._formUnregister&&this._formUnregister(),super.disconnectedCallback()}attributeChangedCallback(e,a,r){a!==r&&(e==="name"&&this.isConnected&&this._registerWithForm(),e==="value"&&!this.hasAttribute("editing")&&(this._draft=r||""),this.isConnected&&this.requestRender())}render(){const e=this.hasAttribute("editing")?this._draft:this.value,a=this.getAttribute("placeholder")||"Add value",r=this.hasAttribute("multiline"),s=this.hasAttribute("editing"),n=!this.value,t=this.hasAttribute("disabled")||this.hasAttribute("readonly");this.setContent(`
132
- <style>${b}</style>
131
+ `;function a(d){return d.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class h extends b.ElementBase{constructor(){super(...arguments),this._draft="",this._formUnregister=null,this._lastFocusTarget=null}static get observedAttributes(){return["value","placeholder","editing","multiline","disabled","readonly","name"]}get value(){return this.getAttribute("value")||""}set value(e){e?this.setAttribute("value",e):this.removeAttribute("value")}startEditing(){this.hasAttribute("disabled")||this.hasAttribute("readonly")||(this._lastFocusTarget=document.activeElement||this,this._draft=this.value,this.setAttribute("editing",""),queueMicrotask(()=>{const e=this.root.querySelector(".field");e?.focus(),e?.select?.()}),this.dispatchEvent(new CustomEvent("editing-change",{detail:{editing:!0},bubbles:!0,composed:!0})))}cancelEditing(){this.removeAttribute("editing"),this._draft=this.value,this.dispatchEvent(new CustomEvent("cancel",{detail:{value:this.value},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("editing-change",{detail:{editing:!1},bubbles:!0,composed:!0})),this._restoreFocus()}saveEditing(){if(this.hasAttribute("disabled")||this.hasAttribute("readonly"))return;if(this.hasAttribute("required")&&!this._draft.trim()){this.setAttribute("invalid","");return}const e=this.value;this._draft?this.setAttribute("value",this._draft):this.removeAttribute("value"),this.removeAttribute("invalid"),this.removeAttribute("editing"),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,previousValue:e,source:"save"},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("save",{detail:{value:this.value,previousValue:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("editing-change",{detail:{editing:!1},bubbles:!0,composed:!0})),this._restoreFocus()}connectedCallback(){super.connectedCallback(),this._draft=this.value,this._registerWithForm()}disconnectedCallback(){this._formUnregister&&this._formUnregister(),super.disconnectedCallback()}attributeChangedCallback(e,o,r){o!==r&&(e==="name"&&this.isConnected&&this._registerWithForm(),e==="value"&&!this.hasAttribute("editing")&&(this._draft=r||""),this.isConnected&&this.requestRender())}render(){const e=this.hasAttribute("editing")?this._draft:this.value,o=this.getAttribute("placeholder")||"Add value",r=this.hasAttribute("multiline"),s=this.hasAttribute("editing"),n=!this.value,t=this.hasAttribute("disabled")||this.hasAttribute("readonly"),u=a((this.getAttribute("aria-label")||this.getAttribute("label")||this.getAttribute("placeholder")||"Edit value").trim());this.setContent(`
132
+ <style>${v}</style>
133
133
  <div class="root">
134
134
  <div class="display"${s?" hidden":""}>
135
- <div class="value" data-empty="${n}">${o(n?a:this.value)}</div>
135
+ <div class="value" data-empty="${n}">${a(n?o:this.value)}</div>
136
136
  <button class="edit-btn" type="button"${t?" disabled":""}>Edit</button>
137
137
  </div>
138
138
  <div class="editor"${s?"":" hidden"}>
139
- ${r?`<textarea class="field" rows="4"${t?" disabled":""}>${o(e)}</textarea>`:`<input class="field" type="text" value="${o(e)}"${t?" disabled":""} />`}
139
+ ${r?`<textarea class="field" aria-label="${u}" rows="4"${t?" disabled":""}>${a(e)}</textarea>`:`<input class="field" aria-label="${u}" type="text" value="${a(e)}"${t?" disabled":""} />`}
140
140
  <div class="actions">
141
141
  <button class="cancel-btn" type="button"${t?" disabled":""}>Cancel</button>
142
142
  <button class="save-btn" type="button"${t?" disabled":""}>Save</button>
143
143
  </div>
144
144
  </div>
145
145
  </div>
146
- `);const u=this.root.querySelector(".field");u?.addEventListener("input",l=>{this._draft=l.target.value}),u?.addEventListener("keydown",l=>{const i=l;i.key==="Escape"&&(i.preventDefault(),this.cancelEditing()),!r&&i.key==="Enter"&&(i.preventDefault(),this.saveEditing()),(i.metaKey||i.ctrlKey)&&i.key==="Enter"&&(i.preventDefault(),this.saveEditing())}),this.root.querySelector(".edit-btn")?.addEventListener("click",()=>this.startEditing()),this.root.querySelector(".cancel-btn")?.addEventListener("click",()=>this.cancelEditing()),this.root.querySelector(".save-btn")?.addEventListener("click",()=>this.saveEditing())}_registerWithForm(){this._formUnregister&&(this._formUnregister(),this._formUnregister=null);try{const s=this.getRootNode().host?.closest?.("ui-form")||null||this.closest("ui-form"),n=this.getAttribute("name");s&&typeof s.registerField=="function"&&n&&(this._formUnregister=s.registerField(n,{name:n,getValue:()=>this.value,setValue:t=>{t==null||t===""?this.removeAttribute("value"):this.setAttribute("value",String(t))}}))}catch{}}_restoreFocus(){const e=this._lastFocusTarget&&this._lastFocusTarget.isConnected?this._lastFocusTarget:this.root.querySelector(".edit-btn");e&&(queueMicrotask(()=>{try{e.focus({preventScroll:!0})}catch{e.focus()}}),this._lastFocusTarget=null)}}typeof customElements<"u"&&!customElements.get("ui-inline-edit")&&customElements.define("ui-inline-edit",c);exports.UIInlineEdit=c;
146
+ `);const c=this.root.querySelector(".field");c?.addEventListener("input",l=>{this._draft=l.target.value}),c?.addEventListener("keydown",l=>{const i=l;i.key==="Escape"&&(i.preventDefault(),this.cancelEditing()),!r&&i.key==="Enter"&&(i.preventDefault(),this.saveEditing()),(i.metaKey||i.ctrlKey)&&i.key==="Enter"&&(i.preventDefault(),this.saveEditing())}),this.root.querySelector(".edit-btn")?.addEventListener("click",()=>this.startEditing()),this.root.querySelector(".cancel-btn")?.addEventListener("click",()=>this.cancelEditing()),this.root.querySelector(".save-btn")?.addEventListener("click",()=>this.saveEditing())}_registerWithForm(){this._formUnregister&&(this._formUnregister(),this._formUnregister=null);try{const s=this.getRootNode().host?.closest?.("ui-form")||null||this.closest("ui-form"),n=this.getAttribute("name");s&&typeof s.registerField=="function"&&n&&(this._formUnregister=s.registerField(n,{name:n,getValue:()=>this.value,setValue:t=>{t==null||t===""?this.removeAttribute("value"):this.setAttribute("value",String(t))}}))}catch{}}_restoreFocus(){const e=this._lastFocusTarget&&this._lastFocusTarget.isConnected?this._lastFocusTarget:this.root.querySelector(".edit-btn");e&&(queueMicrotask(()=>{try{e.focus({preventScroll:!0})}catch{e.focus()}}),this._lastFocusTarget=null)}}typeof customElements<"u"&&!customElements.get("ui-inline-edit")&&customElements.define("ui-inline-edit",h);exports.UIInlineEdit=h;
@@ -1,5 +1,5 @@
1
- import { E as c } from "./ElementBase-BeZT54Hj.mjs";
2
- const h = `
1
+ import { E as h } from "./ElementBase-BeZT54Hj.mjs";
2
+ const b = `
3
3
  :host {
4
4
  --ui-inline-edit-bg: transparent;
5
5
  --ui-inline-edit-border: 1px dashed transparent;
@@ -130,10 +130,10 @@ const h = `
130
130
  justify-content: flex-end;
131
131
  }
132
132
  `;
133
- function o(d) {
133
+ function a(d) {
134
134
  return d.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
135
135
  }
136
- class b extends c {
136
+ class v extends h {
137
137
  constructor() {
138
138
  super(...arguments), this._draft = "", this._formUnregister = null, this._lastFocusTarget = null;
139
139
  }
@@ -170,20 +170,20 @@ class b extends c {
170
170
  disconnectedCallback() {
171
171
  this._formUnregister && this._formUnregister(), super.disconnectedCallback();
172
172
  }
173
- attributeChangedCallback(e, a, r) {
174
- a !== r && (e === "name" && this.isConnected && this._registerWithForm(), e === "value" && !this.hasAttribute("editing") && (this._draft = r || ""), this.isConnected && this.requestRender());
173
+ attributeChangedCallback(e, o, r) {
174
+ o !== r && (e === "name" && this.isConnected && this._registerWithForm(), e === "value" && !this.hasAttribute("editing") && (this._draft = r || ""), this.isConnected && this.requestRender());
175
175
  }
176
176
  render() {
177
- const e = this.hasAttribute("editing") ? this._draft : this.value, a = this.getAttribute("placeholder") || "Add value", r = this.hasAttribute("multiline"), s = this.hasAttribute("editing"), n = !this.value, t = this.hasAttribute("disabled") || this.hasAttribute("readonly");
177
+ const e = this.hasAttribute("editing") ? this._draft : this.value, o = this.getAttribute("placeholder") || "Add value", r = this.hasAttribute("multiline"), s = this.hasAttribute("editing"), n = !this.value, t = this.hasAttribute("disabled") || this.hasAttribute("readonly"), u = a((this.getAttribute("aria-label") || this.getAttribute("label") || this.getAttribute("placeholder") || "Edit value").trim());
178
178
  this.setContent(`
179
- <style>${h}</style>
179
+ <style>${b}</style>
180
180
  <div class="root">
181
181
  <div class="display"${s ? " hidden" : ""}>
182
- <div class="value" data-empty="${n}">${o(n ? a : this.value)}</div>
182
+ <div class="value" data-empty="${n}">${a(n ? o : this.value)}</div>
183
183
  <button class="edit-btn" type="button"${t ? " disabled" : ""}>Edit</button>
184
184
  </div>
185
185
  <div class="editor"${s ? "" : " hidden"}>
186
- ${r ? `<textarea class="field" rows="4"${t ? " disabled" : ""}>${o(e)}</textarea>` : `<input class="field" type="text" value="${o(e)}"${t ? " disabled" : ""} />`}
186
+ ${r ? `<textarea class="field" aria-label="${u}" rows="4"${t ? " disabled" : ""}>${a(e)}</textarea>` : `<input class="field" aria-label="${u}" type="text" value="${a(e)}"${t ? " disabled" : ""} />`}
187
187
  <div class="actions">
188
188
  <button class="cancel-btn" type="button"${t ? " disabled" : ""}>Cancel</button>
189
189
  <button class="save-btn" type="button"${t ? " disabled" : ""}>Save</button>
@@ -191,10 +191,10 @@ class b extends c {
191
191
  </div>
192
192
  </div>
193
193
  `);
194
- const u = this.root.querySelector(".field");
195
- u?.addEventListener("input", (l) => {
194
+ const c = this.root.querySelector(".field");
195
+ c?.addEventListener("input", (l) => {
196
196
  this._draft = l.target.value;
197
- }), u?.addEventListener("keydown", (l) => {
197
+ }), c?.addEventListener("keydown", (l) => {
198
198
  const i = l;
199
199
  i.key === "Escape" && (i.preventDefault(), this.cancelEditing()), !r && i.key === "Enter" && (i.preventDefault(), this.saveEditing()), (i.metaKey || i.ctrlKey) && i.key === "Enter" && (i.preventDefault(), this.saveEditing());
200
200
  }), this.root.querySelector(".edit-btn")?.addEventListener("click", () => this.startEditing()), this.root.querySelector(".cancel-btn")?.addEventListener("click", () => this.cancelEditing()), this.root.querySelector(".save-btn")?.addEventListener("click", () => this.saveEditing());
@@ -224,7 +224,7 @@ class b extends c {
224
224
  }), this._lastFocusTarget = null);
225
225
  }
226
226
  }
227
- typeof customElements < "u" && !customElements.get("ui-inline-edit") && customElements.define("ui-inline-edit", b);
227
+ typeof customElements < "u" && !customElements.get("ui-inline-edit") && customElements.define("ui-inline-edit", v);
228
228
  export {
229
- b as UIInlineEdit
229
+ v as UIInlineEdit
230
230
  };
package/dist/input.cjs.js CHANGED
@@ -20,7 +20,7 @@
20
20
  --ui-label-color: var(--ui-color-muted, var(--ui-muted, #526175));
21
21
  --ui-description-color: var(--ui-color-muted, var(--ui-muted, #526175));
22
22
  --ui-input-focus-ring: var(--ui-color-focus-ring, var(--ui-focus-ring, #2563eb));
23
- --ui-input-error: var(--ui-color-danger, var(--ui-error, #dc2626));
23
+ --ui-input-error: var(--ui-color-danger-text, var(--ui-color-danger, var(--ui-error, #dc2626)));
24
24
  --ui-input-success: var(--ui-color-success, var(--ui-success, #15803d));
25
25
  --ui-input-warning: var(--ui-color-warning, var(--ui-warning, #b45309));
26
26
  --ui-input-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));
package/dist/input.esm.js CHANGED
@@ -22,7 +22,7 @@ const q = `
22
22
  --ui-label-color: var(--ui-color-muted, var(--ui-muted, #526175));
23
23
  --ui-description-color: var(--ui-color-muted, var(--ui-muted, #526175));
24
24
  --ui-input-focus-ring: var(--ui-color-focus-ring, var(--ui-focus-ring, #2563eb));
25
- --ui-input-error: var(--ui-color-danger, var(--ui-error, #dc2626));
25
+ --ui-input-error: var(--ui-color-danger-text, var(--ui-color-danger, var(--ui-error, #dc2626)));
26
26
  --ui-input-success: var(--ui-color-success, var(--ui-success, #15803d));
27
27
  --ui-input-warning: var(--ui-color-warning, var(--ui-warning, #b45309));
28
28
  --ui-input-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));
package/dist/label.cjs.js CHANGED
@@ -2,7 +2,7 @@
2
2
  :host {
3
3
  --ui-label-color: var(--ui-color-text, var(--ui-text, #0f172a));
4
4
  --ui-label-muted: var(--ui-color-muted, var(--ui-muted, #526175));
5
- --ui-label-error: var(--ui-color-danger, var(--ui-error, #dc2626));
5
+ --ui-label-error: var(--ui-color-danger-text, var(--ui-color-danger, var(--ui-error, #dc2626)));
6
6
  --ui-label-bg: transparent;
7
7
  --ui-label-border: 1px solid transparent;
8
8
  --ui-label-radius: 10px;
@@ -122,10 +122,10 @@
122
122
  0 10px 20px rgba(2, 6, 23, 0.1);
123
123
  }
124
124
 
125
- :host([tone="brand"]) { --ui-label-color: var(--ui-color-primary, var(--ui-primary, #2563eb)); }
126
- :host([tone="success"]) { --ui-label-color: var(--ui-color-success, var(--ui-success, #15803d)); }
127
- :host([tone="warning"]) { --ui-label-color: var(--ui-color-warning, var(--ui-warning, #b45309)); }
128
- :host([tone="danger"]) { --ui-label-color: var(--ui-color-danger, var(--ui-error, #dc2626)); }
125
+ :host([tone="brand"]) { --ui-label-color: var(--ui-color-accent-text, var(--ui-color-primary, var(--ui-primary, #2563eb))); }
126
+ :host([tone="success"]) { --ui-label-color: var(--ui-color-success-text, var(--ui-color-success, var(--ui-success, #15803d))); }
127
+ :host([tone="warning"]) { --ui-label-color: var(--ui-color-warning-text, var(--ui-color-warning, var(--ui-warning, #b45309))); }
128
+ :host([tone="danger"]) { --ui-label-color: var(--ui-color-danger-text, var(--ui-color-danger, var(--ui-error, #dc2626))); }
129
129
 
130
130
  :host([shape="square"]) { --ui-label-radius: 4px; }
131
131
  :host([shape="soft"]) { --ui-label-radius: 16px; }
@@ -140,7 +140,7 @@
140
140
 
141
141
  :host([disabled]) .label {
142
142
  cursor: not-allowed;
143
- opacity: 0.6;
143
+ opacity: 0.72;
144
144
  }
145
145
 
146
146
  :host(:not([disabled])) .label:hover {
package/dist/label.esm.js CHANGED
@@ -3,7 +3,7 @@ const n = `
3
3
  :host {
4
4
  --ui-label-color: var(--ui-color-text, var(--ui-text, #0f172a));
5
5
  --ui-label-muted: var(--ui-color-muted, var(--ui-muted, #526175));
6
- --ui-label-error: var(--ui-color-danger, var(--ui-error, #dc2626));
6
+ --ui-label-error: var(--ui-color-danger-text, var(--ui-color-danger, var(--ui-error, #dc2626)));
7
7
  --ui-label-bg: transparent;
8
8
  --ui-label-border: 1px solid transparent;
9
9
  --ui-label-radius: 10px;
@@ -123,10 +123,10 @@ const n = `
123
123
  0 10px 20px rgba(2, 6, 23, 0.1);
124
124
  }
125
125
 
126
- :host([tone="brand"]) { --ui-label-color: var(--ui-color-primary, var(--ui-primary, #2563eb)); }
127
- :host([tone="success"]) { --ui-label-color: var(--ui-color-success, var(--ui-success, #15803d)); }
128
- :host([tone="warning"]) { --ui-label-color: var(--ui-color-warning, var(--ui-warning, #b45309)); }
129
- :host([tone="danger"]) { --ui-label-color: var(--ui-color-danger, var(--ui-error, #dc2626)); }
126
+ :host([tone="brand"]) { --ui-label-color: var(--ui-color-accent-text, var(--ui-color-primary, var(--ui-primary, #2563eb))); }
127
+ :host([tone="success"]) { --ui-label-color: var(--ui-color-success-text, var(--ui-color-success, var(--ui-success, #15803d))); }
128
+ :host([tone="warning"]) { --ui-label-color: var(--ui-color-warning-text, var(--ui-color-warning, var(--ui-warning, #b45309))); }
129
+ :host([tone="danger"]) { --ui-label-color: var(--ui-color-danger-text, var(--ui-color-danger, var(--ui-error, #dc2626))); }
130
130
 
131
131
  :host([shape="square"]) { --ui-label-radius: 4px; }
132
132
  :host([shape="soft"]) { --ui-label-radius: 16px; }
@@ -141,7 +141,7 @@ const n = `
141
141
 
142
142
  :host([disabled]) .label {
143
143
  cursor: not-allowed;
144
- opacity: 0.6;
144
+ opacity: 0.72;
145
145
  }
146
146
 
147
147
  :host(:not([disabled])) .label:hover {
@@ -6,7 +6,7 @@
6
6
  --ui-masonry-column-gap: 0px;
7
7
  --ui-masonry-item-gap: var(--ui-masonry-column-gap);
8
8
  --ui-masonry-fill: balance;
9
- --ui-masonry-color: var(--ui-color-text, inherit);
9
+ --ui-masonry-color: inherit;
10
10
  color-scheme: light dark;
11
11
  display: var(--ui-masonry-display);
12
12
  color: var(--ui-masonry-color);
@@ -60,6 +60,6 @@
60
60
  --ui-masonry-color: CanvasText;
61
61
  }
62
62
  }
63
- `;function d(t){if(!t)return null;const s=t.trim();if(!s.startsWith("{"))return null;try{const e=JSON.parse(s);return!e||typeof e!="object"?null:e}catch{return null}}function c(t){return v[t]||t}function y(t,s){switch(t){case"display":return{"--ui-masonry-display":s};case"columns":return{"--ui-masonry-columns":s};case"columnwidth":return{"--ui-masonry-column-width":s};case"gap":return{"--ui-masonry-column-gap":c(s),"--ui-masonry-item-gap":c(s)};case"columngap":return{"--ui-masonry-column-gap":c(s)};case"itemgap":return{"--ui-masonry-item-gap":c(s)};case"fill":return{"--ui-masonry-fill":s};default:return{}}}class h extends f.ElementBase{constructor(){super(...arguments),this._lastClassname="",this._appliedInlineProps=new Set}static get observedAttributes(){return["classname","headless",...p]}_syncLegacyClassname(){const s=this.getAttribute("classname")||"";s!==this._lastClassname&&(this._lastClassname&&this._lastClassname.split(/\s+/).forEach(e=>{e&&this.classList.remove(e)}),s&&s.split(/\s+/).forEach(e=>{e&&this.classList.add(e)}),this._lastClassname=s)}_applyInlineStyles(){this._appliedInlineProps.forEach(s=>this.style.removeProperty(s)),this._appliedInlineProps.clear(),p.forEach(s=>{const e=this.getAttribute(s);if(!e||d(e))return;const l=y(s,e);Object.entries(l).forEach(([o,u])=>{this.style.setProperty(o,u),this._appliedInlineProps.add(o)})})}_buildResponsiveCss(){const s={},e={sm:{},md:{},lg:{},xl:{}};p.forEach(n=>{const a=this.getAttribute(n),i=d(a);if(!i)return;const r=(m,g)=>{Object.assign(m,y(n,g))};typeof i.initial=="string"&&r(s,i.initial),typeof i.sm=="string"&&r(e.sm,i.sm),typeof i.md=="string"&&r(e.md,i.md),typeof i.lg=="string"&&r(e.lg,i.lg),typeof i.xl=="string"&&r(e.xl,i.xl)});const l=(n,a)=>{const i=Object.entries(a);return i.length?`${n} { ${i.map(([r,m])=>`${r}: ${m};`).join(" ")} }`:""},o=[],u=l(":host",s);return u&&o.push(u),Object.keys(e).forEach(n=>{const a=l(":host",e[n]);a&&o.push(`@media (min-width: ${b[n]}) { ${a} }`)}),o.join(`
63
+ `;function d(t){if(!t)return null;const s=t.trim();if(!s.startsWith("{"))return null;try{const e=JSON.parse(s);return!e||typeof e!="object"?null:e}catch{return null}}function c(t){return v[t]||t}function y(t,s){switch(t){case"display":return{"--ui-masonry-display":s};case"columns":return{"--ui-masonry-columns":s};case"columnwidth":return{"--ui-masonry-column-width":s};case"gap":return{"--ui-masonry-column-gap":c(s),"--ui-masonry-item-gap":c(s)};case"columngap":return{"--ui-masonry-column-gap":c(s)};case"itemgap":return{"--ui-masonry-item-gap":c(s)};case"fill":return{"--ui-masonry-fill":s};default:return{}}}class h extends f.ElementBase{constructor(){super(...arguments),this._lastClassname="",this._appliedInlineProps=new Set}static get observedAttributes(){return["classname","headless",...p]}_syncLegacyClassname(){const s=this.getAttribute("classname")||"";s!==this._lastClassname&&(this._lastClassname&&this._lastClassname.split(/\s+/).forEach(e=>{e&&this.classList.remove(e)}),s&&s.split(/\s+/).forEach(e=>{e&&this.classList.add(e)}),this._lastClassname=s)}_applyInlineStyles(){this._appliedInlineProps.forEach(s=>this.style.removeProperty(s)),this._appliedInlineProps.clear(),p.forEach(s=>{const e=this.getAttribute(s);if(!e||d(e))return;const l=y(s,e);Object.entries(l).forEach(([a,u])=>{this.style.setProperty(a,u),this._appliedInlineProps.add(a)})})}_buildResponsiveCss(){const s={},e={sm:{},md:{},lg:{},xl:{}};p.forEach(n=>{const o=this.getAttribute(n),i=d(o);if(!i)return;const r=(m,g)=>{Object.assign(m,y(n,g))};typeof i.initial=="string"&&r(s,i.initial),typeof i.sm=="string"&&r(e.sm,i.sm),typeof i.md=="string"&&r(e.md,i.md),typeof i.lg=="string"&&r(e.lg,i.lg),typeof i.xl=="string"&&r(e.xl,i.xl)});const l=(n,o)=>{const i=Object.entries(o);return i.length?`${n} { ${i.map(([r,m])=>`${r}: ${m};`).join(" ")} }`:""},a=[],u=l(":host",s);return u&&a.push(u),Object.keys(e).forEach(n=>{const o=l(":host",e[n]);o&&a.push(`@media (min-width: ${b[n]}) { ${o} }`)}),a.join(`
64
64
  `)}render(){this._syncLegacyClassname(),this._applyInlineStyles();const s=this._buildResponsiveCss();this.setContent(`<style>${x}${s?`
65
65
  ${s}`:""}</style><slot></slot>`),this.dispatchEvent(new CustomEvent("layoutchange",{bubbles:!0,composed:!0}))}shouldRenderOnAttributeChange(s,e,l){return!0}}typeof customElements<"u"&&!customElements.get("ui-masonry-grid")&&customElements.define("ui-masonry-grid",h);exports.UIMasonryGrid=h;
@@ -18,7 +18,7 @@ const g = {
18
18
  --ui-masonry-column-gap: 0px;
19
19
  --ui-masonry-item-gap: var(--ui-masonry-column-gap);
20
20
  --ui-masonry-fill: balance;
21
- --ui-masonry-color: var(--ui-color-text, inherit);
21
+ --ui-masonry-color: inherit;
22
22
  color-scheme: light dark;
23
23
  display: var(--ui-masonry-display);
24
24
  color: var(--ui-masonry-color);
@@ -130,8 +130,8 @@ class x extends f {
130
130
  const e = this.getAttribute(s);
131
131
  if (!e || d(e)) return;
132
132
  const l = y(s, e);
133
- Object.entries(l).forEach(([o, c]) => {
134
- this.style.setProperty(o, c), this._appliedInlineProps.add(o);
133
+ Object.entries(l).forEach(([a, c]) => {
134
+ this.style.setProperty(a, c), this._appliedInlineProps.add(a);
135
135
  });
136
136
  });
137
137
  }
@@ -143,21 +143,21 @@ class x extends f {
143
143
  xl: {}
144
144
  };
145
145
  p.forEach((n) => {
146
- const a = this.getAttribute(n), i = d(a);
146
+ const o = this.getAttribute(n), i = d(o);
147
147
  if (!i) return;
148
148
  const r = (m, h) => {
149
149
  Object.assign(m, y(n, h));
150
150
  };
151
151
  typeof i.initial == "string" && r(s, i.initial), typeof i.sm == "string" && r(e.sm, i.sm), typeof i.md == "string" && r(e.md, i.md), typeof i.lg == "string" && r(e.lg, i.lg), typeof i.xl == "string" && r(e.xl, i.xl);
152
152
  });
153
- const l = (n, a) => {
154
- const i = Object.entries(a);
153
+ const l = (n, o) => {
154
+ const i = Object.entries(o);
155
155
  return i.length ? `${n} { ${i.map(([r, m]) => `${r}: ${m};`).join(" ")} }` : "";
156
- }, o = [], c = l(":host", s);
157
- return c && o.push(c), Object.keys(e).forEach((n) => {
158
- const a = l(":host", e[n]);
159
- a && o.push(`@media (min-width: ${g[n]}) { ${a} }`);
160
- }), o.join(`
156
+ }, a = [], c = l(":host", s);
157
+ return c && a.push(c), Object.keys(e).forEach((n) => {
158
+ const o = l(":host", e[n]);
159
+ o && a.push(`@media (min-width: ${g[n]}) { ${o} }`);
160
+ }), a.join(`
161
161
  `);
162
162
  }
163
163
  render() {
@@ -6,25 +6,25 @@ const y = [
6
6
  "[data-menu-item]"
7
7
  ], T = [".shortcut"];
8
8
  function r(e, o) {
9
- return e.flatMap((i) => o.map((n) => `${i} ${n}`)).join(`,
9
+ return e.flatMap((i) => o.map((c) => `${i} ${c}`)).join(`,
10
10
  `);
11
11
  }
12
- function c(e, o) {
12
+ function n(e, o) {
13
13
  return e.map((i) => `${i}${o}`);
14
14
  }
15
15
  function s(e, o) {
16
16
  return e.map((i) => `${i}${o}`);
17
17
  }
18
18
  function E(e) {
19
- const o = e.itemSelectors ?? y, i = e.shortcutSelectors ?? T, n = e.activeStateSelectors ?? [], t = e.prefix, a = r(e.scopes, o), l = r(e.scopes, [
20
- ...c(o, ":hover"),
21
- ...c(o, ":focus-visible"),
22
- ...n
23
- ]), p = r(e.scopes, c(o, ":focus-visible")), m = r(e.scopes, s(o, '[aria-disabled="true"]')), d = r(e.scopes, s(o, '[data-tone="danger"]')), x = r(e.scopes, s(o, '[data-tone="success"]')), u = r(e.scopes, s(o, '[data-tone="warning"]')), b = r(e.scopes, [".separator", '[role="separator"]']), g = r(e.scopes, [".label"]), h = r(e.scopes, [".label .text"]), $ = r(e.scopes, [".label .caption"]), f = r(e.scopes, [".section-label"]), v = r(e.scopes, [".icon"]), S = r(e.scopes, [".selection-icon"]), k = r(e.scopes, ['[role="menuitemcheckbox"][aria-checked="true"] .selection-icon::before']), w = r(e.scopes, ['[role="menuitemradio"][aria-checked="true"] .selection-icon::before']), z = r(e.scopes, i), C = r(e.scopes, [".submenu-arrow"]);
19
+ const o = e.itemSelectors ?? y, i = e.shortcutSelectors ?? T, c = e.activeStateSelectors ?? [], t = e.prefix, a = r(e.scopes, o), l = r(e.scopes, [
20
+ ...n(o, ":hover"),
21
+ ...n(o, ":focus-visible"),
22
+ ...c
23
+ ]), p = r(e.scopes, n(o, ":focus-visible")), m = r(e.scopes, s(o, '[aria-disabled="true"]')), d = r(e.scopes, s(o, '[data-tone="danger"]')), u = r(e.scopes, s(o, '[data-tone="success"]')), x = r(e.scopes, s(o, '[data-tone="warning"]')), b = r(e.scopes, [".separator", '[role="separator"]']), g = r(e.scopes, [".label"]), h = r(e.scopes, [".label .text"]), $ = r(e.scopes, [".label .caption"]), f = r(e.scopes, [".section-label"]), v = r(e.scopes, [".icon"]), S = r(e.scopes, [".selection-icon"]), k = r(e.scopes, ['[role="menuitemcheckbox"][aria-checked="true"] .selection-icon::before']), w = r(e.scopes, ['[role="menuitemradio"][aria-checked="true"] .selection-icon::before']), z = r(e.scopes, i), C = r(e.scopes, [".submenu-arrow"]);
24
24
  return `
25
25
  ${f} {
26
26
  padding: 6px 10px 4px;
27
- color: color-mix(in srgb, var(${t}-color, #0f172a) 54%, transparent);
27
+ color: color-mix(in srgb, var(${t}-color, #0f172a) 72%, transparent);
28
28
  font: 600 11px/1.4 Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
29
29
  letter-spacing: 0.04em;
30
30
  text-transform: uppercase;
@@ -76,15 +76,15 @@ function E(e) {
76
76
  }
77
77
 
78
78
  ${d} {
79
- color: #dc2626;
79
+ color: var(--ui-color-danger-text, #dc2626);
80
80
  }
81
81
 
82
- ${x} {
83
- color: #15803d;
82
+ ${u} {
83
+ color: var(--ui-color-success-text, #15803d);
84
84
  }
85
85
 
86
- ${u} {
87
- color: #b45309;
86
+ ${x} {
87
+ color: var(--ui-color-warning-text, #b45309);
88
88
  }
89
89
 
90
90
  ${v} {
@@ -150,7 +150,7 @@ function E(e) {
150
150
  }
151
151
 
152
152
  ${$} {
153
- color: color-mix(in srgb, currentColor 70%, transparent);
153
+ color: color-mix(in srgb, currentColor 88%, transparent);
154
154
  font-size: calc(var(${t}-item-font-size, 14px) - 1px);
155
155
  line-height: 1.35;
156
156
  letter-spacing: inherit;
@@ -161,7 +161,7 @@ function E(e) {
161
161
  padding-left: 14px;
162
162
  flex: 0 0 auto;
163
163
  min-width: max-content;
164
- color: color-mix(in srgb, currentColor 70%, transparent);
164
+ color: color-mix(in srgb, currentColor 88%, transparent);
165
165
  font-size: calc(var(${t}-item-font-size, 14px) - 1px);
166
166
  line-height: 1;
167
167
  letter-spacing: inherit;