@lmb-it/kitsconcerto-native 0.1.236

package/components/Chip/index.js

@@ -0,0 +1,157 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import React, { useMemo } from 'react';
+import { Text, Pressable, View, StyleSheet } from 'react-native';
+import { IconMap } from '../../assets/Icons/index.js';
+import { useSeverityColors } from '../../hooks/useSeverityColors.js';
+import '../../contexts/DialogContext.js';
+import useResolvedStyle from '../../hooks/useResolvedStyle.js';
+
+const SIZE_MAP = {
+  sm: { fontSize: 12, px: 8, py: 4, gap: 6, iconSize: 12, height: 24, removeSize: 12 },
+  md: { fontSize: 14, px: 12, py: 6, gap: 6, iconSize: 14, height: 32, removeSize: 14 },
+  lg: { fontSize: 16, px: 14, py: 8, gap: 8, iconSize: 16, height: 40, removeSize: 16 }
+};
+function resolveIcon(icon, color, iconSize) {
+  if (!icon) return null;
+  if (icon === "dot") {
+    return /* @__PURE__ */ jsx(
+      View,
+      {
+        style: {
+          width: 6,
+          height: 6,
+          borderRadius: 3,
+          backgroundColor: color
+        }
+      }
+    );
+  }
+  if (React.isValidElement(icon)) return icon;
+  if (typeof icon !== "string") return null;
+  const Component = IconMap[icon];
+  if (Component) return /* @__PURE__ */ jsx(Component, { size: iconSize, color });
+  return null;
+}
+function Chip(props) {
+  const {
+    label,
+    children,
+    icon,
+    selected = false,
+    onPress,
+    disabled = false,
+    onRemove,
+    severity = "secondary",
+    size: rawSize,
+    outlined,
+    testID,
+    style
+    // LEGIT-PLATFORM-ONLY (web): className is a CSS class hook with no
+    // native equivalent — use `style` for cross-platform overrides.
+  } = props;
+  const resolvedStyle = useResolvedStyle(style || {});
+  const sizeStr = String(rawSize ?? "md");
+  const size = sizeStr === "sm" || sizeStr === "lg" ? sizeStr : "md";
+  const sizeConfig = SIZE_MAP[size];
+  const sevColors = useSeverityColors(severity);
+  const visual = useMemo(() => {
+    if (selected && !outlined) {
+      return {
+        backgroundColor: sevColors.solid,
+        textColor: sevColors.solidText,
+        borderColor: sevColors.border || sevColors.solid
+      };
+    }
+    if (outlined) {
+      return {
+        backgroundColor: "transparent",
+        textColor: sevColors.solid,
+        borderColor: sevColors.solid
+      };
+    }
+    return {
+      backgroundColor: sevColors.bgTint,
+      textColor: sevColors.text,
+      borderColor: sevColors.border
+    };
+  }, [selected, outlined, sevColors]);
+  const resolvedIcon = resolveIcon(icon, visual.textColor, sizeConfig.iconSize);
+  const content = label ?? children;
+  const isInteractive = !!onPress && !disabled;
+  const containerStyle = {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: sizeConfig.gap,
+    height: sizeConfig.height,
+    paddingHorizontal: sizeConfig.px,
+    paddingRight: onRemove ? sizeConfig.gap : sizeConfig.px,
+    borderRadius: 9999,
+    borderWidth: 1,
+    borderStyle: "solid",
+    backgroundColor: visual.backgroundColor,
+    borderColor: visual.borderColor,
+    opacity: disabled ? 0.5 : 1,
+    // Consumer `style` wins last — mirrors web's computedCss merge order.
+    ...resolvedStyle
+  };
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    resolvedIcon,
+    content != null && /* @__PURE__ */ jsx(
+      Text,
+      {
+        style: {
+          fontSize: sizeConfig.fontSize,
+          fontWeight: "500",
+          color: visual.textColor
+        },
+        numberOfLines: 1,
+        children: content
+      }
+    ),
+    onRemove && /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        accessibilityRole: "button",
+        accessibilityLabel: "Remove",
+        onPress: (e) => {
+          e.stopPropagation?.();
+          if (!disabled) onRemove();
+        },
+        hitSlop: 6,
+        style: {
+          marginLeft: 2,
+          width: sizeConfig.removeSize + 4,
+          height: sizeConfig.removeSize + 4,
+          alignItems: "center",
+          justifyContent: "center",
+          borderRadius: (sizeConfig.removeSize + 4) / 2
+        },
+        children: /* @__PURE__ */ jsx(Text, { style: { fontSize: sizeConfig.removeSize, color: visual.textColor, lineHeight: sizeConfig.removeSize + 2 }, children: "\xD7" })
+      }
+    )
+  ] });
+  if (isInteractive) {
+    return /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        onPress,
+        disabled,
+        accessibilityRole: "button",
+        accessibilityState: { selected, disabled },
+        testID,
+        style: ({ pressed }) => [containerStyle, pressed && styles.pressed],
+        children: inner
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(View, { style: containerStyle, testID, children: inner });
+}
+const styles = StyleSheet.create({
+  pressed: {
+    opacity: 0.7
+  }
+});
+
+export { Chip };
+//# sourceMappingURL=index.js.map

