@commercetools/nimbus 0.0.5-rc1 → 0.0.5-rc4

package/dist/index.js

@@ -1,14 +1,14 @@
-import { defineRecipe as H, createRecipeContext as U, Image as St, Box as kt, defaultSystem as Be, mergeRefs as M, Dialog as A, Portal as Pt, List as Fe, GridItem as _e, SimpleGrid as Rt, Table as _, Text as Tt, defineAnimationStyles as At, defineGlobalStyles as zt, defineLayerStyles as Et, defineSemanticTokens as he, defineSlotRecipe as D, defineTextStyles as It, defineTokens as P, createSystem as Nt, defaultBaseConfig as Ht, defineConfig as Dt, ChakraProvider as Lt, createSlotRecipeContext as q, useSlotRecipe as be, Stack as Bt, useRecipe as Ft, Grid as _t, chakra as Wt, Flex as ie, mergeProps as Ot } from "@chakra-ui/react";
-import { Bleed as ka, Code as Pa, Em as Ra, Flex as Ta, Heading as Aa, Highlight as za, Kbd as Ea, List as Ia, Table as Na } from "@chakra-ui/react";
+import { defineRecipe as N, createRecipeContext as U, Image as St, Box as kt, defaultSystem as Be, mergeRefs as M, Dialog as A, Portal as Pt, List as Fe, GridItem as _e, SimpleGrid as Rt, Table as _, Text as Tt, defineAnimationStyles as At, defineGlobalStyles as zt, defineLayerStyles as Et, defineSemanticTokens as he, defineSlotRecipe as H, defineTextStyles as It, defineTokens as P, createSystem as Nt, defaultBaseConfig as Ht, defineConfig as Dt, ChakraProvider as Lt, createSlotRecipeContext as q, useSlotRecipe as be, Stack as Bt, useRecipe as Ft, Grid as _t, chakra as Wt, Flex as ie, mergeProps as Ot } from "@chakra-ui/react";
+import { Bleed as Sa, Code as ka, Em as Pa, Flex as Ra, Heading as Ta, Highlight as Aa, Kbd as za, List as Ea, Table as Ia } from "@chakra-ui/react";
 import { themeTokens as y } from "@commercetools/nimbus-tokens";
 import * as S from "react";
-import Te, { forwardRef as g, useRef as z, isValidElement as We, cloneElement as Oe, useState as N, useEffect as T, useContext as R, createContext as X, useMemo as Ve, Children as Vt, useCallback as ae, useLayoutEffect as $t } from "react";
+import Te, { forwardRef as g, useRef as z, isValidElement as We, cloneElement as Oe, useContext as R, createContext as X, useState as F, useMemo as Ve, useEffect as T, Children as Vt, useCallback as ae, useLayoutEffect as $t } from "react";
 import { jsx as n, jsxs as C, Fragment as Mt } from "react/jsx-runtime";
 import { useObjectRef as Y, useButton as $e, mergeProps as G, useLink as Gt, useFocusable as jt, useCheckbox as Kt, useFocusRing as ve, VisuallyHidden as Ut, useId as qt, useDisclosure as Xt, useProgressBar as Yt, useField as Jt } from "react-aria";
 import { Tooltip as Zt, TooltipTrigger as Qt, TextField as eo, Input as to, SelectStateContext as oo, Select as ro, Button as no, SelectValue as io, Popover as Me, ListBox as ao, ListBoxItem as lo, ListBoxSection as so, Header as co, Collection as uo, ToggleButtonGroup as po, ToggleButton as mo, DialogTrigger as fo, Dialog as go } from "react-aria-components";
 import { useToggleState as ho, useDisclosureGroupState as bo, useDisclosureState as vo } from "react-stately";
 import { Check as yo, Remove as xo, Close as Co, Loop as wo, KeyboardArrowDown as So, KeyboardArrowRight as ko, CheckCircleOutline as Po, WarningAmber as Ro, Info as To, ErrorOutline as Ge, Clear as Ao, HelpOutline as zo } from "@commercetools/nimbus-icons";
