@lmb-it/kitsconcerto-native 0.1.236

package/components/Avatar/index.cjs

@@ -0,0 +1,194 @@
+'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$1 = require('../../primitives/Image/index.cjs');
+var index_native = require('../../primitives/Icon/index.cjs');
+require('react');
+require('../../contexts/DialogContext.cjs');
+var useComponentDefaults = require('../../hooks/useComponentDefaults.cjs');
+
+const SIZE_PX = { xs: 24, sm: 32, md: 40, lg: 56, xl: 72 };
+function resolveSize(size) {
+  if (typeof size === "number") return size;
+  return SIZE_PX[size ?? "md"] ?? 40;
+}
+const STATUS_TOKENS = {
+  online: "success",
+  offline: "gray.400",
+  away: "warning",
+  busy: "danger"
+};
+const MONOGRAM_PALETTE = ["brand", "primary.800", "success", "danger", "ink.700"];
+function hashIndex(input, mod) {
+  let h = 0;
+  for (let i = 0; i < input.length; i++) h = h * 31 + input.charCodeAt(i) >>> 0;
+  return mod > 0 ? h % mod : 0;
+}
+function deriveInitials(name, initials) {
+  if (initials) return initials.slice(0, 3).toUpperCase();
+  if (!name) return "";
+  const parts = name.trim().split(/\s+/).filter(Boolean);
+  if (parts.length === 0) return "";
+  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();
+  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
+}
+function Avatar(props) {
+  const { mergedProps } = useComponentDefaults.default("Avatar", props);
+  const {
+    src,
+    name,
+    initials,
+    icon,
+    size = "md",
+    shape = "circle",
+    color,
+    status = "none",
+    ring = false,
+    ringColor = "brand",
+    masked = false,
+    maskFillColor = "indigo.600",
+    badge,
+    alt,
+    testID,
+    ...rest
+  } = mergedProps;
+  const px = resolveSize(size);
+  const radius = shape === "circle" ? px / 2 : Math.round(px * 0.28);
+  const fontSize = Math.max(10, Math.round(px * 0.4));
+  const iconSize = Math.round(px * 0.5);
+  const dot = Math.max(8, Math.round(px * 0.28));
+  const ringW = px >= 56 ? 3 : 2;
+  const resolvedInitials = deriveInitials(name, initials);
+  const hasImage = !!src;
+  const showInitials = !hasImage && resolvedInitials.length > 0;
+  const showIcon = !hasImage && !showInitials && icon != null;
+  const monogramBg = color ?? (MONOGRAM_PALETTE[hashIndex(name ?? resolvedInitials, MONOGRAM_PALETTE.length)] ?? "brand");
+  const surfaceBg = masked ? maskFillColor : hasImage ? "gray.100" : monogramBg;
+  const initialsColor = "#FFFFFF";
+  const statusColor = STATUS_TOKENS[status] ?? "gray.400";
+  const ariaLabel = alt ?? name ?? "avatar";
+  const a11yProps = {
+    role: "img",
+    "aria-label": ariaLabel,
+    ...testID ? { testID, "data-testid": testID } : {}
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    index.default,
+    {
+      position: "relative",
+      width: px,
+      height: px,
+      ...rest,
+      ...a11yProps,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          index.default,
+          {
+            width: "100%",
+            height: "100%",
+            borderRadius: radius,
+            overflow: hasImage && !masked ? "hidden" : "visible",
+            alignItems: "center",
+            justifyContent: "center",
+            bgColor: surfaceBg,
+            children: masked ? /* @__PURE__ */ jsxRuntime.jsx(index_native.Icon, { name: "user", size: iconSize, color: "#FFFFFF" }) : hasImage ? (
+              // width/height via style: the Image primitive types dimensions
+              // differently per platform (web string vs native number).
+              /* @__PURE__ */ jsxRuntime.jsx(index_native$1.default, { src, style: { width: px, height: px }, objectFit: "cover" })
+            ) : showInitials ? /* @__PURE__ */ jsxRuntime.jsx(
+              index_native$2.default,
+              {
+                color: initialsColor,
+                fontSize,
+                fontWeight: "700",
+                lineHeight: Math.round(fontSize * 1.2),
+                textAlign: "center",
+                children: resolvedInitials
+              }
+            ) : showIcon ? /* @__PURE__ */ jsxRuntime.jsx(index_native.Icon, { name: icon, size: iconSize, color: "gray.500" }) : null
+          }
+        ),
+        ring && /* @__PURE__ */ jsxRuntime.jsx(
+          index.default,
+          {
+            position: "absolute",
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0,
+            borderRadius: radius,
+            borderWidth: ringW,
+            borderStyle: "solid",
+            borderColor: ringColor
+          }
+        ),
+        badge != null ? /* @__PURE__ */ jsxRuntime.jsx(index.default, { position: "absolute", bottom: -2, right: -2, zIndex: 2, children: badge }) : status !== "none" ? /* @__PURE__ */ jsxRuntime.jsx(
+          index.default,
+          {
+            position: "absolute",
+            bottom: 0,
+            right: 0,
+            zIndex: 2,
+            width: dot,
+            height: dot,
+            borderRadius: dot,
+            bgColor: statusColor,
+            borderWidth: 2,
+            borderColor: "surface-card"
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function AvatarStack(props) {
+  const { mergedProps } = useComponentDefaults.default("AvatarStack", props);
+  const { items, max = 4, size = "md", overlap = 0.35, activeIndex, ringColor = "brand", testID, ...rest } = mergedProps;
+  const px = resolveSize(size);
+  const clampedOverlap = Math.min(Math.max(overlap, 0), 0.9);
+  const overlapPx = Math.round(px * clampedOverlap);
+  const strokeW = px >= 56 ? 3 : 2;
+  const visible = items.slice(0, max);
+  const overflow = items.length - visible.length;
+  const cell = (key, node, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      marginLeft: i === 0 ? 0 : -overlapPx,
+      zIndex: items.length - i,
+      borderRadius: 9999,
+      borderWidth: strokeW,
+      borderColor: "surface-card",
+      bgColor: "surface-card",
+      children: node
+    },
+    key
+  );
+  const a11yProps = {
+    role: "group",
+    ...testID ? { testID, "data-testid": testID } : {}
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { flexDirection: "row", alignItems: "center", ...rest, ...a11yProps, children: [
+    visible.map(
+      (item, i) => cell(
+        `avatar-${i}`,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Avatar,
+          {
+            ...item,
+            size,
+            ring: i === activeIndex || item.ring,
+            ringColor: item.ringColor ?? ringColor
+          }
+        ),
+        i
+      )
+    ),
+    overflow > 0 && cell("avatar-overflow", /* @__PURE__ */ jsxRuntime.jsx(Avatar, { initials: `+${overflow}`, size, color: "ink.400" }), visible.length)
+  ] });
+}
+
+exports.Avatar = Avatar;
+exports.AvatarStack = AvatarStack;
+//# sourceMappingURL=index.cjs.map

package/components/Avatar/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Avatar/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type {IAvatarProps, IAvatarStackProps, AvatarSize} from \"@lmb-it/kitsconcerto-types\";\nimport {Box, Text, Image, Icon} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n/* ─── Size resolution ─────────────────────────────────────────── */\nconst SIZE_PX: Record<string, number> = {xs: 24, sm: 32, md: 40, lg: 56, xl: 72};\n\nfunction resolveSize(size: AvatarSize | undefined): number {\n    if (typeof size === \"number\") return size;\n    return SIZE_PX[size ?? \"md\"] ?? 40;\n}\n\n/* ─── Status dot → semantic token ─────────────────────────────── */\nconst STATUS_TOKENS: Record<string, string> = {\n    online: \"success\",\n    offline: \"gray.400\",\n    away: \"warning\",\n    busy: \"danger\",\n};\n\n/* ─── Deterministic monogram palette (all confirmed theme tokens) ─ */\nconst MONOGRAM_PALETTE = [\"brand\", \"primary.800\", \"success\", \"danger\", \"ink.700\"];\n\nfunction hashIndex(input: string, mod: number): number {\n    let h = 0;\n    for (let i = 0; i < input.length; i++) h = (h * 31 + input.charCodeAt(i)) >>> 0;\n    return mod > 0 ? h % mod : 0;\n}\n\nfunction deriveInitials(name?: string, initials?: string): string {\n    if (initials) return initials.slice(0, 3).toUpperCase();\n    if (!name) return \"\";\n    const parts = name.trim().split(/\\s+/).filter(Boolean);\n    if (parts.length === 0) return \"\";\n    if (parts.length === 1) return parts[0]!.slice(0, 2).toUpperCase();\n    return (parts[0]!.charAt(0) + parts[parts.length - 1]!.charAt(0)).toUpperCase();\n}\n\n/**\n * Avatar — image / monogram / icon identity tile.\n *\n * Pure presentational and cross-platform: composed from the `Box` + `Text` +\n * `Image` + `Icon` primitives, so it renders identically on web and native\n * with no platform split. Tappability is the caller's concern (wrap in a\n * Pressable / Button).\n *\n *   <Avatar src=\"https://…/me.jpg\" size=\"lg\" />\n *   <Avatar name=\"Fouad K\" status=\"online\" />\n *   <Avatar initials=\"C\" masked />              // identity-masked (Flex)\n *   <Avatar name=\"Acme\" shape=\"rounded\" badge={<Icon name=\"briefcase\" />} />\n */\nexport function Avatar(props: IAvatarProps) {\n    const {mergedProps} = useComponentDefaults<IAvatarProps>(\"Avatar\", props);\n    const {\n        src,\n        name,\n        initials,\n        icon,\n        size = \"md\",\n        shape = \"circle\",\n        color,\n        status = \"none\",\n        ring = false,\n        ringColor = \"brand\",\n        masked = false,\n        maskFillColor = \"indigo.600\",\n        badge,\n        alt,\n        testID,\n        ...rest\n    } = mergedProps;\n\n    const px = resolveSize(size);\n    const radius = shape === \"circle\" ? px / 2 : Math.round(px * 0.28);\n    const fontSize = Math.max(10, Math.round(px * 0.4));\n    const iconSize = Math.round(px * 0.5);\n    const dot = Math.max(8, Math.round(px * 0.28));\n    const ringW = px >= 56 ? 3 : 2;\n\n    const resolvedInitials = deriveInitials(name, initials);\n    const hasImage = !!src;\n    const showInitials = !hasImage && resolvedInitials.length > 0;\n    const showIcon = !hasImage && !showInitials && icon != null;\n\n    const monogramBg =\n        color ?? (MONOGRAM_PALETTE[hashIndex(name ?? resolvedInitials, MONOGRAM_PALETTE.length)] ?? \"brand\");\n    const surfaceBg = masked ? maskFillColor : hasImage ? \"gray.100\" : monogramBg;\n    const initialsColor = \"#FFFFFF\";\n\n    const statusColor = STATUS_TOKENS[status] ?? \"gray.400\";\n    const ariaLabel = alt ?? name ?? \"avatar\";\n\n    const a11yProps = {\n        role: \"img\",\n        \"aria-label\": ariaLabel,\n        ...(testID ? {testID, \"data-testid\": testID} : {}),\n    } as Record<string, unknown>;\n\n    return (\n        <Box\n            position=\"relative\"\n            width={px}\n            height={px}\n            {...rest}\n            {...(a11yProps as any)}\n        >\n            {/* Surface (clips the image / centres the monogram).\n                overflow:hidden only when an image is present — clipping the\n                monogram <Text> cuts off the glyph tops on native. */}\n            <Box\n                width=\"100%\"\n                height=\"100%\"\n                borderRadius={radius}\n                overflow={hasImage && !masked ? \"hidden\" : \"visible\"}\n                alignItems=\"center\"\n                justifyContent=\"center\"\n                bgColor={surfaceBg}\n            >\n                {masked ? (\n                    <Icon name=\"user\" size={iconSize} color=\"#FFFFFF\" />\n                ) : hasImage ? (\n                    // width/height via style: the Image primitive types dimensions\n                    // differently per platform (web string vs native number).\n                    <Image src={src} style={{width: px, height: px} as any} objectFit=\"cover\" />\n                ) : showInitials ? (\n                    <Text\n                        color={initialsColor}\n                        fontSize={fontSize}\n                        fontWeight=\"700\"\n                        lineHeight={Math.round(fontSize * 1.2)}\n                        textAlign=\"center\"\n                    >\n                        {resolvedInitials}\n                    </Text>\n                ) : showIcon ? (\n                    <Icon name={icon as never} size={iconSize} color=\"gray.500\" />\n                ) : null}\n            </Box>\n\n            {/* Ring overlay (solid active ring) */}\n            {ring && (\n                <Box\n                    position=\"absolute\"\n                    top={0}\n                    right={0}\n                    bottom={0}\n                    left={0}\n                    borderRadius={radius}\n                    borderWidth={ringW}\n                    borderStyle=\"solid\"\n                    borderColor={ringColor}\n                />\n            )}\n\n            {/* Badge OR presence dot (badge wins the corner) */}\n            {badge != null ? (\n                <Box position=\"absolute\" bottom={-2} right={-2} zIndex={2}>\n                    {badge}\n                </Box>\n            ) : status !== \"none\" ? (\n                <Box\n                    position=\"absolute\"\n                    bottom={0}\n                    right={0}\n                    zIndex={2}\n                    width={dot}\n                    height={dot}\n                    borderRadius={dot}\n                    bgColor={statusColor}\n                    borderWidth={2}\n                    borderColor=\"surface-card\"\n                />\n            ) : null}\n        </Box>\n    );\n}\n\n/**\n * AvatarStack — overlapping row of avatars with a \"+N\" overflow tile.\n * Each avatar gets a surface-coloured cut-out ring so it reads cleanly\n * against the one behind it.\n *\n *   <AvatarStack items={members} max={4} activeIndex={0} />\n */\nexport function AvatarStack(props: IAvatarStackProps) {\n    const {mergedProps} = useComponentDefaults<IAvatarStackProps>(\"AvatarStack\", props);\n    const {items, max = 4, size = \"md\", overlap = 0.35, activeIndex, ringColor = \"brand\", testID, ...rest} = mergedProps;\n\n    const px = resolveSize(size);\n    const clampedOverlap = Math.min(Math.max(overlap, 0), 0.9);\n    const overlapPx = Math.round(px * clampedOverlap);\n    const strokeW = px >= 56 ? 3 : 2;\n\n    const visible = items.slice(0, max);\n    const overflow = items.length - visible.length;\n\n    const cell = (key: string, node: React.ReactNode, i: number) => (\n        <Box\n            key={key}\n            marginLeft={i === 0 ? 0 : -overlapPx}\n            zIndex={items.length - i}\n            borderRadius={9999}\n            borderWidth={strokeW}\n            borderColor=\"surface-card\"\n            bgColor=\"surface-card\"\n        >\n            {node}\n        </Box>\n    );\n\n    const a11yProps = {\n        role: \"group\",\n        ...(testID ? {testID, \"data-testid\": testID} : {}),\n    } as Record<string, unknown>;\n\n    return (\n        <Box flexDirection=\"row\" alignItems=\"center\" {...rest} {...(a11yProps as any)}>\n            {visible.map((item, i) =>\n                cell(\n                    `avatar-${i}`,\n                    <Avatar\n                        {...item}\n                        size={size}\n                        ring={i === activeIndex || item.ring}\n                        ringColor={item.ringColor ?? ringColor}\n                    />,\n                    i,\n                ),\n            )}\n            {overflow > 0 && cell(\"avatar-overflow\", <Avatar initials={`+${overflow}`} size={size} color=\"ink.400\" />, visible.length)}\n        </Box>\n    );\n}\n\nexport default Avatar;\n"],"names":["useComponentDefaults","jsxs","Box","jsx","Icon","Image","Text"],"mappings":"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"}

