@nori-ui/core 1.0.6 → 1.1.0

package/dist/chunk-EFK7726V.js

@@ -0,0 +1,104 @@
+import { cn } from './chunk-CHXHRJNZ.js';
+import { px } from './chunk-5A2QOOVN.js';
+import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { useRef } from 'react';
+import { View, TextInput as TextInput$1 } from 'react-native';
+import { jsx, jsxs } from 'nativewind/jsx-runtime';
+
+var FIELD_LAYOUT_BASE = {
+  flexDirection: "row",
+  alignItems: "center",
+  borderWidth: 1,
+  // Clip the textarea's browser-drawn resize grippy inside the rounded
+  // border. Without this, the grippy escapes the corner and looks like
+  // it belongs to the page, not the input.
+  overflow: "hidden"
+};
+var TextInput = /* @__PURE__ */ __name(({
+  disabled,
+  leading,
+  trailing,
+  containerClassName,
+  className,
+  testID,
+  id,
+  name,
+  onChangeText,
+  multiline,
+  numberOfLines,
+  ...rest
+}) => {
+  const colors = useThemeColors();
+  const inputRef = useRef(null);
+  const restAny = rest;
+  const hasError = restAny["aria-invalid"] === true || restAny["aria-invalid"] === "true";
+  const inputExtras = {};
+  if (testID !== void 0) {
+    inputExtras.testID = testID;
+  }
+  if (id !== void 0) {
+    inputExtras.id = id;
+    inputExtras.nativeID = id;
+  }
+  if (name !== void 0) {
+    inputExtras.name = name;
+  }
+  if (multiline !== void 0) {
+    inputExtras.multiline = multiline;
+  }
+  if (numberOfLines !== void 0) {
+    inputExtras.numberOfLines = numberOfLines;
+  }
+  if (onChangeText !== void 0) {
+    inputExtras.onChangeText = onChangeText;
+  }
+  const inputStyle = {
+    flex: 1,
+    paddingVertical: px(colors.spacing["2"]),
+    fontFamily: colors.fontFamily.body,
+    fontSize: px(colors.fontSize.md),
+    color: colors.semantic.text.default
+  };
+  const fieldStyle = [
+    FIELD_LAYOUT_BASE,
+    {
+      borderRadius: px(colors.radius.md),
+      paddingHorizontal: px(colors.spacing["3"]),
+      backgroundColor: colors.semantic.background.elevated,
+      borderColor: hasError ? colors.color.danger : colors.semantic.border.default
+    },
+    disabled ? { opacity: 0.6 } : null
+  ];
+  return /* @__PURE__ */ jsx(View, { className: cn(containerClassName), style: { flexDirection: "column" }, children: /* @__PURE__ */ jsxs(
+    View,
+    {
+      className: cn(
+        "flex-row items-center rounded-md border px-3",
+        hasError ? "border-semantic-interactive-destructive" : "border-semantic-border-default",
+        disabled ? "opacity-60" : void 0
+      ),
+      style: fieldStyle,
+      children: [
+        leading ? /* @__PURE__ */ jsx(View, { className: "mr-2", style: { marginRight: px(colors.spacing["2"]) }, children: leading }) : null,
+        /* @__PURE__ */ jsx(
+          TextInput$1,
+          {
+            ref: inputRef,
+            editable: !disabled,
+            className: cn("flex-1 py-2 text-md text-semantic-text-default outline-none", className),
+            placeholderTextColor: colors.semantic.text.muted,
+            ...inputExtras,
+            ...rest,
+            style: [inputStyle, rest.style]
+          }
+        ),
+        trailing ? /* @__PURE__ */ jsx(View, { className: "ml-2", style: { marginLeft: px(colors.spacing["2"]) }, children: trailing }) : null
+      ]
+    }
+  ) });
+}, "TextInput");
+
+export { TextInput };
+//# sourceMappingURL=chunk-EFK7726V.js.map
+//# sourceMappingURL=chunk-EFK7726V.js.map

package/dist/chunk-EFK7726V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TextInput/TextInput.tsx"],"names":["RNTextInput"],"mappings":"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","file":"chunk-EFK7726V.js","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { useRef } from 'react';\nimport type { TextInputProps as RNTextInputProps, TextStyle, ViewStyle } from 'react-native';\nimport { TextInput as RNTextInput, View } from 'react-native';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type TextInputProps = Omit<RNTextInputProps, 'editable'> & {\n    disabled?: boolean;\n    leading?: ReactNode;\n    trailing?: ReactNode;\n    /** Pass through a custom wrapper className */\n    containerClassName?: string;\n    className?: string;\n    testID?: string;\n    id?: string;\n    name?: string;\n    /** Controlled text handler. Optional so uncontrolled usage works too. */\n    onChangeText?: (text: string) => void;\n    /** Multi-line mode — flipped by TextArea. Default false. */\n    multiline?: boolean;\n    numberOfLines?: number;\n};\n\n// Layout-only bases; theme-driven dimensions are merged inside the component.\nconst FIELD_LAYOUT_BASE: ViewStyle = {\n    flexDirection: 'row',\n    alignItems: 'center',\n    borderWidth: 1,\n    // Clip the textarea's browser-drawn resize grippy inside the rounded\n    // border. Without this, the grippy escapes the corner and looks like\n    // it belongs to the page, not the input.\n    overflow: 'hidden',\n};\n\n/**\n * Single-line text input with leading/trailing slots.\n *\n * Wrap in <Field> + <Field.Control> to get label, description, error, and\n * full a11y wiring (aria-labelledby, aria-describedby, aria-invalid).\n *\n * Color flips with the active scheme — the field surface, border, and\n * placeholder all read from the resolved palette via `useThemeColors`.\n */\nexport const TextInput = ({\n    disabled,\n    leading,\n    trailing,\n    containerClassName,\n    className,\n    testID,\n    id,\n    name,\n    onChangeText,\n    multiline,\n    numberOfLines,\n    ...rest\n}: TextInputProps) => {\n    const colors = useThemeColors();\n    const inputRef = useRef<RNTextInput | null>(null);\n\n    const restAny = rest as Record<string, unknown>;\n    const hasError = restAny['aria-invalid'] === true || restAny['aria-invalid'] === 'true';\n\n    const inputExtras: Record<string, unknown> = {};\n    if (testID !== undefined) {\n        inputExtras.testID = testID;\n    }\n    if (id !== undefined) {\n        inputExtras.id = id;\n        inputExtras.nativeID = id;\n    }\n    if (name !== undefined) {\n        inputExtras.name = name;\n    }\n    if (multiline !== undefined) {\n        inputExtras.multiline = multiline;\n    }\n    if (numberOfLines !== undefined) {\n        inputExtras.numberOfLines = numberOfLines;\n    }\n    if (onChangeText !== undefined) {\n        inputExtras.onChangeText = onChangeText;\n    }\n\n    const inputStyle: TextStyle = {\n        flex: 1,\n        paddingVertical: px(colors.spacing['2']),\n        fontFamily: colors.fontFamily.body,\n        fontSize: px(colors.fontSize.md),\n        color: colors.semantic.text.default,\n    };\n\n    const fieldStyle = [\n        FIELD_LAYOUT_BASE,\n        {\n            borderRadius: px(colors.radius.md),\n            paddingHorizontal: px(colors.spacing['3']),\n            backgroundColor: colors.semantic.background.elevated,\n            borderColor: hasError ? colors.color.danger : colors.semantic.border.default,\n        },\n        disabled ? { opacity: 0.6 } : null,\n    ];\n\n    return (\n        <View className={cn(containerClassName)} style={{ flexDirection: 'column' }}>\n            <View\n                className={cn(\n                    'flex-row items-center rounded-md border px-3',\n                    hasError ? 'border-semantic-interactive-destructive' : 'border-semantic-border-default',\n                    disabled ? 'opacity-60' : undefined\n                )}\n                style={fieldStyle}\n            >\n                {leading ? (\n                    <View className=\"mr-2\" style={{ marginRight: px(colors.spacing['2']) }}>\n                        {leading}\n                    </View>\n                ) : null}\n                <RNTextInput\n                    ref={inputRef}\n                    editable={!disabled}\n                    className={cn('flex-1 py-2 text-md text-semantic-text-default outline-none', className)}\n                    placeholderTextColor={colors.semantic.text.muted}\n                    {...inputExtras}\n                    {...rest}\n                    // Spread `rest` first so callers can extend the input style without\n                    // losing inputStyle — RN merges array styles in order, last wins.\n                    style={[inputStyle, rest.style]}\n                />\n                {trailing ? (\n                    <View className=\"ml-2\" style={{ marginLeft: px(colors.spacing['2']) }}>\n                        {trailing}\n                    </View>\n                ) : null}\n            </View>\n        </View>\n    );\n};\n"]}

package/dist/{chunk-3BDDPFCI.js → chunk-FDBQOQMW.js}

@@ -1,5 +1,5 @@
-import { px } from './chunk-5A2QOOVN.js';
 import { cn } from './chunk-CHXHRJNZ.js';
+import { px } from './chunk-5A2QOOVN.js';
 import { useThemeColors, useColorScheme } from './chunk-R5JMDDCB.js';
 import { __name } from './chunk-WCQVDF3K.js';
 import { View, Text } from 'react-native';
