@nori-ui/core 1.6.0 → 1.7.0

package/dist/client.d.cts

@@ -9,24 +9,30 @@ export { Icon, IconComponentProps, IconProps, IconSize, defaultSemanticIcons } f
 export { Accordion, AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, AccordionType } from './components/Accordion/index.cjs';
 export { Alert, AlertProps, AlertTone } from './components/Alert/index.cjs';
 export { AlertDialog, AlertDialogActionProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogFooterProps, AlertDialogProps, AlertDialogTextProps, AlertDialogTriggerProps } from './components/AlertDialog/index.cjs';
+export { AspectRatio, AspectRatioProps } from './components/AspectRatio/index.cjs';
 export { Avatar, AvatarProps, AvatarSize } from './components/Avatar/index.cjs';
 export { Badge, BadgeAppearance, BadgeProps, BadgeTone } from './components/Badge/index.cjs';
 export { Box, BoxProps } from './components/Box/index.cjs';
 export { Breadcrumb, BreadcrumbEllipsisProps, BreadcrumbExpandBehavior, BreadcrumbIcon, BreadcrumbItemData, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparatorContext, BreadcrumbSeparatorProps, BreadcrumbSeparatorValue, BreadcrumbSibling, getBreadcrumbJsonLd } from './components/Breadcrumb/index.cjs';
 export { Button, ButtonProps, ButtonSize, ButtonVariant } from './components/Button/index.cjs';
+export { ButtonGroup, ButtonGroupOrientation, ButtonGroupProps, ButtonGroupSize } from './components/ButtonGroup/index.cjs';
 export { Calendar, CalendarBehavior, CalendarCaption, CalendarCaptionProps, CalendarChangeMeta, CalendarMode, CalendarProps, CalendarValue, CalendarView, CaptionContextValue, CaptionOption, DateRange, DayContext, useCalendarCaption } from './components/Calendar/index.cjs';
 export { Card, CardProps, CardSectionProps, CardTextProps } from './components/Card/index.cjs';
 export { Checkbox, CheckboxProps } from './components/Checkbox/index.cjs';
+export { Collapsible, CollapsibleContentProps, CollapsibleProps, CollapsibleTriggerProps } from './components/Collapsible/index.cjs';
 export { Combobox } from './components/Combobox/index.cjs';
 export { ContextMenu, ContextMenuContentProps, ContextMenuProps, ContextMenuTriggerProps } from './components/ContextMenu/index.cjs';
 export { Column, DataTable, DataTableProps, SortDirection, SortState } from './components/DataTable/index.cjs';
 export { DatePicker, DatePickerProps, DatePickerRangeProps, DateRangeValue } from './components/DatePicker/index.cjs';
 export { Dialog, DialogCloseProps, DialogContentProps, DialogFooterProps, DialogProps, DialogTextProps, DialogTriggerProps } from './components/Dialog/index.cjs';
 export { DropdownMenu, DropdownMenuContentProps, DropdownMenuProps, DropdownMenuTriggerProps, MenuContent, MenuContentProps, MenuItem, MenuItemProps, MenuLabel, MenuLabelProps, MenuSeparator, MenuSeparatorProps } from './components/DropdownMenu/index.cjs';
+export { Empty, EmptyProps } from './components/Empty/index.cjs';
 export { Field, FieldGroupProps, FieldProps } from './components/Field/index.cjs';
 export { FloatButton, FloatButtonBackToTopProps, FloatButtonBadge, FloatButtonGroupDirection, FloatButtonGroupProps, FloatButtonGroupTrigger, FloatButtonPlacement, FloatButtonProps, FloatButtonShape, FloatButtonSize, FloatButtonVariant } from './components/FloatButton/index.cjs';
 export { HStack, HStackProps, StackAlign, StackGap, StackJustify } from './components/HStack/index.cjs';
 export { InputGroup, InputGroupAddonProps, InputGroupInputProps, InputGroupProps } from './components/InputGroup/index.cjs';
+export { Item, ItemProps } from './components/Item/index.cjs';
+export { Kbd, KbdProps } from './components/Kbd/index.cjs';
 export { Label, LabelProps } from './components/Label/index.cjs';
 export { PAGINATION_COMPACT_BREAKPOINT, Pagination, PaginationItemDescriptor, PaginationItemType, PaginationJumperProps, PaginationOnPageChange, PaginationProps, PaginationRenderItemArgs, PaginationVariant, UsePaginationArgs, UsePaginationReturn, usePagination } from './components/Pagination/index.cjs';
 export { Popover, PopoverAlign, PopoverContentProps, PopoverProps, PopoverSide, PopoverTriggerProps, usePopoverContext } from './components/Popover/index.cjs';

package/dist/client.d.ts

@@ -9,24 +9,30 @@ export { Icon, IconComponentProps, IconProps, IconSize, defaultSemanticIcons } f
 export { Accordion, AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, AccordionType } from './components/Accordion/index.js';
 export { Alert, AlertProps, AlertTone } from './components/Alert/index.js';
 export { AlertDialog, AlertDialogActionProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogFooterProps, AlertDialogProps, AlertDialogTextProps, AlertDialogTriggerProps } from './components/AlertDialog/index.js';
+export { AspectRatio, AspectRatioProps } from './components/AspectRatio/index.js';
 export { Avatar, AvatarProps, AvatarSize } from './components/Avatar/index.js';
 export { Badge, BadgeAppearance, BadgeProps, BadgeTone } from './components/Badge/index.js';
 export { Box, BoxProps } from './components/Box/index.js';
 export { Breadcrumb, BreadcrumbEllipsisProps, BreadcrumbExpandBehavior, BreadcrumbIcon, BreadcrumbItemData, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparatorContext, BreadcrumbSeparatorProps, BreadcrumbSeparatorValue, BreadcrumbSibling, getBreadcrumbJsonLd } from './components/Breadcrumb/index.js';
 export { Button, ButtonProps, ButtonSize, ButtonVariant } from './components/Button/index.js';
+export { ButtonGroup, ButtonGroupOrientation, ButtonGroupProps, ButtonGroupSize } from './components/ButtonGroup/index.js';
 export { Calendar, CalendarBehavior, CalendarCaption, CalendarCaptionProps, CalendarChangeMeta, CalendarMode, CalendarProps, CalendarValue, CalendarView, CaptionContextValue, CaptionOption, DateRange, DayContext, useCalendarCaption } from './components/Calendar/index.js';
 export { Card, CardProps, CardSectionProps, CardTextProps } from './components/Card/index.js';
 export { Checkbox, CheckboxProps } from './components/Checkbox/index.js';
