najm-kit 2.9.0 → 2.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,14 +1,12 @@
1
1
  import { useNajmComponentStyle, cn } from './chunk-KVZACF4G.mjs';
2
2
  import { resolveVariantAlias, resolveRadiusValue } from './chunk-TFHWLE7N.mjs';
3
3
  import * as React2 from 'react';
4
- import React2__default, { createContext, useContext } from 'react';
4
+ import React2__default from 'react';
5
5
  import * as LucideIcons from 'lucide-react';
6
6
  import { LoaderCircleIcon } from 'lucide-react';
7
7
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
8
8
  import { Slot } from '@radix-ui/react-slot';
9
9
  import { cva } from 'class-variance-authority';
10
- import { OverlayScrollbars } from 'overlayscrollbars';
11
- import { OverlayScrollbarsComponent } from 'overlayscrollbars-react';
12
10
 
13
11
  function toPascalCase(value) {
14
12
  return value.replace(/([a-z0-9])([A-Z])/g, "$1 $2").split(/[\s_-]+/).filter(Boolean).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join("");
@@ -292,113 +290,5 @@ var Button = React2.forwardRef(
292
290
  );
293
291
  Button.displayName = "Button";
294
292
  var NButton = Button;
295
- function assignRef(ref, node) {
296
- if (!ref) return;
297
- if (typeof ref === "function") ref(node);
298
- else ref.current = node;
299
- }
300
- function applyViewportLayout(node, axis) {
301
- node.style.width = "100%";
302
- node.style.height = "100%";
303
- node.style.minWidth = "0";
304
- node.style.minHeight = "0";
305
- node.style.overflowX = axis === "x" || axis === "both" ? "auto" : "hidden";
306
- node.style.overflowY = axis === "y" || axis === "both" ? "auto" : "hidden";
307
- }
308
- function najmScrollOptions(axis, autoHide, options) {
309
- return {
310
- scrollbars: { theme: "os-theme-najm", autoHide, autoHideDelay: 500, clickScroll: true },
311
- overflow: {
312
- x: axis === "x" || axis === "both" ? "scroll" : "hidden",
313
- y: axis === "y" || axis === "both" ? "scroll" : "hidden"
314
- },
315
- ...options
316
- };
317
- }
318
- function useNajmScrollViewport({
319
- axis = "y",
320
- autoHide = "never",
321
- options
322
- } = {}) {
323
- const hostRef = React2.useRef(null);
324
- const viewportRef = React2.useRef(null);
325
- React2.useEffect(() => {
326
- const target = hostRef.current;
327
- const viewport = viewportRef.current;
328
- if (!target || !viewport) return;
329
- const instance = OverlayScrollbars(
330
- { target, elements: { viewport } },
331
- najmScrollOptions(axis, autoHide, options)
332
- );
333
- const containWheel = (event) => event.stopPropagation();
334
- viewport.addEventListener("wheel", containWheel, { passive: true });
335
- return () => {
336
- viewport.removeEventListener("wheel", containWheel);
337
- instance.destroy();
338
- };
339
- }, [axis, autoHide, options]);
340
- return { hostRef, viewportRef };
341
- }
342
- function NajmScroll({ className, axis = "y", autoHide = "never", viewportRef, events, options, element, children, style, ...props }) {
343
- return /* @__PURE__ */ jsx(
344
- OverlayScrollbarsComponent,
345
- {
346
- className: cn(className),
347
- style: {
348
- ...style,
349
- overflow: "hidden",
350
- minHeight: 0,
351
- minWidth: 0
352
- },
353
- element,
354
- defer: true,
355
- options: najmScrollOptions(axis, autoHide, options || void 0),
356
- events: {
357
- ...events,
358
- initialized: (instance, ...rest) => {
359
- const viewport = instance.elements().viewport;
360
- applyViewportLayout(viewport, axis);
361
- assignRef(viewportRef, viewport);
362
- events?.initialized?.(instance, ...rest);
363
- },
364
- updated: (instance, ...rest) => {
365
- applyViewportLayout(instance.elements().viewport, axis);
366
- events?.updated?.(instance, ...rest);
367
- },
368
- destroyed: (instance, ...rest) => {
369
- assignRef(viewportRef, null);
370
- events?.destroyed?.(instance, ...rest);
371
- }
372
- },
373
- ...props,
374
- children
375
- }
376
- );
377
- }
378
- var TableStoreContext = createContext(null);
379
- var useTableStore = { use: {} };
380
- var handler = {
381
- get: (_, prop) => () => {
382
- const store = useContext(TableStoreContext);
383
- if (!store) throw new Error("useTableStore must be used within NTable");
384
- return store.use[prop]();
385
- }
386
- };
387
- useTableStore.use = new Proxy({}, handler);
388
- function formatJsonValue(value) {
389
- if (typeof value === "string") return value;
390
- try {
391
- return JSON.stringify(value ?? null, null, 2) ?? String(value);
392
- } catch {
393
- return String(value);
394
- }
395
- }
396
- function NTableJson() {
397
- const viewMode = useTableStore.use.viewMode();
398
- const renderJson = useTableStore.use.renderJson();
399
- const jsonValue = useTableStore.use.jsonValue();
400
- if (viewMode !== "json") return null;
401
- return /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col min-h-0 overflow-hidden", children: renderJson?.() ?? /* @__PURE__ */ jsx(NajmScroll, { axis: "both", className: "h-full min-h-0 rounded-md border border-border bg-muted/40", children: /* @__PURE__ */ jsx("pre", { className: "p-4 font-mono text-xs leading-relaxed text-foreground", children: formatJsonValue(jsonValue) }) }) });
402
- }
403
293
 
404
- export { Button, NButton, NIcon, NTableJson, NajmScroll, TableStoreContext, buttonVariants, inputBorderClasses, sidebarBorderClasses, surfaceBorderClasses, useNajmScrollViewport, useTableStore };
294
+ export { Button, NButton, NIcon, buttonVariants, inputBorderClasses, sidebarBorderClasses, surfaceBorderClasses };
package/dist/index.d.ts CHANGED
@@ -3,7 +3,8 @@ import { a as NajmDesignConfig, f as NajmThemeProviderProps, g as NajmAppearance
3
3
  export { p as NAJM_COMPONENT_NAMES, q as NajmComponentRadius, r as NajmDensity, s as NajmSlotStyle, d as NajmVariantStyle, R as RADIUS_VALUE_MAP, t as resolveRadiusValue } from './design-types-Rkpt8Pg1.js';
4
4
  import * as React$1 from 'react';
5
5
  import React__default, { RefObject, ReactNode, ComponentType, InputHTMLAttributes, Ref, ImgHTMLAttributes, CSSProperties, MouseEvent, MouseEventHandler } from 'react';
6
- export { D as DEFAULT_TIME_ZONE, a as NTableDefaults, b as NTableDefaultsProvider, c as NajmPreferencesContextValue, d as NajmPreferencesProvider, e as NajmPreferencesProviderProps, f as NajmUIProvider, N as NajmUIProviderProps, u as useNTableDefaults, g as useNajmPreferencesContext, h as useNajmTheme, i as useNajmTimeZone } from './NajmUIProvider-CI_73GEp.js';
6
+ import { d as NIconSource, B as BadgeColor, e as BadgeShape } from './NajmUIProvider-cNCb8Tpn.js';
7
+ export { f as Badge, g as BadgeIcon, h as BadgeLook, i as BadgeProps, j as BadgeSize, k as BadgeVariant, D as DEFAULT_TIME_ZONE, l as NBadge, m as NBadgeDefaults, n as NBadgeLook, o as NBadgeProps, N as NFeedbackDefaults, a as NFeedbackLabelKeys, b as NFeedbackLabels, p as NIcon, q as NIconProps, r as NTableDefaults, s as NTableDefaultsProvider, t as NajmPreferencesContextValue, u as NajmPreferencesProvider, v as NajmPreferencesProviderProps, w as NajmUIProvider, c as NajmUIProviderProps, x as badgeColorVariants, y as badgeVariants, z as useNTableDefaults, A as useNajmPreferencesContext, C as useNajmTheme, E as useNajmTimeZone } from './NajmUIProvider-cNCb8Tpn.js';
7
8
  import { c as NTablePaginationVariant, b as NTablePaginationLabels, a as NTableCardPagination } from './paginationLabels-dZLSNxfo.js';
8
9
  export { D as DEFAULT_PAGINATION_KEY_PREFIX, d as NTableInfinitePagination, e as NTableLoadMorePagination, N as NajmTranslate, f as buildPaginationLabels } from './paginationLabels-dZLSNxfo.js';
9
10
  export { d as defineNajmDesignConfig, p as parseNajmDesignConfig, r as resolveVariantAlias, s as stringifyNajmDesignConfig } from './design-config-D_x1GCu3.js';
@@ -24,8 +25,8 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
24
25
  import * as ProgressPrimitive from '@radix-ui/react-progress';
25
26
  import * as SeparatorPrimitive from '@radix-ui/react-separator';
26
27
  import { OverlayScrollbarsComponentProps } from 'overlayscrollbars-react';
27
- import { a as FormDevTools, F as FormDevToolsOptions } from './formFill-BcH-m9Kf.js';
28
- export { b as FormDevToolsConfig, c as FormFillOverride, d as FormFillOverrides, e as NBrandingEditorValue, N as NBrandingInput, f as NBrandingPayload, g as NBrandingProvider, h as NBrandingStateProvider, i as NBrandingStateProviderProps, j as NBrandingValue, k as buildFormFill, n as normalizeBranding, u as useNBranding, l as useNBrandingEditor } from './formFill-BcH-m9Kf.js';
28
+ import { l as FormDevTools, F as FormDevToolsOptions } from './NNotFoundState-D1CLLLxc.js';
29
+ export { m as FormDevToolsConfig, n as FormFillOverride, o as FormFillOverrides, p as NBrandingEditorValue, N as NBrandingInput, q as NBrandingPayload, r as NBrandingProvider, s as NBrandingStateProvider, t as NBrandingStateProviderProps, u as NBrandingValue, a as NEmptyState, b as NEmptyStateProps, c as NErrorState, d as NErrorStateProps, e as NFeedbackSurface, f as NForbiddenState, g as NForbiddenStateProps, h as NLoadingState, i as NLoadingStateProps, j as NNotFoundState, k as NNotFoundStateProps, v as buildFormFill, w as normalizeBranding, x as useNBranding, y as useNBrandingEditor } from './NNotFoundState-D1CLLLxc.js';
29
30
  import * as AvatarPrimitive from '@radix-ui/react-avatar';
30
31
  import { Command as Command$1 } from 'cmdk';
31
32
  import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
@@ -331,6 +332,28 @@ declare function sidebarBorderClasses(bordered?: boolean | undefined, side?: Naj
331
332
  /** Border utility for form fields (inputs, selects). */
332
333
  declare function inputBorderClasses(bordered?: boolean | undefined): string;
333
334
 
335
+ /**
336
+ * The kit's keyboard focus indicator.
337
+ *
338
+ * `:focus-visible` rather than `:focus`, so a mouse click on a button does not
339
+ * leave a ring behind — the indicator appears for the users who navigate by
340
+ * keyboard and need to know where they are.
341
+ */
342
+ declare const focusRingClasses = "outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50";
343
+ /**
344
+ * The same indicator, for a wrapper that owns the field a child is focused in.
345
+ *
346
+ * Composite inputs put the border, padding and background on a wrapper and
347
+ * strip the inner control bare, so focus lands on an element that is invisible
348
+ * by design while the thing the user sees as "the field" is its parent. Ringing
349
+ * the inner control would draw inside the border; the wrapper has to light up.
350
+ *
351
+ * Both selectors, because both happen: the multi-select trigger is itself the
352
+ * focusable element, and the number field holds a real `<input>` inside. `:has`
353
+ * rather than `:focus-within` so this stays a keyboard indicator either way.
354
+ */
355
+ declare const focusRingWithinClasses = "focus-visible:ring-[3px] focus-visible:ring-ring/50 has-[:focus-visible]:ring-[3px] has-[:focus-visible]:ring-ring/50";
356
+
334
357
  interface KeyboardOptions {
335
358
  enabled?: boolean;
336
359
  preventDefault?: boolean;
@@ -406,24 +429,6 @@ declare function useCardViewport(breakpoint?: number): boolean;
406
429
  /** The same decision as `useCardViewport`, as the mode name NTable takes. */
407
430
  declare function useDesktopTableMode(breakpoint?: number): "table" | "cards";
408
431
 
409
- type NIconSource = React__default.ReactElement | React__default.ComponentType<any> | React__default.ExoticComponent<any> | string | {
410
- src: string;
411
- alt?: string;
412
- };
413
- type NIconProps = Omit<React__default.HTMLAttributes<HTMLElement>, "children"> & {
414
- size?: string | number;
415
- icon: NIconSource;
416
- alt?: string;
417
- color?: string;
418
- className?: string;
419
- strokeWidth?: number;
420
- stroke?: string;
421
- fill?: string;
422
- onClick?: React__default.MouseEventHandler<HTMLElement>;
423
- style?: React__default.CSSProperties;
424
- };
425
- declare const NIcon: React__default.FC<NIconProps>;
426
-
427
432
  declare const buttonVariants: (props?: {
428
433
  variant?: "secondary" | "tertiary" | "destructive" | "default" | "link" | "ghost" | "outline" | "success" | "warning" | "info" | "soft" | "subtle" | "plain";
429
434
  size?: "default" | "icon" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs" | "2xs" | "icon-xs" | "icon-sm" | "icon-lg" | "icon-xl";
@@ -454,44 +459,6 @@ type NButtonProps = ButtonProps;
454
459
  declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
455
460
  declare const NButton: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
456
461
 
457
- declare const badgeVariants: (props?: {
458
- variant?: "secondary" | "destructive" | "default" | "outline" | "success" | "warning";
459
- } & class_variance_authority_types.ClassProp) => string;
460
- declare const badgeColorVariants: (props?: {
461
- color?: "neutral" | "primary" | "accent" | "secondary" | "destructive" | "success" | "warning" | "info";
462
- look?: "solid" | "outline" | "soft" | "dash";
463
- size?: "sm" | "md" | "lg";
464
- shape?: "default" | "square" | "pill";
465
- } & class_variance_authority_types.ClassProp) => string;
466
- type BadgeVariantProps = VariantProps<typeof badgeVariants>;
467
- type BadgeColorVariantProps = VariantProps<typeof badgeColorVariants>;
468
- type BadgeColor = NonNullable<BadgeColorVariantProps["color"]>;
469
- type BadgeLook = NonNullable<BadgeColorVariantProps["look"]>;
470
- type BadgeDisplayLook = BadgeLook | "minimal" | "text";
471
- type BadgeSize = NonNullable<BadgeColorVariantProps["size"]>;
472
- type BadgeShape = NonNullable<BadgeColorVariantProps["shape"]>;
473
- type BadgeVariant = NonNullable<BadgeVariantProps["variant"]>;
474
- type BadgeIcon = NIconSource;
475
- type BadgeProps = React$1.ComponentProps<"span"> & {
476
- asChild?: boolean;
477
- variant?: BadgeVariantProps["variant"];
478
- status?: string;
479
- statusMap?: Record<string, BadgeColor>;
480
- label?: string;
481
- showIcon?: boolean;
482
- color?: BadgeColor;
483
- look?: BadgeDisplayLook;
484
- size?: BadgeSize;
485
- shape?: BadgeShape;
486
- icon?: BadgeIcon;
487
- iconMap?: Record<string, BadgeIcon>;
488
- iconPosition?: "left" | "right";
489
- };
490
- declare function Badge({ className, variant, status, statusMap, label, showIcon, color, look, size, shape, icon, iconMap, iconPosition, asChild, children, style, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
491
- declare const NBadge: typeof Badge;
492
- type NBadgeLook = BadgeDisplayLook;
493
- type NBadgeProps = BadgeProps;
494
-
495
462
  /**
496
463
  * The status vocabulary every dashboard ends up retyping: lifecycle, review,
497
464
  * fulfilment and money states mapped onto the semantic badge colors.
@@ -512,6 +479,15 @@ declare const NAJM_STATUS_COLORS: Record<string, BadgeColor>;
512
479
  * anywhere else.
513
480
  */
514
481
  declare const NAJM_COLOR_TEXT_CLASSES: Record<BadgeColor, string>;
482
+ /**
483
+ * `Out_For_Delivery `, `out-for-delivery` and `out for delivery` are the same
484
+ * status key.
485
+ *
486
+ * Exported because it is the *one* rule: colors, icons, and labels all key off
487
+ * a status the same way, and an application whose own status handling has to
488
+ * agree with a badge should not have to guess it.
489
+ */
490
+ declare function normalizeStatusToken(status: string): string;
515
491
  /** The looked-up color, or `undefined` when nothing claims this status. */
516
492
  declare function findStatusColor(status: string | undefined, statusMap?: Record<string, BadgeColor>): BadgeColor | undefined;
517
493
  /**
@@ -585,7 +561,7 @@ interface DialogContentProps extends React$1.ComponentProps<typeof DialogPrimiti
585
561
  /** Hides the built-in top-right close (X). Use when the content provides its own close control (e.g. inside a page header). */
586
562
  hideClose?: boolean;
587
563
  }
588
- declare function DialogContent({ className, children, padding, hideClose, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
564
+ declare function DialogContent({ className, children, padding, hideClose, onOpenAutoFocus, onCloseAutoFocus, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
589
565
  declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
590
566
  declare function DialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
591
567
  declare function DialogTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
@@ -1183,7 +1159,7 @@ interface NajmScrollProps extends Omit<OverlayScrollbarsComponentProps, "options
1183
1159
  */
1184
1160
  declare function NajmScroll({ className, axis, autoHide, viewportRef, events, options, element, children, style, ...props }: NajmScrollProps): react_jsx_runtime.JSX.Element;
1185
1161
 
1186
- interface NImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "onError"> {
1162
+ interface NImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "src"> {
1187
1163
  src: string;
1188
1164
  /** Swapped in when `src` fails to load. */
1189
1165
  fallback?: string;
@@ -1191,9 +1167,14 @@ interface NImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "src" |
1191
1167
  /**
1192
1168
  * Display-only image with error recovery. Deliberately a plain `<img>`: the
1193
1169
  * caller's CSS box owns the size, so there is nothing for a framework image
1194
- * component to reserve or downscale.
1170
+ * component to reserve or downscale. For a Next-managed image with the same
1171
+ * fallback behavior, use `NNextImage` from `najm-kit/next`.
1172
+ *
1173
+ * `onError` is forwarded rather than swallowed, and the transition runs first:
1174
+ * a caller that logs a broken asset still sees the event, and the fallback
1175
+ * still appears.
1195
1176
  */
1196
- declare function NImage({ src, fallback, alt, ...rest }: NImageProps): react_jsx_runtime.JSX.Element;
1177
+ declare function NImage({ src, fallback, alt, onError, ...rest }: NImageProps): react_jsx_runtime.JSX.Element;
1197
1178
 
1198
1179
  type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
1199
1180
  type AvatarShape$1 = "circle" | "rounded" | "square";
@@ -1287,7 +1268,7 @@ declare function CommandItem({ className, ...props }: React$1.ComponentProps<typ
1287
1268
  declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
1288
1269
 
1289
1270
  declare function Collapsible({ ...props }: React$1.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
1290
- declare function CollapsibleTrigger({ ...props }: React$1.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
1271
+ declare function CollapsibleTrigger({ className, ...props }: React$1.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
1291
1272
  declare function CollapsibleContent({ ...props }: React$1.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime.JSX.Element;
1292
1273
 
1293
1274
  declare const toggleVariants: (props?: {
@@ -1370,34 +1351,6 @@ interface NSpinnerProps extends LucideProps {
1370
1351
  }
1371
1352
  declare function NSpinner({ variant, size, className, ...props }: NSpinnerProps): react_jsx_runtime.JSX.Element;
1372
1353
 
1373
- interface NLoadingStateProps {
1374
- label?: string;
1375
- className?: string;
1376
- fullScreen?: boolean;
1377
- spinnerVariant?: "default" | "circle" | "pinwheel" | "circle-filled" | "ellipsis" | "ring" | "bars";
1378
- spinnerSize?: number;
1379
- }
1380
- declare function NLoadingState({ label, className, fullScreen, spinnerVariant, spinnerSize }: NLoadingStateProps): react_jsx_runtime.JSX.Element;
1381
-
1382
- interface NErrorStateProps {
1383
- title?: string;
1384
- message?: string;
1385
- onRetry?: () => void;
1386
- retryLabel?: string;
1387
- className?: string;
1388
- icon?: React__default.ReactNode;
1389
- }
1390
- declare function NErrorState({ title, message, onRetry, retryLabel, className, icon }: NErrorStateProps): react_jsx_runtime.JSX.Element;
1391
-
1392
- interface NEmptyStateProps {
1393
- title?: string;
1394
- description?: string;
1395
- icon?: React__default.ReactNode | LucideIcon;
1396
- action?: React__default.ReactNode;
1397
- className?: string;
1398
- }
1399
- declare function NEmptyState({ title, description, icon, action, className }: NEmptyStateProps): react_jsx_runtime.JSX.Element;
1400
-
1401
1354
  interface ErrorBoundaryProps {
1402
1355
  children: React__default.ReactNode;
1403
1356
  fallbackTitle?: string;
@@ -1437,6 +1390,22 @@ declare function NSkeletonWidgets({ count }: {
1437
1390
  count?: number;
1438
1391
  }): react_jsx_runtime.JSX.Element;
1439
1392
 
1393
+ /**
1394
+ * Normalizes a consumer-supplied icon to a renderable element.
1395
+ *
1396
+ * `NEmptyState`, `NErrorState`, `NForbiddenState`, and `NNotFoundState` all
1397
+ * accept either a Lucide component or any React element. The Lucide path
1398
+ * needs sizing; the React-element path must keep whatever `className`,
1399
+ * `aria-label`, and handlers the consumer attached — so we never clone an
1400
+ * element we did not build.
1401
+ *
1402
+ * `size` is one of a small fixed set: dynamic Tailwind classes disappear in
1403
+ * consumer builds unless explicitly safelisted, so the helper does not
1404
+ * accept arbitrary sizes. Use the size that matches the surface: `sm` for
1405
+ * `inline`, `lg` for `panel`, `xl` for `page`.
1406
+ */
1407
+ type NFeedbackIconSize = "sm" | "md" | "lg" | "xl";
1408
+
1440
1409
  type AvatarShape = "circle" | "rounded" | "square";
1441
1410
  interface AvatarClassNames {
1442
1411
  root?: string;
@@ -1447,6 +1416,18 @@ interface AvatarClassNames {
1447
1416
  subtitle?: string;
1448
1417
  meta?: string;
1449
1418
  }
1419
+ /**
1420
+ * Native image attributes forwarded to the avatar's `<img>`.
1421
+ *
1422
+ * `src`, `alt`, and `className` are excluded because this component resolves
1423
+ * them: the source comes from the primary/fallback chain, the alt text from
1424
+ * `alt`/`title`, and the class from `classNames.image`.
1425
+ *
1426
+ * Typed off the native element rather than a framework image component on
1427
+ * purpose — see the note on `NAvatar` about why the avatar loads its image
1428
+ * directly through the browser.
1429
+ */
1430
+ type NAvatarImageProps = Omit<React__default.ImgHTMLAttributes<HTMLImageElement>, "src" | "alt" | "className">;
1450
1431
  interface AvatarProps {
1451
1432
  src?: string | null;
1452
1433
  title?: string;
@@ -1461,8 +1442,32 @@ interface AvatarProps {
1461
1442
  meta?: React__default.ReactNode;
1462
1443
  className?: string;
1463
1444
  classNames?: AvatarClassNames;
1445
+ /**
1446
+ * Escape hatch onto the underlying `<img>`: `loading`, `sizes`,
1447
+ * `crossOrigin`, `referrerPolicy`, `decoding`, and the load/error handlers.
1448
+ *
1449
+ * `onLoad` and `onError` are composed with this component's own state rather
1450
+ * than replacing it, so supplying them does not break the fallback chain.
1451
+ */
1452
+ imageProps?: NAvatarImageProps;
1464
1453
  }
1465
- declare function NAvatar({ src, title, fallback, fallbackSrc, alt, version, srcVersion, size, shape, subtitle, meta, className, classNames, }: AvatarProps): react_jsx_runtime.JSX.Element;
1454
+ /**
1455
+ * Person or record avatar: an image with a fallback image behind it, initials
1456
+ * behind that, and an optional title/subtitle/meta column beside it.
1457
+ *
1458
+ * The image is a native `<img>`, not a framework image component and not
1459
+ * Radix's `AvatarImage`. Two reasons, both load-bearing:
1460
+ *
1461
+ * - Radix preloads through `new window.Image()` and mounts the element only
1462
+ * once the bytes have arrived, which discards the element's own load and
1463
+ * error events and makes `loading="lazy"` inert. This component has to expose
1464
+ * both.
1465
+ * - Loading directly through the browser is what lets a same-origin protected
1466
+ * route work at all: the request carries the session the page already has,
1467
+ * and no optimizer sits between the two. The package therefore never needs to
1468
+ * know which routes an application protects.
1469
+ */
1470
+ declare function NAvatar({ src, title, fallback, fallbackSrc, alt, version, srcVersion, size, shape, subtitle, meta, className, classNames, imageProps, }: AvatarProps): react_jsx_runtime.JSX.Element;
1466
1471
 
1467
1472
  type NAvatarProps = AvatarProps;
1468
1473
  type NAvatarClassNames = AvatarClassNames;
@@ -2054,6 +2059,41 @@ interface NBulkActionsBarProps {
2054
2059
  */
2055
2060
  declare function NBulkActionsBar({ count, actions, onAction, onClear, busy, variant, className }: NBulkActionsBarProps): react_jsx_runtime.JSX.Element;
2056
2061
 
2062
+ interface NCredentialField {
2063
+ label: string;
2064
+ value: string;
2065
+ icon?: NIconSource;
2066
+ mono?: boolean;
2067
+ breakAll?: boolean;
2068
+ }
2069
+ interface NCredentialsCardClassNames {
2070
+ root?: string;
2071
+ header?: string;
2072
+ list?: string;
2073
+ field?: string;
2074
+ actions?: string;
2075
+ }
2076
+ interface NCredentialsCardProps {
2077
+ fields: NCredentialField[];
2078
+ title?: string;
2079
+ description?: string;
2080
+ icon?: NIconSource;
2081
+ copyLabel?: string;
2082
+ copiedLabel?: string;
2083
+ copyErrorLabel?: string;
2084
+ copyText?: (fields: NCredentialField[]) => string;
2085
+ hideCopyAction?: boolean;
2086
+ onCopy?: () => void;
2087
+ onCopyError?: (error: unknown) => void;
2088
+ actions?: React$1.ReactNode;
2089
+ className?: string;
2090
+ classNames?: NCredentialsCardClassNames;
2091
+ }
2092
+ declare function NCredentialsCard({ fields, title, description, icon, copyLabel, copiedLabel, copyErrorLabel, copyText, hideCopyAction, onCopy, onCopyError, actions, className, classNames, }: NCredentialsCardProps): react_jsx_runtime.JSX.Element;
2093
+ declare namespace NCredentialsCard {
2094
+ var displayName: string;
2095
+ }
2096
+
2057
2097
  type IconSize = "sm" | "md" | "lg" | "xl";
2058
2098
  interface NFileTypeIconProps {
2059
2099
  mimeType?: string;
@@ -4261,4 +4301,4 @@ interface NGridItemProps extends Omit<React$1.AllHTMLAttributes<HTMLDivElement>,
4261
4301
  declare function NGrid({ as: Comp, children, cols, smCols, mdCols, lgCols, xlCols, gap, className, style, ...props }: NGridProps): react_jsx_runtime.JSX.Element;
4262
4302
  declare function NGridItem({ children, span, smSpan, mdSpan, lgSpan, xlSpan, className, ...props }: NGridItemProps): react_jsx_runtime.JSX.Element;
4263
4303
 
4264
- export { Alert, type AlertLook, type AlertOrientation, type AlertProps, type AlertSize, type AlertTone, type AlertVariant, NCard as AsyncCard, Avatar, AvatarFallback, AvatarFormInput, type AvatarFormInputProps, AvatarGroup, type AvatarGroupProps, AvatarImage, AvatarInput, type AvatarInputProps, type AvatarInputRadius, type AvatarProps$1 as AvatarProps, type AvatarShape$1 as AvatarShape, type AvatarSize, AvatarStatus, type AvatarStatusType, Badge, type BadgeColor, type BadgeIcon, type BadgeLook, type BadgeProps, type BadgeShape, type BadgeSize, type BadgeVariant, BaseInput, type BuildDefaultFileColumnsOptions, Button, type ButtonConfig, type ButtonIcon, type ButtonLoaderPosition, type ButtonProps, type ButtonRounded, type ButtonSize, type ButtonVariant, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroupInput, type CheckboxGroupInputProps, CheckboxInput, type CheckboxInputProps, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorArrayInput, type ColorArrayInputProps, type ColorFormat, ColorPickerInput, type ColorPickerInputProps, Combobox, ComboboxInput, type ComboboxInputProps, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type ContextMenuItem, DEFAULT_CARD_BREAKPOINT, DEFAULT_THEME_FILE_NAME, DateInput, type DateInputProps, type DeleteDialogOptions, Dialog, type DialogActionMode, type DialogApi, DialogClose, type DialogConfig, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, type DialogHeight, DialogOverlay, type DialogPadding, DialogPortal, type DialogRenderContext, type DialogRenderer, type DialogSize, type DialogStore, DialogTitle, DialogTrigger, type DialogVariant, type DialogWidth, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicArray, type DynamicArrayProps, EMPTY_DESIGN, EmojiInput, type EmojiInputProps, type FileBrowserMode, FileImportButton, FileInput, type FileInputProps, type FileNode, Form, FormControl, FormDescription, FormDevTools, FormDevToolsOptions, FormDevToolsProvider, FormField, FormInput, type FormInputBackground, type FormInputProps, FormItem, FormLabel, FormMessage, type FormProps, type FormSlotClassNames, type FormVariant, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, ImageInput, type ImageInputPreviewError, type ImageInputPreviewSource, type ImageInputProps, Indicator, type IndicatorHorizontal, type IndicatorOverlay, type IndicatorPosition, type IndicatorProps, type IndicatorResponsivePosition, type IndicatorSize, type IndicatorVertical, Input, type InputIcon, Label, LangInput, type LangInputProps, type LinkComponentType, MultiSelectInput, type MultiSelectInputProps, NAJM_COLOR_TEXT_CLASSES, NAJM_SAVED_THEME_VALUE, NAJM_STATUS_COLORS, NAlert, type NAppCommandItem, NAppShell, type NAppShellAction, type NAppShellClassNames, type NAppShellProps, type NAppShellUser, NCard as NAsyncCard, type CardClassNames as NAsyncCardClassNames, type CardProps as NAsyncCardProps, NAvatar, type NAvatarClassNames, type NAvatarProps, type AvatarShape as NAvatarShape, NBadge, type NBadgeLook, type NBadgeProps, NBarChart, type NBarChartProps, type NBulkAction, type NBulkActionButton, type NBulkActionSelect, NBulkActionsBar, type NBulkActionsBarProps, NButton, type NButtonProps, NCard, NCardAction, type CardClassNames as NCardClassNames, type NCardDensity, NCardFooter, NCardInfo, type NCardInfoProps, NCardMedia, type NCardMediaAspect, type NCardMediaPlacement, type NCardMediaProps, type NCardMediaSize, type NCardMediaVariant, type CardProps as NCardProps, NCardSection, type NCardSectionProps, type NCardSectionSurface, type NCartesianChartProps, type NChartCardProps, type NChartDatum, type NChartItem, type NChartSeries, type NChartSize, NChartSkeleton, type NChartSkeletonProps, type NChartSkeletonVariant, NCommandPalette, type NCommandPaletteProps, NConfirmDialog, type NConfirmDialogProps, NContextMenu, type NContextMenuItem, type NContextMenuProps, NDataCardShell, type NDataCardShellActions, type NDataCardShellProps, NDeleteDialog, NDeleteDialogContent, type NDeleteDialogContentProps, type NDeleteDialogProps, NDetailCard, type NDetailCardClassNames, type NDetailCardProps, NDetailItem, type NDetailItemProps, NDetailList, type NDetailListItem, type NDetailListProps, NDialog, type NDialogActionProps, NDialogDescription, type NDialogDescriptionProps, type NDialogDirectProps, NDialogHeader, type NDialogHeaderProps, NDialogPrimaryButton, type NDialogProps, NDialogSecondaryButton, NDonutCard, type NDonutCardClassNames, type NDonutCardItem, type NDonutCardLayout, type NDonutCardLegendMarker, type NDonutCardProps, type NDonutCardVariant, type NEditorTab, NEditorTabs, type NEditorTabsProps, NEmptyState, type NEmptyStateProps, NErrorBoundary, NErrorState, type NErrorStateProps, NFileBrowser, type NFileBrowserCardProps, type NFileBrowserProps, type NFileBrowserRenderThumbProps, NFileTypeIcon, type NFileTypeIconProps, NFilterBar, NFolderIcon, type NFolderIconProps, NForm, NFormSectionHeader, type NFormSectionHeaderProps, NGrid, type NGridCols, NGridItem, type NGridItemProps, type NGridProps, type NGridSpan, NIcon, type NIconProps, type NIconSource, NImage, type NImageProps, NIndicator, NInspectorSheet, NLineChart, type NLineChartProps, NLoadingState, type NLoadingStateProps, NMultiDialog, type NMultiDialogProps, NNavbar, NPageHeader, NPageHeaderActions, type NPageHeaderBreakpoint, NPageHeaderCompactActions, NPageHeaderFilters, type NPageHeaderProps, NPageHeaderTop, NPageLayout, type NPageLayoutProps, NPieChart, type NPieChartProps, NPortalScopeProvider, NProgress, type NProgressProps, NRowActions, NSection, NSectionHeader, type NSectionHeaderActionsProps, type NSectionHeaderContentProps, type NSectionHeaderProps, type NSectionHeaderSubtitleProps, type NSectionHeaderTitleProps, NSectionInfo, type NSectionInfoProps, type NSectionProps, NSectionWithInfo, type NSectionWithInfoItem, type NSectionWithInfoProps, NSheet, type NSheetClassNames, type NSheetProps, NSidebar, NSidebarBrand, type NSidebarBrandProps, NSidebarContent, type NSidebarContentProps, type NSidebarContextValue, NSidebarFooter, type NSidebarFooterProps, NSidebarHeader, type NSidebarHeaderProps, NSidebarItem, NSidebarMobile, type NSidebarMobileProps, NSidebarProvider, NSidebarSection, type NSidebarSectionProps, NSkeleton, NSkeletonCalendar, NSkeletonChart, NSkeletonDonut, NSkeletonEventList, NSkeletonWidget, NSkeletonWidgets, NSlider, type NSliderProps, NSmartPasteDialog, type NSmartPasteDialogProps, NSpinner, type NSpinnerProps, NStatCard, type NStatCardClassNames, type NStatCardProps, NStatCardSkeleton, type NStatCardVariant, NStatusBreakdown, type NStatusBreakdownProps, Swap as NSwap, type NSwapProps, NTable, NTableCardPagination, NTableCardRoot, type NTableCardRootProps, NTableCards, type NTableClassNames, type NTableColumnBreakpoint, type NTableColumnDef, type NTableColumnMeta, NTableContent, NTableHeader, NTableLoadingSkeleton, type NTableMenu, type NTableMenuProp, type NTablePageItem, NTablePagination, NTablePaginationLabels, NTablePaginationVariant, type NTableProps, NTableRowSkeleton, NTableSkeleton, type NTableState, NTabs, type NTabsClassNames, type NTabsColor, type NTabsItem, type NTabsProps, type NTabsStyles, NThemeCustomizer, type NThemeCustomizerFontOption, type NThemeCustomizerLabels, type NThemeCustomizerProps, type NThemeCustomizerTab, type NThemePreset, NThemePresets, type NThemePresetsLabels, type NThemePresetsProps, type NThemePresetsStatus, NUploader, type NUploaderItem, type NUploaderItemStatus, type NUploaderProps, NViewBody, NViewToggle, NajmAccent, NajmAppearance, type NajmBorderSide, NajmComponentName, NajmComponentStyleConfig, NajmComponentThemeConfig, NajmDesignConfig, NajmDesignEditorProvider, type NajmDesignEditorProviderProps, type NajmDesignEditorValue, NajmDesignProvider, type NajmDesignProviderProps, NajmFormatConfig, type NajmFormatContextValue, NajmFormatProvider, type NajmFormatProviderProps, NajmLayoutConfig, NajmMode, NajmPreset, NajmResponsiveBreakpoint, NajmResponsiveValue, NajmScroll, type NajmScrollProps, NajmThemeConfig, NajmThemeProvider, NajmThemeProviderProps, NajmThemeTokens, NajmTypographyConfig, NativeSelect, type NativeSelectOption, type NativeSelectProps, type NavItem, type NavItemGroup, NumberInput, type NumberInputProps, OtpInput, type OtpInputProps, PasswordInput, type PasswordInputProps, PhoneInput, type PhoneInputProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrefixProvider, Progress, type ProgressColor, type ProgressLabelPosition, type ProgressProps, type ProgressSize, type PushDialogOptions, RadioGroup, RadioGroupInput, type RadioGroupInputProps, RadioGroupItem, type RenderSlot, RepeatingFields, type RepeatingFieldsProps, ScrollArea, type ScrollAreaProps, SearchField, SearchField as SearchInput, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectInput, type SelectInputProps, SelectItem, type SelectItemType$1 as SelectItemDataType, type SelectItemType, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, type SidebarItemProps, type SidebarLogo, type SidebarLogoRender, type SidebarProps, type SidebarWidth, type SidebarWidths, SimpleTooltip, type SimpleTooltipProps, NSkeleton as Skeleton, Slider, SliderInput, type SliderInputProps, type SliderOrientation, type SliderProps, type SliderSize, type SliderVariant, type SmartPastePreview, type SpinnerVariant, StarRatingInput, type StarRatingInputProps, StatusPill, type StatusPillProps, type StatusPillTone, type StepConfig, StepIndicator, type StepMeta, StepsHeader, StepsProgress, type StorageMenuAction, type StorageSortOption, type StorageTarget, Swap, type SwapEffect, SwapIndeterminate, SwapOff, SwapOn, type SwapProps, type SwapSize, type SwapState, Switch, type SwitchColor, SwitchInput, type SwitchInputProps, type SwitchSize, TAB_COLORS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderColor, TableRow, type TableState, type TableStore, TableStoreContext, Tabs, TabsContent, TabsList, type TabsListProps, type TabsOrientation, type TabsProps, TabsTrigger, type TabsTriggerProps, type TabsVariant, TextAreaInput, type TextAreaInputProps, TextInput, type TextInputProps, Textarea, TimeInput, type TimeInputProps, TimeZoneInput, type TimeZoneInputProps, Toaster, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseContextMenuResult, type UseNFormOptions, type UseStorageContextMenuOptions, type UseStorageContextMenuResult, type UserMenuAction, VariantProvider, type WizardClassNames, WizardForm, type WizardFormProps, alertVariants, avatarVariants, badgeColorVariants, badgeVariants, buildDefaultFileColumns, buildPageItems, buttonVariants, cn, colorTextClass, composePreset, createDialogStore, createTableStore, defineNajmThemeConfig, detectFormat, dialogVariants, filterResponsiveColumns, findStatusColor, formatColor, formatFileBytes, formatFileRelative, getIconColorProps, getNChartColor, getNextEditorTabValue, hiddenBelowClasses, indicatorVariants, inputBorderClasses, isPlaceholderAvatar, normalizeThemeFileName, parseColor, parseNajmThemeConfig, parseThemeFile, resolveAvatarSrc, resolveHiddenBelowClass, resolvePreset, resolveSlot, resolveStatusColor, sidebarBorderClasses, sliderVariants, statusTextClass, stringifyNajmThemeConfig, stringifyThemeFile, surfaceBorderClasses, swapVariants, toPickerHex, toggleVariants, tooltipContentVariants, truncateByCharacters, useCardViewport, useClickOutside, useContextMenu, useDebouncedValue, useDelayedLoading, useDesktopTableMode, useDialog, useDialogStore, useDynamicPageSize, useFormField, useFormSubmission, useInfiniteScroll, useKeyboard, useLocalStorageState, useMediaQuery, useNForm, useNPortalScope, useNSidebar, useNajmAppearance, useNajmComponentStyle, useNajmDesign, useNajmDesignEditor, useNajmFormat, useNajmFormatContext, useNajmThemeMode, usePrefix, useSelection, useStepNavigation, useStorageContextMenu, useStoreSync, useTable, useTableKeyboard, useTableStore, useVariant, useVariantPreset };
4304
+ export { Alert, type AlertLook, type AlertOrientation, type AlertProps, type AlertSize, type AlertTone, type AlertVariant, NCard as AsyncCard, Avatar, AvatarFallback, AvatarFormInput, type AvatarFormInputProps, AvatarGroup, type AvatarGroupProps, AvatarImage, AvatarInput, type AvatarInputProps, type AvatarInputRadius, type AvatarProps$1 as AvatarProps, type AvatarShape$1 as AvatarShape, type AvatarSize, AvatarStatus, type AvatarStatusType, BadgeColor, BadgeShape, BaseInput, type BuildDefaultFileColumnsOptions, Button, type ButtonConfig, type ButtonIcon, type ButtonLoaderPosition, type ButtonProps, type ButtonRounded, type ButtonSize, type ButtonVariant, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroupInput, type CheckboxGroupInputProps, CheckboxInput, type CheckboxInputProps, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorArrayInput, type ColorArrayInputProps, type ColorFormat, ColorPickerInput, type ColorPickerInputProps, Combobox, ComboboxInput, type ComboboxInputProps, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type ContextMenuItem, DEFAULT_CARD_BREAKPOINT, DEFAULT_THEME_FILE_NAME, DateInput, type DateInputProps, type DeleteDialogOptions, Dialog, type DialogActionMode, type DialogApi, DialogClose, type DialogConfig, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, type DialogHeight, DialogOverlay, type DialogPadding, DialogPortal, type DialogRenderContext, type DialogRenderer, type DialogSize, type DialogStore, DialogTitle, DialogTrigger, type DialogVariant, type DialogWidth, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicArray, type DynamicArrayProps, EMPTY_DESIGN, EmojiInput, type EmojiInputProps, type FileBrowserMode, FileImportButton, FileInput, type FileInputProps, type FileNode, Form, FormControl, FormDescription, FormDevTools, FormDevToolsOptions, FormDevToolsProvider, FormField, FormInput, type FormInputBackground, type FormInputProps, FormItem, FormLabel, FormMessage, type FormProps, type FormSlotClassNames, type FormVariant, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, ImageInput, type ImageInputPreviewError, type ImageInputPreviewSource, type ImageInputProps, Indicator, type IndicatorHorizontal, type IndicatorOverlay, type IndicatorPosition, type IndicatorProps, type IndicatorResponsivePosition, type IndicatorSize, type IndicatorVertical, Input, type InputIcon, Label, LangInput, type LangInputProps, type LinkComponentType, MultiSelectInput, type MultiSelectInputProps, NAJM_COLOR_TEXT_CLASSES, NAJM_SAVED_THEME_VALUE, NAJM_STATUS_COLORS, NAlert, type NAppCommandItem, NAppShell, type NAppShellAction, type NAppShellClassNames, type NAppShellProps, type NAppShellUser, NCard as NAsyncCard, type CardClassNames as NAsyncCardClassNames, type CardProps as NAsyncCardProps, NAvatar, type NAvatarClassNames, type NAvatarImageProps, type NAvatarProps, type AvatarShape as NAvatarShape, NBarChart, type NBarChartProps, type NBulkAction, type NBulkActionButton, type NBulkActionSelect, NBulkActionsBar, type NBulkActionsBarProps, NButton, type NButtonProps, NCard, NCardAction, type CardClassNames as NCardClassNames, type NCardDensity, NCardFooter, NCardInfo, type NCardInfoProps, NCardMedia, type NCardMediaAspect, type NCardMediaPlacement, type NCardMediaProps, type NCardMediaSize, type NCardMediaVariant, type CardProps as NCardProps, NCardSection, type NCardSectionProps, type NCardSectionSurface, type NCartesianChartProps, type NChartCardProps, type NChartDatum, type NChartItem, type NChartSeries, type NChartSize, NChartSkeleton, type NChartSkeletonProps, type NChartSkeletonVariant, NCommandPalette, type NCommandPaletteProps, NConfirmDialog, type NConfirmDialogProps, NContextMenu, type NContextMenuItem, type NContextMenuProps, type NCredentialField, NCredentialsCard, type NCredentialsCardClassNames, type NCredentialsCardProps, NDataCardShell, type NDataCardShellActions, type NDataCardShellProps, NDeleteDialog, NDeleteDialogContent, type NDeleteDialogContentProps, type NDeleteDialogProps, NDetailCard, type NDetailCardClassNames, type NDetailCardProps, NDetailItem, type NDetailItemProps, NDetailList, type NDetailListItem, type NDetailListProps, NDialog, type NDialogActionProps, NDialogDescription, type NDialogDescriptionProps, type NDialogDirectProps, NDialogHeader, type NDialogHeaderProps, NDialogPrimaryButton, type NDialogProps, NDialogSecondaryButton, NDonutCard, type NDonutCardClassNames, type NDonutCardItem, type NDonutCardLayout, type NDonutCardLegendMarker, type NDonutCardProps, type NDonutCardVariant, type NEditorTab, NEditorTabs, type NEditorTabsProps, NErrorBoundary, type NFeedbackIconSize, NFileBrowser, type NFileBrowserCardProps, type NFileBrowserProps, type NFileBrowserRenderThumbProps, NFileTypeIcon, type NFileTypeIconProps, NFilterBar, NFolderIcon, type NFolderIconProps, NForm, NFormSectionHeader, type NFormSectionHeaderProps, NGrid, type NGridCols, NGridItem, type NGridItemProps, type NGridProps, type NGridSpan, NIconSource, NImage, type NImageProps, NIndicator, NInspectorSheet, NLineChart, type NLineChartProps, NMultiDialog, type NMultiDialogProps, NNavbar, NPageHeader, NPageHeaderActions, type NPageHeaderBreakpoint, NPageHeaderCompactActions, NPageHeaderFilters, type NPageHeaderProps, NPageHeaderTop, NPageLayout, type NPageLayoutProps, NPieChart, type NPieChartProps, NPortalScopeProvider, NProgress, type NProgressProps, NRowActions, NSection, NSectionHeader, type NSectionHeaderActionsProps, type NSectionHeaderContentProps, type NSectionHeaderProps, type NSectionHeaderSubtitleProps, type NSectionHeaderTitleProps, NSectionInfo, type NSectionInfoProps, type NSectionProps, NSectionWithInfo, type NSectionWithInfoItem, type NSectionWithInfoProps, NSheet, type NSheetClassNames, type NSheetProps, NSidebar, NSidebarBrand, type NSidebarBrandProps, NSidebarContent, type NSidebarContentProps, type NSidebarContextValue, NSidebarFooter, type NSidebarFooterProps, NSidebarHeader, type NSidebarHeaderProps, NSidebarItem, NSidebarMobile, type NSidebarMobileProps, NSidebarProvider, NSidebarSection, type NSidebarSectionProps, NSkeleton, NSkeletonCalendar, NSkeletonChart, NSkeletonDonut, NSkeletonEventList, NSkeletonWidget, NSkeletonWidgets, NSlider, type NSliderProps, NSmartPasteDialog, type NSmartPasteDialogProps, NSpinner, type NSpinnerProps, NStatCard, type NStatCardClassNames, type NStatCardProps, NStatCardSkeleton, type NStatCardVariant, NStatusBreakdown, type NStatusBreakdownProps, Swap as NSwap, type NSwapProps, NTable, NTableCardPagination, NTableCardRoot, type NTableCardRootProps, NTableCards, type NTableClassNames, type NTableColumnBreakpoint, type NTableColumnDef, type NTableColumnMeta, NTableContent, NTableHeader, NTableLoadingSkeleton, type NTableMenu, type NTableMenuProp, type NTablePageItem, NTablePagination, NTablePaginationLabels, NTablePaginationVariant, type NTableProps, NTableRowSkeleton, NTableSkeleton, type NTableState, NTabs, type NTabsClassNames, type NTabsColor, type NTabsItem, type NTabsProps, type NTabsStyles, NThemeCustomizer, type NThemeCustomizerFontOption, type NThemeCustomizerLabels, type NThemeCustomizerProps, type NThemeCustomizerTab, type NThemePreset, NThemePresets, type NThemePresetsLabels, type NThemePresetsProps, type NThemePresetsStatus, NUploader, type NUploaderItem, type NUploaderItemStatus, type NUploaderProps, NViewBody, NViewToggle, NajmAccent, NajmAppearance, type NajmBorderSide, NajmComponentName, NajmComponentStyleConfig, NajmComponentThemeConfig, NajmDesignConfig, NajmDesignEditorProvider, type NajmDesignEditorProviderProps, type NajmDesignEditorValue, NajmDesignProvider, type NajmDesignProviderProps, NajmFormatConfig, type NajmFormatContextValue, NajmFormatProvider, type NajmFormatProviderProps, NajmLayoutConfig, NajmMode, NajmPreset, NajmResponsiveBreakpoint, NajmResponsiveValue, NajmScroll, type NajmScrollProps, NajmThemeConfig, NajmThemeProvider, NajmThemeProviderProps, NajmThemeTokens, NajmTypographyConfig, NativeSelect, type NativeSelectOption, type NativeSelectProps, type NavItem, type NavItemGroup, NumberInput, type NumberInputProps, OtpInput, type OtpInputProps, PasswordInput, type PasswordInputProps, PhoneInput, type PhoneInputProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrefixProvider, Progress, type ProgressColor, type ProgressLabelPosition, type ProgressProps, type ProgressSize, type PushDialogOptions, RadioGroup, RadioGroupInput, type RadioGroupInputProps, RadioGroupItem, type RenderSlot, RepeatingFields, type RepeatingFieldsProps, ScrollArea, type ScrollAreaProps, SearchField, SearchField as SearchInput, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectInput, type SelectInputProps, SelectItem, type SelectItemType$1 as SelectItemDataType, type SelectItemType, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, type SidebarItemProps, type SidebarLogo, type SidebarLogoRender, type SidebarProps, type SidebarWidth, type SidebarWidths, SimpleTooltip, type SimpleTooltipProps, NSkeleton as Skeleton, Slider, SliderInput, type SliderInputProps, type SliderOrientation, type SliderProps, type SliderSize, type SliderVariant, type SmartPastePreview, type SpinnerVariant, StarRatingInput, type StarRatingInputProps, StatusPill, type StatusPillProps, type StatusPillTone, type StepConfig, StepIndicator, type StepMeta, StepsHeader, StepsProgress, type StorageMenuAction, type StorageSortOption, type StorageTarget, Swap, type SwapEffect, SwapIndeterminate, SwapOff, SwapOn, type SwapProps, type SwapSize, type SwapState, Switch, type SwitchColor, SwitchInput, type SwitchInputProps, type SwitchSize, TAB_COLORS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderColor, TableRow, type TableState, type TableStore, TableStoreContext, Tabs, TabsContent, TabsList, type TabsListProps, type TabsOrientation, type TabsProps, TabsTrigger, type TabsTriggerProps, type TabsVariant, TextAreaInput, type TextAreaInputProps, TextInput, type TextInputProps, Textarea, TimeInput, type TimeInputProps, TimeZoneInput, type TimeZoneInputProps, Toaster, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseContextMenuResult, type UseNFormOptions, type UseStorageContextMenuOptions, type UseStorageContextMenuResult, type UserMenuAction, VariantProvider, type WizardClassNames, WizardForm, type WizardFormProps, alertVariants, avatarVariants, buildDefaultFileColumns, buildPageItems, buttonVariants, cn, colorTextClass, composePreset, createDialogStore, createTableStore, defineNajmThemeConfig, detectFormat, dialogVariants, filterResponsiveColumns, findStatusColor, focusRingClasses, focusRingWithinClasses, formatColor, formatFileBytes, formatFileRelative, getIconColorProps, getNChartColor, getNextEditorTabValue, hiddenBelowClasses, indicatorVariants, inputBorderClasses, isPlaceholderAvatar, normalizeStatusToken, normalizeThemeFileName, parseColor, parseNajmThemeConfig, parseThemeFile, resolveAvatarSrc, resolveHiddenBelowClass, resolvePreset, resolveSlot, resolveStatusColor, sidebarBorderClasses, sliderVariants, statusTextClass, stringifyNajmThemeConfig, stringifyThemeFile, surfaceBorderClasses, swapVariants, toPickerHex, toggleVariants, tooltipContentVariants, truncateByCharacters, useCardViewport, useClickOutside, useContextMenu, useDebouncedValue, useDelayedLoading, useDesktopTableMode, useDialog, useDialogStore, useDynamicPageSize, useFormField, useFormSubmission, useInfiniteScroll, useKeyboard, useLocalStorageState, useMediaQuery, useNForm, useNPortalScope, useNSidebar, useNajmAppearance, useNajmComponentStyle, useNajmDesign, useNajmDesignEditor, useNajmFormat, useNajmFormatContext, useNajmThemeMode, usePrefix, useSelection, useStepNavigation, useStorageContextMenu, useStoreSync, useTable, useTableKeyboard, useTableStore, useVariant, useVariantPreset };