@nexub/react 2.0.0 → 2.2.0

package/dist/index.d.ts

@@ -2,6 +2,8 @@ import { ClassValue } from 'clsx';
 import * as React from 'react';
 import { useLayoutEffect, Ref } from 'react';
 import { Locale } from 'date-fns';
+import { Direction, NexubMessages, ToneValue, GlassMode } from '@nexub/core';
+export { GlassMode, NexubMessages, Direction as TextDirection, ToneValue, defaultMessages } from '@nexub/core';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as RadixRadioGroup from '@radix-ui/react-radio-group';
@@ -223,99 +225,6 @@ interface SourceListProps extends Omit<React.HTMLAttributes<HTMLElement>, 'child
  */
 declare const SourceList: React.ForwardRefExoticComponent<SourceListProps & React.RefAttributes<HTMLElement>>;
 
-/** Every user-facing default string in @nexub/react. Explicit component props still win. */
-interface NexubMessages {
-    close: string;
-    dismissAlert: string;
-    dismissBanner: string;
-    remove: string;
-    removeFilter: string;
-    removeFile: (fileName: string) => string;
-    uploadFiles: string;
-    clickToUpload: string;
-    orDragAndDrop: string;
-    clearSearch: string;
-    showPassword: string;
-    hidePassword: string;
-    increment: string;
-    decrement: string;
-    loading: string;
-    pagination: string;
-    previousPage: string;
-    nextPage: string;
-    goToPage: (page: number) => string;
-    breadcrumb: string;
-    breadcrumbMore: string;
-    moreCount: (count: number) => string;
-    rating: string;
-    ratingStars: (stars: number) => string;
-    mainNavigation: string;
-    sidebar: string;
-    searchPlaceholder: string;
-    noResults: string;
-    pickDate: string;
-    pickDateRange: string;
-    /** Calendar nav and day labels (DatePicker, DateRangePicker). */
-    previousMonth: string;
-    nextMonth: string;
-    calendarNavigation: string;
-    /** Wraps a day's formatted date when it is today. */
-    todayDate: (date: string) => string;
-    /** Wraps a day's (possibly today-wrapped) label when it is selected. */
-    selectedDate: (label: string) => string;
-    commandPalette: string;
-    /** Toaster region label; Radix replaces `{hotkey}`. */
-    notifications: string;
-    undo: string;
-    promptLabel: string;
-    sendMessage: string;
-    stopGenerating: string;
-    promptHint: string;
-    thinking: string;
-    youSaid: string;
-    assistantSaid: string;
-    failedToSend: string;
-    retry: string;
-    copy: string;
-    copied: string;
-    goodResponse: string;
-    badResponse: string;
-    regenerate: string;
-    sources: string;
-    source: (index: number) => string;
-    jumpToLatest: string;
-    conversation: string;
-    pageOf: (page: number, total: number) => string;
-    previous: string;
-    next: string;
-    search: string;
-    searchProduct: (productName: string) => string;
-    keyboardShortcut: (shortcut: string) => string;
-    commandKey: string;
-    controlKey: string;
-    searching: string;
-    searchFailed: string;
-    noResultsFor: (query: string) => string;
-    typeToSearch: string;
-    switchOrganization: (name: string) => string;
-    organizations: string;
-    switchToLightTheme: string;
-    switchToDarkTheme: string;
-    glass: string;
-    glassClear: string;
-    glassBalanced: string;
-    glassTinted: string;
-    glassSolid: string;
-    accountMenu: (name: string) => string;
-    manageAccount: string;
-    privacyPolicy: string;
-    termsOfService: string;
-    signOut: string;
-    signingOut: string;
-    accountAndApps: string;
-}
-declare const defaultMessages: NexubMessages;
-type Direction = 'ltr' | 'rtl';
 interface NexubProviderProps {
     /** BCP 47 locale for Intl formatting. @default 'en' */
     locale?: string;
@@ -345,7 +254,6 @@ declare function useLocale(): {
     dateLocale?: Locale;
 };
 
-type ToneValue = 'neutral' | 'info' | 'success' | 'warning' | 'danger' | 'leap' | 'bookub' | 'payub' | 'founderub';
 declare const buttonVariants: (props?: ({
     variant?: "accent" | "text" | "link" | "glass" | "ghost" | "outline" | "subtle" | "filled" | "tonal" | "outlined" | "primary" | "secondary" | "destructive" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
@@ -1758,9 +1666,7 @@ interface DateRangePickerProps {
 declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLButtonElement>>;
 
 type ThemeMode = 'light' | 'dark' | 'system';
-/** Glass intensity dial (user preference, like iOS 27's clear → tinted slider).
- *  'off' makes every glass surface solid. Set as `data-glass` on <html>. */
-type GlassMode = 'clear' | 'balanced' | 'tinted' | 'off';
+
 interface ThemeContextValue {
     /** The resolved theme actually applied (never 'system'). */
     resolvedTheme: 'light' | 'dark';
@@ -1827,13 +1733,14 @@ interface MotionBaseProps {
     /** Whether the component is visible / mounted. */
     in: boolean;
     /**
-     * Token-based duration.  Maps to `--duration-{value}`.
+     * Speed on the spring tokens: `fast` → fast, `normal` → default,
+     * `slow`/`slower` → slow springs. `instant` turns motion off.
      * @default 'normal'
      */
     duration?: MotionDuration;
     /**
-     * Token-based easing.  Maps to `--ease-{value}`.
-     * @default 'out'
+     * Legacy: set it to use the old `--duration-*` + `--ease-{value}` tokens
+     * instead of springs. Omit it to ride the spring tokens.
      */
     easing?: MotionEasing;
     /**
@@ -1870,7 +1777,8 @@ interface SlideProps extends MotionBaseProps, React.HTMLAttributes<HTMLDivElemen
     as?: React.ElementType;
 }
 /**
- * Slide — animates opacity + translate from a given direction.
+ * Slide — animates opacity + translate from a given direction on the spring
+ * tokens. Reduced motion keeps the fade and drops the travel.
  *
  * ```tsx
  * <Slide in={isOpen} direction="up">
@@ -1890,7 +1798,8 @@ interface ScaleProps extends MotionBaseProps, React.HTMLAttributes<HTMLDivElemen
     as?: React.ElementType;
 }
 /**
- * Scale — animates opacity + scale(x) from `initialScale` to 1.
+ * Scale — animates opacity + scale(x) from `initialScale` to 1 on the spring
+ * tokens. Reduced motion keeps the fade and drops the scale.
  *
  * ```tsx
  * <Scale in={isOpen} initialScale={0.9}>
@@ -1902,8 +1811,8 @@ declare const Scale: React.ForwardRefExoticComponent<ScaleProps & React.RefAttri
 
 interface CollapseProps extends Omit<MotionBaseProps, 'easing'>, React.HTMLAttributes<HTMLDivElement> {
     /**
-     * Easing for the height transition.
-     * @default 'out'
+     * Legacy: set it to use `--duration-*` + `--ease-{value}` instead of the
+     * spatial spring for the height transition.
      */
     easing?: MotionBaseProps['easing'];
     /**
@@ -1915,7 +1824,8 @@ interface CollapseProps extends Omit<MotionBaseProps, 'easing'>, React.HTMLAttri
     as?: React.ElementType;
 }
 /**
- * Collapse — animates `max-height` to reveal / hide content.
+ * Collapse — animates `max-height` to reveal / hide content on the spatial
+ * spring. Reduced motion snaps the height instead of animating it.
  * Height is measured from the content ref so you don't need to
  * provide an explicit height.
  *
@@ -1927,4 +1837,53 @@ interface CollapseProps extends Omit<MotionBaseProps, 'easing'>, React.HTMLAttri
  */
 declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, Alert, AlertDialog, type AlertProps, Amount, type AmountProps, AppShell, AspectRatio, type AspectRatioProps, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Breadcrumb, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonStatus, Callout, type CalloutProps, Card, CardLink, type CardLinkProps, type CardProps, CheckList, CheckListItem, type CheckListItemProps, type CheckListProps, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, Chip, type ChipProps, Citation, type CitationMessages, type CitationProps, type CitationSource, Code, type CodeProps, Collapse, type CollapseProps, Collapsible, Combobox, CommandPalette, type CommandPaletteRootProps, Container, type ContainerProps, ContextMenu, CountryBadge, type CountryBadgeProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, Dialog, Drawer, type DrawerRootProps, DropdownMenu, EmptyState, ErrorState, type ErrorStateProps, EyebrowChip, type EyebrowChipProps, Fade, type FadeProps, type Feedback, FileUpload, type FileUploadRootProps, FilterChip, type FilterChipProps, Flag, type FlagProps, Flex, type FlexProps, FormError, type FormErrorProps, FormField, type FormFieldContextValue, type FormFieldRootProps, type GlassMode, GradientDivider, type GradientDividerProps, Grid, type GridProps, Heading, type HeadingProps, HelperText, type HelperTextProps, HoverCard, IconButton, type IconButtonProps, Input, type InputProps, Kbd, type KbdProps, KeyboardShortcut, type KeyboardShortcutProps, Label, type LabelProps, Link, type LinkProps, Logo, type LogoProps, MediaCard, type MediaCardProps, type MediaCardRatio, Menubar, MessageActions, type MessageActionsProps, MessageBubble, type MessageBubbleProps, type MessageFrom, type MessageStrings, MoneyInput, type MoneyInputProps, type MotionBaseProps, type MotionDuration, type MotionEasing, NavigationMenu, NavigationRail, type NavigationRailItemProps, type NavigationRailRootProps, type NexubMessages, NexubProvider, type NexubProviderProps, NumberInput, type NumberInputProps, NumberTicker, type NumberTickerPart, type NumberTickerProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, Popover, Progress, type ProgressProps, PromptInput, type PromptInputMessages, type PromptInputProps, type PromptInputStatus, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, Rating, type RatingProps, Scale, type ScaleProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Section, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, Select, Separator, type SeparatorProps, Sheet, Sidebar, type SidebarGroupProps, type SidebarHeaderProps, type SidebarItemProps, type SidebarRootProps, Skeleton, type SkeletonProps, Slide, type SlideDirection, type SlideProps, Slider, type SliderProps, SourceChip, type SourceChipProps, SourceList, type SourceListProps, Spinner, type SpinnerProps, SplitButton, type SplitButtonProps, Stack, type StackProps, StatusPill, type StatusPillProps, StreamingText, type StreamingTextProps, Switch, type SwitchProps, Table, type TableRootProps, Tabs, Tag, type TagProps, Text, type Direction as TextDirection, TextGradient, type TextGradientProps, type TextProps, Textarea, type TextareaProps, type ThemeContextValue, type ThemeMode, ThemeProvider, type ThemeProviderProps, ThemeScript, type ThemeScriptProps, ThinkingIndicator, type ThinkingIndicatorMessages, type ThinkingIndicatorProps, Toast, type ToastItem, Toaster, type ToasterProps, Toggle, ToggleGroup, type ToggleProps, type ToneValue, Toolbar, type ToolbarRootProps, Tooltip, Provider$1 as TooltipProvider, TopNav, type TopNavItemProps, type TopNavRootProps, type UndoableToastOptions, addonVariants, alertVariants, avatarGroupVariants, avatarVariants, badgeVariants, bannerVariants, buttonVariants, calloutVariants, cardVariants, chipVariants, cn, containerVariants, defaultMessageStrings, defaultMessages, headingVariants, iconButtonVariants, inputVariants, inputWrapperVariants, labelVariants, linkVariants, logoVariants, progressFillVariants, progressTrackVariants, ratingVariants, safeUrl, sectionVariants, separatorVariants, skeletonVariants, spinnerVariants, startViewTransition, statusPillVariants, tagVariants, textVariants, textareaVariants, toast, toggleVariants, useControllableState, useDisclosure, useIsomorphicLayoutEffect, useLocale, useMediaQuery, useMergedRefs, useNexubMessages, usePointerSheen, useTheme, useToastStore };
+interface ListTransitionProps extends React.HTMLAttributes<HTMLElement> {
+    /** List element. @default 'div' */
+    as?: React.ElementType;
+    /** Element wrapping each item, e.g. `'li'` inside a `'ul'`. @default 'div' */
+    itemAs?: React.ElementType;
+    /** Animate the items present on first render too. @default false */
+    appear?: boolean;
+    /** Keyed children. Items without a key are rendered but never animated. */
+    children?: React.ReactNode;
+}
+/**
+ * ListTransition — animates keyed items in and out of a list.
+ * New items grow in from zero height and fade in; removed items stay in place
+ * while they collapse and fade out, then unmount. Uses CSS keyframes on the
+ * spring tokens (`nx-list-item` in `@nexub/themes/base`); reduced motion keeps
+ * only the fade.
+ *
+ * Space items with padding inside each item, not `gap`, so a collapsing item
+ * takes its spacing with it.
+ *
+ * ```tsx
+ * <ListTransition as="ul" itemAs="li">
+ *   {items.map((item) => <Row key={item.id} item={item} />)}
+ * </ListTransition>
+ * ```
+ */
+declare const ListTransition: React.ForwardRefExoticComponent<ListTransitionProps & React.RefAttributes<HTMLElement>>;
+interface SkeletonSwapProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** While true the skeleton shows; flipping to false crossfades to the content. */
+    loading: boolean;
+    /** Placeholder shown while loading, usually `Skeleton`s shaped like the content. */
+    skeleton: React.ReactNode;
+    children?: React.ReactNode;
+}
+/**
+ * SkeletonSwap — crossfades from a skeleton to the loaded content in place,
+ * instead of popping. Sets `aria-busy` while loading.
+ *
+ * ```tsx
+ * <SkeletonSwap loading={isLoading} skeleton={<Skeleton shape="rect" height={120} />}>
+ *   <Card>…</Card>
+ * </SkeletonSwap>
+ * ```
+ */
+declare const SkeletonSwap: React.ForwardRefExoticComponent<SkeletonSwapProps & React.RefAttributes<HTMLDivElement>>;
+
+/** True when the user asked the OS for reduced motion. False during SSR. */
+declare function usePrefersReducedMotion(): boolean;
+
+export { Accordion, Alert, AlertDialog, type AlertProps, Amount, type AmountProps, AppShell, AspectRatio, type AspectRatioProps, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Breadcrumb, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonStatus, Callout, type CalloutProps, Card, CardLink, type CardLinkProps, type CardProps, CheckList, CheckListItem, type CheckListItemProps, type CheckListProps, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, Chip, type ChipProps, Citation, type CitationMessages, type CitationProps, type CitationSource, Code, type CodeProps, Collapse, type CollapseProps, Collapsible, Combobox, CommandPalette, type CommandPaletteRootProps, Container, type ContainerProps, ContextMenu, CountryBadge, type CountryBadgeProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, Dialog, Drawer, type DrawerRootProps, DropdownMenu, EmptyState, ErrorState, type ErrorStateProps, EyebrowChip, type EyebrowChipProps, Fade, type FadeProps, type Feedback, FileUpload, type FileUploadRootProps, FilterChip, type FilterChipProps, Flag, type FlagProps, Flex, type FlexProps, FormError, type FormErrorProps, FormField, type FormFieldContextValue, type FormFieldRootProps, GradientDivider, type GradientDividerProps, Grid, type GridProps, Heading, type HeadingProps, HelperText, type HelperTextProps, HoverCard, IconButton, type IconButtonProps, Input, type InputProps, Kbd, type KbdProps, KeyboardShortcut, type KeyboardShortcutProps, Label, type LabelProps, Link, type LinkProps, ListTransition, type ListTransitionProps, Logo, type LogoProps, MediaCard, type MediaCardProps, type MediaCardRatio, Menubar, MessageActions, type MessageActionsProps, MessageBubble, type MessageBubbleProps, type MessageFrom, type MessageStrings, MoneyInput, type MoneyInputProps, type MotionBaseProps, type MotionDuration, type MotionEasing, NavigationMenu, NavigationRail, type NavigationRailItemProps, type NavigationRailRootProps, NexubProvider, type NexubProviderProps, NumberInput, type NumberInputProps, NumberTicker, type NumberTickerPart, type NumberTickerProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, Popover, Progress, type ProgressProps, PromptInput, type PromptInputMessages, type PromptInputProps, type PromptInputStatus, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, Rating, type RatingProps, Scale, type ScaleProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Section, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, Select, Separator, type SeparatorProps, Sheet, Sidebar, type SidebarGroupProps, type SidebarHeaderProps, type SidebarItemProps, type SidebarRootProps, Skeleton, type SkeletonProps, SkeletonSwap, type SkeletonSwapProps, Slide, type SlideDirection, type SlideProps, Slider, type SliderProps, SourceChip, type SourceChipProps, SourceList, type SourceListProps, Spinner, type SpinnerProps, SplitButton, type SplitButtonProps, Stack, type StackProps, StatusPill, type StatusPillProps, StreamingText, type StreamingTextProps, Switch, type SwitchProps, Table, type TableRootProps, Tabs, Tag, type TagProps, Text, TextGradient, type TextGradientProps, type TextProps, Textarea, type TextareaProps, type ThemeContextValue, type ThemeMode, ThemeProvider, type ThemeProviderProps, ThemeScript, type ThemeScriptProps, ThinkingIndicator, type ThinkingIndicatorMessages, type ThinkingIndicatorProps, Toast, type ToastItem, Toaster, type ToasterProps, Toggle, ToggleGroup, type ToggleProps, Toolbar, type ToolbarRootProps, Tooltip, Provider$1 as TooltipProvider, TopNav, type TopNavItemProps, type TopNavRootProps, type UndoableToastOptions, addonVariants, alertVariants, avatarGroupVariants, avatarVariants, badgeVariants, bannerVariants, buttonVariants, calloutVariants, cardVariants, chipVariants, cn, containerVariants, defaultMessageStrings, headingVariants, iconButtonVariants, inputVariants, inputWrapperVariants, labelVariants, linkVariants, logoVariants, progressFillVariants, progressTrackVariants, ratingVariants, safeUrl, sectionVariants, separatorVariants, skeletonVariants, spinnerVariants, startViewTransition, statusPillVariants, tagVariants, textVariants, textareaVariants, toast, toggleVariants, useControllableState, useDisclosure, useIsomorphicLayoutEffect, useLocale, useMediaQuery, useMergedRefs, useNexubMessages, usePointerSheen, usePrefersReducedMotion, useTheme, useToastStore };

package/dist/index.js

@@ -1,8 +1,8 @@
 'use client';
+import "./chunk-XYXMPHND.js";
 import {
   Root
 } from "./chunk-ZXLACKEB.js";
-import "./chunk-XYXMPHND.js";
 import {
   Textarea,
   textareaVariants
@@ -12,16 +12,19 @@ import {
   ThemeScript,
   useTheme
 } from "./chunk-3XX45SUC.js";
-import {
-  ThinkingIndicator
-} from "./chunk-ESMIBOF5.js";
 import {
   Toast,
   Toaster,
   toast,
   useToastStore
-} from "./chunk-GSA7NBEG.js";
+} from "./chunk-I6ELDWZE.js";
 import "./chunk-YJU4ZRQZ.js";
+import {
+  ThinkingIndicator
+} from "./chunk-D7HMUIA5.js";
+import {
+  Toolbar
+} from "./chunk-2ZBJOUJ7.js";
 import {
   ToggleGroup
 } from "./chunk-DYWJ7BIK.js";
@@ -29,12 +32,9 @@ import {
   Toggle,
   toggleVariants
 } from "./chunk-3TMIZQPR.js";
-import {
-  Toolbar
-} from "./chunk-2ZBJOUJ7.js";
 import {
   TopNav
-} from "./chunk-KRHD7VI6.js";
+} from "./chunk-ZVQYAIOA.js";
 import {
   StatusPill,
   statusPillVariants
@@ -69,7 +69,7 @@ import {
 } from "./chunk-CUOASXI7.js";
 import {
   Sidebar
-} from "./chunk-ZRBLASQE.js";
+} from "./chunk-MX6NYEOW.js";
 import {
   Skeleton,
   skeletonVariants
@@ -80,7 +80,7 @@ import {
 import {
   Spinner,
   spinnerVariants
-} from "./chunk-L4BSKMLK.js";
+} from "./chunk-P37ABUFD.js";
 import {
   SplitButton
 } from "./chunk-DFCHCYNT.js";
@@ -93,20 +93,20 @@ import {
 } from "./chunk-XTATJMY6.js";
 import {
   PromptInput
-} from "./chunk-O6J6HXVT.js";
+} from "./chunk-VMMZHSZL.js";
 import {
   RadioGroup
 } from "./chunk-Z3HF6XJ3.js";
 import {
   Rating,
   ratingVariants
-} from "./chunk-BIAYWCDE.js";
+} from "./chunk-O2DSTHXA.js";
 import {
   ScrollArea
 } from "./chunk-3LTB6TGN.js";
 import {
   SearchInput
-} from "./chunk-OTZBGMYH.js";
+} from "./chunk-IPCB5HU7.js";
 import {
   Section,
   sectionVariants
@@ -118,20 +118,20 @@ import "./chunk-6UKNUI46.js";
 import {
   useMergedRefs
 } from "./chunk-MNEXMMLM.js";
-import "./chunk-A3O23F2B.js";
 import {
   NumberInput
-} from "./chunk-ENB7X3W4.js";
+} from "./chunk-7JXJOYM6.js";
+import "./chunk-A3O23F2B.js";
 import "./chunk-WLRRMT6W.js";
 import {
   PageHeader
 } from "./chunk-UCNA2ICU.js";
 import {
   Pagination
-} from "./chunk-JVOSMXD5.js";
+} from "./chunk-AKV4GMIY.js";
 import {
   PasswordInput
-} from "./chunk-UV5O2BMW.js";
+} from "./chunk-TSBBWYDO.js";
 import {
   Popover
 } from "./chunk-NORCPKRD.js";
