@lmb-it/kitsconcerto-native 0.1.236

package/apps/mobile/src/Core/Trees/engine/TreeTraversal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeTraversal.cjs","sources":["../../../../../../../../../../apps/mobile/src/Core/Trees/engine/TreeTraversal.ts"],"sourcesContent":["// core/tree/engine/TreeTraversal.ts\n\nimport type { TreeNode } from '../models/TreeNode';\n\nexport type TreePath = TreeNode[];\n\n/**\n * Walks the tree depth-first and executes a callback for each node.\n */\nexport function walkTree(\n  nodes: TreeNode[] | undefined,\n  callback: (node: TreeNode, parent: TreeNode | null) => void,\n  parent: TreeNode | null = null\n): void {\n  if (!nodes) return;\n\n  for (const node of nodes) {\n    callback(node, parent);\n\n    if (node.children && node.children.length) {\n      walkTree(node.children, callback, node);\n    }\n  }\n}\n\n/**\n * Finds a node by key.\n */\nexport function findNodeByKey(\n  nodes: TreeNode[] | undefined,\n  key: string\n): TreeNode | null {\n  let result: TreeNode | null = null;\n\n  walkTree(nodes, (node) => {\n    if (node.key === key) {\n      result = node;\n    }\n  });\n\n  return result;\n}\n\n/**\n * Finds a node and its full ancestor path.\n * Path order: root → ... → target\n */\nexport function findNodePath(\n  nodes: TreeNode[] | undefined,\n  key: string\n): TreePath | null {\n  if (!nodes) return null;\n\n  for (const node of nodes) {\n    if (node.key === key) {\n      return [node];\n    }\n\n    if (node.children) {\n      const childPath = findNodePath(node.children, key);\n      if (childPath) {\n        return [node, ...childPath];\n      }\n    }\n  }\n\n  return null;\n}\n\n/**\n * Returns all descendant nodes (deep).\n */\nexport function collectDescendants(node: TreeNode): TreeNode[] {\n  const result: TreeNode[] = [];\n\n  walkTree(node.children, (child) => {\n    result.push(child);\n  });\n\n  return result;\n}\n\n/**\n * Returns all descendant keys (deep).\n */\nexport function collectDescendantKeys(node: TreeNode): string[] {\n  return collectDescendants(node).map((n) => n.key);\n}\n\n/**\n * Returns all ancestor nodes (excluding the node itself).\n */\nexport function collectAncestors(\n  nodes: TreeNode[] | undefined,\n  key: string\n): TreeNode[] {\n  const path = findNodePath(nodes, key);\n  if (!path) return [];\n\n  // exclude target node itself\n  return path.slice(0, path.length - 1);\n}\n\n/**\n * Returns all ancestor keys (excluding the node itself).\n */\nexport function collectAncestorKeys(\n  nodes: TreeNode[] | undefined,\n  key: string\n): string[] {\n  return collectAncestors(nodes, key).map((n) => n.key);\n}\n"],"names":[],"mappings":";;AASO,SAAS,QAAA,CACd,KAAA,EACA,QAAA,EACA,MAAA,GAA0B,IAAA,EACpB;AACN,EAAA,IAAI,CAAC,KAAA,EAAO;AAEZ,EAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,IAAA,QAAA,CAAS,MAAM,MAAM,CAAA;AAErB,IAAA,IAAI,IAAA,CAAK,QAAA,IAAY,IAAA,CAAK,QAAA,CAAS,MAAA,EAAQ;AACzC,MAAA,QAAA,CAAS,IAAA,CAAK,QAAA,EAAU,QAAA,EAAU,IAAI,CAAA;AAAA,IACxC;AAAA,EACF;AACF;;;;"}

package/apps/mobile/src/Core/Trees/engine/TreeTraversal.js

@@ -0,0 +1,12 @@
+function walkTree(nodes, callback, parent = null) {
+  if (!nodes) return;
+  for (const node of nodes) {
+    callback(node, parent);
+    if (node.children && node.children.length) {
+      walkTree(node.children, callback, node);
+    }
+  }
+}
+
+export { walkTree };
+//# sourceMappingURL=TreeTraversal.js.map

