@stackable-labs/embeddables 1.32.0 → 1.34.0

package/dist/components.js

@@ -1,6 +1,6 @@
 import { jsx as p, Fragment as et, jsxs as te } from "react/jsx-runtime";
 import * as l from "react";
-import _e, { forwardRef as Jn, createElement as wr, useState as hi, useLayoutEffect as gi } from "react";
+import Ce, { forwardRef as Jn, createElement as wr, useState as hi, useLayoutEffect as gi } from "react";
 import * as zt from "react-dom";
 import vi from "react-dom";
 /**
@@ -744,7 +744,7 @@ const Sc = (e, t) => {
 }, Wc = [], ne = (e) => {
   const t = (r) => r[e] || Wc;
   return t.isThemeGetter = !0, t;
-}, uo = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, fo = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Uc = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Gc = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, jc = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Kc = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Yc = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, qc = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Te = (e) => Uc.test(e), F = (e) => !!e && !Number.isNaN(Number(e)), Ne = (e) => !!e && Number.isInteger(Number(e)), sr = (e) => e.endsWith("%") && F(e.slice(0, -1)), Se = (e) => Gc.test(e), po = () => !0, Xc = (e) => (
+}, uo = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, fo = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Uc = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Gc = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, jc = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Kc = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Yc = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, qc = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ne = (e) => Uc.test(e), F = (e) => !!e && !Number.isNaN(Number(e)), _e = (e) => !!e && Number.isInteger(Number(e)), sr = (e) => e.endsWith("%") && F(e.slice(0, -1)), Se = (e) => Gc.test(e), po = () => !0, Xc = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
@@ -774,13 +774,13 @@ const Sc = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], k = () => [...S(), N, T], R = () => ["auto", "hidden", "clip", "visible", "scroll"], E = () => ["auto", "contain", "none"], C = () => [N, T, c], P = () => [Te, "full", "auto", ...C()], O = () => [Ne, "none", "subgrid", N, T], $ = () => ["auto", {
-    span: ["full", Ne, N, T]
-  }, Ne, N, T], B = () => [Ne, "auto", N, T], G = () => ["auto", "min", "max", "fr", N, T], V = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], Y = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], _ = () => ["auto", ...C()], H = () => [Te, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...C()], D = () => [Te, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...C()], q = () => [Te, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...C()], A = () => [e, N, T], de = () => [...S(), bn, vn, {
+  ], k = () => [...S(), N, T], R = () => ["auto", "hidden", "clip", "visible", "scroll"], E = () => ["auto", "contain", "none"], C = () => [N, T, c], P = () => [Ne, "full", "auto", ...C()], O = () => [_e, "none", "subgrid", N, T], $ = () => ["auto", {
+    span: ["full", _e, N, T]
+  }, _e, N, T], B = () => [_e, "auto", N, T], G = () => ["auto", "min", "max", "fr", N, T], V = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], Y = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], _ = () => ["auto", ...C()], H = () => [Ne, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...C()], D = () => [Ne, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...C()], q = () => [Ne, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...C()], A = () => [e, N, T], de = () => [...S(), bn, vn, {
     position: [N, T]
-  }], Pe = () => ["no-repeat", {
+  }], Ae = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], Ae = () => ["auto", "cover", "contain", al, el, {
+  }], Te = () => ["auto", "cover", "contain", al, el, {
     size: [N, T]
   }], ue = () => [sr, it, Fe], ee = () => [
     // Deprecated since Tailwind CSS v4.0.0
@@ -797,7 +797,7 @@ const Sc = (e, t) => {
     b,
     N,
     T
-  ], j = () => ["none", F, N, T], K = () => ["none", F, N, T], oe = () => [F, N, T], se = () => [Te, "full", ...C()];
+  ], j = () => ["none", F, N, T], K = () => ["none", F, N, T], oe = () => [F, N, T], se = () => [Ne, "full", ...C()];
   return {
     cacheSize: 500,
     theme: {
@@ -830,7 +830,7 @@ const Sc = (e, t) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Te, T, N, v]
+        aspect: ["auto", "square", Ne, T, N, v]
       }],
       /**
        * Container
@@ -1069,7 +1069,7 @@ const Sc = (e, t) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [Ne, "auto", N, T]
+        z: [_e, "auto", N, T]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -1079,7 +1079,7 @@ const Sc = (e, t) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [Te, "full", "auto", i, ...C()]
+        basis: [Ne, "full", "auto", i, ...C()]
       }],
       /**
        * Flex Direction
@@ -1100,7 +1100,7 @@ const Sc = (e, t) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [F, Te, "auto", "initial", "none", T]
+        flex: [F, Ne, "auto", "initial", "none", T]
       }],
       /**
        * Flex Grow
@@ -1121,7 +1121,7 @@ const Sc = (e, t) => {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [Ne, "first", "last", "none", N, T]
+        order: [_e, "first", "last", "none", N, T]
       }],
       /**
        * Grid Template Columns
@@ -1859,14 +1859,14 @@ const Sc = (e, t) => {
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: Pe()
+        bg: Ae()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: Ae()
+        bg: Te()
       }],
       /**
        * Background Image
@@ -1876,9 +1876,9 @@ const Sc = (e, t) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, Ne, N, T],
+          }, _e, N, T],
           radial: ["", N, T],
-          conic: [Ne, N, T]
+          conic: [_e, N, T]
         }, sl, nl]
       }],
       /**
@@ -2564,14 +2564,14 @@ const Sc = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: Pe()
+        mask: Ae()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: Ae()
+        mask: Te()
       }],
       /**
        * Mask Type
@@ -3632,27 +3632,27 @@ function Ao(e) {
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   ), s = (h) => {
-    const { scope: v, children: w } = h, y = _e.useRef(null), x = _e.useRef(/* @__PURE__ */ new Map()).current;
+    const { scope: v, children: w } = h, y = Ce.useRef(null), x = Ce.useRef(/* @__PURE__ */ new Map()).current;
     return /* @__PURE__ */ p(o, { scope: v, itemMap: x, collectionRef: y, children: w });
   };
   s.displayName = t;
