@lmb-it/kitsconcerto-native 0.1.236

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

@@ -0,0 +1,42 @@
+'use strict';
+
+const SHADOW_PRESET_KEYS = ["none", "xs", "sm", "md", "lg"];
+function isShadowPreset(value) {
+  return typeof value === "string" && SHADOW_PRESET_KEYS.includes(value);
+}
+function shadowWeb(value) {
+  if (value == null) return "none";
+  return typeof value === "string" ? value : value.web;
+}
+function shadowNative(value) {
+  if (value == null) return void 0;
+  return typeof value === "string" ? void 0 : value.native;
+}
+const DEFAULT_NATIVE_SHADOWS = {
+  none: { shadowColor: "#000000", shadowOffset: { width: 0, height: 0 }, shadowOpacity: 0, shadowRadius: 0, elevation: 0 },
+  xs: { shadowColor: "#000000", shadowOffset: { width: 0, height: 1 }, shadowOpacity: 0.18, shadowRadius: 1.5, elevation: 2 },
+  sm: { shadowColor: "#000000", shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.2, shadowRadius: 3, elevation: 4 },
+  md: { shadowColor: "#000000", shadowOffset: { width: 0, height: 4 }, shadowOpacity: 0.22, shadowRadius: 6, elevation: 8 },
+  lg: { shadowColor: "#000000", shadowOffset: { width: 0, height: 8 }, shadowOpacity: 0.26, shadowRadius: 12, elevation: 12 }
+};
+let _activeNativeShadows = { ...DEFAULT_NATIVE_SHADOWS };
+function setActiveNativeShadows(scale) {
+  _activeNativeShadows = { ...DEFAULT_NATIVE_SHADOWS, ...scale };
+}
+function getActiveNativeShadows() {
+  return _activeNativeShadows;
+}
+function expandShadowNative(name) {
+  const preset = _activeNativeShadows[name];
+  return preset ? { ...preset } : {};
+}
+
+exports.DEFAULT_NATIVE_SHADOWS = DEFAULT_NATIVE_SHADOWS;
+exports.SHADOW_PRESET_KEYS = SHADOW_PRESET_KEYS;
+exports.expandShadowNative = expandShadowNative;
+exports.getActiveNativeShadows = getActiveNativeShadows;
+exports.isShadowPreset = isShadowPreset;
+exports.setActiveNativeShadows = setActiveNativeShadows;
+exports.shadowNative = shadowNative;
+exports.shadowWeb = shadowWeb;
+//# sourceMappingURL=shadows.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.cjs","sources":["../../../../../../../types/src/Theme/shadows.ts"],"sourcesContent":["import type {INativeShadow, IShadowValue} from './types';\n\n/**\n * Cross-platform shadow presets.\n *\n * Single source of truth for the `shadow` style key (form slots / element\n * styles via `resolveStyleRecord`) AND the `shadow` factory prop\n * (`<Box shadow=\"md\">`) on both web and native.\n *\n * - Web reads `theme.shadows[<preset>].web` as a `box-shadow` CSS string,\n *   surfaced through the `--kits-shadow-<preset>` CSS variable — so consumers\n *   override it by overriding `theme.shadows`.\n * - Native reads the params published here by the native `KitsThemeProvider`\n *   (see `setActiveNativeShadows`), mirroring the `_activeColorMap` pattern the\n *   native factory already uses for colours. Consumers override by overriding\n *   `theme.shadows[<preset>].native`.\n */\n\n/** Preset names recognised by the cross-platform `shadow` key / prop. */\nexport const SHADOW_PRESET_KEYS = ['none', 'xs', 'sm', 'md', 'lg'] as const;\nexport type ShadowPreset = (typeof SHADOW_PRESET_KEYS)[number];\n\n/** Type guard: is `value` one of the cross-platform shadow presets? */\nexport function isShadowPreset(value: unknown): value is ShadowPreset {\n    return typeof value === 'string' && (SHADOW_PRESET_KEYS as readonly string[]).includes(value);\n}\n\n/** Extract the web `box-shadow` CSS string from a theme shadow value. */\nexport function shadowWeb(value: IShadowValue | undefined): string {\n    if (value == null) return 'none';\n    return typeof value === 'string' ? value : value.web;\n}\n\n/**\n * Extract native shadow params from a theme shadow value.\n * Returns `undefined` for a bare (web-only) string value.\n */\nexport function shadowNative(value: IShadowValue | undefined): INativeShadow | undefined {\n    if (value == null) return undefined;\n    return typeof value === 'string' ? undefined : value.native;\n}\n\n/**\n * Built-in native shadow params per preset. The default scale AND the fallback\n * when the active theme does not define native params for a preset. iOS uses\n * `shadow*`; Android uses `elevation`. Each step's values are tuned so the iOS\n * soft shadow and the Android elevation read as roughly equivalent.\n */\nexport const DEFAULT_NATIVE_SHADOWS = {\n    none: {shadowColor: '#000000', shadowOffset: {width: 0, height: 0}, shadowOpacity: 0, shadowRadius: 0, elevation: 0},\n    xs: {shadowColor: '#000000', shadowOffset: {width: 0, height: 1}, shadowOpacity: 0.18, shadowRadius: 1.5, elevation: 2},\n    sm: {shadowColor: '#000000', shadowOffset: {width: 0, height: 2}, shadowOpacity: 0.20, shadowRadius: 3, elevation: 4},\n    md: {shadowColor: '#000000', shadowOffset: {width: 0, height: 4}, shadowOpacity: 0.22, shadowRadius: 6, elevation: 8},\n    lg: {shadowColor: '#000000', shadowOffset: {width: 0, height: 8}, shadowOpacity: 0.26, shadowRadius: 12, elevation: 12},\n} satisfies Record<string, INativeShadow>;\n\n// ── Active native shadow scale ──────────────────────────────────────────────\n// Published by the native KitsThemeProvider (synchronously during render, like\n// `setActiveColorMap`) so platform-agnostic code and the native factory can\n// read native shadow params without React context.\nlet _activeNativeShadows: Record<string, INativeShadow> = {...DEFAULT_NATIVE_SHADOWS};\n\n/** Publish the theme's native shadow scale. Merged over the built-in defaults. */\nexport function setActiveNativeShadows(scale: Record<string, INativeShadow>): void {\n    _activeNativeShadows = {...DEFAULT_NATIVE_SHADOWS, ...scale};\n}\n\n/** The currently active native shadow scale. */\nexport function getActiveNativeShadows(): Record<string, INativeShadow> {\n    return _activeNativeShadows;\n}\n\n/**\n * Expand a `shadow` preset name into native RN shadow props\n * (`shadowColor/shadowOffset/shadowOpacity/shadowRadius/elevation`).\n * Returns `{}` for an unknown preset.\n */\nexport function expandShadowNative(name: string): Record<string, any> {\n    const preset = _activeNativeShadows[name];\n    return preset ? {...preset} : {};\n}\n"],"names":[],"mappings":";;AAmBO,MAAM,qBAAqB,CAAC,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAM,MAAM,IAAI;AAI1D,SAAS,eAAe,KAAA,EAAuC;AAClE,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,IAAa,kBAAA,CAAyC,SAAS,KAAK,CAAA;AAChG;AAGO,SAAS,UAAU,KAAA,EAAyC;AAC/D,EAAA,IAAI,KAAA,IAAS,MAAM,OAAO,MAAA;AAC1B,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,GAAW,KAAA,GAAQ,KAAA,CAAM,GAAA;AACrD;AAMO,SAAS,aAAa,KAAA,EAA4D;AACrF,EAAA,IAAI,KAAA,IAAS,MAAM,OAAO,MAAA;AAC1B,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,GAAW,MAAA,GAAY,KAAA,CAAM,MAAA;AACzD;AAQO,MAAM,sBAAA,GAAyB;AAAA,EAClC,MAAM,EAAC,WAAA,EAAa,SAAA,EAAW,YAAA,EAAc,EAAC,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,IAAI,aAAA,EAAe,CAAA,EAAG,YAAA,EAAc,CAAA,EAAG,WAAW,CAAA,EAAC;AAAA,EACnH,IAAI,EAAC,WAAA,EAAa,SAAA,EAAW,YAAA,EAAc,EAAC,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,IAAI,aAAA,EAAe,IAAA,EAAM,YAAA,EAAc,GAAA,EAAK,WAAW,CAAA,EAAC;AAAA,EACtH,IAAI,EAAC,WAAA,EAAa,SAAA,EAAW,YAAA,EAAc,EAAC,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,IAAI,aAAA,EAAe,GAAA,EAAM,YAAA,EAAc,CAAA,EAAG,WAAW,CAAA,EAAC;AAAA,EACpH,IAAI,EAAC,WAAA,EAAa,SAAA,EAAW,YAAA,EAAc,EAAC,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,IAAI,aAAA,EAAe,IAAA,EAAM,YAAA,EAAc,CAAA,EAAG,WAAW,CAAA,EAAC;AAAA,EACpH,IAAI,EAAC,WAAA,EAAa,SAAA,EAAW,YAAA,EAAc,EAAC,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,IAAI,aAAA,EAAe,IAAA,EAAM,YAAA,EAAc,EAAA,EAAI,WAAW,EAAA;AACxH;AAMA,IAAI,oBAAA,GAAsD,EAAC,GAAG,sBAAA,EAAsB;AAG7E,SAAS,uBAAuB,KAAA,EAA4C;AAC/E,EAAA,oBAAA,GAAuB,EAAC,GAAG,sBAAA,EAAwB,GAAG,KAAA,EAAK;AAC/D;AAGO,SAAS,sBAAA,GAAwD;AACpE,EAAA,OAAO,oBAAA;AACX;AAOO,SAAS,mBAAmB,IAAA,EAAmC;AAClE,EAAA,MAAM,MAAA,GAAS,qBAAqB,IAAI,CAAA;AACxC,EAAA,OAAO,MAAA,GAAS,EAAC,GAAG,MAAA,KAAU,EAAC;AACnC;;;;;;;;;;;"}

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

