najm-kit 2.10.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.
- package/CHANGELOG.md +71 -0
- package/README.md +188 -2
- package/dist/{formFill-BcH-m9Kf.d.ts → NNotFoundState-D1CLLLxc.d.ts} +84 -2
- package/dist/{NajmUIProvider-BnReyojl.d.ts → NajmUIProvider-cNCb8Tpn.d.ts} +75 -2
- package/dist/adapters/app.d.ts +4 -2
- package/dist/adapters/app.mjs +6 -3
- package/dist/adapters/next.d.ts +1 -1
- package/dist/adapters/next.mjs +2 -2
- package/dist/chunk-2GFWF46W.mjs +650 -0
- package/dist/{chunk-EUQOTPLV.mjs → chunk-CE7MVEJ2.mjs} +1 -1
- package/dist/{chunk-FDONJASN.mjs → chunk-EEBLEDNI.mjs} +67 -4
- package/dist/chunk-K7T7X6PX.mjs +117 -0
- package/dist/{chunk-JUYT2ISO.mjs → chunk-XZL32HFR.mjs} +2 -112
- package/dist/index.d.ts +80 -35
- package/dist/index.mjs +290 -155
- package/dist/json.mjs +2 -2
- package/dist/theme.css +5 -5
- package/package.json +3 -1
- package/dist/chunk-HML2JZXT.mjs +0 -333
|
@@ -230,7 +230,9 @@ function NajmDesignEditorProvider({
|
|
|
230
230
|
);
|
|
231
231
|
}, []);
|
|
232
232
|
const setCommitted = React2.useCallback((next) => {
|
|
233
|
-
setState(
|
|
233
|
+
setState(
|
|
234
|
+
(current) => current.committed === next && current.draft === null ? current : { committed: next, draft: null }
|
|
235
|
+
);
|
|
234
236
|
}, []);
|
|
235
237
|
const value = React2.useMemo(() => {
|
|
236
238
|
if (design) {
|
|
@@ -288,13 +290,68 @@ function mergeBadgeMaps(base, overrides) {
|
|
|
288
290
|
if (!overrides) return base;
|
|
289
291
|
return { ...base, ...overrides };
|
|
290
292
|
}
|
|
293
|
+
var ENGLISH_FEEDBACK_LABELS = {
|
|
294
|
+
loadingLabel: "Loading...",
|
|
295
|
+
emptyTitle: "No data",
|
|
296
|
+
errorTitle: "Something went wrong",
|
|
297
|
+
retryLabel: "Try again",
|
|
298
|
+
forbiddenTitle: "Access denied",
|
|
299
|
+
forbiddenDescription: "You do not have permission to view this page.",
|
|
300
|
+
notFoundTitle: "Page not found",
|
|
301
|
+
notFoundDescription: "The requested page could not be found."
|
|
302
|
+
};
|
|
303
|
+
var NFeedbackDefaultsContext = React2.createContext(null);
|
|
304
|
+
function NFeedbackDefaultsProvider({
|
|
305
|
+
value,
|
|
306
|
+
children
|
|
307
|
+
}) {
|
|
308
|
+
return /* @__PURE__ */ jsx(NFeedbackDefaultsContext.Provider, { value, children });
|
|
309
|
+
}
|
|
310
|
+
function useNFeedbackDefaults() {
|
|
311
|
+
return React2.useContext(NFeedbackDefaultsContext);
|
|
312
|
+
}
|
|
313
|
+
var DEFAULT_FEEDBACK_KEY_PREFIX = "common.feedback";
|
|
314
|
+
function useResolvedFeedbackLabels() {
|
|
315
|
+
const ctx = useNFeedbackDefaults();
|
|
316
|
+
return React2.useMemo(() => resolveFeedbackLabels(ctx), [ctx]);
|
|
317
|
+
}
|
|
318
|
+
function resolveFeedbackLabels(ctx) {
|
|
319
|
+
const defaults = ctx?.defaults;
|
|
320
|
+
const t = ctx?.t;
|
|
321
|
+
const labels = defaults?.labels;
|
|
322
|
+
const labelKeys = defaults?.labelKeys;
|
|
323
|
+
defaults?.prefix ?? DEFAULT_FEEDBACK_KEY_PREFIX;
|
|
324
|
+
const pick = (field, hasFallback) => {
|
|
325
|
+
const literal = labels?.[field];
|
|
326
|
+
if (literal !== void 0) return literal;
|
|
327
|
+
const key = labelKeys?.[field];
|
|
328
|
+
if (key && t) return t(key);
|
|
329
|
+
if (hasFallback) return ENGLISH_FEEDBACK_LABELS[field];
|
|
330
|
+
return void 0;
|
|
331
|
+
};
|
|
332
|
+
return {
|
|
333
|
+
loadingLabel: pick("loadingLabel", true) ?? ENGLISH_FEEDBACK_LABELS.loadingLabel,
|
|
334
|
+
emptyTitle: pick("emptyTitle", true) ?? ENGLISH_FEEDBACK_LABELS.emptyTitle,
|
|
335
|
+
errorTitle: pick("errorTitle", true) ?? ENGLISH_FEEDBACK_LABELS.errorTitle,
|
|
336
|
+
errorMessage: pick("errorMessage", false),
|
|
337
|
+
retryLabel: pick("retryLabel", true) ?? ENGLISH_FEEDBACK_LABELS.retryLabel,
|
|
338
|
+
forbiddenTitle: pick("forbiddenTitle", true) ?? ENGLISH_FEEDBACK_LABELS.forbiddenTitle,
|
|
339
|
+
forbiddenDescription: pick("forbiddenDescription", true) ?? ENGLISH_FEEDBACK_LABELS.forbiddenDescription,
|
|
340
|
+
notFoundTitle: pick("notFoundTitle", true) ?? ENGLISH_FEEDBACK_LABELS.notFoundTitle,
|
|
341
|
+
notFoundDescription: pick("notFoundDescription", true) ?? ENGLISH_FEEDBACK_LABELS.notFoundDescription
|
|
342
|
+
};
|
|
343
|
+
}
|
|
344
|
+
function resolveFeedbackDefaultsValue(defaults, t) {
|
|
345
|
+
return { defaults: defaults ?? {}, t };
|
|
346
|
+
}
|
|
291
347
|
function NajmUICore({
|
|
292
348
|
children,
|
|
293
349
|
className,
|
|
294
350
|
t,
|
|
295
351
|
paginationKeyPrefix = DEFAULT_PAGINATION_KEY_PREFIX,
|
|
296
352
|
tableDefaults,
|
|
297
|
-
badgeDefaults
|
|
353
|
+
badgeDefaults,
|
|
354
|
+
feedbackDefaults
|
|
298
355
|
}) {
|
|
299
356
|
const { theme } = useNajmTheme();
|
|
300
357
|
const design = useNajmDesignEditor()?.design ?? EMPTY_DESIGN;
|
|
@@ -304,13 +361,17 @@ function NajmUICore({
|
|
|
304
361
|
const paginationLabels = translated || overrides ? { ...translated, ...overrides } : void 0;
|
|
305
362
|
return { ...tableDefaults, paginationLabels };
|
|
306
363
|
}, [t, paginationKeyPrefix, tableDefaults]);
|
|
364
|
+
const feedbackValue = React2.useMemo(
|
|
365
|
+
() => resolveFeedbackDefaultsValue(feedbackDefaults, t),
|
|
366
|
+
[feedbackDefaults, t]
|
|
367
|
+
);
|
|
307
368
|
return /* @__PURE__ */ jsx(
|
|
308
369
|
NajmDesignProvider,
|
|
309
370
|
{
|
|
310
371
|
config: design,
|
|
311
372
|
mode: theme,
|
|
312
373
|
className: cn("min-h-full", className),
|
|
313
|
-
children: /* @__PURE__ */ jsx(NTableDefaultsProvider, { value: defaults, children: /* @__PURE__ */ jsx(NBadgeDefaultsProvider, { defaults: badgeDefaults, t, children }) })
|
|
374
|
+
children: /* @__PURE__ */ jsx(NTableDefaultsProvider, { value: defaults, children: /* @__PURE__ */ jsx(NBadgeDefaultsProvider, { defaults: badgeDefaults, t, children: /* @__PURE__ */ jsx(NFeedbackDefaultsProvider, { value: feedbackValue, children }) }) })
|
|
314
375
|
}
|
|
315
376
|
);
|
|
316
377
|
}
|
|
@@ -323,6 +384,7 @@ function NajmUIProvider({
|
|
|
323
384
|
paginationKeyPrefix,
|
|
324
385
|
tableDefaults,
|
|
325
386
|
badgeDefaults,
|
|
387
|
+
feedbackDefaults,
|
|
326
388
|
initialTheme,
|
|
327
389
|
initialTimeZone,
|
|
328
390
|
onThemeChange,
|
|
@@ -338,6 +400,7 @@ function NajmUIProvider({
|
|
|
338
400
|
paginationKeyPrefix,
|
|
339
401
|
tableDefaults,
|
|
340
402
|
badgeDefaults,
|
|
403
|
+
feedbackDefaults,
|
|
341
404
|
children
|
|
342
405
|
}
|
|
343
406
|
) });
|
|
@@ -414,4 +477,4 @@ function useImageChain(sources) {
|
|
|
414
477
|
};
|
|
415
478
|
}
|
|
416
479
|
|
|
417
|
-
export { DEFAULT_PAGINATION_KEY_PREFIX, DEFAULT_TIME_ZONE, EMPTY_DESIGN, NAJM_COLOR_TEXT_CLASSES, NAJM_STATUS_COLORS, NTableDefaultsProvider, NajmDesignEditorProvider, NajmPreferencesProvider, NajmUIProvider, buildPaginationLabels, colorTextClass, findStatusColor, mergeBadgeMaps, normalizeImageSources, normalizeStatusToken, resolveBadgeStatusLabel, resolveStatusColor, statusTextClass, useImageChain, useNBadgeDefaults, useNTableDefaults, useNajmDesignEditor, useNajmPreferencesContext, useNajmTheme, useNajmTimeZone, useResolvedPaginationLabels };
|
|
480
|
+
export { DEFAULT_PAGINATION_KEY_PREFIX, DEFAULT_TIME_ZONE, EMPTY_DESIGN, NAJM_COLOR_TEXT_CLASSES, NAJM_STATUS_COLORS, NTableDefaultsProvider, NajmDesignEditorProvider, NajmPreferencesProvider, NajmUIProvider, buildPaginationLabels, colorTextClass, findStatusColor, mergeBadgeMaps, normalizeImageSources, normalizeStatusToken, resolveBadgeStatusLabel, resolveStatusColor, statusTextClass, useImageChain, useNBadgeDefaults, useNTableDefaults, useNajmDesignEditor, useNajmPreferencesContext, useNajmTheme, useNajmTimeZone, useResolvedFeedbackLabels, useResolvedPaginationLabels };
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import { cn } from './chunk-KVZACF4G.mjs';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { createContext, useContext } from 'react';
|
|
4
|
+
import { OverlayScrollbars } from 'overlayscrollbars';
|
|
5
|
+
import { OverlayScrollbarsComponent } from 'overlayscrollbars-react';
|
|
6
|
+
import { jsx } from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
function assignRef(ref, node) {
|
|
9
|
+
if (!ref) return;
|
|
10
|
+
if (typeof ref === "function") ref(node);
|
|
11
|
+
else ref.current = node;
|
|
12
|
+
}
|
|
13
|
+
function applyViewportLayout(node, axis) {
|
|
14
|
+
node.style.width = "100%";
|
|
15
|
+
node.style.height = "100%";
|
|
16
|
+
node.style.minWidth = "0";
|
|
17
|
+
node.style.minHeight = "0";
|
|
18
|
+
node.style.overflowX = axis === "x" || axis === "both" ? "auto" : "hidden";
|
|
19
|
+
node.style.overflowY = axis === "y" || axis === "both" ? "auto" : "hidden";
|
|
20
|
+
}
|
|
21
|
+
function najmScrollOptions(axis, autoHide, options) {
|
|
22
|
+
return {
|
|
23
|
+
scrollbars: { theme: "os-theme-najm", autoHide, autoHideDelay: 500, clickScroll: true },
|
|
24
|
+
overflow: {
|
|
25
|
+
x: axis === "x" || axis === "both" ? "scroll" : "hidden",
|
|
26
|
+
y: axis === "y" || axis === "both" ? "scroll" : "hidden"
|
|
27
|
+
},
|
|
28
|
+
...options
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
function useNajmScrollViewport({
|
|
32
|
+
axis = "y",
|
|
33
|
+
autoHide = "never",
|
|
34
|
+
options
|
|
35
|
+
} = {}) {
|
|
36
|
+
const hostRef = React.useRef(null);
|
|
37
|
+
const viewportRef = React.useRef(null);
|
|
38
|
+
React.useEffect(() => {
|
|
39
|
+
const target = hostRef.current;
|
|
40
|
+
const viewport = viewportRef.current;
|
|
41
|
+
if (!target || !viewport) return;
|
|
42
|
+
const instance = OverlayScrollbars(
|
|
43
|
+
{ target, elements: { viewport } },
|
|
44
|
+
najmScrollOptions(axis, autoHide, options)
|
|
45
|
+
);
|
|
46
|
+
const containWheel = (event) => event.stopPropagation();
|
|
47
|
+
viewport.addEventListener("wheel", containWheel, { passive: true });
|
|
48
|
+
return () => {
|
|
49
|
+
viewport.removeEventListener("wheel", containWheel);
|
|
50
|
+
instance.destroy();
|
|
51
|
+
};
|
|
52
|
+
}, [axis, autoHide, options]);
|
|
53
|
+
return { hostRef, viewportRef };
|
|
54
|
+
}
|
|
55
|
+
function NajmScroll({ className, axis = "y", autoHide = "never", viewportRef, events, options, element, children, style, ...props }) {
|
|
56
|
+
return /* @__PURE__ */ jsx(
|
|
57
|
+
OverlayScrollbarsComponent,
|
|
58
|
+
{
|
|
59
|
+
className: cn(className),
|
|
60
|
+
style: {
|
|
61
|
+
...style,
|
|
62
|
+
overflow: "hidden",
|
|
63
|
+
minHeight: 0,
|
|
64
|
+
minWidth: 0
|
|
65
|
+
},
|
|
66
|
+
element,
|
|
67
|
+
defer: true,
|
|
68
|
+
options: najmScrollOptions(axis, autoHide, options || void 0),
|
|
69
|
+
events: {
|
|
70
|
+
...events,
|
|
71
|
+
initialized: (instance, ...rest) => {
|
|
72
|
+
const viewport = instance.elements().viewport;
|
|
73
|
+
applyViewportLayout(viewport, axis);
|
|
74
|
+
assignRef(viewportRef, viewport);
|
|
75
|
+
events?.initialized?.(instance, ...rest);
|
|
76
|
+
},
|
|
77
|
+
updated: (instance, ...rest) => {
|
|
78
|
+
applyViewportLayout(instance.elements().viewport, axis);
|
|
79
|
+
events?.updated?.(instance, ...rest);
|
|
80
|
+
},
|
|
81
|
+
destroyed: (instance, ...rest) => {
|
|
82
|
+
assignRef(viewportRef, null);
|
|
83
|
+
events?.destroyed?.(instance, ...rest);
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
...props,
|
|
87
|
+
children
|
|
88
|
+
}
|
|
89
|
+
);
|
|
90
|
+
}
|
|
91
|
+
var TableStoreContext = createContext(null);
|
|
92
|
+
var useTableStore = { use: {} };
|
|
93
|
+
var handler = {
|
|
94
|
+
get: (_, prop) => () => {
|
|
95
|
+
const store = useContext(TableStoreContext);
|
|
96
|
+
if (!store) throw new Error("useTableStore must be used within NTable");
|
|
97
|
+
return store.use[prop]();
|
|
98
|
+
}
|
|
99
|
+
};
|
|
100
|
+
useTableStore.use = new Proxy({}, handler);
|
|
101
|
+
function formatJsonValue(value) {
|
|
102
|
+
if (typeof value === "string") return value;
|
|
103
|
+
try {
|
|
104
|
+
return JSON.stringify(value ?? null, null, 2) ?? String(value);
|
|
105
|
+
} catch {
|
|
106
|
+
return String(value);
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
function NTableJson() {
|
|
110
|
+
const viewMode = useTableStore.use.viewMode();
|
|
111
|
+
const renderJson = useTableStore.use.renderJson();
|
|
112
|
+
const jsonValue = useTableStore.use.jsonValue();
|
|
113
|
+
if (viewMode !== "json") return null;
|
|
114
|
+
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) }) }) });
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
export { NTableJson, NajmScroll, TableStoreContext, useNajmScrollViewport, useTableStore };
|
|
@@ -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
|
|
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,
|
|
294
|
+
export { Button, NButton, NIcon, buttonVariants, inputBorderClasses, sidebarBorderClasses, surfaceBorderClasses };
|
package/dist/index.d.ts
CHANGED
|
@@ -3,8 +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
|
-
import {
|
|
7
|
-
export {
|
|
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';
|
|
8
8
|
import { c as NTablePaginationVariant, b as NTablePaginationLabels, a as NTableCardPagination } from './paginationLabels-dZLSNxfo.js';
|
|
9
9
|
export { D as DEFAULT_PAGINATION_KEY_PREFIX, d as NTableInfinitePagination, e as NTableLoadMorePagination, N as NajmTranslate, f as buildPaginationLabels } from './paginationLabels-dZLSNxfo.js';
|
|
10
10
|
export { d as defineNajmDesignConfig, p as parseNajmDesignConfig, r as resolveVariantAlias, s as stringifyNajmDesignConfig } from './design-config-D_x1GCu3.js';
|
|
@@ -25,8 +25,8 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
|
25
25
|
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
26
26
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
27
27
|
import { OverlayScrollbarsComponentProps } from 'overlayscrollbars-react';
|
|
28
|
-
import {
|
|
29
|
-
export {
|
|
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';
|
|
30
30
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
31
31
|
import { Command as Command$1 } from 'cmdk';
|
|
32
32
|
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
@@ -332,6 +332,28 @@ declare function sidebarBorderClasses(bordered?: boolean | undefined, side?: Naj
|
|
|
332
332
|
/** Border utility for form fields (inputs, selects). */
|
|
333
333
|
declare function inputBorderClasses(bordered?: boolean | undefined): string;
|
|
334
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
|
+
|
|
335
357
|
interface KeyboardOptions {
|
|
336
358
|
enabled?: boolean;
|
|
337
359
|
preventDefault?: boolean;
|
|
@@ -539,7 +561,7 @@ interface DialogContentProps extends React$1.ComponentProps<typeof DialogPrimiti
|
|
|
539
561
|
/** Hides the built-in top-right close (X). Use when the content provides its own close control (e.g. inside a page header). */
|
|
540
562
|
hideClose?: boolean;
|
|
541
563
|
}
|
|
542
|
-
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;
|
|
543
565
|
declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
544
566
|
declare function DialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
545
567
|
declare function DialogTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
|
|
@@ -1246,7 +1268,7 @@ declare function CommandItem({ className, ...props }: React$1.ComponentProps<typ
|
|
|
1246
1268
|
declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
1247
1269
|
|
|
1248
1270
|
declare function Collapsible({ ...props }: React$1.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
1249
|
-
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;
|
|
1250
1272
|
declare function CollapsibleContent({ ...props }: React$1.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime.JSX.Element;
|
|
1251
1273
|
|
|
1252
1274
|
declare const toggleVariants: (props?: {
|
|
@@ -1329,34 +1351,6 @@ interface NSpinnerProps extends LucideProps {
|
|
|
1329
1351
|
}
|
|
1330
1352
|
declare function NSpinner({ variant, size, className, ...props }: NSpinnerProps): react_jsx_runtime.JSX.Element;
|
|
1331
1353
|
|
|
1332
|
-
interface NLoadingStateProps {
|
|
1333
|
-
label?: string;
|
|
1334
|
-
className?: string;
|
|
1335
|
-
fullScreen?: boolean;
|
|
1336
|
-
spinnerVariant?: "default" | "circle" | "pinwheel" | "circle-filled" | "ellipsis" | "ring" | "bars";
|
|
1337
|
-
spinnerSize?: number;
|
|
1338
|
-
}
|
|
1339
|
-
declare function NLoadingState({ label, className, fullScreen, spinnerVariant, spinnerSize }: NLoadingStateProps): react_jsx_runtime.JSX.Element;
|
|
1340
|
-
|
|
1341
|
-
interface NErrorStateProps {
|
|
1342
|
-
title?: string;
|
|
1343
|
-
message?: string;
|
|
1344
|
-
onRetry?: () => void;
|
|
1345
|
-
retryLabel?: string;
|
|
1346
|
-
className?: string;
|
|
1347
|
-
icon?: React__default.ReactNode;
|
|
1348
|
-
}
|
|
1349
|
-
declare function NErrorState({ title, message, onRetry, retryLabel, className, icon }: NErrorStateProps): react_jsx_runtime.JSX.Element;
|
|
1350
|
-
|
|
1351
|
-
interface NEmptyStateProps {
|
|
1352
|
-
title?: string;
|
|
1353
|
-
description?: string;
|
|
1354
|
-
icon?: React__default.ReactNode | LucideIcon;
|
|
1355
|
-
action?: React__default.ReactNode;
|
|
1356
|
-
className?: string;
|
|
1357
|
-
}
|
|
1358
|
-
declare function NEmptyState({ title, description, icon, action, className }: NEmptyStateProps): react_jsx_runtime.JSX.Element;
|
|
1359
|
-
|
|
1360
1354
|
interface ErrorBoundaryProps {
|
|
1361
1355
|
children: React__default.ReactNode;
|
|
1362
1356
|
fallbackTitle?: string;
|
|
@@ -1396,6 +1390,22 @@ declare function NSkeletonWidgets({ count }: {
|
|
|
1396
1390
|
count?: number;
|
|
1397
1391
|
}): react_jsx_runtime.JSX.Element;
|
|
1398
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
|
+
|
|
1399
1409
|
type AvatarShape = "circle" | "rounded" | "square";
|
|
1400
1410
|
interface AvatarClassNames {
|
|
1401
1411
|
root?: string;
|
|
@@ -2049,6 +2059,41 @@ interface NBulkActionsBarProps {
|
|
|
2049
2059
|
*/
|
|
2050
2060
|
declare function NBulkActionsBar({ count, actions, onAction, onClear, busy, variant, className }: NBulkActionsBarProps): react_jsx_runtime.JSX.Element;
|
|
2051
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
|
+
|
|
2052
2097
|
type IconSize = "sm" | "md" | "lg" | "xl";
|
|
2053
2098
|
interface NFileTypeIconProps {
|
|
2054
2099
|
mimeType?: string;
|
|
@@ -4256,4 +4301,4 @@ interface NGridItemProps extends Omit<React$1.AllHTMLAttributes<HTMLDivElement>,
|
|
|
4256
4301
|
declare function NGrid({ as: Comp, children, cols, smCols, mdCols, lgCols, xlCols, gap, className, style, ...props }: NGridProps): react_jsx_runtime.JSX.Element;
|
|
4257
4302
|
declare function NGridItem({ children, span, smSpan, mdSpan, lgSpan, xlSpan, className, ...props }: NGridItemProps): react_jsx_runtime.JSX.Element;
|
|
4258
4303
|
|
|
4259
|
-
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, 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, 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, buildDefaultFileColumns, buildPageItems, buttonVariants, cn, colorTextClass, composePreset, createDialogStore, createTableStore, defineNajmThemeConfig, detectFormat, dialogVariants, filterResponsiveColumns, findStatusColor, 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 };
|
|
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 };
|