@kushagradhawan/kookie-ui 0.1.47 → 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 (149) 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/alert-dialog.d.ts.map +1 -1
  23. package/dist/cjs/components/alert-dialog.js +1 -1
  24. package/dist/cjs/components/alert-dialog.js.map +2 -2
  25. package/dist/cjs/components/dialog.d.ts.map +1 -1
  26. package/dist/cjs/components/dialog.js +1 -1
  27. package/dist/cjs/components/dialog.js.map +2 -2
  28. package/dist/cjs/components/schemas/index.d.ts +2 -0
  29. package/dist/cjs/components/schemas/index.d.ts.map +1 -1
  30. package/dist/cjs/components/schemas/index.js +1 -1
  31. package/dist/cjs/components/schemas/index.js.map +3 -3
  32. package/dist/cjs/components/schemas/shell.schema.d.ts +1025 -0
  33. package/dist/cjs/components/schemas/shell.schema.d.ts.map +1 -0
  34. package/dist/cjs/components/schemas/shell.schema.js +2 -0
  35. package/dist/cjs/components/schemas/shell.schema.js.map +7 -0
  36. package/dist/cjs/components/shell.context.d.ts +37 -0
  37. package/dist/cjs/components/shell.context.d.ts.map +1 -0
  38. package/dist/cjs/components/shell.context.js +2 -0
  39. package/dist/cjs/components/shell.context.js.map +7 -0
  40. package/dist/cjs/components/shell.d.ts +6 -68
  41. package/dist/cjs/components/shell.d.ts.map +1 -1
  42. package/dist/cjs/components/shell.hooks.d.ts +3 -0
  43. package/dist/cjs/components/shell.hooks.d.ts.map +1 -0
  44. package/dist/cjs/components/shell.hooks.js +2 -0
  45. package/dist/cjs/components/shell.hooks.js.map +7 -0
  46. package/dist/cjs/components/shell.js +1 -1
  47. package/dist/cjs/components/shell.js.map +3 -3
  48. package/dist/cjs/components/shell.types.d.ts +20 -0
  49. package/dist/cjs/components/shell.types.d.ts.map +1 -0
  50. package/dist/cjs/components/shell.types.js +2 -0
  51. package/dist/cjs/components/shell.types.js.map +7 -0
  52. package/dist/cjs/components/sidebar.d.ts +1 -1
  53. package/dist/cjs/components/sidebar.d.ts.map +1 -1
  54. package/dist/cjs/components/sidebar.js +1 -1
  55. package/dist/cjs/components/sidebar.js.map +3 -3
  56. package/dist/esm/components/_internal/shell-bottom.d.ts +31 -0
  57. package/dist/esm/components/_internal/shell-bottom.d.ts.map +1 -0
  58. package/dist/esm/components/_internal/shell-bottom.js +2 -0
  59. package/dist/esm/components/_internal/shell-bottom.js.map +7 -0
  60. package/dist/esm/components/_internal/shell-handles.d.ts +7 -0
  61. package/dist/esm/components/_internal/shell-handles.d.ts.map +1 -0
  62. package/dist/esm/components/_internal/shell-handles.js +2 -0
  63. package/dist/esm/components/_internal/shell-handles.js.map +7 -0
  64. package/dist/esm/components/_internal/shell-inspector.d.ts +31 -0
  65. package/dist/esm/components/_internal/shell-inspector.d.ts.map +1 -0
  66. package/dist/esm/components/_internal/shell-inspector.js +2 -0
  67. package/dist/esm/components/_internal/shell-inspector.js.map +7 -0
  68. package/dist/esm/components/_internal/shell-resize.d.ts +24 -0
  69. package/dist/esm/components/_internal/shell-resize.d.ts.map +1 -0
  70. package/dist/esm/components/_internal/shell-resize.js +2 -0
  71. package/dist/esm/components/_internal/shell-resize.js.map +7 -0
  72. package/dist/esm/components/_internal/shell-sidebar.d.ts +37 -0
  73. package/dist/esm/components/_internal/shell-sidebar.d.ts.map +1 -0
  74. package/dist/esm/components/_internal/shell-sidebar.js +2 -0
  75. package/dist/esm/components/_internal/shell-sidebar.js.map +7 -0
  76. package/dist/esm/components/alert-dialog.d.ts.map +1 -1
  77. package/dist/esm/components/alert-dialog.js +1 -1
  78. package/dist/esm/components/alert-dialog.js.map +2 -2
  79. package/dist/esm/components/dialog.d.ts.map +1 -1
  80. package/dist/esm/components/dialog.js +1 -1
  81. package/dist/esm/components/dialog.js.map +2 -2
  82. package/dist/esm/components/schemas/index.d.ts +2 -0
  83. package/dist/esm/components/schemas/index.d.ts.map +1 -1
  84. package/dist/esm/components/schemas/index.js +1 -1
  85. package/dist/esm/components/schemas/index.js.map +3 -3
  86. package/dist/esm/components/schemas/shell.schema.d.ts +1025 -0
  87. package/dist/esm/components/schemas/shell.schema.d.ts.map +1 -0
  88. package/dist/esm/components/schemas/shell.schema.js +2 -0
  89. package/dist/esm/components/schemas/shell.schema.js.map +7 -0
  90. package/dist/esm/components/shell.context.d.ts +37 -0
  91. package/dist/esm/components/shell.context.d.ts.map +1 -0
  92. package/dist/esm/components/shell.context.js +2 -0
  93. package/dist/esm/components/shell.context.js.map +7 -0
  94. package/dist/esm/components/shell.d.ts +6 -68
  95. package/dist/esm/components/shell.d.ts.map +1 -1
  96. package/dist/esm/components/shell.hooks.d.ts +3 -0
  97. package/dist/esm/components/shell.hooks.d.ts.map +1 -0
  98. package/dist/esm/components/shell.hooks.js +2 -0
  99. package/dist/esm/components/shell.hooks.js.map +7 -0
  100. package/dist/esm/components/shell.js +1 -1
  101. package/dist/esm/components/shell.js.map +3 -3
  102. package/dist/esm/components/shell.types.d.ts +20 -0
  103. package/dist/esm/components/shell.types.d.ts.map +1 -0
  104. package/dist/esm/components/shell.types.js +2 -0
  105. package/dist/esm/components/shell.types.js.map +7 -0
  106. package/dist/esm/components/sidebar.d.ts +1 -1
  107. package/dist/esm/components/sidebar.d.ts.map +1 -1
  108. package/dist/esm/components/sidebar.js +1 -1
  109. package/dist/esm/components/sidebar.js.map +2 -2
  110. package/layout/utilities.css +168 -84
  111. package/layout.css +168 -84
  112. package/package.json +2 -1
  113. package/schemas/base-button.json +1 -1
  114. package/schemas/button.json +1 -1
  115. package/schemas/icon-button.json +1 -1
  116. package/schemas/index.json +6 -6
  117. package/schemas/shell-bottom.json +168 -0
  118. package/schemas/shell-content.json +34 -0
  119. package/schemas/shell-handle.json +34 -0
  120. package/schemas/shell-header.json +42 -0
  121. package/schemas/shell-inspector.json +171 -0
  122. package/schemas/shell-panel.json +167 -0
  123. package/schemas/shell-rail.json +132 -0
  124. package/schemas/shell-root.json +54 -0
  125. package/schemas/shell-sidebar.json +182 -0
  126. package/schemas/shell-trigger.json +76 -0
  127. package/schemas/toggle-button.json +1 -1
  128. package/schemas/toggle-icon-button.json +1 -1
  129. package/src/components/_internal/shell-bottom.tsx +251 -0
  130. package/src/components/_internal/shell-handles.tsx +193 -0
  131. package/src/components/_internal/shell-inspector.tsx +242 -0
  132. package/src/components/_internal/shell-resize.tsx +30 -0
  133. package/src/components/_internal/shell-sidebar.tsx +347 -0
  134. package/src/components/alert-dialog.tsx +6 -0
  135. package/src/components/dialog.tsx +6 -0
  136. package/src/components/schemas/index.ts +46 -0
  137. package/src/components/schemas/shell.schema.ts +403 -0
  138. package/src/components/shell.context.tsx +56 -0
  139. package/src/components/shell.css +5 -17
  140. package/src/components/shell.hooks.ts +31 -0
  141. package/src/components/shell.tsx +368 -1684
  142. package/src/components/shell.types.ts +27 -0
  143. package/src/components/sidebar.tsx +1 -1
  144. package/src/styles/tokens/blur.css +2 -2
  145. package/src/styles/tokens/color.css +2 -2
  146. package/styles.css +1031 -116
  147. package/tokens/base.css +5 -2
  148. package/tokens.css +5 -2
  149. package/utilities.css +168 -84
