npm - @nationaldesignstudio/react - Versions diffs - 0.3.0 → 0.5.1 - Mend

@nationaldesignstudio/react 0.3.0 → 0.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (639) hide show

package/dist/packages/tokens/dist/semantic/typography/base.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"base.js","sources":["../../../../../../../tokens/dist/semantic/typography/base.js"],"sourcesContent":["/**\n * Base Typography Tokens\n *\n * Property-based typography tokens organized into Heading, Text, and UI groups.\n * Theme variants (nds-brand, darktech, recreation) extend these with overrides.\n *\n * Each group uses $extensions[\"nds.utility\"] to mark it for CSS utility generation.\n * The generator composes inherited properties (font, weight) with local properties\n * (size, line-height, tracking) to create complete typography utilities.\n *\n * Responsive utilities are enabled via `responsive: true` which uses nested groups\n * (lg, md, sm) to generate breakpoint-specific variants.\n *\n * Structure based on Figma \"Typography\" collection with nested breakpoint groups.\n */\nexport const baseTypographyTokens = {\n semantic: {\n typography: {\n $extensions: {\n \"nds.theme\": {\n category: \"typography\",\n name: \"base\",\n },\n \"nds.figmaSync\": {\n collectionKey: \"96f5387fdb03cd6bbd3a7de7ead150f46afac330\",\n collectionName: \"Typography\",\n modeMapping: { modeName: \"Value\" },\n },\n },\n // =====================================================================\n // HEADING GROUP\n // Shared font properties for all headings\n // =====================================================================\n heading: {\n font: {\n $type: \"fontFamily\",\n $value: \"{primitive.font-family.inter-tight}\",\n $description: \"Headline font family - shared across all headings\",\n },\n weight: {\n $type: \"fontWeight\",\n $value: \"{primitive.font-weight.semibold}\",\n $description: \"Headline weight (600) - shared across all headings\",\n },\n },\n // H1 Display (XL) - Large hero typography\n h1: {\n display: {\n $extensions: {\n \"nds.utility\": {\n name: \"typography-h1-display\",\n responsive: true,\n inherit: {\n fontFamily: \"heading.font\",\n fontWeight: \"heading.weight\",\n },\n },\n },\n lg: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.128}\",\n $description: \"H1 display font size (lg breakpoint)\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.128}\",\n $description: \"H1 display line height (lg breakpoint)\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.128}\",\n $description: \"H1 display letter spacing (lg breakpoint)\",\n },\n },\n md: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.96}\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.96}\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.96}\",\n },\n },\n sm: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.64}\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.64}\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.64}\",\n },\n },\n },\n // Regular H1 - flattened breakpoint structure\n $extensions: {\n \"nds.utility\": {\n name: \"typography-h1\",\n responsive: true,\n inherit: {\n fontFamily: \"heading.font\",\n fontWeight: \"heading.weight\",\n },\n },\n },\n lg: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.96}\",\n $description: \"H1 font size (lg breakpoint)\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.96}\",\n $description: \"H1 line height (lg breakpoint)\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.96}\",\n $description: \"H1 letter spacing (lg breakpoint)\",\n },\n },\n md: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.72}\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.72}\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.72}\",\n },\n },\n sm: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.48}\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.48}\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.48}\",\n },\n },\n },\n // H2\n h2: {\n $extensions: {\n \"nds.utility\": {\n name: \"typography-h2\",\n responsive: true,\n inherit: {\n fontFamily: \"heading.font\",\n fontWeight: \"heading.weight\",\n },\n },\n },\n lg: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.72}\",\n $description: \"H2 font size (lg breakpoint)\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.72}\",\n $description: \"H2 line height (lg breakpoint)\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.72}\",\n $description: \"H2 letter spacing (lg breakpoint)\",\n },\n },\n md: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.64}\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.64}\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.64}\",\n },\n },\n sm: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.48}\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.48}\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.48}\",\n },\n },\n },\n // H3\n h3: {\n $extensions: {\n \"nds.utility\": {\n name: \"typography-h3\",\n responsive: true,\n inherit: {\n fontFamily: \"heading.font\",\n fontWeight: \"heading.weight\",\n },\n },\n },\n lg: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.64}\",\n $description: \"H3 font size (lg breakpoint)\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.64}\",\n $description: \"H3 line height (lg breakpoint)\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.64}\",\n $description: \"H3 letter spacing (lg breakpoint)\",\n },\n },\n md: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.48}\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.48}\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.48}\",\n },\n },\n sm: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.32}\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.32}\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.32}\",\n },\n },\n },\n // H4\n h4: {\n $extensions: {\n \"nds.utility\": {\n name: \"typography-h4\",\n responsive: true,\n inherit: {\n fontFamily: \"heading.font\",\n fontWeight: \"heading.weight\",\n },\n },\n },\n lg: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.48}\",\n $description: \"H4 font size (lg breakpoint)\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.48}\",\n $description: \"H4 line height (lg breakpoint)\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.48}\",\n $description: \"H4 letter spacing (lg breakpoint)\",\n },\n },\n md: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.32}\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.32}\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.32}\",\n },\n },\n sm: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.24}\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.24}\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.24}\",\n },\n },\n },\n // H5\n h5: {\n $extensions: {\n \"nds.utility\": {\n name: \"typography-h5\",\n responsive: true,\n inherit: {\n fontFamily: \"heading.font\",\n fontWeight: \"heading.weight\",\n },\n },\n },\n lg: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.32}\",\n $description: \"H5 font size (lg breakpoint)\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.32}\",\n $description: \"H5 line height (lg breakpoint)\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.32}\",\n $description: \"H5 letter spacing (lg breakpoint)\",\n },\n },\n md: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.24}\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.24}\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.24}\",\n },\n },\n sm: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.21}\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.21}\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.21}\",\n },\n },\n },\n // =====================================================================\n // TEXT GROUP\n // Body text, overline, and caption\n // =====================================================================\n body: {\n font: {\n $type: \"fontFamily\",\n $value: \"{primitive.font-family.inter}\",\n $description: \"Body font family\",\n },\n weight: {\n $type: \"fontWeight\",\n $value: \"{primitive.font-weight.regular}\",\n $description: \"Body font weight\",\n },\n // Body Large - responsive typography\n lg: {\n $extensions: {\n \"nds.utility\": {\n name: \"typography-body-lg\",\n responsive: true,\n inherit: {\n fontFamily: \"body.font\",\n fontWeight: \"body.weight\",\n },\n },\n },\n lg: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.21}\",\n $description: \"Body lg font size (lg breakpoint)\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.21}\",\n $description: \"Body lg line height (lg breakpoint)\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.21}\",\n $description: \"Body lg letter spacing (lg breakpoint)\",\n },\n },\n md: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.18}\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.18}\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.18}\",\n },\n },\n sm: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.16}\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.16}\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.16}\",\n },\n },\n },\n // Body Medium - responsive typography\n md: {\n $extensions: {\n \"nds.utility\": {\n name: \"typography-body-md\",\n responsive: true,\n inherit: {\n fontFamily: \"body.font\",\n fontWeight: \"body.weight\",\n },\n },\n },\n lg: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.18}\",\n $description: \"Body md font size (lg breakpoint)\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.18}\",\n $description: \"Body md line height (lg breakpoint)\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.18}\",\n $description: \"Body md letter spacing (lg breakpoint)\",\n },\n },\n md: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.16}\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.16}\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.16}\",\n },\n },\n sm: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.14}\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.14}\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.14}\",\n },\n },\n },\n // Body Small - responsive typography\n sm: {\n $extensions: {\n \"nds.utility\": {\n name: \"typography-body-sm\",\n responsive: true,\n inherit: {\n fontFamily: \"body.font\",\n fontWeight: \"body.weight\",\n },\n },\n },\n lg: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.14}\",\n $description: \"Body sm font size (lg breakpoint)\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.14}\",\n $description: \"Body sm line height (lg breakpoint)\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.14}\",\n $description: \"Body sm letter spacing (lg breakpoint)\",\n },\n },\n md: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.14}\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.14}\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.14}\",\n },\n },\n sm: {\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.12}\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.12}\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.12}\",\n },\n },\n },\n },\n // Overline - Small caps/label text\n overline: {\n $extensions: {\n \"nds.utility\": {\n name: \"typography-overline\",\n inherit: {\n fontFamily: \"body.font\",\n },\n },\n },\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.14}\",\n $description: \"Overline font size\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.24}\",\n $description: \"Overline line height\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.14}\",\n $description: \"Overline letter spacing\",\n },\n },\n // Caption - Small supplementary text\n caption: {\n $extensions: {\n \"nds.utility\": {\n name: \"typography-caption\",\n inherit: {\n fontFamily: \"body.font\",\n },\n },\n },\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.11}\",\n $description: \"Caption font size\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.11}\",\n $description: \"Caption line height\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.11}\",\n $description: \"Caption letter spacing\",\n },\n },\n // =====================================================================\n // UI GROUP\n // Button, link, and interactive element typography\n // =====================================================================\n ui: {\n button: {\n font: {\n $type: \"fontFamily\",\n $value: \"{primitive.font-family.inter}\",\n $description: \"Button font family\",\n },\n weight: {\n $type: \"fontWeight\",\n $value: \"{primitive.font-weight.medium}\",\n $description: \"Button font weight\",\n },\n lg: {\n $extensions: {\n \"nds.utility\": {\n name: \"typography-ui-button-lg\",\n inherit: {\n fontFamily: \"ui.button.font\",\n fontWeight: \"ui.button.weight\",\n },\n },\n },\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.18}\",\n $description: \"lg button font size\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.18}\",\n $description: \"lg button line height\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.button}\",\n $description: \"lg button letter spacing\",\n },\n },\n md: {\n $extensions: {\n \"nds.utility\": {\n name: \"typography-ui-button-md\",\n inherit: {\n fontFamily: \"ui.button.font\",\n fontWeight: \"ui.button.weight\",\n },\n },\n },\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.16}\",\n $description: \"md button font size\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.16}\",\n $description: \"md button line height\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.button}\",\n $description: \"md button letter spacing\",\n },\n },\n sm: {\n $extensions: {\n \"nds.utility\": {\n name: \"typography-ui-button-sm\",\n inherit: {\n fontFamily: \"ui.button.font\",\n fontWeight: \"ui.button.weight\",\n },\n },\n },\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.14}\",\n $description: \"sm button font size\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.14}\",\n $description: \"sm button line height\",\n },\n tracking: {\n $type: \"dimension\",\n $value: \"{primitive.letter-spacing.button}\",\n $description: \"sm button letter spacing\",\n },\n },\n },\n link: {\n weight: {\n $type: \"fontWeight\",\n $value: \"{primitive.font-weight.medium}\",\n $description: \"Link font weight\",\n },\n },\n label: {\n $extensions: {\n \"nds.utility\": {\n name: \"typography-ui-label\",\n inherit: {\n fontFamily: \"ui.label.font\",\n fontWeight: \"ui.label.weight\",\n },\n },\n },\n font: {\n $type: \"fontFamily\",\n $value: \"{primitive.font-family.inter}\",\n $description: \"Label font family\",\n },\n weight: {\n $type: \"fontWeight\",\n $value: \"{primitive.font-weight.medium}\",\n $description: \"Label font weight\",\n },\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.14}\",\n $description: \"Label font size\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.14}\",\n $description: \"Label line height\",\n },\n },\n // Text - General UI text ramp for buttons, captions, and other UI elements\n text: {\n font: {\n $type: \"fontFamily\",\n $value: \"{primitive.font-family.inter}\",\n $description: \"UI text font family\",\n },\n weight: {\n $type: \"fontWeight\",\n $value: \"{primitive.font-weight.medium}\",\n $description: \"UI text font weight\",\n },\n xs: {\n $extensions: {\n \"nds.utility\": {\n name: \"typography-ui-text-xs\",\n inherit: {\n fontFamily: \"ui.text.font\",\n fontWeight: \"ui.text.weight\",\n },\n },\n },\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.12}\",\n $description: \"Extra small UI text font size (12px) - for small buttons, captions\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.12}\",\n $description: \"Extra small UI text line height (16px)\",\n },\n },\n sm: {\n $extensions: {\n \"nds.utility\": {\n name: \"typography-ui-text-sm\",\n inherit: {\n fontFamily: \"ui.text.font\",\n fontWeight: \"ui.text.weight\",\n },\n },\n },\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.14}\",\n $description: \"Small UI text font size (14px) - for default buttons\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.14}\",\n $description: \"Small UI text line height (20px)\",\n },\n },\n md: {\n $extensions: {\n \"nds.utility\": {\n name: \"typography-ui-text-md\",\n inherit: {\n fontFamily: \"ui.text.font\",\n fontWeight: \"ui.text.weight\",\n },\n },\n },\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.16}\",\n $description: \"Medium UI text font size (16px) - for large buttons\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.16}\",\n $description: \"Medium UI text line height (24px)\",\n },\n },\n lg: {\n $extensions: {\n \"nds.utility\": {\n name: \"typography-ui-text-lg\",\n inherit: {\n fontFamily: \"ui.text.font\",\n fontWeight: \"ui.text.weight\",\n },\n },\n },\n size: {\n $type: \"dimension\",\n $value: \"{primitive.font-size.18}\",\n $description: \"Large UI text font size (18px) - optional larger size\",\n },\n \"line-height\": {\n $type: \"dimension\",\n $value: \"{primitive.line-height.28}\",\n $description: \"Large UI text line height (28px)\",\n },\n },\n },\n },\n },\n },\n};\n//# sourceMappingURL=base.js.map"],"names":["baseTypographyTokens"],"mappings":"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"}

