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

package/dist/Theme/DefaultTheme.d.ts

@@ -1,6 +1,4 @@
-import { ThemeOptions } from "@radix-ui/themes";
-import { ReactNode } from "react";
-export interface ThemeProps extends Partial<ThemeOptions> {
-    children: ReactNode;
-}
-export declare const DefaultTheme: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<ThemeProps & import("react").RefAttributes<HTMLDivElement>>>;
+import { Theme } from "@radix-ui/themes";
+import { ComponentProps, FC } from "react";
+export type DefaultThemeProps = ComponentProps<typeof Theme>;
+export declare const DefaultTheme: FC<DefaultThemeProps>;

package/dist/Theme/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./DefaultTheme";
-export { Theme } from "@radix-ui/themes";
+export { Theme, type ThemeOptions, useThemeContext, updateThemeAppearanceClass } from "@radix-ui/themes";

package/dist/blocks.js

@@ -2,12 +2,12 @@ import "@radix-ui/themes/styles.css";
 export * from "@radix-ui/colors";
 import { Cross1Icon as X, InfoCircledIcon as Y, Cross2Icon as Z } from "@radix-ui/react-icons";
 export * from "@radix-ui/react-icons";
-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 { useThemeContext as ee, Badge as oe, Button as te, IconButton as F, Flex as T, Dialog as D, AlertDialog as k, Select as R, TextField as P, Text as V, Popover as $, TextArea as ne, Callout as O, Theme as re } from "@radix-ui/themes";
+import { AccessibleIcon as _o, AspectRatio as wo, Avatar as yo, Blockquote as So, Box as To, Callout as xo, Card as ko, Checkbox as bo, Code as Do, Container as Io, ContextMenu as Ao, DropdownMenu as Bo, Em as No, Flex as Ro, Grid as Po, Heading as $o, HoverCard as Oo, Inset as Lo, Kbd as jo, Link as zo, Portal as Go, Quote as Mo, RadioGroup as Eo, ScrollArea as Fo, Section as Vo, Separator as Ho, Slider as qo, Slot as Ko, Strong as Qo, Switch as Jo, Table as Uo, Tabs as Wo, Text as Xo, TextField as Yo, Theme as Zo, Tooltip as et, VisuallyHidden as ot, updateThemeAppearanceClass as tt, useThemeContext as nt } 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 B, { forwardRef as _, memo as v, 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";
+import * as b from "@radix-ui/react-toast";
 function ue(c) {
   return c && c.__esModule && Object.prototype.hasOwnProperty.call(c, "default") ? c.default : c;
 }
@@ -47,9 +47,9 @@ var K = { exports: {} };
     c.exports ? (n.default = n, c.exports = n) : window.classNames = n;
   })();
 })(K);