@@ -154,14 +154,14 @@ import {
   MessageActions,
   MessageBubble,
   defaultMessageStrings
-} from "./chunk-WECNLNIA.js";
+} from "./chunk-WASCNEIQ.js";
 import {
   Provider,
   Tooltip
 } from "./chunk-XQDD76EF.js";
 import {
   MoneyInput
-} from "./chunk-V6CMWCJH.js";
+} from "./chunk-6FRG6NMM.js";
 import {
   useControllableState
 } from "./chunk-JLUCMNVS.js";
@@ -171,22 +171,26 @@ import {
 import {
   Collapse,
   Fade,
+  ListTransition,
   Scale,
-  Slide
-} from "./chunk-FS4XKWFA.js";
+  SkeletonSwap,
+  Slide,
+  useMediaQuery,
+  usePrefersReducedMotion
+} from "./chunk-4GVGS5N4.js";
 import {
   NavigationMenu
 } from "./chunk-BEOHZKPQ.js";
 import {
   NavigationRail
-} from "./chunk-5GN2GFW3.js";
+} from "./chunk-Q4CEJZY6.js";
+import "./chunk-PICMOOAZ.js";
 import "./chunk-ZT3NWE5U.js";
 import "./chunk-CAOLGXA5.js";
 import {
   IconButton,
   iconButtonVariants
 } from "./chunk-NYORXEPS.js";
