@abyss-project/commons-front-core 1.0.136 → 1.0.141

package/dist/theme/components/buttons.d.ts

@@ -0,0 +1,35 @@
+import { Components, Theme } from '@mui/material';
+type Overrides = Pick<Components<Theme>, 'MuiButton' | 'MuiIconButton' | 'MuiListItemButton' | 'MuiToggleButton' | 'MuiToggleButtonGroup'>;
+export declare const buttonOverrides: Overrides;
+export declare const loadingButtonOverrides: {
+    MuiLoadingButton: {
+        variants: ({
+            props: {
+                variant: "text";
+            };
+            style: {
+                textTransform: string;
+                '&:hover': {
+                    backgroundColor: string;
+                };
+                fontWeight?: undefined;
+                borderRadius?: undefined;
+                padding?: undefined;
+                fontSize?: undefined;
+            };
+        } | {
+            props: {
+                variant: "contained";
+            };
+            style: {
+                fontWeight: number;
+                borderRadius: "8px";
+                padding: string;
+                fontSize: number;
+                textTransform?: undefined;
+                '&:hover'?: undefined;
+            };
+        })[];
+    };
+};
+export {};

package/dist/theme/components/data-display.d.ts

@@ -0,0 +1,4 @@
+import { Components, Theme } from '@mui/material';
+type Overrides = Pick<Components<Theme>, 'MuiChip' | 'MuiTooltip' | 'MuiTableRow' | 'MuiLink'> & Record<string, unknown>;
+export declare const dataDisplayOverrides: Overrides;
+export {};

package/dist/theme/components/index.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material';
+export declare const componentOverrides: Components<Theme> & Record<string, unknown>;

package/dist/theme/components/inputs.d.ts

@@ -0,0 +1,4 @@
+import { Components, Theme } from '@mui/material';
+type Overrides = Pick<Components<Theme>, 'MuiTextField' | 'MuiFilledInput' | 'MuiOutlinedInput' | 'MuiSelect' | 'MuiAutocomplete' | 'MuiSlider' | 'MuiInputLabel' | 'MuiInputBase' | 'MuiSwitch' | 'MuiCheckbox' | 'MuiRadio' | 'MuiFormControlLabel'>;
+export declare const inputOverrides: Overrides;
+export {};

package/dist/theme/components/navigation.d.ts

@@ -0,0 +1,4 @@
+import { Components, Theme } from '@mui/material';
+type Overrides = Pick<Components<Theme>, 'MuiMenu' | 'MuiPopover' | 'MuiMenuItem'>;
+export declare const navigationOverrides: Overrides;
+export {};

package/dist/theme/components/surfaces.d.ts

@@ -0,0 +1,4 @@
+import { Components, Theme } from '@mui/material';
+type Overrides = Pick<Components<Theme>, 'MuiPaper' | 'MuiDialog' | 'MuiDrawer' | 'MuiCard' | 'MuiCardContent' | 'MuiTableContainer' | 'MuiAlert'>;
+export declare const surfaceOverrides: Overrides;
+export {};

package/dist/theme/create-theme.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@mui/material';
+export type ThemeMode = 'light' | 'dark';
+export declare function createAbyssTheme(mode?: ThemeMode): Theme;

package/dist/theme/index.d.ts

@@ -0,0 +1,15 @@
+import { Theme } from '@mui/material';
+export { createAbyssTheme } from './create-theme';
+export type { ThemeMode } from './create-theme';
+export declare const theme: Theme;
+export * as colors from './tokens/colors';
+export { indigo, neutral, cyan, amber, red, green, purple, chipColors, colorPool, colorPoolExtended, tagColorPool, getPoolColor, getPoolColorExtended } from './tokens/colors';
+export { radius } from './tokens/borders';
+export { transition, duration, easing } from './tokens/transitions';
+export { shadow, shadowLight, glow, glowCyan, textShadow } from './tokens/shadows';
+export { fontSize, fontWeight, fontFamily, iconSize, typographyVariants } from './tokens/typography';
+export { shimmer, bioluminescentPulse } from './tokens/animations';
+export { slideInUp, fadeIn, pulseGlow } from './tokens/animations';
+export { brand, social, glassDark, glassLight, gradientsDark, gradientsLight } from './palettes/common';
+export { darkPalette, darkCustom } from './palettes/dark';
+export { lightPalette, lightCustom } from './palettes/light';

