@brycks/core-front 0.1.0

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

@@ -0,0 +1,204 @@
+/**
+ * Brycks Design System - Motion Tokens
+ *
+ * Smooth, Apple-inspired animations and transitions.
+ * Creates a tactile, responsive feel with natural easing.
+ */
+/** Duration scale in milliseconds */
+export declare const durations: {
+    /** Instant - for micro-interactions */
+    readonly instant: 0;
+    /** 50ms - nearly instant */
+    readonly faster: 50;
+    /** 100ms - very fast, state changes */
+    readonly fast: 100;
+    /** 150ms - quick, hover states */
+    readonly quick: 150;
+    /** 200ms - default transitions */
+    readonly normal: 200;
+    /** 300ms - medium, focus changes */
+    readonly relaxed: 300;
+    /** 400ms - slow, content reveals */
+    readonly slow: 400;
+    /** 500ms - slower, modal openings */
+    readonly slower: 500;
+    /** 700ms - very slow, page transitions */
+    readonly lazy: 700;
+    /** 1000ms - dramatic reveals */
+    readonly dramatic: 1000;
+};
+/** Easing functions - natural, Apple-inspired curves */
+export declare const easings: {
+    /** Linear - constant speed */
+    readonly linear: "linear";
+    /** Ease - subtle acceleration/deceleration */
+    readonly ease: "ease";
+    /** Ease in - slow start */
+    readonly easeIn: "cubic-bezier(0.4, 0, 1, 1)";
+    /** Ease out - slow end (most common) */
+    readonly easeOut: "cubic-bezier(0, 0, 0.2, 1)";
+    /** Ease in-out - slow start and end */
+    readonly easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)";
+    /** Apple-style spring - bouncy, natural feel */
+    readonly spring: "cubic-bezier(0.34, 1.56, 0.64, 1)";
+    /** Soft spring - subtle bounce */
+    readonly softSpring: "cubic-bezier(0.22, 1, 0.36, 1)";
+    /** Smooth - very smooth deceleration */
+    readonly smooth: "cubic-bezier(0.25, 0.1, 0.25, 1)";
+    /** Snappy - quick with soft landing */
+    readonly snappy: "cubic-bezier(0.2, 0, 0, 1)";
+    /** Expressive - dramatic entrance */
+    readonly expressive: "cubic-bezier(0.19, 1, 0.22, 1)";
+    /** Bounce - playful */
+    readonly bounce: "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
+};
+/** Pre-composed transition presets */
+export declare const transitions: {
+    /** No transition */
+    readonly none: "none";
+    /** Default - for most interactions */
+    readonly default: "all 200ms cubic-bezier(0, 0, 0.2, 1)";
+    /** Fast - for hover states, micro-interactions */
+    readonly fast: "all 100ms cubic-bezier(0, 0, 0.2, 1)";
+    /** Quick - for quick feedback */
+    readonly quick: "all 150ms cubic-bezier(0, 0, 0.2, 1)";
+    /** Smooth - for focus states */
+    readonly smooth: "all 300ms cubic-bezier(0.25, 0.1, 0.25, 1)";
+    /** Spring - for interactive elements */
+    readonly spring: "all 300ms cubic-bezier(0.22, 1, 0.36, 1)";
+    /** Slow - for reveals, modals */
+    readonly slow: "all 400ms cubic-bezier(0, 0, 0.2, 1)";
+    /** Transform only */
+    readonly transform: "transform 200ms cubic-bezier(0, 0, 0.2, 1)";
+    /** Opacity only */
+    readonly opacity: "opacity 200ms cubic-bezier(0, 0, 0.2, 1)";
+    /** Colors only */
+    readonly colors: "color 100ms cubic-bezier(0, 0, 0.2, 1), background-color 100ms cubic-bezier(0, 0, 0.2, 1), border-color 100ms cubic-bezier(0, 0, 0.2, 1)";
+    /** Shadow only */
+    readonly shadow: "box-shadow 200ms cubic-bezier(0, 0, 0.2, 1)";
+};
+/** Animation keyframe names for CSS animations */
+export declare const animations: {
+    /** Fade in */
+    readonly fadeIn: {
+        readonly from: {
+            readonly opacity: 0;
+        };
+        readonly to: {
+            readonly opacity: 1;
+        };
+    };
+    /** Fade out */
+    readonly fadeOut: {
+        readonly from: {
+            readonly opacity: 1;
+        };
+        readonly to: {
+            readonly opacity: 0;
+        };
+    };
+    /** Scale up */
+    readonly scaleIn: {
+        readonly from: {
+            readonly opacity: 0;
+            readonly transform: "scale(0.95)";
+        };
+        readonly to: {
+            readonly opacity: 1;
+            readonly transform: "scale(1)";
+        };
+    };
+    /** Scale down */
+    readonly scaleOut: {
+        readonly from: {
+            readonly opacity: 1;
+            readonly transform: "scale(1)";
+        };
+        readonly to: {
+            readonly opacity: 0;
+            readonly transform: "scale(0.95)";
+        };
+    };
+    /** Slide up */
+    readonly slideUp: {
+        readonly from: {
+            readonly opacity: 0;
+            readonly transform: "translateY(10px)";
+        };
+        readonly to: {
+            readonly opacity: 1;
+            readonly transform: "translateY(0)";
+        };
+    };
+    /** Slide down */
+    readonly slideDown: {
+        readonly from: {
+            readonly opacity: 0;
+            readonly transform: "translateY(-10px)";
+        };
+        readonly to: {
+            readonly opacity: 1;
+            readonly transform: "translateY(0)";
+        };
+    };
+    /** Slide left */
+    readonly slideLeft: {
+        readonly from: {
+            readonly opacity: 0;
+            readonly transform: "translateX(10px)";
+        };
+        readonly to: {
+            readonly opacity: 1;
+            readonly transform: "translateX(0)";
+        };
+    };
+    /** Slide right */
+    readonly slideRight: {
+        readonly from: {
+            readonly opacity: 0;
+            readonly transform: "translateX(-10px)";
+        };
+        readonly to: {
+            readonly opacity: 1;
+            readonly transform: "translateX(0)";
+        };
+    };
+    /** Spin */
+    readonly spin: {
+        readonly from: {
+            readonly transform: "rotate(0deg)";
+        };
+        readonly to: {
+            readonly transform: "rotate(360deg)";
+        };
+    };
+    /** Pulse */
+    readonly pulse: {
+        readonly '0%': {
+            readonly opacity: 1;
+        };
+        readonly '50%': {
+            readonly opacity: 0.5;
+        };
+        readonly '100%': {
+            readonly opacity: 1;
+        };
+    };
+    /** Shake - for errors */
+    readonly shake: {
+        readonly '0%, 100%': {
+            readonly transform: "translateX(0)";
+        };
+        readonly '10%, 30%, 50%, 70%, 90%': {
+            readonly transform: "translateX(-4px)";
+        };
+        readonly '20%, 40%, 60%, 80%': {
+            readonly transform: "translateX(4px)";
+        };
+    };
+};
+export type Duration = keyof typeof durations;
+export type Easing = keyof typeof easings;
+export type Transition = keyof typeof transitions;
+export type Animation = keyof typeof animations;
+//# sourceMappingURL=motion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../src/design-system/tokens/motion.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,qCAAqC;AACrC,eAAO,MAAM,SAAS;IACpB,uCAAuC;;IAEvC,4BAA4B;;IAE5B,uCAAuC;;IAEvC,kCAAkC;;IAElC,kCAAkC;;IAElC,oCAAoC;;IAEpC,oCAAoC;;IAEpC,qCAAqC;;IAErC,0CAA0C;;IAE1C,gCAAgC;;CAExB,CAAA;AAEV,wDAAwD;AACxD,eAAO,MAAM,OAAO;IAClB,8BAA8B;;IAG9B,8CAA8C;;IAG9C,2BAA2B;;IAG3B,wCAAwC;;IAGxC,uCAAuC;;IAGvC,gDAAgD;;IAGhD,kCAAkC;;IAGlC,wCAAwC;;IAGxC,uCAAuC;;IAGvC,qCAAqC;;IAGrC,uBAAuB;;CAEf,CAAA;AAEV,sCAAsC;AACtC,eAAO,MAAM,WAAW;IACtB,oBAAoB;;IAGpB,sCAAsC;;IAGtC,kDAAkD;;IAGlD,iCAAiC;;IAGjC,gCAAgC;;IAGhC,wCAAwC;;IAGxC,iCAAiC;;IAGjC,qBAAqB;;IAGrB,mBAAmB;;IAGnB,kBAAkB;;IAGlB,kBAAkB;;CAEV,CAAA;AAEV,kDAAkD;AAClD,eAAO,MAAM,UAAU;IACrB,cAAc;;;;;;;;;IAKd,eAAe;;;;;;;;;IAKf,eAAe;;;;;;;;;;;IAKf,iBAAiB;;;;;;;;;;;IAKjB,eAAe;;;;;;;;;;;IAKf,iBAAiB;;;;;;;;;;;IAKjB,iBAAiB;;;;;;;;;;;IAKjB,kBAAkB;;;;;;;;;;;IAKlB,WAAW;;;;;;;;;IAKX,YAAY;;;;;;;;;;;;IAMZ,yBAAyB;;;;;;;;;;;;CAMjB,CAAA;AAEV,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAA;AAC7C,MAAM,MAAM,MAAM,GAAG,MAAM,OAAO,OAAO,CAAA;AACzC,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAA;AACjD,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,UAAU,CAAA"}

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

