@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.
Files changed (135) hide show
  1. package/components.css +858 -30
  2. package/dist/cjs/components/_internal/shell-bottom.d.ts +31 -0
  3. package/dist/cjs/components/_internal/shell-bottom.d.ts.map +1 -0
  4. package/dist/cjs/components/_internal/shell-bottom.js +2 -0
  5. package/dist/cjs/components/_internal/shell-bottom.js.map +7 -0
  6. package/dist/cjs/components/_internal/shell-handles.d.ts +7 -0
  7. package/dist/cjs/components/_internal/shell-handles.d.ts.map +1 -0
  8. package/dist/cjs/components/_internal/shell-handles.js +2 -0
  9. package/dist/cjs/components/_internal/shell-handles.js.map +7 -0
  10. package/dist/cjs/components/_internal/shell-inspector.d.ts +31 -0
  11. package/dist/cjs/components/_internal/shell-inspector.d.ts.map +1 -0
  12. package/dist/cjs/components/_internal/shell-inspector.js +2 -0
  13. package/dist/cjs/components/_internal/shell-inspector.js.map +7 -0
  14. package/dist/cjs/components/_internal/shell-resize.d.ts +24 -0
  15. package/dist/cjs/components/_internal/shell-resize.d.ts.map +1 -0
  16. package/dist/cjs/components/_internal/shell-resize.js +2 -0
  17. package/dist/cjs/components/_internal/shell-resize.js.map +7 -0
  18. package/dist/cjs/components/_internal/shell-sidebar.d.ts +37 -0
  19. package/dist/cjs/components/_internal/shell-sidebar.d.ts.map +1 -0
  20. package/dist/cjs/components/_internal/shell-sidebar.js +2 -0
  21. package/dist/cjs/components/_internal/shell-sidebar.js.map +7 -0
  22. package/dist/cjs/components/schemas/index.d.ts +2 -0
  23. package/dist/cjs/components/schemas/index.d.ts.map +1 -1
  24. package/dist/cjs/components/schemas/index.js +1 -1
  25. package/dist/cjs/components/schemas/index.js.map +3 -3
  26. package/dist/cjs/components/schemas/shell.schema.d.ts +1025 -0
  27. package/dist/cjs/components/schemas/shell.schema.d.ts.map +1 -0
  28. package/dist/cjs/components/schemas/shell.schema.js +2 -0
  29. package/dist/cjs/components/schemas/shell.schema.js.map +7 -0
  30. package/dist/cjs/components/shell.context.d.ts +37 -0
  31. package/dist/cjs/components/shell.context.d.ts.map +1 -0
  32. package/dist/cjs/components/shell.context.js +2 -0
  33. package/dist/cjs/components/shell.context.js.map +7 -0
  34. package/dist/cjs/components/shell.d.ts +6 -68
  35. package/dist/cjs/components/shell.d.ts.map +1 -1
  36. package/dist/cjs/components/shell.hooks.d.ts +3 -0
  37. package/dist/cjs/components/shell.hooks.d.ts.map +1 -0
  38. package/dist/cjs/components/shell.hooks.js +2 -0
  39. package/dist/cjs/components/shell.hooks.js.map +7 -0
  40. package/dist/cjs/components/shell.js +1 -1
  41. package/dist/cjs/components/shell.js.map +3 -3
  42. package/dist/cjs/components/shell.types.d.ts +20 -0
  43. package/dist/cjs/components/shell.types.d.ts.map +1 -0
  44. package/dist/cjs/components/shell.types.js +2 -0
  45. package/dist/cjs/components/shell.types.js.map +7 -0
  46. package/dist/cjs/components/sidebar.d.ts +1 -1
  47. package/dist/cjs/components/sidebar.d.ts.map +1 -1
  48. package/dist/cjs/components/sidebar.js +1 -1
  49. package/dist/cjs/components/sidebar.js.map +3 -3
  50. package/dist/esm/components/_internal/shell-bottom.d.ts +31 -0
  51. package/dist/esm/components/_internal/shell-bottom.d.ts.map +1 -0
  52. package/dist/esm/components/_internal/shell-bottom.js +2 -0
  53. package/dist/esm/components/_internal/shell-bottom.js.map +7 -0
  54. package/dist/esm/components/_internal/shell-handles.d.ts +7 -0
  55. package/dist/esm/components/_internal/shell-handles.d.ts.map +1 -0
  56. package/dist/esm/components/_internal/shell-handles.js +2 -0
  57. package/dist/esm/components/_internal/shell-handles.js.map +7 -0
  58. package/dist/esm/components/_internal/shell-inspector.d.ts +31 -0
  59. package/dist/esm/components/_internal/shell-inspector.d.ts.map +1 -0
  60. package/dist/esm/components/_internal/shell-inspector.js +2 -0
  61. package/dist/esm/components/_internal/shell-inspector.js.map +7 -0
  62. package/dist/esm/components/_internal/shell-resize.d.ts +24 -0
  63. package/dist/esm/components/_internal/shell-resize.d.ts.map +1 -0
  64. package/dist/esm/components/_internal/shell-resize.js +2 -0
  65. package/dist/esm/components/_internal/shell-resize.js.map +7 -0
  66. package/dist/esm/components/_internal/shell-sidebar.d.ts +37 -0
  67. package/dist/esm/components/_internal/shell-sidebar.d.ts.map +1 -0
  68. package/dist/esm/components/_internal/shell-sidebar.js +2 -0
  69. package/dist/esm/components/_internal/shell-sidebar.js.map +7 -0
  70. package/dist/esm/components/schemas/index.d.ts +2 -0
  71. package/dist/esm/components/schemas/index.d.ts.map +1 -1
  72. package/dist/esm/components/schemas/index.js +1 -1
  73. package/dist/esm/components/schemas/index.js.map +3 -3
  74. package/dist/esm/components/schemas/shell.schema.d.ts +1025 -0
  75. package/dist/esm/components/schemas/shell.schema.d.ts.map +1 -0
  76. package/dist/esm/components/schemas/shell.schema.js +2 -0
  77. package/dist/esm/components/schemas/shell.schema.js.map +7 -0
  78. package/dist/esm/components/shell.context.d.ts +37 -0
  79. package/dist/esm/components/shell.context.d.ts.map +1 -0
  80. package/dist/esm/components/shell.context.js +2 -0
  81. package/dist/esm/components/shell.context.js.map +7 -0
  82. package/dist/esm/components/shell.d.ts +6 -68
  83. package/dist/esm/components/shell.d.ts.map +1 -1
  84. package/dist/esm/components/shell.hooks.d.ts +3 -0
  85. package/dist/esm/components/shell.hooks.d.ts.map +1 -0
  86. package/dist/esm/components/shell.hooks.js +2 -0
  87. package/dist/esm/components/shell.hooks.js.map +7 -0
  88. package/dist/esm/components/shell.js +1 -1
  89. package/dist/esm/components/shell.js.map +3 -3
  90. package/dist/esm/components/shell.types.d.ts +20 -0
  91. package/dist/esm/components/shell.types.d.ts.map +1 -0
  92. package/dist/esm/components/shell.types.js +2 -0
  93. package/dist/esm/components/shell.types.js.map +7 -0
  94. package/dist/esm/components/sidebar.d.ts +1 -1
  95. package/dist/esm/components/sidebar.d.ts.map +1 -1
  96. package/dist/esm/components/sidebar.js +1 -1
  97. package/dist/esm/components/sidebar.js.map +2 -2
  98. package/layout/utilities.css +168 -84
  99. package/layout.css +168 -84
  100. package/package.json +2 -1
  101. package/schemas/base-button.json +1 -1
  102. package/schemas/button.json +1 -1
  103. package/schemas/icon-button.json +1 -1
  104. package/schemas/index.json +6 -6
  105. package/schemas/shell-bottom.json +168 -0
  106. package/schemas/shell-content.json +34 -0
  107. package/schemas/shell-handle.json +34 -0
  108. package/schemas/shell-header.json +42 -0
  109. package/schemas/shell-inspector.json +171 -0
  110. package/schemas/shell-panel.json +167 -0
  111. package/schemas/shell-rail.json +132 -0
  112. package/schemas/shell-root.json +54 -0
  113. package/schemas/shell-sidebar.json +182 -0
  114. package/schemas/shell-trigger.json +76 -0
  115. package/schemas/toggle-button.json +1 -1
  116. package/schemas/toggle-icon-button.json +1 -1
  117. package/src/components/_internal/shell-bottom.tsx +251 -0
  118. package/src/components/_internal/shell-handles.tsx +193 -0
  119. package/src/components/_internal/shell-inspector.tsx +242 -0
  120. package/src/components/_internal/shell-resize.tsx +30 -0
  121. package/src/components/_internal/shell-sidebar.tsx +347 -0
  122. package/src/components/schemas/index.ts +46 -0
  123. package/src/components/schemas/shell.schema.ts +403 -0
  124. package/src/components/shell.context.tsx +56 -0
  125. package/src/components/shell.css +5 -17
  126. package/src/components/shell.hooks.ts +31 -0
  127. package/src/components/shell.tsx +368 -1684
  128. package/src/components/shell.types.ts +27 -0
  129. package/src/components/sidebar.tsx +1 -1
  130. package/src/styles/tokens/blur.css +2 -2
  131. package/src/styles/tokens/color.css +2 -2
  132. package/styles.css +1031 -116
  133. package/tokens/base.css +5 -2
  134. package/tokens.css +5 -2
  135. package/utilities.css +168 -84
