@luzmo/lucero 0.0.10 → 0.0.12

package/components/{overlay-D7EbnA6E.js → overlay-CtdbWiFs.js}

@@ -15,18 +15,15 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { unsafeCSS as ue, html as ht } from "lit";
-import { a as pe, n as z } from "./base-DNrOP9L3.js";
-import { r as fe } from "./state-BG4JQVA1.js";
-import { e as te } from "./query-D_KR_GUc.js";
-import { o as me } from "./query-assigned-elements-DjfhL1cl.js";
-import { o as Ct } from "./if-defined-CYpcjGCb.js";
-import { o as Ut } from "./style-map-BqvQDFJt.js";
+import { a as ue, r as pe, x as ht } from "./base-CCsOyfm4.js";
+import { property as z, query as te, queryAssignedElements as fe, state as me } from "lit/decorators.js";
+import { ifDefined as Ct } from "lit/directives/if-defined.js";
+import { styleMap as Ut } from "lit/directives/style-map.js";
 import { r as St } from "./random-id-ByCz1xaq.js";
 import { E as ge, e as ve } from "./element-resolution-FCUT-wql.js";
 import { u as lt } from "./focusable-selectors-B4YgbghQ.js";
 import { S as ye, r as we } from "./slottable-request-event-DggLA4Rx.js";