package/dist/packages/tokens/dist/theme-registry.js ADDED Viewed

@@ -0,0 +1,32 @@
+import { baseColorTokens as o } from "./semantic/color/base.js";
+import { bopColorTokens as r } from "./semantic/color/bop.js";
+import { civicColorTokens as e } from "./semantic/color/civic.js";
+import { darkColorTokens as m } from "./semantic/color/dark.js";
+import { darktechColorTokens as s } from "./semantic/color/darktech.js";
+import { institutionColorTokens as t } from "./semantic/color/institution.js";
+import { oceanaColorTokens as i } from "./semantic/color/oceana.js";
+import { recreationColorTokens as a } from "./semantic/color/recreation.js";
+import { baseSurfaceTokens as n } from "./semantic/surface/base.js";
+import { framedSurfaceTokens as f } from "./semantic/surface/framed.js";
+import { sharpSurfaceTokens as c } from "./semantic/surface/sharp.js";
+import { softSurfaceTokens as p } from "./semantic/surface/soft.js";
+const j = {
+  base: o,
+  bop: r,
+  civic: e,
+  dark: m,
+  darktech: s,
+  institution: t,
+  oceana: i,
+  recreation: a
+}, q = {
+  base: n,
+  sharp: c,
+  framed: f,
+  soft: p
+};
+export {
+  j as colorThemes,
+  q as surfaceThemes
+};
+//# sourceMappingURL=theme-registry.js.map

package/dist/packages/tokens/dist/theme-registry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"theme-registry.js","sources":["../../../../../tokens/dist/theme-registry.js"],"sourcesContent":["/**\n * Theme Registry\n *\n * Maps theme names to token modules for type-safe theme selection.\n */\n// Import color themes\nimport { baseColorTokens } from \"./semantic/color/base\";\nimport { bopColorTokens } from \"./semantic/color/bop\";\nimport { civicColorTokens } from \"./semantic/color/civic\";\nimport { darkColorTokens } from \"./semantic/color/dark\";\nimport { darktechColorTokens } from \"./semantic/color/darktech\";\nimport { institutionColorTokens } from \"./semantic/color/institution\";\nimport { oceanaColorTokens } from \"./semantic/color/oceana\";\nimport { recreationColorTokens } from \"./semantic/color/recreation\";\nimport { airySpatialTokens } from \"./semantic/spatial/airy\";\nimport { balancedSpatialTokens } from \"./semantic/spatial/balanced\";\n// Import spatial themes\nimport { baseSpatialTokens } from \"./semantic/spatial/base\";\nimport { bopSpatialTokens } from \"./semantic/spatial/bop\";\nimport { compactSpatialTokens } from \"./semantic/spatial/compact\";\nimport { customSpatialTokens } from \"./semantic/spatial/custom\";\n// Import surface themes\nimport { baseSurfaceTokens } from \"./semantic/surface/base\";\nimport { framedSurfaceTokens } from \"./semantic/surface/framed\";\nimport { sharpSurfaceTokens } from \"./semantic/surface/sharp\";\nimport { softSurfaceTokens } from \"./semantic/surface/soft\";\n// Import typography themes\nimport { baseTypographyTokens, darktechTypographyTokens, ndsBrandTypographyTokens, recreationTypographyTokens, } from \"./semantic/typography\";\n/**\n * Color theme registry - maps names to token modules\n */\nexport const colorThemes = {\n base: baseColorTokens,\n bop: bopColorTokens,\n civic: civicColorTokens,\n dark: darkColorTokens,\n darktech: darktechColorTokens,\n institution: institutionColorTokens,\n oceana: oceanaColorTokens,\n recreation: recreationColorTokens,\n};\n/**\n * Surface theme registry - maps names to token modules\n */\nexport const surfaceThemes = {\n base: baseSurfaceTokens,\n sharp: sharpSurfaceTokens,\n framed: framedSurfaceTokens,\n soft: softSurfaceTokens,\n};\n/**\n * Typography theme registry - maps names to token modules\n * Property-based typography tokens with theme overrides\n */\nexport const typographyThemes = {\n base: baseTypographyTokens,\n \"nds-brand\": ndsBrandTypographyTokens,\n darktech: darktechTypographyTokens,\n recreation: recreationTypographyTokens,\n};\n/**\n * Spatial theme registry - maps names to token modules\n */\nexport const spatialThemes = {\n base: baseSpatialTokens,\n airy: airySpatialTokens,\n balanced: balancedSpatialTokens,\n bop: bopSpatialTokens,\n compact: compactSpatialTokens,\n custom: customSpatialTokens,\n};\n/**\n * All available color theme names\n */\nexport const colorThemeNames = Object.keys(colorThemes);\n/**\n * All available surface theme names\n */\nexport const surfaceThemeNames = Object.keys(surfaceThemes);\n/**\n * All available typography theme names\n */\nexport const typographyThemeNames = Object.keys(typographyThemes);\n/**\n * All available spatial theme names\n */\nexport const spatialThemeNames = Object.keys(spatialThemes);\n/**\n * Get color token module by name\n */\nexport function getColorTheme(name) {\n return colorThemes[name];\n}\n/**\n * Get surface token module by name\n */\nexport function getSurfaceTheme(name) {\n return surfaceThemes[name];\n}\n/**\n * Get spatial token module by name\n */\nexport function getSpatialTheme(name) {\n return spatialThemes[name];\n}\n/**\n * Get typography token module by name\n */\nexport function getTypographyTheme(name) {\n return typographyThemes[name];\n}\n//# sourceMappingURL=theme-registry.js.map"],"names":["colorThemes","baseColorTokens","bopColorTokens","civicColorTokens","darkColorTokens","darktechColorTokens","institutionColorTokens","oceanaColorTokens","recreationColorTokens","surfaceThemes","baseSurfaceTokens","sharpSurfaceTokens","framedSurfaceTokens","softSurfaceTokens"],"mappings":";;;;;;;;;;;;AA+BY,MAACA,IAAc;AAAA,EACvB,MAAMC;AAAA,EACN,KAAKC;AAAA,EACL,OAAOC;AAAA,EACP,MAAMC;AAAA,EACN,UAAUC;AAAA,EACV,aAAaC;AAAA,EACb,QAAQC;AAAA,EACR,YAAYC;AAChB,GAIaC,IAAgB;AAAA,EACzB,MAAMC;AAAA,EACN,OAAOC;AAAA,EACP,QAAQC;AAAA,EACR,MAAMC;AACV;"}

