@lmb-it/kitsconcerto-native 0.1.236

package/components/SkeletonText/index.cjs

@@ -0,0 +1,109 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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');
+var index = 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');
+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 Skeleton = ({
+  lines = 3,
+  gap = 1,
+  startColor,
+  isLoaded,
+  speed,
+  animation,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.SkeletonText,
+    {
+      _lines: lines,
+      gap,
+      startColor: startColor ?? "bg-background-200",
+      speed,
+      isLoaded,
+      className: "h-3"
+    }
+  );
+};
+
+exports.default = Skeleton;
+//# sourceMappingURL=index.cjs.map

package/components/SkeletonText/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/SkeletonText/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {SkeletonText as GSkeletonText} from '@lmb-it/kitsconcertomobile';\nimport type {ISkeletonText} from \"@lmb-it/kitsconcerto-types\";\n\nconst Skeleton: React.FC<ISkeletonText> = ({\n                                               lines = 3,\n                                               gap = 1,\n                                               startColor,\n                                               isLoaded,\n                                               speed,\n                                               animation,\n                                               ...props\n                                           }) => {\n\n    return (\n        <GSkeletonText\n            _lines={lines}\n            gap={gap}\n            startColor={startColor ?? 'bg-background-200'}\n            speed={speed}\n            isLoaded={isLoaded}\n            className=\"h-3\"\n        />\n    );\n};\n\nexport default Skeleton;\n"],"names":["jsx","GSkeletonText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,WAAoC,CAAC;AAAA,EACI,KAAA,GAAQ,CAAA;AAAA,EACR,GAAA,GAAM,CAAA;AAAA,EACN,UAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACP,CAAA,KAAM;AAE7C,EAAA,uBACIA,cAAA;AAAA,IAACC,kBAAA;AAAA,IAAA;AAAA,MACG,MAAA,EAAQ,KAAA;AAAA,MACR,GAAA;AAAA,MACA,YAAY,UAAA,IAAc,mBAAA;AAAA,MAC1B,KAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA,EAAU;AAAA;AAAA,GACd;AAER;;;;"}

package/components/SkeletonText/index.js

@@ -0,0 +1,105 @@
+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 { SkeletonText } from '../../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 '../../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 Skeleton = ({
+  lines = 3,
+  gap = 1,
+  startColor,
+  isLoaded,
+  speed,
+  animation,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    SkeletonText,
+    {
+      _lines: lines,
+      gap,
+      startColor: startColor ?? "bg-background-200",
+      speed,
+      isLoaded,
+      className: "h-3"
+    }
+  );
+};
+
+export { Skeleton as default };
+//# sourceMappingURL=index.js.map

package/components/SkeletonText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/SkeletonText/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {SkeletonText as GSkeletonText} from '@lmb-it/kitsconcertomobile';\nimport type {ISkeletonText} from \"@lmb-it/kitsconcerto-types\";\n\nconst Skeleton: React.FC<ISkeletonText> = ({\n                                               lines = 3,\n                                               gap = 1,\n                                               startColor,\n                                               isLoaded,\n                                               speed,\n                                               animation,\n                                               ...props\n                                           }) => {\n\n    return (\n        <GSkeletonText\n            _lines={lines}\n            gap={gap}\n            startColor={startColor ?? 'bg-background-200'}\n            speed={speed}\n            isLoaded={isLoaded}\n            className=\"h-3\"\n        />\n    );\n};\n\nexport default Skeleton;\n"],"names":["GSkeletonText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,WAAoC,CAAC;AAAA,EACI,KAAA,GAAQ,CAAA;AAAA,EACR,GAAA,GAAM,CAAA;AAAA,EACN,UAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACP,CAAA,KAAM;AAE7C,EAAA,uBACI,GAAA;AAAA,IAACA,YAAA;AAAA,IAAA;AAAA,MACG,MAAA,EAAQ,KAAA;AAAA,MACR,GAAA;AAAA,MACA,YAAY,UAAA,IAAc,mBAAA;AAAA,MAC1B,KAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA,EAAU;AAAA;AAAA,GACd;AAER;;;;"}

package/components/StatCard/index.cjs