package/dist/theme/palettes/common.d.ts

@@ -0,0 +1,61 @@
+export declare const brand: {
+    readonly primary: "#6366F1";
+    readonly primaryLight: "#818CF8";
+    readonly primaryDark: "#4338CA";
+    readonly accent: "#22D3EE";
+    readonly accentLight: "#67E8F9";
+    readonly accentDark: "#0891B2";
+    readonly warm: "#FCA311";
+    readonly warmLight: "#FCD34D";
+    readonly warmDark: "#D97706";
+    readonly purple: "#9333EA";
+    readonly purpleLight: "#C084FC";
+};
+export declare const social: {
+    readonly discord: "#5865F2";
+    readonly discordHover: "#4752C4";
+    readonly google: "#4285F4";
+    readonly googleHover: "#3367D6";
+    readonly slack: "#4A154B";
+    readonly slackHover: "#3B1139";
+};
+export declare const glassDark: {
+    readonly background: "rgba(99, 102, 241, 0.06)";
+    readonly backgroundHover: "rgba(99, 102, 241, 0.10)";
+    readonly backgroundActive: "rgba(99, 102, 241, 0.14)";
+    readonly backgroundElevated: "rgba(99, 102, 241, 0.08)";
+    readonly border: "rgba(99, 102, 241, 0.20)";
+    readonly borderHover: "rgba(99, 102, 241, 0.35)";
+    readonly borderFocus: "rgba(99, 102, 241, 0.6)";
+    readonly blur: "blur(8px)";
+    readonly blurStrong: "blur(12px)";
+};
+export declare const glassLight: {
+    readonly background: "rgba(255, 255, 255, 0.70)";
+    readonly backgroundHover: "rgba(255, 255, 255, 0.85)";
+    readonly backgroundActive: "rgba(99, 102, 241, 0.06)";
+    readonly backgroundElevated: "rgba(255, 255, 255, 0.82)";
+    readonly border: "rgba(99, 102, 241, 0.12)";
+    readonly borderHover: "rgba(99, 102, 241, 0.30)";
+    readonly borderFocus: "rgba(99, 102, 241, 0.5)";
+    readonly blur: "blur(8px)";
+    readonly blurStrong: "blur(12px)";
+};
+export declare const gradientsDark: {
+    readonly surface: "linear-gradient(145deg, rgba(30, 27, 75, 0.5) 0%, rgba(9, 9, 11, 0.6) 100%)";
+    readonly brand: "linear-gradient(135deg, #4F46E5 0%, #6366F1 40%, #06B6D4 100%)";
+    readonly brandAlt: "linear-gradient(135deg, #6366F1 0%, #9333EA 100%)";
+    readonly brandSubtle: "linear-gradient(145deg, rgba(99, 102, 241, 0.12) 0%, rgba(34, 211, 238, 0.06) 100%)";
+    readonly warmSubtle: "linear-gradient(135deg, rgba(99, 102, 241, 0.10) 0%, rgba(252, 163, 17, 0.08) 100%)";
+    readonly bioluminescent: "radial-gradient(ellipse at top, rgba(34, 211, 238, 0.12) 0%, rgba(99, 102, 241, 0.04) 50%, transparent 70%)";
+    readonly abyss: "radial-gradient(ellipse at bottom, rgba(30, 27, 75, 0.4) 0%, rgba(9, 9, 11, 0) 70%)";
+};
+export declare const gradientsLight: {
+    readonly surface: "linear-gradient(145deg, rgba(99, 102, 241, 0.03) 0%, rgba(244, 246, 251, 0.5) 100%)";
+    readonly brand: "linear-gradient(135deg, #4F46E5 0%, #6366F1 40%, #06B6D4 100%)";
+    readonly brandAlt: "linear-gradient(135deg, #6366F1 0%, #9333EA 100%)";
+    readonly brandSubtle: "linear-gradient(145deg, rgba(99, 102, 241, 0.04) 0%, rgba(34, 211, 238, 0.02) 100%)";
+    readonly warmSubtle: "linear-gradient(135deg, rgba(99, 102, 241, 0.03) 0%, rgba(252, 163, 17, 0.03) 100%)";
+    readonly bioluminescent: "radial-gradient(ellipse at top, rgba(34, 211, 238, 0.04) 0%, transparent 60%)";
+    readonly abyss: "radial-gradient(ellipse at bottom, rgba(99, 102, 241, 0.08) 0%, rgba(244, 246, 251, 0) 70%)";
+};

