@lmb-it/kitsconcerto-native 0.1.236

package/components/MessageComposer/index.js

@@ -0,0 +1,240 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { View, Text, TouchableOpacity, TextInput } 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 { Icon } from '../../primitives/Icon/index.js';
+import '../../contexts/DialogContext.js';
+import useComponentDefaults from '../../hooks/useComponentDefaults.js';
+
+function MessageComposer(rawProps) {
+  const props = useComponentDefaults("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 = resolveThemeTokenForNative(accentColor);
+  const surface = resolveThemeTokenForNative("surface-card");
+  const border = resolveThemeTokenForNative("surface-border");
+  const fieldBg = resolveThemeTokenForNative("gray.100");
+  const textColor = resolveThemeTokenForNative("text");
+  const muted = resolveThemeTokenForNative("text-secondary");
+  const disabledBg = resolveThemeTokenForNative("gray.300");
+  if (locked) {
+    return /* @__PURE__ */ jsx(
+      View,
+      {
+        testID,
+        style: {
+          flexDirection: "row",
+          alignItems: "center",
+          paddingHorizontal: 12,
+          paddingVertical: 10,
+          backgroundColor: surface,
+          borderTopWidth: 1,
+          borderTopColor: border
+        },
+        children: /* @__PURE__ */ jsxs(
+          View,
+          {
+            style: {
+              flexGrow: 1,
+              flexDirection: "row",
+              alignItems: "center",
+              gap: 10,
+              backgroundColor: fieldBg,
+              borderWidth: 1,
+              borderColor: border,
+              borderRadius: 999,
+              paddingHorizontal: 16,
+              paddingVertical: 11
+            },
+            children: [
+              /* @__PURE__ */ jsx(Icon, { name: "lock", size: 17, color: muted }),
+              lockedLabel != null && /* @__PURE__ */ jsx(Text, { style: { fontSize: 13, color: muted }, children: lockedLabel })
+            ]
+          }
+        )
+      }
+    );
+  }
+  const canSend = sendDisabled != null ? !sendDisabled : value.trim().length > 0;
+  const field = /* @__PURE__ */ jsx(
+    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__ */ jsx(
+    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__ */ jsx(Icon, { name: "send", size: 18, color: "#FFFFFF" })
+    }
+  );
+  if (attachDisabled) {
+    return /* @__PURE__ */ jsxs(
+      View,
+      {
+        testID,
+        style: {
+          paddingVertical: 10,
+          backgroundColor: surface,
+          borderTopWidth: 1,
+          borderTopColor: border
+        },
+        children: [
+          attachHint != null && /* @__PURE__ */ jsxs(View, { style: { flexDirection: "row", alignItems: "center", gap: 6, paddingHorizontal: 12, paddingBottom: 8 }, children: [
+            /* @__PURE__ */ jsx(Icon, { name: "info", size: 12, color: muted }),
+            /* @__PURE__ */ jsx(Text, { style: { fontSize: 11, color: muted }, children: attachHint })
+          ] }),
+          /* @__PURE__ */ jsxs(View, { style: { flexDirection: "row", alignItems: "flex-end", gap: 8, paddingHorizontal: 12 }, children: [
+            onAttach != null && /* @__PURE__ */ jsx(View, { style: { width: 36, height: 36, alignItems: "center", justifyContent: "center", opacity: 0.5 }, children: /* @__PURE__ */ jsx(Icon, { name: "paperclip", size: 20, color: muted }) }),
+            field,
+            sendBtn
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      testID,
+      style: {
+        flexDirection: "row",
+        alignItems: "flex-end",
+        gap: 8,
+        paddingHorizontal: 12,
+        paddingVertical: 10,
+        backgroundColor: surface,
+        borderTopWidth: 1,
+        borderTopColor: border
+      },
+      children: [
+        onAttach != null && /* @__PURE__ */ jsx(
+          TouchableOpacity,
+          {
+            onPress: onAttach,
+            accessibilityRole: "button",
+            accessibilityLabel: "Attach",
+            style: { width: 36, height: 36, alignItems: "center", justifyContent: "center" },
+            children: /* @__PURE__ */ jsx(Icon, { name: "paperclip", size: 20, color: muted })
+          }
+        ),
+        field,
+        sendBtn
+      ]
+    }
+  );
+}
+
+export { MessageComposer };
+//# sourceMappingURL=index.js.map

package/components/MessageComposer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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":[],"mappings":"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"}

package/components/MessageReceipt/index.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../primitives/Box/index.cjs');
+var index_native$1 = require('../../primitives/Text/index.cjs');
+var index_native = require('../../primitives/Icon/index.cjs');
+require('react');
+require('../../contexts/DialogContext.cjs');
+var useComponentDefaults = require('../../hooks/useComponentDefaults.cjs');
+
+const ICON = {
+  sent: "check",
+  delivered: "check-check",
+  seen: "check-check",
+  failed: "circle-alert"
+};
+function MessageReceipt(rawProps) {
+  const props = useComponentDefaults.default("MessageReceipt", rawProps).mergedProps;
+  const {
+    state,
+    label,
+    showLabel = false,
+    color = "text-secondary",
+    seenColor = "brand",
+    failedColor = "danger",
+    size = "sm",
+    testID,
+    ...rest
+  } = props;
+  const tone = state === "seen" ? seenColor : state === "failed" ? failedColor : color;
+  const iconSize = size === "md" ? 16 : 14;
+  const a11y = testID ? { testID, "data-testid": testID } : {};
+  return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { flexDirection: "row", alignItems: "center", gap: 4, ...rest, ...a11y, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index_native.Icon, { name: ICON[state], size: iconSize, color: tone }),
+    showLabel && label != null && /* @__PURE__ */ jsxRuntime.jsx(index_native$1.default, { fontSize: size === "md" ? 12 : 11, fontWeight: "600", color: tone, children: label })
+  ] });
+}
+
+exports.MessageReceipt = MessageReceipt;
+//# sourceMappingURL=index.cjs.map

package/components/MessageReceipt/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/MessageReceipt/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type {IMessageReceiptProps, MessageReceiptState} from \"@lmb-it/kitsconcerto-types\";\nimport {Box, Text, Icon} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\nconst ICON: Record<MessageReceiptState, string> = {\n    sent: \"check\",\n    delivered: \"check-check\",\n    seen: \"check-check\",\n    failed: \"circle-alert\",\n};\n\n/**\n * MessageReceipt — outgoing-message delivery state: sent · delivered · seen ·\n * failed. Presentational and cross-platform (Icon + Text primitives, so it\n * renders identically on web and native). `label` is a resolved, already-\n * localized string supplied by the consumer — this primitive holds no copy.\n *\n *   <MessageReceipt state=\"seen\" />\n *   <MessageReceipt state=\"failed\" showLabel label=\"Not sent\" />\n */\nexport function MessageReceipt(rawProps: IMessageReceiptProps) {\n    const props = useComponentDefaults<IMessageReceiptProps>(\"MessageReceipt\", rawProps).mergedProps;\n    const {\n        state,\n        label,\n        showLabel = false,\n        color = \"text-secondary\",\n        seenColor = \"brand\",\n        failedColor = \"danger\",\n        size = \"sm\",\n        testID,\n        ...rest\n    } = props;\n\n    const tone = state === \"seen\" ? seenColor : state === \"failed\" ? failedColor : color;\n    const iconSize = size === \"md\" ? 16 : 14;\n    const a11y = testID ? ({testID, \"data-testid\": testID} as any) : {};\n\n    return (\n        <Box flexDirection=\"row\" alignItems=\"center\" gap={4} {...(rest as any)} {...a11y}>\n            <Icon name={ICON[state]} size={iconSize} color={tone} />\n            {showLabel && label != null && (\n                <Text fontSize={size === \"md\" ? 12 : 11} fontWeight=\"600\" color={tone}>\n                    {label}\n                </Text>\n            )}\n        </Box>\n    );\n}\n\nexport default MessageReceipt;\n"],"names":["useComponentDefaults","jsxs","Box","jsx","Icon","Text"],"mappings":";;;;;;;;;;AAKA,MAAM,IAAA,GAA4C;AAAA,EAC9C,IAAA,EAAM,OAAA;AAAA,EACN,SAAA,EAAW,aAAA;AAAA,EACX,IAAA,EAAM,aAAA;AAAA,EACN,MAAA,EAAQ;AACZ,CAAA;AAWO,SAAS,eAAe,QAAA,EAAgC;AAC3D,EAAA,MAAM,KAAA,GAAQA,4BAAA,CAA2C,gBAAA,EAAkB,QAAQ,CAAA,CAAE,WAAA;AACrF,EAAA,MAAM;AAAA,IACF,KAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA,GAAY,KAAA;AAAA,IACZ,KAAA,GAAQ,gBAAA;AAAA,IACR,SAAA,GAAY,OAAA;AAAA,IACZ,WAAA,GAAc,QAAA;AAAA,IACd,IAAA,GAAO,IAAA;AAAA,IACP,MAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAI,KAAA;AAEJ,EAAA,MAAM,OAAO,KAAA,KAAU,MAAA,GAAS,SAAA,GAAY,KAAA,KAAU,WAAW,WAAA,GAAc,KAAA;AAC/E,EAAA,MAAM,QAAA,GAAW,IAAA,KAAS,IAAA,GAAO,EAAA,GAAK,EAAA;AACtC,EAAA,MAAM,OAAO,MAAA,GAAU,EAAC,QAAQ,aAAA,EAAe,MAAA,KAAkB,EAAC;AAElE,EAAA,uBACIC,eAAA,CAACC,aAAA,EAAA,EAAI,aAAA,EAAc,KAAA,EAAM,UAAA,EAAW,QAAA,EAAS,GAAA,EAAK,CAAA,EAAI,GAAI,IAAA,EAAe,GAAG,IAAA,EACxE,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,iBAAA,EAAA,EAAK,MAAM,IAAA,CAAK,KAAK,GAAG,IAAA,EAAM,QAAA,EAAU,OAAO,IAAA,EAAM,CAAA;AAAA,IACrD,SAAA,IAAa,KAAA,IAAS,IAAA,oBACnBD,cAAA,CAACE,0BAAK,QAAA,EAAU,IAAA,KAAS,IAAA,GAAO,EAAA,GAAK,EAAA,EAAI,UAAA,EAAW,KAAA,EAAM,KAAA,EAAO,MAC5D,QAAA,EAAA,KAAA,EACL;AAAA,GAAA,EAER,CAAA;AAER;;;;"}

package/components/MessageReceipt/index.js

@@ -0,0 +1,38 @@
+import { jsxs, jsx } 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 ICON = {
+  sent: "check",
+  delivered: "check-check",
+  seen: "check-check",
+  failed: "circle-alert"
+};
+function MessageReceipt(rawProps) {
+  const props = useComponentDefaults("MessageReceipt", rawProps).mergedProps;
+  const {
+    state,
+    label,
+    showLabel = false,
+    color = "text-secondary",
+    seenColor = "brand",
+    failedColor = "danger",
+    size = "sm",
+    testID,
+    ...rest
+  } = props;
+  const tone = state === "seen" ? seenColor : state === "failed" ? failedColor : color;
+  const iconSize = size === "md" ? 16 : 14;
+  const a11y = testID ? { testID, "data-testid": testID } : {};
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", gap: 4, ...rest, ...a11y, children: [
+    /* @__PURE__ */ jsx(Icon, { name: ICON[state], size: iconSize, color: tone }),
+    showLabel && label != null && /* @__PURE__ */ jsx(Text, { fontSize: size === "md" ? 12 : 11, fontWeight: "600", color: tone, children: label })
+  ] });
+}
+
+export { MessageReceipt };
+//# sourceMappingURL=index.js.map