@@ -0,0 +1,86 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../../primitives/Box/index.cjs');
+var index_native = require('../../primitives/Text/index.cjs');
+var index_native$1 = require('../../primitives/Icon/index.cjs');
+require('../../contexts/DialogContext.cjs');
+var useComponentDefaults = require('../../hooks/useComponentDefaults.cjs');
+
+const SIZE = {
+  sm: { value: 16, label: 11, eyebrow: 9, hint: 10, pad: 10, icon: 14, gap: 2 },
+  md: { value: 20, label: 12, eyebrow: 10, hint: 11, pad: 12, icon: 16, gap: 3 }
+};
+function StatCard(rawProps) {
+  const props = useComponentDefaults.default("StatCard", rawProps).mergedProps;
+  const {
+    value,
+    label,
+    eyebrow,
+    hint,
+    icon,
+    highlighted = false,
+    accentColor = "brand",
+    variant = "card",
+    size = "md",
+    align = "left",
+    testID,
+    ...rest
+  } = props;
+  const cfg = SIZE[size === "sm" ? "sm" : "md"];
+  const isCard = variant === "card";
+  const center = align === "center";
+  const valueColor = highlighted ? accentColor : "text";
+  const containerProps = isCard ? {
+    padding: cfg.pad,
+    borderRadius: 12,
+    borderWidth: 1,
+    borderColor: highlighted ? accentColor : "border",
+    bgColor: "surface-card"
+  } : {};
+  const a11yProps = {
+    role: "group",
+    ...testID ? { testID, "data-testid": testID } : {}
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    index.default,
+    {
+      flexDirection: "column",
+      alignItems: center ? "center" : "flex-start",
+      gap: cfg.gap,
+      ...containerProps,
+      ...rest,
+      ...a11yProps,
+      children: [
+        eyebrow != null && /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { fontSize: cfg.eyebrow, fontWeight: "700", color: "text-secondary", textTransform: "uppercase", children: eyebrow }),
+        /* @__PURE__ */ jsxRuntime.jsxs(index.default, { flexDirection: "row", alignItems: "center", gap: 5, children: [
+          icon != null && /* @__PURE__ */ jsxRuntime.jsx(index_native$1.Icon, { name: icon, size: cfg.icon, color: accentColor }),
+          /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { fontSize: cfg.value, fontWeight: "800", color: valueColor, children: value })
+        ] }),
+        label != null && /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { fontSize: cfg.label, fontWeight: "500", color: "text-secondary", textAlign: center ? "center" : "left", children: label }),
+        hint != null && /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { fontSize: cfg.hint, color: "text-secondary", textAlign: center ? "center" : "left", children: hint })
+      ]
+    }
+  );
+}
+function StatGroup(rawProps) {
+  const props = useComponentDefaults.default("StatGroup", rawProps).mergedProps;
+  const { items, children, gap = 8, testID, ...rest } = props;
+  const content = items ? items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(index.default, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(StatCard, { ...item }) }, i)) : React.Children.map(children, (child) => /* @__PURE__ */ jsxRuntime.jsx(index.default, { flex: 1, children: child }));
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      flexDirection: "row",
+      alignItems: "stretch",
+      gap,
+      ...rest,
+      ...testID ? { testID, "data-testid": testID } : {},
+      children: content
+    }
+  );
+}
+
+exports.StatCard = StatCard;
+exports.StatGroup = StatGroup;
+//# sourceMappingURL=index.cjs.map

