@lmb-it/kitsconcerto-native 0.1.236

package/components/Tabs/index.js

@@ -0,0 +1,147 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { View, ScrollView, TouchableOpacity } from 'react-native';
+import '../../apps/mobile/src/ui/accordion/index.js';
+import '../../apps/mobile/src/ui/actionsheet/index.js';
+import '../../apps/mobile/src/ui/alert/index.js';
+import '../../apps/mobile/src/ui/alert-dialog/index.js';
+import '../../apps/mobile/src/ui/avatar/index.js';
+import '../../apps/mobile/src/ui/badge/index.js';
+import '../../apps/mobile/src/ui/bottomsheet/index.js';
+import '../../apps/mobile/src/ui/box/index.js';
+import '../../apps/mobile/src/ui/button/index.js';
+import '../../apps/mobile/src/ui/card/index.js';
+import '../../apps/mobile/src/ui/center/index.js';
+import '../../apps/mobile/src/ui/checkbox/index.js';
+import '../../apps/mobile/src/ui/divider/index.js';
+import '../../apps/mobile/src/ui/drawer/index.js';
+import '../../apps/mobile/src/ui/fab/index.js';
+import '../../apps/mobile/src/ui/form-control/index.js';
+import 'react';
+import '../../apps/mobile/src/ui/gluestack-ui-provider/config.js';
+import '@gluestack-ui/core/overlay/creator';
+import '@gluestack-ui/core/toast/creator';
+import 'nativewind';
+import '../../apps/mobile/src/ui/grid/index.js';
+import '../../apps/mobile/src/ui/heading/index.js';
+import '../../apps/mobile/src/ui/hstack/index.js';
+import '../../apps/mobile/src/ui/icon/index.js';
+import '../../apps/mobile/src/ui/image/index.js';
+import '../../apps/mobile/src/ui/image-background/index.js';
+import '../../apps/mobile/src/ui/input/index.js';
+import '../../apps/mobile/src/ui/link/index.js';
+import '../../apps/mobile/src/ui/menu/index.js';
+import '../../apps/mobile/src/ui/modal/index.js';
+import '../../apps/mobile/src/ui/popover/index.js';
+import '../../apps/mobile/src/ui/portal/index.js';
+import '../../apps/mobile/src/ui/pressable/index.js';
+import '../../apps/mobile/src/ui/progress/index.js';
+import '../../apps/mobile/src/ui/radio/index.js';
+import 'react-native-safe-area-context';
+import '../../apps/mobile/src/ui/select/index.js';
+import '../../apps/mobile/src/ui/skeleton/index.js';
+import '../../apps/mobile/src/ui/slider/index.js';
+import '../../apps/mobile/src/ui/spinner/index.js';
+import '../../apps/mobile/src/ui/switch/index.js';
+import '../../apps/mobile/src/ui/table/index.js';
+import '../../apps/mobile/src/ui/text/index.js';
+import '../../apps/mobile/src/ui/textarea/index.js';
+import '../../apps/mobile/src/ui/toast/index.js';
+import '../../apps/mobile/src/ui/tooltip/index.js';
+import '../../apps/mobile/src/ui/vstack/index.js';
+import 'react-native-reanimated';
+import { resolveThemeTokenForNative } from '../../apps/mobile/src/Factory/helpers/style.js';
+import '../../apps/mobile/src/Factory/DimensionsContext.js';
+import 'react-icons/fa';
+import 'react-icons/ai';
+import 'react-icons/io';
+import '../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.js';
+import 'yup';
+import '../../packages/types/src/Css/map/index.js';
+import '../../packages/types/src/Theme/shadows.js';
+import '../../packages/types/src/Theme/defaultTheme.js';
+import 'i18next';
+import 'react-i18next';
+import '../../apps/mobile/src/Core/AutoComplete/index.js';
+import '../../apps/mobile/src/Core/Dropdown/index.js';
+import '../../apps/mobile/src/Core/MultiSelect/index.js';
+import '../../apps/mobile/src/Core/Trees/components/CoreTree.js';
+import '../../apps/mobile/src/Core/Trees/components/CoreTreeSelect.js';
+import '../../apps/mobile/src/Core/Trees/components/CoreToolbar.js';
+import '../../apps/mobile/src/Core/Paginator/index.js';
+import 'lucide-react-native';
+import '../../apps/mobile/src/Core/SelectButton/index.js';
+import '../../apps/mobile/src/Core/DataTable/DataTable.js';
+import '../../apps/mobile/src/Core/Tag/index.js';
+import '../../apps/mobile/src/Core/Badge/index.js';
+import '../../apps/mobile/src/Core/ProgressBar/index.js';
+import '../../apps/mobile/src/Core/Checkbox/index.js';
+import '../../apps/mobile/src/Core/RadioButton/index.js';
+import '../../apps/mobile/src/Core/Input/index.js';
+import '../../apps/mobile/src/Core/Input/Field.js';
+import '../../apps/mobile/src/Core/Input/Slot.js';
+import Text from '../../primitives/Text/index.js';
+import { Icon } from '../../primitives/Icon/index.js';
+import '../../contexts/DialogContext.js';
+import useComponentDefaults from '../../hooks/useComponentDefaults.js';
+
+const SIZE = {
+  sm: { h: 28, px: 12, fs: 12 },
+  md: { h: 32, px: 14, fs: 13 },
+  lg: { h: 40, px: 18, fs: 15 }
+};
+function Tabs(rawProps) {
+  const props = useComponentDefaults("Tabs", rawProps).mergedProps;
+  const { items, value, onChange, size = "md", activeColor = "brand", scrollable = true, gap = 8, testID } = props;
+  const cfg = SIZE[size] ?? SIZE.md;
+  const activeBg = resolveThemeTokenForNative(activeColor);
+  const inactiveBg = resolveThemeTokenForNative("gray.100");
+  const inactiveText = resolveThemeTokenForNative("text-secondary");
+  const renderChip = (item) => {
+    const active = item.key === value;
+    const label = item.count != null ? `${item.label}  ${item.count}` : item.label;
+    const fg = active ? "#FFFFFF" : inactiveText;
+    return /* @__PURE__ */ jsxs(
+      TouchableOpacity,
+      {
+        activeOpacity: 0.75,
+        disabled: item.disabled,
+        onPress: () => onChange(item.key),
+        accessibilityRole: "button",
+        accessibilityState: { selected: active },
+        style: {
+          height: cfg.h,
+          borderRadius: 999,
+          paddingHorizontal: cfg.px,
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: 6,
+          backgroundColor: active ? activeBg : inactiveBg,
+          opacity: item.disabled ? 0.5 : 1
+        },
+        children: [
+          item.icon != null && /* @__PURE__ */ jsx(Icon, { name: item.icon, size: cfg.fs + 1, color: fg }),
+          /* @__PURE__ */ jsx(Text, { fontSize: cfg.fs, fontWeight: "600", color: fg, children: label })
+        ]
+      },
+      item.key
+    );
+  };
+  if (!scrollable) {
+    return /* @__PURE__ */ jsx(View, { style: { flexDirection: "row", flexWrap: "wrap", alignItems: "center", gap }, testID, children: items.map(renderChip) });
+  }
+  return /* @__PURE__ */ jsx(
+    ScrollView,
+    {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      keyboardShouldPersistTaps: "handled",
+      contentContainerStyle: { flexDirection: "row", alignItems: "center", gap, paddingVertical: 4 },
+      testID,
+      children: items.map(renderChip)
+    }
+  );
+}
+
+export { Tabs };
+//# sourceMappingURL=index.js.map