package/components/MessageReceipt/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/MessageReceipt/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type {IMessageReceiptProps, MessageReceiptState} from \"@lmb-it/kitsconcerto-types\";\nimport {Box, Text, Icon} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\nconst ICON: Record<MessageReceiptState, string> = {\n    sent: \"check\",\n    delivered: \"check-check\",\n    seen: \"check-check\",\n    failed: \"circle-alert\",\n};\n\n/**\n * MessageReceipt — outgoing-message delivery state: sent · delivered · seen ·\n * failed. Presentational and cross-platform (Icon + Text primitives, so it\n * renders identically on web and native). `label` is a resolved, already-\n * localized string supplied by the consumer — this primitive holds no copy.\n *\n *   <MessageReceipt state=\"seen\" />\n *   <MessageReceipt state=\"failed\" showLabel label=\"Not sent\" />\n */\nexport function MessageReceipt(rawProps: IMessageReceiptProps) {\n    const props = useComponentDefaults<IMessageReceiptProps>(\"MessageReceipt\", rawProps).mergedProps;\n    const {\n        state,\n        label,\n        showLabel = false,\n        color = \"text-secondary\",\n        seenColor = \"brand\",\n        failedColor = \"danger\",\n        size = \"sm\",\n        testID,\n        ...rest\n    } = props;\n\n    const tone = state === \"seen\" ? seenColor : state === \"failed\" ? failedColor : color;\n    const iconSize = size === \"md\" ? 16 : 14;\n    const a11y = testID ? ({testID, \"data-testid\": testID} as any) : {};\n\n    return (\n        <Box flexDirection=\"row\" alignItems=\"center\" gap={4} {...(rest as any)} {...a11y}>\n            <Icon name={ICON[state]} size={iconSize} color={tone} />\n            {showLabel && label != null && (\n                <Text fontSize={size === \"md\" ? 12 : 11} fontWeight=\"600\" color={tone}>\n                    {label}\n                </Text>\n            )}\n        </Box>\n    );\n}\n\nexport default MessageReceipt;\n"],"names":[],"mappings":";;;;;;;;AAKA,MAAM,IAAA,GAA4C;AAAA,EAC9C,IAAA,EAAM,OAAA;AAAA,EACN,SAAA,EAAW,aAAA;AAAA,EACX,IAAA,EAAM,aAAA;AAAA,EACN,MAAA,EAAQ;AACZ,CAAA;AAWO,SAAS,eAAe,QAAA,EAAgC;AAC3D,EAAA,MAAM,KAAA,GAAQ,oBAAA,CAA2C,gBAAA,EAAkB,QAAQ,CAAA,CAAE,WAAA;AACrF,EAAA,MAAM;AAAA,IACF,KAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA,GAAY,KAAA;AAAA,IACZ,KAAA,GAAQ,gBAAA;AAAA,IACR,SAAA,GAAY,OAAA;AAAA,IACZ,WAAA,GAAc,QAAA;AAAA,IACd,IAAA,GAAO,IAAA;AAAA,IACP,MAAA;AAAA,IACA,GAAG;AAAA,GACP,GAAI,KAAA;AAEJ,EAAA,MAAM,OAAO,KAAA,KAAU,MAAA,GAAS,SAAA,GAAY,KAAA,KAAU,WAAW,WAAA,GAAc,KAAA;AAC/E,EAAA,MAAM,QAAA,GAAW,IAAA,KAAS,IAAA,GAAO,EAAA,GAAK,EAAA;AACtC,EAAA,MAAM,OAAO,MAAA,GAAU,EAAC,QAAQ,aAAA,EAAe,MAAA,KAAkB,EAAC;AAElE,EAAA,uBACI,IAAA,CAAC,GAAA,EAAA,EAAI,aAAA,EAAc,KAAA,EAAM,UAAA,EAAW,QAAA,EAAS,GAAA,EAAK,CAAA,EAAI,GAAI,IAAA,EAAe,GAAG,IAAA,EACxE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,MAAM,IAAA,CAAK,KAAK,GAAG,IAAA,EAAM,QAAA,EAAU,OAAO,IAAA,EAAM,CAAA;AAAA,IACrD,SAAA,IAAa,KAAA,IAAS,IAAA,oBACnB,GAAA,CAAC,QAAK,QAAA,EAAU,IAAA,KAAS,IAAA,GAAO,EAAA,GAAK,EAAA,EAAI,UAAA,EAAW,KAAA,EAAM,KAAA,EAAO,MAC5D,QAAA,EAAA,KAAA,EACL;AAAA,GAAA,EAER,CAAA;AAER;;;;"}