package/components/StatCard/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/StatCard/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type {IStatCardProps, IStatGroupProps} from \"@lmb-it/kitsconcerto-types\";\nimport {Box, Text, Icon} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\nconst SIZE = {\n    sm: {value: 16, label: 11, eyebrow: 9, hint: 10, pad: 10, icon: 14, gap: 2},\n    md: {value: 20, label: 12, eyebrow: 10, hint: 11, pad: 12, icon: 16, gap: 3},\n} as const;\n\n/**\n * StatCard — a single KPI / metric tile (value + label, optional icon, hint,\n * eyebrow, and an accent \"highlighted\" treatment for featured tiles).\n *\n * Cross-platform and presentational (Box + Text + Icon). Pair several inside a\n * `StatGroup` to build the metric strips on the profile / career / portfolio\n * hubs (Earnings · Rating · Jobs · Tier).\n *\n *   <StatCard value=\"128\" label=\"Jobs done\" />\n *   <StatCard value=\"4.9\" label=\"Rating\" icon=\"star\" hint=\"128 reviews\" />\n *   <StatCard value=\"Tier 2\" label=\"Verified\" icon=\"shield\" highlighted />\n */\nexport function StatCard(rawProps: IStatCardProps) {\n    const props = useComponentDefaults<IStatCardProps>(\"StatCard\", rawProps).mergedProps;\n    const {\n        value,\n        label,\n        eyebrow,\n        hint,\n        icon,\n        highlighted = false,\n        accentColor = \"brand\",\n        variant = \"card\",\n        size = \"md\",\n        align = \"left\",\n        testID,\n        ...rest\n    } = props;\n\n    const cfg = SIZE[size === \"sm\" ? \"sm\" : \"md\"];\n    const isCard = variant === \"card\";\n    const center = align === \"center\";\n    const valueColor = highlighted ? accentColor : \"text\";\n\n    const containerProps = isCard\n        ? {\n              padding: cfg.pad,\n              borderRadius: 12,\n              borderWidth: 1,\n              borderColor: highlighted ? accentColor : \"border\",\n              bgColor: \"surface-card\",\n          }\n        : {};\n\n    const a11yProps = {\n        role: \"group\",\n        ...(testID ? {testID, \"data-testid\": testID} : {}),\n    } as Record<string, unknown>;\n\n    return (\n        <Box\n            flexDirection=\"column\"\n            alignItems={center ? \"center\" : \"flex-start\"}\n            gap={cfg.gap}\n            {...containerProps}\n            {...(rest as any)}\n            {...(a11yProps as any)}\n        >\n            {eyebrow != null && (\n                <Text fontSize={cfg.eyebrow} fontWeight=\"700\" color=\"text-secondary\" textTransform=\"uppercase\">\n                    {eyebrow}\n                </Text>\n            )}\n\n            <Box flexDirection=\"row\" alignItems=\"center\" gap={5}>\n                {icon != null && <Icon name={icon as never} size={cfg.icon} color={accentColor} />}\n                <Text fontSize={cfg.value} fontWeight=\"800\" color={valueColor}>\n                    {value}\n                </Text>\n            </Box>\n\n            {label != null && (\n                <Text fontSize={cfg.label} fontWeight=\"500\" color=\"text-secondary\" textAlign={center ? \"center\" : \"left\"}>\n                    {label}\n                </Text>\n            )}\n\n            {hint != null && (\n                <Text fontSize={cfg.hint} color=\"text-secondary\" textAlign={center ? \"center\" : \"left\"}>\n                    {hint}\n                </Text>\n            )}\n        </Box>\n    );\n}\n\n/**\n * StatGroup — evenly-spaced row of `StatCard`s (the metric strip).\n *\n *   <StatGroup items={[{value:'$1,820',label:'Earnings'}, …]} />\n */\nexport function StatGroup(rawProps: IStatGroupProps) {\n    const props = useComponentDefaults<IStatGroupProps>(\"StatGroup\", rawProps).mergedProps;\n    const {items, children, gap = 8, testID, ...rest} = props;\n\n    const content = items\n        ? items.map((item, i) => (\n              <Box key={i} flex={1}>\n                  <StatCard {...item} />\n              </Box>\n          ))\n        : React.Children.map(children, child => <Box flex={1}>{child}</Box>);\n\n    return (\n        <Box\n            flexDirection=\"row\"\n            alignItems=\"stretch\"\n            gap={gap}\n            {...(rest as any)}\n            {...(testID ? ({testID, \"data-testid\": testID} as any) : {})}\n        >\n            {content}\n        </Box>\n    );\n}\n\nexport default StatCard;\n"],"names":["useComponentDefaults","jsxs","Box","jsx","Text","Icon"],"mappings":"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"}

package/components/StatCard/index.js

@@ -0,0 +1,83 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import Box from '../../primitives/Box/index.js';
+import Text from '../../primitives/Text/index.js';
+import { Icon } from '../../primitives/Icon/index.js';
+import '../../contexts/DialogContext.js';
+import useComponentDefaults from '../../hooks/useComponentDefaults.js';
+
+const SIZE = {
+  sm: { value: 16, label: 11, eyebrow: 9, hint: 10, pad: 10, icon: 14, gap: 2 },
+  md: { value: 20, label: 12, eyebrow: 10, hint: 11, pad: 12, icon: 16, gap: 3 }
+};
+function StatCard(rawProps) {
+  const props = useComponentDefaults("StatCard", rawProps).mergedProps;
+  const {
+    value,
+    label,
+    eyebrow,
+    hint,
+    icon,
+    highlighted = false,
+    accentColor = "brand",
+    variant = "card",
+    size = "md",
+    align = "left",
+    testID,
+    ...rest
+  } = props;
+  const cfg = SIZE[size === "sm" ? "sm" : "md"];
+  const isCard = variant === "card";
+  const center = align === "center";
+  const valueColor = highlighted ? accentColor : "text";
+  const containerProps = isCard ? {
+    padding: cfg.pad,
+    borderRadius: 12,
+    borderWidth: 1,
+    borderColor: highlighted ? accentColor : "border",
+    bgColor: "surface-card"
+  } : {};
+  const a11yProps = {
+    role: "group",
+    ...testID ? { testID, "data-testid": testID } : {}
+  };
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "column",
+      alignItems: center ? "center" : "flex-start",
+      gap: cfg.gap,
+      ...containerProps,
+      ...rest,
+      ...a11yProps,
+      children: [
+        eyebrow != null && /* @__PURE__ */ jsx(Text, { fontSize: cfg.eyebrow, fontWeight: "700", color: "text-secondary", textTransform: "uppercase", children: eyebrow }),
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", gap: 5, children: [
+          icon != null && /* @__PURE__ */ jsx(Icon, { name: icon, size: cfg.icon, color: accentColor }),
+          /* @__PURE__ */ jsx(Text, { fontSize: cfg.value, fontWeight: "800", color: valueColor, children: value })
+        ] }),
+        label != null && /* @__PURE__ */ jsx(Text, { fontSize: cfg.label, fontWeight: "500", color: "text-secondary", textAlign: center ? "center" : "left", children: label }),
+        hint != null && /* @__PURE__ */ jsx(Text, { fontSize: cfg.hint, color: "text-secondary", textAlign: center ? "center" : "left", children: hint })
+      ]
+    }
+  );
+}
+function StatGroup(rawProps) {
+  const props = useComponentDefaults("StatGroup", rawProps).mergedProps;
+  const { items, children, gap = 8, testID, ...rest } = props;
+  const content = items ? items.map((item, i) => /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(StatCard, { ...item }) }, i)) : React.Children.map(children, (child) => /* @__PURE__ */ jsx(Box, { flex: 1, children: child }));
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      flexDirection: "row",
+      alignItems: "stretch",
+      gap,
+      ...rest,
+      ...testID ? { testID, "data-testid": testID } : {},
+      children: content
+    }
+  );
+}
+
+export { StatCard, StatGroup };
+//# sourceMappingURL=index.js.map

