najm-kit 2.11.22 → 2.12.0

package/dist/index.mjs

@@ -1,28 +1,37 @@
 import { resolveAvatarSrc } from './chunk-BEGOH366.mjs';
 export { isPlaceholderAvatar, resolveAvatarSrc } from './chunk-BEGOH366.mjs';
-import { NLoadingState, NErrorState, NEmptyState, useResolvedFormDevTools, useNBranding } from './chunk-5ZTOCWRA.mjs';
-export { FormDevToolsProvider, NBrandingProvider, NBrandingStateProvider, NEmptyState, NErrorState, NForbiddenState, NLoadingState, NNotFoundState, NPageLayout, NSpinner, NajmFormatProvider, buildFormFill, normalizeBranding, useNBranding, useNBrandingEditor, useNajmFormat, useNajmFormatContext } from './chunk-5ZTOCWRA.mjs';
-import { normalizeImageSources, useImageChain, useNBadgeDefaults, mergeBadgeMaps, resolveStatusColor, resolveBadgeStatusLabel, colorTextClass, useResolvedPaginationLabels, useResolvedToolbarLabels } from './chunk-BDQK6ECA.mjs';
-export { DEFAULT_FEEDBACK_KEY_PREFIX, DEFAULT_PAGINATION_KEY_PREFIX, DEFAULT_TIME_ZONE, DEFAULT_TOOLBAR_KEY_PREFIX, EMPTY_DESIGN, NAJM_COLOR_TEXT_CLASSES, NAJM_STATUS_COLORS, NTableDefaultsProvider, NajmDesignEditorProvider, NajmPreferencesProvider, NajmUIProvider, buildPaginationLabels, buildToolbarLabels, colorTextClass, findStatusColor, normalizeStatusToken, resolveStatusColor, statusTextClass, useDocumentDirection, useNTableDefaults, useNajmDesignEditor, useNajmPreferencesContext, useNajmTheme, useNajmTimeZone, useResolvedToolbarLabels } from './chunk-BDQK6ECA.mjs';
-import { NajmScroll, useNajmScrollViewport, useTableStore, TableStoreContext, NTableJson } from './chunk-5JVFMOLI.mjs';
-export { NTableJson, NajmScroll, TableStoreContext, useTableStore } from './chunk-5JVFMOLI.mjs';
-import { inputBorderClasses, Button, NIcon, surfaceBorderClasses, buttonVariants, NButton, sidebarBorderClasses } from './chunk-M5VGBZ7R.mjs';
-export { Button, NButton, NIcon, buttonVariants, inputBorderClasses, sidebarBorderClasses, surfaceBorderClasses } from './chunk-M5VGBZ7R.mjs';
-import { useNajmComponentStyle, cn, NajmThemeContainerCtx, useNajmThemeMode, useNajmDesign, composePreset } from './chunk-LK3SMYUP.mjs';
-export { NajmDesignProvider, NajmThemeProvider, cn, composePreset, resolvePreset, useNajmAppearance, useNajmComponentStyle, useNajmDesign, useNajmThemeMode } from './chunk-LK3SMYUP.mjs';
+import { BaseInput, Input, Label, focusRingClasses, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, NConfirmDialog, Form, VariantProvider, usePrefix, useVariantPreset, useBordered, FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage, PrefixProvider, NSheet, useNSidebar, Sheet, SheetContent, SheetTitle } from './chunk-GYPQLOQ5.mjs';
+export { BaseInput, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormLocationInput, FormMessage, IconButton, Input, Label, NConfirmDialog, NDeleteDialog, NDeleteDialogContent, NDialog, NDialogDescription, NDialogHeader, NDialogPrimaryButton, NDialogSecondaryButton, NLocationDialog, NLocationInput, NLocationProvider, NMultiDialog, NPageHeader, NPageHeaderActions, NPageHeaderCompactActions, NPageHeaderFilters, NPageHeaderTop, NPortalScopeProvider, NSheet, NSidebarProvider, PrefixProvider, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, VariantProvider, createDialogStore, dialogVariants, focusRingClasses, focusRingWithinClasses, isCompleteCoordinatePair, normalizeLocationValue, useDialog, useDialogStore, useFormField, useNLocationProvider, useNPortalScope, useNSidebar, usePrefix, useVariant, useVariantPreset } from './chunk-GYPQLOQ5.mjs';
+import { NErrorState, NEmptyState, useResolvedFormDevTools, useNBranding } from './chunk-F32O3WRX.mjs';
+export { FormDevToolsProvider, NBrandingProvider, NBrandingStateProvider, NEmptyState, NErrorState, NForbiddenState, NNotFoundState, NajmFormatProvider, buildFormFill, normalizeBranding, useNBranding, useNBrandingEditor, useNajmFormat, useNajmFormatContext } from './chunk-F32O3WRX.mjs';
+import { NLoadingState } from './chunk-FZX3DONZ.mjs';
+export { NLoadingState, NPageLayout, NSpinner } from './chunk-FZX3DONZ.mjs';
+import { normalizeImageSources, useImageChain, useNBadgeDefaults, mergeBadgeMaps, resolveStatusColor, resolveBadgeStatusLabel, colorTextClass, useResolvedPaginationLabels, useResolvedToolbarLabels } from './chunk-LMW4DM5L.mjs';
+export { DEFAULT_PAGINATION_KEY_PREFIX, DEFAULT_TIME_ZONE, DEFAULT_TOOLBAR_KEY_PREFIX, EMPTY_DESIGN, NAJM_COLOR_TEXT_CLASSES, NAJM_STATUS_COLORS, NTableDefaultsProvider, NajmDesignEditorProvider, NajmPreferencesProvider, NajmUIProvider, buildPaginationLabels, buildToolbarLabels, colorTextClass, findStatusColor, normalizeStatusToken, resolveStatusColor, statusTextClass, useDocumentDirection, useNTableDefaults, useNajmDesignEditor, useNajmPreferencesContext, useNajmTheme, useNajmTimeZone, useResolvedToolbarLabels } from './chunk-LMW4DM5L.mjs';
+export { DEFAULT_FEEDBACK_KEY_PREFIX } from './chunk-BFFTC7LD.mjs';
+import { useTableStore, TableStoreContext, NTableJson } from './chunk-VZXMMC72.mjs';
+export { NTableJson, TableStoreContext, useTableStore } from './chunk-VZXMMC72.mjs';
+import { useNajmScrollViewport, NajmScroll } from './chunk-QJ22WAQY.mjs';
+export { NajmScroll } from './chunk-QJ22WAQY.mjs';
+import { Button, NIcon, buttonVariants, NButton, surfaceBorderClasses, sidebarBorderClasses } from './chunk-WHGRN7PP.mjs';
+export { Button, NButton, NIcon, buttonVariants, inputBorderClasses, sidebarBorderClasses, surfaceBorderClasses } from './chunk-WHGRN7PP.mjs';
+import { NajmThemeContainerCtx, useNajmComponentStyle, useNajmThemeMode, useNajmDesign, composePreset } from './chunk-TZRTOQCC.mjs';
+export { NajmDesignProvider, NajmThemeProvider, composePreset, resolvePreset, useNajmAppearance, useNajmComponentStyle, useNajmDesign, useNajmThemeMode } from './chunk-TZRTOQCC.mjs';
+import { cn } from './chunk-5UY7U2ED.mjs';
+export { cn } from './chunk-5UY7U2ED.mjs';
 export { DEFAULT_CARD_BREAKPOINT, DEFAULT_CARD_PAGINATION_KEY_PREFIX, buildCardPaginationLabels, createCardPagination, useCardViewport, useDesktopTableMode, useMediaQuery } from './chunk-OUS7OYVA.mjs';
 import './chunk-F5KXJCCJ.mjs';
 import { humanizeToken } from './chunk-JABLSOQN.mjs';
 export { DEFAULT_PLACEHOLDER, formatCurrency, formatDate, formatDateTime, formatNumber, formatPercent, formatRelativeTime, formatTime, humanizeToken, localDateInput, slugify } from './chunk-JABLSOQN.mjs';
 export { DEFAULT_MAX_PAGE_SIZE, DEFAULT_PAGE_SIZE, cleanQuery, createOffsetPagination, fetchOffsetPage, getPageIndex } from './chunk-2NX2VKS2.mjs';
 import { NAJM_TIME_ZONES } from './chunk-XGIYOEWD.mjs';
-import { resolveRadiusValue, resolveVariantAlias, parseNajmDesignConfig } from './chunk-TFHWLE7N.mjs';
+import { resolveVariantAlias, resolveRadiusValue, parseNajmDesignConfig } from './chunk-TFHWLE7N.mjs';
 export { NAJM_COMPONENT_NAMES, RADIUS_VALUE_MAP, defineNajmDesignConfig, defineNajmThemeConfig, parseNajmDesignConfig, parseNajmThemeConfig, resolveRadiusValue, resolveVariantAlias, stringifyNajmDesignConfig, stringifyNajmThemeConfig } from './chunk-TFHWLE7N.mjs';
-import * as React66 from 'react';
-import React66__default, { createContext, useState, useRef, useMemo, useEffect, useContext, useCallback, useLayoutEffect, isValidElement } from 'react';
+import * as React54 from 'react';
+import React54__default, { useState, useRef, useMemo, useEffect, useCallback, useLayoutEffect, isValidElement } from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Eye, EyeOff, Clock, ChevronDown, AlertTriangle, RefreshCw, X, XIcon, Menu, Search, SearchIcon, CheckIcon, ChevronUp, ChevronDownIcon, ChevronUpIcon, ChevronsUpDown, Check, CircleIcon, ChevronLeftIcon, ChevronRightIcon, Calendar as Calendar$1, FileUp, Folder, UploadCloud, CheckCircle2, AlertCircle, Camera, Star, Globe, Trash2, Plus, Upload, Download, RotateCcw, Table as Table$1, FileJson, ChevronRight, ArrowUpDown, Loader2, Copy, MoreVertical, Edit, ChevronsLeft, ChevronLeft, ChevronsRight, Pencil, Merge, PanelLeftOpen, PanelLeftClose, LogOut, Image, ArrowUp, ArrowDown, CheckSquare, FilePlus, FolderPlus, Share2, Move, ClipboardPaste, Scissors, ArrowUpRight, ArrowDownRight, List, LayoutGrid, Code, FolderOpen, SlidersHorizontal, Columns3, Settings, Filter, SearchX, Inbox } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Eye, EyeOff, Clock, ChevronDown, AlertTriangle, RefreshCw, SearchIcon, CheckIcon, X, ChevronUp, ChevronDownIcon, ChevronUpIcon, ChevronsUpDown, Check, CircleIcon, ChevronLeftIcon, ChevronRightIcon, Calendar as Calendar$1, FileUp, Folder, UploadCloud, CheckCircle2, AlertCircle, Camera, Star, Globe, Trash2, Plus, Upload, Download, RotateCcw, Table as Table$1, FileJson, ChevronRight, ArrowUpDown, Loader2, Copy, Search, MoreVertical, Edit, ChevronsLeft, ChevronLeft, ChevronsRight, Pencil, Merge, PanelLeftOpen, PanelLeftClose, Menu, LogOut, Image, ArrowUp, ArrowDown, CheckSquare, FilePlus, FolderPlus, Share2, Move, ClipboardPaste, Scissors, ArrowUpRight, ArrowDownRight, List, LayoutGrid, Code, FolderOpen, SlidersHorizontal, Columns3, Settings, Filter, SearchX, Inbox } from 'lucide-react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { cva } from 'class-variance-authority';
 import { HexColorPicker } from 'react-colorful';
@@ -30,13 +39,10 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { converter, parse, formatHsl, formatRgb, formatHex } from 'culori';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { Command as Command$1, defaultFilter } from 'cmdk';
-import * as SheetPrimitive from '@radix-ui/react-dialog';
-import { create } from 'zustand';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { Slot } from '@radix-ui/react-slot';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
-import * as LabelPrimitive from '@radix-ui/react-label';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import { format, parseISO } from 'date-fns';
 import { DayPicker } from 'react-day-picker';
@@ -50,13 +56,11 @@ import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import { Toaster as Toaster$1 } from 'sonner';
 export { toast } from 'sonner';
-import { FormProvider, Controller, useFormContext, useForm, useFieldArray } from 'react-hook-form';
+import { useForm, useFormContext, useFieldArray } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { getExpandedRowModel, getSortedRowModel, getPaginationRowModel, getFilteredRowModel, getCoreRowModel, useReactTable, flexRender } from '@tanstack/react-table';
+import { create } from 'zustand';
 