-var de = K.exports;
-const v = /* @__PURE__ */ ue(de);
-function R(c, i) {
+var pe = K.exports;
+const C = /* @__PURE__ */ ue(pe);
+function N(c, i) {
   if (typeof c == "object") {
     if (!("initial" in c))
       throw new Error("Expected initial property to be set in Responsive object");
@@ -57,19 +57,19 @@ function R(c, i) {
   } else
     return i[c];
 }
-const pe = {
+const de = {
   success: "green",
   danger: "red",
   info: "gray"
 }, x = (c) => {
   const i = ee();
-  return c === "primary" ? i.accentColor : pe[c];
+  return c === "primary" ? i.accentColor : de[c];
 }, me = _(function({ className: i, severity: n = "primary", rounded: t, color: r, children: e, ...l }, s) {
   const a = x(n);
   return /* @__PURE__ */ o(
     oe,
     {
-      className: v("overmap-badge", i),
+      className: C("overmap-badge", i),
       ref: s,
       color: r || a,
       radius: t ? "full" : void 0,
@@ -77,7 +77,7 @@ const pe = {
       children: e
     }
   );
-}), oo = C(me), he = "_fluid_r73gr_1", ge = "_hoverSpin90Clockwise_r73gr_15", fe = "_hoverSpin180Clockwise_r73gr_25", Ce = "_hoverSpin360Clockwise_r73gr_35", A = {
+}), no = v(me), he = "_fluid_r73gr_1", ge = "_hoverSpin90Clockwise_r73gr_15", fe = "_hoverSpin180Clockwise_r73gr_25", Ce = "_hoverSpin360Clockwise_r73gr_35", A = {
   fluid: he,
   hoverSpin90Clockwise: ge,
   hoverSpin180Clockwise: fe,
@@ -91,16 +91,16 @@ const pe = {
   medium: "2",
   large: "3"
 }, 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])) || [];
+  const p = x(r), m = (e == null ? void 0 : e.map((u) => Q[u])) || [];
   return /* @__PURE__ */ o(
     te,
     {
       ref: a,
-      className: v(i, m, {
+      className: C(i, m, {
         [A.fluid]: n
       }),
-      color: d,
-      size: R(t, z),
+      color: p,
+      size: N(t, z),
       type: l,
       ...s
     }
@@ -114,14 +114,14 @@ const pe = {
   type: l = "button",
   ...s
 }, a) {
-  const d = x(r), m = (e == null ? void 0 : e.map((u) => Q[u])) || [];
+  const p = x(r), m = (e == null ? void 0 : e.map((u) => Q[u])) || [];
   return /* @__PURE__ */ o(
     F,
     {
-      className: v(i, m, A.default),
+      className: C(i, m, A.default),
       ref: a,
-      color: d,
-      size: R(t, z),
+      color: p,
+      size: N(t, z),
       type: l,
       ...s,
       children: n
@@ -141,37 +141,37 @@ const pe = {
   severity: l = "primary",
   size: s = "medium",
   variant: a = "solid",
-  hoverEffects: d,
+  hoverEffects: p,
   ...m
 }, u) {
   return /* @__PURE__ */ o(
     T,
     {
-      className: v("overmap-button-group", i, {
+      className: C("overmap-button-group", i, {
         [ye.merged]: n
       }),
       ref: u,
-      gap: n ? a === "ghost" ? R(s, Se[e]) : "0" : r,
+      gap: n ? a === "ghost" ? N(s, Se[e]) : "0" : r,
       direction: e,
       "data-direction": e,
       ...m,
-      children: t.map((p, w) => p.type === G || p.type === M ? se(p, { key: w, size: s, severity: l, variant: a, hoverEffects: d }) : p)
+      children: t.map((d, w) => d.type === G || d.type === M ? se(d, { key: w, size: s, severity: l, variant: a, hoverEffects: p }) : d)
     }
   );
-}), xe = C(Te), be = C(function(i) {
+}), xe = v(Te), ke = v(function(i) {
   const { title: n, description: t, content: r, closeDialog: e } = i;
   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(X, {}) }) })
+        /* @__PURE__ */ o(D.Title, { mb: "0", children: n }),
+        /* @__PURE__ */ o(D.Close, { children: /* @__PURE__ */ o(F, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ o(X, {}) }) })
       ] }),
-      /* @__PURE__ */ o(k.Description, { children: t })
+      /* @__PURE__ */ o(D.Description, { children: t })
     ] }),
     r(e)
   ] });
-}), to = C(function(i) {
-  const { children: n, size: t, onOpen: r, onCloseInterrupt: e, ...l } = i, [s, a] = L(!1), d = S(
+}), ro = v(function(i) {
+  const { children: n, size: t, onOpen: r, onCloseInterrupt: e, ...l } = i, [s, a] = L(!1), p = S(
     (u) => {
       if (u && r)
         r();
@@ -184,41 +184,41 @@ const pe = {
     (u) => {
       if (u != null && u.force)
         return a(!1);
-      d(!1);
+      p(!1);
     },
-    [d]
+    [p]
   );
-  return /* @__PURE__ */ f(k.Root, { open: s, onOpenChange: d, children: [
-    /* @__PURE__ */ o(k.Content, { size: t, children: /* @__PURE__ */ o(be, { closeDialog: m, ...l }) }),
-    n(k.Trigger)
+  return /* @__PURE__ */ f(D.Root, { open: s, onOpenChange: p, children: [
+    /* @__PURE__ */ o(D.Content, { size: t, children: /* @__PURE__ */ o(ke, { closeDialog: m, ...l }) }),
+    n(D.Trigger)
   ] });
-}), J = (c) => /* @__PURE__ */ o(b.Title, { mb: "0", ...c }), De = (c) => {
+}), J = (c) => /* @__PURE__ */ o(k.Title, { mb: "0", ...c }), be = (c) => {
   const { title: i, description: n, actionText: t = "Confirm", cancelText: r = "Cancel", onAction: e, onCancel: l, severity: s } = c;
   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__ */ o(k.Description, { children: n })
     ] }),
     /* @__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 }) })
+      /* @__PURE__ */ o(k.Cancel, { children: /* @__PURE__ */ o(G, { variant: "soft", severity: "info", onClick: l, children: r }) }),
+      /* @__PURE__ */ o(k.Action, { children: /* @__PURE__ */ o(G, { variant: "solid", severity: s, onClick: e, children: t }) })
     ] })
   ] });