package/components/StatCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/StatCard/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type {IStatCardProps, IStatGroupProps} from \"@lmb-it/kitsconcerto-types\";\nimport {Box, Text, Icon} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\nconst SIZE = {\n    sm: {value: 16, label: 11, eyebrow: 9, hint: 10, pad: 10, icon: 14, gap: 2},\n    md: {value: 20, label: 12, eyebrow: 10, hint: 11, pad: 12, icon: 16, gap: 3},\n} as const;\n\n/**\n * StatCard — a single KPI / metric tile (value + label, optional icon, hint,\n * eyebrow, and an accent \"highlighted\" treatment for featured tiles).\n *\n * Cross-platform and presentational (Box + Text + Icon). Pair several inside a\n * `StatGroup` to build the metric strips on the profile / career / portfolio\n * hubs (Earnings · Rating · Jobs · Tier).\n *\n *   <StatCard value=\"128\" label=\"Jobs done\" />\n *   <StatCard value=\"4.9\" label=\"Rating\" icon=\"star\" hint=\"128 reviews\" />\n *   <StatCard value=\"Tier 2\" label=\"Verified\" icon=\"shield\" highlighted />\n */\nexport function StatCard(rawProps: IStatCardProps) {\n    const props = useComponentDefaults<IStatCardProps>(\"StatCard\", rawProps).mergedProps;\n    const {\n        value,\n        label,\n        eyebrow,\n        hint,\n        icon,\n        highlighted = false,\n        accentColor = \"brand\",\n        variant = \"card\",\n        size = \"md\",\n        align = \"left\",\n        testID,\n        ...rest\n    } = props;\n\n    const cfg = SIZE[size === \"sm\" ? \"sm\" : \"md\"];\n    const isCard = variant === \"card\";\n    const center = align === \"center\";\n    const valueColor = highlighted ? accentColor : \"text\";\n\n    const containerProps = isCard\n        ? {\n              padding: cfg.pad,\n              borderRadius: 12,\n              borderWidth: 1,\n              borderColor: highlighted ? accentColor : \"border\",\n              bgColor: \"surface-card\",\n          }\n        : {};\n\n    const a11yProps = {\n        role: \"group\",\n        ...(testID ? {testID, \"data-testid\": testID} : {}),\n    } as Record<string, unknown>;\n\n    return (\n        <Box\n            flexDirection=\"column\"\n            alignItems={center ? \"center\" : \"flex-start\"}\n            gap={cfg.gap}\n            {...containerProps}\n            {...(rest as any)}\n            {...(a11yProps as any)}\n        >\n            {eyebrow != null && (\n                <Text fontSize={cfg.eyebrow} fontWeight=\"700\" color=\"text-secondary\" textTransform=\"uppercase\">\n                    {eyebrow}\n                </Text>\n            )}\n\n            <Box flexDirection=\"row\" alignItems=\"center\" gap={5}>\n                {icon != null && <Icon name={icon as never} size={cfg.icon} color={accentColor} />}\n                <Text fontSize={cfg.value} fontWeight=\"800\" color={valueColor}>\n                    {value}\n                </Text>\n            </Box>\n\n            {label != null && (\n                <Text fontSize={cfg.label} fontWeight=\"500\" color=\"text-secondary\" textAlign={center ? \"center\" : \"left\"}>\n                    {label}\n                </Text>\n            )}\n\n            {hint != null && (\n                <Text fontSize={cfg.hint} color=\"text-secondary\" textAlign={center ? \"center\" : \"left\"}>\n                    {hint}\n                </Text>\n            )}\n        </Box>\n    );\n}\n\n/**\n * StatGroup — evenly-spaced row of `StatCard`s (the metric strip).\n *\n *   <StatGroup items={[{value:'$1,820',label:'Earnings'}, …]} />\n */\nexport function StatGroup(rawProps: IStatGroupProps) {\n    const props = useComponentDefaults<IStatGroupProps>(\"StatGroup\", rawProps).mergedProps;\n    const {items, children, gap = 8, testID, ...rest} = props;\n\n    const content = items\n        ? items.map((item, i) => (\n              <Box key={i} flex={1}>\n                  <StatCard {...item} />\n              </Box>\n          ))\n        : React.Children.map(children, child => <Box flex={1}>{child}</Box>);\n\n    return (\n        <Box\n            flexDirection=\"row\"\n            alignItems=\"stretch\"\n            gap={gap}\n            {...(rest as any)}\n            {...(testID ? ({testID, \"data-testid\": testID} as any) : {})}\n        >\n            {content}\n        </Box>\n    );\n}\n\nexport default StatCard;\n"],"names":[],"mappings":"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"}