@@ -104,5 +104,5 @@ var Badge = /* @__PURE__ */ __name(({ tone = "neutral", appearance = "soft", chi
 }, "Badge");
 
 export { Badge };
-//# sourceMappingURL=chunk-3BDDPFCI.js.map
-//# sourceMappingURL=chunk-3BDDPFCI.js.map
+//# sourceMappingURL=chunk-FDBQOQMW.js.map
+//# sourceMappingURL=chunk-FDBQOQMW.js.map

package/dist/{chunk-3BDDPFCI.js.map → chunk-FDBQOQMW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Badge/Badge.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-3BDDPFCI.js","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport type { TextStyle, ViewStyle } from 'react-native';\nimport { Text as RNText, View } from 'react-native';\nimport { px } from '../../theme/px';\nimport { useColorScheme } from '../../theme/use-color-scheme';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type BadgeTone = 'neutral' | 'primary' | 'success' | 'warning' | 'danger';\nexport type BadgeAppearance = 'solid' | 'outline' | 'soft';\n\nexport type BadgeProps = {\n    /**\n     * Semantic color of the badge.\n     * @defaultValue 'neutral'\n     */\n    tone?: BadgeTone;\n    /**\n     * Visual treatment.\n     *  - `soft` (default) — tinted background with darker tone-colored text. Modern, calm.\n     *  - `solid` — filled tone background, white text. Loud, used sparingly.\n     *  - `outline` — border in tone, transparent background, tone-colored text.\n     * @defaultValue 'soft'\n     */\n    appearance?: BadgeAppearance;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n// Layout-only base; theme-driven dimensions are merged inside the\n// component so a custom theme reshapes the badge.\nconst BASE_CONTAINER_LAYOUT: ViewStyle = {\n    alignSelf: 'flex-start',\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingVertical: 2, // component-density literal — not from theme (no 2px spacing token)\n    borderWidth: 1,\n    borderColor: 'transparent',\n};\n\n/**\n * Compact pill for status, counts, or labels. Use sparingly — every badge\n * draws the eye, so a row of five is no longer a row of badges.\n *\n * Tone palettes flip with the active color scheme — light mode uses the\n * familiar pastel scale (Tailwind 50/200/800), dark mode uses the deep\n * 950/700/100 scale so a soft success badge reads as a calm tinted chip\n * on either surface, never as a glaring pastel on a dark page.\n */\nexport const Badge = ({ tone = 'neutral', appearance = 'soft', children, className, testID }: BadgeProps) => {\n    const colors = useThemeColors();\n    const isDark = useColorScheme() === 'dark';\n    const invertedText = colors.semantic.text.inverted;\n\n    let palette: {\n        soft: { bg: string; fg: string };\n        solid: { bg: string; fg: string };\n        outline: { border: string; fg: string };\n    };\n    if (tone === 'neutral') {\n        palette = {\n            soft: isDark\n                ? { bg: colors.color.neutral['800'], fg: colors.color.neutral['100'] }\n                : { bg: colors.color.neutral['100'], fg: colors.color.neutral['700'] },\n            solid: {\n                bg: isDark ? colors.color.neutral['200'] : colors.color.neutral['700'],\n                fg: isDark ? colors.color.neutral['900'] : invertedText,\n            },\n            outline: {\n                border: isDark ? colors.color.neutral['600'] : colors.color.neutral['300'],\n                fg: isDark ? colors.color.neutral['100'] : colors.color.neutral['700'],\n            },\n        };\n    } else if (tone === 'primary') {\n        palette = {\n            soft: isDark\n                ? { bg: colors.color.primary['900'], fg: colors.color.primary['200'] }\n                : { bg: colors.color.primary['100'], fg: colors.color.primary['800'] },\n            solid: {\n                bg: isDark ? colors.color.primary['400'] : colors.color.primary['600'],\n                fg: isDark ? colors.color.primary['900'] : invertedText,\n            },\n            outline: {\n                border: isDark ? colors.color.primary['400'] : colors.color.primary['300'],\n                fg: isDark ? colors.color.primary['200'] : colors.color.primary['700'],\n            },\n        };\n    } else if (tone === 'success') {\n        palette = {\n            soft: isDark ? { bg: '#14532d', fg: '#bbf7d0' } : { bg: '#dcfce7', fg: '#166534' },\n            solid: { bg: colors.color.success, fg: invertedText },\n            outline: { border: colors.color.success, fg: isDark ? '#bbf7d0' : '#166534' },\n        };\n    } else if (tone === 'warning') {\n        palette = {\n            soft: isDark ? { bg: '#78350f', fg: '#fde68a' } : { bg: '#fef3c7', fg: '#92400e' },\n            solid: { bg: colors.color.warning, fg: invertedText },\n            outline: { border: colors.color.warning, fg: isDark ? '#fde68a' : '#92400e' },\n        };\n    } else {\n        palette = {\n            soft: isDark ? { bg: '#7f1d1d', fg: '#fecaca' } : { bg: '#fee2e2', fg: '#991b1b' },\n            solid: { bg: colors.color.danger, fg: invertedText },\n            outline: { border: colors.color.danger, fg: isDark ? '#fecaca' : '#991b1b' },\n        };\n    }\n\n    const baseContainer: ViewStyle = {\n        ...BASE_CONTAINER_LAYOUT,\n        gap: px(colors.spacing['1']),\n        paddingHorizontal: px(colors.spacing['2']),\n        borderRadius: px(colors.radius.full),\n    };\n    const containerStyle: ViewStyle = (() => {\n        if (appearance === 'solid') {\n            return { ...baseContainer, backgroundColor: palette.solid.bg };\n        }\n        if (appearance === 'outline') {\n            return { ...baseContainer, backgroundColor: 'transparent', borderColor: palette.outline.border };\n        }\n        return { ...baseContainer, backgroundColor: palette.soft.bg };\n    })();\n    const textColor = (() => {\n        if (appearance === 'solid') {\n            return palette.solid.fg;\n        }\n        if (appearance === 'outline') {\n            return palette.outline.fg;\n        }\n        return palette.soft.fg;\n    })();\n    const baseText: TextStyle = {\n        fontFamily: colors.fontFamily.body,\n        fontSize: px(colors.fontSize.xs),\n        fontWeight: colors.fontWeight.medium as '500',\n        lineHeight: px(colors.fontSize.xs) * Number(colors.lineHeight.normal),\n    };\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('inline-flex flex-row items-center gap-1 rounded-full px-2 py-0.5 border', className)}\n            style={containerStyle}\n        >\n            <RNText style={{ ...baseText, color: textColor }}>{children}</RNText>\n        </View>\n    );\n};\n"]}
+{"version":3,"sources":["../src/components/Badge/Badge.tsx"],"names":["RNText"],"mappings":";;;;;;;AAkCA,IAAM,qBAAA,GAAmC;AAAA,EACrC,SAAA,EAAW,YAAA;AAAA,EACX,aAAA,EAAe,KAAA;AAAA,EACf,UAAA,EAAY,QAAA;AAAA,EACZ,eAAA,EAAiB,CAAA;AAAA;AAAA,EACjB,WAAA,EAAa,CAAA;AAAA,EACb,WAAA,EAAa;AACjB,CAAA;AAWO,IAAM,KAAA,mBAAQ,MAAA,CAAA,CAAC,EAAE,IAAA,GAAO,SAAA,EAAW,aAAa,MAAA,EAAQ,QAAA,EAAU,SAAA,EAAW,MAAA,EAAO,KAAkB;AACzG,EAAA,MAAM,SAAS,cAAA,EAAe;AAC9B,EAAA,MAAM,MAAA,GAAS,gBAAe,KAAM,MAAA;AACpC,EAAA,MAAM,YAAA,GAAe,MAAA,CAAO,QAAA,CAAS,IAAA,CAAK,QAAA;AAE1C,EAAA,IAAI,OAAA;AAKJ,EAAA,IAAI,SAAS,SAAA,EAAW;AACpB,IAAA,OAAA,GAAU;AAAA,MACN,IAAA,EAAM,MAAA,GACA,EAAE,EAAA,EAAI,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG,EAAA,EAAI,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAE,GACnE,EAAE,EAAA,EAAI,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG,EAAA,EAAI,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAE;AAAA,MACzE,KAAA,EAAO;AAAA,QACH,EAAA,EAAI,MAAA,GAAS,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA;AAAA,QACrE,IAAI,MAAA,GAAS,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI;AAAA,OAC/C;AAAA,MACA,OAAA,EAAS;AAAA,QACL,MAAA,EAAQ,MAAA,GAAS,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA;AAAA,QACzE,EAAA,EAAI,MAAA,GAAS,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK;AAAA;AACzE,KACJ;AAAA,EACJ,CAAA,MAAA,IAAW,SAAS,SAAA,EAAW;AAC3B,IAAA,OAAA,GAAU;AAAA,MACN,IAAA,EAAM,MAAA,GACA,EAAE,EAAA,EAAI,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG,EAAA,EAAI,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAE,GACnE,EAAE,EAAA,EAAI,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG,EAAA,EAAI,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAE;AAAA,MACzE,KAAA,EAAO;AAAA,QACH,EAAA,EAAI,MAAA,GAAS,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA;AAAA,QACrE,IAAI,MAAA,GAAS,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI;AAAA,OAC/C;AAAA,MACA,OAAA,EAAS;AAAA,QACL,MAAA,EAAQ,MAAA,GAAS,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA;AAAA,QACzE,EAAA,EAAI,MAAA,GAAS,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK;AAAA;AACzE,KACJ;AAAA,EACJ,CAAA,MAAA,IAAW,SAAS,SAAA,EAAW;AAC3B,IAAA,OAAA,GAAU;AAAA,MACN,IAAA,EAAM,MAAA,GAAS,EAAE,EAAA,EAAI,SAAA,EAAW,EAAA,EAAI,SAAA,EAAU,GAAI,EAAE,EAAA,EAAI,SAAA,EAAW,EAAA,EAAI,SAAA,EAAU;AAAA,MACjF,OAAO,EAAE,EAAA,EAAI,OAAO,KAAA,CAAM,OAAA,EAAS,IAAI,YAAA,EAAa;AAAA,MACpD,OAAA,EAAS,EAAE,MAAA,EAAQ,MAAA,CAAO,MAAM,OAAA,EAAS,EAAA,EAAI,MAAA,GAAS,SAAA,GAAY,SAAA;AAAU,KAChF;AAAA,EACJ,CAAA,MAAA,IAAW,SAAS,SAAA,EAAW;AAC3B,IAAA,OAAA,GAAU;AAAA,MACN,IAAA,EAAM,MAAA,GAAS,EAAE,EAAA,EAAI,SAAA,EAAW,EAAA,EAAI,SAAA,EAAU,GAAI,EAAE,EAAA,EAAI,SAAA,EAAW,EAAA,EAAI,SAAA,EAAU;AAAA,MACjF,OAAO,EAAE,EAAA,EAAI,OAAO,KAAA,CAAM,OAAA,EAAS,IAAI,YAAA,EAAa;AAAA,MACpD,OAAA,EAAS,EAAE,MAAA,EAAQ,MAAA,CAAO,MAAM,OAAA,EAAS,EAAA,EAAI,MAAA,GAAS,SAAA,GAAY,SAAA;AAAU,KAChF;AAAA,EACJ,CAAA,MAAO;AACH,IAAA,OAAA,GAAU;AAAA,MACN,IAAA,EAAM,MAAA,GAAS,EAAE,EAAA,EAAI,SAAA,EAAW,EAAA,EAAI,SAAA,EAAU,GAAI,EAAE,EAAA,EAAI,SAAA,EAAW,EAAA,EAAI,SAAA,EAAU;AAAA,MACjF,OAAO,EAAE,EAAA,EAAI,OAAO,KAAA,CAAM,MAAA,EAAQ,IAAI,YAAA,EAAa;AAAA,MACnD,OAAA,EAAS,EAAE,MAAA,EAAQ,MAAA,CAAO,MAAM,MAAA,EAAQ,EAAA,EAAI,MAAA,GAAS,SAAA,GAAY,SAAA;AAAU,KAC/E;AAAA,EACJ;AAEA,EAAA,MAAM,aAAA,GAA2B;AAAA,IAC7B,GAAG,qBAAA;AAAA,IACH,GAAA,EAAK,EAAA,CAAG,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA;AAAA,IAC3B,iBAAA,EAAmB,EAAA,CAAG,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA;AAAA,IACzC,YAAA,EAAc,EAAA,CAAG,MAAA,CAAO,MAAA,CAAO,IAAI;AAAA,GACvC;AACA,EAAA,MAAM,kBAA6B,MAAM;AACrC,IAAA,IAAI,eAAe,OAAA,EAAS;AACxB,MAAA,OAAO,EAAE,GAAG,aAAA,EAAe,eAAA,EAAiB,OAAA,CAAQ,MAAM,EAAA,EAAG;AAAA,IACjE;AACA,IAAA,IAAI,eAAe,SAAA,EAAW;AAC1B,MAAA,OAAO,EAAE,GAAG,aAAA,EAAe,eAAA,EAAiB,eAAe,WAAA,EAAa,OAAA,CAAQ,QAAQ,MAAA,EAAO;AAAA,IACnG;AACA,IAAA,OAAO,EAAE,GAAG,aAAA,EAAe,eAAA,EAAiB,OAAA,CAAQ,KAAK,EAAA,EAAG;AAAA,EAChE,CAAA,GAAG;AACH,EAAA,MAAM,aAAa,MAAM;AACrB,IAAA,IAAI,eAAe,OAAA,EAAS;AACxB,MAAA,OAAO,QAAQ,KAAA,CAAM,EAAA;AAAA,IACzB;AACA,IAAA,IAAI,eAAe,SAAA,EAAW;AAC1B,MAAA,OAAO,QAAQ,OAAA,CAAQ,EAAA;AAAA,IAC3B;AACA,IAAA,OAAO,QAAQ,IAAA,CAAK,EAAA;AAAA,EACxB,CAAA,GAAG;AACH,EAAA,MAAM,QAAA,GAAsB;AAAA,IACxB,UAAA,EAAY,OAAO,UAAA,CAAW,IAAA;AAAA,IAC9B,QAAA,EAAU,EAAA,CAAG,MAAA,CAAO,QAAA,CAAS,EAAE,CAAA;AAAA,IAC/B,UAAA,EAAY,OAAO,UAAA,CAAW,MAAA;AAAA,IAC9B,UAAA,EAAY,GAAG,MAAA,CAAO,QAAA,CAAS,EAAE,CAAA,GAAI,MAAA,CAAO,MAAA,CAAO,UAAA,CAAW,MAAM;AAAA,GACxE;AACA,EAAA,uBACI,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACI,GAAI,MAAA,KAAW,MAAA,GAAY,EAAE,MAAA,KAAW,EAAC;AAAA,MAC1C,SAAA,EAAW,EAAA,CAAG,yEAAA,EAA2E,SAAS,CAAA;AAAA,MAClG,KAAA,EAAO,cAAA;AAAA,MAEP,QAAA,kBAAA,GAAA,CAACA,QAAO,KAAA,EAAO,EAAE,GAAG,QAAA,EAAU,KAAA,EAAO,SAAA,EAAU,EAAI,QAAA,EAAS;AAAA;AAAA,GAChE;AAER,CAAA,EAjGqB,OAAA","file":"chunk-FDBQOQMW.js","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport type { TextStyle, ViewStyle } from 'react-native';\nimport { Text as RNText, View } from 'react-native';\nimport { px } from '../../theme/px';\nimport { useColorScheme } from '../../theme/use-color-scheme';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type BadgeTone = 'neutral' | 'primary' | 'success' | 'warning' | 'danger';\nexport type BadgeAppearance = 'solid' | 'outline' | 'soft';\n\nexport type BadgeProps = {\n    /**\n     * Semantic color of the badge.\n     * @defaultValue 'neutral'\n     */\n    tone?: BadgeTone;\n    /**\n     * Visual treatment.\n     *  - `soft` (default) — tinted background with darker tone-colored text. Modern, calm.\n     *  - `solid` — filled tone background, white text. Loud, used sparingly.\n     *  - `outline` — border in tone, transparent background, tone-colored text.\n     * @defaultValue 'soft'\n     */\n    appearance?: BadgeAppearance;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n// Layout-only base; theme-driven dimensions are merged inside the\n// component so a custom theme reshapes the badge.\nconst BASE_CONTAINER_LAYOUT: ViewStyle = {\n    alignSelf: 'flex-start',\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingVertical: 2, // component-density literal — not from theme (no 2px spacing token)\n    borderWidth: 1,\n    borderColor: 'transparent',\n};\n\n/**\n * Compact pill for status, counts, or labels. Use sparingly — every badge\n * draws the eye, so a row of five is no longer a row of badges.\n *\n * Tone palettes flip with the active color scheme — light mode uses the\n * familiar pastel scale (Tailwind 50/200/800), dark mode uses the deep\n * 950/700/100 scale so a soft success badge reads as a calm tinted chip\n * on either surface, never as a glaring pastel on a dark page.\n */\nexport const Badge = ({ tone = 'neutral', appearance = 'soft', children, className, testID }: BadgeProps) => {\n    const colors = useThemeColors();\n    const isDark = useColorScheme() === 'dark';\n    const invertedText = colors.semantic.text.inverted;\n\n    let palette: {\n        soft: { bg: string; fg: string };\n        solid: { bg: string; fg: string };\n        outline: { border: string; fg: string };\n    };\n    if (tone === 'neutral') {\n        palette = {\n            soft: isDark\n                ? { bg: colors.color.neutral['800'], fg: colors.color.neutral['100'] }\n                : { bg: colors.color.neutral['100'], fg: colors.color.neutral['700'] },\n            solid: {\n                bg: isDark ? colors.color.neutral['200'] : colors.color.neutral['700'],\n                fg: isDark ? colors.color.neutral['900'] : invertedText,\n            },\n            outline: {\n                border: isDark ? colors.color.neutral['600'] : colors.color.neutral['300'],\n                fg: isDark ? colors.color.neutral['100'] : colors.color.neutral['700'],\n            },\n        };\n    } else if (tone === 'primary') {\n        palette = {\n            soft: isDark\n                ? { bg: colors.color.primary['900'], fg: colors.color.primary['200'] }\n                : { bg: colors.color.primary['100'], fg: colors.color.primary['800'] },\n            solid: {\n                bg: isDark ? colors.color.primary['400'] : colors.color.primary['600'],\n                fg: isDark ? colors.color.primary['900'] : invertedText,\n            },\n            outline: {\n                border: isDark ? colors.color.primary['400'] : colors.color.primary['300'],\n                fg: isDark ? colors.color.primary['200'] : colors.color.primary['700'],\n            },\n        };\n    } else if (tone === 'success') {\n        palette = {\n            soft: isDark ? { bg: '#14532d', fg: '#bbf7d0' } : { bg: '#dcfce7', fg: '#166534' },\n            solid: { bg: colors.color.success, fg: invertedText },\n            outline: { border: colors.color.success, fg: isDark ? '#bbf7d0' : '#166534' },\n        };\n    } else if (tone === 'warning') {\n        palette = {\n            soft: isDark ? { bg: '#78350f', fg: '#fde68a' } : { bg: '#fef3c7', fg: '#92400e' },\n            solid: { bg: colors.color.warning, fg: invertedText },\n            outline: { border: colors.color.warning, fg: isDark ? '#fde68a' : '#92400e' },\n        };\n    } else {\n        palette = {\n            soft: isDark ? { bg: '#7f1d1d', fg: '#fecaca' } : { bg: '#fee2e2', fg: '#991b1b' },\n            solid: { bg: colors.color.danger, fg: invertedText },\n            outline: { border: colors.color.danger, fg: isDark ? '#fecaca' : '#991b1b' },\n        };\n    }\n\n    const baseContainer: ViewStyle = {\n        ...BASE_CONTAINER_LAYOUT,\n        gap: px(colors.spacing['1']),\n        paddingHorizontal: px(colors.spacing['2']),\n        borderRadius: px(colors.radius.full),\n    };\n    const containerStyle: ViewStyle = (() => {\n        if (appearance === 'solid') {\n            return { ...baseContainer, backgroundColor: palette.solid.bg };\n        }\n        if (appearance === 'outline') {\n            return { ...baseContainer, backgroundColor: 'transparent', borderColor: palette.outline.border };\n        }\n        return { ...baseContainer, backgroundColor: palette.soft.bg };\n    })();\n    const textColor = (() => {\n        if (appearance === 'solid') {\n            return palette.solid.fg;\n        }\n        if (appearance === 'outline') {\n            return palette.outline.fg;\n        }\n        return palette.soft.fg;\n    })();\n    const baseText: TextStyle = {\n        fontFamily: colors.fontFamily.body,\n        fontSize: px(colors.fontSize.xs),\n        fontWeight: colors.fontWeight.medium as '500',\n        lineHeight: px(colors.fontSize.xs) * Number(colors.lineHeight.normal),\n    };\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('inline-flex flex-row items-center gap-1 rounded-full px-2 py-0.5 border', className)}\n            style={containerStyle}\n        >\n            <RNText style={{ ...baseText, color: textColor }}>{children}</RNText>\n        </View>\n    );\n};\n"]}

package/dist/{chunk-XALU6LOT.js → chunk-GELLSU64.js}

@@ -1,5 +1,5 @@
-import { px } from './chunk-5A2QOOVN.js';
 import { cn } from './chunk-CHXHRJNZ.js';
+import { px } from './chunk-5A2QOOVN.js';
 import { useThemeColors } from './chunk-R5JMDDCB.js';
 import { __name } from './chunk-WCQVDF3K.js';
 import { createContext, useId, useState, useRef, useCallback, useMemo, useEffect, useContext } from 'react';
@@ -302,5 +302,5 @@ var Tabs = Object.assign(TabsRoot, {
 });
 
 export { Tabs };
-//# sourceMappingURL=chunk-XALU6LOT.js.map
-//# sourceMappingURL=chunk-XALU6LOT.js.map
+//# sourceMappingURL=chunk-GELLSU64.js.map
+//# sourceMappingURL=chunk-GELLSU64.js.map

package/dist/{chunk-XALU6LOT.js.map → chunk-GELLSU64.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Tabs/Tabs.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-XALU6LOT.js","sourcesContent":["'use client';\n\nimport {\n    createContext,\n    type KeyboardEvent,\n    type ReactNode,\n    type RefObject,\n    useCallback,\n    useContext,\n    useEffect,\n    useId,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport type { ViewStyle } from 'react-native';\nimport { Pressable, Text as RNText, View } from 'react-native';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type TabsOrientation = 'horizontal' | 'vertical';\nexport type TabsActivation = 'automatic' | 'manual';\n\ntype TabsContextValue = {\n    value: string | undefined;\n    setValue: (next: string) => void;\n    baseId: string;\n    orientation: TabsOrientation;\n    activation: TabsActivation;\n    register: (value: string, ref: RefObject<HTMLElement | null>) => void;\n    unregister: (value: string) => void;\n    moveFocus: (offset: 1 | -1, fromValue: string) => void;\n    focusEdge: (edge: 'first' | 'last') => void;\n};\n\nconst TabsContext = createContext<TabsContextValue | null>(null);\n\nconst useTabsContext = (label: string): TabsContextValue => {\n    const ctx = useContext(TabsContext);\n    if (!ctx) {\n        throw new Error(`<${label}> must be rendered inside a <Tabs>.`);\n    }\n    return ctx;\n};\n\nexport type TabsProps = {\n    /** Controlled active tab value. */\n    value?: string;\n    /** Uncontrolled initial value. */\n    defaultValue?: string;\n    /** Fires with the new value when the active tab changes. */\n    onChange?: (next: string) => void;\n    /**\n     * Layout direction of the tablist. Drives the keyboard-nav axis.\n     * @defaultValue 'horizontal'\n     */\n    orientation?: TabsOrientation;\n    /**\n     * Whether arrow keys also activate the focused tab.\n     *  - `automatic` (default) — selection follows focus, matching most UIs.\n     *  - `manual` — arrow keys move focus only; the user presses Enter or\n     *    Space to activate. Use when activating a tab is expensive.\n     * @defaultValue 'automatic'\n     */\n    activation?: TabsActivation;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n/**\n * Tab pattern with keyboard nav, roving tabindex, and content/trigger\n * association via shared `value`s. Compose:\n *\n *   <Tabs defaultValue=\"overview\">\n *     <TabsList>\n *       <TabsTrigger value=\"overview\">Overview</TabsTrigger>\n *       <TabsTrigger value=\"settings\">Settings</TabsTrigger>\n *     </TabsList>\n *     <TabsContent value=\"overview\">…</TabsContent>\n *     <TabsContent value=\"settings\">…</TabsContent>\n *   </Tabs>\n *\n * Follows the WAI-ARIA tablist pattern: `tablist` / `tab` / `tabpanel` roles,\n * arrow-key navigation that wraps, Home/End for first/last, and roving\n * tabindex so tabbing into the group lands on the active tab.\n */\nconst TabsRoot = ({\n    value,\n    defaultValue,\n    onChange,\n    orientation = 'horizontal',\n    activation = 'automatic',\n    children,\n    className,\n    testID,\n}: TabsProps) => {\n    const baseId = useId();\n    const [inner, setInner] = useState<string | undefined>(defaultValue);\n    const isControlled = value !== undefined;\n    const current = isControlled ? value : inner;\n\n    const refs = useRef<Map<string, RefObject<HTMLElement | null>>>(new Map());\n    const orderRef = useRef<string[]>([]);\n\n    const setValue = useCallback(\n        (next: string) => {\n            if (!isControlled) {\n                setInner(next);\n            }\n            onChange?.(next);\n        },\n        [isControlled, onChange]\n    );\n\n    const register = useCallback((v: string, ref: RefObject<HTMLElement | null>) => {\n        refs.current.set(v, ref);\n        if (!orderRef.current.includes(v)) {\n            orderRef.current.push(v);\n        }\n    }, []);\n\n    const unregister = useCallback((v: string) => {\n        refs.current.delete(v);\n        orderRef.current = orderRef.current.filter((x) => x !== v);\n    }, []);\n\n    const focusValue = useCallback(\n        (next: string) => {\n            const ref = refs.current.get(next);\n            ref?.current?.focus?.();\n            if (activation === 'automatic') {\n                setValue(next);\n            }\n        },\n        [activation, setValue]\n    );\n\n    const moveFocus = useCallback(\n        (offset: 1 | -1, fromValue: string) => {\n            const order = orderRef.current;\n            if (order.length === 0) {\n                return;\n            }\n            const idx = order.indexOf(fromValue);\n            const start = idx === -1 ? 0 : idx;\n            const len = order.length;\n            const next = order[(start + offset + len) % len];\n            if (next) {\n                focusValue(next);\n            }\n        },\n        [focusValue]\n    );\n\n    const focusEdge = useCallback(\n        (edge: 'first' | 'last') => {\n            const order = orderRef.current;\n            if (order.length === 0) {\n                return;\n            }\n            const target = edge === 'first' ? order[0] : order[order.length - 1];\n            if (target) {\n                focusValue(target);\n            }\n        },\n        [focusValue]\n    );\n\n    const ctxValue = useMemo<TabsContextValue>(\n        () => ({\n            value: current,\n            setValue,\n            baseId,\n            orientation,\n            activation,\n            register,\n            unregister,\n            moveFocus,\n            focusEdge,\n        }),\n        [current, setValue, baseId, orientation, activation, register, unregister, moveFocus, focusEdge]\n    );\n\n    return (\n        <TabsContext.Provider value={ctxValue}>\n            <TabsViewport\n                orientation={orientation}\n                {...(className !== undefined ? { className } : {})}\n                {...(testID !== undefined ? { testID } : {})}\n            >\n                {children}\n            </TabsViewport>\n        </TabsContext.Provider>\n    );\n};\n\n// Inner view so we can call useThemeColors() to source the orientation\n// gap from the spacing token scale.\nconst TabsViewport = ({\n    orientation,\n    className,\n    testID,\n    children,\n}: {\n    orientation: TabsOrientation;\n    className?: string;\n    testID?: string;\n    children?: ReactNode;\n}) => {\n    const colors = useThemeColors();\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn(orientation === 'vertical' ? 'flex-row gap-4' : 'flex-col gap-3', className)}\n            style={\n                orientation === 'vertical'\n                    ? { flexDirection: 'row', gap: px(colors.spacing['4']) }\n                    : { flexDirection: 'column', gap: px(colors.spacing['3']) }\n            }\n        >\n            {children}\n        </View>\n    );\n};\n\nexport type TabsListProps = {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n// Layout-only bases; theme-driven gap is merged inside TabsList.\nconst LIST_LAYOUT_BASE: ViewStyle = {\n    flexDirection: 'row',\n    alignItems: 'center',\n    borderBottomWidth: 1,\n};\n\nconst LIST_VERTICAL_LAYOUT_BASE: ViewStyle = {\n    flexDirection: 'column',\n    alignItems: 'stretch',\n    borderRightWidth: 1,\n};\n\n/** Container for `TabsTrigger`s. Renders the underline rule on the appropriate edge. */\nexport const TabsList = ({ children, className, testID }: TabsListProps) => {\n    const ctx = useTabsContext('TabsList');\n    const colors = useThemeColors();\n    const gap = px(colors.spacing['1']);\n    const listStyle: ViewStyle =\n        ctx.orientation === 'vertical'\n            ? { ...LIST_VERTICAL_LAYOUT_BASE, gap, borderRightColor: colors.semantic.border.default }\n            : { ...LIST_LAYOUT_BASE, gap, borderBottomColor: colors.semantic.border.default };\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            role=\"tablist\"\n            accessibilityRole=\"tablist\"\n            aria-orientation={ctx.orientation}\n            className={cn(\n                ctx.orientation === 'vertical'\n                    ? 'flex-col gap-1 border-r border-semantic-border-default'\n                    : 'flex-row items-center gap-1 border-b border-semantic-border-default',\n                className\n            )}\n            style={listStyle}\n        >\n            {children}\n        </View>\n    );\n};\n\nexport type TabsTriggerProps = {\n    /** Value linking this trigger to a `<TabsContent>`. */\n    value: string;\n    /** Disable just this trigger. */\n    disabled?: boolean;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n// Subtle 200ms ease on border + text color so the active tab indicator\n// fades in/out (and the trigger label colors smoothly between selected\n// and idle) instead of snapping. Web only — RN ignores the transition*\n// keys silently. We don't ship a true sliding magic-pill on either\n// platform yet; that would need react-native-reanimated and per-trigger\n// rect measurement, which is more complexity than this earns right now.\nconst TRIGGER_TRANSITION = {\n    transitionProperty: 'border-color, color',\n    transitionDuration: '200ms',\n    transitionTimingFunction: 'ease',\n} as ViewStyle;\n\n// Layout / transition only; theme-driven padding is merged inside TabsTrigger.\nconst TRIGGER_LAYOUT_BASE: ViewStyle = {\n    borderBottomWidth: 2,\n    borderBottomColor: 'transparent',\n    marginBottom: -1,\n    ...TRIGGER_TRANSITION,\n};\n\nconst TRIGGER_LAYOUT_BASE_VERTICAL: ViewStyle = {\n    borderRightWidth: 2,\n    borderRightColor: 'transparent',\n    marginRight: -1,\n    ...TRIGGER_TRANSITION,\n};\n\n/** Clickable tab. Activating it shows the matching `TabsContent`. */\nexport const TabsTrigger = ({ value, disabled, children, className, testID }: TabsTriggerProps) => {\n    const ctx = useTabsContext('TabsTrigger');\n    const colors = useThemeColors();\n    const ownRef = useRef<HTMLElement | null>(null);\n    const selected = ctx.value === value;\n    const isVertical = ctx.orientation === 'vertical';\n\n    useEffect(() => {\n        ctx.register(value, ownRef);\n        return () => ctx.unregister(value);\n    }, [ctx, value]);\n\n    const onPress = useCallback(() => {\n        if (disabled) {\n            return;\n        }\n        ctx.setValue(value);\n    }, [ctx, value, disabled]);\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLElement>) => {\n            const nextKey = isVertical ? 'ArrowDown' : 'ArrowRight';\n            const prevKey = isVertical ? 'ArrowUp' : 'ArrowLeft';\n            switch (event.key) {\n                case nextKey:\n                    event.preventDefault();\n                    ctx.moveFocus(1, value);\n                    return;\n                case prevKey:\n                    event.preventDefault();\n                    ctx.moveFocus(-1, value);\n                    return;\n                case 'Home':\n                    event.preventDefault();\n                    ctx.focusEdge('first');\n                    return;\n                case 'End':\n                    event.preventDefault();\n                    ctx.focusEdge('last');\n                    return;\n                case 'Enter':\n                case ' ': {\n                    if (ctx.activation === 'manual') {\n                        event.preventDefault();\n                        if (!disabled) {\n                            ctx.setValue(value);\n                        }\n                    }\n                    return;\n                }\n            }\n        },\n        [ctx, value, disabled, isVertical]\n    );\n\n    const accentStyle = selected\n        ? isVertical\n            ? { borderRightColor: colors.semantic.interactive.primary }\n            : { borderBottomColor: colors.semantic.interactive.primary }\n        : null;\n\n    const triggerProps: Record<string, unknown> = {\n        ref: (node: HTMLElement | null) => {\n            ownRef.current = node;\n        },\n        role: 'tab',\n        accessibilityRole: 'tab',\n        'aria-selected': selected,\n        'aria-controls': `${ctx.baseId}-panel-${value}`,\n        id: `${ctx.baseId}-tab-${value}`,\n        tabIndex: selected ? 0 : -1,\n        onPress,\n        onKeyDown: handleKeyDown,\n        ...(disabled ? { 'aria-disabled': true, disabled: true } : {}),\n        ...(testID !== undefined ? { testID } : {}),\n    };\n\n    const triggerPadding: ViewStyle = {\n        paddingHorizontal: px(colors.spacing['3']),\n        paddingVertical: px(colors.spacing['2']),\n    };\n    const triggerStyle: ViewStyle = isVertical\n        ? { ...TRIGGER_LAYOUT_BASE_VERTICAL, ...triggerPadding }\n        : { ...TRIGGER_LAYOUT_BASE, ...triggerPadding };\n\n    return (\n        <Pressable\n            {...triggerProps}\n            className={cn(\n                isVertical\n                    ? 'px-3 py-2 -mr-px border-r-2 border-r-transparent'\n                    : 'px-3 py-2 -mb-px border-b-2 border-b-transparent',\n                selected ? 'border-r-semantic-interactive-primary' : '',\n                disabled ? 'opacity-50' : 'opacity-100',\n                className\n            )}\n            style={[triggerStyle, accentStyle, disabled ? { opacity: 0.5 } : null]}\n        >\n            {typeof children === 'string' ? (\n                <RNText\n                    style={{\n                        color: selected ? colors.semantic.interactive.primary : colors.semantic.text.muted,\n                        fontFamily: colors.fontFamily.body,\n                        fontSize: px(colors.fontSize.sm),\n                        fontWeight: selected\n                            ? (colors.fontWeight.semibold as '600')\n                            : (colors.fontWeight.medium as '500'),\n                    }}\n                >\n                    {children}\n                </RNText>\n            ) : (\n                children\n            )}\n        </Pressable>\n    );\n};\n\nexport type TabsContentProps = {\n    /** Value of the trigger this panel pairs with. */\n    value: string;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n/** Panel content shown when its `value` matches the active tab. */\nexport const TabsContent = ({ value, children, className, testID }: TabsContentProps) => {\n    const ctx = useTabsContext('TabsContent');\n    const active = ctx.value === value;\n    if (!active) {\n        return null;\n    }\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            role=\"tabpanel\"\n            accessibilityRole=\"none\"\n            id={`${ctx.baseId}-panel-${value}`}\n            aria-labelledby={`${ctx.baseId}-tab-${value}`}\n            tabIndex={0}\n            className={cn('outline-none', className)}\n        >\n            {children}\n        </View>\n    );\n};\n\n/**\n * Public `Tabs` value — the root function plus its `.List`, `.Trigger`, and\n * `.Content` static members. `Object.assign` produces a value whose inferred\n * type carries the static properties, so `.d.ts` consumers can write\n * `<Tabs.List>` without a separate import.\n */\nexport const Tabs = Object.assign(TabsRoot, {\n    List: TabsList,\n    Trigger: TabsTrigger,\n    Content: TabsContent,\n});\n"]}
+{"version":3,"sources":["../src/components/Tabs/Tabs.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-GELLSU64.js","sourcesContent":["'use client';\n\nimport {\n    createContext,\n    type KeyboardEvent,\n    type ReactNode,\n    type RefObject,\n    useCallback,\n    useContext,\n    useEffect,\n    useId,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport type { ViewStyle } from 'react-native';\nimport { Pressable, Text as RNText, View } from 'react-native';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type TabsOrientation = 'horizontal' | 'vertical';\nexport type TabsActivation = 'automatic' | 'manual';\n\ntype TabsContextValue = {\n    value: string | undefined;\n    setValue: (next: string) => void;\n    baseId: string;\n    orientation: TabsOrientation;\n    activation: TabsActivation;\n    register: (value: string, ref: RefObject<HTMLElement | null>) => void;\n    unregister: (value: string) => void;\n    moveFocus: (offset: 1 | -1, fromValue: string) => void;\n    focusEdge: (edge: 'first' | 'last') => void;\n};\n\nconst TabsContext = createContext<TabsContextValue | null>(null);\n\nconst useTabsContext = (label: string): TabsContextValue => {\n    const ctx = useContext(TabsContext);\n    if (!ctx) {\n        throw new Error(`<${label}> must be rendered inside a <Tabs>.`);\n    }\n    return ctx;\n};\n\nexport type TabsProps = {\n    /** Controlled active tab value. */\n    value?: string;\n    /** Uncontrolled initial value. */\n    defaultValue?: string;\n    /** Fires with the new value when the active tab changes. */\n    onChange?: (next: string) => void;\n    /**\n     * Layout direction of the tablist. Drives the keyboard-nav axis.\n     * @defaultValue 'horizontal'\n     */\n    orientation?: TabsOrientation;\n    /**\n     * Whether arrow keys also activate the focused tab.\n     *  - `automatic` (default) — selection follows focus, matching most UIs.\n     *  - `manual` — arrow keys move focus only; the user presses Enter or\n     *    Space to activate. Use when activating a tab is expensive.\n     * @defaultValue 'automatic'\n     */\n    activation?: TabsActivation;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n/**\n * Tab pattern with keyboard nav, roving tabindex, and content/trigger\n * association via shared `value`s. Compose:\n *\n *   <Tabs defaultValue=\"overview\">\n *     <TabsList>\n *       <TabsTrigger value=\"overview\">Overview</TabsTrigger>\n *       <TabsTrigger value=\"settings\">Settings</TabsTrigger>\n *     </TabsList>\n *     <TabsContent value=\"overview\">…</TabsContent>\n *     <TabsContent value=\"settings\">…</TabsContent>\n *   </Tabs>\n *\n * Follows the WAI-ARIA tablist pattern: `tablist` / `tab` / `tabpanel` roles,\n * arrow-key navigation that wraps, Home/End for first/last, and roving\n * tabindex so tabbing into the group lands on the active tab.\n */\nconst TabsRoot = ({\n    value,\n    defaultValue,\n    onChange,\n    orientation = 'horizontal',\n    activation = 'automatic',\n    children,\n    className,\n    testID,\n}: TabsProps) => {\n    const baseId = useId();\n    const [inner, setInner] = useState<string | undefined>(defaultValue);\n    const isControlled = value !== undefined;\n    const current = isControlled ? value : inner;\n\n    const refs = useRef<Map<string, RefObject<HTMLElement | null>>>(new Map());\n    const orderRef = useRef<string[]>([]);\n\n    const setValue = useCallback(\n        (next: string) => {\n            if (!isControlled) {\n                setInner(next);\n            }\n            onChange?.(next);\n        },\n        [isControlled, onChange]\n    );\n\n    const register = useCallback((v: string, ref: RefObject<HTMLElement | null>) => {\n        refs.current.set(v, ref);\n        if (!orderRef.current.includes(v)) {\n            orderRef.current.push(v);\n        }\n    }, []);\n\n    const unregister = useCallback((v: string) => {\n        refs.current.delete(v);\n        orderRef.current = orderRef.current.filter((x) => x !== v);\n    }, []);\n\n    const focusValue = useCallback(\n        (next: string) => {\n            const ref = refs.current.get(next);\n            ref?.current?.focus?.();\n            if (activation === 'automatic') {\n                setValue(next);\n            }\n        },\n        [activation, setValue]\n    );\n\n    const moveFocus = useCallback(\n        (offset: 1 | -1, fromValue: string) => {\n            const order = orderRef.current;\n            if (order.length === 0) {\n                return;\n            }\n            const idx = order.indexOf(fromValue);\n            const start = idx === -1 ? 0 : idx;\n            const len = order.length;\n            const next = order[(start + offset + len) % len];\n            if (next) {\n                focusValue(next);\n            }\n        },\n        [focusValue]\n    );\n\n    const focusEdge = useCallback(\n        (edge: 'first' | 'last') => {\n            const order = orderRef.current;\n            if (order.length === 0) {\n                return;\n            }\n            const target = edge === 'first' ? order[0] : order[order.length - 1];\n            if (target) {\n                focusValue(target);\n            }\n        },\n        [focusValue]\n    );\n\n    const ctxValue = useMemo<TabsContextValue>(\n        () => ({\n            value: current,\n            setValue,\n            baseId,\n            orientation,\n            activation,\n            register,\n            unregister,\n            moveFocus,\n            focusEdge,\n        }),\n        [current, setValue, baseId, orientation, activation, register, unregister, moveFocus, focusEdge]\n    );\n\n    return (\n        <TabsContext.Provider value={ctxValue}>\n            <TabsViewport\n                orientation={orientation}\n                {...(className !== undefined ? { className } : {})}\n                {...(testID !== undefined ? { testID } : {})}\n            >\n                {children}\n            </TabsViewport>\n        </TabsContext.Provider>\n    );\n};\n\n// Inner view so we can call useThemeColors() to source the orientation\n// gap from the spacing token scale.\nconst TabsViewport = ({\n    orientation,\n    className,\n    testID,\n    children,\n}: {\n    orientation: TabsOrientation;\n    className?: string;\n    testID?: string;\n    children?: ReactNode;\n}) => {\n    const colors = useThemeColors();\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn(orientation === 'vertical' ? 'flex-row gap-4' : 'flex-col gap-3', className)}\n            style={\n                orientation === 'vertical'\n                    ? { flexDirection: 'row', gap: px(colors.spacing['4']) }\n                    : { flexDirection: 'column', gap: px(colors.spacing['3']) }\n            }\n        >\n            {children}\n        </View>\n    );\n};\n\nexport type TabsListProps = {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n// Layout-only bases; theme-driven gap is merged inside TabsList.\nconst LIST_LAYOUT_BASE: ViewStyle = {\n    flexDirection: 'row',\n    alignItems: 'center',\n    borderBottomWidth: 1,\n};\n\nconst LIST_VERTICAL_LAYOUT_BASE: ViewStyle = {\n    flexDirection: 'column',\n    alignItems: 'stretch',\n    borderRightWidth: 1,\n};\n\n/** Container for `TabsTrigger`s. Renders the underline rule on the appropriate edge. */\nexport const TabsList = ({ children, className, testID }: TabsListProps) => {\n    const ctx = useTabsContext('TabsList');\n    const colors = useThemeColors();\n    const gap = px(colors.spacing['1']);\n    const listStyle: ViewStyle =\n        ctx.orientation === 'vertical'\n            ? { ...LIST_VERTICAL_LAYOUT_BASE, gap, borderRightColor: colors.semantic.border.default }\n            : { ...LIST_LAYOUT_BASE, gap, borderBottomColor: colors.semantic.border.default };\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            role=\"tablist\"\n            accessibilityRole=\"tablist\"\n            aria-orientation={ctx.orientation}\n            className={cn(\n                ctx.orientation === 'vertical'\n                    ? 'flex-col gap-1 border-r border-semantic-border-default'\n                    : 'flex-row items-center gap-1 border-b border-semantic-border-default',\n                className\n            )}\n            style={listStyle}\n        >\n            {children}\n        </View>\n    );\n};\n\nexport type TabsTriggerProps = {\n    /** Value linking this trigger to a `<TabsContent>`. */\n    value: string;\n    /** Disable just this trigger. */\n    disabled?: boolean;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n// Subtle 200ms ease on border + text color so the active tab indicator\n// fades in/out (and the trigger label colors smoothly between selected\n// and idle) instead of snapping. Web only — RN ignores the transition*\n// keys silently. We don't ship a true sliding magic-pill on either\n// platform yet; that would need react-native-reanimated and per-trigger\n// rect measurement, which is more complexity than this earns right now.\nconst TRIGGER_TRANSITION = {\n    transitionProperty: 'border-color, color',\n    transitionDuration: '200ms',\n    transitionTimingFunction: 'ease',\n} as ViewStyle;\n\n// Layout / transition only; theme-driven padding is merged inside TabsTrigger.\nconst TRIGGER_LAYOUT_BASE: ViewStyle = {\n    borderBottomWidth: 2,\n    borderBottomColor: 'transparent',\n    marginBottom: -1,\n    ...TRIGGER_TRANSITION,\n};\n\nconst TRIGGER_LAYOUT_BASE_VERTICAL: ViewStyle = {\n    borderRightWidth: 2,\n    borderRightColor: 'transparent',\n    marginRight: -1,\n    ...TRIGGER_TRANSITION,\n};\n\n/** Clickable tab. Activating it shows the matching `TabsContent`. */\nexport const TabsTrigger = ({ value, disabled, children, className, testID }: TabsTriggerProps) => {\n    const ctx = useTabsContext('TabsTrigger');\n    const colors = useThemeColors();\n    const ownRef = useRef<HTMLElement | null>(null);\n    const selected = ctx.value === value;\n    const isVertical = ctx.orientation === 'vertical';\n\n    useEffect(() => {\n        ctx.register(value, ownRef);\n        return () => ctx.unregister(value);\n    }, [ctx, value]);\n\n    const onPress = useCallback(() => {\n        if (disabled) {\n            return;\n        }\n        ctx.setValue(value);\n    }, [ctx, value, disabled]);\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLElement>) => {\n            const nextKey = isVertical ? 'ArrowDown' : 'ArrowRight';\n            const prevKey = isVertical ? 'ArrowUp' : 'ArrowLeft';\n            switch (event.key) {\n                case nextKey:\n                    event.preventDefault();\n                    ctx.moveFocus(1, value);\n                    return;\n                case prevKey:\n                    event.preventDefault();\n                    ctx.moveFocus(-1, value);\n                    return;\n                case 'Home':\n                    event.preventDefault();\n                    ctx.focusEdge('first');\n                    return;\n                case 'End':\n                    event.preventDefault();\n                    ctx.focusEdge('last');\n                    return;\n                case 'Enter':\n                case ' ': {\n                    if (ctx.activation === 'manual') {\n                        event.preventDefault();\n                        if (!disabled) {\n                            ctx.setValue(value);\n                        }\n                    }\n                    return;\n                }\n            }\n        },\n        [ctx, value, disabled, isVertical]\n    );\n\n    const accentStyle = selected\n        ? isVertical\n            ? { borderRightColor: colors.semantic.interactive.primary }\n            : { borderBottomColor: colors.semantic.interactive.primary }\n        : null;\n\n    const triggerProps: Record<string, unknown> = {\n        ref: (node: HTMLElement | null) => {\n            ownRef.current = node;\n        },\n        role: 'tab',\n        accessibilityRole: 'tab',\n        'aria-selected': selected,\n        'aria-controls': `${ctx.baseId}-panel-${value}`,\n        id: `${ctx.baseId}-tab-${value}`,\n        tabIndex: selected ? 0 : -1,\n        onPress,\n        onKeyDown: handleKeyDown,\n        ...(disabled ? { 'aria-disabled': true, disabled: true } : {}),\n        ...(testID !== undefined ? { testID } : {}),\n    };\n\n    const triggerPadding: ViewStyle = {\n        paddingHorizontal: px(colors.spacing['3']),\n        paddingVertical: px(colors.spacing['2']),\n    };\n    const triggerStyle: ViewStyle = isVertical\n        ? { ...TRIGGER_LAYOUT_BASE_VERTICAL, ...triggerPadding }\n        : { ...TRIGGER_LAYOUT_BASE, ...triggerPadding };\n\n    return (\n        <Pressable\n            {...triggerProps}\n            className={cn(\n                isVertical\n                    ? 'px-3 py-2 -mr-px border-r-2 border-r-transparent'\n                    : 'px-3 py-2 -mb-px border-b-2 border-b-transparent',\n                selected ? 'border-r-semantic-interactive-primary' : '',\n                disabled ? 'opacity-50' : 'opacity-100',\n                className\n            )}\n            style={[triggerStyle, accentStyle, disabled ? { opacity: 0.5 } : null]}\n        >\n            {typeof children === 'string' ? (\n                <RNText\n                    style={{\n                        color: selected ? colors.semantic.interactive.primary : colors.semantic.text.muted,\n                        fontFamily: colors.fontFamily.body,\n                        fontSize: px(colors.fontSize.sm),\n                        fontWeight: selected\n                            ? (colors.fontWeight.semibold as '600')\n                            : (colors.fontWeight.medium as '500'),\n                    }}\n                >\n                    {children}\n                </RNText>\n            ) : (\n                children\n            )}\n        </Pressable>\n    );\n};\n\nexport type TabsContentProps = {\n    /** Value of the trigger this panel pairs with. */\n    value: string;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n/** Panel content shown when its `value` matches the active tab. */\nexport const TabsContent = ({ value, children, className, testID }: TabsContentProps) => {\n    const ctx = useTabsContext('TabsContent');\n    const active = ctx.value === value;\n    if (!active) {\n        return null;\n    }\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            role=\"tabpanel\"\n            accessibilityRole=\"none\"\n            id={`${ctx.baseId}-panel-${value}`}\n            aria-labelledby={`${ctx.baseId}-tab-${value}`}\n            tabIndex={0}\n            className={cn('outline-none', className)}\n        >\n            {children}\n        </View>\n    );\n};\n\n/**\n * Public `Tabs` value — the root function plus its `.List`, `.Trigger`, and\n * `.Content` static members. `Object.assign` produces a value whose inferred\n * type carries the static properties, so `.d.ts` consumers can write\n * `<Tabs.List>` without a separate import.\n */\nexport const Tabs = Object.assign(TabsRoot, {\n    List: TabsList,\n    Trigger: TabsTrigger,\n    Content: TabsContent,\n});\n"]}

package/dist/{chunk-BZLT6R62.js → chunk-GRDVE3IR.js}

@@ -1,4 +1,4 @@
-import { wrapStringChildren } from './chunk-JQQ3FBN7.js';
+import { wrapStringChildren } from './chunk-VCJF75T2.js';
 import { cn } from './chunk-CHXHRJNZ.js';
 import { __name } from './chunk-WCQVDF3K.js';
 import { View } from 'react-native';
@@ -76,5 +76,5 @@ var HStack = /* @__PURE__ */ __name(({ gap, align, justify, className, children,
 }, "HStack");
 
 export { HStack };
-//# sourceMappingURL=chunk-BZLT6R62.js.map
-//# sourceMappingURL=chunk-BZLT6R62.js.map
+//# sourceMappingURL=chunk-GRDVE3IR.js.map
+//# sourceMappingURL=chunk-GRDVE3IR.js.map

package/dist/{chunk-BZLT6R62.js.map → chunk-GRDVE3IR.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/HStack/HStack.tsx"],"names":[],"mappings":";;;;;;AAiBA,IAAM,WAAA,GAA0C;AAAA,EAC5C,KAAA,EAAO,aAAA;AAAA,EACP,MAAA,EAAQ,cAAA;AAAA,EACR,GAAA,EAAK,WAAA;AAAA,EACL,OAAA,EAAS,eAAA;AAAA,EACT,QAAA,EAAU;AACd,CAAA;AAEA,IAAM,aAAA,GAA8C;AAAA,EAChD,KAAA,EAAO,eAAA;AAAA,EACP,MAAA,EAAQ,gBAAA;AAAA,EACR,GAAA,EAAK,aAAA;AAAA,EACL,OAAA,EAAS,iBAAA;AAAA,EACT,MAAA,EAAQ,gBAAA;AAAA,EACR,MAAA,EAAQ;AACZ,CAAA;AAEA,IAAM,WAAA,GAA2D;AAAA,EAC7D,KAAA,EAAO,YAAA;AAAA,EACP,MAAA,EAAQ,QAAA;AAAA,EACR,GAAA,EAAK,UAAA;AAAA,EACL,OAAA,EAAS,SAAA;AAAA,EACT,QAAA,EAAU;AACd,CAAA;AAEA,IAAM,aAAA,GAAmE;AAAA,EACrE,KAAA,EAAO,YAAA;AAAA,EACP,MAAA,EAAQ,QAAA;AAAA,EACR,GAAA,EAAK,UAAA;AAAA,EACL,OAAA,EAAS,eAAA;AAAA,EACT,MAAA,EAAQ,cAAA;AAAA,EACR,MAAA,EAAQ;AACZ,CAAA;AAOA,IAAM,MAAA,GAAmC;AAAA,EACrC,CAAA,EAAG,CAAA;AAAA,EACH,CAAA,EAAG,CAAA;AAAA,EACH,CAAA,EAAG,CAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI;AACR,CAAA;AAUO,IAAM,MAAA,mBAAS,MAAA,CAAA,CAAC,EAAE,GAAA,EAAK,KAAA,EAAO,OAAA,EAAS,SAAA,EAAW,QAAA,EAAU,KAAA,EAAO,GAAG,IAAA,EAAK,KAAmB;AACjG,EAAA,MAAM,MAAA,GAAoB,EAAE,aAAA,EAAe,KAAA,EAAM;AACjD,EAAA,IAAI,GAAA,KAAQ,MAAA,IAAa,GAAA,KAAQ,CAAA,EAAG;AAChC,IAAA,MAAA,CAAO,GAAA,GAAM,OAAO,GAAG,CAAA;AAAA,EAC3B;AACA,EAAA,IAAI,UAAU,MAAA,EAAW;AACrB,IAAA,MAAA,CAAO,UAAA,GAAa,YAAY,KAAK,CAAA;AAAA,EACzC;AACA,EAAA,IAAI,YAAY,MAAA,EAAW;AACvB,IAAA,MAAA,CAAO,cAAA,GAAiB,cAAc,OAAO,CAAA;AAAA,EACjD;AACA,EAAA,MAAM,SAAS,KAAA,KAAU,MAAA,GAAY,MAAA,GAAU,CAAC,QAAQ,KAAK,CAAA;AAC7D,EAAA,uBACI,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACI,GAAG,IAAA;AAAA,MACJ,KAAA,EAAO,MAAA;AAAA,MACP,SAAA,EAAW,EAAA;AAAA,QACP,UAAA;AAAA,QACA,QAAQ,MAAA,IAAa,GAAA,KAAQ,CAAA,GAAI,CAAA,IAAA,EAAO,GAAG,CAAA,CAAA,GAAK,MAAA;AAAA,QAChD,KAAA,KAAU,MAAA,GAAY,WAAA,CAAY,KAAK,CAAA,GAAI,MAAA;AAAA,QAC3C,OAAA,KAAY,MAAA,GAAY,aAAA,CAAc,OAAO,CAAA,GAAI,MAAA;AAAA,QACjD;AAAA,OACJ;AAAA,MAEC,6BAAmB,QAAQ;AAAA;AAAA,GAChC;AAER,CAAA,EA3BsB,QAAA","file":"chunk-BZLT6R62.js","sourcesContent":["import type { ViewProps, ViewStyle } from 'react-native';\nimport { View } from 'react-native';\nimport { cn } from '../../utils/cn';\nimport { wrapStringChildren } from '../../utils/wrap-string-children';\n\nexport type StackGap = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12;\nexport type StackAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';\nexport type StackJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\n\nexport type HStackProps = ViewProps & {\n    gap?: StackGap;\n    align?: StackAlign;\n    justify?: StackJustify;\n    className?: string;\n    testID?: string;\n};\n\nconst ALIGN_CLASS: Record<StackAlign, string> = {\n    start: 'items-start',\n    center: 'items-center',\n    end: 'items-end',\n    stretch: 'items-stretch',\n    baseline: 'items-baseline',\n};\n\nconst JUSTIFY_CLASS: Record<StackJustify, string> = {\n    start: 'justify-start',\n    center: 'justify-center',\n    end: 'justify-end',\n    between: 'justify-between',\n    around: 'justify-around',\n    evenly: 'justify-evenly',\n};\n\nconst ALIGN_STYLE: Record<StackAlign, ViewStyle['alignItems']> = {\n    start: 'flex-start',\n    center: 'center',\n    end: 'flex-end',\n    stretch: 'stretch',\n    baseline: 'baseline',\n};\n\nconst JUSTIFY_STYLE: Record<StackJustify, ViewStyle['justifyContent']> = {\n    start: 'flex-start',\n    center: 'center',\n    end: 'flex-end',\n    between: 'space-between',\n    around: 'space-around',\n    evenly: 'space-evenly',\n};\n\n// Tailwind spacing scale → RN px. Mirrors the `gap-{n}` class output but\n// drives RN's native `gap` style, which Yoga supports directly. Inline\n// `gap` is more reliable than NativeWind's className path on native —\n// css-interop sometimes fails to apply gap classes through the static\n// extraction pipeline, leaving stacks with zero spacing.\nconst GAP_PX: Record<StackGap, number> = {\n    0: 0,\n    1: 4,\n    2: 8,\n    3: 12,\n    4: 16,\n    5: 20,\n    6: 24,\n    8: 32,\n    10: 40,\n    12: 48,\n};\n\n/**\n * Horizontal flex layout primitive. RSC-safe.\n *\n * Layout (`flexDirection`, `gap`, `alignItems`, `justifyContent`) is set\n * via inline style — NativeWind's className path doesn't reliably apply\n * these on native. The matching Tailwind classes are still emitted so\n * web tooling and consumers extending the className keep working.\n */\nexport const HStack = ({ gap, align, justify, className, children, style, ...rest }: HStackProps) => {\n    const inline: ViewStyle = { flexDirection: 'row' };\n    if (gap !== undefined && gap !== 0) {\n        inline.gap = GAP_PX[gap];\n    }\n    if (align !== undefined) {\n        inline.alignItems = ALIGN_STYLE[align];\n    }\n    if (justify !== undefined) {\n        inline.justifyContent = JUSTIFY_STYLE[justify];\n    }\n    const merged = style === undefined ? inline : ([inline, style] as ViewStyle[]);\n    return (\n        <View\n            {...rest}\n            style={merged}\n            className={cn(\n                'flex-row',\n                gap !== undefined && gap !== 0 ? `gap-${gap}` : undefined,\n                align !== undefined ? ALIGN_CLASS[align] : undefined,\n                justify !== undefined ? JUSTIFY_CLASS[justify] : undefined,\n                className\n            )}\n        >\n            {wrapStringChildren(children)}\n        </View>\n    );\n};\n"]}
+{"version":3,"sources":["../src/components/HStack/HStack.tsx"],"names":[],"mappings":";;;;;;AAiBA,IAAM,WAAA,GAA0C;AAAA,EAC5C,KAAA,EAAO,aAAA;AAAA,EACP,MAAA,EAAQ,cAAA;AAAA,EACR,GAAA,EAAK,WAAA;AAAA,EACL,OAAA,EAAS,eAAA;AAAA,EACT,QAAA,EAAU;AACd,CAAA;AAEA,IAAM,aAAA,GAA8C;AAAA,EAChD,KAAA,EAAO,eAAA;AAAA,EACP,MAAA,EAAQ,gBAAA;AAAA,EACR,GAAA,EAAK,aAAA;AAAA,EACL,OAAA,EAAS,iBAAA;AAAA,EACT,MAAA,EAAQ,gBAAA;AAAA,EACR,MAAA,EAAQ;AACZ,CAAA;AAEA,IAAM,WAAA,GAA2D;AAAA,EAC7D,KAAA,EAAO,YAAA;AAAA,EACP,MAAA,EAAQ,QAAA;AAAA,EACR,GAAA,EAAK,UAAA;AAAA,EACL,OAAA,EAAS,SAAA;AAAA,EACT,QAAA,EAAU;AACd,CAAA;AAEA,IAAM,aAAA,GAAmE;AAAA,EACrE,KAAA,EAAO,YAAA;AAAA,EACP,MAAA,EAAQ,QAAA;AAAA,EACR,GAAA,EAAK,UAAA;AAAA,EACL,OAAA,EAAS,eAAA;AAAA,EACT,MAAA,EAAQ,cAAA;AAAA,EACR,MAAA,EAAQ;AACZ,CAAA;AAOA,IAAM,MAAA,GAAmC;AAAA,EACrC,CAAA,EAAG,CAAA;AAAA,EACH,CAAA,EAAG,CAAA;AAAA,EACH,CAAA,EAAG,CAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI;AACR,CAAA;AAUO,IAAM,MAAA,mBAAS,MAAA,CAAA,CAAC,EAAE,GAAA,EAAK,KAAA,EAAO,OAAA,EAAS,SAAA,EAAW,QAAA,EAAU,KAAA,EAAO,GAAG,IAAA,EAAK,KAAmB;AACjG,EAAA,MAAM,MAAA,GAAoB,EAAE,aAAA,EAAe,KAAA,EAAM;AACjD,EAAA,IAAI,GAAA,KAAQ,MAAA,IAAa,GAAA,KAAQ,CAAA,EAAG;AAChC,IAAA,MAAA,CAAO,GAAA,GAAM,OAAO,GAAG,CAAA;AAAA,EAC3B;AACA,EAAA,IAAI,UAAU,MAAA,EAAW;AACrB,IAAA,MAAA,CAAO,UAAA,GAAa,YAAY,KAAK,CAAA;AAAA,EACzC;AACA,EAAA,IAAI,YAAY,MAAA,EAAW;AACvB,IAAA,MAAA,CAAO,cAAA,GAAiB,cAAc,OAAO,CAAA;AAAA,EACjD;AACA,EAAA,MAAM,SAAS,KAAA,KAAU,MAAA,GAAY,MAAA,GAAU,CAAC,QAAQ,KAAK,CAAA;AAC7D,EAAA,uBACI,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACI,GAAG,IAAA;AAAA,MACJ,KAAA,EAAO,MAAA;AAAA,MACP,SAAA,EAAW,EAAA;AAAA,QACP,UAAA;AAAA,QACA,QAAQ,MAAA,IAAa,GAAA,KAAQ,CAAA,GAAI,CAAA,IAAA,EAAO,GAAG,CAAA,CAAA,GAAK,MAAA;AAAA,QAChD,KAAA,KAAU,MAAA,GAAY,WAAA,CAAY,KAAK,CAAA,GAAI,MAAA;AAAA,QAC3C,OAAA,KAAY,MAAA,GAAY,aAAA,CAAc,OAAO,CAAA,GAAI,MAAA;AAAA,QACjD;AAAA,OACJ;AAAA,MAEC,6BAAmB,QAAQ;AAAA;AAAA,GAChC;AAER,CAAA,EA3BsB,QAAA","file":"chunk-GRDVE3IR.js","sourcesContent":["import type { ViewProps, ViewStyle } from 'react-native';\nimport { View } from 'react-native';\nimport { cn } from '../../utils/cn';\nimport { wrapStringChildren } from '../../utils/wrap-string-children';\n\nexport type StackGap = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12;\nexport type StackAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';\nexport type StackJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\n\nexport type HStackProps = ViewProps & {\n    gap?: StackGap;\n    align?: StackAlign;\n    justify?: StackJustify;\n    className?: string;\n    testID?: string;\n};\n\nconst ALIGN_CLASS: Record<StackAlign, string> = {\n    start: 'items-start',\n    center: 'items-center',\n    end: 'items-end',\n    stretch: 'items-stretch',\n    baseline: 'items-baseline',\n};\n\nconst JUSTIFY_CLASS: Record<StackJustify, string> = {\n    start: 'justify-start',\n    center: 'justify-center',\n    end: 'justify-end',\n    between: 'justify-between',\n    around: 'justify-around',\n    evenly: 'justify-evenly',\n};\n\nconst ALIGN_STYLE: Record<StackAlign, ViewStyle['alignItems']> = {\n    start: 'flex-start',\n    center: 'center',\n    end: 'flex-end',\n    stretch: 'stretch',\n    baseline: 'baseline',\n};\n\nconst JUSTIFY_STYLE: Record<StackJustify, ViewStyle['justifyContent']> = {\n    start: 'flex-start',\n    center: 'center',\n    end: 'flex-end',\n    between: 'space-between',\n    around: 'space-around',\n    evenly: 'space-evenly',\n};\n\n// Tailwind spacing scale → RN px. Mirrors the `gap-{n}` class output but\n// drives RN's native `gap` style, which Yoga supports directly. Inline\n// `gap` is more reliable than NativeWind's className path on native —\n// css-interop sometimes fails to apply gap classes through the static\n// extraction pipeline, leaving stacks with zero spacing.\nconst GAP_PX: Record<StackGap, number> = {\n    0: 0,\n    1: 4,\n    2: 8,\n    3: 12,\n    4: 16,\n    5: 20,\n    6: 24,\n    8: 32,\n    10: 40,\n    12: 48,\n};\n\n/**\n * Horizontal flex layout primitive. RSC-safe.\n *\n * Layout (`flexDirection`, `gap`, `alignItems`, `justifyContent`) is set\n * via inline style — NativeWind's className path doesn't reliably apply\n * these on native. The matching Tailwind classes are still emitted so\n * web tooling and consumers extending the className keep working.\n */\nexport const HStack = ({ gap, align, justify, className, children, style, ...rest }: HStackProps) => {\n    const inline: ViewStyle = { flexDirection: 'row' };\n    if (gap !== undefined && gap !== 0) {\n        inline.gap = GAP_PX[gap];\n    }\n    if (align !== undefined) {\n        inline.alignItems = ALIGN_STYLE[align];\n    }\n    if (justify !== undefined) {\n        inline.justifyContent = JUSTIFY_STYLE[justify];\n    }\n    const merged = style === undefined ? inline : ([inline, style] as ViewStyle[]);\n    return (\n        <View\n            {...rest}\n            style={merged}\n            className={cn(\n                'flex-row',\n                gap !== undefined && gap !== 0 ? `gap-${gap}` : undefined,\n                align !== undefined ? ALIGN_CLASS[align] : undefined,\n                justify !== undefined ? JUSTIFY_CLASS[justify] : undefined,\n                className\n            )}\n        >\n            {wrapStringChildren(children)}\n        </View>\n    );\n};\n"]}

package/dist/{chunk-OMU4R4Y5.js → chunk-HTF6FDB6.js}

@@ -1,5 +1,5 @@
-import { px } from './chunk-5A2QOOVN.js';
 import { cn } from './chunk-CHXHRJNZ.js';
+import { px } from './chunk-5A2QOOVN.js';
 import { useThemeColors } from './chunk-R5JMDDCB.js';
 import { __name } from './chunk-WCQVDF3K.js';
 import { View, Text } from 'react-native';
@@ -140,5 +140,5 @@ var Card = Object.assign(CardRoot, {
 });
 
 export { Card };
-//# sourceMappingURL=chunk-OMU4R4Y5.js.map
-//# sourceMappingURL=chunk-OMU4R4Y5.js.map
+//# sourceMappingURL=chunk-HTF6FDB6.js.map
+//# sourceMappingURL=chunk-HTF6FDB6.js.map

package/dist/{chunk-OMU4R4Y5.js.map → chunk-HTF6FDB6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Card/Card.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-OMU4R4Y5.js","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport type { ViewProps, ViewStyle } from 'react-native';\nimport { Text as RNText, View } from 'react-native';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\n// Layout-only bases; theme-driven dimensions are merged inside each\n// component below so a custom theme reshapes the card.\nconst SURFACE_LAYOUT_BASE: ViewStyle = {\n    borderWidth: 1,\n    overflow: 'hidden',\n};\n\nconst HEADER_LAYOUT_BASE: ViewStyle = {\n    flexDirection: 'column',\n};\nconst CONTENT_LAYOUT_BASE: ViewStyle = {};\nconst FOOTER_LAYOUT_BASE: ViewStyle = {\n    flexDirection: 'row',\n    alignItems: 'center',\n    borderTopWidth: 1,\n};\n\nexport type CardProps = Omit<ViewProps, 'children'> & {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n/**\n * Container surface for grouping related content. Pair with `Card.Header`,\n * `Card.Title`, `Card.Description`, `Card.Content`, and `Card.Footer` for\n * the conventional layout, or use any children directly.\n */\nconst CardRoot = ({ children, className, style, ...rest }: CardProps) => {\n    const colors = useThemeColors();\n    return (\n        <View\n            {...rest}\n            className={cn(\n                'rounded-xl border border-semantic-border-default bg-semantic-background-elevated',\n                className\n            )}\n            style={[\n                SURFACE_LAYOUT_BASE,\n                {\n                    borderRadius: px(colors.radius.xl),\n                    backgroundColor: colors.semantic.background.elevated,\n                    borderColor: colors.semantic.border.default,\n                },\n                style,\n            ]}\n        >\n            {children}\n        </View>\n    );\n};\n\nexport type CardSectionProps = Omit<ViewProps, 'children'> & {\n    children?: ReactNode;\n    className?: string;\n};\n\n/** Header section — sits flush with the card top with comfortable padding. */\nexport const CardHeader = ({ children, className, style, ...rest }: CardSectionProps) => {\n    const colors = useThemeColors();\n    const headerStyle: ViewStyle = {\n        ...HEADER_LAYOUT_BASE,\n        paddingHorizontal: px(colors.spacing['6']),\n        paddingTop: px(colors.spacing['5']),\n        paddingBottom: px(colors.spacing['3']),\n        gap: px(colors.spacing['1']),\n    };\n    return (\n        <View {...rest} className={cn('flex-col gap-1 px-6 pt-5 pb-3', className)} style={[headerStyle, style]}>\n            {children}\n        </View>\n    );\n};\n\n/** Body content — for arbitrary content between header and footer. */\nexport const CardContent = ({ children, className, style, ...rest }: CardSectionProps) => {\n    const colors = useThemeColors();\n    const contentStyle: ViewStyle = {\n        ...CONTENT_LAYOUT_BASE,\n        paddingHorizontal: px(colors.spacing['6']),\n        paddingVertical: px(colors.spacing['4']),\n    };\n    // Auto-wrap raw string children in <Text>. RN refuses to render a\n    // bare string inside a View in dev, and on rn-web it silently slips\n    // through using whatever ambient color the surface has — which is\n    // wrong in dark mode. Wrapping here matches the pattern other Card\n    // subcomponents already follow.\n    const wrapped =\n        typeof children === 'string' ? (\n            <RNText\n                style={{\n                    color: colors.semantic.text.default,\n                    fontFamily: colors.fontFamily.body,\n                    fontSize: px(colors.fontSize.md),\n                    lineHeight: px(colors.fontSize.md) * Number(colors.lineHeight.normal),\n                }}\n            >\n                {children}\n            </RNText>\n        ) : (\n            children\n        );\n    return (\n        <View {...rest} className={cn('px-6 py-4', className)} style={[contentStyle, style]}>\n            {wrapped}\n        </View>\n    );\n};\n\n/** Footer with a top border and a row of actions (typically Buttons). */\nexport const CardFooter = ({ children, className, style, ...rest }: CardSectionProps) => {\n    const colors = useThemeColors();\n    const footerStyle: ViewStyle = {\n        ...FOOTER_LAYOUT_BASE,\n        paddingHorizontal: px(colors.spacing['6']),\n        paddingTop: px(colors.spacing['3']),\n        paddingBottom: px(colors.spacing['5']),\n        gap: px(colors.spacing['2']),\n    };\n    return (\n        <View\n            {...rest}\n            className={cn(\n                'flex-row items-center gap-2 px-6 pt-3 pb-5 border-t border-semantic-border-default',\n                className\n            )}\n            style={[footerStyle, { borderTopColor: colors.semantic.border.default }, style]}\n        >\n            {children}\n        </View>\n    );\n};\n\nexport type CardTextProps = {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n/** Card title — heading-weight text. Renders as a heading on web. */\nexport const CardTitle = ({ children, className, testID }: CardTextProps) => {\n    const colors = useThemeColors();\n    return (\n        <RNText\n            {...(testID !== undefined ? { testID } : {})}\n            accessibilityRole=\"header\"\n            role=\"heading\"\n            aria-level={3}\n            className={cn('text-lg font-semibold text-semantic-text-default', className)}\n            style={{\n                color: colors.semantic.text.default,\n                fontFamily: colors.fontFamily.display,\n                fontSize: px(colors.fontSize.lg),\n                fontWeight: colors.fontWeight.semibold as '600',\n            }}\n        >\n            {children}\n        </RNText>\n    );\n};\n\n/** Muted subtitle that pairs with Card.Title. */\nexport const CardDescription = ({ children, className, testID }: CardTextProps) => {\n    const colors = useThemeColors();\n    return (\n        <RNText\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('text-sm text-semantic-text-muted', className)}\n            style={{\n                color: colors.semantic.text.muted,\n                fontFamily: colors.fontFamily.body,\n                fontSize: px(colors.fontSize.sm),\n            }}\n        >\n            {children}\n        </RNText>\n    );\n};\n\n/**\n * Public `Card` value — the root function plus its `.Header`, `.Title`,\n * `.Description`, `.Content`, and `.Footer` static members. `Object.assign`\n * produces a value whose inferred type carries the static properties, so\n * `.d.ts` consumers can write `<Card.Header>` without a separate import.\n */\nexport const Card = Object.assign(CardRoot, {\n    Header: CardHeader,\n    Title: CardTitle,\n    Description: CardDescription,\n    Content: CardContent,\n    Footer: CardFooter,\n});\n"]}
+{"version":3,"sources":["../src/components/Card/Card.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-HTF6FDB6.js","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport type { ViewProps, ViewStyle } from 'react-native';\nimport { Text as RNText, View } from 'react-native';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\n// Layout-only bases; theme-driven dimensions are merged inside each\n// component below so a custom theme reshapes the card.\nconst SURFACE_LAYOUT_BASE: ViewStyle = {\n    borderWidth: 1,\n    overflow: 'hidden',\n};\n\nconst HEADER_LAYOUT_BASE: ViewStyle = {\n    flexDirection: 'column',\n};\nconst CONTENT_LAYOUT_BASE: ViewStyle = {};\nconst FOOTER_LAYOUT_BASE: ViewStyle = {\n    flexDirection: 'row',\n    alignItems: 'center',\n    borderTopWidth: 1,\n};\n\nexport type CardProps = Omit<ViewProps, 'children'> & {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n/**\n * Container surface for grouping related content. Pair with `Card.Header`,\n * `Card.Title`, `Card.Description`, `Card.Content`, and `Card.Footer` for\n * the conventional layout, or use any children directly.\n */\nconst CardRoot = ({ children, className, style, ...rest }: CardProps) => {\n    const colors = useThemeColors();\n    return (\n        <View\n            {...rest}\n            className={cn(\n                'rounded-xl border border-semantic-border-default bg-semantic-background-elevated',\n                className\n            )}\n            style={[\n                SURFACE_LAYOUT_BASE,\n                {\n                    borderRadius: px(colors.radius.xl),\n                    backgroundColor: colors.semantic.background.elevated,\n                    borderColor: colors.semantic.border.default,\n                },\n                style,\n            ]}\n        >\n            {children}\n        </View>\n    );\n};\n\nexport type CardSectionProps = Omit<ViewProps, 'children'> & {\n    children?: ReactNode;\n    className?: string;\n};\n\n/** Header section — sits flush with the card top with comfortable padding. */\nexport const CardHeader = ({ children, className, style, ...rest }: CardSectionProps) => {\n    const colors = useThemeColors();\n    const headerStyle: ViewStyle = {\n        ...HEADER_LAYOUT_BASE,\n        paddingHorizontal: px(colors.spacing['6']),\n        paddingTop: px(colors.spacing['5']),\n        paddingBottom: px(colors.spacing['3']),\n        gap: px(colors.spacing['1']),\n    };\n    return (\n        <View {...rest} className={cn('flex-col gap-1 px-6 pt-5 pb-3', className)} style={[headerStyle, style]}>\n            {children}\n        </View>\n    );\n};\n\n/** Body content — for arbitrary content between header and footer. */\nexport const CardContent = ({ children, className, style, ...rest }: CardSectionProps) => {\n    const colors = useThemeColors();\n    const contentStyle: ViewStyle = {\n        ...CONTENT_LAYOUT_BASE,\n        paddingHorizontal: px(colors.spacing['6']),\n        paddingVertical: px(colors.spacing['4']),\n    };\n    // Auto-wrap raw string children in <Text>. RN refuses to render a\n    // bare string inside a View in dev, and on rn-web it silently slips\n    // through using whatever ambient color the surface has — which is\n    // wrong in dark mode. Wrapping here matches the pattern other Card\n    // subcomponents already follow.\n    const wrapped =\n        typeof children === 'string' ? (\n            <RNText\n                style={{\n                    color: colors.semantic.text.default,\n                    fontFamily: colors.fontFamily.body,\n                    fontSize: px(colors.fontSize.md),\n                    lineHeight: px(colors.fontSize.md) * Number(colors.lineHeight.normal),\n                }}\n            >\n                {children}\n            </RNText>\n        ) : (\n            children\n        );\n    return (\n        <View {...rest} className={cn('px-6 py-4', className)} style={[contentStyle, style]}>\n            {wrapped}\n        </View>\n    );\n};\n\n/** Footer with a top border and a row of actions (typically Buttons). */\nexport const CardFooter = ({ children, className, style, ...rest }: CardSectionProps) => {\n    const colors = useThemeColors();\n    const footerStyle: ViewStyle = {\n        ...FOOTER_LAYOUT_BASE,\n        paddingHorizontal: px(colors.spacing['6']),\n        paddingTop: px(colors.spacing['3']),\n        paddingBottom: px(colors.spacing['5']),\n        gap: px(colors.spacing['2']),\n    };\n    return (\n        <View\n            {...rest}\n            className={cn(\n                'flex-row items-center gap-2 px-6 pt-3 pb-5 border-t border-semantic-border-default',\n                className\n            )}\n            style={[footerStyle, { borderTopColor: colors.semantic.border.default }, style]}\n        >\n            {children}\n        </View>\n    );\n};\n\nexport type CardTextProps = {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n/** Card title — heading-weight text. Renders as a heading on web. */\nexport const CardTitle = ({ children, className, testID }: CardTextProps) => {\n    const colors = useThemeColors();\n    return (\n        <RNText\n            {...(testID !== undefined ? { testID } : {})}\n            accessibilityRole=\"header\"\n            role=\"heading\"\n            aria-level={3}\n            className={cn('text-lg font-semibold text-semantic-text-default', className)}\n            style={{\n                color: colors.semantic.text.default,\n                fontFamily: colors.fontFamily.display,\n                fontSize: px(colors.fontSize.lg),\n                fontWeight: colors.fontWeight.semibold as '600',\n            }}\n        >\n            {children}\n        </RNText>\n    );\n};\n\n/** Muted subtitle that pairs with Card.Title. */\nexport const CardDescription = ({ children, className, testID }: CardTextProps) => {\n    const colors = useThemeColors();\n    return (\n        <RNText\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('text-sm text-semantic-text-muted', className)}\n            style={{\n                color: colors.semantic.text.muted,\n                fontFamily: colors.fontFamily.body,\n                fontSize: px(colors.fontSize.sm),\n            }}\n        >\n            {children}\n        </RNText>\n    );\n};\n\n/**\n * Public `Card` value — the root function plus its `.Header`, `.Title`,\n * `.Description`, `.Content`, and `.Footer` static members. `Object.assign`\n * produces a value whose inferred type carries the static properties, so\n * `.d.ts` consumers can write `<Card.Header>` without a separate import.\n */\nexport const Card = Object.assign(CardRoot, {\n    Header: CardHeader,\n    Title: CardTitle,\n    Description: CardDescription,\n    Content: CardContent,\n    Footer: CardFooter,\n});\n"]}