najm-kit 0.0.7 → 0.0.9

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { ComponentType, ReactNode, MouseEventHandler, InputHTMLAttributes, Ref } from 'react';
+import React__default, { RefObject, ComponentType, ReactNode, CSSProperties, MouseEvent, MouseEventHandler, InputHTMLAttributes, Ref } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -17,6 +17,7 @@ import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { OverlayScrollbarsComponentProps } from 'overlayscrollbars-react';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { Command as Command$1 } from 'cmdk';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
@@ -26,6 +27,7 @@ import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps, UseFormProps, SubmitHandler, UseFormReturn } from 'react-hook-form';
 import { Slot } from '@radix-ui/react-slot';
 import { LucideProps, LucideIcon } from 'lucide-react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
 import { ZodTypeAny, TypeOf } from 'zod';
 import { SortingState, ExpandedState, ColumnDef, Row, ColumnFiltersState, VisibilityState, RowSelectionState } from '@tanstack/react-table';
 export { N as NTableJson } from './NTableJson-tXqgfZI1.js';
@@ -35,6 +37,15 @@ import { ClassValue } from 'clsx';
 type NajmMode = 'light' | 'dark';
 type NajmAccent = 'neutral' | 'emerald' | 'green' | 'slate' | 'blue' | 'violet';
 type NajmPreset = 'light' | 'dark' | 'dark-emerald' | 'dark-green' | 'dark-slate' | 'dark-blue' | 'dark-violet';
