@refineui/react 0.4.1 → 0.5.0

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 (60) hide show
  1. package/dist/authoring-manifest.cjs +334 -20
  2. package/dist/authoring-manifest.cjs.map +1 -1
  3. package/dist/authoring-manifest.js +334 -20
  4. package/dist/authoring-manifest.js.map +1 -1
  5. package/dist/index.cjs +2643 -1995
  6. package/dist/index.cjs.map +1 -1
  7. package/dist/index.d.cts +77 -10
  8. package/dist/index.d.ts +77 -10
  9. package/dist/index.js +2354 -1714
  10. package/dist/index.js.map +1 -1
  11. package/dist/spec/authoring/components/button-group.json +104 -0
  12. package/dist/spec/authoring/components/{command-separator.json → command-divider.json} +3 -3
  13. package/dist/spec/authoring/components/command-list.json +1 -1
  14. package/dist/spec/authoring/components/context-menu-content.json +1 -1
  15. package/{spec/authoring/components/context-menu-separator.json → dist/spec/authoring/components/context-menu-divider.json} +3 -3
  16. package/dist/spec/authoring/components/context-menu-sub-content.json +1 -1
  17. package/dist/spec/authoring/components/dropdown-content.json +1 -1
  18. package/{spec/authoring/components/dropdown-separator.json → dist/spec/authoring/components/dropdown-divider.json} +3 -3
  19. package/dist/spec/authoring/components/dropdown-group.json +1 -1
  20. package/{spec/authoring/components/select-separator.json → dist/spec/authoring/components/select-divider.json} +3 -3
  21. package/dist/spec/authoring/components/select-group.json +1 -1
  22. package/dist/spec/authoring/components/select-viewport.json +1 -1
  23. package/dist/spec/authoring/components/toolbar-button.json +22 -0
  24. package/dist/spec/authoring/components/toolbar-divider.json +18 -0
  25. package/dist/spec/authoring/components/toolbar-group.json +29 -0
  26. package/dist/spec/authoring/components/toolbar-toggle-button.json +22 -0
  27. package/dist/spec/authoring/components/toolbar.json +119 -0
  28. package/dist/spec/authoring/manifest.json +334 -20
  29. package/dist/spec/components/button-group.json +77 -0
  30. package/dist/spec/components/command.json +1 -1
  31. package/dist/spec/components/dropdown.json +1 -1
  32. package/dist/spec/components/toolbar.json +91 -0
  33. package/dist/spec/contract-index.json +24 -3
  34. package/dist/spec/manifest.json +23 -2
  35. package/dist/spec/token-trace-v2.json +1 -1
  36. package/package.json +1 -1
  37. package/refineui.css +116 -9
  38. package/spec/authoring/components/button-group.json +104 -0
  39. package/spec/authoring/components/{command-separator.json → command-divider.json} +3 -3
  40. package/spec/authoring/components/command-list.json +1 -1
  41. package/spec/authoring/components/context-menu-content.json +1 -1
  42. package/{dist/spec/authoring/components/context-menu-separator.json → spec/authoring/components/context-menu-divider.json} +3 -3
  43. package/spec/authoring/components/context-menu-sub-content.json +1 -1
  44. package/spec/authoring/components/dropdown-content.json +1 -1
  45. package/{dist/spec/authoring/components/dropdown-separator.json → spec/authoring/components/dropdown-divider.json} +3 -3
  46. package/spec/authoring/components/dropdown-group.json +1 -1
  47. package/{dist/spec/authoring/components/select-separator.json → spec/authoring/components/select-divider.json} +3 -3
  48. package/spec/authoring/components/select-group.json +1 -1
  49. package/spec/authoring/components/select-viewport.json +1 -1
  50. package/spec/authoring/components/toolbar-button.json +22 -0
  51. package/spec/authoring/components/toolbar-divider.json +18 -0
  52. package/spec/authoring/components/toolbar-group.json +29 -0
  53. package/spec/authoring/components/toolbar-toggle-button.json +22 -0
  54. package/spec/authoring/components/toolbar.json +119 -0
  55. package/spec/authoring/manifest.json +334 -20
  56. package/spec/components/button-group.json +77 -0
  57. package/spec/components/command.json +1 -1
  58. package/spec/components/dropdown.json +1 -1
  59. package/spec/components/toolbar.json +91 -0
  60. package/spec/manifest.json +23 -2