package/components/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Tabs/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport {ScrollView, TouchableOpacity, View} from \"react-native\";\nimport {resolveThemeTokenForNative} from \"@lmb-it/kitsconcertomobile\";\nimport type {ITabsProps, ITabItem} from \"@lmb-it/kitsconcerto-types\";\nimport {Text, Icon} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n// Mirrors the app's FilterChips (App/src/components/shared/FilterChips).\nconst SIZE = {\n    sm: {h: 28, px: 12, fs: 12},\n    md: {h: 32, px: 14, fs: 13},\n    lg: {h: 40, px: 18, fs: 15},\n} as const;\n\n/**\n * Tabs (native) — horizontally-scrollable selectable filter row.\n *\n * Built like the app's working `FilterChips`: a RN horizontal `ScrollView` of\n * `TouchableOpacity` pills + the library `Text`. Active = filled `activeColor`;\n * inactive = neutral tint. Colours resolve via the standalone token resolver.\n */\nexport function Tabs<K extends string = string>(rawProps: ITabsProps<K>) {\n    const props = useComponentDefaults<ITabsProps<K>>(\"Tabs\", rawProps).mergedProps;\n    const {items, value, onChange, size = \"md\", activeColor = \"brand\", scrollable = true, gap = 8, testID} = props;\n\n    const cfg = SIZE[size] ?? SIZE.md;\n    const activeBg = resolveThemeTokenForNative(activeColor);\n    const inactiveBg = resolveThemeTokenForNative(\"gray.100\");\n    const inactiveText = resolveThemeTokenForNative(\"text-secondary\");\n\n    const renderChip = (item: ITabItem<K>) => {\n        const active = item.key === value;\n        const label = item.count != null ? `${item.label}  ${item.count}` : item.label;\n        const fg = active ? \"#FFFFFF\" : inactiveText;\n        return (\n            <TouchableOpacity\n                key={item.key}\n                activeOpacity={0.75}\n                disabled={item.disabled}\n                onPress={() => onChange(item.key)}\n                accessibilityRole=\"button\"\n                accessibilityState={{selected: active}}\n                style={{\n                    height: cfg.h,\n                    borderRadius: 999,\n                    paddingHorizontal: cfg.px,\n                    flexDirection: \"row\",\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    gap: 6,\n                    backgroundColor: active ? activeBg : inactiveBg,\n                    opacity: item.disabled ? 0.5 : 1,\n                }}\n            >\n                {item.icon != null && <Icon name={item.icon as never} size={cfg.fs + 1} color={fg} />}\n                <Text fontSize={cfg.fs} fontWeight=\"600\" color={fg}>\n                    {label}\n                </Text>\n            </TouchableOpacity>\n        );\n    };\n\n    if (!scrollable) {\n        return (\n            <View style={{flexDirection: \"row\", flexWrap: \"wrap\", alignItems: \"center\", gap}} testID={testID}>\n                {items.map(renderChip)}\n            </View>\n        );\n    }\n\n    return (\n        <ScrollView\n            horizontal\n            showsHorizontalScrollIndicator={false}\n            keyboardShouldPersistTaps=\"handled\"\n            contentContainerStyle={{flexDirection: \"row\", alignItems: \"center\", gap, paddingVertical: 4}}\n            testID={testID}\n        >\n            {items.map(renderChip)}\n        </ScrollView>\n    );\n}\n\nexport default Tabs;\n"],"names":[],"mappings":"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"}

package/components/Timeline/index.cjs

@@ -0,0 +1,89 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../primitives/Box/index.cjs');
+var index_native = require('../../primitives/Text/index.cjs');
+var index_native$1 = require('../../primitives/Icon/index.cjs');
+require('react');
+require('../../contexts/DialogContext.cjs');
+var useComponentDefaults = require('../../hooks/useComponentDefaults.cjs');
+
+const SIZE = {
+  sm: { node: 18, font: 9, title: 13, desc: 11, meta: 10, gap: 10, pad: 14 },
+  md: { node: 24, font: 11, title: 14, desc: 12, meta: 11, gap: 12, pad: 18 }
+};
+function Timeline(rawProps) {
+  const props = useComponentDefaults.default("Timeline", rawProps).mergedProps;
+  const { items, numbered = false, size = "md", activeColor = "brand", trackColor = "gray.200", testID, ...rest } = props;
+  const cfg = SIZE[size === "sm" ? "sm" : "md"];
+  const a11yProps = {
+    role: "list",
+    ...testID ? { testID, "data-testid": testID } : {}
+  };
+  const renderNode = (item, i) => {
+    const status = item.status ?? "pending";
+    const accent = item.color ?? activeColor;
+    const done = status === "done";
+    const active = status === "active";
+    const bg = done ? accent : "surface-card";
+    const border = done ? accent : active ? accent : trackColor;
+    const glyphColor = done ? "#FFFFFF" : active ? accent : "ink.400";
+    let glyph;
+    if (item.icon != null) {
+      glyph = /* @__PURE__ */ jsxRuntime.jsx(index_native$1.Icon, { name: item.icon, size: Math.round(cfg.node * 0.55), color: glyphColor });
+    } else if (numbered) {
+      glyph = /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { fontSize: cfg.font, fontWeight: "700", color: glyphColor, children: i + 1 });
+    } else if (done) {
+      glyph = /* @__PURE__ */ jsxRuntime.jsx(index_native$1.Icon, { name: "check", size: Math.round(cfg.node * 0.55), color: "#FFFFFF" });
+    } else {
+      const d = active ? Math.round(cfg.node * 0.38) : Math.round(cfg.node * 0.28);
+      glyph = /* @__PURE__ */ jsxRuntime.jsx(index.default, { width: d, height: d, borderRadius: 999, bgColor: active ? accent : "ink.300" });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      index.default,
+      {
+        width: cfg.node,
+        height: cfg.node,
+        borderRadius: 999,
+        alignItems: "center",
+        justifyContent: "center",
+        bgColor: bg,
+        borderWidth: done ? 0 : 2,
+        borderColor: border,
+        children: glyph
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(index.default, { flexDirection: "column", ...rest, ...a11yProps, children: items.map((item, i) => {
+    const isLast = i === items.length - 1;
+    const status = item.status ?? "pending";
+    const connectorColor = status === "done" ? item.color ?? activeColor : trackColor;
+    return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { flexDirection: "row", alignItems: "stretch", gap: cfg.gap, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(index.default, { flexDirection: "column", alignItems: "center", children: [
+        renderNode(item, i),
+        !isLast && /* @__PURE__ */ jsxRuntime.jsx(
+          index.default,
+          {
+            width: 2,
+            flex: 1,
+            minHeight: 14,
+            marginTop: 2,
+            marginBottom: 2,
+            borderRadius: 999,
+            bgColor: connectorColor
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(index.default, { flex: 1, flexDirection: "column", paddingBottom: isLast ? 0 : cfg.pad, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(index.default, { flexDirection: "row", justifyContent: "space-between", alignItems: "flex-start", gap: 8, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { fontSize: cfg.title, fontWeight: "700", color: "text", children: item.title }),
+          item.meta != null && /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { fontSize: cfg.meta, color: "text-secondary", whiteSpace: "nowrap", children: item.meta })
+        ] }),
+        item.description != null && /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { fontSize: cfg.desc, color: "text-secondary", marginTop: 2, children: item.description })
+      ] })
+    ] }, i);
+  }) });
+}
+
+exports.Timeline = Timeline;
+//# sourceMappingURL=index.cjs.map