+/**
+ * Semantic border contrast preference. Components interpret this based on
+ * their role (surface container, input, floating surface, etc.) so a single
+ * app-wide value can drive border contrast for many components at once.
+ */
+type NajmBorderDegree = 'none' | 'subtle' | 'default' | 'strong';
+interface NajmAppearance {
+    borderDegree?: NajmBorderDegree;
+}
 interface NajmThemeTokens {
     background?: string;
     foreground?: string;
@@ -55,6 +66,8 @@ interface NajmThemeTokens {
     destructive?: string;
     'destructive-foreground'?: string;
     border?: string;
+    'border-subtle'?: string;
+    'border-strong'?: string;
     input?: string;
     ring?: string;
     radius?: string;
@@ -67,20 +80,47 @@ interface NajmThemeProviderProps {
     /** When true, only inject accent tokens (primary, ring, accent and their foregrounds).
      *  Everything else (bg, card, fg…) is inherited from the parent cascade. */
     accentOnly?: boolean;
+    /** App-wide UI preferences (currently border contrast). */
+    appearance?: NajmAppearance;
     className?: string;
     asChild?: boolean;
     children: React.ReactNode;
 }
 
-declare function NajmThemeProvider({ preset, mode, accent, tokens, accentOnly, className, asChild, children, }: NajmThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare function useNajmAppearance(): Required<NajmAppearance>;
+declare function NajmThemeProvider({ preset, mode, accent, tokens, accentOnly, appearance, className, asChild, children, }: NajmThemeProviderProps): react_jsx_runtime.JSX.Element;
 
 declare function composePreset(mode: NajmMode, accent: NajmAccent): NajmThemeTokens;
 declare function resolvePreset(preset: NajmPreset): NajmThemeTokens;
 
+interface BorderResolutionOptions {
+    borderDegree?: NajmBorderDegree;
+    bordered?: boolean;
+    fallback?: NajmBorderDegree;
+}
+declare function resolveBorderDegree(borderDegree: NajmBorderDegree | undefined, bordered: boolean | undefined, globalBorderDegree: NajmBorderDegree | undefined, fallback?: NajmBorderDegree): NajmBorderDegree;
+declare function borderColorClassForDegree(degree: NajmBorderDegree): string;
+declare function inputBorderColorClassForDegree(degree: NajmBorderDegree): string;
+declare function useResolvedBorderDegree(options?: BorderResolutionOptions): NajmBorderDegree;
+declare function surfaceBorderClasses(degree: NajmBorderDegree): string;
+
 interface KeyboardOptions {
     enabled?: boolean;
     preventDefault?: boolean;
+    /**
+     * When `true` (default), ignore key events that originate inside editable
+     * text fields: `<input type="text|search|email|password|tel|url|number|...">`,
+     * `<textarea>`, `<select>`, `[contenteditable]`, and `[role="combobox"]`.
+     * Non-text inputs (checkbox, radio, button, submit) still pass through so
+     * shortcuts like Ctrl+A keep working from a focused row checkbox.
+     */
     ignoreInputs?: boolean;
+    /**
+     * When provided, only fire when the keydown's `e.target` is contained by
+     * this element. Useful for scoping shortcuts to one mounted component
+     * instance (e.g., one NTable on a page that contains several).
+     */
+    scopeRef?: RefObject<HTMLElement | null>;
 }
 declare function useKeyboard(shortcut: string, handler: (e: KeyboardEvent) => void, options?: KeyboardOptions): void;
 
@@ -133,7 +173,7 @@ type NIconProps = Omit<React__default.HTMLAttributes<HTMLElement>, "children"> &
 declare const NIcon: React__default.FC<NIconProps>;
 
 declare const buttonVariants: (props?: {
-    variant?: "secondary" | "tertiary" | "destructive" | "default" | "outline" | "link" | "ghost" | "success" | "warning" | "info" | "soft" | "subtle" | "plain";
+    variant?: "subtle" | "default" | "secondary" | "tertiary" | "destructive" | "outline" | "link" | "ghost" | "success" | "warning" | "info" | "soft" | "plain";
     size?: "default" | "icon" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "icon-xs" | "icon-sm" | "icon-lg" | "icon-xl";
     rounded?: "none" | "default" | "sm" | "md" | "lg" | "xl" | "2xl" | "full";
     fullWidth?: boolean;
@@ -155,6 +195,8 @@ interface ButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElemen
     loaderPosition?: ButtonLoaderPosition;
     leftIcon?: ButtonIcon;
     rightIcon?: ButtonIcon;
+    bordered?: boolean;
+    borderDegree?: NajmBorderDegree;
     onClick?: AsyncClickHandler;
 }
 type NButtonProps = ButtonProps;
@@ -162,7 +204,7 @@ declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.Re
 declare const NButton: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const badgeVariants: (props?: {
-    variant?: "secondary" | "destructive" | "default" | "outline" | "success" | "warning";
+    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning";
 } & class_variance_authority_types.ClassProp) => string;
 declare const badgeColorVariants: (props?: {
     color?: "neutral" | "primary" | "accent" | "secondary" | "destructive" | "success" | "warning" | "info";
@@ -199,6 +241,32 @@ declare const NBadge: typeof Badge;
 type NBadgeLook = BadgeDisplayLook;
 type NBadgeProps = BadgeProps;
 
+type IndicatorVertical = "top" | "middle" | "bottom";
+type IndicatorHorizontal = "start" | "center" | "end";
+type IndicatorPosition = `${IndicatorVertical}-${IndicatorHorizontal}`;
+type IndicatorResponsivePosition = Partial<Record<"base" | "sm" | "md" | "lg" | "xl" | "2xl", IndicatorPosition>>;
+type IndicatorOverlay = "dot" | "status" | "badge" | "button" | "custom";
+type IndicatorSize = "sm" | "md" | "lg";
+interface IndicatorProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "children" | "content" | "color" | "default"> {
+    children: React$1.ReactNode;
+    position?: IndicatorPosition | IndicatorResponsivePosition;
+    overlay?: IndicatorOverlay;
+    color?: BadgeColor;
+    size?: IndicatorSize;
+    shape?: BadgeShape;
+    content?: React$1.ReactNode;
+    ping?: boolean;
+    pulse?: boolean;
+    className?: string;
+    overlayClassName?: string;
+}
+declare const indicatorVariants: (props?: {} & class_variance_authority_types.ClassProp) => string;
+declare function NIndicator({ children, position, overlay, color, size, shape, content, ping, pulse, className, overlayClassName, ...rest }: IndicatorProps): react_jsx_runtime.JSX.Element;
+declare namespace NIndicator {
+    var displayName: string;
+}
+declare const Indicator: typeof NIndicator;
+
 declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
 
 declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
@@ -236,6 +304,7 @@ type DialogWidth = 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl' | '
 type DialogHeight = 'auto' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'full';
 type RenderSlot<T = any> = T | ((ctx: T) => ReactNode);
 
+type DialogActionMode = "auto" | "dialog" | "content";
 interface ButtonConfig {
     text: string;
     variant?: "default" | "destructive" | "secondary" | "outline" | "tertiary" | "ghost";
@@ -247,6 +316,16 @@ interface ButtonConfig {
     disabled?: boolean;
     form?: string;
 }
+interface DialogRenderContext {
+    dialog: DialogConfig;
+    index: number;
+    zIndex: number;
+    close: (result?: any) => void;
+    confirm: (data?: any) => Promise<void>;
+    cancel: (data?: any) => Promise<void>;
+    onOpenChange: (open: boolean) => void;
+}
+type DialogRenderer = (context: DialogRenderContext) => ReactNode;
 interface DialogConfig {
     id: string;
     title?: string;
@@ -259,6 +338,8 @@ interface DialogConfig {
     width?: DialogWidth;
     height?: DialogHeight;
     className?: string;
+    actionMode?: DialogActionMode;
+    render?: DialogRenderer;
 }
 /** Internal store shape that adds promise handlers. */
 interface PromiseDialogConfig extends DialogConfig {
@@ -276,6 +357,14 @@ interface PushDialogOptions {
     width?: DialogWidth;
     height?: DialogHeight;
     className?: string;
+    /**
+     * Controls which layer owns action buttons.
+     * - auto: hide dialog buttons when content declares its own actions
+     * - dialog: always use the dialog footer
+     * - content: never render the dialog footer buttons
+     */
+    actionMode?: DialogActionMode;
+    render?: DialogRenderer;
 }
 interface DeleteDialogOptions {
     title?: string;
@@ -296,13 +385,13 @@ interface DialogApi {
     confirmDelete: (options: DeleteDialogOptions) => Promise<any>;
     closeAll: () => void;
     push: (options: PushDialogOptions) => Promise<any>;
-    pop: (result?: any) => void;
+    pop: (result?: any) => Promise<void>;
 }
 
 interface DialogStoreState {
     dialogs: PromiseDialogConfig[];
     pushDialog: (config: PushDialogOptions) => Promise<any>;
-    popDialog: (result?: any) => void;
+    popDialog: (result?: any) => Promise<void>;
     closeDialog: (id: string, result?: any) => void;
     closeAllDialogs: () => void;
     getCurrentDialog: () => PromiseDialogConfig | undefined;
@@ -329,7 +418,7 @@ interface NMultiDialogProps {
     store?: DialogStore;
 }
 declare function NMultiDialog({ store: storeProp }: NMultiDialogProps): react_jsx_runtime.JSX.Element;
-interface NDialogDirectProps extends PushDialogOptions {
+interface NDialogDirectProps extends Omit<PushDialogOptions, "render"> {
     trigger?: React__default.ReactElement;
     open?: boolean;
     defaultOpen?: boolean;
@@ -362,7 +451,22 @@ interface NDeleteDialogContentProps {
     warningText?: string;
     className?: string;
 }
+interface NDeleteDialogProps extends Omit<NDeleteDialogContentProps, "className"> {
+    open?: boolean;
+    title?: string;
+    description?: string;
+    confirmText?: string;
+    cancelText?: string;
+    loading?: boolean;
+    zIndex?: number;
+    className?: string;
+    contentClassName?: string;
+    onOpenChange?: (open: boolean) => void;
+    onConfirm?: () => void | Promise<void>;
+    onCancel?: () => void | Promise<void>;
+}
 declare function NDeleteDialogContent({ itemName, itemType, icon: Icon, warningText, className, }: NDeleteDialogContentProps): react_jsx_runtime.JSX.Element;
+declare function NDeleteDialog({ open, title, description, itemName, itemType, icon, warningText, confirmText, cancelText, loading, zIndex, className, contentClassName, onOpenChange, onConfirm, onCancel, }: NDeleteDialogProps): react_jsx_runtime.JSX.Element;
 
 declare function NPortalScopeProvider({ className, children }: {
     className?: string;
@@ -397,7 +501,7 @@ declare function NSheet({ open, onOpenChange, title, description, width, side, p
 declare function useDialog(store?: DialogStore): DialogApi;
 
 declare const alertVariants: (props?: {
-    tone?: "destructive" | "default" | "error" | "success" | "warning" | "info";
+    tone?: "default" | "destructive" | "error" | "success" | "warning" | "info";
     look?: "solid" | "outline" | "soft" | "dash";
     size?: "sm" | "md" | "lg";
     orientation?: "horizontal" | "vertical" | "responsive";
@@ -514,6 +618,62 @@ interface TabsTriggerProps extends React$1.ComponentProps<typeof TabsPrimitive.T
 declare function TabsTrigger({ className, variant, ...props }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
 declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
+declare const TAB_COLORS: {
+    readonly default: {
+        readonly list: "bg-muted";
+        readonly active: "bg-background";
+    };
+    readonly primary: {
+        readonly list: "bg-primary/20";
+        readonly active: "bg-primary/50";
+    };
+    readonly card: {
+        readonly list: "bg-card";
+        readonly active: "bg-muted";
+    };
+    readonly ghost: {
+        readonly list: "bg-transparent";
+        readonly active: "bg-accent";
+    };
+};
+type NTabsColor = keyof typeof TAB_COLORS;
+
+type NTabsItem<V extends string = string> = {
+    value: V;
+    label: React__default.ReactNode;
+    icon?: NIconSource;
+    content: React__default.ReactNode;
+    disabled?: boolean;
+};
+type NTabsClassNames = {
+    root?: string;
+    list?: string;
+    trigger?: string;
+    content?: string;
+};
+type NTabsStyles = {
+    root?: React__default.CSSProperties;
+    list?: React__default.CSSProperties;
+    trigger?: React__default.CSSProperties;
+    activeTrigger?: React__default.CSSProperties;
+    content?: React__default.CSSProperties;
+};
+interface NTabsProps<V extends string = string> {
+    items: NTabsItem<V>[];
+    defaultValue?: V;
+    value?: V;
+    onValueChange?: (value: V) => void;
+    variant?: TabsVariant;
+    orientation?: TabsOrientation;
+    color?: NTabsColor;
+    accentColor?: string;
+    fullWidth?: boolean;
+    className?: string;
+    classNames?: NTabsClassNames;
+    styles?: NTabsStyles;
+}
+declare function NTabs<V extends string = string>({ items, defaultValue, value, onValueChange, variant, orientation, color, accentColor, fullWidth, className, classNames, styles, }: NTabsProps<V>): react_jsx_runtime.JSX.Element;
+
 declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
 declare function Tooltip({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
 declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
@@ -554,6 +714,28 @@ interface ScrollAreaProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare function ScrollArea({ className, children, ...props }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
 
+interface NajmScrollProps extends Omit<OverlayScrollbarsComponentProps, "options" | "ref" | "element"> {
+    /** Host element tag. Defaults to "div". */
+    element?: keyof React$1.JSX.IntrinsicElements;
+    /** Which axes may scroll. Defaults to vertical only. */
+    axis?: "both" | "x" | "y";
+    /** Scrollbar auto-hide behaviour. Defaults to "never" (always visible while scrollable). */
+    autoHide?: "never" | "scroll" | "leave" | "move";
+    /** Receives the actual scroll viewport element (the node that scrolls), for measuring or scrollTo. */
+    viewportRef?: React$1.Ref<HTMLElement>;
+    options?: OverlayScrollbarsComponentProps["options"];
+}
+/**
+ * Scroll container with a custom overlay scrollbar (OverlayScrollbars).
+ *
+ * The bar floats over the content and reserves **no layout space** in every
+ * browser — unlike native scrollbars, which `overflow: auto` always reserves a
+ * gutter for. Children are rendered inside the scroll viewport, so put layout
+ * (grid/flex) classes on a child element, and sizing (`flex-1 min-h-0`,
+ * `max-h-*`, etc.) on this component.
+ */
+declare function NajmScroll({ className, axis, autoHide, viewportRef, events, options, element, children, style, ...props }: NajmScrollProps): react_jsx_runtime.JSX.Element;
+
 type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
 type AvatarShape$1 = "circle" | "rounded" | "square";
 type AvatarStatusType = "online" | "offline" | "busy" | "away";
@@ -849,6 +1031,7 @@ interface CardClassNames {
 }
 interface CardProps {
     children?: React__default.ReactNode;
+    onClick?: () => void;
     title?: string;
     description?: string;
     icon?: NIconSource;
@@ -865,10 +1048,12 @@ interface CardProps {
     onRetry?: () => void;
     noPadding?: boolean;
     separator?: boolean;
+    bordered?: boolean;
+    borderDegree?: NajmBorderDegree;
     className?: string;
     classNames?: CardClassNames;
 }
-declare function NCard({ children, title, description, icon, iconColor, loading, error, empty, noData, loadingText, errorText, emptyText, noDataText, skeleton, onRetry, noPadding, separator, className, classNames, }: CardProps): react_jsx_runtime.JSX.Element;
+declare function NCard({ children, title, description, icon, iconColor, loading, error, empty, noData, loadingText, errorText, emptyText, noDataText, skeleton, onRetry, noPadding, separator, bordered, borderDegree, className, classNames, onClick, }: CardProps): react_jsx_runtime.JSX.Element;
 
 declare function truncateByCharacters(text: string, maxCharacters: number, suffix?: string): string;
 interface NSectionInfoProps {
@@ -952,6 +1137,8 @@ interface BaseProps$1 {
     icon: NIconSource;
     label: string;
     onClick?: () => void;
+    bordered?: boolean;
+    borderDegree?: NajmBorderDegree;
     className?: string;
     classNames?: NStatCardClassNames;
 }
@@ -1251,33 +1438,6 @@ interface NBulkActionsBarProps {
  */
 declare function NBulkActionsBar({ count, actions, onAction, onClear, busy, variant, className }: NBulkActionsBarProps): react_jsx_runtime.JSX.Element;
 
-type NUploaderItemStatus = "uploading" | "done" | "error";
-interface NUploaderItem {
-    id: string;
-    name: string;
-    size?: number;
-    mimeType?: string;
-    progress?: number;
-    status?: NUploaderItemStatus;
-    error?: string;
-}
-interface NUploaderProps {
-    title?: string;
-    subtitle?: string;
-    accept?: string;
-    multiple?: boolean;
-    disabled?: boolean;
-    items?: NUploaderItem[];
-    emptyListLabel?: string;
-    listTitle?: string;
-    className?: string;
-    dropzoneClassName?: string;
-    onFilesSelected?: (files: File[]) => void;
-    onCancel?: (id: string) => void;
-    onRemove?: (id: string) => void;
-}
-declare function NUploader({ title, subtitle, accept, multiple, disabled, items, listTitle, className, dropzoneClassName, onFilesSelected, onCancel, onRemove, }: NUploaderProps): react_jsx_runtime.JSX.Element;
-
 type IconSize = "sm" | "md" | "lg" | "xl";
 interface NFileTypeIconProps {
     mimeType?: string;
@@ -1295,26 +1455,65 @@ interface NFolderIconProps {
 }
 declare function NFolderIcon({ size, className }: NFolderIconProps): react_jsx_runtime.JSX.Element;
 
-interface BaseInputProps {
-    children: React__default.ReactNode;
-    variant?: "default" | "rounded" | "ghost";
-    status?: "default" | "error";
-    hasIcon?: boolean;
-    className?: string;
+type SliderVariant = "default" | "secondary" | "destructive" | "accent" | "success" | "warning" | "info";
+type SliderSize = "sm" | "md" | "lg";
+type SliderOrientation = "horizontal" | "vertical";
+declare const sliderVariants: (props?: {
+    size?: "sm" | "md" | "lg";
+    orientation?: "horizontal" | "vertical";
+} & class_variance_authority_types.ClassProp) => string;
+interface NSliderProps extends Omit<React$1.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, "value" | "defaultValue" | "onValueChange" | "orientation" | "dir" | "asChild"> {
+    value?: number | [number, number];
+    defaultValue?: number | [number, number];
+    onValueChange?: (value: number | [number, number]) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    variant?: SliderVariant;
+    size?: SliderSize;
+    orientation?: SliderOrientation;
     disabled?: boolean;
-    onHover?: () => void;
-    onClick?: () => void;
+    showTooltip?: boolean;
+    formatTooltip?: (n: number) => string;
+    dir?: "ltr" | "rtl";
+    name?: string;
+    id?: string;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+}
+declare function NSlider({ value: controlledValue, defaultValue, onValueChange, min, max, step, variant, size, orientation, disabled, showTooltip, formatTooltip, dir, name, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...rest }: NSliderProps): react_jsx_runtime.JSX.Element;
+declare namespace NSlider {
+    var displayName: string;
+}
+
+interface SliderProps extends Omit<NSliderProps, "value" | "defaultValue" | "onValueChange"> {
+    value: number[];
+    onValueChange: (value: number[]) => void;
+}
+declare function Slider({ value, onValueChange, ...rest }: SliderProps): react_jsx_runtime.JSX.Element;
+interface SliderInputProps extends Omit<NSliderProps, "value" | "defaultValue" | "onValueChange" | "onChange"> {
+    value?: number;
+    onChange?: (value: number) => void;
+    status?: "default" | "error";
+    icon?: unknown;
+    iconColor?: string;
+    readOnly?: boolean;
 }
-declare const BaseInput: React__default.FC<BaseInputProps>;
+declare function SliderInput({ value, onChange, status: _status, icon: _icon, iconColor: _iconColor, readOnly: _readOnly, ...rest }: SliderInputProps): react_jsx_runtime.JSX.Element;
 
 type InputIcon = string | ReactNode | ComponentType<{
     className?: string;
-    style?: React.CSSProperties;
+    style?: CSSProperties;
 }>;
+declare const TAILWIND_COLORS: readonly ["black", "white", "gray", "slate", "zinc", "neutral", "stone", "red", "orange", "amber", "yellow", "green", "teal", "blue", "indigo", "purple"];
+type TailwindColor = "muted" | "primary" | "accent" | "success" | "warning" | "destructive" | typeof TAILWIND_COLORS[number];
 interface BaseProps {
     className?: string;
     variant?: "default" | "rounded" | "ghost";
     status?: "default" | "error";
+    bordered?: boolean;
+    borderDegree?: NajmBorderDegree;
+    borderColor?: TailwindColor;
     iconColor?: string;
 }
 interface SelectItemType {
@@ -1401,9 +1600,7 @@ interface SwitchInputProps extends BaseProps {
     onChange: (checked: boolean) => void;
     label?: string;
     helper?: string;
-    icon?: string | ComponentType<{
-        className?: string;
-    }>;
+    icon?: InputIcon;
     showIcon?: boolean;
     iconPosition?: "label" | "input";
 }
@@ -1498,6 +1695,19 @@ interface LangInputProps extends BaseProps {
     disabled?: boolean;
 }
 
+interface BaseInputProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children: React__default.ReactNode;
+    variant?: "default" | "rounded" | "ghost";
+    status?: "default" | "error";
+    bordered?: boolean;
+    borderDegree?: NajmBorderDegree;
+    borderColor?: TailwindColor;
+    hasIcon?: boolean;
+    disabled?: boolean;
+    onHover?: () => void;
+}
+declare const BaseInput: React__default.ForwardRefExoticComponent<BaseInputProps & React__default.RefAttributes<HTMLDivElement>>;
+
 declare const TextInput: React__default.FC<TextInputProps>;
 
 declare const NumberInput: React__default.FC<NumberInputProps>;
@@ -1516,7 +1726,7 @@ declare const RadioGroupInput: React__default.FC<RadioGroupInputProps>;
 
 declare const CheckboxInput: React__default.FC<CheckboxInputProps>;
 
-declare function CheckboxGroupInput({ value, onChange, items, layout, className, variant, status, disabled, }: CheckboxGroupInputProps & {
+declare function CheckboxGroupInput({ value, onChange, items, layout, className, variant, status, bordered, borderDegree, borderColor, disabled, }: CheckboxGroupInputProps & {
     disabled?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
@@ -1526,6 +1736,34 @@ declare const DateInput: React__default.FC<DateInputProps>;
 
 declare const FileInput: React__default.FC<FileInputProps>;
 
+type NUploaderItemStatus = "uploading" | "done" | "error";
+interface NUploaderItem {
+    id: string;
+    name: string;
+    size?: number;
+    mimeType?: string;
+    progress?: number;
+    status?: NUploaderItemStatus;
+    error?: string;
+}
+interface NUploaderProps {
+    title?: string;
+    subtitle?: string;
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    items?: NUploaderItem[];
+    emptyListLabel?: string;
+    listTitle?: string;
+    className?: string;
+    dropzoneClassName?: string;
+    borderDegree?: NajmBorderDegree;
+    onFilesSelected?: (files: File[]) => void;
+    onCancel?: (id: string) => void;
+    onRemove?: (id: string) => void;
+}
+declare function NUploader({ title, subtitle, accept, multiple, disabled, items, listTitle, className, dropzoneClassName, borderDegree, onFilesSelected, onCancel, onRemove, }: NUploaderProps): react_jsx_runtime.JSX.Element;
+
 declare function ImageInput({ value, onChange, previewClassName, showPreview, previewPosition, allowClear, accept, defaultImage, imageSize, imageVersion, disabled, }: ImageInputProps & {
     disabled?: boolean;
 }): react_jsx_runtime.JSX.Element;
@@ -1534,19 +1772,22 @@ declare const StarRatingInput: React__default.FC<StarRatingInputProps>;
 
 declare const ColorArrayInput: React__default.FC<ColorArrayInputProps>;
 
-declare function ColorPickerInput({ value, onChange, colors, className, variant, status, disabled, }: ColorArrayInputProps & {
+declare function ColorPickerInput({ value, onChange, colors, className, variant, status, bordered, borderDegree, borderColor, disabled, }: ColorArrayInputProps & {
     disabled?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-declare function EmojiInput({ value, onChange, options, className, variant, status, disabled, }: EmojiInputProps & {
+declare function EmojiInput({ value, onChange, options, className, variant, status, bordered, borderDegree, borderColor, disabled, }: EmojiInputProps & {
     disabled?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
 declare function LangInput({ value, onChange, items, disabled, className, }: LangInputProps): react_jsx_runtime.JSX.Element;
 
-declare function PhoneInput({ value, onChange, defaultCountry, placeholder, disabled, className, variant, status, }: PhoneInputProps & {
+declare function PhoneInput({ value, onChange, defaultCountry, placeholder, disabled, className, variant, status, bordered, borderDegree, borderColor, }: PhoneInputProps & {
     variant?: "default" | "rounded" | "ghost";
     status?: "default" | "error";
+    borderColor?: TailwindColor;
+    bordered?: boolean;
+    borderDegree?: NajmBorderDegree;
 }): react_jsx_runtime.JSX.Element;
 
 declare const TimeInput: React__default.FC<TimeInputProps>;
@@ -1563,17 +1804,6 @@ declare function getIconColorProps(iconColor?: string, baseClassName?: string):
     };
 };
 
-interface SliderProps {
-    value: number[];
-    onValueChange: (value: number[]) => void;
-    min?: number;
-    max?: number;
-    step?: number;
-    className?: string;
-    disabled?: boolean;
-}
-declare function Slider({ value, onValueChange, min, max, step, className, disabled }: SliderProps): react_jsx_runtime.JSX.Element;
-
 interface SearchFieldProps {
     value: string;
     onChange: (value: string) => void;
@@ -1618,6 +1848,8 @@ interface FormSlotClassNames {
 }
 declare const VariantProvider: React__default.FC<{
     variant?: FormVariant;
+    bordered?: boolean;
+    borderDegree?: NajmBorderDegree;
     children: React__default.ReactNode;
 }>;
 declare const useVariant: () => FormVariant;
@@ -1628,7 +1860,7 @@ interface BaseFormInputProps {
     formLabel?: string;
     formDescription?: string;
     required?: boolean;
-    icon?: React.ReactNode;
+    icon?: NIconSource;
     iconColor?: string;
     items?: any;
     disabled?: boolean;
@@ -1638,27 +1870,29 @@ interface BaseFormInputProps {
     classNames?: FormSlotClassNames;
     onChange?: (value: any) => void;
 }
+type FormInputSpecificProps<T> = Omit<T, "value" | "onChange" | keyof BaseFormInputProps>;
 type InputTypeMap = {
-    text: Omit<TextInputProps, "value" | "onChange">;
-    number: Omit<NumberInputProps, "value" | "onChange">;
-    password: Omit<PasswordInputProps, "value" | "onChange">;
-    textarea: Omit<TextAreaInputProps, "value" | "onChange">;
-    select: Omit<SelectInputProps, "value" | "onChange">;
-    combobox: Omit<ComboboxInputProps, "value" | "onChange">;
-    multiselect: Omit<MultiSelectInputProps, "value" | "onChange">;
-    radio: Omit<RadioGroupInputProps, "value" | "onChange">;
-    switch: Omit<SwitchInputProps, "value" | "onChange">;
-    checkbox: Omit<CheckboxInputProps, "value" | "onChange">;
-    checkboxGroup: Omit<CheckboxGroupInputProps, "value" | "onChange">;
-    file: Omit<FileInputProps, "value" | "onChange">;
-    image: Omit<ImageInputProps, "value" | "onChange">;
-    date: Omit<DateInputProps, "value" | "onChange">;
-    starRating: Omit<StarRatingInputProps, "value" | "onChange">;
-    colorArray: Omit<ColorArrayInputProps, "value" | "onChange">;
-    emoji: Omit<EmojiInputProps, "value" | "onChange">;
-    lang: Omit<LangInputProps, "value" | "onChange">;
-    phone: Omit<PhoneInputProps, "value" | "onChange">;
-    time: Omit<TimeInputProps, "value" | "onChange">;
+    text: FormInputSpecificProps<TextInputProps>;
+    number: FormInputSpecificProps<NumberInputProps>;
+    password: FormInputSpecificProps<PasswordInputProps>;
+    textarea: FormInputSpecificProps<TextAreaInputProps>;
+    select: FormInputSpecificProps<SelectInputProps>;
+    combobox: FormInputSpecificProps<ComboboxInputProps>;
+    multiselect: FormInputSpecificProps<MultiSelectInputProps>;
+    radio: FormInputSpecificProps<RadioGroupInputProps>;
+    switch: FormInputSpecificProps<SwitchInputProps>;
+    checkbox: FormInputSpecificProps<CheckboxInputProps>;
+    checkboxGroup: FormInputSpecificProps<CheckboxGroupInputProps>;
+    file: FormInputSpecificProps<FileInputProps>;
+    image: FormInputSpecificProps<ImageInputProps>;
+    date: FormInputSpecificProps<DateInputProps>;
+    starRating: FormInputSpecificProps<StarRatingInputProps>;
+    colorArray: FormInputSpecificProps<ColorArrayInputProps>;
+    emoji: FormInputSpecificProps<EmojiInputProps>;
+    lang: FormInputSpecificProps<LangInputProps>;
+    phone: FormInputSpecificProps<PhoneInputProps>;
+    time: FormInputSpecificProps<TimeInputProps>;
+    slider: FormInputSpecificProps<SliderInputProps>;
 };
 type FormInputProps = {
     [K in keyof InputTypeMap]: BaseFormInputProps & {
@@ -1671,6 +1905,8 @@ type FormProps<T extends ZodTypeAny = ZodTypeAny> = {
     onSubmit: SubmitHandler<TypeOf<T>>;
     form?: UseFormReturn<TypeOf<T>>;
     variant?: FormVariant;
+    bordered?: boolean;
+    borderDegree?: NajmBorderDegree;
     as?: "form" | "div";
     className?: string;
     id?: string;
@@ -1753,6 +1989,9 @@ interface WizardFormProps {
     nextLabel?: string;
     previousLabel?: string;
     submitLabel?: string;
+    variant?: FormVariant;
+    bordered?: boolean;
+    borderDegree?: NajmBorderDegree;
     className?: string;
     classNames?: WizardClassNames;
     footerSlot?: ReactNode;
@@ -1764,7 +2003,7 @@ interface StepMeta {
     title: string;
 }
 
-declare function WizardForm({ steps, schema, defaultValues, onSubmit, currentStep: controlledStep, onCurrentStepChange, onStepComplete, showHeader, showFooter, nextLabel, previousLabel, submitLabel, className, classNames, footerSlot, }: WizardFormProps): react_jsx_runtime.JSX.Element;
+declare function WizardForm({ steps, schema, defaultValues, onSubmit, currentStep: controlledStep, onCurrentStepChange, onStepComplete, showHeader, showFooter, nextLabel, previousLabel, submitLabel, variant, bordered, borderDegree, className, classNames, footerSlot, }: WizardFormProps): react_jsx_runtime.JSX.Element;
 
 interface StepIndicatorProps {
     stepNumber: number;
@@ -1871,7 +2110,10 @@ interface TableState {
     CardComponent: ComponentType<any> | null;
     className: string;
     classNames: NTableClassNames;
+    bordered?: boolean;
+    borderDegree?: NajmBorderDegree;
     headerClassName: string;
+    headerColor: string | undefined;
     showCheckbox: boolean;
     selectedRowId: string | null;
     headerSlot: ReactNode | null;
@@ -1881,6 +2123,9 @@ interface TableState {
     onDelete: any;
     onRowClick: any;
     onRowContextMenu: any;
+    onBackgroundContextMenu: ((e: MouseEvent) => void) | null;
+    openRowMenu: ((e: MouseEvent, row: any) => void) | null;
+    menuButton: boolean;
     onCellClick: any;
     onBulkDelete: any;
     onRetry: any;
@@ -1979,7 +2224,10 @@ declare const createTableStore: () => {
         CardComponent: () => ComponentType<any>;
         className: () => string;
         classNames: () => NTableClassNames;
+        bordered?: () => boolean;
+        borderDegree?: () => NajmBorderDegree;
         headerClassName: () => string;
+        headerColor: () => string;
         showCheckbox: () => boolean;
         selectedRowId: () => string;
         headerSlot: () => ReactNode;
@@ -1989,6 +2237,9 @@ declare const createTableStore: () => {
         onDelete: () => any;
         onRowClick: () => any;
         onRowContextMenu: () => any;
+        onBackgroundContextMenu: () => (e: MouseEvent) => void;
+        openRowMenu: () => (e: MouseEvent, row: any) => void;
+        menuButton: () => boolean;
         onCellClick: () => any;
         onBulkDelete: () => any;
         onRetry: () => any;
@@ -2056,6 +2307,45 @@ declare const createTableStore: () => {
     };
 };
 
+declare const HEADER_COLORS: {
+    readonly primary: {
+        readonly bg: "bg-primary/15";
+        readonly text: "[&_th]:text-primary";
+        readonly row: "hover:bg-primary/5";
+    };
+    readonly violet: {
+        readonly bg: "bg-violet-600/20";
+        readonly text: "[&_th]:text-violet-700 dark:[&_th]:text-violet-300";
+        readonly row: "hover:bg-violet-500/5";
+    };
+    readonly blue: {
+        readonly bg: "bg-blue-600/20";
+        readonly text: "[&_th]:text-blue-700   dark:[&_th]:text-blue-300";
+        readonly row: "hover:bg-blue-500/5";
+    };
+    readonly emerald: {
+        readonly bg: "bg-emerald-600/20";
+        readonly text: "[&_th]:text-emerald-700 dark:[&_th]:text-emerald-300";
+        readonly row: "hover:bg-emerald-500/5";
+    };
+    readonly amber: {
+        readonly bg: "bg-amber-500/20";
+        readonly text: "[&_th]:text-amber-700   dark:[&_th]:text-amber-300";
+        readonly row: "hover:bg-amber-500/5";
+    };
+    readonly rose: {
+        readonly bg: "bg-rose-600/20";
+        readonly text: "[&_th]:text-rose-700    dark:[&_th]:text-rose-300";
+        readonly row: "hover:bg-rose-500/5";
+    };
+    readonly slate: {
+        readonly bg: "bg-slate-700/60";
+        readonly text: "[&_th]:text-slate-100   dark:[&_th]:text-slate-300";
+        readonly row: "hover:bg-slate-500/5";
+    };
+};
+type TableHeaderColor = keyof typeof HEADER_COLORS;
+
 interface NTableState {
     sorting: SortingState;
     columnFilters: ColumnFiltersState;
@@ -2063,6 +2353,18 @@ interface NTableState {
     rowSelection: RowSelectionState;
     globalFilter: string;
 }
+/**
+ * Unified menu definition for NTable. The same items power the row right-click
+ * menu AND the built-in ⋮ button; `background` powers right-click on whitespace.
+ */
+interface NTableMenu<T = any> {
+    /** Items for right-clicking a row/card and for the built-in ⋮ button. */
+    row?: (row: T) => ContextMenuItem[];
+    /** Items for right-clicking empty space (whitespace / between cards). */
+    background?: () => ContextMenuItem[];
+}
+/** Object form, or a bare function treated as `{ row }`. */
+type NTableMenuProp<T = any> = NTableMenu<T> | ((row: T) => ContextMenuItem[]);
 interface NTableProps<T = any, M extends ViewMode = ViewMode> {
     data: T[];
     columns: ColumnDef<T, any>[];
@@ -2083,6 +2385,7 @@ interface NTableProps<T = any, M extends ViewMode = ViewMode> {
         canExpand?: boolean;
         renderSubRow?: (row: T) => React__default.ReactNode;
         'data-row'?: string;
+        'data-row-id'?: string;
     }>;
     renderToolbar?: (state: NTableState) => React__default.ReactNode;
     renderEmpty?: () => React__default.ReactNode;
@@ -2090,6 +2393,9 @@ interface NTableProps<T = any, M extends ViewMode = ViewMode> {
     renderLoading?: () => React__default.ReactNode;
     className?: string;
     classNames?: NTableClassNames;
+    /** Use a border instead of a shadow for the table container and cards. */
+    bordered?: boolean;
+    borderDegree?: NajmBorderDegree;
     density?: "compact" | "comfortable" | "spacious";
     availableModes?: readonly M[];
     mode?: M;
@@ -2138,9 +2444,12 @@ interface NTableProps<T = any, M extends ViewMode = ViewMode> {
     toolbarLabels?: boolean;
     dynamicHeight?: boolean;
     headerClassName?: string;
+    headerColor?: TableHeaderColor;
     showCheckbox?: boolean;
     onRowClick?: (row: T) => void;
     onRowContextMenu?: (e: React__default.MouseEvent, row: T) => void;
+    menu?: NTableMenuProp<T>;
+    menuButton?: boolean;
     onCellEdit?: (row: T, columnId: string, value: any) => Promise<any>;
     onBulkDelete?: (ids: string[]) => void;
     pageSizeOptions?: number[];
@@ -2182,8 +2491,14 @@ interface NDataCardShellProps {
     actions?: NDataCardShellActions;
     children?: React__default.ReactNode;
     className?: string;
+    showCheckbox?: boolean;
+    selectedRowId?: string | null;
+    openRowMenu?: ((e: React__default.MouseEvent, row: any) => void) | null;
+    menuButton?: boolean;
+    bordered?: boolean;
+    borderDegree?: NajmBorderDegree;
 }
-declare function NDataCardShell({ row, onClick, onContextMenu, actions, children, className }: NDataCardShellProps): react_jsx_runtime.JSX.Element;
+declare function NDataCardShell({ row, onClick, onContextMenu, actions, children, className, showCheckbox, selectedRowId, openRowMenu, menuButton, bordered, borderDegree }: NDataCardShellProps): react_jsx_runtime.JSX.Element;
 
 interface NTableCardRootProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, "onClick" | "onContextMenu"> {
     card: {
@@ -2289,7 +2604,10 @@ declare const TableStoreContext: React$1.Context<{
         CardComponent: () => React$1.ComponentType<any>;
         className: () => string;
         classNames: () => NTableClassNames;
+        bordered?: () => boolean;
+        borderDegree?: () => NajmBorderDegree;
         headerClassName: () => string;
+        headerColor: () => string;
         showCheckbox: () => boolean;
         selectedRowId: () => string;
         headerSlot: () => React$1.ReactNode;
@@ -2299,6 +2617,9 @@ declare const TableStoreContext: React$1.Context<{
         onDelete: () => any;
         onRowClick: () => any;
         onRowContextMenu: () => any;
+        onBackgroundContextMenu: () => (e: React$1.MouseEvent) => void;
+        openRowMenu: () => (e: React$1.MouseEvent, row: any) => void;
+        menuButton: () => boolean;
         onCellClick: () => any;
         onBulkDelete: () => any;
         onRetry: () => any;
@@ -2401,7 +2722,10 @@ declare function useStoreSync(props: any): {
         CardComponent: () => React__default.ComponentType<any>;
         className: () => string;
         classNames: () => NTableClassNames;
+        bordered?: () => boolean;
+        borderDegree?: () => NajmBorderDegree;
         headerClassName: () => string;
+        headerColor: () => string;
         showCheckbox: () => boolean;
         selectedRowId: () => string;
         headerSlot: () => React__default.ReactNode;
@@ -2411,6 +2735,9 @@ declare function useStoreSync(props: any): {
         onDelete: () => any;
         onRowClick: () => any;
         onRowContextMenu: () => any;
+        onBackgroundContextMenu: () => (e: React__default.MouseEvent) => void;
+        openRowMenu: () => (e: React__default.MouseEvent, row: any) => void;
+        menuButton: () => boolean;
         onCellClick: () => any;
         onBulkDelete: () => any;
         onRetry: () => any;
@@ -2490,7 +2817,19 @@ declare function useTable(): {
     globalFilter: string;
     setGlobalFilter: React__default.Dispatch<React__default.SetStateAction<string>>;
 };
-declare function useTableKeyboard(): void;
+interface UseTableKeyboardOptions {
+    /**
+     * When provided, only fire shortcuts while the keydown target is inside
+     * this element. Without it, shortcuts are global and would conflict between
+     * multiple NTable instances on the same page.
+     */
+    scopeRef?: RefObject<HTMLElement | null>;
+    /** Close the NTable right-click context menu (if any). */
+    contextMenuClose?: () => void;
+    /** True while the NTable context menu is open. */
+    contextMenuOpen?: boolean;
+}
+declare function useTableKeyboard(options?: UseTableKeyboardOptions): void;
 
 declare function cn(...inputs: ClassValue[]): string;
 
@@ -2563,6 +2902,11 @@ interface NAppShellClassNames {
     content?: string;
     overlay?: string;
 }
+interface SidebarWidths {
+    expanded?: number | string;
+    collapsed?: number | string;
+    mobile?: number | string;
+}
 interface SidebarProps {
     logo?: ReactNode;
     navItems?: NavItem[];
@@ -2574,10 +2918,15 @@ interface SidebarProps {
     defaultCollapsed?: boolean;
     onCollapsedChange?: (collapsed: boolean) => void;
     showCollapseButton?: boolean;
-    collapseButtonPosition?: 'header' | 'nav';
+    /** Where the collapse toggle lives: a full-width button in the footer, or a small floating circle on the sidebar's edge. */
+    collapseButtonPosition?: 'footer' | 'edge';
+    widths?: SidebarWidths;
     showSectionLabels?: boolean;
     showSectionIcons?: boolean;
     showSectionSeparators?: boolean;
+    /** Use a border instead of the default flat sidebar edge. */
+    bordered?: boolean;
+    borderDegree?: NajmBorderDegree;
     footer?: ReactNode;
     className?: string;
     classNames?: NAppShellClassNames;
@@ -2673,11 +3022,14 @@ interface NSidebarMobileProps {
     onOpen: () => void;
     onClose: () => void;
     mobileBreakpoint: 'sm' | 'md' | 'lg';
+    width?: number | string;
     hamburgerLabel?: string;
     closeLabel?: string;
     hamburgerClassName?: string;
     showHamburgerButton?: boolean;
     children?: ReactNode;
+    bordered?: boolean;
+    borderDegree?: NajmBorderDegree;
 }
 
 declare function NSidebarHeader({ children, collapsed, className, classNames }: NSidebarHeaderProps): react_jsx_runtime.JSX.Element;
@@ -2690,9 +3042,9 @@ declare function NSidebarSection({ group, activePath, isActive, onNavigate, link
 
 declare function NSidebarFooter({ children, onSettings, settingsLabel, onLogout, logoutLabel, showCollapseButton, collapsed, onToggleCollapsed, collapseLabel, expandLabel, isMobile, className, classNames, }: NSidebarFooterProps): react_jsx_runtime.JSX.Element;
 
-declare function NSidebarMobile({ open, onOpen, onClose, mobileBreakpoint, hamburgerLabel, closeLabel, hamburgerClassName, showHamburgerButton, children, }: NSidebarMobileProps): react_jsx_runtime.JSX.Element;
+declare function NSidebarMobile({ open, onOpen, onClose, mobileBreakpoint, width, hamburgerLabel, closeLabel, hamburgerClassName, showHamburgerButton, children, bordered, borderDegree, }: NSidebarMobileProps): react_jsx_runtime.JSX.Element;
 
-declare function NSidebar({ logo, navItems, activePath, isActive, onNavigate, linkComponent, collapsed: collapsedProp, defaultCollapsed, onCollapsedChange, showCollapseButton, showSectionLabels, showSectionIcons, showSectionSeparators, footer, className, classNames, mobileBreakpoint, mobileOpen: mobileOpenProp, defaultMobileOpen, onMobileOpenChange, closeOnNavigate, hamburgerLabel, closeLabel, collapseLabel, expandLabel, hamburgerClassName, showHamburgerButton, logoIcon, logoTitle, logoSubtitle, onLogoClick, onSettings, settingsLabel, onLogout, logoutLabel, }: SidebarProps): react_jsx_runtime.JSX.Element;
+declare function NSidebar({ logo, navItems, activePath, isActive, onNavigate, linkComponent, collapsed: collapsedProp, defaultCollapsed, onCollapsedChange, showCollapseButton, collapseButtonPosition, showSectionLabels, showSectionIcons, showSectionSeparators, bordered, borderDegree, footer, className, classNames, mobileBreakpoint, mobileOpen: mobileOpenProp, defaultMobileOpen, onMobileOpenChange, closeOnNavigate, hamburgerLabel, closeLabel, collapseLabel, expandLabel, hamburgerClassName, showHamburgerButton, logoIcon, logoTitle, logoSubtitle, onLogoClick, onSettings, settingsLabel, onLogout, logoutLabel, widths, }: SidebarProps): react_jsx_runtime.JSX.Element;
 
 declare function NSidebarItem({ item, activePath, isActive, onNavigate, linkComponent: LinkComponent, collapsed, depth, classNames, }: SidebarItemProps): react_jsx_runtime.JSX.Element;
 
@@ -2721,7 +3073,7 @@ interface NAppShellAction {
     badge?: ReactNode;
     hideOnMobile?: boolean;
 }
-interface NAppShellProps {
+interface NAppShellProps extends Pick<SidebarProps, "widths"> {
     children: ReactNode;
     logo?: ReactNode;
     title?: string;
@@ -2737,7 +3089,8 @@ interface NAppShellProps {
     collapsed?: boolean;
     defaultCollapsed?: boolean;
     onCollapsedChange?: (collapsed: boolean) => void;
-    collapseButtonPosition?: 'header' | 'nav';
+    /** Where the collapse toggle lives: a full-width button in the footer, or a small floating circle on the sidebar's edge. */
+    collapseButtonPosition?: 'footer' | 'edge';
     sidebarFooter?: ReactNode;
     navbarLeft?: ReactNode;
     navbarRight?: ReactNode;
@@ -2763,7 +3116,7 @@ interface NCommandPaletteProps {
     className?: string;
 }
 
-declare function NAppShell({ children, logo, title, navItems, activePath, onNavigate, isActive, linkComponent, user, actions, userMenuActions, onLogout, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, collapseButtonPosition, sidebarFooter, navbarLeft, navbarRight, classNames, }: NAppShellProps): react_jsx_runtime.JSX.Element;
+declare function NAppShell({ children, logo, title, navItems, activePath, onNavigate, isActive, linkComponent, user, actions, userMenuActions, onLogout, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, collapseButtonPosition, widths, sidebarFooter, navbarLeft, navbarRight, classNames, }: NAppShellProps): react_jsx_runtime.JSX.Element;
 
 interface NavbarProps {
     title?: string;
@@ -2783,23 +3136,42 @@ declare function NNavbar({ title, logo, user, actions, userMenuActions, onLogout
 
 declare function NCommandPalette({ commands, open, onOpenChange, placeholder, emptyMessage, className, }: NCommandPaletteProps): react_jsx_runtime.JSX.Element;
 
-interface PageHeaderProps {
-    icon: LucideIcon;
+interface PageHeaderSlotProps {
+    children: ReactNode;
+    className?: string;
+}
+interface NPageHeaderProps {
+    icon: ComponentType<{
+        className?: string;
+    }>;
     title: string;
     subtitle?: string;
     actions?: ReactNode;
     filters?: ReactNode;
     top?: ReactNode;
-    footer?: ReactNode;
     search?: InputHTMLAttributes<HTMLInputElement> & {
         placeholder?: string;
         ref?: Ref<HTMLInputElement>;
     };
-    children: ReactNode;
-    contentClassName?: string;
-    contentRef?: React__default.Ref<HTMLDivElement>;
+    children?: ReactNode;
+    className?: string;
+    headerClassName?: string;
+    bordered?: boolean;
+    borderDegree?: NajmBorderDegree;
+}
+declare function NPageHeaderActions({ children, className }: PageHeaderSlotProps): react_jsx_runtime.JSX.Element;
+declare namespace NPageHeaderActions {
+    var displayName: string;
+}
+declare function NPageHeaderFilters({ children, className }: PageHeaderSlotProps): react_jsx_runtime.JSX.Element;
+declare namespace NPageHeaderFilters {
+    var displayName: string;
+}
+declare function NPageHeaderTop({ children, className }: PageHeaderSlotProps): react_jsx_runtime.JSX.Element;
+declare namespace NPageHeaderTop {
+    var displayName: string;
 }
-declare function NPageHeader({ icon: Icon, title, subtitle, actions, filters, top, footer, search, children, contentClassName, contentRef }: PageHeaderProps): react_jsx_runtime.JSX.Element;
+declare function NPageHeader({ icon: Icon, title, subtitle, actions, filters, top, search, children, className, headerClassName, bordered, borderDegree }: NPageHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface InspectorSheetProps {
     open: boolean;
@@ -2809,4 +3181,4 @@ interface InspectorSheetProps {
 }
 declare function NInspectorSheet({ open, onClose, title, children }: InspectorSheetProps): react_jsx_runtime.JSX.Element;
 
-export { Alert, type AlertLook, type AlertOrientation, type AlertProps, type AlertSize, type AlertTone, type AlertVariant, NCard as AsyncCard, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarProps$1 as AvatarProps, type AvatarShape$1 as AvatarShape, type AvatarSize, AvatarStatus, type AvatarStatusType, Badge, type BadgeColor, type BadgeIcon, type BadgeLook, type BadgeProps, type BadgeShape, type BadgeSize, type BadgeVariant, BaseInput, type BuildDefaultFileColumnsOptions, Button, type ButtonConfig, type ButtonIcon, type ButtonLoaderPosition, type ButtonProps, type ButtonRounded, type ButtonSize, type ButtonVariant, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroupInput, type CheckboxGroupInputProps, CheckboxInput, type CheckboxInputProps, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorArrayInput, type ColorArrayInputProps, ColorPickerInput, Combobox, ComboboxInput, type ComboboxInputProps, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type ContextMenuItem, DateInput, type DateInputProps, type DeleteDialogOptions, Dialog, type DialogApi, DialogClose, type DialogConfig, DialogContent, DialogDescription, DialogFooter, DialogHeader, type DialogHeight, DialogOverlay, DialogPortal, type DialogSize, type DialogStore, DialogTitle, DialogTrigger, type DialogWidth, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicArray, type DynamicArrayProps, EmojiInput, type EmojiInputProps, type FileBrowserMode, FileImportButton, FileInput, type FileInputProps, type FileNode, Form, FormControl, FormDescription, FormField, FormInput, type FormInputProps, FormItem, FormLabel, FormMessage, type FormProps, type FormSlotClassNames, type FormVariant, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, ImageInput, type ImageInputProps, Input, type InputIcon, Label, LangInput, type LangInputProps, type LinkComponentType, MultiSelectInput, type MultiSelectInputProps, NAlert, type NAppCommandItem, NAppShell, type NAppShellAction, type NAppShellClassNames, type NAppShellProps, type NAppShellUser, NCard as NAsyncCard, type CardClassNames as NAsyncCardClassNames, type CardProps as NAsyncCardProps, NAvatar, type NAvatarClassNames, type NAvatarProps, type AvatarShape as NAvatarShape, NBadge, type NBadgeLook, type NBadgeProps, type NBulkAction, type NBulkActionButton, type NBulkActionSelect, NBulkActionsBar, type NBulkActionsBarProps, NButton, type NButtonProps, NCard, NCardAction, type CardClassNames as NCardClassNames, NCardFooter, type CardProps as NCardProps, NCommandPalette, type NCommandPaletteProps, NConfirmDialog, type NConfirmDialogProps, NContextMenu, type NContextMenuItem, type NContextMenuProps, NDataCardShell, type NDataCardShellActions, type NDataCardShellProps, NDeleteDialogContent, type NDeleteDialogContentProps, NDetailCard, type NDetailCardClassNames, type NDetailCardProps, NDetailItem, type NDetailItemProps, NDetailList, type NDetailListItem, type NDetailListProps, NDialog, type NDialogDirectProps, type NDialogProps, NEmptyState, type NEmptyStateProps, NErrorBoundary, NErrorState, type NErrorStateProps, NFileBrowser, type NFileBrowserCardProps, type NFileBrowserProps, type NFileBrowserRenderThumbProps, NFileTypeIcon, type NFileTypeIconProps, NFilterBar, NFolderIcon, type NFolderIconProps, NForm, NFormSectionHeader, type NFormSectionHeaderProps, NIcon, type NIconProps, type NIconSource, NInspectorSheet, NLoadingState, type NLoadingStateProps, NMultiDialog, type NMultiDialogProps, NNavbar, NPageHeader, NPortalScopeProvider, NProgress, type NProgressProps, NRowActions, NSection, NSectionHeader, type NSectionHeaderActionsProps, type NSectionHeaderContentProps, type NSectionHeaderProps, type NSectionHeaderSubtitleProps, type NSectionHeaderTitleProps, NSectionInfo, type NSectionInfoProps, type NSectionProps, NSectionWithInfo, type NSectionWithInfoItem, type NSectionWithInfoProps, NSheet, type NSheetProps, NSidebar, NSidebarContent, type NSidebarContentProps, NSidebarFooter, type NSidebarFooterProps, NSidebarHeader, type NSidebarHeaderProps, NSidebarItem, NSidebarLogo, type NSidebarLogoProps, NSidebarMobile, type NSidebarMobileProps, NSidebarSection, type NSidebarSectionProps, NSkeleton, NSkeletonCalendar, NSkeletonChart, NSkeletonDonut, NSkeletonEventList, NSkeletonWidget, NSkeletonWidgets, NSmartPasteDialog, type NSmartPasteDialogProps, NSpinner, type NSpinnerProps, NStatCard, type NStatCardClassNames, type NStatCardProps, NStatCardSkeleton, type NStatCardVariant, Swap as NSwap, type NSwapProps, NTable, NTableCardRoot, type NTableCardRootProps, NTableCards, type NTableClassNames, NTableContent, NTableHeader, NTableLoadingSkeleton, NTablePagination, type NTableProps, NTableRowSkeleton, NTableSkeleton, type NTableState, NUploader, type NUploaderItem, type NUploaderItemStatus, type NUploaderProps, NViewBody, NViewToggle, type NajmAccent, type NajmMode, type NajmPreset, NajmThemeProvider, type NajmThemeProviderProps, type NajmThemeTokens, NativeSelect, type NativeSelectOption, type NativeSelectProps, type NavItem, type NavItemGroup, NumberInput, type NumberInputProps, PasswordInput, type PasswordInputProps, PhoneInput, type PhoneInputProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrefixProvider, Progress, type ProgressColor, type ProgressLabelPosition, type ProgressProps, type ProgressSize, type PushDialogOptions, RadioGroup, RadioGroupInput, type RadioGroupInputProps, RadioGroupItem, type RenderSlot, RepeatingFields, type RepeatingFieldsProps, ScrollArea, type ScrollAreaProps, SearchField, SearchField as SearchInput, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectInput, type SelectInputProps, SelectItem, type SelectItemType$1 as SelectItemDataType, type SelectItemType, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, type SidebarItemProps, type SidebarProps, SimpleTooltip, type SimpleTooltipProps, NSkeleton as Skeleton, Slider, type SliderProps, type SmartPastePreview, type SpinnerVariant, StarRatingInput, type StarRatingInputProps, StatusPill, type StatusPillProps, type StatusPillTone, type StepConfig, StepIndicator, type StepMeta, StepsHeader, StepsProgress, type StorageMenuAction, type StorageSortOption, type StorageTarget, Swap, type SwapEffect, SwapIndeterminate, SwapOff, SwapOn, type SwapProps, type SwapSize, type SwapState, Switch, type SwitchColor, SwitchInput, type SwitchInputProps, type SwitchSize, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, type TableState, type TableStore, TableStoreContext, Tabs, TabsContent, TabsList, type TabsListProps, type TabsOrientation, type TabsProps, TabsTrigger, type TabsTriggerProps, type TabsVariant, TextAreaInput, type TextAreaInputProps, TextInput, type TextInputProps, Textarea, TimeInput, type TimeInputProps, Toaster, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseContextMenuResult, type UseNFormOptions, type UseStorageContextMenuOptions, type UseStorageContextMenuResult, type UserMenuAction, VariantProvider, type WizardClassNames, WizardForm, type WizardFormProps, alertVariants, avatarVariants, badgeColorVariants, badgeVariants, buildDefaultFileColumns, buttonVariants, cn, composePreset, createDialogStore, createTableStore, dialogVariants, formatFileBytes, formatFileRelative, getIconColorProps, resolvePreset, resolveSlot, swapVariants, toggleVariants, tooltipContentVariants, truncateByCharacters, useClickOutside, useContextMenu, useDebouncedValue, useDelayedLoading, useDialog, useDialogStore, useDynamicPageSize, useFormField, useFormSubmission, useInfiniteScroll, useKeyboard, useLocalStorageState, useNForm, useNPortalScope, usePrefix, useSelection, useStepNavigation, useStorageContextMenu, useStoreSync, useTable, useTableKeyboard, useTableStore, useVariant, useVariantPreset };
+export { Alert, type AlertLook, type AlertOrientation, type AlertProps, type AlertSize, type AlertTone, type AlertVariant, NCard as AsyncCard, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarProps$1 as AvatarProps, type AvatarShape$1 as AvatarShape, type AvatarSize, AvatarStatus, type AvatarStatusType, Badge, type BadgeColor, type BadgeIcon, type BadgeLook, type BadgeProps, type BadgeShape, type BadgeSize, type BadgeVariant, BaseInput, type BorderResolutionOptions, type BuildDefaultFileColumnsOptions, Button, type ButtonConfig, type ButtonIcon, type ButtonLoaderPosition, type ButtonProps, type ButtonRounded, type ButtonSize, type ButtonVariant, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroupInput, type CheckboxGroupInputProps, CheckboxInput, type CheckboxInputProps, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorArrayInput, type ColorArrayInputProps, ColorPickerInput, Combobox, ComboboxInput, type ComboboxInputProps, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type ContextMenuItem, DateInput, type DateInputProps, type DeleteDialogOptions, Dialog, type DialogActionMode, type DialogApi, DialogClose, type DialogConfig, DialogContent, DialogDescription, DialogFooter, DialogHeader, type DialogHeight, DialogOverlay, DialogPortal, type DialogRenderContext, type DialogRenderer, type DialogSize, type DialogStore, DialogTitle, DialogTrigger, type DialogWidth, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicArray, type DynamicArrayProps, EmojiInput, type EmojiInputProps, type FileBrowserMode, FileImportButton, FileInput, type FileInputProps, type FileNode, Form, FormControl, FormDescription, FormField, FormInput, type FormInputProps, FormItem, FormLabel, FormMessage, type FormProps, type FormSlotClassNames, type FormVariant, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, ImageInput, type ImageInputProps, Indicator, type IndicatorHorizontal, type IndicatorOverlay, type IndicatorPosition, type IndicatorProps, type IndicatorResponsivePosition, type IndicatorSize, type IndicatorVertical, Input, type InputIcon, Label, LangInput, type LangInputProps, type LinkComponentType, MultiSelectInput, type MultiSelectInputProps, NAlert, type NAppCommandItem, NAppShell, type NAppShellAction, type NAppShellClassNames, type NAppShellProps, type NAppShellUser, NCard as NAsyncCard, type CardClassNames as NAsyncCardClassNames, type CardProps as NAsyncCardProps, NAvatar, type NAvatarClassNames, type NAvatarProps, type AvatarShape as NAvatarShape, NBadge, type NBadgeLook, type NBadgeProps, type NBulkAction, type NBulkActionButton, type NBulkActionSelect, NBulkActionsBar, type NBulkActionsBarProps, NButton, type NButtonProps, NCard, NCardAction, type CardClassNames as NCardClassNames, NCardFooter, type CardProps as NCardProps, NCommandPalette, type NCommandPaletteProps, NConfirmDialog, type NConfirmDialogProps, NContextMenu, type NContextMenuItem, type NContextMenuProps, NDataCardShell, type NDataCardShellActions, type NDataCardShellProps, NDeleteDialog, NDeleteDialogContent, type NDeleteDialogContentProps, type NDeleteDialogProps, NDetailCard, type NDetailCardClassNames, type NDetailCardProps, NDetailItem, type NDetailItemProps, NDetailList, type NDetailListItem, type NDetailListProps, NDialog, type NDialogDirectProps, type NDialogProps, NEmptyState, type NEmptyStateProps, NErrorBoundary, NErrorState, type NErrorStateProps, NFileBrowser, type NFileBrowserCardProps, type NFileBrowserProps, type NFileBrowserRenderThumbProps, NFileTypeIcon, type NFileTypeIconProps, NFilterBar, NFolderIcon, type NFolderIconProps, NForm, NFormSectionHeader, type NFormSectionHeaderProps, NIcon, type NIconProps, type NIconSource, NIndicator, NInspectorSheet, NLoadingState, type NLoadingStateProps, NMultiDialog, type NMultiDialogProps, NNavbar, NPageHeader, NPageHeaderActions, NPageHeaderFilters, type NPageHeaderProps, NPageHeaderTop, NPortalScopeProvider, NProgress, type NProgressProps, NRowActions, NSection, NSectionHeader, type NSectionHeaderActionsProps, type NSectionHeaderContentProps, type NSectionHeaderProps, type NSectionHeaderSubtitleProps, type NSectionHeaderTitleProps, NSectionInfo, type NSectionInfoProps, type NSectionProps, NSectionWithInfo, type NSectionWithInfoItem, type NSectionWithInfoProps, NSheet, type NSheetProps, NSidebar, NSidebarContent, type NSidebarContentProps, NSidebarFooter, type NSidebarFooterProps, NSidebarHeader, type NSidebarHeaderProps, NSidebarItem, NSidebarLogo, type NSidebarLogoProps, NSidebarMobile, type NSidebarMobileProps, NSidebarSection, type NSidebarSectionProps, NSkeleton, NSkeletonCalendar, NSkeletonChart, NSkeletonDonut, NSkeletonEventList, NSkeletonWidget, NSkeletonWidgets, NSlider, type NSliderProps, NSmartPasteDialog, type NSmartPasteDialogProps, NSpinner, type NSpinnerProps, NStatCard, type NStatCardClassNames, type NStatCardProps, NStatCardSkeleton, type NStatCardVariant, Swap as NSwap, type NSwapProps, NTable, NTableCardRoot, type NTableCardRootProps, NTableCards, type NTableClassNames, NTableContent, NTableHeader, NTableLoadingSkeleton, type NTableMenu, type NTableMenuProp, NTablePagination, type NTableProps, NTableRowSkeleton, NTableSkeleton, type NTableState, NTabs, type NTabsClassNames, type NTabsColor, type NTabsItem, type NTabsProps, type NTabsStyles, NUploader, type NUploaderItem, type NUploaderItemStatus, type NUploaderProps, NViewBody, NViewToggle, type NajmAccent, type NajmAppearance, type NajmBorderDegree, type NajmMode, type NajmPreset, NajmScroll, type NajmScrollProps, NajmThemeProvider, type NajmThemeProviderProps, type NajmThemeTokens, NativeSelect, type NativeSelectOption, type NativeSelectProps, type NavItem, type NavItemGroup, NumberInput, type NumberInputProps, PasswordInput, type PasswordInputProps, PhoneInput, type PhoneInputProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrefixProvider, Progress, type ProgressColor, type ProgressLabelPosition, type ProgressProps, type ProgressSize, type PushDialogOptions, RadioGroup, RadioGroupInput, type RadioGroupInputProps, RadioGroupItem, type RenderSlot, RepeatingFields, type RepeatingFieldsProps, ScrollArea, type ScrollAreaProps, SearchField, SearchField as SearchInput, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectInput, type SelectInputProps, SelectItem, type SelectItemType$1 as SelectItemDataType, type SelectItemType, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, type SidebarItemProps, type SidebarProps, type SidebarWidths, SimpleTooltip, type SimpleTooltipProps, NSkeleton as Skeleton, Slider, SliderInput, type SliderInputProps, type SliderOrientation, type SliderProps, type SliderSize, type SliderVariant, type SmartPastePreview, type SpinnerVariant, StarRatingInput, type StarRatingInputProps, StatusPill, type StatusPillProps, type StatusPillTone, type StepConfig, StepIndicator, type StepMeta, StepsHeader, StepsProgress, type StorageMenuAction, type StorageSortOption, type StorageTarget, Swap, type SwapEffect, SwapIndeterminate, SwapOff, SwapOn, type SwapProps, type SwapSize, type SwapState, Switch, type SwitchColor, SwitchInput, type SwitchInputProps, type SwitchSize, TAB_COLORS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderColor, TableRow, type TableState, type TableStore, TableStoreContext, Tabs, TabsContent, TabsList, type TabsListProps, type TabsOrientation, type TabsProps, TabsTrigger, type TabsTriggerProps, type TabsVariant, TextAreaInput, type TextAreaInputProps, TextInput, type TextInputProps, Textarea, TimeInput, type TimeInputProps, Toaster, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseContextMenuResult, type UseNFormOptions, type UseStorageContextMenuOptions, type UseStorageContextMenuResult, type UserMenuAction, VariantProvider, type WizardClassNames, WizardForm, type WizardFormProps, alertVariants, avatarVariants, badgeColorVariants, badgeVariants, borderColorClassForDegree, buildDefaultFileColumns, buttonVariants, cn, composePreset, createDialogStore, createTableStore, dialogVariants, formatFileBytes, formatFileRelative, getIconColorProps, indicatorVariants, inputBorderColorClassForDegree, resolveBorderDegree, resolvePreset, resolveSlot, sliderVariants, surfaceBorderClasses, swapVariants, toggleVariants, tooltipContentVariants, truncateByCharacters, useClickOutside, useContextMenu, useDebouncedValue, useDelayedLoading, useDialog, useDialogStore, useDynamicPageSize, useFormField, useFormSubmission, useInfiniteScroll, useKeyboard, useLocalStorageState, useNForm, useNPortalScope, useNajmAppearance, usePrefix, useResolvedBorderDegree, useSelection, useStepNavigation, useStorageContextMenu, useStoreSync, useTable, useTableKeyboard, useTableStore, useVariant, useVariantPreset };