package/components/Avatar/index.js

@@ -0,0 +1,191 @@
+import { jsxs, jsx } 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';
+
+const SIZE_PX = { xs: 24, sm: 32, md: 40, lg: 56, xl: 72 };
+function resolveSize(size) {
+  if (typeof size === "number") return size;
+  return SIZE_PX[size ?? "md"] ?? 40;
+}
+const STATUS_TOKENS = {
+  online: "success",
+  offline: "gray.400",
+  away: "warning",
+  busy: "danger"
+};
+const MONOGRAM_PALETTE = ["brand", "primary.800", "success", "danger", "ink.700"];
+function hashIndex(input, mod) {
+  let h = 0;
+  for (let i = 0; i < input.length; i++) h = h * 31 + input.charCodeAt(i) >>> 0;
+  return mod > 0 ? h % mod : 0;
+}
+function deriveInitials(name, initials) {
+  if (initials) return initials.slice(0, 3).toUpperCase();
+  if (!name) return "";
+  const parts = name.trim().split(/\s+/).filter(Boolean);
+  if (parts.length === 0) return "";
+  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();
+  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
+}
+function Avatar(props) {
+  const { mergedProps } = useComponentDefaults("Avatar", props);
+  const {
+    src,
+    name,
+    initials,
+    icon,
+    size = "md",
+    shape = "circle",
+    color,
+    status = "none",
+    ring = false,
+    ringColor = "brand",
+    masked = false,
+    maskFillColor = "indigo.600",
+    badge,
+    alt,
+    testID,
+    ...rest
+  } = mergedProps;
+  const px = resolveSize(size);
+  const radius = shape === "circle" ? px / 2 : Math.round(px * 0.28);
+  const fontSize = Math.max(10, Math.round(px * 0.4));
+  const iconSize = Math.round(px * 0.5);
+  const dot = Math.max(8, Math.round(px * 0.28));
+  const ringW = px >= 56 ? 3 : 2;
+  const resolvedInitials = deriveInitials(name, initials);
+  const hasImage = !!src;
+  const showInitials = !hasImage && resolvedInitials.length > 0;
+  const showIcon = !hasImage && !showInitials && icon != null;
+  const monogramBg = color ?? (MONOGRAM_PALETTE[hashIndex(name ?? resolvedInitials, MONOGRAM_PALETTE.length)] ?? "brand");
+  const surfaceBg = masked ? maskFillColor : hasImage ? "gray.100" : monogramBg;
+  const initialsColor = "#FFFFFF";
+  const statusColor = STATUS_TOKENS[status] ?? "gray.400";
+  const ariaLabel = alt ?? name ?? "avatar";
+  const a11yProps = {
+    role: "img",
+    "aria-label": ariaLabel,
+    ...testID ? { testID, "data-testid": testID } : {}
+  };
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      position: "relative",
+      width: px,
+      height: px,
+      ...rest,
+      ...a11yProps,
+      children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            width: "100%",
+            height: "100%",
+            borderRadius: radius,
+            overflow: hasImage && !masked ? "hidden" : "visible",
+            alignItems: "center",
+            justifyContent: "center",
+            bgColor: surfaceBg,
+            children: masked ? /* @__PURE__ */ jsx(Icon, { name: "user", size: iconSize, color: "#FFFFFF" }) : hasImage ? (
+              // width/height via style: the Image primitive types dimensions
+              // differently per platform (web string vs native number).
+              /* @__PURE__ */ jsx(Image, { src, style: { width: px, height: px }, objectFit: "cover" })
+            ) : showInitials ? /* @__PURE__ */ jsx(
+              Text,
+              {
+                color: initialsColor,
+                fontSize,
+                fontWeight: "700",
+                lineHeight: Math.round(fontSize * 1.2),
+                textAlign: "center",
+                children: resolvedInitials
+              }
+            ) : showIcon ? /* @__PURE__ */ jsx(Icon, { name: icon, size: iconSize, color: "gray.500" }) : null
+          }
+        ),
+        ring && /* @__PURE__ */ jsx(
+          Box,
+          {
+            position: "absolute",
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0,
+            borderRadius: radius,
+            borderWidth: ringW,
+            borderStyle: "solid",
+            borderColor: ringColor
+          }
+        ),
+        badge != null ? /* @__PURE__ */ jsx(Box, { position: "absolute", bottom: -2, right: -2, zIndex: 2, children: badge }) : status !== "none" ? /* @__PURE__ */ jsx(
+          Box,
+          {
+            position: "absolute",
+            bottom: 0,
+            right: 0,
+            zIndex: 2,
+            width: dot,
+            height: dot,
+            borderRadius: dot,
+            bgColor: statusColor,
+            borderWidth: 2,
+            borderColor: "surface-card"
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function AvatarStack(props) {
+  const { mergedProps } = useComponentDefaults("AvatarStack", props);
+  const { items, max = 4, size = "md", overlap = 0.35, activeIndex, ringColor = "brand", testID, ...rest } = mergedProps;
+  const px = resolveSize(size);
+  const clampedOverlap = Math.min(Math.max(overlap, 0), 0.9);
+  const overlapPx = Math.round(px * clampedOverlap);
+  const strokeW = px >= 56 ? 3 : 2;
+  const visible = items.slice(0, max);
+  const overflow = items.length - visible.length;
+  const cell = (key, node, i) => /* @__PURE__ */ jsx(
+    Box,
+    {
+      marginLeft: i === 0 ? 0 : -overlapPx,
+      zIndex: items.length - i,
+      borderRadius: 9999,
+      borderWidth: strokeW,
+      borderColor: "surface-card",
+      bgColor: "surface-card",
+      children: node
+    },
+    key
+  );
+  const a11yProps = {
+    role: "group",
+    ...testID ? { testID, "data-testid": testID } : {}
+  };
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", ...rest, ...a11yProps, children: [
+    visible.map(
+      (item, i) => cell(
+        `avatar-${i}`,
+        /* @__PURE__ */ jsx(
+          Avatar,
+          {
+            ...item,
+            size,
+            ring: i === activeIndex || item.ring,
+            ringColor: item.ringColor ?? ringColor
+          }
+        ),
+        i
+      )
+    ),
+    overflow > 0 && cell("avatar-overflow", /* @__PURE__ */ jsx(Avatar, { initials: `+${overflow}`, size, color: "ink.400" }), visible.length)
+  ] });
+}
+
+export { Avatar, AvatarStack };
+//# sourceMappingURL=index.js.map

