@optiaxiom/globals 3.0.0 → 3.0.1

package/dist/cjs/index.js

@@ -1,431 +1,622 @@
-'use strict';
-
-var react = require('react');
-var reactContext = require('@radix-ui/react-context');
-
-const AxiomAuthContext = react.createContext(void 0);
-const AxiomVersionContext = react.createContext(void 0);
-
-const [ModalProvider, useModalContext] = reactContext.createContext("@optiaxiom/react/Modal", { shardRef: { current: null } });
-
-const SuggestionContext = react.createContext(null);
-const SurfaceContext = react.createContext(null);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let react = require("react");
+let _radix_ui_react_context = require("@radix-ui/react-context");
+//#region src/context.ts
+const AxiomAuthContext = (0, react.createContext)(void 0);
+const AxiomVersionContext = (0, react.createContext)(void 0);
+//#endregion
+//#region src/modal-context.ts
+const [ModalProvider, useModalContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/Modal", { shardRef: { current: null } });
+//#endregion
+//#region src/surface-context.ts
+const SuggestionContext = (0, react.createContext)(null);
+const SurfaceContext = (0, react.createContext)(null);
 const SurfaceProvider = (props) => {
-  const {
-    accept,
-    children,
-    disabled,
-    executeTool,
-    reject,
-    renderSuggestionValue,
-    ...rest
-  } = props;
-  const store = react.useContext(SuggestionContext);
-  const suggestion = !disabled && "suggestions" in rest ? rest.suggestions?.find(
-    (s) => ("/" + rest.path).endsWith("/" + s.surface) && (s.type === "message" || s.type === "value" && s.value !== rest.value)
-  ) : void 0;
-  react.useEffect(() => {
-    if (disabled || !store || !suggestion || suggestion.type === "cards" || rest.suggestionAlert?.registered || rest.suggestionPopover?.registered) {
-      return;
-    }
-    return store.add(suggestion, {
-      accept,
-      executeTool,
-      reject,
-      renderSuggestionValue
-    });
-  }, [
-    disabled,
-    accept,
-    executeTool,
-    rest.suggestionAlert?.registered,
-    reject,
-    renderSuggestionValue,
-    store,
-    suggestion,
-    rest.suggestionPopover?.registered
-  ]);
-  return react.createElement(SurfaceContext.Provider, {
-    children,
-    value: disabled ? null : {
-      accept,
-      executeTool,
-      reject,
-      renderSuggestionValue,
-      ...rest
-    }
-  });
+	const { accept, children, disabled, executeTool, reject, renderSuggestionValue, ...rest } = props;
+	const store = (0, react.useContext)(SuggestionContext);
+	const suggestion = !disabled && "suggestions" in rest ? rest.suggestions?.find((s) => ("/" + rest.path).endsWith("/" + s.surface) && (s.type === "message" || s.type === "value" && s.value !== rest.value)) : void 0;
+	(0, react.useEffect)(() => {
+		if (disabled || !store || !suggestion || suggestion.type === "cards" || rest.suggestionAlert?.registered || rest.suggestionPopover?.registered) return;
+		return store.add(suggestion, {
+			accept,
+			executeTool,
+			reject,
+			renderSuggestionValue
+		});
+	}, [
+		disabled,
+		accept,
+		executeTool,
+		rest.suggestionAlert?.registered,
+		reject,
+		renderSuggestionValue,
+		store,
+		suggestion,
+		rest.suggestionPopover?.registered
+	]);
+	return (0, react.createElement)(SurfaceContext.Provider, {
+		children,
+		value: disabled ? null : {
+			accept,
+			executeTool,
+			reject,
+			renderSuggestionValue,
+			...rest
+		}
+	});
 };
 function useSurfaceContext() {
-  return react.useContext(SurfaceContext);
+	return (0, react.useContext)(SurfaceContext);
 }
 const unstable_SuggestionContext = SuggestionContext;
 const unstable_SurfaceProvider = SurfaceProvider;
 const unstable_useSurfaceContext = useSurfaceContext;
-
-var theme = {borderRadius:{xs:'var(--ax-borderRadius-xs)',sm:'var(--ax-borderRadius-sm)',md:'var(--ax-borderRadius-md)',lg:'var(--ax-borderRadius-lg)',xl:'var(--ax-borderRadius-xl)',full:'var(--ax-borderRadius-full)'},boxShadow:{sm:'var(--ax-boxShadow-sm)',md:'var(--ax-boxShadow-md)',lg:'var(--ax-boxShadow-lg)',xl:'var(--ax-boxShadow-xl)'},colors:{'bg.accent':'var(--ax-colors-bg-accent)','bg.accent.hovered':'var(--ax-colors-bg-accent-hovered)','bg.accent.light':'var(--ax-colors-bg-accent-light)','bg.accent.pressed':'var(--ax-colors-bg-accent-pressed)','bg.accent.subtle':'var(--ax-colors-bg-accent-subtle)','bg.avatar.neutral':'var(--ax-colors-bg-avatar-neutral)','bg.avatar.purple':'var(--ax-colors-bg-avatar-purple)','bg.default':'var(--ax-colors-bg-default)','bg.default.hovered':'var(--ax-colors-bg-default-hovered)','bg.default.inverse':'var(--ax-colors-bg-default-inverse)','bg.default.inverse.hovered':'var(--ax-colors-bg-default-inverse-hovered)','bg.default.inverse.pressed':'var(--ax-colors-bg-default-inverse-pressed)','bg.default.pressed':'var(--ax-colors-bg-default-pressed)','bg.error':'var(--ax-colors-bg-error)','bg.error.hovered':'var(--ax-colors-bg-error-hovered)','bg.error.light':'var(--ax-colors-bg-error-light)','bg.error.pressed':'var(--ax-colors-bg-error-pressed)','bg.error.subtle':'var(--ax-colors-bg-error-subtle)','bg.error.subtlest':'var(--ax-colors-bg-error-subtlest)','bg.information':'var(--ax-colors-bg-information)','bg.information.light':'var(--ax-colors-bg-information-light)','bg.information.subtle':'var(--ax-colors-bg-information-subtle)','bg.overlay':'var(--ax-colors-bg-overlay)','bg.page':'var(--ax-colors-bg-page)','bg.pill.default':'var(--ax-colors-bg-pill-default)','bg.pill.hovered':'var(--ax-colors-bg-pill-hovered)','bg.secondary':'var(--ax-colors-bg-secondary)','bg.secondary.hovered':'var(--ax-colors-bg-secondary-hovered)','bg.spinner.default':'var(--ax-colors-bg-spinner-default)','bg.spinner.inverse':'var(--ax-colors-bg-spinner-inverse)','bg.success':'var(--ax-colors-bg-success)','bg.success.hovered':'var(--ax-colors-bg-success-hovered)','bg.success.light':'var(--ax-colors-bg-success-light)','bg.success.subtle':'var(--ax-colors-bg-success-subtle)','bg.tertiary':'var(--ax-colors-bg-tertiary)','bg.tertiary.hovered':'var(--ax-colors-bg-tertiary-hovered)','bg.warning':'var(--ax-colors-bg-warning)','bg.warning.hovered':'var(--ax-colors-bg-warning-hovered)','bg.warning.light':'var(--ax-colors-bg-warning-light)','bg.warning.subtle':'var(--ax-colors-bg-warning-subtle)','border.accent':'var(--ax-colors-border-accent)','border.control':'var(--ax-colors-border-control)','border.control.hovered':'var(--ax-colors-border-control-hovered)','border.default':'var(--ax-colors-border-default)','border.disabled':'var(--ax-colors-border-disabled)','border.error':'var(--ax-colors-border-error)','border.focus':'var(--ax-colors-border-focus)','border.focus.error':'var(--ax-colors-border-focus-error)','border.secondary':'var(--ax-colors-border-secondary)','border.success':'var(--ax-colors-border-success)','border.tertiary':'var(--ax-colors-border-tertiary)','border.warning':'var(--ax-colors-border-warning)','fg.accent':'var(--ax-colors-fg-accent)','fg.accent.hovered':'var(--ax-colors-fg-accent-hovered)','fg.accent.strong':'var(--ax-colors-fg-accent-strong)','fg.avatar.neutral':'var(--ax-colors-fg-avatar-neutral)','fg.avatar.purple':'var(--ax-colors-fg-avatar-purple)','fg.black':'var(--ax-colors-fg-black)','fg.default':'var(--ax-colors-fg-default)','fg.default.inverse':'var(--ax-colors-fg-default-inverse)','fg.disabled':'var(--ax-colors-fg-disabled)','fg.error':'var(--ax-colors-fg-error)','fg.error.hovered':'var(--ax-colors-fg-error-hovered)','fg.error.light':'var(--ax-colors-fg-error-light)','fg.error.strong':'var(--ax-colors-fg-error-strong)','fg.information':'var(--ax-colors-fg-information)','fg.information.light':'var(--ax-colors-fg-information-light)','fg.information.strong':'var(--ax-colors-fg-information-strong)','fg.link.default':'var(--ax-colors-fg-link-default)','fg.link.default.hovered':'var(--ax-colors-fg-link-default-hovered)','fg.link.inverse':'var(--ax-colors-fg-link-inverse)','fg.link.subtle':'var(--ax-colors-fg-link-subtle)','fg.link.visited':'var(--ax-colors-fg-link-visited)','fg.secondary':'var(--ax-colors-fg-secondary)','fg.spinner.default':'var(--ax-colors-fg-spinner-default)','fg.spinner.inverse':'var(--ax-colors-fg-spinner-inverse)','fg.success':'var(--ax-colors-fg-success)','fg.success.hovered':'var(--ax-colors-fg-success-hovered)','fg.success.light':'var(--ax-colors-fg-success-light)','fg.success.strong':'var(--ax-colors-fg-success-strong)','fg.tertiary':'var(--ax-colors-fg-tertiary)','fg.warning':'var(--ax-colors-fg-warning)','fg.warning.hovered':'var(--ax-colors-fg-warning-hovered)','fg.warning.inverse':'var(--ax-colors-fg-warning-inverse)','fg.warning.light':'var(--ax-colors-fg-warning-light)','fg.warning.strong':'var(--ax-colors-fg-warning-strong)','fg.white':'var(--ax-colors-fg-white)'},duration:{sm:'var(--ax-duration-sm)',md:'var(--ax-duration-md)',lg:'var(--ax-duration-lg)'},fontFamily:{heading:'var(--ax-fontFamily-heading)',mono:'var(--ax-fontFamily-mono)',sans:'var(--ax-fontFamily-sans)'},fontSize:{xs:{fontSize:'var(--ax-fontSize-xs-fontSize)',lineHeight:'var(--ax-fontSize-xs-lineHeight)'},sm:{fontSize:'var(--ax-fontSize-sm-fontSize)',lineHeight:'var(--ax-fontSize-sm-lineHeight)'},md:{fontSize:'var(--ax-fontSize-md-fontSize)',lineHeight:'var(--ax-fontSize-md-lineHeight)'},lg:{fontSize:'var(--ax-fontSize-lg-fontSize)',lineHeight:'var(--ax-fontSize-lg-lineHeight)'},xl:{fontSize:'var(--ax-fontSize-xl-fontSize)',lineHeight:'var(--ax-fontSize-xl-lineHeight)'},'2xl':{fontSize:'var(--ax-fontSize-2xl-fontSize)',lineHeight:'var(--ax-fontSize-2xl-lineHeight)'},'3xl':{fontSize:'var(--ax-fontSize-3xl-fontSize)',lineHeight:'var(--ax-fontSize-3xl-lineHeight)'},'4xl':{fontSize:'var(--ax-fontSize-4xl-fontSize)',lineHeight:'var(--ax-fontSize-4xl-lineHeight)'}},maxSize:{xs:'var(--ax-maxSize-xs)',sm:'var(--ax-maxSize-sm)',md:'var(--ax-maxSize-md)',lg:'var(--ax-maxSize-lg)'},screens:{sm:'var(--ax-screens-sm)',md:'var(--ax-screens-md)'},size:{'2xs':'var(--ax-size-2xs)',xs:'var(--ax-size-xs)',sm:'var(--ax-size-sm)',md:'var(--ax-size-md)',lg:'var(--ax-size-lg)',xl:'var(--ax-size-xl)','3xl':'var(--ax-size-3xl)'},zIndex:{popover:'var(--ax-zIndex-popover)',toast:'var(--ax-zIndex-toast)',tooltip:'var(--ax-zIndex-tooltip)'}};
-
-const [ToastProviderProvider, useToastProviderContext] = reactContext.createContext("@optiaxiom/react/ToastProvider");
-
+//#endregion
+//#region src/theme.css.ts
+var theme = {
+	borderRadius: {
+		xs: "var(--ax-borderRadius-xs)",
+		sm: "var(--ax-borderRadius-sm)",
+		md: "var(--ax-borderRadius-md)",
+		lg: "var(--ax-borderRadius-lg)",
+		xl: "var(--ax-borderRadius-xl)",
+		full: "var(--ax-borderRadius-full)"
+	},
+	boxShadow: {
+		sm: "var(--ax-boxShadow-sm)",
+		md: "var(--ax-boxShadow-md)",
+		lg: "var(--ax-boxShadow-lg)",
+		xl: "var(--ax-boxShadow-xl)"
+	},
+	colors: {
+		"bg.accent": "var(--ax-colors-bg-accent)",
+		"bg.accent.hovered": "var(--ax-colors-bg-accent-hovered)",
+		"bg.accent.light": "var(--ax-colors-bg-accent-light)",
+		"bg.accent.pressed": "var(--ax-colors-bg-accent-pressed)",
+		"bg.accent.subtle": "var(--ax-colors-bg-accent-subtle)",
+		"bg.avatar.neutral": "var(--ax-colors-bg-avatar-neutral)",
+		"bg.avatar.purple": "var(--ax-colors-bg-avatar-purple)",
+		"bg.default": "var(--ax-colors-bg-default)",
+		"bg.default.hovered": "var(--ax-colors-bg-default-hovered)",
+		"bg.default.inverse": "var(--ax-colors-bg-default-inverse)",
+		"bg.default.inverse.hovered": "var(--ax-colors-bg-default-inverse-hovered)",
+		"bg.default.inverse.pressed": "var(--ax-colors-bg-default-inverse-pressed)",
+		"bg.default.pressed": "var(--ax-colors-bg-default-pressed)",
+		"bg.error": "var(--ax-colors-bg-error)",
+		"bg.error.hovered": "var(--ax-colors-bg-error-hovered)",
+		"bg.error.light": "var(--ax-colors-bg-error-light)",
+		"bg.error.pressed": "var(--ax-colors-bg-error-pressed)",
+		"bg.error.subtle": "var(--ax-colors-bg-error-subtle)",
+		"bg.error.subtlest": "var(--ax-colors-bg-error-subtlest)",
+		"bg.information": "var(--ax-colors-bg-information)",
+		"bg.information.light": "var(--ax-colors-bg-information-light)",
+		"bg.information.subtle": "var(--ax-colors-bg-information-subtle)",
+		"bg.overlay": "var(--ax-colors-bg-overlay)",
+		"bg.page": "var(--ax-colors-bg-page)",
+		"bg.pill.default": "var(--ax-colors-bg-pill-default)",
+		"bg.pill.hovered": "var(--ax-colors-bg-pill-hovered)",
+		"bg.secondary": "var(--ax-colors-bg-secondary)",
+		"bg.secondary.hovered": "var(--ax-colors-bg-secondary-hovered)",
+		"bg.spinner.default": "var(--ax-colors-bg-spinner-default)",
+		"bg.spinner.inverse": "var(--ax-colors-bg-spinner-inverse)",
+		"bg.success": "var(--ax-colors-bg-success)",
+		"bg.success.hovered": "var(--ax-colors-bg-success-hovered)",
+		"bg.success.light": "var(--ax-colors-bg-success-light)",
+		"bg.success.subtle": "var(--ax-colors-bg-success-subtle)",
+		"bg.tertiary": "var(--ax-colors-bg-tertiary)",
+		"bg.tertiary.hovered": "var(--ax-colors-bg-tertiary-hovered)",
+		"bg.warning": "var(--ax-colors-bg-warning)",
+		"bg.warning.hovered": "var(--ax-colors-bg-warning-hovered)",
+		"bg.warning.light": "var(--ax-colors-bg-warning-light)",
+		"bg.warning.subtle": "var(--ax-colors-bg-warning-subtle)",
+		"border.accent": "var(--ax-colors-border-accent)",
+		"border.control": "var(--ax-colors-border-control)",
+		"border.control.hovered": "var(--ax-colors-border-control-hovered)",
+		"border.default": "var(--ax-colors-border-default)",
+		"border.disabled": "var(--ax-colors-border-disabled)",
+		"border.error": "var(--ax-colors-border-error)",
+		"border.focus": "var(--ax-colors-border-focus)",
+		"border.focus.error": "var(--ax-colors-border-focus-error)",
+		"border.secondary": "var(--ax-colors-border-secondary)",
+		"border.success": "var(--ax-colors-border-success)",
+		"border.tertiary": "var(--ax-colors-border-tertiary)",
+		"border.warning": "var(--ax-colors-border-warning)",
+		"fg.accent": "var(--ax-colors-fg-accent)",
+		"fg.accent.hovered": "var(--ax-colors-fg-accent-hovered)",
+		"fg.accent.strong": "var(--ax-colors-fg-accent-strong)",
+		"fg.avatar.neutral": "var(--ax-colors-fg-avatar-neutral)",
+		"fg.avatar.purple": "var(--ax-colors-fg-avatar-purple)",
+		"fg.black": "var(--ax-colors-fg-black)",
+		"fg.default": "var(--ax-colors-fg-default)",
+		"fg.default.inverse": "var(--ax-colors-fg-default-inverse)",
+		"fg.disabled": "var(--ax-colors-fg-disabled)",
+		"fg.error": "var(--ax-colors-fg-error)",
+		"fg.error.hovered": "var(--ax-colors-fg-error-hovered)",
+		"fg.error.light": "var(--ax-colors-fg-error-light)",
+		"fg.error.strong": "var(--ax-colors-fg-error-strong)",
+		"fg.information": "var(--ax-colors-fg-information)",
+		"fg.information.light": "var(--ax-colors-fg-information-light)",
+		"fg.information.strong": "var(--ax-colors-fg-information-strong)",
+		"fg.link.default": "var(--ax-colors-fg-link-default)",
+		"fg.link.default.hovered": "var(--ax-colors-fg-link-default-hovered)",
+		"fg.link.inverse": "var(--ax-colors-fg-link-inverse)",
+		"fg.link.subtle": "var(--ax-colors-fg-link-subtle)",
+		"fg.link.visited": "var(--ax-colors-fg-link-visited)",
+		"fg.secondary": "var(--ax-colors-fg-secondary)",
+		"fg.spinner.default": "var(--ax-colors-fg-spinner-default)",
+		"fg.spinner.inverse": "var(--ax-colors-fg-spinner-inverse)",
+		"fg.success": "var(--ax-colors-fg-success)",
+		"fg.success.hovered": "var(--ax-colors-fg-success-hovered)",
+		"fg.success.light": "var(--ax-colors-fg-success-light)",
+		"fg.success.strong": "var(--ax-colors-fg-success-strong)",
+		"fg.tertiary": "var(--ax-colors-fg-tertiary)",
+		"fg.warning": "var(--ax-colors-fg-warning)",
+		"fg.warning.hovered": "var(--ax-colors-fg-warning-hovered)",
+		"fg.warning.inverse": "var(--ax-colors-fg-warning-inverse)",
+		"fg.warning.light": "var(--ax-colors-fg-warning-light)",
+		"fg.warning.strong": "var(--ax-colors-fg-warning-strong)",
+		"fg.white": "var(--ax-colors-fg-white)"
+	},
+	duration: {
+		sm: "var(--ax-duration-sm)",
+		md: "var(--ax-duration-md)",
+		lg: "var(--ax-duration-lg)"
+	},
+	fontFamily: {
+		heading: "var(--ax-fontFamily-heading)",
+		mono: "var(--ax-fontFamily-mono)",
+		sans: "var(--ax-fontFamily-sans)"
+	},
+	fontSize: {
+		xs: {
+			fontSize: "var(--ax-fontSize-xs-fontSize)",
+			lineHeight: "var(--ax-fontSize-xs-lineHeight)"
+		},
+		sm: {
+			fontSize: "var(--ax-fontSize-sm-fontSize)",
+			lineHeight: "var(--ax-fontSize-sm-lineHeight)"
+		},
+		md: {
+			fontSize: "var(--ax-fontSize-md-fontSize)",
+			lineHeight: "var(--ax-fontSize-md-lineHeight)"
+		},
+		lg: {
+			fontSize: "var(--ax-fontSize-lg-fontSize)",
+			lineHeight: "var(--ax-fontSize-lg-lineHeight)"
+		},
+		xl: {
+			fontSize: "var(--ax-fontSize-xl-fontSize)",
+			lineHeight: "var(--ax-fontSize-xl-lineHeight)"
+		},
+		"2xl": {
+			fontSize: "var(--ax-fontSize-2xl-fontSize)",
+			lineHeight: "var(--ax-fontSize-2xl-lineHeight)"
+		},
+		"3xl": {
+			fontSize: "var(--ax-fontSize-3xl-fontSize)",
+			lineHeight: "var(--ax-fontSize-3xl-lineHeight)"
+		},
+		"4xl": {
+			fontSize: "var(--ax-fontSize-4xl-fontSize)",
+			lineHeight: "var(--ax-fontSize-4xl-lineHeight)"
+		}
+	},
+	maxSize: {
+		xs: "var(--ax-maxSize-xs)",
+		sm: "var(--ax-maxSize-sm)",
+		md: "var(--ax-maxSize-md)",
+		lg: "var(--ax-maxSize-lg)"
+	},
+	screens: {
+		sm: "var(--ax-screens-sm)",
+		md: "var(--ax-screens-md)"
+	},
+	size: {
+		"2xs": "var(--ax-size-2xs)",
+		xs: "var(--ax-size-xs)",
+		sm: "var(--ax-size-sm)",
+		md: "var(--ax-size-md)",
+		lg: "var(--ax-size-lg)",
+		xl: "var(--ax-size-xl)",
+		"3xl": "var(--ax-size-3xl)"
+	},
+	zIndex: {
+		popover: "var(--ax-zIndex-popover)",
+		toast: "var(--ax-zIndex-toast)",
+		tooltip: "var(--ax-zIndex-tooltip)"
+	}
+};
+//#endregion
+//#region src/toast-context.ts
+const [ToastProviderProvider, useToastProviderContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/ToastProvider");
+//#endregion
+//#region src/toaster.ts
 const EMPTY = [];
 let id = 1;
 const genId = () => {
-  return "t" + id++;
+	return "t" + id++;
 };
 const createToaster = () => {
-  let snapshot = [];
-  const listeners = /* @__PURE__ */ new Set();
-  const emit = () => {
-    for (const listener of listeners) {
-      listener();
-    }
-  };
-  let queue = Promise.resolve();
-  return {
-    store: [
-      (callback) => {
-        listeners.add(callback);
-        return () => listeners.delete(callback);
-      },
-      () => snapshot,
-      () => EMPTY
-    ],
-    clear: () => {
-      snapshot = [];
-      emit();
-    },
-    create: (message, options) => {
-      const id2 = genId();
-      queue = queue.then(async () => {
-        const item = {
-          id: id2,
-          open: true,
-          ref: { current: null },
-          toast: {
-            ...options,
-            title: message
-          }
-        };
-        snapshot = [...snapshot, item];
-        emit();
-        await waitForAnimation(item.ref.current);
-      });
-      return id2;
-    },
-    remove: (id2) => {
-      queue = queue.then(async () => {
-        snapshot = snapshot.map(
-          (item2) => item2.id === id2 ? { ...item2, open: false } : item2
-        );
-        emit();
-        const item = snapshot.find((item2) => item2.id === id2);
-        await waitForAnimation(item?.ref.current);
-        snapshot = snapshot.filter((item2) => item2.id !== id2);
-        emit();
-      });
-    }
-  };
+	let snapshot = [];
+	const listeners = /* @__PURE__ */ new Set();
+	const emit = () => {
+		for (const listener of listeners) listener();
+	};
+	let queue = Promise.resolve();
+	return {
+		store: [
+			(callback) => {
+				listeners.add(callback);
+				return () => listeners.delete(callback);
+			},
+			() => snapshot,
+			() => EMPTY
+		],
+		clear: () => {
+			snapshot = [];
+			emit();
+		},
+		create: (message, options) => {
+			const id = genId();
+			queue = queue.then(async () => {
+				const item = {
+					id,
+					open: true,
+					ref: { current: null },
+					toast: {
+						...options,
+						title: message
+					}
+				};
+				snapshot = [...snapshot, item];
+				emit();
+				await waitForAnimation(item.ref.current);
+			});
+			return id;
+		},
+		remove: (id) => {
+			queue = queue.then(async () => {
+				snapshot = snapshot.map((item) => item.id === id ? {
+					...item,
+					open: false
+				} : item);
+				emit();
+				await waitForAnimation(snapshot.find((item) => item.id === id)?.ref.current);
+				snapshot = snapshot.filter((item) => item.id !== id);
+				emit();
+			});
+		}
+	};
 };
 const waitForAnimation = async (element) => {
-  if (!element) {
-    return;
-  }
-  await new Promise((resolve) => requestAnimationFrame(resolve));
-  await Promise.allSettled(
-    typeof element.getAnimations === "function" ? element.getAnimations().map((animation) => animation.finished) : [Promise.resolve()]
-  );
+	if (!element) return;
+	await new Promise((resolve) => requestAnimationFrame(resolve));
+	await Promise.allSettled(typeof element.getAnimations === "function" ? element.getAnimations().map((animation) => animation.finished) : [Promise.resolve()]);
 };
 const toaster = createToaster();
-
+//#endregion
+//#region src/tokens/rem.ts
 const rem = (px) => `${parseFloat((parseFloat(px.slice(0, -2)) / 16).toFixed(3))}rem`;
-
+//#endregion
+//#region src/tokens/borderRadius.ts
 const borderRadius = {
-  xs: rem("2px"),
-  sm: rem("6px"),
-  md: rem("8px"),
-  lg: rem("12px"),
-  xl: rem("16px"),
-  full: "9999px"
+	xs: rem("2px"),
+	sm: rem("6px"),
+	md: rem("8px"),
+	lg: rem("12px"),
+	xl: rem("16px"),
+	full: "9999px"
 };
-
+//#endregion
+//#region src/tokens/boxShadow.ts
 const boxShadow = {
-  sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
-  md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-  lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
-  xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
+	sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+	md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+	lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+	xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
 };
-
+//#endregion
+//#region src/tokens/colors.ts
 const palette = {
-  "blue.100": "#E2F5F5",
-  "blue.200": "#91DBDA",
-  "blue.300": "#60B4BE",
-  "blue.400": "#409AAB",
-  "blue.500": "#197A94",
-  "blue.600": "#036988",
-  "blue.800": "#01303E",
-  "blue.dark.200": "#93C5FD",
-  "blue.dark.900": "#1E3140",
-  "brand.50": "#EEFFD9",
-  "brand.200": "#DFFFB8",
-  "brand.300": "#CEFF93",
-  "brand.400": "#BFFF70",
-  "brand.500": "#ABFF44",
-  "brand.550": "#99F141",
-  "brand.600": "#7DDD3D",
-  "brand.700": "#3AB533",
-  "brand.800": "#226B1E",
-  "brand.900": "#123810",
-  "brand.1000": "#08251A",
-  "brand.dark.400": "#D3FF9D",
-  "brand.dark.500": "#C5FF7E",
-  "brand.dark.800": "#38735D",
-  "brand.dark.900": "#203526",
-  "green.200": "#BCD5CC",
-  "green.400": "#80B09F",
-  "green.500": "#5F9B85",
-  "green.700": "#197050",
-  "green.800": "#114C36",
-  "green.dark.200": "#86EFAC",
-  "neutral.00": "#FFFFFF",
-  "neutral.25": "#F9FCF8",
-  "neutral.50": "#F6FAF3",
-  "neutral.75": "#EFF5EB",
-  "neutral.100": "#E4F0DA",
-  "neutral.150": "#D8E4CB",
-  "neutral.200": "#D2DEC2",
-  "neutral.300": "#B2BD9E",
-  "neutral.400": "#A1AC8D",
-  "neutral.600": "#717863",
-  "neutral.700": "#616755",
-  "neutral.800": "#484E46",
-  "neutral.900": "#383E38",
-  "neutral.1000": "#2B2E2B",
-  "neutral.1050": "#252825",
-  "neutral.1100": "#202320",
-  "neutral.50/6": "#DDE9D20D",
-  "neutral.50/12": "#DDE9D21F",
-  "neutral.50/18": "#DDE9D224",
-  "neutral.1200/4": "#5F931F14",
-  "neutral.1200/16": "#5E8B2729",
-  "neutral.1200/32": "#393E3252",
-  "purple.100": "#EDE9FE",
-  "purple.500": "#7C3AED",
-  "purple.600": "#6D28D9",
-  "purple.700": "#5B21B6",
-  "red.50": "#FFF1F5",
-  "red.100": "#FFDFE8",
-  "red.200": "#FFC1D3",
-  "red.300": "#FF99B6",
-  "red.400": "#E284A0",
-  "red.500": "#A95A77",
-  "red.600": "#8F4764",
-  "red.700": "#5D2E41",
-  "red.dark.200": "#FCA5A5",
-  "red.dark.400": "#A85C5C",
-  "red.dark.450": "#904A4A",
-  "red.dark.500": "#803F3F",
-  "red.dark.700": "#593030",
-  "red.dark.800": "#3E2D2D",
-  "red.dark.900": "#372C2C",
-  "yellow.100": "#FEF1C6",
-  "yellow.200": "#FEDF88",
-  "yellow.300": "#FFC84B",
-  "yellow.400": "#FDB022",
-  "yellow.500": "#F79008",
-  "yellow.600": "#DC6903",
-  "yellow.700": "#B54707",
-  "yellow.800": "#7A2E0D",
-  "yellow.dark.200": "#FCD34D",
-  "yellow.dark.900": "#3A2D1A"
+	"blue.50": "#EFFAFA",
+	"blue.100": "#E2F5F5",
+	"blue.200": "#91DBDA",
+	"blue.300": "#60B4BE",
+	"blue.400": "#409AAB",
+	"blue.500": "#197A94",
+	"blue.600": "#036988",
+	"blue.700": "#01485E",
+	"blue.800": "#01303E",
+	"blue.900": "#00222D",
+	"blue.dark.200": "#93C5FD",
+	"blue.dark.900": "#1E3140",
+	"brand.50": "#EEFFD9",
+	"brand.100": "#E6FFC7",
+	"brand.200": "#DFFFB8",
+	"brand.300": "#CEFF93",
+	"brand.400": "#BFFF70",
+	"brand.500": "#ABFF44",
+	"brand.550": "#99F141",
+	"brand.600": "#7DDD3D",
+	"brand.700": "#3AB533",
+	"brand.800": "#226B1E",
+	"brand.900": "#123810",
+	"brand.1000": "#08251A",
+	"brand.dark.50": "#EEFFD9",
+	"brand.dark.100": "#CDD8FC",
+	"brand.dark.200": "#B3C3FF",
+	"brand.dark.300": "#DDFFB4",
+	"brand.dark.400": "#D3FF9D",
+	"brand.dark.500": "#C5FF7E",
+	"brand.dark.550": "#B3F175",
+	"brand.dark.600": "#A3E578",
+	"brand.dark.700": "#80B77C",
+	"brand.dark.800": "#38735D",
+	"brand.dark.900": "#203526",
+	"cyan.50": "#ECFEFF",
+	"cyan.100": "#CFFAFE",
+	"cyan.200": "#99F0F9",
+	"cyan.300": "#67E8F9",
+	"cyan.400": "#22D3EE",
+	"cyan.500": "#06B6D4",
+	"cyan.600": "#0891B2",
+	"cyan.700": "#0E7490",
+	"cyan.800": "#155E75",
+	"cyan.900": "#083344",
+	"green.50": "#EFF5F3",
+	"green.100": "#DEF2EB",
+	"green.200": "#BCD5CC",
+	"green.300": "#A4C7BA",
+	"green.400": "#80B09F",
+	"green.500": "#5F9B85",
+	"green.600": "#388367",
+	"green.700": "#197050",
+	"green.800": "#114C36",
+	"green.900": "#082319",
+	"green.dark.200": "#86EFAC",
+	"green.dark.900": "#1E3329",
+	"magenta.50": "#FDF4FF",
+	"magenta.100": "#FAE8FF",
+	"magenta.200": "#F5D0FE",
+	"magenta.300": "#F0ABFC",
+	"magenta.400": "#D765E9",
+	"magenta.500": "#C026D3",
+	"magenta.600": "#A21CAF",
+	"magenta.700": "#86198F",
+	"magenta.800": "#701A75",
+	"magenta.900": "#4A044E",
+	"neutral.00": "#FFFFFF",
+	"neutral.25": "#F9FCF8",
+	"neutral.50": "#F6FAF3",
+	"neutral.75": "#EFF5EB",
+	"neutral.100": "#E4F0DA",
+	"neutral.150": "#D8E4CB",
+	"neutral.200": "#D2DEC2",
+	"neutral.300": "#B2BD9E",
+	"neutral.400": "#A1AC8D",
+	"neutral.600": "#717863",
+	"neutral.700": "#616755",
+	"neutral.800": "#484E46",
+	"neutral.900": "#383E38",
+	"neutral.1000": "#2B2E2B",
+	"neutral.1050": "#252825",
+	"neutral.1100": "#202320",
+	"neutral.50/6": "#DDE9D20D",
+	"neutral.50/12": "#DDE9D21F",
+	"neutral.50/18": "#DDE9D224",
+	"neutral.50/22": "#DDE9D238",
+	"neutral.50/32": "#DDE9D252",
+	"neutral.1200/4": "#5F931F14",
+	"neutral.1200/8": "#5D813121",
+	"neutral.1200/16": "#5E8B2729",
+	"neutral.1200/22": "#4E5A3F38",
+	"neutral.1200/32": "#393E3252",
+	"purple.50": "#F5F3FF",
+	"purple.100": "#EDE9FE",
+	"purple.200": "#DDD6FE",
+	"purple.300": "#C3B6FD",
+	"purple.400": "#A88BFA",
+	"purple.500": "#7C3AED",
+	"purple.600": "#6D28D9",
+	"purple.700": "#5B21B6",
+	"purple.800": "#4C1D95",
+	"purple.900": "#2E1065",
+	"red.50": "#FFF1F5",
+	"red.100": "#FFDFE8",
+	"red.200": "#FFC1D3",
+	"red.300": "#FF99B6",
+	"red.400": "#E284A0",
+	"red.500": "#A95A77",
+	"red.600": "#8F4764",
+	"red.700": "#5D2E41",
+	"red.800": "#391C27",
+	"red.900": "#170B10",
+	"red.dark.200": "#FCA5A5",
+	"red.dark.300": "#FF8383",
+	"red.dark.400": "#A85C5C",
+	"red.dark.450": "#904A4A",
+	"red.dark.500": "#803F3F",
+	"red.dark.700": "#593030",
+	"red.dark.800": "#3E2D2D",
+	"red.dark.900": "#372C2C",
+	"yellow.50": "#FFFAEA",
+	"yellow.100": "#FEF1C6",
+	"yellow.200": "#FEDF88",
+	"yellow.300": "#FFC84B",
+	"yellow.400": "#FDB022",
+	"yellow.500": "#F79008",
+	"yellow.600": "#DC6903",
+	"yellow.700": "#B54707",
+	"yellow.800": "#7A2E0D",
+	"yellow.900": "#4E1D09",
+	"yellow.dark.200": "#FCD34D",
+	"yellow.dark.900": "#3A2D1A"
 };
 const ld = (a, b) => `light-dark(${a}, ${b})`;
-const colors = {
-  "bg.accent": ld(palette["brand.500"], palette["brand.500"]),
-  "bg.accent.hovered": ld(palette["brand.550"], palette["brand.dark.500"]),
-  "bg.accent.light": ld(palette["brand.200"], palette["brand.dark.800"]),
-  "bg.accent.pressed": ld(palette["brand.600"], palette["brand.dark.400"]),
-  "bg.accent.subtle": ld(palette["brand.50"], palette["brand.dark.900"]),
-  "bg.avatar.neutral": ld(palette["neutral.75"], palette["neutral.1100"]),
-  "bg.avatar.purple": ld(palette["purple.100"], palette["purple.500"]),
-  "bg.default": ld(palette["neutral.00"], palette["neutral.1000"]),
-  "bg.default.hovered": ld(palette["neutral.1200/4"], palette["neutral.50/6"]),
-  "bg.default.inverse": ld(palette["neutral.1050"], palette["neutral.25"]),
-  "bg.default.inverse.hovered": ld(
-    palette["neutral.900"],
-    palette["neutral.200"]
-  ),
-  "bg.default.inverse.pressed": ld(
-    palette["neutral.1000"],
-    palette["neutral.200"]
-  ),
-  "bg.default.pressed": ld(
-    palette["neutral.1200/16"],
-    palette["neutral.50/18"]
-  ),
-  "bg.error": ld(palette["red.500"], palette["red.dark.500"]),
-  "bg.error.hovered": ld(palette["red.600"], palette["red.dark.450"]),
-  "bg.error.light": ld(palette["red.200"], palette["red.dark.700"]),
-  "bg.error.pressed": ld(palette["red.700"], palette["red.dark.400"]),
-  "bg.error.subtle": ld(palette["red.100"], palette["red.dark.800"]),
-  "bg.error.subtlest": ld(palette["red.50"], palette["red.dark.900"]),
-  "bg.information": ld(palette["blue.600"], palette["blue.600"]),
-  "bg.information.light": ld(palette["blue.200"], palette["blue.800"]),
-  "bg.information.subtle": ld(palette["blue.100"], palette["blue.dark.900"]),
-  "bg.overlay": ld(palette["neutral.1200/32"], palette["neutral.1200/32"]),
-  "bg.page": ld(palette["neutral.25"], palette["neutral.1050"]),
-  "bg.pill.default": ld(palette["neutral.150"], palette["neutral.800"]),
-  "bg.pill.hovered": ld(palette["neutral.200"], palette["neutral.700"]),
-  "bg.secondary": ld(palette["neutral.75"], palette["neutral.1100"]),
-  "bg.secondary.hovered": ld(palette["neutral.75"], palette["neutral.50/18"]),
-  "bg.spinner.default": ld(palette["neutral.1100"], palette["neutral.50"]),
-  "bg.spinner.inverse": ld(palette["neutral.50"], palette["neutral.50"]),
-  "bg.success": ld(palette["brand.500"], palette["brand.500"]),
-  "bg.success.hovered": ld(palette["green.700"], palette["green.400"]),
-  "bg.success.light": ld(palette["green.200"], palette["green.800"]),
-  "bg.success.subtle": ld(palette["brand.50"], palette["brand.900"]),
-  "bg.tertiary": ld(palette["neutral.75"], palette["neutral.1100"]),
-  "bg.tertiary.hovered": ld(palette["neutral.200"], palette["neutral.50/18"]),
-  "bg.warning": ld(palette["yellow.300"], palette["yellow.500"]),
-  "bg.warning.hovered": ld(palette["yellow.600"], palette["yellow.400"]),
-  "bg.warning.light": ld(palette["yellow.200"], palette["yellow.800"]),
-  "bg.warning.subtle": ld(palette["yellow.100"], palette["yellow.dark.900"]),
-  "border.accent": ld(palette["brand.500"], palette["brand.300"]),
-  "border.control": ld(palette["neutral.400"], palette["neutral.600"]),
-  "border.control.hovered": ld(palette["neutral.600"], palette["neutral.400"]),
-  "border.default": ld(palette["neutral.150"], palette["neutral.800"]),
-  "border.disabled": ld(palette["neutral.150"], palette["neutral.50/12"]),
-  "border.error": ld(palette["red.500"], palette["red.dark.200"]),
-  "border.focus": ld(palette["blue.500"], palette["blue.400"]),
-  "border.focus.error": ld(palette["red.400"], palette["red.300"]),
-  "border.secondary": ld(palette["neutral.100"], palette["neutral.900"]),
-  "border.success": ld(palette["green.500"], palette["green.500"]),
-  "border.tertiary": ld(palette["neutral.100"], palette["neutral.900"]),
-  "border.warning": ld(palette["yellow.500"], palette["yellow.500"]),
-  "fg.accent": ld(palette["brand.500"], palette["brand.500"]),
-  "fg.accent.hovered": ld(palette["brand.700"], palette["brand.400"]),
-  "fg.accent.strong": ld(palette["brand.800"], palette["brand.300"]),
-  "fg.avatar.neutral": ld(palette["neutral.800"], palette["neutral.300"]),
-  "fg.avatar.purple": ld(palette["purple.700"], palette["neutral.00"]),
-  "fg.black": ld(palette["neutral.1100"], palette["neutral.1100"]),
-  "fg.default": ld(palette["neutral.1100"], palette["neutral.200"]),
-  "fg.default.inverse": ld(palette["neutral.00"], palette["neutral.1100"]),
-  "fg.disabled": ld(palette["neutral.400"], palette["neutral.600"]),
-  "fg.error": ld(palette["red.600"], palette["red.dark.200"]),
-  "fg.error.hovered": ld(palette["red.700"], palette["red.400"]),
-  "fg.error.light": ld(palette["red.300"], palette["red.500"]),
-  "fg.error.strong": ld(palette["red.700"], palette["red.dark.200"]),
-  "fg.information": ld(palette["blue.500"], palette["blue.dark.200"]),
-  "fg.information.light": ld(palette["blue.300"], palette["blue.300"]),
-  "fg.information.strong": ld(palette["blue.600"], palette["blue.dark.200"]),
-  "fg.link.default": ld(palette["brand.800"], palette["brand.700"]),
-  "fg.link.default.hovered": ld(palette["brand.900"], palette["brand.600"]),
-  "fg.link.inverse": ld(palette["neutral.00"], palette["neutral.1100"]),
-  "fg.link.subtle": ld(palette["neutral.1100"], palette["neutral.200"]),
-  "fg.link.visited": ld(palette["purple.600"], palette["purple.500"]),
-  "fg.secondary": ld(palette["neutral.800"], palette["neutral.300"]),
-  "fg.spinner.default": ld(palette["brand.1000"], palette["neutral.150"]),
-  "fg.spinner.inverse": ld(palette["neutral.00"], palette["brand.1000"]),
-  "fg.success": ld(palette["brand.700"], palette["green.dark.200"]),
-  "fg.success.hovered": ld(palette["brand.800"], palette["brand.500"]),
-  "fg.success.light": ld(palette["brand.300"], palette["brand.700"]),
-  "fg.success.strong": ld(palette["brand.800"], palette["brand.500"]),
-  "fg.tertiary": ld(palette["neutral.700"], palette["neutral.400"]),
-  "fg.warning": ld(palette["yellow.500"], palette["yellow.dark.200"]),
-  "fg.warning.hovered": ld(palette["yellow.600"], palette["yellow.600"]),
-  "fg.warning.inverse": ld(palette["neutral.800"], palette["neutral.800"]),
-  "fg.warning.light": ld(palette["yellow.300"], palette["yellow.600"]),
-  "fg.warning.strong": ld(palette["yellow.700"], palette["yellow.dark.200"]),
-  "fg.white": ld(palette["neutral.00"], palette["neutral.200"])
-};
-
-const duration = {
-  sm: "150ms",
-  md: "250ms",
-  lg: "350ms"
-};
-
-const fontFamily = {
-  heading: "Nudge SemiNormal, Roboto Condensed Variable, system-ui, sans-serif",
-  mono: "Roboto Mono Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
-  sans: "DI Grotesk B, Roboto Variable, system-ui, sans-serif"
-};
-
-const fontSize = {
-  xs: {
-    fontSize: rem("10px"),
-    lineHeight: rem("14px")
-  },
-  sm: {
-    fontSize: rem("12px"),
-    lineHeight: rem("16px")
-  },
-  md: {
-    fontSize: rem("14px"),
-    lineHeight: rem("20px")
-  },
-  lg: {
-    fontSize: rem("16px"),
-    lineHeight: rem("24px")
-  },
-  xl: {
-    fontSize: rem("20px"),
-    lineHeight: rem("28px")
-  },
-  "2xl": {
-    fontSize: rem("24px"),
-    lineHeight: rem("32px")
-  },
-  "3xl": {
-    fontSize: rem("28px"),
-    lineHeight: rem("40px")
-  },
-  "4xl": {
-    fontSize: rem("50px"),
-    lineHeight: rem("60px")
-  }
-};
-
-const maxSize = {
-  xs: rem("320px"),
-  sm: rem("384px"),
-  md: rem("448px"),
-  lg: rem("512px")
-};
-
-const screens = {
-  sm: rem("600px"),
-  md: rem("900px")
-};
-
-const size = {
-  "2xs": rem("16px"),
-  xs: rem("20px"),
-  sm: rem("24px"),
-  md: rem("32px"),
-  lg: rem("40px"),
-  xl: rem("48px"),
-  "3xl": rem("80px")
-};
-
-const zIndex = {
-  popover: "3000",
-  toast: "3010",
-  tooltip: "10000"
-};
-
+//#endregion
+//#region src/tokens/index.ts
 const tokens = {
-  borderRadius,
-  boxShadow,
-  colors,
-  duration,
-  fontFamily,
-  fontSize,
-  maxSize,
-  screens,
-  size,
-  zIndex
+	borderRadius,
+	boxShadow,
+	colors: {
+		"bg.accent": ld(palette["brand.500"], palette["brand.500"]),
+		"bg.accent.hovered": ld(palette["brand.550"], palette["brand.dark.500"]),
+		"bg.accent.light": ld(palette["brand.200"], palette["brand.dark.800"]),
+		"bg.accent.pressed": ld(palette["brand.600"], palette["brand.dark.400"]),
+		"bg.accent.subtle": ld(palette["brand.50"], palette["brand.dark.900"]),
+		"bg.avatar.neutral": ld(palette["neutral.75"], palette["neutral.1100"]),
+		"bg.avatar.purple": ld(palette["purple.100"], palette["purple.500"]),
+		"bg.default": ld(palette["neutral.00"], palette["neutral.1000"]),
+		"bg.default.hovered": ld(palette["neutral.1200/4"], palette["neutral.50/6"]),
+		"bg.default.inverse": ld(palette["neutral.1050"], palette["neutral.25"]),
+		"bg.default.inverse.hovered": ld(palette["neutral.900"], palette["neutral.200"]),
+		"bg.default.inverse.pressed": ld(palette["neutral.1000"], palette["neutral.200"]),
+		"bg.default.pressed": ld(palette["neutral.1200/16"], palette["neutral.50/18"]),
+		"bg.error": ld(palette["red.500"], palette["red.dark.500"]),
+		"bg.error.hovered": ld(palette["red.600"], palette["red.dark.450"]),
+		"bg.error.light": ld(palette["red.200"], palette["red.dark.700"]),
+		"bg.error.pressed": ld(palette["red.700"], palette["red.dark.400"]),
+		"bg.error.subtle": ld(palette["red.100"], palette["red.dark.800"]),
+		"bg.error.subtlest": ld(palette["red.50"], palette["red.dark.900"]),
+		"bg.information": ld(palette["blue.600"], palette["blue.600"]),
+		"bg.information.light": ld(palette["blue.200"], palette["blue.800"]),
+		"bg.information.subtle": ld(palette["blue.100"], palette["blue.dark.900"]),
+		"bg.overlay": ld(palette["neutral.1200/32"], palette["neutral.1200/32"]),
+		"bg.page": ld(palette["neutral.25"], palette["neutral.1050"]),
+		"bg.pill.default": ld(palette["neutral.150"], palette["neutral.800"]),
+		"bg.pill.hovered": ld(palette["neutral.200"], palette["neutral.700"]),
+		"bg.secondary": ld(palette["neutral.75"], palette["neutral.1100"]),
+		"bg.secondary.hovered": ld(palette["neutral.75"], palette["neutral.50/18"]),
+		"bg.spinner.default": ld(palette["neutral.1100"], palette["neutral.50"]),
+		"bg.spinner.inverse": ld(palette["neutral.50"], palette["neutral.50"]),
+		"bg.success": ld(palette["brand.500"], palette["brand.500"]),
+		"bg.success.hovered": ld(palette["green.700"], palette["green.400"]),
+		"bg.success.light": ld(palette["green.200"], palette["green.800"]),
+		"bg.success.subtle": ld(palette["brand.50"], palette["brand.900"]),
+		"bg.tertiary": ld(palette["neutral.75"], palette["neutral.1100"]),
+		"bg.tertiary.hovered": ld(palette["neutral.200"], palette["neutral.50/18"]),
+		"bg.warning": ld(palette["yellow.300"], palette["yellow.500"]),
+		"bg.warning.hovered": ld(palette["yellow.600"], palette["yellow.400"]),
+		"bg.warning.light": ld(palette["yellow.200"], palette["yellow.800"]),
+		"bg.warning.subtle": ld(palette["yellow.100"], palette["yellow.dark.900"]),
+		"border.accent": ld(palette["brand.500"], palette["brand.300"]),
+		"border.control": ld(palette["neutral.400"], palette["neutral.600"]),
+		"border.control.hovered": ld(palette["neutral.600"], palette["neutral.400"]),
+		"border.default": ld(palette["neutral.150"], palette["neutral.800"]),
+		"border.disabled": ld(palette["neutral.150"], palette["neutral.50/12"]),
+		"border.error": ld(palette["red.500"], palette["red.dark.200"]),
+		"border.focus": ld(palette["blue.500"], palette["blue.400"]),
+		"border.focus.error": ld(palette["red.400"], palette["red.300"]),
+		"border.secondary": ld(palette["neutral.100"], palette["neutral.900"]),
+		"border.success": ld(palette["green.500"], palette["green.500"]),
+		"border.tertiary": ld(palette["neutral.100"], palette["neutral.900"]),
+		"border.warning": ld(palette["yellow.500"], palette["yellow.500"]),
+		"fg.accent": ld(palette["brand.500"], palette["brand.500"]),
+		"fg.accent.hovered": ld(palette["brand.700"], palette["brand.400"]),
+		"fg.accent.strong": ld(palette["brand.800"], palette["brand.300"]),
+		"fg.avatar.neutral": ld(palette["neutral.800"], palette["neutral.300"]),
+		"fg.avatar.purple": ld(palette["purple.700"], palette["neutral.00"]),
+		"fg.black": ld(palette["neutral.1100"], palette["neutral.1100"]),
+		"fg.default": ld(palette["neutral.1100"], palette["neutral.200"]),
+		"fg.default.inverse": ld(palette["neutral.00"], palette["neutral.1100"]),
+		"fg.disabled": ld(palette["neutral.400"], palette["neutral.600"]),
+		"fg.error": ld(palette["red.600"], palette["red.dark.200"]),
+		"fg.error.hovered": ld(palette["red.700"], palette["red.400"]),
+		"fg.error.light": ld(palette["red.300"], palette["red.500"]),
+		"fg.error.strong": ld(palette["red.700"], palette["red.dark.200"]),
+		"fg.information": ld(palette["blue.500"], palette["blue.dark.200"]),
+		"fg.information.light": ld(palette["blue.300"], palette["blue.300"]),
+		"fg.information.strong": ld(palette["blue.600"], palette["blue.dark.200"]),
+		"fg.link.default": ld(palette["brand.800"], palette["brand.700"]),
+		"fg.link.default.hovered": ld(palette["brand.900"], palette["brand.600"]),
+		"fg.link.inverse": ld(palette["neutral.00"], palette["neutral.1100"]),
+		"fg.link.subtle": ld(palette["neutral.1100"], palette["neutral.200"]),
+		"fg.link.visited": ld(palette["purple.600"], palette["purple.500"]),
+		"fg.secondary": ld(palette["neutral.800"], palette["neutral.300"]),
+		"fg.spinner.default": ld(palette["brand.1000"], palette["neutral.150"]),
+		"fg.spinner.inverse": ld(palette["neutral.00"], palette["brand.1000"]),
+		"fg.success": ld(palette["brand.700"], palette["green.dark.200"]),
+		"fg.success.hovered": ld(palette["brand.800"], palette["brand.500"]),
+		"fg.success.light": ld(palette["brand.300"], palette["brand.700"]),
+		"fg.success.strong": ld(palette["brand.800"], palette["brand.500"]),
+		"fg.tertiary": ld(palette["neutral.700"], palette["neutral.400"]),
+		"fg.warning": ld(palette["yellow.500"], palette["yellow.dark.200"]),
+		"fg.warning.hovered": ld(palette["yellow.600"], palette["yellow.600"]),
+		"fg.warning.inverse": ld(palette["neutral.800"], palette["neutral.800"]),
+		"fg.warning.light": ld(palette["yellow.300"], palette["yellow.600"]),
+		"fg.warning.strong": ld(palette["yellow.700"], palette["yellow.dark.200"]),
+		"fg.white": ld(palette["neutral.00"], palette["neutral.200"])
+	},
+	duration: {
+		sm: "150ms",
+		md: "250ms",
+		lg: "350ms"
+	},
+	fontFamily: {
+		heading: "Nudge SemiNormal, Roboto Condensed Variable, system-ui, sans-serif",
+		mono: "Roboto Mono Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
+		sans: "DI Grotesk B, Roboto Variable, system-ui, sans-serif"
+	},
+	fontSize: {
+		xs: {
+			fontSize: rem("10px"),
+			lineHeight: rem("14px")
+		},
+		sm: {
+			fontSize: rem("12px"),
+			lineHeight: rem("16px")
+		},
+		md: {
+			fontSize: rem("14px"),
+			lineHeight: rem("20px")
+		},
+		lg: {
+			fontSize: rem("16px"),
+			lineHeight: rem("24px")
+		},
+		xl: {
+			fontSize: rem("20px"),
+			lineHeight: rem("28px")
+		},
+		"2xl": {
+			fontSize: rem("24px"),
+			lineHeight: rem("32px")
+		},
+		"3xl": {
+			fontSize: rem("28px"),
+			lineHeight: rem("40px")
+		},
+		"4xl": {
+			fontSize: rem("50px"),
+			lineHeight: rem("60px")
+		}
+	},
+	maxSize: {
+		xs: rem("320px"),
+		sm: rem("384px"),
+		md: rem("448px"),
+		lg: rem("512px")
+	},
+	screens: {
+		sm: rem("600px"),
+		md: rem("900px")
+	},
+	size: {
+		"2xs": rem("16px"),
+		xs: rem("20px"),
+		sm: rem("24px"),
+		md: rem("32px"),
+		lg: rem("40px"),
+		xl: rem("48px"),
+		"3xl": rem("80px")
+	},
+	zIndex: {
+		popover: "3000",
+		toast: "3010",
+		tooltip: "10000"
+	}
 };
-
+//#endregion
 exports.AxiomAuthContext = AxiomAuthContext;
 exports.AxiomVersionContext = AxiomVersionContext;
 exports.ModalProvider = ModalProvider;