vxui-react 1.1.3 → 1.2.1

package/dist/src/components/AppShell.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, Ref } from 'react';
+import { default as React, ReactNode, Ref } from 'react';
 import { Shell, ShellSidebar, ShellNav, ShellNavSection, ShellNavItem, ShellOverlay, ShellMain, ShellTopbar, ShellContent, ShellNavItem as ShellNavItemType, ShellNavSection as ShellNavSectionType } from './Shell';
 export { Shell, ShellSidebar, ShellNav, ShellNavSection, ShellNavItem, ShellOverlay, ShellMain, ShellTopbar, ShellContent, };
 export type { ShellProps, ShellSidebarProps, ShellNavProps, ShellNavSectionProps, ShellNavItemProps, ShellOverlayProps, ShellMainProps, ShellTopbarProps, ShellContentProps, } from './Shell';
@@ -15,6 +15,8 @@ export interface AppShellProps {
     navItems?: AppShellNavItem[];
     navSections?: AppShellNavSection[];
     sidebarCollapsed?: boolean;
+    /** Configuration for the minimum and exact width of the sidebar (number as px, or CSS string). */
+    sidebarWidth?: number | string;
     mobileNavOpen?: boolean;
     density?: 'comfortable' | 'compact';
     onSidebarToggle?: () => void;
@@ -28,4 +30,4 @@ export interface AppShellProps {
     sidebarFooter?: ReactNode;
     children: ReactNode;
 }
-export declare function AppShell({ brand, brandCaption, brandIcon, topbarRef, breadcrumb, title, description, navItems, navSections, sidebarCollapsed, mobileNavOpen, onSidebarToggle, onMobileNavToggle, onSidebarClick, menuButtonLabel, sidebarCollapseLabel, sidebarExpandLabel, sidebarCloseLabel, density, headerActions, sidebarFooter, children, }: AppShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppShell({ brand, brandCaption, brandIcon, topbarRef, breadcrumb, title, description, navItems, navSections, sidebarCollapsed, sidebarWidth, mobileNavOpen, onSidebarToggle, onMobileNavToggle, onSidebarClick, menuButtonLabel, sidebarCollapseLabel, sidebarExpandLabel, sidebarCloseLabel, density, headerActions, sidebarFooter, children, }: AppShellProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Combobox.d.ts

@@ -16,6 +16,13 @@ export interface ComboboxProps {
     disabled?: boolean;
     clearable?: boolean;
     emptyText?: string;
+    /**
+     * Controls when the search input is shown.
+     * - `true` (default): always show
+     * - `false`: never show
+     * - `number N`: show only when `options.length > N`
+     */
+    searchable?: boolean | number;
     className?: string;
 }
-export declare function Combobox({ options, value: controlledValue, defaultValue, onChange, placeholder, searchPlaceholder, label, hint, error, disabled, clearable, emptyText, className, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Combobox({ options, value: controlledValue, defaultValue, onChange, placeholder, searchPlaceholder, label, hint, error, disabled, clearable, emptyText, searchable, className, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/MultiSelect.d.ts

@@ -0,0 +1,23 @@
+export interface MultiSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface MultiSelectProps {
+    options: MultiSelectOption[];
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (value: string[]) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    label?: string;
+    hint?: string;
+    error?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    emptyText?: string;
+    /** Max number of visible tags before showing "+N more" badge */
+    maxDisplay?: number;
+    className?: string;
+}
+export declare function MultiSelect({ options, value: controlledValue, defaultValue, onChange, placeholder, searchPlaceholder, label, hint, error, disabled, clearable, emptyText, maxDisplay, className, }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Shell.d.ts

@@ -7,6 +7,10 @@ export interface ShellNavItem {
     trailing?: ReactNode;
     active?: boolean;
     onSelect?: () => void;
+    /** Nested sub-items; renders an expandable sub-menu */
+    children?: ShellNavItem[];
+    /** Whether sub-menu is open by default */
+    defaultOpen?: boolean;
 }
 export interface ShellNavSection {
     key?: string;
@@ -17,10 +21,12 @@ export interface ShellProps {
     collapsed?: boolean;
     mobileNavOpen?: boolean;
     density?: 'comfortable' | 'compact';
+    /** Optional: Configure sidebar width via string (e.g., "18rem") or number (e.g., 280 for px) */
+    sidebarWidth?: number | string;
     className?: string;
     children: ReactNode;
 }
-export declare function Shell({ collapsed, mobileNavOpen, density, className, children }: ShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function Shell({ collapsed, mobileNavOpen, density, sidebarWidth, className, children }: ShellProps): import("react/jsx-runtime").JSX.Element;
 export interface ShellSidebarProps {
     brand?: string;
     brandCaption?: string;
@@ -51,8 +57,12 @@ export interface ShellNavItemProps {
     trailing?: ReactNode;
     active?: boolean;
     onSelect?: () => void;
+    /** Nested sub-items rendered as an expandable sub-menu */
+    children?: ReactNode;
+    /** Whether sub-menu starts open. Defaults to false */
+    defaultOpen?: boolean;
 }
-export declare function ShellNavItem({ label, icon, badge, trailing, active, onSelect }: ShellNavItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function ShellNavItem({ label, icon, badge, trailing, active, onSelect, children, defaultOpen }: ShellNavItemProps): import("react/jsx-runtime").JSX.Element;
 export interface ShellOverlayProps {
     onClose?: () => void;
     closeLabel?: string;

package/dist/src/components/TimePicker.d.ts

@@ -0,0 +1,14 @@
+export interface TimePickerProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    label?: string;
+    hint?: string;
+    error?: string;
+    disabled?: boolean;
+    /** Show seconds column. Default false */
+    seconds?: boolean;
+    className?: string;
+}
+export declare function TimePicker({ value: controlledValue, defaultValue, onChange, placeholder, label, hint, error, disabled, seconds, className, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/lib/index.d.ts

@@ -82,6 +82,10 @@ export { DatePicker } from '../components/DatePicker';
 export type { DatePickerProps } from '../components/DatePicker';
 export { Combobox } from '../components/Combobox';
 export type { ComboboxProps, ComboboxOption } from '../components/Combobox';
+export { MultiSelect } from '../components/MultiSelect';
+export type { MultiSelectProps, MultiSelectOption } from '../components/MultiSelect';
+export { TimePicker } from '../components/TimePicker';
+export type { TimePickerProps } from '../components/TimePicker';
 export { FileUpload } from '../components/FileUpload';
 export type { FileUploadProps, UploadedFile } from '../components/FileUpload';
 export { Sheet } from '../components/Sheet';