package/components/PersonCard/content.cjs

@@ -0,0 +1,102 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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');
+var index$1 = require('../Avatar/index.cjs');
+
+const SIZE_MAP = {
+  sm: { avatar: "sm", name: 13, sub: 11.5, meta: 11, gap: 10, py: 8, px: 10 },
+  md: { avatar: "md", name: 14.5, sub: 12, meta: 11.5, gap: 12, py: 10, px: 12 }
+};
+function PersonCardContent(props) {
+  const {
+    name,
+    avatarSrc,
+    avatarStatus,
+    avatarMasked,
+    avatarIcon,
+    subtitle,
+    meta,
+    badge,
+    trailing,
+    disabled = false,
+    selected = false,
+    size = "md",
+    variant = "row",
+    testID,
+    onPress: _onPress,
+    // consumed by the platform wrapper
+    ...rest
+  } = props;
+  const sizeConfig = SIZE_MAP[size === "sm" ? "sm" : "md"];
+  const isCard = variant === "card";
+  const containerProps = isCard ? {
+    bgColor: "surface",
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderColor: selected ? "brand" : "border",
+    borderRadius: 12
+  } : {
+    bgColor: "transparent",
+    ...selected ? { borderWidth: 1, borderStyle: "solid", borderColor: "brand", borderRadius: 12 } : {}
+  };
+  const trailingNode = trailing === "chevron" ? /* @__PURE__ */ jsxRuntime.jsx(index_native$1.Icon, { name: "chevron-right", size: 18, color: "ink.300" }) : trailing ?? null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    index.default,
+    {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: sizeConfig.gap,
+      paddingTop: sizeConfig.py,
+      paddingBottom: sizeConfig.py,
+      paddingLeft: sizeConfig.px,
+      paddingRight: sizeConfig.px,
+      w: "100%",
+      opacity: disabled ? 50 : 100,
+      ...containerProps,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          index$1.Avatar,
+          {
+            src: avatarSrc,
+            name,
+            size: sizeConfig.avatar,
+            alt: name,
+            status: avatarStatus,
+            masked: avatarMasked,
+            icon: avatarIcon
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(index.default, { flexDirection: "column", flexGrow: 1, flexShrink: 1, gap: 2, alignItems: "flex-start", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(index.default, { flexDirection: "row", alignItems: "center", gap: 6, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              index_native.default,
+              {
+                color: "text",
+                fontSize: sizeConfig.name,
+                fontWeight: "600",
+                whiteSpace: "nowrap",
+                textOverflow: "ellipsis",
+                children: name
+              }
+            ),
+            badge ?? null
+          ] }),
+          subtitle != null && (typeof subtitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { color: "text-secondary", fontSize: sizeConfig.sub, whiteSpace: "nowrap", textOverflow: "ellipsis", children: subtitle }) : subtitle),
+          meta != null && (typeof meta === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { color: "text-subtle", fontSize: sizeConfig.meta, whiteSpace: "nowrap", textOverflow: "ellipsis", children: meta }) : meta)
+        ] }),
+        trailingNode ? /* @__PURE__ */ jsxRuntime.jsx(index.default, { flexShrink: 0, alignItems: "center", flexDirection: "row", children: trailingNode }) : null
+      ]
+    }
+  );
+}
+
+exports.PersonCardContent = PersonCardContent;
+exports.SIZE_MAP = SIZE_MAP;
+exports.default = PersonCardContent;
+//# sourceMappingURL=content.cjs.map

