@lmb-it/kitsconcerto-native 0.1.236

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

@@ -0,0 +1,182 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { TouchableOpacity, ScrollView, Pressable, View } from 'react-native';
+import Animated from 'react-native-reanimated';
+import '../ui/accordion/index.js';
+import '../ui/actionsheet/index.js';
+import '../ui/alert/index.js';
+import '../ui/alert-dialog/index.js';
+import '../ui/avatar/index.js';
+import '../ui/badge/index.js';
+import '../ui/bottomsheet/index.js';
+import { Box } from '../ui/box/index.js';
+import '../ui/button/index.js';
+import { Card } from '../ui/card/index.js';
+import { Center } from '../ui/center/index.js';
+import '../ui/checkbox/index.js';
+import '../ui/divider/index.js';
+import '../ui/drawer/index.js';
+import '../ui/fab/index.js';
+import '../ui/form-control/index.js';
+import '../ui/gluestack-ui-provider/config.js';
+import '@gluestack-ui/core/overlay/creator';
+import '@gluestack-ui/core/toast/creator';
+import 'nativewind';
+import { GridItem, Grid } from '../ui/grid/index.js';
+import { Heading } from '../ui/heading/index.js';
+import { HStack } from '../ui/hstack/index.js';
+import '../ui/icon/index.js';
+import { Image } from '../ui/image/index.js';
+import '../ui/image-background/index.js';
+import '../ui/input/index.js';
+import '../ui/link/index.js';
+import '../ui/menu/index.js';
+import '../ui/modal/index.js';
+import '../ui/popover/index.js';
+import '../ui/portal/index.js';
+import '../ui/pressable/index.js';
+import '../ui/progress/index.js';
+import '../ui/radio/index.js';
+import 'react-native-safe-area-context';
+import '../ui/select/index.js';
+import { Skeleton } from '../ui/skeleton/index.js';
+import '../ui/slider/index.js';
+import '../ui/spinner/index.js';
+import '../ui/switch/index.js';
+import '../ui/table/index.js';
+import { Text } from '../ui/text/index.js';
+import '../ui/textarea/index.js';
+import '../ui/toast/index.js';
+import '../ui/tooltip/index.js';
+import { VStack } from '../ui/vstack/index.js';
+import { style } from './helpers/style.js';
+import { useStyleContext } from './DimensionsContext.js';
+import { enteringPresets, exitingPresets } from './animationPresets.js';
+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 '../../../../packages/types/src/Css/map/index.js';
+import '../../../../packages/types/src/Theme/shadows.js';
+import '../../../../packages/types/src/Theme/defaultTheme.js';
+import 'i18next';
+import 'react-i18next';
+import '../Core/AutoComplete/index.js';
+import '../Core/Dropdown/index.js';
+import '../Core/MultiSelect/index.js';
+import '../Core/Trees/components/CoreTree.js';
+import '../Core/Trees/components/CoreTreeSelect.js';
+import '../Core/Trees/components/CoreToolbar.js';
+import '../Core/Paginator/index.js';
+import 'lucide-react-native';
+import '../Core/SelectButton/index.js';
+import '../Core/DataTable/DataTable.js';
+import '../Core/Tag/index.js';
+import '../Core/Badge/index.js';
+import '../Core/ProgressBar/index.js';
+import '../Core/Checkbox/index.js';
+import '../Core/RadioButton/index.js';
+import '../Core/Input/index.js';
+import '../Core/Input/Field.js';
+import '../Core/Input/Slot.js';
+import { useKitsTheme } from '../../../../contexts/Theme/KitsThemeProvider.js';
+
+const COMPONENT_MAP = {
+  Svg: View,
+  List: View,
+  ListItem: View,
+  a: Pressable,
+  Pressable: Pressable,
+  Box,
+  Image,
+  Grid,
+  GridItem,
+  Card,
+  Text,
+  Heading,
+  Center,
+  Skeleton,
+  HStack,
+  VStack,
+  ScrollView
+};
+const ResponsiveElement = ({
+  additionalStyles = {},
+  additionalClasses,
+  // ignored in native
+  nativeProps,
+  cssProps,
+  children,
+  as,
+  scrollable,
+  entering,
+  exiting,
+  ref
+  // directly available in React 19+
+}) => {
+  const styleCtx = useStyleContext();
+  const { colorMode } = useKitsTheme();
+  const combinedStyles = useMemo(() => {
+    const base = style({ ...additionalStyles, ...cssProps }, styleCtx);
+    return nativeProps?.style ? [base, nativeProps.style] : [base];
+  }, [cssProps, additionalStyles, nativeProps?.style, styleCtx, colorMode]);
+  const Component = as ? COMPONENT_MAP[as] || View : View;
+  const isText = (typeof children === "string" || typeof children === "number") && (as !== "Heading" && as !== "Text");
+  const hasAnimation = !!(entering || exiting);
+  const animationDuration = cssProps?.animationDuration;
+  const animationDelay = cssProps?.animationDelay;
+  const enteringAnim = useMemo(() => {
+    if (!entering) return void 0;
+    let anim = enteringPresets[entering];
+    if (animationDuration != null) anim = anim.duration(animationDuration);
+    if (animationDelay != null) anim = anim.delay(animationDelay);
+    return anim;
+  }, [entering, animationDuration, animationDelay]);
+  const exitingAnim = useMemo(() => {
+    if (!exiting) return void 0;
+    let anim = exitingPresets[exiting];
+    if (animationDuration != null) anim = anim.duration(animationDuration);
+    if (animationDelay != null) anim = anim.delay(animationDelay);
+    return anim;
+  }, [exiting, animationDuration, animationDelay]);
+  const pressHandler = "onClick" in nativeProps ? nativeProps?.onClick : "onPress" in nativeProps ? nativeProps?.onPress : null;
+  const hasPressHandler = typeof pressHandler === "function";
+  const isButton = as === "Pressable" || as === "a";
+  const isImage = as === "Image";
+  const cleanedNativeProps = useMemo(() => {
+    if (!hasPressHandler || isButton) return nativeProps;
+    if (!nativeProps) return nativeProps;
+    const { onClick, onPress, ...rest } = nativeProps;
+    return rest;
+  }, [nativeProps, hasPressHandler, isButton]);
+  let content;
+  if (hasPressHandler && pressHandler && !isButton) {
+    if (isImage) {
+      content = /* @__PURE__ */ jsx(TouchableOpacity, { activeOpacity: 0.7, onPress: pressHandler, children: /* @__PURE__ */ jsx(Component, { ref, ...cleanedNativeProps, style: combinedStyles, className: additionalClasses }) });
+    } else {
+      content = /* @__PURE__ */ jsx(TouchableOpacity, { activeOpacity: 0.7, onPress: pressHandler, style: combinedStyles, children: /* @__PURE__ */ jsx(
+        Component,
+        {
+          ref,
+          ...cleanedNativeProps,
+          style: [...combinedStyles, { borderWidth: 0 }],
+          className: additionalClasses,
+          children: isText ? /* @__PURE__ */ jsx(Text, { children }) : children
+        }
+      ) });
+    }
+  } else {
+    content = /* @__PURE__ */ jsx(Component, { ref, ...nativeProps, style: combinedStyles, className: additionalClasses, children: isText ? /* @__PURE__ */ jsx(Text, { children }) : children });
+  }
+  if (scrollable) {
+    return /* @__PURE__ */ jsx(ScrollView, { horizontal: as === "HStack", children: content });
+  }
+  if (hasAnimation) {
+    return /* @__PURE__ */ jsx(Animated.View, { entering: enteringAnim, exiting: exitingAnim, children: content });
+  }
+  return content;
+};
+
+export { ResponsiveElement as default };
+//# sourceMappingURL=ResponsiveElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveElement.js","sources":["../../../../../../../../apps/mobile/src/Factory/ResponsiveElement.tsx"],"sourcesContent":["import React, {useMemo,} from 'react';\nimport {GestureResponderEvent, Pressable as RNPressable, ScrollView, TouchableOpacity, View} from 'react-native';\nimport Animated from 'react-native-reanimated';\nimport type {IResponsiveElement} from '@lmb-it/kitsconcerto-types';\nimport {\n  Box,\n  Card,\n  Center,\n  Grid,\n  GridItem,\n  Heading,\n  HStack,\n  Image,\n  Skeleton,\n  Text,\n  VStack\n} from '@lmb-it/kitsconcertomobile';\nimport {style} from './helpers/style';\nimport {useStyleContext} from './DimensionsContext';\nimport {enteringPresets, exitingPresets} from './animationPresets';\nimport {useKitsTheme} from '@lmb-it/kitsconcerto/contexts/Theme';\n\n\nconst COMPONENT_MAP: Record<string, React.ElementType<any>> = {\n  Svg: View,\n  List: View,\n  ListItem: View,\n  a: RNPressable,\n  Pressable: RNPressable,\n  Box,\n  Image,\n  Grid,\n  GridItem,\n  Card,\n  Text,\n  Heading,\n  Center,\n  Skeleton,\n  HStack, VStack,\n  ScrollView: ScrollView,\n};\n\n\n\nconst ResponsiveElement = <T,>({\n                                 additionalStyles = {},\n                                 additionalClasses, // ignored in native\n                                 nativeProps,\n                                 cssProps,\n                                 children,\n                                 as,\n                                 scrollable,\n                                 entering,\n                                 exiting,\n                                 ref, // directly available in React 19+\n                               }: React.PropsWithChildren<IResponsiveElement<T>> & { ref?: React.Ref<any> }) => {\n\n  const styleCtx = useStyleContext();\n  const {colorMode} = useKitsTheme();\n  const combinedStyles = useMemo(() => {\n    // KitsConcerto resolves `additionalStyles` (theme / component defaults)\n    // and `cssProps` (CSS-prop pipeline like `bgColor`, `p`, `fontSize`)\n    // into a single RN style object via `style(...)`.\n    //\n    // The consumer's `style` prop is then appended AS-IS — RN's own\n    // style cascade flattens any shape (plain object, StyleSheet-created\n    // numeric ID, or nested array) and applies it last so user-supplied\n    // overrides win. Spreading `...nativeProps.style` into an object here\n    // silently drops non-object values (numbers spread to nothing, arrays\n    // spread numeric indices instead of merging styles).\n    const base = style({ ...additionalStyles, ...cssProps }, styleCtx);\n    return nativeProps?.style ? [base, nativeProps.style] : [base];\n  }, [cssProps, additionalStyles, nativeProps?.style, styleCtx, colorMode]);\n\n  const Component = as\n    ? COMPONENT_MAP[as] || View\n    : View;\n\n\n\n  const isText = (typeof children === 'string' || typeof children === 'number') && (as !== 'Heading' && as !== 'Text')\n\n  const hasAnimation = !!(entering || exiting);\n\n  // Read animation duration/delay from cssProps (they flow through useSeparator)\n  const animationDuration = cssProps?.animationDuration as number | undefined;\n  const animationDelay = cssProps?.animationDelay as number | undefined;\n\n  const enteringAnim = useMemo(() => {\n    if (!entering) return undefined;\n    let anim: any = enteringPresets[entering];\n    if (animationDuration != null) anim = anim.duration(animationDuration);\n    if (animationDelay != null) anim = anim.delay(animationDelay);\n    return anim;\n  }, [entering, animationDuration, animationDelay]);\n\n  const exitingAnim = useMemo(() => {\n    if (!exiting) return undefined;\n    let anim: any = exitingPresets[exiting];\n    if (animationDuration != null) anim = anim.duration(animationDuration);\n    if (animationDelay != null) anim = anim.delay(animationDelay);\n    return anim;\n  }, [exiting, animationDuration, animationDelay]);\n\n  /* ---- Press handling for non-Button components ---- */\n  const pressHandler = ('onClick' in nativeProps ? nativeProps?.onClick : 'onPress' in nativeProps ? nativeProps?.onPress : null) as ((event: GestureResponderEvent) => void) | null;\n  const hasPressHandler = typeof pressHandler === 'function';\n  const isButton = as === 'Pressable' || as === 'a';\n  const isImage = as === 'Image';\n\n  // Strip onClick/onPress from nativeProps — View/Image don't support them\n  const cleanedNativeProps = useMemo(() => {\n    if (!hasPressHandler || isButton) return nativeProps;\n    if (!nativeProps) return nativeProps;\n    const {onClick, onPress, ...rest} = nativeProps as any;\n    return rest;\n  }, [nativeProps, hasPressHandler, isButton]);\n\n  const touchFill = {width: '100%' as const, height: '100%' as const};\n\n  let content: React.ReactElement;\n\n  if (hasPressHandler && pressHandler && !isButton) {\n    if (isImage) {\n      // Image: wrap externally so the whole image area is tappable\n      content = (\n          <TouchableOpacity activeOpacity={0.7} onPress={pressHandler}>\n            <Component ref={ref} {...cleanedNativeProps} style={combinedStyles} className={additionalClasses}/>\n          </TouchableOpacity>\n      );\n    } else {\n      // Box, VStack, HStack, Center, Text, etc.: inject TouchableOpacity as child\n      content = (\n          <TouchableOpacity activeOpacity={0.7} onPress={pressHandler} style={combinedStyles}>\n            <Component\n              ref={ref}\n              {...cleanedNativeProps}\n              // `combinedStyles` is an array — use array-spread rather than\n              // object-spread. Object-spreading an array produces `{0: ..., 1: ...}`\n              // garbage and RN's renderer ignores it.\n              style={[...combinedStyles, {borderWidth: 0}]}\n              className={additionalClasses}>\n              {isText ? <Text>{children}</Text> : children}\n            </Component>\n          </TouchableOpacity>\n      );\n    }\n  } else {\n    content = (\n        <Component ref={ref} {...nativeProps} style={combinedStyles} className={additionalClasses}>\n          {isText ? <Text>{children}</Text> : children}\n        </Component>\n    );\n  }\n\n  if (scrollable) {\n    return <ScrollView horizontal={as === 'HStack'}>{content}</ScrollView>;\n  }\n\n  if (hasAnimation) {\n    return (\n      <Animated.View entering={enteringAnim} exiting={exitingAnim}>\n        {content}\n      </Animated.View>\n    );\n  }\n\n  return content;\n}\n\nexport default ResponsiveElement;\n"],"names":["RNPressable"],"mappings":"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"}

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