@@ -0,0 +1,55 @@
+/**
+ * Brycks Design System - Shadow Tokens
+ *
+ * Multi-layered, subtle shadows inspired by Apple's design language.
+ * Creates depth without harsh edges - soft, natural, and tactile.
+ */
+/** Shadow scale - from subtle to elevated */
+export declare const shadows: {
+    /** No shadow */
+    readonly none: "none";
+    /** Extra small - subtle lift, perfect for cards on hover */
+    readonly xs: "0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 3px 0 rgba(0, 0, 0, 0.06)";
+    /** Small - light elevation for cards, inputs */
+    readonly sm: "0 1px 3px 0 rgba(0, 0, 0, 0.04), 0 2px 6px 0 rgba(0, 0, 0, 0.06), 0 0 1px 0 rgba(0, 0, 0, 0.04)";
+    /** Medium - default card shadow */
+    readonly md: "0 2px 4px -1px rgba(0, 0, 0, 0.04), 0 4px 8px -1px rgba(0, 0, 0, 0.06), 0 8px 16px -2px rgba(0, 0, 0, 0.06)";
+    /** Large - dropdown, popover shadows */
+    readonly lg: "0 4px 6px -2px rgba(0, 0, 0, 0.03), 0 8px 16px -4px rgba(0, 0, 0, 0.08), 0 16px 32px -8px rgba(0, 0, 0, 0.08)";
+    /** Extra large - modal shadows */
+    readonly xl: "0 8px 16px -4px rgba(0, 0, 0, 0.04), 0 16px 32px -8px rgba(0, 0, 0, 0.08), 0 32px 64px -16px rgba(0, 0, 0, 0.12)";
+    /** 2XL - floating panels, notifications */
+    readonly '2xl': "0 12px 24px -6px rgba(0, 0, 0, 0.05), 0 24px 48px -12px rgba(0, 0, 0, 0.1), 0 48px 96px -24px rgba(0, 0, 0, 0.15)";
+    /** Inner shadow - for inset effects */
+    readonly inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.05)";
+    /** Inner shadow - stronger, for pressed states */
+    readonly innerStrong: "inset 0 2px 6px 0 rgba(0, 0, 0, 0.1)";
+};
+/** Focus ring shadows - for accessibility */
+export declare const focusRings: {
+    /** Default focus ring - primary color */
+    readonly default: "0 0 0 3px rgba(85, 120, 244, 0.35)";
+    /** Strong focus ring - higher visibility */
+    readonly strong: "0 0 0 4px rgba(85, 120, 244, 0.45)";
+    /** Error focus ring */
+    readonly error: "0 0 0 3px rgba(239, 68, 68, 0.35)";
+    /** Success focus ring */
+    readonly success: "0 0 0 3px rgba(16, 185, 129, 0.35)";
+    /** Focus within container */
+    readonly within: "0 0 0 2px rgba(85, 120, 244, 0.2)";
+};
+/** Glow effects - for special elements */
+export declare const glows: {
+    /** Subtle primary glow */
+    readonly primary: "0 0 20px rgba(85, 120, 244, 0.15), 0 0 40px rgba(85, 120, 244, 0.1)";
+    /** Subtle accent glow */
+    readonly accent: "0 0 20px rgba(248, 101, 69, 0.15), 0 0 40px rgba(248, 101, 69, 0.1)";
+    /** Success glow */
+    readonly success: "0 0 20px rgba(16, 185, 129, 0.15), 0 0 40px rgba(16, 185, 129, 0.1)";
+    /** Soft white glow - for dark mode highlights */
+    readonly white: "0 0 30px rgba(255, 255, 255, 0.1)";
+};
+export type Shadow = keyof typeof shadows;
+export type FocusRing = keyof typeof focusRings;
+export type Glow = keyof typeof glows;
+//# sourceMappingURL=shadows.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../../src/design-system/tokens/shadows.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,6CAA6C;AAC7C,eAAO,MAAM,OAAO;IAClB,gBAAgB;;IAGhB,4DAA4D;;IAG5D,gDAAgD;;IAGhD,mCAAmC;;IAGnC,wCAAwC;;IAGxC,kCAAkC;;IAGlC,2CAA2C;;IAG3C,uCAAuC;;IAGvC,kDAAkD;;CAE1C,CAAA;AAEV,6CAA6C;AAC7C,eAAO,MAAM,UAAU;IACrB,yCAAyC;;IAGzC,4CAA4C;;IAG5C,uBAAuB;;IAGvB,yBAAyB;;IAGzB,6BAA6B;;CAErB,CAAA;AAEV,0CAA0C;AAC1C,eAAO,MAAM,KAAK;IAChB,0BAA0B;;IAG1B,yBAAyB;;IAGzB,mBAAmB;;IAGnB,iDAAiD;;CAEzC,CAAA;AAEV,MAAM,MAAM,MAAM,GAAG,MAAM,OAAO,OAAO,CAAA;AACzC,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,UAAU,CAAA;AAC/C,MAAM,MAAM,IAAI,GAAG,MAAM,OAAO,KAAK,CAAA"}

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