package/components/Chip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Chip/index.native.tsx"],"sourcesContent":["import React, {useMemo} from \"react\";\nimport {Pressable, Text, View, StyleSheet} from \"react-native\";\nimport type {IChipProps, IconName} from \"@lmb-it/kitsconcerto-types\";\nimport {IconMap} from \"../../assets/Icons\";\nimport {useSeverityColors} from \"../../hooks/useSeverityColors\";\nimport {useResolvedStyle} from \"../../hooks\";\n\nconst SIZE_MAP = {\n    sm: {fontSize: 12, px: 8, py: 4, gap: 6, iconSize: 12, height: 24, removeSize: 12},\n    md: {fontSize: 14, px: 12, py: 6, gap: 6, iconSize: 14, height: 32, removeSize: 14},\n    lg: {fontSize: 16, px: 14, py: 8, gap: 8, iconSize: 16, height: 40, removeSize: 16},\n} as const;\n\nfunction resolveIcon(icon: unknown, color: string, iconSize: number): React.ReactNode {\n    if (!icon) return null;\n    if (icon === \"dot\") {\n        return (\n            <View\n                style={{\n                    width: 6,\n                    height: 6,\n                    borderRadius: 3,\n                    backgroundColor: color,\n                }}\n            />\n        );\n    }\n    if (React.isValidElement(icon)) return icon;\n    if (typeof icon !== \"string\") return null;\n    const Component = IconMap[icon as IconName];\n    if (Component) return <Component size={iconSize} color={color}/>;\n    return null;\n}\n\nexport function Chip(props: IChipProps) {\n    const {\n        label,\n        children,\n        icon,\n        selected = false,\n        onPress,\n        disabled = false,\n        onRemove,\n        severity = \"secondary\",\n        size: rawSize,\n        outlined,\n        testID,\n        style,\n        // LEGIT-PLATFORM-ONLY (web): className is a CSS class hook with no\n        // native equivalent — use `style` for cross-platform overrides.\n    } = props;\n    const resolvedStyle = useResolvedStyle(style || {});\n\n    const sizeStr = String(rawSize ?? \"md\");\n    const size: \"sm\" | \"md\" | \"lg\" = sizeStr === \"sm\" || sizeStr === \"lg\" ? sizeStr : \"md\";\n    const sizeConfig = SIZE_MAP[size];\n\n    const sevColors = useSeverityColors(severity as any);\n\n    const visual = useMemo(() => {\n        if (selected && !outlined) {\n            return {\n                backgroundColor: sevColors.solid,\n                textColor: sevColors.solidText,\n                borderColor: sevColors.border || sevColors.solid,\n            };\n        }\n        if (outlined) {\n            return {\n                backgroundColor: \"transparent\",\n                textColor: sevColors.solid,\n                borderColor: sevColors.solid,\n            };\n        }\n        return {\n            backgroundColor: sevColors.bgTint,\n            textColor: sevColors.text,\n            borderColor: sevColors.border,\n        };\n    }, [selected, outlined, sevColors]);\n\n    const resolvedIcon = resolveIcon(icon, visual.textColor, sizeConfig.iconSize);\n    const content = label ?? children;\n    const isInteractive = !!onPress && !disabled;\n\n    const containerStyle = {\n        flexDirection: \"row\" as const,\n        alignItems: \"center\" as const,\n        justifyContent: \"center\" as const,\n        gap: sizeConfig.gap,\n        height: sizeConfig.height,\n        paddingHorizontal: sizeConfig.px,\n        paddingRight: onRemove ? sizeConfig.gap : sizeConfig.px,\n        borderRadius: 9999,\n        borderWidth: 1,\n        borderStyle: \"solid\" as const,\n        backgroundColor: visual.backgroundColor,\n        borderColor: visual.borderColor,\n        opacity: disabled ? 0.5 : 1,\n        // Consumer `style` wins last — mirrors web's computedCss merge order.\n        ...(resolvedStyle as object),\n    };\n\n    const inner = (\n        <>\n            {resolvedIcon}\n            {content != null && (\n                <Text\n                    style={{\n                        fontSize: sizeConfig.fontSize,\n                        fontWeight: \"500\",\n                        color: visual.textColor,\n                    }}\n                    numberOfLines={1}\n                >\n                    {content}\n                </Text>\n            )}\n            {onRemove && (\n                <Pressable\n                    accessibilityRole=\"button\"\n                    accessibilityLabel=\"Remove\"\n                    onPress={(e) => {\n                        e.stopPropagation?.();\n                        if (!disabled) onRemove();\n                    }}\n                    hitSlop={6}\n                    style={{\n                        marginLeft: 2,\n                        width: sizeConfig.removeSize + 4,\n                        height: sizeConfig.removeSize + 4,\n                        alignItems: \"center\",\n                        justifyContent: \"center\",\n                        borderRadius: (sizeConfig.removeSize + 4) / 2,\n                    }}\n                >\n                    <Text style={{fontSize: sizeConfig.removeSize, color: visual.textColor, lineHeight: sizeConfig.removeSize + 2}}>×</Text>\n                </Pressable>\n            )}\n        </>\n    );\n\n    if (isInteractive) {\n        return (\n            <Pressable\n                onPress={onPress}\n                disabled={disabled}\n                accessibilityRole=\"button\"\n                accessibilityState={{selected, disabled}}\n                testID={testID}\n                style={({pressed}) => [containerStyle, pressed && styles.pressed]}\n            >\n                {inner}\n            </Pressable>\n        );\n    }\n\n    return (\n        <View style={containerStyle} testID={testID}>\n            {inner}\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    pressed: {\n        opacity: 0.7,\n    },\n});\n\nexport default Chip;\n"],"names":[],"mappings":"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"}