+export { Collapsible, CollapsibleContentProps, CollapsibleProps, CollapsibleTriggerProps } from './components/Collapsible/index.js';
 export { Combobox } from './components/Combobox/index.js';
 export { ContextMenu, ContextMenuContentProps, ContextMenuProps, ContextMenuTriggerProps } from './components/ContextMenu/index.js';
 export { Column, DataTable, DataTableProps, SortDirection, SortState } from './components/DataTable/index.js';
 export { DatePicker, DatePickerProps, DatePickerRangeProps, DateRangeValue } from './components/DatePicker/index.js';
 export { Dialog, DialogCloseProps, DialogContentProps, DialogFooterProps, DialogProps, DialogTextProps, DialogTriggerProps } from './components/Dialog/index.js';
 export { DropdownMenu, DropdownMenuContentProps, DropdownMenuProps, DropdownMenuTriggerProps, MenuContent, MenuContentProps, MenuItem, MenuItemProps, MenuLabel, MenuLabelProps, MenuSeparator, MenuSeparatorProps } from './components/DropdownMenu/index.js';
+export { Empty, EmptyProps } from './components/Empty/index.js';
 export { Field, FieldGroupProps, FieldProps } from './components/Field/index.js';
 export { FloatButton, FloatButtonBackToTopProps, FloatButtonBadge, FloatButtonGroupDirection, FloatButtonGroupProps, FloatButtonGroupTrigger, FloatButtonPlacement, FloatButtonProps, FloatButtonShape, FloatButtonSize, FloatButtonVariant } from './components/FloatButton/index.js';
 export { HStack, HStackProps, StackAlign, StackGap, StackJustify } from './components/HStack/index.js';
 export { InputGroup, InputGroupAddonProps, InputGroupInputProps, InputGroupProps } from './components/InputGroup/index.js';
+export { Item, ItemProps } from './components/Item/index.js';
+export { Kbd, KbdProps } from './components/Kbd/index.js';
 export { Label, LabelProps } from './components/Label/index.js';
 export { PAGINATION_COMPACT_BREAKPOINT, Pagination, PaginationItemDescriptor, PaginationItemType, PaginationJumperProps, PaginationOnPageChange, PaginationProps, PaginationRenderItemArgs, PaginationVariant, UsePaginationArgs, UsePaginationReturn, usePagination } from './components/Pagination/index.js';
 export { Popover, PopoverAlign, PopoverContentProps, PopoverProps, PopoverSide, PopoverTriggerProps, usePopoverContext } from './components/Popover/index.js';

package/dist/client.js

@@ -1,69 +1,75 @@
 import './chunk-BRCCWMGJ.js';
-export { Toaster, toast } from './chunk-LWLK6HSW.js';
-export { Toggle } from './chunk-MKSDYRWQ.js';
-export { Tooltip } from './chunk-NRYWNOG5.js';
-export { VStack } from './chunk-MRJWPRCX.js';
+export { Toggle } from './chunk-STX5UKYT.js';
+export { Tooltip } from './chunk-VL2WNGPF.js';
+export { VStack } from './chunk-L6VYDM7S.js';
 export { blueTheme, orangeTheme, presetThemes, roseTheme, slateTheme, tealTheme, useTheme, violetTheme } from './chunk-MDOZGILD.js';
 import './chunk-QI6646JZ.js';
 export { Icon } from './chunk-33S7ADWM.js';
-export { Skeleton } from './chunk-JSAG5YO7.js';
-export { Slider, SliderGestureProvider, useSliderInteractionActive } from './chunk-ZMSIYLSI.js';
-export { Switch } from './chunk-Y5TJ7CAX.js';
+export { Switch } from './chunk-RI4Y2C5U.js';
 import './chunk-VP7DRJUZ.js';
-export { Tabs } from './chunk-XALU6LOT.js';
-export { TextArea } from './chunk-VYRJ7OE5.js';
-export { TextInput } from './chunk-NF7XG2FG.js';
-export { PAGINATION_COMPACT_BREAKPOINT, Pagination } from './chunk-5PSC5HT4.js';
-export { Progress } from './chunk-FEPTH5RV.js';
-export { Radio } from './chunk-PABG3IJ6.js';
-export { SegmentedControl } from './chunk-6AD6KCVB.js';
-export { Separator } from './chunk-7UKRN73P.js';
-export { Drawer, Sheet, SheetBody, SheetClose, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetTitle, SheetTrigger } from './chunk-3OIWAS2P.js';
-export { DatePicker } from './chunk-WP2Z2ATO.js';
-export { Dialog } from './chunk-WGT345SV.js';
+export { Tabs } from './chunk-EN4CLDGZ.js';
+export { TextArea } from './chunk-USFXANEU.js';
+export { TextInput } from './chunk-V75O7QQO.js';
+export { Toaster, toast } from './chunk-LWLK6HSW.js';
+export { Progress } from './chunk-OELY6K44.js';
+export { Radio } from './chunk-UKDDK42K.js';
+export { SegmentedControl } from './chunk-F5UKI7XD.js';
+export { Separator } from './chunk-2XJCLPNH.js';
+export { Drawer, Sheet, SheetBody, SheetClose, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetTitle, SheetTrigger } from './chunk-SF6WPUC5.js';
+export { Skeleton } from './chunk-3IIIHZHT.js';
+export { Slider, SliderGestureProvider, useSliderInteractionActive } from './chunk-7FSFJA33.js';
+export { FloatButton } from './chunk-PJXVLE24.js';
+export { HStack } from './chunk-OIHX5B4R.js';
+export { InputGroup } from './chunk-C5HQPXRI.js';
+export { Item } from './chunk-J5LK2XHE.js';
+export { Kbd } from './chunk-IGBXSBF7.js';
+export { Label } from './chunk-3CEJ5TB4.js';
+export { PAGINATION_COMPACT_BREAKPOINT, Pagination } from './chunk-3B345SQU.js';
+export { Combobox } from './chunk-IIVTPN62.js';
+export { ContextMenu } from './chunk-TSWPHJIU.js';
+export { DataTable } from './chunk-C32XGHWO.js';
+export { Table } from './chunk-5YHT252H.js';
+export { usePagination } from './chunk-73CUV7MW.js';
+export { DatePicker } from './chunk-O6M3F7BZ.js';
+export { Dialog } from './chunk-PLQPBMG2.js';
 import './chunk-2PESUXE3.js';
+export { DropdownMenu, MenuContent, MenuItem, MenuLabel, MenuSeparator } from './chunk-MK57AOTI.js';
+export { Empty } from './chunk-XQNVWHMN.js';
 export { Field } from './chunk-CPIKN4BX.js';
-export { FloatButton } from './chunk-4PUPKWEP.js';
-export { HStack } from './chunk-BZLT6R62.js';
-export { InputGroup } from './chunk-UJWCEGQY.js';
-export { Label } from './chunk-3CEJ5TB4.js';
-export { Breadcrumb, getBreadcrumbJsonLd } from './chunk-QJVS2VXS.js';
+export { Box } from './chunk-IWM2XDXH.js';
+import './chunk-VLZANXRZ.js';
+export { Text } from './chunk-ZGFXKYA5.js';
+export { Breadcrumb, getBreadcrumbJsonLd } from './chunk-PGYEIXCO.js';
 import './chunk-ZPUYNM37.js';
