@editora/ui-core 0.1.25 → 0.2.1

package/dist/hover-card.esm.js

@@ -1,18 +1,18 @@
 import { E as d } from "./ElementBase-BeZT54Hj.mjs";
-import { e as u } from "./positioner-D0VGxtYU.mjs";
+import { e as u } from "./positioner-BE8Nbho2.mjs";
 const p = `
   :host {
     --ui-hover-card-z: 1700;
-    --ui-hover-card-radius: var(--base-card-radius, var(--ui-radius, 4px));
-    --ui-hover-card-bg: var(--base-card-bg, var(--color-panel, var(--ui-color-surface, var(--ui-surface, #ffffff))));
+    --ui-hover-card-radius: var(--base-card-radius, calc(var(--ui-radius, 6px) + 2px));
+    --ui-hover-card-bg: var(--base-card-bg, var(--color-panel-solid, var(--ui-color-surface, var(--ui-surface, #ffffff))));
     --ui-hover-card-color: var(--ui-color-text, var(--ui-text, #0f172a));
-    --ui-hover-card-border-color: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 74%, transparent);
+    --ui-hover-card-border-color: var(--ui-color-line-subtle, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 74%, transparent));
     --ui-hover-card-border: var(--base-card-border, 1px solid var(--ui-hover-card-border-color));
-    --ui-hover-card-shadow: var(--base-card-shadow, var(--shadow-3, none));
-    --ui-hover-card-padding: var(--ui-default-gap, 8px);
+    --ui-hover-card-shadow: var(--base-panel-shadow, var(--shadow-5, none));
+    --ui-hover-card-padding: 16px;
     --ui-hover-card-min-width: 220px;
     --ui-hover-card-max-width: min(380px, calc(100vw - 16px));
-    --ui-hover-card-backdrop: var(--base-panel-backdrop, var(--backdrop-filter-panel, none));
+    --ui-hover-card-backdrop: none;
     --ui-hover-card-arrow-size: 10px;
     --ui-hover-card-focus-ring: var(--ui-color-focus-ring, var(--ui-focus-ring, #2563eb));
     --ui-hover-card-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));
@@ -399,7 +399,10 @@ class f extends d {
   }
   _syncPanelA11y() {
     const e = this._getPanel();
-    e && (e.setAttribute("aria-hidden", this._isOpen ? "false" : "true"), this._isOpen || e.setAttribute("data-ready", "false"));
+    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);
@@ -425,14 +428,14 @@ class f extends d {
       this.open = !1;
       return;
     }
-    const a = Number(this.getAttribute("offset")), n = Number.isFinite(a) ? a : 10, s = v(this.getAttribute("placement")), l = e.querySelector(".arrow");
-    if (!this._positioner || this._positionerPlacement !== s || this._positionerOffset !== n) {
+    const o = Number(this.getAttribute("offset")), s = Number.isFinite(o) ? o : 10, a = v(this.getAttribute("placement")), l = e.querySelector(".arrow");
+    if (!this._positioner || this._positionerPlacement !== a || this._positionerOffset !== s) {
       this._positioner?.destroy(), this._positioner = u({
         anchor: t,
         floating: e,
-        placement: s,
+        placement: a,
         strategy: "fixed",
-        offset: n,
+        offset: s,
         flip: !0,
         shift: !0,
         boundaryPadding: 8,
@@ -447,10 +450,10 @@ class f extends d {
         onUpdate: (h) => {
           const c = h.placement.split("-")[0];
           e.setAttribute("data-placement", c);
-          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");
+          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 = s, this._positionerOffset = n;
+      }), this._positionerPlacement = a, this._positionerOffset = s;
       return;
     }
     this._positioner?.update();

package/dist/icon-cloud.cjs.js

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O=require("./ElementBase-DxbvhLJs.js"),z="920px",x=.86,R=1,$="20px",S="118px",E="40px",A="118px",N="30px",D=new Set(["clockwise","counterclockwise"]),I=new Set(["surface","soft","solid","glass","contrast","minimal"]),X=new Set(["brand","neutral","info","success","warning","danger"]),Y=new Set(["sm","md","lg","xl","1","2","3","4"]),q=new Set(["none","low","high"]),c={sm:{radius:"90px",radiusPx:90,itemSize:"32px",itemSizePx:32,centerSize:"84px",padding:"14px",shellRadius:"24px"},md:{radius:S,radiusPx:118,itemSize:E,itemSizePx:40,centerSize:A,padding:"18px",shellRadius:"28px"},lg:{radius:"140px",radiusPx:140,itemSize:"46px",itemSizePx:46,centerSize:"132px",padding:"22px",shellRadius:"32px"},xl:{radius:"164px",radiusPx:164,itemSize:"54px",itemSizePx:54,centerSize:"152px",padding:"26px",shellRadius:"36px"}},U=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("./ElementBase-DxbvhLJs.js"),z="920px",x=.86,O=1,R="20px",$="118px",S="40px",E="118px",N=new Set(["clockwise","counterclockwise"]),D=new Set(["surface","soft","solid","glass","contrast","minimal"]),I=new Set(["brand","neutral","info","success","warning","danger"]),X=new Set(["sm","md","lg","xl","1","2","3","4"]),Y=new Set(["none","low","high"]),c={sm:{radius:"90px",radiusPx:90,itemSize:"32px",itemSizePx:32,centerSize:"84px",padding:"14px",shellRadius:"24px"},md:{radius:$,radiusPx:118,itemSize:S,itemSizePx:40,centerSize:E,padding:"18px",shellRadius:"28px"},lg:{radius:"140px",radiusPx:140,itemSize:"46px",itemSizePx:46,centerSize:"132px",padding:"22px",shellRadius:"32px"},xl:{radius:"164px",radiusPx:164,itemSize:"54px",itemSizePx:54,centerSize:"152px",padding:"26px",shellRadius:"36px"}},q=`
   :host {
-    --ui-icon-cloud-radius: ${S};
-    --ui-icon-cloud-item-size: ${E};
-    --ui-icon-cloud-center-size: ${A};
-    --ui-icon-cloud-padding: ${$};
+    --ui-icon-cloud-radius: calc(var(--ui-radius, 6px) + 4px);
+    --ui-icon-cloud-item-size: ${S};
+    --ui-icon-cloud-center-size: ${E};
+    --ui-icon-cloud-padding: ${R};
     --ui-icon-cloud-perspective: ${z};
     --ui-icon-cloud-depth: ${x};
-    --ui-icon-cloud-shell-radius: ${N};
+    --ui-icon-cloud-shell-radius: calc(var(--ui-radius, 6px) + 4px);
     --ui-icon-cloud-tilt-x: 0deg;
     --ui-icon-cloud-tilt-y: 0deg;
     --ui-icon-cloud-fit-scale: 1;
@@ -15,35 +15,18 @@
     --ui-icon-cloud-stage-size:
       calc((var(--ui-icon-cloud-radius) * 2) + var(--ui-icon-cloud-item-size));
     --ui-icon-cloud-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));