package/components/CircularProgress/index.cjs

@@ -0,0 +1,122 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var Svg = require('react-native-svg');
+var reactNative = require('react-native');
+var index = require('../../primitives/Box/index.cjs');
+
+const CircularProgress = ({
+  size = 100,
+  strokeWidth = 8,
+  value,
+  color = "blue",
+  trackColor = "lightgray",
+  loading = false,
+  children
+}) => {
+  const radius = (size - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const offset = circumference - value / 100 * circumference;
+  const rotateAnim = React.useRef(new reactNative.Animated.Value(0)).current;
+  React.useEffect(() => {
+    if (loading) {
+      rotateAnim.setValue(0);
+      reactNative.Animated.loop(
+        reactNative.Animated.timing(rotateAnim, {
+          toValue: 1,
+          duration: 1200,
+          easing: reactNative.Easing.linear,
+          useNativeDriver: true
+        })
+      ).start();
+    } else {
+      rotateAnim.stopAnimation();
+    }
+  }, [loading]);
+  const rotation = rotateAnim.interpolate({
+    inputRange: [0, 1],
+    outputRange: ["0deg", "360deg"]
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    reactNative.View,
+    {
+      style: {
+        width: size,
+        height: size,
+        justifyContent: "center",
+        alignItems: "center"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Svg, { width: size, height: size, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Svg.Circle,
+            {
+              cx: size / 2,
+              cy: size / 2,
+              r: radius,
+              stroke: trackColor,
+              strokeWidth,
+              fill: "none"
+            }
+          ),
+          !loading && /* @__PURE__ */ jsxRuntime.jsx(
+            Svg.Circle,
+            {
+              cx: size / 2,
+              cy: size / 2,
+              r: radius,
+              stroke: color,
+              strokeWidth,
+              strokeDasharray: circumference,
+              strokeDashoffset: offset,
+              strokeLinecap: "round",
+              fill: "none"
+            }
+          )
+        ] }),
+        loading && /* @__PURE__ */ jsxRuntime.jsx(
+          reactNative.Animated.View,
+          {
+            style: {
+              position: "absolute",
+              transform: [
+                { rotate: rotation }
+              ]
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(Svg, { width: size, height: size, children: /* @__PURE__ */ jsxRuntime.jsx(
+              Svg.Circle,
+              {
+                cx: size / 2,
+                cy: size / 2,
+                r: radius,
+                stroke: color,
+                strokeWidth,
+                strokeDasharray: circumference,
+                strokeDashoffset: offset,
+                strokeLinecap: "round",
+                fill: "none"
+              }
+            ) })
+          }
+        ),
+        children && /* @__PURE__ */ jsxRuntime.jsx(
+          index.default,
+          {
+            style: {
+              position: "absolute",
+              justifyContent: "center",
+              alignItems: "center"
+            },
+            children
+          }
+        )
+      ]
+    }
+  );
+};
+
+exports.default = CircularProgress;
+//# sourceMappingURL=index.cjs.map

