@brycks/core-front 0.1.0

package/dist/design-system/themes/cssVariables.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Brycks Design System - CSS Variable Helpers
+ *
+ * Utilities for working with CSS variables in components.
+ */
+/** CSS variable names mapped to theme paths */
+export declare const cssVar: {
+    readonly bgApp: "var(--brycks-background-app)";
+    readonly bgSubtle: "var(--brycks-background-subtle)";
+    readonly bgMuted: "var(--brycks-background-muted)";
+    readonly bgElevated: "var(--brycks-background-elevated)";
+    readonly bgOverlay: "var(--brycks-background-overlay)";
+    readonly bgInverse: "var(--brycks-background-inverse)";
+    readonly fgDefault: "var(--brycks-foreground-default)";
+    readonly fgMuted: "var(--brycks-foreground-muted)";
+    readonly fgSubtle: "var(--brycks-foreground-subtle)";
+    readonly fgDisabled: "var(--brycks-foreground-disabled)";
+    readonly fgInverse: "var(--brycks-foreground-inverse)";
+    readonly fgLink: "var(--brycks-foreground-link)";
+    readonly borderDefault: "var(--brycks-border-default)";
+    readonly borderMuted: "var(--brycks-border-muted)";
+    readonly borderStrong: "var(--brycks-border-strong)";
+    readonly borderFocus: "var(--brycks-border-focus)";
+    readonly primaryDefault: "var(--brycks-primary-default)";
+    readonly primaryHover: "var(--brycks-primary-hover)";
+    readonly primaryActive: "var(--brycks-primary-active)";
+    readonly primaryMuted: "var(--brycks-primary-muted)";
+    readonly primaryForeground: "var(--brycks-primary-foreground)";
+    readonly accentDefault: "var(--brycks-accent-default)";
+    readonly accentHover: "var(--brycks-accent-hover)";
+    readonly accentActive: "var(--brycks-accent-active)";
+    readonly accentMuted: "var(--brycks-accent-muted)";
+    readonly accentForeground: "var(--brycks-accent-foreground)";
+    readonly successDefault: "var(--brycks-success-default)";
+    readonly successHover: "var(--brycks-success-hover)";
+    readonly successMuted: "var(--brycks-success-muted)";
+    readonly successForeground: "var(--brycks-success-foreground)";
+    readonly warningDefault: "var(--brycks-warning-default)";
+    readonly warningHover: "var(--brycks-warning-hover)";
+    readonly warningMuted: "var(--brycks-warning-muted)";
+    readonly warningForeground: "var(--brycks-warning-foreground)";
+    readonly errorDefault: "var(--brycks-error-default)";
+    readonly errorHover: "var(--brycks-error-hover)";
+    readonly errorMuted: "var(--brycks-error-muted)";
+    readonly errorForeground: "var(--brycks-error-foreground)";
+    readonly infoDefault: "var(--brycks-info-default)";
+    readonly infoHover: "var(--brycks-info-hover)";
+    readonly infoMuted: "var(--brycks-info-muted)";
+    readonly infoForeground: "var(--brycks-info-foreground)";
+};
+export type CSSVar = keyof typeof cssVar;
+//# sourceMappingURL=cssVariables.d.ts.map

package/dist/design-system/themes/cssVariables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssVariables.d.ts","sourceRoot":"","sources":["../../../src/design-system/themes/cssVariables.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,+CAA+C;AAC/C,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DT,CAAA;AAEV,MAAM,MAAM,MAAM,GAAG,MAAM,OAAO,MAAM,CAAA"}

package/dist/design-system/themes/darkTheme.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from './types';
+export declare const darkTheme: Theme;
+//# sourceMappingURL=darkTheme.d.ts.map

package/dist/design-system/themes/darkTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"darkTheme.d.ts","sourceRoot":"","sources":["../../../src/design-system/themes/darkTheme.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,eAAO,MAAM,SAAS,EAAE,KA8EvB,CAAA"}