package/components/StatePill/index.cjs

@@ -0,0 +1,68 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../primitives/Box/index.cjs');
+var index_native = require('../../primitives/Text/index.cjs');
+
+const SIZE_MAP = {
+  sm: { fontSize: 10.5, py: 4, px: 8, dot: 4, gap: 5 },
+  md: { fontSize: 12, py: 5, px: 10, dot: 6, gap: 6 }
+};
+const STATE_TOKENS = {
+  draft: { dot: "ink.400", bg: "gray.100", text: "ink.700" },
+  pending: { dot: "warning", bg: "warning-tint", text: "yellow.800" },
+  ready: { dot: "brand", bg: "brand-tint", text: "primary.800" },
+  active: { dot: "success", bg: "success-tint", text: "green.900" },
+  inactive: { dot: "ink.400", bg: "gray.100", text: "ink.700" },
+  deleted: { dot: "danger", bg: "danger-tint", text: "red.900" }
+};
+const FALLBACK_TOKENS = { dot: "ink.300", bg: "gray.100", text: "ink.700" };
+const STATE_LABELS = {
+  draft: "Draft",
+  pending: "Pending",
+  ready: "Ready",
+  active: "Active",
+  inactive: "Inactive",
+  deleted: "Dissolved"
+  // user-facing copy — intentionally NOT "Deleted"
+};
+function titleCase(value) {
+  return value.replace(/[_-]+/g, " ").trim().split(/\s+/).filter(Boolean).map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
+}
+function StatePill(props) {
+  const { state, label, size = "md", variant = "tinted", testID, ...rest } = props;
+  const sizeConfig = SIZE_MAP[size === "sm" ? "sm" : "md"];
+  const tokens = STATE_TOKENS[state] ?? FALLBACK_TOKENS;
+  const resolvedLabel = label ?? STATE_LABELS[state] ?? titleCase(state);
+  const isOutline = variant === "outline";
+  const colorProps = isOutline ? { bgColor: "transparent", borderWidth: 1, borderStyle: "solid", borderColor: tokens.dot } : { bgColor: tokens.bg };
+  const a11yProps = {
+    role: "text",
+    "aria-label": resolvedLabel,
+    ...testID ? { testID, "data-testid": testID } : {}
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    index.default,
+    {
+      alignSelf: "flex-start",
+      flexDirection: "row",
+      alignItems: "center",
+      gap: sizeConfig.gap,
+      paddingTop: sizeConfig.py,
+      paddingBottom: sizeConfig.py,
+      paddingLeft: sizeConfig.px,
+      paddingRight: sizeConfig.px,
+      borderRadius: 999,
+      ...rest,
+      ...colorProps,
+      ...a11yProps,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(index.default, { w: sizeConfig.dot, h: sizeConfig.dot, borderRadius: 999, bgColor: tokens.dot }),
+        /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { color: tokens.text, fontSize: sizeConfig.fontSize, fontWeight: "600", whiteSpace: "nowrap", children: resolvedLabel })
+      ]
+    }
+  );
+}
+
+exports.StatePill = StatePill;
+//# sourceMappingURL=index.cjs.map