package/dist/theme/palettes/dark.d.ts

@@ -0,0 +1,66 @@
+import { ThemeOptions } from '@mui/material';
+export declare const darkPalette: ThemeOptions['palette'];
+export declare const darkCustom: {
+    readonly glass: {
+        readonly background: "rgba(99, 102, 241, 0.06)";
+        readonly backgroundHover: "rgba(99, 102, 241, 0.10)";
+        readonly backgroundActive: "rgba(99, 102, 241, 0.14)";
+        readonly backgroundElevated: "rgba(99, 102, 241, 0.08)";
+        readonly border: "rgba(99, 102, 241, 0.20)";
+        readonly borderHover: "rgba(99, 102, 241, 0.35)";
+        readonly borderFocus: "rgba(99, 102, 241, 0.6)";
+        readonly blur: "blur(8px)";
+        readonly blurStrong: "blur(12px)";
+    };
+    readonly gradients: {
+        readonly surface: "linear-gradient(145deg, rgba(30, 27, 75, 0.5) 0%, rgba(9, 9, 11, 0.6) 100%)";
+        readonly brand: "linear-gradient(135deg, #4F46E5 0%, #6366F1 40%, #06B6D4 100%)";
+        readonly brandAlt: "linear-gradient(135deg, #6366F1 0%, #9333EA 100%)";
+        readonly brandSubtle: "linear-gradient(145deg, rgba(99, 102, 241, 0.12) 0%, rgba(34, 211, 238, 0.06) 100%)";
+        readonly warmSubtle: "linear-gradient(135deg, rgba(99, 102, 241, 0.10) 0%, rgba(252, 163, 17, 0.08) 100%)";
+        readonly bioluminescent: "radial-gradient(ellipse at top, rgba(34, 211, 238, 0.12) 0%, rgba(99, 102, 241, 0.04) 50%, transparent 70%)";
+        readonly abyss: "radial-gradient(ellipse at bottom, rgba(30, 27, 75, 0.4) 0%, rgba(9, 9, 11, 0) 70%)";
+    };
+    readonly brand: {
+        readonly primary: "#6366F1";
+        readonly primaryLight: "#818CF8";
+        readonly primaryDark: "#4338CA";
+        readonly accent: "#22D3EE";
+        readonly accentLight: "#67E8F9";
+        readonly accentDark: "#0891B2";
+        readonly warm: "#FCA311";
+        readonly warmLight: "#FCD34D";
+        readonly warmDark: "#D97706";
+        readonly purple: "#9333EA";
+        readonly purpleLight: "#C084FC";
+    };
+    readonly shadow: {
+        readonly none: "none";
+        readonly xs: "0 1px 2px rgba(0, 0, 0, 0.3)";
+        readonly sm: "0 2px 4px rgba(0, 0, 0, 0.3)";
+        readonly md: "0 4px 8px rgba(0, 0, 0, 0.3)";
+        readonly lg: "0 8px 16px rgba(0, 0, 0, 0.3)";
+        readonly xl: "0 12px 24px rgba(0, 0, 0, 0.4)";
+        readonly '2xl': "0 20px 40px rgba(0, 0, 0, 0.5)";
+        readonly inner: "inset 0 2px 4px rgba(0, 0, 0, 0.3)";
+        readonly deep: "10px 0 10px rgba(0, 0, 0, 0.33)";
+    };
+    readonly glow: {
+        readonly sm: "0 0 5px 2px rgba(99, 102, 241, 0.3)";
+        readonly md: "0 0 10px 2px rgba(99, 102, 241, 0.3)";
+        readonly lg: "0 0 10px 2px rgba(99, 102, 241, 0.5)";
+        readonly xl: "0 0 20px 5px rgba(99, 102, 241, 0.4)";
+        readonly insetSm: "inset 0 0 5px 2px rgba(99, 102, 241, 0.3)";
+        readonly insetMd: "inset 0 0 10px 2px rgba(99, 102, 241, 0.3)";
+        readonly insetLg: "inset 0 0 10px 2px rgba(99, 102, 241, 0.5)";
+        readonly focus: "0 0 0 2px rgba(99, 102, 241, 0.3)";
+    };
+    readonly textShadow: {
+        readonly light: "rgba(255, 255, 255, 0.5) 0px 0 5px";
+        readonly lighter: "rgba(255, 255, 255, 0.5) 0px 0 10px";
+        readonly primary: "rgba(99, 102, 241, 0.5) 0px 0 5px";
+        readonly primaryLighter: "rgba(99, 102, 241, 0.5) 0px 0 10px";
+        readonly amber: "rgba(252, 163, 17, 0.5) 0px 0 5px";
+        readonly amberLighter: "rgba(252, 163, 17, 0.5) 0px 0 10px";
+    };
+};