@@ -0,0 +1,104 @@
+/**
+ * Brycks Design System - Spacing Tokens
+ *
+ * A consistent spacing scale based on 4px grid system.
+ * Provides harmonious visual rhythm across all components.
+ */
+/** Spacing scale - values in pixels */
+export declare const spacing: {
+    /** 0px */
+    readonly 0: 0;
+    /** 1px - hairline */
+    readonly px: 1;
+    /** 2px - micro */
+    readonly 0.5: number;
+    /** 4px - tiny */
+    readonly 1: 4;
+    /** 6px */
+    readonly 1.5: number;
+    /** 8px - extra small */
+    readonly 2: number;
+    /** 10px */
+    readonly 2.5: number;
+    /** 12px - small */
+    readonly 3: number;
+    /** 14px */
+    readonly 3.5: number;
+    /** 16px - medium (base) */
+    readonly 4: number;
+    /** 20px */
+    readonly 5: number;
+    /** 24px - large */
+    readonly 6: number;
+    /** 28px */
+    readonly 7: number;
+    /** 32px - extra large */
+    readonly 8: number;
+    /** 36px */
+    readonly 9: number;
+    /** 40px */
+    readonly 10: number;
+    /** 44px */
+    readonly 11: number;
+    /** 48px - 2x large */
+    readonly 12: number;
+    /** 56px */
+    readonly 14: number;
+    /** 64px - 3x large */
+    readonly 16: number;
+    /** 80px */
+    readonly 20: number;
+    /** 96px - 4x large */
+    readonly 24: number;
+    /** 112px */
+    readonly 28: number;
+    /** 128px */
+    readonly 32: number;
+    /** 160px */
+    readonly 40: number;
+    /** 192px */
+    readonly 48: number;
+    /** 224px */
+    readonly 56: number;
+    /** 256px */
+    readonly 64: number;
+    /** 320px */
+    readonly 80: number;
+    /** 384px */
+    readonly 96: number;
+};
+/** Semantic spacing aliases */
+export declare const semanticSpacing: {
+    /** Component internal padding - tight */
+    readonly componentPaddingXs: number;
+    /** Component internal padding - default */
+    readonly componentPaddingSm: number;
+    /** Component internal padding - comfortable */
+    readonly componentPaddingMd: number;
+    /** Component internal padding - spacious */
+    readonly componentPaddingLg: number;
+    /** Gap between inline elements */
+    readonly inlineGapXs: 4;
+    readonly inlineGapSm: number;
+    readonly inlineGapMd: number;
+    readonly inlineGapLg: number;
+    /** Gap between stacked elements */
+    readonly stackGapXs: number;
+    readonly stackGapSm: number;
+    readonly stackGapMd: number;
+    readonly stackGapLg: number;
+    readonly stackGapXl: number;
+    /** Page/section margins */
+    readonly sectionGapSm: number;
+    readonly sectionGapMd: number;
+    readonly sectionGapLg: number;
+    readonly sectionGapXl: number;
+    /** Container padding */
+    readonly containerPaddingSm: number;
+    readonly containerPaddingMd: number;
+    readonly containerPaddingLg: number;
+};
+export type Spacing = typeof spacing;
+export type SpacingKey = keyof Spacing;
+export type SemanticSpacing = typeof semanticSpacing;
+//# sourceMappingURL=spacing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../../src/design-system/tokens/spacing.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,uCAAuC;AACvC,eAAO,MAAM,OAAO;IAClB,UAAU;;IAEV,qBAAqB;;IAErB,kBAAkB;;IAElB,iBAAiB;;IAEjB,UAAU;;IAEV,wBAAwB;;IAExB,WAAW;;IAEX,mBAAmB;;IAEnB,WAAW;;IAEX,2BAA2B;;IAE3B,WAAW;;IAEX,mBAAmB;;IAEnB,WAAW;;IAEX,yBAAyB;;IAEzB,WAAW;;IAEX,WAAW;;IAEX,WAAW;;IAEX,sBAAsB;;IAEtB,WAAW;;IAEX,sBAAsB;;IAEtB,WAAW;;IAEX,sBAAsB;;IAEtB,YAAY;;IAEZ,YAAY;;IAEZ,YAAY;;IAEZ,YAAY;;IAEZ,YAAY;;IAEZ,YAAY;;IAEZ,YAAY;;IAEZ,YAAY;;CAEJ,CAAA;AAEV,+BAA+B;AAC/B,eAAO,MAAM,eAAe;IAC1B,yCAAyC;;IAEzC,2CAA2C;;IAE3C,+CAA+C;;IAE/C,4CAA4C;;IAG5C,kCAAkC;;;;;IAMlC,mCAAmC;;;;;;IAOnC,2BAA2B;;;;;IAM3B,wBAAwB;;;;CAIhB,CAAA;AAEV,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAA;AACpC,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,CAAA;AACtC,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAA"}

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

