@brycks/core-front 0.1.0

package/dist/tokens.js.map

@@ -0,0 +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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"}

package/dist/types/common.d.ts

@@ -0,0 +1,90 @@
+import { CSSProperties, ReactNode } from 'react';
+import { SpacingKey } from '../design-system/tokens/spacing';
+/** Size variants */
+export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/** Color intent variants */
+export type Intent = 'primary' | 'accent' | 'success' | 'warning' | 'error' | 'info';
+/** Component state */
+export interface ComponentState {
+    isHovered?: boolean;
+    isFocused?: boolean;
+    isPressed?: boolean;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+}
+/** Polymorphic component props */
+export interface PolymorphicProps<E extends React.ElementType> {
+    /** The element type to render as */
+    as?: E;
+}
+/** Props that can be spread to elements */
+export interface BaseProps {
+    /** Custom class name */
+    className?: string;
+    /** Custom inline styles */
+    style?: CSSProperties;
+    /** Test ID for testing */
+    testId?: string;
+    /** Children */
+    children?: ReactNode;
+}
+/** Spacing props for components */
+export interface SpacingProps {
+    /** Margin all sides */
+    m?: SpacingKey;
+    /** Margin horizontal (left + right) */
+    mx?: SpacingKey;
+    /** Margin vertical (top + bottom) */
+    my?: SpacingKey;
+    /** Margin top */
+    mt?: SpacingKey;
+    /** Margin right */
+    mr?: SpacingKey;
+    /** Margin bottom */
+    mb?: SpacingKey;
+    /** Margin left */
+    ml?: SpacingKey;
+    /** Padding all sides */
+    p?: SpacingKey;
+    /** Padding horizontal (left + right) */
+    px?: SpacingKey;
+    /** Padding vertical (top + bottom) */
+    py?: SpacingKey;
+    /** Padding top */
+    pt?: SpacingKey;
+    /** Padding right */
+    pr?: SpacingKey;
+    /** Padding bottom */
+    pb?: SpacingKey;
+    /** Padding left */
+    pl?: SpacingKey;
+}
+/** Flex layout props */
+export interface FlexProps {
+    /** Flex direction */
+    direction?: CSSProperties['flexDirection'];
+    /** Flex wrap */
+    wrap?: CSSProperties['flexWrap'];
+    /** Justify content */
+    justify?: CSSProperties['justifyContent'];
+    /** Align items */
+    align?: CSSProperties['alignItems'];
+    /** Gap between items */
+    gap?: SpacingKey;
+}
+/** Responsive value wrapper */
+export type ResponsiveValue<T> = T | {
+    base?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+    '2xl'?: T;
+};
+/** Utility type to get component props */
+export type ComponentProps<T> = T extends React.ComponentType<infer P> ? P : never;
+/** Make some properties required */
+export type RequireFields<T, K extends keyof T> = T & Required<Pick<T, K>>;
+/** Omit properties from a type */
+export type OmitProps<T, K extends keyof T> = Omit<T, K>;
+//# sourceMappingURL=common.d.ts.map

package/dist/types/common.d.ts.map

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

package/dist/types/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Brycks Design System - Types
+ *
+ * Central export for all type definitions.
+ */
+export * from './common';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/utils/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Brycks Design System - Utilities
+ *
+ * Central export for utility functions.
+ */
+export * from './styles';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/utils/styles.d.ts

@@ -0,0 +1,17 @@
+import { CSSProperties } from 'react';
+import { SpacingProps } from '../types/common';
+import { spacing } from '../design-system';
+/** Merge class names, filtering out falsy values */
+export declare function cx(...classes: (string | boolean | undefined | null)[]): string;
+/** Convert spacing key to pixel value */
+export declare function getSpacingValue(key: keyof typeof spacing): number;
+/** Convert spacing key to CSS value with px unit */
+export declare function spacingToCss(key: keyof typeof spacing | undefined): string | undefined;
+/** Build spacing styles from props */
+export declare function buildSpacingStyles(props: SpacingProps): CSSProperties;
+/** Create CSS-in-JS style object with typed tokens */
+export declare function createStyles<T extends Record<string, CSSProperties>>(styles: T): T;
+export declare function generateId(prefix?: string): string;
+/** Convert hex color to rgba */
+export declare function hexToRgba(hex: string, alpha: number): string;
+//# sourceMappingURL=styles.d.ts.map

package/dist/utils/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/utils/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE1C,oDAAoD;AACpD,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAE9E;AAED,yCAAyC;AACzC,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,OAAO,OAAO,GAAG,MAAM,CAEjE;AAED,oDAAoD;AACpD,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,OAAO,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAItF;AAED,sCAAsC;AACtC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,YAAY,GAAG,aAAa,CAgCrE;AAED,sDAAsD;AACtD,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,CAElF;AAID,wBAAgB,UAAU,CAAC,MAAM,SAAW,GAAG,MAAM,CAEpD;AAED,gCAAgC;AAChC,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAS5D"}

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "@brycks/core-front",
+  "version": "0.1.0",
+  "description": "Brycks Design System - A modern, calm, and tactile UI component library",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./tokens": {
+      "import": "./dist/tokens.js",
+      "require": "./dist/tokens.cjs",
+      "types": "./dist/tokens.d.ts"
+    },
+    "./themes": {
+      "import": "./dist/themes.js",
+      "require": "./dist/themes.cjs",
+      "types": "./dist/themes.d.ts"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.18.0",
+    "@types/react": "^18.2.79",
+    "@types/react-dom": "^18.2.25",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^9.18.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.18",
+    "globals": "^15.14.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.4.5",
+    "typescript-eslint": "^8.21.0",
+    "vite": "^5.2.8",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "keywords": [
+    "design-system",
+    "react",
+    "components",
+    "ui",
+    "brycks",
+    "typescript"
+  ],
+  "author": "Brycks",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/brycks/brycks-core-front.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}