package/layout.css CHANGED
@@ -1123,46 +1123,60 @@
1123
1123
  gap: var(--space-12);
1124
1124
  }
1125
1125
  .rt-r-cg {
1126
- column-gap: var(--column-gap)
1126
+ -moz-column-gap: var(--column-gap);
1127
+ column-gap: var(--column-gap)
1127
1128
  }
1128
1129
  .rt-r-cg-0 {
1129
- column-gap: 0;
1130
+ -moz-column-gap: 0;
1131
+ column-gap: 0;
1130
1132
  }
1131
1133
  .rt-r-cg-1 {
1132
- column-gap: var(--space-1);
1134
+ -moz-column-gap: var(--space-1);
1135
+ column-gap: var(--space-1);
1133
1136
  }
1134
1137
  .rt-r-cg-2 {
1135
- column-gap: var(--space-2);
1138
+ -moz-column-gap: var(--space-2);
1139
+ column-gap: var(--space-2);
1136
1140
  }
1137
1141
  .rt-r-cg-3 {
1138
- column-gap: var(--space-3);
1142
+ -moz-column-gap: var(--space-3);
1143
+ column-gap: var(--space-3);
1139
1144
  }
1140
1145
  .rt-r-cg-4 {
1141
- column-gap: var(--space-4);
1146
+ -moz-column-gap: var(--space-4);
1147
+ column-gap: var(--space-4);
1142
1148
  }