package/components/PersonCard/content.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.cjs","sources":["../../../../src/components/PersonCard/content.tsx"],"sourcesContent":["import React from \"react\";\nimport type {IPersonCardProps} from \"@lmb-it/kitsconcerto-types\";\nimport Box from \"../../primitives/Box\";\nimport Text from \"../../primitives/Text\";\nimport Icon from \"../../primitives/Icon\";\nimport {Avatar} from \"../Avatar\";\n\n/* ─── Size config ─────────────────────────────────────────────── */\nexport const SIZE_MAP = {\n    sm: {avatar: \"sm\" as const, name: 13, sub: 11.5, meta: 11, gap: 10, py: 8, px: 10},\n    md: {avatar: \"md\" as const, name: 14.5, sub: 12, meta: 11.5, gap: 12, py: 10, px: 12},\n} as const;\n\n/**\n * Shared, platform-agnostic body of PersonCard: avatar + name/badge +\n * subtitle + meta + trailing slot, composed purely from the Box/Text/Icon\n * primitives and Avatar (all token-driven — no hardcoded hex, no platform\n * imports). The thin `index.web` / `index.native` wrappers own ONLY the\n * press/focus behaviour around this content.\n */\nexport function PersonCardContent(props: IPersonCardProps) {\n    const {\n        name,\n        avatarSrc,\n        avatarStatus,\n        avatarMasked,\n        avatarIcon,\n        subtitle,\n        meta,\n        badge,\n        trailing,\n        disabled = false,\n        selected = false,\n        size = \"md\",\n        variant = \"row\",\n        testID,\n        onPress: _onPress, // consumed by the platform wrapper\n        ...rest\n    } = props;\n\n    const sizeConfig = SIZE_MAP[size === \"sm\" ? \"sm\" : \"md\"];\n    const isCard = variant === \"card\";\n\n    const containerProps = isCard\n        ? {\n            bgColor: \"surface\",\n            borderWidth: 1,\n            borderStyle: \"solid\" as const,\n            borderColor: selected ? \"brand\" : \"border\",\n            borderRadius: 12,\n        }\n        : {\n            bgColor: \"transparent\",\n            ...(selected\n                ? {borderWidth: 1, borderStyle: \"solid\" as const, borderColor: \"brand\", borderRadius: 12}\n                : {}),\n        };\n\n    const trailingNode = trailing === \"chevron\"\n        ? <Icon name=\"chevron-right\" size={18} color=\"ink.300\" />\n        : trailing ?? null;\n\n    return (\n        <Box\n            flexDirection=\"row\"\n            alignItems=\"center\"\n            gap={sizeConfig.gap}\n            paddingTop={sizeConfig.py}\n            paddingBottom={sizeConfig.py}\n            paddingLeft={sizeConfig.px}\n            paddingRight={sizeConfig.px}\n            w=\"100%\"\n            opacity={disabled ? 50 : 100}\n            {...containerProps}\n            {...rest}\n        >\n            <Avatar\n                src={avatarSrc}\n                name={name}\n                size={sizeConfig.avatar}\n                alt={name}\n                status={avatarStatus}\n                masked={avatarMasked}\n                icon={avatarIcon}\n            />\n\n            <Box flexDirection=\"column\" flexGrow={1} flexShrink={1} gap={2} alignItems=\"flex-start\">\n                <Box flexDirection=\"row\" alignItems=\"center\" gap={6}>\n                    <Text\n                        color=\"text\"\n                        fontSize={sizeConfig.name}\n                        fontWeight=\"600\"\n                        whiteSpace=\"nowrap\"\n                        textOverflow=\"ellipsis\"\n                    >\n                        {name}\n                    </Text>\n                    {badge ?? null}\n                </Box>\n                {subtitle != null && (typeof subtitle === \"string\" ? (\n                    <Text color=\"text-secondary\" fontSize={sizeConfig.sub} whiteSpace=\"nowrap\" textOverflow=\"ellipsis\">\n                        {subtitle}\n                    </Text>\n                ) : subtitle)}\n                {meta != null && (typeof meta === \"string\" ? (\n                    <Text color=\"text-subtle\" fontSize={sizeConfig.meta} whiteSpace=\"nowrap\" textOverflow=\"ellipsis\">\n                        {meta}\n                    </Text>\n                ) : meta)}\n            </Box>\n\n            {trailingNode ? (\n                <Box flexShrink={0} alignItems=\"center\" flexDirection=\"row\">\n                    {trailingNode}\n                </Box>\n            ) : null}\n        </Box>\n    );\n}\n\nexport default PersonCardContent;\n"],"names":["jsx","Icon","jsxs","Box","Avatar","Text"],"mappings":";;;;;;;;;;AAQO,MAAM,QAAA,GAAW;AAAA,EACpB,EAAA,EAAI,EAAC,MAAA,EAAQ,IAAA,EAAe,MAAM,EAAA,EAAI,GAAA,EAAK,IAAA,EAAM,IAAA,EAAM,IAAI,GAAA,EAAK,EAAA,EAAI,EAAA,EAAI,CAAA,EAAG,IAAI,EAAA,EAAE;AAAA,EACjF,EAAA,EAAI,EAAC,MAAA,EAAQ,IAAA,EAAe,MAAM,IAAA,EAAM,GAAA,EAAK,EAAA,EAAI,IAAA,EAAM,MAAM,GAAA,EAAK,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,IAAI,EAAA;AACtF;AASO,SAAS,kBAAkB,KAAA,EAAyB;AACvD,EAAA,MAAM;AAAA,IACF,IAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,QAAA,GAAW,KAAA;AAAA,IACX,IAAA,GAAO,IAAA;AAAA,IACP,OAAA,GAAU,KAAA;AAAA,IACV,MAAA;AAAA,IACA,OAAA,EAAS,QAAA;AAAA;AAAA,IACT,GAAG;AAAA,GACP,GAAI,KAAA;AAEJ,EAAA,MAAM,UAAA,GAAa,QAAA,CAAS,IAAA,KAAS,IAAA,GAAO,OAAO,IAAI,CAAA;AACvD,EAAA,MAAM,SAAS,OAAA,KAAY,MAAA;AAE3B,EAAA,MAAM,iBAAiB,MAAA,GACjB;AAAA,IACE,OAAA,EAAS,SAAA;AAAA,IACT,WAAA,EAAa,CAAA;AAAA,IACb,WAAA,EAAa,OAAA;AAAA,IACb,WAAA,EAAa,WAAW,OAAA,GAAU,QAAA;AAAA,IAClC,YAAA,EAAc;AAAA,GAClB,GACE;AAAA,IACE,OAAA,EAAS,aAAA;AAAA,IACT,GAAI,QAAA,GACE,EAAC,WAAA,EAAa,CAAA,EAAG,WAAA,EAAa,OAAA,EAAkB,WAAA,EAAa,OAAA,EAAS,YAAA,EAAc,EAAA,EAAE,GACtF;AAAC,GACX;AAEJ,EAAA,MAAM,YAAA,GAAe,QAAA,KAAa,SAAA,mBAC5BA,cAAA,CAACC,mBAAA,EAAA,EAAK,IAAA,EAAK,eAAA,EAAgB,IAAA,EAAM,EAAA,EAAI,KAAA,EAAM,SAAA,EAAU,CAAA,GACrD,QAAA,IAAY,IAAA;AAElB,EAAA,uBACIC,eAAA;AAAA,IAACC,aAAA;AAAA,IAAA;AAAA,MACG,aAAA,EAAc,KAAA;AAAA,MACd,UAAA,EAAW,QAAA;AAAA,MACX,KAAK,UAAA,CAAW,GAAA;AAAA,MAChB,YAAY,UAAA,CAAW,EAAA;AAAA,MACvB,eAAe,UAAA,CAAW,EAAA;AAAA,MAC1B,aAAa,UAAA,CAAW,EAAA;AAAA,MACxB,cAAc,UAAA,CAAW,EAAA;AAAA,MACzB,CAAA,EAAE,MAAA;AAAA,MACF,OAAA,EAAS,WAAW,EAAA,GAAK,GAAA;AAAA,MACxB,GAAG,cAAA;AAAA,MACH,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAH,cAAA;AAAA,UAACI,cAAA;AAAA,UAAA;AAAA,YACG,GAAA,EAAK,SAAA;AAAA,YACL,IAAA;AAAA,YACA,MAAM,UAAA,CAAW,MAAA;AAAA,YACjB,GAAA,EAAK,IAAA;AAAA,YACL,MAAA,EAAQ,YAAA;AAAA,YACR,MAAA,EAAQ,YAAA;AAAA,YACR,IAAA,EAAM;AAAA;AAAA,SACV;AAAA,wBAEAF,eAAA,CAACC,aAAA,EAAA,EAAI,aAAA,EAAc,QAAA,EAAS,QAAA,EAAU,CAAA,EAAG,UAAA,EAAY,CAAA,EAAG,GAAA,EAAK,CAAA,EAAG,UAAA,EAAW,YAAA,EACvE,QAAA,EAAA;AAAA,0BAAAD,eAAA,CAACC,iBAAI,aAAA,EAAc,KAAA,EAAM,UAAA,EAAW,QAAA,EAAS,KAAK,CAAA,EAC9C,QAAA,EAAA;AAAA,4BAAAH,cAAA;AAAA,cAACK,oBAAA;AAAA,cAAA;AAAA,gBACG,KAAA,EAAM,MAAA;AAAA,gBACN,UAAU,UAAA,CAAW,IAAA;AAAA,gBACrB,UAAA,EAAW,KAAA;AAAA,gBACX,UAAA,EAAW,QAAA;AAAA,gBACX,YAAA,EAAa,UAAA;AAAA,gBAEZ,QAAA,EAAA;AAAA;AAAA,aACL;AAAA,YACC,KAAA,IAAS;AAAA,WAAA,EACd,CAAA;AAAA,UACC,YAAY,IAAA,KAAS,OAAO,QAAA,KAAa,QAAA,kCACrCA,oBAAA,EAAA,EAAK,KAAA,EAAM,gBAAA,EAAiB,QAAA,EAAU,WAAW,GAAA,EAAK,UAAA,EAAW,UAAS,YAAA,EAAa,UAAA,EACnF,oBACL,CAAA,GACA,QAAA,CAAA;AAAA,UACH,QAAQ,IAAA,KAAS,OAAO,IAAA,KAAS,QAAA,kCAC7BA,oBAAA,EAAA,EAAK,KAAA,EAAM,aAAA,EAAc,QAAA,EAAU,WAAW,IAAA,EAAM,UAAA,EAAW,UAAS,YAAA,EAAa,UAAA,EACjF,gBACL,CAAA,GACA,IAAA;AAAA,SAAA,EACR,CAAA;AAAA,QAEC,YAAA,mBACGL,cAAA,CAACG,aAAA,EAAA,EAAI,UAAA,EAAY,CAAA,EAAG,YAAW,QAAA,EAAS,aAAA,EAAc,KAAA,EACjD,QAAA,EAAA,YAAA,EACL,CAAA,GACA;AAAA;AAAA;AAAA,GACR;AAER;;;;;;"}

