@optiaxiom/globals 0.2.0-next.1 → 0.2.0

package/dist/index.d.ts

@@ -1,31 +1,1232 @@
 import * as react from 'react';
-import { ReactElement } from 'react';
+import { useSyncExternalStore, ReactElement } from 'react';
 
 declare const AxiomVersionContext: react.Context<string | undefined>;
 
-type ToastElement = ReactElement;
+declare const theme: MapLeafNodes<{
+    readonly borderRadius: {
+        readonly xs: "2px";
+        readonly sm: "4px";
+        readonly md: "6px";
+        readonly lg: "8px";
+        readonly xl: "12px";
+        readonly full: "9999px";
+        readonly none: "0";
+    };
+    readonly borderWidth: {
+        readonly "0": "0";
+        readonly "1": "1px";
+        readonly "2": "2px";
+        readonly "4": "4px";
+    };
+    readonly boxShadow: {
+        readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+        readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
+        readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+        readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+        readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+        readonly inner: "inset 0 0 6px 0 rgb(0 0 0 / 0.1);";
+        readonly none: "0 0 #0000";
+    };
+    readonly colors: {
+        readonly "bg.accent": "#0037FF";
+        readonly "bg.accent.hovered": "#002CCC";
+        readonly "bg.accent.light": "#B3C3FF";
+        readonly "bg.accent.pressed": "#002894";
+        readonly "bg.accent.subtle": "#F0F3FF";
+        readonly "bg.default": "#FFFFFF";
+        readonly "bg.default.inverse": "#2E3442";
+        readonly "bg.default.inverse.hovered": "#1C212B";
+        readonly "bg.default.inverse.pressed": "#1C2029";
+        readonly "bg.error": "#CC1616";
+        readonly "bg.error.hovered": "#B21313";
+        readonly "bg.error.light": "#FFB4B4";
+        readonly "bg.error.pressed": "#911D1D";
+        readonly "bg.error.subtle": "#FFD7D7";
+        readonly "bg.information": "#0B77D0";
+        readonly "bg.information.light": "#AEDBFF";
+        readonly "bg.information.subtle": "#D7ECFC";
+        readonly "bg.overlay": "#091E4252";
+        readonly "bg.page": "#F9FAFC";
+        readonly "bg.secondary": "#F5F6FA";
+        readonly "bg.secondary.hovered": "#091E4214";
+        readonly "bg.success": "#038047";
+        readonly "bg.success.hovered": "#24663E";
+        readonly "bg.success.light": "#A5E1C3";
+        readonly "bg.success.subtle": "#D1F0E1";
+        readonly "bg.tertiary": "#DADFEB";
+        readonly "bg.tertiary.hovered": "#CACFDC";
+        readonly "bg.warning": "#F79008";
+        readonly "bg.warning.hovered": "#DC6903";
+        readonly "bg.warning.light": "#FEDF88";
+        readonly "bg.warning.subtle": "#FEF1C6";
+        readonly "border.accent": "#0037FF";
+        readonly "border.active": "#868FA4";
+        readonly "border.active.hovered": "#626A81";
+        readonly "border.default": "#CACFDC";
+        readonly "border.default.hovered": "#868FA4";
+        readonly "border.disabled": "#F5F6FA";
+        readonly "border.error": "#CC1616";
+        readonly "border.focus": "#2E66F7";
+        readonly "border.secondary": "#DADFEB";
+        readonly "border.success": "#03A65D";
+        readonly "border.tertiary": "#E9EDF5";
+        readonly "border.warning": "#F79008";
+        readonly "fg.accent": "#0037FF";
+        readonly "fg.accent.hovered": "#002CCC";
+        readonly "fg.accent.strong": "#002894";
+        readonly "fg.default": "#2E3442";
+        readonly "fg.default.inverse": "#FFFFFF";
+        readonly "fg.disabled": "#091E4252";
+        readonly "fg.error": "#CC1616";
+        readonly "fg.error.hovered": "#B21313";
+        readonly "fg.error.strong": "#911D1D";
+        readonly "fg.information": "#2094F3";
+        readonly "fg.information.strong": "#095EA4";
+        readonly "fg.link": "#0037FF";
+        readonly "fg.link.hovered": "#002CCC";
+        readonly "fg.link.visited": "#693AB6";
+        readonly "fg.secondary": "#4F576E";
+        readonly "fg.success": "#03A65D";
+        readonly "fg.success.hovered": "#038047";
+        readonly "fg.success.strong": "#24663E";
+        readonly "fg.tertiary": "#626A81";
+        readonly "fg.warning": "#F79008";
+        readonly "fg.warning.hovered": "#DC6903";
+        readonly "fg.warning.strong": "#B54707";
+        readonly "fg.white": "#FFFFFF";
+        readonly current: "currentColor";
+        readonly transparent: "transparent";
+        readonly "blue.50": "#EDF6FF";
+        readonly "blue.100": "#D7ECFC";
+        readonly "blue.200": "#AEDBFF";
+        readonly "blue.300": "#85C4F7";
+        readonly "blue.400": "#47A7F5";
+        readonly "blue.500": "#2094F3";
+        readonly "blue.600": "#0B77D0";
+        readonly "blue.700": "#095EA4";
+        readonly "blue.800": "#064274";
+        readonly "blue.900": "#032541";
+        readonly "brand.50": "#F0F3FF";
+        readonly "brand.100": "#CDD8FC";
+        readonly "brand.200": "#B3C3FF";
+        readonly "brand.300": "#6A8FFC";
+        readonly "brand.400": "#2E66F7";
+        readonly "brand.500": "#0037FF";
+        readonly "brand.600": "#002CCC";
+        readonly "brand.700": "#002894";
+        readonly "brand.800": "#001666";
+        readonly "brand.900": "#000B33";
+        readonly "cyan.50": "#ECFEFF";
+        readonly "cyan.100": "#CFFAFE";
+        readonly "cyan.200": "#99F0F9";
+        readonly "cyan.300": "#67E8F9";
+        readonly "cyan.400": "#22D3EE";
+        readonly "cyan.500": "#06B6D4";
+        readonly "cyan.600": "#0891B2";
+        readonly "cyan.700": "#0E7490";
+        readonly "cyan.800": "#155E75";
+        readonly "cyan.900": "#083344";
+        readonly "green.50": "#E9F7F1";
+        readonly "green.100": "#D1F0E1";
+        readonly "green.200": "#A5E1C3";
+        readonly "green.300": "#7CD2A7";
+        readonly "green.400": "#5AC58A";
+        readonly "green.500": "#03A65D";
+        readonly "green.600": "#038047";
+        readonly "green.700": "#24663E";
+        readonly "green.800": "#17492B";
+        readonly "green.900": "#082415";
+        readonly "magenta.50": "#FDF4FF";
+        readonly "magenta.100": "#FAE8FF";
+        readonly "magenta.200": "#F5D0FE";
+        readonly "magenta.300": "#F0ABFC";
+        readonly "magenta.400": "#D765E9";
+        readonly "magenta.500": "#C026D3";
+        readonly "magenta.600": "#A21CAF";
+        readonly "magenta.700": "#86198F";
+        readonly "magenta.800": "#701A75";
+        readonly "magenta.900": "#4A044E";
+        readonly "neutral.00": "#FFFFFF";
+        readonly "neutral.50": "#F9FAFC";
+        readonly "neutral.75": "#F5F6FA";
+        readonly "neutral.100": "#E9EDF5";
+        readonly "neutral.150": "#DADFEB";
+        readonly "neutral.200": "#CACFDC";
+        readonly "neutral.300": "#B8BECB";
+        readonly "neutral.500": "#868FA4";
+        readonly "neutral.600": "#626A81";
+        readonly "neutral.700": "#4F576E";
+        readonly "neutral.800": "#2E3442";
+        readonly "neutral.900": "#1C212B";
+        readonly "neutral.1000": "#1C2029";
+        readonly "neutral.1100": "#171A23";
+        readonly "neutral.1200": "#091E42";
+        readonly "neutral.50/6": "#F9FAFC0F";
+        readonly "neutral.50/12": "#F9FAFC1F";
+        readonly "neutral.50/18": "#F9FAFC2E";
+        readonly "neutral.50/22": "#F9FAFC38";
+        readonly "neutral.50/32": "#F9FAFC52";
+        readonly "neutral.1200/4": "#091E420A";
+        readonly "neutral.1200/8": "#091E4214";
+        readonly "neutral.1200/16": "#091E4229";
+        readonly "neutral.1200/22": "#091E4238";
+        readonly "neutral.1200/32": "#091E4252";
+        readonly "purple.50": "#F1ECF8";
+        readonly "purple.100": "#E5DCF4";
+        readonly "purple.200": "#C4B1E2";
+        readonly "purple.300": "#9570D1";
+        readonly "purple.400": "#7E51C8";
+        readonly "purple.500": "#693AB6";
+        readonly "purple.600": "#532E8F";
+        readonly "purple.700": "#412470";
+        readonly "purple.800": "#331C59";
+        readonly "purple.900": "#261542";
+        readonly "red.50": "#FFF7F7";
+        readonly "red.100": "#FFD7D7";
+        readonly "red.200": "#FFB4B4";
+        readonly "red.300": "#FC8B8B";
+        readonly "red.400": "#F64F4F";
+        readonly "red.500": "#CC1616";
+        readonly "red.600": "#B21313";
+        readonly "red.700": "#911D1D";
+        readonly "red.800": "#601313";
+        readonly "red.900": "#300A0A";
+        readonly "yellow.50": "#FFFAEA";
+        readonly "yellow.100": "#FEF1C6";
+        readonly "yellow.200": "#FEDF88";
+        readonly "yellow.300": "#FFC84B";
+        readonly "yellow.400": "#FDB022";
+        readonly "yellow.500": "#F79008";
+        readonly "yellow.600": "#DC6903";
+        readonly "yellow.700": "#B54707";
+        readonly "yellow.800": "#7A2E0D";
+        readonly "yellow.900": "#4E1D09";
+    };
+    readonly fontFamily: {
+        readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
+        readonly sans: "InterVariable, system-ui, sans-serif";
+    };
+    readonly fontSize: {
+        readonly xs: {
+            readonly fontSize: "10px";
+            readonly lineHeight: "14px";
+        };
+        readonly sm: {
+            readonly fontSize: "12px";
+            readonly lineHeight: "16px";
+        };
+        readonly md: {
+            readonly fontSize: "14px";
+            readonly lineHeight: "20px";
+        };
+        readonly lg: {
+            readonly fontSize: "16px";
+            readonly lineHeight: "24px";
+        };
+        readonly xl: {
+            readonly fontSize: "18px";
+            readonly lineHeight: "28px";
+        };
+        readonly "2xl": {
+            readonly fontSize: "20px";
+            readonly lineHeight: "28px";
+        };
+        readonly "3xl": {
+            readonly fontSize: "24px";
+            readonly lineHeight: "32px";
+        };
+        readonly "4xl": {
+            readonly fontSize: "30px";
+            readonly lineHeight: "36px";
+        };
+        readonly "5xl": {
+            readonly fontSize: "36px";
+            readonly lineHeight: "40px";
+        };
+        readonly "6xl": {
+            readonly fontSize: "48px";
+            readonly lineHeight: "1";
+        };
+        readonly "7xl": {
+            readonly fontSize: "60px";
+            readonly lineHeight: "1";
+        };
+    };
+    readonly letterSpacing: {
+        readonly tighter: "-0.05em";
+        readonly tight: "-0.025em";
+        readonly normal: "0";
+        readonly wide: "0.025em";
+        readonly wider: "0.05em";
+        readonly widest: "0.1em";
+    };
+    readonly lineHeight: {
+        readonly none: "1";
+        readonly tight: "1.25";
+        readonly normal: "1.5";
+        readonly loose: "2";
+    };
+    readonly margins: {
+        readonly "-xs": "-8px";
+        readonly "-sm": "-12px";
+        readonly "-md": "-16px";
+        readonly "-lg": "-24px";
+        readonly "-xl": "-32px";
+        readonly "-2": "-2px";
+        readonly "-4": "-4px";
+        readonly "-6": "-6px";
+        readonly "-8": "-8px";
+        readonly "-10": "-10px";
+        readonly "-12": "-12px";
+        readonly "-16": "-16px";
+        readonly "-24": "-24px";
+        readonly "-32": "-32px";
+        readonly "-48": "-48px";
+        readonly "-64": "-64px";
+        readonly "-80": "-80px";
+        readonly xs: "8px";
+        readonly sm: "12px";
+        readonly md: "16px";
+        readonly lg: "24px";
+        readonly xl: "32px";
+        readonly "0": "0";
+        readonly "2": "2px";
+        readonly "4": "4px";
+        readonly "6": "6px";
+        readonly "8": "8px";
+        readonly "10": "10px";
+        readonly "12": "12px";
+        readonly "16": "16px";
+        readonly "20": "20px";
+        readonly "24": "24px";
+        readonly "32": "32px";
+        readonly "48": "48px";
+        readonly "64": "64px";
+        readonly "80": "80px";
+    };
+    readonly maxSize: {
+        readonly xs: "320px";
+        readonly sm: "384px";
+        readonly md: "448px";
+        readonly lg: "512px";
+        readonly xl: "576px";
+        readonly "2xl": "672px";
+        readonly full: "100%";
+    };
+    readonly screens: {
+        readonly sm: "600px";
+        readonly md: "900px";
+        readonly lg: "1200px";
+    };
+    readonly size: {
+        readonly xs: "20px";
+        readonly sm: "24px";
+        readonly md: "32px";
+        readonly lg: "40px";
+        readonly xl: "48px";
+        readonly "5xl": "80px";
+        readonly "0": "0";
+        readonly "1": "1px";
+        readonly "2": "2px";
+        readonly "4": "4px";
+        readonly "6": "6px";
+        readonly "8": "8px";
+        readonly "12": "12px";
+        readonly "16": "16px";
+        readonly "20": "20px";
+        readonly "24": "24px";
+        readonly "32": "32px";
+        readonly "40": "40px";
+        readonly "48": "48px";
+        readonly "56": "56px";
+        readonly "64": "64px";
+        readonly "80": "80px";
+        readonly "96": "96px";
+        readonly "112": "112px";
+        readonly "128": "128px";
+        readonly "144": "144px";
+        readonly "160": "160px";
+        readonly "176": "176px";
+        readonly "192": "192px";
+        readonly "208": "208px";
+        readonly "224": "224px";
+        readonly "240": "240px";
+        readonly "256": "256px";
+        readonly "288": "288px";
+        readonly "320": "320px";
+        readonly "384": "384px";
+        readonly "1/2": "50%";
+        readonly "1/3": "33.333333%";
+        readonly "2/3": "66.666666%";
+        readonly "1/4": "25%";
+        readonly "2/4": "50%";
+        readonly "3/4": "75%";
+        readonly auto: "auto";
+        readonly fit: "fit-content";
+        readonly full: "100%";
+        readonly max: "max-content";
+        readonly min: "min-content";
+    };
+    readonly spacing: {
+        readonly xs: "8px";
+        readonly sm: "12px";
+        readonly md: "16px";
+        readonly lg: "24px";
+        readonly xl: "32px";
+        readonly "0": "0";
+        readonly "2": "2px";
+        readonly "4": "4px";
+        readonly "6": "6px";
+        readonly "8": "8px";
+        readonly "10": "10px";
+        readonly "12": "12px";
+        readonly "16": "16px";
+        readonly "20": "20px";
+        readonly "24": "24px";
+        readonly "32": "32px";
+        readonly "48": "48px";
+        readonly "64": "64px";
+        readonly "80": "80px";
+    };
+    readonly zIndex: {
+        readonly "0": "0";
+        readonly "10": "10";
+        readonly "20": "20";
+        readonly "30": "30";
+        readonly "40": "40";
+        readonly "50": "50";
+        readonly auto: "auto";
+        readonly popover: "3000";
+        readonly toast: "3010";
+        readonly tooltip: "10000";
+    };
+}, CSSVarFunction>;
+type CSSVarFunction = `var(--${string})` | `var(--${string}, ${number | string})`;
+type Primitive = boolean | null | number | string | undefined;
+type MapLeafNodes<Obj, LeafType> = {
+    [Prop in keyof Obj]: Obj[Prop] extends Primitive ? LeafType : Obj[Prop] extends Record<number | string, any> ? MapLeafNodes<Obj[Prop], LeafType> : never;
+};
+
 type ToastItem = {
     id: string;
     open: boolean;
-    toast: ToastElement;
+    toast: {
+        action?: {
+            altText: string;
+            label: string;
+            onClick: () => void;
+        };
+        title: string;
+        type?: "danger" | "neutral" | "success" | "warning";
+    } | ReactElement;
 };
