@lmb-it/kitsconcerto-native 0.1.236

package/components/Gallery/index.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../primitives/Box/index.cjs');
+var index_native$2 = require('../../primitives/Text/index.cjs');
+var index_native = require('../../primitives/Image/index.cjs');
+var index_native$1 = require('../../primitives/Icon/index.cjs');
+require('react');
+require('../../contexts/DialogContext.cjs');
+var useComponentDefaults = require('../../hooks/useComponentDefaults.cjs');
+
+function Gallery(rawProps) {
+  const props = useComponentDefaults.default("Gallery", rawProps).mergedProps;
+  const { items, columns = 2, gap = 8, aspectRatio = 1, radius = 12, testID, ...rest } = props;
+  const cols = Math.max(1, Math.floor(columns));
+  const widthPct = `${100 / cols}%`;
+  const half = gap / 2;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      flexDirection: "row",
+      flexWrap: "wrap",
+      marginLeft: -half,
+      marginRight: -half,
+      ...rest,
+      ...testID ? { testID, "data-testid": testID } : {},
+      children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(index.default, { width: widthPct, paddingLeft: half, paddingRight: half, paddingBottom: gap, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          index.default,
+          {
+            position: "relative",
+            width: "100%",
+            aspectRatio,
+            borderRadius: radius,
+            overflow: "hidden",
+            bgColor: "gray.100",
+            borderWidth: item.selected ? 2 : 0,
+            borderColor: item.selected ? "brand" : "transparent",
+            children: [
+              item.src != null && /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { src: item.src, style: { width: "100%", height: "100%" }, objectFit: "cover" }),
+              item.topLeft != null && /* @__PURE__ */ jsxRuntime.jsx(index.default, { position: "absolute", top: 6, left: 6, children: item.topLeft }),
+              item.bottomRight != null && /* @__PURE__ */ jsxRuntime.jsx(index.default, { position: "absolute", bottom: 6, right: 6, children: item.bottomRight }),
+              item.selected && /* @__PURE__ */ jsxRuntime.jsx(
+                index.default,
+                {
+                  position: "absolute",
+                  top: 6,
+                  right: 6,
+                  width: 22,
+                  height: 22,
+                  borderRadius: 999,
+                  bgColor: "brand",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  borderWidth: 2,
+                  borderColor: "#FFFFFF",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(index_native$1.Icon, { name: "check", size: 12, color: "#FFFFFF" })
+                }
+              )
+            ]
+          }
+        ),
+        (item.title != null || item.meta != null) && /* @__PURE__ */ jsxRuntime.jsxs(index.default, { paddingTop: 6, gap: 2, children: [
+          item.title != null && /* @__PURE__ */ jsxRuntime.jsx(index_native$2.default, { fontSize: 13, fontWeight: "700", color: "text", children: item.title }),
+          item.meta != null && /* @__PURE__ */ jsxRuntime.jsx(index_native$2.default, { fontSize: 11, color: "text-secondary", children: item.meta })
+        ] })
+      ] }, i))
+    }
+  );
+}
+
+exports.Gallery = Gallery;
+//# sourceMappingURL=index.cjs.map