package/dist/theme/palettes/light.d.ts

@@ -0,0 +1,66 @@
+import { ThemeOptions } from '@mui/material';
+export declare const lightPalette: ThemeOptions['palette'];
+export declare const lightCustom: {
+    readonly glass: {
+        readonly background: "rgba(255, 255, 255, 0.70)";
+        readonly backgroundHover: "rgba(255, 255, 255, 0.85)";
+        readonly backgroundActive: "rgba(99, 102, 241, 0.06)";
+        readonly backgroundElevated: "rgba(255, 255, 255, 0.82)";
+        readonly border: "rgba(99, 102, 241, 0.12)";
+        readonly borderHover: "rgba(99, 102, 241, 0.30)";
+        readonly borderFocus: "rgba(99, 102, 241, 0.5)";
+        readonly blur: "blur(8px)";
+        readonly blurStrong: "blur(12px)";
+    };
+    readonly gradients: {
+        readonly surface: "linear-gradient(145deg, rgba(99, 102, 241, 0.03) 0%, rgba(244, 246, 251, 0.5) 100%)";
+        readonly brand: "linear-gradient(135deg, #4F46E5 0%, #6366F1 40%, #06B6D4 100%)";
+        readonly brandAlt: "linear-gradient(135deg, #6366F1 0%, #9333EA 100%)";
+        readonly brandSubtle: "linear-gradient(145deg, rgba(99, 102, 241, 0.04) 0%, rgba(34, 211, 238, 0.02) 100%)";
+        readonly warmSubtle: "linear-gradient(135deg, rgba(99, 102, 241, 0.03) 0%, rgba(252, 163, 17, 0.03) 100%)";
+        readonly bioluminescent: "radial-gradient(ellipse at top, rgba(34, 211, 238, 0.04) 0%, transparent 60%)";
+        readonly abyss: "radial-gradient(ellipse at bottom, rgba(99, 102, 241, 0.08) 0%, rgba(244, 246, 251, 0) 70%)";
+    };
+    readonly brand: {
+        readonly primary: "#6366F1";
+        readonly primaryLight: "#818CF8";
+        readonly primaryDark: "#4338CA";
+        readonly accent: "#22D3EE";
+        readonly accentLight: "#67E8F9";
+        readonly accentDark: "#0891B2";
+        readonly warm: "#FCA311";
+        readonly warmLight: "#FCD34D";
+        readonly warmDark: "#D97706";
+        readonly purple: "#9333EA";
+        readonly purpleLight: "#C084FC";
+    };
+    readonly shadow: {
+        readonly none: "none";
+        readonly xs: "0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(99, 102, 241, 0.04)";
+        readonly sm: "0 2px 4px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(99, 102, 241, 0.05)";
+        readonly md: "0 4px 8px rgba(0, 0, 0, 0.07), 0 4px 12px rgba(99, 102, 241, 0.06)";
+        readonly lg: "0 8px 16px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(99, 102, 241, 0.06)";
+        readonly xl: "0 12px 24px rgba(0, 0, 0, 0.1), 0 12px 32px rgba(99, 102, 241, 0.07)";
+        readonly '2xl': "0 20px 40px rgba(0, 0, 0, 0.12), 0 20px 48px rgba(99, 102, 241, 0.08)";
+        readonly inner: "inset 0 2px 4px rgba(0, 0, 0, 0.06)";
+        readonly deep: "10px 0 10px rgba(0, 0, 0, 0.08)";
+    };
+    readonly glow: {
+        readonly sm: "0 0 5px 2px rgba(99, 102, 241, 0.3)";
+        readonly md: "0 0 10px 2px rgba(99, 102, 241, 0.3)";
+        readonly lg: "0 0 10px 2px rgba(99, 102, 241, 0.5)";
+        readonly xl: "0 0 20px 5px rgba(99, 102, 241, 0.4)";
+        readonly insetSm: "inset 0 0 5px 2px rgba(99, 102, 241, 0.3)";
+        readonly insetMd: "inset 0 0 10px 2px rgba(99, 102, 241, 0.3)";
+        readonly insetLg: "inset 0 0 10px 2px rgba(99, 102, 241, 0.5)";
+        readonly focus: "0 0 0 2px rgba(99, 102, 241, 0.3)";
+    };
+    readonly textShadow: {
+        readonly light: "rgba(255, 255, 255, 0.5) 0px 0 5px";
+        readonly lighter: "rgba(255, 255, 255, 0.5) 0px 0 10px";
+        readonly primary: "rgba(99, 102, 241, 0.5) 0px 0 5px";
+        readonly primaryLighter: "rgba(99, 102, 241, 0.5) 0px 0 10px";
+        readonly amber: "rgba(252, 163, 17, 0.5) 0px 0 5px";
+        readonly amberLighter: "rgba(252, 163, 17, 0.5) 0px 0 10px";
+    };
+};