-// src/theme/focus.ts
-var focusRingClasses = "outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50";
-var focusRingWithinClasses = "focus-visible:ring-[3px] focus-visible:ring-ring/50 has-[:focus-visible]:ring-[3px] has-[:focus-visible]:ring-ring/50";
 function Tabs({
   className,
   variant = "pills",
@@ -276,7 +280,7 @@ function NTabs({
 }
 var PORTAL_LAYER_STYLE_ID = "najm-kit-portal-layer-styles";
 function useNajmPortalLayerStyles() {
-  React66.useInsertionEffect(() => {
+  React54.useInsertionEffect(() => {
     if (typeof document === "undefined") return;
     if (document.getElementById(PORTAL_LAYER_STYLE_ID)) return;
     const style = document.createElement("style");
@@ -307,7 +311,7 @@ var tooltipContentVariants = cva(
   }
 );
 function TooltipContent({ className, sideOffset = 4, variant, children, ...props }) {
-  const container = React66.useContext(NajmThemeContainerCtx);
+  const container = React54.useContext(NajmThemeContainerCtx);
   useNajmPortalLayerStyles();
   return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsx(
     TooltipPrimitive.Content,
@@ -425,89 +429,6 @@ function NEditorTabs({
     }
   );
 }
-var NO_SHADE = /* @__PURE__ */ new Set(["black", "white"]);
-var PRESETS = {
-  muted: "border-muted-foreground",
-  primary: "border-primary",
-  accent: "border-accent",
-  success: "border-green-600",
-  warning: "border-amber-600",
-  destructive: "border-red-600"
-};
-var inputVariants = cva(
-  "relative w-full flex items-center h-10 bg-card text-foreground overflow-hidden transition-colors",
-  {
-    variants: {
-      variant: {
-        default: "p-2 rounded-md",
-        rounded: "p-2 rounded-full",
-        ghost: "p-0! !bg-transparent !bg-none"
-      },
-      status: {
-        default: "",
-        error: ""
-      },
-      hasIcon: { true: "pl-8", false: "pl-3" },
-      disabled: { true: "cursor-not-allowed", false: "" }
-    },
-    defaultVariants: { variant: "default", status: "default", hasIcon: false, disabled: false }
-  }
-);
-var ERROR_BORDER = "border !border-red-600";
-var ERROR_FOCUS_RING = "focus-visible:ring-destructive/20 has-[:focus-visible]:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:has-[:focus-visible]:ring-destructive/40";
-var FOCUS_INTERACTIVE_BASE = "border focus-within:border-primary";
-var HOVER_INTERACTIVE_BASE = "hover:border-primary";
-var STATIC_BASE = "border";
-var BaseInput = React66__default.forwardRef(
-  ({ children, variant = "default", status = "default", bordered, borderColor, className, style, disabled = false, onHover, onClick, hasIcon, ...rest }, ref) => {
-    const recipe = useNajmComponentStyle("input");
-    const isGhost = variant === "ghost";
-    const isError = status === "error";
-    const hasExplicitColor = !!borderColor;
-    const isBordered = bordered !== false;
-    const recipeRadius = variant === "default" ? resolveRadiusValue(recipe?.radius) : void 0;
-    let colorClass = "";
-    let borderClass = "";
-    if (!isGhost) {
-      if (isError) {
-        borderClass = ERROR_BORDER;
-      } else if (hasExplicitColor) {
-        borderClass = `${STATIC_BASE} ${FOCUS_INTERACTIVE_BASE} ${HOVER_INTERACTIVE_BASE}`;
-        colorClass = PRESETS[borderColor] ?? (NO_SHADE.has(borderColor) ? `border-${borderColor}` : `border-${borderColor}-600`);
-      } else {
-        const restingBorderClass = inputBorderClasses(isBordered);
-        borderClass = isBordered ? `${STATIC_BASE} ${restingBorderClass} [&:not(:focus-within):not([data-state=open]):hover]:border-input focus-within:border-ring data-[state=open]:border-ring` : restingBorderClass;
-      }
-    }
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        "data-bordered": !isGhost && !isBordered ? "false" : !isGhost ? "true" : void 0,
-        style: recipeRadius ? { borderRadius: recipeRadius, ...style } : style,
-        className: cn(
-          inputVariants({ variant, status, hasIcon, disabled }),
-          // The wrapper is what the user reads as "the field": the inner
-          // control is stripped of its own ring precisely so this element can
-          // carry the border. Until this was added, the border merely changed
-          // colour on focus — a 1px hue shift and nothing else — and the number
-          // fields and the multi-select trigger came out of the acceptance walk
-          // as tab stops with no visible indicator at all.
-          !isGhost && focusRingWithinClasses,
-          !isGhost && isError && ERROR_FOCUS_RING,
-          !isGhost && borderClass,
-          !isGhost && colorClass,
-          className
-        ),
-        onMouseEnter: disabled ? void 0 : onHover,
-        onClick: disabled ? void 0 : onClick,
-        ...rest,
-        children
-      }
-    );
-  }
-);
-BaseInput.displayName = "BaseInput";
 function Popover({ ...props }) {
   return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
@@ -518,7 +439,7 @@ function PopoverAnchor({ ...props }) {
   return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
 }
 function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
-  const container = React66.useContext(NajmThemeContainerCtx);
+  const container = React54.useContext(NajmThemeContainerCtx);
   useNajmPortalLayerStyles();
   return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsx(
     PopoverPrimitive.Content,
@@ -627,7 +548,7 @@ function SwatchesColorPicker({
   hideSwatches = false
 }) {
   const inputRef = useRef(null);
-  const themeContainer = React66__default.useContext(NajmThemeContainerCtx);
+  const themeContainer = React54__default.useContext(NajmThemeContainerCtx);
   const resolvedValue = resolvePickerColor(value, themeContainer);
   return /* @__PURE__ */ jsxs(
     BaseInput,
@@ -697,7 +618,7 @@ function PopoverColorPicker({
   formats = DEFAULT_FORMATS,
   output = "preserve"
 }) {
-  const themeContainer = React66__default.useContext(NajmThemeContainerCtx);
+  const themeContainer = React54__default.useContext(NajmThemeContainerCtx);
   const resolvedValue = resolvePickerColor(value, themeContainer);
   const initialFormat = formats.includes(detectFormat(resolvedValue)) ? detectFormat(resolvedValue) : formats[0] ?? "hex";
   const [activeFormat, setActiveFormat] = useState(initialFormat);
@@ -743,1656 +664,216 @@ function PopoverColorPicker({
         children: [
           /* @__PURE__ */ jsx(
             "span",
-            {
-              className: "w-8 h-8 rounded-md border border-border shrink-0",
-              style: { backgroundColor: value }
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground font-mono truncate", children: value })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(PopoverContent, { className: "w-64 flex flex-col gap-3", align: "start", children: [
-      /* @__PURE__ */ jsx(
-        HexColorPicker,
-        {
-          color: toPickerHex(
-            draft === value ? resolvedValue : resolvePickerColor(draft, themeContainer)
-          ),
-          onChange: handlePickerChange,
-          style: { width: "100%" }
-        }
-      ),
-      formats.length > 1 && /* @__PURE__ */ jsx("div", { className: "flex gap-1 rounded-md bg-muted p-1", children: formats.map((fmt) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => handleTabChange(fmt),
-          className: cn(
-            "flex-1 rounded-sm px-1.5 py-1 text-xs font-medium uppercase cursor-pointer transition-colors",
-            activeFormat === fmt ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
-          ),
-          children: fmt
-        },
-        fmt
-      )) }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "text",
-          value: draft,
-          onChange: (e) => handleTextChange(e.target.value),
-          spellCheck: false,
-          className: "w-full rounded-md border border-border bg-background px-2 py-1.5 text-sm font-mono outline-none focus-visible:ring-2 focus-visible:ring-ring"
-        }
-      ),
-      !hideSwatches && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: colors.map((color) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => handlePreset(color),
-          className: cn(
-            "w-5 h-5 rounded-md border border-border transition-transform hover:scale-110 cursor-pointer"
-          ),
-          style: { backgroundColor: color },
-          title: color
-        },
-        color
-      )) })
-    ] })
-  ] });
-}
-var sizeClasses = {
-  sm: "p-0.5 [&_button]:h-6 [&_button]:px-1.5 [&_button]:text-xs",
-  md: "p-0.5 [&_button]:h-7 [&_button]:px-2 [&_button]:text-sm"
-};
-function SegmentedControl({
-  value,
-  onChange,
-  options,
-  ariaLabel,
-  className,
-  size = "md",
-  disabled = false
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "radiogroup",
-      "aria-label": ariaLabel,
-      "data-disabled": disabled ? "" : void 0,
-      className: cn(
-        "inline-flex items-center rounded-lg bg-muted",
-        sizeClasses[size],
-        className
-      ),
-      children: options.map((opt) => {
-        const selected = opt.value === value;
-        return /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            role: "radio",
-            "aria-checked": selected,
-            "aria-label": opt.ariaLabel ?? (typeof opt.label === "string" ? opt.label : void 0),
-            disabled,
-            "aria-disabled": disabled || void 0,
-            onClick: () => onChange(opt.value),
-            className: cn(
-              "inline-flex items-center justify-center gap-1.5 rounded-md font-medium transition-colors",
-              "outline-none focus-visible:ring-2 focus-visible:ring-ring",
-              "disabled:pointer-events-none disabled:opacity-50",
-              selected ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
-            ),
-            children: [
-              opt.icon && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: opt.icon }),
-              opt.label
-            ]
-          },
-          opt.value
-        );
-      })
-    }
-  );
-}
-function Collapsible({ ...props }) {
-  return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
-}
-function CollapsibleTrigger2({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    CollapsiblePrimitive.CollapsibleTrigger,
-    {
-      "data-slot": "collapsible-trigger",
-      className: cn(focusRingClasses, className),
-      ...props
-    }
-  );
-}
-function CollapsibleContent2({ ...props }) {
-  return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleContent, { "data-slot": "collapsible-content", ...props });
-}
-function CustomizerField({
-  label,
-  description,
-  htmlFor,
-  className,
-  layout = "stacked",
-  onReset,
-  resetLabel,
-  resetAriaLabel,
-  disabled,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex gap-1.5",
-        layout === "inline-start" ? "flex-row items-center gap-2" : "flex-col",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "flex items-center gap-2",
-              layout === "inline-start" ? "w-28 shrink-0 justify-start" : "justify-between"
-            ),
-            children: [
-              /* @__PURE__ */ jsx(
-                "label",
-                {
-                  htmlFor,
-                  className: cn(
-                    "min-w-0 text-xs font-medium text-muted-foreground",
-                    layout === "inline-start" && "truncate text-start"
-                  ),
-                  title: typeof label === "string" || typeof label === "number" ? String(label) : void 0,
-                  children: label
-                }
-              ),
-              onReset ? /* @__PURE__ */ jsx(
-                ResetButton,
-                {
-                  onClick: onReset,
-                  "aria-label": typeof resetAriaLabel === "string" || typeof resetAriaLabel === "number" ? String(resetAriaLabel) : typeof resetLabel === "string" || typeof resetLabel === "number" ? String(resetLabel) : "Reset field",
-                  title: typeof resetLabel === "string" || typeof resetLabel === "number" ? String(resetLabel) : "Reset",
-                  disabled
-                }
-              ) : null
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: cn(layout === "inline-start" && "min-w-0 flex-1"), children }),
-        description ? /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-snug text-muted-foreground/80", children: description }) : null
-      ]
-    }
-  );
-}
-function ResetButton({
-  onClick,
-  disabled,
-  className,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx(
-    NButton,
-    {
-      type: "button",
-      variant: "ghost",
-      size: "icon-xs",
-      onClick,
-      disabled,
-      "aria-disabled": disabled,
-      className: cn("text-muted-foreground hover:text-foreground", className),
-      ...rest,
-      children: /* @__PURE__ */ jsx(RotateCcw, { className: "size-3" })
-    }
-  );
-}
-function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
-}
-function SheetTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
-}
-function SheetClose({ ...props }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
-}
-function SheetPortal({ ...props }) {
-  const container = React66.useContext(NajmThemeContainerCtx);
-  return /* @__PURE__ */ jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", container: container ?? void 0, ...props });
-}
-function SheetOverlay({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    SheetPrimitive.Overlay,
-    {
-      "data-slot": "sheet-overlay",
-      className: cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var sheetVariants = cva(
-  "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500 fixed z-50 gap-4 shadow-lg transition ease-in-out border-border",
-  {
-    variants: {
-      side: {
-        top: "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 border-b",
-        bottom: "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 border-t",
-        left: "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
-        right: "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"
-      }
-    },
-    defaultVariants: { side: "right" }
-  }
-);
-function SheetContent({ className, portalClassName, side, children, ...props }) {
-  return /* @__PURE__ */ jsx(SheetPortal, { children: /* @__PURE__ */ jsxs("div", { className: portalClassName, children: [
-    /* @__PURE__ */ jsx(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs(
-      SheetPrimitive.Content,
-      {
-        "data-slot": "sheet-content",
-        className: cn(sheetVariants({ side }), className),
-        ...props,
-        children: [
-          children,
-          /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 end-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
-            /* @__PURE__ */ jsx(X, { className: "size-4" }),
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-          ] })
-        ]
-      }
-    )
-  ] }) });
-}
-function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "sheet-header", className: cn("flex flex-col gap-1.5 p-6", className), ...props });
-}
-function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "sheet-footer", className: cn("mt-auto flex flex-col gap-2 p-6", className), ...props });
-}
-function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Title, { "data-slot": "sheet-title", className: cn("text-foreground font-semibold", className), ...props });
-}
-function SheetDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Description, { "data-slot": "sheet-description", className: cn("text-muted-foreground text-sm", className), ...props });
-}
-var PortalScopeContext = createContext(void 0);
-function NPortalScopeProvider({ className, children }) {
-  return /* @__PURE__ */ jsx(PortalScopeContext.Provider, { value: className, children });
-}
-var useNPortalScope = () => useContext(PortalScopeContext);
-var responsiveSectionPadding = "px-3 py-3 lg:px-3 2xl:px-4";
-function NSheet({
-  open,
-  onOpenChange,
-  icon: Icon2,
-  title,
-  description,
-  width = 480,
-  side = "right",
-  portalClassName,
-  classNames,
-  bodyClassName,
-  contentClassName,
-  children,
-  footer
-}) {
-  const inheritedScope = useNPortalScope();
-  const portal = portalClassName ?? inheritedScope;
-  const style = {
-    width: `min(${width}px, 95vw)`,
-    maxWidth: `${width}px`
-  };
-  return /* @__PURE__ */ jsx(Sheet, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
-    SheetContent,
-    {
-      side,
-      portalClassName: portal,
-      className: cn(
-        "flex h-dvh max-h-dvh flex-col gap-0 overflow-hidden bg-background p-0 text-foreground",
-        contentClassName,
-        classNames?.content
-      ),
-      style,
-      children: [
-        /* @__PURE__ */ jsx(
-          SheetHeader,
-          {
-            className: cn(
-              "shrink-0 border-b border-border p-0",
-              responsiveSectionPadding,
-              classNames?.header
-            ),
-            children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2 lg:gap-3 xl:gap-3 2xl:gap-4", children: [
-              /* @__PURE__ */ jsx("div", { className: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-primary/10", children: /* @__PURE__ */ jsx(Icon2, { className: "size-4 text-primary" }) }),
-              /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx(SheetTitle, { className: "truncate text-sm font-semibold text-foreground", children: title }),
-                description && /* @__PURE__ */ jsx(SheetDescription, { className: "truncate text-xs text-muted-foreground", children: description })
-              ] })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsx(NajmScroll, { axis: "y", className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            "data-slot": "sheet-body",
-            className: cn(responsiveSectionPadding, bodyClassName, classNames?.body),
-            children
-          }
-        ) }),
-        footer && /* @__PURE__ */ jsx(
-          "div",
-          {
-            "data-slot": "sheet-footer",
-            className: cn(
-              "shrink-0 border-t border-border",
-              responsiveSectionPadding,
-              classNames?.footer
-            ),
-            children: footer
-          }
-        )
-      ]
-    }
-  ) });
-}
-function Dialog({ ...props }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Root, { "data-slot": "dialog", ...props });
-}
-function DialogTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
-}
-function DialogPortal({ ...props }) {
-  const container = React66.useContext(NajmThemeContainerCtx);
-  return /* @__PURE__ */ jsx(SheetPrimitive.Portal, { "data-slot": "dialog-portal", container: container ?? void 0, ...props });
-}
-function DialogClose({ ...props }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Close, { "data-slot": "dialog-close cursor-pointer", ...props });
-}
-function DialogOverlay({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    SheetPrimitive.Overlay,
-    {
-      "data-slot": "dialog-overlay",
-      className: cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var dialogPaddingMap = {
-  none: "p-0 gap-0 overflow-hidden",
-  sm: "p-3",
-  md: "p-6",
-  lg: "p-8"
-};
-var MOBILE_PADDING_QUERY = "(max-width: 639.98px)";
-function getDefaultPadding() {
-  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return "md";
-  return window.matchMedia(MOBILE_PADDING_QUERY).matches ? "sm" : "md";
-}
-function useResponsivePadding(value) {
-  const [resolved, setResolved] = React66.useState(() => value ?? getDefaultPadding());
-  React66.useEffect(() => {
-    if (value) {
-      setResolved(value);
-      return;
-    }
-    if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
-    const mql = window.matchMedia(MOBILE_PADDING_QUERY);
-    const update = () => setResolved(mql.matches ? "sm" : "md");
-    update();
-    mql.addEventListener("change", update);
-    return () => mql.removeEventListener("change", update);
-  }, [value]);
-  return resolved;
-}
-function DialogContent({
-  className,
-  children,
-  padding,
-  hideClose = false,
-  onOpenAutoFocus,
-  onCloseAutoFocus,
-  ...props
-}) {
-  const resolvedPadding = useResponsivePadding(padding);
-  const portalClassName = useNPortalScope();
-  const openerRef = React66.useRef(null);
-  return /* @__PURE__ */ jsx(DialogPortal, { "data-slot": "dialog-portal", children: /* @__PURE__ */ jsxs("div", { className: portalClassName, children: [
-    /* @__PURE__ */ jsx(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs(
-      SheetPrimitive.Content,
-      {
-        "data-slot": "dialog-content",
-        "data-padding": resolvedPadding,
-        onOpenAutoFocus: (event) => {
-          const active = document.activeElement;
-          openerRef.current = active instanceof HTMLElement && active !== document.body ? active : null;
-          onOpenAutoFocus?.(event);
-        },
-        onCloseAutoFocus: (event) => {
-          onCloseAutoFocus?.(event);
-          if (event.defaultPrevented) return;
-          const opener = openerRef.current;
-          setTimeout(() => {
-            if (!opener?.isConnected) return;
-            const active = document.activeElement;
-            const lost = !active || active === document.body || active === document.documentElement || !active.isConnected;
-            if (lost) opener.focus();
-          }, 0);
-        },
-        className: cn(
-          "bg-card text-card-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-sm translate-x-[-50%] translate-y-[-50%] gap-4 rounded-none lg:rounded-lg najm-border border-border shadow-lg duration-200",
-          dialogPaddingMap[resolvedPadding],
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          !hideClose && /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "ring-offset-background cursor-pointer focus:ring-ring absolute top-4 end-4 rounded-xs text-muted-foreground hover:text-foreground transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
-            /* @__PURE__ */ jsx(XIcon, {}),
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-          ] })
-        ]
-      }
-    )
-  ] }) });
-}
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2 text-center sm:text-start", className), ...props });
-}
-function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
-}
-function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Title, { "data-slot": "dialog-title", className: cn("text-lg leading-none font-semibold", className), ...props });
-}
-function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Description, { "data-slot": "dialog-description", className: cn("text-muted-foreground text-sm", className), ...props });
-}
-var variantClasses = {
-  primary: "bg-primary text-primary-foreground hover:bg-primary/90",
-  secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-  ghost: "bg-transparent text-muted-foreground hover:bg-accent hover:text-accent-foreground",
-  destructive: "bg-transparent text-destructive hover:bg-destructive/10"
-};
-var sizeClasses2 = {
-  sm: "h-6 w-6",
-  md: "h-8 w-8",
-  lg: "h-10 w-10"
-};
-var IconButton = React66.forwardRef(
-  ({
-    className,
-    variant = "ghost",
-    size = "md",
-    active = false,
-    type = "button",
-    children,
-    style,
-    ...props
-  }, ref) => {
-    const recipe = useNajmComponentStyle("button");
-    const recipeRadius = resolveRadiusValue(recipe?.radius);
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        ref,
-        type,
-        "aria-pressed": active || void 0,
-        style: recipeRadius ? { borderRadius: recipeRadius, ...style } : style,
-        className: cn(
-          "inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md transition-colors",
-          "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
-          "disabled:cursor-not-allowed disabled:opacity-50",
-          variantClasses[variant],
-          sizeClasses2[size],
-          active && "bg-accent text-accent-foreground",
-          className
-        ),
-        ...props,
-        children
-      }
-    );
-  }
-);
-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 });
-}
-NPageHeaderActions.displayName = "NPageHeaderActions";
-function NPageHeaderCompactActions({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex shrink-0 items-center", className), children });
-}
-NPageHeaderCompactActions.displayName = "NPageHeaderCompactActions";
-function NPageHeaderFilters({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("py-3 lg:px-3 xl:px-4 2xl:px-5", className), children });
-}
-NPageHeaderFilters.displayName = "NPageHeaderFilters";
-function NPageHeaderTop({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className, children });
-}
-NPageHeaderTop.displayName = "NPageHeaderTop";
-function isPageHeaderSlot(child, slot) {
-  return React66__default.isValidElement(child) && child.type === slot;
-}
-function getSlotElements(children, slot) {
-  const matches = React66__default.Children.toArray(children).filter((child) => isPageHeaderSlot(child, slot));
-  return matches.length > 0 ? matches : void 0;
-}
-var responsiveClasses = {
-  sm: {
-    main: "sm:flex sm:justify-between",
-    identity: "sm:col-start-auto sm:row-start-auto sm:justify-self-auto",
-    controls: "sm:col-start-auto sm:row-start-auto sm:justify-self-auto",
-    fullActions: "sm:flex",
-    compactActions: "sm:hidden",
-    sidebarTrigger: "sm:hidden",
-    icon: "sm:flex",
-    subtitle: "sm:block",
-    minH: "sm:min-h-14"
-  },
-  md: {
-    main: "md:flex md:justify-between",
-    identity: "md:col-start-auto md:row-start-auto md:justify-self-auto",
-    controls: "md:col-start-auto md:row-start-auto md:justify-self-auto",
-    fullActions: "md:flex",
-    compactActions: "md:hidden",
-    sidebarTrigger: "md:hidden",
-    icon: "md:flex",
-    subtitle: "md:block",
-    minH: "md:min-h-14"
-  },
-  lg: {
-    main: "lg:flex lg:justify-between lg:px-3 2xl:px-4",
-    identity: "lg:col-start-auto lg:row-start-auto lg:justify-self-auto",
-    controls: "lg:col-start-auto lg:row-start-auto lg:justify-self-auto",
-    fullActions: "lg:flex",
-    compactActions: "lg:hidden",
-    sidebarTrigger: "lg:hidden",
-    icon: "lg:flex",
-    subtitle: "lg:block",
-    minH: "lg:min-h-14"
-  }
-};
-function NPageHeader({
-  icon: Icon2,
-  title,
-  subtitle,
-  actions,
-  compactActions,
-  filters,
-  top,
-  mobileBreakpoint: mobileBreakpointProp,
-  onSidebarOpen,
-  sidebarTriggerLabel = "Open sidebar",
-  sidebarTriggerClassName,
-  search,
-  children,
-  className,
-  headerClassName,
-  card,
-  bordered
-}) {
-  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);
-    search?.onChange?.(e);
-  }, [search?.onChange]);
-  const slottedActions = getSlotElements(children, NPageHeaderActions);
-  const slottedCompactActions = getSlotElements(children, NPageHeaderCompactActions);
-  const slottedFilters = getSlotElements(children, NPageHeaderFilters);
-  const slottedTop = getSlotElements(children, NPageHeaderTop);
-  const resolvedActions = slottedActions ?? actions;
-  const resolvedCompactActions = slottedCompactActions ?? compactActions;
-  const resolvedFilters = slottedFilters ?? filters;
-  const resolvedTop = slottedTop ?? top;
-  const hasCompactActions = resolvedCompactActions !== void 0 && resolvedCompactActions !== null && resolvedCompactActions !== false;
-  const breakpointClasses = responsiveClasses[mobileBreakpoint];
-  const isCard = card ?? recipe?.card ?? bordered === true;
-  const recipeRadius = resolveRadiusValue(recipe?.radius);
-  const bleedStyle = isCard ? void 0 : {
-    marginTop: "calc(var(--najm-section-gap, 0px) * -1)",
-    marginInline: "calc(var(--najm-page-gutter, 0px) * -1)"
-  };
-  const recipeStyle = recipeRadius || recipe?.borderWidth || bleedStyle ? {
-    ...bleedStyle,
-    ...recipeRadius ? { borderRadius: recipeRadius } : {},
-    ...recipe?.borderWidth ? { borderWidth: recipe.borderWidth } : {}
-  } : void 0;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "page-header",
-      "data-card": isCard ? "true" : void 0,
-      "data-bordered": bordered === false ? "false" : bordered ? "true" : void 0,
-      style: recipeStyle,
-      className: cn(
-        isCard ? cn("rounded-xl bg-card text-card-foreground shadow-none", surfaceBorderClasses(true)) : cn(
-          "border-b bg-background text-foreground",
-          surfaceBorderClasses(true, "bottom").replace("najm-border-b", "najm-border-b")
-        ),
-        className
-      ),
-      children: [
-        resolvedTop,
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            "data-slot": "page-header-main",
-            className: cn(
-              // min-h-14 matches NSidebarHeader so the two bottom rules line up.
-              "relative grid min-h-14 grid-cols-[minmax(2.75rem,1fr)_minmax(0,auto)_minmax(2.75rem,1fr)] items-center gap-2 px-2 lg:px-3 2xl:px-4",
-              breakpointClasses.main,
-              breakpointClasses.minH,
-              headerClassName
-            ),
-            children: [
-              resolvedOnSidebarOpen && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  type: "button",
-                  variant: "ghost",
-                  size: "icon",
-                  onClick: resolvedOnSidebarOpen,
-                  "aria-label": sidebarTriggerLabel,
-                  "data-slot": "page-header-sidebar-trigger",
-                  className: cn(
-                    "col-start-1 row-start-1 justify-self-start",
-                    breakpointClasses.sidebarTrigger,
-                    sidebarTriggerClassName
-                  ),
-                  children: /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" })
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  "data-slot": "page-header-identity",
-                  className: cn(
-                    "col-start-2 row-start-1 flex min-w-0 max-w-full items-center justify-self-center gap-2 lg:gap-3 xl:gap-3 2xl:gap-4",
-                    breakpointClasses.identity
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsx("div", { className: cn("hidden h-8 w-8 shrink-0 rounded-lg bg-primary/10 items-center justify-center", breakpointClasses.icon), children: /* @__PURE__ */ jsx(Icon2, { className: "h-4 w-4 text-primary" }) }),
-                    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-                      /* @__PURE__ */ jsx("h2", { className: "truncate text-sm font-semibold text-foreground", children: title }),
-                      subtitle && /* @__PURE__ */ jsx("p", { className: cn("hidden truncate text-xs leading-relaxed text-muted-foreground sm:text-sm sm:leading-normal", breakpointClasses.subtitle), children: subtitle })
-                    ] })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  "data-slot": "page-header-controls",
-                  className: cn(
-                    "col-start-3 row-start-1 flex min-w-0 shrink-0 items-center justify-self-end gap-3",
-                    breakpointClasses.controls
-                  ),
-                  children: [
-                    hasCompactActions && /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        "data-slot": "page-header-compact-actions",
-                        className: cn("flex items-center", breakpointClasses.compactActions),
-                        children: slottedCompactActions ? resolvedCompactActions : /* @__PURE__ */ jsx(NPageHeaderCompactActions, { children: resolvedCompactActions })
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs(
-                      "div",
-                      {
-                        "data-slot": "page-header-full-actions",
-                        className: cn(
-                          "shrink-0 items-center gap-3",
-                          hasCompactActions ? "hidden" : "flex",
-                          hasCompactActions && breakpointClasses.fullActions
-                        ),
-                        children: [
-                          search && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-                            /* @__PURE__ */ jsx(Search, { size: 14, className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none" }),
-                            /* @__PURE__ */ jsx(
-                              "input",
-                              {
-                                ref: search.ref,
-                                type: "text",
-                                value: searchValue,
-                                placeholder: search.placeholder ?? "Search...",
-                                className: cn(
-                                  "h-9 w-full max-w-[280px] rounded-lg bg-background pl-9 pr-3 text-sm text-foreground placeholder:text-muted-foreground outline-none border border-border focus:border-primary focus:ring-1 focus:ring-primary/20 transition-colors",
-                                  search.className
-                                ),
-                                onChange: handleSearchChange
-                              }
-                            )
-                          ] }),
-                          resolvedActions && (slottedActions ? resolvedActions : /* @__PURE__ */ jsx(NPageHeaderActions, { children: resolvedActions }))
-                        ]
-                      }
-                    )
-                  ]
-                }
-              )
-            ]
-          }
-        ),
-        resolvedFilters && (slottedFilters ? resolvedFilters : /* @__PURE__ */ jsx(NPageHeaderFilters, { children: resolvedFilters }))
-      ]
-    }
-  );
-}
-var generateId = () => `dialog-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
-var buildButtonConfig = (partial, defaults) => {
-  return { ...defaults, ...partial };
-};
-function createDialogStore() {
-  return create((set, get) => ({
-    dialogs: [],
-    pushDialog: (config) => {
-      return new Promise((resolve, reject) => {
-        const id = generateId();
-        const primaryButtonConfig = buildButtonConfig(config.primaryButton, {
-          text: "Confirm",
-          variant: "default",
-          loading: false,
-          disabled: false,
-          loadingText: "Processing..."
-        });
-        const secondaryButtonConfig = buildButtonConfig(config.secondaryButton, {
-          text: "Cancel",
-          variant: "outline",
-          loading: false,
-          disabled: false,
-          loadingText: "Processing..."
-        });
-        const dialogConfig = {
-          id,
-          title: config.title,
-          description: config.description,
-          pageHeader: config.pageHeader,
-          padding: config.padding,
-          children: config.children,
-          primaryButton: primaryButtonConfig,
-          secondaryButton: secondaryButtonConfig,
-          showButtons: config.showButtons ?? true,
-          size: config.size,
-          width: config.width,
-          height: config.height,
-          className: config.className,
-          actionMode: config.actionMode ?? "auto",
-          render: config.render,
-          resolve,
-          reject
-        };
-        set((state) => ({ dialogs: [...state.dialogs, dialogConfig] }));
-      });
-    },
-    popDialog: async (result) => {
-      const { dialogs } = get();
-      if (dialogs.length === 0) return;
-      const dialog = dialogs[dialogs.length - 1];
-      const closeCurrentDialog = () => {
-        dialog.resolve?.(result);
-        set((state) => ({ dialogs: state.dialogs.slice(0, -1) }));
-      };
-      const handler = dialog.primaryButton?.onClick ?? dialog.primaryButton?.onConfirm;
-      if (handler && result != null) {
-        get().setPrimaryLoading(true);
-        try {
-          await handler(result);
-          closeCurrentDialog();
-        } finally {
-          get().setPrimaryLoading(false);
-        }
-        return;
-      }
-      dialog.resolve?.(result);
-      set((state) => ({ dialogs: state.dialogs.slice(0, -1) }));
-    },
-    closeDialog: (id, result) => {
-      const { dialogs } = get();
-      const dialog = dialogs.find((d) => d.id === id);
-      if (!dialog) return;
-      dialog.resolve?.(result);
-      set((state) => ({ dialogs: state.dialogs.filter((d) => d.id !== id) }));
-    },
-    closeAllDialogs: () => {
-      const { dialogs } = get();
-      dialogs.forEach((d) => d.reject?.(new Error("All dialogs closed")));
-      set({ dialogs: [] });
-    },
-    getCurrentDialog: () => {
-      const { dialogs } = get();
-      return dialogs[dialogs.length - 1];
-    },
-    setPrimaryLoading: (loading) => {
-      set((state) => {
-        const newDialogs = [...state.dialogs];
-        const idx = newDialogs.length - 1;
-        if (idx < 0 || !newDialogs[idx].primaryButton) return state;
-        newDialogs[idx] = {
-          ...newDialogs[idx],
-          primaryButton: { ...newDialogs[idx].primaryButton, loading }
-        };
-        return { dialogs: newDialogs };
-      });
-    },
-    setSecondaryLoading: (loading) => {
-      set((state) => {
-        const newDialogs = [...state.dialogs];
-        const idx = newDialogs.length - 1;
-        if (idx < 0 || !newDialogs[idx].secondaryButton) return state;
-        newDialogs[idx] = {
-          ...newDialogs[idx],
-          secondaryButton: { ...newDialogs[idx].secondaryButton, loading }
-        };
-        return { dialogs: newDialogs };
-      });
-    },
-    updatePrimaryButton: (config, dialogId) => {
-      set((state) => {
-        const newDialogs = [...state.dialogs];
-        const idx = dialogId ? newDialogs.findIndex((d) => d.id === dialogId) : newDialogs.length - 1;
-        if (idx === -1 || !newDialogs[idx].primaryButton) return state;
-        newDialogs[idx] = {
-          ...newDialogs[idx],
-          primaryButton: { ...newDialogs[idx].primaryButton, ...config }
-        };
-        return { dialogs: newDialogs };
-      });
-    },
-    updateSecondaryButton: (config, dialogId) => {
-      set((state) => {
-        const newDialogs = [...state.dialogs];
-        const idx = dialogId ? newDialogs.findIndex((d) => d.id === dialogId) : newDialogs.length - 1;
-        if (idx === -1 || !newDialogs[idx].secondaryButton) return state;
-        newDialogs[idx] = {
-          ...newDialogs[idx],
-          secondaryButton: { ...newDialogs[idx].secondaryButton, ...config }
-        };
-        return { dialogs: newDialogs };
-      });
-    },
-    updateShowButtons: (show, dialogId) => {
-      set((state) => {
-        const newDialogs = [...state.dialogs];
-        const idx = dialogId ? newDialogs.findIndex((d) => d.id === dialogId) : newDialogs.length - 1;
-        if (idx === -1) return state;
-        newDialogs[idx] = { ...newDialogs[idx], showButtons: show };
-        return { dialogs: newDialogs };
-      });
-    },
-    handlePrimaryClick: async (dialogId, data) => {
-      const { dialogs, setPrimaryLoading, closeDialog } = get();
-      const dialog = dialogs.find((d) => d.id === dialogId);
-      if (!dialog?.primaryButton) return;
-      const handler = dialog.primaryButton.onClick ?? dialog.primaryButton.onConfirm;
-      if (handler) {
-        setPrimaryLoading(true);
-        try {
-          await handler(data);
-          closeDialog(dialogId, data);
-        } finally {
-          setPrimaryLoading(false);
-        }
-      } else {
-        closeDialog(dialogId, data);
-      }
-    },
-    handleSecondaryClick: async (dialogId, data) => {
-      const { dialogs, closeDialog } = get();
-      const dialog = dialogs.find((d) => d.id === dialogId);
-      if (!dialog?.secondaryButton) {
-        closeDialog(dialogId, null);
-        return;
-      }
-      const handler = dialog.secondaryButton.onClick ?? dialog.secondaryButton.onConfirm;
-      if (handler) {
-        await handler(data);
-      }
-      closeDialog(dialogId, null);
-    },
-    handleConfirm: async (data) => {
-      const { dialogs, handlePrimaryClick } = get();
-      const current = dialogs[dialogs.length - 1];
-      if (!current) return;
-      await handlePrimaryClick(current.id, data);
-    },
-    handleOpenChange: (dialogId, open) => {
-      if (!open) {
-        const { closeDialog } = get();
-        closeDialog(dialogId, null);
-      }
-    }
-  }));
-}
-var defaultStore = createDialogStore();
-function useDialogStore() {
-  return defaultStore;
-}
-function NDialogHeader(_props) {
-  return null;
-}
-function NDialogDescription(_props) {
-  return null;
-}
-function NDialogPrimaryButton(_props) {
-  return null;
-}
-function NDialogSecondaryButton(_props) {
-  return null;
-}
-function parseDirectDialogSlots(children) {
-  const body = [];
-  const parsed = {};
-  React66__default.Children.forEach(children, (child) => {
-    if (!React66__default.isValidElement(child)) {
-      body.push(child);
-      return;
-    }
-    if (child.type === NDialogHeader) {
-      parsed.header = child.props;
-      return;
-    }
-    if (child.type === NDialogDescription) {
-      parsed.description = child.props;
-      return;
-    }
-    if (child.type === NDialogPrimaryButton || child.type === NDialogSecondaryButton) {
-      const { children: text, label, ...config } = child.props;
-      const button = { ...config, text: label ?? text ?? (child.type === NDialogPrimaryButton ? "Confirm" : "Cancel") };
-      if (child.type === NDialogPrimaryButton) parsed.primaryButton = button;
-      else parsed.secondaryButton = button;
-      return;
-    }
-    body.push(child);
-  });
-  return { ...parsed, body };
-}
-var dialogVariants = cva(
-  "flex flex-col w-full max-w-full h-full max-h-screen",
-  {
-    variants: {
-      variant: {
-        default: "",
-        window: "rounded-none lg:rounded-sm"
-      },
-      size: {
-        sm: "lg:max-w-md",
-        md: "lg:max-w-lg",
-        lg: "lg:max-w-xl",
-        xl: "lg:max-w-2xl",
-        xxl: "lg:max-w-3xl",
-        full: "lg:max-w-4xl"
-      },
-      width: {
-        sm: "lg:max-w-sm",
-        md: "lg:max-w-md",
-        lg: "lg:max-w-lg",
-        xl: "lg:max-w-xl",
-        xxl: "lg:max-w-2xl",
-        "3xl": "lg:max-w-3xl",
-        "4xl": "lg:max-w-4xl",
-        "5xl": "lg:max-w-5xl",
-        "6xl": "lg:max-w-6xl",
-        "7xl": "lg:max-w-7xl",
-        full: "lg:max-w-5/6",
-        auto: "lg:w-auto"
-      },
-      height: {
-        auto: "lg:h-auto lg:max-h-[95vh]",
-        sm: "lg:h-[40vh]",
-        md: "lg:h-[60vh]",
-        lg: "lg:h-[70vh]",
-        xl: "lg:h-[80vh]",
-        xxl: "lg:h-[95vh]",
-        full: "lg:h-[95vh]"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "xl",
-      width: "3xl",
-      height: "auto"
-    }
-  }
-);
-var CONTENT_ACTIONS_SELECTOR = '[data-najm-dialog-actions="content"], [data-najm-wizard-form="true"]';
-function useContentOwnsActions() {
-  const [contentElement, setContentElement] = React66__default.useState(null);
-  const [contentOwnsActions, setContentOwnsActions] = React66__default.useState(false);
-  const contentElementRef = React66__default.useRef(null);
-  const handleContentElementRef = React66__default.useCallback((node) => {
-    if (contentElementRef.current === node) return;
-    contentElementRef.current = node;
-    setContentElement(node);
-  }, []);
-  React66__default.useLayoutEffect(() => {
-    if (!contentElement) {
-      setContentOwnsActions((current) => current ? false : current);
-      return;
-    }
-    const update = () => {
-      const next = !!contentElement.querySelector(CONTENT_ACTIONS_SELECTOR);
-      setContentOwnsActions((current) => current === next ? current : next);
-    };
-    update();
-    const observer = new MutationObserver(update);
-    observer.observe(contentElement, {
-      childList: true,
-      subtree: true,
-      attributes: true,
-      attributeFilter: ["data-najm-dialog-actions", "data-najm-wizard-form"]
-    });
-    return () => observer.disconnect();
-  }, [contentElement]);
-  return { contentOwnsActions, setContentElement: handleContentElementRef };
-}
-function shouldRenderDialogButtons(showButtons, actionMode = "auto", contentOwnsActions) {
-  if (!showButtons || actionMode === "content") return false;
-  if (actionMode === "auto" && contentOwnsActions) return false;
-  return true;
-}
-var windowHeaderSpacing = {
-  none: "px-3 py-2",
-  sm: "-mx-3 -mt-3 px-3 py-2",
-  md: "-mx-6 -mt-6 px-3 py-2",
-  lg: "-mx-8 -mt-8 px-3 py-2"
-};
-function DialogChrome({
-  pageHeader,
-  title,
-  description,
-  padding,
-  variant = "default",
-  headerClassName,
-  titleClassName,
-  descriptionClassName,
-  closeButtonClassName,
-  contentRef,
-  children
-}) {
-  const resolvedPadding = useResponsivePadding(padding);
-  const noTitle = !title || title.trim() === "";
-  const noDescription = !description || description.trim() === "";
-  const noHeader = noTitle && noDescription;
-  const flush = resolvedPadding === "none";
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    pageHeader ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(DialogTitle, { className: cn("sr-only", titleClassName), children: pageHeader.title || title || "Dialog" }),
-      (pageHeader.subtitle || description) && /* @__PURE__ */ jsx(DialogDescription, { className: cn("sr-only", descriptionClassName), children: pageHeader.subtitle || description }),
-      /* @__PURE__ */ jsx("div", { className: cn("shrink-0", headerClassName), children: /* @__PURE__ */ jsx(
-        NPageHeader,
-        {
-          ...pageHeader,
-          card: false,
-          actions: /* @__PURE__ */ jsxs(Fragment, { children: [
-            pageHeader.actions,
-            /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { "aria-label": "Close", variant: "ghost", className: closeButtonClassName, children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) }) })
-          ] })
-        }
-      ) })
-    ] }) : variant === "window" ? /* @__PURE__ */ jsxs(
-      DialogHeader,
-      {
-        className: cn(
-          "flex-row items-center justify-between gap-3 border-b border-border bg-secondary text-start text-secondary-foreground",
-          windowHeaderSpacing[resolvedPadding],
-          headerClassName
-        ),
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
-            /* @__PURE__ */ jsx(DialogTitle, { className: cn("truncate text-sm", noTitle && "sr-only", titleClassName), children: title || "Dialog" }),
-            /* @__PURE__ */ jsx(DialogDescription, { className: cn("text-xs", noDescription && "sr-only", descriptionClassName), children: description })
-          ] }),
-          /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              "aria-label": "Close",
-              variant: "ghost",
-              size: "sm",
-              className: cn("border border-border bg-background text-foreground hover:bg-accent", closeButtonClassName),
-              children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
-            }
-          ) })
-        ]
-      }
-    ) : /* @__PURE__ */ jsxs(DialogHeader, { className: cn(noHeader && "sr-only", headerClassName), children: [
-      /* @__PURE__ */ jsx(DialogTitle, { className: cn(noTitle && "sr-only", titleClassName), children: title }),
-      /* @__PURE__ */ jsx(DialogDescription, { className: cn(noDescription && "sr-only", descriptionClassName), children: description })
-    ] }),
-    flush ? (
-      // Full-bleed content owns its own layout/scrolling; no outer scroll wrapper.
-      /* @__PURE__ */ jsx("div", { ref: contentRef, className: "flex min-h-0 flex-1 flex-col", children })
-    ) : /* @__PURE__ */ jsx(NajmScroll, { axis: "y", className: "flex-1 px-1 -mx-1", children: /* @__PURE__ */ jsx("div", { ref: contentRef, style: { display: "contents" }, children }) })
-  ] });
-}
-function DialogItem({ dialog, index, store }) {
-  if (dialog.render) {
-    return /* @__PURE__ */ jsx(Fragment, { children: dialog.render({
-      dialog,
-      index,
-      zIndex: 9990 + index,
-      close: (result) => store.getState().closeDialog(dialog.id, result),
-      confirm: (data) => store.getState().handlePrimaryClick(dialog.id, data),
-      cancel: (data) => store.getState().handleSecondaryClick(dialog.id, data),
-      onOpenChange: (open) => store.getState().handleOpenChange(dialog.id, open)
-    }) });
-  }
-  const {
-    id,
-    title,
-    description,
-    pageHeader,
-    padding,
-    children,
-    primaryButton,
-    secondaryButton,
-    showButtons,
-    size,
-    width,
-    height,
-    className,
-    headerClassName,
-    titleClassName,
-    descriptionClassName,
-    closeButtonClassName,
-    variant = "default",
-    actionMode = "auto"
-  } = dialog;
-  const { contentOwnsActions, setContentElement } = useContentOwnsActions();
-  const renderDialogButtons = shouldRenderDialogButtons(showButtons, actionMode, contentOwnsActions);
-  const handlePrimary = async (e) => {
-    const hasForm = !!primaryButton?.form;
-    if (!hasForm && e) e.preventDefault();
-    await store.getState().handlePrimaryClick(id);
-  };
-  const handleSecondary = async (e) => {
-    const hasForm = !!secondaryButton?.form;
-    if (!hasForm && e) e.preventDefault();
-    await store.getState().handleSecondaryClick(id);
-  };
-  return /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: (open) => store.getState().handleOpenChange(id, open), children: /* @__PURE__ */ jsxs(
-    DialogContent,
-    {
-      "data-dialog-id": id,
-      "data-variant": variant,
-      padding,
-      hideClose: !!pageHeader || variant === "window",
-      className: cn(dialogVariants({ variant, size, width, height }), className),
-      style: { zIndex: 9990 + index },
-      children: [
-        /* @__PURE__ */ jsx(
-          DialogChrome,
-          {
-            pageHeader,
-            title,
-            description,
-            padding,
-            variant,
-            headerClassName,
-            titleClassName,
-            descriptionClassName,
-            closeButtonClassName,
-            contentRef: setContentElement,
-            children
-          }
-        ),
-        /* @__PURE__ */ jsxs(DialogFooter, { className: cn(!renderDialogButtons && "sr-only"), children: [
-          renderDialogButtons && secondaryButton && /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: secondaryButton.form ? "submit" : "button",
-              "data-button-type": "secondary",
-              onClick: secondaryButton.form ? void 0 : handleSecondary,
-              disabled: secondaryButton.disabled || secondaryButton.loading || false,
-              variant: secondaryButton.variant || "outline",
-              leftIcon: secondaryButton.icon,
-              loading: secondaryButton.loading,
-              loadingText: secondaryButton.loadingText,
-              form: secondaryButton.form,
-              className: cn("w-auto", secondaryButton.className),
-              children: secondaryButton.text
-            }
-          ),
-          renderDialogButtons && primaryButton && /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: primaryButton.form ? "submit" : "button",
-              "data-button-type": "primary",
-              onClick: primaryButton.form ? void 0 : handlePrimary,
-              disabled: primaryButton.disabled || primaryButton.loading || false,
-              variant: primaryButton.variant || "default",
-              leftIcon: primaryButton.icon,
-              loading: primaryButton.loading,
-              loadingText: primaryButton.loadingText,
-              form: primaryButton.form,
-              className: cn("w-auto", primaryButton.className),
-              children: primaryButton.text
-            }
-          )
-        ] })
-      ]
-    }
-  ) }, id);
-}
-function NMultiDialog({ store: storeProp }) {
-  const defaultStore2 = useDialogStore();
-  const store = storeProp ?? defaultStore2;
-  const dialogs = store((s) => s.dialogs);
-  return /* @__PURE__ */ jsx(Fragment, { children: dialogs.map((dialog, index) => /* @__PURE__ */ jsx(DialogItem, { dialog, index, store }, dialog.id)) });
-}
-var buildButtonConfig2 = (partial, defaults) => {
-  return { ...defaults, ...partial };
-};
-var isDirectDialogProps = (props) => {
-  return "trigger" in props || "open" in props || "defaultOpen" in props || "onOpenChange" in props || "title" in props || "description" in props || "children" in props || "primaryButton" in props || "secondaryButton" in props || "showButtons" in props || "size" in props || "width" in props || "height" in props || "className" in props || "headerClassName" in props || "titleClassName" in props || "descriptionClassName" in props || "closeButtonClassName" in props || "variant" in props || "pageHeader" in props || "padding" in props;
-};
-function NDirectDialog({
-  trigger,
-  open,
-  defaultOpen = false,
-  onOpenChange,
-  title,
-  description,
-  pageHeader,
-  padding,
-  children,
-  primaryButton,
-  secondaryButton,
-  showButtons = true,
-  size,
-  width,
-  height,
-  className,
-  headerClassName,
-  titleClassName,
-  descriptionClassName,
-  closeButtonClassName,
-  variant = "default",
-  actionMode = "auto",
-  closeOnPrimary = true,
-  closeOnSecondary = true
-}) {
-  const slots = parseDirectDialogSlots(children);
-  const resolvedTitle = title ?? slots.header?.label ?? slots.header?.children;
-  const resolvedDescription = description ?? slots.description?.label ?? slots.description?.children;
-  const resolvedHeaderClassName = cn(slots.header?.className, headerClassName);
-  const resolvedTitleClassName = cn(slots.header?.titleClassName, titleClassName);
-  const resolvedDescriptionClassName = cn(slots.description?.className, descriptionClassName);
-  const [internalOpen, setInternalOpen] = React66__default.useState(defaultOpen);
-  const [primaryLoading, setPrimaryLoading] = React66__default.useState(false);
-  const isControlled = open !== void 0;
-  const currentOpen = isControlled ? open : internalOpen;
-  const setOpen = (nextOpen) => {
-    if (!isControlled) {
-      setInternalOpen(nextOpen);
-    }
-    onOpenChange?.(nextOpen);
-  };
-  const resolvedPrimaryButton = buildButtonConfig2(primaryButton ?? slots.primaryButton, {
-    text: "Confirm",
-    variant: "default",
-    loading: false,
-    disabled: false,
-    loadingText: "Processing..."
-  });
-  const resolvedSecondaryButton = buildButtonConfig2(secondaryButton ?? slots.secondaryButton, {
-    text: "Cancel",
-    variant: "outline",
-    loading: false,
-    disabled: false,
-    loadingText: "Processing..."
-  });
-  const isPrimaryLoading = primaryLoading || !!resolvedPrimaryButton.loading;
-  const { contentOwnsActions, setContentElement } = useContentOwnsActions();
-  const renderDialogButtons = shouldRenderDialogButtons(showButtons, actionMode, contentOwnsActions);
-  const handlePrimary = async (e) => {
-    const hasForm = !!resolvedPrimaryButton.form;
-    if (!hasForm && e) e.preventDefault();
-    if (resolvedPrimaryButton.onClick) {
-      setPrimaryLoading(true);
-      try {
-        await resolvedPrimaryButton.onClick();
-      } finally {
-        setPrimaryLoading(false);
-      }
-    }
-    if (closeOnPrimary) {
-      setOpen(false);
-    }
-  };
-  const handleSecondary = async (e) => {
-    const hasForm = !!resolvedSecondaryButton.form;
-    if (!hasForm && e) e.preventDefault();
-    if (resolvedSecondaryButton.onClick) {
-      await resolvedSecondaryButton.onClick();
-    }
-    if (closeOnSecondary) {
-      setOpen(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs(Dialog, { open: currentOpen, onOpenChange: setOpen, children: [
-    trigger ? /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: trigger }) : null,
-    /* @__PURE__ */ jsxs(
-      DialogContent,
-      {
-        "data-variant": variant,
-        padding,
-        hideClose: !!pageHeader || variant === "window",
-        className: cn(dialogVariants({ variant, size, width, height }), className),
-        children: [
-          /* @__PURE__ */ jsx(
-            DialogChrome,
-            {
-              pageHeader,
-              title: resolvedTitle,
-              description: resolvedDescription,
-              padding,
-              variant,
-              headerClassName: resolvedHeaderClassName,
-              titleClassName: resolvedTitleClassName,
-              descriptionClassName: resolvedDescriptionClassName,
-              closeButtonClassName,
-              contentRef: setContentElement,
-              children: slots.body
-            }
-          ),
-          /* @__PURE__ */ jsx(DialogFooter, { className: cn(!renderDialogButtons && "sr-only"), children: renderDialogButtons && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: resolvedSecondaryButton.form ? "submit" : "button",
-                "data-button-type": "secondary",
-                onClick: resolvedSecondaryButton.form ? void 0 : handleSecondary,
-                disabled: resolvedSecondaryButton.disabled || resolvedSecondaryButton.loading || false,
-                variant: resolvedSecondaryButton.variant || "outline",
-                leftIcon: resolvedSecondaryButton.icon,
-                loading: resolvedSecondaryButton.loading,
-                loadingText: resolvedSecondaryButton.loadingText,
-                form: resolvedSecondaryButton.form,
-                className: cn("w-auto", resolvedSecondaryButton.className),
-                children: resolvedSecondaryButton.text
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: resolvedPrimaryButton.form ? "submit" : "button",
-                "data-button-type": "primary",
-                onClick: resolvedPrimaryButton.form ? void 0 : handlePrimary,
-                disabled: resolvedPrimaryButton.disabled || isPrimaryLoading || false,
-                variant: resolvedPrimaryButton.variant || "default",
-                leftIcon: resolvedPrimaryButton.icon,
-                loading: isPrimaryLoading,
-                loadingText: resolvedPrimaryButton.loadingText,
-                form: resolvedPrimaryButton.form,
-                className: cn("w-auto", resolvedPrimaryButton.className),
-                children: resolvedPrimaryButton.text
-              }
-            )
-          ] }) })
-        ]
-      }
-    )
-  ] });
-}
-function NDialog(props) {
-  if (isDirectDialogProps(props)) {
-    return /* @__PURE__ */ jsx(NDirectDialog, { ...props });
-  }
-  return /* @__PURE__ */ jsx(NMultiDialog, { ...props });
-}
-function NConfirmDialog({
-  open,
-  onOpenChange,
-  title = "Are you sure?",
-  description,
-  confirmLabel = "Confirm",
-  cancelLabel = "Cancel",
-  onConfirm,
-  variant = "default",
-  loading = false,
-  children,
-  icon
-}) {
-  const isDestructive = variant === "destructive";
-  const resolvedIcon = icon ?? (isDestructive ? "alert-triangle" : "circle-help");
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (value) => {
-    if (!value && loading) return;
-    onOpenChange(value);
-  }, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 text-center pt-1", children: [
+            {
+              className: "w-8 h-8 rounded-md border border-border shrink-0",
+              style: { backgroundColor: value }
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground font-mono truncate", children: value })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { className: "w-64 flex flex-col gap-3", align: "start", children: [
       /* @__PURE__ */ jsx(
-        "div",
+        HexColorPicker,
+        {
+          color: toPickerHex(
+            draft === value ? resolvedValue : resolvePickerColor(draft, themeContainer)
+          ),
+          onChange: handlePickerChange,
+          style: { width: "100%" }
+        }
+      ),
+      formats.length > 1 && /* @__PURE__ */ jsx("div", { className: "flex gap-1 rounded-md bg-muted p-1", children: formats.map((fmt) => /* @__PURE__ */ jsx(
+        "button",
         {
+          type: "button",
+          onClick: () => handleTabChange(fmt),
           className: cn(
-            "flex size-16 items-center justify-center rounded-full",
-            isDestructive ? "bg-destructive/10 text-destructive" : "bg-primary/10 text-primary"
+            "flex-1 rounded-sm px-1.5 py-1 text-xs font-medium uppercase cursor-pointer transition-colors",
+            activeFormat === fmt ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
           ),
-          children: /* @__PURE__ */ jsx(NIcon, { icon: resolvedIcon, className: "size-8" })
+          children: fmt
+        },
+        fmt
+      )) }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: draft,
+          onChange: (e) => handleTextChange(e.target.value),
+          spellCheck: false,
+          className: "w-full rounded-md border border-border bg-background px-2 py-1.5 text-sm font-mono outline-none focus-visible:ring-2 focus-visible:ring-ring"
         }
       ),
-      /* @__PURE__ */ jsxs(DialogHeader, { className: "text-center sm:text-center", children: [
-        /* @__PURE__ */ jsx(DialogTitle, { className: isDestructive ? "text-destructive" : "", children: title }),
-        description && /* @__PURE__ */ jsx(DialogDescription, { children: description })
-      ] })
-    ] }),
-    children,
-    /* @__PURE__ */ jsxs(DialogFooter, { children: [
-      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: loading, children: cancelLabel }),
-      /* @__PURE__ */ jsx(Button, { variant: isDestructive ? "destructive" : "default", onClick: onConfirm, disabled: loading, children: loading ? "Processing..." : confirmLabel })
+      !hideSwatches && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: colors.map((color) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => handlePreset(color),
+          className: cn(
+            "w-5 h-5 rounded-md border border-border transition-transform hover:scale-110 cursor-pointer"
+          ),
+          style: { backgroundColor: color },
+          title: color
+        },
+        color
+      )) })
     ] })
-  ] }) });
+  ] });
 }
-function NDeleteDialogContent({
-  title = "Delete",
-  itemName,
-  itemType,
-  icon: Icon2 = "trash-2",
-  warningText = "Are you sure you want to delete?",
-  className
+var sizeClasses = {
+  sm: "p-0.5 [&_button]:h-6 [&_button]:px-1.5 [&_button]:text-xs",
+  md: "p-0.5 [&_button]:h-7 [&_button]:px-2 [&_button]:text-sm"
+};
+function SegmentedControl({
+  value,
+  onChange,
+  options,
+  ariaLabel,
+  className,
+  size = "md",
+  disabled = false
 }) {
-  return /* @__PURE__ */ jsx("form", { id: "najm-delete-form", onSubmit: (e) => e.preventDefault(), children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center text-center", className), children: [
-    /* @__PURE__ */ jsx("div", { className: "mb-6 flex size-16 items-center justify-center rounded-[20px] bg-destructive/10 text-destructive dark:bg-[#5a1822] dark:text-white", children: /* @__PURE__ */ jsx(NIcon, { icon: Icon2, className: "size-7" }) }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold leading-none text-card-foreground dark:text-white", children: title }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium leading-5 text-muted-foreground dark:text-[#aab4c2]", children: warningText }),
-        /* @__PURE__ */ jsxs("p", { className: "mx-auto max-w-[280px] break-words text-center text-sm font-bold leading-5 text-card-foreground dark:text-white", children: [
-          '"',
-          itemName,
-          '"',
-          itemType ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            " (",
-            itemType,
-            ")"
-          ] }) : null
-        ] })
-      ] })
-    ] })
-  ] }) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": ariaLabel,
+      "data-disabled": disabled ? "" : void 0,
+      className: cn(
+        "inline-flex items-center rounded-lg bg-muted",
+        sizeClasses[size],
+        className
+      ),
+      children: options.map((opt) => {
+        const selected = opt.value === value;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": selected,
+            "aria-label": opt.ariaLabel ?? (typeof opt.label === "string" ? opt.label : void 0),
+            disabled,
+            "aria-disabled": disabled || void 0,
+            onClick: () => onChange(opt.value),
+            className: cn(
+              "inline-flex items-center justify-center gap-1.5 rounded-md font-medium transition-colors",
+              "outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              "disabled:pointer-events-none disabled:opacity-50",
+              selected ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
+            ),
+            children: [
+              opt.icon && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: opt.icon }),
+              opt.label
+            ]
+          },
+          opt.value
+        );
+      })
+    }
+  );
+}
+function Collapsible({ ...props }) {
+  return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger2({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      className: cn(focusRingClasses, className),
+      ...props
+    }
+  );
+}
+function CollapsibleContent2({ ...props }) {
+  return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleContent, { "data-slot": "collapsible-content", ...props });
 }
-function NDeleteDialog({
-  open = true,
-  title = "Delete",
+function CustomizerField({
+  label,
   description,
-  itemName,
-  itemType,
-  icon,
-  warningText,
-  confirmText = "Confirm",
-  cancelText = "Cancel",
-  loading,
-  zIndex,
+  htmlFor,
   className,
-  contentClassName,
-  onOpenChange,
-  onConfirm,
-  onCancel
+  layout = "stacked",
+  onReset,
+  resetLabel,
+  resetAriaLabel,
+  disabled,
+  children
 }) {
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
-    DialogContent,
+  return /* @__PURE__ */ jsxs(
+    "div",
     {
       className: cn(
-        "h-auto max-w-[380px] gap-0 rounded-[18px] border border-border bg-card p-6 pt-8 shadow-2xl dark:border-0 dark:bg-[#222b38]",
-        "[&>button]:end-4 [&>button]:top-4 [&>button]:flex [&>button]:size-6 [&>button]:items-center [&>button]:justify-center",
-        "[&>button]:rounded-full [&>button]:bg-muted [&>button]:text-muted-foreground [&>button]:opacity-100 [&>button]:ring-offset-0",
-        "[&>button]:hover:bg-secondary [&>button]:hover:text-foreground dark:[&>button]:bg-[#4d5a6d] dark:[&>button]:text-white dark:[&>button]:hover:bg-[#647186] dark:[&>button]:hover:text-white",
+        "flex gap-1.5",
+        layout === "inline-start" ? "flex-row items-center gap-2" : "flex-col",
         className
       ),
-      style: { zIndex },
       children: [
-        /* @__PURE__ */ jsxs(DialogHeader, { className: "sr-only", children: [
-          /* @__PURE__ */ jsx(DialogTitle, { children: title }),
-          /* @__PURE__ */ jsx(DialogDescription, { children: description })
-        ] }),
-        /* @__PURE__ */ jsx(
-          NDeleteDialogContent,
+        /* @__PURE__ */ jsxs(
+          "div",
           {
-            title,
-            itemName,
-            itemType,
-            icon,
-            warningText,
-            className: contentClassName
+            className: cn(
+              "flex items-center gap-2",
+              layout === "inline-start" ? "w-28 shrink-0 justify-start" : "justify-between"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "label",
+                {
+                  htmlFor,
+                  className: cn(
+                    "min-w-0 text-xs font-medium text-muted-foreground",
+                    layout === "inline-start" && "truncate text-start"
+                  ),
+                  title: typeof label === "string" || typeof label === "number" ? String(label) : void 0,
+                  children: label
+                }
+              ),
+              onReset ? /* @__PURE__ */ jsx(
+                ResetButton,
+                {
+                  onClick: onReset,
+                  "aria-label": typeof resetAriaLabel === "string" || typeof resetAriaLabel === "number" ? String(resetAriaLabel) : typeof resetLabel === "string" || typeof resetLabel === "number" ? String(resetLabel) : "Reset field",
+                  title: typeof resetLabel === "string" || typeof resetLabel === "number" ? String(resetLabel) : "Reset",
+                  disabled
+                }
+              ) : null
+            ]
           }
         ),
-        /* @__PURE__ */ jsxs(DialogFooter, { className: "mt-6 grid grid-cols-2 gap-3 sm:grid-cols-2", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              "data-button-type": "secondary",
-              variant: "outline",
-              onClick: onCancel,
-              disabled: loading,
-              className: "h-10 w-full rounded-[10px] border border-destructive bg-transparent text-sm font-bold text-card-foreground shadow-none hover:bg-transparent hover:text-card-foreground dark:border-destructive dark:bg-transparent dark:text-white dark:hover:bg-transparent dark:hover:text-white",
-              children: cancelText
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              "data-button-type": "primary",
-              variant: "destructive",
-              onClick: onConfirm,
-              loading,
-              className: "h-10 w-full rounded-[10px] bg-destructive text-sm font-bold text-destructive-foreground shadow-none hover:bg-destructive/90 focus-visible:ring-destructive/40 dark:bg-[#dc4d61] dark:text-white dark:hover:bg-[#e15f70] dark:focus-visible:ring-[#dc4d61]/40",
-              children: confirmText
-            }
-          )
-        ] })
+        /* @__PURE__ */ jsx("div", { className: cn(layout === "inline-start" && "min-w-0 flex-1"), children }),
+        description ? /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-snug text-muted-foreground/80", children: description }) : null
       ]
     }
-  ) });
+  );
 }
-function useDialog(store) {
-  const resolvedStore = store ?? useDialogStore();
-  const custom = async (options) => {
-    try {
-      return await resolvedStore.getState().pushDialog(options);
-    } catch (error) {
-      console.error("[useDialog] Failed to push dialog:", error);
-      return null;
-    }
-  };
-  const confirmDelete = async (options) => {
-    try {
-      return await resolvedStore.getState().pushDialog({
-        title: options.title || "Delete",
-        description: options.description,
-        size: options.size || "sm",
-        className: options.className,
-        render: ({ dialog, zIndex, confirm, cancel, onOpenChange }) => React66__default.createElement(NDeleteDialog, {
-          itemName: options.itemName,
-          itemType: options.itemType,
-          icon: options.icon,
-          warningText: options.warningText,
-          title: dialog.title,
-          description: dialog.description,
-          confirmText: dialog.primaryButton?.text,
-          cancelText: dialog.secondaryButton?.text,
-          loading: dialog.primaryButton?.loading,
-          className: dialog.className,
-          zIndex,
-          onOpenChange,
-          onConfirm: () => confirm(),
-          onCancel: () => cancel()
-        }),
-        primaryButton: {
-          text: options.confirmText || "Confirm",
-          variant: "destructive",
-          loading: options.loading,
-          onClick: options.onConfirm
-        },
-        secondaryButton: {
-          text: options.cancelText || "Cancel",
-          variant: "outline"
-        },
-        showButtons: true
-      });
-    } catch (error) {
-      console.error("[useDialog] Failed to show confirmDelete:", error);
-      return null;
+function ResetButton({
+  onClick,
+  disabled,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(
+    NButton,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "icon-xs",
+      onClick,
+      disabled,
+      "aria-disabled": disabled,
+      className: cn("text-muted-foreground hover:text-foreground", className),
+      ...rest,
+      children: /* @__PURE__ */ jsx(RotateCcw, { className: "size-3" })
     }
-  };
-  return {
-    custom,
-    openDialog: custom,
-    confirmDelete,
-    closeAll: () => resolvedStore.getState().closeAllDialogs(),
-    push: (opts) => resolvedStore.getState().pushDialog(opts),
-    pop: (result) => resolvedStore.getState().popDialog(result)
-  };
+  );
 }
 function Command({ className, ...props }) {
   return /* @__PURE__ */ jsx(Command$1, { "data-slot": "command", className: cn("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className), ...props });
@@ -2646,8 +1127,8 @@ function resolveIcon(icon) {
 }
 var MultiSelectInput = ({ ariaLabel, placeholder = "Select items...", value = [], onChange, icon, showIcon = true, iconColor, items, className = "", variant = "default", status = "default", bordered, borderColor, disabled = false, searchPlaceholder = "Search...", emptyMessage = "No items found.", maxDisplay = 3, showSearch = true }) => {
   const [open, setOpen] = useState(false);
-  const triggerRef = React66__default.useRef(null);
-  const pointerDismissedRef = React66__default.useRef(false);
+  const triggerRef = React54__default.useRef(null);
+  const pointerDismissedRef = React54__default.useRef(false);
   const shouldDisplayIcon = Boolean(icon) && showIcon && value.length === 0;
   const iconProps = getIconColorProps(iconColor, "h-4 w-4");
   const handleSelect = (itemValue) => {
@@ -2763,7 +1244,7 @@ function SelectScrollDownButton({ className, ...props }) {
   return /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" }) });
 }
 function SelectContent({ className, children, position = "popper", style, ...props }) {
-  const container = React66.useContext(NajmThemeContainerCtx);
+  const container = React54.useContext(NajmThemeContainerCtx);
   const recipe = useNajmComponentStyle("select");
   const contentSlot = recipe?.slots?.content;
   const borderWidth = contentSlot?.borderWidth ?? recipe?.borderWidth;
@@ -2846,9 +1327,9 @@ var SelectInput = ({ placeholder = "", ariaLabel, value, onChange, icon, showIco
     (item) => typeof item === "string" ? item === value : item.value === value
   );
   const displayLabel = typeof found === "string" ? found : found?.label ?? value;
-  const [open, setOpen] = React66__default.useState(false);
-  const triggerRef = React66__default.useRef(null);
-  const pointerDismissedRef = React66__default.useRef(false);
+  const [open, setOpen] = React54__default.useState(false);
+  const triggerRef = React54__default.useRef(null);
+  const pointerDismissedRef = React54__default.useRef(false);
   return /* @__PURE__ */ jsxs("div", { className: cn("group relative", className), children: [
     /* @__PURE__ */ jsxs(
       BaseInput,
@@ -2906,23 +1387,6 @@ var SelectInput = ({ placeholder = "", ariaLabel, value, onChange, icon, showIco
     )
   ] });
 };
-var Input = React66.forwardRef(function Input2({ className, type, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      ref,
-      type,
-      "data-slot": "input",
-      className: cn(
-        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground border-input flex h-9 w-full min-w-0 rounded-md border bg-card px-3 py-1 text-base text-foreground shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-        className
-      ),
-      ...props
-    }
-  );
-});
 var TRACK = {
   xs: "h-3 w-5",
   sm: "h-4 w-7",
@@ -3717,7 +2181,7 @@ function CollapsibleSection({
   children,
   disabled
 }) {
-  const [open, setOpen] = React66.useState(true);
+  const [open, setOpen] = React54.useState(true);
   const titleText = typeof title === "string" || typeof title === "number" ? String(title) : "Section";
   return /* @__PURE__ */ jsxs(
     Collapsible,
@@ -4036,7 +2500,7 @@ function TokenGroupSection({
   disabled,
   labels
 }) {
-  const [open, setOpen] = React66.useState(groupId === "surface" || groupId === "brand");
+  const [open, setOpen] = React54.useState(groupId === "surface" || groupId === "brand");
   const labelText = typeof label === "string" || typeof label === "number" ? String(label) : "Group";
   return /* @__PURE__ */ jsxs(
     Collapsible,
@@ -4329,17 +2793,7 @@ function FontSelect({
     }
   );
 }
-function Label2({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    LabelPrimitive.Root,
-    {
-      "data-slot": "label",
-      className: cn("flex items-center gap-2 text-sm leading-none font-medium text-foreground select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
-      ...props
-    }
-  );
-}
-var TextInput = React66__default.forwardRef(({ value, onChange, placeholder = "", icon, showIcon = true, iconColor, className = "", variant = "default", status = "default", bordered, borderColor, disabled = false, ...props }, ref) => {
+var TextInput = React54__default.forwardRef(({ value, onChange, placeholder = "", icon, showIcon = true, iconColor, className = "", variant = "default", status = "default", bordered, borderColor, disabled = false, ...props }, ref) => {
   const shouldDisplayIcon = Boolean(icon) && showIcon;
   const iconProps = getIconColorProps(iconColor, "h-4 w-4");
   return /* @__PURE__ */ jsxs(BaseInput, { variant, status, bordered, borderColor, className: cn("gap-2", className), disabled, children: [
@@ -4348,7 +2802,7 @@ var TextInput = React66__default.forwardRef(({ value, onChange, placeholder = ""
   ] });
 });
 TextInput.displayName = "TextInput";
-var NumberInput = React66__default.forwardRef(({ value, onChange, placeholder = "", icon, showIcon = true, iconColor, className = "", variant = "default", status = "default", bordered, borderColor, disabled = false, ...props }, ref) => {
+var NumberInput = React54__default.forwardRef(({ value, onChange, placeholder = "", icon, showIcon = true, iconColor, className = "", variant = "default", status = "default", bordered, borderColor, disabled = false, ...props }, ref) => {
   const shouldDisplayIcon = Boolean(icon) && showIcon;
   const iconProps = getIconColorProps(iconColor, "h-4 w-4");
   return /* @__PURE__ */ jsxs(BaseInput, { variant, status, bordered, borderColor, className: cn("gap-2", className), children: [
@@ -4357,7 +2811,7 @@ var NumberInput = React66__default.forwardRef(({ value, onChange, placeholder =
   ] });
 });
 NumberInput.displayName = "NumberInput";
-var PasswordInput = React66__default.forwardRef(({ value, onChange, placeholder = "", icon, showIcon = true, iconColor, className = "", variant = "default", status = "default", bordered, borderColor, disabled = false, ...props }, ref) => {
+var PasswordInput = React54__default.forwardRef(({ value, onChange, placeholder = "", icon, showIcon = true, iconColor, className = "", variant = "default", status = "default", bordered, borderColor, disabled = false, ...props }, ref) => {
   const [showPassword, setShowPassword] = useState(false);
   const shouldDisplayIcon = Boolean(icon) && showIcon;
   const iconProps = getIconColorProps(iconColor, "h-4 w-4");
@@ -4372,7 +2826,7 @@ function normalizeCode(value, numeric, length) {
   const normalized = numeric ? value.replace(/\D/g, "") : value.replace(/\s/g, "");
   return normalized.slice(0, length);
 }
-var OtpInput = React66__default.forwardRef(
+var OtpInput = React54__default.forwardRef(
   ({
     value,
     onChange,
@@ -4511,7 +2965,7 @@ var OtpInput = React66__default.forwardRef(
   }
 );
 OtpInput.displayName = "OtpInput";
-var Textarea = React66.forwardRef(function Textarea2({ className, ...props }, ref) {
+var Textarea = React54.forwardRef(function Textarea2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     "textarea",
     {
@@ -4528,7 +2982,7 @@ var Textarea = React66.forwardRef(function Textarea2({ className, ...props }, re
 var DEFAULT_ROWS = 3;
 var MIN_ROWS = 2;
 var REM_PER_ROW = 1.5;
-var TextAreaInput = React66__default.forwardRef(({ value, onChange, placeholder = "", className = "", variant = "default", status = "default", bordered, borderColor, iconColor: _iconColor, rows, ...props }, ref) => {
+var TextAreaInput = React54__default.forwardRef(({ value, onChange, placeholder = "", className = "", variant = "default", status = "default", bordered, borderColor, iconColor: _iconColor, rows, ...props }, ref) => {
   const visibleRows = Math.max(rows ?? DEFAULT_ROWS, MIN_ROWS);
   const textareaMinHeight = `${visibleRows * REM_PER_ROW}rem`;
   return /* @__PURE__ */ jsx(
@@ -4558,8 +3012,8 @@ var TextAreaInput = React66__default.forwardRef(({ value, onChange, placeholder
 TextAreaInput.displayName = "TextAreaInput";
 var ComboboxInput = ({ placeholder = "Select...", searchPlaceholder = "Search...", emptyMessage = "No results found.", loading = false, loadingMessage = "Loading...", onSearchChange, shouldFilter = true, value, onChange, icon, showIcon = true, iconColor, items = [], className = "", variant = "default", status = "default", bordered, borderColor, disabled = false, allowFreeText = false, ariaLabel }) => {
   const [open, setOpen] = useState(false);
-  const triggerRef = React66__default.useRef(null);
-  const pointerDismissedRef = React66__default.useRef(false);
+  const triggerRef = React54__default.useRef(null);
+  const pointerDismissedRef = React54__default.useRef(false);
   const [query, setQuery] = useState("");
   const normalizedItems = items.map((item) => typeof item === "string" ? { value: item, label: item } : item);
   const selectedItem = normalizedItems.find((item) => item.value === value);
@@ -4736,14 +3190,14 @@ var RadioGroupInput = ({ value, onChange, className = "", variant = "default", s
   const itemLabel = typeof item === "string" ? item : item.label;
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center space-y-0", children: [
     /* @__PURE__ */ jsx(RadioGroupItem, { value: itemValue }),
-    /* @__PURE__ */ jsx(Label2, { className: "text-sm font-normal peer-disabled:opacity-70 ml-1", children: itemLabel })
+    /* @__PURE__ */ jsx(Label, { className: "text-sm font-normal peer-disabled:opacity-70 ml-1", children: itemLabel })
   ] }, itemValue);
 }) }) });
 var CheckboxInput = ({ value, onChange, helper, label, checkboxClassName, className, variant = "default", status = "default", bordered, borderColor }) => /* @__PURE__ */ jsxs(BaseInput, { variant, status, bordered, borderColor, className: cn("flex gap-2 items-center", className), children: [
   /* @__PURE__ */ jsx(Checkbox, { checked: value, onCheckedChange: onChange, className: cn("cursor-pointer transition-colors duration-200 border-primary", checkboxClassName) }),
   /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsx(Label2, { className: "cursor-pointer text-muted-foreground", onClick: () => onChange(!value), children: label }),
-    helper && /* @__PURE__ */ jsx(Label2, { className: "text-xs text-muted-foreground", children: helper })
+    /* @__PURE__ */ jsx(Label, { className: "cursor-pointer text-muted-foreground", onClick: () => onChange(!value), children: label }),
+    helper && /* @__PURE__ */ jsx(Label, { className: "text-xs text-muted-foreground", children: helper })
   ] })
 ] });
 var layoutVariants2 = cva("flex items-start", {
@@ -4790,11 +3244,11 @@ function CheckboxGroupInput({
 }
 var SwitchInput = ({ value, onChange, label = "", helper, className = "", variant = "default", status = "default", bordered, borderColor, icon, showIcon = true, iconPosition = "label", iconColor }) => /* @__PURE__ */ jsxs(BaseInput, { variant, status, bordered, borderColor, className: cn("gap-2 justify-between items-center", className), children: [
   /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsxs(Label2, { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxs(Label, { className: "flex items-center gap-2", children: [
       iconPosition === "label" && icon && showIcon && /* @__PURE__ */ jsx("span", { className: "w-4 h-4", children: resolveIcon(icon) }),
       label
     ] }),
-    helper && /* @__PURE__ */ jsx(Label2, { className: "text-xs text-muted-foreground", children: helper })
+    helper && /* @__PURE__ */ jsx(Label, { className: "text-xs text-muted-foreground", children: helper })
   ] }),
   /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
     iconPosition === "input" && icon && showIcon && /* @__PURE__ */ jsx("span", { className: "w-4 h-4", children: resolveIcon(icon) }),
@@ -4877,9 +3331,9 @@ var FileInput = ({ value, onChange, placeholder = "No file chosen", icon, showIc
     /* @__PURE__ */ jsx("input", { type: "file", ref: fileInputRef, onChange: (e) => onChange(e.target.files?.[0] || null), className: "hidden" }),
     /* @__PURE__ */ jsxs("div", { className: "bg-muted flex h-full items-center px-3", children: [
       showIcon && (icon ? /* @__PURE__ */ jsx("span", { className: iconProps.className, style: iconProps.style, children: resolveIcon(icon) }) : /* @__PURE__ */ jsx(FileUp, { className: cn(iconProps.className) })),
-      /* @__PURE__ */ jsx(Label2, { className: "flex cursor-pointer h-full justify-center items-center px-2 text-muted-foreground", children: "Choose File" })
+      /* @__PURE__ */ jsx(Label, { className: "flex cursor-pointer h-full justify-center items-center px-2 text-muted-foreground", children: "Choose File" })
     ] }),
-    /* @__PURE__ */ jsx(Label2, { className: "ml-2 flex-1 text-foreground", children: displayFilename() || /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder }) })
+    /* @__PURE__ */ jsx(Label, { className: "ml-2 flex-1 text-foreground", children: displayFilename() || /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder }) })
   ] });
 };
 var colorTrackMap = {
@@ -6005,7 +4459,7 @@ function DropdownMenuSubContent({ className, children, style, ...props }) {
   );
 }
 function DropdownMenuContent({ className, children, sideOffset = 4, style, ...props }) {
-  const container = React66.useContext(NajmThemeContainerCtx);
+  const container = React54.useContext(NajmThemeContainerCtx);
   const surface = useDropdownSurfaceRecipe("content");
   const { hostRef, viewportRef } = useNajmScrollViewport();
   useNajmPortalLayerStyles();
@@ -6210,7 +4664,7 @@ function PhoneInput({
     }
   ) });
 }
-var TimeInput = React66__default.forwardRef(({ value = "", onChange, placeholder = "", icon, showIcon = true, iconColor, className = "", variant = "default", status = "default", bordered, borderColor, format24 = true, showSeconds = false, disabled = false, onBlur, ...props }, ref) => {
+var TimeInput = React54__default.forwardRef(({ value = "", onChange, placeholder = "", icon, showIcon = true, iconColor, className = "", variant = "default", status = "default", bordered, borderColor, format24 = true, showSeconds = false, disabled = false, onBlur, ...props }, ref) => {
   const [inputValue, setInputValue] = useState(value);
   const [isValid, setIsValid] = useState(true);
   useEffect(() => {
@@ -6387,8 +4841,8 @@ function NSlider({
     return Array.isArray(v) ? [...v] : [v];
   };
   const initialRadix = toRadix(controlledValue ?? defaultValue);
-  const [internalValues, setInternalValues] = React66.useState(initialRadix);
-  const [active, setActive] = React66.useState(null);
+  const [internalValues, setInternalValues] = React54.useState(initialRadix);
+  const [active, setActive] = React54.useState(null);
   const currentValues = controlledValue !== void 0 ? toRadix(controlledValue) : internalValues;
   const handleRadix = (arr) => {
     setInternalValues(arr);
@@ -6545,13 +4999,13 @@ function NThemePresets({
   disabled = false,
   className
 }) {
-  const [saveOpen, setSaveOpen] = React66.useState(false);
-  const [name, setName] = React66.useState("");
-  const [pendingDelete, setPendingDelete] = React66.useState(
+  const [saveOpen, setSaveOpen] = React54.useState(false);
+  const [name, setName] = React54.useState("");
+  const [pendingDelete, setPendingDelete] = React54.useState(
     null
   );
-  const [busy, setBusy] = React66.useState(false);
-  const rows = React66.useMemo(
+  const [busy, setBusy] = React54.useState(false);
+  const rows = React54.useMemo(
     () => [
       ...savedDesign ? [
         {
@@ -6612,7 +5066,7 @@ function NThemePresets({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx(Label2, { className: "text-sm font-semibold text-foreground", children: labels.title }),
+        /* @__PURE__ */ jsx(Label, { className: "text-sm font-semibold text-foreground", children: labels.title }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
           /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs(
             Select,
@@ -6690,7 +5144,7 @@ function NThemePresets({
             cancelLabel: typeof labels.cancel === "string" ? labels.cancel : void 0,
             loading: busy,
             onConfirm: () => void handleSave(),
-            children: /* @__PURE__ */ jsxs(Label2, { className: "flex flex-col items-start gap-1.5", children: [
+            children: /* @__PURE__ */ jsxs(Label, { className: "flex flex-col items-start gap-1.5", children: [
               /* @__PURE__ */ jsx("span", { children: labels.nameLabel }),
               /* @__PURE__ */ jsx(
                 TextInput,
@@ -6803,12 +5257,12 @@ function NThemeCustomizer({
 }) {
   const inheritedMode = useNajmThemeMode();
   const resolvedPreviewMode = previewMode ?? inheritedMode ?? value.theme.mode ?? "light";
-  const visibleTabs = React66.useMemo(() => buildTabs(tabs), [tabs]);
+  const visibleTabs = React54.useMemo(() => buildTabs(tabs), [tabs]);
   const firstTab = visibleTabs[0] ?? "theme";
-  const [activeTab, setActiveTab] = React66.useState(TAB_VALUE[firstTab]);
-  const [fileError, setFileError] = React66.useState(false);
-  const fileInputRef = React66.useRef(null);
-  React66.useEffect(() => {
+  const [activeTab, setActiveTab] = React54.useState(TAB_VALUE[firstTab]);
+  const [fileError, setFileError] = React54.useState(false);
+  const fileInputRef = React54.useRef(null);
+  React54.useEffect(() => {
     setActiveTab(TAB_VALUE[firstTab]);
   }, [firstTab]);
   const themeLabel = resolveLabel("themeTab", labels);
@@ -6820,7 +5274,7 @@ function NThemeCustomizer({
   const invalidThemeFileLabel = resolveLabel("invalidThemeFile", labels);
   const defaultOptionLabel = resolveLabel("defaultOption", labels);
   const colorSwatchFallbackLabel = resolveLabel("colorSwatchFallback", labels);
-  const tokenLabels = React66.useMemo(() => {
+  const tokenLabels = React54.useMemo(() => {
     const out = {};
     const knownTokens = [
       "background",
@@ -7624,7 +6078,7 @@ function Alert({
   );
 }
 var NAlert = Alert;
-var NativeSelect = React66.forwardRef(
+var NativeSelect = React54.forwardRef(
   ({ className, options, placeholder, value, ...props }, ref) => {
     const hasValue = value !== void 0 && value !== "";
     return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
@@ -7782,7 +6236,7 @@ function Avatar({
   ...props
 }) {
   const hasShortcut = src !== void 0 || fallback !== void 0;
-  const hasChildren = React66.Children.count(children) > 0;
+  const hasChildren = React54.Children.count(children) > 0;
   return /* @__PURE__ */ jsxs(
     AvatarPrimitive.Root,
     {
@@ -7876,9 +6330,9 @@ function AvatarGroup({ ring = true, className, children, ...props }) {
       "data-slot": "avatar-group",
       className: cn("flex -space-x-2", className),
       ...props,
-      children: ring ? React66.Children.map(children, (child) => {
-        if (React66.isValidElement(child) && child.type === Avatar) {
-          return React66.cloneElement(child, { ring: true, ...child.props });
+      children: ring ? React54.Children.map(children, (child) => {
+        if (React54.isValidElement(child) && child.type === Avatar) {
+          return React54.cloneElement(child, { ring: true, ...child.props });
         }
         return child;
       }) : children
@@ -7945,7 +6399,7 @@ function Swap({
   className,
   ...props
 }) {
-  const [internalChecked, setInternalChecked] = React66.useState(defaultChecked);
+  const [internalChecked, setInternalChecked] = React54.useState(defaultChecked);
   const isControlled = controlledChecked !== void 0 || controlledState !== void 0;
   const currentState = getDerivedState(
     isControlled ? controlledChecked ?? false : internalChecked,
@@ -7953,7 +6407,7 @@ function Swap({
   );
   const dataState = currentState === "indeterminate" ? "indeterminate" : currentState ? "on" : "off";
   const ariaPressed = currentState === "indeterminate" ? "mixed" : currentState;
-  const handleClick = React66.useCallback((event) => {
+  const handleClick = React54.useCallback((event) => {
     onClick?.(event);
     if (event.defaultPrevented) return;
     if (disabled) return;
@@ -8078,7 +6532,7 @@ var toneClasses = {
     ring: "border-primary/30"
   }
 };
-var StatusPill = React66.forwardRef(
+var StatusPill = React54.forwardRef(
   ({ className, tone = "neutral", pulse = false, label, ...props }, ref) => {
     const c = toneClasses[tone];
     return /* @__PURE__ */ jsxs(
@@ -8136,41 +6590,6 @@ function Toaster({ toastOptions, ...props }) {
     }
   );
 }
-var Form = FormProvider;
-var FormFieldContext = React66.createContext({});
-var FormField = ({ ...props }) => /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
-var useFormField = () => {
-  const fieldContext = React66.useContext(FormFieldContext);
-  const itemContext = React66.useContext(FormItemContext);
-  const { getFieldState, formState } = useFormContext();
-  const fieldState = getFieldState(fieldContext.name, formState);
-  if (!fieldContext) throw new Error("useFormField should be used within <FormField>");
-  const { id } = itemContext;
-  return { id, name: fieldContext.name, formItemId: `${id}-form-item`, formDescriptionId: `${id}-form-item-description`, formMessageId: `${id}-form-item-message`, ...fieldState };
-};
-var FormItemContext = React66.createContext({});
-function FormItem({ className, ...props }) {
-  const id = React66.useId();
-  return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx("div", { "data-slot": "form-item", className: cn("grid gap-2", className), ...props }) });
-}
-function FormLabel({ className, ...props }) {
-  const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx(Label2, { "data-slot": "form-label", "data-error": !!error, className: cn("data-[error=true]:text-destructive", className), htmlFor: formItemId, ...props });
-}
-function FormControl({ ...props }) {
-  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx(Slot, { "data-slot": "form-control", id: formItemId, "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`, "aria-invalid": !!error, ...props });
-}
-function FormDescription({ className, ...props }) {
-  const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx("p", { "data-slot": "form-description", id: formDescriptionId, className: cn("text-muted-foreground text-[0.8rem]", className), ...props });
-}
-function FormMessage({ className, children, ...props }) {
-  const { error, formMessageId } = useFormField();
-  const body = error ? String(error?.message ?? "") : children;
-  if (!body) return null;
-  return /* @__PURE__ */ jsx("p", { "data-slot": "form-message", id: formMessageId, className: cn("text-destructive text-[0.8rem] font-medium", className), ...props, children: body });
-}
 function Table({ className, ...props }) {
   return /* @__PURE__ */ jsx("div", { "data-slot": "table-container", className: "relative w-full", children: /* @__PURE__ */ jsx("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm text-foreground", className), ...props }) });
 }
