@kushagradhawan/kookie-ui 0.1.48 → 0.1.49
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/components.css +858 -30
- package/dist/cjs/components/_internal/shell-bottom.d.ts +31 -0
- package/dist/cjs/components/_internal/shell-bottom.d.ts.map +1 -0
- package/dist/cjs/components/_internal/shell-bottom.js +2 -0
- package/dist/cjs/components/_internal/shell-bottom.js.map +7 -0
- package/dist/cjs/components/_internal/shell-handles.d.ts +7 -0
- package/dist/cjs/components/_internal/shell-handles.d.ts.map +1 -0
- package/dist/cjs/components/_internal/shell-handles.js +2 -0
- package/dist/cjs/components/_internal/shell-handles.js.map +7 -0
- package/dist/cjs/components/_internal/shell-inspector.d.ts +31 -0
- package/dist/cjs/components/_internal/shell-inspector.d.ts.map +1 -0
- package/dist/cjs/components/_internal/shell-inspector.js +2 -0
- package/dist/cjs/components/_internal/shell-inspector.js.map +7 -0
- package/dist/cjs/components/_internal/shell-resize.d.ts +24 -0
- package/dist/cjs/components/_internal/shell-resize.d.ts.map +1 -0
- package/dist/cjs/components/_internal/shell-resize.js +2 -0
- package/dist/cjs/components/_internal/shell-resize.js.map +7 -0
- package/dist/cjs/components/_internal/shell-sidebar.d.ts +37 -0
- package/dist/cjs/components/_internal/shell-sidebar.d.ts.map +1 -0
- package/dist/cjs/components/_internal/shell-sidebar.js +2 -0
- package/dist/cjs/components/_internal/shell-sidebar.js.map +7 -0
- package/dist/cjs/components/schemas/index.d.ts +2 -0
- package/dist/cjs/components/schemas/index.d.ts.map +1 -1
- package/dist/cjs/components/schemas/index.js +1 -1
- package/dist/cjs/components/schemas/index.js.map +3 -3
- package/dist/cjs/components/schemas/shell.schema.d.ts +1025 -0
- package/dist/cjs/components/schemas/shell.schema.d.ts.map +1 -0
- package/dist/cjs/components/schemas/shell.schema.js +2 -0
- package/dist/cjs/components/schemas/shell.schema.js.map +7 -0
- package/dist/cjs/components/shell.context.d.ts +37 -0
- package/dist/cjs/components/shell.context.d.ts.map +1 -0
- package/dist/cjs/components/shell.context.js +2 -0
- package/dist/cjs/components/shell.context.js.map +7 -0
- package/dist/cjs/components/shell.d.ts +6 -68
- package/dist/cjs/components/shell.d.ts.map +1 -1
- package/dist/cjs/components/shell.hooks.d.ts +3 -0
- package/dist/cjs/components/shell.hooks.d.ts.map +1 -0
- package/dist/cjs/components/shell.hooks.js +2 -0
- package/dist/cjs/components/shell.hooks.js.map +7 -0
- package/dist/cjs/components/shell.js +1 -1
- package/dist/cjs/components/shell.js.map +3 -3
- package/dist/cjs/components/shell.types.d.ts +20 -0
- package/dist/cjs/components/shell.types.d.ts.map +1 -0
- package/dist/cjs/components/shell.types.js +2 -0
- package/dist/cjs/components/shell.types.js.map +7 -0
- package/dist/cjs/components/sidebar.d.ts +1 -1
- package/dist/cjs/components/sidebar.d.ts.map +1 -1
- package/dist/cjs/components/sidebar.js +1 -1
- package/dist/cjs/components/sidebar.js.map +3 -3
- package/dist/esm/components/_internal/shell-bottom.d.ts +31 -0
- package/dist/esm/components/_internal/shell-bottom.d.ts.map +1 -0
- package/dist/esm/components/_internal/shell-bottom.js +2 -0
- package/dist/esm/components/_internal/shell-bottom.js.map +7 -0
- package/dist/esm/components/_internal/shell-handles.d.ts +7 -0
- package/dist/esm/components/_internal/shell-handles.d.ts.map +1 -0
- package/dist/esm/components/_internal/shell-handles.js +2 -0
- package/dist/esm/components/_internal/shell-handles.js.map +7 -0
- package/dist/esm/components/_internal/shell-inspector.d.ts +31 -0
- package/dist/esm/components/_internal/shell-inspector.d.ts.map +1 -0
- package/dist/esm/components/_internal/shell-inspector.js +2 -0
- package/dist/esm/components/_internal/shell-inspector.js.map +7 -0
- package/dist/esm/components/_internal/shell-resize.d.ts +24 -0
- package/dist/esm/components/_internal/shell-resize.d.ts.map +1 -0
- package/dist/esm/components/_internal/shell-resize.js +2 -0
- package/dist/esm/components/_internal/shell-resize.js.map +7 -0
- package/dist/esm/components/_internal/shell-sidebar.d.ts +37 -0
- package/dist/esm/components/_internal/shell-sidebar.d.ts.map +1 -0
- package/dist/esm/components/_internal/shell-sidebar.js +2 -0
- package/dist/esm/components/_internal/shell-sidebar.js.map +7 -0
- package/dist/esm/components/schemas/index.d.ts +2 -0
- package/dist/esm/components/schemas/index.d.ts.map +1 -1
- package/dist/esm/components/schemas/index.js +1 -1
- package/dist/esm/components/schemas/index.js.map +3 -3
- package/dist/esm/components/schemas/shell.schema.d.ts +1025 -0
- package/dist/esm/components/schemas/shell.schema.d.ts.map +1 -0
- package/dist/esm/components/schemas/shell.schema.js +2 -0
- package/dist/esm/components/schemas/shell.schema.js.map +7 -0
- package/dist/esm/components/shell.context.d.ts +37 -0
- package/dist/esm/components/shell.context.d.ts.map +1 -0
- package/dist/esm/components/shell.context.js +2 -0
- package/dist/esm/components/shell.context.js.map +7 -0
- package/dist/esm/components/shell.d.ts +6 -68
- package/dist/esm/components/shell.d.ts.map +1 -1
- package/dist/esm/components/shell.hooks.d.ts +3 -0
- package/dist/esm/components/shell.hooks.d.ts.map +1 -0
- package/dist/esm/components/shell.hooks.js +2 -0
- package/dist/esm/components/shell.hooks.js.map +7 -0
- package/dist/esm/components/shell.js +1 -1
- package/dist/esm/components/shell.js.map +3 -3
- package/dist/esm/components/shell.types.d.ts +20 -0
- package/dist/esm/components/shell.types.d.ts.map +1 -0
- package/dist/esm/components/shell.types.js +2 -0
- package/dist/esm/components/shell.types.js.map +7 -0
- package/dist/esm/components/sidebar.d.ts +1 -1
- package/dist/esm/components/sidebar.d.ts.map +1 -1
- package/dist/esm/components/sidebar.js +1 -1
- package/dist/esm/components/sidebar.js.map +2 -2
- package/layout/utilities.css +168 -84
- package/layout.css +168 -84
- package/package.json +2 -1
- package/schemas/base-button.json +1 -1
- package/schemas/button.json +1 -1
- package/schemas/icon-button.json +1 -1
- package/schemas/index.json +6 -6
- package/schemas/shell-bottom.json +168 -0
- package/schemas/shell-content.json +34 -0
- package/schemas/shell-handle.json +34 -0
- package/schemas/shell-header.json +42 -0
- package/schemas/shell-inspector.json +171 -0
- package/schemas/shell-panel.json +167 -0
- package/schemas/shell-rail.json +132 -0
- package/schemas/shell-root.json +54 -0
- package/schemas/shell-sidebar.json +182 -0
- package/schemas/shell-trigger.json +76 -0
- package/schemas/toggle-button.json +1 -1
- package/schemas/toggle-icon-button.json +1 -1
- package/src/components/_internal/shell-bottom.tsx +251 -0
- package/src/components/_internal/shell-handles.tsx +193 -0
- package/src/components/_internal/shell-inspector.tsx +242 -0
- package/src/components/_internal/shell-resize.tsx +30 -0
- package/src/components/_internal/shell-sidebar.tsx +347 -0
- package/src/components/schemas/index.ts +46 -0
- package/src/components/schemas/shell.schema.ts +403 -0
- package/src/components/shell.context.tsx +56 -0
- package/src/components/shell.css +5 -17
- package/src/components/shell.hooks.ts +31 -0
- package/src/components/shell.tsx +368 -1684
- package/src/components/shell.types.ts +27 -0
- package/src/components/sidebar.tsx +1 -1
- package/src/styles/tokens/blur.css +2 -2
- package/src/styles/tokens/color.css +2 -2
- package/styles.css +1031 -116
- package/tokens/base.css +5 -2
- package/tokens.css +5 -2
- package/utilities.css +168 -84
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$ref": "#/definitions/Shell-railSchema",
|
|
3
|
+
"definitions": {
|
|
4
|
+
"Shell-railSchema": {
|
|
5
|
+
"type": "object",
|
|
6
|
+
"properties": {
|
|
7
|
+
"presentation": {
|
|
8
|
+
"anyOf": [
|
|
9
|
+
{
|
|
10
|
+
"type": "string",
|
|
11
|
+
"enum": [
|
|
12
|
+
"fixed",
|
|
13
|
+
"overlay",
|
|
14
|
+
"stacked"
|
|
15
|
+
],
|
|
16
|
+
"description": "Presentation mode"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"type": "object",
|
|
20
|
+
"properties": {
|
|
21
|
+
"initial": {
|
|
22
|
+
"$ref": "#/definitions/Shell-railSchema/properties/presentation/anyOf/0",
|
|
23
|
+
"description": "Presentation mode"
|
|
24
|
+
},
|
|
25
|
+
"xs": {
|
|
26
|
+
"$ref": "#/definitions/Shell-railSchema/properties/presentation/anyOf/0",
|
|
27
|
+
"description": "Presentation mode"
|
|
28
|
+
},
|
|
29
|
+
"sm": {
|
|
30
|
+
"$ref": "#/definitions/Shell-railSchema/properties/presentation/anyOf/0",
|
|
31
|
+
"description": "Presentation mode"
|
|
32
|
+
},
|
|
33
|
+
"md": {
|
|
34
|
+
"$ref": "#/definitions/Shell-railSchema/properties/presentation/anyOf/0",
|
|
35
|
+
"description": "Presentation mode"
|
|
36
|
+
},
|
|
37
|
+
"lg": {
|
|
38
|
+
"$ref": "#/definitions/Shell-railSchema/properties/presentation/anyOf/0",
|
|
39
|
+
"description": "Presentation mode"
|
|
40
|
+
},
|
|
41
|
+
"xl": {
|
|
42
|
+
"$ref": "#/definitions/Shell-railSchema/properties/presentation/anyOf/0",
|
|
43
|
+
"description": "Presentation mode"
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
"additionalProperties": false
|
|
47
|
+
}
|
|
48
|
+
],
|
|
49
|
+
"description": "Responsive presentation configuration"
|
|
50
|
+
},
|
|
51
|
+
"mode": {
|
|
52
|
+
"type": "string",
|
|
53
|
+
"enum": [
|
|
54
|
+
"expanded",
|
|
55
|
+
"collapsed"
|
|
56
|
+
],
|
|
57
|
+
"description": "Pane state mode"
|
|
58
|
+
},
|
|
59
|
+
"defaultMode": {
|
|
60
|
+
"anyOf": [
|
|
61
|
+
{
|
|
62
|
+
"$ref": "#/definitions/Shell-railSchema/properties/mode"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"type": "object",
|
|
66
|
+
"properties": {
|
|
67
|
+
"initial": {
|
|
68
|
+
"$ref": "#/definitions/Shell-railSchema/properties/mode",
|
|
69
|
+
"description": "Pane state mode"
|
|
70
|
+
},
|
|
71
|
+
"xs": {
|
|
72
|
+
"$ref": "#/definitions/Shell-railSchema/properties/mode",
|
|
73
|
+
"description": "Pane state mode"
|
|
74
|
+
},
|
|
75
|
+
"sm": {
|
|
76
|
+
"$ref": "#/definitions/Shell-railSchema/properties/mode",
|
|
77
|
+
"description": "Pane state mode"
|
|
78
|
+
},
|
|
79
|
+
"md": {
|
|
80
|
+
"$ref": "#/definitions/Shell-railSchema/properties/mode",
|
|
81
|
+
"description": "Pane state mode"
|
|
82
|
+
},
|
|
83
|
+
"lg": {
|
|
84
|
+
"$ref": "#/definitions/Shell-railSchema/properties/mode",
|
|
85
|
+
"description": "Pane state mode"
|
|
86
|
+
},
|
|
87
|
+
"xl": {
|
|
88
|
+
"$ref": "#/definitions/Shell-railSchema/properties/mode",
|
|
89
|
+
"description": "Pane state mode"
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
"additionalProperties": false
|
|
93
|
+
}
|
|
94
|
+
],
|
|
95
|
+
"description": "Responsive pane mode configuration"
|
|
96
|
+
},
|
|
97
|
+
"expandedSize": {
|
|
98
|
+
"type": "number",
|
|
99
|
+
"default": 64,
|
|
100
|
+
"description": "Default width in pixels"
|
|
101
|
+
},
|
|
102
|
+
"collapsible": {
|
|
103
|
+
"type": "boolean"
|
|
104
|
+
},
|
|
105
|
+
"className": {
|
|
106
|
+
"type": "string",
|
|
107
|
+
"description": "Additional CSS class name"
|
|
108
|
+
},
|
|
109
|
+
"style": {
|
|
110
|
+
"type": "object",
|
|
111
|
+
"additionalProperties": {
|
|
112
|
+
"type": [
|
|
113
|
+
"string",
|
|
114
|
+
"number"
|
|
115
|
+
]
|
|
116
|
+
},
|
|
117
|
+
"description": "Inline styles"
|
|
118
|
+
},
|
|
119
|
+
"children": {
|
|
120
|
+
"description": "Rail content"
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
"additionalProperties": false
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
|
+
"$schema": "https://json-schema.org/draft/2020-12/schema",
|
|
127
|
+
"title": "Shell-rail Component Props",
|
|
128
|
+
"description": "Props schema for the shell-rail component in Kookie UI",
|
|
129
|
+
"version": "1.0.0",
|
|
130
|
+
"generatedAt": "2025-09-10T19:04:45.608Z",
|
|
131
|
+
"source": "Zod schema"
|
|
132
|
+
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$ref": "#/definitions/Shell-rootSchema",
|
|
3
|
+
"definitions": {
|
|
4
|
+
"Shell-rootSchema": {
|
|
5
|
+
"type": "object",
|
|
6
|
+
"properties": {
|
|
7
|
+
"height": {
|
|
8
|
+
"anyOf": [
|
|
9
|
+
{
|
|
10
|
+
"type": "string",
|
|
11
|
+
"const": "full"
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
"type": "string",
|
|
15
|
+
"const": "auto"
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
"type": "string"
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"type": "number"
|
|
22
|
+
}
|
|
23
|
+
],
|
|
24
|
+
"default": "full",
|
|
25
|
+
"description": "Height of the shell container"
|
|
26
|
+
},
|
|
27
|
+
"className": {
|
|
28
|
+
"type": "string",
|
|
29
|
+
"description": "Additional CSS class name"
|
|
30
|
+
},
|
|
31
|
+
"style": {
|
|
32
|
+
"type": "object",
|
|
33
|
+
"additionalProperties": {
|
|
34
|
+
"type": [
|
|
35
|
+
"string",
|
|
36
|
+
"number"
|
|
37
|
+
]
|
|
38
|
+
},
|
|
39
|
+
"description": "Inline styles"
|
|
40
|
+
},
|
|
41
|
+
"children": {
|
|
42
|
+
"description": "Shell components"
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
"additionalProperties": false
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
"$schema": "https://json-schema.org/draft/2020-12/schema",
|
|
49
|
+
"title": "Shell-root Component Props",
|
|
50
|
+
"description": "Props schema for the shell-root component in Kookie UI",
|
|
51
|
+
"version": "1.0.0",
|
|
52
|
+
"generatedAt": "2025-09-10T19:04:45.607Z",
|
|
53
|
+
"source": "Zod schema"
|
|
54
|
+
}
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$ref": "#/definitions/Shell-sidebarSchema",
|
|
3
|
+
"definitions": {
|
|
4
|
+
"Shell-sidebarSchema": {
|
|
5
|
+
"type": "object",
|
|
6
|
+
"properties": {
|
|
7
|
+
"presentation": {
|
|
8
|
+
"anyOf": [
|
|
9
|
+
{
|
|
10
|
+
"type": "string",
|
|
11
|
+
"enum": [
|
|
12
|
+
"fixed",
|
|
13
|
+
"overlay",
|
|
14
|
+
"stacked"
|
|
15
|
+
],
|
|
16
|
+
"description": "Presentation mode"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"type": "object",
|
|
20
|
+
"properties": {
|
|
21
|
+
"initial": {
|
|
22
|
+
"$ref": "#/definitions/Shell-sidebarSchema/properties/presentation/anyOf/0",
|
|
23
|
+
"description": "Presentation mode"
|
|
24
|
+
},
|
|
25
|
+
"xs": {
|
|
26
|
+
"$ref": "#/definitions/Shell-sidebarSchema/properties/presentation/anyOf/0",
|
|
27
|
+
"description": "Presentation mode"
|
|
28
|
+
},
|
|
29
|
+
"sm": {
|
|
30
|
+
"$ref": "#/definitions/Shell-sidebarSchema/properties/presentation/anyOf/0",
|
|
31
|
+
"description": "Presentation mode"
|
|
32
|
+
},
|
|
33
|
+
"md": {
|
|
34
|
+
"$ref": "#/definitions/Shell-sidebarSchema/properties/presentation/anyOf/0",
|
|
35
|
+
"description": "Presentation mode"
|
|
36
|
+
},
|
|
37
|
+
"lg": {
|
|
38
|
+
"$ref": "#/definitions/Shell-sidebarSchema/properties/presentation/anyOf/0",
|
|
39
|
+
"description": "Presentation mode"
|
|
40
|
+
},
|
|
41
|
+
"xl": {
|
|
42
|
+
"$ref": "#/definitions/Shell-sidebarSchema/properties/presentation/anyOf/0",
|
|
43
|
+
"description": "Presentation mode"
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
"additionalProperties": false
|
|
47
|
+
}
|
|
48
|
+
],
|
|
49
|
+
"description": "Responsive presentation configuration"
|
|
50
|
+
},
|
|
51
|
+
"mode": {
|
|
52
|
+
"type": "string",
|
|
53
|
+
"enum": [
|
|
54
|
+
"collapsed",
|
|
55
|
+
"thin",
|
|
56
|
+
"expanded"
|
|
57
|
+
],
|
|
58
|
+
"description": "Sidebar state mode"
|
|
59
|
+
},
|
|
60
|
+
"defaultMode": {
|
|
61
|
+
"anyOf": [
|
|
62
|
+
{
|
|
63
|
+
"$ref": "#/definitions/Shell-sidebarSchema/properties/mode"
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
"type": "object",
|
|
67
|
+
"properties": {
|
|
68
|
+
"initial": {
|
|
69
|
+
"$ref": "#/definitions/Shell-sidebarSchema/properties/mode",
|
|
70
|
+
"description": "Sidebar state mode"
|
|
71
|
+
},
|
|
72
|
+
"xs": {
|
|
73
|
+
"$ref": "#/definitions/Shell-sidebarSchema/properties/mode",
|
|
74
|
+
"description": "Sidebar state mode"
|
|
75
|
+
},
|
|
76
|
+
"sm": {
|
|
77
|
+
"$ref": "#/definitions/Shell-sidebarSchema/properties/mode",
|
|
78
|
+
"description": "Sidebar state mode"
|
|
79
|
+
},
|
|
80
|
+
"md": {
|
|
81
|
+
"$ref": "#/definitions/Shell-sidebarSchema/properties/mode",
|
|
82
|
+
"description": "Sidebar state mode"
|
|
83
|
+
},
|
|
84
|
+
"lg": {
|
|
85
|
+
"$ref": "#/definitions/Shell-sidebarSchema/properties/mode",
|
|
86
|
+
"description": "Sidebar state mode"
|
|
87
|
+
},
|
|
88
|
+
"xl": {
|
|
89
|
+
"$ref": "#/definitions/Shell-sidebarSchema/properties/mode",
|
|
90
|
+
"description": "Sidebar state mode"
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
"additionalProperties": false
|
|
94
|
+
}
|
|
95
|
+
],
|
|
96
|
+
"description": "Initial sidebar mode",
|
|
97
|
+
"default": "expanded"
|
|
98
|
+
},
|
|
99
|
+
"expandedSize": {
|
|
100
|
+
"type": "number",
|
|
101
|
+
"default": 288,
|
|
102
|
+
"description": "Default width in pixels"
|
|
103
|
+
},
|
|
104
|
+
"minSize": {
|
|
105
|
+
"type": "number",
|
|
106
|
+
"default": 200,
|
|
107
|
+
"description": "Minimum width when resizing"
|
|
108
|
+
},
|
|
109
|
+
"maxSize": {
|
|
110
|
+
"type": "number",
|
|
111
|
+
"default": 400,
|
|
112
|
+
"description": "Maximum width when resizing"
|
|
113
|
+
},
|
|
114
|
+
"resizable": {
|
|
115
|
+
"type": "boolean",
|
|
116
|
+
"default": false,
|
|
117
|
+
"description": "Whether the sidebar can be resized"
|
|
118
|
+
},
|
|
119
|
+
"collapsible": {
|
|
120
|
+
"type": "boolean",
|
|
121
|
+
"default": true,
|
|
122
|
+
"description": "Whether the sidebar can be collapsed via resize handle"
|
|
123
|
+
},
|
|
124
|
+
"resizer": {},
|
|
125
|
+
"snapPoints": {
|
|
126
|
+
"type": "array",
|
|
127
|
+
"items": {
|
|
128
|
+
"type": "number"
|
|
129
|
+
}
|
|
130
|
+
},
|
|
131
|
+
"snapTolerance": {
|
|
132
|
+
"type": "number"
|
|
133
|
+
},
|
|
134
|
+
"collapseThreshold": {
|
|
135
|
+
"type": "number"
|
|
136
|
+
},
|
|
137
|
+
"paneId": {
|
|
138
|
+
"type": "string"
|
|
139
|
+
},
|
|
140
|
+
"persistence": {
|
|
141
|
+
"type": "object",
|
|
142
|
+
"properties": {},
|
|
143
|
+
"additionalProperties": false,
|
|
144
|
+
"description": "Size persistence adapter"
|
|
145
|
+
},
|
|
146
|
+
"className": {
|
|
147
|
+
"type": "string"
|
|
148
|
+
},
|
|
149
|
+
"style": {
|
|
150
|
+
"type": "object",
|
|
151
|
+
"additionalProperties": {
|
|
152
|
+
"type": [
|
|
153
|
+
"string",
|
|
154
|
+
"number"
|
|
155
|
+
]
|
|
156
|
+
}
|
|
157
|
+
},
|
|
158
|
+
"children": {},
|
|
159
|
+
"thinSize": {
|
|
160
|
+
"type": "number",
|
|
161
|
+
"default": 64,
|
|
162
|
+
"description": "Width in thin mode"
|
|
163
|
+
},
|
|
164
|
+
"toggleModes": {
|
|
165
|
+
"type": "string",
|
|
166
|
+
"enum": [
|
|
167
|
+
"both",
|
|
168
|
+
"single"
|
|
169
|
+
],
|
|
170
|
+
"description": "Available modes in toggle sequence"
|
|
171
|
+
}
|
|
172
|
+
},
|
|
173
|
+
"additionalProperties": false
|
|
174
|
+
}
|
|
175
|
+
},
|
|
176
|
+
"$schema": "https://json-schema.org/draft/2020-12/schema",
|
|
177
|
+
"title": "Shell-sidebar Component Props",
|
|
178
|
+
"description": "Props schema for the shell-sidebar component in Kookie UI",
|
|
179
|
+
"version": "1.0.0",
|
|
180
|
+
"generatedAt": "2025-09-10T19:04:45.608Z",
|
|
181
|
+
"source": "Zod schema"
|
|
182
|
+
}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$ref": "#/definitions/Shell-triggerSchema",
|
|
3
|
+
"definitions": {
|
|
4
|
+
"Shell-triggerSchema": {
|
|
5
|
+
"type": "object",
|
|
6
|
+
"properties": {
|
|
7
|
+
"target": {
|
|
8
|
+
"type": "string",
|
|
9
|
+
"enum": [
|
|
10
|
+
"left",
|
|
11
|
+
"rail",
|
|
12
|
+
"panel",
|
|
13
|
+
"sidebar",
|
|
14
|
+
"inspector",
|
|
15
|
+
"bottom"
|
|
16
|
+
],
|
|
17
|
+
"description": "Which pane to control"
|
|
18
|
+
},
|
|
19
|
+
"action": {
|
|
20
|
+
"type": "string",
|
|
21
|
+
"enum": [
|
|
22
|
+
"toggle",
|
|
23
|
+
"expand",
|
|
24
|
+
"collapse"
|
|
25
|
+
],
|
|
26
|
+
"description": "Action to perform",
|
|
27
|
+
"default": "toggle"
|
|
28
|
+
},
|
|
29
|
+
"peekOnHover": {
|
|
30
|
+
"type": "boolean",
|
|
31
|
+
"default": false,
|
|
32
|
+
"description": "Whether to show peek preview on hover when collapsed"
|
|
33
|
+
},
|
|
34
|
+
"className": {
|
|
35
|
+
"type": "string",
|
|
36
|
+
"description": "Additional CSS class name"
|
|
37
|
+
},
|
|
38
|
+
"style": {
|
|
39
|
+
"type": "object",
|
|
40
|
+
"additionalProperties": {
|
|
41
|
+
"type": [
|
|
42
|
+
"string",
|
|
43
|
+
"number"
|
|
44
|
+
]
|
|
45
|
+
},
|
|
46
|
+
"description": "Inline styles"
|
|
47
|
+
},
|
|
48
|
+
"children": {
|
|
49
|
+
"description": "Trigger content"
|
|
50
|
+
},
|
|
51
|
+
"aria-label": {
|
|
52
|
+
"type": "string",
|
|
53
|
+
"description": "ARIA label for accessibility"
|
|
54
|
+
},
|
|
55
|
+
"aria-labelledby": {
|
|
56
|
+
"type": "string",
|
|
57
|
+
"description": "ARIA labelled by reference"
|
|
58
|
+
},
|
|
59
|
+
"aria-describedby": {
|
|
60
|
+
"type": "string",
|
|
61
|
+
"description": "ARIA described by reference"
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
"required": [
|
|
65
|
+
"target"
|
|
66
|
+
],
|
|
67
|
+
"additionalProperties": false
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
"$schema": "https://json-schema.org/draft/2020-12/schema",
|
|
71
|
+
"title": "Shell-trigger Component Props",
|
|
72
|
+
"description": "Props schema for the shell-trigger component in Kookie UI",
|
|
73
|
+
"version": "1.0.0",
|
|
74
|
+
"generatedAt": "2025-09-10T19:04:45.609Z",
|
|
75
|
+
"source": "Zod schema"
|
|
76
|
+
}
|
|
@@ -538,6 +538,6 @@
|
|
|
538
538
|
"title": "Toggle-button Component Props",
|
|
539
539
|
"description": "Props schema for the toggle-button component in Kookie UI",
|
|
540
540
|
"version": "1.0.0",
|
|
541
|
-
"generatedAt": "2025-09-
|
|
541
|
+
"generatedAt": "2025-09-11T22:13:16.360Z",
|
|
542
542
|
"source": "Zod schema"
|
|
543
543
|
}
|
|
@@ -321,6 +321,6 @@
|
|
|
321
321
|
"title": "Toggle-icon-button Component Props",
|
|
322
322
|
"description": "Props schema for the toggle-icon-button component in Kookie UI",
|
|
323
323
|
"version": "1.0.0",
|
|
324
|
-
"generatedAt": "2025-09-
|
|
324
|
+
"generatedAt": "2025-09-11T22:13:16.361Z",
|
|
325
325
|
"source": "Zod schema"
|
|
326
326
|
}
|