@brycks/core-front 0.2.7 → 0.2.9

package/dist/design-system/primitives/transitions.cjs

@@ -0,0 +1,52 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../tokens/motion.cjs"),a={none:"none",instant:`all ${s.durations.faster}ms ${s.easings.easeOut}`,fast:`all ${s.durations.fast}ms ${s.easings.easeOut}`,quick:`all ${s.durations.quick}ms ${s.easings.easeOut}`,default:`all ${s.durations.normal}ms ${s.easings.easeOut}`,smooth:`all ${s.durations.relaxed}ms ${s.easings.smooth}`,slow:`all ${s.durations.slow}ms ${s.easings.easeOut}`,spring:`all ${s.durations.relaxed}ms ${s.easings.softSpring}`,colors:`color ${s.durations.fast}ms ${s.easings.easeOut}, background-color ${s.durations.fast}ms ${s.easings.easeOut}, border-color ${s.durations.fast}ms ${s.easings.easeOut}`,transform:`transform ${s.durations.normal}ms ${s.easings.easeOut}`,opacity:`opacity ${s.durations.normal}ms ${s.easings.easeOut}`,shadow:`box-shadow ${s.durations.normal}ms ${s.easings.easeOut}`},e={all:"all",colors:"color, background-color, border-color, fill, stroke",opacity:"opacity",shadow:"box-shadow",transform:"transform",dimensions:"width, height, padding, margin"},o={instant:s.durations.faster,fast:s.durations.fast,quick:s.durations.quick,default:s.durations.normal,smooth:s.durations.relaxed,slow:s.durations.slow,slower:s.durations.slower},t={linear:s.easings.linear,ease:s.easings.ease,easeIn:s.easings.easeIn,easeOut:s.easings.easeOut,easeInOut:s.easings.easeInOut,spring:s.easings.spring,softSpring:s.easings.softSpring,smooth:s.easings.smooth,snappy:s.easings.snappy},r={fadeIn:`
+    @keyframes brycks-fade-in {
+      from { opacity: 0; }
+      to { opacity: 1; }
+    }
+  `,fadeOut:`
+    @keyframes brycks-fade-out {
+      from { opacity: 1; }
+      to { opacity: 0; }
+    }
+  `,scaleIn:`
+    @keyframes brycks-scale-in {
+      from { opacity: 0; transform: scale(0.95); }
+      to { opacity: 1; transform: scale(1); }
+    }
+  `,scaleOut:`
+    @keyframes brycks-scale-out {
+      from { opacity: 1; transform: scale(1); }
+      to { opacity: 0; transform: scale(0.95); }
+    }
+  `,slideUp:`
+    @keyframes brycks-slide-up {
+      from { opacity: 0; transform: translateY(8px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+  `,slideDown:`
+    @keyframes brycks-slide-down {
+      from { opacity: 0; transform: translateY(-8px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+  `,spin:`
+    @keyframes brycks-spin {
+      from { transform: rotate(0deg); }
+      to { transform: rotate(360deg); }
+    }
+  `,pulse:`
+    @keyframes brycks-pulse {
+      0%, 100% { opacity: 1; }
+      50% { opacity: 0.5; }
+    }
+  `,shimmer:`
+    @keyframes brycks-shimmer {
+      0% { transform: translateX(-100%); }
+      100% { transform: translateX(100%); }
+    }
+  `,bounce:`
+    @keyframes brycks-bounce {
+      0%, 80%, 100% { transform: scale(0); opacity: 0.5; }
+      40% { transform: scale(1); opacity: 1; }
+    }
+  `};exports.duration=o;exports.easing=t;exports.keyframes=r;exports.transition=a;exports.transitionProperties=e;
+//# sourceMappingURL=transitions.cjs.map

package/dist/design-system/primitives/transitions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"transitions.cjs","sources":["../../../src/design-system/primitives/transitions.ts"],"sourcesContent":["/**\r\n * Brycks Design System - Transition Primitives\r\n *\r\n * Standardized transition definitions for consistent motion.\r\n * All values derived from motion tokens.\r\n *\r\n * RULE: Components MUST use these transitions. Never hardcode timing.\r\n */\r\n\r\nimport { durations, easings } from '../tokens/motion'\r\n\r\n/**\r\n * Pre-composed CSS transition strings for common use cases.\r\n */\r\nexport const transition = {\r\n  /** No transition */\r\n  none: 'none',\r\n\r\n  /** Ultra-fast - for micro-interactions (50ms) */\r\n  instant: `all ${durations.faster}ms ${easings.easeOut}`,\r\n\r\n  /** Fast - for hover states, toggles (100ms) */\r\n  fast: `all ${durations.fast}ms ${easings.easeOut}`,\r\n\r\n  /** Quick - standard interactive feedback (150ms) */\r\n  quick: `all ${durations.quick}ms ${easings.easeOut}`,\r\n\r\n  /** Default - most state changes (200ms) */\r\n  default: `all ${durations.normal}ms ${easings.easeOut}`,\r\n\r\n  /** Smooth - focus states, form elements (300ms) */\r\n  smooth: `all ${durations.relaxed}ms ${easings.smooth}`,\r\n\r\n  /** Slow - reveals, modals (400ms) */\r\n  slow: `all ${durations.slow}ms ${easings.easeOut}`,\r\n\r\n  /** Spring - bouncy, tactile feel (300ms) */\r\n  spring: `all ${durations.relaxed}ms ${easings.softSpring}`,\r\n\r\n  /** Colors only - optimized for color transitions */\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  /** Transform only - for scale, translate */\r\n  transform: `transform ${durations.normal}ms ${easings.easeOut}`,\r\n\r\n  /** Opacity only - for fade effects */\r\n  opacity: `opacity ${durations.normal}ms ${easings.easeOut}`,\r\n\r\n  /** Shadow only - for elevation changes */\r\n  shadow: `box-shadow ${durations.normal}ms ${easings.easeOut}`,\r\n} as const\r\n\r\n/**\r\n * CSS transition property groups.\r\n */\r\nexport const transitionProperties = {\r\n  all: 'all',\r\n  colors: 'color, background-color, border-color, fill, stroke',\r\n  opacity: 'opacity',\r\n  shadow: 'box-shadow',\r\n  transform: 'transform',\r\n  dimensions: 'width, height, padding, margin',\r\n} as const\r\n\r\n/**\r\n * Duration values in milliseconds for use in JS.\r\n */\r\nexport const duration = {\r\n  instant: durations.faster,\r\n  fast: durations.fast,\r\n  quick: durations.quick,\r\n  default: durations.normal,\r\n  smooth: durations.relaxed,\r\n  slow: durations.slow,\r\n  slower: durations.slower,\r\n} as const\r\n\r\n/**\r\n * Easing functions for use in JS animations.\r\n */\r\nexport const easing = {\r\n  linear: easings.linear,\r\n  ease: easings.ease,\r\n  easeIn: easings.easeIn,\r\n  easeOut: easings.easeOut,\r\n  easeInOut: easings.easeInOut,\r\n  spring: easings.spring,\r\n  softSpring: easings.softSpring,\r\n  smooth: easings.smooth,\r\n  snappy: easings.snappy,\r\n} as const\r\n\r\n/**\r\n * CSS animation keyframes (as strings for style injection).\r\n */\r\nexport const keyframes = {\r\n  fadeIn: `\r\n    @keyframes brycks-fade-in {\r\n      from { opacity: 0; }\r\n      to { opacity: 1; }\r\n    }\r\n  `,\r\n  fadeOut: `\r\n    @keyframes brycks-fade-out {\r\n      from { opacity: 1; }\r\n      to { opacity: 0; }\r\n    }\r\n  `,\r\n  scaleIn: `\r\n    @keyframes brycks-scale-in {\r\n      from { opacity: 0; transform: scale(0.95); }\r\n      to { opacity: 1; transform: scale(1); }\r\n    }\r\n  `,\r\n  scaleOut: `\r\n    @keyframes brycks-scale-out {\r\n      from { opacity: 1; transform: scale(1); }\r\n      to { opacity: 0; transform: scale(0.95); }\r\n    }\r\n  `,\r\n  slideUp: `\r\n    @keyframes brycks-slide-up {\r\n      from { opacity: 0; transform: translateY(8px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n  `,\r\n  slideDown: `\r\n    @keyframes brycks-slide-down {\r\n      from { opacity: 0; transform: translateY(-8px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n  `,\r\n  spin: `\r\n    @keyframes brycks-spin {\r\n      from { transform: rotate(0deg); }\r\n      to { transform: rotate(360deg); }\r\n    }\r\n  `,\r\n  pulse: `\r\n    @keyframes brycks-pulse {\r\n      0%, 100% { opacity: 1; }\r\n      50% { opacity: 0.5; }\r\n    }\r\n  `,\r\n  shimmer: `\r\n    @keyframes brycks-shimmer {\r\n      0% { transform: translateX(-100%); }\r\n      100% { transform: translateX(100%); }\r\n    }\r\n  `,\r\n  bounce: `\r\n    @keyframes brycks-bounce {\r\n      0%, 80%, 100% { transform: scale(0); opacity: 0.5; }\r\n      40% { transform: scale(1); opacity: 1; }\r\n    }\r\n  `,\r\n} as const\r\n\r\nexport type TransitionPreset = keyof typeof transition\r\nexport type KeyframeName = keyof typeof keyframes\r\n"],"names":["transition","durations","easings","transitionProperties","duration","easing","keyframes"],"mappings":"wHAcaA,EAAa,CAExB,KAAM,OAGN,QAAS,OAAOC,EAAAA,UAAU,MAAM,MAAMC,EAAAA,QAAQ,OAAO,GAGrD,KAAM,OAAOD,EAAAA,UAAU,IAAI,MAAMC,EAAAA,QAAQ,OAAO,GAGhD,MAAO,OAAOD,EAAAA,UAAU,KAAK,MAAMC,EAAAA,QAAQ,OAAO,GAGlD,QAAS,OAAOD,EAAAA,UAAU,MAAM,MAAMC,EAAAA,QAAQ,OAAO,GAGrD,OAAQ,OAAOD,EAAAA,UAAU,OAAO,MAAMC,EAAAA,QAAQ,MAAM,GAGpD,KAAM,OAAOD,EAAAA,UAAU,IAAI,MAAMC,EAAAA,QAAQ,OAAO,GAGhD,OAAQ,OAAOD,EAAAA,UAAU,OAAO,MAAMC,EAAAA,QAAQ,UAAU,GAGxD,OAAQ,SAASD,YAAU,IAAI,MAAMC,EAAAA,QAAQ,OAAO,sBAAsBD,EAAAA,UAAU,IAAI,MAAMC,EAAAA,QAAQ,OAAO,kBAAkBD,EAAAA,UAAU,IAAI,MAAMC,UAAQ,OAAO,GAGlK,UAAW,aAAaD,EAAAA,UAAU,MAAM,MAAMC,EAAAA,QAAQ,OAAO,GAG7D,QAAS,WAAWD,EAAAA,UAAU,MAAM,MAAMC,EAAAA,QAAQ,OAAO,GAGzD,OAAQ,cAAcD,EAAAA,UAAU,MAAM,MAAMC,EAAAA,QAAQ,OAAO,EAC7D,EAKaC,EAAuB,CAClC,IAAK,MACL,OAAQ,sDACR,QAAS,UACT,OAAQ,aACR,UAAW,YACX,WAAY,gCACd,EAKaC,EAAW,CACtB,QAASH,EAAAA,UAAU,OACnB,KAAMA,EAAAA,UAAU,KAChB,MAAOA,EAAAA,UAAU,MACjB,QAASA,EAAAA,UAAU,OACnB,OAAQA,EAAAA,UAAU,QAClB,KAAMA,EAAAA,UAAU,KAChB,OAAQA,EAAAA,UAAU,MACpB,EAKaI,EAAS,CACpB,OAAQH,EAAAA,QAAQ,OAChB,KAAMA,EAAAA,QAAQ,KACd,OAAQA,EAAAA,QAAQ,OAChB,QAASA,EAAAA,QAAQ,QACjB,UAAWA,EAAAA,QAAQ,UACnB,OAAQA,EAAAA,QAAQ,OAChB,WAAYA,EAAAA,QAAQ,WACpB,OAAQA,EAAAA,QAAQ,OAChB,OAAQA,EAAAA,QAAQ,MAClB,EAKaI,EAAY,CACvB,OAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAMR,QAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAMT,QAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAMT,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAMV,QAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAMT,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAMN,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAMP,QAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAMT,OAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAMV"}

package/dist/design-system/primitives/transitions.js

@@ -0,0 +1,121 @@
+import { durations as a, easings as s } from "../tokens/motion.js";
+const e = {
+  /** No transition */
+  none: "none",
+  /** Ultra-fast - for micro-interactions (50ms) */
+  instant: `all ${a.faster}ms ${s.easeOut}`,
+  /** Fast - for hover states, toggles (100ms) */
+  fast: `all ${a.fast}ms ${s.easeOut}`,
+  /** Quick - standard interactive feedback (150ms) */
+  quick: `all ${a.quick}ms ${s.easeOut}`,
+  /** Default - most state changes (200ms) */
+  default: `all ${a.normal}ms ${s.easeOut}`,
+  /** Smooth - focus states, form elements (300ms) */
+  smooth: `all ${a.relaxed}ms ${s.smooth}`,
+  /** Slow - reveals, modals (400ms) */
+  slow: `all ${a.slow}ms ${s.easeOut}`,
+  /** Spring - bouncy, tactile feel (300ms) */
+  spring: `all ${a.relaxed}ms ${s.softSpring}`,
+  /** Colors only - optimized for color transitions */
+  colors: `color ${a.fast}ms ${s.easeOut}, background-color ${a.fast}ms ${s.easeOut}, border-color ${a.fast}ms ${s.easeOut}`,
+  /** Transform only - for scale, translate */
+  transform: `transform ${a.normal}ms ${s.easeOut}`,
+  /** Opacity only - for fade effects */
+  opacity: `opacity ${a.normal}ms ${s.easeOut}`,
+  /** Shadow only - for elevation changes */
+  shadow: `box-shadow ${a.normal}ms ${s.easeOut}`
+}, t = {
+  all: "all",
+  colors: "color, background-color, border-color, fill, stroke",
+  opacity: "opacity",
+  shadow: "box-shadow",
+  transform: "transform",
+  dimensions: "width, height, padding, margin"
+}, r = {
+  instant: a.faster,
+  fast: a.fast,
+  quick: a.quick,
+  default: a.normal,
+  smooth: a.relaxed,
+  slow: a.slow,
+  slower: a.slower
+}, n = {
+  linear: s.linear,
+  ease: s.ease,
+  easeIn: s.easeIn,
+  easeOut: s.easeOut,
+  easeInOut: s.easeInOut,
+  spring: s.spring,
+  softSpring: s.softSpring,
+  smooth: s.smooth,
+  snappy: s.snappy
+}, l = {
+  fadeIn: `
+    @keyframes brycks-fade-in {
+      from { opacity: 0; }
+      to { opacity: 1; }
+    }
+  `,
+  fadeOut: `
+    @keyframes brycks-fade-out {
+      from { opacity: 1; }
+      to { opacity: 0; }
+    }
+  `,
+  scaleIn: `
+    @keyframes brycks-scale-in {
+      from { opacity: 0; transform: scale(0.95); }
+      to { opacity: 1; transform: scale(1); }
+    }
+  `,
+  scaleOut: `
+    @keyframes brycks-scale-out {
+      from { opacity: 1; transform: scale(1); }
+      to { opacity: 0; transform: scale(0.95); }
+    }
+  `,
+  slideUp: `
+    @keyframes brycks-slide-up {
+      from { opacity: 0; transform: translateY(8px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+  `,
+  slideDown: `
+    @keyframes brycks-slide-down {
+      from { opacity: 0; transform: translateY(-8px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+  `,
+  spin: `
+    @keyframes brycks-spin {
+      from { transform: rotate(0deg); }
+      to { transform: rotate(360deg); }
+    }
+  `,
+  pulse: `
+    @keyframes brycks-pulse {
+      0%, 100% { opacity: 1; }
+      50% { opacity: 0.5; }
+    }
+  `,
+  shimmer: `
+    @keyframes brycks-shimmer {
+      0% { transform: translateX(-100%); }
+      100% { transform: translateX(100%); }
+    }
+  `,
+  bounce: `
+    @keyframes brycks-bounce {
+      0%, 80%, 100% { transform: scale(0); opacity: 0.5; }
+      40% { transform: scale(1); opacity: 1; }
+    }
+  `
+};
+export {
+  r as duration,
+  n as easing,
+  l as keyframes,
+  e as transition,
+  t as transitionProperties
+};
+//# sourceMappingURL=transitions.js.map

package/dist/design-system/primitives/transitions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transitions.js","sources":["../../../src/design-system/primitives/transitions.ts"],"sourcesContent":["/**\r\n * Brycks Design System - Transition Primitives\r\n *\r\n * Standardized transition definitions for consistent motion.\r\n * All values derived from motion tokens.\r\n *\r\n * RULE: Components MUST use these transitions. Never hardcode timing.\r\n */\r\n\r\nimport { durations, easings } from '../tokens/motion'\r\n\r\n/**\r\n * Pre-composed CSS transition strings for common use cases.\r\n */\r\nexport const transition = {\r\n  /** No transition */\r\n  none: 'none',\r\n\r\n  /** Ultra-fast - for micro-interactions (50ms) */\r\n  instant: `all ${durations.faster}ms ${easings.easeOut}`,\r\n\r\n  /** Fast - for hover states, toggles (100ms) */\r\n  fast: `all ${durations.fast}ms ${easings.easeOut}`,\r\n\r\n  /** Quick - standard interactive feedback (150ms) */\r\n  quick: `all ${durations.quick}ms ${easings.easeOut}`,\r\n\r\n  /** Default - most state changes (200ms) */\r\n  default: `all ${durations.normal}ms ${easings.easeOut}`,\r\n\r\n  /** Smooth - focus states, form elements (300ms) */\r\n  smooth: `all ${durations.relaxed}ms ${easings.smooth}`,\r\n\r\n  /** Slow - reveals, modals (400ms) */\r\n  slow: `all ${durations.slow}ms ${easings.easeOut}`,\r\n\r\n  /** Spring - bouncy, tactile feel (300ms) */\r\n  spring: `all ${durations.relaxed}ms ${easings.softSpring}`,\r\n\r\n  /** Colors only - optimized for color transitions */\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  /** Transform only - for scale, translate */\r\n  transform: `transform ${durations.normal}ms ${easings.easeOut}`,\r\n\r\n  /** Opacity only - for fade effects */\r\n  opacity: `opacity ${durations.normal}ms ${easings.easeOut}`,\r\n\r\n  /** Shadow only - for elevation changes */\r\n  shadow: `box-shadow ${durations.normal}ms ${easings.easeOut}`,\r\n} as const\r\n\r\n/**\r\n * CSS transition property groups.\r\n */\r\nexport const transitionProperties = {\r\n  all: 'all',\r\n  colors: 'color, background-color, border-color, fill, stroke',\r\n  opacity: 'opacity',\r\n  shadow: 'box-shadow',\r\n  transform: 'transform',\r\n  dimensions: 'width, height, padding, margin',\r\n} as const\r\n\r\n/**\r\n * Duration values in milliseconds for use in JS.\r\n */\r\nexport const duration = {\r\n  instant: durations.faster,\r\n  fast: durations.fast,\r\n  quick: durations.quick,\r\n  default: durations.normal,\r\n  smooth: durations.relaxed,\r\n  slow: durations.slow,\r\n  slower: durations.slower,\r\n} as const\r\n\r\n/**\r\n * Easing functions for use in JS animations.\r\n */\r\nexport const easing = {\r\n  linear: easings.linear,\r\n  ease: easings.ease,\r\n  easeIn: easings.easeIn,\r\n  easeOut: easings.easeOut,\r\n  easeInOut: easings.easeInOut,\r\n  spring: easings.spring,\r\n  softSpring: easings.softSpring,\r\n  smooth: easings.smooth,\r\n  snappy: easings.snappy,\r\n} as const\r\n\r\n/**\r\n * CSS animation keyframes (as strings for style injection).\r\n */\r\nexport const keyframes = {\r\n  fadeIn: `\r\n    @keyframes brycks-fade-in {\r\n      from { opacity: 0; }\r\n      to { opacity: 1; }\r\n    }\r\n  `,\r\n  fadeOut: `\r\n    @keyframes brycks-fade-out {\r\n      from { opacity: 1; }\r\n      to { opacity: 0; }\r\n    }\r\n  `,\r\n  scaleIn: `\r\n    @keyframes brycks-scale-in {\r\n      from { opacity: 0; transform: scale(0.95); }\r\n      to { opacity: 1; transform: scale(1); }\r\n    }\r\n  `,\r\n  scaleOut: `\r\n    @keyframes brycks-scale-out {\r\n      from { opacity: 1; transform: scale(1); }\r\n      to { opacity: 0; transform: scale(0.95); }\r\n    }\r\n  `,\r\n  slideUp: `\r\n    @keyframes brycks-slide-up {\r\n      from { opacity: 0; transform: translateY(8px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n  `,\r\n  slideDown: `\r\n    @keyframes brycks-slide-down {\r\n      from { opacity: 0; transform: translateY(-8px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n  `,\r\n  spin: `\r\n    @keyframes brycks-spin {\r\n      from { transform: rotate(0deg); }\r\n      to { transform: rotate(360deg); }\r\n    }\r\n  `,\r\n  pulse: `\r\n    @keyframes brycks-pulse {\r\n      0%, 100% { opacity: 1; }\r\n      50% { opacity: 0.5; }\r\n    }\r\n  `,\r\n  shimmer: `\r\n    @keyframes brycks-shimmer {\r\n      0% { transform: translateX(-100%); }\r\n      100% { transform: translateX(100%); }\r\n    }\r\n  `,\r\n  bounce: `\r\n    @keyframes brycks-bounce {\r\n      0%, 80%, 100% { transform: scale(0); opacity: 0.5; }\r\n      40% { transform: scale(1); opacity: 1; }\r\n    }\r\n  `,\r\n} as const\r\n\r\nexport type TransitionPreset = keyof typeof transition\r\nexport type KeyframeName = keyof typeof keyframes\r\n"],"names":["transition","durations","easings","transitionProperties","duration","easing","keyframes"],"mappings":";AAcO,MAAMA,IAAa;AAAA;AAAA,EAExB,MAAM;AAAA;AAAA,EAGN,SAAS,OAAOC,EAAU,MAAM,MAAMC,EAAQ,OAAO;AAAA;AAAA,EAGrD,MAAM,OAAOD,EAAU,IAAI,MAAMC,EAAQ,OAAO;AAAA;AAAA,EAGhD,OAAO,OAAOD,EAAU,KAAK,MAAMC,EAAQ,OAAO;AAAA;AAAA,EAGlD,SAAS,OAAOD,EAAU,MAAM,MAAMC,EAAQ,OAAO;AAAA;AAAA,EAGrD,QAAQ,OAAOD,EAAU,OAAO,MAAMC,EAAQ,MAAM;AAAA;AAAA,EAGpD,MAAM,OAAOD,EAAU,IAAI,MAAMC,EAAQ,OAAO;AAAA;AAAA,EAGhD,QAAQ,OAAOD,EAAU,OAAO,MAAMC,EAAQ,UAAU;AAAA;AAAA,EAGxD,QAAQ,SAASD,EAAU,IAAI,MAAMC,EAAQ,OAAO,sBAAsBD,EAAU,IAAI,MAAMC,EAAQ,OAAO,kBAAkBD,EAAU,IAAI,MAAMC,EAAQ,OAAO;AAAA;AAAA,EAGlK,WAAW,aAAaD,EAAU,MAAM,MAAMC,EAAQ,OAAO;AAAA;AAAA,EAG7D,SAAS,WAAWD,EAAU,MAAM,MAAMC,EAAQ,OAAO;AAAA;AAAA,EAGzD,QAAQ,cAAcD,EAAU,MAAM,MAAMC,EAAQ,OAAO;AAC7D,GAKaC,IAAuB;AAAA,EAClC,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AACd,GAKaC,IAAW;AAAA,EACtB,SAASH,EAAU;AAAA,EACnB,MAAMA,EAAU;AAAA,EAChB,OAAOA,EAAU;AAAA,EACjB,SAASA,EAAU;AAAA,EACnB,QAAQA,EAAU;AAAA,EAClB,MAAMA,EAAU;AAAA,EAChB,QAAQA,EAAU;AACpB,GAKaI,IAAS;AAAA,EACpB,QAAQH,EAAQ;AAAA,EAChB,MAAMA,EAAQ;AAAA,EACd,QAAQA,EAAQ;AAAA,EAChB,SAASA,EAAQ;AAAA,EACjB,WAAWA,EAAQ;AAAA,EACnB,QAAQA,EAAQ;AAAA,EAChB,YAAYA,EAAQ;AAAA,EACpB,QAAQA,EAAQ;AAAA,EAChB,QAAQA,EAAQ;AAClB,GAKaI,IAAY;AAAA,EACvB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMR,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMX,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMP,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAMV;"}

package/dist/design-system/primitives/typography.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../tokens/typography.cjs"),n={xs:e.fontSizes.xs,sm:e.fontSizes.sm,md:e.fontSizes.base,lg:15,xl:e.fontSizes.md},t={regular:e.fontWeights.regular,medium:e.fontWeights.medium,semibold:e.fontWeights.semibold,bold:e.fontWeights.bold},i={none:e.lineHeights.none,tight:e.lineHeights.snug,snug:1.4,normal:e.lineHeights.normal,relaxed:1.6},o={label:{fontFamily:e.fontFamilies.sans,fontSize:n.sm,fontWeight:t.medium,lineHeight:i.normal},helperText:{fontFamily:e.fontFamilies.sans,fontSize:n.xs,fontWeight:t.regular,lineHeight:i.relaxed},errorText:{fontFamily:e.fontFamilies.sans,fontSize:n.xs,fontWeight:t.regular,lineHeight:i.relaxed},buttonSm:{fontFamily:e.fontFamilies.sans,fontSize:n.sm,fontWeight:t.medium,lineHeight:i.none},buttonMd:{fontFamily:e.fontFamilies.sans,fontSize:n.md,fontWeight:t.medium,lineHeight:i.none},buttonLg:{fontFamily:e.fontFamilies.sans,fontSize:n.lg,fontWeight:t.medium,lineHeight:i.none},badge:{fontFamily:e.fontFamilies.sans,fontSize:n.xs,fontWeight:t.medium,lineHeight:i.none},tooltip:{fontFamily:e.fontFamilies.sans,fontSize:n.xs,fontWeight:t.medium,lineHeight:i.snug},alertTitle:{fontFamily:e.fontFamilies.sans,fontSize:n.md,fontWeight:t.semibold,lineHeight:i.tight},alertDescription:{fontFamily:e.fontFamilies.sans,fontSize:n.md,fontWeight:t.regular,lineHeight:i.normal},modalTitle:{fontFamily:e.fontFamilies.sans,fontSize:e.fontSizes.lg,fontWeight:t.semibold,lineHeight:i.tight},modalDescription:{fontFamily:e.fontFamilies.sans,fontSize:n.md,fontWeight:t.regular,lineHeight:i.normal},emptyStateTitle:{fontFamily:e.fontFamilies.sans,fontSize:e.fontSizes.lg,fontWeight:t.semibold,lineHeight:i.tight},emptyStateDescription:{fontFamily:e.fontFamilies.sans,fontSize:n.md,fontWeight:t.regular,lineHeight:i.normal},dividerLabel:{fontFamily:e.fontFamilies.sans,fontSize:n.xs,fontWeight:t.medium,lineHeight:i.normal}};exports.componentFontSize=n;exports.componentFontWeight=t;exports.componentLineHeight=i;exports.componentTypography=o;
+//# sourceMappingURL=typography.cjs.map

package/dist/design-system/primitives/typography.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.cjs","sources":["../../../src/design-system/primitives/typography.ts"],"sourcesContent":["/**\r\n * Brycks Design System - Component Typography Primitives\r\n *\r\n * Typography scales specifically for component contexts.\r\n * Derived from base typography tokens.\r\n *\r\n * RULE: Components MUST use these scales. Never hardcode font values.\r\n */\r\n\r\nimport { fontSizes, fontWeights, lineHeights, fontFamilies } from '../tokens/typography'\r\n\r\n/**\r\n * Font sizes mapped to component size variants.\r\n * Ensures consistent text sizing across all components.\r\n */\r\nexport const componentFontSize = {\r\n  /** 11px - Extra small labels, badges */\r\n  xs: fontSizes.xs,\r\n  /** 12px - Small text, captions, helper text */\r\n  sm: fontSizes.sm,\r\n  /** 14px - Default component text */\r\n  md: fontSizes.base,\r\n  /** 15px - Large component text */\r\n  lg: 15,\r\n  /** 16px - Extra large component text */\r\n  xl: fontSizes.md,\r\n} as const\r\n\r\n/**\r\n * Font weights for component states.\r\n */\r\nexport const componentFontWeight = {\r\n  /** 400 - Regular body text */\r\n  regular: fontWeights.regular,\r\n  /** 500 - Labels, emphasized text */\r\n  medium: fontWeights.medium,\r\n  /** 600 - Headings, titles */\r\n  semibold: fontWeights.semibold,\r\n  /** 700 - Strong emphasis */\r\n  bold: fontWeights.bold,\r\n} as const\r\n\r\n/**\r\n * Line heights for component text.\r\n */\r\nexport const componentLineHeight = {\r\n  /** 1 - Single line, badges */\r\n  none: lineHeights.none,\r\n  /** 1.25 - Tight, headings */\r\n  tight: lineHeights.snug,\r\n  /** 1.4 - Slightly relaxed, labels */\r\n  snug: 1.4,\r\n  /** 1.5 - Default body text */\r\n  normal: lineHeights.normal,\r\n  /** 1.6 - Relaxed, helper text */\r\n  relaxed: 1.6,\r\n} as const\r\n\r\n/**\r\n * Pre-composed typography styles for common component elements.\r\n */\r\nexport const componentTypography = {\r\n  /** Form field labels */\r\n  label: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.sm,\r\n    fontWeight: componentFontWeight.medium,\r\n    lineHeight: componentLineHeight.normal,\r\n  },\r\n  /** Helper/hint text below inputs */\r\n  helperText: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.xs,\r\n    fontWeight: componentFontWeight.regular,\r\n    lineHeight: componentLineHeight.relaxed,\r\n  },\r\n  /** Error messages */\r\n  errorText: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.xs,\r\n    fontWeight: componentFontWeight.regular,\r\n    lineHeight: componentLineHeight.relaxed,\r\n  },\r\n  /** Button text - small */\r\n  buttonSm: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.sm,\r\n    fontWeight: componentFontWeight.medium,\r\n    lineHeight: componentLineHeight.none,\r\n  },\r\n  /** Button text - medium (default) */\r\n  buttonMd: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.md,\r\n    fontWeight: componentFontWeight.medium,\r\n    lineHeight: componentLineHeight.none,\r\n  },\r\n  /** Button text - large */\r\n  buttonLg: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.lg,\r\n    fontWeight: componentFontWeight.medium,\r\n    lineHeight: componentLineHeight.none,\r\n  },\r\n  /** Badge text */\r\n  badge: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.xs,\r\n    fontWeight: componentFontWeight.medium,\r\n    lineHeight: componentLineHeight.none,\r\n  },\r\n  /** Tooltip text */\r\n  tooltip: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.xs,\r\n    fontWeight: componentFontWeight.medium,\r\n    lineHeight: componentLineHeight.snug,\r\n  },\r\n  /** Alert title */\r\n  alertTitle: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.md,\r\n    fontWeight: componentFontWeight.semibold,\r\n    lineHeight: componentLineHeight.tight,\r\n  },\r\n  /** Alert description */\r\n  alertDescription: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.md,\r\n    fontWeight: componentFontWeight.regular,\r\n    lineHeight: componentLineHeight.normal,\r\n  },\r\n  /** Modal title */\r\n  modalTitle: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: fontSizes.lg,\r\n    fontWeight: componentFontWeight.semibold,\r\n    lineHeight: componentLineHeight.tight,\r\n  },\r\n  /** Modal description */\r\n  modalDescription: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.md,\r\n    fontWeight: componentFontWeight.regular,\r\n    lineHeight: componentLineHeight.normal,\r\n  },\r\n  /** Empty state title */\r\n  emptyStateTitle: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: fontSizes.lg,\r\n    fontWeight: componentFontWeight.semibold,\r\n    lineHeight: componentLineHeight.tight,\r\n  },\r\n  /** Empty state description */\r\n  emptyStateDescription: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.md,\r\n    fontWeight: componentFontWeight.regular,\r\n    lineHeight: componentLineHeight.normal,\r\n  },\r\n  /** Divider label */\r\n  dividerLabel: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.xs,\r\n    fontWeight: componentFontWeight.medium,\r\n    lineHeight: componentLineHeight.normal,\r\n  },\r\n} as const\r\n\r\nexport type ComponentTypographyKey = keyof typeof componentTypography\r\n"],"names":["componentFontSize","fontSizes","componentFontWeight","fontWeights","componentLineHeight","lineHeights","componentTypography","fontFamilies"],"mappings":"4HAeaA,EAAoB,CAE/B,GAAIC,EAAAA,UAAU,GAEd,GAAIA,EAAAA,UAAU,GAEd,GAAIA,EAAAA,UAAU,KAEd,GAAI,GAEJ,GAAIA,EAAAA,UAAU,EAChB,EAKaC,EAAsB,CAEjC,QAASC,EAAAA,YAAY,QAErB,OAAQA,EAAAA,YAAY,OAEpB,SAAUA,EAAAA,YAAY,SAEtB,KAAMA,EAAAA,YAAY,IACpB,EAKaC,EAAsB,CAEjC,KAAMC,EAAAA,YAAY,KAElB,MAAOA,EAAAA,YAAY,KAEnB,KAAM,IAEN,OAAQA,EAAAA,YAAY,OAEpB,QAAS,GACX,EAKaC,EAAsB,CAEjC,MAAO,CACL,WAAYC,EAAAA,aAAa,KACzB,SAAUP,EAAkB,GAC5B,WAAYE,EAAoB,OAChC,WAAYE,EAAoB,MAAA,EAGlC,WAAY,CACV,WAAYG,EAAAA,aAAa,KACzB,SAAUP,EAAkB,GAC5B,WAAYE,EAAoB,QAChC,WAAYE,EAAoB,OAAA,EAGlC,UAAW,CACT,WAAYG,EAAAA,aAAa,KACzB,SAAUP,EAAkB,GAC5B,WAAYE,EAAoB,QAChC,WAAYE,EAAoB,OAAA,EAGlC,SAAU,CACR,WAAYG,EAAAA,aAAa,KACzB,SAAUP,EAAkB,GAC5B,WAAYE,EAAoB,OAChC,WAAYE,EAAoB,IAAA,EAGlC,SAAU,CACR,WAAYG,EAAAA,aAAa,KACzB,SAAUP,EAAkB,GAC5B,WAAYE,EAAoB,OAChC,WAAYE,EAAoB,IAAA,EAGlC,SAAU,CACR,WAAYG,EAAAA,aAAa,KACzB,SAAUP,EAAkB,GAC5B,WAAYE,EAAoB,OAChC,WAAYE,EAAoB,IAAA,EAGlC,MAAO,CACL,WAAYG,EAAAA,aAAa,KACzB,SAAUP,EAAkB,GAC5B,WAAYE,EAAoB,OAChC,WAAYE,EAAoB,IAAA,EAGlC,QAAS,CACP,WAAYG,EAAAA,aAAa,KACzB,SAAUP,EAAkB,GAC5B,WAAYE,EAAoB,OAChC,WAAYE,EAAoB,IAAA,EAGlC,WAAY,CACV,WAAYG,EAAAA,aAAa,KACzB,SAAUP,EAAkB,GAC5B,WAAYE,EAAoB,SAChC,WAAYE,EAAoB,KAAA,EAGlC,iBAAkB,CAChB,WAAYG,EAAAA,aAAa,KACzB,SAAUP,EAAkB,GAC5B,WAAYE,EAAoB,QAChC,WAAYE,EAAoB,MAAA,EAGlC,WAAY,CACV,WAAYG,EAAAA,aAAa,KACzB,SAAUN,EAAAA,UAAU,GACpB,WAAYC,EAAoB,SAChC,WAAYE,EAAoB,KAAA,EAGlC,iBAAkB,CAChB,WAAYG,EAAAA,aAAa,KACzB,SAAUP,EAAkB,GAC5B,WAAYE,EAAoB,QAChC,WAAYE,EAAoB,MAAA,EAGlC,gBAAiB,CACf,WAAYG,EAAAA,aAAa,KACzB,SAAUN,EAAAA,UAAU,GACpB,WAAYC,EAAoB,SAChC,WAAYE,EAAoB,KAAA,EAGlC,sBAAuB,CACrB,WAAYG,EAAAA,aAAa,KACzB,SAAUP,EAAkB,GAC5B,WAAYE,EAAoB,QAChC,WAAYE,EAAoB,MAAA,EAGlC,aAAc,CACZ,WAAYG,EAAAA,aAAa,KACzB,SAAUP,EAAkB,GAC5B,WAAYE,EAAoB,OAChC,WAAYE,EAAoB,MAAA,CAEpC"}

package/dist/design-system/primitives/typography.js

@@ -0,0 +1,146 @@
+import { fontSizes as o, fontWeights as l, lineHeights as m, fontFamilies as e } from "../tokens/typography.js";
+const i = {
+  /** 11px - Extra small labels, badges */
+  xs: o.xs,
+  /** 12px - Small text, captions, helper text */
+  sm: o.sm,
+  /** 14px - Default component text */
+  md: o.base,
+  /** 15px - Large component text */
+  lg: 15,
+  /** 16px - Extra large component text */
+  xl: o.md
+}, t = {
+  /** 400 - Regular body text */
+  regular: l.regular,
+  /** 500 - Labels, emphasized text */
+  medium: l.medium,
+  /** 600 - Headings, titles */
+  semibold: l.semibold,
+  /** 700 - Strong emphasis */
+  bold: l.bold
+}, n = {
+  /** 1 - Single line, badges */
+  none: m.none,
+  /** 1.25 - Tight, headings */
+  tight: m.snug,
+  /** 1.4 - Slightly relaxed, labels */
+  snug: 1.4,
+  /** 1.5 - Default body text */
+  normal: m.normal,
+  /** 1.6 - Relaxed, helper text */
+  relaxed: 1.6
+}, a = {
+  /** Form field labels */
+  label: {
+    fontFamily: e.sans,
+    fontSize: i.sm,
+    fontWeight: t.medium,
+    lineHeight: n.normal
+  },
+  /** Helper/hint text below inputs */
+  helperText: {
+    fontFamily: e.sans,
+    fontSize: i.xs,
+    fontWeight: t.regular,
+    lineHeight: n.relaxed
+  },
+  /** Error messages */
+  errorText: {
+    fontFamily: e.sans,
+    fontSize: i.xs,
+    fontWeight: t.regular,
+    lineHeight: n.relaxed
+  },
+  /** Button text - small */
+  buttonSm: {
+    fontFamily: e.sans,
+    fontSize: i.sm,
+    fontWeight: t.medium,
+    lineHeight: n.none
+  },
+  /** Button text - medium (default) */
+  buttonMd: {
+    fontFamily: e.sans,
+    fontSize: i.md,
+    fontWeight: t.medium,
+    lineHeight: n.none
+  },
+  /** Button text - large */
+  buttonLg: {
+    fontFamily: e.sans,
+    fontSize: i.lg,
+    fontWeight: t.medium,
+    lineHeight: n.none
+  },
+  /** Badge text */
+  badge: {
+    fontFamily: e.sans,
+    fontSize: i.xs,
+    fontWeight: t.medium,
+    lineHeight: n.none
+  },
+  /** Tooltip text */
+  tooltip: {
+    fontFamily: e.sans,
+    fontSize: i.xs,
+    fontWeight: t.medium,
+    lineHeight: n.snug
+  },
+  /** Alert title */
+  alertTitle: {
+    fontFamily: e.sans,
+    fontSize: i.md,
+    fontWeight: t.semibold,
+    lineHeight: n.tight
+  },
+  /** Alert description */
+  alertDescription: {
+    fontFamily: e.sans,
+    fontSize: i.md,
+    fontWeight: t.regular,
+    lineHeight: n.normal
+  },
+  /** Modal title */
+  modalTitle: {
+    fontFamily: e.sans,
+    fontSize: o.lg,
+    fontWeight: t.semibold,
+    lineHeight: n.tight
+  },
+  /** Modal description */
+  modalDescription: {
+    fontFamily: e.sans,
+    fontSize: i.md,
+    fontWeight: t.regular,
+    lineHeight: n.normal
+  },
+  /** Empty state title */
+  emptyStateTitle: {
+    fontFamily: e.sans,
+    fontSize: o.lg,
+    fontWeight: t.semibold,
+    lineHeight: n.tight
+  },
+  /** Empty state description */
+  emptyStateDescription: {
+    fontFamily: e.sans,
+    fontSize: i.md,
+    fontWeight: t.regular,
+    lineHeight: n.normal
+  },
+  /** Divider label */
+  dividerLabel: {
+    fontFamily: e.sans,
+    fontSize: i.xs,
+    fontWeight: t.medium,
+    lineHeight: n.normal
+  }
+};
+export {
+  i as componentFontSize,
+  t as componentFontWeight,
+  n as componentLineHeight,
+  a as componentTypography
+};
+//# sourceMappingURL=typography.js.map

package/dist/design-system/primitives/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sources":["../../../src/design-system/primitives/typography.ts"],"sourcesContent":["/**\r\n * Brycks Design System - Component Typography Primitives\r\n *\r\n * Typography scales specifically for component contexts.\r\n * Derived from base typography tokens.\r\n *\r\n * RULE: Components MUST use these scales. Never hardcode font values.\r\n */\r\n\r\nimport { fontSizes, fontWeights, lineHeights, fontFamilies } from '../tokens/typography'\r\n\r\n/**\r\n * Font sizes mapped to component size variants.\r\n * Ensures consistent text sizing across all components.\r\n */\r\nexport const componentFontSize = {\r\n  /** 11px - Extra small labels, badges */\r\n  xs: fontSizes.xs,\r\n  /** 12px - Small text, captions, helper text */\r\n  sm: fontSizes.sm,\r\n  /** 14px - Default component text */\r\n  md: fontSizes.base,\r\n  /** 15px - Large component text */\r\n  lg: 15,\r\n  /** 16px - Extra large component text */\r\n  xl: fontSizes.md,\r\n} as const\r\n\r\n/**\r\n * Font weights for component states.\r\n */\r\nexport const componentFontWeight = {\r\n  /** 400 - Regular body text */\r\n  regular: fontWeights.regular,\r\n  /** 500 - Labels, emphasized text */\r\n  medium: fontWeights.medium,\r\n  /** 600 - Headings, titles */\r\n  semibold: fontWeights.semibold,\r\n  /** 700 - Strong emphasis */\r\n  bold: fontWeights.bold,\r\n} as const\r\n\r\n/**\r\n * Line heights for component text.\r\n */\r\nexport const componentLineHeight = {\r\n  /** 1 - Single line, badges */\r\n  none: lineHeights.none,\r\n  /** 1.25 - Tight, headings */\r\n  tight: lineHeights.snug,\r\n  /** 1.4 - Slightly relaxed, labels */\r\n  snug: 1.4,\r\n  /** 1.5 - Default body text */\r\n  normal: lineHeights.normal,\r\n  /** 1.6 - Relaxed, helper text */\r\n  relaxed: 1.6,\r\n} as const\r\n\r\n/**\r\n * Pre-composed typography styles for common component elements.\r\n */\r\nexport const componentTypography = {\r\n  /** Form field labels */\r\n  label: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.sm,\r\n    fontWeight: componentFontWeight.medium,\r\n    lineHeight: componentLineHeight.normal,\r\n  },\r\n  /** Helper/hint text below inputs */\r\n  helperText: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.xs,\r\n    fontWeight: componentFontWeight.regular,\r\n    lineHeight: componentLineHeight.relaxed,\r\n  },\r\n  /** Error messages */\r\n  errorText: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.xs,\r\n    fontWeight: componentFontWeight.regular,\r\n    lineHeight: componentLineHeight.relaxed,\r\n  },\r\n  /** Button text - small */\r\n  buttonSm: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.sm,\r\n    fontWeight: componentFontWeight.medium,\r\n    lineHeight: componentLineHeight.none,\r\n  },\r\n  /** Button text - medium (default) */\r\n  buttonMd: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.md,\r\n    fontWeight: componentFontWeight.medium,\r\n    lineHeight: componentLineHeight.none,\r\n  },\r\n  /** Button text - large */\r\n  buttonLg: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.lg,\r\n    fontWeight: componentFontWeight.medium,\r\n    lineHeight: componentLineHeight.none,\r\n  },\r\n  /** Badge text */\r\n  badge: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.xs,\r\n    fontWeight: componentFontWeight.medium,\r\n    lineHeight: componentLineHeight.none,\r\n  },\r\n  /** Tooltip text */\r\n  tooltip: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.xs,\r\n    fontWeight: componentFontWeight.medium,\r\n    lineHeight: componentLineHeight.snug,\r\n  },\r\n  /** Alert title */\r\n  alertTitle: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.md,\r\n    fontWeight: componentFontWeight.semibold,\r\n    lineHeight: componentLineHeight.tight,\r\n  },\r\n  /** Alert description */\r\n  alertDescription: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.md,\r\n    fontWeight: componentFontWeight.regular,\r\n    lineHeight: componentLineHeight.normal,\r\n  },\r\n  /** Modal title */\r\n  modalTitle: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: fontSizes.lg,\r\n    fontWeight: componentFontWeight.semibold,\r\n    lineHeight: componentLineHeight.tight,\r\n  },\r\n  /** Modal description */\r\n  modalDescription: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.md,\r\n    fontWeight: componentFontWeight.regular,\r\n    lineHeight: componentLineHeight.normal,\r\n  },\r\n  /** Empty state title */\r\n  emptyStateTitle: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: fontSizes.lg,\r\n    fontWeight: componentFontWeight.semibold,\r\n    lineHeight: componentLineHeight.tight,\r\n  },\r\n  /** Empty state description */\r\n  emptyStateDescription: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.md,\r\n    fontWeight: componentFontWeight.regular,\r\n    lineHeight: componentLineHeight.normal,\r\n  },\r\n  /** Divider label */\r\n  dividerLabel: {\r\n    fontFamily: fontFamilies.sans,\r\n    fontSize: componentFontSize.xs,\r\n    fontWeight: componentFontWeight.medium,\r\n    lineHeight: componentLineHeight.normal,\r\n  },\r\n} as const\r\n\r\nexport type ComponentTypographyKey = keyof typeof componentTypography\r\n"],"names":["componentFontSize","fontSizes","componentFontWeight","fontWeights","componentLineHeight","lineHeights","componentTypography","fontFamilies"],"mappings":"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"}

package/dist/design-system/themes/ThemeProvider.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),s=require("react"),C=require("./lightTheme.cjs"),S=require("./darkTheme.cjs"),g=s.createContext(null),w="brycks-theme-mode";function x(o,n){return n?Object.keys(o).reduce((c,r)=>{const i=o[r],u=n[r];return typeof i=="object"&&typeof u=="object"?c[r]={...i,...u}:u!==void 0?c[r]=u:c[r]=i,c},{}):o}function O({children:o,config:n,skipCSSVariables:c=!1}){const[r,i]=s.useState(()=>typeof window>"u"?n?.defaultMode??"system":localStorage.getItem(w)??n?.defaultMode??"system"),[u,j]=s.useState(()=>typeof window>"u"?"light":window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light");s.useEffect(()=>{const e=window.matchMedia("(prefers-color-scheme: dark)"),d=f=>{j(f.matches?"dark":"light")};return e.addEventListener("change",d),()=>e.removeEventListener("change",d)},[]);const t=r==="system"?u:r,a=s.useMemo(()=>{const e=t==="dark"?S.darkTheme:C.lightTheme,d=t==="dark"?n?.dark:n?.light;return d?{name:e.name,colors:x(e.colors,d)}:e},[t,n]),l=s.useCallback(e=>{i(e),typeof window<"u"&&localStorage.setItem(w,e)},[]),b=s.useCallback(()=>{l(t==="dark"?"light":"dark")},[t,l]);s.useEffect(()=>{if(c||typeof document>"u")return;const e=document.documentElement;e.style.colorScheme=t,e.dataset.theme=t,t==="dark"?e.classList.add("dark"):e.classList.remove("dark");const d=(T,h="")=>Object.entries(T).reduce((y,[k,m])=>{const M=h?`${h}-${k}`:k;return typeof m=="object"&&m!==null?Object.assign(y,d(m,M)):typeof m=="string"&&(y[`--brycks-${M}`]=m),y},{}),f=d(a.colors);Object.entries(f).forEach(([T,h])=>{e.style.setProperty(T,h)})},[a,t,c]);const p=s.useMemo(()=>({theme:a,mode:r,resolvedMode:t,setMode:l,toggleMode:b}),[a,r,t,l,b]);return v.jsx(g.Provider,{value:p,children:o})}function E(){const o=s.useContext(g);if(!o)throw new Error("useTheme must be used within a ThemeProvider");return o}function P(){const{theme:o}=E();return o.colors}exports.ThemeContext=g;exports.ThemeProvider=O;exports.useTheme=E;exports.useThemeColors=P;
+//# sourceMappingURL=ThemeProvider.cjs.map

package/dist/design-system/themes/ThemeProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.cjs","sources":["../../../src/design-system/themes/ThemeProvider.tsx"],"sourcesContent":["/**\r\n * Brycks Design System - Theme Provider\r\n *\r\n * React context provider for theme management.\r\n * Handles light/dark mode switching and system preference detection.\r\n */\r\n\r\nimport {\r\n  createContext,\r\n  useCallback,\r\n  useContext,\r\n  useEffect,\r\n  useMemo,\r\n  useState,\r\n  type ReactNode,\r\n} from 'react'\r\nimport { lightTheme } from './lightTheme'\r\nimport { darkTheme } from './darkTheme'\r\nimport type { Theme, ThemeContextValue, ThemeMode, ThemeConfig, ThemeColors } from './types'\r\n\r\nconst ThemeContext = createContext<ThemeContextValue | null>(null)\r\n\r\n/** Storage key for persisting theme preference */\r\nconst THEME_STORAGE_KEY = 'brycks-theme-mode'\r\n\r\n/** Deep merge theme colors */\r\nfunction mergeThemeColors(base: ThemeColors, overrides?: Partial<ThemeColors>): ThemeColors {\r\n  if (!overrides) return base\r\n\r\n  return Object.keys(base).reduce((acc, key) => {\r\n    const baseValue = base[key as keyof ThemeColors]\r\n    const overrideValue = overrides[key as keyof ThemeColors]\r\n\r\n    if (typeof baseValue === 'object' && typeof overrideValue === 'object') {\r\n      acc[key as keyof ThemeColors] = { ...baseValue, ...overrideValue } as never\r\n    } else if (overrideValue !== undefined) {\r\n      acc[key as keyof ThemeColors] = overrideValue as never\r\n    } else {\r\n      acc[key as keyof ThemeColors] = baseValue as never\r\n    }\r\n\r\n    return acc\r\n  }, {} as ThemeColors)\r\n}\r\n\r\ninterface ThemeProviderProps {\r\n  /** Child components */\r\n  children: ReactNode\r\n  /** Theme configuration for customization */\r\n  config?: ThemeConfig\r\n  /** Skip injecting CSS variables (for SSR or custom handling) */\r\n  skipCSSVariables?: boolean\r\n}\r\n\r\nexport function ThemeProvider({\r\n  children,\r\n  config,\r\n  skipCSSVariables = false,\r\n}: ThemeProviderProps) {\r\n  const [mode, setModeState] = useState<ThemeMode>(() => {\r\n    if (typeof window === 'undefined') return config?.defaultMode ?? 'system'\r\n\r\n    const stored = localStorage.getItem(THEME_STORAGE_KEY) as ThemeMode | null\r\n    return stored ?? config?.defaultMode ?? 'system'\r\n  })\r\n\r\n  const [systemMode, setSystemMode] = useState<'light' | 'dark'>(() => {\r\n    if (typeof window === 'undefined') return 'light'\r\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\r\n  })\r\n\r\n  // Listen to system preference changes\r\n  useEffect(() => {\r\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\r\n    const handleChange = (e: MediaQueryListEvent) => {\r\n      setSystemMode(e.matches ? 'dark' : 'light')\r\n    }\r\n\r\n    mediaQuery.addEventListener('change', handleChange)\r\n    return () => mediaQuery.removeEventListener('change', handleChange)\r\n  }, [])\r\n\r\n  // Resolve actual mode (never 'system')\r\n  const resolvedMode = mode === 'system' ? systemMode : mode\r\n\r\n  // Build theme with any config overrides\r\n  const theme = useMemo<Theme>(() => {\r\n    const baseTheme = resolvedMode === 'dark' ? darkTheme : lightTheme\r\n    const overrides = resolvedMode === 'dark' ? config?.dark : config?.light\r\n\r\n    if (!overrides) return baseTheme\r\n\r\n    return {\r\n      name: baseTheme.name,\r\n      colors: mergeThemeColors(baseTheme.colors, overrides),\r\n    }\r\n  }, [resolvedMode, config])\r\n\r\n  // Persist mode to localStorage\r\n  const setMode = useCallback((newMode: ThemeMode) => {\r\n    setModeState(newMode)\r\n    if (typeof window !== 'undefined') {\r\n      localStorage.setItem(THEME_STORAGE_KEY, newMode)\r\n    }\r\n  }, [])\r\n\r\n  const toggleMode = useCallback(() => {\r\n    setMode(resolvedMode === 'dark' ? 'light' : 'dark')\r\n  }, [resolvedMode, setMode])\r\n\r\n  // Inject CSS variables\r\n  useEffect(() => {\r\n    if (skipCSSVariables || typeof document === 'undefined') return\r\n\r\n    const root = document.documentElement\r\n\r\n    // Set color scheme for native browser support\r\n    root.style.colorScheme = resolvedMode\r\n\r\n    // Set data attribute for CSS selectors\r\n    root.dataset.theme = resolvedMode\r\n\r\n    // Add/remove dark class for Tailwind CSS dark mode\r\n    if (resolvedMode === 'dark') {\r\n      root.classList.add('dark')\r\n    } else {\r\n      root.classList.remove('dark')\r\n    }\r\n\r\n    // Flatten and inject CSS variables\r\n    const flattenColors = (obj: Record<string, unknown>, prefix = ''): Record<string, string> => {\r\n      return Object.entries(obj).reduce(\r\n        (acc, [key, value]) => {\r\n          const varName = prefix ? `${prefix}-${key}` : key\r\n\r\n          if (typeof value === 'object' && value !== null) {\r\n            Object.assign(acc, flattenColors(value as Record<string, unknown>, varName))\r\n          } else if (typeof value === 'string') {\r\n            acc[`--brycks-${varName}`] = value\r\n          }\r\n\r\n          return acc\r\n        },\r\n        {} as Record<string, string>\r\n      )\r\n    }\r\n\r\n    const cssVars = flattenColors(theme.colors as unknown as Record<string, unknown>)\r\n    Object.entries(cssVars).forEach(([key, value]) => {\r\n      root.style.setProperty(key, value)\r\n    })\r\n\r\n    // Clean up function not needed as we just overwrite values\r\n  }, [theme, resolvedMode, skipCSSVariables])\r\n\r\n  const contextValue = useMemo<ThemeContextValue>(\r\n    () => ({\r\n      theme,\r\n      mode,\r\n      resolvedMode,\r\n      setMode,\r\n      toggleMode,\r\n    }),\r\n    [theme, mode, resolvedMode, setMode, toggleMode]\r\n  )\r\n\r\n  return <ThemeContext.Provider value={contextValue}>{children}</ThemeContext.Provider>\r\n}\r\n\r\n/** Hook to access theme context */\r\nexport function useTheme(): ThemeContextValue {\r\n  const context = useContext(ThemeContext)\r\n\r\n  if (!context) {\r\n    throw new Error('useTheme must be used within a ThemeProvider')\r\n  }\r\n\r\n  return context\r\n}\r\n\r\n/** Hook to get current theme colors */\r\nexport function useThemeColors() {\r\n  const { theme } = useTheme()\r\n  return theme.colors\r\n}\r\n\r\nexport { ThemeContext }\r\n"],"names":["ThemeContext","createContext","THEME_STORAGE_KEY","mergeThemeColors","base","overrides","acc","key","baseValue","overrideValue","ThemeProvider","children","config","skipCSSVariables","mode","setModeState","useState","systemMode","setSystemMode","useEffect","mediaQuery","handleChange","e","resolvedMode","theme","useMemo","baseTheme","darkTheme","lightTheme","setMode","useCallback","newMode","toggleMode","root","flattenColors","obj","prefix","value","varName","cssVars","contextValue","useTheme","context","useContext","useThemeColors"],"mappings":"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"}

package/dist/design-system/themes/ThemeProvider.js

@@ -0,0 +1,78 @@
+import { jsx as x } from "react/jsx-runtime";
+import { createContext as O, useState as T, useEffect as k, useMemo as M, useCallback as b, useContext as S } from "react";
+import { lightTheme as L } from "./lightTheme.js";
+import { darkTheme as P } from "./darkTheme.js";
+const j = O(null), E = "brycks-theme-mode";
+function V(o, s) {
+  return s ? Object.keys(o).reduce((d, r) => {
+    const m = o[r], c = s[r];
+    return typeof m == "object" && typeof c == "object" ? d[r] = { ...m, ...c } : c !== void 0 ? d[r] = c : d[r] = m, d;
+  }, {}) : o;
+}
+function H({
+  children: o,
+  config: s,
+  skipCSSVariables: d = !1
+}) {
+  const [r, m] = T(() => typeof window > "u" ? s?.defaultMode ?? "system" : localStorage.getItem(E) ?? s?.defaultMode ?? "system"), [c, v] = T(() => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
+  k(() => {
+    const e = window.matchMedia("(prefers-color-scheme: dark)"), n = (f) => {
+      v(f.matches ? "dark" : "light");
+    };
+    return e.addEventListener("change", n), () => e.removeEventListener("change", n);
+  }, []);
+  const t = r === "system" ? c : r, a = M(() => {
+    const e = t === "dark" ? P : L, n = t === "dark" ? s?.dark : s?.light;
+    return n ? {
+      name: e.name,
+      colors: V(e.colors, n)
+    } : e;
+  }, [t, s]), u = b((e) => {
+    m(e), typeof window < "u" && localStorage.setItem(E, e);
+  }, []), p = b(() => {
+    u(t === "dark" ? "light" : "dark");
+  }, [t, u]);
+  k(() => {
+    if (d || typeof document > "u") return;
+    const e = document.documentElement;
+    e.style.colorScheme = t, e.dataset.theme = t, t === "dark" ? e.classList.add("dark") : e.classList.remove("dark");
+    const n = (h, l = "") => Object.entries(h).reduce(
+      (y, [g, i]) => {
+        const w = l ? `${l}-${g}` : g;
+        return typeof i == "object" && i !== null ? Object.assign(y, n(i, w)) : typeof i == "string" && (y[`--brycks-${w}`] = i), y;
+      },
+      {}
+    ), f = n(a.colors);
+    Object.entries(f).forEach(([h, l]) => {
+      e.style.setProperty(h, l);
+    });
+  }, [a, t, d]);
+  const C = M(
+    () => ({
+      theme: a,
+      mode: r,
+      resolvedMode: t,
+      setMode: u,
+      toggleMode: p
+    }),
+    [a, r, t, u, p]
+  );
+  return /* @__PURE__ */ x(j.Provider, { value: C, children: o });
+}
+function $() {
+  const o = S(j);
+  if (!o)
+    throw new Error("useTheme must be used within a ThemeProvider");
+  return o;
+}
+function K() {
+  const { theme: o } = $();
+  return o.colors;
+}
+export {
+  j as ThemeContext,
+  H as ThemeProvider,
+  $ as useTheme,
+  K as useThemeColors
+};
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/design-system/themes/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sources":["../../../src/design-system/themes/ThemeProvider.tsx"],"sourcesContent":["/**\r\n * Brycks Design System - Theme Provider\r\n *\r\n * React context provider for theme management.\r\n * Handles light/dark mode switching and system preference detection.\r\n */\r\n\r\nimport {\r\n  createContext,\r\n  useCallback,\r\n  useContext,\r\n  useEffect,\r\n  useMemo,\r\n  useState,\r\n  type ReactNode,\r\n} from 'react'\r\nimport { lightTheme } from './lightTheme'\r\nimport { darkTheme } from './darkTheme'\r\nimport type { Theme, ThemeContextValue, ThemeMode, ThemeConfig, ThemeColors } from './types'\r\n\r\nconst ThemeContext = createContext<ThemeContextValue | null>(null)\r\n\r\n/** Storage key for persisting theme preference */\r\nconst THEME_STORAGE_KEY = 'brycks-theme-mode'\r\n\r\n/** Deep merge theme colors */\r\nfunction mergeThemeColors(base: ThemeColors, overrides?: Partial<ThemeColors>): ThemeColors {\r\n  if (!overrides) return base\r\n\r\n  return Object.keys(base).reduce((acc, key) => {\r\n    const baseValue = base[key as keyof ThemeColors]\r\n    const overrideValue = overrides[key as keyof ThemeColors]\r\n\r\n    if (typeof baseValue === 'object' && typeof overrideValue === 'object') {\r\n      acc[key as keyof ThemeColors] = { ...baseValue, ...overrideValue } as never\r\n    } else if (overrideValue !== undefined) {\r\n      acc[key as keyof ThemeColors] = overrideValue as never\r\n    } else {\r\n      acc[key as keyof ThemeColors] = baseValue as never\r\n    }\r\n\r\n    return acc\r\n  }, {} as ThemeColors)\r\n}\r\n\r\ninterface ThemeProviderProps {\r\n  /** Child components */\r\n  children: ReactNode\r\n  /** Theme configuration for customization */\r\n  config?: ThemeConfig\r\n  /** Skip injecting CSS variables (for SSR or custom handling) */\r\n  skipCSSVariables?: boolean\r\n}\r\n\r\nexport function ThemeProvider({\r\n  children,\r\n  config,\r\n  skipCSSVariables = false,\r\n}: ThemeProviderProps) {\r\n  const [mode, setModeState] = useState<ThemeMode>(() => {\r\n    if (typeof window === 'undefined') return config?.defaultMode ?? 'system'\r\n\r\n    const stored = localStorage.getItem(THEME_STORAGE_KEY) as ThemeMode | null\r\n    return stored ?? config?.defaultMode ?? 'system'\r\n  })\r\n\r\n  const [systemMode, setSystemMode] = useState<'light' | 'dark'>(() => {\r\n    if (typeof window === 'undefined') return 'light'\r\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\r\n  })\r\n\r\n  // Listen to system preference changes\r\n  useEffect(() => {\r\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\r\n    const handleChange = (e: MediaQueryListEvent) => {\r\n      setSystemMode(e.matches ? 'dark' : 'light')\r\n    }\r\n\r\n    mediaQuery.addEventListener('change', handleChange)\r\n    return () => mediaQuery.removeEventListener('change', handleChange)\r\n  }, [])\r\n\r\n  // Resolve actual mode (never 'system')\r\n  const resolvedMode = mode === 'system' ? systemMode : mode\r\n\r\n  // Build theme with any config overrides\r\n  const theme = useMemo<Theme>(() => {\r\n    const baseTheme = resolvedMode === 'dark' ? darkTheme : lightTheme\r\n    const overrides = resolvedMode === 'dark' ? config?.dark : config?.light\r\n\r\n    if (!overrides) return baseTheme\r\n\r\n    return {\r\n      name: baseTheme.name,\r\n      colors: mergeThemeColors(baseTheme.colors, overrides),\r\n    }\r\n  }, [resolvedMode, config])\r\n\r\n  // Persist mode to localStorage\r\n  const setMode = useCallback((newMode: ThemeMode) => {\r\n    setModeState(newMode)\r\n    if (typeof window !== 'undefined') {\r\n      localStorage.setItem(THEME_STORAGE_KEY, newMode)\r\n    }\r\n  }, [])\r\n\r\n  const toggleMode = useCallback(() => {\r\n    setMode(resolvedMode === 'dark' ? 'light' : 'dark')\r\n  }, [resolvedMode, setMode])\r\n\r\n  // Inject CSS variables\r\n  useEffect(() => {\r\n    if (skipCSSVariables || typeof document === 'undefined') return\r\n\r\n    const root = document.documentElement\r\n\r\n    // Set color scheme for native browser support\r\n    root.style.colorScheme = resolvedMode\r\n\r\n    // Set data attribute for CSS selectors\r\n    root.dataset.theme = resolvedMode\r\n\r\n    // Add/remove dark class for Tailwind CSS dark mode\r\n    if (resolvedMode === 'dark') {\r\n      root.classList.add('dark')\r\n    } else {\r\n      root.classList.remove('dark')\r\n    }\r\n\r\n    // Flatten and inject CSS variables\r\n    const flattenColors = (obj: Record<string, unknown>, prefix = ''): Record<string, string> => {\r\n      return Object.entries(obj).reduce(\r\n        (acc, [key, value]) => {\r\n          const varName = prefix ? `${prefix}-${key}` : key\r\n\r\n          if (typeof value === 'object' && value !== null) {\r\n            Object.assign(acc, flattenColors(value as Record<string, unknown>, varName))\r\n          } else if (typeof value === 'string') {\r\n            acc[`--brycks-${varName}`] = value\r\n          }\r\n\r\n          return acc\r\n        },\r\n        {} as Record<string, string>\r\n      )\r\n    }\r\n\r\n    const cssVars = flattenColors(theme.colors as unknown as Record<string, unknown>)\r\n    Object.entries(cssVars).forEach(([key, value]) => {\r\n      root.style.setProperty(key, value)\r\n    })\r\n\r\n    // Clean up function not needed as we just overwrite values\r\n  }, [theme, resolvedMode, skipCSSVariables])\r\n\r\n  const contextValue = useMemo<ThemeContextValue>(\r\n    () => ({\r\n      theme,\r\n      mode,\r\n      resolvedMode,\r\n      setMode,\r\n      toggleMode,\r\n    }),\r\n    [theme, mode, resolvedMode, setMode, toggleMode]\r\n  )\r\n\r\n  return <ThemeContext.Provider value={contextValue}>{children}</ThemeContext.Provider>\r\n}\r\n\r\n/** Hook to access theme context */\r\nexport function useTheme(): ThemeContextValue {\r\n  const context = useContext(ThemeContext)\r\n\r\n  if (!context) {\r\n    throw new Error('useTheme must be used within a ThemeProvider')\r\n  }\r\n\r\n  return context\r\n}\r\n\r\n/** Hook to get current theme colors */\r\nexport function useThemeColors() {\r\n  const { theme } = useTheme()\r\n  return theme.colors\r\n}\r\n\r\nexport { ThemeContext }\r\n"],"names":["ThemeContext","createContext","THEME_STORAGE_KEY","mergeThemeColors","base","overrides","acc","key","baseValue","overrideValue","ThemeProvider","children","config","skipCSSVariables","mode","setModeState","useState","systemMode","setSystemMode","useEffect","mediaQuery","handleChange","e","resolvedMode","theme","useMemo","baseTheme","darkTheme","lightTheme","setMode","useCallback","newMode","toggleMode","root","flattenColors","obj","prefix","value","varName","cssVars","contextValue","useTheme","context","useContext","useThemeColors"],"mappings":"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"}

package/dist/design-system/themes/cssVariables.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={bgApp:"var(--brycks-background-app)",bgSubtle:"var(--brycks-background-subtle)",bgMuted:"var(--brycks-background-muted)",bgElevated:"var(--brycks-background-elevated)",bgOverlay:"var(--brycks-background-overlay)",bgInverse:"var(--brycks-background-inverse)",fgDefault:"var(--brycks-foreground-default)",fgMuted:"var(--brycks-foreground-muted)",fgSubtle:"var(--brycks-foreground-subtle)",fgDisabled:"var(--brycks-foreground-disabled)",fgInverse:"var(--brycks-foreground-inverse)",fgLink:"var(--brycks-foreground-link)",borderDefault:"var(--brycks-border-default)",borderMuted:"var(--brycks-border-muted)",borderStrong:"var(--brycks-border-strong)",borderFocus:"var(--brycks-border-focus)",primaryDefault:"var(--brycks-primary-default)",primaryHover:"var(--brycks-primary-hover)",primaryActive:"var(--brycks-primary-active)",primaryMuted:"var(--brycks-primary-muted)",primaryForeground:"var(--brycks-primary-foreground)",accentDefault:"var(--brycks-accent-default)",accentHover:"var(--brycks-accent-hover)",accentActive:"var(--brycks-accent-active)",accentMuted:"var(--brycks-accent-muted)",accentForeground:"var(--brycks-accent-foreground)",successDefault:"var(--brycks-success-default)",successHover:"var(--brycks-success-hover)",successMuted:"var(--brycks-success-muted)",successForeground:"var(--brycks-success-foreground)",warningDefault:"var(--brycks-warning-default)",warningHover:"var(--brycks-warning-hover)",warningMuted:"var(--brycks-warning-muted)",warningForeground:"var(--brycks-warning-foreground)",errorDefault:"var(--brycks-error-default)",errorHover:"var(--brycks-error-hover)",errorMuted:"var(--brycks-error-muted)",errorForeground:"var(--brycks-error-foreground)",infoDefault:"var(--brycks-info-default)",infoHover:"var(--brycks-info-hover)",infoMuted:"var(--brycks-info-muted)",infoForeground:"var(--brycks-info-foreground)"};exports.cssVar=r;
+//# sourceMappingURL=cssVariables.cjs.map

package/dist/design-system/themes/cssVariables.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssVariables.cjs","sources":["../../../src/design-system/themes/cssVariables.ts"],"sourcesContent":["/**\r\n * Brycks Design System - CSS Variable Helpers\r\n *\r\n * Utilities for working with CSS variables in components.\r\n */\r\n\r\n/** CSS variable names mapped to theme paths */\r\nexport const cssVar = {\r\n  // Background\r\n  bgApp: 'var(--brycks-background-app)',\r\n  bgSubtle: 'var(--brycks-background-subtle)',\r\n  bgMuted: 'var(--brycks-background-muted)',\r\n  bgElevated: 'var(--brycks-background-elevated)',\r\n  bgOverlay: 'var(--brycks-background-overlay)',\r\n  bgInverse: 'var(--brycks-background-inverse)',\r\n\r\n  // Foreground\r\n  fgDefault: 'var(--brycks-foreground-default)',\r\n  fgMuted: 'var(--brycks-foreground-muted)',\r\n  fgSubtle: 'var(--brycks-foreground-subtle)',\r\n  fgDisabled: 'var(--brycks-foreground-disabled)',\r\n  fgInverse: 'var(--brycks-foreground-inverse)',\r\n  fgLink: 'var(--brycks-foreground-link)',\r\n\r\n  // Border\r\n  borderDefault: 'var(--brycks-border-default)',\r\n  borderMuted: 'var(--brycks-border-muted)',\r\n  borderStrong: 'var(--brycks-border-strong)',\r\n  borderFocus: 'var(--brycks-border-focus)',\r\n\r\n  // Primary\r\n  primaryDefault: 'var(--brycks-primary-default)',\r\n  primaryHover: 'var(--brycks-primary-hover)',\r\n  primaryActive: 'var(--brycks-primary-active)',\r\n  primaryMuted: 'var(--brycks-primary-muted)',\r\n  primaryForeground: 'var(--brycks-primary-foreground)',\r\n\r\n  // Accent\r\n  accentDefault: 'var(--brycks-accent-default)',\r\n  accentHover: 'var(--brycks-accent-hover)',\r\n  accentActive: 'var(--brycks-accent-active)',\r\n  accentMuted: 'var(--brycks-accent-muted)',\r\n  accentForeground: 'var(--brycks-accent-foreground)',\r\n\r\n  // Success\r\n  successDefault: 'var(--brycks-success-default)',\r\n  successHover: 'var(--brycks-success-hover)',\r\n  successMuted: 'var(--brycks-success-muted)',\r\n  successForeground: 'var(--brycks-success-foreground)',\r\n\r\n  // Warning\r\n  warningDefault: 'var(--brycks-warning-default)',\r\n  warningHover: 'var(--brycks-warning-hover)',\r\n  warningMuted: 'var(--brycks-warning-muted)',\r\n  warningForeground: 'var(--brycks-warning-foreground)',\r\n\r\n  // Error\r\n  errorDefault: 'var(--brycks-error-default)',\r\n  errorHover: 'var(--brycks-error-hover)',\r\n  errorMuted: 'var(--brycks-error-muted)',\r\n  errorForeground: 'var(--brycks-error-foreground)',\r\n\r\n  // Info\r\n  infoDefault: 'var(--brycks-info-default)',\r\n  infoHover: 'var(--brycks-info-hover)',\r\n  infoMuted: 'var(--brycks-info-muted)',\r\n  infoForeground: 'var(--brycks-info-foreground)',\r\n} as const\r\n\r\nexport type CSSVar = keyof typeof cssVar\r\n"],"names":["cssVar"],"mappings":"gFAOO,MAAMA,EAAS,CAEpB,MAAO,+BACP,SAAU,kCACV,QAAS,iCACT,WAAY,oCACZ,UAAW,mCACX,UAAW,mCAGX,UAAW,mCACX,QAAS,iCACT,SAAU,kCACV,WAAY,oCACZ,UAAW,mCACX,OAAQ,gCAGR,cAAe,+BACf,YAAa,6BACb,aAAc,8BACd,YAAa,6BAGb,eAAgB,gCAChB,aAAc,8BACd,cAAe,+BACf,aAAc,8BACd,kBAAmB,mCAGnB,cAAe,+BACf,YAAa,6BACb,aAAc,8BACd,YAAa,6BACb,iBAAkB,kCAGlB,eAAgB,gCAChB,aAAc,8BACd,aAAc,8BACd,kBAAmB,mCAGnB,eAAgB,gCAChB,aAAc,8BACd,aAAc,8BACd,kBAAmB,mCAGnB,aAAc,8BACd,WAAY,4BACZ,WAAY,4BACZ,gBAAiB,iCAGjB,YAAa,6BACb,UAAW,2BACX,UAAW,2BACX,eAAgB,+BAClB"}

package/dist/design-system/themes/cssVariables.js

@@ -0,0 +1,57 @@
+const r = {
+  // Background
+  bgApp: "var(--brycks-background-app)",
+  bgSubtle: "var(--brycks-background-subtle)",
+  bgMuted: "var(--brycks-background-muted)",
+  bgElevated: "var(--brycks-background-elevated)",
+  bgOverlay: "var(--brycks-background-overlay)",
+  bgInverse: "var(--brycks-background-inverse)",
+  // Foreground
+  fgDefault: "var(--brycks-foreground-default)",
+  fgMuted: "var(--brycks-foreground-muted)",
+  fgSubtle: "var(--brycks-foreground-subtle)",
+  fgDisabled: "var(--brycks-foreground-disabled)",
+  fgInverse: "var(--brycks-foreground-inverse)",
+  fgLink: "var(--brycks-foreground-link)",
+  // Border
+  borderDefault: "var(--brycks-border-default)",
+  borderMuted: "var(--brycks-border-muted)",
+  borderStrong: "var(--brycks-border-strong)",
+  borderFocus: "var(--brycks-border-focus)",
+  // Primary
+  primaryDefault: "var(--brycks-primary-default)",
+  primaryHover: "var(--brycks-primary-hover)",
+  primaryActive: "var(--brycks-primary-active)",
+  primaryMuted: "var(--brycks-primary-muted)",
+  primaryForeground: "var(--brycks-primary-foreground)",
+  // Accent
+  accentDefault: "var(--brycks-accent-default)",
+  accentHover: "var(--brycks-accent-hover)",
+  accentActive: "var(--brycks-accent-active)",
+  accentMuted: "var(--brycks-accent-muted)",
+  accentForeground: "var(--brycks-accent-foreground)",
+  // Success
+  successDefault: "var(--brycks-success-default)",
+  successHover: "var(--brycks-success-hover)",
+  successMuted: "var(--brycks-success-muted)",
+  successForeground: "var(--brycks-success-foreground)",
+  // Warning
+  warningDefault: "var(--brycks-warning-default)",
+  warningHover: "var(--brycks-warning-hover)",
+  warningMuted: "var(--brycks-warning-muted)",
+  warningForeground: "var(--brycks-warning-foreground)",
+  // Error
+  errorDefault: "var(--brycks-error-default)",
+  errorHover: "var(--brycks-error-hover)",
+  errorMuted: "var(--brycks-error-muted)",
+  errorForeground: "var(--brycks-error-foreground)",
+  // Info
+  infoDefault: "var(--brycks-info-default)",
+  infoHover: "var(--brycks-info-hover)",
+  infoMuted: "var(--brycks-info-muted)",
+  infoForeground: "var(--brycks-info-foreground)"
+};
+export {
+  r as cssVar
+};
+//# sourceMappingURL=cssVariables.js.map

package/dist/design-system/themes/cssVariables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssVariables.js","sources":["../../../src/design-system/themes/cssVariables.ts"],"sourcesContent":["/**\r\n * Brycks Design System - CSS Variable Helpers\r\n *\r\n * Utilities for working with CSS variables in components.\r\n */\r\n\r\n/** CSS variable names mapped to theme paths */\r\nexport const cssVar = {\r\n  // Background\r\n  bgApp: 'var(--brycks-background-app)',\r\n  bgSubtle: 'var(--brycks-background-subtle)',\r\n  bgMuted: 'var(--brycks-background-muted)',\r\n  bgElevated: 'var(--brycks-background-elevated)',\r\n  bgOverlay: 'var(--brycks-background-overlay)',\r\n  bgInverse: 'var(--brycks-background-inverse)',\r\n\r\n  // Foreground\r\n  fgDefault: 'var(--brycks-foreground-default)',\r\n  fgMuted: 'var(--brycks-foreground-muted)',\r\n  fgSubtle: 'var(--brycks-foreground-subtle)',\r\n  fgDisabled: 'var(--brycks-foreground-disabled)',\r\n  fgInverse: 'var(--brycks-foreground-inverse)',\r\n  fgLink: 'var(--brycks-foreground-link)',\r\n\r\n  // Border\r\n  borderDefault: 'var(--brycks-border-default)',\r\n  borderMuted: 'var(--brycks-border-muted)',\r\n  borderStrong: 'var(--brycks-border-strong)',\r\n  borderFocus: 'var(--brycks-border-focus)',\r\n\r\n  // Primary\r\n  primaryDefault: 'var(--brycks-primary-default)',\r\n  primaryHover: 'var(--brycks-primary-hover)',\r\n  primaryActive: 'var(--brycks-primary-active)',\r\n  primaryMuted: 'var(--brycks-primary-muted)',\r\n  primaryForeground: 'var(--brycks-primary-foreground)',\r\n\r\n  // Accent\r\n  accentDefault: 'var(--brycks-accent-default)',\r\n  accentHover: 'var(--brycks-accent-hover)',\r\n  accentActive: 'var(--brycks-accent-active)',\r\n  accentMuted: 'var(--brycks-accent-muted)',\r\n  accentForeground: 'var(--brycks-accent-foreground)',\r\n\r\n  // Success\r\n  successDefault: 'var(--brycks-success-default)',\r\n  successHover: 'var(--brycks-success-hover)',\r\n  successMuted: 'var(--brycks-success-muted)',\r\n  successForeground: 'var(--brycks-success-foreground)',\r\n\r\n  // Warning\r\n  warningDefault: 'var(--brycks-warning-default)',\r\n  warningHover: 'var(--brycks-warning-hover)',\r\n  warningMuted: 'var(--brycks-warning-muted)',\r\n  warningForeground: 'var(--brycks-warning-foreground)',\r\n\r\n  // Error\r\n  errorDefault: 'var(--brycks-error-default)',\r\n  errorHover: 'var(--brycks-error-hover)',\r\n  errorMuted: 'var(--brycks-error-muted)',\r\n  errorForeground: 'var(--brycks-error-foreground)',\r\n\r\n  // Info\r\n  infoDefault: 'var(--brycks-info-default)',\r\n  infoHover: 'var(--brycks-info-hover)',\r\n  infoMuted: 'var(--brycks-info-muted)',\r\n  infoForeground: 'var(--brycks-info-foreground)',\r\n} as const\r\n\r\nexport type CSSVar = keyof typeof cssVar\r\n"],"names":["cssVar"],"mappings":"AAOO,MAAMA,IAAS;AAAA;AAAA,EAEpB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW;AAAA;AAAA,EAGX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,QAAQ;AAAA;AAAA,EAGR,eAAe;AAAA,EACf,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA;AAAA,EAGb,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,cAAc;AAAA,EACd,mBAAmB;AAAA;AAAA,EAGnB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,kBAAkB;AAAA;AAAA,EAGlB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,mBAAmB;AAAA;AAAA,EAGnB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,mBAAmB;AAAA;AAAA,EAGnB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,iBAAiB;AAAA;AAAA,EAGjB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,WAAW;AAAA,EACX,gBAAgB;AAClB;"}

package/dist/design-system/themes/darkTheme.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../tokens/colors.cjs"),e={name:"dark",colors:{background:{app:r.neutrals.black,subtle:r.neutrals.gray950,muted:r.neutrals.gray900,elevated:r.neutrals.gray800,overlay:"rgba(0, 0, 0, 0.7)",inverse:r.neutrals.white},foreground:{default:r.neutrals.gray100,muted:r.neutrals.gray400,subtle:r.neutrals.gray500,disabled:r.neutrals.gray600,inverse:r.neutrals.gray950,link:r.primary[400]},border:{default:r.neutrals.gray800,muted:r.neutrals.gray900,strong:r.neutrals.gray700,focus:r.primary[400]},primary:{default:r.primary[500],hover:r.primary[400],active:r.primary[300],muted:"rgba(85, 120, 244, 0.15)",softHover:"rgba(85, 120, 244, 0.25)",foreground:r.neutrals.white},accent:{default:r.accent[400],hover:r.accent[300],active:r.accent[200],muted:"rgba(248, 101, 69, 0.15)",softHover:"rgba(248, 101, 69, 0.25)",foreground:r.neutrals.white},success:{default:r.success[500],hover:r.success[400],muted:"rgba(16, 185, 129, 0.15)",softHover:"rgba(16, 185, 129, 0.25)",foreground:r.neutrals.white},warning:{default:r.warning[400],hover:r.warning[300],muted:"rgba(245, 158, 11, 0.15)",softHover:"rgba(245, 158, 11, 0.25)",foreground:r.neutrals.gray950},error:{default:r.error[500],hover:r.error[400],muted:"rgba(239, 68, 68, 0.15)",softHover:"rgba(239, 68, 68, 0.25)",foreground:r.neutrals.white},info:{default:r.info[500],hover:r.info[400],muted:"rgba(6, 182, 212, 0.15)",softHover:"rgba(6, 182, 212, 0.25)",foreground:r.neutrals.white}}};exports.darkTheme=e;
+//# sourceMappingURL=darkTheme.cjs.map