package/components/StatePill/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/StatePill/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type {IStatePillProps} from \"@lmb-it/kitsconcerto-types\";\nimport Box from \"../../primitives/Box\";\nimport Text from \"../../primitives/Text\";\n\n/* ─── Size config ─────────────────────────────────────────────── */\nconst SIZE_MAP = {\n    sm: {fontSize: 10.5, py: 4, px: 8,  dot: 4, gap: 5},\n    md: {fontSize: 12,   py: 5, px: 10, dot: 6, gap: 6},\n} as const;\n\n/* ─── State → theme tokens ─────────────────────────────────────────\n * dot  → dot fill           bg → tinted background      text → label color\n *\n * Every value is an existing kitsTheme token — never a hardcoded hex.\n * Neutral lanes (draft / inactive / fallback) use the fixed `ink` / `gray`\n * palette stops; status lanes use the semantic `*-tint` backgrounds so the\n * tint hue matches the platform's status palette (warning/brand/success/\n * danger), not the one-off Teams HTML prototype.\n * ─────────────────────────────────────────────────────────────────── */\ntype StateTokens = {dot: string; bg: string; text: string};\n\nconst STATE_TOKENS: Record<string, StateTokens> = {\n    draft:    {dot: \"ink.400\", bg: \"gray.100\",     text: \"ink.700\"},\n    pending:  {dot: \"warning\", bg: \"warning-tint\", text: \"yellow.800\"},\n    ready:    {dot: \"brand\",   bg: \"brand-tint\",   text: \"primary.800\"},\n    active:   {dot: \"success\", bg: \"success-tint\", text: \"green.900\"},\n    inactive: {dot: \"ink.400\", bg: \"gray.100\",     text: \"ink.700\"},\n    deleted:  {dot: \"danger\",  bg: \"danger-tint\",  text: \"red.900\"},\n};\n\nconst FALLBACK_TOKENS: StateTokens = {dot: \"ink.300\", bg: \"gray.100\", text: \"ink.700\"};\n\n/* ─── Default label humanization ──────────────────────────────── */\nconst STATE_LABELS: Record<string, string> = {\n    draft:    \"Draft\",\n    pending:  \"Pending\",\n    ready:    \"Ready\",\n    active:   \"Active\",\n    inactive: \"Inactive\",\n    deleted:  \"Dissolved\", // user-facing copy — intentionally NOT \"Deleted\"\n};\n\nfunction titleCase(value: string): string {\n    return value\n        .replace(/[_-]+/g, \" \")\n        .trim()\n        .split(/\\s+/)\n        .filter(Boolean)\n        .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n        .join(\" \");\n}\n\n/**\n * StatePill — small inline status pill: a colored dot + short label on a\n * tinted (or outlined) background matching the state's semantic color.\n *\n * Pure presentational: no state, no side effects. Cross-platform — composed\n * from the `Box` + `Text` primitives so it renders identically on web and\n * native with no platform split and no `react-native` import.\n *\n *   <StatePill state=\"ready\" />                 → teal dot + \"Ready\"\n *   <StatePill state=\"deleted\" />               → red dot  + \"Dissolved\"\n *   <StatePill state=\"active\" size=\"sm\" />      → compact green pill\n *   <StatePill state=\"frozen\" variant=\"outline\" /> → neutral outline + \"Frozen\"\n */\nexport function StatePill(props: IStatePillProps) {\n    const {state, label, size = \"md\", variant = \"tinted\", testID, ...rest} = props;\n\n    const sizeConfig = SIZE_MAP[size === \"sm\" ? \"sm\" : \"md\"];\n    const tokens = STATE_TOKENS[state] ?? FALLBACK_TOKENS;\n    const resolvedLabel = label ?? STATE_LABELS[state] ?? titleCase(state);\n\n    const isOutline = variant === \"outline\";\n    const colorProps = isOutline\n        ? {bgColor: \"transparent\", borderWidth: 1, borderStyle: \"solid\" as const, borderColor: tokens.dot}\n        : {bgColor: tokens.bg};\n\n    /**\n     * a11y + test-id. `role`/`aria-label` are valid on both DivProps (web)\n     * and ViewProps (native). `testID` (native) and `data-testid` (web) are\n     * each only valid on one platform's prop type, so they go through a single\n     * cast at this factory boundary — the underlying primitive forwards the\n     * relevant one per platform. Label is rendered as real <Text>, so screen\n     * readers read it on both platforms regardless.\n     */\n    const a11yProps = {\n        role: \"text\",\n        \"aria-label\": resolvedLabel,\n        ...(testID ? {testID, \"data-testid\": testID} : {}),\n    } as Record<string, unknown>;\n\n    return (\n        <Box\n            // ── layout (overridable by caller via {...rest}) ──\n            alignSelf=\"flex-start\"\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            borderRadius={999}\n            {...rest}\n            // ── color identity (pill always wins) ──\n            {...colorProps}\n            // ── accessibility + test id ──\n            {...(a11yProps as any)}\n        >\n            <Box w={sizeConfig.dot} h={sizeConfig.dot} borderRadius={999} bgColor={tokens.dot} />\n            <Text color={tokens.text} fontSize={sizeConfig.fontSize} fontWeight=\"600\" whiteSpace=\"nowrap\">\n                {resolvedLabel}\n            </Text>\n        </Box>\n    );\n}\n\nexport default StatePill;\n"],"names":["jsxs","Box","jsx","Text"],"mappings":"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"}