-    --ui-icon-cloud-bg:
-      radial-gradient(
-        circle at 50% 50%,
-        color-mix(in srgb, var(--ui-color-surface-elevated, #f8fafc) 92%, transparent) 0%,
-        color-mix(in srgb, var(--ui-color-surface, #ffffff) 98%, transparent) 64%,
-        color-mix(in srgb, var(--ui-color-surface, #ffffff) 88%, transparent) 100%
-      );
+    --ui-icon-cloud-bg: var(--color-panel-solid, var(--ui-color-surface, #ffffff));
     --ui-icon-cloud-color: var(--ui-color-text, #0f172a);
-    --ui-icon-cloud-border-color:
-      color-mix(in srgb, var(--ui-color-border, rgba(15, 23, 42, 0.16)) 84%, transparent);
+    --ui-icon-cloud-border-color: var(--ui-color-line-subtle, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent));
     --ui-icon-cloud-border: 1px solid var(--ui-icon-cloud-border-color);
-    --ui-icon-cloud-shadow:
-      0 1px 3px rgba(15, 23, 42, 0.06),
-      0 24px 44px rgba(15, 23, 42, 0.12);
+    --ui-icon-cloud-shadow: none;
     --ui-icon-cloud-backdrop: none;
     --ui-icon-cloud-grid-color:
       color-mix(in srgb, var(--ui-icon-cloud-accent) 16%, var(--ui-icon-cloud-border-color));
-    --ui-icon-cloud-item-bg:
-      linear-gradient(
-        180deg,
-        color-mix(in srgb, #ffffff 96%, transparent),
-        color-mix(in srgb, var(--ui-icon-cloud-accent) 8%, rgba(255, 255, 255, 0.92))
-      );
-    --ui-icon-cloud-item-border:
-      1px solid color-mix(in srgb, var(--ui-icon-cloud-accent) 12%, rgba(255, 255, 255, 0.82));
+    --ui-icon-cloud-item-bg: var(--color-panel-solid, var(--ui-color-surface, #ffffff));
+    --ui-icon-cloud-item-border: 1px solid var(--ui-color-line-subtle, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent));
     --ui-icon-cloud-item-color: var(--ui-icon-cloud-color);
-    --ui-icon-cloud-item-shadow:
-      0 8px 16px rgba(15, 23, 42, 0.08),
-      0 1px 2px rgba(15, 23, 42, 0.05);
+    --ui-icon-cloud-item-shadow: none;
     --ui-icon-cloud-item-backdrop: none;
     --ui-icon-cloud-item-radius: 14px;
     --ui-icon-cloud-center-bg:
@@ -282,7 +265,7 @@
     background:
       radial-gradient(circle at 50% 50%, rgba(15, 23, 42, 0.22), rgba(15, 23, 42, 0.04) 62%, transparent 78%);
     filter: blur(18px);
-    opacity: 0.9;
+    opacity: 0.35;
     transform: translateZ(-120px) rotateX(78deg) scaleX(1.06);
     transform-origin: center;
     pointer-events: none;
@@ -335,7 +318,7 @@
     background:
       radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--ui-icon-cloud-accent) 12%, transparent), transparent 64%);
     filter: blur(18px);
-    opacity: 0.82;
+    opacity: 0.3;
     transform:
       translateZ(-42px)
       rotateX(calc(64deg + (var(--ui-icon-cloud-tilt-x) * 0.5)))
@@ -422,7 +405,7 @@
     outline: none;
     border-color: color-mix(in srgb, var(--ui-icon-cloud-focus-ring) 30%, transparent);
     box-shadow:
-      0 0 0 3px color-mix(in srgb, var(--ui-icon-cloud-focus-ring) 20%, transparent),
+      0 0 0 2px var(--ui-ring-color, var(--ui-icon-cloud-focus-ring)),
       var(--ui-icon-cloud-item-shadow);
   }
 
@@ -430,7 +413,7 @@
     outline: none;
     border-color: color-mix(in srgb, var(--ui-icon-cloud-focus-ring) 24%, transparent);
     box-shadow:
-      0 0 0 3px color-mix(in srgb, var(--ui-icon-cloud-focus-ring) 18%, transparent),
+      0 0 0 2px var(--ui-ring-color, var(--ui-icon-cloud-focus-ring)),
       var(--ui-icon-cloud-shadow);
   }
 
@@ -473,8 +456,8 @@
       forced-color-adjust: none;
     }
   }
-`;function b(e,t){if(e==null||e==="")return t;const i=e.trim();if(!i)return t;const o=i.split(/\s+/).filter(Boolean);return o.length?o.map(n=>/^-?\d+(\.\d+)?$/.test(n)?`${n}px`:n).join(" "):t}function B(e){return e!=null&&D.has(e)?e:"clockwise"}function H(e){return e!=null&&I.has(e)?e:"surface"}function Q(e){return e!=null&&X.has(e)?e:"brand"}function Z(e){return e!=null&&q.has(e)?e:"low"}function v(e){return e==null||!Y.has(e)?"md":e==="1"?"sm":e==="2"?"md":e==="3"?"lg":e==="4"?"xl":e}function _(e,t){if(e==null||e.trim()==="")return t;const i=Number.parseFloat(e);return Number.isFinite(i)&&i>0?i:t}function p(e,t){if(e==null||e.trim()==="")return t;const i=e.trim();return/^-?\d+(\.\d+)?$/.test(i)||/^-?\d+(\.\d+)?px$/i.test(i)?Number.parseFloat(i):t}function g(e,t,i){return Math.min(i,Math.max(t,e))}function V(e){if(e<=0)return[];if(e===1)return[{x:0,y:0,z:1}];const t=[],i=Math.PI*(3-Math.sqrt(5));for(let o=0;o<e;o+=1){const s=1-o/(e-1)*2,a=Math.sqrt(Math.max(0,1-s*s)),r=i*o;t.push({x:Math.cos(r)*a,y:s,z:Math.sin(r)*a})}return t}function W(e,t,i){const o=Math.cos(i),n=Math.sin(i),s=Math.cos(t),a=Math.sin(t),r=e.x*o-e.z*n,u=e.x*n+e.z*o,l=e.y;return{x:r,y:l*s-u*a,z:l*a+u*s}}class P extends O.ElementBase{constructor(){super(),this._slotEl=null,this._centerSlotEl=null,this._items=[],this._center=null,this._points=[],this._frame=null,this._lastTimestamp=0,this._hovering=!1,this._itemHovering=!1,this._focusWithin=!1,this._autoAngleX=-.35,this._autoAngleY=.25,this._currentTiltX=0,this._currentTiltY=0,this._targetTiltX=0,this._targetTiltY=0,this._lightDomObserver=null,this._mediaQuery=null,this._resizeObserver=null,this._onSlotChange=this._onSlotChange.bind(this),this._onPointerMove=this._onPointerMove.bind(this),this._onPointerEnter=this._onPointerEnter.bind(this),this._onPointerLeave=this._onPointerLeave.bind(this),this._onPointerOver=this._onPointerOver.bind(this),this._onPointerOut=this._onPointerOut.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onFocusOut=this._onFocusOut.bind(this),this._onLightDomMutation=this._onLightDomMutation.bind(this),this._onReducedMotionChange=this._onReducedMotionChange.bind(this),this._onResize=this._onResize.bind(this)}static get observedAttributes(){return["radius","perspective","depth","speed","direction","item-size","center-size","padding","variant","tone","size","surface-radius","elevation","interactive","auto-fit","paused","pause-on-hover","pause-on-item-hover","pause-on-focus"]}connectedCallback(){super.connectedCallback(),this.setAttribute("role","group"),this.addEventListener("pointermove",this._onPointerMove),this.addEventListener("pointerenter",this._onPointerEnter),this.addEventListener("pointerleave",this._onPointerLeave),this.addEventListener("pointerover",this._onPointerOver),this.addEventListener("pointerout",this._onPointerOut),this.addEventListener("focusin",this._onFocusIn),this.addEventListener("focusout",this._onFocusOut),this._observeLightDom(),this._bindReducedMotion(),this._ensureResizeObserver()}disconnectedCallback(){if(this._slotEl&&(this._slotEl.removeEventListener("slotchange",this._onSlotChange),this._slotEl=null),this._centerSlotEl&&(this._centerSlotEl.removeEventListener("slotchange",this._onSlotChange),this._centerSlotEl=null),this.removeEventListener("pointermove",this._onPointerMove),this.removeEventListener("pointerenter",this._onPointerEnter),this.removeEventListener("pointerleave",this._onPointerLeave),this.removeEventListener("pointerover",this._onPointerOver),this.removeEventListener("pointerout",this._onPointerOut),this.removeEventListener("focusin",this._onFocusIn),this.removeEventListener("focusout",this._onFocusOut),this._lightDomObserver&&(this._lightDomObserver.disconnect(),this._lightDomObserver=null),this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._mediaQuery){try{this._mediaQuery.removeEventListener("change",this._onReducedMotionChange)}catch{this._mediaQuery.removeListener(this._onReducedMotionChange)}this._mediaQuery=null}this._stopAnimation(),super.disconnectedCallback()}play(){this.removeAttribute("paused"),this._syncState()}pause(){this.setAttribute("paused",""),this._syncState()}refresh(){this.requestRender()}attributeChangedCallback(t,i,o){super.attributeChangedCallback(t,i,o),!(!t||i===o)&&(t==="paused"||t==="interactive"||t==="pause-on-hover"||t==="pause-on-item-hover"||t==="pause-on-focus"||t==="auto-fit"||t==="speed"||t==="direction")&&this._syncState()}render(){this.setContent(`
-      <style>${U}</style>
+`;function b(e,t){if(e==null||e==="")return t;const i=e.trim();if(!i)return t;const o=i.split(/\s+/).filter(Boolean);return o.length?o.map(r=>/^-?\d+(\.\d+)?$/.test(r)?`${r}px`:r).join(" "):t}function B(e){return e!=null&&N.has(e)?e:"clockwise"}function U(e){return e!=null&&D.has(e)?e:"surface"}function H(e){return e!=null&&I.has(e)?e:"brand"}function Q(e){return e!=null&&Y.has(e)?e:"low"}function v(e){return e==null||!X.has(e)?"md":e==="1"?"sm":e==="2"?"md":e==="3"?"lg":e==="4"?"xl":e}function _(e,t){if(e==null||e.trim()==="")return t;const i=Number.parseFloat(e);return Number.isFinite(i)&&i>0?i:t}function p(e,t){if(e==null||e.trim()==="")return t;const i=e.trim();return/^-?\d+(\.\d+)?$/.test(i)||/^-?\d+(\.\d+)?px$/i.test(i)?Number.parseFloat(i):t}function f(e,t,i){return Math.min(i,Math.max(t,e))}function Z(e){if(e<=0)return[];if(e===1)return[{x:0,y:0,z:1}];const t=[],i=Math.PI*(3-Math.sqrt(5));for(let o=0;o<e;o+=1){const s=1-o/(e-1)*2,u=Math.sqrt(Math.max(0,1-s*s)),n=i*o;t.push({x:Math.cos(n)*u,y:s,z:Math.sin(n)*u})}return t}function V(e,t,i){const o=Math.cos(i),r=Math.sin(i),s=Math.cos(t),u=Math.sin(t),n=e.x*o-e.z*r,a=e.x*r+e.z*o,l=e.y;return{x:n,y:l*s-a*u,z:l*u+a*s}}class A extends C.ElementBase{constructor(){super(),this._slotEl=null,this._centerSlotEl=null,this._items=[],this._center=null,this._points=[],this._frame=null,this._lastTimestamp=0,this._hovering=!1,this._itemHovering=!1,this._focusWithin=!1,this._autoAngleX=-.35,this._autoAngleY=.25,this._currentTiltX=0,this._currentTiltY=0,this._targetTiltX=0,this._targetTiltY=0,this._lightDomObserver=null,this._mediaQuery=null,this._resizeObserver=null,this._onSlotChange=this._onSlotChange.bind(this),this._onPointerMove=this._onPointerMove.bind(this),this._onPointerEnter=this._onPointerEnter.bind(this),this._onPointerLeave=this._onPointerLeave.bind(this),this._onPointerOver=this._onPointerOver.bind(this),this._onPointerOut=this._onPointerOut.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onFocusOut=this._onFocusOut.bind(this),this._onLightDomMutation=this._onLightDomMutation.bind(this),this._onReducedMotionChange=this._onReducedMotionChange.bind(this),this._onResize=this._onResize.bind(this)}static get observedAttributes(){return["radius","perspective","depth","speed","direction","item-size","center-size","padding","variant","tone","size","surface-radius","elevation","interactive","auto-fit","paused","pause-on-hover","pause-on-item-hover","pause-on-focus"]}connectedCallback(){super.connectedCallback(),this.setAttribute("role","group"),this.addEventListener("pointermove",this._onPointerMove),this.addEventListener("pointerenter",this._onPointerEnter),this.addEventListener("pointerleave",this._onPointerLeave),this.addEventListener("pointerover",this._onPointerOver),this.addEventListener("pointerout",this._onPointerOut),this.addEventListener("focusin",this._onFocusIn),this.addEventListener("focusout",this._onFocusOut),this._observeLightDom(),this._bindReducedMotion(),this._ensureResizeObserver()}disconnectedCallback(){if(this._slotEl&&(this._slotEl.removeEventListener("slotchange",this._onSlotChange),this._slotEl=null),this._centerSlotEl&&(this._centerSlotEl.removeEventListener("slotchange",this._onSlotChange),this._centerSlotEl=null),this.removeEventListener("pointermove",this._onPointerMove),this.removeEventListener("pointerenter",this._onPointerEnter),this.removeEventListener("pointerleave",this._onPointerLeave),this.removeEventListener("pointerover",this._onPointerOver),this.removeEventListener("pointerout",this._onPointerOut),this.removeEventListener("focusin",this._onFocusIn),this.removeEventListener("focusout",this._onFocusOut),this._lightDomObserver&&(this._lightDomObserver.disconnect(),this._lightDomObserver=null),this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._mediaQuery){try{this._mediaQuery.removeEventListener("change",this._onReducedMotionChange)}catch{this._mediaQuery.removeListener(this._onReducedMotionChange)}this._mediaQuery=null}this._stopAnimation(),super.disconnectedCallback()}play(){this.removeAttribute("paused"),this._syncState()}pause(){this.setAttribute("paused",""),this._syncState()}refresh(){this.requestRender()}attributeChangedCallback(t,i,o){super.attributeChangedCallback(t,i,o),!(!t||i===o)&&(t==="paused"||t==="interactive"||t==="pause-on-hover"||t==="pause-on-item-hover"||t==="pause-on-focus"||t==="auto-fit"||t==="speed"||t==="direction")&&this._syncState()}render(){this.setContent(`
+      <style>${q}</style>
       <div class="root" part="root">
         <div class="frame" part="frame">
           <div class="surface" part="surface">
@@ -492,4 +475,4 @@
           </div>
         </div>
       </div>
-    `),this._bindSlots(),this._syncMetrics(),this._syncAutoFit(),this._collectChildren(),this._applyLayout(this._autoAngleX+this._currentTiltX,this._autoAngleY+this._currentTiltY),this._syncState(),this._ensureResizeObserver()}_bindSlots(){const t=this.root.querySelector("slot:not([name])"),i=this.root.querySelector('slot[name="center"]');t&&t!==this._slotEl&&(this._slotEl&&this._slotEl.removeEventListener("slotchange",this._onSlotChange),t.addEventListener("slotchange",this._onSlotChange),this._slotEl=t),i&&i!==this._centerSlotEl&&(this._centerSlotEl&&this._centerSlotEl.removeEventListener("slotchange",this._onSlotChange),i.addEventListener("slotchange",this._onSlotChange),this._centerSlotEl=i)}_observeLightDom(){this._lightDomObserver||typeof MutationObserver>"u"||(this._lightDomObserver=new MutationObserver(this._onLightDomMutation),this._lightDomObserver.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["slot"]}))}_bindReducedMotion(){if(!(this._mediaQuery||typeof window>"u"||typeof window.matchMedia!="function")){this._mediaQuery=window.matchMedia("(prefers-reduced-motion: reduce)");try{this._mediaQuery.addEventListener("change",this._onReducedMotionChange)}catch{this._mediaQuery.addListener(this._onReducedMotionChange)}}}_onLightDomMutation(){this.requestRender()}_onSlotChange(){this.requestRender()}_onResize(){this._syncAutoFit()}_syncMetrics(){const t=v(this.getAttribute("size")),i=c[t],o=b(this.getAttribute("radius"),i.radius),n=b(this.getAttribute("item-size"),i.itemSize),s=b(this.getAttribute("center-size"),i.centerSize),a=b(this.getAttribute("padding"),i.padding),r=b(this.getAttribute("surface-radius"),i.shellRadius),u=b(this.getAttribute("perspective"),z),l=g(_(this.getAttribute("depth"),x),.35,1.6),d=H(this.getAttribute("variant")),h=Q(this.getAttribute("tone")),f=Z(this.getAttribute("elevation"));this.style.setProperty("--ui-icon-cloud-radius",o),this.style.setProperty("--ui-icon-cloud-item-size",n),this.style.setProperty("--ui-icon-cloud-center-size",s),this.style.setProperty("--ui-icon-cloud-padding",a),this.style.setProperty("--ui-icon-cloud-perspective",u),this.style.setProperty("--ui-icon-cloud-depth",String(l)),this.style.setProperty("--ui-icon-cloud-shell-radius",r),this.style.setProperty("--ui-icon-cloud-stage-size",`calc((2 * ${o}) + ${n})`),this.setAttribute("data-variant",d),this.setAttribute("data-tone",h),this.setAttribute("data-elevation",f)}_syncAutoFit(){const t=this._autoFit();if(this.setAttribute("data-auto-fit",t?"true":"false"),!t){this.style.setProperty("--ui-icon-cloud-fit-scale","1"),this.style.setProperty("--ui-icon-cloud-fit-inline-size","auto"),this.style.setProperty("--ui-icon-cloud-fit-block-size","auto"),this.removeAttribute("data-auto-fit-scale");return}const i=v(this.getAttribute("size")),o=c[i],n=this._stageMetrics(o),s=this._paddingMetrics(o.padding),a=n.width+s.inline,r=n.height+s.block,l=this.getBoundingClientRect().width||this.clientWidth||a,d=l>0&&a>0?g(l/a,.2,1):1;this.style.setProperty("--ui-icon-cloud-fit-scale",d.toFixed(4)),this.style.setProperty("--ui-icon-cloud-fit-inline-size",`${(a*d).toFixed(2)}px`),this.style.setProperty("--ui-icon-cloud-fit-block-size",`${(r*d).toFixed(2)}px`),this.setAttribute("data-auto-fit-scale",d.toFixed(4))}_collectChildren(){const t=(this._slotEl?.assignedElements({flatten:!0})||[]).filter(o=>o instanceof HTMLElement),i=(this._centerSlotEl?.assignedElements({flatten:!0})||[]).find(o=>o instanceof HTMLElement)||null;this._items=t,this._center=i,this._points=V(t.length),this.setAttribute("data-count",String(t.length)),this.setAttribute("data-has-center",i?"true":"false"),this.setAttribute("data-interactive",this._interactiveEnabled()?"true":"false"),i&&(i.hasAttribute("data-ui-icon-cloud-center")||i.setAttribute("data-ui-icon-cloud-center","")),t.forEach(o=>{o.hasAttribute("data-ui-icon-cloud-item")||o.setAttribute("data-ui-icon-cloud-item",""),this._isElementClickable(o)&&o.setAttribute("data-ui-icon-cloud-clickable","")})}_isElementClickable(t){return t.hasAttribute("data-ui-icon-cloud-clickable")?!0:t.tagName==="BUTTON"||t.tagName==="A"}_onPointerEnter(){this._hovering=!0,this._syncState()}_onPointerLeave(){this._hovering=!1,this._targetTiltX=0,this._targetTiltY=0,this._itemHovering=!1,this._syncState()}_onPointerMove(t){if(!this._interactiveEnabled())return;const i=this.getBoundingClientRect();if(!i.width||!i.height)return;const o=(t.clientX-i.left)/i.width*2-1,n=(t.clientY-i.top)/i.height*2-1;this._targetTiltY=g(o*.62,-.62,.62),this._targetTiltX=g(n*-.44,-.44,.44),this._ensureAnimation()}_onPointerOver(t){t.target?.closest("[data-ui-icon-cloud-item]")&&(this._itemHovering=!0,this._syncState())}_onPointerOut(t){t.relatedTarget?.closest("[data-ui-icon-cloud-item]")||(this._itemHovering=!1,this._syncState())}_onFocusIn(){this._focusWithin=!0,this._syncState()}_onFocusOut(t){const i=t.relatedTarget;this._focusWithin=!!(i&&this.contains(i)),this._syncState()}_onReducedMotionChange(){this._syncState()}_effectivePaused(){return!!(this.hasAttribute("paused")||this._mediaQuery?.matches||this.hasAttribute("pause-on-hover")&&this._hovering||this.hasAttribute("pause-on-item-hover")&&this._itemHovering||this.hasAttribute("pause-on-focus")&&this._focusWithin)}_interactiveEnabled(){return this.hasAttribute("interactive")?this.getAttribute("interactive")!=="false":!1}_autoFit(){return j(this.getAttribute("auto-fit"),!1)}_syncState(){const t=this._items.length>0&&!this._effectivePaused();this.setAttribute("data-state",this._items.length?t?"running":"paused":"idle"),this.setAttribute("data-item-hovered",this._itemHovering?"true":"false"),this.setAttribute("data-interactive",this._interactiveEnabled()?"true":"false"),t||Math.abs(this._targetTiltX-this._currentTiltX)>.002||Math.abs(this._targetTiltY-this._currentTiltY)>.002?this._ensureAnimation():(this._applyLayout(this._autoAngleX+this._currentTiltX,this._autoAngleY+this._currentTiltY),this._stopAnimation())}_ensureAnimation(){this._frame!=null||!this.isConnected||!this._items.length||(this._lastTimestamp=0,this._frame=this._requestFrame(t=>this._tick(t)))}_stopAnimation(){this._frame!=null&&(this._cancelFrame(this._frame),this._frame=null,this._lastTimestamp=0)}_tick(t){this._frame=null;const i=this._lastTimestamp||t,o=g(t-i,0,48);if(this._lastTimestamp=t,!this._effectivePaused()){const a=B(this.getAttribute("direction"))==="counterclockwise"?-1:1,r=g(_(this.getAttribute("speed"),R),.2,8);this._autoAngleY+=o*24e-5*r*a,this._autoAngleX+=o*12e-5*r*a}this._currentTiltX+=(this._targetTiltX-this._currentTiltX)*.08,this._currentTiltY+=(this._targetTiltY-this._currentTiltY)*.08,this._applyLayout(this._autoAngleX+this._currentTiltX,this._autoAngleY+this._currentTiltY),(!this._effectivePaused()||Math.abs(this._targetTiltX-this._currentTiltX)>.002||Math.abs(this._targetTiltY-this._currentTiltY)>.002)&&(this._frame=this._requestFrame(s=>this._tick(s)))}_applyLayout(t,i){const o=v(this.getAttribute("size")),n=c[o],s=p(this.style.getPropertyValue("--ui-icon-cloud-radius")||this.getAttribute("radius"),n.radiusPx),a=p(this.style.getPropertyValue("--ui-icon-cloud-perspective")||this.getAttribute("perspective"),920),r=g(_(this.style.getPropertyValue("--ui-icon-cloud-depth")||this.getAttribute("depth"),x),.35,1.6);this.style.setProperty("--ui-icon-cloud-tilt-x",`${t*180/Math.PI}deg`),this.style.setProperty("--ui-icon-cloud-tilt-y",`${i*180/Math.PI}deg`),this._items.forEach((u,l)=>{const d=this._points[l];if(!d)return;const h=W(d,t,i),f=h.z*s*r,y=a/Math.max(a-f,a*.28),w=h.x*s*y,T=h.y*s*y,m=(h.z+1)/2,F=.42+m*.8,k=.18+m*.88,M=(1-m)*2.4,L=.68+m*.5,C=10+Math.round(m*100);u.style.setProperty("--ui-icon-cloud-x",`${w.toFixed(2)}px`),u.style.setProperty("--ui-icon-cloud-y",`${T.toFixed(2)}px`),u.style.setProperty("--ui-icon-cloud-z",`${(f*.78).toFixed(2)}px`),u.style.setProperty("--ui-icon-cloud-scale",F.toFixed(3)),u.style.setProperty("--ui-icon-cloud-opacity",k.toFixed(3)),u.style.setProperty("--ui-icon-cloud-z-index",String(C)),u.style.setProperty("--ui-icon-cloud-blur",`${M.toFixed(2)}px`),u.style.setProperty("--ui-icon-cloud-saturation",L.toFixed(3)),u.style.setProperty("--ui-icon-cloud-depth-ratio",m.toFixed(3))})}_requestFrame(t){return typeof requestAnimationFrame=="function"?requestAnimationFrame(t):window.setTimeout(()=>t(performance.now()),16)}_cancelFrame(t){if(typeof cancelAnimationFrame=="function"){cancelAnimationFrame(t);return}window.clearTimeout(t)}_ensureResizeObserver(){if(!this.isConnected||!this._autoFit()||typeof ResizeObserver>"u"){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null);return}this._resizeObserver?this._resizeObserver.disconnect():this._resizeObserver=new ResizeObserver(this._onResize),this._resizeObserver.observe(this)}_stageMetrics(t){const i=this.root.querySelector(".stage"),o=i?getComputedStyle(i):null,n=o?Number.parseFloat(o.width):Number.NaN,s=o?Number.parseFloat(o.height):Number.NaN,a=p(this.style.getPropertyValue("--ui-icon-cloud-radius")||this.getAttribute("radius"),t.radiusPx),r=p(this.style.getPropertyValue("--ui-icon-cloud-item-size")||this.getAttribute("item-size"),t.itemSizePx),u=a*2+r;return{width:Number.isFinite(n)&&n>0?n:u,height:Number.isFinite(s)&&s>0?s:u}}_paddingMetrics(t){const i=this.root.querySelector(".surface"),o=i?getComputedStyle(i):null,n=o?Number.parseFloat(o.paddingLeft)+Number.parseFloat(o.paddingRight):Number.NaN,s=o?Number.parseFloat(o.paddingTop)+Number.parseFloat(o.paddingBottom):Number.NaN;if(Number.isFinite(n)&&n>0&&Number.isFinite(s)&&s>0)return{inline:n,block:s};const r=b(this.getAttribute("padding"),t).split(/\s+/).filter(Boolean),u=p(t,20),l=p(r[0]||"",u),d=p(r[1]||r[0]||"",l),h=p(r[2]||r[0]||"",l),f=p(r[3]||r[1]||r[0]||"",d);return r.length===1?{inline:l*2,block:l*2}:r.length===2?{inline:d*2,block:l*2}:r.length===3?{inline:d*2,block:l+h}:{inline:d+f,block:l+h}}}function j(e,t){if(e==null)return t;const i=e.trim().toLowerCase();return i?i==="false"||i==="0"||i==="off"||i==="no"?!1:i==="true"||i==="1"||i==="on"||i==="yes"?!0:t:!0}typeof customElements<"u"&&!customElements.get("ui-icon-cloud")&&customElements.define("ui-icon-cloud",P);exports.UIIconCloud=P;
+    `),this._bindSlots(),this._syncMetrics(),this._syncAutoFit(),this._collectChildren(),this._applyLayout(this._autoAngleX+this._currentTiltX,this._autoAngleY+this._currentTiltY),this._syncState(),this._ensureResizeObserver()}_bindSlots(){const t=this.root.querySelector("slot:not([name])"),i=this.root.querySelector('slot[name="center"]');t&&t!==this._slotEl&&(this._slotEl&&this._slotEl.removeEventListener("slotchange",this._onSlotChange),t.addEventListener("slotchange",this._onSlotChange),this._slotEl=t),i&&i!==this._centerSlotEl&&(this._centerSlotEl&&this._centerSlotEl.removeEventListener("slotchange",this._onSlotChange),i.addEventListener("slotchange",this._onSlotChange),this._centerSlotEl=i)}_observeLightDom(){this._lightDomObserver||typeof MutationObserver>"u"||(this._lightDomObserver=new MutationObserver(this._onLightDomMutation),this._lightDomObserver.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["slot"]}))}_bindReducedMotion(){if(!(this._mediaQuery||typeof window>"u"||typeof window.matchMedia!="function")){this._mediaQuery=window.matchMedia("(prefers-reduced-motion: reduce)");try{this._mediaQuery.addEventListener("change",this._onReducedMotionChange)}catch{this._mediaQuery.addListener(this._onReducedMotionChange)}}}_onLightDomMutation(){this.requestRender()}_onSlotChange(){this.requestRender()}_onResize(){this._syncAutoFit()}_syncMetrics(){const t=v(this.getAttribute("size")),i=c[t],o=b(this.getAttribute("radius"),i.radius),r=b(this.getAttribute("item-size"),i.itemSize),s=b(this.getAttribute("center-size"),i.centerSize),u=b(this.getAttribute("padding"),i.padding),n=b(this.getAttribute("surface-radius"),i.shellRadius),a=b(this.getAttribute("perspective"),z),l=f(_(this.getAttribute("depth"),x),.35,1.6),d=U(this.getAttribute("variant")),h=H(this.getAttribute("tone")),g=Q(this.getAttribute("elevation"));this.style.setProperty("--ui-icon-cloud-radius",o),this.style.setProperty("--ui-icon-cloud-item-size",r),this.style.setProperty("--ui-icon-cloud-center-size",s),this.style.setProperty("--ui-icon-cloud-padding",u),this.style.setProperty("--ui-icon-cloud-perspective",a),this.style.setProperty("--ui-icon-cloud-depth",String(l)),this.style.setProperty("--ui-icon-cloud-shell-radius",n),this.style.setProperty("--ui-icon-cloud-stage-size",`calc((2 * ${o}) + ${r})`),this.setAttribute("data-variant",d),this.setAttribute("data-tone",h),this.setAttribute("data-elevation",g)}_syncAutoFit(){const t=this._autoFit();if(this.setAttribute("data-auto-fit",t?"true":"false"),!t){this.style.setProperty("--ui-icon-cloud-fit-scale","1"),this.style.setProperty("--ui-icon-cloud-fit-inline-size","auto"),this.style.setProperty("--ui-icon-cloud-fit-block-size","auto"),this.removeAttribute("data-auto-fit-scale");return}const i=v(this.getAttribute("size")),o=c[i],r=this._stageMetrics(o),s=this._paddingMetrics(o.padding),u=r.width+s.inline,n=r.height+s.block,l=this.getBoundingClientRect().width||this.clientWidth||u,d=l>0&&u>0?f(l/u,.2,1):1;this.style.setProperty("--ui-icon-cloud-fit-scale",d.toFixed(4)),this.style.setProperty("--ui-icon-cloud-fit-inline-size",`${(u*d).toFixed(2)}px`),this.style.setProperty("--ui-icon-cloud-fit-block-size",`${(n*d).toFixed(2)}px`),this.setAttribute("data-auto-fit-scale",d.toFixed(4))}_collectChildren(){const t=(this._slotEl?.assignedElements({flatten:!0})||[]).filter(o=>o instanceof HTMLElement),i=(this._centerSlotEl?.assignedElements({flatten:!0})||[]).find(o=>o instanceof HTMLElement)||null;this._items=t,this._center=i,this._points=Z(t.length),this.setAttribute("data-count",String(t.length)),this.setAttribute("data-has-center",i?"true":"false"),this.setAttribute("data-interactive",this._interactiveEnabled()?"true":"false"),i&&(i.hasAttribute("data-ui-icon-cloud-center")||i.setAttribute("data-ui-icon-cloud-center","")),t.forEach(o=>{o.hasAttribute("data-ui-icon-cloud-item")||o.setAttribute("data-ui-icon-cloud-item",""),this._isElementClickable(o)&&o.setAttribute("data-ui-icon-cloud-clickable","")})}_isElementClickable(t){return t.hasAttribute("data-ui-icon-cloud-clickable")?!0:t.tagName==="BUTTON"||t.tagName==="A"}_onPointerEnter(){this._hovering=!0,this._syncState()}_onPointerLeave(){this._hovering=!1,this._targetTiltX=0,this._targetTiltY=0,this._itemHovering=!1,this._syncState()}_onPointerMove(t){if(!this._interactiveEnabled())return;const i=this.getBoundingClientRect();if(!i.width||!i.height)return;const o=(t.clientX-i.left)/i.width*2-1,r=(t.clientY-i.top)/i.height*2-1;this._targetTiltY=f(o*.62,-.62,.62),this._targetTiltX=f(r*-.44,-.44,.44),this._ensureAnimation()}_onPointerOver(t){t.target?.closest("[data-ui-icon-cloud-item]")&&(this._itemHovering=!0,this._syncState())}_onPointerOut(t){t.relatedTarget?.closest("[data-ui-icon-cloud-item]")||(this._itemHovering=!1,this._syncState())}_onFocusIn(){this._focusWithin=!0,this._syncState()}_onFocusOut(t){const i=t.relatedTarget;this._focusWithin=!!(i&&this.contains(i)),this._syncState()}_onReducedMotionChange(){this._syncState()}_effectivePaused(){return!!(this.hasAttribute("paused")||this._mediaQuery?.matches||this.hasAttribute("pause-on-hover")&&this._hovering||this.hasAttribute("pause-on-item-hover")&&this._itemHovering||this.hasAttribute("pause-on-focus")&&this._focusWithin)}_interactiveEnabled(){return this.hasAttribute("interactive")?this.getAttribute("interactive")!=="false":!1}_autoFit(){return W(this.getAttribute("auto-fit"),!1)}_syncState(){const t=this._items.length>0&&!this._effectivePaused();this.setAttribute("data-state",this._items.length?t?"running":"paused":"idle"),this.setAttribute("data-item-hovered",this._itemHovering?"true":"false"),this.setAttribute("data-interactive",this._interactiveEnabled()?"true":"false"),t||Math.abs(this._targetTiltX-this._currentTiltX)>.002||Math.abs(this._targetTiltY-this._currentTiltY)>.002?this._ensureAnimation():(this._applyLayout(this._autoAngleX+this._currentTiltX,this._autoAngleY+this._currentTiltY),this._stopAnimation())}_ensureAnimation(){this._frame!=null||!this.isConnected||!this._items.length||(this._lastTimestamp=0,this._frame=this._requestFrame(t=>this._tick(t)))}_stopAnimation(){this._frame!=null&&(this._cancelFrame(this._frame),this._frame=null,this._lastTimestamp=0)}_tick(t){this._frame=null;const i=this._lastTimestamp||t,o=f(t-i,0,48);if(this._lastTimestamp=t,!this._effectivePaused()){const u=B(this.getAttribute("direction"))==="counterclockwise"?-1:1,n=f(_(this.getAttribute("speed"),O),.2,8);this._autoAngleY+=o*24e-5*n*u,this._autoAngleX+=o*12e-5*n*u}this._currentTiltX+=(this._targetTiltX-this._currentTiltX)*.08,this._currentTiltY+=(this._targetTiltY-this._currentTiltY)*.08,this._applyLayout(this._autoAngleX+this._currentTiltX,this._autoAngleY+this._currentTiltY),(!this._effectivePaused()||Math.abs(this._targetTiltX-this._currentTiltX)>.002||Math.abs(this._targetTiltY-this._currentTiltY)>.002)&&(this._frame=this._requestFrame(s=>this._tick(s)))}_applyLayout(t,i){const o=v(this.getAttribute("size")),r=c[o],s=p(this.style.getPropertyValue("--ui-icon-cloud-radius")||this.getAttribute("radius"),r.radiusPx),u=p(this.style.getPropertyValue("--ui-icon-cloud-perspective")||this.getAttribute("perspective"),920),n=f(_(this.style.getPropertyValue("--ui-icon-cloud-depth")||this.getAttribute("depth"),x),.35,1.6);this.style.setProperty("--ui-icon-cloud-tilt-x",`${t*180/Math.PI}deg`),this.style.setProperty("--ui-icon-cloud-tilt-y",`${i*180/Math.PI}deg`),this._items.forEach((a,l)=>{const d=this._points[l];if(!d)return;const h=V(d,t,i),g=h.z*s*n,y=u/Math.max(u-g,u*.28),P=h.x*s*y,w=h.y*s*y,m=(h.z+1)/2,T=.42+m*.8,F=.18+m*.88,k=(1-m)*2.4,M=.68+m*.5,L=10+Math.round(m*100);a.style.setProperty("--ui-icon-cloud-x",`${P.toFixed(2)}px`),a.style.setProperty("--ui-icon-cloud-y",`${w.toFixed(2)}px`),a.style.setProperty("--ui-icon-cloud-z",`${(g*.78).toFixed(2)}px`),a.style.setProperty("--ui-icon-cloud-scale",T.toFixed(3)),a.style.setProperty("--ui-icon-cloud-opacity",F.toFixed(3)),a.style.setProperty("--ui-icon-cloud-z-index",String(L)),a.style.setProperty("--ui-icon-cloud-blur",`${k.toFixed(2)}px`),a.style.setProperty("--ui-icon-cloud-saturation",M.toFixed(3)),a.style.setProperty("--ui-icon-cloud-depth-ratio",m.toFixed(3))})}_requestFrame(t){return typeof requestAnimationFrame=="function"?requestAnimationFrame(t):window.setTimeout(()=>t(performance.now()),16)}_cancelFrame(t){if(typeof cancelAnimationFrame=="function"){cancelAnimationFrame(t);return}window.clearTimeout(t)}_ensureResizeObserver(){if(!this.isConnected||!this._autoFit()||typeof ResizeObserver>"u"){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null);return}this._resizeObserver?this._resizeObserver.disconnect():this._resizeObserver=new ResizeObserver(this._onResize),this._resizeObserver.observe(this)}_stageMetrics(t){const i=this.root.querySelector(".stage"),o=i?getComputedStyle(i):null,r=o?Number.parseFloat(o.width):Number.NaN,s=o?Number.parseFloat(o.height):Number.NaN,u=p(this.style.getPropertyValue("--ui-icon-cloud-radius")||this.getAttribute("radius"),t.radiusPx),n=p(this.style.getPropertyValue("--ui-icon-cloud-item-size")||this.getAttribute("item-size"),t.itemSizePx),a=u*2+n;return{width:Number.isFinite(r)&&r>0?r:a,height:Number.isFinite(s)&&s>0?s:a}}_paddingMetrics(t){const i=this.root.querySelector(".surface"),o=i?getComputedStyle(i):null,r=o?Number.parseFloat(o.paddingLeft)+Number.parseFloat(o.paddingRight):Number.NaN,s=o?Number.parseFloat(o.paddingTop)+Number.parseFloat(o.paddingBottom):Number.NaN;if(Number.isFinite(r)&&r>0&&Number.isFinite(s)&&s>0)return{inline:r,block:s};const n=b(this.getAttribute("padding"),t).split(/\s+/).filter(Boolean),a=p(t,20),l=p(n[0]||"",a),d=p(n[1]||n[0]||"",l),h=p(n[2]||n[0]||"",l),g=p(n[3]||n[1]||n[0]||"",d);return n.length===1?{inline:l*2,block:l*2}:n.length===2?{inline:d*2,block:l*2}:n.length===3?{inline:d*2,block:l+h}:{inline:d+g,block:l+h}}}function W(e,t){if(e==null)return t;const i=e.trim().toLowerCase();return i?i==="false"||i==="0"||i==="off"||i==="no"?!1:i==="true"||i==="1"||i==="on"||i==="yes"?!0:t:!0}typeof customElements<"u"&&!customElements.get("ui-icon-cloud")&&customElements.define("ui-icon-cloud",A);exports.UIIconCloud=A;