1143
1149
  .rt-r-cg-5 {
1144
- column-gap: var(--space-5);
1150
+ -moz-column-gap: var(--space-5);
1151
+ column-gap: var(--space-5);
1145
1152
  }
1146
1153
  .rt-r-cg-6 {
1147
- column-gap: var(--space-6);
1154
+ -moz-column-gap: var(--space-6);
1155
+ column-gap: var(--space-6);
1148
1156
  }
1149
1157
  .rt-r-cg-7 {
1150
- column-gap: var(--space-7);
1158
+ -moz-column-gap: var(--space-7);
1159
+ column-gap: var(--space-7);
1151
1160
  }
1152
1161
  .rt-r-cg-8 {
1153
- column-gap: var(--space-8);
1162
+ -moz-column-gap: var(--space-8);
1163
+ column-gap: var(--space-8);
1154
1164
  }
1155
1165
  .rt-r-cg-9 {
1156
- column-gap: var(--space-9);
1166
+ -moz-column-gap: var(--space-9);
1167
+ column-gap: var(--space-9);
1157
1168
  }
1158
1169
  .rt-r-cg-10 {
1159
- column-gap: var(--space-10);
1170
+ -moz-column-gap: var(--space-10);
1171
+ column-gap: var(--space-10);
1160
1172
  }
1161
1173
  .rt-r-cg-11 {
1162
- column-gap: var(--space-11);
1174
+ -moz-column-gap: var(--space-11);
1175
+ column-gap: var(--space-11);
1163
1176
  }
1164
1177
  .rt-r-cg-12 {
1165
- column-gap: var(--space-12);
1178
+ -moz-column-gap: var(--space-12);
1179
+ column-gap: var(--space-12);
1166
1180
  }
1167
1181
  .rt-r-rg {
1168
1182
  row-gap: var(--row-gap)
@@ -1250,46 +1264,60 @@
1250
1264
  gap: var(--space-12);
1251
1265
  }
1252
1266
  .xs\:rt-r-cg {
1253
- column-gap: var(--column-gap-xs)
1267
+ -moz-column-gap: var(--column-gap-xs);
1268
+ column-gap: var(--column-gap-xs)
1254
1269
  }
1255
1270
  .xs\:rt-r-cg-0 {
1256
- column-gap: 0;
1271
+ -moz-column-gap: 0;
1272
+ column-gap: 0;
1257
1273
  }