package/dist/packages/tokens/dist/themes/resolver.js ADDED Viewed

@@ -0,0 +1,44 @@
+function a(f) {
+  const o = {};
+  for (const [r, c] of Object.entries(f)) {
+    const s = r.split("-");
+    let t = o;
+    for (let n = 0; n < s.length - 1; n++) {
+      const e = s[n];
+      if (!e)
+        continue;
+      e in t || (t[e] = {});
+      const l = t[e];
+      if (typeof l == "string") {
+        console.warn(`Token naming conflict at ${s.slice(0, n + 1).join("-")}`);
+        break;
+      }
+      l === void 0 ? (t[e] = {}, t = t[e]) : t = l;
+    }
+    const i = s[s.length - 1];
+    i && typeof t == "object" && (t[i] = c);
+  }
+  return o;
+}
+function u(f) {
+  const o = {};
+  for (const [r, c] of Object.entries(f))
+    o[`--${r}`] = c;
+  return o;
+}
+function p(f, o = "") {
+  const r = {};
+  function c(s, t) {
+    for (const [i, n] of Object.entries(s)) {
+      const e = t ? `${t}-${i}` : i;
+      typeof n == "string" ? r[`--${e}`] = n : c(n, e);
+    }
+  }
+  return c(f, o), r;
+}
+export {
+  u as flatToCSSVars,
+  a as flatToNested,
+  p as nestedToCSSVars
+};
+//# sourceMappingURL=resolver.js.map

