@koide-labs/ui 0.1.3 → 0.1.4

package/dist/components/number-input/number-input.js

@@ -6,7 +6,7 @@ import { Text as kt } from "../text/text.js";
 import { Input as Wt } from "../input/input.js";
 import { View as Ht } from "../view/view.js";
 import { IconButton as tt } from "../icon-button/icon-button.js";
-import { S as Gt } from "../../separator-DgY7BjjO.js";
+import { S as Gt } from "../../separator-Or-BDQYZ.js";
 import { u as Bt } from "../../useControlled-Du4sJyMj.js";
 import { u as de } from "../../useStableCallback-DKZHlUAT.js";
 import { T as $t, u as Ke } from "../../useTimeout-BNni6aw5.js";
@@ -106,7 +106,7 @@ function Se(n, r, t) {
   } = Je(p, t), R = ke(p, t).formatToParts(1).filter((c) => c.type === "unit").map((c) => Le(c.value)), K = R.length ? new RegExp(R.join("|"), "g") : null;
   let G = null;
   m && (new RegExp("\\p{Zs}", "u").test(m) ? G = new RegExp("\\p{Zs}", "gu") : m === "'" || m === "’" ? G = /['’]/g : G = new RegExp(Le(m), "g"));
-  let w = [
+  let F = [
     {
       regex: m ? G : null,
       replacement: ""
@@ -167,10 +167,10 @@ function Se(n, r, t) {
     regex: W,
     replacement: x
   }) => W ? c.replace(W, x) : c, s);
-  const O = w.lastIndexOf(".");
-  if (O !== -1 && (w = `${w.slice(0, O).replace(/\./g, "")}.${w.slice(O + 1).replace(/\./g, "")}`), /^[-+]?Infinity$/i.test(s) || /[∞]/.test(s))
+  const O = F.lastIndexOf(".");
+  if (O !== -1 && (F = `${F.slice(0, O).replace(/\./g, "")}.${F.slice(O + 1).replace(/\./g, "")}`), /^[-+]?Infinity$/i.test(s) || /[∞]/.test(s))
     return null;
-  const q = (a ? "-" : "") + w;
+  const q = (a ? "-" : "") + F;
   let V = parseFloat(q);
   const g = t?.style, d = g === "unit" && t?.unit === "percent", k = Nn.test(n) || g === "percent";
   return Sn.test(n) ? V /= 1e3 : !d && k && (V /= 100), Number.isNaN(V) ? null : V;
@@ -183,7 +183,7 @@ function Vn(n) {
     minimumFractionDigits: t
   };
 }
-function Fn(n, r) {
+function wn(n, r) {
   if (!Number.isFinite(n))
     return n;
   const t = Math.min(Math.max(r, 0), 20);
@@ -193,9 +193,9 @@ function $e(n, r) {
   const {
     maximumFractionDigits: t
   } = Vn(r);
-  return Fn(n, t);
+  return wn(n, t);
 }
-function wn(n, r, t, s = "directional") {
+function Fn(n, r, t, s = "directional") {
   if (t === 0)
     return n;
   const a = Math.abs(t), f = Math.sign(t), S = a * Dn * f, p = s === "nearest" ? t : a, m = (n - r + S) / p;
@@ -219,7 +219,7 @@ function Mn(n, {
       return $e(m, f);
     let _ = a;
     !p && t !== Number.MIN_SAFE_INTEGER && (_ = t);
-    const b = wn(m, _, r, p ? "nearest" : "directional");
+    const b = Fn(m, _, r, p ? "nearest" : "directional");
     return $e(b, f);
   }
   return $e(m, f);
@@ -238,7 +238,7 @@ const It = /* @__PURE__ */ o.forwardRef(function(r, t) {
     name: K,
     defaultValue: G,
     value: h,
-    onValueChange: w,
+    onValueChange: F,
     onValueCommitted: O,
     allowWheelScrub: q = !1,
     snapOnStep: V = !1,
@@ -269,21 +269,21 @@ const It = /* @__PURE__ */ o.forwardRef(function(r, t) {
   Ge(() => {
     z(l !== null);
   }, [z, l]);
-  const te = ln(), ie = nt(g), re = o.useRef(!1), ue = de((F, E) => {
-    re.current = !1, O?.(F, E);
-  }), fe = Ke(), ge = fn(), he = Ke(), Ve = o.useRef(!1), Fe = o.useRef(0), me = o.useRef(!0), Ee = o.useRef(null), pe = o.useRef(() => {
-  }), [D, le] = o.useState(() => h !== void 0 ? lt(l, d, g) : Te(l, d, g)), [we, wt] = o.useState("numeric"), Qe = de(() => {
+  const te = ln(), ie = nt(g), re = o.useRef(!1), ue = de((w, E) => {
+    re.current = !1, O?.(w, E);
+  }), fe = Ke(), ge = fn(), he = Ke(), Ve = o.useRef(!1), we = o.useRef(0), me = o.useRef(!0), Ee = o.useRef(null), pe = o.useRef(() => {
+  }), [D, le] = o.useState(() => h !== void 0 ? lt(l, d, g) : Te(l, d, g)), [Fe, Ft] = o.useState("numeric"), Qe = de(() => {
     const {
-      decimal: F,
+      decimal: w,
       group: E,
       currency: B,
       literal: $
     } = Je(d, g), C = /* @__PURE__ */ new Set();
-    _n.forEach((ne) => C.add(ne)), F && C.add(F), E && (C.add(E), ct.test(E) && C.add(" "));
+    _n.forEach((ne) => C.add(ne)), w && C.add(w), E && (C.add(E), ct.test(E) && C.add(" "));
     const ae = A === "percent" || A === "unit" && g?.unit === "percent", Ie = A === "percent" || A === "unit" && g?.unit === "permille";
     return ae && ht.forEach((ne) => C.add(ne)), Ie && Et.forEach((ne) => C.add(ne)), A === "currency" && B && C.add(B), $ && (Array.from($).forEach((ne) => C.add(ne)), ct.test($) && C.add(" ")), xn.forEach((ne) => C.add(ne)), y < 0 && yn.forEach((ne) => C.add(ne)), C;
-  }), be = de((F) => F?.altKey ? S : F?.shiftKey ? m : p), Me = de((F, E) => {
-    const B = E.event, $ = E.direction, C = Mn(F, {
+  }), be = de((w) => w?.altKey ? S : w?.shiftKey ? m : p), Me = de((w, E) => {
+    const B = E.event, $ = E.direction, C = Mn(w, {
       step: $ ? be(B) * $ : void 0,
       format: ie.current,
       minWithDefault: y,
@@ -292,25 +292,25 @@ const It = /* @__PURE__ */ o.forwardRef(function(r, t) {
       snapOnStep: V,
       small: B?.altKey ?? !1
     });
-    if (C !== l || F !== l || me.current === !1) {
-      if (Ee.current = C, w?.(C, E), E.isCanceled)
+    if (C !== l || w !== l || me.current === !1) {
+      if (Ee.current = C, F?.(C, E), E.isCanceled)
         return;
       J(C), x(C !== H.initialValue), re.current = !0;
     }
     me.current && le(Te(C, d, g)), te();
-  }), Ce = de((F, {
+  }), Ce = de((w, {
     direction: E,
     currentValue: B,
     event: $,
     reason: C
   }) => {
-    const ae = B ?? oe.current, Ie = typeof ae == "number" ? ae + F * E : Math.max(0, a ?? 0);
+    const ae = B ?? oe.current, Ie = typeof ae == "number" ? ae + w * E : Math.max(0, a ?? 0);
     Me(Ie, ce(C, $, void 0, {
       direction: E
     }));
   }), Re = de(() => {
-    he.clear(), fe.clear(), ge.clear(), pe.current(), Fe.current = 0;
-  }), et = de((F, E) => {
+    he.clear(), fe.clear(), ge.clear(), pe.current(), we.current = 0;
+  }), et = de((w, E) => {
     if (Re(), !e.current)
       return;
     const B = We(e.current);
@@ -322,16 +322,16 @@ const It = /* @__PURE__ */ o.forwardRef(function(r, t) {
     }, B.addEventListener("pointerup", (ae) => {
       Ve.current = !1, Re();
       const Ie = Ee.current ?? oe.current;
-      ue(Ie, _e(F ? "increment" : "decrement", ae));
+      ue(Ie, _e(w ? "increment" : "decrement", ae));
     }, {
       once: !0
     });
     function C() {
       const ae = be(E) ?? Pe;
       Ce(ae, {
-        direction: F ? 1 : -1,
+        direction: w ? 1 : -1,
         event: E,
-        reason: F ? "increment-press" : "decrement-press"
+        reason: w ? "increment-press" : "decrement-press"
       });
     }
     C(), fe.start(An, () => {
@@ -347,7 +347,7 @@ const It = /* @__PURE__ */ o.forwardRef(function(r, t) {
     if (!Xt)
       return;
     let E = "text";
-    y >= 0 && (E = "decimal"), wt(E);
+    y >= 0 && (E = "decimal"), Ft(E);
   }, [y, A]), o.useEffect(() => () => Re(), [Re]), o.useEffect(function() {
     const E = e.current;
     if (I || R || !q || !E)
@@ -399,11 +399,11 @@ const It = /* @__PURE__ */ o.forwardRef(function(r, t) {
     hasPendingCommitRef: re,
     isPressedRef: Ve,
     intentionalTouchCheckTimeout: he,
-    movesAfterTouchRef: Fe,
+    movesAfterTouchRef: we,
     name: X,
     required: _,
     invalid: v,
-    inputMode: we,
+    inputMode: Fe,
     getAllowedNonNumericKeys: Qe,
     min: a,
     max: f,
@@ -413,7 +413,7 @@ const It = /* @__PURE__ */ o.forwardRef(function(r, t) {
     setIsScrubbing: N,
     state: He,
     onValueCommitted: ue
-  }), [e, D, l, et, Re, y, L, I, R, T, Me, Ce, be, ie, oe, he, X, _, v, we, Qe, a, f, le, d, M, He, ue]), Lt = xe("div", r, {
+  }), [e, D, l, et, Re, y, L, I, R, T, Me, Ce, be, ie, oe, he, X, _, v, Fe, Qe, a, f, le, d, M, He, ue]), Lt = xe("div", r, {
     ref: t,
     state: He,
     props: W,
@@ -423,10 +423,10 @@ const It = /* @__PURE__ */ o.forwardRef(function(r, t) {
     value: Mt,
     children: [Lt, /* @__PURE__ */ se("input", {
       ...ee.getInputValidationProps({
-        onChange(F) {
-          if (F.nativeEvent.defaultPrevented)
+        onChange(w) {
+          if (w.nativeEvent.defaultPrevented)
             return;
-          const E = F.currentTarget.valueAsNumber, B = Number.isNaN(E) ? null : E, $ = ce(on, F.nativeEvent);
+          const E = w.currentTarget.valueAsNumber, B = Number.isNaN(E) ? null : E, $ = ce(on, w.nativeEvent);
           x(B !== H.initialValue), Me(B, $), i() && ee.commit(B);
         }
       }),
@@ -483,7 +483,7 @@ function vt(n) {
     locale: K,
     maxWithDefault: G,
     minWithDefault: h,
-    movesAfterTouchRef: w,
+    movesAfterTouchRef: F,
     readOnly: O,
     setValue: q,
     startAutoChange: V,
@@ -543,8 +543,8 @@ function vt(n) {
         x: i.clientX,
         y: i.clientY
       }, U(i.nativeEvent), i.pointerType !== "touch" ? (i.preventDefault(), p.current?.focus(), V(b, i)) : _.start(vn, () => {
-        const M = w.current;
-        w.current = 0, R.current && M != null && M < Tn ? (V(b, i), H.current = !0) : (H.current = !1, g());
+        const M = F.current;
+        F.current = 0, R.current && M != null && M < Tn ? (V(b, i), H.current = !0) : (H.current = !1, g());
       }));
     },
     onPointerUp(i) {
@@ -553,7 +553,7 @@ function vt(n) {
     onPointerMove(i) {
       if (t || O || (b ? v : z) || i.pointerType !== "touch" || !R.current)
         return;
-      w.current != null && (w.current += 1);
+      F.current != null && (F.current += 1);
       const {
         x: X,
         y: M
@@ -587,7 +587,7 @@ const Tt = /* @__PURE__ */ o.forwardRef(function(r, t) {
     id: K,
     incrementValue: G,
     inputRef: h,
-    inputValue: w,
+    inputValue: F,
     intentionalTouchCheckTimeout: O,
     isPressedRef: q,
     locale: V,
@@ -611,7 +611,7 @@ const Tt = /* @__PURE__ */ o.forwardRef(function(r, t) {
     minWithDefault: d,
     maxWithDefault: g,
     value: j,
-    inputValue: w,
+    inputValue: F,
     disabled: U,
     readOnly: Y,
     id: K,
@@ -660,7 +660,7 @@ const Pt = /* @__PURE__ */ o.forwardRef(function(r, t) {
     id: K,
     incrementValue: G,
     inputRef: h,
-    inputValue: w,
+    inputValue: F,
     intentionalTouchCheckTimeout: O,
     isPressedRef: q,
     maxWithDefault: V,
@@ -684,7 +684,7 @@ const Pt = /* @__PURE__ */ o.forwardRef(function(r, t) {
     minWithDefault: g,
     maxWithDefault: V,
     value: H,
-    inputValue: w,
+    inputValue: F,
     disabled: U,
     readOnly: k,
     id: K,
@@ -736,7 +736,7 @@ const Ln = {
     incrementValue: K,
     inputMode: G,
     inputValue: h,
-    max: w,
+    max: F,
     min: O,
     name: q,
     readOnly: V,
@@ -869,16 +869,16 @@ const Ln = {
         }
         [J, l, oe].forEach((D) => {
           if (e.key === D) {
-            const le = h.indexOf(D), we = ue(le);
-            P = !h.includes(D) || re || we;
+            const le = h.indexOf(D), Fe = ue(le);
+            P = !h.includes(D) || re || Fe;
           }
         });
-        const fe = e.key >= "0" && e.key <= "9", ge = je.test(e.key), he = ze.test(e.key), Ve = at.test(e.key), Fe = On.has(e.key);
+        const fe = e.key >= "0" && e.key <= "9", ge = je.test(e.key), he = ze.test(e.key), Ve = at.test(e.key), we = On.has(e.key);
         if (
           // Allow composition events (e.g., pinyin)
           // event.nativeEvent.isComposing does not work in Safari:
           // https://bugs.webkit.org/show_bug.cgi?id=165004
-          e.which === 229 || e.altKey || e.ctrlKey || e.metaKey || P || fe || ge || Ve || he || Fe
+          e.which === 229 || e.altKey || e.ctrlKey || e.metaKey || P || fe || ge || Ve || he || we
         )
           return;
         const me = Se(h, c, m.current), Ee = b(e) ?? Pe;
@@ -894,7 +894,7 @@ const Ln = {
           currentValue: me,
           event: u,
           reason: Ae
-        }), H(j.current ?? v.current, pe)) : e.key === "Home" && O != null ? (d(O, ce(Ae, u)), H(j.current ?? v.current, pe)) : e.key === "End" && w != null && (d(w, ce(Ae, u)), H(j.current ?? v.current, pe));
+        }), H(j.current ?? v.current, pe)) : e.key === "Home" && O != null ? (d(O, ce(Ae, u)), H(j.current ?? v.current, pe)) : e.key === "End" && F != null && (d(F, ce(Ae, u)), H(j.current ?? v.current, pe));
       },
       onPaste(e) {
         if (e.defaultPrevented || V || p)
@@ -944,7 +944,7 @@ function kn(n, r) {
     t.removeEventListener("resize", s);
   };
 }
-const Ft = /* @__PURE__ */ o.forwardRef(function(r, t) {
+const wt = /* @__PURE__ */ o.forwardRef(function(r, t) {
   const {
     render: s,
     className: a,
@@ -959,7 +959,7 @@ const Ft = /* @__PURE__ */ o.forwardRef(function(r, t) {
     readOnly: K,
     inputRef: G,
     incrementValue: h,
-    getStepAmount: w,
+    getStepAmount: F,
     onValueCommitted: O,
     lastChangedValueRef: q,
     valueRef: V
@@ -1027,7 +1027,7 @@ const Ft = /* @__PURE__ */ o.forwardRef(function(r, t) {
       } = e;
       if (y += f === "vertical" ? T : u, Math.abs(y) >= S) {
         y = 0;
-        const P = f === "vertical" ? -T : u, J = w(e) ?? Pe, l = P * J;
+        const P = f === "vertical" ? -T : u, J = F(e) ?? Pe, l = P * J;
         l !== 0 && h(Math.abs(l), {
           direction: l >= 0 ? 1 : -1,
           event: e,
@@ -1039,7 +1039,7 @@ const Ft = /* @__PURE__ */ o.forwardRef(function(r, t) {
     return A.addEventListener("pointerup", L, !0), A.addEventListener("pointermove", Z, !0), () => {
       W.clear(), A.removeEventListener("pointerup", L, !0), A.removeEventListener("pointermove", Z, !0);
     };
-  }, [R, K, h, v, w, G, i, ee, f, S, q, O, V, W]), o.useEffect(function() {
+  }, [R, K, h, v, F, G, i, ee, f, S, q, O, V, W]), o.useEffect(function() {
     const y = g.current;
     if (!y || R || K)
       return;
@@ -1093,14 +1093,14 @@ const Ft = /* @__PURE__ */ o.forwardRef(function(r, t) {
     children: X
   });
 });
-process.env.NODE_ENV !== "production" && (Ft.displayName = "NumberFieldScrubArea");
+process.env.NODE_ENV !== "production" && (wt.displayName = "NumberFieldScrubArea");
 const Ne = {
-  "number-input__root": "_number-input__root_l4882_2",
-  "number-input": "_number-input_l4882_2",
-  "number-input__scrub-area": "_number-input__scrub-area_l4882_20",
-  "number-input__group": "_number-input__group_l4882_25",
-  "number-input__controls": "_number-input__controls_l4882_29",
-  "number-input__separator": "_number-input__separator_l4882_40"
+  "number-input__root": "_number-input__root_w22lt_3",
+  "number-input": "_number-input_w22lt_3",
+  "number-input__scrub-area": "_number-input__scrub-area_w22lt_21",
+  "number-input__group": "_number-input__group_w22lt_26",
+  "number-input__controls": "_number-input__controls_w22lt_30",
+  "number-input__separator": "_number-input__separator_w22lt_41"
 };
 function pr({
   label: n,
@@ -1118,7 +1118,7 @@ function pr({
       id: f,
       className: Ne["number-input__root"],
       children: [
-        n ? /* @__PURE__ */ se(Ft, { className: Ne["number-input__scrub-area"], children: /* @__PURE__ */ se("label", { htmlFor: f, children: /* @__PURE__ */ se(kt, { color: "dimmer", children: n }) }) }) : null,
+        n ? /* @__PURE__ */ se(wt, { className: Ne["number-input__scrub-area"], children: /* @__PURE__ */ se("label", { htmlFor: f, children: /* @__PURE__ */ se(kt, { color: "dimmer", children: n }) }) }) : null,
         /* @__PURE__ */ Ue(At, { className: Ne["number-input__group"], children: [
           /* @__PURE__ */ se(
             Wt,

package/dist/components/password-input/password-input.js

@@ -1,16 +1,16 @@
 import { jsxs as n, jsx as s } from "react/jsx-runtime";
 import { useState as i } from "react";
-import { View as a } from "../view/view.js";
-import { Input as _ } from "../input/input.js";
+import { View as _ } from "../view/view.js";
+import { Input as a } from "../input/input.js";
 import { IconButton as u } from "../icon-button/icon-button.js";
 import '../../password-input.css';const t = {
-  "password-input__root": "_password-input__root_e2au8_2",
-  "password-input__eye": "_password-input__eye_e2au8_6"
+  "password-input__root": "_password-input__root_1eu2u_3",
+  "password-input__eye": "_password-input__eye_1eu2u_7"
 };
 function y(e) {
   const [o, r] = i(!1);
-  return /* @__PURE__ */ n(a, { className: t["password-input__root"], children: [
-    /* @__PURE__ */ s(_, { type: o ? "text" : "password", ...e }),
+  return /* @__PURE__ */ n(_, { className: t["password-input__root"], children: [
+    /* @__PURE__ */ s(a, { type: o ? "text" : "password", ...e }),
     /* @__PURE__ */ s(
       u,
       {

package/dist/components/pill/pill.js

@@ -2,17 +2,17 @@ import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { c as m } from "../../clsx-OuTLNxxd.js";
 import { textify as s } from "../../-utils.js";
 import { View as e } from "../view/view.js";
-import { Icon as t } from "../icon/icon.js";
-import '../../pill.css';const f = "_pill_7qdwk_2", a = "_pill_icon_left_7qdwk_17", x = "_pill_icon_right_7qdwk_21", _ = {
+import { Icon as p } from "../icon/icon.js";
+import '../../pill.css';const f = "_pill_17k7p_3", a = "_pill_icon_left_17k7p_18", x = "_pill_icon_right_17k7p_22", _ = {
   pill: f,
   pill_icon_left: a,
   pill_icon_right: x
 };
-function q({
+function y({
   leftIcon: l,
   rightIcon: i,
-  className: n,
-  children: p,
+  className: t,
+  children: n,
   ...r
 }) {
   return /* @__PURE__ */ c(
@@ -22,17 +22,17 @@ function q({
         _.pill,
         l && _.pill_icon_left,
         i && _.pill_icon_right,
-        n
+        t
       ),
       ...r,
       children: [
-        l ? /* @__PURE__ */ o(t, { name: l }) : null,
-        s(p, { color: "inherit" }),
-        i ? /* @__PURE__ */ o(t, { name: i }) : null
+        l ? /* @__PURE__ */ o(p, { name: l }) : null,
+        s(n, { color: "inherit" }),
+        i ? /* @__PURE__ */ o(p, { name: i }) : null
       ]
     }
   );
 }
 export {
-  q as Pill
+  y as Pill
 };

package/dist/components/popover/popover.js

@@ -1,30 +1,30 @@
 import { jsx as u, jsxs as Y } from "react/jsx-runtime";
 import { c as Re } from "../../clsx-OuTLNxxd.js";
-import { u as be, t as ae, T as Se } from "../../tooltip-BJQPwudf.js";
-import { R as ye, P as Oe, c as x, h as Ie, d as xe, e as de, u as Ne, i as Me, f as Fe, j as ke, k as _e, p as ee, t as we } from "../../transitions.module-D9mMAtfI.js";
+import { u as be, t as ae, T as Se } from "../../tooltip-JPnUwFFR.js";
+import { R as ye, P as Oe, c as x, h as Ie, d as xe, e as de, u as Ne, i as Me, f as Fe, j as we, k as _e, p as ee, t as ke } from "../../transitions.module-SSNmQfsR.js";
 import { View as Ae } from "../view/view.js";
 import { Heading as De } from "../heading/heading.js";
 import { Text as He } from "../text/text.js";
 import { Surface as Ve } from "../surface/surface.js";
 import * as n from "react";
-import { u as Be, a as Le, b as Ue, I as Ge, F as Ke } from "../../InternalBackdrop-BSMKU-hc.js";
+import { u as Be, a as Le, b as Ue, I as Ge, F as Ke } from "../../InternalBackdrop-DDLgWc7D.js";
 import { f as q } from "../../formatErrorMessage-BqPuTBN-.js";
 import * as Q from "react-dom";
 import { T as je } from "../../useTimeout-BNni6aw5.js";
 import { a as ze, u as K } from "../../useRenderElement-DngNDu_P.js";
 import { u as Ye } from "../../useOnMount-VRW6CK2u.js";
 import { j as We, C as qe, k as Je, i as Qe, l as Xe, b as Ze, F as ce, h as $e, P as et } from "../../FloatingPortal-BQsQhvIr.js";
-import { p as tt, c as ot, u as nt, a as st, b as rt, d as it } from "../../useSyncedFloatingRootContext-BB1vwkV-.js";
+import { p as tt, c as ot, u as nt, a as st, b as rt, d as it } from "../../useSyncedFloatingRootContext-CaohymZI.js";
 import { t as J, a as X, e as at, f as Z, c as $, i as ct } from "../../createBaseUIEventDetails-CCSfZ2vM.js";
-import { u as pt } from "../../useRole-BD3OL1rr.js";
+import { u as pt } from "../../useRole-D1k7CnHQ.js";
 import { u as pe } from "../../useStableCallback-DKZHlUAT.js";
 import { u as ut } from "../../useButton-d3_JgBNr.js";
 import { u as te } from "../../useBaseUiId-B7WyxtIE.js";
-import { a as lt, s as dt, b as ft } from "../../safePolygon-DnkzOIur.js";
+import { a as lt, s as dt, b as ft } from "../../safePolygon-lAEp2rci.js";
 import { f as mt } from "../../element-u5WgOZX1.js";
 import { i as gt } from "../../inertValue-BTpPjX30.js";
 import { u as oe } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
-import { a as vt, b as ht, g as fe } from "../../getDisabledMountTransitionStyles-E2x-_lte.js";
+import { a as vt, b as ht, g as fe } from "../../getDisabledMountTransitionStyles-CyEI2117.js";
 import { a as Pt, u as Et, t as Ct } from "../../useOpenChangeComplete-BHd-N7Ig.js";
 import { i as Tt } from "../../floating-ui.utils.dom-cbi420Pg.js";
 import { u as Rt } from "../../DirectionContext-C2o_MF_i.js";
@@ -177,10 +177,10 @@ function ue({
       touch: "sloppy"
     }
   }), C = pt(O), {
-    getReferenceProps: w,
-    getFloatingProps: k,
+    getReferenceProps: k,
+    getFloatingProps: w,
     getTriggerProps: b
-  } = de([I, C]), B = n.useMemo(() => w(h), [w, h]), A = n.useMemo(() => b(h), [b, h]), L = n.useMemo(() => k(), [k]);
+  } = de([I, C]), B = n.useMemo(() => k(h), [k, h]), A = n.useMemo(() => b(h), [b, h]), L = n.useMemo(() => w(), [w]);
   r.useSyncedValues({
     modal: a,
     openMethod: p,
@@ -233,8 +233,8 @@ const xt = 300, me = /* @__PURE__ */ n.forwardRef(function(s, o) {
     disabled: i,
     openOnHover: m,
     closeDelay: v
-  }), C = p.useState("openChangeReason"), w = p.useState("stickIfOpen"), k = p.useState("openMethod"), b = lt(c, {
-    enabled: c != null && m && (k !== "touch" || C !== X),
+  }), C = p.useState("openChangeReason"), k = p.useState("stickIfOpen"), w = p.useState("openMethod"), b = lt(c, {
+    enabled: c != null && m && (w !== "touch" || C !== X),
     mouseOnly: !0,
     move: !1,
     handleClose: dt(),
@@ -246,7 +246,7 @@ const xt = 300, me = /* @__PURE__ */ n.forwardRef(function(s, o) {
     isActiveTrigger: _
   }), B = Ue(c, {
     enabled: c != null,
-    stickIfOpen: w
+    stickIfOpen: k
   }), A = de([B]), L = p.useState("triggerProps", I), D = n.useMemo(() => ({
     disabled: i,
     open: F
@@ -356,7 +356,7 @@ const he = /* @__PURE__ */ n.forwardRef(function(s, o) {
     ..._
   } = s, {
     store: c
-  } = V(), F = Nt(), E = ke(), O = c.useState("floatingRootContext"), I = c.useState("mounted"), C = c.useState("open"), w = c.useState("openChangeReason"), k = c.useState("activeTriggerElement"), b = c.useState("modal"), B = c.useState("positionerElement"), A = c.useState("instantType"), L = c.useState("transitionStatus"), D = n.useRef(null), H = Pt(B, !1, !1), S = vt({
+  } = V(), F = Nt(), E = we(), O = c.useState("floatingRootContext"), I = c.useState("mounted"), C = c.useState("open"), k = c.useState("openChangeReason"), w = c.useState("activeTriggerElement"), b = c.useState("modal"), B = c.useState("positionerElement"), A = c.useState("instantType"), L = c.useState("transitionStatus"), D = n.useRef(null), H = Pt(B, !1, !1), S = vt({
     anchor: i,
     floatingRootContext: O,
     positionMethod: a,
@@ -416,10 +416,10 @@ const he = /* @__PURE__ */ n.forwardRef(function(s, o) {
   });
   return /* @__PURE__ */ Y(ie.Provider, {
     value: T,
-    children: [I && b === !0 && w !== J && /* @__PURE__ */ u(Ge, {
+    children: [I && b === !0 && k !== J && /* @__PURE__ */ u(Ge, {
       ref: c.context.internalBackdropRef,
       inert: gt(!C),
-      cutout: k
+      cutout: w
     }), /* @__PURE__ */ u(_e, {
       id: E,
       children: d
@@ -439,7 +439,7 @@ const Mt = {
     ...l
   } = s, {
     store: e
-  } = V(), m = ve(), r = St() != null, v = Rt(), R = e.useState("open"), N = e.useState("openMethod"), M = e.useState("instantType"), p = e.useState("transitionStatus"), h = e.useState("popupProps"), _ = e.useState("titleElementId"), c = e.useState("descriptionElementId"), F = e.useState("modal"), E = e.useState("mounted"), O = e.useState("openChangeReason"), I = e.useState("popupElement"), C = e.useState("payload"), w = e.useState("positionerElement"), k = e.useState("activeTriggerElement"), b = e.useState("floatingRootContext");
+  } = V(), m = ve(), r = St() != null, v = Rt(), R = e.useState("open"), N = e.useState("openMethod"), M = e.useState("instantType"), p = e.useState("transitionStatus"), h = e.useState("popupProps"), _ = e.useState("titleElementId"), c = e.useState("descriptionElementId"), F = e.useState("modal"), E = e.useState("mounted"), O = e.useState("openChangeReason"), I = e.useState("popupElement"), C = e.useState("payload"), k = e.useState("positionerElement"), w = e.useState("activeTriggerElement"), b = e.useState("floatingRootContext");
   Et({
     open: R,
     ref: e.context.popupRef,
@@ -476,7 +476,7 @@ const Mt = {
   const j = n.useCallback(() => e.context.triggerElements.size > 1, [e]);
   be({
     popupElement: I,
-    positionerElement: w,
+    positionerElement: k,
     mounted: E,
     content: C,
     enabled: j,
@@ -505,7 +505,7 @@ const Mt = {
     initialFocus: H,
     returnFocus: a,
     restoreFocus: "popup",
-    previousFocusableElement: Tt(k) ? k : void 0,
+    previousFocusableElement: Tt(w) ? w : void 0,
     nextFocusableElement: e.context.triggerFocusTargetRef,
     beforeContentFocusGuardRef: e.context.beforeContentFocusGuardRef,
     children: z
@@ -578,9 +578,9 @@ const Te = /* @__PURE__ */ n.forwardRef(function(s, o) {
   });
 });
 process.env.NODE_ENV !== "production" && (Te.displayName = "PopoverDescription");
-const Ft = "_popover_10gkd_2", kt = "_popover__header_10gkd_7", le = {
+const Ft = "_popover_1b0wf_3", wt = "_popover__header_1b0wf_8", le = {
   popover: Ft,
-  popover__header: kt
+  popover__header: wt
 };
 function po({
   align: t,
@@ -602,7 +602,7 @@ function po({
         className: Re(
           ae.tooltip,
           le.popover,
-          we.transition_scale,
+          ke.transition_scale,
           a
         ),
         children: [

package/dist/components/preview-card/preview-card.js

@@ -1,7 +1,7 @@
 import { jsx as P, jsxs as q } from "react/jsx-runtime";
 import { c as pe } from "../../clsx-OuTLNxxd.js";
-import { t as z, T as fe } from "../../tooltip-BJQPwudf.js";
-import { d as me, e as Pe, f as Ce, p as U, t as ge } from "../../transitions.module-D9mMAtfI.js";
+import { t as z, T as fe } from "../../tooltip-JPnUwFFR.js";
+import { d as me, e as Pe, f as Ce, p as U, t as ge } from "../../transitions.module-SSNmQfsR.js";
 import { Surface as we } from "../surface/surface.js";
 import * as e from "react";
 import * as ve from "react-dom";
@@ -14,8 +14,8 @@ import { c as G, b as L, t as J, a as Ne, e as Oe } from "../../createBaseUIEven
 import { d as Q, f as X, e as xe } from "../../element-u5WgOZX1.js";
 import { u as ee, t as Se } from "../../useOpenChangeComplete-BHd-N7Ig.js";
 import { u as De } from "../../useTransitionStatus-CmMyUh74.js";
-import { u as Me, a as _e, g as be } from "../../getDisabledMountTransitionStyles-E2x-_lte.js";
-import { u as Ve, s as Ae } from "../../safePolygon-DnkzOIur.js";
+import { u as Me, a as _e, g as be } from "../../getDisabledMountTransitionStyles-CyEI2117.js";
+import { u as Ve, s as Ae } from "../../safePolygon-lAEp2rci.js";
 import { u as Te } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
 import { u as A } from "../../useRenderElement-DngNDu_P.js";
 import { F as Ie } from "../../FloatingPortalLite-_ECdFE7b.js";
@@ -352,7 +352,7 @@ const ie = /* @__PURE__ */ e.forwardRef(function(s, u) {
 });
 process.env.NODE_ENV !== "production" && (ie.displayName = "PreviewCardArrow");
 const Be = {
-  "preview-card": "_preview-card_ytbnp_2"
+  "preview-card": "_preview-card_sl62l_3"
 };
 function ct({
   align: t,