package/components/StatePill/index.js

@@ -0,0 +1,66 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Box from '../../primitives/Box/index.js';
+import Text from '../../primitives/Text/index.js';
+
+const SIZE_MAP = {
+  sm: { fontSize: 10.5, py: 4, px: 8, dot: 4, gap: 5 },
+  md: { fontSize: 12, py: 5, px: 10, dot: 6, gap: 6 }
+};
+const STATE_TOKENS = {
+  draft: { dot: "ink.400", bg: "gray.100", text: "ink.700" },
+  pending: { dot: "warning", bg: "warning-tint", text: "yellow.800" },
+  ready: { dot: "brand", bg: "brand-tint", text: "primary.800" },
+  active: { dot: "success", bg: "success-tint", text: "green.900" },
+  inactive: { dot: "ink.400", bg: "gray.100", text: "ink.700" },
+  deleted: { dot: "danger", bg: "danger-tint", text: "red.900" }
+};
+const FALLBACK_TOKENS = { dot: "ink.300", bg: "gray.100", text: "ink.700" };
+const STATE_LABELS = {
+  draft: "Draft",
+  pending: "Pending",
+  ready: "Ready",
+  active: "Active",
+  inactive: "Inactive",
+  deleted: "Dissolved"
+  // user-facing copy — intentionally NOT "Deleted"
+};
+function titleCase(value) {
+  return value.replace(/[_-]+/g, " ").trim().split(/\s+/).filter(Boolean).map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
+}
+function StatePill(props) {
+  const { state, label, size = "md", variant = "tinted", testID, ...rest } = props;
+  const sizeConfig = SIZE_MAP[size === "sm" ? "sm" : "md"];
+  const tokens = STATE_TOKENS[state] ?? FALLBACK_TOKENS;
+  const resolvedLabel = label ?? STATE_LABELS[state] ?? titleCase(state);
+  const isOutline = variant === "outline";
+  const colorProps = isOutline ? { bgColor: "transparent", borderWidth: 1, borderStyle: "solid", borderColor: tokens.dot } : { bgColor: tokens.bg };
+  const a11yProps = {
+    role: "text",
+    "aria-label": resolvedLabel,
+    ...testID ? { testID, "data-testid": testID } : {}
+  };
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      alignSelf: "flex-start",
+      flexDirection: "row",
+      alignItems: "center",
+      gap: sizeConfig.gap,
+      paddingTop: sizeConfig.py,
+      paddingBottom: sizeConfig.py,
+      paddingLeft: sizeConfig.px,
+      paddingRight: sizeConfig.px,
+      borderRadius: 999,
+      ...rest,
+      ...colorProps,
+      ...a11yProps,
+      children: [
+        /* @__PURE__ */ jsx(Box, { w: sizeConfig.dot, h: sizeConfig.dot, borderRadius: 999, bgColor: tokens.dot }),
+        /* @__PURE__ */ jsx(Text, { color: tokens.text, fontSize: sizeConfig.fontSize, fontWeight: "600", whiteSpace: "nowrap", children: resolvedLabel })
+      ]
+    }
+  );
+}
+
+export { StatePill };
+//# sourceMappingURL=index.js.map

