@nexus-cross/design-system 1.0.1 → 1.0.2
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/cursor-rules/nexus-project-setup.mdc +150 -150
- package/cursor-rules/nexus-ui-api.mdc +659 -316
- package/cursor-rules/nexus-ui-components.mdc +162 -96
- package/dist/chunks/chunk-55IEEVNR.js +7 -0
- package/dist/chunks/{chunk-5JHN4FCY.mjs → chunk-K2TBLM3F.mjs} +1 -4
- package/dist/chunks/{chunk-MTX7GD3H.js → chunk-PEIEVKD5.js} +1 -4
- package/dist/chunks/chunk-XMG7ZEYY.mjs +5 -0
- package/dist/data-list.js +2 -2
- package/dist/data-list.mjs +1 -1
- package/dist/error-boundary.d.mts +1 -1
- package/dist/error-boundary.d.ts +1 -1
- package/dist/index.js +2 -2
- package/dist/index.mjs +1 -1
- package/dist/schemas/_all.json +480 -480
- package/dist/schemas/accordion.json +12 -12
- package/dist/schemas/avatar.json +9 -9
- package/dist/schemas/button.json +13 -13
- package/dist/schemas/carousel.json +6 -6
- package/dist/schemas/carouselButton.json +3 -3
- package/dist/schemas/carouselDots.json +2 -2
- package/dist/schemas/carouselSlide.json +3 -3
- package/dist/schemas/checkBox.json +15 -15
- package/dist/schemas/chip.json +9 -9
- package/dist/schemas/clientOnly.json +3 -3
- package/dist/schemas/countdown.json +8 -8
- package/dist/schemas/counter.json +11 -11
- package/dist/schemas/dataList.json +10 -10
- package/dist/schemas/divider.json +6 -6
- package/dist/schemas/drawer.json +8 -8
- package/dist/schemas/drawerClose.json +4 -4
- package/dist/schemas/drawerContent.json +7 -7
- package/dist/schemas/drawerDescription.json +3 -3
- package/dist/schemas/drawerTitle.json +3 -3
- package/dist/schemas/drawerTrigger.json +4 -4
- package/dist/schemas/ellipsis.json +9 -9
- package/dist/schemas/errorBoundary.json +4 -4
- package/dist/schemas/infiniteScroll.json +12 -12
- package/dist/schemas/marquee.json +8 -8
- package/dist/schemas/modalCall.json +20 -20
- package/dist/schemas/modalTemplate.json +26 -26
- package/dist/schemas/numberInput.json +19 -19
- package/dist/schemas/pagination.json +8 -8
- package/dist/schemas/popover.json +12 -12
- package/dist/schemas/radioGroup.json +12 -12
- package/dist/schemas/radioItem.json +7 -7
- package/dist/schemas/select.json +11 -11
- package/dist/schemas/selectItem.json +5 -5
- package/dist/schemas/skeleton.json +8 -8
- package/dist/schemas/spinner.json +6 -6
- package/dist/schemas/switch.json +10 -10
- package/dist/schemas/tab.json +15 -15
- package/dist/schemas/table.json +14 -14
- package/dist/schemas/tableRow.json +5 -5
- package/dist/schemas/tdColumn.json +17 -17
- package/dist/schemas/textArea.json +18 -18
- package/dist/schemas/textInput.json +25 -25
- package/dist/schemas/themeProvider.json +10 -10
- package/dist/schemas/toastOptions.json +17 -17
- package/dist/schemas/toaster.json +12 -12
- package/dist/schemas/tooltip.json +10 -10
- package/dist/schemas/virtualGrid.json +11 -11
- package/dist/schemas/virtualList.json +10 -10
- package/dist/schemas.js +475 -475
- package/dist/schemas.mjs +475 -475
- package/dist/styles/layer.js +2 -2
- package/dist/styles/layer.mjs +1 -1
- package/dist/styles.css +28 -15
- package/dist/styles.js +2 -2
- package/dist/styles.layered.css +28 -15
- package/dist/styles.mjs +1 -1
- package/package.json +8 -6
- package/scripts/setup-cursor-rules.cjs +6 -6
- package/dist/chunks/chunk-GMGG4VZM.mjs +0 -5
- package/dist/chunks/chunk-N75GAGAG.js +0 -7
package/dist/schemas.js
CHANGED
|
@@ -5,432 +5,432 @@ var zod = require('zod');
|
|
|
5
5
|
|
|
6
6
|
var buttonPropsSchema = zod.z.object({
|
|
7
7
|
semantic: zod.z.enum(["primary", "secondary", "normal", "danger"]).default("primary").describe(
|
|
8
|
-
"
|
|
8
|
+
"Color theme (primary=main, secondary=sub, normal=neutral, danger=danger)"
|
|
9
9
|
),
|
|
10
10
|
variant: zod.z.enum(["contained", "outlined", "subtle", "ghost"]).default("contained").describe(
|
|
11
|
-
"
|
|
11
|
+
"Visual style (contained=filled, outlined=border, subtle=light bg, ghost=transparent)"
|
|
12
12
|
),
|
|
13
|
-
size: zod.z.enum(["xl", "lg", "md", "sm"]).default("md").describe("
|
|
14
|
-
radius: zod.z.enum(["default", "circle"]).default("default").describe("
|
|
15
|
-
asChild: zod.z.boolean().optional().describe("true
|
|
16
|
-
detectDoubleClick: zod.z.boolean().optional().describe("
|
|
17
|
-
disabled: zod.z.boolean().optional().describe("
|
|
18
|
-
children: zod.z.any().optional().describe("
|
|
19
|
-
onClick: zod.z.any().optional().describe("
|
|
20
|
-
type: zod.z.enum(["button", "submit", "reset"]).optional().describe("HTML button type (
|
|
21
|
-
style: zod.z.any().optional().describe("
|
|
22
|
-
className: zod.z.string().optional().describe("
|
|
13
|
+
size: zod.z.enum(["xl", "lg", "md", "sm"]).default("md").describe("Size"),
|
|
14
|
+
radius: zod.z.enum(["default", "circle"]).default("default").describe("Corner radius (default=size-based radius, circle=pill shape)"),
|
|
15
|
+
asChild: zod.z.boolean().optional().describe("If true, renders as child element (Slot pattern)"),
|
|
16
|
+
detectDoubleClick: zod.z.boolean().optional().describe("Prevent double click within 500ms"),
|
|
17
|
+
disabled: zod.z.boolean().optional().describe("Disabled (auto aria-disabled)"),
|
|
18
|
+
children: zod.z.any().optional().describe("Button content (ReactNode)"),
|
|
19
|
+
onClick: zod.z.any().optional().describe("Click event handler"),
|
|
20
|
+
type: zod.z.enum(["button", "submit", "reset"]).optional().describe("HTML button type (default: button)"),
|
|
21
|
+
style: zod.z.any().optional().describe("Inline style (CSSProperties)"),
|
|
22
|
+
className: zod.z.string().optional().describe("Style override")
|
|
23
23
|
}).describe(
|
|
24
|
-
"
|
|
24
|
+
"Interactive button. semantic(color) x variant(style) 2-axis system. Rendering element changeable via asChild."
|
|
25
25
|
);
|
|
26
26
|
var textInputPropsSchema = zod.z.object({
|
|
27
|
-
size: zod.z.enum(["md", "lg", "xl"]).default("md").describe("
|
|
28
|
-
error: zod.z.boolean().optional().describe("
|
|
29
|
-
prefixIcon: zod.z.any().optional().describe("
|
|
30
|
-
suffixIcon: zod.z.any().optional().describe("
|
|
31
|
-
label: zod.z.any().optional().describe("
|
|
32
|
-
description: zod.z.any().optional().describe("
|
|
33
|
-
showCount: zod.z.boolean().optional().describe("
|
|
34
|
-
maxLength: zod.z.number().optional().describe("
|
|
35
|
-
clearable: zod.z.boolean().optional().describe("
|
|
36
|
-
placeholder: zod.z.string().optional().describe("
|
|
37
|
-
disabled: zod.z.boolean().optional().describe("
|
|
38
|
-
readOnly: zod.z.boolean().optional().describe("
|
|
39
|
-
value: zod.z.string().optional().describe("
|
|
40
|
-
defaultValue: zod.z.string().optional().describe("
|
|
41
|
-
type: zod.z.string().optional().describe("
|
|
42
|
-
name: zod.z.string().optional().describe("
|
|
43
|
-
id: zod.z.string().optional().describe("
|
|
44
|
-
autoFocus: zod.z.boolean().optional().describe("
|
|
45
|
-
autoComplete: zod.z.string().optional().describe("
|
|
46
|
-
onValueChange: zod.z.any().optional().describe("
|
|
47
|
-
onChange: zod.z.any().optional().describe("
|
|
48
|
-
onBlur: zod.z.any().optional().describe("
|
|
49
|
-
onFocus: zod.z.any().optional().describe("
|
|
50
|
-
className: zod.z.string().optional().describe("
|
|
51
|
-
}).describe("
|
|
27
|
+
size: zod.z.enum(["md", "lg", "xl"]).default("md").describe("Size"),
|
|
28
|
+
error: zod.z.boolean().optional().describe("Error state (auto aria-invalid)"),
|
|
29
|
+
prefixIcon: zod.z.any().optional().describe("Prefix icon (ReactNode)"),
|
|
30
|
+
suffixIcon: zod.z.any().optional().describe("Suffix icon (ReactNode)"),
|
|
31
|
+
label: zod.z.any().optional().describe("Label above input field (ReactNode)"),
|
|
32
|
+
description: zod.z.any().optional().describe("Description below input field (ReactNode, red on error)"),
|
|
33
|
+
showCount: zod.z.boolean().optional().describe("Show character count (requires maxLength)"),
|
|
34
|
+
maxLength: zod.z.number().optional().describe("Maximum character count"),
|
|
35
|
+
clearable: zod.z.boolean().optional().describe("Clear input via X button"),
|
|
36
|
+
placeholder: zod.z.string().optional().describe("Placeholder"),
|
|
37
|
+
disabled: zod.z.boolean().optional().describe("Disabled"),
|
|
38
|
+
readOnly: zod.z.boolean().optional().describe("Read-only"),
|
|
39
|
+
value: zod.z.string().optional().describe("Input value (controlled mode)"),
|
|
40
|
+
defaultValue: zod.z.string().optional().describe("Initial value (uncontrolled mode)"),
|
|
41
|
+
type: zod.z.string().optional().describe("Input type (text, password, email, url, etc.)"),
|
|
42
|
+
name: zod.z.string().optional().describe("Form field name"),
|
|
43
|
+
id: zod.z.string().optional().describe("Element ID (for label htmlFor binding)"),
|
|
44
|
+
autoFocus: zod.z.boolean().optional().describe("Auto focus"),
|
|
45
|
+
autoComplete: zod.z.string().optional().describe("Autocomplete hint (on, off, email, etc.)"),
|
|
46
|
+
onValueChange: zod.z.any().optional().describe("Value change callback (value: string) => void"),
|
|
47
|
+
onChange: zod.z.any().optional().describe("Native change event handler"),
|
|
48
|
+
onBlur: zod.z.any().optional().describe("Blur callback"),
|
|
49
|
+
onFocus: zod.z.any().optional().describe("Focus callback"),
|
|
50
|
+
className: zod.z.string().optional().describe("Style override")
|
|
51
|
+
}).describe("Text input field. Supports label, description, prefix/suffix icons, clearable, character counter.");
|
|
52
52
|
var textAreaPropsSchema = zod.z.object({
|
|
53
|
-
error: zod.z.boolean().optional().describe("
|
|
54
|
-
showCount: zod.z.boolean().optional().describe("
|
|
55
|
-
maxLength: zod.z.number().optional().describe("
|
|
56
|
-
placeholder: zod.z.string().optional().describe("
|
|
57
|
-
rows: zod.z.number().optional().describe("
|
|
58
|
-
disabled: zod.z.boolean().optional().describe("
|
|
59
|
-
readOnly: zod.z.boolean().optional().describe("
|
|
60
|
-
value: zod.z.string().optional().describe("
|
|
61
|
-
defaultValue: zod.z.string().optional().describe("
|
|
62
|
-
name: zod.z.string().optional().describe("
|
|
63
|
-
id: zod.z.string().optional().describe("
|
|
64
|
-
autoFocus: zod.z.boolean().optional().describe("
|
|
65
|
-
onValueChange: zod.z.any().optional().describe("
|
|
66
|
-
onChange: zod.z.any().optional().describe("
|
|
67
|
-
onBlur: zod.z.any().optional().describe("
|
|
68
|
-
onFocus: zod.z.any().optional().describe("
|
|
69
|
-
className: zod.z.string().optional().describe("
|
|
70
|
-
}).describe("
|
|
53
|
+
error: zod.z.boolean().optional().describe("Error state (auto aria-invalid)"),
|
|
54
|
+
showCount: zod.z.boolean().optional().describe("Show character count (requires maxLength)"),
|
|
55
|
+
maxLength: zod.z.number().optional().describe("Maximum character count"),
|
|
56
|
+
placeholder: zod.z.string().optional().describe("Placeholder"),
|
|
57
|
+
rows: zod.z.number().optional().describe("Visible row count"),
|
|
58
|
+
disabled: zod.z.boolean().optional().describe("Disabled"),
|
|
59
|
+
readOnly: zod.z.boolean().optional().describe("Read-only"),
|
|
60
|
+
value: zod.z.string().optional().describe("Input value (controlled mode)"),
|
|
61
|
+
defaultValue: zod.z.string().optional().describe("Initial value (uncontrolled mode)"),
|
|
62
|
+
name: zod.z.string().optional().describe("Form field name"),
|
|
63
|
+
id: zod.z.string().optional().describe("Element ID"),
|
|
64
|
+
autoFocus: zod.z.boolean().optional().describe("Auto focus"),
|
|
65
|
+
onValueChange: zod.z.any().optional().describe("Value change callback (value: string) => void"),
|
|
66
|
+
onChange: zod.z.any().optional().describe("Native change event handler"),
|
|
67
|
+
onBlur: zod.z.any().optional().describe("Blur callback"),
|
|
68
|
+
onFocus: zod.z.any().optional().describe("Focus callback"),
|
|
69
|
+
className: zod.z.string().optional().describe("Style override")
|
|
70
|
+
}).describe("Multi-line text input. Built-in character counter.");
|
|
71
71
|
var selectPropsSchema = zod.z.object({
|
|
72
|
-
value: zod.z.string().optional().describe("
|
|
73
|
-
placeholder: zod.z.string().optional().describe("
|
|
74
|
-
variant: zod.z.enum(["default", "outline"]).default("default").describe("
|
|
75
|
-
size: zod.z.enum(["sm", "md", "lg", "full"]).default("full").describe("
|
|
76
|
-
disabled: zod.z.boolean().optional().describe("
|
|
77
|
-
onValueChange: zod.z.any().optional().describe("
|
|
78
|
-
displayComponent: zod.z.any().optional().describe("
|
|
79
|
-
children: zod.z.any().describe("SelectItem
|
|
80
|
-
className: zod.z.string().optional().describe("
|
|
81
|
-
triggerClassName: zod.z.string().optional().describe("
|
|
82
|
-
}).describe("
|
|
72
|
+
value: zod.z.string().optional().describe("Selected value"),
|
|
73
|
+
placeholder: zod.z.string().optional().describe("Placeholder"),
|
|
74
|
+
variant: zod.z.enum(["default", "outline"]).default("default").describe("Trigger style"),
|
|
75
|
+
size: zod.z.enum(["sm", "md", "lg", "full"]).default("full").describe("Width"),
|
|
76
|
+
disabled: zod.z.boolean().optional().describe("Disabled"),
|
|
77
|
+
onValueChange: zod.z.any().optional().describe("Value change callback (value: string) => void"),
|
|
78
|
+
displayComponent: zod.z.any().optional().describe("Custom display in trigger (ReactNode)"),
|
|
79
|
+
children: zod.z.any().describe("SelectItem list (ReactNode, required)"),
|
|
80
|
+
className: zod.z.string().optional().describe("Wrapper style"),
|
|
81
|
+
triggerClassName: zod.z.string().optional().describe("Trigger style override")
|
|
82
|
+
}).describe("Dropdown select. Based on Radix Select. Used with SelectItem.");
|
|
83
83
|
var selectItemPropsSchema = zod.z.object({
|
|
84
|
-
value: zod.z.string().describe("
|
|
85
|
-
children: zod.z.any().describe("
|
|
86
|
-
disabled: zod.z.boolean().optional().describe("
|
|
87
|
-
className: zod.z.string().optional().describe("
|
|
88
|
-
}).describe("
|
|
84
|
+
value: zod.z.string().describe("Item value"),
|
|
85
|
+
children: zod.z.any().describe("Item content (ReactNode, required)"),
|
|
86
|
+
disabled: zod.z.boolean().optional().describe("Disabled"),
|
|
87
|
+
className: zod.z.string().optional().describe("Style override")
|
|
88
|
+
}).describe("Individual option within Select.");
|
|
89
89
|
var checkBoxPropsSchema = zod.z.object({
|
|
90
|
-
size: zod.z.enum(["sm", "md"]).default("md").describe("
|
|
91
|
-
shape: zod.z.enum(["square", "round"]).default("square").describe("
|
|
92
|
-
checked: zod.z.boolean().optional().describe("
|
|
93
|
-
indeterminate: zod.z.boolean().optional().describe('
|
|
94
|
-
disabled: zod.z.boolean().optional().describe("
|
|
95
|
-
readOnly: zod.z.boolean().optional().describe("
|
|
96
|
-
label: zod.z.any().optional().describe("
|
|
97
|
-
children: zod.z.any().optional().describe("
|
|
98
|
-
name: zod.z.string().optional().describe("
|
|
99
|
-
id: zod.z.string().optional().describe("
|
|
100
|
-
value: zod.z.string().optional().describe("
|
|
101
|
-
onCheckedChange: zod.z.any().optional().describe("
|
|
102
|
-
onChange: zod.z.any().optional().describe("
|
|
103
|
-
className: zod.z.string().optional().describe("
|
|
104
|
-
}).describe("
|
|
90
|
+
size: zod.z.enum(["sm", "md"]).default("md").describe("Size"),
|
|
91
|
+
shape: zod.z.enum(["square", "round"]).default("square").describe("Shape"),
|
|
92
|
+
checked: zod.z.boolean().optional().describe("Checked state"),
|
|
93
|
+
indeterminate: zod.z.boolean().optional().describe('Indeterminate state (aria-checked="mixed")'),
|
|
94
|
+
disabled: zod.z.boolean().optional().describe("Disabled"),
|
|
95
|
+
readOnly: zod.z.boolean().optional().describe("Read-only"),
|
|
96
|
+
label: zod.z.any().optional().describe("Label text (ReactNode)"),
|
|
97
|
+
children: zod.z.any().optional().describe("Label alternative content (ReactNode)"),
|
|
98
|
+
name: zod.z.string().optional().describe("Form field name"),
|
|
99
|
+
id: zod.z.string().optional().describe("Element ID"),
|
|
100
|
+
value: zod.z.string().optional().describe("Value for form submission"),
|
|
101
|
+
onCheckedChange: zod.z.any().optional().describe("Checked state change callback (checked: boolean) => void"),
|
|
102
|
+
onChange: zod.z.any().optional().describe("Native change event handler"),
|
|
103
|
+
className: zod.z.string().optional().describe("Style override")
|
|
104
|
+
}).describe("Checkbox. Native input-based, supports square/round shapes.");
|
|
105
105
|
var radioGroupPropsSchema = zod.z.object({
|
|
106
|
-
name: zod.z.string().describe("
|
|
107
|
-
value: zod.z.string().optional().describe("
|
|
108
|
-
defaultValue: zod.z.string().optional().describe("
|
|
109
|
-
size: zod.z.enum(["sm", "md"]).default("md").describe("
|
|
110
|
-
orientation: zod.z.enum(["horizontal", "vertical"]).default("vertical").describe("
|
|
111
|
-
disabled: zod.z.boolean().optional().describe("
|
|
112
|
-
children: zod.z.any().describe("RadioItem
|
|
113
|
-
"aria-label": zod.z.string().optional().describe("
|
|
114
|
-
"aria-labelledby": zod.z.string().optional().describe("
|
|
115
|
-
onValueChange: zod.z.any().optional().describe("
|
|
116
|
-
className: zod.z.string().optional().describe("
|
|
117
|
-
}).describe("
|
|
106
|
+
name: zod.z.string().describe("Form name (required)"),
|
|
107
|
+
value: zod.z.string().optional().describe("Selected value (controlled)"),
|
|
108
|
+
defaultValue: zod.z.string().optional().describe("Initial value (uncontrolled)"),
|
|
109
|
+
size: zod.z.enum(["sm", "md"]).default("md").describe("Size"),
|
|
110
|
+
orientation: zod.z.enum(["horizontal", "vertical"]).default("vertical").describe("Layout direction"),
|
|
111
|
+
disabled: zod.z.boolean().optional().describe("Disabled"),
|
|
112
|
+
children: zod.z.any().describe("RadioItem list (ReactNode, required)"),
|
|
113
|
+
"aria-label": zod.z.string().optional().describe("Accessibility label"),
|
|
114
|
+
"aria-labelledby": zod.z.string().optional().describe("Accessibility label reference ID"),
|
|
115
|
+
onValueChange: zod.z.any().optional().describe("Value change callback (value: string) => void"),
|
|
116
|
+
className: zod.z.string().optional().describe("Style override")
|
|
117
|
+
}).describe("Radio group. Used with RadioItem.");
|
|
118
118
|
var radioItemPropsSchema = zod.z.object({
|
|
119
|
-
value: zod.z.string().describe("
|
|
120
|
-
size: zod.z.enum(["sm", "md"]).optional().describe("
|
|
121
|
-
label: zod.z.any().optional().describe("
|
|
122
|
-
children: zod.z.any().optional().describe("
|
|
123
|
-
disabled: zod.z.boolean().optional().describe("
|
|
124
|
-
className: zod.z.string().optional().describe("
|
|
125
|
-
}).describe("
|
|
119
|
+
value: zod.z.string().describe("Item value (required)"),
|
|
120
|
+
size: zod.z.enum(["sm", "md"]).optional().describe("Size (overrides group)"),
|
|
121
|
+
label: zod.z.any().optional().describe("Label text (ReactNode)"),
|
|
122
|
+
children: zod.z.any().optional().describe("Label alternative content (ReactNode)"),
|
|
123
|
+
disabled: zod.z.boolean().optional().describe("Disabled"),
|
|
124
|
+
className: zod.z.string().optional().describe("Style override")
|
|
125
|
+
}).describe("Individual option within RadioGroup.");
|
|
126
126
|
var switchPropsSchema = zod.z.object({
|
|
127
|
-
size: zod.z.enum(["sm", "md"]).default("md").describe("
|
|
128
|
-
checked: zod.z.boolean().optional().describe("
|
|
129
|
-
disabled: zod.z.boolean().optional().describe("
|
|
130
|
-
readOnly: zod.z.boolean().optional().describe("
|
|
131
|
-
name: zod.z.string().optional().describe("
|
|
132
|
-
id: zod.z.string().optional().describe("
|
|
133
|
-
onCheckedChange: zod.z.any().optional().describe("
|
|
134
|
-
onChange: zod.z.any().optional().describe("
|
|
135
|
-
className: zod.z.string().optional().describe("
|
|
136
|
-
}).describe('
|
|
127
|
+
size: zod.z.enum(["sm", "md"]).default("md").describe("Size"),
|
|
128
|
+
checked: zod.z.boolean().optional().describe("On/off state"),
|
|
129
|
+
disabled: zod.z.boolean().optional().describe("Disabled"),
|
|
130
|
+
readOnly: zod.z.boolean().optional().describe("Read-only"),
|
|
131
|
+
name: zod.z.string().optional().describe("Form field name"),
|
|
132
|
+
id: zod.z.string().optional().describe("Element ID"),
|
|
133
|
+
onCheckedChange: zod.z.any().optional().describe("Toggle state change callback (checked: boolean) => void"),
|
|
134
|
+
onChange: zod.z.any().optional().describe("Native change event handler (ChangeEvent)"),
|
|
135
|
+
className: zod.z.string().optional().describe("Style override")
|
|
136
|
+
}).describe('Toggle switch. Native checkbox-based, role="switch".');
|
|
137
137
|
var chipPropsSchema = zod.z.object({
|
|
138
|
-
variant: zod.z.enum(["default", "filled", "outline", "accent"]).default("default").describe("
|
|
139
|
-
size: zod.z.enum(["sm", "md", "lg"]).default("md").describe("
|
|
140
|
-
asChild: zod.z.boolean().optional().describe("true
|
|
141
|
-
disabled: zod.z.boolean().optional().describe("
|
|
142
|
-
children: zod.z.any().optional().describe("
|
|
143
|
-
onClose: zod.z.any().optional().describe("
|
|
144
|
-
onClick: zod.z.any().optional().describe("
|
|
145
|
-
className: zod.z.string().optional().describe("
|
|
146
|
-
}).describe("
|
|
138
|
+
variant: zod.z.enum(["default", "filled", "outline", "accent"]).default("default").describe("Style"),
|
|
139
|
+
size: zod.z.enum(["sm", "md", "lg"]).default("md").describe("Size"),
|
|
140
|
+
asChild: zod.z.boolean().optional().describe("If true, renders as child element (Slot pattern)"),
|
|
141
|
+
disabled: zod.z.boolean().optional().describe("Disabled (auto aria-disabled)"),
|
|
142
|
+
children: zod.z.any().optional().describe("Chip content (ReactNode)"),
|
|
143
|
+
onClose: zod.z.any().optional().describe("Close button click callback (e: MouseEvent) => void. Shows X button when provided"),
|
|
144
|
+
onClick: zod.z.any().optional().describe("Click event handler"),
|
|
145
|
+
className: zod.z.string().optional().describe("Style override")
|
|
146
|
+
}).describe("Chip/tag/badge. Close button displayed via onClose prop.");
|
|
147
147
|
var spinnerPropsSchema = zod.z.object({
|
|
148
|
-
size: zod.z.number().default(20).describe("px
|
|
149
|
-
color: zod.z.string().optional().describe("
|
|
150
|
-
"aria-label": zod.z.string().default("Loading").describe("
|
|
151
|
-
style: zod.z.any().optional().describe("
|
|
152
|
-
className: zod.z.string().optional().describe("
|
|
153
|
-
}).describe('
|
|
148
|
+
size: zod.z.number().default(20).describe("Size in px"),
|
|
149
|
+
color: zod.z.string().optional().describe("Color (CSS color value, default currentColor)"),
|
|
150
|
+
"aria-label": zod.z.string().default("Loading").describe("Accessibility label"),
|
|
151
|
+
style: zod.z.any().optional().describe("Inline style (CSSProperties)"),
|
|
152
|
+
className: zod.z.string().optional().describe("Color override etc.")
|
|
153
|
+
}).describe('Loading indicator. SVG-based. Built-in role="status".');
|
|
154
154
|
var skeletonPropsSchema = zod.z.object({
|
|
155
|
-
as: zod.z.enum(["div", "span"]).default("div").describe("
|
|
156
|
-
circle: zod.z.boolean().default(false).describe("
|
|
157
|
-
width: zod.z.union([zod.z.string(), zod.z.number()]).optional().describe("
|
|
158
|
-
height: zod.z.union([zod.z.string(), zod.z.number()]).optional().describe("
|
|
159
|
-
children: zod.z.any().optional().describe("
|
|
160
|
-
style: zod.z.any().optional().describe("
|
|
161
|
-
className: zod.z.string().optional().describe("
|
|
155
|
+
as: zod.z.enum(["div", "span"]).default("div").describe("Rendered tag"),
|
|
156
|
+
circle: zod.z.boolean().default(false).describe("Circle skeleton (rounded-full)"),
|
|
157
|
+
width: zod.z.union([zod.z.string(), zod.z.number()]).optional().describe("Width (e.g. '100px', '50%', 200)"),
|
|
158
|
+
height: zod.z.union([zod.z.string(), zod.z.number()]).optional().describe("Height (e.g. '16px', 40)"),
|
|
159
|
+
children: zod.z.any().optional().describe("Inner content (shown when loaded, maintains actual size)"),
|
|
160
|
+
style: zod.z.any().optional().describe("Inline style (CSSProperties)"),
|
|
161
|
+
className: zod.z.string().optional().describe("Style override")
|
|
162
162
|
}).describe(
|
|
163
|
-
"
|
|
163
|
+
"Skeleton loading placeholder. Size/shape via className. With children, wraps transparently to maintain actual size."
|
|
164
164
|
);
|
|
165
165
|
var dividerPropsSchema = zod.z.object({
|
|
166
|
-
orientation: zod.z.enum(["horizontal", "vertical"]).default("horizontal").describe("
|
|
167
|
-
variant: zod.z.enum(["solid", "dashed", "dotted"]).default("solid").describe("
|
|
168
|
-
color: zod.z.string().optional().describe("
|
|
169
|
-
style: zod.z.any().optional().describe("
|
|
170
|
-
className: zod.z.string().optional().describe("
|
|
171
|
-
}).describe("
|
|
166
|
+
orientation: zod.z.enum(["horizontal", "vertical"]).default("horizontal").describe("Direction"),
|
|
167
|
+
variant: zod.z.enum(["solid", "dashed", "dotted"]).default("solid").describe("Line style"),
|
|
168
|
+
color: zod.z.string().optional().describe("Custom color (CSS value)"),
|
|
169
|
+
style: zod.z.any().optional().describe("Inline style (CSSProperties)"),
|
|
170
|
+
className: zod.z.string().optional().describe("Style override")
|
|
171
|
+
}).describe("Divider. Supports horizontal/vertical, solid/dashed/dotted.");
|
|
172
172
|
var tooltipPropsSchema = zod.z.object({
|
|
173
|
-
children: zod.z.any().describe("
|
|
174
|
-
content: zod.z.any().describe("
|
|
175
|
-
variant: zod.z.enum(["dark", "light"]).default("dark").describe("
|
|
176
|
-
side: zod.z.enum(["top", "right", "bottom", "left"]).default("top").describe("
|
|
177
|
-
align: zod.z.enum(["start", "center", "end"]).default("center").describe("
|
|
178
|
-
delayDuration: zod.z.number().default(200).describe("
|
|
179
|
-
disabled: zod.z.boolean().default(false).describe("
|
|
180
|
-
className: zod.z.string().optional().describe("Content
|
|
181
|
-
triggerClassName: zod.z.string().optional().describe("Trigger
|
|
182
|
-
}).describe("
|
|
173
|
+
children: zod.z.any().describe("Trigger element (ReactNode, required)"),
|
|
174
|
+
content: zod.z.any().describe("Tooltip content (ReactNode, required)"),
|
|
175
|
+
variant: zod.z.enum(["dark", "light"]).default("dark").describe("Style"),
|
|
176
|
+
side: zod.z.enum(["top", "right", "bottom", "left"]).default("top").describe("Position"),
|
|
177
|
+
align: zod.z.enum(["start", "center", "end"]).default("center").describe("Alignment"),
|
|
178
|
+
delayDuration: zod.z.number().default(200).describe("Show delay (ms)"),
|
|
179
|
+
disabled: zod.z.boolean().default(false).describe("Disabled"),
|
|
180
|
+
className: zod.z.string().optional().describe("Content style"),
|
|
181
|
+
triggerClassName: zod.z.string().optional().describe("Trigger style")
|
|
182
|
+
}).describe("Tooltip. Based on Radix Tooltip. Built-in Provider.");
|
|
183
183
|
var popoverPropsSchema = zod.z.object({
|
|
184
|
-
trigger: zod.z.any().describe("
|
|
185
|
-
side: zod.z.enum(["top", "right", "bottom", "left"]).default("bottom").describe("
|
|
186
|
-
align: zod.z.enum(["start", "center", "end"]).default("center").describe("
|
|
187
|
-
sideOffset: zod.z.number().default(4).describe("
|
|
188
|
-
alignOffset: zod.z.number().optional().describe("
|
|
189
|
-
open: zod.z.boolean().optional().describe("
|
|
190
|
-
onOpenChange: zod.z.any().optional().describe("
|
|
191
|
-
onClickTrigger: zod.z.any().optional().describe("
|
|
192
|
-
children: zod.z.any().optional().describe("
|
|
193
|
-
className: zod.z.string().optional().describe("Content
|
|
194
|
-
arrowClassName: zod.z.string().optional().describe("Arrow
|
|
195
|
-
}).describe("
|
|
184
|
+
trigger: zod.z.any().describe("Trigger element (ReactNode, required)"),
|
|
185
|
+
side: zod.z.enum(["top", "right", "bottom", "left"]).default("bottom").describe("Position"),
|
|
186
|
+
align: zod.z.enum(["start", "center", "end"]).default("center").describe("Alignment"),
|
|
187
|
+
sideOffset: zod.z.number().default(4).describe("Position offset (px)"),
|
|
188
|
+
alignOffset: zod.z.number().optional().describe("Alignment offset (px)"),
|
|
189
|
+
open: zod.z.boolean().optional().describe("Controlled mode"),
|
|
190
|
+
onOpenChange: zod.z.any().optional().describe("Open/close state change callback (open: boolean) => void"),
|
|
191
|
+
onClickTrigger: zod.z.any().optional().describe("Callback on trigger element click. Passed to PopoverPrimitive.Trigger onClick."),
|
|
192
|
+
children: zod.z.any().optional().describe("Popover body (ReactNode)"),
|
|
193
|
+
className: zod.z.string().optional().describe("Content style"),
|
|
194
|
+
arrowClassName: zod.z.string().optional().describe("Arrow style")
|
|
195
|
+
}).describe("Popover. Based on Radix Popover.");
|
|
196
196
|
var accordionItemData = zod.z.object({
|
|
197
|
-
id: zod.z.string().describe("
|
|
198
|
-
trigger: zod.z.any().describe("
|
|
199
|
-
content: zod.z.any().describe("
|
|
200
|
-
disabled: zod.z.boolean().optional().describe("
|
|
197
|
+
id: zod.z.string().describe("Unique ID"),
|
|
198
|
+
trigger: zod.z.any().describe("Trigger content (ReactNode)"),
|
|
199
|
+
content: zod.z.any().describe("Expandable content (ReactNode)"),
|
|
200
|
+
disabled: zod.z.boolean().optional().describe("Disabled"),
|
|
201
201
|
className: zod.z.string().optional(),
|
|
202
202
|
triggerClassName: zod.z.string().optional(),
|
|
203
203
|
contentClassName: zod.z.string().optional()
|
|
204
204
|
});
|
|
205
205
|
var accordionPropsSchema = zod.z.object({
|
|
206
|
-
items: zod.z.array(accordionItemData).describe("
|
|
207
|
-
type: zod.z.enum(["single", "multiple"]).default("single").describe("
|
|
208
|
-
collapsible: zod.z.boolean().default(true).describe("
|
|
209
|
-
value: zod.z.union([zod.z.string(), zod.z.array(zod.z.string())]).optional().describe("
|
|
210
|
-
defaultValue: zod.z.union([zod.z.string(), zod.z.array(zod.z.string())]).optional().describe("
|
|
211
|
-
onValueChange: zod.z.any().optional().describe("
|
|
212
|
-
className: zod.z.string().optional().describe("Root
|
|
213
|
-
}).describe("
|
|
206
|
+
items: zod.z.array(accordionItemData).describe("Accordion item array (required)"),
|
|
207
|
+
type: zod.z.enum(["single", "multiple"]).default("single").describe("Single/multiple open mode"),
|
|
208
|
+
collapsible: zod.z.boolean().default(true).describe("Allow collapsing all"),
|
|
209
|
+
value: zod.z.union([zod.z.string(), zod.z.array(zod.z.string())]).optional().describe("Controlled mode"),
|
|
210
|
+
defaultValue: zod.z.union([zod.z.string(), zod.z.array(zod.z.string())]).optional().describe("Uncontrolled initial value"),
|
|
211
|
+
onValueChange: zod.z.any().optional().describe("Open item change callback (value: string | string[]) => void"),
|
|
212
|
+
className: zod.z.string().optional().describe("Root style")
|
|
213
|
+
}).describe("Accordion. Supports both items array and composable patterns.");
|
|
214
214
|
var drawerDirection = zod.z.enum(["bottom", "top", "left", "right"]).default("bottom");
|
|
215
215
|
var drawerPropsSchema = zod.z.object({
|
|
216
|
-
direction: drawerDirection.describe("
|
|
217
|
-
open: zod.z.boolean().optional().describe("
|
|
218
|
-
onOpenChange: zod.z.any().optional().describe("
|
|
219
|
-
dismissible: zod.z.boolean().optional().describe("
|
|
220
|
-
modal: zod.z.boolean().optional().describe("
|
|
221
|
-
shouldScaleBackground: zod.z.boolean().optional().describe("
|
|
222
|
-
children: zod.z.any().describe("Drawer
|
|
223
|
-
}).describe("
|
|
216
|
+
direction: drawerDirection.describe("Direction"),
|
|
217
|
+
open: zod.z.boolean().optional().describe("Open state (controlled mode)"),
|
|
218
|
+
onOpenChange: zod.z.any().optional().describe("Open state change callback (open: boolean) => void"),
|
|
219
|
+
dismissible: zod.z.boolean().optional().describe("Allow close via swipe/outside click (default true)"),
|
|
220
|
+
modal: zod.z.boolean().optional().describe("Modal mode (default true). If false, background is interactive"),
|
|
221
|
+
shouldScaleBackground: zod.z.boolean().optional().describe("Background scale effect (default false)"),
|
|
222
|
+
children: zod.z.any().describe("Drawer sub-components (ReactNode, required)")
|
|
223
|
+
}).describe("Drawer/bottom sheet. Based on Vaul. Compound component pattern.");
|
|
224
224
|
var drawerContentPropsSchema = zod.z.object({
|
|
225
|
-
direction: drawerDirection.optional().describe("
|
|
226
|
-
blur: zod.z.enum(["none", "sm", "md"]).default("none").describe("
|
|
227
|
-
showHandle: zod.z.boolean().default(true).describe("
|
|
228
|
-
children: zod.z.any().optional().describe("
|
|
229
|
-
overlayClassName: zod.z.string().optional().describe("
|
|
230
|
-
className: zod.z.string().optional().describe("
|
|
231
|
-
}).describe("Drawer.Content
|
|
225
|
+
direction: drawerDirection.optional().describe("Direction (Context takes priority)"),
|
|
226
|
+
blur: zod.z.enum(["none", "sm", "md"]).default("none").describe("Overlay blur"),
|
|
227
|
+
showHandle: zod.z.boolean().default(true).describe("Show handle bar"),
|
|
228
|
+
children: zod.z.any().optional().describe("Content area (ReactNode)"),
|
|
229
|
+
overlayClassName: zod.z.string().optional().describe("Overlay style"),
|
|
230
|
+
className: zod.z.string().optional().describe("Panel style")
|
|
231
|
+
}).describe("Drawer.Content area.");
|
|
232
232
|
var drawerTriggerPropsSchema = zod.z.object({
|
|
233
|
-
asChild: zod.z.boolean().optional().describe("
|
|
234
|
-
children: zod.z.any().describe("
|
|
235
|
-
className: zod.z.string().optional().describe("
|
|
236
|
-
}).describe("Drawer
|
|
233
|
+
asChild: zod.z.boolean().optional().describe("Render as child element"),
|
|
234
|
+
children: zod.z.any().describe("Trigger element (ReactNode, required)"),
|
|
235
|
+
className: zod.z.string().optional().describe("Style override")
|
|
236
|
+
}).describe("Drawer open trigger.");
|
|
237
237
|
var drawerClosePropsSchema = zod.z.object({
|
|
238
|
-
asChild: zod.z.boolean().optional().describe("
|
|
239
|
-
children: zod.z.any().describe("
|
|
240
|
-
className: zod.z.string().optional().describe("
|
|
241
|
-
}).describe("Drawer
|
|
238
|
+
asChild: zod.z.boolean().optional().describe("Render as child element"),
|
|
239
|
+
children: zod.z.any().describe("Close element (ReactNode, required)"),
|
|
240
|
+
className: zod.z.string().optional().describe("Style override")
|
|
241
|
+
}).describe("Drawer close button.");
|
|
242
242
|
var drawerTitlePropsSchema = zod.z.object({
|
|
243
|
-
children: zod.z.any().describe("
|
|
244
|
-
className: zod.z.string().optional().describe("
|
|
245
|
-
}).describe("Drawer
|
|
243
|
+
children: zod.z.any().describe("Title text (ReactNode, required)"),
|
|
244
|
+
className: zod.z.string().optional().describe("Style override")
|
|
245
|
+
}).describe("Drawer title (required for accessibility).");
|
|
246
246
|
var drawerDescriptionPropsSchema = zod.z.object({
|
|
247
|
-
children: zod.z.any().describe("
|
|
248
|
-
className: zod.z.string().optional().describe("
|
|
249
|
-
}).describe("Drawer
|
|
247
|
+
children: zod.z.any().describe("Description text (ReactNode, required)"),
|
|
248
|
+
className: zod.z.string().optional().describe("Style override")
|
|
249
|
+
}).describe("Drawer description.");
|
|
250
250
|
var tabItem = zod.z.object({
|
|
251
|
-
key: zod.z.string().describe("
|
|
252
|
-
label: zod.z.any().describe("
|
|
253
|
-
children: zod.z.any().optional().describe("
|
|
254
|
-
disabled: zod.z.boolean().optional().describe("
|
|
251
|
+
key: zod.z.string().describe("Tab unique key"),
|
|
252
|
+
label: zod.z.any().describe("Tab label (ReactNode)"),
|
|
253
|
+
children: zod.z.any().optional().describe("Tab panel content (ReactNode)"),
|
|
254
|
+
disabled: zod.z.boolean().optional().describe("Disabled")
|
|
255
255
|
});
|
|
256
256
|
var tabPropsSchema = zod.z.object({
|
|
257
|
-
items: zod.z.array(tabItem).describe("
|
|
258
|
-
activeKey: zod.z.string().optional().describe("
|
|
259
|
-
defaultActiveKey: zod.z.string().optional().describe("
|
|
260
|
-
variant: zod.z.enum(["line", "pill"]).default("line").describe("
|
|
261
|
-
size: zod.z.enum(["sm", "md"]).default("md").describe("
|
|
262
|
-
destroyInactive: zod.z.boolean().default(false).describe("
|
|
263
|
-
onTabChange: zod.z.any().optional().describe("
|
|
264
|
-
className: zod.z.string().optional().describe("
|
|
265
|
-
tabListClassName: zod.z.string().optional().describe("
|
|
266
|
-
tabPanelClassName: zod.z.string().optional().describe("
|
|
267
|
-
}).describe("
|
|
257
|
+
items: zod.z.array(tabItem).describe("Tab item array (required)"),
|
|
258
|
+
activeKey: zod.z.string().optional().describe("Controlled mode active key"),
|
|
259
|
+
defaultActiveKey: zod.z.string().optional().describe("Uncontrolled initial key"),
|
|
260
|
+
variant: zod.z.enum(["line", "pill"]).default("line").describe("Style"),
|
|
261
|
+
size: zod.z.enum(["sm", "md"]).default("md").describe("Size"),
|
|
262
|
+
destroyInactive: zod.z.boolean().default(false).describe("Unmount inactive panels"),
|
|
263
|
+
onTabChange: zod.z.any().optional().describe("Tab change callback (key: string) => void"),
|
|
264
|
+
className: zod.z.string().optional().describe("Root style"),
|
|
265
|
+
tabListClassName: zod.z.string().optional().describe("Tab list style"),
|
|
266
|
+
tabPanelClassName: zod.z.string().optional().describe("Tab panel style")
|
|
267
|
+
}).describe("Tab navigation. line/pill variants.");
|
|
268
268
|
var carouselPropsSchema = zod.z.object({
|
|
269
|
-
opts: zod.z.record(zod.z.any()).optional().describe("Embla
|
|
270
|
-
plugins: zod.z.array(zod.z.any()).optional().describe("Embla
|
|
271
|
-
onApiChange: zod.z.any().optional().describe("Embla API
|
|
272
|
-
children: zod.z.any().optional().describe("
|
|
273
|
-
className: zod.z.string().optional().describe("
|
|
269
|
+
opts: zod.z.record(zod.z.any()).optional().describe("Embla options (loop, align, etc.)"),
|
|
270
|
+
plugins: zod.z.array(zod.z.any()).optional().describe("Embla plugins"),
|
|
271
|
+
onApiChange: zod.z.any().optional().describe("Embla API change callback (api: CarouselApi) => void"),
|
|
272
|
+
children: zod.z.any().optional().describe("Carousel slides and sub-components (ReactNode)"),
|
|
273
|
+
className: zod.z.string().optional().describe("Style override")
|
|
274
274
|
}).describe(
|
|
275
|
-
"
|
|
275
|
+
"Carousel. Based on Embla Carousel. Sub-components: CarouselSlide, CarouselPrev, CarouselNext, CarouselDots."
|
|
276
276
|
);
|
|
277
277
|
var carouselSlidePropsSchema = zod.z.object({
|
|
278
|
-
className: zod.z.string().optional().describe("
|
|
279
|
-
children: zod.z.any().describe("
|
|
280
|
-
}).describe("
|
|
278
|
+
className: zod.z.string().optional().describe("Slide style (use basis-1/3 etc. for multi-slide view)"),
|
|
279
|
+
children: zod.z.any().describe("Slide content (ReactNode, required)")
|
|
280
|
+
}).describe("Carousel slide. Used inside Carousel.");
|
|
281
281
|
var carouselButtonPropsSchema = zod.z.object({
|
|
282
|
-
className: zod.z.string().optional().describe("
|
|
283
|
-
children: zod.z.any().optional().describe("
|
|
284
|
-
}).describe("CarouselPrev / CarouselNext.
|
|
282
|
+
className: zod.z.string().optional().describe("Button style override"),
|
|
283
|
+
children: zod.z.any().optional().describe("Custom icon (ReactNode, default: chevron)")
|
|
284
|
+
}).describe("CarouselPrev / CarouselNext. Previous/next navigation buttons.");
|
|
285
285
|
var carouselDotsPropsSchema = zod.z.object({
|
|
286
|
-
className: zod.z.string().optional().describe("
|
|
287
|
-
}).describe("CarouselDots.
|
|
286
|
+
className: zod.z.string().optional().describe("Dot container style")
|
|
287
|
+
}).describe("CarouselDots. Slide indicator dots.");
|
|
288
288
|
var paginationPropsSchema = zod.z.object({
|
|
289
|
-
currentPage: zod.z.number().describe("
|
|
290
|
-
totalPages: zod.z.number().describe("
|
|
291
|
-
siblingCount: zod.z.number().default(1).describe("
|
|
292
|
-
showEdges: zod.z.boolean().optional().describe("
|
|
293
|
-
size: zod.z.enum(["sm", "md"]).default("md").describe("
|
|
294
|
-
onPageChange: zod.z.any().describe("
|
|
295
|
-
className: zod.z.string().optional().describe("<nav>
|
|
296
|
-
}).describe("
|
|
289
|
+
currentPage: zod.z.number().describe("Current page (1-based, required)"),
|
|
290
|
+
totalPages: zod.z.number().describe("Total page count (required)"),
|
|
291
|
+
siblingCount: zod.z.number().default(1).describe("Number of pages shown on each side of current"),
|
|
292
|
+
showEdges: zod.z.boolean().optional().describe("Always show first/last page"),
|
|
293
|
+
size: zod.z.enum(["sm", "md"]).default("md").describe("Size"),
|
|
294
|
+
onPageChange: zod.z.any().describe("Page change callback (page: number) => void, required"),
|
|
295
|
+
className: zod.z.string().optional().describe("<nav> style")
|
|
296
|
+
}).describe("Pagination. Previous/next + page number buttons.");
|
|
297
297
|
var avatarPropsSchema = zod.z.object({
|
|
298
|
-
src: zod.z.string().optional().describe("
|
|
299
|
-
alt: zod.z.string().optional().describe("
|
|
300
|
-
fallback: zod.z.any().optional().describe("
|
|
301
|
-
size: zod.z.enum(["xs", "sm", "md", "lg", "xl"]).default("md").describe("
|
|
302
|
-
shape: zod.z.enum(["circle", "square"]).default("circle").describe("
|
|
303
|
-
children: zod.z.any().optional().describe("
|
|
304
|
-
onImageError: zod.z.any().optional().describe("
|
|
305
|
-
className: zod.z.string().optional().describe("
|
|
306
|
-
}).describe("
|
|
298
|
+
src: zod.z.string().optional().describe("Image URL"),
|
|
299
|
+
alt: zod.z.string().optional().describe("Alt text"),
|
|
300
|
+
fallback: zod.z.any().optional().describe("Displayed on image load failure (ReactNode)"),
|
|
301
|
+
size: zod.z.enum(["xs", "sm", "md", "lg", "xl"]).default("md").describe("Size"),
|
|
302
|
+
shape: zod.z.enum(["circle", "square"]).default("circle").describe("Shape"),
|
|
303
|
+
children: zod.z.any().optional().describe("Custom image element (e.g. Next.js Image)"),
|
|
304
|
+
onImageError: zod.z.any().optional().describe("Image load error callback () => void"),
|
|
305
|
+
className: zod.z.string().optional().describe("Style override")
|
|
306
|
+
}).describe("Avatar. Supports image, fallback text, and children.");
|
|
307
307
|
var counterPropsSchema = zod.z.object({
|
|
308
|
-
endValue: zod.z.number().describe("
|
|
309
|
-
startValue: zod.z.number().default(0).describe("
|
|
310
|
-
duration: zod.z.number().default(1500).describe("
|
|
311
|
-
delay: zod.z.number().default(0).describe("
|
|
312
|
-
separator: zod.z.boolean().default(true).describe("
|
|
313
|
-
digits: zod.z.number().default(0).describe("
|
|
314
|
-
triggerOnView: zod.z.boolean().default(false).describe("
|
|
315
|
-
onEnd: zod.z.any().optional().describe("
|
|
316
|
-
style: zod.z.any().optional().describe("
|
|
317
|
-
className: zod.z.string().optional().describe("
|
|
318
|
-
}).describe("
|
|
308
|
+
endValue: zod.z.number().describe("Target value (required)"),
|
|
309
|
+
startValue: zod.z.number().default(0).describe("Start value"),
|
|
310
|
+
duration: zod.z.number().default(1500).describe("Animation duration (ms)"),
|
|
311
|
+
delay: zod.z.number().default(0).describe("Start delay (ms)"),
|
|
312
|
+
separator: zod.z.boolean().default(true).describe("Thousands separator"),
|
|
313
|
+
digits: zod.z.number().default(0).describe("Decimal places"),
|
|
314
|
+
triggerOnView: zod.z.boolean().default(false).describe("Start on viewport entry"),
|
|
315
|
+
onEnd: zod.z.any().optional().describe("Count complete callback () => void"),
|
|
316
|
+
style: zod.z.any().optional().describe("Inline style (CSSProperties)"),
|
|
317
|
+
className: zod.z.string().optional().describe("Style override")
|
|
318
|
+
}).describe("Number count animation.");
|
|
319
319
|
var countdownPropsSchema = zod.z.object({
|
|
320
|
-
endTimestamp: zod.z.number().describe("
|
|
321
|
-
separator: zod.z.any().default(":").describe("
|
|
322
|
-
showDays: zod.z.boolean().default(true).describe("
|
|
320
|
+
endTimestamp: zod.z.number().describe("End time (Unix ms, required)"),
|
|
321
|
+
separator: zod.z.any().default(":").describe("Separator (ReactNode)"),
|
|
322
|
+
showDays: zod.z.boolean().default(true).describe("Show days unit"),
|
|
323
323
|
labels: zod.z.object({
|
|
324
324
|
days: zod.z.string().optional(),
|
|
325
325
|
hours: zod.z.string().optional(),
|
|
326
326
|
minutes: zod.z.string().optional(),
|
|
327
327
|
seconds: zod.z.string().optional()
|
|
328
|
-
}).optional().describe("
|
|
329
|
-
render: zod.z.any().optional().describe("
|
|
330
|
-
onEnd: zod.z.any().optional().describe("
|
|
331
|
-
className: zod.z.string().optional().describe("
|
|
332
|
-
}).describe("
|
|
328
|
+
}).optional().describe("Unit labels"),
|
|
329
|
+
render: zod.z.any().optional().describe("Custom render function"),
|
|
330
|
+
onEnd: zod.z.any().optional().describe("Countdown end callback () => void"),
|
|
331
|
+
className: zod.z.string().optional().describe("Style override")
|
|
332
|
+
}).describe("Countdown timer.");
|
|
333
333
|
var marqueePropsSchema = zod.z.object({
|
|
334
|
-
direction: zod.z.enum(["left", "right", "up", "down"]).default("left").describe("
|
|
335
|
-
speed: zod.z.number().default(40).describe("
|
|
336
|
-
pauseOnHover: zod.z.boolean().default(false).describe("
|
|
337
|
-
gap: zod.z.number().default(16).describe("
|
|
338
|
-
children: zod.z.any().describe("
|
|
339
|
-
style: zod.z.any().optional().describe("
|
|
340
|
-
className: zod.z.string().optional().describe("
|
|
341
|
-
}).describe("
|
|
334
|
+
direction: zod.z.enum(["left", "right", "up", "down"]).default("left").describe("Direction"),
|
|
335
|
+
speed: zod.z.number().default(40).describe("Animation speed (seconds)"),
|
|
336
|
+
pauseOnHover: zod.z.boolean().default(false).describe("Pause on hover"),
|
|
337
|
+
gap: zod.z.number().default(16).describe("Item gap (px)"),
|
|
338
|
+
children: zod.z.any().describe("Content to repeat (ReactNode, required)"),
|
|
339
|
+
style: zod.z.any().optional().describe("Inline style (CSSProperties)"),
|
|
340
|
+
className: zod.z.string().optional().describe("Style override")
|
|
341
|
+
}).describe("Marquee (scrolling text/elements).");
|
|
342
342
|
var virtualListPropsSchema = zod.z.object({
|
|
343
|
-
items: zod.z.array(zod.z.any()).describe("
|
|
344
|
-
estimateSize: zod.z.union([zod.z.number(), zod.z.any()]).describe("
|
|
345
|
-
renderItem: zod.z.any().describe("
|
|
346
|
-
overscan: zod.z.number().default(5).describe("
|
|
347
|
-
gap: zod.z.number().default(0).describe("
|
|
348
|
-
className: zod.z.string().optional().describe("
|
|
349
|
-
style: zod.z.any().optional().describe("
|
|
350
|
-
endReachedThreshold: zod.z.number().default(200).describe("
|
|
351
|
-
onEndReached: zod.z.any().optional().describe("
|
|
352
|
-
}).describe("
|
|
343
|
+
items: zod.z.array(zod.z.any()).describe("Data array (required)"),
|
|
344
|
+
estimateSize: zod.z.union([zod.z.number(), zod.z.any()]).describe("Estimated item height (number or (index) => number, required)"),
|
|
345
|
+
renderItem: zod.z.any().describe("Item renderer (item, index, virtualItem) => ReactNode (required)"),
|
|
346
|
+
overscan: zod.z.number().default(5).describe("Overscan count"),
|
|
347
|
+
gap: zod.z.number().default(0).describe("Item gap (px)"),
|
|
348
|
+
className: zod.z.string().optional().describe("Scroll container style"),
|
|
349
|
+
style: zod.z.any().optional().describe("Inline style (CSSProperties)"),
|
|
350
|
+
endReachedThreshold: zod.z.number().default(200).describe("End detection threshold (px)"),
|
|
351
|
+
onEndReached: zod.z.any().optional().describe("End reached callback () => void")
|
|
352
|
+
}).describe("Virtual scroll list. Based on @tanstack/react-virtual.");
|
|
353
353
|
var virtualGridPropsSchema = zod.z.object({
|
|
354
|
-
items: zod.z.array(zod.z.any()).describe("
|
|
355
|
-
columns: zod.z.number().describe("
|
|
356
|
-
estimateSize: zod.z.union([zod.z.number(), zod.z.any()]).describe("
|
|
357
|
-
renderItem: zod.z.any().describe("
|
|
358
|
-
overscan: zod.z.number().default(3).describe("
|
|
359
|
-
gap: zod.z.number().default(0).describe("
|
|
360
|
-
className: zod.z.string().optional().describe("
|
|
361
|
-
style: zod.z.any().optional().describe("
|
|
362
|
-
endReachedThreshold: zod.z.number().default(200).describe("
|
|
363
|
-
onEndReached: zod.z.any().optional().describe("
|
|
364
|
-
}).describe("
|
|
354
|
+
items: zod.z.array(zod.z.any()).describe("Data array (required)"),
|
|
355
|
+
columns: zod.z.number().describe("Column count (required)"),
|
|
356
|
+
estimateSize: zod.z.union([zod.z.number(), zod.z.any()]).describe("Estimated item height (required)"),
|
|
357
|
+
renderItem: zod.z.any().describe("Item renderer (item, index) => ReactNode (required)"),
|
|
358
|
+
overscan: zod.z.number().default(3).describe("Overscan count"),
|
|
359
|
+
gap: zod.z.number().default(0).describe("Item gap (px)"),
|
|
360
|
+
className: zod.z.string().optional().describe("Scroll container style"),
|
|
361
|
+
style: zod.z.any().optional().describe("Inline style (CSSProperties)"),
|
|
362
|
+
endReachedThreshold: zod.z.number().default(200).describe("End detection threshold (px)"),
|
|
363
|
+
onEndReached: zod.z.any().optional().describe("End reached callback () => void")
|
|
364
|
+
}).describe("Virtual scroll grid. Based on @tanstack/react-virtual.");
|
|
365
365
|
var infiniteScrollPropsSchema = zod.z.object({
|
|
366
|
-
list: zod.z.array(zod.z.any()).nullable().describe("
|
|
367
|
-
totalCount: zod.z.number().optional().describe("
|
|
368
|
-
hasMore: zod.z.boolean().optional().describe("
|
|
369
|
-
tag: zod.z.string().default("div").describe("
|
|
370
|
-
rootMargin: zod.z.number().default(100).describe("
|
|
371
|
-
loading: zod.z.boolean().optional().describe("
|
|
372
|
-
loadingElement: zod.z.any().optional().describe("
|
|
373
|
-
handleLoadMore: zod.z.any().describe("
|
|
374
|
-
scrollTarget: zod.z.any().optional().describe("
|
|
375
|
-
children: zod.z.any().describe("
|
|
376
|
-
className: zod.z.string().optional().describe("
|
|
377
|
-
}).describe("
|
|
366
|
+
list: zod.z.array(zod.z.any()).nullable().describe("Current data array (required)"),
|
|
367
|
+
totalCount: zod.z.number().optional().describe("Total count (mutually exclusive with hasMore)"),
|
|
368
|
+
hasMore: zod.z.boolean().optional().describe("Has more items (mutually exclusive with totalCount)"),
|
|
369
|
+
tag: zod.z.string().default("div").describe("Children wrapper tag"),
|
|
370
|
+
rootMargin: zod.z.number().default(100).describe("Detection margin (px)"),
|
|
371
|
+
loading: zod.z.boolean().optional().describe("Loading state"),
|
|
372
|
+
loadingElement: zod.z.any().optional().describe("Custom loading element"),
|
|
373
|
+
handleLoadMore: zod.z.any().describe("Load more callback () => void, required"),
|
|
374
|
+
scrollTarget: zod.z.any().optional().describe("Scroll target element (HTMLElement | Document | MutableRefObject)"),
|
|
375
|
+
children: zod.z.any().describe("List item rendering (ReactNode, required)"),
|
|
376
|
+
className: zod.z.string().optional().describe("Style override")
|
|
377
|
+
}).describe("Infinite scroll. Based on IntersectionObserver.");
|
|
378
378
|
var ellipsisPropsSchema = zod.z.object({
|
|
379
|
-
content: zod.z.any().default("").describe("
|
|
380
|
-
lineClamp: zod.z.number().default(2).describe("
|
|
381
|
-
triggerMore: zod.z.any().default("more").describe("
|
|
382
|
-
triggerLess: zod.z.any().default("less").describe("
|
|
383
|
-
defaultShortened: zod.z.boolean().default(true).describe("
|
|
384
|
-
observingEnvs: zod.z.array(zod.z.boolean()).optional().describe("
|
|
385
|
-
onShowMoreLessClick: zod.z.any().optional().describe("
|
|
386
|
-
className: zod.z.string().optional().describe("
|
|
387
|
-
}).describe("
|
|
379
|
+
content: zod.z.any().default("").describe("Body text (ReactNode)"),
|
|
380
|
+
lineClamp: zod.z.number().default(2).describe("Line clamp limit"),
|
|
381
|
+
triggerMore: zod.z.any().default("more").describe("Show more text (ReactNode)"),
|
|
382
|
+
triggerLess: zod.z.any().default("less").describe("Show less text (ReactNode)"),
|
|
383
|
+
defaultShortened: zod.z.boolean().default(true).describe("Initial collapsed state"),
|
|
384
|
+
observingEnvs: zod.z.array(zod.z.boolean()).optional().describe("Re-measure on external condition change"),
|
|
385
|
+
onShowMoreLessClick: zod.z.any().optional().describe("Show more/less click callback () => void"),
|
|
386
|
+
className: zod.z.string().optional().describe("Style override")
|
|
387
|
+
}).describe("Text ellipsis. Built-in show more/less toggle.");
|
|
388
388
|
var numberInputPropsSchema = zod.z.object({
|
|
389
|
-
value: zod.z.union([zod.z.number(), zod.z.string()]).optional().describe("
|
|
390
|
-
size: zod.z.enum(["sm", "md", "lg", "xl"]).default("md").describe("
|
|
391
|
-
error: zod.z.boolean().optional().describe("
|
|
392
|
-
min: zod.z.number().optional().describe("
|
|
393
|
-
max: zod.z.number().optional().describe("
|
|
394
|
-
step: zod.z.number().default(1).describe("
|
|
395
|
-
digit: zod.z.number().default(0).describe("
|
|
396
|
-
hideButtons: zod.z.boolean().default(false).describe("
|
|
397
|
-
disabled: zod.z.boolean().optional().describe("
|
|
398
|
-
readOnly: zod.z.boolean().optional().describe("
|
|
399
|
-
placeholder: zod.z.string().optional().describe("
|
|
400
|
-
name: zod.z.string().optional().describe("
|
|
401
|
-
id: zod.z.string().optional().describe("
|
|
402
|
-
autoFocus: zod.z.boolean().optional().describe("
|
|
403
|
-
onValueChange: zod.z.any().optional().describe("
|
|
404
|
-
onBlur: zod.z.any().optional().describe("
|
|
405
|
-
onFocus: zod.z.any().optional().describe("
|
|
406
|
-
className: zod.z.string().optional().describe("
|
|
389
|
+
value: zod.z.union([zod.z.number(), zod.z.string()]).optional().describe("Current value"),
|
|
390
|
+
size: zod.z.enum(["sm", "md", "lg", "xl"]).default("md").describe("Size"),
|
|
391
|
+
error: zod.z.boolean().optional().describe("Error state"),
|
|
392
|
+
min: zod.z.number().optional().describe("Minimum value"),
|
|
393
|
+
max: zod.z.number().optional().describe("Maximum value"),
|
|
394
|
+
step: zod.z.number().default(1).describe("Step increment"),
|
|
395
|
+
digit: zod.z.number().default(0).describe("Decimal places"),
|
|
396
|
+
hideButtons: zod.z.boolean().default(false).describe("Hide default spin buttons. Use with numberInputBind for external button event binding"),
|
|
397
|
+
disabled: zod.z.boolean().optional().describe("Disabled"),
|
|
398
|
+
readOnly: zod.z.boolean().optional().describe("Read-only (includes hiding spin buttons)"),
|
|
399
|
+
placeholder: zod.z.string().optional().describe("Placeholder"),
|
|
400
|
+
name: zod.z.string().optional().describe("Form field name"),
|
|
401
|
+
id: zod.z.string().optional().describe("Element ID"),
|
|
402
|
+
autoFocus: zod.z.boolean().optional().describe("Auto focus"),
|
|
403
|
+
onValueChange: zod.z.any().optional().describe("Value change callback (value: number | undefined) => void"),
|
|
404
|
+
onBlur: zod.z.any().optional().describe("Blur callback"),
|
|
405
|
+
onFocus: zod.z.any().optional().describe("Focus callback"),
|
|
406
|
+
className: zod.z.string().optional().describe("Style override")
|
|
407
407
|
}).describe(
|
|
408
|
-
"
|
|
408
|
+
"Number input. Accelerated increment on long press. Exposes increment/decrement methods via ref. numberInputBind(ref, direction) binds same acceleration to external buttons."
|
|
409
409
|
);
|
|
410
410
|
var dataListPropsSchema = zod.z.object({
|
|
411
|
-
list: zod.z.array(zod.z.any()).nullable().describe("
|
|
412
|
-
noDataMessage: zod.z.any().optional().describe("
|
|
413
|
-
errorFallback: zod.z.any().optional().describe("
|
|
414
|
-
loadingElement: zod.z.any().optional().describe("
|
|
415
|
-
skeletonElement: zod.z.any().optional().describe("
|
|
416
|
-
skeletonCount: zod.z.number().default(3).describe("
|
|
417
|
-
loading: zod.z.boolean().default(false).describe("
|
|
418
|
-
children: zod.z.any().describe("
|
|
419
|
-
className: zod.z.string().optional().describe("
|
|
411
|
+
list: zod.z.array(zod.z.any()).nullable().describe("Data array to render. null = loading state (required)"),
|
|
412
|
+
noDataMessage: zod.z.any().optional().describe("Message for empty array (string | ReactElement)"),
|
|
413
|
+
errorFallback: zod.z.any().optional().describe("Fallback on error (ReactNode)"),
|
|
414
|
+
loadingElement: zod.z.any().optional().describe("Custom loading element (default: Spinner)"),
|
|
415
|
+
skeletonElement: zod.z.any().optional().describe("Skeleton element during loading (ReactElement)"),
|
|
416
|
+
skeletonCount: zod.z.number().default(3).describe("Skeleton repeat count"),
|
|
417
|
+
loading: zod.z.boolean().default(false).describe("Force loading state"),
|
|
418
|
+
children: zod.z.any().describe("Item render function: ({ item, index }) => ReactNode (required)"),
|
|
419
|
+
className: zod.z.string().optional().describe("Root element style")
|
|
420
420
|
}).describe(
|
|
421
|
-
"
|
|
421
|
+
"Data list. Automatically handles loading/skeleton/empty/data states based on list. Built-in ErrorBoundary."
|
|
422
422
|
);
|
|
423
423
|
var animationOptionsSchema = zod.z.object({
|
|
424
|
-
name: zod.z.string().optional().describe("
|
|
425
|
-
mobile: zod.z.string().optional().describe("
|
|
426
|
-
delay: zod.z.number().optional().describe("
|
|
427
|
-
duration: zod.z.number().optional().describe("
|
|
428
|
-
timingFunc: zod.z.string().optional().describe("
|
|
429
|
-
leaveTimingFunc: zod.z.string().optional().describe("
|
|
430
|
-
}).describe("
|
|
424
|
+
name: zod.z.string().optional().describe("Animation name"),
|
|
425
|
+
mobile: zod.z.string().optional().describe("Mobile animation name"),
|
|
426
|
+
delay: zod.z.number().optional().describe("Delay (ms)"),
|
|
427
|
+
duration: zod.z.number().optional().describe("Duration (ms)"),
|
|
428
|
+
timingFunc: zod.z.string().optional().describe("Timing function"),
|
|
429
|
+
leaveTimingFunc: zod.z.string().optional().describe("Exit timing function")
|
|
430
|
+
}).describe("Modal animation options");
|
|
431
431
|
var modalTemplatePropsSchema = zod.z.object({
|
|
432
|
-
title: zod.z.any().optional().describe("
|
|
433
|
-
desc: zod.z.any().optional().describe("
|
|
432
|
+
title: zod.z.any().optional().describe("Header title (ReactNode)"),
|
|
433
|
+
desc: zod.z.any().optional().describe("Header description (ReactNode)"),
|
|
434
434
|
layout: zod.z.enum([
|
|
435
435
|
"default",
|
|
436
436
|
"bottom-sheet",
|
|
@@ -439,30 +439,30 @@ var modalTemplatePropsSchema = zod.z.object({
|
|
|
439
439
|
"full-page",
|
|
440
440
|
"full-page-reverse",
|
|
441
441
|
"draggable"
|
|
442
|
-
]).default("default").describe("
|
|
443
|
-
showDim: zod.z.boolean().default(true).describe("
|
|
444
|
-
dimClose: zod.z.boolean().default(true).describe("
|
|
445
|
-
hideHeader: zod.z.boolean().default(false).describe("
|
|
446
|
-
hideFooter: zod.z.boolean().default(true).describe("
|
|
447
|
-
footer: zod.z.any().optional().describe("
|
|
448
|
-
animation: animationOptionsSchema.optional().describe("
|
|
449
|
-
enableDrag: zod.z.boolean().default(true).describe("
|
|
450
|
-
dragPersistKey: zod.z.string().optional().describe("
|
|
451
|
-
close: zod.z.any().describe("
|
|
452
|
-
children: zod.z.any().describe("
|
|
453
|
-
className: zod.z.string().optional().describe("
|
|
454
|
-
innerClassName: zod.z.string().optional().describe("
|
|
455
|
-
bodyClassName: zod.z.string().optional().describe("
|
|
456
|
-
footerClassName: zod.z.string().optional().describe("
|
|
457
|
-
dimClassName: zod.z.string().optional().describe("
|
|
458
|
-
headerClassName: zod.z.string().optional().describe("
|
|
442
|
+
]).default("default").describe("Layout"),
|
|
443
|
+
showDim: zod.z.boolean().default(true).describe("Show dim overlay"),
|
|
444
|
+
dimClose: zod.z.boolean().default(true).describe("Close on dim click"),
|
|
445
|
+
hideHeader: zod.z.boolean().default(false).describe("Hide header"),
|
|
446
|
+
hideFooter: zod.z.boolean().default(true).describe("Hide footer"),
|
|
447
|
+
footer: zod.z.any().optional().describe("Custom footer (ReactElement)"),
|
|
448
|
+
animation: animationOptionsSchema.optional().describe("Modal animation"),
|
|
449
|
+
enableDrag: zod.z.boolean().default(true).describe("Enable drag (bottom-sheet/draggable layouts)"),
|
|
450
|
+
dragPersistKey: zod.z.string().optional().describe("Drag position persistence key"),
|
|
451
|
+
close: zod.z.any().describe("Modal close function (isAnimation?: boolean) => void (auto-injected)"),
|
|
452
|
+
children: zod.z.any().describe("Modal body (ReactNode, required)"),
|
|
453
|
+
className: zod.z.string().optional().describe("Root wrapper style"),
|
|
454
|
+
innerClassName: zod.z.string().optional().describe("Modal body style"),
|
|
455
|
+
bodyClassName: zod.z.string().optional().describe("Body area style"),
|
|
456
|
+
footerClassName: zod.z.string().optional().describe("Footer area style"),
|
|
457
|
+
dimClassName: zod.z.string().optional().describe("Dim overlay style"),
|
|
458
|
+
headerClassName: zod.z.string().optional().describe("Header area style")
|
|
459
459
|
}).describe(
|
|
460
|
-
"
|
|
460
|
+
"Modal template. All modal components must be wrapped with ModalTemplate."
|
|
461
461
|
);
|
|
462
462
|
var modalCallSchema = zod.z.object({
|
|
463
|
-
component: zod.z.any().describe("
|
|
464
|
-
props: zod.z.record(zod.z.any()).optional().describe("
|
|
465
|
-
id: zod.z.string().optional().describe("
|
|
463
|
+
component: zod.z.any().describe("Modal component (required). Automatically receives close/resolve as props"),
|
|
464
|
+
props: zod.z.record(zod.z.any()).optional().describe("Props to pass to component"),
|
|
465
|
+
id: zod.z.string().optional().describe("Modal ID (used for duplicate check)"),
|
|
466
466
|
layout: zod.z.enum([
|
|
467
467
|
"default",
|
|
468
468
|
"bottom-sheet",
|
|
@@ -471,93 +471,93 @@ var modalCallSchema = zod.z.object({
|
|
|
471
471
|
"full-page",
|
|
472
472
|
"full-page-reverse",
|
|
473
473
|
"draggable"
|
|
474
|
-
]).optional().describe("
|
|
475
|
-
animation: animationOptionsSchema.optional().describe("
|
|
476
|
-
scrollEnable: zod.z.boolean().optional().describe("
|
|
477
|
-
isToggle: zod.z.boolean().optional().describe("
|
|
478
|
-
isAlone: zod.z.boolean().optional().describe("
|
|
479
|
-
duplicateCheck: zod.z.boolean().optional().describe("
|
|
480
|
-
disableEscapeKeyPress: zod.z.boolean().optional().describe("
|
|
481
|
-
componentName: zod.z.string().optional().describe("
|
|
482
|
-
onOpen: zod.z.any().optional().describe("
|
|
483
|
-
onClose: zod.z.any().optional().describe("
|
|
474
|
+
]).optional().describe("Layout"),
|
|
475
|
+
animation: animationOptionsSchema.optional().describe("Modal animation"),
|
|
476
|
+
scrollEnable: zod.z.boolean().optional().describe("Allow background scroll"),
|
|
477
|
+
isToggle: zod.z.boolean().optional().describe("Toggle mode (close on re-call of same modal)"),
|
|
478
|
+
isAlone: zod.z.boolean().optional().describe("Alone mode (close all existing modals before opening)"),
|
|
479
|
+
duplicateCheck: zod.z.boolean().optional().describe("Prevent duplicate opening of same component"),
|
|
480
|
+
disableEscapeKeyPress: zod.z.boolean().optional().describe("Disable close via ESC key"),
|
|
481
|
+
componentName: zod.z.string().optional().describe("Modal identifier name (used for duplicate check, modal search)"),
|
|
482
|
+
onOpen: zod.z.any().optional().describe("Callback when modal opens"),
|
|
483
|
+
onClose: zod.z.any().optional().describe("Callback when modal closes")
|
|
484
484
|
}).describe(
|
|
485
|
-
"modal()
|
|
485
|
+
"modal() function call options. component automatically receives close/resolve as props."
|
|
486
486
|
);
|
|
487
487
|
var errorBoundaryPropsSchema = zod.z.object({
|
|
488
|
-
children: zod.z.any().describe("
|
|
489
|
-
fallback: zod.z.any().optional().describe("
|
|
490
|
-
onError: zod.z.any().optional().describe("
|
|
491
|
-
}).describe("
|
|
488
|
+
children: zod.z.any().describe("Child elements to wrap (ReactNode, required)"),
|
|
489
|
+
fallback: zod.z.any().optional().describe("Fallback UI on error (ReactNode)"),
|
|
490
|
+
onError: zod.z.any().optional().describe("Error callback (error: Error, errorInfo: ErrorInfo) => void")
|
|
491
|
+
}).describe("Error boundary. Catches child component render errors and displays fallback UI.");
|
|
492
492
|
var clientOnlyPropsSchema = zod.z.object({
|
|
493
|
-
children: zod.z.any().describe("
|
|
494
|
-
fallback: zod.z.any().optional().describe("
|
|
495
|
-
}).describe("
|
|
493
|
+
children: zod.z.any().describe("Element to render only on client (ReactNode, required)"),
|
|
494
|
+
fallback: zod.z.any().optional().describe("Fallback UI during SSR (ReactNode, default: null)")
|
|
495
|
+
}).describe("Client-only rendering. Prevents hydration mismatch in SSR environments.");
|
|
496
496
|
var themeProviderPropsSchema = zod.z.object({
|
|
497
|
-
children: zod.z.any().describe("
|
|
498
|
-
defaultTheme: zod.z.string().optional().describe('
|
|
499
|
-
storageKey: zod.z.string().optional().describe('localStorage
|
|
500
|
-
themes: zod.z.array(zod.z.string()).optional().describe('
|
|
501
|
-
attribute: zod.z.union([zod.z.string(), zod.z.array(zod.z.string())]).optional().describe('
|
|
502
|
-
enableSystem: zod.z.boolean().optional().describe("
|
|
503
|
-
disableTransitionOnChange: zod.z.boolean().optional().describe("
|
|
504
|
-
forcedTheme: zod.z.string().optional().describe("
|
|
505
|
-
enableColorScheme: zod.z.boolean().optional().describe("color-scheme CSS
|
|
497
|
+
children: zod.z.any().describe("App root element (ReactNode, required)"),
|
|
498
|
+
defaultTheme: zod.z.string().optional().describe('Default theme (e.g. "dark", "light")'),
|
|
499
|
+
storageKey: zod.z.string().optional().describe('localStorage storage key (default: "theme")'),
|
|
500
|
+
themes: zod.z.array(zod.z.string()).optional().describe('Available theme list (default: ["light", "dark"])'),
|
|
501
|
+
attribute: zod.z.union([zod.z.string(), zod.z.array(zod.z.string())]).optional().describe('Theme HTML attribute (default: "data-theme")'),
|
|
502
|
+
enableSystem: zod.z.boolean().optional().describe("Enable system theme detection"),
|
|
503
|
+
disableTransitionOnChange: zod.z.boolean().optional().describe("Disable transitions on theme change"),
|
|
504
|
+
forcedTheme: zod.z.string().optional().describe("Forced theme (user cannot change)"),
|
|
505
|
+
enableColorScheme: zod.z.boolean().optional().describe("Auto-set color-scheme CSS property"),
|
|
506
506
|
nonce: zod.z.string().optional().describe("CSP nonce")
|
|
507
507
|
}).describe(
|
|
508
|
-
"
|
|
508
|
+
"Theme provider. Based on next-themes. Access theme state via useTheme() hook."
|
|
509
509
|
);
|
|
510
510
|
var tablePropsSchema = zod.z.object({
|
|
511
|
-
list: zod.z.array(zod.z.any()).nullable().describe("
|
|
512
|
-
children: zod.z.any().describe("
|
|
513
|
-
hideThead: zod.z.boolean().optional().describe("
|
|
514
|
-
loading: zod.z.boolean().optional().describe("
|
|
515
|
-
loadingType: zod.z.enum(["loading", "skeleton"]).default("skeleton").describe("
|
|
516
|
-
loadingElement: zod.z.any().optional().describe("
|
|
517
|
-
skeletonCount: zod.z.number().default(10).describe("
|
|
518
|
-
noDataMsg: zod.z.any().optional().describe("
|
|
519
|
-
notification: zod.z.any().optional().describe("
|
|
520
|
-
sortUpElement: zod.z.any().optional().describe("
|
|
521
|
-
sortDownElement: zod.z.any().optional().describe("
|
|
522
|
-
className: zod.z.string().optional().describe("
|
|
523
|
-
theadClassName: zod.z.string().optional().describe("
|
|
511
|
+
list: zod.z.array(zod.z.any()).nullable().describe("Data array. null/undefined = loading state (required)"),
|
|
512
|
+
children: zod.z.any().describe("Row render function ({ item, index }) => ReactNode (required)"),
|
|
513
|
+
hideThead: zod.z.boolean().optional().describe("Hide table header"),
|
|
514
|
+
loading: zod.z.boolean().optional().describe("Force loading state"),
|
|
515
|
+
loadingType: zod.z.enum(["loading", "skeleton"]).default("skeleton").describe("Loading display type"),
|
|
516
|
+
loadingElement: zod.z.any().optional().describe("Custom loading element (ReactElement)"),
|
|
517
|
+
skeletonCount: zod.z.number().default(10).describe("Skeleton row count"),
|
|
518
|
+
noDataMsg: zod.z.any().optional().describe("No data message (ReactElement | string)"),
|
|
519
|
+
notification: zod.z.any().optional().describe("Table top notification area (ReactNode)"),
|
|
520
|
+
sortUpElement: zod.z.any().optional().describe("Ascending sort icon (ReactElement)"),
|
|
521
|
+
sortDownElement: zod.z.any().optional().describe("Descending sort icon (ReactElement)"),
|
|
522
|
+
className: zod.z.string().optional().describe("Table wrapper style"),
|
|
523
|
+
theadClassName: zod.z.string().optional().describe("Header row style")
|
|
524
524
|
}).describe(
|
|
525
|
-
"
|
|
525
|
+
"Table. Column definitions via TdColumn, row wrapping via TableRow. Built-in sorting/skeleton loading."
|
|
526
526
|
);
|
|
527
527
|
var tableRowPropsSchema = zod.z.object({
|
|
528
|
-
variant: zod.z.enum(["default", "accent"]).default("default").describe("
|
|
529
|
-
className: zod.z.string().optional().describe("
|
|
530
|
-
children: zod.z.any().describe("TdColumn
|
|
531
|
-
onClick: zod.z.any().optional().describe("
|
|
532
|
-
}).describe("
|
|
528
|
+
variant: zod.z.enum(["default", "accent"]).default("default").describe("Row style"),
|
|
529
|
+
className: zod.z.string().optional().describe("Style override"),
|
|
530
|
+
children: zod.z.any().describe("TdColumn list (ReactNode, required)"),
|
|
531
|
+
onClick: zod.z.any().optional().describe("Row click callback (e: MouseEvent) => void")
|
|
532
|
+
}).describe("Table row. Used inside Table.");
|
|
533
533
|
var tdColumnPropsSchema = zod.z.object({
|
|
534
|
-
label: zod.z.any().optional().describe("
|
|
535
|
-
fieldId: zod.z.string().nullable().describe("
|
|
536
|
-
size: zod.z.union([zod.z.number(), zod.z.string()]).optional().describe("
|
|
537
|
-
align: zod.z.enum(["left", "center", "right"]).default("left").describe("
|
|
538
|
-
textOverflow: zod.z.enum(["auto", "truncate", "wrap", "break-all"]).default("truncate").describe("
|
|
539
|
-
highlightKey: zod.z.string().nullable().optional().describe("
|
|
540
|
-
colSpan: zod.z.number().optional().describe("
|
|
541
|
-
rowSpan: zod.z.number().optional().describe("
|
|
542
|
-
thColSpan: zod.z.number().optional().describe("
|
|
543
|
-
thRowSpan: zod.z.number().optional().describe("
|
|
544
|
-
enableSorting: zod.z.boolean().optional().describe("
|
|
545
|
-
order: zod.z.enum(["desc", "asc", ""]).optional().describe("
|
|
546
|
-
sortValue: zod.z.union([zod.z.string(), zod.z.number()]).optional().describe("
|
|
547
|
-
handleClickSort: zod.z.any().optional().describe("
|
|
548
|
-
children: zod.z.any().describe("
|
|
549
|
-
className: zod.z.string().optional().describe("
|
|
550
|
-
}).describe("
|
|
534
|
+
label: zod.z.any().optional().describe("Header label (ReactElement | string)"),
|
|
535
|
+
fieldId: zod.z.string().nullable().describe("Column identifier (sort key, required)"),
|
|
536
|
+
size: zod.z.union([zod.z.number(), zod.z.string()]).optional().describe("Column width (number \u2192 px, string \u2192 CSS value)"),
|
|
537
|
+
align: zod.z.enum(["left", "center", "right"]).default("left").describe("Text alignment"),
|
|
538
|
+
textOverflow: zod.z.enum(["auto", "truncate", "wrap", "break-all"]).default("truncate").describe("Text overflow handling"),
|
|
539
|
+
highlightKey: zod.z.string().nullable().optional().describe("Hover highlight group key"),
|
|
540
|
+
colSpan: zod.z.number().optional().describe("Column span"),
|
|
541
|
+
rowSpan: zod.z.number().optional().describe("Row span"),
|
|
542
|
+
thColSpan: zod.z.number().optional().describe("Header colSpan (<th>)"),
|
|
543
|
+
thRowSpan: zod.z.number().optional().describe("Header rowSpan (<th>)"),
|
|
544
|
+
enableSorting: zod.z.boolean().optional().describe("Enable sorting"),
|
|
545
|
+
order: zod.z.enum(["desc", "asc", ""]).optional().describe("Current sort direction"),
|
|
546
|
+
sortValue: zod.z.union([zod.z.string(), zod.z.number()]).optional().describe("Sort criterion value"),
|
|
547
|
+
handleClickSort: zod.z.any().optional().describe("Sort click callback ({ index, fieldId, order }) => void"),
|
|
548
|
+
children: zod.z.any().describe("Cell content (ReactNode, required)"),
|
|
549
|
+
className: zod.z.string().optional().describe("Style override")
|
|
550
|
+
}).describe("Table cell/column definition. Used inside TableRow.");
|
|
551
551
|
var toastOptionsSchema = zod.z.object({
|
|
552
|
-
description: zod.z.any().optional().describe("
|
|
553
|
-
duration: zod.z.number().optional().describe("
|
|
554
|
-
icon: zod.z.any().optional().describe("
|
|
555
|
-
action: zod.z.any().optional().describe("
|
|
556
|
-
cancel: zod.z.any().optional().describe("
|
|
557
|
-
closeButton: zod.z.boolean().optional().describe("
|
|
558
|
-
dismissible: zod.z.boolean().optional().describe("
|
|
559
|
-
richColors: zod.z.boolean().optional().describe("success/error/warning/info
|
|
560
|
-
invert: zod.z.boolean().optional().describe("
|
|
552
|
+
description: zod.z.any().optional().describe("Toast subtitle (ReactNode)"),
|
|
553
|
+
duration: zod.z.number().optional().describe("Auto-dismiss duration (ms). Default 4000"),
|
|
554
|
+
icon: zod.z.any().optional().describe("Custom icon (ReactNode)"),
|
|
555
|
+
action: zod.z.any().optional().describe("Action button. { label: ReactNode, onClick: () => void }"),
|
|
556
|
+
cancel: zod.z.any().optional().describe("Cancel button. { label: ReactNode, onClick: () => void }"),
|
|
557
|
+
closeButton: zod.z.boolean().optional().describe("Show close (X) button"),
|
|
558
|
+
dismissible: zod.z.boolean().optional().describe("Allow dismiss via swipe/click"),
|
|
559
|
+
richColors: zod.z.boolean().optional().describe("Apply strong colors for success/error/warning/info"),
|
|
560
|
+
invert: zod.z.boolean().optional().describe("Invert colors (dark\u2194light)"),
|
|
561
561
|
position: zod.z.enum([
|
|
562
562
|
"top-left",
|
|
563
563
|
"top-center",
|
|
@@ -565,15 +565,15 @@ var toastOptionsSchema = zod.z.object({
|
|
|
565
565
|
"bottom-left",
|
|
566
566
|
"bottom-center",
|
|
567
567
|
"bottom-right"
|
|
568
|
-
]).optional().describe("
|
|
569
|
-
onDismiss: zod.z.any().optional().describe("
|
|
570
|
-
onAutoClose: zod.z.any().optional().describe("
|
|
571
|
-
className: zod.z.string().optional().describe("
|
|
572
|
-
style: zod.z.any().optional().describe("
|
|
573
|
-
unstyled: zod.z.boolean().optional().describe("
|
|
574
|
-
id: zod.z.union([zod.z.string(), zod.z.number()]).optional().describe("
|
|
568
|
+
]).optional().describe("Individual position for this toast"),
|
|
569
|
+
onDismiss: zod.z.any().optional().describe("Dismiss callback (toast: ToastT) => void"),
|
|
570
|
+
onAutoClose: zod.z.any().optional().describe("Auto-close callback (toast: ToastT) => void"),
|
|
571
|
+
className: zod.z.string().optional().describe("Toast custom class"),
|
|
572
|
+
style: zod.z.any().optional().describe("Toast inline style (CSSProperties)"),
|
|
573
|
+
unstyled: zod.z.boolean().optional().describe("Remove default styles (for custom styling)"),
|
|
574
|
+
id: zod.z.union([zod.z.string(), zod.z.number()]).optional().describe("Toast ID (for deduplication or updates)")
|
|
575
575
|
}).describe(
|
|
576
|
-
"toast()
|
|
576
|
+
"toast() call options. Used as toast(message, options). Fully customizable via toast.custom(jsx)."
|
|
577
577
|
);
|
|
578
578
|
var toasterPropsSchema = zod.z.object({
|
|
579
579
|
position: zod.z.enum([
|
|
@@ -583,19 +583,19 @@ var toasterPropsSchema = zod.z.object({
|
|
|
583
583
|
"bottom-left",
|
|
584
584
|
"bottom-center",
|
|
585
585
|
"bottom-right"
|
|
586
|
-
]).default("top-center").describe("
|
|
587
|
-
unstyled: zod.z.boolean().default(false).describe("
|
|
588
|
-
theme: zod.z.enum(["light", "dark", "system"]).optional().describe("
|
|
589
|
-
richColors: zod.z.boolean().optional().describe("success/error/warning/info
|
|
590
|
-
expand: zod.z.boolean().optional().describe("
|
|
591
|
-
duration: zod.z.number().optional().describe("
|
|
592
|
-
visibleToasts: zod.z.number().optional().describe("
|
|
593
|
-
closeButton: zod.z.boolean().optional().describe("
|
|
594
|
-
gap: zod.z.number().optional().describe("
|
|
595
|
-
offset: zod.z.any().optional().describe("
|
|
596
|
-
dir: zod.z.enum(["ltr", "rtl", "auto"]).optional().describe("
|
|
586
|
+
]).default("top-center").describe("Default toast position"),
|
|
587
|
+
unstyled: zod.z.boolean().default(false).describe("Remove default styles (for custom styling)"),
|
|
588
|
+
theme: zod.z.enum(["light", "dark", "system"]).optional().describe("Theme setting"),
|
|
589
|
+
richColors: zod.z.boolean().optional().describe("Apply strong colors for success/error/warning/info"),
|
|
590
|
+
expand: zod.z.boolean().optional().describe("Always show toasts in expanded state"),
|
|
591
|
+
duration: zod.z.number().optional().describe("Global auto-dismiss duration (ms). Default 4000"),
|
|
592
|
+
visibleToasts: zod.z.number().optional().describe("Maximum visible toasts at once"),
|
|
593
|
+
closeButton: zod.z.boolean().optional().describe("Show close button on all toasts"),
|
|
594
|
+
gap: zod.z.number().optional().describe("Gap between toasts (px)"),
|
|
595
|
+
offset: zod.z.any().optional().describe("Offset from screen edge. string | number | { top, right, bottom, left }"),
|
|
596
|
+
dir: zod.z.enum(["ltr", "rtl", "auto"]).optional().describe("Text direction")
|
|
597
597
|
}).describe(
|
|
598
|
-
"Toaster
|
|
598
|
+
"Toaster config. Place once at app root. Display notifications via toast(). Based on sonner."
|
|
599
599
|
);
|
|
600
600
|
|
|
601
601
|
exports.accordionPropsSchema = accordionPropsSchema;
|