@lmb-it/kitsconcerto-native 0.1.236

package/apps/mobile/src/Factory/helpers/style.js

@@ -0,0 +1,344 @@
+import { Dimensions, Platform } from 'react-native';
+import 'react-icons/fa';
+import 'react-icons/ai';
+import 'react-icons/io';
+import '../../../../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.js';
+import 'yup';
+import allProperties from '../../../../../packages/types/src/Css/map/index.js';
+import { breakpoints } from '../../../../../packages/types/src/Css/constants/breakpoints/index.js';
+import { isShadowPreset, expandShadowNative } from '../../../../../packages/types/src/Theme/shadows.js';
+import '../../../../../packages/types/src/Theme/defaultTheme.js';
+import { CSS_VAR_MAP } from './cssVarMap.js';
+
+let _activeColorMap = CSS_VAR_MAP;
+function setActiveColorMap(map) {
+  _activeColorMap = map;
+}
+function resolveCssVar(value) {
+  const varMatch = value.match(/^var\(\s*(--[^)]+)\s*\)$/);
+  if (!varMatch) return value;
+  const varName = varMatch[1];
+  return _activeColorMap[varName] ?? CSS_VAR_MAP[varName] ?? value;
+}
+function resolveThemeTokenForNative(value) {
+  const dotMatch = value.match(/^([a-zA-Z]+)\.(\d+)$/);
+  if (dotMatch) {
+    const varName = `--kits-${dotMatch[1]}-${dotMatch[2]}`;
+    return _activeColorMap[varName] ?? value;
+  }
+  if (value.startsWith("$")) {
+    const dotIdx = value.indexOf(".");
+    if (dotIdx > 1) {
+      const category = value.substring(1, dotIdx);
+      const key = value.substring(dotIdx + 1);
+      switch (category) {
+        case "spacing": {
+          const varName = `--kits-space-${key}`;
+          return _activeColorMap[varName] ?? value;
+        }
+        case "radii": {
+          const varName = `--kits-radii-${key}`;
+          return _activeColorMap[varName] ?? value;
+        }
+        case "shadows": {
+          const varName = `--kits-shadow-${key}`;
+          return _activeColorMap[varName] ?? value;
+        }
+        case "fontSizes": {
+          const varName = `--kits-fontSize-${key}`;
+          return _activeColorMap[varName] ?? value;
+        }
+        case "fonts": {
+          const varName = `--kits-font-${key}`;
+          return _activeColorMap[varName] ?? value;
+        }
+      }
+    }
+  }
+  const semanticVarName = `--kits-${value}`;
+  if (_activeColorMap[semanticVarName]) {
+    return _activeColorMap[semanticVarName];
+  }
+  return value;
+}
+function createStyleContext() {
+  const { width, height } = Dimensions.get("window");
+  const orientation = width > height ? "landscape" : "portrait";
+  const device = Math.min(width, height) >= 768 ? "tablet" : "phone";
+  return {
+    platform: Platform.OS,
+    width,
+    height,
+    orientation,
+    device,
+    breakpoint: getCurrentBreakpoint(width)
+  };
+}
+const getCurrentBreakpoint = (width) => {
+  const entries = Object.entries(breakpoints).sort((a, b) => b[1] - a[1]);
+  for (const [key, value] of entries) {
+    if (width >= value) return key;
+  }
+  return "base";
+};
+const breakpointOrder = [
+  "base",
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl",
+  "xxl",
+  "xxxl"
+];
+function toNativeValue(value) {
+  if (typeof value !== "string") return value;
+  if (value === "0") return 0;
+  const resolvedToken = resolveThemeTokenForNative(value);
+  if (resolvedToken !== value) return toNativeValue(resolvedToken);
+  if (value.startsWith("var(")) {
+    const resolved = resolveCssVar(value);
+    return resolved !== value ? toNativeValue(resolved) : value;
+  }
+  const remMatch = value.match(/^(-?\d*\.?\d+)rem$/);
+  if (remMatch) return parseFloat(remMatch[1]) * 16;
+  const emMatch = value.match(/^(-?\d*\.?\d+)em$/);
+  if (emMatch) return parseFloat(emMatch[1]) * 16;
+  const pxMatch = value.match(/^(-?\d*\.?\d+)px$/);
+  if (pxMatch) return parseFloat(pxMatch[1]);
+  const pcMatch = value.match(/^(-?\d*\.?\d+)pc$/);
+  if (pcMatch) return parseFloat(pcMatch[1]) * 16;
+  const numMatch = value.match(/^(-?\d*\.?\d+)$/);
+  if (numMatch) return parseFloat(numMatch[1]);
+  return value;
+}
+const BORDER_STYLES = ["solid", "dashed", "dotted", "double", "groove", "ridge", "inset", "outset"];
+function extractBorderWidth(part) {
+  const remMatch = part.match(/^(\d+(\.\d+)?)rem$/);
+  if (remMatch) return parseFloat(remMatch[1]) * 16;
+  const emMatch = part.match(/^(\d+(\.\d+)?)em$/);
+  if (emMatch) return parseFloat(emMatch[1]) * 16;
+  const match = part.match(/^(\d+(\.\d+)?)(px)?$/);
+  if (!match) return void 0;
+  const n = Number(match[1]);
+  return Number.isFinite(n) ? n : void 0;
+}
+const parseBorder = (value) => {
+  if (!value || typeof value !== "string") return {};
+  const parts = value.trim().split(/\s+/);
+  let borderWidth;
+  let borderStyle;
+  let borderColor;
+  for (const part of parts) {
+    if (!borderWidth && /^(\d+(\.\d+)?(px|em|rem|%)?)$/.test(part)) {
+      const extracted = extractBorderWidth(part);
+      if (extracted !== void 0) {
+        borderWidth = extracted;
+        continue;
+      }
+      continue;
+    }
+    if (!borderStyle && BORDER_STYLES.includes(part)) {
+      borderStyle = part;
+      continue;
+    }
+    if (!borderColor && (/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(part) || /^rgb(a)?\(/.test(part) || /^hsl(a)?\(/.test(part) || /^[a-zA-Z]+$/.test(part))) {
+      borderColor = part;
+    }
+  }
+  return { borderWidth, borderStyle, borderColor };
+};
+const isPrimitive = (v) => typeof v === "number" || typeof v === "string";
+function resolveResponsiveValue(input, ctx) {
+  if (input == null || isPrimitive(input)) {
+    return input;
+  }
+  if (Array.isArray(input)) {
+    const index = breakpointOrder.indexOf(ctx.breakpoint);
+    for (let i = index; i >= 0; i--) {
+      const val = input[i];
+      if (val !== null && val !== void 0) return val;
+    }
+    return void 0;
+  }
+  if (ctx.platform in input) {
+    return resolveResponsiveValue(input[ctx.platform], ctx);
+  }
+  if (ctx.device in input) {
+    return resolveResponsiveValue(input[ctx.device], ctx);
+  }
+  if (ctx.orientation in input) {
+    return resolveResponsiveValue(input[ctx.orientation], ctx);
+  }
+  for (let i = breakpointOrder.indexOf(ctx.breakpoint); i >= 0; i--) {
+    const bp = breakpointOrder[i];
+    if (bp && bp in input) return input[bp];
+  }
+  return void 0;
+}
+const resolveSizing = (value, key, ctx) => {
+  if (value === "full") return "100%";
+  if (value === "screen") {
+    const isH = key === "h" || key === "height" || key === "minH" || key === "maxH";
+    return isH ? ctx.height : ctx.width;
+  }
+  return toNativeValue(value);
+};
+const parseBorderSide = (resolved, side) => {
+  const parsed = parseBorder(resolved);
+  const styles = {};
+  if (parsed.borderWidth !== void 0) styles[`${side}Width`] = parsed.borderWidth;
+  if (parsed.borderColor) styles[`${side}Color`] = parsed.borderColor;
+  if (parsed.borderStyle) styles[`${side}Style`] = parsed.borderStyle;
+  return styles;
+};
+const style = (props, externalCtx) => {
+  const ctx = externalCtx ?? createStyleContext();
+  const finalStyles = {};
+  const transforms = [];
+  const apply = (key, value) => {
+    const mapped = allProperties[key];
+    if (!mapped) return;
+    const converted = toNativeValue(value);
+    finalStyles[mapped] = converted;
+  };
+  Object.entries(props).forEach(([key, val]) => {
+    if (val === void 0 || key.startsWith("_")) return;
+    const resolved = resolveResponsiveValue(val, ctx);
+    if (resolved === void 0) return;
+    switch (key) {
+      // Margin shorthands
+      case "mx":
+        finalStyles.marginLeft = toNativeValue(resolved);
+        finalStyles.marginRight = toNativeValue(resolved);
+        break;
+      case "my":
+        finalStyles.marginTop = toNativeValue(resolved);
+        finalStyles.marginBottom = toNativeValue(resolved);
+        break;
+      // Padding shorthands
+      case "px":
+        finalStyles.paddingLeft = toNativeValue(resolved);
+        finalStyles.paddingRight = toNativeValue(resolved);
+        break;
+      case "py":
+        finalStyles.paddingTop = toNativeValue(resolved);
+        finalStyles.paddingBottom = toNativeValue(resolved);
+        break;
+      // Sizing with "full"/"screen" support
+      case "w":
+      case "width":
+        finalStyles.width = resolveSizing(resolved, key, ctx);
+        break;
+      case "h":
+      case "height":
+        finalStyles.height = resolveSizing(resolved, key, ctx);
+        break;
+      case "minW":
+      case "minWidth":
+        finalStyles.minWidth = resolveSizing(resolved, key, ctx);
+        break;
+      case "maxW":
+      case "maxWidth":
+        finalStyles.maxWidth = resolveSizing(resolved, key, ctx);
+        break;
+      case "minH":
+      case "minHeight":
+        finalStyles.minHeight = resolveSizing(resolved, key, ctx);
+        break;
+      case "maxH":
+      case "maxHeight":
+        finalStyles.maxHeight = resolveSizing(resolved, key, ctx);
+        break;
+      // Opacity normalization (0-100 -> 0-1)
+      case "opacity":
+        finalStyles.opacity = typeof resolved === "number" ? resolved / 100 : resolved;
+        break;
+      // Border shorthand
+      case "border":
+        if (typeof resolved === "string") {
+          Object.assign(finalStyles, parseBorder(resolved));
+        }
+        break;
+      // Border side-specific
+      case "borderTop":
+        if (typeof resolved === "string") {
+          Object.assign(finalStyles, parseBorderSide(resolved, "borderTop"));
+        }
+        break;
+      case "borderBottom":
+        if (typeof resolved === "string") {
+          Object.assign(finalStyles, parseBorderSide(resolved, "borderBottom"));
+        }
+        break;
+      case "borderLeft":
+        if (typeof resolved === "string") {
+          Object.assign(finalStyles, parseBorderSide(resolved, "borderLeft"));
+        }
+        break;
+      case "borderRight":
+        if (typeof resolved === "string") {
+          Object.assign(finalStyles, parseBorderSide(resolved, "borderRight"));
+        }
+        break;
+      // Border X/Y shorthands
+      case "borderX":
+        if (typeof resolved === "string") {
+          Object.assign(finalStyles, parseBorderSide(resolved, "borderLeft"));
+          Object.assign(finalStyles, parseBorderSide(resolved, "borderRight"));
+        }
+        break;
+      case "borderY":
+        if (typeof resolved === "string") {
+          Object.assign(finalStyles, parseBorderSide(resolved, "borderTop"));
+          Object.assign(finalStyles, parseBorderSide(resolved, "borderBottom"));
+        }
+        break;
+      // Border radius shorthands
+      case "borderRadiusTop":
+        finalStyles.borderTopLeftRadius = toNativeValue(resolved);
+        finalStyles.borderTopRightRadius = toNativeValue(resolved);
+        break;
+      case "borderRadiusBottom":
+        finalStyles.borderBottomLeftRadius = toNativeValue(resolved);
+        finalStyles.borderBottomRightRadius = toNativeValue(resolved);
+        break;
+      case "borderRadiusLeft":
+        finalStyles.borderTopLeftRadius = toNativeValue(resolved);
+        finalStyles.borderBottomLeftRadius = toNativeValue(resolved);
+        break;
+      case "borderRadiusRight":
+        finalStyles.borderTopRightRadius = toNativeValue(resolved);
+        finalStyles.borderBottomRightRadius = toNativeValue(resolved);
+        break;
+      // Transform props -> RN transform array
+      case "translateX":
+        transforms.push({ translateX: typeof resolved === "string" ? parseFloat(resolved) || 0 : resolved });
+        break;
+      case "translateY":
+        transforms.push({ translateY: typeof resolved === "string" ? parseFloat(resolved) || 0 : resolved });
+        break;
+      case "rotate":
+        transforms.push({ rotate: typeof resolved === "number" ? `${resolved}deg` : resolved });
+        break;
+      // Cross-platform shadow preset → native shadow props (shadowColor /
+      // shadowOffset / shadowOpacity / shadowRadius / elevation). The scale is
+      // published by the native KitsThemeProvider from `theme.shadows`.
+      case "shadow":
+        if (typeof resolved === "string" && isShadowPreset(resolved)) {
+          Object.assign(finalStyles, expandShadowNative(resolved));
+        }
+        break;
+      default:
+        apply(key, resolved);
+        break;
+    }
+  });
+  if (transforms.length > 0) {
+    finalStyles.transform = transforms;
+  }
+  return finalStyles;
+};
+
+export { createStyleContext, getCurrentBreakpoint, resolveCssVar, resolveResponsiveValue, resolveThemeTokenForNative, setActiveColorMap, style, toNativeValue };
+//# sourceMappingURL=style.js.map

package/apps/mobile/src/Factory/helpers/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../../../../../../apps/mobile/src/Factory/helpers/style.ts"],"sourcesContent":["import { Dimensions, Platform, type ViewStyle } from 'react-native';\nimport { breakpoints, expandShadowNative, isShadowPreset, type IStyleClasses, mapCssProperties } from '@lmb-it/kitsconcerto-types';\nimport { CSS_VAR_MAP } from './cssVarMap';\n\n// Dynamic color map — defaults to static CSS_VAR_MAP, overridden by KitsThemeProvider\nlet _activeColorMap: Record<string, string> = CSS_VAR_MAP;\n\n/** Sets the active color map (called by KitsThemeProvider on native) */\nexport function setActiveColorMap(map: Record<string, string>) {\n  _activeColorMap = map;\n}\n\n/** Returns the active color map */\nexport function getActiveColorMap(): Record<string, string> {\n  return _activeColorMap;\n}\n\nexport type StyleContext = {\n  platform: 'ios' | 'android';\n  width: number;\n  height: number;\n  orientation: 'portrait' | 'landscape';\n  device: 'phone' | 'tablet';\n  breakpoint: keyof typeof breakpoints;\n};\n\n/**\n * Strips the `var()` wrapper from a CSS variable string.\n * e.g. `var(--primary-500)` → `--primary-500`\n */\nexport const normalizeColor = (color: string): string => {\n  const match = color.match(/^var\\((--[^)]+)\\)$/);\n  return match ? match[1]! : color;\n};\n\n/**\n * Resolves a CSS variable `var(--xyz)` to its native hex value via the active color map.\n * Non-variable strings are returned unchanged.\n */\nexport function resolveCssVar(value: string): string {\n  const varMatch = value.match(/^var\\(\\s*(--[^)]+)\\s*\\)$/);\n  if (!varMatch) return value;\n  const varName = varMatch[1]!;\n  return _activeColorMap[varName] ?? CSS_VAR_MAP[varName] ?? value;\n}\n\n/**\n * Resolves theme tokens (dot-notation, semantic, $-prefixed) to native values.\n * - 'blue.500' → lookup --kits-blue-500 in color map\n * - 'primary' → lookup --kits-primary in color map\n * - '$spacing.4' → '1rem' (then further converted by toNativeValue)\n */\nexport function resolveThemeTokenForNative(value: string): string {\n  // Dot-notation: blue.500\n  const dotMatch = value.match(/^([a-zA-Z]+)\\.(\\d+)$/);\n  if (dotMatch) {\n    const varName = `--kits-${dotMatch[1]}-${dotMatch[2]}`;\n    return _activeColorMap[varName] ?? value;\n  }\n\n  // $-prefixed tokens: $spacing.4, $radii.lg, etc.\n  if (value.startsWith('$')) {\n    const dotIdx = value.indexOf('.');\n    if (dotIdx > 1) {\n      const category = value.substring(1, dotIdx);\n      const key = value.substring(dotIdx + 1);\n      switch (category) {\n        case 'spacing': {\n          const varName = `--kits-space-${key}`;\n          return _activeColorMap[varName] ?? value;\n        }\n        case 'radii': {\n          const varName = `--kits-radii-${key}`;\n          return _activeColorMap[varName] ?? value;\n        }\n        case 'shadows': {\n          const varName = `--kits-shadow-${key}`;\n          return _activeColorMap[varName] ?? value;\n        }\n        case 'fontSizes': {\n          const varName = `--kits-fontSize-${key}`;\n          return _activeColorMap[varName] ?? value;\n        }\n        case 'fonts': {\n          const varName = `--kits-font-${key}`;\n          return _activeColorMap[varName] ?? value;\n        }\n      }\n    }\n  }\n\n  // Semantic tokens: 'primary', 'danger', etc.\n  const semanticVarName = `--kits-${value}`;\n  if (_activeColorMap[semanticVarName]) {\n    return _activeColorMap[semanticVarName]!;\n  }\n\n  return value;\n}\nexport function createStyleContext(): StyleContext {\n  const { width, height } = Dimensions.get('window');\n\n  const orientation = width > height ? 'landscape' : 'portrait';\n  const device = Math.min(width, height) >= 768 ? 'tablet' : 'phone';\n\n  return {\n    platform: Platform.OS as 'ios' | 'android',\n    width,\n    height,\n    orientation,\n    device,\n    breakpoint: getCurrentBreakpoint(width),\n  };\n}\nexport const getCurrentBreakpoint = (\n  width: number\n): keyof typeof breakpoints => {\n  const entries = Object.entries(breakpoints)\n    .sort((a, b) => b[1] - a[1]);\n\n  for (const [key, value] of entries) {\n    if (width >= value) return key as keyof typeof breakpoints;\n  }\n  return 'base';\n};\n\nconst breakpointOrder: (keyof typeof breakpoints)[] = [\n  'base',\n  'xs',\n  'sm',\n  'md',\n  'lg',\n  'xl',\n  'xxl',\n  'xxxl',\n];\n\n// ---------------------------------------------------------------------------\n// CSS unit → React Native value conversion\n// RN only accepts numbers (dp) or percentage strings for most layout props.\n// 1rem = 16dp baseline, 1em = 16dp baseline, px is stripped to a number.\n// Percentages (e.g. \"50%\") are passed through — RN supports them for dimensions.\n// CSS variables var(--*) are resolved via CSS_VAR_MAP to their native values.\n// ---------------------------------------------------------------------------\nexport function toNativeValue(value: any): any {\n  if (typeof value !== 'string') return value;\n  if (value === '0') return 0;\n\n  // Theme token resolution: 'blue.500', 'primary', '$spacing.4',\n  // 'on-primary', 'surface-subtle', and any other consumer-declared\n  // semantic token.\n  //\n  // We try resolution UNCONDITIONALLY on every string value — the old\n  // `isThemeToken(value)` gate only recognised the 15 built-in semantic\n  // names hardcoded in the types package, so consumer-extended tokens\n  // (registered via `extendTheme({ semanticTokens: {...} })`) silently\n  // fell through to RN as raw strings and rendered as invalid colors.\n  //\n  // `resolveThemeTokenForNative` is a safe no-op when the input isn't\n  // in the active color map: it returns the input unchanged, so CSS\n  // keywords like 'flex-start' / 'row-reverse' / 'space-between' and\n  // layout strings pass through without side effects.\n  const resolvedToken = resolveThemeTokenForNative(value);\n  if (resolvedToken !== value) return toNativeValue(resolvedToken);\n\n  // CSS variable resolution: var(--xyz) → resolved hex color or value\n  if (value.startsWith('var(')) {\n    const resolved = resolveCssVar(value);\n    // If resolution returned something different, recurse (it might be a rem value etc.)\n    return resolved !== value ? toNativeValue(resolved) : value;\n  }\n\n  // rem → number  (1rem = 16dp)\n  const remMatch = value.match(/^(-?\\d*\\.?\\d+)rem$/);\n  if (remMatch) return parseFloat(remMatch[1]!) * 16;\n\n  // em → number  (1em = 16dp baseline)\n  const emMatch = value.match(/^(-?\\d*\\.?\\d+)em$/);\n  if (emMatch) return parseFloat(emMatch[1]!) * 16;\n\n  // px → number\n  const pxMatch = value.match(/^(-?\\d*\\.?\\d+)px$/);\n  if (pxMatch) return parseFloat(pxMatch[1]!);\n\n  // pc (pica) → number  (1pc = 12pt = 16dp)\n  const pcMatch = value.match(/^(-?\\d*\\.?\\d+)pc$/);\n  if (pcMatch) return parseFloat(pcMatch[1]!) * 16;\n\n  // pure number string → number\n  const numMatch = value.match(/^(-?\\d*\\.?\\d+)$/);\n  if (numMatch) return parseFloat(numMatch[1]!);\n\n  // Percentage strings, keywords, colors — pass through\n  return value;\n}\n\ntype ParsedBorder = {\n  borderWidth?: number;\n  borderStyle?: 'solid' | 'dotted' | 'dashed';\n  borderColor?: string;\n};\n\nconst BORDER_STYLES = [\"solid\", \"dashed\", \"dotted\", \"double\", \"groove\", \"ridge\", \"inset\", \"outset\"];\n\n// Extract numeric border width, with rem/em/px unit conversion\nfunction extractBorderWidth(part: string): number | undefined {\n  // rem\n  const remMatch = part.match(/^(\\d+(\\.\\d+)?)rem$/);\n  if (remMatch) return parseFloat(remMatch[1]!) * 16;\n  // em\n  const emMatch = part.match(/^(\\d+(\\.\\d+)?)em$/);\n  if (emMatch) return parseFloat(emMatch[1]!) * 16;\n  // px or bare number\n  const match = part.match(/^(\\d+(\\.\\d+)?)(px)?$/);\n  if (!match) return undefined;\n  const n = Number(match[1]);\n  return Number.isFinite(n) ? n : undefined;\n}\n\nconst parseBorder = (value: string): ParsedBorder => {\n  if (!value || typeof value !== \"string\") return {};\n\n  const parts = value.trim().split(/\\s+/);\n\n  let borderWidth: number | undefined;\n  let borderStyle: \"solid\" | \"dotted\" | \"dashed\" | undefined;\n  let borderColor: string | undefined;\n\n  for (const part of parts) {\n    // Detect width (e.g., \"1px\", \"2rem\", \"0.5em\", \"0\", \"5\", etc.)\n    if (!borderWidth && /^(\\d+(\\.\\d+)?(px|em|rem|%)?)$/.test(part)) {\n      const extracted = extractBorderWidth(part);\n      if (extracted !== undefined) {\n        borderWidth = extracted;\n        continue;\n      }\n      continue;\n    }\n\n    // Detect style\n    if (!borderStyle && BORDER_STYLES.includes(part)) {\n      borderStyle = part as \"solid\" | \"dotted\" | \"dashed\";\n      continue;\n    }\n\n    // Detect color (hex, rgb, rgba, hsl, named colors — not CSS vars)\n    if (\n      !borderColor &&\n      (/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(part) ||\n        /^rgb(a)?\\(/.test(part) ||\n        /^hsl(a)?\\(/.test(part) ||\n        /^[a-zA-Z]+$/.test(part))\n    ) {\n      borderColor = part;\n    }\n  }\n\n  return { borderWidth, borderStyle, borderColor };\n};\n\nconst isPrimitive = (v: any) =>\n  typeof v === 'number' || typeof v === 'string';\n\nexport function resolveResponsiveValue<T>(\n  input: any,\n  ctx: StyleContext\n): T | undefined {\n\n  // 1. Direct value\n  if (input == null || isPrimitive(input)) {\n    return input as T;\n  }\n\n  // 2. Array syntax — cascade like CSS: find the last defined value at or\n  //    before the current breakpoint index, matching web's min-width cascade.\n  if (Array.isArray(input)) {\n    const index = breakpointOrder.indexOf(ctx.breakpoint);\n    for (let i = index; i >= 0; i--) {\n      const val = input[i];\n      if (val !== null && val !== undefined) return val as T;\n    }\n    return undefined;\n  }\n\n  // 3. Platform\n  if (ctx.platform in input) {\n    return resolveResponsiveValue(input[ctx.platform], ctx);\n  }\n\n  // 4. Device\n  if (ctx.device in input) {\n    return resolveResponsiveValue(input[ctx.device], ctx);\n  }\n\n  // 5. Orientation\n  if (ctx.orientation in input) {\n    return resolveResponsiveValue(input[ctx.orientation], ctx);\n  }\n\n  // 6. Breakpoints (fallback chain)\n  for (\n    let i = breakpointOrder.indexOf(ctx.breakpoint);\n    i >= 0;\n    i--\n  ) {\n    const bp = breakpointOrder[i];\n    if (bp && bp in input) return input[bp];\n  }\n\n  return undefined;\n}\n\nconst resolveSizing = (value: any, key: string, ctx: StyleContext) => {\n  if (value === 'full') return '100%';\n  if (value === 'screen') {\n    const isH = key === 'h' || key === 'height' || key === 'minH' || key === 'maxH';\n    return isH ? ctx.height : ctx.width;\n  }\n  return toNativeValue(value);\n};\n\nconst parseBorderSide = (resolved: string, side: string): Record<string, any> => {\n  const parsed = parseBorder(resolved);\n  const styles: Record<string, any> = {};\n  if (parsed.borderWidth !== undefined) styles[`${side}Width`] = parsed.borderWidth;\n  if (parsed.borderColor) styles[`${side}Color`] = parsed.borderColor;\n  if (parsed.borderStyle) styles[`${side}Style`] = parsed.borderStyle;\n  return styles;\n};\n\nexport const style = (props: IStyleClasses, externalCtx?: StyleContext) => {\n  const ctx = externalCtx ?? createStyleContext();\n  const finalStyles: Partial<ViewStyle> = {};\n  const transforms: { [key: string]: any }[] = [];\n  const apply = (key: string, value: any) => {\n    const mapped = mapCssProperties[key];\n    if (!mapped) return;\n    const converted = toNativeValue(value);\n    (finalStyles as Record<string, any>)[mapped] = converted;\n  };\n\n  Object.entries(props).forEach(([key, val]) => {\n    if (val === undefined || key.startsWith('_')) return;\n\n    const resolved = resolveResponsiveValue<any>(val, ctx);\n    if (resolved === undefined) return;\n\n    switch (key) {\n      // Margin shorthands\n      case 'mx':\n        finalStyles.marginLeft = toNativeValue(resolved);\n        finalStyles.marginRight = toNativeValue(resolved);\n        break;\n      case 'my':\n        finalStyles.marginTop = toNativeValue(resolved);\n        finalStyles.marginBottom = toNativeValue(resolved);\n        break;\n\n      // Padding shorthands\n      case 'px':\n        finalStyles.paddingLeft = toNativeValue(resolved);\n        finalStyles.paddingRight = toNativeValue(resolved);\n        break;\n      case 'py':\n        finalStyles.paddingTop = toNativeValue(resolved);\n        finalStyles.paddingBottom = toNativeValue(resolved);\n        break;\n\n      // Sizing with \"full\"/\"screen\" support\n      case 'w':\n      case 'width':\n        finalStyles.width = resolveSizing(resolved, key, ctx);\n        break;\n      case 'h':\n      case 'height':\n        finalStyles.height = resolveSizing(resolved, key, ctx);\n        break;\n      case 'minW':\n      case 'minWidth':\n        finalStyles.minWidth = resolveSizing(resolved, key, ctx);\n        break;\n      case 'maxW':\n      case 'maxWidth':\n        finalStyles.maxWidth = resolveSizing(resolved, key, ctx);\n        break;\n      case 'minH':\n      case 'minHeight':\n        finalStyles.minHeight = resolveSizing(resolved, key, ctx);\n        break;\n      case 'maxH':\n      case 'maxHeight':\n        finalStyles.maxHeight = resolveSizing(resolved, key, ctx);\n        break;\n\n      // Opacity normalization (0-100 -> 0-1)\n      case 'opacity':\n        finalStyles.opacity = typeof resolved === 'number' ? resolved / 100 : resolved;\n        break;\n\n      // Border shorthand\n      case 'border':\n        if (typeof resolved === 'string') {\n          Object.assign(finalStyles, parseBorder(resolved));\n        }\n        break;\n      // Border side-specific\n      case 'borderTop':\n        if (typeof resolved === 'string') {\n          Object.assign(finalStyles, parseBorderSide(resolved, 'borderTop'));\n        }\n        break;\n      case 'borderBottom':\n        if (typeof resolved === 'string') {\n          Object.assign(finalStyles, parseBorderSide(resolved, 'borderBottom'));\n        }\n        break;\n      case 'borderLeft':\n        if (typeof resolved === 'string') {\n          Object.assign(finalStyles, parseBorderSide(resolved, 'borderLeft'));\n        }\n        break;\n      case 'borderRight':\n        if (typeof resolved === 'string') {\n          Object.assign(finalStyles, parseBorderSide(resolved, 'borderRight'));\n        }\n        break;\n      // Border X/Y shorthands\n      case 'borderX':\n        if (typeof resolved === 'string') {\n          Object.assign(finalStyles, parseBorderSide(resolved, 'borderLeft'));\n          Object.assign(finalStyles, parseBorderSide(resolved, 'borderRight'));\n        }\n        break;\n      case 'borderY':\n        if (typeof resolved === 'string') {\n          Object.assign(finalStyles, parseBorderSide(resolved, 'borderTop'));\n          Object.assign(finalStyles, parseBorderSide(resolved, 'borderBottom'));\n        }\n        break;\n\n      // Border radius shorthands\n      case 'borderRadiusTop':\n        finalStyles.borderTopLeftRadius = toNativeValue(resolved);\n        finalStyles.borderTopRightRadius = toNativeValue(resolved);\n        break;\n      case 'borderRadiusBottom':\n        finalStyles.borderBottomLeftRadius = toNativeValue(resolved);\n        finalStyles.borderBottomRightRadius = toNativeValue(resolved);\n        break;\n      case 'borderRadiusLeft':\n        finalStyles.borderTopLeftRadius = toNativeValue(resolved);\n        finalStyles.borderBottomLeftRadius = toNativeValue(resolved);\n        break;\n      case 'borderRadiusRight':\n        finalStyles.borderTopRightRadius = toNativeValue(resolved);\n        finalStyles.borderBottomRightRadius = toNativeValue(resolved);\n        break;\n\n      // Transform props -> RN transform array\n      case 'translateX':\n        transforms.push({ translateX: typeof resolved === 'string' ? parseFloat(resolved) || 0 : resolved });\n        break;\n      case 'translateY':\n        transforms.push({ translateY: typeof resolved === 'string' ? parseFloat(resolved) || 0 : resolved });\n        break;\n      case 'rotate':\n        transforms.push({ rotate: typeof resolved === 'number' ? `${resolved}deg` : resolved });\n        break;\n\n      // Cross-platform shadow preset → native shadow props (shadowColor /\n      // shadowOffset / shadowOpacity / shadowRadius / elevation). The scale is\n      // published by the native KitsThemeProvider from `theme.shadows`.\n      case 'shadow':\n        if (typeof resolved === 'string' && isShadowPreset(resolved)) {\n          Object.assign(finalStyles, expandShadowNative(resolved));\n        }\n        break;\n\n      default:\n        apply(key, resolved);\n        break;\n    }\n  });\n\n  if (transforms.length > 0) {\n    finalStyles.transform = transforms as any;\n  }\n\n  return finalStyles;\n};\n"],"names":["mapCssProperties"],"mappings":"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"}

package/apps/mobile/src/Factory/useSeparator.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react-icons/fa');
+require('react-icons/ai');
+require('react-icons/io');
+require('../../../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.cjs');
+require('yup');
+var index_native = require('../../../../packages/types/src/Css/map/index.cjs');
+require('../../../../packages/types/src/Theme/shadows.cjs');
+require('../../../../packages/types/src/Theme/defaultTheme.cjs');
+
+const split = (props) => {
+  const cssProps = {};
+  const nativeProps = {};
+  for (const key in props) {
+    if (key in index_native.default) {
+      cssProps[key] = props[key];
+    } else {
+      nativeProps[key] = props[key];
+    }
+  }
+  return { cssProps, nativeProps };
+};
+const useSeparator = (props) => {
+  return split(props);
+};
+
+exports.default = useSeparator;
+exports.split = split;
+exports.useSeparator = useSeparator;
+//# sourceMappingURL=useSeparator.cjs.map

package/apps/mobile/src/Factory/useSeparator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSeparator.cjs","sources":["../../../../../../../../apps/mobile/src/Factory/useSeparator.ts"],"sourcesContent":["import { type IStyleClasses, mapCssProperties } from \"@lmb-it/kitsconcerto-types\";\n\nexport interface IUseSeparator<T> {\n  cssProps: IStyleClasses;\n  nativeProps: T;\n}\n\n/**\n * Split incoming props into styling-related props (cssProps)\n * and component-specific props (nativeProps).\n */\nexport const split = <T extends Record<string, any>>(props: Record<string, any>): IUseSeparator<T> => {\n  const cssProps: IStyleClasses = {} as IStyleClasses;\n  const nativeProps = {} as T;\n\n  for (const key in props) {\n    if (key in mapCssProperties) {\n      (cssProps as any)[key] = props[key];\n    } else {\n      (nativeProps as any)[key] = props[key];\n    }\n  }\n\n  return { cssProps, nativeProps };\n};\n\n/**\n * Main hook: returns separated cssProps and nativeProps\n */\nexport const useSeparator = <T extends Record<string, any>>(props: Record<string, any>): IUseSeparator<T> => {\n  return split<T>(props);\n};\n\nexport default useSeparator;\n"],"names":["mapCssProperties"],"mappings":";;;;;;;;;;;;;AAWO,MAAM,KAAA,GAAQ,CAAgC,KAAA,KAAiD;AACpG,EAAA,MAAM,WAA0B,EAAC;AACjC,EAAA,MAAM,cAAc,EAAC;AAErB,EAAA,KAAA,MAAW,OAAO,KAAA,EAAO;AACvB,IAAA,IAAI,OAAOA,oBAAA,EAAkB;AAC3B,MAAC,QAAA,CAAiB,GAAG,CAAA,GAAI,KAAA,CAAM,GAAG,CAAA;AAAA,IACpC,CAAA,MAAO;AACL,MAAC,WAAA,CAAoB,GAAG,CAAA,GAAI,KAAA,CAAM,GAAG,CAAA;AAAA,IACvC;AAAA,EACF;AAEA,EAAA,OAAO,EAAE,UAAU,WAAA,EAAY;AACjC;AAKO,MAAM,YAAA,GAAe,CAAgC,KAAA,KAAiD;AAC3G,EAAA,OAAO,MAAS,KAAK,CAAA;AACvB;;;;;;"}

