@refineui/react 0.4.0 → 0.5.0

package/refineui.css

@@ -14,6 +14,7 @@
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --tracking-wide: 0.025em;
+    --leading-relaxed: 1.625;
     --animate-spin: spin 1s linear infinite;
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --default-transition-duration: 150ms;
@@ -77,6 +78,7 @@
     --color-refineui-alias-surface-frosted: var(--refineui-color-alias-surface-frosted);
     --color-refineui-alias-surface-overlay: var(--refineui-color-alias-surface-overlay);
     --color-refineui-alias-surface-popover: var(--refineui-color-alias-surface-popover);
+    --color-refineui-alias-surface-sunken: var(--refineui-color-alias-surface-sunken);
     --radius-refineui-circle: var(--refineui-radius-rounded-circle);
     --radius-refineui-large: var(--refineui-radius-rounded-large);
     --radius-refineui-medium: var(--refineui-radius-rounded-medium);
@@ -107,9 +109,11 @@
     --spacing-refineui-foundation-size-100: var(--refineui-size-foundation-size-100);
     --spacing-refineui-foundation-size-120: var(--refineui-size-foundation-size-120);
     --spacing-refineui-foundation-size-160: var(--refineui-size-foundation-size-160);
+    --spacing-refineui-foundation-size-2000: var(--refineui-size-foundation-size-2000);
     --spacing-refineui-foundation-size-200: var(--refineui-size-foundation-size-200);
     --spacing-refineui-foundation-size-240: var(--refineui-size-foundation-size-240);
     --spacing-refineui-foundation-size-280: var(--refineui-size-foundation-size-280);
+    --spacing-refineui-foundation-size-3200: var(--refineui-size-foundation-size-3200);
     --spacing-refineui-foundation-size-320: var(--refineui-size-foundation-size-320);
     --spacing-refineui-foundation-size-360: var(--refineui-size-foundation-size-360);
     --spacing-refineui-foundation-size-400: var(--refineui-size-foundation-size-400);
@@ -118,6 +122,7 @@
     --spacing-refineui-foundation-size-540: var(--refineui-size-foundation-size-540);
     --spacing-refineui-foundation-size-600: var(--refineui-size-foundation-size-600);
     --spacing-refineui-foundation-size-60: var(--refineui-size-foundation-size-60);
+    --spacing-refineui-foundation-size-800: var(--refineui-size-foundation-size-800);
     --spacing-refineui-foundation-size-80: var(--refineui-size-foundation-size-80);
     --spacing-refineui-icon-xsmall: var(--refineui-icon-size-xsmall);
     --spacing-refineui-menu-panel-width: var(--refineui-size-menu-panel-width);
@@ -150,6 +155,7 @@
     --spacing-refineui-switch-padding: var(--refineui-size-switch-padding);
     --spacing-refineui-switch-thumb: var(--refineui-size-switch-thumb);
     --spacing-refineui-switch-width: var(--refineui-size-switch-width);
+    --spacing-refineui-time-input-wheel-height: var(--refineui-size-time-input-wheel-height);
     --spacing-refineui-toast-max-width: var(--refineui-size-toast-max-width);
     --spacing-refineui-tooltip-max-width: var(--refineui-size-tooltip-max-width);
     --z-index-refineui-content: var(--refineui-z-content);
@@ -331,6 +337,9 @@
   .relative {
     position: relative;
   }
+  .static {
+    position: static;
+  }
   .inset-0 {
     inset: 0px;
   }
@@ -451,18 +460,24 @@
   .bottom-refineui-size-xxx-small {
     bottom: var(--spacing-refineui-size-xxx-small);
   }
+  .left-0 {
+    left: 0px;
+  }
   .isolate {
     isolation: isolate;
   }
-  .-z-1 {
-    z-index: calc(1 * -1);
-  }
   .z-0 {
     z-index: 0;
   }
   .z-1 {
     z-index: 1;
   }
+  .z-10 {
+    z-index: 10;
+  }
+  .z-\[-1\] {
+    z-index: -1;
+  }
   .z-\[1\] {
     z-index: 1;
   }
@@ -781,6 +796,9 @@
   .h-refineui-foundation-size-240 {
     height: var(--spacing-refineui-foundation-size-240);
   }
+  .h-refineui-foundation-size-320 {
+    height: var(--spacing-refineui-foundation-size-320);
+  }
   .h-refineui-pagination-button-min-width {
     height: var(--spacing-refineui-pagination-button-min-width);
   }
