@altimateai/ui-components 0.0.23-beta.3 → 0.0.23-beta.4

package/dist/{Tooltip.js → Stack.js}

@@ -1,6 +1,6 @@
-import { j as h, d as gs, C as hs } from "./index2.js";
+import { j as h, S as gs, C as hs } from "./index2.js";
 import * as l from "react";
-import he, { forwardRef as H, useState as vs, useLayoutEffect as bs, useEffect as ys } from "react";
+import he, { forwardRef as G, useState as vs, useLayoutEffect as bs, useEffect as ys } from "react";
 import * as Un from "react-dom";
 import xs from "react-dom";
 function Kn(e) {
@@ -216,7 +216,7 @@ const qn = (e) => {
     e[r] && (t = qn(e[r])) && (n && (n += " "), n += t);
   return n;
 };
-function Ms(e, ...t) {
+function js(e, ...t) {
   let n, r, o, s = a;
   function a(c) {
     const u = t.reduce((d, f) => f(d), e());
@@ -233,10 +233,10 @@ function Ms(e, ...t) {
     return s(Ds.apply(null, arguments));
   };
 }
-const j = (e) => {
+const I = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
-}, Zn = /^\[(?:([a-z-]+):)?(.+)\]$/i, Is = /^\d+\/\d+$/, js = /* @__PURE__ */ new Set(["px", "full", "screen"]), _s = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ls = /\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$/, Fs = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, $s = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Ws = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, te = (e) => Ee(e) || js.has(e) || Is.test(e), ie = (e) => Te(e, "length", Ys), Ee = (e) => !!e && !Number.isNaN(Number(e)), mt = (e) => Te(e, "number", Ee), _e = (e) => !!e && Number.isInteger(Number(e)), Vs = (e) => e.endsWith("%") && Ee(e.slice(0, -1)), N = (e) => Zn.test(e), le = (e) => _s.test(e), Bs = /* @__PURE__ */ new Set(["length", "size", "percentage"]), zs = (e) => Te(e, Bs, Qn), Gs = (e) => Te(e, "position", Qn), Hs = /* @__PURE__ */ new Set(["image", "url"]), Us = (e) => Te(e, Hs, qs), Ks = (e) => Te(e, "", Xs), Le = () => !0, Te = (e, t, n) => {
+}, Zn = /^\[(?:([a-z-]+):)?(.+)\]$/i, Ms = /^\d+\/\d+$/, Is = /* @__PURE__ */ new Set(["px", "full", "screen"]), _s = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ls = /\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$/, Fs = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, $s = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Ws = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, te = (e) => Ee(e) || Is.has(e) || Ms.test(e), ie = (e) => Te(e, "length", Ys), Ee = (e) => !!e && !Number.isNaN(Number(e)), mt = (e) => Te(e, "number", Ee), _e = (e) => !!e && Number.isInteger(Number(e)), Vs = (e) => e.endsWith("%") && Ee(e.slice(0, -1)), N = (e) => Zn.test(e), le = (e) => _s.test(e), Bs = /* @__PURE__ */ new Set(["length", "size", "percentage"]), zs = (e) => Te(e, Bs, Qn), Gs = (e) => Te(e, "position", Qn), Hs = /* @__PURE__ */ new Set(["image", "url"]), Us = (e) => Te(e, Hs, qs), Ks = (e) => Te(e, "", Xs), Le = () => !0, Te = (e, t, n) => {
   const r = Zn.exec(e);
   return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
 }, Ys = (e) => (
@@ -245,7 +245,7 @@ const j = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Ls.test(e) && !Fs.test(e)
 ), Qn = () => !1, Xs = (e) => $s.test(e), qs = (e) => Ws.test(e), Zs = () => {
-  const e = j("colors"), t = j("spacing"), n = j("blur"), r = j("brightness"), o = j("borderColor"), s = j("borderRadius"), a = j("borderSpacing"), i = j("borderWidth"), c = j("contrast"), u = j("grayscale"), d = j("hueRotate"), f = j("invert"), g = j("gap"), m = j("gradientColorStops"), v = j("gradientColorStopPositions"), p = j("inset"), b = j("margin"), y = j("opacity"), x = j("padding"), C = j("saturate"), w = j("scale"), E = j("sepia"), P = j("skew"), R = j("space"), S = j("translate"), I = () => ["auto", "contain", "none"], D = () => ["auto", "hidden", "clip", "visible", "scroll"], L = () => ["auto", N, t], A = () => [N, t], _ = () => ["", te, ie], M = () => ["auto", Ee, N], z = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], T = () => ["solid", "dashed", "dotted", "double", "none"], V = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], O = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], $ = () => ["", "0", N], U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [Ee, N];
+  const e = I("colors"), t = I("spacing"), n = I("blur"), r = I("brightness"), o = I("borderColor"), s = I("borderRadius"), a = I("borderSpacing"), i = I("borderWidth"), c = I("contrast"), u = I("grayscale"), d = I("hueRotate"), f = I("invert"), g = I("gap"), m = I("gradientColorStops"), v = I("gradientColorStopPositions"), p = I("inset"), b = I("margin"), y = I("opacity"), x = I("padding"), C = I("saturate"), w = I("scale"), E = I("sepia"), P = I("skew"), R = I("space"), S = I("translate"), M = () => ["auto", "contain", "none"], D = () => ["auto", "hidden", "clip", "visible", "scroll"], L = () => ["auto", N, t], A = () => [N, t], _ = () => ["", te, ie], j = () => ["auto", Ee, N], z = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], T = () => ["solid", "dashed", "dotted", "double", "none"], V = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], O = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], W = () => ["", "0", N], U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], H = () => [Ee, N];
   return {
     cacheSize: 500,
     separator: ":",
@@ -253,26 +253,26 @@ const j = (e) => {
       colors: [Le],
       spacing: [te, ie],
       blur: ["none", "", le, N],
-      brightness: G(),
+      brightness: H(),
       borderColor: [e],
       borderRadius: ["none", "", "full", le, N],
       borderSpacing: A(),
       borderWidth: _(),
-      contrast: G(),
-      grayscale: $(),
-      hueRotate: G(),
-      invert: $(),
+      contrast: H(),
+      grayscale: W(),
+      hueRotate: H(),
+      invert: W(),
       gap: A(),
       gradientColorStops: [e],
       gradientColorStopPositions: [Vs, ie],
       inset: L(),
       margin: L(),
-      opacity: G(),
+      opacity: H(),
       padding: A(),
-      saturate: G(),
-      scale: G(),
-      sepia: $(),
-      skew: G(),
+      saturate: H(),
+      scale: H(),
+      sepia: W(),
+      skew: H(),
       space: A(),
       translate: A()
     },
@@ -396,21 +396,21 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: I()
+        overscroll: M()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": I()
+        "overscroll-x": M()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": I()
+        "overscroll-y": M()
       }],
       /**
        * Position
@@ -526,14 +526,14 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: $()
+        grow: W()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: $()
+        shrink: W()
       }],
       /**
        * Order
@@ -563,14 +563,14 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": M()
+        "col-start": j()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": M()
+        "col-end": j()
       }],
       /**
        * Grid Template Rows
@@ -593,14 +593,14 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": M()
+        "row-start": j()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": M()
+        "row-end": j()
       }],
       /**
        * Grid Auto Flow
@@ -1847,7 +1847,7 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: G()
+        duration: H()
       }],
       /**
        * Transition Timing Function
@@ -1861,7 +1861,7 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: G()
+        delay: H()
       }],
       /**
        * Animation
@@ -2273,8 +2273,8 @@ const j = (e) => {
       "font-size": ["leading"]
     }
   };
-}, Qs = /* @__PURE__ */ Ms(Zs);
-function W(...e) {
+}, Qs = /* @__PURE__ */ js(Zs);
+function F(...e) {
   return Qs(Vt(e));
 }
 function Cn(e, t) {
@@ -2391,6 +2391,7 @@ const En = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rn = Vt, e
       size: {
         default: "al-h-10 al-rounded-sm al-px-3 al-py-2",
         sm: "al-h-9 al-rounded-sm al-px-2 al-py-2",
+        xs: "al-rounded-sm al-py-1.5 al-px-2 al-text-xs",
         lg: "al-h-11 al-rounded-md al-py-3 al-px-4",
         icon: "al-h-10 al-rounded-md al-w-10"
       }
@@ -2403,7 +2404,7 @@ const En = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Rn = Vt, e
 ), la = l.forwardRef(
   ({ className: e, variant: t, size: n, asChild: r = !1, ...o }, s) => {
     const a = r ? ta : "button";
-    return /* @__PURE__ */ h.jsx(a, { className: W(ia({ variant: t, size: n, className: e })), ref: s, ...o });
+    return /* @__PURE__ */ h.jsx(a, { className: F(ia({ variant: t, size: n, className: e })), ref: s, ...o });
   }
 );
 la.displayName = "Button";