package/apps/mobile/src/Factory/useSeparator.js

@@ -0,0 +1,27 @@
+import 'react-icons/fa';
+import 'react-icons/ai';
+import 'react-icons/io';
+import '../../../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.js';
+import 'yup';
+import allProperties from '../../../../packages/types/src/Css/map/index.js';
+import '../../../../packages/types/src/Theme/shadows.js';
+import '../../../../packages/types/src/Theme/defaultTheme.js';
+
+const split = (props) => {
+  const cssProps = {};
+  const nativeProps = {};
+  for (const key in props) {
+    if (key in allProperties) {
+      cssProps[key] = props[key];
+    } else {
+      nativeProps[key] = props[key];
+    }
+  }
+  return { cssProps, nativeProps };
+};
+const useSeparator = (props) => {
+  return split(props);
+};
+
+export { useSeparator as default, split, useSeparator };
+//# sourceMappingURL=useSeparator.js.map

package/apps/mobile/src/Factory/useSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSeparator.js","sources":["../../../../../../../../apps/mobile/src/Factory/useSeparator.ts"],"sourcesContent":["import { type IStyleClasses, mapCssProperties } from \"@lmb-it/kitsconcerto-types\";\n\nexport interface IUseSeparator<T> {\n  cssProps: IStyleClasses;\n  nativeProps: T;\n}\n\n/**\n * Split incoming props into styling-related props (cssProps)\n * and component-specific props (nativeProps).\n */\nexport const split = <T extends Record<string, any>>(props: Record<string, any>): IUseSeparator<T> => {\n  const cssProps: IStyleClasses = {} as IStyleClasses;\n  const nativeProps = {} as T;\n\n  for (const key in props) {\n    if (key in mapCssProperties) {\n      (cssProps as any)[key] = props[key];\n    } else {\n      (nativeProps as any)[key] = props[key];\n    }\n  }\n\n  return { cssProps, nativeProps };\n};\n\n/**\n * Main hook: returns separated cssProps and nativeProps\n */\nexport const useSeparator = <T extends Record<string, any>>(props: Record<string, any>): IUseSeparator<T> => {\n  return split<T>(props);\n};\n\nexport default useSeparator;\n"],"names":["mapCssProperties"],"mappings":";;;;;;;;;AAWO,MAAM,KAAA,GAAQ,CAAgC,KAAA,KAAiD;AACpG,EAAA,MAAM,WAA0B,EAAC;AACjC,EAAA,MAAM,cAAc,EAAC;AAErB,EAAA,KAAA,MAAW,OAAO,KAAA,EAAO;AACvB,IAAA,IAAI,OAAOA,aAAA,EAAkB;AAC3B,MAAC,QAAA,CAAiB,GAAG,CAAA,GAAI,KAAA,CAAM,GAAG,CAAA;AAAA,IACpC,CAAA,MAAO;AACL,MAAC,WAAA,CAAoB,GAAG,CAAA,GAAI,KAAA,CAAM,GAAG,CAAA;AAAA,IACvC;AAAA,EACF;AAEA,EAAA,OAAO,EAAE,UAAU,WAAA,EAAY;AACjC;AAKO,MAAM,YAAA,GAAe,CAAgC,KAAA,KAAiD;AAC3G,EAAA,OAAO,MAAS,KAAK,CAAA;AACvB;;;;"}