package/components/CircularProgress/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/CircularProgress/index.native.tsx"],"sourcesContent":["import React, {useEffect, useRef} from \"react\";\nimport type { ICircularProgressProps } from \"@lmb-it/kitsconcerto-types\";\nimport Svg, { Circle, G } from \"react-native-svg\";\nimport { View, Animated, Easing } from \"react-native\";\nimport {Box} from \"../../_compat\";\n\nconst CircularProgress = ({\n                              size = 100,\n                              strokeWidth = 8,\n                              value,\n                              color = \"blue\",\n                              trackColor = \"lightgray\",\n                              loading = false,\n                              children,\n                          }: ICircularProgressProps) => {\n\n    const radius = (size - strokeWidth) / 2;\n    const circumference = 2 * Math.PI * radius;\n    const offset = circumference - (value / 100) * circumference;\n\n    const rotateAnim = useRef(new Animated.Value(0)).current;\n\n    useEffect(() => {\n        if (loading) {\n            rotateAnim.setValue(0);\n            Animated.loop(\n                Animated.timing(rotateAnim, {\n                    toValue: 1,\n                    duration: 1200,\n                    easing: Easing.linear,\n                    useNativeDriver: true,\n                })\n            ).start();\n        } else {\n            rotateAnim.stopAnimation();\n        }\n    }, [loading]);\n\n    const rotation = rotateAnim.interpolate({\n        inputRange: [0, 1],\n        outputRange: [\"0deg\", \"360deg\"],\n    });\n\n    return (\n        <View\n            style={{\n                width: size,\n                height: size,\n                justifyContent: \"center\",\n                alignItems: \"center\",\n            }}\n        >\n            {/*\n        WORKING rotation:\n        1. Shift SVG to center (translate)\n        2. Rotate the whole SVG\n        3. Shift it back\n      */}\n\n            <Svg width={size} height={size}>\n                {/* Track */}\n                <Circle\n                    cx={size / 2}\n                    cy={size / 2}\n                    r={radius}\n                    stroke={trackColor}\n                    strokeWidth={strokeWidth}\n                    fill=\"none\"\n                />\n\n                {/* Determinate mode */}\n                {!loading && <Circle\n                    cx={size / 2}\n                    cy={size / 2}\n                    r={radius}\n                    stroke={color}\n                    strokeWidth={strokeWidth}\n                    strokeDasharray={circumference}\n                    strokeDashoffset={offset}\n                    strokeLinecap=\"round\"\n                    fill=\"none\"\n                />}\n            </Svg>\n\n            {loading && <Animated.View\n                style={{\n                    position: \"absolute\",\n                    transform: [\n                        {rotate: rotation},\n                    ],\n                }}\n            >\n                <Svg width={size} height={size}>\n                    <Circle\n                        cx={size / 2}\n                        cy={size / 2}\n                        r={radius}\n                        stroke={color}\n                        strokeWidth={strokeWidth}\n                        strokeDasharray={circumference}\n                        strokeDashoffset={offset}\n                        strokeLinecap=\"round\"\n                        fill=\"none\"\n                    />\n                </Svg>\n            </Animated.View>}\n\n\n            {/* Center Content */}\n            {children && (\n                <Box\n                    style={{\n                        position: \"absolute\",\n                        justifyContent: \"center\",\n                        alignItems: \"center\",\n                    }}\n                >\n                    {children}\n                </Box>\n            )}\n        </View>\n    );\n};\n\nexport default CircularProgress;\n"],"names":["useRef","Animated","useEffect","Easing","jsxs","View","jsx","Circle","Box"],"mappings":"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"}