1258
1274
  .xs\:rt-r-cg-1 {
1259
- column-gap: var(--space-1);
1275
+ -moz-column-gap: var(--space-1);
1276
+ column-gap: var(--space-1);
1260
1277
  }
1261
1278
  .xs\:rt-r-cg-2 {
1262
- column-gap: var(--space-2);
1279
+ -moz-column-gap: var(--space-2);
1280
+ column-gap: var(--space-2);
1263
1281
  }
1264
1282
  .xs\:rt-r-cg-3 {
1265
- column-gap: var(--space-3);
1283
+ -moz-column-gap: var(--space-3);
1284
+ column-gap: var(--space-3);
1266
1285
  }
1267
1286
  .xs\:rt-r-cg-4 {
1268
- column-gap: var(--space-4);
1287
+ -moz-column-gap: var(--space-4);
1288
+ column-gap: var(--space-4);
1269
1289
  }
1270
1290
  .xs\:rt-r-cg-5 {
1271
- column-gap: var(--space-5);
1291
+ -moz-column-gap: var(--space-5);
1292
+ column-gap: var(--space-5);
1272
1293
  }
1273
1294
  .xs\:rt-r-cg-6 {
1274
- column-gap: var(--space-6);
1295
+ -moz-column-gap: var(--space-6);
1296
+ column-gap: var(--space-6);
1275
1297
  }
1276
1298
  .xs\:rt-r-cg-7 {
1277
- column-gap: var(--space-7);
1299
+ -moz-column-gap: var(--space-7);
1300
+ column-gap: var(--space-7);
1278
1301
  }
1279
1302
  .xs\:rt-r-cg-8 {
1280
- column-gap: var(--space-8);
1303
+ -moz-column-gap: var(--space-8);
1304
+ column-gap: var(--space-8);
1281
1305
  }
1282
1306
  .xs\:rt-r-cg-9 {
1283
- column-gap: var(--space-9);
1307
+ -moz-column-gap: var(--space-9);
1308
+ column-gap: var(--space-9);
1284
1309
  }
1285
1310
  .xs\:rt-r-cg-10 {
1286
- column-gap: var(--space-10);
1311
+ -moz-column-gap: var(--space-10);
1312
+ column-gap: var(--space-10);
1287
1313
  }
1288
1314
  .xs\:rt-r-cg-11 {
1289
- column-gap: var(--space-11);
1315
+ -moz-column-gap: var(--space-11);
1316
+ column-gap: var(--space-11);
1290
1317
  }
1291
1318
  .xs\:rt-r-cg-12 {
1292
- column-gap: var(--space-12);
1319
+ -moz-column-gap: var(--space-12);
1320
+ column-gap: var(--space-12);
1293
1321
  }
1294
1322
  .xs\:rt-r-rg {
1295
1323
  row-gap: var(--row-gap-xs)
@@ -1378,46 +1406,60 @@
1378
1406
  gap: var(--space-12);
1379
1407
  }
1380
1408
  .sm\:rt-r-cg {
1381
- column-gap: var(--column-gap-sm)
1409
+ -moz-column-gap: var(--column-gap-sm);
1410
+ column-gap: var(--column-gap-sm)
1382
1411
  }
1383
1412
  .sm\:rt-r-cg-0 {
1384
- column-gap: 0;
1413
+ -moz-column-gap: 0;
1414
+ column-gap: 0;
1385
1415
  }
1386
1416
  .sm\:rt-r-cg-1 {
1387
- column-gap: var(--space-1);
1417
+ -moz-column-gap: var(--space-1);
1418
+ column-gap: var(--space-1);
1388
1419
  }
1389
1420
  .sm\:rt-r-cg-2 {
1390
- column-gap: var(--space-2);
1421
+ -moz-column-gap: var(--space-2);
1422
+ column-gap: var(--space-2);
1391
1423
  }
1392
1424
  .sm\:rt-r-cg-3 {
1393
- column-gap: var(--space-3);
1425
+ -moz-column-gap: var(--space-3);
1426
+ column-gap: var(--space-3);
1394
1427
  }
1395
1428
  .sm\:rt-r-cg-4 {
1396
- column-gap: var(--space-4);
1429
+ -moz-column-gap: var(--space-4);
1430
+ column-gap: var(--space-4);
1397
1431
  }