package/dist/packages/tokens/dist/themes/resolver.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"resolver.js","sources":["../../../../../../tokens/dist/themes/resolver.js"],"sourcesContent":["/**\n * Theme Resolver\n *\n * Resolves token references and merges extended collections with their bases.\n * Works with the token-server API collection format.\n */\nimport { apiCollectionToDefinition, isColorValue, isDimensionValue, isTokenReference, parseTokenReference, } from \"../collections/types\";\n/**\n * Check if a value is a token value object (has $type and $value)\n */\nfunction isTokenValue(value) {\n if (typeof value !== \"object\" || value === null)\n return false;\n const obj = value;\n return \"$type\" in obj && \"$value\" in obj;\n}\n/**\n * Flatten nested token structure to flat key-value pairs\n * e.g., { tokens: { \"color-bg-page\": { $type, $value } } } -> { \"color-bg-page\": { $type, $value } }\n */\nexport function flattenCollectionTokens(tokens) {\n const flat = {};\n function traverse(obj, prefix = \"\") {\n for (const [key, value] of Object.entries(obj)) {\n // Skip $type at group level\n if (key === \"$type\" && typeof value === \"string\")\n continue;\n const fullKey = prefix ? `${prefix}-${key}` : key;\n if (isTokenValue(value)) {\n flat[fullKey] = value;\n }\n else if (typeof value === \"object\" && value !== null) {\n traverse(value, fullKey);\n }\n }\n }\n // Handle wrapper like { tokens: { ... } }\n if (\"tokens\" in tokens && typeof tokens.tokens === \"object\") {\n traverse(tokens.tokens);\n }\n else {\n traverse(tokens);\n }\n return flat;\n}\n/**\n * Resolve all token references in a collection\n */\nexport function resolveCollectionReferences(collection, allTokens) {\n const flatTokens = {};\n const collectionTokens = flattenCollectionTokens(collection.tokens);\n for (const [name, token] of Object.entries(collectionTokens)) {\n const resolvedValue = resolveTokenValue(token.$value, allTokens, new Set());\n flatTokens[name] = formatValueToCSS(resolvedValue, token.$type);\n }\n return {\n id: collection.id,\n name: collection.name,\n flatTokens,\n nestedTokens: flatToNested(flatTokens),\n };\n}\n/**\n * Convert a token reference name to a CSS variable reference\n * e.g., \"primitive.color.gray.50\" -> \"var(--color-gray-50)\"\n * Strips the \"primitive.\" prefix since CSS vars don't include it\n */\nfunction tokenRefToCSSVar(refName) {\n // Strip \"primitive.\" prefix if present - CSS vars don't include it\n const cleanName = refName.replace(/^primitive\\./, \"\");\n const cssVarName = cleanName.replace(/\\./g, \"-\");\n return `var(--${cssVarName})`;\n}\n/**\n * Resolve a token value, following references as needed\n * When a reference can't be found in the token map, it's converted to a CSS variable reference\n */\nfunction resolveTokenValue(value, allTokens, visited) {\n // If it's a reference, resolve it\n if (isTokenReference(value)) {\n const refName = parseTokenReference(value);\n // Circular reference check\n if (visited.has(refName)) {\n console.warn(`Circular reference detected: ${refName}`);\n return tokenRefToCSSVar(refName);\n }\n const referencedToken = allTokens.get(refName);\n if (!referencedToken) {\n // Reference not found in token map - assume it's a primitive that exists as a CSS variable\n return tokenRefToCSSVar(refName);\n }\n visited.add(refName);\n return resolveTokenValue(referencedToken.$value, allTokens, visited);\n }\n return value;\n}\n/**\n * Format a resolved value to a CSS-compatible string\n */\nfunction formatValueToCSS(value, type) {\n // Handle color values\n if (type === \"color\" && isColorValue(value)) {\n return colorValueToCSS(value);\n }\n // Handle dimension values\n if (type === \"dimension\" && isDimensionValue(value)) {\n return `${value.value}${value.unit}`;\n }\n // Handle string/number directly\n if (typeof value === \"string\") {\n // Check if it's a hex color\n if (value.startsWith(\"#\")) {\n return hexToSRGB(value);\n }\n return value;\n }\n if (typeof value === \"number\") {\n return String(value);\n }\n // Handle objects - try to stringify meaningfully\n if (typeof value === \"object\" && value !== null) {\n // Check for color-like objects\n if (\"hex\" in value && typeof value.hex === \"string\") {\n return colorValueToCSS(value);\n }\n }\n return String(value);\n}\n/**\n * Convert a hex color to sRGB CSS format\n */\nfunction hexToSRGB(hex) {\n const cleanHex = hex.replace(\"#\", \"\");\n const r = Number.parseInt(cleanHex.slice(0, 2), 16) / 255;\n const g = Number.parseInt(cleanHex.slice(2, 4), 16) / 255;\n const b = Number.parseInt(cleanHex.slice(4, 6), 16) / 255;\n return `color(srgb ${r} ${g} ${b})`;\n}\n/**\n * Convert a color value object to CSS string\n */\nfunction colorValueToCSS(color) {\n const [r, g, b] = color.components;\n const alpha = color.alpha ?? 1;\n if (alpha < 1) {\n return `color(srgb ${r} ${g} ${b} / ${alpha})`;\n }\n return `color(srgb ${r} ${g} ${b})`;\n}\n/**\n * Merge an extended collection with its base collection\n * Extended tokens override base tokens with the same name\n */\nexport function mergeCollections(base, extension) {\n const baseFlat = flattenCollectionTokens(base.tokens);\n const extFlat = flattenCollectionTokens(extension.tokens);\n // Merge flat tokens back into nested structure\n const mergedFlat = { ...baseFlat, ...extFlat };\n return {\n id: extension.id,\n name: extension.name,\n type: \"extended\",\n baseCollectionId: base.id,\n description: extension.description,\n tokens: { tokens: mergedFlat },\n };\n}\n/**\n * Build a map of all tokens from multiple collections\n * Later collections override earlier ones\n */\nexport function buildTokenMap(collections) {\n const tokenMap = new Map();\n for (const collection of collections) {\n const flat = flattenCollectionTokens(collection.tokens);\n for (const [name, token] of Object.entries(flat)) {\n tokenMap.set(name, token);\n }\n }\n return tokenMap;\n}\n/**\n * Convert a flat token map to a nested structure based on token naming\n * e.g., \"color-bg-page\" -> { color: { bg: { page: value } } }\n */\nexport function flatToNested(flatTokens) {\n const nested = {};\n for (const [key, value] of Object.entries(flatTokens)) {\n const parts = key.split(\"-\");\n let current = nested;\n for (let i = 0; i < parts.length - 1; i++) {\n const part = parts[i];\n if (!part)\n continue;\n if (!(part in current)) {\n current[part] = {};\n }\n const next = current[part];\n if (typeof next === \"string\") {\n // If we hit a string value, we can't nest further\n // This means there's a naming conflict\n console.warn(`Token naming conflict at ${parts.slice(0, i + 1).join(\"-\")}`);\n break;\n }\n if (next === undefined) {\n // Should not happen since we just set it above, but satisfy TypeScript\n current[part] = {};\n current = current[part];\n }\n else {\n current = next;\n }\n }\n const lastPart = parts[parts.length - 1];\n if (lastPart && typeof current === \"object\") {\n current[lastPart] = value;\n }\n }\n return nested;\n}\n/**\n * Convert a flat token map directly to CSS variables\n * e.g., { \"color-bg-page\": \"#fff\" } -> { \"--color-bg-page\": \"#fff\" }\n * This is more efficient than flatToNested + nestedToCSSVars\n */\nexport function flatToCSSVars(flatTokens) {\n const result = {};\n for (const [key, value] of Object.entries(flatTokens)) {\n result[`--${key}`] = value;\n }\n return result;\n}\n/**\n * Convert a nested structure back to flat CSS variable names\n * e.g., { color: { bg: { page: '#fff' } } } -> { '--color-bg-page': '#fff' }\n */\nexport function nestedToCSSVars(nested, prefix = \"\") {\n const result = {};\n function traverse(obj, currentPrefix) {\n for (const [key, value] of Object.entries(obj)) {\n const newPrefix = currentPrefix ? `${currentPrefix}-${key}` : key;\n if (typeof value === \"string\") {\n result[`--${newPrefix}`] = value;\n }\n else {\n traverse(value, newPrefix);\n }\n }\n }\n traverse(nested, prefix);\n return result;\n}\n/**\n * Deep merge two nested token structures\n * Values from source override values in target\n */\nexport function deepMergeTokens(target, source) {\n const result = { ...target };\n for (const [key, value] of Object.entries(source)) {\n if (typeof value === \"string\") {\n result[key] = value;\n }\n else {\n const targetValue = result[key];\n if (typeof targetValue === \"object\" && targetValue !== null) {\n result[key] = deepMergeTokens(targetValue, value);\n }\n else {\n result[key] = { ...value };\n }\n }\n }\n return result;\n}\n/**\n * Resolve a collection with its full inheritance chain from the API\n */\nexport async function resolveCollectionFromAPI(collectionId, fetchCollection) {\n const collection = await fetchCollection(collectionId);\n if (!collection)\n return null;\n const definition = apiCollectionToDefinition(collection);\n // If this extends another collection, resolve the base first\n if (definition.baseCollectionId) {\n const baseResolved = await resolveCollectionFromAPI(definition.baseCollectionId, fetchCollection);\n if (baseResolved) {\n // Merge base tokens with this collection's tokens\n const baseCollection = await fetchCollection(definition.baseCollectionId);\n if (baseCollection) {\n const baseDef = apiCollectionToDefinition(baseCollection);\n const merged = mergeCollections(baseDef, definition);\n const tokenMap = buildTokenMap([merged]);\n return resolveCollectionReferences(merged, tokenMap);\n }\n }\n }\n // No inheritance, just resolve this collection\n const tokenMap = buildTokenMap([definition]);\n return resolveCollectionReferences(definition, tokenMap);\n}\n//# sourceMappingURL=resolver.js.map"],"names":["flatToNested","flatTokens","nested","key","value","parts","current","i","part","next","lastPart","flatToCSSVars","result","nestedToCSSVars","prefix","traverse","obj","currentPrefix","newPrefix"],"mappings":"AAyLO,SAASA,EAAaC,GAAY;AACrC,QAAMC,IAAS,CAAA;AACf,aAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQH,CAAU,GAAG;AACnD,UAAMI,IAAQF,EAAI,MAAM,GAAG;AAC3B,QAAIG,IAAUJ;AACd,aAASK,IAAI,GAAGA,IAAIF,EAAM,SAAS,GAAGE,KAAK;AACvC,YAAMC,IAAOH,EAAME,CAAC;AACpB,UAAI,CAACC;AACD;AACJ,MAAMA,KAAQF,MACVA,EAAQE,CAAI,IAAI,CAAA;AAEpB,YAAMC,IAAOH,EAAQE,CAAI;AACzB,UAAI,OAAOC,KAAS,UAAU;AAG1B,gBAAQ,KAAK,4BAA4BJ,EAAM,MAAM,GAAGE,IAAI,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE;AAC1E;AAAA,MACJ;AACA,MAAIE,MAAS,UAETH,EAAQE,CAAI,IAAI,CAAA,GAChBF,IAAUA,EAAQE,CAAI,KAGtBF,IAAUG;AAAA,IAElB;AACA,UAAMC,IAAWL,EAAMA,EAAM,SAAS,CAAC;AACvC,IAAIK,KAAY,OAAOJ,KAAY,aAC/BA,EAAQI,CAAQ,IAAIN;AAAA,EAE5B;AACA,SAAOF;AACX;AAMO,SAASS,EAAcV,GAAY;AACtC,QAAMW,IAAS,CAAA;AACf,aAAW,CAACT,GAAKC,CAAK,KAAK,OAAO,QAAQH,CAAU;AAChD,IAAAW,EAAO,KAAKT,CAAG,EAAE,IAAIC;AAEzB,SAAOQ;AACX;AAKO,SAASC,EAAgBX,GAAQY,IAAS,IAAI;AACjD,QAAMF,IAAS,CAAA;AACf,WAASG,EAASC,GAAKC,GAAe;AAClC,eAAW,CAACd,GAAKC,CAAK,KAAK,OAAO,QAAQY,CAAG,GAAG;AAC5C,YAAME,IAAYD,IAAgB,GAAGA,CAAa,IAAId,CAAG,KAAKA;AAC9D,MAAI,OAAOC,KAAU,WACjBQ,EAAO,KAAKM,CAAS,EAAE,IAAId,IAG3BW,EAASX,GAAOc,CAAS;AAAA,IAEjC;AAAA,EACJ;AACA,SAAAH,EAASb,GAAQY,CAAM,GAChBF;AACX;"}

package/dist/packages/tokens/dist/tokens.js ADDED Viewed

@@ -0,0 +1,33 @@
+import { mergeTokenTrees as r } from "./merge.js";
+import { primitiveAnimation as o } from "./primitives/animation.js";
+import { primitiveBreakpoints as m } from "./primitives/breakpoints.js";
+import { primitiveColors as p } from "./primitives/colors.js";
+import { primitiveOpacity as t } from "./primitives/opacity.js";
+import { primitiveRadii as e } from "./primitives/radii.js";
+import { primitiveShadow as a } from "./primitives/shadow.js";
+import { primitiveSpacing as f } from "./primitives/spacing.js";
+import { primitiveTypography as s } from "./primitives/typography.js";
+import { baseColorTokens as n } from "./semantic/color/base.js";
+import "./semantic/color/bop.js";
+import { baseSpatialTokens as T } from "./semantic/spatial/base.js";
+import { baseSurfaceTokens as v } from "./semantic/surface/base.js";
+import { baseTypographyTokens as k } from "./semantic/typography/base.js";
+import { toJSONTokenTree as i } from "./types.js";
+r(
+  // Primitives
+  i(p),
+  i(s),
+  i(f),
+  i(e),
+  i(m),
+  i(o),
+  i(t),
+  i(a),
+  // Typography base (property-based tokens)
+  i(k),
+  // Base semantic tokens (default theme)
+  i(n),
+  i(v),
+  i(T)
+);
+//# sourceMappingURL=tokens.js.map