package/apps/mobile/src/Core/Trees/engine/TreeTraversal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeTraversal.js","sources":["../../../../../../../../../../apps/mobile/src/Core/Trees/engine/TreeTraversal.ts"],"sourcesContent":["// core/tree/engine/TreeTraversal.ts\n\nimport type { TreeNode } from '../models/TreeNode';\n\nexport type TreePath = TreeNode[];\n\n/**\n * Walks the tree depth-first and executes a callback for each node.\n */\nexport function walkTree(\n  nodes: TreeNode[] | undefined,\n  callback: (node: TreeNode, parent: TreeNode | null) => void,\n  parent: TreeNode | null = null\n): void {\n  if (!nodes) return;\n\n  for (const node of nodes) {\n    callback(node, parent);\n\n    if (node.children && node.children.length) {\n      walkTree(node.children, callback, node);\n    }\n  }\n}\n\n/**\n * Finds a node by key.\n */\nexport function findNodeByKey(\n  nodes: TreeNode[] | undefined,\n  key: string\n): TreeNode | null {\n  let result: TreeNode | null = null;\n\n  walkTree(nodes, (node) => {\n    if (node.key === key) {\n      result = node;\n    }\n  });\n\n  return result;\n}\n\n/**\n * Finds a node and its full ancestor path.\n * Path order: root → ... → target\n */\nexport function findNodePath(\n  nodes: TreeNode[] | undefined,\n  key: string\n): TreePath | null {\n  if (!nodes) return null;\n\n  for (const node of nodes) {\n    if (node.key === key) {\n      return [node];\n    }\n\n    if (node.children) {\n      const childPath = findNodePath(node.children, key);\n      if (childPath) {\n        return [node, ...childPath];\n      }\n    }\n  }\n\n  return null;\n}\n\n/**\n * Returns all descendant nodes (deep).\n */\nexport function collectDescendants(node: TreeNode): TreeNode[] {\n  const result: TreeNode[] = [];\n\n  walkTree(node.children, (child) => {\n    result.push(child);\n  });\n\n  return result;\n}\n\n/**\n * Returns all descendant keys (deep).\n */\nexport function collectDescendantKeys(node: TreeNode): string[] {\n  return collectDescendants(node).map((n) => n.key);\n}\n\n/**\n * Returns all ancestor nodes (excluding the node itself).\n */\nexport function collectAncestors(\n  nodes: TreeNode[] | undefined,\n  key: string\n): TreeNode[] {\n  const path = findNodePath(nodes, key);\n  if (!path) return [];\n\n  // exclude target node itself\n  return path.slice(0, path.length - 1);\n}\n\n/**\n * Returns all ancestor keys (excluding the node itself).\n */\nexport function collectAncestorKeys(\n  nodes: TreeNode[] | undefined,\n  key: string\n): string[] {\n  return collectAncestors(nodes, key).map((n) => n.key);\n}\n"],"names":[],"mappings":"AASO,SAAS,QAAA,CACd,KAAA,EACA,QAAA,EACA,MAAA,GAA0B,IAAA,EACpB;AACN,EAAA,IAAI,CAAC,KAAA,EAAO;AAEZ,EAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,IAAA,QAAA,CAAS,MAAM,MAAM,CAAA;AAErB,IAAA,IAAI,IAAA,CAAK,QAAA,IAAY,IAAA,CAAK,QAAA,CAAS,MAAA,EAAQ;AACzC,MAAA,QAAA,CAAS,IAAA,CAAK,QAAA,EAAU,QAAA,EAAU,IAAI,CAAA;AAAA,IACxC;AAAA,EACF;AACF;;;;"}

package/apps/mobile/src/Core/Trees/hooks/useTreeEngine.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+var React = require('react');
+var TreeEngine = require('../engine/TreeEngine.cjs');
+
+function useTreeEngine(props) {
+  const engine = React.useMemo(
+    () => TreeEngine.createTreeEngine({
+      nodes: props.nodes,
+      selectionMode: props.selectionMode,
+      selectionKeys: props.selectionKeys,
+      metaKeySelection: props.metaKeySelection,
+      expandedKeys: props.expandedKeys,
+      filterValue: props.filterValue,
+      filterBy: props.filterBy,
+      filterMode: props.filterMode,
+      onSelectionChange: props.onSelectionChange,
+      onToggle: props.onToggle,
+      onExpand: props.onExpand,
+      onCollapse: props.onCollapse
+    }),
+    [
+      props.nodes,
+      props.selectionMode,
+      props.selectionKeys,
+      props.metaKeySelection,
+      props.expandedKeys,
+      props.filterValue,
+      props.filterBy,
+      props.filterMode,
+      props.onSelectionChange,
+      props.onToggle,
+      props.onExpand,
+      props.onCollapse
+    ]
+  );
+  return {
+    state: engine.state,
+    actions: engine.actions
+  };
+}
+
+exports.useTreeEngine = useTreeEngine;
+//# sourceMappingURL=useTreeEngine.cjs.map