1398
1432
  .sm\:rt-r-cg-5 {
1399
- column-gap: var(--space-5);
1433
+ -moz-column-gap: var(--space-5);
1434
+ column-gap: var(--space-5);
1400
1435
  }
1401
1436
  .sm\:rt-r-cg-6 {
1402
- column-gap: var(--space-6);
1437
+ -moz-column-gap: var(--space-6);
1438
+ column-gap: var(--space-6);
1403
1439
  }
1404
1440
  .sm\:rt-r-cg-7 {
1405
- column-gap: var(--space-7);
1441
+ -moz-column-gap: var(--space-7);
1442
+ column-gap: var(--space-7);
1406
1443
  }
1407
1444
  .sm\:rt-r-cg-8 {
1408
- column-gap: var(--space-8);
1445
+ -moz-column-gap: var(--space-8);
1446
+ column-gap: var(--space-8);
1409
1447
  }
1410
1448
  .sm\:rt-r-cg-9 {
1411
- column-gap: var(--space-9);
1449
+ -moz-column-gap: var(--space-9);
1450
+ column-gap: var(--space-9);
1412
1451
  }
1413
1452
  .sm\:rt-r-cg-10 {
1414
- column-gap: var(--space-10);
1453
+ -moz-column-gap: var(--space-10);
1454
+ column-gap: var(--space-10);
1415
1455
  }
1416
1456
  .sm\:rt-r-cg-11 {
1417
- column-gap: var(--space-11);
1457
+ -moz-column-gap: var(--space-11);
1458
+ column-gap: var(--space-11);
1418
1459
  }
1419
1460
  .sm\:rt-r-cg-12 {
1420
- column-gap: var(--space-12);
1461
+ -moz-column-gap: var(--space-12);
1462
+ column-gap: var(--space-12);
1421
1463
  }
1422
1464
  .sm\:rt-r-rg {
1423
1465
  row-gap: var(--row-gap-sm)
@@ -1506,46 +1548,60 @@
1506
1548
  gap: var(--space-12);
1507
1549
  }
1508
1550
  .md\:rt-r-cg {
1509
- column-gap: var(--column-gap-md)
1551
+ -moz-column-gap: var(--column-gap-md);
1552
+ column-gap: var(--column-gap-md)
1510
1553
  }
1511
1554
  .md\:rt-r-cg-0 {
1512
- column-gap: 0;
1555
+ -moz-column-gap: 0;
1556
+ column-gap: 0;
1513
1557
  }
1514
1558
  .md\:rt-r-cg-1 {
1515
- column-gap: var(--space-1);
1559
+ -moz-column-gap: var(--space-1);
1560
+ column-gap: var(--space-1);
1516
1561
  }
1517
1562
  .md\:rt-r-cg-2 {
1518
- column-gap: var(--space-2);
1563
+ -moz-column-gap: var(--space-2);
1564
+ column-gap: var(--space-2);
1519
1565
  }
1520
1566
  .md\:rt-r-cg-3 {
1521
- column-gap: var(--space-3);
1567
+ -moz-column-gap: var(--space-3);
1568
+ column-gap: var(--space-3);
1522
1569
  }
1523
1570
  .md\:rt-r-cg-4 {
1524
- column-gap: var(--space-4);
1571
+ -moz-column-gap: var(--space-4);
1572
+ column-gap: var(--space-4);
1525
1573
  }
1526
1574
  .md\:rt-r-cg-5 {
1527
- column-gap: var(--space-5);
1575
+ -moz-column-gap: var(--space-5);
1576
+ column-gap: var(--space-5);
1528
1577
  }
1529
1578
  .md\:rt-r-cg-6 {
1530
- column-gap: var(--space-6);
1579
+ -moz-column-gap: var(--space-6);
1580
+ column-gap: var(--space-6);
1531
1581
  }
1532
1582
  .md\:rt-r-cg-7 {
1533
- column-gap: var(--space-7);
1583
+ -moz-column-gap: var(--space-7);
1584
+ column-gap: var(--space-7);
1534
1585
  }