package/components/PersonCard/content.js

@@ -0,0 +1,96 @@
+import { jsxs, jsx } 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 { Avatar } from '../Avatar/index.js';
+
+const SIZE_MAP = {
+  sm: { avatar: "sm", name: 13, sub: 11.5, meta: 11, gap: 10, py: 8, px: 10 },
+  md: { avatar: "md", name: 14.5, sub: 12, meta: 11.5, gap: 12, py: 10, px: 12 }
+};
+function PersonCardContent(props) {
+  const {
+    name,
+    avatarSrc,
+    avatarStatus,
+    avatarMasked,
+    avatarIcon,
+    subtitle,
+    meta,
+    badge,
+    trailing,
+    disabled = false,
+    selected = false,
+    size = "md",
+    variant = "row",
+    testID,
+    onPress: _onPress,
+    // consumed by the platform wrapper
+    ...rest
+  } = props;
+  const sizeConfig = SIZE_MAP[size === "sm" ? "sm" : "md"];
+  const isCard = variant === "card";
+  const containerProps = isCard ? {
+    bgColor: "surface",
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderColor: selected ? "brand" : "border",
+    borderRadius: 12
+  } : {
+    bgColor: "transparent",
+    ...selected ? { borderWidth: 1, borderStyle: "solid", borderColor: "brand", borderRadius: 12 } : {}
+  };
+  const trailingNode = trailing === "chevron" ? /* @__PURE__ */ jsx(Icon, { name: "chevron-right", size: 18, color: "ink.300" }) : trailing ?? null;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: sizeConfig.gap,
+      paddingTop: sizeConfig.py,
+      paddingBottom: sizeConfig.py,
+      paddingLeft: sizeConfig.px,
+      paddingRight: sizeConfig.px,
+      w: "100%",
+      opacity: disabled ? 50 : 100,
+      ...containerProps,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(
+          Avatar,
+          {
+            src: avatarSrc,
+            name,
+            size: sizeConfig.avatar,
+            alt: name,
+            status: avatarStatus,
+            masked: avatarMasked,
+            icon: avatarIcon
+          }
+        ),
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, flexShrink: 1, gap: 2, alignItems: "flex-start", children: [
+          /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", gap: 6, children: [
+            /* @__PURE__ */ jsx(
+              Text,
+              {
+                color: "text",
+                fontSize: sizeConfig.name,
+                fontWeight: "600",
+                whiteSpace: "nowrap",
+                textOverflow: "ellipsis",
+                children: name
+              }
+            ),
+            badge ?? null
+          ] }),
+          subtitle != null && (typeof subtitle === "string" ? /* @__PURE__ */ jsx(Text, { color: "text-secondary", fontSize: sizeConfig.sub, whiteSpace: "nowrap", textOverflow: "ellipsis", children: subtitle }) : subtitle),
+          meta != null && (typeof meta === "string" ? /* @__PURE__ */ jsx(Text, { color: "text-subtle", fontSize: sizeConfig.meta, whiteSpace: "nowrap", textOverflow: "ellipsis", children: meta }) : meta)
+        ] }),
+        trailingNode ? /* @__PURE__ */ jsx(Box, { flexShrink: 0, alignItems: "center", flexDirection: "row", children: trailingNode }) : null
+      ]
+    }
+  );
+}
+
+export { PersonCardContent, SIZE_MAP, PersonCardContent as default };
+//# sourceMappingURL=content.js.map