@@ -0,0 +1,43 @@
+'use strict';
+
+var Animated = require('react-native-reanimated');
+
+const enteringPresets = {
+  fadeIn: Animated.FadeIn,
+  fadeInUp: Animated.FadeInUp,
+  fadeInDown: Animated.FadeInDown,
+  fadeInLeft: Animated.FadeInLeft,
+  fadeInRight: Animated.FadeInRight,
+  slideInUp: Animated.SlideInUp,
+  slideInDown: Animated.SlideInDown,
+  slideInLeft: Animated.SlideInLeft,
+  slideInRight: Animated.SlideInRight,
+  zoomIn: Animated.ZoomIn,
+  zoomInUp: Animated.ZoomIn,
+  zoomInDown: Animated.ZoomIn,
+  zoomInLeft: Animated.ZoomIn,
+  zoomInRight: Animated.ZoomIn,
+  scaleIn: Animated.ZoomIn,
+  bounceIn: Animated.BounceIn,
+  flip: Animated.FlipInXDown,
+  flipUp: Animated.FlipInXUp,
+  flipLeft: Animated.FlipInYLeft,
+  flipRight: Animated.FlipInYRight
+};
+const exitingPresets = {
+  fadeOut: Animated.FadeOut,
+  fadeOutUp: Animated.FadeOutUp,
+  fadeOutDown: Animated.FadeOutDown,
+  fadeOutLeft: Animated.FadeOutLeft,
+  fadeOutRight: Animated.FadeOutRight,
+  slideOutUp: Animated.SlideOutUp,
+  slideOutDown: Animated.SlideOutDown,
+  slideOutLeft: Animated.SlideOutLeft,
+  slideOutRight: Animated.SlideOutRight,
+  zoomOut: Animated.ZoomOut,
+  bounceOut: Animated.BounceOut
+};
+
+exports.enteringPresets = enteringPresets;
+exports.exitingPresets = exitingPresets;
+//# sourceMappingURL=animationPresets.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animationPresets.cjs","sources":["../../../../../../../../apps/mobile/src/Factory/animationPresets.ts"],"sourcesContent":["import type {EnteringAnimation, ExitingAnimation} from '@lmb-it/kitsconcerto-types';\nimport {\n    FadeIn, FadeInUp, FadeInDown, FadeInLeft, FadeInRight,\n    FadeOut, FadeOutUp, FadeOutDown, FadeOutLeft, FadeOutRight,\n    SlideInUp, SlideInDown, SlideInLeft, SlideInRight,\n    SlideOutUp, SlideOutDown, SlideOutLeft, SlideOutRight,\n    ZoomIn, ZoomOut, BounceIn, BounceOut,\n    FlipInXUp, FlipInYLeft, FlipInYRight, FlipInXDown,\n} from 'react-native-reanimated';\n\ntype AnimationBuilder = typeof FadeIn;\n\nexport const enteringPresets: Record<EnteringAnimation, AnimationBuilder> = {\n    fadeIn:       FadeIn,\n    fadeInUp:     FadeInUp,\n    fadeInDown:   FadeInDown,\n    fadeInLeft:   FadeInLeft,\n    fadeInRight:  FadeInRight,\n    slideInUp:    SlideInUp,\n    slideInDown:  SlideInDown,\n    slideInLeft:  SlideInLeft,\n    slideInRight: SlideInRight,\n    zoomIn:       ZoomIn,\n    zoomInUp:     ZoomIn,\n    zoomInDown:   ZoomIn,\n    zoomInLeft:   ZoomIn,\n    zoomInRight:  ZoomIn,\n    scaleIn:      ZoomIn,\n    bounceIn:     BounceIn,\n    flip:         FlipInXDown,\n    flipUp:       FlipInXUp,\n    flipLeft:     FlipInYLeft,\n    flipRight:    FlipInYRight,\n};\n\nexport const exitingPresets: Record<ExitingAnimation, AnimationBuilder> = {\n    fadeOut:       FadeOut,\n    fadeOutUp:     FadeOutUp,\n    fadeOutDown:   FadeOutDown,\n    fadeOutLeft:   FadeOutLeft,\n    fadeOutRight:  FadeOutRight,\n    slideOutUp:    SlideOutUp,\n    slideOutDown:  SlideOutDown,\n    slideOutLeft:  SlideOutLeft,\n    slideOutRight: SlideOutRight,\n    zoomOut:       ZoomOut,\n    bounceOut:     BounceOut,\n};\n"],"names":["FadeIn","FadeInUp","FadeInDown","FadeInLeft","FadeInRight","SlideInUp","SlideInDown","SlideInLeft","SlideInRight","ZoomIn","BounceIn","FlipInXDown","FlipInXUp","FlipInYLeft","FlipInYRight","FadeOut","FadeOutUp","FadeOutDown","FadeOutLeft","FadeOutRight","SlideOutUp","SlideOutDown","SlideOutLeft","SlideOutRight","ZoomOut","BounceOut"],"mappings":";;;;AAYO,MAAM,eAAA,GAA+D;AAAA,EACxE,MAAA,EAAcA,eAAA;AAAA,EACd,QAAA,EAAcC,iBAAA;AAAA,EACd,UAAA,EAAcC,mBAAA;AAAA,EACd,UAAA,EAAcC,mBAAA;AAAA,EACd,WAAA,EAAcC,oBAAA;AAAA,EACd,SAAA,EAAcC,kBAAA;AAAA,EACd,WAAA,EAAcC,oBAAA;AAAA,EACd,WAAA,EAAcC,oBAAA;AAAA,EACd,YAAA,EAAcC,qBAAA;AAAA,EACd,MAAA,EAAcC,eAAA;AAAA,EACd,QAAA,EAAcA,eAAA;AAAA,EACd,UAAA,EAAcA,eAAA;AAAA,EACd,UAAA,EAAcA,eAAA;AAAA,EACd,WAAA,EAAcA,eAAA;AAAA,EACd,OAAA,EAAcA,eAAA;AAAA,EACd,QAAA,EAAcC,iBAAA;AAAA,EACd,IAAA,EAAcC,oBAAA;AAAA,EACd,MAAA,EAAcC,kBAAA;AAAA,EACd,QAAA,EAAcC,oBAAA;AAAA,EACd,SAAA,EAAcC;AAClB;AAEO,MAAM,cAAA,GAA6D;AAAA,EACtE,OAAA,EAAeC,gBAAA;AAAA,EACf,SAAA,EAAeC,kBAAA;AAAA,EACf,WAAA,EAAeC,oBAAA;AAAA,EACf,WAAA,EAAeC,oBAAA;AAAA,EACf,YAAA,EAAeC,qBAAA;AAAA,EACf,UAAA,EAAeC,mBAAA;AAAA,EACf,YAAA,EAAeC,qBAAA;AAAA,EACf,YAAA,EAAeC,qBAAA;AAAA,EACf,aAAA,EAAeC,sBAAA;AAAA,EACf,OAAA,EAAeC,gBAAA;AAAA,EACf,SAAA,EAAeC;AACnB;;;;;"}

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