package/components/CircularProgress/index.js

@@ -0,0 +1,118 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import Svg, { Circle } from 'react-native-svg';
+import { Animated, Easing, View } from 'react-native';
+import Box from '../../primitives/Box/index.js';
+
+const CircularProgress = ({
+  size = 100,
+  strokeWidth = 8,
+  value,
+  color = "blue",
+  trackColor = "lightgray",
+  loading = false,
+  children
+}) => {
+  const radius = (size - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const offset = circumference - value / 100 * circumference;
+  const rotateAnim = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    if (loading) {
+      rotateAnim.setValue(0);
+      Animated.loop(
+        Animated.timing(rotateAnim, {
+          toValue: 1,
+          duration: 1200,
+          easing: Easing.linear,
+          useNativeDriver: true
+        })
+      ).start();
+    } else {
+      rotateAnim.stopAnimation();
+    }
+  }, [loading]);
+  const rotation = rotateAnim.interpolate({
+    inputRange: [0, 1],
+    outputRange: ["0deg", "360deg"]
+  });
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      style: {
+        width: size,
+        height: size,
+        justifyContent: "center",
+        alignItems: "center"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(Svg, { width: size, height: size, children: [
+          /* @__PURE__ */ jsx(
+            Circle,
+            {
+              cx: size / 2,
+              cy: size / 2,
+              r: radius,
+              stroke: trackColor,
+              strokeWidth,
+              fill: "none"
+            }
+          ),
+          !loading && /* @__PURE__ */ jsx(
+            Circle,
+            {
+              cx: size / 2,
+              cy: size / 2,
+              r: radius,
+              stroke: color,
+              strokeWidth,
+              strokeDasharray: circumference,
+              strokeDashoffset: offset,
+              strokeLinecap: "round",
+              fill: "none"
+            }
+          )
+        ] }),
+        loading && /* @__PURE__ */ jsx(
+          Animated.View,
+          {
+            style: {
+              position: "absolute",
+              transform: [
+                { rotate: rotation }
+              ]
+            },
+            children: /* @__PURE__ */ jsx(Svg, { width: size, height: size, children: /* @__PURE__ */ jsx(
+              Circle,
+              {
+                cx: size / 2,
+                cy: size / 2,
+                r: radius,
+                stroke: color,
+                strokeWidth,
+                strokeDasharray: circumference,
+                strokeDashoffset: offset,
+                strokeLinecap: "round",
+                fill: "none"
+              }
+            ) })
+          }
+        ),
+        children && /* @__PURE__ */ jsx(
+          Box,
+          {
+            style: {
+              position: "absolute",
+              justifyContent: "center",
+              alignItems: "center"
+            },
+            children
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { CircularProgress as default };
+//# sourceMappingURL=index.js.map

package/components/CircularProgress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/CircularProgress/index.native.tsx"],"sourcesContent":["import React, {useEffect, useRef} from \"react\";\nimport type { ICircularProgressProps } from \"@lmb-it/kitsconcerto-types\";\nimport Svg, { Circle, G } from \"react-native-svg\";\nimport { View, Animated, Easing } from \"react-native\";\nimport {Box} from \"../../_compat\";\n\nconst CircularProgress = ({\n                              size = 100,\n                              strokeWidth = 8,\n                              value,\n                              color = \"blue\",\n                              trackColor = \"lightgray\",\n                              loading = false,\n                              children,\n                          }: ICircularProgressProps) => {\n\n    const radius = (size - strokeWidth) / 2;\n    const circumference = 2 * Math.PI * radius;\n    const offset = circumference - (value / 100) * circumference;\n\n    const rotateAnim = useRef(new Animated.Value(0)).current;\n\n    useEffect(() => {\n        if (loading) {\n            rotateAnim.setValue(0);\n            Animated.loop(\n                Animated.timing(rotateAnim, {\n                    toValue: 1,\n                    duration: 1200,\n                    easing: Easing.linear,\n                    useNativeDriver: true,\n                })\n            ).start();\n        } else {\n            rotateAnim.stopAnimation();\n        }\n    }, [loading]);\n\n    const rotation = rotateAnim.interpolate({\n        inputRange: [0, 1],\n        outputRange: [\"0deg\", \"360deg\"],\n    });\n\n    return (\n        <View\n            style={{\n                width: size,\n                height: size,\n                justifyContent: \"center\",\n                alignItems: \"center\",\n            }}\n        >\n            {/*\n        WORKING rotation:\n        1. Shift SVG to center (translate)\n        2. Rotate the whole SVG\n        3. Shift it back\n      */}\n\n            <Svg width={size} height={size}>\n                {/* Track */}\n                <Circle\n                    cx={size / 2}\n                    cy={size / 2}\n                    r={radius}\n                    stroke={trackColor}\n                    strokeWidth={strokeWidth}\n                    fill=\"none\"\n                />\n\n                {/* Determinate mode */}\n                {!loading && <Circle\n                    cx={size / 2}\n                    cy={size / 2}\n                    r={radius}\n                    stroke={color}\n                    strokeWidth={strokeWidth}\n                    strokeDasharray={circumference}\n                    strokeDashoffset={offset}\n                    strokeLinecap=\"round\"\n                    fill=\"none\"\n                />}\n            </Svg>\n\n            {loading && <Animated.View\n                style={{\n                    position: \"absolute\",\n                    transform: [\n                        {rotate: rotation},\n                    ],\n                }}\n            >\n                <Svg width={size} height={size}>\n                    <Circle\n                        cx={size / 2}\n                        cy={size / 2}\n                        r={radius}\n                        stroke={color}\n                        strokeWidth={strokeWidth}\n                        strokeDasharray={circumference}\n                        strokeDashoffset={offset}\n                        strokeLinecap=\"round\"\n                        fill=\"none\"\n                    />\n                </Svg>\n            </Animated.View>}\n\n\n            {/* Center Content */}\n            {children && (\n                <Box\n                    style={{\n                        position: \"absolute\",\n                        justifyContent: \"center\",\n                        alignItems: \"center\",\n                    }}\n                >\n                    {children}\n                </Box>\n            )}\n        </View>\n    );\n};\n\nexport default CircularProgress;\n"],"names":[],"mappings":"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"}

package/components/DateSeparator/index.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../primitives/Box/index.cjs');
+var index_native = require('../../primitives/Text/index.cjs');
+require('react');
+require('../../contexts/DialogContext.cjs');
+var useComponentDefaults = require('../../hooks/useComponentDefaults.cjs');
+
+function DateSeparator(rawProps) {
+  const props = useComponentDefaults.default("DateSeparator", rawProps).mergedProps;
+  const { label, color = "text-secondary", backgroundColor = "surface-muted", testID, ...rest } = props;
+  const a11y = testID ? { testID, "data-testid": testID } : {};
+  return /* @__PURE__ */ jsxRuntime.jsx(index.default, { alignSelf: "center", marginTop: 10, marginBottom: 10, ...rest, ...a11y, children: /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      bgColor: backgroundColor,
+      borderWidth: 1,
+      borderStyle: "solid",
+      borderColor: "border",
+      borderRadius: 999,
+      paddingLeft: 14,
+      paddingRight: 14,
+      paddingTop: 5,
+      paddingBottom: 5,
+      children: /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { fontSize: 12, fontWeight: "600", color, children: label })
+    }
+  ) });
+}
+
+exports.DateSeparator = DateSeparator;
+//# sourceMappingURL=index.cjs.map