@@ -3,7 +3,7 @@
3
3
  "contractLayer": "component-spec",
4
4
  "contractLayerVersion": "1.1",
5
5
  "status": "catalog",
6
- "generatedAt": "2026-11-15T06:08:39.174Z",
6
+ "generatedAt": "2026-11-15T15:52:55.302Z",
7
7
  "role": "Behavior and DOM contracts — source of truth for Doctor, MCP, and Docs",
8
8
  "files": {
9
9
  "manifest": "./manifest.json",
@@ -141,6 +141,15 @@
141
141
  ],
142
142
  "recipe": "button"
143
143
  },
144
+ {
145
+ "name": "ButtonGroup",
146
+ "id": "button-group",
147
+ "spec": "./components/button-group.json",
148
+ "export": "ButtonGroup",
149
+ "dataRefineui": [
150
+ "button-group"
151
+ ]
152
+ },
144
153
  {
145
154
  "name": "Calendar",
146
155
  "id": "calendar",
@@ -262,13 +271,13 @@
262
271
  "export": "Command",
263
272
  "dataRefineui": [
264
273
  "command",
274
+ "command-divider",
265
275
  "command-empty",
266
276
  "command-group",
267
277
  "command-group-heading",
268
278
  "command-input",
269
279
  "command-item",
270
280
  "command-list",
271
- "command-separator",
272
281
  "command-shortcut"
273
282
  ]
274
283
  },
@@ -317,10 +326,10 @@
317
326
  "dataRefineui": [
318
327
  "dropdown-item",
319
328
  "dropdown-menu",
329
+ "dropdown-menu-divider",
320
330
  "dropdown-menu-group",
321
331
  "dropdown-menu-label",
322
332
  "dropdown-menu-root",
323
- "dropdown-menu-separator",
324
333
  "dropdown-menu-shortcut"
325
334
  ]
326
335
  },
@@ -725,6 +734,18 @@
725
734
  "tooltip"
726
735
  ]
727
736
  },
737
+ {
738
+ "name": "Toolbar",
739
+ "id": "toolbar",
740
+ "spec": "./components/toolbar.json",
741
+ "export": "Toolbar",
742
+ "dataRefineui": [
743
+ "toolbar",
744
+ "toolbar-button",
745
+ "toolbar-divider",
746
+ "toolbar-group"
747
+ ]
748
+ },
728
749
  {
729
750
  "name": "Tree",
730
751
  "id": "tree",
@@ -107,6 +107,15 @@
107
107
  ],
108
108
  "recipe": "button"
109
109
  },
110
+ {
111
+ "name": "ButtonGroup",
112
+ "id": "button-group",
113
+ "spec": "./components/button-group.json",
114
+ "export": "ButtonGroup",
115
+ "dataRefineui": [
116
+ "button-group"
117
+ ]
118
+ },
110
119
  {
111
120
  "name": "Calendar",
112
121
  "id": "calendar",
@@ -228,13 +237,13 @@
228
237
  "export": "Command",
229
238
  "dataRefineui": [
230
239
  "command",
240
+ "command-divider",
231
241
  "command-empty",
232
242
  "command-group",
233
243
  "command-group-heading",
234
244
  "command-input",
235
245
  "command-item",
236
246
  "command-list",
237
- "command-separator",
238
247
  "command-shortcut"
239
248
  ]
240
249
  },
@@ -283,10 +292,10 @@
283
292
  "dataRefineui": [
284
293
  "dropdown-item",
285
294
  "dropdown-menu",
295
+ "dropdown-menu-divider",
286
296
  "dropdown-menu-group",
287
297
  "dropdown-menu-label",
288
298
  "dropdown-menu-root",
289
- "dropdown-menu-separator",
290
299
  "dropdown-menu-shortcut"
291
300
  ]
292
301
  },
@@ -691,6 +700,18 @@
691
700
  "tooltip"
692
701
  ]
693
702
  },