@@ -0,0 +1,40 @@
+import { FlipInYRight, FlipInYLeft, FlipInXUp, FlipInXDown, BounceIn, ZoomIn, SlideInRight, SlideInLeft, SlideInDown, SlideInUp, FadeInRight, FadeInLeft, FadeInDown, FadeInUp, FadeIn, BounceOut, ZoomOut, SlideOutRight, SlideOutLeft, SlideOutDown, SlideOutUp, FadeOutRight, FadeOutLeft, FadeOutDown, FadeOutUp, FadeOut } from 'react-native-reanimated';
+
+const enteringPresets = {
+  fadeIn: FadeIn,
+  fadeInUp: FadeInUp,
+  fadeInDown: FadeInDown,
+  fadeInLeft: FadeInLeft,
+  fadeInRight: FadeInRight,
+  slideInUp: SlideInUp,
+  slideInDown: SlideInDown,
+  slideInLeft: SlideInLeft,
+  slideInRight: SlideInRight,
+  zoomIn: ZoomIn,
+  zoomInUp: ZoomIn,
+  zoomInDown: ZoomIn,
+  zoomInLeft: ZoomIn,
+  zoomInRight: ZoomIn,
+  scaleIn: ZoomIn,
+  bounceIn: BounceIn,
+  flip: FlipInXDown,
+  flipUp: FlipInXUp,
+  flipLeft: FlipInYLeft,
+  flipRight: FlipInYRight
+};
+const exitingPresets = {
+  fadeOut: FadeOut,
+  fadeOutUp: FadeOutUp,
+  fadeOutDown: FadeOutDown,
+  fadeOutLeft: FadeOutLeft,
+  fadeOutRight: FadeOutRight,
+  slideOutUp: SlideOutUp,
+  slideOutDown: SlideOutDown,
+  slideOutLeft: SlideOutLeft,
+  slideOutRight: SlideOutRight,
+  zoomOut: ZoomOut,
+  bounceOut: BounceOut
+};
+
+export { enteringPresets, exitingPresets };
+//# sourceMappingURL=animationPresets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animationPresets.js","sources":["../../../../../../../../apps/mobile/src/Factory/animationPresets.ts"],"sourcesContent":["import type {EnteringAnimation, ExitingAnimation} from '@lmb-it/kitsconcerto-types';\nimport {\n    FadeIn, FadeInUp, FadeInDown, FadeInLeft, FadeInRight,\n    FadeOut, FadeOutUp, FadeOutDown, FadeOutLeft, FadeOutRight,\n    SlideInUp, SlideInDown, SlideInLeft, SlideInRight,\n    SlideOutUp, SlideOutDown, SlideOutLeft, SlideOutRight,\n    ZoomIn, ZoomOut, BounceIn, BounceOut,\n    FlipInXUp, FlipInYLeft, FlipInYRight, FlipInXDown,\n} from 'react-native-reanimated';\n\ntype AnimationBuilder = typeof FadeIn;\n\nexport const enteringPresets: Record<EnteringAnimation, AnimationBuilder> = {\n    fadeIn:       FadeIn,\n    fadeInUp:     FadeInUp,\n    fadeInDown:   FadeInDown,\n    fadeInLeft:   FadeInLeft,\n    fadeInRight:  FadeInRight,\n    slideInUp:    SlideInUp,\n    slideInDown:  SlideInDown,\n    slideInLeft:  SlideInLeft,\n    slideInRight: SlideInRight,\n    zoomIn:       ZoomIn,\n    zoomInUp:     ZoomIn,\n    zoomInDown:   ZoomIn,\n    zoomInLeft:   ZoomIn,\n    zoomInRight:  ZoomIn,\n    scaleIn:      ZoomIn,\n    bounceIn:     BounceIn,\n    flip:         FlipInXDown,\n    flipUp:       FlipInXUp,\n    flipLeft:     FlipInYLeft,\n    flipRight:    FlipInYRight,\n};\n\nexport const exitingPresets: Record<ExitingAnimation, AnimationBuilder> = {\n    fadeOut:       FadeOut,\n    fadeOutUp:     FadeOutUp,\n    fadeOutDown:   FadeOutDown,\n    fadeOutLeft:   FadeOutLeft,\n    fadeOutRight:  FadeOutRight,\n    slideOutUp:    SlideOutUp,\n    slideOutDown:  SlideOutDown,\n    slideOutLeft:  SlideOutLeft,\n    slideOutRight: SlideOutRight,\n    zoomOut:       ZoomOut,\n    bounceOut:     BounceOut,\n};\n"],"names":[],"mappings":";;AAYO,MAAM,eAAA,GAA+D;AAAA,EACxE,MAAA,EAAc,MAAA;AAAA,EACd,QAAA,EAAc,QAAA;AAAA,EACd,UAAA,EAAc,UAAA;AAAA,EACd,UAAA,EAAc,UAAA;AAAA,EACd,WAAA,EAAc,WAAA;AAAA,EACd,SAAA,EAAc,SAAA;AAAA,EACd,WAAA,EAAc,WAAA;AAAA,EACd,WAAA,EAAc,WAAA;AAAA,EACd,YAAA,EAAc,YAAA;AAAA,EACd,MAAA,EAAc,MAAA;AAAA,EACd,QAAA,EAAc,MAAA;AAAA,EACd,UAAA,EAAc,MAAA;AAAA,EACd,UAAA,EAAc,MAAA;AAAA,EACd,WAAA,EAAc,MAAA;AAAA,EACd,OAAA,EAAc,MAAA;AAAA,EACd,QAAA,EAAc,QAAA;AAAA,EACd,IAAA,EAAc,WAAA;AAAA,EACd,MAAA,EAAc,SAAA;AAAA,EACd,QAAA,EAAc,WAAA;AAAA,EACd,SAAA,EAAc;AAClB;AAEO,MAAM,cAAA,GAA6D;AAAA,EACtE,OAAA,EAAe,OAAA;AAAA,EACf,SAAA,EAAe,SAAA;AAAA,EACf,WAAA,EAAe,WAAA;AAAA,EACf,WAAA,EAAe,WAAA;AAAA,EACf,YAAA,EAAe,YAAA;AAAA,EACf,UAAA,EAAe,UAAA;AAAA,EACf,YAAA,EAAe,YAAA;AAAA,EACf,YAAA,EAAe,YAAA;AAAA,EACf,aAAA,EAAe,aAAA;AAAA,EACf,OAAA,EAAe,OAAA;AAAA,EACf,SAAA,EAAe;AACnB;;;;"}

