@nexub/react 0.0.2 → 1.1.0

package/dist/components/Toast/index.js

@@ -0,0 +1,14 @@
+'use client';
+import {
+  Toast,
+  Toaster,
+  toast,
+  useToastStore
+} from "../../chunk-IHW2L532.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Toast,
+  Toaster,
+  toast,
+  useToastStore
+};

package/dist/components/Toggle/index.js

@@ -0,0 +1,11 @@
+'use client';
+import "../../chunk-YJU4ZRQZ.js";
+import {
+  Toggle,
+  toggleVariants
+} from "../../chunk-U3EGB3JL.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Toggle,
+  toggleVariants
+};

package/dist/components/ToggleGroup/index.js

@@ -0,0 +1,9 @@
+'use client';
+import {
+  ToggleGroup
+} from "../../chunk-K7CUCLLI.js";
+import "../../chunk-U3EGB3JL.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  ToggleGroup
+};

package/dist/components/Toolbar/index.js

@@ -0,0 +1,8 @@
+'use client';
+import {
+  Toolbar
+} from "../../chunk-OZPPL76D.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Toolbar
+};

package/dist/components/Tooltip/index.js

@@ -0,0 +1,16 @@
+'use client';
+import {
+  Content,
+  Provider,
+  Root,
+  Tooltip,
+  Trigger
+} from "../../chunk-46CFSBEO.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Content,
+  Provider,
+  Root,
+  Tooltip,
+  Trigger
+};

package/dist/components/TopNav/index.js

@@ -0,0 +1,9 @@
+'use client';
+import {
+  TopNav
+} from "../../chunk-BTZW34TX.js";
+import "../../chunk-ROZVVWPV.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  TopNav
+};

package/dist/components/VisuallyHidden/index.js

@@ -0,0 +1,7 @@
+'use client';
+import {
+  Root
+} from "../../chunk-ZXLACKEB.js";
+export {
+  Root as VisuallyHidden
+};

package/dist/index.d.ts

@@ -175,10 +175,6 @@ interface FormFieldRootProps extends React.HTMLAttributes<HTMLDivElement> {
     required?: boolean;
     disabled?: boolean;
 }