package/components/StatePill/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/StatePill/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type {IStatePillProps} from \"@lmb-it/kitsconcerto-types\";\nimport Box from \"../../primitives/Box\";\nimport Text from \"../../primitives/Text\";\n\n/* ─── Size config ─────────────────────────────────────────────── */\nconst SIZE_MAP = {\n    sm: {fontSize: 10.5, py: 4, px: 8,  dot: 4, gap: 5},\n    md: {fontSize: 12,   py: 5, px: 10, dot: 6, gap: 6},\n} as const;\n\n/* ─── State → theme tokens ─────────────────────────────────────────\n * dot  → dot fill           bg → tinted background      text → label color\n *\n * Every value is an existing kitsTheme token — never a hardcoded hex.\n * Neutral lanes (draft / inactive / fallback) use the fixed `ink` / `gray`\n * palette stops; status lanes use the semantic `*-tint` backgrounds so the\n * tint hue matches the platform's status palette (warning/brand/success/\n * danger), not the one-off Teams HTML prototype.\n * ─────────────────────────────────────────────────────────────────── */\ntype StateTokens = {dot: string; bg: string; text: string};\n\nconst STATE_TOKENS: Record<string, StateTokens> = {\n    draft:    {dot: \"ink.400\", bg: \"gray.100\",     text: \"ink.700\"},\n    pending:  {dot: \"warning\", bg: \"warning-tint\", text: \"yellow.800\"},\n    ready:    {dot: \"brand\",   bg: \"brand-tint\",   text: \"primary.800\"},\n    active:   {dot: \"success\", bg: \"success-tint\", text: \"green.900\"},\n    inactive: {dot: \"ink.400\", bg: \"gray.100\",     text: \"ink.700\"},\n    deleted:  {dot: \"danger\",  bg: \"danger-tint\",  text: \"red.900\"},\n};\n\nconst FALLBACK_TOKENS: StateTokens = {dot: \"ink.300\", bg: \"gray.100\", text: \"ink.700\"};\n\n/* ─── Default label humanization ──────────────────────────────── */\nconst STATE_LABELS: Record<string, string> = {\n    draft:    \"Draft\",\n    pending:  \"Pending\",\n    ready:    \"Ready\",\n    active:   \"Active\",\n    inactive: \"Inactive\",\n    deleted:  \"Dissolved\", // user-facing copy — intentionally NOT \"Deleted\"\n};\n\nfunction titleCase(value: string): string {\n    return value\n        .replace(/[_-]+/g, \" \")\n        .trim()\n        .split(/\\s+/)\n        .filter(Boolean)\n        .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n        .join(\" \");\n}\n\n/**\n * StatePill — small inline status pill: a colored dot + short label on a\n * tinted (or outlined) background matching the state's semantic color.\n *\n * Pure presentational: no state, no side effects. Cross-platform — composed\n * from the `Box` + `Text` primitives so it renders identically on web and\n * native with no platform split and no `react-native` import.\n *\n *   <StatePill state=\"ready\" />                 → teal dot + \"Ready\"\n *   <StatePill state=\"deleted\" />               → red dot  + \"Dissolved\"\n *   <StatePill state=\"active\" size=\"sm\" />      → compact green pill\n *   <StatePill state=\"frozen\" variant=\"outline\" /> → neutral outline + \"Frozen\"\n */\nexport function StatePill(props: IStatePillProps) {\n    const {state, label, size = \"md\", variant = \"tinted\", testID, ...rest} = props;\n\n    const sizeConfig = SIZE_MAP[size === \"sm\" ? \"sm\" : \"md\"];\n    const tokens = STATE_TOKENS[state] ?? FALLBACK_TOKENS;\n    const resolvedLabel = label ?? STATE_LABELS[state] ?? titleCase(state);\n\n    const isOutline = variant === \"outline\";\n    const colorProps = isOutline\n        ? {bgColor: \"transparent\", borderWidth: 1, borderStyle: \"solid\" as const, borderColor: tokens.dot}\n        : {bgColor: tokens.bg};\n\n    /**\n     * a11y + test-id. `role`/`aria-label` are valid on both DivProps (web)\n     * and ViewProps (native). `testID` (native) and `data-testid` (web) are\n     * each only valid on one platform's prop type, so they go through a single\n     * cast at this factory boundary — the underlying primitive forwards the\n     * relevant one per platform. Label is rendered as real <Text>, so screen\n     * readers read it on both platforms regardless.\n     */\n    const a11yProps = {\n        role: \"text\",\n        \"aria-label\": resolvedLabel,\n        ...(testID ? {testID, \"data-testid\": testID} : {}),\n    } as Record<string, unknown>;\n\n    return (\n        <Box\n            // ── layout (overridable by caller via {...rest}) ──\n            alignSelf=\"flex-start\"\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            borderRadius={999}\n            {...rest}\n            // ── color identity (pill always wins) ──\n            {...colorProps}\n            // ── accessibility + test id ──\n            {...(a11yProps as any)}\n        >\n            <Box w={sizeConfig.dot} h={sizeConfig.dot} borderRadius={999} bgColor={tokens.dot} />\n            <Text color={tokens.text} fontSize={sizeConfig.fontSize} fontWeight=\"600\" whiteSpace=\"nowrap\">\n                {resolvedLabel}\n            </Text>\n        </Box>\n    );\n}\n\nexport default StatePill;\n"],"names":[],"mappings":"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"}