@lmb-it/kitsconcerto-native 0.1.243 → 0.1.245

package/packages/types/src/Theme/alphaColors.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+const ALPHA_STEPS = [10, 20, 30, 40, 50, 60, 70, 80, 90];
+const ALPHA_COLOR_VARS = (() => {
+  const map = {};
+  for (const step of ALPHA_STEPS) {
+    const a = step / 100;
+    map[`--kits-white-alpha-${step}`] = `rgba(255, 255, 255, ${a})`;
+    map[`--kits-black-alpha-${step}`] = `rgba(0, 0, 0, ${a})`;
+  }
+  return map;
+})();
+const ALPHA_TOKEN_NAMES = new Set(
+  ALPHA_STEPS.flatMap((step) => [`white-alpha-${step}`, `black-alpha-${step}`])
+);
+function isAlphaToken(value) {
+  return ALPHA_TOKEN_NAMES.has(value);
+}
+
+exports.ALPHA_COLOR_VARS = ALPHA_COLOR_VARS;
+exports.ALPHA_STEPS = ALPHA_STEPS;
+exports.ALPHA_TOKEN_NAMES = ALPHA_TOKEN_NAMES;
+exports.isAlphaToken = isAlphaToken;
+//# sourceMappingURL=alphaColors.cjs.map

package/packages/types/src/Theme/alphaColors.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alphaColors.cjs","sources":["../../../../../../../types/src/Theme/alphaColors.ts"],"sourcesContent":["/**\n * Alpha overlay color families — `white-alpha-*` and `black-alpha-*`.\n *\n * These back the tokens `ColorValue` already advertises (`white-alpha-10` …\n * `white-alpha-90`, `black-alpha-10` … `black-alpha-90`). The step (10…90)\n * IS the alpha percentage, matching the PrimeFlex convention the rest of\n * `ColorValue` follows (`blue-50…900`, `surface-0…900`).\n *\n * This is the SINGLE SOURCE OF TRUTH: both the web CSS-var injector\n * (`generateCssVariables`) and the native color-map builder\n * (`buildNativeColorMap`) derive their `--kits-*-alpha-*` entries from\n * {@link ALPHA_COLOR_VARS}, so the two platforms can never drift.\n *\n * LITERAL by design: the values are identical in light and dark theme\n * builds and must NEVER be routed through dark-mode inversion. They are\n * overlay / scrim colors — a 60% white scrim over an image has to stay a\n * 60% white scrim in dark mode, not flip to black.\n */\n\n/** Alpha steps (also the alpha percentage of each step). */\nexport const ALPHA_STEPS = [10, 20, 30, 40, 50, 60, 70, 80, 90] as const;\n\n/**\n * CSS-variable name → literal rgba value. Keys are the fully-qualified\n * `--kits-<family>-alpha-<step>` names emitted into `:root` (web) and the\n * native color map.\n */\nexport const ALPHA_COLOR_VARS: Record<string, string> = (() => {\n    const map: Record<string, string> = {};\n    for (const step of ALPHA_STEPS) {\n        const a = step / 100;\n        map[`--kits-white-alpha-${step}`] = `rgba(255, 255, 255, ${a})`;\n        map[`--kits-black-alpha-${step}`] = `rgba(0, 0, 0, ${a})`;\n    }\n    return map;\n})();\n\n/** Bare token names as authored in props, e.g. `'white-alpha-60'`. */\nexport const ALPHA_TOKEN_NAMES: ReadonlySet<string> = new Set(\n    ALPHA_STEPS.flatMap((step) => [`white-alpha-${step}`, `black-alpha-${step}`]),\n);\n\n/** True when `value` is an advertised alpha token (`white-alpha-60`, `black-alpha-90`, …). */\nexport function isAlphaToken(value: string): boolean {\n    return ALPHA_TOKEN_NAMES.has(value);\n}\n"],"names":[],"mappings":";;AAoBO,MAAM,WAAA,GAAc,CAAC,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,IAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAE;AAOvD,MAAM,oBAA4C,MAAM;AAC3D,EAAA,MAAM,MAA8B,EAAC;AACrC,EAAA,KAAA,MAAW,QAAQ,WAAA,EAAa;AAC5B,IAAA,MAAM,IAAI,IAAA,GAAO,GAAA;AACjB,IAAA,GAAA,CAAI,CAAA,mBAAA,EAAsB,IAAI,CAAA,CAAE,CAAA,GAAI,uBAAuB,CAAC,CAAA,CAAA,CAAA;AAC5D,IAAA,GAAA,CAAI,CAAA,mBAAA,EAAsB,IAAI,CAAA,CAAE,CAAA,GAAI,iBAAiB,CAAC,CAAA,CAAA,CAAA;AAAA,EAC1D;AACA,EAAA,OAAO,GAAA;AACX,CAAA;AAGO,MAAM,oBAAyC,IAAI,GAAA;AAAA,EACtD,WAAA,CAAY,OAAA,CAAQ,CAAC,IAAA,KAAS,CAAC,CAAA,YAAA,EAAe,IAAI,CAAA,CAAA,EAAI,CAAA,YAAA,EAAe,IAAI,CAAA,CAAE,CAAC;AAChF;AAGO,SAAS,aAAa,KAAA,EAAwB;AACjD,EAAA,OAAO,iBAAA,CAAkB,IAAI,KAAK,CAAA;AACtC;;;;;;;"}

package/packages/types/src/Theme/alphaColors.js

@@ -0,0 +1,19 @@
+const ALPHA_STEPS = [10, 20, 30, 40, 50, 60, 70, 80, 90];
+const ALPHA_COLOR_VARS = (() => {
+  const map = {};
+  for (const step of ALPHA_STEPS) {
+    const a = step / 100;
+    map[`--kits-white-alpha-${step}`] = `rgba(255, 255, 255, ${a})`;
+    map[`--kits-black-alpha-${step}`] = `rgba(0, 0, 0, ${a})`;
+  }
+  return map;
+})();
+const ALPHA_TOKEN_NAMES = new Set(
+  ALPHA_STEPS.flatMap((step) => [`white-alpha-${step}`, `black-alpha-${step}`])
+);
+function isAlphaToken(value) {
+  return ALPHA_TOKEN_NAMES.has(value);
+}
+
+export { ALPHA_COLOR_VARS, ALPHA_STEPS, ALPHA_TOKEN_NAMES, isAlphaToken };
+//# sourceMappingURL=alphaColors.js.map

package/packages/types/src/Theme/alphaColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alphaColors.js","sources":["../../../../../../../types/src/Theme/alphaColors.ts"],"sourcesContent":["/**\n * Alpha overlay color families — `white-alpha-*` and `black-alpha-*`.\n *\n * These back the tokens `ColorValue` already advertises (`white-alpha-10` …\n * `white-alpha-90`, `black-alpha-10` … `black-alpha-90`). The step (10…90)\n * IS the alpha percentage, matching the PrimeFlex convention the rest of\n * `ColorValue` follows (`blue-50…900`, `surface-0…900`).\n *\n * This is the SINGLE SOURCE OF TRUTH: both the web CSS-var injector\n * (`generateCssVariables`) and the native color-map builder\n * (`buildNativeColorMap`) derive their `--kits-*-alpha-*` entries from\n * {@link ALPHA_COLOR_VARS}, so the two platforms can never drift.\n *\n * LITERAL by design: the values are identical in light and dark theme\n * builds and must NEVER be routed through dark-mode inversion. They are\n * overlay / scrim colors — a 60% white scrim over an image has to stay a\n * 60% white scrim in dark mode, not flip to black.\n */\n\n/** Alpha steps (also the alpha percentage of each step). */\nexport const ALPHA_STEPS = [10, 20, 30, 40, 50, 60, 70, 80, 90] as const;\n\n/**\n * CSS-variable name → literal rgba value. Keys are the fully-qualified\n * `--kits-<family>-alpha-<step>` names emitted into `:root` (web) and the\n * native color map.\n */\nexport const ALPHA_COLOR_VARS: Record<string, string> = (() => {\n    const map: Record<string, string> = {};\n    for (const step of ALPHA_STEPS) {\n        const a = step / 100;\n        map[`--kits-white-alpha-${step}`] = `rgba(255, 255, 255, ${a})`;\n        map[`--kits-black-alpha-${step}`] = `rgba(0, 0, 0, ${a})`;\n    }\n    return map;\n})();\n\n/** Bare token names as authored in props, e.g. `'white-alpha-60'`. */\nexport const ALPHA_TOKEN_NAMES: ReadonlySet<string> = new Set(\n    ALPHA_STEPS.flatMap((step) => [`white-alpha-${step}`, `black-alpha-${step}`]),\n);\n\n/** True when `value` is an advertised alpha token (`white-alpha-60`, `black-alpha-90`, …). */\nexport function isAlphaToken(value: string): boolean {\n    return ALPHA_TOKEN_NAMES.has(value);\n}\n"],"names":[],"mappings":"AAoBO,MAAM,WAAA,GAAc,CAAC,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,IAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAE;AAOvD,MAAM,oBAA4C,MAAM;AAC3D,EAAA,MAAM,MAA8B,EAAC;AACrC,EAAA,KAAA,MAAW,QAAQ,WAAA,EAAa;AAC5B,IAAA,MAAM,IAAI,IAAA,GAAO,GAAA;AACjB,IAAA,GAAA,CAAI,CAAA,mBAAA,EAAsB,IAAI,CAAA,CAAE,CAAA,GAAI,uBAAuB,CAAC,CAAA,CAAA,CAAA;AAC5D,IAAA,GAAA,CAAI,CAAA,mBAAA,EAAsB,IAAI,CAAA,CAAE,CAAA,GAAI,iBAAiB,CAAC,CAAA,CAAA,CAAA;AAAA,EAC1D;AACA,EAAA,OAAO,GAAA;AACX,CAAA;AAGO,MAAM,oBAAyC,IAAI,GAAA;AAAA,EACtD,WAAA,CAAY,OAAA,CAAQ,CAAC,IAAA,KAAS,CAAC,CAAA,YAAA,EAAe,IAAI,CAAA,CAAA,EAAI,CAAA,YAAA,EAAe,IAAI,CAAA,CAAE,CAAC;AAChF;AAGO,SAAS,aAAa,KAAA,EAAwB;AACjD,EAAA,OAAO,iBAAA,CAAkB,IAAI,KAAK,CAAA;AACtC;;;;"}

package/packages/types/src/Theme/resolvers.cjs

@@ -1,5 +1,7 @@
 'use strict';
 