1535
1586
  .md\:rt-r-cg-8 {
1536
- column-gap: var(--space-8);
1587
+ -moz-column-gap: var(--space-8);
1588
+ column-gap: var(--space-8);
1537
1589
  }
1538
1590
  .md\:rt-r-cg-9 {
1539
- column-gap: var(--space-9);
1591
+ -moz-column-gap: var(--space-9);
1592
+ column-gap: var(--space-9);
1540
1593
  }
1541
1594
  .md\:rt-r-cg-10 {
1542
- column-gap: var(--space-10);
1595
+ -moz-column-gap: var(--space-10);
1596
+ column-gap: var(--space-10);
1543
1597
  }
1544
1598
  .md\:rt-r-cg-11 {
1545
- column-gap: var(--space-11);
1599
+ -moz-column-gap: var(--space-11);
1600
+ column-gap: var(--space-11);
1546
1601
  }
1547
1602
  .md\:rt-r-cg-12 {
1548
- column-gap: var(--space-12);
1603
+ -moz-column-gap: var(--space-12);
1604
+ column-gap: var(--space-12);
1549
1605
  }
1550
1606
  .md\:rt-r-rg {
1551
1607
  row-gap: var(--row-gap-md)
@@ -1634,46 +1690,60 @@
1634
1690
  gap: var(--space-12);
1635
1691
  }
1636
1692
  .lg\:rt-r-cg {
1637
- column-gap: var(--column-gap-lg)
1693
+ -moz-column-gap: var(--column-gap-lg);
1694
+ column-gap: var(--column-gap-lg)
1638
1695
  }
1639
1696
  .lg\:rt-r-cg-0 {
1640
- column-gap: 0;
1697
+ -moz-column-gap: 0;
1698
+ column-gap: 0;
1641
1699
  }
1642
1700
  .lg\:rt-r-cg-1 {
1643
- column-gap: var(--space-1);
1701
+ -moz-column-gap: var(--space-1);
1702
+ column-gap: var(--space-1);
1644
1703
  }
1645
1704
  .lg\:rt-r-cg-2 {
1646
- column-gap: var(--space-2);
1705
+ -moz-column-gap: var(--space-2);
1706
+ column-gap: var(--space-2);
1647
1707
  }
1648
1708
  .lg\:rt-r-cg-3 {
1649
- column-gap: var(--space-3);
1709
+ -moz-column-gap: var(--space-3);
1710
+ column-gap: var(--space-3);
1650
1711
  }
1651
1712
  .lg\:rt-r-cg-4 {
1652
- column-gap: var(--space-4);
1713
+ -moz-column-gap: var(--space-4);
1714
+ column-gap: var(--space-4);
1653
1715
  }
1654
1716
  .lg\:rt-r-cg-5 {
1655
- column-gap: var(--space-5);
1717
+ -moz-column-gap: var(--space-5);
1718
+ column-gap: var(--space-5);
1656
1719
  }
1657
1720
  .lg\:rt-r-cg-6 {
1658
- column-gap: var(--space-6);
1721
+ -moz-column-gap: var(--space-6);
1722
+ column-gap: var(--space-6);
1659
1723
  }
1660
1724
  .lg\:rt-r-cg-7 {
1661
- column-gap: var(--space-7);
1725
+ -moz-column-gap: var(--space-7);
1726
+ column-gap: var(--space-7);
1662
1727
  }
1663
1728
  .lg\:rt-r-cg-8 {
1664
- column-gap: var(--space-8);
1729
+ -moz-column-gap: var(--space-8);
1730
+ column-gap: var(--space-8);
1665
1731
  }
1666
1732
  .lg\:rt-r-cg-9 {
1667
- column-gap: var(--space-9);
1733
+ -moz-column-gap: var(--space-9);
1734
+ column-gap: var(--space-9);
1668
1735
  }
1669
1736
  .lg\:rt-r-cg-10 {
1670
- column-gap: var(--space-10);
1737
+ -moz-column-gap: var(--space-10);
1738
+ column-gap: var(--space-10);
1671
1739
  }
1672
1740
  .lg\:rt-r-cg-11 {
1673
- column-gap: var(--space-11);
1741
+ -moz-column-gap: var(--space-11);
1742
+ column-gap: var(--space-11);
1674
1743
  }