package/components/Timeline/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Timeline/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type {ITimelineProps, ITimelineItem} from \"@lmb-it/kitsconcerto-types\";\nimport {Box, Text, Icon} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\nconst SIZE = {\n    sm: {node: 18, font: 9, title: 13, desc: 11, meta: 10, gap: 10, pad: 14},\n    md: {node: 24, font: 11, title: 14, desc: 12, meta: 11, gap: 12, pad: 18},\n} as const;\n\n/**\n * Timeline — vertical status tracker with done / active / pending nodes and\n * connectors. Cross-platform and presentational (Box + Text + Icon).\n *\n * Covers the pending-review timeline (Received → Auto-checks → Specialist →\n * Outcome), team activity feeds, \"what's next\" numbered steps, and the\n * micro-deposit steps.\n *\n *   <Timeline items={[\n *     {title:'Document received', status:'done'},\n *     {title:'Specialist review', description:'In progress', status:'active'},\n *     {title:'Outcome', description:'Up next', status:'pending'},\n *   ]} />\n *   <Timeline numbered items={steps} />\n */\nexport function Timeline(rawProps: ITimelineProps) {\n    const props = useComponentDefaults<ITimelineProps>(\"Timeline\", rawProps).mergedProps;\n    const {items, numbered = false, size = \"md\", activeColor = \"brand\", trackColor = \"gray.200\", testID, ...rest} = props;\n\n    const cfg = SIZE[size === \"sm\" ? \"sm\" : \"md\"];\n\n    const a11yProps = {\n        role: \"list\",\n        ...(testID ? {testID, \"data-testid\": testID} : {}),\n    } as Record<string, unknown>;\n\n    const renderNode = (item: ITimelineItem, i: number) => {\n        const status = item.status ?? \"pending\";\n        const accent = item.color ?? activeColor;\n        const done = status === \"done\";\n        const active = status === \"active\";\n\n        const bg = done ? accent : \"surface-card\";\n        const border = done ? accent : active ? accent : trackColor;\n        const glyphColor = done ? \"#FFFFFF\" : active ? accent : \"ink.400\";\n\n        let glyph: React.ReactNode;\n        if (item.icon != null) {\n            glyph = <Icon name={item.icon as never} size={Math.round(cfg.node * 0.55)} color={glyphColor} />;\n        } else if (numbered) {\n            glyph = (\n                <Text fontSize={cfg.font} fontWeight=\"700\" color={glyphColor}>\n                    {i + 1}\n                </Text>\n            );\n        } else if (done) {\n            glyph = <Icon name=\"check\" size={Math.round(cfg.node * 0.55)} color=\"#FFFFFF\" />;\n        } else {\n            // active = filled dot, pending = small muted dot\n            const d = active ? Math.round(cfg.node * 0.38) : Math.round(cfg.node * 0.28);\n            glyph = <Box width={d} height={d} borderRadius={999} bgColor={active ? accent : \"ink.300\"} />;\n        }\n\n        return (\n            <Box\n                width={cfg.node}\n                height={cfg.node}\n                borderRadius={999}\n                alignItems=\"center\"\n                justifyContent=\"center\"\n                bgColor={bg}\n                borderWidth={done ? 0 : 2}\n                borderColor={border}\n            >\n                {glyph}\n            </Box>\n        );\n    };\n\n    return (\n        <Box flexDirection=\"column\" {...(rest as any)} {...(a11yProps as any)}>\n            {items.map((item, i) => {\n                const isLast = i === items.length - 1;\n                const status = item.status ?? \"pending\";\n                const connectorColor = status === \"done\" ? item.color ?? activeColor : trackColor;\n\n                return (\n                    <Box key={i} flexDirection=\"row\" alignItems=\"stretch\" gap={cfg.gap}>\n                        {/* rail: node + connector */}\n                        <Box flexDirection=\"column\" alignItems=\"center\">\n                            {renderNode(item, i)}\n                            {!isLast && (\n                                <Box\n                                    width={2}\n                                    flex={1}\n                                    minHeight={14}\n                                    marginTop={2}\n                                    marginBottom={2}\n                                    borderRadius={999}\n                                    bgColor={connectorColor}\n                                />\n                            )}\n                        </Box>\n\n                        {/* content */}\n                        <Box flex={1} flexDirection=\"column\" paddingBottom={isLast ? 0 : cfg.pad}>\n                            <Box flexDirection=\"row\" justifyContent=\"space-between\" alignItems=\"flex-start\" gap={8}>\n                                <Text fontSize={cfg.title} fontWeight=\"700\" color=\"text\">\n                                    {item.title}\n                                </Text>\n                                {item.meta != null && (\n                                    <Text fontSize={cfg.meta} color=\"text-secondary\" whiteSpace=\"nowrap\">\n                                        {item.meta}\n                                    </Text>\n                                )}\n                            </Box>\n                            {item.description != null && (\n                                <Text fontSize={cfg.desc} color=\"text-secondary\" marginTop={2}>\n                                    {item.description}\n                                </Text>\n                            )}\n                        </Box>\n                    </Box>\n                );\n            })}\n        </Box>\n    );\n}\n\nexport default Timeline;\n"],"names":["useComponentDefaults","jsx","Icon","Text","Box","jsxs"],"mappings":"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"}