703
+ {
704
+ "name": "Toolbar",
705
+ "id": "toolbar",
706
+ "spec": "./components/toolbar.json",
707
+ "export": "Toolbar",
708
+ "dataRefineui": [
709
+ "toolbar",
710
+ "toolbar-button",
711
+ "toolbar-divider",
712
+ "toolbar-group"
713
+ ]
714
+ },
694
715
  {
695
716
  "name": "Tree",
696
717
  "id": "tree",
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "schemaVersion": 2,
3
- "generatedAt": "2026-11-15T06:08:39.171Z",
3
+ "generatedAt": "2026-11-15T15:52:55.299Z",
4
4
  "contractLayer": "component-token-trace",
5
5
  "tokens": {
6
6
  "webIcon.primary": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@refineui/react",
3
- "version": "0.4.1",
3
+ "version": "0.5.0",
4
4
  "description": "RefineUI React components — Pelagornis RefineUI Web Kit",
5
5
  "type": "module",
6
6
  "license": "MIT",
package/refineui.css CHANGED
@@ -337,6 +337,9 @@
337
337
  .relative {
338
338
  position: relative;
339
339
  }
340
+ .static {
341
+ position: static;
342
+ }
340
343
  .inset-0 {
341
344
  inset: 0px;
342
345
  }
@@ -457,6 +460,9 @@
457
460
  .bottom-refineui-size-xxx-small {
458
461
  bottom: var(--spacing-refineui-size-xxx-small);
459
462
  }
463
+ .left-0 {
464
+ left: 0px;
465
+ }
460
466
  .isolate {
461
467
  isolation: isolate;
462
468
  }
@@ -469,6 +475,9 @@
469
475
  .z-10 {
470
476
  z-index: 10;
471
477
  }
478
+ .z-\[-1\] {
479
+ z-index: -1;
480
+ }
472
481
  .z-\[1\] {
473
482
  z-index: 1;
474
483
  }
@@ -799,6 +808,9 @@
799
808
  .h-refineui-progress-track-height-sm {
800
809
  height: var(--spacing-refineui-progress-track-height-sm);
801
810
  }
811
+ .h-refineui-size-large {
812
+ height: var(--spacing-refineui-size-large);
813
+ }
802
814
  .h-refineui-size-medium {
803
815
  height: var(--spacing-refineui-size-medium);
804
816
  }
@@ -895,6 +907,9 @@
895
907
  .min-h-refineui-time-input-wheel-height {
896
908
  min-height: var(--spacing-refineui-time-input-wheel-height);
897
909
  }
910
+ .w-\(--refineui-stroke-width-thin\) {
911
+ width: var(--refineui-stroke-width-thin);
912
+ }
898
913
  .w-\[calc\(var\(--refineui-sidebar-peek-panel-width\)\+2\*var\(--refineui-spacing-size-x-small\)\)\] {
899
914
  width: calc(var(--refineui-sidebar-peek-panel-width) + 2 * var(--refineui-spacing-size-x-small));
900
915
  }
@@ -943,6 +958,9 @@
943
958
  .w-refineui-progress-track-height-sm {
944
959
  width: var(--spacing-refineui-progress-track-height-sm);
945
960
  }
961
+ .w-refineui-size-large {
962
+ width: var(--spacing-refineui-size-large);
963
+ }
946
964
  .w-refineui-size-medium {
947
965
  width: var(--spacing-refineui-size-medium);
948
966
  }
@@ -1439,6 +1457,18 @@
1439
1457
  .rounded {
1440
1458
  border-radius: 0.25rem;
1441
1459
  }
1460
+ .rounded-\[10px\] {
1461
+ border-radius: 10px;
1462
+ }
1463
+ .rounded-\[14px\] {
1464
+ border-radius: 14px;
1465
+ }
1466
+ .rounded-\[18px\] {
1467
+ border-radius: 18px;
1468
+ }
1469
+ .rounded-\[20px\] {
1470
+ border-radius: 20px;
1471
+ }
1442
1472
  .rounded-\[inherit\] {
1443
1473
  border-radius: inherit;
1444
1474
  }
@@ -2200,6 +2230,11 @@
2200
2230
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2201
2231
  transition-duration: var(--tw-duration, var(--default-transition-duration));
2202
2232
  }
2233
+ .transition-\[opacity\] {
2234
+ transition-property: opacity;
2235
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2236
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2237
+ }
2203
2238
  .transition-\[transform\,height\] {
2204
2239
  transition-property: transform,height;
2205
2240
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2677,9 +2712,6 @@
2677
2712
  --tw-shadow: 0 0 0 var(--refineui-stroke-width-thick) var(--refineui-color-alias-border-strong);
2678
2713
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2679
2714
  }
2680
- .active\:scale-\[var\(--refineui-motion-scale-press\)\]:active {
2681
- scale: var(--refineui-motion-scale-press);
2682
- }
2683
2715
  .active\:\[transform\:scale\(var\(--refineui-foundation-motion-scale-96\)\)\]:active {
2684
2716
  transform: scale(var(--refineui-foundation-motion-scale-96));
2685
2717
  }
@@ -2737,6 +2769,11 @@
2737
2769
  .active\:decoration-current:active {
2738
2770
  text-decoration-color: currentcolor;
2739
2771
  }
2772
+ @media (hover: hover) {
2773
+ .enabled\:hover\:text-refineui-alias-foreground-primary:enabled:hover {
2774
+ color: var(--color-refineui-alias-foreground-primary);
2775
+ }
2776
+ }
2740
2777
  .disabled\:transform-none:disabled {
2741
2778
  transform: none;
2742
2779
  }
@@ -2903,6 +2940,11 @@
2903
2940
  --tw-shadow: 0 0 0 0.5px var(--tw-shadow-color, var(--refineui-color-alias-background-error-hover));
2904
2941
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2905
2942
  }