-import "./chunk-ADO2DB6Q.js";
 import "./chunk-NZ7UK3G6.js";
 import {
   Input,
@@ -208,24 +212,28 @@ import {
 } from "./chunk-6BGUZQAX.js";
 import {
   FilterChip
-} from "./chunk-XHLSYHAV.js";
+} from "./chunk-NN7SNECM.js";
+import "./chunk-BV3U3ATL.js";
 import {
   Flex
 } from "./chunk-7MSIOYJZ.js";
-import "./chunk-BV3U3ATL.js";
+import "./chunk-ADO2DB6Q.js";
+import {
+  GradientDivider
+} from "./chunk-ZC4MZAEX.js";
 import {
   FormField
-} from "./chunk-GLQOEW57.js";
+} from "./chunk-G4RLUGE3.js";
 import {
-  FormError
-} from "./chunk-QVTVDL6Y.js";
+  HelperText
+} from "./chunk-ZLW7IBXK.js";
 import {
   Label,
   labelVariants
 } from "./chunk-PGD246WD.js";
 import {
-  GradientDivider
-} from "./chunk-ZC4MZAEX.js";
+  FormError
+} from "./chunk-QVTVDL6Y.js";
 import {
   Grid
 } from "./chunk-6JBQAJJD.js";
@@ -234,20 +242,16 @@ import {
   Heading,
   headingVariants
 } from "./chunk-SKIJVVBU.js";