package/components/Gallery/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Gallery/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type {IGalleryProps} from \"@lmb-it/kitsconcerto-types\";\nimport {Box, Text, Image, Icon} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n/**\n * Gallery — responsive image grid with per-tile overlay slots, caption, and a\n * `selected` state (ring + check) for multiselect grids.\n *\n * Cross-platform and presentational (Box + Image + Text + Icon). Tappability is\n * the caller's concern — wrap tiles, or drive `selected` from your own handler.\n *\n *   <Gallery columns={2} items={[\n *     {src, title:'Rewire', meta:'12 May · Newtown', topLeft:<Chip label=\"VERIFIED\" size=\"sm\" />},\n *   ]} />\n */\nexport function Gallery(rawProps: IGalleryProps) {\n    const props = useComponentDefaults<IGalleryProps>(\"Gallery\", rawProps).mergedProps;\n    const {items, columns = 2, gap = 8, aspectRatio = 1, radius = 12, testID, ...rest} = props;\n\n    const cols = Math.max(1, Math.floor(columns));\n    const widthPct = `${100 / cols}%`;\n    const half = gap / 2;\n\n    return (\n        <Box\n            flexDirection=\"row\"\n            flexWrap=\"wrap\"\n            marginLeft={-half}\n            marginRight={-half}\n            {...(rest as any)}\n            {...(testID ? ({testID, \"data-testid\": testID} as any) : {})}\n        >\n            {items.map((item, i) => (\n                <Box key={i} width={widthPct} paddingLeft={half} paddingRight={half} paddingBottom={gap}>\n                    {/* image card */}\n                    <Box\n                        position=\"relative\"\n                        width=\"100%\"\n                        aspectRatio={aspectRatio}\n                        borderRadius={radius}\n                        overflow=\"hidden\"\n                        bgColor=\"gray.100\"\n                        borderWidth={item.selected ? 2 : 0}\n                        borderColor={item.selected ? \"brand\" : \"transparent\"}\n                    >\n                        {item.src != null && (\n                            <Image src={item.src} style={{width: \"100%\", height: \"100%\"} as any} objectFit=\"cover\" />\n                        )}\n\n                        {item.topLeft != null && (\n                            <Box position=\"absolute\" top={6} left={6}>\n                                {item.topLeft}\n                            </Box>\n                        )}\n                        {item.bottomRight != null && (\n                            <Box position=\"absolute\" bottom={6} right={6}>\n                                {item.bottomRight}\n                            </Box>\n                        )}\n                        {item.selected && (\n                            <Box\n                                position=\"absolute\"\n                                top={6}\n                                right={6}\n                                width={22}\n                                height={22}\n                                borderRadius={999}\n                                bgColor=\"brand\"\n                                alignItems=\"center\"\n                                justifyContent=\"center\"\n                                borderWidth={2}\n                                borderColor=\"#FFFFFF\"\n                            >\n                                <Icon name=\"check\" size={12} color=\"#FFFFFF\" />\n                            </Box>\n                        )}\n                    </Box>\n\n                    {(item.title != null || item.meta != null) && (\n                        <Box paddingTop={6} gap={2}>\n                            {item.title != null && (\n                                <Text fontSize={13} fontWeight=\"700\" color=\"text\">\n                                    {item.title}\n                                </Text>\n                            )}\n                            {item.meta != null && (\n                                <Text fontSize={11} color=\"text-secondary\">\n                                    {item.meta}\n                                </Text>\n                            )}\n                        </Box>\n                    )}\n                </Box>\n            ))}\n        </Box>\n    );\n}\n\nexport default Gallery;\n"],"names":["useComponentDefaults","jsx","Box","jsxs","Image","Icon","Text"],"mappings":"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"}

package/components/Gallery/index.js

@@ -0,0 +1,71 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Box from '../../primitives/Box/index.js';
+import Text from '../../primitives/Text/index.js';
+import Image from '../../primitives/Image/index.js';
+import { Icon } from '../../primitives/Icon/index.js';
+import 'react';
+import '../../contexts/DialogContext.js';
+import useComponentDefaults from '../../hooks/useComponentDefaults.js';
+
+function Gallery(rawProps) {
+  const props = useComponentDefaults("Gallery", rawProps).mergedProps;
+  const { items, columns = 2, gap = 8, aspectRatio = 1, radius = 12, testID, ...rest } = props;
+  const cols = Math.max(1, Math.floor(columns));
+  const widthPct = `${100 / cols}%`;
+  const half = gap / 2;
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      flexDirection: "row",
+      flexWrap: "wrap",
+      marginLeft: -half,
+      marginRight: -half,
+      ...rest,
+      ...testID ? { testID, "data-testid": testID } : {},
+      children: items.map((item, i) => /* @__PURE__ */ jsxs(Box, { width: widthPct, paddingLeft: half, paddingRight: half, paddingBottom: gap, children: [
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            position: "relative",
+            width: "100%",
+            aspectRatio,
+            borderRadius: radius,
+            overflow: "hidden",
+            bgColor: "gray.100",
+            borderWidth: item.selected ? 2 : 0,
+            borderColor: item.selected ? "brand" : "transparent",
+            children: [
+              item.src != null && /* @__PURE__ */ jsx(Image, { src: item.src, style: { width: "100%", height: "100%" }, objectFit: "cover" }),
+              item.topLeft != null && /* @__PURE__ */ jsx(Box, { position: "absolute", top: 6, left: 6, children: item.topLeft }),
+              item.bottomRight != null && /* @__PURE__ */ jsx(Box, { position: "absolute", bottom: 6, right: 6, children: item.bottomRight }),
+              item.selected && /* @__PURE__ */ jsx(
+                Box,
+                {
+                  position: "absolute",
+                  top: 6,
+                  right: 6,
+                  width: 22,
+                  height: 22,
+                  borderRadius: 999,
+                  bgColor: "brand",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  borderWidth: 2,
+                  borderColor: "#FFFFFF",
+                  children: /* @__PURE__ */ jsx(Icon, { name: "check", size: 12, color: "#FFFFFF" })
+                }
+              )
+            ]
+          }
+        ),
+        (item.title != null || item.meta != null) && /* @__PURE__ */ jsxs(Box, { paddingTop: 6, gap: 2, children: [
+          item.title != null && /* @__PURE__ */ jsx(Text, { fontSize: 13, fontWeight: "700", color: "text", children: item.title }),
+          item.meta != null && /* @__PURE__ */ jsx(Text, { fontSize: 11, color: "text-secondary", children: item.meta })
+        ] })
+      ] }, i))
+    }
+  );
+}
+
+export { Gallery };
+//# sourceMappingURL=index.js.map

