@overmap-ai/blocks 0.0.1-alpha.36 → 0.0.1-alpha.37

package/dist/Select/typings.d.ts

@@ -12,6 +12,7 @@ export interface SelectProps extends Omit<ComponentProps<typeof RadixSelect.Root
     label?: string;
     placeholder?: string;
     fluid?: boolean;
+    id?: string;
     side?: RadixSelectContentProps["side"];
     items?: SelectItemProps[];
     severity?: Exclude<Severity, "success">;

package/dist/blocks.js

@@ -1,13 +1,14 @@
+import "@radix-ui/themes/styles.css";
 export * from "@radix-ui/colors";
-import { Cross1Icon as W, InfoCircledIcon as X, Cross2Icon as Y } from "@radix-ui/react-icons";
+import { Cross1Icon as X, InfoCircledIcon as Y, Cross2Icon as Z } from "@radix-ui/react-icons";
 export * from "@radix-ui/react-icons";
-import { useThemeContext as Z, Badge as ee, Button as oe, IconButton as F, Flex as S, Dialog as k, AlertDialog as b, Select as P, TextField as $, Text as V, Popover as N, TextArea as te, Callout as O, Theme as ne } from "@radix-ui/themes";
-import { AccessibleIcon as go, AspectRatio as fo, Avatar as Co, Blockquote as vo, Box as _o, Callout as wo, Card as yo, Checkbox as So, Code as To, Container as xo, ContextMenu as bo, DropdownMenu as Do, Em as ko, Flex as Io, Grid as Ao, Heading as Bo, HoverCard as Ro, Inset as Po, Kbd as $o, Link as No, Portal as Oo, Quote as Lo, RadioGroup as jo, ScrollArea as zo, Section as Go, Separator as Mo, Slider as Eo, Slot as Fo, Strong as Vo, Switch as Ho, Table as qo, Tabs as Ko, Text as Qo, TextField as Jo, Theme as Uo, Tooltip as Wo, VisuallyHidden as Xo } from "@radix-ui/themes";
-import { jsx as o, jsxs as f, Fragment as re } from "react/jsx-runtime";
-import B, { forwardRef as w, memo as C, cloneElement as ie, useState as L, useCallback as y, useMemo as j, createContext as H, useContext as se, createElement as q } from "react";
-import { Root as ce, Item as le } from "@radix-ui/react-toggle-group";
+import { useThemeContext as ee, Badge as oe, Button as te, IconButton as F, Flex as T, Dialog as k, AlertDialog as b, Select as P, TextField as $, Text as V, Popover as N, TextArea as ne, Callout as O, Theme as re } from "@radix-ui/themes";
+import { AccessibleIcon as Co, AspectRatio as vo, Avatar as _o, Blockquote as wo, Box as yo, Callout as So, Card as To, Checkbox as xo, Code as bo, Container as Do, ContextMenu as ko, DropdownMenu as Io, Em as Ao, Flex as Bo, Grid as Ro, Heading as Po, HoverCard as $o, Inset as No, Kbd as Oo, Link as Lo, Portal as jo, Quote as zo, RadioGroup as Go, ScrollArea as Mo, Section as Eo, Separator as Fo, Slider as Vo, Slot as Ho, Strong as qo, Switch as Ko, Table as Qo, Tabs as Jo, Text as Uo, TextField as Wo, Theme as Xo, Tooltip as Yo, VisuallyHidden as Zo } from "@radix-ui/themes";
+import { jsx as o, jsxs as f, Fragment as ie } from "react/jsx-runtime";
+import B, { forwardRef as _, memo as C, cloneElement as se, useState as L, useCallback as S, useMemo as j, createContext as H, useContext as ce, createElement as q } from "react";
+import { Root as le, Item as ae } from "@radix-ui/react-toggle-group";
 import * as D from "@radix-ui/react-toast";
-function ae(c) {
+function ue(c) {
   return c && c.__esModule && Object.prototype.hasOwnProperty.call(c, "default") ? c.default : c;
 }
 var K = { exports: {} };
@@ -46,8 +47,8 @@ var K = { exports: {} };
     c.exports ? (n.default = n, c.exports = n) : window.classNames = n;
   })();
 })(K);
