najm-kit 2.1.29 → 2.1.32
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/README.md +167 -168
- package/dist/index.d.ts +102 -32
- package/dist/index.mjs +5311 -3724
- package/dist/theme.css +343 -343
- package/package.json +4 -1
package/README.md
CHANGED
|
@@ -1,168 +1,167 @@
|
|
|
1
|
-
# najm-kit
|
|
2
|
-
|
|
3
|
-
Reusable React component library for Najm applications. Provides themed UI primitives, hooks, and form components.
|
|
4
|
-
|
|
5
|
-
## Install
|
|
6
|
-
|
|
7
|
-
```bash
|
|
8
|
-
bun add najm-kit tailwindcss @tailwindcss/postcss
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
Peer dependencies: `react >=18`, `react-dom >=18`. Requires **Tailwind CSS v4** in the host app.
|
|
12
|
-
|
|
13
|
-
Optional peer dependencies: `recharts`, `@tanstack/react-table`, `react-hook-form`, `@tanstack/react-query`.
|
|
14
|
-
|
|
15
|
-
## Styling
|
|
16
|
-
|
|
17
|
-
najm-kit is a Tailwind v4, shadcn-compatible library. PostCSS config (`postcss.config.mjs`):
|
|
18
|
-
|
|
19
|
-
```js
|
|
20
|
-
export default { plugins: { "@tailwindcss/postcss": {} } };
|
|
21
|
-
```
|
|
22
|
-
|
|
23
|
-
Your global stylesheet
|
|
24
|
-
|
|
25
|
-
```css
|
|
26
|
-
@import "tailwindcss";
|
|
27
|
-
@import "najm-kit/theme.css";
|
|
28
|
-
```
|
|
29
|
-
|
|
30
|
-
This gives you every najm-kit component styled, dark mode wired (the `.dark` class),
|
|
31
|
-
and a full token-backed palette you can use in your own markup too
|
|
32
|
-
(`bg-background`, `bg-card`, `bg-primary`, `text-muted-foreground`, `border-border`,
|
|
33
|
-
|
|
34
|
-
### Theming
|
|
35
|
-
|
|
36
|
-
najm-kit uses the **standard shadcn token names** (no prefix), so you rebrand by
|
|
37
|
-
overriding CSS variables
|
|
38
|
-
[tweakcn](https://tweakcn.com) / the shadcn registry:
|
|
39
|
-
|
|
40
|
-
```css
|
|
41
|
-
:root { --primary: oklch(0.55 0.2 290); --radius: 0.75rem; }
|
|
42
|
-
.dark { --primary: oklch(0.70 0.18 290); }
|
|
43
|
-
```
|
|
44
|
-
|
|
45
|
-
Add your own extra colors alongside najm-kit's:
|
|
46
|
-
|
|
47
|
-
```css
|
|
48
|
-
@theme { --color-success: oklch(0.7 0.18 150); } /*
|
|
49
|
-
```
|
|
50
|
-
|
|
51
|
-
Dark mode: toggle the `dark` class on `<html>` (or any wrapper):
|
|
52
|
-
|
|
53
|
-
```ts
|
|
54
|
-
document.documentElement.classList.toggle("dark");
|
|
55
|
-
```
|
|
56
|
-
|
|
57
|
-
## Theme Provider (optional)
|
|
58
|
-
|
|
59
|
-
For scoped theming without writing CSS
|
|
60
|
-
is opt-in: with no props it injects nothing and your `:root`/`.dark` CSS owns theming.
|
|
61
|
-
|
|
62
|
-
```tsx
|
|
63
|
-
import { NajmThemeProvider } from 'najm-kit';
|
|
64
|
-
|
|
65
|
-
// preset:
|
|
66
|
-
<NajmThemeProvider preset="dark-blue">{children}</NajmThemeProvider>
|
|
67
|
-
|
|
68
|
-
// or mode + accent:
|
|
69
|
-
<NajmThemeProvider mode="dark" accent="emerald">{children}</NajmThemeProvider>
|
|
70
|
-
|
|
71
|
-
// shadcn-style global radius scale:
|
|
72
|
-
<NajmThemeProvider radius="0.75rem">{children}</NajmThemeProvider>
|
|
73
|
-
|
|
74
|
-
// exact same radius for cards, tables, buttons, inputs, dialogs, etc.:
|
|
75
|
-
<NajmThemeProvider radius="0.75rem"
|
|
76
|
-
{children}
|
|
77
|
-
</NajmThemeProvider>
|
|
78
|
-
```
|
|
79
|
-
|
|
80
|
-
`rounded-full` and `rounded-none` remain explicit, so avatars, pills, switches,
|
|
81
|
-
and square variants keep their intended shape.
|
|
82
|
-
|
|
83
|
-
### JSON theme settings
|
|
84
|
-
|
|
85
|
-
Store one theme object in a JSON file, local storage, or your settings API:
|
|
86
|
-
|
|
87
|
-
```json
|
|
88
|
-
{
|
|
89
|
-
"mode": "dark",
|
|
90
|
-
"accent": "violet",
|
|
91
|
-
"radius": "0.75rem",
|
|
92
|
-
"
|
|
93
|
-
"
|
|
94
|
-
|
|
95
|
-
"primary": "oklch(0
|
|
96
|
-
"
|
|
97
|
-
"
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
import
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
import {
|
|
133
|
-
import {
|
|
134
|
-
import {
|
|
135
|
-
import {
|
|
136
|
-
import {
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
|
145
|
-
|
|
|
146
|
-
|
|
|
147
|
-
|
|
|
148
|
-
|
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
import {
|
|
155
|
-
import {
|
|
156
|
-
import {
|
|
157
|
-
import {
|
|
158
|
-
import {
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
-
|
|
165
|
-
-
|
|
166
|
-
-
|
|
167
|
-
-
|
|
168
|
-
- CodeMirror components are optional peer deps — import from `najm-kit/json` only if needed
|
|
1
|
+
# najm-kit
|
|
2
|
+
|
|
3
|
+
Reusable React component library for Najm applications. Provides themed UI primitives, hooks, and form components.
|
|
4
|
+
|
|
5
|
+
## Install
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
bun add najm-kit tailwindcss @tailwindcss/postcss
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
Peer dependencies: `react >=18`, `react-dom >=18`. Requires **Tailwind CSS v4** in the host app.
|
|
12
|
+
|
|
13
|
+
Optional peer dependencies: `recharts`, `@tanstack/react-table`, `react-hook-form`, `@tanstack/react-query`.
|
|
14
|
+
|
|
15
|
+
## Styling — the entire setup
|
|
16
|
+
|
|
17
|
+
najm-kit is a Tailwind v4, shadcn-compatible library. PostCSS config (`postcss.config.mjs`):
|
|
18
|
+
|
|
19
|
+
```js
|
|
20
|
+
export default { plugins: { "@tailwindcss/postcss": {} } };
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
Your global stylesheet — **two imports, that's it**:
|
|
24
|
+
|
|
25
|
+
```css
|
|
26
|
+
@import "tailwindcss";
|
|
27
|
+
@import "najm-kit/theme.css";
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
This gives you every najm-kit component styled, dark mode wired (the `.dark` class),
|
|
31
|
+
and a full token-backed palette you can use in your own markup too
|
|
32
|
+
(`bg-background`, `bg-card`, `bg-primary`, `text-muted-foreground`, `border-border`, …).
|
|
33
|
+
|
|
34
|
+
### Theming
|
|
35
|
+
|
|
36
|
+
najm-kit uses the **standard shadcn token names** (no prefix), so you rebrand by
|
|
37
|
+
overriding CSS variables — or paste a theme straight from
|
|
38
|
+
[tweakcn](https://tweakcn.com) / the shadcn registry:
|
|
39
|
+
|
|
40
|
+
```css
|
|
41
|
+
:root { --primary: oklch(0.55 0.2 290); --radius: 0.75rem; }
|
|
42
|
+
.dark { --primary: oklch(0.70 0.18 290); }
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
Add your own extra colors alongside najm-kit's:
|
|
46
|
+
|
|
47
|
+
```css
|
|
48
|
+
@theme { --color-success: oklch(0.7 0.18 150); } /* → bg-success, text-success */
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
Dark mode: toggle the `dark` class on `<html>` (or any wrapper):
|
|
52
|
+
|
|
53
|
+
```ts
|
|
54
|
+
document.documentElement.classList.toggle("dark");
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
## Theme Provider (optional)
|
|
58
|
+
|
|
59
|
+
For scoped theming without writing CSS — useful for embedded surfaces. The provider
|
|
60
|
+
is opt-in: with no props it injects nothing and your `:root`/`.dark` CSS owns theming.
|
|
61
|
+
|
|
62
|
+
```tsx
|
|
63
|
+
import { NajmThemeProvider } from 'najm-kit';
|
|
64
|
+
|
|
65
|
+
// preset:
|
|
66
|
+
<NajmThemeProvider preset="dark-blue">{children}</NajmThemeProvider>
|
|
67
|
+
|
|
68
|
+
// or mode + accent:
|
|
69
|
+
<NajmThemeProvider mode="dark" accent="emerald">{children}</NajmThemeProvider>
|
|
70
|
+
|
|
71
|
+
// shadcn-style global radius scale:
|
|
72
|
+
<NajmThemeProvider radius="0.75rem">{children}</NajmThemeProvider>
|
|
73
|
+
|
|
74
|
+
// exact same radius for cards, tables, buttons, inputs, dialogs, etc.:
|
|
75
|
+
<NajmThemeProvider radius="0.75rem">
|
|
76
|
+
{children}
|
|
77
|
+
</NajmThemeProvider>
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
`rounded-full` and `rounded-none` remain explicit, so avatars, pills, switches,
|
|
81
|
+
and square variants keep their intended shape.
|
|
82
|
+
|
|
83
|
+
### JSON theme settings
|
|
84
|
+
|
|
85
|
+
Store one theme object in a JSON file, local storage, or your settings API:
|
|
86
|
+
|
|
87
|
+
```json
|
|
88
|
+
{
|
|
89
|
+
"mode": "dark",
|
|
90
|
+
"accent": "violet",
|
|
91
|
+
"radius": "0.75rem",
|
|
92
|
+
"appearance": { "borderWidth": "1px" },
|
|
93
|
+
"tokens": {
|
|
94
|
+
"primary": "oklch(0.62 0.2 290)",
|
|
95
|
+
"primary-foreground": "oklch(1 0 0)",
|
|
96
|
+
"sidebar": "oklch(0.18 0.02 290)",
|
|
97
|
+
"chart-1": "oklch(0.70 0.20 40)"
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
```
|
|
101
|
+
|
|
102
|
+
Load and apply it from the same settings state used by your theme editor:
|
|
103
|
+
|
|
104
|
+
```tsx
|
|
105
|
+
import rawTheme from './theme.json';
|
|
106
|
+
import { NajmThemeProvider, parseNajmThemeConfig } from 'najm-kit';
|
|
107
|
+
|
|
108
|
+
const initialTheme = parseNajmThemeConfig(rawTheme);
|
|
109
|
+
|
|
110
|
+
function App() {
|
|
111
|
+
const [theme, setTheme] = useState(initialTheme);
|
|
112
|
+
|
|
113
|
+
return (
|
|
114
|
+
<NajmThemeProvider config={theme}>
|
|
115
|
+
<SettingsPage value={theme} onChange={setTheme} />
|
|
116
|
+
{children}
|
|
117
|
+
</NajmThemeProvider>
|
|
118
|
+
);
|
|
119
|
+
}
|
|
120
|
+
```
|
|
121
|
+
|
|
122
|
+
Changing the state updates the complete theme immediately. Use
|
|
123
|
+
`stringifyNajmThemeConfig(theme)` when persisting it, and parse settings loaded
|
|
124
|
+
from an API or local storage with `parseNajmThemeConfig` before applying them.
|
|
125
|
+
|
|
126
|
+
## Components
|
|
127
|
+
|
|
128
|
+
Import from `najm-kit`:
|
|
129
|
+
|
|
130
|
+
```tsx
|
|
131
|
+
import { NButton, buttonVariants } from 'najm-kit';
|
|
132
|
+
import { Input } from 'najm-kit';
|
|
133
|
+
import { Card, CardHeader, CardTitle, CardContent } from 'najm-kit';
|
|
134
|
+
import { Dialog, DialogContent, DialogTrigger } from 'najm-kit';
|
|
135
|
+
import { DataTable } from 'najm-kit';
|
|
136
|
+
import { Form, FormInput, useNForm } from 'najm-kit';
|
|
137
|
+
```
|
|
138
|
+
|
|
139
|
+
### Available Primitives
|
|
140
|
+
|
|
141
|
+
| Category | Components |
|
|
142
|
+
|----------|-----------|
|
|
143
|
+
| Actions | NButton, IconButton, toggleVariants |
|
|
144
|
+
| Forms | Input, Textarea, Label, Select, Checkbox, RadioGroup, Switch, DateInput, FileInput |
|
|
145
|
+
| Feedback | Alert, Badge, Progress, Spinner, Toast |
|
|
146
|
+
| Layout | Card, Sheet, Dialog, Popover, DropdownMenu, Tabs |
|
|
147
|
+
| Data | Table (NTable), StatCard, DetailList |
|
|
148
|
+
| Overlays | Command palette, Tooltip, Toast |
|
|
149
|
+
|
|
150
|
+
## Hooks
|
|
151
|
+
|
|
152
|
+
```tsx
|
|
153
|
+
import { useKeyboard } from 'najm-kit';
|
|
154
|
+
import { useDelayedLoading } from 'najm-kit';
|
|
155
|
+
import { useClickOutside } from 'najm-kit';
|
|
156
|
+
import { useDebouncedValue } from 'najm-kit';
|
|
157
|
+
import { useInfiniteScroll } from 'najm-kit';
|
|
158
|
+
import { useSelection } from 'najm-kit';
|
|
159
|
+
```
|
|
160
|
+
|
|
161
|
+
## Production Notes
|
|
162
|
+
|
|
163
|
+
- Designed for dashboard/admin UIs in Najm-powered applications
|
|
164
|
+
- Uses Radix UI primitives under the hood — accessible by default
|
|
165
|
+
- All components are unstyled by default — apply `buttonVariants()`, `badgeVariants()`, etc. with Tailwind
|
|
166
|
+
- Requires Tailwind CSS **v4** in the host application (see Styling above)
|
|
167
|
+
- CodeMirror components are optional peer deps — import from `najm-kit/json` only if needed
|
package/dist/index.d.ts
CHANGED
|
@@ -39,7 +39,6 @@ import { ClassValue } from 'clsx';
|
|
|
39
39
|
type NajmMode = 'light' | 'dark';
|
|
40
40
|
type NajmAccent = 'neutral' | 'emerald' | 'green' | 'slate' | 'blue' | 'violet';
|
|
41
41
|
type NajmPreset = 'light' | 'dark' | 'dark-emerald' | 'dark-green' | 'dark-slate' | 'dark-blue' | 'dark-violet';
|
|
42
|
-
type NajmRadiusScale = 'shadcn' | 'uniform';
|
|
43
42
|
interface NajmAppearance {
|
|
44
43
|
/** Global border thickness, e.g. `'0'`, `'1px'`, `'2px'`. `'0'` hides borders. */
|
|
45
44
|
borderWidth?: string;
|
|
@@ -97,14 +96,6 @@ interface NajmThemeConfig {
|
|
|
97
96
|
accentOnly?: boolean;
|
|
98
97
|
appearance?: NajmAppearance;
|
|
99
98
|
radius?: string;
|
|
100
|
-
radiusScale?: NajmRadiusScale;
|
|
101
|
-
/**
|
|
102
|
-
* Global spacing base that scales every spacing utility (padding, gap,
|
|
103
|
-
* margin, sizing) in the subtree. Maps to Tailwind v4's `--spacing` token,
|
|
104
|
-
* for example `'0.25rem'` (default), `'0.2rem'` (compact), `'0.3rem'`
|
|
105
|
-
* (comfortable). Acts as a single density dial for the whole UI.
|
|
106
|
-
*/
|
|
107
|
-
spacing?: string;
|
|
108
99
|
}
|
|
109
100
|
interface NajmThemeProviderProps {
|
|
110
101
|
/** Serializable theme settings. Explicit provider props override this config. */
|
|
@@ -120,30 +111,13 @@ interface NajmThemeProviderProps {
|
|
|
120
111
|
appearance?: NajmAppearance;
|
|
121
112
|
/** Global base radius, for example `0`, `0.5rem`, or `0.75rem`. */
|
|
122
113
|
radius?: string;
|
|
123
|
-
/**
|
|
124
|
-
* `shadcn` keeps the standard sm/md/lg offsets around the base radius.
|
|
125
|
-
* `uniform` makes every non-pill radius utility use the same value.
|
|
126
|
-
*/
|
|
127
|
-
radiusScale?: NajmRadiusScale;
|
|
128
|
-
/** Global spacing base mapped to Tailwind's `--spacing` token. Scales all
|
|
129
|
-
* padding/gap/margin/sizing utilities in the subtree (density dial). */
|
|
130
|
-
spacing?: string;
|
|
131
114
|
className?: string;
|
|
132
115
|
asChild?: boolean;
|
|
133
116
|
children: React.ReactNode;
|
|
134
117
|
}
|
|
135
118
|
|
|
136
119
|
declare function useNajmAppearance(): NajmAppearance;
|
|
137
|
-
declare function NajmThemeProvider({ config, preset, mode, accent, tokens, accentOnly, appearance, radius,
|
|
138
|
-
|
|
139
|
-
/** Keeps authored TypeScript theme objects type-checked without changing them. */
|
|
140
|
-
declare function defineNajmThemeConfig(config: NajmThemeConfig): NajmThemeConfig;
|
|
141
|
-
/** Parses and validates theme settings loaded from JSON, an API, or local storage. */
|
|
142
|
-
declare function parseNajmThemeConfig(input: unknown): NajmThemeConfig;
|
|
143
|
-
declare function stringifyNajmThemeConfig(config: NajmThemeConfig, space?: number): string;
|
|
144
|
-
|
|
145
|
-
declare function composePreset(mode: NajmMode, accent: NajmAccent): NajmThemeTokens;
|
|
146
|
-
declare function resolvePreset(preset: NajmPreset): NajmThemeTokens;
|
|
120
|
+
declare function NajmThemeProvider({ config, preset, mode, accent, tokens, accentOnly, appearance, radius, className, asChild, children, }: NajmThemeProviderProps): react_jsx_runtime.JSX.Element;
|
|
147
121
|
|
|
148
122
|
type NajmDensity = "compact" | "default" | "comfortable";
|
|
149
123
|
/** Tailwind's mobile-first viewport breakpoints, plus the default value. */
|
|
@@ -223,6 +197,94 @@ declare const NAJM_COMPONENT_NAMES: readonly NajmComponentName[];
|
|
|
223
197
|
declare const RADIUS_VALUE_MAP: Record<string, string>;
|
|
224
198
|
declare function resolveRadiusValue(radius: NajmComponentRadius | undefined): string | undefined;
|
|
225
199
|
|
|
200
|
+
declare const THEME_TOKEN_KEYS: readonly ["background", "foreground", "card", "card-foreground", "popover", "popover-foreground", "primary", "primary-foreground", "secondary", "secondary-foreground", "tertiary", "tertiary-foreground", "muted", "muted-foreground", "accent", "accent-foreground", "destructive", "destructive-foreground", "border", "input", "ring", "sidebar", "sidebar-foreground", "sidebar-primary", "sidebar-primary-foreground", "sidebar-accent", "sidebar-accent-foreground", "sidebar-border", "sidebar-ring", "chart-1", "chart-2", "chart-3", "chart-4", "chart-5"];
|
|
201
|
+
type ThemeCustomizerTokenKey = (typeof THEME_TOKEN_KEYS)[number];
|
|
202
|
+
|
|
203
|
+
type NThemeCustomizerTab = "theme" | "typography";
|
|
204
|
+
interface NThemeCustomizerFontOption {
|
|
205
|
+
value: string;
|
|
206
|
+
label: React$1.ReactNode;
|
|
207
|
+
}
|
|
208
|
+
type NThemeCustomizerTokenLabels = {
|
|
209
|
+
[K in ThemeCustomizerTokenKey]: React$1.ReactNode;
|
|
210
|
+
};
|
|
211
|
+
interface NThemeCustomizerOptionLabels {
|
|
212
|
+
scale: Partial<Record<"compact" | "default" | "comfortable", React$1.ReactNode>>;
|
|
213
|
+
}
|
|
214
|
+
interface NThemeCustomizerLabels {
|
|
215
|
+
themeTab: React$1.ReactNode;
|
|
216
|
+
typographyTab: React$1.ReactNode;
|
|
217
|
+
lightMode: React$1.ReactNode;
|
|
218
|
+
darkMode: React$1.ReactNode;
|
|
219
|
+
resetField: React$1.ReactNode;
|
|
220
|
+
resetSection: React$1.ReactNode;
|
|
221
|
+
/** Override the swatch button's accessible name when no token label is provided. */
|
|
222
|
+
colorSwatchFallback: React$1.ReactNode;
|
|
223
|
+
defaultOption: React$1.ReactNode;
|
|
224
|
+
themeSection: React$1.ReactNode;
|
|
225
|
+
typographySection: React$1.ReactNode;
|
|
226
|
+
layoutSubsection: React$1.ReactNode;
|
|
227
|
+
pageHeaderSubsection: React$1.ReactNode;
|
|
228
|
+
sidebarSubsection: React$1.ReactNode;
|
|
229
|
+
tableSubsection: React$1.ReactNode;
|
|
230
|
+
inputSubsection: React$1.ReactNode;
|
|
231
|
+
previewMode: React$1.ReactNode;
|
|
232
|
+
surfaceGroup: React$1.ReactNode;
|
|
233
|
+
brandGroup: React$1.ReactNode;
|
|
234
|
+
feedbackGroup: React$1.ReactNode;
|
|
235
|
+
borderFocusGroup: React$1.ReactNode;
|
|
236
|
+
sidebarGroup: React$1.ReactNode;
|
|
237
|
+
chartsGroup: React$1.ReactNode;
|
|
238
|
+
globalRadius: React$1.ReactNode;
|
|
239
|
+
globalBorderWidth: React$1.ReactNode;
|
|
240
|
+
fontSans: React$1.ReactNode;
|
|
241
|
+
fontHeading: React$1.ReactNode;
|
|
242
|
+
fontMono: React$1.ReactNode;
|
|
243
|
+
advancedTypography: React$1.ReactNode;
|
|
244
|
+
baseSize: React$1.ReactNode;
|
|
245
|
+
scale: React$1.ReactNode;
|
|
246
|
+
lineHeight: React$1.ReactNode;
|
|
247
|
+
letterSpacing: React$1.ReactNode;
|
|
248
|
+
pageGutter: React$1.ReactNode;
|
|
249
|
+
sectionGap: React$1.ReactNode;
|
|
250
|
+
pageHeaderCard: React$1.ReactNode;
|
|
251
|
+
sidebarSectionLabels: React$1.ReactNode;
|
|
252
|
+
sidebarSectionSeparators: React$1.ReactNode;
|
|
253
|
+
tableHeaderColor: React$1.ReactNode;
|
|
254
|
+
tableHeaderTextColor: React$1.ReactNode;
|
|
255
|
+
tableBorderColor: React$1.ReactNode;
|
|
256
|
+
inputBorderWidth: React$1.ReactNode;
|
|
257
|
+
/** Per-token display labels keyed by `ThemeCustomizerTokenKey`. */
|
|
258
|
+
tokens: Partial<NThemeCustomizerTokenLabels>;
|
|
259
|
+
/** Localized labels for the enum-style options. */
|
|
260
|
+
options: Partial<NThemeCustomizerOptionLabels>;
|
|
261
|
+
}
|
|
262
|
+
interface NThemeCustomizerProps {
|
|
263
|
+
value: NajmDesignConfig;
|
|
264
|
+
factoryValue: NajmDesignConfig;
|
|
265
|
+
onChange: (value: NajmDesignConfig) => void;
|
|
266
|
+
previewMode: NajmMode;
|
|
267
|
+
onPreviewModeChange: (mode: NajmMode) => void;
|
|
268
|
+
/** Whether to show the light/dark preview-mode control in the theme tab. */
|
|
269
|
+
showPreviewMode?: boolean;
|
|
270
|
+
tabs?: readonly NThemeCustomizerTab[];
|
|
271
|
+
fontOptions?: readonly NThemeCustomizerFontOption[];
|
|
272
|
+
labels?: Partial<NThemeCustomizerLabels>;
|
|
273
|
+
disabled?: boolean;
|
|
274
|
+
className?: string;
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
declare function NThemeCustomizer({ value, factoryValue, onChange, previewMode, onPreviewModeChange, showPreviewMode, tabs, fontOptions, labels, disabled, className, }: NThemeCustomizerProps): react_jsx_runtime.JSX.Element;
|
|
278
|
+
|
|
279
|
+
/** Keeps authored TypeScript theme objects type-checked without changing them. */
|
|
280
|
+
declare function defineNajmThemeConfig(config: NajmThemeConfig): NajmThemeConfig;
|
|
281
|
+
/** Parses and validates theme settings loaded from JSON, an API, or local storage. */
|
|
282
|
+
declare function parseNajmThemeConfig(input: unknown): NajmThemeConfig;
|
|
283
|
+
declare function stringifyNajmThemeConfig(config: NajmThemeConfig, space?: number): string;
|
|
284
|
+
|
|
285
|
+
declare function composePreset(mode: NajmMode, accent: NajmAccent): NajmThemeTokens;
|
|
286
|
+
declare function resolvePreset(preset: NajmPreset): NajmThemeTokens;
|
|
287
|
+
|
|
226
288
|
interface NajmDesignContextValue {
|
|
227
289
|
components: NajmComponentThemeConfig;
|
|
228
290
|
typography?: NajmTypographyConfig;
|
|
@@ -343,7 +405,7 @@ type NIconProps = Omit<React__default.HTMLAttributes<HTMLElement>, "children"> &
|
|
|
343
405
|
declare const NIcon: React__default.FC<NIconProps>;
|
|
344
406
|
|
|
345
407
|
declare const buttonVariants: (props?: {
|
|
346
|
-
variant?: "secondary" | "tertiary" | "destructive" | "default" | "link" | "
|
|
408
|
+
variant?: "secondary" | "tertiary" | "destructive" | "default" | "link" | "ghost" | "outline" | "success" | "warning" | "info" | "soft" | "subtle" | "plain";
|
|
347
409
|
size?: "default" | "icon" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs" | "2xs" | "icon-xs" | "icon-sm" | "icon-lg" | "icon-xl";
|
|
348
410
|
rounded?: "none" | "default" | "sm" | "md" | "lg" | "xl" | "2xl" | "full";
|
|
349
411
|
fullWidth?: boolean;
|
|
@@ -787,7 +849,7 @@ declare function NSheet({ open, onOpenChange, title, description, width, side, p
|
|
|
787
849
|
declare function useDialog(store?: DialogStore): DialogApi;
|
|
788
850
|
|
|
789
851
|
declare const alertVariants: (props?: {
|
|
790
|
-
tone?: "destructive" | "default" | "
|
|
852
|
+
tone?: "destructive" | "default" | "success" | "warning" | "info" | "error";
|
|
791
853
|
look?: "solid" | "outline" | "soft" | "dash";
|
|
792
854
|
size?: "sm" | "md" | "lg";
|
|
793
855
|
orientation?: "horizontal" | "vertical" | "responsive";
|
|
@@ -1174,8 +1236,9 @@ interface SegmentedControlProps<T extends string = string> {
|
|
|
1174
1236
|
ariaLabel?: string;
|
|
1175
1237
|
className?: string;
|
|
1176
1238
|
size?: "sm" | "md";
|
|
1239
|
+
disabled?: boolean;
|
|
1177
1240
|
}
|
|
1178
|
-
declare function SegmentedControl<T extends string = string>({ value, onChange, options, ariaLabel, className, size, }: SegmentedControlProps<T>): react_jsx_runtime.JSX.Element;
|
|
1241
|
+
declare function SegmentedControl<T extends string = string>({ value, onChange, options, ariaLabel, className, size, disabled, }: SegmentedControlProps<T>): react_jsx_runtime.JSX.Element;
|
|
1179
1242
|
|
|
1180
1243
|
type StatusPillTone = "neutral" | "success" | "warning" | "danger" | "info" | "brand";
|
|
1181
1244
|
interface StatusPillProps extends React$1.HTMLAttributes<HTMLSpanElement> {
|
|
@@ -2074,6 +2137,7 @@ interface ImageInputProps extends BaseProps {
|
|
|
2074
2137
|
placeholder?: string;
|
|
2075
2138
|
icon?: InputIcon;
|
|
2076
2139
|
showIcon?: boolean;
|
|
2140
|
+
uploadIcon?: React.ReactNode;
|
|
2077
2141
|
previewClassName?: string;
|
|
2078
2142
|
showPreview?: boolean;
|
|
2079
2143
|
previewPosition?: "top" | "bottom" | "left" | "right";
|
|
@@ -2082,6 +2146,12 @@ interface ImageInputProps extends BaseProps {
|
|
|
2082
2146
|
defaultImage?: string;
|
|
2083
2147
|
imageSize?: "sm" | "md" | "lg" | "xl";
|
|
2084
2148
|
imageVersion?: string | number | null;
|
|
2149
|
+
title?: string;
|
|
2150
|
+
subtitle?: string;
|
|
2151
|
+
replaceTitle?: string;
|
|
2152
|
+
replaceSubtitle?: string;
|
|
2153
|
+
trigger?: "icon" | "button" | "both";
|
|
2154
|
+
buttonLabel?: string;
|
|
2085
2155
|
}
|
|
2086
2156
|
interface EmojiInputProps extends BaseProps {
|
|
2087
2157
|
value: number;
|
|
@@ -2179,7 +2249,7 @@ interface NUploaderProps {
|
|
|
2179
2249
|
}
|
|
2180
2250
|
declare function NUploader({ title, subtitle, accept, multiple, disabled, items, listTitle, className, dropzoneClassName, onFilesSelected, onCancel, onRemove, }: NUploaderProps): react_jsx_runtime.JSX.Element;
|
|
2181
2251
|
|
|
2182
|
-
declare function ImageInput({ value, onChange, previewClassName, showPreview, previewPosition, allowClear, accept, defaultImage, imageSize, imageVersion, disabled, }: ImageInputProps & {
|
|
2252
|
+
declare function ImageInput({ value, onChange, previewClassName, showPreview, previewPosition, allowClear, accept, defaultImage, imageSize, imageVersion, disabled, uploadIcon, title, subtitle, replaceTitle, replaceSubtitle, trigger, buttonLabel, }: ImageInputProps & {
|
|
2183
2253
|
disabled?: boolean;
|
|
2184
2254
|
}): react_jsx_runtime.JSX.Element;
|
|
2185
2255
|
|
|
@@ -3614,4 +3684,4 @@ interface NGridItemProps extends Omit<React$1.AllHTMLAttributes<HTMLDivElement>,
|
|
|
3614
3684
|
declare function NGrid({ as: Comp, children, cols, smCols, mdCols, lgCols, xlCols, gap, className, style, ...props }: NGridProps): react_jsx_runtime.JSX.Element;
|
|
3615
3685
|
declare function NGridItem({ children, span, smSpan, mdSpan, lgSpan, xlSpan, className, ...props }: NGridItemProps): react_jsx_runtime.JSX.Element;
|
|
3616
3686
|
|
|
3617
|
-
export { Alert, type AlertLook, type AlertOrientation, type AlertProps, type AlertSize, type AlertTone, type AlertVariant, NCard as AsyncCard, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarProps$1 as AvatarProps, type AvatarShape$1 as AvatarShape, type AvatarSize, AvatarStatus, type AvatarStatusType, Badge, type BadgeColor, type BadgeIcon, type BadgeLook, type BadgeProps, type BadgeShape, type BadgeSize, type BadgeVariant, BaseInput, type BuildDefaultFileColumnsOptions, Button, type ButtonConfig, type ButtonIcon, type ButtonLoaderPosition, type ButtonProps, type ButtonRounded, type ButtonSize, type ButtonVariant, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroupInput, type CheckboxGroupInputProps, CheckboxInput, type CheckboxInputProps, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorArrayInput, type ColorArrayInputProps, type ColorFormat, ColorPickerInput, type ColorPickerInputProps, Combobox, ComboboxInput, type ComboboxInputProps, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type ContextMenuItem, DateInput, type DateInputProps, type DeleteDialogOptions, Dialog, type DialogActionMode, type DialogApi, DialogClose, type DialogConfig, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, type DialogHeight, DialogOverlay, type DialogPadding, DialogPortal, type DialogRenderContext, type DialogRenderer, type DialogSize, type DialogStore, DialogTitle, DialogTrigger, type DialogVariant, type DialogWidth, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicArray, type DynamicArrayProps, EmojiInput, type EmojiInputProps, type FileBrowserMode, FileImportButton, FileInput, type FileInputProps, type FileNode, Form, FormControl, FormDescription, FormField, FormInput, type FormInputBackground, type FormInputProps, FormItem, FormLabel, FormMessage, type FormProps, type FormSlotClassNames, type FormVariant, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, ImageInput, type ImageInputProps, Indicator, type IndicatorHorizontal, type IndicatorOverlay, type IndicatorPosition, type IndicatorProps, type IndicatorResponsivePosition, type IndicatorSize, type IndicatorVertical, Input, type InputIcon, Label, LangInput, type LangInputProps, type LinkComponentType, MultiSelectInput, type MultiSelectInputProps, NAJM_COMPONENT_NAMES, NAlert, type NAppCommandItem, NAppShell, type NAppShellAction, type NAppShellClassNames, type NAppShellProps, type NAppShellUser, NCard as NAsyncCard, type CardClassNames as NAsyncCardClassNames, type CardProps as NAsyncCardProps, NAvatar, type NAvatarClassNames, type NAvatarProps, type AvatarShape as NAvatarShape, NBadge, type NBadgeLook, type NBadgeProps, type NBulkAction, type NBulkActionButton, type NBulkActionSelect, NBulkActionsBar, type NBulkActionsBarProps, NButton, type NButtonProps, NCard, NCardAction, type CardClassNames as NCardClassNames, 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, NCommandPalette, type NCommandPaletteProps, NConfirmDialog, type NConfirmDialogProps, NContextMenu, type NContextMenuItem, type NContextMenuProps, NDataCardShell, type NDataCardShellActions, type NDataCardShellProps, NDeleteDialog, NDeleteDialogContent, type NDeleteDialogContentProps, type NDeleteDialogProps, NDetailCard, type NDetailCardClassNames, type NDetailCardProps, NDetailItem, type NDetailItemProps, NDetailList, type NDetailListItem, type NDetailListProps, NDialog, type NDialogActionProps, NDialogDescription, type NDialogDescriptionProps, type NDialogDirectProps, NDialogHeader, type NDialogHeaderProps, NDialogPrimaryButton, type NDialogProps, NDialogSecondaryButton, NDonutCard, type NDonutCardClassNames, type NDonutCardItem, type NDonutCardLayout, type NDonutCardLegendMarker, type NDonutCardProps, type NDonutCardVariant, type NEditorTab, NEditorTabs, type NEditorTabsProps, NEmptyState, type NEmptyStateProps, NErrorBoundary, NErrorState, type NErrorStateProps, NFileBrowser, type NFileBrowserCardProps, type NFileBrowserProps, type NFileBrowserRenderThumbProps, NFileTypeIcon, type NFileTypeIconProps, NFilterBar, NFolderIcon, type NFolderIconProps, NForm, NFormSectionHeader, type NFormSectionHeaderProps, NGrid, type NGridCols, NGridItem, type NGridItemProps, type NGridProps, type NGridSpan, NIcon, type NIconProps, type NIconSource, NIndicator, NInspectorSheet, NLoadingState, type NLoadingStateProps, NMultiDialog, type NMultiDialogProps, NNavbar, NPageHeader, NPageHeaderActions, type NPageHeaderBreakpoint, NPageHeaderCompactActions, NPageHeaderFilters, type NPageHeaderProps, NPageHeaderTop, NPageLayout, type NPageLayoutProps, NPortalScopeProvider, NProgress, type NProgressProps, NRowActions, NSection, NSectionHeader, type NSectionHeaderActionsProps, type NSectionHeaderContentProps, type NSectionHeaderProps, type NSectionHeaderSubtitleProps, type NSectionHeaderTitleProps, NSectionInfo, type NSectionInfoProps, type NSectionProps, NSectionWithInfo, type NSectionWithInfoItem, type NSectionWithInfoProps, NSheet, type NSheetProps, NSidebar, NSidebarContent, type NSidebarContentProps, NSidebarFooter, type NSidebarFooterProps, NSidebarHeader, type NSidebarHeaderProps, NSidebarItem, NSidebarLogo, type NSidebarLogoProps, NSidebarMobile, type NSidebarMobileProps, NSidebarSection, type NSidebarSectionProps, NSkeleton, NSkeletonCalendar, NSkeletonChart, NSkeletonDonut, NSkeletonEventList, NSkeletonWidget, NSkeletonWidgets, NSlider, type NSliderProps, NSmartPasteDialog, type NSmartPasteDialogProps, NSpinner, type NSpinnerProps, NStatCard, type NStatCardClassNames, type NStatCardProps, NStatCardSkeleton, type NStatCardVariant, Swap as NSwap, type NSwapProps, NTable, NTableCardRoot, type NTableCardRootProps, NTableCards, type NTableClassNames, NTableContent, NTableHeader, NTableLoadingSkeleton, type NTableMenu, type NTableMenuProp, NTablePagination, type NTableProps, NTableRowSkeleton, NTableSkeleton, type NTableState, NTabs, type NTabsClassNames, type NTabsColor, type NTabsItem, type NTabsProps, type NTabsStyles, NUploader, type NUploaderItem, type NUploaderItemStatus, type NUploaderProps, NViewBody, NViewToggle, type NajmAccent, type NajmAppearance, type NajmBorderSide, type NajmComponentName, type NajmComponentRadius, type NajmComponentStyleConfig, type NajmComponentThemeConfig, type NajmDensity, type NajmDesignConfig, NajmDesignProvider, type NajmDesignProviderProps, type NajmLayoutConfig, type NajmMode, type NajmPreset, type NajmRadiusScale, type NajmResponsiveBreakpoint, type NajmResponsiveValue, NajmScroll, type NajmScrollProps, type NajmSlotStyle, type NajmThemeConfig, NajmThemeProvider, type NajmThemeProviderProps, type NajmThemeTokens, type NajmTypographyConfig, type NajmVariantStyle, NativeSelect, type NativeSelectOption, type NativeSelectProps, type NavItem, type NavItemGroup, NumberInput, type NumberInputProps, PasswordInput, type PasswordInputProps, PhoneInput, type PhoneInputProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrefixProvider, Progress, type ProgressColor, type ProgressLabelPosition, type ProgressProps, type ProgressSize, type PushDialogOptions, RADIUS_VALUE_MAP, RadioGroup, RadioGroupInput, type RadioGroupInputProps, RadioGroupItem, type RenderSlot, RepeatingFields, type RepeatingFieldsProps, ScrollArea, type ScrollAreaProps, SearchField, SearchField as SearchInput, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectInput, type SelectInputProps, SelectItem, type SelectItemType$1 as SelectItemDataType, type SelectItemType, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, type SidebarItemProps, type SidebarProps, type SidebarWidth, type SidebarWidths, SimpleTooltip, type SimpleTooltipProps, NSkeleton as Skeleton, Slider, SliderInput, type SliderInputProps, type SliderOrientation, type SliderProps, type SliderSize, type SliderVariant, type SmartPastePreview, type SpinnerVariant, StarRatingInput, type StarRatingInputProps, StatusPill, type StatusPillProps, type StatusPillTone, type StepConfig, StepIndicator, type StepMeta, StepsHeader, StepsProgress, type StorageMenuAction, type StorageSortOption, type StorageTarget, Swap, type SwapEffect, SwapIndeterminate, SwapOff, SwapOn, type SwapProps, type SwapSize, type SwapState, Switch, type SwitchColor, SwitchInput, type SwitchInputProps, type SwitchSize, TAB_COLORS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderColor, TableRow, type TableState, type TableStore, TableStoreContext, Tabs, TabsContent, TabsList, type TabsListProps, type TabsOrientation, type TabsProps, TabsTrigger, type TabsTriggerProps, type TabsVariant, TextAreaInput, type TextAreaInputProps, TextInput, type TextInputProps, Textarea, TimeInput, type TimeInputProps, Toaster, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseContextMenuResult, type UseNFormOptions, type UseStorageContextMenuOptions, type UseStorageContextMenuResult, type UserMenuAction, VariantProvider, type WizardClassNames, WizardForm, type WizardFormProps, alertVariants, avatarVariants, badgeColorVariants, badgeVariants, buildDefaultFileColumns, buttonVariants, cn, composePreset, createDialogStore, createTableStore, defineNajmDesignConfig, defineNajmThemeConfig, detectFormat, dialogVariants, formatColor, formatFileBytes, formatFileRelative, getIconColorProps, getNextEditorTabValue, indicatorVariants, inputBorderClasses, parseColor, parseNajmDesignConfig, parseNajmThemeConfig, resolvePreset, resolveRadiusValue, resolveSlot, resolveVariantAlias, sidebarBorderClasses, sliderVariants, stringifyNajmDesignConfig, stringifyNajmThemeConfig, surfaceBorderClasses, swapVariants, toPickerHex, toggleVariants, tooltipContentVariants, truncateByCharacters, useClickOutside, useContextMenu, useDebouncedValue, useDelayedLoading, useDialog, useDialogStore, useDynamicPageSize, useFormField, useFormSubmission, useInfiniteScroll, useKeyboard, useLocalStorageState, useNForm, useNPortalScope, useNajmAppearance, useNajmComponentStyle, useNajmDesign, usePrefix, useSelection, useStepNavigation, useStorageContextMenu, useStoreSync, useTable, useTableKeyboard, useTableStore, useVariant, useVariantPreset };
|
|
3687
|
+
export { Alert, type AlertLook, type AlertOrientation, type AlertProps, type AlertSize, type AlertTone, type AlertVariant, NCard as AsyncCard, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarProps$1 as AvatarProps, type AvatarShape$1 as AvatarShape, type AvatarSize, AvatarStatus, type AvatarStatusType, Badge, type BadgeColor, type BadgeIcon, type BadgeLook, type BadgeProps, type BadgeShape, type BadgeSize, type BadgeVariant, BaseInput, type BuildDefaultFileColumnsOptions, Button, type ButtonConfig, type ButtonIcon, type ButtonLoaderPosition, type ButtonProps, type ButtonRounded, type ButtonSize, type ButtonVariant, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroupInput, type CheckboxGroupInputProps, CheckboxInput, type CheckboxInputProps, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorArrayInput, type ColorArrayInputProps, type ColorFormat, ColorPickerInput, type ColorPickerInputProps, Combobox, ComboboxInput, type ComboboxInputProps, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type ContextMenuItem, DateInput, type DateInputProps, type DeleteDialogOptions, Dialog, type DialogActionMode, type DialogApi, DialogClose, type DialogConfig, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, type DialogHeight, DialogOverlay, type DialogPadding, DialogPortal, type DialogRenderContext, type DialogRenderer, type DialogSize, type DialogStore, DialogTitle, DialogTrigger, type DialogVariant, type DialogWidth, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicArray, type DynamicArrayProps, EmojiInput, type EmojiInputProps, type FileBrowserMode, FileImportButton, FileInput, type FileInputProps, type FileNode, Form, FormControl, FormDescription, FormField, FormInput, type FormInputBackground, type FormInputProps, FormItem, FormLabel, FormMessage, type FormProps, type FormSlotClassNames, type FormVariant, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, ImageInput, type ImageInputProps, Indicator, type IndicatorHorizontal, type IndicatorOverlay, type IndicatorPosition, type IndicatorProps, type IndicatorResponsivePosition, type IndicatorSize, type IndicatorVertical, Input, type InputIcon, Label, LangInput, type LangInputProps, type LinkComponentType, MultiSelectInput, type MultiSelectInputProps, NAJM_COMPONENT_NAMES, NAlert, type NAppCommandItem, NAppShell, type NAppShellAction, type NAppShellClassNames, type NAppShellProps, type NAppShellUser, NCard as NAsyncCard, type CardClassNames as NAsyncCardClassNames, type CardProps as NAsyncCardProps, NAvatar, type NAvatarClassNames, type NAvatarProps, type AvatarShape as NAvatarShape, NBadge, type NBadgeLook, type NBadgeProps, type NBulkAction, type NBulkActionButton, type NBulkActionSelect, NBulkActionsBar, type NBulkActionsBarProps, NButton, type NButtonProps, NCard, NCardAction, type CardClassNames as NCardClassNames, 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, NCommandPalette, type NCommandPaletteProps, NConfirmDialog, type NConfirmDialogProps, NContextMenu, type NContextMenuItem, type NContextMenuProps, NDataCardShell, type NDataCardShellActions, type NDataCardShellProps, NDeleteDialog, NDeleteDialogContent, type NDeleteDialogContentProps, type NDeleteDialogProps, NDetailCard, type NDetailCardClassNames, type NDetailCardProps, NDetailItem, type NDetailItemProps, NDetailList, type NDetailListItem, type NDetailListProps, NDialog, type NDialogActionProps, NDialogDescription, type NDialogDescriptionProps, type NDialogDirectProps, NDialogHeader, type NDialogHeaderProps, NDialogPrimaryButton, type NDialogProps, NDialogSecondaryButton, NDonutCard, type NDonutCardClassNames, type NDonutCardItem, type NDonutCardLayout, type NDonutCardLegendMarker, type NDonutCardProps, type NDonutCardVariant, type NEditorTab, NEditorTabs, type NEditorTabsProps, NEmptyState, type NEmptyStateProps, NErrorBoundary, NErrorState, type NErrorStateProps, NFileBrowser, type NFileBrowserCardProps, type NFileBrowserProps, type NFileBrowserRenderThumbProps, NFileTypeIcon, type NFileTypeIconProps, NFilterBar, NFolderIcon, type NFolderIconProps, NForm, NFormSectionHeader, type NFormSectionHeaderProps, NGrid, type NGridCols, NGridItem, type NGridItemProps, type NGridProps, type NGridSpan, NIcon, type NIconProps, type NIconSource, NIndicator, NInspectorSheet, NLoadingState, type NLoadingStateProps, NMultiDialog, type NMultiDialogProps, NNavbar, NPageHeader, NPageHeaderActions, type NPageHeaderBreakpoint, NPageHeaderCompactActions, NPageHeaderFilters, type NPageHeaderProps, NPageHeaderTop, NPageLayout, type NPageLayoutProps, NPortalScopeProvider, NProgress, type NProgressProps, NRowActions, NSection, NSectionHeader, type NSectionHeaderActionsProps, type NSectionHeaderContentProps, type NSectionHeaderProps, type NSectionHeaderSubtitleProps, type NSectionHeaderTitleProps, NSectionInfo, type NSectionInfoProps, type NSectionProps, NSectionWithInfo, type NSectionWithInfoItem, type NSectionWithInfoProps, NSheet, type NSheetProps, NSidebar, NSidebarContent, type NSidebarContentProps, NSidebarFooter, type NSidebarFooterProps, NSidebarHeader, type NSidebarHeaderProps, NSidebarItem, NSidebarLogo, type NSidebarLogoProps, NSidebarMobile, type NSidebarMobileProps, NSidebarSection, type NSidebarSectionProps, NSkeleton, NSkeletonCalendar, NSkeletonChart, NSkeletonDonut, NSkeletonEventList, NSkeletonWidget, NSkeletonWidgets, NSlider, type NSliderProps, NSmartPasteDialog, type NSmartPasteDialogProps, NSpinner, type NSpinnerProps, NStatCard, type NStatCardClassNames, type NStatCardProps, NStatCardSkeleton, type NStatCardVariant, Swap as NSwap, type NSwapProps, NTable, NTableCardRoot, type NTableCardRootProps, NTableCards, type NTableClassNames, NTableContent, NTableHeader, NTableLoadingSkeleton, type NTableMenu, type NTableMenuProp, NTablePagination, type NTableProps, NTableRowSkeleton, NTableSkeleton, type NTableState, NTabs, type NTabsClassNames, type NTabsColor, type NTabsItem, type NTabsProps, type NTabsStyles, NThemeCustomizer, type NThemeCustomizerFontOption, type NThemeCustomizerLabels, type NThemeCustomizerProps, type NThemeCustomizerTab, NUploader, type NUploaderItem, type NUploaderItemStatus, type NUploaderProps, NViewBody, NViewToggle, type NajmAccent, type NajmAppearance, type NajmBorderSide, type NajmComponentName, type NajmComponentRadius, type NajmComponentStyleConfig, type NajmComponentThemeConfig, type NajmDensity, type NajmDesignConfig, NajmDesignProvider, type NajmDesignProviderProps, type NajmLayoutConfig, type NajmMode, type NajmPreset, type NajmResponsiveBreakpoint, type NajmResponsiveValue, NajmScroll, type NajmScrollProps, type NajmSlotStyle, type NajmThemeConfig, NajmThemeProvider, type NajmThemeProviderProps, type NajmThemeTokens, type NajmTypographyConfig, type NajmVariantStyle, NativeSelect, type NativeSelectOption, type NativeSelectProps, type NavItem, type NavItemGroup, NumberInput, type NumberInputProps, PasswordInput, type PasswordInputProps, PhoneInput, type PhoneInputProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrefixProvider, Progress, type ProgressColor, type ProgressLabelPosition, type ProgressProps, type ProgressSize, type PushDialogOptions, RADIUS_VALUE_MAP, RadioGroup, RadioGroupInput, type RadioGroupInputProps, RadioGroupItem, type RenderSlot, RepeatingFields, type RepeatingFieldsProps, ScrollArea, type ScrollAreaProps, SearchField, SearchField as SearchInput, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectInput, type SelectInputProps, SelectItem, type SelectItemType$1 as SelectItemDataType, type SelectItemType, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, type SidebarItemProps, type SidebarProps, type SidebarWidth, type SidebarWidths, SimpleTooltip, type SimpleTooltipProps, NSkeleton as Skeleton, Slider, SliderInput, type SliderInputProps, type SliderOrientation, type SliderProps, type SliderSize, type SliderVariant, type SmartPastePreview, type SpinnerVariant, StarRatingInput, type StarRatingInputProps, StatusPill, type StatusPillProps, type StatusPillTone, type StepConfig, StepIndicator, type StepMeta, StepsHeader, StepsProgress, type StorageMenuAction, type StorageSortOption, type StorageTarget, Swap, type SwapEffect, SwapIndeterminate, SwapOff, SwapOn, type SwapProps, type SwapSize, type SwapState, Switch, type SwitchColor, SwitchInput, type SwitchInputProps, type SwitchSize, TAB_COLORS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderColor, TableRow, type TableState, type TableStore, TableStoreContext, Tabs, TabsContent, TabsList, type TabsListProps, type TabsOrientation, type TabsProps, TabsTrigger, type TabsTriggerProps, type TabsVariant, TextAreaInput, type TextAreaInputProps, TextInput, type TextInputProps, Textarea, TimeInput, type TimeInputProps, Toaster, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseContextMenuResult, type UseNFormOptions, type UseStorageContextMenuOptions, type UseStorageContextMenuResult, type UserMenuAction, VariantProvider, type WizardClassNames, WizardForm, type WizardFormProps, alertVariants, avatarVariants, badgeColorVariants, badgeVariants, buildDefaultFileColumns, buttonVariants, cn, composePreset, createDialogStore, createTableStore, defineNajmDesignConfig, defineNajmThemeConfig, detectFormat, dialogVariants, formatColor, formatFileBytes, formatFileRelative, getIconColorProps, getNextEditorTabValue, indicatorVariants, inputBorderClasses, parseColor, parseNajmDesignConfig, parseNajmThemeConfig, resolvePreset, resolveRadiusValue, resolveSlot, resolveVariantAlias, sidebarBorderClasses, sliderVariants, stringifyNajmDesignConfig, stringifyNajmThemeConfig, surfaceBorderClasses, swapVariants, toPickerHex, toggleVariants, tooltipContentVariants, truncateByCharacters, useClickOutside, useContextMenu, useDebouncedValue, useDelayedLoading, useDialog, useDialogStore, useDynamicPageSize, useFormField, useFormSubmission, useInfiniteScroll, useKeyboard, useLocalStorageState, useNForm, useNPortalScope, useNajmAppearance, useNajmComponentStyle, useNajmDesign, usePrefix, useSelection, useStepNavigation, useStorageContextMenu, useStoreSync, useTable, useTableKeyboard, useTableStore, useVariant, useVariantPreset };
|