package/components/Timeline/index.js

@@ -0,0 +1,87 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Box from '../../primitives/Box/index.js';
+import Text from '../../primitives/Text/index.js';
+import { Icon } from '../../primitives/Icon/index.js';
+import 'react';
+import '../../contexts/DialogContext.js';
+import useComponentDefaults from '../../hooks/useComponentDefaults.js';
+
+const SIZE = {
+  sm: { node: 18, font: 9, title: 13, desc: 11, meta: 10, gap: 10, pad: 14 },
+  md: { node: 24, font: 11, title: 14, desc: 12, meta: 11, gap: 12, pad: 18 }
+};
+function Timeline(rawProps) {
+  const props = useComponentDefaults("Timeline", rawProps).mergedProps;
+  const { items, numbered = false, size = "md", activeColor = "brand", trackColor = "gray.200", testID, ...rest } = props;
+  const cfg = SIZE[size === "sm" ? "sm" : "md"];
+  const a11yProps = {
+    role: "list",
+    ...testID ? { testID, "data-testid": testID } : {}
+  };
+  const renderNode = (item, i) => {
+    const status = item.status ?? "pending";
+    const accent = item.color ?? activeColor;
+    const done = status === "done";
+    const active = status === "active";
+    const bg = done ? accent : "surface-card";
+    const border = done ? accent : active ? accent : trackColor;
+    const glyphColor = done ? "#FFFFFF" : active ? accent : "ink.400";
+    let glyph;
+    if (item.icon != null) {
+      glyph = /* @__PURE__ */ jsx(Icon, { name: item.icon, size: Math.round(cfg.node * 0.55), color: glyphColor });
+    } else if (numbered) {
+      glyph = /* @__PURE__ */ jsx(Text, { fontSize: cfg.font, fontWeight: "700", color: glyphColor, children: i + 1 });
+    } else if (done) {
+      glyph = /* @__PURE__ */ jsx(Icon, { name: "check", size: Math.round(cfg.node * 0.55), color: "#FFFFFF" });
+    } else {
+      const d = active ? Math.round(cfg.node * 0.38) : Math.round(cfg.node * 0.28);
+      glyph = /* @__PURE__ */ jsx(Box, { width: d, height: d, borderRadius: 999, bgColor: active ? accent : "ink.300" });
+    }
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        width: cfg.node,
+        height: cfg.node,
+        borderRadius: 999,
+        alignItems: "center",
+        justifyContent: "center",
+        bgColor: bg,
+        borderWidth: done ? 0 : 2,
+        borderColor: border,
+        children: glyph
+      }
+    );
+  };
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", ...rest, ...a11yProps, children: items.map((item, i) => {
+    const isLast = i === items.length - 1;
+    const status = item.status ?? "pending";
+    const connectorColor = status === "done" ? item.color ?? activeColor : trackColor;
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "stretch", gap: cfg.gap, children: [
+      /* @__PURE__ */ jsxs(Box, { flexDirection: "column", alignItems: "center", children: [
+        renderNode(item, i),
+        !isLast && /* @__PURE__ */ jsx(
+          Box,
+          {
+            width: 2,
+            flex: 1,
+            minHeight: 14,
+            marginTop: 2,
+            marginBottom: 2,
+            borderRadius: 999,
+            bgColor: connectorColor
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { flex: 1, flexDirection: "column", paddingBottom: isLast ? 0 : cfg.pad, children: [
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "row", justifyContent: "space-between", alignItems: "flex-start", gap: 8, children: [
+          /* @__PURE__ */ jsx(Text, { fontSize: cfg.title, fontWeight: "700", color: "text", children: item.title }),
+          item.meta != null && /* @__PURE__ */ jsx(Text, { fontSize: cfg.meta, color: "text-secondary", whiteSpace: "nowrap", children: item.meta })
+        ] }),
+        item.description != null && /* @__PURE__ */ jsx(Text, { fontSize: cfg.desc, color: "text-secondary", marginTop: 2, children: item.description })
+      ] })
+    ] }, i);
+  }) });
+}
+
+export { Timeline };
+//# sourceMappingURL=index.js.map

