@nori-ui/core 1.5.0 → 1.7.0

package/dist/{chunk-46OT4PA6.js.map → chunk-3W3XYULK.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Alert/Alert.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-46OT4PA6.js","sourcesContent":["'use client';\n\nimport type { ComponentType, ReactNode } from 'react';\nimport type { ViewStyle } from 'react-native';\nimport { Pressable, Text as RNText, View } from 'react-native';\nimport { defaultSemanticIcons } from '../../icons/default-semantic-icons';\nimport { px } from '../../theme/px';\nimport { useColorScheme } from '../../theme/use-color-scheme';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type AlertTone = 'info' | 'success' | 'warning' | 'danger';\n\nexport type AlertProps = {\n    /**\n     * Severity of the alert. Drives the color tone and the default icon.\n     * @defaultValue 'info'\n     */\n    tone?: AlertTone;\n    /** Bolded heading line. Optional — provide one of title or description. */\n    title?: string;\n    /** Body text below the title. */\n    description?: string;\n    /**\n     * When provided, renders a close button in the top-right that calls back\n     * when pressed. The Alert itself doesn't track dismissed state — the\n     * parent decides whether to keep rendering.\n     */\n    onDismiss?: () => void;\n    /**\n     * Override the tone's default icon. Pass `null` to render no icon at\n     * all (rare — the icon doubles as the visual severity cue).\n     */\n    icon?: ReactNode;\n    /** Additional content below title/description. */\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\ntype IconType = ComponentType<{ size?: number; color?: string }>;\ntype TonePalette = { bg: string; border: string; fg: string; iconBg: string; defaultIcon: IconType };\n\n// Light/dark soft palettes per tone. Light variants use the familiar\n// pastel scale (Tailwind 50/200/800); dark variants use the deep 950/700/100\n// scale so the alert reads as a calm, on-tone surface against either\n// background — never a harsh white card on a dark page.\nfunction tonePalettes(\n    scheme: 'light' | 'dark',\n    primary: { '50': string; '200': string; '700': string; '800': string; '900': string; '100': string },\n    success: string,\n    warning: string,\n    danger: string\n): Record<AlertTone, TonePalette> {\n    if (scheme === 'dark') {\n        return {\n            info: {\n                bg: primary['900'],\n                border: primary['700'],\n                fg: primary['100'],\n                iconBg: primary['200'],\n                defaultIcon: defaultSemanticIcons.info,\n            },\n            success: {\n                bg: '#052e16',\n                border: '#14532d',\n                fg: '#bbf7d0',\n                iconBg: success,\n                defaultIcon: defaultSemanticIcons.checkmark,\n            },\n            warning: {\n                bg: '#422006',\n                border: '#78350f',\n                fg: '#fef3c7',\n                iconBg: warning,\n                defaultIcon: defaultSemanticIcons.alertTriangle,\n            },\n            danger: {\n                bg: '#450a0a',\n                border: '#7f1d1d',\n                fg: '#fecaca',\n                iconBg: danger,\n                defaultIcon: defaultSemanticIcons.alertTriangle,\n            },\n        };\n    }\n    return {\n        info: {\n            bg: primary['50'],\n            border: primary['200'],\n            fg: primary['800'],\n            iconBg: primary['700'],\n            defaultIcon: defaultSemanticIcons.info,\n        },\n        success: {\n            bg: '#f0fdf4',\n            border: '#bbf7d0',\n            fg: '#166534',\n            iconBg: success,\n            defaultIcon: defaultSemanticIcons.checkmark,\n        },\n        warning: {\n            bg: '#fefce8',\n            border: '#fde68a',\n            fg: '#92400e',\n            iconBg: warning,\n            defaultIcon: defaultSemanticIcons.alertTriangle,\n        },\n        danger: {\n            bg: '#fef2f2',\n            border: '#fecaca',\n            fg: '#991b1b',\n            iconBg: danger,\n            defaultIcon: defaultSemanticIcons.alertTriangle,\n        },\n    };\n}\n\n// Layout-only base; theme-driven dimensions (gap/padding/radius) are merged\n// inside the component so a custom theme reshapes the alert.\nconst CONTAINER_LAYOUT_BASE: ViewStyle = {\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    borderWidth: 1,\n};\n\n/**\n * Status banner with an icon, title, optional description, optional dismiss.\n * Use for inline messages that the reader should notice but doesn't need to\n * action immediately (use a Dialog when you need a forced acknowledgement).\n *\n * Color tone flips automatically with the active color scheme — light\n * pastel surface in light mode, deep on-tone surface in dark.\n */\nexport const Alert = ({\n    tone = 'info',\n    title,\n    description,\n    onDismiss,\n    icon,\n    children,\n    className,\n    testID,\n}: AlertProps) => {\n    const colors = useThemeColors();\n    const scheme = useColorScheme();\n    const palette = tonePalettes(\n        scheme,\n        colors.color.primary,\n        colors.color.success,\n        colors.color.warning,\n        colors.color.danger\n    )[tone];\n    const IconComponent = palette.defaultIcon;\n    const containerStyle: ViewStyle = {\n        ...CONTAINER_LAYOUT_BASE,\n        gap: px(colors.spacing['3']),\n        padding: px(colors.spacing['3']), // closest token to legacy 14px\n        borderRadius: px(colors.radius.lg),\n        backgroundColor: palette.bg,\n        borderColor: palette.border,\n    };\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            role=\"alert\"\n            accessibilityRole=\"alert\"\n            className={cn('flex-row items-start gap-3 rounded-md border p-3.5', className)}\n            style={containerStyle}\n        >\n            {icon === null ? null : icon !== undefined ? (\n                icon\n            ) : (\n                <View\n                    aria-hidden={true}\n                    style={{\n                        // 20×20 icon hit area — component-density literal — not from theme\n                        width: 20,\n                        height: 20,\n                        alignItems: 'center',\n                        justifyContent: 'center',\n                        marginTop: 2,\n                    }}\n                >\n                    <IconComponent size={20} color={palette.iconBg} />\n                </View>\n            )}\n            <View style={{ flex: 1, gap: 2 }}>\n                {title !== undefined ? (\n                    <RNText\n                        style={{\n                            color: palette.fg,\n                            fontFamily: colors.fontFamily.body,\n                            fontSize: px(colors.fontSize.sm),\n                            fontWeight: colors.fontWeight.semibold as '600',\n                            lineHeight: px(colors.fontSize.sm) * Number(colors.lineHeight.normal),\n                        }}\n                    >\n                        {title}\n                    </RNText>\n                ) : null}\n                {description !== undefined ? (\n                    <RNText\n                        style={{\n                            color: palette.fg,\n                            fontFamily: colors.fontFamily.body,\n                            fontSize: px(colors.fontSize.sm),\n                            lineHeight: px(colors.fontSize.sm) * Number(colors.lineHeight.normal),\n                            opacity: 0.85,\n                        }}\n                    >\n                        {description}\n                    </RNText>\n                ) : null}\n                {children}\n            </View>\n            {onDismiss !== undefined ? (\n                <Pressable\n                    onPress={onDismiss}\n                    role=\"button\"\n                    accessibilityRole=\"button\"\n                    accessibilityLabel=\"Dismiss\"\n                    aria-label=\"Dismiss\"\n                    style={{\n                        // 24×24 close button hit area — component-density literal — not from theme\n                        width: 24,\n                        height: 24,\n                        alignItems: 'center',\n                        justifyContent: 'center',\n                        borderRadius: px(colors.radius.sm),\n                        marginTop: -2,\n                    }}\n                >\n                    <defaultSemanticIcons.close size={16} color={palette.fg} />\n                </Pressable>\n            ) : null}\n        </View>\n    );\n};\n"]}
+{"version":3,"sources":["../src/components/Alert/Alert.tsx"],"names":["RNText"],"mappings":";;;;;;;;AA+CA,SAAS,YAAA,CACL,MAAA,EACA,OAAA,EACA,OAAA,EACA,SACA,MAAA,EAC8B;AAC9B,EAAA,IAAI,WAAW,MAAA,EAAQ;AACnB,IAAA,OAAO;AAAA,MACH,IAAA,EAAM;AAAA,QACF,EAAA,EAAI,QAAQ,KAAK,CAAA;AAAA,QACjB,MAAA,EAAQ,QAAQ,KAAK,CAAA;AAAA,QACrB,EAAA,EAAI,QAAQ,KAAK,CAAA;AAAA,QACjB,MAAA,EAAQ,QAAQ,KAAK,CAAA;AAAA,QACrB,aAAa,oBAAA,CAAqB;AAAA,OACtC;AAAA,MACA,OAAA,EAAS;AAAA,QACL,EAAA,EAAI,SAAA;AAAA,QACJ,MAAA,EAAQ,SAAA;AAAA,QACR,EAAA,EAAI,SAAA;AAAA,QACJ,MAAA,EAAQ,OAAA;AAAA,QACR,aAAa,oBAAA,CAAqB;AAAA,OACtC;AAAA,MACA,OAAA,EAAS;AAAA,QACL,EAAA,EAAI,SAAA;AAAA,QACJ,MAAA,EAAQ,SAAA;AAAA,QACR,EAAA,EAAI,SAAA;AAAA,QACJ,MAAA,EAAQ,OAAA;AAAA,QACR,aAAa,oBAAA,CAAqB;AAAA,OACtC;AAAA,MACA,MAAA,EAAQ;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,MAAA,EAAQ,SAAA;AAAA,QACR,EAAA,EAAI,SAAA;AAAA,QACJ,MAAA,EAAQ,MAAA;AAAA,QACR,aAAa,oBAAA,CAAqB;AAAA;AACtC,KACJ;AAAA,EACJ;AACA,EAAA,OAAO;AAAA,IACH,IAAA,EAAM;AAAA,MACF,EAAA,EAAI,QAAQ,IAAI,CAAA;AAAA,MAChB,MAAA,EAAQ,QAAQ,KAAK,CAAA;AAAA,MACrB,EAAA,EAAI,QAAQ,KAAK,CAAA;AAAA,MACjB,MAAA,EAAQ,QAAQ,KAAK,CAAA;AAAA,MACrB,aAAa,oBAAA,CAAqB;AAAA,KACtC;AAAA,IACA,OAAA,EAAS;AAAA,MACL,EAAA,EAAI,SAAA;AAAA,MACJ,MAAA,EAAQ,SAAA;AAAA,MACR,EAAA,EAAI,SAAA;AAAA,MACJ,MAAA,EAAQ,OAAA;AAAA,MACR,aAAa,oBAAA,CAAqB;AAAA,KACtC;AAAA,IACA,OAAA,EAAS;AAAA,MACL,EAAA,EAAI,SAAA;AAAA,MACJ,MAAA,EAAQ,SAAA;AAAA,MACR,EAAA,EAAI,SAAA;AAAA,MACJ,MAAA,EAAQ,OAAA;AAAA,MACR,aAAa,oBAAA,CAAqB;AAAA,KACtC;AAAA,IACA,MAAA,EAAQ;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,MAAA,EAAQ,SAAA;AAAA,MACR,EAAA,EAAI,SAAA;AAAA,MACJ,MAAA,EAAQ,MAAA;AAAA,MACR,aAAa,oBAAA,CAAqB;AAAA;AACtC,GACJ;AACJ;AArES,MAAA,CAAA,YAAA,EAAA,cAAA,CAAA;AAyET,IAAM,qBAAA,GAAmC;AAAA,EACrC,aAAA,EAAe,KAAA;AAAA,EACf,UAAA,EAAY,YAAA;AAAA,EACZ,WAAA,EAAa;AACjB,CAAA;AAUO,IAAM,wBAAQ,MAAA,CAAA,CAAC;AAAA,EAClB,IAAA,GAAO,MAAA;AAAA,EACP,KAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACJ,CAAA,KAAkB;AACd,EAAA,MAAM,SAAS,cAAA,EAAe;AAC9B,EAAA,MAAM,SAAS,cAAA,EAAe;AAC9B,EAAA,MAAM,OAAA,GAAU,YAAA;AAAA,IACZ,MAAA;AAAA,IACA,OAAO,KAAA,CAAM,OAAA;AAAA,IACb,OAAO,KAAA,CAAM,OAAA;AAAA,IACb,OAAO,KAAA,CAAM,OAAA;AAAA,IACb,OAAO,KAAA,CAAM;AAAA,IACf,IAAI,CAAA;AACN,EAAA,MAAM,gBAAgB,OAAA,CAAQ,WAAA;AAC9B,EAAA,MAAM,cAAA,GAA4B;AAAA,IAC9B,GAAG,qBAAA;AAAA,IACH,GAAA,EAAK,EAAA,CAAG,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA;AAAA,IAC3B,OAAA,EAAS,EAAA,CAAG,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA;AAAA;AAAA,IAC/B,YAAA,EAAc,EAAA,CAAG,MAAA,CAAO,MAAA,CAAO,EAAE,CAAA;AAAA,IACjC,iBAAiB,OAAA,CAAQ,EAAA;AAAA,IACzB,aAAa,OAAA,CAAQ;AAAA,GACzB;AACA,EAAA,uBACI,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACI,GAAI,MAAA,KAAW,MAAA,GAAY,EAAE,MAAA,KAAW,EAAC;AAAA,MAC1C,IAAA,EAAK,OAAA;AAAA,MACL,iBAAA,EAAkB,OAAA;AAAA,MAClB,SAAA,EAAW,EAAA,CAAG,oDAAA,EAAsD,SAAS,CAAA;AAAA,MAC7E,KAAA,EAAO,cAAA;AAAA,MAEN,QAAA,EAAA;AAAA,QAAA,IAAA,KAAS,IAAA,GAAO,IAAA,GAAO,IAAA,KAAS,MAAA,GAC7B,IAAA,mBAEA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACG,aAAA,EAAa,IAAA;AAAA,YACb,KAAA,EAAO;AAAA;AAAA,cAEH,KAAA,EAAO,EAAA;AAAA,cACP,MAAA,EAAQ,EAAA;AAAA,cACR,UAAA,EAAY,QAAA;AAAA,cACZ,cAAA,EAAgB,QAAA;AAAA,cAChB,SAAA,EAAW;AAAA,aACf;AAAA,YAEA,8BAAC,aAAA,EAAA,EAAc,IAAA,EAAM,EAAA,EAAI,KAAA,EAAO,QAAQ,MAAA,EAAQ;AAAA;AAAA,SACpD;AAAA,wBAEJ,IAAA,CAAC,QAAK,KAAA,EAAO,EAAE,MAAM,CAAA,EAAG,GAAA,EAAK,GAAE,EAC1B,QAAA,EAAA;AAAA,UAAA,KAAA,KAAU,MAAA,mBACP,GAAA;AAAA,YAACA,IAAA;AAAA,YAAA;AAAA,cACG,KAAA,EAAO;AAAA,gBACH,OAAO,OAAA,CAAQ,EAAA;AAAA,gBACf,UAAA,EAAY,OAAO,UAAA,CAAW,IAAA;AAAA,gBAC9B,QAAA,EAAU,EAAA,CAAG,MAAA,CAAO,QAAA,CAAS,EAAE,CAAA;AAAA,gBAC/B,UAAA,EAAY,OAAO,UAAA,CAAW,QAAA;AAAA,gBAC9B,UAAA,EAAY,GAAG,MAAA,CAAO,QAAA,CAAS,EAAE,CAAA,GAAI,MAAA,CAAO,MAAA,CAAO,UAAA,CAAW,MAAM;AAAA,eACxE;AAAA,cAEC,QAAA,EAAA;AAAA;AAAA,WACL,GACA,IAAA;AAAA,UACH,gBAAgB,MAAA,mBACb,GAAA;AAAA,YAACA,IAAA;AAAA,YAAA;AAAA,cACG,KAAA,EAAO;AAAA,gBACH,OAAO,OAAA,CAAQ,EAAA;AAAA,gBACf,UAAA,EAAY,OAAO,UAAA,CAAW,IAAA;AAAA,gBAC9B,QAAA,EAAU,EAAA,CAAG,MAAA,CAAO,QAAA,CAAS,EAAE,CAAA;AAAA,gBAC/B,UAAA,EAAY,GAAG,MAAA,CAAO,QAAA,CAAS,EAAE,CAAA,GAAI,MAAA,CAAO,MAAA,CAAO,UAAA,CAAW,MAAM,CAAA;AAAA,gBACpE,OAAA,EAAS;AAAA,eACb;AAAA,cAEC,QAAA,EAAA;AAAA;AAAA,WACL,GACA,IAAA;AAAA,UACH;AAAA,SAAA,EACL,CAAA;AAAA,QACC,cAAc,MAAA,mBACX,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACG,OAAA,EAAS,SAAA;AAAA,YACT,IAAA,EAAK,QAAA;AAAA,YACL,iBAAA,EAAkB,QAAA;AAAA,YAClB,kBAAA,EAAmB,SAAA;AAAA,YACnB,YAAA,EAAW,SAAA;AAAA,YACX,KAAA,EAAO;AAAA;AAAA,cAEH,KAAA,EAAO,EAAA;AAAA,cACP,MAAA,EAAQ,EAAA;AAAA,cACR,UAAA,EAAY,QAAA;AAAA,cACZ,cAAA,EAAgB,QAAA;AAAA,cAChB,YAAA,EAAc,EAAA,CAAG,MAAA,CAAO,MAAA,CAAO,EAAE,CAAA;AAAA,cACjC,SAAA,EAAW;AAAA,aACf;AAAA,YAEA,QAAA,kBAAA,GAAA,CAAC,qBAAqB,KAAA,EAArB,EAA2B,MAAM,EAAA,EAAI,KAAA,EAAO,QAAQ,EAAA,EAAI;AAAA;AAAA,SAC7D,GACA;AAAA;AAAA;AAAA,GACR;AAER,CAAA,EAxGqB,OAAA","file":"chunk-3W3XYULK.js","sourcesContent":["'use client';\n\nimport type { ComponentType, ReactNode } from 'react';\nimport type { ViewStyle } from 'react-native';\nimport { Pressable, Text as RNText, View } from 'react-native';\nimport { defaultSemanticIcons } from '../../icons/default-semantic-icons';\nimport { px } from '../../theme/px';\nimport { useColorScheme } from '../../theme/use-color-scheme';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type AlertTone = 'info' | 'success' | 'warning' | 'danger';\n\nexport type AlertProps = {\n    /**\n     * Severity of the alert. Drives the color tone and the default icon.\n     * @defaultValue 'info'\n     */\n    tone?: AlertTone;\n    /** Bolded heading line. Optional — provide one of title or description. */\n    title?: string;\n    /** Body text below the title. */\n    description?: string;\n    /**\n     * When provided, renders a close button in the top-right that calls back\n     * when pressed. The Alert itself doesn't track dismissed state — the\n     * parent decides whether to keep rendering.\n     */\n    onDismiss?: () => void;\n    /**\n     * Override the tone's default icon. Pass `null` to render no icon at\n     * all (rare — the icon doubles as the visual severity cue).\n     */\n    icon?: ReactNode;\n    /** Additional content below title/description. */\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\ntype IconType = ComponentType<{ size?: number; color?: string }>;\ntype TonePalette = { bg: string; border: string; fg: string; iconBg: string; defaultIcon: IconType };\n\n// Light/dark soft palettes per tone. Light variants use the familiar\n// pastel scale (Tailwind 50/200/800); dark variants use the deep 950/700/100\n// scale so the alert reads as a calm, on-tone surface against either\n// background — never a harsh white card on a dark page.\nfunction tonePalettes(\n    scheme: 'light' | 'dark',\n    primary: { '50': string; '200': string; '700': string; '800': string; '900': string; '100': string },\n    success: string,\n    warning: string,\n    danger: string\n): Record<AlertTone, TonePalette> {\n    if (scheme === 'dark') {\n        return {\n            info: {\n                bg: primary['900'],\n                border: primary['700'],\n                fg: primary['100'],\n                iconBg: primary['200'],\n                defaultIcon: defaultSemanticIcons.info,\n            },\n            success: {\n                bg: '#052e16',\n                border: '#14532d',\n                fg: '#bbf7d0',\n                iconBg: success,\n                defaultIcon: defaultSemanticIcons.checkmark,\n            },\n            warning: {\n                bg: '#422006',\n                border: '#78350f',\n                fg: '#fef3c7',\n                iconBg: warning,\n                defaultIcon: defaultSemanticIcons.alertTriangle,\n            },\n            danger: {\n                bg: '#450a0a',\n                border: '#7f1d1d',\n                fg: '#fecaca',\n                iconBg: danger,\n                defaultIcon: defaultSemanticIcons.alertTriangle,\n            },\n        };\n    }\n    return {\n        info: {\n            bg: primary['50'],\n            border: primary['200'],\n            fg: primary['800'],\n            iconBg: primary['700'],\n            defaultIcon: defaultSemanticIcons.info,\n        },\n        success: {\n            bg: '#f0fdf4',\n            border: '#bbf7d0',\n            fg: '#166534',\n            iconBg: success,\n            defaultIcon: defaultSemanticIcons.checkmark,\n        },\n        warning: {\n            bg: '#fefce8',\n            border: '#fde68a',\n            fg: '#92400e',\n            iconBg: warning,\n            defaultIcon: defaultSemanticIcons.alertTriangle,\n        },\n        danger: {\n            bg: '#fef2f2',\n            border: '#fecaca',\n            fg: '#991b1b',\n            iconBg: danger,\n            defaultIcon: defaultSemanticIcons.alertTriangle,\n        },\n    };\n}\n\n// Layout-only base; theme-driven dimensions (gap/padding/radius) are merged\n// inside the component so a custom theme reshapes the alert.\nconst CONTAINER_LAYOUT_BASE: ViewStyle = {\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    borderWidth: 1,\n};\n\n/**\n * Status banner with an icon, title, optional description, optional dismiss.\n * Use for inline messages that the reader should notice but doesn't need to\n * action immediately (use a Dialog when you need a forced acknowledgement).\n *\n * Color tone flips automatically with the active color scheme — light\n * pastel surface in light mode, deep on-tone surface in dark.\n */\nexport const Alert = ({\n    tone = 'info',\n    title,\n    description,\n    onDismiss,\n    icon,\n    children,\n    className,\n    testID,\n}: AlertProps) => {\n    const colors = useThemeColors();\n    const scheme = useColorScheme();\n    const palette = tonePalettes(\n        scheme,\n        colors.color.primary,\n        colors.color.success,\n        colors.color.warning,\n        colors.color.danger\n    )[tone];\n    const IconComponent = palette.defaultIcon;\n    const containerStyle: ViewStyle = {\n        ...CONTAINER_LAYOUT_BASE,\n        gap: px(colors.spacing['3']),\n        padding: px(colors.spacing['3']), // closest token to legacy 14px\n        borderRadius: px(colors.radius.lg),\n        backgroundColor: palette.bg,\n        borderColor: palette.border,\n    };\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            role=\"alert\"\n            accessibilityRole=\"alert\"\n            className={cn('flex-row items-start gap-3 rounded-md border p-3.5', className)}\n            style={containerStyle}\n        >\n            {icon === null ? null : icon !== undefined ? (\n                icon\n            ) : (\n                <View\n                    aria-hidden={true}\n                    style={{\n                        // 20×20 icon hit area — component-density literal — not from theme\n                        width: 20,\n                        height: 20,\n                        alignItems: 'center',\n                        justifyContent: 'center',\n                        marginTop: 2,\n                    }}\n                >\n                    <IconComponent size={20} color={palette.iconBg} />\n                </View>\n            )}\n            <View style={{ flex: 1, gap: 2 }}>\n                {title !== undefined ? (\n                    <RNText\n                        style={{\n                            color: palette.fg,\n                            fontFamily: colors.fontFamily.body,\n                            fontSize: px(colors.fontSize.sm),\n                            fontWeight: colors.fontWeight.semibold as '600',\n                            lineHeight: px(colors.fontSize.sm) * Number(colors.lineHeight.normal),\n                        }}\n                    >\n                        {title}\n                    </RNText>\n                ) : null}\n                {description !== undefined ? (\n                    <RNText\n                        style={{\n                            color: palette.fg,\n                            fontFamily: colors.fontFamily.body,\n                            fontSize: px(colors.fontSize.sm),\n                            lineHeight: px(colors.fontSize.sm) * Number(colors.lineHeight.normal),\n                            opacity: 0.85,\n                        }}\n                    >\n                        {description}\n                    </RNText>\n                ) : null}\n                {children}\n            </View>\n            {onDismiss !== undefined ? (\n                <Pressable\n                    onPress={onDismiss}\n                    role=\"button\"\n                    accessibilityRole=\"button\"\n                    accessibilityLabel=\"Dismiss\"\n                    aria-label=\"Dismiss\"\n                    style={{\n                        // 24×24 close button hit area — component-density literal — not from theme\n                        width: 24,\n                        height: 24,\n                        alignItems: 'center',\n                        justifyContent: 'center',\n                        borderRadius: px(colors.radius.sm),\n                        marginTop: -2,\n                    }}\n                >\n                    <defaultSemanticIcons.close size={16} color={palette.fg} />\n                </Pressable>\n            ) : null}\n        </View>\n    );\n};\n"]}

package/dist/{chunk-6PO2IWB3.js → chunk-4UFAZLSZ.js}

@@ -53,7 +53,9 @@ var defaultDictionary = {
   "switch.off": "Off",
   // field
   "field.requiredIndicator": "*",
-  "field.requiredLabel": "required"
+  "field.requiredLabel": "required",
+  // table / dataTable
+  "table.empty": "No data"
 };
 
 // src/i18n/resolve.ts
@@ -101,5 +103,5 @@ function interpolate(template, options) {
 __name(interpolate, "interpolate");
 
 export { defaultDictionary, resolveI18n };
-//# sourceMappingURL=chunk-6PO2IWB3.js.map
-//# sourceMappingURL=chunk-6PO2IWB3.js.map
+//# sourceMappingURL=chunk-4UFAZLSZ.js.map
+//# sourceMappingURL=chunk-4UFAZLSZ.js.map

package/dist/chunk-4UFAZLSZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/i18n/default-dictionary.ts","../src/i18n/resolve.ts"],"names":[],"mappings":"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","file":"chunk-4UFAZLSZ.js","sourcesContent":["import type { Dictionary } from './types';\n\n/**\n * Default English strings used by library components.\n *\n * Key naming convention:\n *   <component>.<purpose>[_plural-form]\n *\n * Plural suffixes follow i18next: `_zero`, `_one`, `_two`, `_few`, `_many`, `_other`.\n * Interpolation uses `{{name}}` — double braces, no spaces, by convention.\n */\nexport const defaultDictionary: Dictionary = {\n    // generic / shared\n    'common.cancel': 'Cancel',\n    'common.confirm': 'Confirm',\n    'common.close': 'Close',\n    'common.back': 'Back',\n    'common.loading': 'Loading',\n    'common.error': 'Something went wrong',\n    'common.retry': 'Try again',\n\n    // breadcrumb\n    'breadcrumb.ariaLabel': 'Breadcrumb',\n    'breadcrumb.expandLabel': 'Show full path',\n    'breadcrumb.ellipsisLabel': 'More',\n    'breadcrumb.currentPageLabel': 'Current page',\n    'breadcrumb.siblingMenuLabel': 'Open sibling pages',\n\n    // pagination\n    'pagination.ariaLabel': 'Pagination',\n    'pagination.previous': 'Previous page',\n    'pagination.next': 'Next page',\n    'pagination.first': 'First page',\n    'pagination.last': 'Last page',\n    'pagination.ellipsis': 'More pages',\n    'pagination.currentPage': 'Current page',\n    'pagination.gotoPage': 'Go to page {{page}}',\n    'pagination.range': 'Showing {{from}}–{{to}} of {{total}}',\n    'pagination.pageOf': 'Page {{page}} of {{total}}',\n    'pagination.pageSizeLabel': 'Items per page',\n    'pagination.jumperLabel': 'Go to page',\n    'pagination.jumperPlaceholder': '#',\n\n    // floatButton\n    'floatButton.backToTop': 'Back to top',\n\n    // calendar\n    'calendar.header.previous': 'Previous month',\n    'calendar.header.next': 'Next month',\n    'calendar.header.openMonthView': 'Open month picker',\n    'calendar.header.openYearView': 'Open year picker',\n    'calendar.header.openDayView': 'Open day picker',\n    'calendar.today': 'Today',\n    'calendar.clear': 'Clear',\n\n    // button\n    'button.loadingLabel': 'Loading',\n\n    // input\n    'input.clear': 'Clear',\n    'input.passwordShow': 'Show password',\n    'input.passwordHide': 'Hide password',\n\n    // checkbox / switch\n    'checkbox.checked': 'Checked',\n    'checkbox.unchecked': 'Unchecked',\n    'switch.on': 'On',\n    'switch.off': 'Off',\n\n    // field\n    'field.requiredIndicator': '*',\n    'field.requiredLabel': 'required',\n\n    // table / dataTable\n    'table.empty': 'No data',\n};\n","import type { Dictionary, I18nInput, I18nOptions, TranslateFn } from './types';\n\n/**\n * Normalizes the consumer's i18n input (undefined | dictionary | function) into a\n * uniform TranslateFn. Internal code only calls the returned function.\n *\n * Precedence for a given key lookup:\n *   1. consumer function (if provided) — called verbatim, no further fallback\n *   2. consumer dictionary (if provided)\n *   3. library defaults\n *   4. options.defaultValue\n *   5. the key itself (so missing strings are visible in dev, not silent)\n */\nexport function resolveI18n(input: I18nInput, defaults: Dictionary): TranslateFn {\n    if (typeof input === 'function') {\n        // Wrap so the consumer fn is always invoked with (key, options) — enables\n        // Jest `toHaveBeenCalledWith(key, undefined)` assertions and mirrors i18next's\n        // own call signature exactly.\n        return (keyOrKeys, options) => input(keyOrKeys, options);\n    }\n\n    const dict = input ?? {};\n\n    return (keyOrKeys, options) => {\n        const keys = Array.isArray(keyOrKeys) ? keyOrKeys : [keyOrKeys];\n        for (const rawKey of keys) {\n            const key = pluralize(rawKey, options?.count);\n            const template = dict[key] ?? defaults[key];\n            if (template !== undefined) {\n                return interpolate(template, options);\n            }\n        }\n        // exhausted the key list\n        const lastKey = keys[keys.length - 1];\n        if (options?.defaultValue !== undefined) {\n            return interpolate(options.defaultValue, options);\n        }\n        return lastKey ?? '';\n    };\n}\n\nfunction pluralize(key: string, count: number | undefined): string {\n    if (count === undefined) {\n        return key;\n    }\n    // Minimal English pluralization — extend with ICU rules later if needed.\n    if (count === 1) {\n        return `${key}_one`;\n    }\n    return `${key}_other`;\n}\n\nfunction interpolate(template: string, options: I18nOptions | undefined): string {\n    if (!options) {\n        return template;\n    }\n    return template.replace(/\\{\\{\\s*([A-Za-z0-9_.-]+)\\s*\\}\\}/g, (_match, name: string) => {\n        const value = options[name];\n        return value === undefined || value === null ? '' : String(value);\n    });\n}\n"]}

package/dist/chunk-5YHT252H.js

@@ -0,0 +1,145 @@
+import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { cn } from './chunk-CHXHRJNZ.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { createContext, useState, useCallback } from 'react';
+import { jsx } from 'nativewind/jsx-runtime';
+
+var TableContext = createContext({
+  striped: false,
+  compact: false,
+  bordered: false,
+  rowIndex: 0,
+  setRowIndex: /* @__PURE__ */ __name(() => {
+  }, "setRowIndex")
+});
+function buildTableCompound(parts) {
+  return Object.assign(parts.Root, {
+    Header: parts.Header,
+    Body: parts.Body,
+    Footer: parts.Footer,
+    Row: parts.Row,
+    HeaderCell: parts.HeaderCell,
+    Cell: parts.Cell,
+    Caption: parts.Caption
+  });
+}
+__name(buildTableCompound, "buildTableCompound");
+var TableRoot = /* @__PURE__ */ __name(({ striped = false, compact = false, bordered = false, children, className, testID }) => {
+  const [rowIndex, setRowIndex] = useState(0);
+  const ctxValue = {
+    striped,
+    compact,
+    bordered,
+    rowIndex,
+    setRowIndex
+  };
+  return /* @__PURE__ */ jsx(TableContext.Provider, { value: ctxValue, children: /* @__PURE__ */ jsx("div", { className: cn("w-full overflow-auto", className), children: /* @__PURE__ */ jsx(
+    "table",
+    {
+      className: cn(
+        "w-full caption-bottom text-sm",
+        bordered && "border border-semantic-border-default",
+        className
+      ),
+      ...testID !== void 0 ? { "data-testid": testID } : {},
+      children
+    }
+  ) }) });
+}, "TableRoot");
+var TableHeader = /* @__PURE__ */ __name(({ children, className, testID }) => /* @__PURE__ */ jsx(
+  "thead",
+  {
+    className: cn("[&_tr]:border-b [&_tr]:border-semantic-border-default", className),
+    ...testID !== void 0 ? { "data-testid": testID } : {},
+    children
+  }
+), "TableHeader");
+var TableBody = /* @__PURE__ */ __name(({ children, className, testID }) => /* @__PURE__ */ jsx(
+  "tbody",
+  {
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...testID !== void 0 ? { "data-testid": testID } : {},
+    children
+  }
+), "TableBody");
+var TableFooter = /* @__PURE__ */ __name(({ children, className, testID }) => /* @__PURE__ */ jsx(
+  "tfoot",
+  {
+    className: cn("border-t border-semantic-border-default font-medium", className),
+    ...testID !== void 0 ? { "data-testid": testID } : {},
+    children
+  }
+), "TableFooter");
+var TableRow = /* @__PURE__ */ __name(({ selected = false, onPress, children, className, testID }) => {
+  const colors = useThemeColors();
+  const handleClick = useCallback(() => {
+    onPress?.();
+  }, [onPress]);
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      className: cn(
+        "border-b border-semantic-border-default transition-colors",
+        onPress && "cursor-pointer hover:bg-semantic-background-subtle",
+        selected && "bg-semantic-background-subtle",
+        className
+      ),
+      style: selected ? { backgroundColor: colors.semantic.background.subtle } : void 0,
+      onClick: onPress ? handleClick : void 0,
+      ...testID !== void 0 ? { "data-testid": testID } : {},
+      children
+    }
+  );
+}, "TableRow");
+var TableHeaderCell = /* @__PURE__ */ __name(({ align = "left", colSpan, children, className, testID }) => /* @__PURE__ */ jsx(
+  "th",
+  {
+    className: cn(
+      "h-10 px-4 font-medium text-semantic-text-secondary",
+      align === "right" && "text-right",
+      align === "center" && "text-center",
+      align === "left" && "text-left",
+      className
+    ),
+    colSpan,
+    ...testID !== void 0 ? { "data-testid": testID } : {},
+    children
+  }
+), "TableHeaderCell");
+var TableCell = /* @__PURE__ */ __name(({ align = "left", colSpan, children, className, testID }) => /* @__PURE__ */ jsx(
+  "td",
+  {
+    className: cn(
+      "p-4 align-middle",
+      align === "right" && "text-right",
+      align === "center" && "text-center",
+      align === "left" && "text-left",
+      className
+    ),
+    colSpan,
+    ...testID !== void 0 ? { "data-testid": testID } : {},
+    children
+  }
+), "TableCell");
+var TableCaption = /* @__PURE__ */ __name(({ children, className, testID }) => /* @__PURE__ */ jsx(
+  "caption",
+  {
+    className: cn("mt-4 text-sm text-semantic-text-secondary", className),
+    ...testID !== void 0 ? { "data-testid": testID } : {},
+    children
+  }
+), "TableCaption");
+var Table = buildTableCompound({
+  Root: TableRoot,
+  Header: TableHeader,
+  Body: TableBody,
+  Footer: TableFooter,
+  Row: TableRow,
+  HeaderCell: TableHeaderCell,
+  Cell: TableCell,
+  Caption: TableCaption
+});
+
+export { Table };
+//# sourceMappingURL=chunk-5YHT252H.js.map
+//# sourceMappingURL=chunk-5YHT252H.js.map

package/dist/chunk-5YHT252H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Table/Table.shared.tsx","../src/components/Table/Table.web.tsx"],"names":[],"mappings":"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","file":"chunk-5YHT252H.js","sourcesContent":["'use client';\n\n/**\n * Shared Table internals — context, types, and compound assembly.\n *\n * Imported by both `Table.web.tsx` and `Table.native.tsx`. The actual\n * render elements (semantic HTML vs. View grid) live in those platform\n * files. This module exports only types, context, and the Object.assign\n * compound builder so both platforms ship an identical API surface.\n */\n\nimport type { ReactNode } from 'react';\nimport { createContext, useContext } from 'react';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type TableAlign = 'left' | 'center' | 'right';\n\nexport type TableProps = {\n    /** Alternating row background tinting. */\n    striped?: boolean;\n    /** Reduced cell padding for dense layouts. */\n    compact?: boolean;\n    /** Draw borders around all cells. */\n    bordered?: boolean;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nexport type TableRowProps = {\n    /** Visually highlight this row as selected. */\n    selected?: boolean;\n    /** Press handler — makes the row interactive on both platforms. */\n    onPress?: () => void;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nexport type TableCellProps = {\n    /** Horizontal alignment of cell content. @defaultValue 'left' */\n    align?: TableAlign;\n    /** HTML colspan / native column span (visual only on native). */\n    colSpan?: number;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nexport type TableHeaderCellProps = TableCellProps;\n\nexport type TableSectionProps = {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nexport type TableCaptionProps = {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n// ─── Context ──────────────────────────────────────────────────────────────────\n\nexport type TableContextValue = {\n    striped: boolean;\n    compact: boolean;\n    bordered: boolean;\n    /** Zero-based row index for striped row coloring — incremented per Body row */\n    rowIndex: number;\n    setRowIndex: (n: number) => void;\n};\n\nexport const TableContext = createContext<TableContextValue>({\n    striped: false,\n    compact: false,\n    bordered: false,\n    rowIndex: 0,\n    setRowIndex: () => {},\n});\n\nexport const useTableContext = (): TableContextValue => useContext(TableContext);\n\n// ─── Compound builder ─────────────────────────────────────────────────────────\n\n/**\n * Attach sub-components to a Root component via `Object.assign` and return\n * the compound. Both `.web.tsx` and `.native.tsx` call this with their\n * platform-specific implementations so consumers get the same dot-notation API.\n */\nexport function buildTableCompound<\n    Root extends React.ComponentType<TableProps>,\n    Header extends React.ComponentType<TableSectionProps>,\n    Body extends React.ComponentType<TableSectionProps>,\n    Footer extends React.ComponentType<TableSectionProps>,\n    Row extends React.ComponentType<TableRowProps>,\n    HeaderCell extends React.ComponentType<TableHeaderCellProps>,\n    Cell extends React.ComponentType<TableCellProps>,\n    Caption extends React.ComponentType<TableCaptionProps>,\n>(parts: {\n    Root: Root;\n    Header: Header;\n    Body: Body;\n    Footer: Footer;\n    Row: Row;\n    HeaderCell: HeaderCell;\n    Cell: Cell;\n    Caption: Caption;\n}) {\n    return Object.assign(parts.Root, {\n        Header: parts.Header,\n        Body: parts.Body,\n        Footer: parts.Footer,\n        Row: parts.Row,\n        HeaderCell: parts.HeaderCell,\n        Cell: parts.Cell,\n        Caption: parts.Caption,\n    });\n}\n\n// needed for the generic parameter above\nimport type React from 'react';\n","'use client';\n\n/**\n * Web Table implementation — uses semantic HTML table elements for full\n * accessibility. Metro never resolves this file; Vite / Next.js pick it up\n * via the `.web.tsx` extension.\n */\n\nimport { useCallback, useState } from 'react';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\nimport {\n    buildTableCompound,\n    type TableCaptionProps,\n    type TableCellProps,\n    TableContext,\n    type TableContextValue,\n    type TableHeaderCellProps,\n    type TableProps,\n    type TableRowProps,\n    type TableSectionProps,\n} from './Table.shared';\n\n// ─── Root ─────────────────────────────────────────────────────────────────────\n\nconst TableRoot = ({ striped = false, compact = false, bordered = false, children, className, testID }: TableProps) => {\n    const [rowIndex, setRowIndex] = useState(0);\n    const ctxValue: TableContextValue = {\n        striped,\n        compact,\n        bordered,\n        rowIndex,\n        setRowIndex,\n    };\n    return (\n        <TableContext.Provider value={ctxValue}>\n            <div className={cn('w-full overflow-auto', className)}>\n                <table\n                    className={cn(\n                        'w-full caption-bottom text-sm',\n                        bordered && 'border border-semantic-border-default',\n                        className\n                    )}\n                    {...(testID !== undefined ? { 'data-testid': testID } : {})}\n                >\n                    {children}\n                </table>\n            </div>\n        </TableContext.Provider>\n    );\n};\n\n// ─── Header ───────────────────────────────────────────────────────────────────\n\nconst TableHeader = ({ children, className, testID }: TableSectionProps) => (\n    <thead\n        className={cn('[&_tr]:border-b [&_tr]:border-semantic-border-default', className)}\n        {...(testID !== undefined ? { 'data-testid': testID } : {})}\n    >\n        {children}\n    </thead>\n);\n\n// ─── Body ─────────────────────────────────────────────────────────────────────\n\nconst TableBody = ({ children, className, testID }: TableSectionProps) => (\n    <tbody\n        className={cn('[&_tr:last-child]:border-0', className)}\n        {...(testID !== undefined ? { 'data-testid': testID } : {})}\n    >\n        {children}\n    </tbody>\n);\n\n// ─── Footer ───────────────────────────────────────────────────────────────────\n\nconst TableFooter = ({ children, className, testID }: TableSectionProps) => (\n    <tfoot\n        className={cn('border-t border-semantic-border-default font-medium', className)}\n        {...(testID !== undefined ? { 'data-testid': testID } : {})}\n    >\n        {children}\n    </tfoot>\n);\n\n// ─── Row ──────────────────────────────────────────────────────────────────────\n\nconst TableRow = ({ selected = false, onPress, children, className, testID }: TableRowProps) => {\n    const colors = useThemeColors();\n    const handleClick = useCallback(() => {\n        onPress?.();\n    }, [onPress]);\n\n    return (\n        <tr\n            className={cn(\n                'border-b border-semantic-border-default transition-colors',\n                onPress && 'cursor-pointer hover:bg-semantic-background-subtle',\n                selected && 'bg-semantic-background-subtle',\n                className\n            )}\n            style={selected ? { backgroundColor: colors.semantic.background.subtle } : undefined}\n            onClick={onPress ? handleClick : undefined}\n            {...(testID !== undefined ? { 'data-testid': testID } : {})}\n        >\n            {children}\n        </tr>\n    );\n};\n\n// ─── HeaderCell ───────────────────────────────────────────────────────────────\n\nconst TableHeaderCell = ({ align = 'left', colSpan, children, className, testID }: TableHeaderCellProps) => (\n    <th\n        className={cn(\n            'h-10 px-4 font-medium text-semantic-text-secondary',\n            align === 'right' && 'text-right',\n            align === 'center' && 'text-center',\n            align === 'left' && 'text-left',\n            className\n        )}\n        colSpan={colSpan}\n        {...(testID !== undefined ? { 'data-testid': testID } : {})}\n    >\n        {children}\n    </th>\n);\n\n// ─── Cell ─────────────────────────────────────────────────────────────────────\n\nconst TableCell = ({ align = 'left', colSpan, children, className, testID }: TableCellProps) => (\n    <td\n        className={cn(\n            'p-4 align-middle',\n            align === 'right' && 'text-right',\n            align === 'center' && 'text-center',\n            align === 'left' && 'text-left',\n            className\n        )}\n        colSpan={colSpan}\n        {...(testID !== undefined ? { 'data-testid': testID } : {})}\n    >\n        {children}\n    </td>\n);\n\n// ─── Caption ──────────────────────────────────────────────────────────────────\n\nconst TableCaption = ({ children, className, testID }: TableCaptionProps) => (\n    <caption\n        className={cn('mt-4 text-sm text-semantic-text-secondary', className)}\n        {...(testID !== undefined ? { 'data-testid': testID } : {})}\n    >\n        {children}\n    </caption>\n);\n\n// ─── Compound export ──────────────────────────────────────────────────────────\n\nexport const Table = buildTableCompound({\n    Root: TableRoot,\n    Header: TableHeader,\n    Body: TableBody,\n    Footer: TableFooter,\n    Row: TableRow,\n    HeaderCell: TableHeaderCell,\n    Cell: TableCell,\n    Caption: TableCaption,\n});\n\nexport type {\n    TableAlign,\n    TableCaptionProps,\n    TableCellProps,\n    TableHeaderCellProps,\n    TableProps,\n    TableRowProps,\n    TableSectionProps,\n} from './Table.shared';\n"]}

package/dist/chunk-73CUV7MW.js

@@ -0,0 +1,125 @@
+import { __name } from './chunk-WCQVDF3K.js';
+import { useState, useRef, useCallback, useMemo } from 'react';
+
+var range = /* @__PURE__ */ __name((from, to) => {
+  if (to < from) {
+    return [];
+  }
+  const out = new Array(to - from + 1);
+  for (let i = 0; i < out.length; i += 1) {
+    out[i] = from + i;
+  }
+  return out;
+}, "range");
+function usePagination(args) {
+  const {
+    page: controlledPage,
+    defaultPage = 1,
+    pageCount,
+    siblingCount = 1,
+    boundaryCount = 1,
+    showFirstLast = false,
+    showPrevNext = true,
+    onPageChange
+  } = args;
+  const isControlled = controlledPage !== void 0;
+  const [uncontrolledPage, setUncontrolledPage] = useState(defaultPage);
+  const onChangeRef = useRef(onPageChange);
+  onChangeRef.current = onPageChange;
+  const safePageCount = Math.max(1, Math.floor(pageCount));
+  const rawPage = isControlled ? controlledPage : uncontrolledPage;
+  const currentPage = Math.min(Math.max(1, Math.floor(rawPage)), safePageCount);
+  const goToPage = useCallback(
+    (next2) => {
+      const clamped = Math.min(Math.max(1, Math.floor(next2)), Math.max(1, Math.floor(pageCount)));
+      if (!isControlled) {
+        setUncontrolledPage(clamped);
+      }
+      onChangeRef.current?.(clamped);
+    },
+    [isControlled, pageCount]
+  );
+  const prev = useCallback(() => goToPage(currentPage - 1), [goToPage, currentPage]);
+  const next = useCallback(() => goToPage(currentPage + 1), [goToPage, currentPage]);
+  const first = useCallback(() => goToPage(1), [goToPage]);
+  const last = useCallback(() => goToPage(safePageCount), [goToPage, safePageCount]);
+  const pages = useMemo(() => {
+    const items = [];
+    const safeSibling = Math.max(0, Math.floor(siblingCount));
+    const safeBoundary = Math.max(0, Math.floor(boundaryCount));
+    if (showFirstLast) {
+      items.push({ type: "first", disabled: currentPage <= 1 });
+    }
+    if (showPrevNext) {
+      items.push({ type: "prev", disabled: currentPage <= 1 });
+    }
+    const startPages = range(1, Math.min(safeBoundary, safePageCount));
+    const endPages = range(Math.max(safePageCount - safeBoundary + 1, safeBoundary + 1), safePageCount);
+    const siblingsStart = Math.max(
+      Math.min(currentPage - safeSibling, safePageCount - safeBoundary - safeSibling * 2 - 1),
+      safeBoundary + 2
+    );
+    const siblingsEnd = Math.min(
+      Math.max(currentPage + safeSibling, safeBoundary + safeSibling * 2 + 2),
+      endPages.length > 0 ? endPages[0] - 2 : safePageCount - 1
+    );
+    const middle = [];
+    if (siblingsStart > safeBoundary + 2) {
+      middle.push("ellipsis");
+    } else if (safeBoundary + 1 < safePageCount - safeBoundary) {
+      middle.push(safeBoundary + 1);
+    }
+    for (const p of range(siblingsStart, siblingsEnd)) {
+      middle.push(p);
+    }
+    if (siblingsEnd < safePageCount - safeBoundary - 1) {
+      middle.push("ellipsis");
+    } else if (safePageCount - safeBoundary > safeBoundary) {
+      middle.push(safePageCount - safeBoundary);
+    }
+    const seen = /* @__PURE__ */ new Set();
+    const pushPage = /* @__PURE__ */ __name((n) => {
+      if (n < 1 || n > safePageCount || seen.has(n)) {
+        return;
+      }
+      seen.add(n);
+      items.push({ type: "page", page: n, selected: n === currentPage });
+    }, "pushPage");
+    for (const n of startPages) {
+      pushPage(n);
+    }
+    for (const m of middle) {
+      if (m === "ellipsis") {
+        items.push({ type: "ellipsis" });
+      } else {
+        pushPage(m);
+      }
+    }
+    for (const n of endPages) {
+      pushPage(n);
+    }
+    if (showPrevNext) {
+      items.push({ type: "next", disabled: currentPage >= safePageCount });
+    }
+    if (showFirstLast) {
+      items.push({ type: "last", disabled: currentPage >= safePageCount });
+    }
+    return items;
+  }, [currentPage, safePageCount, siblingCount, boundaryCount, showFirstLast, showPrevNext]);
+  return {
+    page: currentPage,
+    pages,
+    canPrev: currentPage > 1,
+    canNext: currentPage < safePageCount,
+    goToPage,
+    prev,
+    next,
+    first,
+    last
+  };
+}
+__name(usePagination, "usePagination");
+
+export { usePagination };
+//# sourceMappingURL=chunk-73CUV7MW.js.map
+//# sourceMappingURL=chunk-73CUV7MW.js.map

package/dist/chunk-73CUV7MW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Pagination/use-pagination.ts"],"names":["next"],"mappings":"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","file":"chunk-73CUV7MW.js","sourcesContent":["'use client';\n\nimport { useCallback, useMemo, useRef, useState } from 'react';\n\nexport type PaginationItemType = 'page' | 'prev' | 'next' | 'first' | 'last' | 'ellipsis';\n\n/**\n * One slot in the rendered pagination row, as produced by `usePagination`.\n * `page` is set on `'page'` items only; ellipsis carries no number.\n */\nexport type PaginationItemDescriptor = {\n    type: PaginationItemType;\n    page?: number;\n    selected?: boolean;\n    disabled?: boolean;\n};\n\nexport type UsePaginationArgs = {\n    /** Controlled current page (1-indexed). Omit for uncontrolled. */\n    page?: number;\n    /** Initial page when uncontrolled (1-indexed). @defaultValue 1 */\n    defaultPage?: number;\n    /** Total number of pages. */\n    pageCount: number;\n    /** Pages on each side of the current page. @defaultValue 1 */\n    siblingCount?: number;\n    /** Pages always visible at start/end. @defaultValue 1 */\n    boundaryCount?: number;\n    /** Include first/last items in the `pages` list. @defaultValue false */\n    showFirstLast?: boolean;\n    /** Include prev/next items in the `pages` list. @defaultValue true */\n    showPrevNext?: boolean;\n    /** Fired on every page change. */\n    onPageChange?: (page: number) => void;\n};\n\nexport type UsePaginationReturn = {\n    /** Current page (1-indexed), clamped to [1, max(1, pageCount)]. */\n    page: number;\n    /** Item descriptors in render order. */\n    pages: ReadonlyArray<PaginationItemDescriptor>;\n    canPrev: boolean;\n    canNext: boolean;\n    goToPage: (page: number) => void;\n    prev: () => void;\n    next: () => void;\n    first: () => void;\n    last: () => void;\n};\n\nconst range = (from: number, to: number): number[] => {\n    if (to < from) {\n        return [];\n    }\n    const out = new Array<number>(to - from + 1);\n    for (let i = 0; i < out.length; i += 1) {\n        out[i] = from + i;\n    }\n    return out;\n};\n\n/**\n * Headless pagination math + state. Returns the items to render and the\n * actions that drive them — without a single DOM/RN element. Use this\n * directly for fully custom paginators, or let `<Pagination>` use it\n * internally.\n *\n * The math mirrors MUI's `usePagination` algorithm so its behavior is\n * predictable for anyone who has used the React ecosystem before.\n *\n * @example\n * const p = usePagination({ pageCount: 12, defaultPage: 3 });\n * p.pages.map((item) => …);\n */\nexport function usePagination(args: UsePaginationArgs): UsePaginationReturn {\n    const {\n        page: controlledPage,\n        defaultPage = 1,\n        pageCount,\n        siblingCount = 1,\n        boundaryCount = 1,\n        showFirstLast = false,\n        showPrevNext = true,\n        onPageChange,\n    } = args;\n\n    const isControlled = controlledPage !== undefined;\n    const [uncontrolledPage, setUncontrolledPage] = useState(defaultPage);\n\n    // Latest-callback ref so `goToPage` can stay referentially stable.\n    const onChangeRef = useRef(onPageChange);\n    onChangeRef.current = onPageChange;\n\n    const safePageCount = Math.max(1, Math.floor(pageCount));\n    const rawPage = isControlled ? (controlledPage as number) : uncontrolledPage;\n    const currentPage = Math.min(Math.max(1, Math.floor(rawPage)), safePageCount);\n\n    const goToPage = useCallback(\n        (next: number) => {\n            const clamped = Math.min(Math.max(1, Math.floor(next)), Math.max(1, Math.floor(pageCount)));\n            if (!isControlled) {\n                setUncontrolledPage(clamped);\n            }\n            onChangeRef.current?.(clamped);\n        },\n        [isControlled, pageCount]\n    );\n\n    const prev = useCallback(() => goToPage(currentPage - 1), [goToPage, currentPage]);\n    const next = useCallback(() => goToPage(currentPage + 1), [goToPage, currentPage]);\n    const first = useCallback(() => goToPage(1), [goToPage]);\n    const last = useCallback(() => goToPage(safePageCount), [goToPage, safePageCount]);\n\n    const pages = useMemo<ReadonlyArray<PaginationItemDescriptor>>(() => {\n        const items: PaginationItemDescriptor[] = [];\n        const safeSibling = Math.max(0, Math.floor(siblingCount));\n        const safeBoundary = Math.max(0, Math.floor(boundaryCount));\n\n        // First / Prev\n        if (showFirstLast) {\n            items.push({ type: 'first', disabled: currentPage <= 1 });\n        }\n        if (showPrevNext) {\n            items.push({ type: 'prev', disabled: currentPage <= 1 });\n        }\n\n        // Page numbers + ellipses\n        const startPages = range(1, Math.min(safeBoundary, safePageCount));\n        const endPages = range(Math.max(safePageCount - safeBoundary + 1, safeBoundary + 1), safePageCount);\n\n        const siblingsStart = Math.max(\n            Math.min(currentPage - safeSibling, safePageCount - safeBoundary - safeSibling * 2 - 1),\n            safeBoundary + 2\n        );\n        const siblingsEnd = Math.min(\n            Math.max(currentPage + safeSibling, safeBoundary + safeSibling * 2 + 2),\n            endPages.length > 0 ? endPages[0]! - 2 : safePageCount - 1\n        );\n\n        const middle: Array<number | 'ellipsis'> = [];\n        // Start ellipsis\n        if (siblingsStart > safeBoundary + 2) {\n            middle.push('ellipsis');\n        } else if (safeBoundary + 1 < safePageCount - safeBoundary) {\n            middle.push(safeBoundary + 1);\n        }\n        // Middle pages\n        for (const p of range(siblingsStart, siblingsEnd)) {\n            middle.push(p);\n        }\n        // End ellipsis\n        if (siblingsEnd < safePageCount - safeBoundary - 1) {\n            middle.push('ellipsis');\n        } else if (safePageCount - safeBoundary > safeBoundary) {\n            middle.push(safePageCount - safeBoundary);\n        }\n\n        const seen = new Set<number>();\n        const pushPage = (n: number) => {\n            if (n < 1 || n > safePageCount || seen.has(n)) {\n                return;\n            }\n            seen.add(n);\n            items.push({ type: 'page', page: n, selected: n === currentPage });\n        };\n\n        for (const n of startPages) {\n            pushPage(n);\n        }\n        for (const m of middle) {\n            if (m === 'ellipsis') {\n                items.push({ type: 'ellipsis' });\n            } else {\n                pushPage(m);\n            }\n        }\n        for (const n of endPages) {\n            pushPage(n);\n        }\n\n        // Next / Last\n        if (showPrevNext) {\n            items.push({ type: 'next', disabled: currentPage >= safePageCount });\n        }\n        if (showFirstLast) {\n            items.push({ type: 'last', disabled: currentPage >= safePageCount });\n        }\n\n        return items;\n    }, [currentPage, safePageCount, siblingCount, boundaryCount, showFirstLast, showPrevNext]);\n\n    return {\n        page: currentPage,\n        pages,\n        canPrev: currentPage > 1,\n        canNext: currentPage < safePageCount,\n        goToPage,\n        prev,\n        next,\n        first,\n        last,\n    };\n}\n"]}

package/dist/{chunk-ZMSIYLSI.js → chunk-7FSFJA33.js}

@@ -1,5 +1,5 @@
-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, useRef, useCallback, useMemo, useContext, useState, useEffect } from 'react';
 import { Platform, View } from 'react-native';
@@ -559,5 +559,5 @@ var Slider = /* @__PURE__ */ __name(({
 }, "Slider");
 
 export { Slider, SliderGestureProvider, useSliderInteractionActive };
-//# sourceMappingURL=chunk-ZMSIYLSI.js.map
-//# sourceMappingURL=chunk-ZMSIYLSI.js.map
+//# sourceMappingURL=chunk-7FSFJA33.js.map
+//# sourceMappingURL=chunk-7FSFJA33.js.map