-import "./chunk-PICMOOAZ.js";
-import {
-  HelperText
-} from "./chunk-ZLW7IBXK.js";
 import {
   DateRangePicker
-} from "./chunk-6U5WQERX.js";
+} from "./chunk-KFU2ENV6.js";
 import {
   Dialog
 } from "./chunk-ZGZQZG6S.js";
 import {
   Drawer,
   Sheet
-} from "./chunk-UVWQPDOV.js";
+} from "./chunk-6ALDF3XF.js";
 import "./chunk-HI7GBSW2.js";
 import {
   DropdownMenu
@@ -258,27 +262,27 @@ import {
 import {
   ErrorState
 } from "./chunk-SZNSQR2B.js";
+import {
+  FileUpload
+} from "./chunk-D6HHYT2S.js";
 import {
   EyebrowChip
 } from "./chunk-322WR6EU.js";
-import {
-  FileUpload
-} from "./chunk-OS4NOWEI.js";
 import {
   Collapsible
 } from "./chunk-3LP2CR7F.js";
 import "./chunk-HY3JWSG4.js";
 import {
   CommandPalette
-} from "./chunk-IDIS7Z6H.js";
+} from "./chunk-F3DRJSZL.js";
 import "./chunk-47UGX37F.js";
-import {
-  ContextMenu
-} from "./chunk-ZUGZRXME.js";
 import {
   Container,
   containerVariants
 } from "./chunk-E4JM3HUM.js";
+import {
+  ContextMenu
+} from "./chunk-ZUGZRXME.js";
 import {
   CountryBadge
 } from "./chunk-ZCEUVK2R.js";
@@ -287,14 +291,14 @@ import {
 } from "./chunk-EQNETGTV.js";
 import {
   DataTable
-} from "./chunk-7BAIEYUW.js";
+} from "./chunk-3FX3FBHE.js";
 import {
   Table
 } from "./chunk-BU5QD2FS.js";
 import "./chunk-52ZVJPF7.js";
 import {
   DatePicker
-} from "./chunk-HSM7RXUF.js";
+} from "./chunk-5QZVFW4H.js";
 import {
   Callout,
   calloutVariants
@@ -319,13 +323,13 @@ import "./chunk-K5FKEAAK.js";
 import {
   Chip,
   chipVariants
-} from "./chunk-RSBJBQPG.js";
+} from "./chunk-WXE6QRHB.js";
 import {
   Citation,
   SourceChip,
   SourceList,
   safeUrl
-} from "./chunk-UAQRQNOB.js";
+} from "./chunk-EILMNNTT.js";
 import {
   HoverCard
 } from "./chunk-X3B2MTX6.js";