package/dist/icon-cloud.esm.js

@@ -1,5 +1,5 @@
-import { E as C } from "./ElementBase-BeZT54Hj.mjs";
-const z = "920px", x = 0.86, O = 1, R = "20px", S = "118px", E = "40px", A = "118px", $ = "30px", N = /* @__PURE__ */ new Set(["clockwise", "counterclockwise"]), D = /* @__PURE__ */ new Set(["surface", "soft", "solid", "glass", "contrast", "minimal"]), I = /* @__PURE__ */ new Set(["brand", "neutral", "info", "success", "warning", "danger"]), X = /* @__PURE__ */ new Set(["sm", "md", "lg", "xl", "1", "2", "3", "4"]), Y = /* @__PURE__ */ new Set(["none", "low", "high"]), c = {
+import { E as L } from "./ElementBase-BeZT54Hj.mjs";
+const z = "920px", x = 0.86, C = 1, O = "20px", R = "118px", S = "40px", E = "118px", $ = /* @__PURE__ */ new Set(["clockwise", "counterclockwise"]), N = /* @__PURE__ */ new Set(["surface", "soft", "solid", "glass", "contrast", "minimal"]), D = /* @__PURE__ */ new Set(["brand", "neutral", "info", "success", "warning", "danger"]), I = /* @__PURE__ */ new Set(["sm", "md", "lg", "xl", "1", "2", "3", "4"]), X = /* @__PURE__ */ new Set(["none", "low", "high"]), c = {
   sm: {
     radius: "90px",
     radiusPx: 90,
@@ -10,11 +10,11 @@ const z = "920px", x = 0.86, O = 1, R = "20px", S = "118px", E = "40px", A = "11
     shellRadius: "24px"
   },
   md: {
-    radius: S,
+    radius: R,
     radiusPx: 118,
-    itemSize: E,
+    itemSize: S,
     itemSizePx: 40,
-    centerSize: A,
+    centerSize: E,
     padding: "18px",
     shellRadius: "28px"
   },
@@ -36,15 +36,15 @@ const z = "920px", x = 0.86, O = 1, R = "20px", S = "118px", E = "40px", A = "11
     padding: "26px",
     shellRadius: "36px"
   }
-}, q = `
+}, Y = `
   :host {
-    --ui-icon-cloud-radius: ${S};
-    --ui-icon-cloud-item-size: ${E};
-    --ui-icon-cloud-center-size: ${A};
-    --ui-icon-cloud-padding: ${R};
+    --ui-icon-cloud-radius: calc(var(--ui-radius, 6px) + 4px);
+    --ui-icon-cloud-item-size: ${S};
+    --ui-icon-cloud-center-size: ${E};
+    --ui-icon-cloud-padding: ${O};
     --ui-icon-cloud-perspective: ${z};
     --ui-icon-cloud-depth: ${x};
-    --ui-icon-cloud-shell-radius: ${$};
+    --ui-icon-cloud-shell-radius: calc(var(--ui-radius, 6px) + 4px);
     --ui-icon-cloud-tilt-x: 0deg;
     --ui-icon-cloud-tilt-y: 0deg;
     --ui-icon-cloud-fit-scale: 1;
@@ -53,35 +53,18 @@ const z = "920px", x = 0.86, O = 1, R = "20px", S = "118px", E = "40px", A = "11
     --ui-icon-cloud-stage-size:
       calc((var(--ui-icon-cloud-radius) * 2) + var(--ui-icon-cloud-item-size));
     --ui-icon-cloud-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));