@@ -8195,7 +6614,7 @@ function TableCell({ className, ...props }) {
 function TableCaption({ className, ...props }) {
   return /* @__PURE__ */ jsx("caption", { "data-slot": "table-caption", className: cn("text-muted-foreground mt-4 text-sm", className), ...props });
 }
-var NErrorBoundary = class extends React66__default.Component {
+var NErrorBoundary = class extends React54__default.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false, error: null };
@@ -8376,9 +6795,9 @@ function NAvatar({
     loading: imageLoading,
     ...restImageProps
   } = imageProps ?? {};
-  const imageRef = React66__default.useRef(null);
+  const imageRef = React54__default.useRef(null);
   const { markLoaded } = chain;
-  React66__default.useEffect(() => {
+  React54__default.useEffect(() => {
     const element = imageRef.current;
     if (element?.complete && element.naturalWidth > 0) markLoaded();
   }, [chain.src, markLoaded]);
@@ -8533,8 +6952,8 @@ function NCard({
   let footerClassName;
   let mediaSlot = null;
   const mainChildren = [];
-  React66__default.Children.forEach(children, (child) => {
-    if (!React66__default.isValidElement(child)) {
+  React54__default.Children.forEach(children, (child) => {
+    if (!React54__default.isValidElement(child)) {
       mainChildren.push(child);
       return;
     }
@@ -8710,7 +7129,7 @@ function truncateByCharacters(text, maxCharacters, suffix = "...") {
   const str = String(text);
   return str.length <= maxCharacters ? str : str.slice(0, maxCharacters) + suffix;
 }
-var CardDensityContext = React66__default.createContext("default");
+var CardDensityContext = React54__default.createContext("default");
 function NCardInfo({
   icon: Icon2,
   label,
@@ -8723,7 +7142,7 @@ function NCardInfo({
   className,
   ...props
 }) {
-  const inheritedDensity = React66__default.useContext(CardDensityContext);
+  const inheritedDensity = React54__default.useContext(CardDensityContext);
   const resolvedDensity = density ?? inheritedDensity;
   const isTruncated = typeof value === "string" && value.length > maxChars;
   const displayValue = isTruncated ? truncateByCharacters(value, maxChars) : value;
@@ -8833,14 +7252,14 @@ function NSectionInfo({
   const displayValue = isTruncated ? truncateByCharacters(stringValue, maxChars) : value;
   return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
     Icon2 && /* @__PURE__ */ jsx(Icon2, { className: cn("w-4 h-4", iconColor) }),
-    /* @__PURE__ */ jsxs(Label2, { className: "text-sm text-muted-foreground", children: [
+    /* @__PURE__ */ jsxs(Label, { className: "text-sm text-muted-foreground", children: [
       label,
       ":"
     ] }),
     isTruncated ? /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Label2, { className: cn("text-sm cursor-help", valueColor), children: displayValue }) }),
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Label, { className: cn("text-sm cursor-help", valueColor), children: displayValue }) }),
       /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { className: "max-w-xs", children: stringValue }) })
-    ] }) : /* @__PURE__ */ jsx(Label2, { className: cn("text-sm", valueColor), children: displayValue })
+    ] }) : /* @__PURE__ */ jsx(Label, { className: cn("text-sm", valueColor), children: displayValue })
   ] });
 }
 function NSection({
@@ -8854,7 +7273,7 @@ function NSection({
   return /* @__PURE__ */ jsxs("div", { className: cn(background, "flex flex-col gap-1 rounded-lg p-4", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
       /* @__PURE__ */ jsx(Icon2, { className: cn("w-5 h-5", iconColor) }),
-      /* @__PURE__ */ jsx(Label2, { className: "text-base font-medium text-foreground", children: title })
+      /* @__PURE__ */ jsx(Label, { className: "text-base font-medium text-foreground", children: title })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "space-y-1", children })
   ] });
@@ -8943,10 +7362,10 @@ function NSectionHeaderRoot({
   );
 }
 function NSectionHeaderTitle({ children, className }) {
-  return /* @__PURE__ */ jsx(Label2, { className: cn("text-2xl font-bold text-foreground block", className), children });
+  return /* @__PURE__ */ jsx(Label, { className: cn("text-2xl font-bold text-foreground block", className), children });
 }
 function NSectionHeaderSubtitle({ children, className }) {
-  return /* @__PURE__ */ jsx(Label2, { className: cn("text-muted-foreground block", className), children });
+  return /* @__PURE__ */ jsx(Label, { className: cn("text-muted-foreground block", className), children });
 }
 function NSectionHeaderContent({ children, className }) {
   return /* @__PURE__ */ jsx("div", { className: cn("mt-3", className), children });
@@ -9907,13 +8326,13 @@ function NFilterBar({ children, className }) {
 function NRowActions({ children }) {
   return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children });
 }
-var variantClasses2 = {
+var variantClasses = {
   table: "px-4 pb-4 pt-0 sm:px-5 sm:pb-5",
   empty: "px-4 py-5 sm:px-5",
   stack: "px-4 py-4 space-y-4 sm:px-5"
 };
 function NViewBody({ children, className, variant = "table" }) {
-  return /* @__PURE__ */ jsx("div", { className: cn(variantClasses2[variant], className), children });
+  return /* @__PURE__ */ jsx("div", { className: cn(variantClasses[variant], className), children });
 }
 function NContextMenu({ x, y, items, onAction, onClose, className }) {
   const [openSub, setOpenSub] = useState(null);
@@ -10015,7 +8434,7 @@ function NContextMenu({ x, y, items, onAction, onClose, className }) {
       children: items.map((item) => {
         const Icon2 = item.icon;
         const hasSub = !!item.submenu?.length;
-        return /* @__PURE__ */ jsxs(React66__default.Fragment, { children: [
+        return /* @__PURE__ */ jsxs(React54__default.Fragment, { children: [
           item.separatorBefore && /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-border/60" }),
           /* @__PURE__ */ jsxs(
             "div",
@@ -10449,11 +8868,11 @@ function NCredentialsCard({
   className,
   classNames
 }) {
-  const [status, setStatus] = React66.useState("idle");
-  const revertTimer = React66.useRef(null);
-  const mountedRef = React66.useRef(true);
-  const requestTokenRef = React66.useRef(0);
-  React66.useEffect(() => {
+  const [status, setStatus] = React54.useState("idle");
+  const revertTimer = React54.useRef(null);
+  const mountedRef = React54.useRef(true);
+  const requestTokenRef = React54.useRef(0);
+  React54.useEffect(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -10461,14 +8880,14 @@ function NCredentialsCard({
       revertTimer.current = null;
     };
   }, []);
-  const scheduleRevert = React66.useCallback(() => {
+  const scheduleRevert = React54.useCallback(() => {
     if (revertTimer.current) clearTimeout(revertTimer.current);
     revertTimer.current = setTimeout(() => {
       revertTimer.current = null;
       if (mountedRef.current) setStatus("idle");
     }, REVERT_MS);
   }, []);
-  const handleCopy = React66.useCallback(() => {
+  const handleCopy = React54.useCallback(() => {
     if (status === "pending") return;
     if (revertTimer.current) {
       clearTimeout(revertTimer.current);
@@ -10708,19 +9127,19 @@ function Combobox({
   allowFreeText = false,
   disabled = false
 }) {
-  const [open, setOpen] = React66.useState(false);
-  const [query, setQuery] = React66.useState("");
-  const [highlight, setHighlight] = React66.useState(0);
-  const wrapperRef = React66.useRef(null);
-  const inputRef = React66.useRef(null);
-  const filtered = React66.useMemo(() => {
+  const [open, setOpen] = React54.useState(false);
+  const [query, setQuery] = React54.useState("");
+  const [highlight, setHighlight] = React54.useState(0);
+  const wrapperRef = React54.useRef(null);
+  const inputRef = React54.useRef(null);
+  const filtered = React54.useMemo(() => {
     const q = query.trim().toLowerCase();
     if (!q) return options;
     return options.filter(
       (opt) => opt.label.toLowerCase().includes(q) || opt.value.toLowerCase().includes(q)
     );
   }, [options, query]);
-  React66.useEffect(() => {
+  React54.useEffect(() => {
     if (!open) return;
     const onClick = (e) => {
       if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
@@ -10731,7 +9150,7 @@ function Combobox({
     document.addEventListener("mousedown", onClick);
     return () => document.removeEventListener("mousedown", onClick);
   }, [open]);
-  React66.useEffect(() => {
+  React54.useEffect(() => {
     if (open) {
       setHighlight(0);
       requestAnimationFrame(() => inputRef.current?.focus());
@@ -10739,7 +9158,7 @@ function Combobox({
       setQuery("");
     }
   }, [open]);
-  const selectedLabel = React66.useMemo(() => {
+  const selectedLabel = React54.useMemo(() => {
     const match = options.find((o) => o.value === value);
     return match?.label ?? value;
   }, [options, value]);
@@ -10837,34 +9256,6 @@ function Combobox({
     ] })
   ] });
 }
-var VARIANT_PRESETS = {
-  default: {
-    item: "flex flex-col w-full",
-    label: "text-foreground flex items-center gap-2",
-    input: "",
-    description: "",
-    error: ""
-  },
-  studio: {
-    item: "space-y-1.5 w-full",
-    label: "text-[11px] uppercase tracking-[0.16em] text-muted-foreground flex items-center gap-2",
-    input: "h-10 bg-card",
-    description: "text-xs text-muted-foreground",
-    error: "text-xs text-destructive"
-  },
-  compact: {
-    item: "flex flex-col w-full gap-1",
-    label: "text-xs text-foreground flex items-center gap-2",
-    input: "h-8 text-sm",
-    description: "text-xs",
-    error: "text-xs"
-  }
-};
-var VariantContext = createContext({ variant: "default" });
-var VariantProvider = ({ variant = "default", bordered, children }) => /* @__PURE__ */ jsx(VariantContext.Provider, { value: { variant, bordered }, children });
-var useVariant = () => useContext(VariantContext).variant;
-var useBordered = () => useContext(VariantContext).bordered;
-var useVariantPreset = () => VARIANT_PRESETS[useContext(VariantContext).variant];
 function NFormInner({ schema, defaultValues, onSubmit, form: externalForm, variant = "default", bordered, as = "form", className = "", id, devTools, children }) {
   const resolvedDevTools = useResolvedFormDevTools(schema, devTools);
   const resolver = useMemo(() => schema ? zodResolver(schema) : void 0, [schema]);
@@ -10923,14 +9314,11 @@ function NFormSectionHeader({
       ),
       children: [
         Icon2 && /* @__PURE__ */ jsx(Icon2, { className: "w-4 h-4 shrink-0 text-current" }),
-        /* @__PURE__ */ jsx(Label2, { className: "text-sm font-semibold leading-none text-current", children: title })
+        /* @__PURE__ */ jsx(Label, { className: "text-sm font-semibold leading-none text-current", children: title })
       ]
     }
   );
 }
-var PrefixContext = createContext(void 0);
-var PrefixProvider = ({ prefix, children }) => /* @__PURE__ */ jsx(PrefixContext.Provider, { value: prefix, children });
-var usePrefix = () => useContext(PrefixContext);
 var inputBackgroundClasses = {
   card: "!bg-card [&>div:first-child]:!bg-card",
   background: "!bg-background [&>div:first-child]:!bg-background",
@@ -11511,25 +9899,25 @@ function WizardForm({
             classNames
           }
         ),
-        /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsx(VariantProvider, { variant, bordered, children: /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsx(VariantProvider, { variant, bordered, children: /* @__PURE__ */ jsx(NajmScroll, { axis: "y", className: "min-h-0 flex-1", "data-najm-wizard-step-scroll": "true", children: /* @__PURE__ */ jsxs(
           "form",
           {
             id: `step-${currentStepConfig.id}`,
             onSubmit: form.handleSubmit(handleSubmit),
-            className: cn("min-h-0 flex-1 overflow-y-auto pb-4 flex flex-col gap-4", classNames?.step),
+            className: cn("flex flex-col gap-4", classNames?.step),
             autoComplete: "off",
             children: [
               currentStepConfig.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: currentStepConfig.description }),
               currentStepConfig.render({ form, stepIndex: nav.currentStep - 1 })
             ]
           }
-        ) }) }),
+        ) }) }) }),
         showFooter && /* @__PURE__ */ jsxs(
           "div",
           {
             "data-najm-wizard-footer": "true",
             className: cn(
-              "sticky bottom-0 z-10 mt-auto flex shrink-0 items-center justify-between bg-background/95 pt-3 backdrop-blur",
+              "sticky bottom-0 z-10 mt-auto flex shrink-0 items-center justify-between bg-transparent",
               footerDividerClass(footerDivider),
               footerDividerClassName,
               classNames?.footer
@@ -12146,8 +10534,8 @@ function useTable(effectiveViewModeOverride) {
         ...effectiveColumns,
         {
           id: "actions",
-          header: () => isMenuActions ? null : React66__default.createElement("div", { className: "flex w-full justify-start text-left" }, "Actions"),
-          cell: ({ row }) => React66__default.createElement(TableActionCell, { row, onView, onEdit, onDelete, openRowMenu, menuButton, bordered }),
+          header: () => isMenuActions ? null : React54__default.createElement("div", { className: "flex w-full justify-start text-left" }, "Actions"),
+          cell: ({ row }) => React54__default.createElement(TableActionCell, { row, onView, onEdit, onDelete, openRowMenu, menuButton, bordered }),
           enableSorting: false,
           enableHiding: false
         }
@@ -12413,10 +10801,10 @@ function EditableCell({ cell, onCellEdit }) {
   const columnId = cell.column.id;
   const editor = meta.editor || "text";
   const initial = cell.getValue();
-  const [editing, setEditing] = React66__default.useState(false);
-  const [value, setValue] = React66__default.useState(initial);
-  const [saving, setSaving] = React66__default.useState(false);
-  React66__default.useEffect(() => {
+  const [editing, setEditing] = React54__default.useState(false);
+  const [value, setValue] = React54__default.useState(initial);
+  const [saving, setSaving] = React54__default.useState(false);
+  React54__default.useEffect(() => {
     if (!editing) setValue(initial);
   }, [initial, editing]);
   const commit = async (next) => {
@@ -12590,7 +10978,7 @@ function NTableContent({ effectiveMode }) {
           const isExpanded = canExpand && row.getIsExpanded();
           const totalCols = row.getVisibleCells().length + (showCheckbox ? 1 : 0) + (hasExpansion ? 1 : 0);
           const rowClassName = getRowClassName?.(row.original);
-          return /* @__PURE__ */ jsxs(React66__default.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React54__default.Fragment, { children: [
             /* @__PURE__ */ jsxs(
               TableRow,
               {
@@ -12849,7 +11237,7 @@ function NTableCardSkeleton({ surface }) {
 }
 function NTableLoadingSkeleton({ rows }) {
   const rawColumns = useTableStore.use.columns();
-  const responsiveColumns = React66__default.useMemo(() => filterResponsiveColumns(rawColumns), [rawColumns]);
+  const responsiveColumns = React54__default.useMemo(() => filterResponsiveColumns(rawColumns), [rawColumns]);
   const columns = responsiveColumns;
   const showCheckbox = useTableStore.use.showCheckbox();
   const headerClassName = useTableStore.use.headerClassName();
@@ -12972,19 +11360,19 @@ function useCardContinuation({
   rowCount,
   viewportRef
 }) {
-  const [internalPending, setInternalPending] = React66__default.useState(false);
-  const [internalError, setInternalError] = React66__default.useState(null);
-  const [announcement, setAnnouncement] = React66__default.useState("");
-  const [viewportReady, setViewportReady] = React66__default.useState(false);
-  const pendingRef = React66__default.useRef(false);
-  const previousRowCountRef = React66__default.useRef(rowCount);
-  const configRef = React66__default.useRef(config);
+  const [internalPending, setInternalPending] = React54__default.useState(false);
+  const [internalError, setInternalError] = React54__default.useState(null);
+  const [announcement, setAnnouncement] = React54__default.useState("");
+  const [viewportReady, setViewportReady] = React54__default.useState(false);
+  const pendingRef = React54__default.useRef(false);
+  const previousRowCountRef = React54__default.useRef(rowCount);
+  const configRef = React54__default.useRef(config);
   configRef.current = config;
   const enabled = Boolean(config);
   const pending = Boolean(config?.loadingMore || internalPending);
   const error = config?.loadMoreError ?? internalError;
   const hasNextPage = Boolean(config?.hasNextPage);
-  const load = React66__default.useCallback(async () => {
+  const load = React54__default.useCallback(async () => {
     const current = configRef.current;
     if (!current) return;
     if (pendingRef.current || current.loadingMore || !current.hasNextPage) return;
@@ -13009,13 +11397,13 @@ function useCardContinuation({
     load,
     { rootMargin: config?.rootMargin ?? DEFAULT_ROOT_MARGIN }
   );
-  React66__default.useLayoutEffect(() => {
+  React54__default.useLayoutEffect(() => {
     const node = viewportRef.current ?? null;
     scrollContainerRef.current = node;
     const ready = Boolean(node);
     setViewportReady((value) => value === ready ? value : ready);
   });
-  React66__default.useEffect(() => {
+  React54__default.useEffect(() => {
     const previous = previousRowCountRef.current;
     previousRowCountRef.current = rowCount;
     if (!configRef.current) return;
@@ -13025,10 +11413,10 @@ function useCardContinuation({
       configRef.current.itemsLoadedLabel?.(appended) ?? `${appended} more ${appended === 1 ? "item" : "items"} loaded.`
     );
   }, [rowCount]);
-  React66__default.useEffect(() => {
+  React54__default.useEffect(() => {
     if (!pending) doneLoading();
   }, [pending, doneLoading]);
-  React66__default.useEffect(() => {
+  React54__default.useEffect(() => {
     if (!enabled || !hasNextPage || error) return;
     return observe();
   }, [enabled, hasNextPage, error, observe, viewportReady, rowCount]);
@@ -13082,7 +11470,7 @@ function NTableCards({ effectiveMode }) {
   const cardPagination = useTableStore.use.cardPagination();
   const cardColumnCount = useTableStore.use.cardColumnCount();
   const surface = useTableSurfaceAppearance(bordered, borderColor);
-  const viewportRef = React66__default.useRef(null);
+  const viewportRef = React54__default.useRef(null);
   const continuationConfig = cardPagination.mode === "infinite" ? cardPagination : null;
   const continuation = useCardContinuation({
     config: continuationConfig,
@@ -13303,17 +11691,17 @@ function CardLoadMorePagination({
   bordered,
   className
 }) {
-  const [internalPending, setInternalPending] = React66__default.useState(false);
-  const [internalError, setInternalError] = React66__default.useState(null);
-  const [announcement, setAnnouncement] = React66__default.useState("");
-  const buttonRef = React66__default.useRef(null);
-  const pendingRef = React66__default.useRef(false);
-  const restoreFocusRef = React66__default.useRef(false);
-  const previousRowCountRef = React66__default.useRef(rowCount);
-  const errorId = React66__default.useId();
+  const [internalPending, setInternalPending] = React54__default.useState(false);
+  const [internalError, setInternalError] = React54__default.useState(null);
+  const [announcement, setAnnouncement] = React54__default.useState("");
+  const buttonRef = React54__default.useRef(null);
+  const pendingRef = React54__default.useRef(false);
+  const restoreFocusRef = React54__default.useRef(false);
+  const previousRowCountRef = React54__default.useRef(rowCount);
+  const errorId = React54__default.useId();
   const pending = Boolean(config.loadingMore || internalPending);
   const error = config.loadMoreError ?? internalError;
-  React66__default.useEffect(() => {
+  React54__default.useEffect(() => {
     const previous = previousRowCountRef.current;
     if (rowCount > previous) {
       const appended = rowCount - previous;
@@ -13323,7 +11711,7 @@ function CardLoadMorePagination({
     }
     previousRowCountRef.current = rowCount;
   }, [config.itemsLoadedLabel, rowCount]);
-  React66__default.useEffect(() => {
+  React54__default.useEffect(() => {
     if (pending || !restoreFocusRef.current) return;
     restoreFocusRef.current = false;
     const frame = requestAnimationFrame(() => buttonRef.current?.focus());
@@ -13393,9 +11781,9 @@ function CardLoadMorePagination({
 var navButtonClass = "h-8 w-8 p-0 disabled:text-muted-foreground disabled:opacity-70";
 var chevronClass = "h-4 w-4 rtl:-scale-x-100";
 function useLowerBoundPageCountWarning(manualPagination, pageCount, pagination) {
-  const previous = React66__default.useRef(null);
-  const warned = React66__default.useRef(false);
-  React66__default.useEffect(() => {
+  const previous = React54__default.useRef(null);
+  const warned = React54__default.useRef(false);
+  React54__default.useEffect(() => {
     if (typeof console === "undefined") return;
     if (typeof process !== "undefined" && process.env?.NODE_ENV === "production") return;
     if (!manualPagination || pageCount === void 0 || !pagination) {
@@ -13571,7 +11959,7 @@ function NTablePagination() {
 function useToolbarCopy() {
   const own = useTableStore.use.toolbarLabels();
   const labels = useResolvedToolbarLabels(own);
-  return React66__default.useMemo(
+  return React54__default.useMemo(
     () => ({
       settings: labels.settings ?? "Table settings",
       view: labels.view ?? "View",
@@ -15324,7 +13712,7 @@ function NNavbar({
               (userMenuActions.length > 0 || onLogout) && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
               userMenuActions.map((action) => {
                 const ActionIcon = action.icon;
-                return /* @__PURE__ */ jsxs(React66__default.Fragment, { children: [
+                return /* @__PURE__ */ jsxs(React54__default.Fragment, { children: [
                   action.separator && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
                   /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: action.onClick, className: "cursor-pointer", children: [
                     ActionIcon && /* @__PURE__ */ jsx(ActionIcon, { className: "h-4 w-4 mr-2" }),
@@ -15563,4 +13951,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, 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_SAVED_THEME_VALUE, NAlert, NAppShell, NCard as NAsyncCard, NAvatar, NBadge, NBarChart, NBulkActionsBar, NCard, NCardAction, NCardFooter, NCardInfo, NCardMedia, NCardSection, NChartSkeleton, NCommandPalette, NConfirmDialog, NContextMenu, NCredentialsCard, NDataCardShell, NDeleteDialog, NDeleteDialogContent, NDetailCard, NDetailItem, NDetailList, NDialog, NDialogDescription, NDialogHeader, NDialogPrimaryButton, NDialogSecondaryButton, NDonutCard, NEditorTabs, NErrorBoundary, NFileBrowser, NFileTypeIcon, NFilterBar, NFolderIcon, NForm, NFormSectionHeader, NGrid, NGridItem, NImage, NIndicator, NInspectorSheet, NLineChart, NMultiDialog, NNavbar, NPageHeader, NPageHeaderActions, NPageHeaderCompactActions, NPageHeaderFilters, NPageHeaderTop, 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, NStatCard, NStatCardSkeleton, NStatusBreakdown, Swap as NSwap, NTable, NTableCardRoot, NTableCards, NTableContent, NTableHeader, NTableLoadingSkeleton, NTablePagination, NTableRowSkeleton, NTableSkeleton, NTabs, NThemeCustomizer, NThemePresets, NUploader, NViewBody, NViewToggle, NativeSelect, NumberInput, OtpInput, PasswordInput, PhoneInput, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrefixProvider, Progress, 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, Tabs, TabsContent, TabsList, TabsTrigger, TextAreaInput, TextInput, Textarea, TimeInput, TimeZoneInput, Toaster, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, VariantProvider, WizardForm, alertVariants, avatarVariants, badgeColorVariants, badgeVariants, buildDefaultFileColumns, buildPageItems, createDialogStore, createTableStore, detectFormat, dialogVariants, filterResponsiveColumns, focusRingClasses, focusRingWithinClasses, formatColor, formatFileBytes, formatFileRelative, getIconColorProps, getNChartColor, getNextEditorTabValue, hiddenBelowClasses, indicatorVariants, normalizeThemeFileName, parseColor, parseThemeFile, resolveHiddenBelowClass, resolveSlot, sliderVariants, stringifyThemeFile, swapVariants, toPickerHex, toggleVariants, tooltipContentVariants, truncateByCharacters, useClickOutside, useContextMenu, useDebouncedValue, useDelayedLoading, useDialog, useDialogStore, useDynamicPageSize, useFormField, useFormSubmission, useInfiniteScroll, useKeyboard, useLocalStorageState, useNForm, useNPortalScope, useNSidebar, usePrefix, useSelection, useStepNavigation, useStorageContextMenu, useStoreSync, useTable, useTableKeyboard, useVariant, useVariantPreset };
+export { Alert, NCard as AsyncCard, Avatar, AvatarFallback, AvatarFormInput, AvatarGroup, AvatarImage, AvatarInput, AvatarStatus, Badge, 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, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicArray_default as DynamicArray, EmojiInput, FileImportButton, FileInput, FormInput, ImageInput, Indicator4 as Indicator, LangInput, MultiSelectInput, NAJM_SAVED_THEME_VALUE, NAlert, NAppShell, NCard as NAsyncCard, NAvatar, NBadge, NBarChart, NBulkActionsBar, NCard, NCardAction, NCardFooter, NCardInfo, NCardMedia, NCardSection, NChartSkeleton, NCommandPalette, NContextMenu, NCredentialsCard, NDataCardShell, NDetailCard, NDetailItem, NDetailList, NDonutCard, NEditorTabs, NErrorBoundary, NFileBrowser, NFileTypeIcon, NFilterBar, NFolderIcon, NForm, NFormSectionHeader, NGrid, NGridItem, NImage, NIndicator, NInspectorSheet, NLineChart, NNavbar, NPieChart, NProgress, NRowActions, NSection, NSectionHeader, NSectionInfo, NSectionWithInfo, NSidebar, NSidebarBrand, NSidebarContent, NSidebarFooter, NSidebarHeader, NSidebarItem, NSidebarMobile, NSidebarSection, NSkeleton, NSkeletonCalendar, NSkeletonChart, NSkeletonDonut, NSkeletonEventList, NSkeletonWidget, NSkeletonWidgets, NSlider, NSmartPasteDialog, NStatCard, NStatCardSkeleton, NStatusBreakdown, Swap as NSwap, NTable, NTableCardRoot, NTableCards, NTableContent, NTableHeader, NTableLoadingSkeleton, NTablePagination, NTableRowSkeleton, NTableSkeleton, NTabs, NThemeCustomizer, NThemePresets, NUploader, NViewBody, NViewToggle, NativeSelect, NumberInput, OtpInput, PasswordInput, PhoneInput, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupInput, RadioGroupItem, RepeatingFields, ScrollArea, SearchField, SearchField as SearchInput, SegmentedControl, Select, SelectContent, SelectGroup, SelectInput, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, 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, Tabs, TabsContent, TabsList, TabsTrigger, TextAreaInput, TextInput, Textarea, TimeInput, TimeZoneInput, Toaster, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WizardForm, alertVariants, avatarVariants, badgeColorVariants, badgeVariants, buildDefaultFileColumns, buildPageItems, createTableStore, detectFormat, filterResponsiveColumns, formatColor, formatFileBytes, formatFileRelative, getIconColorProps, getNChartColor, getNextEditorTabValue, hiddenBelowClasses, indicatorVariants, normalizeThemeFileName, parseColor, parseThemeFile, resolveHiddenBelowClass, resolveSlot, sliderVariants, stringifyThemeFile, swapVariants, toPickerHex, toggleVariants, tooltipContentVariants, truncateByCharacters, useClickOutside, useContextMenu, useDebouncedValue, useDelayedLoading, useDynamicPageSize, useFormSubmission, useInfiniteScroll, useKeyboard, useLocalStorageState, useNForm, useSelection, useStepNavigation, useStorageContextMenu, useStoreSync, useTable, useTableKeyboard };