-import { c as Tt } from "./condition-attribute-with-id-Dv4lSRbe.js";
+import { c as At } from "./condition-attribute-with-id-Dv4lSRbe.js";
 import { c as be, j as xe } from "./platform-BM-uMWpX.js";
 function Ee(e, t, i = []) {
   for (const [n, o] of t.entries()) {
@@ -57,7 +54,7 @@ const Pe = (e, t, {
     return Ee(a, e, l);
   };
 }, Ce = 1e3, Oe = 1e3;
-class Te {
+class Ae {
   constructor(t = {}) {
     this.warmUpDelay = Ce, this.coolDownDelay = Oe, this.isWarm = !1, this.timeout = 0, Object.assign(this, t);
   }
@@ -84,7 +81,7 @@ class Te {
     this.cooldownTimeout && window.clearTimeout(this.cooldownTimeout), delete this.cooldownTimeout;
   }
 }
-const mt = new Te(), J = () => {
+const mt = new Ae(), J = () => {
 }, kt = (e, t, i) => {
   const n = new AbortController(), o = /* @__PURE__ */ new Map(), s = () => {
     n.abort(), i();
@@ -118,7 +115,7 @@ const mt = new Te(), J = () => {
 function R() {
   return new Promise((e) => requestAnimationFrame(() => e()));
 }
-class rt extends pe {
+class rt extends ue {
   constructor() {
     super(...arguments), this.dispose = J, this.offset = 0, this.willPreventClose = !1;
   }
@@ -290,7 +287,7 @@ class wt {
     };
   }
 }
-function Ae(e) {
+function Te(e) {
   class t extends e {
     async manageDialogOpen() {
       const n = this.open;
@@ -665,7 +662,7 @@ class ke {
     this.closeOverlay(t);
   }
 }
-const Kt = new ke(), Fe = ':host{display:contents;pointer-events:none;--luzmo-overlay-animation-distance: .5rem}:host(:has(> luzmo-tooltip)){--luzmo-overlay-animation-distance: var( --luzmo-tooltip-animation-distance, 4px )}.dialog{margin:0;border:0;background:none;padding:0;position:fixed;overflow:visible;opacity:1!important;box-sizing:border-box;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);max-width:calc(100vw - 16px);height:auto;inset:auto;top:0;left:0;display:flex;--luzmo-overlay-open: true}.dialog:not([is-visible]){display:none}.dialog:focus{outline:none}dialog:modal{--luzmo-popover-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, .15))}:host(:not([open])) .dialog{--luzmo-overlay-open: false}.dialog::backdrop{display:none}.dialog:before{position:absolute;top:-999em;right:-999em;bottom:-999em;left:-999em;content:"";pointer-events:auto!important}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}::slotted(luzmo-popover){position:static}.dialog:not([actual-placement])[placement*=top]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:var(--luzmo-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=bottom]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=left]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:var(--luzmo-overlay-animation-distance)}.dialog[actual-placement*=top]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:var(--luzmo-overlay-animation-distance)}.dialog[actual-placement*=right]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog[actual-placement*=bottom]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog[actual-placement*=left]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:var(--luzmo-overlay-animation-distance)}slot[name=longpress-describedby-descriptor]{display:none}@supports selector(:open){.dialog{opacity:0}.dialog:open{opacity:1;--luzmo-popover-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, .15))}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1;--luzmo-popover-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, .15))}}@supports (overlay: auto){.dialog{display:none;transition:all var(--luzmo-overlay-animation-duration, .13s),translate 0s,display var(--luzmo-overlay-animation-duration, .13s);transition-behavior:allow-discrete}.dialog:popover-open,.dialog:modal{display:flex}}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}.dialog[actual-placement]{z-index:calc(var(--luzmo-overlay-z-index-base, 1000) + var(--luzmo-overlay-open-count))}}', Y = Math.min, T = Math.max, gt = Math.round, dt = Math.floor, M = (e) => ({
+const Kt = new ke(), Fe = ':host{display:contents;pointer-events:none;--luzmo-overlay-animation-distance: .5rem}:host(:has(> luzmo-tooltip)){--luzmo-overlay-animation-distance: var( --luzmo-tooltip-animation-distance, 4px )}.dialog{margin:0;border:0;background:none;padding:0;position:fixed;overflow:visible;opacity:1!important;box-sizing:border-box;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);max-width:calc(100vw - 16px);height:auto;inset:auto;top:0;left:0;display:flex;--luzmo-overlay-open: true}.dialog:not([is-visible]){display:none}.dialog:focus{outline:none}dialog:modal{--luzmo-popover-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, .15))}:host(:not([open])) .dialog{--luzmo-overlay-open: false}.dialog::backdrop{display:none}.dialog:before{position:absolute;top:-999em;right:-999em;bottom:-999em;left:-999em;content:"";pointer-events:auto!important}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}::slotted(luzmo-popover){position:static}.dialog:not([actual-placement])[placement*=top]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:var(--luzmo-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=bottom]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=left]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:var(--luzmo-overlay-animation-distance)}.dialog[actual-placement*=top]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:var(--luzmo-overlay-animation-distance)}.dialog[actual-placement*=right]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog[actual-placement*=bottom]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog[actual-placement*=left]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:var(--luzmo-overlay-animation-distance)}slot[name=longpress-describedby-descriptor]{display:none}@supports selector(:open){.dialog{opacity:0}.dialog:open{opacity:1;--luzmo-popover-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, .15))}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1;--luzmo-popover-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, .15))}}@supports (overlay: auto){.dialog{display:none;transition:all var(--luzmo-overlay-animation-duration, .13s),translate 0s,display var(--luzmo-overlay-animation-duration, .13s);transition-behavior:allow-discrete}.dialog:popover-open,.dialog:modal{display:flex}}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}.dialog[actual-placement]{z-index:calc(var(--luzmo-overlay-z-index-base, 1000) + var(--luzmo-overlay-open-count))}}', Y = Math.min, A = Math.max, gt = Math.round, dt = Math.floor, $ = (e) => ({
   x: e,
   y: e
 }), ze = {
@@ -677,8 +674,8 @@ const Kt = new ke(), Fe = ':host{display:contents;pointer-events:none;--luzmo-ov
   start: "end",
   end: "start"
 };
-function At(e, t, i) {
-  return T(e, Y(t, i));
+function Tt(e, t, i) {
+  return A(e, Y(t, i));
 }
 function nt(e, t) {
   return typeof e == "function" ? e(t) : e;
@@ -692,29 +689,29 @@ function ot(e) {
 function ee(e) {
   return e === "x" ? "y" : "x";
 }
-function $t(e) {
+function Mt(e) {
   return e === "y" ? "height" : "width";
 }
 function Q(e) {
   return ["top", "bottom"].includes(X(e)) ? "y" : "x";
 }
-function Mt(e) {
+function $t(e) {
   return ee(Q(e));
 }
 function _e(e, t, i) {
   i === void 0 && (i = !1);
-  const n = ot(e), o = Mt(e), s = $t(o);
+  const n = ot(e), o = $t(e), s = Mt(o);
   let r = o === "x" ? n === (i ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
   return t.reference[s] > t.floating[s] && (r = vt(r)), [r, vt(r)];
 }
-function $e(e) {
+function Me(e) {
   const t = vt(e);
   return [Rt(e), t, Rt(t)];
 }
 function Rt(e) {
   return e.replace(/start|end/g, (t) => Ne[t]);
 }
-function Me(e, t, i) {
+function $e(e, t, i) {
   const n = ["left", "right"], o = ["right", "left"], s = ["top", "bottom"], r = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -729,7 +726,7 @@ function Me(e, t, i) {
 }
 function He(e, t, i, n) {
   const o = ot(e);
-  let s = Me(X(e), i === "start", n);
+  let s = $e(X(e), i === "start", n);
   return o && (s = s.map((r) => r + "-" + o), t && (s = s.concat(s.map(Rt)))), s;
 }
 function vt(e) {
@@ -775,7 +772,7 @@ function Yt(e, t, i) {
     reference: n,
     floating: o
   } = e;
-  const s = Q(t), r = Mt(t), a = $t(r), l = X(t), h = s === "y", c = n.x + n.width / 2 - o.width / 2, d = n.y + n.height / 2 - o.height / 2, f = n[a] / 2 - o[a] / 2;
+  const s = Q(t), r = $t(t), a = Mt(r), l = X(t), h = s === "y", c = n.x + n.width / 2 - o.width / 2, d = n.y + n.height / 2 - o.height / 2, f = n[a] / 2 - o[a] / 2;
   let u;
   switch (l) {
     case "top":
@@ -945,17 +942,17 @@ const qe = (e) => ({
     const d = ie(c), f = {
       x: i,
       y: n
-    }, u = Mt(o), p = $t(u), m = await r.getDimensions(h), v = u === "y", g = v ? "top" : "left", y = v ? "bottom" : "right", w = v ? "clientHeight" : "clientWidth", x = s.reference[p] + s.reference[u] - f[u] - s.floating[p], b = f[u] - s.reference[u], D = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
+    }, u = $t(o), p = Mt(u), m = await r.getDimensions(h), v = u === "y", g = v ? "top" : "left", y = v ? "bottom" : "right", w = v ? "clientHeight" : "clientWidth", x = s.reference[p] + s.reference[u] - f[u] - s.floating[p], b = f[u] - s.reference[u], D = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
     let E = D ? D[w] : 0;
     (!E || !await (r.isElement == null ? void 0 : r.isElement(D))) && (E = a.floating[w] || s.floating[p]);
-    const W = x / 2 - b / 2, N = E / 2 - m[p] / 2 - 1, L = Y(d[g], N), V = Y(d[y], N), _ = L, U = E - m[p] - V, C = E / 2 - m[p] / 2 + W, tt = At(_, C, U), q = !l.arrow && ot(o) != null && C !== tt && s.reference[p] / 2 - (C < _ ? L : V) - m[p] / 2 < 0, $ = q ? C < _ ? C - _ : C - U : 0;
+    const W = x / 2 - b / 2, N = E / 2 - m[p] / 2 - 1, L = Y(d[g], N), V = Y(d[y], N), _ = L, U = E - m[p] - V, C = E / 2 - m[p] / 2 + W, tt = Tt(_, C, U), q = !l.arrow && ot(o) != null && C !== tt && s.reference[p] / 2 - (C < _ ? L : V) - m[p] / 2 < 0, M = q ? C < _ ? C - _ : C - U : 0;
     return {
-      [u]: f[u] + $,
+      [u]: f[u] + M,
       data: {
         [u]: tt,
-        centerOffset: C - tt - $,
+        centerOffset: C - tt - M,
         ...q && {
-          alignmentOffset: $
+          alignmentOffset: M
         }
       },
       reset: q
@@ -985,7 +982,7 @@ const qe = (e) => ({
       } = nt(e, t);
       if ((i = s.arrow) != null && i.alignmentOffset)
         return {};
-      const g = X(o), y = Q(a), w = X(a) === a, x = await (l.isRTL == null ? void 0 : l.isRTL(h.floating)), b = f || (w || !m ? [vt(a)] : $e(a)), D = p !== "none";
+      const g = X(o), y = Q(a), w = X(a) === a, x = await (l.isRTL == null ? void 0 : l.isRTL(h.floating)), b = f || (w || !m ? [vt(a)] : Me(a)), D = p !== "none";
       !f && D && b.push(...He(a, m, p, x));
       const E = [a, ...b], W = await Ht(t, v), N = [];
       let L = ((n = s.flip) == null ? void 0 : n.overflows) || [];
@@ -1009,12 +1006,12 @@ const qe = (e) => ({
               placement: tt
             }
           };
-        let q = (_ = L.filter(($) => $.overflows[0] <= 0).sort(($, j) => $.overflows[1] - j.overflows[1])[0]) == null ? void 0 : _.placement;
+        let q = (_ = L.filter((M) => M.overflows[0] <= 0).sort((M, j) => M.overflows[1] - j.overflows[1])[0]) == null ? void 0 : _.placement;
         if (!q)
           switch (u) {
             case "bestFit": {
               var U;
-              const $ = (U = L.filter((j) => {
+              const M = (U = L.filter((j) => {
                 if (D) {
                   const K = Q(j.placement);
                   return K === y || // Create a bias to the `y` side axis due to horizontal
@@ -1023,7 +1020,7 @@ const qe = (e) => ({
                 }
                 return !0;
               }).map((j) => [j.placement, j.overflows.filter((K) => K > 0).reduce((K, de) => K + de, 0)]).sort((j, K) => j[1] - K[1])[0]) == null ? void 0 : U[0];
-              $ && (q = $);
+              M && (q = M);
               break;
             }
             case "initialPlacement":
@@ -1122,11 +1119,11 @@ const Ue = function(e) {
       let u = h[f], p = h[d];
       if (s) {
         const v = f === "y" ? "top" : "left", g = f === "y" ? "bottom" : "right", y = u + c[v], w = u - c[g];
-        u = At(y, u, w);
+        u = Tt(y, u, w);
       }
       if (r) {
         const v = d === "y" ? "top" : "left", g = d === "y" ? "bottom" : "right", y = p + c[v], w = p - c[g];
-        p = At(y, p, w);
+        p = Tt(y, p, w);
       }
       const m = a.fn({
         ...t,
@@ -1170,8 +1167,8 @@ const Ue = function(e) {
       const y = m - c.top - c.bottom, w = p - c.left - c.right, x = Y(m - c[v], y), b = Y(p - c[g], w), D = !t.middlewareData.shift;
       let E = x, W = b;
       if ((i = t.middlewareData.shift) != null && i.enabled.x && (W = w), (n = t.middlewareData.shift) != null && n.enabled.y && (E = y), D && !f) {
-        const L = T(c.left, 0), V = T(c.right, 0), _ = T(c.top, 0), U = T(c.bottom, 0);
-        u ? W = p - 2 * (L !== 0 || V !== 0 ? L + V : T(c.left, c.right)) : E = m - 2 * (_ !== 0 || U !== 0 ? _ + U : T(c.top, c.bottom));
+        const L = A(c.left, 0), V = A(c.right, 0), _ = A(c.top, 0), U = A(c.bottom, 0);
+        u ? W = p - 2 * (L !== 0 || V !== 0 ? L + V : A(c.left, c.right)) : E = m - 2 * (_ !== 0 || U !== 0 ? _ + U : A(c.top, c.bottom));
       }
       await l({
         ...t,
@@ -1193,7 +1190,7 @@ function bt() {
 function st(e) {
   return ne(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function A(e) {
+function T(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
@@ -1202,16 +1199,16 @@ function B(e) {
   return (t = (ne(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function ne(e) {
-  return bt() ? e instanceof Node || e instanceof A(e).Node : !1;
+  return bt() ? e instanceof Node || e instanceof T(e).Node : !1;
 }
 function k(e) {
-  return bt() ? e instanceof Element || e instanceof A(e).Element : !1;
+  return bt() ? e instanceof Element || e instanceof T(e).Element : !1;
 }
 function H(e) {
-  return bt() ? e instanceof HTMLElement || e instanceof A(e).HTMLElement : !1;
+  return bt() ? e instanceof HTMLElement || e instanceof T(e).HTMLElement : !1;
 }
 function Xt(e) {
-  return !bt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof A(e).ShadowRoot;
+  return !bt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof T(e).ShadowRoot;
 }
 function ct(e) {
   const {
@@ -1256,7 +1253,7 @@ function it(e) {
   return ["html", "body", "#document"].includes(st(e));
 }
 function F(e) {
-  return A(e).getComputedStyle(e);
+  return T(e).getComputedStyle(e);
 }
 function Et(e) {
   return k(e) ? {
@@ -1286,7 +1283,7 @@ function oe(e) {
 function at(e, t, i) {
   var n;
   t === void 0 && (t = []), i === void 0 && (i = !0);
-  const o = oe(e), s = o === ((n = e.ownerDocument) == null ? void 0 : n.body), r = A(o);
+  const o = oe(e), s = o === ((n = e.ownerDocument) == null ? void 0 : n.body), r = T(o);
   if (s) {
     const a = Dt(r);
     return t.concat(r, r.visualViewport || [], ct(o) ? o : [], a && i ? at(a) : []);
@@ -1312,7 +1309,7 @@ function qt(e) {
 function et(e) {
   const t = qt(e);
   if (!H(t))
-    return M(1);
+    return $(1);
   const i = t.getBoundingClientRect(), {
     width: n,
     height: o,
@@ -1324,30 +1321,30 @@ function et(e) {
     y: a
   };
 }
-const Ge = /* @__PURE__ */ M(0);
+const Ge = /* @__PURE__ */ $(0);
 function re(e) {
-  const t = A(e);
+  const t = T(e);
   return !Wt() || !t.visualViewport ? Ge : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
 function Je(e, t, i) {
-  return t === void 0 && (t = !1), !i || t && i !== A(e) ? !1 : t;
+  return t === void 0 && (t = !1), !i || t && i !== T(e) ? !1 : t;
 }
 function Z(e, t, i, n) {
   t === void 0 && (t = !1), i === void 0 && (i = !1);
   const o = e.getBoundingClientRect(), s = qt(e);
-  let r = M(1);
+  let r = $(1);
   t && (n ? k(n) && (r = et(n)) : r = et(e));
-  const a = Je(s, i, n) ? re(s) : M(0);
+  const a = Je(s, i, n) ? re(s) : $(0);
   let l = (o.left + a.x) / r.x, h = (o.top + a.y) / r.y, c = o.width / r.x, d = o.height / r.y;
   if (s) {
-    const f = A(s), u = n && k(n) ? A(n) : n;
+    const f = T(s), u = n && k(n) ? T(n) : n;
     let p = f, m = Dt(p);
     for (; m && n && u !== p; ) {
       const v = et(m), g = m.getBoundingClientRect(), y = F(m), w = g.left + (m.clientLeft + parseFloat(y.paddingLeft)) * v.x, x = g.top + (m.clientTop + parseFloat(y.paddingTop)) * v.y;
-      l *= v.x, h *= v.y, c *= v.x, d *= v.y, l += w, h += x, p = A(m), m = Dt(p);
+      l *= v.x, h *= v.y, c *= v.x, d *= v.y, l += w, h += x, p = T(m), m = Dt(p);
     }
   }
   return yt({
@@ -1385,13 +1382,13 @@ function Qe(e) {
   let l = {
     scrollLeft: 0,
     scrollTop: 0
-  }, h = M(1);
-  const c = M(0), d = H(n);
+  }, h = $(1);
+  const c = $(0), d = H(n);
   if ((d || !d && !s) && ((st(n) !== "body" || ct(r)) && (l = Et(n)), H(n))) {
     const u = Z(n);
     h = et(n), c.x = u.x + n.clientLeft, c.y = u.y + n.clientTop;
   }
-  const f = r && !d && !s ? ae(r, l, !0) : M(0);
+  const f = r && !d && !s ? ae(r, l, !0) : $(0);
   return {
     width: i.width * h.x,
     height: i.height * h.y,
@@ -1403,10 +1400,10 @@ function Ze(e) {
   return Array.from(e.getClientRects());
 }
 function ti(e) {
-  const t = B(e), i = Et(e), n = e.ownerDocument.body, o = T(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), s = T(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
+  const t = B(e), i = Et(e), n = e.ownerDocument.body, o = A(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), s = A(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
   let r = -i.scrollLeft + It(e);
   const a = -i.scrollTop;
-  return F(n).direction === "rtl" && (r += T(t.clientWidth, n.clientWidth) - o), {
+  return F(n).direction === "rtl" && (r += A(t.clientWidth, n.clientWidth) - o), {
     width: o,
     height: s,
     x: r,
@@ -1414,7 +1411,7 @@ function ti(e) {
   };
 }
 function ei(e, t) {
-  const i = A(e), n = B(e), o = i.visualViewport;
+  const i = T(e), n = B(e), o = i.visualViewport;
   let s = n.clientWidth, r = n.clientHeight, a = 0, l = 0;
   if (o) {
     s = o.width, r = o.height;
@@ -1429,7 +1426,7 @@ function ei(e, t) {
   };
 }
 function ii(e, t) {
-  const i = Z(e, !0, t === "fixed"), n = i.top + e.clientTop, o = i.left + e.clientLeft, s = H(e) ? et(e) : M(1), r = e.clientWidth * s.x, a = e.clientHeight * s.y, l = o * s.x, h = n * s.y;
+  const i = Z(e, !0, t === "fixed"), n = i.top + e.clientTop, o = i.left + e.clientLeft, s = H(e) ? et(e) : $(1), r = e.clientWidth * s.x, a = e.clientHeight * s.y, l = o * s.x, h = n * s.y;
   return {
     width: r,
     height: a,
@@ -1482,7 +1479,7 @@ function oi(e) {
   } = e;
   const r = [...i === "clippingAncestors" ? xt(t) ? [] : ni(t, this._c) : [].concat(i), n], a = r[0], l = r.reduce((h, c) => {
     const d = Gt(t, c, o);
-    return h.top = T(d.top, h.top), h.right = Y(d.right, h.right), h.bottom = Y(d.bottom, h.bottom), h.left = T(d.left, h.left), h;
+    return h.top = A(d.top, h.top), h.right = Y(d.right, h.right), h.bottom = Y(d.bottom, h.bottom), h.left = A(d.left, h.left), h;
   }, Gt(t, a, o));
   return {
     width: l.right - l.left,
@@ -1507,13 +1504,13 @@ function ri(e, t, i) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const l = M(0);
+  const l = $(0);
   if (n || !n && !s)
     if ((st(t) !== "body" || ct(o)) && (a = Et(t)), n) {
       const f = Z(t, !0, s, t);
       l.x = f.x + t.clientLeft, l.y = f.y + t.clientTop;
     } else o && (l.x = It(o));
-  const h = o && !n && !s ? ae(o, a) : M(0), c = r.left + a.scrollLeft - l.x - h.x, d = r.top + a.scrollTop - l.y - h.y;
+  const h = o && !n && !s ? ae(o, a) : $(0), c = r.left + a.scrollLeft - l.x - h.x, d = r.top + a.scrollTop - l.y - h.y;
   return {
     x: c,
     y: d,
@@ -1533,7 +1530,7 @@ function Jt(e, t) {
   return B(e) === i && (i = i.ownerDocument.body), i;
 }
 function ce(e, t) {
-  const i = A(e);
+  const i = T(e);
   if (xt(e))
     return i;
   if (!H(e)) {
@@ -1599,7 +1596,7 @@ function hi(e, t) {
       return;
     const p = dt(d), m = dt(o.clientWidth - (c + f)), v = dt(o.clientHeight - (d + u)), g = dt(c), w = {
       rootMargin: -p + "px " + -m + "px " + -v + "px " + -g + "px",
-      threshold: T(0, Y(1, l)) || 1
+      threshold: A(0, Y(1, l)) || 1
     };
     let x = !0;
     function b(D) {
@@ -1694,7 +1691,7 @@ const pt = 8, gi = 100, vi = (e) => ({
   bottom: ["top", "left", "right"],
   "bottom-start": ["top-start", "left", "right"],
   "bottom-end": ["top-end", "left", "right"]
-})[e] ?? [e], Ii = Symbol("placement updated");
+})[e] ?? [e], Bi = Symbol("placement updated");
 class yi {
   /**
    * Creates an instance of the PlacementController.
@@ -1982,7 +1979,7 @@ class xi extends Vt {
     t === n ? this.prepareOverlayRelativeDescription() : t === i && this.prepareContentRelativeDescription();
   }
   prepareOverlayRelativeDescription() {
-    const t = Tt(
+    const t = At(
       this.target,
       "aria-describedby",
       [this.overlay.id]
@@ -1994,7 +1991,7 @@ class xi extends Vt {
   prepareContentRelativeDescription() {
     const t = [], i = this.overlay.elements.map((o) => (t.push(o.id), o.id || (o.id = `${this.overlay.tagName.toLowerCase()}-helper-${St()}`), o.id));
     this.elementIds = t;
-    const n = Tt(
+    const n = At(
       this.target,
       "aria-describedby",
       i
@@ -2113,7 +2110,7 @@ class Ci extends Vt {
     i.textContent = Pi[n], i.slot = "longpress-describedby-descriptor";
     const o = t.getRootNode(), s = this.overlay.getRootNode();
     o === s ? this.overlay.append(i) : (i.hidden = !("host" in o), t.after(i));
-    const r = Tt(
+    const r = At(
       t,
       "aria-describedby",
       [i.id]
@@ -2151,13 +2148,13 @@ const Oi = {
   longpress: Ci,
   hover: xi
 };
-var Ti = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, O = (e, t, i, n) => {
-  for (var o = n > 1 ? void 0 : n ? Ai(t, i) : t, s = e.length - 1, r; s >= 0; s--)
+var Ai = Object.defineProperty, Ti = Object.getOwnPropertyDescriptor, O = (e, t, i, n) => {
+  for (var o = n > 1 ? void 0 : n ? Ti(t, i) : t, s = e.length - 1, r; s >= 0; s--)
     (r = e[s]) && (o = (n ? r(t, i, o) : r(o)) || o);
-  return n && o && Ti(t, i, o), o;
+  return n && o && Ai(t, i, o), o;
 };
 const Ri = "showPopover" in document.createElement("div");
-let ft = Ae(rt);
+let ft = Te(rt);
 ft = Ri ? Le(ft) : Re(ft);
 var I;
 const P = (I = class extends ft {
@@ -2638,7 +2635,7 @@ const P = (I = class extends ft {
     var t;
     (t = this.strategy) == null || t.releaseDescription(), this.open = !1, super.disconnectedCallback();
   }
-}, I.styles = [ue(Fe)], I.openCount = 1, I);
+}, I.styles = [pe(Fe)], I.openCount = 1, I);
 O([
   z({ type: Boolean })
 ], P.prototype, "delayed", 1);
@@ -2649,7 +2646,7 @@ O([
   z({ type: Boolean })
 ], P.prototype, "disabled", 1);
 O([
-  me({
+  fe({
     flatten: !0,
     selector: ':not([slot="longpress-describedby-descriptor"], slot)'
   })
@@ -2670,7 +2667,7 @@ O([
   te("slot")
 ], P.prototype, "slotEl", 2);
 O([
-  fe()
+  me()
 ], P.prototype, "state", 1);
 O([
   z({ type: Number, attribute: "tip-padding" })
@@ -2708,6 +2705,6 @@ export {
   kt as g,
   J as n,
   mt as o,
-  Ii as p,
+  Bi as p,
   Oi as s
 };

package/components/{pending-state-DHXuiejX.js → pending-state-B_JeaE62.js}

@@ -15,8 +15,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { html as s } from "lit";
-import "./progress-circle-BT2qW7LK.js";
+import { x as s } from "./base-CCsOyfm4.js";
+import "./progress-circle-CUCJ_Ehs.js";
 class o {
   /**
    * Creates an instance of PendingStateController.

package/components/{pending-state-BHCOneQ7.cjs → pending-state-DWvTsSoS.cjs}

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";const s=require("lit");require("./progress-circle-DTeqfeun.cjs");class r{constructor(e){this.cachedAriaLabel=null,this.host=e,this.host.addController(this)}renderPendingState(){const e=this.host.pendingLabel||"Pending";return this.host.pending?s.html`
+"use strict";const s=require("./base-CaRKlVkL.cjs");require("./progress-circle-BXyXtMcs.cjs");class r{constructor(e){this.cachedAriaLabel=null,this.host=e,this.host.addController(this)}renderPendingState(){const e=this.host.pendingLabel||"Pending";return this.host.pending?s.x`
           <luzmo-progress-circle
             id="loader"
             size="s"
@@ -23,4 +23,4 @@
             aria-valuetext=${e}
             class="progress-circle"
           ></luzmo-progress-circle>
-        `:s.html``}updateAriaLabel(){const{pending:e,disabled:t,pendingLabel:i}=this.host,a=this.host.getAttribute("aria-label");e&&!t&&a!==i?(this.cachedAriaLabel=a,this.host.setAttribute("aria-label",i||"Pending")):(!e||t)&&(this.cachedAriaLabel?this.host.setAttribute("aria-label",this.cachedAriaLabel):e||this.host.removeAttribute("aria-label"))}hostConnected(){this.cachedAriaLabel||(this.cachedAriaLabel=this.host.getAttribute("aria-label")),this.updateAriaLabel()}hostUpdated(){this.updateAriaLabel()}}exports.PendingStateController=r;
+        `:s.x``}updateAriaLabel(){const{pending:e,disabled:t,pendingLabel:i}=this.host,a=this.host.getAttribute("aria-label");e&&!t&&a!==i?(this.cachedAriaLabel=a,this.host.setAttribute("aria-label",i||"Pending")):(!e||t)&&(this.cachedAriaLabel?this.host.setAttribute("aria-label",this.cachedAriaLabel):e||this.host.removeAttribute("aria-label"))}hostConnected(){this.cachedAriaLabel||(this.cachedAriaLabel=this.host.getAttribute("aria-label")),this.updateAriaLabel()}hostUpdated(){this.updateAriaLabel()}}exports.PendingStateController=r;

package/components/picker/index.cjs

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../picker-CLKdhX0B.cjs");customElements.get("luzmo-picker")||customElements.define("luzmo-picker",e.LuzmoPicker);exports.DESCRIPTION_ID=e.DESCRIPTION_ID;exports.LuzmoPicker=e.LuzmoPicker;exports.LuzmoPickerBase=e.LuzmoPickerBase;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../picker-CaC1rQOK.cjs");customElements.get("luzmo-picker")||customElements.define("luzmo-picker",e.LuzmoPicker);exports.DESCRIPTION_ID=e.DESCRIPTION_ID;exports.LuzmoPicker=e.LuzmoPicker;exports.LuzmoPickerBase=e.LuzmoPickerBase;

package/components/picker/index.js

@@ -15,8 +15,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { a as r } from "../picker-ChtCbFLB.js";
-import { D as c, L as z } from "../picker-ChtCbFLB.js";
+import { a as r } from "../picker-DwbcFve2.js";
+import { D as c, L as z } from "../picker-DwbcFve2.js";
 const l = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");