package/dist/packages/tokens/dist/tokens.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tokens.js","sources":["../../../../../tokens/dist/tokens.js"],"sourcesContent":["import { mergeTokenTrees } from \"./merge\";\nimport { primitiveAnimation } from \"./primitives/animation\";\nimport { primitiveBreakpoints } from \"./primitives/breakpoints\";\nimport { primitiveColors } from \"./primitives/colors\";\nimport { primitiveOpacity } from \"./primitives/opacity\";\nimport { primitiveRadii } from \"./primitives/radii\";\nimport { primitiveShadow } from \"./primitives/shadow\";\nimport { primitiveSpacing } from \"./primitives/spacing\";\nimport { primitiveTypography } from \"./primitives/typography\";\nimport { semanticColor } from \"./semantic/color/index\";\nimport { semanticSpatial } from \"./semantic/spatial/index\";\nimport { semanticSurface } from \"./semantic/surface/index\";\nimport { baseTypographyTokens } from \"./semantic/typography\";\nimport { toJSONTokenTree } from \"./types\";\n/**\n * Base token tree - primitives and base semantic tokens only.\n * Theme variants (dark, civic, bop, etc.) are applied at runtime via ThemeProvider.\n */\nexport const tokens = mergeTokenTrees(\n// Primitives\ntoJSONTokenTree(primitiveColors), toJSONTokenTree(primitiveTypography), toJSONTokenTree(primitiveSpacing), toJSONTokenTree(primitiveRadii), toJSONTokenTree(primitiveBreakpoints), toJSONTokenTree(primitiveAnimation), toJSONTokenTree(primitiveOpacity), toJSONTokenTree(primitiveShadow), \n// Typography base (property-based tokens)\ntoJSONTokenTree(baseTypographyTokens), \n// Base semantic tokens (default theme)\ntoJSONTokenTree(semanticColor), toJSONTokenTree(semanticSurface), toJSONTokenTree(semanticSpatial));\nexport default tokens;\n//# sourceMappingURL=tokens.js.map"],"names":["mergeTokenTrees","toJSONTokenTree","primitiveColors","primitiveTypography","primitiveSpacing","primitiveRadii","primitiveBreakpoints","primitiveAnimation","primitiveOpacity","primitiveShadow","baseTypographyTokens","semanticColor","semanticSurface","semanticSpatial"],"mappings":";;;;;;;;;;;;;;;AAkBsBA;AAAA;AAAA,EAEtBC,EAAgBC,CAAe;AAAA,EAAGD,EAAgBE,CAAmB;AAAA,EAAGF,EAAgBG,CAAgB;AAAA,EAAGH,EAAgBI,CAAc;AAAA,EAAGJ,EAAgBK,CAAoB;AAAA,EAAGL,EAAgBM,CAAkB;AAAA,EAAGN,EAAgBO,CAAgB;AAAA,EAAGP,EAAgBQ,CAAe;AAAA;AAAA,EAE1RR,EAAgBS,CAAoB;AAAA;AAAA,EAEpCT,EAAgBU,CAAa;AAAA,EAAGV,EAAgBW,CAAe;AAAA,EAAGX,EAAgBY,CAAe;AAAC;"}

package/dist/packages/tokens/dist/types.js ADDED Viewed

@@ -0,0 +1,7 @@
+function n(e) {
+  return e;
+}
+export {
+  n as toJSONTokenTree
+};
+//# sourceMappingURL=types.js.map

package/dist/packages/tokens/dist/types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"types.js","sources":["../../../../../tokens/dist/types.js"],"sourcesContent":["/**\n * Type guard to check if a value is a token module\n */\nexport function isTokenModule(value) {\n return typeof value === \"object\" && value !== null;\n}\n/**\n * Cast a token module to JSONTokenTree for validation\n */\nexport function toJSONTokenTree(module) {\n return module;\n}\n//# sourceMappingURL=types.js.map"],"names":["toJSONTokenTree","module"],"mappings":"AASO,SAASA,EAAgBC,GAAQ;AACpC,SAAOA;AACX;"}

package/dist/packages/tokens/dist/utils.js ADDED Viewed

@@ -0,0 +1,70 @@
+import "../../design-tokens-format/dist/definitions/tokenTypes.js";
+import { hexToComponents as o } from "../../design-tokens-format/dist/utils/colorConversions.js";
+function a(e, t = "px") {
+  return {
+    $type: "dimension",
+    $value: { value: e, unit: t }
+  };
+}
+function p(e) {
+  return {
+    $type: "fontFamily",
+    $value: Array.isArray(e) ? e : [e]
+  };
+}
+function c(e) {
+  return {
+    $type: "fontWeight",
+    $value: e
+  };
+}
+function s(e, t = 1) {
+  return {
+    $type: "color",
+    $value: {
+      colorSpace: "srgb",
+      components: o(e),
+      alpha: t,
+      hex: e
+    }
+  };
+}
+function f(e, t = "ms") {
+  return {
+    $type: "duration",
+    $value: { value: e, unit: t }
+  };
+}
+function l(e, t, n, r) {
+  return {
+    $type: "cubicBezier",
+    $value: [e, t, n, r]
+  };
+}
+function $(e) {
+  return {
+    $type: "shadow",
+    $value: e.map((t) => ({
+      color: t.color.startsWith("{") ? t.color : {
+        colorSpace: "srgb",
+        components: o(t.color),
+        alpha: t.alpha ?? 1
+      },
+      offsetX: { value: t.offsetX, unit: "px" },
+      offsetY: { value: t.offsetY, unit: "px" },
+      blur: { value: t.blur, unit: "px" },
+      spread: { value: t.spread, unit: "px" },
+      ...t.inset ? { inset: !0 } : {}
+    }))
+  };
+}
+export {
+  l as cubicBezier,
+  a as dimension,
+  f as duration,
+  p as fontFamily,
+  c as fontWeight,
+  $ as shadow,
+  s as srgb
+};
+//# sourceMappingURL=utils.js.map

package/dist/packages/tokens/dist/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","sources":["../../../../../tokens/dist/utils.js"],"sourcesContent":["import { hexToComponents } from \"@nds-design-system/design-tokens-format\";\n/**\n * Creates a DTCG-compliant dimension token\n *\n * @example\n * dimension(16) // 16px\n * dimension(1.5, \"rem\") // 1.5rem\n */\nexport function dimension(value, unit = \"px\") {\n return {\n $type: \"dimension\",\n $value: { value, unit },\n };\n}\n/**\n * Creates a DTCG-compliant font family token\n *\n * @example\n * fontFamily(\"PP Neue Montreal\") // Single font\n * fontFamily([\"PP Neue Montreal\", \"sans-serif\"]) // Font stack\n */\nexport function fontFamily(value) {\n return {\n $type: \"fontFamily\",\n $value: Array.isArray(value) ? value : [value],\n };\n}\n/**\n * Creates a DTCG-compliant font weight token\n *\n * @example\n * fontWeight(400) // Regular\n * fontWeight(600) // Semi-bold\n * fontWeight(\"bold\") // Named weight\n */\nexport function fontWeight(value) {\n return {\n $type: \"fontWeight\",\n $value: value,\n };\n}\n/**\n * Creates a DTCG-compliant sRGB color token from a hex value\n *\n * @example\n * srgb(\"#FF0000\") // Red color token\n * srgb(\"#FF0000\", 0.5) // Red with 50% alpha\n */\nexport function srgb(hex, alpha = 1) {\n return {\n $type: \"color\",\n $value: {\n colorSpace: \"srgb\",\n components: hexToComponents(hex),\n alpha,\n hex,\n },\n };\n}\n/**\n * Creates a DTCG-compliant duration token\n *\n * @example\n * duration(150) // 150ms\n * duration(0.3, \"s\") // 0.3s\n */\nexport function duration(value, unit = \"ms\") {\n return {\n $type: \"duration\",\n $value: { value, unit },\n };\n}\n/**\n * Creates a DTCG-compliant cubic-bezier easing token\n *\n * @example\n * cubicBezier(0.4, 0, 0.2, 1) // ease-out\n * cubicBezier(0.23, 1, 0.32, 1) // custom easing\n */\nexport function cubicBezier(x1, y1, x2, y2) {\n return {\n $type: \"cubicBezier\",\n $value: [x1, y1, x2, y2],\n };\n}\n/**\n * Creates a DTCG-compliant shadow token\n *\n * @example\n * shadow([{ offsetX: 0, offsetY: 1, blur: 3, spread: 0, color: \"#000000\", alpha: 0.1 }])\n * shadow([{ offsetX: 0, offsetY: 4, blur: 6, spread: -1, color: \"{primitive.color.black}\", alpha: 0.1 }])\n */\nexport function shadow(layers) {\n return {\n $type: \"shadow\",\n $value: layers.map((l) => ({\n color: l.color.startsWith(\"{\")\n ? l.color\n : {\n colorSpace: \"srgb\",\n components: hexToComponents(l.color),\n alpha: l.alpha ?? 1,\n },\n offsetX: { value: l.offsetX, unit: \"px\" },\n offsetY: { value: l.offsetY, unit: \"px\" },\n blur: { value: l.blur, unit: \"px\" },\n spread: { value: l.spread, unit: \"px\" },\n ...(l.inset ? { inset: true } : {}),\n })),\n };\n}\n//# sourceMappingURL=utils.js.map"],"names":["dimension","value","unit","fontFamily","fontWeight","srgb","hex","alpha","hexToComponents","duration","cubicBezier","x1","y1","x2","y2","shadow","layers","l"],"mappings":";;AAQO,SAASA,EAAUC,GAAOC,IAAO,MAAM;AAC1C,SAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQ,EAAE,OAAAD,GAAO,MAAAC,EAAI;AAAA,EAC7B;AACA;AAQO,SAASC,EAAWF,GAAO;AAC9B,SAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQ,MAAM,QAAQA,CAAK,IAAIA,IAAQ,CAACA,CAAK;AAAA,EACrD;AACA;AASO,SAASG,EAAWH,GAAO;AAC9B,SAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQA;AAAA,EAChB;AACA;AAQO,SAASI,EAAKC,GAAKC,IAAQ,GAAG;AACjC,SAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,MACJ,YAAY;AAAA,MACZ,YAAYC,EAAgBF,CAAG;AAAA,MAC/B,OAAAC;AAAA,MACA,KAAAD;AAAA,IACZ;AAAA,EACA;AACA;AAQO,SAASG,EAASR,GAAOC,IAAO,MAAM;AACzC,SAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQ,EAAE,OAAAD,GAAO,MAAAC,EAAI;AAAA,EAC7B;AACA;AAQO,SAASQ,EAAYC,GAAIC,GAAIC,GAAIC,GAAI;AACxC,SAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQ,CAACH,GAAIC,GAAIC,GAAIC,CAAE;AAAA,EAC/B;AACA;AAQO,SAASC,EAAOC,GAAQ;AAC3B,SAAO;AAAA,IACH,OAAO;AAAA,IACP,QAAQA,EAAO,IAAI,CAACC,OAAO;AAAA,MACvB,OAAOA,EAAE,MAAM,WAAW,GAAG,IACvBA,EAAE,QACF;AAAA,QACE,YAAY;AAAA,QACZ,YAAYT,EAAgBS,EAAE,KAAK;AAAA,QACnC,OAAOA,EAAE,SAAS;AAAA,MACtC;AAAA,MACY,SAAS,EAAE,OAAOA,EAAE,SAAS,MAAM,KAAI;AAAA,MACvC,SAAS,EAAE,OAAOA,EAAE,SAAS,MAAM,KAAI;AAAA,MACvC,MAAM,EAAE,OAAOA,EAAE,MAAM,MAAM,KAAI;AAAA,MACjC,QAAQ,EAAE,OAAOA,EAAE,QAAQ,MAAM,KAAI;AAAA,MACrC,GAAIA,EAAE,QAAQ,EAAE,OAAO,GAAI,IAAK,CAAA;AAAA,IAC5C,EAAU;AAAA,EACV;AACA;"}