package/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Avatar/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type {IAvatarProps, IAvatarStackProps, AvatarSize} from \"@lmb-it/kitsconcerto-types\";\nimport {Box, Text, Image, Icon} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n/* ─── Size resolution ─────────────────────────────────────────── */\nconst SIZE_PX: Record<string, number> = {xs: 24, sm: 32, md: 40, lg: 56, xl: 72};\n\nfunction resolveSize(size: AvatarSize | undefined): number {\n    if (typeof size === \"number\") return size;\n    return SIZE_PX[size ?? \"md\"] ?? 40;\n}\n\n/* ─── Status dot → semantic token ─────────────────────────────── */\nconst STATUS_TOKENS: Record<string, string> = {\n    online: \"success\",\n    offline: \"gray.400\",\n    away: \"warning\",\n    busy: \"danger\",\n};\n\n/* ─── Deterministic monogram palette (all confirmed theme tokens) ─ */\nconst MONOGRAM_PALETTE = [\"brand\", \"primary.800\", \"success\", \"danger\", \"ink.700\"];\n\nfunction hashIndex(input: string, mod: number): number {\n    let h = 0;\n    for (let i = 0; i < input.length; i++) h = (h * 31 + input.charCodeAt(i)) >>> 0;\n    return mod > 0 ? h % mod : 0;\n}\n\nfunction deriveInitials(name?: string, initials?: string): string {\n    if (initials) return initials.slice(0, 3).toUpperCase();\n    if (!name) return \"\";\n    const parts = name.trim().split(/\\s+/).filter(Boolean);\n    if (parts.length === 0) return \"\";\n    if (parts.length === 1) return parts[0]!.slice(0, 2).toUpperCase();\n    return (parts[0]!.charAt(0) + parts[parts.length - 1]!.charAt(0)).toUpperCase();\n}\n\n/**\n * Avatar — image / monogram / icon identity tile.\n *\n * Pure presentational and cross-platform: composed from the `Box` + `Text` +\n * `Image` + `Icon` primitives, so it renders identically on web and native\n * with no platform split. Tappability is the caller's concern (wrap in a\n * Pressable / Button).\n *\n *   <Avatar src=\"https://…/me.jpg\" size=\"lg\" />\n *   <Avatar name=\"Fouad K\" status=\"online\" />\n *   <Avatar initials=\"C\" masked />              // identity-masked (Flex)\n *   <Avatar name=\"Acme\" shape=\"rounded\" badge={<Icon name=\"briefcase\" />} />\n */\nexport function Avatar(props: IAvatarProps) {\n    const {mergedProps} = useComponentDefaults<IAvatarProps>(\"Avatar\", props);\n    const {\n        src,\n        name,\n        initials,\n        icon,\n        size = \"md\",\n        shape = \"circle\",\n        color,\n        status = \"none\",\n        ring = false,\n        ringColor = \"brand\",\n        masked = false,\n        maskFillColor = \"indigo.600\",\n        badge,\n        alt,\n        testID,\n        ...rest\n    } = mergedProps;\n\n    const px = resolveSize(size);\n    const radius = shape === \"circle\" ? px / 2 : Math.round(px * 0.28);\n    const fontSize = Math.max(10, Math.round(px * 0.4));\n    const iconSize = Math.round(px * 0.5);\n    const dot = Math.max(8, Math.round(px * 0.28));\n    const ringW = px >= 56 ? 3 : 2;\n\n    const resolvedInitials = deriveInitials(name, initials);\n    const hasImage = !!src;\n    const showInitials = !hasImage && resolvedInitials.length > 0;\n    const showIcon = !hasImage && !showInitials && icon != null;\n\n    const monogramBg =\n        color ?? (MONOGRAM_PALETTE[hashIndex(name ?? resolvedInitials, MONOGRAM_PALETTE.length)] ?? \"brand\");\n    const surfaceBg = masked ? maskFillColor : hasImage ? \"gray.100\" : monogramBg;\n    const initialsColor = \"#FFFFFF\";\n\n    const statusColor = STATUS_TOKENS[status] ?? \"gray.400\";\n    const ariaLabel = alt ?? name ?? \"avatar\";\n\n    const a11yProps = {\n        role: \"img\",\n        \"aria-label\": ariaLabel,\n        ...(testID ? {testID, \"data-testid\": testID} : {}),\n    } as Record<string, unknown>;\n\n    return (\n        <Box\n            position=\"relative\"\n            width={px}\n            height={px}\n            {...rest}\n            {...(a11yProps as any)}\n        >\n            {/* Surface (clips the image / centres the monogram).\n                overflow:hidden only when an image is present — clipping the\n                monogram <Text> cuts off the glyph tops on native. */}\n            <Box\n                width=\"100%\"\n                height=\"100%\"\n                borderRadius={radius}\n                overflow={hasImage && !masked ? \"hidden\" : \"visible\"}\n                alignItems=\"center\"\n                justifyContent=\"center\"\n                bgColor={surfaceBg}\n            >\n                {masked ? (\n                    <Icon name=\"user\" size={iconSize} color=\"#FFFFFF\" />\n                ) : hasImage ? (\n                    // width/height via style: the Image primitive types dimensions\n                    // differently per platform (web string vs native number).\n                    <Image src={src} style={{width: px, height: px} as any} objectFit=\"cover\" />\n                ) : showInitials ? (\n                    <Text\n                        color={initialsColor}\n                        fontSize={fontSize}\n                        fontWeight=\"700\"\n                        lineHeight={Math.round(fontSize * 1.2)}\n                        textAlign=\"center\"\n                    >\n                        {resolvedInitials}\n                    </Text>\n                ) : showIcon ? (\n                    <Icon name={icon as never} size={iconSize} color=\"gray.500\" />\n                ) : null}\n            </Box>\n\n            {/* Ring overlay (solid active ring) */}\n            {ring && (\n                <Box\n                    position=\"absolute\"\n                    top={0}\n                    right={0}\n                    bottom={0}\n                    left={0}\n                    borderRadius={radius}\n                    borderWidth={ringW}\n                    borderStyle=\"solid\"\n                    borderColor={ringColor}\n                />\n            )}\n\n            {/* Badge OR presence dot (badge wins the corner) */}\n            {badge != null ? (\n                <Box position=\"absolute\" bottom={-2} right={-2} zIndex={2}>\n                    {badge}\n                </Box>\n            ) : status !== \"none\" ? (\n                <Box\n                    position=\"absolute\"\n                    bottom={0}\n                    right={0}\n                    zIndex={2}\n                    width={dot}\n                    height={dot}\n                    borderRadius={dot}\n                    bgColor={statusColor}\n                    borderWidth={2}\n                    borderColor=\"surface-card\"\n                />\n            ) : null}\n        </Box>\n    );\n}\n\n/**\n * AvatarStack — overlapping row of avatars with a \"+N\" overflow tile.\n * Each avatar gets a surface-coloured cut-out ring so it reads cleanly\n * against the one behind it.\n *\n *   <AvatarStack items={members} max={4} activeIndex={0} />\n */\nexport function AvatarStack(props: IAvatarStackProps) {\n    const {mergedProps} = useComponentDefaults<IAvatarStackProps>(\"AvatarStack\", props);\n    const {items, max = 4, size = \"md\", overlap = 0.35, activeIndex, ringColor = \"brand\", testID, ...rest} = mergedProps;\n\n    const px = resolveSize(size);\n    const clampedOverlap = Math.min(Math.max(overlap, 0), 0.9);\n    const overlapPx = Math.round(px * clampedOverlap);\n    const strokeW = px >= 56 ? 3 : 2;\n\n    const visible = items.slice(0, max);\n    const overflow = items.length - visible.length;\n\n    const cell = (key: string, node: React.ReactNode, i: number) => (\n        <Box\n            key={key}\n            marginLeft={i === 0 ? 0 : -overlapPx}\n            zIndex={items.length - i}\n            borderRadius={9999}\n            borderWidth={strokeW}\n            borderColor=\"surface-card\"\n            bgColor=\"surface-card\"\n        >\n            {node}\n        </Box>\n    );\n\n    const a11yProps = {\n        role: \"group\",\n        ...(testID ? {testID, \"data-testid\": testID} : {}),\n    } as Record<string, unknown>;\n\n    return (\n        <Box flexDirection=\"row\" alignItems=\"center\" {...rest} {...(a11yProps as any)}>\n            {visible.map((item, i) =>\n                cell(\n                    `avatar-${i}`,\n                    <Avatar\n                        {...item}\n                        size={size}\n                        ring={i === activeIndex || item.ring}\n                        ringColor={item.ringColor ?? ringColor}\n                    />,\n                    i,\n                ),\n            )}\n            {overflow > 0 && cell(\"avatar-overflow\", <Avatar initials={`+${overflow}`} size={size} color=\"ink.400\" />, visible.length)}\n        </Box>\n    );\n}\n\nexport default Avatar;\n"],"names":[],"mappings":"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"}