@@ -0,0 +1,214 @@
+/**
+ * Brycks Design System - Typography Tokens
+ *
+ * A refined typographic scale inspired by Apple's SF Pro.
+ * Uses Inter as the primary font (open source alternative to SF Pro).
+ */
+/** Font family stacks */
+export declare const fontFamilies: {
+    /** Primary font - clean, modern sans-serif */
+    readonly sans: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+    /** Monospace for code */
+    readonly mono: "'SF Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace";
+    /** Display font for large headings (optional) */
+    readonly display: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+};
+/** Font weights */
+export declare const fontWeights: {
+    /** 400 - Regular body text */
+    readonly regular: 400;
+    /** 500 - Medium emphasis */
+    readonly medium: 500;
+    /** 600 - Semi-bold for subheadings */
+    readonly semibold: 600;
+    /** 700 - Bold for headings */
+    readonly bold: 700;
+};
+/** Font sizes in pixels */
+export declare const fontSizes: {
+    /** 11px - Micro text, labels */
+    readonly xs: 11;
+    /** 12px - Small text, captions */
+    readonly sm: 12;
+    /** 14px - Body small, secondary text */
+    readonly base: 14;
+    /** 16px - Body default */
+    readonly md: 16;
+    /** 18px - Body large, lead text */
+    readonly lg: 18;
+    /** 20px - Heading 6 */
+    readonly xl: 20;
+    /** 24px - Heading 5 */
+    readonly '2xl': 24;
+    /** 28px - Heading 4 */
+    readonly '3xl': 28;
+    /** 32px - Heading 3 */
+    readonly '4xl': 32;
+    /** 40px - Heading 2 */
+    readonly '5xl': 40;
+    /** 48px - Heading 1 */
+    readonly '6xl': 48;
+    /** 60px - Display small */
+    readonly '7xl': 60;
+    /** 72px - Display medium */
+    readonly '8xl': 72;
+    /** 96px - Display large */
+    readonly '9xl': 96;
+};
+/** Line heights */
+export declare const lineHeights: {
+    /** Tight - for large headings */
+    readonly none: 1;
+    readonly tight: 1.15;
+    /** Snug - for medium headings */
+    readonly snug: 1.25;
+    /** Normal - for body text */
+    readonly normal: 1.5;
+    /** Relaxed - for small text, better readability */
+    readonly relaxed: 1.625;
+    /** Loose - for captions, labels */
+    readonly loose: 1.75;
+};
+/** Letter spacing (tracking) */
+export declare const letterSpacings: {
+    /** Tighter - for large display text */
+    readonly tighter: "-0.05em";
+    /** Tight - for headings */
+    readonly tight: "-0.025em";
+    /** Normal - default */
+    readonly normal: "0em";
+    /** Wide - for small caps, labels */
+    readonly wide: "0.025em";
+    /** Wider - for all caps text */
+    readonly wider: "0.05em";
+    /** Widest - for very small text */
+    readonly widest: "0.1em";
+};
+/** Pre-composed text styles */
+export declare const textStyles: {
+    /** Display styles - for hero sections */
+    readonly displayLarge: {
+        readonly fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+        readonly fontSize: 96;
+        readonly fontWeight: 700;
+        readonly lineHeight: 1;
+        readonly letterSpacing: "-0.05em";
+    };
+    readonly displayMedium: {
+        readonly fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+        readonly fontSize: 72;
+        readonly fontWeight: 700;
+        readonly lineHeight: 1;
+        readonly letterSpacing: "-0.05em";
+    };
+    readonly displaySmall: {
+        readonly fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+        readonly fontSize: 60;
+        readonly fontWeight: 700;
+        readonly lineHeight: 1.15;
+        readonly letterSpacing: "-0.025em";
+    };
+    /** Heading styles */
+    readonly h1: {
+        readonly fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+        readonly fontSize: 48;
+        readonly fontWeight: 700;
+        readonly lineHeight: 1.15;
+        readonly letterSpacing: "-0.025em";
+    };
+    readonly h2: {
+        readonly fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+        readonly fontSize: 40;
+        readonly fontWeight: 700;
+        readonly lineHeight: 1.15;
+        readonly letterSpacing: "-0.025em";
+    };
+    readonly h3: {
+        readonly fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+        readonly fontSize: 32;
+        readonly fontWeight: 600;
+        readonly lineHeight: 1.25;
+        readonly letterSpacing: "-0.025em";
+    };
+    readonly h4: {
+        readonly fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+        readonly fontSize: 28;
+        readonly fontWeight: 600;
+        readonly lineHeight: 1.25;
+        readonly letterSpacing: "0em";
+    };
+    readonly h5: {
+        readonly fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+        readonly fontSize: 24;
+        readonly fontWeight: 600;
+        readonly lineHeight: 1.25;
+        readonly letterSpacing: "0em";
+    };
+    readonly h6: {
+        readonly fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+        readonly fontSize: 20;
+        readonly fontWeight: 600;
+        readonly lineHeight: 1.25;
+        readonly letterSpacing: "0em";
+    };
+    /** Body text styles */
+    readonly bodyLarge: {
+        readonly fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+        readonly fontSize: 18;
+        readonly fontWeight: 400;
+        readonly lineHeight: 1.5;
+        readonly letterSpacing: "0em";
+    };
+    readonly bodyDefault: {
+        readonly fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+        readonly fontSize: 16;
+        readonly fontWeight: 400;
+        readonly lineHeight: 1.5;
+        readonly letterSpacing: "0em";
+    };
+    readonly bodySmall: {
+        readonly fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+        readonly fontSize: 14;
+        readonly fontWeight: 400;
+        readonly lineHeight: 1.5;
+        readonly letterSpacing: "0em";
+    };
+    /** Utility text styles */
+    readonly label: {
+        readonly fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+        readonly fontSize: 12;
+        readonly fontWeight: 500;
+        readonly lineHeight: 1.5;
+        readonly letterSpacing: "0.025em";
+    };
+    readonly caption: {
+        readonly fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+        readonly fontSize: 11;
+        readonly fontWeight: 400;
+        readonly lineHeight: 1.625;
+        readonly letterSpacing: "0.025em";
+    };
+    readonly overline: {
+        readonly fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+        readonly fontSize: 11;
+        readonly fontWeight: 600;
+        readonly lineHeight: 1.5;
+        readonly letterSpacing: "0.1em";
+        readonly textTransform: "uppercase";
+    };
+    /** Code styles */
+    readonly code: {
+        readonly fontFamily: "'SF Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace";
+        readonly fontSize: 12;
+        readonly fontWeight: 400;
+        readonly lineHeight: 1.625;
+        readonly letterSpacing: "0em";
+    };
+};
+export type FontFamily = keyof typeof fontFamilies;
+export type FontWeight = keyof typeof fontWeights;
+export type FontSize = keyof typeof fontSizes;
+export type LineHeight = keyof typeof lineHeights;
+export type LetterSpacing = keyof typeof letterSpacings;
+export type TextStyle = keyof typeof textStyles;
+//# sourceMappingURL=typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/design-system/tokens/typography.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,yBAAyB;AACzB,eAAO,MAAM,YAAY;IACvB,8CAA8C;;IAE9C,yBAAyB;;IAEzB,iDAAiD;;CAEzC,CAAA;AAEV,mBAAmB;AACnB,eAAO,MAAM,WAAW;IACtB,8BAA8B;;IAE9B,4BAA4B;;IAE5B,sCAAsC;;IAEtC,8BAA8B;;CAEtB,CAAA;AAEV,2BAA2B;AAC3B,eAAO,MAAM,SAAS;IACpB,gCAAgC;;IAEhC,kCAAkC;;IAElC,wCAAwC;;IAExC,0BAA0B;;IAE1B,mCAAmC;;IAEnC,uBAAuB;;IAEvB,uBAAuB;;IAEvB,uBAAuB;;IAEvB,uBAAuB;;IAEvB,uBAAuB;;IAEvB,uBAAuB;;IAEvB,2BAA2B;;IAE3B,4BAA4B;;IAE5B,2BAA2B;;CAEnB,CAAA;AAEV,mBAAmB;AACnB,eAAO,MAAM,WAAW;IACtB,iCAAiC;;;IAGjC,iCAAiC;;IAEjC,6BAA6B;;IAE7B,mDAAmD;;IAEnD,mCAAmC;;CAE3B,CAAA;AAEV,gCAAgC;AAChC,eAAO,MAAM,cAAc;IACzB,uCAAuC;;IAEvC,2BAA2B;;IAE3B,uBAAuB;;IAEvB,oCAAoC;;IAEpC,gCAAgC;;IAEhC,mCAAmC;;CAE3B,CAAA;AAEV,+BAA+B;AAC/B,eAAO,MAAM,UAAU;IACrB,yCAAyC;;;;;;;;;;;;;;;;;;;;;;IAuBzC,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4CrB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;IAuBvB,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;IAwB1B,kBAAkB;;;;;;;;CAQV,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,YAAY,CAAA;AAClD,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAA;AACjD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAA;AAC7C,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAA;AACjD,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,cAAc,CAAA;AACvD,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,UAAU,CAAA"}

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

