@nayhoo/ui 0.9.3 → 0.9.5

package/dist/providers/index.mjs

@@ -10,19 +10,19 @@ import {
   toastInner,
   toastRoot,
   toastViewport
-} from "../chunk-54ZBX4ZK.mjs";
+} from "../chunk-53LAMNK6.mjs";
 import {
   Heading
 } from "../chunk-PIOIL3MF.mjs";
 import {
   IconButton
-} from "../chunk-MT2IF4CB.mjs";
-import "../chunk-YFXFSV23.mjs";
+} from "../chunk-2BB77GZV.mjs";
+import "../chunk-JSUIFF36.mjs";
 import "../chunk-AIOSEM6O.mjs";
 import {
   Button
-} from "../chunk-TF5DXR26.mjs";
-import "../chunk-L3WLGNH2.mjs";
+} from "../chunk-4C5Q6VK2.mjs";
+import "../chunk-QCTQCZQV.mjs";
 import "../chunk-LF6VSYRD.mjs";
 import "../chunk-HFMY3EF3.mjs";
 import "../chunk-4N6P3Y54.mjs";
@@ -30,69 +30,117 @@ import "../chunk-7EGQM3ZL.mjs";
 import "../chunk-LZOMFHX3.mjs";
 
 // src/providers/theme-provider.tsx
-import { createContext, useEffect, useState } from "react";
+import {
+  createContext,
+  useCallback,
+  useEffect,
+  useMemo,
+  useState
+} from "react";
+
+// src/providers/script.ts
+var script = (storageKey2, defaultTheme2, classes2) => {
+  const el = document.documentElement;
+  function updateDOM(theme) {
+    el.classList.remove(...Object.values(classes2));
+    el.classList.add(classes2[theme]);
+  }
+  function getSystemTheme2() {
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }
+  try {
+    const themeName = localStorage.getItem(storageKey2) || defaultTheme2;
+    const isSystem = themeName === "system";
+    const theme = isSystem ? getSystemTheme2() : themeName;
+    updateDOM(theme);
+  } catch (e) {
+  }
+};
+
+// src/providers/theme-provider.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-var themes = ["light", "dark", "system"];
+var MEDIA = "(prefers-color-scheme: dark)";
+var isServer = typeof window === "undefined";
 var storageKey = "nayhoo-theme";
+var themes = ["light", "dark", "system"];
+var defaultTheme = "system";
+var classes = {
+  light: lightTheme,
+  dark: darkTheme
+};
 var ThemeContext = createContext({
-  theme: "system",
+  theme: defaultTheme,
   setTheme: () => {
   },
+  resolvedTheme: "light",
   themes
 });
