@optiaxiom/globals 0.4.4 → 0.5.1

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { useSyncExternalStore, ReactElement } from 'react';
+import { ReactElement, useSyncExternalStore } from 'react';
 
 declare const AxiomVersionContext: react.Context<string | undefined>;
 
@@ -9,37 +9,21 @@ declare const theme: MapLeafNodes<{
         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 current: "currentColor";
-        readonly transparent: "transparent";
-        readonly "avatar.bg.neutral": "#E9EDF5";
-        readonly "avatar.bg.purple": "#E5DCF4";
-        readonly "avatar.fg.neutral": "#4F576E";
-        readonly "avatar.fg.purple": "#412470";
         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.avatar.neutral": "#E9EDF5";
+        readonly "bg.avatar.purple": "#E5DCF4";
         readonly "bg.default": "#FFFFFF";
         readonly "bg.default.hovered": "#091E420A";
         readonly "bg.default.inverse": "#2E3442";
@@ -59,6 +43,8 @@ declare const theme: MapLeafNodes<{
         readonly "bg.page": "#F9FAFC";
         readonly "bg.secondary": "#F5F6FA";
         readonly "bg.secondary.hovered": "#F5F6FA";
+        readonly "bg.spinner.default": "#091E42";
+        readonly "bg.spinner.inverse": "#F9FAFC";
         readonly "bg.success": "#038047";
         readonly "bg.success.hovered": "#24663E";
         readonly "bg.success.light": "#A5E1C3";
@@ -85,6 +71,8 @@ declare const theme: MapLeafNodes<{
         readonly "fg.accent": "#0037FF";
         readonly "fg.accent.hovered": "#002CCC";
         readonly "fg.accent.strong": "#002894";
+        readonly "fg.avatar.neutral": "#4F576E";
+        readonly "fg.avatar.purple": "#412470";
         readonly "fg.default": "#2E3442";
         readonly "fg.default.inverse": "#FFFFFF";
         readonly "fg.disabled": "#CACFDC";
@@ -95,7 +83,14 @@ declare const theme: MapLeafNodes<{
         readonly "fg.information": "#2F7AEE";
         readonly "fg.information.light": "#7BAAF4";
         readonly "fg.information.strong": "#0D46A0";
+        readonly "fg.link.default": "#0037FF";
+        readonly "fg.link.default.hovered": "#002CCC";
+        readonly "fg.link.inverse": "#FFFFFF";
+        readonly "fg.link.subtle": "#2E3442";
+        readonly "fg.link.visited": "#532E8F";
         readonly "fg.secondary": "#4F576E";
+        readonly "fg.spinner.default": "#2E3442";
+        readonly "fg.spinner.inverse": "#CACFDC";
         readonly "fg.success": "#03A65D";
         readonly "fg.success.hovered": "#038047";
         readonly "fg.success.light": "#7CD2A7";
@@ -107,15 +102,6 @@ declare const theme: MapLeafNodes<{
         readonly "fg.warning.light": "#FFC84B";
         readonly "fg.warning.strong": "#B54707";
         readonly "fg.white": "#FFFFFF";
-        readonly "link.fg.default": "#0037FF";
-        readonly "link.fg.default.hovered": "#002CCC";
-        readonly "link.fg.inverse": "#FFFFFF";
-        readonly "link.fg.subtle": "#2E3442";
-        readonly "link.fg.visited": "#532E8F";
-        readonly "spinner.bg.default": "#091E42";
-        readonly "spinner.bg.inverse": "#F9FAFC";
-        readonly "spinner.fg.default": "#2E3442";
-        readonly "spinner.fg.inverse": "#CACFDC";
     };
     readonly fontFamily: {
         readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
@@ -158,80 +144,16 @@ declare const theme: MapLeafNodes<{
             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 "2xs": "16px";
@@ -240,90 +162,19 @@ declare const theme: MapLeafNodes<{
         readonly md: "32px";
         readonly lg: "40px";
         readonly xl: "48px";
-        readonly "2xl": "56px";
-        readonly "5xl": "80px";
-        readonly "0": "0";
-        readonly "1": "1px";
-        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 "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 "3xl": "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 CSSVarFunction = `var(--${string})` | `var(--${string}, ${number | string})`;
+type Primitive = boolean | null | number | string | undefined;
 
 declare const ToastContextProvider: react.FC<{
     onOpenChange: (open: boolean) => void;
@@ -336,22 +187,14 @@ declare const useToastContext: (consumerName: string) => {
     open: boolean;
 };
 
-type ToastItem = {
-    id: string;
-    open: boolean;
-    toast: {
-        action?: {
-            altText: string;
-            label: string;
-            onClick: () => void;
-        };
-        title: string;
-        type?: "danger" | "neutral" | "success" | "warning";
-    } | ReactElement;
+type ToastOptions = {
+    action?: string;
+    onAction?: () => void;
+    type?: "danger" | "information" | "neutral" | "success" | "warning";
 };
 type Toaster = {
     clear: () => void;
-    create: (toast: ToastItem["toast"]) => string;
+    create: (...args: [message: string, options?: ToastOptions] | [toast: ReactElement]) => string;
     remove: (id: string) => void;
     store: Parameters<typeof useSyncExternalStore<ToastItem[]>>;
 };
@@ -364,37 +207,21 @@ declare const tokens: {
         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 current: "currentColor";
-        readonly transparent: "transparent";
-        readonly "avatar.bg.neutral": "#E9EDF5";
-        readonly "avatar.bg.purple": "#E5DCF4";
-        readonly "avatar.fg.neutral": "#4F576E";
-        readonly "avatar.fg.purple": "#412470";
         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.avatar.neutral": "#E9EDF5";
+        readonly "bg.avatar.purple": "#E5DCF4";
         readonly "bg.default": "#FFFFFF";
         readonly "bg.default.hovered": "#091E420A";
         readonly "bg.default.inverse": "#2E3442";
@@ -414,6 +241,8 @@ declare const tokens: {
         readonly "bg.page": "#F9FAFC";
         readonly "bg.secondary": "#F5F6FA";
         readonly "bg.secondary.hovered": "#F5F6FA";
+        readonly "bg.spinner.default": "#091E42";
+        readonly "bg.spinner.inverse": "#F9FAFC";
         readonly "bg.success": "#038047";
         readonly "bg.success.hovered": "#24663E";
         readonly "bg.success.light": "#A5E1C3";
@@ -440,6 +269,8 @@ declare const tokens: {
         readonly "fg.accent": "#0037FF";
         readonly "fg.accent.hovered": "#002CCC";
         readonly "fg.accent.strong": "#002894";
+        readonly "fg.avatar.neutral": "#4F576E";
+        readonly "fg.avatar.purple": "#412470";
         readonly "fg.default": "#2E3442";
         readonly "fg.default.inverse": "#FFFFFF";
         readonly "fg.disabled": "#CACFDC";
@@ -450,7 +281,14 @@ declare const tokens: {
         readonly "fg.information": "#2F7AEE";
         readonly "fg.information.light": "#7BAAF4";
         readonly "fg.information.strong": "#0D46A0";
+        readonly "fg.link.default": "#0037FF";
+        readonly "fg.link.default.hovered": "#002CCC";
+        readonly "fg.link.inverse": "#FFFFFF";
+        readonly "fg.link.subtle": "#2E3442";
+        readonly "fg.link.visited": "#532E8F";
         readonly "fg.secondary": "#4F576E";
+        readonly "fg.spinner.default": "#2E3442";
+        readonly "fg.spinner.inverse": "#CACFDC";
         readonly "fg.success": "#03A65D";
         readonly "fg.success.hovered": "#038047";
         readonly "fg.success.light": "#7CD2A7";
@@ -462,15 +300,6 @@ declare const tokens: {
         readonly "fg.warning.light": "#FFC84B";
         readonly "fg.warning.strong": "#B54707";
         readonly "fg.white": "#FFFFFF";
-        readonly "link.fg.default": "#0037FF";
-        readonly "link.fg.default.hovered": "#002CCC";
-        readonly "link.fg.inverse": "#FFFFFF";
-        readonly "link.fg.subtle": "#2E3442";
-        readonly "link.fg.visited": "#532E8F";
-        readonly "spinner.bg.default": "#091E42";
-        readonly "spinner.bg.inverse": "#F9FAFC";
-        readonly "spinner.fg.default": "#2E3442";
-        readonly "spinner.fg.inverse": "#CACFDC";
     };
     readonly fontFamily: {
         readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
@@ -513,80 +342,16 @@ declare const tokens: {
             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 "2xs": "16px";
@@ -595,80 +360,9 @@ declare const tokens: {
         readonly md: "32px";
         readonly lg: "40px";
         readonly xl: "48px";
-        readonly "2xl": "56px";
-        readonly "5xl": "80px";
-        readonly "0": "0";
-        readonly "1": "1px";
-        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 "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 "3xl": "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";
@@ -676,17 +370,13 @@ declare const tokens: {
 };
 declare const tokensDark: {
     readonly colors: {
-        readonly current: "currentColor";
-        readonly transparent: "transparent";
-        readonly "avatar.bg.neutral": "#2E3442";
-        readonly "avatar.bg.purple": "#331C59";
-        readonly "avatar.fg.neutral": "#E9EDF5";
-        readonly "avatar.fg.purple": "#E5DCF4";
         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.avatar.neutral": "#2E3442";
+        readonly "bg.avatar.purple": "#331C59";
         readonly "bg.default": "#1C2029";
         readonly "bg.default.hovered": "#F9FAFC0F";
         readonly "bg.default.inverse": "#E9EDF5";
@@ -706,6 +396,8 @@ declare const tokensDark: {
         readonly "bg.page": "#171A23";
         readonly "bg.secondary": "#1C212B";
         readonly "bg.secondary.hovered": "#F9FAFC1F";
+        readonly "bg.spinner.default": "#F9FAFC";
+        readonly "bg.spinner.inverse": "#F9FAFC";
         readonly "bg.success": "#038047";
         readonly "bg.success.hovered": "#5AC58A";
         readonly "bg.success.light": "#17492B";
@@ -732,6 +424,8 @@ declare const tokensDark: {
         readonly "fg.accent": "#6A8FFC";
         readonly "fg.accent.hovered": "#0037FF";
         readonly "fg.accent.strong": "#2E66F7";
+        readonly "fg.avatar.neutral": "#E9EDF5";
+        readonly "fg.avatar.purple": "#E5DCF4";
         readonly "fg.default": "#F5F6FA";
         readonly "fg.default.inverse": "#2E3442";
         readonly "fg.disabled": "#F9FAFC52";
@@ -742,7 +436,14 @@ declare const tokensDark: {
         readonly "fg.information": "#7BAAF4";
         readonly "fg.information.light": "#7BAAF4";
         readonly "fg.information.strong": "#A1C2F7";
+        readonly "fg.link.default": "#2E66F7";
+        readonly "fg.link.default.hovered": "#B3C3FF";
+        readonly "fg.link.inverse": "#FFFFFF";
+        readonly "fg.link.subtle": "#2E3442";
+        readonly "fg.link.visited": "#693AB6";
         readonly "fg.secondary": "#CACFDC";
+        readonly "fg.spinner.default": "#CACFDC";
+        readonly "fg.spinner.inverse": "#2E3442";
         readonly "fg.success": "#7CD2A7";
         readonly "fg.success.hovered": "#038047";
         readonly "fg.success.light": "#7CD2A7";
@@ -754,240 +455,6 @@ declare const tokensDark: {
         readonly "fg.warning.light": "#FFC84B";
         readonly "fg.warning.strong": "#FEDF88";
         readonly "fg.white": "#FFFFFF";
-        readonly "link.fg.default": "#2E66F7";
-        readonly "link.fg.default.hovered": "#B3C3FF";
-        readonly "link.fg.inverse": "#FFFFFF";
-        readonly "link.fg.subtle": "#2E3442";
-        readonly "link.fg.visited": "#693AB6";
-        readonly "spinner.bg.default": "#F9FAFC";
-        readonly "spinner.bg.inverse": "#F9FAFC";
-        readonly "spinner.fg.default": "#CACFDC";
-        readonly "spinner.fg.inverse": "#2E3442";
-    };
-    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 "2xs": "16px";
-        readonly xs: "20px";
-        readonly sm: "24px";
-        readonly md: "32px";
-        readonly lg: "40px";
-        readonly xl: "48px";
-        readonly "2xl": "56px";
-        readonly "5xl": "80px";
-        readonly "0": "0";
-        readonly "1": "1px";
-        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 "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";
     };
 };
 

package/dist/theme-css.js

@@ -1,3 +1,3 @@
-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)',none:'var(--ax-borderRadius-none)'},borderWidth:{'0':'var(--ax-borderWidth-0)','1':'var(--ax-borderWidth-1)','2':'var(--ax-borderWidth-2)','4':'var(--ax-borderWidth-4)'},boxShadow:{xs:'var(--ax-boxShadow-xs)',sm:'var(--ax-boxShadow-sm)',md:'var(--ax-boxShadow-md)',lg:'var(--ax-boxShadow-lg)',xl:'var(--ax-boxShadow-xl)',inner:'var(--ax-boxShadow-inner)',none:'var(--ax-boxShadow-none)'},colors:{current:'var(--ax-colors-current)',transparent:'var(--ax-colors-transparent)','avatar.bg.neutral':'var(--ax-colors-avatar-bg-neutral)','avatar.bg.purple':'var(--ax-colors-avatar-bg-purple)','avatar.fg.neutral':'var(--ax-colors-avatar-fg-neutral)','avatar.fg.purple':'var(--ax-colors-avatar-fg-purple)','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.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.secondary':'var(--ax-colors-bg-secondary)','bg.secondary.hovered':'var(--ax-colors-bg-secondary-hovered)','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.active':'var(--ax-colors-border-active)','border.active.hovered':'var(--ax-colors-border-active-hovered)','border.default':'var(--ax-colors-border-default)','border.default.hovered':'var(--ax-colors-border-default-hovered)','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.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.secondary':'var(--ax-colors-fg-secondary)','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)','link.fg.default':'var(--ax-colors-link-fg-default)','link.fg.default.hovered':'var(--ax-colors-link-fg-default-hovered)','link.fg.inverse':'var(--ax-colors-link-fg-inverse)','link.fg.subtle':'var(--ax-colors-link-fg-subtle)','link.fg.visited':'var(--ax-colors-link-fg-visited)','spinner.bg.default':'var(--ax-colors-spinner-bg-default)','spinner.bg.inverse':'var(--ax-colors-spinner-bg-inverse)','spinner.fg.default':'var(--ax-colors-spinner-fg-default)','spinner.fg.inverse':'var(--ax-colors-spinner-fg-inverse)'},fontFamily:{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)'},'5xl':{fontSize:'var(--ax-fontSize-5xl-fontSize)',lineHeight:'var(--ax-fontSize-5xl-lineHeight)'},'6xl':{fontSize:'var(--ax-fontSize-6xl-fontSize)',lineHeight:'var(--ax-fontSize-6xl-lineHeight)'},'7xl':{fontSize:'var(--ax-fontSize-7xl-fontSize)',lineHeight:'var(--ax-fontSize-7xl-lineHeight)'}},letterSpacing:{tighter:'var(--ax-letterSpacing-tighter)',tight:'var(--ax-letterSpacing-tight)',normal:'var(--ax-letterSpacing-normal)',wide:'var(--ax-letterSpacing-wide)',wider:'var(--ax-letterSpacing-wider)',widest:'var(--ax-letterSpacing-widest)'},lineHeight:{none:'var(--ax-lineHeight-none)',tight:'var(--ax-lineHeight-tight)',normal:'var(--ax-lineHeight-normal)',loose:'var(--ax-lineHeight-loose)'},margins:{'0':'var(--ax-margins-0)','2':'var(--ax-margins-2)','4':'var(--ax-margins-4)','6':'var(--ax-margins-6)','8':'var(--ax-margins-8)','10':'var(--ax-margins-10)','12':'var(--ax-margins-12)','16':'var(--ax-margins-16)','20':'var(--ax-margins-20)','24':'var(--ax-margins-24)','32':'var(--ax-margins-32)','48':'var(--ax-margins-48)','64':'var(--ax-margins-64)','80':'var(--ax-margins-80)',xs:'var(--ax-margins-xs)',sm:'var(--ax-margins-sm)',md:'var(--ax-margins-md)',lg:'var(--ax-margins-lg)',xl:'var(--ax-margins-xl)','-xs':'var(--ax-margins--xs)','-sm':'var(--ax-margins--sm)','-md':'var(--ax-margins--md)','-lg':'var(--ax-margins--lg)','-xl':'var(--ax-margins--xl)','-2':'var(--ax-margins--2)','-4':'var(--ax-margins--4)','-6':'var(--ax-margins--6)','-8':'var(--ax-margins--8)','-10':'var(--ax-margins--10)','-12':'var(--ax-margins--12)','-16':'var(--ax-margins--16)','-24':'var(--ax-margins--24)','-32':'var(--ax-margins--32)','-48':'var(--ax-margins--48)','-64':'var(--ax-margins--64)','-80':'var(--ax-margins--80)'},maxSize:{xs:'var(--ax-maxSize-xs)',sm:'var(--ax-maxSize-sm)',md:'var(--ax-maxSize-md)',lg:'var(--ax-maxSize-lg)',xl:'var(--ax-maxSize-xl)','2xl':'var(--ax-maxSize-2xl)',full:'var(--ax-maxSize-full)'},screens:{sm:'var(--ax-screens-sm)',md:'var(--ax-screens-md)',lg:'var(--ax-screens-lg)'},size:{'0':'var(--ax-size-0)','1':'var(--ax-size-1)','2':'var(--ax-size-2)','4':'var(--ax-size-4)','6':'var(--ax-size-6)','8':'var(--ax-size-8)','10':'var(--ax-size-10)','12':'var(--ax-size-12)','16':'var(--ax-size-16)','20':'var(--ax-size-20)','24':'var(--ax-size-24)','32':'var(--ax-size-32)','40':'var(--ax-size-40)','48':'var(--ax-size-48)','56':'var(--ax-size-56)','64':'var(--ax-size-64)','80':'var(--ax-size-80)','96':'var(--ax-size-96)','112':'var(--ax-size-112)','128':'var(--ax-size-128)','144':'var(--ax-size-144)','160':'var(--ax-size-160)','176':'var(--ax-size-176)','192':'var(--ax-size-192)','208':'var(--ax-size-208)','224':'var(--ax-size-224)','240':'var(--ax-size-240)','256':'var(--ax-size-256)','288':'var(--ax-size-288)','320':'var(--ax-size-320)','384':'var(--ax-size-384)','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)','2xl':'var(--ax-size-2xl)','5xl':'var(--ax-size-5xl)','1/2':'var(--ax-size-1-2)','1/3':'var(--ax-size-1-3)','2/3':'var(--ax-size-2-3)','1/4':'var(--ax-size-1-4)','2/4':'var(--ax-size-2-4)','3/4':'var(--ax-size-3-4)',auto:'var(--ax-size-auto)',fit:'var(--ax-size-fit)',full:'var(--ax-size-full)',max:'var(--ax-size-max)',min:'var(--ax-size-min)'},spacing:{'0':'var(--ax-spacing-0)','2':'var(--ax-spacing-2)','4':'var(--ax-spacing-4)','6':'var(--ax-spacing-6)','8':'var(--ax-spacing-8)','10':'var(--ax-spacing-10)','12':'var(--ax-spacing-12)','16':'var(--ax-spacing-16)','20':'var(--ax-spacing-20)','24':'var(--ax-spacing-24)','32':'var(--ax-spacing-32)','48':'var(--ax-spacing-48)','64':'var(--ax-spacing-64)','80':'var(--ax-spacing-80)',xs:'var(--ax-spacing-xs)',sm:'var(--ax-spacing-sm)',md:'var(--ax-spacing-md)',lg:'var(--ax-spacing-lg)',xl:'var(--ax-spacing-xl)'},zIndex:{'0':'var(--ax-zIndex-0)','10':'var(--ax-zIndex-10)','20':'var(--ax-zIndex-20)','30':'var(--ax-zIndex-30)','40':'var(--ax-zIndex-40)','50':'var(--ax-zIndex-50)',auto:'var(--ax-zIndex-auto)',popover:'var(--ax-zIndex-popover)',toast:'var(--ax-zIndex-toast)',tooltip:'var(--ax-zIndex-tooltip)'}};
+var theme = {borderRadius:{xs:'var(--ax-borderRadius-xs)',sm:'var(--ax-borderRadius-sm)',md:'var(--ax-borderRadius-md)',lg:'var(--ax-borderRadius-lg)',full:'var(--ax-borderRadius-full)'},boxShadow:{sm:'var(--ax-boxShadow-sm)',md:'var(--ax-boxShadow-md)',lg:'var(--ax-boxShadow-lg)'},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.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.active':'var(--ax-colors-border-active)','border.active.hovered':'var(--ax-colors-border-active-hovered)','border.default':'var(--ax-colors-border-default)','border.default.hovered':'var(--ax-colors-border-default-hovered)','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.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)'},fontFamily:{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)'},'5xl':{fontSize:'var(--ax-fontSize-5xl-fontSize)',lineHeight:'var(--ax-fontSize-5xl-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)'}};
 
 export { theme };

package/dist/toaster.js

@@ -24,7 +24,11 @@ const createToaster = () => {
       snapshot = [];
       emit();
     },
-    create: (toast) => {
+    create: (...args) => {
+      const toast = typeof args[0] === "string" ? {
+        ...args[1],
+        title: args[0]
+      } : args[0];
       const id2 = genId();
       snapshot = [...snapshot, { id: id2, open: true, toast }];
       emit();

package/dist/tokens/borderRadius.js

@@ -5,9 +5,7 @@ const borderRadius = {
   sm: rem("4px"),
   md: rem("6px"),
   lg: rem("8px"),
-  xl: rem("12px"),
-  full: "9999px",
-  none: "0"
+  full: "9999px"
 };
 
 export { borderRadius };

package/dist/tokens/boxShadow.js

@@ -1,11 +1,7 @@
 const boxShadow = {
-  xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
   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)",
-  inner: "inset 0 0 6px 0 rgb(0 0 0 / 0.1);",
-  none: "0 0 #0000"
+  lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"
 };
 
 export { boxShadow };

package/dist/tokens/colors.js

@@ -106,17 +106,13 @@ const colorPalette = {
   "yellow.900": "#4E1D09"
 };
 const colors = {
-  current: "currentColor",
-  transparent: "transparent",
-  "avatar.bg.neutral": colorPalette["neutral.100"],
-  "avatar.bg.purple": colorPalette["purple.100"],
-  "avatar.fg.neutral": colorPalette["neutral.700"],
-  "avatar.fg.purple": colorPalette["purple.700"],
   "bg.accent": colorPalette["brand.500"],
   "bg.accent.hovered": colorPalette["brand.600"],
   "bg.accent.light": colorPalette["brand.200"],
   "bg.accent.pressed": colorPalette["brand.700"],
   "bg.accent.subtle": colorPalette["brand.50"],
+  "bg.avatar.neutral": colorPalette["neutral.100"],
+  "bg.avatar.purple": colorPalette["purple.100"],
   "bg.default": colorPalette["neutral.00"],
   "bg.default.hovered": colorPalette["neutral.1200/4"],
   "bg.default.inverse": colorPalette["neutral.800"],
@@ -136,6 +132,8 @@ const colors = {
   "bg.page": colorPalette["neutral.50"],
   "bg.secondary": colorPalette["neutral.75"],
   "bg.secondary.hovered": colorPalette["neutral.75"],
+  "bg.spinner.default": colorPalette["neutral.1200"],
+  "bg.spinner.inverse": colorPalette["neutral.50"],
   "bg.success": colorPalette["green.600"],
   "bg.success.hovered": colorPalette["green.700"],
   "bg.success.light": colorPalette["green.200"],
@@ -162,6 +160,8 @@ const colors = {
   "fg.accent": colorPalette["brand.500"],
   "fg.accent.hovered": colorPalette["brand.600"],
   "fg.accent.strong": colorPalette["brand.700"],
+  "fg.avatar.neutral": colorPalette["neutral.700"],
+  "fg.avatar.purple": colorPalette["purple.700"],
   "fg.default": colorPalette["neutral.800"],
   "fg.default.inverse": colorPalette["neutral.00"],
   "fg.disabled": colorPalette["neutral.200"],
@@ -172,7 +172,14 @@ const colors = {
   "fg.information": colorPalette["blue.500"],
   "fg.information.light": colorPalette["blue.300"],
   "fg.information.strong": colorPalette["blue.700"],
+  "fg.link.default": colorPalette["brand.500"],
+  "fg.link.default.hovered": colorPalette["brand.600"],
+  "fg.link.inverse": colorPalette["neutral.00"],
+  "fg.link.subtle": colorPalette["neutral.800"],
+  "fg.link.visited": colorPalette["purple.600"],
   "fg.secondary": colorPalette["neutral.700"],
+  "fg.spinner.default": colorPalette["neutral.800"],
+  "fg.spinner.inverse": colorPalette["neutral.200"],
   "fg.success": colorPalette["green.500"],
   "fg.success.hovered": colorPalette["green.600"],
   "fg.success.light": colorPalette["green.300"],
@@ -183,29 +190,16 @@ const colors = {
   "fg.warning.inverse": colorPalette["neutral.800"],
   "fg.warning.light": colorPalette["yellow.300"],
   "fg.warning.strong": colorPalette["yellow.700"],
-  "fg.white": colorPalette["neutral.00"],
-  "link.fg.default": colorPalette["brand.500"],
-  "link.fg.default.hovered": colorPalette["brand.600"],
-  "link.fg.inverse": colorPalette["neutral.00"],
-  "link.fg.subtle": colorPalette["neutral.800"],
-  "link.fg.visited": colorPalette["purple.600"],
-  "spinner.bg.default": colorPalette["neutral.1200"],
-  "spinner.bg.inverse": colorPalette["neutral.50"],
-  "spinner.fg.default": colorPalette["neutral.800"],
-  "spinner.fg.inverse": colorPalette["neutral.200"]
+  "fg.white": colorPalette["neutral.00"]
 };
 const colorsDark = {
-  current: "currentColor",
-  transparent: "transparent",
-  "avatar.bg.neutral": colorPalette["neutral.800"],
-  "avatar.bg.purple": colorPalette["purple.800"],
-  "avatar.fg.neutral": colorPalette["neutral.100"],
-  "avatar.fg.purple": colorPalette["purple.100"],
   "bg.accent": colorPalette["brand.400"],
   "bg.accent.hovered": colorPalette["brand.400"],
   "bg.accent.light": colorPalette["brand.800"],
   "bg.accent.pressed": colorPalette["brand.600"],
   "bg.accent.subtle": colorPalette["brand.900"],
+  "bg.avatar.neutral": colorPalette["neutral.800"],
+  "bg.avatar.purple": colorPalette["purple.800"],
   "bg.default": colorPalette["neutral.1000"],
   "bg.default.hovered": colorPalette["neutral.50/6"],
   "bg.default.inverse": colorPalette["neutral.100"],
@@ -225,6 +219,8 @@ const colorsDark = {
   "bg.page": colorPalette["neutral.1100"],
   "bg.secondary": colorPalette["neutral.900"],
   "bg.secondary.hovered": colorPalette["neutral.50/12"],
+  "bg.spinner.default": colorPalette["neutral.50"],
+  "bg.spinner.inverse": colorPalette["neutral.50"],
   "bg.success": colorPalette["green.600"],
   "bg.success.hovered": colorPalette["green.400"],
   "bg.success.light": colorPalette["green.800"],
@@ -251,6 +247,8 @@ const colorsDark = {
   "fg.accent": colorPalette["brand.300"],
   "fg.accent.hovered": colorPalette["brand.500"],
   "fg.accent.strong": colorPalette["brand.400"],
+  "fg.avatar.neutral": colorPalette["neutral.100"],
+  "fg.avatar.purple": colorPalette["purple.100"],
   "fg.default": colorPalette["neutral.75"],
   "fg.default.inverse": colorPalette["neutral.800"],
   "fg.disabled": colorPalette["neutral.50/32"],
@@ -261,7 +259,14 @@ const colorsDark = {
   "fg.information": colorPalette["blue.300"],
   "fg.information.light": colorPalette["blue.300"],
   "fg.information.strong": colorPalette["blue.200"],
+  "fg.link.default": colorPalette["brand.400"],
+  "fg.link.default.hovered": colorPalette["brand.200"],
+  "fg.link.inverse": colorPalette["neutral.00"],
+  "fg.link.subtle": colorPalette["neutral.800"],
+  "fg.link.visited": colorPalette["purple.500"],
   "fg.secondary": colorPalette["neutral.200"],
+  "fg.spinner.default": colorPalette["neutral.200"],
+  "fg.spinner.inverse": colorPalette["neutral.800"],
   "fg.success": colorPalette["green.300"],
   "fg.success.hovered": colorPalette["green.600"],
   "fg.success.light": colorPalette["green.300"],
@@ -272,16 +277,7 @@ const colorsDark = {
   "fg.warning.inverse": colorPalette["neutral.800"],
   "fg.warning.light": colorPalette["yellow.300"],
   "fg.warning.strong": colorPalette["yellow.200"],
-  "fg.white": colorPalette["neutral.00"],
-  "link.fg.default": colorPalette["brand.400"],
-  "link.fg.default.hovered": colorPalette["brand.200"],
-  "link.fg.inverse": colorPalette["neutral.00"],
-  "link.fg.subtle": colorPalette["neutral.800"],
-  "link.fg.visited": colorPalette["purple.500"],
-  "spinner.bg.default": colorPalette["neutral.50"],
-  "spinner.bg.inverse": colorPalette["neutral.50"],
-  "spinner.fg.default": colorPalette["neutral.200"],
-  "spinner.fg.inverse": colorPalette["neutral.800"]
+  "fg.white": colorPalette["neutral.00"]
 };
 
-export { colorPalette, colors, colorsDark };
+export { colors, colorsDark };

package/dist/tokens/fontSize.js

@@ -36,14 +36,6 @@ const fontSize = {
   "5xl": {
     fontSize: rem("36px"),
     lineHeight: rem("40px")
-  },
-  "6xl": {
-    fontSize: rem("48px"),
-    lineHeight: "1"
-  },
-  "7xl": {
-    fontSize: rem("60px"),
-    lineHeight: "1"
   }
 };
 

package/dist/tokens/index.js

@@ -1,36 +1,25 @@
 import { borderRadius } from './borderRadius.js';
-import { borderWidth } from './borderWidth.js';
 import { boxShadow } from './boxShadow.js';
 import { colors, colorsDark } from './colors.js';
 import { fontFamily } from './fontFamily.js';
 import { fontSize } from './fontSize.js';
-import { letterSpacing } from './letterSpacing.js';
-import { lineHeight } from './lineHeight.js';
-import { margins } from './margins.js';
 import { maxSize } from './maxSize.js';
 import { screens } from './screens.js';
 import { size } from './size.js';
-import { spacing } from './spacing.js';
 import { zIndex } from './zIndex.js';
 
 const tokens = {
   borderRadius,
-  borderWidth,
   boxShadow,
   colors,
   fontFamily,
   fontSize,
-  letterSpacing,
-  lineHeight,
-  margins,
   maxSize,
   screens,
   size,
-  spacing,
   zIndex
 };
 const tokensDark = {
-  ...tokens,
   colors: colorsDark
 };
 

package/dist/tokens/maxSize.js

@@ -4,10 +4,7 @@ const maxSize = {
   xs: rem("320px"),
   sm: rem("384px"),
   md: rem("448px"),
-  lg: rem("512px"),
-  xl: rem("576px"),
-  "2xl": rem("672px"),
-  full: "100%"
+  lg: rem("512px")
 };
 
 export { maxSize };

package/dist/tokens/screens.js

@@ -2,8 +2,7 @@ import { rem } from './rem.js';
 
 const screens = {
   sm: rem("600px"),
-  md: rem("900px"),
-  lg: rem("1200px")
+  md: rem("900px")
 };
 
 export { screens };

package/dist/tokens/size.js

@@ -7,50 +7,7 @@ const size = {
   md: rem("32px"),
   lg: rem("40px"),
   xl: rem("48px"),
-  "2xl": rem("56px"),
-  "5xl": rem("80px"),
-  "0": "0",
-  "1": rem("1px"),
-  "2": rem("2px"),
-  "4": rem("4px"),
-  "6": rem("6px"),
-  "8": rem("8px"),
-  "10": rem("10px"),
-  "12": rem("12px"),
-  "16": rem("16px"),
-  "20": rem("20px"),
-  "24": rem("24px"),
-  "32": rem("32px"),
-  "40": rem("40px"),
-  "48": rem("48px"),
-  "56": rem("56px"),
-  "64": rem("64px"),
-  "80": rem("80px"),
-  "96": rem("96px"),
-  "112": rem("112px"),
-  "128": rem("128px"),
-  "144": rem("144px"),
-  "160": rem("160px"),
-  "176": rem("176px"),
-  "192": rem("192px"),
-  "208": rem("208px"),
-  "224": rem("224px"),
-  "240": rem("240px"),
-  "256": rem("256px"),
-  "288": rem("288px"),
-  "320": rem("320px"),
-  "384": rem("384px"),
-  "1/2": "50%",
-  "1/3": "33.333333%",
-  "2/3": "66.666666%",
-  "1/4": "25%",
-  "2/4": "50%",
-  "3/4": "75%",
-  auto: "auto",
-  fit: "fit-content",
-  full: "100%",
-  max: "max-content",
-  min: "min-content"
+  "3xl": rem("80px")
 };
 
 export { size };

package/dist/tokens/zIndex.js

@@ -1,11 +1,4 @@
 const zIndex = {
-  "0": "0",
-  "10": "10",
-  "20": "20",
-  "30": "30",
-  "40": "40",
-  "50": "50",
-  auto: "auto",
   popover: "3000",
   toast: "3010",
   tooltip: "10000"

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.4.4",
+  "version": "0.5.1",
   "files": [
     "dist/**",
     "LICENSE"
@@ -32,7 +32,7 @@
     "inter-ui": "^4.1.0"
   },
   "devDependencies": {
-    "@vanilla-extract/css": "^1.16.1",
+    "@vanilla-extract/css": "^1.17.0",
     "@optiaxiom/shared": "^0.0.0"
   },
   "peerDependencies": {

package/dist/tokens/borderWidth.js

@@ -1,8 +0,0 @@
-const borderWidth = {
-  "0": "0",
-  "1": "1px",
-  "2": "2px",
-  "4": "4px"
-};
-
-export { borderWidth };

package/dist/tokens/letterSpacing.js

@@ -1,10 +0,0 @@
-const letterSpacing = {
-  tighter: "-0.05em",
-  tight: "-0.025em",
-  normal: "0",
-  wide: "0.025em",
-  wider: "0.05em",
-  widest: "0.1em"
-};
-
-export { letterSpacing };

package/dist/tokens/lineHeight.js

@@ -1,8 +0,0 @@
-const lineHeight = {
-  none: "1",
-  tight: "1.25",
-  normal: "1.5",
-  loose: "2"
-};
-
-export { lineHeight };

package/dist/tokens/margins.js

@@ -1,25 +0,0 @@
-import { rem } from './rem.js';
-import { spacing } from './spacing.js';
-
-const margins = {
-  ...spacing,
-  "-xs": rem("-8px"),
-  "-sm": rem("-12px"),
-  "-md": rem("-16px"),
-  "-lg": rem("-24px"),
-  "-xl": rem("-32px"),
-  "-2": rem("-2px"),
-  "-4": rem("-4px"),
-  "-6": rem("-6px"),
-  "-8": rem("-8px"),
-  "-10": rem("-10px"),
-  "-12": rem("-12px"),
-  "-16": rem("-16px"),
-  "-24": rem("-24px"),
-  "-32": rem("-32px"),
-  "-48": rem("-48px"),
-  "-64": rem("-64px"),
-  "-80": rem("-80px")
-};
-
-export { margins };

package/dist/tokens/spacing.js

@@ -1,25 +0,0 @@
-import { rem } from './rem.js';
-
-const spacing = {
-  xs: rem("8px"),
-  sm: rem("12px"),
-  md: rem("16px"),
-  lg: rem("24px"),
-  xl: rem("32px"),
-  "0": "0",
-  "2": rem("2px"),
-  "4": rem("4px"),
-  "6": rem("6px"),
-  "8": rem("8px"),
-  "10": rem("10px"),
-  "12": rem("12px"),
-  "16": rem("16px"),
-  "20": rem("20px"),
-  "24": rem("24px"),
-  "32": rem("32px"),
-  "48": rem("48px"),
-  "64": rem("64px"),
-  "80": rem("80px")
-};
-
-export { spacing };