@@ -790,6 +808,9 @@
   .h-refineui-progress-track-height-sm {
     height: var(--spacing-refineui-progress-track-height-sm);
   }
+  .h-refineui-size-large {
+    height: var(--spacing-refineui-size-large);
+  }
   .h-refineui-size-medium {
     height: var(--spacing-refineui-size-medium);
   }
@@ -799,6 +820,9 @@
   .h-refineui-switch-thumb {
     height: var(--spacing-refineui-switch-thumb);
   }
+  .h-refineui-time-input-wheel-height {
+    height: var(--spacing-refineui-time-input-wheel-height);
+  }
   .max-h-\[var\(--refineui-select-content-available-height\,100dvh\)\] {
     max-height: var(--refineui-select-content-available-height,100dvh);
   }
@@ -808,6 +832,9 @@
   .max-h-refineui-dialog-max-height-viewport {
     max-height: var(--spacing-refineui-dialog-max-height-viewport);
   }
+  .max-h-refineui-time-input-wheel-height {
+    max-height: var(--spacing-refineui-time-input-wheel-height);
+  }
   .min-h-\(--refineui-stroke-width-thin\) {
     min-height: var(--refineui-stroke-width-thin);
   }
@@ -868,12 +895,21 @@
   .min-h-refineui-foundation-size-240 {
     min-height: var(--spacing-refineui-foundation-size-240);
   }
+  .min-h-refineui-foundation-size-320 {
+    min-height: var(--spacing-refineui-foundation-size-320);
+  }
   .min-h-refineui-pagination-button-min-width {
     min-height: var(--spacing-refineui-pagination-button-min-width);
   }
   .min-h-refineui-size-x-large {
     min-height: var(--spacing-refineui-size-x-large);
   }
+  .min-h-refineui-time-input-wheel-height {
+    min-height: var(--spacing-refineui-time-input-wheel-height);
+  }
+  .w-\(--refineui-stroke-width-thin\) {
+    width: var(--refineui-stroke-width-thin);
+  }
   .w-\[calc\(var\(--refineui-sidebar-peek-panel-width\)\+2\*var\(--refineui-spacing-size-x-small\)\)\] {
     width: calc(var(--refineui-sidebar-peek-panel-width) + 2 * var(--refineui-spacing-size-x-small));
   }
@@ -910,6 +946,9 @@
   .w-refineui-foundation-size-120 {
     width: var(--spacing-refineui-foundation-size-120);
   }
+  .w-refineui-foundation-size-800 {
+    width: var(--spacing-refineui-foundation-size-800);
+  }
   .w-refineui-menu-panel-width {
     width: var(--spacing-refineui-menu-panel-width);
   }
@@ -919,9 +958,15 @@
   .w-refineui-progress-track-height-sm {
     width: var(--spacing-refineui-progress-track-height-sm);
   }
+  .w-refineui-size-large {
+    width: var(--spacing-refineui-size-large);
+  }
   .w-refineui-size-medium {
     width: var(--spacing-refineui-size-medium);
   }
+  .w-refineui-size-x-large {
+    width: var(--spacing-refineui-size-x-large);
+  }
   .w-refineui-spin-stepper-width {
     width: var(--spacing-refineui-spin-stepper-width);
   }
@@ -943,6 +988,12 @@
   .max-w-max {
     max-width: max-content;
   }
+  .max-w-refineui-foundation-size-2000 {
+    max-width: var(--spacing-refineui-foundation-size-2000);
+  }
+  .max-w-refineui-foundation-size-3200 {
+    max-width: var(--spacing-refineui-foundation-size-3200);
+  }
   .max-w-refineui-toast-max-width {
     max-width: var(--spacing-refineui-toast-max-width);
   }
@@ -1176,6 +1227,15 @@
   .resize-y {
     resize: vertical;
   }
+  .snap-y {
+    scroll-snap-type: y var(--tw-scroll-snap-strictness);
+  }
+  .snap-mandatory {
+    --tw-scroll-snap-strictness: mandatory;
+  }
+  .snap-center {
+    scroll-snap-align: center;
+  }
   .\[scrollbar-width\:none\] {
     scrollbar-width: none;
   }
@@ -1373,6 +1433,9 @@
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+  .overflow-auto {
+    overflow: auto;
+  }
   .overflow-clip {
     overflow: clip;
   }
@@ -1385,12 +1448,27 @@
   .overflow-x-auto {
     overflow-x: auto;
   }
