@nori-ui/core 1.0.5 → 1.1.0

package/dist/chunk-VMAGFYHG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Switch/Switch.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-VMAGFYHG.js","sourcesContent":["'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 { AnimatedView } from '../../animation/animated-view';\nimport { useAnimatedNumber } from '../../animation/use-animated-number';\nimport { Slot } from '../../slot';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type SwitchProps = {\n    checked?: boolean;\n    defaultChecked?: 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; row gap is theme-driven inside the component.\nconst ROW_LAYOUT_BASE: ViewStyle = { flexDirection: 'row', alignItems: 'center' };\n// Switch track + thumb are tightly coupled — width 40, height 24, thumb\n// 20×20, travel 18px. Component-density literals — not from theme.\nconst TRACK_BASE: ViewStyle = {\n    width: 40,\n    height: 24,\n    borderRadius: 12,\n    // Relative so the absolutely-positioned thumb anchors against the\n    // track (not the page). The thumb's `left` value transitions between\n    // 2 (off) and 18 (on) — see thumb style below.\n    position: 'relative',\n};\nconst THUMB_BASE_STYLE: ViewStyle = {\n    width: 20,\n    height: 20,\n    borderRadius: 10,\n    // Web: boxShadow (the modern CSS-style replacement for the legacy RN\n    // `shadow*` props that react-native-web has deprecated).\n    // Native: elevation (Android) — RN ignores boxShadow there.\n    ...({ boxShadow: '0 1px 2px rgba(0, 0, 0, 0.15)' } as ViewStyle),\n    elevation: 2,\n};\n\n/**\n * Switch — a toggle control with role=\"switch\". Supports controlled + uncontrolled,\n * disabled state, asChild (via Slot), and a visible label that doubles as the\n * accessibility label.\n */\nexport const Switch = ({\n    checked,\n    defaultChecked = false,\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}: SwitchProps) => {\n    const colors = useThemeColors();\n    const [inner, setInner] = useState<boolean>(defaultChecked);\n    const isControlled = checked !== undefined;\n    const value = isControlled ? Boolean(checked) : inner;\n    // Pulled up here (above the asChild early-return) so the hook is\n    // called on every render path, not conditionally. The slide isn't\n    // used in the asChild branch, but the wasted work is tiny.\n    const slide = useAnimatedNumber('left', value ? 18 : 2);\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 ariaChecked: 'true' | 'false' = value ? 'true' : 'false';\n\n    const commonProps: Record<string, unknown> = {\n        role: 'switch',\n        'aria-checked': ariaChecked,\n        accessibilityRole: 'switch' 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: 'switch',\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 trackClasses = cn(\n        'w-10 h-6 rounded-full justify-center px-0.5 transition-colors',\n        value ? 'bg-semantic-interactive-primary' : 'bg-neutral-300 dark:bg-neutral-700',\n        disabled ? 'opacity-60' : undefined\n    );\n    // Position is set inline below (absolute + animated `left`), so no\n    // self-start/self-end classes here — they'd fight the inline position.\n    const thumbClasses = cn('w-5 h-5 rounded-full bg-white dark:bg-neutral-100 shadow-sm');\n\n    const trackStyle = [\n        TRACK_BASE,\n        {\n            backgroundColor: value ? colors.semantic.interactive.primary : colors.color.neutral['600'],\n            // Subtle 180ms color transition between off → on. Web only;\n            // native has no equivalent for the track tint in v1.\n            ...({ transitionProperty: 'background-color', transitionDuration: '180ms' } as ViewStyle),\n        },\n        disabled ? { opacity: 0.6 } : null,\n    ];\n    // Thumb stays a near-white disc — we deliberately don't go to a dark\n    // grey on dark mode because the thumb needs to read as the \"moveable\n    // puck\" against the track in both schemes.\n    //\n    // Animation: thumb slides between left:2 (off) and left:18 (on) —\n    // track width 40 - padding 2 - thumb 20 = 18 px travel. The\n    // useAnimatedNumber hook picks the right engine per platform (web\n    // CSS transition / reanimated spring / RN Animated). The hook is\n    // called once at the top of the function — see the `slide` above.\n    const thumbStyle = [\n        THUMB_BASE_STYLE,\n        {\n            backgroundColor: colors.color.neutral['50'],\n            position: 'absolute' as const,\n            top: 2,\n        } as ViewStyle,\n        slide as ViewStyle,\n    ];\n\n    // Whole-row Pressable so clicking the label toggles the switch. The\n    // visible track is a non-interactive View — one role=\"switch\" per\n    // logical control, not two competing hit-areas.\n    const rowStyle: ViewStyle = { ...ROW_LAYOUT_BASE, gap: px(colors.spacing['2']) };\n\n    return (\n        <Pressable\n            onPress={toggle}\n            {...commonProps}\n            className={cn('flex-row items-center gap-2', className)}\n            style={rowStyle}\n        >\n            <View className={trackClasses} style={trackStyle}>\n                {/*\n                 * Animated.View — the slide style fragment from\n                 * `useAnimatedNumber` contains an `Animated.Value` on\n                 * native; a plain `View` would render the value as 0\n                 * (no animation). On web, the same fragment is plain\n                 * CSS and `Animated.View` falls through to a regular\n                 * div via react-native-web.\n                 */}\n                <AnimatedView className={thumbClasses} style={thumbStyle} />\n            </View>\n            {label ? (\n                <RNText\n                    className=\"text-md text-semantic-text-default\"\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            {children}\n        </Pressable>\n    );\n};\n"]}

