@kushagradhawan/kookie-ui 0.1.41 → 0.1.43

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 (144) hide show
  1. package/README.md +257 -60
  2. package/components.css +398 -91
  3. package/dist/cjs/components/schemas/base-button.schema.d.ts +319 -0
  4. package/dist/cjs/components/schemas/base-button.schema.d.ts.map +1 -0
  5. package/dist/cjs/components/schemas/base-button.schema.js +2 -0
  6. package/dist/cjs/components/schemas/base-button.schema.js.map +7 -0
  7. package/dist/cjs/components/schemas/button.schema.d.ts +686 -0
  8. package/dist/cjs/components/schemas/button.schema.d.ts.map +1 -0
  9. package/dist/cjs/components/schemas/button.schema.js +2 -0
  10. package/dist/cjs/components/schemas/button.schema.js.map +7 -0
  11. package/dist/cjs/components/schemas/icon-button.schema.d.ts +329 -0
  12. package/dist/cjs/components/schemas/icon-button.schema.d.ts.map +1 -0
  13. package/dist/cjs/components/schemas/icon-button.schema.js +2 -0
  14. package/dist/cjs/components/schemas/icon-button.schema.js.map +7 -0
  15. package/dist/cjs/components/schemas/index.d.ts +52 -0
  16. package/dist/cjs/components/schemas/index.d.ts.map +1 -0
  17. package/dist/cjs/components/schemas/index.js +2 -0
  18. package/dist/cjs/components/schemas/index.js.map +7 -0
  19. package/dist/cjs/components/schemas/toggle-button.schema.d.ts +1172 -0
  20. package/dist/cjs/components/schemas/toggle-button.schema.d.ts.map +1 -0
  21. package/dist/cjs/components/schemas/toggle-button.schema.js +2 -0
  22. package/dist/cjs/components/schemas/toggle-button.schema.js.map +7 -0
  23. package/dist/cjs/components/schemas/toggle-icon-button.schema.d.ts +563 -0
  24. package/dist/cjs/components/schemas/toggle-icon-button.schema.d.ts.map +1 -0
  25. package/dist/cjs/components/schemas/toggle-icon-button.schema.js +2 -0
  26. package/dist/cjs/components/schemas/toggle-icon-button.schema.js.map +7 -0
  27. package/dist/cjs/components/sheet.d.ts +1 -1
  28. package/dist/cjs/components/sheet.d.ts.map +1 -1
  29. package/dist/cjs/components/sheet.js +1 -1
  30. package/dist/cjs/components/sheet.js.map +3 -3
  31. package/dist/cjs/components/shell.d.ts +125 -164
  32. package/dist/cjs/components/shell.d.ts.map +1 -1
  33. package/dist/cjs/components/shell.js +1 -1
  34. package/dist/cjs/components/shell.js.map +3 -3
  35. package/dist/cjs/components/sidebar.d.ts +1 -7
  36. package/dist/cjs/components/sidebar.d.ts.map +1 -1
  37. package/dist/cjs/components/sidebar.js +1 -1
  38. package/dist/cjs/components/sidebar.js.map +3 -3
  39. package/dist/cjs/components/theme.d.ts +3 -0
  40. package/dist/cjs/components/theme.d.ts.map +1 -1
  41. package/dist/cjs/components/theme.js +1 -1
  42. package/dist/cjs/components/theme.js.map +3 -3
  43. package/dist/cjs/components/theme.props.d.ts +10 -0
  44. package/dist/cjs/components/theme.props.d.ts.map +1 -1
  45. package/dist/cjs/components/theme.props.js +1 -1
  46. package/dist/cjs/components/theme.props.js.map +3 -3
  47. package/dist/cjs/helpers/font-config.d.ts +96 -0
  48. package/dist/cjs/helpers/font-config.d.ts.map +1 -0
  49. package/dist/cjs/helpers/font-config.js +3 -0
  50. package/dist/cjs/helpers/font-config.js.map +7 -0
  51. package/dist/cjs/helpers/index.d.ts +1 -0
  52. package/dist/cjs/helpers/index.d.ts.map +1 -1
  53. package/dist/cjs/helpers/index.js +1 -1
  54. package/dist/cjs/helpers/index.js.map +2 -2
  55. package/dist/esm/components/schemas/base-button.schema.d.ts +319 -0
  56. package/dist/esm/components/schemas/base-button.schema.d.ts.map +1 -0
  57. package/dist/esm/components/schemas/base-button.schema.js +2 -0
  58. package/dist/esm/components/schemas/base-button.schema.js.map +7 -0
  59. package/dist/esm/components/schemas/button.schema.d.ts +686 -0
  60. package/dist/esm/components/schemas/button.schema.d.ts.map +1 -0
  61. package/dist/esm/components/schemas/button.schema.js +2 -0
  62. package/dist/esm/components/schemas/button.schema.js.map +7 -0
  63. package/dist/esm/components/schemas/icon-button.schema.d.ts +329 -0
  64. package/dist/esm/components/schemas/icon-button.schema.d.ts.map +1 -0
  65. package/dist/esm/components/schemas/icon-button.schema.js +2 -0
  66. package/dist/esm/components/schemas/icon-button.schema.js.map +7 -0
  67. package/dist/esm/components/schemas/index.d.ts +52 -0
  68. package/dist/esm/components/schemas/index.d.ts.map +1 -0
  69. package/dist/esm/components/schemas/index.js +2 -0
  70. package/dist/esm/components/schemas/index.js.map +7 -0
  71. package/dist/esm/components/schemas/toggle-button.schema.d.ts +1172 -0
  72. package/dist/esm/components/schemas/toggle-button.schema.d.ts.map +1 -0
  73. package/dist/esm/components/schemas/toggle-button.schema.js +2 -0
  74. package/dist/esm/components/schemas/toggle-button.schema.js.map +7 -0
  75. package/dist/esm/components/schemas/toggle-icon-button.schema.d.ts +563 -0
  76. package/dist/esm/components/schemas/toggle-icon-button.schema.d.ts.map +1 -0
  77. package/dist/esm/components/schemas/toggle-icon-button.schema.js +2 -0
  78. package/dist/esm/components/schemas/toggle-icon-button.schema.js.map +7 -0
  79. package/dist/esm/components/sheet.d.ts +1 -1
  80. package/dist/esm/components/sheet.d.ts.map +1 -1
  81. package/dist/esm/components/sheet.js +1 -1
  82. package/dist/esm/components/sheet.js.map +3 -3
  83. package/dist/esm/components/shell.d.ts +125 -164
  84. package/dist/esm/components/shell.d.ts.map +1 -1
  85. package/dist/esm/components/shell.js +1 -1
  86. package/dist/esm/components/shell.js.map +3 -3
  87. package/dist/esm/components/sidebar.d.ts +1 -7
  88. package/dist/esm/components/sidebar.d.ts.map +1 -1
  89. package/dist/esm/components/sidebar.js +1 -1
  90. package/dist/esm/components/sidebar.js.map +3 -3
  91. package/dist/esm/components/theme.d.ts +3 -0
  92. package/dist/esm/components/theme.d.ts.map +1 -1
  93. package/dist/esm/components/theme.js +1 -1
  94. package/dist/esm/components/theme.js.map +3 -3
  95. package/dist/esm/components/theme.props.d.ts +10 -0
  96. package/dist/esm/components/theme.props.d.ts.map +1 -1
  97. package/dist/esm/components/theme.props.js +1 -1
  98. package/dist/esm/components/theme.props.js.map +3 -3
  99. package/dist/esm/helpers/font-config.d.ts +96 -0
  100. package/dist/esm/helpers/font-config.d.ts.map +1 -0
  101. package/dist/esm/helpers/font-config.js +3 -0
  102. package/dist/esm/helpers/font-config.js.map +7 -0
  103. package/dist/esm/helpers/index.d.ts +1 -0
  104. package/dist/esm/helpers/index.d.ts.map +1 -1
  105. package/dist/esm/helpers/index.js +1 -1
  106. package/dist/esm/helpers/index.js.map +2 -2
  107. package/package.json +23 -3
  108. package/schemas/base-button.d.ts +2 -0
  109. package/schemas/base-button.json +284 -0
  110. package/schemas/button.d.ts +2 -0
  111. package/schemas/button.json +535 -0
  112. package/schemas/icon-button.d.ts +2 -0
  113. package/schemas/icon-button.json +318 -0
  114. package/schemas/index.d.ts +2 -0
  115. package/schemas/index.json +2016 -0
  116. package/schemas/schemas.d.ts +29 -0
  117. package/schemas/toggle-button.d.ts +2 -0
  118. package/schemas/toggle-button.json +543 -0
  119. package/schemas/toggle-icon-button.d.ts +2 -0
  120. package/schemas/toggle-icon-button.json +326 -0
  121. package/schemas-json.d.ts +12 -0
  122. package/src/components/_internal/base-sidebar-menu.css +3 -8
  123. package/src/components/_internal/base-sidebar.css +1 -2
  124. package/src/components/schemas/base-button.schema.ts +339 -0
  125. package/src/components/schemas/button.schema.ts +198 -0
  126. package/src/components/schemas/icon-button.schema.ts +142 -0
  127. package/src/components/schemas/index.ts +68 -0
  128. package/src/components/schemas/toggle-button.schema.ts +122 -0
  129. package/src/components/schemas/toggle-icon-button.schema.ts +195 -0
  130. package/src/components/sheet.css +39 -19
  131. package/src/components/sheet.tsx +62 -3
  132. package/src/components/shell.css +510 -89
  133. package/src/components/shell.tsx +2055 -928
  134. package/src/components/sidebar.css +126 -65
  135. package/src/components/sidebar.tsx +5 -24
  136. package/src/components/theme.props.tsx +8 -0
  137. package/src/components/theme.tsx +16 -0
  138. package/src/helpers/font-config.ts +167 -0
  139. package/src/helpers/index.ts +1 -0
  140. package/src/styles/fonts.css +16 -13
  141. package/src/styles/tokens/typography.css +27 -4
  142. package/styles.css +410 -91
  143. package/tokens/base.css +12 -0
  144. package/tokens.css +12 -0
