najm-kit 2.1.31 → 2.1.33

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.
Files changed (5) hide show
  1. package/README.md +167 -168
  2. package/dist/index.d.ts +100 -31
  3. package/dist/index.mjs +5279 -3732
  4. package/dist/theme.css +343 -343
  5. 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 — 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" radiusScale="uniform">
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
- "radiusScale": "uniform",
93
- "appearance": { "borderWidth": "1px" },
94
- "tokens": {
95
- "primary": "oklch(0.62 0.2 290)",
96
- "primary-foreground": "oklch(1 0 0)",
97
- "sidebar": "oklch(0.18 0.02 290)",
98
- "chart-1": "oklch(0.70 0.20 40)"
99
- }
100
- }
101
- ```
102
-
103
- Load and apply it from the same settings state used by your theme editor:
104
-
105
- ```tsx
106
- import rawTheme from './theme.json';
107
- import { NajmThemeProvider, parseNajmThemeConfig } from 'najm-kit';
108
-
109
- const initialTheme = parseNajmThemeConfig(rawTheme);
110
-
111
- function App() {
112
- const [theme, setTheme] = useState(initialTheme);
113
-
114
- return (
115
- <NajmThemeProvider config={theme}>
116
- <SettingsPage value={theme} onChange={setTheme} />
117
- {children}
118
- </NajmThemeProvider>
119
- );
120
- }
121
- ```
122
-
123
- Changing the state updates the complete theme immediately. Use
124
- `stringifyNajmThemeConfig(theme)` when persisting it, and parse settings loaded
125
- from an API or local storage with `parseNajmThemeConfig` before applying them.
126
-
127
- ## Components
128
-
129
- Import from `najm-kit`:
130
-
131
- ```tsx
132
- import { NButton, buttonVariants } from 'najm-kit';
133
- import { Input } from 'najm-kit';
134
- import { Card, CardHeader, CardTitle, CardContent } from 'najm-kit';
135
- import { Dialog, DialogContent, DialogTrigger } from 'najm-kit';
136
- import { DataTable } from 'najm-kit';
137
- import { Form, FormInput, useNForm } from 'najm-kit';
138
- ```
139
-
140
- ### Available Primitives
141
-
142
- | Category | Components |
143
- |----------|-----------|
144
- | Actions | NButton, IconButton, toggleVariants |
145
- | Forms | Input, Textarea, Label, Select, Checkbox, RadioGroup, Switch, DateInput, FileInput |
146
- | Feedback | Alert, Badge, Progress, Spinner, Toast |
147
- | Layout | Card, Sheet, Dialog, Popover, DropdownMenu, Tabs |
148
- | Data | Table (NTable), StatCard, DetailList |
149
- | Overlays | Command palette, Tooltip, Toast |
150
-
151
- ## Hooks
152
-
153
- ```tsx
154
- import { useKeyboard } from 'najm-kit';
155
- import { useDelayedLoading } from 'najm-kit';
156
- import { useClickOutside } from 'najm-kit';
157
- import { useDebouncedValue } from 'najm-kit';
158
- import { useInfiniteScroll } from 'najm-kit';
159
- import { useSelection } from 'najm-kit';
160
- ```
161
-
162
- ## Production Notes
163
-
164
- - Designed for dashboard/admin UIs in Najm-powered applications
165
- - Uses Radix UI primitives under the hood — accessible by default
166
- - All components are unstyled by default — apply `buttonVariants()`, `badgeVariants()`, etc. with Tailwind
167
- - Requires Tailwind CSS **v4** in the host application (see Styling above)
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, radiusScale, spacing, className, asChild, children, }: NajmThemeProviderProps): react_jsx_runtime.JSX.Element;
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,100 @@ 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
+ /**
271
+ * Whether to render the internal Theme/Typography tab bar. Defaults to `true`.
272
+ * When `false`, the first resolved entry from `tabs` is rendered directly so
273
+ * a host application can present a single section inside its own tabs.
274
+ */
275
+ showTabs?: boolean;
276
+ tabs?: readonly NThemeCustomizerTab[];
277
+ fontOptions?: readonly NThemeCustomizerFontOption[];
278
+ labels?: Partial<NThemeCustomizerLabels>;
279
+ disabled?: boolean;
280
+ className?: string;
281
+ }
282
+
283
+ declare function NThemeCustomizer({ value, factoryValue, onChange, previewMode, onPreviewModeChange, showPreviewMode, showTabs, tabs, fontOptions, labels, disabled, className, }: NThemeCustomizerProps): react_jsx_runtime.JSX.Element;
284
+
285
+ /** Keeps authored TypeScript theme objects type-checked without changing them. */
286
+ declare function defineNajmThemeConfig(config: NajmThemeConfig): NajmThemeConfig;
287
+ /** Parses and validates theme settings loaded from JSON, an API, or local storage. */
288
+ declare function parseNajmThemeConfig(input: unknown): NajmThemeConfig;
289
+ declare function stringifyNajmThemeConfig(config: NajmThemeConfig, space?: number): string;
290
+
291
+ declare function composePreset(mode: NajmMode, accent: NajmAccent): NajmThemeTokens;
292
+ declare function resolvePreset(preset: NajmPreset): NajmThemeTokens;
293
+
226
294
  interface NajmDesignContextValue {
227
295
  components: NajmComponentThemeConfig;
228
296
  typography?: NajmTypographyConfig;
@@ -343,7 +411,7 @@ type NIconProps = Omit<React__default.HTMLAttributes<HTMLElement>, "children"> &
343
411
  declare const NIcon: React__default.FC<NIconProps>;
344
412
 
345
413
  declare const buttonVariants: (props?: {
346
- variant?: "secondary" | "tertiary" | "destructive" | "default" | "link" | "outline" | "ghost" | "success" | "warning" | "info" | "soft" | "subtle" | "plain";
414
+ variant?: "secondary" | "tertiary" | "destructive" | "default" | "link" | "ghost" | "outline" | "success" | "warning" | "info" | "soft" | "subtle" | "plain";
347
415
  size?: "default" | "icon" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs" | "2xs" | "icon-xs" | "icon-sm" | "icon-lg" | "icon-xl";
348
416
  rounded?: "none" | "default" | "sm" | "md" | "lg" | "xl" | "2xl" | "full";
349
417
  fullWidth?: boolean;
@@ -787,7 +855,7 @@ declare function NSheet({ open, onOpenChange, title, description, width, side, p
787
855
  declare function useDialog(store?: DialogStore): DialogApi;
788
856
 
789
857
  declare const alertVariants: (props?: {
790
- tone?: "destructive" | "default" | "error" | "success" | "warning" | "info";
858
+ tone?: "destructive" | "default" | "success" | "warning" | "info" | "error";
791
859
  look?: "solid" | "outline" | "soft" | "dash";
792
860
  size?: "sm" | "md" | "lg";
793
861
  orientation?: "horizontal" | "vertical" | "responsive";
@@ -1174,8 +1242,9 @@ interface SegmentedControlProps<T extends string = string> {
1174
1242
  ariaLabel?: string;
1175
1243
  className?: string;
1176
1244
  size?: "sm" | "md";
1245
+ disabled?: boolean;
1177
1246
  }
1178
- declare function SegmentedControl<T extends string = string>({ value, onChange, options, ariaLabel, className, size, }: SegmentedControlProps<T>): react_jsx_runtime.JSX.Element;
1247
+ declare function SegmentedControl<T extends string = string>({ value, onChange, options, ariaLabel, className, size, disabled, }: SegmentedControlProps<T>): react_jsx_runtime.JSX.Element;
1179
1248
 
1180
1249
  type StatusPillTone = "neutral" | "success" | "warning" | "danger" | "info" | "brand";
1181
1250
  interface StatusPillProps extends React$1.HTMLAttributes<HTMLSpanElement> {
@@ -3621,4 +3690,4 @@ interface NGridItemProps extends Omit<React$1.AllHTMLAttributes<HTMLDivElement>,
3621
3690
  declare function NGrid({ as: Comp, children, cols, smCols, mdCols, lgCols, xlCols, gap, className, style, ...props }: NGridProps): react_jsx_runtime.JSX.Element;
3622
3691
  declare function NGridItem({ children, span, smSpan, mdSpan, lgSpan, xlSpan, className, ...props }: NGridItemProps): react_jsx_runtime.JSX.Element;
3623
3692
 
3624
- 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 };
3693
+ 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 };