@@ -0,0 +1,36 @@
+/**
+ * Brycks Design System - Z-Index Tokens
+ *
+ * Layering system for consistent stacking context management.
+ */
+/** Z-index scale */
+export declare const zIndex: {
+    /** Hidden - below everything */
+    readonly hide: -1;
+    /** Auto - default stacking */
+    readonly auto: "auto";
+    /** Base - normal content */
+    readonly base: 0;
+    /** Docked - sticky elements */
+    readonly docked: 10;
+    /** Dropdown - menus, selects */
+    readonly dropdown: 1000;
+    /** Sticky - sticky headers */
+    readonly sticky: 1100;
+    /** Banner - notification banners */
+    readonly banner: 1200;
+    /** Overlay - backdrop overlays */
+    readonly overlay: 1300;
+    /** Modal - dialog windows */
+    readonly modal: 1400;
+    /** Popover - popovers, tooltips */
+    readonly popover: 1500;
+    /** Skiplink - accessibility skip links */
+    readonly skipLink: 1600;
+    /** Toast - notification toasts */
+    readonly toast: 1700;
+    /** Tooltip - tooltips (highest) */
+    readonly tooltip: 1800;
+};
+export type ZIndex = keyof typeof zIndex;
+//# sourceMappingURL=zIndex.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"zIndex.d.ts","sourceRoot":"","sources":["../../../src/design-system/tokens/zIndex.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,oBAAoB;AACpB,eAAO,MAAM,MAAM;IACjB,gCAAgC;;IAEhC,8BAA8B;;IAE9B,4BAA4B;;IAE5B,+BAA+B;;IAE/B,gCAAgC;;IAEhC,8BAA8B;;IAE9B,oCAAoC;;IAEpC,kCAAkC;;IAElC,6BAA6B;;IAE7B,mCAAmC;;IAEnC,0CAA0C;;IAE1C,kCAAkC;;IAElC,mCAAmC;;CAE3B,CAAA;AAEV,MAAM,MAAM,MAAM,GAAG,MAAM,OAAO,MAAM,CAAA"}

package/dist/hooks/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Brycks Design System - Hooks
+ *
+ * Reusable React hooks for common UI patterns.
+ */
+export * from './useMediaQuery';
+export * from './useDisclosure';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA"}

package/dist/hooks/useDisclosure.d.ts

@@ -0,0 +1,19 @@
+/**
+ * useDisclosure Hook
+ *
+ * Manages open/closed state for modals, popovers, drawers, etc.
+ */
+export interface UseDisclosureReturn {
+    isOpen: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+    onToggle: () => void;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export interface UseDisclosureOptions {
+    defaultIsOpen?: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+export declare function useDisclosure(options?: UseDisclosureOptions): UseDisclosureReturn;
+//# sourceMappingURL=useDisclosure.d.ts.map

package/dist/hooks/useDisclosure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisclosure.d.ts","sourceRoot":"","sources":["../../src/hooks/useDisclosure.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CACzD;AAED,MAAM,WAAW,oBAAoB;IACnC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,wBAAgB,aAAa,CAAC,OAAO,GAAE,oBAAyB,GAAG,mBAAmB,CA+BrF"}