package/apps/mobile/src/Core/Trees/hooks/useTreeEngine.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeEngine.cjs","sources":["../../../../../../../../../../apps/mobile/src/Core/Trees/hooks/useTreeEngine.ts"],"sourcesContent":["// core/tree/hooks/useTreeEngine.ts\n\nimport { useMemo } from 'react';\nimport {\n  createTreeEngine,\n  type TreeEngineProps,\n} from '../engine/TreeEngine';\n\n/**\n * React hook wrapper for TreeEngine\n *\n * Mirrors PrimeReact internal behavior:\n * - controlled props override internal state\n * - no imperative syncing\n * - engine recreated when inputs change\n */\nexport function useTreeEngine(props: TreeEngineProps) {\n  const engine = useMemo(\n    () =>\n      createTreeEngine({\n        nodes: props.nodes,\n        selectionMode: props.selectionMode,\n        selectionKeys: props.selectionKeys,\n        metaKeySelection: props.metaKeySelection,\n        expandedKeys: props.expandedKeys,\n        filterValue: props.filterValue,\n        filterBy: props.filterBy,\n        filterMode: props.filterMode,\n        onSelectionChange: props.onSelectionChange,\n        onToggle: props.onToggle,\n        onExpand: props.onExpand,\n        onCollapse: props.onCollapse,\n      }),\n    [\n      props.nodes,\n      props.selectionMode,\n      props.selectionKeys,\n      props.metaKeySelection,\n      props.expandedKeys,\n      props.filterValue,\n      props.filterBy,\n      props.filterMode,\n      props.onSelectionChange,\n      props.onToggle,\n      props.onExpand,\n      props.onCollapse,\n    ]\n  );\n\n  return {\n    state: engine.state,\n    actions: engine.actions,\n  };\n}\n"],"names":["useMemo","createTreeEngine"],"mappings":";;;;;AAgBO,SAAS,cAAc,KAAA,EAAwB;AACpD,EAAA,MAAM,MAAA,GAASA,aAAA;AAAA,IACb,MACEC,2BAAA,CAAiB;AAAA,MACf,OAAO,KAAA,CAAM,KAAA;AAAA,MACb,eAAe,KAAA,CAAM,aAAA;AAAA,MACrB,eAAe,KAAA,CAAM,aAAA;AAAA,MACrB,kBAAkB,KAAA,CAAM,gBAAA;AAAA,MACxB,cAAc,KAAA,CAAM,YAAA;AAAA,MACpB,aAAa,KAAA,CAAM,WAAA;AAAA,MACnB,UAAU,KAAA,CAAM,QAAA;AAAA,MAChB,YAAY,KAAA,CAAM,UAAA;AAAA,MAClB,mBAAmB,KAAA,CAAM,iBAAA;AAAA,MACzB,UAAU,KAAA,CAAM,QAAA;AAAA,MAChB,UAAU,KAAA,CAAM,QAAA;AAAA,MAChB,YAAY,KAAA,CAAM;AAAA,KACnB,CAAA;AAAA,IACH;AAAA,MACE,KAAA,CAAM,KAAA;AAAA,MACN,KAAA,CAAM,aAAA;AAAA,MACN,KAAA,CAAM,aAAA;AAAA,MACN,KAAA,CAAM,gBAAA;AAAA,MACN,KAAA,CAAM,YAAA;AAAA,MACN,KAAA,CAAM,WAAA;AAAA,MACN,KAAA,CAAM,QAAA;AAAA,MACN,KAAA,CAAM,UAAA;AAAA,MACN,KAAA,CAAM,iBAAA;AAAA,MACN,KAAA,CAAM,QAAA;AAAA,MACN,KAAA,CAAM,QAAA;AAAA,MACN,KAAA,CAAM;AAAA;AACR,GACF;AAEA,EAAA,OAAO;AAAA,IACL,OAAO,MAAA,CAAO,KAAA;AAAA,IACd,SAAS,MAAA,CAAO;AAAA,GAClB;AACF;;;;"}

package/apps/mobile/src/Core/Trees/hooks/useTreeEngine.js

@@ -0,0 +1,42 @@
+import { useMemo } from 'react';
+import { createTreeEngine } from '../engine/TreeEngine.js';
+
+function useTreeEngine(props) {
+  const engine = useMemo(
+    () => createTreeEngine({
+      nodes: props.nodes,
+      selectionMode: props.selectionMode,
+      selectionKeys: props.selectionKeys,
+      metaKeySelection: props.metaKeySelection,
+      expandedKeys: props.expandedKeys,
+      filterValue: props.filterValue,
+      filterBy: props.filterBy,
+      filterMode: props.filterMode,
+      onSelectionChange: props.onSelectionChange,
+      onToggle: props.onToggle,
+      onExpand: props.onExpand,
+      onCollapse: props.onCollapse
+    }),
+    [
+      props.nodes,
+      props.selectionMode,
+      props.selectionKeys,
+      props.metaKeySelection,
+      props.expandedKeys,
+      props.filterValue,
+      props.filterBy,
+      props.filterMode,
+      props.onSelectionChange,
+      props.onToggle,
+      props.onExpand,
+      props.onCollapse
+    ]
+  );
+  return {
+    state: engine.state,
+    actions: engine.actions
+  };
+}
+
+export { useTreeEngine };
+//# sourceMappingURL=useTreeEngine.js.map