package/dist/theme/tokens/animations.d.ts

@@ -0,0 +1,30 @@
+export declare const slideInUp: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const fadeIn: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const pulseGlow: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const shimmer: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const bioluminescentPulse: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;

package/dist/theme/tokens/borders.d.ts

@@ -0,0 +1,11 @@
+export declare const radius: {
+    readonly xs: "2px";
+    readonly sm: "4px";
+    readonly md: "6px";
+    readonly lg: "8px";
+    readonly xl: "12px";
+    readonly '2xl': "16px";
+    readonly '3xl': "20px";
+    readonly '4xl': "24px";
+    readonly full: "9999px";
+};

package/dist/theme/tokens/colors.d.ts

@@ -0,0 +1,102 @@
+export declare const indigo: {
+    readonly 50: "#EEF2FF";
+    readonly 100: "#E0E7FF";
+    readonly 200: "#C7D2FE";
+    readonly 300: "#A5B4FC";
+    readonly 400: "#818CF8";
+    readonly 500: "#6366F1";
+    readonly 600: "#4F46E5";
+    readonly 700: "#4338CA";
+    readonly 800: "#3730A3";
+    readonly 900: "#312E81";
+    readonly 950: "#1E1B4B";
+};
+export declare const neutral: {
+    readonly 0: "#FFFFFF";
+    readonly 50: "#FAFAFA";
+    readonly 100: "#F4F4F5";
+    readonly 200: "#E4E4E7";
+    readonly 300: "#D4D4D8";
+    readonly 400: "#A1A1AA";
+    readonly 500: "#71717A";
+    readonly 600: "#52525B";
+    readonly 700: "#3F3F46";
+    readonly 800: "#27272A";
+    readonly 850: "#1C1C1E";
+    readonly 900: "#18181B";
+    readonly 950: "#09090B";
+};
+export declare const cyan: {
+    readonly 50: "#ECFEFF";
+    readonly 100: "#CFFAFE";
+    readonly 200: "#A5F3FC";
+    readonly 300: "#67E8F9";
+    readonly 400: "#22D3EE";
+    readonly 500: "#06B6D4";
+    readonly 600: "#0891B2";
+    readonly 700: "#0E7490";
+    readonly 800: "#155E75";
+    readonly 900: "#164E63";
+};
+export declare const amber: {
+    readonly 50: "#FFFBEB";
+    readonly 100: "#FEF3C7";
+    readonly 200: "#FDE68A";
+    readonly 300: "#FCD34D";
+    readonly 400: "#FCA311";
+    readonly 500: "#F59E0B";
+    readonly 600: "#D97706";
+    readonly 700: "#B45309";
+    readonly 800: "#92400E";
+    readonly 900: "#78350F";
+};
+export declare const red: {
+    readonly 50: "#FEF2F2";
+    readonly 100: "#FEE2E2";
+    readonly 200: "#FECACA";
+    readonly 300: "#FCA5A5";
+    readonly 400: "#F87171";
+    readonly 500: "#EF4444";
+    readonly 600: "#DC2626";
+    readonly 700: "#B91C1C";
+    readonly 800: "#991B1B";
+    readonly 900: "#7F1D1D";
+};
+export declare const green: {
+    readonly 50: "#ECFDF5";
+    readonly 100: "#D1FAE5";
+    readonly 200: "#A7F3D0";
+    readonly 300: "#6EE7B7";
+    readonly 400: "#34D399";
+    readonly 500: "#10B981";
+    readonly 600: "#059669";
+    readonly 700: "#047857";
+    readonly 800: "#065F46";
+    readonly 900: "#064E3B";
+};
+export declare const purple: {
+    readonly 50: "#FAF5FF";
+    readonly 100: "#F3E8FF";
+    readonly 200: "#E9D5FF";
+    readonly 300: "#D8B4FE";
+    readonly 400: "#C084FC";
+    readonly 500: "#A855F7";
+    readonly 600: "#9333EA";
+    readonly 700: "#7C3AED";
+    readonly 800: "#6B21A8";
+    readonly 900: "#581C87";
+};
+export declare const social: {
+    readonly discord: "#5865F2";
+    readonly discordHover: "#4752C4";
+    readonly google: "#4285F4";
+    readonly googleHover: "#3367D6";
+    readonly slack: "#4A154B";
+    readonly slackHover: "#3B1139";
+};
+export declare const chipColors: Record<string, string>;
+export declare const colorPool: readonly ["#6366F1", "#22D3EE", "#FCA311", "#10B981", "#F472B6", "#A78BFA", "#FB923C", "#34D399", "#F87171", "#38BDF8", "#FACC15", "#C084FC"];
+export declare const colorPoolExtended: readonly ["#6366F1", "#22D3EE", "#FCA311", "#10B981", "#F472B6", "#A78BFA", "#FB923C", "#34D399", "#F87171", "#38BDF8", "#FACC15", "#C084FC", "#E879F9", "#2DD4BF", "#FB7185", "#818CF8", "#4ADE80", "#FCD34D", "#67E8F9", "#F9A8D4"];
+export declare const tagColorPool: readonly ["#6366f1", "#8b5cf6", "#a855f7", "#d946ef", "#ec4899", "#f43f5e", "#ef4444", "#f97316", "#f59e0b", "#eab308", "#84cc16", "#22c55e", "#14b8a6", "#06b6d4", "#0ea5e9", "#3b82f6"];
+export declare const getPoolColor: (index: number) => string;
+export declare const getPoolColorExtended: (index: number) => string;

