@brycks/core-front 0.2.7 → 0.2.9

package/dist/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../src/design-system/tokens/spacing.ts","../src/design-system/tokens/typography.ts","../src/design-system/tokens/shadows.ts","../src/design-system/tokens/borders.ts","../src/design-system/tokens/breakpoints.ts","../src/design-system/tokens/zIndex.ts","../src/design-system/tokens/motion.ts"],"sourcesContent":["/**\r\n * Brycks Design System - Spacing Tokens\r\n *\r\n * A consistent spacing scale based on 4px grid system.\r\n * Provides harmonious visual rhythm across all components.\r\n */\r\n\r\n/** Base unit: 4px */\r\nconst BASE_UNIT = 4\r\n\r\n/** Spacing scale - values in pixels */\r\nexport const spacing = {\r\n  /** 0px */\r\n  0: 0,\r\n  /** 1px - hairline */\r\n  px: 1,\r\n  /** 2px - micro */\r\n  0.5: BASE_UNIT * 0.5,\r\n  /** 4px - tiny */\r\n  1: BASE_UNIT,\r\n  /** 6px */\r\n  1.5: BASE_UNIT * 1.5,\r\n  /** 8px - extra small */\r\n  2: BASE_UNIT * 2,\r\n  /** 10px */\r\n  2.5: BASE_UNIT * 2.5,\r\n  /** 12px - small */\r\n  3: BASE_UNIT * 3,\r\n  /** 14px */\r\n  3.5: BASE_UNIT * 3.5,\r\n  /** 16px - medium (base) */\r\n  4: BASE_UNIT * 4,\r\n  /** 20px */\r\n  5: BASE_UNIT * 5,\r\n  /** 24px - large */\r\n  6: BASE_UNIT * 6,\r\n  /** 28px */\r\n  7: BASE_UNIT * 7,\r\n  /** 32px - extra large */\r\n  8: BASE_UNIT * 8,\r\n  /** 36px */\r\n  9: BASE_UNIT * 9,\r\n  /** 40px */\r\n  10: BASE_UNIT * 10,\r\n  /** 44px */\r\n  11: BASE_UNIT * 11,\r\n  /** 48px - 2x large */\r\n  12: BASE_UNIT * 12,\r\n  /** 56px */\r\n  14: BASE_UNIT * 14,\r\n  /** 64px - 3x large */\r\n  16: BASE_UNIT * 16,\r\n  /** 80px */\r\n  20: BASE_UNIT * 20,\r\n  /** 96px - 4x large */\r\n  24: BASE_UNIT * 24,\r\n  /** 112px */\r\n  28: BASE_UNIT * 28,\r\n  /** 128px */\r\n  32: BASE_UNIT * 32,\r\n  /** 160px */\r\n  40: BASE_UNIT * 40,\r\n  /** 192px */\r\n  48: BASE_UNIT * 48,\r\n  /** 224px */\r\n  56: BASE_UNIT * 56,\r\n  /** 256px */\r\n  64: BASE_UNIT * 64,\r\n  /** 320px */\r\n  80: BASE_UNIT * 80,\r\n  /** 384px */\r\n  96: BASE_UNIT * 96,\r\n} as const\r\n\r\n/** Semantic spacing aliases */\r\nexport const semanticSpacing = {\r\n  /** Component internal padding - tight */\r\n  componentPaddingXs: spacing[2],\r\n  /** Component internal padding - default */\r\n  componentPaddingSm: spacing[3],\r\n  /** Component internal padding - comfortable */\r\n  componentPaddingMd: spacing[4],\r\n  /** Component internal padding - spacious */\r\n  componentPaddingLg: spacing[6],\r\n\r\n  /** Gap between inline elements */\r\n  inlineGapXs: spacing[1],\r\n  inlineGapSm: spacing[2],\r\n  inlineGapMd: spacing[3],\r\n  inlineGapLg: spacing[4],\r\n\r\n  /** Gap between stacked elements */\r\n  stackGapXs: spacing[2],\r\n  stackGapSm: spacing[3],\r\n  stackGapMd: spacing[4],\r\n  stackGapLg: spacing[6],\r\n  stackGapXl: spacing[8],\r\n\r\n  /** Page/section margins */\r\n  sectionGapSm: spacing[8],\r\n  sectionGapMd: spacing[12],\r\n  sectionGapLg: spacing[16],\r\n  sectionGapXl: spacing[24],\r\n\r\n  /** Container padding */\r\n  containerPaddingSm: spacing[4],\r\n  containerPaddingMd: spacing[6],\r\n  containerPaddingLg: spacing[8],\r\n} as const\r\n\r\nexport type Spacing = typeof spacing\r\nexport type SpacingKey = keyof Spacing\r\nexport type SemanticSpacing = typeof semanticSpacing\r\n","/**\r\n * Brycks Design System - Typography Tokens\r\n *\r\n * A refined typographic scale inspired by Apple's SF Pro.\r\n * Uses Inter as the primary font (open source alternative to SF Pro).\r\n */\r\n\r\n/** Font family stacks */\r\nexport const fontFamilies = {\r\n  /** Primary font - clean, modern sans-serif */\r\n  sans: \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\",\r\n  /** Monospace for code */\r\n  mono: \"'SF Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace\",\r\n  /** Display font for large headings (optional) */\r\n  display: \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\",\r\n} as const\r\n\r\n/** Font weights */\r\nexport const fontWeights = {\r\n  /** 400 - Regular body text */\r\n  regular: 400,\r\n  /** 500 - Medium emphasis */\r\n  medium: 500,\r\n  /** 600 - Semi-bold for subheadings */\r\n  semibold: 600,\r\n  /** 700 - Bold for headings */\r\n  bold: 700,\r\n} as const\r\n\r\n/** Font sizes in pixels */\r\nexport const fontSizes = {\r\n  /** 11px - Micro text, labels */\r\n  xs: 11,\r\n  /** 12px - Small text, captions */\r\n  sm: 12,\r\n  /** 14px - Body small, secondary text */\r\n  base: 14,\r\n  /** 16px - Body default */\r\n  md: 16,\r\n  /** 18px - Body large, lead text */\r\n  lg: 18,\r\n  /** 20px - Heading 6 */\r\n  xl: 20,\r\n  /** 24px - Heading 5 */\r\n  '2xl': 24,\r\n  /** 28px - Heading 4 */\r\n  '3xl': 28,\r\n  /** 32px - Heading 3 */\r\n  '4xl': 32,\r\n  /** 40px - Heading 2 */\r\n  '5xl': 40,\r\n  /** 48px - Heading 1 */\r\n  '6xl': 48,\r\n  /** 60px - Display small */\r\n  '7xl': 60,\r\n  /** 72px - Display medium */\r\n  '8xl': 72,\r\n  /** 96px - Display large */\r\n  '9xl': 96,\r\n} as const\r\n\r\n/** Line heights */\r\nexport const lineHeights = {\r\n  /** Tight - for large headings */\r\n  none: 1,\r\n  tight: 1.15,\r\n  /** Snug - for medium headings */\r\n  snug: 1.25,\r\n  /** Normal - for body text */\r\n  normal: 1.5,\r\n  /** Relaxed - for small text, better readability */\r\n  relaxed: 1.625,\r\n  /** Loose - for captions, labels */\r\n  loose: 1.75,\r\n} as const\r\n\r\n/** Letter spacing (tracking) */\r\nexport const letterSpacings = {\r\n  /** Tighter - for large display text */\r\n  tighter: '-0.05em',\r\n  /** Tight - for headings */\r\n  tight: '-0.025em',\r\n  /** Normal - default */\r\n  normal: '0em',\r\n  /** Wide - for small caps, labels */\r\n  wide: '0.025em',\r\n  /** Wider - for all caps text */\r\n  wider: '0.05em',\r\n  /** Widest - for very small text */\r\n  widest: '0.1em',\r\n} as const\r\n\r\n/** Pre-composed text styles */\r\nexport const textStyles = {\r\n  /** Display styles - for hero sections */\r\n  displayLarge: {\r\n    fontFamily: fontFamilies.display,\r\n    fontSize: fontSizes['9xl'],\r\n    fontWeight: fontWeights.bold,\r\n    lineHeight: lineHeights.none,\r\n    letterSpacing: letterSpacings.tighter,\r\n  },\r\n  displayMedium: {\r\n    fontFamily: fontFamilies.display,\r\n    fontSize: fontSizes['8xl'],\r\n    fontWeight: fontWeights.bold,\r\n    lineHeight: lineHeights.none,\r\n    letterSpacing: letterSpacings.tighter,\r\n  },\r\n  displaySmall: {\r\n    fontFamily: fontFamilies.display,\r\n    fontSize: fontSizes['7xl'],\r\n    fontWeight: fontWeights.bold,\r\n    lineHeight: lineHeights.tight,\r\n    letterSpacing: letterSpacings.tight,\r\n  },\r\n\r\n  /** Heading styles */\r\n  h1: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: fontSizes['6xl'],\r\n    fontWeight: fontWeights.bold,\r\n    lineHeight: lineHeights.tight,\r\n    letterSpacing: letterSpacings.tight,\r\n  },\r\n  h2: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: fontSizes['5xl'],\r\n    fontWeight: fontWeights.bold,\r\n    lineHeight: lineHeights.tight,\r\n    letterSpacing: letterSpacings.tight,\r\n  },\r\n  h3: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: fontSizes['4xl'],\r\n    fontWeight: fontWeights.semibold,\r\n    lineHeight: lineHeights.snug,\r\n    letterSpacing: letterSpacings.tight,\r\n  },\r\n  h4: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: fontSizes['3xl'],\r\n    fontWeight: fontWeights.semibold,\r\n    lineHeight: lineHeights.snug,\r\n    letterSpacing: letterSpacings.normal,\r\n  },\r\n  h5: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: fontSizes['2xl'],\r\n    fontWeight: fontWeights.semibold,\r\n    lineHeight: lineHeights.snug,\r\n    letterSpacing: letterSpacings.normal,\r\n  },\r\n  h6: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: fontSizes.xl,\r\n    fontWeight: fontWeights.semibold,\r\n    lineHeight: lineHeights.snug,\r\n    letterSpacing: letterSpacings.normal,\r\n  },\r\n\r\n  /** Body text styles */\r\n  bodyLarge: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: fontSizes.lg,\r\n    fontWeight: fontWeights.regular,\r\n    lineHeight: lineHeights.normal,\r\n    letterSpacing: letterSpacings.normal,\r\n  },\r\n  bodyDefault: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: fontSizes.md,\r\n    fontWeight: fontWeights.regular,\r\n    lineHeight: lineHeights.normal,\r\n    letterSpacing: letterSpacings.normal,\r\n  },\r\n  bodySmall: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: fontSizes.base,\r\n    fontWeight: fontWeights.regular,\r\n    lineHeight: lineHeights.normal,\r\n    letterSpacing: letterSpacings.normal,\r\n  },\r\n\r\n  /** Utility text styles */\r\n  label: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: fontSizes.sm,\r\n    fontWeight: fontWeights.medium,\r\n    lineHeight: lineHeights.normal,\r\n    letterSpacing: letterSpacings.wide,\r\n  },\r\n  caption: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: fontSizes.xs,\r\n    fontWeight: fontWeights.regular,\r\n    lineHeight: lineHeights.relaxed,\r\n    letterSpacing: letterSpacings.wide,\r\n  },\r\n  overline: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: fontSizes.xs,\r\n    fontWeight: fontWeights.semibold,\r\n    lineHeight: lineHeights.normal,\r\n    letterSpacing: letterSpacings.widest,\r\n    textTransform: 'uppercase' as const,\r\n  },\r\n\r\n  /** Code styles */\r\n  code: {\r\n    fontFamily: fontFamilies.mono,\r\n    fontSize: fontSizes.sm,\r\n    fontWeight: fontWeights.regular,\r\n    lineHeight: lineHeights.relaxed,\r\n    letterSpacing: letterSpacings.normal,\r\n  },\r\n} as const\r\n\r\nexport type FontFamily = keyof typeof fontFamilies\r\nexport type FontWeight = keyof typeof fontWeights\r\nexport type FontSize = keyof typeof fontSizes\r\nexport type LineHeight = keyof typeof lineHeights\r\nexport type LetterSpacing = keyof typeof letterSpacings\r\nexport type TextStyle = keyof typeof textStyles\r\n","/**\r\n * Brycks Design System - Shadow Tokens\r\n *\r\n * Multi-layered, subtle shadows inspired by Apple's design language.\r\n * Creates depth without harsh edges - soft, natural, and tactile.\r\n */\r\n\r\n/** Shadow scale - from subtle to elevated */\r\nexport const shadows = {\r\n  /** No shadow */\r\n  none: 'none',\r\n\r\n  /** Extra small - subtle lift, perfect for cards on hover */\r\n  xs: '0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 3px 0 rgba(0, 0, 0, 0.06)',\r\n\r\n  /** Small - light elevation for cards, inputs */\r\n  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)',\r\n\r\n  /** Medium - default card shadow */\r\n  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)',\r\n\r\n  /** Large - dropdown, popover shadows */\r\n  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)',\r\n\r\n  /** Extra large - modal shadows */\r\n  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)',\r\n\r\n  /** 2XL - floating panels, notifications */\r\n  '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)',\r\n\r\n  /** Inner shadow - for inset effects */\r\n  inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.05)',\r\n\r\n  /** Inner shadow - stronger, for pressed states */\r\n  innerStrong: 'inset 0 2px 6px 0 rgba(0, 0, 0, 0.1)',\r\n} as const\r\n\r\n/** Focus ring shadows - for accessibility */\r\nexport const focusRings = {\r\n  /** Default focus ring - primary color */\r\n  default: '0 0 0 3px rgba(85, 120, 244, 0.35)',\r\n\r\n  /** Strong focus ring - higher visibility */\r\n  strong: '0 0 0 4px rgba(85, 120, 244, 0.45)',\r\n\r\n  /** Error focus ring */\r\n  error: '0 0 0 3px rgba(239, 68, 68, 0.35)',\r\n\r\n  /** Success focus ring */\r\n  success: '0 0 0 3px rgba(16, 185, 129, 0.35)',\r\n\r\n  /** Focus within container */\r\n  within: '0 0 0 2px rgba(85, 120, 244, 0.2)',\r\n} as const\r\n\r\n/** Glow effects - for special elements */\r\nexport const glows = {\r\n  /** Subtle primary glow */\r\n  primary: '0 0 20px rgba(85, 120, 244, 0.15), 0 0 40px rgba(85, 120, 244, 0.1)',\r\n\r\n  /** Subtle accent glow */\r\n  accent: '0 0 20px rgba(248, 101, 69, 0.15), 0 0 40px rgba(248, 101, 69, 0.1)',\r\n\r\n  /** Success glow */\r\n  success: '0 0 20px rgba(16, 185, 129, 0.15), 0 0 40px rgba(16, 185, 129, 0.1)',\r\n\r\n  /** Soft white glow - for dark mode highlights */\r\n  white: '0 0 30px rgba(255, 255, 255, 0.1)',\r\n} as const\r\n\r\nexport type Shadow = keyof typeof shadows\r\nexport type FocusRing = keyof typeof focusRings\r\nexport type Glow = keyof typeof glows\r\n","/**\r\n * Brycks Design System - Border Tokens\r\n *\r\n * Consistent border radii and widths for a cohesive, soft visual language.\r\n */\r\n\r\n/** Border radius scale */\r\nexport const radii = {\r\n  /** No radius - sharp corners */\r\n  none: 0,\r\n  /** 2px - very subtle rounding */\r\n  xs: 2,\r\n  /** 4px - subtle rounding */\r\n  sm: 4,\r\n  /** 6px - slight rounding */\r\n  md: 6,\r\n  /** 8px - default rounding */\r\n  DEFAULT: 8,\r\n  /** 10px - medium rounding */\r\n  lg: 10,\r\n  /** 12px - noticeable rounding */\r\n  xl: 12,\r\n  /** 16px - prominent rounding */\r\n  '2xl': 16,\r\n  /** 20px - heavy rounding */\r\n  '3xl': 20,\r\n  /** 24px - very heavy rounding */\r\n  '4xl': 24,\r\n  /** 9999px - full/pill shape */\r\n  full: 9999,\r\n} as const\r\n\r\n/** Border width scale */\r\nexport const borderWidths = {\r\n  /** No border */\r\n  0: 0,\r\n  /** 1px - hairline border */\r\n  DEFAULT: 1,\r\n  /** 2px - medium border */\r\n  2: 2,\r\n  /** 3px - thick border */\r\n  3: 3,\r\n  /** 4px - heavy border */\r\n  4: 4,\r\n} as const\r\n\r\n/** Semantic border styles */\r\nexport const borderStyles = {\r\n  /** Subtle divider */\r\n  subtle: {\r\n    width: borderWidths.DEFAULT,\r\n    style: 'solid',\r\n    color: 'rgba(0, 0, 0, 0.06)',\r\n  },\r\n  /** Default border */\r\n  default: {\r\n    width: borderWidths.DEFAULT,\r\n    style: 'solid',\r\n    color: 'rgba(0, 0, 0, 0.1)',\r\n  },\r\n  /** Strong border - more visible */\r\n  strong: {\r\n    width: borderWidths.DEFAULT,\r\n    style: 'solid',\r\n    color: 'rgba(0, 0, 0, 0.15)',\r\n  },\r\n  /** Focus border */\r\n  focus: {\r\n    width: borderWidths[2],\r\n    style: 'solid',\r\n    color: 'rgba(85, 120, 244, 0.5)',\r\n  },\r\n  /** Error border */\r\n  error: {\r\n    width: borderWidths.DEFAULT,\r\n    style: 'solid',\r\n    color: 'rgba(239, 68, 68, 0.5)',\r\n  },\r\n  /** Success border */\r\n  success: {\r\n    width: borderWidths.DEFAULT,\r\n    style: 'solid',\r\n    color: 'rgba(16, 185, 129, 0.5)',\r\n  },\r\n} as const\r\n\r\nexport type Radius = keyof typeof radii\r\nexport type BorderWidth = keyof typeof borderWidths\r\nexport type BorderStyle = keyof typeof borderStyles\r\n","/**\r\n * Brycks Design System - Breakpoint Tokens\r\n *\r\n * Responsive design breakpoints for consistent layouts across devices.\r\n */\r\n\r\n/** Breakpoint values in pixels */\r\nexport const breakpoints = {\r\n  /** Mobile portrait - 320px+ */\r\n  xs: 320,\r\n  /** Mobile landscape - 480px+ */\r\n  sm: 480,\r\n  /** Tablet portrait - 640px+ */\r\n  md: 640,\r\n  /** Tablet landscape - 768px+ */\r\n  lg: 768,\r\n  /** Desktop - 1024px+ */\r\n  xl: 1024,\r\n  /** Large desktop - 1280px+ */\r\n  '2xl': 1280,\r\n  /** Extra large screens - 1536px+ */\r\n  '3xl': 1536,\r\n  /** Ultra wide - 1920px+ */\r\n  '4xl': 1920,\r\n} as const\r\n\r\n/** Media query helpers */\r\nexport const mediaQueries = {\r\n  xs: `@media (min-width: ${breakpoints.xs}px)`,\r\n  sm: `@media (min-width: ${breakpoints.sm}px)`,\r\n  md: `@media (min-width: ${breakpoints.md}px)`,\r\n  lg: `@media (min-width: ${breakpoints.lg}px)`,\r\n  xl: `@media (min-width: ${breakpoints.xl}px)`,\r\n  '2xl': `@media (min-width: ${breakpoints['2xl']}px)`,\r\n  '3xl': `@media (min-width: ${breakpoints['3xl']}px)`,\r\n  '4xl': `@media (min-width: ${breakpoints['4xl']}px)`,\r\n\r\n  /** Max-width queries (mobile-first overrides) */\r\n  maxXs: `@media (max-width: ${breakpoints.xs - 1}px)`,\r\n  maxSm: `@media (max-width: ${breakpoints.sm - 1}px)`,\r\n  maxMd: `@media (max-width: ${breakpoints.md - 1}px)`,\r\n  maxLg: `@media (max-width: ${breakpoints.lg - 1}px)`,\r\n  maxXl: `@media (max-width: ${breakpoints.xl - 1}px)`,\r\n  max2xl: `@media (max-width: ${breakpoints['2xl'] - 1}px)`,\r\n\r\n  /** Preference queries */\r\n  prefersReducedMotion: '@media (prefers-reduced-motion: reduce)',\r\n  prefersDark: '@media (prefers-color-scheme: dark)',\r\n  prefersLight: '@media (prefers-color-scheme: light)',\r\n  prefersHighContrast: '@media (prefers-contrast: high)',\r\n\r\n  /** Device specific */\r\n  hover: '@media (hover: hover)',\r\n  touch: '@media (hover: none) and (pointer: coarse)',\r\n  fine: '@media (pointer: fine)',\r\n} as const\r\n\r\n/** Container max-widths aligned with breakpoints */\r\nexport const containers = {\r\n  xs: 320,\r\n  sm: 480,\r\n  md: 640,\r\n  lg: 768,\r\n  xl: 1024,\r\n  '2xl': 1280,\r\n  '3xl': 1440,\r\n  full: '100%',\r\n} as const\r\n\r\nexport type Breakpoint = keyof typeof breakpoints\r\nexport type MediaQuery = keyof typeof mediaQueries\r\nexport type Container = keyof typeof containers\r\n","/**\r\n * Brycks Design System - Z-Index Tokens\r\n *\r\n * Layering system for consistent stacking context management.\r\n */\r\n\r\n/** Z-index scale */\r\nexport const zIndex = {\r\n  /** Hidden - below everything */\r\n  hide: -1,\r\n  /** Auto - default stacking */\r\n  auto: 'auto',\r\n  /** Base - normal content */\r\n  base: 0,\r\n  /** Docked - sticky elements */\r\n  docked: 10,\r\n  /** Dropdown - menus, selects */\r\n  dropdown: 1000,\r\n  /** Sticky - sticky headers */\r\n  sticky: 1100,\r\n  /** Banner - notification banners */\r\n  banner: 1200,\r\n  /** Overlay - backdrop overlays */\r\n  overlay: 1300,\r\n  /** Modal - dialog windows */\r\n  modal: 1400,\r\n  /** Popover - popovers, tooltips */\r\n  popover: 1500,\r\n  /** Skiplink - accessibility skip links */\r\n  skipLink: 1600,\r\n  /** Toast - notification toasts */\r\n  toast: 1700,\r\n  /** Tooltip - tooltips (highest) */\r\n  tooltip: 1800,\r\n} as const\r\n\r\nexport type ZIndex = keyof typeof zIndex\r\n","/**\r\n * Brycks Design System - Motion Tokens\r\n *\r\n * Smooth, Apple-inspired animations and transitions.\r\n * Creates a tactile, responsive feel with natural easing.\r\n */\r\n\r\n/** Duration scale in milliseconds */\r\nexport const durations = {\r\n  /** Instant - for micro-interactions */\r\n  instant: 0,\r\n  /** 50ms - nearly instant */\r\n  faster: 50,\r\n  /** 100ms - very fast, state changes */\r\n  fast: 100,\r\n  /** 150ms - quick, hover states */\r\n  quick: 150,\r\n  /** 200ms - default transitions */\r\n  normal: 200,\r\n  /** 300ms - medium, focus changes */\r\n  relaxed: 300,\r\n  /** 400ms - slow, content reveals */\r\n  slow: 400,\r\n  /** 500ms - slower, modal openings */\r\n  slower: 500,\r\n  /** 700ms - very slow, page transitions */\r\n  lazy: 700,\r\n  /** 1000ms - dramatic reveals */\r\n  dramatic: 1000,\r\n} as const\r\n\r\n/** Easing functions - natural, Apple-inspired curves */\r\nexport const easings = {\r\n  /** Linear - constant speed */\r\n  linear: 'linear',\r\n\r\n  /** Ease - subtle acceleration/deceleration */\r\n  ease: 'ease',\r\n\r\n  /** Ease in - slow start */\r\n  easeIn: 'cubic-bezier(0.4, 0, 1, 1)',\r\n\r\n  /** Ease out - slow end (most common) */\r\n  easeOut: 'cubic-bezier(0, 0, 0.2, 1)',\r\n\r\n  /** Ease in-out - slow start and end */\r\n  easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',\r\n\r\n  /** Apple-style spring - bouncy, natural feel */\r\n  spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\r\n\r\n  /** Soft spring - subtle bounce */\r\n  softSpring: 'cubic-bezier(0.22, 1, 0.36, 1)',\r\n\r\n  /** Smooth - very smooth deceleration */\r\n  smooth: 'cubic-bezier(0.25, 0.1, 0.25, 1)',\r\n\r\n  /** Snappy - quick with soft landing */\r\n  snappy: 'cubic-bezier(0.2, 0, 0, 1)',\r\n\r\n  /** Expressive - dramatic entrance */\r\n  expressive: 'cubic-bezier(0.19, 1, 0.22, 1)',\r\n\r\n  /** Bounce - playful */\r\n  bounce: 'cubic-bezier(0.68, -0.55, 0.265, 1.55)',\r\n} as const\r\n\r\n/** Pre-composed transition presets */\r\nexport const transitions = {\r\n  /** No transition */\r\n  none: 'none',\r\n\r\n  /** Default - for most interactions */\r\n  default: `all ${durations.normal}ms ${easings.easeOut}`,\r\n\r\n  /** Fast - for hover states, micro-interactions */\r\n  fast: `all ${durations.fast}ms ${easings.easeOut}`,\r\n\r\n  /** Quick - for quick feedback */\r\n  quick: `all ${durations.quick}ms ${easings.easeOut}`,\r\n\r\n  /** Smooth - for focus states */\r\n  smooth: `all ${durations.relaxed}ms ${easings.smooth}`,\r\n\r\n  /** Spring - for interactive elements */\r\n  spring: `all ${durations.relaxed}ms ${easings.softSpring}`,\r\n\r\n  /** Slow - for reveals, modals */\r\n  slow: `all ${durations.slow}ms ${easings.easeOut}`,\r\n\r\n  /** Transform only */\r\n  transform: `transform ${durations.normal}ms ${easings.easeOut}`,\r\n\r\n  /** Opacity only */\r\n  opacity: `opacity ${durations.normal}ms ${easings.easeOut}`,\r\n\r\n  /** Colors only */\r\n  colors: `color ${durations.fast}ms ${easings.easeOut}, background-color ${durations.fast}ms ${easings.easeOut}, border-color ${durations.fast}ms ${easings.easeOut}`,\r\n\r\n  /** Shadow only */\r\n  shadow: `box-shadow ${durations.normal}ms ${easings.easeOut}`,\r\n} as const\r\n\r\n/** Animation keyframe names for CSS animations */\r\nexport const animations = {\r\n  /** Fade in */\r\n  fadeIn: {\r\n    from: { opacity: 0 },\r\n    to: { opacity: 1 },\r\n  },\r\n  /** Fade out */\r\n  fadeOut: {\r\n    from: { opacity: 1 },\r\n    to: { opacity: 0 },\r\n  },\r\n  /** Scale up */\r\n  scaleIn: {\r\n    from: { opacity: 0, transform: 'scale(0.95)' },\r\n    to: { opacity: 1, transform: 'scale(1)' },\r\n  },\r\n  /** Scale down */\r\n  scaleOut: {\r\n    from: { opacity: 1, transform: 'scale(1)' },\r\n    to: { opacity: 0, transform: 'scale(0.95)' },\r\n  },\r\n  /** Slide up */\r\n  slideUp: {\r\n    from: { opacity: 0, transform: 'translateY(10px)' },\r\n    to: { opacity: 1, transform: 'translateY(0)' },\r\n  },\r\n  /** Slide down */\r\n  slideDown: {\r\n    from: { opacity: 0, transform: 'translateY(-10px)' },\r\n    to: { opacity: 1, transform: 'translateY(0)' },\r\n  },\r\n  /** Slide left */\r\n  slideLeft: {\r\n    from: { opacity: 0, transform: 'translateX(10px)' },\r\n    to: { opacity: 1, transform: 'translateX(0)' },\r\n  },\r\n  /** Slide right */\r\n  slideRight: {\r\n    from: { opacity: 0, transform: 'translateX(-10px)' },\r\n    to: { opacity: 1, transform: 'translateX(0)' },\r\n  },\r\n  /** Spin */\r\n  spin: {\r\n    from: { transform: 'rotate(0deg)' },\r\n    to: { transform: 'rotate(360deg)' },\r\n  },\r\n  /** Pulse */\r\n  pulse: {\r\n    '0%': { opacity: 1 },\r\n    '50%': { opacity: 0.5 },\r\n    '100%': { opacity: 1 },\r\n  },\r\n  /** Shake - for errors */\r\n  shake: {\r\n    '0%, 100%': { transform: 'translateX(0)' },\r\n    '10%, 30%, 50%, 70%, 90%': { transform: 'translateX(-4px)' },\r\n    '20%, 40%, 60%, 80%': { transform: 'translateX(4px)' },\r\n  },\r\n} as const\r\n\r\nexport type Duration = keyof typeof durations\r\nexport type Easing = keyof typeof easings\r\nexport type Transition = keyof typeof transitions\r\nexport type Animation = keyof typeof animations\r\n"],"names":["BASE_UNIT","spacing","semanticSpacing","fontFamilies","fontWeights","fontSizes","lineHeights","letterSpacings","textStyles","shadows","focusRings","glows","radii","borderWidths","borderStyles","breakpoints","mediaQueries","containers","zIndex","durations","easings","transitions","animations"],"mappings":"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"}
+{"version":3,"file":"tokens.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/utility.d.ts

@@ -0,0 +1,259 @@
+import { ButtonHTMLAttributes } from 'react';
+import { CSSProperties } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+
+export declare const Avatar: ForwardRefExoticComponent<AvatarProps & RefAttributes<HTMLButtonElement | HTMLDivElement>>;
+
+export declare interface AvatarProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    /** Size of the avatar */
+    size?: AvatarSize;
+    /** Name to display initials from */
+    name?: string;
+    /** Image source URL */
+    src?: string;
+    /** Alt text for the image */
+    alt?: string;
+    /** Custom content to render inside */
+    children?: ReactNode;
+    /** Whether the avatar is interactive (button) or static (div) */
+    interactive?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+export declare const Badge: ForwardRefExoticComponent<BadgeProps & RefAttributes<HTMLSpanElement>>;
+
+export declare type BadgeIntent = 'neutral' | 'primary' | 'accent' | 'success' | 'warning' | 'error' | 'info';
+
+export declare interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Visual variant */
+    variant?: BadgeVariant;
+    /** Color intent */
+    intent?: BadgeIntent;
+    /** Size */
+    size?: BadgeSize;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+    /** Badge content */
+    children?: ReactNode;
+}
+
+export declare type BadgeSize = 'sm' | 'md' | 'lg';
+
+export declare type BadgeVariant = 'solid' | 'subtle' | 'outline';
+
+export declare const Divider: ForwardRefExoticComponent<DividerProps & RefAttributes<HTMLDivElement>>;
+
+export declare type DividerOrientation = 'horizontal' | 'vertical';
+
+export declare interface DividerProps extends HTMLAttributes<HTMLDivElement> {
+    /** Divider orientation */
+    orientation?: DividerOrientation;
+    /** Visual variant */
+    variant?: DividerVariant;
+    /** Label text in the middle */
+    label?: ReactNode;
+    /** Label position */
+    labelPosition?: 'start' | 'center' | 'end';
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type DividerVariant = 'solid' | 'dashed' | 'dotted';
+
+export declare const EmptyState: ForwardRefExoticComponent<EmptyStateProps & RefAttributes<HTMLDivElement>>;
+
+/** Default empty state icon */
+export declare function EmptyStateIcon({ size }: {
+    size?: number;
+}): JSX.Element;
+
+export declare namespace EmptyStateIcon {
+    var displayName: string;
+}
+
+export declare interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Icon or illustration */
+    icon?: ReactNode;
+    /** Title text */
+    title?: ReactNode;
+    /** Description text */
+    description?: ReactNode;
+    /** Action element (button, link) */
+    action?: ReactNode;
+    /** Secondary action */
+    secondaryAction?: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare const FocusTrap: ForwardRefExoticComponent<FocusTrapProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface FocusTrapProps {
+    /** Content to trap focus within */
+    children: ReactNode;
+    /** Whether the focus trap is active */
+    enabled?: boolean;
+    /** Whether to auto-focus the first element */
+    autoFocus?: boolean;
+    /** Whether to restore focus on unmount */
+    restoreFocus?: boolean;
+    /** Initial element to focus (selector) */
+    initialFocus?: string;
+    /** Custom class name */
+    className?: string;
+    /** Custom inline styles */
+    style?: CSSProperties;
+}
+
+export declare const Loader: ForwardRefExoticComponent<LoaderProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface LoaderProps extends HTMLAttributes<HTMLDivElement> {
+    /** Loader size */
+    size?: LoaderSize;
+    /** Loader variant */
+    variant?: LoaderVariant;
+    /** Color (CSS value) */
+    color?: string;
+    /** Accessible label */
+    label?: string;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type LoaderSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+export declare type LoaderVariant = 'spinner' | 'dots' | 'pulse';
+
+export declare const Logo: ForwardRefExoticComponent<LogoProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface LogoProps extends HTMLAttributes<HTMLDivElement> {
+    /** Size of the logo */
+    size?: LogoSize;
+    /** Content to display (usually a letter or icon) */
+    children?: ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type LogoSize = 'sm' | 'md' | 'lg' | 'xl';
+
+export declare const Overlay: ForwardRefExoticComponent<OverlayProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface OverlayProps extends HTMLAttributes<HTMLDivElement> {
+    /** Whether the overlay is visible */
+    isOpen: boolean;
+    /** Callback when overlay is clicked */
+    onClose?: () => void;
+    /** Whether clicking the overlay closes it */
+    closeOnClick?: boolean;
+    /** Whether to apply backdrop blur */
+    blur?: boolean;
+    /** Blur intensity (in pixels) */
+    blurAmount?: number;
+    /** Background opacity (0-1) */
+    opacity?: number;
+    /** Whether to use a portal */
+    usePortal?: boolean;
+    /** Z-index for the overlay */
+    zIndex?: number;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare function Portal({ children, container, disabled }: PortalProps): JSX.Element | null;
+
+export declare namespace Portal {
+    var displayName: string;
+}
+
+export declare interface PortalProps {
+    /** Content to render in the portal */
+    children: ReactNode;
+    /** Container element or selector to render into */
+    container?: HTMLElement | string;
+    /** Whether the portal is disabled (renders inline) */
+    disabled?: boolean;
+}
+
+export declare const ScreenReaderOnly: ForwardRefExoticComponent<ScreenReaderOnlyProps & RefAttributes<HTMLSpanElement>>;
+
+export declare interface ScreenReaderOnlyProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Content to be read by screen readers */
+    children: ReactNode;
+    /** Whether to make content focusable (shows on focus) */
+    focusable?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare const Skeleton: ForwardRefExoticComponent<SkeletonProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    /** Skeleton variant */
+    variant?: SkeletonVariant;
+    /** Width */
+    width?: string | number;
+    /** Height */
+    height?: string | number;
+    /** Border radius (for rectangular variant) */
+    radius?: string | number;
+    /** Whether to animate */
+    animate?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare function SkeletonText({ lines, gap, lastLineWidth, className, }: SkeletonTextProps): JSX.Element;
+
+export declare namespace SkeletonText {
+    var displayName: string;
+}
+
+/** Text skeleton with multiple lines */
+export declare interface SkeletonTextProps {
+    /** Number of lines */
+    lines?: number;
+    /** Gap between lines */
+    gap?: number;
+    /** Last line width percentage */
+    lastLineWidth?: string;
+    /** Custom class name */
+    className?: string;
+}
+
+export declare type SkeletonVariant = 'text' | 'circular' | 'rectangular';
+
+/** Alias for Loader */
+export declare const Spinner: ForwardRefExoticComponent<LoaderProps & RefAttributes<HTMLDivElement>>;
+
+/**
+ * Alias for ScreenReaderOnly with a shorter name
+ */
+export declare const SrOnly: ForwardRefExoticComponent<ScreenReaderOnlyProps & RefAttributes<HTMLSpanElement>>;
+
+export { }

package/dist/utils/lazyComponent.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function r(e){const o=t.lazy(e);return o.preload=e,o}async function a(e){await Promise.all(e.map(o=>o()))}function c(e){let o=!1;const n=()=>o?Promise.resolve({default:{}}):(o=!0,e());return{Component:t.lazy(e),triggerProps:{onMouseEnter:n,onFocus:n},preload:n}}exports.createInteractionLazyComponent=c;exports.createLazyComponent=r;exports.preloadComponents=a;
+//# sourceMappingURL=lazyComponent.cjs.map

package/dist/utils/lazyComponent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazyComponent.cjs","sources":["../../src/utils/lazyComponent.ts"],"sourcesContent":["/**\r\n * Lazy Component Utility\r\n *\r\n * Utilities for lazy-loading components with better performance.\r\n * Reduces initial bundle size by deferring component loading.\r\n */\r\n\r\nimport { lazy, type ComponentType, type LazyExoticComponent } from 'react'\r\n\r\n/**\r\n * Creates a lazy-loaded component with preloading capability.\r\n *\r\n * @example\r\n * ```tsx\r\n * const Modal = createLazyComponent(() => import('./Modal'))\r\n *\r\n * // Preload before showing\r\n * Modal.preload()\r\n * ```\r\n */\r\nexport function createLazyComponent<T extends ComponentType<unknown>>(\r\n  importFn: () => Promise<{ default: T }>\r\n): LazyExoticComponent<T> & { preload: () => Promise<{ default: T }> } {\r\n  const LazyComponent = lazy(importFn) as LazyExoticComponent<T> & {\r\n    preload: () => Promise<{ default: T }>\r\n  }\r\n\r\n  // Add preload method for eager loading when needed\r\n  LazyComponent.preload = importFn\r\n\r\n  return LazyComponent\r\n}\r\n\r\n/**\r\n * Preloads multiple components in parallel.\r\n * Useful for preloading a group of related components.\r\n *\r\n * @example\r\n * ```tsx\r\n * // Preload all form components before navigating to form page\r\n * preloadComponents([\r\n *   () => import('./Input'),\r\n *   () => import('./Select'),\r\n *   () => import('./Checkbox'),\r\n * ])\r\n * ```\r\n */\r\nexport async function preloadComponents(\r\n  importFns: Array<() => Promise<{ default: ComponentType<unknown> }>>\r\n): Promise<void> {\r\n  await Promise.all(importFns.map(fn => fn()))\r\n}\r\n\r\n/**\r\n * Creates a lazy component that loads on interaction (hover/focus).\r\n * Useful for components that are likely to be used soon.\r\n *\r\n * @example\r\n * ```tsx\r\n * const { Component: Modal, triggerProps } = createInteractionLazyComponent(\r\n *   () => import('./Modal')\r\n * )\r\n *\r\n * // The trigger will preload Modal on hover/focus\r\n * <button {...triggerProps}>Open Modal</button>\r\n * ```\r\n */\r\nexport function createInteractionLazyComponent<T extends ComponentType<unknown>>(\r\n  importFn: () => Promise<{ default: T }>\r\n): {\r\n  Component: LazyExoticComponent<T>\r\n  triggerProps: {\r\n    onMouseEnter: () => void\r\n    onFocus: () => void\r\n  }\r\n  preload: () => Promise<{ default: T }>\r\n} {\r\n  let loaded = false\r\n\r\n  const preload = () => {\r\n    if (loaded) return Promise.resolve({ default: {} as T })\r\n    loaded = true\r\n    return importFn()\r\n  }\r\n\r\n  return {\r\n    Component: lazy(importFn),\r\n    triggerProps: {\r\n      onMouseEnter: preload,\r\n      onFocus: preload,\r\n    },\r\n    preload,\r\n  }\r\n}\r\n\r\n/**\r\n * Type for lazy component with preload capability.\r\n */\r\nexport type LazyComponentWithPreload<T extends ComponentType<unknown>> =\r\n  LazyExoticComponent<T> & { preload: () => Promise<{ default: T }> }\r\n"],"names":["createLazyComponent","importFn","LazyComponent","lazy","preloadComponents","importFns","fn","createInteractionLazyComponent","loaded","preload"],"mappings":"yGAoBO,SAASA,EACdC,EACqE,CACrE,MAAMC,EAAgBC,EAAAA,KAAKF,CAAQ,EAKnC,OAAAC,EAAc,QAAUD,EAEjBC,CACT,CAgBA,eAAsBE,EACpBC,EACe,CACf,MAAM,QAAQ,IAAIA,EAAU,IAAIC,GAAMA,EAAA,CAAI,CAAC,CAC7C,CAgBO,SAASC,EACdN,EAQA,CACA,IAAIO,EAAS,GAEb,MAAMC,EAAU,IACVD,EAAe,QAAQ,QAAQ,CAAE,QAAS,CAAA,EAAS,GACvDA,EAAS,GACFP,EAAA,GAGT,MAAO,CACL,UAAWE,EAAAA,KAAKF,CAAQ,EACxB,aAAc,CACZ,aAAcQ,EACd,QAASA,CAAA,EAEX,QAAAA,CAAA,CAEJ"}

package/dist/utils/lazyComponent.js

@@ -0,0 +1,26 @@
+import { lazy as t } from "react";
+function a(e) {
+  const o = t(e);
+  return o.preload = e, o;
+}
+async function l(e) {
+  await Promise.all(e.map((o) => o()));
+}
+function s(e) {
+  let o = !1;
+  const n = () => o ? Promise.resolve({ default: {} }) : (o = !0, e());
+  return {
+    Component: t(e),
+    triggerProps: {
+      onMouseEnter: n,
+      onFocus: n
+    },
+    preload: n
+  };
+}
+export {
+  s as createInteractionLazyComponent,
+  a as createLazyComponent,
+  l as preloadComponents
+};
+//# sourceMappingURL=lazyComponent.js.map

package/dist/utils/lazyComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazyComponent.js","sources":["../../src/utils/lazyComponent.ts"],"sourcesContent":["/**\r\n * Lazy Component Utility\r\n *\r\n * Utilities for lazy-loading components with better performance.\r\n * Reduces initial bundle size by deferring component loading.\r\n */\r\n\r\nimport { lazy, type ComponentType, type LazyExoticComponent } from 'react'\r\n\r\n/**\r\n * Creates a lazy-loaded component with preloading capability.\r\n *\r\n * @example\r\n * ```tsx\r\n * const Modal = createLazyComponent(() => import('./Modal'))\r\n *\r\n * // Preload before showing\r\n * Modal.preload()\r\n * ```\r\n */\r\nexport function createLazyComponent<T extends ComponentType<unknown>>(\r\n  importFn: () => Promise<{ default: T }>\r\n): LazyExoticComponent<T> & { preload: () => Promise<{ default: T }> } {\r\n  const LazyComponent = lazy(importFn) as LazyExoticComponent<T> & {\r\n    preload: () => Promise<{ default: T }>\r\n  }\r\n\r\n  // Add preload method for eager loading when needed\r\n  LazyComponent.preload = importFn\r\n\r\n  return LazyComponent\r\n}\r\n\r\n/**\r\n * Preloads multiple components in parallel.\r\n * Useful for preloading a group of related components.\r\n *\r\n * @example\r\n * ```tsx\r\n * // Preload all form components before navigating to form page\r\n * preloadComponents([\r\n *   () => import('./Input'),\r\n *   () => import('./Select'),\r\n *   () => import('./Checkbox'),\r\n * ])\r\n * ```\r\n */\r\nexport async function preloadComponents(\r\n  importFns: Array<() => Promise<{ default: ComponentType<unknown> }>>\r\n): Promise<void> {\r\n  await Promise.all(importFns.map(fn => fn()))\r\n}\r\n\r\n/**\r\n * Creates a lazy component that loads on interaction (hover/focus).\r\n * Useful for components that are likely to be used soon.\r\n *\r\n * @example\r\n * ```tsx\r\n * const { Component: Modal, triggerProps } = createInteractionLazyComponent(\r\n *   () => import('./Modal')\r\n * )\r\n *\r\n * // The trigger will preload Modal on hover/focus\r\n * <button {...triggerProps}>Open Modal</button>\r\n * ```\r\n */\r\nexport function createInteractionLazyComponent<T extends ComponentType<unknown>>(\r\n  importFn: () => Promise<{ default: T }>\r\n): {\r\n  Component: LazyExoticComponent<T>\r\n  triggerProps: {\r\n    onMouseEnter: () => void\r\n    onFocus: () => void\r\n  }\r\n  preload: () => Promise<{ default: T }>\r\n} {\r\n  let loaded = false\r\n\r\n  const preload = () => {\r\n    if (loaded) return Promise.resolve({ default: {} as T })\r\n    loaded = true\r\n    return importFn()\r\n  }\r\n\r\n  return {\r\n    Component: lazy(importFn),\r\n    triggerProps: {\r\n      onMouseEnter: preload,\r\n      onFocus: preload,\r\n    },\r\n    preload,\r\n  }\r\n}\r\n\r\n/**\r\n * Type for lazy component with preload capability.\r\n */\r\nexport type LazyComponentWithPreload<T extends ComponentType<unknown>> =\r\n  LazyExoticComponent<T> & { preload: () => Promise<{ default: T }> }\r\n"],"names":["createLazyComponent","importFn","LazyComponent","lazy","preloadComponents","importFns","fn","createInteractionLazyComponent","loaded","preload"],"mappings":";AAoBO,SAASA,EACdC,GACqE;AACrE,QAAMC,IAAgBC,EAAKF,CAAQ;AAKnC,SAAAC,EAAc,UAAUD,GAEjBC;AACT;AAgBA,eAAsBE,EACpBC,GACe;AACf,QAAM,QAAQ,IAAIA,EAAU,IAAI,CAAAC,MAAMA,EAAA,CAAI,CAAC;AAC7C;AAgBO,SAASC,EACdN,GAQA;AACA,MAAIO,IAAS;AAEb,QAAMC,IAAU,MACVD,IAAe,QAAQ,QAAQ,EAAE,SAAS,CAAA,GAAS,KACvDA,IAAS,IACFP,EAAA;AAGT,SAAO;AAAA,IACL,WAAWE,EAAKF,CAAQ;AAAA,IACxB,cAAc;AAAA,MACZ,cAAcQ;AAAA,MACd,SAASA;AAAA,IAAA;AAAA,IAEX,SAAAA;AAAA,EAAA;AAEJ;"}

package/dist/utils/styles.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../design-system/tokens/spacing.cjs");function m(...i){return i.filter(Boolean).join(" ")}function c(i){return a.spacing[i]}function t(i){if(i===void 0)return;const n=a.spacing[i];return n===0?"0":`${n}px`}function u(i){const n={};return i.m!==void 0&&(n.margin=t(i.m)),i.mx!==void 0&&(n.marginLeft=t(i.mx),n.marginRight=t(i.mx)),i.my!==void 0&&(n.marginTop=t(i.my),n.marginBottom=t(i.my)),i.mt!==void 0&&(n.marginTop=t(i.mt)),i.mr!==void 0&&(n.marginRight=t(i.mr)),i.mb!==void 0&&(n.marginBottom=t(i.mb)),i.ml!==void 0&&(n.marginLeft=t(i.ml)),i.p!==void 0&&(n.padding=t(i.p)),i.px!==void 0&&(n.paddingLeft=t(i.px),n.paddingRight=t(i.px)),i.py!==void 0&&(n.paddingTop=t(i.py),n.paddingBottom=t(i.py)),i.pt!==void 0&&(n.paddingTop=t(i.pt)),i.pr!==void 0&&(n.paddingRight=t(i.pr)),i.pb!==void 0&&(n.paddingBottom=t(i.pb)),i.pl!==void 0&&(n.paddingLeft=t(i.pl)),n}let o=0;function l(i="brycks"){return`${i}-${++o}`}function v(i,n){const e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(i);if(!e)return i;const d=parseInt(e[1],16),g=parseInt(e[2],16),f=parseInt(e[3],16);return`rgba(${d}, ${g}, ${f}, ${n})`}exports.buildSpacingStyles=u;exports.cx=m;exports.generateId=l;exports.getSpacingValue=c;exports.hexToRgba=v;exports.spacingToCss=t;
+//# sourceMappingURL=styles.cjs.map

package/dist/utils/styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs","sources":["../../src/utils/styles.ts"],"sourcesContent":["/**\r\n * Brycks Design System - Style Utilities\r\n *\r\n * Helper functions for building component styles.\r\n * All values derive from design system - NO hardcoded values.\r\n *\r\n * @module utils/styles\r\n */\r\n\r\nimport type { CSSProperties } from 'react'\r\nimport type { SpacingProps } from '../types/common'\r\nimport { spacing } from '../design-system'\r\n\r\n/** Merge class names, filtering out falsy values */\r\nexport function cx(...classes: (string | boolean | undefined | null)[]): string {\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\n/** Convert spacing key to pixel value */\r\nexport function getSpacingValue(key: keyof typeof spacing): number {\r\n  return spacing[key]\r\n}\r\n\r\n/** Convert spacing key to CSS value with px unit */\r\nexport function spacingToCss(key: keyof typeof spacing | undefined): string | undefined {\r\n  if (key === undefined) return undefined\r\n  const value = spacing[key]\r\n  return value === 0 ? '0' : `${value}px`\r\n}\r\n\r\n/** Build spacing styles from props */\r\nexport function buildSpacingStyles(props: SpacingProps): CSSProperties {\r\n  const styles: CSSProperties = {}\r\n\r\n  if (props.m !== undefined) styles.margin = spacingToCss(props.m)\r\n  if (props.mx !== undefined) {\r\n    styles.marginLeft = spacingToCss(props.mx)\r\n    styles.marginRight = spacingToCss(props.mx)\r\n  }\r\n  if (props.my !== undefined) {\r\n    styles.marginTop = spacingToCss(props.my)\r\n    styles.marginBottom = spacingToCss(props.my)\r\n  }\r\n  if (props.mt !== undefined) styles.marginTop = spacingToCss(props.mt)\r\n  if (props.mr !== undefined) styles.marginRight = spacingToCss(props.mr)\r\n  if (props.mb !== undefined) styles.marginBottom = spacingToCss(props.mb)\r\n  if (props.ml !== undefined) styles.marginLeft = spacingToCss(props.ml)\r\n\r\n  if (props.p !== undefined) styles.padding = spacingToCss(props.p)\r\n  if (props.px !== undefined) {\r\n    styles.paddingLeft = spacingToCss(props.px)\r\n    styles.paddingRight = spacingToCss(props.px)\r\n  }\r\n  if (props.py !== undefined) {\r\n    styles.paddingTop = spacingToCss(props.py)\r\n    styles.paddingBottom = spacingToCss(props.py)\r\n  }\r\n  if (props.pt !== undefined) styles.paddingTop = spacingToCss(props.pt)\r\n  if (props.pr !== undefined) styles.paddingRight = spacingToCss(props.pr)\r\n  if (props.pb !== undefined) styles.paddingBottom = spacingToCss(props.pb)\r\n  if (props.pl !== undefined) styles.paddingLeft = spacingToCss(props.pl)\r\n\r\n  return styles\r\n}\r\n\r\n/** Create CSS-in-JS style object with typed tokens */\r\nexport function createStyles<T extends Record<string, CSSProperties>>(styles: T): T {\r\n  return styles\r\n}\r\n\r\n/** Generate a unique ID for accessibility */\r\nlet idCounter = 0\r\nexport function generateId(prefix = 'brycks'): string {\r\n  return `${prefix}-${++idCounter}`\r\n}\r\n\r\n/** Convert hex color to rgba */\r\nexport function hexToRgba(hex: string, alpha: number): string {\r\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex)\r\n  if (!result) return hex\r\n\r\n  const r = parseInt(result[1], 16)\r\n  const g = parseInt(result[2], 16)\r\n  const b = parseInt(result[3], 16)\r\n\r\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`\r\n}\r\n"],"names":["cx","classes","getSpacingValue","key","spacing","spacingToCss","value","buildSpacingStyles","props","styles","idCounter","generateId","prefix","hexToRgba","hex","alpha","result","r","b"],"mappings":"uIAcO,SAASA,KAAMC,EAA0D,CAC9E,OAAOA,EAAQ,OAAO,OAAO,EAAE,KAAK,GAAG,CACzC,CAGO,SAASC,EAAgBC,EAAmC,CACjE,OAAOC,EAAAA,QAAQD,CAAG,CACpB,CAGO,SAASE,EAAaF,EAA2D,CACtF,GAAIA,IAAQ,OAAW,OACvB,MAAMG,EAAQF,EAAAA,QAAQD,CAAG,EACzB,OAAOG,IAAU,EAAI,IAAM,GAAGA,CAAK,IACrC,CAGO,SAASC,EAAmBC,EAAoC,CACrE,MAAMC,EAAwB,CAAA,EAE9B,OAAID,EAAM,IAAM,WAAkB,OAASH,EAAaG,EAAM,CAAC,GAC3DA,EAAM,KAAO,SACfC,EAAO,WAAaJ,EAAaG,EAAM,EAAE,EACzCC,EAAO,YAAcJ,EAAaG,EAAM,EAAE,GAExCA,EAAM,KAAO,SACfC,EAAO,UAAYJ,EAAaG,EAAM,EAAE,EACxCC,EAAO,aAAeJ,EAAaG,EAAM,EAAE,GAEzCA,EAAM,KAAO,WAAkB,UAAYH,EAAaG,EAAM,EAAE,GAChEA,EAAM,KAAO,WAAkB,YAAcH,EAAaG,EAAM,EAAE,GAClEA,EAAM,KAAO,WAAkB,aAAeH,EAAaG,EAAM,EAAE,GACnEA,EAAM,KAAO,WAAkB,WAAaH,EAAaG,EAAM,EAAE,GAEjEA,EAAM,IAAM,WAAkB,QAAUH,EAAaG,EAAM,CAAC,GAC5DA,EAAM,KAAO,SACfC,EAAO,YAAcJ,EAAaG,EAAM,EAAE,EAC1CC,EAAO,aAAeJ,EAAaG,EAAM,EAAE,GAEzCA,EAAM,KAAO,SACfC,EAAO,WAAaJ,EAAaG,EAAM,EAAE,EACzCC,EAAO,cAAgBJ,EAAaG,EAAM,EAAE,GAE1CA,EAAM,KAAO,WAAkB,WAAaH,EAAaG,EAAM,EAAE,GACjEA,EAAM,KAAO,WAAkB,aAAeH,EAAaG,EAAM,EAAE,GACnEA,EAAM,KAAO,WAAkB,cAAgBH,EAAaG,EAAM,EAAE,GACpEA,EAAM,KAAO,WAAkB,YAAcH,EAAaG,EAAM,EAAE,GAE/DC,CACT,CAQA,IAAIC,EAAY,EACT,SAASC,EAAWC,EAAS,SAAkB,CACpD,MAAO,GAAGA,CAAM,IAAI,EAAEF,CAAS,EACjC,CAGO,SAASG,EAAUC,EAAaC,EAAuB,CAC5D,MAAMC,EAAS,4CAA4C,KAAKF,CAAG,EACnE,GAAI,CAACE,EAAQ,OAAOF,EAEpB,MAAMG,EAAI,SAASD,EAAO,CAAC,EAAG,EAAE,EAC1B,EAAI,SAASA,EAAO,CAAC,EAAG,EAAE,EAC1BE,EAAI,SAASF,EAAO,CAAC,EAAG,EAAE,EAEhC,MAAO,QAAQC,CAAC,KAAK,CAAC,KAAKC,CAAC,KAAKH,CAAK,GACxC"}

package/dist/utils/styles.js

@@ -0,0 +1,35 @@
+import { spacing as a } from "../design-system/tokens/spacing.js";
+function u(...i) {
+  return i.filter(Boolean).join(" ");
+}
+function o(i) {
+  return a[i];
+}
+function t(i) {
+  if (i === void 0) return;
+  const n = a[i];
+  return n === 0 ? "0" : `${n}px`;
+}
+function v(i) {
+  const n = {};
+  return i.m !== void 0 && (n.margin = t(i.m)), i.mx !== void 0 && (n.marginLeft = t(i.mx), n.marginRight = t(i.mx)), i.my !== void 0 && (n.marginTop = t(i.my), n.marginBottom = t(i.my)), i.mt !== void 0 && (n.marginTop = t(i.mt)), i.mr !== void 0 && (n.marginRight = t(i.mr)), i.mb !== void 0 && (n.marginBottom = t(i.mb)), i.ml !== void 0 && (n.marginLeft = t(i.ml)), i.p !== void 0 && (n.padding = t(i.p)), i.px !== void 0 && (n.paddingLeft = t(i.px), n.paddingRight = t(i.px)), i.py !== void 0 && (n.paddingTop = t(i.py), n.paddingBottom = t(i.py)), i.pt !== void 0 && (n.paddingTop = t(i.pt)), i.pr !== void 0 && (n.paddingRight = t(i.pr)), i.pb !== void 0 && (n.paddingBottom = t(i.pb)), i.pl !== void 0 && (n.paddingLeft = t(i.pl)), n;
+}
+let e = 0;
+function l(i = "brycks") {
+  return `${i}-${++e}`;
+}
+function r(i, n) {
+  const d = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(i);
+  if (!d) return i;
+  const f = parseInt(d[1], 16), g = parseInt(d[2], 16), m = parseInt(d[3], 16);
+  return `rgba(${f}, ${g}, ${m}, ${n})`;
+}
+export {
+  v as buildSpacingStyles,
+  u as cx,
+  l as generateId,
+  o as getSpacingValue,
+  r as hexToRgba,
+  t as spacingToCss
+};
+//# sourceMappingURL=styles.js.map

package/dist/utils/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../src/utils/styles.ts"],"sourcesContent":["/**\r\n * Brycks Design System - Style Utilities\r\n *\r\n * Helper functions for building component styles.\r\n * All values derive from design system - NO hardcoded values.\r\n *\r\n * @module utils/styles\r\n */\r\n\r\nimport type { CSSProperties } from 'react'\r\nimport type { SpacingProps } from '../types/common'\r\nimport { spacing } from '../design-system'\r\n\r\n/** Merge class names, filtering out falsy values */\r\nexport function cx(...classes: (string | boolean | undefined | null)[]): string {\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\n/** Convert spacing key to pixel value */\r\nexport function getSpacingValue(key: keyof typeof spacing): number {\r\n  return spacing[key]\r\n}\r\n\r\n/** Convert spacing key to CSS value with px unit */\r\nexport function spacingToCss(key: keyof typeof spacing | undefined): string | undefined {\r\n  if (key === undefined) return undefined\r\n  const value = spacing[key]\r\n  return value === 0 ? '0' : `${value}px`\r\n}\r\n\r\n/** Build spacing styles from props */\r\nexport function buildSpacingStyles(props: SpacingProps): CSSProperties {\r\n  const styles: CSSProperties = {}\r\n\r\n  if (props.m !== undefined) styles.margin = spacingToCss(props.m)\r\n  if (props.mx !== undefined) {\r\n    styles.marginLeft = spacingToCss(props.mx)\r\n    styles.marginRight = spacingToCss(props.mx)\r\n  }\r\n  if (props.my !== undefined) {\r\n    styles.marginTop = spacingToCss(props.my)\r\n    styles.marginBottom = spacingToCss(props.my)\r\n  }\r\n  if (props.mt !== undefined) styles.marginTop = spacingToCss(props.mt)\r\n  if (props.mr !== undefined) styles.marginRight = spacingToCss(props.mr)\r\n  if (props.mb !== undefined) styles.marginBottom = spacingToCss(props.mb)\r\n  if (props.ml !== undefined) styles.marginLeft = spacingToCss(props.ml)\r\n\r\n  if (props.p !== undefined) styles.padding = spacingToCss(props.p)\r\n  if (props.px !== undefined) {\r\n    styles.paddingLeft = spacingToCss(props.px)\r\n    styles.paddingRight = spacingToCss(props.px)\r\n  }\r\n  if (props.py !== undefined) {\r\n    styles.paddingTop = spacingToCss(props.py)\r\n    styles.paddingBottom = spacingToCss(props.py)\r\n  }\r\n  if (props.pt !== undefined) styles.paddingTop = spacingToCss(props.pt)\r\n  if (props.pr !== undefined) styles.paddingRight = spacingToCss(props.pr)\r\n  if (props.pb !== undefined) styles.paddingBottom = spacingToCss(props.pb)\r\n  if (props.pl !== undefined) styles.paddingLeft = spacingToCss(props.pl)\r\n\r\n  return styles\r\n}\r\n\r\n/** Create CSS-in-JS style object with typed tokens */\r\nexport function createStyles<T extends Record<string, CSSProperties>>(styles: T): T {\r\n  return styles\r\n}\r\n\r\n/** Generate a unique ID for accessibility */\r\nlet idCounter = 0\r\nexport function generateId(prefix = 'brycks'): string {\r\n  return `${prefix}-${++idCounter}`\r\n}\r\n\r\n/** Convert hex color to rgba */\r\nexport function hexToRgba(hex: string, alpha: number): string {\r\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex)\r\n  if (!result) return hex\r\n\r\n  const r = parseInt(result[1], 16)\r\n  const g = parseInt(result[2], 16)\r\n  const b = parseInt(result[3], 16)\r\n\r\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`\r\n}\r\n"],"names":["cx","classes","getSpacingValue","key","spacing","spacingToCss","value","buildSpacingStyles","props","styles","idCounter","generateId","prefix","hexToRgba","hex","alpha","result","r","b"],"mappings":";AAcO,SAASA,KAAMC,GAA0D;AAC9E,SAAOA,EAAQ,OAAO,OAAO,EAAE,KAAK,GAAG;AACzC;AAGO,SAASC,EAAgBC,GAAmC;AACjE,SAAOC,EAAQD,CAAG;AACpB;AAGO,SAASE,EAAaF,GAA2D;AACtF,MAAIA,MAAQ,OAAW;AACvB,QAAMG,IAAQF,EAAQD,CAAG;AACzB,SAAOG,MAAU,IAAI,MAAM,GAAGA,CAAK;AACrC;AAGO,SAASC,EAAmBC,GAAoC;AACrE,QAAMC,IAAwB,CAAA;AAE9B,SAAID,EAAM,MAAM,aAAkB,SAASH,EAAaG,EAAM,CAAC,IAC3DA,EAAM,OAAO,WACfC,EAAO,aAAaJ,EAAaG,EAAM,EAAE,GACzCC,EAAO,cAAcJ,EAAaG,EAAM,EAAE,IAExCA,EAAM,OAAO,WACfC,EAAO,YAAYJ,EAAaG,EAAM,EAAE,GACxCC,EAAO,eAAeJ,EAAaG,EAAM,EAAE,IAEzCA,EAAM,OAAO,aAAkB,YAAYH,EAAaG,EAAM,EAAE,IAChEA,EAAM,OAAO,aAAkB,cAAcH,EAAaG,EAAM,EAAE,IAClEA,EAAM,OAAO,aAAkB,eAAeH,EAAaG,EAAM,EAAE,IACnEA,EAAM,OAAO,aAAkB,aAAaH,EAAaG,EAAM,EAAE,IAEjEA,EAAM,MAAM,aAAkB,UAAUH,EAAaG,EAAM,CAAC,IAC5DA,EAAM,OAAO,WACfC,EAAO,cAAcJ,EAAaG,EAAM,EAAE,GAC1CC,EAAO,eAAeJ,EAAaG,EAAM,EAAE,IAEzCA,EAAM,OAAO,WACfC,EAAO,aAAaJ,EAAaG,EAAM,EAAE,GACzCC,EAAO,gBAAgBJ,EAAaG,EAAM,EAAE,IAE1CA,EAAM,OAAO,aAAkB,aAAaH,EAAaG,EAAM,EAAE,IACjEA,EAAM,OAAO,aAAkB,eAAeH,EAAaG,EAAM,EAAE,IACnEA,EAAM,OAAO,aAAkB,gBAAgBH,EAAaG,EAAM,EAAE,IACpEA,EAAM,OAAO,aAAkB,cAAcH,EAAaG,EAAM,EAAE,IAE/DC;AACT;AAQA,IAAIC,IAAY;AACT,SAASC,EAAWC,IAAS,UAAkB;AACpD,SAAO,GAAGA,CAAM,IAAI,EAAEF,CAAS;AACjC;AAGO,SAASG,EAAUC,GAAaC,GAAuB;AAC5D,QAAMC,IAAS,4CAA4C,KAAKF,CAAG;AACnE,MAAI,CAACE,EAAQ,QAAOF;AAEpB,QAAMG,IAAI,SAASD,EAAO,CAAC,GAAG,EAAE,GAC1B,IAAI,SAASA,EAAO,CAAC,GAAG,EAAE,GAC1BE,IAAI,SAASF,EAAO,CAAC,GAAG,EAAE;AAEhC,SAAO,QAAQC,CAAC,KAAK,CAAC,KAAKC,CAAC,KAAKH,CAAK;AACxC;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brycks/core-front",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "description": "Brycks Design System - A modern, calm, and tactile UI component library",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -22,6 +22,41 @@
       "require": "./dist/themes.cjs",
       "types": "./dist/themes.d.ts"
     },
+    "./hooks": {
+      "import": "./dist/hooks.js",
+      "require": "./dist/hooks.cjs",
+      "types": "./dist/hooks.d.ts"
+    },
+    "./components/layout": {
+      "import": "./dist/components/layout.js",
+      "require": "./dist/components/layout.cjs",
+      "types": "./dist/components/layout.d.ts"
+    },
+    "./components/form": {
+      "import": "./dist/components/form.js",
+      "require": "./dist/components/form.cjs",
+      "types": "./dist/components/form.d.ts"
+    },
+    "./components/feedback": {
+      "import": "./dist/components/feedback.js",
+      "require": "./dist/components/feedback.cjs",
+      "types": "./dist/components/feedback.d.ts"
+    },
+    "./components/navigation": {
+      "import": "./dist/components/navigation.js",
+      "require": "./dist/components/navigation.cjs",
+      "types": "./dist/components/navigation.d.ts"
+    },
+    "./components/data": {
+      "import": "./dist/components/data.js",
+      "require": "./dist/components/data.cjs",
+      "types": "./dist/components/data.d.ts"
+    },
+    "./components/utility": {
+      "import": "./dist/components/utility.js",
+      "require": "./dist/components/utility.cjs",
+      "types": "./dist/components/utility.d.ts"
+    },
     "./styles.css": "./dist/styles.css"
   },
   "files": [
@@ -44,6 +79,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.18.0",
+    "@types/node": "^25.0.9",
     "@types/react": "^19.2.5",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^4.2.1",

package/dist/colors-B_8a3coi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors-B_8a3coi.js","sources":["../src/design-system/tokens/colors.ts"],"sourcesContent":["/**\r\n * Brycks Design System - Color Tokens\r\n *\r\n * A sophisticated, calm color palette inspired by modern design systems.\r\n * Colors are organized in semantic scales for consistent usage.\r\n */\r\n\r\n/** Base neutral palette - grayscale with subtle warmth */\r\nexport const neutrals = {\r\n  white: '#FFFFFF',\r\n  gray50: '#FAFAFA',\r\n  gray100: '#F5F5F7',\r\n  gray200: '#E8E8ED',\r\n  gray300: '#D2D2D7',\r\n  gray400: '#AEAEB2',\r\n  gray500: '#8E8E93',\r\n  gray600: '#636366',\r\n  gray700: '#48484A',\r\n  gray800: '#3A3A3C',\r\n  gray900: '#2C2C2E',\r\n  gray950: '#1D1D1F',\r\n  black: '#000000',\r\n} as const\r\n\r\n/** Primary brand colors - sophisticated blue */\r\nexport const primary = {\r\n  50: '#EEF4FF',\r\n  100: '#E0EBFF',\r\n  200: '#C7DAFF',\r\n  300: '#A4C1FF',\r\n  400: '#7A9FFF',\r\n  500: '#5578F4',\r\n  600: '#3B5CE9',\r\n  700: '#2D47D6',\r\n  800: '#2A3CAD',\r\n  900: '#283889',\r\n  950: '#1A2352',\r\n} as const\r\n\r\n/** Accent colors - warm coral for emphasis */\r\nexport const accent = {\r\n  50: '#FFF5F3',\r\n  100: '#FFE8E3',\r\n  200: '#FFD5CC',\r\n  300: '#FFB5A6',\r\n  400: '#FF8A71',\r\n  500: '#F86545',\r\n  600: '#E54A28',\r\n  700: '#C13A1D',\r\n  800: '#9F331C',\r\n  900: '#842F1D',\r\n  950: '#48140A',\r\n} as const\r\n\r\n/** Success - calm green */\r\nexport const success = {\r\n  50: '#ECFDF5',\r\n  100: '#D1FAE5',\r\n  200: '#A7F3D0',\r\n  300: '#6EE7B7',\r\n  400: '#34D399',\r\n  500: '#10B981',\r\n  600: '#059669',\r\n  700: '#047857',\r\n  800: '#065F46',\r\n  900: '#064E3B',\r\n  950: '#022C22',\r\n} as const\r\n\r\n/** Warning - warm amber */\r\nexport const warning = {\r\n  50: '#FFFBEB',\r\n  100: '#FEF3C7',\r\n  200: '#FDE68A',\r\n  300: '#FCD34D',\r\n  400: '#FBBF24',\r\n  500: '#F59E0B',\r\n  600: '#D97706',\r\n  700: '#B45309',\r\n  800: '#92400E',\r\n  900: '#78350F',\r\n  950: '#451A03',\r\n} as const\r\n\r\n/** Error - refined red */\r\nexport const error = {\r\n  50: '#FEF2F2',\r\n  100: '#FEE2E2',\r\n  200: '#FECACA',\r\n  300: '#FCA5A5',\r\n  400: '#F87171',\r\n  500: '#EF4444',\r\n  600: '#DC2626',\r\n  700: '#B91C1C',\r\n  800: '#991B1B',\r\n  900: '#7F1D1D',\r\n  950: '#450A0A',\r\n} as const\r\n\r\n/** Info - calm cyan */\r\nexport const info = {\r\n  50: '#ECFEFF',\r\n  100: '#CFFAFE',\r\n  200: '#A5F3FC',\r\n  300: '#67E8F9',\r\n  400: '#22D3EE',\r\n  500: '#06B6D4',\r\n  600: '#0891B2',\r\n  700: '#0E7490',\r\n  800: '#155E75',\r\n  900: '#164E63',\r\n  950: '#083344',\r\n} as const\r\n\r\n/** Complete color palette export */\r\nexport const colors = {\r\n  neutrals,\r\n  primary,\r\n  accent,\r\n  success,\r\n  warning,\r\n  error,\r\n  info,\r\n} as const\r\n\r\nexport type ColorScale = typeof primary\r\nexport type NeutralScale = typeof neutrals\r\nexport type Colors = typeof colors\r\n"],"names":["neutrals","primary","accent","success","warning","error","info","colors"],"mappings":"AAQO,MAAMA,IAAW;AAAA,EACtB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT,GAGaC,IAAU;AAAA,EACrB,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,GAGaC,IAAS;AAAA,EACpB,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,GAGaC,IAAU;AAAA,EACrB,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,GAGaC,IAAU;AAAA,EACrB,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,GAGaC,IAAQ;AAAA,EACnB,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,GAGaC,IAAO;AAAA,EAClB,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,GAGaC,IAAS;AAAA,EACpB,UAAAP;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AACF;"}

package/dist/colors-Bp6ROxvx.cjs

@@ -1,2 +0,0 @@
-"use strict";const F={white:"#FFFFFF",gray50:"#FAFAFA",gray100:"#F5F5F7",gray200:"#E8E8ED",gray300:"#D2D2D7",gray400:"#AEAEB2",gray500:"#8E8E93",gray600:"#636366",gray700:"#48484A",gray800:"#3A3A3C",gray900:"#2C2C2E",gray950:"#1D1D1F",black:"#000000"},E={50:"#EEF4FF",100:"#E0EBFF",200:"#C7DAFF",300:"#A4C1FF",400:"#7A9FFF",500:"#5578F4",600:"#3B5CE9",700:"#2D47D6",800:"#2A3CAD",900:"#283889",950:"#1A2352"},A={50:"#FFF5F3",100:"#FFE8E3",200:"#FFD5CC",300:"#FFB5A6",400:"#FF8A71",500:"#F86545",600:"#E54A28",700:"#C13A1D",800:"#9F331C",900:"#842F1D",950:"#48140A"},r={50:"#ECFDF5",100:"#D1FAE5",200:"#A7F3D0",300:"#6EE7B7",400:"#34D399",500:"#10B981",600:"#059669",700:"#047857",800:"#065F46",900:"#064E3B",950:"#022C22"},D={50:"#FFFBEB",100:"#FEF3C7",200:"#FDE68A",300:"#FCD34D",400:"#FBBF24",500:"#F59E0B",600:"#D97706",700:"#B45309",800:"#92400E",900:"#78350F",950:"#451A03"},C={50:"#FEF2F2",100:"#FEE2E2",200:"#FECACA",300:"#FCA5A5",400:"#F87171",500:"#EF4444",600:"#DC2626",700:"#B91C1C",800:"#991B1B",900:"#7F1D1D",950:"#450A0A"},a={50:"#ECFEFF",100:"#CFFAFE",200:"#A5F3FC",300:"#67E8F9",400:"#22D3EE",500:"#06B6D4",600:"#0891B2",700:"#0E7490",800:"#155E75",900:"#164E63",950:"#083344"},c={neutrals:F,primary:E,accent:A,success:r,warning:D,error:C,info:a};exports.accent=A;exports.colors=c;exports.error=C;exports.info=a;exports.neutrals=F;exports.primary=E;exports.success=r;exports.warning=D;
-//# sourceMappingURL=colors-Bp6ROxvx.cjs.map

package/dist/colors-Bp6ROxvx.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors-Bp6ROxvx.cjs","sources":["../src/design-system/tokens/colors.ts"],"sourcesContent":["/**\r\n * Brycks Design System - Color Tokens\r\n *\r\n * A sophisticated, calm color palette inspired by modern design systems.\r\n * Colors are organized in semantic scales for consistent usage.\r\n */\r\n\r\n/** Base neutral palette - grayscale with subtle warmth */\r\nexport const neutrals = {\r\n  white: '#FFFFFF',\r\n  gray50: '#FAFAFA',\r\n  gray100: '#F5F5F7',\r\n  gray200: '#E8E8ED',\r\n  gray300: '#D2D2D7',\r\n  gray400: '#AEAEB2',\r\n  gray500: '#8E8E93',\r\n  gray600: '#636366',\r\n  gray700: '#48484A',\r\n  gray800: '#3A3A3C',\r\n  gray900: '#2C2C2E',\r\n  gray950: '#1D1D1F',\r\n  black: '#000000',\r\n} as const\r\n\r\n/** Primary brand colors - sophisticated blue */\r\nexport const primary = {\r\n  50: '#EEF4FF',\r\n  100: '#E0EBFF',\r\n  200: '#C7DAFF',\r\n  300: '#A4C1FF',\r\n  400: '#7A9FFF',\r\n  500: '#5578F4',\r\n  600: '#3B5CE9',\r\n  700: '#2D47D6',\r\n  800: '#2A3CAD',\r\n  900: '#283889',\r\n  950: '#1A2352',\r\n} as const\r\n\r\n/** Accent colors - warm coral for emphasis */\r\nexport const accent = {\r\n  50: '#FFF5F3',\r\n  100: '#FFE8E3',\r\n  200: '#FFD5CC',\r\n  300: '#FFB5A6',\r\n  400: '#FF8A71',\r\n  500: '#F86545',\r\n  600: '#E54A28',\r\n  700: '#C13A1D',\r\n  800: '#9F331C',\r\n  900: '#842F1D',\r\n  950: '#48140A',\r\n} as const\r\n\r\n/** Success - calm green */\r\nexport const success = {\r\n  50: '#ECFDF5',\r\n  100: '#D1FAE5',\r\n  200: '#A7F3D0',\r\n  300: '#6EE7B7',\r\n  400: '#34D399',\r\n  500: '#10B981',\r\n  600: '#059669',\r\n  700: '#047857',\r\n  800: '#065F46',\r\n  900: '#064E3B',\r\n  950: '#022C22',\r\n} as const\r\n\r\n/** Warning - warm amber */\r\nexport const warning = {\r\n  50: '#FFFBEB',\r\n  100: '#FEF3C7',\r\n  200: '#FDE68A',\r\n  300: '#FCD34D',\r\n  400: '#FBBF24',\r\n  500: '#F59E0B',\r\n  600: '#D97706',\r\n  700: '#B45309',\r\n  800: '#92400E',\r\n  900: '#78350F',\r\n  950: '#451A03',\r\n} as const\r\n\r\n/** Error - refined red */\r\nexport const error = {\r\n  50: '#FEF2F2',\r\n  100: '#FEE2E2',\r\n  200: '#FECACA',\r\n  300: '#FCA5A5',\r\n  400: '#F87171',\r\n  500: '#EF4444',\r\n  600: '#DC2626',\r\n  700: '#B91C1C',\r\n  800: '#991B1B',\r\n  900: '#7F1D1D',\r\n  950: '#450A0A',\r\n} as const\r\n\r\n/** Info - calm cyan */\r\nexport const info = {\r\n  50: '#ECFEFF',\r\n  100: '#CFFAFE',\r\n  200: '#A5F3FC',\r\n  300: '#67E8F9',\r\n  400: '#22D3EE',\r\n  500: '#06B6D4',\r\n  600: '#0891B2',\r\n  700: '#0E7490',\r\n  800: '#155E75',\r\n  900: '#164E63',\r\n  950: '#083344',\r\n} as const\r\n\r\n/** Complete color palette export */\r\nexport const colors = {\r\n  neutrals,\r\n  primary,\r\n  accent,\r\n  success,\r\n  warning,\r\n  error,\r\n  info,\r\n} as const\r\n\r\nexport type ColorScale = typeof primary\r\nexport type NeutralScale = typeof neutrals\r\nexport type Colors = typeof colors\r\n"],"names":["neutrals","primary","accent","success","warning","error","info","colors"],"mappings":"aAQO,MAAMA,EAAW,CACtB,MAAO,UACP,OAAQ,UACR,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,QAAS,UACT,MAAO,SACT,EAGaC,EAAU,CACrB,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SACP,EAGaC,EAAS,CACpB,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SACP,EAGaC,EAAU,CACrB,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SACP,EAGaC,EAAU,CACrB,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SACP,EAGaC,EAAQ,CACnB,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SACP,EAGaC,EAAO,CAClB,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SACP,EAGaC,EAAS,CACpB,SAAAP,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EACA,QAAAC,EACA,MAAAC,EACA,KAAAC,CACF"}

package/dist/components/data/InfoItem/InfoItem.d.ts

@@ -1,44 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-export type InfoItemLayout = 'vertical' | 'horizontal' | 'inline';
-export type InfoItemSize = 'sm' | 'md' | 'lg';
-export interface InfoItemProps extends HTMLAttributes<HTMLDivElement> {
-    /** Label text */
-    label: ReactNode;
-    /** Value to display */
-    value?: ReactNode;
-    /** Children (alternative to value prop) */
-    children?: ReactNode;
-    /** Layout direction */
-    layout?: InfoItemLayout;
-    /** Size variant */
-    size?: InfoItemSize;
-    /** Hide if value is empty */
-    hideEmpty?: boolean;
-    /** Custom label width (for horizontal layout) */
-    labelWidth?: string | number;
-    /** Custom class name */
-    className?: string;
-    /** Test ID */
-    testId?: string;
-}
-export declare const InfoItem: import('react').ForwardRefExoticComponent<InfoItemProps & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * InfoList Component
- *
- * A container for multiple InfoItem components.
- * Provides consistent spacing and layout for info items.
- */
-export interface InfoListProps extends HTMLAttributes<HTMLDListElement> {
-    /** Gap between items */
-    gap?: 'sm' | 'md' | 'lg';
-    /** Number of columns */
-    columns?: 1 | 2 | 3 | 4;
-    /** Children (InfoItem components) */
-    children: ReactNode;
-    /** Custom class name */
-    className?: string;
-    /** Test ID */
-    testId?: string;
-}
-export declare const InfoList: import('react').ForwardRefExoticComponent<InfoListProps & import('react').RefAttributes<HTMLDListElement>>;
-//# sourceMappingURL=InfoItem.d.ts.map

package/dist/components/data/InfoItem/InfoItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoItem.d.ts","sourceRoot":"","sources":["../../../../src/components/data/InfoItem/InfoItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAA;AAI3F,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,YAAY,GAAG,QAAQ,CAAA;AACjE,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE7C,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,iBAAiB;IACjB,KAAK,EAAE,SAAS,CAAA;IAChB,uBAAuB;IACvB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,uBAAuB;IACvB,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,mBAAmB;IACnB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAoBD,eAAO,MAAM,QAAQ,0GA0FnB,CAAA;AAIF;;;;;GAKG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACrE,wBAAwB;IACxB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACxB,wBAAwB;IACxB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACvB,qCAAqC;IACrC,QAAQ,EAAE,SAAS,CAAA;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAQD,eAAO,MAAM,QAAQ,4GAoCnB,CAAA"}

package/dist/components/data/InfoItem/index.d.ts

@@ -1,2 +0,0 @@
-export { InfoItem, InfoList, type InfoItemProps, type InfoItemLayout, type InfoItemSize, type InfoListProps, } from './InfoItem';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/data/InfoItem/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/InfoItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,aAAa,GACnB,MAAM,YAAY,CAAA"}