+  .overflow-x-hidden {
+    overflow-x: hidden;
+  }
   .overflow-y-hidden {
     overflow-y: hidden;
   }
   .rounded {
     border-radius: 0.25rem;
   }
+  .rounded-\[10px\] {
+    border-radius: 10px;
+  }
+  .rounded-\[14px\] {
+    border-radius: 14px;
+  }
+  .rounded-\[18px\] {
+    border-radius: 18px;
+  }
+  .rounded-\[20px\] {
+    border-radius: 20px;
+  }
   .rounded-\[inherit\] {
     border-radius: inherit;
   }
@@ -1525,6 +1603,9 @@
   .border-refineui-alias-border-strong {
     border-color: var(--color-refineui-alias-border-strong);
   }
+  .border-refineui-alias-border-subtle {
+    border-color: var(--color-refineui-alias-border-subtle);
+  }
   .border-refineui-alias-border-success {
     border-color: var(--color-refineui-alias-border-success);
   }
@@ -1594,9 +1675,15 @@
   .bg-refineui-alias-surface-popover {
     background-color: var(--color-refineui-alias-surface-popover);
   }
+  .bg-refineui-alias-surface-sunken {
+    background-color: var(--color-refineui-alias-surface-sunken);
+  }
   .bg-transparent {
     background-color: transparent;
   }
+  .\[mask-image\:linear-gradient\(to_bottom\,transparent\,black_35\%\,black_65\%\,transparent\)\] {
+    mask-image: linear-gradient(to bottom,transparent,black 35%,black 65%,transparent);
+  }
   .object-cover {
     object-fit: cover;
   }
@@ -1609,9 +1696,6 @@
   .p-refineui-size-medium {
     padding: var(--spacing-refineui-size-medium);
   }
-  .p-refineui-size-x-large {
-    padding: var(--spacing-refineui-size-x-large);
-  }
   .p-refineui-size-x-small {
     padding: var(--spacing-refineui-size-x-small);
   }
@@ -1711,6 +1795,9 @@
   .pt-refineui-size-none {
     padding-top: var(--spacing-refineui-size-none);
   }
+  .pt-refineui-size-x-large {
+    padding-top: var(--spacing-refineui-size-x-large);
+  }
   .pt-refineui-size-x-small {
     padding-top: var(--spacing-refineui-size-x-small);
   }
@@ -1741,6 +1828,18 @@
   .align-middle {
     vertical-align: middle;
   }
+  .refineui-typo-body-1 {
+    font-family: var(--refineui-typography-body-1-font-family);
+    font-size: var(--refineui-typography-body-1-font-size);
+    font-weight: var(--refineui-typography-body-1-font-weight);
+    line-height: var(--refineui-typography-body-1-line-height);
+  }
+  .refineui-typo-body-2 {
+    font-family: var(--refineui-typography-body-2-font-family);
+    font-size: var(--refineui-typography-body-2-font-size);
+    font-weight: var(--refineui-typography-body-2-font-weight);
+    line-height: var(--refineui-typography-body-2-line-height);
+  }
   .refineui-typo-caption-1 {
     font-family: var(--refineui-typography-caption-1-font-family);
     font-size: var(--refineui-typography-caption-1-font-size);
@@ -1762,6 +1861,9 @@
   .\[font-family\:var\(--refineui-typography-title-3-font-family\)\] {
     font-family: var(--refineui-typography-title-3-font-family);
   }
+  .font-mono {
+    font-family: var(--font-mono);
+  }
   .text-\[length\:var\(--refineui-typography-sub-title-1-font-size\)\] {
     font-size: var(--refineui-typography-sub-title-1-font-size);
   }
@@ -1787,6 +1889,10 @@
     --tw-leading: 1;
     line-height: 1;
   }
+  .leading-relaxed {
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+  }
   .font-\[var\(--refineui-typography-sub-title-1-font-weight\)\] {
     --tw-font-weight: var(--refineui-typography-sub-title-1-font-weight);
     font-weight: var(--refineui-typography-sub-title-1-font-weight);
@@ -1803,6 +1909,10 @@
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
   }