package/dist/design-system/themes/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Brycks Design System - Themes
+ *
+ * Theme system exports.
+ */
+export * from './types';
+export * from './lightTheme';
+export * from './darkTheme';
+export * from './ThemeProvider';
+export * from './cssVariables';
+//# sourceMappingURL=index.d.ts.map

package/dist/design-system/themes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/design-system/themes/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA"}

package/dist/design-system/themes/lightTheme.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from './types';
+export declare const lightTheme: Theme;
+//# sourceMappingURL=lightTheme.d.ts.map

package/dist/design-system/themes/lightTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightTheme.d.ts","sourceRoot":"","sources":["../../../src/design-system/themes/lightTheme.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,eAAO,MAAM,UAAU,EAAE,KA8ExB,CAAA"}

package/dist/design-system/themes/types.d.ts

@@ -0,0 +1,134 @@
+/**
+ * Brycks Design System - Theme Types
+ *
+ * Type definitions for the theme system.
+ */
+/** Semantic color tokens that change between themes */
+export interface ThemeColors {
+    /** Background colors */
+    background: {
+        /** Main app background */
+        app: string;
+        /** Subtle background - for sections */
+        subtle: string;
+        /** Muted background - for cards, inputs */
+        muted: string;
+        /** Elevated background - for raised elements */
+        elevated: string;
+        /** Overlay background - for modals, drawers */
+        overlay: string;
+        /** Inverse background */
+        inverse: string;
+    };
+    /** Foreground/text colors */
+    foreground: {
+        /** Primary text color */
+        default: string;
+        /** Muted/secondary text */
+        muted: string;
+        /** Subtle/tertiary text */
+        subtle: string;
+        /** Disabled text */
+        disabled: string;
+        /** Inverse text (on dark/light backgrounds) */
+        inverse: string;
+        /** Link text */
+        link: string;
+    };
+    /** Border colors */
+    border: {
+        /** Default border */
+        default: string;
+        /** Muted border - subtle dividers */
+        muted: string;
+        /** Strong border - more visible */
+        strong: string;
+        /** Focus border */
+        focus: string;
+    };
+    /** Primary brand colors (contextual) */
+    primary: {
+        /** Default primary */
+        default: string;
+        /** Hover state */
+        hover: string;
+        /** Active/pressed state */
+        active: string;
+        /** Muted primary - for backgrounds */
+        muted: string;
+        /** Soft variant hover - for soft button hover */
+        softHover: string;
+        /** Primary text on primary background */
+        foreground: string;
+    };
+    /** Accent colors (contextual) */
+    accent: {
+        default: string;
+        hover: string;
+        active: string;
+        muted: string;
+        softHover: string;
+        foreground: string;
+    };
+    /** Semantic status colors */
+    success: {
+        default: string;
+        hover: string;
+        muted: string;
+        softHover: string;
+        foreground: string;
+    };
+    warning: {
+        default: string;
+        hover: string;
+        muted: string;
+        softHover: string;
+        foreground: string;
+    };
+    error: {
+        default: string;
+        hover: string;
+        muted: string;
+        softHover: string;
+        foreground: string;
+    };
+    info: {
+        default: string;
+        hover: string;
+        muted: string;
+        softHover: string;
+        foreground: string;
+    };
+}
+/** Complete theme definition */
+export interface Theme {
+    /** Theme name identifier */
+    name: 'light' | 'dark' | string;
+    /** Theme colors */
+    colors: ThemeColors;
+}
+/** Theme mode */
+export type ThemeMode = 'light' | 'dark' | 'system';
+/** Theme context value */
+export interface ThemeContextValue {
+    /** Current theme */
+    theme: Theme;
+    /** Current mode */
+    mode: ThemeMode;
+    /** Resolved mode (light or dark, never system) */
+    resolvedMode: 'light' | 'dark';
+    /** Set theme mode */
+    setMode: (mode: ThemeMode) => void;
+    /** Toggle between light and dark */
+    toggleMode: () => void;
+}
+/** Theme configuration for customization */
+export interface ThemeConfig {
+    /** Light theme overrides */
+    light?: Partial<ThemeColors>;
+    /** Dark theme overrides */
+    dark?: Partial<ThemeColors>;
+    /** Default mode */
+    defaultMode?: ThemeMode;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/design-system/themes/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/design-system/themes/types.ts"],"names":[],"mappings":"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"}

package/dist/design-system/tokens/borders.d.ts

@@ -0,0 +1,86 @@
+/**
+ * Brycks Design System - Border Tokens
+ *
+ * Consistent border radii and widths for a cohesive, soft visual language.
+ */
+/** Border radius scale */
+export declare const radii: {
+    /** No radius - sharp corners */
+    readonly none: 0;
+    /** 2px - very subtle rounding */
+    readonly xs: 2;
+    /** 4px - subtle rounding */
+    readonly sm: 4;
+    /** 6px - slight rounding */
+    readonly md: 6;
+    /** 8px - default rounding */
+    readonly DEFAULT: 8;
+    /** 10px - medium rounding */
+    readonly lg: 10;
+    /** 12px - noticeable rounding */
+    readonly xl: 12;
+    /** 16px - prominent rounding */
+    readonly '2xl': 16;
+    /** 20px - heavy rounding */
+    readonly '3xl': 20;
+    /** 24px - very heavy rounding */
+    readonly '4xl': 24;
+    /** 9999px - full/pill shape */
+    readonly full: 9999;
+};
+/** Border width scale */
+export declare const borderWidths: {
+    /** No border */
+    readonly 0: 0;
+    /** 1px - hairline border */
+    readonly DEFAULT: 1;
+    /** 2px - medium border */
+    readonly 2: 2;
+    /** 3px - thick border */
+    readonly 3: 3;
+    /** 4px - heavy border */
+    readonly 4: 4;
+};
+/** Semantic border styles */
+export declare const borderStyles: {
+    /** Subtle divider */
+    readonly subtle: {
+        readonly width: 1;
+        readonly style: "solid";
+        readonly color: "rgba(0, 0, 0, 0.06)";
+    };
+    /** Default border */
+    readonly default: {
+        readonly width: 1;
+        readonly style: "solid";
+        readonly color: "rgba(0, 0, 0, 0.1)";
+    };
+    /** Strong border - more visible */
+    readonly strong: {
+        readonly width: 1;
+        readonly style: "solid";
+        readonly color: "rgba(0, 0, 0, 0.15)";
+    };
+    /** Focus border */
+    readonly focus: {
+        readonly width: 2;
+        readonly style: "solid";
+        readonly color: "rgba(85, 120, 244, 0.5)";
+    };
+    /** Error border */
+    readonly error: {
+        readonly width: 1;
+        readonly style: "solid";
+        readonly color: "rgba(239, 68, 68, 0.5)";
+    };
+    /** Success border */
+    readonly success: {
+        readonly width: 1;
+        readonly style: "solid";
+        readonly color: "rgba(16, 185, 129, 0.5)";
+    };
+};
+export type Radius = keyof typeof radii;
+export type BorderWidth = keyof typeof borderWidths;
+export type BorderStyle = keyof typeof borderStyles;
+//# sourceMappingURL=borders.d.ts.map

package/dist/design-system/tokens/borders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"borders.d.ts","sourceRoot":"","sources":["../../../src/design-system/tokens/borders.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,0BAA0B;AAC1B,eAAO,MAAM,KAAK;IAChB,gCAAgC;;IAEhC,iCAAiC;;IAEjC,4BAA4B;;IAE5B,4BAA4B;;IAE5B,6BAA6B;;IAE7B,6BAA6B;;IAE7B,iCAAiC;;IAEjC,gCAAgC;;IAEhC,4BAA4B;;IAE5B,iCAAiC;;IAEjC,+BAA+B;;CAEvB,CAAA;AAEV,yBAAyB;AACzB,eAAO,MAAM,YAAY;IACvB,gBAAgB;;IAEhB,4BAA4B;;IAE5B,0BAA0B;;IAE1B,yBAAyB;;IAEzB,yBAAyB;;CAEjB,CAAA;AAEV,6BAA6B;AAC7B,eAAO,MAAM,YAAY;IACvB,qBAAqB;;;;;;IAMrB,qBAAqB;;;;;;IAMrB,mCAAmC;;;;;;IAMnC,mBAAmB;;;;;;IAMnB,mBAAmB;;;;;;IAMnB,qBAAqB;;;;;;CAMb,CAAA;AAEV,MAAM,MAAM,MAAM,GAAG,MAAM,OAAO,KAAK,CAAA;AACvC,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,YAAY,CAAA;AACnD,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,YAAY,CAAA"}

package/dist/design-system/tokens/breakpoints.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Brycks Design System - Breakpoint Tokens
+ *
+ * Responsive design breakpoints for consistent layouts across devices.
+ */
+/** Breakpoint values in pixels */
+export declare const breakpoints: {
+    /** Mobile portrait - 320px+ */
+    readonly xs: 320;
+    /** Mobile landscape - 480px+ */
+    readonly sm: 480;
+    /** Tablet portrait - 640px+ */
+    readonly md: 640;
+    /** Tablet landscape - 768px+ */
+    readonly lg: 768;
+    /** Desktop - 1024px+ */
+    readonly xl: 1024;
+    /** Large desktop - 1280px+ */
+    readonly '2xl': 1280;
+    /** Extra large screens - 1536px+ */
+    readonly '3xl': 1536;
+    /** Ultra wide - 1920px+ */
+    readonly '4xl': 1920;
+};
+/** Media query helpers */
+export declare const mediaQueries: {
+    readonly xs: "@media (min-width: 320px)";
+    readonly sm: "@media (min-width: 480px)";
+    readonly md: "@media (min-width: 640px)";
+    readonly lg: "@media (min-width: 768px)";
+    readonly xl: "@media (min-width: 1024px)";
+    readonly '2xl': "@media (min-width: 1280px)";
+    readonly '3xl': "@media (min-width: 1536px)";
+    readonly '4xl': "@media (min-width: 1920px)";
+    /** Max-width queries (mobile-first overrides) */
+    readonly maxXs: `@media (max-width: ${number}px)`;
+    readonly maxSm: `@media (max-width: ${number}px)`;
+    readonly maxMd: `@media (max-width: ${number}px)`;
+    readonly maxLg: `@media (max-width: ${number}px)`;
+    readonly maxXl: `@media (max-width: ${number}px)`;
+    readonly max2xl: `@media (max-width: ${number}px)`;
+    /** Preference queries */
+    readonly prefersReducedMotion: "@media (prefers-reduced-motion: reduce)";
+    readonly prefersDark: "@media (prefers-color-scheme: dark)";
+    readonly prefersLight: "@media (prefers-color-scheme: light)";
+    readonly prefersHighContrast: "@media (prefers-contrast: high)";
+    /** Device specific */
+    readonly hover: "@media (hover: hover)";
+    readonly touch: "@media (hover: none) and (pointer: coarse)";
+    readonly fine: "@media (pointer: fine)";
+};
+/** Container max-widths aligned with breakpoints */
+export declare const containers: {
+    readonly xs: 320;
+    readonly sm: 480;
+    readonly md: 640;
+    readonly lg: 768;
+    readonly xl: 1024;
+    readonly '2xl': 1280;
+    readonly '3xl': 1440;
+    readonly full: "100%";
+};
+export type Breakpoint = keyof typeof breakpoints;
+export type MediaQuery = keyof typeof mediaQueries;
+export type Container = keyof typeof containers;
+//# sourceMappingURL=breakpoints.d.ts.map

package/dist/design-system/tokens/breakpoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../../src/design-system/tokens/breakpoints.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,kCAAkC;AAClC,eAAO,MAAM,WAAW;IACtB,+BAA+B;;IAE/B,gCAAgC;;IAEhC,+BAA+B;;IAE/B,gCAAgC;;IAEhC,wBAAwB;;IAExB,8BAA8B;;IAE9B,oCAAoC;;IAEpC,2BAA2B;;CAEnB,CAAA;AAEV,0BAA0B;AAC1B,eAAO,MAAM,YAAY;;;;;;;;;IAUvB,iDAAiD;;;;;;;IAQjD,yBAAyB;;;;;IAMzB,sBAAsB;;;;CAId,CAAA;AAEV,oDAAoD;AACpD,eAAO,MAAM,UAAU;;;;;;;;;CASb,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAA;AACjD,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,YAAY,CAAA;AAClD,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,UAAU,CAAA"}

package/dist/design-system/tokens/colors.d.ts

@@ -0,0 +1,206 @@
+/**
+ * Brycks Design System - Color Tokens
+ *
+ * A sophisticated, calm color palette inspired by modern design systems.
+ * Colors are organized in semantic scales for consistent usage.
+ */
+/** Base neutral palette - grayscale with subtle warmth */
+export declare const neutrals: {
+    readonly white: "#FFFFFF";
+    readonly gray50: "#FAFAFA";
+    readonly gray100: "#F5F5F7";
+    readonly gray200: "#E8E8ED";
+    readonly gray300: "#D2D2D7";
+    readonly gray400: "#AEAEB2";
+    readonly gray500: "#8E8E93";
+    readonly gray600: "#636366";
+    readonly gray700: "#48484A";
+    readonly gray800: "#3A3A3C";
+    readonly gray900: "#2C2C2E";
+    readonly gray950: "#1D1D1F";
+    readonly black: "#000000";
+};
+/** Primary brand colors - sophisticated blue */
+export declare const primary: {
+    readonly 50: "#EEF4FF";
+    readonly 100: "#E0EBFF";
+    readonly 200: "#C7DAFF";
+    readonly 300: "#A4C1FF";
+    readonly 400: "#7A9FFF";
+    readonly 500: "#5578F4";
+    readonly 600: "#3B5CE9";
+    readonly 700: "#2D47D6";
+    readonly 800: "#2A3CAD";
+    readonly 900: "#283889";
+    readonly 950: "#1A2352";
+};
+/** Accent colors - warm coral for emphasis */
+export declare const accent: {
+    readonly 50: "#FFF5F3";
+    readonly 100: "#FFE8E3";
+    readonly 200: "#FFD5CC";
+    readonly 300: "#FFB5A6";
+    readonly 400: "#FF8A71";
+    readonly 500: "#F86545";
+    readonly 600: "#E54A28";
+    readonly 700: "#C13A1D";
+    readonly 800: "#9F331C";
+    readonly 900: "#842F1D";
+    readonly 950: "#48140A";
+};
+/** Success - calm green */
+export declare const success: {
+    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";
+    readonly 950: "#022C22";
+};
+/** Warning - warm amber */
+export declare const warning: {
+    readonly 50: "#FFFBEB";
+    readonly 100: "#FEF3C7";
+    readonly 200: "#FDE68A";
+    readonly 300: "#FCD34D";
+    readonly 400: "#FBBF24";
+    readonly 500: "#F59E0B";
+    readonly 600: "#D97706";
+    readonly 700: "#B45309";
+    readonly 800: "#92400E";
+    readonly 900: "#78350F";
+    readonly 950: "#451A03";
+};
+/** Error - refined red */
+export declare const error: {
+    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";
+    readonly 950: "#450A0A";
+};
+/** Info - calm cyan */
+export declare const info: {
+    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";
+    readonly 950: "#083344";
+};
+/** Complete color palette export */
+export declare const colors: {
+    readonly neutrals: {
+        readonly white: "#FFFFFF";
+        readonly gray50: "#FAFAFA";
+        readonly gray100: "#F5F5F7";
+        readonly gray200: "#E8E8ED";
+        readonly gray300: "#D2D2D7";
+        readonly gray400: "#AEAEB2";
+        readonly gray500: "#8E8E93";
+        readonly gray600: "#636366";
+        readonly gray700: "#48484A";
+        readonly gray800: "#3A3A3C";
+        readonly gray900: "#2C2C2E";
+        readonly gray950: "#1D1D1F";
+        readonly black: "#000000";
+    };
+    readonly primary: {
+        readonly 50: "#EEF4FF";
+        readonly 100: "#E0EBFF";
+        readonly 200: "#C7DAFF";
+        readonly 300: "#A4C1FF";
+        readonly 400: "#7A9FFF";
+        readonly 500: "#5578F4";
+        readonly 600: "#3B5CE9";
+        readonly 700: "#2D47D6";
+        readonly 800: "#2A3CAD";
+        readonly 900: "#283889";
+        readonly 950: "#1A2352";
+    };
+    readonly accent: {
+        readonly 50: "#FFF5F3";
+        readonly 100: "#FFE8E3";
+        readonly 200: "#FFD5CC";
+        readonly 300: "#FFB5A6";
+        readonly 400: "#FF8A71";
+        readonly 500: "#F86545";
+        readonly 600: "#E54A28";
+        readonly 700: "#C13A1D";
+        readonly 800: "#9F331C";
+        readonly 900: "#842F1D";
+        readonly 950: "#48140A";
+    };
+    readonly success: {
+        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";
+        readonly 950: "#022C22";
+    };
+    readonly warning: {
+        readonly 50: "#FFFBEB";
+        readonly 100: "#FEF3C7";
+        readonly 200: "#FDE68A";
+        readonly 300: "#FCD34D";
+        readonly 400: "#FBBF24";
+        readonly 500: "#F59E0B";
+        readonly 600: "#D97706";
+        readonly 700: "#B45309";
+        readonly 800: "#92400E";
+        readonly 900: "#78350F";
+        readonly 950: "#451A03";
+    };
+    readonly error: {
+        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";
+        readonly 950: "#450A0A";
+    };
+    readonly info: {
+        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";
+        readonly 950: "#083344";
+    };
+};
+export type ColorScale = typeof primary;
+export type NeutralScale = typeof neutrals;
+export type Colors = typeof colors;
+//# sourceMappingURL=colors.d.ts.map

package/dist/design-system/tokens/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/design-system/tokens/colors.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,0DAA0D;AAC1D,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;CAcX,CAAA;AAEV,gDAAgD;AAChD,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYV,CAAA;AAEV,8CAA8C;AAC9C,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYT,CAAA;AAEV,2BAA2B;AAC3B,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYV,CAAA;AAEV,2BAA2B;AAC3B,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYV,CAAA;AAEV,0BAA0B;AAC1B,eAAO,MAAM,KAAK;;;;;;;;;;;;CAYR,CAAA;AAEV,uBAAuB;AACvB,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYP,CAAA;AAEV,oCAAoC;AACpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQT,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,OAAO,OAAO,CAAA;AACvC,MAAM,MAAM,YAAY,GAAG,OAAO,QAAQ,CAAA;AAC1C,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAA"}

package/dist/design-system/tokens/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Brycks Design System - Design Tokens
+ *
+ * Central export for all design tokens.
+ * These tokens form the foundation of the design system.
+ */
+export * from './colors';
+export * from './spacing';
+export * from './typography';
+export * from './shadows';
+export * from './borders';
+export * from './breakpoints';
+export * from './zIndex';
+export * from './motion';
+export { colors, neutrals, primary, accent, success, warning, error, info } from './colors';
+export { spacing, semanticSpacing } from './spacing';
+export { fontFamilies, fontWeights, fontSizes, lineHeights, letterSpacings, textStyles, } from './typography';
+export { shadows, focusRings, glows } from './shadows';
+export { radii, borderWidths, borderStyles } from './borders';
+export { breakpoints, mediaQueries, containers } from './breakpoints';
+export { zIndex } from './zIndex';
+export { durations, easings, transitions, animations } from './motion';
+//# sourceMappingURL=index.d.ts.map

package/dist/design-system/tokens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/design-system/tokens/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AAGxB,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC3F,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AACpD,OAAO,EACL,YAAY,EACZ,WAAW,EACX,SAAS,EACT,WAAW,EACX,cAAc,EACd,UAAU,GACX,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA"}