@editora/ui-core 0.1.18 → 0.1.20

package/dist/grid.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("./ElementBase-1b301e7f.js"),w={sm:"var(--ui-breakpoint-sm, 640px)",md:"var(--ui-breakpoint-md, 768px)",lg:"var(--ui-breakpoint-lg, 1024px)",xl:"var(--ui-breakpoint-xl, 1280px)"},g=["display","columns","rows","gap","rowgap","columngap","autoflow","autorows","autocolumns","align","justify","place","aligncontent","justifycontent","placecontent"],v={xs:"var(--ui-space-xs, 4px)",sm:"var(--ui-space-sm, 8px)",md:"var(--ui-space-md, 12px)",lg:"var(--ui-space-lg, 20px)",xl:"var(--ui-space-xl, 28px)"},b=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("./ElementBase-EV6mVBUV.js"),w={sm:"var(--ui-breakpoint-sm, 640px)",md:"var(--ui-breakpoint-md, 768px)",lg:"var(--ui-breakpoint-lg, 1024px)",xl:"var(--ui-breakpoint-xl, 1280px)"},g=["display","columns","rows","gap","rowgap","columngap","autoflow","autorows","autocolumns","align","justify","place","aligncontent","justifycontent","placecontent"],v={xs:"var(--ui-space-xs, 4px)",sm:"var(--ui-space-sm, 8px)",md:"var(--ui-space-md, 12px)",lg:"var(--ui-space-lg, 20px)",xl:"var(--ui-space-xl, 28px)"},b=`
   :host {
     --ui-grid-display: grid;
     --ui-grid-columns: 1fr;

package/dist/grid.esm.js

@@ -1,4 +1,4 @@
-import { E as h } from "./ElementBase-909688f3.mjs";
+import { E as h } from "./ElementBase-YlTLMsGk.mjs";
 const y = {
   sm: "var(--ui-breakpoint-sm, 640px)",
   md: "var(--ui-breakpoint-md, 768px)",
@@ -92,11 +92,9 @@ const y = {
   }
 `;
 function p(r) {
-  if (!r)
-    return null;
+  if (!r) return null;
   const i = r.trim();
-  if (!i.startsWith("{"))
-    return null;
+  if (!i.startsWith("{")) return null;
   try {
     const t = JSON.parse(i);
     return !t || typeof t != "object" ? null : t;
@@ -161,8 +159,7 @@ class x extends h {
   _applyInlineStyles() {
     this._appliedInlineProps.forEach((i) => this.style.removeProperty(i)), this._appliedInlineProps.clear(), g.forEach((i) => {
       const t = this.getAttribute(i);
-      if (!t || p(t))
-        return;
+      if (!t || p(t)) return;
       const u = m(i, t);
       Object.entries(u).forEach(([a, l]) => {
         this.style.setProperty(a, l), this._appliedInlineProps.add(a);
@@ -178,8 +175,7 @@ class x extends h {
     };
     g.forEach((e) => {
       const o = this.getAttribute(e), s = p(o);
-      if (!s)
-        return;
+      if (!s) return;
       const n = (c, f) => {
         Object.assign(c, m(e, f));
       };

package/dist/hover-card.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./ElementBase-1b301e7f.js"),b=require("./positioner-33529bb8.js"),m=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ElementBase-EV6mVBUV.js"),p=require("./positioner-D_fqyx_j.js"),v=`
   :host {
     --ui-hover-card-z: 1700;
     --ui-hover-card-radius: var(--base-card-radius, var(--ui-radius, 4px));
@@ -262,8 +262,8 @@
       box-shadow: none;
     }
   }
-`;function _(o){return o==="top"||o==="left"||o==="right"?o:"bottom"}class u extends f.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(){var e;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),(e=this._positioner)==null||e.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(){var r;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),(r=this._positioner)==null||r.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(){var h,l;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=_(this.getAttribute("placement")),p=e.querySelector(".arrow");if(!this._positioner||this._positionerPlacement!==s||this._positionerOffset!==n){(h=this._positioner)==null||h.destroy(),this._positioner=b.createPositioner({anchor:t,floating:e,placement:s,strategy:"fixed",offset:n,flip:!0,shift:!0,boundaryPadding:8,arrow:p,observeWindowResize:!1,observeScroll:!1,observeAncestorScroll:!1,observeAncestorResize:!1,observeLayoutShift:!1,observeAnchorResize:!1,observeFloatingResize:!1,onUpdate:c=>{var d;const v=c.placement.split("-")[0];e.setAttribute("data-placement",v);const i=(d=c.middlewareData)==null?void 0:d.arrow;typeof(i==null?void 0:i.x)=="number"&&e.style.setProperty("--ui-hover-card-arrow-x",`${Math.round(i.x)}px`),typeof(i==null?void 0:i.y)=="number"&&e.style.setProperty("--ui-hover-card-arrow-y",`${Math.round(i.y)}px`),e.setAttribute("data-ready","true")}}),this._positionerPlacement=s,this._positionerOffset=n;return}(l=this._positioner)==null||l.update()}render(){this.setContent(`
-      <style>${m}</style>
+`;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(`
+      <style>${v}</style>
       <div class="anchor" part="anchor">
         <slot name="trigger"></slot>
         <slot></slot>
@@ -281,4 +281,4 @@
         <div class="arrow" part="arrow" aria-hidden="true"></div>
         <div class="panel-body" part="body"><slot name="card"></slot></div>
       </div>
-    `),this._syncPanelA11y(),this._isOpen&&this._schedulePosition()}shouldRenderOnAttributeChange(e,t,r){return!1}}typeof customElements<"u"&&!customElements.get("ui-hover-card")&&customElements.define("ui-hover-card",u);exports.UIHoverCard=u;
+    `),this._syncPanelA11y(),this._isOpen&&this._schedulePosition()}shouldRenderOnAttributeChange(e,t,r){return!1}}typeof customElements<"u"&&!customElements.get("ui-hover-card")&&customElements.define("ui-hover-card",l);exports.UIHoverCard=l;

package/dist/hover-card.esm.js

@@ -1,6 +1,6 @@
-import { E as v } from "./ElementBase-909688f3.mjs";
-import { l as f } from "./positioner-e9770c66.mjs";
-const b = `
+import { E as d } from "./ElementBase-YlTLMsGk.mjs";
+import { e as u } from "./positioner-D0VGxtYU.mjs";
+const p = `
   :host {
     --ui-hover-card-z: 1700;
     --ui-hover-card-radius: var(--base-card-radius, var(--ui-radius, 4px));
@@ -265,10 +265,10 @@ const b = `
     }
   }
 `;
-function m(o) {
-  return o === "top" || o === "left" || o === "right" ? o : "bottom";
+function v(i) {
+  return i === "top" || i === "left" || i === "right" ? i : "bottom";
 }
-class _ extends v {
+class f extends d {
   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);
   }
@@ -291,8 +291,7 @@ class _ extends v {
     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() {
-    var e;
-    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), (e = this._positioner) == null || e.destroy(), this._positioner = null, super.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) {
@@ -370,8 +369,7 @@ class _ extends v {
     this._isNodeWithinComponent(t) || this._scheduleClose(this.closeDelay);
   }
   _onKeyDown(e) {
-    if (!this._isOpen || e.key !== "Escape")
-      return;
+    if (!this._isOpen || e.key !== "Escape") return;
     e.preventDefault(), this.open = !1;
     const t = this._getAnchor();
     try {
@@ -386,7 +384,6 @@ class _ extends v {
     this._isOpen && this._schedulePosition();
   }
   _syncOpenState() {
-    var r;
     const e = this.hasAttribute("open") && !this.hasAttribute("headless");
     if (e === this._isOpen) {
       this._syncPanelA11y(), e ? (this._bindGlobalListeners(), this._schedulePosition()) : this._unbindGlobalListeners();
@@ -398,7 +395,7 @@ class _ extends v {
       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), (r = this._positioner) == null || r.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 } }));
+    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();
@@ -416,10 +413,8 @@ class _ extends v {
     }));
   }
   _positionPanel() {
-    var h, l;
     const e = this._getPanel();
-    if (!e || !this._isOpen)
-      return;
+    if (!e || !this._isOpen) return;
     const t = this._getAnchor();
     if (!t || !t.isConnected) {
       this.open = !1;
@@ -430,9 +425,9 @@ class _ extends v {
       this.open = !1;
       return;
     }
-    const a = Number(this.getAttribute("offset")), n = Number.isFinite(a) ? a : 10, s = m(this.getAttribute("placement")), u = e.querySelector(".arrow");
+    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) {
-      (h = this._positioner) == null || h.destroy(), this._positioner = f({
+      this._positioner?.destroy(), this._positioner = u({
         anchor: t,
         floating: e,
         placement: s,
@@ -441,7 +436,7 @@ class _ extends v {
         flip: !0,
         shift: !0,
         boundaryPadding: 8,
-        arrow: u,
+        arrow: l,
         observeWindowResize: !1,
         observeScroll: !1,
         observeAncestorScroll: !1,
@@ -449,21 +444,20 @@ class _ extends v {
         observeLayoutShift: !1,
         observeAnchorResize: !1,
         observeFloatingResize: !1,
-        onUpdate: (c) => {
-          var d;
-          const p = c.placement.split("-")[0];
-          e.setAttribute("data-placement", p);
-          const i = (d = c.middlewareData) == null ? void 0 : d.arrow;
-          typeof (i == null ? void 0 : i.x) == "number" && e.style.setProperty("--ui-hover-card-arrow-x", `${Math.round(i.x)}px`), typeof (i == null ? void 0 : i.y) == "number" && e.style.setProperty("--ui-hover-card-arrow-y", `${Math.round(i.y)}px`), e.setAttribute("data-ready", "true");
+        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");
         }
       }), this._positionerPlacement = s, this._positionerOffset = n;
       return;
     }
-    (l = this._positioner) == null || l.update();
+    this._positioner?.update();
   }
   render() {
     this.setContent(`
-      <style>${b}</style>
+      <style>${p}</style>
       <div class="anchor" part="anchor">
         <slot name="trigger"></slot>
         <slot></slot>
@@ -487,7 +481,7 @@ class _ extends v {
     return !1;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-hover-card") && customElements.define("ui-hover-card", _);
+typeof customElements < "u" && !customElements.get("ui-hover-card") && customElements.define("ui-hover-card", f);
 export {
-  _ as UIHoverCard
+  f as UIHoverCard
 };

package/dist/icon-cloud.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O=require("./ElementBase-1b301e7f.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 O=require("./ElementBase-EV6mVBUV.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=`
   :host {
     --ui-icon-cloud-radius: ${S};
     --ui-icon-cloud-item-size: ${E};
@@ -353,8 +353,8 @@
     position: absolute !important;
     inset-inline-start: 50%;
     inset-block-start: 50%;
-    inline-size: var(--ui-icon-cloud-center-size);
-    block-size: var(--ui-icon-cloud-center-size);
+    inline-size: var(--ui-icon-cloud-center-size) !important;
+    block-size: var(--ui-icon-cloud-center-size) !important;
     transform:
       translate(-50%, -50%)
       translateZ(52px)
@@ -378,8 +378,8 @@
     position: absolute !important;
     inset-inline-start: 50%;
     inset-block-start: 50%;
-    inline-size: var(--ui-icon-cloud-item-size);
-    block-size: var(--ui-icon-cloud-item-size);
+    inline-size: var(--ui-icon-cloud-item-size) !important;
+    block-size: var(--ui-icon-cloud-item-size) !important;
     border-radius: var(--ui-icon-cloud-item-radius);
     border: var(--ui-icon-cloud-item-border);
     background: var(--ui-icon-cloud-item-bg);
@@ -473,7 +473,7 @@
       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 f(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 r=1-o/(e-1)*2,a=Math.sqrt(Math.max(0,1-r*r)),s=i*o;t.push({x:Math.cos(s)*a,y:r,z:Math.sin(s)*a})}return t}function W(e,t,i){const o=Math.cos(i),n=Math.sin(i),r=Math.cos(t),a=Math.sin(t),s=e.x*o-e.z*n,u=e.x*n+e.z*o,l=e.y;return{x:s,y:l*r-u*a,z:l*a+u*r}}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(`
+`;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>
       <div class="root" part="root">
         <div class="frame" part="frame">
@@ -492,4 +492,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),r=b(this.getAttribute("center-size"),i.centerSize),a=b(this.getAttribute("padding"),i.padding),s=b(this.getAttribute("surface-radius"),i.shellRadius),u=b(this.getAttribute("perspective"),z),l=f(_(this.getAttribute("depth"),x),.35,1.6),d=H(this.getAttribute("variant")),h=Q(this.getAttribute("tone")),g=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",r),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",s),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(){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),r=this._paddingMetrics(o.padding),a=n.width+r.inline,s=n.height+r.block,l=this.getBoundingClientRect().width||this.clientWidth||a,d=l>0&&a>0?f(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",`${(s*d).toFixed(2)}px`),this.setAttribute("data-auto-fit-scale",d.toFixed(4))}_collectChildren(){var o,n;const t=(((o=this._slotEl)==null?void 0:o.assignedElements({flatten:!0}))||[]).filter(r=>r instanceof HTMLElement),i=(((n=this._centerSlotEl)==null?void 0:n.assignedElements({flatten:!0}))||[]).find(r=>r 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(r=>{r.hasAttribute("data-ui-icon-cloud-item")||r.setAttribute("data-ui-icon-cloud-item",""),this._isElementClickable(r)&&r.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=f(o*.62,-.62,.62),this._targetTiltX=f(n*-.44,-.44,.44),this._ensureAnimation()}_onPointerOver(t){const i=t.target;i!=null&&i.closest("[data-ui-icon-cloud-item]")&&(this._itemHovering=!0,this._syncState())}_onPointerOut(t){const i=t.relatedTarget;i!=null&&i.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(){var t;return!!(this.hasAttribute("paused")||(t=this._mediaQuery)!=null&&t.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=f(t-i,0,48);if(this._lastTimestamp=t,!this._effectivePaused()){const a=B(this.getAttribute("direction"))==="counterclockwise"?-1:1,s=f(_(this.getAttribute("speed"),R),.2,8);this._autoAngleY+=o*24e-5*s*a,this._autoAngleX+=o*12e-5*s*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(r=>this._tick(r)))}_applyLayout(t,i){const o=v(this.getAttribute("size")),n=c[o],r=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),s=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((u,l)=>{const d=this._points[l];if(!d)return;const h=W(d,t,i),g=h.z*r*s,y=a/Math.max(a-g,a*.28),w=h.x*r*y,T=h.y*r*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",`${(g*.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,r=o?Number.parseFloat(o.height):Number.NaN,a=p(this.style.getPropertyValue("--ui-icon-cloud-radius")||this.getAttribute("radius"),t.radiusPx),s=p(this.style.getPropertyValue("--ui-icon-cloud-item-size")||this.getAttribute("item-size"),t.itemSizePx),u=a*2+s;return{width:Number.isFinite(n)&&n>0?n:u,height:Number.isFinite(r)&&r>0?r: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,r=o?Number.parseFloat(o.paddingTop)+Number.parseFloat(o.paddingBottom):Number.NaN;if(Number.isFinite(n)&&n>0&&Number.isFinite(r)&&r>0)return{inline:n,block:r};const s=b(this.getAttribute("padding"),t).split(/\s+/).filter(Boolean),u=p(t,20),l=p(s[0]||"",u),d=p(s[1]||s[0]||"",l),h=p(s[2]||s[0]||"",l),g=p(s[3]||s[1]||s[0]||"",d);return s.length===1?{inline:l*2,block:l*2}:s.length===2?{inline:d*2,block:l*2}:s.length===3?{inline:d*2,block:l+h}:{inline:d+g,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),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;

package/dist/icon-cloud.esm.js

@@ -1,4 +1,4 @@
-import { E as C } from "./ElementBase-909688f3.mjs";
+import { E as C } from "./ElementBase-YlTLMsGk.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 = {
   sm: {
     radius: "90px",
@@ -391,8 +391,8 @@ const z = "920px", x = 0.86, O = 1, R = "20px", S = "118px", E = "40px", A = "11
     position: absolute !important;
     inset-inline-start: 50%;
     inset-block-start: 50%;
-    inline-size: var(--ui-icon-cloud-center-size);
-    block-size: var(--ui-icon-cloud-center-size);
+    inline-size: var(--ui-icon-cloud-center-size) !important;
+    block-size: var(--ui-icon-cloud-center-size) !important;
     transform:
       translate(-50%, -50%)
       translateZ(52px)
@@ -416,8 +416,8 @@ const z = "920px", x = 0.86, O = 1, R = "20px", S = "118px", E = "40px", A = "11
     position: absolute !important;
     inset-inline-start: 50%;
     inset-block-start: 50%;
-    inline-size: var(--ui-icon-cloud-item-size);
-    block-size: var(--ui-icon-cloud-item-size);
+    inline-size: var(--ui-icon-cloud-item-size) !important;
+    block-size: var(--ui-icon-cloud-item-size) !important;
     border-radius: var(--ui-icon-cloud-item-radius);
     border: var(--ui-icon-cloud-item-border);
     background: var(--ui-icon-cloud-item-bg);
@@ -513,11 +513,9 @@ const z = "920px", x = 0.86, O = 1, R = "20px", S = "118px", E = "40px", A = "11
   }
 `;
 function b(e, t) {
-  if (e == null || e === "")
-    return t;
+  if (e == null || e === "") return t;
   const i = e.trim();
-  if (!i)
-    return t;
+  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;
 }
@@ -537,14 +535,12 @@ 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;
+  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;
+  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;
 }
@@ -552,27 +548,25 @@ 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 }];
+  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 r = 1 - o / (e - 1) * 2, a = Math.sqrt(Math.max(0, 1 - r * r)), s = i * o;
+    const s = 1 - o / (e - 1) * 2, a = Math.sqrt(Math.max(0, 1 - s * s)), r = i * o;
     t.push({
-      x: Math.cos(s) * a,
-      y: r,
-      z: Math.sin(s) * a
+      x: Math.cos(r) * a,
+      y: s,
+      z: Math.sin(r) * a
     });
   }
   return t;
 }
 function V(e, t, i) {
-  const o = Math.cos(i), n = Math.sin(i), r = Math.cos(t), a = Math.sin(t), s = e.x * o - e.z * n, u = e.x * n + e.z * o, l = e.y;
+  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: s,
-    y: l * r - u * a,
-    z: l * a + u * r
+    x: r,
+    y: l * s - u * a,
+    z: l * a + u * s
   };
 }
 class W extends C {
@@ -683,8 +677,8 @@ 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), r = b(this.getAttribute("center-size"), i.centerSize), a = b(this.getAttribute("padding"), i.padding), s = 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"));
-    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", r), 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", s), 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);
+    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"));
+    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() {
     const t = this._autoFit();
@@ -692,18 +686,17 @@ class W extends C {
       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), r = this._paddingMetrics(o.padding), a = n.width + r.inline, s = n.height + r.block, l = this.getBoundingClientRect().width || this.clientWidth || a, d = l > 0 && a > 0 ? f(l / a, 0.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", `${(s * d).toFixed(2)}px`), this.setAttribute("data-auto-fit-scale", d.toFixed(4));
+    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 ? f(l / a, 0.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() {
-    var o, n;
-    const t = (((o = this._slotEl) == null ? void 0 : o.assignedElements({ flatten: !0 })) || []).filter(
-      (r) => r instanceof HTMLElement
-    ), i = (((n = this._centerSlotEl) == null ? void 0 : n.assignedElements({ flatten: !0 })) || []).find(
-      (r) => r instanceof HTMLElement
+    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((r) => {
-      r.hasAttribute("data-ui-icon-cloud-item") || r.setAttribute("data-ui-icon-cloud-item", ""), this._isElementClickable(r) && r.setAttribute("data-ui-icon-cloud-clickable", "");
+    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) {
@@ -716,21 +709,17 @@ class W extends C {
     this._hovering = !1, this._targetTiltX = 0, this._targetTiltY = 0, this._itemHovering = !1, this._syncState();
   }
   _onPointerMove(t) {
-    if (!this._interactiveEnabled())
-      return;
+    if (!this._interactiveEnabled()) return;
     const i = this.getBoundingClientRect();
-    if (!i.width || !i.height)
-      return;
+    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 = f(o * 0.62, -0.62, 0.62), this._targetTiltX = f(n * -0.44, -0.44, 0.44), this._ensureAnimation();
   }
   _onPointerOver(t) {
-    const i = t.target;
-    i != null && i.closest("[data-ui-icon-cloud-item]") && (this._itemHovering = !0, this._syncState());
+    t.target?.closest("[data-ui-icon-cloud-item]") && (this._itemHovering = !0, this._syncState());
   }
   _onPointerOut(t) {
-    const i = t.relatedTarget;
-    i != null && i.closest("[data-ui-icon-cloud-item]") || (this._itemHovering = !1, this._syncState());
+    t.relatedTarget?.closest("[data-ui-icon-cloud-item]") || (this._itemHovering = !1, this._syncState());
   }
   _onFocusIn() {
     this._focusWithin = !0, this._syncState();
@@ -743,8 +732,7 @@ class W extends C {
     this._syncState();
   }
   _effectivePaused() {
-    var t;
-    return !!(this.hasAttribute("paused") || (t = this._mediaQuery) != null && t.matches || this.hasAttribute("pause-on-hover") && this._hovering || this.hasAttribute("pause-on-item-hover") && this._itemHovering || this.hasAttribute("pause-on-focus") && this._focusWithin);
+    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;
@@ -766,18 +754,17 @@ 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, s = f(_(this.getAttribute("speed"), O), 0.2, 8);
-      this._autoAngleY += o * 24e-5 * s * a, this._autoAngleX += o * 12e-5 * s * a;
+      const a = U(this.getAttribute("direction")) === "counterclockwise" ? -1 : 1, r = f(_(this.getAttribute("speed"), O), 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((r) => this._tick(r)));
+    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)));
   }
   _applyLayout(t, i) {
-    const o = v(this.getAttribute("size")), n = c[o], r = 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), s = f(_(this.style.getPropertyValue("--ui-icon-cloud-depth") || this.getAttribute("depth"), x), 0.35, 1.6);
+    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 = f(_(this.style.getPropertyValue("--ui-icon-cloud-depth") || this.getAttribute("depth"), x), 0.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 = V(d, t, i), g = h.z * r * s, y = a / Math.max(a - g, a * 0.28), P = h.x * r * y, w = h.y * r * 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);
+      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));
     });
   }
@@ -799,26 +786,25 @@ class W extends C {
     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, r = o ? Number.parseFloat(o.height) : Number.NaN, a = p(this.style.getPropertyValue("--ui-icon-cloud-radius") || this.getAttribute("radius"), t.radiusPx), s = p(this.style.getPropertyValue("--ui-icon-cloud-item-size") || this.getAttribute("item-size"), t.itemSizePx), u = a * 2 + s;
+    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(r) && r > 0 ? r : 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, r = o ? Number.parseFloat(o.paddingTop) + Number.parseFloat(o.paddingBottom) : Number.NaN;
-    if (Number.isFinite(n) && n > 0 && Number.isFinite(r) && r > 0)
+    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: r
+        block: s
       };
-    const s = b(this.getAttribute("padding"), t).split(/\s+/).filter(Boolean), u = p(t, 20), l = p(s[0] || "", u), d = p(s[1] || s[0] || "", l), h = p(s[2] || s[0] || "", l), g = p(s[3] || s[1] || s[0] || "", d);
-    return s.length === 1 ? { inline: l * 2, block: l * 2 } : s.length === 2 ? { inline: d * 2, block: l * 2 } : s.length === 3 ? { inline: d * 2, block: l + h } : { inline: d + g, block: l + h };
+    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), g = 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 + g, block: l + h };
   }
 }
 function j(e, t) {
-  if (e == null)
-    return 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;
 }

package/dist/icon.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./icon-9e9da03b.js");require("./ElementBase-1b301e7f.js");require("@editora/icons");exports.UIIcon=e.UIIcon;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ui-icon-BzVNC_lr.js");exports.UIIcon=e.UIIcon;