1675
1744
  .lg\:rt-r-cg-12 {
1676
- column-gap: var(--space-12);
1745
+ -moz-column-gap: var(--space-12);
1746
+ column-gap: var(--space-12);
1677
1747
  }
1678
1748
  .lg\:rt-r-rg {
1679
1749
  row-gap: var(--row-gap-lg)
@@ -1762,46 +1832,60 @@
1762
1832
  gap: var(--space-12);
1763
1833
  }
1764
1834
  .xl\:rt-r-cg {
1765
- column-gap: var(--column-gap-xl)
1835
+ -moz-column-gap: var(--column-gap-xl);
1836
+ column-gap: var(--column-gap-xl)
1766
1837
  }
1767
1838
  .xl\:rt-r-cg-0 {
1768
- column-gap: 0;
1839
+ -moz-column-gap: 0;
1840
+ column-gap: 0;
1769
1841
  }
1770
1842
  .xl\:rt-r-cg-1 {
1771
- column-gap: var(--space-1);
1843
+ -moz-column-gap: var(--space-1);
1844
+ column-gap: var(--space-1);
1772
1845
  }
1773
1846
  .xl\:rt-r-cg-2 {
1774
- column-gap: var(--space-2);
1847
+ -moz-column-gap: var(--space-2);
1848
+ column-gap: var(--space-2);
1775
1849
  }
1776
1850
  .xl\:rt-r-cg-3 {
1777
- column-gap: var(--space-3);
1851
+ -moz-column-gap: var(--space-3);
1852
+ column-gap: var(--space-3);
1778
1853
  }
1779
1854
  .xl\:rt-r-cg-4 {
1780
- column-gap: var(--space-4);
1855
+ -moz-column-gap: var(--space-4);
1856
+ column-gap: var(--space-4);
1781
1857
  }
1782
1858
  .xl\:rt-r-cg-5 {
1783
- column-gap: var(--space-5);
1859
+ -moz-column-gap: var(--space-5);
1860
+ column-gap: var(--space-5);
1784
1861
  }
1785
1862
  .xl\:rt-r-cg-6 {
1786
- column-gap: var(--space-6);
1863
+ -moz-column-gap: var(--space-6);
1864
+ column-gap: var(--space-6);
1787
1865
  }
1788
1866
  .xl\:rt-r-cg-7 {
1789
- column-gap: var(--space-7);
1867
+ -moz-column-gap: var(--space-7);
1868
+ column-gap: var(--space-7);
1790
1869
  }
1791
1870
  .xl\:rt-r-cg-8 {
1792
- column-gap: var(--space-8);
1871
+ -moz-column-gap: var(--space-8);
1872
+ column-gap: var(--space-8);
1793
1873
  }
1794
1874
  .xl\:rt-r-cg-9 {
1795
- column-gap: var(--space-9);
1875
+ -moz-column-gap: var(--space-9);
1876
+ column-gap: var(--space-9);
1796
1877
  }
1797
1878
  .xl\:rt-r-cg-10 {
1798
- column-gap: var(--space-10);
1879
+ -moz-column-gap: var(--space-10);
1880
+ column-gap: var(--space-10);
1799
1881
  }
1800
1882
  .xl\:rt-r-cg-11 {
1801
- column-gap: var(--space-11);
1883
+ -moz-column-gap: var(--space-11);
1884
+ column-gap: var(--space-11);
1802
1885
  }
1803
1886
  .xl\:rt-r-cg-12 {
1804
- column-gap: var(--space-12);
1887
+ -moz-column-gap: var(--space-12);
1888
+ column-gap: var(--space-12);
1805
1889
  }