-var defaultTheme = "system";
 var ThemeProvider = ({ children }) => {
   const [theme, setTheme] = useState(() => getTheme());
-  const applyTheme = (theme2) => {
-    var _a, _b, _c, _d;
-    const isDark = theme2 === "dark";
-    const isSystem = theme2 === "system";
-    if (isDark || (isSystem || !(storageKey in localStorage)) && window.matchMedia("(prefers-color-scheme: dark)").matches) {
-      (_a = document.querySelector("html")) == null ? void 0 : _a.classList.add(darkTheme);
-      (_b = document.querySelector("html")) == null ? void 0 : _b.classList.remove(lightTheme);
-    } else {
-      (_c = document.querySelector("html")) == null ? void 0 : _c.classList.add(lightTheme);
-      (_d = document.querySelector("html")) == null ? void 0 : _d.classList.remove(darkTheme);
-    }
-  };
+  const [resolvedTheme, setResolvedTheme] = useState(
+    () => theme === "system" ? getSystemTheme() : theme
+  );
+  const applyTheme = useCallback((theme2) => {
+    const resolved = resolveTheme(theme2);
+    setResolvedTheme(resolved);
+    const d = document.documentElement;
+    d.classList.remove(...Object.values(classes));
+    d.classList.add(classes[resolved]);
+  }, []);
   useEffect(() => {
     applyTheme(theme);
     try {
       localStorage.setItem(storageKey, theme);
     } catch {
     }
-  }, [theme]);
-  return /* @__PURE__ */ jsxs(ThemeContext, { value: { theme, setTheme, themes }, children: [
-    /* @__PURE__ */ jsx("script", { children: `    
-          const isDark = localStorage.getItem("${storageKey}") === "dark";
-          const isSystem = localStorage.getItem("${storageKey}") === "system";
-
-          if (
-            isDark ||
-            ((isSystem || !("${storageKey}" in localStorage)) &&
-              window.matchMedia("(prefers-color-scheme: dark)").matches)
-          ) {
-            document.querySelector("html")?.classList.add("${darkTheme}");
-            document.querySelector("html")?.classList.remove("${lightTheme}");
-          } else {
-            document.querySelector("html")?.classList.add("${lightTheme}");
-            document.querySelector("html")?.classList.remove("${darkTheme}");
-          }
-        ` }),
+  }, [applyTheme, theme]);
+  const value = useMemo(
+    () => ({
+      theme,
+      setTheme,
+      resolvedTheme: theme === "system" ? resolvedTheme : theme,
+      themes
+    }),
+    [theme, setTheme, resolvedTheme]
+  );
+  const scriptArgs = JSON.stringify([storageKey, defaultTheme, classes]).slice(
+    1,
+    -1
+  );
+  return /* @__PURE__ */ jsxs(ThemeContext, { value, children: [
+    /* @__PURE__ */ jsx(
+      "script",
+      {
+        suppressHydrationWarning: true,
+        dangerouslySetInnerHTML: {
+          __html: `(${script.toString()})(${scriptArgs})`
+        }
+      }
+    ),
     children
   ] });
 };
 var getTheme = () => {
-  var _a;
-  if (typeof window === "undefined") {
-    return defaultTheme;
-  }
-  let theme;
+  if (isServer) return defaultTheme;
+  let themeName;
   try {
-    theme = localStorage.getItem(storageKey) || void 0;
-  } catch {
+    themeName = localStorage.getItem(storageKey) || void 0;
+  } catch (e) {
+  }
+  return themes.find((theme) => theme === themeName) || defaultTheme;
+};
+var getSystemTheme = (e) => {
+  if (!e) e = window.matchMedia(MEDIA);
+  const isDark = e.matches;
+  const systemTheme = isDark ? "dark" : "light";
+  return systemTheme;
+};
+var resolveTheme = (theme) => {
+  let resolved = theme;
+  if (theme === "system") {
+    resolved = getSystemTheme();
   }
-  return (_a = themes.find((t) => t === theme)) != null ? _a : defaultTheme;
+  return resolved;
 };
 
 // src/providers/toast-provider.tsx
@@ -107,7 +155,7 @@ var defaultToast = Object.assign(() => {
   error: () => {
   }
 });
-var ToastProviderContext = React2.createContext(defaultToast);
+var ToastContext = React2.createContext(defaultToast);
 var toastElementsMapRef = React2.createRef();
 var defaultToastImpl = {
   toastElementsMapRef,
@@ -205,7 +253,7 @@ var ToastProvider = ({
     }),
     [handleDispatchDefault, handleDispatchSuccess, handleDispatchError]
   );
-  return /* @__PURE__ */ jsx2(ToastProviderContext.Provider, { value: toastApi, children: /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx2(ToastContext.Provider, { value: toastApi, children: /* @__PURE__ */ jsx2(
     ToastContextImpl.Provider,
     {
       value: React2.useMemo(
@@ -318,7 +366,7 @@ export {
   ThemeContext,
   ThemeProvider,
   ToastAction,
-  ToastProvider,
-  ToastProviderContext
+  ToastContext,
+  ToastProvider
 };
 //# sourceMappingURL=index.mjs.map

package/dist/providers/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/providers/theme-provider.tsx","../../src/providers/toast-provider.tsx"],"sourcesContent":["import { darkTheme } from \"@/theme/themes/dark-theme.css\";\nimport { lightTheme } from \"@/theme/themes/light-theme.css\";\nimport { theme as Theme } from \"@/types/theme\";\nimport React, { createContext, useEffect, useState } from \"react\";\n\nconst themes: Theme[] = [\"light\", \"dark\", \"system\"];\nconst storageKey = \"nayhoo-theme\";\n\ntype ThemeContextProps = {\n  theme: Theme;\n  setTheme: React.Dispatch<React.SetStateAction<Theme>>;\n  themes: Theme[];\n};\n\nexport const ThemeContext = createContext<ThemeContextProps>({\n  theme: \"system\",\n  setTheme: () => {},\n  themes,\n});\n\ntype ThemeProviderProps = {\n  children: React.ReactNode;\n  defaultTheme?: Theme;\n};\n\nconst defaultTheme = \"system\";\n\nexport const ThemeProvider = ({ children }: ThemeProviderProps) => {\n  const [theme, setTheme] = useState(() => getTheme());\n\n  const applyTheme = (theme: Theme) => {\n    const isDark = theme === \"dark\";\n    const isSystem = theme === \"system\";\n\n    if (\n      isDark ||\n      ((isSystem || !(storageKey in localStorage)) &&\n        window.matchMedia(\"(prefers-color-scheme: dark)\").matches)\n    ) {\n      document.querySelector(\"html\")?.classList.add(darkTheme);\n      document.querySelector(\"html\")?.classList.remove(lightTheme);\n    } else {\n      document.querySelector(\"html\")?.classList.add(lightTheme);\n      document.querySelector(\"html\")?.classList.remove(darkTheme);\n    }\n  };\n\n  useEffect(() => {\n    applyTheme(theme);\n\n    try {\n      localStorage.setItem(storageKey, theme);\n    } catch {}\n  }, [theme]);\n\n  return (\n    <ThemeContext value={{ theme, setTheme, themes }}>\n      <script>\n        {`    \n          const isDark = localStorage.getItem(\"${storageKey}\") === \"dark\";\n          const isSystem = localStorage.getItem(\"${storageKey}\") === \"system\";\n\n          if (\n            isDark ||\n            ((isSystem || !(\"${storageKey}\" in localStorage)) &&\n              window.matchMedia(\"(prefers-color-scheme: dark)\").matches)\n          ) {\n            document.querySelector(\"html\")?.classList.add(\"${darkTheme}\");\n            document.querySelector(\"html\")?.classList.remove(\"${lightTheme}\");\n          } else {\n            document.querySelector(\"html\")?.classList.add(\"${lightTheme}\");\n            document.querySelector(\"html\")?.classList.remove(\"${darkTheme}\");\n          }\n        `}\n      </script>\n\n      {children}\n    </ThemeContext>\n  );\n};\n\nconst getTheme = () => {\n  if (typeof window === \"undefined\") {\n    return defaultTheme;\n  }\n\n  let theme: string | undefined;\n\n  try {\n    theme = localStorage.getItem(storageKey) || undefined;\n  } catch {}\n\n  return themes.find((t) => t === theme) ?? defaultTheme;\n};\n","// Credits: https://codesandbox.io/p/sandbox/radix-toast-stack-dpfx5f\n\nimport { Button } from \"@/components/button\";\nimport { Heading } from \"@/components/heading\";\nimport { IconButton } from \"@/components/icon-button\";\nimport { Text } from \"@/components/text\";\nimport {\n  checkmark,\n  error,\n  toastClose,\n  toastInner,\n  toastRoot,\n  toastViewport,\n} from \"@/theme/styles/toaster.css\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport * as ToastPrimitives from \"@radix-ui/react-toast\";\nimport * as React from \"react\";\n\ntype Toast = {\n  title?: string;\n  description?: string;\n  status: \"default\" | \"error\" | \"success\";\n  action?: React.ReactNode;\n} & ToastPrimitives.ToastProps;\n\ntype AddToastPayload = Omit<Toast, \"status\">;\n\ntype ToastProviderContextProps = ((payload: AddToastPayload) => void) & {\n  error: (payload: AddToastPayload) => void;\n  success: (payload: AddToastPayload) => void;\n};\n\nconst defaultToast: ToastProviderContextProps = Object.assign(() => {}, {\n  success: () => {},\n  error: () => {},\n});\n\nexport const ToastProviderContext = React.createContext(defaultToast);\n\ntype ToastContextImplProps = {\n  toastElementsMapRef: React.RefObject<Map<string, HTMLLIElement> | null>;\n  sortToasts: () => void;\n};\n\nconst toastElementsMapRef = React.createRef<Map<string, HTMLLIElement>>();\n\nconst defaultToastImpl: ToastContextImplProps = {\n  toastElementsMapRef,\n  sortToasts: () => {},\n};\n\nconst ToastContextImpl = React.createContext(defaultToastImpl);\n\nconst ANIMATION_OUT_DURATION = 350;\n\nexport const ToastProvider = ({\n  children,\n  ...props\n}: ToastPrimitives.ToastProviderProps) => {\n  const [toasts, setToasts] = React.useState<Map<string, Toast>>(new Map());\n  const toastElementsMapRef = React.useRef<Map<string, HTMLLIElement>>(\n    new Map(),\n  );\n  const viewportRef = React.useRef<HTMLOListElement>(null);\n\n  const sortToasts = React.useCallback(() => {\n    const toastElements = Array.from(toastElementsMapRef.current).reverse();\n    const heights: number[] = [];\n\n    toastElements.forEach(([, toast], index) => {\n      if (!toast) return;\n      const height = toast.clientHeight;\n      heights.push(height);\n      const frontToastHeight = heights[0];\n      toast.setAttribute(\"data-front\", `${index === 0}`);\n      toast.setAttribute(\"data-hidden\", `${index > 2}`);\n      toast.style.setProperty(\"--index\", `${index}`);\n      toast.style.setProperty(\"--height\", `${height}px`);\n      toast.style.setProperty(\"--front-height\", `${frontToastHeight}px`);\n      const hoverOffsetY = heights\n        .slice(0, index)\n        .reduce((res, next) => (res += next), 0);\n      toast.style.setProperty(\"--hover-offset-y\", `-${hoverOffsetY}px`);\n    });\n  }, []);\n\n  const handleAddToast = React.useCallback((toast: Toast) => {\n    setToasts((currentToasts) => {\n      const newMap = new Map(currentToasts);\n      newMap.set(String(Date.now()), { ...toast, open: true });\n\n      return newMap;\n    });\n  }, []);\n\n  const handleRemoveToast = React.useCallback((key: string) => {\n    setToasts((currentToasts) => {\n      const newMap = new Map(currentToasts);\n      newMap.delete(key);\n\n      return newMap;\n    });\n  }, []);\n\n  const handleDispatchDefault = React.useCallback(\n    (payload: AddToastPayload) =>\n      handleAddToast({ ...payload, status: \"default\" }),\n    [handleAddToast],\n  );\n\n  const handleDispatchSuccess = React.useCallback(\n    (payload: AddToastPayload) =>\n      handleAddToast({ ...payload, status: \"success\" }),\n    [handleAddToast],\n  );\n\n  const handleDispatchError = React.useCallback(\n    (payload: AddToastPayload) =>\n      // default duration of 10 mins for `status: \"error\"`.\n      handleAddToast({ duration: 60 * 1000 * 10, ...payload, status: \"error\" }),\n    [handleAddToast],\n  );\n\n  React.useEffect(() => {\n    const viewport = viewportRef.current;\n\n    if (viewport) {\n      const handleFocus = () => {\n        toastElementsMapRef.current.forEach((toast) => {\n          toast.setAttribute(\"data-hovering\", \"true\");\n        });\n      };\n\n      // @ts-expect-error TODO: get the correct type\n      const handleBlur = (event) => {\n        if (!viewport.contains(event.target) || viewport === event.target) {\n          toastElementsMapRef.current.forEach((toast) => {\n            toast.setAttribute(\"data-hovering\", \"false\");\n          });\n        }\n      };\n\n      viewport.addEventListener(\"pointermove\", handleFocus);\n      viewport.addEventListener(\"pointerleave\", handleBlur);\n      viewport.addEventListener(\"focusin\", handleFocus);\n      viewport.addEventListener(\"focusout\", handleBlur);\n\n      return () => {\n        viewport.removeEventListener(\"pointermove\", handleFocus);\n        viewport.removeEventListener(\"pointerleave\", handleBlur);\n        viewport.removeEventListener(\"focusin\", handleFocus);\n        viewport.removeEventListener(\"focusout\", handleBlur);\n      };\n    }\n  }, []);\n\n  const toastApi = React.useMemo(\n    () =>\n      Object.assign(handleDispatchDefault, {\n        success: handleDispatchSuccess,\n        error: handleDispatchError,\n      }),\n    [handleDispatchDefault, handleDispatchSuccess, handleDispatchError],\n  );\n\n  return (\n    <ToastProviderContext.Provider value={toastApi}>\n      <ToastContextImpl.Provider\n        value={React.useMemo(\n          () => ({\n            toastElementsMapRef,\n            sortToasts,\n          }),\n          [sortToasts],\n        )}\n      >\n        <ToastPrimitives.Provider {...props}>\n          {children}\n          {Array.from(toasts).map(([key, toast]) => (\n            <Toast\n              key={key}\n              id={key}\n              toast={toast}\n              onOpenChange={(open) => {\n                if (!open) {\n                  toastElementsMapRef.current.delete(key);\n                  sortToasts();\n\n                  if (!open) {\n                    setTimeout(() => {\n                      handleRemoveToast(key);\n                    }, ANIMATION_OUT_DURATION);\n                  }\n                }\n              }}\n            />\n          ))}\n          <ToastPrimitives.Viewport\n            ref={viewportRef}\n            className={toastViewport}\n          />\n        </ToastPrimitives.Provider>\n      </ToastContextImpl.Provider>\n    </ToastProviderContext.Provider>\n  );\n};\n\nconst Toast = (props: ToastPrimitives.ToastProps & { toast: Toast }) => {\n  const { onOpenChange, toast, id, ...toastProps } = props;\n  const ref = React.useRef<HTMLLIElement>(null);\n  const context = React.useContext(ToastContextImpl);\n  const { sortToasts, toastElementsMapRef } = context;\n  const toastElementsMap = toastElementsMapRef.current;\n\n  React.useLayoutEffect(() => {\n    if (ref.current) {\n      toastElementsMap?.set(id as string, ref.current);\n      sortToasts();\n    }\n  }, [id, sortToasts, toastElementsMap]);\n\n  return (\n    <ToastPrimitives.Root\n      {...toastProps}\n      ref={ref}\n      type={toast.type}\n      duration={toast.duration}\n      className={toastRoot}\n      onOpenChange={onOpenChange}\n    >\n      <div className={toastInner} data-status={toast.status}>\n        <ToastStatusIcon status={toast.status} />\n        <ToastPrimitives.Title asChild style={{ gridArea: \"title\" }}>\n          <Heading level=\"6\">{toast.title}</Heading>\n        </ToastPrimitives.Title>\n        <ToastPrimitives.Description\n          asChild\n          style={{ gridArea: \"description\" }}\n        >\n          <Text color=\"subtle\" size=\"2\">\n            {toast.description}\n          </Text>\n        </ToastPrimitives.Description>\n        {toast.action}\n        <ToastPrimitives.Close\n          aria-label=\"Close\"\n          asChild\n          className={toastClose}\n        >\n          <IconButton variant=\"outline\">\n            <Cross2Icon />\n          </IconButton>\n        </ToastPrimitives.Close>\n      </div>\n    </ToastPrimitives.Root>\n  );\n};\n\nconst ToastStatusIcon = ({ status }: { status: Toast[\"status\"] }) => {\n  return status !== \"default\" ? (\n    <div style={{ gridArea: \"icon\", alignSelf: \"start\" }}>\n      {status === \"success\" && <CheckmarkIcon />}\n      {status === \"error\" && <ErrorIcon />}\n    </div>\n  ) : null;\n};\n\nconst ErrorIcon = () => <div aria-hidden className={error} />;\nconst CheckmarkIcon = () => <div aria-hidden className={checkmark} />;\n\nexport const ToastAction = ({\n  ...props\n}: Omit<ToastPrimitives.ToastActionProps, \"asChild\">) => {\n  return (\n    <ToastPrimitives.Action\n      {...props}\n      style={{ gridArea: \"action\", ...props.style }}\n      asChild\n    >\n      <Button size=\"1\" variant=\"outline\">\n        {props.children}\n      </Button>\n    </ToastPrimitives.Action>\n  );\n};\n"],"mappings":"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","names":["theme","React","jsx","jsxs","toastElementsMapRef"]}
+{"version":3,"sources":["../../src/providers/theme-provider.tsx","../../src/providers/script.ts","../../src/providers/toast-provider.tsx"],"sourcesContent":["// Credit: https://github.com/pacocoursey/next-themes/blob/main/next-themes/src/index.tsx\n\nimport { darkTheme } from \"@/theme/themes/dark-theme.css\";\nimport { lightTheme } from \"@/theme/themes/light-theme.css\";\nimport { Theme } from \"@/types/theme\";\nimport React, {\n  createContext,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { script } from \"./script\";\n\nconst MEDIA = \"(prefers-color-scheme: dark)\";\nconst isServer = typeof window === \"undefined\";\n\nconst storageKey = \"nayhoo-theme\";\nconst themes: Theme[] = [\"light\", \"dark\", \"system\"];\nconst defaultTheme: Theme = \"system\";\n\ntype ResolvedTheme = Exclude<Theme, \"system\">;\nconst classes: Record<ResolvedTheme, string> = {\n  light: lightTheme,\n  dark: darkTheme,\n};\n\ntype ThemeContextProps = {\n  theme: Theme;\n  setTheme: React.Dispatch<React.SetStateAction<Theme>>;\n  resolvedTheme: ResolvedTheme;\n  themes: Theme[];\n};\n\nexport const ThemeContext = createContext<ThemeContextProps>({\n  theme: defaultTheme,\n  setTheme: () => {},\n  resolvedTheme: \"light\",\n  themes,\n});\n\ntype ThemeProviderProps = {\n  children: React.ReactNode;\n};\n\nexport const ThemeProvider = ({ children }: ThemeProviderProps) => {\n  const [theme, setTheme] = useState(() => getTheme());\n  const [resolvedTheme, setResolvedTheme] = useState(() =>\n    theme === \"system\" ? getSystemTheme() : theme,\n  );\n\n  const applyTheme = useCallback((theme: Theme) => {\n    const resolved = resolveTheme(theme);\n\n    setResolvedTheme(resolved);\n\n    const d = document.documentElement;\n    d.classList.remove(...Object.values(classes));\n    d.classList.add(classes[resolved]);\n  }, []);\n\n  useEffect(() => {\n    applyTheme(theme);\n\n    try {\n      localStorage.setItem(storageKey, theme);\n    } catch {}\n  }, [applyTheme, theme]);\n\n  const value = useMemo(\n    () => ({\n      theme,\n      setTheme,\n      resolvedTheme: theme === \"system\" ? resolvedTheme : theme,\n      themes,\n    }),\n    [theme, setTheme, resolvedTheme],\n  );\n\n  const scriptArgs = JSON.stringify([storageKey, defaultTheme, classes]).slice(\n    1,\n    -1,\n  );\n\n  return (\n    <ThemeContext value={value}>\n      <script\n        suppressHydrationWarning\n        dangerouslySetInnerHTML={{\n          __html: `(${script.toString()})(${scriptArgs})`,\n        }}\n      />\n\n      {children}\n    </ThemeContext>\n  );\n};\n\nconst getTheme = () => {\n  if (isServer) return defaultTheme;\n  let themeName: string | undefined;\n\n  try {\n    themeName = localStorage.getItem(storageKey) || undefined;\n  } catch (e) {\n    // Unsupported\n  }\n\n  return themes.find((theme) => theme === themeName) || defaultTheme;\n};\n\nconst getSystemTheme = (\n  e?: MediaQueryList | MediaQueryListEvent,\n): ResolvedTheme => {\n  if (!e) e = window.matchMedia(MEDIA);\n  const isDark = e.matches;\n  const systemTheme = isDark ? \"dark\" : \"light\";\n\n  return systemTheme;\n};\n\nconst resolveTheme = (theme: Theme) => {\n  let resolved = theme;\n\n  if (theme === \"system\") {\n    resolved = getSystemTheme();\n  }\n\n  return resolved as ResolvedTheme;\n};\n","// Credit: https://github.com/pacocoursey/next-themes/blob/main/next-themes/src/script.ts\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\n\nexport const script = (storageKey, defaultTheme, classes) => {\n  const el = document.documentElement;\n\n  function updateDOM(theme) {\n    el.classList.remove(...Object.values(classes));\n    el.classList.add(classes[theme]);\n  }\n\n  function getSystemTheme() {\n    return window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n      ? \"dark\"\n      : \"light\";\n  }\n\n  try {\n    const themeName = localStorage.getItem(storageKey) || defaultTheme;\n    const isSystem = themeName === \"system\";\n    const theme = isSystem ? getSystemTheme() : themeName;\n    updateDOM(theme);\n  } catch (e) {\n    //\n  }\n};\n","// Credits: https://codesandbox.io/p/sandbox/radix-toast-stack-dpfx5f\n\nimport { Button } from \"@/components/button\";\nimport { Heading } from \"@/components/heading\";\nimport { IconButton } from \"@/components/icon-button\";\nimport { Text } from \"@/components/text\";\nimport {\n  checkmark,\n  error,\n  toastClose,\n  toastInner,\n  toastRoot,\n  toastViewport,\n} from \"@/theme/styles/toaster.css\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport * as ToastPrimitives from \"@radix-ui/react-toast\";\nimport * as React from \"react\";\n\ntype Toast = {\n  title?: string;\n  description?: string;\n  status: \"default\" | \"error\" | \"success\";\n  action?: React.ReactNode;\n} & ToastPrimitives.ToastProps;\n\ntype AddToastPayload = Omit<Toast, \"status\">;\n\ntype ToastContextProps = ((payload: AddToastPayload) => void) & {\n  error: (payload: AddToastPayload) => void;\n  success: (payload: AddToastPayload) => void;\n};\n\nconst defaultToast: ToastContextProps = Object.assign(() => {}, {\n  success: () => {},\n  error: () => {},\n});\n\nexport const ToastContext = React.createContext(defaultToast);\n\ntype ToastContextImplProps = {\n  toastElementsMapRef: React.RefObject<Map<string, HTMLLIElement> | null>;\n  sortToasts: () => void;\n};\n\nconst toastElementsMapRef = React.createRef<Map<string, HTMLLIElement>>();\n\nconst defaultToastImpl: ToastContextImplProps = {\n  toastElementsMapRef,\n  sortToasts: () => {},\n};\n\nconst ToastContextImpl = React.createContext(defaultToastImpl);\n\nconst ANIMATION_OUT_DURATION = 350;\n\nexport const ToastProvider = ({\n  children,\n  ...props\n}: ToastPrimitives.ToastProviderProps) => {\n  const [toasts, setToasts] = React.useState<Map<string, Toast>>(new Map());\n  const toastElementsMapRef = React.useRef<Map<string, HTMLLIElement>>(\n    new Map(),\n  );\n  const viewportRef = React.useRef<HTMLOListElement>(null);\n\n  const sortToasts = React.useCallback(() => {\n    const toastElements = Array.from(toastElementsMapRef.current).reverse();\n    const heights: number[] = [];\n\n    toastElements.forEach(([, toast], index) => {\n      if (!toast) return;\n      const height = toast.clientHeight;\n      heights.push(height);\n      const frontToastHeight = heights[0];\n      toast.setAttribute(\"data-front\", `${index === 0}`);\n      toast.setAttribute(\"data-hidden\", `${index > 2}`);\n      toast.style.setProperty(\"--index\", `${index}`);\n      toast.style.setProperty(\"--height\", `${height}px`);\n      toast.style.setProperty(\"--front-height\", `${frontToastHeight}px`);\n      const hoverOffsetY = heights\n        .slice(0, index)\n        .reduce((res, next) => (res += next), 0);\n      toast.style.setProperty(\"--hover-offset-y\", `-${hoverOffsetY}px`);\n    });\n  }, []);\n\n  const handleAddToast = React.useCallback((toast: Toast) => {\n    setToasts((currentToasts) => {\n      const newMap = new Map(currentToasts);\n      newMap.set(String(Date.now()), { ...toast, open: true });\n\n      return newMap;\n    });\n  }, []);\n\n  const handleRemoveToast = React.useCallback((key: string) => {\n    setToasts((currentToasts) => {\n      const newMap = new Map(currentToasts);\n      newMap.delete(key);\n\n      return newMap;\n    });\n  }, []);\n\n  const handleDispatchDefault = React.useCallback(\n    (payload: AddToastPayload) =>\n      handleAddToast({ ...payload, status: \"default\" }),\n    [handleAddToast],\n  );\n\n  const handleDispatchSuccess = React.useCallback(\n    (payload: AddToastPayload) =>\n      handleAddToast({ ...payload, status: \"success\" }),\n    [handleAddToast],\n  );\n\n  const handleDispatchError = React.useCallback(\n    (payload: AddToastPayload) =>\n      // default duration of 10 mins for `status: \"error\"`.\n      handleAddToast({ duration: 60 * 1000 * 10, ...payload, status: \"error\" }),\n    [handleAddToast],\n  );\n\n  React.useEffect(() => {\n    const viewport = viewportRef.current;\n\n    if (viewport) {\n      const handleFocus = () => {\n        toastElementsMapRef.current.forEach((toast) => {\n          toast.setAttribute(\"data-hovering\", \"true\");\n        });\n      };\n\n      // @ts-expect-error TODO: get the correct type\n      const handleBlur = (event) => {\n        if (!viewport.contains(event.target) || viewport === event.target) {\n          toastElementsMapRef.current.forEach((toast) => {\n            toast.setAttribute(\"data-hovering\", \"false\");\n          });\n        }\n      };\n\n      viewport.addEventListener(\"pointermove\", handleFocus);\n      viewport.addEventListener(\"pointerleave\", handleBlur);\n      viewport.addEventListener(\"focusin\", handleFocus);\n      viewport.addEventListener(\"focusout\", handleBlur);\n\n      return () => {\n        viewport.removeEventListener(\"pointermove\", handleFocus);\n        viewport.removeEventListener(\"pointerleave\", handleBlur);\n        viewport.removeEventListener(\"focusin\", handleFocus);\n        viewport.removeEventListener(\"focusout\", handleBlur);\n      };\n    }\n  }, []);\n\n  const toastApi = React.useMemo(\n    () =>\n      Object.assign(handleDispatchDefault, {\n        success: handleDispatchSuccess,\n        error: handleDispatchError,\n      }),\n    [handleDispatchDefault, handleDispatchSuccess, handleDispatchError],\n  );\n\n  return (\n    <ToastContext.Provider value={toastApi}>\n      <ToastContextImpl.Provider\n        value={React.useMemo(\n          () => ({\n            toastElementsMapRef,\n            sortToasts,\n          }),\n          [sortToasts],\n        )}\n      >\n        <ToastPrimitives.Provider {...props}>\n          {children}\n          {Array.from(toasts).map(([key, toast]) => (\n            <Toast\n              key={key}\n              id={key}\n              toast={toast}\n              onOpenChange={(open) => {\n                if (!open) {\n                  toastElementsMapRef.current.delete(key);\n                  sortToasts();\n\n                  if (!open) {\n                    setTimeout(() => {\n                      handleRemoveToast(key);\n                    }, ANIMATION_OUT_DURATION);\n                  }\n                }\n              }}\n            />\n          ))}\n          <ToastPrimitives.Viewport\n            ref={viewportRef}\n            className={toastViewport}\n          />\n        </ToastPrimitives.Provider>\n      </ToastContextImpl.Provider>\n    </ToastContext.Provider>\n  );\n};\n\nconst Toast = (props: ToastPrimitives.ToastProps & { toast: Toast }) => {\n  const { onOpenChange, toast, id, ...toastProps } = props;\n  const ref = React.useRef<HTMLLIElement>(null);\n  const context = React.useContext(ToastContextImpl);\n  const { sortToasts, toastElementsMapRef } = context;\n  const toastElementsMap = toastElementsMapRef.current;\n\n  React.useLayoutEffect(() => {\n    if (ref.current) {\n      toastElementsMap?.set(id as string, ref.current);\n      sortToasts();\n    }\n  }, [id, sortToasts, toastElementsMap]);\n\n  return (\n    <ToastPrimitives.Root\n      {...toastProps}\n      ref={ref}\n      type={toast.type}\n      duration={toast.duration}\n      className={toastRoot}\n      onOpenChange={onOpenChange}\n    >\n      <div className={toastInner} data-status={toast.status}>\n        <ToastStatusIcon status={toast.status} />\n        <ToastPrimitives.Title asChild style={{ gridArea: \"title\" }}>\n          <Heading level=\"6\">{toast.title}</Heading>\n        </ToastPrimitives.Title>\n        <ToastPrimitives.Description\n          asChild\n          style={{ gridArea: \"description\" }}\n        >\n          <Text color=\"subtle\" size=\"2\">\n            {toast.description}\n          </Text>\n        </ToastPrimitives.Description>\n        {toast.action}\n        <ToastPrimitives.Close\n          aria-label=\"Close\"\n          asChild\n          className={toastClose}\n        >\n          <IconButton variant=\"outline\">\n            <Cross2Icon />\n          </IconButton>\n        </ToastPrimitives.Close>\n      </div>\n    </ToastPrimitives.Root>\n  );\n};\n\nconst ToastStatusIcon = ({ status }: { status: Toast[\"status\"] }) => {\n  return status !== \"default\" ? (\n    <div style={{ gridArea: \"icon\", alignSelf: \"start\" }}>\n      {status === \"success\" && <CheckmarkIcon />}\n      {status === \"error\" && <ErrorIcon />}\n    </div>\n  ) : null;\n};\n\nconst ErrorIcon = () => <div aria-hidden className={error} />;\nconst CheckmarkIcon = () => <div aria-hidden className={checkmark} />;\n\nexport const ToastAction = ({\n  ...props\n}: Omit<ToastPrimitives.ToastActionProps, \"asChild\">) => {\n  return (\n    <ToastPrimitives.Action\n      {...props}\n      style={{ gridArea: \"action\", ...props.style }}\n      asChild\n    >\n      <Button size=\"1\" variant=\"outline\">\n        {props.children}\n      </Button>\n    </ToastPrimitives.Action>\n  );\n};\n"],"mappings":"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","names":["storageKey","defaultTheme","classes","getSystemTheme","theme","React","jsx","jsxs","toastElementsMapRef"]}

package/dist/theme/index.css

@@ -300,7 +300,7 @@ body {
   font-size: var(--fontSizes-2__19nbe8da);
 }
 
-/* vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAACr1XTY+cOBC951ewh0gTaR31x2RnhpxGueScPeSIjCmgMsZGtumPWe1/X9lAU90ZoOmsopaawV1V7/Feucx8TBvntErayzcQWEOSlLg98tUq+uddFHEp46hRFtzncIeFYuigsnEkQDkwfjnVB2bxFVURR6k2GRiW6oP/pbFgmAUJwsWR0gr8Yoa2lvwYR6gkKmC5hBDsr8yWBtVLHK38yo/GOsyPTGjlQDmKyfaQvqBjjtesxKKUWJSOCS21iSNTpPxu9Wf4fAiltXIs5xXKYxztuLljzC9Z5uDgkmT9pFJ4zDY5DtF78BVp9PewYlkFGTYVydJD1o4b5Mox1VRgUMSR42kjufEL1kc5w5VFh1rFXtxovVr5H/5993HKizhOIdcGgidjcs/W4LkD80slSr3rKojGWC91rbG1ZC41Q8tTCVmLz8VLYXSjst6yVuZwY5mV3EH7vTnpvD7++HDqtpJneu87yIKLVuGzrg9vVHnuLg9Dnde2J2aAHwlw3SZ0j6y0Y1xKvYfML3cKMNiBcrZv8xE58kbK75i5MnGmOamzDqLs/XrsO+L9aL7UPENVnGVvWkPaxwn9VXMDykV/YFVr47hyo/UsvkKy7ittu+YIDWF4ho3tBfJ3yNZD1xdlEKU82ya+nGWfSJQIUTXPPG0mIR9iay6AEX/PIs1Z2TdDw4bziHST/h0YDDyfQmiYM9dQnZJp08t0PyfThlTFUZn+IlHZjEzbIXZOpsvQCZmG0HRMJr/0tRt8hHC+mxFr24v16f8R64FEwYxY96fY7ZxYl6ETYg2hYrqnLqmOyVTyGpIapeylepiTyk8PUlyPF+/OoaQ2WHFz7BEeJ6evhYorh+JLOwy73P46PP9GyJ8n6HTymkwOYZfzJifPbezJRhfVDfhcONzBLxAgm0eoeQIWhFYZofC0BPuUPfxF7OuG4sIC1MKsuOUJlpv4Bg1iZMZvYrHcyjdoEDvD8JyhoRvn50VPgg9vYZNvMhc82hKnGTwxXMZwl1tAXii++lyCn9+Av1x8QuA5JBMGV7RhUWrrevx0BJhgLCz4uwW9QP/tcoIx2vT4YglwyGy/6Sw6zM4ikkhnENwvZbvcKwJN585xMfJynwg0nTWvV4y8Rgiwtgef/o/rctK1uf2VGAXzZ/5F8plZV5z5l7xvOC7OCRDL4Ioz/yf8Gw6KcwLEOAhn/n9nBIAccREAAA== */
+/* vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAACr1YTY/TMBC98yvCAQkkvOrHwu6G04oLZzhwrBx7kgzr2JHt9GMR/x3ZSZpp2TZNQahSs3Fn5r2+N564e5M13hu9ai9fQWANq1WJyx2fzZKfr5KEK5UmjXbgP8U7LDRDD5VLEwHagw3Lmdkyh8+oizTJjJVgWWa24ZPGgWUOFAifJtpoCIsSXa34Lk1QK9TAcgUxOFyZKy3qpzSZhZUfjfOY75gw2oP2FJNtIHtCzzyvWYlFqbAoPRNGGZsmtsj429n7+HoXSxvtWc4rVLs0WXP7lrGw5JiHrV+t5g86g3u5yHGI3kCoSKO/xxXHKpDYVCTLDFlrbpFrz3RTgUWRJp5njeI2LLgQ5S3XDj0anQZxk/lsFj749ermnBdpmkFuLERPTsk9WoPnHuxflSjNuqsgGuuC1LXB1pKxVImOZwpki8/FU2FNo2VvWStzvHHMKe6hfV/sdZ7vfrzbd1vJpdmEDnLgk1l8zevtC1Ueu8vdUOe57YkR4HsCXLcJ3VfWxjOulNmADMudAgzWoL3r2/yEHHmj1HeUvlx52+zVmUdRNmE9DR3x5mS+MlyiLg6yF60h7deJ/VVzC9onr7GqjfVc+5P1HD7Dat5XWnbNERvCcomN6wUKd8jmQ9cXZRSlPNgmoZxjH0iUiFE1l4E2U5APsTUXwIi/B5H2oOyLoXHDBUS6Sb9FBgPPhxga58wlVM/JtOhluh2TaUGq4kmZPpIoOSLTcogdk+k49IxMQ2h2Sqaw9KUbfIRwvh4Ra9mL9eHfiHVHomBErNt97HJMrOPQM2INoeJ8Tx1TPSFT96hY1RYrbne9Xh/PDkgHFdcexed2XnW5/XWguBDqzyF3PnlONrdw03mTh8N17MleFNUV+Fx4XMNfECD9LfQ4AQfCaEko3E3B3mcPfxH7urk1sQC1UBbXfIPpJr5Agxgp+VUsplv5Ag1iZ5xvIzRM48OW7kncn0AnD9jLTiNHRFuM/Ry9YEAcE5vuEeH8JeQS/PwK/OnuEAKPMZkwuKBPi9I43+M/XGLMpIL/W9Aj9P8uJ1hrbI/PpwDHzPadDqvt6LAiiXRIwe1UttO9ItB0MO0mI0/3iUDTYfR8wUxshADnevBs0ihsc/srMQrGDwVHyQdmXXAoOOZ9xfPkkACxDC44FPyBf8WT5JAAMQ7OHApi3YOfZWLs4Bt+C5KjYvgvwq/faiuyE5IRAAA= */
 .button_buttonRecipe__hi3ya00 {
   all: unset;
   align-items: center;
@@ -361,85 +361,67 @@ body {
   font-size: var(--fontSizes-4__19nbe8dc);
   line-height: var(--sizes-7__19nbe8d2ge);
 }
-.button_buttonRecipe_shape_pill__hi3ya07 {
-  border-radius: var(--radii-full__19nbe8d2go);
-}
-.button_buttonRecipe_variant_primary__hi3ya08 {
+.button_buttonRecipe_variant_primary__hi3ya06 {
   background-color: var(--semanticColors-primary-primary4__19nbe8d2cl);
   color: var(--semanticColors-primary-primary11__19nbe8d2cs);
 }
-.button_buttonRecipe_variant_primary__hi3ya08:hover {
+.button_buttonRecipe_variant_primary__hi3ya06:hover {
   background-color: var(--semanticColors-primary-primary5__19nbe8d2cm);
 }
-.button_buttonRecipe_variant_primary__hi3ya08:active {
+.button_buttonRecipe_variant_primary__hi3ya06:active {
   background-color: var(--semanticColors-primary-primary6__19nbe8d2cn);
 }
-.button_buttonRecipe_variant_secondary__hi3ya09 {
+.button_buttonRecipe_variant_secondary__hi3ya07 {
   background-color: var(--semanticColors-secondary-secondary4__19nbe8d2d9);
   color: var(--semanticColors-secondary-secondary11__19nbe8d2dg);
 }
-.button_buttonRecipe_variant_secondary__hi3ya09:hover {
+.button_buttonRecipe_variant_secondary__hi3ya07:hover {
   background-color: var(--semanticColors-secondary-secondary5__19nbe8d2da);
 }
-.button_buttonRecipe_variant_secondary__hi3ya09:active {
+.button_buttonRecipe_variant_secondary__hi3ya07:active {
   background-color: var(--semanticColors-secondary-secondary6__19nbe8d2db);
 }
-.button_buttonRecipe_variant_outline__hi3ya0a {
+.button_buttonRecipe_variant_outline__hi3ya08 {
+  background-color: transparent;
   box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);
 }
-.button_buttonRecipe_variant_outline__hi3ya0a:hover {
+.button_buttonRecipe_variant_outline__hi3ya08:hover {
   background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
 }
-.button_buttonRecipe_variant_outline__hi3ya0a:active {
+.button_buttonRecipe_variant_outline__hi3ya08:active {
   background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
 }
-.button_buttonRecipe_variant_ghost__hi3ya0b {
+.button_buttonRecipe_variant_ghost__hi3ya09 {
   background-color: transparent;
 }
-.button_buttonRecipe_variant_ghost__hi3ya0b:hover {
+.button_buttonRecipe_variant_ghost__hi3ya09:hover {
   background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
 }
-.button_buttonRecipe_variant_ghost__hi3ya0b:active {
+.button_buttonRecipe_variant_ghost__hi3ya09:active {
   background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
 }
-.button_buttonRecipe_variant_error__hi3ya0c {
+.button_buttonRecipe_variant_error__hi3ya0a {
   background-color: var(--semanticColors-error-error4__19nbe8d2dx);
   color: var(--semanticColors-error-error11__19nbe8d2e4);
 }
-.button_buttonRecipe_variant_error__hi3ya0c:hover {
+.button_buttonRecipe_variant_error__hi3ya0a:hover {
   background-color: var(--semanticColors-error-error5__19nbe8d2dy);
 }
-.button_buttonRecipe_variant_error__hi3ya0c:active {
+.button_buttonRecipe_variant_error__hi3ya0a:active {
   background-color: var(--semanticColors-error-error6__19nbe8d2dz);
 }
-.button_buttonRecipe_variant_success__hi3ya0d {
+.button_buttonRecipe_variant_success__hi3ya0b {
   background-color: var(--semanticColors-success-success4__19nbe8d2el);
   color: var(--semanticColors-success-success11__19nbe8d2es);
 }
-.button_buttonRecipe_variant_success__hi3ya0d:hover {
+.button_buttonRecipe_variant_success__hi3ya0b:hover {
   background-color: var(--semanticColors-success-success5__19nbe8d2em);
 }
-.button_buttonRecipe_variant_success__hi3ya0d:active {
+.button_buttonRecipe_variant_success__hi3ya0b:active {
   background-color: var(--semanticColors-success-success6__19nbe8d2en);
 }
-
-/* vanilla-extract-css-ns:src/theme/styles/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsX19naDlzdXowIHsKICBjb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZVRleHRDb250cmFzdF9fMTluYmU4ZDJmOSk7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZV9fMTluYmU4ZDJmOCk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaWktM19fMTluYmU4ZDJnaik7CiAgYm94LXNoYWRvdzogdmFyKC0tc2VtYW50aWNDb2xvcnMtc2hhZG93X18xOW5iZThkMmZoKSAwcHggMTBweCAzOHB4IC0xMHB4LCB2YXIoLS1zZW1hbnRpY0NvbG9ycy1zaGFkb3dfXzE5bmJlOGQyZmgpIDBweCAxMHB4IDIwcHggLTE1cHg7Cn0= */
-.panel_panel__gh9suz0 {
-  color: var(--semanticColors-surfaceTextContrast__19nbe8d2f9);
-  background-color: var(--semanticColors-surface__19nbe8d2f8);
-  border-radius: var(--radii-3__19nbe8d2gj);
-  box-shadow: var(--semanticColors-shadow__19nbe8d2fh) 0px 10px 38px -10px, var(--semanticColors-shadow__19nbe8d2fh) 0px 10px 20px -15px;
-}
-
-/* vanilla-extract-css-ns:src/theme/recipes/card.css.ts.vanilla.css?source=LmNhcmRfY2FyZFJlY2lwZV9fMWFuMnQxYzAgewogIHBhZGRpbmc6IHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KSB2YXIoLS1zcGFjZS01X18xOW5iZThkNCkgdmFyKC0tc3BhY2UtNl9fMTluYmU4ZDUpIHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KTsKfQouY2FyZF9jYXJkUmVjaXBlX3ZhcmlhbnRfb3V0bGluZV9fMWFuMnQxYzEgewogIG91dGxpbmU6IDFweCBzb2xpZCB2YXIoLS1zZW1hbnRpY0NvbG9ycy1saW5lX18xOW5iZThkMmZlKTsKfQouY2FyZF9jYXJkUmVjaXBlX2Rpc2FibGVFbGV2YXRpb25fdHJ1ZV9fMWFuMnQxYzMgewogIGJveC1zaGFkb3c6IG5vbmU7Cn0= */
-.card_cardRecipe__1an2t1c0 {
-  padding: var(--space-5__19nbe8d4) var(--space-5__19nbe8d4) var(--space-6__19nbe8d5) var(--space-5__19nbe8d4);
-}
-.card_cardRecipe_variant_outline__1an2t1c1 {
-  outline: 1px solid var(--semanticColors-line__19nbe8d2fe);
-}
-.card_cardRecipe_disableElevation_true__1an2t1c3 {
-  box-shadow: none;
+.button_buttonRecipe_round_true__hi3ya0c {
+  border-radius: var(--radii-full__19nbe8d2go);
 }
 
 /* vanilla-extract-css-ns:src/theme/recipes/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAACpWSz44bIQzG73kKjrtSWWVSVWrJsZee9wVGBjzghpgRMJs/q757Be1sRm2TZsUFzOfPP2yejEez0/HYz5tnNDRi37uTP/u0Fq8rISAEJSbOWLYrIXQ8ykxnYqeEjslikjoe682UMcmMAU1RgiPjtiWTY0kF91kJg1wwtfA4IiRggxeppTwGOClBHIhRDgGb7/cpFxpO0kQuyGVp03QeyfmiRFcje0iOWIl1PcSpVMWlxAjWNvJ2LQ+od1RkgVF6cj5UH2liiEmJ5DQ8rD+09fj2cA82HiphxiLWbXXjUbxAepAy4x64kPlaHbKspfu++8IaP9vNgM0lvmAaQvXwZC3ydvVj9fS/MShf09owNJidS3FiO4P+s3ZJwHmEhFy+1dwFx/B4X80hmim3mn+08Z5kpXGICX8hX/kxd/nAUOaXv98m0xn7bnbrms2BbPFvXaMzZvnx0h0HbUrzl7qt+k2RwNKUZ3E9kewWYn+74Q1yM0NurkF+Wjiaq5B/q25AbhZiqpA/AT6rIHMQBAAA */
@@ -783,7 +765,7 @@ body {
   grid-template-rows: repeat(10, minmax(0, 10fr));
 }
 
-/* vanilla-extract-css-ns:src/theme/recipes/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAACq2VwXKbMBCG73kK9dYclDG2kzjklPbSc1+AEdICm8gSIy22407fvSMBNnWCTTIZZgCtfu1+Wi3LDUpreN4QWZOF9x/x9TdIrCHLNg+L/crP2J8rxoTG0nAkWPuUSTAE7jGY6xqEE0ZCyow1EGy5dQoc36KiKmWz1rTjHvdoyrSfzu0uzCj0tRavKUOj0QAvNER7eHJfOTQvnY/CGuKFWKOO6goc0sHucQ8pS5Z1XPzceMLilUtrCAwNgWOQCrCsKGVJsNiGgvHIXwulImkMS7AjrkBaJwitOcoaD4570CDpaORbyF+QOImaV1hWOgTi0mrrUkZOGF8LByaCxyG2ToXWLJnN1j5MdHLZuCD9GUaPV3+vbiadVpqKgsDFQxtL+3RfORTWwdc4q+ym5xLypXS2MapPzUa475x7WAtDKOOWPR/k61dYm2XJg8lhpeZFcR0T1TgfVtcW2/OdzKLQi1yDOosjWwyvBUF7nx8Qktfn60NlV0LZbShKD8Rm8Urq3TtenrrH/dHPfnY9OPOxwKtB4Pq/vRtLXGhtt6Bi8bap4LABQ74vzEt50VaEks/INYckJTE3b0uXfcN1bR2JUMWXHIfvMkt6l/OukGLxOKGw8f2Wwwh5cjzisorb7D/VrkBwD57fDlQyqrpec040iXTeky4ukc4H7nGU9G6gUmOkp6JJpIuedPk1pPcDFYyRnoomkS570ttLpIuB++dR0tVAVYyRnooukW6EQ2EoKyvrqQe+G+kOJ338zf/uc8FSIQk38MkG+RQXDzpk+YFdd7/AHuX+2O/PdrYTmtbFAWBKgYwBTMnFe311OWiTuxD/Hwb4LcfiCAAA */
+/* vanilla-extract-css-ns:src/theme/recipes/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAACsWVzW7bMAyA730K77YeVMRJf1L31PWy817AkCXaZqpIhkQnaYa9+yDZTtS0Xryi2BAgtiiK/Pgj+gqF0axoiYzO/fu38PoDBDaQ55v7xX7pZsnPiyThCivNkGDtskSAJrAPXtw0wC3XArJEGw1eVhgrwbItSqqzZNaJdszhHnWVDduF2fkdia5R/CVLUCvUwEoFQe6fzNUW9XNvozSaWMnXqIJ2DRbpIHe4hyxJr5tweNU6wvKFCaMJNMXAwUkNWNWUJamXmJa88MjfcCkDaXBLsCMmQRjLCY0+qrUOLHOgQNBRyLZQPCMx4g2rsaqVd8SEUcZmCVmuXcMt6AAeltgZ5Uol6Wy2dn6jVxet9apPfvVw8evialK1soyXBDYUbSzt020VUBoLn2OsNpueS7TW+Qgbg11dJtuQ6HihQHZEXDxX1rRaDhnecPuVdQvHnOIE3f88z9N7XcBSpi+ry0NH1lyarW8mB5TMwi9tdu9Yeewfd0c7+9llVKsxx8vIcdMd6GPXhhhXymxBhqbrUsFgA5rc0FDn8qIM962ak20PSUq7FL9pueQLrhtjifvuO2fY36c8HUzO+wYIRbdcYuuGkP0KWXoIc17VIczhinVa3pxjN5GWCFr9jPiT0iTS+UC6OEc6j8zjKOltpCXHSE+VJpEuBtLrzyG9i7RgjPRUaRLp9UB6c450EZlfjZIuI61yjPRU6RzphlvkmvKqNo4G4NuR6fBq/n7McjTExqaPgzXXhOKpGwaR0+/+7DHA8uMBZlwQbuCDHI/hcARS/QVI/7kcUO6m5HrKuD3B7XwcCKd07Rjhf6vZG5B/X7Xg4dXnYXnuNpetUtEtNN7Lb9uZ25EpCgAA */
 .icon-button_iconButtonRecipe__v93z8s0 {
   align-items: center;
   appearance: none;
@@ -810,7 +792,6 @@ body {
   box-sizing: border-box;
 }
 .icon-button_iconButtonRecipe__v93z8s0:hover {
-  background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
   cursor: pointer;
 }
 .icon-button_iconButtonRecipe__v93z8s0:disabled {
@@ -845,16 +826,25 @@ body {
 }
 .icon-button_iconButtonRecipe_variant_ghost__v93z8s6 {
   background-color: transparent;
-  border-width: 0;
+}
+.icon-button_iconButtonRecipe_variant_ghost__v93z8s6:hover {
+  background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
 }
 .icon-button_iconButtonRecipe_variant_ghost__v93z8s6:active {
   background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
 }
 .icon-button_iconButtonRecipe_variant_outline__v93z8s7 {
+  background-color: transparent;
   box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);
 }
+.icon-button_iconButtonRecipe_variant_outline__v93z8s7:hover {
+  background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
+}
 .icon-button_iconButtonRecipe_variant_outline__v93z8s7:active {
-  background-color: var(--colors-slateA-slateA4__19nbe8d1yx);
+  background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
+}
+.icon-button_iconButtonRecipe_round_true__v93z8s8 {
+  border-radius: var(--radii-full__19nbe8d2go);
 }
 
 /* vanilla-extract-css-ns:src/theme/recipes/link.css.ts.vanilla.css?source=#H4sIAAAAAAAACp2STW6DMBCF9zmFl4lUR4RUVUOXvUF7AGTMgEdxbGKb/LTK3Ss7QKkKpKmQjPWYefP54aVEtU398gYcK0jT/ZMt9h8R+ZwRwiSWiqKDnU0IB+XAvMwIKVmVkAMzc0ptxTjQVZquNiqD5zxa+IJCwolaYVBtExJ5RddOooKEKK3ACw5OjubAtWEOtaIDX2uVg/E61UVhwSVkXZ2GermW2iQElQCDzlfQI2RbdNSxigoshcRSuLbOlBmbRw/hCbhhhgBf88Plty+vjfVSpfEaxmW2HEswKTSvbcixOX13jvh6jla27iwhIVZLzPv6EXMnuuqpxKYwhD6ACRjDDl3MgzYhg7QyuGPm3Jqugl0TT3MRYMeUQ/7qRUubhva96S5IzPeLiX/4H7NRagtcq7zHHd/k7lq+d71xOdzN/gfDUX4wRpuWfX2TPZRf194IiO9mnjAaz7rOnOxu3eNNWM/z3vS0Ewp+N+qozeUL5NB1ldoEAAA= */
@@ -3103,6 +3093,19 @@ body {
   box-sizing: border-box;
 }
 
+/* vanilla-extract-css-ns:src/theme/styles/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsX19naDlzdXowIHsKICBjb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZVRleHRDb250cmFzdF9fMTluYmU4ZDJmOSk7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZV9fMTluYmU4ZDJmOCk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaWktM19fMTluYmU4ZDJnaik7CiAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgMXB4IHZhcigtLXNlbWFudGljQ29sb3JzLWxpbmVfXzE5bmJlOGQyZmUpOwp9 */
+.panel_panel__gh9suz0 {
+  color: var(--semanticColors-surfaceTextContrast__19nbe8d2f9);
+  background-color: var(--semanticColors-surface__19nbe8d2f8);
+  border-radius: var(--radii-3__19nbe8d2gj);
+  box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);
+}
+
+/* vanilla-extract-css-ns:src/theme/styles/card.css.ts.vanilla.css?source=LmNhcmRfY2FyZF9fMWs0OTIyMCB7CiAgcGFkZGluZzogdmFyKC0tc3BhY2UtNV9fMTluYmU4ZDQpIHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KSB2YXIoLS1zcGFjZS02X18xOW5iZThkNSkgdmFyKC0tc3BhY2UtNV9fMTluYmU4ZDQpOwp9 */
+.card_card__1k49220 {
+  padding: var(--space-5__19nbe8d4) var(--space-5__19nbe8d4) var(--space-6__19nbe8d5) var(--space-5__19nbe8d4);
+}
+
 /* vanilla-extract-css-ns:src/theme/styles/checkbox.css.ts.vanilla.css?source=LmNoZWNrYm94X2NoZWNrYm94SW5kaWNhdG9yX196M2M2MTcwIHsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGRpc3BsYXk6IGZsZXg7CiAgaGVpZ2h0OiAxMDAlOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIHdpZHRoOiAxMDAlOwp9 */
 .checkbox_checkboxIndicator__z3c6170 {
   align-items: center;