package/components/Timeline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Timeline/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type {ITimelineProps, ITimelineItem} from \"@lmb-it/kitsconcerto-types\";\nimport {Box, Text, Icon} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\nconst SIZE = {\n    sm: {node: 18, font: 9, title: 13, desc: 11, meta: 10, gap: 10, pad: 14},\n    md: {node: 24, font: 11, title: 14, desc: 12, meta: 11, gap: 12, pad: 18},\n} as const;\n\n/**\n * Timeline — vertical status tracker with done / active / pending nodes and\n * connectors. Cross-platform and presentational (Box + Text + Icon).\n *\n * Covers the pending-review timeline (Received → Auto-checks → Specialist →\n * Outcome), team activity feeds, \"what's next\" numbered steps, and the\n * micro-deposit steps.\n *\n *   <Timeline items={[\n *     {title:'Document received', status:'done'},\n *     {title:'Specialist review', description:'In progress', status:'active'},\n *     {title:'Outcome', description:'Up next', status:'pending'},\n *   ]} />\n *   <Timeline numbered items={steps} />\n */\nexport function Timeline(rawProps: ITimelineProps) {\n    const props = useComponentDefaults<ITimelineProps>(\"Timeline\", rawProps).mergedProps;\n    const {items, numbered = false, size = \"md\", activeColor = \"brand\", trackColor = \"gray.200\", testID, ...rest} = props;\n\n    const cfg = SIZE[size === \"sm\" ? \"sm\" : \"md\"];\n\n    const a11yProps = {\n        role: \"list\",\n        ...(testID ? {testID, \"data-testid\": testID} : {}),\n    } as Record<string, unknown>;\n\n    const renderNode = (item: ITimelineItem, i: number) => {\n        const status = item.status ?? \"pending\";\n        const accent = item.color ?? activeColor;\n        const done = status === \"done\";\n        const active = status === \"active\";\n\n        const bg = done ? accent : \"surface-card\";\n        const border = done ? accent : active ? accent : trackColor;\n        const glyphColor = done ? \"#FFFFFF\" : active ? accent : \"ink.400\";\n\n        let glyph: React.ReactNode;\n        if (item.icon != null) {\n            glyph = <Icon name={item.icon as never} size={Math.round(cfg.node * 0.55)} color={glyphColor} />;\n        } else if (numbered) {\n            glyph = (\n                <Text fontSize={cfg.font} fontWeight=\"700\" color={glyphColor}>\n                    {i + 1}\n                </Text>\n            );\n        } else if (done) {\n            glyph = <Icon name=\"check\" size={Math.round(cfg.node * 0.55)} color=\"#FFFFFF\" />;\n        } else {\n            // active = filled dot, pending = small muted dot\n            const d = active ? Math.round(cfg.node * 0.38) : Math.round(cfg.node * 0.28);\n            glyph = <Box width={d} height={d} borderRadius={999} bgColor={active ? accent : \"ink.300\"} />;\n        }\n\n        return (\n            <Box\n                width={cfg.node}\n                height={cfg.node}\n                borderRadius={999}\n                alignItems=\"center\"\n                justifyContent=\"center\"\n                bgColor={bg}\n                borderWidth={done ? 0 : 2}\n                borderColor={border}\n            >\n                {glyph}\n            </Box>\n        );\n    };\n\n    return (\n        <Box flexDirection=\"column\" {...(rest as any)} {...(a11yProps as any)}>\n            {items.map((item, i) => {\n                const isLast = i === items.length - 1;\n                const status = item.status ?? \"pending\";\n                const connectorColor = status === \"done\" ? item.color ?? activeColor : trackColor;\n\n                return (\n                    <Box key={i} flexDirection=\"row\" alignItems=\"stretch\" gap={cfg.gap}>\n                        {/* rail: node + connector */}\n                        <Box flexDirection=\"column\" alignItems=\"center\">\n                            {renderNode(item, i)}\n                            {!isLast && (\n                                <Box\n                                    width={2}\n                                    flex={1}\n                                    minHeight={14}\n                                    marginTop={2}\n                                    marginBottom={2}\n                                    borderRadius={999}\n                                    bgColor={connectorColor}\n                                />\n                            )}\n                        </Box>\n\n                        {/* content */}\n                        <Box flex={1} flexDirection=\"column\" paddingBottom={isLast ? 0 : cfg.pad}>\n                            <Box flexDirection=\"row\" justifyContent=\"space-between\" alignItems=\"flex-start\" gap={8}>\n                                <Text fontSize={cfg.title} fontWeight=\"700\" color=\"text\">\n                                    {item.title}\n                                </Text>\n                                {item.meta != null && (\n                                    <Text fontSize={cfg.meta} color=\"text-secondary\" whiteSpace=\"nowrap\">\n                                        {item.meta}\n                                    </Text>\n                                )}\n                            </Box>\n                            {item.description != null && (\n                                <Text fontSize={cfg.desc} color=\"text-secondary\" marginTop={2}>\n                                    {item.description}\n                                </Text>\n                            )}\n                        </Box>\n                    </Box>\n                );\n            })}\n        </Box>\n    );\n}\n\nexport default Timeline;\n"],"names":[],"mappings":"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"}

package/components/Translate/index.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var locale = require('../../hooks/locale.cjs');
+require('../../contexts/DialogContext.cjs');
+
+const Translate = ({ label, children }) => {
+  const { t } = locale.useLanguage();
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: label ? t(label) : typeof children == "string" ? t(children) : children });
+};
+
+exports.default = Translate;
+//# sourceMappingURL=index.cjs.map

package/components/Translate/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Translate/index.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from \"react\";\nimport {useLanguage} from \"../../hooks\";\nimport type {ITranslateComponent} from \"@lmb-it/kitsconcerto-types\";\n\nconst Translate = ({label, children}: PropsWithChildren<ITranslateComponent>) => {\n    const {t} = useLanguage();\n\n\n    return (\n        <>\n            {label\n                ? t(label)\n                : typeof children == \"string\"\n                    ? t(children)\n                    : children}\n        </>\n    );\n}\nexport default Translate;\n"],"names":["useLanguage","jsx","Fragment"],"mappings":";;;;;;;;;AAIA,MAAM,SAAA,GAAY,CAAC,EAAC,KAAA,EAAO,UAAQ,KAA8C;AAC7E,EAAA,MAAM,EAAC,CAAA,EAAC,GAAIA,kBAAA,EAAY;AAGxB,EAAA,uBACIC,cAAA,CAAAC,mBAAA,EAAA,EACK,QAAA,EAAA,KAAA,GACK,CAAA,CAAE,KAAK,CAAA,GACP,OAAO,QAAA,IAAY,QAAA,GACf,CAAA,CAAE,QAAQ,CAAA,GACV,QAAA,EACd,CAAA;AAER;;;;"}

package/components/Translate/index.js

@@ -0,0 +1,12 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import 'react';
+import { useLanguage } from '../../hooks/locale.js';
+import '../../contexts/DialogContext.js';
+
+const Translate = ({ label, children }) => {
+  const { t } = useLanguage();
+  return /* @__PURE__ */ jsx(Fragment, { children: label ? t(label) : typeof children == "string" ? t(children) : children });
+};
+
+export { Translate as default };
+//# sourceMappingURL=index.js.map

package/components/Translate/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Translate/index.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from \"react\";\nimport {useLanguage} from \"../../hooks\";\nimport type {ITranslateComponent} from \"@lmb-it/kitsconcerto-types\";\n\nconst Translate = ({label, children}: PropsWithChildren<ITranslateComponent>) => {\n    const {t} = useLanguage();\n\n\n    return (\n        <>\n            {label\n                ? t(label)\n                : typeof children == \"string\"\n                    ? t(children)\n                    : children}\n        </>\n    );\n}\nexport default Translate;\n"],"names":[],"mappings":";;;;;AAIA,MAAM,SAAA,GAAY,CAAC,EAAC,KAAA,EAAO,UAAQ,KAA8C;AAC7E,EAAA,MAAM,EAAC,CAAA,EAAC,GAAI,WAAA,EAAY;AAGxB,EAAA,uBACI,GAAA,CAAA,QAAA,EAAA,EACK,QAAA,EAAA,KAAA,GACK,CAAA,CAAE,KAAK,CAAA,GACP,OAAO,QAAA,IAAY,QAAA,GACf,CAAA,CAAE,QAAQ,CAAA,GACV,QAAA,EACd,CAAA;AAER;;;;"}