package/dist/theme/tokens/shadows.d.ts

@@ -0,0 +1,45 @@
+export declare const shadow: {
+    readonly none: "none";
+    readonly xs: "0 1px 2px rgba(0, 0, 0, 0.3)";
+    readonly sm: "0 2px 4px rgba(0, 0, 0, 0.3)";
+    readonly md: "0 4px 8px rgba(0, 0, 0, 0.3)";
+    readonly lg: "0 8px 16px rgba(0, 0, 0, 0.3)";
+    readonly xl: "0 12px 24px rgba(0, 0, 0, 0.4)";
+    readonly '2xl': "0 20px 40px rgba(0, 0, 0, 0.5)";
+    readonly inner: "inset 0 2px 4px rgba(0, 0, 0, 0.3)";
+    readonly deep: "10px 0 10px rgba(0, 0, 0, 0.33)";
+};
+export declare const shadowLight: {
+    readonly none: "none";
+    readonly xs: "0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(99, 102, 241, 0.04)";
+    readonly sm: "0 2px 4px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(99, 102, 241, 0.05)";
+    readonly md: "0 4px 8px rgba(0, 0, 0, 0.07), 0 4px 12px rgba(99, 102, 241, 0.06)";
+    readonly lg: "0 8px 16px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(99, 102, 241, 0.06)";
+    readonly xl: "0 12px 24px rgba(0, 0, 0, 0.1), 0 12px 32px rgba(99, 102, 241, 0.07)";
+    readonly '2xl': "0 20px 40px rgba(0, 0, 0, 0.12), 0 20px 48px rgba(99, 102, 241, 0.08)";
+    readonly inner: "inset 0 2px 4px rgba(0, 0, 0, 0.06)";
+    readonly deep: "10px 0 10px rgba(0, 0, 0, 0.08)";
+};
+export declare const glow: {
+    readonly sm: "0 0 5px 2px rgba(99, 102, 241, 0.3)";
+    readonly md: "0 0 10px 2px rgba(99, 102, 241, 0.3)";
+    readonly lg: "0 0 10px 2px rgba(99, 102, 241, 0.5)";
+    readonly xl: "0 0 20px 5px rgba(99, 102, 241, 0.4)";
+    readonly insetSm: "inset 0 0 5px 2px rgba(99, 102, 241, 0.3)";
+    readonly insetMd: "inset 0 0 10px 2px rgba(99, 102, 241, 0.3)";
+    readonly insetLg: "inset 0 0 10px 2px rgba(99, 102, 241, 0.5)";
+    readonly focus: "0 0 0 2px rgba(99, 102, 241, 0.3)";
+};
+export declare const glowCyan: {
+    readonly sm: "0 0 5px 2px rgba(34, 211, 238, 0.2)";
+    readonly md: "0 0 10px 3px rgba(34, 211, 238, 0.25)";
+    readonly lg: "0 0 15px 5px rgba(34, 211, 238, 0.3)";
+};
+export declare const textShadow: {
+    readonly light: "rgba(255, 255, 255, 0.5) 0px 0 5px";
+    readonly lighter: "rgba(255, 255, 255, 0.5) 0px 0 10px";
+    readonly primary: "rgba(99, 102, 241, 0.5) 0px 0 5px";
+    readonly primaryLighter: "rgba(99, 102, 241, 0.5) 0px 0 10px";
+    readonly amber: "rgba(252, 163, 17, 0.5) 0px 0 5px";
+    readonly amberLighter: "rgba(252, 163, 17, 0.5) 0px 0 10px";
+};