package/components/DateSeparator/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/DateSeparator/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type {IDateSeparatorProps} from \"@lmb-it/kitsconcerto-types\";\nimport {Box, Text} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n/**\n * DateSeparator — a centered date-divider pill for chat threads (e.g. \"Today\",\n * \"12 Jun\"). Presentational and cross-platform (Box + Text). `label` is a\n * resolved, already-localized/formatted string supplied by the consumer — this\n * primitive holds no copy and does no date formatting.\n *\n *   <DateSeparator label=\"Today\" />\n */\nexport function DateSeparator(rawProps: IDateSeparatorProps) {\n    const props = useComponentDefaults<IDateSeparatorProps>(\"DateSeparator\", rawProps).mergedProps;\n    const {label, color = \"text-secondary\", backgroundColor = \"surface-muted\", testID, ...rest} = props;\n    const a11y = testID ? ({testID, \"data-testid\": testID} as any) : {};\n\n    return (\n        <Box alignSelf=\"center\" marginTop={10} marginBottom={10} {...(rest as any)} {...a11y}>\n            <Box\n                bgColor={backgroundColor}\n                borderWidth={1}\n                borderStyle=\"solid\"\n                borderColor=\"border\"\n                borderRadius={999}\n                paddingLeft={14}\n                paddingRight={14}\n                paddingTop={5}\n                paddingBottom={5}\n            >\n                <Text fontSize={12} fontWeight=\"600\" color={color}>\n                    {label}\n                </Text>\n            </Box>\n        </Box>\n    );\n}\n\nexport default DateSeparator;\n"],"names":["useComponentDefaults","jsx","Box","Text"],"mappings":";;;;;;;;;AAaO,SAAS,cAAc,QAAA,EAA+B;AACzD,EAAA,MAAM,KAAA,GAAQA,4BAAA,CAA0C,eAAA,EAAiB,QAAQ,CAAA,CAAE,WAAA;AACnF,EAAA,MAAM,EAAC,OAAO,KAAA,GAAQ,gBAAA,EAAkB,kBAAkB,eAAA,EAAiB,MAAA,EAAQ,GAAG,IAAA,EAAI,GAAI,KAAA;AAC9F,EAAA,MAAM,OAAO,MAAA,GAAU,EAAC,QAAQ,aAAA,EAAe,MAAA,KAAkB,EAAC;AAElE,EAAA,uBACIC,cAAA,CAACC,aAAA,EAAA,EAAI,SAAA,EAAU,QAAA,EAAS,SAAA,EAAW,EAAA,EAAI,YAAA,EAAc,EAAA,EAAK,GAAI,IAAA,EAAe,GAAG,IAAA,EAC5E,QAAA,kBAAAD,cAAA;AAAA,IAACC,aAAA;AAAA,IAAA;AAAA,MACG,OAAA,EAAS,eAAA;AAAA,MACT,WAAA,EAAa,CAAA;AAAA,MACb,WAAA,EAAY,OAAA;AAAA,MACZ,WAAA,EAAY,QAAA;AAAA,MACZ,YAAA,EAAc,GAAA;AAAA,MACd,WAAA,EAAa,EAAA;AAAA,MACb,YAAA,EAAc,EAAA;AAAA,MACd,UAAA,EAAY,CAAA;AAAA,MACZ,aAAA,EAAe,CAAA;AAAA,MAEf,yCAACC,oBAAA,EAAA,EAAK,QAAA,EAAU,IAAI,UAAA,EAAW,KAAA,EAAM,OAChC,QAAA,EAAA,KAAA,EACL;AAAA;AAAA,GACJ,EACJ,CAAA;AAER;;;;"}