package/components/Gallery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Gallery/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type {IGalleryProps} from \"@lmb-it/kitsconcerto-types\";\nimport {Box, Text, Image, Icon} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n/**\n * Gallery — responsive image grid with per-tile overlay slots, caption, and a\n * `selected` state (ring + check) for multiselect grids.\n *\n * Cross-platform and presentational (Box + Image + Text + Icon). Tappability is\n * the caller's concern — wrap tiles, or drive `selected` from your own handler.\n *\n *   <Gallery columns={2} items={[\n *     {src, title:'Rewire', meta:'12 May · Newtown', topLeft:<Chip label=\"VERIFIED\" size=\"sm\" />},\n *   ]} />\n */\nexport function Gallery(rawProps: IGalleryProps) {\n    const props = useComponentDefaults<IGalleryProps>(\"Gallery\", rawProps).mergedProps;\n    const {items, columns = 2, gap = 8, aspectRatio = 1, radius = 12, testID, ...rest} = props;\n\n    const cols = Math.max(1, Math.floor(columns));\n    const widthPct = `${100 / cols}%`;\n    const half = gap / 2;\n\n    return (\n        <Box\n            flexDirection=\"row\"\n            flexWrap=\"wrap\"\n            marginLeft={-half}\n            marginRight={-half}\n            {...(rest as any)}\n            {...(testID ? ({testID, \"data-testid\": testID} as any) : {})}\n        >\n            {items.map((item, i) => (\n                <Box key={i} width={widthPct} paddingLeft={half} paddingRight={half} paddingBottom={gap}>\n                    {/* image card */}\n                    <Box\n                        position=\"relative\"\n                        width=\"100%\"\n                        aspectRatio={aspectRatio}\n                        borderRadius={radius}\n                        overflow=\"hidden\"\n                        bgColor=\"gray.100\"\n                        borderWidth={item.selected ? 2 : 0}\n                        borderColor={item.selected ? \"brand\" : \"transparent\"}\n                    >\n                        {item.src != null && (\n                            <Image src={item.src} style={{width: \"100%\", height: \"100%\"} as any} objectFit=\"cover\" />\n                        )}\n\n                        {item.topLeft != null && (\n                            <Box position=\"absolute\" top={6} left={6}>\n                                {item.topLeft}\n                            </Box>\n                        )}\n                        {item.bottomRight != null && (\n                            <Box position=\"absolute\" bottom={6} right={6}>\n                                {item.bottomRight}\n                            </Box>\n                        )}\n                        {item.selected && (\n                            <Box\n                                position=\"absolute\"\n                                top={6}\n                                right={6}\n                                width={22}\n                                height={22}\n                                borderRadius={999}\n                                bgColor=\"brand\"\n                                alignItems=\"center\"\n                                justifyContent=\"center\"\n                                borderWidth={2}\n                                borderColor=\"#FFFFFF\"\n                            >\n                                <Icon name=\"check\" size={12} color=\"#FFFFFF\" />\n                            </Box>\n                        )}\n                    </Box>\n\n                    {(item.title != null || item.meta != null) && (\n                        <Box paddingTop={6} gap={2}>\n                            {item.title != null && (\n                                <Text fontSize={13} fontWeight=\"700\" color=\"text\">\n                                    {item.title}\n                                </Text>\n                            )}\n                            {item.meta != null && (\n                                <Text fontSize={11} color=\"text-secondary\">\n                                    {item.meta}\n                                </Text>\n                            )}\n                        </Box>\n                    )}\n                </Box>\n            ))}\n        </Box>\n    );\n}\n\nexport default Gallery;\n"],"names":[],"mappings":"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"}