-declare const createToaster: () => {
-    store: {
-        getServerSnapshot: () => ToastItem[];
-        getSnapshot: () => ToastItem[];
-        subscribe: (callback: () => void) => () => boolean;
-    };
-    create: (toast: ToastElement) => string;
+type Toaster = {
+    clear: () => void;
+    create: (toast: ToastItem["toast"]) => string;
     remove: (id: string) => void;
+    store: Parameters<typeof useSyncExternalStore<ToastItem[]>>;
 };
-declare const toaster: {
-    store: {
-        getServerSnapshot: () => ToastItem[];
-        getSnapshot: () => ToastItem[];
-        subscribe: (callback: () => void) => () => boolean;
+declare const createToaster: () => Toaster;
+declare const toaster: Toaster;
+
+declare const tokens: {
+    readonly borderRadius: {
+        readonly xs: "2px";
+        readonly sm: "4px";
+        readonly md: "6px";
+        readonly lg: "8px";
+        readonly xl: "12px";
+        readonly full: "9999px";
+        readonly none: "0";
+    };
+    readonly borderWidth: {
+        readonly "0": "0";
+        readonly "1": "1px";
+        readonly "2": "2px";
+        readonly "4": "4px";
+    };
+    readonly boxShadow: {
+        readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+        readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
+        readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+        readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+        readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+        readonly inner: "inset 0 0 6px 0 rgb(0 0 0 / 0.1);";
+        readonly none: "0 0 #0000";
+    };
+    readonly colors: {
+        readonly "bg.accent": "#0037FF";
+        readonly "bg.accent.hovered": "#002CCC";
+        readonly "bg.accent.light": "#B3C3FF";
+        readonly "bg.accent.pressed": "#002894";
+        readonly "bg.accent.subtle": "#F0F3FF";
+        readonly "bg.default": "#FFFFFF";
+        readonly "bg.default.inverse": "#2E3442";
+        readonly "bg.default.inverse.hovered": "#1C212B";
+        readonly "bg.default.inverse.pressed": "#1C2029";
+        readonly "bg.error": "#CC1616";
+        readonly "bg.error.hovered": "#B21313";
+        readonly "bg.error.light": "#FFB4B4";
+        readonly "bg.error.pressed": "#911D1D";
+        readonly "bg.error.subtle": "#FFD7D7";
+        readonly "bg.information": "#0B77D0";
+        readonly "bg.information.light": "#AEDBFF";
+        readonly "bg.information.subtle": "#D7ECFC";
+        readonly "bg.overlay": "#091E4252";
+        readonly "bg.page": "#F9FAFC";
+        readonly "bg.secondary": "#F5F6FA";
+        readonly "bg.secondary.hovered": "#091E4214";
+        readonly "bg.success": "#038047";
+        readonly "bg.success.hovered": "#24663E";
+        readonly "bg.success.light": "#A5E1C3";
+        readonly "bg.success.subtle": "#D1F0E1";
+        readonly "bg.tertiary": "#DADFEB";
+        readonly "bg.tertiary.hovered": "#CACFDC";
+        readonly "bg.warning": "#F79008";
+        readonly "bg.warning.hovered": "#DC6903";
+        readonly "bg.warning.light": "#FEDF88";
+        readonly "bg.warning.subtle": "#FEF1C6";
+        readonly "border.accent": "#0037FF";
+        readonly "border.active": "#868FA4";
+        readonly "border.active.hovered": "#626A81";
+        readonly "border.default": "#CACFDC";
+        readonly "border.default.hovered": "#868FA4";
+        readonly "border.disabled": "#F5F6FA";
+        readonly "border.error": "#CC1616";
+        readonly "border.focus": "#2E66F7";
+        readonly "border.secondary": "#DADFEB";
+        readonly "border.success": "#03A65D";
+        readonly "border.tertiary": "#E9EDF5";
+        readonly "border.warning": "#F79008";
+        readonly "fg.accent": "#0037FF";
+        readonly "fg.accent.hovered": "#002CCC";
+        readonly "fg.accent.strong": "#002894";
+        readonly "fg.default": "#2E3442";
+        readonly "fg.default.inverse": "#FFFFFF";
+        readonly "fg.disabled": "#091E4252";
+        readonly "fg.error": "#CC1616";
+        readonly "fg.error.hovered": "#B21313";
+        readonly "fg.error.strong": "#911D1D";
+        readonly "fg.information": "#2094F3";
+        readonly "fg.information.strong": "#095EA4";
+        readonly "fg.link": "#0037FF";
+        readonly "fg.link.hovered": "#002CCC";
+        readonly "fg.link.visited": "#693AB6";
+        readonly "fg.secondary": "#4F576E";
+        readonly "fg.success": "#03A65D";
+        readonly "fg.success.hovered": "#038047";
+        readonly "fg.success.strong": "#24663E";
+        readonly "fg.tertiary": "#626A81";
+        readonly "fg.warning": "#F79008";
+        readonly "fg.warning.hovered": "#DC6903";
+        readonly "fg.warning.strong": "#B54707";
+        readonly "fg.white": "#FFFFFF";
+        readonly current: "currentColor";
+        readonly transparent: "transparent";
+        readonly "blue.50": "#EDF6FF";
+        readonly "blue.100": "#D7ECFC";
+        readonly "blue.200": "#AEDBFF";
+        readonly "blue.300": "#85C4F7";
+        readonly "blue.400": "#47A7F5";
+        readonly "blue.500": "#2094F3";
+        readonly "blue.600": "#0B77D0";
+        readonly "blue.700": "#095EA4";
+        readonly "blue.800": "#064274";
+        readonly "blue.900": "#032541";
+        readonly "brand.50": "#F0F3FF";
+        readonly "brand.100": "#CDD8FC";
+        readonly "brand.200": "#B3C3FF";
+        readonly "brand.300": "#6A8FFC";
+        readonly "brand.400": "#2E66F7";
+        readonly "brand.500": "#0037FF";
+        readonly "brand.600": "#002CCC";
+        readonly "brand.700": "#002894";
+        readonly "brand.800": "#001666";
+        readonly "brand.900": "#000B33";
+        readonly "cyan.50": "#ECFEFF";
+        readonly "cyan.100": "#CFFAFE";
+        readonly "cyan.200": "#99F0F9";
+        readonly "cyan.300": "#67E8F9";
+        readonly "cyan.400": "#22D3EE";
+        readonly "cyan.500": "#06B6D4";
+        readonly "cyan.600": "#0891B2";
+        readonly "cyan.700": "#0E7490";
+        readonly "cyan.800": "#155E75";
+        readonly "cyan.900": "#083344";
+        readonly "green.50": "#E9F7F1";
+        readonly "green.100": "#D1F0E1";
+        readonly "green.200": "#A5E1C3";
+        readonly "green.300": "#7CD2A7";
+        readonly "green.400": "#5AC58A";
+        readonly "green.500": "#03A65D";
+        readonly "green.600": "#038047";
+        readonly "green.700": "#24663E";
+        readonly "green.800": "#17492B";
+        readonly "green.900": "#082415";
+        readonly "magenta.50": "#FDF4FF";
+        readonly "magenta.100": "#FAE8FF";
+        readonly "magenta.200": "#F5D0FE";
+        readonly "magenta.300": "#F0ABFC";
+        readonly "magenta.400": "#D765E9";
+        readonly "magenta.500": "#C026D3";
+        readonly "magenta.600": "#A21CAF";
+        readonly "magenta.700": "#86198F";
+        readonly "magenta.800": "#701A75";
+        readonly "magenta.900": "#4A044E";
+        readonly "neutral.00": "#FFFFFF";
+        readonly "neutral.50": "#F9FAFC";
+        readonly "neutral.75": "#F5F6FA";
+        readonly "neutral.100": "#E9EDF5";
+        readonly "neutral.150": "#DADFEB";
+        readonly "neutral.200": "#CACFDC";
+        readonly "neutral.300": "#B8BECB";
+        readonly "neutral.500": "#868FA4";
+        readonly "neutral.600": "#626A81";
+        readonly "neutral.700": "#4F576E";
+        readonly "neutral.800": "#2E3442";
+        readonly "neutral.900": "#1C212B";
+        readonly "neutral.1000": "#1C2029";
+        readonly "neutral.1100": "#171A23";
+        readonly "neutral.1200": "#091E42";
+        readonly "neutral.50/6": "#F9FAFC0F";
+        readonly "neutral.50/12": "#F9FAFC1F";
+        readonly "neutral.50/18": "#F9FAFC2E";
+        readonly "neutral.50/22": "#F9FAFC38";
+        readonly "neutral.50/32": "#F9FAFC52";
+        readonly "neutral.1200/4": "#091E420A";
+        readonly "neutral.1200/8": "#091E4214";
+        readonly "neutral.1200/16": "#091E4229";
+        readonly "neutral.1200/22": "#091E4238";
+        readonly "neutral.1200/32": "#091E4252";
+        readonly "purple.50": "#F1ECF8";
+        readonly "purple.100": "#E5DCF4";
+        readonly "purple.200": "#C4B1E2";
+        readonly "purple.300": "#9570D1";
+        readonly "purple.400": "#7E51C8";
+        readonly "purple.500": "#693AB6";
+        readonly "purple.600": "#532E8F";
+        readonly "purple.700": "#412470";
+        readonly "purple.800": "#331C59";
+        readonly "purple.900": "#261542";
+        readonly "red.50": "#FFF7F7";
+        readonly "red.100": "#FFD7D7";
+        readonly "red.200": "#FFB4B4";
+        readonly "red.300": "#FC8B8B";
+        readonly "red.400": "#F64F4F";
+        readonly "red.500": "#CC1616";
+        readonly "red.600": "#B21313";
+        readonly "red.700": "#911D1D";
+        readonly "red.800": "#601313";
+        readonly "red.900": "#300A0A";
+        readonly "yellow.50": "#FFFAEA";
+        readonly "yellow.100": "#FEF1C6";
+        readonly "yellow.200": "#FEDF88";
+        readonly "yellow.300": "#FFC84B";
+        readonly "yellow.400": "#FDB022";
+        readonly "yellow.500": "#F79008";
+        readonly "yellow.600": "#DC6903";
+        readonly "yellow.700": "#B54707";
+        readonly "yellow.800": "#7A2E0D";
+        readonly "yellow.900": "#4E1D09";
+    };
+    readonly fontFamily: {
+        readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
+        readonly sans: "InterVariable, system-ui, sans-serif";
+    };
+    readonly fontSize: {
+        readonly xs: {
+            readonly fontSize: "10px";
+            readonly lineHeight: "14px";
+        };
+        readonly sm: {
+            readonly fontSize: "12px";
+            readonly lineHeight: "16px";
+        };
+        readonly md: {
+            readonly fontSize: "14px";
+            readonly lineHeight: "20px";
+        };
+        readonly lg: {
+            readonly fontSize: "16px";
+            readonly lineHeight: "24px";
+        };
+        readonly xl: {
+            readonly fontSize: "18px";
+            readonly lineHeight: "28px";
+        };
+        readonly "2xl": {
+            readonly fontSize: "20px";
+            readonly lineHeight: "28px";
+        };
+        readonly "3xl": {
+            readonly fontSize: "24px";
+            readonly lineHeight: "32px";
+        };
+        readonly "4xl": {
+            readonly fontSize: "30px";
+            readonly lineHeight: "36px";
+        };
+        readonly "5xl": {
+            readonly fontSize: "36px";
+            readonly lineHeight: "40px";
+        };
+        readonly "6xl": {
+            readonly fontSize: "48px";
+            readonly lineHeight: "1";
+        };
+        readonly "7xl": {
+            readonly fontSize: "60px";
+            readonly lineHeight: "1";
+        };
+    };
+    readonly letterSpacing: {
+        readonly tighter: "-0.05em";
+        readonly tight: "-0.025em";
+        readonly normal: "0";
+        readonly wide: "0.025em";
+        readonly wider: "0.05em";
+        readonly widest: "0.1em";
+    };
+    readonly lineHeight: {
+        readonly none: "1";
+        readonly tight: "1.25";
+        readonly normal: "1.5";
+        readonly loose: "2";
+    };
+    readonly margins: {
+        readonly "-xs": "-8px";
+        readonly "-sm": "-12px";
+        readonly "-md": "-16px";
+        readonly "-lg": "-24px";
+        readonly "-xl": "-32px";
+        readonly "-2": "-2px";
+        readonly "-4": "-4px";
+        readonly "-6": "-6px";
+        readonly "-8": "-8px";
+        readonly "-10": "-10px";
+        readonly "-12": "-12px";
+        readonly "-16": "-16px";
+        readonly "-24": "-24px";
+        readonly "-32": "-32px";
+        readonly "-48": "-48px";
+        readonly "-64": "-64px";
+        readonly "-80": "-80px";
+        readonly xs: "8px";
+        readonly sm: "12px";
+        readonly md: "16px";
+        readonly lg: "24px";
+        readonly xl: "32px";
+        readonly "0": "0";
+        readonly "2": "2px";
+        readonly "4": "4px";
+        readonly "6": "6px";
+        readonly "8": "8px";
+        readonly "10": "10px";
+        readonly "12": "12px";
+        readonly "16": "16px";
+        readonly "20": "20px";
+        readonly "24": "24px";
+        readonly "32": "32px";
+        readonly "48": "48px";
+        readonly "64": "64px";
+        readonly "80": "80px";
+    };
+    readonly maxSize: {
+        readonly xs: "320px";
+        readonly sm: "384px";
+        readonly md: "448px";
+        readonly lg: "512px";
+        readonly xl: "576px";
+        readonly "2xl": "672px";
+        readonly full: "100%";
+    };
+    readonly screens: {
+        readonly sm: "600px";
+        readonly md: "900px";
+        readonly lg: "1200px";
+    };
+    readonly size: {
+        readonly xs: "20px";
+        readonly sm: "24px";
+        readonly md: "32px";
+        readonly lg: "40px";
+        readonly xl: "48px";
+        readonly "5xl": "80px";
+        readonly "0": "0";
+        readonly "1": "1px";
+        readonly "2": "2px";
+        readonly "4": "4px";
+        readonly "6": "6px";
+        readonly "8": "8px";
+        readonly "12": "12px";
+        readonly "16": "16px";
+        readonly "20": "20px";
+        readonly "24": "24px";
+        readonly "32": "32px";
+        readonly "40": "40px";
+        readonly "48": "48px";
+        readonly "56": "56px";
+        readonly "64": "64px";
+        readonly "80": "80px";
+        readonly "96": "96px";
+        readonly "112": "112px";
+        readonly "128": "128px";
+        readonly "144": "144px";
+        readonly "160": "160px";
+        readonly "176": "176px";
+        readonly "192": "192px";
+        readonly "208": "208px";
+        readonly "224": "224px";
+        readonly "240": "240px";
+        readonly "256": "256px";
+        readonly "288": "288px";
+        readonly "320": "320px";
+        readonly "384": "384px";
+        readonly "1/2": "50%";
+        readonly "1/3": "33.333333%";
+        readonly "2/3": "66.666666%";
+        readonly "1/4": "25%";
+        readonly "2/4": "50%";
+        readonly "3/4": "75%";
+        readonly auto: "auto";
+        readonly fit: "fit-content";
+        readonly full: "100%";
+        readonly max: "max-content";
+        readonly min: "min-content";
+    };
+    readonly spacing: {
+        readonly xs: "8px";
+        readonly sm: "12px";
+        readonly md: "16px";
+        readonly lg: "24px";
+        readonly xl: "32px";
+        readonly "0": "0";
+        readonly "2": "2px";
+        readonly "4": "4px";
+        readonly "6": "6px";
+        readonly "8": "8px";
+        readonly "10": "10px";
+        readonly "12": "12px";
+        readonly "16": "16px";
+        readonly "20": "20px";
+        readonly "24": "24px";
+        readonly "32": "32px";
+        readonly "48": "48px";
+        readonly "64": "64px";
+        readonly "80": "80px";
+    };
+    readonly zIndex: {
+        readonly "0": "0";
+        readonly "10": "10";
+        readonly "20": "20";
+        readonly "30": "30";
+        readonly "40": "40";
+        readonly "50": "50";
+        readonly auto: "auto";
+        readonly popover: "3000";
+        readonly toast: "3010";
+        readonly tooltip: "10000";
+    };
+};
+declare const tokensDark: {
+    readonly colors: {
+        readonly "bg.accent": "#2E66F7";
+        readonly "bg.accent.hovered": "#2E66F7";
+        readonly "bg.accent.light": "#001666";
+        readonly "bg.accent.pressed": "#002CCC";
+        readonly "bg.accent.subtle": "#000B33";
+        readonly "bg.default": "#1C2029";
+        readonly "bg.default.inverse": "#E9EDF5";
+        readonly "bg.default.inverse.hovered": "#CACFDC";
+        readonly "bg.default.inverse.pressed": "#B8BECB";
+        readonly "bg.error": "#CC1616";
+        readonly "bg.error.hovered": "#F64F4F";
+        readonly "bg.error.light": "#911D1D";
+        readonly "bg.error.pressed": "#B21313";
+        readonly "bg.error.subtle": "#601313";
+        readonly "bg.information": "#0B77D0";
+        readonly "bg.information.light": "#064274";
+        readonly "bg.information.subtle": "#032541";
+        readonly "bg.overlay": "#F9FAFC52";
+        readonly "bg.page": "#171A23";
+        readonly "bg.secondary": "#1C212B";
+        readonly "bg.secondary.hovered": "#F9FAFC1F";
+        readonly "bg.success": "#038047";
+        readonly "bg.success.hovered": "#5AC58A";
+        readonly "bg.success.light": "#17492B";
+        readonly "bg.success.subtle": "#082415";
+        readonly "bg.tertiary": "#4F576E";
+        readonly "bg.tertiary.hovered": "#F9FAFC2E";
+        readonly "bg.warning": "#F79008";
+        readonly "bg.warning.hovered": "#FDB022";
+        readonly "bg.warning.light": "#7A2E0D";
+        readonly "bg.warning.subtle": "#4E1D09";
+        readonly "border.accent": "#6A8FFC";
+        readonly "border.active": "#4F576E";
+        readonly "border.active.hovered": "#626A81";
+        readonly "border.default": "#626A81";
+        readonly "border.default.hovered": "#868FA4";
+        readonly "border.disabled": "#2E3442";
+        readonly "border.error": "#FFB4B4";
+        readonly "border.focus": "#6A8FFC";
+        readonly "border.secondary": "#4F576E";
+        readonly "border.success": "#03A65D";
+        readonly "border.tertiary": "#2E3442";
+        readonly "border.warning": "#F79008";
+        readonly "fg.accent": "#6A8FFC";
+        readonly "fg.accent.hovered": "#0037FF";
+        readonly "fg.accent.strong": "#2E66F7";
+        readonly "fg.default": "#F5F6FA";
+        readonly "fg.default.inverse": "#2E3442";
+        readonly "fg.disabled": "#F9FAFC52";
+        readonly "fg.error": "#FC8B8B";
+        readonly "fg.error.hovered": "#B21313";
+        readonly "fg.error.strong": "#FFB4B4";
+        readonly "fg.information": "#85C4F7";
+        readonly "fg.information.strong": "#AEDBFF";
+        readonly "fg.link": "#6A8FFC";
+        readonly "fg.link.hovered": "#0037FF";
+        readonly "fg.link.visited": "#6A8FFC";
+        readonly "fg.secondary": "#CACFDC";
+        readonly "fg.success": "#7CD2A7";
+        readonly "fg.success.hovered": "#038047";
+        readonly "fg.success.strong": "#A5E1C3";
+        readonly "fg.tertiary": "#868FA4";
+        readonly "fg.warning": "#FFC84B";
+        readonly "fg.warning.hovered": "#DC6903";
+        readonly "fg.warning.strong": "#FEDF88";
+        readonly "fg.white": "#FFFFFF";
+        readonly current: "currentColor";
+        readonly transparent: "transparent";
+        readonly "blue.50": "#EDF6FF";
+        readonly "blue.100": "#D7ECFC";
+        readonly "blue.200": "#AEDBFF";
+        readonly "blue.300": "#85C4F7";
+        readonly "blue.400": "#47A7F5";
+        readonly "blue.500": "#2094F3";
+        readonly "blue.600": "#0B77D0";
+        readonly "blue.700": "#095EA4";
+        readonly "blue.800": "#064274";
+        readonly "blue.900": "#032541";
+        readonly "brand.50": "#F0F3FF";
+        readonly "brand.100": "#CDD8FC";
+        readonly "brand.200": "#B3C3FF";
+        readonly "brand.300": "#6A8FFC";
+        readonly "brand.400": "#2E66F7";
+        readonly "brand.500": "#0037FF";
+        readonly "brand.600": "#002CCC";
+        readonly "brand.700": "#002894";
+        readonly "brand.800": "#001666";
+        readonly "brand.900": "#000B33";
+        readonly "cyan.50": "#ECFEFF";
+        readonly "cyan.100": "#CFFAFE";
+        readonly "cyan.200": "#99F0F9";
+        readonly "cyan.300": "#67E8F9";
+        readonly "cyan.400": "#22D3EE";
+        readonly "cyan.500": "#06B6D4";
+        readonly "cyan.600": "#0891B2";
+        readonly "cyan.700": "#0E7490";
+        readonly "cyan.800": "#155E75";
+        readonly "cyan.900": "#083344";
+        readonly "green.50": "#E9F7F1";
+        readonly "green.100": "#D1F0E1";
+        readonly "green.200": "#A5E1C3";
+        readonly "green.300": "#7CD2A7";
+        readonly "green.400": "#5AC58A";
+        readonly "green.500": "#03A65D";
+        readonly "green.600": "#038047";
+        readonly "green.700": "#24663E";
+        readonly "green.800": "#17492B";
+        readonly "green.900": "#082415";
+        readonly "magenta.50": "#FDF4FF";
+        readonly "magenta.100": "#FAE8FF";
+        readonly "magenta.200": "#F5D0FE";
+        readonly "magenta.300": "#F0ABFC";
+        readonly "magenta.400": "#D765E9";
+        readonly "magenta.500": "#C026D3";
+        readonly "magenta.600": "#A21CAF";
+        readonly "magenta.700": "#86198F";
+        readonly "magenta.800": "#701A75";
+        readonly "magenta.900": "#4A044E";
+        readonly "neutral.00": "#FFFFFF";
+        readonly "neutral.50": "#F9FAFC";
+        readonly "neutral.75": "#F5F6FA";
+        readonly "neutral.100": "#E9EDF5";
+        readonly "neutral.150": "#DADFEB";
+        readonly "neutral.200": "#CACFDC";
+        readonly "neutral.300": "#B8BECB";
+        readonly "neutral.500": "#868FA4";
+        readonly "neutral.600": "#626A81";
+        readonly "neutral.700": "#4F576E";
+        readonly "neutral.800": "#2E3442";
+        readonly "neutral.900": "#1C212B";
+        readonly "neutral.1000": "#1C2029";
+        readonly "neutral.1100": "#171A23";
+        readonly "neutral.1200": "#091E42";
+        readonly "neutral.50/6": "#F9FAFC0F";
+        readonly "neutral.50/12": "#F9FAFC1F";
+        readonly "neutral.50/18": "#F9FAFC2E";
+        readonly "neutral.50/22": "#F9FAFC38";
+        readonly "neutral.50/32": "#F9FAFC52";
+        readonly "neutral.1200/4": "#091E420A";
+        readonly "neutral.1200/8": "#091E4214";
+        readonly "neutral.1200/16": "#091E4229";
+        readonly "neutral.1200/22": "#091E4238";
+        readonly "neutral.1200/32": "#091E4252";
+        readonly "purple.50": "#F1ECF8";
+        readonly "purple.100": "#E5DCF4";
+        readonly "purple.200": "#C4B1E2";
+        readonly "purple.300": "#9570D1";
+        readonly "purple.400": "#7E51C8";
+        readonly "purple.500": "#693AB6";
+        readonly "purple.600": "#532E8F";
+        readonly "purple.700": "#412470";
+        readonly "purple.800": "#331C59";
+        readonly "purple.900": "#261542";
+        readonly "red.50": "#FFF7F7";
+        readonly "red.100": "#FFD7D7";
+        readonly "red.200": "#FFB4B4";
+        readonly "red.300": "#FC8B8B";
+        readonly "red.400": "#F64F4F";
+        readonly "red.500": "#CC1616";
+        readonly "red.600": "#B21313";
+        readonly "red.700": "#911D1D";
+        readonly "red.800": "#601313";
+        readonly "red.900": "#300A0A";
+        readonly "yellow.50": "#FFFAEA";
+        readonly "yellow.100": "#FEF1C6";
+        readonly "yellow.200": "#FEDF88";
+        readonly "yellow.300": "#FFC84B";
+        readonly "yellow.400": "#FDB022";
+        readonly "yellow.500": "#F79008";
+        readonly "yellow.600": "#DC6903";
+        readonly "yellow.700": "#B54707";
+        readonly "yellow.800": "#7A2E0D";
+        readonly "yellow.900": "#4E1D09";
+    };
+    readonly borderRadius: {
+        readonly xs: "2px";
+        readonly sm: "4px";
+        readonly md: "6px";
+        readonly lg: "8px";
+        readonly xl: "12px";
+        readonly full: "9999px";
+        readonly none: "0";
+    };
+    readonly borderWidth: {
+        readonly "0": "0";
+        readonly "1": "1px";
+        readonly "2": "2px";
+        readonly "4": "4px";
+    };
+    readonly boxShadow: {
+        readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+        readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
+        readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+        readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+        readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+        readonly inner: "inset 0 0 6px 0 rgb(0 0 0 / 0.1);";
+        readonly none: "0 0 #0000";
+    };
+    readonly fontFamily: {
+        readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
+        readonly sans: "InterVariable, system-ui, sans-serif";
+    };
+    readonly fontSize: {
+        readonly xs: {
+            readonly fontSize: "10px";
+            readonly lineHeight: "14px";
+        };
+        readonly sm: {
+            readonly fontSize: "12px";
+            readonly lineHeight: "16px";
+        };
+        readonly md: {
+            readonly fontSize: "14px";
+            readonly lineHeight: "20px";
+        };
+        readonly lg: {
+            readonly fontSize: "16px";
+            readonly lineHeight: "24px";
+        };
+        readonly xl: {
+            readonly fontSize: "18px";
+            readonly lineHeight: "28px";
+        };
+        readonly "2xl": {
+            readonly fontSize: "20px";
+            readonly lineHeight: "28px";
+        };
+        readonly "3xl": {
+            readonly fontSize: "24px";
+            readonly lineHeight: "32px";
+        };
+        readonly "4xl": {
+            readonly fontSize: "30px";
+            readonly lineHeight: "36px";
+        };
+        readonly "5xl": {
+            readonly fontSize: "36px";
+            readonly lineHeight: "40px";
+        };
+        readonly "6xl": {
+            readonly fontSize: "48px";
+            readonly lineHeight: "1";
+        };
+        readonly "7xl": {
+            readonly fontSize: "60px";
+            readonly lineHeight: "1";
+        };
+    };
+    readonly letterSpacing: {
+        readonly tighter: "-0.05em";
+        readonly tight: "-0.025em";
+        readonly normal: "0";
+        readonly wide: "0.025em";
+        readonly wider: "0.05em";
+        readonly widest: "0.1em";
+    };
+    readonly lineHeight: {
+        readonly none: "1";
+        readonly tight: "1.25";
+        readonly normal: "1.5";
+        readonly loose: "2";
+    };
+    readonly margins: {
+        readonly "-xs": "-8px";
+        readonly "-sm": "-12px";
+        readonly "-md": "-16px";
+        readonly "-lg": "-24px";
+        readonly "-xl": "-32px";
+        readonly "-2": "-2px";
+        readonly "-4": "-4px";
+        readonly "-6": "-6px";
+        readonly "-8": "-8px";
+        readonly "-10": "-10px";
+        readonly "-12": "-12px";
+        readonly "-16": "-16px";
+        readonly "-24": "-24px";
+        readonly "-32": "-32px";
+        readonly "-48": "-48px";
+        readonly "-64": "-64px";
+        readonly "-80": "-80px";
+        readonly xs: "8px";
+        readonly sm: "12px";
+        readonly md: "16px";
+        readonly lg: "24px";
+        readonly xl: "32px";
+        readonly "0": "0";
+        readonly "2": "2px";
+        readonly "4": "4px";
+        readonly "6": "6px";
+        readonly "8": "8px";
+        readonly "10": "10px";
+        readonly "12": "12px";
+        readonly "16": "16px";
+        readonly "20": "20px";
+        readonly "24": "24px";
+        readonly "32": "32px";
+        readonly "48": "48px";
+        readonly "64": "64px";
+        readonly "80": "80px";
+    };
+    readonly maxSize: {
+        readonly xs: "320px";
+        readonly sm: "384px";
+        readonly md: "448px";
+        readonly lg: "512px";
+        readonly xl: "576px";
+        readonly "2xl": "672px";
+        readonly full: "100%";
+    };
+    readonly screens: {
+        readonly sm: "600px";
+        readonly md: "900px";
+        readonly lg: "1200px";
+    };
+    readonly size: {
+        readonly xs: "20px";
+        readonly sm: "24px";
+        readonly md: "32px";
+        readonly lg: "40px";
+        readonly xl: "48px";
+        readonly "5xl": "80px";
+        readonly "0": "0";
+        readonly "1": "1px";
+        readonly "2": "2px";
+        readonly "4": "4px";
+        readonly "6": "6px";
+        readonly "8": "8px";
+        readonly "12": "12px";
+        readonly "16": "16px";
+        readonly "20": "20px";
+        readonly "24": "24px";
+        readonly "32": "32px";
+        readonly "40": "40px";
+        readonly "48": "48px";
+        readonly "56": "56px";
+        readonly "64": "64px";
+        readonly "80": "80px";
+        readonly "96": "96px";
+        readonly "112": "112px";
+        readonly "128": "128px";
+        readonly "144": "144px";
+        readonly "160": "160px";
+        readonly "176": "176px";
+        readonly "192": "192px";
+        readonly "208": "208px";
+        readonly "224": "224px";
+        readonly "240": "240px";
+        readonly "256": "256px";
+        readonly "288": "288px";
+        readonly "320": "320px";
+        readonly "384": "384px";
+        readonly "1/2": "50%";
+        readonly "1/3": "33.333333%";
+        readonly "2/3": "66.666666%";
+        readonly "1/4": "25%";
+        readonly "2/4": "50%";
+        readonly "3/4": "75%";
+        readonly auto: "auto";
+        readonly fit: "fit-content";
+        readonly full: "100%";
+        readonly max: "max-content";
+        readonly min: "min-content";
+    };
+    readonly spacing: {
+        readonly xs: "8px";
+        readonly sm: "12px";
+        readonly md: "16px";
+        readonly lg: "24px";
+        readonly xl: "32px";
+        readonly "0": "0";
+        readonly "2": "2px";
+        readonly "4": "4px";
+        readonly "6": "6px";
+        readonly "8": "8px";
+        readonly "10": "10px";
+        readonly "12": "12px";
+        readonly "16": "16px";
+        readonly "20": "20px";
+        readonly "24": "24px";
+        readonly "32": "32px";
+        readonly "48": "48px";
+        readonly "64": "64px";
+        readonly "80": "80px";
+    };
+    readonly zIndex: {
+        readonly "0": "0";
+        readonly "10": "10";
+        readonly "20": "20";
+        readonly "30": "30";
+        readonly "40": "40";
+        readonly "50": "50";
+        readonly auto: "auto";
+        readonly popover: "3000";
+        readonly toast: "3010";
+        readonly tooltip: "10000";
     };
-    create: (toast: ToastElement) => string;
-    remove: (id: string) => void;
 };
 
-export { AxiomVersionContext, createToaster, toaster };
+export { AxiomVersionContext, type MapLeafNodes, createToaster, theme, toaster, tokens, tokensDark };