-  const i = e + "CollectionSlot", c = /* @__PURE__ */ lt(i), d = _e.forwardRef(
+  const i = e + "CollectionSlot", c = /* @__PURE__ */ lt(i), d = Ce.forwardRef(
     (h, v) => {
       const { scope: w, children: y } = h, x = a(i, w), S = U(v, x.collectionRef);
       return /* @__PURE__ */ p(c, { ref: S, children: y });
     }
   );
   d.displayName = i;
-  const u = e + "CollectionItemSlot", f = "data-radix-collection-item", m = /* @__PURE__ */ lt(u), g = _e.forwardRef(
+  const u = e + "CollectionItemSlot", f = "data-radix-collection-item", m = /* @__PURE__ */ lt(u), g = Ce.forwardRef(
     (h, v) => {
-      const { scope: w, children: y, ...x } = h, S = _e.useRef(null), k = U(v, S), R = a(u, w);
-      return _e.useEffect(() => (R.itemMap.set(S, { ref: S, ...x }), () => void R.itemMap.delete(S))), /* @__PURE__ */ p(m, { [f]: "", ref: k, children: y });
+      const { scope: w, children: y, ...x } = h, S = Ce.useRef(null), k = U(v, S), R = a(u, w);
+      return Ce.useEffect(() => (R.itemMap.set(S, { ref: S, ...x }), () => void R.itemMap.delete(S))), /* @__PURE__ */ p(m, { [f]: "", ref: k, children: y });
     }
   );
   g.displayName = u;
   function b(h) {
     const v = a(e + "CollectionConsumer", h);
-    return _e.useCallback(() => {
+    return Ce.useCallback(() => {
       const y = v.collectionRef.current;
       if (!y) return [];
       const x = Array.from(y.querySelectorAll(`[${f}]`));
@@ -3675,7 +3675,7 @@ function L(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
 }
 var re = globalThis != null && globalThis.document ? l.useLayoutEffect : () => {
 }, Sl = l[" useInsertionEffect ".trim().toString()] || re;
-function Ce({
+function ke({
   prop: e,
   defaultProp: t,
   onChange: r = () => {
@@ -3805,7 +3805,7 @@ var Ft = "Collapsible", [Nl] = ie(Ft), [_l, Hr] = Nl(Ft), To = l.forwardRef(
       disabled: a,
       onOpenChange: s,
       ...i
-    } = e, [c, d] = Ce({
+    } = e, [c, d] = ke({
       prop: n,
       defaultProp: o ?? !1,
       onChange: s,
@@ -4722,7 +4722,7 @@ var Mn;
 function $d() {
   if (Mn) return hr;
   Mn = 1;
-  var e = _e;
+  var e = Ce;
   function t(f, m) {
     return f === m && (f !== 0 || 1 / f === 1 / m) || f !== f && m !== m;
   }
@@ -4876,7 +4876,7 @@ function Zd(e) {
     value: u = "on",
     // @ts-expect-error
     internal_do_not_use_render: f
-  } = e, [m, g] = Ce({
+  } = e, [m, g] = ke({
     prop: r,
     defaultProp: o ?? !1,
     onChange: c,
@@ -5102,10 +5102,10 @@ const Jd = ["top", "right", "bottom", "left"], Me = Math.min, ce = Math.max, Tt
 function kr(e, t, r) {
   return ce(e, Me(t, r));
 }
-function ke(e, t) {
+function Ee(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function Ee(e) {
+function Re(e) {
   return e.split("-")[0];
 }
 function tt(e) {
@@ -5152,11 +5152,11 @@ function au(e, t, r) {
 }
 function su(e, t, r, n) {
   const o = tt(e);
-  let a = au(Ee(e), r === "start", n);
+  let a = au(Re(e), r === "start", n);
   return o && (a = a.map((s) => s + "-" + o), t && (a = a.concat(a.map(Er)))), a;
 }
 function Nt(e) {
-  const t = Ee(e);
+  const t = Re(e);
   return eu[t] + e.slice(t.length);
 }
 function iu(e) {
@@ -5199,7 +5199,7 @@ function Fn(e, t, r) {
     reference: n,
     floating: o
   } = e;
-  const a = be(t), s = qr(t), i = Yr(s), c = Ee(t), d = a === "y", u = n.x + n.width / 2 - o.width / 2, f = n.y + n.height / 2 - o.height / 2, m = n[i] / 2 - o[i] / 2;
+  const a = be(t), s = qr(t), i = Yr(s), c = Re(t), d = a === "y", u = n.x + n.width / 2 - o.width / 2, f = n.y + n.height / 2 - o.height / 2, m = n[i] / 2 - o[i] / 2;
   let g;
   switch (c) {
     case "top":
@@ -5258,7 +5258,7 @@ async function cu(e, t) {
     elementContext: f = "floating",
     altBoundary: m = !1,
     padding: g = 0
-  } = ke(t, e), b = sa(g), v = i[m ? f === "floating" ? "reference" : "floating" : f], w = _t(await a.getClippingRect({
+  } = Ee(t, e), b = sa(g), v = i[m ? f === "floating" ? "reference" : "floating" : f], w = _t(await a.getClippingRect({
     element: (r = await (a.isElement == null ? void 0 : a.isElement(v))) == null || r ? v : v.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(i.floating)),
     boundary: d,
     rootBoundary: u,
@@ -5366,7 +5366,7 @@ const lu = 50, du = async (e, t, r) => {
     } = t, {
       element: d,
       padding: u = 0
-    } = ke(e, t) || {};
+    } = Ee(e, t) || {};
     if (d == null)
       return {};
     const f = sa(u), m = {
@@ -5409,10 +5409,10 @@ const lu = 50, du = async (e, t, r) => {
         fallbackAxisSideDirection: b = "none",
         flipAlignment: h = !0,
         ...v
-      } = ke(e, t);
+      } = Ee(e, t);
       if ((r = a.arrow) != null && r.alignmentOffset)
         return {};
-      const w = Ee(o), y = be(i), x = Ee(i) === i, S = await (c.isRTL == null ? void 0 : c.isRTL(d.floating)), k = m || (x || !h ? [Nt(i)] : ru(i)), R = b !== "none";
+      const w = Re(o), y = be(i), x = Re(i) === i, S = await (c.isRTL == null ? void 0 : c.isRTL(d.floating)), k = m || (x || !h ? [Nt(i)] : ru(i)), R = b !== "none";
       !m && R && k.push(...su(i, h, b, S));
       const E = [i, ...k], C = await c.detectOverflow(t, v), P = [];
       let O = ((n = a.flip) == null ? void 0 : n.overflows) || [];
@@ -5492,7 +5492,7 @@ const pu = function(e) {
       } = t, {
         strategy: o = "referenceHidden",
         ...a
-      } = ke(e, t);
+      } = Ee(e, t);
       switch (o) {
         case "referenceHidden": {
           const s = await n.detectOverflow(t, {
@@ -5529,7 +5529,7 @@ async function mu(e, t) {
     placement: r,
     platform: n,
     elements: o
-  } = e, a = await (n.isRTL == null ? void 0 : n.isRTL(o.floating)), s = Ee(r), i = tt(r), c = be(r) === "y", d = ia.has(s) ? -1 : 1, u = a && c ? -1 : 1, f = ke(t, e);
+  } = e, a = await (n.isRTL == null ? void 0 : n.isRTL(o.floating)), s = Re(r), i = tt(r), c = be(r) === "y", d = ia.has(s) ? -1 : 1, u = a && c ? -1 : 1, f = Ee(t, e);
   let {
     mainAxis: m,
     crossAxis: g,
@@ -5599,10 +5599,10 @@ const hu = function(e) {
           }
         },
         ...d
-      } = ke(e, t), u = {
+      } = Ee(e, t), u = {
         x: r,
         y: n
-      }, f = await a.detectOverflow(t, d), m = be(Ee(o)), g = Kr(m);
+      }, f = await a.detectOverflow(t, d), m = be(Re(o)), g = Kr(m);
       let b = u[g], h = u[m];
       if (s) {
         const w = g === "y" ? "top" : "left", y = g === "y" ? "bottom" : "right", x = b + f[w], S = b - f[y];
@@ -5644,12 +5644,12 @@ const hu = function(e) {
         offset: i = 0,
         mainAxis: c = !0,
         crossAxis: d = !0
-      } = ke(e, t), u = {
+      } = Ee(e, t), u = {
         x: r,
         y: n
       }, f = be(o), m = Kr(f);
       let g = u[m], b = u[f];
-      const h = ke(i, t), v = typeof h == "number" ? {
+      const h = Ee(i, t), v = typeof h == "number" ? {
         mainAxis: h,
         crossAxis: 0
       } : {
@@ -5663,7 +5663,7 @@ const hu = function(e) {
       }
       if (d) {
         var w, y;
-        const x = m === "y" ? "width" : "height", S = ia.has(Ee(o)), k = a.reference[f] - a.floating[x] + (S && ((w = s.offset) == null ? void 0 : w[f]) || 0) + (S ? 0 : v.crossAxis), R = a.reference[f] + a.reference[x] + (S ? 0 : ((y = s.offset) == null ? void 0 : y[f]) || 0) - (S ? v.crossAxis : 0);
+        const x = m === "y" ? "width" : "height", S = ia.has(Re(o)), k = a.reference[f] - a.floating[x] + (S && ((w = s.offset) == null ? void 0 : w[f]) || 0) + (S ? 0 : v.crossAxis), R = a.reference[f] + a.reference[x] + (S ? 0 : ((y = s.offset) == null ? void 0 : y[f]) || 0) - (S ? v.crossAxis : 0);
         b < k ? b = k : b > R && (b = R);
       }
       return {
@@ -5687,7 +5687,7 @@ const hu = function(e) {
         apply: c = () => {
         },
         ...d
-      } = ke(e, t), u = await s.detectOverflow(t, d), f = Ee(o), m = tt(o), g = be(o) === "y", {
+      } = Ee(e, t), u = await s.detectOverflow(t, d), f = Re(o), m = tt(o), g = be(o) === "y", {
         width: b,
         height: h
       } = a.floating;
@@ -5733,7 +5733,7 @@ function ca(e) {
 function me(e) {
   return Ut() ? e instanceof Element || e instanceof le(e).Element : !1;
 }
-function Re(e) {
+function Pe(e) {
   return Ut() ? e instanceof HTMLElement || e instanceof le(e).HTMLElement : !1;
 }
 function Vn(e) {
@@ -5771,7 +5771,7 @@ function Xr(e) {
 }
 function Su(e) {
   let t = Le(e);
-  for (; Re(t) && !Ze(t); ) {
+  for (; Pe(t) && !Ze(t); ) {
     if (Xr(t))
       return t;
     if (Gt(t))
@@ -5812,7 +5812,7 @@ function Le(e) {
 }
 function la(e) {
   const t = Le(e);
-  return Ze(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Re(t) && pt(t) ? t : la(t);
+  return Ze(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Pe(t) && pt(t) ? t : la(t);
 }
 function dt(e, t, r) {
   var n;
@@ -5830,7 +5830,7 @@ function Rr(e) {
 function da(e) {
   const t = he(e);
   let r = parseFloat(t.width) || 0, n = parseFloat(t.height) || 0;
-  const o = Re(e), a = o ? e.offsetWidth : r, s = o ? e.offsetHeight : n, i = Tt(r) !== a || Tt(n) !== s;
+  const o = Pe(e), a = o ? e.offsetWidth : r, s = o ? e.offsetHeight : n, i = Tt(r) !== a || Tt(n) !== s;
   return i && (r = a, n = s), {
     width: r,
     height: n,
@@ -5842,7 +5842,7 @@ function Qr(e) {
 }
 function Xe(e) {
   const t = Qr(e);
-  if (!Re(t))
+  if (!Pe(t))
     return ye(1);
   const r = t.getBoundingClientRect(), {
     width: n,
@@ -5913,7 +5913,7 @@ function Eu(e) {
     scrollLeft: 0,
     scrollTop: 0
   }, d = ye(1);
-  const u = ye(0), f = Re(n);
+  const u = ye(0), f = Pe(n);
   if ((f || !f && !a) && ((rt(n) !== "body" || pt(s)) && (c = jt(n)), f)) {
     const g = Be(n);
     d = Xe(n), u.x = g.x + n.clientLeft, u.y = g.y + n.clientTop;
@@ -5962,7 +5962,7 @@ function Au(e, t) {
   };
 }
 function Tu(e, t) {
-  const r = Be(e, !0, t === "fixed"), n = r.top + e.clientTop, o = r.left + e.clientLeft, a = Re(e) ? Xe(e) : ye(1), s = e.clientWidth * a.x, i = e.clientHeight * a.y, c = o * a.x, d = n * a.y;
+  const r = Be(e, !0, t === "fixed"), n = r.top + e.clientTop, o = r.left + e.clientLeft, a = Pe(e) ? Xe(e) : ye(1), s = e.clientWidth * a.x, i = e.clientHeight * a.y, c = o * a.x, d = n * a.y;
   return {
     width: s,
     height: i,
@@ -6037,7 +6037,7 @@ function Iu(e) {
   };
 }
 function Ou(e, t, r) {
-  const n = Re(t), o = we(t), a = r === "fixed", s = Be(e, !0, a, t);
+  const n = Pe(t), o = we(t), a = r === "fixed", s = Be(e, !0, a, t);
   let i = {
     scrollLeft: 0,
     scrollTop: 0
@@ -6064,7 +6064,7 @@ function vr(e) {
   return he(e).position === "static";
 }
 function Gn(e, t) {
-  if (!Re(e) || he(e).position === "fixed")
+  if (!Pe(e) || he(e).position === "fixed")
     return null;
   if (t)
     return t(e);
@@ -6075,7 +6075,7 @@ function ma(e, t) {
   const r = le(e);
   if (Gt(e))
     return r;
-  if (!Re(e)) {
+  if (!Pe(e)) {
     let o = Le(e);
     for (; o && !Ze(o); ) {
       if (me(o) && !vr(o))
@@ -6516,7 +6516,7 @@ var en = "PopperContent", [sf, cf] = ba(en), Ca = l.forwardRef(
     re(() => {
       H && (de == null || de());
     }, [H, de]);
-    const Pe = (M = D.arrow) == null ? void 0 : M.x, Ae = (Q = D.arrow) == null ? void 0 : Q.y, ue = ((W = D.arrow) == null ? void 0 : W.centerOffset) !== 0, [ee, J] = l.useState();
+    const Ae = (M = D.arrow) == null ? void 0 : M.x, Te = (Q = D.arrow) == null ? void 0 : Q.y, ue = ((W = D.arrow) == null ? void 0 : W.centerOffset) !== 0, [ee, J] = l.useState();
     return re(() => {
       w && J(window.getComputedStyle(w).zIndex);
     }, [w]), /* @__PURE__ */ p(
@@ -6549,8 +6549,8 @@ var en = "PopperContent", [sf, cf] = ba(en), Ca = l.forwardRef(
             scope: r,
             placedSide: q,
             onArrowChange: k,
-            arrowX: Pe,
-            arrowY: Ae,
+            arrowX: Ae,
+            arrowY: Te,
             shouldHideArrow: ue,
             children: /* @__PURE__ */ p(
               I.div,
@@ -6661,7 +6661,7 @@ var vf = l.forwardRef((e, t) => {
     onEntryFocus: d,
     preventScrollOnEntryFocus: u = !1,
     ...f
-  } = e, m = l.useRef(null), g = U(t, m), b = ft(a), [h, v] = Ce({
+  } = e, m = l.useRef(null), g = U(t, m), b = ft(a), [h, v] = ke({
     prop: s,
     defaultProp: i ?? null,
     onChange: c,
@@ -7021,7 +7021,7 @@ var Df = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Xt = "RadioGroup",
       loop: u = !0,
       onValueChange: f,
       ...m
-    } = e, g = qa(r), b = ft(d), [h, v] = Ce({
+    } = e, g = qa(r), b = ft(d), [h, v] = ke({
       prop: a,
       defaultProp: o ?? null,
       onChange: f,
@@ -7642,12 +7642,12 @@ var tp = rs, rp = os, np = ds, op = [" ", "Enter", "ArrowUp", "ArrowDown"], ap =
     disabled: m,
     required: g,
     form: b
-  } = e, h = tr(t), [v, w] = l.useState(null), [y, x] = l.useState(null), [S, k] = l.useState(!1), R = ft(d), [E, C] = Ce({
+  } = e, h = tr(t), [v, w] = l.useState(null), [y, x] = l.useState(null), [S, k] = l.useState(!1), R = ft(d), [E, C] = ke({
     prop: n,
     defaultProp: o ?? !1,
     onChange: a,
     caller: Ve
-  }), [P, O] = Ce({
+  }), [P, O] = ke({
     prop: s,
     defaultProp: i,
     onChange: c,
@@ -7867,13 +7867,13 @@ var pe = 10, [Ss, $e] = nt(We), fp = "SelectContentImpl", pp = /* @__PURE__ */ l
     const [A, de] = $s((M) => {
       const Q = B().filter((j) => !j.disabled), W = Q.find((j) => j.ref.current === document.activeElement), X = Fs(Q, M, W);
       X && setTimeout(() => X.ref.current.focus());
-    }), Pe = l.useCallback(
+    }), Ae = l.useCallback(
       (M, Q, W) => {
         const X = !Y.current && !W;
         (y.value !== void 0 && y.value === Q || X) && (P(M), X && (Y.current = !0));
       },
       [y.value]
-    ), Ae = l.useCallback(() => x == null ? void 0 : x.focus(), [x]), ue = l.useCallback(
+    ), Te = l.useCallback(() => x == null ? void 0 : x.focus(), [x]), ue = l.useCallback(
       (M, Q, W) => {
         const X = !Y.current && !W;
         (y.value !== void 0 && y.value === Q || X) && $(M);
@@ -7898,9 +7898,9 @@ var pe = 10, [Ss, $e] = nt(We), fp = "SelectContentImpl", pp = /* @__PURE__ */ l
         content: x,
         viewport: k,
         onViewportChange: R,
-        itemRefCallback: Pe,
+        itemRefCallback: Ae,
         selectedItem: C,
-        onItemLeave: Ae,
+        onItemLeave: Te,
         itemTextRefCallback: ue,
         focusSelectedItem: H,
         selectedItemText: O,
@@ -7992,14 +7992,14 @@ var mp = "SelectItemAlignedPosition", ks = l.forwardRef((e, t) => {
         ]);
         i.style.minWidth = se + "px", i.style.right = st + "px";
       }
-      const $ = m(), B = window.innerHeight - pe * 2, G = h.scrollHeight, V = window.getComputedStyle(d), Y = parseInt(V.borderTopWidth, 10), _ = parseInt(V.paddingTop, 10), H = parseInt(V.borderBottomWidth, 10), D = parseInt(V.paddingBottom, 10), q = Y + _ + G + D + H, A = Math.min(v.offsetHeight * 5, q), de = window.getComputedStyle(h), Pe = parseInt(de.paddingTop, 10), Ae = parseInt(de.paddingBottom, 10), ue = E.top + E.height / 2 - pe, ee = B - ue, J = v.offsetHeight / 2, M = v.offsetTop + J, Q = Y + _ + M, W = q - Q;
+      const $ = m(), B = window.innerHeight - pe * 2, G = h.scrollHeight, V = window.getComputedStyle(d), Y = parseInt(V.borderTopWidth, 10), _ = parseInt(V.paddingTop, 10), H = parseInt(V.borderBottomWidth, 10), D = parseInt(V.paddingBottom, 10), q = Y + _ + G + D + H, A = Math.min(v.offsetHeight * 5, q), de = window.getComputedStyle(h), Ae = parseInt(de.paddingTop, 10), Te = parseInt(de.paddingBottom, 10), ue = E.top + E.height / 2 - pe, ee = B - ue, J = v.offsetHeight / 2, M = v.offsetTop + J, Q = Y + _ + M, W = q - Q;
       if (Q <= ue) {
         const j = $.length > 0 && v === $[$.length - 1].ref.current;
         i.style.bottom = "0px";
         const K = d.clientHeight - h.offsetTop - h.offsetHeight, oe = Math.max(
           ee,
           J + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (j ? Ae : 0) + K + H
+          (j ? Te : 0) + K + H
         ), se = Q + oe;
         i.style.height = se + "px";
       } else {
@@ -8008,7 +8008,7 @@ var mp = "SelectItemAlignedPosition", ks = l.forwardRef((e, t) => {
         const oe = Math.max(
           ue,
           Y + h.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (j ? Pe : 0) + J
+          (j ? Ae : 0) + J
         ) + W;
         i.style.height = oe + "px", h.scrollTop = Q - ue + h.offsetTop;
       }
@@ -8456,7 +8456,7 @@ var Vp = Hs, rr = "Switch", [Wp] = ie(rr), [Up, Gp] = Wp(rr), Bs = l.forwardRef(
       onCheckedChange: d,
       form: u,
       ...f
-    } = e, [m, g] = l.useState(null), b = U(t, (x) => g(x)), h = l.useRef(!1), v = m ? u || !!m.closest("form") : !0, [w, y] = Ce({
+    } = e, [m, g] = l.useState(null), b = U(t, (x) => g(x)), h = l.useRef(!1), v = m ? u || !!m.closest("form") : !0, [w, y] = ke({
       prop: o,
       defaultProp: a ?? !1,
       onChange: d,
@@ -8572,7 +8572,7 @@ var Kp = Bs, Yp = Ws, nr = "Tabs", [qp] = ie(nr, [
       dir: i,
       activationMode: c = "automatic",
       ...d
-    } = e, u = ft(i), [f, m] = Ce({
+    } = e, u = ft(i), [f, m] = ke({
       prop: n,
       onChange: o,
       defaultProp: a ?? "",
@@ -8748,7 +8748,7 @@ var ut = "Tooltip", [nm, ht] = or(ut), oi = (e) => {
     onOpenChange: a,
     disableHoverableContent: s,
     delayDuration: i
-  } = e, c = dn(ut, e.__scopeTooltip), d = ar(t), [u, f] = l.useState(null), m = Ge(), g = l.useRef(0), b = s ?? c.disableHoverableContent, h = i ?? c.delayDuration, v = l.useRef(!1), [w, y] = Ce({
+  } = e, c = dn(ut, e.__scopeTooltip), d = ar(t), [u, f] = l.useState(null), m = Ge(), g = l.useRef(0), b = s ?? c.disableHoverableContent, h = i ?? c.delayDuration, v = l.useRef(!1), [w, y] = ke({
     prop: n,
     defaultProp: o ?? !1,
     onChange: (E) => {
@@ -9889,7 +9889,10 @@ const ui = {
     className: r,
     id: n
   }
-), Eh = ({ className: e }) => /* @__PURE__ */ p(Bm, { className: e }), Rh = ({ children: e, defaultValue: t, className: r }) => /* @__PURE__ */ p(Vm, { defaultValue: t, className: r, children: e }), Ph = ({ children: e, className: t }) => /* @__PURE__ */ p(Um, { className: t, children: e }), Ah = ({ children: e, value: t, className: r }) => /* @__PURE__ */ p(Gm, { className: r, value: t, children: e }), Th = ({ children: e, value: t, className: r }) => /* @__PURE__ */ p(jm, { className: r, value: t, children: e }), Nh = ({ children: e, className: t }) => /* @__PURE__ */ p(Km, { className: t, children: e }), _h = ({ src: e, alt: t, className: r }) => {
+), Eh = ({ className: e }) => /* @__PURE__ */ p(Bm, { className: e }), Rh = ({ children: e, defaultValue: t, className: r }) => {
+  const [n, o] = Ce.useState(t);
+  return /* @__PURE__ */ p(Vm, { value: n, onValueChange: o, className: r, children: e });
+}, Ph = ({ children: e, className: t }) => /* @__PURE__ */ p(Um, { className: t, children: e }), Ah = ({ children: e, value: t, className: r }) => /* @__PURE__ */ p(Gm, { className: r, value: t, children: e }), Th = ({ children: e, value: t, className: r }) => /* @__PURE__ */ p(jm, { className: r, value: t, children: e }), Nh = ({ children: e, className: t }) => /* @__PURE__ */ p(Km, { className: t, children: e }), _h = ({ src: e, alt: t, className: r }) => {
   var n;
   return /* @__PURE__ */ te(qm, { className: r, children: [
     /* @__PURE__ */ p(Xm, { src: e, alt: t }),

package/dist/react.js

@@ -5,7 +5,7 @@ import * as wn from "react-dom";
 import ca from "react-dom";
 const jc = () => {
   try {
-    return "4a86dfec-41c9-4f64-b11b-ff7caa248d5a";
+    return "5f4808dc-9c89-47c2-be45-ec73f9cb94b1";
   } catch {
     return "dev";
   }
@@ -11337,7 +11337,10 @@ const Ec = {
     className: n,
     id: o
   }
-), Hv = ({ className: e }) => /* @__PURE__ */ p(sv, { className: e }), Vv = ({ children: e, defaultValue: t, className: n }) => /* @__PURE__ */ p(iv, { defaultValue: t, className: n, children: e }), Wv = ({ children: e, className: t }) => /* @__PURE__ */ p(lv, { className: t, children: e }), Uv = ({ children: e, value: t, className: n }) => /* @__PURE__ */ p(dv, { className: n, value: t, children: e }), jv = ({ children: e, value: t, className: n }) => /* @__PURE__ */ p(uv, { className: n, value: t, children: e }), Gv = ({ children: e, className: t }) => /* @__PURE__ */ p(fv, { className: t, children: e }), Yv = ({ src: e, alt: t, className: n }) => {
+), Hv = ({ className: e }) => /* @__PURE__ */ p(sv, { className: e }), Vv = ({ children: e, defaultValue: t, className: n }) => {
+  const [o, r] = N.useState(t);
+  return /* @__PURE__ */ p(iv, { value: o, onValueChange: r, className: n, children: e });
+}, Wv = ({ children: e, className: t }) => /* @__PURE__ */ p(lv, { className: t, children: e }), Uv = ({ children: e, value: t, className: n }) => /* @__PURE__ */ p(dv, { className: n, value: t, children: e }), jv = ({ children: e, value: t, className: n }) => /* @__PURE__ */ p(uv, { className: n, value: t, children: e }), Gv = ({ children: e, className: t }) => /* @__PURE__ */ p(fv, { className: t, children: e }), Yv = ({ src: e, alt: t, className: n }) => {
   var o;
   return /* @__PURE__ */ L(No, { className: n, children: [
     /* @__PURE__ */ p(To, { src: e, alt: t }),