@jameskabz/nextcraft-ui 0.5.0 → 0.6.1
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 +94 -0
- package/dist/chunk-6F7FN2ZF.js +671 -0
- package/dist/chunk-6F7FN2ZF.js.map +1 -0
- package/dist/chunk-7Q4Z47HT.js +657 -0
- package/dist/chunk-7Q4Z47HT.js.map +1 -0
- package/dist/chunk-7SKDTIEK.js +49 -0
- package/dist/chunk-7SKDTIEK.js.map +1 -0
- package/dist/chunk-FEFH5O5K.js +49 -0
- package/dist/chunk-FEFH5O5K.js.map +1 -0
- package/dist/chunk-M2EKVXB6.js +127 -0
- package/dist/chunk-M2EKVXB6.js.map +1 -0
- package/dist/chunk-SBLIF6UU.js +1029 -0
- package/dist/chunk-SBLIF6UU.js.map +1 -0
- package/dist/chunk-VQ6T3HIX.js +9 -0
- package/dist/chunk-VQ6T3HIX.js.map +1 -0
- package/dist/chunk-YVZL4GET.js +328 -0
- package/dist/chunk-YVZL4GET.js.map +1 -0
- package/dist/chunk-ZRV4Y374.js +582 -0
- package/dist/chunk-ZRV4Y374.js.map +1 -0
- package/dist/craft/components.cjs +1838 -0
- package/dist/craft/components.cjs.map +1 -0
- package/dist/craft/components.d.cts +369 -0
- package/dist/craft/components.d.ts +369 -0
- package/dist/craft/components.js +78 -0
- package/dist/craft/components.js.map +1 -0
- package/dist/craft/forms.cjs +1376 -0
- package/dist/craft/forms.cjs.map +1 -0
- package/dist/craft/forms.d.cts +101 -0
- package/dist/craft/forms.d.ts +101 -0
- package/dist/craft/forms.js +14 -0
- package/dist/craft/forms.js.map +1 -0
- package/dist/craft/layout.cjs +410 -0
- package/dist/craft/layout.cjs.map +1 -0
- package/dist/craft/layout.d.cts +170 -0
- package/dist/craft/layout.d.ts +170 -0
- package/dist/craft/layout.js +27 -0
- package/dist/craft/layout.js.map +1 -0
- package/dist/craft/table.cjs +662 -0
- package/dist/craft/table.cjs.map +1 -0
- package/dist/craft/table.d.cts +99 -0
- package/dist/craft/table.d.ts +99 -0
- package/dist/craft/table.js +15 -0
- package/dist/craft/table.js.map +1 -0
- package/dist/craft/theme.cjs +166 -0
- package/dist/craft/theme.cjs.map +1 -0
- package/dist/craft/theme.d.cts +10 -0
- package/dist/craft/theme.d.ts +10 -0
- package/dist/craft/theme.js +12 -0
- package/dist/craft/theme.js.map +1 -0
- package/dist/index.cjs +1000 -299
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +10 -499
- package/dist/index.d.ts +10 -499
- package/dist/index.js +81 -2689
- package/dist/index.js.map +1 -1
- package/dist/styles.css +124 -0
- package/dist/theme-context-EVI9PfKv.d.cts +22 -0
- package/dist/theme-context-EVI9PfKv.d.ts +22 -0
- package/package.json +28 -1
package/dist/index.d.cts
CHANGED
|
@@ -1,499 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
setMode: (mode: ThemeMode) => void;
|
|
12
|
-
};
|
|
13
|
-
type ThemeProviderProps = {
|
|
14
|
-
children: React$1.ReactNode;
|
|
15
|
-
defaultTheme?: ThemeName;
|
|
16
|
-
defaultMode?: ThemeMode;
|
|
17
|
-
storageKeyTheme?: string;
|
|
18
|
-
storageKeyMode?: string;
|
|
19
|
-
};
|
|
20
|
-
declare function ThemeProvider({ children, defaultTheme, defaultMode, storageKeyTheme, storageKeyMode, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
|
|
21
|
-
declare function useTheme(): ThemeContextValue;
|
|
22
|
-
|
|
23
|
-
type CraftButtonVariant = "solid" | "ghost" | "outline" | "gradient";
|
|
24
|
-
type CraftButtonSize = "sm" | "md" | "lg";
|
|
25
|
-
type CraftButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
26
|
-
variant?: CraftButtonVariant;
|
|
27
|
-
size?: CraftButtonSize;
|
|
28
|
-
glow?: boolean;
|
|
29
|
-
tone?: ThemeName;
|
|
30
|
-
};
|
|
31
|
-
declare function CraftButton({ className, variant, size, glow, tone, disabled, ...props }: CraftButtonProps): react_jsx_runtime.JSX.Element;
|
|
32
|
-
|
|
33
|
-
type GlassCardProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
34
|
-
tone?: ThemeName;
|
|
35
|
-
intensity?: "subtle" | "medium" | "strong";
|
|
36
|
-
bordered?: boolean;
|
|
37
|
-
};
|
|
38
|
-
declare function GlassCard({ className, tone, intensity, bordered, children, ...props }: GlassCardProps): react_jsx_runtime.JSX.Element;
|
|
39
|
-
|
|
40
|
-
type CraftInputSize = "sm" | "md" | "lg";
|
|
41
|
-
type CraftInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
|
|
42
|
-
tone?: ThemeName;
|
|
43
|
-
inputSize?: CraftInputSize;
|
|
44
|
-
glow?: boolean;
|
|
45
|
-
icon?: React$1.ReactNode;
|
|
46
|
-
};
|
|
47
|
-
declare const CraftInput: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
|
|
48
|
-
tone?: ThemeName;
|
|
49
|
-
inputSize?: CraftInputSize;
|
|
50
|
-
glow?: boolean;
|
|
51
|
-
icon?: React$1.ReactNode;
|
|
52
|
-
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
53
|
-
|
|
54
|
-
type CraftTextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
55
|
-
tone?: ThemeName;
|
|
56
|
-
};
|
|
57
|
-
declare const CraftTextarea: React$1.ForwardRefExoticComponent<React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
58
|
-
tone?: ThemeName;
|
|
59
|
-
} & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
60
|
-
|
|
61
|
-
type CraftSelectProps = React$1.SelectHTMLAttributes<HTMLSelectElement> & {
|
|
62
|
-
tone?: ThemeName;
|
|
63
|
-
};
|
|
64
|
-
declare const CraftSelect: React$1.ForwardRefExoticComponent<React$1.SelectHTMLAttributes<HTMLSelectElement> & {
|
|
65
|
-
tone?: ThemeName;
|
|
66
|
-
} & React$1.RefAttributes<HTMLSelectElement>>;
|
|
67
|
-
|
|
68
|
-
type CraftCheckboxProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
69
|
-
tone?: ThemeName;
|
|
70
|
-
label?: React$1.ReactNode;
|
|
71
|
-
description?: React$1.ReactNode;
|
|
72
|
-
};
|
|
73
|
-
declare const CraftCheckbox: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
74
|
-
tone?: ThemeName;
|
|
75
|
-
label?: React$1.ReactNode;
|
|
76
|
-
description?: React$1.ReactNode;
|
|
77
|
-
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
78
|
-
|
|
79
|
-
type CraftSwitchProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
80
|
-
tone?: ThemeName;
|
|
81
|
-
label?: React$1.ReactNode;
|
|
82
|
-
};
|
|
83
|
-
declare const CraftSwitch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
84
|
-
tone?: ThemeName;
|
|
85
|
-
label?: React$1.ReactNode;
|
|
86
|
-
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
87
|
-
|
|
88
|
-
type CraftBadgeVariant = "solid" | "soft" | "outline";
|
|
89
|
-
type CraftBadgeProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
90
|
-
variant?: CraftBadgeVariant;
|
|
91
|
-
tone?: ThemeName;
|
|
92
|
-
};
|
|
93
|
-
declare function CraftBadge({ className, variant, tone, ...props }: CraftBadgeProps): react_jsx_runtime.JSX.Element;
|
|
94
|
-
|
|
95
|
-
type CraftCardProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
96
|
-
tone?: ThemeName;
|
|
97
|
-
elevated?: boolean;
|
|
98
|
-
};
|
|
99
|
-
declare function CraftCard({ className, tone, elevated, ...props }: CraftCardProps): react_jsx_runtime.JSX.Element;
|
|
100
|
-
|
|
101
|
-
type CraftModalProps = {
|
|
102
|
-
open?: boolean;
|
|
103
|
-
defaultOpen?: boolean;
|
|
104
|
-
onOpenChange?: (open: boolean) => void;
|
|
105
|
-
tone?: ThemeName;
|
|
106
|
-
title?: React$1.ReactNode;
|
|
107
|
-
description?: React$1.ReactNode;
|
|
108
|
-
children?: React$1.ReactNode;
|
|
109
|
-
trigger?: React$1.ReactNode;
|
|
110
|
-
footer?: React$1.ReactNode;
|
|
111
|
-
className?: string;
|
|
112
|
-
};
|
|
113
|
-
declare function CraftModal({ open, defaultOpen, onOpenChange, tone, title, description, children, trigger, footer, className, }: CraftModalProps): react_jsx_runtime.JSX.Element;
|
|
114
|
-
|
|
115
|
-
type CraftDrawerProps = {
|
|
116
|
-
open?: boolean;
|
|
117
|
-
defaultOpen?: boolean;
|
|
118
|
-
onOpenChange?: (open: boolean) => void;
|
|
119
|
-
tone?: ThemeName;
|
|
120
|
-
side?: "right" | "left";
|
|
121
|
-
title?: React$1.ReactNode;
|
|
122
|
-
children?: React$1.ReactNode;
|
|
123
|
-
trigger?: React$1.ReactNode;
|
|
124
|
-
footer?: React$1.ReactNode;
|
|
125
|
-
className?: string;
|
|
126
|
-
};
|
|
127
|
-
declare function CraftDrawer({ open, defaultOpen, onOpenChange, tone, side, title, children, trigger, footer, className, }: CraftDrawerProps): react_jsx_runtime.JSX.Element;
|
|
128
|
-
|
|
129
|
-
type CraftTabsProps = {
|
|
130
|
-
value?: string;
|
|
131
|
-
defaultValue?: string;
|
|
132
|
-
onValueChange?: (value: string) => void;
|
|
133
|
-
tone?: ThemeName;
|
|
134
|
-
tabs: Array<{
|
|
135
|
-
value: string;
|
|
136
|
-
label: React$1.ReactNode;
|
|
137
|
-
}>;
|
|
138
|
-
panels: Record<string, React$1.ReactNode>;
|
|
139
|
-
className?: string;
|
|
140
|
-
};
|
|
141
|
-
declare function CraftTabs({ value, defaultValue, onValueChange, tone, tabs, panels, className, }: CraftTabsProps): react_jsx_runtime.JSX.Element;
|
|
142
|
-
|
|
143
|
-
type CraftTooltipProps = {
|
|
144
|
-
content: React$1.ReactNode;
|
|
145
|
-
tone?: ThemeName;
|
|
146
|
-
children: React$1.ReactElement;
|
|
147
|
-
side?: "top" | "bottom" | "left" | "right";
|
|
148
|
-
};
|
|
149
|
-
declare function CraftTooltip({ content, tone, children, side }: CraftTooltipProps): react_jsx_runtime.JSX.Element;
|
|
150
|
-
|
|
151
|
-
type CraftToastVariant = "info" | "success" | "warning" | "error";
|
|
152
|
-
type CraftToast = {
|
|
153
|
-
id: string;
|
|
154
|
-
title: string;
|
|
155
|
-
description?: string;
|
|
156
|
-
variant?: CraftToastVariant;
|
|
157
|
-
};
|
|
158
|
-
declare function useCraftToast(): {
|
|
159
|
-
toasts: CraftToast[];
|
|
160
|
-
push: (toast: Omit<CraftToast, "id">) => string;
|
|
161
|
-
remove: (id: string) => void;
|
|
162
|
-
};
|
|
163
|
-
type CraftToastHostProps = {
|
|
164
|
-
toasts: CraftToast[];
|
|
165
|
-
onDismiss: (id: string) => void;
|
|
166
|
-
tone?: ThemeName;
|
|
167
|
-
};
|
|
168
|
-
declare function CraftToastHost({ toasts, onDismiss, tone }: CraftToastHostProps): react_jsx_runtime.JSX.Element;
|
|
169
|
-
|
|
170
|
-
type CraftSkeletonProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
171
|
-
tone?: ThemeName;
|
|
172
|
-
};
|
|
173
|
-
declare function CraftSkeleton({ className, tone, ...props }: CraftSkeletonProps): react_jsx_runtime.JSX.Element;
|
|
174
|
-
|
|
175
|
-
type CraftEmptyStateProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
176
|
-
tone?: ThemeName;
|
|
177
|
-
title: string;
|
|
178
|
-
description?: string;
|
|
179
|
-
icon?: React$1.ReactNode;
|
|
180
|
-
action?: React$1.ReactNode;
|
|
181
|
-
};
|
|
182
|
-
declare function CraftEmptyState({ className, tone, title, description, icon, action, ...props }: CraftEmptyStateProps): react_jsx_runtime.JSX.Element;
|
|
183
|
-
|
|
184
|
-
type CraftDatePickerProps = {
|
|
185
|
-
value?: string;
|
|
186
|
-
defaultValue?: string;
|
|
187
|
-
onChange?: (value: string) => void;
|
|
188
|
-
tone?: ThemeName;
|
|
189
|
-
min?: string;
|
|
190
|
-
max?: string;
|
|
191
|
-
placeholder?: string;
|
|
192
|
-
className?: string;
|
|
193
|
-
};
|
|
194
|
-
declare function CraftDatePicker({ value, defaultValue, onChange, tone, min, max, placeholder, className, }: CraftDatePickerProps): react_jsx_runtime.JSX.Element;
|
|
195
|
-
|
|
196
|
-
type CraftNumberInputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
197
|
-
tone?: ThemeName;
|
|
198
|
-
};
|
|
199
|
-
declare const CraftNumberInput: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
200
|
-
tone?: ThemeName;
|
|
201
|
-
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
202
|
-
|
|
203
|
-
type CraftCurrencyInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
204
|
-
tone?: ThemeName;
|
|
205
|
-
currencySymbol?: string;
|
|
206
|
-
};
|
|
207
|
-
declare const CraftCurrencyInput: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
208
|
-
tone?: ThemeName;
|
|
209
|
-
currencySymbol?: string;
|
|
210
|
-
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
211
|
-
|
|
212
|
-
type CraftFormProps<TValues extends FieldValues> = {
|
|
213
|
-
form: UseFormReturn<TValues>;
|
|
214
|
-
onSubmit: (values: TValues) => void | Promise<void>;
|
|
215
|
-
open?: boolean;
|
|
216
|
-
defaultOpen?: boolean;
|
|
217
|
-
onOpenChange?: (open: boolean) => void;
|
|
218
|
-
trigger?: React$1.ReactNode;
|
|
219
|
-
title?: React$1.ReactNode;
|
|
220
|
-
description?: React$1.ReactNode;
|
|
221
|
-
submitLabel?: React$1.ReactNode;
|
|
222
|
-
cancelLabel?: React$1.ReactNode;
|
|
223
|
-
tone?: ThemeName;
|
|
224
|
-
className?: string;
|
|
225
|
-
children?: React$1.ReactNode;
|
|
226
|
-
footer?: React$1.ReactNode;
|
|
227
|
-
disableSubmitWhenInvalid?: boolean;
|
|
228
|
-
closeOnSubmit?: boolean;
|
|
229
|
-
formClassName?: string;
|
|
230
|
-
};
|
|
231
|
-
declare function CraftForm<TValues extends FieldValues>({ form, onSubmit, open, defaultOpen, onOpenChange, trigger, title, description, submitLabel, cancelLabel, tone, className, children, footer, disableSubmitWhenInvalid, closeOnSubmit, formClassName, }: CraftFormProps<TValues>): react_jsx_runtime.JSX.Element;
|
|
232
|
-
|
|
233
|
-
type CraftFormFieldOption = {
|
|
234
|
-
label: React$1.ReactNode;
|
|
235
|
-
value: string;
|
|
236
|
-
disabled?: boolean;
|
|
237
|
-
};
|
|
238
|
-
type CraftFormFieldType = "text" | "number" | "password" | "textarea" | "select" | "checkbox" | "slider" | "date" | "color" | "email" | "tel" | "url" | "time" | "datetime-local" | "month" | "week" | "file" | "multifile" | "radio" | "switch" | "range" | "search" | "hidden" | "multiselect" | "currency";
|
|
239
|
-
type CraftFormFieldProps<TValues extends FieldValues = FieldValues> = {
|
|
240
|
-
name: Path<TValues>;
|
|
241
|
-
label?: React$1.ReactNode;
|
|
242
|
-
description?: React$1.ReactNode;
|
|
243
|
-
type?: CraftFormFieldType;
|
|
244
|
-
options?: CraftFormFieldOption[];
|
|
245
|
-
placeholder?: string;
|
|
246
|
-
tone?: ThemeName;
|
|
247
|
-
className?: string;
|
|
248
|
-
inputClassName?: string;
|
|
249
|
-
labelClassName?: string;
|
|
250
|
-
descriptionClassName?: string;
|
|
251
|
-
rules?: RegisterOptions<TValues>;
|
|
252
|
-
disabled?: boolean;
|
|
253
|
-
fieldProps?: Record<string, unknown>;
|
|
254
|
-
};
|
|
255
|
-
declare function CraftFormField<TValues extends FieldValues = FieldValues>({ name, label, description, type, options, placeholder, tone, className, inputClassName, labelClassName, descriptionClassName, rules, disabled, fieldProps, }: CraftFormFieldProps<TValues>): react_jsx_runtime.JSX.Element;
|
|
256
|
-
|
|
257
|
-
type CraftFormBuilderField<TValues extends FieldValues> = {
|
|
258
|
-
name: Path<TValues>;
|
|
259
|
-
label?: React$1.ReactNode;
|
|
260
|
-
description?: React$1.ReactNode;
|
|
261
|
-
type: CraftFormFieldType;
|
|
262
|
-
placeholder?: string;
|
|
263
|
-
options?: CraftFormFieldOption[];
|
|
264
|
-
required?: boolean;
|
|
265
|
-
disabled?: boolean;
|
|
266
|
-
rules?: RegisterOptions<TValues>;
|
|
267
|
-
defaultValue?: unknown;
|
|
268
|
-
min?: number;
|
|
269
|
-
max?: number;
|
|
270
|
-
step?: number;
|
|
271
|
-
rows?: number;
|
|
272
|
-
accept?: string;
|
|
273
|
-
minFiles?: number;
|
|
274
|
-
maxFiles?: number;
|
|
275
|
-
helpText?: React$1.ReactNode;
|
|
276
|
-
fieldProps?: Record<string, unknown>;
|
|
277
|
-
validate?: (value: unknown, values: TValues) => string | boolean | undefined;
|
|
278
|
-
};
|
|
279
|
-
type CraftFormBuilderProps<TValues extends FieldValues> = {
|
|
280
|
-
title?: React$1.ReactNode;
|
|
281
|
-
description?: React$1.ReactNode;
|
|
282
|
-
fields: Array<CraftFormBuilderField<TValues>>;
|
|
283
|
-
initialData?: Partial<TValues> | null;
|
|
284
|
-
open?: boolean;
|
|
285
|
-
defaultOpen?: boolean;
|
|
286
|
-
onOpenChange?: (open: boolean) => void;
|
|
287
|
-
trigger?: React$1.ReactNode;
|
|
288
|
-
submitLabel?: React$1.ReactNode;
|
|
289
|
-
cancelLabel?: React$1.ReactNode;
|
|
290
|
-
resetLabel?: React$1.ReactNode;
|
|
291
|
-
showReset?: boolean;
|
|
292
|
-
showCancel?: boolean;
|
|
293
|
-
tone?: ThemeName;
|
|
294
|
-
className?: string;
|
|
295
|
-
formClassName?: string;
|
|
296
|
-
loading?: boolean;
|
|
297
|
-
disableSubmitWhenInvalid?: boolean;
|
|
298
|
-
closeOnSubmit?: boolean;
|
|
299
|
-
closeOnCancel?: boolean;
|
|
300
|
-
onSubmit: (values: TValues) => void | Promise<void>;
|
|
301
|
-
onReset?: () => void;
|
|
302
|
-
onCancel?: () => void;
|
|
303
|
-
customValidation?: (values: TValues) => Partial<Record<Path<TValues>, string>>;
|
|
304
|
-
};
|
|
305
|
-
declare function CraftFormBuilder<TValues extends FieldValues>({ title, description, fields, initialData, open, defaultOpen, onOpenChange, trigger, submitLabel, cancelLabel, resetLabel, showReset, showCancel, tone, className, formClassName, loading, disableSubmitWhenInvalid, closeOnSubmit, closeOnCancel, onSubmit, onReset, onCancel, customValidation, }: CraftFormBuilderProps<TValues>): react_jsx_runtime.JSX.Element;
|
|
306
|
-
|
|
307
|
-
type CraftSubmitButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
308
|
-
tone?: ThemeName;
|
|
309
|
-
loading?: boolean;
|
|
310
|
-
loadingLabel?: React$1.ReactNode;
|
|
311
|
-
disableWhenInvalid?: boolean;
|
|
312
|
-
};
|
|
313
|
-
declare function CraftSubmitButton({ className, tone, loading, loadingLabel, disableWhenInvalid, disabled, children, ...props }: CraftSubmitButtonProps): react_jsx_runtime.JSX.Element;
|
|
314
|
-
|
|
315
|
-
type CraftConfirmDialogProps = {
|
|
316
|
-
open?: boolean;
|
|
317
|
-
defaultOpen?: boolean;
|
|
318
|
-
onOpenChange?: (open: boolean) => void;
|
|
319
|
-
tone?: ThemeName;
|
|
320
|
-
title?: React$1.ReactNode;
|
|
321
|
-
description?: React$1.ReactNode;
|
|
322
|
-
confirmLabel?: React$1.ReactNode;
|
|
323
|
-
cancelLabel?: React$1.ReactNode;
|
|
324
|
-
onConfirm?: () => void | Promise<void>;
|
|
325
|
-
trigger?: React$1.ReactNode;
|
|
326
|
-
className?: string;
|
|
327
|
-
confirmVariant?: "solid" | "gradient" | "outline";
|
|
328
|
-
};
|
|
329
|
-
declare function CraftConfirmDialog({ open, defaultOpen, onOpenChange, tone, title, description, confirmLabel, cancelLabel, onConfirm, trigger, className, confirmVariant, }: CraftConfirmDialogProps): react_jsx_runtime.JSX.Element;
|
|
330
|
-
|
|
331
|
-
type CraftCreateEditDrawerProps<TValues extends FieldValues> = {
|
|
332
|
-
mode?: "create" | "edit";
|
|
333
|
-
form: UseFormReturn<TValues>;
|
|
334
|
-
onSubmit: (values: TValues) => void | Promise<void>;
|
|
335
|
-
open?: boolean;
|
|
336
|
-
defaultOpen?: boolean;
|
|
337
|
-
onOpenChange?: (open: boolean) => void;
|
|
338
|
-
trigger?: React$1.ReactNode;
|
|
339
|
-
title?: React$1.ReactNode;
|
|
340
|
-
description?: React$1.ReactNode;
|
|
341
|
-
submitLabel?: React$1.ReactNode;
|
|
342
|
-
cancelLabel?: React$1.ReactNode;
|
|
343
|
-
tone?: ThemeName;
|
|
344
|
-
className?: string;
|
|
345
|
-
children?: React$1.ReactNode;
|
|
346
|
-
footer?: React$1.ReactNode;
|
|
347
|
-
disableSubmitWhenInvalid?: boolean;
|
|
348
|
-
closeOnSubmit?: boolean;
|
|
349
|
-
side?: "left" | "right";
|
|
350
|
-
};
|
|
351
|
-
declare function CraftCreateEditDrawer<TValues extends FieldValues>({ mode, form, onSubmit, open, defaultOpen, onOpenChange, trigger, title, description, submitLabel, cancelLabel, tone, className, children, footer, disableSubmitWhenInvalid, closeOnSubmit, side, }: CraftCreateEditDrawerProps<TValues>): react_jsx_runtime.JSX.Element;
|
|
352
|
-
|
|
353
|
-
type CraftFilterBarProps = {
|
|
354
|
-
title?: React$1.ReactNode;
|
|
355
|
-
description?: React$1.ReactNode;
|
|
356
|
-
searchValue?: string;
|
|
357
|
-
onSearchChange?: (value: string) => void;
|
|
358
|
-
searchPlaceholder?: string;
|
|
359
|
-
actions?: React$1.ReactNode;
|
|
360
|
-
filters?: React$1.ReactNode;
|
|
361
|
-
tone?: ThemeName;
|
|
362
|
-
className?: string;
|
|
363
|
-
};
|
|
364
|
-
declare function CraftFilterBar({ title, description, searchValue, onSearchChange, searchPlaceholder, actions, filters, tone, className, }: CraftFilterBarProps): react_jsx_runtime.JSX.Element;
|
|
365
|
-
|
|
366
|
-
type CraftDataTableColumn<T> = {
|
|
367
|
-
id: string;
|
|
368
|
-
header: React$1.ReactNode;
|
|
369
|
-
accessor?: keyof T | ((row: T) => unknown);
|
|
370
|
-
cell?: (row: T) => React$1.ReactNode;
|
|
371
|
-
sortable?: boolean;
|
|
372
|
-
filterable?: boolean;
|
|
373
|
-
width?: string | number;
|
|
374
|
-
align?: "left" | "center" | "right";
|
|
375
|
-
hidden?: boolean;
|
|
376
|
-
headerClassName?: string;
|
|
377
|
-
cellClassName?: string;
|
|
378
|
-
};
|
|
379
|
-
type CraftDataTableSort = {
|
|
380
|
-
id: string;
|
|
381
|
-
desc?: boolean;
|
|
382
|
-
};
|
|
383
|
-
type CraftDataTableProps<T> = {
|
|
384
|
-
data: T[];
|
|
385
|
-
columns: CraftDataTableColumn<T>[];
|
|
386
|
-
tone?: ThemeName;
|
|
387
|
-
className?: string;
|
|
388
|
-
loading?: boolean;
|
|
389
|
-
emptyState?: React$1.ReactNode;
|
|
390
|
-
toolbar?: React$1.ReactNode;
|
|
391
|
-
enableSorting?: boolean;
|
|
392
|
-
enableFiltering?: boolean;
|
|
393
|
-
enableColumnVisibility?: boolean;
|
|
394
|
-
enableRowSelection?: boolean;
|
|
395
|
-
enablePagination?: boolean;
|
|
396
|
-
showGlobalFilter?: boolean;
|
|
397
|
-
manualSorting?: boolean;
|
|
398
|
-
manualFiltering?: boolean;
|
|
399
|
-
manualPagination?: boolean;
|
|
400
|
-
sortBy?: CraftDataTableSort | null;
|
|
401
|
-
onSortChange?: (sort: CraftDataTableSort | null) => void;
|
|
402
|
-
filters?: Record<string, string>;
|
|
403
|
-
onFiltersChange?: (filters: Record<string, string>) => void;
|
|
404
|
-
globalFilter?: string;
|
|
405
|
-
onGlobalFilterChange?: (value: string) => void;
|
|
406
|
-
columnVisibility?: Record<string, boolean>;
|
|
407
|
-
onColumnVisibilityChange?: (visibility: Record<string, boolean>) => void;
|
|
408
|
-
selectedRowIds?: Record<string, boolean>;
|
|
409
|
-
onRowSelectionChange?: (selection: Record<string, boolean>) => void;
|
|
410
|
-
getRowId?: (row: T, index: number) => string;
|
|
411
|
-
pageIndex?: number;
|
|
412
|
-
pageSize?: number;
|
|
413
|
-
pageCount?: number;
|
|
414
|
-
onPageChange?: (pageIndex: number) => void;
|
|
415
|
-
onPageSizeChange?: (size: number) => void;
|
|
416
|
-
};
|
|
417
|
-
declare function CraftDataTable<T>({ data, columns, tone, className, loading, emptyState, toolbar, enableSorting, enableFiltering, enableColumnVisibility, enableRowSelection, enablePagination, showGlobalFilter, manualSorting, manualFiltering, manualPagination, sortBy, onSortChange, filters, onFiltersChange, globalFilter, onGlobalFilterChange, columnVisibility, onColumnVisibilityChange, selectedRowIds, onRowSelectionChange, getRowId, pageIndex, pageSize, pageCount, onPageChange, onPageSizeChange, }: CraftDataTableProps<T>): react_jsx_runtime.JSX.Element;
|
|
418
|
-
|
|
419
|
-
type CraftPaginationProps = {
|
|
420
|
-
pageIndex: number;
|
|
421
|
-
pageCount: number;
|
|
422
|
-
onPageChange: (page: number) => void;
|
|
423
|
-
canPrevious?: boolean;
|
|
424
|
-
canNext?: boolean;
|
|
425
|
-
pageSize?: number;
|
|
426
|
-
pageSizeOptions?: number[];
|
|
427
|
-
onPageSizeChange?: (size: number) => void;
|
|
428
|
-
tone?: ThemeName;
|
|
429
|
-
className?: string;
|
|
430
|
-
};
|
|
431
|
-
declare function CraftPagination({ pageIndex, pageCount, onPageChange, canPrevious, canNext, pageSize, pageSizeOptions, onPageSizeChange, tone, className, }: CraftPaginationProps): react_jsx_runtime.JSX.Element;
|
|
432
|
-
|
|
433
|
-
type AppShellProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
434
|
-
sidebar?: React$1.ReactNode;
|
|
435
|
-
topNav?: React$1.ReactNode;
|
|
436
|
-
};
|
|
437
|
-
declare function AppShell({ className, sidebar, topNav, children, ...props }: AppShellProps): react_jsx_runtime.JSX.Element;
|
|
438
|
-
|
|
439
|
-
type SidebarItem = {
|
|
440
|
-
label: React$1.ReactNode;
|
|
441
|
-
href?: string;
|
|
442
|
-
icon?: React$1.ReactNode;
|
|
443
|
-
active?: boolean;
|
|
444
|
-
};
|
|
445
|
-
type SidebarProps = React$1.HTMLAttributes<HTMLElement> & {
|
|
446
|
-
title?: React$1.ReactNode;
|
|
447
|
-
items: SidebarItem[];
|
|
448
|
-
footer?: React$1.ReactNode;
|
|
449
|
-
};
|
|
450
|
-
declare function Sidebar({ className, title, items, footer, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
|
|
451
|
-
|
|
452
|
-
type TopNavProps = React$1.HTMLAttributes<HTMLElement> & {
|
|
453
|
-
title?: React$1.ReactNode;
|
|
454
|
-
actions?: React$1.ReactNode;
|
|
455
|
-
breadcrumb?: React$1.ReactNode;
|
|
456
|
-
};
|
|
457
|
-
declare function TopNav({ className, title, actions, breadcrumb, ...props }: TopNavProps): react_jsx_runtime.JSX.Element;
|
|
458
|
-
|
|
459
|
-
type PageHeaderProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
460
|
-
title: React$1.ReactNode;
|
|
461
|
-
description?: React$1.ReactNode;
|
|
462
|
-
actions?: React$1.ReactNode;
|
|
463
|
-
};
|
|
464
|
-
declare function PageHeader({ className, title, description, actions, ...props }: PageHeaderProps): react_jsx_runtime.JSX.Element;
|
|
465
|
-
|
|
466
|
-
type BreadcrumbItem = {
|
|
467
|
-
label: React$1.ReactNode;
|
|
468
|
-
href?: string;
|
|
469
|
-
};
|
|
470
|
-
type BreadcrumbsProps = React$1.HTMLAttributes<HTMLElement> & {
|
|
471
|
-
items: BreadcrumbItem[];
|
|
472
|
-
};
|
|
473
|
-
declare function Breadcrumbs({ className, items, ...props }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
|
|
474
|
-
|
|
475
|
-
type AuthLayoutProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
476
|
-
title?: React$1.ReactNode;
|
|
477
|
-
description?: React$1.ReactNode;
|
|
478
|
-
footer?: React$1.ReactNode;
|
|
479
|
-
graphic?: React$1.ReactNode;
|
|
480
|
-
};
|
|
481
|
-
declare function AuthLayout({ className, title, description, footer, graphic, children, ...props }: AuthLayoutProps): react_jsx_runtime.JSX.Element;
|
|
482
|
-
|
|
483
|
-
type ContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
484
|
-
size?: "sm" | "md" | "lg" | "xl";
|
|
485
|
-
};
|
|
486
|
-
declare function Container({ className, size, ...props }: ContainerProps): react_jsx_runtime.JSX.Element;
|
|
487
|
-
|
|
488
|
-
type GridProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
489
|
-
columns?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
490
|
-
gap?: "sm" | "md" | "lg" | "xl";
|
|
491
|
-
};
|
|
492
|
-
declare function Grid({ className, columns, gap, ...props }: GridProps): react_jsx_runtime.JSX.Element;
|
|
493
|
-
|
|
494
|
-
type ThemeSwitcherProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
495
|
-
showLabels?: boolean;
|
|
496
|
-
};
|
|
497
|
-
declare function ThemeSwitcher({ className, showLabels, ...props }: ThemeSwitcherProps): react_jsx_runtime.JSX.Element;
|
|
498
|
-
|
|
499
|
-
export { AppShell, type AppShellProps, AuthLayout, type AuthLayoutProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Container, type ContainerProps, CraftBadge, type CraftBadgeProps, CraftButton, type CraftButtonProps, CraftCard, type CraftCardProps, CraftCheckbox, type CraftCheckboxProps, CraftConfirmDialog, type CraftConfirmDialogProps, CraftCreateEditDrawer, type CraftCreateEditDrawerProps, CraftCurrencyInput, type CraftCurrencyInputProps, CraftDataTable, type CraftDataTableColumn, type CraftDataTableProps, type CraftDataTableSort, CraftDatePicker, type CraftDatePickerProps, CraftDrawer, type CraftDrawerProps, CraftEmptyState, type CraftEmptyStateProps, CraftFilterBar, type CraftFilterBarProps, CraftForm, CraftFormBuilder, type CraftFormBuilderField, type CraftFormBuilderProps, CraftFormField, type CraftFormFieldOption, type CraftFormFieldProps, type CraftFormFieldType, type CraftFormProps, CraftInput, type CraftInputProps, CraftModal, type CraftModalProps, CraftNumberInput, type CraftNumberInputProps, CraftPagination, type CraftPaginationProps, CraftSelect, type CraftSelectProps, CraftSkeleton, type CraftSkeletonProps, CraftSubmitButton, type CraftSubmitButtonProps, CraftSwitch, type CraftSwitchProps, CraftTabs, type CraftTabsProps, CraftTextarea, type CraftTextareaProps, type CraftToast, CraftToastHost, type CraftToastHostProps, CraftTooltip, type CraftTooltipProps, GlassCard, type GlassCardProps, Grid, type GridProps, PageHeader, type PageHeaderProps, Sidebar, type SidebarItem, type SidebarProps, type ThemeMode, type ThemeName, ThemeProvider, ThemeSwitcher, type ThemeSwitcherProps, TopNav, type TopNavProps, useCraftToast, useTheme };
|
|
1
|
+
export { CraftAlert, CraftAlertProps, CraftBadge, CraftBadgeProps, CraftButton, CraftButtonProps, CraftCard, CraftCardProps, CraftCheckbox, CraftCheckboxProps, CraftCommandItem, CraftCommandPalette, CraftCommandPaletteProps, CraftConfirmDialog, CraftConfirmDialogProps, CraftCreateEditDrawer, CraftCreateEditDrawerProps, CraftCurrencyInput, CraftCurrencyInputProps, CraftDatePicker, CraftDatePickerProps, CraftDrawer, CraftDrawerProps, CraftDropdownItem, CraftDropdownMenu, CraftDropdownMenuProps, CraftEmptyState, CraftEmptyStateProps, CraftErrorState, CraftErrorStateProps, CraftIcon, CraftIconProps, CraftIconProvider, CraftIconProviderProps, CraftIconRegistry, CraftInput, CraftInputProps, CraftLink, CraftLinkProps, CraftLoadingState, CraftLoadingStateProps, CraftModal, CraftModalProps, CraftNumberInput, CraftNumberInputProps, CraftPopover, CraftPopoverProps, CraftSelect, CraftSelectProps, CraftSkeleton, CraftSkeletonProps, CraftStatCard, CraftStatCardProps, CraftSubmitButton, CraftSubmitButtonProps, CraftSwitch, CraftSwitchProps, CraftTabs, CraftTabsProps, CraftTextarea, CraftTextareaProps, CraftToast, CraftToastHost, CraftToastHostProps, CraftTooltip, CraftTooltipProps, GlassCard, GlassCardProps, useCraftToast } from './craft/components.cjs';
|
|
2
|
+
export { CraftForm, CraftFormBuilder, CraftFormBuilderField, CraftFormBuilderProps, CraftFormField, CraftFormFieldOption, CraftFormFieldProps, CraftFormFieldType, CraftFormProps } from './craft/forms.cjs';
|
|
3
|
+
export { CraftDataTable, CraftDataTableColumn, CraftDataTableProps, CraftDataTableSort, CraftFilterBar, CraftFilterBarProps, CraftPagination, CraftPaginationProps, CraftTableToolbar, CraftTableToolbarProps } from './craft/table.cjs';
|
|
4
|
+
export { AppShell, AppShellProps, AppTemplate, AppTemplateProps, AuthLayout, AuthLayoutProps, BreadcrumbItem, Breadcrumbs, BreadcrumbsProps, Container, ContainerProps, Grid, GridProps, LayoutBreadcrumbItem, LayoutConfig, LayoutIconName, LayoutSidebarItem, PageHeader, PageHeaderProps, Sidebar, SidebarItem, SidebarProps, TopNav, TopNavProps, layoutConfigSchema } from './craft/layout.cjs';
|
|
5
|
+
export { ThemeSwitcher, ThemeSwitcherProps } from './craft/theme.cjs';
|
|
6
|
+
export { T as ThemeMode, a as ThemeName, b as ThemeProvider, u as useTheme } from './theme-context-EVI9PfKv.cjs';
|
|
7
|
+
import 'react/jsx-runtime';
|
|
8
|
+
import 'react';
|
|
9
|
+
import 'react-hook-form';
|
|
10
|
+
import 'next/link';
|