package/apps/mobile/src/i18n/index.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var i18n = require('i18next');
+var reactI18next = require('react-i18next');
+
+async function initMobileI18n(resources) {
+  await i18n.use(reactI18next.initReactI18next).init({
+    lng: "en",
+    fallbackLng: "en",
+    resources
+  });
+  return i18n;
+}
+
+exports.initMobileI18n = initMobileI18n;
+//# sourceMappingURL=index.cjs.map

package/apps/mobile/src/i18n/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../apps/mobile/src/i18n/index.ts"],"sourcesContent":["import i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\n\nexport async function initMobileI18n(resources:any) {\n\n\n\n await i18n\n    .use(initReactI18next)\n    .init({\n      lng: \"en\",\n      fallbackLng: \"en\",\n      resources,\n    });\n\n  return i18n;\n}\nexport default i18n;\n"],"names":["initReactI18next"],"mappings":";;;;;AAGA,eAAsB,eAAe,SAAA,EAAe;AAInD,EAAA,MAAM,IAAA,CACF,GAAA,CAAIA,6BAAgB,CAAA,CACpB,IAAA,CAAK;AAAA,IACJ,GAAA,EAAK,IAAA;AAAA,IACL,WAAA,EAAa,IAAA;AAAA,IACb;AAAA,GACD,CAAA;AAEH,EAAA,OAAO,IAAA;AACT;;;;"}

package/apps/mobile/src/i18n/index.js

@@ -0,0 +1,14 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+
+async function initMobileI18n(resources) {
+  await i18n.use(initReactI18next).init({
+    lng: "en",
+    fallbackLng: "en",
+    resources
+  });
+  return i18n;
+}
+
+export { initMobileI18n };
+//# sourceMappingURL=index.js.map

package/apps/mobile/src/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../apps/mobile/src/i18n/index.ts"],"sourcesContent":["import i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\n\nexport async function initMobileI18n(resources:any) {\n\n\n\n await i18n\n    .use(initReactI18next)\n    .init({\n      lng: \"en\",\n      fallbackLng: \"en\",\n      resources,\n    });\n\n  return i18n;\n}\nexport default i18n;\n"],"names":[],"mappings":";;;AAGA,eAAsB,eAAe,SAAA,EAAe;AAInD,EAAA,MAAM,IAAA,CACF,GAAA,CAAI,gBAAgB,CAAA,CACpB,IAAA,CAAK;AAAA,IACJ,GAAA,EAAK,IAAA;AAAA,IACL,WAAA,EAAa,IAAA;AAAA,IACb;AAAA,GACD,CAAA;AAEH,EAAA,OAAO,IAAA;AACT;;;;"}