package/apps/mobile/src/Factory/helpers/cssVarMap.cjs

@@ -0,0 +1,147 @@
+'use strict';
+
+const CSS_VAR_MAP = {
+  // ── Primary ───────────────────────────────────────────────────────
+  "--primary-color": "#3B82F6",
+  "--primary": "#3B82F6",
+  "--primary-reverse": "#FFFFFF",
+  // ── Surface (backgrounds / cards / overlays) ──────────────────────
+  "--surface-ground": "#F9FAFB",
+  "--surface-section": "#F3F4F6",
+  "--surface-card": "#E5E7EB",
+  "--surface-overlay": "#D1D5DB",
+  "--surface-hover": "#9CA3AF",
+  "--surface-border": "#E5E7EB",
+  "--surface-0": "#F9FAFB",
+  "--surface-50": "#F9FAFB",
+  "--surface-100": "#F3F4F6",
+  "--surface-200": "#E5E7EB",
+  "--surface-300": "#D1D5DB",
+  "--surface-400": "#9CA3AF",
+  "--surface-500": "#6B7280",
+  "--surface-600": "#4B5563",
+  "--surface-700": "#374151",
+  "--surface-800": "#1F2937",
+  "--surface-900": "#111827",
+  "--surface-f": "#F9FAFB",
+  // ── Text colors ───────────────────────────────────────────────────
+  "--text-color": "#111827",
+  "--text-color-secondary": "#6B7280",
+  "--text-0": "#F9FAFB",
+  "--text-50": "#F9FAFB",
+  "--text-100": "#F3F4F6",
+  "--text-200": "#E5E7EB",
+  "--text-300": "#D1D5DB",
+  "--text-400": "#9CA3AF",
+  "--text-500": "#6B7280",
+  "--text-600": "#4B5563",
+  "--text-700": "#374151",
+  "--text-800": "#1F2937",
+  "--text-900": "#111827",
+  // ── Blue ──────────────────────────────────────────────────────────
+  "--blue-50": "#3B82F60D",
+  "--blue-100": "#3B82F61A",
+  "--blue-200": "#3B82F633",
+  "--blue-300": "#3B82F64D",
+  "--blue-400": "#3B82F666",
+  "--blue-500": "#3B82F6",
+  "--blue-600": "#3B82F699",
+  "--blue-700": "#3B82F6B3",
+  "--blue-800": "#3B82F6CC",
+  "--blue-900": "#3B82F6E6",
+  // ── Green ─────────────────────────────────────────────────────────
+  "--green-50": "#22C55E0D",
+  "--green-100": "#22C55E1A",
+  "--green-200": "#22C55E33",
+  "--green-300": "#22C55E4D",
+  "--green-400": "#22C55E66",
+  "--green-500": "#22C55E",
+  "--green-600": "#22C55E99",
+  "--green-700": "#22C55EB3",
+  "--green-800": "#22C55ECC",
+  "--green-900": "#22C55EE6",
+  // ── Yellow ────────────────────────────────────────────────────────
+  "--yellow-50": "#EAB3080D",
+  "--yellow-100": "#EAB3081A",
+  "--yellow-200": "#EAB30833",
+  "--yellow-300": "#EAB3084D",
+  "--yellow-400": "#EAB30866",
+  "--yellow-500": "#EAB308",
+  "--yellow-600": "#EAB30899",
+  "--yellow-700": "#EAB308B3",
+  "--yellow-800": "#EAB308CC",
+  "--yellow-900": "#EAB308E6",
+  // ── Red ───────────────────────────────────────────────────────────
+  "--red-50": "#EF44440D",
+  "--red-100": "#EF44441A",
+  "--red-200": "#EF444433",
+  "--red-300": "#EF44444D",
+  "--red-400": "#EF444466",
+  "--red-500": "#EF4444",
+  "--red-600": "#EF444499",
+  "--red-700": "#EF4444B3",
+  "--red-800": "#EF4444CC",
+  "--red-900": "#EF4444E6",
+  // ── Gray ──────────────────────────────────────────────────────────
+  "--gray-50": "#9CA3AF0D",
+  "--gray-100": "#9CA3AF1A",
+  "--gray-200": "#9CA3AF33",
+  "--gray-300": "#9CA3AF4D",
+  "--gray-400": "#9CA3AF66",
+  "--gray-500": "#9CA3AF",
+  "--gray-600": "#9CA3AF99",
+  "--gray-700": "#9CA3AFB3",
+  "--gray-800": "#9CA3AFCC",
+  "--gray-900": "#9CA3AFE6",
+  // ── Purple ────────────────────────────────────────────────────────
+  "--purple-50": "#8B5CF60D",
+  "--purple-100": "#8B5CF61A",
+  "--purple-200": "#8B5CF633",
+  "--purple-300": "#8B5CF64D",
+  "--purple-400": "#8B5CF666",
+  "--purple-500": "#8B5CF6",
+  "--purple-600": "#8B5CF699",
+  "--purple-700": "#8B5CF6B3",
+  "--purple-800": "#8B5CF6CC",
+  "--purple-900": "#8B5CF6E6",
+  // ── Orange ────────────────────────────────────────────────────────
+  "--orange-50": "#F973160D",
+  "--orange-100": "#F973161A",
+  "--orange-200": "#F9731633",
+  "--orange-300": "#F973164D",
+  "--orange-400": "#F9731666",
+  "--orange-500": "#F97316",
+  "--orange-600": "#F9731699",
+  "--orange-700": "#F97316B3",
+  "--orange-800": "#F97316CC",
+  "--orange-900": "#F97316E6",
+  // ── Teal ──────────────────────────────────────────────────────────
+  "--teal-50": "#14B8A60D",
+  "--teal-100": "#14B8A61A",
+  "--teal-200": "#14B8A633",
+  "--teal-300": "#14B8A64D",
+  "--teal-400": "#14B8A666",
+  "--teal-500": "#14B8A6",
+  "--teal-600": "#14B8A699",
+  "--teal-700": "#14B8A6B3",
+  "--teal-800": "#14B8A6CC",
+  "--teal-900": "#14B8A6E6",
+  // ── Pink ──────────────────────────────────────────────────────────
+  "--pink-50": "#EC48990D",
+  "--pink-100": "#EC48991A",
+  "--pink-200": "#EC489933",
+  "--pink-300": "#EC48994D",
+  "--pink-400": "#EC489966",
+  "--pink-500": "#EC4899",
+  "--pink-600": "#EC489999",
+  "--pink-700": "#EC4899B3",
+  "--pink-800": "#EC4899CC",
+  "--pink-900": "#EC4899E6",
+  // ── Special values ────────────────────────────────────────────────
+  "--white": "#FFFFFF",
+  "--black": "#000000",
+  "--font-family": "System"
+};
+
+exports.CSS_VAR_MAP = CSS_VAR_MAP;
+//# sourceMappingURL=cssVarMap.cjs.map