package/dist/theme/hooks.js ADDED Viewed

@@ -0,0 +1,22 @@
+import { useContext as n } from "react";
+import { ThemeContext as o } from "./theme-provider.js";
+function t() {
+  const e = n(o);
+  if (!e)
+    throw new Error("useTheme must be used within a ThemeProvider");
+  return e;
+}
+function u() {
+  const { tokens: e } = t();
+  return e;
+}
+function m() {
+  const { cssVars: e } = t();
+  return e;
+}
+export {
+  m as useCSSVars,
+  t as useTheme,
+  u as useThemeTokens
+};
+//# sourceMappingURL=hooks.js.map

package/dist/theme/hooks.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"hooks.js","sources":["../../src/theme/hooks.ts"],"sourcesContent":["/**\n * Theme Hooks\n *\n * React hooks for accessing theme context.\n */\n\nimport type {\n\tCSSVariableMap,\n\tNestedStringRecord,\n} from \"@nds-design-system/tokens\";\nimport { useContext } from \"react\";\nimport { ThemeContext, type ThemeContextValue } from \"./theme-provider\";\n\n/**\n * Hook to access the theme context\n * @throws Error if used outside of ThemeProvider\n */\nexport function useTheme(): ThemeContextValue {\n\tconst context = useContext(ThemeContext);\n\tif (!context) {\n\t\tthrow new Error(\"useTheme must be used within a ThemeProvider\");\n\t}\n\treturn context;\n}\n\n/**\n * Hook to get just the nested tokens\n */\nexport function useThemeTokens(): NestedStringRecord {\n\tconst { tokens } = useTheme();\n\treturn tokens;\n}\n\n/**\n * Hook to get CSS variables for inline styles\n */\nexport function useCSSVars(): CSSVariableMap {\n\tconst { cssVars } = useTheme();\n\treturn cssVars;\n}\n"],"names":["useTheme","context","useContext","ThemeContext","useThemeTokens","tokens","useCSSVars","cssVars"],"mappings":";;AAiBO,SAASA,IAA8B;AAC7C,QAAMC,IAAUC,EAAWC,CAAY;AACvC,MAAI,CAACF;AACJ,UAAM,IAAI,MAAM,8CAA8C;AAE/D,SAAOA;AACR;AAKO,SAASG,IAAqC;AACpD,QAAM,EAAE,QAAAC,EAAA,IAAWL,EAAA;AACnB,SAAOK;AACR;AAKO,SAASC,IAA6B;AAC5C,QAAM,EAAE,SAAAC,EAAA,IAAYP,EAAA;AACpB,SAAOO;AACR;"}

package/dist/theme/theme-provider.js ADDED Viewed

@@ -0,0 +1,96 @@
+import { jsx as b } from "react/jsx-runtime";
+import { isColorValue as N, isDimensionValue as O } from "../packages/tokens/dist/collections/types.js";
+import "../packages/tokens/dist/semantic/color/bop.js";
+import { colorThemes as $, surfaceThemes as d } from "../packages/tokens/dist/theme-registry.js";
+import { flatToNested as M, flatToCSSVars as P } from "../packages/tokens/dist/themes/resolver.js";
+import "../packages/tokens/dist/tokens.js";
+import "../packages/design-tokens-format/dist/definitions/tokenTypes.js";
+import { useMemo as x, createContext as W } from "react";
+const A = W(null);
+function J(e) {
+  const [s, t, o] = e.components;
+  return e.alpha < 1 ? `color(srgb ${s} ${t} ${o} / ${e.alpha})` : `color(srgb ${s} ${t} ${o})`;
+}
+function h(e) {
+  return N(e) ? J(e) : O(e) ? `${e.value}${e.unit}` : typeof e == "string" ? e : String(e);
+}
+function k(e, s = []) {
+  const t = {};
+  for (const [o, a] of Object.entries(e)) {
+    if (o.startsWith("$")) continue;
+    const n = [...s, o];
+    if (typeof a == "object" && a !== null) {
+      const i = a;
+      if ("$value" in i) {
+        const l = `color-${n.join("-")}`, r = i.$value;
+        if (typeof r == "string" && r.startsWith("{")) {
+          let c = r.slice(1, -1).replace(/\./g, "-");
+          c = c.replace(/^primitive-/, ""), c = c.replace(/^semantic-color-/, "color-"), t[l] = `var(--${c})`;
+        } else
+          t[l] = h(r);
+      } else
+        Object.assign(t, k(i, n));
+    }
+  }
+  return t;
+}
+function T(e, s = []) {
+  const t = {};
+  for (const [o, a] of Object.entries(e)) {
+    if (o.startsWith("$")) continue;
+    const n = [...s, o];
+    if (typeof a == "object" && a !== null) {
+      const i = a;
+      if ("$value" in i) {
+        const l = i.$value;
+        let r, c;
+        if (n[n.length - 1] === "radius" ? r = `radius-surface-${n[0]}` : n[n.length - 1] === "stroke" ? r = `surface-${n[0]}-stroke` : r = `surface-${n.join("-")}`, typeof l == "string" && l.startsWith("{")) {
+          let u = l.slice(1, -1).replace(/\./g, "-");
+          u = u.replace(/^primitive-/, ""), u = u.replace(/^radii-/, "radius-"), c = `var(--${u})`;
+        } else
+          c = h(l);
+        t[r] = c;
+      } else
+        Object.assign(t, T(i, n));
+    }
+  }
+  return t;
+}
+function g(e, s) {
+  const t = JSON.parse(JSON.stringify(e));
+  return y(t, s), t;
+}
+function y(e, s) {
+  for (const [t, o] of Object.entries(s))
+    typeof o == "object" && o !== null && !Array.isArray(o) && typeof e[t] == "object" && e[t] !== null ? y(
+      e[t],
+      o
+    ) : e[t] = o;
+}
+function H({
+  color: e = "base",
+  surface: s = "base",
+  children: t,
+  className: o,
+  applyStyles: a = !0
+}) {
+  const { tokens: n, cssVars: i } = x(() => {
+    const r = {}, c = $.base, u = $[e], f = e === "base" ? c : g(c, u), j = f?.semantic?.color ?? f;
+    Object.assign(r, k(j));
+    const m = d.base, S = d[s], p = s === "base" ? m : g(m, S), V = p?.semantic?.surface ?? p;
+    Object.assign(r, T(V));
+    const v = M(r), C = P(r);
+    return { tokens: v, cssVars: C };
+  }, [e, s]), l = {
+    cssVars: i,
+    tokens: n,
+    colorTheme: e,
+    surfaceTheme: s
+  };
+  return /* @__PURE__ */ b(A.Provider, { value: l, children: a ? /* @__PURE__ */ b("div", { style: i, className: o, children: t }) : t });
+}
+export {
+  A as ThemeContext,
+  H as ThemeProvider
+};
+//# sourceMappingURL=theme-provider.js.map