@@ -2688,7 +2689,7 @@ var ya = [
   "span",
   "svg",
   "ul"
-], F = ya.reduce((e, t) => {
+], $ = ya.reduce((e, t) => {
   const n = l.forwardRef((r, o) => {
     const { asChild: s, ...a } = r, i = s ? nr : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ h.jsx(i, { ...a, ref: o });
@@ -2724,7 +2725,7 @@ var Gt = "Checkbox", [wa, _u] = se(Gt), [Ca, Ea] = wa(Gt), rr = l.forwardRef(
       }
     }, [g, x]), /* @__PURE__ */ h.jsxs(Ca, { scope: n, state: y, disabled: i, children: [
       /* @__PURE__ */ h.jsx(
-        F.button,
+        $.button,
         {
           type: "button",
           role: "checkbox",
@@ -2767,7 +2768,7 @@ var or = "CheckboxIndicator", sr = l.forwardRef(
   (e, t) => {
     const { __scopeCheckbox: n, forceMount: r, ...o } = e, s = Ea(or, n);
     return /* @__PURE__ */ h.jsx(ae, { present: r || ue(s.state) || s.state === !0, children: /* @__PURE__ */ h.jsx(
-      F.span,
+      $.span,
       {
         "data-state": ar(s.state),
         "data-disabled": s.disabled ? "" : void 0,
@@ -2816,11 +2817,11 @@ function ar(e) {
   return ue(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
 var ir = rr, Pa = sr;
-const lr = H(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
+const lr = G(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
   ir,
   {
     ref: n,
-    className: W(
+    className: F(
       "al-peer al-h-4 al-w-4 al-shrink-0 al-rounded-xs al-border al-border-primary al-ring-offset-background focus-visible:al-outline-none focus-visible:al-ring-2 focus-visible:al-ring-ring focus-visible:al-ring-offset-2 disabled:al-cursor-not-allowed disabled:al-opacity-50 data-[state=checked]:al-bg-primary data-[state=checked]:al-text-primary-foreground",
       e
     ),
@@ -2828,7 +2829,7 @@ const lr = H(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
     children: /* @__PURE__ */ h.jsx(
       Pa,
       {
-        className: W("al-flex al-items-center al-justify-center al-text-current"),
+        className: F("al-flex al-items-center al-justify-center al-text-current"),
         children: /* @__PURE__ */ h.jsx(
           "svg",
           {
@@ -2938,14 +2939,14 @@ function Re(e) {
     n((r) => r ?? String(Da++));
   }, [e]), t ? `radix-${t}` : "";
 }
-var Ma = l.createContext(void 0);
+var ja = l.createContext(void 0);
 function cr(e) {
-  const t = l.useContext(Ma);
+  const t = l.useContext(ja);
   return e || t || "ltr";
 }
-var gt = "rovingFocusGroup.onEntryFocus", Ia = { bubbles: !1, cancelable: !0 }, ot = "RovingFocusGroup", [Ot, ur, ja] = Ta(ot), [_a, dr] = se(
+var gt = "rovingFocusGroup.onEntryFocus", Ma = { bubbles: !1, cancelable: !0 }, ot = "RovingFocusGroup", [Ot, ur, Ia] = Ta(ot), [_a, dr] = se(
   ot,
-  [ja]
+  [Ia]
 ), [La, Fa] = _a(ot), fr = l.forwardRef(
   (e, t) => /* @__PURE__ */ h.jsx(Ot.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ h.jsx(Ot.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ h.jsx($a, { ...e, ref: t }) }) })
 );
@@ -2993,7 +2994,7 @@ var $a = l.forwardRef((e, t) => {
         []
       ),
       children: /* @__PURE__ */ h.jsx(
-        F.div,
+        $.div,
         {
           tabIndex: y || P === 0 ? -1 : 0,
           "data-orientation": r,
@@ -3004,9 +3005,9 @@ var $a = l.forwardRef((e, t) => {
             E.current = !0;
           }),
           onFocus: k(e.onFocus, (S) => {
-            const I = !E.current;
-            if (S.target === S.currentTarget && I && !y) {
-              const D = new CustomEvent(gt, Ia);
+            const M = !E.current;
+            if (S.target === S.currentTarget && M && !y) {
+              const D = new CustomEvent(gt, Ma);
               if (S.currentTarget.dispatchEvent(D), !D.defaultPrevented) {
                 const L = w().filter((T) => T.focusable), A = L.find((T) => T.active), _ = L.find((T) => T.id === p), z = [A, _, ...L].filter(
                   Boolean
@@ -3041,7 +3042,7 @@ var $a = l.forwardRef((e, t) => {
         focusable: r,
         active: o,
         children: /* @__PURE__ */ h.jsx(
-          F.span,
+          $.span,
           {
             tabIndex: d ? 0 : -1,
             "data-orientation": u.orientation,
@@ -3119,7 +3120,7 @@ var Ga = fr, Ha = mr, Ht = "Radio", [Ua, hr] = se(Ht), [Ka, Ya] = Ua(Ht), vr = l
     } = e, [f, g] = l.useState(null), m = B(t, (b) => g(b)), v = l.useRef(!1), p = f ? u || !!f.closest("form") : !0;
     return /* @__PURE__ */ h.jsxs(Ka, { scope: n, checked: o, disabled: a, children: [
       /* @__PURE__ */ h.jsx(
-        F.button,
+        $.button,
         {
           type: "button",
           role: "radio",
@@ -3157,7 +3158,7 @@ var br = "RadioIndicator", yr = l.forwardRef(
   (e, t) => {
     const { __scopeRadio: n, forceMount: r, ...o } = e, s = Ya(br, n);
     return /* @__PURE__ */ h.jsx(ae, { present: r || s.checked, children: /* @__PURE__ */ h.jsx(
-      F.span,
+      $.span,
       {
         "data-state": xr(s.checked),
         "data-disabled": s.disabled ? "" : void 0,
@@ -3239,7 +3240,7 @@ var qa = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Ut = "RadioGroup",
             dir: v,
             loop: d,
             children: /* @__PURE__ */ h.jsx(
-              F.div,
+              $.div,
               {
                 role: "radiogroup",
                 "aria-required": a,
@@ -3307,13 +3308,13 @@ var ei = "RadioGroupIndicator", Sr = l.forwardRef(
 );
 Sr.displayName = ei;
 var Ar = Er, Nr = Pr, ti = Sr;
-const ni = H(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(Ar, { className: W("al-grid al-gap-2", e), ...t, ref: n }));
+const ni = G(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(Ar, { className: F("al-grid al-gap-2", e), ...t, ref: n }));
 ni.displayName = Ar.displayName;
-const Or = H(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
+const Or = G(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
   Nr,
   {
     ref: n,
-    className: W(
+    className: F(
       "al-aspect-square al-h-4 al-w-4 al-rounded-full al-border al-border-primary al-text-primary al-ring-offset-background focus:al-outline-none focus-visible:al-ring-2 focus-visible:al-ring-ring focus-visible:al-ring-offset-2 disabled:al-cursor-not-allowed disabled:al-opacity-50",
       e
     ),
@@ -3339,7 +3340,7 @@ const ri = l.forwardRef(
     "input",
     {
       type: t,
-      className: W(
+      className: F(
         "al-flex al-h-10 al-w-full al-rounded-md al-border al-border-input al-bg-background al-px-3 al-py-2 al-text-base al-ring-offset-background file:al-border-0 file:al-bg-transparent file:al-text-sm file:al-font-medium file:al-text-foreground placeholder:al-text-muted-foreground focus-visible:al-outline-none focus-visible:al-ring-2 focus-visible:al-ring-ring focus-visible:al-ring-offset-2 disabled:al-cursor-not-allowed disabled:al-opacity-50 md:al-text-sm",
         e
       ),
@@ -3373,8 +3374,8 @@ var si = "DismissableLayer", Tt = "dismissableLayer.update", ai = "dismissableLa
       onDismiss: i,
       ...c
     } = e, u = l.useContext(Tr), [d, f] = l.useState(null), g = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = l.useState({}), v = B(t, (R) => f(R)), p = Array.from(u.layers), [b] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), y = p.indexOf(b), x = d ? p.indexOf(d) : -1, C = u.layersWithOutsidePointerEventsDisabled.size > 0, w = x >= y, E = ci((R) => {
-      const S = R.target, I = [...u.branches].some((D) => D.contains(S));
-      !w || I || (o == null || o(R), a == null || a(R), R.defaultPrevented || i == null || i());
+      const S = R.target, M = [...u.branches].some((D) => D.contains(S));
+      !w || M || (o == null || o(R), a == null || a(R), R.defaultPrevented || i == null || i());
     }, g), P = ui((R) => {
       const S = R.target;
       [...u.branches].some((D) => D.contains(S)) || (s == null || s(R), a == null || a(R), R.defaultPrevented || i == null || i());
@@ -3392,7 +3393,7 @@ var si = "DismissableLayer", Tt = "dismissableLayer.update", ai = "dismissableLa
       const R = () => m({});
       return document.addEventListener(Tt, R), () => document.removeEventListener(Tt, R);
     }, []), /* @__PURE__ */ h.jsx(
-      F.div,
+      $.div,
       {
         ...c,
         ref: v,
@@ -3419,7 +3420,7 @@ var li = "DismissableLayerBranch", kr = l.forwardRef((e, t) => {
       return n.branches.add(s), () => {
         n.branches.delete(s);
       };
-  }, [n.branches]), /* @__PURE__ */ h.jsx(F.div, { ...e, ref: o });
+  }, [n.branches]), /* @__PURE__ */ h.jsx($.div, { ...e, ref: o });
 });
 kr.displayName = li;
 function ci(e, t = globalThis == null ? void 0 : globalThis.document) {
@@ -3517,7 +3518,7 @@ var Fu = We, $u = kr, ht = "focusScope.autoFocusOnMount", vt = "focusScope.autoF
       const p = document.activeElement;
       if (!i.contains(p)) {
         const y = new CustomEvent(ht, Nn);
-        i.addEventListener(ht, u), i.dispatchEvent(y), y.defaultPrevented || (fi(vi(Mr(i)), { select: !0 }), document.activeElement === p && ce(i));
+        i.addEventListener(ht, u), i.dispatchEvent(y), y.defaultPrevented || (fi(vi(jr(i)), { select: !0 }), document.activeElement === p && ce(i));
       }
       return () => {
         i.removeEventListener(ht, u), setTimeout(() => {
@@ -3538,7 +3539,7 @@ var Fu = We, $u = kr, ht = "focusScope.autoFocusOnMount", vt = "focusScope.autoF
     },
     [n, r, m.paused]
   );
-  return /* @__PURE__ */ h.jsx(F.div, { tabIndex: -1, ...a, ref: g, onKeyDown: v });
+  return /* @__PURE__ */ h.jsx($.div, { tabIndex: -1, ...a, ref: g, onKeyDown: v });
 });
 Kt.displayName = di;
 function fi(e, { select: t = !1 } = {}) {
@@ -3547,10 +3548,10 @@ function fi(e, { select: t = !1 } = {}) {
     if (ce(r, { select: t }), document.activeElement !== n) return;
 }
 function pi(e) {
-  const t = Mr(e), n = On(t, e), r = On(t.reverse(), e);
+  const t = jr(e), n = On(t, e), r = On(t.reverse(), e);
   return [n, r];
 }
-function Mr(e) {
+function jr(e) {
   const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (r) => {
       const o = r.tagName === "INPUT" && r.type === "hidden";
@@ -3608,11 +3609,11 @@ var bi = "Portal", Yt = l.forwardRef((e, t) => {
   const { container: n, ...r } = e, [o, s] = l.useState(!1);
   ve(() => s(!0), []);
   const a = n || o && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
-  return a ? xs.createPortal(/* @__PURE__ */ h.jsx(F.div, { ...r, ref: t }), a) : null;
+  return a ? xs.createPortal(/* @__PURE__ */ h.jsx($.div, { ...r, ref: t }), a) : null;
 });
 Yt.displayName = bi;
 var bt = 0;
-function Ir() {
+function Mr() {
   l.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
     return document.body.insertAdjacentElement("afterbegin", e[0] ?? Dn()), document.body.insertAdjacentElement("beforeend", e[1] ?? Dn()), bt++, () => {
@@ -3633,7 +3634,7 @@ var Q = function() {
     return t;
   }, Q.apply(this, arguments);
 };
-function jr(e, t) {
+function Ir(e, t) {
   var n = {};
   for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -3671,7 +3672,7 @@ function Ci(e, t) {
   })[0];
   return n.callback = t, n.facade;
 }
-var Ei = typeof window < "u" ? l.useLayoutEffect : l.useEffect, Mn = /* @__PURE__ */ new WeakMap();
+var Ei = typeof window < "u" ? l.useLayoutEffect : l.useEffect, jn = /* @__PURE__ */ new WeakMap();
 function Ri(e, t) {
   var n = Ci(null, function(r) {
     return e.forEach(function(o) {
@@ -3679,7 +3680,7 @@ function Ri(e, t) {
     });
   });
   return Ei(function() {
-    var r = Mn.get(n);
+    var r = jn.get(n);
     if (r) {
       var o = new Set(r), s = new Set(e), a = n.current;
       o.forEach(function(i) {
@@ -3688,7 +3689,7 @@ function Ri(e, t) {
         o.has(i) || yt(i, a);
       });
     }
-    Mn.set(n, e);
+    jn.set(n, e);
   }, [e]), n;
 }
 function Pi(e) {
@@ -3755,7 +3756,7 @@ function Ai(e) {
   return t.options = Q({ async: !0, ssr: !1 }, e), t;
 }
 var _r = function(e) {
-  var t = e.sideCar, n = jr(e, ["sideCar"]);
+  var t = e.sideCar, n = Ir(e, ["sideCar"]);
   if (!t)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var r = t.read();
@@ -3773,7 +3774,7 @@ var Lr = Ai(), xt = function() {
     onScrollCapture: xt,
     onWheelCapture: xt,
     onTouchMoveCapture: xt
-  }), o = r[0], s = r[1], a = e.forwardProps, i = e.children, c = e.className, u = e.removeScrollBar, d = e.enabled, f = e.shards, g = e.sideCar, m = e.noIsolation, v = e.inert, p = e.allowPinchZoom, b = e.as, y = b === void 0 ? "div" : b, x = e.gapMode, C = jr(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), w = g, E = Ri([n, t]), P = Q(Q({}, C), o);
+  }), o = r[0], s = r[1], a = e.forwardProps, i = e.children, c = e.className, u = e.removeScrollBar, d = e.enabled, f = e.shards, g = e.sideCar, m = e.noIsolation, v = e.inert, p = e.allowPinchZoom, b = e.as, y = b === void 0 ? "div" : b, x = e.gapMode, C = Ir(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), w = g, E = Ri([n, t]), P = Q(Q({}, C), o);
   return l.createElement(
     l.Fragment,
     null,
@@ -3809,7 +3810,7 @@ function Di(e) {
   var t = document.head || document.getElementsByTagName("head")[0];
   t.appendChild(e);
 }
-var Mi = function() {
+var ji = function() {
   var e = 0, t = null;
   return {
     add: function(n) {
@@ -3819,8 +3820,8 @@ var Mi = function() {
       e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
     }
   };
-}, Ii = function() {
-  var e = Mi();
+}, Mi = function() {
+  var e = ji();
   return function(t, n) {
     l.useEffect(function() {
       return e.add(t), function() {
@@ -3829,12 +3830,12 @@ var Mi = function() {
     }, [t && n]);
   };
 }, Fr = function() {
-  var e = Ii(), t = function(n) {
+  var e = Mi(), t = function(n) {
     var r = n.styles, o = n.dynamic;
     return e(r, o), null;
   };
   return t;
-}, ji = {
+}, Ii = {
   left: 0,
   top: 0,
   right: 0,
@@ -3846,7 +3847,7 @@ var Mi = function() {
   return [wt(n), wt(r), wt(o)];
 }, Li = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
-    return ji;
+    return Ii;
   var t = _i(e), n = document.documentElement.clientWidth, r = window.innerWidth;
   return {
     left: t[0],
@@ -3898,13 +3899,13 @@ var Mi = function() {
     `).concat(wi, ": ").concat(i, `px;
   }
 `);
-}, In = function() {
+}, Mn = function() {
   var e = parseInt(document.body.getAttribute(Pe) || "0", 10);
   return isFinite(e) ? e : 0;
 }, Wi = function() {
   l.useEffect(function() {
-    return document.body.setAttribute(Pe, (In() + 1).toString()), function() {
-      var e = In() - 1;
+    return document.body.setAttribute(Pe, (Mn() + 1).toString()), function() {
+      var e = Mn() - 1;
       e <= 0 ? document.body.removeAttribute(Pe) : document.body.setAttribute(Pe, e.toString());
     };
   }, []);
@@ -3942,7 +3943,7 @@ var xe = kt ? { passive: !1 } : !1, Bi = function(e) {
   return $r(e, "overflowY");
 }, Gi = function(e) {
   return $r(e, "overflowX");
-}, jn = function(e, t) {
+}, In = function(e, t) {
   var n = t.ownerDocument, r = t;
   do {
     typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
@@ -4023,15 +4024,15 @@ function Qi(e) {
     var y = Ue(p), x = n.current, C = "deltaX" in p ? p.deltaX : x[0] - y[0], w = "deltaY" in p ? p.deltaY : x[1] - y[1], E, P = p.target, R = Math.abs(C) > Math.abs(w) ? "h" : "v";
     if ("touches" in p && R === "h" && P.type === "range")
       return !1;
-    var S = jn(R, P);
+    var S = In(R, P);
     if (!S)
       return !0;
-    if (S ? E = R : (E = R === "v" ? "h" : "v", S = jn(R, P)), !S)
+    if (S ? E = R : (E = R === "v" ? "h" : "v", S = In(R, P)), !S)
       return !1;
     if (!r.current && "changedTouches" in p && (C || w) && (r.current = E), !E)
       return !0;
-    var I = r.current || E;
-    return Yi(I, b, p, I === "h" ? C : w, !0);
+    var M = r.current || E;
+    return Yi(M, b, p, M === "h" ? C : w, !0);
   }, []), c = l.useCallback(function(p) {
     var b = p;
     if (!(!we.length || we[we.length - 1] !== s)) {
@@ -4216,7 +4217,7 @@ var Kr = "DialogTrigger", Yr = l.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = Z(Kr, n), s = B(t, o.triggerRef);
     return /* @__PURE__ */ h.jsx(
-      F.button,
+      $.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -4252,7 +4253,7 @@ var ul = l.forwardRef(
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
       /* @__PURE__ */ h.jsx(Xt, { as: Gr, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ h.jsx(
-        F.div,
+        $.div,
         {
           "data-state": Jt(o.open),
           ...r,
@@ -4323,7 +4324,7 @@ var dl = l.forwardRef(
 ), Jr = l.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: s, ...a } = e, i = Z(be, n), c = l.useRef(null), u = B(t, c);
-    return Ir(), /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
+    return Mr(), /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
       /* @__PURE__ */ h.jsx(
         Kt,
         {
@@ -4356,14 +4357,14 @@ var dl = l.forwardRef(
 ), Qt = "DialogTitle", eo = l.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = Z(Qt, n);
-    return /* @__PURE__ */ h.jsx(F.h2, { id: o.titleId, ...r, ref: t });
+    return /* @__PURE__ */ h.jsx($.h2, { id: o.titleId, ...r, ref: t });
   }
 );
 eo.displayName = Qt;
 var to = "DialogDescription", no = l.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = Z(to, n);
-    return /* @__PURE__ */ h.jsx(F.p, { id: o.descriptionId, ...r, ref: t });
+    return /* @__PURE__ */ h.jsx($.p, { id: o.descriptionId, ...r, ref: t });
   }
 );
 no.displayName = to;
@@ -4371,7 +4372,7 @@ var ro = "DialogClose", oo = l.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = Z(ro, n);
     return /* @__PURE__ */ h.jsx(
-      F.button,
+      $.button,
       {
         type: "button",
         ...r,
@@ -4444,14 +4445,14 @@ po.displayName = wl;
 var mo = po;
 const Cl = er(
   "al-text-sm al-font-medium al-leading-none peer-disabled:al-cursor-not-allowed peer-disabled:al-opacity-70"
-), El = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(mo, { ref: n, className: W(Cl(), e), ...t }));
+), El = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(mo, { ref: n, className: F(Cl(), e), ...t }));
 El.displayName = mo.displayName;
-const Rl = H(
+const Rl = G(
   ({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
     "div",
     {
       ref: n,
-      className: W(
+      className: F(
         "al-rounded-lg al-border al-bg-card al-text-card-foreground al-shadow-sm",
         e
       ),
@@ -4460,45 +4461,45 @@ const Rl = H(
   )
 );
 Rl.displayName = "Card";
-const Pl = H(
+const Pl = G(
   ({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
     "div",
     {
       ref: n,
-      className: W("al-flex al-flex-col al-space-y-1.5 al-p-6 al-pb-4", e),
+      className: F("al-flex al-flex-col al-space-y-1.5 al-p-6 al-pb-4", e),
       ...t
     }
   )
 );
 Pl.displayName = "CardHeader";
-const Sl = H(
+const Sl = G(
   ({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
     "div",
     {
       ref: n,
-      className: W("al-text-2xl al-font-semibold al-leading-none al-tracking-tight", e),
+      className: F("al-text-2xl al-font-semibold al-leading-none al-tracking-tight", e),
       ...t
     }
   )
 );
 Sl.displayName = "CardTitle";
-const Al = H(
-  ({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx("div", { ref: n, className: W("al-text-sm al-text-muted-foreground", e), ...t })
+const Al = G(
+  ({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx("div", { ref: n, className: F("al-text-sm al-text-muted-foreground", e), ...t })
 );
 Al.displayName = "CardDescription";
-const Nl = H(
-  ({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx("div", { ref: n, className: W("al-p-6 al-pt-0", e), ...t })
+const Nl = G(
+  ({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx("div", { ref: n, className: F("al-p-6 al-pt-0", e), ...t })
 );
 Nl.displayName = "CardContent";
-const Ol = H(
-  ({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx("div", { ref: n, className: W("al-flex al-items-center al-p-6 al-pt-0", e), ...t })
+const Ol = G(
+  ({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx("div", { ref: n, className: F("al-flex al-items-center al-p-6 al-pt-0", e), ...t })
 );
 Ol.displayName = "CardFooter";
 const Tl = l.forwardRef(
   ({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
     "textarea",
     {
-      className: W(
+      className: F(
         "al-flex al-min-h-[80px] al-w-full al-rounded-md al-border al-border-input al-bg-background al-px-3 al-py-2 al-text-base al-ring-offset-background placeholder:al-text-muted-foreground focus-visible:al-outline-none focus-visible:al-ring-2 focus-visible:al-ring-ring focus-visible:al-ring-offset-2 disabled:al-cursor-not-allowed disabled:al-opacity-50 md:al-text-sm",
         e
       ),
@@ -4516,11 +4517,11 @@ const kl = ["top", "right", "bottom", "left"], de = Math.min, K = Math.max, et =
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Ml = {
+}, jl = {
   start: "end",
   end: "start"
 };
-function Mt(e, t, n) {
+function jt(e, t, n) {
   return K(e, de(t, n));
 }
 function re(e, t) {
@@ -4529,7 +4530,7 @@ function re(e, t) {
 function oe(e) {
   return e.split("-")[0];
 }
-function Me(e) {
+function je(e) {
   return e.split("-")[1];
 }
 function en(e) {
@@ -4544,18 +4545,18 @@ function pe(e) {
 function nn(e) {
   return en(pe(e));
 }
-function Il(e, t, n) {
+function Ml(e, t, n) {
   n === void 0 && (n = !1);
-  const r = Me(e), o = nn(e), s = tn(o);
+  const r = je(e), o = nn(e), s = tn(o);
   let a = o === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
   return t.reference[s] > t.floating[s] && (a = tt(a)), [a, tt(a)];
 }
-function jl(e) {
+function Il(e) {
   const t = tt(e);
-  return [It(e), t, It(t)];
+  return [Mt(e), t, Mt(t)];
 }
-function It(e) {
-  return e.replace(/start|end/g, (t) => Ml[t]);
+function Mt(e) {
+  return e.replace(/start|end/g, (t) => jl[t]);
 }
 function _l(e, t, n) {
   const r = ["left", "right"], o = ["right", "left"], s = ["top", "bottom"], a = ["bottom", "top"];
@@ -4571,9 +4572,9 @@ function _l(e, t, n) {
   }
 }
 function Ll(e, t, n, r) {
-  const o = Me(e);
+  const o = je(e);
   let s = _l(oe(e), n === "start", r);
-  return o && (s = s.map((a) => a + "-" + o), t && (s = s.concat(s.map(It)))), s;
+  return o && (s = s.map((a) => a + "-" + o), t && (s = s.concat(s.map(Mt)))), s;
 }
 function tt(e) {
   return e.replace(/left|right|bottom|top/g, (t) => Dl[t]);
@@ -4651,7 +4652,7 @@ function Fn(e, t, n) {
         y: r.y
       };
   }
-  switch (Me(t)) {
+  switch (je(t)) {
     case "start":
       m[a] -= g * (n && u ? -1 : 1);
       break;
@@ -4791,12 +4792,12 @@ const Wl = (e) => ({
     }, m = nn(o), v = tn(m), p = await a.getDimensions(u), b = m === "y", y = b ? "top" : "left", x = b ? "bottom" : "right", C = b ? "clientHeight" : "clientWidth", w = s.reference[v] + s.reference[m] - g[m] - s.floating[v], E = g[m] - s.reference[m], P = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
     let R = P ? P[C] : 0;
     (!R || !await (a.isElement == null ? void 0 : a.isElement(P))) && (R = i.floating[C] || s.floating[v]);
-    const S = w / 2 - E / 2, I = R / 2 - p[v] / 2 - 1, D = de(f[y], I), L = de(f[x], I), A = D, _ = R - p[v] - L, M = R / 2 - p[v] / 2 + S, z = Mt(A, M, _), T = !c.arrow && Me(o) != null && M !== z && s.reference[v] / 2 - (M < A ? D : L) - p[v] / 2 < 0, V = T ? M < A ? M - A : M - _ : 0;
+    const S = w / 2 - E / 2, M = R / 2 - p[v] / 2 - 1, D = de(f[y], M), L = de(f[x], M), A = D, _ = R - p[v] - L, j = R / 2 - p[v] / 2 + S, z = jt(A, j, _), T = !c.arrow && je(o) != null && j !== z && s.reference[v] / 2 - (j < A ? D : L) - p[v] / 2 < 0, V = T ? j < A ? j - A : j - _ : 0;
     return {
       [m]: g[m] + V,
       data: {
         [m]: z,
-        centerOffset: M - z - V,
+        centerOffset: j - z - V,
         ...T && {
           alignmentOffset: V
         }
@@ -4828,24 +4829,24 @@ const Wl = (e) => ({
       } = re(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const y = oe(o), x = pe(i), C = oe(i) === i, w = await (c.isRTL == null ? void 0 : c.isRTL(u.floating)), E = g || (C || !p ? [tt(i)] : jl(i)), P = v !== "none";
+      const y = oe(o), x = pe(i), C = oe(i) === i, w = await (c.isRTL == null ? void 0 : c.isRTL(u.floating)), E = g || (C || !p ? [tt(i)] : Il(i)), P = v !== "none";
       !g && P && E.push(...Ll(i, p, v, w));
-      const R = [i, ...E], S = await Fe(t, b), I = [];
+      const R = [i, ...E], S = await Fe(t, b), M = [];
       let D = ((r = s.flip) == null ? void 0 : r.overflows) || [];
-      if (d && I.push(S[y]), f) {
-        const M = Il(o, a, w);
-        I.push(S[M[0]], S[M[1]]);
+      if (d && M.push(S[y]), f) {
+        const j = Ml(o, a, w);
+        M.push(S[j[0]], S[j[1]]);
       }
       if (D = [...D, {
         placement: o,
-        overflows: I
-      }], !I.every((M) => M <= 0)) {
+        overflows: M
+      }], !M.every((j) => j <= 0)) {
         var L, A;
-        const M = (((L = s.flip) == null ? void 0 : L.index) || 0) + 1, z = R[M];
+        const j = (((L = s.flip) == null ? void 0 : L.index) || 0) + 1, z = R[j];
         if (z)
           return {
             data: {
-              index: M,
+              index: j,
               overflows: D
             },
             reset: {
@@ -4859,13 +4860,13 @@ const Wl = (e) => ({
               var _;
               const V = (_ = D.filter((O) => {
                 if (P) {
-                  const $ = pe(O.placement);
-                  return $ === x || // Create a bias to the `y` side axis due to horizontal
+                  const W = pe(O.placement);
+                  return W === x || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  $ === "y";
+                  W === "y";
                 }
                 return !0;
-              }).map((O) => [O.placement, O.overflows.filter(($) => $ > 0).reduce(($, U) => $ + U, 0)]).sort((O, $) => O[1] - $[1])[0]) == null ? void 0 : _[0];
+              }).map((O) => [O.placement, O.overflows.filter((W) => W > 0).reduce((W, U) => W + U, 0)]).sort((O, W) => O[1] - W[1])[0]) == null ? void 0 : _[0];
               V && (T = V);
               break;
             }
@@ -4942,7 +4943,7 @@ async function zl(e, t) {
     placement: n,
     platform: r,
     elements: o
-  } = e, s = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), a = oe(n), i = Me(n), c = pe(n) === "y", u = ["left", "top"].includes(a) ? -1 : 1, d = s && c ? -1 : 1, f = re(t, e);
+  } = e, s = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), a = oe(n), i = je(n), c = pe(n) === "y", u = ["left", "top"].includes(a) ? -1 : 1, d = s && c ? -1 : 1, f = re(t, e);
   let {
     mainAxis: g,
     crossAxis: m,
@@ -5018,11 +5019,11 @@ const Gl = function(e) {
       let m = u[g], v = u[f];
       if (s) {
         const b = g === "y" ? "top" : "left", y = g === "y" ? "bottom" : "right", x = m + d[b], C = m - d[y];
-        m = Mt(x, m, C);
+        m = jt(x, m, C);
       }
       if (a) {
         const b = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", x = v + d[b], C = v - d[y];
-        v = Mt(x, v, C);
+        v = jt(x, v, C);
       }
       const p = i.fn({
         ...t,
@@ -5099,7 +5100,7 @@ const Gl = function(e) {
         apply: c = () => {
         },
         ...u
-      } = re(e, t), d = await Fe(t, u), f = oe(o), g = Me(o), m = pe(o) === "y", {
+      } = re(e, t), d = await Fe(t, u), f = oe(o), g = je(o), m = pe(o) === "y", {
         width: v,
         height: p
       } = s.floating;
@@ -5116,8 +5117,8 @@ const Gl = function(e) {
         availableWidth: S,
         availableHeight: R
       });
-      const I = await a.getDimensions(i.floating);
-      return v !== I.width || p !== I.height ? {
+      const M = await a.getDimensions(i.floating);
+      return v !== M.width || p !== M.height ? {
         reset: {
           rects: !0
         }
@@ -5128,7 +5129,7 @@ const Gl = function(e) {
 function at() {
   return typeof window < "u";
 }
-function Ie(e) {
+function Me(e) {
   return ho(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function Y(e) {
@@ -5161,7 +5162,7 @@ function Ve(e) {
   return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && !["inline", "contents"].includes(o);
 }
 function Yl(e) {
-  return ["table", "td", "th"].includes(Ie(e));
+  return ["table", "td", "th"].includes(Me(e));
 }
 function it(e) {
   return [":popover-open", ":modal"].some((t) => {
@@ -5191,7 +5192,7 @@ function on() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 function Ae(e) {
-  return ["html", "body", "#document"].includes(Ie(e));
+  return ["html", "body", "#document"].includes(Me(e));
 }
 function q(e) {
   return Y(e).getComputedStyle(e);
@@ -5206,7 +5207,7 @@ function lt(e) {
   };
 }
 function me(e) {
-  if (Ie(e) === "html")
+  if (Me(e) === "html")
     return e;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
@@ -5226,12 +5227,12 @@ function $e(e, t, n) {
   t === void 0 && (t = []), n === void 0 && (n = !0);
   const o = vo(e), s = o === ((r = e.ownerDocument) == null ? void 0 : r.body), a = Y(o);
   if (s) {
-    const i = jt(a);
+    const i = It(a);
     return t.concat(a, a.visualViewport || [], Ve(o) ? o : [], i && n ? $e(i) : []);
   }
   return t.concat(o, $e(o, [], n));
 }
-function jt(e) {
+function It(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 function bo(e) {
@@ -5282,10 +5283,10 @@ function ye(e, t, n, r) {
   let c = (o.left + i.x) / a.x, u = (o.top + i.y) / a.y, d = o.width / a.x, f = o.height / a.y;
   if (s) {
     const g = Y(s), m = r && X(r) ? Y(r) : r;
-    let v = g, p = jt(v);
+    let v = g, p = It(v);
     for (; p && r && m !== v; ) {
       const b = Se(p), y = p.getBoundingClientRect(), x = q(p), C = y.left + (p.clientLeft + parseFloat(x.paddingLeft)) * b.x, w = y.top + (p.clientTop + parseFloat(x.paddingTop)) * b.y;
-      c *= b.x, u *= b.y, d *= b.x, f *= b.y, c += C, u += w, v = Y(p), p = jt(v);
+      c *= b.x, u *= b.y, d *= b.x, f *= b.y, c += C, u += w, v = Y(p), p = It(v);
     }
   }
   return nt({
@@ -5310,7 +5311,7 @@ function Ql(e) {
     scrollTop: 0
   }, u = fe(1);
   const d = fe(0), f = J(r);
-  if ((f || !f && !s) && ((Ie(r) !== "body" || Ve(a)) && (c = lt(r)), J(r))) {
+  if ((f || !f && !s) && ((Me(r) !== "body" || Ve(a)) && (c = lt(r)), J(r))) {
     const g = ye(r);
     u = Se(r), d.x = g.x + r.clientLeft, d.y = g.y + r.clientTop;
   }
@@ -5389,7 +5390,7 @@ function rc(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let r = $e(e, [], !1).filter((i) => X(i) && Ie(i) !== "body"), o = null;
+  let r = $e(e, [], !1).filter((i) => X(i) && Me(i) !== "body"), o = null;
   const s = q(e).position === "fixed";
   let a = s ? me(e) : e;
   for (; X(a) && !Ae(a); ) {
@@ -5434,7 +5435,7 @@ function ac(e, t, n) {
   };
   const c = fe(0);
   if (r || !r && !s)
-    if ((Ie(t) !== "body" || Ve(o)) && (i = lt(t)), r) {
+    if ((Me(t) !== "body" || Ve(o)) && (i = lt(t)), r) {
       const m = ye(t, !0, s, t);
       c.x = m.x + t.clientLeft, c.y = m.y + t.clientTop;
     } else o && (c.x = _t(o));
@@ -5674,7 +5675,7 @@ function yc(e) {
     O !== P.current && (P.current = O, p(O));
   }, []), C = l.useCallback((O) => {
     O !== R.current && (R.current = O, y(O));
-  }, []), w = s || v, E = a || b, P = l.useRef(null), R = l.useRef(null), S = l.useRef(d), I = c != null, D = Rt(c), L = Rt(o), A = Rt(u), _ = l.useCallback(() => {
+  }, []), w = s || v, E = a || b, P = l.useRef(null), R = l.useRef(null), S = l.useRef(d), M = c != null, D = Rt(c), L = Rt(o), A = Rt(u), _ = l.useCallback(() => {
     if (!P.current || !R.current)
       return;
     const O = {
@@ -5682,16 +5683,16 @@ function yc(e) {
       strategy: n,
       middleware: g
     };
-    L.current && (O.platform = L.current), bc(P.current, R.current, O).then(($) => {
+    L.current && (O.platform = L.current), bc(P.current, R.current, O).then((W) => {
       const U = {
-        ...$,
+        ...W,
         // The floating element's position may be recomputed while it's closed
         // but still mounted (such as when transitioning out). To ensure
         // `isPositioned` will be `false` initially on the next open, avoid
         // setting it to `true` when `open === false` (must be specified).
         isPositioned: A.current !== !1
       };
-      M.current && !rt(S.current, U) && (S.current = U, Un.flushSync(() => {
+      j.current && !rt(S.current, U) && (S.current = U, Un.flushSync(() => {
         f(U);
       }));
     });
@@ -5702,16 +5703,16 @@ function yc(e) {
       isPositioned: !1
     })));
   }, [u]);
-  const M = l.useRef(!1);
-  Qe(() => (M.current = !0, () => {
-    M.current = !1;
+  const j = l.useRef(!1);
+  Qe(() => (j.current = !0, () => {
+    j.current = !1;
   }), []), Qe(() => {
     if (w && (P.current = w), E && (R.current = E), w && E) {
       if (D.current)
         return D.current(w, E, _);
       _();
     }
-  }, [w, E, _, D, I]);
+  }, [w, E, _, D, M]);
   const z = l.useMemo(() => ({
     reference: P,
     floating: R,
@@ -5728,16 +5729,16 @@ function yc(e) {
     };
     if (!T.floating)
       return O;
-    const $ = Hn(T.floating, d.x), U = Hn(T.floating, d.y);
+    const W = Hn(T.floating, d.x), U = Hn(T.floating, d.y);
     return i ? {
       ...O,
-      transform: "translate(" + $ + "px, " + U + "px)",
+      transform: "translate(" + W + "px, " + U + "px)",
       ...Co(T.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: n,
-      left: $,
+      left: W,
       top: U
     };
   }, [n, i, T.floating, d.x, d.y]);
@@ -5795,7 +5796,7 @@ const xc = (e) => {
 var Nc = "Arrow", Eo = l.forwardRef((e, t) => {
   const { children: n, width: r = 10, height: o = 5, ...s } = e;
   return /* @__PURE__ */ h.jsx(
-    F.svg,
+    $.svg,
     {
       ...s,
       ref: t,
@@ -5818,7 +5819,7 @@ var Ao = "PopperAnchor", No = l.forwardRef(
     const { __scopePopper: n, virtualRef: r, ...o } = e, s = Po(Ao, n), a = l.useRef(null), i = B(t, a);
     return l.useEffect(() => {
       s.onAnchorChange((r == null ? void 0 : r.current) || a.current);
-    }), r ? null : /* @__PURE__ */ h.jsx(F.div, { ...o, ref: i });
+    }), r ? null : /* @__PURE__ */ h.jsx($.div, { ...o, ref: i });
   }
 );
 No.displayName = Ao;
@@ -5840,16 +5841,16 @@ var ln = "PopperContent", [kc, Dc] = Ro(ln), Oo = l.forwardRef(
       updatePositionStrategy: m = "optimized",
       onPlaced: v,
       ...p
-    } = e, b = Po(ln, n), [y, x] = l.useState(null), C = B(t, (je) => x(je)), [w, E] = l.useState(null), P = zt(w), R = (P == null ? void 0 : P.width) ?? 0, S = (P == null ? void 0 : P.height) ?? 0, I = r + (s !== "center" ? "-" + s : ""), D = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, L = Array.isArray(u) ? u : [u], A = L.length > 0, _ = {
+    } = e, b = Po(ln, n), [y, x] = l.useState(null), C = B(t, (Ie) => x(Ie)), [w, E] = l.useState(null), P = zt(w), R = (P == null ? void 0 : P.width) ?? 0, S = (P == null ? void 0 : P.height) ?? 0, M = r + (s !== "center" ? "-" + s : ""), D = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, L = Array.isArray(u) ? u : [u], A = L.length > 0, _ = {
       padding: D,
-      boundary: L.filter(Ic),
+      boundary: L.filter(Mc),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: A
-    }, { refs: M, floatingStyles: z, placement: T, isPositioned: V, middlewareData: O } = yc({
+    }, { refs: j, floatingStyles: z, placement: T, isPositioned: V, middlewareData: O } = yc({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
-      placement: I,
-      whileElementsMounted: (...je) => dc(...je, {
+      placement: M,
+      whileElementsMounted: (...Ie) => dc(...Ie, {
         animationFrame: m === "always"
       }),
       elements: {
@@ -5866,26 +5867,26 @@ var ln = "PopperContent", [kc, Dc] = Ro(ln), Oo = l.forwardRef(
         c && Rc({ ..._ }),
         Pc({
           ..._,
-          apply: ({ elements: je, rects: yn, availableWidth: ds, availableHeight: fs }) => {
-            const { width: ps, height: ms } = yn.reference, ze = je.floating.style;
+          apply: ({ elements: Ie, rects: yn, availableWidth: ds, availableHeight: fs }) => {
+            const { width: ps, height: ms } = yn.reference, ze = Ie.floating.style;
             ze.setProperty("--radix-popper-available-width", `${ds}px`), ze.setProperty("--radix-popper-available-height", `${fs}px`), ze.setProperty("--radix-popper-anchor-width", `${ps}px`), ze.setProperty("--radix-popper-anchor-height", `${ms}px`);
           }
         }),
         w && Ac({ element: w, padding: i }),
-        jc({ arrowWidth: R, arrowHeight: S }),
+        Ic({ arrowWidth: R, arrowHeight: S }),
         g && Sc({ strategy: "referenceHidden", ..._ })
       ]
-    }), [$, U] = Do(T), G = ne(v);
+    }), [W, U] = Do(T), H = ne(v);
     ve(() => {
-      V && (G == null || G());
-    }, [V, G]);
+      V && (H == null || H());
+    }, [V, H]);
     const as = (pn = O.arrow) == null ? void 0 : pn.x, is = (mn = O.arrow) == null ? void 0 : mn.y, ls = ((gn = O.arrow) == null ? void 0 : gn.centerOffset) !== 0, [cs, us] = l.useState();
     return ve(() => {
       y && us(window.getComputedStyle(y).zIndex);
     }, [y]), /* @__PURE__ */ h.jsx(
       "div",
       {
-        ref: M.setFloating,
+        ref: j.setFloating,
         "data-radix-popper-content-wrapper": "",
         style: {
           ...z,
@@ -5910,15 +5911,15 @@ var ln = "PopperContent", [kc, Dc] = Ro(ln), Oo = l.forwardRef(
           kc,
           {
             scope: n,
-            placedSide: $,
+            placedSide: W,
             onArrowChange: E,
             arrowX: as,
             arrowY: is,
             shouldHideArrow: ls,
             children: /* @__PURE__ */ h.jsx(
-              F.div,
+              $.div,
               {
-                "data-side": $,
+                "data-side": W,
                 "data-align": U,
                 ...p,
                 ref: C,
@@ -5937,13 +5938,13 @@ var ln = "PopperContent", [kc, Dc] = Ro(ln), Oo = l.forwardRef(
   }
 );
 Oo.displayName = ln;
-var To = "PopperArrow", Mc = {
+var To = "PopperArrow", jc = {
   top: "bottom",
   right: "left",
   bottom: "top",
   left: "right"
 }, ko = l.forwardRef(function(t, n) {
-  const { __scopePopper: r, ...o } = t, s = Dc(To, r), a = Mc[s.placedSide];
+  const { __scopePopper: r, ...o } = t, s = Dc(To, r), a = jc[s.placedSide];
   return (
     // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
     // doesn't report size as we'd expect on SVG elements.
@@ -5988,10 +5989,10 @@ var To = "PopperArrow", Mc = {
   );
 });
 ko.displayName = To;
-function Ic(e) {
+function Mc(e) {
   return e !== null;
 }
-var jc = (e) => ({
+var Ic = (e) => ({
   name: "transformOrigin",
   options: e,
   fn(t) {
@@ -6005,12 +6006,12 @@ function Do(e) {
   const [t, n = "center"] = e.split("-");
   return [t, n];
 }
-var Mo = So, cn = No, Io = Oo, jo = ko;
-const Bu = hl, zu = vl, _c = bl, Gu = fo, _o = H(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
+var jo = So, cn = No, Mo = Oo, Io = ko;
+const Bu = hl, zu = vl, _c = bl, Gu = fo, _o = G(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
   io,
   {
     ref: n,
-    className: W(
+    className: F(
       "al-fixed al-inset-0 al-z-50 al-bg-black/80 al- data-[state=open]:al-animate-in data-[state=closed]:al-animate-out data-[state=closed]:al-fade-out-0 data-[state=open]:al-fade-in-0",
       e
     ),
@@ -6018,13 +6019,13 @@ const Bu = hl, zu = vl, _c = bl, Gu = fo, _o = H(({ className: e, ...t }, n) =>
   }
 ));
 _o.displayName = io.displayName;
-const Lc = H(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ h.jsxs(_c, { children: [
+const Lc = G(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ h.jsxs(_c, { children: [
   /* @__PURE__ */ h.jsx(_o, {}),
   /* @__PURE__ */ h.jsxs(
     lo,
     {
       ref: r,
-      className: W(
+      className: F(
         "al-fixed al-left-[50%] al-top-[50%] al-z-50 al-grid al-w-full al-max-w-lg al-translate-x-[-50%] al-translate-y-[-50%] al-gap-4 al-border al-bg-background al-p-6 al-shadow-lg al-duration-200 data-[state=open]:al-animate-in data-[state=closed]:al-animate-out data-[state=closed]:al-fade-out-0 data-[state=open]:al-fade-in-0 data-[state=closed]:al-zoom-out-95 data-[state=open]:al-zoom-in-95 data-[state=closed]:al-slide-out-to-left-1/2 data-[state=closed]:al-slide-out-to-top-[48%] data-[state=open]:al-slide-in-from-left-1/2 data-[state=open]:al-slide-in-from-top-[48%] sm:al-rounded-lg",
         e
       ),
@@ -6043,7 +6044,7 @@ Lc.displayName = lo.displayName;
 const Fc = ({ className: e, ...t }) => /* @__PURE__ */ h.jsx(
   "div",
   {
-    className: W("al-flex al-flex-col al-space-y-1.5 al-text-center sm:al-text-left", e),
+    className: F("al-flex al-flex-col al-space-y-1.5 al-text-center sm:al-text-left", e),
     ...t
   }
 );
@@ -6051,7 +6052,7 @@ Fc.displayName = "DialogHeader";
 const $c = ({ className: e, ...t }) => /* @__PURE__ */ h.jsx(
   "div",
   {
-    className: W(
+    className: F(
       "al-flex al-flex-col-reverse sm:al-flex-row sm:al-justify-end sm:al-space-x-2",
       e
     ),
@@ -6059,20 +6060,20 @@ const $c = ({ className: e, ...t }) => /* @__PURE__ */ h.jsx(
   }
 );
 $c.displayName = "DialogFooter";
-const Wc = H(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
+const Wc = G(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
   co,
   {
     ref: n,
-    className: W("al-text-lg al-font-semibold al-leading-none al-tracking-tight", e),
+    className: F("al-text-lg al-font-semibold al-leading-none al-tracking-tight", e),
     ...t
   }
 ));
 Wc.displayName = co.displayName;
-const Vc = H(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
+const Vc = G(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
   uo,
   {
     ref: n,
-    className: W("al-text-sm al-text-muted-foreground", e),
+    className: F("al-text-sm al-text-muted-foreground", e),
     ...t
   }
 ));
@@ -6133,7 +6134,7 @@ var un = "Popover", [Fo, Hu] = se(un, [
     defaultProp: o,
     onChange: s
   });
-  return /* @__PURE__ */ h.jsx(Mo, { ...i, children: /* @__PURE__ */ h.jsx(
+  return /* @__PURE__ */ h.jsx(jo, { ...i, children: /* @__PURE__ */ h.jsx(
     Uc,
     {
       scope: t,
@@ -6161,7 +6162,7 @@ Kc.displayName = Wo;
 var Vo = "PopoverTrigger", Bo = l.forwardRef(
   (e, t) => {
     const { __scopePopover: n, ...r } = e, o = ge(Vo, n), s = Be(n), a = B(t, o.triggerRef), i = /* @__PURE__ */ h.jsx(
-      F.button,
+      $.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -6261,7 +6262,7 @@ var qc = l.forwardRef(
       onInteractOutside: d,
       ...f
     } = e, g = ge(Ne, n), m = Be(n);
-    return Ir(), /* @__PURE__ */ h.jsx(
+    return Mr(), /* @__PURE__ */ h.jsx(
       Kt,
       {
         asChild: !0,
@@ -6280,7 +6281,7 @@ var qc = l.forwardRef(
             onFocusOutside: u,
             onDismiss: () => g.onOpenChange(!1),
             children: /* @__PURE__ */ h.jsx(
-              Io,
+              Mo,
               {
                 "data-state": Ko(g.open),
                 role: "dialog",
@@ -6307,7 +6308,7 @@ var qc = l.forwardRef(
   (e, t) => {
     const { __scopePopover: n, ...r } = e, o = ge(Uo, n);
     return /* @__PURE__ */ h.jsx(
-      F.button,
+      $.button,
       {
         type: "button",
         ...r,
@@ -6321,7 +6322,7 @@ Qc.displayName = Uo;
 var Jc = "PopoverArrow", eu = l.forwardRef(
   (e, t) => {
     const { __scopePopover: n, ...r } = e, o = Be(n);
-    return /* @__PURE__ */ h.jsx(jo, { ...o, ...r, ref: t });
+    return /* @__PURE__ */ h.jsx(Io, { ...o, ...r, ref: t });
   }
 );
 eu.displayName = Jc;
@@ -6329,13 +6330,13 @@ function Ko(e) {
   return e ? "open" : "closed";
 }
 var tu = $o, nu = Bo, ru = zo, Yo = Go;
-const Uu = tu, Ku = nu, ou = H(({ className: e, align: t = "center", sideOffset: n = 4, ...r }, o) => /* @__PURE__ */ h.jsx(ru, { children: /* @__PURE__ */ h.jsx(
+const Uu = tu, Ku = nu, ou = G(({ className: e, align: t = "center", sideOffset: n = 4, ...r }, o) => /* @__PURE__ */ h.jsx(ru, { children: /* @__PURE__ */ h.jsx(
   Yo,
   {
     ref: o,
     align: t,
     sideOffset: n,
-    className: W(
+    className: F(
       "al-z-50 al-w-72 al-rounded-md al-border al-bg-popover al-p-4 al-text-popover-foreground al-shadow-md al-outline-none data-[state=open]:al-animate-in data-[state=closed]:al-animate-out data-[state=closed]:al-fade-out-0 data-[state=open]:al-fade-in-0 data-[state=closed]:al-zoom-out-95 data-[state=open]:al-zoom-in-95 data-[side=bottom]:al-slide-in-from-top-2 data-[side=left]:al-slide-in-from-right-2 data-[side=right]:al-slide-in-from-left-2 data-[side=top]:al-slide-in-from-bottom-2",
       e
     ),
@@ -6381,10 +6382,12 @@ const su = {
           "al-text-subheading": e === "subheading",
           "al-text-body": e === "body",
           "al-text-caption": e === "caption",
+          "al-font-light": r === "light" || !r && i === "light",
           "al-font-regular": r === "regular" || !r && i === "regular",
           "al-font-medium": r === "medium" || !r && i === "medium",
           "al-font-semibold": r === "semibold" || !r && i === "semibold",
           "al-font-bold": r === "bold" || !r && i === "bold",
+          "al-text-xs": o === "xs",
           "al-text-sm": o === "sm",
           "al-text-md": o === "md",
           "al-text-lg": o === "lg",
@@ -6440,7 +6443,7 @@ function uu(e) {
 }
 var du = "VisuallyHidden", qo = l.forwardRef(
   (e, t) => /* @__PURE__ */ h.jsx(
-    F.span,
+    $.span,
     {
       ...e,
       ref: t,
@@ -6526,7 +6529,7 @@ var ft = "Tooltip", [gu, pt] = ut(ft), Jo = (e) => {
   }, [p, x]);
   return l.useEffect(() => () => {
     m.current && (window.clearTimeout(m.current), m.current = 0);
-  }, []), /* @__PURE__ */ h.jsx(Mo, { ...u, children: /* @__PURE__ */ h.jsx(
+  }, []), /* @__PURE__ */ h.jsx(jo, { ...u, children: /* @__PURE__ */ h.jsx(
     gu,
     {
       scope: t,
@@ -6553,7 +6556,7 @@ var Wt = "TooltipTrigger", es = l.forwardRef(
   (e, t) => {
     const { __scopeTooltip: n, ...r } = e, o = pt(Wt, n), s = fn(Wt, n), a = dt(n), i = l.useRef(null), c = B(t, i, o.onTriggerChange), u = l.useRef(!1), d = l.useRef(!1), f = l.useCallback(() => u.current = !1, []);
     return l.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ h.jsx(cn, { asChild: !0, ...a, children: /* @__PURE__ */ h.jsx(
-      F.button,
+      $.button,
       {
         "aria-describedby": o.open ? o.contentId : void 0,
         "data-state": o.stateAttribute,
@@ -6639,7 +6642,7 @@ var hu = "TooltipPortal", [qu, vu] = ut(hu, {
         onFocusOutside: (f) => f.preventDefault(),
         onDismiss: d,
         children: /* @__PURE__ */ h.jsxs(
-          Io,
+          Mo,
           {
             "data-state": c.stateAttribute,
             ...u,
@@ -6670,7 +6673,7 @@ var rs = "TooltipArrow", wu = l.forwardRef(
     return xu(
       rs,
       n
-    ).isInside ? null : /* @__PURE__ */ h.jsx(jo, { ...o, ...r, ref: t });
+    ).isInside ? null : /* @__PURE__ */ h.jsx(Io, { ...o, ...r, ref: t });
   }
 );
 wu.displayName = rs;
@@ -6772,7 +6775,7 @@ const Zu = Nu, ku = Ou, Du = Tu, ss = l.forwardRef(({ className: e, sideOffset:
   {
     ref: r,
     sideOffset: t,
-    className: W(
+    className: F(
       "al-z-50 al-overflow-hidden al-rounded-md al-border al-bg-popover al-px-3 al-py-1.5 al-text-sm al-text-popover-foreground al-shadow-md al-animate-in al-fade-in-0 al-zoom-in-95 data-[state=closed]:al-animate-out data-[state=closed]:al-fade-out-0 data-[state=closed]:al-zoom-out-95 data-[side=bottom]:al-slide-in-from-top-2 data-[side=left]:al-slide-in-from-right-2 data-[side=right]:al-slide-in-from-left-2 data-[side=top]:al-slide-in-from-bottom-2",
       e
     ),
@@ -6785,87 +6788,157 @@ const Qu = ({
   title: t,
   ...n
 }) => t ? /* @__PURE__ */ h.jsxs(ku, { ...n, children: [
-  /* @__PURE__ */ h.jsx(Du, { asChild: !0, children: e }),
+  /* @__PURE__ */ h.jsx(Du, { asChild: !0, children: /* @__PURE__ */ h.jsx(h.Fragment, { children: e }) }),
   /* @__PURE__ */ h.jsx(ss, { children: t })
-] }) : /* @__PURE__ */ h.jsx(h.Fragment, { children: e });
+] }) : /* @__PURE__ */ h.jsx(h.Fragment, { children: e }), Ju = G(function({
+  children: t,
+  wrap: n = !1,
+  justify: r,
+  align: o,
+  flex: s,
+  gap: a = "md",
+  className: i,
+  direction: c = "row",
+  ...u
+}, d) {
+  const f = (m) => ({
+    none: "al-gap-0",
+    xxs: "al-gap-0.5",
+    // 2px
+    xs: "al-gap-1",
+    // 4px
+    sm: "al-gap-1.5",
+    // 6px
+    md: "al-gap-2",
+    // 8px
+    lg: "al-gap-3",
+    // 12px
+    xl: "al-gap-4",
+    // 16px
+    "2xl": "al-gap-5",
+    // 20px
+    "3xl": "al-gap-6",
+    // 24px
+    "4xl": "al-gap-8",
+    // 32px
+    "5xl": "al-gap-10",
+    // 40px
+    "6xl": "al-gap-12",
+    // 48px
+    "7xl": "al-gap-16",
+    // 64px
+    "8xl": "al-gap-20"
+    // 80px
+  })[m], g = F(
+    "al-flex",
+    // Direction
+    c === "column" ? "al-flex-col" : "al-flex-row",
+    // Wrap
+    n ? "al-flex-wrap" : "al-flex-nowrap",
+    // Justify
+    {
+      "al-justify-start": r === "start",
+      "al-justify-end": r === "end",
+      "al-justify-center": r === "center",
+      "al-justify-between": r === "between",
+      "al-justify-around": r === "around",
+      "al-justify-evenly": r === "evenly"
+    },
+    // Align
+    {
+      "al-items-start": o === "start",
+      "al-items-end": o === "end",
+      "al-items-center": o === "center",
+      "al-items-baseline": o === "baseline",
+      "al-items-stretch": o === "stretch"
+    },
+    // Flex
+    s && `al-flex-[${s}]`,
+    // Gap
+    f(a),
+    i
+  );
+  return /* @__PURE__ */ h.jsx("div", { ...u, className: g, ref: d, children: t });
+});
 export {
-  Bu as $,
-  Ha as A,
-  $u as B,
-  ia as C,
-  ct as D,
-  cn as E,
-  We as F,
-  Io as G,
-  jo as H,
-  ri as I,
-  Mo as J,
-  Rl as K,
-  Nl as L,
-  El as M,
-  ni as N,
-  Or as O,
-  F as P,
-  Pl as Q,
-  Fu as R,
+  Tl as $,
+  cn as A,
+  jo as B,
+  fo as C,
+  uo as D,
+  Yt as E,
+  Kt as F,
+  Re as G,
+  Bu as H,
+  Ha as I,
+  Lc as J,
+  ve as K,
+  Wu as L,
+  ia as M,
+  El as N,
+  io as O,
+  $ as P,
+  la as Q,
+  hl as R,
   ta as S,
-  Yu as T,
-  Ol as U,
+  vl as T,
+  Rl as U,
   qo as V,
-  Sl as W,
-  Al as X,
-  Tl as Y,
-  Qc as Z,
-  lr as _,
+  Vu as W,
+  Nl as X,
+  Sl as Y,
+  Ju as Z,
+  Pl as _,
   se as a,
-  _c as a0,
-  _o as a1,
-  Gu as a2,
-  zu as a3,
-  Lc as a4,
-  Fc as a5,
-  $c as a6,
-  Wc as a7,
-  Vc as a8,
-  Qu as a9,
-  hl as aa,
-  vl as ab,
-  fo as ac,
-  bl as ad,
-  io as ae,
-  lo as af,
-  co as ag,
-  uo as ah,
-  ke as ai,
-  zr as aj,
-  Ir as ak,
-  Kt as al,
-  Xt as am,
-  Wu as an,
-  Vu as ao,
+  Qu as a0,
+  Yu as a1,
+  Uu as a2,
+  Ku as a3,
+  ou as a4,
+  ri as a5,
+  lr as a6,
+  _c as a7,
+  _o as a8,
+  $u as a9,
+  Fu as aa,
+  Zu as ab,
+  ku as ac,
+  Du as ad,
+  ss as ae,
+  ni as af,
+  Or as ag,
+  Ol as ah,
+  Al as ai,
+  Qc as aj,
+  Gu as ak,
+  zu as al,
+  Fc as am,
+  $c as an,
+  Wc as ao,
+  Vc as ap,
   De as b,
-  W as c,
+  F as c,
   k as d,
   tr as e,
   zt as f,
-  ne as g,
-  ve as h,
-  Ta as i,
-  ae as j,
-  Yt as k,
-  xa as l,
-  er as m,
-  Uu as n,
-  Ku as o,
-  la as p,
-  ou as q,
-  Zu as r,
-  ku as s,
-  Du as t,
+  bl as g,
+  lo as h,
+  co as i,
+  er as j,
+  ke as k,
+  Ta as l,
+  ct as m,
+  dr as n,
+  ae as o,
+  zr as p,
+  Mr as q,
+  We as r,
+  Ga as s,
+  Mo as t,
   B as u,
-  ss as v,
-  dr as w,
-  cr as x,
-  Re as y,
-  Ga as z
+  ne as v,
+  Io as w,
+  Xt as x,
+  xa as y,
+  cr as z
 };