package/apps/mobile/src/Factory/helpers/cssVarMap.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssVarMap.cjs","sources":["../../../../../../../../../apps/mobile/src/Factory/helpers/cssVarMap.ts"],"sourcesContent":["/**\n * Maps CSS variable names (stripped of var() wrapper) to resolved native color values.\n * Derived from apps/mobile/primeflex.js — the authoritative color source for native.\n *\n * Usage: when `toNativeValue()` encounters `var(--xyz)`, it strips `var()` and\n * looks up `--xyz` in this map. If found, returns the resolved value.\n */\nexport const CSS_VAR_MAP: Record<string, string> = {\n  // ── Primary ───────────────────────────────────────────────────────\n  '--primary-color': '#3B82F6',\n  '--primary': '#3B82F6',\n  '--primary-reverse': '#FFFFFF',\n\n  // ── Surface (backgrounds / cards / overlays) ──────────────────────\n  '--surface-ground': '#F9FAFB',\n  '--surface-section': '#F3F4F6',\n  '--surface-card': '#E5E7EB',\n  '--surface-overlay': '#D1D5DB',\n  '--surface-hover': '#9CA3AF',\n  '--surface-border': '#E5E7EB',\n  '--surface-0':   '#F9FAFB',\n  '--surface-50':  '#F9FAFB',\n  '--surface-100': '#F3F4F6',\n  '--surface-200': '#E5E7EB',\n  '--surface-300': '#D1D5DB',\n  '--surface-400': '#9CA3AF',\n  '--surface-500': '#6B7280',\n  '--surface-600': '#4B5563',\n  '--surface-700': '#374151',\n  '--surface-800': '#1F2937',\n  '--surface-900': '#111827',\n  '--surface-f':   '#F9FAFB',\n\n  // ── Text colors ───────────────────────────────────────────────────\n  '--text-color': '#111827',\n  '--text-color-secondary': '#6B7280',\n  '--text-0':   '#F9FAFB',\n  '--text-50':  '#F9FAFB',\n  '--text-100': '#F3F4F6',\n  '--text-200': '#E5E7EB',\n  '--text-300': '#D1D5DB',\n  '--text-400': '#9CA3AF',\n  '--text-500': '#6B7280',\n  '--text-600': '#4B5563',\n  '--text-700': '#374151',\n  '--text-800': '#1F2937',\n  '--text-900': '#111827',\n\n  // ── Blue ──────────────────────────────────────────────────────────\n  '--blue-50':  '#3B82F60D',\n  '--blue-100': '#3B82F61A',\n  '--blue-200': '#3B82F633',\n  '--blue-300': '#3B82F64D',\n  '--blue-400': '#3B82F666',\n  '--blue-500': '#3B82F6',\n  '--blue-600': '#3B82F699',\n  '--blue-700': '#3B82F6B3',\n  '--blue-800': '#3B82F6CC',\n  '--blue-900': '#3B82F6E6',\n\n  // ── Green ─────────────────────────────────────────────────────────\n  '--green-50':  '#22C55E0D',\n  '--green-100': '#22C55E1A',\n  '--green-200': '#22C55E33',\n  '--green-300': '#22C55E4D',\n  '--green-400': '#22C55E66',\n  '--green-500': '#22C55E',\n  '--green-600': '#22C55E99',\n  '--green-700': '#22C55EB3',\n  '--green-800': '#22C55ECC',\n  '--green-900': '#22C55EE6',\n\n  // ── Yellow ────────────────────────────────────────────────────────\n  '--yellow-50':  '#EAB3080D',\n  '--yellow-100': '#EAB3081A',\n  '--yellow-200': '#EAB30833',\n  '--yellow-300': '#EAB3084D',\n  '--yellow-400': '#EAB30866',\n  '--yellow-500': '#EAB308',\n  '--yellow-600': '#EAB30899',\n  '--yellow-700': '#EAB308B3',\n  '--yellow-800': '#EAB308CC',\n  '--yellow-900': '#EAB308E6',\n\n  // ── Red ───────────────────────────────────────────────────────────\n  '--red-50':  '#EF44440D',\n  '--red-100': '#EF44441A',\n  '--red-200': '#EF444433',\n  '--red-300': '#EF44444D',\n  '--red-400': '#EF444466',\n  '--red-500': '#EF4444',\n  '--red-600': '#EF444499',\n  '--red-700': '#EF4444B3',\n  '--red-800': '#EF4444CC',\n  '--red-900': '#EF4444E6',\n\n  // ── Gray ──────────────────────────────────────────────────────────\n  '--gray-50':  '#9CA3AF0D',\n  '--gray-100': '#9CA3AF1A',\n  '--gray-200': '#9CA3AF33',\n  '--gray-300': '#9CA3AF4D',\n  '--gray-400': '#9CA3AF66',\n  '--gray-500': '#9CA3AF',\n  '--gray-600': '#9CA3AF99',\n  '--gray-700': '#9CA3AFB3',\n  '--gray-800': '#9CA3AFCC',\n  '--gray-900': '#9CA3AFE6',\n\n  // ── Purple ────────────────────────────────────────────────────────\n  '--purple-50':  '#8B5CF60D',\n  '--purple-100': '#8B5CF61A',\n  '--purple-200': '#8B5CF633',\n  '--purple-300': '#8B5CF64D',\n  '--purple-400': '#8B5CF666',\n  '--purple-500': '#8B5CF6',\n  '--purple-600': '#8B5CF699',\n  '--purple-700': '#8B5CF6B3',\n  '--purple-800': '#8B5CF6CC',\n  '--purple-900': '#8B5CF6E6',\n\n  // ── Orange ────────────────────────────────────────────────────────\n  '--orange-50':  '#F973160D',\n  '--orange-100': '#F973161A',\n  '--orange-200': '#F9731633',\n  '--orange-300': '#F973164D',\n  '--orange-400': '#F9731666',\n  '--orange-500': '#F97316',\n  '--orange-600': '#F9731699',\n  '--orange-700': '#F97316B3',\n  '--orange-800': '#F97316CC',\n  '--orange-900': '#F97316E6',\n\n  // ── Teal ──────────────────────────────────────────────────────────\n  '--teal-50':  '#14B8A60D',\n  '--teal-100': '#14B8A61A',\n  '--teal-200': '#14B8A633',\n  '--teal-300': '#14B8A64D',\n  '--teal-400': '#14B8A666',\n  '--teal-500': '#14B8A6',\n  '--teal-600': '#14B8A699',\n  '--teal-700': '#14B8A6B3',\n  '--teal-800': '#14B8A6CC',\n  '--teal-900': '#14B8A6E6',\n\n  // ── Pink ──────────────────────────────────────────────────────────\n  '--pink-50':  '#EC48990D',\n  '--pink-100': '#EC48991A',\n  '--pink-200': '#EC489933',\n  '--pink-300': '#EC48994D',\n  '--pink-400': '#EC489966',\n  '--pink-500': '#EC4899',\n  '--pink-600': '#EC489999',\n  '--pink-700': '#EC4899B3',\n  '--pink-800': '#EC4899CC',\n  '--pink-900': '#EC4899E6',\n\n  // ── Special values ────────────────────────────────────────────────\n  '--white': '#FFFFFF',\n  '--black': '#000000',\n  '--font-family': 'System',\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,145 @@
+const CSS_VAR_MAP = {
+  // ── Primary ───────────────────────────────────────────────────────
+  "--primary-color": "#3B82F6",
+  "--primary": "#3B82F6",
+  "--primary-reverse": "#FFFFFF",
+  // ── Surface (backgrounds / cards / overlays) ──────────────────────
+  "--surface-ground": "#F9FAFB",
+  "--surface-section": "#F3F4F6",
+  "--surface-card": "#E5E7EB",
+  "--surface-overlay": "#D1D5DB",
+  "--surface-hover": "#9CA3AF",
+  "--surface-border": "#E5E7EB",
+  "--surface-0": "#F9FAFB",
+  "--surface-50": "#F9FAFB",
+  "--surface-100": "#F3F4F6",
+  "--surface-200": "#E5E7EB",
+  "--surface-300": "#D1D5DB",
+  "--surface-400": "#9CA3AF",
+  "--surface-500": "#6B7280",
+  "--surface-600": "#4B5563",
+  "--surface-700": "#374151",
+  "--surface-800": "#1F2937",
+  "--surface-900": "#111827",
+  "--surface-f": "#F9FAFB",
+  // ── Text colors ───────────────────────────────────────────────────
+  "--text-color": "#111827",
+  "--text-color-secondary": "#6B7280",
+  "--text-0": "#F9FAFB",
+  "--text-50": "#F9FAFB",
+  "--text-100": "#F3F4F6",
+  "--text-200": "#E5E7EB",
+  "--text-300": "#D1D5DB",
+  "--text-400": "#9CA3AF",
+  "--text-500": "#6B7280",
+  "--text-600": "#4B5563",
+  "--text-700": "#374151",
+  "--text-800": "#1F2937",
+  "--text-900": "#111827",
+  // ── Blue ──────────────────────────────────────────────────────────
+  "--blue-50": "#3B82F60D",
+  "--blue-100": "#3B82F61A",
+  "--blue-200": "#3B82F633",
+  "--blue-300": "#3B82F64D",
+  "--blue-400": "#3B82F666",
+  "--blue-500": "#3B82F6",
+  "--blue-600": "#3B82F699",
+  "--blue-700": "#3B82F6B3",
+  "--blue-800": "#3B82F6CC",
+  "--blue-900": "#3B82F6E6",
+  // ── Green ─────────────────────────────────────────────────────────
+  "--green-50": "#22C55E0D",
+  "--green-100": "#22C55E1A",
+  "--green-200": "#22C55E33",
+  "--green-300": "#22C55E4D",
+  "--green-400": "#22C55E66",
+  "--green-500": "#22C55E",
+  "--green-600": "#22C55E99",
+  "--green-700": "#22C55EB3",
+  "--green-800": "#22C55ECC",
+  "--green-900": "#22C55EE6",
+  // ── Yellow ────────────────────────────────────────────────────────
+  "--yellow-50": "#EAB3080D",
+  "--yellow-100": "#EAB3081A",
+  "--yellow-200": "#EAB30833",
+  "--yellow-300": "#EAB3084D",
+  "--yellow-400": "#EAB30866",
+  "--yellow-500": "#EAB308",
+  "--yellow-600": "#EAB30899",
+  "--yellow-700": "#EAB308B3",
+  "--yellow-800": "#EAB308CC",
+  "--yellow-900": "#EAB308E6",
+  // ── Red ───────────────────────────────────────────────────────────
+  "--red-50": "#EF44440D",
+  "--red-100": "#EF44441A",
+  "--red-200": "#EF444433",
+  "--red-300": "#EF44444D",
+  "--red-400": "#EF444466",
+  "--red-500": "#EF4444",
+  "--red-600": "#EF444499",
+  "--red-700": "#EF4444B3",
+  "--red-800": "#EF4444CC",
+  "--red-900": "#EF4444E6",
+  // ── Gray ──────────────────────────────────────────────────────────
+  "--gray-50": "#9CA3AF0D",
+  "--gray-100": "#9CA3AF1A",
+  "--gray-200": "#9CA3AF33",
+  "--gray-300": "#9CA3AF4D",
+  "--gray-400": "#9CA3AF66",
+  "--gray-500": "#9CA3AF",
+  "--gray-600": "#9CA3AF99",
+  "--gray-700": "#9CA3AFB3",
+  "--gray-800": "#9CA3AFCC",
+  "--gray-900": "#9CA3AFE6",
+  // ── Purple ────────────────────────────────────────────────────────
+  "--purple-50": "#8B5CF60D",
+  "--purple-100": "#8B5CF61A",
+  "--purple-200": "#8B5CF633",
+  "--purple-300": "#8B5CF64D",
+  "--purple-400": "#8B5CF666",
+  "--purple-500": "#8B5CF6",
+  "--purple-600": "#8B5CF699",
+  "--purple-700": "#8B5CF6B3",
+  "--purple-800": "#8B5CF6CC",
+  "--purple-900": "#8B5CF6E6",
+  // ── Orange ────────────────────────────────────────────────────────
+  "--orange-50": "#F973160D",
+  "--orange-100": "#F973161A",
+  "--orange-200": "#F9731633",
+  "--orange-300": "#F973164D",
+  "--orange-400": "#F9731666",
+  "--orange-500": "#F97316",
+  "--orange-600": "#F9731699",
+  "--orange-700": "#F97316B3",
+  "--orange-800": "#F97316CC",
+  "--orange-900": "#F97316E6",
+  // ── Teal ──────────────────────────────────────────────────────────
+  "--teal-50": "#14B8A60D",
+  "--teal-100": "#14B8A61A",
+  "--teal-200": "#14B8A633",
+  "--teal-300": "#14B8A64D",
+  "--teal-400": "#14B8A666",
+  "--teal-500": "#14B8A6",
+  "--teal-600": "#14B8A699",
+  "--teal-700": "#14B8A6B3",
+  "--teal-800": "#14B8A6CC",
+  "--teal-900": "#14B8A6E6",
+  // ── Pink ──────────────────────────────────────────────────────────
+  "--pink-50": "#EC48990D",
+  "--pink-100": "#EC48991A",
+  "--pink-200": "#EC489933",
+  "--pink-300": "#EC48994D",
+  "--pink-400": "#EC489966",
+  "--pink-500": "#EC4899",
+  "--pink-600": "#EC489999",
+  "--pink-700": "#EC4899B3",
+  "--pink-800": "#EC4899CC",
+  "--pink-900": "#EC4899E6",
+  // ── Special values ────────────────────────────────────────────────
+  "--white": "#FFFFFF",
+  "--black": "#000000",
+  "--font-family": "System"
+};
+
+export { CSS_VAR_MAP };
+//# sourceMappingURL=cssVarMap.js.map