@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,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-10T17:52:54.993Z",
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-10T17:52:54.994Z",
324
+ "generatedAt": "2025-09-11T22:13:16.361Z",
325
325
  "source": "Zod schema"
326
326
  }