@@ -0,0 +1,33 @@
+const SHADOW_PRESET_KEYS = ["none", "xs", "sm", "md", "lg"];
+function isShadowPreset(value) {
+  return typeof value === "string" && SHADOW_PRESET_KEYS.includes(value);
+}
+function shadowWeb(value) {
+  if (value == null) return "none";
+  return typeof value === "string" ? value : value.web;
+}
+function shadowNative(value) {
+  if (value == null) return void 0;
+  return typeof value === "string" ? void 0 : value.native;
+}
+const DEFAULT_NATIVE_SHADOWS = {
+  none: { shadowColor: "#000000", shadowOffset: { width: 0, height: 0 }, shadowOpacity: 0, shadowRadius: 0, elevation: 0 },
+  xs: { shadowColor: "#000000", shadowOffset: { width: 0, height: 1 }, shadowOpacity: 0.18, shadowRadius: 1.5, elevation: 2 },
+  sm: { shadowColor: "#000000", shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.2, shadowRadius: 3, elevation: 4 },
+  md: { shadowColor: "#000000", shadowOffset: { width: 0, height: 4 }, shadowOpacity: 0.22, shadowRadius: 6, elevation: 8 },
+  lg: { shadowColor: "#000000", shadowOffset: { width: 0, height: 8 }, shadowOpacity: 0.26, shadowRadius: 12, elevation: 12 }
+};
+let _activeNativeShadows = { ...DEFAULT_NATIVE_SHADOWS };
+function setActiveNativeShadows(scale) {
+  _activeNativeShadows = { ...DEFAULT_NATIVE_SHADOWS, ...scale };
+}
+function getActiveNativeShadows() {
+  return _activeNativeShadows;
+}
+function expandShadowNative(name) {
+  const preset = _activeNativeShadows[name];
+  return preset ? { ...preset } : {};
+}
+
+export { DEFAULT_NATIVE_SHADOWS, SHADOW_PRESET_KEYS, expandShadowNative, getActiveNativeShadows, isShadowPreset, setActiveNativeShadows, shadowNative, shadowWeb };
+//# sourceMappingURL=shadows.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.js","sources":["../../../../../../../types/src/Theme/shadows.ts"],"sourcesContent":["import type {INativeShadow, IShadowValue} from './types';\n\n/**\n * Cross-platform shadow presets.\n *\n * Single source of truth for the `shadow` style key (form slots / element\n * styles via `resolveStyleRecord`) AND the `shadow` factory prop\n * (`<Box shadow=\"md\">`) on both web and native.\n *\n * - Web reads `theme.shadows[<preset>].web` as a `box-shadow` CSS string,\n *   surfaced through the `--kits-shadow-<preset>` CSS variable — so consumers\n *   override it by overriding `theme.shadows`.\n * - Native reads the params published here by the native `KitsThemeProvider`\n *   (see `setActiveNativeShadows`), mirroring the `_activeColorMap` pattern the\n *   native factory already uses for colours. Consumers override by overriding\n *   `theme.shadows[<preset>].native`.\n */\n\n/** Preset names recognised by the cross-platform `shadow` key / prop. */\nexport const SHADOW_PRESET_KEYS = ['none', 'xs', 'sm', 'md', 'lg'] as const;\nexport type ShadowPreset = (typeof SHADOW_PRESET_KEYS)[number];\n\n/** Type guard: is `value` one of the cross-platform shadow presets? */\nexport function isShadowPreset(value: unknown): value is ShadowPreset {\n    return typeof value === 'string' && (SHADOW_PRESET_KEYS as readonly string[]).includes(value);\n}\n\n/** Extract the web `box-shadow` CSS string from a theme shadow value. */\nexport function shadowWeb(value: IShadowValue | undefined): string {\n    if (value == null) return 'none';\n    return typeof value === 'string' ? value : value.web;\n}\n\n/**\n * Extract native shadow params from a theme shadow value.\n * Returns `undefined` for a bare (web-only) string value.\n */\nexport function shadowNative(value: IShadowValue | undefined): INativeShadow | undefined {\n    if (value == null) return undefined;\n    return typeof value === 'string' ? undefined : value.native;\n}\n\n/**\n * Built-in native shadow params per preset. The default scale AND the fallback\n * when the active theme does not define native params for a preset. iOS uses\n * `shadow*`; Android uses `elevation`. Each step's values are tuned so the iOS\n * soft shadow and the Android elevation read as roughly equivalent.\n */\nexport const DEFAULT_NATIVE_SHADOWS = {\n    none: {shadowColor: '#000000', shadowOffset: {width: 0, height: 0}, shadowOpacity: 0, shadowRadius: 0, elevation: 0},\n    xs: {shadowColor: '#000000', shadowOffset: {width: 0, height: 1}, shadowOpacity: 0.18, shadowRadius: 1.5, elevation: 2},\n    sm: {shadowColor: '#000000', shadowOffset: {width: 0, height: 2}, shadowOpacity: 0.20, shadowRadius: 3, elevation: 4},\n    md: {shadowColor: '#000000', shadowOffset: {width: 0, height: 4}, shadowOpacity: 0.22, shadowRadius: 6, elevation: 8},\n    lg: {shadowColor: '#000000', shadowOffset: {width: 0, height: 8}, shadowOpacity: 0.26, shadowRadius: 12, elevation: 12},\n} satisfies Record<string, INativeShadow>;\n\n// ── Active native shadow scale ──────────────────────────────────────────────\n// Published by the native KitsThemeProvider (synchronously during render, like\n// `setActiveColorMap`) so platform-agnostic code and the native factory can\n// read native shadow params without React context.\nlet _activeNativeShadows: Record<string, INativeShadow> = {...DEFAULT_NATIVE_SHADOWS};\n\n/** Publish the theme's native shadow scale. Merged over the built-in defaults. */\nexport function setActiveNativeShadows(scale: Record<string, INativeShadow>): void {\n    _activeNativeShadows = {...DEFAULT_NATIVE_SHADOWS, ...scale};\n}\n\n/** The currently active native shadow scale. */\nexport function getActiveNativeShadows(): Record<string, INativeShadow> {\n    return _activeNativeShadows;\n}\n\n/**\n * Expand a `shadow` preset name into native RN shadow props\n * (`shadowColor/shadowOffset/shadowOpacity/shadowRadius/elevation`).\n * Returns `{}` for an unknown preset.\n */\nexport function expandShadowNative(name: string): Record<string, any> {\n    const preset = _activeNativeShadows[name];\n    return preset ? {...preset} : {};\n}\n"],"names":[],"mappings":"AAmBO,MAAM,qBAAqB,CAAC,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAM,MAAM,IAAI;AAI1D,SAAS,eAAe,KAAA,EAAuC;AAClE,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,IAAa,kBAAA,CAAyC,SAAS,KAAK,CAAA;AAChG;AAGO,SAAS,UAAU,KAAA,EAAyC;AAC/D,EAAA,IAAI,KAAA,IAAS,MAAM,OAAO,MAAA;AAC1B,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,GAAW,KAAA,GAAQ,KAAA,CAAM,GAAA;AACrD;AAMO,SAAS,aAAa,KAAA,EAA4D;AACrF,EAAA,IAAI,KAAA,IAAS,MAAM,OAAO,MAAA;AAC1B,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,GAAW,MAAA,GAAY,KAAA,CAAM,MAAA;AACzD;AAQO,MAAM,sBAAA,GAAyB;AAAA,EAClC,MAAM,EAAC,WAAA,EAAa,SAAA,EAAW,YAAA,EAAc,EAAC,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,IAAI,aAAA,EAAe,CAAA,EAAG,YAAA,EAAc,CAAA,EAAG,WAAW,CAAA,EAAC;AAAA,EACnH,IAAI,EAAC,WAAA,EAAa,SAAA,EAAW,YAAA,EAAc,EAAC,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,IAAI,aAAA,EAAe,IAAA,EAAM,YAAA,EAAc,GAAA,EAAK,WAAW,CAAA,EAAC;AAAA,EACtH,IAAI,EAAC,WAAA,EAAa,SAAA,EAAW,YAAA,EAAc,EAAC,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,IAAI,aAAA,EAAe,GAAA,EAAM,YAAA,EAAc,CAAA,EAAG,WAAW,CAAA,EAAC;AAAA,EACpH,IAAI,EAAC,WAAA,EAAa,SAAA,EAAW,YAAA,EAAc,EAAC,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,IAAI,aAAA,EAAe,IAAA,EAAM,YAAA,EAAc,CAAA,EAAG,WAAW,CAAA,EAAC;AAAA,EACpH,IAAI,EAAC,WAAA,EAAa,SAAA,EAAW,YAAA,EAAc,EAAC,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,IAAI,aAAA,EAAe,IAAA,EAAM,YAAA,EAAc,EAAA,EAAI,WAAW,EAAA;AACxH;AAMA,IAAI,oBAAA,GAAsD,EAAC,GAAG,sBAAA,EAAsB;AAG7E,SAAS,uBAAuB,KAAA,EAA4C;AAC/E,EAAA,oBAAA,GAAuB,EAAC,GAAG,sBAAA,EAAwB,GAAG,KAAA,EAAK;AAC/D;AAGO,SAAS,sBAAA,GAAwD;AACpE,EAAA,OAAO,oBAAA;AACX;AAOO,SAAS,mBAAmB,IAAA,EAAmC;AAClE,EAAA,MAAM,MAAA,GAAS,qBAAqB,IAAI,CAAA;AACxC,EAAA,OAAO,MAAA,GAAS,EAAC,GAAG,MAAA,KAAU,EAAC;AACnC;;;;"}