@@ -0,0 +1,318 @@
1
+ {
2
+ "$ref": "#/definitions/Icon-buttonSchema",
3
+ "definitions": {
4
+ "Icon-buttonSchema": {
5
+ "type": "object",
6
+ "properties": {
7
+ "as": {
8
+ "type": "string",
9
+ "description": "HTML element type to render as"
10
+ },
11
+ "asChild": {
12
+ "type": "boolean",
13
+ "description": "Merge props with child element instead of rendering wrapper"
14
+ },
15
+ "size": {
16
+ "anyOf": [
17
+ {
18
+ "type": "string",
19
+ "enum": [
20
+ "1",
21
+ "2",
22
+ "3",
23
+ "4"
24
+ ]
25
+ },
26
+ {
27
+ "type": "object",
28
+ "properties": {
29
+ "initial": {
30
+ "type": "string",
31
+ "enum": [
32
+ "1",
33
+ "2",
34
+ "3",
35
+ "4"
36
+ ]
37
+ },
38
+ "sm": {
39
+ "type": "string",
40
+ "enum": [
41
+ "1",
42
+ "2",
43
+ "3",
44
+ "4"
45
+ ]
46
+ },
47
+ "md": {
48
+ "type": "string",
49
+ "enum": [
50
+ "1",
51
+ "2",
52
+ "3",
53
+ "4"
54
+ ]
55
+ },
56
+ "lg": {
57
+ "type": "string",
58
+ "enum": [
59
+ "1",
60
+ "2",
61
+ "3",
62
+ "4"
63
+ ]
64
+ },
65
+ "xl": {
66
+ "type": "string",
67
+ "enum": [
68
+ "1",
69
+ "2",
70
+ "3",
71
+ "4"
72
+ ]
73
+ }
74
+ },
75
+ "additionalProperties": false
76
+ }
77
+ ],
78
+ "default": "2",
79
+ "description": "Button size for responsive design and interface density"
80
+ },
81
+ "variant": {
82
+ "type": "string",
83
+ "enum": [
84
+ "classic",
85
+ "solid",
86
+ "soft",
87
+ "surface",
88
+ "outline",
89
+ "ghost",
90
+ "override"
91
+ ],
92
+ "default": "solid",
93
+ "description": "Visual variant that determines the button's appearance and context"
94
+ },
95
+ "color": {
96
+ "type": "string",
97
+ "enum": [
98
+ "tomato",
99
+ "red",
100
+ "ruby",
101
+ "crimson",
102
+ "pink",
103
+ "plum",
104
+ "purple",
105
+ "violet",
106
+ "iris",
107
+ "indigo",
108
+ "blue",
109
+ "cyan",
110
+ "teal",
111
+ "jade",
112
+ "green",
113
+ "grass",
114
+ "brown",
115
+ "orange",
116
+ "sky",
117
+ "mint",
118
+ "lime",
119
+ "yellow",
120
+ "amber",
121
+ "gold",
122
+ "bronze",
123
+ "gray"
124
+ ],
125
+ "description": "Accent color for the button"
126
+ },
127
+ "highContrast": {
128
+ "type": "boolean",
129
+ "default": false,
130
+ "description": "High contrast mode for better accessibility"
131
+ },
132
+ "radius": {
133
+ "type": "string",
134
+ "enum": [
135
+ "none",
136
+ "small",
137
+ "medium",
138
+ "large",
139
+ "full"
140
+ ],
141
+ "description": "Border radius for the button"
142
+ },
143
+ "loading": {
144
+ "type": "boolean",
145
+ "default": false,
146
+ "description": "Loading state that shows a spinner and disables interaction"
147
+ },
148
+ "fullWidth": {
149
+ "type": "boolean",
150
+ "default": false,
151
+ "description": "Full width mode that expands the button to fill its container"
152
+ },
153
+ "material": {
154
+ "type": "string",
155
+ "enum": [
156
+ "solid",
157
+ "translucent"
158
+ ],
159
+ "description": "Material type for visual rendering and depth effects"
160
+ },
161
+ "panelBackground": {
162
+ "type": "string",
163
+ "enum": [
164
+ "solid",
165
+ "translucent"
166
+ ],
167
+ "description": "Panel background type (deprecated - use material instead)"
168
+ },
169
+ "flush": {
170
+ "type": "boolean",
171
+ "default": false,
172
+ "description": "Flush mode that removes visual padding for seamless text integration"
173
+ },
174
+ "disabled": {
175
+ "type": "boolean",
176
+ "default": false,
177
+ "description": "Disabled state"
178
+ },
179
+ "type": {
180
+ "type": "string",
181
+ "enum": [
182
+ "button",
183
+ "submit",
184
+ "reset"
185
+ ],
186
+ "description": "Type attribute for form buttons"
187
+ },
188
+ "className": {
189
+ "type": "string",
190
+ "description": "Additional CSS class name"
191
+ },
192
+ "style": {
193
+ "type": "object",
194
+ "additionalProperties": {
195
+ "type": [
196
+ "string",
197
+ "number"
198
+ ]
199
+ },
200
+ "description": "Inline styles"
201
+ },
202
+ "tabIndex": {
203
+ "type": "number",
204
+ "description": "Tab index for keyboard navigation"
205
+ },
206
+ "aria-label": {
207
+ "type": "string",
208
+ "description": "ARIA label for accessibility"
209
+ },
210
+ "aria-labelledby": {
211
+ "type": "string",
212
+ "description": "ARIA labelled by reference"
213
+ },
214
+ "aria-describedby": {
215
+ "type": "string",
216
+ "description": "ARIA described by reference"
217
+ },
218
+ "aria-expanded": {
219
+ "type": "boolean",
220
+ "description": "ARIA expanded state"
221
+ },
222
+ "aria-pressed": {
223
+ "type": "boolean",
224
+ "description": "ARIA pressed state"
225
+ },
226
+ "aria-current": {
227
+ "anyOf": [
228
+ {
229
+ "type": "boolean"
230
+ },
231
+ {
232
+ "type": "string",
233
+ "enum": [
234
+ "page",
235
+ "step",
236
+ "location",
237
+ "date",
238
+ "time"
239
+ ]
240
+ }
241
+ ],
242
+ "description": "ARIA current state"
243
+ },
244
+ "aria-controls": {
245
+ "type": "string",
246
+ "description": "ARIA controls reference"
247
+ },
248
+ "aria-owns": {
249
+ "type": "string",
250
+ "description": "ARIA owns reference"
251
+ },
252
+ "data-*": {
253
+ "type": "object",
254
+ "additionalProperties": {
255
+ "type": "string"
256
+ },
257
+ "description": "Data attributes"
258
+ },
259
+ "id": {
260
+ "type": "string",
261
+ "description": "ID attribute"
262
+ },
263
+ "title": {
264
+ "type": "string",
265
+ "description": "Title attribute for tooltip"
266
+ },
267
+ "role": {
268
+ "type": "string",
269
+ "description": "Role attribute"
270
+ },
271
+ "children": {
272
+ "description": "Children elements (required for accessibility if no aria-label)"
273
+ },
274
+ "tooltip": {
275
+ "type": "string",
276
+ "description": "Content to display in the tooltip on hover/focus"
277
+ },
278
+ "tooltipSide": {
279
+ "type": "string",
280
+ "enum": [
281
+ "top",
282
+ "right",
283
+ "bottom",
284
+ "left"
285
+ ],
286
+ "default": "top",
287
+ "description": "Side of the button where the tooltip should appear"
288
+ },
289
+ "tooltipAlign": {
290
+ "type": "string",
291
+ "enum": [
292
+ "start",
293
+ "center",
294
+ "end"
295
+ ],
296
+ "default": "center",
297
+ "description": "Alignment of the tooltip relative to the button"
298
+ },
299
+ "tooltipDelayDuration": {
300
+ "type": "number",
301
+ "description": "Delay before showing the tooltip (in milliseconds)"
302
+ },
303
+ "tooltipDisableHoverableContent": {
304
+ "type": "boolean",
305
+ "default": false,
306
+ "description": "Whether to disable hoverable content behavior"
307
+ }
308
+ },
309
+ "additionalProperties": false
310
+ }
311
+ },
312
+ "$schema": "https://json-schema.org/draft/2020-12/schema",
313
+ "title": "Icon-button Component Props",
314
+ "description": "Props schema for the icon-button component in Kookie UI",
315
+ "version": "1.0.0",
316
+ "generatedAt": "2025-09-10T06:58:42.618Z",
317
+ "source": "Zod schema"
318
+ }
@@ -0,0 +1,2 @@
1
+ declare const schemas: any;
2
+ export default schemas;