+var alphaColors = require('./alphaColors.cjs');
+
 const SEMANTIC_KEYS = /* @__PURE__ */ new Set([
   // brand / primary
   "primary",
@@ -62,6 +64,9 @@ function resolveTokenValue(theme, colorMode, token, platform = "web") {
   if (token.startsWith("#") || token.startsWith("rgb") || token.startsWith("hsl") || token === "transparent" || token === "inherit" || token === "currentColor") {
     return token;
   }
+  if (alphaColors.isAlphaToken(token)) {
+    return platform === "web" ? `var(--kits-${token})` : alphaColors.ALPHA_COLOR_VARS[`--kits-${token}`];
+  }
   const semantics = theme.semanticTokens[colorMode];
   if (semantics && token in semantics) {
     const resolved = semantics[token];
@@ -138,6 +143,7 @@ function isThemeToken(value) {
   if (DOT_NOTATION_RE.test(value)) return true;
   if (value.startsWith("$")) return true;
   if (SEMANTIC_KEYS.has(value)) return true;
+  if (alphaColors.isAlphaToken(value)) return true;
   return false;
 }
 

package/packages/types/src/Theme/resolvers.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"resolvers.cjs","sources":["../../../../../../../types/src/Theme/resolvers.ts"],"sourcesContent":["import type {ColorMode, ColorScale, IKitsTheme} from './types';\n\n/**\n * Set of built-in semantic token names for fast lookup. Mirrors the keys in\n * `defaultTheme.semanticTokens` — the web provider injects a `--kits-<name>`\n * CSS var for EVERY one, so all must be recognised here (otherwise\n * `bgColor=\"brand\"` falls through as the raw, invalid CSS value `brand`).\n * KEEP IN SYNC with SEMANTIC_TOKEN_NAMES in apps/web/src/Factory/css/theme.ts.\n */\nconst SEMANTIC_KEYS = new Set([\n    // brand / primary\n    'primary', 'primary-hover', 'primary-active', 'secondary',\n    'brand', 'brand-bright', 'brand-deep', 'brand-muted',\n    // status\n    'success', 'danger', 'warning', 'info', 'help', 'ai-accent',\n    // text\n    'text', 'text-primary', 'text-secondary', 'text-subtle', 'text-muted',\n    'text-on-primary', 'text-link',\n    // backgrounds\n    'bg', 'bg-subtle', 'bg-muted', 'bg-accent', 'bg-input', 'bg-page',\n    // surfaces\n    'surface-ground', 'surface-card', 'surface-overlay', 'surface-hover',\n    'surface-sidebar', 'surface-border',\n    // borders\n    'border', 'border-default', 'border-subtle', 'border-strong', 'divider',\n    // tints\n    'success-tint', 'danger-tint', 'warning-tint', 'info-tint', 'brand-tint', 'ai-tint',\n    // misc\n    'switch-bg',\n]);\n\nconst DOT_NOTATION_RE = /^([a-zA-Z]+)\\.(\\d+)$/;\nconst DASH_NOTATION_RE = /^([a-zA-Z]+)-(\\d+)$/;\n\n/**\n * Resolves a theme token string to a platform-appropriate value.\n *\n * Resolution order:\n * 1. Raw values (#hex, rgb, hsl, transparent) — pass through\n * 2. Semantic tokens ('primary', 'danger') — look up in semanticTokens[colorMode]\n * 3. Dot-notation ('blue.500') — look up in theme.colors\n * 4. Prefixed tokens ('$spacing.4', '$radii.lg', '$shadows.md', '$fontSizes.lg')\n * 5. Legacy var() — pass through on web, resolved separately on native\n * 6. Legacy dash-notation ('blue-500') — look up in theme.colors\n */\nexport function resolveTokenValue(\n    theme: IKitsTheme,\n    colorMode: ColorMode,\n    token: string,\n    platform: 'web' | 'native' = 'web',\n): string {\n    if (typeof token !== 'string') return token;\n\n    // 1. Raw values — pass through\n    if (\n        token.startsWith('#') ||\n        token.startsWith('rgb') ||\n        token.startsWith('hsl') ||\n        token === 'transparent' ||\n        token === 'inherit' ||\n        token === 'currentColor'\n    ) {\n        return token;\n    }\n\n    // 2. Semantic token lookup\n    const semantics = theme.semanticTokens[colorMode];\n    if (semantics && token in semantics) {\n        const resolved = semantics[token]!;\n        return resolveTokenValue(theme, colorMode, resolved, platform);\n    }\n\n    // 3. Dot-notation: 'blue.500'\n    const dotMatch = token.match(DOT_NOTATION_RE);\n    if (dotMatch) {\n        const [, family, shade] = dotMatch;\n        const scale = theme.colors[family!] as ColorScale | undefined;\n        if (scale && shade! in scale) {\n            const hex = scale[shade as unknown as keyof ColorScale];\n            return platform === 'web' ? `var(--kits-${family}-${shade})` : hex;\n        }\n    }\n\n    // 4. Prefixed tokens: $spacing.4, $radii.lg, $shadows.md, $fontSizes.lg\n    if (token.startsWith('$')) {\n        const dotIdx = token.indexOf('.');\n        if (dotIdx > 1) {\n            const category = token.substring(1, dotIdx);\n            const key = token.substring(dotIdx + 1);\n\n            switch (category) {\n                case 'spacing':\n                    if (key in theme.spacing) {\n                        return platform === 'web' ? `var(--kits-space-${key})` : theme.spacing[key]!;\n                    }\n                    break;\n                case 'radii':\n                    if (key in theme.radii) {\n                        return platform === 'web' ? `var(--kits-radii-${key})` : theme.radii[key]!;\n                    }\n                    break;\n                case 'shadows':\n                    if (key in theme.shadows) {\n                        if (platform === 'web') return `var(--kits-shadow-${key})`;\n                        // Native: tokens resolve to a string. Return the web CSS\n                        // string (best-effort); real native shadow params flow\n                        // through the `shadow` style key via `expandShadowNative`.\n                        const sv = theme.shadows[key]!;\n                        return typeof sv === 'string' ? sv : sv.web;\n                    }\n                    break;\n                case 'fontSizes':\n                    if (key in theme.fontSizes) {\n                        return platform === 'web' ? `var(--kits-fontSize-${key})` : theme.fontSizes[key]!;\n                    }\n                    break;\n                case 'fonts':\n                    if (key in theme.fonts) {\n                        return platform === 'web' ? `var(--kits-font-${key})` : theme.fonts[key as keyof typeof theme.fonts]!;\n                    }\n                    break;\n            }\n        }\n    }\n\n    // 5. Legacy var() — pass through\n    if (token.startsWith('var(')) {\n        return token;\n    }\n\n    // 6. Legacy dash-notation: 'blue-500'\n    const dashMatch = token.match(DASH_NOTATION_RE);\n    if (dashMatch) {\n        const [, family, shade] = dashMatch;\n        const scale = theme.colors[family!] as ColorScale | undefined;\n        if (scale && shade! in scale) {\n            const hex = scale[shade as unknown as keyof ColorScale];\n            return platform === 'web' ? `var(--kits-${family}-${shade})` : hex;\n        }\n    }\n\n    return token;\n}\n\n/**\n * Checks if a given string is a known semantic token name.\n * Used by the web style pipeline to detect tokens that should be resolved.\n */\nexport function isSemanticToken(value: string, theme?: IKitsTheme): boolean {\n    if (SEMANTIC_KEYS.has(value)) return true;\n    if (theme) {\n        return value in theme.semanticTokens.light || value in theme.semanticTokens.dark;\n    }\n    return false;\n}\n\n/**\n * Checks if a value looks like a theme token (dot-notation, $prefix, or semantic).\n */\nexport function isThemeToken(value: string): boolean {\n    if (typeof value !== 'string') return false;\n    if (DOT_NOTATION_RE.test(value)) return true;\n    if (value.startsWith('$')) return true;\n    if (SEMANTIC_KEYS.has(value)) return true;\n    return false;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"resolvers.cjs","sources":["../../../../../../../types/src/Theme/resolvers.ts"],"sourcesContent":["import type {ColorMode, ColorScale, IKitsTheme} from './types';\nimport {ALPHA_COLOR_VARS, isAlphaToken} from './alphaColors';\n\n/**\n * Set of built-in semantic token names for fast lookup. Mirrors the keys in\n * `defaultTheme.semanticTokens` — the web provider injects a `--kits-<name>`\n * CSS var for EVERY one, so all must be recognised here (otherwise\n * `bgColor=\"brand\"` falls through as the raw, invalid CSS value `brand`).\n * KEEP IN SYNC with SEMANTIC_TOKEN_NAMES in apps/web/src/Factory/css/theme.ts.\n */\nconst SEMANTIC_KEYS = new Set([\n    // brand / primary\n    'primary', 'primary-hover', 'primary-active', 'secondary',\n    'brand', 'brand-bright', 'brand-deep', 'brand-muted',\n    // status\n    'success', 'danger', 'warning', 'info', 'help', 'ai-accent',\n    // text\n    'text', 'text-primary', 'text-secondary', 'text-subtle', 'text-muted',\n    'text-on-primary', 'text-link',\n    // backgrounds\n    'bg', 'bg-subtle', 'bg-muted', 'bg-accent', 'bg-input', 'bg-page',\n    // surfaces\n    'surface-ground', 'surface-card', 'surface-overlay', 'surface-hover',\n    'surface-sidebar', 'surface-border',\n    // borders\n    'border', 'border-default', 'border-subtle', 'border-strong', 'divider',\n    // tints\n    'success-tint', 'danger-tint', 'warning-tint', 'info-tint', 'brand-tint', 'ai-tint',\n    // misc\n    'switch-bg',\n]);\n\nconst DOT_NOTATION_RE = /^([a-zA-Z]+)\\.(\\d+)$/;\nconst DASH_NOTATION_RE = /^([a-zA-Z]+)-(\\d+)$/;\n\n/**\n * Resolves a theme token string to a platform-appropriate value.\n *\n * Resolution order:\n * 1. Raw values (#hex, rgb, hsl, transparent) — pass through\n * 2. Semantic tokens ('primary', 'danger') — look up in semanticTokens[colorMode]\n * 3. Dot-notation ('blue.500') — look up in theme.colors\n * 4. Prefixed tokens ('$spacing.4', '$radii.lg', '$shadows.md', '$fontSizes.lg')\n * 5. Legacy var() — pass through on web, resolved separately on native\n * 6. Legacy dash-notation ('blue-500') — look up in theme.colors\n */\nexport function resolveTokenValue(\n    theme: IKitsTheme,\n    colorMode: ColorMode,\n    token: string,\n    platform: 'web' | 'native' = 'web',\n): string {\n    if (typeof token !== 'string') return token;\n\n    // 1. Raw values — pass through\n    if (\n        token.startsWith('#') ||\n        token.startsWith('rgb') ||\n        token.startsWith('hsl') ||\n        token === 'transparent' ||\n        token === 'inherit' ||\n        token === 'currentColor'\n    ) {\n        return token;\n    }\n\n    // 1b. Alpha overlay families ('white-alpha-60', 'black-alpha-90').\n    // LITERAL — identical value in both color modes; scrim/overlay colors\n    // must never invert. Resolved before semantic/dot lookups so they can\n    // never be shadowed by a same-named theme entry.\n    if (isAlphaToken(token)) {\n        return platform === 'web'\n            ? `var(--kits-${token})`\n            : ALPHA_COLOR_VARS[`--kits-${token}`]!;\n    }\n\n    // 2. Semantic token lookup\n    const semantics = theme.semanticTokens[colorMode];\n    if (semantics && token in semantics) {\n        const resolved = semantics[token]!;\n        return resolveTokenValue(theme, colorMode, resolved, platform);\n    }\n\n    // 3. Dot-notation: 'blue.500'\n    const dotMatch = token.match(DOT_NOTATION_RE);\n    if (dotMatch) {\n        const [, family, shade] = dotMatch;\n        const scale = theme.colors[family!] as ColorScale | undefined;\n        if (scale && shade! in scale) {\n            const hex = scale[shade as unknown as keyof ColorScale];\n            return platform === 'web' ? `var(--kits-${family}-${shade})` : hex;\n        }\n    }\n\n    // 4. Prefixed tokens: $spacing.4, $radii.lg, $shadows.md, $fontSizes.lg\n    if (token.startsWith('$')) {\n        const dotIdx = token.indexOf('.');\n        if (dotIdx > 1) {\n            const category = token.substring(1, dotIdx);\n            const key = token.substring(dotIdx + 1);\n\n            switch (category) {\n                case 'spacing':\n                    if (key in theme.spacing) {\n                        return platform === 'web' ? `var(--kits-space-${key})` : theme.spacing[key]!;\n                    }\n                    break;\n                case 'radii':\n                    if (key in theme.radii) {\n                        return platform === 'web' ? `var(--kits-radii-${key})` : theme.radii[key]!;\n                    }\n                    break;\n                case 'shadows':\n                    if (key in theme.shadows) {\n                        if (platform === 'web') return `var(--kits-shadow-${key})`;\n                        // Native: tokens resolve to a string. Return the web CSS\n                        // string (best-effort); real native shadow params flow\n                        // through the `shadow` style key via `expandShadowNative`.\n                        const sv = theme.shadows[key]!;\n                        return typeof sv === 'string' ? sv : sv.web;\n                    }\n                    break;\n                case 'fontSizes':\n                    if (key in theme.fontSizes) {\n                        return platform === 'web' ? `var(--kits-fontSize-${key})` : theme.fontSizes[key]!;\n                    }\n                    break;\n                case 'fonts':\n                    if (key in theme.fonts) {\n                        return platform === 'web' ? `var(--kits-font-${key})` : theme.fonts[key as keyof typeof theme.fonts]!;\n                    }\n                    break;\n            }\n        }\n    }\n\n    // 5. Legacy var() — pass through\n    if (token.startsWith('var(')) {\n        return token;\n    }\n\n    // 6. Legacy dash-notation: 'blue-500'\n    const dashMatch = token.match(DASH_NOTATION_RE);\n    if (dashMatch) {\n        const [, family, shade] = dashMatch;\n        const scale = theme.colors[family!] as ColorScale | undefined;\n        if (scale && shade! in scale) {\n            const hex = scale[shade as unknown as keyof ColorScale];\n            return platform === 'web' ? `var(--kits-${family}-${shade})` : hex;\n        }\n    }\n\n    return token;\n}\n\n/**\n * Checks if a given string is a known semantic token name.\n * Used by the web style pipeline to detect tokens that should be resolved.\n */\nexport function isSemanticToken(value: string, theme?: IKitsTheme): boolean {\n    if (SEMANTIC_KEYS.has(value)) return true;\n    if (theme) {\n        return value in theme.semanticTokens.light || value in theme.semanticTokens.dark;\n    }\n    return false;\n}\n\n/**\n * Checks if a value looks like a theme token (dot-notation, $prefix, or semantic).\n */\nexport function isThemeToken(value: string): boolean {\n    if (typeof value !== 'string') return false;\n    if (DOT_NOTATION_RE.test(value)) return true;\n    if (value.startsWith('$')) return true;\n    if (SEMANTIC_KEYS.has(value)) return true;\n    if (isAlphaToken(value)) return true;\n    return false;\n}\n"],"names":["isAlphaToken","ALPHA_COLOR_VARS"],"mappings":"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"}

package/packages/types/src/Theme/resolvers.js

@@ -1,3 +1,5 @@
+import { isAlphaToken, ALPHA_COLOR_VARS } from './alphaColors.js';
+
 const SEMANTIC_KEYS = /* @__PURE__ */ new Set([
   // brand / primary
   "primary",
@@ -60,6 +62,9 @@ function resolveTokenValue(theme, colorMode, token, platform = "web") {
   if (token.startsWith("#") || token.startsWith("rgb") || token.startsWith("hsl") || token === "transparent" || token === "inherit" || token === "currentColor") {
     return token;
   }
+  if (isAlphaToken(token)) {
+    return platform === "web" ? `var(--kits-${token})` : ALPHA_COLOR_VARS[`--kits-${token}`];
+  }
   const semantics = theme.semanticTokens[colorMode];
   if (semantics && token in semantics) {
     const resolved = semantics[token];
@@ -136,6 +141,7 @@ function isThemeToken(value) {
   if (DOT_NOTATION_RE.test(value)) return true;
   if (value.startsWith("$")) return true;
   if (SEMANTIC_KEYS.has(value)) return true;
+  if (isAlphaToken(value)) return true;
   return false;
 }
 

package/packages/types/src/Theme/resolvers.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolvers.js","sources":["../../../../../../../types/src/Theme/resolvers.ts"],"sourcesContent":["import type {ColorMode, ColorScale, IKitsTheme} from './types';\n\n/**\n * Set of built-in semantic token names for fast lookup. Mirrors the keys in\n * `defaultTheme.semanticTokens` — the web provider injects a `--kits-<name>`\n * CSS var for EVERY one, so all must be recognised here (otherwise\n * `bgColor=\"brand\"` falls through as the raw, invalid CSS value `brand`).\n * KEEP IN SYNC with SEMANTIC_TOKEN_NAMES in apps/web/src/Factory/css/theme.ts.\n */\nconst SEMANTIC_KEYS = new Set([\n    // brand / primary\n    'primary', 'primary-hover', 'primary-active', 'secondary',\n    'brand', 'brand-bright', 'brand-deep', 'brand-muted',\n    // status\n    'success', 'danger', 'warning', 'info', 'help', 'ai-accent',\n    // text\n    'text', 'text-primary', 'text-secondary', 'text-subtle', 'text-muted',\n    'text-on-primary', 'text-link',\n    // backgrounds\n    'bg', 'bg-subtle', 'bg-muted', 'bg-accent', 'bg-input', 'bg-page',\n    // surfaces\n    'surface-ground', 'surface-card', 'surface-overlay', 'surface-hover',\n    'surface-sidebar', 'surface-border',\n    // borders\n    'border', 'border-default', 'border-subtle', 'border-strong', 'divider',\n    // tints\n    'success-tint', 'danger-tint', 'warning-tint', 'info-tint', 'brand-tint', 'ai-tint',\n    // misc\n    'switch-bg',\n]);\n\nconst DOT_NOTATION_RE = /^([a-zA-Z]+)\\.(\\d+)$/;\nconst DASH_NOTATION_RE = /^([a-zA-Z]+)-(\\d+)$/;\n\n/**\n * Resolves a theme token string to a platform-appropriate value.\n *\n * Resolution order:\n * 1. Raw values (#hex, rgb, hsl, transparent) — pass through\n * 2. Semantic tokens ('primary', 'danger') — look up in semanticTokens[colorMode]\n * 3. Dot-notation ('blue.500') — look up in theme.colors\n * 4. Prefixed tokens ('$spacing.4', '$radii.lg', '$shadows.md', '$fontSizes.lg')\n * 5. Legacy var() — pass through on web, resolved separately on native\n * 6. Legacy dash-notation ('blue-500') — look up in theme.colors\n */\nexport function resolveTokenValue(\n    theme: IKitsTheme,\n    colorMode: ColorMode,\n    token: string,\n    platform: 'web' | 'native' = 'web',\n): string {\n    if (typeof token !== 'string') return token;\n\n    // 1. Raw values — pass through\n    if (\n        token.startsWith('#') ||\n        token.startsWith('rgb') ||\n        token.startsWith('hsl') ||\n        token === 'transparent' ||\n        token === 'inherit' ||\n        token === 'currentColor'\n    ) {\n        return token;\n    }\n\n    // 2. Semantic token lookup\n    const semantics = theme.semanticTokens[colorMode];\n    if (semantics && token in semantics) {\n        const resolved = semantics[token]!;\n        return resolveTokenValue(theme, colorMode, resolved, platform);\n    }\n\n    // 3. Dot-notation: 'blue.500'\n    const dotMatch = token.match(DOT_NOTATION_RE);\n    if (dotMatch) {\n        const [, family, shade] = dotMatch;\n        const scale = theme.colors[family!] as ColorScale | undefined;\n        if (scale && shade! in scale) {\n            const hex = scale[shade as unknown as keyof ColorScale];\n            return platform === 'web' ? `var(--kits-${family}-${shade})` : hex;\n        }\n    }\n\n    // 4. Prefixed tokens: $spacing.4, $radii.lg, $shadows.md, $fontSizes.lg\n    if (token.startsWith('$')) {\n        const dotIdx = token.indexOf('.');\n        if (dotIdx > 1) {\n            const category = token.substring(1, dotIdx);\n            const key = token.substring(dotIdx + 1);\n\n            switch (category) {\n                case 'spacing':\n                    if (key in theme.spacing) {\n                        return platform === 'web' ? `var(--kits-space-${key})` : theme.spacing[key]!;\n                    }\n                    break;\n                case 'radii':\n                    if (key in theme.radii) {\n                        return platform === 'web' ? `var(--kits-radii-${key})` : theme.radii[key]!;\n                    }\n                    break;\n                case 'shadows':\n                    if (key in theme.shadows) {\n                        if (platform === 'web') return `var(--kits-shadow-${key})`;\n                        // Native: tokens resolve to a string. Return the web CSS\n                        // string (best-effort); real native shadow params flow\n                        // through the `shadow` style key via `expandShadowNative`.\n                        const sv = theme.shadows[key]!;\n                        return typeof sv === 'string' ? sv : sv.web;\n                    }\n                    break;\n                case 'fontSizes':\n                    if (key in theme.fontSizes) {\n                        return platform === 'web' ? `var(--kits-fontSize-${key})` : theme.fontSizes[key]!;\n                    }\n                    break;\n                case 'fonts':\n                    if (key in theme.fonts) {\n                        return platform === 'web' ? `var(--kits-font-${key})` : theme.fonts[key as keyof typeof theme.fonts]!;\n                    }\n                    break;\n            }\n        }\n    }\n\n    // 5. Legacy var() — pass through\n    if (token.startsWith('var(')) {\n        return token;\n    }\n\n    // 6. Legacy dash-notation: 'blue-500'\n    const dashMatch = token.match(DASH_NOTATION_RE);\n    if (dashMatch) {\n        const [, family, shade] = dashMatch;\n        const scale = theme.colors[family!] as ColorScale | undefined;\n        if (scale && shade! in scale) {\n            const hex = scale[shade as unknown as keyof ColorScale];\n            return platform === 'web' ? `var(--kits-${family}-${shade})` : hex;\n        }\n    }\n\n    return token;\n}\n\n/**\n * Checks if a given string is a known semantic token name.\n * Used by the web style pipeline to detect tokens that should be resolved.\n */\nexport function isSemanticToken(value: string, theme?: IKitsTheme): boolean {\n    if (SEMANTIC_KEYS.has(value)) return true;\n    if (theme) {\n        return value in theme.semanticTokens.light || value in theme.semanticTokens.dark;\n    }\n    return false;\n}\n\n/**\n * Checks if a value looks like a theme token (dot-notation, $prefix, or semantic).\n */\nexport function isThemeToken(value: string): boolean {\n    if (typeof value !== 'string') return false;\n    if (DOT_NOTATION_RE.test(value)) return true;\n    if (value.startsWith('$')) return true;\n    if (SEMANTIC_KEYS.has(value)) return true;\n    return false;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"resolvers.js","sources":["../../../../../../../types/src/Theme/resolvers.ts"],"sourcesContent":["import type {ColorMode, ColorScale, IKitsTheme} from './types';\nimport {ALPHA_COLOR_VARS, isAlphaToken} from './alphaColors';\n\n/**\n * Set of built-in semantic token names for fast lookup. Mirrors the keys in\n * `defaultTheme.semanticTokens` — the web provider injects a `--kits-<name>`\n * CSS var for EVERY one, so all must be recognised here (otherwise\n * `bgColor=\"brand\"` falls through as the raw, invalid CSS value `brand`).\n * KEEP IN SYNC with SEMANTIC_TOKEN_NAMES in apps/web/src/Factory/css/theme.ts.\n */\nconst SEMANTIC_KEYS = new Set([\n    // brand / primary\n    'primary', 'primary-hover', 'primary-active', 'secondary',\n    'brand', 'brand-bright', 'brand-deep', 'brand-muted',\n    // status\n    'success', 'danger', 'warning', 'info', 'help', 'ai-accent',\n    // text\n    'text', 'text-primary', 'text-secondary', 'text-subtle', 'text-muted',\n    'text-on-primary', 'text-link',\n    // backgrounds\n    'bg', 'bg-subtle', 'bg-muted', 'bg-accent', 'bg-input', 'bg-page',\n    // surfaces\n    'surface-ground', 'surface-card', 'surface-overlay', 'surface-hover',\n    'surface-sidebar', 'surface-border',\n    // borders\n    'border', 'border-default', 'border-subtle', 'border-strong', 'divider',\n    // tints\n    'success-tint', 'danger-tint', 'warning-tint', 'info-tint', 'brand-tint', 'ai-tint',\n    // misc\n    'switch-bg',\n]);\n\nconst DOT_NOTATION_RE = /^([a-zA-Z]+)\\.(\\d+)$/;\nconst DASH_NOTATION_RE = /^([a-zA-Z]+)-(\\d+)$/;\n\n/**\n * Resolves a theme token string to a platform-appropriate value.\n *\n * Resolution order:\n * 1. Raw values (#hex, rgb, hsl, transparent) — pass through\n * 2. Semantic tokens ('primary', 'danger') — look up in semanticTokens[colorMode]\n * 3. Dot-notation ('blue.500') — look up in theme.colors\n * 4. Prefixed tokens ('$spacing.4', '$radii.lg', '$shadows.md', '$fontSizes.lg')\n * 5. Legacy var() — pass through on web, resolved separately on native\n * 6. Legacy dash-notation ('blue-500') — look up in theme.colors\n */\nexport function resolveTokenValue(\n    theme: IKitsTheme,\n    colorMode: ColorMode,\n    token: string,\n    platform: 'web' | 'native' = 'web',\n): string {\n    if (typeof token !== 'string') return token;\n\n    // 1. Raw values — pass through\n    if (\n        token.startsWith('#') ||\n        token.startsWith('rgb') ||\n        token.startsWith('hsl') ||\n        token === 'transparent' ||\n        token === 'inherit' ||\n        token === 'currentColor'\n    ) {\n        return token;\n    }\n\n    // 1b. Alpha overlay families ('white-alpha-60', 'black-alpha-90').\n    // LITERAL — identical value in both color modes; scrim/overlay colors\n    // must never invert. Resolved before semantic/dot lookups so they can\n    // never be shadowed by a same-named theme entry.\n    if (isAlphaToken(token)) {\n        return platform === 'web'\n            ? `var(--kits-${token})`\n            : ALPHA_COLOR_VARS[`--kits-${token}`]!;\n    }\n\n    // 2. Semantic token lookup\n    const semantics = theme.semanticTokens[colorMode];\n    if (semantics && token in semantics) {\n        const resolved = semantics[token]!;\n        return resolveTokenValue(theme, colorMode, resolved, platform);\n    }\n\n    // 3. Dot-notation: 'blue.500'\n    const dotMatch = token.match(DOT_NOTATION_RE);\n    if (dotMatch) {\n        const [, family, shade] = dotMatch;\n        const scale = theme.colors[family!] as ColorScale | undefined;\n        if (scale && shade! in scale) {\n            const hex = scale[shade as unknown as keyof ColorScale];\n            return platform === 'web' ? `var(--kits-${family}-${shade})` : hex;\n        }\n    }\n\n    // 4. Prefixed tokens: $spacing.4, $radii.lg, $shadows.md, $fontSizes.lg\n    if (token.startsWith('$')) {\n        const dotIdx = token.indexOf('.');\n        if (dotIdx > 1) {\n            const category = token.substring(1, dotIdx);\n            const key = token.substring(dotIdx + 1);\n\n            switch (category) {\n                case 'spacing':\n                    if (key in theme.spacing) {\n                        return platform === 'web' ? `var(--kits-space-${key})` : theme.spacing[key]!;\n                    }\n                    break;\n                case 'radii':\n                    if (key in theme.radii) {\n                        return platform === 'web' ? `var(--kits-radii-${key})` : theme.radii[key]!;\n                    }\n                    break;\n                case 'shadows':\n                    if (key in theme.shadows) {\n                        if (platform === 'web') return `var(--kits-shadow-${key})`;\n                        // Native: tokens resolve to a string. Return the web CSS\n                        // string (best-effort); real native shadow params flow\n                        // through the `shadow` style key via `expandShadowNative`.\n                        const sv = theme.shadows[key]!;\n                        return typeof sv === 'string' ? sv : sv.web;\n                    }\n                    break;\n                case 'fontSizes':\n                    if (key in theme.fontSizes) {\n                        return platform === 'web' ? `var(--kits-fontSize-${key})` : theme.fontSizes[key]!;\n                    }\n                    break;\n                case 'fonts':\n                    if (key in theme.fonts) {\n                        return platform === 'web' ? `var(--kits-font-${key})` : theme.fonts[key as keyof typeof theme.fonts]!;\n                    }\n                    break;\n            }\n        }\n    }\n\n    // 5. Legacy var() — pass through\n    if (token.startsWith('var(')) {\n        return token;\n    }\n\n    // 6. Legacy dash-notation: 'blue-500'\n    const dashMatch = token.match(DASH_NOTATION_RE);\n    if (dashMatch) {\n        const [, family, shade] = dashMatch;\n        const scale = theme.colors[family!] as ColorScale | undefined;\n        if (scale && shade! in scale) {\n            const hex = scale[shade as unknown as keyof ColorScale];\n            return platform === 'web' ? `var(--kits-${family}-${shade})` : hex;\n        }\n    }\n\n    return token;\n}\n\n/**\n * Checks if a given string is a known semantic token name.\n * Used by the web style pipeline to detect tokens that should be resolved.\n */\nexport function isSemanticToken(value: string, theme?: IKitsTheme): boolean {\n    if (SEMANTIC_KEYS.has(value)) return true;\n    if (theme) {\n        return value in theme.semanticTokens.light || value in theme.semanticTokens.dark;\n    }\n    return false;\n}\n\n/**\n * Checks if a value looks like a theme token (dot-notation, $prefix, or semantic).\n */\nexport function isThemeToken(value: string): boolean {\n    if (typeof value !== 'string') return false;\n    if (DOT_NOTATION_RE.test(value)) return true;\n    if (value.startsWith('$')) return true;\n    if (SEMANTIC_KEYS.has(value)) return true;\n    if (isAlphaToken(value)) return true;\n    return false;\n}\n"],"names":[],"mappings":"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"}

package/primitives/Box/index.cjs

@@ -61,6 +61,8 @@ require('yup');
 require('../../packages/types/src/Css/map/index.cjs');
 require('../../packages/types/src/Theme/shadows.cjs');
 require('../../packages/types/src/Theme/defaultTheme.cjs');
+require('../../packages/types/src/Theme/alphaColors.cjs');
+require('../../apps/mobile/src/Factory/helpers/cssVarMap.cjs');
 var useSeparator = require('../../apps/mobile/src/Factory/useSeparator.cjs');
 require('../../apps/mobile/src/Factory/DimensionsContext.cjs');
 require('i18next');

package/primitives/Box/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Box/index.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from \"react\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\nimport type {IFlexComponent} from \"@lmb-it/kitsconcerto-types\";\n\nconst Box =\n  ({ children, ref, ...props }:PropsWithChildren<IFlexComponent>) => {\n    const { cssProps, nativeProps } = useSeparator<any>(props);\n    const { scrollable, entering, exiting, ...restNativeProps } = nativeProps;\n\n    return (\n      <ResponsiveElement\n        ref={ref}\n        as={'Box'}\n        scrollable={scrollable}\n        entering={entering}\n        exiting={exiting}\n        additionalStyles={{\n          display: \"flex\",\n          flexDirection: \"column\",\n        }}\n        cssProps={cssProps}\n        nativeProps={restNativeProps}\n        children={children}\n      />\n    );\n  }\n\nexport default Box;\n"],"names":["useSeparator","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,MACJ,CAAC,EAAE,UAAU,GAAA,EAAK,GAAG,OAAM,KAAwC;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAIA,qBAAkB,KAAK,CAAA;AACzD,EAAA,MAAM,EAAE,UAAA,EAAY,QAAA,EAAU,OAAA,EAAS,GAAG,iBAAgB,GAAI,WAAA;AAE9D,EAAA,uBACEC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,EAAA,EAAI,KAAA;AAAA,MACJ,UAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,gBAAA,EAAkB;AAAA,QAChB,OAAA,EAAS,MAAA;AAAA,QACT,aAAA,EAAe;AAAA,OACjB;AAAA,MACA,QAAA;AAAA,MACA,WAAA,EAAa,eAAA;AAAA,MACb;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Box/index.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from \"react\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\nimport type {IFlexComponent} from \"@lmb-it/kitsconcerto-types\";\n\nconst Box =\n  ({ children, ref, ...props }:PropsWithChildren<IFlexComponent>) => {\n    const { cssProps, nativeProps } = useSeparator<any>(props);\n    const { scrollable, entering, exiting, ...restNativeProps } = nativeProps;\n\n    return (\n      <ResponsiveElement\n        ref={ref}\n        as={'Box'}\n        scrollable={scrollable}\n        entering={entering}\n        exiting={exiting}\n        additionalStyles={{\n          display: \"flex\",\n          flexDirection: \"column\",\n        }}\n        cssProps={cssProps}\n        nativeProps={restNativeProps}\n        children={children}\n      />\n    );\n  }\n\nexport default Box;\n"],"names":["useSeparator","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,MACJ,CAAC,EAAE,UAAU,GAAA,EAAK,GAAG,OAAM,KAAwC;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAIA,qBAAkB,KAAK,CAAA;AACzD,EAAA,MAAM,EAAE,UAAA,EAAY,QAAA,EAAU,OAAA,EAAS,GAAG,iBAAgB,GAAI,WAAA;AAE9D,EAAA,uBACEC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,EAAA,EAAI,KAAA;AAAA,MACJ,UAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,gBAAA,EAAkB;AAAA,QAChB,OAAA,EAAS,MAAA;AAAA,QACT,aAAA,EAAe;AAAA,OACjB;AAAA,MACA,QAAA;AAAA,MACA,WAAA,EAAa,eAAA;AAAA,MACb;AAAA;AAAA,GACF;AAEJ;;;;"}

package/primitives/Box/index.js

@@ -57,6 +57,8 @@ import 'yup';
 import '../../packages/types/src/Css/map/index.js';
 import '../../packages/types/src/Theme/shadows.js';
 import '../../packages/types/src/Theme/defaultTheme.js';
+import '../../packages/types/src/Theme/alphaColors.js';
+import '../../apps/mobile/src/Factory/helpers/cssVarMap.js';
 import useSeparator from '../../apps/mobile/src/Factory/useSeparator.js';
 import '../../apps/mobile/src/Factory/DimensionsContext.js';
 import 'i18next';

package/primitives/Box/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/primitives/Box/index.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from \"react\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\nimport type {IFlexComponent} from \"@lmb-it/kitsconcerto-types\";\n\nconst Box =\n  ({ children, ref, ...props }:PropsWithChildren<IFlexComponent>) => {\n    const { cssProps, nativeProps } = useSeparator<any>(props);\n    const { scrollable, entering, exiting, ...restNativeProps } = nativeProps;\n\n    return (\n      <ResponsiveElement\n        ref={ref}\n        as={'Box'}\n        scrollable={scrollable}\n        entering={entering}\n        exiting={exiting}\n        additionalStyles={{\n          display: \"flex\",\n          flexDirection: \"column\",\n        }}\n        cssProps={cssProps}\n        nativeProps={restNativeProps}\n        children={children}\n      />\n    );\n  }\n\nexport default Box;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,MACJ,CAAC,EAAE,UAAU,GAAA,EAAK,GAAG,OAAM,KAAwC;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAI,aAAkB,KAAK,CAAA;AACzD,EAAA,MAAM,EAAE,UAAA,EAAY,QAAA,EAAU,OAAA,EAAS,GAAG,iBAAgB,GAAI,WAAA;AAE9D,EAAA,uBACE,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,EAAA,EAAI,KAAA;AAAA,MACJ,UAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,gBAAA,EAAkB;AAAA,QAChB,OAAA,EAAS,MAAA;AAAA,QACT,aAAA,EAAe;AAAA,OACjB;AAAA,MACA,QAAA;AAAA,MACA,WAAA,EAAa,eAAA;AAAA,MACb;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/primitives/Box/index.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from \"react\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\nimport type {IFlexComponent} from \"@lmb-it/kitsconcerto-types\";\n\nconst Box =\n  ({ children, ref, ...props }:PropsWithChildren<IFlexComponent>) => {\n    const { cssProps, nativeProps } = useSeparator<any>(props);\n    const { scrollable, entering, exiting, ...restNativeProps } = nativeProps;\n\n    return (\n      <ResponsiveElement\n        ref={ref}\n        as={'Box'}\n        scrollable={scrollable}\n        entering={entering}\n        exiting={exiting}\n        additionalStyles={{\n          display: \"flex\",\n          flexDirection: \"column\",\n        }}\n        cssProps={cssProps}\n        nativeProps={restNativeProps}\n        children={children}\n      />\n    );\n  }\n\nexport default Box;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,MACJ,CAAC,EAAE,UAAU,GAAA,EAAK,GAAG,OAAM,KAAwC;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAI,aAAkB,KAAK,CAAA;AACzD,EAAA,MAAM,EAAE,UAAA,EAAY,QAAA,EAAU,OAAA,EAAS,GAAG,iBAAgB,GAAI,WAAA;AAE9D,EAAA,uBACE,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,EAAA,EAAI,KAAA;AAAA,MACJ,UAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,gBAAA,EAAkB;AAAA,QAChB,OAAA,EAAS,MAAA;AAAA,QACT,aAAA,EAAe;AAAA,OACjB;AAAA,MACA,QAAA;AAAA,MACA,WAAA,EAAa,eAAA;AAAA,MACb;AAAA;AAAA,GACF;AAEJ;;;;"}

package/primitives/Card/index.cjs

@@ -61,6 +61,8 @@ require('yup');
 require('../../packages/types/src/Css/map/index.cjs');
 require('../../packages/types/src/Theme/shadows.cjs');
 require('../../packages/types/src/Theme/defaultTheme.cjs');
+require('../../packages/types/src/Theme/alphaColors.cjs');
+require('../../apps/mobile/src/Factory/helpers/cssVarMap.cjs');
 var useSeparator = require('../../apps/mobile/src/Factory/useSeparator.cjs');
 require('../../apps/mobile/src/Factory/DimensionsContext.cjs');
 require('i18next');

package/primitives/Card/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Card/index.native.tsx"],"sourcesContent":["import React, {useMemo} from \"react\";\nimport {Pressable} from \"react-native\";\nimport {Heading, Text, type ICardProps} from \"@lmb-it/kitsconcertomobile\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\nimport type {ICardComponent} from \"@lmb-it/kitsconcerto-types\";\nimport {useComponentDefaults} from \"@lmb-it/kitsconcerto/hooks\";\n\nconst Card = (rawProps: ICardComponent<Omit<ICardProps, 'title'>>) => {\n    const {mergedProps: cardProps, themeStyle, elementStyles} = useComponentDefaults('Card', rawProps);\n    const {\n        title,\n        subTitle,\n        header,\n        footer,\n        className,\n        variant = 'elevated',\n        size = 'md',\n        ref,\n        children: CardChildren,\n        localProps,\n        onPress,\n        ...props\n    } = cardProps;\n    const {cssProps, nativeProps} = useSeparator<any>({\n        variant,\n        size,\n        ...props\n    });\n\n    const children = useMemo(() => {\n        const ret:any[] = [];\n\n        if (header) {\n            ret.push(React.isValidElement(header)\n                ? React.cloneElement(header, { key: 'header' })\n                : <React.Fragment key=\"header\">\n                    {typeof header == 'function' ? localProps ? header(localProps) : \"\" : header}\n                </React.Fragment>);\n        }\n\n        if (title) {\n            ret.push(\n                <Heading key=\"title\" size=\"md\" className=\"mb-1\">\n                    {typeof title == 'function' ? localProps ? title(localProps) : \"\" : title}\n                </Heading>\n            );\n        }\n\n        if (subTitle) {\n            ret.push(<Text key=\"subTitle\">\n                {typeof subTitle == 'function' ? localProps ? subTitle(localProps) : \"\" : subTitle}\n            </Text>);\n        }\n\n        if (CardChildren) {\n            ret.push(React.isValidElement(CardChildren)\n                ? React.cloneElement(CardChildren, { key: 'CardChildren' })\n                : <React.Fragment key=\"CardChildren\">{CardChildren}</React.Fragment>);\n        }\n\n        if (footer) {\n            ret.push(React.isValidElement(footer)\n                ? React.cloneElement(footer, { key: 'footer' })\n                : <React.Fragment key=\"footer\">\n                    {typeof footer == 'function' ? localProps ? footer(localProps) : \"\" : footer}\n            </React.Fragment>);\n        }\n        return <>{ret}</>;\n    }, [header, title, subTitle, CardChildren]);\n\n\n    const classes = useMemo(() => {\n        const classes: string[] = [];\n        classes.push('shadow-hard-1')\n\n        if(className){\n            classes.push(className)\n        }\n\n        return classes.join(\" \");\n    }, [className]);\n\n    const { entering, exiting, ...restNativeProps } = nativeProps;\n\n    const cardElement = (\n        <ResponsiveElement\n            ref={ref}\n            entering={entering}\n            exiting={exiting}\n            additionalStyles={{\n                display: \"flex\",\n                width:'auto'\n            }}\n            additionalClasses={classes}\n            cssProps={{...themeStyle, ...(elementStyles.root || {}), ...cssProps}}\n            nativeProps={restNativeProps}\n            as={'Card'}\n            children={children}\n        />\n    );\n\n    if (onPress) {\n        return (\n            <Pressable onPress={onPress} accessibilityRole=\"button\">\n                {cardElement}\n            </Pressable>\n        );\n    }\n\n    return cardElement;\n}\n\nexport default Card;\n"],"names":["useComponentDefaults","useSeparator","useMemo","jsx","Heading","Text","classes","ResponsiveElement","Pressable"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Card/index.native.tsx"],"sourcesContent":["import React, {useMemo} from \"react\";\nimport {Pressable} from \"react-native\";\nimport {Heading, Text, type ICardProps} from \"@lmb-it/kitsconcertomobile\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\nimport type {ICardComponent} from \"@lmb-it/kitsconcerto-types\";\nimport {useComponentDefaults} from \"@lmb-it/kitsconcerto/hooks\";\n\nconst Card = (rawProps: ICardComponent<Omit<ICardProps, 'title'>>) => {\n    const {mergedProps: cardProps, themeStyle, elementStyles} = useComponentDefaults('Card', rawProps);\n    const {\n        title,\n        subTitle,\n        header,\n        footer,\n        className,\n        variant = 'elevated',\n        size = 'md',\n        ref,\n        children: CardChildren,\n        localProps,\n        onPress,\n        ...props\n    } = cardProps;\n    const {cssProps, nativeProps} = useSeparator<any>({\n        variant,\n        size,\n        ...props\n    });\n\n    const children = useMemo(() => {\n        const ret:any[] = [];\n\n        if (header) {\n            ret.push(React.isValidElement(header)\n                ? React.cloneElement(header, { key: 'header' })\n                : <React.Fragment key=\"header\">\n                    {typeof header == 'function' ? localProps ? header(localProps) : \"\" : header}\n                </React.Fragment>);\n        }\n\n        if (title) {\n            ret.push(\n                <Heading key=\"title\" size=\"md\" className=\"mb-1\">\n                    {typeof title == 'function' ? localProps ? title(localProps) : \"\" : title}\n                </Heading>\n            );\n        }\n\n        if (subTitle) {\n            ret.push(<Text key=\"subTitle\">\n                {typeof subTitle == 'function' ? localProps ? subTitle(localProps) : \"\" : subTitle}\n            </Text>);\n        }\n\n        if (CardChildren) {\n            ret.push(React.isValidElement(CardChildren)\n                ? React.cloneElement(CardChildren, { key: 'CardChildren' })\n                : <React.Fragment key=\"CardChildren\">{CardChildren}</React.Fragment>);\n        }\n\n        if (footer) {\n            ret.push(React.isValidElement(footer)\n                ? React.cloneElement(footer, { key: 'footer' })\n                : <React.Fragment key=\"footer\">\n                    {typeof footer == 'function' ? localProps ? footer(localProps) : \"\" : footer}\n            </React.Fragment>);\n        }\n        return <>{ret}</>;\n    }, [header, title, subTitle, CardChildren]);\n\n\n    const classes = useMemo(() => {\n        const classes: string[] = [];\n        classes.push('shadow-hard-1')\n\n        if(className){\n            classes.push(className)\n        }\n\n        return classes.join(\" \");\n    }, [className]);\n\n    const { entering, exiting, ...restNativeProps } = nativeProps;\n\n    const cardElement = (\n        <ResponsiveElement\n            ref={ref}\n            entering={entering}\n            exiting={exiting}\n            additionalStyles={{\n                display: \"flex\",\n                width:'auto'\n            }}\n            additionalClasses={classes}\n            cssProps={{...themeStyle, ...(elementStyles.root || {}), ...cssProps}}\n            nativeProps={restNativeProps}\n            as={'Card'}\n            children={children}\n        />\n    );\n\n    if (onPress) {\n        return (\n            <Pressable onPress={onPress} accessibilityRole=\"button\">\n                {cardElement}\n            </Pressable>\n        );\n    }\n\n    return cardElement;\n}\n\nexport default Card;\n"],"names":["useComponentDefaults","useSeparator","useMemo","jsx","Heading","Text","classes","ResponsiveElement","Pressable"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,IAAA,GAAO,CAAC,QAAA,KAAwD;AAClE,EAAA,MAAM,EAAC,aAAa,SAAA,EAAW,UAAA,EAAY,eAAa,GAAIA,4BAAA,CAAqB,QAAQ,QAAQ,CAAA;AACjG,EAAA,MAAM;AAAA,IACF,KAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA,GAAU,UAAA;AAAA,IACV,IAAA,GAAO,IAAA;AAAA,IACP,GAAA;AAAA,IACA,QAAA,EAAU,YAAA;AAAA,IACV,UAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAI,SAAA;AACJ,EAAA,MAAM,EAAC,QAAA,EAAU,WAAA,EAAW,GAAIC,oBAAA,CAAkB;AAAA,IAC9C,OAAA;AAAA,IACA,IAAA;AAAA,IACA,GAAG;AAAA,GACN,CAAA;AAED,EAAA,MAAM,QAAA,GAAWC,cAAQ,MAAM;AAC3B,IAAA,MAAM,MAAY,EAAC;AAEnB,IAAA,IAAI,MAAA,EAAQ;AACR,MAAA,GAAA,CAAI,IAAA,CAAK,KAAA,CAAM,cAAA,CAAe,MAAM,CAAA,GAC9B,KAAA,CAAM,YAAA,CAAa,MAAA,EAAQ,EAAE,GAAA,EAAK,QAAA,EAAU,CAAA,mBAC5CC,cAAA,CAAC,KAAA,CAAM,QAAA,EAAN,EACE,QAAA,EAAA,OAAO,MAAA,IAAU,UAAA,GAAa,UAAA,GAAa,MAAA,CAAO,UAAU,CAAA,GAAI,EAAA,GAAK,MAAA,EAAA,EADpD,QAEtB,CAAiB,CAAA;AAAA,IACzB;AAEA,IAAA,IAAI,KAAA,EAAO;AACP,MAAA,GAAA,CAAI,IAAA;AAAA,wBACAA,cAAA,CAACC,aAAA,EAAA,EAAoB,IAAA,EAAK,IAAA,EAAK,WAAU,MAAA,EACpC,QAAA,EAAA,OAAO,KAAA,IAAS,UAAA,GAAa,aAAa,KAAA,CAAM,UAAU,CAAA,GAAI,EAAA,GAAK,SAD3D,OAEb;AAAA,OACJ;AAAA,IACJ;AAEA,IAAA,IAAI,QAAA,EAAU;AACV,MAAA,GAAA,CAAI,IAAA,iBAAKD,cAAA,CAACE,YAAA,EAAA,EACL,QAAA,EAAA,OAAO,QAAA,IAAY,UAAA,GAAa,UAAA,GAAa,QAAA,CAAS,UAAU,CAAA,GAAI,EAAA,GAAK,QAAA,EAAA,EAD3D,UAEnB,CAAO,CAAA;AAAA,IACX;AAEA,IAAA,IAAI,YAAA,EAAc;AACd,MAAA,GAAA,CAAI,KAAK,KAAA,CAAM,cAAA,CAAe,YAAY,CAAA,GACpC,KAAA,CAAM,aAAa,YAAA,EAAc,EAAE,KAAK,cAAA,EAAgB,oBACxDF,cAAA,CAAC,KAAA,CAAM,UAAN,EAAmC,QAAA,EAAA,YAAA,EAAA,EAAhB,cAA6B,CAAiB,CAAA;AAAA,IAC5E;AAEA,IAAA,IAAI,MAAA,EAAQ;AACR,MAAA,GAAA,CAAI,IAAA,CAAK,KAAA,CAAM,cAAA,CAAe,MAAM,CAAA,GAC9B,KAAA,CAAM,YAAA,CAAa,MAAA,EAAQ,EAAE,GAAA,EAAK,QAAA,EAAU,CAAA,mBAC5CA,cAAA,CAAC,KAAA,CAAM,QAAA,EAAN,EACE,QAAA,EAAA,OAAO,MAAA,IAAU,UAAA,GAAa,UAAA,GAAa,MAAA,CAAO,UAAU,CAAA,GAAI,EAAA,GAAK,MAAA,EAAA,EADpD,QAE1B,CAAiB,CAAA;AAAA,IACrB;AACA,IAAA,6DAAU,QAAA,EAAA,GAAA,EAAI,CAAA;AAAA,EAClB,GAAG,CAAC,MAAA,EAAQ,KAAA,EAAO,QAAA,EAAU,YAAY,CAAC,CAAA;AAG1C,EAAA,MAAM,OAAA,GAAUD,cAAQ,MAAM;AAC1B,IAAA,MAAMI,WAAoB,EAAC;AAC3B,IAAAA,QAAAA,CAAQ,KAAK,eAAe,CAAA;AAE5B,IAAA,IAAG,SAAA,EAAU;AACT,MAAAA,QAAAA,CAAQ,KAAK,SAAS,CAAA;AAAA,IAC1B;AAEA,IAAA,OAAOA,QAAAA,CAAQ,KAAK,GAAG,CAAA;AAAA,EAC3B,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,MAAM,EAAE,QAAA,EAAU,OAAA,EAAS,GAAG,iBAAgB,GAAI,WAAA;AAElD,EAAA,MAAM,WAAA,mBACFH,cAAA;AAAA,IAACI,yBAAA;AAAA,IAAA;AAAA,MACG,GAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,gBAAA,EAAkB;AAAA,QACd,OAAA,EAAS,MAAA;AAAA,QACT,KAAA,EAAM;AAAA,OACV;AAAA,MACA,iBAAA,EAAmB,OAAA;AAAA,MACnB,QAAA,EAAU,EAAC,GAAG,UAAA,EAAY,GAAI,cAAc,IAAA,IAAQ,EAAC,EAAI,GAAG,QAAA,EAAQ;AAAA,MACpE,WAAA,EAAa,eAAA;AAAA,MACb,EAAA,EAAI,MAAA;AAAA,MACJ;AAAA;AAAA,GACJ;AAGJ,EAAA,IAAI,OAAA,EAAS;AACT,IAAA,uBACIJ,cAAA,CAACK,qBAAA,EAAA,EAAU,OAAA,EAAkB,iBAAA,EAAkB,UAC1C,QAAA,EAAA,WAAA,EACL,CAAA;AAAA,EAER;AAEA,EAAA,OAAO,WAAA;AACX;;;;"}

package/primitives/Card/index.js

@@ -57,6 +57,8 @@ import 'yup';
 import '../../packages/types/src/Css/map/index.js';
 import '../../packages/types/src/Theme/shadows.js';
 import '../../packages/types/src/Theme/defaultTheme.js';
+import '../../packages/types/src/Theme/alphaColors.js';
+import '../../apps/mobile/src/Factory/helpers/cssVarMap.js';
 import useSeparator from '../../apps/mobile/src/Factory/useSeparator.js';
 import '../../apps/mobile/src/Factory/DimensionsContext.js';
 import 'i18next';

package/primitives/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/primitives/Card/index.native.tsx"],"sourcesContent":["import React, {useMemo} from \"react\";\nimport {Pressable} from \"react-native\";\nimport {Heading, Text, type ICardProps} from \"@lmb-it/kitsconcertomobile\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\nimport type {ICardComponent} from \"@lmb-it/kitsconcerto-types\";\nimport {useComponentDefaults} from \"@lmb-it/kitsconcerto/hooks\";\n\nconst Card = (rawProps: ICardComponent<Omit<ICardProps, 'title'>>) => {\n    const {mergedProps: cardProps, themeStyle, elementStyles} = useComponentDefaults('Card', rawProps);\n    const {\n        title,\n        subTitle,\n        header,\n        footer,\n        className,\n        variant = 'elevated',\n        size = 'md',\n        ref,\n        children: CardChildren,\n        localProps,\n        onPress,\n        ...props\n    } = cardProps;\n    const {cssProps, nativeProps} = useSeparator<any>({\n        variant,\n        size,\n        ...props\n    });\n\n    const children = useMemo(() => {\n        const ret:any[] = [];\n\n        if (header) {\n            ret.push(React.isValidElement(header)\n                ? React.cloneElement(header, { key: 'header' })\n                : <React.Fragment key=\"header\">\n                    {typeof header == 'function' ? localProps ? header(localProps) : \"\" : header}\n                </React.Fragment>);\n        }\n\n        if (title) {\n            ret.push(\n                <Heading key=\"title\" size=\"md\" className=\"mb-1\">\n                    {typeof title == 'function' ? localProps ? title(localProps) : \"\" : title}\n                </Heading>\n            );\n        }\n\n        if (subTitle) {\n            ret.push(<Text key=\"subTitle\">\n                {typeof subTitle == 'function' ? localProps ? subTitle(localProps) : \"\" : subTitle}\n            </Text>);\n        }\n\n        if (CardChildren) {\n            ret.push(React.isValidElement(CardChildren)\n                ? React.cloneElement(CardChildren, { key: 'CardChildren' })\n                : <React.Fragment key=\"CardChildren\">{CardChildren}</React.Fragment>);\n        }\n\n        if (footer) {\n            ret.push(React.isValidElement(footer)\n                ? React.cloneElement(footer, { key: 'footer' })\n                : <React.Fragment key=\"footer\">\n                    {typeof footer == 'function' ? localProps ? footer(localProps) : \"\" : footer}\n            </React.Fragment>);\n        }\n        return <>{ret}</>;\n    }, [header, title, subTitle, CardChildren]);\n\n\n    const classes = useMemo(() => {\n        const classes: string[] = [];\n        classes.push('shadow-hard-1')\n\n        if(className){\n            classes.push(className)\n        }\n\n        return classes.join(\" \");\n    }, [className]);\n\n    const { entering, exiting, ...restNativeProps } = nativeProps;\n\n    const cardElement = (\n        <ResponsiveElement\n            ref={ref}\n            entering={entering}\n            exiting={exiting}\n            additionalStyles={{\n                display: \"flex\",\n                width:'auto'\n            }}\n            additionalClasses={classes}\n            cssProps={{...themeStyle, ...(elementStyles.root || {}), ...cssProps}}\n            nativeProps={restNativeProps}\n            as={'Card'}\n            children={children}\n        />\n    );\n\n    if (onPress) {\n        return (\n            <Pressable onPress={onPress} accessibilityRole=\"button\">\n                {cardElement}\n            </Pressable>\n        );\n    }\n\n    return cardElement;\n}\n\nexport default Card;\n"],"names":["classes"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/primitives/Card/index.native.tsx"],"sourcesContent":["import React, {useMemo} from \"react\";\nimport {Pressable} from \"react-native\";\nimport {Heading, Text, type ICardProps} from \"@lmb-it/kitsconcertomobile\";\nimport {ResponsiveElement, useSeparator} from \"../../factory\";\nimport type {ICardComponent} from \"@lmb-it/kitsconcerto-types\";\nimport {useComponentDefaults} from \"@lmb-it/kitsconcerto/hooks\";\n\nconst Card = (rawProps: ICardComponent<Omit<ICardProps, 'title'>>) => {\n    const {mergedProps: cardProps, themeStyle, elementStyles} = useComponentDefaults('Card', rawProps);\n    const {\n        title,\n        subTitle,\n        header,\n        footer,\n        className,\n        variant = 'elevated',\n        size = 'md',\n        ref,\n        children: CardChildren,\n        localProps,\n        onPress,\n        ...props\n    } = cardProps;\n    const {cssProps, nativeProps} = useSeparator<any>({\n        variant,\n        size,\n        ...props\n    });\n\n    const children = useMemo(() => {\n        const ret:any[] = [];\n\n        if (header) {\n            ret.push(React.isValidElement(header)\n                ? React.cloneElement(header, { key: 'header' })\n                : <React.Fragment key=\"header\">\n                    {typeof header == 'function' ? localProps ? header(localProps) : \"\" : header}\n                </React.Fragment>);\n        }\n\n        if (title) {\n            ret.push(\n                <Heading key=\"title\" size=\"md\" className=\"mb-1\">\n                    {typeof title == 'function' ? localProps ? title(localProps) : \"\" : title}\n                </Heading>\n            );\n        }\n\n        if (subTitle) {\n            ret.push(<Text key=\"subTitle\">\n                {typeof subTitle == 'function' ? localProps ? subTitle(localProps) : \"\" : subTitle}\n            </Text>);\n        }\n\n        if (CardChildren) {\n            ret.push(React.isValidElement(CardChildren)\n                ? React.cloneElement(CardChildren, { key: 'CardChildren' })\n                : <React.Fragment key=\"CardChildren\">{CardChildren}</React.Fragment>);\n        }\n\n        if (footer) {\n            ret.push(React.isValidElement(footer)\n                ? React.cloneElement(footer, { key: 'footer' })\n                : <React.Fragment key=\"footer\">\n                    {typeof footer == 'function' ? localProps ? footer(localProps) : \"\" : footer}\n            </React.Fragment>);\n        }\n        return <>{ret}</>;\n    }, [header, title, subTitle, CardChildren]);\n\n\n    const classes = useMemo(() => {\n        const classes: string[] = [];\n        classes.push('shadow-hard-1')\n\n        if(className){\n            classes.push(className)\n        }\n\n        return classes.join(\" \");\n    }, [className]);\n\n    const { entering, exiting, ...restNativeProps } = nativeProps;\n\n    const cardElement = (\n        <ResponsiveElement\n            ref={ref}\n            entering={entering}\n            exiting={exiting}\n            additionalStyles={{\n                display: \"flex\",\n                width:'auto'\n            }}\n            additionalClasses={classes}\n            cssProps={{...themeStyle, ...(elementStyles.root || {}), ...cssProps}}\n            nativeProps={restNativeProps}\n            as={'Card'}\n            children={children}\n        />\n    );\n\n    if (onPress) {\n        return (\n            <Pressable onPress={onPress} accessibilityRole=\"button\">\n                {cardElement}\n            </Pressable>\n        );\n    }\n\n    return cardElement;\n}\n\nexport default Card;\n"],"names":["classes"],"mappings":"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"}

package/primitives/Divider/index.cjs

@@ -61,6 +61,8 @@ require('yup');
 require('../../packages/types/src/Css/map/index.cjs');
 require('../../packages/types/src/Theme/shadows.cjs');
 require('../../packages/types/src/Theme/defaultTheme.cjs');
+require('../../packages/types/src/Theme/alphaColors.cjs');
+require('../../apps/mobile/src/Factory/helpers/cssVarMap.cjs');
 require('../../apps/mobile/src/Factory/DimensionsContext.cjs');
 var useSeparator = require('../../apps/mobile/src/Factory/useSeparator.cjs');
 require('i18next');

package/primitives/Divider/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Divider/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {View, Text, StyleSheet} from 'react-native';\nimport type {IDividerComponent} from '@lmb-it/kitsconcerto-types';\nimport {useSeparator} from \"../../factory\";\nimport {useKitsTheme} from '../../contexts/Theme';\nimport useThemedFont from '../../hooks/useThemedFont';\n\nconst Divider: React.FC<IDividerComponent> = (props) => {\n    const {nativeProps} = useSeparator<any>(props);\n    const {\n        align = 'center',\n        children,\n        layout = 'horizontal',\n        type: borderType = 'solid',\n        unstyled = false,\n        ...rest\n    } = nativeProps;\n\n    const {resolveToken} = useKitsTheme();\n    // `color` overrides the line colour (resolved through the theme — token,\n    // hex, or named); falls back to the `divider` token when omitted.\n    const dividerColor = typeof props.color === 'string'\n        ? resolveToken(props.color)\n        : resolveToken('divider');\n    const contentFont = useThemedFont('body');\n\n    const isHorizontal = layout === 'horizontal';\n\n    if (unstyled) {\n        return (\n            <View\n                {...rest}\n                style={[\n                    isHorizontal ? styles.horizontal : styles.vertical,\n                    rest.style,\n                ]}\n            />\n        );\n    }\n\n    const lineStyle = isHorizontal\n        ? [styles.horizontalLine, {borderBottomStyle: borderType, borderBottomColor: dividerColor}]\n        : [styles.verticalLine, {borderLeftStyle: borderType, borderLeftColor: dividerColor}];\n\n    if (!children) {\n        return (\n            <View\n                {...rest}\n                style={[\n                    isHorizontal ? styles.horizontal : styles.vertical,\n                    isHorizontal\n                        ? {borderBottomWidth: StyleSheet.hairlineWidth, borderBottomColor: dividerColor, borderStyle: borderType}\n                        : {borderLeftWidth: StyleSheet.hairlineWidth, borderLeftColor: dividerColor, borderStyle: borderType},\n                    rest.style,\n                ]}\n            />\n        );\n    }\n\n    const alignMap: Record<string, 'flex-start' | 'center' | 'flex-end'> = {\n        left: 'flex-start',\n        top: 'flex-start',\n        center: 'center',\n        right: 'flex-end',\n        bottom: 'flex-end',\n    };\n    const justifyContent = alignMap[align] ?? 'center';\n\n    return (\n        <View\n            {...rest}\n            style={[\n                isHorizontal ? styles.horizontalWithContent : styles.verticalWithContent,\n                {justifyContent},\n                rest.style,\n            ]}>\n            <View style={[\n                isHorizontal ? styles.lineSegment : styles.lineSegmentVertical,\n                {backgroundColor: dividerColor},\n                align === 'left' || align === 'top' ? {flex: 0, width: isHorizontal ? 24 : undefined, height: !isHorizontal ? 24 : undefined} : {flex: 1},\n            ]} />\n            <Text style={[styles.contentText, {color: resolveToken('text-secondary')}, contentFont ? {fontFamily: contentFont} : null]}>\n                {children}\n            </Text>\n            <View style={[\n                isHorizontal ? styles.lineSegment : styles.lineSegmentVertical,\n                {backgroundColor: dividerColor},\n                align === 'right' || align === 'bottom' ? {flex: 0, width: isHorizontal ? 24 : undefined, height: !isHorizontal ? 24 : undefined} : {flex: 1},\n            ]} />\n        </View>\n    );\n};\n\nconst styles = StyleSheet.create({\n    horizontal: {\n        width: '100%',\n        flexDirection: 'row',\n    },\n    vertical: {\n        height: '100%',\n        flexDirection: 'column',\n    },\n    horizontalWithContent: {\n        width: '100%',\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 12,\n    },\n    verticalWithContent: {\n        height: '100%',\n        flexDirection: 'column',\n        alignItems: 'center',\n        gap: 12,\n    },\n    horizontalLine: {\n        width: '100%',\n    },\n    verticalLine: {\n        height: '100%',\n    },\n    lineSegment: {\n        height: StyleSheet.hairlineWidth,\n        flex: 1,\n    },\n    lineSegmentVertical: {\n        width: StyleSheet.hairlineWidth,\n        flex: 1,\n    },\n    contentText: {\n        fontSize: 14,\n    },\n});\n\nexport default Divider;\n"],"names":["useSeparator","useKitsTheme","useThemedFont","jsx","View","StyleSheet","jsxs","Text"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Divider/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {View, Text, StyleSheet} from 'react-native';\nimport type {IDividerComponent} from '@lmb-it/kitsconcerto-types';\nimport {useSeparator} from \"../../factory\";\nimport {useKitsTheme} from '../../contexts/Theme';\nimport useThemedFont from '../../hooks/useThemedFont';\n\nconst Divider: React.FC<IDividerComponent> = (props) => {\n    const {nativeProps} = useSeparator<any>(props);\n    const {\n        align = 'center',\n        children,\n        layout = 'horizontal',\n        type: borderType = 'solid',\n        unstyled = false,\n        ...rest\n    } = nativeProps;\n\n    const {resolveToken} = useKitsTheme();\n    // `color` overrides the line colour (resolved through the theme — token,\n    // hex, or named); falls back to the `divider` token when omitted.\n    const dividerColor = typeof props.color === 'string'\n        ? resolveToken(props.color)\n        : resolveToken('divider');\n    const contentFont = useThemedFont('body');\n\n    const isHorizontal = layout === 'horizontal';\n\n    if (unstyled) {\n        return (\n            <View\n                {...rest}\n                style={[\n                    isHorizontal ? styles.horizontal : styles.vertical,\n                    rest.style,\n                ]}\n            />\n        );\n    }\n\n    const lineStyle = isHorizontal\n        ? [styles.horizontalLine, {borderBottomStyle: borderType, borderBottomColor: dividerColor}]\n        : [styles.verticalLine, {borderLeftStyle: borderType, borderLeftColor: dividerColor}];\n\n    if (!children) {\n        return (\n            <View\n                {...rest}\n                style={[\n                    isHorizontal ? styles.horizontal : styles.vertical,\n                    isHorizontal\n                        ? {borderBottomWidth: StyleSheet.hairlineWidth, borderBottomColor: dividerColor, borderStyle: borderType}\n                        : {borderLeftWidth: StyleSheet.hairlineWidth, borderLeftColor: dividerColor, borderStyle: borderType},\n                    rest.style,\n                ]}\n            />\n        );\n    }\n\n    const alignMap: Record<string, 'flex-start' | 'center' | 'flex-end'> = {\n        left: 'flex-start',\n        top: 'flex-start',\n        center: 'center',\n        right: 'flex-end',\n        bottom: 'flex-end',\n    };\n    const justifyContent = alignMap[align] ?? 'center';\n\n    return (\n        <View\n            {...rest}\n            style={[\n                isHorizontal ? styles.horizontalWithContent : styles.verticalWithContent,\n                {justifyContent},\n                rest.style,\n            ]}>\n            <View style={[\n                isHorizontal ? styles.lineSegment : styles.lineSegmentVertical,\n                {backgroundColor: dividerColor},\n                align === 'left' || align === 'top' ? {flex: 0, width: isHorizontal ? 24 : undefined, height: !isHorizontal ? 24 : undefined} : {flex: 1},\n            ]} />\n            <Text style={[styles.contentText, {color: resolveToken('text-secondary')}, contentFont ? {fontFamily: contentFont} : null]}>\n                {children}\n            </Text>\n            <View style={[\n                isHorizontal ? styles.lineSegment : styles.lineSegmentVertical,\n                {backgroundColor: dividerColor},\n                align === 'right' || align === 'bottom' ? {flex: 0, width: isHorizontal ? 24 : undefined, height: !isHorizontal ? 24 : undefined} : {flex: 1},\n            ]} />\n        </View>\n    );\n};\n\nconst styles = StyleSheet.create({\n    horizontal: {\n        width: '100%',\n        flexDirection: 'row',\n    },\n    vertical: {\n        height: '100%',\n        flexDirection: 'column',\n    },\n    horizontalWithContent: {\n        width: '100%',\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 12,\n    },\n    verticalWithContent: {\n        height: '100%',\n        flexDirection: 'column',\n        alignItems: 'center',\n        gap: 12,\n    },\n    horizontalLine: {\n        width: '100%',\n    },\n    verticalLine: {\n        height: '100%',\n    },\n    lineSegment: {\n        height: StyleSheet.hairlineWidth,\n        flex: 1,\n    },\n    lineSegmentVertical: {\n        width: StyleSheet.hairlineWidth,\n        flex: 1,\n    },\n    contentText: {\n        fontSize: 14,\n    },\n});\n\nexport default Divider;\n"],"names":["useSeparator","useKitsTheme","useThemedFont","jsx","View","StyleSheet","jsxs","Text"],"mappings":"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"}

package/primitives/Divider/index.js

@@ -57,6 +57,8 @@ import 'yup';
 import '../../packages/types/src/Css/map/index.js';
 import '../../packages/types/src/Theme/shadows.js';
 import '../../packages/types/src/Theme/defaultTheme.js';
+import '../../packages/types/src/Theme/alphaColors.js';
+import '../../apps/mobile/src/Factory/helpers/cssVarMap.js';
 import '../../apps/mobile/src/Factory/DimensionsContext.js';
 import useSeparator from '../../apps/mobile/src/Factory/useSeparator.js';
 import 'i18next';

package/primitives/Divider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/primitives/Divider/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {View, Text, StyleSheet} from 'react-native';\nimport type {IDividerComponent} from '@lmb-it/kitsconcerto-types';\nimport {useSeparator} from \"../../factory\";\nimport {useKitsTheme} from '../../contexts/Theme';\nimport useThemedFont from '../../hooks/useThemedFont';\n\nconst Divider: React.FC<IDividerComponent> = (props) => {\n    const {nativeProps} = useSeparator<any>(props);\n    const {\n        align = 'center',\n        children,\n        layout = 'horizontal',\n        type: borderType = 'solid',\n        unstyled = false,\n        ...rest\n    } = nativeProps;\n\n    const {resolveToken} = useKitsTheme();\n    // `color` overrides the line colour (resolved through the theme — token,\n    // hex, or named); falls back to the `divider` token when omitted.\n    const dividerColor = typeof props.color === 'string'\n        ? resolveToken(props.color)\n        : resolveToken('divider');\n    const contentFont = useThemedFont('body');\n\n    const isHorizontal = layout === 'horizontal';\n\n    if (unstyled) {\n        return (\n            <View\n                {...rest}\n                style={[\n                    isHorizontal ? styles.horizontal : styles.vertical,\n                    rest.style,\n                ]}\n            />\n        );\n    }\n\n    const lineStyle = isHorizontal\n        ? [styles.horizontalLine, {borderBottomStyle: borderType, borderBottomColor: dividerColor}]\n        : [styles.verticalLine, {borderLeftStyle: borderType, borderLeftColor: dividerColor}];\n\n    if (!children) {\n        return (\n            <View\n                {...rest}\n                style={[\n                    isHorizontal ? styles.horizontal : styles.vertical,\n                    isHorizontal\n                        ? {borderBottomWidth: StyleSheet.hairlineWidth, borderBottomColor: dividerColor, borderStyle: borderType}\n                        : {borderLeftWidth: StyleSheet.hairlineWidth, borderLeftColor: dividerColor, borderStyle: borderType},\n                    rest.style,\n                ]}\n            />\n        );\n    }\n\n    const alignMap: Record<string, 'flex-start' | 'center' | 'flex-end'> = {\n        left: 'flex-start',\n        top: 'flex-start',\n        center: 'center',\n        right: 'flex-end',\n        bottom: 'flex-end',\n    };\n    const justifyContent = alignMap[align] ?? 'center';\n\n    return (\n        <View\n            {...rest}\n            style={[\n                isHorizontal ? styles.horizontalWithContent : styles.verticalWithContent,\n                {justifyContent},\n                rest.style,\n            ]}>\n            <View style={[\n                isHorizontal ? styles.lineSegment : styles.lineSegmentVertical,\n                {backgroundColor: dividerColor},\n                align === 'left' || align === 'top' ? {flex: 0, width: isHorizontal ? 24 : undefined, height: !isHorizontal ? 24 : undefined} : {flex: 1},\n            ]} />\n            <Text style={[styles.contentText, {color: resolveToken('text-secondary')}, contentFont ? {fontFamily: contentFont} : null]}>\n                {children}\n            </Text>\n            <View style={[\n                isHorizontal ? styles.lineSegment : styles.lineSegmentVertical,\n                {backgroundColor: dividerColor},\n                align === 'right' || align === 'bottom' ? {flex: 0, width: isHorizontal ? 24 : undefined, height: !isHorizontal ? 24 : undefined} : {flex: 1},\n            ]} />\n        </View>\n    );\n};\n\nconst styles = StyleSheet.create({\n    horizontal: {\n        width: '100%',\n        flexDirection: 'row',\n    },\n    vertical: {\n        height: '100%',\n        flexDirection: 'column',\n    },\n    horizontalWithContent: {\n        width: '100%',\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 12,\n    },\n    verticalWithContent: {\n        height: '100%',\n        flexDirection: 'column',\n        alignItems: 'center',\n        gap: 12,\n    },\n    horizontalLine: {\n        width: '100%',\n    },\n    verticalLine: {\n        height: '100%',\n    },\n    lineSegment: {\n        height: StyleSheet.hairlineWidth,\n        flex: 1,\n    },\n    lineSegmentVertical: {\n        width: StyleSheet.hairlineWidth,\n        flex: 1,\n    },\n    contentText: {\n        fontSize: 14,\n    },\n});\n\nexport default Divider;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/primitives/Divider/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {View, Text, StyleSheet} from 'react-native';\nimport type {IDividerComponent} from '@lmb-it/kitsconcerto-types';\nimport {useSeparator} from \"../../factory\";\nimport {useKitsTheme} from '../../contexts/Theme';\nimport useThemedFont from '../../hooks/useThemedFont';\n\nconst Divider: React.FC<IDividerComponent> = (props) => {\n    const {nativeProps} = useSeparator<any>(props);\n    const {\n        align = 'center',\n        children,\n        layout = 'horizontal',\n        type: borderType = 'solid',\n        unstyled = false,\n        ...rest\n    } = nativeProps;\n\n    const {resolveToken} = useKitsTheme();\n    // `color` overrides the line colour (resolved through the theme — token,\n    // hex, or named); falls back to the `divider` token when omitted.\n    const dividerColor = typeof props.color === 'string'\n        ? resolveToken(props.color)\n        : resolveToken('divider');\n    const contentFont = useThemedFont('body');\n\n    const isHorizontal = layout === 'horizontal';\n\n    if (unstyled) {\n        return (\n            <View\n                {...rest}\n                style={[\n                    isHorizontal ? styles.horizontal : styles.vertical,\n                    rest.style,\n                ]}\n            />\n        );\n    }\n\n    const lineStyle = isHorizontal\n        ? [styles.horizontalLine, {borderBottomStyle: borderType, borderBottomColor: dividerColor}]\n        : [styles.verticalLine, {borderLeftStyle: borderType, borderLeftColor: dividerColor}];\n\n    if (!children) {\n        return (\n            <View\n                {...rest}\n                style={[\n                    isHorizontal ? styles.horizontal : styles.vertical,\n                    isHorizontal\n                        ? {borderBottomWidth: StyleSheet.hairlineWidth, borderBottomColor: dividerColor, borderStyle: borderType}\n                        : {borderLeftWidth: StyleSheet.hairlineWidth, borderLeftColor: dividerColor, borderStyle: borderType},\n                    rest.style,\n                ]}\n            />\n        );\n    }\n\n    const alignMap: Record<string, 'flex-start' | 'center' | 'flex-end'> = {\n        left: 'flex-start',\n        top: 'flex-start',\n        center: 'center',\n        right: 'flex-end',\n        bottom: 'flex-end',\n    };\n    const justifyContent = alignMap[align] ?? 'center';\n\n    return (\n        <View\n            {...rest}\n            style={[\n                isHorizontal ? styles.horizontalWithContent : styles.verticalWithContent,\n                {justifyContent},\n                rest.style,\n            ]}>\n            <View style={[\n                isHorizontal ? styles.lineSegment : styles.lineSegmentVertical,\n                {backgroundColor: dividerColor},\n                align === 'left' || align === 'top' ? {flex: 0, width: isHorizontal ? 24 : undefined, height: !isHorizontal ? 24 : undefined} : {flex: 1},\n            ]} />\n            <Text style={[styles.contentText, {color: resolveToken('text-secondary')}, contentFont ? {fontFamily: contentFont} : null]}>\n                {children}\n            </Text>\n            <View style={[\n                isHorizontal ? styles.lineSegment : styles.lineSegmentVertical,\n                {backgroundColor: dividerColor},\n                align === 'right' || align === 'bottom' ? {flex: 0, width: isHorizontal ? 24 : undefined, height: !isHorizontal ? 24 : undefined} : {flex: 1},\n            ]} />\n        </View>\n    );\n};\n\nconst styles = StyleSheet.create({\n    horizontal: {\n        width: '100%',\n        flexDirection: 'row',\n    },\n    vertical: {\n        height: '100%',\n        flexDirection: 'column',\n    },\n    horizontalWithContent: {\n        width: '100%',\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: 12,\n    },\n    verticalWithContent: {\n        height: '100%',\n        flexDirection: 'column',\n        alignItems: 'center',\n        gap: 12,\n    },\n    horizontalLine: {\n        width: '100%',\n    },\n    verticalLine: {\n        height: '100%',\n    },\n    lineSegment: {\n        height: StyleSheet.hairlineWidth,\n        flex: 1,\n    },\n    lineSegmentVertical: {\n        width: StyleSheet.hairlineWidth,\n        flex: 1,\n    },\n    contentText: {\n        fontSize: 14,\n    },\n});\n\nexport default Divider;\n"],"names":[],"mappings":"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"}

package/primitives/Heading/index.cjs

@@ -61,6 +61,8 @@ require('yup');
 require('../../packages/types/src/Css/map/index.cjs');
 require('../../packages/types/src/Theme/shadows.cjs');
 require('../../packages/types/src/Theme/defaultTheme.cjs');
+require('../../packages/types/src/Theme/alphaColors.cjs');
+require('../../apps/mobile/src/Factory/helpers/cssVarMap.cjs');
 var useSeparator = require('../../apps/mobile/src/Factory/useSeparator.cjs');
 require('../../apps/mobile/src/Factory/DimensionsContext.cjs');
 require('i18next');

package/primitives/Heading/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Heading/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { ResponsiveElement, useSeparator } from \"../../factory\";\nimport type {IHeadingComponent} from \"@lmb-it/kitsconcerto-types\";\nimport { useKitsTheme } from \"../../contexts/Theme\";\nimport useRtlLineHeight from \"../../hooks/useRtlLineHeight\";\n\nconst mapAsToSize: Record<string, IHeadingComponent[\"size\"]> = {\n    h1: \"5xl\",\n    h2: \"4xl\",\n    h3: \"3xl\",\n    h4: \"2xl\",\n    h5: \"xl\",\n    h6: \"lg\",\n};\n\nconst Heading: React.FC<IHeadingComponent> = (props) => {\n    const { theme } = useKitsTheme();\n    const { cssProps, nativeProps } = useSeparator<any>(props);\n    const {\n        as = \"h2\",\n        size,\n        children,\n        isTruncated,\n        bold,\n        underline,\n        strikeThrough,\n        sub,\n        italic,\n        highlight,\n        color,\n        ...rest\n    } = nativeProps;\n\n    const resolvedSize = size || mapAsToSize[as] || \"md\";\n\n    // Match Text/index.native.tsx: apply theme.fonts.heading as the default\n    // fontFamily so consumers overriding via `extendTheme({ fonts: { heading\n    // : 'NotoKufiArabic-Bold' } })` see the font on every Heading. Per-call\n    // `style.fontFamily` (passed through cssProps via useSeparator) wins.\n    const fontFamily = typeof theme.fonts.heading === 'string' ? theme.fonts.heading : undefined;\n\n    // RTL: headroom so tall Arabic glyphs aren't clipped at the top.\n    const rtlLineHeight = useRtlLineHeight(\n        resolvedSize as string,\n        typeof (cssProps as any)?.fontSize === 'number' ? (cssProps as any).fontSize : undefined,\n    );\n\n    return (\n        <ResponsiveElement\n            as=\"Heading\"\n            cssProps={cssProps}\n            additionalStyles={{\n                ...(fontFamily ? { fontFamily } : {}),\n                ...(rtlLineHeight != null ? { lineHeight: rtlLineHeight } : {}),\n            }}\n            nativeProps={{\n                ...rest,\n                size: resolvedSize,\n                isTruncated,\n                bold,\n                underline,\n                strikeThrough,\n                sub,\n                italic,\n                highlight,\n                color,\n            }}\n        >\n            {children}\n        </ResponsiveElement>\n    );\n};\n\nexport default Heading;\n"],"names":["useKitsTheme","useSeparator","useRtlLineHeight","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,WAAA,GAAyD;AAAA,EAC3D,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI;AACR,CAAA;AAEA,MAAM,OAAA,GAAuC,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,KAAA,EAAM,GAAIA,qCAAA,EAAa;AAC/B,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAIC,qBAAkB,KAAK,CAAA;AACzD,EAAA,MAAM;AAAA,IACF,EAAA,GAAK,IAAA;AAAA,IACL,IAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,GAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAI,WAAA;AAEJ,EAAA,MAAM,YAAA,GAAe,IAAA,IAAQ,WAAA,CAAY,EAAE,CAAA,IAAK,IAAA;AAMhD,EAAA,MAAM,UAAA,GAAa,OAAO,KAAA,CAAM,KAAA,CAAM,YAAY,QAAA,GAAW,KAAA,CAAM,MAAM,OAAA,GAAU,MAAA;AAGnF,EAAA,MAAM,aAAA,GAAgBC,wBAAA;AAAA,IAClB,YAAA;AAAA,IACA,OAAQ,QAAA,EAAkB,QAAA,KAAa,QAAA,GAAY,SAAiB,QAAA,GAAW;AAAA,GACnF;AAEA,EAAA,uBACIC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACG,EAAA,EAAG,SAAA;AAAA,MACH,QAAA;AAAA,MACA,gBAAA,EAAkB;AAAA,QACd,GAAI,UAAA,GAAa,EAAE,UAAA,KAAe,EAAC;AAAA,QACnC,GAAI,aAAA,IAAiB,IAAA,GAAO,EAAE,UAAA,EAAY,aAAA,KAAkB;AAAC,OACjE;AAAA,MACA,WAAA,EAAa;AAAA,QACT,GAAG,IAAA;AAAA,QACH,IAAA,EAAM,YAAA;AAAA,QACN,WAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA;AAAA,QACA,aAAA;AAAA,QACA,GAAA;AAAA,QACA,MAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA,OACJ;AAAA,MAEC;AAAA;AAAA,GACL;AAER;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Heading/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { ResponsiveElement, useSeparator } from \"../../factory\";\nimport type {IHeadingComponent} from \"@lmb-it/kitsconcerto-types\";\nimport { useKitsTheme } from \"../../contexts/Theme\";\nimport useRtlLineHeight from \"../../hooks/useRtlLineHeight\";\n\nconst mapAsToSize: Record<string, IHeadingComponent[\"size\"]> = {\n    h1: \"5xl\",\n    h2: \"4xl\",\n    h3: \"3xl\",\n    h4: \"2xl\",\n    h5: \"xl\",\n    h6: \"lg\",\n};\n\nconst Heading: React.FC<IHeadingComponent> = (props) => {\n    const { theme } = useKitsTheme();\n    const { cssProps, nativeProps } = useSeparator<any>(props);\n    const {\n        as = \"h2\",\n        size,\n        children,\n        isTruncated,\n        bold,\n        underline,\n        strikeThrough,\n        sub,\n        italic,\n        highlight,\n        color,\n        ...rest\n    } = nativeProps;\n\n    const resolvedSize = size || mapAsToSize[as] || \"md\";\n\n    // Match Text/index.native.tsx: apply theme.fonts.heading as the default\n    // fontFamily so consumers overriding via `extendTheme({ fonts: { heading\n    // : 'NotoKufiArabic-Bold' } })` see the font on every Heading. Per-call\n    // `style.fontFamily` (passed through cssProps via useSeparator) wins.\n    const fontFamily = typeof theme.fonts.heading === 'string' ? theme.fonts.heading : undefined;\n\n    // RTL: headroom so tall Arabic glyphs aren't clipped at the top.\n    const rtlLineHeight = useRtlLineHeight(\n        resolvedSize as string,\n        typeof (cssProps as any)?.fontSize === 'number' ? (cssProps as any).fontSize : undefined,\n    );\n\n    return (\n        <ResponsiveElement\n            as=\"Heading\"\n            cssProps={cssProps}\n            additionalStyles={{\n                ...(fontFamily ? { fontFamily } : {}),\n                ...(rtlLineHeight != null ? { lineHeight: rtlLineHeight } : {}),\n            }}\n            nativeProps={{\n                ...rest,\n                size: resolvedSize,\n                isTruncated,\n                bold,\n                underline,\n                strikeThrough,\n                sub,\n                italic,\n                highlight,\n                color,\n            }}\n        >\n            {children}\n        </ResponsiveElement>\n    );\n};\n\nexport default Heading;\n"],"names":["useKitsTheme","useSeparator","useRtlLineHeight","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,WAAA,GAAyD;AAAA,EAC3D,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI;AACR,CAAA;AAEA,MAAM,OAAA,GAAuC,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,KAAA,EAAM,GAAIA,qCAAA,EAAa;AAC/B,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAIC,qBAAkB,KAAK,CAAA;AACzD,EAAA,MAAM;AAAA,IACF,EAAA,GAAK,IAAA;AAAA,IACL,IAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,GAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAI,WAAA;AAEJ,EAAA,MAAM,YAAA,GAAe,IAAA,IAAQ,WAAA,CAAY,EAAE,CAAA,IAAK,IAAA;AAMhD,EAAA,MAAM,UAAA,GAAa,OAAO,KAAA,CAAM,KAAA,CAAM,YAAY,QAAA,GAAW,KAAA,CAAM,MAAM,OAAA,GAAU,MAAA;AAGnF,EAAA,MAAM,aAAA,GAAgBC,wBAAA;AAAA,IAClB,YAAA;AAAA,IACA,OAAQ,QAAA,EAAkB,QAAA,KAAa,QAAA,GAAY,SAAiB,QAAA,GAAW;AAAA,GACnF;AAEA,EAAA,uBACIC,cAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACG,EAAA,EAAG,SAAA;AAAA,MACH,QAAA;AAAA,MACA,gBAAA,EAAkB;AAAA,QACd,GAAI,UAAA,GAAa,EAAE,UAAA,KAAe,EAAC;AAAA,QACnC,GAAI,aAAA,IAAiB,IAAA,GAAO,EAAE,UAAA,EAAY,aAAA,KAAkB;AAAC,OACjE;AAAA,MACA,WAAA,EAAa;AAAA,QACT,GAAG,IAAA;AAAA,QACH,IAAA,EAAM,YAAA;AAAA,QACN,WAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA;AAAA,QACA,aAAA;AAAA,QACA,GAAA;AAAA,QACA,MAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA,OACJ;AAAA,MAEC;AAAA;AAAA,GACL;AAER;;;;"}

package/primitives/Heading/index.js

@@ -57,6 +57,8 @@ import 'yup';
 import '../../packages/types/src/Css/map/index.js';
 import '../../packages/types/src/Theme/shadows.js';
 import '../../packages/types/src/Theme/defaultTheme.js';
+import '../../packages/types/src/Theme/alphaColors.js';
+import '../../apps/mobile/src/Factory/helpers/cssVarMap.js';
 import useSeparator from '../../apps/mobile/src/Factory/useSeparator.js';
 import '../../apps/mobile/src/Factory/DimensionsContext.js';
 import 'i18next';

package/primitives/Heading/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/primitives/Heading/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { ResponsiveElement, useSeparator } from \"../../factory\";\nimport type {IHeadingComponent} from \"@lmb-it/kitsconcerto-types\";\nimport { useKitsTheme } from \"../../contexts/Theme\";\nimport useRtlLineHeight from \"../../hooks/useRtlLineHeight\";\n\nconst mapAsToSize: Record<string, IHeadingComponent[\"size\"]> = {\n    h1: \"5xl\",\n    h2: \"4xl\",\n    h3: \"3xl\",\n    h4: \"2xl\",\n    h5: \"xl\",\n    h6: \"lg\",\n};\n\nconst Heading: React.FC<IHeadingComponent> = (props) => {\n    const { theme } = useKitsTheme();\n    const { cssProps, nativeProps } = useSeparator<any>(props);\n    const {\n        as = \"h2\",\n        size,\n        children,\n        isTruncated,\n        bold,\n        underline,\n        strikeThrough,\n        sub,\n        italic,\n        highlight,\n        color,\n        ...rest\n    } = nativeProps;\n\n    const resolvedSize = size || mapAsToSize[as] || \"md\";\n\n    // Match Text/index.native.tsx: apply theme.fonts.heading as the default\n    // fontFamily so consumers overriding via `extendTheme({ fonts: { heading\n    // : 'NotoKufiArabic-Bold' } })` see the font on every Heading. Per-call\n    // `style.fontFamily` (passed through cssProps via useSeparator) wins.\n    const fontFamily = typeof theme.fonts.heading === 'string' ? theme.fonts.heading : undefined;\n\n    // RTL: headroom so tall Arabic glyphs aren't clipped at the top.\n    const rtlLineHeight = useRtlLineHeight(\n        resolvedSize as string,\n        typeof (cssProps as any)?.fontSize === 'number' ? (cssProps as any).fontSize : undefined,\n    );\n\n    return (\n        <ResponsiveElement\n            as=\"Heading\"\n            cssProps={cssProps}\n            additionalStyles={{\n                ...(fontFamily ? { fontFamily } : {}),\n                ...(rtlLineHeight != null ? { lineHeight: rtlLineHeight } : {}),\n            }}\n            nativeProps={{\n                ...rest,\n                size: resolvedSize,\n                isTruncated,\n                bold,\n                underline,\n                strikeThrough,\n                sub,\n                italic,\n                highlight,\n                color,\n            }}\n        >\n            {children}\n        </ResponsiveElement>\n    );\n};\n\nexport default Heading;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,WAAA,GAAyD;AAAA,EAC3D,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI;AACR,CAAA;AAEA,MAAM,OAAA,GAAuC,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,YAAA,EAAa;AAC/B,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAI,aAAkB,KAAK,CAAA;AACzD,EAAA,MAAM;AAAA,IACF,EAAA,GAAK,IAAA;AAAA,IACL,IAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,GAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAI,WAAA;AAEJ,EAAA,MAAM,YAAA,GAAe,IAAA,IAAQ,WAAA,CAAY,EAAE,CAAA,IAAK,IAAA;AAMhD,EAAA,MAAM,UAAA,GAAa,OAAO,KAAA,CAAM,KAAA,CAAM,YAAY,QAAA,GAAW,KAAA,CAAM,MAAM,OAAA,GAAU,MAAA;AAGnF,EAAA,MAAM,aAAA,GAAgB,gBAAA;AAAA,IAClB,YAAA;AAAA,IACA,OAAQ,QAAA,EAAkB,QAAA,KAAa,QAAA,GAAY,SAAiB,QAAA,GAAW;AAAA,GACnF;AAEA,EAAA,uBACI,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACG,EAAA,EAAG,SAAA;AAAA,MACH,QAAA;AAAA,MACA,gBAAA,EAAkB;AAAA,QACd,GAAI,UAAA,GAAa,EAAE,UAAA,KAAe,EAAC;AAAA,QACnC,GAAI,aAAA,IAAiB,IAAA,GAAO,EAAE,UAAA,EAAY,aAAA,KAAkB;AAAC,OACjE;AAAA,MACA,WAAA,EAAa;AAAA,QACT,GAAG,IAAA;AAAA,QACH,IAAA,EAAM,YAAA;AAAA,QACN,WAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA;AAAA,QACA,aAAA;AAAA,QACA,GAAA;AAAA,QACA,MAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA,OACJ;AAAA,MAEC;AAAA;AAAA,GACL;AAER;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/primitives/Heading/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { ResponsiveElement, useSeparator } from \"../../factory\";\nimport type {IHeadingComponent} from \"@lmb-it/kitsconcerto-types\";\nimport { useKitsTheme } from \"../../contexts/Theme\";\nimport useRtlLineHeight from \"../../hooks/useRtlLineHeight\";\n\nconst mapAsToSize: Record<string, IHeadingComponent[\"size\"]> = {\n    h1: \"5xl\",\n    h2: \"4xl\",\n    h3: \"3xl\",\n    h4: \"2xl\",\n    h5: \"xl\",\n    h6: \"lg\",\n};\n\nconst Heading: React.FC<IHeadingComponent> = (props) => {\n    const { theme } = useKitsTheme();\n    const { cssProps, nativeProps } = useSeparator<any>(props);\n    const {\n        as = \"h2\",\n        size,\n        children,\n        isTruncated,\n        bold,\n        underline,\n        strikeThrough,\n        sub,\n        italic,\n        highlight,\n        color,\n        ...rest\n    } = nativeProps;\n\n    const resolvedSize = size || mapAsToSize[as] || \"md\";\n\n    // Match Text/index.native.tsx: apply theme.fonts.heading as the default\n    // fontFamily so consumers overriding via `extendTheme({ fonts: { heading\n    // : 'NotoKufiArabic-Bold' } })` see the font on every Heading. Per-call\n    // `style.fontFamily` (passed through cssProps via useSeparator) wins.\n    const fontFamily = typeof theme.fonts.heading === 'string' ? theme.fonts.heading : undefined;\n\n    // RTL: headroom so tall Arabic glyphs aren't clipped at the top.\n    const rtlLineHeight = useRtlLineHeight(\n        resolvedSize as string,\n        typeof (cssProps as any)?.fontSize === 'number' ? (cssProps as any).fontSize : undefined,\n    );\n\n    return (\n        <ResponsiveElement\n            as=\"Heading\"\n            cssProps={cssProps}\n            additionalStyles={{\n                ...(fontFamily ? { fontFamily } : {}),\n                ...(rtlLineHeight != null ? { lineHeight: rtlLineHeight } : {}),\n            }}\n            nativeProps={{\n                ...rest,\n                size: resolvedSize,\n                isTruncated,\n                bold,\n                underline,\n                strikeThrough,\n                sub,\n                italic,\n                highlight,\n                color,\n            }}\n        >\n            {children}\n        </ResponsiveElement>\n    );\n};\n\nexport default Heading;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,WAAA,GAAyD;AAAA,EAC3D,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI;AACR,CAAA;AAEA,MAAM,OAAA,GAAuC,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,YAAA,EAAa;AAC/B,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAI,aAAkB,KAAK,CAAA;AACzD,EAAA,MAAM;AAAA,IACF,EAAA,GAAK,IAAA;AAAA,IACL,IAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,GAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAI,WAAA;AAEJ,EAAA,MAAM,YAAA,GAAe,IAAA,IAAQ,WAAA,CAAY,EAAE,CAAA,IAAK,IAAA;AAMhD,EAAA,MAAM,UAAA,GAAa,OAAO,KAAA,CAAM,KAAA,CAAM,YAAY,QAAA,GAAW,KAAA,CAAM,MAAM,OAAA,GAAU,MAAA;AAGnF,EAAA,MAAM,aAAA,GAAgB,gBAAA;AAAA,IAClB,YAAA;AAAA,IACA,OAAQ,QAAA,EAAkB,QAAA,KAAa,QAAA,GAAY,SAAiB,QAAA,GAAW;AAAA,GACnF;AAEA,EAAA,uBACI,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACG,EAAA,EAAG,SAAA;AAAA,MACH,QAAA;AAAA,MACA,gBAAA,EAAkB;AAAA,QACd,GAAI,UAAA,GAAa,EAAE,UAAA,KAAe,EAAC;AAAA,QACnC,GAAI,aAAA,IAAiB,IAAA,GAAO,EAAE,UAAA,EAAY,aAAA,KAAkB;AAAC,OACjE;AAAA,MACA,WAAA,EAAa;AAAA,QACT,GAAG,IAAA;AAAA,QACH,IAAA,EAAM,YAAA;AAAA,QACN,WAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA;AAAA,QACA,aAAA;AAAA,QACA,GAAA;AAAA,QACA,MAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA,OACJ;AAAA,MAEC;AAAA;AAAA,GACL;AAER;;;;"}

package/primitives/Icon/index.cjs

@@ -56,6 +56,7 @@ require('../../apps/mobile/src/ui/vstack/index.cjs');
 var ResponsiveElement = require('../../apps/mobile/src/Factory/ResponsiveElement.cjs');
 var style = require('../../apps/mobile/src/Factory/helpers/style.cjs');
 var useSeparator = require('../../apps/mobile/src/Factory/useSeparator.cjs');
+require('../../apps/mobile/src/Factory/helpers/cssVarMap.cjs');
 require('../../apps/mobile/src/Factory/DimensionsContext.cjs');
 require('i18next');
 require('react-i18next');

package/primitives/Icon/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Icon/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport { IconMap } from '../../assets/Icons';\nimport { useSeparator, ResponsiveElement, resolveThemeTokenForNative } from '@lmb-it/kitsconcertomobile';\nimport type { IIconProps } from '@lmb-it/kitsconcerto-types';\n\nconst SIZE_MAP: Record<string, number> = {\n    '2xs': 12,\n    'xs': 14,\n    'sm': 16,\n    'md': 18,\n    'lg': 20,\n    'xl': 24,\n};\n\nexport function Icon({ name, size = 'md', color, strokeWidth, ...rest }: IIconProps) {\n    const resolvedName = typeof name === 'string' && name.startsWith('pi pi-') ? name.slice(6) : name;\n    const IconComponent = typeof resolvedName === 'string' ? IconMap[resolvedName] : resolvedName;\n    const { cssProps, nativeProps } = useSeparator<any>(rest);\n\n    if (!IconComponent) return null;\n\n    const numericSize = typeof size === 'number' ? size : (SIZE_MAP[size] ?? 18);\n    const resolvedColor = color ? resolveThemeTokenForNative(color) : undefined;\n\n    return (\n        <ResponsiveElement as=\"Box\" cssProps={cssProps} nativeProps={nativeProps}>\n            <IconComponent size={numericSize} color={resolvedColor} strokeWidth={strokeWidth} />\n        </ResponsiveElement>\n    );\n}\n\nexport default Icon;\n"],"names":["IconMap","useSeparator","resolveThemeTokenForNative","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,QAAA,GAAmC;AAAA,EACrC,KAAA,EAAO,EAAA;AAAA,EACP,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM;AACV,CAAA;AAEO,SAAS,IAAA,CAAK,EAAE,IAAA,EAAM,IAAA,GAAO,MAAM,KAAA,EAAO,WAAA,EAAa,GAAG,IAAA,EAAK,EAAe;AACjF,EAAA,MAAM,YAAA,GAAe,OAAO,IAAA,KAAS,QAAA,IAAY,IAAA,CAAK,UAAA,CAAW,QAAQ,CAAA,GAAI,IAAA,CAAK,KAAA,CAAM,CAAC,CAAA,GAAI,IAAA;AAC7F,EAAA,MAAM,gBAAgB,OAAO,YAAA,KAAiB,QAAA,GAAWA,oBAAA,CAAQ,YAAY,CAAA,GAAI,YAAA;AACjF,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAIC,qBAAkB,IAAI,CAAA;AAExD,EAAA,IAAI,CAAC,eAAe,OAAO,IAAA;AAE3B,EAAA,MAAM,cAAc,OAAO,IAAA,KAAS,WAAW,IAAA,GAAQ,QAAA,CAAS,IAAI,CAAA,IAAK,EAAA;AACzE,EAAA,MAAM,aAAA,GAAgB,KAAA,GAAQC,gCAAA,CAA2B,KAAK,CAAA,GAAI,MAAA;AAElE,EAAA,uBACIC,cAAA,CAACC,yBAAA,EAAA,EAAkB,EAAA,EAAG,KAAA,EAAM,QAAA,EAAoB,WAAA,EAC5C,QAAA,kBAAAD,cAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAM,WAAA,EAAa,KAAA,EAAO,aAAA,EAAe,aAA0B,CAAA,EACtF,CAAA;AAER;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/primitives/Icon/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport { IconMap } from '../../assets/Icons';\nimport { useSeparator, ResponsiveElement, resolveThemeTokenForNative } from '@lmb-it/kitsconcertomobile';\nimport type { IIconProps } from '@lmb-it/kitsconcerto-types';\n\nconst SIZE_MAP: Record<string, number> = {\n    '2xs': 12,\n    'xs': 14,\n    'sm': 16,\n    'md': 18,\n    'lg': 20,\n    'xl': 24,\n};\n\nexport function Icon({ name, size = 'md', color, strokeWidth, ...rest }: IIconProps) {\n    const resolvedName = typeof name === 'string' && name.startsWith('pi pi-') ? name.slice(6) : name;\n    const IconComponent = typeof resolvedName === 'string' ? IconMap[resolvedName] : resolvedName;\n    const { cssProps, nativeProps } = useSeparator<any>(rest);\n\n    if (!IconComponent) return null;\n\n    const numericSize = typeof size === 'number' ? size : (SIZE_MAP[size] ?? 18);\n    const resolvedColor = color ? resolveThemeTokenForNative(color) : undefined;\n\n    return (\n        <ResponsiveElement as=\"Box\" cssProps={cssProps} nativeProps={nativeProps}>\n            <IconComponent size={numericSize} color={resolvedColor} strokeWidth={strokeWidth} />\n        </ResponsiveElement>\n    );\n}\n\nexport default Icon;\n"],"names":["IconMap","useSeparator","resolveThemeTokenForNative","jsx","ResponsiveElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,QAAA,GAAmC;AAAA,EACrC,KAAA,EAAO,EAAA;AAAA,EACP,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM;AACV,CAAA;AAEO,SAAS,IAAA,CAAK,EAAE,IAAA,EAAM,IAAA,GAAO,MAAM,KAAA,EAAO,WAAA,EAAa,GAAG,IAAA,EAAK,EAAe;AACjF,EAAA,MAAM,YAAA,GAAe,OAAO,IAAA,KAAS,QAAA,IAAY,IAAA,CAAK,UAAA,CAAW,QAAQ,CAAA,GAAI,IAAA,CAAK,KAAA,CAAM,CAAC,CAAA,GAAI,IAAA;AAC7F,EAAA,MAAM,gBAAgB,OAAO,YAAA,KAAiB,QAAA,GAAWA,oBAAA,CAAQ,YAAY,CAAA,GAAI,YAAA;AACjF,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAIC,qBAAkB,IAAI,CAAA;AAExD,EAAA,IAAI,CAAC,eAAe,OAAO,IAAA;AAE3B,EAAA,MAAM,cAAc,OAAO,IAAA,KAAS,WAAW,IAAA,GAAQ,QAAA,CAAS,IAAI,CAAA,IAAK,EAAA;AACzE,EAAA,MAAM,aAAA,GAAgB,KAAA,GAAQC,gCAAA,CAA2B,KAAK,CAAA,GAAI,MAAA;AAElE,EAAA,uBACIC,cAAA,CAACC,yBAAA,EAAA,EAAkB,EAAA,EAAG,KAAA,EAAM,QAAA,EAAoB,WAAA,EAC5C,QAAA,kBAAAD,cAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAM,WAAA,EAAa,KAAA,EAAO,aAAA,EAAe,aAA0B,CAAA,EACtF,CAAA;AAER;;;;;"}

package/primitives/Icon/index.js

@@ -52,6 +52,7 @@ import '../../apps/mobile/src/ui/vstack/index.js';
 import ResponsiveElement from '../../apps/mobile/src/Factory/ResponsiveElement.js';
 import { resolveThemeTokenForNative } from '../../apps/mobile/src/Factory/helpers/style.js';
 import useSeparator from '../../apps/mobile/src/Factory/useSeparator.js';
+import '../../apps/mobile/src/Factory/helpers/cssVarMap.js';
 import '../../apps/mobile/src/Factory/DimensionsContext.js';
 import 'i18next';
 import 'react-i18next';