package/components/PersonCard/content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sources":["../../../../src/components/PersonCard/content.tsx"],"sourcesContent":["import React from \"react\";\nimport type {IPersonCardProps} from \"@lmb-it/kitsconcerto-types\";\nimport Box from \"../../primitives/Box\";\nimport Text from \"../../primitives/Text\";\nimport Icon from \"../../primitives/Icon\";\nimport {Avatar} from \"../Avatar\";\n\n/* ─── Size config ─────────────────────────────────────────────── */\nexport const SIZE_MAP = {\n    sm: {avatar: \"sm\" as const, name: 13, sub: 11.5, meta: 11, gap: 10, py: 8, px: 10},\n    md: {avatar: \"md\" as const, name: 14.5, sub: 12, meta: 11.5, gap: 12, py: 10, px: 12},\n} as const;\n\n/**\n * Shared, platform-agnostic body of PersonCard: avatar + name/badge +\n * subtitle + meta + trailing slot, composed purely from the Box/Text/Icon\n * primitives and Avatar (all token-driven — no hardcoded hex, no platform\n * imports). The thin `index.web` / `index.native` wrappers own ONLY the\n * press/focus behaviour around this content.\n */\nexport function PersonCardContent(props: IPersonCardProps) {\n    const {\n        name,\n        avatarSrc,\n        avatarStatus,\n        avatarMasked,\n        avatarIcon,\n        subtitle,\n        meta,\n        badge,\n        trailing,\n        disabled = false,\n        selected = false,\n        size = \"md\",\n        variant = \"row\",\n        testID,\n        onPress: _onPress, // consumed by the platform wrapper\n        ...rest\n    } = props;\n\n    const sizeConfig = SIZE_MAP[size === \"sm\" ? \"sm\" : \"md\"];\n    const isCard = variant === \"card\";\n\n    const containerProps = isCard\n        ? {\n            bgColor: \"surface\",\n            borderWidth: 1,\n            borderStyle: \"solid\" as const,\n            borderColor: selected ? \"brand\" : \"border\",\n            borderRadius: 12,\n        }\n        : {\n            bgColor: \"transparent\",\n            ...(selected\n                ? {borderWidth: 1, borderStyle: \"solid\" as const, borderColor: \"brand\", borderRadius: 12}\n                : {}),\n        };\n\n    const trailingNode = trailing === \"chevron\"\n        ? <Icon name=\"chevron-right\" size={18} color=\"ink.300\" />\n        : trailing ?? null;\n\n    return (\n        <Box\n            flexDirection=\"row\"\n            alignItems=\"center\"\n            gap={sizeConfig.gap}\n            paddingTop={sizeConfig.py}\n            paddingBottom={sizeConfig.py}\n            paddingLeft={sizeConfig.px}\n            paddingRight={sizeConfig.px}\n            w=\"100%\"\n            opacity={disabled ? 50 : 100}\n            {...containerProps}\n            {...rest}\n        >\n            <Avatar\n                src={avatarSrc}\n                name={name}\n                size={sizeConfig.avatar}\n                alt={name}\n                status={avatarStatus}\n                masked={avatarMasked}\n                icon={avatarIcon}\n            />\n\n            <Box flexDirection=\"column\" flexGrow={1} flexShrink={1} gap={2} alignItems=\"flex-start\">\n                <Box flexDirection=\"row\" alignItems=\"center\" gap={6}>\n                    <Text\n                        color=\"text\"\n                        fontSize={sizeConfig.name}\n                        fontWeight=\"600\"\n                        whiteSpace=\"nowrap\"\n                        textOverflow=\"ellipsis\"\n                    >\n                        {name}\n                    </Text>\n                    {badge ?? null}\n                </Box>\n                {subtitle != null && (typeof subtitle === \"string\" ? (\n                    <Text color=\"text-secondary\" fontSize={sizeConfig.sub} whiteSpace=\"nowrap\" textOverflow=\"ellipsis\">\n                        {subtitle}\n                    </Text>\n                ) : subtitle)}\n                {meta != null && (typeof meta === \"string\" ? (\n                    <Text color=\"text-subtle\" fontSize={sizeConfig.meta} whiteSpace=\"nowrap\" textOverflow=\"ellipsis\">\n                        {meta}\n                    </Text>\n                ) : meta)}\n            </Box>\n\n            {trailingNode ? (\n                <Box flexShrink={0} alignItems=\"center\" flexDirection=\"row\">\n                    {trailingNode}\n                </Box>\n            ) : null}\n        </Box>\n    );\n}\n\nexport default PersonCardContent;\n"],"names":[],"mappings":"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"}