2943
+ .data-\[glide\=true\]\:transition-\[transform\,width\,height\,opacity\][data-glide="true"] {
2944
+ transition-property: transform,width,height,opacity;
2945
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2946
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2947
+ }
2906
2948
  .data-\[has-reactions-bottom\]\:mb-refineui-size-xx-large[data-has-reactions-bottom] {
2907
2949
  margin-bottom: var(--spacing-refineui-size-xx-large);
2908
2950
  }
@@ -2980,6 +3022,9 @@
2980
3022
  .data-\[ready\=true\]\:opacity-100[data-ready="true"] {
2981
3023
  opacity: 100%;
2982
3024
  }
3025
+ .data-\[ready\=true\]\:will-change-\[transform\,opacity\][data-ready="true"] {
3026
+ will-change: transform,opacity;
3027
+ }
2983
3028
  .data-\[selected\=true\]\:bg-refineui-alias-background-primary-hover[data-selected="true"] {
2984
3029
  background-color: var(--color-refineui-alias-background-primary-hover);
2985
3030
  }
@@ -2996,8 +3041,8 @@
2996
3041
  --tw-shadow: inset 0 0 0 var(--refineui-stroke-width-thick) var(--refineui-color-alias-border-focus);
2997
3042
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2998
3043
  }
2999
- .data-\[selected\=true\]\:shadow-\[var\(--refineui-elevation-4\)\,inset_0_0_0_var\(--refineui-stroke-width-thick\)_var\(--refineui-color-alias-border-focus\)\][data-selected="true"] {
3000
- --tw-shadow: var(--refineui-elevation-4), inset 0 0 0 var(--refineui-stroke-width-thick) var(--refineui-color-alias-border-focus);
3044
+ .data-\[selected\=true\]\:shadow-\[var\(--refineui-elevation-8\)\,inset_0_0_0_var\(--refineui-stroke-width-thick\)_var\(--refineui-color-alias-border-focus\)\][data-selected="true"] {
3045
+ --tw-shadow: var(--refineui-elevation-8), inset 0 0 0 var(--refineui-stroke-width-thick) var(--refineui-color-alias-border-focus);
3001
3046
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3002
3047
  }
3003
3048
  .data-\[sidebar-peek-edge-suspended\]\:pointer-events-none[data-sidebar-peek-edge-suspended] {
@@ -3185,6 +3230,9 @@
3185
3230
  .motion-reduce\:opacity-100 {
3186
3231
  opacity: 100%;
3187
3232
  }
3233
+ .motion-reduce\:\!transition-none {
3234
+ transition-property: none !important;
3235
+ }
3188
3236
  .motion-reduce\:transition-none {
3189
3237
  transition-property: none;
3190
3238
  }
@@ -3416,11 +3464,19 @@
3416
3464
  --tw-shadow: var(--refineui-elevation-2lighter);
3417
3465
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3418
3466
  }
3419
- .\[\&\:\:-moz-range-thumb\]\:transition-\[transform\,box-shadow\,border-color\,background-color\]::-moz-range-thumb {
3420
- transition-property: transform,box-shadow,border-color,background-color;
3467
+ .\[\&\:\:-moz-range-thumb\]\:transition-\[scale\,transform\,box-shadow\,border-color\,background-color\]::-moz-range-thumb {
3468
+ transition-property: scale,transform,box-shadow,border-color,background-color;
3421
3469
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3422
3470
  transition-duration: var(--tw-duration, var(--default-transition-duration));
3423
3471
  }
3472
+ .\[\&\:\:-moz-range-thumb\]\:duration-\[var\(--refineui-motion-duration-fast\)\]::-moz-range-thumb {
3473
+ --tw-duration: var(--refineui-motion-duration-fast);
3474
+ transition-duration: var(--refineui-motion-duration-fast);
3475
+ }
3476
+ .\[\&\:\:-moz-range-thumb\]\:ease-\[var\(--refineui-motion-easing-standard\)\]::-moz-range-thumb {
3477
+ --tw-ease: var(--refineui-motion-easing-standard);
3478
+ transition-timing-function: var(--refineui-motion-easing-standard);
3479
+ }
3424
3480
  @media (hover: hover) {
3425
3481
  .hover\:\[\&\:\:-moz-range-thumb\]\:scale-\[var\(--refineui-motion-scale-hover-grow\)\]:hover::-moz-range-thumb {
3426
3482
  scale: var(--refineui-motion-scale-hover-grow);
@@ -3450,6 +3506,12 @@
3450
3506
  --tw-shadow: var(--refineui-elevation-2lighter);
3451
3507
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3452
3508
  }
3509
+ .disabled\:\[\&\:\:-moz-range-thumb\]\:scale-100:disabled::-moz-range-thumb {
3510
+ --tw-scale-x: 100%;
3511
+ --tw-scale-y: 100%;
3512
+ --tw-scale-z: 100%;
3513
+ scale: var(--tw-scale-x) var(--tw-scale-y);
3514
+ }
3453
3515
  .disabled\:\[\&\:\:-moz-range-thumb\]\:transform-none:disabled::-moz-range-thumb {
3454
3516
  transform: none;
3455
3517
  }
@@ -3463,6 +3525,11 @@
3463
3525
  --tw-shadow: 0 0 #0000;
3464
3526
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3465
3527
  }
3528
+ @media (prefers-reduced-motion: reduce) {
3529
+ .motion-reduce\:\[\&\:\:-moz-range-thumb\]\:transition-none::-moz-range-thumb {
3530
+ transition-property: none;
3531
+ }
3532
+ }
3466
3533
  .\[\&\:\:-moz-range-track\]\:rounded-full::-moz-range-track {
3467
3534
  border-radius: calc(infinity * 1px);
3468
3535
  }
@@ -3526,11 +3593,19 @@
3526
3593
  --tw-shadow: var(--refineui-elevation-2lighter);
3527
3594
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3528
3595
  }
3529
- .\[\&\:\:-webkit-slider-thumb\]\:transition-\[transform\,box-shadow\,border-color\,background-color\]::-webkit-slider-thumb {
3530
- transition-property: transform,box-shadow,border-color,background-color;
3596
+ .\[\&\:\:-webkit-slider-thumb\]\:transition-\[scale\,transform\,box-shadow\,border-color\,background-color\]::-webkit-slider-thumb {
3597
+ transition-property: scale,transform,box-shadow,border-color,background-color;
3531
3598
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3532
3599
  transition-duration: var(--tw-duration, var(--default-transition-duration));
3533
3600
  }
3601
+ .\[\&\:\:-webkit-slider-thumb\]\:duration-\[var\(--refineui-motion-duration-fast\)\]::-webkit-slider-thumb {
3602
+ --tw-duration: var(--refineui-motion-duration-fast);
3603
+ transition-duration: var(--refineui-motion-duration-fast);
3604
+ }
3605
+ .\[\&\:\:-webkit-slider-thumb\]\:ease-\[var\(--refineui-motion-easing-standard\)\]::-webkit-slider-thumb {
3606
+ --tw-ease: var(--refineui-motion-easing-standard);
3607
+ transition-timing-function: var(--refineui-motion-easing-standard);
3608
+ }
3534
3609
  @media (hover: hover) {
3535
3610
  .hover\:\[\&\:\:-webkit-slider-thumb\]\:scale-\[var\(--refineui-motion-scale-hover-grow\)\]:hover::-webkit-slider-thumb {
3536
3611
  scale: var(--refineui-motion-scale-hover-grow);
@@ -3560,6 +3635,12 @@
3560
3635
  --tw-shadow: var(--refineui-elevation-2lighter);
3561
3636
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3562
3637
  }
3638
+ .disabled\:\[\&\:\:-webkit-slider-thumb\]\:scale-100:disabled::-webkit-slider-thumb {
3639
+ --tw-scale-x: 100%;
3640
+ --tw-scale-y: 100%;
3641
+ --tw-scale-z: 100%;
3642
+ scale: var(--tw-scale-x) var(--tw-scale-y);
3643
+ }
3563
3644
  .disabled\:\[\&\:\:-webkit-slider-thumb\]\:transform-none:disabled::-webkit-slider-thumb {
3564
3645
  transform: none;
3565
3646
  }
@@ -3579,6 +3660,11 @@
3579
3660
  .data-\[size\=sm\]\:\[\&\:\:-webkit-slider-thumb\]\:mt-\[calc\(\(var\(--refineui-slider-thumb-size\)-var\(--refineui-size-slider-track-height-sm\)\)\/-2\)\][data-size="sm"]::-webkit-slider-thumb {
3580
3661
  margin-top: calc((var(--refineui-slider-thumb-size) - var(--refineui-size-slider-track-height-sm)) / -2);
3581
3662
  }
3663
+ @media (prefers-reduced-motion: reduce) {
3664
+ .motion-reduce\:\[\&\:\:-webkit-slider-thumb\]\:transition-none::-webkit-slider-thumb {
3665
+ transition-property: none;
3666
+ }
3667
+ }
3582
3668
  .\[\&\:not\(\:disabled\)\:not\(\:focus\)\:not\(\[data-filled\]\)\]\:animate-pulse:not(:disabled):not(:focus):not([data-filled]) {
3583
3669
  animation: var(--animate-pulse);
3584
3670
  }
@@ -3680,6 +3766,9 @@
3680
3766
  .\[\&\[data-align\=start\]_\[data-refineui\=message-content\]\]\:items-start[data-align=start] [data-refineui=message-content] {
3681
3767
  align-items: flex-start;
3682
3768
  }
3769
+ .\[\&\[data-animate\=true\]_\[data-refineui\=command-item\]\:not\(\:active\)\]\:bg-transparent[data-animate=true] [data-refineui=command-item]:not(:active) {
3770
+ background-color: transparent;
3771
+ }
3683
3772
  .\[\&\[data-disabled\=true\]\[data-checked\=true\]\]\:border-refineui-alias-background-surface-selected[data-disabled=true][data-checked=true] {
3684
3773
  border-color: var(--color-refineui-alias-background-surface-selected);
3685
3774
  }
@@ -3700,6 +3789,24 @@
3700
3789
  --tw-font-weight: var(--font-weight-semibold);
3701
3790
  font-weight: var(--font-weight-semibold);
3702
3791
  }
3792
+ .\[\&\[data-sliding-highlight\=true\]_\[data-refineui\=dropdown-item\]\:not\(\[data-selected\]\)\:not\(\[aria-expanded\=true\]\)\:hover\]\:bg-transparent[data-sliding-highlight=true] [data-refineui=dropdown-item]:not([data-selected]):not([aria-expanded=true]):hover {
3793
+ background-color: transparent;
3794
+ }
3795
+ .\[\&\[data-sliding-highlight\=true\]_\[data-refineui\=menu-item\]\[data-state\=default\]\:not\(\[aria-expanded\=true\]\)\:hover\]\:bg-transparent[data-sliding-highlight=true] [data-refineui=menu-item][data-state=default]:not([aria-expanded=true]):hover {
3796
+ background-color: transparent;
3797
+ }
3798
+ .\[\&\[data-sliding-highlight\=true\]_\[data-refineui\=select-item\]\:not\(\[data-selected\]\)\:not\(\[data-state\=pressed\]\)\:hover\]\:bg-transparent[data-sliding-highlight=true] [data-refineui=select-item]:not([data-selected]):not([data-state=pressed]):hover {
3799
+ background-color: transparent;
3800
+ }
3801
+ .\[\&\[data-sliding-highlight\=true\]_\[data-refineui\=sidebar-link\]\:not\(\[data-active\]\)\:hover\]\:bg-transparent[data-sliding-highlight=true] [data-refineui=sidebar-link]:not([data-active]):hover {
3802
+ background-color: transparent;
3803
+ }
3804
+ .\[\&\[data-sliding-highlight\=true\]_\[data-refineui\=tree-item-trigger\]\:not\(\[data-selected\]\)\:hover\]\:bg-transparent[data-sliding-highlight=true] [data-refineui=tree-item-trigger]:not([data-selected]):hover {
3805
+ background-color: transparent;
3806
+ }
3807
+ .\[\&\[data-sliding-highlight\=true\]_tbody\>tr\:not\(\[data-state\=selected\]\)\:hover\>td\]\:bg-transparent[data-sliding-highlight=true] tbody > tr:not([data-state=selected]):hover > td {
3808
+ background-color: transparent;
3809
+ }
3703
3810
  .\[\&\[data-stack-state\=leaving\]\:not\(\[data-swipe-out\]\)\]\:\[transform\:translate3d\(var\(--refineui-toast-swipe-x\)\,var\(--refineui-toast-slide-out-y\,-100\%\)\,0\)\][data-stack-state=leaving]:not([data-swipe-out]) {
3704
3811
  transform: translate3d(var(--refineui-toast-swipe-x),var(--refineui-toast-slide-out-y,-100%),0);
3705
3812
  }
@@ -0,0 +1,104 @@
1
+ {
2
+ "id": "button-group",
3
+ "exportPath": "@refineui/react",
4
+ "exportName": "ButtonGroup",
5
+ "kind": "root",
6
+ "category": "components",
7
+ "label": "Button Group",
8
+ "props": [
9
+ {
10
+ "name": "size",
11
+ "label": "Size",
12
+ "valueType": "enum",
13
+ "control": "segmented",
14
+ "options": [
15
+ "sm",
16
+ "md",
17
+ "lg"
18
+ ],
19
+ "defaultValue": "md",
20
+ "section": "variants"
21
+ },
22
+ {
23
+ "name": "variant",
24
+ "label": "Variant",
25
+ "valueType": "enum",
26
+ "control": "select",
27
+ "options": [
28
+ "primary",
29
+ "secondary",
30
+ "outline",
31
+ "ghost"
32
+ ],
33
+ "defaultValue": "ghost",
34
+ "section": "variants"
35
+ },
36
+ {
37
+ "name": "orientation",
38
+ "label": "Orientation",
39
+ "valueType": "enum",
40
+ "control": "segmented",
41
+ "options": [
42
+ "horizontal",
43
+ "vertical"
44
+ ],
45
+ "defaultValue": "horizontal",
46
+ "section": "variants"
47
+ },
48
+ {
49
+ "name": "attached",
50
+ "label": "Attached",
51
+ "valueType": "boolean",
52
+ "control": "toggle",
53
+ "defaultValue": true,
54
+ "section": "properties"
55
+ }
56
+ ],
57
+ "preview": {
58
+ "mode": "full"
59
+ },
60
+ "slots": [
61
+ {
62
+ "name": "children",
63
+ "accepts": [
64
+ "Button"
65
+ ],
66
+ "repeatable": true,
67
+ "min": 1
68
+ }
69
+ ],
70
+ "presets": [
71
+ {
72
+ "id": "actions",
73
+ "label": "Item actions",
74
+ "root": {
75
+ "component": "ButtonGroup",
76
+ "props": {
77
+ "aria-label": "Item actions"
78
+ },
79
+ "slots": {
80
+ "children": [
81
+ {
82
+ "component": "Button",
83
+ "text": "Edit"
84
+ },
85
+ {
86
+ "component": "Button",
87
+ "text": "Duplicate"
88
+ },
89
+ {
90
+ "component": "Button",
91
+ "text": "Archive"
92
+ }
93
+ ]
94
+ }
95
+ }
96
+ }
97
+ ],
98
+ "events": [
99
+ {
100
+ "name": "click",
101
+ "payload": "void"
102
+ }
103
+ ]
104
+ }
@@ -1,10 +1,10 @@
1
1
  {
2
- "id": "command-separator",
2
+ "id": "command-divider",
3
3
  "exportPath": "@refineui/react",
4
- "exportName": "CommandSeparator",
4
+ "exportName": "CommandDivider",
5
5
  "kind": "part",
6
6
  "category": "parts",
7
- "label": "Command Separator",
7
+ "label": "Command Divider",
8
8
  "props": [],
9
9
  "preview": {
10
10
  "mode": "full"
@@ -22,7 +22,7 @@
22
22
  "CommandEmpty",
23
23
  "CommandGroup",
24
24
  "CommandItem",
25
- "CommandSeparator"
25
+ "CommandDivider"
26
26
  ],
27
27
  "repeatable": true
28
28
  }
@@ -21,7 +21,7 @@
21
21
  "accepts": [
22
22
  "ContextMenuItem",
23
23
  "ContextMenuLabel",
24
- "ContextMenuSeparator",
24
+ "ContextMenuDivider",
25
25
  "ContextMenuSub"
26
26
  ],
27
27
  "repeatable": true
@@ -1,10 +1,10 @@
1
1
  {
2
- "id": "context-menu-separator",
2
+ "id": "context-menu-divider",
3
3
  "exportPath": "@refineui/react",
4
- "exportName": "ContextMenuSeparator",
4
+ "exportName": "ContextMenuDivider",
5
5
  "kind": "part",
6
6
  "category": "parts",
7
- "label": "Context Menu Separator",
7
+ "label": "Context Menu Divider",
8
8
  "props": [],
9
9
  "preview": {
10
10
  "mode": "full"
@@ -21,7 +21,7 @@
21
21
  "accepts": [
22
22
  "ContextMenuItem",
23
23
  "ContextMenuLabel",
24
- "ContextMenuSeparator",
24
+ "ContextMenuDivider",
25
25
  "ContextMenuSub"
26
26
  ],
27
27
  "repeatable": true
@@ -22,7 +22,7 @@
22
22
  "DropdownGroup",
23
23
  "DropdownItem",
24
24
  "DropdownLabel",
25
- "DropdownSeparator",
25
+ "DropdownDivider",
26
26
  "DropdownSub"
27
27
  ],
28
28
  "repeatable": true
@@ -1,10 +1,10 @@
1
1
  {
2
- "id": "dropdown-separator",
2
+ "id": "dropdown-divider",
3
3
  "exportPath": "@refineui/react",
4
- "exportName": "DropdownSeparator",
4
+ "exportName": "DropdownDivider",
5
5
  "kind": "part",
6
6
  "category": "parts",
7
- "label": "Dropdown Separator",
7
+ "label": "Dropdown Divider",
8
8
  "props": [],
9
9
  "preview": {
10
10
  "mode": "full"
@@ -21,7 +21,7 @@
21
21
  "accepts": [
22
22
  "DropdownItem",
23
23
  "DropdownLabel",
24
- "DropdownSeparator",
24
+ "DropdownDivider",
25
25
  "DropdownSub"
26
26
  ],
27
27
  "repeatable": true
@@ -1,10 +1,10 @@
1
1
  {
2
- "id": "select-separator",
2
+ "id": "select-divider",
3
3
  "exportPath": "@refineui/react",
4
- "exportName": "SelectSeparator",
4
+ "exportName": "SelectDivider",
5
5
  "kind": "part",
6
6
  "category": "parts",
7
- "label": "Select Separator",
7
+ "label": "Select Divider",
8
8
  "props": [],
9
9
  "preview": {
10
10
  "mode": "full"
@@ -21,7 +21,7 @@
21
21
  "accepts": [
22
22
  "SelectLabel",
23
23
  "SelectItem",
24
- "SelectSeparator"
24
+ "SelectDivider"
25
25
  ],
26
26
  "repeatable": true
27
27
  }
@@ -21,7 +21,7 @@
21
21
  "accepts": [
22
22
  "SelectGroup",
23
23
  "SelectItem",
24
- "SelectSeparator"
24
+ "SelectDivider"
25
25
  ],
26
26
  "repeatable": true
27
27
  }