@lmb-it/kitsconcerto-native 0.1.236

package/apps/mobile/src/Core/Trees/components/CoreTree.cjs

@@ -0,0 +1,276 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactNative = require('react-native');
+var lucideReactNative = require('lucide-react-native');
+var useTreeEngine = require('../hooks/useTreeEngine.cjs');
+var style = require('../../../Factory/helpers/style.cjs');
+
+const t = style.resolveThemeTokenForNative;
+const CoreTree = (props) => {
+  const colors = {
+    primary: t("primary"),
+    primaryDark: t("blue.600"),
+    primaryLight: t("blue.50"),
+    text: t("gray.700"),
+    textSecondary: t("gray.500"),
+    border: t("gray.300"),
+    surface: "#ffffff",
+    disabled: t("gray.400")
+  };
+  const [internalFilterValue, setInternalFilterValue] = React.useState("");
+  React.useImperativeHandle(props.ref, () => ({
+    filter: (value) => setInternalFilterValue(String(value ?? ""))
+  }));
+  const resolvedFilterValue = props.filterValue ?? internalFilterValue;
+  const [internalExpandedKeys, setInternalExpandedKeys] = React.useState({});
+  const resolvedExpandedKeys = props.expandedKeys !== void 0 ? props.expandedKeys : internalExpandedKeys;
+  const { state, actions } = useTreeEngine.useTreeEngine({
+    nodes: props.value,
+    selectionMode: props.selectionMode,
+    selectionKeys: props.selectionKeys,
+    metaKeySelection: props.metaKeySelection,
+    expandedKeys: props.expandedKeys,
+    filterValue: resolvedFilterValue,
+    filterBy: props.filterBy,
+    filterMode: props.filterMode,
+    onSelectionChange: props.onSelectionChange,
+    onToggle: props.onToggle,
+    onExpand: props.onExpand,
+    onCollapse: props.onCollapse
+  });
+  const handleToggle = (node, originalEvent) => {
+    const key = node.key;
+    if (!key) return;
+    const nextExpandedKeys = { ...resolvedExpandedKeys };
+    if (nextExpandedKeys[key]) {
+      delete nextExpandedKeys[key];
+    } else {
+      nextExpandedKeys[key] = true;
+    }
+    if (props.expandedKeys === void 0) {
+      setInternalExpandedKeys(nextExpandedKeys);
+    }
+    props.onToggle?.({
+      originalEvent,
+      value: nextExpandedKeys
+    });
+    if (nextExpandedKeys[key]) {
+      props.onExpand?.({ originalEvent, node });
+    } else {
+      props.onCollapse?.({ originalEvent, node });
+    }
+  };
+  const isNodeSelected = (node) => {
+    if (!props.selectionMode || !props.selectionKeys) return false;
+    if (props.selectionMode === "single") return props.selectionKeys === node.key;
+    if (props.selectionMode === "multiple") return !!props.selectionKeys?.[node.key];
+    if (props.selectionMode === "checkbox") return !!props.selectionKeys?.[node.key]?.checked;
+    return false;
+  };
+  const isNodePartialChecked = (node) => {
+    if (props.selectionMode !== "checkbox" || !props.selectionKeys) return false;
+    const entry = props.selectionKeys?.[node.key];
+    return !!entry?.partialChecked && !entry?.checked;
+  };
+  const renderCheckbox = (node) => {
+    const checked = isNodeSelected(node);
+    const partial = isNodePartialChecked(node);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      reactNative.Pressable,
+      {
+        onPress: (e) => {
+          if (node.selectable !== false && !node.disabled) {
+            actions.selectNode(node.key, { originalEvent: e });
+          }
+        },
+        style: [
+          styles.checkbox,
+          { borderColor: colors.border, backgroundColor: "#fff" },
+          checked && { backgroundColor: colors.primary, borderColor: colors.primary },
+          partial && { backgroundColor: colors.primary, borderColor: colors.primary },
+          node.disabled && styles.checkboxDisabled
+        ],
+        children: [
+          checked && /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.Check, { size: 12, color: "#fff", strokeWidth: 3 }),
+          partial && !checked && /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.Minus, { size: 12, color: "#fff", strokeWidth: 3 })
+        ]
+      }
+    );
+  };
+  const renderToggler = (node, expanded) => {
+    if (props.togglerTemplate) {
+      return props.togglerTemplate(node, { expanded });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.Pressable,
+      {
+        onPress: (e) => handleToggle(node, e),
+        hitSlop: 6,
+        style: styles.toggler,
+        children: expanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.ChevronDown, { size: 16, color: colors.textSecondary }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReactNative.ChevronRight, { size: 16, color: colors.textSecondary })
+      }
+    );
+  };
+  const renderNode = (node, level = 0) => {
+    if (props.onlyParentsWithChildren && (!node.children || node.children.length === 0)) {
+      return null;
+    }
+    const expanded = !!resolvedExpandedKeys?.[node.key];
+    const hasChildren = !!node.children?.length || node.leaf === false;
+    const isSelected = isNodeSelected(node);
+    const isSelectable = node.selectable !== false && !node.disabled;
+    return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: { paddingLeft: level * 20 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        reactNative.Pressable,
+        {
+          disabled: node.disabled,
+          onPress: (e) => {
+            props.onNodeClick?.({
+              originalEvent: e,
+              node
+            });
+            if (props.selectionMode && props.selectionMode !== "checkbox" && isSelectable) {
+              actions.selectNode(node.key, { originalEvent: e });
+            }
+          },
+          style: [
+            styles.nodeContent,
+            isSelected && { backgroundColor: colors.primaryLight },
+            node.disabled && styles.nodeContentDisabled
+          ],
+          children: [
+            hasChildren ? renderToggler(node, expanded) : /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles.togglerPlaceholder }),
+            props.selectionMode === "checkbox" && /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles.checkboxWrapper, children: renderCheckbox(node) }),
+            /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles.nodeLabel, children: props.nodeTemplate ? props.nodeTemplate(node, { expanded, level, selected: isSelected }) : /* @__PURE__ */ jsxRuntime.jsx(
+              reactNative.Text,
+              {
+                style: [
+                  styles.nodeLabelText,
+                  { color: colors.text },
+                  isSelected && { color: colors.primaryDark, fontWeight: "600" },
+                  node.disabled && { color: colors.disabled }
+                ],
+                numberOfLines: 1,
+                children: node.label
+              }
+            ) })
+          ]
+        }
+      ),
+      expanded && node.children?.map((child) => renderNode(child, level + 1))
+    ] }, node.key);
+  };
+  if (props.loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles.container, { backgroundColor: colors.surface, borderColor: colors.border }, props.style], children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles.loadingContainer, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.ActivityIndicator, { size: "small", color: colors.primary }) }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles.container, { backgroundColor: colors.surface, borderColor: colors.border }, props.style], children: [
+    props.filter && /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles.filterContainer, { borderBottomColor: colors.border }], children: /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.TextInput,
+      {
+        value: resolvedFilterValue,
+        onChangeText: (text) => {
+          setInternalFilterValue(text);
+        },
+        placeholder: props.filterPlaceholder ?? "Search",
+        placeholderTextColor: colors.textSecondary,
+        style: [styles.filterInput, {
+          borderColor: colors.border,
+          color: colors.text,
+          backgroundColor: colors.surface
+        }]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(reactNative.ScrollView, { style: styles.scrollContainer, children: [
+      state.nodes?.map((node) => renderNode(node)),
+      (!state.nodes || state.nodes.length === 0) && /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles.emptyContainer, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [styles.emptyText, { color: colors.textSecondary }], children: props.emptyMessage ?? "No records found" }) })
+    ] })
+  ] });
+};
+const styles = reactNative.StyleSheet.create({
+  container: {
+    borderWidth: 1,
+    borderRadius: 6,
+    overflow: "hidden"
+  },
+  scrollContainer: {
+    padding: 4
+  },
+  // Filter
+  filterContainer: {
+    padding: 8,
+    borderBottomWidth: 1
+  },
+  filterInput: {
+    height: 36,
+    borderWidth: 1,
+    borderRadius: 6,
+    paddingHorizontal: 10,
+    fontSize: 14
+  },
+  // Node
+  nodeContent: {
+    flexDirection: "row",
+    alignItems: "center",
+    minHeight: 38,
+    paddingVertical: 4,
+    paddingHorizontal: 4,
+    borderRadius: 4
+  },
+  nodeContentDisabled: {
+    opacity: 0.5
+  },
+  // Toggler
+  toggler: {
+    width: 28,
+    height: 28,
+    borderRadius: 14,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  togglerPlaceholder: {
+    width: 28
+  },
+  // Checkbox
+  checkboxWrapper: {
+    marginRight: 4
+  },
+  checkbox: {
+    width: 20,
+    height: 20,
+    borderWidth: 2,
+    borderRadius: 4,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  checkboxDisabled: {
+    opacity: 0.5
+  },
+  // Label
+  nodeLabel: {
+    flex: 1,
+    paddingLeft: 4
+  },
+  nodeLabelText: {
+    fontSize: 14
+  },
+  // Loading
+  loadingContainer: {
+    padding: 24,
+    alignItems: "center"
+  },
+  // Empty
+  emptyContainer: {
+    padding: 16,
+    alignItems: "center"
+  },
+  emptyText: {
+    fontSize: 14
+  }
+});
+
+exports.default = CoreTree;
+//# sourceMappingURL=CoreTree.cjs.map

package/apps/mobile/src/Core/Trees/components/CoreTree.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreTree.cjs","sources":["../../../../../../../../../../apps/mobile/src/Core/Trees/components/CoreTree.tsx"],"sourcesContent":["// core/tree/components/CoreTree.tsx\n\nimport React, { useImperativeHandle, useState } from 'react';\nimport {\n  View,\n  Text,\n  Pressable,\n  TextInput,\n  ScrollView,\n  ActivityIndicator,\n  StyleSheet,\n} from 'react-native';\nimport { ChevronDown, ChevronRight, Check, Minus } from 'lucide-react-native';\n\nimport type { TreeProps, TreeRef, TreeNode, TreeExpandedEvent } from '../types';\nimport { useTreeEngine } from '../hooks/useTreeEngine';\nimport { resolveThemeTokenForNative } from '../../../Factory/helpers/style';\n\nconst t = resolveThemeTokenForNative;\n\n/* ------------------------------------------------------------------ */\n/* Tree Component                                                       */\n/* ------------------------------------------------------------------ */\n\nconst CoreTree = <T = any,>(props: TreeProps<T>) => {\n  const colors = {\n    primary: t('primary'),\n    primaryDark: t('blue.600'),\n    primaryLight: t('blue.50'),\n    text: t('gray.700'),\n    textSecondary: t('gray.500'),\n    border: t('gray.300'),\n    surface: '#ffffff',\n    disabled: t('gray.400'),\n  };\n\n  // Internal filter state (for built-in filter input & imperative ref.filter())\n  const [internalFilterValue, setInternalFilterValue] = useState('');\n  useImperativeHandle(props.ref, () => ({\n    filter: (value: any) => setInternalFilterValue(String(value ?? '')),\n  }));\n\n  // Filter value: controlled (props) > internal (built-in input / imperative)\n  const resolvedFilterValue = props.filterValue ?? internalFilterValue;\n\n  // Uncontrolled expansion\n  const [internalExpandedKeys, setInternalExpandedKeys] =\n    useState<Record<string, boolean>>({});\n\n  const resolvedExpandedKeys =\n    props.expandedKeys !== undefined\n      ? props.expandedKeys\n      : internalExpandedKeys;\n\n  const { state, actions } = useTreeEngine({\n    nodes: props.value,\n    selectionMode: props.selectionMode,\n    selectionKeys: props.selectionKeys,\n    metaKeySelection: props.metaKeySelection,\n    expandedKeys: props.expandedKeys,\n    filterValue: resolvedFilterValue,\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  const handleToggle = (node: TreeNode, originalEvent?: any) => {\n    const key = node.key;\n    if (!key) return;\n\n    const nextExpandedKeys = { ...resolvedExpandedKeys };\n    if (nextExpandedKeys[key]) {\n      delete nextExpandedKeys[key];\n    } else {\n      nextExpandedKeys[key] = true;\n    }\n\n    if (props.expandedKeys === undefined) {\n      setInternalExpandedKeys(nextExpandedKeys);\n    }\n\n    props.onToggle?.({\n      originalEvent,\n      value: nextExpandedKeys,\n    } as unknown as TreeExpandedEvent<T>);\n\n    if (nextExpandedKeys[key]) {\n      props.onExpand?.({ originalEvent, node });\n    } else {\n      props.onCollapse?.({ originalEvent, node });\n    }\n  };\n\n  /* ---- Selection helpers ---- */\n\n  const isNodeSelected = (node: TreeNode): boolean => {\n    if (!props.selectionMode || !props.selectionKeys) return false;\n    if (props.selectionMode === 'single') return props.selectionKeys === node.key;\n    if (props.selectionMode === 'multiple') return !!(props.selectionKeys as any)?.[node.key];\n    if (props.selectionMode === 'checkbox') return !!(props.selectionKeys as any)?.[node.key]?.checked;\n    return false;\n  };\n\n  const isNodePartialChecked = (node: TreeNode): boolean => {\n    if (props.selectionMode !== 'checkbox' || !props.selectionKeys) return false;\n    const entry = (props.selectionKeys as any)?.[node.key];\n    return !!entry?.partialChecked && !entry?.checked;\n  };\n\n  /* ---- Checkbox ---- */\n\n  const renderCheckbox = (node: TreeNode) => {\n    const checked = isNodeSelected(node);\n    const partial = isNodePartialChecked(node);\n\n    return (\n      <Pressable\n        onPress={(e) => {\n          if (node.selectable !== false && !node.disabled) {\n            actions.selectNode(node.key, { originalEvent: e });\n          }\n        }}\n        style={[\n          styles.checkbox,\n          { borderColor: colors.border, backgroundColor: '#fff' },\n          checked && { backgroundColor: colors.primary, borderColor: colors.primary },\n          partial && { backgroundColor: colors.primary, borderColor: colors.primary },\n          node.disabled && styles.checkboxDisabled,\n        ]}\n      >\n        {checked && <Check size={12} color=\"#fff\" strokeWidth={3} />}\n        {partial && !checked && <Minus size={12} color=\"#fff\" strokeWidth={3} />}\n      </Pressable>\n    );\n  };\n\n  /* ---- Toggler ---- */\n\n  const renderToggler = (node: TreeNode, expanded: boolean) => {\n    if (props.togglerTemplate) {\n      return props.togglerTemplate(node, { expanded });\n    }\n\n    return (\n      <Pressable\n        onPress={(e) => handleToggle(node, e)}\n        hitSlop={6}\n        style={styles.toggler}\n      >\n        {expanded ? (\n          <ChevronDown size={16} color={colors.textSecondary} />\n        ) : (\n          <ChevronRight size={16} color={colors.textSecondary} />\n        )}\n      </Pressable>\n    );\n  };\n\n  /* ---- Node rendering ---- */\n\n  const renderNode = (node: TreeNode, level = 0) => {\n    // onlyParentsWithChildren: skip nodes that have no children\n    if (props.onlyParentsWithChildren && (!node.children || node.children.length === 0)) {\n      return null;\n    }\n\n    const expanded = !!resolvedExpandedKeys?.[node.key];\n    const hasChildren = !!node.children?.length || node.leaf === false;\n    const isSelected = isNodeSelected(node);\n    const isSelectable = node.selectable !== false && !node.disabled;\n\n    return (\n      <View key={node.key} style={{ paddingLeft: level * 20 }} >\n        <Pressable\n          disabled={node.disabled}\n          onPress={(e) => {\n            // Node click event\n            props.onNodeClick?.({\n              originalEvent: e as any,\n              node: node as any,\n            });\n\n            // Selection (non-checkbox — checkbox uses its own pressable)\n            if (props.selectionMode && props.selectionMode !== 'checkbox' && isSelectable) {\n              actions.selectNode(node.key, { originalEvent: e });\n            }\n          }}\n          style={[\n            styles.nodeContent,\n            isSelected && { backgroundColor: colors.primaryLight },\n            node.disabled && styles.nodeContentDisabled,\n          ]}\n        >\n          {/* Toggler - comes first like PrimeReact */}\n          {hasChildren ? (\n            renderToggler(node, expanded)\n          ) : (\n            <View style={styles.togglerPlaceholder} />\n          )}\n\n          {/* Checkbox */}\n          {props.selectionMode === 'checkbox' && (\n            <View style={styles.checkboxWrapper}>\n              {renderCheckbox(node)}\n            </View>\n          )}\n\n          {/* Node content */}\n          <View style={styles.nodeLabel}>\n            {props.nodeTemplate ? (\n              props.nodeTemplate(node, { expanded, level, selected: isSelected })\n            ) : (\n              <Text\n                style={[\n                  styles.nodeLabelText,\n                  { color: colors.text },\n                  isSelected && { color: colors.primaryDark, fontWeight: '600' as const },\n                  node.disabled && { color: colors.disabled },\n                ]}\n                numberOfLines={1}\n              >\n                {node.label}\n              </Text>\n            )}\n          </View>\n        </Pressable>\n\n        {/* Children - rendered inside the indented container */}\n        {expanded && node.children?.map((child) => renderNode(child, level + 1))}\n      </View>\n    );\n  };\n\n  /* ---- Loading ---- */\n\n  if (props.loading) {\n    return (\n      <View style={[styles.container, { backgroundColor: colors.surface, borderColor: colors.border }, props.style]}>\n        <View style={styles.loadingContainer}>\n          <ActivityIndicator size=\"small\" color={colors.primary} />\n        </View>\n      </View>\n    );\n  }\n\n  /* ---- Main render ---- */\n\n  return (\n    <View style={[styles.container, { backgroundColor: colors.surface, borderColor: colors.border }, props.style]}>\n      {/* Filter input */}\n      {props.filter && (\n        <View style={[styles.filterContainer, { borderBottomColor: colors.border }]}>\n          <TextInput\n            value={resolvedFilterValue}\n            onChangeText={(text) => {\n              setInternalFilterValue(text);\n            }}\n            placeholder={props.filterPlaceholder ?? 'Search'}\n            placeholderTextColor={colors.textSecondary}\n            style={[styles.filterInput, {\n              borderColor: colors.border,\n              color: colors.text,\n              backgroundColor: colors.surface,\n            }]}\n          />\n        </View>\n      )}\n\n      {/* Tree nodes */}\n      <ScrollView style={styles.scrollContainer}>\n        {state.nodes?.map((node) => renderNode(node))}\n\n        {(!state.nodes || state.nodes.length === 0) && (\n          <View style={styles.emptyContainer}>\n            <Text style={[styles.emptyText, { color: colors.textSecondary }]}>{props.emptyMessage ?? 'No records found'}</Text>\n          </View>\n        )}\n      </ScrollView>\n    </View>\n  );\n};\n\n/* ------------------------------------------------------------------ */\n/* Styles (layout only — colors applied inline via theme tokens)       */\n/* ------------------------------------------------------------------ */\n\nconst styles = StyleSheet.create({\n  container: {\n    borderWidth: 1,\n    borderRadius: 6,\n    overflow: 'hidden',\n  },\n  scrollContainer: {\n    padding: 4,\n  },\n\n  // Filter\n  filterContainer: {\n    padding: 8,\n    borderBottomWidth: 1,\n  },\n  filterInput: {\n    height: 36,\n    borderWidth: 1,\n    borderRadius: 6,\n    paddingHorizontal: 10,\n    fontSize: 14,\n  },\n\n  // Node\n  nodeContent: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    minHeight: 38,\n    paddingVertical: 4,\n    paddingHorizontal: 4,\n    borderRadius: 4,\n  },\n  nodeContentDisabled: {\n    opacity: 0.5,\n  },\n\n  // Toggler\n  toggler: {\n    width: 28,\n    height: 28,\n    borderRadius: 14,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  togglerPlaceholder: {\n    width: 28,\n  },\n\n  // Checkbox\n  checkboxWrapper: {\n    marginRight: 4,\n  },\n  checkbox: {\n    width: 20,\n    height: 20,\n    borderWidth: 2,\n    borderRadius: 4,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  checkboxDisabled: {\n    opacity: 0.5,\n  },\n\n  // Label\n  nodeLabel: {\n    flex: 1,\n    paddingLeft: 4,\n  },\n  nodeLabelText: {\n    fontSize: 14,\n  },\n\n  // Loading\n  loadingContainer: {\n    padding: 24,\n    alignItems: 'center',\n  },\n\n  // Empty\n  emptyContainer: {\n    padding: 16,\n    alignItems: 'center',\n  },\n  emptyText: {\n    fontSize: 14,\n  },\n});\n\nexport default CoreTree;\n"],"names":["resolveThemeTokenForNative","useState","useImperativeHandle","useTreeEngine","jsxs","Pressable","Check","jsx","Minus","ChevronDown","ChevronRight","View","Text","ActivityIndicator","TextInput","ScrollView","StyleSheet"],"mappings":"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"}

package/apps/mobile/src/Core/Trees/components/CoreTree.js

@@ -0,0 +1,272 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useImperativeHandle } from 'react';
+import { View, ActivityIndicator, TextInput, ScrollView, Text, StyleSheet, Pressable } from 'react-native';
+import { ChevronDown, ChevronRight, Check, Minus } from 'lucide-react-native';
+import { useTreeEngine } from '../hooks/useTreeEngine.js';
+import { resolveThemeTokenForNative } from '../../../Factory/helpers/style.js';
+
+const t = resolveThemeTokenForNative;
+const CoreTree = (props) => {
+  const colors = {
+    primary: t("primary"),
+    primaryDark: t("blue.600"),
+    primaryLight: t("blue.50"),
+    text: t("gray.700"),
+    textSecondary: t("gray.500"),
+    border: t("gray.300"),
+    surface: "#ffffff",
+    disabled: t("gray.400")
+  };
+  const [internalFilterValue, setInternalFilterValue] = useState("");
+  useImperativeHandle(props.ref, () => ({
+    filter: (value) => setInternalFilterValue(String(value ?? ""))
+  }));
+  const resolvedFilterValue = props.filterValue ?? internalFilterValue;
+  const [internalExpandedKeys, setInternalExpandedKeys] = useState({});
+  const resolvedExpandedKeys = props.expandedKeys !== void 0 ? props.expandedKeys : internalExpandedKeys;
+  const { state, actions } = useTreeEngine({
+    nodes: props.value,
+    selectionMode: props.selectionMode,
+    selectionKeys: props.selectionKeys,
+    metaKeySelection: props.metaKeySelection,
+    expandedKeys: props.expandedKeys,
+    filterValue: resolvedFilterValue,
+    filterBy: props.filterBy,
+    filterMode: props.filterMode,
+    onSelectionChange: props.onSelectionChange,
+    onToggle: props.onToggle,
+    onExpand: props.onExpand,
+    onCollapse: props.onCollapse
+  });
+  const handleToggle = (node, originalEvent) => {
+    const key = node.key;
+    if (!key) return;
+    const nextExpandedKeys = { ...resolvedExpandedKeys };
+    if (nextExpandedKeys[key]) {
+      delete nextExpandedKeys[key];
+    } else {
+      nextExpandedKeys[key] = true;
+    }
+    if (props.expandedKeys === void 0) {
+      setInternalExpandedKeys(nextExpandedKeys);
+    }
+    props.onToggle?.({
+      originalEvent,
+      value: nextExpandedKeys
+    });
+    if (nextExpandedKeys[key]) {
+      props.onExpand?.({ originalEvent, node });
+    } else {
+      props.onCollapse?.({ originalEvent, node });
+    }
+  };
+  const isNodeSelected = (node) => {
+    if (!props.selectionMode || !props.selectionKeys) return false;
+    if (props.selectionMode === "single") return props.selectionKeys === node.key;
+    if (props.selectionMode === "multiple") return !!props.selectionKeys?.[node.key];
+    if (props.selectionMode === "checkbox") return !!props.selectionKeys?.[node.key]?.checked;
+    return false;
+  };
+  const isNodePartialChecked = (node) => {
+    if (props.selectionMode !== "checkbox" || !props.selectionKeys) return false;
+    const entry = props.selectionKeys?.[node.key];
+    return !!entry?.partialChecked && !entry?.checked;
+  };
+  const renderCheckbox = (node) => {
+    const checked = isNodeSelected(node);
+    const partial = isNodePartialChecked(node);
+    return /* @__PURE__ */ jsxs(
+      Pressable,
+      {
+        onPress: (e) => {
+          if (node.selectable !== false && !node.disabled) {
+            actions.selectNode(node.key, { originalEvent: e });
+          }
+        },
+        style: [
+          styles.checkbox,
+          { borderColor: colors.border, backgroundColor: "#fff" },
+          checked && { backgroundColor: colors.primary, borderColor: colors.primary },
+          partial && { backgroundColor: colors.primary, borderColor: colors.primary },
+          node.disabled && styles.checkboxDisabled
+        ],
+        children: [
+          checked && /* @__PURE__ */ jsx(Check, { size: 12, color: "#fff", strokeWidth: 3 }),
+          partial && !checked && /* @__PURE__ */ jsx(Minus, { size: 12, color: "#fff", strokeWidth: 3 })
+        ]
+      }
+    );
+  };
+  const renderToggler = (node, expanded) => {
+    if (props.togglerTemplate) {
+      return props.togglerTemplate(node, { expanded });
+    }
+    return /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        onPress: (e) => handleToggle(node, e),
+        hitSlop: 6,
+        style: styles.toggler,
+        children: expanded ? /* @__PURE__ */ jsx(ChevronDown, { size: 16, color: colors.textSecondary }) : /* @__PURE__ */ jsx(ChevronRight, { size: 16, color: colors.textSecondary })
+      }
+    );
+  };
+  const renderNode = (node, level = 0) => {
+    if (props.onlyParentsWithChildren && (!node.children || node.children.length === 0)) {
+      return null;
+    }
+    const expanded = !!resolvedExpandedKeys?.[node.key];
+    const hasChildren = !!node.children?.length || node.leaf === false;
+    const isSelected = isNodeSelected(node);
+    const isSelectable = node.selectable !== false && !node.disabled;
+    return /* @__PURE__ */ jsxs(View, { style: { paddingLeft: level * 20 }, children: [
+      /* @__PURE__ */ jsxs(
+        Pressable,
+        {
+          disabled: node.disabled,
+          onPress: (e) => {
+            props.onNodeClick?.({
+              originalEvent: e,
+              node
+            });
+            if (props.selectionMode && props.selectionMode !== "checkbox" && isSelectable) {
+              actions.selectNode(node.key, { originalEvent: e });
+            }
+          },
+          style: [
+            styles.nodeContent,
+            isSelected && { backgroundColor: colors.primaryLight },
+            node.disabled && styles.nodeContentDisabled
+          ],
+          children: [
+            hasChildren ? renderToggler(node, expanded) : /* @__PURE__ */ jsx(View, { style: styles.togglerPlaceholder }),
+            props.selectionMode === "checkbox" && /* @__PURE__ */ jsx(View, { style: styles.checkboxWrapper, children: renderCheckbox(node) }),
+            /* @__PURE__ */ jsx(View, { style: styles.nodeLabel, children: props.nodeTemplate ? props.nodeTemplate(node, { expanded, level, selected: isSelected }) : /* @__PURE__ */ jsx(
+              Text,
+              {
+                style: [
+                  styles.nodeLabelText,
+                  { color: colors.text },
+                  isSelected && { color: colors.primaryDark, fontWeight: "600" },
+                  node.disabled && { color: colors.disabled }
+                ],
+                numberOfLines: 1,
+                children: node.label
+              }
+            ) })
+          ]
+        }
+      ),
+      expanded && node.children?.map((child) => renderNode(child, level + 1))
+    ] }, node.key);
+  };
+  if (props.loading) {
+    return /* @__PURE__ */ jsx(View, { style: [styles.container, { backgroundColor: colors.surface, borderColor: colors.border }, props.style], children: /* @__PURE__ */ jsx(View, { style: styles.loadingContainer, children: /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: colors.primary }) }) });
+  }
+  return /* @__PURE__ */ jsxs(View, { style: [styles.container, { backgroundColor: colors.surface, borderColor: colors.border }, props.style], children: [
+    props.filter && /* @__PURE__ */ jsx(View, { style: [styles.filterContainer, { borderBottomColor: colors.border }], children: /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        value: resolvedFilterValue,
+        onChangeText: (text) => {
+          setInternalFilterValue(text);
+        },
+        placeholder: props.filterPlaceholder ?? "Search",
+        placeholderTextColor: colors.textSecondary,
+        style: [styles.filterInput, {
+          borderColor: colors.border,
+          color: colors.text,
+          backgroundColor: colors.surface
+        }]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(ScrollView, { style: styles.scrollContainer, children: [
+      state.nodes?.map((node) => renderNode(node)),
+      (!state.nodes || state.nodes.length === 0) && /* @__PURE__ */ jsx(View, { style: styles.emptyContainer, children: /* @__PURE__ */ jsx(Text, { style: [styles.emptyText, { color: colors.textSecondary }], children: props.emptyMessage ?? "No records found" }) })
+    ] })
+  ] });
+};
+const styles = StyleSheet.create({
+  container: {
+    borderWidth: 1,
+    borderRadius: 6,
+    overflow: "hidden"
+  },
+  scrollContainer: {
+    padding: 4
+  },
+  // Filter
+  filterContainer: {
+    padding: 8,
+    borderBottomWidth: 1
+  },
+  filterInput: {
+    height: 36,
+    borderWidth: 1,
+    borderRadius: 6,
+    paddingHorizontal: 10,
+    fontSize: 14
+  },
+  // Node
+  nodeContent: {
+    flexDirection: "row",
+    alignItems: "center",
+    minHeight: 38,
+    paddingVertical: 4,
+    paddingHorizontal: 4,
+    borderRadius: 4
+  },
+  nodeContentDisabled: {
+    opacity: 0.5
+  },
+  // Toggler
+  toggler: {
+    width: 28,
+    height: 28,
+    borderRadius: 14,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  togglerPlaceholder: {
+    width: 28
+  },
+  // Checkbox
+  checkboxWrapper: {
+    marginRight: 4
+  },
+  checkbox: {
+    width: 20,
+    height: 20,
+    borderWidth: 2,
+    borderRadius: 4,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  checkboxDisabled: {
+    opacity: 0.5
+  },
+  // Label
+  nodeLabel: {
+    flex: 1,
+    paddingLeft: 4
+  },
+  nodeLabelText: {
+    fontSize: 14
+  },
+  // Loading
+  loadingContainer: {
+    padding: 24,
+    alignItems: "center"
+  },
+  // Empty
+  emptyContainer: {
+    padding: 16,
+    alignItems: "center"
+  },
+  emptyText: {
+    fontSize: 14
+  }
+});
+
+export { CoreTree as default };
+//# sourceMappingURL=CoreTree.js.map

package/apps/mobile/src/Core/Trees/components/CoreTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreTree.js","sources":["../../../../../../../../../../apps/mobile/src/Core/Trees/components/CoreTree.tsx"],"sourcesContent":["// core/tree/components/CoreTree.tsx\n\nimport React, { useImperativeHandle, useState } from 'react';\nimport {\n  View,\n  Text,\n  Pressable,\n  TextInput,\n  ScrollView,\n  ActivityIndicator,\n  StyleSheet,\n} from 'react-native';\nimport { ChevronDown, ChevronRight, Check, Minus } from 'lucide-react-native';\n\nimport type { TreeProps, TreeRef, TreeNode, TreeExpandedEvent } from '../types';\nimport { useTreeEngine } from '../hooks/useTreeEngine';\nimport { resolveThemeTokenForNative } from '../../../Factory/helpers/style';\n\nconst t = resolveThemeTokenForNative;\n\n/* ------------------------------------------------------------------ */\n/* Tree Component                                                       */\n/* ------------------------------------------------------------------ */\n\nconst CoreTree = <T = any,>(props: TreeProps<T>) => {\n  const colors = {\n    primary: t('primary'),\n    primaryDark: t('blue.600'),\n    primaryLight: t('blue.50'),\n    text: t('gray.700'),\n    textSecondary: t('gray.500'),\n    border: t('gray.300'),\n    surface: '#ffffff',\n    disabled: t('gray.400'),\n  };\n\n  // Internal filter state (for built-in filter input & imperative ref.filter())\n  const [internalFilterValue, setInternalFilterValue] = useState('');\n  useImperativeHandle(props.ref, () => ({\n    filter: (value: any) => setInternalFilterValue(String(value ?? '')),\n  }));\n\n  // Filter value: controlled (props) > internal (built-in input / imperative)\n  const resolvedFilterValue = props.filterValue ?? internalFilterValue;\n\n  // Uncontrolled expansion\n  const [internalExpandedKeys, setInternalExpandedKeys] =\n    useState<Record<string, boolean>>({});\n\n  const resolvedExpandedKeys =\n    props.expandedKeys !== undefined\n      ? props.expandedKeys\n      : internalExpandedKeys;\n\n  const { state, actions } = useTreeEngine({\n    nodes: props.value,\n    selectionMode: props.selectionMode,\n    selectionKeys: props.selectionKeys,\n    metaKeySelection: props.metaKeySelection,\n    expandedKeys: props.expandedKeys,\n    filterValue: resolvedFilterValue,\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  const handleToggle = (node: TreeNode, originalEvent?: any) => {\n    const key = node.key;\n    if (!key) return;\n\n    const nextExpandedKeys = { ...resolvedExpandedKeys };\n    if (nextExpandedKeys[key]) {\n      delete nextExpandedKeys[key];\n    } else {\n      nextExpandedKeys[key] = true;\n    }\n\n    if (props.expandedKeys === undefined) {\n      setInternalExpandedKeys(nextExpandedKeys);\n    }\n\n    props.onToggle?.({\n      originalEvent,\n      value: nextExpandedKeys,\n    } as unknown as TreeExpandedEvent<T>);\n\n    if (nextExpandedKeys[key]) {\n      props.onExpand?.({ originalEvent, node });\n    } else {\n      props.onCollapse?.({ originalEvent, node });\n    }\n  };\n\n  /* ---- Selection helpers ---- */\n\n  const isNodeSelected = (node: TreeNode): boolean => {\n    if (!props.selectionMode || !props.selectionKeys) return false;\n    if (props.selectionMode === 'single') return props.selectionKeys === node.key;\n    if (props.selectionMode === 'multiple') return !!(props.selectionKeys as any)?.[node.key];\n    if (props.selectionMode === 'checkbox') return !!(props.selectionKeys as any)?.[node.key]?.checked;\n    return false;\n  };\n\n  const isNodePartialChecked = (node: TreeNode): boolean => {\n    if (props.selectionMode !== 'checkbox' || !props.selectionKeys) return false;\n    const entry = (props.selectionKeys as any)?.[node.key];\n    return !!entry?.partialChecked && !entry?.checked;\n  };\n\n  /* ---- Checkbox ---- */\n\n  const renderCheckbox = (node: TreeNode) => {\n    const checked = isNodeSelected(node);\n    const partial = isNodePartialChecked(node);\n\n    return (\n      <Pressable\n        onPress={(e) => {\n          if (node.selectable !== false && !node.disabled) {\n            actions.selectNode(node.key, { originalEvent: e });\n          }\n        }}\n        style={[\n          styles.checkbox,\n          { borderColor: colors.border, backgroundColor: '#fff' },\n          checked && { backgroundColor: colors.primary, borderColor: colors.primary },\n          partial && { backgroundColor: colors.primary, borderColor: colors.primary },\n          node.disabled && styles.checkboxDisabled,\n        ]}\n      >\n        {checked && <Check size={12} color=\"#fff\" strokeWidth={3} />}\n        {partial && !checked && <Minus size={12} color=\"#fff\" strokeWidth={3} />}\n      </Pressable>\n    );\n  };\n\n  /* ---- Toggler ---- */\n\n  const renderToggler = (node: TreeNode, expanded: boolean) => {\n    if (props.togglerTemplate) {\n      return props.togglerTemplate(node, { expanded });\n    }\n\n    return (\n      <Pressable\n        onPress={(e) => handleToggle(node, e)}\n        hitSlop={6}\n        style={styles.toggler}\n      >\n        {expanded ? (\n          <ChevronDown size={16} color={colors.textSecondary} />\n        ) : (\n          <ChevronRight size={16} color={colors.textSecondary} />\n        )}\n      </Pressable>\n    );\n  };\n\n  /* ---- Node rendering ---- */\n\n  const renderNode = (node: TreeNode, level = 0) => {\n    // onlyParentsWithChildren: skip nodes that have no children\n    if (props.onlyParentsWithChildren && (!node.children || node.children.length === 0)) {\n      return null;\n    }\n\n    const expanded = !!resolvedExpandedKeys?.[node.key];\n    const hasChildren = !!node.children?.length || node.leaf === false;\n    const isSelected = isNodeSelected(node);\n    const isSelectable = node.selectable !== false && !node.disabled;\n\n    return (\n      <View key={node.key} style={{ paddingLeft: level * 20 }} >\n        <Pressable\n          disabled={node.disabled}\n          onPress={(e) => {\n            // Node click event\n            props.onNodeClick?.({\n              originalEvent: e as any,\n              node: node as any,\n            });\n\n            // Selection (non-checkbox — checkbox uses its own pressable)\n            if (props.selectionMode && props.selectionMode !== 'checkbox' && isSelectable) {\n              actions.selectNode(node.key, { originalEvent: e });\n            }\n          }}\n          style={[\n            styles.nodeContent,\n            isSelected && { backgroundColor: colors.primaryLight },\n            node.disabled && styles.nodeContentDisabled,\n          ]}\n        >\n          {/* Toggler - comes first like PrimeReact */}\n          {hasChildren ? (\n            renderToggler(node, expanded)\n          ) : (\n            <View style={styles.togglerPlaceholder} />\n          )}\n\n          {/* Checkbox */}\n          {props.selectionMode === 'checkbox' && (\n            <View style={styles.checkboxWrapper}>\n              {renderCheckbox(node)}\n            </View>\n          )}\n\n          {/* Node content */}\n          <View style={styles.nodeLabel}>\n            {props.nodeTemplate ? (\n              props.nodeTemplate(node, { expanded, level, selected: isSelected })\n            ) : (\n              <Text\n                style={[\n                  styles.nodeLabelText,\n                  { color: colors.text },\n                  isSelected && { color: colors.primaryDark, fontWeight: '600' as const },\n                  node.disabled && { color: colors.disabled },\n                ]}\n                numberOfLines={1}\n              >\n                {node.label}\n              </Text>\n            )}\n          </View>\n        </Pressable>\n\n        {/* Children - rendered inside the indented container */}\n        {expanded && node.children?.map((child) => renderNode(child, level + 1))}\n      </View>\n    );\n  };\n\n  /* ---- Loading ---- */\n\n  if (props.loading) {\n    return (\n      <View style={[styles.container, { backgroundColor: colors.surface, borderColor: colors.border }, props.style]}>\n        <View style={styles.loadingContainer}>\n          <ActivityIndicator size=\"small\" color={colors.primary} />\n        </View>\n      </View>\n    );\n  }\n\n  /* ---- Main render ---- */\n\n  return (\n    <View style={[styles.container, { backgroundColor: colors.surface, borderColor: colors.border }, props.style]}>\n      {/* Filter input */}\n      {props.filter && (\n        <View style={[styles.filterContainer, { borderBottomColor: colors.border }]}>\n          <TextInput\n            value={resolvedFilterValue}\n            onChangeText={(text) => {\n              setInternalFilterValue(text);\n            }}\n            placeholder={props.filterPlaceholder ?? 'Search'}\n            placeholderTextColor={colors.textSecondary}\n            style={[styles.filterInput, {\n              borderColor: colors.border,\n              color: colors.text,\n              backgroundColor: colors.surface,\n            }]}\n          />\n        </View>\n      )}\n\n      {/* Tree nodes */}\n      <ScrollView style={styles.scrollContainer}>\n        {state.nodes?.map((node) => renderNode(node))}\n\n        {(!state.nodes || state.nodes.length === 0) && (\n          <View style={styles.emptyContainer}>\n            <Text style={[styles.emptyText, { color: colors.textSecondary }]}>{props.emptyMessage ?? 'No records found'}</Text>\n          </View>\n        )}\n      </ScrollView>\n    </View>\n  );\n};\n\n/* ------------------------------------------------------------------ */\n/* Styles (layout only — colors applied inline via theme tokens)       */\n/* ------------------------------------------------------------------ */\n\nconst styles = StyleSheet.create({\n  container: {\n    borderWidth: 1,\n    borderRadius: 6,\n    overflow: 'hidden',\n  },\n  scrollContainer: {\n    padding: 4,\n  },\n\n  // Filter\n  filterContainer: {\n    padding: 8,\n    borderBottomWidth: 1,\n  },\n  filterInput: {\n    height: 36,\n    borderWidth: 1,\n    borderRadius: 6,\n    paddingHorizontal: 10,\n    fontSize: 14,\n  },\n\n  // Node\n  nodeContent: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    minHeight: 38,\n    paddingVertical: 4,\n    paddingHorizontal: 4,\n    borderRadius: 4,\n  },\n  nodeContentDisabled: {\n    opacity: 0.5,\n  },\n\n  // Toggler\n  toggler: {\n    width: 28,\n    height: 28,\n    borderRadius: 14,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  togglerPlaceholder: {\n    width: 28,\n  },\n\n  // Checkbox\n  checkboxWrapper: {\n    marginRight: 4,\n  },\n  checkbox: {\n    width: 20,\n    height: 20,\n    borderWidth: 2,\n    borderRadius: 4,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  checkboxDisabled: {\n    opacity: 0.5,\n  },\n\n  // Label\n  nodeLabel: {\n    flex: 1,\n    paddingLeft: 4,\n  },\n  nodeLabelText: {\n    fontSize: 14,\n  },\n\n  // Loading\n  loadingContainer: {\n    padding: 24,\n    alignItems: 'center',\n  },\n\n  // Empty\n  emptyContainer: {\n    padding: 16,\n    alignItems: 'center',\n  },\n  emptyText: {\n    fontSize: 14,\n  },\n});\n\nexport default CoreTree;\n"],"names":[],"mappings":";;;;;;;AAkBA,MAAM,CAAA,GAAI,0BAAA;AAMV,MAAM,QAAA,GAAW,CAAW,KAAA,KAAwB;AAClD,EAAA,MAAM,MAAA,GAAS;AAAA,IACb,OAAA,EAAS,EAAE,SAAS,CAAA;AAAA,IACpB,WAAA,EAAa,EAAE,UAAU,CAAA;AAAA,IACzB,YAAA,EAAc,EAAE,SAAS,CAAA;AAAA,IACzB,IAAA,EAAM,EAAE,UAAU,CAAA;AAAA,IAClB,aAAA,EAAe,EAAE,UAAU,CAAA;AAAA,IAC3B,MAAA,EAAQ,EAAE,UAAU,CAAA;AAAA,IACpB,OAAA,EAAS,SAAA;AAAA,IACT,QAAA,EAAU,EAAE,UAAU;AAAA,GACxB;AAGA,EAAA,MAAM,CAAC,mBAAA,EAAqB,sBAAsB,CAAA,GAAI,SAAS,EAAE,CAAA;AACjE,EAAA,mBAAA,CAAoB,KAAA,CAAM,KAAK,OAAO;AAAA,IACpC,QAAQ,CAAC,KAAA,KAAe,uBAAuB,MAAA,CAAO,KAAA,IAAS,EAAE,CAAC;AAAA,GACpE,CAAE,CAAA;AAGF,EAAA,MAAM,mBAAA,GAAsB,MAAM,WAAA,IAAe,mBAAA;AAGjD,EAAA,MAAM,CAAC,oBAAA,EAAsB,uBAAuB,CAAA,GAClD,QAAA,CAAkC,EAAE,CAAA;AAEtC,EAAA,MAAM,oBAAA,GACJ,KAAA,CAAM,YAAA,KAAiB,MAAA,GACnB,MAAM,YAAA,GACN,oBAAA;AAEN,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAQ,GAAI,aAAA,CAAc;AAAA,IACvC,OAAO,KAAA,CAAM,KAAA;AAAA,IACb,eAAe,KAAA,CAAM,aAAA;AAAA,IACrB,eAAe,KAAA,CAAM,aAAA;AAAA,IACrB,kBAAkB,KAAA,CAAM,gBAAA;AAAA,IACxB,cAAc,KAAA,CAAM,YAAA;AAAA,IACpB,WAAA,EAAa,mBAAA;AAAA,IACb,UAAU,KAAA,CAAM,QAAA;AAAA,IAChB,YAAY,KAAA,CAAM,UAAA;AAAA,IAClB,mBAAmB,KAAA,CAAM,iBAAA;AAAA,IACzB,UAAU,KAAA,CAAM,QAAA;AAAA,IAChB,UAAU,KAAA,CAAM,QAAA;AAAA,IAChB,YAAY,KAAA,CAAM;AAAA,GACnB,CAAA;AAED,EAAA,MAAM,YAAA,GAAe,CAAC,IAAA,EAAgB,aAAA,KAAwB;AAC5D,IAAA,MAAM,MAAM,IAAA,CAAK,GAAA;AACjB,IAAA,IAAI,CAAC,GAAA,EAAK;AAEV,IAAA,MAAM,gBAAA,GAAmB,EAAE,GAAG,oBAAA,EAAqB;AACnD,IAAA,IAAI,gBAAA,CAAiB,GAAG,CAAA,EAAG;AACzB,MAAA,OAAO,iBAAiB,GAAG,CAAA;AAAA,IAC7B,CAAA,MAAO;AACL,MAAA,gBAAA,CAAiB,GAAG,CAAA,GAAI,IAAA;AAAA,IAC1B;AAEA,IAAA,IAAI,KAAA,CAAM,iBAAiB,MAAA,EAAW;AACpC,MAAA,uBAAA,CAAwB,gBAAgB,CAAA;AAAA,IAC1C;AAEA,IAAA,KAAA,CAAM,QAAA,GAAW;AAAA,MACf,aAAA;AAAA,MACA,KAAA,EAAO;AAAA,KAC2B,CAAA;AAEpC,IAAA,IAAI,gBAAA,CAAiB,GAAG,CAAA,EAAG;AACzB,MAAA,KAAA,CAAM,QAAA,GAAW,EAAE,aAAA,EAAe,IAAA,EAAM,CAAA;AAAA,IAC1C,CAAA,MAAO;AACL,MAAA,KAAA,CAAM,UAAA,GAAa,EAAE,aAAA,EAAe,IAAA,EAAM,CAAA;AAAA,IAC5C;AAAA,EACF,CAAA;AAIA,EAAA,MAAM,cAAA,GAAiB,CAAC,IAAA,KAA4B;AAClD,IAAA,IAAI,CAAC,KAAA,CAAM,aAAA,IAAiB,CAAC,KAAA,CAAM,eAAe,OAAO,KAAA;AACzD,IAAA,IAAI,MAAM,aAAA,KAAkB,QAAA,EAAU,OAAO,KAAA,CAAM,kBAAkB,IAAA,CAAK,GAAA;AAC1E,IAAA,IAAI,KAAA,CAAM,kBAAkB,UAAA,EAAY,OAAO,CAAC,CAAE,KAAA,CAAM,aAAA,GAAwB,IAAA,CAAK,GAAG,CAAA;AACxF,IAAA,IAAI,KAAA,CAAM,aAAA,KAAkB,UAAA,EAAY,OAAO,CAAC,CAAE,KAAA,CAAM,aAAA,GAAwB,IAAA,CAAK,GAAG,CAAA,EAAG,OAAA;AAC3F,IAAA,OAAO,KAAA;AAAA,EACT,CAAA;AAEA,EAAA,MAAM,oBAAA,GAAuB,CAAC,IAAA,KAA4B;AACxD,IAAA,IAAI,MAAM,aAAA,KAAkB,UAAA,IAAc,CAAC,KAAA,CAAM,eAAe,OAAO,KAAA;AACvE,IAAA,MAAM,KAAA,GAAS,KAAA,CAAM,aAAA,GAAwB,IAAA,CAAK,GAAG,CAAA;AACrD,IAAA,OAAO,CAAC,CAAC,KAAA,EAAO,cAAA,IAAkB,CAAC,KAAA,EAAO,OAAA;AAAA,EAC5C,CAAA;AAIA,EAAA,MAAM,cAAA,GAAiB,CAAC,IAAA,KAAmB;AACzC,IAAA,MAAM,OAAA,GAAU,eAAe,IAAI,CAAA;AACnC,IAAA,MAAM,OAAA,GAAU,qBAAqB,IAAI,CAAA;AAEzC,IAAA,uBACE,IAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,UAAA,IAAI,IAAA,CAAK,UAAA,KAAe,KAAA,IAAS,CAAC,KAAK,QAAA,EAAU;AAC/C,YAAA,OAAA,CAAQ,WAAW,IAAA,CAAK,GAAA,EAAK,EAAE,aAAA,EAAe,GAAG,CAAA;AAAA,UACnD;AAAA,QACF,CAAA;AAAA,QACA,KAAA,EAAO;AAAA,UACL,MAAA,CAAO,QAAA;AAAA,UACP,EAAE,WAAA,EAAa,MAAA,CAAO,MAAA,EAAQ,iBAAiB,MAAA,EAAO;AAAA,UACtD,WAAW,EAAE,eAAA,EAAiB,OAAO,OAAA,EAAS,WAAA,EAAa,OAAO,OAAA,EAAQ;AAAA,UAC1E,WAAW,EAAE,eAAA,EAAiB,OAAO,OAAA,EAAS,WAAA,EAAa,OAAO,OAAA,EAAQ;AAAA,UAC1E,IAAA,CAAK,YAAY,MAAA,CAAO;AAAA,SAC1B;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,OAAA,wBAAY,KAAA,EAAA,EAAM,IAAA,EAAM,IAAI,KAAA,EAAM,MAAA,EAAO,aAAa,CAAA,EAAG,CAAA;AAAA,UACzD,OAAA,IAAW,CAAC,OAAA,oBAAW,GAAA,CAAC,KAAA,EAAA,EAAM,MAAM,EAAA,EAAI,KAAA,EAAM,MAAA,EAAO,WAAA,EAAa,CAAA,EAAG;AAAA;AAAA;AAAA,KACxE;AAAA,EAEJ,CAAA;AAIA,EAAA,MAAM,aAAA,GAAgB,CAAC,IAAA,EAAgB,QAAA,KAAsB;AAC3D,IAAA,IAAI,MAAM,eAAA,EAAiB;AACzB,MAAA,OAAO,KAAA,CAAM,eAAA,CAAgB,IAAA,EAAM,EAAE,UAAU,CAAA;AAAA,IACjD;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,CAAC,CAAA,KAAM,YAAA,CAAa,MAAM,CAAC,CAAA;AAAA,QACpC,OAAA,EAAS,CAAA;AAAA,QACT,OAAO,MAAA,CAAO,OAAA;AAAA,QAEb,QAAA,EAAA,QAAA,mBACC,GAAA,CAAC,WAAA,EAAA,EAAY,IAAA,EAAM,IAAI,KAAA,EAAO,MAAA,CAAO,aAAA,EAAe,CAAA,uBAEnD,YAAA,EAAA,EAAa,IAAA,EAAM,EAAA,EAAI,KAAA,EAAO,OAAO,aAAA,EAAe;AAAA;AAAA,KAEzD;AAAA,EAEJ,CAAA;AAIA,EAAA,MAAM,UAAA,GAAa,CAAC,IAAA,EAAgB,KAAA,GAAQ,CAAA,KAAM;AAEhD,IAAA,IAAI,KAAA,CAAM,4BAA4B,CAAC,IAAA,CAAK,YAAY,IAAA,CAAK,QAAA,CAAS,WAAW,CAAA,CAAA,EAAI;AACnF,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,QAAA,GAAW,CAAC,CAAC,oBAAA,GAAuB,KAAK,GAAG,CAAA;AAClD,IAAA,MAAM,cAAc,CAAC,CAAC,KAAK,QAAA,EAAU,MAAA,IAAU,KAAK,IAAA,KAAS,KAAA;AAC7D,IAAA,MAAM,UAAA,GAAa,eAAe,IAAI,CAAA;AACtC,IAAA,MAAM,YAAA,GAAe,IAAA,CAAK,UAAA,KAAe,KAAA,IAAS,CAAC,IAAA,CAAK,QAAA;AAExD,IAAA,4BACG,IAAA,EAAA,EAAoB,KAAA,EAAO,EAAE,WAAA,EAAa,KAAA,GAAQ,IAAG,EACpD,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,UAAU,IAAA,CAAK,QAAA;AAAA,UACf,OAAA,EAAS,CAAC,CAAA,KAAM;AAEd,YAAA,KAAA,CAAM,WAAA,GAAc;AAAA,cAClB,aAAA,EAAe,CAAA;AAAA,cACf;AAAA,aACD,CAAA;AAGD,YAAA,IAAI,KAAA,CAAM,aAAA,IAAiB,KAAA,CAAM,aAAA,KAAkB,cAAc,YAAA,EAAc;AAC7E,cAAA,OAAA,CAAQ,WAAW,IAAA,CAAK,GAAA,EAAK,EAAE,aAAA,EAAe,GAAG,CAAA;AAAA,YACnD;AAAA,UACF,CAAA;AAAA,UACA,KAAA,EAAO;AAAA,YACL,MAAA,CAAO,WAAA;AAAA,YACP,UAAA,IAAc,EAAE,eAAA,EAAiB,MAAA,CAAO,YAAA,EAAa;AAAA,YACrD,IAAA,CAAK,YAAY,MAAA,CAAO;AAAA,WAC1B;AAAA,UAGC,QAAA,EAAA;AAAA,YAAA,WAAA,GACC,aAAA,CAAc,MAAM,QAAQ,CAAA,uBAE3B,IAAA,EAAA,EAAK,KAAA,EAAO,OAAO,kBAAA,EAAoB,CAAA;AAAA,YAIzC,KAAA,CAAM,aAAA,KAAkB,UAAA,oBACvB,GAAA,CAAC,IAAA,EAAA,EAAK,OAAO,MAAA,CAAO,eAAA,EACjB,QAAA,EAAA,cAAA,CAAe,IAAI,CAAA,EACtB,CAAA;AAAA,gCAID,IAAA,EAAA,EAAK,KAAA,EAAO,MAAA,CAAO,SAAA,EACjB,gBAAM,YAAA,GACL,KAAA,CAAM,YAAA,CAAa,IAAA,EAAM,EAAE,QAAA,EAAU,KAAA,EAAO,QAAA,EAAU,UAAA,EAAY,CAAA,mBAElE,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,KAAA,EAAO;AAAA,kBACL,MAAA,CAAO,aAAA;AAAA,kBACP,EAAE,KAAA,EAAO,MAAA,CAAO,IAAA,EAAK;AAAA,kBACrB,cAAc,EAAE,KAAA,EAAO,MAAA,CAAO,WAAA,EAAa,YAAY,KAAA,EAAe;AAAA,kBACtE,IAAA,CAAK,QAAA,IAAY,EAAE,KAAA,EAAO,OAAO,QAAA;AAAS,iBAC5C;AAAA,gBACA,aAAA,EAAe,CAAA;AAAA,gBAEd,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,aACR,EAEJ;AAAA;AAAA;AAAA,OACF;AAAA,MAGC,QAAA,IAAY,IAAA,CAAK,QAAA,EAAU,GAAA,CAAI,CAAC,UAAU,UAAA,CAAW,KAAA,EAAO,KAAA,GAAQ,CAAC,CAAC;AAAA,KAAA,EAAA,EAxD9D,KAAK,GAyDhB,CAAA;AAAA,EAEJ,CAAA;AAIA,EAAA,IAAI,MAAM,OAAA,EAAS;AACjB,IAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAO,CAAC,MAAA,CAAO,SAAA,EAAW,EAAE,eAAA,EAAiB,MAAA,CAAO,OAAA,EAAS,WAAA,EAAa,MAAA,CAAO,QAAO,EAAG,KAAA,CAAM,KAAK,CAAA,EAC1G,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAO,MAAA,CAAO,gBAAA,EAClB,QAAA,kBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,IAAA,EAAK,OAAA,EAAQ,KAAA,EAAO,MAAA,CAAO,OAAA,EAAS,GACzD,CAAA,EACF,CAAA;AAAA,EAEJ;AAIA,EAAA,4BACG,IAAA,EAAA,EAAK,KAAA,EAAO,CAAC,MAAA,CAAO,WAAW,EAAE,eAAA,EAAiB,MAAA,CAAO,OAAA,EAAS,aAAa,MAAA,CAAO,MAAA,EAAO,EAAG,KAAA,CAAM,KAAK,CAAA,EAEzG,QAAA,EAAA;AAAA,IAAA,KAAA,CAAM,MAAA,oBACL,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAO,CAAC,MAAA,CAAO,eAAA,EAAiB,EAAE,iBAAA,EAAmB,MAAA,CAAO,MAAA,EAAQ,CAAA,EACxE,QAAA,kBAAA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,mBAAA;AAAA,QACP,YAAA,EAAc,CAAC,IAAA,KAAS;AACtB,UAAA,sBAAA,CAAuB,IAAI,CAAA;AAAA,QAC7B,CAAA;AAAA,QACA,WAAA,EAAa,MAAM,iBAAA,IAAqB,QAAA;AAAA,QACxC,sBAAsB,MAAA,CAAO,aAAA;AAAA,QAC7B,KAAA,EAAO,CAAC,MAAA,CAAO,WAAA,EAAa;AAAA,UAC1B,aAAa,MAAA,CAAO,MAAA;AAAA,UACpB,OAAO,MAAA,CAAO,IAAA;AAAA,UACd,iBAAiB,MAAA,CAAO;AAAA,SACzB;AAAA;AAAA,KACH,EACF,CAAA;AAAA,oBAIF,IAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAO,MAAA,CAAO,eAAA,EACvB,QAAA,EAAA;AAAA,MAAA,KAAA,CAAM,OAAO,GAAA,CAAI,CAAC,IAAA,KAAS,UAAA,CAAW,IAAI,CAAC,CAAA;AAAA,MAAA,CAE1C,CAAC,KAAA,CAAM,KAAA,IAAS,KAAA,CAAM,KAAA,CAAM,MAAA,KAAW,CAAA,qBACvC,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAO,MAAA,CAAO,cAAA,EAClB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAO,CAAC,MAAA,CAAO,SAAA,EAAW,EAAE,KAAA,EAAO,MAAA,CAAO,aAAA,EAAe,CAAA,EAAI,QAAA,EAAA,KAAA,CAAM,YAAA,IAAgB,kBAAA,EAAmB,CAAA,EAC9G;AAAA,KAAA,EAEJ;AAAA,GAAA,EACF,CAAA;AAEJ;AAMA,MAAM,MAAA,GAAS,WAAW,MAAA,CAAO;AAAA,EAC/B,SAAA,EAAW;AAAA,IACT,WAAA,EAAa,CAAA;AAAA,IACb,YAAA,EAAc,CAAA;AAAA,IACd,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAGA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,CAAA;AAAA,IACT,iBAAA,EAAmB;AAAA,GACrB;AAAA,EACA,WAAA,EAAa;AAAA,IACX,MAAA,EAAQ,EAAA;AAAA,IACR,WAAA,EAAa,CAAA;AAAA,IACb,YAAA,EAAc,CAAA;AAAA,IACd,iBAAA,EAAmB,EAAA;AAAA,IACnB,QAAA,EAAU;AAAA,GACZ;AAAA;AAAA,EAGA,WAAA,EAAa;AAAA,IACX,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,SAAA,EAAW,EAAA;AAAA,IACX,eAAA,EAAiB,CAAA;AAAA,IACjB,iBAAA,EAAmB,CAAA;AAAA,IACnB,YAAA,EAAc;AAAA,GAChB;AAAA,EACA,mBAAA,EAAqB;AAAA,IACnB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAGA,OAAA,EAAS;AAAA,IACP,KAAA,EAAO,EAAA;AAAA,IACP,MAAA,EAAQ,EAAA;AAAA,IACR,YAAA,EAAc,EAAA;AAAA,IACd,cAAA,EAAgB,QAAA;AAAA,IAChB,UAAA,EAAY;AAAA,GACd;AAAA,EACA,kBAAA,EAAoB;AAAA,IAClB,KAAA,EAAO;AAAA,GACT;AAAA;AAAA,EAGA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa;AAAA,GACf;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO,EAAA;AAAA,IACP,MAAA,EAAQ,EAAA;AAAA,IACR,WAAA,EAAa,CAAA;AAAA,IACb,YAAA,EAAc,CAAA;AAAA,IACd,cAAA,EAAgB,QAAA;AAAA,IAChB,UAAA,EAAY;AAAA,GACd;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAGA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,CAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACf;AAAA,EACA,aAAA,EAAe;AAAA,IACb,QAAA,EAAU;AAAA,GACZ;AAAA;AAAA,EAGA,gBAAA,EAAkB;AAAA,IAChB,OAAA,EAAS,EAAA;AAAA,IACT,UAAA,EAAY;AAAA,GACd;AAAA;AAAA,EAGA,cAAA,EAAgB;AAAA,IACd,OAAA,EAAS,EAAA;AAAA,IACT,UAAA,EAAY;AAAA,GACd;AAAA,EACA,SAAA,EAAW;AAAA,IACT,QAAA,EAAU;AAAA;AAEd,CAAC,CAAA;;;;"}