+  .font-semibold {
+    --tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
+  }
   .tracking-wide {
     --tw-tracking: var(--tracking-wide);
     letter-spacing: var(--tracking-wide);
@@ -1819,6 +1929,15 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .whitespace-pre {
+    white-space: pre;
+  }
+  .whitespace-pre-line {
+    white-space: pre-line;
+  }
+  .whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
   .\!text-refineui-alias-foreground-disabled {
     color: var(--color-refineui-alias-foreground-disabled) !important;
   }
@@ -2016,6 +2135,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[background-color\,color\,transform\] {
+    transition-property: background-color,color,transform;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[background-color\,color\] {
     transition-property: background-color,color;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2106,6 +2230,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[opacity\] {
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[transform\,height\] {
     transition-property: transform,height;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2563,6 +2692,9 @@
     outline-style: var(--tw-outline-style);
     outline-width: var(--refineui-stroke-width-thick);
   }
+  .focus-visible\:\[outline-offset\:calc\(-1\*var\(--refineui-stroke-width-thick\)\)\]:focus-visible {
+    outline-offset: calc(-1 * var(--refineui-stroke-width-thick));
+  }
   .focus-visible\:\[outline-offset\:var\(--refineui-focus-offset\)\]:focus-visible {
     outline-offset: var(--refineui-focus-offset);
   }
@@ -2580,8 +2712,8 @@
     --tw-shadow: 0 0 0 var(--refineui-stroke-width-thick) var(--refineui-color-alias-border-strong);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .active\:scale-\[var\(--refineui-motion-scale-press\)\]:active {
-    scale: var(--refineui-motion-scale-press);
+  .active\:\[transform\:scale\(var\(--refineui-foundation-motion-scale-96\)\)\]:active {
+    transform: scale(var(--refineui-foundation-motion-scale-96));
   }
   .active\:transform-none:active {
     transform: none;
@@ -2637,6 +2769,11 @@
   .active\:decoration-current:active {
     text-decoration-color: currentcolor;
   }
+  @media (hover: hover) {
+    .enabled\:hover\:text-refineui-alias-foreground-primary:enabled:hover {
+      color: var(--color-refineui-alias-foreground-primary);
+    }
+  }
   .disabled\:transform-none:disabled {
     transform: none;
   }
@@ -2803,6 +2940,11 @@
     --tw-shadow: 0 0 0 0.5px var(--tw-shadow-color, var(--refineui-color-alias-background-error-hover));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .data-\[glide\=true\]\:transition-\[transform\,width\,height\,opacity\][data-glide="true"] {
+    transition-property: transform,width,height,opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .data-\[has-reactions-bottom\]\:mb-refineui-size-xx-large[data-has-reactions-bottom] {
     margin-bottom: var(--spacing-refineui-size-xx-large);
   }
@@ -2841,12 +2983,6 @@
       color: var(--color-refineui-alias-foreground-disabled);
     }
   }
-  .data-\[inactive\=true\]\:active\:scale-100[data-inactive="true"]:active {
-    --tw-scale-x: 100%;
-    --tw-scale-y: 100%;
-    --tw-scale-z: 100%;
-    scale: var(--tw-scale-x) var(--tw-scale-y);
-  }
   .data-\[orientation\=horizontal\]\:top-0[data-orientation="horizontal"] {
     top: 0px;
   }
@@ -2886,6 +3022,9 @@
   .data-\[ready\=true\]\:opacity-100[data-ready="true"] {
     opacity: 100%;
   }
+  .data-\[ready\=true\]\:will-change-\[transform\,opacity\][data-ready="true"] {
+    will-change: transform,opacity;
+  }
   .data-\[selected\=true\]\:bg-refineui-alias-background-primary-hover[data-selected="true"] {
     background-color: var(--color-refineui-alias-background-primary-hover);
   }
@@ -2902,8 +3041,8 @@
     --tw-shadow: inset 0 0 0 var(--refineui-stroke-width-thick) var(--refineui-color-alias-border-focus);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .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"] {
-    --tw-shadow: var(--refineui-elevation-4), inset 0 0 0 var(--refineui-stroke-width-thick) var(--refineui-color-alias-border-focus);
+  .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"] {
+    --tw-shadow: var(--refineui-elevation-8), inset 0 0 0 var(--refineui-stroke-width-thick) var(--refineui-color-alias-border-focus);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .data-\[sidebar-peek-edge-suspended\]\:pointer-events-none[data-sidebar-peek-edge-suspended] {
@@ -3091,6 +3230,9 @@
     .motion-reduce\:opacity-100 {
       opacity: 100%;
     }
+    .motion-reduce\:\!transition-none {
+      transition-property: none !important;
+    }
     .motion-reduce\:transition-none {
       transition-property: none;
     }
@@ -3246,6 +3388,9 @@
     content: var(--tw-content);
     background-color: var(--color-refineui-alias-background-brand);
   }
+  .focus-visible\:\[\&_\[data-selected\]\]\:text-refineui-alias-foreground-brand:focus-visible [data-selected] {
+    color: var(--color-refineui-alias-foreground-brand);
+  }
   .\[\&_svg\]\:block svg {
     display: block;
   }
@@ -3319,11 +3464,19 @@
     --tw-shadow: var(--refineui-elevation-2lighter);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .\[\&\:\:-moz-range-thumb\]\:transition-\[transform\,box-shadow\,border-color\,background-color\]::-moz-range-thumb {
-    transition-property: transform,box-shadow,border-color,background-color;
+  .\[\&\:\:-moz-range-thumb\]\:transition-\[scale\,transform\,box-shadow\,border-color\,background-color\]::-moz-range-thumb {
+    transition-property: scale,transform,box-shadow,border-color,background-color;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .\[\&\:\:-moz-range-thumb\]\:duration-\[var\(--refineui-motion-duration-fast\)\]::-moz-range-thumb {
+    --tw-duration: var(--refineui-motion-duration-fast);
+    transition-duration: var(--refineui-motion-duration-fast);
+  }
+  .\[\&\:\:-moz-range-thumb\]\:ease-\[var\(--refineui-motion-easing-standard\)\]::-moz-range-thumb {
+    --tw-ease: var(--refineui-motion-easing-standard);
+    transition-timing-function: var(--refineui-motion-easing-standard);
+  }
   @media (hover: hover) {
     .hover\:\[\&\:\:-moz-range-thumb\]\:scale-\[var\(--refineui-motion-scale-hover-grow\)\]:hover::-moz-range-thumb {
       scale: var(--refineui-motion-scale-hover-grow);
@@ -3353,6 +3506,12 @@
     --tw-shadow: var(--refineui-elevation-2lighter);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .disabled\:\[\&\:\:-moz-range-thumb\]\:scale-100:disabled::-moz-range-thumb {
+    --tw-scale-x: 100%;
+    --tw-scale-y: 100%;
+    --tw-scale-z: 100%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
   .disabled\:\[\&\:\:-moz-range-thumb\]\:transform-none:disabled::-moz-range-thumb {
     transform: none;
   }
@@ -3366,6 +3525,11 @@
     --tw-shadow: 0 0 #0000;
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  @media (prefers-reduced-motion: reduce) {
+    .motion-reduce\:\[\&\:\:-moz-range-thumb\]\:transition-none::-moz-range-thumb {
+      transition-property: none;
+    }
+  }
   .\[\&\:\:-moz-range-track\]\:rounded-full::-moz-range-track {
     border-radius: calc(infinity * 1px);
   }
@@ -3429,11 +3593,19 @@
     --tw-shadow: var(--refineui-elevation-2lighter);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .\[\&\:\:-webkit-slider-thumb\]\:transition-\[transform\,box-shadow\,border-color\,background-color\]::-webkit-slider-thumb {
-    transition-property: transform,box-shadow,border-color,background-color;
+  .\[\&\:\:-webkit-slider-thumb\]\:transition-\[scale\,transform\,box-shadow\,border-color\,background-color\]::-webkit-slider-thumb {
+    transition-property: scale,transform,box-shadow,border-color,background-color;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .\[\&\:\:-webkit-slider-thumb\]\:duration-\[var\(--refineui-motion-duration-fast\)\]::-webkit-slider-thumb {
+    --tw-duration: var(--refineui-motion-duration-fast);
+    transition-duration: var(--refineui-motion-duration-fast);
+  }
+  .\[\&\:\:-webkit-slider-thumb\]\:ease-\[var\(--refineui-motion-easing-standard\)\]::-webkit-slider-thumb {
+    --tw-ease: var(--refineui-motion-easing-standard);
+    transition-timing-function: var(--refineui-motion-easing-standard);
+  }
   @media (hover: hover) {
     .hover\:\[\&\:\:-webkit-slider-thumb\]\:scale-\[var\(--refineui-motion-scale-hover-grow\)\]:hover::-webkit-slider-thumb {
       scale: var(--refineui-motion-scale-hover-grow);
@@ -3463,6 +3635,12 @@
     --tw-shadow: var(--refineui-elevation-2lighter);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .disabled\:\[\&\:\:-webkit-slider-thumb\]\:scale-100:disabled::-webkit-slider-thumb {
+    --tw-scale-x: 100%;
+    --tw-scale-y: 100%;
+    --tw-scale-z: 100%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
   .disabled\:\[\&\:\:-webkit-slider-thumb\]\:transform-none:disabled::-webkit-slider-thumb {
     transform: none;
   }
@@ -3482,6 +3660,11 @@
   .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 {
     margin-top: calc((var(--refineui-slider-thumb-size) - var(--refineui-size-slider-track-height-sm)) / -2);
   }
+  @media (prefers-reduced-motion: reduce) {
+    .motion-reduce\:\[\&\:\:-webkit-slider-thumb\]\:transition-none::-webkit-slider-thumb {
+      transition-property: none;
+    }
+  }
   .\[\&\:not\(\:disabled\)\:not\(\:focus\)\:not\(\[data-filled\]\)\]\:animate-pulse:not(:disabled):not(:focus):not([data-filled]) {
     animation: var(--animate-pulse);
   }
@@ -3539,6 +3722,9 @@
   .\[\&\>\[data-refineui\=scroll-area\]\>\[data-refineui\=scroll-area-scrollbar\]\[data-orientation\=vertical\]\]\:inset-y-\[calc\(var\(--refineui-command-list-radius\)\/2\)\] > [data-refineui=scroll-area] > [data-refineui=scroll-area-scrollbar][data-orientation=vertical] {
     inset-block: calc(var(--refineui-command-list-radius) / 2);
   }
+  .\[\&\>span\]\:shrink-0 > span {
+    flex-shrink: 0;
+  }
   .\[\&\>span\]\:leading-none > span {
     --tw-leading: 1;
     line-height: 1;
@@ -3580,6 +3766,9 @@
   .\[\&\[data-align\=start\]_\[data-refineui\=message-content\]\]\:items-start[data-align=start] [data-refineui=message-content] {
     align-items: flex-start;
   }
+  .\[\&\[data-animate\=true\]_\[data-refineui\=command-item\]\:not\(\:active\)\]\:bg-transparent[data-animate=true] [data-refineui=command-item]:not(:active) {
+    background-color: transparent;
+  }
   .\[\&\[data-disabled\=true\]\[data-checked\=true\]\]\:border-refineui-alias-background-surface-selected[data-disabled=true][data-checked=true] {
     border-color: var(--color-refineui-alias-background-surface-selected);
   }
@@ -3600,6 +3789,24 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .\[\&\[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 {
+    background-color: transparent;
+  }
+  .\[\&\[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 {
+    background-color: transparent;
+  }
+  .\[\&\[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 {
+    background-color: transparent;
+  }
+  .\[\&\[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 {
+    background-color: transparent;
+  }
+  .\[\&\[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 {
+    background-color: transparent;
+  }
+  .\[\&\[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 {
+    background-color: transparent;
+  }
   .\[\&\[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]) {
     transform: translate3d(var(--refineui-toast-swipe-x),var(--refineui-toast-slide-out-y,-100%),0);
   }
@@ -3791,6 +3998,7 @@
   --refineui-size-foundation-size-540: 54px;
   --refineui-size-foundation-size-600: 60px;
   --refineui-size-foundation-size-800: 80px;
+  --refineui-size-foundation-size-1400: 140px;
   --refineui-size-foundation-size-2000: 200px;
   --refineui-size-foundation-size-2440: 244px;
   --refineui-size-foundation-size-2560: 256px;
@@ -3816,6 +4024,7 @@
   --refineui-size-control-checkbox: var(--refineui-size-foundation-size-200);
   --refineui-size-control-checkbox-radio: var(--refineui-size-foundation-size-200);
   --refineui-size-control-textarea-min: var(--refineui-size-foundation-size-800);
+  --refineui-size-time-input-wheel-height: var(--refineui-size-foundation-size-1400);
   --refineui-size-popover-panel-width: var(--refineui-size-foundation-size-3250);
   --refineui-size-popover-beak-inset-from-start-edge: var(--refineui-size-foundation-size-340);
   --refineui-size-popover-beak-inset-from-end-edge: var(--refineui-size-foundation-size-300);
@@ -4536,6 +4745,11 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-scroll-snap-strictness {
+  syntax: "*";
+  inherits: false;
+  initial-value: proximity;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -4850,6 +5064,7 @@
       --tw-pan-x: initial;
       --tw-pan-y: initial;
       --tw-pinch-zoom: initial;
+      --tw-scroll-snap-strictness: proximity;
       --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;