@nexub/react 1.0.0 → 1.2.0

package/dist/components/SearchInput/index.js

@@ -0,0 +1,9 @@
+'use client';
+import {
+  SearchInput
+} from "../../chunk-A7L75YXY.js";
+import "../../chunk-CVBAWKNG.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  SearchInput
+};

package/dist/components/Section/index.js

@@ -0,0 +1,10 @@
+'use client';
+import {
+  Section,
+  sectionVariants
+} from "../../chunk-LOP63AVE.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Section,
+  sectionVariants
+};

package/dist/components/SegmentedControl/index.js

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

package/dist/components/Select/index.js

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

package/dist/components/Separator/index.js

@@ -0,0 +1,10 @@
+'use client';
+import {
+  Separator,
+  separatorVariants
+} from "../../chunk-KWWV3CM3.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Separator,
+  separatorVariants
+};

package/dist/components/Sidebar/index.js

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

package/dist/components/Skeleton/index.js

@@ -0,0 +1,10 @@
+'use client';
+import {
+  Skeleton,
+  skeletonVariants
+} from "../../chunk-QF7GUDOE.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Skeleton,
+  skeletonVariants
+};

package/dist/components/Slider/index.js

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

package/dist/components/Spinner/index.js

@@ -0,0 +1,10 @@
+'use client';
+import {
+  Spinner,
+  spinnerVariants
+} from "../../chunk-QHJ43Q2T.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Spinner,
+  spinnerVariants
+};

package/dist/components/Stack/index.js

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

package/dist/components/StatusPill/index.js

@@ -0,0 +1,10 @@
+'use client';
+import {
+  StatusPill,
+  statusPillVariants
+} from "../../chunk-4OCXGNP3.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  StatusPill,
+  statusPillVariants
+};

package/dist/components/Switch/index.js

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

package/dist/components/Table/index.js

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

package/dist/components/Tabs/index.js

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

package/dist/components/Tag/index.js

@@ -0,0 +1,10 @@
+'use client';
+import {
+  Tag,
+  tagVariants
+} from "../../chunk-IBCYG6HR.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Tag,
+  tagVariants
+};

package/dist/components/Text/index.js

@@ -0,0 +1,10 @@
+'use client';
+import {
+  Text,
+  textVariants
+} from "../../chunk-UWWL5FPC.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Text,
+  textVariants
+};

package/dist/components/TextGradient/index.js

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

package/dist/components/Textarea/index.js

@@ -0,0 +1,10 @@
+'use client';
+import {
+  Textarea,
+  textareaVariants
+} from "../../chunk-W4IEXUD4.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Textarea,
+  textareaVariants
+};

package/dist/components/ThemeProvider/index.js

@@ -0,0 +1,10 @@
+'use client';
+import {
+  ThemeProvider,
+  useTheme
+} from "../../chunk-YAGVMERC.js";
+import "../../chunk-NHUQLIHL.js";
+export {
+  ThemeProvider,
+  useTheme
+};

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> {
@@ -313,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?: ({
@@ -322,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?: ({
@@ -413,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>>;
 
@@ -510,7 +512,12 @@ declare const logoVariants: (props?: ({
     tone?: "default" | "inverse" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface LogoProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof logoVariants> {
-    variant?: 'full' | 'mark';
+    /** `full` = mark + wordmark; `icon` = mark only. `mark` is the old name for `icon`. */
+    variant?: 'full' | 'icon' | 'mark';
+    /** `color` (default) = the official mark in brand colours; `mono` = `currentColor`. */
+    mark?: 'color' | 'mono';
+    /** Product name shown after the wordmark, e.g. "Command Hub". Ignored for `variant="icon"`. */
+    product?: string;
 }
 declare const Logo: React.ForwardRefExoticComponent<LogoProps & React.RefAttributes<HTMLSpanElement>>;
 
@@ -643,7 +650,7 @@ declare const Drawer: {
     Root: typeof vaul.Root;
     Trigger: React.ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
     Portal: typeof vaul.Portal;
-    Overlay: React.ForwardRefExoticComponent<Omit<RadixDialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Overlay: React.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & 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;
@@ -658,7 +665,7 @@ declare const Sheet: {
     Root: typeof vaul.Root;
     Trigger: React.ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
     Portal: typeof vaul.Portal;
-    Overlay: React.ForwardRefExoticComponent<Omit<RadixDialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Overlay: React.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & 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;
@@ -774,6 +781,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;
@@ -792,6 +802,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>>;
 
@@ -870,6 +882,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 {
@@ -896,6 +911,8 @@ 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> & {
@@ -916,6 +933,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>>;
@@ -1093,6 +1112,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>>;
 
@@ -1104,6 +1127,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>>;
 
@@ -1127,13 +1154,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';