@nexub/react 2.7.0 → 2.8.0

package/dist/{chunk-47UV6BDO.js → chunk-OGHOT6XN.js}

@@ -1,4 +1,7 @@
 'use client';
+import {
+  useControllableState
+} from "./chunk-JLUCMNVS.js";
 import {
   Input
 } from "./chunk-G7VMAWAX.js";
@@ -14,14 +17,18 @@ import * as React from "react";
 import { Eye, EyeOff } from "@nexub/icons";
 import { jsx } from "react/jsx-runtime";
 var PasswordInput = React.forwardRef(
-  ({ className, ...props }, ref) => {
-    const [showPassword, setShowPassword] = React.useState(false);
+  ({ className, visible, defaultVisible = false, onVisibleChange, ...props }, ref) => {
+    const [showPassword = false, setShowPassword] = useControllableState({
+      value: visible,
+      defaultValue: defaultVisible,
+      onChange: onVisibleChange
+    });
     const messages = useNexubMessages();
     const toggleButton = /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        onClick: () => setShowPassword((prev) => !prev),
+        onClick: () => setShowPassword(!showPassword),
         "aria-label": showPassword ? messages.hidePassword : messages.showPassword,
         className: cn(
           "shrink-0 rounded-full text-[var(--color-on-surface-muted)] hover:text-[var(--color-on-surface)] transition-colors"

package/dist/{chunk-V6EYICEY.js → chunk-OY5CWWIM.js}

@@ -149,7 +149,7 @@ var DatePicker = React.forwardRef(
               },
               startMonth: minDate,
               endMonth: maxDate,
-              initialFocus: true,
+              autoFocus: true,
               showOutsideDays: true,
               className: "relative p-3",
               classNames: calendarClassNames,

package/dist/{chunk-52A6VSFK.js → chunk-YVS6AVPD.js}

@@ -1,4 +1,7 @@
 'use client';
+import {
+  useControllableState
+} from "./chunk-JLUCMNVS.js";
 import {
   Input
 } from "./chunk-G7VMAWAX.js";
@@ -15,19 +18,18 @@ import { Search, X } from "@nexub/icons";
 import { jsx } from "react/jsx-runtime";
 var SearchInput = React.forwardRef(
   ({ value, defaultValue: _defaultValue, onChange, onClear, className, ...props }, ref) => {
-    const [internalValue, setInternalValue] = React.useState(
-      _defaultValue ?? ""
-    );
-    const controlled = value !== void 0;
-    const currentValue = controlled ? String(value) : internalValue;
+    const [currentValue = "", setValue] = useControllableState({
+      value: value === void 0 ? void 0 : String(value),
+      defaultValue: _defaultValue
+    });
     const hasValue = currentValue.length > 0;
     const handleChange = (e) => {
-      if (!controlled) setInternalValue(e.target.value);
+      setValue(e.target.value);
       onChange?.(e);
     };
     const messages = useNexubMessages();
     const handleClear = () => {
-      if (!controlled) setInternalValue("");
+      setValue("");
       onClear?.();
     };
     const clearButton = hasValue ? /* @__PURE__ */ jsx(
@@ -47,7 +49,7 @@ var SearchInput = React.forwardRef(
       {
         ref,
         type: "search",
-        value: controlled ? value : internalValue,
+        value: currentValue,
         onChange: handleChange,
         className,
         leadingIcon: /* @__PURE__ */ jsx(Search, { className: "h-4 w-4", "aria-hidden": "true" }),

package/dist/{chunk-WRJLWNUO.js → chunk-YYAXXJH3.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   useCalendarLocale
-} from "./chunk-V6EYICEY.js";
+} from "./chunk-OY5CWWIM.js";
 import {
   floatingSurface
 } from "./chunk-5FWJXSXT.js";
@@ -125,7 +125,7 @@ var DateRangePicker = React.forwardRef(function DateRangePicker2({
             numberOfMonths: 2,
             startMonth: minDate,
             endMonth: maxDate,
-            initialFocus: true,
+            autoFocus: true,
             showOutsideDays: false,
             className: "relative p-3",
             classNames: calendarClassNames,

package/dist/components/AvatarGroup/index.js

@@ -2,9 +2,9 @@
 import {
   AvatarGroup,
   avatarGroupVariants
-} from "../../chunk-SE74BBBF.js";
-import "../../chunk-VMSWIC3O.js";
+} from "../../chunk-BMUAR6H2.js";
 import "../../chunk-AYG7HBDZ.js";
+import "../../chunk-VMSWIC3O.js";
 import "../../chunk-WRVFNYO3.js";
 export {
   AvatarGroup,

package/dist/components/DatePicker/index.js

@@ -2,7 +2,7 @@
 import "../../chunk-52ZVJPF7.js";
 import {
   DatePicker
-} from "../../chunk-V6EYICEY.js";
+} from "../../chunk-OY5CWWIM.js";
 import "../../chunk-5FWJXSXT.js";
 import "../../chunk-VALIDQXU.js";
 import "../../chunk-VMSWIC3O.js";

package/dist/components/DateRangePicker/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   DateRangePicker
-} from "../../chunk-WRJLWNUO.js";
-import "../../chunk-V6EYICEY.js";
+} from "../../chunk-YYAXXJH3.js";
+import "../../chunk-OY5CWWIM.js";
 import "../../chunk-5FWJXSXT.js";
 import "../../chunk-VALIDQXU.js";
 import "../../chunk-VMSWIC3O.js";

package/dist/components/FormField/index.js

@@ -1,10 +1,10 @@
 'use client';
 import {
   FormField
-} from "../../chunk-FT73REUG.js";
+} from "../../chunk-FRGFO4DS.js";
+import "../../chunk-QKGQBJ4U.js";
 import "../../chunk-BM5PGGK2.js";
 import "../../chunk-H2X6MSNY.js";
-import "../../chunk-QKGQBJ4U.js";
 import "../../chunk-GHLMHKMV.js";
 import "../../chunk-VALIDQXU.js";
 import "../../chunk-DEIBF3P7.js";

package/dist/components/PasswordInput/index.js

@@ -1,7 +1,9 @@
 'use client';
 import {
   PasswordInput
-} from "../../chunk-47UV6BDO.js";
+} from "../../chunk-OGHOT6XN.js";
+import "../../chunk-JLUCMNVS.js";
+import "../../chunk-NHUQLIHL.js";
 import "../../chunk-G7VMAWAX.js";
 import "../../chunk-VALIDQXU.js";
 import "../../chunk-VMSWIC3O.js";

package/dist/components/SearchInput/index.js

@@ -1,7 +1,9 @@
 'use client';
 import {
   SearchInput
-} from "../../chunk-52A6VSFK.js";
+} from "../../chunk-YVS6AVPD.js";
+import "../../chunk-JLUCMNVS.js";
+import "../../chunk-NHUQLIHL.js";
 import "../../chunk-G7VMAWAX.js";
 import "../../chunk-VALIDQXU.js";
 import "../../chunk-VMSWIC3O.js";

package/dist/components/SplitButton/index.js

@@ -1,13 +1,13 @@
 'use client';
 import {
   SplitButton
-} from "../../chunk-6P5O7HIA.js";
+} from "../../chunk-ILIM4BLN.js";
 import "../../chunk-GWFIMQBC.js";
+import "../../chunk-7EQ2LIYD.js";
 import "../../chunk-5FWJXSXT.js";
 import "../../chunk-GHLMHKMV.js";
 import "../../chunk-VALIDQXU.js";
 import "../../chunk-DEIBF3P7.js";
-import "../../chunk-7EQ2LIYD.js";
 import "../../chunk-WRVFNYO3.js";
 export {
   SplitButton

package/dist/index.d.ts

@@ -34,6 +34,9 @@ export { DateRange } from 'react-day-picker';
 
 declare function cn(...inputs: ClassValue[]): string;
 
+/** The shared size scale. Components with extra steps extend it (`Size | 'display'`). */
+type Size = 'sm' | 'md' | 'lg';
+
 /**
  * Run a DOM update as a view transition (styles: @nexub/themes/view-transitions).
  * Where the API is missing, or on the server, the update just runs.
@@ -255,8 +258,8 @@ declare function useLocale(): {
 };
 
 declare const buttonVariants: (props?: ({
-    variant?: "accent" | "text" | "link" | "outline" | "glass" | "ghost" | "subtle" | "filled" | "tonal" | "outlined" | "primary" | "secondary" | "destructive" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    variant?: "glass" | "text" | "filled" | "tonal" | "outlined" | "primary" | "secondary" | "subtle" | "outline" | "ghost" | "destructive" | "accent" | "link" | null | undefined;
+    size?: "sm" | "md" | "xs" | "lg" | "xl" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonStatus = 'idle' | 'loading' | 'success' | 'error';
@@ -301,8 +304,8 @@ interface SplitButtonProps extends Omit<ButtonProps, 'asChild' | 'trailingIcon'
 declare const SplitButton: React.ForwardRefExoticComponent<SplitButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
 declare const iconButtonVariants: (props?: ({
-    variant?: "outline" | "solid" | "ghost" | "subtle" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    variant?: "solid" | "subtle" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "xs" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
     label: string;
@@ -333,7 +336,7 @@ declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttri
 declare const textareaVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     invalid?: boolean | null | undefined;
-    resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
+    resize?: "horizontal" | "vertical" | "none" | "both" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>, VariantProps<typeof textareaVariants> {
     invalid?: boolean;
@@ -343,7 +346,7 @@ interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 
 interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'type' | 'size'> {
-    size?: 'sm' | 'md' | 'lg';
+    size?: Size;
     min?: number;
     max?: number;
     step?: number;
@@ -381,7 +384,7 @@ interface AmountProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'child
     /** BCP 47 locale. Defaults to the user's. */
     locale?: string;
     /** `display`: a hero figure in the brand face with a quieter symbol and minor units. */
-    size?: 'sm' | 'md' | 'lg' | 'display';
+    size?: Size | 'display';
     /** `auto` colours gains success and losses error (use with signDisplay). */
     tone?: 'neutral' | 'auto';
     /** e.g. 'exceptZero' to show "+" on gains. */
@@ -421,7 +424,12 @@ interface SearchInputProps extends Omit<InputProps, 'leadingIcon' | 'trailingIco
 }
 declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
 
-type PasswordInputProps = Omit<InputProps, 'type' | 'trailingIcon'>;
+interface PasswordInputProps extends Omit<InputProps, 'type' | 'trailingIcon'> {
+    /** Whether the password is shown as text. Controlled when set. */
+    visible?: boolean;
+    defaultVisible?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
+}
 declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;
 
 declare const labelVariants: (props?: ({
@@ -429,7 +437,7 @@ declare const labelVariants: (props?: ({
     disabled?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement>, VariantProps<typeof labelVariants> {
-    size?: 'sm' | 'md' | 'lg';
+    size?: Size;
     required?: boolean;
     disabled?: boolean;
     tone?: ToneValue;
@@ -488,7 +496,7 @@ declare const FormField: {
 
 declare const badgeVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
-    variant?: "outline" | "solid" | "soft" | null | undefined;
+    variant?: "solid" | "outline" | "soft" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
     tone?: ToneValue;
@@ -549,7 +557,7 @@ interface EyebrowChipProps extends React.HTMLAttributes<HTMLSpanElement> {
 declare const EyebrowChip: React.ForwardRefExoticComponent<EyebrowChipProps & React.RefAttributes<HTMLSpanElement>>;
 
 declare const avatarVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    size?: "sm" | "md" | "xs" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof avatarVariants> {
     src?: string;
@@ -571,7 +579,7 @@ interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement>, Variant
 declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const cardVariants: (props?: ({
-    variant?: "flat" | "surface" | "interactive" | null | undefined;
+    variant?: "surface" | "flat" | "interactive" | null | undefined;
     surface?: "solid" | "glass" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
@@ -693,7 +701,7 @@ interface SkeletonProps extends React.HTMLAttributes<HTMLSpanElement>, VariantPr
 declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLSpanElement>>;
 
 declare const spinnerVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    size?: "sm" | "md" | "xs" | "lg" | "xl" | null | undefined;
     tone?: "neutral" | "info" | "success" | "warning" | "danger" | "leap" | "bookub" | "payub" | "founderub" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof spinnerVariants> {
@@ -789,7 +797,7 @@ declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.
 
 declare const sectionVariants: (props?: ({
     paddingY?: "sm" | "md" | "lg" | null | undefined;
-    tone?: "default" | "subtle" | "muted" | "inverse" | null | undefined;
+    tone?: "subtle" | "default" | "muted" | "inverse" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SectionProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof sectionVariants> {
     asChild?: boolean;
@@ -838,7 +846,7 @@ declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps & Re
 
 declare const headingVariants: (props?: ({
     size?: "display" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
-    weight?: "bold" | "regular" | "medium" | "semibold" | "extrabold" | null | undefined;
+    weight?: "regular" | "medium" | "semibold" | "bold" | "extrabold" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type HeadingSize = 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 type HeadingWeight = 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold';
@@ -852,9 +860,9 @@ interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
 declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
 
 declare const textVariants: (props?: ({
-    size?: "body" | "label" | "caption" | "body-lg" | "body-sm" | null | undefined;
-    tone?: "default" | "subtle" | "secondary" | "muted" | "inverse" | null | undefined;
-    weight?: "bold" | "regular" | "medium" | "semibold" | null | undefined;
+    size?: "label" | "body" | "caption" | "body-lg" | "body-sm" | null | undefined;
+    tone?: "secondary" | "subtle" | "default" | "muted" | "inverse" | null | undefined;
+    weight?: "regular" | "medium" | "semibold" | "bold" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TextProps extends React.HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof textVariants> {
     asChild?: boolean;
@@ -879,14 +887,14 @@ declare const Logo: React.ForwardRefExoticComponent<LogoProps & React.RefAttribu
 
 interface FlagProps extends React.HTMLAttributes<HTMLSpanElement> {
     code: string;
-    size?: 'sm' | 'md' | 'lg';
+    size?: Size;
 }
 declare const Flag: React.ForwardRefExoticComponent<FlagProps & React.RefAttributes<HTMLSpanElement>>;
 
 interface CountryBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
     code: string;
     label?: string;
-    size?: 'sm' | 'md' | 'lg';
+    size?: Size;
 }
 declare const CountryBadge: React.ForwardRefExoticComponent<CountryBadgeProps & React.RefAttributes<HTMLSpanElement>>;
 
@@ -898,7 +906,7 @@ declare const KeyboardShortcut: React.ForwardRefExoticComponent<KeyboardShortcut
 type SurfaceValue = 'solid' | 'glass';
 
 interface ContentProps extends DialogPrimitive.DialogContentProps {
-    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    size?: Size | 'xl' | 'full';
     surface?: SurfaceValue;
 }
 declare const Dialog: {
@@ -1146,11 +1154,11 @@ declare const Combobox: {
         disablePointerSelection?: boolean;
         vimBindings?: boolean;
     } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Input: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    Input: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof React.InputHTMLAttributes<HTMLInputElement> | "key"> & {
         ref?: React.Ref<HTMLInputElement>;
     } & {
         asChild?: boolean;
-    }, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
+    }, "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement> | "key">, "value" | "onChange" | "type"> & {
         value?: string;
         onValueChange?: (search: string) => void;
     } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -1244,7 +1252,7 @@ interface SliderProps extends RadixSlider.SliderProps {
 declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
 
 declare const toggleVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
+    variant?: "outline" | "default" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ToggleProps extends RadixToggle.ToggleProps, VariantProps<typeof toggleVariants> {
@@ -1258,13 +1266,13 @@ type RootProps$1 = (RadixToggleGroup.ToggleGroupSingleProps | RadixToggleGroup.T
 declare const ToggleGroup: {
     Root: React.ForwardRefExoticComponent<RootProps$1 & React.RefAttributes<HTMLDivElement>>;
     Item: React.ForwardRefExoticComponent<RadixToggleGroup.ToggleGroupItemProps & VariantProps<(props?: ({
-        variant?: "default" | "outline" | null | undefined;
+        variant?: "outline" | "default" | null | undefined;
         size?: "sm" | "md" | "lg" | null | undefined;
     } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 };
 
 interface SegmentedControlProps extends Omit<RadixToggleGroup.ToggleGroupSingleProps, 'type'> {
-    size?: 'sm' | 'md' | 'lg';
+    size?: Size;
 }
 interface SegmentedControlItemProps extends RadixToggleGroup.ToggleGroupItemProps {
 }
@@ -1502,11 +1510,11 @@ interface CommandPaletteRootProps extends DialogPrimitive.DialogProps {
 }
 declare const CommandPalette: {
     Root: React.ForwardRefExoticComponent<CommandPaletteRootProps & React.RefAttributes<HTMLDivElement>>;
-    Input: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    Input: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof React.InputHTMLAttributes<HTMLInputElement> | "key"> & {
         ref?: React.Ref<HTMLInputElement>;
     } & {
         asChild?: boolean;
-    }, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
+    }, "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement> | "key">, "value" | "onChange" | "type"> & {
         value?: string;
         onValueChange?: (search: string) => void;
     } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -1888,4 +1896,5 @@ declare const SkeletonSwap: React.ForwardRefExoticComponent<SkeletonSwapProps &
 /** 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 };
+export { Accordion, Alert, AlertDialog, Amount, AppShell, AspectRatio, Autocomplete, Avatar, AvatarGroup, Badge, Banner, Box, Breadcrumb, Button, ButtonGroup, Callout, Card, CardLink, CheckList, CheckListItem, Checkbox, CheckboxCard, Chip, Citation, Code, Collapse, Collapsible, Combobox, CommandPalette, Container, ContextMenu, CountryBadge, DataTable, DatePicker, DateRangePicker, Dialog, Drawer, DropdownMenu, EmptyState, ErrorState, EyebrowChip, Fade, FileUpload, FilterChip, Flag, Flex, FormError, FormField, GradientDivider, Grid, Heading, HelperText, HoverCard, IconButton, Input, Kbd, KeyboardShortcut, Label, Link, ListTransition, Logo, MediaCard, Menubar, MessageActions, MessageBubble, MoneyInput, NavigationMenu, NavigationRail, NexubProvider, NumberInput, NumberTicker, PageHeader, Pagination, PasswordInput, Popover, Progress, PromptInput, RadioCard, RadioCardGroup, RadioGroup, Rating, Scale, ScrollArea, SearchInput, Section, SegmentedControl, Select, Separator, Sheet, Sidebar, Skeleton, SkeletonSwap, Slide, Slider, SourceChip, SourceList, Spinner, SplitButton, Stack, StatusPill, StreamingText, Switch, Table, Tabs, Tag, Text, TextGradient, Textarea, ThemeProvider, ThemeScript, ThinkingIndicator, Toast, Toaster, Toggle, ToggleGroup, Toolbar, Tooltip, Provider$1 as TooltipProvider, TopNav, 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 };
+export type { AlertProps, AmountProps, AspectRatioProps, AutocompleteOption, AutocompleteProps, AvatarGroupProps, AvatarProps, BadgeProps, BannerProps, BoxProps, ButtonGroupProps, ButtonProps, ButtonStatus, CalloutProps, CardLinkProps, CardProps, CheckListItemProps, CheckListProps, CheckboxCardProps, CheckboxProps, ChipProps, CitationMessages, CitationProps, CitationSource, CodeProps, CollapseProps, CommandPaletteRootProps, ContainerProps, CountryBadgeProps, DataTableColumn, DataTableProps, DatePickerProps, DateRangePickerProps, DrawerRootProps, ErrorStateProps, EyebrowChipProps, FadeProps, Feedback, FileUploadRootProps, FilterChipProps, FlagProps, FlexProps, FormErrorProps, FormFieldContextValue, FormFieldRootProps, GradientDividerProps, GridProps, HeadingProps, HelperTextProps, IconButtonProps, InputProps, KbdProps, KeyboardShortcutProps, LabelProps, LinkProps, ListTransitionProps, LogoProps, MediaCardProps, MediaCardRatio, MessageActionsProps, MessageBubbleProps, MessageFrom, MessageStrings, MoneyInputProps, MotionBaseProps, MotionDuration, MotionEasing, NavigationRailItemProps, NavigationRailRootProps, NexubProviderProps, NumberInputProps, NumberTickerPart, NumberTickerProps, PageHeaderProps, PaginationProps, PasswordInputProps, ProgressProps, PromptInputMessages, PromptInputProps, PromptInputStatus, RadioCardGroupProps, RadioCardProps, RatingProps, ScaleProps, ScrollAreaProps, SearchInputProps, SectionProps, SegmentedControlItemProps, SegmentedControlProps, SeparatorProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarRootProps, Size, SkeletonProps, SkeletonSwapProps, SlideDirection, SlideProps, SliderProps, SourceChipProps, SourceListProps, SpinnerProps, SplitButtonProps, StackProps, StatusPillProps, StreamingTextProps, SwitchProps, TableRootProps, TagProps, TextGradientProps, TextProps, TextareaProps, ThemeContextValue, ThemeMode, ThemeProviderProps, ThemeScriptProps, ThinkingIndicatorMessages, ThinkingIndicatorProps, ToastItem, ToasterProps, ToggleProps, ToolbarRootProps, TopNavItemProps, TopNavRootProps, UndoableToastOptions };

package/dist/index.js

@@ -1,10 +1,14 @@
 'use client';
+import {
+  TopNav
+} from "./chunk-BNG3Y5I7.js";
 import {
   Root
 } from "./chunk-ZXLACKEB.js";
 import {
-  AlertDialog
-} from "./chunk-PDQTKE2C.js";
+  Textarea,
+  textareaVariants
+} from "./chunk-HL64PWVQ.js";
 import {
   ThemeProvider,
   ThemeScript,
@@ -32,8 +36,9 @@ import {
 } from "./chunk-WGW7TZOV.js";
 import "./chunk-XYXMPHND.js";
 import {
-  TopNav
-} from "./chunk-BNG3Y5I7.js";
+  StatusPill,
+  statusPillVariants
+} from "./chunk-XIKO5XFW.js";
 import {
   StreamingText
 } from "./chunk-4ESZQDPB.js";
@@ -56,20 +61,19 @@ import {
   TextGradient
 } from "./chunk-IDPRAXCG.js";
 import {
-  Textarea,
-  textareaVariants
-} from "./chunk-HL64PWVQ.js";
+  Select
+} from "./chunk-M5PDVHFN.js";
 import {
   Separator,
   separatorVariants
 } from "./chunk-YVCUKIAC.js";
-import {
-  Sidebar
-} from "./chunk-NAESV7K3.js";
 import {
   Skeleton,
   skeletonVariants
 } from "./chunk-3C4WVTAN.js";
+import {
+  Sidebar
+} from "./chunk-NAESV7K3.js";
 import {
   Slider
 } from "./chunk-5QWRBJSZ.js";
@@ -79,14 +83,13 @@ import {
 } from "./chunk-P3SAE4T2.js";
 import {
   SplitButton
-} from "./chunk-6P5O7HIA.js";
+} from "./chunk-ILIM4BLN.js";
 import {
   Stack
 } from "./chunk-ST4O3EQ3.js";
 import {
-  StatusPill,
-  statusPillVariants
-} from "./chunk-XIKO5XFW.js";
+  PromptInput
+} from "./chunk-ZUMC7SX5.js";
 import {
   RadioCard,
   RadioCardGroup
@@ -103,7 +106,7 @@ import {
 } from "./chunk-2DZWTBDL.js";
 import {
   SearchInput
-} from "./chunk-52A6VSFK.js";
+} from "./chunk-YVS6AVPD.js";
 import {
   Section,
   sectionVariants
@@ -113,8 +116,9 @@ import {
 } from "./chunk-KRIRCSUB.js";
 import "./chunk-6UKNUI46.js";
 import {
-  Select
-} from "./chunk-M5PDVHFN.js";
+  useMergedRefs
+} from "./chunk-MNEXMMLM.js";
+import "./chunk-A3O23F2B.js";
 import {
   NumberInput
 } from "./chunk-V3EWVSVI.js";
@@ -127,7 +131,7 @@ import {
 } from "./chunk-NLVP74RX.js";
 import {
   PasswordInput
-} from "./chunk-47UV6BDO.js";
+} from "./chunk-OGHOT6XN.js";
 import {
   Popover
 } from "./chunk-MPJG4WFP.js";
@@ -137,11 +141,9 @@ import {
   progressTrackVariants
 } from "./chunk-HXNUIIXB.js";
 import {
-  PromptInput
-} from "./chunk-ZUMC7SX5.js";
-import {
-  useMergedRefs
-} from "./chunk-MNEXMMLM.js";
+  Logo,
+  logoVariants
+} from "./chunk-ZGJF4HAT.js";
 import {
   MediaCard
 } from "./chunk-5DHLFPC4.js";
@@ -166,6 +168,9 @@ import {
 import {
   useIsomorphicLayoutEffect
 } from "./chunk-NHUQLIHL.js";
+import {
+  NavigationMenu
+} from "./chunk-FXVI4RCJ.js";
 import {
   Collapse,
   Fade,
@@ -176,13 +181,10 @@ import {
   useMediaQuery,
   usePrefersReducedMotion
 } from "./chunk-4GVGS5N4.js";
-import {
-  NavigationMenu
-} from "./chunk-FXVI4RCJ.js";
 import {
   NavigationRail
 } from "./chunk-5MGCYR4G.js";
-import "./chunk-A3O23F2B.js";
+import "./chunk-PICMOOAZ.js";
 import "./chunk-ZT3NWE5U.js";
 import "./chunk-CAOLGXA5.js";
 import {
@@ -203,15 +205,14 @@ import {
 import {
   Kbd
 } from "./chunk-OM62PQSE.js";
-import "./chunk-EV43I5J6.js";
 import {
   Link,
   linkVariants
 } from "./chunk-QCLE5VQW.js";
+import "./chunk-EV43I5J6.js";
 import {
-  Logo,
-  logoVariants
-} from "./chunk-ZGJF4HAT.js";
+  FilterChip
+} from "./chunk-36QSSD7I.js";
 import "./chunk-BV3U3ATL.js";
 import {
   Flex
@@ -219,7 +220,10 @@ import {
 import "./chunk-ADO2DB6Q.js";
 import {
   FormField
-} from "./chunk-FT73REUG.js";
+} from "./chunk-FRGFO4DS.js";
+import {
+  HelperText
+} from "./chunk-QKGQBJ4U.js";
 import {
   Label,
   labelVariants
@@ -238,10 +242,9 @@ import {
   Heading,
   headingVariants
 } from "./chunk-Z7OR2LYG.js";
-import "./chunk-PICMOOAZ.js";
 import {
-  HelperText
-} from "./chunk-QKGQBJ4U.js";
+  DateRangePicker
+} from "./chunk-YYAXXJH3.js";
 import {
   Dialog
 } from "./chunk-CEFGILJY.js";
@@ -249,13 +252,13 @@ import {
   Drawer,
   Sheet
 } from "./chunk-PZL6AJH5.js";
+import {
+  EmptyState
+} from "./chunk-AWTSLASB.js";
 import "./chunk-HI7GBSW2.js";
 import {
   DropdownMenu
 } from "./chunk-GWFIMQBC.js";
-import {
-  EmptyState
-} from "./chunk-AWTSLASB.js";
 import {
   ErrorState
 } from "./chunk-NX5ZJSRU.js";
@@ -266,8 +269,8 @@ import {
   FileUpload
 } from "./chunk-LR6KNEKL.js";
 import {
-  FilterChip
-} from "./chunk-36QSSD7I.js";
+  Collapsible
+} from "./chunk-4WIUGX5Z.js";
 import "./chunk-HY3JWSG4.js";
 import {
   CommandPalette
@@ -293,18 +296,19 @@ import {
   Table
 } from "./chunk-KA6RZ7VN.js";
 import "./chunk-52ZVJPF7.js";
-import {
-  DateRangePicker
-} from "./chunk-WRJLWNUO.js";
 import {
   DatePicker
-} from "./chunk-V6EYICEY.js";
+} from "./chunk-OY5CWWIM.js";
 import {
   Card,
   CardLink,
   cardVariants,
   usePointerSheen
 } from "./chunk-T466ZB34.js";
+import {
+  Callout,
+  calloutVariants
+} from "./chunk-Z46ISXJ6.js";
 import {
   CheckList,
   CheckListItem
@@ -329,17 +333,18 @@ import {
 import {
   HoverCard
 } from "./chunk-KL55E5PE.js";
-import "./chunk-5FWJXSXT.js";
 import {
   Code
 } from "./chunk-NX44VGON.js";
-import {
-  Collapsible
-} from "./chunk-4WIUGX5Z.js";
+import "./chunk-IZ6ZPEZ2.js";
 import {
   AvatarGroup,
   avatarGroupVariants
-} from "./chunk-SE74BBBF.js";
+} from "./chunk-BMUAR6H2.js";
+import {
+  Avatar,
+  avatarVariants
+} from "./chunk-AYG7HBDZ.js";
 import {
   Badge,
   badgeVariants
@@ -348,28 +353,18 @@ import {
   Banner,
   bannerVariants
 } from "./chunk-CQQ5UAO3.js";
+import "./chunk-VLME3JFF.js";
 import {
   Box
 } from "./chunk-ZCHZNGWU.js";
 import {
   Breadcrumb
 } from "./chunk-SQGRT72E.js";
-import "./chunk-P26VJEIW.js";
-import {
-  Button,
-  buttonVariants
-} from "./chunk-GHLMHKMV.js";
-import "./chunk-VALIDQXU.js";
-import "./chunk-DEIBF3P7.js";
 import "./chunk-LVPU7455.js";
 import {
   ButtonGroup
 } from "./chunk-7EQ2LIYD.js";
-import {
-  Callout,
-  calloutVariants
-} from "./chunk-Z46ISXJ6.js";
-import "./chunk-VLME3JFF.js";
+import "./chunk-P26VJEIW.js";
 import {
   Accordion
 } from "./chunk-DOVZNUSH.js";
@@ -378,18 +373,28 @@ import {
   alertVariants
 } from "./chunk-U422B6UE.js";
 import {
-  Amount
-} from "./chunk-IBBICKEZ.js";
+  AlertDialog
+} from "./chunk-PDQTKE2C.js";
+import "./chunk-5FWJXSXT.js";
 import {
-  NumberTicker
-} from "./chunk-2G3XUIQZ.js";
-import "./chunk-R3SUPKKI.js";
+  Button,
+  buttonVariants
+} from "./chunk-GHLMHKMV.js";
+import "./chunk-VALIDQXU.js";
+import "./chunk-DEIBF3P7.js";
 import {
   AppShell
 } from "./chunk-EPJ4CMZP.js";
 import {
   AspectRatio
 } from "./chunk-52CXVN3U.js";
+import {
+  Amount
+} from "./chunk-IBBICKEZ.js";
+import {
+  NumberTicker
+} from "./chunk-2G3XUIQZ.js";
+import "./chunk-R3SUPKKI.js";
 import {
   Autocomplete
 } from "./chunk-E7RLUHG3.js";
@@ -402,11 +407,6 @@ import {
   useLocale,
   useNexubMessages
 } from "./chunk-VMSWIC3O.js";
-import "./chunk-IZ6ZPEZ2.js";
-import {
-  Avatar,
-  avatarVariants
-} from "./chunk-AYG7HBDZ.js";
 import {
   cn
 } from "./chunk-WRVFNYO3.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexub/react",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "description": "React component library for Nexub Design System — 90+ accessible, themeable UI components built on Radix UI primitives.",
   "type": "module",
   "license": "MIT",
@@ -69,15 +69,15 @@
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "date-fns": "^4.4.0",
-    "react-day-picker": "^9.14.0",
+    "react-day-picker": "^10.0.2",
     "tailwind-merge": "^3.7.0",
-    "@nexub/icons": "2.7.0",
-    "@nexub/core": "2.7.0"
+    "@nexub/core": "2.8.0",
+    "@nexub/icons": "2.8.0"
   },
   "peerDependencies": {
     "react": ">=18 <20",
     "react-dom": ">=18 <20",
-    "@nexub/tokens": "^2.7.0"
+    "@nexub/tokens": "^2.8.0"
   },
   "devDependencies": {
     "@playwright/test": "1.64.0",
@@ -98,13 +98,13 @@
     "react-dom": "^19.3.1",
     "storybook": "10.6.3",
     "tailwindcss": "^4.3.3",
-    "tsup": "^8.5.1",
-    "typescript": "^5.9.3",
+    "tsup": "^9.0.0",
+    "typescript": "~6.0.3",
     "vaul": "1.1.2",
-    "vite": "^7.3.7",
+    "vite": "^8.3.5",
     "vitest": "^5.0.5",
-    "@nexub/themes": "2.7.0",
-    "@nexub/tokens": "2.7.0"
+    "@nexub/themes": "2.8.0",
+    "@nexub/tokens": "2.8.0"
   },
   "scripts": {
     "build": "tsup && node scripts/check-dts.mjs && tailwindcss -i src/styles.css -o dist/styles.css --minify && cp -R ../themes/src/fonts dist/fonts",

package/dist/{chunk-SE74BBBF.js → chunk-BMUAR6H2.js}

@@ -1,10 +1,10 @@
 'use client';
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
 import {
   avatarVariants
 } from "./chunk-AYG7HBDZ.js";
+import {
+  useNexubMessages
+} from "./chunk-VMSWIC3O.js";
 import {
   cn
 } from "./chunk-WRVFNYO3.js";

package/dist/{chunk-FT73REUG.js → chunk-FRGFO4DS.js}

@@ -1,13 +1,13 @@
 'use client';
+import {
+  HelperText
+} from "./chunk-QKGQBJ4U.js";
 import {
   Label
 } from "./chunk-BM5PGGK2.js";
 import {
   FormError
 } from "./chunk-H2X6MSNY.js";
-import {
-  HelperText
-} from "./chunk-QKGQBJ4U.js";
 import {
   cn
 } from "./chunk-WRVFNYO3.js";

package/dist/{chunk-6P5O7HIA.js → chunk-ILIM4BLN.js}

@@ -2,12 +2,12 @@
 import {
   DropdownMenu
 } from "./chunk-GWFIMQBC.js";
-import {
-  Button
-} from "./chunk-GHLMHKMV.js";
 import {
   ButtonGroup
 } from "./chunk-7EQ2LIYD.js";
+import {
+  Button
+} from "./chunk-GHLMHKMV.js";
 import {
   cn
 } from "./chunk-WRVFNYO3.js";