package/components/TypingIndicator/index.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactNative = require('react-native');
+require('../../contexts/DialogContext.cjs');
+var useComponentDefaults = require('../../hooks/useComponentDefaults.cjs');
+var KitsThemeProvider_native = require('../../contexts/Theme/KitsThemeProvider.cjs');
+
+function TypingIndicator(rawProps) {
+  const props = useComponentDefaults.default("TypingIndicator", rawProps).mergedProps;
+  const { label, dotColor = "text-secondary", bubble = true, bubbleColor = "surface-muted", testID } = props;
+  const { resolveToken } = KitsThemeProvider_native.useKitsTheme();
+  const dot = resolveToken(dotColor);
+  const bg = resolveToken(bubbleColor);
+  const labelColor = resolveToken("text-secondary");
+  const d0 = React.useRef(new reactNative.Animated.Value(0.3)).current;
+  const d1 = React.useRef(new reactNative.Animated.Value(0.3)).current;
+  const d2 = React.useRef(new reactNative.Animated.Value(0.3)).current;
+  React.useEffect(() => {
+    const values = [d0, d1, d2];
+    const loops = values.map(
+      (v, i) => reactNative.Animated.loop(
+        reactNative.Animated.sequence([
+          reactNative.Animated.delay(i * 180),
+          reactNative.Animated.timing(v, { toValue: 1, duration: 400, easing: reactNative.Easing.inOut(reactNative.Easing.ease), useNativeDriver: true }),
+          reactNative.Animated.timing(v, { toValue: 0.3, duration: 400, easing: reactNative.Easing.inOut(reactNative.Easing.ease), useNativeDriver: true })
+        ])
+      )
+    );
+    loops.forEach((l) => l.start());
+    return () => loops.forEach((l) => l.stop());
+  }, [d0, d1, d2]);
+  const dots = /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: { flexDirection: "row", gap: 5, alignItems: "center" }, children: [d0, d1, d2].map((v, i) => /* @__PURE__ */ jsxRuntime.jsx(reactNative.Animated.View, { style: { width: 7, height: 7, borderRadius: 9999, backgroundColor: dot, opacity: v } }, i)) });
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { testID, style: { alignItems: "flex-start", gap: 4 }, children: [
+    label != null && /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: { fontSize: 11, fontWeight: "600", color: labelColor }, children: label }),
+    bubble ? /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.View,
+      {
+        style: {
+          backgroundColor: bg,
+          borderRadius: 16,
+          borderBottomLeftRadius: 4,
+          paddingVertical: 10,
+          paddingHorizontal: 14,
+          alignSelf: "flex-start"
+        },
+        children: dots
+      }
+    ) : dots
+  ] });
+}
+
+exports.TypingIndicator = TypingIndicator;
+//# sourceMappingURL=index.cjs.map

package/components/TypingIndicator/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/TypingIndicator/index.native.tsx"],"sourcesContent":["import React, {useEffect, useRef} from \"react\";\nimport {View, Text, Animated, Easing} from \"react-native\";\nimport type {ITypingIndicatorProps} from \"@lmb-it/kitsconcerto-types\";\nimport {useKitsTheme} from \"../../contexts/Theme\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n/**\n * TypingIndicator (native) — three dots pulsing via RN `Animated` (opacity only,\n * which is native-driver-safe), optionally inside an incoming-style bubble, with\n * an optional resolved caption. Mirrors CircularProgress.native (Animated.loop +\n * useNativeDriver). Each loop is stopped on unmount. Colours resolve from tokens.\n */\nexport function TypingIndicator(rawProps: ITypingIndicatorProps) {\n    const props = useComponentDefaults<ITypingIndicatorProps>(\"TypingIndicator\", rawProps).mergedProps;\n    const {label, dotColor = \"text-secondary\", bubble = true, bubbleColor = \"surface-muted\", testID} = props;\n    const {resolveToken} = useKitsTheme();\n    const dot = resolveToken(dotColor);\n    const bg = resolveToken(bubbleColor);\n    const labelColor = resolveToken(\"text-secondary\");\n\n    const d0 = useRef(new Animated.Value(0.3)).current;\n    const d1 = useRef(new Animated.Value(0.3)).current;\n    const d2 = useRef(new Animated.Value(0.3)).current;\n\n    useEffect(() => {\n        const values = [d0, d1, d2];\n        const loops = values.map((v, i) =>\n            Animated.loop(\n                Animated.sequence([\n                    Animated.delay(i * 180),\n                    Animated.timing(v, {toValue: 1, duration: 400, easing: Easing.inOut(Easing.ease), useNativeDriver: true}),\n                    Animated.timing(v, {toValue: 0.3, duration: 400, easing: Easing.inOut(Easing.ease), useNativeDriver: true}),\n                ]),\n            ),\n        );\n        loops.forEach(l => l.start());\n        return () => loops.forEach(l => l.stop());\n    }, [d0, d1, d2]);\n\n    const dots = (\n        <View style={{flexDirection: \"row\", gap: 5, alignItems: \"center\"}}>\n            {[d0, d1, d2].map((v, i) => (\n                <Animated.View key={i} style={{width: 7, height: 7, borderRadius: 9999, backgroundColor: dot, opacity: v}} />\n            ))}\n        </View>\n    );\n\n    return (\n        <View testID={testID} style={{alignItems: \"flex-start\", gap: 4}}>\n            {label != null && <Text style={{fontSize: 11, fontWeight: \"600\", color: labelColor}}>{label}</Text>}\n            {bubble ? (\n                <View\n                    style={{\n                        backgroundColor: bg,\n                        borderRadius: 16,\n                        borderBottomLeftRadius: 4,\n                        paddingVertical: 10,\n                        paddingHorizontal: 14,\n                        alignSelf: \"flex-start\",\n                    }}\n                >\n                    {dots}\n                </View>\n            ) : (\n                dots\n            )}\n        </View>\n    );\n}\n\nexport default TypingIndicator;\n"],"names":["useComponentDefaults","useKitsTheme","useRef","Animated","useEffect","Easing","jsx","View","jsxs","Text"],"mappings":"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"}