package/components/DateSeparator/index.js

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import Box from '../../primitives/Box/index.js';
+import Text from '../../primitives/Text/index.js';
+import 'react';
+import '../../contexts/DialogContext.js';
+import useComponentDefaults from '../../hooks/useComponentDefaults.js';
+
+function DateSeparator(rawProps) {
+  const props = useComponentDefaults("DateSeparator", rawProps).mergedProps;
+  const { label, color = "text-secondary", backgroundColor = "surface-muted", testID, ...rest } = props;
+  const a11y = testID ? { testID, "data-testid": testID } : {};
+  return /* @__PURE__ */ jsx(Box, { alignSelf: "center", marginTop: 10, marginBottom: 10, ...rest, ...a11y, children: /* @__PURE__ */ jsx(
+    Box,
+    {
+      bgColor: backgroundColor,
+      borderWidth: 1,
+      borderStyle: "solid",
+      borderColor: "border",
+      borderRadius: 999,
+      paddingLeft: 14,
+      paddingRight: 14,
+      paddingTop: 5,
+      paddingBottom: 5,
+      children: /* @__PURE__ */ jsx(Text, { fontSize: 12, fontWeight: "600", color, children: label })
+    }
+  ) });
+}
+
+export { DateSeparator };
+//# sourceMappingURL=index.js.map