@@ -336,7 +340,7 @@ import "./chunk-IZ6ZPEZ2.js";
 import {
   AvatarGroup,
   avatarGroupVariants
-} from "./chunk-FT2S7N64.js";
+} from "./chunk-BSS7QNC5.js";
 import {
   Avatar,
   avatarVariants
@@ -348,13 +352,13 @@ import {
 import {
   Banner,
   bannerVariants
-} from "./chunk-ETWFHIAE.js";
+} from "./chunk-EA4JBLWK.js";
 import {
   Box
 } from "./chunk-M7YB3MSW.js";
 import {
   Breadcrumb
-} from "./chunk-ZTI4MK3L.js";
+} from "./chunk-5JOKHG4L.js";
 import "./chunk-P26VJEIW.js";
 import "./chunk-LVPU7455.js";
 import {
@@ -366,7 +370,7 @@ import {
 import {
   Alert,
   alertVariants
-} from "./chunk-RVWQROFK.js";
+} from "./chunk-TXIJMUD5.js";
 import {
   AlertDialog
 } from "./chunk-TSN6HYVY.js";
@@ -379,20 +383,20 @@ import "./chunk-5W3AOOYS.js";
 import "./chunk-DEIBF3P7.js";
 import {
   Amount
-} from "./chunk-PC7YGDNL.js";
+} from "./chunk-ZYR3R36N.js";
 import {
   NumberTicker
-} from "./chunk-4MEV2WHD.js";
-import "./chunk-CIQHFMF6.js";
-import {
-  AspectRatio
-} from "./chunk-S2CTBFLN.js";
+} from "./chunk-2BAXCPQF.js";
+import "./chunk-R3SUPKKI.js";
 import {
   AppShell
 } from "./chunk-56FERRWW.js";