1806
1890
  .xl\:rt-r-rg {
1807
1891
  row-gap: var(--row-gap-xl)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kushagradhawan/kookie-ui",
3
- "version": "0.1.47",
3
+ "version": "0.1.49",
4
4
  "description": "A modern React component library with beautiful design tokens, flexible theming, and comprehensive docs",
5
5
  "keywords": [
6
6
  "react",
@@ -134,6 +134,7 @@
134
134
  },
135
135
  "dependencies": {
136
136
  "@radix-ui/colors": "^3.0.0",
137
+ "@radix-ui/react-accordion": "^1.2.12",
137
138
  "@zag-js/react": "^1.22.1",
138
139
  "@zag-js/splitter": "^1.22.1",
139
140
  "classnames": "^2.3.2",
package/schemas/base-button.json CHANGED
@@ -279,6 +279,6 @@
279
279
  "title": "Base-button Component Props",
280
280
  "description": "Props schema for the base-button component in Kookie UI",
281
281
  "version": "1.0.0",
282
- "generatedAt": "2025-09-10T16:59:14.159Z",
282
+ "generatedAt": "2025-09-11T22:13:16.352Z",
283
283
  "source": "Zod schema"
284
284
  }
package/schemas/button.json CHANGED
@@ -530,6 +530,6 @@
530
530
  "title": "Button Component Props",
531
531
  "description": "Props schema for the button component in Kookie UI",
532
532
  "version": "1.0.0",
533
- "generatedAt": "2025-09-10T16:59:14.164Z",
533
+ "generatedAt": "2025-09-11T22:13:16.358Z",
534
534
  "source": "Zod schema"
535
535
  }
package/schemas/icon-button.json CHANGED
@@ -313,6 +313,6 @@
313
313
  "title": "Icon-button Component Props",
314
314
  "description": "Props schema for the icon-button component in Kookie UI",
315
315
  "version": "1.0.0",
316
- "generatedAt": "2025-09-10T16:59:14.185Z",
316
+ "generatedAt": "2025-09-11T22:13:16.359Z",
317
317
  "source": "Zod schema"
318
318
  }
package/schemas/index.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "title": "Kookie UI Button Components",
4
4
  "description": "Complete JSON Schema collection for all button components in Kookie UI",
5
5
  "version": "1.0.0",
6
- "generatedAt": "2025-09-10T16:59:14.189Z",
6
+ "generatedAt": "2025-09-11T22:13:16.362Z",
7
7
  "source": "Zod schemas",
8
8
  "components": {
9
9
  "base-button": {
@@ -287,7 +287,7 @@
287
287
  "title": "Base-button Component Props",
288
288
  "description": "Props schema for the base-button component in Kookie UI",
289
289
  "version": "1.0.0",
290
- "generatedAt": "2025-09-10T16:59:14.159Z",
290
+ "generatedAt": "2025-09-11T22:13:16.352Z",
291
291
  "source": "Zod schema"
292
292
  },
293
293
  "button": {
@@ -822,7 +822,7 @@
822
822
  "title": "Button Component Props",
823
823
  "description": "Props schema for the button component in Kookie UI",
824
824
  "version": "1.0.0",
825
- "generatedAt": "2025-09-10T16:59:14.164Z",
825
+ "generatedAt": "2025-09-11T22:13:16.358Z",
826
826
  "source": "Zod schema"
827
827
  },
828
828
  "icon-button": {
@@ -1140,7 +1140,7 @@
1140
1140
  "title": "Icon-button Component Props",
1141
1141
  "description": "Props schema for the icon-button component in Kookie UI",
1142
1142
  "version": "1.0.0",
1143
- "generatedAt": "2025-09-10T16:59:14.185Z",
1143
+ "generatedAt": "2025-09-11T22:13:16.359Z",
1144
1144
  "source": "Zod schema"
1145
1145
  },
1146
1146
  "toggle-button": {
@@ -1683,7 +1683,7 @@
1683
1683
  "title": "Toggle-button Component Props",
1684
1684
  "description": "Props schema for the toggle-button component in Kookie UI",
1685
1685
  "version": "1.0.0",
1686
- "generatedAt": "2025-09-10T16:59:14.187Z",
1686
+ "generatedAt": "2025-09-11T22:13:16.360Z",
1687
1687
  "source": "Zod schema"
1688
1688
  },
1689
1689
  "toggle-icon-button": {
@@ -2009,7 +2009,7 @@
2009
2009
  "title": "Toggle-icon-button Component Props",
2010
2010
  "description": "Props schema for the toggle-icon-button component in Kookie UI",
2011
2011
  "version": "1.0.0",
2012
- "generatedAt": "2025-09-10T16:59:14.188Z",
2012
+ "generatedAt": "2025-09-11T22:13:16.361Z",
2013
2013
  "source": "Zod schema"
2014
2014
  }
2015
2015
  }