@trebired/frontend 5.1.1 → 5.1.2

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable package changes are documented here.
 
+## 5.1.2
+
+- Added `createFrontendTokenHelpers()` for typed frontend config references to palette scale, mode-suffixed palette, semantic variables, CSS variable fallbacks, borders, and color mixes.
+
 ## 5.1.1
 
 - Made active press brightness opt-in by default while preserving `0.9` as the default brightness value when enabled.

package/dist/config/index.d.ts

@@ -5,6 +5,8 @@ declare function loadFrontendConfig(projectRoot?: string, options?: LoadFrontend
 export { DEFAULT_FRONTEND_CONFIG, SUPPORTED_ICON_PACKS, SYSTEM_ORDER, THEME_MODE_ATTRIBUTE, FRONTEND_CONFIG_PATH, normalizeFrontendConfig, } from "./normalize.js";
 export { generateFrontendScss } from "./scss.js";
 export { collectConfigDependencies } from "./module.js";
+export { createFrontendTokenHelpers } from "./tokens.js";
 export { defineFrontendConfig, findFrontendConfig, loadFrontendConfig };
 export type { LoadFrontendConfigOptions, LoadedFrontendConfig, NormalizedFrontendActiveInteractionConfig, NormalizedFrontendConfig, NormalizedFrontendComponentsConfig, NormalizedFrontendFontConfig, NormalizedFrontendFontFamilyConfig, NormalizedFrontendInteractionsConfig, NormalizedFrontendPaletteConfig, NormalizedFrontendPaletteMode, NormalizedFrontendPaletteSemantic, NormalizedFrontendScalesConfig, NormalizedFrontendThemeConfig, NormalizedFrontendThemeMode, NormalizedFrontendZIndexScaleConfig, FrontendConfig, FrontendActiveInteractionConfig, FrontendComponentTokens, FrontendComponentsConfig, FrontendFontConfig, FrontendFontDisplay, FrontendFontFamilyConfig, FrontendFontStyle, FrontendIconPack, FrontendInteractionsConfig, FrontendPaletteConfig, FrontendPaletteFamilies, FrontendPaletteMode, FrontendPaletteScale, FrontendPaletteSemanticRef, FrontendScaleSteps, FrontendScalesConfig, FrontendSystemKey, FrontendThemeConfig, FrontendThemeMode, FrontendThemeModeScheme, FrontendThemeTokens, FrontendZIndexScaleConfig, } from "./types.js";
+export type { FrontendConfigTokenHelpers, FrontendConfigVariableHelper, FrontendCssVariable, FrontendCssVariableWithFallback, FrontendPaletteFamily, FrontendPaletteModeKey, FrontendPaletteSemanticToken, FrontendPaletteStep, } from "./tokens.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,yBAAyB,EACzB,oBAAoB,EACpB,cAAc,EACf,MAAM,YAAY,CAAC;AAEpB,iBAAS,oBAAoB,CAAC,CAAC,SAAS,cAAc,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,CAEpE;AAED,iBAAe,kBAAkB,CAC/B,QAAQ,GAAE,MAAsB,EAChC,WAAW,CAAC,EAAE,MAAM,GACnB,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CASxB;AAYD,iBAAe,kBAAkB,CAC/B,WAAW,GAAE,MAAsB,EACnC,OAAO,GAAE,yBAA8B,GACtC,OAAO,CAAC,oBAAoB,CAAC,CAyB/B;AAED,OAAO,EACL,uBAAuB,EACvB,oBAAoB,EACpB,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC;AACxE,YAAY,EACV,yBAAyB,EACzB,oBAAoB,EACpB,yCAAyC,EACzC,wBAAwB,EACxB,kCAAkC,EAClC,4BAA4B,EAC5B,kCAAkC,EAClC,oCAAoC,EACpC,+BAA+B,EAC/B,6BAA6B,EAC7B,iCAAiC,EACjC,8BAA8B,EAC9B,6BAA6B,EAC7B,2BAA2B,EAC3B,mCAAmC,EACnC,cAAc,EACd,+BAA+B,EAC/B,uBAAuB,EACvB,wBAAwB,EACxB,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,EACxB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,qBAAqB,EACrB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,0BAA0B,EAC1B,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,yBAAyB,GAC1B,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,yBAAyB,EACzB,oBAAoB,EACpB,cAAc,EACf,MAAM,YAAY,CAAC;AAEpB,iBAAS,oBAAoB,CAAC,CAAC,SAAS,cAAc,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,CAEpE;AAED,iBAAe,kBAAkB,CAC/B,QAAQ,GAAE,MAAsB,EAChC,WAAW,CAAC,EAAE,MAAM,GACnB,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CASxB;AAYD,iBAAe,kBAAkB,CAC/B,WAAW,GAAE,MAAsB,EACnC,OAAO,GAAE,yBAA8B,GACtC,OAAO,CAAC,oBAAoB,CAAC,CAyB/B;AAED,OAAO,EACL,uBAAuB,EACvB,oBAAoB,EACpB,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC;AACxE,YAAY,EACV,yBAAyB,EACzB,oBAAoB,EACpB,yCAAyC,EACzC,wBAAwB,EACxB,kCAAkC,EAClC,4BAA4B,EAC5B,kCAAkC,EAClC,oCAAoC,EACpC,+BAA+B,EAC/B,6BAA6B,EAC7B,iCAAiC,EACjC,8BAA8B,EAC9B,6BAA6B,EAC7B,2BAA2B,EAC3B,mCAAmC,EACnC,cAAc,EACd,+BAA+B,EAC/B,uBAAuB,EACvB,wBAAwB,EACxB,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,EACxB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,qBAAqB,EACrB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,0BAA0B,EAC1B,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,yBAAyB,GAC1B,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,0BAA0B,EAC1B,4BAA4B,EAC5B,mBAAmB,EACnB,+BAA+B,EAC/B,qBAAqB,EACrB,sBAAsB,EACtB,4BAA4B,EAC5B,mBAAmB,GACpB,MAAM,aAAa,CAAC"}