package/components/DateSeparator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/DateSeparator/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type {IDateSeparatorProps} from \"@lmb-it/kitsconcerto-types\";\nimport {Box, Text} from \"../../primitives\";\nimport {useComponentDefaults} from \"../../hooks\";\n\n/**\n * DateSeparator — a centered date-divider pill for chat threads (e.g. \"Today\",\n * \"12 Jun\"). Presentational and cross-platform (Box + Text). `label` is a\n * resolved, already-localized/formatted string supplied by the consumer — this\n * primitive holds no copy and does no date formatting.\n *\n *   <DateSeparator label=\"Today\" />\n */\nexport function DateSeparator(rawProps: IDateSeparatorProps) {\n    const props = useComponentDefaults<IDateSeparatorProps>(\"DateSeparator\", rawProps).mergedProps;\n    const {label, color = \"text-secondary\", backgroundColor = \"surface-muted\", testID, ...rest} = props;\n    const a11y = testID ? ({testID, \"data-testid\": testID} as any) : {};\n\n    return (\n        <Box alignSelf=\"center\" marginTop={10} marginBottom={10} {...(rest as any)} {...a11y}>\n            <Box\n                bgColor={backgroundColor}\n                borderWidth={1}\n                borderStyle=\"solid\"\n                borderColor=\"border\"\n                borderRadius={999}\n                paddingLeft={14}\n                paddingRight={14}\n                paddingTop={5}\n                paddingBottom={5}\n            >\n                <Text fontSize={12} fontWeight=\"600\" color={color}>\n                    {label}\n                </Text>\n            </Box>\n        </Box>\n    );\n}\n\nexport default DateSeparator;\n"],"names":[],"mappings":";;;;;;;AAaO,SAAS,cAAc,QAAA,EAA+B;AACzD,EAAA,MAAM,KAAA,GAAQ,oBAAA,CAA0C,eAAA,EAAiB,QAAQ,CAAA,CAAE,WAAA;AACnF,EAAA,MAAM,EAAC,OAAO,KAAA,GAAQ,gBAAA,EAAkB,kBAAkB,eAAA,EAAiB,MAAA,EAAQ,GAAG,IAAA,EAAI,GAAI,KAAA;AAC9F,EAAA,MAAM,OAAO,MAAA,GAAU,EAAC,QAAQ,aAAA,EAAe,MAAA,KAAkB,EAAC;AAElE,EAAA,uBACI,GAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAU,QAAA,EAAS,SAAA,EAAW,EAAA,EAAI,YAAA,EAAc,EAAA,EAAK,GAAI,IAAA,EAAe,GAAG,IAAA,EAC5E,QAAA,kBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACG,OAAA,EAAS,eAAA;AAAA,MACT,WAAA,EAAa,CAAA;AAAA,MACb,WAAA,EAAY,OAAA;AAAA,MACZ,WAAA,EAAY,QAAA;AAAA,MACZ,YAAA,EAAc,GAAA;AAAA,MACd,WAAA,EAAa,EAAA;AAAA,MACb,YAAA,EAAc,EAAA;AAAA,MACd,UAAA,EAAY,CAAA;AAAA,MACZ,aAAA,EAAe,CAAA;AAAA,MAEf,8BAAC,IAAA,EAAA,EAAK,QAAA,EAAU,IAAI,UAAA,EAAW,KAAA,EAAM,OAChC,QAAA,EAAA,KAAA,EACL;AAAA;AAAA,GACJ,EACJ,CAAA;AAER;;;;"}