@nori-ui/core 1.6.0 → 1.8.0

package/dist/{chunk-XALU6LOT.js.map → chunk-EN4CLDGZ.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-EN4CLDGZ.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-6AD6KCVB.js → chunk-F5UKI7XD.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, useCallback } from 'react';
 import { View, Pressable, Text } from 'react-native';
@@ -174,5 +174,5 @@ var SegmentedControl = /* @__PURE__ */ __name(({
 }, "SegmentedControl");
 
 export { SegmentedControl };
-//# sourceMappingURL=chunk-6AD6KCVB.js.map
-//# sourceMappingURL=chunk-6AD6KCVB.js.map
+//# sourceMappingURL=chunk-F5UKI7XD.js.map
+//# sourceMappingURL=chunk-F5UKI7XD.js.map

package/dist/{chunk-6AD6KCVB.js.map → chunk-F5UKI7XD.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SegmentedControl/SegmentedControl.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-6AD6KCVB.js","sourcesContent":["'use client';\n\nimport type { Theme } from '@nori-ui/tokens';\nimport { type KeyboardEvent, type ReactNode, useCallback, useState } 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 SegmentedControlSize = 'sm' | 'md';\n\nexport type SegmentedControlOption<T extends string = string> = {\n    value: T;\n    label: ReactNode;\n    /** Disable just this option. */\n    disabled?: boolean;\n};\n\nexport type SegmentedControlProps<T extends string = string> = {\n    /** Controlled value. */\n    value?: T;\n    /** Uncontrolled initial value. Required if you don't pass `value`. */\n    defaultValue?: T;\n    /** Fires when the user selects a different segment. */\n    onChange?: (next: T) => void;\n    /** The set of selectable segments. */\n    options: ReadonlyArray<SegmentedControlOption<T>>;\n    /** Group-level disable. */\n    disabled?: boolean;\n    /**\n     * Visual size. `sm` is denser for inline filters; `md` is the default\n     * for top-of-view tab switchers.\n     * @defaultValue 'md'\n     */\n    size?: SegmentedControlSize;\n    /** Hide the visible labels — when set, segments must have `aria-label`. */\n    label?: string;\n    className?: string;\n    testID?: string;\n};\n\n// Layout-only bases; theme-driven dimensions are merged inside the component.\nconst CONTAINER_LAYOUT_BASE: ViewStyle = {\n    flexDirection: 'row',\n    alignItems: 'stretch',\n};\n\nconst SEGMENT_LAYOUT_BASE: ViewStyle = {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n};\n\n// Token keys per size; resolved to px inside the component so theme\n// overrides take effect.\ntype SegmentSizeKeys = {\n    paddingV: keyof Theme['spacing'];\n    paddingH: keyof Theme['spacing'];\n    font: keyof Theme['fontSize'];\n};\nconst SEGMENT_SIZE_KEYS: Record<SegmentedControlSize, SegmentSizeKeys> = {\n    sm: { paddingV: '1', paddingH: '2', font: 'sm' }, // 4 / 8 / 14 — closest to legacy 4/10/13\n    md: { paddingV: '2', paddingH: '3', font: 'sm' }, // 8 / 12 / 14 — closest to legacy 6/12/14\n};\n\nconst SEGMENT_SELECTED_BASE: ViewStyle = {\n    // Subtle elevation that says \"this one is on\" without overshadowing\n    // the unselected segments next to it. Web uses boxShadow (CSS-style);\n    // native uses elevation. The legacy RN `shadow*` props were deprecated\n    // by react-native-web in favor of `boxShadow`.\n    ...({ boxShadow: '0 1px 2px rgba(0, 0, 0, 0.06)' } as ViewStyle),\n    elevation: 1,\n};\n\n/**\n * Single-select segmented switcher — the \"beautiful UISegmentedControl\"\n * pattern. Use for binary or small (3–5 option) choices that fit inline\n * with their surrounding content. Reach for `Tabs` when each option owns\n * a distinct content region.\n *\n * Keyboard nav follows the WAI-ARIA radiogroup pattern: arrow keys move\n * between options (selection follows focus), `Home` / `End` jump to first\n * / last, with wrap-around at the edges.\n */\nexport const SegmentedControl = <T extends string>({\n    value,\n    defaultValue,\n    onChange,\n    options,\n    disabled = false,\n    size = 'md',\n    label,\n    className,\n    testID,\n}: SegmentedControlProps<T>) => {\n    const colors = useThemeColors();\n    const [inner, setInner] = useState<T | undefined>(defaultValue);\n    const isControlled = value !== undefined;\n    const current = isControlled ? value : inner;\n\n    const select = useCallback(\n        (next: T) => {\n            if (disabled) {\n                return;\n            }\n            if (!isControlled) {\n                setInner(next);\n            }\n            onChange?.(next);\n        },\n        [disabled, isControlled, onChange]\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>) => {\n            if (options.length === 0) {\n                return;\n            }\n            const idx = options.findIndex((o) => o.value === current);\n            const start = idx === -1 ? 0 : idx;\n            const offset =\n                event.key === 'ArrowRight' || event.key === 'ArrowDown'\n                    ? 1\n                    : event.key === 'ArrowLeft' || event.key === 'ArrowUp'\n                      ? -1\n                      : 0;\n            if (offset === 0 && event.key !== 'Home' && event.key !== 'End') {\n                return;\n            }\n            event.preventDefault();\n            let nextIdx: number;\n            if (event.key === 'Home') {\n                nextIdx = 0;\n            } else if (event.key === 'End') {\n                nextIdx = options.length - 1;\n            } else {\n                nextIdx = (start + offset + options.length) % options.length;\n            }\n            // Skip past disabled options in the chosen direction.\n            const direction = offset === 0 ? 1 : offset;\n            for (let attempts = 0; attempts < options.length; attempts += 1) {\n                const candidate = options[nextIdx];\n                if (candidate && !candidate.disabled) {\n                    select(candidate.value);\n                    return;\n                }\n                nextIdx = (nextIdx + direction + options.length) % options.length;\n            }\n        },\n        [current, options, select]\n    );\n\n    const sizeKeys = SEGMENT_SIZE_KEYS[size];\n    const segmentPadV = px(colors.spacing[sizeKeys.paddingV]);\n    const segmentPadH = px(colors.spacing[sizeKeys.paddingH]);\n    const segmentFontSize = px(colors.fontSize[sizeKeys.font]);\n\n    const groupProps: Record<string, unknown> = {\n        role: 'radiogroup',\n        accessibilityRole: 'radiogroup',\n        onKeyDown: handleKeyDown,\n        ...(label !== undefined ? { 'aria-label': label, accessibilityLabel: label } : {}),\n        ...(disabled ? { 'aria-disabled': true } : {}),\n        ...(testID !== undefined ? { testID } : {}),\n    };\n\n    const containerStyle: ViewStyle = {\n        ...CONTAINER_LAYOUT_BASE,\n        borderRadius: px(colors.radius.lg),\n        padding: px(colors.spacing['1']),\n        gap: px(colors.spacing['1']),\n        backgroundColor: colors.semantic.background.subtle,\n    };\n    const segmentBaseStyle: ViewStyle = {\n        ...SEGMENT_LAYOUT_BASE,\n        borderRadius: px(colors.radius.md),\n    };\n    const segmentSelectedStyle: ViewStyle = {\n        ...SEGMENT_SELECTED_BASE,\n        backgroundColor: colors.semantic.background.elevated,\n    };\n\n    return (\n        <View\n            {...groupProps}\n            className={cn(\n                'inline-flex flex-row items-stretch rounded-lg bg-neutral-100 dark:bg-neutral-800 p-1 gap-1',\n                disabled ? 'opacity-60' : undefined,\n                className\n            )}\n            style={[containerStyle, disabled ? { opacity: 0.6 } : null]}\n        >\n            {options.map((option) => {\n                const selected = option.value === current;\n                const isOptDisabled = disabled || option.disabled;\n                return (\n                    <Pressable\n                        key={option.value}\n                        role=\"radio\"\n                        accessibilityRole=\"radio\"\n                        aria-checked={selected}\n                        accessibilityState={{ selected, disabled: Boolean(isOptDisabled) }}\n                        tabIndex={selected || (current === undefined && options[0]?.value === option.value) ? 0 : -1}\n                        onPress={() => {\n                            if (!isOptDisabled) {\n                                select(option.value);\n                            }\n                        }}\n                        {...(isOptDisabled ? { 'aria-disabled': true, disabled: true } : {})}\n                        className={cn(\n                            'flex-1 items-center justify-center rounded-md',\n                            selected ? 'bg-semantic-background-elevated shadow-sm' : '',\n                            isOptDisabled ? 'opacity-50' : ''\n                        )}\n                        style={[\n                            segmentBaseStyle,\n                            { paddingVertical: segmentPadV, paddingHorizontal: segmentPadH },\n                            selected ? segmentSelectedStyle : null,\n                            isOptDisabled ? { opacity: 0.5 } : null,\n                        ]}\n                    >\n                        {typeof option.label === 'string' ? (\n                            <RNText\n                                style={{\n                                    color: selected ? colors.semantic.text.default : colors.semantic.text.muted,\n                                    fontFamily: colors.fontFamily.body,\n                                    fontSize: segmentFontSize,\n                                    fontWeight: selected\n                                        ? (colors.fontWeight.semibold as '600')\n                                        : (colors.fontWeight.medium as '500'),\n                                }}\n                            >\n                                {option.label}\n                            </RNText>\n                        ) : (\n                            option.label\n                        )}\n                    </Pressable>\n                );\n            })}\n        </View>\n    );\n};\n"]}
+{"version":3,"sources":["../src/components/SegmentedControl/SegmentedControl.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-F5UKI7XD.js","sourcesContent":["'use client';\n\nimport type { Theme } from '@nori-ui/tokens';\nimport { type KeyboardEvent, type ReactNode, useCallback, useState } 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 SegmentedControlSize = 'sm' | 'md';\n\nexport type SegmentedControlOption<T extends string = string> = {\n    value: T;\n    label: ReactNode;\n    /** Disable just this option. */\n    disabled?: boolean;\n};\n\nexport type SegmentedControlProps<T extends string = string> = {\n    /** Controlled value. */\n    value?: T;\n    /** Uncontrolled initial value. Required if you don't pass `value`. */\n    defaultValue?: T;\n    /** Fires when the user selects a different segment. */\n    onChange?: (next: T) => void;\n    /** The set of selectable segments. */\n    options: ReadonlyArray<SegmentedControlOption<T>>;\n    /** Group-level disable. */\n    disabled?: boolean;\n    /**\n     * Visual size. `sm` is denser for inline filters; `md` is the default\n     * for top-of-view tab switchers.\n     * @defaultValue 'md'\n     */\n    size?: SegmentedControlSize;\n    /** Hide the visible labels — when set, segments must have `aria-label`. */\n    label?: string;\n    className?: string;\n    testID?: string;\n};\n\n// Layout-only bases; theme-driven dimensions are merged inside the component.\nconst CONTAINER_LAYOUT_BASE: ViewStyle = {\n    flexDirection: 'row',\n    alignItems: 'stretch',\n};\n\nconst SEGMENT_LAYOUT_BASE: ViewStyle = {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n};\n\n// Token keys per size; resolved to px inside the component so theme\n// overrides take effect.\ntype SegmentSizeKeys = {\n    paddingV: keyof Theme['spacing'];\n    paddingH: keyof Theme['spacing'];\n    font: keyof Theme['fontSize'];\n};\nconst SEGMENT_SIZE_KEYS: Record<SegmentedControlSize, SegmentSizeKeys> = {\n    sm: { paddingV: '1', paddingH: '2', font: 'sm' }, // 4 / 8 / 14 — closest to legacy 4/10/13\n    md: { paddingV: '2', paddingH: '3', font: 'sm' }, // 8 / 12 / 14 — closest to legacy 6/12/14\n};\n\nconst SEGMENT_SELECTED_BASE: ViewStyle = {\n    // Subtle elevation that says \"this one is on\" without overshadowing\n    // the unselected segments next to it. Web uses boxShadow (CSS-style);\n    // native uses elevation. The legacy RN `shadow*` props were deprecated\n    // by react-native-web in favor of `boxShadow`.\n    ...({ boxShadow: '0 1px 2px rgba(0, 0, 0, 0.06)' } as ViewStyle),\n    elevation: 1,\n};\n\n/**\n * Single-select segmented switcher — the \"beautiful UISegmentedControl\"\n * pattern. Use for binary or small (3–5 option) choices that fit inline\n * with their surrounding content. Reach for `Tabs` when each option owns\n * a distinct content region.\n *\n * Keyboard nav follows the WAI-ARIA radiogroup pattern: arrow keys move\n * between options (selection follows focus), `Home` / `End` jump to first\n * / last, with wrap-around at the edges.\n */\nexport const SegmentedControl = <T extends string>({\n    value,\n    defaultValue,\n    onChange,\n    options,\n    disabled = false,\n    size = 'md',\n    label,\n    className,\n    testID,\n}: SegmentedControlProps<T>) => {\n    const colors = useThemeColors();\n    const [inner, setInner] = useState<T | undefined>(defaultValue);\n    const isControlled = value !== undefined;\n    const current = isControlled ? value : inner;\n\n    const select = useCallback(\n        (next: T) => {\n            if (disabled) {\n                return;\n            }\n            if (!isControlled) {\n                setInner(next);\n            }\n            onChange?.(next);\n        },\n        [disabled, isControlled, onChange]\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>) => {\n            if (options.length === 0) {\n                return;\n            }\n            const idx = options.findIndex((o) => o.value === current);\n            const start = idx === -1 ? 0 : idx;\n            const offset =\n                event.key === 'ArrowRight' || event.key === 'ArrowDown'\n                    ? 1\n                    : event.key === 'ArrowLeft' || event.key === 'ArrowUp'\n                      ? -1\n                      : 0;\n            if (offset === 0 && event.key !== 'Home' && event.key !== 'End') {\n                return;\n            }\n            event.preventDefault();\n            let nextIdx: number;\n            if (event.key === 'Home') {\n                nextIdx = 0;\n            } else if (event.key === 'End') {\n                nextIdx = options.length - 1;\n            } else {\n                nextIdx = (start + offset + options.length) % options.length;\n            }\n            // Skip past disabled options in the chosen direction.\n            const direction = offset === 0 ? 1 : offset;\n            for (let attempts = 0; attempts < options.length; attempts += 1) {\n                const candidate = options[nextIdx];\n                if (candidate && !candidate.disabled) {\n                    select(candidate.value);\n                    return;\n                }\n                nextIdx = (nextIdx + direction + options.length) % options.length;\n            }\n        },\n        [current, options, select]\n    );\n\n    const sizeKeys = SEGMENT_SIZE_KEYS[size];\n    const segmentPadV = px(colors.spacing[sizeKeys.paddingV]);\n    const segmentPadH = px(colors.spacing[sizeKeys.paddingH]);\n    const segmentFontSize = px(colors.fontSize[sizeKeys.font]);\n\n    const groupProps: Record<string, unknown> = {\n        role: 'radiogroup',\n        accessibilityRole: 'radiogroup',\n        onKeyDown: handleKeyDown,\n        ...(label !== undefined ? { 'aria-label': label, accessibilityLabel: label } : {}),\n        ...(disabled ? { 'aria-disabled': true } : {}),\n        ...(testID !== undefined ? { testID } : {}),\n    };\n\n    const containerStyle: ViewStyle = {\n        ...CONTAINER_LAYOUT_BASE,\n        borderRadius: px(colors.radius.lg),\n        padding: px(colors.spacing['1']),\n        gap: px(colors.spacing['1']),\n        backgroundColor: colors.semantic.background.subtle,\n    };\n    const segmentBaseStyle: ViewStyle = {\n        ...SEGMENT_LAYOUT_BASE,\n        borderRadius: px(colors.radius.md),\n    };\n    const segmentSelectedStyle: ViewStyle = {\n        ...SEGMENT_SELECTED_BASE,\n        backgroundColor: colors.semantic.background.elevated,\n    };\n\n    return (\n        <View\n            {...groupProps}\n            className={cn(\n                'inline-flex flex-row items-stretch rounded-lg bg-neutral-100 dark:bg-neutral-800 p-1 gap-1',\n                disabled ? 'opacity-60' : undefined,\n                className\n            )}\n            style={[containerStyle, disabled ? { opacity: 0.6 } : null]}\n        >\n            {options.map((option) => {\n                const selected = option.value === current;\n                const isOptDisabled = disabled || option.disabled;\n                return (\n                    <Pressable\n                        key={option.value}\n                        role=\"radio\"\n                        accessibilityRole=\"radio\"\n                        aria-checked={selected}\n                        accessibilityState={{ selected, disabled: Boolean(isOptDisabled) }}\n                        tabIndex={selected || (current === undefined && options[0]?.value === option.value) ? 0 : -1}\n                        onPress={() => {\n                            if (!isOptDisabled) {\n                                select(option.value);\n                            }\n                        }}\n                        {...(isOptDisabled ? { 'aria-disabled': true, disabled: true } : {})}\n                        className={cn(\n                            'flex-1 items-center justify-center rounded-md',\n                            selected ? 'bg-semantic-background-elevated shadow-sm' : '',\n                            isOptDisabled ? 'opacity-50' : ''\n                        )}\n                        style={[\n                            segmentBaseStyle,\n                            { paddingVertical: segmentPadV, paddingHorizontal: segmentPadH },\n                            selected ? segmentSelectedStyle : null,\n                            isOptDisabled ? { opacity: 0.5 } : null,\n                        ]}\n                    >\n                        {typeof option.label === 'string' ? (\n                            <RNText\n                                style={{\n                                    color: selected ? colors.semantic.text.default : colors.semantic.text.muted,\n                                    fontFamily: colors.fontFamily.body,\n                                    fontSize: segmentFontSize,\n                                    fontWeight: selected\n                                        ? (colors.fontWeight.semibold as '600')\n                                        : (colors.fontWeight.medium as '500'),\n                                }}\n                            >\n                                {option.label}\n                            </RNText>\n                        ) : (\n                            option.label\n                        )}\n                    </Pressable>\n                );\n            })}\n        </View>\n    );\n};\n"]}

package/dist/chunk-GTAXVTLF.js

@@ -0,0 +1,43 @@
+import { cn } from './chunk-CHXHRJNZ.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { Children, isValidElement, cloneElement } from 'react';
+import { View } from 'react-native';
+import { jsx } from 'nativewind/jsx-runtime';
+
+var ButtonGroup = /* @__PURE__ */ __name(({ children, orientation = "horizontal", size, className, testID }) => {
+  const isHorizontal = orientation === "horizontal";
+  const containerStyle = {
+    flexDirection: isHorizontal ? "row" : "column",
+    // gap: 0 so buttons touch; shared-border effect comes from CSS on web
+    // and from touching edges on native.
+    gap: 0,
+    alignSelf: "flex-start",
+    overflow: "hidden"
+  };
+  const childArray = Children.toArray(children).filter(isValidElement);
+  const total = childArray.length;
+  const clonedChildren = childArray.map((child, index) => {
+    const position = index === 0 ? "first" : index === total - 1 ? "last" : "middle";
+    const extraProps = {
+      "data-position": position,
+      "data-group-orientation": orientation
+    };
+    if (size !== void 0) {
+      extraProps["data-group-size"] = size;
+    }
+    return cloneElement(child, extraProps);
+  });
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      className: cn(isHorizontal ? "flex-row" : "flex-col", "self-start overflow-hidden", className),
+      style: containerStyle,
+      children: clonedChildren
+    }
+  );
+}, "ButtonGroup");
+
+export { ButtonGroup };
+//# sourceMappingURL=chunk-GTAXVTLF.js.map
+//# sourceMappingURL=chunk-GTAXVTLF.js.map

package/dist/chunk-GTAXVTLF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":";;;;;;AAgDO,IAAM,WAAA,2BAAe,EAAE,QAAA,EAAU,cAAc,YAAA,EAAc,IAAA,EAAM,SAAA,EAAW,MAAA,EAAO,KAAwB;AAChH,EAAA,MAAM,eAAe,WAAA,KAAgB,YAAA;AAErC,EAAA,MAAM,cAAA,GAA4B;AAAA,IAC9B,aAAA,EAAe,eAAe,KAAA,GAAQ,QAAA;AAAA;AAAA;AAAA,IAGtC,GAAA,EAAK,CAAA;AAAA,IACL,SAAA,EAAW,YAAA;AAAA,IACX,QAAA,EAAU;AAAA,GACd;AAIA,EAAA,MAAM,aAAa,QAAA,CAAS,OAAA,CAAQ,QAAQ,CAAA,CAAE,OAAO,cAAc,CAAA;AACnE,EAAA,MAAM,QAAQ,UAAA,CAAW,MAAA;AAEzB,EAAA,MAAM,cAAA,GAAiB,UAAA,CAAW,GAAA,CAAI,CAAC,OAAO,KAAA,KAAU;AACpD,IAAA,MAAM,WAAW,KAAA,KAAU,CAAA,GAAI,UAAU,KAAA,KAAU,KAAA,GAAQ,IAAI,MAAA,GAAS,QAAA;AACxE,IAAA,MAAM,UAAA,GAAsC;AAAA,MACxC,eAAA,EAAiB,QAAA;AAAA,MACjB,wBAAA,EAA0B;AAAA,KAC9B;AACA,IAAA,IAAI,SAAS,MAAA,EAAW;AACpB,MAAA,UAAA,CAAW,iBAAiB,CAAA,GAAI,IAAA;AAAA,IACpC;AAGA,IAAA,OAAO,YAAA,CAAa,OAAO,UAAU,CAAA;AAAA,EACzC,CAAC,CAAA;AAED,EAAA,uBACI,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACI,GAAI,MAAA,KAAW,MAAA,GAAY,EAAE,MAAA,KAAW,EAAC;AAAA,MAC1C,WAAW,EAAA,CAAG,YAAA,GAAe,UAAA,GAAa,UAAA,EAAY,8BAA8B,SAAS,CAAA;AAAA,MAC7F,KAAA,EAAO,cAAA;AAAA,MAEN,QAAA,EAAA;AAAA;AAAA,GACL;AAER,CAAA,EAxC2B,aAAA","file":"chunk-GTAXVTLF.js","sourcesContent":["'use client';\n\nimport { Children, cloneElement, isValidElement, type ReactNode } from 'react';\nimport type { ViewStyle } from 'react-native';\nimport { View } from 'react-native';\nimport { cn } from '../../utils/cn';\n\nexport type ButtonGroupOrientation = 'horizontal' | 'vertical';\nexport type ButtonGroupSize = 'sm' | 'md' | 'lg';\n\nexport type ButtonGroupProps = {\n    children?: ReactNode;\n    /** Flex direction for the group. @defaultValue 'horizontal' */\n    orientation?: ButtonGroupOrientation;\n    /**\n     * Size hint passed to children via `data-group-size`. Buttons inside\n     * the group can read this to self-size consistently. When omitted, each\n     * Button retains its own `size` prop.\n     */\n    size?: ButtonGroupSize;\n    className?: string;\n    testID?: string;\n};\n\n/**\n * Joins multiple buttons in a visually connected row (or column). Middle\n * buttons lose outer edge radius; adjacent borders merge so the group looks\n * like a single segmented control.\n *\n * The radius treatment is implemented by injecting `data-position` attributes\n * (first / middle / last) onto each direct child. A companion CSS rule in the\n * nori preset (or a Tailwind variant) can target `[data-position=first]`,\n * `[data-position=middle]`, and `[data-position=last]` to strip the\n * appropriate border-radius corners. When using Button from `@nori-ui/core`,\n * no extra setup is needed — the tokens preset ships the rules.\n *\n * ```tsx\n * <ButtonGroup>\n *   <Button variant=\"secondary\">Day</Button>\n *   <Button variant=\"secondary\">Week</Button>\n *   <Button variant=\"secondary\">Month</Button>\n * </ButtonGroup>\n * ```\n *\n * > **v2 note:** Corner-radius stripping is applied via CSS data-attribute\n * > selectors on web. On native, middle-button radius adjustment is a future\n * > enhancement (currently the group renders with standard per-button radius).\n */\nexport const ButtonGroup = ({ children, orientation = 'horizontal', size, className, testID }: ButtonGroupProps) => {\n    const isHorizontal = orientation === 'horizontal';\n\n    const containerStyle: ViewStyle = {\n        flexDirection: isHorizontal ? 'row' : 'column',\n        // gap: 0 so buttons touch; shared-border effect comes from CSS on web\n        // and from touching edges on native.\n        gap: 0,\n        alignSelf: 'flex-start',\n        overflow: 'hidden',\n    };\n\n    // Inject `data-position` on each valid child so CSS (web) or future\n    // native logic can target first / middle / last positions.\n    const childArray = Children.toArray(children).filter(isValidElement);\n    const total = childArray.length;\n\n    const clonedChildren = childArray.map((child, index) => {\n        const position = index === 0 ? 'first' : index === total - 1 ? 'last' : 'middle';\n        const extraProps: Record<string, unknown> = {\n            'data-position': position,\n            'data-group-orientation': orientation,\n        };\n        if (size !== undefined) {\n            extraProps['data-group-size'] = size;\n        }\n\n        // Clone the child element with the injected data attributes.\n        return cloneElement(child, extraProps);\n    });\n\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn(isHorizontal ? 'flex-row' : 'flex-col', 'self-start overflow-hidden', className)}\n            style={containerStyle}\n        >\n            {clonedChildren}\n        </View>\n    );\n};\n"]}

package/dist/{chunk-NNFJKRXZ.js → chunk-H2LHWJ52.js}

@@ -1,8 +1,8 @@
 import { defaultSemanticIcons } from './chunk-7Z4NMNX6.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, useState, useCallback } from 'react';
 import { Pressable, View, Text } from 'react-native';
@@ -169,5 +169,5 @@ var Checkbox = /* @__PURE__ */ __name(({
 }, "Checkbox");
 
 export { Checkbox, SemanticIconsProvider, useSemanticIcon };
-//# sourceMappingURL=chunk-NNFJKRXZ.js.map
-//# sourceMappingURL=chunk-NNFJKRXZ.js.map
+//# sourceMappingURL=chunk-H2LHWJ52.js.map
+//# sourceMappingURL=chunk-H2LHWJ52.js.map

package/dist/{chunk-NNFJKRXZ.js.map → chunk-H2LHWJ52.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/icons/semantic-context.tsx","../src/icons/use-semantic-icon.ts","../src/components/Checkbox/Checkbox.tsx"],"names":["jsx","RNText"],"mappings":"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","file":"chunk-NNFJKRXZ.js","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { createContext } from 'react';\nimport { defaultSemanticIcons, type SemanticIcons } from './default-semantic-icons';\n\nexport const SemanticIconsContext = createContext<SemanticIcons>(defaultSemanticIcons);\nSemanticIconsContext.displayName = 'SemanticIconsContext';\n\nexport type SemanticIconsProviderProps = {\n    icons?: Partial<SemanticIcons>;\n    children?: ReactNode;\n};\n\nexport function SemanticIconsProvider({ icons, children }: SemanticIconsProviderProps) {\n    const merged: SemanticIcons = icons ? { ...defaultSemanticIcons, ...icons } : defaultSemanticIcons;\n    return <SemanticIconsContext.Provider value={merged}>{children}</SemanticIconsContext.Provider>;\n}\n","'use client';\n\nimport { useContext } from 'react';\nimport type { SemanticIcons } from './default-semantic-icons';\nimport { SemanticIconsContext } from './semantic-context';\n\nexport function useSemanticIcon<K extends keyof SemanticIcons>(name: K): SemanticIcons[K] {\n    const icons = useContext(SemanticIconsContext);\n    return icons[name];\n}\n","'use client';\n\nimport type { ReactNode } from 'react';\nimport { useCallback, useState } from 'react';\nimport type { ViewStyle } from 'react-native';\nimport { Pressable, Text as RNText, View } from 'react-native';\nimport { useSemanticIcon } from '../../icons/use-semantic-icon';\nimport { Slot } from '../../slot';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type CheckboxProps = {\n    checked?: boolean;\n    defaultChecked?: boolean;\n    indeterminate?: boolean;\n    disabled?: boolean;\n    onChange?: (next: boolean) => void;\n    label?: string;\n    className?: string;\n    testID?: string;\n    asChild?: boolean;\n    children?: ReactNode;\n    /** DOM id / nativeID forwarded to the Pressable — used by Field.Control */\n    id?: string;\n    /** HTML name attribute (web only) */\n    name?: string;\n    /** aria-labelledby forwarded to the Pressable */\n    'aria-labelledby'?: string;\n    /** React Native accessibilityLabelledBy forwarded to the Pressable */\n    accessibilityLabelledBy?: string;\n    /** aria-describedby forwarded to the Pressable */\n    'aria-describedby'?: string;\n    /** React Native accessibilityDescribedBy forwarded to the Pressable */\n    accessibilityDescribedBy?: string;\n    /** Marks the control as invalid — set by Field.Control when there is an error */\n    'aria-invalid'?: boolean;\n    /** Marks the control as required — set by Field.Control */\n    'aria-required'?: boolean;\n};\n\n// Layout-only base; theme-driven dimensions are merged inside the component.\nconst ROW_LAYOUT_BASE: ViewStyle = { flexDirection: 'row', alignItems: 'center' };\nconst BOX_LAYOUT_BASE: ViewStyle = {\n    // 20×20 box — component-density literal — not from theme\n    width: 20,\n    height: 20,\n    borderWidth: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n};\n\n/**\n * Checkbox — supports controlled + uncontrolled state, indeterminate (aria-checked=\"mixed\"),\n * asChild (via Slot), and a visible label that doubles as the accessibility label.\n */\nexport const Checkbox = ({\n    checked,\n    defaultChecked = false,\n    indeterminate,\n    disabled,\n    onChange,\n    label,\n    className,\n    testID,\n    asChild,\n    children,\n    id,\n    name,\n    'aria-labelledby': ariaLabelledBy,\n    accessibilityLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    accessibilityDescribedBy,\n    'aria-invalid': ariaInvalid,\n    'aria-required': ariaRequired,\n}: CheckboxProps) => {\n    const colors = useThemeColors();\n    const [inner, setInner] = useState<boolean>(defaultChecked);\n    const isControlled = checked !== undefined;\n    const value = isControlled ? Boolean(checked) : inner;\n\n    const ariaChecked: 'true' | 'false' | 'mixed' = indeterminate ? 'mixed' : value ? 'true' : 'false';\n    const isMarked = value || Boolean(indeterminate);\n\n    const toggle = useCallback(() => {\n        if (disabled) {\n            return;\n        }\n        const next = !value;\n        if (!isControlled) {\n            setInner(next);\n        }\n        onChange?.(next);\n    }, [disabled, value, isControlled, onChange]);\n\n    const Check = useSemanticIcon('checkmark');\n\n    const rowStyle: ViewStyle = { ...ROW_LAYOUT_BASE, gap: px(colors.spacing['2']) };\n    const boxBaseStyle: ViewStyle = { ...BOX_LAYOUT_BASE, borderRadius: px(colors.radius.sm) };\n\n    const commonProps: Record<string, unknown> = {\n        role: 'checkbox',\n        'aria-checked': ariaChecked,\n        accessibilityRole: 'checkbox' as const,\n        accessibilityState: { checked: value, disabled: Boolean(disabled) },\n        testID,\n    };\n    if (id !== undefined) {\n        commonProps.id = id;\n        commonProps.nativeID = id;\n    }\n    if (name !== undefined) {\n        commonProps.name = name;\n    }\n    if (disabled) {\n        commonProps['aria-disabled'] = true;\n    }\n    if (label !== undefined) {\n        commonProps['aria-label'] = label;\n        commonProps.accessibilityLabel = label;\n    }\n    if (ariaLabelledBy !== undefined) {\n        commonProps['aria-labelledby'] = ariaLabelledBy;\n        commonProps.accessibilityLabelledBy = ariaLabelledBy;\n    }\n    if (accessibilityLabelledBy !== undefined) {\n        commonProps.accessibilityLabelledBy = accessibilityLabelledBy;\n    }\n    if (ariaDescribedBy !== undefined) {\n        commonProps['aria-describedby'] = ariaDescribedBy;\n        commonProps.accessibilityDescribedBy = ariaDescribedBy;\n    }\n    if (accessibilityDescribedBy !== undefined) {\n        commonProps.accessibilityDescribedBy = accessibilityDescribedBy;\n    }\n    if (ariaInvalid) {\n        commonProps['aria-invalid'] = true;\n    }\n    if (ariaRequired) {\n        commonProps['aria-required'] = true;\n    }\n\n    if (asChild) {\n        const slotProps: Record<string, unknown> = {\n            role: 'checkbox',\n            'aria-checked': ariaChecked,\n            onClick: toggle,\n        };\n        if (disabled) {\n            slotProps['aria-disabled'] = true;\n        }\n        if (label !== undefined) {\n            slotProps['aria-label'] = label;\n        }\n        if (testID !== undefined) {\n            slotProps['data-testid'] = testID;\n        }\n        if (className !== undefined) {\n            slotProps.className = className;\n        }\n        return <Slot {...slotProps}>{children}</Slot>;\n    }\n\n    const boxClasses = cn(\n        'w-5 h-5 rounded-sm border items-center justify-center',\n        isMarked && !disabled\n            ? 'bg-semantic-interactive-primary border-semantic-interactive-primary'\n            : 'bg-semantic-background-elevated border-semantic-border-strong'\n    );\n    const boxFill: ViewStyle =\n        isMarked && !disabled\n            ? {\n                  backgroundColor: colors.semantic.interactive.primary,\n                  borderColor: colors.semantic.interactive.primary,\n              }\n            : {\n                  backgroundColor: colors.semantic.background.elevated,\n                  borderColor: colors.semantic.border.strong,\n              };\n\n    // The whole row is the interactive element so clicking the label text\n    // toggles the checkbox. The visual box is a non-interactive View — one\n    // role=\"checkbox\" per logical control, not two competing hit-areas.\n    // Indeterminate uses a horizontal dash (the W3C convention) rather than\n    // a checkmark, so the user can tell at a glance that the state is\n    // \"partial / mixed\", not \"fully checked.\" Clicking still fires onChange\n    // — consumers typically toggle indeterminate off and set checked=true\n    // in their handler.\n    const inverted = colors.semantic.text.inverted;\n    return (\n        <Pressable\n            onPress={toggle}\n            {...commonProps}\n            className={cn('flex-row items-center gap-2', disabled ? 'opacity-60' : undefined, className)}\n            style={[rowStyle, disabled ? { opacity: 0.6 } : null]}\n        >\n            <View className={boxClasses} style={[boxBaseStyle, boxFill]}>\n                {indeterminate && !disabled ? (\n                    <View style={{ width: 10, height: 2, borderRadius: 1, backgroundColor: inverted }} />\n                ) : value && !disabled ? (\n                    <Check size={14} color={inverted} />\n                ) : null}\n            </View>\n            {children ??\n                (label !== undefined ? (\n                    <RNText\n                        style={{\n                            color: colors.semantic.text.default,\n                            fontFamily: colors.fontFamily.body,\n                            fontSize: px(colors.fontSize.md),\n                        }}\n                    >\n                        {label}\n                    </RNText>\n                ) : null)}\n        </Pressable>\n    );\n};\n"]}
+{"version":3,"sources":["../src/icons/semantic-context.tsx","../src/icons/use-semantic-icon.ts","../src/components/Checkbox/Checkbox.tsx"],"names":["jsx","RNText"],"mappings":"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","file":"chunk-H2LHWJ52.js","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { createContext } from 'react';\nimport { defaultSemanticIcons, type SemanticIcons } from './default-semantic-icons';\n\nexport const SemanticIconsContext = createContext<SemanticIcons>(defaultSemanticIcons);\nSemanticIconsContext.displayName = 'SemanticIconsContext';\n\nexport type SemanticIconsProviderProps = {\n    icons?: Partial<SemanticIcons>;\n    children?: ReactNode;\n};\n\nexport function SemanticIconsProvider({ icons, children }: SemanticIconsProviderProps) {\n    const merged: SemanticIcons = icons ? { ...defaultSemanticIcons, ...icons } : defaultSemanticIcons;\n    return <SemanticIconsContext.Provider value={merged}>{children}</SemanticIconsContext.Provider>;\n}\n","'use client';\n\nimport { useContext } from 'react';\nimport type { SemanticIcons } from './default-semantic-icons';\nimport { SemanticIconsContext } from './semantic-context';\n\nexport function useSemanticIcon<K extends keyof SemanticIcons>(name: K): SemanticIcons[K] {\n    const icons = useContext(SemanticIconsContext);\n    return icons[name];\n}\n","'use client';\n\nimport type { ReactNode } from 'react';\nimport { useCallback, useState } from 'react';\nimport type { ViewStyle } from 'react-native';\nimport { Pressable, Text as RNText, View } from 'react-native';\nimport { useSemanticIcon } from '../../icons/use-semantic-icon';\nimport { Slot } from '../../slot';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type CheckboxProps = {\n    checked?: boolean;\n    defaultChecked?: boolean;\n    indeterminate?: boolean;\n    disabled?: boolean;\n    onChange?: (next: boolean) => void;\n    label?: string;\n    className?: string;\n    testID?: string;\n    asChild?: boolean;\n    children?: ReactNode;\n    /** DOM id / nativeID forwarded to the Pressable — used by Field.Control */\n    id?: string;\n    /** HTML name attribute (web only) */\n    name?: string;\n    /** aria-labelledby forwarded to the Pressable */\n    'aria-labelledby'?: string;\n    /** React Native accessibilityLabelledBy forwarded to the Pressable */\n    accessibilityLabelledBy?: string;\n    /** aria-describedby forwarded to the Pressable */\n    'aria-describedby'?: string;\n    /** React Native accessibilityDescribedBy forwarded to the Pressable */\n    accessibilityDescribedBy?: string;\n    /** Marks the control as invalid — set by Field.Control when there is an error */\n    'aria-invalid'?: boolean;\n    /** Marks the control as required — set by Field.Control */\n    'aria-required'?: boolean;\n};\n\n// Layout-only base; theme-driven dimensions are merged inside the component.\nconst ROW_LAYOUT_BASE: ViewStyle = { flexDirection: 'row', alignItems: 'center' };\nconst BOX_LAYOUT_BASE: ViewStyle = {\n    // 20×20 box — component-density literal — not from theme\n    width: 20,\n    height: 20,\n    borderWidth: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n};\n\n/**\n * Checkbox — supports controlled + uncontrolled state, indeterminate (aria-checked=\"mixed\"),\n * asChild (via Slot), and a visible label that doubles as the accessibility label.\n */\nexport const Checkbox = ({\n    checked,\n    defaultChecked = false,\n    indeterminate,\n    disabled,\n    onChange,\n    label,\n    className,\n    testID,\n    asChild,\n    children,\n    id,\n    name,\n    'aria-labelledby': ariaLabelledBy,\n    accessibilityLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    accessibilityDescribedBy,\n    'aria-invalid': ariaInvalid,\n    'aria-required': ariaRequired,\n}: CheckboxProps) => {\n    const colors = useThemeColors();\n    const [inner, setInner] = useState<boolean>(defaultChecked);\n    const isControlled = checked !== undefined;\n    const value = isControlled ? Boolean(checked) : inner;\n\n    const ariaChecked: 'true' | 'false' | 'mixed' = indeterminate ? 'mixed' : value ? 'true' : 'false';\n    const isMarked = value || Boolean(indeterminate);\n\n    const toggle = useCallback(() => {\n        if (disabled) {\n            return;\n        }\n        const next = !value;\n        if (!isControlled) {\n            setInner(next);\n        }\n        onChange?.(next);\n    }, [disabled, value, isControlled, onChange]);\n\n    const Check = useSemanticIcon('checkmark');\n\n    const rowStyle: ViewStyle = { ...ROW_LAYOUT_BASE, gap: px(colors.spacing['2']) };\n    const boxBaseStyle: ViewStyle = { ...BOX_LAYOUT_BASE, borderRadius: px(colors.radius.sm) };\n\n    const commonProps: Record<string, unknown> = {\n        role: 'checkbox',\n        'aria-checked': ariaChecked,\n        accessibilityRole: 'checkbox' as const,\n        accessibilityState: { checked: value, disabled: Boolean(disabled) },\n        testID,\n    };\n    if (id !== undefined) {\n        commonProps.id = id;\n        commonProps.nativeID = id;\n    }\n    if (name !== undefined) {\n        commonProps.name = name;\n    }\n    if (disabled) {\n        commonProps['aria-disabled'] = true;\n    }\n    if (label !== undefined) {\n        commonProps['aria-label'] = label;\n        commonProps.accessibilityLabel = label;\n    }\n    if (ariaLabelledBy !== undefined) {\n        commonProps['aria-labelledby'] = ariaLabelledBy;\n        commonProps.accessibilityLabelledBy = ariaLabelledBy;\n    }\n    if (accessibilityLabelledBy !== undefined) {\n        commonProps.accessibilityLabelledBy = accessibilityLabelledBy;\n    }\n    if (ariaDescribedBy !== undefined) {\n        commonProps['aria-describedby'] = ariaDescribedBy;\n        commonProps.accessibilityDescribedBy = ariaDescribedBy;\n    }\n    if (accessibilityDescribedBy !== undefined) {\n        commonProps.accessibilityDescribedBy = accessibilityDescribedBy;\n    }\n    if (ariaInvalid) {\n        commonProps['aria-invalid'] = true;\n    }\n    if (ariaRequired) {\n        commonProps['aria-required'] = true;\n    }\n\n    if (asChild) {\n        const slotProps: Record<string, unknown> = {\n            role: 'checkbox',\n            'aria-checked': ariaChecked,\n            onClick: toggle,\n        };\n        if (disabled) {\n            slotProps['aria-disabled'] = true;\n        }\n        if (label !== undefined) {\n            slotProps['aria-label'] = label;\n        }\n        if (testID !== undefined) {\n            slotProps['data-testid'] = testID;\n        }\n        if (className !== undefined) {\n            slotProps.className = className;\n        }\n        return <Slot {...slotProps}>{children}</Slot>;\n    }\n\n    const boxClasses = cn(\n        'w-5 h-5 rounded-sm border items-center justify-center',\n        isMarked && !disabled\n            ? 'bg-semantic-interactive-primary border-semantic-interactive-primary'\n            : 'bg-semantic-background-elevated border-semantic-border-strong'\n    );\n    const boxFill: ViewStyle =\n        isMarked && !disabled\n            ? {\n                  backgroundColor: colors.semantic.interactive.primary,\n                  borderColor: colors.semantic.interactive.primary,\n              }\n            : {\n                  backgroundColor: colors.semantic.background.elevated,\n                  borderColor: colors.semantic.border.strong,\n              };\n\n    // The whole row is the interactive element so clicking the label text\n    // toggles the checkbox. The visual box is a non-interactive View — one\n    // role=\"checkbox\" per logical control, not two competing hit-areas.\n    // Indeterminate uses a horizontal dash (the W3C convention) rather than\n    // a checkmark, so the user can tell at a glance that the state is\n    // \"partial / mixed\", not \"fully checked.\" Clicking still fires onChange\n    // — consumers typically toggle indeterminate off and set checked=true\n    // in their handler.\n    const inverted = colors.semantic.text.inverted;\n    return (\n        <Pressable\n            onPress={toggle}\n            {...commonProps}\n            className={cn('flex-row items-center gap-2', disabled ? 'opacity-60' : undefined, className)}\n            style={[rowStyle, disabled ? { opacity: 0.6 } : null]}\n        >\n            <View className={boxClasses} style={[boxBaseStyle, boxFill]}>\n                {indeterminate && !disabled ? (\n                    <View style={{ width: 10, height: 2, borderRadius: 1, backgroundColor: inverted }} />\n                ) : value && !disabled ? (\n                    <Check size={14} color={inverted} />\n                ) : null}\n            </View>\n            {children ??\n                (label !== undefined ? (\n                    <RNText\n                        style={{\n                            color: colors.semantic.text.default,\n                            fontFamily: colors.fontFamily.body,\n                            fontSize: px(colors.fontSize.md),\n                        }}\n                    >\n                        {label}\n                    </RNText>\n                ) : null)}\n        </Pressable>\n    );\n};\n"]}

package/dist/{chunk-PZS4A4VQ.js → chunk-HXCETKCC.js}

@@ -1,7 +1,7 @@
 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, useState, useCallback, useId, useRef, useEffect, isValidElement, useContext } from 'react';
 import { Text, Platform, Dimensions, View, Modal, Pressable } from 'react-native';
@@ -332,5 +332,5 @@ var Popover = Object.assign(PopoverRoot, {
 });
 
 export { Popover, usePopoverContext };
-//# sourceMappingURL=chunk-PZS4A4VQ.js.map
-//# sourceMappingURL=chunk-PZS4A4VQ.js.map
+//# sourceMappingURL=chunk-HXCETKCC.js.map
+//# sourceMappingURL=chunk-HXCETKCC.js.map

package/dist/{chunk-PZS4A4VQ.js.map → chunk-HXCETKCC.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Popover/Popover.tsx"],"names":["RNText","content"],"mappings":";;;;;;;;;AAoCA,IAAM,cAAA,GAAiB,cAA0C,IAAI,CAAA;AAErE,IAAM,iBAAA,2BAAqB,KAAA,KAAuC;AAC9D,EAAA,MAAM,GAAA,GAAM,WAAW,cAAc,CAAA;AACrC,EAAA,IAAI,CAAC,GAAA,EAAK;AACN,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,CAAA,EAAI,KAAK,CAAA,sCAAA,CAAwC,CAAA;AAAA,EACrE;AACA,EAAA,OAAO,GAAA;AACX,CAAA,EAN0B,mBAAA;AAgD1B,IAAM,WAAA,2BAAe,EAAE,IAAA,EAAM,cAAc,KAAA,EAAO,YAAA,EAAc,UAAS,KAAoB;AACzF,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAkB,WAAW,CAAA;AACvD,EAAA,MAAM,eAAe,IAAA,KAAS,MAAA;AAC9B,EAAA,MAAM,OAAA,GAAU,eAAe,IAAA,GAAO,KAAA;AAEtC,EAAA,MAAM,OAAA,GAAU,WAAA;AAAA,IACZ,CAAC,IAAA,KAAkB;AACf,MAAA,IAAI,CAAC,YAAA,EAAc;AACf,QAAA,QAAA,CAAS,IAAI,CAAA;AAAA,MACjB;AACA,MAAA,YAAA,GAAe,IAAI,CAAA;AAAA,IACvB,CAAA;AAAA,IACA,CAAC,cAAc,YAAY;AAAA,GAC/B;AAEA,EAAA,MAAM,SAAS,KAAA,EAAM;AACrB,EAAA,MAAM,UAAA,GAAa,OAA2B,IAAI,CAAA;AAClD,EAAA,MAAM,UAAA,GAAa,OAA8B,IAAI,CAAA;AAMrD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAA6B,IAAI,CAAA;AACvE,EAAA,MAAM,cAAA,GAAiB,YAAY,MAAM;AACrC,IAAA,MAAM,OAAO,UAAA,CAAW,OAAA;AACxB,IAAA,IAAI,CAAC,IAAA,IAAQ,OAAO,IAAA,CAAK,0BAA0B,UAAA,EAAY;AAC3D,MAAA;AAAA,IACJ;AACA,IAAA,MAAM,IAAA,GAAO,KAAK,qBAAA,EAAsB;AACxC,IAAA,cAAA,CAAe,EAAE,GAAA,EAAK,IAAA,CAAK,GAAA,EAAK,IAAA,EAAM,IAAA,CAAK,IAAA,EAAM,KAAA,EAAO,IAAA,CAAK,KAAA,EAAO,MAAA,EAAQ,IAAA,CAAK,QAAQ,CAAA;AAAA,EAC7F,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,QAAA,GAAgC;AAAA,IAClC,IAAA,EAAM,OAAA;AAAA,IACN,OAAA;AAAA,IACA,SAAA,EAAW,GAAG,MAAM,CAAA,QAAA,CAAA;AAAA,IACpB,UAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACJ;AAEA,EAAA,2BAAQ,cAAA,CAAe,QAAA,EAAf,EAAwB,KAAA,EAAO,UAAW,QAAA,EAAS,CAAA;AAC/D,CAAA,EA5CoB,aAAA,CAAA;AA6Db,IAAM,cAAA,2BAAkB,EAAE,OAAA,GAAU,MAAM,QAAA,EAAU,SAAA,EAAW,QAAO,KAA2B;AACpG,EAAA,MAAM,GAAA,GAAM,kBAAkB,gBAAgB,CAAA;AAC9C,EAAA,MAAM,OAAA,GAAU,YAAY,MAAM;AAC9B,IAAA,GAAA,CAAI,cAAA,EAAe;AACnB,IAAA,GAAA,CAAI,OAAA,CAAQ,CAAC,GAAA,CAAI,IAAI,CAAA;AAAA,EACzB,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,IAAI,OAAA,IAAW,cAAA,CAAe,QAAQ,CAAA,EAAG;AACrC,IAAA,MAAM,KAAA,GAAQ,QAAA;AAKd,IAAA,MAAM,IAAA,mBAAO,MAAA,CAAA,CAAC,QAAA,KAAiD,CAAC,KAAA,KAAmB;AAC/E,MAAA,QAAA,GAAW,KAAK,CAAA;AAChB,MAAA,GAAA,CAAI,cAAA,EAAe;AACnB,MAAA,GAAA,CAAI,OAAA,CAAQ,CAAC,GAAA,CAAI,IAAI,CAAA;AAAA,IACzB,CAAA,EAJa,MAAA,CAAA;AAKb,IAAA,uBACI,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACG,GAAA,EAAK,CAAC,IAAA,KAA6B;AAC/B,UAAA,GAAA,CAAI,WAAW,OAAA,GAAU,IAAA;AAAA,QAC7B,CAAA;AAAA,QACA,OAAA,EAAS,IAAA,CAAK,KAAA,CAAM,KAAA,CAAM,OAA6C,CAAA;AAAA,QACvE,OAAA,EAAS,IAAA,CAAK,KAAA,CAAM,KAAA,CAAM,OAA6C,CAAA;AAAA,QACvE,eAAA,EAAc,QAAA;AAAA,QACd,iBAAe,GAAA,CAAI,IAAA;AAAA,QACnB,iBAAe,GAAA,CAAI,SAAA;AAAA,QAClB,GAAI,MAAA,KAAW,MAAA,GAAY,EAAE,aAAA,EAAe,MAAA,KAAW,EAAC;AAAA,QACxD,GAAI,SAAA,KAAc,MAAA,GAAY,EAAE,SAAA,KAAc,EAAC;AAAA,QAE/C,QAAA,EAAA;AAAA;AAAA,KACL;AAAA,EAER;AAEA,EAAA,uBACI,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACG,GAAA,EAAK,CAAC,IAAA,KAAS;AACX,QAAA,GAAA,CAAI,WAAW,OAAA,GAAU,IAAA;AAAA,MAC7B,CAAA;AAAA,MACA,OAAA;AAAA,MACC,GAAI;AAAA,QACD,eAAA,EAAiB,QAAA;AAAA,QACjB,iBAAiB,GAAA,CAAI,IAAA;AAAA,QACrB,iBAAiB,GAAA,CAAI;AAAA,OACzB;AAAA,MACC,GAAI,MAAA,KAAW,MAAA,GAAY,EAAE,MAAA,KAAW,EAAC;AAAA,MACzC,GAAI,SAAA,KAAc,MAAA,GAAY,EAAE,SAAA,KAAc,EAAC;AAAA,MAE/C,6BAAmB,QAAQ;AAAA;AAAA,GAChC;AAER,CAAA,EArD8B,gBAAA,CAAA;AA4D9B,SAAS,mBAAmB,QAAA,EAAgC;AACxD,EAAA,IAAI,OAAO,QAAA,KAAa,QAAA,IAAY,OAAO,aAAa,QAAA,EAAU;AAC9D,IAAA,uBAAO,GAAA,CAACA,QAAQ,QAAA,EAAS,CAAA;AAAA,EAC7B;AACA,EAAA,OAAO,QAAA;AACX;AALS,MAAA,CAAA,kBAAA,EAAA,oBAAA,CAAA;AAOT,IAAM,GAAA,GAAM,CAAA;AACZ,IAAM,SAAA,GAAY,GAAA;AAGlB,IAAM,eAAA,GAAkB,CAAA;AAExB,SAAS,eAAA,CACL,IAAA,EACA,IAAA,EACA,KAAA,EACA,WAAA,EAC6B;AAC7B,EAAA,MAAM,EAAA,GAAK,aAAa,KAAA,IAAS,SAAA;AACjC,EAAA,MAAM,EAAA,GAAK,aAAa,MAAA,IAAU,CAAA;AAElC,EAAA,IAAI,GAAA,GAAM,CAAA;AACV,EAAA,IAAI,IAAA,GAAO,CAAA;AAEX,EAAA,QAAQ,IAAA;AAAM,IACV,KAAK,KAAA;AACD,MAAA,GAAA,GAAM,IAAA,CAAK,MAAM,GAAA,GAAM,EAAA;AACvB,MAAA;AAAA,IACJ,KAAK,QAAA;AACD,MAAA,GAAA,GAAM,IAAA,CAAK,GAAA,GAAM,IAAA,CAAK,MAAA,GAAS,GAAA;AAC/B,MAAA;AAAA,IACJ,KAAK,MAAA;AACD,MAAA,IAAA,GAAO,IAAA,CAAK,OAAO,GAAA,GAAM,EAAA;AACzB,MAAA;AAAA,IACJ,KAAK,OAAA;AACD,MAAA,IAAA,GAAO,IAAA,CAAK,IAAA,GAAO,IAAA,CAAK,KAAA,GAAQ,GAAA;AAChC,MAAA;AAAA;AAGR,EAAA,IAAI,IAAA,KAAS,KAAA,IAAS,IAAA,KAAS,QAAA,EAAU;AACrC,IAAA,QAAQ,KAAA;AAAO,MACX,KAAK,OAAA;AACD,QAAA,IAAA,GAAO,IAAA,CAAK,IAAA;AACZ,QAAA;AAAA,MACJ,KAAK,QAAA;AACD,QAAA,IAAA,GAAO,IAAA,CAAK,IAAA,GAAO,IAAA,CAAK,KAAA,GAAQ,IAAI,EAAA,GAAK,CAAA;AACzC,QAAA;AAAA,MACJ,KAAK,KAAA;AACD,QAAA,IAAA,GAAO,IAAA,CAAK,IAAA,GAAO,IAAA,CAAK,KAAA,GAAQ,EAAA;AAChC,QAAA;AAAA;AACR,EACJ,CAAA,MAAO;AACH,IAAA,QAAQ,KAAA;AAAO,MACX,KAAK,OAAA;AACD,QAAA,GAAA,GAAM,IAAA,CAAK,GAAA;AACX,QAAA;AAAA,MACJ,KAAK,QAAA;AACD,QAAA,GAAA,GAAM,IAAA,CAAK,GAAA,GAAM,IAAA,CAAK,MAAA,GAAS,IAAI,EAAA,GAAK,CAAA;AACxC,QAAA;AAAA,MACJ,KAAK,KAAA;AACD,QAAA,GAAA,GAAM,IAAA,CAAK,GAAA,GAAM,IAAA,CAAK,MAAA,GAAS,EAAA;AAC/B,QAAA;AAAA;AACR,EACJ;AAEA,EAAA,OAAO,EAAE,KAAK,IAAA,EAAK;AACvB;AAtDS,MAAA,CAAA,eAAA,EAAA,iBAAA,CAAA;AA6EF,IAAM,iCAAiB,MAAA,CAAA,CAAC;AAAA,EAC3B,IAAA,GAAO,QAAA;AAAA,EACP,KAAA,GAAQ,QAAA;AAAA,EACR,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAG;AACP,CAAA,KAA2B;AACvB,EAAA,MAAM,GAAA,GAAM,kBAAkB,gBAAgB,CAAA;AAC9C,EAAA,MAAM,SAAS,cAAA,EAAe;AAC9B,EAAA,MAAM,SAAA,GAAY,KAAK,YAAY,CAAA;AAInC,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAmD,IAAI,CAAA;AAK7F,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,CAAC,IAAI,IAAA,EAAM;AACX,MAAA;AAAA,IACJ;AACA,IAAA,IAAI,QAAA,CAAS,OAAO,KAAA,EAAO;AACvB,MAAA;AAAA,IACJ;AACA,IAAA,IAAI,OAAO,aAAa,WAAA,EAAa;AACjC,MAAA;AAAA,IACJ;AAEA,IAAA,GAAA,CAAI,cAAA,EAAe;AAEnB,IAAA,MAAM,cAAA,2BAAkB,KAAA,KAAsB;AAC1C,MAAA,MAAM,SAAS,KAAA,CAAM,MAAA;AACrB,MAAA,MAAM,OAAA,GAAU,IAAI,UAAA,CAAW,OAAA;AAC/B,MAAA,MAAMC,QAAAA,GAAU,IAAI,UAAA,CAAW,OAAA;AAC/B,MAAA,IAAI,OAAA,EAAS,QAAA,CAAS,MAAM,CAAA,EAAG;AAC3B,QAAA;AAAA,MACJ;AACA,MAAA,IAAIA,QAAAA,EAAS,QAAA,CAAS,MAAM,CAAA,EAAG;AAC3B,QAAA;AAAA,MACJ;AACA,MAAA,GAAA,CAAI,QAAQ,KAAK,CAAA;AAAA,IACrB,CAAA,EAXuB,gBAAA,CAAA;AAYvB,IAAA,MAAM,SAAA,2BAAa,KAAA,KAAyB;AACxC,MAAA,IAAI,KAAA,CAAM,QAAQ,QAAA,EAAU;AACxB,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,GAAA,CAAI,QAAQ,KAAK,CAAA;AAAA,MACrB;AAAA,IACJ,CAAA,EALkB,WAAA,CAAA;AAMlB,IAAA,MAAM,QAAA,mBAAW,MAAA,CAAA,MAAM,GAAA,CAAI,cAAA,EAAe,EAAzB,UAAA,CAAA;AACjB,IAAA,MAAM,QAAA,mBAAW,MAAA,CAAA,MAAM,GAAA,CAAI,cAAA,EAAe,EAAzB,UAAA,CAAA;AAEjB,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,cAAc,CAAA;AACrD,IAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,SAAS,CAAA;AAC9C,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AAC1C,IAAA,MAAA,CAAO,gBAAA,CAAiB,QAAA,EAAU,QAAA,EAAU,IAAI,CAAA;AAChD,IAAA,OAAO,MAAM;AACT,MAAA,QAAA,CAAS,mBAAA,CAAoB,aAAa,cAAc,CAAA;AACxD,MAAA,QAAA,CAAS,mBAAA,CAAoB,WAAW,SAAS,CAAA;AACjD,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,QAAQ,CAAA;AAC7C,MAAA,MAAA,CAAO,mBAAA,CAAoB,QAAA,EAAU,QAAA,EAAU,IAAI,CAAA;AAAA,IACvD,CAAA;AAAA,EAEJ,CAAA,EAAG,CAAC,GAAA,CAAI,IAAA,EAAM,GAAA,CAAI,cAAA,EAAgB,GAAA,CAAI,OAAA,EAAS,GAAA,CAAI,UAAA,EAAY,GAAA,CAAI,UAAU,CAAC,CAAA;AAG9E,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,CAAC,IAAI,IAAA,EAAM;AACX,MAAA,cAAA,CAAe,IAAI,CAAA;AAAA,IACvB;AAAA,EACJ,CAAA,EAAG,CAAC,GAAA,CAAI,IAAI,CAAC,CAAA;AAEb,EAAA,IAAI,CAAC,IAAI,IAAA,EAAM;AACX,IAAA,OAAO,IAAA;AAAA,EACX;AAEA,EAAA,MAAM,QAAA,GAAW,IAAI,WAAA,GAAc,eAAA,CAAgB,IAAI,WAAA,EAAa,IAAA,EAAM,KAAA,EAAO,WAAW,CAAA,GAAI,IAAA;AAMhG,EAAA,MAAM,aAAA,GAAgB,UAAA,CAAW,GAAA,CAAI,QAAQ,CAAA,CAAE,KAAA;AAC/C,EAAA,MAAM,kBAAkB,IAAA,CAAK,GAAA,CAAI,SAAA,EAAW,aAAA,GAAgB,kBAAkB,CAAC,CAAA;AAE/E,EAAA,MAAM,gBAAA,GAA8B;AAAA,IAChC,QAAA,EAAU,SAAA;AAAA,IACV,QAAA,EAAU,eAAA;AAAA,IACV,YAAA,EAAc,EAAA,CAAG,MAAA,CAAO,MAAA,CAAO,EAAE,CAAA;AAAA,IACjC,WAAA,EAAa,CAAA;AAAA,IACb,WAAA,EAAa,MAAA,CAAO,QAAA,CAAS,MAAA,CAAO,OAAA;AAAA,IACpC,eAAA,EAAiB,MAAA,CAAO,QAAA,CAAS,UAAA,CAAW,QAAA;AAAA,IAC5C,OAAA,EAAS,EAAA,CAAG,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA;AAAA,IAC/B,GAAI,QAAA,CAAS,EAAA,KAAO,KAAA,GACb;AAAA,MACG,SAAA,EAAW,kEAAA;AAAA;AAAA,MAEX,UAAA,EAAY,kDAAA;AAAA,MACZ,SAAA,EAAW,UAAA;AAAA,MACX,OAAA,EAAS;AAAA,KACb,GACA,EAAE,SAAA,EAAW,CAAA;AAAE,GACzB;AAOA,EAAA,MAAM,aAAA,GAAgB,aAAa,KAAA,IAAS,eAAA;AAC5C,EAAA,MAAM,WAAA,GAAc,WACd,IAAA,CAAK,GAAA;AAAA,IACD,IAAA,CAAK,GAAA,CAAI,eAAA,EAAiB,QAAA,CAAS,IAAI,CAAA;AAAA,IACvC,IAAA,CAAK,GAAA,CAAI,eAAA,EAAiB,aAAA,GAAgB,gBAAgB,eAAe;AAAA,GAC7E,GACA,CAAA;AAEN,EAAA,MAAM,eAAA,GACF,QAAA,CAAS,EAAA,KAAO,KAAA,GACV,QAAA,GACK;AAAA,IACG,QAAA,EAAU,OAAA;AAAA,IACV,KAAK,QAAA,CAAS,GAAA;AAAA,IACd,IAAA,EAAM,WAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACZ,GACC;AAAA;AAAA;AAAA,IAGG,QAAA,EAAU,OAAA;AAAA,IACV,GAAA,EAAK,KAAA;AAAA,IACL,IAAA,EAAM,KAAA;AAAA,IACN,MAAA,EAAQ;AAAA,MAEhB,EAAC;AAEX,EAAA,MAAM,OAAA,mBACF,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACG,GAAA,EAAK,CAAC,IAAA,KAAS;AACX,QAAA,GAAA,CAAI,WAAW,OAAA,GAAU,IAAA;AACzB,QAAA,IAAI,QAAA,CAAS,OAAO,KAAA,EAAO;AACvB,UAAA;AAAA,QACJ;AACA,QAAA,IAAI,CAAC,IAAA,EAAM;AACP,UAAA;AAAA,QACJ;AACA,QAAA,IAAI,OAAQ,IAAA,CAAmC,qBAAA,KAA0B,UAAA,EAAY;AACjF,UAAA;AAAA,QACJ;AACA,QAAA,MAAM,IAAA,GAAQ,KAAmC,qBAAA,EAAsB;AACvE,QAAA,IAAI,CAAC,eAAe,WAAA,CAAY,KAAA,KAAU,KAAK,KAAA,IAAS,WAAA,CAAY,MAAA,KAAW,IAAA,CAAK,MAAA,EAAQ;AACxF,UAAA,cAAA,CAAe,EAAE,KAAA,EAAO,IAAA,CAAK,OAAO,MAAA,EAAQ,IAAA,CAAK,QAAQ,CAAA;AAAA,QAC7D;AAAA,MACJ,CAAA;AAAA,MACC,GAAI;AAAA,QACD,IAAA,EAAM,QAAA;AAAA,QACN,IAAI,GAAA,CAAI,SAAA;AAAA,QACR,GAAI,cAAc,MAAA,GAAY,EAAE,cAAc,SAAA,EAAW,kBAAA,EAAoB,SAAA,EAAU,GAAI;AAAC,OAChG;AAAA,MACC,GAAI,MAAA,KAAW,MAAA,GAAY,EAAE,MAAA,KAAW,EAAC;AAAA,MAC1C,SAAA,EAAW,EAAA;AAAA,QACP,kFAAA;AAAA,QACA;AAAA,OACJ;AAAA,MACA,KAAA,EAAO,CAAC,gBAAA,EAAkB,eAAe,CAAA;AAAA,MAExC;AAAA;AAAA,GACL;AAGJ,EAAA,IAAI,QAAA,CAAS,OAAO,KAAA,EAAO;AACvB,IAAA,OAAO,OAAA;AAAA,EACX;AAIA,EAAA,uBACI,GAAA,CAAC,KAAA,EAAA,EAAM,OAAA,EAAS,GAAA,CAAI,MAAM,WAAA,EAAW,IAAA,EAAC,aAAA,EAAc,MAAA,EAAO,cAAA,EAAgB,MAAM,GAAA,CAAI,OAAA,CAAQ,KAAK,CAAA,EAC9F,QAAA,kBAAA,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACG,iBAAA,EAAkB,MAAA;AAAA,MAClB,aAAA,EAAa,IAAA;AAAA,MACb,OAAA,EAAS,MAAM,GAAA,CAAI,OAAA,CAAQ,KAAK,CAAA;AAAA,MAChC,KAAA,EAAO;AAAA,QACH,QAAA,EAAU,UAAA;AAAA,QACV,GAAA,EAAK,CAAA;AAAA,QACL,IAAA,EAAM,CAAA;AAAA,QACN,KAAA,EAAO,CAAA;AAAA,QACP,MAAA,EAAQ,CAAA;AAAA,QACR,eAAA,EAAiB;AAAA,OACrB;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACG,OAAA,EAAS,CAAC,KAAA,KAAU,KAAA,CAAM,eAAA,IAAkB;AAAA,UAC5C,KAAA,EAAO;AAAA,YACH,QAAA,EAAU,UAAA;AAAA,YACV,GAAA,EAAK,IAAI,WAAA,GACH,IAAA,KAAS,QACL,IAAA,CAAK,GAAA,CAAI,iBAAiB,GAAA,CAAI,WAAA,CAAY,MAAM,GAAA,GAAM,EAAE,IACxD,GAAA,CAAI,WAAA,CAAY,MAAM,GAAA,CAAI,WAAA,CAAY,SAAS,GAAA,GACnD,EAAA;AAAA;AAAA;AAAA;AAAA,YAIN,IAAA,EAAM,GAAA,CAAI,WAAA,GACJ,IAAA,CAAK,GAAA;AAAA,cACD,IAAA,CAAK,GAAA,CAAI,eAAA,EAAiB,GAAA,CAAI,YAAY,IAAI,CAAA;AAAA,cAC9C,IAAA,CAAK,GAAA,CAAI,eAAA,EAAiB,aAAA,GAAgB,gBAAgB,eAAe;AAAA,gBAE7E,eAAA,GAAkB;AAAA,WAC5B;AAAA,UAEC,QAAA,EAAA;AAAA;AAAA;AACL;AAAA,GACJ,EACJ,CAAA;AAER,CAAA,EAzN8B,gBAAA,CAAA;AAiOvB,IAAM,OAAA,GAAU,MAAA,CAAO,MAAA,CAAO,WAAA,EAAa;AAAA,EAC9C,OAAA,EAAS,cAAA;AAAA,EACT,OAAA,EAAS;AACb,CAAC","file":"chunk-PZS4A4VQ.js","sourcesContent":["'use client';\n\nimport {\n    createContext,\n    isValidElement,\n    type ReactElement,\n    type ReactNode,\n    useCallback,\n    useContext,\n    useEffect,\n    useId,\n    useRef,\n    useState,\n} from 'react';\nimport type { ViewStyle } from 'react-native';\nimport { Dimensions, Modal, Platform, Pressable, Text as RNText, View } from 'react-native';\nimport { Slot } from '../../slot';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type PopoverSide = 'top' | 'right' | 'bottom' | 'left';\nexport type PopoverAlign = 'start' | 'center' | 'end';\n\ntype TriggerRect = { top: number; left: number; width: number; height: number };\n\ntype PopoverContextValue = {\n    open: boolean;\n    setOpen: (next: boolean) => void;\n    contentId: string;\n    triggerRef: { current: HTMLElement | null };\n    contentRef: { current: HTMLDivElement | null };\n    triggerRect: TriggerRect | null;\n    measureTrigger: () => void;\n};\n\nconst PopoverContext = createContext<PopoverContextValue | null>(null);\n\nconst usePopoverContext = (label: string): PopoverContextValue => {\n    const ctx = useContext(PopoverContext);\n    if (!ctx) {\n        throw new Error(`<${label}> must be rendered inside a <Popover>.`);\n    }\n    return ctx;\n};\n\n/**\n * @internal — exposes the Popover context so higher-level overlay components\n * (DropdownMenu, ContextMenu) can interact with trigger measurement and open\n * state without going through PopoverTrigger.\n */\nexport { usePopoverContext };\n\nexport type PopoverProps = {\n    /** Controlled open state. */\n    open?: boolean;\n    /** Uncontrolled initial open state. @defaultValue false */\n    defaultOpen?: boolean;\n    /** Fires with the new open state. */\n    onOpenChange?: (open: boolean) => void;\n    children?: ReactNode;\n};\n\n/**\n * Non-modal floating panel anchored to a trigger element. Use for help\n * tooltips with rich content, color pickers, or profile previews.\n *\n * Composition: `Popover` (root, owns open state), `PopoverTrigger`\n * (forwards events to its child via Slot when `asChild`), `PopoverContent`\n * (the floating surface).\n *\n * Differences from `Dialog`: non-modal — does NOT trap focus or lock\n * scroll. Tab moves outside as normal. Differences from `Tooltip`: can\n * contain interactive content (buttons, inputs, links) and dismisses on\n * outside-click + Escape rather than mouse-leave.\n *\n * Behavior:\n *   - Trigger click toggles open/close.\n *   - Click outside the content (and outside the trigger) closes.\n *   - Escape closes.\n *\n * Cross-platform: uses RN `<Modal>` as the visibility/portal primitive on\n * native (transparent backdrop, tap-outside-to-close). On web, the content\n * uses `position: fixed` + a measured trigger rect so it escapes any\n * ancestor `overflow: hidden`.\n */\nconst PopoverRoot = ({ open, defaultOpen = false, onOpenChange, children }: PopoverProps) => {\n    const [inner, setInner] = useState<boolean>(defaultOpen);\n    const isControlled = open !== undefined;\n    const current = isControlled ? open : inner;\n\n    const setOpen = useCallback(\n        (next: boolean) => {\n            if (!isControlled) {\n                setInner(next);\n            }\n            onOpenChange?.(next);\n        },\n        [isControlled, onOpenChange]\n    );\n\n    const baseId = useId();\n    const triggerRef = useRef<HTMLElement | null>(null);\n    const contentRef = useRef<HTMLDivElement | null>(null);\n\n    // Measure the trigger so the content can render with `position: fixed` +\n    // computed coords. position:fixed escapes any ancestor's overflow:hidden\n    // (e.g. fumadocs Tabs panes, our Preview frame), which is the single\n    // biggest source of \"the popup got cut off\" bugs.\n    const [triggerRect, setTriggerRect] = useState<TriggerRect | null>(null);\n    const measureTrigger = useCallback(() => {\n        const node = triggerRef.current;\n        if (!node || typeof node.getBoundingClientRect !== 'function') {\n            return;\n        }\n        const rect = node.getBoundingClientRect();\n        setTriggerRect({ top: rect.top, left: rect.left, width: rect.width, height: rect.height });\n    }, []);\n\n    const ctxValue: PopoverContextValue = {\n        open: current,\n        setOpen,\n        contentId: `${baseId}-content`,\n        triggerRef,\n        contentRef,\n        triggerRect,\n        measureTrigger,\n    };\n\n    return <PopoverContext.Provider value={ctxValue}>{children}</PopoverContext.Provider>;\n};\n\nexport type PopoverTriggerProps = {\n    /** Render the child as the trigger (Slot pattern). Default true — pass `false` for an inline pressable. */\n    asChild?: boolean;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n/**\n * Element that toggles the popover. Uses `asChild` by default so any\n * element (Button, Link, custom Pressable) becomes the trigger.\n *\n * The trigger element gets `aria-haspopup=\"dialog\"` and `aria-expanded`\n * so assistive tech announces the relationship.\n */\nexport const PopoverTrigger = ({ asChild = true, children, className, testID }: PopoverTriggerProps) => {\n    const ctx = usePopoverContext('PopoverTrigger');\n    const onPress = useCallback(() => {\n        ctx.measureTrigger();\n        ctx.setOpen(!ctx.open);\n    }, [ctx]);\n\n    if (asChild && isValidElement(children)) {\n        const child = children as ReactElement<Record<string, unknown>>;\n        // Pass both onClick (web HTML buttons) AND onPress (RN Pressable /\n        // our own Button) so the trigger fires regardless of which event\n        // model the wrapped child speaks. The child's existing handler\n        // runs first, then we toggle.\n        const fire = (existing: ((e: unknown) => void) | undefined) => (event: unknown) => {\n            existing?.(event);\n            ctx.measureTrigger();\n            ctx.setOpen(!ctx.open);\n        };\n        return (\n            <Slot\n                ref={(node: HTMLElement | null) => {\n                    ctx.triggerRef.current = node;\n                }}\n                onClick={fire(child.props.onClick as ((e: unknown) => void) | undefined)}\n                onPress={fire(child.props.onPress as ((e: unknown) => void) | undefined)}\n                aria-haspopup=\"dialog\"\n                aria-expanded={ctx.open}\n                aria-controls={ctx.contentId}\n                {...(testID !== undefined ? { 'data-testid': testID } : {})}\n                {...(className !== undefined ? { className } : {})}\n            >\n                {child}\n            </Slot>\n        );\n    }\n\n    return (\n        <Pressable\n            ref={(node) => {\n                ctx.triggerRef.current = node as unknown as HTMLElement | null;\n            }}\n            onPress={onPress}\n            {...({\n                'aria-haspopup': 'dialog',\n                'aria-expanded': ctx.open,\n                'aria-controls': ctx.contentId,\n            } as Record<string, unknown>)}\n            {...(testID !== undefined ? { testID } : {})}\n            {...(className !== undefined ? { className } : {})}\n        >\n            {wrapStringChildren(children)}\n        </Pressable>\n    );\n};\n\n// On native, raw strings rendered as children of a non-Text component\n// throw \"Text strings must be rendered within a <Text> component\". On\n// web, react-native-web silently tolerates it. Wrap any string/number\n// children in an RNText so the same JSX renders cleanly on both\n// platforms. Non-string children are passed through unchanged.\nfunction wrapStringChildren(children: ReactNode): ReactNode {\n    if (typeof children === 'string' || typeof children === 'number') {\n        return <RNText>{children}</RNText>;\n    }\n    return children;\n}\n\nconst GAP = 4; // visual gap between trigger and content\nconst MIN_WIDTH = 200;\n// Margin reserved on each side so the popover never butts against the\n// viewport edge. Matches the 8px safe-area we use for native modal pads.\nconst VIEWPORT_MARGIN = 8;\n\nfunction computePosition(\n    rect: TriggerRect,\n    side: PopoverSide,\n    align: PopoverAlign,\n    contentSize: { width: number; height: number } | null\n): { top: number; left: number } {\n    const cw = contentSize?.width ?? MIN_WIDTH;\n    const ch = contentSize?.height ?? 0;\n\n    let top = 0;\n    let left = 0;\n\n    switch (side) {\n        case 'top':\n            top = rect.top - GAP - ch;\n            break;\n        case 'bottom':\n            top = rect.top + rect.height + GAP;\n            break;\n        case 'left':\n            left = rect.left - GAP - cw;\n            break;\n        case 'right':\n            left = rect.left + rect.width + GAP;\n            break;\n    }\n\n    if (side === 'top' || side === 'bottom') {\n        switch (align) {\n            case 'start':\n                left = rect.left;\n                break;\n            case 'center':\n                left = rect.left + rect.width / 2 - cw / 2;\n                break;\n            case 'end':\n                left = rect.left + rect.width - cw;\n                break;\n        }\n    } else {\n        switch (align) {\n            case 'start':\n                top = rect.top;\n                break;\n            case 'center':\n                top = rect.top + rect.height / 2 - ch / 2;\n                break;\n            case 'end':\n                top = rect.top + rect.height - ch;\n                break;\n        }\n    }\n\n    return { top, left };\n}\n\nexport type PopoverContentProps = {\n    /** Side of the trigger to anchor on. @defaultValue 'bottom' */\n    side?: PopoverSide;\n    /** Alignment along the trigger edge. @defaultValue 'center' */\n    align?: PopoverAlign;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n    /** Accessible label when no visible heading is present. */\n    'aria-label'?: string;\n};\n\n/**\n * The floating popover surface. Renders only while open. On web uses\n * `position: fixed` with a measured trigger rect so it escapes any\n * ancestor `overflow: hidden`. Non-modal: focus is NOT trapped inside —\n * the user can tab back out as normal.\n *\n * ARIA: `role=\"dialog\"` (without `aria-modal`) so assistive tech\n * announces it as a grouping but doesn't suppress the rest of the page.\n */\nexport const PopoverContent = ({\n    side = 'bottom',\n    align = 'center',\n    children,\n    className,\n    testID,\n    ...rest\n}: PopoverContentProps) => {\n    const ctx = usePopoverContext('PopoverContent');\n    const colors = useThemeColors();\n    const ariaLabel = rest['aria-label'];\n\n    // Measure content size after first paint so we can anchor `top`-style\n    // popups (which need to know content height to render above the trigger).\n    const [contentSize, setContentSize] = useState<{ width: number; height: number } | null>(null);\n\n    // Web-only side effects: outside-click close, Escape close, re-measure\n    // on resize. RN Modal handles its own dismissal on native (tap-outside\n    // is the transparent overlay's onPress).\n    useEffect(() => {\n        if (!ctx.open) {\n            return;\n        }\n        if (Platform.OS !== 'web') {\n            return;\n        }\n        if (typeof document === 'undefined') {\n            return;\n        }\n\n        ctx.measureTrigger();\n\n        const onDocMouseDown = (event: MouseEvent) => {\n            const target = event.target as Node;\n            const trigger = ctx.triggerRef.current;\n            const content = ctx.contentRef.current;\n            if (trigger?.contains(target)) {\n                return;\n            }\n            if (content?.contains(target)) {\n                return;\n            }\n            ctx.setOpen(false);\n        };\n        const onKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                event.preventDefault();\n                ctx.setOpen(false);\n            }\n        };\n        const onResize = () => ctx.measureTrigger();\n        const onScroll = () => ctx.measureTrigger();\n\n        document.addEventListener('mousedown', onDocMouseDown);\n        document.addEventListener('keydown', onKeyDown);\n        window.addEventListener('resize', onResize);\n        window.addEventListener('scroll', onScroll, true);\n        return () => {\n            document.removeEventListener('mousedown', onDocMouseDown);\n            document.removeEventListener('keydown', onKeyDown);\n            window.removeEventListener('resize', onResize);\n            window.removeEventListener('scroll', onScroll, true);\n        };\n        // ctx is the provider's stable identity; we only care about open transitions.\n    }, [ctx.open, ctx.measureTrigger, ctx.setOpen, ctx.triggerRef, ctx.contentRef]);\n\n    // Reset measured size when popover closes so reopening re-measures fresh.\n    useEffect(() => {\n        if (!ctx.open) {\n            setContentSize(null);\n        }\n    }, [ctx.open]);\n\n    if (!ctx.open) {\n        return null;\n    }\n\n    const position = ctx.triggerRect ? computePosition(ctx.triggerRect, side, align, contentSize) : null;\n\n    // Viewport-aware max width. Web uses Dimensions.get('window') which\n    // react-native-web maps to window.innerWidth; native uses the same API\n    // for the device window. Subtract margin on both sides so content\n    // doesn't kiss the screen edge.\n    const viewportWidth = Dimensions.get('window').width;\n    const maxContentWidth = Math.max(MIN_WIDTH, viewportWidth - VIEWPORT_MARGIN * 2);\n\n    const contentBaseStyle: ViewStyle = {\n        minWidth: MIN_WIDTH,\n        maxWidth: maxContentWidth,\n        borderRadius: px(colors.radius.lg),\n        borderWidth: 1,\n        borderColor: colors.semantic.border.default,\n        backgroundColor: colors.semantic.background.elevated,\n        padding: px(colors.spacing['4']),\n        ...(Platform.OS === 'web'\n            ? ({\n                  boxShadow: '0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)',\n                  // Subtle scale-in. Skipped on native (do nothing fancy there).\n                  transition: 'opacity 120ms ease-out, transform 120ms ease-out',\n                  transform: 'scale(1)',\n                  opacity: 1,\n              } as ViewStyle)\n            : { elevation: 8 }),\n    };\n\n    // Clamp `left` so the popover stays within the viewport even when the\n    // trigger sits near the right edge. First-paint fallback uses\n    // `maxContentWidth` (the cap we apply via maxWidth above) — content\n    // is allowed to grow up to that size, so assuming worst-case avoids\n    // a one-frame overflow before measurement settles.\n    const measuredWidth = contentSize?.width ?? maxContentWidth;\n    const clampedLeft = position\n        ? Math.min(\n              Math.max(VIEWPORT_MARGIN, position.left),\n              Math.max(VIEWPORT_MARGIN, viewportWidth - measuredWidth - VIEWPORT_MARGIN)\n          )\n        : 0;\n\n    const positionedStyle: ViewStyle =\n        Platform.OS === 'web'\n            ? position\n                ? ({\n                      position: 'fixed' as unknown as 'absolute',\n                      top: position.top,\n                      left: clampedLeft,\n                      zIndex: 50,\n                  } as ViewStyle)\n                : ({\n                      // Trigger not yet measured — render off-screen for a\n                      // frame to avoid a flash at (0,0).\n                      position: 'fixed' as unknown as 'absolute',\n                      top: -9999,\n                      left: -9999,\n                      zIndex: 50,\n                  } as ViewStyle)\n            : {};\n\n    const content = (\n        <View\n            ref={(node) => {\n                ctx.contentRef.current = node as unknown as HTMLDivElement | null;\n                if (Platform.OS !== 'web') {\n                    return;\n                }\n                if (!node) {\n                    return;\n                }\n                if (typeof (node as unknown as HTMLDivElement).getBoundingClientRect !== 'function') {\n                    return;\n                }\n                const rect = (node as unknown as HTMLDivElement).getBoundingClientRect();\n                if (!contentSize || contentSize.width !== rect.width || contentSize.height !== rect.height) {\n                    setContentSize({ width: rect.width, height: rect.height });\n                }\n            }}\n            {...({\n                role: 'dialog',\n                id: ctx.contentId,\n                ...(ariaLabel !== undefined ? { 'aria-label': ariaLabel, accessibilityLabel: ariaLabel } : {}),\n            } as Record<string, unknown>)}\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn(\n                'rounded-lg border border-semantic-border-default bg-semantic-background-elevated',\n                className\n            )}\n            style={[contentBaseStyle, positionedStyle]}\n        >\n            {children}\n        </View>\n    );\n\n    if (Platform.OS === 'web') {\n        return content;\n    }\n\n    // Native: use Modal as the floating layer with a transparent backdrop.\n    // Tap on the backdrop closes the popover.\n    return (\n        <Modal visible={ctx.open} transparent animationType=\"fade\" onRequestClose={() => ctx.setOpen(false)}>\n            <Pressable\n                accessibilityRole=\"none\"\n                aria-hidden={true}\n                onPress={() => ctx.setOpen(false)}\n                style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    right: 0,\n                    bottom: 0,\n                    backgroundColor: 'transparent',\n                }}\n            >\n                <Pressable\n                    onPress={(event) => event.stopPropagation?.()}\n                    style={{\n                        position: 'absolute',\n                        top: ctx.triggerRect\n                            ? side === 'top'\n                                ? Math.max(VIEWPORT_MARGIN, ctx.triggerRect.top - GAP - 80)\n                                : ctx.triggerRect.top + ctx.triggerRect.height + GAP\n                            : 80,\n                        // Clamp horizontally so a wide popover near the\n                        // right edge can still grow leftward without\n                        // overflowing the screen.\n                        left: ctx.triggerRect\n                            ? Math.min(\n                                  Math.max(VIEWPORT_MARGIN, ctx.triggerRect.left),\n                                  Math.max(VIEWPORT_MARGIN, viewportWidth - measuredWidth - VIEWPORT_MARGIN)\n                              )\n                            : VIEWPORT_MARGIN * 2,\n                    }}\n                >\n                    {content}\n                </Pressable>\n            </Pressable>\n        </Modal>\n    );\n};\n\n/**\n * Public `Popover` value — the root function plus its `.Trigger` and `.Content`\n * static members. `Object.assign` produces a value whose inferred type carries\n * the static properties, so `.d.ts` consumers can write `<Popover.Trigger>`\n * without a separate import.\n */\nexport const Popover = Object.assign(PopoverRoot, {\n    Trigger: PopoverTrigger,\n    Content: PopoverContent,\n});\n"]}
+{"version":3,"sources":["../src/components/Popover/Popover.tsx"],"names":["RNText","content"],"mappings":"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","file":"chunk-HXCETKCC.js","sourcesContent":["'use client';\n\nimport {\n    createContext,\n    isValidElement,\n    type ReactElement,\n    type ReactNode,\n    useCallback,\n    useContext,\n    useEffect,\n    useId,\n    useRef,\n    useState,\n} from 'react';\nimport type { ViewStyle } from 'react-native';\nimport { Dimensions, Modal, Platform, Pressable, Text as RNText, View } from 'react-native';\nimport { Slot } from '../../slot';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type PopoverSide = 'top' | 'right' | 'bottom' | 'left';\nexport type PopoverAlign = 'start' | 'center' | 'end';\n\ntype TriggerRect = { top: number; left: number; width: number; height: number };\n\ntype PopoverContextValue = {\n    open: boolean;\n    setOpen: (next: boolean) => void;\n    contentId: string;\n    triggerRef: { current: HTMLElement | null };\n    contentRef: { current: HTMLDivElement | null };\n    triggerRect: TriggerRect | null;\n    measureTrigger: () => void;\n};\n\nconst PopoverContext = createContext<PopoverContextValue | null>(null);\n\nconst usePopoverContext = (label: string): PopoverContextValue => {\n    const ctx = useContext(PopoverContext);\n    if (!ctx) {\n        throw new Error(`<${label}> must be rendered inside a <Popover>.`);\n    }\n    return ctx;\n};\n\n/**\n * @internal — exposes the Popover context so higher-level overlay components\n * (DropdownMenu, ContextMenu) can interact with trigger measurement and open\n * state without going through PopoverTrigger.\n */\nexport { usePopoverContext };\n\nexport type PopoverProps = {\n    /** Controlled open state. */\n    open?: boolean;\n    /** Uncontrolled initial open state. @defaultValue false */\n    defaultOpen?: boolean;\n    /** Fires with the new open state. */\n    onOpenChange?: (open: boolean) => void;\n    children?: ReactNode;\n};\n\n/**\n * Non-modal floating panel anchored to a trigger element. Use for help\n * tooltips with rich content, color pickers, or profile previews.\n *\n * Composition: `Popover` (root, owns open state), `PopoverTrigger`\n * (forwards events to its child via Slot when `asChild`), `PopoverContent`\n * (the floating surface).\n *\n * Differences from `Dialog`: non-modal — does NOT trap focus or lock\n * scroll. Tab moves outside as normal. Differences from `Tooltip`: can\n * contain interactive content (buttons, inputs, links) and dismisses on\n * outside-click + Escape rather than mouse-leave.\n *\n * Behavior:\n *   - Trigger click toggles open/close.\n *   - Click outside the content (and outside the trigger) closes.\n *   - Escape closes.\n *\n * Cross-platform: uses RN `<Modal>` as the visibility/portal primitive on\n * native (transparent backdrop, tap-outside-to-close). On web, the content\n * uses `position: fixed` + a measured trigger rect so it escapes any\n * ancestor `overflow: hidden`.\n */\nconst PopoverRoot = ({ open, defaultOpen = false, onOpenChange, children }: PopoverProps) => {\n    const [inner, setInner] = useState<boolean>(defaultOpen);\n    const isControlled = open !== undefined;\n    const current = isControlled ? open : inner;\n\n    const setOpen = useCallback(\n        (next: boolean) => {\n            if (!isControlled) {\n                setInner(next);\n            }\n            onOpenChange?.(next);\n        },\n        [isControlled, onOpenChange]\n    );\n\n    const baseId = useId();\n    const triggerRef = useRef<HTMLElement | null>(null);\n    const contentRef = useRef<HTMLDivElement | null>(null);\n\n    // Measure the trigger so the content can render with `position: fixed` +\n    // computed coords. position:fixed escapes any ancestor's overflow:hidden\n    // (e.g. fumadocs Tabs panes, our Preview frame), which is the single\n    // biggest source of \"the popup got cut off\" bugs.\n    const [triggerRect, setTriggerRect] = useState<TriggerRect | null>(null);\n    const measureTrigger = useCallback(() => {\n        const node = triggerRef.current;\n        if (!node || typeof node.getBoundingClientRect !== 'function') {\n            return;\n        }\n        const rect = node.getBoundingClientRect();\n        setTriggerRect({ top: rect.top, left: rect.left, width: rect.width, height: rect.height });\n    }, []);\n\n    const ctxValue: PopoverContextValue = {\n        open: current,\n        setOpen,\n        contentId: `${baseId}-content`,\n        triggerRef,\n        contentRef,\n        triggerRect,\n        measureTrigger,\n    };\n\n    return <PopoverContext.Provider value={ctxValue}>{children}</PopoverContext.Provider>;\n};\n\nexport type PopoverTriggerProps = {\n    /** Render the child as the trigger (Slot pattern). Default true — pass `false` for an inline pressable. */\n    asChild?: boolean;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n/**\n * Element that toggles the popover. Uses `asChild` by default so any\n * element (Button, Link, custom Pressable) becomes the trigger.\n *\n * The trigger element gets `aria-haspopup=\"dialog\"` and `aria-expanded`\n * so assistive tech announces the relationship.\n */\nexport const PopoverTrigger = ({ asChild = true, children, className, testID }: PopoverTriggerProps) => {\n    const ctx = usePopoverContext('PopoverTrigger');\n    const onPress = useCallback(() => {\n        ctx.measureTrigger();\n        ctx.setOpen(!ctx.open);\n    }, [ctx]);\n\n    if (asChild && isValidElement(children)) {\n        const child = children as ReactElement<Record<string, unknown>>;\n        // Pass both onClick (web HTML buttons) AND onPress (RN Pressable /\n        // our own Button) so the trigger fires regardless of which event\n        // model the wrapped child speaks. The child's existing handler\n        // runs first, then we toggle.\n        const fire = (existing: ((e: unknown) => void) | undefined) => (event: unknown) => {\n            existing?.(event);\n            ctx.measureTrigger();\n            ctx.setOpen(!ctx.open);\n        };\n        return (\n            <Slot\n                ref={(node: HTMLElement | null) => {\n                    ctx.triggerRef.current = node;\n                }}\n                onClick={fire(child.props.onClick as ((e: unknown) => void) | undefined)}\n                onPress={fire(child.props.onPress as ((e: unknown) => void) | undefined)}\n                aria-haspopup=\"dialog\"\n                aria-expanded={ctx.open}\n                aria-controls={ctx.contentId}\n                {...(testID !== undefined ? { 'data-testid': testID } : {})}\n                {...(className !== undefined ? { className } : {})}\n            >\n                {child}\n            </Slot>\n        );\n    }\n\n    return (\n        <Pressable\n            ref={(node) => {\n                ctx.triggerRef.current = node as unknown as HTMLElement | null;\n            }}\n            onPress={onPress}\n            {...({\n                'aria-haspopup': 'dialog',\n                'aria-expanded': ctx.open,\n                'aria-controls': ctx.contentId,\n            } as Record<string, unknown>)}\n            {...(testID !== undefined ? { testID } : {})}\n            {...(className !== undefined ? { className } : {})}\n        >\n            {wrapStringChildren(children)}\n        </Pressable>\n    );\n};\n\n// On native, raw strings rendered as children of a non-Text component\n// throw \"Text strings must be rendered within a <Text> component\". On\n// web, react-native-web silently tolerates it. Wrap any string/number\n// children in an RNText so the same JSX renders cleanly on both\n// platforms. Non-string children are passed through unchanged.\nfunction wrapStringChildren(children: ReactNode): ReactNode {\n    if (typeof children === 'string' || typeof children === 'number') {\n        return <RNText>{children}</RNText>;\n    }\n    return children;\n}\n\nconst GAP = 4; // visual gap between trigger and content\nconst MIN_WIDTH = 200;\n// Margin reserved on each side so the popover never butts against the\n// viewport edge. Matches the 8px safe-area we use for native modal pads.\nconst VIEWPORT_MARGIN = 8;\n\nfunction computePosition(\n    rect: TriggerRect,\n    side: PopoverSide,\n    align: PopoverAlign,\n    contentSize: { width: number; height: number } | null\n): { top: number; left: number } {\n    const cw = contentSize?.width ?? MIN_WIDTH;\n    const ch = contentSize?.height ?? 0;\n\n    let top = 0;\n    let left = 0;\n\n    switch (side) {\n        case 'top':\n            top = rect.top - GAP - ch;\n            break;\n        case 'bottom':\n            top = rect.top + rect.height + GAP;\n            break;\n        case 'left':\n            left = rect.left - GAP - cw;\n            break;\n        case 'right':\n            left = rect.left + rect.width + GAP;\n            break;\n    }\n\n    if (side === 'top' || side === 'bottom') {\n        switch (align) {\n            case 'start':\n                left = rect.left;\n                break;\n            case 'center':\n                left = rect.left + rect.width / 2 - cw / 2;\n                break;\n            case 'end':\n                left = rect.left + rect.width - cw;\n                break;\n        }\n    } else {\n        switch (align) {\n            case 'start':\n                top = rect.top;\n                break;\n            case 'center':\n                top = rect.top + rect.height / 2 - ch / 2;\n                break;\n            case 'end':\n                top = rect.top + rect.height - ch;\n                break;\n        }\n    }\n\n    return { top, left };\n}\n\nexport type PopoverContentProps = {\n    /** Side of the trigger to anchor on. @defaultValue 'bottom' */\n    side?: PopoverSide;\n    /** Alignment along the trigger edge. @defaultValue 'center' */\n    align?: PopoverAlign;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n    /** Accessible label when no visible heading is present. */\n    'aria-label'?: string;\n};\n\n/**\n * The floating popover surface. Renders only while open. On web uses\n * `position: fixed` with a measured trigger rect so it escapes any\n * ancestor `overflow: hidden`. Non-modal: focus is NOT trapped inside —\n * the user can tab back out as normal.\n *\n * ARIA: `role=\"dialog\"` (without `aria-modal`) so assistive tech\n * announces it as a grouping but doesn't suppress the rest of the page.\n */\nexport const PopoverContent = ({\n    side = 'bottom',\n    align = 'center',\n    children,\n    className,\n    testID,\n    ...rest\n}: PopoverContentProps) => {\n    const ctx = usePopoverContext('PopoverContent');\n    const colors = useThemeColors();\n    const ariaLabel = rest['aria-label'];\n\n    // Measure content size after first paint so we can anchor `top`-style\n    // popups (which need to know content height to render above the trigger).\n    const [contentSize, setContentSize] = useState<{ width: number; height: number } | null>(null);\n\n    // Web-only side effects: outside-click close, Escape close, re-measure\n    // on resize. RN Modal handles its own dismissal on native (tap-outside\n    // is the transparent overlay's onPress).\n    useEffect(() => {\n        if (!ctx.open) {\n            return;\n        }\n        if (Platform.OS !== 'web') {\n            return;\n        }\n        if (typeof document === 'undefined') {\n            return;\n        }\n\n        ctx.measureTrigger();\n\n        const onDocMouseDown = (event: MouseEvent) => {\n            const target = event.target as Node;\n            const trigger = ctx.triggerRef.current;\n            const content = ctx.contentRef.current;\n            if (trigger?.contains(target)) {\n                return;\n            }\n            if (content?.contains(target)) {\n                return;\n            }\n            ctx.setOpen(false);\n        };\n        const onKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                event.preventDefault();\n                ctx.setOpen(false);\n            }\n        };\n        const onResize = () => ctx.measureTrigger();\n        const onScroll = () => ctx.measureTrigger();\n\n        document.addEventListener('mousedown', onDocMouseDown);\n        document.addEventListener('keydown', onKeyDown);\n        window.addEventListener('resize', onResize);\n        window.addEventListener('scroll', onScroll, true);\n        return () => {\n            document.removeEventListener('mousedown', onDocMouseDown);\n            document.removeEventListener('keydown', onKeyDown);\n            window.removeEventListener('resize', onResize);\n            window.removeEventListener('scroll', onScroll, true);\n        };\n        // ctx is the provider's stable identity; we only care about open transitions.\n    }, [ctx.open, ctx.measureTrigger, ctx.setOpen, ctx.triggerRef, ctx.contentRef]);\n\n    // Reset measured size when popover closes so reopening re-measures fresh.\n    useEffect(() => {\n        if (!ctx.open) {\n            setContentSize(null);\n        }\n    }, [ctx.open]);\n\n    if (!ctx.open) {\n        return null;\n    }\n\n    const position = ctx.triggerRect ? computePosition(ctx.triggerRect, side, align, contentSize) : null;\n\n    // Viewport-aware max width. Web uses Dimensions.get('window') which\n    // react-native-web maps to window.innerWidth; native uses the same API\n    // for the device window. Subtract margin on both sides so content\n    // doesn't kiss the screen edge.\n    const viewportWidth = Dimensions.get('window').width;\n    const maxContentWidth = Math.max(MIN_WIDTH, viewportWidth - VIEWPORT_MARGIN * 2);\n\n    const contentBaseStyle: ViewStyle = {\n        minWidth: MIN_WIDTH,\n        maxWidth: maxContentWidth,\n        borderRadius: px(colors.radius.lg),\n        borderWidth: 1,\n        borderColor: colors.semantic.border.default,\n        backgroundColor: colors.semantic.background.elevated,\n        padding: px(colors.spacing['4']),\n        ...(Platform.OS === 'web'\n            ? ({\n                  boxShadow: '0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)',\n                  // Subtle scale-in. Skipped on native (do nothing fancy there).\n                  transition: 'opacity 120ms ease-out, transform 120ms ease-out',\n                  transform: 'scale(1)',\n                  opacity: 1,\n              } as ViewStyle)\n            : { elevation: 8 }),\n    };\n\n    // Clamp `left` so the popover stays within the viewport even when the\n    // trigger sits near the right edge. First-paint fallback uses\n    // `maxContentWidth` (the cap we apply via maxWidth above) — content\n    // is allowed to grow up to that size, so assuming worst-case avoids\n    // a one-frame overflow before measurement settles.\n    const measuredWidth = contentSize?.width ?? maxContentWidth;\n    const clampedLeft = position\n        ? Math.min(\n              Math.max(VIEWPORT_MARGIN, position.left),\n              Math.max(VIEWPORT_MARGIN, viewportWidth - measuredWidth - VIEWPORT_MARGIN)\n          )\n        : 0;\n\n    const positionedStyle: ViewStyle =\n        Platform.OS === 'web'\n            ? position\n                ? ({\n                      position: 'fixed' as unknown as 'absolute',\n                      top: position.top,\n                      left: clampedLeft,\n                      zIndex: 50,\n                  } as ViewStyle)\n                : ({\n                      // Trigger not yet measured — render off-screen for a\n                      // frame to avoid a flash at (0,0).\n                      position: 'fixed' as unknown as 'absolute',\n                      top: -9999,\n                      left: -9999,\n                      zIndex: 50,\n                  } as ViewStyle)\n            : {};\n\n    const content = (\n        <View\n            ref={(node) => {\n                ctx.contentRef.current = node as unknown as HTMLDivElement | null;\n                if (Platform.OS !== 'web') {\n                    return;\n                }\n                if (!node) {\n                    return;\n                }\n                if (typeof (node as unknown as HTMLDivElement).getBoundingClientRect !== 'function') {\n                    return;\n                }\n                const rect = (node as unknown as HTMLDivElement).getBoundingClientRect();\n                if (!contentSize || contentSize.width !== rect.width || contentSize.height !== rect.height) {\n                    setContentSize({ width: rect.width, height: rect.height });\n                }\n            }}\n            {...({\n                role: 'dialog',\n                id: ctx.contentId,\n                ...(ariaLabel !== undefined ? { 'aria-label': ariaLabel, accessibilityLabel: ariaLabel } : {}),\n            } as Record<string, unknown>)}\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn(\n                'rounded-lg border border-semantic-border-default bg-semantic-background-elevated',\n                className\n            )}\n            style={[contentBaseStyle, positionedStyle]}\n        >\n            {children}\n        </View>\n    );\n\n    if (Platform.OS === 'web') {\n        return content;\n    }\n\n    // Native: use Modal as the floating layer with a transparent backdrop.\n    // Tap on the backdrop closes the popover.\n    return (\n        <Modal visible={ctx.open} transparent animationType=\"fade\" onRequestClose={() => ctx.setOpen(false)}>\n            <Pressable\n                accessibilityRole=\"none\"\n                aria-hidden={true}\n                onPress={() => ctx.setOpen(false)}\n                style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    right: 0,\n                    bottom: 0,\n                    backgroundColor: 'transparent',\n                }}\n            >\n                <Pressable\n                    onPress={(event) => event.stopPropagation?.()}\n                    style={{\n                        position: 'absolute',\n                        top: ctx.triggerRect\n                            ? side === 'top'\n                                ? Math.max(VIEWPORT_MARGIN, ctx.triggerRect.top - GAP - 80)\n                                : ctx.triggerRect.top + ctx.triggerRect.height + GAP\n                            : 80,\n                        // Clamp horizontally so a wide popover near the\n                        // right edge can still grow leftward without\n                        // overflowing the screen.\n                        left: ctx.triggerRect\n                            ? Math.min(\n                                  Math.max(VIEWPORT_MARGIN, ctx.triggerRect.left),\n                                  Math.max(VIEWPORT_MARGIN, viewportWidth - measuredWidth - VIEWPORT_MARGIN)\n                              )\n                            : VIEWPORT_MARGIN * 2,\n                    }}\n                >\n                    {content}\n                </Pressable>\n            </Pressable>\n        </Modal>\n    );\n};\n\n/**\n * Public `Popover` value — the root function plus its `.Trigger` and `.Content`\n * static members. `Object.assign` produces a value whose inferred type carries\n * the static properties, so `.d.ts` consumers can write `<Popover.Trigger>`\n * without a separate import.\n */\nexport const Popover = Object.assign(PopoverRoot, {\n    Trigger: PopoverTrigger,\n    Content: PopoverContent,\n});\n"]}

package/dist/chunk-IGBXSBF7.js

@@ -0,0 +1,71 @@
+import { px } from './chunk-5A2QOOVN.js';
+import { useThemeColors, useColorScheme } from './chunk-R5JMDDCB.js';
+import { cn } from './chunk-CHXHRJNZ.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { Platform, View, Text } from 'react-native';
+import { jsx } from 'nativewind/jsx-runtime';
+
+var Kbd = /* @__PURE__ */ __name(({ children, className }) => {
+  const colors = useThemeColors();
+  const isDark = useColorScheme() === "dark";
+  const bgColor = isDark ? colors.color.neutral["800"] : colors.color.neutral["100"];
+  const borderColor = isDark ? colors.color.neutral["600"] : colors.color.neutral["300"];
+  const textColor = isDark ? colors.color.neutral["200"] : colors.color.neutral["700"];
+  const containerStyle = {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    alignSelf: "center",
+    backgroundColor: bgColor,
+    borderWidth: 1,
+    borderColor,
+    borderRadius: px(colors.radius.sm),
+    paddingHorizontal: px(colors.spacing["1"]),
+    paddingVertical: 2,
+    // Subtle bottom shadow gives the classic key look.
+    ...Platform.OS === "web" ? {
+      boxShadow: `0 1px 0 ${borderColor}`,
+      display: "inline-flex"
+    } : {}
+  };
+  const textStyle = {
+    color: textColor,
+    // Monospace font for key labels.
+    fontFamily: colors.fontFamily.mono ?? "monospace",
+    fontSize: px(colors.fontSize.xs),
+    fontWeight: colors.fontWeight.medium,
+    lineHeight: px(colors.fontSize.xs) * Number(colors.lineHeight.normal)
+  };
+  const extraWebProps = Platform.OS === "web" ? {
+    // rn-web: 'none' skips the role attribute so the outer
+    // View is just a plain <div>; we rely on the inner
+    // <span> with data-kbd for semantic annotation.
+    accessibilityRole: "none"
+  } : {};
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ...extraWebProps,
+      className: cn(
+        "inline-flex flex-row items-center rounded-sm border px-1 py-0.5",
+        isDark ? "bg-neutral-800 border-neutral-600 text-neutral-200" : "bg-neutral-100 border-neutral-300 text-neutral-700",
+        className
+      ),
+      style: containerStyle,
+      children: /* @__PURE__ */ jsx(
+        Text,
+        {
+          ...Platform.OS === "web" ? { "data-kbd": "" } : {},
+          accessibilityRole: "none",
+          style: textStyle,
+          children
+        }
+      )
+    }
+  );
+}, "Kbd");
+
+export { Kbd };
+//# sourceMappingURL=chunk-IGBXSBF7.js.map
+//# sourceMappingURL=chunk-IGBXSBF7.js.map