package/dist/theme/theme-provider.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"theme-provider.js","sources":["../../src/theme/theme-provider.tsx"],"sourcesContent":["/**\n * ThemeProvider\n *\n * React context provider for applying theme tokens as CSS variables.\n * Use string theme names for type-safe selection, with \"base\" as default.\n */\n\nimport type {\n\tColorThemeName,\n\tCSSVariableMap,\n\tNestedStringRecord,\n\tSurfaceThemeName,\n\tTokenModule,\n} from \"@nds-design-system/tokens\";\nimport {\n\tcolorThemes,\n\tflatToCSSVars,\n\tflatToNested,\n\tisColorValue,\n\tisDimensionValue,\n\tsurfaceThemes,\n} from \"@nds-design-system/tokens\";\nimport { createContext, type ReactNode, useMemo } from \"react\";\n\n/**\n * Theme context value\n */\nexport interface ThemeContextValue {\n\t/** CSS variables map for inline styles */\n\tcssVars: CSSVariableMap;\n\t/** Resolved nested tokens */\n\ttokens: NestedStringRecord;\n\t/** Current color theme name */\n\tcolorTheme: ColorThemeName;\n\t/** Current surface theme name */\n\tsurfaceTheme: SurfaceThemeName;\n}\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n\n/**\n * Props for ThemeProvider\n */\nexport interface ThemeProviderProps {\n\t/** Color theme name (defaults to \"base\") */\n\tcolor?: ColorThemeName;\n\t/** Surface theme name (defaults to \"base\") */\n\tsurface?: SurfaceThemeName;\n\t/** Children to render */\n\tchildren: ReactNode;\n\t/** Optional className for the wrapper div */\n\tclassName?: string;\n\t/** Whether to render a wrapper div with CSS variables applied (defaults to true) */\n\tapplyStyles?: boolean;\n}\n\n/**\n * Convert a color value to CSS string\n */\nfunction colorToCSS(color: { components: number[]; alpha: number }): string {\n\tconst [r, g, b] = color.components;\n\tif (color.alpha < 1) {\n\t\treturn `color(srgb ${r} ${g} ${b} / ${color.alpha})`;\n\t}\n\treturn `color(srgb ${r} ${g} ${b})`;\n}\n\n/**\n * Convert a token value to CSS string\n */\nfunction tokenValueToCSS(value: unknown): string {\n\tif (isColorValue(value)) {\n\t\treturn colorToCSS(value);\n\t}\n\tif (isDimensionValue(value)) {\n\t\treturn `${value.value}${value.unit}`;\n\t}\n\tif (typeof value === \"string\") {\n\t\treturn value;\n\t}\n\tif (typeof value === \"number\") {\n\t\treturn String(value);\n\t}\n\treturn String(value);\n}\n\n/**\n * Process color tokens to flat key-value pairs (without -- prefix)\n */\nfunction processColorTokens(\n\tcolorObj: Record<string, unknown>,\n\tpath: string[] = [],\n): Record<string, string> {\n\tconst result: Record<string, string> = {};\n\n\tfor (const [key, value] of Object.entries(colorObj)) {\n\t\tif (key.startsWith(\"$\")) continue;\n\n\t\tconst currentPath = [...path, key];\n\n\t\tif (typeof value === \"object\" && value !== null) {\n\t\t\tconst record = value as Record<string, unknown>;\n\n\t\t\tif (\"$value\" in record) {\n\t\t\t\t// This is a token - key without -- prefix\n\t\t\t\tconst varName = `color-${currentPath.join(\"-\")}`;\n\t\t\t\tconst tokenValue = record.$value;\n\n\t\t\t\tif (typeof tokenValue === \"string\" && tokenValue.startsWith(\"{\")) {\n\t\t\t\t\t// Alias reference - resolve to CSS var\n\t\t\t\t\tlet refPath = tokenValue.slice(1, -1).replace(/\\./g, \"-\");\n\t\t\t\t\t// Strip prefixes that aren't used in CSS variable names\n\t\t\t\t\trefPath = refPath.replace(/^primitive-/, \"\");\n\t\t\t\t\trefPath = refPath.replace(/^semantic-color-/, \"color-\");\n\t\t\t\t\tresult[varName] = `var(--${refPath})`;\n\t\t\t\t} else {\n\t\t\t\t\tresult[varName] = tokenValueToCSS(tokenValue);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Nested object - recurse\n\t\t\t\tObject.assign(result, processColorTokens(record, currentPath));\n\t\t\t}\n\t\t}\n\t}\n\n\treturn result;\n}\n\n/**\n * Process surface tokens to flat key-value pairs (without -- prefix)\n */\nfunction processSurfaceTokens(\n\tsurfaceObj: Record<string, unknown>,\n\tpath: string[] = [],\n): Record<string, string> {\n\tconst result: Record<string, string> = {};\n\n\tfor (const [key, value] of Object.entries(surfaceObj)) {\n\t\tif (key.startsWith(\"$\")) continue;\n\n\t\tconst currentPath = [...path, key];\n\n\t\tif (typeof value === \"object\" && value !== null) {\n\t\t\tconst record = value as Record<string, unknown>;\n\n\t\t\tif (\"$value\" in record) {\n\t\t\t\t// This is a token\n\t\t\t\tconst tokenValue = record.$value;\n\t\t\t\tlet varName: string;\n\t\t\t\tlet cssValue: string;\n\n\t\t\t\t// Determine variable name based on token type (without -- prefix)\n\t\t\t\tif (currentPath[currentPath.length - 1] === \"radius\") {\n\t\t\t\t\t// e.g., button.radius -> radius-surface-button\n\t\t\t\t\tconst componentName = currentPath[0];\n\t\t\t\t\tvarName = `radius-surface-${componentName}`;\n\t\t\t\t} else if (currentPath[currentPath.length - 1] === \"stroke\") {\n\t\t\t\t\t// e.g., button.stroke -> surface-button-stroke\n\t\t\t\t\tconst componentName = currentPath[0];\n\t\t\t\t\tvarName = `surface-${componentName}-stroke`;\n\t\t\t\t} else {\n\t\t\t\t\tvarName = `surface-${currentPath.join(\"-\")}`;\n\t\t\t\t}\n\n\t\t\t\t// Resolve value\n\t\t\t\tif (typeof tokenValue === \"string\" && tokenValue.startsWith(\"{\")) {\n\t\t\t\t\t// Alias reference\n\t\t\t\t\tlet refPath = tokenValue.slice(1, -1).replace(/\\./g, \"-\");\n\t\t\t\t\t// Strip prefixes that aren't used in CSS variable names\n\t\t\t\t\trefPath = refPath.replace(/^primitive-/, \"\");\n\t\t\t\t\trefPath = refPath.replace(/^radii-/, \"radius-\");\n\t\t\t\t\tcssValue = `var(--${refPath})`;\n\t\t\t\t} else {\n\t\t\t\t\tcssValue = tokenValueToCSS(tokenValue);\n\t\t\t\t}\n\n\t\t\t\tresult[varName] = cssValue;\n\t\t\t} else {\n\t\t\t\t// Nested object - recurse\n\t\t\t\tObject.assign(result, processSurfaceTokens(record, currentPath));\n\t\t\t}\n\t\t}\n\t}\n\n\treturn result;\n}\n\n/**\n * Deep merge two token modules\n */\nfunction mergeTokenModules(\n\tbase: TokenModule,\n\toverride: TokenModule,\n): Record<string, unknown> {\n\tconst result: Record<string, unknown> = JSON.parse(JSON.stringify(base));\n\tdeepMerge(result, override as Record<string, unknown>);\n\treturn result;\n}\n\n/**\n * Deep merge objects\n */\nfunction deepMerge(\n\ttarget: Record<string, unknown>,\n\tsource: Record<string, unknown>,\n): void {\n\tfor (const [key, value] of Object.entries(source)) {\n\t\tif (\n\t\t\ttypeof value === \"object\" &&\n\t\t\tvalue !== null &&\n\t\t\t!Array.isArray(value) &&\n\t\t\ttypeof target[key] === \"object\" &&\n\t\t\ttarget[key] !== null\n\t\t) {\n\t\t\tdeepMerge(\n\t\t\t\ttarget[key] as Record<string, unknown>,\n\t\t\t\tvalue as Record<string, unknown>,\n\t\t\t);\n\t\t} else {\n\t\t\ttarget[key] = value;\n\t\t}\n\t}\n}\n\n/**\n * ThemeProvider component\n *\n * Applies theme tokens as CSS variables using type-safe theme names.\n *\n * @example\n * ```tsx\n * // Use default base themes\n * <ThemeProvider>\n * <App />\n * </ThemeProvider>\n *\n * // Use specific themes by name\n * <ThemeProvider color=\"civic\" surface=\"sharp\">\n * <App />\n * </ThemeProvider>\n *\n * // Mix and match\n * <ThemeProvider color=\"institution\" surface=\"soft\">\n * <App />\n * </ThemeProvider>\n * ```\n */\nexport function ThemeProvider({\n\tcolor = \"base\",\n\tsurface = \"base\",\n\tchildren,\n\tclassName,\n\tapplyStyles = true,\n}: ThemeProviderProps) {\n\tconst { tokens, cssVars } = useMemo(() => {\n\t\tconst flatTokens: Record<string, string> = {};\n\n\t\t// Get color theme (merge with base if not base)\n\t\tconst baseColorModule = colorThemes.base;\n\t\tconst colorModule = colorThemes[color];\n\n\t\tconst mergedColor =\n\t\t\tcolor === \"base\"\n\t\t\t\t? (baseColorModule as Record<string, unknown>)\n\t\t\t\t: mergeTokenModules(baseColorModule, colorModule);\n\n\t\t// Navigate to semantic.color\n\t\tconst colorTokens =\n\t\t\t(mergedColor as { semantic?: { color?: Record<string, unknown> } })\n\t\t\t\t?.semantic?.color ?? mergedColor;\n\t\tObject.assign(flatTokens, processColorTokens(colorTokens));\n\n\t\t// Get surface theme (merge with base if not base)\n\t\tconst baseSurfaceModule = surfaceThemes.base;\n\t\tconst surfaceModule = surfaceThemes[surface];\n\n\t\tconst mergedSurface =\n\t\t\tsurface === \"base\"\n\t\t\t\t? (baseSurfaceModule as Record<string, unknown>)\n\t\t\t\t: mergeTokenModules(baseSurfaceModule, surfaceModule);\n\n\t\t// Navigate to semantic.surface\n\t\tconst surfaceTokens =\n\t\t\t(mergedSurface as { semantic?: { surface?: Record<string, unknown> } })\n\t\t\t\t?.semantic?.surface ?? mergedSurface;\n\t\tObject.assign(flatTokens, processSurfaceTokens(surfaceTokens));\n\n\t\t// Use shared utilities from tokens package\n\t\tconst nestedTokens = flatToNested(flatTokens);\n\t\tconst cssVariables = flatToCSSVars(flatTokens);\n\n\t\treturn { tokens: nestedTokens, cssVars: cssVariables };\n\t}, [color, surface]);\n\n\tconst contextValue: ThemeContextValue = {\n\t\tcssVars,\n\t\ttokens,\n\t\tcolorTheme: color,\n\t\tsurfaceTheme: surface,\n\t};\n\n\treturn (\n\t\t<ThemeContext.Provider value={contextValue}>\n\t\t\t{applyStyles ? (\n\t\t\t\t<div style={cssVars} className={className}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\tchildren\n\t\t\t)}\n\t\t</ThemeContext.Provider>\n\t);\n}\n"],"names":["ThemeContext","createContext","colorToCSS","color","r","g","b","tokenValueToCSS","value","isColorValue","isDimensionValue","processColorTokens","colorObj","path","result","key","currentPath","record","varName","tokenValue","refPath","processSurfaceTokens","surfaceObj","cssValue","mergeTokenModules","base","override","deepMerge","target","source","ThemeProvider","surface","children","className","applyStyles","tokens","cssVars","useMemo","flatTokens","baseColorModule","colorThemes","colorModule","mergedColor","colorTokens","baseSurfaceModule","surfaceThemes","surfaceModule","mergedSurface","surfaceTokens","nestedTokens","flatToNested","cssVariables","flatToCSSVars","contextValue","jsx"],"mappings":"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"}