-declare function Root({ id: idProp, name, invalid, required, disabled, className, children, ...props }: FormFieldRootProps): react_jsx_runtime.JSX.Element;
-declare namespace Root {
-    var displayName: string;
-}
 declare function FieldLabel({ className, children, ...props }: React.ComponentProps<typeof Label>): react_jsx_runtime.JSX.Element;
 declare namespace FieldLabel {
     var displayName: string;
@@ -198,7 +194,7 @@ declare namespace FieldError {
     var displayName: string;
 }
 declare const FormField: {
-    Root: typeof Root;
+    Root: React.ForwardRefExoticComponent<FormFieldRootProps & React.RefAttributes<HTMLDivElement>>;
     Label: typeof FieldLabel;
     Control: typeof Control;
     Description: typeof Description;
@@ -223,6 +219,7 @@ interface StatusPillProps extends React.HTMLAttributes<HTMLSpanElement>, Variant
     label: string;
     dot?: boolean;
 }
+/** @deprecated Use `Badge` instead: `<Badge variant="soft" leadingIcon={dot}>` covers it. Will be removed in 1.0. */
 declare const StatusPill: React.ForwardRefExoticComponent<StatusPillProps & React.RefAttributes<HTMLSpanElement>>;
 
 interface FilterChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -250,6 +247,7 @@ declare const tagVariants: (props?: ({
 interface TagProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof tagVariants> {
     tone?: ToneValue;
 }
+/** @deprecated Use `Badge` instead: `<Badge size="sm">` covers it. Will be removed in 1.0. */
 declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
 
 interface EyebrowChipProps extends React.HTMLAttributes<HTMLSpanElement> {
@@ -282,9 +280,11 @@ declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & Re
 
 declare const cardVariants: (props?: ({
     variant?: "flat" | "surface" | "interactive" | null | undefined;
+    surface?: "solid" | "glass" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
     tone?: ToneValue;
+    surface?: 'solid' | 'glass';
     asChild?: boolean;
 }
 declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
@@ -311,6 +311,7 @@ interface BannerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps
     action?: React.ReactNode;
     onClose?: () => void;
 }
+/** @deprecated Use `Alert` instead: `<Alert>` has the same props (tone, title, icon, action, onClose). Will be removed in 1.0. */
 declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const calloutVariants: (props?: ({
@@ -320,6 +321,7 @@ interface CalloutProps extends React.HTMLAttributes<HTMLDivElement>, VariantProp
     tone?: ToneValue;
     icon?: React.ReactNode;
 }
+/** @deprecated Use `Alert` instead: `<Alert>` covers tone + icon. Will be removed in 1.0. */
 declare const Callout: React.ForwardRefExoticComponent<CalloutProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const skeletonVariants: (props?: ({
@@ -411,6 +413,8 @@ declare const linkVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {
     external?: boolean;
+    /** Render the child element (e.g. a router `<Link>`) instead of an `<a>`. */
+    asChild?: boolean;
 }
 declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
 
@@ -530,8 +534,11 @@ interface KeyboardShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {
 }
 declare const KeyboardShortcut: React.ForwardRefExoticComponent<KeyboardShortcutProps & React.RefAttributes<HTMLSpanElement>>;
 
+type SurfaceValue = 'solid' | 'glass';
+
 interface ContentProps extends RadixDialog.DialogContentProps {
     size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    surface?: SurfaceValue;
 }
 declare const Dialog: {
     Root: React.FC<RadixDialog.DialogProps>;
@@ -564,7 +571,9 @@ declare const Popover: {
     Root: React.FC<RadixPopover.PopoverProps>;
     Trigger: React.ForwardRefExoticComponent<RadixPopover.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
     Portal: React.FC<RadixPopover.PopoverPortalProps>;
-    Content: React.ForwardRefExoticComponent<RadixPopover.PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<RadixPopover.PopoverContentProps & {
+        surface?: SurfaceValue;
+    } & React.RefAttributes<HTMLDivElement>>;
     Arrow: React.ForwardRefExoticComponent<RadixPopover.PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
     Close: React.ForwardRefExoticComponent<RadixPopover.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
 };
@@ -639,6 +648,7 @@ declare const Drawer: {
     Overlay: React.ForwardRefExoticComponent<Omit<RadixDialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Content: React.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement> & {
         side?: "left" | "right" | "top" | "bottom";
+        surface?: SurfaceValue;
     }, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Close: React.ForwardRefExoticComponent<RadixDialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
     Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
@@ -653,6 +663,7 @@ declare const Sheet: {
     Overlay: React.ForwardRefExoticComponent<Omit<RadixDialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Content: React.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement> & {
         side?: "left" | "right" | "top" | "bottom";
+        surface?: SurfaceValue;
     }, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Close: React.ForwardRefExoticComponent<RadixDialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
     Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
@@ -765,6 +776,9 @@ interface AutocompleteProps {
     className?: string;
 }
 declare function Autocomplete({ options, value, onValueChange, placeholder, emptyText, loading, className, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
+declare namespace Autocomplete {
+    var displayName: string;
+}
 
 declare const switchVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
@@ -783,6 +797,8 @@ declare const RadioGroup: {
 };
 
 interface SliderProps extends RadixSlider.SliderProps {
+    /** Accessible name per thumb (e.g. ['Minimum', 'Maximum']). Falls back to `aria-label`. */
+    thumbLabels?: string[];
 }
 declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
 
@@ -861,6 +877,9 @@ declare const Toast: {
 };
 
 declare function Toaster(): react_jsx_runtime.JSX.Element;
+declare namespace Toaster {
+    var displayName: string;
+}
 
 type ToastTone = 'success' | 'error' | 'warning' | 'info' | 'neutral';
 interface ToastItem {
@@ -887,9 +906,13 @@ declare const toast: {
 
 interface TopNavItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     active?: boolean;
+    /** Render the child element (e.g. a router `<Link>`) instead of an `<a>`. */
+    asChild?: boolean;
 }
 declare const TopNav: {
-    Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+    Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+        surface?: SurfaceValue;
+    } & React.RefAttributes<HTMLElement>>;
     Logo: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
     Menu: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
     Item: React.ForwardRefExoticComponent<TopNavItemProps & React.RefAttributes<HTMLAnchorElement>>;
@@ -905,6 +928,8 @@ interface SidebarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
 interface SidebarItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     icon?: React.ReactNode;
     active?: boolean;
+    /** Render the child element (e.g. a router `<Link>`) instead of an `<a>`. */
+    asChild?: boolean;
 }
 declare const Sidebar: {
     Root: React.ForwardRefExoticComponent<SidebarRootProps & React.RefAttributes<HTMLElement>>;
@@ -1082,6 +1107,10 @@ interface DatePickerProps {
     minDate?: Date;
     maxDate?: Date;
     className?: string;
+    /** Id for the trigger button, e.g. to pair with a `<label htmlFor>`. */
+    id?: string;
+    /** Field name for screen readers; the current value is appended. */
+    'aria-label'?: string;
 }
 declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLButtonElement>>;
 
@@ -1093,6 +1122,10 @@ interface DateRangePickerProps {
     minDate?: Date;
     maxDate?: Date;
     className?: string;
+    /** Id for the trigger button, e.g. to pair with a `<label htmlFor>`. */
+    id?: string;
+    /** Field name for screen readers; the current value is appended. */
+    'aria-label'?: string;
 }
 declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLButtonElement>>;
 
@@ -1116,13 +1149,8 @@ interface ThemeProviderProps {
      * Defaults to 'nexub-theme'.
      */
     storageKey?: string;
-    /**
-     * Element to apply the `data-theme` attribute to.
-     * Defaults to `document.documentElement` (<html>).
-     */
-    attribute?: 'data-theme' | 'class';
 }
-declare function ThemeProvider({ children, defaultTheme, storageKey, attribute, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare function ThemeProvider({ children, defaultTheme, storageKey, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 declare function useTheme(): ThemeContextValue;
 
 type MotionDuration = 'instant' | 'fast' | 'normal' | 'slow' | 'slower';