package/dist/theme/tokens/transitions.d.ts

@@ -0,0 +1,21 @@
+export declare const duration: {
+    readonly instant: "0.1s";
+    readonly fast: "0.15s";
+    readonly normal: "0.2s";
+    readonly slow: "0.3s";
+    readonly slower: "0.5s";
+};
+export declare const easing: {
+    readonly default: "ease-in-out";
+    readonly bounce: "cubic-bezier(0.34, 1.56, 0.64, 1)";
+    readonly smooth: "cubic-bezier(0.4, 0, 0.2, 1)";
+};
+export declare const transition: {
+    readonly instant: "all 0.1s ease-in-out";
+    readonly fast: "all 0.15s ease-in-out";
+    readonly normal: "all 0.2s ease-in-out";
+    readonly slow: "all 0.3s ease-in-out";
+    readonly color: "color 0.2s ease-in-out, background-color 0.2s ease-in-out";
+    readonly transform: "transform 0.2s cubic-bezier(0.4, 0, 0.2, 1)";
+    readonly opacity: "opacity 0.2s ease-in-out";
+};

package/dist/theme/tokens/typography.d.ts

@@ -0,0 +1,93 @@
+export declare const fontFamily: string;
+export declare const fontSize: {
+    readonly xxs: 10;
+    readonly xs: 11;
+    readonly sm: 12;
+    readonly md: 13;
+    readonly lg: 14;
+    readonly xl: 16;
+    readonly '2xl': 18;
+    readonly '3xl': 22;
+    readonly '4xl': 28;
+    readonly '5xl': 34;
+};
+export declare const fontWeight: {
+    readonly light: 300;
+    readonly regular: 400;
+    readonly medium: 500;
+    readonly semibold: 600;
+    readonly bold: 700;
+    readonly extrabold: 800;
+};
+export declare const lineHeight: {
+    readonly tight: 1.25;
+    readonly normal: 1.5;
+    readonly relaxed: 1.625;
+};
+export declare const typographyVariants: {
+    readonly fontFamily: string;
+    readonly fontSize: 13;
+    readonly h1: {
+        readonly fontSize: 34;
+        readonly fontWeight: 800;
+        readonly lineHeight: 1.25;
+    };
+    readonly h2: {
+        readonly fontSize: 28;
+        readonly fontWeight: 600;
+        readonly lineHeight: 1.25;
+    };
+    readonly h3: {
+        readonly fontSize: 22;
+        readonly fontWeight: 600;
+        readonly lineHeight: 1.25;
+    };
+    readonly h4: {
+        readonly fontSize: 18;
+        readonly fontWeight: 500;
+        readonly lineHeight: 1.5;
+    };
+    readonly h5: {
+        readonly fontSize: 16;
+        readonly fontWeight: 600;
+        readonly lineHeight: 1.5;
+    };
+    readonly h6: {
+        readonly fontSize: 14;
+        readonly fontWeight: 500;
+        readonly lineHeight: 1.5;
+    };
+    readonly body1: {
+        readonly fontSize: 13;
+        readonly fontWeight: 400;
+        readonly lineHeight: 1.5;
+    };
+    readonly body2: {
+        readonly fontSize: 12;
+        readonly fontWeight: 400;
+        readonly lineHeight: 1.5;
+    };
+    readonly caption: {
+        readonly fontSize: 11;
+        readonly fontWeight: 400;
+        readonly lineHeight: 1.5;
+    };
+    readonly overline: {
+        readonly fontSize: 10;
+        readonly fontWeight: 600;
+        readonly letterSpacing: "0.08em";
+        readonly textTransform: "uppercase";
+    };
+    readonly button: {
+        readonly fontSize: 12;
+        readonly fontWeight: 600;
+        readonly textTransform: "none";
+    };
+};
+export declare const iconSize: {
+    readonly sm: 16;
+    readonly md: 20;
+    readonly lg: 24;
+    readonly xl: 32;
+    readonly '2xl': 48;
+};