package/components/PersonCard/index.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactNative = require('react-native');
+var content = require('./content.cjs');
+
+function PersonCard(props) {
+  const { onPress, disabled = false, testID } = props;
+  if (!onPress) {
+    return /* @__PURE__ */ jsxRuntime.jsx(content.PersonCardContent, { ...props, testID });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.Pressable,
+    {
+      onPress: disabled ? void 0 : onPress,
+      disabled,
+      accessibilityRole: "button",
+      accessibilityLabel: props.name,
+      testID,
+      children: /* @__PURE__ */ jsxRuntime.jsx(content.PersonCardContent, { ...props, testID: void 0 })
+    }
+  );
+}
+
+exports.PersonCard = PersonCard;
+//# sourceMappingURL=index.cjs.map

package/components/PersonCard/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/PersonCard/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport {Pressable} from \"react-native\";\nimport type {IPersonCardProps} from \"@lmb-it/kitsconcerto-types\";\nimport PersonCardContent from \"./content\";\n\n/**\n * PersonCard (native) — avatar + name + subtitle/meta row used for member\n * rows and person confirmations inside sheets. All layout lives in the shared\n * `content.tsx`; this wrapper only adds the press behaviour.\n *\n * Press wrapper uses a STATIC Pressable (no style-as-function — that pattern\n * does not work with the RN style pipeline here) mirroring the Card primitive.\n */\nexport function PersonCard(props: IPersonCardProps) {\n    const {onPress, disabled = false, testID} = props;\n\n    if (!onPress) {\n        return <PersonCardContent {...props} testID={testID} />;\n    }\n\n    return (\n        <Pressable\n            onPress={disabled ? undefined : onPress}\n            disabled={disabled}\n            accessibilityRole=\"button\"\n            accessibilityLabel={props.name}\n            testID={testID}\n        >\n            <PersonCardContent {...props} testID={undefined} />\n        </Pressable>\n    );\n}\n\nexport default PersonCard;\n"],"names":["jsx","PersonCardContent","Pressable"],"mappings":";;;;;;AAaO,SAAS,WAAW,KAAA,EAAyB;AAChD,EAAA,MAAM,EAAC,OAAA,EAAS,QAAA,GAAW,KAAA,EAAO,QAAM,GAAI,KAAA;AAE5C,EAAA,IAAI,CAAC,OAAA,EAAS;AACV,IAAA,uBAAOA,cAAA,CAACC,yBAAA,EAAA,EAAmB,GAAG,KAAA,EAAO,MAAA,EAAgB,CAAA;AAAA,EACzD;AAEA,EAAA,uBACID,cAAA;AAAA,IAACE,qBAAA;AAAA,IAAA;AAAA,MACG,OAAA,EAAS,WAAW,MAAA,GAAY,OAAA;AAAA,MAChC,QAAA;AAAA,MACA,iBAAA,EAAkB,QAAA;AAAA,MAClB,oBAAoB,KAAA,CAAM,IAAA;AAAA,MAC1B,MAAA;AAAA,MAEA,QAAA,kBAAAF,cAAA,CAACC,yBAAA,EAAA,EAAmB,GAAG,KAAA,EAAO,QAAQ,MAAA,EAAW;AAAA;AAAA,GACrD;AAER;;;;"}