package/components/Badge/index.cjs

@@ -0,0 +1,89 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+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('react-native');
+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');
+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('../../apps/mobile/src/Factory/DimensionsContext.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');
+var index = 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');
+
+const Badge = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(index.PrimeBadge, { ...props });
+};
+
+exports.Badge = Badge;
+//# sourceMappingURL=index.cjs.map

package/components/Badge/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Badge/index.native.tsx"],"sourcesContent":["import {PrimeBadge, type BadgeProps} from \"@lmb-it/kitsconcertomobile\";\n\nexport type {BadgeProps};\n\nexport const Badge = (props: BadgeProps) => {\n    return <PrimeBadge {...props} />;\n};\n"],"names":["jsx","PrimeBadge"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,KAAA,GAAQ,CAAC,KAAA,KAAsB;AACxC,EAAA,uBAAOA,cAAA,CAACC,gBAAA,EAAA,EAAY,GAAG,KAAA,EAAO,CAAA;AAClC;;;;"}

package/components/Badge/index.js

@@ -0,0 +1,87 @@
+import { jsx } from 'react/jsx-runtime';
+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 'react-native';
+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 '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 '../../apps/mobile/src/Factory/DimensionsContext.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 { PrimeBadge } from '../../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';
+
+const Badge = (props) => {
+  return /* @__PURE__ */ jsx(PrimeBadge, { ...props });
+};
+
+export { Badge };
+//# sourceMappingURL=index.js.map

package/components/Badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Badge/index.native.tsx"],"sourcesContent":["import {PrimeBadge, type BadgeProps} from \"@lmb-it/kitsconcertomobile\";\n\nexport type {BadgeProps};\n\nexport const Badge = (props: BadgeProps) => {\n    return <PrimeBadge {...props} />;\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,KAAA,GAAQ,CAAC,KAAA,KAAsB;AACxC,EAAA,uBAAO,GAAA,CAAC,UAAA,EAAA,EAAY,GAAG,KAAA,EAAO,CAAA;AAClC;;;;"}