najm-kit 0.0.19 → 0.0.21

package/dist/index.d.ts

@@ -23,10 +23,12 @@ import { Command as Command$1 } from 'cmdk';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import { ToasterProps } from 'sonner';
+export { toast } from 'sonner';
 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 culori from 'culori';
 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';
@@ -37,14 +39,10 @@ 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';
+type NajmRadiusScale = 'shadcn' | 'uniform';
 interface NajmAppearance {
-    borderDegree?: NajmBorderDegree;
+    /** Global border thickness, e.g. `'0'`, `'1px'`, `'2px'`. `'0'` hides borders. */
+    borderWidth?: string;
 }
 interface NajmThemeTokens {
     background?: string;
@@ -66,13 +64,51 @@ interface NajmThemeTokens {
     destructive?: string;
     'destructive-foreground'?: string;
     border?: string;
-    'border-subtle'?: string;
-    'border-strong'?: string;
     input?: string;
     ring?: string;
+    sidebar?: string;
+    'sidebar-foreground'?: string;
+    'sidebar-primary'?: string;
+    'sidebar-primary-foreground'?: string;
+    'sidebar-accent'?: string;
+    'sidebar-accent-foreground'?: string;
+    'sidebar-border'?: string;
+    'sidebar-ring'?: string;
+    'chart-1'?: string;
+    'chart-2'?: string;
+    'chart-3'?: string;
+    'chart-4'?: string;
+    'chart-5'?: string;
     radius?: string;
 }
+/** Serializable theme settings suitable for JSON files, APIs, or local storage. */
+interface NajmThemeConfig {
+    preset?: NajmPreset;
+    mode?: NajmMode;
+    accent?: NajmAccent;
+    tokens?: NajmThemeTokens;
+    /**
+     * Per-mode token overrides authored on top of the composed preset. Keeps
+     * light and dark customizations independent: editing a token in one mode
+     * records it here so it survives switching to the other mode and back.
+     * Providers resolve this field on top of the composed mode/accent preset.
+     */
+    overrides?: Partial<Record<NajmMode, NajmThemeTokens>>;
+    accentOnly?: boolean;
+    appearance?: NajmAppearance;
+    radius?: string;
+    radiusScale?: NajmRadiusScale;
+    /**
+     * Global spacing base that scales every spacing utility (padding, gap,
+     * margin, sizing) in the subtree. Maps to Tailwind v4's `--spacing` token,
+     * for example `'0.25rem'` (default), `'0.2rem'` (compact), `'0.3rem'`
+     * (comfortable). Acts as a single density dial for the whole UI.
+     */
+    spacing?: string;
+}
 interface NajmThemeProviderProps {
+    /** Serializable theme settings. Explicit provider props override this config. */
+    config?: NajmThemeConfig;
     preset?: NajmPreset;
     mode?: NajmMode;
     accent?: NajmAccent;
@@ -80,29 +116,150 @@ 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). */
+    /** App-wide UI preferences (currently global border width). */
     appearance?: NajmAppearance;
+    /** Global base radius, for example `0`, `0.5rem`, or `0.75rem`. */
+    radius?: string;
+    /**
+     * `shadcn` keeps the standard sm/md/lg offsets around the base radius.
+     * `uniform` makes every non-pill radius utility use the same value.
+     */
+    radiusScale?: NajmRadiusScale;
+    /** Global spacing base mapped to Tailwind's `--spacing` token. Scales all
+     *  padding/gap/margin/sizing utilities in the subtree (density dial). */
+    spacing?: string;
     className?: string;
     asChild?: boolean;
     children: React.ReactNode;
 }
 