package/apps/mobile/src/Core/Trees/hooks/useTreeEngine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeEngine.js","sources":["../../../../../../../../../../apps/mobile/src/Core/Trees/hooks/useTreeEngine.ts"],"sourcesContent":["// core/tree/hooks/useTreeEngine.ts\n\nimport { useMemo } from 'react';\nimport {\n  createTreeEngine,\n  type TreeEngineProps,\n} from '../engine/TreeEngine';\n\n/**\n * React hook wrapper for TreeEngine\n *\n * Mirrors PrimeReact internal behavior:\n * - controlled props override internal state\n * - no imperative syncing\n * - engine recreated when inputs change\n */\nexport function useTreeEngine(props: TreeEngineProps) {\n  const engine = useMemo(\n    () =>\n      createTreeEngine({\n        nodes: props.nodes,\n        selectionMode: props.selectionMode,\n        selectionKeys: props.selectionKeys,\n        metaKeySelection: props.metaKeySelection,\n        expandedKeys: props.expandedKeys,\n        filterValue: props.filterValue,\n        filterBy: props.filterBy,\n        filterMode: props.filterMode,\n        onSelectionChange: props.onSelectionChange,\n        onToggle: props.onToggle,\n        onExpand: props.onExpand,\n        onCollapse: props.onCollapse,\n      }),\n    [\n      props.nodes,\n      props.selectionMode,\n      props.selectionKeys,\n      props.metaKeySelection,\n      props.expandedKeys,\n      props.filterValue,\n      props.filterBy,\n      props.filterMode,\n      props.onSelectionChange,\n      props.onToggle,\n      props.onExpand,\n      props.onCollapse,\n    ]\n  );\n\n  return {\n    state: engine.state,\n    actions: engine.actions,\n  };\n}\n"],"names":[],"mappings":";;;AAgBO,SAAS,cAAc,KAAA,EAAwB;AACpD,EAAA,MAAM,MAAA,GAAS,OAAA;AAAA,IACb,MACE,gBAAA,CAAiB;AAAA,MACf,OAAO,KAAA,CAAM,KAAA;AAAA,MACb,eAAe,KAAA,CAAM,aAAA;AAAA,MACrB,eAAe,KAAA,CAAM,aAAA;AAAA,MACrB,kBAAkB,KAAA,CAAM,gBAAA;AAAA,MACxB,cAAc,KAAA,CAAM,YAAA;AAAA,MACpB,aAAa,KAAA,CAAM,WAAA;AAAA,MACnB,UAAU,KAAA,CAAM,QAAA;AAAA,MAChB,YAAY,KAAA,CAAM,UAAA;AAAA,MAClB,mBAAmB,KAAA,CAAM,iBAAA;AAAA,MACzB,UAAU,KAAA,CAAM,QAAA;AAAA,MAChB,UAAU,KAAA,CAAM,QAAA;AAAA,MAChB,YAAY,KAAA,CAAM;AAAA,KACnB,CAAA;AAAA,IACH;AAAA,MACE,KAAA,CAAM,KAAA;AAAA,MACN,KAAA,CAAM,aAAA;AAAA,MACN,KAAA,CAAM,aAAA;AAAA,MACN,KAAA,CAAM,gBAAA;AAAA,MACN,KAAA,CAAM,YAAA;AAAA,MACN,KAAA,CAAM,WAAA;AAAA,MACN,KAAA,CAAM,QAAA;AAAA,MACN,KAAA,CAAM,UAAA;AAAA,MACN,KAAA,CAAM,iBAAA;AAAA,MACN,KAAA,CAAM,QAAA;AAAA,MACN,KAAA,CAAM,QAAA;AAAA,MACN,KAAA,CAAM;AAAA;AACR,GACF;AAEA,EAAA,OAAO;AAAA,IACL,OAAO,MAAA,CAAO,KAAA;AAAA,IACd,SAAS,MAAA,CAAO;AAAA,GAClB;AACF;;;;"}

package/apps/mobile/src/Core/TriStateCheckbox/index.cjs

@@ -0,0 +1,69 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactNative = require('react-native');
+var lucideReactNative = require('lucide-react-native');
+
+const TriStateCheckbox = ({
+  value = null,
+  disabled = false,
+  readOnly = false,
+  invalid = false,
+  variant = "outlined",
+  unstyled = false,
+  checkIcon: CheckIcon = lucideReactNative.Check,
+  uncheckIcon: UncheckIcon = lucideReactNative.Minus,
+  onChange,
+  children
+}) => {
+  const nextValue = React.useCallback((current) => {
+    if (current === null) return true;
+    if (current === true) return false;
+    return null;
+  }, []);
+  const handlePress = React.useCallback(() => {
+    if (disabled || readOnly) return;
+    const newValue = nextValue(value);
+    onChange?.({
+      value: newValue,
+      checked: newValue === true
+    });
+  }, [disabled, readOnly, value, nextValue, onChange]);
+  const Icon = React.useMemo(() => {
+    if (value === true) return CheckIcon;
+    if (value === null) return UncheckIcon;
+    return null;
+  }, [value, CheckIcon, UncheckIcon]);
+  if (unstyled) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Pressable, { onPress: handlePress, disabled, children: [
+      Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, {}),
+      children
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    reactNative.Pressable,
+    {
+      onPress: handlePress,
+      disabled,
+      accessibilityRole: "checkbox",
+      accessibilityState: {
+        disabled,
+        checked: value === true ? true : value === false ? false : "mixed"
+      },
+      className: [
+        "w-5 h-5 items-center justify-center rounded",
+        variant === "outlined" ? "border border-gray-400" : "bg-gray-200",
+        invalid && "border-red-500",
+        disabled && "opacity-50"
+      ].join(" "),
+      children: [
+        Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 14 }),
+        children
+      ]
+    }
+  );
+};
+
+exports.TriStateCheckbox = TriStateCheckbox;
+//# sourceMappingURL=index.cjs.map