package/dist/{chunk-JZ774T7U.js → chunk-W3HMOOON.js}

@@ -1,5 +1,5 @@
-import { px } from './chunk-5A2QOOVN.js';
 import { cn } from './chunk-CHXHRJNZ.js';
+import { px } from './chunk-5A2QOOVN.js';
 import { useThemeColors } from './chunk-R5JMDDCB.js';
 import { __name } from './chunk-WCQVDF3K.js';
 import { Text as Text$1 } from 'react-native';
@@ -72,5 +72,5 @@ var Text = /* @__PURE__ */ __name(({ variant = "body-md", className, testID, chi
 }, "Text");
 
 export { Text };
-//# sourceMappingURL=chunk-JZ774T7U.js.map
-//# sourceMappingURL=chunk-JZ774T7U.js.map
+//# sourceMappingURL=chunk-W3HMOOON.js.map
+//# sourceMappingURL=chunk-W3HMOOON.js.map

package/dist/{chunk-JZ774T7U.js.map → chunk-W3HMOOON.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Text/Text.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-JZ774T7U.js","sourcesContent":["'use client';\n\nimport type { TextProps as RNTextProps, TextStyle } from 'react-native';\nimport { Text as RNText } from 'react-native';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type TextVariant = 'body-xs' | 'body-sm' | 'body-md' | 'body-lg' | 'heading-1' | 'heading-2' | 'heading-3';\n\nexport type TextProps = RNTextProps & {\n    variant?: TextVariant;\n    className?: string;\n    testID?: string;\n};\n\nconst VARIANT_CLASSES: Record<TextVariant, string> = {\n    'body-xs': 'text-xs leading-normal',\n    'body-sm': 'text-sm leading-normal',\n    'body-md': 'text-md leading-normal',\n    'body-lg': 'text-lg leading-relaxed',\n    'heading-1': 'text-4xl leading-tight font-bold',\n    'heading-2': 'text-3xl leading-tight font-semibold',\n    'heading-3': 'text-2xl leading-tight font-semibold',\n};\n\nconst HEADING_VARIANTS: Readonly<Set<TextVariant>> = new Set(['heading-1', 'heading-2', 'heading-3']);\n\n// Per-variant resolution from the active theme. Keys here name the\n// fontSize / fontWeight / lineHeight tokens the variant pulls from. The\n// fontFamily is picked separately (display for headings, body otherwise).\ntype VariantKeys = {\n    fontSize: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';\n    fontWeight: 'regular' | 'medium' | 'semibold' | 'bold';\n    lineHeight: 'tight' | 'normal' | 'relaxed';\n};\nconst VARIANT_KEYS: Record<TextVariant, VariantKeys> = {\n    'body-xs': { fontSize: 'xs', fontWeight: 'regular', lineHeight: 'normal' },\n    'body-sm': { fontSize: 'sm', fontWeight: 'regular', lineHeight: 'normal' },\n    'body-md': { fontSize: 'md', fontWeight: 'regular', lineHeight: 'normal' },\n    'body-lg': { fontSize: 'lg', fontWeight: 'regular', lineHeight: 'relaxed' },\n    'heading-1': { fontSize: '4xl', fontWeight: 'bold', lineHeight: 'tight' },\n    'heading-2': {\n        fontSize: '3xl',\n        fontWeight: 'semibold',\n        lineHeight: 'tight',\n    },\n    'heading-3': {\n        fontSize: '2xl',\n        fontWeight: 'semibold',\n        lineHeight: 'tight',\n    },\n};\n\n/**\n * Typography primitive. Renders a react-native <Text>; on web via RN-Web\n * it becomes a <div role=\"...\"> with the appropriate className.\n *\n * Inline style is sourced from the active `<NoriProvider theme={...}>`:\n * font family (display for headings, body for body variants), fontSize,\n * fontWeight, lineHeight all flow through. Override the whole variant by\n * passing a custom theme; override a single instance by passing `style`.\n *\n * The `className` path keeps the Tailwind dark-mode color flip — inline\n * style provides the typographic substance, className provides the color.\n */\nexport const Text = ({ variant = 'body-md', className, testID, children, ...rest }: TextProps) => {\n    const colors = useThemeColors();\n    const isHeading = HEADING_VARIANTS.has(variant);\n    const role = isHeading ? 'header' : rest.accessibilityRole;\n\n    const keys = VARIANT_KEYS[variant];\n    const sizePx = px(colors.fontSize[keys.fontSize]);\n    const lhMultiplier = Number(colors.lineHeight[keys.lineHeight]);\n    const themedStyle: TextStyle = {\n        // Inline color is the ONLY color source. The Tailwind preset uses\n        // `darkMode: ['class', '[data-theme=\"dark\"]']` — that requires a\n        // DOM, so on native the `dark:` variant never fires and a\n        // className-only color path would always emit the LIGHT variant\n        // (near-black), invisible on a dark surface. Sourcing color from\n        // `useThemeColors()` means it follows the OS scheme AND honors a\n        // forced `colorScheme` override on the provider.\n        color: colors.semantic.text.default,\n        fontFamily: isHeading ? colors.fontFamily.display : colors.fontFamily.body,\n        fontSize: sizePx,\n        // RN expects lineHeight in px, not unitless. Tokens carry it as a\n        // ratio (1.2 / 1.4 / 1.6) — multiply against the variant fontSize.\n        lineHeight: sizePx * lhMultiplier,\n        // The fontWeight token returns string literals like \"500\" / \"700\"\n        // which match RN's TextStyle.fontWeight enum.\n        fontWeight: colors.fontWeight[keys.fontWeight] as TextStyle['fontWeight'],\n    };\n\n    // Caller-provided style wins (last in the array). The themed style is\n    // the source of truth, the user's `style` prop the override.\n    const styleProp = (rest as { style?: TextStyle | TextStyle[] }).style;\n\n    return (\n        <RNText\n            testID={testID}\n            {...rest}\n            {...(role !== undefined ? { accessibilityRole: role } : {})}\n            className={cn(VARIANT_CLASSES[variant], className)}\n            style={[themedStyle, styleProp]}\n        >\n            {children}\n        </RNText>\n    );\n};\n"]}
+{"version":3,"sources":["../src/components/Text/Text.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-W3HMOOON.js","sourcesContent":["'use client';\n\nimport type { TextProps as RNTextProps, TextStyle } from 'react-native';\nimport { Text as RNText } from 'react-native';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type TextVariant = 'body-xs' | 'body-sm' | 'body-md' | 'body-lg' | 'heading-1' | 'heading-2' | 'heading-3';\n\nexport type TextProps = RNTextProps & {\n    variant?: TextVariant;\n    className?: string;\n    testID?: string;\n};\n\nconst VARIANT_CLASSES: Record<TextVariant, string> = {\n    'body-xs': 'text-xs leading-normal',\n    'body-sm': 'text-sm leading-normal',\n    'body-md': 'text-md leading-normal',\n    'body-lg': 'text-lg leading-relaxed',\n    'heading-1': 'text-4xl leading-tight font-bold',\n    'heading-2': 'text-3xl leading-tight font-semibold',\n    'heading-3': 'text-2xl leading-tight font-semibold',\n};\n\nconst HEADING_VARIANTS: Readonly<Set<TextVariant>> = new Set(['heading-1', 'heading-2', 'heading-3']);\n\n// Per-variant resolution from the active theme. Keys here name the\n// fontSize / fontWeight / lineHeight tokens the variant pulls from. The\n// fontFamily is picked separately (display for headings, body otherwise).\ntype VariantKeys = {\n    fontSize: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';\n    fontWeight: 'regular' | 'medium' | 'semibold' | 'bold';\n    lineHeight: 'tight' | 'normal' | 'relaxed';\n};\nconst VARIANT_KEYS: Record<TextVariant, VariantKeys> = {\n    'body-xs': { fontSize: 'xs', fontWeight: 'regular', lineHeight: 'normal' },\n    'body-sm': { fontSize: 'sm', fontWeight: 'regular', lineHeight: 'normal' },\n    'body-md': { fontSize: 'md', fontWeight: 'regular', lineHeight: 'normal' },\n    'body-lg': { fontSize: 'lg', fontWeight: 'regular', lineHeight: 'relaxed' },\n    'heading-1': { fontSize: '4xl', fontWeight: 'bold', lineHeight: 'tight' },\n    'heading-2': {\n        fontSize: '3xl',\n        fontWeight: 'semibold',\n        lineHeight: 'tight',\n    },\n    'heading-3': {\n        fontSize: '2xl',\n        fontWeight: 'semibold',\n        lineHeight: 'tight',\n    },\n};\n\n/**\n * Typography primitive. Renders a react-native <Text>; on web via RN-Web\n * it becomes a <div role=\"...\"> with the appropriate className.\n *\n * Inline style is sourced from the active `<NoriProvider theme={...}>`:\n * font family (display for headings, body for body variants), fontSize,\n * fontWeight, lineHeight all flow through. Override the whole variant by\n * passing a custom theme; override a single instance by passing `style`.\n *\n * The `className` path keeps the Tailwind dark-mode color flip — inline\n * style provides the typographic substance, className provides the color.\n */\nexport const Text = ({ variant = 'body-md', className, testID, children, ...rest }: TextProps) => {\n    const colors = useThemeColors();\n    const isHeading = HEADING_VARIANTS.has(variant);\n    const role = isHeading ? 'header' : rest.accessibilityRole;\n\n    const keys = VARIANT_KEYS[variant];\n    const sizePx = px(colors.fontSize[keys.fontSize]);\n    const lhMultiplier = Number(colors.lineHeight[keys.lineHeight]);\n    const themedStyle: TextStyle = {\n        // Inline color is the ONLY color source. The Tailwind preset uses\n        // `darkMode: ['class', '[data-theme=\"dark\"]']` — that requires a\n        // DOM, so on native the `dark:` variant never fires and a\n        // className-only color path would always emit the LIGHT variant\n        // (near-black), invisible on a dark surface. Sourcing color from\n        // `useThemeColors()` means it follows the OS scheme AND honors a\n        // forced `colorScheme` override on the provider.\n        color: colors.semantic.text.default,\n        fontFamily: isHeading ? colors.fontFamily.display : colors.fontFamily.body,\n        fontSize: sizePx,\n        // RN expects lineHeight in px, not unitless. Tokens carry it as a\n        // ratio (1.2 / 1.4 / 1.6) — multiply against the variant fontSize.\n        lineHeight: sizePx * lhMultiplier,\n        // The fontWeight token returns string literals like \"500\" / \"700\"\n        // which match RN's TextStyle.fontWeight enum.\n        fontWeight: colors.fontWeight[keys.fontWeight] as TextStyle['fontWeight'],\n    };\n\n    // Caller-provided style wins (last in the array). The themed style is\n    // the source of truth, the user's `style` prop the override.\n    const styleProp = (rest as { style?: TextStyle | TextStyle[] }).style;\n\n    return (\n        <RNText\n            testID={testID}\n            {...rest}\n            {...(role !== undefined ? { accessibilityRole: role } : {})}\n            className={cn(VARIANT_CLASSES[variant], className)}\n            style={[themedStyle, styleProp]}\n        >\n            {children}\n        </RNText>\n    );\n};\n"]}

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

@@ -1,5 +1,5 @@
-import { px } from './chunk-5A2QOOVN.js';
 import { cn } from './chunk-CHXHRJNZ.js';
+import { px } from './chunk-5A2QOOVN.js';
 import { useThemeColors } from './chunk-R5JMDDCB.js';
 import { __name } from './chunk-WCQVDF3K.js';
 import { useState, useCallback } from 'react';
@@ -174,5 +174,5 @@ var SegmentedControl = /* @__PURE__ */ __name(({
 }, "SegmentedControl");
 
 export { SegmentedControl };
-//# sourceMappingURL=chunk-6AD6KCVB.js.map
-//# sourceMappingURL=chunk-6AD6KCVB.js.map
+//# sourceMappingURL=chunk-WAKKQROH.js.map
+//# sourceMappingURL=chunk-WAKKQROH.js.map

package/dist/{chunk-6AD6KCVB.js.map → chunk-WAKKQROH.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-WAKKQROH.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-LVWNMQGR.js → chunk-WDNDTSNX.js}

@@ -1,8 +1,8 @@
-import { Popover } from './chunk-YNKKEO2A.js';
-import { useTranslation } from './chunk-RFW5SRZA.js';
+import { Popover } from './chunk-7D2BHQ6M.js';
+import { useTranslation } from './chunk-MJ4AGXS7.js';
 import { Slot } from './chunk-ZIBNLXIV.js';
-import { px } from './chunk-5A2QOOVN.js';
 import { cn } from './chunk-CHXHRJNZ.js';
+import { px } from './chunk-5A2QOOVN.js';
 import { useThemeColors } from './chunk-R5JMDDCB.js';
 import { __name } from './chunk-WCQVDF3K.js';
 import { createContext, isValidElement, useState, useRef, useCallback, useMemo, useEffect, Children, Fragment, useContext } from 'react';
@@ -1102,5 +1102,5 @@ var Breadcrumb = Object.assign(BreadcrumbRoot, {
 });
 
 export { Breadcrumb, getBreadcrumbJsonLd };
-//# sourceMappingURL=chunk-LVWNMQGR.js.map
-//# sourceMappingURL=chunk-LVWNMQGR.js.map
+//# sourceMappingURL=chunk-WDNDTSNX.js.map
+//# sourceMappingURL=chunk-WDNDTSNX.js.map