package/components/TypingIndicator/index.js

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import { Animated, Easing, View, Text } from 'react-native';
+import '../../contexts/DialogContext.js';
+import useComponentDefaults from '../../hooks/useComponentDefaults.js';
+import { useKitsTheme } from '../../contexts/Theme/KitsThemeProvider.js';
+
+function TypingIndicator(rawProps) {
+  const props = useComponentDefaults("TypingIndicator", rawProps).mergedProps;
+  const { label, dotColor = "text-secondary", bubble = true, bubbleColor = "surface-muted", testID } = props;
+  const { resolveToken } = useKitsTheme();
+  const dot = resolveToken(dotColor);
+  const bg = resolveToken(bubbleColor);
+  const labelColor = resolveToken("text-secondary");
+  const d0 = useRef(new Animated.Value(0.3)).current;
+  const d1 = useRef(new Animated.Value(0.3)).current;
+  const d2 = useRef(new Animated.Value(0.3)).current;
+  useEffect(() => {
+    const values = [d0, d1, d2];
+    const loops = values.map(
+      (v, i) => Animated.loop(
+        Animated.sequence([
+          Animated.delay(i * 180),
+          Animated.timing(v, { toValue: 1, duration: 400, easing: Easing.inOut(Easing.ease), useNativeDriver: true }),
+          Animated.timing(v, { toValue: 0.3, duration: 400, easing: Easing.inOut(Easing.ease), useNativeDriver: true })
+        ])
+      )
+    );
+    loops.forEach((l) => l.start());
+    return () => loops.forEach((l) => l.stop());
+  }, [d0, d1, d2]);
+  const dots = /* @__PURE__ */ jsx(View, { style: { flexDirection: "row", gap: 5, alignItems: "center" }, children: [d0, d1, d2].map((v, i) => /* @__PURE__ */ jsx(Animated.View, { style: { width: 7, height: 7, borderRadius: 9999, backgroundColor: dot, opacity: v } }, i)) });
+  return /* @__PURE__ */ jsxs(View, { testID, style: { alignItems: "flex-start", gap: 4 }, children: [
+    label != null && /* @__PURE__ */ jsx(Text, { style: { fontSize: 11, fontWeight: "600", color: labelColor }, children: label }),
+    bubble ? /* @__PURE__ */ jsx(
+      View,
+      {
+        style: {
+          backgroundColor: bg,
+          borderRadius: 16,
+          borderBottomLeftRadius: 4,
+          paddingVertical: 10,
+          paddingHorizontal: 14,
+          alignSelf: "flex-start"
+        },
+        children: dots
+      }
+    ) : dots
+  ] });
+}
+
+export { TypingIndicator };
+//# sourceMappingURL=index.js.map