package/apps/mobile/src/Core/TriStateCheckbox/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/Core/TriStateCheckbox/index.tsx"],"sourcesContent":["// TriStateCheckbox.native.tsx\nimport React, { useCallback, useMemo } from \"react\";\nimport { Pressable } from \"react-native\";\nimport { Check, Minus } from \"lucide-react-native\";\nimport type { TriStateCheckboxProps } from \"./TriStateCheckbox.types\";\nexport * from './TriStateCheckbox.types';\n\nexport const TriStateCheckbox: React.FC<TriStateCheckboxProps> = ({\n                                                                    value = null,\n                                                                    disabled = false,\n                                                                    readOnly = false,\n                                                                    invalid = false,\n                                                                    variant = \"outlined\",\n                                                                    unstyled = false,\n                                                                    checkIcon: CheckIcon = Check,\n                                                                    uncheckIcon: UncheckIcon = Minus,\n                                                                    onChange,\n                                                                    children,\n                                                                  }) => {\n  // 🔒 deterministic state cycle\n  const nextValue = useCallback((current: boolean | null) => {\n    if (current === null) return true;\n    if (current === true) return false;\n    return null;\n  }, []);\n\n  const handlePress = useCallback(() => {\n    if (disabled || readOnly) return;\n\n    const newValue = nextValue(value);\n\n    onChange?.({\n      value: newValue,\n      checked: newValue === true,\n    });\n  }, [disabled, readOnly, value, nextValue, onChange]);\n\n  const Icon = useMemo(() => {\n    if (value === true) return CheckIcon;\n    if (value === null) return UncheckIcon;\n    return null;\n  }, [value, CheckIcon, UncheckIcon]);\n\n  if (unstyled) {\n    return (\n      <Pressable onPress={handlePress} disabled={disabled}>\n        {Icon && <Icon />}\n        {children}\n      </Pressable>\n    );\n  }\n\n  return (\n    <Pressable\n      onPress={handlePress}\n      disabled={disabled}\n      accessibilityRole=\"checkbox\"\n      accessibilityState={{\n        disabled,\n        checked: value === true ? true : value === false ? false : \"mixed\",\n      }}\n      className={[\n        \"w-5 h-5 items-center justify-center rounded\",\n        variant === \"outlined\"\n          ? \"border border-gray-400\"\n          : \"bg-gray-200\",\n        invalid && \"border-red-500\",\n        disabled && \"opacity-50\",\n      ].join(\" \")}\n    >\n      {Icon && <Icon size={14} />}\n      {children}\n    </Pressable>\n  );\n};\n"],"names":["Check","Minus","useCallback","useMemo","jsxs","Pressable","jsx"],"mappings":";;;;;;;AAOO,MAAM,mBAAoD,CAAC;AAAA,EACE,KAAA,GAAQ,IAAA;AAAA,EACR,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,OAAA,GAAU,KAAA;AAAA,EACV,OAAA,GAAU,UAAA;AAAA,EACV,QAAA,GAAW,KAAA;AAAA,EACX,WAAW,SAAA,GAAYA,uBAAA;AAAA,EACvB,aAAa,WAAA,GAAcC,uBAAA;AAAA,EAC3B,QAAA;AAAA,EACA;AACF,CAAA,KAAM;AAEtE,EAAA,MAAM,SAAA,GAAYC,iBAAA,CAAY,CAAC,OAAA,KAA4B;AACzD,IAAA,IAAI,OAAA,KAAY,MAAM,OAAO,IAAA;AAC7B,IAAA,IAAI,OAAA,KAAY,MAAM,OAAO,KAAA;AAC7B,IAAA,OAAO,IAAA;AAAA,EACT,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,WAAA,GAAcA,kBAAY,MAAM;AACpC,IAAA,IAAI,YAAY,QAAA,EAAU;AAE1B,IAAA,MAAM,QAAA,GAAW,UAAU,KAAK,CAAA;AAEhC,IAAA,QAAA,GAAW;AAAA,MACT,KAAA,EAAO,QAAA;AAAA,MACP,SAAS,QAAA,KAAa;AAAA,KACvB,CAAA;AAAA,EACH,GAAG,CAAC,QAAA,EAAU,UAAU,KAAA,EAAO,SAAA,EAAW,QAAQ,CAAC,CAAA;AAEnD,EAAA,MAAM,IAAA,GAAOC,cAAQ,MAAM;AACzB,IAAA,IAAI,KAAA,KAAU,MAAM,OAAO,SAAA;AAC3B,IAAA,IAAI,KAAA,KAAU,MAAM,OAAO,WAAA;AAC3B,IAAA,OAAO,IAAA;AAAA,EACT,CAAA,EAAG,CAAC,KAAA,EAAO,SAAA,EAAW,WAAW,CAAC,CAAA;AAElC,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uBACEC,eAAA,CAACC,qBAAA,EAAA,EAAU,OAAA,EAAS,WAAA,EAAa,QAAA,EAC9B,QAAA,EAAA;AAAA,MAAA,IAAA,mCAAS,IAAA,EAAA,EAAK,CAAA;AAAA,MACd;AAAA,KAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACED,eAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,WAAA;AAAA,MACT,QAAA;AAAA,MACA,iBAAA,EAAkB,UAAA;AAAA,MAClB,kBAAA,EAAoB;AAAA,QAClB,QAAA;AAAA,QACA,SAAS,KAAA,KAAU,IAAA,GAAO,IAAA,GAAO,KAAA,KAAU,QAAQ,KAAA,GAAQ;AAAA,OAC7D;AAAA,MACA,SAAA,EAAW;AAAA,QACT,6CAAA;AAAA,QACA,OAAA,KAAY,aACR,wBAAA,GACA,aAAA;AAAA,QACJ,OAAA,IAAW,gBAAA;AAAA,QACX,QAAA,IAAY;AAAA,OACd,CAAE,KAAK,GAAG,CAAA;AAAA,MAET,QAAA,EAAA;AAAA,QAAA,IAAA,oBAAQC,cAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,QACxB;AAAA;AAAA;AAAA,GACH;AAEJ;;;;"}