-    --ui-icon-cloud-bg:
-      radial-gradient(
-        circle at 50% 50%,
-        color-mix(in srgb, var(--ui-color-surface-elevated, #f8fafc) 92%, transparent) 0%,
-        color-mix(in srgb, var(--ui-color-surface, #ffffff) 98%, transparent) 64%,
-        color-mix(in srgb, var(--ui-color-surface, #ffffff) 88%, transparent) 100%
-      );
+    --ui-icon-cloud-bg: var(--color-panel-solid, var(--ui-color-surface, #ffffff));
     --ui-icon-cloud-color: var(--ui-color-text, #0f172a);
-    --ui-icon-cloud-border-color:
-      color-mix(in srgb, var(--ui-color-border, rgba(15, 23, 42, 0.16)) 84%, transparent);
+    --ui-icon-cloud-border-color: var(--ui-color-line-subtle, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent));
     --ui-icon-cloud-border: 1px solid var(--ui-icon-cloud-border-color);
-    --ui-icon-cloud-shadow:
-      0 1px 3px rgba(15, 23, 42, 0.06),
-      0 24px 44px rgba(15, 23, 42, 0.12);
+    --ui-icon-cloud-shadow: none;
     --ui-icon-cloud-backdrop: none;
     --ui-icon-cloud-grid-color:
       color-mix(in srgb, var(--ui-icon-cloud-accent) 16%, var(--ui-icon-cloud-border-color));
-    --ui-icon-cloud-item-bg:
-      linear-gradient(
-        180deg,
-        color-mix(in srgb, #ffffff 96%, transparent),
-        color-mix(in srgb, var(--ui-icon-cloud-accent) 8%, rgba(255, 255, 255, 0.92))
-      );
-    --ui-icon-cloud-item-border:
-      1px solid color-mix(in srgb, var(--ui-icon-cloud-accent) 12%, rgba(255, 255, 255, 0.82));
+    --ui-icon-cloud-item-bg: var(--color-panel-solid, var(--ui-color-surface, #ffffff));
+    --ui-icon-cloud-item-border: 1px solid var(--ui-color-line-subtle, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent));
     --ui-icon-cloud-item-color: var(--ui-icon-cloud-color);
-    --ui-icon-cloud-item-shadow:
-      0 8px 16px rgba(15, 23, 42, 0.08),
-      0 1px 2px rgba(15, 23, 42, 0.05);
+    --ui-icon-cloud-item-shadow: none;
     --ui-icon-cloud-item-backdrop: none;
     --ui-icon-cloud-item-radius: 14px;
     --ui-icon-cloud-center-bg:
@@ -320,7 +303,7 @@ const z = "920px", x = 0.86, O = 1, R = "20px", S = "118px", E = "40px", A = "11
     background:
       radial-gradient(circle at 50% 50%, rgba(15, 23, 42, 0.22), rgba(15, 23, 42, 0.04) 62%, transparent 78%);
     filter: blur(18px);
-    opacity: 0.9;
+    opacity: 0.35;
     transform: translateZ(-120px) rotateX(78deg) scaleX(1.06);
     transform-origin: center;
     pointer-events: none;
@@ -373,7 +356,7 @@ const z = "920px", x = 0.86, O = 1, R = "20px", S = "118px", E = "40px", A = "11
     background:
       radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--ui-icon-cloud-accent) 12%, transparent), transparent 64%);
     filter: blur(18px);
-    opacity: 0.82;
+    opacity: 0.3;
     transform:
       translateZ(-42px)
       rotateX(calc(64deg + (var(--ui-icon-cloud-tilt-x) * 0.5)))
@@ -460,7 +443,7 @@ const z = "920px", x = 0.86, O = 1, R = "20px", S = "118px", E = "40px", A = "11
     outline: none;
     border-color: color-mix(in srgb, var(--ui-icon-cloud-focus-ring) 30%, transparent);
     box-shadow:
-      0 0 0 3px color-mix(in srgb, var(--ui-icon-cloud-focus-ring) 20%, transparent),
+      0 0 0 2px var(--ui-ring-color, var(--ui-icon-cloud-focus-ring)),
       var(--ui-icon-cloud-item-shadow);
   }
 
@@ -468,7 +451,7 @@ const z = "920px", x = 0.86, O = 1, R = "20px", S = "118px", E = "40px", A = "11
     outline: none;
     border-color: color-mix(in srgb, var(--ui-icon-cloud-focus-ring) 24%, transparent);
     box-shadow:
-      0 0 0 3px color-mix(in srgb, var(--ui-icon-cloud-focus-ring) 18%, transparent),
+      0 0 0 2px var(--ui-ring-color, var(--ui-icon-cloud-focus-ring)),
       var(--ui-icon-cloud-shadow);
   }
 
@@ -519,20 +502,20 @@ function b(e, t) {
   const o = i.split(/\s+/).filter(Boolean);
   return o.length ? o.map((n) => /^-?\d+(\.\d+)?$/.test(n) ? `${n}px` : n).join(" ") : t;
 }
-function U(e) {
-  return e != null && N.has(e) ? e : "clockwise";
+function q(e) {
+  return e != null && $.has(e) ? e : "clockwise";
 }
 function B(e) {
-  return e != null && D.has(e) ? e : "surface";
+  return e != null && N.has(e) ? e : "surface";
 }
 function H(e) {
-  return e != null && I.has(e) ? e : "brand";
+  return e != null && D.has(e) ? e : "brand";
 }
-function Q(e) {
-  return e != null && Y.has(e) ? e : "low";
+function U(e) {
+  return e != null && X.has(e) ? e : "low";
 }
 function v(e) {
-  return e == null || !X.has(e) ? "md" : e === "1" ? "sm" : e === "2" ? "md" : e === "3" ? "lg" : e === "4" ? "xl" : e;
+  return e == null || !I.has(e) ? "md" : e === "1" ? "sm" : e === "2" ? "md" : e === "3" ? "lg" : e === "4" ? "xl" : e;
 }
 function _(e, t) {
   if (e == null || e.trim() === "") return t;
@@ -547,7 +530,7 @@ function p(e, t) {
 function f(e, t, i) {
   return Math.min(i, Math.max(t, e));
 }
-function Z(e) {
+function Q(e) {
   if (e <= 0) return [];
   if (e === 1) return [{ x: 0, y: 0, z: 1 }];
   const t = [], i = Math.PI * (3 - Math.sqrt(5));
@@ -561,7 +544,7 @@ function Z(e) {
   }
   return t;
 }
-function V(e, t, i) {
+function Z(e, t, i) {
   const o = Math.cos(i), n = Math.sin(i), s = Math.cos(t), a = Math.sin(t), r = e.x * o - e.z * n, u = e.x * n + e.z * o, l = e.y;
   return {
     x: r,
@@ -569,7 +552,7 @@ function V(e, t, i) {
     z: l * a + u * s
   };
 }
-class W extends C {
+class V extends L {
   constructor() {
     super(), this._slotEl = null, this._centerSlotEl = null, this._items = [], this._center = null, this._points = [], this._frame = null, this._lastTimestamp = 0, this._hovering = !1, this._itemHovering = !1, this._focusWithin = !1, this._autoAngleX = -0.35, this._autoAngleY = 0.25, this._currentTiltX = 0, this._currentTiltY = 0, this._targetTiltX = 0, this._targetTiltY = 0, this._lightDomObserver = null, this._mediaQuery = null, this._resizeObserver = null, this._onSlotChange = this._onSlotChange.bind(this), this._onPointerMove = this._onPointerMove.bind(this), this._onPointerEnter = this._onPointerEnter.bind(this), this._onPointerLeave = this._onPointerLeave.bind(this), this._onPointerOver = this._onPointerOver.bind(this), this._onPointerOut = this._onPointerOut.bind(this), this._onFocusIn = this._onFocusIn.bind(this), this._onFocusOut = this._onFocusOut.bind(this), this._onLightDomMutation = this._onLightDomMutation.bind(this), this._onReducedMotionChange = this._onReducedMotionChange.bind(this), this._onResize = this._onResize.bind(this);
   }
@@ -624,7 +607,7 @@ class W extends C {
   }
   render() {
     this.setContent(`
-      <style>${q}</style>
+      <style>${Y}</style>
       <div class="root" part="root">
         <div class="frame" part="frame">
           <div class="surface" part="surface">
@@ -677,7 +660,7 @@ class W extends C {
     this._syncAutoFit();
   }
   _syncMetrics() {
-    const t = v(this.getAttribute("size")), i = c[t], o = b(this.getAttribute("radius"), i.radius), n = b(this.getAttribute("item-size"), i.itemSize), s = b(this.getAttribute("center-size"), i.centerSize), a = b(this.getAttribute("padding"), i.padding), r = b(this.getAttribute("surface-radius"), i.shellRadius), u = b(this.getAttribute("perspective"), z), l = f(_(this.getAttribute("depth"), x), 0.35, 1.6), d = B(this.getAttribute("variant")), h = H(this.getAttribute("tone")), g = Q(this.getAttribute("elevation"));
+    const t = v(this.getAttribute("size")), i = c[t], o = b(this.getAttribute("radius"), i.radius), n = b(this.getAttribute("item-size"), i.itemSize), s = b(this.getAttribute("center-size"), i.centerSize), a = b(this.getAttribute("padding"), i.padding), r = b(this.getAttribute("surface-radius"), i.shellRadius), u = b(this.getAttribute("perspective"), z), l = f(_(this.getAttribute("depth"), x), 0.35, 1.6), d = B(this.getAttribute("variant")), h = H(this.getAttribute("tone")), g = U(this.getAttribute("elevation"));
     this.style.setProperty("--ui-icon-cloud-radius", o), this.style.setProperty("--ui-icon-cloud-item-size", n), this.style.setProperty("--ui-icon-cloud-center-size", s), this.style.setProperty("--ui-icon-cloud-padding", a), this.style.setProperty("--ui-icon-cloud-perspective", u), this.style.setProperty("--ui-icon-cloud-depth", String(l)), this.style.setProperty("--ui-icon-cloud-shell-radius", r), this.style.setProperty("--ui-icon-cloud-stage-size", `calc((2 * ${o}) + ${n})`), this.setAttribute("data-variant", d), this.setAttribute("data-tone", h), this.setAttribute("data-elevation", g);
   }
   _syncAutoFit() {
@@ -695,7 +678,7 @@ class W extends C {
     ), i = (this._centerSlotEl?.assignedElements({ flatten: !0 }) || []).find(
       (o) => o instanceof HTMLElement
     ) || null;
-    this._items = t, this._center = i, this._points = Z(t.length), this.setAttribute("data-count", String(t.length)), this.setAttribute("data-has-center", i ? "true" : "false"), this.setAttribute("data-interactive", this._interactiveEnabled() ? "true" : "false"), i && (i.hasAttribute("data-ui-icon-cloud-center") || i.setAttribute("data-ui-icon-cloud-center", "")), t.forEach((o) => {
+    this._items = t, this._center = i, this._points = Q(t.length), this.setAttribute("data-count", String(t.length)), this.setAttribute("data-has-center", i ? "true" : "false"), this.setAttribute("data-interactive", this._interactiveEnabled() ? "true" : "false"), i && (i.hasAttribute("data-ui-icon-cloud-center") || i.setAttribute("data-ui-icon-cloud-center", "")), t.forEach((o) => {
       o.hasAttribute("data-ui-icon-cloud-item") || o.setAttribute("data-ui-icon-cloud-item", ""), this._isElementClickable(o) && o.setAttribute("data-ui-icon-cloud-clickable", "");
     });
   }
@@ -738,7 +721,7 @@ class W extends C {
     return this.hasAttribute("interactive") ? this.getAttribute("interactive") !== "false" : !1;
   }
   _autoFit() {
-    return j(this.getAttribute("auto-fit"), !1);
+    return W(this.getAttribute("auto-fit"), !1);
   }
   _syncState() {
     const t = this._items.length > 0 && !this._effectivePaused();
@@ -754,7 +737,7 @@ class W extends C {
     this._frame = null;
     const i = this._lastTimestamp || t, o = f(t - i, 0, 48);
     if (this._lastTimestamp = t, !this._effectivePaused()) {
-      const a = U(this.getAttribute("direction")) === "counterclockwise" ? -1 : 1, r = f(_(this.getAttribute("speed"), O), 0.2, 8);
+      const a = q(this.getAttribute("direction")) === "counterclockwise" ? -1 : 1, r = f(_(this.getAttribute("speed"), C), 0.2, 8);
       this._autoAngleY += o * 24e-5 * r * a, this._autoAngleX += o * 12e-5 * r * a;
     }
     this._currentTiltX += (this._targetTiltX - this._currentTiltX) * 0.08, this._currentTiltY += (this._targetTiltY - this._currentTiltY) * 0.08, this._applyLayout(this._autoAngleX + this._currentTiltX, this._autoAngleY + this._currentTiltY), (!this._effectivePaused() || Math.abs(this._targetTiltX - this._currentTiltX) > 2e-3 || Math.abs(this._targetTiltY - this._currentTiltY) > 2e-3) && (this._frame = this._requestFrame((s) => this._tick(s)));
@@ -764,8 +747,8 @@ class W extends C {
     this.style.setProperty("--ui-icon-cloud-tilt-x", `${t * 180 / Math.PI}deg`), this.style.setProperty("--ui-icon-cloud-tilt-y", `${i * 180 / Math.PI}deg`), this._items.forEach((u, l) => {
       const d = this._points[l];
       if (!d) return;
-      const h = V(d, t, i), g = h.z * s * r, y = a / Math.max(a - g, a * 0.28), P = h.x * s * y, w = h.y * s * y, m = (h.z + 1) / 2, T = 0.42 + m * 0.8, F = 0.18 + m * 0.88, k = (1 - m) * 2.4, L = 0.68 + m * 0.5, M = 10 + Math.round(m * 100);
-      u.style.setProperty("--ui-icon-cloud-x", `${P.toFixed(2)}px`), u.style.setProperty("--ui-icon-cloud-y", `${w.toFixed(2)}px`), u.style.setProperty("--ui-icon-cloud-z", `${(g * 0.78).toFixed(2)}px`), u.style.setProperty("--ui-icon-cloud-scale", T.toFixed(3)), u.style.setProperty("--ui-icon-cloud-opacity", F.toFixed(3)), u.style.setProperty("--ui-icon-cloud-z-index", String(M)), u.style.setProperty("--ui-icon-cloud-blur", `${k.toFixed(2)}px`), u.style.setProperty("--ui-icon-cloud-saturation", L.toFixed(3)), u.style.setProperty("--ui-icon-cloud-depth-ratio", m.toFixed(3));
+      const h = Z(d, t, i), g = h.z * s * r, y = a / Math.max(a - g, a * 0.28), A = h.x * s * y, P = h.y * s * y, m = (h.z + 1) / 2, w = 0.42 + m * 0.8, T = 0.18 + m * 0.88, F = (1 - m) * 2.4, k = 0.68 + m * 0.5, M = 10 + Math.round(m * 100);
+      u.style.setProperty("--ui-icon-cloud-x", `${A.toFixed(2)}px`), u.style.setProperty("--ui-icon-cloud-y", `${P.toFixed(2)}px`), u.style.setProperty("--ui-icon-cloud-z", `${(g * 0.78).toFixed(2)}px`), u.style.setProperty("--ui-icon-cloud-scale", w.toFixed(3)), u.style.setProperty("--ui-icon-cloud-opacity", T.toFixed(3)), u.style.setProperty("--ui-icon-cloud-z-index", String(M)), u.style.setProperty("--ui-icon-cloud-blur", `${F.toFixed(2)}px`), u.style.setProperty("--ui-icon-cloud-saturation", k.toFixed(3)), u.style.setProperty("--ui-icon-cloud-depth-ratio", m.toFixed(3));
     });
   }
   _requestFrame(t) {
@@ -803,12 +786,12 @@ class W extends C {
     return r.length === 1 ? { inline: l * 2, block: l * 2 } : r.length === 2 ? { inline: d * 2, block: l * 2 } : r.length === 3 ? { inline: d * 2, block: l + h } : { inline: d + g, block: l + h };
   }
 }
-function j(e, t) {
+function W(e, t) {
   if (e == null) return t;
   const i = e.trim().toLowerCase();
   return i ? i === "false" || i === "0" || i === "off" || i === "no" ? !1 : i === "true" || i === "1" || i === "on" || i === "yes" ? !0 : t : !0;
 }
-typeof customElements < "u" && !customElements.get("ui-icon-cloud") && customElements.define("ui-icon-cloud", W);
+typeof customElements < "u" && !customElements.get("ui-icon-cloud") && customElements.define("ui-icon-cloud", V);
 export {
-  W as UIIconCloud
+  V as UIIconCloud
 };

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("./ElementBase-DxbvhLJs.js"),L=require("./collection.cjs.js"),u=require("./listbox-CTpRpuF7.js"),R=require("./roving-focus-group.cjs.js"),p=require("./tree-SivHxcAy.js"),B=require("./tree-item.cjs.js"),E=require("./ui-button-BPrzJScZ.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"),Pe=require("./progress.cjs.js"),he=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"),Me=require("./app-header.cjs.js"),we=require("./drawer.cjs.js"),Ce=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-D-mXMgqc.js"),Tt=require("./color-picker.cjs.js"),Pt=require("./date-picker.cjs.js"),ht=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"),Mt=require("./quick-actions.cjs.js"),wt=require("./rating.cjs.js"),Ct=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-DwE-tizc.js"),T=require("./portal-DgpQ3Jo1.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-D_fqyx_j.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 P(){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],h=c[c.length-1];if(c.length===0){n.preventDefault(),P();return}n.shiftKey?document.activeElement===I&&(n.preventDefault(),(h||I).focus()):document.activeElement===h&&(n.preventDefault(),(I||h).focus())}else n.key==="Escape"&&e.dispatchEvent(new CustomEvent("escape"))}function S(n){if(!q())return;const s=n.target;s&&!e.contains(s)&&P()}return r.push({id:o}),document.addEventListener("keydown",x),document.addEventListener("focusin",S,!0),P(),{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{}}}}},M={};function w(e){if(!e||!e.name)throw new Error("Plugin must have a name");M[e.name]=e,e.install&&e.install({registerUIPlugin:w})}function Xt(){return Object.values(M)}exports.ElementBase=C.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=Pe.UIProgress;exports.UIMeter=he.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=Me.UIAppHeader;exports.UIDrawer=we.UIDrawer;exports.UIDialog=Ce.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=Pt.UIDatePicker;exports.UIDateRangePicker=ht.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=Mt.UIQuickActions;exports.UIRating=wt.UIRating;exports.UIOdometer=Ct.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.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.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.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=w;exports.showToast=Jt;
+"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.d.ts

@@ -125,6 +125,8 @@ export { showToast };
 export * from './alert-dialog-manager';
 export * from './dialog-manager';
 export * from './theme';
+export { deriveSemanticTokens } from './semantic-tokens';
+export type { SemanticTokenMap } from './semantic-tokens';
 export * from './portal';
 export * from './focusManager';
 export * from './overlayManager';