package/components/MessageComposer/index.cjs

@@ -0,0 +1,242 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactNative = require('react-native');
+require('../../apps/mobile/src/ui/accordion/index.cjs');
+require('../../apps/mobile/src/ui/actionsheet/index.cjs');
+require('../../apps/mobile/src/ui/alert/index.cjs');
+require('../../apps/mobile/src/ui/alert-dialog/index.cjs');
+require('../../apps/mobile/src/ui/avatar/index.cjs');
+require('../../apps/mobile/src/ui/badge/index.cjs');
+require('../../apps/mobile/src/ui/bottomsheet/index.cjs');
+require('../../apps/mobile/src/ui/box/index.cjs');
+require('../../apps/mobile/src/ui/button/index.cjs');
+require('../../apps/mobile/src/ui/card/index.cjs');
+require('../../apps/mobile/src/ui/center/index.cjs');
+require('../../apps/mobile/src/ui/checkbox/index.cjs');
+require('../../apps/mobile/src/ui/divider/index.cjs');
+require('../../apps/mobile/src/ui/drawer/index.cjs');
+require('../../apps/mobile/src/ui/fab/index.cjs');
+require('../../apps/mobile/src/ui/form-control/index.cjs');
+require('react');
+require('../../apps/mobile/src/ui/gluestack-ui-provider/config.cjs');
+require('@gluestack-ui/core/overlay/creator');
+require('@gluestack-ui/core/toast/creator');
+require('nativewind');
+require('../../apps/mobile/src/ui/grid/index.cjs');
+require('../../apps/mobile/src/ui/heading/index.cjs');
+require('../../apps/mobile/src/ui/hstack/index.cjs');
+require('../../apps/mobile/src/ui/icon/index.cjs');
+require('../../apps/mobile/src/ui/image/index.cjs');
+require('../../apps/mobile/src/ui/image-background/index.cjs');
+require('../../apps/mobile/src/ui/input/index.cjs');
+require('../../apps/mobile/src/ui/link/index.cjs');
+require('../../apps/mobile/src/ui/menu/index.cjs');
+require('../../apps/mobile/src/ui/modal/index.cjs');
+require('../../apps/mobile/src/ui/popover/index.cjs');
+require('../../apps/mobile/src/ui/portal/index.cjs');
+require('../../apps/mobile/src/ui/pressable/index.cjs');
+require('../../apps/mobile/src/ui/progress/index.cjs');
+require('../../apps/mobile/src/ui/radio/index.cjs');
+require('react-native-safe-area-context');
+require('../../apps/mobile/src/ui/select/index.cjs');
+require('../../apps/mobile/src/ui/skeleton/index.cjs');
+require('../../apps/mobile/src/ui/slider/index.cjs');
+require('../../apps/mobile/src/ui/spinner/index.cjs');
+require('../../apps/mobile/src/ui/switch/index.cjs');
+require('../../apps/mobile/src/ui/table/index.cjs');
+require('../../apps/mobile/src/ui/text/index.cjs');
+require('../../apps/mobile/src/ui/textarea/index.cjs');
+require('../../apps/mobile/src/ui/toast/index.cjs');
+require('../../apps/mobile/src/ui/tooltip/index.cjs');
+require('../../apps/mobile/src/ui/vstack/index.cjs');
+require('react-native-reanimated');
+var style = require('../../apps/mobile/src/Factory/helpers/style.cjs');
+require('../../apps/mobile/src/Factory/DimensionsContext.cjs');
+require('react-icons/fa');
+require('react-icons/ai');
+require('react-icons/io');
+require('../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.cjs');
+require('yup');
+require('../../packages/types/src/Css/map/index.cjs');
+require('../../packages/types/src/Theme/shadows.cjs');
+require('../../packages/types/src/Theme/defaultTheme.cjs');
+require('i18next');
+require('react-i18next');
+require('../../apps/mobile/src/Core/AutoComplete/index.cjs');
+require('../../apps/mobile/src/Core/Dropdown/index.cjs');
+require('../../apps/mobile/src/Core/MultiSelect/index.cjs');
+require('../../apps/mobile/src/Core/Trees/components/CoreTree.cjs');
+require('../../apps/mobile/src/Core/Trees/components/CoreTreeSelect.cjs');
+require('../../apps/mobile/src/Core/Trees/components/CoreToolbar.cjs');
+require('../../apps/mobile/src/Core/Paginator/index.cjs');
+require('lucide-react-native');
+require('../../apps/mobile/src/Core/SelectButton/index.cjs');
+require('../../apps/mobile/src/Core/DataTable/DataTable.cjs');
+require('../../apps/mobile/src/Core/Tag/index.cjs');
+require('../../apps/mobile/src/Core/Badge/index.cjs');
+require('../../apps/mobile/src/Core/ProgressBar/index.cjs');
+require('../../apps/mobile/src/Core/Checkbox/index.cjs');
+require('../../apps/mobile/src/Core/RadioButton/index.cjs');
+require('../../apps/mobile/src/Core/Input/index.cjs');
+require('../../apps/mobile/src/Core/Input/Field.cjs');
+require('../../apps/mobile/src/Core/Input/Slot.cjs');
+var index_native = require('../../primitives/Icon/index.cjs');
+require('../../contexts/DialogContext.cjs');
+var useComponentDefaults = require('../../hooks/useComponentDefaults.cjs');
+
+function MessageComposer(rawProps) {
+  const props = useComponentDefaults.default("MessageComposer", rawProps).mergedProps;
+  const { value, onChangeText, onSend, onAttach, placeholder = "Message\u2026", sendDisabled, accentColor = "brand", locked, lockedLabel, attachDisabled, attachHint, onSelectionChange, selection, inputRef, testID } = props;
+  const accent = style.resolveThemeTokenForNative(accentColor);
+  const surface = style.resolveThemeTokenForNative("surface-card");
+  const border = style.resolveThemeTokenForNative("surface-border");
+  const fieldBg = style.resolveThemeTokenForNative("gray.100");
+  const textColor = style.resolveThemeTokenForNative("text");
+  const muted = style.resolveThemeTokenForNative("text-secondary");
+  const disabledBg = style.resolveThemeTokenForNative("gray.300");
+  if (locked) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.View,
+      {
+        testID,
+        style: {
+          flexDirection: "row",
+          alignItems: "center",
+          paddingHorizontal: 12,
+          paddingVertical: 10,
+          backgroundColor: surface,
+          borderTopWidth: 1,
+          borderTopColor: border
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          reactNative.View,
+          {
+            style: {
+              flexGrow: 1,
+              flexDirection: "row",
+              alignItems: "center",
+              gap: 10,
+              backgroundColor: fieldBg,
+              borderWidth: 1,
+              borderColor: border,
+              borderRadius: 999,
+              paddingHorizontal: 16,
+              paddingVertical: 11
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(index_native.Icon, { name: "lock", size: 17, color: muted }),
+              lockedLabel != null && /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: { fontSize: 13, color: muted }, children: lockedLabel })
+            ]
+          }
+        )
+      }
+    );
+  }
+  const canSend = sendDisabled != null ? !sendDisabled : value.trim().length > 0;
+  const field = /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.TextInput,
+    {
+      ref: inputRef,
+      style: {
+        flex: 1,
+        backgroundColor: fieldBg,
+        borderRadius: 20,
+        paddingHorizontal: 14,
+        paddingVertical: 8,
+        fontSize: 14,
+        color: textColor,
+        // Pin a single-line floor (= the 36px send button) so a
+        // multiline RN TextInput doesn't measure a taller default on
+        // frame 1 then settle on frame 2 — that re-measure re-flexes
+        // the chat thread above it (a small shift-then-settle on open).
+        // Still grows up to maxHeight when typing multiple lines.
+        minHeight: 36,
+        maxHeight: 120
+      },
+      placeholder,
+      placeholderTextColor: muted,
+      value,
+      onChangeText,
+      selection,
+      onSelectionChange: onSelectionChange ? (e) => onSelectionChange({ start: e.nativeEvent.selection.start, end: e.nativeEvent.selection.end }) : void 0,
+      multiline: true
+    }
+  );
+  const sendBtn = /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.TouchableOpacity,
+    {
+      onPress: () => canSend && onSend?.(),
+      disabled: !canSend,
+      accessibilityRole: "button",
+      accessibilityLabel: "Send",
+      style: {
+        width: 36,
+        height: 36,
+        borderRadius: 18,
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundColor: canSend ? accent : disabledBg
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(index_native.Icon, { name: "send", size: 18, color: "#FFFFFF" })
+    }
+  );
+  if (attachDisabled) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      reactNative.View,
+      {
+        testID,
+        style: {
+          paddingVertical: 10,
+          backgroundColor: surface,
+          borderTopWidth: 1,
+          borderTopColor: border
+        },
+        children: [
+          attachHint != null && /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: { flexDirection: "row", alignItems: "center", gap: 6, paddingHorizontal: 12, paddingBottom: 8 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(index_native.Icon, { name: "info", size: 12, color: muted }),
+            /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: { fontSize: 11, color: muted }, children: attachHint })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: { flexDirection: "row", alignItems: "flex-end", gap: 8, paddingHorizontal: 12 }, children: [
+            onAttach != null && /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: { width: 36, height: 36, alignItems: "center", justifyContent: "center", opacity: 0.5 }, children: /* @__PURE__ */ jsxRuntime.jsx(index_native.Icon, { name: "paperclip", size: 20, color: muted }) }),
+            field,
+            sendBtn
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    reactNative.View,
+    {
+      testID,
+      style: {
+        flexDirection: "row",
+        alignItems: "flex-end",
+        gap: 8,
+        paddingHorizontal: 12,
+        paddingVertical: 10,
+        backgroundColor: surface,
+        borderTopWidth: 1,
+        borderTopColor: border
+      },
+      children: [
+        onAttach != null && /* @__PURE__ */ jsxRuntime.jsx(
+          reactNative.TouchableOpacity,
+          {
+            onPress: onAttach,
+            accessibilityRole: "button",
+            accessibilityLabel: "Attach",
+            style: { width: 36, height: 36, alignItems: "center", justifyContent: "center" },
+            children: /* @__PURE__ */ jsxRuntime.jsx(index_native.Icon, { name: "paperclip", size: 20, color: muted })
+          }
+        ),
+        field,
+        sendBtn
+      ]
+    }
+  );
+}
+
+exports.MessageComposer = MessageComposer;
+//# sourceMappingURL=index.cjs.map