-export { Button } from './chunk-5XEGZFG5.js';
+export { Popover, usePopoverContext } from './chunk-HXCETKCC.js';
+export { Button } from './chunk-MYBBBLYE.js';
 export { Spinner } from './chunk-ACLHDHX3.js';
-import { LocaleProvider } from './chunk-2HMQDJ22.js';
-export { Calendar, LocaleProvider, detectLocale, useCalendarCaption, useLocale } from './chunk-2HMQDJ22.js';
+export { ButtonGroup } from './chunk-GTAXVTLF.js';
+import { LocaleProvider } from './chunk-VOF3S5I4.js';
+export { Calendar, LocaleProvider, detectLocale, useCalendarCaption, useLocale } from './chunk-VOF3S5I4.js';
+export { Select } from './chunk-PJTCO76H.js';
 import { I18nProvider } from './chunk-GJMHNEQ3.js';
 export { I18nProvider, useTranslation } from './chunk-GJMHNEQ3.js';
 export { defaultDictionary, resolveI18n } from './chunk-4UFAZLSZ.js';
-export { Card } from './chunk-OMU4R4Y5.js';
-import { SemanticIconsProvider } from './chunk-NNFJKRXZ.js';
-export { Checkbox, SemanticIconsProvider, useSemanticIcon } from './chunk-NNFJKRXZ.js';
-export { Combobox } from './chunk-JXLEMBDB.js';
-export { Select } from './chunk-UZD77M3J.js';
-export { ContextMenu } from './chunk-2RL6WCFC.js';
-export { DropdownMenu, MenuContent, MenuItem, MenuLabel, MenuSeparator } from './chunk-RUWD35UI.js';
-export { Popover, usePopoverContext } from './chunk-PZS4A4VQ.js';
-export { DataTable } from './chunk-YZ27OS2R.js';
-export { Table } from './chunk-WYPGQVDV.js';
-export { usePagination } from './chunk-73CUV7MW.js';
-export { Accordion } from './chunk-CCUXO2HN.js';
+export { Card } from './chunk-PQW5LKAI.js';
+import { SemanticIconsProvider } from './chunk-H2LHWJ52.js';
+export { Checkbox, SemanticIconsProvider, useSemanticIcon } from './chunk-H2LHWJ52.js';
+export { Collapsible } from './chunk-M4BI63P6.js';
+export { Accordion } from './chunk-V5QSMDZL.js';
 import './chunk-RB3YBWQ4.js';
 import './chunk-RGJ3NBKE.js';
-export { Alert } from './chunk-DDGMLLS3.js';
+export { Alert } from './chunk-3W3XYULK.js';
 export { defaultSemanticIcons } from './chunk-7Z4NMNX6.js';
-export { AlertDialog } from './chunk-SFNDR6DI.js';
+export { AlertDialog } from './chunk-U2ZKY2CP.js';
 import './chunk-KWRDJPP3.js';
 export { Slot, composeRefs } from './chunk-ZIBNLXIV.js';
-export { Avatar } from './chunk-PNP7L4TA.js';
-export { Badge } from './chunk-3BDDPFCI.js';
-export { Box } from './chunk-TLS54G6Y.js';
-import './chunk-JQQ3FBN7.js';
-export { Text } from './chunk-JZ774T7U.js';
+export { AspectRatio } from './chunk-KFFGDET3.js';
+export { Avatar } from './chunk-ISCJST4P.js';
+export { Badge } from './chunk-MOAIQHR7.js';
 import './chunk-5A2QOOVN.js';
-export { cn } from './chunk-CHXHRJNZ.js';
 import { ColorSchemeProvider, ThemeProvider } from './chunk-R5JMDDCB.js';
 export { ThemeProvider, defaultTheme, theme, themeDark, useColorScheme, useThemeColors } from './chunk-R5JMDDCB.js';
+export { cn } from './chunk-CHXHRJNZ.js';
 import { __name } from './chunk-WCQVDF3K.js';
 import { jsx } from 'nativewind/jsx-runtime';
 