+import {
+  AspectRatio
+} from "./chunk-S2CTBFLN.js";
 import {
   Autocomplete
-} from "./chunk-GG5HDX7J.js";
+} from "./chunk-NITVUZ4L.js";
 import {
   Combobox
 } from "./chunk-FJUVYRNT.js";
@@ -401,7 +405,7 @@ import {
   defaultMessages,
   useLocale,
   useNexubMessages
-} from "./chunk-3MSIO7KM.js";
+} from "./chunk-VMSWIC3O.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -422,21 +426,6 @@ function useDisclosure(initialOpen = false) {
   const toggle = useCallback(() => setIsOpen((prev) => !prev), []);
   return { isOpen, open, close, toggle };
 }
-
-// src/hooks/useMediaQuery.ts
-import { useState as useState2, useEffect } from "react";
-function useMediaQuery(query) {
-  const [matches, setMatches] = useState2(false);
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const mql = window.matchMedia(query);
-    const handler = (e) => setMatches(e.matches);
-    mql.addEventListener("change", handler);
-    setMatches(mql.matches);
-    return () => mql.removeEventListener("change", handler);
-  }, [query]);
-  return matches;
-}
 export {
   Accordion,
   Alert,
@@ -497,6 +486,7 @@ export {
   KeyboardShortcut,
   Label,
   Link,
+  ListTransition,
   Logo,
   MediaCard,
   Menubar,
@@ -528,6 +518,7 @@ export {
   Sheet,
   Sidebar,
   Skeleton,
+  SkeletonSwap,
   Slide,
   Slider,
   SourceChip,
@@ -600,6 +591,7 @@ export {
   useMergedRefs,
   useNexubMessages,
   usePointerSheen,
+  usePrefersReducedMotion,
   useTheme,
   useToastStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexub/react",
-  "version": "2.0.0",
+  "version": "2.2.0",
   "description": "React component library for Nexub Design System — 90+ accessible, themeable UI components built on Radix UI primitives.",
   "type": "module",
   "license": "MIT",
@@ -68,12 +68,13 @@
     "date-fns": "^4.4.0",
     "react-day-picker": "^9.14.0",
     "tailwind-merge": "^2.6.1",
-    "@nexub/icons": "2.0.0"
+    "@nexub/core": "2.2.0",
+    "@nexub/icons": "2.2.0"
   },
   "peerDependencies": {
     "react": ">=18 <20",
     "react-dom": ">=18 <20",
-    "@nexub/tokens": "^2.0.0"
+    "@nexub/tokens": "^2.2.0"
   },
   "devDependencies": {
     "@playwright/test": "1.64.0",
@@ -98,8 +99,8 @@
     "vaul": "1.1.2",
     "vite": "^7.3.7",
     "vitest": "^5.0.5",
-    "@nexub/themes": "2.0.0",
-    "@nexub/tokens": "2.0.0"
+    "@nexub/themes": "2.2.0",
+    "@nexub/tokens": "2.2.0"
   },
   "scripts": {
     "build": "tsup && node scripts/check-dts.mjs",