package/components/MessageComposer/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/MessageComposer/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport {View, Text, TextInput, TouchableOpacity} from \"react-native\";\nimport {resolveThemeTokenForNative} from \"@lmb-it/kitsconcertomobile\";\nimport type {IMessageComposerProps} from \"@lmb-it/kitsconcerto-types\";\nimport {Icon} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n/**\n * MessageComposer (native) — attach + multiline input + send, mirroring the\n * app's chat input bar (RN TextInput + TouchableOpacity, library Icon).\n */\nexport function MessageComposer(rawProps: IMessageComposerProps) {\n    const props = useComponentDefaults<IMessageComposerProps>(\"MessageComposer\", rawProps).mergedProps;\n    const {value, onChangeText, onSend, onAttach, placeholder = \"Message…\", sendDisabled, accentColor = \"brand\", locked, lockedLabel, attachDisabled, attachHint, onSelectionChange, selection, inputRef, testID} = props;\n\n    const accent = resolveThemeTokenForNative(accentColor);\n    const surface = resolveThemeTokenForNative(\"surface-card\");\n    const border = resolveThemeTokenForNative(\"surface-border\");\n    const fieldBg = resolveThemeTokenForNative(\"gray.100\");\n    const textColor = resolveThemeTokenForNative(\"text\");\n    const muted = resolveThemeTokenForNative(\"text-secondary\");\n    const disabledBg = resolveThemeTokenForNative(\"gray.300\");\n\n    if (locked) {\n        return (\n            <View\n                testID={testID}\n                style={{\n                    flexDirection: \"row\",\n                    alignItems: \"center\",\n                    paddingHorizontal: 12,\n                    paddingVertical: 10,\n                    backgroundColor: surface,\n                    borderTopWidth: 1,\n                    borderTopColor: border,\n                }}\n            >\n                <View\n                    style={{\n                        flexGrow: 1,\n                        flexDirection: \"row\",\n                        alignItems: \"center\",\n                        gap: 10,\n                        backgroundColor: fieldBg,\n                        borderWidth: 1,\n                        borderColor: border,\n                        borderRadius: 999,\n                        paddingHorizontal: 16,\n                        paddingVertical: 11,\n                    }}\n                >\n                    <Icon name=\"lock\" size={17} color={muted} />\n                    {lockedLabel != null && <Text style={{fontSize: 13, color: muted}}>{lockedLabel}</Text>}\n                </View>\n            </View>\n        );\n    }\n\n    const canSend = sendDisabled != null ? !sendDisabled : value.trim().length > 0;\n\n    // Shared field + send (referenced by the default row AND the attach-disabled\n    // branch — single source, so the input is never duplicated).\n    //\n    // onSelectionChange is adapted from RN's NativeSyntheticEvent shape to the\n    // platform-agnostic {start, end} contract declared on IMessageComposerProps,\n    // so consumers (e.g. @mention pickers) read the same shape on native and web.\n    const field = (\n        <TextInput\n            ref={inputRef as React.Ref<TextInput>}\n            style={{\n                flex: 1,\n                backgroundColor: fieldBg,\n                borderRadius: 20,\n                paddingHorizontal: 14,\n                paddingVertical: 8,\n                fontSize: 14,\n                color: textColor,\n                // Pin a single-line floor (= the 36px send button) so a\n                // multiline RN TextInput doesn't measure a taller default on\n                // frame 1 then settle on frame 2 — that re-measure re-flexes\n                // the chat thread above it (a small shift-then-settle on open).\n                // Still grows up to maxHeight when typing multiple lines.\n                minHeight: 36,\n                maxHeight: 120,\n            }}\n            placeholder={placeholder}\n            placeholderTextColor={muted}\n            value={value}\n            onChangeText={onChangeText}\n            selection={selection as {start: number; end?: number} | undefined}\n            onSelectionChange={\n                onSelectionChange\n                    ? e => onSelectionChange({start: e.nativeEvent.selection.start, end: e.nativeEvent.selection.end})\n                    : undefined\n            }\n            multiline\n        />\n    );\n\n    const sendBtn = (\n        <TouchableOpacity\n            onPress={() => canSend && onSend?.()}\n            disabled={!canSend}\n            accessibilityRole=\"button\"\n            accessibilityLabel=\"Send\"\n            style={{\n                width: 36,\n                height: 36,\n                borderRadius: 18,\n                alignItems: \"center\",\n                justifyContent: \"center\",\n                backgroundColor: canSend ? accent : disabledBg,\n            }}\n        >\n            <Icon name=\"send\" size={18} color=\"#FFFFFF\" />\n        </TouchableOpacity>\n    );\n\n    if (attachDisabled) {\n        return (\n            <View\n                testID={testID}\n                style={{\n                    paddingVertical: 10,\n                    backgroundColor: surface,\n                    borderTopWidth: 1,\n                    borderTopColor: border,\n                }}\n            >\n                {attachHint != null && (\n                    <View style={{flexDirection: \"row\", alignItems: \"center\", gap: 6, paddingHorizontal: 12, paddingBottom: 8}}>\n                        <Icon name=\"info\" size={12} color={muted} />\n                        <Text style={{fontSize: 11, color: muted}}>{attachHint}</Text>\n                    </View>\n                )}\n                <View style={{flexDirection: \"row\", alignItems: \"flex-end\", gap: 8, paddingHorizontal: 12}}>\n                    {onAttach != null && (\n                        <View style={{width: 36, height: 36, alignItems: \"center\", justifyContent: \"center\", opacity: 0.5}}>\n                            <Icon name=\"paperclip\" size={20} color={muted} />\n                        </View>\n                    )}\n                    {field}\n                    {sendBtn}\n                </View>\n            </View>\n        );\n    }\n\n    return (\n        <View\n            testID={testID}\n            style={{\n                flexDirection: \"row\",\n                alignItems: \"flex-end\",\n                gap: 8,\n                paddingHorizontal: 12,\n                paddingVertical: 10,\n                backgroundColor: surface,\n                borderTopWidth: 1,\n                borderTopColor: border,\n            }}\n        >\n            {onAttach != null && (\n                <TouchableOpacity\n                    onPress={onAttach}\n                    accessibilityRole=\"button\"\n                    accessibilityLabel=\"Attach\"\n                    style={{width: 36, height: 36, alignItems: \"center\", justifyContent: \"center\"}}\n                >\n                    <Icon name=\"paperclip\" size={20} color={muted} />\n                </TouchableOpacity>\n            )}\n            {field}\n            {sendBtn}\n        </View>\n    );\n}\n\nexport default MessageComposer;\n"],"names":["useComponentDefaults","resolveThemeTokenForNative","jsx","View","jsxs","Icon","Text","TextInput","TouchableOpacity"],"mappings":"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"}