@boostdev/design-system-components 2.4.1 → 2.5.0

package/dist/native/index.cjs

@@ -1,4337 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/native.ts
-var native_exports = {};
-__export(native_exports, {
-  Accordion: () => Accordion,
-  Alert: () => Alert,
-  Avatar: () => Avatar,
-  Badge: () => Badge,
-  Breadcrumb: () => Breadcrumb,
-  Button: () => Button,
-  ButtonContainer: () => ButtonContainer,
-  ButtonGroup: () => ButtonGroup,
-  Calendar: () => Calendar,
-  Card: () => Card,
-  Carousel: () => Carousel,
-  Checkbox: () => Checkbox,
-  CheckboxGroup: () => CheckboxGroup,
-  Collapsible: () => Collapsible,
-  Combobox: () => Combobox,
-  DescriptionList: () => DescriptionList,
-  Dialog: () => Dialog,
-  Drawer: () => Drawer,
-  DropdownMenu: () => DropdownMenu,
-  FileInput: () => FileInput,
-  FormInput: () => FormInput,
-  IconWrapper: () => IconWrapper,
-  Label: () => Label,
-  Link: () => Link,
-  Loading: () => Loading,
-  Message: () => Message,
-  NotificationBanner: () => NotificationBanner,
-  NumberInput: () => NumberInput,
-  Pagination: () => Pagination,
-  Popover: () => Popover,
-  Progress: () => Progress,
-  ProgressCircle: () => ProgressCircle,
-  Radio: () => Radio,
-  RadioGroup: () => RadioGroup,
-  Rating: () => Rating,
-  SectionHeader: () => SectionHeader,
-  SegmentedControl: () => SegmentedControl,
-  Select: () => Select,
-  Separator: () => Separator,
-  Skeleton: () => Skeleton,
-  Slider: () => Slider,
-  Switch: () => Switch,
-  Table: () => Table,
-  Tabs: () => Tabs,
-  Textarea: () => Textarea,
-  ThemeProvider: () => ThemeProvider,
-  ToastProvider: () => ToastProvider,
-  Tooltip: () => Tooltip,
-  Typography: () => Typography,
-  animation: () => import_native.animation,
-  border: () => import_native.border,
-  colors: () => import_native.colors,
-  font: () => import_native.font,
-  lineHeight: () => lineHeight,
-  spacing: () => import_native.spacing,
-  useTheme: () => useTheme,
-  useToast: () => useToast,
-  zIndex: () => import_native.zIndex
-});
-module.exports = __toCommonJS(native_exports);
-
-// src/native/ThemeContext.tsx
-var import_react = require("react");
-var import_react_native = require("react-native");
-
-// src/native/tokens.ts
-var import_native = require("@boostdev/design-system-foundation/native");
-var lineHeight = {
-  display: Math.round(import_native.font.size.display * import_native.font.lineHeight.display),
-  heading1: Math.round(import_native.font.size.heading1 * import_native.font.lineHeight.heading),
-  heading2: Math.round(import_native.font.size.heading2 * import_native.font.lineHeight.heading),
-  heading3: Math.round(import_native.font.size.heading3 * import_native.font.lineHeight.heading),
-  body: Math.round(import_native.font.size.body * import_native.font.lineHeight.body),
-  bodyS: Math.round(import_native.font.size.bodyS * import_native.font.lineHeight.body)
-};
-
-// src/native/ThemeContext.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var ThemeContext = (0, import_react.createContext)(null);
-function ThemeProvider({ children, colorScheme }) {
-  const systemScheme = (0, import_react_native.useColorScheme)();
-  const isDark = (colorScheme ?? systemScheme) === "dark";
-  const value = (0, import_react.useMemo)(
-    () => ({ colors: isDark ? import_native.colors.dark : import_native.colors.light, isDark }),
-    [isDark]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeContext.Provider, { value, children });
-}
-function useTheme() {
-  const ctx = (0, import_react.useContext)(ThemeContext);
-  if (!ctx) throw new Error("useTheme must be used within ThemeProvider");
-  return ctx;
-}
-
-// src/components/ui/Typography/Typography.native.tsx
-var import_react_native2 = require("react-native");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var styles = import_react_native2.StyleSheet.create({
-  base: {
-    fontFamily: import_native.font.family.body,
-    fontWeight: import_native.font.weight.body
-  },
-  h1: {
-    fontSize: import_native.font.size.heading1,
-    fontFamily: import_native.font.family.heading,
-    fontWeight: import_native.font.weight.heading,
-    lineHeight: lineHeight.heading1
-  },
-  h2: {
-    fontSize: import_native.font.size.heading2,
-    fontFamily: import_native.font.family.heading,
-    fontWeight: import_native.font.weight.heading,
-    lineHeight: lineHeight.heading2
-  },
-  h3: {
-    fontSize: import_native.font.size.heading3,
-    fontFamily: import_native.font.family.heading,
-    fontWeight: import_native.font.weight.heading,
-    lineHeight: lineHeight.heading3
-  },
-  body: {
-    fontSize: import_native.font.size.body,
-    lineHeight: lineHeight.body
-  },
-  body_s: {
-    fontSize: import_native.font.size.bodyS,
-    lineHeight: lineHeight.bodyS
-  }
-});
-var accessibilityRoles = {
-  h1: "header",
-  h2: "header",
-  h3: "header",
-  body: "text",
-  body_s: "text"
-};
-function Typography({ variant = "body", children, style }) {
-  const { colors: colors2 } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_react_native2.Text,
-    {
-      accessibilityRole: accessibilityRoles[variant],
-      style: [styles.base, styles[variant], { color: colors2.colorOnBg }, style],
-      children
-    }
-  );
-}
-
-// src/components/ui/Badge/Badge.native.tsx
-var import_react_native3 = require("react-native");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var styles2 = import_react_native3.StyleSheet.create({
-  badge: {
-    alignSelf: "flex-start",
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    paddingVertical: import_native.spacing.xxs,
-    paddingHorizontal: import_native.spacing.xs,
-    borderRadius: import_native.border.radius.full
-  },
-  text: {
-    fontSize: import_native.font.size.bodyS,
-    fontFamily: import_native.font.family.body,
-    fontWeight: import_native.font.weight.semibold,
-    lineHeight: import_native.font.size.bodyS
-  }
-});
-function Badge({ children, variant = "primary", style }) {
-  const { colors: colors2 } = useTheme();
-  const variantColors = {
-    primary: { bg: colors2.colorInteractive, text: colors2.colorOnInteractive },
-    secondary: { bg: colors2.colorBgSubtle, text: colors2.colorOnBgSubtle },
-    success: { bg: colors2.colorSuccess, text: colors2.colorOnSuccess },
-    error: { bg: colors2.colorError, text: colors2.colorOnError },
-    warning: { bg: colors2.colorWarning, text: colors2.colorOnWarning }
-  };
-  const { bg, text } = variantColors[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [styles2.badge, { backgroundColor: bg }, style], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [styles2.text, { color: text }], children }) });
-}
-
-// src/components/ui/Avatar/Avatar.native.tsx
-var import_react_native4 = require("react-native");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var sizeMap = {
-  small: { container: 32, fontSize: import_native.font.size.bodyS },
-  medium: { container: 48, fontSize: import_native.font.size.body },
-  large: { container: 72, fontSize: import_native.font.size.heading3 }
-};
-function getInitials(name) {
-  return name.split(" ").filter(Boolean).slice(0, 2).map((word) => word[0].toUpperCase()).join("");
-}
-var styles3 = import_react_native4.StyleSheet.create({
-  container: {
-    borderRadius: import_native.border.radius.full,
-    overflow: "hidden",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  image: {
-    width: "100%",
-    height: "100%"
-  },
-  initials: {
-    fontFamily: import_native.font.family.body,
-    fontWeight: import_native.font.weight.semibold
-  }
-});
-function Avatar({ src, alt, name, size = "medium", style }) {
-  const { colors: colors2 } = useTheme();
-  const { container, fontSize } = sizeMap[size];
-  const label = alt ?? name ?? "User avatar";
-  if (src) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      import_react_native4.View,
-      {
-        style: [styles3.container, { width: container, height: container }, style],
-        accessibilityLabel: label,
-        accessibilityRole: "image",
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Image, { source: { uri: src }, style: styles3.image })
-      }
-    );
-  }
-  const initials = name ? getInitials(name) : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_react_native4.View,
-    {
-      style: [
-        styles3.container,
-        { width: container, height: container, backgroundColor: colors2.colorBlue },
-        style
-      ],
-      accessibilityLabel: label,
-      accessibilityRole: "image",
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        import_react_native4.Text,
-        {
-          style: [styles3.initials, { fontSize, color: colors2.colorOnBlue }],
-          importantForAccessibility: "no",
-          accessibilityElementsHidden: true,
-          children: initials
-        }
-      )
-    }
-  );
-}
-
-// src/components/ui/Separator/Separator.native.tsx
-var import_react_native5 = require("react-native");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var styles4 = import_react_native5.StyleSheet.create({
-  horizontal: {
-    height: import_react_native5.StyleSheet.hairlineWidth,
-    width: "100%"
-  },
-  vertical: {
-    width: import_react_native5.StyleSheet.hairlineWidth,
-    alignSelf: "stretch"
-  }
-});
-function Separator({ orientation = "horizontal", style }) {
-  const { colors: colors2 } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_react_native5.View,
-    {
-      accessibilityRole: "none",
-      style: [
-        orientation === "vertical" ? styles4.vertical : styles4.horizontal,
-        { backgroundColor: colors2.colorBgSubtle },
-        style
-      ]
-    }
-  );
-}
-
-// src/components/ui/Loading/Loading.native.tsx
-var import_react_native6 = require("react-native");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var rnSize = {
-  small: "small",
-  medium: "large",
-  large: "large"
-};
-function Loading({ size = "medium", accessibilityLabel = "Loading", style }) {
-  const { colors: colors2 } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    import_react_native6.ActivityIndicator,
-    {
-      size: rnSize[size],
-      color: colors2.colorInteractive,
-      style,
-      accessibilityRole: "progressbar",
-      accessibilityLabel
-    }
-  );
-}
-
-// src/components/ui/Progress/Progress.native.tsx
-var import_react_native7 = require("react-native");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var trackHeight = {
-  small: 4,
-  medium: 8,
-  large: 12
-};
-var styles5 = import_react_native7.StyleSheet.create({
-  container: {
-    width: "100%"
-  },
-  labelRow: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    marginBottom: import_native.spacing.xxs
-  },
-  labelText: {
-    fontSize: import_native.font.size.bodyS,
-    fontFamily: import_native.font.family.body,
-    lineHeight: lineHeight.bodyS
-  },
-  track: {
-    width: "100%",
-    borderRadius: import_native.border.radius.full,
-    overflow: "hidden"
-  },
-  fill: {
-    height: "100%",
-    borderRadius: import_native.border.radius.full
-  }
-});
-function Progress({
-  value,
-  max = 100,
-  label,
-  showLabel = false,
-  size = "medium",
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const percentage = Math.min(100, Math.max(0, value / max * 100));
-  const height = trackHeight[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.View, { style: [styles5.container, style], children: [
-    showLabel && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.View, { style: styles5.labelRow, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native7.Text, { style: [styles5.labelText, { color: colors2.colorOnBg }], children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native7.Text, { style: [styles5.labelText, { color: colors2.colorOnBgSubtle }], children: [
-        Math.round(percentage),
-        "%"
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      import_react_native7.View,
-      {
-        style: [styles5.track, { height, backgroundColor: colors2.colorBgSubtle }],
-        accessibilityRole: "progressbar",
-        accessibilityLabel: label,
-        accessibilityValue: { min: 0, max, now: value },
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          import_react_native7.View,
-          {
-            style: [
-              styles5.fill,
-              { width: `${percentage}%`, backgroundColor: colors2.colorInteractive }
-            ]
-          }
-        )
-      }
-    )
-  ] });
-}
-
-// src/components/ui/Skeleton/Skeleton.native.tsx
-var import_react2 = require("react");
-var import_react_native8 = require("react-native");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var styles6 = import_react_native8.StyleSheet.create({
-  skeleton: {
-    borderRadius: import_native.border.radius.xs,
-    overflow: "hidden"
-  }
-});
-function Skeleton({ style }) {
-  const { colors: colors2 } = useTheme();
-  const opacity = (0, import_react2.useRef)(new import_react_native8.Animated.Value(1)).current;
-  (0, import_react2.useEffect)(() => {
-    const anim = import_react_native8.Animated.loop(
-      import_react_native8.Animated.sequence([
-        import_react_native8.Animated.timing(opacity, { toValue: 0.4, duration: 700, useNativeDriver: true }),
-        import_react_native8.Animated.timing(opacity, { toValue: 1, duration: 700, useNativeDriver: true })
-      ])
-    );
-    anim.start();
-    return () => anim.stop();
-  }, [opacity]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    import_react_native8.Animated.View,
-    {
-      importantForAccessibility: "no-hide-descendants",
-      style: [
-        styles6.skeleton,
-        { backgroundColor: colors2.colorBgSubtle, opacity },
-        style
-      ]
-    }
-  );
-}
-
-// src/components/ui/Alert/Alert.native.tsx
-var import_react_native9 = require("react-native");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var styles7 = import_react_native9.StyleSheet.create({
-  alert: {
-    flexDirection: "row",
-    alignItems: "flex-start",
-    padding: import_native.spacing.m,
-    borderRadius: import_native.border.radius.s,
-    gap: import_native.spacing.xs
-  },
-  icon: {
-    flexShrink: 0,
-    marginTop: 2
-  },
-  content: {
-    flex: 1,
-    gap: import_native.spacing.xxs
-  },
-  title: {
-    fontSize: import_native.font.size.body,
-    fontFamily: import_native.font.family.body,
-    fontWeight: import_native.font.weight.semibold,
-    lineHeight: lineHeight.body
-  },
-  body: {
-    fontSize: import_native.font.size.bodyS,
-    fontFamily: import_native.font.family.body,
-    lineHeight: lineHeight.bodyS
-  },
-  dismiss: {
-    padding: import_native.spacing.xxs,
-    flexShrink: 0
-  }
-});
-function Alert({
-  variant = "info",
-  icon,
-  title,
-  children,
-  onDismiss,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const isUrgent = variant === "error" || variant === "warning";
-  const variantColors = {
-    info: { bg: colors2.colorBlueSubtle, text: colors2.colorOnBlueSubtle, border: colors2.colorBlue },
-    success: { bg: colors2.colorSuccessSubtle, text: colors2.colorOnSuccessSubtle, border: colors2.colorSuccess },
-    warning: { bg: colors2.colorOrangeSubtle, text: colors2.colorOnOrangeSubtle, border: colors2.colorWarning },
-    error: { bg: colors2.colorRedSubtle, text: colors2.colorOnBg, border: colors2.colorError }
-  };
-  const { bg, text, border: borderColor } = variantColors[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-    import_react_native9.View,
-    {
-      accessibilityRole: isUrgent ? "alert" : "none",
-      accessibilityLiveRegion: isUrgent ? "assertive" : "polite",
-      style: [styles7.alert, { backgroundColor: bg, borderStartWidth: import_native.spacing.s, borderStartColor: borderColor }, style],
-      children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.View, { style: styles7.icon, children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native9.View, { style: styles7.content, children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.Text, { style: [styles7.title, { color: text }], children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.Text, { style: [styles7.body, { color: text }], children })
-        ] }),
-        onDismiss && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          import_react_native9.Pressable,
-          {
-            onPress: onDismiss,
-            style: styles7.dismiss,
-            accessibilityLabel: "Dismiss alert",
-            accessibilityRole: "button",
-            hitSlop: 8,
-            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.Text, { style: { color: text, fontSize: 16 }, children: "\u2715" })
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/components/ui/NotificationBanner/NotificationBanner.native.tsx
-var import_react_native10 = require("react-native");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var styles8 = import_react_native10.StyleSheet.create({
-  banner: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingVertical: import_native.spacing.s,
-    paddingHorizontal: import_native.spacing.m,
-    gap: import_native.spacing.xs
-  },
-  content: {
-    flex: 1,
-    fontSize: import_native.font.size.bodyS,
-    fontFamily: import_native.font.family.body,
-    lineHeight: lineHeight.bodyS
-  },
-  dismiss: {
-    padding: import_native.spacing.xxs,
-    flexShrink: 0
-  }
-});
-function NotificationBanner({
-  variant = "info",
-  children,
-  action,
-  onDismiss,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const isUrgent = variant === "error" || variant === "warning";
-  const variantColors = {
-    info: { bg: colors2.colorBlueSubtle, text: colors2.colorOnBlueSubtle, border: colors2.colorBlue },
-    success: { bg: colors2.colorSuccessSubtle, text: colors2.colorOnSuccessSubtle, border: colors2.colorSuccess },
-    warning: { bg: colors2.colorOrangeSubtle, text: colors2.colorOnOrangeSubtle, border: colors2.colorWarning },
-    error: { bg: colors2.colorRedSubtle, text: colors2.colorOnBg, border: colors2.colorError }
-  };
-  const { bg, text, border: borderColor } = variantColors[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-    import_react_native10.View,
-    {
-      accessibilityRole: isUrgent ? "alert" : "none",
-      accessibilityLiveRegion: isUrgent ? "assertive" : "polite",
-      style: [styles8.banner, { backgroundColor: bg, borderBottomWidth: 3, borderBottomColor: borderColor }, style],
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.Text, { style: [styles8.content, { color: text }], children }),
-        action,
-        onDismiss && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          import_react_native10.Pressable,
-          {
-            onPress: onDismiss,
-            style: styles8.dismiss,
-            accessibilityLabel: "Dismiss notification",
-            accessibilityRole: "button",
-            hitSlop: 8,
-            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.Text, { style: { color: text, fontSize: 16 }, children: "\u2715" })
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/components/ui/Link/Link.native.tsx
-var import_react_native11 = require("react-native");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var styles9 = import_react_native11.StyleSheet.create({
-  text: {
-    fontSize: import_native.font.size.body,
-    fontFamily: import_native.font.family.body,
-    textDecorationLine: "underline"
-  },
-  pressed: {
-    opacity: 0.75
-  }
-});
-function Link({ href, children, accessibilityLabel, style, onPress }) {
-  const { colors: colors2 } = useTheme();
-  const handlePress = () => {
-    if (onPress) {
-      onPress();
-    } else if (href) {
-      import_react_native11.Linking.openURL(href);
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    import_react_native11.Pressable,
-    {
-      onPress: handlePress,
-      accessibilityRole: "link",
-      accessibilityLabel,
-      style: ({ pressed }) => pressed && styles9.pressed,
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native11.Text, { style: [styles9.text, { color: colors2.colorInteractiveOnBg }, style], children })
-    }
-  );
-}
-
-// src/components/ui/DescriptionList/DescriptionList.native.tsx
-var import_react_native12 = require("react-native");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var styles10 = import_react_native12.StyleSheet.create({
-  list: {
-    gap: import_native.spacing.m
-  },
-  group: {
-    gap: import_native.spacing.xxs
-  },
-  term: {
-    fontSize: import_native.font.size.bodyS,
-    fontFamily: import_native.font.family.body,
-    fontWeight: import_native.font.weight.semibold,
-    lineHeight: lineHeight.bodyS
-  },
-  description: {
-    fontSize: import_native.font.size.body,
-    fontFamily: import_native.font.family.body,
-    fontWeight: import_native.font.weight.body,
-    lineHeight: lineHeight.body
-  }
-});
-function DescriptionList({ items, style }) {
-  const { colors: colors2 } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.View, { style: [styles10.list, style], accessibilityRole: "list", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native12.View, { style: styles10.group, accessibilityRole: "listitem", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Text, { style: [styles10.term, { color: colors2.colorOnBgSubtle }], children: item.term }),
-    typeof item.description === "string" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Text, { style: [styles10.description, { color: colors2.colorOnBg }], children: item.description }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.View, { children: item.description })
-  ] }, i)) });
-}
-
-// src/components/ui/Breadcrumb/Breadcrumb.native.tsx
-var import_react_native13 = require("react-native");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var styles11 = import_react_native13.StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    alignItems: "center"
-  },
-  separator: {
-    marginHorizontal: import_native.spacing.xs,
-    fontSize: import_native.font.size.body,
-    fontFamily: import_native.font.family.body,
-    lineHeight: lineHeight.body
-  },
-  itemText: {
-    fontSize: import_native.font.size.body,
-    fontFamily: import_native.font.family.body,
-    lineHeight: lineHeight.body
-  },
-  pressed: {
-    opacity: 0.75
-  }
-});
-function Breadcrumb({ items, style }) {
-  const { colors: colors2 } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    import_react_native13.View,
-    {
-      style: [styles11.container, style],
-      accessibilityRole: "navigation",
-      accessibilityLabel: "Breadcrumb",
-      children: items.map((item, index) => {
-        const isLast = index === items.length - 1;
-        return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native13.View, { style: { flexDirection: "row", alignItems: "center", minHeight: 44 }, children: isLast ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          import_react_native13.Text,
-          {
-            style: [styles11.itemText, { color: colors2.colorOnBg }],
-            accessibilityRole: "text",
-            children: item.label
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            import_react_native13.Pressable,
-            {
-              onPress: item.onPress,
-              accessibilityRole: "link",
-              style: ({ pressed }) => pressed && styles11.pressed,
-              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native13.Text, { style: [styles11.itemText, { color: colors2.colorInteractiveOnBg }], children: item.label })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            import_react_native13.Text,
-            {
-              style: [styles11.separator, { color: colors2.colorOnBgSubtle }],
-              importantForAccessibility: "no",
-              accessibilityElementsHidden: true,
-              children: "/"
-            }
-          )
-        ] }) }, index);
-      })
-    }
-  );
-}
-
-// src/components/ui/ProgressCircle/ProgressCircle.native.tsx
-var import_react_native14 = require("react-native");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var SIZE_PX = {
-  small: 40,
-  medium: 64,
-  large: 96
-};
-var STROKE_WIDTH = {
-  small: 3,
-  medium: 4,
-  large: 5
-};
-var FONT_SIZE = {
-  small: import_native.font.size.bodyS - 2,
-  medium: import_native.font.size.bodyS,
-  large: import_native.font.size.body
-};
-var styles12 = import_react_native14.StyleSheet.create({
-  wrapper: {
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  valueText: {
-    position: "absolute",
-    fontFamily: import_native.font.family.body,
-    fontWeight: import_native.font.weight.semibold
-  }
-});
-function HalfCircle({
-  size,
-  stroke,
-  color,
-  rotation
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    import_react_native14.View,
-    {
-      style: {
-        width: size / 2,
-        height: size,
-        overflow: "hidden"
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        import_react_native14.View,
-        {
-          style: {
-            width: size,
-            height: size,
-            borderRadius: size / 2,
-            borderWidth: stroke,
-            borderColor: color,
-            transform: [{ rotate: `${rotation}deg` }]
-          }
-        }
-      )
-    }
-  );
-}
-function ProgressCircle({
-  value,
-  max = 100,
-  size = "medium",
-  label,
-  showValue = false,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const percentage = Math.min(100, Math.max(0, value / max * 100));
-  const px = SIZE_PX[size];
-  const stroke = STROKE_WIDTH[size];
-  const fillColor = colors2.colorInteractive;
-  const trackColor = colors2.colorBgSubtle;
-  const degrees = percentage / 100 * 360;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-    import_react_native14.View,
-    {
-      style: [
-        styles12.wrapper,
-        { width: px, height: px },
-        style
-      ],
-      accessibilityRole: "progressbar",
-      accessibilityLabel: label,
-      accessibilityValue: { min: 0, max, now: value },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          import_react_native14.View,
-          {
-            style: {
-              position: "absolute",
-              width: px,
-              height: px,
-              borderRadius: px / 2,
-              borderWidth: stroke,
-              borderColor: trackColor
-            }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          import_react_native14.View,
-          {
-            style: {
-              position: "absolute",
-              width: px / 2,
-              height: px,
-              start: px / 2,
-              overflow: "hidden"
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              HalfCircle,
-              {
-                size: px,
-                stroke,
-                color: percentage > 0 ? fillColor : "transparent",
-                rotation: Math.min(degrees, 180) - 180
-              }
-            )
-          }
-        ),
-        degrees > 180 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          import_react_native14.View,
-          {
-            style: {
-              position: "absolute",
-              width: px / 2,
-              height: px,
-              start: 0,
-              overflow: "hidden"
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              import_react_native14.View,
-              {
-                style: {
-                  position: "absolute",
-                  end: 0
-                },
-                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  HalfCircle,
-                  {
-                    size: px,
-                    stroke,
-                    color: fillColor,
-                    rotation: Math.min(degrees - 180, 180)
-                  }
-                )
-              }
-            )
-          }
-        ),
-        showValue && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-          import_react_native14.Text,
-          {
-            style: [styles12.valueText, { fontSize: FONT_SIZE[size], color: colors2.colorOnBg }],
-            importantForAccessibility: "no",
-            accessibilityElementsHidden: true,
-            children: [
-              Math.round(percentage),
-              "%"
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/components/ui/Tooltip/Tooltip.native.tsx
-var import_react3 = require("react");
-var import_react_native15 = require("react-native");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var styles13 = import_react_native15.StyleSheet.create({
-  wrapper: {
-    position: "relative"
-  },
-  tooltip: {
-    position: "absolute",
-    bottom: "100%",
-    start: 0,
-    marginBottom: import_native.spacing.xxs,
-    paddingVertical: import_native.spacing.xxs,
-    paddingHorizontal: import_native.spacing.xs,
-    borderRadius: import_native.border.radius.full,
-    zIndex: 10,
-    alignSelf: "flex-start"
-  },
-  text: {
-    fontSize: import_native.font.size.bodyS,
-    fontFamily: import_native.font.family.body
-  }
-});
-function Tooltip({ content, children, style }) {
-  const { colors: colors2 } = useTheme();
-  const [visible, setVisible] = (0, import_react3.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_native15.View, { style: [styles13.wrapper, style], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      import_react_native15.Pressable,
-      {
-        onLongPress: () => setVisible(true),
-        onPressOut: () => setVisible(false),
-        accessibilityHint: content,
-        children
-      }
-    ),
-    visible && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      import_react_native15.View,
-      {
-        style: [styles13.tooltip, { backgroundColor: colors2.colorOnBg }],
-        accessibilityRole: "text",
-        accessibilityLabel: content,
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_native15.Text, { style: [styles13.text, { color: colors2.colorBg }], children: content })
-      }
-    )
-  ] });
-}
-
-// src/components/ui/Pagination/Pagination.native.tsx
-var import_react_native16 = require("react-native");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-function getPageRange(current, total) {
-  const delta = 1;
-  const range = [];
-  for (let i = 1; i <= total; i++) {
-    if (i === 1 || i === total || i >= current - delta && i <= current + delta) {
-      range.push(i);
-    } else if (range[range.length - 1] !== "...") {
-      range.push("...");
-    }
-  }
-  return range;
-}
-var styles14 = import_react_native16.StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: import_native.spacing.xxs
-  },
-  button: {
-    minWidth: 44,
-    minHeight: 44,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: import_native.border.radius.full,
-    paddingHorizontal: import_native.spacing.xs,
-    paddingVertical: import_native.spacing.xxs
-  },
-  buttonText: {
-    fontSize: import_native.font.size.body,
-    fontFamily: import_native.font.family.body,
-    lineHeight: lineHeight.body,
-    fontWeight: import_native.font.weight.body
-  },
-  navText: {
-    fontSize: import_native.font.size.body,
-    fontFamily: import_native.font.family.body,
-    lineHeight: lineHeight.body,
-    fontWeight: import_native.font.weight.semibold
-  },
-  ellipsis: {
-    fontSize: import_native.font.size.body,
-    fontFamily: import_native.font.family.body,
-    lineHeight: lineHeight.body,
-    minWidth: 44,
-    minHeight: 44,
-    textAlign: "center",
-    textAlignVertical: "center"
-  },
-  pressed: {
-    opacity: 0.75
-  },
-  disabled: {
-    opacity: 0.4
-  }
-});
-function Pagination({
-  currentPage,
-  totalPages,
-  onPageChange,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const pages = getPageRange(currentPage, totalPages);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-    import_react_native16.View,
-    {
-      style: [styles14.container, style],
-      accessibilityRole: "navigation",
-      accessibilityLabel: "Pagination",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-          import_react_native16.Pressable,
-          {
-            onPress: () => onPageChange(currentPage - 1),
-            disabled: currentPage <= 1,
-            accessibilityRole: "button",
-            accessibilityLabel: "Previous page",
-            accessibilityState: { disabled: currentPage <= 1 },
-            style: ({ pressed }) => [
-              styles14.button,
-              currentPage <= 1 && styles14.disabled,
-              pressed && !currentPage && styles14.pressed
-            ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native16.Text, { style: [styles14.navText, { color: colors2.colorOnBg }], children: "\u2039" })
-          }
-        ),
-        pages.map(
-          (page, index) => page === "..." ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-            import_react_native16.Text,
-            {
-              style: [styles14.ellipsis, { color: colors2.colorOnBgSubtle }],
-              importantForAccessibility: "no",
-              accessibilityElementsHidden: true,
-              children: "..."
-            },
-            `ellipsis-${index}`
-          ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-            import_react_native16.Pressable,
-            {
-              onPress: () => onPageChange(page),
-              accessibilityRole: "button",
-              accessibilityLabel: `Page ${page}`,
-              accessibilityState: { selected: currentPage === page },
-              style: ({ pressed }) => [
-                styles14.button,
-                currentPage === page && { backgroundColor: colors2.colorInteractive },
-                pressed && styles14.pressed
-              ],
-              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                import_react_native16.Text,
-                {
-                  style: [
-                    styles14.buttonText,
-                    {
-                      color: currentPage === page ? colors2.colorOnInteractive : colors2.colorOnBg
-                    },
-                    currentPage === page && { fontWeight: import_native.font.weight.semibold }
-                  ],
-                  children: page
-                }
-              )
-            },
-            page
-          )
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-          import_react_native16.Pressable,
-          {
-            onPress: () => onPageChange(currentPage + 1),
-            disabled: currentPage >= totalPages,
-            accessibilityRole: "button",
-            accessibilityLabel: "Next page",
-            accessibilityState: { disabled: currentPage >= totalPages },
-            style: ({ pressed }) => [
-              styles14.button,
-              currentPage >= totalPages && styles14.disabled,
-              pressed && styles14.pressed
-            ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_native16.Text, { style: [styles14.navText, { color: colors2.colorOnBg }], children: "\u203A" })
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/components/ui/Collapsible/Collapsible.native.tsx
-var import_react4 = require("react");
-var import_react_native17 = require("react-native");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-if (import_react_native17.Platform.OS === "android" && import_react_native17.UIManager.setLayoutAnimationEnabledExperimental) {
-  import_react_native17.UIManager.setLayoutAnimationEnabledExperimental(true);
-}
-var styles15 = import_react_native17.StyleSheet.create({
-  container: {
-    borderRadius: import_native.border.radius.m,
-    overflow: "hidden"
-  },
-  header: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    minHeight: 44,
-    paddingVertical: import_native.spacing.s,
-    paddingHorizontal: import_native.spacing.m
-  },
-  summaryText: {
-    flex: 1,
-    fontSize: import_native.font.size.body,
-    fontFamily: import_native.font.family.body,
-    fontWeight: import_native.font.weight.semibold,
-    lineHeight: lineHeight.body
-  },
-  chevron: {
-    fontSize: import_native.font.size.body,
-    marginStart: import_native.spacing.xs
-  },
-  content: {
-    paddingHorizontal: import_native.spacing.m,
-    paddingBottom: import_native.spacing.m
-  },
-  pressed: {
-    opacity: 0.75
-  }
-});
-function Collapsible({
-  summary,
-  children,
-  open: controlledOpen,
-  defaultOpen = false,
-  onToggle,
-  name: _name,
-  // eslint-disable-line @typescript-eslint/no-unused-vars
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const [internalOpen, setInternalOpen] = (0, import_react4.useState)(defaultOpen);
-  const isControlled = controlledOpen !== void 0;
-  const isOpen = isControlled ? controlledOpen : internalOpen;
-  const rotation = (0, import_react4.useRef)(new import_react_native17.Animated.Value(isOpen ? 1 : 0)).current;
-  const toggle = (0, import_react4.useCallback)(() => {
-    const next = !isOpen;
-    import_react_native17.LayoutAnimation.configureNext(import_react_native17.LayoutAnimation.Presets.easeInEaseOut);
-    import_react_native17.Animated.timing(rotation, {
-      toValue: next ? 1 : 0,
-      duration: 200,
-      useNativeDriver: true
-    }).start();
-    if (!isControlled) {
-      setInternalOpen(next);
-    }
-    onToggle?.(next);
-  }, [isOpen, isControlled, onToggle, rotation]);
-  const rotateZ = rotation.interpolate({
-    inputRange: [0, 1],
-    outputRange: ["0deg", "90deg"]
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-    import_react_native17.View,
-    {
-      style: [styles15.container, { borderBottomWidth: 1, borderBottomColor: colors2.colorBgSubtle }, style],
-      accessibilityRole: "summary",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-          import_react_native17.Pressable,
-          {
-            onPress: toggle,
-            accessibilityRole: "button",
-            accessibilityLabel: summary,
-            accessibilityState: { expanded: isOpen },
-            style: ({ pressed }) => [styles15.header, pressed && styles15.pressed],
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native17.Text, { style: [styles15.summaryText, { color: colors2.colorOnBg }], children: summary }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                import_react_native17.Animated.Text,
-                {
-                  style: [styles15.chevron, { color: colors2.colorOnBgSubtle, transform: [{ rotateZ }] }],
-                  importantForAccessibility: "no",
-                  accessibilityElementsHidden: true,
-                  children: "\u25B8"
-                }
-              )
-            ]
-          }
-        ),
-        isOpen && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native17.View, { style: styles15.content, children })
-      ]
-    }
-  );
-}
-
-// src/components/ui/Accordion/Accordion.native.tsx
-var import_react5 = require("react");
-var import_react_native18 = require("react-native");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-if (import_react_native18.Platform.OS === "android" && import_react_native18.UIManager.setLayoutAnimationEnabledExperimental) {
-  import_react_native18.UIManager.setLayoutAnimationEnabledExperimental(true);
-}
-var styles16 = import_react_native18.StyleSheet.create({
-  container: {
-    overflow: "hidden",
-    borderRadius: import_native.border.radius.s
-  },
-  item: {
-    borderBottomWidth: 1
-  },
-  header: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    minHeight: 44,
-    paddingVertical: import_native.spacing.s,
-    paddingHorizontal: import_native.spacing.m
-  },
-  titleText: {
-    flex: 1,
-    fontSize: import_native.font.size.body,
-    fontFamily: import_native.font.family.body,
-    fontWeight: import_native.font.weight.semibold,
-    lineHeight: lineHeight.body
-  },
-  chevron: {
-    fontSize: import_native.font.size.bodyS,
-    marginStart: import_native.spacing.xs
-  },
-  panel: {
-    paddingHorizontal: import_native.spacing.m,
-    paddingBottom: import_native.spacing.m
-  },
-  pressed: {
-    opacity: 0.75
-  },
-  disabled: {
-    opacity: 0.4
-  }
-});
-function Accordion({
-  items,
-  allowMultiple = false,
-  defaultOpen = [],
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const [openIds, setOpenIds] = (0, import_react5.useState)(defaultOpen);
-  const toggle = (id) => {
-    import_react_native18.LayoutAnimation.configureNext(import_react_native18.LayoutAnimation.Presets.easeInEaseOut);
-    setOpenIds((prev) => {
-      const isOpen = prev.includes(id);
-      if (isOpen) return prev.filter((i) => i !== id);
-      return allowMultiple ? [...prev, id] : [id];
-    });
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native18.View, { style: [styles16.container, style], children: items.map((item, index) => {
-    const isOpen = openIds.includes(item.id);
-    const isLast = index === items.length - 1;
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-      import_react_native18.View,
-      {
-        style: [
-          styles16.item,
-          { borderBottomColor: colors2.colorBgSubtle },
-          isLast && { borderBottomWidth: 0 }
-        ],
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-            import_react_native18.Pressable,
-            {
-              onPress: () => toggle(item.id),
-              disabled: item.disabled,
-              accessibilityRole: "button",
-              accessibilityState: { expanded: isOpen, disabled: item.disabled },
-              style: ({ pressed }) => [
-                styles16.header,
-                item.disabled && styles16.disabled,
-                pressed && !item.disabled && styles16.pressed
-              ],
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native18.Text, { style: [styles16.titleText, { color: colors2.colorOnBg }], children: typeof item.title === "string" ? item.title : item.title }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                  import_react_native18.Text,
-                  {
-                    style: [styles16.chevron, { color: colors2.colorOnBgSubtle }],
-                    importantForAccessibility: "no",
-                    accessibilityElementsHidden: true,
-                    children: isOpen ? "\u25BE" : "\u25B8"
-                  }
-                )
-              ]
-            }
-          ),
-          isOpen && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native18.View, { style: styles16.panel, accessibilityRole: "summary", children: item.content })
-        ]
-      },
-      item.id
-    );
-  }) });
-}
-
-// src/components/ui/Tabs/Tabs.native.tsx
-var import_react6 = require("react");
-var import_react_native19 = require("react-native");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var styles17 = import_react_native19.StyleSheet.create({
-  container: {
-    overflow: "hidden"
-  },
-  tabList: {
-    flexDirection: "row",
-    borderBottomWidth: 2
-  },
-  tabButton: {
-    minHeight: 44,
-    paddingHorizontal: import_native.spacing.m,
-    paddingVertical: import_native.spacing.s,
-    alignItems: "center",
-    justifyContent: "center",
-    borderBottomWidth: 2,
-    marginBottom: -2
-  },
-  tabLabel: {
-    fontSize: import_native.font.size.body,
-    fontFamily: import_native.font.family.body,
-    lineHeight: lineHeight.body
-  },
-  panel: {
-    paddingVertical: import_native.spacing.m
-  },
-  pressed: {
-    opacity: 0.75
-  },
-  disabled: {
-    opacity: 0.4
-  }
-});
-function Tabs({
-  tabs,
-  defaultTab,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const [activeTab, setActiveTab] = (0, import_react6.useState)(defaultTab ?? tabs[0]?.id);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_native19.View, { style: [styles17.container, style], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      import_react_native19.ScrollView,
-      {
-        horizontal: true,
-        showsHorizontalScrollIndicator: false,
-        contentContainerStyle: [styles17.tabList, { borderBottomColor: colors2.colorBgSubtle }],
-        accessibilityRole: "tabbar",
-        children: tabs.map((tab) => {
-          const isActive = activeTab === tab.id;
-          return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-            import_react_native19.Pressable,
-            {
-              onPress: () => setActiveTab(tab.id),
-              disabled: tab.disabled,
-              accessibilityRole: "tab",
-              accessibilityState: {
-                selected: isActive,
-                disabled: tab.disabled
-              },
-              accessibilityLabel: typeof tab.label === "string" ? tab.label : void 0,
-              style: ({ pressed }) => [
-                styles17.tabButton,
-                {
-                  borderBottomColor: isActive ? colors2.colorInteractive : "transparent"
-                },
-                tab.disabled && styles17.disabled,
-                pressed && !tab.disabled && styles17.pressed
-              ],
-              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                import_react_native19.Text,
-                {
-                  style: [
-                    styles17.tabLabel,
-                    {
-                      color: isActive ? colors2.colorInteractive : colors2.colorOnBgSubtle,
-                      fontWeight: isActive ? import_native.font.weight.semibold : import_native.font.weight.body
-                    }
-                  ],
-                  children: tab.label
-                }
-              )
-            },
-            tab.id
-          );
-        })
-      }
-    ),
-    tabs.map((tab) => {
-      const isActive = activeTab === tab.id;
-      if (!isActive) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native19.View, { style: styles17.panel, accessibilityRole: "tabpanel", children: tab.content }, tab.id);
-    })
-  ] });
-}
-
-// src/components/ui/Table/Table.native.tsx
-var import_react_native20 = require("react-native");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var styles18 = import_react_native20.StyleSheet.create({
-  wrapper: {
-    borderRadius: import_native.border.radius.s,
-    overflow: "hidden"
-  },
-  caption: {
-    fontSize: import_native.font.size.bodyS,
-    fontFamily: import_native.font.family.body,
-    fontWeight: import_native.font.weight.semibold,
-    lineHeight: lineHeight.bodyS,
-    paddingVertical: import_native.spacing.xs,
-    paddingHorizontal: import_native.spacing.m
-  },
-  headerRow: {
-    flexDirection: "row"
-  },
-  headerCell: {
-    flex: 1,
-    minWidth: 100,
-    paddingVertical: import_native.spacing.s,
-    paddingHorizontal: import_native.spacing.m,
-    flexDirection: "row",
-    alignItems: "center",
-    gap: import_native.spacing.xxs
-  },
-  headerText: {
-    fontSize: import_native.font.size.bodyS,
-    fontFamily: import_native.font.family.body,
-    fontWeight: import_native.font.weight.semibold,
-    lineHeight: lineHeight.bodyS
-  },
-  sortIndicator: {
-    fontSize: import_native.font.size.bodyS
-  },
-  row: {
-    flexDirection: "row",
-    borderTopWidth: 1,
-    minHeight: 44
-  },
-  cell: {
-    flex: 1,
-    minWidth: 100,
-    paddingVertical: import_native.spacing.s,
-    paddingHorizontal: import_native.spacing.m,
-    justifyContent: "center"
-  },
-  cellText: {
-    fontSize: import_native.font.size.body,
-    fontFamily: import_native.font.family.body,
-    fontWeight: import_native.font.weight.body,
-    lineHeight: lineHeight.body
-  },
-  pressed: {
-    opacity: 0.75
-  }
-});
-function Table({
-  columns,
-  rows,
-  caption,
-  sortKey,
-  sortDirection,
-  onSort,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const handleSort = (key) => {
-    if (!onSort) return;
-    const nextDirection = sortKey === key && sortDirection === "asc" ? "desc" : "asc";
-    onSort(key, nextDirection);
-  };
-  const getSortLabel = (col) => {
-    const base = `Sort by ${String(col.header)}`;
-    if (sortKey !== col.key) return base;
-    return `${base}, currently ${sortDirection === "asc" ? "ascending" : "descending"}`;
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    import_react_native20.ScrollView,
-    {
-      horizontal: true,
-      showsHorizontalScrollIndicator: true,
-      style: [styles18.wrapper, { backgroundColor: colors2.colorBg }, style],
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_native20.View, { children: [
-        caption && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native20.Text, { style: [styles18.caption, { color: colors2.colorOnBgSubtle }], children: caption }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native20.View, { style: [styles18.headerRow, { backgroundColor: colors2.colorBgSubtle }], children: columns.map(
-          (col) => col.sortable ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-            import_react_native20.Pressable,
-            {
-              onPress: () => handleSort(col.key),
-              accessibilityRole: "button",
-              accessibilityLabel: getSortLabel(col),
-              style: ({ pressed }) => [styles18.headerCell, pressed && styles18.pressed],
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native20.Text, { style: [styles18.headerText, { color: colors2.colorOnBg }], children: col.header }),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                  import_react_native20.Text,
-                  {
-                    style: [
-                      styles18.sortIndicator,
-                      {
-                        color: sortKey === col.key ? colors2.colorInteractive : colors2.colorOnBgSubtle
-                      }
-                    ],
-                    importantForAccessibility: "no",
-                    accessibilityElementsHidden: true,
-                    children: sortKey === col.key ? sortDirection === "asc" ? "\u25B2" : "\u25BC" : "\u25BD"
-                  }
-                )
-              ]
-            },
-            col.key
-          ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native20.View, { style: styles18.headerCell, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native20.Text, { style: [styles18.headerText, { color: colors2.colorOnBg }], children: col.header }) }, col.key)
-        ) }),
-        rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-          import_react_native20.View,
-          {
-            style: [
-              styles18.row,
-              { borderTopColor: colors2.colorBgSubtle },
-              rowIndex % 2 === 1 && { backgroundColor: colors2.colorBgSubtle }
-            ],
-            accessibilityRole: "none",
-            children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native20.View, { style: styles18.cell, children: col.render ? typeof col.render(row) === "string" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native20.Text, { style: [styles18.cellText, { color: colors2.colorOnBg }], children: col.render(row) }) : col.render(row) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_native20.Text, { style: [styles18.cellText, { color: colors2.colorOnBg }], children: String(row[col.key] ?? "") }) }, col.key))
-          },
-          rowIndex
-        ))
-      ] })
-    }
-  );
-}
-
-// src/components/ui/Calendar/Calendar.native.tsx
-var import_react7 = require("react");
-var import_react_native21 = require("react-native");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var DAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-var DAY_LABELS = {
-  Su: "Sunday",
-  Mo: "Monday",
-  Tu: "Tuesday",
-  We: "Wednesday",
-  Th: "Thursday",
-  Fr: "Friday",
-  Sa: "Saturday"
-};
-var MONTHS = [
-  "January",
-  "February",
-  "March",
-  "April",
-  "May",
-  "June",
-  "July",
-  "August",
-  "September",
-  "October",
-  "November",
-  "December"
-];
-function isSameDay(a, b) {
-  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
-}
-function toMidnight(date) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate());
-}
-function isOutOfRange(date, min, max) {
-  const d = toMidnight(date);
-  if (min && d < toMidnight(min)) return true;
-  return !!(max && d > toMidnight(max));
-}
-function getDaysInMonth(year, month) {
-  return new Date(year, month + 1, 0).getDate();
-}
-function getFirstDayOfMonth(year, month) {
-  return new Date(year, month, 1).getDay();
-}
-var DAY_SIZE = 44;
-var styles19 = import_react_native21.StyleSheet.create({
-  container: {
-    alignSelf: "flex-start"
-  },
-  header: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingVertical: import_native.spacing.xs,
-    paddingHorizontal: import_native.spacing.xxs
-  },
-  navButton: {
-    minWidth: DAY_SIZE,
-    minHeight: DAY_SIZE,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: import_native.border.radius.full
-  },
-  navText: {
-    fontSize: import_native.font.size.heading3,
-    fontWeight: import_native.font.weight.semibold
-  },
-  monthYear: {
-    fontSize: import_native.font.size.body,
-    fontFamily: import_native.font.family.body,
-    fontWeight: import_native.font.weight.semibold,
-    lineHeight: lineHeight.body
-  },
-  weekRow: {
-    flexDirection: "row"
-  },
-  weekday: {
-    width: DAY_SIZE,
-    height: DAY_SIZE,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  weekdayText: {
-    fontSize: import_native.font.size.bodyS,
-    fontFamily: import_native.font.family.body,
-    fontWeight: import_native.font.weight.semibold,
-    lineHeight: lineHeight.bodyS
-  },
-  grid: {
-    gap: import_native.spacing.xxxs
-  },
-  dayRow: {
-    flexDirection: "row"
-  },
-  dayCell: {
-    width: DAY_SIZE,
-    height: DAY_SIZE,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: import_native.border.radius.full
-  },
-  dayText: {
-    fontSize: import_native.font.size.body,
-    fontFamily: import_native.font.family.body,
-    lineHeight: lineHeight.body
-  },
-  today: {
-    borderWidth: 1
-  },
-  pressed: {
-    opacity: 0.75
-  },
-  disabled: {
-    opacity: 0.4
-  }
-});
-function Calendar({
-  value,
-  defaultValue,
-  min,
-  max,
-  onChange,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const today = /* @__PURE__ */ new Date();
-  const controlled = value !== void 0;
-  const [internal, setInternal] = (0, import_react7.useState)(defaultValue);
-  const selected = controlled ? value : internal;
-  const [viewYear, setViewYear] = (0, import_react7.useState)(
-    selected?.getFullYear() ?? today.getFullYear()
-  );
-  const [viewMonth, setViewMonth] = (0, import_react7.useState)(
-    selected?.getMonth() ?? today.getMonth()
-  );
-  const daysInMonth = getDaysInMonth(viewYear, viewMonth);
-  const firstDay = getFirstDayOfMonth(viewYear, viewMonth);
-  const navigate = (delta) => {
-    const d = new Date(viewYear, viewMonth + delta, 1);
-    setViewYear(d.getFullYear());
-    setViewMonth(d.getMonth());
-  };
-  const selectDay = (day) => {
-    const date = new Date(viewYear, viewMonth, day);
-    if (isOutOfRange(date, min, max)) return;
-    if (!controlled) setInternal(date);
-    onChange?.(date);
-  };
-  const cells = [
-    ...Array.from({ length: firstDay }, () => null),
-    ...Array.from({ length: daysInMonth }, (_, i) => ({ day: i + 1 }))
-  ];
-  while (cells.length % 7 !== 0) cells.push(null);
-  const rows = Array.from(
-    { length: cells.length / 7 },
-    (_, i) => cells.slice(i * 7, i * 7 + 7)
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-    import_react_native21.View,
-    {
-      style: [styles19.container, style],
-      accessibilityRole: "none",
-      accessibilityLabel: `${MONTHS[viewMonth]} ${viewYear} calendar`,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_native21.View, { style: styles19.header, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_react_native21.Pressable,
-            {
-              onPress: () => navigate(-1),
-              accessibilityRole: "button",
-              accessibilityLabel: "Previous month",
-              style: ({ pressed }) => [styles19.navButton, pressed && styles19.pressed],
-              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native21.Text, { style: [styles19.navText, { color: colors2.colorOnBg }], children: "\u2039" })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-            import_react_native21.Text,
-            {
-              style: [styles19.monthYear, { color: colors2.colorOnBg }],
-              accessibilityRole: "text",
-              accessibilityLiveRegion: "polite",
-              children: [
-                MONTHS[viewMonth],
-                " ",
-                viewYear
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_react_native21.Pressable,
-            {
-              onPress: () => navigate(1),
-              accessibilityRole: "button",
-              accessibilityLabel: "Next month",
-              style: ({ pressed }) => [styles19.navButton, pressed && styles19.pressed],
-              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native21.Text, { style: [styles19.navText, { color: colors2.colorOnBg }], children: "\u203A" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native21.View, { style: styles19.weekRow, children: DAYS.map((d) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native21.View, { style: styles19.weekday, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-          import_react_native21.Text,
-          {
-            style: [styles19.weekdayText, { color: colors2.colorOnBgSubtle }],
-            accessibilityLabel: DAY_LABELS[d],
-            children: d
-          }
-        ) }, d)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native21.View, { style: styles19.grid, children: rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native21.View, { style: styles19.dayRow, children: row.map((cell, colIndex) => {
-          if (!cell) {
-            return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native21.View, { style: styles19.dayCell }, colIndex);
-          }
-          const date = new Date(viewYear, viewMonth, cell.day);
-          const isSelected = selected ? isSameDay(date, selected) : false;
-          const isToday = isSameDay(date, today);
-          const disabled = isOutOfRange(date, min, max);
-          return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_react_native21.Pressable,
-            {
-              onPress: () => selectDay(cell.day),
-              disabled,
-              accessibilityRole: "button",
-              accessibilityLabel: date.toLocaleDateString("en", {
-                month: "long",
-                day: "numeric",
-                year: "numeric"
-              }),
-              accessibilityState: {
-                selected: isSelected,
-                disabled
-              },
-              style: ({ pressed }) => [
-                styles19.dayCell,
-                isSelected && {
-                  backgroundColor: colors2.colorInteractive
-                },
-                isToday && !isSelected && [
-                  styles19.today,
-                  { borderColor: colors2.colorInteractive }
-                ],
-                disabled && styles19.disabled,
-                pressed && !disabled && styles19.pressed
-              ],
-              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                import_react_native21.Text,
-                {
-                  style: [
-                    styles19.dayText,
-                    {
-                      color: isSelected ? colors2.colorOnInteractive : colors2.colorOnBg,
-                      fontWeight: isToday ? import_native.font.weight.semibold : import_native.font.weight.body
-                    }
-                  ],
-                  children: cell.day
-                }
-              )
-            },
-            colIndex
-          );
-        }) }, rowIndex)) })
-      ]
-    }
-  );
-}
-
-// src/components/ui/Carousel/Carousel.native.tsx
-var import_react8 = require("react");
-var import_react_native22 = require("react-native");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var DOT_SIZE = 8;
-var DOT_HIT_SIZE = 44;
-var styles20 = import_react_native22.StyleSheet.create({
-  container: {
-    width: "100%"
-  },
-  scrollView: {
-    flexGrow: 0
-  },
-  slide: {
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  nav: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: import_native.spacing.xs,
-    paddingVertical: import_native.spacing.s
-  },
-  navButton: {
-    minWidth: 44,
-    minHeight: 44,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: import_native.border.radius.s
-  },
-  navText: {
-    fontSize: 20,
-    fontWeight: "600"
-  },
-  dots: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: import_native.spacing.xs
-  },
-  dotWrapper: {
-    minWidth: DOT_HIT_SIZE,
-    minHeight: DOT_HIT_SIZE,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  dot: {
-    width: DOT_SIZE,
-    height: DOT_SIZE,
-    borderRadius: DOT_SIZE / 2
-  },
-  pressed: {
-    opacity: 0.75
-  }
-});
-function Carousel({
-  items,
-  label,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const scrollRef = (0, import_react8.useRef)(null);
-  const [activeIndex, setActiveIndex] = (0, import_react8.useState)(0);
-  const [slideWidth, setSlideWidth] = (0, import_react8.useState)(import_react_native22.Dimensions.get("window").width);
-  const handleScroll = (0, import_react8.useCallback)(
-    (e) => {
-      const offset = e.nativeEvent.contentOffset.x;
-      const width = e.nativeEvent.layoutMeasurement.width;
-      if (width > 0) {
-        const index = Math.round(offset / width);
-        setActiveIndex(index);
-      }
-    },
-    []
-  );
-  const scrollTo = (index) => {
-    const clamped = Math.max(0, Math.min(index, items.length - 1));
-    scrollRef.current?.scrollTo({ x: clamped * slideWidth, animated: true });
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-    import_react_native22.View,
-    {
-      style: [styles20.container, style],
-      accessibilityRole: "none",
-      accessibilityLabel: label,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-          import_react_native22.ScrollView,
-          {
-            ref: scrollRef,
-            horizontal: true,
-            pagingEnabled: true,
-            showsHorizontalScrollIndicator: false,
-            onScroll: handleScroll,
-            scrollEventThrottle: 16,
-            onLayout: (e) => setSlideWidth(e.nativeEvent.layout.width),
-            style: styles20.scrollView,
-            children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native22.View, { style: [styles20.slide, { width: slideWidth }], children: item }, index))
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_native22.View, { style: styles20.nav, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            import_react_native22.Pressable,
-            {
-              onPress: () => scrollTo(activeIndex - 1),
-              disabled: activeIndex <= 0,
-              accessibilityRole: "button",
-              accessibilityLabel: "Previous",
-              accessibilityState: { disabled: activeIndex <= 0 },
-              style: ({ pressed }) => [
-                styles20.navButton,
-                activeIndex <= 0 && { opacity: 0.4 },
-                pressed && styles20.pressed
-              ],
-              children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native22.Text, { style: [styles20.navText, { color: colors2.colorOnBg }], children: "\u2039" })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native22.View, { style: styles20.dots, children: items.map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            import_react_native22.Pressable,
-            {
-              onPress: () => scrollTo(index),
-              accessibilityRole: "button",
-              accessibilityLabel: `Go to slide ${index + 1}`,
-              accessibilityState: { selected: activeIndex === index },
-              style: styles20.dotWrapper,
-              children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                import_react_native22.View,
-                {
-                  style: [
-                    styles20.dot,
-                    {
-                      backgroundColor: activeIndex === index ? colors2.colorInteractive : colors2.colorBgSubtle
-                    }
-                  ]
-                }
-              )
-            },
-            index
-          )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            import_react_native22.Pressable,
-            {
-              onPress: () => scrollTo(activeIndex + 1),
-              disabled: activeIndex >= items.length - 1,
-              accessibilityRole: "button",
-              accessibilityLabel: "Next",
-              accessibilityState: { disabled: activeIndex >= items.length - 1 },
-              style: ({ pressed }) => [
-                styles20.navButton,
-                activeIndex >= items.length - 1 && { opacity: 0.4 },
-                pressed && styles20.pressed
-              ],
-              children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_native22.Text, { style: [styles20.navText, { color: colors2.colorOnBg }], children: "\u203A" })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/layout/Card/Card.native.tsx
-var import_react_native23 = require("react-native");
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var paddingMap = {
-  none: 0,
-  small: import_native.spacing.s,
-  medium: import_native.spacing.m,
-  large: import_native.spacing.xxl
-};
-var alignMap = {
-  start: "flex-start",
-  center: "center",
-  end: "flex-end"
-};
-var styles21 = import_react_native23.StyleSheet.create({
-  card: {
-    borderRadius: import_native.border.radius.m,
-    overflow: "hidden"
-  }
-});
-function Card({
-  children,
-  variant = "default",
-  padding = "medium",
-  textAlign = "start",
-  style,
-  onPress,
-  accessibilityLabel
-}) {
-  const { colors: colors2 } = useTheme();
-  const variantStyle = {
-    backgroundColor: colors2.colorBg,
-    ...variant === "elevated" && {
-      shadowColor: "#000",
-      shadowOffset: { width: 0, height: 2 },
-      shadowOpacity: 0.1,
-      shadowRadius: 8,
-      elevation: 4
-    },
-    ...variant === "outlined" && {
-      borderWidth: 1,
-      borderColor: colors2.colorBgSubtle
-    }
-  };
-  const inner = {
-    padding: paddingMap[padding],
-    alignItems: alignMap[textAlign]
-  };
-  if (onPress) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      import_react_native23.Pressable,
-      {
-        onPress,
-        accessibilityRole: "button",
-        accessibilityLabel,
-        style: ({ pressed }) => [styles21.card, variantStyle, inner, pressed && { opacity: 0.8 }, style],
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_native23.View, { style: [styles21.card, variantStyle, inner, style], children });
-}
-
-// src/components/layout/SectionHeader/SectionHeader.native.tsx
-var import_react_native24 = require("react-native");
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var alignMap2 = {
-  start: "flex-start",
-  center: "center",
-  end: "flex-end"
-};
-var titleStyles = import_react_native24.StyleSheet.create({
-  small: {
-    fontSize: import_native.font.size.heading3,
-    fontFamily: import_native.font.family.heading,
-    fontWeight: import_native.font.weight.heading,
-    lineHeight: lineHeight.heading3
-  },
-  medium: {
-    fontSize: import_native.font.size.heading2,
-    fontFamily: import_native.font.family.heading,
-    fontWeight: import_native.font.weight.heading,
-    lineHeight: lineHeight.heading2
-  },
-  large: {
-    fontSize: import_native.font.size.heading1,
-    fontFamily: import_native.font.family.heading,
-    fontWeight: import_native.font.weight.heading,
-    lineHeight: lineHeight.heading1
-  }
-});
-var styles22 = import_react_native24.StyleSheet.create({
-  container: {
-    gap: import_native.spacing.xxs
-  },
-  subtitle: {
-    fontSize: import_native.font.size.bodyS,
-    fontFamily: import_native.font.family.body,
-    lineHeight: lineHeight.bodyS
-  }
-});
-function SectionHeader({
-  title,
-  subtitle,
-  alignment = "start",
-  size = "medium",
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const align = alignMap2[alignment];
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react_native24.View, { style: [styles22.container, { alignItems: align }, style], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-      import_react_native24.Text,
-      {
-        accessibilityRole: "header",
-        style: [titleStyles[size], { color: colors2.colorOnBg }],
-        children: title
-      }
-    ),
-    subtitle && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_native24.Text, { style: [styles22.subtitle, { color: colors2.colorOnBgSubtle }], children: subtitle })
-  ] });
-}
-
-// src/components/layout/IconWrapper/IconWrapper.native.tsx
-var import_react_native25 = require("react-native");
-var import_jsx_runtime25 = require("react/jsx-runtime");
-function IconWrapper({ children, style, accessibilityElementsHidden }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    import_react_native25.View,
-    {
-      style: [{ alignItems: "center", justifyContent: "center" }, style],
-      importantForAccessibility: accessibilityElementsHidden ? "no-hide-descendants" : "auto",
-      accessibilityElementsHidden,
-      children
-    }
-  );
-}
-
-// src/components/layout/ButtonGroup/ButtonGroup.native.tsx
-var import_react_native26 = require("react-native");
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var styles23 = import_react_native26.StyleSheet.create({
-  group: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: import_native.spacing.xs
-  },
-  column: {
-    flexDirection: "column",
-    gap: import_native.spacing.xs
-  }
-});
-function ButtonContainer({ children, variant, accessibilityLabel, style }) {
-  const isColumn = variant === "card" || variant === "modal";
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-    import_react_native26.View,
-    {
-      accessibilityLabel,
-      style: [isColumn ? styles23.column : styles23.group, style],
-      children
-    }
-  );
-}
-var ButtonGroup = ButtonContainer;
-
-// src/components/interaction/Button/Button.native.tsx
-var import_react_native27 = require("react-native");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var sizeTokens = {
-  small: { height: 36, px: import_native.spacing.m, fontSize: import_native.font.size.bodyS, radius: import_native.border.radius.full },
-  medium: { height: 48, px: import_native.spacing.m, fontSize: import_native.font.size.body, radius: import_native.border.radius.full },
-  large: { height: 56, px: import_native.spacing.xxl, fontSize: import_native.font.size.heading3, radius: import_native.border.radius.full }
-};
-var styles24 = import_react_native27.StyleSheet.create({
-  pressable: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: import_native.spacing.xs,
-    alignSelf: "flex-start"
-  },
-  label: {
-    fontFamily: import_native.font.family.body,
-    fontWeight: import_native.font.weight.semibold,
-    includeFontPadding: false
-  }
-});
-function Button({
-  children,
-  variant = "default",
-  size = "medium",
-  iconStart,
-  iconEnd,
-  disabled = false,
-  isIconOnly = false,
-  onPress,
-  accessibilityLabel,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const { height, px, fontSize, radius } = sizeTokens[size];
-  const primaryColor = colors2.colorInteractive;
-  const onPrimaryColor = colors2.colorOnInteractive;
-  const outlineTextColor = colors2.colorInteractiveOnBg;
-  const isOutline = variant === "outline" || variant === "ghost";
-  const containerStyle = {
-    height,
-    paddingHorizontal: isIconOnly ? import_native.spacing.xs : px,
-    borderRadius: radius,
-    opacity: disabled ? 0.4 : 1,
-    // Icon-only: square with equal xs padding on both axes.
-    ...isIconOnly && { aspectRatio: 1, paddingVertical: import_native.spacing.xs },
-    ...variant === "default" && { backgroundColor: primaryColor },
-    ...isOutline && {
-      backgroundColor: "transparent",
-      borderWidth: 1,
-      borderColor: outlineTextColor
-    }
-  };
-  const textColor = variant === "default" ? onPrimaryColor : outlineTextColor;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-    import_react_native27.Pressable,
-    {
-      onPress,
-      disabled,
-      accessibilityRole: "button",
-      accessibilityLabel,
-      accessibilityState: { disabled },
-      style: ({ pressed }) => [styles24.pressable, containerStyle, pressed && { opacity: 0.75 }, style],
-      children: [
-        iconStart && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_native27.View, { importantForAccessibility: "no-hide-descendants", accessibilityElementsHidden: true, children: iconStart }),
-        children && (isIconOnly ? children : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_native27.Text, { style: [styles24.label, { fontSize, color: textColor }], children })),
-        iconEnd && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_native27.View, { importantForAccessibility: "no-hide-descendants", children: iconEnd })
-      ]
-    }
-  );
-}
-
-// src/components/interaction/Rating/Rating.native.tsx
-var import_react_native28 = require("react-native");
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var STAR_SIZE = 24;
-var styles25 = import_react_native28.StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  star: {
-    fontSize: STAR_SIZE,
-    fontFamily: import_native.font.family.body
-  }
-});
-function Rating({ value, max = 5, style, accessibilityLabel }) {
-  const { colors: colors2 } = useTheme();
-  const label = accessibilityLabel ?? `${value} out of ${max} stars`;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    import_react_native28.View,
-    {
-      style: [styles25.container, style],
-      accessibilityRole: "image",
-      accessibilityLabel: label,
-      children: Array.from({ length: max }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-        import_react_native28.Text,
-        {
-          style: [
-            styles25.star,
-            { color: i < value ? colors2.colorWarning : colors2.colorBgSubtle }
-          ],
-          importantForAccessibility: "no",
-          accessibilityElementsHidden: true,
-          children: "\u2605"
-        },
-        i
-      ))
-    }
-  );
-}
-
-// src/components/interaction/form/Switch/Switch.native.tsx
-var import_react_native31 = require("react-native");
-
-// src/components/interaction/form/atoms/Label.native.tsx
-var import_react_native29 = require("react-native");
-var import_jsx_runtime29 = require("react/jsx-runtime");
-function Label({ label, style }) {
-  const { colors: colors2 } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    import_react_native29.Text,
-    {
-      style: [
-        {
-          fontFamily: import_native.font.family.body,
-          fontSize: import_native.font.size.body,
-          lineHeight: lineHeight.body,
-          fontWeight: import_native.font.weight.semibold,
-          color: colors2.colorOnBg
-        },
-        style
-      ],
-      children: label
-    }
-  );
-}
-
-// src/components/interaction/form/atoms/Message.native.tsx
-var import_react_native30 = require("react-native");
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var styles26 = import_react_native30.StyleSheet.create({
-  base: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.bodyS,
-    lineHeight: lineHeight.bodyS
-  }
-});
-function Message({ message, type, style }) {
-  const { colors: colors2 } = useTheme();
-  if (!message) return null;
-  const color = type === "error" ? colors2.colorError : colors2.colorOnBgSubtle;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-    import_react_native30.Text,
-    {
-      accessibilityRole: type === "error" ? "alert" : "none",
-      accessibilityLiveRegion: type === "error" ? "assertive" : "polite",
-      style: [styles26.base, { color }, style],
-      children: message
-    }
-  );
-}
-
-// src/components/interaction/form/Switch/Switch.native.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var styles27 = import_react_native31.StyleSheet.create({
-  container: {
-    gap: import_native.spacing.xxs
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: import_native.spacing.xs
-  }
-});
-function Switch({
-  label,
-  value = false,
-  onChange,
-  disabled = false,
-  error,
-  hint,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_native31.View, { style: [styles27.container, style], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react_native31.View, { style: styles27.row, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-        import_react_native31.Switch,
-        {
-          value,
-          onValueChange: onChange,
-          disabled,
-          accessibilityLabel: label,
-          accessibilityRole: "switch",
-          accessibilityState: { checked: value, disabled },
-          thumbColor: colors2.colorInteractive,
-          trackColor: { false: colors2.colorBgSubtle, true: colors2.colorBlueSubtle }
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Label, { label })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Message, { type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Message, { type: "hint", message: hint })
-  ] });
-}
-
-// src/components/interaction/form/Checkbox/Checkbox.native.tsx
-var import_react_native32 = require("react-native");
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var BOX = 22;
-var styles28 = import_react_native32.StyleSheet.create({
-  container: {
-    gap: import_native.spacing.xxs
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: import_native.spacing.xs,
-    minHeight: 44
-  },
-  box: {
-    width: BOX,
-    height: BOX,
-    borderRadius: import_native.border.radius.xs,
-    borderWidth: 2,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  checkmark: {
-    fontSize: 14,
-    fontWeight: "700",
-    lineHeight: 16
-  }
-});
-function Checkbox({
-  label,
-  name,
-  checked = false,
-  onChange,
-  disabled = false,
-  error,
-  hint,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const borderColor = error ? colors2.colorError : checked ? colors2.colorInteractive : colors2.colorOnBg;
-  const bgColor = checked ? colors2.colorInteractive : "transparent";
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react_native32.View, { style: [styles28.container, style], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-      import_react_native32.Pressable,
-      {
-        onPress: () => !disabled && onChange?.(!checked),
-        accessibilityRole: "checkbox",
-        accessibilityLabel: typeof label === "string" ? label : name,
-        accessibilityState: { checked, disabled },
-        disabled,
-        style: ({ pressed }) => [styles28.row, pressed && { opacity: 0.7 }, disabled && { opacity: 0.4 }],
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_native32.View, { style: [styles28.box, { borderColor, backgroundColor: bgColor }], children: checked && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Label, { label: "\u2713", style: [styles28.checkmark, { color: colors2.colorOnInteractive }] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Label, { label })
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Message, { type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Message, { type: "hint", message: hint })
-  ] });
-}
-
-// src/components/interaction/form/CheckboxGroup/CheckboxGroup.native.tsx
-var import_react_native33 = require("react-native");
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var styles29 = import_react_native33.StyleSheet.create({
-  container: {
-    gap: import_native.spacing.xs
-  },
-  legend: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.body,
-    lineHeight: lineHeight.body,
-    fontWeight: import_native.font.weight.semibold
-  },
-  required: {
-    fontWeight: import_native.font.weight.body
-  },
-  items: {
-    gap: import_native.spacing.xxs
-  }
-});
-function CheckboxGroup({
-  legend,
-  children,
-  error,
-  hint,
-  required,
-  disabled = false,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
-    import_react_native33.View,
-    {
-      style: [styles29.container, disabled && { opacity: 0.4 }, style],
-      accessibilityRole: "none",
-      accessibilityLabel: legend,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react_native33.Text, { style: [styles29.legend, { color: colors2.colorOnBg }], children: [
-          legend,
-          required && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_native33.Text, { style: [styles29.required, { color: colors2.colorOnBgSubtle }], children: " *" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_native33.View, { style: styles29.items, children }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Message, { type: "error", message: error }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Message, { type: "hint", message: hint })
-      ]
-    }
-  );
-}
-
-// src/components/interaction/form/Radio/Radio.native.tsx
-var import_react_native34 = require("react-native");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var DOT = 22;
-var INNER = 10;
-var styles30 = import_react_native34.StyleSheet.create({
-  container: {
-    gap: import_native.spacing.xxs
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: import_native.spacing.xs,
-    minHeight: 44
-  },
-  outer: {
-    width: DOT,
-    height: DOT,
-    borderRadius: DOT / 2,
-    borderWidth: 2,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  inner: {
-    width: INNER,
-    height: INNER,
-    borderRadius: INNER / 2
-  }
-});
-function Radio({
-  label,
-  name,
-  checked = false,
-  onChange,
-  disabled = false,
-  error,
-  hint,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const borderColor = error ? colors2.colorError : checked ? colors2.colorInteractive : colors2.colorOnBg;
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_native34.View, { style: [styles30.container, style], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
-      import_react_native34.Pressable,
-      {
-        onPress: () => !disabled && onChange?.(),
-        accessibilityRole: "radio",
-        accessibilityLabel: typeof label === "string" ? label : name,
-        accessibilityState: { checked, disabled },
-        disabled,
-        style: ({ pressed }) => [styles30.row, pressed && { opacity: 0.7 }, disabled && { opacity: 0.4 }],
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_native34.View, { style: [styles30.outer, { borderColor }], children: checked && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_native34.View, { style: [styles30.inner, { backgroundColor: colors2.colorInteractive }] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Label, { label })
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Message, { type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Message, { type: "hint", message: hint })
-  ] });
-}
-
-// src/components/interaction/form/RadioGroup/RadioGroup.native.tsx
-var import_react_native35 = require("react-native");
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var styles31 = import_react_native35.StyleSheet.create({
-  container: {
-    gap: import_native.spacing.xs
-  },
-  legend: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.body,
-    lineHeight: lineHeight.body,
-    fontWeight: import_native.font.weight.semibold
-  },
-  required: {
-    fontWeight: import_native.font.weight.body
-  },
-  items: {
-    gap: import_native.spacing.xxs
-  }
-});
-function RadioGroup({
-  legend,
-  children,
-  error,
-  hint,
-  required,
-  disabled = false,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
-    import_react_native35.View,
-    {
-      style: [styles31.container, disabled && { opacity: 0.4 }, style],
-      accessibilityRole: "radiogroup",
-      accessibilityLabel: legend,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react_native35.Text, { style: [styles31.legend, { color: colors2.colorOnBg }], children: [
-          legend,
-          required && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_native35.Text, { style: [styles31.required, { color: colors2.colorOnBgSubtle }], children: " *" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_native35.View, { style: styles31.items, children }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Message, { type: "error", message: error }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Message, { type: "hint", message: hint })
-      ]
-    }
-  );
-}
-
-// src/components/interaction/form/FileInput/FileInput.native.tsx
-var import_react_native36 = require("react-native");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var styles32 = import_react_native36.StyleSheet.create({
-  container: {
-    gap: import_native.spacing.xxs
-  },
-  dropZone: {
-    alignItems: "center",
-    justifyContent: "center",
-    gap: import_native.spacing.xs,
-    paddingVertical: import_native.spacing.xl,
-    paddingHorizontal: import_native.spacing.m,
-    borderWidth: 2,
-    borderStyle: "dashed",
-    borderRadius: import_native.border.radius.s,
-    minHeight: 120
-  },
-  icon: {
-    fontSize: 28,
-    lineHeight: 32
-  },
-  prompt: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.body,
-    lineHeight: lineHeight.body,
-    textAlign: "center"
-  },
-  acceptHint: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.bodyS,
-    lineHeight: lineHeight.bodyS,
-    textAlign: "center"
-  },
-  fileList: {
-    gap: import_native.spacing.xxs,
-    alignItems: "center"
-  },
-  fileName: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.bodyS,
-    lineHeight: lineHeight.bodyS
-  }
-});
-function FileInput({
-  label,
-  name,
-  accept,
-  disabled = false,
-  required,
-  error,
-  hint,
-  onSelect,
-  fileNames = [],
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const borderColor = error ? colors2.colorError : colors2.colorBgSubtle;
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react_native36.View, { style: [styles32.container, style], testID: name, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      Label,
-      {
-        label: required ? `${label} *` : label
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
-      import_react_native36.Pressable,
-      {
-        onPress: () => !disabled && onSelect?.(),
-        disabled,
-        accessibilityRole: "button",
-        accessibilityLabel: `${label}, tap to select file`,
-        accessibilityState: { disabled },
-        style: ({ pressed }) => [
-          styles32.dropZone,
-          {
-            borderColor,
-            backgroundColor: "transparent"
-          },
-          pressed && { opacity: 0.7 },
-          disabled && { opacity: 0.4 }
-        ],
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_native36.Text, { style: [styles32.icon, { color: colors2.colorInteractive }], children: "\u2191" }),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_native36.Text, { style: [styles32.prompt, { color: colors2.colorOnBgSubtle }], children: fileNames.length > 0 ? "Selected files:" : "Tap to select file" }),
-          fileNames.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_native36.View, { style: styles32.fileList, children: fileNames.map((fileName) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_native36.Text, { style: [styles32.fileName, { color: colors2.colorOnBg }], children: fileName }, fileName)) }),
-          accept && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_native36.Text, { style: [styles32.acceptHint, { color: colors2.colorOnBgSubtle }], children: accept })
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Message, { type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Message, { type: "hint", message: hint })
-  ] });
-}
-
-// src/components/interaction/form/Combobox/Combobox.native.tsx
-var import_react9 = require("react");
-var import_react_native37 = require("react-native");
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var MAX_DROPDOWN_HEIGHT = 200;
-var styles33 = import_react_native37.StyleSheet.create({
-  container: {
-    gap: import_native.spacing.xxs
-  },
-  inputWrapper: {
-    position: "relative"
-  },
-  input: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.body,
-    lineHeight: lineHeight.body,
-    paddingVertical: import_native.spacing.xs,
-    paddingHorizontal: import_native.spacing.s,
-    borderWidth: 1,
-    borderRadius: import_native.border.radius.full,
-    minHeight: 44
-  },
-  dropdown: {
-    position: "absolute",
-    top: "100%",
-    start: 0,
-    end: 0,
-    maxHeight: MAX_DROPDOWN_HEIGHT,
-    borderWidth: 1,
-    borderTopWidth: 0,
-    borderBottomStartRadius: import_native.border.radius.xs,
-    borderBottomEndRadius: import_native.border.radius.xs,
-    zIndex: 10
-  },
-  option: {
-    paddingVertical: import_native.spacing.xs,
-    paddingHorizontal: import_native.spacing.s,
-    minHeight: 44,
-    justifyContent: "center"
-  },
-  optionText: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.body,
-    lineHeight: lineHeight.body
-  }
-});
-function Combobox({
-  label,
-  name,
-  options,
-  placeholder,
-  value,
-  onChange,
-  disabled = false,
-  error,
-  hint,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const selectedOption = (0, import_react9.useMemo)(
-    () => options.find((o) => o.value === value),
-    [options, value]
-  );
-  const [inputValue, setInputValue] = (0, import_react9.useState)(selectedOption?.label ?? "");
-  const [isOpen, setIsOpen] = (0, import_react9.useState)(false);
-  const filtered = (0, import_react9.useMemo)(
-    () => options.filter(
-      (o) => o.label.toLowerCase().includes(inputValue.toLowerCase())
-    ),
-    [options, inputValue]
-  );
-  const selectOption = (option) => {
-    setInputValue(option.label);
-    setIsOpen(false);
-    onChange?.(option.value);
-  };
-  const handleChangeText = (text) => {
-    setInputValue(text);
-    setIsOpen(true);
-  };
-  const handleFocus = () => {
-    setIsOpen(true);
-  };
-  const handleBlur = () => {
-    setTimeout(() => setIsOpen(false), 150);
-  };
-  const borderColor = error ? colors2.colorError : colors2.colorOnBg;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react_native37.View, { style: [styles33.container, style], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Label, { label }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react_native37.View, { style: styles33.inputWrapper, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-        import_react_native37.TextInput,
-        {
-          value: inputValue,
-          onChangeText: handleChangeText,
-          onFocus: handleFocus,
-          onBlur: handleBlur,
-          placeholder,
-          placeholderTextColor: colors2.colorOnBgSubtle,
-          editable: !disabled,
-          accessibilityRole: "combobox",
-          accessibilityLabel: typeof label === "string" ? label : name,
-          accessibilityState: { disabled, expanded: isOpen },
-          style: [
-            styles33.input,
-            {
-              borderColor,
-              color: colors2.colorOnBg,
-              backgroundColor: colors2.colorBg
-            },
-            disabled && { opacity: 0.4 }
-          ]
-        }
-      ),
-      isOpen && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-        import_react_native37.ScrollView,
-        {
-          style: [
-            styles33.dropdown,
-            {
-              borderColor: colors2.colorBgSubtle,
-              backgroundColor: colors2.colorBg
-            }
-          ],
-          keyboardShouldPersistTaps: "handled",
-          nestedScrollEnabled: true,
-          children: filtered.map((option) => {
-            const isSelected = option.value === value;
-            const isDisabled = option.disabled;
-            return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-              import_react_native37.Pressable,
-              {
-                onPress: () => !isDisabled && selectOption(option),
-                disabled: isDisabled,
-                accessibilityRole: "menuitem",
-                accessibilityLabel: option.label,
-                accessibilityState: { selected: isSelected, disabled: isDisabled },
-                style: ({ pressed }) => [
-                  styles33.option,
-                  isSelected && { backgroundColor: colors2.colorBlueSubtle },
-                  pressed && !isDisabled && { backgroundColor: colors2.colorBgSubtle },
-                  isDisabled && { opacity: 0.4 }
-                ],
-                children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-                  import_react_native37.Text,
-                  {
-                    style: [
-                      styles33.optionText,
-                      {
-                        color: isSelected ? colors2.colorInteractive : colors2.colorOnBg
-                      },
-                      isSelected && { fontWeight: import_native.font.weight.semibold }
-                    ],
-                    children: option.label
-                  }
-                )
-              },
-              option.value
-            );
-          })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Message, { type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Message, { type: "hint", message: hint })
-  ] });
-}
-
-// src/components/interaction/form/SegmentedControl/SegmentedControl.native.tsx
-var import_react10 = require("react");
-var import_react_native38 = require("react-native");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var sizeTokens2 = {
-  small: { height: 32, fontSize: import_native.font.size.bodyS, px: import_native.spacing.s },
-  medium: { height: 40, fontSize: import_native.font.size.body, px: import_native.spacing.m },
-  large: { height: 48, fontSize: import_native.font.size.body, px: import_native.spacing.l }
-};
-var styles34 = import_react_native38.StyleSheet.create({
-  track: {
-    flexDirection: "row",
-    borderRadius: import_native.border.radius.full,
-    overflow: "hidden"
-  },
-  item: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    minHeight: 44
-  },
-  label: {
-    fontFamily: import_native.font.family.body,
-    fontWeight: import_native.font.weight.semibold,
-    textAlign: "center"
-  }
-});
-function SegmentedControl({
-  selectedIndex = 0,
-  disabled = false,
-  size = "medium",
-  variant = "outline",
-  children,
-  accessibilityLabel,
-  onValueChange,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const { height, fontSize, px } = sizeTokens2[size];
-  const items = import_react10.Children.toArray(children);
-  const trackStyle = variant === "filled" ? { backgroundColor: colors2.colorBgSubtle } : { backgroundColor: "transparent", borderWidth: 1, borderColor: colors2.colorBgSubtle };
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-    import_react_native38.View,
-    {
-      style: [styles34.track, trackStyle, { borderRadius: import_native.border.radius.full }, style],
-      accessibilityRole: "tablist",
-      accessibilityLabel,
-      children: items.map((child, index) => {
-        const isActive = index === selectedIndex;
-        const activeStyle = variant === "filled" ? { backgroundColor: colors2.colorInteractive } : { borderWidth: 2, borderColor: colors2.colorInteractive };
-        const inactiveStyle = variant === "filled" ? {} : {};
-        const textColor = variant === "filled" && isActive ? colors2.colorOnInteractive : isActive ? colors2.colorInteractive : colors2.colorOnBgSubtle;
-        const label = typeof child === "string" || typeof child === "number" ? String(child) : null;
-        return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-          import_react_native38.Pressable,
-          {
-            onPress: () => !disabled && onValueChange?.(index),
-            disabled,
-            accessibilityRole: "tab",
-            accessibilityLabel: label ?? void 0,
-            accessibilityState: { selected: isActive, disabled },
-            style: ({ pressed }) => [
-              styles34.item,
-              { height, paddingHorizontal: px },
-              isActive ? activeStyle : inactiveStyle,
-              variant === "filled" && isActive && { borderRadius: import_native.border.radius.full },
-              pressed && !disabled && { opacity: 0.7 },
-              disabled && { opacity: 0.4 }
-            ],
-            children: label !== null ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_native38.Text, { style: [styles34.label, { fontSize, color: textColor }], children: label }) : child
-          },
-          index
-        );
-      })
-    }
-  );
-}
-
-// src/components/interaction/form/FormInput/FormInput.native.tsx
-var import_react11 = require("react");
-var import_react_native39 = require("react-native");
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var keyboardTypeMap = {
-  text: "default",
-  email: "email-address",
-  password: "default",
-  tel: "phone-pad",
-  url: "url",
-  number: "numeric",
-  search: "default"
-};
-var styles35 = import_react_native39.StyleSheet.create({
-  container: {
-    gap: import_native.spacing.xxs
-  },
-  input: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.body,
-    lineHeight: lineHeight.body,
-    paddingHorizontal: import_native.spacing.s,
-    paddingVertical: import_native.spacing.xs,
-    borderWidth: 1,
-    borderRadius: import_native.border.radius.full,
-    minHeight: 44
-  }
-});
-function FormInput({
-  label,
-  name,
-  type = "text",
-  value,
-  defaultValue,
-  placeholder,
-  error,
-  hint,
-  disabled = false,
-  onChange,
-  onBlur,
-  onFocus,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const [focused, setFocused] = (0, import_react11.useState)(false);
-  const borderColor = error ? colors2.colorError : focused ? colors2.colorInteractive : colors2.colorOnBg;
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react_native39.View, { style: [styles35.container, style], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Label, { label }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-      import_react_native39.TextInput,
-      {
-        accessibilityLabel: typeof label === "string" ? label : name,
-        accessibilityState: { disabled },
-        accessibilityHint: hint,
-        value,
-        defaultValue,
-        placeholder,
-        placeholderTextColor: colors2.colorOnBgSubtle,
-        keyboardType: keyboardTypeMap[type],
-        secureTextEntry: type === "password",
-        autoCapitalize: type === "email" || type === "url" ? "none" : "sentences",
-        autoComplete: type === "email" ? "email" : type === "tel" ? "tel" : void 0,
-        editable: !disabled,
-        onChangeText: onChange,
-        onFocus: () => {
-          setFocused(true);
-          onFocus?.();
-        },
-        onBlur: () => {
-          setFocused(false);
-          onBlur?.();
-        },
-        style: [
-          styles35.input,
-          {
-            borderColor,
-            color: colors2.colorOnBg,
-            backgroundColor: colors2.colorBg
-          },
-          disabled && { opacity: 0.4 }
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Message, { type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Message, { type: "hint", message: hint })
-  ] });
-}
-
-// src/components/interaction/form/Textarea/Textarea.native.tsx
-var import_react12 = require("react");
-var import_react_native40 = require("react-native");
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var styles36 = import_react_native40.StyleSheet.create({
-  container: {
-    gap: import_native.spacing.xxs
-  },
-  textarea: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.body,
-    lineHeight: lineHeight.body,
-    paddingHorizontal: import_native.spacing.s,
-    paddingVertical: import_native.spacing.xs,
-    borderWidth: 1,
-    borderRadius: import_native.border.radius.xs,
-    minHeight: 100,
-    textAlignVertical: "top"
-  }
-});
-function Textarea({
-  label,
-  name,
-  value,
-  defaultValue,
-  placeholder,
-  error,
-  hint,
-  disabled = false,
-  numberOfLines = 4,
-  onChange,
-  onBlur,
-  onFocus,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const [focused, setFocused] = (0, import_react12.useState)(false);
-  const borderColor = error ? colors2.colorError : focused ? colors2.colorInteractive : colors2.colorOnBg;
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_react_native40.View, { style: [styles36.container, style], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Label, { label }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-      import_react_native40.TextInput,
-      {
-        accessibilityLabel: typeof label === "string" ? label : name,
-        accessibilityState: { disabled },
-        accessibilityHint: hint,
-        multiline: true,
-        numberOfLines,
-        value,
-        defaultValue,
-        placeholder,
-        placeholderTextColor: colors2.colorOnBgSubtle,
-        editable: !disabled,
-        onChangeText: onChange,
-        onFocus: () => {
-          setFocused(true);
-          onFocus?.();
-        },
-        onBlur: () => {
-          setFocused(false);
-          onBlur?.();
-        },
-        style: [
-          styles36.textarea,
-          {
-            borderColor,
-            color: colors2.colorOnBg,
-            backgroundColor: colors2.colorBg
-          },
-          disabled && { opacity: 0.4 }
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Message, { type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Message, { type: "hint", message: hint })
-  ] });
-}
-
-// src/components/interaction/form/Select/Select.native.tsx
-var import_react13 = require("react");
-var import_react_native41 = require("react-native");
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var styles37 = import_react_native41.StyleSheet.create({
-  container: {
-    gap: import_native.spacing.xxs
-  },
-  trigger: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingHorizontal: import_native.spacing.s,
-    paddingVertical: import_native.spacing.xs,
-    borderWidth: 1,
-    borderRadius: import_native.border.radius.full,
-    minHeight: 44
-  },
-  triggerText: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.body,
-    lineHeight: lineHeight.body,
-    flex: 1
-  },
-  chevron: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.body,
-    marginStart: import_native.spacing.xs
-  },
-  overlay: {
-    flex: 1,
-    justifyContent: "flex-end",
-    backgroundColor: "rgba(0, 0, 0, 0.5)"
-  },
-  sheet: {
-    maxHeight: "60%",
-    borderTopStartRadius: import_native.border.radius.m,
-    borderTopEndRadius: import_native.border.radius.m,
-    paddingTop: import_native.spacing.m,
-    paddingBottom: import_native.spacing.xxxl
-  },
-  sheetHeader: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    paddingHorizontal: import_native.spacing.m,
-    paddingBottom: import_native.spacing.s
-  },
-  sheetTitle: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.heading3,
-    fontWeight: import_native.font.weight.semibold
-  },
-  closeText: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.body,
-    fontWeight: import_native.font.weight.semibold
-  },
-  optionItem: {
-    paddingHorizontal: import_native.spacing.m,
-    paddingVertical: import_native.spacing.s,
-    minHeight: 44,
-    justifyContent: "center"
-  },
-  optionText: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.body,
-    lineHeight: lineHeight.body
-  }
-});
-function Select({
-  label,
-  name,
-  options,
-  placeholder = "Select an option",
-  value,
-  error,
-  hint,
-  disabled = false,
-  onChange,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const [open, setOpen] = (0, import_react13.useState)(false);
-  const selectedOption = options.find((o) => o.value === value);
-  const displayText = selectedOption?.label ?? placeholder;
-  const isPlaceholder = !selectedOption;
-  const borderColor = error ? colors2.colorError : open ? colors2.colorInteractive : colors2.colorOnBg;
-  const handleSelect = (optionValue) => {
-    onChange?.(optionValue);
-    setOpen(false);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_react_native41.View, { style: [styles37.container, style], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Label, { label }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
-      import_react_native41.Pressable,
-      {
-        accessibilityRole: "button",
-        accessibilityLabel: typeof label === "string" ? `${label}, ${displayText}` : name,
-        accessibilityState: { disabled, expanded: open },
-        accessibilityHint: "Double tap to open options",
-        disabled,
-        onPress: () => setOpen(true),
-        style: [
-          styles37.trigger,
-          {
-            borderColor,
-            backgroundColor: colors2.colorBg
-          },
-          disabled && { opacity: 0.4 }
-        ],
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-            import_react_native41.Text,
-            {
-              style: [
-                styles37.triggerText,
-                {
-                  color: isPlaceholder ? colors2.colorOnBgSubtle : colors2.colorOnBg
-                }
-              ],
-              children: displayText
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_native41.Text, { style: [styles37.chevron, { color: colors2.colorOnBgSubtle }], "aria-hidden": true, children: "\u25BE" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-      import_react_native41.Modal,
-      {
-        visible: open,
-        transparent: true,
-        animationType: "slide",
-        onRequestClose: () => setOpen(false),
-        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-          import_react_native41.Pressable,
-          {
-            style: styles37.overlay,
-            onPress: () => setOpen(false),
-            accessibilityRole: "button",
-            accessibilityLabel: "Close options",
-            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-              import_react_native41.Pressable,
-              {
-                style: [styles37.sheet, { backgroundColor: colors2.colorBg }],
-                onPress: () => {
-                },
-                children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_react_native41.SafeAreaView, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_react_native41.View, { style: styles37.sheetHeader, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_native41.Text, { style: [styles37.sheetTitle, { color: colors2.colorOnBg }], children: typeof label === "string" ? label : "Select" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                      import_react_native41.Pressable,
-                      {
-                        accessibilityRole: "button",
-                        accessibilityLabel: "Close",
-                        onPress: () => setOpen(false),
-                        hitSlop: 8,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_native41.Text, { style: [styles37.closeText, { color: colors2.colorInteractive }], children: "Done" })
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                    import_react_native41.FlatList,
-                    {
-                      data: options,
-                      keyExtractor: (item) => item.value,
-                      renderItem: ({ item }) => {
-                        const isSelected = item.value === value;
-                        return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                          import_react_native41.Pressable,
-                          {
-                            accessibilityRole: "button",
-                            accessibilityLabel: item.label,
-                            accessibilityState: {
-                              selected: isSelected,
-                              disabled: item.disabled
-                            },
-                            disabled: item.disabled,
-                            onPress: () => handleSelect(item.value),
-                            style: ({ pressed }) => [
-                              styles37.optionItem,
-                              isSelected && { backgroundColor: colors2.colorBgSubtle },
-                              pressed && { opacity: 0.7 },
-                              item.disabled && { opacity: 0.4 }
-                            ],
-                            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                              import_react_native41.Text,
-                              {
-                                style: [
-                                  styles37.optionText,
-                                  {
-                                    color: isSelected ? colors2.colorInteractive : colors2.colorOnBg,
-                                    fontWeight: isSelected ? import_native.font.weight.semibold : import_native.font.weight.body
-                                  }
-                                ],
-                                children: item.label
-                              }
-                            )
-                          }
-                        );
-                      }
-                    }
-                  )
-                ] })
-              }
-            )
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Message, { type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Message, { type: "hint", message: hint })
-  ] });
-}
-
-// src/components/interaction/form/Slider/Slider.native.tsx
-var import_react14 = require("react");
-var import_react_native42 = require("react-native");
-var import_jsx_runtime42 = require("react/jsx-runtime");
-var TRACK_HEIGHT = 6;
-var THUMB_SIZE = 24;
-var styles38 = import_react_native42.StyleSheet.create({
-  container: {
-    gap: import_native.spacing.xxs
-  },
-  labelRow: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center"
-  },
-  valueText: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.bodyS,
-    lineHeight: lineHeight.bodyS,
-    fontWeight: import_native.font.weight.semibold
-  },
-  trackContainer: {
-    height: THUMB_SIZE + import_native.spacing.xs * 2,
-    justifyContent: "center",
-    paddingHorizontal: THUMB_SIZE / 2
-  },
-  track: {
-    height: TRACK_HEIGHT,
-    borderRadius: TRACK_HEIGHT / 2,
-    overflow: "hidden"
-  },
-  fill: {
-    height: TRACK_HEIGHT,
-    borderRadius: TRACK_HEIGHT / 2
-  },
-  thumb: {
-    position: "absolute",
-    width: THUMB_SIZE,
-    height: THUMB_SIZE,
-    borderRadius: THUMB_SIZE / 2,
-    top: "50%",
-    marginTop: -(THUMB_SIZE / 2),
-    borderWidth: 2
-  }
-});
-function clampValue(v, min, max) {
-  return Math.min(max, Math.max(min, v));
-}
-function snapToStep(v, min, step) {
-  return Math.round((v - min) / step) * step + min;
-}
-function Slider({
-  label,
-  name: _name,
-  // eslint-disable-line @typescript-eslint/no-unused-vars
-  value,
-  defaultValue,
-  min = 0,
-  max = 100,
-  step = 1,
-  showValue = false,
-  disabled = false,
-  error,
-  hint,
-  onChange,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const isControlled = value !== void 0;
-  const [internalValue, setInternalValue] = (0, import_react14.useState)(defaultValue ?? min);
-  const [trackWidth, setTrackWidth] = (0, import_react14.useState)(0);
-  const currentValue = isControlled ? value : internalValue;
-  const fillPct = max > min ? (currentValue - min) / (max - min) * 100 : 0;
-  const updateValue = (v) => {
-    const clamped = clampValue(v, min, max);
-    const snapped = snapToStep(clamped, min, step);
-    if (!isControlled) setInternalValue(snapped);
-    onChange?.(snapped);
-  };
-  const handleTrackLayout = (e) => {
-    setTrackWidth(e.nativeEvent.layout.width);
-  };
-  const valueFromTouch = (pageX, layoutX) => {
-    const x = pageX - layoutX;
-    const pct = clampValue(x / trackWidth, 0, 1);
-    return pct * (max - min) + min;
-  };
-  const handleStartShouldSetResponder = () => !disabled;
-  const handleResponderGrant = (e) => {
-    const target = e.currentTarget;
-    target.measure((_x, _y, _w, _h, pageX) => {
-      updateValue(valueFromTouch(e.nativeEvent.pageX, pageX));
-    });
-  };
-  const handleResponderMove = (e) => {
-    const target = e.currentTarget;
-    target.measure((_x, _y, _w, _h, pageX) => {
-      updateValue(valueFromTouch(e.nativeEvent.pageX, pageX));
-    });
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-    import_react_native42.View,
-    {
-      style: [styles38.container, style],
-      accessibilityRole: "adjustable",
-      accessibilityLabel: label,
-      accessibilityValue: { min, max, now: currentValue, text: String(currentValue) },
-      accessibilityState: { disabled },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_react_native42.View, { style: styles38.labelRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Label, { label }),
-          showValue && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_native42.Text, { style: [styles38.valueText, { color: colors2.colorOnBg }], children: currentValue })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-          import_react_native42.View,
-          {
-            style: [styles38.trackContainer, disabled && { opacity: 0.4 }],
-            onLayout: handleTrackLayout,
-            onStartShouldSetResponder: handleStartShouldSetResponder,
-            onMoveShouldSetResponder: handleStartShouldSetResponder,
-            onResponderGrant: handleResponderGrant,
-            onResponderMove: handleResponderMove,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_native42.View, { style: [styles38.track, { backgroundColor: colors2.colorBgSubtle }], children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                import_react_native42.View,
-                {
-                  style: [
-                    styles38.fill,
-                    {
-                      width: `${fillPct}%`,
-                      backgroundColor: error ? colors2.colorError : colors2.colorInteractive
-                    }
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                import_react_native42.View,
-                {
-                  style: [
-                    styles38.thumb,
-                    {
-                      start: `${fillPct}%`,
-                      marginStart: -(THUMB_SIZE / 2),
-                      backgroundColor: colors2.colorBg,
-                      borderColor: error ? colors2.colorError : colors2.colorInteractive
-                    }
-                  ]
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Message, { type: "error", message: error }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Message, { type: "hint", message: hint })
-      ]
-    }
-  );
-}
-
-// src/components/interaction/form/NumberInput/NumberInput.native.tsx
-var import_react15 = require("react");
-var import_react_native43 = require("react-native");
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var STEPPER_SIZE = 44;
-var styles39 = import_react_native43.StyleSheet.create({
-  container: {
-    gap: import_native.spacing.xxs
-  },
-  inputRow: {
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  stepper: {
-    width: STEPPER_SIZE,
-    height: STEPPER_SIZE,
-    alignItems: "center",
-    justifyContent: "center",
-    borderWidth: 1
-  },
-  stepperStart: {
-    borderTopStartRadius: import_native.border.radius.full,
-    borderBottomStartRadius: import_native.border.radius.full,
-    borderEndWidth: 0
-  },
-  stepperEnd: {
-    borderTopEndRadius: import_native.border.radius.full,
-    borderBottomEndRadius: import_native.border.radius.full,
-    borderStartWidth: 0
-  },
-  stepperText: {
-    fontSize: 20,
-    fontWeight: import_native.font.weight.semibold,
-    lineHeight: 24
-  },
-  input: {
-    flex: 1,
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.body,
-    lineHeight: lineHeight.body,
-    textAlign: "center",
-    paddingHorizontal: import_native.spacing.xs,
-    paddingVertical: import_native.spacing.xs,
-    borderTopWidth: 1,
-    borderBottomWidth: 1,
-    minHeight: STEPPER_SIZE
-  }
-});
-function NumberInput({
-  label,
-  name: _name,
-  // eslint-disable-line @typescript-eslint/no-unused-vars
-  value,
-  defaultValue,
-  min,
-  max,
-  step = 1,
-  disabled = false,
-  error,
-  hint,
-  onChange,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const isControlled = value !== void 0;
-  const [internalValue, setInternalValue] = (0, import_react15.useState)(defaultValue ?? 0);
-  const currentValue = isControlled ? value : internalValue;
-  const clamp = (v) => {
-    const withMin = min !== void 0 ? Math.max(min, v) : v;
-    return max !== void 0 ? Math.min(max, withMin) : withMin;
-  };
-  const update = (next) => {
-    const clamped = clamp(next);
-    if (!isControlled) setInternalValue(clamped);
-    onChange?.(clamped);
-  };
-  const canDecrease = min === void 0 || currentValue > min;
-  const canIncrease = max === void 0 || currentValue < max;
-  const borderColor = error ? colors2.colorError : colors2.colorOnBg;
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_react_native43.View, { style: [styles39.container, style], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Label, { label }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_react_native43.View, { style: [styles39.inputRow, disabled && { opacity: 0.4 }], children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-        import_react_native43.Pressable,
-        {
-          accessibilityRole: "button",
-          accessibilityLabel: "Decrease",
-          accessibilityState: { disabled: disabled || !canDecrease },
-          disabled: disabled || !canDecrease,
-          onPress: () => update(currentValue - step),
-          style: ({ pressed }) => [
-            styles39.stepper,
-            styles39.stepperStart,
-            {
-              borderColor,
-              backgroundColor: colors2.colorBgSubtle
-            },
-            pressed && { opacity: 0.7 },
-            (disabled || !canDecrease) && { opacity: 0.4 }
-          ],
-          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-            import_react_native43.Text,
-            {
-              style: [styles39.stepperText, { color: colors2.colorOnBg }],
-              "aria-hidden": true,
-              children: "\u2212"
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-        import_react_native43.TextInput,
-        {
-          accessibilityLabel: label,
-          accessibilityState: { disabled },
-          accessibilityValue: {
-            min,
-            max,
-            now: currentValue,
-            text: String(currentValue)
-          },
-          keyboardType: "numeric",
-          value: String(currentValue),
-          editable: !disabled,
-          onChangeText: (text) => {
-            const parsed = parseFloat(text);
-            const safe = isNaN(parsed) ? 0 : parsed;
-            update(safe);
-          },
-          style: [
-            styles39.input,
-            {
-              borderColor,
-              color: colors2.colorOnBg,
-              backgroundColor: colors2.colorBg
-            }
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-        import_react_native43.Pressable,
-        {
-          accessibilityRole: "button",
-          accessibilityLabel: "Increase",
-          accessibilityState: { disabled: disabled || !canIncrease },
-          disabled: disabled || !canIncrease,
-          onPress: () => update(currentValue + step),
-          style: ({ pressed }) => [
-            styles39.stepper,
-            styles39.stepperEnd,
-            {
-              borderColor,
-              backgroundColor: colors2.colorBgSubtle
-            },
-            pressed && { opacity: 0.7 },
-            (disabled || !canIncrease) && { opacity: 0.4 }
-          ],
-          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-            import_react_native43.Text,
-            {
-              style: [styles39.stepperText, { color: colors2.colorOnBg }],
-              "aria-hidden": true,
-              children: "+"
-            }
-          )
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Message, { type: "error", message: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Message, { type: "hint", message: hint })
-  ] });
-}
-
-// src/components/interaction/Dialog/Dialog.native.tsx
-var import_react_native44 = require("react-native");
-var import_jsx_runtime44 = require("react/jsx-runtime");
-var styles40 = import_react_native44.StyleSheet.create({
-  overlay: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    backgroundColor: "rgba(0, 0, 0, 0.5)",
-    padding: import_native.spacing.m
-  },
-  panel: {
-    width: "100%",
-    maxWidth: 480,
-    borderRadius: import_native.border.radius.m,
-    padding: import_native.spacing.l,
-    paddingTop: import_native.spacing.xl,
-    shadowColor: "#000",
-    shadowOffset: { width: 0, height: 4 },
-    shadowOpacity: 0.15,
-    shadowRadius: 12,
-    elevation: 8
-  },
-  header: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    marginBottom: import_native.spacing.m
-  },
-  title: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.heading3,
-    fontWeight: import_native.font.weight.semibold,
-    flex: 1
-  },
-  closeButton: {
-    position: "absolute",
-    top: import_native.spacing.s,
-    end: import_native.spacing.s,
-    width: 44,
-    height: 44,
-    alignItems: "center",
-    justifyContent: "center",
-    zIndex: 1
-  },
-  closeText: {
-    fontFamily: import_native.font.family.body,
-    fontSize: 20,
-    lineHeight: 24
-  }
-});
-function Dialog({
-  isOpen = false,
-  onClose,
-  title,
-  children,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-    import_react_native44.Modal,
-    {
-      visible: isOpen,
-      transparent: true,
-      animationType: "fade",
-      onRequestClose: onClose,
-      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-        import_react_native44.Pressable,
-        {
-          style: styles40.overlay,
-          onPress: onClose,
-          accessibilityRole: "button",
-          accessibilityLabel: "Close dialog",
-          children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-            import_react_native44.Pressable,
-            {
-              style: [styles40.panel, { backgroundColor: colors2.colorGreySubtle }, style],
-              onPress: () => {
-              },
-              accessibilityRole: "none",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                  import_react_native44.Pressable,
-                  {
-                    style: styles40.closeButton,
-                    onPress: onClose,
-                    accessibilityRole: "button",
-                    accessibilityLabel: "Close dialog",
-                    hitSlop: 8,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                      import_react_native44.Text,
-                      {
-                        style: [styles40.closeText, { color: colors2.colorOnBgSubtle }],
-                        "aria-hidden": true,
-                        children: "\u2715"
-                      }
-                    )
-                  }
-                ),
-                !!title && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_native44.View, { style: styles40.header, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_native44.Text, { style: [styles40.title, { color: colors2.colorOnGreySubtle }], children: title }) }),
-                children
-              ]
-            }
-          )
-        }
-      )
-    }
-  );
-}
-
-// src/components/interaction/Drawer/Drawer.native.tsx
-var import_react16 = require("react");
-var import_react_native45 = require("react-native");
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var styles41 = import_react_native45.StyleSheet.create({
-  overlay: {
-    flex: 1,
-    justifyContent: "flex-end"
-  },
-  panel: {
-    maxHeight: "90%",
-    borderTopStartRadius: import_native.border.radius.m,
-    borderTopEndRadius: import_native.border.radius.m,
-    paddingTop: import_native.spacing.m,
-    paddingHorizontal: import_native.spacing.m,
-    paddingBottom: import_native.spacing.m,
-    shadowColor: "#000",
-    shadowOffset: { width: 0, height: -4 },
-    shadowOpacity: 0.15,
-    shadowRadius: 16,
-    elevation: 16
-  },
-  header: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    paddingBottom: import_native.spacing.m,
-    borderBottomWidth: 1,
-    marginBottom: import_native.spacing.m
-  },
-  title: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.heading3,
-    fontWeight: import_native.font.weight.semibold,
-    flex: 1
-  },
-  closeButton: {
-    width: 44,
-    height: 44,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  closeText: {
-    fontFamily: import_native.font.family.body,
-    fontSize: 20,
-    lineHeight: 24
-  },
-  body: {
-    flex: 1
-  }
-});
-function Drawer({
-  isOpen,
-  onClose,
-  title,
-  children,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const screenHeight = import_react_native45.Dimensions.get("window").height;
-  const slideAnim = (0, import_react16.useRef)(new import_react_native45.Animated.Value(screenHeight)).current;
-  const backdropAnim = (0, import_react16.useRef)(new import_react_native45.Animated.Value(0)).current;
-  (0, import_react16.useEffect)(() => {
-    if (isOpen) {
-      import_react_native45.Animated.parallel([
-        import_react_native45.Animated.timing(slideAnim, {
-          toValue: 0,
-          duration: 250,
-          useNativeDriver: true
-        }),
-        import_react_native45.Animated.timing(backdropAnim, {
-          toValue: 1,
-          duration: 250,
-          useNativeDriver: true
-        })
-      ]).start();
-    } else {
-      import_react_native45.Animated.parallel([
-        import_react_native45.Animated.timing(slideAnim, {
-          toValue: screenHeight,
-          duration: 200,
-          useNativeDriver: true
-        }),
-        import_react_native45.Animated.timing(backdropAnim, {
-          toValue: 0,
-          duration: 200,
-          useNativeDriver: true
-        })
-      ]).start();
-    }
-  }, [isOpen, slideAnim, backdropAnim, screenHeight]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-    import_react_native45.Modal,
-    {
-      visible: isOpen,
-      transparent: true,
-      animationType: "none",
-      onRequestClose: onClose,
-      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_react_native45.View, { style: styles41.overlay, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          import_react_native45.Animated.View,
-          {
-            style: [
-              import_react_native45.StyleSheet.absoluteFill,
-              { backgroundColor: "rgba(0, 0, 0, 0.5)", opacity: backdropAnim }
-            ],
-            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-              import_react_native45.Pressable,
-              {
-                style: import_react_native45.StyleSheet.absoluteFill,
-                onPress: onClose,
-                accessibilityRole: "button",
-                accessibilityLabel: "Close drawer"
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-          import_react_native45.Animated.View,
-          {
-            style: [
-              styles41.panel,
-              {
-                backgroundColor: colors2.colorBg,
-                transform: [{ translateY: slideAnim }]
-              },
-              style
-            ],
-            accessibilityRole: "none",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-                import_react_native45.View,
-                {
-                  style: [styles41.header, { borderBottomColor: colors2.colorBgSubtle }],
-                  children: [
-                    !!title && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_native45.Text, { style: [styles41.title, { color: colors2.colorOnBg }], children: title }),
-                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                      import_react_native45.Pressable,
-                      {
-                        style: styles41.closeButton,
-                        onPress: onClose,
-                        accessibilityRole: "button",
-                        accessibilityLabel: "Close drawer",
-                        hitSlop: 8,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                          import_react_native45.Text,
-                          {
-                            style: [styles41.closeText, { color: colors2.colorOnBgSubtle }],
-                            "aria-hidden": true,
-                            children: "\u2715"
-                          }
-                        )
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_native45.View, { style: styles41.body, children })
-            ]
-          }
-        )
-      ] })
-    }
-  );
-}
-
-// src/components/interaction/Toast/Toast.native.tsx
-var import_react17 = require("react");
-var import_react_native46 = require("react-native");
-var import_jsx_runtime46 = require("react/jsx-runtime");
-var ToastContext = (0, import_react17.createContext)(void 0);
-var styles42 = import_react_native46.StyleSheet.create({
-  container: {
-    position: "absolute",
-    top: 0,
-    start: 0,
-    end: 0,
-    paddingTop: import_native.spacing.xxxl,
-    paddingHorizontal: import_native.spacing.m,
-    zIndex: 9999,
-    pointerEvents: "box-none"
-  },
-  toast: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingVertical: import_native.spacing.s,
-    paddingHorizontal: import_native.spacing.m,
-    borderRadius: import_native.border.radius.s,
-    marginBottom: import_native.spacing.xs,
-    minHeight: 48
-  },
-  message: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.body,
-    fontWeight: import_native.font.weight.semibold,
-    flex: 1
-  },
-  closeButton: {
-    width: 44,
-    height: 44,
-    alignItems: "center",
-    justifyContent: "center",
-    marginStart: import_native.spacing.xs
-  },
-  closeText: {
-    fontFamily: import_native.font.family.body,
-    fontSize: 16,
-    lineHeight: 20
-  }
-});
-function ToastItem({
-  toast,
-  onRemove
-}) {
-  const { colors: colors2 } = useTheme();
-  const slideAnim = (0, import_react17.useRef)(new import_react_native46.Animated.Value(-100)).current;
-  const opacityAnim = (0, import_react17.useRef)(new import_react_native46.Animated.Value(0)).current;
-  const variantColors = (0, import_react17.useMemo)(
-    () => ({
-      success: { bg: colors2.colorSuccess, text: colors2.colorOnSuccess },
-      error: { bg: colors2.colorError, text: colors2.colorOnError },
-      info: { bg: colors2.colorBgSubtle, text: colors2.colorOnBgSubtle }
-    }),
-    [colors2]
-  );
-  (0, import_react17.useEffect)(() => {
-    import_react_native46.Animated.parallel([
-      import_react_native46.Animated.timing(slideAnim, {
-        toValue: 0,
-        duration: 200,
-        useNativeDriver: true
-      }),
-      import_react_native46.Animated.timing(opacityAnim, {
-        toValue: 1,
-        duration: 200,
-        useNativeDriver: true
-      })
-    ]).start();
-  }, [slideAnim, opacityAnim]);
-  (0, import_react17.useEffect)(() => {
-    const timer = setTimeout(onRemove, 5e3);
-    return () => clearTimeout(timer);
-  }, [onRemove]);
-  const { bg, text } = variantColors[toast.variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-    import_react_native46.Animated.View,
-    {
-      style: [
-        styles42.toast,
-        {
-          backgroundColor: bg,
-          transform: [{ translateY: slideAnim }],
-          opacity: opacityAnim
-        }
-      ],
-      accessibilityRole: "alert",
-      accessibilityLiveRegion: "polite",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_native46.Text, { style: [styles42.message, { color: text }], children: toast.message }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-          import_react_native46.Pressable,
-          {
-            style: styles42.closeButton,
-            onPress: onRemove,
-            accessibilityRole: "button",
-            accessibilityLabel: "Dismiss",
-            hitSlop: 8,
-            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_native46.Text, { style: [styles42.closeText, { color: text }], "aria-hidden": true, children: "\u2715" })
-          }
-        )
-      ]
-    }
-  );
-}
-function ToastProvider({
-  children,
-  style
-}) {
-  const [toasts, setToasts] = (0, import_react17.useState)([]);
-  const showToast = (0, import_react17.useCallback)((message, variant) => {
-    const id = Math.random().toString(36).substring(2, 9);
-    setToasts((prev) => [...prev, { id, message, variant }]);
-  }, []);
-  const removeToast = (0, import_react17.useCallback)((id) => {
-    setToasts((prev) => prev.filter((t) => t.id !== id));
-  }, []);
-  const value = (0, import_react17.useMemo)(() => ({ showToast }), [showToast]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ToastContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react_native46.View, { style: [{ flex: 1 }, style], children: [
-    children,
-    toasts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-      import_react_native46.View,
-      {
-        style: styles42.container,
-        accessibilityRole: "summary",
-        accessibilityLabel: "Notifications",
-        children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-          ToastItem,
-          {
-            toast,
-            onRemove: () => removeToast(toast.id)
-          },
-          toast.id
-        ))
-      }
-    )
-  ] }) });
-}
-function useToast() {
-  const context = (0, import_react17.useContext)(ToastContext);
-  if (!context) {
-    throw new Error("useToast must be used within a ToastProvider");
-  }
-  return context;
-}
-
-// src/components/interaction/DropdownMenu/DropdownMenu.native.tsx
-var import_react18 = __toESM(require("react"), 1);
-var import_react_native47 = require("react-native");
-var import_jsx_runtime47 = require("react/jsx-runtime");
-var styles43 = import_react_native47.StyleSheet.create({
-  overlay: {
-    flex: 1,
-    justifyContent: "flex-end"
-  },
-  sheet: {
-    maxHeight: "60%",
-    borderTopStartRadius: import_native.border.radius.m,
-    borderTopEndRadius: import_native.border.radius.m,
-    paddingTop: import_native.spacing.m,
-    paddingBottom: import_native.spacing.xxxl
-  },
-  sheetHeader: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    paddingHorizontal: import_native.spacing.m,
-    paddingBottom: import_native.spacing.s,
-    borderBottomWidth: 1,
-    marginBottom: import_native.spacing.xxs
-  },
-  sheetTitle: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.heading3,
-    fontWeight: import_native.font.weight.semibold
-  },
-  closeText: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.body,
-    fontWeight: import_native.font.weight.semibold
-  },
-  separator: {
-    height: 1,
-    marginHorizontal: import_native.spacing.m,
-    marginVertical: import_native.spacing.xxs
-  },
-  item: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingHorizontal: import_native.spacing.m,
-    paddingVertical: import_native.spacing.s,
-    minHeight: 48,
-    gap: import_native.spacing.s
-  },
-  itemText: {
-    fontFamily: import_native.font.family.body,
-    fontSize: import_native.font.size.body,
-    lineHeight: lineHeight.body
-  }
-});
-function DropdownMenu({
-  trigger,
-  items,
-  title = "Menu",
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const [open, setOpen] = (0, import_react18.useState)(false);
-  const screenHeight = import_react_native47.Dimensions.get("window").height;
-  const slideAnim = (0, import_react18.useRef)(new import_react_native47.Animated.Value(screenHeight)).current;
-  const backdropAnim = (0, import_react18.useRef)(new import_react_native47.Animated.Value(0)).current;
-  (0, import_react18.useEffect)(() => {
-    if (open) {
-      import_react_native47.Animated.parallel([
-        import_react_native47.Animated.timing(slideAnim, {
-          toValue: 0,
-          duration: 250,
-          useNativeDriver: true
-        }),
-        import_react_native47.Animated.timing(backdropAnim, {
-          toValue: 1,
-          duration: 250,
-          useNativeDriver: true
-        })
-      ]).start();
-    } else {
-      import_react_native47.Animated.parallel([
-        import_react_native47.Animated.timing(slideAnim, {
-          toValue: screenHeight,
-          duration: 200,
-          useNativeDriver: true
-        }),
-        import_react_native47.Animated.timing(backdropAnim, {
-          toValue: 0,
-          duration: 200,
-          useNativeDriver: true
-        })
-      ]).start();
-    }
-  }, [open, slideAnim, backdropAnim, screenHeight]);
-  const handleItemPress = (item) => {
-    item.onPress?.();
-    setOpen(false);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_react_native47.View, { style, children: [
-    import_react18.default.cloneElement(trigger, {
-      onPress: () => setOpen(true),
-      accessibilityRole: "button",
-      accessibilityLabel: title
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-      import_react_native47.Modal,
-      {
-        visible: open,
-        transparent: true,
-        animationType: "none",
-        onRequestClose: () => setOpen(false),
-        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_react_native47.View, { style: styles43.overlay, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-            import_react_native47.Animated.View,
-            {
-              style: [
-                import_react_native47.StyleSheet.absoluteFill,
-                { backgroundColor: "rgba(0, 0, 0, 0.5)", opacity: backdropAnim }
-              ],
-              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-                import_react_native47.Pressable,
-                {
-                  style: import_react_native47.StyleSheet.absoluteFill,
-                  onPress: () => setOpen(false),
-                  accessibilityRole: "button",
-                  accessibilityLabel: "Close menu"
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-            import_react_native47.Animated.View,
-            {
-              style: [
-                styles43.sheet,
-                {
-                  backgroundColor: colors2.colorBg,
-                  transform: [{ translateY: slideAnim }]
-                }
-              ],
-              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-                import_react_native47.Pressable,
-                {
-                  onPress: () => {
-                  },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_react_native47.SafeAreaView, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
-                      import_react_native47.View,
-                      {
-                        style: [
-                          styles43.sheetHeader,
-                          { borderBottomColor: colors2.colorBgSubtle }
-                        ],
-                        children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_native47.Text, { style: [styles43.sheetTitle, { color: colors2.colorOnBg }], children: title }),
-                          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-                            import_react_native47.Pressable,
-                            {
-                              accessibilityRole: "button",
-                              accessibilityLabel: "Close",
-                              onPress: () => setOpen(false),
-                              hitSlop: 8,
-                              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-                                import_react_native47.Text,
-                                {
-                                  style: [
-                                    styles43.closeText,
-                                    { color: colors2.colorInteractive }
-                                  ],
-                                  children: "Done"
-                                }
-                              )
-                            }
-                          )
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-                      import_react_native47.FlatList,
-                      {
-                        data: items,
-                        keyExtractor: (item) => item.id,
-                        renderItem: ({ item }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
-                          item.separator && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-                            import_react_native47.View,
-                            {
-                              style: [
-                                styles43.separator,
-                                { backgroundColor: colors2.colorBgSubtle }
-                              ],
-                              accessibilityRole: "none"
-                            }
-                          ),
-                          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
-                            import_react_native47.Pressable,
-                            {
-                              accessibilityRole: "menuitem",
-                              accessibilityLabel: item.label,
-                              accessibilityState: { disabled: item.disabled },
-                              disabled: item.disabled,
-                              onPress: () => handleItemPress(item),
-                              style: ({ pressed }) => [
-                                styles43.item,
-                                pressed && { backgroundColor: colors2.colorBgSubtle },
-                                item.disabled && { opacity: 0.4 }
-                              ],
-                              children: [
-                                !!item.icon && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-                                  import_react_native47.View,
-                                  {
-                                    importantForAccessibility: "no-hide-descendants",
-                                    accessibilityElementsHidden: true,
-                                    children: item.icon
-                                  }
-                                ),
-                                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-                                  import_react_native47.Text,
-                                  {
-                                    style: [
-                                      styles43.itemText,
-                                      { color: colors2.colorOnBg }
-                                    ],
-                                    children: item.label
-                                  }
-                                )
-                              ]
-                            }
-                          )
-                        ] })
-                      }
-                    )
-                  ] })
-                }
-              )
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-}
-
-// src/components/interaction/Popover/Popover.native.tsx
-var import_react19 = __toESM(require("react"), 1);
-var import_react_native48 = require("react-native");
-var import_jsx_runtime48 = require("react/jsx-runtime");
-var styles44 = import_react_native48.StyleSheet.create({
-  wrapper: {
-    alignSelf: "flex-start"
-  },
-  overlay: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    backgroundColor: "rgba(0, 0, 0, 0.25)",
-    padding: import_native.spacing.m
-  },
-  panel: {
-    width: "100%",
-    maxWidth: 360,
-    borderRadius: import_native.border.radius.s,
-    padding: import_native.spacing.m,
-    shadowColor: "#000",
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.15,
-    shadowRadius: 8,
-    elevation: 4
-  }
-});
-function Popover({
-  children,
-  content,
-  accessibilityLabel,
-  style
-}) {
-  const { colors: colors2 } = useTheme();
-  const [isOpen, setIsOpen] = (0, import_react19.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_react_native48.View, { style: [styles44.wrapper, style], children: [
-    import_react19.default.cloneElement(children, {
-      onPress: () => setIsOpen(true),
-      accessibilityRole: "button",
-      accessibilityLabel: accessibilityLabel ?? "Open popover"
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-      import_react_native48.Modal,
-      {
-        visible: isOpen,
-        transparent: true,
-        animationType: "fade",
-        onRequestClose: () => setIsOpen(false),
-        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-          import_react_native48.Pressable,
-          {
-            style: styles44.overlay,
-            onPress: () => setIsOpen(false),
-            accessibilityRole: "button",
-            accessibilityLabel: "Close popover",
-            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-              import_react_native48.Pressable,
-              {
-                style: [styles44.panel, { backgroundColor: colors2.colorBg }],
-                onPress: () => {
-                },
-                accessibilityRole: "none",
-                accessibilityLabel,
-                children: content
-              }
-            )
-          }
-        )
-      }
-    )
-  ] });
-}