package/apps/mobile/src/Core/TriStateCheckbox/index.js

@@ -0,0 +1,67 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useCallback, useMemo } from 'react';
+import { Pressable } from 'react-native';
+import { Check, Minus } from 'lucide-react-native';
+
+const TriStateCheckbox = ({
+  value = null,
+  disabled = false,
+  readOnly = false,
+  invalid = false,
+  variant = "outlined",
+  unstyled = false,
+  checkIcon: CheckIcon = Check,
+  uncheckIcon: UncheckIcon = Minus,
+  onChange,
+  children
+}) => {
+  const nextValue = useCallback((current) => {
+    if (current === null) return true;
+    if (current === true) return false;
+    return null;
+  }, []);
+  const handlePress = useCallback(() => {
+    if (disabled || readOnly) return;
+    const newValue = nextValue(value);
+    onChange?.({
+      value: newValue,
+      checked: newValue === true
+    });
+  }, [disabled, readOnly, value, nextValue, onChange]);
+  const Icon = useMemo(() => {
+    if (value === true) return CheckIcon;
+    if (value === null) return UncheckIcon;
+    return null;
+  }, [value, CheckIcon, UncheckIcon]);
+  if (unstyled) {
+    return /* @__PURE__ */ jsxs(Pressable, { onPress: handlePress, disabled, children: [
+      Icon && /* @__PURE__ */ jsx(Icon, {}),
+      children
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(
+    Pressable,
+    {
+      onPress: handlePress,
+      disabled,
+      accessibilityRole: "checkbox",
+      accessibilityState: {
+        disabled,
+        checked: value === true ? true : value === false ? false : "mixed"
+      },
+      className: [
+        "w-5 h-5 items-center justify-center rounded",
+        variant === "outlined" ? "border border-gray-400" : "bg-gray-200",
+        invalid && "border-red-500",
+        disabled && "opacity-50"
+      ].join(" "),
+      children: [
+        Icon && /* @__PURE__ */ jsx(Icon, { size: 14 }),
+        children
+      ]
+    }
+  );
+};
+
+export { TriStateCheckbox };
+//# sourceMappingURL=index.js.map

package/apps/mobile/src/Core/TriStateCheckbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/Core/TriStateCheckbox/index.tsx"],"sourcesContent":["// TriStateCheckbox.native.tsx\nimport React, { useCallback, useMemo } from \"react\";\nimport { Pressable } from \"react-native\";\nimport { Check, Minus } from \"lucide-react-native\";\nimport type { TriStateCheckboxProps } from \"./TriStateCheckbox.types\";\nexport * from './TriStateCheckbox.types';\n\nexport const TriStateCheckbox: React.FC<TriStateCheckboxProps> = ({\n                                                                    value = null,\n                                                                    disabled = false,\n                                                                    readOnly = false,\n                                                                    invalid = false,\n                                                                    variant = \"outlined\",\n                                                                    unstyled = false,\n                                                                    checkIcon: CheckIcon = Check,\n                                                                    uncheckIcon: UncheckIcon = Minus,\n                                                                    onChange,\n                                                                    children,\n                                                                  }) => {\n  // 🔒 deterministic state cycle\n  const nextValue = useCallback((current: boolean | null) => {\n    if (current === null) return true;\n    if (current === true) return false;\n    return null;\n  }, []);\n\n  const handlePress = useCallback(() => {\n    if (disabled || readOnly) return;\n\n    const newValue = nextValue(value);\n\n    onChange?.({\n      value: newValue,\n      checked: newValue === true,\n    });\n  }, [disabled, readOnly, value, nextValue, onChange]);\n\n  const Icon = useMemo(() => {\n    if (value === true) return CheckIcon;\n    if (value === null) return UncheckIcon;\n    return null;\n  }, [value, CheckIcon, UncheckIcon]);\n\n  if (unstyled) {\n    return (\n      <Pressable onPress={handlePress} disabled={disabled}>\n        {Icon && <Icon />}\n        {children}\n      </Pressable>\n    );\n  }\n\n  return (\n    <Pressable\n      onPress={handlePress}\n      disabled={disabled}\n      accessibilityRole=\"checkbox\"\n      accessibilityState={{\n        disabled,\n        checked: value === true ? true : value === false ? false : \"mixed\",\n      }}\n      className={[\n        \"w-5 h-5 items-center justify-center rounded\",\n        variant === \"outlined\"\n          ? \"border border-gray-400\"\n          : \"bg-gray-200\",\n        invalid && \"border-red-500\",\n        disabled && \"opacity-50\",\n      ].join(\" \")}\n    >\n      {Icon && <Icon size={14} />}\n      {children}\n    </Pressable>\n  );\n};\n"],"names":[],"mappings":";;;;;AAOO,MAAM,mBAAoD,CAAC;AAAA,EACE,KAAA,GAAQ,IAAA;AAAA,EACR,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,OAAA,GAAU,KAAA;AAAA,EACV,OAAA,GAAU,UAAA;AAAA,EACV,QAAA,GAAW,KAAA;AAAA,EACX,WAAW,SAAA,GAAY,KAAA;AAAA,EACvB,aAAa,WAAA,GAAc,KAAA;AAAA,EAC3B,QAAA;AAAA,EACA;AACF,CAAA,KAAM;AAEtE,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,CAAC,OAAA,KAA4B;AACzD,IAAA,IAAI,OAAA,KAAY,MAAM,OAAO,IAAA;AAC7B,IAAA,IAAI,OAAA,KAAY,MAAM,OAAO,KAAA;AAC7B,IAAA,OAAO,IAAA;AAAA,EACT,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,IAAI,YAAY,QAAA,EAAU;AAE1B,IAAA,MAAM,QAAA,GAAW,UAAU,KAAK,CAAA;AAEhC,IAAA,QAAA,GAAW;AAAA,MACT,KAAA,EAAO,QAAA;AAAA,MACP,SAAS,QAAA,KAAa;AAAA,KACvB,CAAA;AAAA,EACH,GAAG,CAAC,QAAA,EAAU,UAAU,KAAA,EAAO,SAAA,EAAW,QAAQ,CAAC,CAAA;AAEnD,EAAA,MAAM,IAAA,GAAO,QAAQ,MAAM;AACzB,IAAA,IAAI,KAAA,KAAU,MAAM,OAAO,SAAA;AAC3B,IAAA,IAAI,KAAA,KAAU,MAAM,OAAO,WAAA;AAC3B,IAAA,OAAO,IAAA;AAAA,EACT,CAAA,EAAG,CAAC,KAAA,EAAO,SAAA,EAAW,WAAW,CAAC,CAAA;AAElC,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uBACE,IAAA,CAAC,SAAA,EAAA,EAAU,OAAA,EAAS,WAAA,EAAa,QAAA,EAC9B,QAAA,EAAA;AAAA,MAAA,IAAA,wBAAS,IAAA,EAAA,EAAK,CAAA;AAAA,MACd;AAAA,KAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,WAAA;AAAA,MACT,QAAA;AAAA,MACA,iBAAA,EAAkB,UAAA;AAAA,MAClB,kBAAA,EAAoB;AAAA,QAClB,QAAA;AAAA,QACA,SAAS,KAAA,KAAU,IAAA,GAAO,IAAA,GAAO,KAAA,KAAU,QAAQ,KAAA,GAAQ;AAAA,OAC7D;AAAA,MACA,SAAA,EAAW;AAAA,QACT,6CAAA;AAAA,QACA,OAAA,KAAY,aACR,wBAAA,GACA,aAAA;AAAA,QACJ,OAAA,IAAW,gBAAA;AAAA,QACX,QAAA,IAAY;AAAA,OACd,CAAE,KAAK,GAAG,CAAA;AAAA,MAET,QAAA,EAAA;AAAA,QAAA,IAAA,oBAAQ,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,QACxB;AAAA;AAAA;AAAA,GACH;AAEJ;;;;"}

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

@@ -0,0 +1,26 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactNative = require('react-native');
+var style = require('./helpers/style.cjs');
+
+const StyleCtx = React.createContext(style.createStyleContext());
+function DimensionsProvider({ children }) {
+  const [ctx, setCtx] = React.useState(style.createStyleContext);
+  React.useEffect(() => {
+    const handler = ({ window }) => {
+      setCtx(style.createStyleContext());
+    };
+    const subscription = reactNative.Dimensions.addEventListener("change", handler);
+    return () => subscription.remove();
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(StyleCtx.Provider, { value: ctx, children });
+}
+function useStyleContext() {
+  return React.useContext(StyleCtx);
+}
+
+exports.DimensionsProvider = DimensionsProvider;
+exports.useStyleContext = useStyleContext;
+//# sourceMappingURL=DimensionsContext.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DimensionsContext.cjs","sources":["../../../../../../../../apps/mobile/src/Factory/DimensionsContext.tsx"],"sourcesContent":["import React, {createContext, useContext, useState, useEffect, type PropsWithChildren} from 'react';\nimport {Dimensions, type ScaledSize} from 'react-native';\nimport {createStyleContext, type StyleContext} from './helpers/style';\n\nconst StyleCtx = createContext<StyleContext>(createStyleContext());\n\n/**\n * Subscribes to dimension changes (e.g. device rotation) so that\n * responsive values (portrait/landscape, phone/tablet, breakpoints)\n * update dynamically across the component tree.\n */\nexport function DimensionsProvider({children}: PropsWithChildren) {\n    const [ctx, setCtx] = useState<StyleContext>(createStyleContext);\n\n    useEffect(() => {\n        const handler = ({window}: {window: ScaledSize}) => {\n            setCtx(createStyleContext());\n        };\n        const subscription = Dimensions.addEventListener('change', handler);\n        return () => subscription.remove();\n    }, []);\n\n    return (\n        <StyleCtx.Provider value={ctx}>\n            {children}\n        </StyleCtx.Provider>\n    );\n}\n\n/**\n * Returns the current style context (breakpoint, orientation, device, platform).\n * Re-renders when dimensions change (if DimensionsProvider is in the tree).\n */\nexport function useStyleContext(): StyleContext {\n    return useContext(StyleCtx);\n}\n"],"names":["createContext","createStyleContext","useState","useEffect","Dimensions","useContext"],"mappings":";;;;;;;AAIA,MAAM,QAAA,GAAWA,mBAAA,CAA4BC,wBAAA,EAAoB,CAAA;AAO1D,SAAS,kBAAA,CAAmB,EAAC,QAAA,EAAQ,EAAsB;AAC9D,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAIC,eAAuBD,wBAAkB,CAAA;AAE/D,EAAAE,eAAA,CAAU,MAAM;AACZ,IAAA,MAAM,OAAA,GAAU,CAAC,EAAC,MAAA,EAAM,KAA4B;AAChD,MAAA,MAAA,CAAOF,0BAAoB,CAAA;AAAA,IAC/B,CAAA;AACA,IAAA,MAAM,YAAA,GAAeG,sBAAA,CAAW,gBAAA,CAAiB,QAAA,EAAU,OAAO,CAAA;AAClE,IAAA,OAAO,MAAM,aAAa,MAAA,EAAO;AAAA,EACrC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,sCACK,QAAA,CAAS,QAAA,EAAT,EAAkB,KAAA,EAAO,KACrB,QAAA,EACL,CAAA;AAER;AAMO,SAAS,eAAA,GAAgC;AAC5C,EAAA,OAAOC,iBAAW,QAAQ,CAAA;AAC9B;;;;;"}

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

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect, createContext, useContext } from 'react';
+import { Dimensions } from 'react-native';
+import { createStyleContext } from './helpers/style.js';
+
+const StyleCtx = createContext(createStyleContext());
+function DimensionsProvider({ children }) {
+  const [ctx, setCtx] = useState(createStyleContext);
+  useEffect(() => {
+    const handler = ({ window }) => {
+      setCtx(createStyleContext());
+    };
+    const subscription = Dimensions.addEventListener("change", handler);
+    return () => subscription.remove();
+  }, []);
+  return /* @__PURE__ */ jsx(StyleCtx.Provider, { value: ctx, children });
+}
+function useStyleContext() {
+  return useContext(StyleCtx);
+}
+
+export { DimensionsProvider, useStyleContext };
+//# sourceMappingURL=DimensionsContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DimensionsContext.js","sources":["../../../../../../../../apps/mobile/src/Factory/DimensionsContext.tsx"],"sourcesContent":["import React, {createContext, useContext, useState, useEffect, type PropsWithChildren} from 'react';\nimport {Dimensions, type ScaledSize} from 'react-native';\nimport {createStyleContext, type StyleContext} from './helpers/style';\n\nconst StyleCtx = createContext<StyleContext>(createStyleContext());\n\n/**\n * Subscribes to dimension changes (e.g. device rotation) so that\n * responsive values (portrait/landscape, phone/tablet, breakpoints)\n * update dynamically across the component tree.\n */\nexport function DimensionsProvider({children}: PropsWithChildren) {\n    const [ctx, setCtx] = useState<StyleContext>(createStyleContext);\n\n    useEffect(() => {\n        const handler = ({window}: {window: ScaledSize}) => {\n            setCtx(createStyleContext());\n        };\n        const subscription = Dimensions.addEventListener('change', handler);\n        return () => subscription.remove();\n    }, []);\n\n    return (\n        <StyleCtx.Provider value={ctx}>\n            {children}\n        </StyleCtx.Provider>\n    );\n}\n\n/**\n * Returns the current style context (breakpoint, orientation, device, platform).\n * Re-renders when dimensions change (if DimensionsProvider is in the tree).\n */\nexport function useStyleContext(): StyleContext {\n    return useContext(StyleCtx);\n}\n"],"names":[],"mappings":";;;;;AAIA,MAAM,QAAA,GAAW,aAAA,CAA4B,kBAAA,EAAoB,CAAA;AAO1D,SAAS,kBAAA,CAAmB,EAAC,QAAA,EAAQ,EAAsB;AAC9D,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAuB,kBAAkB,CAAA;AAE/D,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,MAAM,OAAA,GAAU,CAAC,EAAC,MAAA,EAAM,KAA4B;AAChD,MAAA,MAAA,CAAO,oBAAoB,CAAA;AAAA,IAC/B,CAAA;AACA,IAAA,MAAM,YAAA,GAAe,UAAA,CAAW,gBAAA,CAAiB,QAAA,EAAU,OAAO,CAAA;AAClE,IAAA,OAAO,MAAM,aAAa,MAAA,EAAO;AAAA,EACrC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,2BACK,QAAA,CAAS,QAAA,EAAT,EAAkB,KAAA,EAAO,KACrB,QAAA,EACL,CAAA;AAER;AAMO,SAAS,eAAA,GAAgC;AAC5C,EAAA,OAAO,WAAW,QAAQ,CAAA;AAC9B;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveElement.cjs","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":["View","RNPressable","Box","Image","Grid","GridItem","Card","Text","Heading","Center","Skeleton","HStack","VStack","ScrollView","useStyleContext","useKitsTheme","useMemo","style","enteringPresets","exitingPresets","jsx","TouchableOpacity"],"mappings":"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"}