package/components/TypingIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/TypingIndicator/index.native.tsx"],"sourcesContent":["import React, {useEffect, useRef} from \"react\";\nimport {View, Text, Animated, Easing} from \"react-native\";\nimport type {ITypingIndicatorProps} from \"@lmb-it/kitsconcerto-types\";\nimport {useKitsTheme} from \"../../contexts/Theme\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n/**\n * TypingIndicator (native) — three dots pulsing via RN `Animated` (opacity only,\n * which is native-driver-safe), optionally inside an incoming-style bubble, with\n * an optional resolved caption. Mirrors CircularProgress.native (Animated.loop +\n * useNativeDriver). Each loop is stopped on unmount. Colours resolve from tokens.\n */\nexport function TypingIndicator(rawProps: ITypingIndicatorProps) {\n    const props = useComponentDefaults<ITypingIndicatorProps>(\"TypingIndicator\", rawProps).mergedProps;\n    const {label, dotColor = \"text-secondary\", bubble = true, bubbleColor = \"surface-muted\", testID} = props;\n    const {resolveToken} = useKitsTheme();\n    const dot = resolveToken(dotColor);\n    const bg = resolveToken(bubbleColor);\n    const labelColor = resolveToken(\"text-secondary\");\n\n    const d0 = useRef(new Animated.Value(0.3)).current;\n    const d1 = useRef(new Animated.Value(0.3)).current;\n    const d2 = useRef(new Animated.Value(0.3)).current;\n\n    useEffect(() => {\n        const values = [d0, d1, d2];\n        const loops = values.map((v, i) =>\n            Animated.loop(\n                Animated.sequence([\n                    Animated.delay(i * 180),\n                    Animated.timing(v, {toValue: 1, duration: 400, easing: Easing.inOut(Easing.ease), useNativeDriver: true}),\n                    Animated.timing(v, {toValue: 0.3, duration: 400, easing: Easing.inOut(Easing.ease), useNativeDriver: true}),\n                ]),\n            ),\n        );\n        loops.forEach(l => l.start());\n        return () => loops.forEach(l => l.stop());\n    }, [d0, d1, d2]);\n\n    const dots = (\n        <View style={{flexDirection: \"row\", gap: 5, alignItems: \"center\"}}>\n            {[d0, d1, d2].map((v, i) => (\n                <Animated.View key={i} style={{width: 7, height: 7, borderRadius: 9999, backgroundColor: dot, opacity: v}} />\n            ))}\n        </View>\n    );\n\n    return (\n        <View testID={testID} style={{alignItems: \"flex-start\", gap: 4}}>\n            {label != null && <Text style={{fontSize: 11, fontWeight: \"600\", color: labelColor}}>{label}</Text>}\n            {bubble ? (\n                <View\n                    style={{\n                        backgroundColor: bg,\n                        borderRadius: 16,\n                        borderBottomLeftRadius: 4,\n                        paddingVertical: 10,\n                        paddingHorizontal: 14,\n                        alignSelf: \"flex-start\",\n                    }}\n                >\n                    {dots}\n                </View>\n            ) : (\n                dots\n            )}\n        </View>\n    );\n}\n\nexport default TypingIndicator;\n"],"names":[],"mappings":";;;;;;;AAYO,SAAS,gBAAgB,QAAA,EAAiC;AAC7D,EAAA,MAAM,KAAA,GAAQ,oBAAA,CAA4C,iBAAA,EAAmB,QAAQ,CAAA,CAAE,WAAA;AACvF,EAAA,MAAM,EAAC,OAAO,QAAA,GAAW,gBAAA,EAAkB,SAAS,IAAA,EAAM,WAAA,GAAc,eAAA,EAAiB,MAAA,EAAM,GAAI,KAAA;AACnG,EAAA,MAAM,EAAC,YAAA,EAAY,GAAI,YAAA,EAAa;AACpC,EAAA,MAAM,GAAA,GAAM,aAAa,QAAQ,CAAA;AACjC,EAAA,MAAM,EAAA,GAAK,aAAa,WAAW,CAAA;AACnC,EAAA,MAAM,UAAA,GAAa,aAAa,gBAAgB,CAAA;AAEhD,EAAA,MAAM,KAAK,MAAA,CAAO,IAAI,SAAS,KAAA,CAAM,GAAG,CAAC,CAAA,CAAE,OAAA;AAC3C,EAAA,MAAM,KAAK,MAAA,CAAO,IAAI,SAAS,KAAA,CAAM,GAAG,CAAC,CAAA,CAAE,OAAA;AAC3C,EAAA,MAAM,KAAK,MAAA,CAAO,IAAI,SAAS,KAAA,CAAM,GAAG,CAAC,CAAA,CAAE,OAAA;AAE3C,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,MAAM,MAAA,GAAS,CAAC,EAAA,EAAI,EAAA,EAAI,EAAE,CAAA;AAC1B,IAAA,MAAM,QAAQ,MAAA,CAAO,GAAA;AAAA,MAAI,CAAC,CAAA,EAAG,CAAA,KACzB,QAAA,CAAS,IAAA;AAAA,QACL,SAAS,QAAA,CAAS;AAAA,UACd,QAAA,CAAS,KAAA,CAAM,CAAA,GAAI,GAAG,CAAA;AAAA,UACtB,SAAS,MAAA,CAAO,CAAA,EAAG,EAAC,OAAA,EAAS,GAAG,QAAA,EAAU,GAAA,EAAK,MAAA,EAAQ,MAAA,CAAO,MAAM,MAAA,CAAO,IAAI,CAAA,EAAG,eAAA,EAAiB,MAAK,CAAA;AAAA,UACxG,SAAS,MAAA,CAAO,CAAA,EAAG,EAAC,OAAA,EAAS,KAAK,QAAA,EAAU,GAAA,EAAK,MAAA,EAAQ,MAAA,CAAO,MAAM,MAAA,CAAO,IAAI,CAAA,EAAG,eAAA,EAAiB,MAAK;AAAA,SAC7G;AAAA;AACL,KACJ;AACA,IAAA,KAAA,CAAM,OAAA,CAAQ,CAAA,CAAA,KAAK,CAAA,CAAE,KAAA,EAAO,CAAA;AAC5B,IAAA,OAAO,MAAM,KAAA,CAAM,OAAA,CAAQ,CAAA,CAAA,KAAK,CAAA,CAAE,MAAM,CAAA;AAAA,EAC5C,CAAA,EAAG,CAAC,EAAA,EAAI,EAAA,EAAI,EAAE,CAAC,CAAA;AAEf,EAAA,MAAM,uBACF,GAAA,CAAC,IAAA,EAAA,EAAK,OAAO,EAAC,aAAA,EAAe,OAAO,GAAA,EAAK,CAAA,EAAG,UAAA,EAAY,QAAA,IACnD,QAAA,EAAA,CAAC,EAAA,EAAI,IAAI,EAAE,CAAA,CAAE,IAAI,CAAC,CAAA,EAAG,CAAA,qBAClB,GAAA,CAAC,SAAS,IAAA,EAAT,EAAsB,OAAO,EAAC,KAAA,EAAO,GAAG,MAAA,EAAQ,CAAA,EAAG,YAAA,EAAc,IAAA,EAAM,iBAAiB,GAAA,EAAK,OAAA,EAAS,GAAC,EAAA,EAApF,CAAuF,CAC9G,CAAA,EACL,CAAA;AAGJ,EAAA,uBACI,IAAA,CAAC,QAAK,MAAA,EAAgB,KAAA,EAAO,EAAC,UAAA,EAAY,YAAA,EAAc,GAAA,EAAK,CAAA,EAAC,EACzD,QAAA,EAAA;AAAA,IAAA,KAAA,IAAS,IAAA,oBAAQ,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAO,EAAC,QAAA,EAAU,EAAA,EAAI,UAAA,EAAY,KAAA,EAAO,KAAA,EAAO,UAAA,EAAU,EAAI,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,IAC3F,MAAA,mBACG,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACG,KAAA,EAAO;AAAA,UACH,eAAA,EAAiB,EAAA;AAAA,UACjB,YAAA,EAAc,EAAA;AAAA,UACd,sBAAA,EAAwB,CAAA;AAAA,UACxB,eAAA,EAAiB,EAAA;AAAA,UACjB,iBAAA,EAAmB,EAAA;AAAA,UACnB,SAAA,EAAW;AAAA,SACf;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA,KACL,GAEA;AAAA,GAAA,EAER,CAAA;AAER;;;;"}

package/components/overlay/CommandPalette/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function CommandPalette(_props) {
+  return null;
+}
+
+exports.CommandPalette = CommandPalette;
+exports.default = CommandPalette;
+//# sourceMappingURL=index.cjs.map

package/components/overlay/CommandPalette/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/components/overlay/CommandPalette/index.native.tsx"],"sourcesContent":["import type {ICommandPaletteProps} from \"@lmb-it/kitsconcerto-types\";\n\n/**\n * Native CommandPalette is a non-functional stub.\n *\n * The current consumer (AlphaMatch admin Dashboard) is web-only. When a native\n * use case appears, replace this with a Modal + FlatList implementation. Returning\n * null is intentional: there is no meaningful native fallback today, and a\n * placeholder UI would be misleading.\n */\nexport function CommandPalette(_props: ICommandPaletteProps): null {\n    return null;\n}\n\nexport default CommandPalette;\n"],"names":[],"mappings":";;;;AAUO,SAAS,eAAe,MAAA,EAAoC;AAC/D,EAAA,OAAO,IAAA;AACX;;;;;"}

package/components/overlay/CommandPalette/index.js

@@ -0,0 +1,6 @@
+function CommandPalette(_props) {
+  return null;
+}
+
+export { CommandPalette, CommandPalette as default };
+//# sourceMappingURL=index.js.map

package/components/overlay/CommandPalette/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/overlay/CommandPalette/index.native.tsx"],"sourcesContent":["import type {ICommandPaletteProps} from \"@lmb-it/kitsconcerto-types\";\n\n/**\n * Native CommandPalette is a non-functional stub.\n *\n * The current consumer (AlphaMatch admin Dashboard) is web-only. When a native\n * use case appears, replace this with a Modal + FlatList implementation. Returning\n * null is intentional: there is no meaningful native fallback today, and a\n * placeholder UI would be misleading.\n */\nexport function CommandPalette(_props: ICommandPaletteProps): null {\n    return null;\n}\n\nexport default CommandPalette;\n"],"names":[],"mappings":"AAUO,SAAS,eAAe,MAAA,EAAoC;AAC/D,EAAA,OAAO,IAAA;AACX;;;;"}