-var ue = K.exports;
-const _ = /* @__PURE__ */ ae(ue);
+var de = K.exports;
+const v = /* @__PURE__ */ ue(de);
 function R(c, i) {
   if (typeof c == "object") {
     if (!("initial" in c))
@@ -56,19 +57,19 @@ function R(c, i) {
   } else
     return i[c];
 }
-const de = {
+const pe = {
   success: "green",
   danger: "red",
   info: "gray"
 }, x = (c) => {
-  const i = Z();
-  return c === "primary" ? i.accentColor : de[c];
-}, pe = w(function({ className: i, severity: n = "primary", rounded: t, color: r, children: e, ...l }, s) {
+  const i = ee();
+  return c === "primary" ? i.accentColor : pe[c];
+}, me = _(function({ className: i, severity: n = "primary", rounded: t, color: r, children: e, ...l }, s) {
   const a = x(n);
   return /* @__PURE__ */ o(
-    ee,
+    oe,
     {
-      className: _("overmap-badge", i),
+      className: v("overmap-badge", i),
       ref: s,
       color: r || a,
       radius: t ? "full" : void 0,
@@ -76,11 +77,11 @@ const de = {
       children: e
     }
   );
-}), Ze = C(pe), me = "_fluid_r73gr_1", he = "_hoverSpin90Clockwise_r73gr_15", ge = "_hoverSpin180Clockwise_r73gr_25", fe = "_hoverSpin360Clockwise_r73gr_35", A = {
-  fluid: me,
-  hoverSpin90Clockwise: he,
-  hoverSpin180Clockwise: ge,
-  hoverSpin360Clockwise: fe
+}), oo = C(me), he = "_fluid_r73gr_1", ge = "_hoverSpin90Clockwise_r73gr_15", fe = "_hoverSpin180Clockwise_r73gr_25", Ce = "_hoverSpin360Clockwise_r73gr_35", A = {
+  fluid: he,
+  hoverSpin90Clockwise: ge,
+  hoverSpin180Clockwise: fe,
+  hoverSpin360Clockwise: Ce
 }, Q = {
   spin90Clockwise: A.hoverSpin90Clockwise,
   spin180Clockwise: A.hoverSpin180Clockwise,
@@ -89,13 +90,13 @@ const de = {
   small: "1",
   medium: "2",
   large: "3"
-}, Ce = w(function({ className: i, fluid: n, size: t = "medium", severity: r = "primary", hoverEffects: e, type: l = "button", ...s }, a) {
+}, ve = _(function({ className: i, fluid: n, size: t = "medium", severity: r = "primary", hoverEffects: e, type: l = "button", ...s }, a) {
   const d = x(r), m = (e == null ? void 0 : e.map((u) => Q[u])) || [];
   return /* @__PURE__ */ o(
-    oe,
+    te,
     {
       ref: a,
-      className: _(i, m, {
+      className: v(i, m, {
         [A.fluid]: n
       }),
       color: d,
@@ -104,7 +105,7 @@ const de = {
       ...s
     }
   );
-}), G = B.memo(Ce), ve = w(function({
+}), G = B.memo(ve), _e = _(function({
   className: i,
   children: n,
   size: t = "medium",
@@ -117,7 +118,7 @@ const de = {
   return /* @__PURE__ */ o(
     F,
     {
-      className: _(i, m, A.default),
+      className: v(i, m, A.default),
       ref: a,
       color: d,
       size: R(t, z),
@@ -126,12 +127,12 @@ const de = {
       children: n
     }
   );
-}), M = B.memo(ve), _e = "_merged_f4366_1", we = {
-  merged: _e
-}, ye = {
+}), M = B.memo(_e), we = "_merged_f4366_1", ye = {
+  merged: we
+}, Se = {
   row: { small: "4", medium: "4", large: "5" },
   column: { small: "2", medium: "3", large: "4" }
-}, Se = w(function({
+}, Te = _(function({
   className: i,
   merged: n = !1,
   children: t,
@@ -144,33 +145,33 @@ const de = {
   ...m
 }, u) {
   return /* @__PURE__ */ o(
-    S,
+    T,
     {
-      className: _("overmap-button-group", i, {
-        [we.merged]: n
+      className: v("overmap-button-group", i, {
+        [ye.merged]: n
       }),
       ref: u,
-      gap: n ? a === "ghost" ? R(s, ye[e]) : "0" : r,
+      gap: n ? a === "ghost" ? R(s, Se[e]) : "0" : r,
       direction: e,
       "data-direction": e,
       ...m,
-      children: t.map((p, v) => p.type === G || p.type === M ? ie(p, { key: v, size: s, severity: l, variant: a, hoverEffects: d }) : p)
+      children: t.map((p, w) => p.type === G || p.type === M ? se(p, { key: w, size: s, severity: l, variant: a, hoverEffects: d }) : p)
     }
   );
-}), Te = C(Se), xe = C(function(i) {
+}), xe = C(Te), be = C(function(i) {
   const { title: n, description: t, content: r, closeDialog: e } = i;
-  return /* @__PURE__ */ f(S, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ f(S, { direction: "column", gap: "1", children: [
-      /* @__PURE__ */ f(S, { justify: "between", children: [
+  return /* @__PURE__ */ f(T, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ f(T, { direction: "column", gap: "1", children: [
+      /* @__PURE__ */ f(T, { justify: "between", children: [
         /* @__PURE__ */ o(k.Title, { mb: "0", children: n }),
-        /* @__PURE__ */ o(k.Close, { children: /* @__PURE__ */ o(F, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ o(W, {}) }) })
+        /* @__PURE__ */ o(k.Close, { children: /* @__PURE__ */ o(F, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ o(X, {}) }) })
       ] }),
       /* @__PURE__ */ o(k.Description, { children: t })
     ] }),
     r(e)
   ] });
-}), eo = C(function(i) {
-  const { children: n, size: t, onOpen: r, onCloseInterrupt: e, ...l } = i, [s, a] = L(!1), d = y(
+}), to = C(function(i) {
+  const { children: n, size: t, onOpen: r, onCloseInterrupt: e, ...l } = i, [s, a] = L(!1), d = S(
     (u) => {
       if (u && r)
         r();
@@ -179,7 +180,7 @@ const de = {
       a(u);
     },
     [r, e]
-  ), m = y(
+  ), m = S(
     (u) => {
       if (u != null && u.force)
         return a(!1);
@@ -188,37 +189,37 @@ const de = {
     [d]
   );
   return /* @__PURE__ */ f(k.Root, { open: s, onOpenChange: d, children: [
-    /* @__PURE__ */ o(k.Content, { size: t, children: /* @__PURE__ */ o(xe, { closeDialog: m, ...l }) }),
+    /* @__PURE__ */ o(k.Content, { size: t, children: /* @__PURE__ */ o(be, { closeDialog: m, ...l }) }),
     n(k.Trigger)
   ] });
-}), J = (c) => /* @__PURE__ */ o(b.Title, { mb: "0", ...c }), be = (c) => {
+}), J = (c) => /* @__PURE__ */ o(b.Title, { mb: "0", ...c }), De = (c) => {
   const { title: i, description: n, actionText: t = "Confirm", cancelText: r = "Cancel", onAction: e, onCancel: l, severity: s } = c;
-  return /* @__PURE__ */ f(S, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ f(S, { direction: "column", gap: "1", children: [
+  return /* @__PURE__ */ f(T, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ f(T, { direction: "column", gap: "1", children: [
       /* @__PURE__ */ o(J, { children: i }),
       /* @__PURE__ */ o(b.Description, { children: n })
     ] }),
-    /* @__PURE__ */ f(S, { gap: "3", mt: "4", justify: "end", children: [
+    /* @__PURE__ */ f(T, { gap: "3", mt: "4", justify: "end", children: [
       /* @__PURE__ */ o(b.Cancel, { children: /* @__PURE__ */ o(G, { variant: "soft", severity: "info", onClick: l, children: r }) }),
       /* @__PURE__ */ o(b.Action, { children: /* @__PURE__ */ o(G, { variant: "solid", severity: s, onClick: e, children: t }) })
     ] })
   ] });
-}, De = C(function(i) {
+}, ke = C(function(i) {
   const { open: n, setOpen: t, children: r, ...e } = i, l = j(() => ({
     close: () => t(!1),
     Title: J,
     Description: b.Description
   }), [t]);
   return /* @__PURE__ */ f(b.Root, { open: n, onOpenChange: t, children: [
-    /* @__PURE__ */ o(b.Content, { children: "content" in e ? e.content(l) : /* @__PURE__ */ o(be, { ...e }) }),
+    /* @__PURE__ */ o(b.Content, { children: "content" in e ? e.content(l) : /* @__PURE__ */ o(De, { ...e }) }),
     r
   ] });
 }), U = H(() => {
   throw new Error("No AlertDialogProvider found");
-}), ke = {
+}), Ie = {
   content: () => null
-}, oo = C(function({ children: i }) {
-  const [n, t] = L(!1), [r, e] = L(ke), l = y(
+}, no = C(function({ children: i }) {
+  const [n, t] = L(!1), [r, e] = L(Ie), l = S(
     (s) => {
       if (n)
         throw new Error("AlertDialog is already open");
@@ -226,10 +227,10 @@ const de = {
     },
     [n]
   );
-  return /* @__PURE__ */ o(De, { open: n, setOpen: t, ...r, children: /* @__PURE__ */ o(U.Provider, { value: l, children: i }) });
-}), to = () => se(U), Ie = "_fluid_7n1wr_1", Ae = {
-  fluid: Ie
-}, Be = w(function({
+  return /* @__PURE__ */ o(ke, { open: n, setOpen: t, ...r, children: /* @__PURE__ */ o(U.Provider, { value: l, children: i }) });
+}), ro = () => ce(U), Ae = "_fluid_7n1wr_1", Be = {
+  fluid: Ae
+}, Re = _(function({
   className: i,
   fluid: n,
   size: t = "medium",
@@ -239,19 +240,21 @@ const de = {
   side: s,
   items: a = [],
   value: d,
-  ...m
-}, u) {
-  const p = j(() => R(t, z), [t]), v = x(e);
-  return /* @__PURE__ */ q(P.Root, { size: p, ...m, key: d === void 0 ? 1 : 0, value: d }, /* @__PURE__ */ o(
+  id: m,
+  ...u
+}, p) {
+  const w = j(() => R(t, z), [t]), h = x(e);
+  return /* @__PURE__ */ q(P.Root, { size: w, ...u, key: d === void 0 ? 1 : 0, value: d }, /* @__PURE__ */ o(
     P.Trigger,
     {
-      className: _(i, {
-        [Ae.fluid]: n
+      className: v(i, {
+        [Be.fluid]: n
       }),
-      ref: u,
+      id: m,
+      ref: p,
       variant: r,
       placeholder: l,
-      color: v
+      color: h
     }
   ), /* @__PURE__ */ o(
     P.Content,
@@ -259,17 +262,17 @@ const de = {
       side: s,
       position: "popper",
       variant: r !== "surface" ? "soft" : "solid",
-      color: v,
-      children: a.map(({ label: h, value: g, ...T }) => /* @__PURE__ */ o(P.Item, { value: g, ...T, children: h }, g))
+      color: h,
+      children: a.map(({ label: g, value: y, ...W }) => /* @__PURE__ */ o(P.Item, { value: y, ...W, children: g }, y))
     }
   ));
-}), no = B.memo(Be), Re = "_accommodateCharCount_fni4k_1", Pe = "_noLeftIcon_fni4k_9", $e = "_noRightIcon_fni4k_13", Ne = "_charCount_fni4k_17", I = {
-  accommodateCharCount: Re,
+}), io = B.memo(Re), Pe = "_accommodateCharCount_fni4k_1", $e = "_noLeftIcon_fni4k_9", Ne = "_noRightIcon_fni4k_13", Oe = "_charCount_fni4k_17", I = {
+  accommodateCharCount: Pe,
   default: "_default_fni4k_5",
-  noLeftIcon: Pe,
-  noRightIcon: $e,
-  charCount: Ne
-}, Oe = w(function({
+  noLeftIcon: $e,
+  noRightIcon: Ne,
+  charCount: Oe
+}, Le = _(function({
   className: i,
   leftIcon: n,
   rightIcon: t,
@@ -280,12 +283,12 @@ const de = {
   severity: a = "primary",
   ...d
 }, m) {
-  const u = j(() => R(r, z), [r]), p = x(a), v = e || e === void 0 && d.maxLength !== void 0, h = l !== void 0 ? l.toString() : void 0;
+  const u = j(() => R(r, z), [r]), p = x(a), w = e || e === void 0 && d.maxLength !== void 0, h = l !== void 0 ? l.toString() : void 0;
   return /* @__PURE__ */ f(
     $.Root,
     {
-      className: _({
-        [I.accommodateCharCount]: v
+      className: v({
+        [I.accommodateCharCount]: w
       }),
       size: u,
       variant: s,
@@ -295,7 +298,7 @@ const de = {
         /* @__PURE__ */ o(
           $.Input,
           {
-            className: _(I.default, i, {
+            className: v(I.default, i, {
               [I.noLeftIcon]: !n,
               [I.noRightIcon]: !t
             }),
@@ -307,30 +310,30 @@ const de = {
           }
         ),
         /* @__PURE__ */ o($.Slot, { children: t }),
-        v && /* @__PURE__ */ o(V, { as: "p", className: I.charCount, size: "1", color: "gray", children: d.maxLength !== void 0 ? `${h == null ? void 0 : h.length}/${d.maxLength}` : `${h == null ? void 0 : h.length}` })
+        w && /* @__PURE__ */ o(V, { as: "p", className: I.charCount, size: "1", color: "gray", children: d.maxLength !== void 0 ? `${h == null ? void 0 : h.length}/${d.maxLength}` : `${h == null ? void 0 : h.length}` })
       ]
     }
   );
-}), ro = B.memo(Oe), Le = w(function({ defaultOpen: i = !1, modal: n = !1, content: t, children: r, ...e }, l) {
+}), so = B.memo(Le), je = _(function({ defaultOpen: i = !1, modal: n = !1, content: t, children: r, ...e }, l) {
   return /* @__PURE__ */ f(N.Root, { defaultOpen: i, modal: n, children: [
     /* @__PURE__ */ o(N.Trigger, { children: r }),
     /* @__PURE__ */ o(N.Content, { ref: l, ...e, children: t(N.Close) })
   ] });
-}), io = B.memo(Le), je = "_charCount_17uut_1", ze = {
-  charCount: je
-}, Ge = w(function({ className: i, showInputLength: n, inputLengthTemplate: t, value: r, severity: e = "primary", resize: l, ...s }, a) {
-  const d = x(e), m = x("info"), u = n || n === void 0 && (s.maxLength !== void 0 || s.minLength !== void 0), p = r !== void 0 ? r.toString() : "", v = j(() => {
+}), co = B.memo(je), ze = "_charCount_17uut_1", Ge = {
+  charCount: ze
+}, Me = _(function({ className: i, showInputLength: n, inputLengthTemplate: t, value: r, severity: e = "primary", resize: l, ...s }, a) {
+  const d = x(e), m = x("info"), u = n || n === void 0 && (s.maxLength !== void 0 || s.minLength !== void 0), p = r !== void 0 ? r.toString() : "", w = j(() => {
     if (t) {
       let h = t.replace("{current}", p.length.toString());
       return s.minLength !== void 0 && (h = h.replace("{min}", s.minLength.toString())), s.maxLength !== void 0 && (h = h.replace("{max}", s.maxLength.toString())), h;
     }
     return p.length;
   }, [t, s.maxLength, s.minLength, p.length]);
-  return /* @__PURE__ */ f(re, { children: [
+  return /* @__PURE__ */ f(ie, { children: [
     /* @__PURE__ */ o(
-      te,
+      ne,
       {
-        className: _("overmap-textarea", i),
+        className: v("overmap-textarea", i),
         style: { resize: l },
         ref: a,
         value: r,
@@ -338,9 +341,9 @@ const de = {
         ...s
       }
     ),
-    u && /* @__PURE__ */ o(V, { as: "p", className: ze.charCount, color: m, align: "right", children: v })
+    u && /* @__PURE__ */ o(V, { as: "p", className: Ge.charCount, color: m, align: "right", children: w })
   ] });
-}), so = C(Ge), Me = w(function({
+}), lo = C(Me), Ee = _(function({
   className: i,
   items: n,
   orientation: t = "horizontal",
@@ -352,25 +355,25 @@ const de = {
   ...d
 }, m) {
   return /* @__PURE__ */ o(
-    ce,
+    le,
     {
-      className: _("overmap-toggle-group", i),
+      className: v("overmap-toggle-group", i),
       ref: m,
       value: e,
       orientation: t,
       ...d,
       children: /* @__PURE__ */ o(
-        Te,
+        xe,
         {
           width: "min-content",
           height: "min-content",
           merged: r,
           direction: t === "vertical" ? "column" : "row",
           gap: s,
-          children: n.map(({ children: u, ...p }) => /* @__PURE__ */ q(le, { asChild: !0, ...p, key: p.value }, /* @__PURE__ */ o(
+          children: n.map(({ children: u, ...p }) => /* @__PURE__ */ q(ae, { asChild: !0, ...p, key: p.value }, /* @__PURE__ */ o(
             M,
             {
-              className: _("overmap-toggle-group-button"),
+              className: v("overmap-toggle-group-button"),
               "aria-label": p.value,
               severity: l,
               variant: p.value === e ? "solid" : "soft",
@@ -382,11 +385,11 @@ const de = {
       )
     }
   );
-}), co = C(Me), Ee = "_wrapper_o13vb_1", Fe = "_slideRight_o13vb_1", E = {
-  wrapper: Ee,
-  slideRight: Fe
-}, Ve = w(function({ title: i, description: n, icon: t, severity: r = "primary", size: e, onClose: l, ...s }, a) {
-  const d = x(r), m = y(
+}), ao = C(Ee), Fe = "_wrapper_o13vb_1", Ve = "_slideRight_o13vb_1", E = {
+  wrapper: Fe,
+  slideRight: Ve
+}, He = _(function({ title: i, description: n, icon: t, severity: r = "primary", size: e, onClose: l, ...s }, a) {
+  const d = x(r), m = S(
     (u) => {
       !u && l && l();
     },
@@ -395,14 +398,14 @@ const de = {
   return /* @__PURE__ */ o(D.Root, { asChild: !0, ref: a, ...s, onOpenChange: m, children: /* @__PURE__ */ o(
     O.Root,
     {
-      className: _("overmap-toast", E.wrapper),
+      className: v("overmap-toast", E.wrapper),
       variant: "surface",
       color: d,
       size: e,
-      children: /* @__PURE__ */ f(S, { width: "100%", align: "center", gap: "4", justify: "between", children: [
-        /* @__PURE__ */ f(S, { align: "center", gap: "4", children: [
-          /* @__PURE__ */ o(O.Icon, { children: t || /* @__PURE__ */ o(X, {}) }),
-          /* @__PURE__ */ f(S, { direction: "column", gap: "0", children: [
+      children: /* @__PURE__ */ f(T, { width: "100%", align: "center", gap: "4", justify: "between", children: [
+        /* @__PURE__ */ f(T, { align: "center", gap: "4", children: [
+          /* @__PURE__ */ o(O.Icon, { children: t || /* @__PURE__ */ o(Y, {}) }),
+          /* @__PURE__ */ f(T, { direction: "column", gap: "0", children: [
             /* @__PURE__ */ o(D.Title, { asChild: !0, children: /* @__PURE__ */ o(O.Text, { weight: "bold", children: i }) }),
             /* @__PURE__ */ o(D.Description, { asChild: !0, children: /* @__PURE__ */ o(O.Text, { weight: "light", children: n }) })
           ] })
@@ -415,18 +418,18 @@ const de = {
             variant: "ghost",
             size: "small",
             severity: r,
-            children: /* @__PURE__ */ o(Y, {})
+            children: /* @__PURE__ */ o(Z, {})
           }
         ) })
       ] })
     }
   ) });
-}), He = C(function({
+}), qe = C(function({
   children: i,
   ...n
 }) {
   return /* @__PURE__ */ o(D.Provider, { swipeDirection: "right", swipeThreshold: 75, ...n, children: i });
-}), qe = C(Ve), Ke = D.Viewport, Qe = H({}), lo = C(function({
+}), Ke = C(He), Qe = D.Viewport, Je = H({}), uo = C(function({
   children: i,
   // Use this class to change where the viewport for the toasts should be
   viewportClass: n,
@@ -435,32 +438,32 @@ const de = {
   duration: r = 1e4,
   ...e
 }) {
-  const [l, s] = L([]), a = y((g) => {
-    s((T) => [...T, g]);
-  }, []), d = y(
+  const [l, s] = L([]), a = S((g) => {
+    s((y) => [...y, g]);
+  }, []), d = S(
     (g) => {
       a({ severity: "primary", ...g });
     },
     [a]
-  ), m = y(
+  ), m = S(
     (g) => {
       a({ severity: "success", ...g });
     },
     [a]
-  ), u = y(
+  ), u = S(
     (g) => {
       a({ severity: "danger", ...g });
     },
     [a]
-  ), p = y(
+  ), p = S(
     (g) => {
       a({ severity: "info", ...g });
     },
     [a]
-  ), v = y(
+  ), w = S(
     (g) => {
-      const T = [...l];
-      T.splice(g, 1), s(() => T);
+      const y = [...l];
+      y.splice(g, 1), s(() => y);
     },
     [l]
   ), h = {
@@ -470,75 +473,75 @@ const de = {
     showError: u,
     showInfo: p
   };
-  return /* @__PURE__ */ o(Qe.Provider, { value: h, children: /* @__PURE__ */ f(He, { duration: r, ...e, children: [
-    /* @__PURE__ */ o(Ke, { className: n, hotkey: t }),
-    l.map((g, T) => /* @__PURE__ */ o(qe, { ...g, onClose: () => v(T) }, T)),
+  return /* @__PURE__ */ o(Je.Provider, { value: h, children: /* @__PURE__ */ f(qe, { duration: r, ...e, children: [
+    /* @__PURE__ */ o(Qe, { className: n, hotkey: t }),
+    l.map((g, y) => /* @__PURE__ */ o(Ke, { ...g, onClose: () => w(y) }, y)),
     i
   ] }) });
 });
-const ao = C(
-  w((c, i) => {
+const po = C(
+  _((c, i) => {
     const { panelBackground: n = "solid", ...t } = c;
-    return /* @__PURE__ */ o(ne, { panelBackground: n, ref: i, ...t });
+    return /* @__PURE__ */ o(re, { panelBackground: n, ref: i, ...t });
   })
 );
 export {
-  go as AccessibleIcon,
-  De as AlertDialog,
+  Co as AccessibleIcon,
+  ke as AlertDialog,
   U as AlertDialogContent,
-  oo as AlertDialogProvider,
-  fo as AspectRatio,
-  Co as Avatar,
-  Ze as Badge,
-  vo as Blockquote,
-  _o as Box,
+  no as AlertDialogProvider,
+  vo as AspectRatio,
+  _o as Avatar,
+  oo as Badge,
+  wo as Blockquote,
+  yo as Box,
   G as Button,
-  Te as ButtonGroup,
-  wo as Callout,
-  yo as Card,
-  So as Checkbox,
-  To as Code,
-  xo as Container,
-  bo as ContextMenu,
-  ao as DefaultTheme,
-  eo as Dialog,
-  Do as DropdownMenu,
-  ko as Em,
-  Io as Flex,
-  Ao as Grid,
-  Bo as Heading,
-  Ro as HoverCard,
+  xe as ButtonGroup,
+  So as Callout,
+  To as Card,
+  xo as Checkbox,
+  bo as Code,
+  Do as Container,
+  ko as ContextMenu,
+  po as DefaultTheme,
+  to as Dialog,
+  Io as DropdownMenu,
+  Ao as Em,
+  Bo as Flex,
+  Ro as Grid,
+  Po as Heading,
+  $o as HoverCard,
   M as IconButton,
-  ro as Input,
-  Po as Inset,
-  $o as Kbd,
-  No as Link,
-  io as Popover,
-  Oo as Portal,
-  Lo as Quote,
-  jo as RadioGroup,
-  zo as ScrollArea,
-  Go as Section,
-  no as Select,
-  Mo as Separator,
-  Eo as Slider,
-  Fo as Slot,
-  Vo as Strong,
-  Ho as Switch,
-  qo as Table,
-  Ko as Tabs,
-  Qo as Text,
-  so as TextArea,
-  Jo as TextField,
-  Uo as Theme,
-  qe as Toast,
-  Qe as ToastContext,
-  lo as ToastContextProvider,
-  He as ToastProvider,
-  Ke as ToastViewport,
-  co as ToggleGroup,
-  Wo as Tooltip,
-  Xo as VisuallyHidden,
-  to as useAlertDialog
+  so as Input,
+  No as Inset,
+  Oo as Kbd,
+  Lo as Link,
+  co as Popover,
+  jo as Portal,
+  zo as Quote,
+  Go as RadioGroup,
+  Mo as ScrollArea,
+  Eo as Section,
+  io as Select,
+  Fo as Separator,
+  Vo as Slider,
+  Ho as Slot,
+  qo as Strong,
+  Ko as Switch,
+  Qo as Table,
+  Jo as Tabs,
+  Uo as Text,
+  lo as TextArea,
+  Wo as TextField,
+  Xo as Theme,
+  Ke as Toast,
+  Je as ToastContext,
+  uo as ToastContextProvider,
+  qe as ToastProvider,
+  Qe as ToastViewport,
+  ao as ToggleGroup,
+  Yo as Tooltip,
+  Zo as VisuallyHidden,
+  ro as useAlertDialog
 };
 //# sourceMappingURL=blocks.js.map