-}, ke = C(function(i) {
+}, De = v(function(i) {
   const { open: n, setOpen: t, children: r, ...e } = i, l = j(() => ({
     close: () => t(!1),
     Title: J,
-    Description: b.Description
+    Description: k.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(De, { ...e }) }),
+  return /* @__PURE__ */ f(k.Root, { open: n, onOpenChange: t, children: [
+    /* @__PURE__ */ o(k.Content, { children: "content" in e ? e.content(l) : /* @__PURE__ */ o(be, { ...e }) }),
     r
   ] });
 }), U = H(() => {
   throw new Error("No AlertDialogProvider found");
 }), Ie = {
   content: () => null
-}, no = C(function({ children: i }) {
+}, io = v(function({ children: i }) {
   const [n, t] = L(!1), [r, e] = L(Ie), l = S(
     (s) => {
       if (n)
@@ -227,10 +227,10 @@ const pe = {
     },
     [n]
   );
-  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 = {
+  return /* @__PURE__ */ o(De, { open: n, setOpen: t, ...r, children: /* @__PURE__ */ o(U.Provider, { value: l, children: i }) });
+}), so = () => ce(U), Ae = "_fluid_7n1wr_1", Be = {
   fluid: Ae
-}, Re = _(function({
+}, Ne = _(function({
   className: i,
   fluid: n,
   size: t = "medium",
@@ -239,38 +239,38 @@ const pe = {
   placeholder: l = "Select",
   side: s,
   items: a = [],
-  value: d,
+  value: p,
   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,
+}, d) {
+  const w = j(() => N(t, z), [t]), h = x(e);
+  return /* @__PURE__ */ q(R.Root, { size: w, ...u, key: p === void 0 ? 1 : 0, value: p }, /* @__PURE__ */ o(
+    R.Trigger,
     {
-      className: v(i, {
+      className: C(i, {
         [Be.fluid]: n
       }),
       id: m,
-      ref: p,
+      ref: d,
       variant: r,
       placeholder: l,
       color: h
     }
   ), /* @__PURE__ */ o(
-    P.Content,
+    R.Content,
     {
       side: s,
       position: "popper",
       variant: r !== "surface" ? "soft" : "solid",
       color: h,
-      children: a.map(({ label: g, value: y, ...W }) => /* @__PURE__ */ o(P.Item, { value: y, ...W, children: g }, y))
+      children: a.map(({ label: g, value: y, ...W }) => /* @__PURE__ */ o(R.Item, { value: y, ...W, children: g }, y))
     }
   ));
-}), io = B.memo(Re), Pe = "_accommodateCharCount_fni4k_1", $e = "_noLeftIcon_fni4k_9", Ne = "_noRightIcon_fni4k_13", Oe = "_charCount_fni4k_17", I = {
-  accommodateCharCount: Pe,
+}), co = B.memo(Ne), Re = "_accommodateCharCount_fni4k_1", Pe = "_noLeftIcon_fni4k_9", $e = "_noRightIcon_fni4k_13", Oe = "_charCount_fni4k_17", I = {
+  accommodateCharCount: Re,
   default: "_default_fni4k_5",
-  noLeftIcon: $e,
-  noRightIcon: Ne,
+  noLeftIcon: Pe,
+  noRightIcon: $e,
   charCount: Oe
 }, Le = _(function({
   className: i,
@@ -281,69 +281,69 @@ const pe = {
   value: l,
   variant: s,
   severity: a = "primary",
-  ...d
+  ...p
 }, m) {
-  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;
+  const u = j(() => N(r, z), [r]), d = x(a), w = e || e === void 0 && p.maxLength !== void 0, h = l !== void 0 ? l.toString() : void 0;
   return /* @__PURE__ */ f(
-    $.Root,
+    P.Root,
     {
-      className: v({
+      className: C({
         [I.accommodateCharCount]: w
       }),
       size: u,
       variant: s,
-      color: p,
+      color: d,
       children: [
-        /* @__PURE__ */ o($.Slot, { children: n }),
+        /* @__PURE__ */ o(P.Slot, { children: n }),
         /* @__PURE__ */ o(
-          $.Input,
+          P.Input,
           {
-            className: v(I.default, i, {
+            className: C(I.default, i, {
               [I.noLeftIcon]: !n,
               [I.noRightIcon]: !t
             }),
             ref: m,
             size: u,
             variant: s,
-            color: p,
-            ...d
+            color: d,
+            ...p
           }
         ),
-        /* @__PURE__ */ o($.Slot, { children: t }),
-        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}` })
+        /* @__PURE__ */ o(P.Slot, { children: t }),
+        w && /* @__PURE__ */ o(V, { as: "p", className: I.charCount, size: "1", color: "gray", children: p.maxLength !== void 0 ? `${h == null ? void 0 : h.length}/${p.maxLength}` : `${h == null ? void 0 : h.length}` })
       ]
     }
   );
-}), 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) })
+}), lo = B.memo(Le), je = _(function({ defaultOpen: i = !1, modal: n = !1, content: t, children: r, ...e }, l) {
+  return /* @__PURE__ */ f($.Root, { defaultOpen: i, modal: n, children: [
+    /* @__PURE__ */ o($.Trigger, { children: r }),
+    /* @__PURE__ */ o($.Content, { ref: l, ...e, children: t($.Close) })
   ] });
-}), co = B.memo(je), ze = "_charCount_17uut_1", Ge = {
+}), ao = 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(() => {
+  const p = x(e), m = x("info"), u = n || n === void 0 && (s.maxLength !== void 0 || s.minLength !== void 0), d = r !== void 0 ? r.toString() : "", w = j(() => {
     if (t) {
-      let h = t.replace("{current}", p.length.toString());
+      let h = t.replace("{current}", d.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 d.length;
+  }, [t, s.maxLength, s.minLength, d.length]);
   return /* @__PURE__ */ f(ie, { children: [
     /* @__PURE__ */ o(
       ne,
       {
-        className: v("overmap-textarea", i),
+        className: C("overmap-textarea", i),
         style: { resize: l },
         ref: a,
         value: r,
-        color: d,
+        color: p,
         ...s
       }
     ),
     u && /* @__PURE__ */ o(V, { as: "p", className: Ge.charCount, color: m, align: "right", children: w })
   ] });
-}), lo = C(Me), Ee = _(function({
+}), uo = v(Me), Ee = _(function({
   className: i,
   items: n,
   orientation: t = "horizontal",
@@ -352,16 +352,16 @@ const pe = {
   severity: l,
   gap: s,
   size: a,
-  ...d
+  ...p
 }, m) {
   return /* @__PURE__ */ o(
     le,
     {
-      className: v("overmap-toggle-group", i),
+      className: C("overmap-toggle-group", i),
       ref: m,
       value: e,
       orientation: t,
-      ...d,
+      ...p,
       children: /* @__PURE__ */ o(
         xe,
         {
@@ -370,13 +370,13 @@ const pe = {
           merged: r,
           direction: t === "vertical" ? "column" : "row",
           gap: s,
-          children: n.map(({ children: u, ...p }) => /* @__PURE__ */ q(ae, { asChild: !0, ...p, key: p.value }, /* @__PURE__ */ o(
+          children: n.map(({ children: u, ...d }) => /* @__PURE__ */ q(ae, { asChild: !0, ...d, key: d.value }, /* @__PURE__ */ o(
             M,
             {
-              className: v("overmap-toggle-group-button"),
-              "aria-label": p.value,
+              className: C("overmap-toggle-group-button"),
+              "aria-label": d.value,
               severity: l,
-              variant: p.value === e ? "solid" : "soft",
+              variant: d.value === e ? "solid" : "soft",
               size: a,
               children: u
             }
@@ -385,32 +385,32 @@ const pe = {
       )
     }
   );
-}), ao = C(Ee), Fe = "_wrapper_o13vb_1", Ve = "_slideRight_o13vb_1", E = {
+}), po = v(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(
+  const p = x(r), m = S(
     (u) => {
       !u && l && l();
     },
     [l]
   );
-  return /* @__PURE__ */ o(D.Root, { asChild: !0, ref: a, ...s, onOpenChange: m, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(b.Root, { asChild: !0, ref: a, ...s, onOpenChange: m, children: /* @__PURE__ */ o(
     O.Root,
     {
-      className: v("overmap-toast", E.wrapper),
+      className: C("overmap-toast", E.wrapper),
       variant: "surface",
-      color: d,
+      color: p,
       size: e,
       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 }) })
+            /* @__PURE__ */ o(b.Title, { asChild: !0, children: /* @__PURE__ */ o(O.Text, { weight: "bold", children: i }) }),
+            /* @__PURE__ */ o(b.Description, { asChild: !0, children: /* @__PURE__ */ o(O.Text, { weight: "light", children: n }) })
           ] })
         ] }),
-        /* @__PURE__ */ o(D.Close, { asChild: !0, children: /* @__PURE__ */ o(
+        /* @__PURE__ */ o(b.Close, { asChild: !0, children: /* @__PURE__ */ o(
           M,
           {
             className: E.closeButton,
@@ -424,12 +424,12 @@ const pe = {
       ] })
     }
   ) });
-}), qe = C(function({
+}), qe = v(function({
   children: i,
   ...n
 }) {
-  return /* @__PURE__ */ o(D.Provider, { swipeDirection: "right", swipeThreshold: 75, ...n, children: i });
-}), Ke = C(He), Qe = D.Viewport, Je = H({}), uo = C(function({
+  return /* @__PURE__ */ o(b.Provider, { swipeDirection: "right", swipeThreshold: 75, ...n, children: i });
+}), Ke = v(He), Qe = b.Viewport, Je = H({}), mo = v(function({
   children: i,
   // Use this class to change where the viewport for the toasts should be
   viewportClass: n,
@@ -440,7 +440,7 @@ const pe = {
 }) {
   const [l, s] = L([]), a = S((g) => {
     s((y) => [...y, g]);
-  }, []), d = S(
+  }, []), p = S(
     (g) => {
       a({ severity: "primary", ...g });
     },
@@ -455,7 +455,7 @@ const pe = {
       a({ severity: "danger", ...g });
     },
     [a]
-  ), p = S(
+  ), d = S(
     (g) => {
       a({ severity: "info", ...g });
     },
@@ -468,80 +468,92 @@ const pe = {
     [l]
   ), h = {
     showToast: a,
-    showPrimary: d,
+    showPrimary: p,
     showSuccess: m,
     showError: u,
-    showInfo: p
+    showInfo: d
   };
   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 po = C(
+}), Ue = "_tokens_552zu_2", We = {
+  tokens: Ue
+}, ho = v(
   _((c, i) => {
-    const { panelBackground: n = "solid", ...t } = c;
-    return /* @__PURE__ */ o(re, { panelBackground: n, ref: i, ...t });
+    const { panelBackground: n = "solid", className: t, ...r } = c;
+    return /* @__PURE__ */ o(
+      re,
+      {
+        className: C(t, We.tokens),
+        panelBackground: n,
+        ref: i,
+        ...r
+      }
+    );
   })
 );
 export {
-  Co as AccessibleIcon,
-  ke as AlertDialog,
+  _o as AccessibleIcon,
+  De as AlertDialog,
   U as AlertDialogContent,
-  no as AlertDialogProvider,
-  vo as AspectRatio,
-  _o as Avatar,
-  oo as Badge,
-  wo as Blockquote,
-  yo as Box,
+  io as AlertDialogProvider,
+  wo as AspectRatio,
+  yo as Avatar,
+  no as Badge,
+  So as Blockquote,
+  To as Box,
   G as Button,
   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,
+  xo as Callout,
+  ko as Card,
+  bo as Checkbox,
+  Do as Code,
+  Io as Container,
+  Ao as ContextMenu,
+  ho as DefaultTheme,
+  ro as Dialog,
+  Bo as DropdownMenu,
+  No as Em,
+  Ro as Flex,
+  Po as Grid,
+  $o as Heading,
+  Oo as HoverCard,
   M as IconButton,
-  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,
+  lo as Input,
+  Lo as Inset,
+  jo as Kbd,
+  zo as Link,
+  ao as Popover,
+  Go as Portal,
+  Mo as Quote,
+  Eo as RadioGroup,
+  Fo as ScrollArea,
+  Vo as Section,
+  co as Select,
+  Ho as Separator,
+  qo as Slider,
+  Ko as Slot,
+  Qo as Strong,
+  Jo as Switch,
+  Uo as Table,
+  Wo as Tabs,
+  Xo as Text,
+  uo as TextArea,
+  Yo as TextField,
+  Zo as Theme,
   Ke as Toast,
   Je as ToastContext,
-  uo as ToastContextProvider,
+  mo as ToastContextProvider,
   qe as ToastProvider,
   Qe as ToastViewport,
-  ao as ToggleGroup,
-  Yo as Tooltip,
-  Zo as VisuallyHidden,
-  ro as useAlertDialog
+  po as ToggleGroup,
+  et as Tooltip,
+  ot as VisuallyHidden,
+  tt as updateThemeAppearanceClass,
+  so as useAlertDialog,
+  x as useSeverityColor,
+  nt as useThemeContext
 };
 //# sourceMappingURL=blocks.js.map