najm-kit 2.6.1 → 2.6.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 2.6.2
+
+- Added `NSidebarProvider` and `useNSidebar`, so sidebar state can be read from a distance. `NSidebar` renders beside the page content rather than around it, which left applications hand-rolling a context to hand `setMobileOpen` down to a page header — a wrapper component plus an aliased import at every call site. Wrap the shell in `NSidebarProvider` and `NPageHeader` now resolves both `onSidebarOpen` and `mobileBreakpoint` from it, so a header nested anywhere below renders a working mobile trigger with no props threaded to it. Also exports the `NSidebarContextValue` type.
+- `NSidebar` resolves its open and collapsed state as explicit prop → surrounding provider → internal state. Passing `collapsed`, `mobileOpen`, `onCollapsedChange`, or `onMobileOpenChange` keeps behaving exactly as before, and a sidebar with no provider around it still owns its own state, so this is additive for every existing consumer.
+- `logo` accepts a render prop, `({ collapsed, isMobile }) => ReactNode`, alongside the existing node. It receives the state the sidebar actually resolved — including whatever `autoCollapseAt` decided — which consumers previously had to approximate with their own responsive classes, guessing at a breakpoint the sidebar had already computed. The mobile drawer always reports `collapsed: false`, matching how it renders. Exported as `SidebarLogoRender`.
+
 ## 2.6.1
 
 - Fixed the non-card `NPageHeader` bleed never taking effect. 2.6.0 cancelled the page padding with the Tailwind utilities `-mt-[var(--najm-section-gap,0px)]` and `-mx-[var(--najm-page-gutter,0px)]`, which only work if the consuming app's Tailwind build happens to emit those arbitrary classes — they exist nowhere but inside this package's bundle, so a consumer could load a stylesheet without them and the header stayed exactly where it was. The offsets are inline styles now and no longer depend on the consumer's CSS pipeline.

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, { RefObject, ReactNode, ComponentType, InputHTMLAttributes, Ref, CSSProperties, MouseEvent, MouseEventHandler } from 'react';
+import React__default, { RefObject, ReactNode, ComponentType, InputHTMLAttributes, Ref, ImgHTMLAttributes, CSSProperties, MouseEvent, MouseEventHandler } 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';
@@ -700,7 +700,7 @@ declare function NPageHeaderTop({ children, className }: PageHeaderSlotProps): r
 declare namespace NPageHeaderTop {
     var displayName: string;
 }
-declare function NPageHeader({ icon: Icon, title, subtitle, actions, compactActions, filters, top, mobileBreakpoint, onSidebarOpen, sidebarTriggerLabel, sidebarTriggerClassName, search, children, className, headerClassName, card, bordered, }: NPageHeaderProps): react_jsx_runtime.JSX.Element;
+declare function NPageHeader({ icon: Icon, title, subtitle, actions, compactActions, filters, top, mobileBreakpoint: mobileBreakpointProp, onSidebarOpen, sidebarTriggerLabel, sidebarTriggerClassName, search, children, className, headerClassName, card, bordered, }: NPageHeaderProps): react_jsx_runtime.JSX.Element;
 
 type DialogActionMode = "auto" | "dialog" | "content";
 type DialogVariant = "default" | "window";
@@ -1227,6 +1227,43 @@ interface NajmScrollProps extends Omit<OverlayScrollbarsComponentProps, "options
  */
 declare function NajmScroll({ className, axis, autoHide, viewportRef, events, options, element, children, style, ...props }: NajmScrollProps): react_jsx_runtime.JSX.Element;
 