package/dist/theme/utils.js ADDED Viewed

@@ -0,0 +1,44 @@
+import "../packages/tokens/dist/semantic/color/bop.js";
+import { nestedToCSSVars as i } from "../packages/tokens/dist/themes/resolver.js";
+import "../packages/tokens/dist/tokens.js";
+import "../packages/design-tokens-format/dist/definitions/tokenTypes.js";
+function a(t) {
+  return i(t);
+}
+function m(t, o) {
+  for (const [r, e] of Object.entries(o))
+    t.style.setProperty(r, e);
+}
+function p(t, o) {
+  for (const r of Object.keys(o))
+    t.style.removeProperty(r);
+}
+function l(t, o) {
+  const r = o.split(".");
+  let e = t;
+  for (const n of r)
+    if (typeof e == "string" || (e = e[n], e === void 0)) return;
+  return typeof e == "string" ? e : void 0;
+}
+function y(t) {
+  return t;
+}
+function S(...t) {
+  return Object.assign({}, ...t);
+}
+function v(t, o) {
+  const r = {};
+  for (const [e, n] of Object.entries(t))
+    e.startsWith(o) && (r[e] = n);
+  return r;
+}
+export {
+  m as applyTheme,
+  y as createThemeStyle,
+  v as filterCSSVars,
+  l as getToken,
+  S as mergeCSSVars,
+  p as removeTheme,
+  a as toCSSVars
+};
+//# sourceMappingURL=utils.js.map

package/dist/theme/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","sources":["../../src/theme/utils.ts"],"sourcesContent":["/**\n * Theme Utilities\n *\n * Helper functions for working with theme tokens and CSS variables.\n */\n\nimport type {\n\tCSSVariableMap,\n\tNestedStringRecord,\n} from \"@nds-design-system/tokens\";\nimport { nestedToCSSVars } from \"@nds-design-system/tokens\";\n\n/**\n * Convert nested token object to CSS variable map\n * @example\n * toCSSVars({ color: { bg: { page: '#fff' } } })\n * // Returns: { '--color-bg-page': '#fff' }\n */\nexport function toCSSVars(tokens: NestedStringRecord): CSSVariableMap {\n\treturn nestedToCSSVars(tokens);\n}\n\n/**\n * Apply CSS variables to an element\n * @example\n * applyTheme(document.body, { '--color-bg-page': '#fff' })\n */\nexport function applyTheme(\n\telement: HTMLElement,\n\tcssVars: CSSVariableMap,\n): void {\n\tfor (const [name, value] of Object.entries(cssVars)) {\n\t\telement.style.setProperty(name, value);\n\t}\n}\n\n/**\n * Remove CSS variables from an element\n */\nexport function removeTheme(\n\telement: HTMLElement,\n\tcssVars: CSSVariableMap,\n): void {\n\tfor (const name of Object.keys(cssVars)) {\n\t\telement.style.removeProperty(name);\n\t}\n}\n\n/**\n * Get a specific token value from nested tokens using dot notation\n * @example\n * getToken({ color: { bg: { page: '#fff' } } }, 'color.bg.page')\n * // Returns: '#fff'\n */\nexport function getToken(\n\ttokens: NestedStringRecord,\n\tpath: string,\n): string | undefined {\n\tconst parts = path.split(\".\");\n\tlet current: NestedStringRecord | string = tokens;\n\n\tfor (const part of parts) {\n\t\tif (typeof current === \"string\") return undefined;\n\t\tcurrent = current[part];\n\t\tif (current === undefined) return undefined;\n\t}\n\n\treturn typeof current === \"string\" ? current : undefined;\n}\n\n/**\n * Create a style object with CSS variables for React inline styles\n * @example\n * <div style={createThemeStyle(cssVars)}>...</div>\n */\nexport function createThemeStyle(cssVars: CSSVariableMap): React.CSSProperties {\n\treturn cssVars as React.CSSProperties;\n}\n\n/**\n * Merge multiple CSS variable maps\n */\nexport function mergeCSSVars(...maps: CSSVariableMap[]): CSSVariableMap {\n\treturn Object.assign({}, ...maps);\n}\n\n/**\n * Filter CSS variables by prefix\n * @example\n * filterCSSVars(cssVars, '--color-')\n * // Returns only variables starting with --color-\n */\nexport function filterCSSVars(\n\tcssVars: CSSVariableMap,\n\tprefix: string,\n): CSSVariableMap {\n\tconst result: CSSVariableMap = {};\n\tfor (const [name, value] of Object.entries(cssVars)) {\n\t\tif (name.startsWith(prefix)) {\n\t\t\tresult[name] = value;\n\t\t}\n\t}\n\treturn result;\n}\n"],"names":["toCSSVars","tokens","nestedToCSSVars","applyTheme","element","cssVars","name","value","removeTheme","getToken","path","parts","current","part","createThemeStyle","mergeCSSVars","maps","filterCSSVars","prefix","result"],"mappings":";;;;AAkBO,SAASA,EAAUC,GAA4C;AACrE,SAAOC,EAAgBD,CAAM;AAC9B;AAOO,SAASE,EACfC,GACAC,GACO;AACP,aAAW,CAACC,GAAMC,CAAK,KAAK,OAAO,QAAQF,CAAO;AACjD,IAAAD,EAAQ,MAAM,YAAYE,GAAMC,CAAK;AAEvC;AAKO,SAASC,EACfJ,GACAC,GACO;AACP,aAAWC,KAAQ,OAAO,KAAKD,CAAO;AACrC,IAAAD,EAAQ,MAAM,eAAeE,CAAI;AAEnC;AAQO,SAASG,EACfR,GACAS,GACqB;AACrB,QAAMC,IAAQD,EAAK,MAAM,GAAG;AAC5B,MAAIE,IAAuCX;AAE3C,aAAWY,KAAQF;AAGlB,QAFI,OAAOC,KAAY,aACvBA,IAAUA,EAAQC,CAAI,GAClBD,MAAY,QAAW;AAG5B,SAAO,OAAOA,KAAY,WAAWA,IAAU;AAChD;AAOO,SAASE,EAAiBT,GAA8C;AAC9E,SAAOA;AACR;AAKO,SAASU,KAAgBC,GAAwC;AACvE,SAAO,OAAO,OAAO,CAAA,GAAI,GAAGA,CAAI;AACjC;AAQO,SAASC,EACfZ,GACAa,GACiB;AACjB,QAAMC,IAAyB,CAAA;AAC/B,aAAW,CAACb,GAAMC,CAAK,KAAK,OAAO,QAAQF,CAAO;AACjD,IAAIC,EAAK,WAAWY,CAAM,MACzBC,EAAOb,CAAI,IAAIC;AAGjB,SAAOY;AACR;"}