-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 useNajmAppearance(): NajmAppearance;
+declare function NajmThemeProvider({ config, preset, mode, accent, tokens, accentOnly, appearance, radius, radiusScale, spacing, className, asChild, children, }: NajmThemeProviderProps): react_jsx_runtime.JSX.Element;
+
+/** Keeps authored TypeScript theme objects type-checked without changing them. */
+declare function defineNajmThemeConfig(config: NajmThemeConfig): NajmThemeConfig;
+/** Parses and validates theme settings loaded from JSON, an API, or local storage. */
+declare function parseNajmThemeConfig(input: unknown): NajmThemeConfig;
+declare function stringifyNajmThemeConfig(config: NajmThemeConfig, space?: number): string;
 
 declare function composePreset(mode: NajmMode, accent: NajmAccent): NajmThemeTokens;
 declare function resolvePreset(preset: NajmPreset): NajmThemeTokens;
 
-interface BorderResolutionOptions {
-    borderDegree?: NajmBorderDegree;
-    bordered?: boolean;
-    fallback?: NajmBorderDegree;
+type NajmDensity = "compact" | "default" | "comfortable";
+type NajmComponentRadius = "inherit" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | string;
+interface NajmSlotStyle {
+    className?: string;
+    radius?: NajmComponentRadius;
+    borderWidth?: string;
+    padding?: string;
+    paddingTop?: string;
+}
+interface NajmVariantStyle {
+    /** Reuse another variant's recipe. Example: primary badge uses secondary. */
+    use?: string;
+    className?: string;
+    tokens?: Record<string, string>;
 }
-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 NajmComponentStyleConfig {
+    /** Render components that support it as a card-like surface. */
+    card?: boolean;
+    /** Sidebar-only: render section titles above grouped nav items. */
+    showSectionLabels?: boolean;
+    /** Sidebar-only: render separator lines between nav item sections. */
+    showSectionSeparators?: boolean;
+    defaultVariant?: string;
+    defaultSize?: string;
+    density?: NajmDensity;
+    /** NTable-only: CSS color used for the table header and add button. */
+    headerColor?: string;
+    /** NTable-only: CSS color used for table header text and add button text. */
+    headerTextColor?: string;
+    /** NTable-only: CSS color used for table container and row borders. */
+    borderColor?: string;
+    radius?: NajmComponentRadius;
+    borderWidth?: string;
+    slots?: Record<string, NajmSlotStyle>;
+    variants?: Record<string, NajmVariantStyle>;
+}
+type NajmComponentName = "button" | "badge" | "card" | "table" | "tabs" | "dialog" | "alert" | "sidebar" | "pageHeader" | "input" | "select" | "sheet" | "popover" | "tooltip" | "progress" | "avatar";
+type NajmComponentThemeConfig = Partial<Record<NajmComponentName, NajmComponentStyleConfig>>;
+interface NajmTypographyConfig {
+    fontSans?: string;
+    fontHeading?: string;
+    fontMono?: string;
+    baseSize?: string;
+    scale?: "compact" | "default" | "comfortable";
+    lineHeight?: string;
+    letterSpacing?: string;
+}
+interface NajmLayoutConfig {
+    /** Page inline padding, usually used by NPageLayout. */
+    pageGutter?: string;
+    /** Vertical page padding and stacked section gap, usually used by NPageLayout. */
+    sectionGap?: string;
+}
+interface NajmDesignConfig {
+    version: 1;
+    theme: NajmThemeConfig;
+    typography?: NajmTypographyConfig;
+    components?: NajmComponentThemeConfig;
+    layout?: NajmLayoutConfig;
+}
+declare const NAJM_COMPONENT_NAMES: readonly NajmComponentName[];
+/** Maps a NajmComponentRadius keyword to a CSS value (or var). */
+declare const RADIUS_VALUE_MAP: Record<string, string>;
+declare function resolveRadiusValue(radius: NajmComponentRadius | undefined): string | undefined;
+
+interface NajmDesignContextValue {
+    components: NajmComponentThemeConfig;
+    typography?: NajmTypographyConfig;
+    layout?: NajmLayoutConfig;
+}
+declare function useNajmDesign(): NajmDesignContextValue;
+/** Returns the resolved component style recipe for a given component name. */
+declare function useNajmComponentStyle(name: NajmComponentName): NajmComponentStyleConfig | undefined;
+interface NajmDesignProviderProps {
+    config: NajmDesignConfig;
+    mode?: NajmMode;
+    className?: string;
+    children: React$1.ReactNode;
+}
+/**
+ * Applies a full design config: wraps children in NajmThemeProvider for theme
+ * tokens, applies typography CSS variables, and exposes component recipes via
+ * context. NajmThemeProvider continues to work standalone for token-only needs.
+ */
+declare function NajmDesignProvider({ config, mode, className, children, }: NajmDesignProviderProps): react_jsx_runtime.JSX.Element;
+
+/** Keeps authored TypeScript design objects type-checked without changing them. */
+declare function defineNajmDesignConfig(config: NajmDesignConfig): NajmDesignConfig;
+/** Parses and validates a design config (theme + typography + component recipes). */
+declare function parseNajmDesignConfig(input: unknown): NajmDesignConfig;
+declare function stringifyNajmDesignConfig(config: NajmDesignConfig, space?: number): string;
+/**
+ * Resolves a variant against its recipe, following `use` aliases while guarding
+ * against loops. Returns the effective variant name and merged style.
+ */
+declare function resolveVariantAlias(variants: Record<string, NajmVariantStyle> | undefined, variant: string): {
+    variant: string;
+    style?: NajmVariantStyle;
+};
+
+type NajmBorderSide = 'all' | 'top' | 'right' | 'bottom' | 'left';
+/**
+ * Border utility for structural surfaces (cards, tables, dividers, side rails).
+ * `bordered === false` returns a per-side reset so primitives that already
+ * include a base Tailwind `border`/`border-r`/etc. still drop the border.
+ */
+declare function surfaceBorderClasses(bordered?: boolean | undefined, side?: NajmBorderSide): string;
+/**
+ * Border utility for sidebar surfaces. Uses the dedicated `sidebar-border`
+ * token so the sidebar edge can be themed independently from the main
+ * `border` token.
+ */
+declare function sidebarBorderClasses(bordered?: boolean | undefined, side?: NajmBorderSide): string;
+/** Border utility for form fields (inputs, selects). */
+declare function inputBorderClasses(bordered?: boolean | undefined): string;
 
 interface KeyboardOptions {
     enabled?: boolean;
@@ -173,9 +330,9 @@ type NIconProps = Omit<React__default.HTMLAttributes<HTMLElement>, "children"> &
 declare const NIcon: React__default.FC<NIconProps>;
 
 declare const buttonVariants: (props?: {
-    variant?: "subtle" | "default" | "secondary" | "tertiary" | "destructive" | "link" | "outline" | "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";
+    variant?: "secondary" | "tertiary" | "destructive" | "default" | "link" | "outline" | "ghost" | "success" | "warning" | "info" | "soft" | "subtle" | "plain";
+    size?: "default" | "icon" | "xs" | "sm" | "md" | "lg" | "xl" | "2xs" | "2xl" | "icon-xs" | "icon-sm" | "icon-lg" | "icon-xl";
+    rounded?: "none" | "default" | "sm" | "md" | "lg" | "xl" | "full" | "2xl";
     fullWidth?: boolean;
 } & class_variance_authority_types.ClassProp) => string;
 type ButtonVariantProps = VariantProps<typeof buttonVariants>;
@@ -196,7 +353,6 @@ interface ButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElemen
     leftIcon?: ButtonIcon;
     rightIcon?: ButtonIcon;
     bordered?: boolean;
-    borderDegree?: NajmBorderDegree;
     onClick?: AsyncClickHandler;
 }
 type NButtonProps = ButtonProps;
@@ -204,7 +360,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?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning";
+    variant?: "secondary" | "destructive" | "default" | "outline" | "success" | "warning";
 } & class_variance_authority_types.ClassProp) => string;
 declare const badgeColorVariants: (props?: {
     color?: "neutral" | "primary" | "accent" | "secondary" | "destructive" | "success" | "warning" | "info";
@@ -236,7 +392,7 @@ type BadgeProps = React$1.ComponentProps<"span"> & {
     iconMap?: Record<string, BadgeIcon>;
     iconPosition?: "left" | "right";
 };
-declare function Badge({ className, variant, status, statusMap, label, showIcon, color, look, size, shape, icon, iconMap, iconPosition, asChild, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare function Badge({ className, variant, status, statusMap, label, showIcon, color, look, size, shape, icon, iconMap, iconPosition, asChild, children, style, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 declare const NBadge: typeof Badge;
 type NBadgeLook = BadgeDisplayLook;
 type NBadgeProps = BadgeProps;
@@ -501,7 +657,7 @@ declare function NSheet({ open, onOpenChange, title, description, width, side, p
 declare function useDialog(store?: DialogStore): DialogApi;
 
 declare const alertVariants: (props?: {
-    tone?: "default" | "destructive" | "error" | "success" | "warning" | "info";
+    tone?: "destructive" | "default" | "error" | "success" | "warning" | "info";
     look?: "solid" | "outline" | "soft" | "dash";
     size?: "sm" | "md" | "lg";
     orientation?: "horizontal" | "vertical" | "responsive";
@@ -741,7 +897,7 @@ type AvatarShape$1 = "circle" | "rounded" | "square";
 type AvatarStatusType = "online" | "offline" | "busy" | "away";
 declare const avatarVariants: (props?: {
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
-    shape?: "circle" | "square" | "rounded";
+    shape?: "square" | "circle" | "rounded";
     ring?: boolean;
 } & class_variance_authority_types.ClassProp) => string;
 type AvatarRingColor = "background" | "primary" | "secondary" | "muted" | "destructive";
@@ -756,7 +912,7 @@ interface AvatarProps$1 extends Omit<React$1.ComponentProps<typeof AvatarPrimiti
 }
 declare function Avatar({ className, size, shape, ring, ringColor, src, alt, fallback, status, imageClassName, fallbackClassName, children, ...props }: AvatarProps$1): react_jsx_runtime.JSX.Element;
 declare function AvatarImage({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
-declare function AvatarFallback({ className, delayMs: _delayMs, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
 declare function AvatarStatus({ status, size, className, }: {
     status: AvatarStatusType;
     size?: AvatarSize;
@@ -1049,11 +1205,10 @@ interface CardProps {
     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, bordered, borderDegree, className, classNames, onClick, }: 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, className, classNames, onClick, }: CardProps): react_jsx_runtime.JSX.Element;
 
 declare function truncateByCharacters(text: string, maxCharacters: number, suffix?: string): string;
 interface NSectionInfoProps {
@@ -1138,7 +1293,6 @@ interface BaseProps$1 {
     label: string;
     onClick?: () => void;
     bordered?: boolean;
-    borderDegree?: NajmBorderDegree;
     className?: string;
     classNames?: NStatCardClassNames;
 }
@@ -1455,6 +1609,12 @@ interface NFolderIconProps {
 }
 declare function NFolderIcon({ size, className }: NFolderIconProps): react_jsx_runtime.JSX.Element;
 
+type ColorFormat = "hex" | "rgb" | "hsl" | "oklch";
+declare function parseColor(input: string): culori.Color;
+declare function formatColor(input: string, format: ColorFormat): string;
+declare function detectFormat(input: string): ColorFormat;
+declare function toPickerHex(input: string): string;
+
 type SliderVariant = "default" | "secondary" | "destructive" | "accent" | "success" | "warning" | "info";
 type SliderSize = "sm" | "md" | "lg";
 type SliderOrientation = "horizontal" | "vertical";
@@ -1512,7 +1672,6 @@ interface BaseProps {
     variant?: "default" | "rounded" | "ghost";
     status?: "default" | "error";
     bordered?: boolean;
-    borderDegree?: NajmBorderDegree;
     borderColor?: TailwindColor;
     iconColor?: string;
 }
@@ -1641,6 +1800,16 @@ interface ColorArrayInputProps extends BaseProps {
     onChange: (color: string) => void;
     colors?: string[];
 }
+interface ColorPickerInputProps extends ColorArrayInputProps {
+    disabled?: boolean;
+    /** `"swatches"` keeps the legacy inline UI. `"popover"` opens a tweakcn-style picker. */
+    mode?: "popover" | "swatches";
+    /** Which format tabs the popover exposes. */
+    formats?: ColorFormat[];
+    /** How emitted values are formatted. `"preserve"` keeps the input's own format. */
+    output?: ColorFormat | "preserve";
+    hideSwatches?: boolean;
+}
 interface TimeInputProps extends BaseProps {
     value?: string;
     onChange: (value: string) => void;
@@ -1700,7 +1869,6 @@ interface BaseInputProps extends React__default.HTMLAttributes<HTMLDivElement> {
     variant?: "default" | "rounded" | "ghost";
     status?: "default" | "error";
     bordered?: boolean;
-    borderDegree?: NajmBorderDegree;
     borderColor?: TailwindColor;
     hasIcon?: boolean;
     disabled?: boolean;
@@ -1726,7 +1894,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, bordered, borderDegree, borderColor, disabled, }: CheckboxGroupInputProps & {
+declare function CheckboxGroupInput({ value, onChange, items, layout, className, variant, status, bordered, borderColor, disabled, }: CheckboxGroupInputProps & {
     disabled?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
@@ -1757,12 +1925,11 @@ interface NUploaderProps {
     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 NUploader({ title, subtitle, accept, multiple, disabled, items, listTitle, className, dropzoneClassName, 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;
@@ -1772,22 +1939,19 @@ declare const StarRatingInput: React__default.FC<StarRatingInputProps>;
 
 declare const ColorArrayInput: React__default.FC<ColorArrayInputProps>;
 
-declare function ColorPickerInput({ value, onChange, colors, className, variant, status, bordered, borderDegree, borderColor, disabled, }: ColorArrayInputProps & {
-    disabled?: boolean;
-}): react_jsx_runtime.JSX.Element;
+declare function ColorPickerInput(props: ColorPickerInputProps): react_jsx_runtime.JSX.Element;
 
-declare function EmojiInput({ value, onChange, options, className, variant, status, bordered, borderDegree, borderColor, disabled, }: EmojiInputProps & {
+declare function EmojiInput({ value, onChange, options, className, variant, status, bordered, 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, bordered, borderDegree, borderColor, }: PhoneInputProps & {
+declare function PhoneInput({ value, onChange, defaultCountry, placeholder, disabled, className, variant, status, bordered, 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>;
@@ -1849,7 +2013,6 @@ interface FormSlotClassNames {
 declare const VariantProvider: React__default.FC<{
     variant?: FormVariant;
     bordered?: boolean;
-    borderDegree?: NajmBorderDegree;
     children: React__default.ReactNode;
 }>;
 declare const useVariant: () => FormVariant;
@@ -1906,7 +2069,6 @@ type FormProps<T extends ZodTypeAny = ZodTypeAny> = {
     form?: UseFormReturn<TypeOf<T>>;
     variant?: FormVariant;
     bordered?: boolean;
-    borderDegree?: NajmBorderDegree;
     as?: "form" | "div";
     className?: string;
     id?: string;
@@ -1991,7 +2153,6 @@ interface WizardFormProps {
     submitLabel?: string;
     variant?: FormVariant;
     bordered?: boolean;
-    borderDegree?: NajmBorderDegree;
     className?: string;
     classNames?: WizardClassNames;
     footerSlot?: ReactNode;
@@ -2003,7 +2164,7 @@ interface StepMeta {
     title: string;
 }
 
-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;
+declare function WizardForm({ steps, schema, defaultValues, onSubmit, currentStep: controlledStep, onCurrentStepChange, onStepComplete, showHeader, showFooter, nextLabel, previousLabel, submitLabel, variant, bordered, className, classNames, footerSlot, }: WizardFormProps): react_jsx_runtime.JSX.Element;
 
 interface StepIndicatorProps {
     stepNumber: number;
@@ -2111,9 +2272,10 @@ interface TableState {
     className: string;
     classNames: NTableClassNames;
     bordered?: boolean;
-    borderDegree?: NajmBorderDegree;
     headerClassName: string;
     headerColor: string | undefined;
+    headerTextColor: string | undefined;
+    borderColor: string | undefined;
     showCheckbox: boolean;
     selectedRowId: string | null;
     headerSlot: ReactNode | null;
@@ -2225,9 +2387,10 @@ declare const createTableStore: () => {
         className: () => string;
         classNames: () => NTableClassNames;
         bordered?: () => boolean;
-        borderDegree?: () => NajmBorderDegree;
         headerClassName: () => string;
         headerColor: () => string;
+        headerTextColor: () => string;
+        borderColor: () => string;
         showCheckbox: () => boolean;
         selectedRowId: () => string;
         headerSlot: () => ReactNode;
@@ -2307,44 +2470,16 @@ declare const createTableStore: () => {
     };
 };
 
-declare const HEADER_COLORS: {
-    readonly primary: {
-        readonly bg: "bg-primary/15";
-        readonly text: "[&_th]:text-foreground";
-        readonly row: "hover:bg-primary/5";
-    };
-    readonly violet: {
-        readonly bg: "bg-violet-600/30";
-        readonly text: "[&_th]:text-violet-800 dark:[&_th]:text-violet-300";
-        readonly row: "hover:bg-violet-500/5";
-    };
-    readonly blue: {
-        readonly bg: "bg-blue-600/30";
-        readonly text: "[&_th]:text-blue-800   dark:[&_th]:text-blue-300";
-        readonly row: "hover:bg-blue-500/5";
-    };
-    readonly emerald: {
-        readonly bg: "bg-emerald-600/30";
-        readonly text: "[&_th]:text-emerald-800 dark:[&_th]:text-emerald-400";
-        readonly row: "hover:bg-emerald-500/5";
-    };
-    readonly amber: {
-        readonly bg: "bg-amber-500/30";
-        readonly text: "[&_th]:text-amber-800   dark:[&_th]:text-amber-300";
-        readonly row: "hover:bg-amber-500/5";
-    };
-    readonly rose: {
-        readonly bg: "bg-rose-600/30";
-        readonly text: "[&_th]:text-rose-800    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-400";
-        readonly row: "hover:bg-slate-500/5";
-    };
+declare const TABLE_HEADER_COLOR_PRESETS: {
+    readonly primary: "var(--primary)";
+    readonly violet: "#7c3aed";
+    readonly blue: "#2563eb";
+    readonly emerald: "#059669";
+    readonly amber: "#f59e0b";
+    readonly rose: "#e11d48";
+    readonly slate: "#475569";
 };
-type TableHeaderColor = keyof typeof HEADER_COLORS;
+type TableHeaderColor = keyof typeof TABLE_HEADER_COLOR_PRESETS;
 
 interface NTableState {
     sorting: SortingState;
@@ -2395,7 +2530,6 @@ interface NTableProps<T = any, M extends ViewMode = ViewMode> {
     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;
@@ -2444,7 +2578,12 @@ interface NTableProps<T = any, M extends ViewMode = ViewMode> {
     toolbarLabels?: boolean;
     dynamicHeight?: boolean;
     headerClassName?: string;
-    headerColor?: TableHeaderColor;
+    /** CSS color or Najm token name for the table header background. Defaults to primary. */
+    headerColor?: string;
+    /** CSS color or Najm token name for table header text. Defaults to primary foreground. */
+    headerTextColor?: string;
+    /** CSS color or Najm token name for table borders. Defaults to border. */
+    borderColor?: string;
     showCheckbox?: boolean;
     onRowClick?: (row: T) => void;
     onRowContextMenu?: (e: React__default.MouseEvent, row: T) => void;
@@ -2496,9 +2635,8 @@ interface NDataCardShellProps {
     openRowMenu?: ((e: React__default.MouseEvent, row: any) => void) | null;
     menuButton?: boolean;
     bordered?: boolean;
-    borderDegree?: NajmBorderDegree;
 }
-declare function NDataCardShell({ row, onClick, onContextMenu, actions, children, className, showCheckbox, selectedRowId, openRowMenu, menuButton, bordered, borderDegree }: NDataCardShellProps): react_jsx_runtime.JSX.Element;
+declare function NDataCardShell({ row, onClick, onContextMenu, actions, children, className, showCheckbox, selectedRowId, openRowMenu, menuButton, bordered }: NDataCardShellProps): react_jsx_runtime.JSX.Element;
 
 interface NTableCardRootProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, "onClick" | "onContextMenu"> {
     card: {
@@ -2605,9 +2743,10 @@ declare const TableStoreContext: React$1.Context<{
         className: () => string;
         classNames: () => NTableClassNames;
         bordered?: () => boolean;
-        borderDegree?: () => NajmBorderDegree;
         headerClassName: () => string;
         headerColor: () => string;
+        headerTextColor: () => string;
+        borderColor: () => string;
         showCheckbox: () => boolean;
         selectedRowId: () => string;
         headerSlot: () => React$1.ReactNode;
@@ -2723,9 +2862,10 @@ declare function useStoreSync(props: any): {
         className: () => string;
         classNames: () => NTableClassNames;
         bordered?: () => boolean;
-        borderDegree?: () => NajmBorderDegree;
         headerClassName: () => string;
         headerColor: () => string;
+        headerTextColor: () => string;
+        borderColor: () => string;
         showCheckbox: () => boolean;
         selectedRowId: () => string;
         headerSlot: () => React__default.ReactNode;
@@ -2918,15 +3058,20 @@ interface SidebarProps {
     defaultCollapsed?: boolean;
     onCollapsedChange?: (collapsed: boolean) => void;
     showCollapseButton?: boolean;
-    /** 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';
+    /**
+     * Where the collapse toggle lives:
+     * - `'footer'` — a full-width button in the footer.
+     * - `'edge'` — a small floating circle on the sidebar's edge.
+     * - `'rail'` — (default) an interactive strip along the right border. Hovering it
+     *   shows a resize cursor + accent line; clicking or dragging the edge collapses/expands.
+     */
+    collapseButtonPosition?: 'footer' | 'edge' | 'rail';
     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;
@@ -2987,6 +3132,7 @@ interface NSidebarContentProps {
     showSectionLabels: boolean;
     showSectionIcons: boolean;
     showSectionSeparators: boolean;
+    contentStyle?: CSSProperties;
     classNames?: NAppShellClassNames;
 }
 interface NSidebarSectionProps {
@@ -3029,22 +3175,21 @@ interface NSidebarMobileProps {
     showHamburgerButton?: boolean;
     children?: ReactNode;
     bordered?: boolean;
-    borderDegree?: NajmBorderDegree;
 }
 
 declare function NSidebarHeader({ children, collapsed, className, classNames }: NSidebarHeaderProps): react_jsx_runtime.JSX.Element;
 
 declare function NSidebarLogo({ icon, title, subtitle, onClick, collapsed, }: NSidebarLogoProps): react_jsx_runtime.JSX.Element;
 
-declare function NSidebarContent({ groups, activePath, isActive, onNavigate, linkComponent, collapsed, showSectionLabels, showSectionIcons, showSectionSeparators, classNames, }: NSidebarContentProps): react_jsx_runtime.JSX.Element;
+declare function NSidebarContent({ groups, activePath, isActive, onNavigate, linkComponent, collapsed, showSectionLabels, showSectionIcons, showSectionSeparators, contentStyle, classNames, }: NSidebarContentProps): react_jsx_runtime.JSX.Element;
 
 declare function NSidebarSection({ group, activePath, isActive, onNavigate, linkComponent, collapsed, showSectionLabels, showSectionIcons, showSectionSeparators, isFirst, classNames, }: NSidebarSectionProps): react_jsx_runtime.JSX.Element;
 
 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, width, hamburgerLabel, closeLabel, hamburgerClassName, showHamburgerButton, children, bordered, borderDegree, }: NSidebarMobileProps): react_jsx_runtime.JSX.Element;
+declare function NSidebarMobile({ open, onOpen, onClose, mobileBreakpoint, width, hamburgerLabel, closeLabel, hamburgerClassName, showHamburgerButton, children, bordered, }: NSidebarMobileProps): 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 NSidebar({ logo, navItems, activePath, isActive, onNavigate, linkComponent, collapsed: collapsedProp, defaultCollapsed, onCollapsedChange, showCollapseButton, collapseButtonPosition, showSectionLabels, showSectionIcons, showSectionSeparators, bordered, 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;
 
@@ -3136,6 +3281,11 @@ 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 NPageLayoutProps extends React$1.HTMLAttributes<HTMLElement> {
+    as?: "main" | "div" | "section";
+}
+declare function NPageLayout({ as: Comp, className, style, ...props }: NPageLayoutProps): react_jsx_runtime.JSX.Element;
+
 interface PageHeaderSlotProps {
     children: ReactNode;
     className?: string;
@@ -3156,8 +3306,9 @@ interface NPageHeaderProps {
     children?: ReactNode;
     className?: string;
     headerClassName?: string;
+    /** Renders the header as a card-like surface. `bordered` is kept as an alias. */
+    card?: boolean;
     bordered?: boolean;
-    borderDegree?: NajmBorderDegree;
 }
 declare function NPageHeaderActions({ children, className }: PageHeaderSlotProps): react_jsx_runtime.JSX.Element;
 declare namespace NPageHeaderActions {
@@ -3171,7 +3322,7 @@ declare function NPageHeaderTop({ children, className }: PageHeaderSlotProps): r
 declare namespace NPageHeaderTop {
     var displayName: string;
 }
-declare function NPageHeader({ icon: Icon, title, subtitle, actions, filters, top, search, children, className, headerClassName, bordered, borderDegree }: NPageHeaderProps): react_jsx_runtime.JSX.Element;
+declare function NPageHeader({ icon: Icon, title, subtitle, actions, filters, top, search, children, className, headerClassName, card, bordered }: NPageHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface InspectorSheetProps {
     open: boolean;
@@ -3181,4 +3332,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 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 };
+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, type ColorFormat, ColorPickerInput, type ColorPickerInputProps, 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, NAJM_COMPONENT_NAMES, 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, NPageLayout, type NPageLayoutProps, 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 NajmBorderSide, type NajmComponentName, type NajmComponentRadius, type NajmComponentStyleConfig, type NajmComponentThemeConfig, type NajmDensity, type NajmDesignConfig, NajmDesignProvider, type NajmDesignProviderProps, type NajmLayoutConfig, type NajmMode, type NajmPreset, type NajmRadiusScale, NajmScroll, type NajmScrollProps, type NajmSlotStyle, type NajmThemeConfig, NajmThemeProvider, type NajmThemeProviderProps, type NajmThemeTokens, type NajmTypographyConfig, type NajmVariantStyle, 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, RADIUS_VALUE_MAP, 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, buildDefaultFileColumns, buttonVariants, cn, composePreset, createDialogStore, createTableStore, defineNajmDesignConfig, defineNajmThemeConfig, detectFormat, dialogVariants, formatColor, formatFileBytes, formatFileRelative, getIconColorProps, indicatorVariants, inputBorderClasses, parseColor, parseNajmDesignConfig, parseNajmThemeConfig, resolvePreset, resolveRadiusValue, resolveSlot, resolveVariantAlias, sidebarBorderClasses, sliderVariants, stringifyNajmDesignConfig, stringifyNajmThemeConfig, surfaceBorderClasses, swapVariants, toPickerHex, toggleVariants, tooltipContentVariants, truncateByCharacters, useClickOutside, useContextMenu, useDebouncedValue, useDelayedLoading, useDialog, useDialogStore, useDynamicPageSize, useFormField, useFormSubmission, useInfiniteScroll, useKeyboard, useLocalStorageState, useNForm, useNPortalScope, useNajmAppearance, useNajmComponentStyle, useNajmDesign, usePrefix, useSelection, useStepNavigation, useStorageContextMenu, useStoreSync, useTable, useTableKeyboard, useTableStore, useVariant, useVariantPreset };