@nori-ui/core 1.6.0 → 1.8.0

package/dist/chunk-IGBXSBF7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Kbd/Kbd.tsx"],"names":["RNText"],"mappings":";;;;;;;AA2BO,IAAM,GAAA,mBAAM,MAAA,CAAA,CAAC,EAAE,QAAA,EAAU,WAAU,KAAgB;AACtD,EAAA,MAAM,SAAS,cAAA,EAAe;AAC9B,EAAA,MAAM,MAAA,GAAS,gBAAe,KAAM,MAAA;AAEpC,EAAA,MAAM,OAAA,GAAU,MAAA,GAAS,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA;AACjF,EAAA,MAAM,WAAA,GAAc,MAAA,GAAS,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA;AACrF,EAAA,MAAM,SAAA,GAAY,MAAA,GAAS,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA;AAEnF,EAAA,MAAM,cAAA,GAA4B;AAAA,IAC9B,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,SAAA,EAAW,QAAA;AAAA,IACX,eAAA,EAAiB,OAAA;AAAA,IACjB,WAAA,EAAa,CAAA;AAAA,IACb,WAAA;AAAA,IACA,YAAA,EAAc,EAAA,CAAG,MAAA,CAAO,MAAA,CAAO,EAAE,CAAA;AAAA,IACjC,iBAAA,EAAmB,EAAA,CAAG,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA;AAAA,IACzC,eAAA,EAAiB,CAAA;AAAA;AAAA,IAEjB,GAAI,QAAA,CAAS,EAAA,KAAO,KAAA,GACb;AAAA,MACG,SAAA,EAAW,WAAW,WAAW,CAAA,CAAA;AAAA,MACjC,OAAA,EAAS;AAAA,QAEb;AAAC,GACX;AAEA,EAAA,MAAM,SAAA,GAAuB;AAAA,IACzB,KAAA,EAAO,SAAA;AAAA;AAAA,IAEP,UAAA,EAAY,MAAA,CAAO,UAAA,CAAW,IAAA,IAAQ,WAAA;AAAA,IACtC,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;AAOA,EAAA,MAAM,aAAA,GACF,QAAA,CAAS,EAAA,KAAO,KAAA,GACT;AAAA;AAAA;AAAA;AAAA,IAIG,iBAAA,EAAmB;AAAA,MAEvB,EAAC;AAEX,EAAA,uBACI,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACI,GAAG,aAAA;AAAA,MACJ,SAAA,EAAW,EAAA;AAAA,QACP,iEAAA;AAAA,QACA,SACM,oDAAA,GACA,oDAAA;AAAA,QACN;AAAA,OACJ;AAAA,MACA,KAAA,EAAO,cAAA;AAAA,MAIP,QAAA,kBAAA,GAAA;AAAA,QAACA,IAAA;AAAA,QAAA;AAAA,UACI,GAAI,SAAS,EAAA,KAAO,KAAA,GAAS,EAAE,UAAA,EAAY,EAAA,KAAkB,EAAC;AAAA,UAC/D,iBAAA,EAAkB,MAAA;AAAA,UAClB,KAAA,EAAO,SAAA;AAAA,UAEN;AAAA;AAAA;AACL;AAAA,GACJ;AAER,CAAA,EA5EmB,KAAA","file":"chunk-IGBXSBF7.js","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport type { TextStyle, ViewStyle } from 'react-native';\nimport { Platform, 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 KbdProps = {\n    children?: ReactNode;\n    className?: string;\n};\n\n/**\n * Inline keyboard key hint. Use inside prose or UI labels to indicate a\n * keyboard shortcut.\n *\n * ```tsx\n * <Text>Press <Kbd>⌘K</Kbd> to open the command palette.</Text>\n * ```\n *\n * On web it renders a semantic `<kbd>` element (via rn-web's `accessibilityRole`\n * mapping). On native it renders a styled `<Text>`. The visual treatment is\n * identical: small monospace text in a pill with a subtle border.\n */\nexport const Kbd = ({ children, className }: KbdProps) => {\n    const colors = useThemeColors();\n    const isDark = useColorScheme() === 'dark';\n\n    const bgColor = isDark ? colors.color.neutral['800'] : colors.color.neutral['100'];\n    const borderColor = isDark ? colors.color.neutral['600'] : colors.color.neutral['300'];\n    const textColor = isDark ? colors.color.neutral['200'] : colors.color.neutral['700'];\n\n    const containerStyle: ViewStyle = {\n        display: 'flex',\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center',\n        alignSelf: 'center',\n        backgroundColor: bgColor,\n        borderWidth: 1,\n        borderColor,\n        borderRadius: px(colors.radius.sm),\n        paddingHorizontal: px(colors.spacing['1']),\n        paddingVertical: 2,\n        // Subtle bottom shadow gives the classic key look.\n        ...(Platform.OS === 'web'\n            ? ({\n                  boxShadow: `0 1px 0 ${borderColor}`,\n                  display: 'inline-flex',\n              } as object)\n            : {}),\n    };\n\n    const textStyle: TextStyle = {\n        color: textColor,\n        // Monospace font for key labels.\n        fontFamily: colors.fontFamily.mono ?? 'monospace',\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\n    // On web, map to the semantic <kbd> element via accessibilityRole.\n    // react-native-web renders role=\"term\" as <dfn> and doesn't have a\n    // dedicated kbd mapping, so we use a raw className + aria approach.\n    // The 'none' role avoids a superfluous ARIA landmark while keeping\n    // the native <kbd> tag in the DOM (set via `aria-label` / class).\n    const extraWebProps =\n        Platform.OS === 'web'\n            ? ({\n                  // rn-web: 'none' skips the role attribute so the outer\n                  // View is just a plain <div>; we rely on the inner\n                  // <span> with data-kbd for semantic annotation.\n                  accessibilityRole: 'none' as const,\n              } as object)\n            : {};\n\n    return (\n        <View\n            {...extraWebProps}\n            className={cn(\n                'inline-flex flex-row items-center rounded-sm border px-1 py-0.5',\n                isDark\n                    ? 'bg-neutral-800 border-neutral-600 text-neutral-200'\n                    : 'bg-neutral-100 border-neutral-300 text-neutral-700',\n                className\n            )}\n            style={containerStyle}\n        >\n            {/* On web, data-kbd is used for CSS targeting / semantics.\n                On native this attribute is silently ignored. */}\n            <RNText\n                {...(Platform.OS === 'web' ? ({ 'data-kbd': '' } as object) : {})}\n                accessibilityRole=\"none\"\n                style={textStyle}\n            >\n                {children}\n            </RNText>\n        </View>\n    );\n};\n"]}

package/dist/{chunk-JXLEMBDB.js → chunk-IIVTPN62.js}

@@ -1,4 +1,4 @@
-import { Select } from './chunk-UZD77M3J.js';
+import { Select } from './chunk-PJTCO76H.js';
 import { __name } from './chunk-WCQVDF3K.js';
 import { jsx } from 'nativewind/jsx-runtime';
 
@@ -7,5 +7,5 @@ var Combobox = /* @__PURE__ */ __name((props) => {
 }, "Combobox");
 
 export { Combobox };
-//# sourceMappingURL=chunk-JXLEMBDB.js.map
-//# sourceMappingURL=chunk-JXLEMBDB.js.map
+//# sourceMappingURL=chunk-IIVTPN62.js.map
+//# sourceMappingURL=chunk-IIVTPN62.js.map

package/dist/{chunk-JXLEMBDB.js.map → chunk-IIVTPN62.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":";;;;AAcO,IAAM,QAAA,2BAAyB,KAAA,KAA0B;AAC5D,EAAA,uBAAO,GAAA,CAAC,MAAA,EAAA,EAAO,UAAA,EAAU,IAAA,EAAE,GAAG,KAAA,EAAO,CAAA;AACzC,CAAA,EAFwB,UAAA","file":"chunk-JXLEMBDB.js","sourcesContent":["'use client';\n\nimport { Select, type SelectProps } from '../Select';\n\n/**\n * Combobox — a Select with search defaulted on.\n *\n * Use Combobox for long lists or async options where users benefit from\n * typeahead filtering. Use Select directly for short static lists where\n * clicking is enough.\n *\n * Every prop, behavior, and type is identical to Select; this is purely a\n * default + naming convenience.\n */\nexport const Combobox = <T = unknown>(props: SelectProps<T>) => {\n    return <Select searchable {...props} />;\n};\n"]}
+{"version":3,"sources":["../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":";;;;AAcO,IAAM,QAAA,2BAAyB,KAAA,KAA0B;AAC5D,EAAA,uBAAO,GAAA,CAAC,MAAA,EAAA,EAAO,UAAA,EAAU,IAAA,EAAE,GAAG,KAAA,EAAO,CAAA;AACzC,CAAA,EAFwB,UAAA","file":"chunk-IIVTPN62.js","sourcesContent":["'use client';\n\nimport { Select, type SelectProps } from '../Select';\n\n/**\n * Combobox — a Select with search defaulted on.\n *\n * Use Combobox for long lists or async options where users benefit from\n * typeahead filtering. Use Select directly for short static lists where\n * clicking is enough.\n *\n * Every prop, behavior, and type is identical to Select; this is purely a\n * default + naming convenience.\n */\nexport const Combobox = <T = unknown>(props: SelectProps<T>) => {\n    return <Select searchable {...props} />;\n};\n"]}

package/dist/{chunk-PNP7L4TA.js → chunk-ISCJST4P.js}

@@ -1,6 +1,6 @@
 import { px } from './chunk-5A2QOOVN.js';
-import { cn } from './chunk-CHXHRJNZ.js';
 import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { cn } from './chunk-CHXHRJNZ.js';
 import { __name } from './chunk-WCQVDF3K.js';
 import { useState } from 'react';
 import { View, Image, Text } from 'react-native';
@@ -99,5 +99,5 @@ var Avatar = /* @__PURE__ */ __name(({ src, name, size = "md", fallback, classNa
 }, "Avatar");
 
 export { Avatar };
-//# sourceMappingURL=chunk-PNP7L4TA.js.map
-//# sourceMappingURL=chunk-PNP7L4TA.js.map
+//# sourceMappingURL=chunk-ISCJST4P.js.map
+//# sourceMappingURL=chunk-ISCJST4P.js.map

package/dist/{chunk-PNP7L4TA.js.map → chunk-ISCJST4P.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Avatar/Avatar.tsx"],"names":["RNImage","RNText"],"mappings":"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","file":"chunk-PNP7L4TA.js","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { useState } from 'react';\nimport type { ImageStyle, ViewStyle } from 'react-native';\nimport { Image as RNImage, 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 AvatarSize = 'sm' | 'md' | 'lg' | 'xl';\n\nexport type AvatarProps = {\n    /** Image URL. When omitted or the load fails, the fallback renders instead. */\n    src?: string;\n    /**\n     * Person/entity name. Used to derive initials for the fallback (first\n     * letter of the first word + first letter of the last word, up to 2\n     * characters). Also becomes the `alt` text on the image — set this\n     * even when `src` loads cleanly.\n     */\n    name?: string;\n    /**\n     * Visual size. Maps to a fixed pixel diameter.\n     * @defaultValue 'md'\n     */\n    size?: AvatarSize;\n    /**\n     * Custom fallback content shown when no `src` is provided or the image\n     * fails to load. When omitted, initials derived from `name` render; if\n     * `name` is also missing, a neutral placeholder shows.\n     */\n    fallback?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n// Diameter for each size — component-density literals — not from theme\n// (avatars have a tight visual ramp that doesn't tie to the spacing scale).\nconst SIZE_PX: Record<AvatarSize, number> = {\n    sm: 32,\n    md: 40,\n    lg: 56,\n    xl: 72,\n};\n\n// Maps each avatar size to the closest fontSize token key. Resolved to px\n// inside the component so theme overrides take effect.\nconst FALLBACK_FONT_KEY: Record<AvatarSize, 'xs' | 'sm' | 'lg' | 'xl'> = {\n    sm: 'xs', // 12\n    md: 'sm', // 14\n    lg: 'lg', // 18\n    xl: 'xl', // 20 (closest to legacy 22)\n};\n\nconst initialsFromName = (name: string | undefined): string => {\n    if (!name) {\n        return '';\n    }\n    const trimmed = name.trim();\n    if (!trimmed) {\n        return '';\n    }\n    const parts = trimmed.split(/\\s+/);\n    const first = parts[0]?.[0] ?? '';\n    const last = parts.length > 1 ? (parts[parts.length - 1]?.[0] ?? '') : '';\n    return (first + last).toUpperCase();\n};\n\n/**\n * Circular profile picture with graceful fallback. Renders the image when\n * `src` is provided and loads cleanly; otherwise renders the supplied\n * `fallback`, derived initials from `name`, or a neutral placeholder.\n *\n * Why a single component instead of compound (`AvatarImage` + `AvatarFallback`):\n * the common case is a one-liner — `<Avatar src name />` — and the fallback\n * decision is internal state, not consumer-driven layout.\n */\nexport const Avatar = ({ src, name, size = 'md', fallback, className, testID }: AvatarProps) => {\n    const colors = useThemeColors();\n    const [imageFailed, setImageFailed] = useState(false);\n    const dim = SIZE_PX[size];\n    const showImage = src !== undefined && src.length > 0 && !imageFailed;\n\n    const containerStyle: ViewStyle = {\n        width: dim,\n        height: dim,\n        borderRadius: dim / 2,\n        backgroundColor: colors.semantic.background.subtle,\n        alignItems: 'center',\n        justifyContent: 'center',\n        overflow: 'hidden',\n    };\n\n    const imageStyle: ImageStyle = {\n        width: dim,\n        height: dim,\n    };\n\n    const initials = initialsFromName(name);\n    const accessibilityLabel = name ?? 'Avatar';\n\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            accessibilityRole=\"image\"\n            accessibilityLabel={accessibilityLabel}\n            aria-label={accessibilityLabel}\n            className={cn('rounded-full overflow-hidden bg-neutral-200 items-center justify-center', className)}\n            style={containerStyle}\n        >\n            {showImage ? (\n                <RNImage\n                    source={{ uri: src }}\n                    style={imageStyle}\n                    accessibilityLabel={accessibilityLabel}\n                    onError={() => setImageFailed(true)}\n                />\n            ) : fallback !== undefined ? (\n                fallback\n            ) : initials.length > 0 ? (\n                <RNText\n                    style={{\n                        color: colors.semantic.text.muted,\n                        fontFamily: colors.fontFamily.body,\n                        fontSize: px(colors.fontSize[FALLBACK_FONT_KEY[size]]),\n                        fontWeight: colors.fontWeight.medium as '500',\n                    }}\n                >\n                    {initials}\n                </RNText>\n            ) : (\n                <View\n                    style={{\n                        width: dim * 0.45,\n                        height: dim * 0.45,\n                        borderRadius: dim,\n                        backgroundColor: colors.semantic.text.muted,\n                    }}\n                />\n            )}\n        </View>\n    );\n};\n"]}
+{"version":3,"sources":["../src/components/Avatar/Avatar.tsx"],"names":["RNImage","RNText"],"mappings":"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","file":"chunk-ISCJST4P.js","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { useState } from 'react';\nimport type { ImageStyle, ViewStyle } from 'react-native';\nimport { Image as RNImage, 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 AvatarSize = 'sm' | 'md' | 'lg' | 'xl';\n\nexport type AvatarProps = {\n    /** Image URL. When omitted or the load fails, the fallback renders instead. */\n    src?: string;\n    /**\n     * Person/entity name. Used to derive initials for the fallback (first\n     * letter of the first word + first letter of the last word, up to 2\n     * characters). Also becomes the `alt` text on the image — set this\n     * even when `src` loads cleanly.\n     */\n    name?: string;\n    /**\n     * Visual size. Maps to a fixed pixel diameter.\n     * @defaultValue 'md'\n     */\n    size?: AvatarSize;\n    /**\n     * Custom fallback content shown when no `src` is provided or the image\n     * fails to load. When omitted, initials derived from `name` render; if\n     * `name` is also missing, a neutral placeholder shows.\n     */\n    fallback?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n// Diameter for each size — component-density literals — not from theme\n// (avatars have a tight visual ramp that doesn't tie to the spacing scale).\nconst SIZE_PX: Record<AvatarSize, number> = {\n    sm: 32,\n    md: 40,\n    lg: 56,\n    xl: 72,\n};\n\n// Maps each avatar size to the closest fontSize token key. Resolved to px\n// inside the component so theme overrides take effect.\nconst FALLBACK_FONT_KEY: Record<AvatarSize, 'xs' | 'sm' | 'lg' | 'xl'> = {\n    sm: 'xs', // 12\n    md: 'sm', // 14\n    lg: 'lg', // 18\n    xl: 'xl', // 20 (closest to legacy 22)\n};\n\nconst initialsFromName = (name: string | undefined): string => {\n    if (!name) {\n        return '';\n    }\n    const trimmed = name.trim();\n    if (!trimmed) {\n        return '';\n    }\n    const parts = trimmed.split(/\\s+/);\n    const first = parts[0]?.[0] ?? '';\n    const last = parts.length > 1 ? (parts[parts.length - 1]?.[0] ?? '') : '';\n    return (first + last).toUpperCase();\n};\n\n/**\n * Circular profile picture with graceful fallback. Renders the image when\n * `src` is provided and loads cleanly; otherwise renders the supplied\n * `fallback`, derived initials from `name`, or a neutral placeholder.\n *\n * Why a single component instead of compound (`AvatarImage` + `AvatarFallback`):\n * the common case is a one-liner — `<Avatar src name />` — and the fallback\n * decision is internal state, not consumer-driven layout.\n */\nexport const Avatar = ({ src, name, size = 'md', fallback, className, testID }: AvatarProps) => {\n    const colors = useThemeColors();\n    const [imageFailed, setImageFailed] = useState(false);\n    const dim = SIZE_PX[size];\n    const showImage = src !== undefined && src.length > 0 && !imageFailed;\n\n    const containerStyle: ViewStyle = {\n        width: dim,\n        height: dim,\n        borderRadius: dim / 2,\n        backgroundColor: colors.semantic.background.subtle,\n        alignItems: 'center',\n        justifyContent: 'center',\n        overflow: 'hidden',\n    };\n\n    const imageStyle: ImageStyle = {\n        width: dim,\n        height: dim,\n    };\n\n    const initials = initialsFromName(name);\n    const accessibilityLabel = name ?? 'Avatar';\n\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            accessibilityRole=\"image\"\n            accessibilityLabel={accessibilityLabel}\n            aria-label={accessibilityLabel}\n            className={cn('rounded-full overflow-hidden bg-neutral-200 items-center justify-center', className)}\n            style={containerStyle}\n        >\n            {showImage ? (\n                <RNImage\n                    source={{ uri: src }}\n                    style={imageStyle}\n                    accessibilityLabel={accessibilityLabel}\n                    onError={() => setImageFailed(true)}\n                />\n            ) : fallback !== undefined ? (\n                fallback\n            ) : initials.length > 0 ? (\n                <RNText\n                    style={{\n                        color: colors.semantic.text.muted,\n                        fontFamily: colors.fontFamily.body,\n                        fontSize: px(colors.fontSize[FALLBACK_FONT_KEY[size]]),\n                        fontWeight: colors.fontWeight.medium as '500',\n                    }}\n                >\n                    {initials}\n                </RNText>\n            ) : (\n                <View\n                    style={{\n                        width: dim * 0.45,\n                        height: dim * 0.45,\n                        borderRadius: dim,\n                        backgroundColor: colors.semantic.text.muted,\n                    }}\n                />\n            )}\n        </View>\n    );\n};\n"]}

package/dist/{chunk-TLS54G6Y.js → chunk-IWM2XDXH.js}

@@ -1,4 +1,4 @@
-import { wrapStringChildren } from './chunk-JQQ3FBN7.js';
+import { wrapStringChildren } from './chunk-VLZANXRZ.js';
 import { cn } from './chunk-CHXHRJNZ.js';
 import { __name } from './chunk-WCQVDF3K.js';
 import { View } from 'react-native';
@@ -11,5 +11,5 @@ var Box = /* @__PURE__ */ __name(({ className, children, flex, style, ...rest })
 }, "Box");
 
 export { Box };
-//# sourceMappingURL=chunk-TLS54G6Y.js.map
-//# sourceMappingURL=chunk-TLS54G6Y.js.map
+//# sourceMappingURL=chunk-IWM2XDXH.js.map
+//# sourceMappingURL=chunk-IWM2XDXH.js.map

package/dist/{chunk-TLS54G6Y.js.map → chunk-IWM2XDXH.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Box/Box.tsx"],"names":[],"mappings":";;;;;;AAwBO,IAAM,GAAA,2BAAO,EAAE,SAAA,EAAW,UAAU,IAAA,EAAM,KAAA,EAAO,GAAG,IAAA,EAAK,KAAgB;AAC5E,EAAA,MAAM,SAAA,GAAmC,IAAA,KAAS,MAAA,GAAY,MAAA,GAAY,EAAE,IAAA,EAAK;AACjF,EAAA,MAAM,MAAA,GAAS,cAAc,MAAA,GAAY,KAAA,GAAQ,UAAU,MAAA,GAAY,SAAA,GAAY,CAAC,SAAA,EAAW,KAAK,CAAA;AACpG,EAAA,uBACI,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,SAAA,EAAW,EAAA,CAAG,SAAS,CAAA,EAAG,KAAA,EAAO,MAAA,EAC5C,QAAA,EAAA,kBAAA,CAAmB,QAAQ,CAAA,EAChC,CAAA;AAER,CAAA,EARmB,KAAA","file":"chunk-TLS54G6Y.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 BoxProps = ViewProps & {\n    className?: string;\n    testID?: string;\n    /**\n     * Flex grow factor for proportional layouts inside HStack / VStack.\n     *\n     * In an HStack with three children of `flex={1}`, each takes one third\n     * of the available width. For a 20/60/20 split: `flex={1}`, `flex={3}`,\n     * `flex={1}` — the values are ratios, not percentages.\n     *\n     * Maps directly to React Native / web flexbox `flex` style.\n     */\n    flex?: number;\n};\n\n/**\n * Generic layout primitive. Wraps react-native's `<View>` with className\n * support and a `flex` prop for proportional layouts. RSC-safe.\n */\nexport const Box = ({ className, children, flex, style, ...rest }: BoxProps) => {\n    const flexStyle: ViewStyle | undefined = flex === undefined ? undefined : { flex };\n    const merged = flexStyle === undefined ? style : style === undefined ? flexStyle : [flexStyle, style];\n    return (\n        <View {...rest} className={cn(className)} style={merged}>\n            {wrapStringChildren(children)}\n        </View>\n    );\n};\n"]}
+{"version":3,"sources":["../src/components/Box/Box.tsx"],"names":[],"mappings":";;;;;;AAwBO,IAAM,GAAA,2BAAO,EAAE,SAAA,EAAW,UAAU,IAAA,EAAM,KAAA,EAAO,GAAG,IAAA,EAAK,KAAgB;AAC5E,EAAA,MAAM,SAAA,GAAmC,IAAA,KAAS,MAAA,GAAY,MAAA,GAAY,EAAE,IAAA,EAAK;AACjF,EAAA,MAAM,MAAA,GAAS,cAAc,MAAA,GAAY,KAAA,GAAQ,UAAU,MAAA,GAAY,SAAA,GAAY,CAAC,SAAA,EAAW,KAAK,CAAA;AACpG,EAAA,uBACI,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,SAAA,EAAW,EAAA,CAAG,SAAS,CAAA,EAAG,KAAA,EAAO,MAAA,EAC5C,QAAA,EAAA,kBAAA,CAAmB,QAAQ,CAAA,EAChC,CAAA;AAER,CAAA,EARmB,KAAA","file":"chunk-IWM2XDXH.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 BoxProps = ViewProps & {\n    className?: string;\n    testID?: string;\n    /**\n     * Flex grow factor for proportional layouts inside HStack / VStack.\n     *\n     * In an HStack with three children of `flex={1}`, each takes one third\n     * of the available width. For a 20/60/20 split: `flex={1}`, `flex={3}`,\n     * `flex={1}` — the values are ratios, not percentages.\n     *\n     * Maps directly to React Native / web flexbox `flex` style.\n     */\n    flex?: number;\n};\n\n/**\n * Generic layout primitive. Wraps react-native's `<View>` with className\n * support and a `flex` prop for proportional layouts. RSC-safe.\n */\nexport const Box = ({ className, children, flex, style, ...rest }: BoxProps) => {\n    const flexStyle: ViewStyle | undefined = flex === undefined ? undefined : { flex };\n    const merged = flexStyle === undefined ? style : style === undefined ? flexStyle : [flexStyle, style];\n    return (\n        <View {...rest} className={cn(className)} style={merged}>\n            {wrapStringChildren(children)}\n        </View>\n    );\n};\n"]}

package/dist/chunk-J5LK2XHE.js

@@ -0,0 +1,118 @@
+import { px } from './chunk-5A2QOOVN.js';
+import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { cn } from './chunk-CHXHRJNZ.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { View, Text, Pressable } from 'react-native';
+import { jsxs, Fragment, jsx } from 'nativewind/jsx-runtime';
+
+var Item = /* @__PURE__ */ __name(({
+  leading,
+  title,
+  description,
+  trailing,
+  chevron = false,
+  onPress,
+  disabled = false,
+  className,
+  testID
+}) => {
+  const colors = useThemeColors();
+  const isTappable = onPress !== void 0;
+  const rowStyle = {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: px(colors.spacing["3"]),
+    paddingVertical: px(colors.spacing["3"]),
+    paddingHorizontal: px(colors.spacing["4"]),
+    minHeight: 52,
+    opacity: disabled ? 0.5 : 1
+  };
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    leading != null ? /* @__PURE__ */ jsx(View, { style: { flexShrink: 0 }, children: leading }) : null,
+    /* @__PURE__ */ jsxs(View, { style: { flex: 1, flexDirection: "column", gap: 2 }, children: [
+      typeof title === "string" ? /* @__PURE__ */ jsx(
+        Text,
+        {
+          style: {
+            color: colors.semantic.text.default,
+            fontFamily: colors.fontFamily.body,
+            fontSize: px(colors.fontSize.sm),
+            fontWeight: colors.fontWeight.medium
+          },
+          numberOfLines: 1,
+          children: title
+        }
+      ) : title,
+      description != null ? typeof description === "string" ? /* @__PURE__ */ jsx(
+        Text,
+        {
+          style: {
+            color: colors.semantic.text.muted,
+            fontFamily: colors.fontFamily.body,
+            fontSize: px(colors.fontSize.xs)
+          },
+          numberOfLines: 1,
+          children: description
+        }
+      ) : description : null
+    ] }),
+    trailing != null ? /* @__PURE__ */ jsx(View, { style: { flexShrink: 0 }, children: trailing }) : null,
+    chevron ? /* @__PURE__ */ jsx(
+      View,
+      {
+        style: { flexShrink: 0 },
+        "aria-hidden": true,
+        testID: testID != null ? `${testID}-chevron` : void 0,
+        children: /* @__PURE__ */ jsx(
+          Text,
+          {
+            accessibilityElementsHidden: true,
+            importantForAccessibility: "no-hide-descendants",
+            style: {
+              fontSize: 14,
+              lineHeight: 16,
+              color: colors.semantic.text.muted,
+              // On web rn-web passes style through — transform
+              // with a rotate is the lightest-weight approach
+              // that avoids importing the full SVG icon set.
+              transform: [{ rotate: "-90deg" }]
+            },
+            children: "\u2304"
+          }
+        )
+      }
+    ) : null
+  ] });
+  if (isTappable) {
+    return /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        ...testID !== void 0 ? { testID } : {},
+        role: "button",
+        accessibilityRole: "button",
+        disabled,
+        onPress: disabled ? void 0 : onPress,
+        className: cn(
+          "flex-row items-center",
+          disabled ? "opacity-50" : "hover:bg-semantic-background-subtle active:bg-semantic-border-default",
+          className
+        ),
+        style: rowStyle,
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      className: cn("flex-row items-center", className),
+      style: rowStyle,
+      children: content
+    }
+  );
+}, "Item");
+
+export { Item };
+//# sourceMappingURL=chunk-J5LK2XHE.js.map
+//# sourceMappingURL=chunk-J5LK2XHE.js.map

package/dist/chunk-J5LK2XHE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Item/Item.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-J5LK2XHE.js","sourcesContent":["'use client';\n\nimport type { ReactNode } 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 ItemProps = {\n    /** Leading slot — typically an Icon, Avatar, or image. */\n    leading?: ReactNode;\n    /** Primary label. Accepts a string or any ReactNode. */\n    title: ReactNode;\n    /** Secondary label rendered below the title. */\n    description?: ReactNode;\n    /** Trailing slot — value text, badge, icon, etc. */\n    trailing?: ReactNode;\n    /** Show a chevron-right arrow at the far end. Useful for navigation rows. */\n    chevron?: boolean;\n    /** Makes the row tappable. */\n    onPress?: () => void;\n    disabled?: boolean;\n    className?: string;\n    testID?: string;\n};\n\n/**\n * A generic list row primitive. Composes four horizontal zones:\n * `leading | title + description (stacked) | trailing | chevron`.\n *\n * All zones except `title` are optional. The row becomes tappable\n * when `onPress` is provided.\n *\n * ```tsx\n * <Item\n *   leading={<Avatar src={user.avatar} />}\n *   title={user.name}\n *   description={user.email}\n *   chevron\n *   onPress={() => navigate(`/users/${user.id}`)}\n * />\n * ```\n */\nexport const Item = ({\n    leading,\n    title,\n    description,\n    trailing,\n    chevron = false,\n    onPress,\n    disabled = false,\n    className,\n    testID,\n}: ItemProps) => {\n    const colors = useThemeColors();\n    const isTappable = onPress !== undefined;\n\n    const rowStyle: ViewStyle = {\n        flexDirection: 'row',\n        alignItems: 'center',\n        gap: px(colors.spacing['3']),\n        paddingVertical: px(colors.spacing['3']),\n        paddingHorizontal: px(colors.spacing['4']),\n        minHeight: 52,\n        opacity: disabled ? 0.5 : 1,\n    };\n\n    const content = (\n        <>\n            {leading != null ? <View style={{ flexShrink: 0 }}>{leading}</View> : null}\n\n            <View style={{ flex: 1, flexDirection: 'column', gap: 2 }}>\n                {typeof title === 'string' ? (\n                    <RNText\n                        style={{\n                            color: colors.semantic.text.default,\n                            fontFamily: colors.fontFamily.body,\n                            fontSize: px(colors.fontSize.sm),\n                            fontWeight: colors.fontWeight.medium as '500',\n                        }}\n                        numberOfLines={1}\n                    >\n                        {title}\n                    </RNText>\n                ) : (\n                    title\n                )}\n\n                {description != null ? (\n                    typeof description === 'string' ? (\n                        <RNText\n                            style={{\n                                color: colors.semantic.text.muted,\n                                fontFamily: colors.fontFamily.body,\n                                fontSize: px(colors.fontSize.xs),\n                            }}\n                            numberOfLines={1}\n                        >\n                            {description}\n                        </RNText>\n                    ) : (\n                        description\n                    )\n                ) : null}\n            </View>\n\n            {trailing != null ? <View style={{ flexShrink: 0 }}>{trailing}</View> : null}\n\n            {chevron ? (\n                <View\n                    style={{ flexShrink: 0 }}\n                    aria-hidden={true}\n                    testID={testID != null ? `${testID}-chevron` : undefined}\n                >\n                    {/* chevronRight: rotate chevronDown 90° CCW */}\n                    <RNText\n                        accessibilityElementsHidden\n                        importantForAccessibility=\"no-hide-descendants\"\n                        style={{\n                            fontSize: 14,\n                            lineHeight: 16,\n                            color: colors.semantic.text.muted,\n                            // On web rn-web passes style through — transform\n                            // with a rotate is the lightest-weight approach\n                            // that avoids importing the full SVG icon set.\n                            transform: [{ rotate: '-90deg' }],\n                        }}\n                    >\n                        ⌄\n                    </RNText>\n                </View>\n            ) : null}\n        </>\n    );\n\n    if (isTappable) {\n        return (\n            <Pressable\n                {...(testID !== undefined ? { testID } : {})}\n                role=\"button\"\n                accessibilityRole=\"button\"\n                disabled={disabled}\n                onPress={disabled ? undefined : onPress}\n                className={cn(\n                    'flex-row items-center',\n                    disabled ? 'opacity-50' : 'hover:bg-semantic-background-subtle active:bg-semantic-border-default',\n                    className\n                )}\n                style={rowStyle}\n            >\n                {content}\n            </Pressable>\n        );\n    }\n\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('flex-row items-center', className)}\n            style={rowStyle}\n        >\n            {content}\n        </View>\n    );\n};\n"]}

package/dist/chunk-KFFGDET3.js

@@ -0,0 +1,27 @@
+import { cn } from './chunk-CHXHRJNZ.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { View } from 'react-native';
+import { jsx } from 'nativewind/jsx-runtime';
+
+var BASE_STYLE = {
+  overflow: "hidden"
+};
+var AspectRatio = /* @__PURE__ */ __name(({ ratio, children, className, testID }) => {
+  const containerStyle = {
+    ...BASE_STYLE,
+    aspectRatio: ratio
+  };
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      className: cn("overflow-hidden", className),
+      style: containerStyle,
+      children
+    }
+  );
+}, "AspectRatio");
+
+export { AspectRatio };
+//# sourceMappingURL=chunk-KFFGDET3.js.map
+//# sourceMappingURL=chunk-KFFGDET3.js.map

package/dist/chunk-KFFGDET3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":";;;;;AAqBA,IAAM,UAAA,GAAwB;AAAA,EAC1B,QAAA,EAAU;AACd,CAAA;AAaO,IAAM,8BAAc,MAAA,CAAA,CAAC,EAAE,OAAO,QAAA,EAAU,SAAA,EAAW,QAAO,KAAwB;AACrF,EAAA,MAAM,cAAA,GAA4B;AAAA,IAC9B,GAAG,UAAA;AAAA,IACH,WAAA,EAAa;AAAA,GACjB;AAEA,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,iBAAA,EAAmB,SAAS,CAAA;AAAA,MAC1C,KAAA,EAAO,cAAA;AAAA,MAEN;AAAA;AAAA,GACL;AAER,CAAA,EAf2B,aAAA","file":"chunk-KFFGDET3.js","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport type { ViewStyle } from 'react-native';\nimport { View } from 'react-native';\nimport { cn } from '../../utils/cn';\n\nexport type AspectRatioProps = {\n    /**\n     * The ratio expressed as width / height. Common values:\n     * - `16 / 9` (1.777…) — widescreen video\n     * - `4 / 3` (1.333…) — classic photo\n     * - `1` — square\n     * - `2 / 3` (0.666…) — portrait\n     */\n    ratio: number;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nconst BASE_STYLE: ViewStyle = {\n    overflow: 'hidden',\n};\n\n/**\n * Wraps children in a container that maintains a fixed width-to-height ratio.\n * Works identically on web and native — React Native's `aspectRatio` style\n * property maps to the CSS `aspect-ratio` property via react-native-web.\n *\n * ```tsx\n * <AspectRatio ratio={16 / 9}>\n *   <Image source={src} style={{ width: '100%', height: '100%' }} />\n * </AspectRatio>\n * ```\n */\nexport const AspectRatio = ({ ratio, children, className, testID }: AspectRatioProps) => {\n    const containerStyle: ViewStyle = {\n        ...BASE_STYLE,\n        aspectRatio: ratio,\n    };\n\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('overflow-hidden', className)}\n            style={containerStyle}\n        >\n            {children}\n        </View>\n    );\n};\n"]}

package/dist/{chunk-MRJWPRCX.js → chunk-L6VYDM7S.js}

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

package/dist/{chunk-MRJWPRCX.js.map → chunk-L6VYDM7S.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/VStack/VStack.tsx"],"names":[],"mappings":";;;;;;AAcA,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;AAEA,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;AAOO,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,QAAA,EAAS;AACpD,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-MRJWPRCX.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';\nimport type { StackAlign, StackGap, StackJustify } from '../HStack/HStack';\n\nexport type VStackProps = 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\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 * Vertical flex layout primitive. RSC-safe.\n *\n * Layout is driven by inline style; see HStack for the rationale.\n */\nexport const VStack = ({ gap, align, justify, className, children, style, ...rest }: VStackProps) => {\n    const inline: ViewStyle = { flexDirection: 'column' };\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-col',\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/VStack/VStack.tsx"],"names":[],"mappings":";;;;;;AAcA,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;AAEA,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;AAOO,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,QAAA,EAAS;AACpD,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-L6VYDM7S.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';\nimport type { StackAlign, StackGap, StackJustify } from '../HStack/HStack';\n\nexport type VStackProps = 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\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 * Vertical flex layout primitive. RSC-safe.\n *\n * Layout is driven by inline style; see HStack for the rationale.\n */\nexport const VStack = ({ gap, align, justify, className, children, style, ...rest }: VStackProps) => {\n    const inline: ViewStyle = { flexDirection: 'column' };\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-col',\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-M4BI63P6.js

@@ -0,0 +1,188 @@
+import { px } from './chunk-5A2QOOVN.js';
+import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { cn } from './chunk-CHXHRJNZ.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { createContext, useId, useState, useCallback, useMemo, useRef, useEffect, useContext } from 'react';
+import { View, Platform, Pressable, Text } from 'react-native';
+import { jsx } from 'nativewind/jsx-runtime';
+
+var CollapsibleContext = createContext(null);
+var useCollapsibleContext = /* @__PURE__ */ __name((label) => {
+  const ctx = useContext(CollapsibleContext);
+  if (!ctx) {
+    throw new Error(`<${label}> must be rendered inside a <Collapsible>.`);
+  }
+  return ctx;
+}, "useCollapsibleContext");
+var CollapsibleRoot = /* @__PURE__ */ __name(({
+  open: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  children,
+  className,
+  testID
+}) => {
+  const baseId = useId();
+  const [innerOpen, setInnerOpen] = useState(defaultOpen);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : innerOpen;
+  const toggle = useCallback(() => {
+    const next = !open;
+    if (!isControlled) {
+      setInnerOpen(next);
+    }
+    onOpenChange?.(next);
+  }, [open, isControlled, onOpenChange]);
+  const ctx = useMemo(
+    () => ({
+      open,
+      toggle,
+      contentId: `${baseId}-content`,
+      triggerId: `${baseId}-trigger`
+    }),
+    [open, toggle, baseId]
+  );
+  return /* @__PURE__ */ jsx(CollapsibleContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    View,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      className: cn("flex-col", className),
+      style: { flexDirection: "column" },
+      children
+    }
+  ) });
+}, "CollapsibleRoot");
+var CollapsibleTrigger = /* @__PURE__ */ __name(({ children, className, testID }) => {
+  const { open, toggle, contentId, triggerId } = useCollapsibleContext("Collapsible.Trigger");
+  const colors = useThemeColors();
+  const triggerStyle = {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingVertical: px(colors.spacing["2"]),
+    paddingHorizontal: px(colors.spacing["1"])
+  };
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      id: triggerId,
+      ...testID !== void 0 ? { testID } : {},
+      role: "button",
+      accessibilityRole: "button",
+      "aria-expanded": open,
+      "aria-controls": contentId,
+      onPress: toggle,
+      className: cn("flex-row items-center py-2 px-1", className),
+      style: triggerStyle,
+      children: typeof children === "string" ? /* @__PURE__ */ jsx(
+        Text,
+        {
+          style: {
+            color: colors.semantic.text.default,
+            fontFamily: colors.fontFamily.body,
+            fontSize: px(colors.fontSize.sm),
+            fontWeight: colors.fontWeight.medium
+          },
+          children
+        }
+      ) : children
+    }
+  );
+}, "CollapsibleTrigger");
+var CollapsibleContent = /* @__PURE__ */ __name(({ children, className, testID }) => {
+  const { open, contentId, triggerId } = useCollapsibleContext("Collapsible.Content");
+  const wrapperRef = useRef(null);
+  const innerRef = useRef(null);
+  useEffect(() => {
+    if (Platform.OS !== "web") {
+      return;
+    }
+    const wrapper = wrapperRef.current;
+    const inner = innerRef.current;
+    if (!wrapper || !inner) {
+      return;
+    }
+    const isFirstPaint = wrapper.dataset.noriPainted !== "1";
+    wrapper.dataset.noriPainted = "1";
+    wrapper.style.overflow = "hidden";
+    wrapper.style.transitionProperty = "max-height, opacity";
+    wrapper.style.transitionDuration = "200ms";
+    wrapper.style.transitionTimingFunction = "cubic-bezier(0.16, 1, 0.3, 1)";
+    if (open) {
+      const target = inner.scrollHeight;
+      if (isFirstPaint) {
+        wrapper.style.maxHeight = `${target}px`;
+        wrapper.style.opacity = "1";
+        return;
+      }
+      wrapper.style.maxHeight = "0px";
+      wrapper.style.opacity = "0";
+      void wrapper.offsetHeight;
+      requestAnimationFrame(() => {
+        wrapper.style.maxHeight = `${target}px`;
+        wrapper.style.opacity = "1";
+      });
+    } else {
+      if (isFirstPaint) {
+        wrapper.style.maxHeight = "0px";
+        wrapper.style.opacity = "0";
+        return;
+      }
+      const current = inner.scrollHeight;
+      wrapper.style.maxHeight = `${current}px`;
+      wrapper.style.opacity = "1";
+      void wrapper.offsetHeight;
+      requestAnimationFrame(() => {
+        wrapper.style.maxHeight = "0px";
+        wrapper.style.opacity = "0";
+      });
+    }
+  }, [open]);
+  if (Platform.OS !== "web") {
+    if (!open) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(
+      View,
+      {
+        ...testID !== void 0 ? { testID } : {},
+        id: contentId,
+        "aria-labelledby": triggerId,
+        className: cn("flex-col", className),
+        style: { flexDirection: "column" },
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ref: (node) => {
+        wrapperRef.current = node;
+      },
+      ...testID !== void 0 ? { testID } : {},
+      id: contentId,
+      "aria-labelledby": triggerId,
+      "aria-hidden": !open,
+      className: cn("overflow-hidden", className),
+      children: /* @__PURE__ */ jsx(
+        View,
+        {
+          ref: (node) => {
+            innerRef.current = node;
+          },
+          className: "flex-col",
+          style: { flexDirection: "column" },
+          children
+        }
+      )
+    }
+  );
+}, "CollapsibleContent");
+var Collapsible = Object.assign(CollapsibleRoot, {
+  Trigger: CollapsibleTrigger,
+  Content: CollapsibleContent
+});
+
+export { Collapsible };
+//# sourceMappingURL=chunk-M4BI63P6.js.map
+//# sourceMappingURL=chunk-M4BI63P6.js.map

package/dist/chunk-M4BI63P6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Collapsible/Collapsible.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-M4BI63P6.js","sourcesContent":["'use client';\n\nimport {\n    createContext,\n    type ReactNode,\n    useCallback,\n    useContext,\n    useEffect,\n    useId,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport type { ViewStyle } from 'react-native';\nimport { Platform, 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\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ntype CollapsibleContextValue = {\n    open: boolean;\n    toggle: () => void;\n    contentId: string;\n    triggerId: string;\n};\n\nconst CollapsibleContext = createContext<CollapsibleContextValue | null>(null);\n\nconst useCollapsibleContext = (label: string): CollapsibleContextValue => {\n    const ctx = useContext(CollapsibleContext);\n    if (!ctx) {\n        throw new Error(`<${label}> must be rendered inside a <Collapsible>.`);\n    }\n    return ctx;\n};\n\n// ---------------------------------------------------------------------------\n// Root\n// ---------------------------------------------------------------------------\n\nexport type CollapsibleProps = {\n    /** Controlled open state. */\n    open?: boolean;\n    /** Uncontrolled initial open state. @defaultValue false */\n    defaultOpen?: boolean;\n    /** Fires when the open state changes. */\n    onOpenChange?: (open: boolean) => void;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nconst CollapsibleRoot = ({\n    open: controlledOpen,\n    defaultOpen = false,\n    onOpenChange,\n    children,\n    className,\n    testID,\n}: CollapsibleProps) => {\n    const baseId = useId();\n    const [innerOpen, setInnerOpen] = useState(defaultOpen);\n    const isControlled = controlledOpen !== undefined;\n    const open = isControlled ? controlledOpen : innerOpen;\n\n    const toggle = useCallback(() => {\n        const next = !open;\n        if (!isControlled) {\n            setInnerOpen(next);\n        }\n        onOpenChange?.(next);\n    }, [open, isControlled, onOpenChange]);\n\n    const ctx = useMemo<CollapsibleContextValue>(\n        () => ({\n            open,\n            toggle,\n            contentId: `${baseId}-content`,\n            triggerId: `${baseId}-trigger`,\n        }),\n        [open, toggle, baseId]\n    );\n\n    return (\n        <CollapsibleContext.Provider value={ctx}>\n            <View\n                {...(testID !== undefined ? { testID } : {})}\n                className={cn('flex-col', className)}\n                style={{ flexDirection: 'column' }}\n            >\n                {children}\n            </View>\n        </CollapsibleContext.Provider>\n    );\n};\n\n// ---------------------------------------------------------------------------\n// Trigger\n// ---------------------------------------------------------------------------\n\nexport type CollapsibleTriggerProps = {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nconst CollapsibleTrigger = ({ children, className, testID }: CollapsibleTriggerProps) => {\n    const { open, toggle, contentId, triggerId } = useCollapsibleContext('Collapsible.Trigger');\n    const colors = useThemeColors();\n\n    const triggerStyle: ViewStyle = {\n        flexDirection: 'row',\n        alignItems: 'center',\n        paddingVertical: px(colors.spacing['2']),\n        paddingHorizontal: px(colors.spacing['1']),\n    };\n\n    return (\n        <Pressable\n            id={triggerId}\n            {...(testID !== undefined ? { testID } : {})}\n            role=\"button\"\n            accessibilityRole=\"button\"\n            aria-expanded={open}\n            aria-controls={contentId}\n            onPress={toggle}\n            className={cn('flex-row items-center py-2 px-1', className)}\n            style={triggerStyle}\n        >\n            {typeof children === 'string' ? (\n                <RNText\n                    style={{\n                        color: colors.semantic.text.default,\n                        fontFamily: colors.fontFamily.body,\n                        fontSize: px(colors.fontSize.sm),\n                        fontWeight: colors.fontWeight.medium as '500',\n                    }}\n                >\n                    {children}\n                </RNText>\n            ) : (\n                children\n            )}\n        </Pressable>\n    );\n};\n\n// ---------------------------------------------------------------------------\n// Content\n// ---------------------------------------------------------------------------\n\nexport type CollapsibleContentProps = {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nconst CollapsibleContent = ({ children, className, testID }: CollapsibleContentProps) => {\n    const { open, contentId, triggerId } = useCollapsibleContext('Collapsible.Content');\n    const wrapperRef = useRef<HTMLElement | null>(null);\n    const innerRef = useRef<HTMLElement | null>(null);\n\n    // Web: animate max-height via CSS transition for smooth open/close.\n    useEffect(() => {\n        if (Platform.OS !== 'web') {\n            return;\n        }\n        const wrapper = wrapperRef.current;\n        const inner = innerRef.current;\n        if (!wrapper || !inner) {\n            return;\n        }\n\n        const isFirstPaint = wrapper.dataset.noriPainted !== '1';\n        wrapper.dataset.noriPainted = '1';\n\n        wrapper.style.overflow = 'hidden';\n        wrapper.style.transitionProperty = 'max-height, opacity';\n        wrapper.style.transitionDuration = '200ms';\n        wrapper.style.transitionTimingFunction = 'cubic-bezier(0.16, 1, 0.3, 1)';\n\n        if (open) {\n            const target = inner.scrollHeight;\n            if (isFirstPaint) {\n                wrapper.style.maxHeight = `${target}px`;\n                wrapper.style.opacity = '1';\n                return;\n            }\n            wrapper.style.maxHeight = '0px';\n            wrapper.style.opacity = '0';\n            void wrapper.offsetHeight;\n            requestAnimationFrame(() => {\n                wrapper.style.maxHeight = `${target}px`;\n                wrapper.style.opacity = '1';\n            });\n        } else {\n            if (isFirstPaint) {\n                wrapper.style.maxHeight = '0px';\n                wrapper.style.opacity = '0';\n                return;\n            }\n            const current = inner.scrollHeight;\n            wrapper.style.maxHeight = `${current}px`;\n            wrapper.style.opacity = '1';\n            void wrapper.offsetHeight;\n            requestAnimationFrame(() => {\n                wrapper.style.maxHeight = '0px';\n                wrapper.style.opacity = '0';\n            });\n        }\n    }, [open]);\n\n    // Native: just toggle visibility. Animation deferred to v2.\n    if (Platform.OS !== 'web') {\n        if (!open) {\n            return null;\n        }\n        return (\n            <View\n                {...(testID !== undefined ? { testID } : {})}\n                id={contentId}\n                aria-labelledby={triggerId}\n                className={cn('flex-col', className)}\n                style={{ flexDirection: 'column' }}\n            >\n                {children}\n            </View>\n        );\n    }\n\n    return (\n        <View\n            ref={(node: unknown) => {\n                wrapperRef.current = node as HTMLElement | null;\n            }}\n            {...(testID !== undefined ? { testID } : {})}\n            id={contentId}\n            aria-labelledby={triggerId}\n            aria-hidden={!open}\n            className={cn('overflow-hidden', className)}\n        >\n            <View\n                ref={(node: unknown) => {\n                    innerRef.current = node as HTMLElement | null;\n                }}\n                className=\"flex-col\"\n                style={{ flexDirection: 'column' }}\n            >\n                {children}\n            </View>\n        </View>\n    );\n};\n\n// ---------------------------------------------------------------------------\n// Public export\n// ---------------------------------------------------------------------------\n\n/**\n * Single open/close disclosure. Compose with `Collapsible.Trigger` and\n * `Collapsible.Content`:\n *\n * ```tsx\n * <Collapsible>\n *   <Collapsible.Trigger>Show details</Collapsible.Trigger>\n *   <Collapsible.Content>\n *     <Text>Hidden until the trigger is pressed.</Text>\n *   </Collapsible.Content>\n * </Collapsible>\n * ```\n *\n * Controlled usage: pass `open` + `onOpenChange`. Uncontrolled: pass\n * `defaultOpen` (or neither for closed-by-default).\n *\n * On web, `Content` animates via a CSS max-height / opacity transition\n * (200ms). On native, the content mounts/unmounts immediately — animated\n * height transition is a v2 follow-up.\n */\nexport const Collapsible = Object.assign(CollapsibleRoot, {\n    Trigger: CollapsibleTrigger,\n    Content: CollapsibleContent,\n});\n"]}

package/dist/{chunk-RUWD35UI.js → chunk-MK57AOTI.js}

@@ -1,8 +1,8 @@
-import { Popover, usePopoverContext } from './chunk-PZS4A4VQ.js';
+import { Popover, usePopoverContext } from './chunk-HXCETKCC.js';
 import { Slot } from './chunk-ZIBNLXIV.js';
 import { px } from './chunk-5A2QOOVN.js';
-import { cn } from './chunk-CHXHRJNZ.js';
 import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { cn } from './chunk-CHXHRJNZ.js';
 import { __name } from './chunk-WCQVDF3K.js';
 import { createContext, useContext, useRef, useEffect, useCallback, useState, isValidElement } from 'react';
 import { Platform, View, Pressable, Text } from 'react-native';
@@ -299,5 +299,5 @@ var DropdownMenu = Object.assign(DropdownMenuRoot, {
 });
 
 export { DropdownMenu, MenuContent, MenuContextProvider, MenuItem, MenuLabel, MenuSeparator };
-//# sourceMappingURL=chunk-RUWD35UI.js.map
-//# sourceMappingURL=chunk-RUWD35UI.js.map
+//# sourceMappingURL=chunk-MK57AOTI.js.map
+//# sourceMappingURL=chunk-MK57AOTI.js.map