@@ -0,0 +1,168 @@
1
+ {
2
+ "$ref": "#/definitions/Shell-bottomSchema",
3
+ "definitions": {
4
+ "Shell-bottomSchema": {
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-bottomSchema/properties/presentation/anyOf/0",
23
+ "description": "Presentation mode"
24
+ },
25
+ "xs": {
26
+ "$ref": "#/definitions/Shell-bottomSchema/properties/presentation/anyOf/0",
27
+ "description": "Presentation mode"
28
+ },
29
+ "sm": {
30
+ "$ref": "#/definitions/Shell-bottomSchema/properties/presentation/anyOf/0",
31
+ "description": "Presentation mode"
32
+ },
33
+ "md": {
34
+ "$ref": "#/definitions/Shell-bottomSchema/properties/presentation/anyOf/0",
35
+ "description": "Presentation mode"
36
+ },
37
+ "lg": {
38
+ "$ref": "#/definitions/Shell-bottomSchema/properties/presentation/anyOf/0",
39
+ "description": "Presentation mode"
40
+ },
41
+ "xl": {
42
+ "$ref": "#/definitions/Shell-bottomSchema/properties/presentation/anyOf/0",
43
+ "description": "Presentation mode"
44
+ }
45
+ },
46
+ "additionalProperties": false
47
+ }
48
+ ],
49
+ "description": "Presentation mode",
50
+ "default": "fixed"
51
+ },
52
+ "mode": {
53
+ "type": "string",
54
+ "enum": [
55
+ "expanded",
56
+ "collapsed"
57
+ ],
58
+ "description": "Pane state mode"
59
+ },
60
+ "defaultMode": {
61
+ "anyOf": [
62
+ {
63
+ "$ref": "#/definitions/Shell-bottomSchema/properties/mode"
64
+ },
65
+ {
66
+ "type": "object",
67
+ "properties": {
68
+ "initial": {
69
+ "$ref": "#/definitions/Shell-bottomSchema/properties/mode",
70
+ "description": "Pane state mode"
71
+ },
72
+ "xs": {
73
+ "$ref": "#/definitions/Shell-bottomSchema/properties/mode",
74
+ "description": "Pane state mode"
75
+ },
76
+ "sm": {
77
+ "$ref": "#/definitions/Shell-bottomSchema/properties/mode",
78
+ "description": "Pane state mode"
79
+ },
80
+ "md": {
81
+ "$ref": "#/definitions/Shell-bottomSchema/properties/mode",
82
+ "description": "Pane state mode"
83
+ },
84
+ "lg": {
85
+ "$ref": "#/definitions/Shell-bottomSchema/properties/mode",
86
+ "description": "Pane state mode"
87
+ },
88
+ "xl": {
89
+ "$ref": "#/definitions/Shell-bottomSchema/properties/mode",
90
+ "description": "Pane state mode"
91
+ }
92
+ },
93
+ "additionalProperties": false
94
+ }
95
+ ],
96
+ "description": "Responsive pane mode configuration"
97
+ },
98
+ "expandedSize": {
99
+ "type": "number",
100
+ "default": 200,
101
+ "description": "Default height in pixels"
102
+ },
103
+ "minSize": {
104
+ "type": "number",
105
+ "default": 100,
106
+ "description": "Minimum height when resizing"
107
+ },
108
+ "maxSize": {
109
+ "type": "number",
110
+ "default": 400,
111
+ "description": "Maximum height when resizing"
112
+ },
113
+ "resizable": {
114
+ "type": "boolean",
115
+ "default": false,
116
+ "description": "Whether the bottom panel can be resized"
117
+ },
118
+ "collapsible": {
119
+ "type": "boolean",
120
+ "default": true,
121
+ "description": "Whether the bottom panel can be collapsed via resize handle"
122
+ },
123
+ "resizer": {},
124
+ "snapPoints": {
125
+ "type": "array",
126
+ "items": {
127
+ "type": "number"
128
+ }
129
+ },
130
+ "snapTolerance": {
131
+ "type": "number"
132
+ },
133
+ "collapseThreshold": {
134
+ "type": "number"
135
+ },
136
+ "paneId": {
137
+ "type": "string"
138
+ },
139
+ "persistence": {
140
+ "type": "object",
141
+ "properties": {},
142
+ "additionalProperties": false,
143
+ "description": "Size persistence adapter"
144
+ },
145
+ "className": {
146
+ "type": "string"
147
+ },
148
+ "style": {
149
+ "type": "object",
150
+ "additionalProperties": {
151
+ "type": [
152
+ "string",
153
+ "number"
154
+ ]
155
+ }
156
+ },
157
+ "children": {}
158
+ },
159
+ "additionalProperties": false
160
+ }
161
+ },
162
+ "$schema": "https://json-schema.org/draft/2020-12/schema",
163
+ "title": "Shell-bottom Component Props",
164
+ "description": "Props schema for the shell-bottom component in Kookie UI",
165
+ "version": "1.0.0",
166
+ "generatedAt": "2025-09-10T19:04:45.609Z",
167
+ "source": "Zod schema"
168
+ }
@@ -0,0 +1,34 @@
1
+ {
2
+ "$ref": "#/definitions/Shell-contentSchema",
3
+ "definitions": {
4
+ "Shell-contentSchema": {
5
+ "type": "object",
6
+ "properties": {
7
+ "className": {
8
+ "type": "string",
9
+ "description": "Additional CSS class name"
10
+ },
11
+ "style": {
12
+ "type": "object",
13
+ "additionalProperties": {
14
+ "type": [
15
+ "string",
16
+ "number"
17
+ ]
18
+ },
19
+ "description": "Inline styles"
20
+ },
21
+ "children": {
22
+ "description": "Main content"
23
+ }
24
+ },
25
+ "additionalProperties": false
26
+ }
27
+ },
28
+ "$schema": "https://json-schema.org/draft/2020-12/schema",
29
+ "title": "Shell-content Component Props",
30
+ "description": "Props schema for the shell-content component in Kookie UI",
31
+ "version": "1.0.0",
32
+ "generatedAt": "2025-09-10T19:04:45.609Z",
33
+ "source": "Zod schema"
34
+ }
@@ -0,0 +1,34 @@
1
+ {
2
+ "$ref": "#/definitions/Shell-handleSchema",
3
+ "definitions": {
4
+ "Shell-handleSchema": {
5
+ "type": "object",
6
+ "properties": {
7
+ "className": {
8
+ "type": "string",
9
+ "description": "Additional CSS class name"
10
+ },
11
+ "style": {
12
+ "type": "object",
13
+ "additionalProperties": {
14
+ "type": [
15
+ "string",
16
+ "number"
17
+ ]
18
+ },
19
+ "description": "Inline styles"
20
+ },
21
+ "children": {
22
+ "description": "Handle content"
23
+ }
24
+ },
25
+ "additionalProperties": false
26
+ }
27
+ },
28
+ "$schema": "https://json-schema.org/draft/2020-12/schema",
29
+ "title": "Shell-handle Component Props",
30
+ "description": "Props schema for the shell-handle component in Kookie UI",
31
+ "version": "1.0.0",
32
+ "generatedAt": "2025-09-10T19:04:45.609Z",
33
+ "source": "Zod schema"
34
+ }
@@ -0,0 +1,42 @@
1
+ {
2
+ "$ref": "#/definitions/Shell-headerSchema",
3
+ "definitions": {
4
+ "Shell-headerSchema": {
5
+ "type": "object",
6
+ "properties": {
7
+ "height": {
8
+ "type": [
9
+ "string",
10
+ "number"
11
+ ],
12
+ "default": 64,
13
+ "description": "Height of the header"
14
+ },
15
+ "className": {
16
+ "type": "string",
17
+ "description": "Additional CSS class name"
18
+ },
19
+ "style": {
20
+ "type": "object",
21
+ "additionalProperties": {
22
+ "type": [
23
+ "string",
24
+ "number"
25
+ ]
26
+ },
27
+ "description": "Inline styles"
28
+ },
29
+ "children": {
30
+ "description": "Header content"
31
+ }
32
+ },
33
+ "additionalProperties": false
34
+ }
35
+ },
36
+ "$schema": "https://json-schema.org/draft/2020-12/schema",
37
+ "title": "Shell-header Component Props",
38
+ "description": "Props schema for the shell-header component in Kookie UI",
39
+ "version": "1.0.0",
40
+ "generatedAt": "2025-09-10T19:04:45.608Z",
41
+ "source": "Zod schema"
42
+ }
@@ -0,0 +1,171 @@
1
+ {
2
+ "$ref": "#/definitions/Shell-inspectorSchema",
3
+ "definitions": {
4
+ "Shell-inspectorSchema": {
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-inspectorSchema/properties/presentation/anyOf/0",
23
+ "description": "Presentation mode"
24
+ },
25
+ "xs": {
26
+ "$ref": "#/definitions/Shell-inspectorSchema/properties/presentation/anyOf/0",
27
+ "description": "Presentation mode"
28
+ },
29
+ "sm": {
30
+ "$ref": "#/definitions/Shell-inspectorSchema/properties/presentation/anyOf/0",
31
+ "description": "Presentation mode"
32
+ },
33
+ "md": {
34
+ "$ref": "#/definitions/Shell-inspectorSchema/properties/presentation/anyOf/0",
35
+ "description": "Presentation mode"
36
+ },
37
+ "lg": {
38
+ "$ref": "#/definitions/Shell-inspectorSchema/properties/presentation/anyOf/0",
39
+ "description": "Presentation mode"
40
+ },
41
+ "xl": {
42
+ "$ref": "#/definitions/Shell-inspectorSchema/properties/presentation/anyOf/0",
43
+ "description": "Presentation mode"
44
+ }
45
+ },
46
+ "additionalProperties": false
47
+ }
48
+ ],
49
+ "description": "Presentation mode",
50
+ "default": {
51
+ "initial": "overlay",
52
+ "lg": "fixed"
53
+ }
54
+ },
55
+ "mode": {
56
+ "type": "string",
57
+ "enum": [
58
+ "expanded",
59
+ "collapsed"
60
+ ],
61
+ "description": "Pane state mode"
62
+ },
63
+ "defaultMode": {
64
+ "anyOf": [
65
+ {
66
+ "$ref": "#/definitions/Shell-inspectorSchema/properties/mode"
67
+ },
68
+ {
69
+ "type": "object",
70
+ "properties": {
71
+ "initial": {
72
+ "$ref": "#/definitions/Shell-inspectorSchema/properties/mode",
73
+ "description": "Pane state mode"
74
+ },
75
+ "xs": {
76
+ "$ref": "#/definitions/Shell-inspectorSchema/properties/mode",
77
+ "description": "Pane state mode"
78
+ },
79
+ "sm": {
80
+ "$ref": "#/definitions/Shell-inspectorSchema/properties/mode",
81
+ "description": "Pane state mode"
82
+ },
83
+ "md": {
84
+ "$ref": "#/definitions/Shell-inspectorSchema/properties/mode",
85
+ "description": "Pane state mode"
86
+ },
87
+ "lg": {
88
+ "$ref": "#/definitions/Shell-inspectorSchema/properties/mode",
89
+ "description": "Pane state mode"
90
+ },
91
+ "xl": {
92
+ "$ref": "#/definitions/Shell-inspectorSchema/properties/mode",
93
+ "description": "Pane state mode"
94
+ }
95
+ },
96
+ "additionalProperties": false
97
+ }
98
+ ],
99
+ "description": "Responsive pane mode configuration"
100
+ },
101
+ "expandedSize": {
102
+ "type": "number",
103
+ "default": 320,
104
+ "description": "Default width in pixels"
105
+ },
106
+ "minSize": {
107
+ "type": "number",
108
+ "default": 200,
109
+ "description": "Minimum width when resizing"
110
+ },
111
+ "maxSize": {
112
+ "type": "number",
113
+ "default": 500,
114
+ "description": "Maximum width when resizing"
115
+ },
116
+ "resizable": {
117
+ "type": "boolean",
118
+ "default": false,
119
+ "description": "Whether the inspector can be resized"
120
+ },
121
+ "collapsible": {
122
+ "type": "boolean",
123
+ "default": true,
124
+ "description": "Whether the inspector can be collapsed via resize handle"
125
+ },
126
+ "resizer": {},
127
+ "snapPoints": {
128
+ "type": "array",
129
+ "items": {
130
+ "type": "number"
131
+ }
132
+ },
133
+ "snapTolerance": {
134
+ "type": "number"
135
+ },
136
+ "collapseThreshold": {
137
+ "type": "number"
138
+ },
139
+ "paneId": {
140
+ "type": "string"
141
+ },
142
+ "persistence": {
143
+ "type": "object",
144
+ "properties": {},
145
+ "additionalProperties": false,
146
+ "description": "Size persistence adapter"
147
+ },
148
+ "className": {
149
+ "type": "string"
150
+ },
151
+ "style": {
152
+ "type": "object",
153
+ "additionalProperties": {
154
+ "type": [
155
+ "string",
156
+ "number"
157
+ ]
158
+ }
159
+ },
160
+ "children": {}
161
+ },
162
+ "additionalProperties": false
163
+ }
164
+ },
165
+ "$schema": "https://json-schema.org/draft/2020-12/schema",
166
+ "title": "Shell-inspector Component Props",
167
+ "description": "Props schema for the shell-inspector component in Kookie UI",
168
+ "version": "1.0.0",
169
+ "generatedAt": "2025-09-10T19:04:45.609Z",
170
+ "source": "Zod schema"
171
+ }
@@ -0,0 +1,167 @@
1
+ {
2
+ "$ref": "#/definitions/Shell-panelSchema",
3
+ "definitions": {
4
+ "Shell-panelSchema": {
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-panelSchema/properties/presentation/anyOf/0",
23
+ "description": "Presentation mode"
24
+ },
25
+ "xs": {
26
+ "$ref": "#/definitions/Shell-panelSchema/properties/presentation/anyOf/0",
27
+ "description": "Presentation mode"
28
+ },
29
+ "sm": {
30
+ "$ref": "#/definitions/Shell-panelSchema/properties/presentation/anyOf/0",
31
+ "description": "Presentation mode"
32
+ },
33
+ "md": {
34
+ "$ref": "#/definitions/Shell-panelSchema/properties/presentation/anyOf/0",
35
+ "description": "Presentation mode"
36
+ },
37
+ "lg": {
38
+ "$ref": "#/definitions/Shell-panelSchema/properties/presentation/anyOf/0",
39
+ "description": "Presentation mode"
40
+ },
41
+ "xl": {
42
+ "$ref": "#/definitions/Shell-panelSchema/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-panelSchema/properties/mode"
63
+ },
64
+ {
65
+ "type": "object",
66
+ "properties": {
67
+ "initial": {
68
+ "$ref": "#/definitions/Shell-panelSchema/properties/mode",
69
+ "description": "Pane state mode"
70
+ },
71
+ "xs": {
72
+ "$ref": "#/definitions/Shell-panelSchema/properties/mode",
73
+ "description": "Pane state mode"
74
+ },
75
+ "sm": {
76
+ "$ref": "#/definitions/Shell-panelSchema/properties/mode",
77
+ "description": "Pane state mode"
78
+ },
79
+ "md": {
80
+ "$ref": "#/definitions/Shell-panelSchema/properties/mode",
81
+ "description": "Pane state mode"
82
+ },
83
+ "lg": {
84
+ "$ref": "#/definitions/Shell-panelSchema/properties/mode",
85
+ "description": "Pane state mode"
86
+ },
87
+ "xl": {
88
+ "$ref": "#/definitions/Shell-panelSchema/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": 288,
100
+ "description": "Default width in pixels"
101
+ },
102
+ "minSize": {
103
+ "type": "number",
104
+ "default": 200,
105
+ "description": "Minimum width when resizing"
106
+ },
107
+ "maxSize": {
108
+ "type": "number",
109
+ "default": 800,
110
+ "description": "Maximum width when resizing"
111
+ },
112
+ "resizable": {
113
+ "type": "boolean",
114
+ "default": false,
115
+ "description": "Whether the panel can be resized"
116
+ },
117
+ "collapsible": {
118
+ "type": "boolean",
119
+ "default": true,
120
+ "description": "Whether the panel can be collapsed via resize handle"
121
+ },
122
+ "resizer": {},
123
+ "snapPoints": {
124
+ "type": "array",
125
+ "items": {
126
+ "type": "number"
127
+ }
128
+ },
129
+ "snapTolerance": {
130
+ "type": "number"
131
+ },
132
+ "collapseThreshold": {
133
+ "type": "number"
134
+ },
135
+ "paneId": {
136
+ "type": "string"
137
+ },
138
+ "persistence": {
139
+ "type": "object",
140
+ "properties": {},
141
+ "additionalProperties": false,
142
+ "description": "Size persistence adapter"
143
+ },
144
+ "className": {
145
+ "type": "string"
146
+ },
147
+ "style": {
148
+ "type": "object",
149
+ "additionalProperties": {
150
+ "type": [
151
+ "string",
152
+ "number"
153
+ ]
154
+ }
155
+ },
156
+ "children": {}
157
+ },
158
+ "additionalProperties": false
159
+ }
160
+ },
161
+ "$schema": "https://json-schema.org/draft/2020-12/schema",
162
+ "title": "Shell-panel Component Props",
163
+ "description": "Props schema for the shell-panel component in Kookie UI",
164
+ "version": "1.0.0",
165
+ "generatedAt": "2025-09-10T19:04:45.608Z",
166
+ "source": "Zod schema"
167
+ }