-const je = H({
+const je = N({
   className: "avatar",
   base: {
     display: "inline-flex",
@@ -46,20 +46,20 @@ function No(e, t) {
   return e.split("")[0].toUpperCase() + t.split("")[0].toUpperCase();
 }
 const Ho = g((e, t) => {
-  const { firstName: o, lastName: r, src: a, alt: i, ...c } = e, l = `${o} ${r}`, d = {
-    "aria-label": `${l} avatar`,
+  const { firstName: o, lastName: r, src: l, alt: i, ...c } = e, a = `${o} ${r}`, d = {
+    "aria-label": `${a} avatar`,
     ref: t,
     ...c
   };
-  return /* @__PURE__ */ n(Io, { ...d, children: a ? (
+  return /* @__PURE__ */ n(Io, { ...d, children: l ? (
     // TODO: implement more robust error handling for image
-    /* @__PURE__ */ n(St, { src: a, alt: i || l })
+    /* @__PURE__ */ n(St, { src: l, alt: i || a })
   ) : No(o, r) });
 });
 Ho.displayName = "Avatar";
 const O = g((e, t) => /* @__PURE__ */ n(kt, { ref: t, ...e }));
 O.displayName = "Box";
-const K = H({
+const K = N({
   className: "nimbus-button",
   base: {
     borderRadius: "200",
@@ -273,14 +273,14 @@ const { withContext: Fo } = U({
   }
 ), ye = g(
   (e, t) => {
-    const { as: o, asChild: r, children: a, ...i } = e, c = z(null), l = Y(M(c, t)), d = o || (r ? "a" : "button") || "button", { buttonProps: p } = $e(
+    const { as: o, asChild: r, children: l, ...i } = e, c = z(null), a = Y(M(c, t)), d = o || (r ? "a" : "button") || "button", { buttonProps: p } = $e(
       {
         ...i,
         elementType: d
       },
-      l
+      a
     );
-    return /* @__PURE__ */ n(_o, { ...G(i, p, { as: o, asChild: r, ref: l }), children: a });
+    return /* @__PURE__ */ n(_o, { ...G(i, p, { as: o, asChild: r, ref: a }), children: l });
   }
 );
 ye.displayName = "Button";
@@ -288,14 +288,14 @@ const Wi = g(
   function(t, o) {
     const {
       children: r,
-      portalled: a = !0,
+      portalled: l = !0,
       portalRef: i,
       backdrop: c = !0,
-      ...l
+      ...a
     } = t;
-    return /* @__PURE__ */ C(Pt, { disabled: !a, container: i, children: [
+    return /* @__PURE__ */ C(Pt, { disabled: !l, container: i, children: [
       c && /* @__PURE__ */ n(A.Backdrop, {}),
-      /* @__PURE__ */ n(A.Positioner, { children: /* @__PURE__ */ n(A.Content, { ref: o, ...l, asChild: !1, children: r }) })
+      /* @__PURE__ */ n(A.Positioner, { children: /* @__PURE__ */ n(A.Content, { ref: o, ...a, asChild: !1, children: r }) })
     ] });
   }
 ), Oi = g(function(t, o) {
@@ -314,7 +314,7 @@ const Wi = g(
   ({ children: e, ...t }, o) => /* @__PURE__ */ n(ye, { px: 0, py: 0, ref: o, ...t, children: e })
 );
 le.displayName = "IconButton";
-const Ke = H({
+const Ke = N({
   className: "nimbus-link",
   // Base styles applied to all instances of the component
   base: {
@@ -361,8 +361,8 @@ const Ke = H({
   }
 }), { withContext: Wo } = U({ recipe: Ke }), Oo = Wo("a"), Vo = g(
   (e, t) => {
-    const { as: o, asChild: r, children: a, ...i } = e, c = z(null), l = Y(M(c, t)), d = o || (r ? "span" : "a") || "a", { linkProps: p } = Gt({ ...i, elementType: d }, l);
-    return /* @__PURE__ */ n(Oo, { ...G(i, p, { as: o, asChild: r, ref: l }), children: a });
+    const { as: o, asChild: r, children: l, ...i } = e, c = z(null), a = Y(M(c, t)), d = o || (r ? "span" : "a") || "a", { linkProps: p } = Gt({ ...i, elementType: d }, a);
+    return /* @__PURE__ */ n(Oo, { ...G(i, p, { as: o, asChild: r, ref: a }), children: l });
   }
 );
 Vo.displayName = "Link";
@@ -376,7 +376,7 @@ const Zi = Object.assign(Ue, {
   (e, t) => /* @__PURE__ */ n(Tt, { ref: t, ...e })
 );
 $o.displayName = "Text";
-const qe = H({
+const qe = N({
   // Unique class name prefix for the component
   className: "nimbus-tooltip",
   // Base styles applied to all instances of the component
@@ -395,36 +395,36 @@ const qe = H({
     boxShadow: "1"
   }
 }), { withContext: Mo } = U({ recipe: qe }), Go = Mo("div"), jo = g(
-  function({ children: t, placement: o = "bottom", ...r }, a) {
-    return /* @__PURE__ */ n(Go, { ref: a, asChild: !0, ...r, children: /* @__PURE__ */ n(Zt, { placement: o, ...r, children: t }) });
+  function({ children: t, placement: o = "bottom", ...r }, l) {
+    return /* @__PURE__ */ n(Go, { ref: l, asChild: !0, ...r, children: /* @__PURE__ */ n(Zt, { placement: o, ...r, children: t }) });
   }
 );
 jo.displayName = "Tooltip";
 const Ko = Qt;
 Ko.displayName = "TooltipTrigger";
 const Uo = g(function(t, o) {
-  const r = z(null), a = Y(M(r, o)), { focusableProps: i } = jt(t, a);
+  const r = z(null), l = Y(M(r, o)), { focusableProps: i } = jt(t, l);
   if (We(t.children))
     return Oe(
       t.children,
       G(
         i,
         t.children.props,
-        { ref: a }
+        { ref: l }
       )
     );
 });
 Uo.displayName = "MakeElementFocusable";
-var qo = (e, t, o, r, a, i, c, l) => {
+var qo = (e, t, o, r, l, i, c, a) => {
   let d = document.documentElement, p = ["light", "dark"];
   function m(s) {
     (Array.isArray(e) ? e : [e]).forEach((h) => {
-      let x = h === "class", k = x && i ? a.map((w) => i[w] || w) : a;
+      let x = h === "class", k = x && i ? l.map((w) => i[w] || w) : l;
       x ? (d.classList.remove(...k), d.classList.add(i && i[s] ? i[s] : s)) : d.setAttribute(h, s);
     }), v(s);
   }
   function v(s) {
-    l && p.includes(s) && (d.style.colorScheme = s);
+    a && p.includes(s) && (d.style.colorScheme = s);
   }
   function u() {
     return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
@@ -439,45 +439,45 @@ var qo = (e, t, o, r, a, i, c, l) => {
 }, themes: [] }, Jo = () => {
   var e;
   return (e = S.useContext(xe)) != null ? e : Yo;
-}, Zo = (e) => S.useContext(xe) ? S.createElement(S.Fragment, null, e.children) : S.createElement(er, { ...e }), Qo = ["light", "dark"], er = ({ forcedTheme: e, disableTransitionOnChange: t = !1, enableSystem: o = !0, enableColorScheme: r = !0, storageKey: a = "theme", themes: i = Qo, defaultTheme: c = o ? "system" : "light", attribute: l = "data-theme", value: d, children: p, nonce: m, scriptProps: v }) => {
-  let [u, s] = S.useState(() => or(a, c)), [h, x] = S.useState(() => u === "system" ? ce() : u), k = d ? Object.values(d) : i, w = S.useCallback((b) => {
+}, Zo = (e) => S.useContext(xe) ? S.createElement(S.Fragment, null, e.children) : S.createElement(er, { ...e }), Qo = ["light", "dark"], er = ({ forcedTheme: e, disableTransitionOnChange: t = !1, enableSystem: o = !0, enableColorScheme: r = !0, storageKey: l = "theme", themes: i = Qo, defaultTheme: c = o ? "system" : "light", attribute: a = "data-theme", value: d, children: p, nonce: m, scriptProps: v }) => {
+  let [u, s] = S.useState(() => or(l, c)), [h, x] = S.useState(() => u === "system" ? ce() : u), k = d ? Object.values(d) : i, w = S.useCallback((b) => {
     let f = b;
     if (!f) return;
     b === "system" && o && (f = ce());
-    let E = d ? d[f] : f, Z = t ? rr(m) : null, I = document.documentElement, ne = (F) => {
-      F === "class" ? (I.classList.remove(...k), E && I.classList.add(E)) : F.startsWith("data-") && (E ? I.setAttribute(F, E) : I.removeAttribute(F));
+    let E = d ? d[f] : f, Z = t ? rr(m) : null, I = document.documentElement, ne = (B) => {
+      B === "class" ? (I.classList.remove(...k), E && I.classList.add(E)) : B.startsWith("data-") && (E ? I.setAttribute(B, E) : I.removeAttribute(B));
     };
-    if (Array.isArray(l) ? l.forEach(ne) : ne(l), r) {
-      let F = Ae.includes(c) ? c : null, j = Ae.includes(f) ? f : F;
+    if (Array.isArray(a) ? a.forEach(ne) : ne(a), r) {
+      let B = Ae.includes(c) ? c : null, j = Ae.includes(f) ? f : B;
       I.style.colorScheme = j;
     }
     Z == null || Z();
-  }, [m]), L = S.useCallback((b) => {
+  }, [m]), D = S.useCallback((b) => {
     let f = typeof b == "function" ? b(u) : b;
     s(f);
     try {
-      localStorage.setItem(a, f);
+      localStorage.setItem(l, f);
     } catch {
     }
-  }, [u]), B = S.useCallback((b) => {
+  }, [u]), L = S.useCallback((b) => {
     let f = ce(b);
     x(f), u === "system" && o && !e && w("system");
   }, [u, e]);
   S.useEffect(() => {
     let b = window.matchMedia(Xe);
-    return b.addListener(B), B(b), () => b.removeListener(B);
-  }, [B]), S.useEffect(() => {
+    return b.addListener(L), L(b), () => b.removeListener(L);
+  }, [L]), S.useEffect(() => {
     let b = (f) => {
-      f.key === a && (f.newValue ? s(f.newValue) : L(c));
+      f.key === l && (f.newValue ? s(f.newValue) : D(c));
     };
     return window.addEventListener("storage", b), () => window.removeEventListener("storage", b);
-  }, [L]), S.useEffect(() => {
+  }, [D]), S.useEffect(() => {
     w(e ?? u);
   }, [e, u]);
-  let W = S.useMemo(() => ({ theme: u, setTheme: L, forcedTheme: e, resolvedTheme: u === "system" ? h : u, themes: o ? [...i, "system"] : i, systemTheme: o ? h : void 0 }), [u, L, e, h, o, i]);
-  return S.createElement(xe.Provider, { value: W }, S.createElement(tr, { forcedTheme: e, storageKey: a, attribute: l, enableSystem: o, enableColorScheme: r, defaultTheme: c, value: d, themes: i, nonce: m, scriptProps: v }), p);
-}, tr = S.memo(({ forcedTheme: e, storageKey: t, attribute: o, enableSystem: r, enableColorScheme: a, defaultTheme: i, value: c, themes: l, nonce: d, scriptProps: p }) => {
-  let m = JSON.stringify([o, t, i, e, l, c, r, a]).slice(1, -1);
+  let W = S.useMemo(() => ({ theme: u, setTheme: D, forcedTheme: e, resolvedTheme: u === "system" ? h : u, themes: o ? [...i, "system"] : i, systemTheme: o ? h : void 0 }), [u, D, e, h, o, i]);
+  return S.createElement(xe.Provider, { value: W }, S.createElement(tr, { forcedTheme: e, storageKey: l, attribute: a, enableSystem: o, enableColorScheme: r, defaultTheme: c, value: d, themes: i, nonce: m, scriptProps: v }), p);
+}, tr = S.memo(({ forcedTheme: e, storageKey: t, attribute: o, enableSystem: r, enableColorScheme: l, defaultTheme: i, value: c, themes: a, nonce: d, scriptProps: p }) => {
+  let m = JSON.stringify([o, t, i, e, a, c, r, l]).slice(1, -1);
   return S.createElement("script", { ...p, suppressHydrationWarning: !0, nonce: typeof window > "u" ? d : "", dangerouslySetInnerHTML: { __html: `(${qo.toString()})(${m})` } });
 }), or = (e, t) => {
   if (Xo) return;
@@ -817,7 +817,7 @@ const lr = ar(y.breakpoints), sr = zt({
       cursor: "not-allowed"
     }
   }
-}), ur = H({
+}), ur = N({
   className: "nimbus-code",
   base: {
     fontFamily: "mono",
@@ -877,7 +877,7 @@ const lr = ar(y.breakpoints), sr = zt({
     variant: "solid",
     size: "md"
   }
-}), pr = H({
+}), pr = N({
   className: "nimbus-heading",
   base: {
     fontFamily: "heading",
@@ -923,7 +923,7 @@ const lr = ar(y.breakpoints), sr = zt({
   defaultVariants: {
     size: "xl"
   }
-}), mr = H({
+}), mr = N({
   className: "nimbus-kbd",
   base: {
     display: "inline-flex",
@@ -977,7 +977,7 @@ const lr = ar(y.breakpoints), sr = zt({
     size: "md",
     variant: "raised"
   }
-}), Ce = H({
+}), Ce = N({
   // Unique class name prefix for the component
   className: "nimbus-text-input",
   // Base styles applied to all instances of the component
@@ -1096,7 +1096,7 @@ const lr = ar(y.breakpoints), sr = zt({
   colors: gr,
   shadows: hr,
   radii: br
-}, yr = D({
+}, yr = H({
   slots: [
     "trigger",
     "backdrop",
@@ -1347,7 +1347,7 @@ const lr = ar(y.breakpoints), sr = zt({
     placement: "top",
     motionPreset: "scale"
   }
-}), xr = D({
+}), xr = H({
   className: "chakra-list",
   slots: ["root", "item", "indicator"],
   base: {
@@ -1412,7 +1412,7 @@ const lr = ar(y.breakpoints), sr = zt({
   defaultVariants: {
     variant: "marker"
   }
-}), Cr = D({
+}), Cr = H({
   className: "chakra-table",
   slots: [
     "root",
@@ -1579,7 +1579,7 @@ const lr = ar(y.breakpoints), sr = zt({
     variant: "line",
     size: "md"
   }
-}), wr = D({
+}), wr = H({
   slots: ["root", "label", "indicator"],
   // Unique class name prefix for the component
   className: "nimbus-checkbox",
@@ -1677,7 +1677,7 @@ const lr = ar(y.breakpoints), sr = zt({
   defaultVariants: {
     size: "md"
   }
-}), Je = D({
+}), Je = H({
   slots: [
     "root",
     "trigger",
@@ -1874,7 +1874,7 @@ const lr = ar(y.breakpoints), sr = zt({
     size: "md",
     variant: "outline"
   }
-}), Sr = D({
+}), Sr = H({
   slots: [
     "root",
     "disclosure",
@@ -1975,8 +1975,8 @@ const lr = ar(y.breakpoints), sr = zt({
   ...y.color["blacks-and-whites"]
 }), Ir = P.durations(y.duration), Nr = P.easings(y.easing), Hr = P.fonts(y.fontFamily), Dr = P.fontSizes(y.fontSize), Lr = P.fontWeights(y.fontWeight), Br = (e) => Object.keys(e).reduce(
   (t, o) => {
-    const a = parseFloat(e[o].value) / 100;
-    return t[o] = { value: `${a}em` }, t;
+    const l = parseFloat(e[o].value) / 100;
+    return t[o] = { value: `${l}em` }, t;
   },
   {}
 ), Fr = P.letterSpacings(
@@ -2132,23 +2132,7 @@ const lr = ar(y.breakpoints), sr = zt({
     animationStyles: ir
   }
 }), Kr = Nt(Ht, jr);
-function da() {
-  const [e, t] = N(o());
-  function o() {
-    return document.documentElement.style.getPropertyValue("color-scheme") || localStorage.getItem("theme") || "light";
-  }
-  return T(() => {
-    const r = document.documentElement, a = new MutationObserver(() => {
-      const i = o();
-      t(i);
-    });
-    return a.observe(r, {
-      attributes: !0,
-      attributeFilter: ["style"]
-    }), () => a.disconnect();
-  }, []), e;
-}
-function ua({ children: e, ...t }) {
+function da({ children: e, ...t }) {
   return /* @__PURE__ */ n(Lt, { value: Kr, children: /* @__PURE__ */ n(nr, { enableSystem: !1, ...t, children: /* @__PURE__ */ n(Mt, { children: e }) }) });
 }
 function se(e) {
@@ -2167,7 +2151,7 @@ const { withProvider: Ur, withContext: Ze } = q({
   "label"
 ), Yr = Ze("span", "indicator"), Jr = g(
   (e, t) => {
-    const o = z(null), r = Y(M(o, t)), a = be({ key: "checkbox" }), [i] = a.splitVariantProps(e), [c, l] = se(e), d = ho(e), { inputProps: p } = Kt(l, d, r), { isFocused: m, focusProps: v } = ve(), u = d.isSelected && !e.isIndeterminate, s = e.isIndeterminate, h = {
+    const o = z(null), r = Y(M(o, t)), l = be({ key: "checkbox" }), [i] = l.splitVariantProps(e), [c, a] = se(e), d = ho(e), { inputProps: p } = Kt(a, d, r), { isFocused: m, focusProps: v } = ve(), u = d.isSelected && !e.isIndeterminate, s = e.isIndeterminate, h = {
       "data-selected": u,
       "data-indeterminate": s,
       "data-invalid": e.isInvalid,
@@ -2205,14 +2189,14 @@ const { withContext: Zr } = U({ recipe: Ce }), Qr = Zr(
   "input"
 ), en = g(
   (e, t) => {
-    const o = z(null), r = Y(M(o, t)), a = Ft({ recipe: Ce }), [i, c] = a.splitVariantProps(e), [l, d] = se(c);
-    return /* @__PURE__ */ n(eo, { ...d, children: /* @__PURE__ */ n(Qr, { ref: r, ...i, ...l, asChild: !0, children: /* @__PURE__ */ n(to, {}) }) });
+    const o = z(null), r = Y(M(o, t)), l = Ft({ recipe: Ce }), [i, c] = l.splitVariantProps(e), [a, d] = se(c);
+    return /* @__PURE__ */ n(eo, { ...d, children: /* @__PURE__ */ n(Qr, { ref: r, ...i, ...a, asChild: !0, children: /* @__PURE__ */ n(to, {}) }) });
   }
 );
 en.displayName = "TextInput";
 const et = g((e, t) => /* @__PURE__ */ n(_t, { ref: t, ...e }));
 et.displayName = "Grid";
-const pa = Object.assign(et, {
+const ua = Object.assign(et, {
   Item: _e
 }), { withProvider: tn, withContext: Q } = q({
   key: "select"
@@ -2238,12 +2222,12 @@ const pa = Object.assign(et, {
 };
 tt.displayName = "Select.ClearButton";
 const ot = g(
-  ({ children: e, isLoading: t, isDisabled: o, ...r }, a) => {
-    const i = be({ recipe: Je }), [c, l] = i.splitVariantProps(r), [d, p] = se(l), m = {
+  ({ children: e, isLoading: t, isDisabled: o, ...r }, l) => {
+    const i = be({ recipe: Je }), [c, a] = i.splitVariantProps(r), [d, p] = se(a), m = {
       ...p,
       isDisabled: t || o
     };
-    return /* @__PURE__ */ n(on, { asChild: !0, ref: a, ...c, ...d, children: /* @__PURE__ */ C(ro, { ...m, children: [
+    return /* @__PURE__ */ n(on, { asChild: !0, ref: l, ...c, ...d, children: /* @__PURE__ */ C(ro, { ...m, children: [
       /* @__PURE__ */ C(Wt.div, { position: "relative", children: [
         /* @__PURE__ */ n(rn, { zIndex: 0, asChild: !0, children: /* @__PURE__ */ n(no, { children: /* @__PURE__ */ n(nn, { asChild: !0, children: /* @__PURE__ */ n(io, {}) }) }) }),
         /* @__PURE__ */ C(
@@ -2279,19 +2263,19 @@ const nt = Se(
 );
 nt.displayName = "Select.Option";
 const it = Se(
-  ({ label: e, items: t, children: o, ...r }, a) => {
+  ({ label: e, items: t, children: o, ...r }, l) => {
     if (t && typeof o != "function")
       throw new Error(
         'SelectOptionGroup: When "items" is provided, "children" must be a function'
       );
-    return /* @__PURE__ */ C(so, { ref: a, ...r, children: [
+    return /* @__PURE__ */ C(so, { ref: l, ...r, children: [
       /* @__PURE__ */ n(sn, { asChild: !0, children: /* @__PURE__ */ n(co, { children: e }) }),
       t ? /* @__PURE__ */ n(uo, { items: t, children: (i) => typeof o == "function" ? o(i) : null }) : o
     ] });
   }
 );
 it.displayName = "Select.OptionGroup";
-const ma = {
+const pa = {
   Root: ot,
   Options: rt,
   Option: nt,
@@ -2303,20 +2287,20 @@ const ma = {
   "root"
 ), un = ee("div", "disclosure"), pn = ee("button", "trigger"), mn = ee("div", "panel"), fn = ee("div", "accordionTitle"), fe = ee("div", "headerContentRight"), ke = X(null), at = X(null), gn = g(
   ({ children: e, onExpandedChange: t, ...o }, r) => {
-    const a = bo({
+    const l = bo({
       ...o,
-      onExpandedChange: (l) => {
-        t == null || t(l.size > 0);
+      onExpandedChange: (a) => {
+        t == null || t(a.size > 0);
       }
     }), i = be({ key: "accordion" }), [c] = i.splitVariantProps(o);
-    return /* @__PURE__ */ n(at.Provider, { value: a, children: /* @__PURE__ */ n(dn, { "data-slot": "root", ref: r, ...c, children: e }) });
+    return /* @__PURE__ */ n(at.Provider, { value: l, children: /* @__PURE__ */ n(dn, { "data-slot": "root", ref: r, ...c, children: e }) });
   }
 ), hn = g(({ children: e }, t) => {
   const o = R(ke);
   if (!o)
     throw new Error("Accordion.Header must be used within Accordion.Item");
   const r = Te.Children.toArray(e).reduce(
-    (a, i) => (Te.isValidElement(i) && i.type === fe ? a.rightContent.push(i) : a.main.push(i), a),
+    (l, i) => (Te.isValidElement(i) && i.type === fe ? l.rightContent.push(i) : l.main.push(i), l),
     { main: [], rightContent: [] }
   );
   return /* @__PURE__ */ C(
@@ -2361,11 +2345,11 @@ const ma = {
     )
   );
 }), vn = g(
-  ({ children: e, id: t, isDisabled: o, isExpanded: r, onExpandedChange: a, value: i }, c) => {
-    const l = qt(), p = i || (t || l), m = R(at), v = m ? m.expandedKeys.has(p) : r, u = vo({
+  ({ children: e, id: t, isDisabled: o, isExpanded: r, onExpandedChange: l, value: i }, c) => {
+    const a = qt(), p = i || (t || a), m = R(at), v = m ? m.expandedKeys.has(p) : r, u = vo({
       isExpanded: v,
       onExpandedChange: (f) => {
-        m && m.toggleKey(p), a == null || a(f);
+        m && m.toggleKey(p), l == null || l(f);
       }
     }), s = z(null), h = z(null), x = o || (m == null ? void 0 : m.isDisabled) || !1, { buttonProps: k, panelProps: w } = Xt(
       {
@@ -2374,14 +2358,14 @@ const ma = {
       },
       u,
       s
-    ), { buttonProps: L } = $e(
+    ), { buttonProps: D } = $e(
       k,
       h
-    ), { focusProps: B, isFocusVisible: W } = ve(), b = {
+    ), { focusProps: L, isFocusVisible: W } = ve(), b = {
       isExpanded: u.isExpanded,
       triggerRef: h,
       panelRef: s,
-      buttonProps: G(L, B),
+      buttonProps: G(D, L),
       panelProps: w,
       isFocusVisible: W
     };
@@ -2396,13 +2380,13 @@ const ma = {
       }
     ) });
   }
-), fa = {
+), ma = {
   Root: gn,
   Item: vn,
   Header: hn,
   Content: bn,
   HeaderRightContent: fe
-}, yn = H({
+}, yn = N({
   className: "nimbus-loading-spinner",
   base: {
     display: "inline-flex",
@@ -2501,7 +2485,7 @@ const ma = {
   }
 );
 kn.displayName = "LoadingSpinner";
-const Pn = D({
+const Pn = H({
   slots: ["root", "header", "content"],
   className: "nimbus-card",
   base: {
@@ -2576,12 +2560,12 @@ const Pn = D({
   void 0
 ), st = g(
   ({ children: e, ...t }, o) => {
-    const { isFocused: r, isFocusVisible: a, focusProps: i } = ve(), [c, l] = N(null), [d, p] = N(null), m = Ve(
+    const { isFocused: r, isFocusVisible: l, focusProps: i } = ve(), [c, a] = F(null), [d, p] = F(null), m = Ve(
       () => ({
-        setHeader: l,
+        setHeader: a,
         setContent: p
       }),
-      [l, p]
+      [a, p]
     );
     return /* @__PURE__ */ n(Pe.Provider, { value: m, children: /* @__PURE__ */ C(
       Tn,
@@ -2589,7 +2573,7 @@ const Pn = D({
         ref: o,
         ...G(t, i),
         "data-focus": r || void 0,
-        "data-focus-visible": a || void 0,
+        "data-focus-visible": l || void 0,
         tabIndex: 0,
         children: [
           /* @__PURE__ */ C(we, { direction: "column", gap: "200", children: [
@@ -2623,11 +2607,11 @@ const dt = ({ children: e, ...t }) => {
   }, [e, t]), null;
 };
 dt.displayName = "Card.Content";
-const ga = {
+const fa = {
   Root: st,
   Header: ct,
   Content: dt
-}, En = H({
+}, En = N({
   className: "nimbus-badge",
   // Base styles applied to all instances of the component
   base: {
@@ -2689,12 +2673,12 @@ const ga = {
   defaultVariants: {
     size: "md"
   }
-}), { withContext: In } = U({ recipe: En }), Nn = In("span"), ha = g(
+}), { withContext: In } = U({ recipe: En }), Nn = In("span"), ga = g(
   (e, t) => {
-    const { as: o, asChild: r, children: a, ...i } = e, c = z(null), l = Y(M(c, t));
-    return /* @__PURE__ */ n(Nn, { as: o || "span", ...G(i, { ref: l }), children: a });
+    const { as: o, asChild: r, children: l, ...i } = e, c = z(null), a = Y(M(c, t));
+    return /* @__PURE__ */ n(Nn, { as: o || "span", ...G(i, { ref: a }), children: l });
   }
-), Hn = D({
+), Hn = H({
   slots: ["root", "title", "description", "icon", "actions", "dismissButton"],
   // Unique class name prefix for the component
   className: "nimbus-alert",
@@ -2779,14 +2763,14 @@ const ga = {
 }, oe = X(
   void 0
 ), ut = g(({ children: e, ...t }, o) => {
-  const [r, a] = N(null), [i, c] = N(null), [l, d] = N(null), [p, m] = N(null), v = Ve(
+  const [r, l] = F(null), [i, c] = F(null), [a, d] = F(null), [p, m] = F(null), v = Ve(
     () => ({
-      setTitle: a,
+      setTitle: l,
       setDescription: c,
       setActions: d,
       setDismiss: m
     }),
-    [a, c, d, m]
+    [l, c, d, m]
   );
   return /* @__PURE__ */ n(oe.Provider, { value: v, children: /* @__PURE__ */ C(Ln, { ref: o, ...t, role: "alert", children: [
     /* @__PURE__ */ n(_n, { alignItems: "flex-start", children: Vn(t.tone) }),
@@ -2795,7 +2779,7 @@ const ga = {
         r,
         i
       ] }),
-      l
+      a
     ] }),
     p,
     e
@@ -2857,7 +2841,7 @@ const gt = ({
   }, [e, t]), null;
 };
 gt.displayName = "Alert.DismissButton";
-const ba = {
+const ha = {
   Root: ut,
   Title: pt,
   Description: mt,
@@ -2865,7 +2849,7 @@ const ba = {
   DismissButton: gt
 };
 var Ne, He, De, Le;
-const $n = D({
+const $n = H({
   slots: ["root", "button"],
   // Unique class name prefix for the component
   className: "nimbus-toggle-button-group",
@@ -2928,7 +2912,7 @@ const $n = D({
 ht.displayName = "ToggleButtonGroup.Root";
 const bt = g(({ children: e, ...t }, o) => /* @__PURE__ */ n(Kn, { ...t, ref: o, children: e }));
 bt.displayName = "ToggleButtonGroup.Button";
-const va = {
+const ba = {
   Root: ht,
   Button: bt
 }, Un = `
@@ -2940,7 +2924,7 @@ const va = {
 "label input"
 "label description"
 "label error"
-`, Xn = D({
+`, Xn = H({
   slots: ["root", "label", "input", "description", "error", "popover"],
   // Unique class name prefix for the component
   className: "nimbus-ui-form-field",
@@ -3041,8 +3025,8 @@ const va = {
 }), { withProvider: Yn, withContext: re } = q({
   recipe: Xn
 }), Jn = Yn("div", "root"), Zn = re("div", "label"), Qn = re("div", "input"), ei = re("div", "description"), ti = re("div", "error"), oi = re("div", "popover"), ri = g(
-  ({ isInvalid: e, isRequired: t, isDisabled: o, isReadOnly: r, children: a, ...i }, c) => {
-    const [l, d] = N({
+  ({ isInvalid: e, isRequired: t, isDisabled: o, isReadOnly: r, children: l, ...i }, c) => {
+    const [a, d] = F({
       label: null,
       description: null,
       error: null,
@@ -3053,9 +3037,9 @@ const va = {
       isDisabled: o,
       isReadOnly: r
     }), { labelProps: p, fieldProps: m, descriptionProps: v, errorMessageProps: u } = Jt({
-      label: l.label,
-      description: l.description,
-      errorMessage: l.error
+      label: a.label,
+      description: a.description,
+      errorMessage: a.error
     });
     T(() => {
       d((h) => ({
@@ -3073,13 +3057,13 @@ const va = {
       isDisabled: o,
       isReadOnly: r
     };
-    return /* @__PURE__ */ n(J.Provider, { value: { context: l, setContext: d }, children: /* @__PURE__ */ C(Jn, { ref: c, ...i, children: [
-      l.label && /* @__PURE__ */ C(Zn, { ...l.labelSlotProps, children: [
+    return /* @__PURE__ */ n(J.Provider, { value: { context: a, setContext: d }, children: /* @__PURE__ */ C(Jn, { ref: c, ...i, children: [
+      a.label && /* @__PURE__ */ C(Zn, { ...a.labelSlotProps, children: [
         /* @__PURE__ */ C("label", { ...p, children: [
-          l.label,
+          a.label,
           t && /* @__PURE__ */ n("sup", { "aria-hidden": "true", children: "*" })
         ] }),
-        l.info && /* @__PURE__ */ C(fo, { children: [
+        a.info && /* @__PURE__ */ C(fo, { children: [
           /* @__PURE__ */ n(
             O,
             {
@@ -3112,23 +3096,23 @@ const va = {
               )
             }
           ),
-          /* @__PURE__ */ n(Me, { children: /* @__PURE__ */ n(oi, { asChild: !0, children: /* @__PURE__ */ n(go, { children: /* @__PURE__ */ n(O, { p: "300", children: l.info }) }) }) })
+          /* @__PURE__ */ n(Me, { children: /* @__PURE__ */ n(oi, { asChild: !0, children: /* @__PURE__ */ n(go, { children: /* @__PURE__ */ n(O, { p: "300", children: a.info }) }) }) })
         ] })
       ] }),
-      l.input && /* @__PURE__ */ n(Qn, { ...l.inputSlotProps, children: Vt.map(l.input, (h) => We(h) ? Oe(h, s) : h) }),
-      l.description && /* @__PURE__ */ n(
+      a.input && /* @__PURE__ */ n(Qn, { ...a.inputSlotProps, children: Vt.map(a.input, (h) => We(h) ? Oe(h, s) : h) }),
+      a.description && /* @__PURE__ */ n(
         ei,
         {
           ...v,
-          ...l.descriptionSlotProps,
-          children: l.description
+          ...a.descriptionSlotProps,
+          children: a.description
         }
       ),
-      e && l.error && /* @__PURE__ */ C(
+      e && a.error && /* @__PURE__ */ C(
         ti,
         {
           ...u,
-          ...l.errorSlotProps,
+          ...a.errorSlotProps,
           children: [
             /* @__PURE__ */ n(
               O,
@@ -3140,11 +3124,11 @@ const va = {
                 mr: "100"
               }
             ),
-            l.error
+            a.error
           ]
         }
       ),
-      a
+      l
     ] }) });
   }
 ), ni = ({
@@ -3213,7 +3197,7 @@ const va = {
   },
   setContext: () => {
   }
-}), ya = {
+}), va = {
   Root: ri,
   Label: ni,
   Input: ii,
@@ -3264,7 +3248,7 @@ function ue(e, t, o) {
   t === void 0 && (t = "+");
   var r = e.toLocaleLowerCase().split(t).map(function(c) {
     return V(c);
-  }), a = {
+  }), l = {
     alt: r.includes("alt"),
     ctrl: r.includes("ctrl") || r.includes("control"),
     shift: r.includes("shift"),
@@ -3273,7 +3257,7 @@ function ue(e, t, o) {
   }, i = r.filter(function(c) {
     return !vt.includes(c);
   });
-  return ge({}, a, {
+  return ge({}, l, {
     keys: i,
     description: o,
     hotkey: e
@@ -3324,11 +3308,11 @@ function fi(e) {
 }
 function Ct(e, t) {
   t === void 0 && (t = !1);
-  var o = e.target, r = e.composed, a = null;
-  return gi(o) && r ? a = e.composedPath()[0] && e.composedPath()[0].tagName : a = o && o.tagName, Re(t) ? !!(a && t && t.some(function(i) {
+  var o = e.target, r = e.composed, l = null;
+  return gi(o) && r ? l = e.composedPath()[0] && e.composedPath()[0].tagName : l = o && o.tagName, Re(t) ? !!(l && t && t.some(function(i) {
     var c;
-    return i.toLowerCase() === ((c = a) == null ? void 0 : c.toLowerCase());
-  })) : !!(a && t && t);
+    return i.toLowerCase() === ((c = l) == null ? void 0 : c.toLowerCase());
+  })) : !!(l && t && t);
 }
 function gi(e) {
   return !!e.tagName && !e.tagName.startsWith("-") && e.tagName.includes("-");
@@ -3340,11 +3324,11 @@ function hi(e, t) {
 }
 var bi = function(t, o, r) {
   r === void 0 && (r = !1);
-  var a = o.alt, i = o.meta, c = o.mod, l = o.shift, d = o.ctrl, p = o.keys, m = t.key, v = t.code, u = t.ctrlKey, s = t.metaKey, h = t.shiftKey, x = t.altKey, k = V(v), w = m.toLowerCase();
+  var l = o.alt, i = o.meta, c = o.mod, a = o.shift, d = o.ctrl, p = o.keys, m = t.key, v = t.code, u = t.ctrlKey, s = t.metaKey, h = t.shiftKey, x = t.altKey, k = V(v), w = m.toLowerCase();
   if (!(p != null && p.includes(k)) && !(p != null && p.includes(w)) && !["ctrl", "control", "unknown", "meta", "alt", "shift", "os"].includes(k))
     return !1;
   if (!r) {
-    if (a === !x && w !== "alt" || l === !h && w !== "shift")
+    if (l === !x && w !== "alt" || a === !h && w !== "shift")
       return !1;
     if (c) {
       if (!s && !u)
@@ -3381,8 +3365,8 @@ function wi(e) {
 var ze = function(t) {
   t.stopPropagation(), t.preventDefault(), t.stopImmediatePropagation();
 }, Si = typeof window < "u" ? $t : T;
-function xa(e, t, o, r) {
-  var a = N(null), i = a[0], c = a[1], l = z(!1), d = o instanceof Array ? r instanceof Array ? void 0 : r : o, p = Re(e) ? e.join(d == null ? void 0 : d.splitKey) : e, m = o instanceof Array ? o : r instanceof Array ? r : void 0, v = ae(t, m ?? []), u = z(v);
+function ya(e, t, o, r) {
+  var l = F(null), i = l[0], c = l[1], a = z(!1), d = o instanceof Array ? r instanceof Array ? void 0 : r : o, p = Re(e) ? e.join(d == null ? void 0 : d.splitKey) : e, m = o instanceof Array ? o : r instanceof Array ? r : void 0, v = ae(t, m ?? []), u = z(v);
   m ? u.current = v : u.current = t;
   var s = wi(d), h = Ci(), x = h.enabledScopes, k = yi();
   return Si(function() {
@@ -3398,27 +3382,27 @@ function xa(e, t, o, r) {
             }
           }
           (Z = f.target) != null && Z.isContentEditable && !(s != null && s.enableOnContentEditable) || de(p, s == null ? void 0 : s.splitKey).forEach(function(ne) {
-            var F, j = ue(ne, s == null ? void 0 : s.combinationKey);
-            if (bi(f, j, s == null ? void 0 : s.ignoreModifiers) || (F = j.keys) != null && F.includes("*")) {
-              if (s != null && s.ignoreEventWhen != null && s.ignoreEventWhen(f) || E && l.current)
+            var B, j = ue(ne, s == null ? void 0 : s.combinationKey);
+            if (bi(f, j, s == null ? void 0 : s.ignoreModifiers) || (B = j.keys) != null && B.includes("*")) {
+              if (s != null && s.ignoreEventWhen != null && s.ignoreEventWhen(f) || E && a.current)
                 return;
               if (pi(f, j, s == null ? void 0 : s.preventDefault), !mi(f, j, s == null ? void 0 : s.enabled)) {
                 ze(f);
                 return;
               }
-              u.current(f, j), E || (l.current = !0);
+              u.current(f, j), E || (a.current = !0);
             }
           });
         }
-      }, L = function(f) {
+      }, D = function(f) {
         f.key !== void 0 && (yt(V(f.code)), ((s == null ? void 0 : s.keydown) === void 0 && (s == null ? void 0 : s.keyup) !== !0 || s != null && s.keydown) && w(f));
-      }, B = function(f) {
-        f.key !== void 0 && (xt(V(f.code)), l.current = !1, s != null && s.keyup && w(f, !0));
+      }, L = function(f) {
+        f.key !== void 0 && (xt(V(f.code)), a.current = !1, s != null && s.keyup && w(f, !0));
       }, W = i || (d == null ? void 0 : d.document) || document;
-      return W.addEventListener("keyup", B), W.addEventListener("keydown", L), k && de(p, s == null ? void 0 : s.splitKey).forEach(function(b) {
+      return W.addEventListener("keyup", L), W.addEventListener("keydown", D), k && de(p, s == null ? void 0 : s.splitKey).forEach(function(b) {
         return k.addHotkey(ue(b, s == null ? void 0 : s.combinationKey, s == null ? void 0 : s.description));
       }), function() {
-        W.removeEventListener("keyup", B), W.removeEventListener("keydown", L), k && de(p, s == null ? void 0 : s.splitKey).forEach(function(b) {
+        W.removeEventListener("keyup", L), W.removeEventListener("keydown", D), k && de(p, s == null ? void 0 : s.splitKey).forEach(function(b) {
           return k.removeHotkey(ue(b, s == null ? void 0 : s.combinationKey, s == null ? void 0 : s.description));
         });
       };
@@ -3437,12 +3421,12 @@ function ki() {
 }
 var Pi = function(e) {
   e === void 0 && (e = {});
-  var t = N(e), o = t[0], r = t[1], a = ae(function(i) {
+  var t = F(e), o = t[0], r = t[1], l = ae(function(i) {
     r(function(c) {
       return Object.assign({}, c, i instanceof Function ? i(c) : i);
     });
   }, []);
-  return [o, a];
+  return [o, l];
 };
 function Ri(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -3467,8 +3451,8 @@ function Ti() {
         break;
     }
     return e.removeAllRanges(), function() {
-      e.type === "Caret" && e.removeAllRanges(), e.rangeCount || o.forEach(function(a) {
-        e.addRange(a);
+      e.type === "Caret" && e.removeAllRanges(), e.rangeCount || o.forEach(function(l) {
+        e.addRange(l);
       }), t && t.focus();
     };
   }), pe;
@@ -3486,14 +3470,14 @@ function Ai() {
     var c = (/mac os x/i.test(navigator.userAgent) ? "⌘" : "Ctrl") + "+C";
     return i.replace(/#{\s*key\s*}/g, c);
   }
-  function a(i, c) {
-    var l, d, p, m, v, u, s = !1;
-    c || (c = {}), l = c.debug || !1;
+  function l(i, c) {
+    var a, d, p, m, v, u, s = !1;
+    c || (c = {}), a = c.debug || !1;
     try {
       p = e(), m = document.createRange(), v = document.getSelection(), u = document.createElement("span"), u.textContent = i, u.ariaHidden = "true", u.style.all = "unset", u.style.position = "fixed", u.style.top = 0, u.style.clip = "rect(0, 0, 0, 0)", u.style.whiteSpace = "pre", u.style.webkitUserSelect = "text", u.style.MozUserSelect = "text", u.style.msUserSelect = "text", u.style.userSelect = "text", u.addEventListener("copy", function(x) {
         if (x.stopPropagation(), c.format)
           if (x.preventDefault(), typeof x.clipboardData > "u") {
-            l && console.warn("unable to use e.clipboardData"), l && console.warn("trying IE specific stuff"), window.clipboardData.clearData();
+            a && console.warn("unable to use e.clipboardData"), a && console.warn("trying IE specific stuff"), window.clipboardData.clearData();
             var k = t[c.format] || t.default;
             window.clipboardData.setData(k, i);
           } else
@@ -3505,29 +3489,29 @@ function Ai() {
         throw new Error("copy command was unsuccessful");
       s = !0;
     } catch (x) {
-      l && console.error("unable to copy using execCommand: ", x), l && console.warn("trying IE specific stuff");
+      a && console.error("unable to copy using execCommand: ", x), a && console.warn("trying IE specific stuff");
       try {
         window.clipboardData.setData(c.format || "text", i), c.onCopy && c.onCopy(window.clipboardData), s = !0;
       } catch (k) {
-        l && console.error("unable to copy using clipboardData: ", k), l && console.error("falling back to prompt"), d = r("message" in c ? c.message : o), window.prompt(d, i);
+        a && console.error("unable to copy using clipboardData: ", k), a && console.error("falling back to prompt"), d = r("message" in c ? c.message : o), window.prompt(d, i);
       }
     } finally {
       v && (typeof v.removeRange == "function" ? v.removeRange(m) : v.removeAllRanges()), u && document.body.removeChild(u), p();
     }
     return s;
   }
-  return me = a, me;
+  return me = l, me;
 }
 var zi = Ai();
 const Ei = /* @__PURE__ */ Ri(zi);
-var Ca = function() {
+var xa = function() {
   var e = ki(), t = Pi({
     value: void 0,
     error: void 0,
     noUserInteraction: !0
-  }), o = t[0], r = t[1], a = ae(function(i) {
+  }), o = t[0], r = t[1], l = ae(function(i) {
     if (e()) {
-      var c, l;
+      var c, a;
       try {
         if (typeof i != "string" && typeof i != "number") {
           var d = new Error("Cannot copy typeof " + typeof i + " to clipboard, must be a string");
@@ -3546,36 +3530,36 @@ var Ca = function() {
           });
           return;
         }
-        l = i.toString(), c = Ei(l), r({
-          value: l,
+        a = i.toString(), c = Ei(a), r({
+          value: a,
           error: void 0,
           noUserInteraction: c
         });
       } catch (p) {
         r({
-          value: l,
+          value: a,
           error: p,
           noUserInteraction: c
         });
       }
     }
   }, []);
-  return [o, a];
+  return [o, l];
 };
 export {
-  fa as Accordion,
-  ba as Alert,
+  ma as Accordion,
+  ha as Alert,
   Ho as Avatar,
-  ha as Badge,
-  ka as Bleed,
+  ga as Badge,
+  Sa as Bleed,
   O as Box,
   ye as Button,
-  ga as Card,
+  fa as Card,
   dt as CardContent,
   ct as CardHeader,
   st as CardRoot,
   Jr as Checkbox,
-  Pa as Code,
+  ka as Code,
   ca as ColorModeLabel,
   Xi as DialogActionTrigger,
   ji as DialogBackdrop,
@@ -3588,26 +3572,26 @@ export {
   Vi as DialogRoot,
   Ki as DialogTitle,
   qi as DialogTrigger,
-  Ra as Em,
-  Ta as Flex,
-  ya as FormField,
+  Pa as Em,
+  Ra as Flex,
+  va as FormField,
   J as FormFieldContext,
-  pa as Grid,
-  Aa as Heading,
-  za as Highlight,
+  ua as Grid,
+  Ta as Heading,
+  Aa as Highlight,
   le as IconButton,
-  Ea as Kbd,
+  za as Kbd,
   Vo as Link,
-  Ia as List,
+  Ea as List,
   Ji as ListItem,
   Yi as ListRoot,
   kn as LoadingSpinner,
   Uo as MakeElementFocusable,
-  ua as NimbusProvider,
-  ma as Select,
+  da as NimbusProvider,
+  pa as Select,
   Zi as SimpleGrid,
   we as Stack,
-  Na as Table,
+  Ia as Table,
   aa as TableBody,
   ia as TableCell,
   ta as TableColumn,
@@ -3619,7 +3603,7 @@ export {
   na as TableRow,
   $o as Text,
   en as TextInput,
-  va as ToggleButtonGroup,
+  ba as ToggleButtonGroup,
   bt as ToggleButtonGroupButton,
   ht as ToggleButtonGroupRoot,
   jo as Tooltip,
@@ -3632,8 +3616,7 @@ export {
   Kr as system,
   Ye as useColorMode,
   sa as useColorModeValue,
-  da as useColorScheme,
-  Ca as useCopyToClipboard,
-  xa as useHotkeys
+  xa as useCopyToClipboard,
+  ya as useHotkeys
 };
 //# sourceMappingURL=index.js.map