+interface NImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "onError"> {
+    src: string;
+    /** Swapped in when `src` fails to load. */
+    fallback?: string;
+}
+/**
+ * Display-only image with error recovery. Deliberately a plain `<img>`: the
+ * caller's CSS box owns the size, so there is nothing for a framework image
+ * component to reserve or downscale.
+ */
+declare function NImage({ src, fallback, alt, ...rest }: NImageProps): react_jsx_runtime.JSX.Element;
+
+interface NBrandingValue {
+    /** Used as the logo's `alt` when the logo does not set one. */
+    appName?: string;
+    logoExpanded?: ReactNode | string;
+    /** Falls back to `logoExpanded`. */
+    logoCollapsed?: ReactNode | string;
+    /** Swapped in when a `string` logo fails to load. */
+    logoFallback?: string;
+    logoHref?: string;
+}
+/** Returns `null` outside a provider, so every consumer stays optional. */
+declare function useNBranding(): NBrandingValue | null;
+/**
+ * Publishes the app's marks once, so shells stop threading a `logo` through
+ * every surface that shows one. `NSidebar` reads this when no `logo` prop is
+ * given; an explicit `logo` always wins.
+ *
+ * Unlike `NSidebarProvider` this owns no state — the values are resolved by the
+ * app (usually server-side) and only forwarded, so memoizing on the fields is
+ * correct here.
+ */
+declare function NBrandingProvider({ children, appName, logoExpanded, logoCollapsed, logoFallback, logoHref, }: Readonly<NBrandingValue & {
+    children: ReactNode;
+}>): 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";
@@ -2853,8 +2890,16 @@ declare function useFormSubmission({ steps, schema, defaultValues, onSubmit, cur
  *
  * `numbered` needs a trustworthy page count. Under `manualPagination` that
  * means the application must pass a `pageCount` derived from a real result
- * total; without one, the bar falls back to `compact` on its own rather than
+ * total, or — when its endpoint reports no total — pass `hasNextPage` and no
+ * `pageCount` at all, which renders the unbounded bar described on the NTable
+ * prop. With neither, the bar falls back to `compact` on its own rather than
  * inviting clicks on pages that may not exist.
+ *
+ * What it must never be handed is a `pageCount` that is really a lower bound,
+ * such as `pageIndex + 2`. That reads as a two-page result on page one and a
+ * three-page result on page two, so the bar grows a number per click with
+ * nothing to say why. NTable warns in development when it catches a count
+ * moving in lockstep with the page index.
  */
 type NTablePaginationVariant = "numbered" | "compact";
 /**
@@ -2878,6 +2923,12 @@ interface NTablePaginationLabels {
     lastPage?: string;
     /** The `compact` variant's position text, given 1-based values. */
     pageOf?: (page: number, pageCount: number) => string;
+    /**
+     * The position text when the result has no known total, given the 1-based
+     * page. Defaults to `"Page X"` — there is no `of Y` to state, and repeating
+     * the moving lower bound there would be the same lie the numbered bar avoids.
+     */
+    pageOfUnknown?: (page: number) => string;
     /** The selection summary, given selected and total row counts. */
     rowsSelected?: (selected: number, total: number) => string;
 }
@@ -3048,6 +3099,8 @@ interface TableState {
     manualPagination: boolean;
     pageCount: number | undefined;
     rowCount: number | undefined;
+    /** Another server page exists, for a result whose total is unknown. */
+    hasNextPage: boolean | undefined;
     pagination: {
         pageIndex: number;
         pageSize: number;
@@ -3188,6 +3241,7 @@ declare const createTableStore: (seed?: Partial<TableState>) => {
         manualPagination: () => boolean;
         pageCount: () => number;
         rowCount: () => number;
+        hasNextPage: () => boolean;
         pagination: () => {
             pageIndex: number;
             pageSize: number;
@@ -3362,6 +3416,15 @@ interface NTableProps<T = any, M extends ViewMode = ViewMode> {
     manualPagination?: boolean;
     pageCount?: number;
     rowCount?: number;
+    /**
+     * Whether another server page exists, for a list whose endpoint reports no
+     * result total. Supply it *instead of* `pageCount`, never a `pageCount`
+     * synthesized from it: the numbered bar then covers the pages known to exist
+     * and carries a trailing `…` for the rest, and the last-page jump is dropped
+     * because there is no known last page. Ignored when `pageCount` is given —
+     * a real total already says everything this does.
+     */
+    hasNextPage?: boolean;
     pagination?: {
         pageIndex: number;
         pageSize: number;
@@ -3463,8 +3526,16 @@ type NTablePageItem = {
  * pages instead of being dropped — so the slot count stays constant at
  * `2 * siblingCount + 5` for any result longer than that. A bar that changes
  * width on every click is worse than the text it replaced.
+ *
+ * `unbounded` says the result continues past `pageCount`, which is then every
+ * page *known* to exist rather than the whole result — all an endpoint that
+ * reports no total can prove. The window is built over the known pages and a
+ * trailing gap is appended, so the bar reads "and more after this" from the
+ * first page rather than silently growing a number each time one is
+ * discovered. It goes back to false at the end of the result, where the pages
+ * read are the result and the count is exact.
  */
-declare function buildPageItems(pageIndex: number, pageCount: number, siblingCount?: number): NTablePageItem[];
+declare function buildPageItems(pageIndex: number, pageCount: number, siblingCount?: number, unbounded?: boolean): NTablePageItem[];
 
 /**
  * Defaults every `NTable` beneath the provider inherits.
@@ -3690,6 +3761,7 @@ declare const TableStoreContext: React$1.Context<{
         manualPagination: () => boolean;
         pageCount: () => number;
         rowCount: () => number;
+        hasNextPage: () => boolean;
         pagination: () => {
             pageIndex: number;
             pageSize: number;
@@ -3825,6 +3897,7 @@ declare function useStoreSync(props: any): {
         manualPagination: () => boolean;
         pageCount: () => number;
         rowCount: () => number;
+        hasNextPage: () => boolean;
         pagination: () => {
             pageIndex: number;
             pageSize: number;
@@ -3958,6 +4031,7 @@ interface NAppShellClassNames {
     sidebar?: string;
     sidebarItem?: string;
     sidebarHeader?: string;
+    sidebarLogo?: string;
     sidebarFooter?: string;
     navbar?: string;
     content?: string;
@@ -3969,8 +4043,41 @@ interface SidebarWidths {
     collapsed?: SidebarWidth;
     mobile?: SidebarWidth;
 }
+/**
+ * Render-prop form of `logo`. Receives the state the sidebar actually resolved,
+ * including `autoCollapseAt`, so consumers stop approximating it with their own
+ * responsive classes.
+ */
+type SidebarLogoRender = (state: {
+    collapsed: boolean;
+    isMobile: boolean;
+}) => ReactNode;
+/**
+ * Declarative form of `logo`. The sidebar owns the box, the fit and the
+ * collapsed/expanded switch so every app renders the mark identically; the
+ * consumer only says which asset. A `string` slot renders through `NImage`,
+ * a `ReactNode` slot is placed in the same box untouched.
+ */
+interface SidebarLogo {
+    /**
+     * `mark` (default) frames logo artwork in a fixed box. `chip` is the icon
+     * treatment: a square, tinted pill sized for a lucide-style glyph.
+     */
+    variant?: "mark" | "chip";
+    expanded?: ReactNode | string;
+    /** Falls back to `expanded`, rendered in the collapsed box. */
+    collapsed?: ReactNode | string;
+    /** Swapped in when a `string` slot fails to load. */
+    fallback?: string;
+    /** Defaults to the app name from `NBrandingProvider`. */
+    alt?: string;
+    href?: string;
+    onClick?: () => void;
+    title?: string;
+    subtitle?: string;
+}
 interface SidebarProps {
-    logo?: ReactNode;
+    logo?: ReactNode | SidebarLogoRender | SidebarLogo;
     navItems?: NavItem[];
     activePath?: string;
     isActive?: (item: NavItem, activePath: string) => boolean;
@@ -4017,12 +4124,6 @@ interface SidebarProps {
      * `mobileOpen` from an NPageHeader via its `onSidebarOpen` prop.
      */
     showHamburgerButton?: boolean;
-    logoIcon?: ComponentType<{
-        className?: string;
-    }> | ReactNode;
-    logoTitle?: string;
-    logoSubtitle?: string;
-    onLogoClick?: () => void;
     onSettings?: () => void;
     settingsLabel?: string;
     onLogout?: () => void;
@@ -4044,14 +4145,11 @@ interface NSidebarHeaderProps {
     className?: string;
     classNames?: NAppShellClassNames;
 }
-interface NSidebarLogoProps {
-    icon?: ComponentType<{
-        className?: string;
-    }> | ReactNode;
-    title?: string;
-    subtitle?: string;
-    onClick?: () => void;
-    collapsed?: boolean;
+interface NSidebarBrandProps {
+    logo: SidebarLogo;
+    collapsed: boolean;
+    linkComponent?: LinkComponentType;
+    className?: string;
 }
 interface NSidebarContentProps {
     groups: NavItemGroup[];
@@ -4110,7 +4208,7 @@ interface NSidebarMobileProps {
 
 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 NSidebarBrand({ logo, collapsed, linkComponent: Link, className }: NSidebarBrandProps): 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;
 
@@ -4120,7 +4218,38 @@ declare function NSidebarFooter({ children, onSettings, settingsLabel, onLogout,
 
 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, footer, className, classNames, mobileBreakpoint, autoCollapseAt, 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;
+interface NSidebarContextValue {
+    collapsed: boolean;
+    mobileOpen: boolean;
+    openMobile: () => void;
+    closeMobile: () => void;
+    setMobileOpen: (open: boolean) => void;
+    setCollapsed: (collapsed: boolean) => void;
+    toggleCollapsed: () => void;
+    mobileBreakpoint: "sm" | "md" | "lg";
+}
+/**
+ * Returns `null` outside a provider, which is what lets `NSidebar` keep its own
+ * state when it is used standalone. Consumers that need the sidebar from a
+ * distance — `NPageHeader`'s mobile trigger, most of all — read it from here.
+ */
+declare function useNSidebar(): NSidebarContextValue | null;
+/**
+ * Owns the sidebar's open/collapsed state so that content rendered *beside* the
+ * sidebar can reach it. `NSidebar` is a sibling of the page content, so this has
+ * to wrap both — it cannot live inside `NSidebar` itself.
+ *
+ * The provider owns the state rather than forwarding a caller-built value: a
+ * pass-through provider has to memoize on the value's fields, which silently
+ * drops changed callback identities and serves stale closures.
+ */
+declare function NSidebarProvider({ children, defaultCollapsed, mobileBreakpoint, }: Readonly<{
+    children: ReactNode;
+    defaultCollapsed?: boolean;
+    mobileBreakpoint?: "sm" | "md" | "lg";
+}>): 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: mobileBreakpointProp, autoCollapseAt, mobileOpen: mobileOpenProp, defaultMobileOpen, onMobileOpenChange, closeOnNavigate, hamburgerLabel, closeLabel, collapseLabel, expandLabel, hamburgerClassName, showHamburgerButton, 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;
 
@@ -4262,4 +4391,4 @@ interface NGridItemProps extends Omit<React$1.AllHTMLAttributes<HTMLDivElement>,
 declare function NGrid({ as: Comp, children, cols, smCols, mdCols, lgCols, xlCols, gap, className, style, ...props }: NGridProps): react_jsx_runtime.JSX.Element;
 declare function NGridItem({ children, span, smSpan, mdSpan, lgSpan, xlSpan, className, ...props }: NGridItemProps): react_jsx_runtime.JSX.Element;
 
-export { Alert, type AlertLook, type AlertOrientation, type AlertProps, type AlertSize, type AlertTone, type AlertVariant, NCard as AsyncCard, Avatar, AvatarFallback, AvatarFormInput, type AvatarFormInputProps, AvatarGroup, type AvatarGroupProps, AvatarImage, AvatarInput, type AvatarInputProps, type AvatarInputRadius, 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, DEFAULT_THEME_FILE_NAME, DateInput, type DateInputProps, type DeleteDialogOptions, Dialog, type DialogActionMode, type DialogApi, DialogClose, type DialogConfig, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, type DialogHeight, DialogOverlay, type DialogPadding, DialogPortal, type DialogRenderContext, type DialogRenderer, type DialogSize, type DialogStore, DialogTitle, DialogTrigger, type DialogVariant, 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 FormInputBackground, type FormInputProps, FormItem, FormLabel, FormMessage, type FormProps, type FormSlotClassNames, type FormVariant, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, ImageInput, type ImageInputPreviewError, type ImageInputPreviewSource, 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, NAJM_SAVED_THEME_VALUE, 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, NBarChart, type NBarChartProps, type NBulkAction, type NBulkActionButton, type NBulkActionSelect, NBulkActionsBar, type NBulkActionsBarProps, NButton, type NButtonProps, NCard, NCardAction, type CardClassNames as NCardClassNames, type NCardDensity, NCardFooter, NCardInfo, type NCardInfoProps, NCardMedia, type NCardMediaAspect, type NCardMediaPlacement, type NCardMediaProps, type NCardMediaSize, type NCardMediaVariant, type CardProps as NCardProps, NCardSection, type NCardSectionProps, type NCardSectionSurface, type NCartesianChartProps, type NChartCardProps, type NChartDatum, type NChartItem, type NChartSeries, type NChartSize, NChartSkeleton, type NChartSkeletonProps, type NChartSkeletonVariant, 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 NDialogActionProps, NDialogDescription, type NDialogDescriptionProps, type NDialogDirectProps, NDialogHeader, type NDialogHeaderProps, NDialogPrimaryButton, type NDialogProps, NDialogSecondaryButton, NDonutCard, type NDonutCardClassNames, type NDonutCardItem, type NDonutCardLayout, type NDonutCardLegendMarker, type NDonutCardProps, type NDonutCardVariant, type NEditorTab, NEditorTabs, type NEditorTabsProps, 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, NGrid, type NGridCols, NGridItem, type NGridItemProps, type NGridProps, type NGridSpan, NIcon, type NIconProps, type NIconSource, NIndicator, NInspectorSheet, NLineChart, type NLineChartProps, NLoadingState, type NLoadingStateProps, NMultiDialog, type NMultiDialogProps, NNavbar, NPageHeader, NPageHeaderActions, type NPageHeaderBreakpoint, NPageHeaderCompactActions, NPageHeaderFilters, type NPageHeaderProps, NPageHeaderTop, NPageLayout, type NPageLayoutProps, NPieChart, type NPieChartProps, 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 NSheetClassNames, 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, NStatusBreakdown, type NStatusBreakdownProps, Swap as NSwap, type NSwapProps, NTable, type NTableCardPagination, NTableCardRoot, type NTableCardRootProps, NTableCards, type NTableClassNames, type NTableColumnBreakpoint, type NTableColumnDef, type NTableColumnMeta, NTableContent, type NTableDefaults, NTableDefaultsProvider, NTableHeader, type NTableInfinitePagination, type NTableLoadMorePagination, NTableLoadingSkeleton, type NTableMenu, type NTableMenuProp, type NTablePageItem, NTablePagination, type NTablePaginationLabels, type NTablePaginationVariant, type NTableProps, NTableRowSkeleton, NTableSkeleton, type NTableState, NTabs, type NTabsClassNames, type NTabsColor, type NTabsItem, type NTabsProps, type NTabsStyles, NThemeCustomizer, type NThemeCustomizerFontOption, type NThemeCustomizerLabels, type NThemeCustomizerProps, type NThemeCustomizerTab, type NThemePreset, NThemePresets, type NThemePresetsLabels, type NThemePresetsProps, type NThemePresetsStatus, 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 NajmResponsiveBreakpoint, type NajmResponsiveValue, 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, OtpInput, type OtpInputProps, 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 SidebarWidth, 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, TimeZoneInput, type TimeZoneInputProps, 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, buildPageItems, buttonVariants, cn, composePreset, createDialogStore, createTableStore, defineNajmDesignConfig, defineNajmThemeConfig, detectFormat, dialogVariants, filterResponsiveColumns, formatColor, formatFileBytes, formatFileRelative, getIconColorProps, getNChartColor, getNextEditorTabValue, hiddenBelowClasses, indicatorVariants, inputBorderClasses, normalizeThemeFileName, parseColor, parseNajmDesignConfig, parseNajmThemeConfig, parseThemeFile, resolveHiddenBelowClass, resolvePreset, resolveRadiusValue, resolveSlot, resolveVariantAlias, sidebarBorderClasses, sliderVariants, stringifyNajmDesignConfig, stringifyNajmThemeConfig, stringifyThemeFile, surfaceBorderClasses, swapVariants, toPickerHex, toggleVariants, tooltipContentVariants, truncateByCharacters, useClickOutside, useContextMenu, useDebouncedValue, useDelayedLoading, useDialog, useDialogStore, useDynamicPageSize, useFormField, useFormSubmission, useInfiniteScroll, useKeyboard, useLocalStorageState, useNForm, useNPortalScope, useNTableDefaults, useNajmAppearance, useNajmComponentStyle, useNajmDesign, useNajmThemeMode, 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, AvatarFormInput, type AvatarFormInputProps, AvatarGroup, type AvatarGroupProps, AvatarImage, AvatarInput, type AvatarInputProps, type AvatarInputRadius, 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, DEFAULT_THEME_FILE_NAME, DateInput, type DateInputProps, type DeleteDialogOptions, Dialog, type DialogActionMode, type DialogApi, DialogClose, type DialogConfig, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, type DialogHeight, DialogOverlay, type DialogPadding, DialogPortal, type DialogRenderContext, type DialogRenderer, type DialogSize, type DialogStore, DialogTitle, DialogTrigger, type DialogVariant, 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 FormInputBackground, type FormInputProps, FormItem, FormLabel, FormMessage, type FormProps, type FormSlotClassNames, type FormVariant, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, ImageInput, type ImageInputPreviewError, type ImageInputPreviewSource, 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, NAJM_SAVED_THEME_VALUE, 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, NBarChart, type NBarChartProps, NBrandingProvider, type NBrandingValue, type NBulkAction, type NBulkActionButton, type NBulkActionSelect, NBulkActionsBar, type NBulkActionsBarProps, NButton, type NButtonProps, NCard, NCardAction, type CardClassNames as NCardClassNames, type NCardDensity, NCardFooter, NCardInfo, type NCardInfoProps, NCardMedia, type NCardMediaAspect, type NCardMediaPlacement, type NCardMediaProps, type NCardMediaSize, type NCardMediaVariant, type CardProps as NCardProps, NCardSection, type NCardSectionProps, type NCardSectionSurface, type NCartesianChartProps, type NChartCardProps, type NChartDatum, type NChartItem, type NChartSeries, type NChartSize, NChartSkeleton, type NChartSkeletonProps, type NChartSkeletonVariant, 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 NDialogActionProps, NDialogDescription, type NDialogDescriptionProps, type NDialogDirectProps, NDialogHeader, type NDialogHeaderProps, NDialogPrimaryButton, type NDialogProps, NDialogSecondaryButton, NDonutCard, type NDonutCardClassNames, type NDonutCardItem, type NDonutCardLayout, type NDonutCardLegendMarker, type NDonutCardProps, type NDonutCardVariant, type NEditorTab, NEditorTabs, type NEditorTabsProps, 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, NGrid, type NGridCols, NGridItem, type NGridItemProps, type NGridProps, type NGridSpan, NIcon, type NIconProps, type NIconSource, NImage, type NImageProps, NIndicator, NInspectorSheet, NLineChart, type NLineChartProps, NLoadingState, type NLoadingStateProps, NMultiDialog, type NMultiDialogProps, NNavbar, NPageHeader, NPageHeaderActions, type NPageHeaderBreakpoint, NPageHeaderCompactActions, NPageHeaderFilters, type NPageHeaderProps, NPageHeaderTop, NPageLayout, type NPageLayoutProps, NPieChart, type NPieChartProps, 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 NSheetClassNames, type NSheetProps, NSidebar, NSidebarBrand, type NSidebarBrandProps, NSidebarContent, type NSidebarContentProps, type NSidebarContextValue, NSidebarFooter, type NSidebarFooterProps, NSidebarHeader, type NSidebarHeaderProps, NSidebarItem, NSidebarMobile, type NSidebarMobileProps, NSidebarProvider, 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, NStatusBreakdown, type NStatusBreakdownProps, Swap as NSwap, type NSwapProps, NTable, type NTableCardPagination, NTableCardRoot, type NTableCardRootProps, NTableCards, type NTableClassNames, type NTableColumnBreakpoint, type NTableColumnDef, type NTableColumnMeta, NTableContent, type NTableDefaults, NTableDefaultsProvider, NTableHeader, type NTableInfinitePagination, type NTableLoadMorePagination, NTableLoadingSkeleton, type NTableMenu, type NTableMenuProp, type NTablePageItem, NTablePagination, type NTablePaginationLabels, type NTablePaginationVariant, type NTableProps, NTableRowSkeleton, NTableSkeleton, type NTableState, NTabs, type NTabsClassNames, type NTabsColor, type NTabsItem, type NTabsProps, type NTabsStyles, NThemeCustomizer, type NThemeCustomizerFontOption, type NThemeCustomizerLabels, type NThemeCustomizerProps, type NThemeCustomizerTab, type NThemePreset, NThemePresets, type NThemePresetsLabels, type NThemePresetsProps, type NThemePresetsStatus, 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 NajmResponsiveBreakpoint, type NajmResponsiveValue, 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, OtpInput, type OtpInputProps, 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 SidebarLogo, type SidebarLogoRender, type SidebarProps, type SidebarWidth, 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, TimeZoneInput, type TimeZoneInputProps, 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, buildPageItems, buttonVariants, cn, composePreset, createDialogStore, createTableStore, defineNajmDesignConfig, defineNajmThemeConfig, detectFormat, dialogVariants, filterResponsiveColumns, formatColor, formatFileBytes, formatFileRelative, getIconColorProps, getNChartColor, getNextEditorTabValue, hiddenBelowClasses, indicatorVariants, inputBorderClasses, normalizeThemeFileName, parseColor, parseNajmDesignConfig, parseNajmThemeConfig, parseThemeFile, resolveHiddenBelowClass, resolvePreset, resolveRadiusValue, resolveSlot, resolveVariantAlias, sidebarBorderClasses, sliderVariants, stringifyNajmDesignConfig, stringifyNajmThemeConfig, stringifyThemeFile, surfaceBorderClasses, swapVariants, toPickerHex, toggleVariants, tooltipContentVariants, truncateByCharacters, useClickOutside, useContextMenu, useDebouncedValue, useDelayedLoading, useDialog, useDialogStore, useDynamicPageSize, useFormField, useFormSubmission, useInfiniteScroll, useKeyboard, useLocalStorageState, useNBranding, useNForm, useNPortalScope, useNSidebar, useNTableDefaults, useNajmAppearance, useNajmComponentStyle, useNajmDesign, useNajmThemeMode, usePrefix, useSelection, useStepNavigation, useStorageContextMenu, useStoreSync, useTable, useTableKeyboard, useTableStore, useVariant, useVariantPreset };

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { createContext, useRef, useMemo, useContext, useState, useEffect, useCallback, useLayoutEffect } from 'react';
+import React__default, { createContext, useRef, useMemo, useContext, useState, useEffect, useCallback, useLayoutEffect, isValidElement } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
@@ -2354,6 +2354,35 @@ var IconButton = React.forwardRef(
   }
 );
 IconButton.displayName = "IconButton";
+var NSidebarContext = createContext(null);
+function useNSidebar() {
+  return useContext(NSidebarContext);
+}
+function NSidebarProvider({
+  children,
+  defaultCollapsed = false,
+  mobileBreakpoint = "md"
+}) {
+  const [collapsed, setCollapsed] = useState(defaultCollapsed);
+  const [mobileOpen, setMobileOpen] = useState(false);
+  const openMobile = useCallback(() => setMobileOpen(true), []);
+  const closeMobile = useCallback(() => setMobileOpen(false), []);
+  const toggleCollapsed = useCallback(() => setCollapsed((prev) => !prev), []);
+  const value = useMemo(
+    () => ({
+      collapsed,
+      mobileOpen,
+      openMobile,
+      closeMobile,
+      setMobileOpen,
+      setCollapsed,
+      toggleCollapsed,
+      mobileBreakpoint
+    }),
+    [collapsed, mobileOpen, openMobile, closeMobile, toggleCollapsed, mobileBreakpoint]
+  );
+  return /* @__PURE__ */ jsx(NSidebarContext.Provider, { value, children });
+}
 function NPageHeaderActions({ children, className }) {
   return /* @__PURE__ */ jsx("div", { className: cn("flex shrink-0 items-center gap-0 lg:gap-1 xl:gap-2 2xl:gap-2", className), children });
 }
@@ -2420,7 +2449,7 @@ function NPageHeader({
   compactActions,
   filters,
   top,
-  mobileBreakpoint = "md",
+  mobileBreakpoint: mobileBreakpointProp,
   onSidebarOpen,
   sidebarTriggerLabel = "Open sidebar",
   sidebarTriggerClassName,
@@ -2433,6 +2462,9 @@ function NPageHeader({
 }) {
   const [internalSearch, setInternalSearch] = useState("");
   const recipe = useNajmComponentStyle("pageHeader");
+  const sidebar = useNSidebar();
+  const resolvedOnSidebarOpen = onSidebarOpen ?? sidebar?.openMobile;
+  const mobileBreakpoint = mobileBreakpointProp ?? sidebar?.mobileBreakpoint ?? "md";
   const searchValue = search?.value ?? internalSearch;
   const handleSearchChange = useCallback((e) => {
     setInternalSearch(e.currentTarget.value);
@@ -2487,13 +2519,13 @@ function NPageHeader({
               headerClassName
             ),
             children: [
-              onSidebarOpen && /* @__PURE__ */ jsx(
+              resolvedOnSidebarOpen && /* @__PURE__ */ jsx(
                 Button,
                 {
                   type: "button",
                   variant: "ghost",
                   size: "icon",
-                  onClick: onSidebarOpen,
+                  onClick: resolvedOnSidebarOpen,
                   "aria-label": sidebarTriggerLabel,
                   "data-slot": "page-header-sidebar-trigger",
                   className: cn(
@@ -4493,7 +4525,6 @@ function ThemeCustomizerComponentsLayoutTab({
         ["mobileWidth", labels.sidebarMobileWidth, 240]
       ].map(([key, label, placeholder]) => {
         const current = components.sidebar?.[key];
-        const factory = factoryComponents.sidebar?.[key];
         const inputId = `najm-sidebar-${key}`;
         const changeWidth = (delta) => {
           if (disabled) return;
@@ -4514,9 +4545,6 @@ function ThemeCustomizerComponentsLayoutTab({
             label,
             htmlFor: inputId,
             className: key === "mobileWidth" ? "col-span-2" : void 0,
-            onReset: current !== factory ? () => handleResetComponentField("sidebar", key) : void 0,
-            resetLabel: labels.resetField,
-            resetAriaLabel: `${labels.resetField} ${labelText(label)}`.trim(),
             disabled,
             children: /* @__PURE__ */ jsxs("div", { className: "relative h-9 overflow-hidden rounded-md border border-input bg-card shadow-xs transition-[color,box-shadow] focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50", children: [
               /* @__PURE__ */ jsx(
@@ -4575,24 +4603,6 @@ function ThemeCustomizerComponentsLayoutTab({
         CustomizerField,
         {
           label: labels.sidebarSections,
-          onReset: components.sidebar?.showSectionLabels !== factoryComponents.sidebar?.showSectionLabels || components.sidebar?.showSectionSeparators !== factoryComponents.sidebar?.showSectionSeparators ? () => {
-            const withLabels = setComponentField(
-              value,
-              "sidebar",
-              "showSectionLabels",
-              factoryComponents.sidebar?.showSectionLabels
-            );
-            onChange(
-              setComponentField(
-                withLabels,
-                "sidebar",
-                "showSectionSeparators",
-                factoryComponents.sidebar?.showSectionSeparators
-              )
-            );
-          } : void 0,
-          resetLabel: labels.resetField,
-          resetAriaLabel: `${labels.resetField} ${labelText(labels.sidebarSections)}`.trim(),
           disabled,
           children: /* @__PURE__ */ jsx(
             MultiSelectInput,
@@ -8694,6 +8704,29 @@ function ScrollArea({ className, children, ...props }) {
     }
   ) });
 }
+function NImage({ src, fallback, alt = "", ...rest }) {
+  const [failed, setFailed] = useState(null);
+  const resolved = failed === src && fallback ? fallback : src;
+  return /* @__PURE__ */ jsx("img", { ...rest, alt, src: resolved, onError: () => setFailed(src) });
+}
+var NBrandingContext = createContext(null);
+function useNBranding() {
+  return useContext(NBrandingContext);
+}
+function NBrandingProvider({
+  children,
+  appName,
+  logoExpanded,
+  logoCollapsed,
+  logoFallback,
+  logoHref
+}) {
+  const value = useMemo(
+    () => ({ appName, logoExpanded, logoCollapsed, logoFallback, logoHref }),
+    [appName, logoExpanded, logoCollapsed, logoFallback, logoHref]
+  );
+  return /* @__PURE__ */ jsx(NBrandingContext.Provider, { value, children });
+}
 var avatarVariants = cva(
   "relative flex shrink-0 overflow-hidden",
   {
@@ -12535,6 +12568,7 @@ var createTableStore = (seed) => {
       manualPagination: false,
       pageCount: void 0,
       rowCount: void 0,
+      hasNextPage: void 0,
       pagination: { pageIndex: 0, pageSize: 10 },
       isPaginationControlled: false,
       onPaginationChange: null,
@@ -14008,7 +14042,12 @@ function NTableCards({ effectiveMode }) {
 }
 
 // src/components/table/paginationPages.ts
-function buildPageItems(pageIndex, pageCount, siblingCount = 1) {
+function buildPageItems(pageIndex, pageCount, siblingCount = 1, unbounded = false) {
+  const items = buildKnownPageItems(pageIndex, pageCount, siblingCount);
+  if (!unbounded || items.length === 0) return items;
+  return [...items, { type: "gap", key: "end" }];
+}
+function buildKnownPageItems(pageIndex, pageCount, siblingCount) {
   const pages = Math.max(0, Math.floor(pageCount));
   if (pages <= 0) return [];
   const current = Math.min(Math.max(0, Math.floor(pageIndex)), pages - 1);
@@ -14164,14 +14203,38 @@ function CardLoadMorePagination({
 }
 var navButtonClass = "h-8 w-8 p-0 text-foreground disabled:text-muted-foreground disabled:opacity-70";
 var chevronClass = "h-4 w-4 rtl:-scale-x-100";
+function useLowerBoundPageCountWarning(manualPagination, pageCount, pagination) {
+  const previous = React__default.useRef(null);
+  const warned = React__default.useRef(false);
+  React__default.useEffect(() => {
+    if (typeof console === "undefined") return;
+    if (typeof process !== "undefined" && process.env?.NODE_ENV === "production") return;
+    if (!manualPagination || pageCount === void 0 || !pagination) {
+      previous.current = null;
+      return;
+    }
+    const last = previous.current;
+    previous.current = { ...pagination, pageCount };
+    if (!last || warned.current) return;
+    if (last.pageSize !== pagination.pageSize) return;
+    const advanced = pagination.pageIndex - last.pageIndex;
+    if (advanced <= 0 || pageCount - last.pageCount !== advanced) return;
+    if (pageCount - pagination.pageIndex > 2) return;
+    warned.current = true;
+    console.warn(
+      "NTable received a pageCount that grew with the page index, so it is a lower bound rather than a result total and the numbered bar would gain a page button per click. For a list whose endpoint reports no total, drop pageCount and pass hasNextPage instead."
+    );
+  }, [manualPagination, pageCount, pagination]);
+}
 function PageNumbers({
   pageIndex,
   pageCount,
+  unbounded,
   bordered,
   labels,
   onSelect
 }) {
-  return /* @__PURE__ */ jsx(Fragment, { children: buildPageItems(pageIndex, pageCount).map((item) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: buildPageItems(pageIndex, pageCount, 1, unbounded).map((item) => {
     if (item.type === "gap") {
       return /* @__PURE__ */ jsx(
         "span",
@@ -14213,12 +14276,14 @@ function NTablePagination() {
   const manualPagination = useTableStore.use.manualPagination();
   const pageCount = useTableStore.use.pageCount();
   const rowCount = useTableStore.use.rowCount();
+  const suppliedHasNextPage = useTableStore.use.hasNextPage();
   const setPagination = useTableStore.use.setPagination();
   const isPaginationControlled = useTableStore.use.isPaginationControlled();
   const bordered = useTableStore.use.bordered();
   const paginationVariant = useTableStore.use.paginationVariant();
   const ownLabels = useTableStore.use.paginationLabels();
   const labels = useResolvedPaginationLabels(ownLabels);
+  useLowerBoundPageCountWarning(manualPagination, pageCount, pagination);
   if (!showPagination || effectiveViewMode === "json" || effectiveViewMode === "files") return null;
   if (cardPagination.mode === "all") return null;
   if (effectiveViewMode === "cards" && cardPagination.mode === "infinite") return null;
@@ -14236,7 +14301,8 @@ function NTablePagination() {
   const filteredRows = table ? table.getFilteredRowModel().rows : [];
   const selectedRows = table ? table.getFilteredSelectedRowModel().rows : [];
   const { pageIndex, pageSize } = table ? table.getState().pagination : pagination;
-  const effectivePageCount = manualPagination && pageCount !== void 0 ? pageCount : table ? table.getPageCount() : 1;
+  const unbounded = manualPagination && pageCount === void 0 && suppliedHasNextPage !== void 0;
+  const effectivePageCount = manualPagination && pageCount !== void 0 ? pageCount : unbounded ? pageIndex + (suppliedHasNextPage ? 2 : 1) : table ? table.getPageCount() : 1;
   const currentPagination = pagination ?? { pageIndex, pageSize };
   const currentPageSizeOptions = pageSizeOptions.includes(pageSize) ? pageSizeOptions : [...pageSizeOptions, pageSize].sort((a, b) => a - b);
   const navigate = (direction) => {
@@ -14261,10 +14327,11 @@ function NTablePagination() {
     const newSize = Number(value);
     setPagination({ pageIndex: 0, pageSize: newSize });
   };
-  const hasTrustworthyPageCount = manualPagination ? pageCount !== void 0 && pageCount > 0 : effectivePageCount > 0;
+  const hasTrustworthyPageCount = manualPagination ? pageCount !== void 0 && pageCount > 0 || unbounded : effectivePageCount > 0;
   const showNumbers = paginationVariant === "numbered" && hasTrustworthyPageCount;
   const canPrevious = (table?.getCanPreviousPage?.() ?? pageIndex > 0) && pageIndex > 0;
-  const canNext = (table?.getCanNextPage?.() ?? true) && pageIndex < effectivePageCount - 1;
+  const canNext = unbounded ? Boolean(suppliedHasNextPage) : (table?.getCanNextPage?.() ?? true) && pageIndex < effectivePageCount - 1;
+  const canLast = canNext && !unbounded;
   const selectedTotal = manualPagination && rowCount !== void 0 ? rowCount : filteredRows.length;
   return /* @__PURE__ */ jsxs("div", { className: cn("flex w-full min-w-0 flex-wrap items-center justify-between gap-x-4 gap-y-2 py-1 text-foreground", classNames?.pagination), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-4 lg:gap-6", children: [
@@ -14282,7 +14349,7 @@ function NTablePagination() {
           /* @__PURE__ */ jsx(SelectContent, { side: "top", children: currentPageSizeOptions.map((size) => /* @__PURE__ */ jsx(SelectItem, { value: `${size}`, children: size }, size)) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: cn("text-sm font-medium text-foreground", showNumbers && "sm:hidden"), children: labels.pageOf?.(pageIndex + 1, effectivePageCount) ?? `Page ${pageIndex + 1} of ${effectivePageCount}` }),
+      /* @__PURE__ */ jsx("div", { className: cn("text-sm font-medium text-foreground", showNumbers && "sm:hidden"), children: unbounded ? labels.pageOfUnknown?.(pageIndex + 1) ?? `Page ${pageIndex + 1}` : labels.pageOf?.(pageIndex + 1, effectivePageCount) ?? `Page ${pageIndex + 1} of ${effectivePageCount}` }),
       /* @__PURE__ */ jsxs(
         "nav",
         {
@@ -14296,13 +14363,14 @@ function NTablePagination() {
               {
                 pageIndex,
                 pageCount: effectivePageCount,
+                unbounded: unbounded && Boolean(suppliedHasNextPage),
                 bordered,
                 labels,
                 onSelect: (next) => setPagination({ ...currentPagination, pageIndex: next })
               }
             ) }),
             /* @__PURE__ */ jsx(Button, { bordered, variant: "outline", className: navButtonClass, "aria-label": labels.nextPage ?? "Next", onClick: () => navigate("next"), disabled: !canNext, children: /* @__PURE__ */ jsx(ChevronRight, { className: chevronClass }) }),
-            !showNumbers && /* @__PURE__ */ jsx(Button, { bordered, variant: "outline", className: cn(navButtonClass, "hidden lg:flex"), "aria-label": labels.lastPage ?? "Last page", onClick: () => navigate("last"), disabled: !canNext, children: /* @__PURE__ */ jsx(ChevronsRight, { className: chevronClass }) })
+            !showNumbers && /* @__PURE__ */ jsx(Button, { bordered, variant: "outline", className: cn(navButtonClass, "hidden lg:flex"), "aria-label": labels.lastPage ?? "Last page", onClick: () => navigate("last"), disabled: !canLast, children: /* @__PURE__ */ jsx(ChevronsRight, { className: chevronClass }) })
           ]
         }
       )
@@ -14891,6 +14959,7 @@ function NTable(props) {
     manualPagination: props.manualPagination ?? false,
     pageCount: props.pageCount,
     rowCount: props.rowCount,
+    hasNextPage: props.hasNextPage,
     pagination: props.pagination,
     defaultPagination: props.defaultPagination,
     onPaginationChange: props.onPaginationChange ?? null,
@@ -15294,42 +15363,45 @@ function NSidebarHeader({ children, collapsed, className, classNames }) {
     className
   ), children });
 }
-function NSidebarLogo({
-  icon,
-  title,
-  subtitle,
-  onClick,
-  collapsed = false
-}) {
-  if (!icon && !title && !subtitle) return null;
-  const IconNode = React__default.isValidElement(icon) ? icon : typeof icon === "function" || typeof icon === "object" && icon !== null && "$$typeof" in icon ? React__default.createElement(icon, { className: "h-6 w-6 text-sidebar-primary" }) : icon;
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      onClick,
-      className: cn(
-        "flex items-center gap-2.5  text-left",
-        onClick && "cursor-pointer hover:opacity-80 transition-opacity"
-      ),
-      children: [
-        IconNode && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "size-10 rounded-lg bg-sidebar-primary/10 flex items-center justify-center shrink-0",
-              collapsed && "ml-[calc((var(--rail,4rem)-var(--sidebar-edge-width,0px))/2-var(--spacing,0.25rem)-var(--spacing,0.25rem)-var(--spacing,0.25rem)-var(--spacing,0.25rem)-var(--spacing,0.25rem)-var(--spacing,0.25rem)-var(--spacing,0.25rem)-var(--spacing,0.25rem)-var(--spacing,0.25rem))]"
-            ),
-            children: IconNode
-          }
+var COLLAPSED_BOX = "size-8 shrink-0 overflow-hidden rounded-lg";
+var EXPANDED_MARK_BOX = "h-10 w-32";
+var EXPANDED_CHIP_BOX = "size-10 shrink-0 rounded-lg";
+var CHIP_SKIN = "bg-sidebar-primary/10";
+var FIT = "[&_img]:size-full [&_img]:object-contain";
+function NSidebarBrand({ logo, collapsed, linkComponent: Link, className }) {
+  const source = collapsed ? logo.collapsed ?? logo.expanded : logo.expanded;
+  const showText = !collapsed && (logo.title || logo.subtitle);
+  const isChip = logo.variant === "chip";
+  if (!source && !showText) return null;
+  const image = typeof source === "string" ? /* @__PURE__ */ jsx(NImage, { src: source, fallback: logo.fallback, alt: logo.alt ?? "", "aria-hidden": logo.alt ? void 0 : true }) : source;
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    image ? /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "flex items-center justify-center",
+          collapsed ? COLLAPSED_BOX : isChip ? EXPANDED_CHIP_BOX : EXPANDED_MARK_BOX,
+          isChip && CHIP_SKIN,
+          FIT,
+          className
         ),
-        !collapsed && (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col ", children: [
-          title && /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-sidebar-foreground leading-tight truncate", children: title }),
-          subtitle && /* @__PURE__ */ jsx("span", { className: "text-xs text-sidebar-foreground/60 leading-tight truncate", children: subtitle })
-        ] })
-      ]
-    }
+        children: image
+      }
+    ) : null,
+    showText ? /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col", children: [
+      logo.title ? /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold leading-tight text-sidebar-foreground", children: logo.title }) : null,
+      logo.subtitle ? /* @__PURE__ */ jsx("span", { className: "truncate text-xs leading-tight text-sidebar-foreground/60", children: logo.subtitle }) : null
+    ] }) : null
+  ] });
+  const wrapper = cn(
+    "flex min-w-0 items-center gap-2.5 text-left",
+    !collapsed && !showText && !isChip && "mx-auto"
   );
+  const interactive = "cursor-pointer transition-opacity hover:opacity-80";
+  if (logo.href && Link) return /* @__PURE__ */ jsx(Link, { href: logo.href, className: cn(wrapper, interactive), children: inner });
+  if (logo.href) return /* @__PURE__ */ jsx("a", { href: logo.href, className: cn(wrapper, interactive), children: inner });
+  if (logo.onClick) return /* @__PURE__ */ jsx("button", { type: "button", onClick: logo.onClick, className: cn(wrapper, interactive), children: inner });
+  return /* @__PURE__ */ jsx("div", { className: wrapper, children: inner });
 }
 function defaultIsActive(item, activePath) {
   if (item.href) return activePath === item.href;
@@ -15628,6 +15700,10 @@ function NSidebarMobile({
     )
   ] });
 }
+var LOGO_OBJECT_KEYS = ["expanded", "collapsed", "fallback", "alt", "href", "title", "subtitle"];
+function isSidebarLogoObject(value) {
+  return typeof value === "object" && value !== null && !isValidElement(value) && !Array.isArray(value) && LOGO_OBJECT_KEYS.some((key) => key in value);
+}
 function buildGroups(items) {
   const groups = [];
   for (const item of items) {
@@ -15718,7 +15794,7 @@ function NSidebar({
   footer,
   className,
   classNames,
-  mobileBreakpoint = "md",
+  mobileBreakpoint: mobileBreakpointProp,
   autoCollapseAt,
   mobileOpen: mobileOpenProp,
   defaultMobileOpen = false,
@@ -15730,10 +15806,6 @@ function NSidebar({
   expandLabel = "Expand",
   hamburgerClassName,
   showHamburgerButton = false,
-  logoIcon,
-  logoTitle,
-  logoSubtitle,
-  onLogoClick,
   onSettings,
   settingsLabel,
   onLogout,
@@ -15743,22 +15815,32 @@ function NSidebar({
   const recipe = useNajmComponentStyle("sidebar");
   const [_mobileOpen, _setMobileOpen] = useState(defaultMobileOpen);
   const [_collapsed, _setCollapsed] = useState(defaultCollapsed);
-  const isControlled = mobileOpenProp !== void 0;
-  const mobileOpen = isControlled ? mobileOpenProp : _mobileOpen;
-  const collapsed = collapsedProp ?? _collapsed;
+  const sidebar = useNSidebar();
+  const branding = useNBranding();
+  const isMobileControlled = mobileOpenProp !== void 0;
+  const isCollapsedControlled = collapsedProp !== void 0;
+  const mobileOpen = isMobileControlled ? mobileOpenProp : sidebar?.mobileOpen ?? _mobileOpen;
+  const collapsed = isCollapsedControlled ? collapsedProp : sidebar?.collapsed ?? _collapsed;
+  const mobileBreakpoint = mobileBreakpointProp ?? sidebar?.mobileBreakpoint ?? "md";
   const autoCollapsed = useAutoCollapsed(autoCollapseAt);
   const desktopCollapsed = collapsed || autoCollapsed;
   const setMobileOpen = (open) => {
-    if (!isControlled) _setMobileOpen(open);
+    if (!isMobileControlled) {
+      if (sidebar) sidebar.setMobileOpen(open);
+      else _setMobileOpen(open);
+    }
     onMobileOpenChange?.(open);
   };
   const [railDragging, setRailDragging] = useState(false);
   const suppressRailClickRef = useRef(false);
   const setCollapsedState = useCallback((next) => {
     if (next === collapsed) return;
-    if (collapsedProp === void 0) _setCollapsed(next);
+    if (!isCollapsedControlled) {
+      if (sidebar) sidebar.setCollapsed(next);
+      else _setCollapsed(next);
+    }
     onCollapsedChange?.(next);
-  }, [collapsed, collapsedProp, onCollapsedChange]);
+  }, [collapsed, isCollapsedControlled, sidebar, onCollapsedChange]);
   const handleToggleCollapsed = useCallback(() => {
     setCollapsedState(!collapsed);
   }, [collapsed, setCollapsedState]);
@@ -15827,10 +15909,36 @@ function NSidebar({
   const effectiveShowSectionSeparators = showSectionSeparators ?? recipe?.showSectionSeparators ?? false;
   const contentSlot = recipe?.slots?.content;
   const contentStyle = contentSlot?.paddingTop ? { paddingTop: contentSlot.paddingTop } : void 0;
-  const desktopDefaultLogoContent = logoIcon || logoTitle || logoSubtitle ? /* @__PURE__ */ jsx(NSidebarLogo, { icon: logoIcon, title: logoTitle, subtitle: logoSubtitle, onClick: onLogoClick, collapsed: desktopCollapsed }) : null;
-  const mobileDefaultLogoContent = logoIcon || logoTitle || logoSubtitle ? /* @__PURE__ */ jsx(NSidebarLogo, { icon: logoIcon, title: logoTitle, subtitle: logoSubtitle, onClick: onLogoClick, collapsed: false }) : null;
-  const desktopHeaderContent = logo ?? desktopDefaultLogoContent;
-  const mobileHeaderContent = logo ?? mobileDefaultLogoContent;
+  const brandingLogo = useMemo(() => {
+    if (!branding?.logoExpanded && !branding?.logoCollapsed) return null;
+    return {
+      expanded: branding.logoExpanded,
+      collapsed: branding.logoCollapsed,
+      fallback: branding.logoFallback,
+      href: branding.logoHref,
+      alt: branding.appName
+    };
+  }, [branding]);
+  const brandNode = (value, isCollapsed) => /* @__PURE__ */ jsx(
+    NSidebarBrand,
+    {
+      logo: value,
+      collapsed: isCollapsed,
+      linkComponent,
+      className: classNames?.sidebarLogo
+    }
+  );
+  const renderLogo = (isMobile) => {
+    const isCollapsed = isMobile ? false : desktopCollapsed;
+    if (typeof logo === "function") return logo({ collapsed: isCollapsed, isMobile });
+    if (isSidebarLogoObject(logo)) {
+      return brandNode({ ...logo, alt: logo.alt ?? branding?.appName }, isCollapsed);
+    }
+    if (logo === void 0) return brandingLogo ? brandNode(brandingLogo, isCollapsed) : void 0;
+    return logo;
+  };
+  const desktopHeaderContent = renderLogo(false);
+  const mobileHeaderContent = renderLogo(true);
   const contentProps = {
     groups,
     activePath,
@@ -16273,4 +16381,4 @@ function NGridItem({
   return /* @__PURE__ */ jsx("div", { className: itemClassName, ...props, children });
 }
 
-export { Alert, NCard as AsyncCard, Avatar, AvatarFallback, AvatarFormInput, AvatarGroup, AvatarImage, AvatarInput, AvatarStatus, Badge, BaseInput, Button, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroupInput, CheckboxInput, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorArrayInput, ColorPickerInput, Combobox, ComboboxInput, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DEFAULT_THEME_FILE_NAME, DateInput, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicArray_default as DynamicArray, EmojiInput, FileImportButton, FileInput, Form, FormControl, FormDescription, FormField, FormInput, FormItem, FormLabel, FormMessage, IconButton, ImageInput, Indicator4 as Indicator, Input, Label2 as Label, LangInput, MultiSelectInput, NAJM_COMPONENT_NAMES, NAJM_SAVED_THEME_VALUE, NAlert, NAppShell, NCard as NAsyncCard, NAvatar, NBadge, NBarChart, NBulkActionsBar, NButton, NCard, NCardAction, NCardFooter, NCardInfo, NCardMedia, NCardSection, NChartSkeleton, NCommandPalette, NConfirmDialog, NContextMenu, NDataCardShell, NDeleteDialog, NDeleteDialogContent, NDetailCard, NDetailItem, NDetailList, NDialog, NDialogDescription, NDialogHeader, NDialogPrimaryButton, NDialogSecondaryButton, NDonutCard, NEditorTabs, NEmptyState, NErrorBoundary, NErrorState, NFileBrowser, NFileTypeIcon, NFilterBar, NFolderIcon, NForm, NFormSectionHeader, NGrid, NGridItem, NIcon, NIndicator, NInspectorSheet, NLineChart, NLoadingState, NMultiDialog, NNavbar, NPageHeader, NPageHeaderActions, NPageHeaderCompactActions, NPageHeaderFilters, NPageHeaderTop, NPageLayout, NPieChart, NPortalScopeProvider, NProgress, NRowActions, NSection, NSectionHeader, NSectionInfo, NSectionWithInfo, NSheet, NSidebar, NSidebarContent, NSidebarFooter, NSidebarHeader, NSidebarItem, NSidebarLogo, NSidebarMobile, NSidebarSection, NSkeleton, NSkeletonCalendar, NSkeletonChart, NSkeletonDonut, NSkeletonEventList, NSkeletonWidget, NSkeletonWidgets, NSlider, NSmartPasteDialog, NSpinner, NStatCard, NStatCardSkeleton, NStatusBreakdown, Swap as NSwap, NTable, NTableCardRoot, NTableCards, NTableContent, NTableDefaultsProvider, NTableHeader, NTableJson, NTableLoadingSkeleton, NTablePagination, NTableRowSkeleton, NTableSkeleton, NTabs, NThemeCustomizer, NThemePresets, NUploader, NViewBody, NViewToggle, NajmDesignProvider, NajmScroll, NajmThemeProvider, NativeSelect, NumberInput, OtpInput, PasswordInput, PhoneInput, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrefixProvider, Progress, RADIUS_VALUE_MAP, RadioGroup, RadioGroupInput, RadioGroupItem, RepeatingFields, ScrollArea, SearchField, SearchField as SearchInput, SegmentedControl, Select, SelectContent, SelectGroup, SelectInput, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleTooltip, NSkeleton as Skeleton, Slider, SliderInput, StarRatingInput, StatusPill, StepIndicator, StepsHeader, StepsProgress, Swap, SwapIndeterminate, SwapOff, SwapOn, Switch, SwitchInput, TAB_COLORS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableStoreContext, Tabs, TabsContent, TabsList, TabsTrigger, TextAreaInput, TextInput, Textarea, TimeInput, TimeZoneInput, Toaster, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, VariantProvider, WizardForm, alertVariants, avatarVariants, badgeColorVariants, badgeVariants, buildDefaultFileColumns, buildPageItems, buttonVariants, cn, composePreset, createDialogStore, createTableStore, defineNajmDesignConfig, defineNajmThemeConfig, detectFormat, dialogVariants, filterResponsiveColumns, formatColor, formatFileBytes, formatFileRelative, getIconColorProps, getNChartColor, getNextEditorTabValue, hiddenBelowClasses, indicatorVariants, inputBorderClasses, normalizeThemeFileName, parseColor, parseNajmDesignConfig, parseNajmThemeConfig, parseThemeFile, resolveHiddenBelowClass, resolvePreset, resolveRadiusValue, resolveSlot, resolveVariantAlias, sidebarBorderClasses, sliderVariants, stringifyNajmDesignConfig, stringifyNajmThemeConfig, stringifyThemeFile, surfaceBorderClasses, swapVariants, toPickerHex, toggleVariants, tooltipContentVariants, truncateByCharacters, useClickOutside, useContextMenu, useDebouncedValue, useDelayedLoading, useDialog, useDialogStore, useDynamicPageSize, useFormField, useFormSubmission, useInfiniteScroll, useKeyboard, useLocalStorageState, useNForm, useNPortalScope, useNTableDefaults, useNajmAppearance, useNajmComponentStyle, useNajmDesign, useNajmThemeMode, usePrefix, useSelection, useStepNavigation, useStorageContextMenu, useStoreSync, useTable, useTableKeyboard, useTableStore, useVariant, useVariantPreset };
+export { Alert, NCard as AsyncCard, Avatar, AvatarFallback, AvatarFormInput, AvatarGroup, AvatarImage, AvatarInput, AvatarStatus, Badge, BaseInput, Button, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroupInput, CheckboxInput, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorArrayInput, ColorPickerInput, Combobox, ComboboxInput, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DEFAULT_THEME_FILE_NAME, DateInput, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicArray_default as DynamicArray, EmojiInput, FileImportButton, FileInput, Form, FormControl, FormDescription, FormField, FormInput, FormItem, FormLabel, FormMessage, IconButton, ImageInput, Indicator4 as Indicator, Input, Label2 as Label, LangInput, MultiSelectInput, NAJM_COMPONENT_NAMES, NAJM_SAVED_THEME_VALUE, NAlert, NAppShell, NCard as NAsyncCard, NAvatar, NBadge, NBarChart, NBrandingProvider, NBulkActionsBar, NButton, NCard, NCardAction, NCardFooter, NCardInfo, NCardMedia, NCardSection, NChartSkeleton, NCommandPalette, NConfirmDialog, NContextMenu, NDataCardShell, NDeleteDialog, NDeleteDialogContent, NDetailCard, NDetailItem, NDetailList, NDialog, NDialogDescription, NDialogHeader, NDialogPrimaryButton, NDialogSecondaryButton, NDonutCard, NEditorTabs, NEmptyState, NErrorBoundary, NErrorState, NFileBrowser, NFileTypeIcon, NFilterBar, NFolderIcon, NForm, NFormSectionHeader, NGrid, NGridItem, NIcon, NImage, NIndicator, NInspectorSheet, NLineChart, NLoadingState, NMultiDialog, NNavbar, NPageHeader, NPageHeaderActions, NPageHeaderCompactActions, NPageHeaderFilters, NPageHeaderTop, NPageLayout, NPieChart, NPortalScopeProvider, NProgress, NRowActions, NSection, NSectionHeader, NSectionInfo, NSectionWithInfo, NSheet, NSidebar, NSidebarBrand, NSidebarContent, NSidebarFooter, NSidebarHeader, NSidebarItem, NSidebarMobile, NSidebarProvider, NSidebarSection, NSkeleton, NSkeletonCalendar, NSkeletonChart, NSkeletonDonut, NSkeletonEventList, NSkeletonWidget, NSkeletonWidgets, NSlider, NSmartPasteDialog, NSpinner, NStatCard, NStatCardSkeleton, NStatusBreakdown, Swap as NSwap, NTable, NTableCardRoot, NTableCards, NTableContent, NTableDefaultsProvider, NTableHeader, NTableJson, NTableLoadingSkeleton, NTablePagination, NTableRowSkeleton, NTableSkeleton, NTabs, NThemeCustomizer, NThemePresets, NUploader, NViewBody, NViewToggle, NajmDesignProvider, NajmScroll, NajmThemeProvider, NativeSelect, NumberInput, OtpInput, PasswordInput, PhoneInput, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrefixProvider, Progress, RADIUS_VALUE_MAP, RadioGroup, RadioGroupInput, RadioGroupItem, RepeatingFields, ScrollArea, SearchField, SearchField as SearchInput, SegmentedControl, Select, SelectContent, SelectGroup, SelectInput, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleTooltip, NSkeleton as Skeleton, Slider, SliderInput, StarRatingInput, StatusPill, StepIndicator, StepsHeader, StepsProgress, Swap, SwapIndeterminate, SwapOff, SwapOn, Switch, SwitchInput, TAB_COLORS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableStoreContext, Tabs, TabsContent, TabsList, TabsTrigger, TextAreaInput, TextInput, Textarea, TimeInput, TimeZoneInput, Toaster, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, VariantProvider, WizardForm, alertVariants, avatarVariants, badgeColorVariants, badgeVariants, buildDefaultFileColumns, buildPageItems, buttonVariants, cn, composePreset, createDialogStore, createTableStore, defineNajmDesignConfig, defineNajmThemeConfig, detectFormat, dialogVariants, filterResponsiveColumns, formatColor, formatFileBytes, formatFileRelative, getIconColorProps, getNChartColor, getNextEditorTabValue, hiddenBelowClasses, indicatorVariants, inputBorderClasses, normalizeThemeFileName, parseColor, parseNajmDesignConfig, parseNajmThemeConfig, parseThemeFile, resolveHiddenBelowClass, resolvePreset, resolveRadiusValue, resolveSlot, resolveVariantAlias, sidebarBorderClasses, sliderVariants, stringifyNajmDesignConfig, stringifyNajmThemeConfig, stringifyThemeFile, surfaceBorderClasses, swapVariants, toPickerHex, toggleVariants, tooltipContentVariants, truncateByCharacters, useClickOutside, useContextMenu, useDebouncedValue, useDelayedLoading, useDialog, useDialogStore, useDynamicPageSize, useFormField, useFormSubmission, useInfiniteScroll, useKeyboard, useLocalStorageState, useNBranding, useNForm, useNPortalScope, useNSidebar, useNTableDefaults, useNajmAppearance, useNajmComponentStyle, useNajmDesign, useNajmThemeMode, usePrefix, useSelection, useStepNavigation, useStorageContextMenu, useStoreSync, useTable, useTableKeyboard, useTableStore, useVariant, useVariantPreset };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "najm-kit",
-  "version": "2.6.1",
+  "version": "2.6.3",
   "license": "MIT",
   "type": "module",
   "description": "Reusable React UI component package for Najm framework",