package/dist/config/index.js

@@ -52,5 +52,6 @@ async function loadFrontendConfig(projectRoot = process.cwd(), options = {}) {
 export { DEFAULT_FRONTEND_CONFIG, SUPPORTED_ICON_PACKS, SYSTEM_ORDER, THEME_MODE_ATTRIBUTE, FRONTEND_CONFIG_PATH, normalizeFrontendConfig, } from "./normalize.js";
 export { generateFrontendScss } from "./scss.js";
 export { collectConfigDependencies } from "./module.js";
+export { createFrontendTokenHelpers } from "./tokens.js";
 export { defineFrontendConfig, findFrontendConfig, loadFrontendConfig };
 //# sourceMappingURL=index.js.map

package/dist/config/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACxF,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAOjD,SAAS,oBAAoB,CAA2B,MAAS;IAC/D,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,KAAK,UAAU,kBAAkB,CAC/B,WAAmB,OAAO,CAAC,GAAG,EAAE,EAChC,WAAoB;IAEpB,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACtF,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACrC,SAAS,CAAC;QACR,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC;QAC3D,IAAI,MAAM,UAAU,CAAC,SAAS,CAAC;YAAE,OAAO,SAAS,CAAC;QAClD,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;YAAE,OAAO,IAAI,CAAC;QAC3E,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAClC,CAAC;AACH,CAAC;AAED,SAAS,yBAAyB;IAChC,MAAM,MAAM,GAAG,uBAAuB,CAAC,EAAE,CAAC,CAAC;IAC3C,OAAO;QACL,MAAM;QACN,UAAU,EAAE,IAAI;QAChB,YAAY,EAAE,EAAE;QAChB,aAAa,EAAE,oBAAoB,CAAC,MAAM,CAAC;KAC5C,CAAC;AACJ,CAAC;AAED,KAAK,UAAU,kBAAkB,CAC/B,cAAsB,OAAO,CAAC,GAAG,EAAE,EACnC,UAAqC,EAAE;IAEvC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IACvC,MAAM,YAAY,GAAG,OAAO,CAAC,UAAU;QACrC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC;QACxC,CAAC,CAAC,MAAM,kBAAkB,CAAC,OAAO,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC;IAEzD,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,IAAI,OAAO,CAAC,gBAAgB,KAAK,KAAK,EAAE,CAAC;YACvC,MAAM,IAAI,KAAK,CAAC,gCAAgC,oBAAoB,EAAE,CAAC,CAAC;QAC1E,CAAC;QACD,OAAO,yBAAyB,EAAE,CAAC;IACrC,CAAC;IAED,IAAI,CAAC,MAAM,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC;QACpC,MAAM,IAAI,KAAK,CAAC,gCAAgC,YAAY,EAAE,CAAC,CAAC;IAClE,CAAC;IAED,MAAM,YAAY,GAAG,MAAM,yBAAyB,CAAC,YAAY,CAAC,CAAC;IACnE,MAAM,MAAM,GAAG,uBAAuB,CAAC,MAAM,kBAAkB,CAAC,IAAI,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IACnG,OAAO;QACL,MAAM;QACN,UAAU,EAAE,YAAY;QACxB,YAAY;QACZ,aAAa,EAAE,oBAAoB,CAAC,MAAM,CAAC;KAC5C,CAAC;AACJ,CAAC;AAED,OAAO,EACL,uBAAuB,EACvB,oBAAoB,EACpB,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":"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"}

package/dist/config/tokens.d.ts

@@ -0,0 +1,25 @@
+import type { FrontendPaletteConfig } from "./types.js";
+type FrontendPaletteModes<Palette extends FrontendPaletteConfig> = NonNullable<Palette["modes"]>;
+type FrontendPaletteModeKey<Palette extends FrontendPaletteConfig> = keyof FrontendPaletteModes<Palette> & string;
+type FrontendPaletteModeValue<Palette extends FrontendPaletteConfig> = FrontendPaletteModes<Palette>[FrontendPaletteModeKey<Palette>];
+type FrontendPaletteFamily<Palette extends FrontendPaletteConfig> = keyof FrontendPaletteModeValue<Palette>["scale"] & string;
+type FrontendPaletteStep<Palette extends FrontendPaletteConfig, Family extends FrontendPaletteFamily<Palette>> = Extract<keyof FrontendPaletteModeValue<Palette>["scale"][Family], string | number>;
+type FrontendPaletteSemanticToken<Palette extends FrontendPaletteConfig> = keyof NonNullable<Palette["semantic"]> & string;
+type FrontendCssVariable<Name extends string> = `var(--${Name})`;
+type FrontendCssVariableWithFallback<Name extends string> = `var(--${Name}, ${string})`;
+type FrontendConfigVariableHelper = {
+    <Name extends string>(name: Name): FrontendCssVariable<Name>;
+    <Name extends string>(name: Name, fallback: string): FrontendCssVariableWithFallback<Name>;
+};
+type FrontendConfigTokenHelpers<Palette extends FrontendPaletteConfig> = {
+    border: (color: string, width?: string) => string;
+    color: <Family extends FrontendPaletteFamily<Palette>, Step extends FrontendPaletteStep<Palette, Family>>(family: Family, step: Step) => FrontendCssVariable<`${Family}-${Step}`>;
+    colorMix: (color: string, amount: string, target?: string) => string;
+    modeColor: <Family extends FrontendPaletteFamily<Palette>, Step extends FrontendPaletteStep<Palette, Family>, Mode extends FrontendPaletteModeKey<Palette>>(family: Family, step: Step, mode: Mode) => FrontendCssVariable<`${Family}-${Step}-${Mode}`>;
+    semantic: <Name extends FrontendPaletteSemanticToken<Palette>>(name: Name) => FrontendCssVariable<Name>;
+    variable: FrontendConfigVariableHelper;
+};
+declare function createFrontendTokenHelpers<const Palette extends FrontendPaletteConfig>(palette: Palette): FrontendConfigTokenHelpers<Palette>;
+export { createFrontendTokenHelpers };
+export type { FrontendConfigTokenHelpers, FrontendConfigVariableHelper, FrontendCssVariable, FrontendCssVariableWithFallback, FrontendPaletteFamily, FrontendPaletteModeKey, FrontendPaletteSemanticToken, FrontendPaletteStep, };
+//# sourceMappingURL=tokens.d.ts.map

package/dist/config/tokens.d.ts.map

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

package/dist/config/tokens.js

@@ -0,0 +1,31 @@
+function createFrontendTokenHelpers(palette) {
+    void palette;
+    function variable(name, fallback) {
+        return fallback === undefined ? `var(--${name})` : `var(--${name}, ${fallback})`;
+    }
+    function color(family, step) {
+        return variable(`${family}-${String(step)}`);
+    }
+    function modeColor(family, step, mode) {
+        return variable(`${family}-${String(step)}-${mode}`);
+    }
+    function semantic(name) {
+        return variable(name);
+    }
+    function border(color, width = variable("border-width")) {
+        return `${width} solid ${color}`;
+    }
+    function colorMix(color, amount, target = "transparent") {
+        return `color-mix(in srgb, ${color} ${amount}, ${target})`;
+    }
+    return {
+        border,
+        color,
+        colorMix,
+        modeColor,
+        semantic,
+        variable,
+    };
+}
+export { createFrontendTokenHelpers };
+//# sourceMappingURL=tokens.js.map

package/dist/config/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../src/config/tokens.ts"],"names":[],"mappings":"AAmDA,SAAS,0BAA0B,CACjC,OAAgB;IAEhB,KAAK,OAAO,CAAC;IAOb,SAAS,QAAQ,CAAsB,IAAU,EAAE,QAAiB;QAClE,OAAO,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,IAAI,GAAG,CAAC,CAAC,CAAC,SAAS,IAAI,KAAK,QAAQ,GAAG,CAAC;IACnF,CAAC;IAED,SAAS,KAAK,CAGZ,MAAc,EAAE,IAAU;QAC1B,OAAO,QAAQ,CAAC,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,EAAyB,CAAC,CAAC;IACtE,CAAC;IAED,SAAS,SAAS,CAIhB,MAAc,EAAE,IAAU,EAAE,IAAU;QACtC,OAAO,QAAQ,CACb,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,IAAI,EAAiC,CACnE,CAAC;IACJ,CAAC;IAED,SAAS,QAAQ,CACf,IAAU;QAEV,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED,SAAS,MAAM,CAAC,KAAa,EAAE,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC;QAC7D,OAAO,GAAG,KAAK,UAAU,KAAK,EAAE,CAAC;IACnC,CAAC;IAED,SAAS,QAAQ,CAAC,KAAa,EAAE,MAAc,EAAE,MAAM,GAAG,aAAa;QACrE,OAAO,sBAAsB,KAAK,IAAI,MAAM,KAAK,MAAM,GAAG,CAAC;IAC7D,CAAC;IAED,OAAO;QACL,MAAM;QACN,KAAK;QACL,QAAQ;QACR,SAAS;QACT,QAAQ;QACR,QAAQ;KACT,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,0BAA0B,EAAE,CAAC"}

package/dist/src/config/index.d.ts

@@ -5,6 +5,8 @@ declare function loadFrontendConfig(projectRoot?: string, options?: LoadFrontend
 export { DEFAULT_FRONTEND_CONFIG, SUPPORTED_ICON_PACKS, SYSTEM_ORDER, THEME_MODE_ATTRIBUTE, FRONTEND_CONFIG_PATH, normalizeFrontendConfig, } from "./normalize.js";
 export { generateFrontendScss } from "./scss.js";
 export { collectConfigDependencies } from "./module.js";
+export { createFrontendTokenHelpers } from "./tokens.js";
 export { defineFrontendConfig, findFrontendConfig, loadFrontendConfig };
 export type { LoadFrontendConfigOptions, LoadedFrontendConfig, NormalizedFrontendActiveInteractionConfig, NormalizedFrontendConfig, NormalizedFrontendComponentsConfig, NormalizedFrontendFontConfig, NormalizedFrontendFontFamilyConfig, NormalizedFrontendInteractionsConfig, NormalizedFrontendPaletteConfig, NormalizedFrontendPaletteMode, NormalizedFrontendPaletteSemantic, NormalizedFrontendScalesConfig, NormalizedFrontendThemeConfig, NormalizedFrontendThemeMode, NormalizedFrontendZIndexScaleConfig, FrontendConfig, FrontendActiveInteractionConfig, FrontendComponentTokens, FrontendComponentsConfig, FrontendFontConfig, FrontendFontDisplay, FrontendFontFamilyConfig, FrontendFontStyle, FrontendIconPack, FrontendInteractionsConfig, FrontendPaletteConfig, FrontendPaletteFamilies, FrontendPaletteMode, FrontendPaletteScale, FrontendPaletteSemanticRef, FrontendScaleSteps, FrontendScalesConfig, FrontendSystemKey, FrontendThemeConfig, FrontendThemeMode, FrontendThemeModeScheme, FrontendThemeTokens, FrontendZIndexScaleConfig, } from "./types.js";
+export type { FrontendConfigTokenHelpers, FrontendConfigVariableHelper, FrontendCssVariable, FrontendCssVariableWithFallback, FrontendPaletteFamily, FrontendPaletteModeKey, FrontendPaletteSemanticToken, FrontendPaletteStep, } from "./tokens.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/config/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,yBAAyB,EACzB,oBAAoB,EACpB,cAAc,EACf,MAAM,YAAY,CAAC;AAEpB,iBAAS,oBAAoB,CAAC,CAAC,SAAS,cAAc,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,CAEpE;AAED,iBAAe,kBAAkB,CAC/B,QAAQ,GAAE,MAAsB,EAChC,WAAW,CAAC,EAAE,MAAM,GACnB,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CASxB;AAYD,iBAAe,kBAAkB,CAC/B,WAAW,GAAE,MAAsB,EACnC,OAAO,GAAE,yBAA8B,GACtC,OAAO,CAAC,oBAAoB,CAAC,CAyB/B;AAED,OAAO,EACL,uBAAuB,EACvB,oBAAoB,EACpB,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC;AACxE,YAAY,EACV,yBAAyB,EACzB,oBAAoB,EACpB,yCAAyC,EACzC,wBAAwB,EACxB,kCAAkC,EAClC,4BAA4B,EAC5B,kCAAkC,EAClC,oCAAoC,EACpC,+BAA+B,EAC/B,6BAA6B,EAC7B,iCAAiC,EACjC,8BAA8B,EAC9B,6BAA6B,EAC7B,2BAA2B,EAC3B,mCAAmC,EACnC,cAAc,EACd,+BAA+B,EAC/B,uBAAuB,EACvB,wBAAwB,EACxB,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,EACxB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,qBAAqB,EACrB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,0BAA0B,EAC1B,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,yBAAyB,GAC1B,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,yBAAyB,EACzB,oBAAoB,EACpB,cAAc,EACf,MAAM,YAAY,CAAC;AAEpB,iBAAS,oBAAoB,CAAC,CAAC,SAAS,cAAc,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,CAEpE;AAED,iBAAe,kBAAkB,CAC/B,QAAQ,GAAE,MAAsB,EAChC,WAAW,CAAC,EAAE,MAAM,GACnB,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CASxB;AAYD,iBAAe,kBAAkB,CAC/B,WAAW,GAAE,MAAsB,EACnC,OAAO,GAAE,yBAA8B,GACtC,OAAO,CAAC,oBAAoB,CAAC,CAyB/B;AAED,OAAO,EACL,uBAAuB,EACvB,oBAAoB,EACpB,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC;AACxE,YAAY,EACV,yBAAyB,EACzB,oBAAoB,EACpB,yCAAyC,EACzC,wBAAwB,EACxB,kCAAkC,EAClC,4BAA4B,EAC5B,kCAAkC,EAClC,oCAAoC,EACpC,+BAA+B,EAC/B,6BAA6B,EAC7B,iCAAiC,EACjC,8BAA8B,EAC9B,6BAA6B,EAC7B,2BAA2B,EAC3B,mCAAmC,EACnC,cAAc,EACd,+BAA+B,EAC/B,uBAAuB,EACvB,wBAAwB,EACxB,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,EACxB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,qBAAqB,EACrB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,0BAA0B,EAC1B,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,yBAAyB,GAC1B,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,0BAA0B,EAC1B,4BAA4B,EAC5B,mBAAmB,EACnB,+BAA+B,EAC/B,qBAAqB,EACrB,sBAAsB,EACtB,4BAA4B,EAC5B,mBAAmB,GACpB,MAAM,aAAa,CAAC"}

package/dist/src/config/index.js

@@ -52,5 +52,6 @@ async function loadFrontendConfig(projectRoot = process.cwd(), options = {}) {
 export { DEFAULT_FRONTEND_CONFIG, SUPPORTED_ICON_PACKS, SYSTEM_ORDER, THEME_MODE_ATTRIBUTE, FRONTEND_CONFIG_PATH, normalizeFrontendConfig, } from "./normalize.js";
 export { generateFrontendScss } from "./scss.js";
 export { collectConfigDependencies } from "./module.js";
+export { createFrontendTokenHelpers } from "./tokens.js";
 export { defineFrontendConfig, findFrontendConfig, loadFrontendConfig };
 //# sourceMappingURL=index.js.map

package/dist/src/config/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACxF,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAOjD,SAAS,oBAAoB,CAA2B,MAAS;IAC/D,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,KAAK,UAAU,kBAAkB,CAC/B,WAAmB,OAAO,CAAC,GAAG,EAAE,EAChC,WAAoB;IAEpB,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACtF,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACrC,SAAS,CAAC;QACR,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC;QAC3D,IAAI,MAAM,UAAU,CAAC,SAAS,CAAC;YAAE,OAAO,SAAS,CAAC;QAClD,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;YAAE,OAAO,IAAI,CAAC;QAC3E,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAClC,CAAC;AACH,CAAC;AAED,SAAS,yBAAyB;IAChC,MAAM,MAAM,GAAG,uBAAuB,CAAC,EAAE,CAAC,CAAC;IAC3C,OAAO;QACL,MAAM;QACN,UAAU,EAAE,IAAI;QAChB,YAAY,EAAE,EAAE;QAChB,aAAa,EAAE,oBAAoB,CAAC,MAAM,CAAC;KAC5C,CAAC;AACJ,CAAC;AAED,KAAK,UAAU,kBAAkB,CAC/B,cAAsB,OAAO,CAAC,GAAG,EAAE,EACnC,UAAqC,EAAE;IAEvC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IACvC,MAAM,YAAY,GAAG,OAAO,CAAC,UAAU;QACrC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC;QACxC,CAAC,CAAC,MAAM,kBAAkB,CAAC,OAAO,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC;IAEzD,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,IAAI,OAAO,CAAC,gBAAgB,KAAK,KAAK,EAAE,CAAC;YACvC,MAAM,IAAI,KAAK,CAAC,gCAAgC,oBAAoB,EAAE,CAAC,CAAC;QAC1E,CAAC;QACD,OAAO,yBAAyB,EAAE,CAAC;IACrC,CAAC;IAED,IAAI,CAAC,MAAM,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC;QACpC,MAAM,IAAI,KAAK,CAAC,gCAAgC,YAAY,EAAE,CAAC,CAAC;IAClE,CAAC;IAED,MAAM,YAAY,GAAG,MAAM,yBAAyB,CAAC,YAAY,CAAC,CAAC;IACnE,MAAM,MAAM,GAAG,uBAAuB,CAAC,MAAM,kBAAkB,CAAC,IAAI,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IACnG,OAAO;QACL,MAAM;QACN,UAAU,EAAE,YAAY;QACxB,YAAY;QACZ,aAAa,EAAE,oBAAoB,CAAC,MAAM,CAAC;KAC5C,CAAC;AACJ,CAAC;AAED,OAAO,EACL,uBAAuB,EACvB,oBAAoB,EACpB,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":"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"}

package/dist/src/config/tokens.d.ts

@@ -0,0 +1,25 @@
+import type { FrontendPaletteConfig } from "./types.js";
+type FrontendPaletteModes<Palette extends FrontendPaletteConfig> = NonNullable<Palette["modes"]>;
+type FrontendPaletteModeKey<Palette extends FrontendPaletteConfig> = keyof FrontendPaletteModes<Palette> & string;
+type FrontendPaletteModeValue<Palette extends FrontendPaletteConfig> = FrontendPaletteModes<Palette>[FrontendPaletteModeKey<Palette>];
+type FrontendPaletteFamily<Palette extends FrontendPaletteConfig> = keyof FrontendPaletteModeValue<Palette>["scale"] & string;
+type FrontendPaletteStep<Palette extends FrontendPaletteConfig, Family extends FrontendPaletteFamily<Palette>> = Extract<keyof FrontendPaletteModeValue<Palette>["scale"][Family], string | number>;
+type FrontendPaletteSemanticToken<Palette extends FrontendPaletteConfig> = keyof NonNullable<Palette["semantic"]> & string;
+type FrontendCssVariable<Name extends string> = `var(--${Name})`;
+type FrontendCssVariableWithFallback<Name extends string> = `var(--${Name}, ${string})`;
+type FrontendConfigVariableHelper = {
+    <Name extends string>(name: Name): FrontendCssVariable<Name>;
+    <Name extends string>(name: Name, fallback: string): FrontendCssVariableWithFallback<Name>;
+};
+type FrontendConfigTokenHelpers<Palette extends FrontendPaletteConfig> = {
+    border: (color: string, width?: string) => string;
+    color: <Family extends FrontendPaletteFamily<Palette>, Step extends FrontendPaletteStep<Palette, Family>>(family: Family, step: Step) => FrontendCssVariable<`${Family}-${Step}`>;
+    colorMix: (color: string, amount: string, target?: string) => string;
+    modeColor: <Family extends FrontendPaletteFamily<Palette>, Step extends FrontendPaletteStep<Palette, Family>, Mode extends FrontendPaletteModeKey<Palette>>(family: Family, step: Step, mode: Mode) => FrontendCssVariable<`${Family}-${Step}-${Mode}`>;
+    semantic: <Name extends FrontendPaletteSemanticToken<Palette>>(name: Name) => FrontendCssVariable<Name>;
+    variable: FrontendConfigVariableHelper;
+};
+declare function createFrontendTokenHelpers<const Palette extends FrontendPaletteConfig>(palette: Palette): FrontendConfigTokenHelpers<Palette>;
+export { createFrontendTokenHelpers };
+export type { FrontendConfigTokenHelpers, FrontendConfigVariableHelper, FrontendCssVariable, FrontendCssVariableWithFallback, FrontendPaletteFamily, FrontendPaletteModeKey, FrontendPaletteSemanticToken, FrontendPaletteStep, };
+//# sourceMappingURL=tokens.d.ts.map

package/dist/src/config/tokens.d.ts.map

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

package/dist/src/config/tokens.js

@@ -0,0 +1,31 @@
+function createFrontendTokenHelpers(palette) {
+    void palette;
+    function variable(name, fallback) {
+        return fallback === undefined ? `var(--${name})` : `var(--${name}, ${fallback})`;
+    }
+    function color(family, step) {
+        return variable(`${family}-${String(step)}`);
+    }
+    function modeColor(family, step, mode) {
+        return variable(`${family}-${String(step)}-${mode}`);
+    }
+    function semantic(name) {
+        return variable(name);
+    }
+    function border(color, width = variable("border-width")) {
+        return `${width} solid ${color}`;
+    }
+    function colorMix(color, amount, target = "transparent") {
+        return `color-mix(in srgb, ${color} ${amount}, ${target})`;
+    }
+    return {
+        border,
+        color,
+        colorMix,
+        modeColor,
+        semantic,
+        variable,
+    };
+}
+export { createFrontendTokenHelpers };
+//# sourceMappingURL=tokens.js.map

package/dist/src/config/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../src/config/tokens.ts"],"names":[],"mappings":"AAmDA,SAAS,0BAA0B,CACjC,OAAgB;IAEhB,KAAK,OAAO,CAAC;IAOb,SAAS,QAAQ,CAAsB,IAAU,EAAE,QAAiB;QAClE,OAAO,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,IAAI,GAAG,CAAC,CAAC,CAAC,SAAS,IAAI,KAAK,QAAQ,GAAG,CAAC;IACnF,CAAC;IAED,SAAS,KAAK,CAGZ,MAAc,EAAE,IAAU;QAC1B,OAAO,QAAQ,CAAC,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,EAAyB,CAAC,CAAC;IACtE,CAAC;IAED,SAAS,SAAS,CAIhB,MAAc,EAAE,IAAU,EAAE,IAAU;QACtC,OAAO,QAAQ,CACb,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,IAAI,EAAiC,CACnE,CAAC;IACJ,CAAC;IAED,SAAS,QAAQ,CACf,IAAU;QAEV,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED,SAAS,MAAM,CAAC,KAAa,EAAE,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC;QAC7D,OAAO,GAAG,KAAK,UAAU,KAAK,EAAE,CAAC;IACnC,CAAC;IAED,SAAS,QAAQ,CAAC,KAAa,EAAE,MAAc,EAAE,MAAM,GAAG,aAAa;QACrE,OAAO,sBAAsB,KAAK,IAAI,MAAM,KAAK,MAAM,GAAG,CAAC;IAC7D,CAAC;IAED,OAAO;QACL,MAAM;QACN,KAAK;QACL,QAAQ;QACR,SAAS;QACT,QAAQ;QACR,QAAQ;KACT,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,0BAA0B,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trebired/frontend",
-  "version": "5.1.1",
+  "version": "5.1.2",
   "description": "Generic browser runtime systems for Trebired frontend packages and applications.",
   "type": "module",
   "private": false,