package/dist/client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/provider/nori-provider.tsx"],"names":["theme"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDO,SAAS,YAAA,CAAa,EAAE,KAAA,EAAAA,MAAAA,EAAO,aAAa,IAAA,EAAM,KAAA,EAAO,MAAA,EAAQ,QAAA,EAAS,EAAsB;AAGnG,EAAA,MAAM,aAAaA,MAAAA,KAAU,MAAA,GAAY,EAAC,GAAI,EAAE,OAAAA,MAAAA,EAAM;AACtD,EAAA,MAAM,YAAY,IAAA,KAAS,MAAA,GAAY,EAAC,GAAI,EAAE,IAAA,EAAK;AACnD,EAAA,MAAM,aAAa,KAAA,KAAU,MAAA,GAAY,EAAC,GAAI,EAAE,KAAA,EAAM;AACtD,EAAA,MAAM,cAAc,MAAA,KAAW,MAAA,GAAY,EAAC,GAAI,EAAE,MAAA,EAAO;AAEzD,EAAA,MAAM,KAAA,uBACD,cAAA,EAAA,EAAgB,GAAG,aAChB,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,UAAA,EACf,QAAA,kBAAA,GAAA,CAAC,gBAAc,GAAG,SAAA,EACd,8BAAC,qBAAA,EAAA,EAAuB,GAAG,YAAa,QAAA,EAAS,CAAA,EACrD,GACJ,CAAA,EACJ,CAAA;AAGJ,EAAA,OAAO,gBAAgB,MAAA,GAAY,KAAA,uBAAS,mBAAA,EAAA,EAAoB,KAAA,EAAO,aAAc,QAAA,EAAA,KAAA,EAAM,CAAA;AAC/F;AAnBgB,MAAA,CAAA,YAAA,EAAA,cAAA,CAAA","file":"client.js","sourcesContent":["'use client';\n\nimport type { Theme } from '@nori-ui/tokens';\nimport type { ReactNode } from 'react';\nimport { I18nProvider } from '../i18n/context';\nimport { type LocaleInput, LocaleProvider } from '../i18n/locale';\nimport type { I18nInput } from '../i18n/types';\nimport type { SemanticIcons } from '../icons/default-semantic-icons';\nimport { SemanticIconsProvider } from '../icons/semantic-context';\nimport { type NoriTheme, ThemeProvider } from '../theme/context';\nimport { type ColorScheme, ColorSchemeProvider } from '../theme/use-color-scheme';\n\nexport type NoriProviderProps = {\n    /**\n     * Theme to apply to descendants. Pass:\n     *   - a `NoriTheme` (`{ light, dark }`) — covers both schemes\n     *   - a single `Theme` — used for both schemes (rare)\n     *   - one of the bundled presets: `tealTheme`, `blueTheme`, `roseTheme`,\n     *     `violetTheme`, `orangeTheme`, `slateTheme` (from `@nori-ui/core`)\n     *   - omit — falls back to the default Nori palette (teal)\n     */\n    theme?: NoriTheme | Theme;\n    /**\n     * Force a color scheme for descendants, overriding the OS signal. Use\n     * when an app shell is hard-coded to one scheme (e.g. forced-dark\n     * editorial chrome) and wants library components inside it to render\n     * against the matching half of the theme.\n     *\n     * Omit to track the OS Appearance (native) / `<html>` `dark` class (web).\n     */\n    colorScheme?: ColorScheme;\n    i18n?: I18nInput;\n    icons?: Partial<SemanticIcons>;\n    /**\n     * BCP 47 locale tag (or `Intl.Locale`) used by locale-aware components\n     * (Calendar, Number/Currency formatting, RelativeTime). Defaults to\n     * the runtime's resolved locale (`new Intl.DateTimeFormat().resolvedOptions().locale`),\n     * which mirrors what other `Intl` calls in the consumer's code use.\n     */\n    locale?: LocaleInput;\n    children?: ReactNode;\n};\n\n/**\n * Single root provider composing theme, i18n, and semantic-icons contexts.\n * Place near the root of your app. Only needed to override defaults — the\n * library works out of the box without any provider.\n */\nexport function NoriProvider({ theme, colorScheme, i18n, icons, locale, children }: NoriProviderProps) {\n    // Conditionally spread each optional prop — `exactOptionalPropertyTypes: true`\n    // rejects passing `undefined` to a prop typed as `T | missing`.\n    const themeProps = theme === undefined ? {} : { theme };\n    const i18nProps = i18n === undefined ? {} : { i18n };\n    const iconsProps = icons === undefined ? {} : { icons };\n    const localeProps = locale === undefined ? {} : { locale };\n\n    const inner = (\n        <LocaleProvider {...localeProps}>\n            <ThemeProvider {...themeProps}>\n                <I18nProvider {...i18nProps}>\n                    <SemanticIconsProvider {...iconsProps}>{children}</SemanticIconsProvider>\n                </I18nProvider>\n            </ThemeProvider>\n        </LocaleProvider>\n    );\n\n    return colorScheme === undefined ? inner : <ColorSchemeProvider value={colorScheme}>{inner}</ColorSchemeProvider>;\n}\n"]}
+{"version":3,"sources":["../src/provider/nori-provider.tsx"],"names":["theme"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDO,SAAS,YAAA,CAAa,EAAE,KAAA,EAAAA,MAAAA,EAAO,aAAa,IAAA,EAAM,KAAA,EAAO,MAAA,EAAQ,QAAA,EAAS,EAAsB;AAGnG,EAAA,MAAM,aAAaA,MAAAA,KAAU,MAAA,GAAY,EAAC,GAAI,EAAE,OAAAA,MAAAA,EAAM;AACtD,EAAA,MAAM,YAAY,IAAA,KAAS,MAAA,GAAY,EAAC,GAAI,EAAE,IAAA,EAAK;AACnD,EAAA,MAAM,aAAa,KAAA,KAAU,MAAA,GAAY,EAAC,GAAI,EAAE,KAAA,EAAM;AACtD,EAAA,MAAM,cAAc,MAAA,KAAW,MAAA,GAAY,EAAC,GAAI,EAAE,MAAA,EAAO;AAEzD,EAAA,MAAM,KAAA,uBACD,cAAA,EAAA,EAAgB,GAAG,aAChB,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,UAAA,EACf,QAAA,kBAAA,GAAA,CAAC,gBAAc,GAAG,SAAA,EACd,8BAAC,qBAAA,EAAA,EAAuB,GAAG,YAAa,QAAA,EAAS,CAAA,EACrD,GACJ,CAAA,EACJ,CAAA;AAGJ,EAAA,OAAO,gBAAgB,MAAA,GAAY,KAAA,uBAAS,mBAAA,EAAA,EAAoB,KAAA,EAAO,aAAc,QAAA,EAAA,KAAA,EAAM,CAAA;AAC/F;AAnBgB,MAAA,CAAA,YAAA,EAAA,cAAA,CAAA","file":"client.js","sourcesContent":["'use client';\n\nimport type { Theme } from '@nori-ui/tokens';\nimport type { ReactNode } from 'react';\nimport { I18nProvider } from '../i18n/context';\nimport { type LocaleInput, LocaleProvider } from '../i18n/locale';\nimport type { I18nInput } from '../i18n/types';\nimport type { SemanticIcons } from '../icons/default-semantic-icons';\nimport { SemanticIconsProvider } from '../icons/semantic-context';\nimport { type NoriTheme, ThemeProvider } from '../theme/context';\nimport { type ColorScheme, ColorSchemeProvider } from '../theme/use-color-scheme';\n\nexport type NoriProviderProps = {\n    /**\n     * Theme to apply to descendants. Pass:\n     *   - a `NoriTheme` (`{ light, dark }`) — covers both schemes\n     *   - a single `Theme` — used for both schemes (rare)\n     *   - one of the bundled presets: `tealTheme`, `blueTheme`, `roseTheme`,\n     *     `violetTheme`, `orangeTheme`, `slateTheme` (from `@nori-ui/core`)\n     *   - omit — falls back to the default Nori palette (teal)\n     */\n    theme?: NoriTheme | Theme;\n    /**\n     * Force a color scheme for descendants, overriding the OS signal. Use\n     * when an app shell is hard-coded to one scheme (e.g. forced-dark\n     * editorial chrome) and wants library components inside it to render\n     * against the matching half of the theme.\n     *\n     * Omit to track the OS Appearance (native) / `<html>` `dark` class (web).\n     */\n    colorScheme?: ColorScheme;\n    i18n?: I18nInput;\n    icons?: Partial<SemanticIcons>;\n    /**\n     * BCP 47 locale tag (or `Intl.Locale`) used by locale-aware components\n     * (Calendar, Number/Currency formatting, RelativeTime). Defaults to\n     * the runtime's resolved locale (`new Intl.DateTimeFormat().resolvedOptions().locale`),\n     * which mirrors what other `Intl` calls in the consumer's code use.\n     */\n    locale?: LocaleInput;\n    children?: ReactNode;\n};\n\n/**\n * Single root provider composing theme, i18n, and semantic-icons contexts.\n * Place near the root of your app. Only needed to override defaults — the\n * library works out of the box without any provider.\n */\nexport function NoriProvider({ theme, colorScheme, i18n, icons, locale, children }: NoriProviderProps) {\n    // Conditionally spread each optional prop — `exactOptionalPropertyTypes: true`\n    // rejects passing `undefined` to a prop typed as `T | missing`.\n    const themeProps = theme === undefined ? {} : { theme };\n    const i18nProps = i18n === undefined ? {} : { i18n };\n    const iconsProps = icons === undefined ? {} : { icons };\n    const localeProps = locale === undefined ? {} : { locale };\n\n    const inner = (\n        <LocaleProvider {...localeProps}>\n            <ThemeProvider {...themeProps}>\n                <I18nProvider {...i18nProps}>\n                    <SemanticIconsProvider {...iconsProps}>{children}</SemanticIconsProvider>\n                </I18nProvider>\n            </ThemeProvider>\n        </LocaleProvider>\n    );\n\n    return colorScheme === undefined ? inner : <ColorSchemeProvider value={colorScheme}>{inner}</ColorSchemeProvider>;\n}\n"]}

package/dist/components/Accordion/index.js

@@ -1,10 +1,10 @@
-export { Accordion } from '../../chunk-CCUXO2HN.js';
+export { Accordion } from '../../chunk-V5QSMDZL.js';
 import '../../chunk-RB3YBWQ4.js';
 import '../../chunk-RGJ3NBKE.js';
 import '../../chunk-7Z4NMNX6.js';
 import '../../chunk-5A2QOOVN.js';
-import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-R5JMDDCB.js';
+import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-WCQVDF3K.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Alert/index.js

@@ -1,8 +1,8 @@
-export { Alert } from '../../chunk-DDGMLLS3.js';
+export { Alert } from '../../chunk-3W3XYULK.js';
 import '../../chunk-7Z4NMNX6.js';
 import '../../chunk-5A2QOOVN.js';
-import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-R5JMDDCB.js';
+import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-WCQVDF3K.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/AlertDialog/index.js

@@ -1,9 +1,9 @@
-export { AlertDialog } from '../../chunk-SFNDR6DI.js';
+export { AlertDialog } from '../../chunk-U2ZKY2CP.js';
 import '../../chunk-KWRDJPP3.js';
 import '../../chunk-ZIBNLXIV.js';
 import '../../chunk-5A2QOOVN.js';
-import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-R5JMDDCB.js';
+import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-WCQVDF3K.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/AspectRatio/index.cjs

@@ -0,0 +1,67 @@
+'use strict';
+
+var reactNative = require('react-native');
+var jsxRuntime = require('nativewind/jsx-runtime');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// src/utils/cn.ts
+function cn(...inputs) {
+  const out = [];
+  for (const input of inputs) {
+    append(out, input);
+  }
+  return out.join(" ");
+}
+__name(cn, "cn");
+function append(out, input) {
+  if (!input) {
+    return;
+  }
+  if (typeof input === "string") {
+    if (input.length > 0) {
+      out.push(input);
+    }
+    return;
+  }
+  if (typeof input === "number") {
+    return;
+  }
+  if (Array.isArray(input)) {
+    for (const inner of input) {
+      append(out, inner);
+    }
+    return;
+  }
+  if (typeof input === "object") {
+    for (const key of Object.keys(input)) {
+      if (input[key]) {
+        out.push(key);
+      }
+    }
+  }
+}
+__name(append, "append");
+var BASE_STYLE = {
+  overflow: "hidden"
+};
+var AspectRatio = /* @__PURE__ */ __name(({ ratio, children, className, testID }) => {
+  const containerStyle = {
+    ...BASE_STYLE,
+    aspectRatio: ratio
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.View,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      className: cn("overflow-hidden", className),
+      style: containerStyle,
+      children
+    }
+  );
+}, "AspectRatio");
+
+exports.AspectRatio = AspectRatio;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/AspectRatio/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/components/AspectRatio/AspectRatio.tsx"],"names":["jsx","View"],"mappings":";;;;;;;;;AAeO,SAAS,MAAM,MAAA,EAA8B;AAChD,EAAA,MAAM,MAAgB,EAAC;AACvB,EAAA,KAAA,MAAW,SAAS,MAAA,EAAQ;AACxB,IAAA,MAAA,CAAO,KAAK,KAAK,CAAA;AAAA,EACrB;AACA,EAAA,OAAO,GAAA,CAAI,KAAK,GAAG,CAAA;AACvB;AANgB,MAAA,CAAA,EAAA,EAAA,IAAA,CAAA;AAQhB,SAAS,MAAA,CAAO,KAAe,KAAA,EAAyB;AACpD,EAAA,IAAI,CAAC,KAAA,EAAO;AACR,IAAA;AAAA,EACJ;AACA,EAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,IAAA,IAAI,KAAA,CAAM,SAAS,CAAA,EAAG;AAClB,MAAA,GAAA,CAAI,KAAK,KAAK,CAAA;AAAA,IAClB;AACA,IAAA;AAAA,EACJ;AACA,EAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,IAAA;AAAA,EACJ;AACA,EAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG;AACtB,IAAA,KAAA,MAAW,SAAS,KAAA,EAAO;AACvB,MAAA,MAAA,CAAO,KAAK,KAAK,CAAA;AAAA,IACrB;AACA,IAAA;AAAA,EACJ;AACA,EAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,IAAA,KAAA,MAAW,GAAA,IAAO,MAAA,CAAO,IAAA,CAAK,KAAK,CAAA,EAAG;AAClC,MAAA,IAAI,KAAA,CAAM,GAAG,CAAA,EAAG;AACZ,QAAA,GAAA,CAAI,KAAK,GAAG,CAAA;AAAA,MAChB;AAAA,IACJ;AAAA,EACJ;AACJ;AA1BS,MAAA,CAAA,MAAA,EAAA,QAAA,CAAA;ACFT,IAAM,UAAA,GAAwB;AAAA,EAC1B,QAAA,EAAU;AACd,CAAA;AAaO,IAAM,8BAAc,MAAA,CAAA,CAAC,EAAE,OAAO,QAAA,EAAU,SAAA,EAAW,QAAO,KAAwB;AACrF,EAAA,MAAM,cAAA,GAA4B;AAAA,IAC9B,GAAG,UAAA;AAAA,IACH,WAAA,EAAa;AAAA,GACjB;AAEA,EAAA,uBACIA,cAAA;AAAA,IAACC,gBAAA;AAAA,IAAA;AAAA,MACI,GAAI,MAAA,KAAW,MAAA,GAAY,EAAE,MAAA,KAAW,EAAC;AAAA,MAC1C,SAAA,EAAW,EAAA,CAAG,iBAAA,EAAmB,SAAS,CAAA;AAAA,MAC1C,KAAA,EAAO,cAAA;AAAA,MAEN;AAAA;AAAA,GACL;AAER,CAAA,EAf2B,aAAA","file":"index.cjs","sourcesContent":["// cn — class-name merger. clsx-compatible shape.\n//\n// Intentionally does NOT deduplicate Tailwind conflicts (e.g. \"text-sm text-lg\").\n// That's `tailwind-merge`'s job; we defer adding it until a component actually\n// needs it, to keep the core tree-shakable and the runtime zero-dep.\n\nexport type ClassInput =\n    | string\n    | number\n    | boolean\n    | null\n    | undefined\n    | ClassInput[]\n    | Record<string, boolean | number | null | undefined>;\n\nexport function cn(...inputs: ClassInput[]): string {\n    const out: string[] = [];\n    for (const input of inputs) {\n        append(out, input);\n    }\n    return out.join(' ');\n}\n\nfunction append(out: string[], input: ClassInput): void {\n    if (!input) {\n        return;\n    }\n    if (typeof input === 'string') {\n        if (input.length > 0) {\n            out.push(input);\n        }\n        return;\n    }\n    if (typeof input === 'number') {\n        return; // numbers are never class names\n    }\n    if (Array.isArray(input)) {\n        for (const inner of input) {\n            append(out, inner);\n        }\n        return;\n    }\n    if (typeof input === 'object') {\n        for (const key of Object.keys(input)) {\n            if (input[key]) {\n                out.push(key);\n            }\n        }\n    }\n}\n","'use client';\n\nimport type { ReactNode } from 'react';\nimport type { ViewStyle } from 'react-native';\nimport { View } from 'react-native';\nimport { cn } from '../../utils/cn';\n\nexport type AspectRatioProps = {\n    /**\n     * The ratio expressed as width / height. Common values:\n     * - `16 / 9` (1.777…) — widescreen video\n     * - `4 / 3` (1.333…) — classic photo\n     * - `1` — square\n     * - `2 / 3` (0.666…) — portrait\n     */\n    ratio: number;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nconst BASE_STYLE: ViewStyle = {\n    overflow: 'hidden',\n};\n\n/**\n * Wraps children in a container that maintains a fixed width-to-height ratio.\n * Works identically on web and native — React Native's `aspectRatio` style\n * property maps to the CSS `aspect-ratio` property via react-native-web.\n *\n * ```tsx\n * <AspectRatio ratio={16 / 9}>\n *   <Image source={src} style={{ width: '100%', height: '100%' }} />\n * </AspectRatio>\n * ```\n */\nexport const AspectRatio = ({ ratio, children, className, testID }: AspectRatioProps) => {\n    const containerStyle: ViewStyle = {\n        ...BASE_STYLE,\n        aspectRatio: ratio,\n    };\n\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('overflow-hidden', className)}\n            style={containerStyle}\n        >\n            {children}\n        </View>\n    );\n};\n"]}

package/dist/components/AspectRatio/index.d.cts

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type AspectRatioProps = {
+    /**
+     * The ratio expressed as width / height. Common values:
+     * - `16 / 9` (1.777…) — widescreen video
+     * - `4 / 3` (1.333…) — classic photo
+     * - `1` — square
+     * - `2 / 3` (0.666…) — portrait
+     */
+    ratio: number;
+    children?: ReactNode;
+    className?: string;
+    testID?: string;
+};
+/**
+ * Wraps children in a container that maintains a fixed width-to-height ratio.
+ * Works identically on web and native — React Native's `aspectRatio` style
+ * property maps to the CSS `aspect-ratio` property via react-native-web.
+ *
+ * ```tsx
+ * <AspectRatio ratio={16 / 9}>
+ *   <Image source={src} style={{ width: '100%', height: '100%' }} />
+ * </AspectRatio>
+ * ```
+ */
+declare const AspectRatio: ({ ratio, children, className, testID }: AspectRatioProps) => react_jsx_runtime.JSX.Element;
+
+export { AspectRatio, type AspectRatioProps };

package/dist/components/AspectRatio/index.d.ts

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type AspectRatioProps = {
+    /**
+     * The ratio expressed as width / height. Common values:
+     * - `16 / 9` (1.777…) — widescreen video
+     * - `4 / 3` (1.333…) — classic photo
+     * - `1` — square
+     * - `2 / 3` (0.666…) — portrait
+     */
+    ratio: number;
+    children?: ReactNode;
+    className?: string;
+    testID?: string;
+};
+/**
+ * Wraps children in a container that maintains a fixed width-to-height ratio.
+ * Works identically on web and native — React Native's `aspectRatio` style
+ * property maps to the CSS `aspect-ratio` property via react-native-web.
+ *
+ * ```tsx
+ * <AspectRatio ratio={16 / 9}>
+ *   <Image source={src} style={{ width: '100%', height: '100%' }} />
+ * </AspectRatio>
+ * ```
+ */
+declare const AspectRatio: ({ ratio, children, className, testID }: AspectRatioProps) => react_jsx_runtime.JSX.Element;
+
+export { AspectRatio, type AspectRatioProps };

package/dist/components/AspectRatio/index.js

@@ -0,0 +1,5 @@
+export { AspectRatio } from '../../chunk-KFFGDET3.js';
+import '../../chunk-CHXHRJNZ.js';
+import '../../chunk-WCQVDF3K.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/AspectRatio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/Avatar/index.js

@@ -1,7 +1,7 @@
-export { Avatar } from '../../chunk-PNP7L4TA.js';
+export { Avatar } from '../../chunk-ISCJST4P.js';
 import '../../chunk-5A2QOOVN.js';
-import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-R5JMDDCB.js';
+import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-WCQVDF3K.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Badge/index.js

@@ -1,7 +1,7 @@
-export { Badge } from '../../chunk-3BDDPFCI.js';
+export { Badge } from '../../chunk-MOAIQHR7.js';
 import '../../chunk-5A2QOOVN.js';
-import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-R5JMDDCB.js';
+import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-WCQVDF3K.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Box/index.js

@@ -1,9 +1,9 @@
-export { Box } from '../../chunk-TLS54G6Y.js';
-import '../../chunk-JQQ3FBN7.js';
-import '../../chunk-JZ774T7U.js';
+export { Box } from '../../chunk-IWM2XDXH.js';
+import '../../chunk-VLZANXRZ.js';
+import '../../chunk-ZGFXKYA5.js';
 import '../../chunk-5A2QOOVN.js';
-import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-R5JMDDCB.js';
+import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-WCQVDF3K.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Breadcrumb/index.js

@@ -1,12 +1,12 @@
-export { Breadcrumb, getBreadcrumbJsonLd } from '../../chunk-QJVS2VXS.js';
+export { Breadcrumb, getBreadcrumbJsonLd } from '../../chunk-PGYEIXCO.js';
 import '../../chunk-ZPUYNM37.js';
+import '../../chunk-HXCETKCC.js';
 import '../../chunk-GJMHNEQ3.js';
 import '../../chunk-4UFAZLSZ.js';
-import '../../chunk-PZS4A4VQ.js';
 import '../../chunk-ZIBNLXIV.js';
 import '../../chunk-5A2QOOVN.js';
-import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-R5JMDDCB.js';
+import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-WCQVDF3K.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Button/index.js

@@ -1,9 +1,9 @@
-export { Button } from '../../chunk-5XEGZFG5.js';
+export { Button } from '../../chunk-MYBBBLYE.js';
 import '../../chunk-ACLHDHX3.js';
 import '../../chunk-ZIBNLXIV.js';
 import '../../chunk-5A2QOOVN.js';
-import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-R5JMDDCB.js';
+import '../../chunk-CHXHRJNZ.js';
 import '../../chunk-WCQVDF3K.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/ButtonGroup/index.cjs

@@ -0,0 +1,83 @@
+'use strict';
+
+var react = require('react');
+var reactNative = require('react-native');
+var jsxRuntime = require('nativewind/jsx-runtime');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// src/utils/cn.ts
+function cn(...inputs) {
+  const out = [];
+  for (const input of inputs) {
+    append(out, input);
+  }
+  return out.join(" ");
+}
+__name(cn, "cn");
+function append(out, input) {
+  if (!input) {
+    return;
+  }
+  if (typeof input === "string") {
+    if (input.length > 0) {
+      out.push(input);
+    }
+    return;
+  }
+  if (typeof input === "number") {
+    return;
+  }
+  if (Array.isArray(input)) {
+    for (const inner of input) {
+      append(out, inner);
+    }
+    return;
+  }
+  if (typeof input === "object") {
+    for (const key of Object.keys(input)) {
+      if (input[key]) {
+        out.push(key);
+      }
+    }
+  }
+}
+__name(append, "append");
+var ButtonGroup = /* @__PURE__ */ __name(({ children, orientation = "horizontal", size, className, testID }) => {
+  const isHorizontal = orientation === "horizontal";
+  const containerStyle = {
+    flexDirection: isHorizontal ? "row" : "column",
+    // gap: 0 so buttons touch; shared-border effect comes from CSS on web
+    // and from touching edges on native.
+    gap: 0,
+    alignSelf: "flex-start",
+    overflow: "hidden"
+  };
+  const childArray = react.Children.toArray(children).filter(react.isValidElement);
+  const total = childArray.length;
+  const clonedChildren = childArray.map((child, index) => {
+    const position = index === 0 ? "first" : index === total - 1 ? "last" : "middle";
+    const extraProps = {
+      "data-position": position,
+      "data-group-orientation": orientation
+    };
+    if (size !== void 0) {
+      extraProps["data-group-size"] = size;
+    }
+    return react.cloneElement(child, extraProps);
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.View,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      className: cn(isHorizontal ? "flex-row" : "flex-col", "self-start overflow-hidden", className),
+      style: containerStyle,
+      children: clonedChildren
+    }
+  );
+}, "ButtonGroup");
+
+exports.ButtonGroup = ButtonGroup;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/ButtonGroup/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":["Children","isValidElement","cloneElement","jsx","View"],"mappings":";;;;;;;;;;AAeO,SAAS,MAAM,MAAA,EAA8B;AAChD,EAAA,MAAM,MAAgB,EAAC;AACvB,EAAA,KAAA,MAAW,SAAS,MAAA,EAAQ;AACxB,IAAA,MAAA,CAAO,KAAK,KAAK,CAAA;AAAA,EACrB;AACA,EAAA,OAAO,GAAA,CAAI,KAAK,GAAG,CAAA;AACvB;AANgB,MAAA,CAAA,EAAA,EAAA,IAAA,CAAA;AAQhB,SAAS,MAAA,CAAO,KAAe,KAAA,EAAyB;AACpD,EAAA,IAAI,CAAC,KAAA,EAAO;AACR,IAAA;AAAA,EACJ;AACA,EAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,IAAA,IAAI,KAAA,CAAM,SAAS,CAAA,EAAG;AAClB,MAAA,GAAA,CAAI,KAAK,KAAK,CAAA;AAAA,IAClB;AACA,IAAA;AAAA,EACJ;AACA,EAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,IAAA;AAAA,EACJ;AACA,EAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG;AACtB,IAAA,KAAA,MAAW,SAAS,KAAA,EAAO;AACvB,MAAA,MAAA,CAAO,KAAK,KAAK,CAAA;AAAA,IACrB;AACA,IAAA;AAAA,EACJ;AACA,EAAA,IAAI,OAAO,UAAU,QAAA,EAAU;AAC3B,IAAA,KAAA,MAAW,GAAA,IAAO,MAAA,CAAO,IAAA,CAAK,KAAK,CAAA,EAAG;AAClC,MAAA,IAAI,KAAA,CAAM,GAAG,CAAA,EAAG;AACZ,QAAA,GAAA,CAAI,KAAK,GAAG,CAAA;AAAA,MAChB;AAAA,IACJ;AAAA,EACJ;AACJ;AA1BS,MAAA,CAAA,MAAA,EAAA,QAAA,CAAA;ACyBF,IAAM,WAAA,2BAAe,EAAE,QAAA,EAAU,cAAc,YAAA,EAAc,IAAA,EAAM,SAAA,EAAW,MAAA,EAAO,KAAwB;AAChH,EAAA,MAAM,eAAe,WAAA,KAAgB,YAAA;AAErC,EAAA,MAAM,cAAA,GAA4B;AAAA,IAC9B,aAAA,EAAe,eAAe,KAAA,GAAQ,QAAA;AAAA;AAAA;AAAA,IAGtC,GAAA,EAAK,CAAA;AAAA,IACL,SAAA,EAAW,YAAA;AAAA,IACX,QAAA,EAAU;AAAA,GACd;AAIA,EAAA,MAAM,aAAaA,cAAA,CAAS,OAAA,CAAQ,QAAQ,CAAA,CAAE,OAAOC,oBAAc,CAAA;AACnE,EAAA,MAAM,QAAQ,UAAA,CAAW,MAAA;AAEzB,EAAA,MAAM,cAAA,GAAiB,UAAA,CAAW,GAAA,CAAI,CAAC,OAAO,KAAA,KAAU;AACpD,IAAA,MAAM,WAAW,KAAA,KAAU,CAAA,GAAI,UAAU,KAAA,KAAU,KAAA,GAAQ,IAAI,MAAA,GAAS,QAAA;AACxE,IAAA,MAAM,UAAA,GAAsC;AAAA,MACxC,eAAA,EAAiB,QAAA;AAAA,MACjB,wBAAA,EAA0B;AAAA,KAC9B;AACA,IAAA,IAAI,SAAS,MAAA,EAAW;AACpB,MAAA,UAAA,CAAW,iBAAiB,CAAA,GAAI,IAAA;AAAA,IACpC;AAGA,IAAA,OAAOC,kBAAA,CAAa,OAAO,UAAU,CAAA;AAAA,EACzC,CAAC,CAAA;AAED,EAAA,uBACIC,cAAA;AAAA,IAACC,gBAAA;AAAA,IAAA;AAAA,MACI,GAAI,MAAA,KAAW,MAAA,GAAY,EAAE,MAAA,KAAW,EAAC;AAAA,MAC1C,WAAW,EAAA,CAAG,YAAA,GAAe,UAAA,GAAa,UAAA,EAAY,8BAA8B,SAAS,CAAA;AAAA,MAC7F,KAAA,EAAO,cAAA;AAAA,MAEN,QAAA,EAAA;AAAA;AAAA,GACL;AAER,CAAA,EAxC2B,aAAA","file":"index.cjs","sourcesContent":["// cn — class-name merger. clsx-compatible shape.\n//\n// Intentionally does NOT deduplicate Tailwind conflicts (e.g. \"text-sm text-lg\").\n// That's `tailwind-merge`'s job; we defer adding it until a component actually\n// needs it, to keep the core tree-shakable and the runtime zero-dep.\n\nexport type ClassInput =\n    | string\n    | number\n    | boolean\n    | null\n    | undefined\n    | ClassInput[]\n    | Record<string, boolean | number | null | undefined>;\n\nexport function cn(...inputs: ClassInput[]): string {\n    const out: string[] = [];\n    for (const input of inputs) {\n        append(out, input);\n    }\n    return out.join(' ');\n}\n\nfunction append(out: string[], input: ClassInput): void {\n    if (!input) {\n        return;\n    }\n    if (typeof input === 'string') {\n        if (input.length > 0) {\n            out.push(input);\n        }\n        return;\n    }\n    if (typeof input === 'number') {\n        return; // numbers are never class names\n    }\n    if (Array.isArray(input)) {\n        for (const inner of input) {\n            append(out, inner);\n        }\n        return;\n    }\n    if (typeof input === 'object') {\n        for (const key of Object.keys(input)) {\n            if (input[key]) {\n                out.push(key);\n            }\n        }\n    }\n}\n","'use client';\n\nimport { Children, cloneElement, isValidElement, type ReactNode } from 'react';\nimport type { ViewStyle } from 'react-native';\nimport { View } from 'react-native';\nimport { cn } from '../../utils/cn';\n\nexport type ButtonGroupOrientation = 'horizontal' | 'vertical';\nexport type ButtonGroupSize = 'sm' | 'md' | 'lg';\n\nexport type ButtonGroupProps = {\n    children?: ReactNode;\n    /** Flex direction for the group. @defaultValue 'horizontal' */\n    orientation?: ButtonGroupOrientation;\n    /**\n     * Size hint passed to children via `data-group-size`. Buttons inside\n     * the group can read this to self-size consistently. When omitted, each\n     * Button retains its own `size` prop.\n     */\n    size?: ButtonGroupSize;\n    className?: string;\n    testID?: string;\n};\n\n/**\n * Joins multiple buttons in a visually connected row (or column). Middle\n * buttons lose outer edge radius; adjacent borders merge so the group looks\n * like a single segmented control.\n *\n * The radius treatment is implemented by injecting `data-position` attributes\n * (first / middle / last) onto each direct child. A companion CSS rule in the\n * nori preset (or a Tailwind variant) can target `[data-position=first]`,\n * `[data-position=middle]`, and `[data-position=last]` to strip the\n * appropriate border-radius corners. When using Button from `@nori-ui/core`,\n * no extra setup is needed — the tokens preset ships the rules.\n *\n * ```tsx\n * <ButtonGroup>\n *   <Button variant=\"secondary\">Day</Button>\n *   <Button variant=\"secondary\">Week</Button>\n *   <Button variant=\"secondary\">Month</Button>\n * </ButtonGroup>\n * ```\n *\n * > **v2 note:** Corner-radius stripping is applied via CSS data-attribute\n * > selectors on web. On native, middle-button radius adjustment is a future\n * > enhancement (currently the group renders with standard per-button radius).\n */\nexport const ButtonGroup = ({ children, orientation = 'horizontal', size, className, testID }: ButtonGroupProps) => {\n    const isHorizontal = orientation === 'horizontal';\n\n    const containerStyle: ViewStyle = {\n        flexDirection: isHorizontal ? 'row' : 'column',\n        // gap: 0 so buttons touch; shared-border effect comes from CSS on web\n        // and from touching edges on native.\n        gap: 0,\n        alignSelf: 'flex-start',\n        overflow: 'hidden',\n    };\n\n    // Inject `data-position` on each valid child so CSS (web) or future\n    // native logic can target first / middle / last positions.\n    const childArray = Children.toArray(children).filter(isValidElement);\n    const total = childArray.length;\n\n    const clonedChildren = childArray.map((child, index) => {\n        const position = index === 0 ? 'first' : index === total - 1 ? 'last' : 'middle';\n        const extraProps: Record<string, unknown> = {\n            'data-position': position,\n            'data-group-orientation': orientation,\n        };\n        if (size !== undefined) {\n            extraProps['data-group-size'] = size;\n        }\n\n        // Clone the child element with the injected data attributes.\n        return cloneElement(child, extraProps);\n    });\n\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn(isHorizontal ? 'flex-row' : 'flex-col', 'self-start overflow-hidden', className)}\n            style={containerStyle}\n        >\n            {clonedChildren}\n        </View>\n    );\n};\n"]}

package/dist/components/ButtonGroup/index.d.cts

@@ -0,0 +1,45 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type ButtonGroupOrientation = 'horizontal' | 'vertical';
+type ButtonGroupSize = 'sm' | 'md' | 'lg';
+type ButtonGroupProps = {
+    children?: ReactNode;
+    /** Flex direction for the group. @defaultValue 'horizontal' */
+    orientation?: ButtonGroupOrientation;
+    /**
+     * Size hint passed to children via `data-group-size`. Buttons inside
+     * the group can read this to self-size consistently. When omitted, each
+     * Button retains its own `size` prop.
+     */
+    size?: ButtonGroupSize;
+    className?: string;
+    testID?: string;
+};
+/**
+ * Joins multiple buttons in a visually connected row (or column). Middle
+ * buttons lose outer edge radius; adjacent borders merge so the group looks
+ * like a single segmented control.
+ *
+ * The radius treatment is implemented by injecting `data-position` attributes
+ * (first / middle / last) onto each direct child. A companion CSS rule in the
+ * nori preset (or a Tailwind variant) can target `[data-position=first]`,
+ * `[data-position=middle]`, and `[data-position=last]` to strip the
+ * appropriate border-radius corners. When using Button from `@nori-ui/core`,
+ * no extra setup is needed — the tokens preset ships the rules.
+ *
+ * ```tsx
+ * <ButtonGroup>
+ *   <Button variant="secondary">Day</Button>
+ *   <Button variant="secondary">Week</Button>
+ *   <Button variant="secondary">Month</Button>
+ * </ButtonGroup>
+ * ```
+ *
+ * > **v2 note:** Corner-radius stripping is applied via CSS data-attribute
+ * > selectors on web. On native, middle-button radius adjustment is a future
+ * > enhancement (currently the group renders with standard per-button radius).
+ */
+declare const ButtonGroup: ({ children, orientation, size, className, testID }: ButtonGroupProps) => react_jsx_runtime.JSX.Element;
+
+export { ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, type ButtonGroupSize };