@refineui/react 0.3.0 → 0.4.1

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);
@@ -337,8 +343,8 @@
   .inset-x-0 {
     inset-inline: 0px;
   }
-  .inset-x-refineui-size-xxx-small {
-    inset-inline: var(--spacing-refineui-size-xxx-small);
+  .inset-x-refineui-size-small {
+    inset-inline: var(--spacing-refineui-size-small);
   }
   .inset-y-0 {
     inset-block: 0px;
@@ -346,8 +352,8 @@
   .inset-y-\[calc\(var\(--refineui-spacing-size-small\)-var\(--refineui-spacing-size-x-small\)\)\] {
     inset-block: calc(var(--refineui-spacing-size-small) - var(--refineui-spacing-size-x-small));
   }
-  .inset-y-refineui-size-xxx-small {
-    inset-block: var(--spacing-refineui-size-xxx-small);
+  .inset-y-refineui-size-small {
+    inset-block: var(--spacing-refineui-size-small);
   }
   .start-0 {
     inset-inline-start: calc(var(--spacing) * 0);
@@ -454,15 +460,15 @@
   .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;
   }
@@ -781,6 +787,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);
   }
@@ -799,6 +808,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 +820,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,9 +883,18 @@
   .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-\[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));
   }
@@ -907,6 +931,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,6 +946,9 @@
   .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);
   }
@@ -940,6 +970,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);
   }
@@ -1000,6 +1036,9 @@
   .min-w-refineui-popover-panel-width {
     min-width: var(--spacing-refineui-popover-panel-width);
   }
+  .min-w-refineui-size-x-large {
+    min-width: var(--spacing-refineui-size-x-large);
+  }
   .min-w-refineui-size-xx-large {
     min-width: var(--spacing-refineui-size-xx-large);
   }
@@ -1170,6 +1209,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;
   }
@@ -1353,6 +1401,9 @@
   .self-center {
     align-self: center;
   }
+  .self-end {
+    align-self: flex-end;
+  }
   .self-start {
     align-self: flex-start;
   }
@@ -1364,6 +1415,9 @@
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+  .overflow-auto {
+    overflow: auto;
+  }
   .overflow-clip {
     overflow: clip;
   }
@@ -1376,6 +1430,9 @@
   .overflow-x-auto {
     overflow-x: auto;
   }
+  .overflow-x-hidden {
+    overflow-x: hidden;
+  }
   .overflow-y-hidden {
     overflow-y: hidden;
   }
@@ -1516,6 +1573,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);
   }
@@ -1585,9 +1645,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;
   }
@@ -1600,9 +1666,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);
   }
@@ -1702,6 +1765,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);
   }
@@ -1732,6 +1798,30 @@
   .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);
+    font-weight: var(--refineui-typography-caption-1-font-weight);
+    line-height: var(--refineui-typography-caption-1-line-height);
+  }
+  .refineui-typo-caption-2 {
+    font-family: var(--refineui-typography-caption-2-font-family);
+    font-size: var(--refineui-typography-caption-2-font-size);
+    font-weight: var(--refineui-typography-caption-2-font-weight);
+    line-height: var(--refineui-typography-caption-2-line-height);
+  }
   .\[font-family\:var\(--refineui-typography-sub-title-1-font-family\)\] {
     font-family: var(--refineui-typography-sub-title-1-font-family);
   }
@@ -1741,6 +1831,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);
   }
@@ -1766,6 +1859,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);
@@ -1782,6 +1879,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);
@@ -1798,6 +1899,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;
   }
@@ -1995,6 +2105,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));
@@ -2314,6 +2429,22 @@
     content: var(--tw-content);
     z-index: 0;
   }
+  .before\:h-\(--refineui-stroke-width-thin\)::before {
+    content: var(--tw-content);
+    height: var(--refineui-stroke-width-thin);
+  }
+  .before\:min-w-0::before {
+    content: var(--tw-content);
+    min-width: 0px;
+  }
+  .before\:flex-1::before {
+    content: var(--tw-content);
+    flex: 1;
+  }
+  .before\:bg-refineui-alias-border-default::before {
+    content: var(--tw-content);
+    background-color: var(--color-refineui-alias-border-default);
+  }
   .before\:content-\[\'\'\]::before {
     --tw-content: '';
     content: var(--tw-content);
@@ -2339,6 +2470,14 @@
     content: var(--tw-content);
     height: var(--refineui-stroke-width-thin);
   }
+  .after\:min-w-0::after {
+    content: var(--tw-content);
+    min-width: 0px;
+  }
+  .after\:flex-1::after {
+    content: var(--tw-content);
+    flex: 1;
+  }
   .after\:scale-0::after {
     content: var(--tw-content);
     --tw-scale-x: 0%;
@@ -2518,6 +2657,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);
   }
@@ -2538,6 +2680,9 @@
   .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;
   }
@@ -2664,6 +2809,9 @@
   .data-\[active\=true\]\:\!opacity-100[data-active="true"] {
     opacity: 100% !important;
   }
+  .data-\[align\=end\]\:flex-row-reverse[data-align="end"] {
+    flex-direction: row-reverse;
+  }
   .data-\[align\=end\]\:self-end[data-align="end"] {
     align-self: flex-end;
   }
@@ -2793,12 +2941,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;
   }
@@ -3198,6 +3340,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;
   }
@@ -3455,29 +3600,29 @@
   .\[\&\>\*\]\:flex-1 > * {
     flex: 1;
   }
-  .\[\&\>\[data-refineui\=bubble\]\[data-align\=end\]\:first-child\:not\(\:only-child\)_\[data-refineui\=bubble-content\]\]\:\[border-end-end-radius\:var\(--refineui-radius-rounded-medium\)\] > [data-refineui=bubble][data-align=end]:first-child:not(:only-child) [data-refineui=bubble-content] {
-    border-end-end-radius: var(--refineui-radius-rounded-medium);
+  .\[\&\>\[data-refineui\=bubble\]\[data-align\=end\]\:first-child\:not\(\:only-child\)_\[data-refineui\=bubble-content\]\]\:\[border-end-end-radius\:var\(--refineui-radius-rounded-large\)\] > [data-refineui=bubble][data-align=end]:first-child:not(:only-child) [data-refineui=bubble-content] {
+    border-end-end-radius: var(--refineui-radius-rounded-large);
   }
-  .\[\&\>\[data-refineui\=bubble\]\[data-align\=end\]\:last-child\:not\(\:only-child\)_\[data-refineui\=bubble-content\]\]\:\[border-start-end-radius\:var\(--refineui-radius-rounded-medium\)\] > [data-refineui=bubble][data-align=end]:last-child:not(:only-child) [data-refineui=bubble-content] {
-    border-start-end-radius: var(--refineui-radius-rounded-medium);
+  .\[\&\>\[data-refineui\=bubble\]\[data-align\=end\]\:last-child\:not\(\:only-child\)_\[data-refineui\=bubble-content\]\]\:\[border-start-end-radius\:var\(--refineui-radius-rounded-large\)\] > [data-refineui=bubble][data-align=end]:last-child:not(:only-child) [data-refineui=bubble-content] {
+    border-start-end-radius: var(--refineui-radius-rounded-large);
   }
-  .\[\&\>\[data-refineui\=bubble\]\[data-align\=end\]\:not\(\:first-child\)\:not\(\:last-child\)_\[data-refineui\=bubble-content\]\]\:\[border-start-end-radius\:var\(--refineui-radius-rounded-medium\)\] > [data-refineui=bubble][data-align=end]:not(:first-child):not(:last-child) [data-refineui=bubble-content] {
-    border-start-end-radius: var(--refineui-radius-rounded-medium);
+  .\[\&\>\[data-refineui\=bubble\]\[data-align\=end\]\:not\(\:first-child\)\:not\(\:last-child\)_\[data-refineui\=bubble-content\]\]\:\[border-start-end-radius\:var\(--refineui-radius-rounded-large\)\] > [data-refineui=bubble][data-align=end]:not(:first-child):not(:last-child) [data-refineui=bubble-content] {
+    border-start-end-radius: var(--refineui-radius-rounded-large);
   }
-  .\[\&\>\[data-refineui\=bubble\]\[data-align\=end\]\:not\(\:first-child\)\:not\(\:last-child\)_\[data-refineui\=bubble-content\]\]\:\[border-end-end-radius\:var\(--refineui-radius-rounded-medium\)\] > [data-refineui=bubble][data-align=end]:not(:first-child):not(:last-child) [data-refineui=bubble-content] {
-    border-end-end-radius: var(--refineui-radius-rounded-medium);
+  .\[\&\>\[data-refineui\=bubble\]\[data-align\=end\]\:not\(\:first-child\)\:not\(\:last-child\)_\[data-refineui\=bubble-content\]\]\:\[border-end-end-radius\:var\(--refineui-radius-rounded-large\)\] > [data-refineui=bubble][data-align=end]:not(:first-child):not(:last-child) [data-refineui=bubble-content] {
+    border-end-end-radius: var(--refineui-radius-rounded-large);
   }
-  .\[\&\>\[data-refineui\=bubble\]\[data-align\=start\]\:first-child\:not\(\:only-child\)_\[data-refineui\=bubble-content\]\]\:\[border-end-start-radius\:var\(--refineui-radius-rounded-medium\)\] > [data-refineui=bubble][data-align=start]:first-child:not(:only-child) [data-refineui=bubble-content] {
-    border-end-start-radius: var(--refineui-radius-rounded-medium);
+  .\[\&\>\[data-refineui\=bubble\]\[data-align\=start\]\:first-child\:not\(\:only-child\)_\[data-refineui\=bubble-content\]\]\:\[border-end-start-radius\:var\(--refineui-radius-rounded-large\)\] > [data-refineui=bubble][data-align=start]:first-child:not(:only-child) [data-refineui=bubble-content] {
+    border-end-start-radius: var(--refineui-radius-rounded-large);
   }
-  .\[\&\>\[data-refineui\=bubble\]\[data-align\=start\]\:last-child\:not\(\:only-child\)_\[data-refineui\=bubble-content\]\]\:\[border-start-start-radius\:var\(--refineui-radius-rounded-medium\)\] > [data-refineui=bubble][data-align=start]:last-child:not(:only-child) [data-refineui=bubble-content] {
-    border-start-start-radius: var(--refineui-radius-rounded-medium);
+  .\[\&\>\[data-refineui\=bubble\]\[data-align\=start\]\:last-child\:not\(\:only-child\)_\[data-refineui\=bubble-content\]\]\:\[border-start-start-radius\:var\(--refineui-radius-rounded-large\)\] > [data-refineui=bubble][data-align=start]:last-child:not(:only-child) [data-refineui=bubble-content] {
+    border-start-start-radius: var(--refineui-radius-rounded-large);
   }
-  .\[\&\>\[data-refineui\=bubble\]\[data-align\=start\]\:not\(\:first-child\)\:not\(\:last-child\)_\[data-refineui\=bubble-content\]\]\:\[border-start-start-radius\:var\(--refineui-radius-rounded-medium\)\] > [data-refineui=bubble][data-align=start]:not(:first-child):not(:last-child) [data-refineui=bubble-content] {
-    border-start-start-radius: var(--refineui-radius-rounded-medium);
+  .\[\&\>\[data-refineui\=bubble\]\[data-align\=start\]\:not\(\:first-child\)\:not\(\:last-child\)_\[data-refineui\=bubble-content\]\]\:\[border-start-start-radius\:var\(--refineui-radius-rounded-large\)\] > [data-refineui=bubble][data-align=start]:not(:first-child):not(:last-child) [data-refineui=bubble-content] {
+    border-start-start-radius: var(--refineui-radius-rounded-large);
   }
-  .\[\&\>\[data-refineui\=bubble\]\[data-align\=start\]\:not\(\:first-child\)\:not\(\:last-child\)_\[data-refineui\=bubble-content\]\]\:\[border-end-start-radius\:var\(--refineui-radius-rounded-medium\)\] > [data-refineui=bubble][data-align=start]:not(:first-child):not(:last-child) [data-refineui=bubble-content] {
-    border-end-start-radius: var(--refineui-radius-rounded-medium);
+  .\[\&\>\[data-refineui\=bubble\]\[data-align\=start\]\:not\(\:first-child\)\:not\(\:last-child\)_\[data-refineui\=bubble-content\]\]\:\[border-end-start-radius\:var\(--refineui-radius-rounded-large\)\] > [data-refineui=bubble][data-align=start]:not(:first-child):not(:last-child) [data-refineui=bubble-content] {
+    border-end-start-radius: var(--refineui-radius-rounded-large);
   }
   .\[\&\>\[data-refineui\=bubble\]\[data-has-reactions-bottom\]\:not\(\:last-child\)\]\:mb-refineui-size-xx-large > [data-refineui=bubble][data-has-reactions-bottom]:not(:last-child) {
     margin-bottom: var(--spacing-refineui-size-xx-large);
@@ -3491,6 +3636,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;
@@ -3523,6 +3671,15 @@
     border-start-end-radius: var(--radius-refineui-large);
     border-end-end-radius: var(--radius-refineui-large);
   }
+  .\[\&\[data-align\=end\]_\[data-refineui\=message-content\]\]\:items-end[data-align=end] [data-refineui=message-content] {
+    align-items: flex-end;
+  }
+  .\[\&\[data-align\=end\]_\[data-refineui\=message-footer\]\]\:text-end[data-align=end] [data-refineui=message-footer] {
+    text-align: end;
+  }
+  .\[\&\[data-align\=start\]_\[data-refineui\=message-content\]\]\:items-start[data-align=start] [data-refineui=message-content] {
+    align-items: flex-start;
+  }
   .\[\&\[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);
   }
@@ -3554,6 +3711,20 @@
       transform: none;
     }
   }
+  .\[\&\[role\=status\]_\[data-refineui\=marker-content\]\]\:animate-pulse[role=status] [data-refineui=marker-content] {
+    animation: var(--animate-pulse);
+  }
+  .\[\&\[role\=status\]_\[data-refineui\=marker-content\]\]\:\[animation-duration\:var\(--refineui-motion-duration-skeleton\)\][role=status] [data-refineui=marker-content] {
+    animation-duration: var(--refineui-motion-duration-skeleton);
+  }
+  .\[\&\[role\=status\]_\[data-refineui\=marker-content\]\]\:\[animation-timing-function\:var\(--refineui-motion-easing-ease-in-out\)\][role=status] [data-refineui=marker-content] {
+    animation-timing-function: var(--refineui-motion-easing-ease-in-out);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .motion-reduce\:\[\&\[role\=status\]_\[data-refineui\=marker-content\]\]\:animate-none[role=status] [data-refineui=marker-content] {
+      animation: none;
+    }
+  }
 }
 :root {
   --refineui-color-primary-light-gray: #E6E6E6;
@@ -3720,6 +3891,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;
@@ -3745,6 +3917,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);
@@ -4465,6 +4638,11 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-scroll-snap-strictness {
+  syntax: "*";
+  inherits: false;
+  initial-value: proximity;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -4779,6 +4957,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;

package/spec/authoring/components/calendar.json

@@ -5,7 +5,20 @@
   "kind": "root",
   "category": "components",
   "label": "Calendar",
-  "props": [],
+  "props": [
+    {
+      "name": "mode",
+      "label": "mode",
+      "valueType": "enum",
+      "control": "segmented",
+      "options": [
+        "single",
+        "range"
+      ],
+      "defaultValue": "single",
+      "section": "variants"
+    }
+  ],
   "preview": {
     "mode": "full"
   },

package/spec/authoring/components/code-block-actions.json

@@ -0,0 +1,28 @@
+{
+  "id": "code-block-actions",
+  "exportPath": "@refineui/react",
+  "exportName": "CodeBlockActions",
+  "kind": "part",
+  "category": "parts",
+  "label": "Code Block Actions",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "CodeBlockHeader",
+      "slot": "children"
+    }
+  ],
+  "slots": [
+    {
+      "name": "children",
+      "accepts": [
+        "CodeBlockCopyButton",
+        "Button"
+      ],
+      "repeatable": true
+    }
+  ]
+}

package/spec/authoring/components/code-block-content.json

@@ -0,0 +1,45 @@
+{
+  "id": "code-block-content",
+  "exportPath": "@refineui/react",
+  "exportName": "CodeBlockContent",
+  "kind": "part",
+  "category": "parts",
+  "label": "Code Block Content",
+  "props": [
+    {
+      "name": "wrap",
+      "valueType": "boolean",
+      "control": "toggle",
+      "defaultValue": false,
+      "section": "properties",
+      "label": "wrap"
+    },
+    {
+      "name": "lineNumbers",
+      "valueType": "boolean",
+      "control": "toggle",
+      "defaultValue": false,
+      "section": "properties",
+      "label": "line Numbers"
+    }
+  ],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "CodeBlock",
+      "slot": "children"
+    }
+  ],
+  "slots": [
+    {
+      "name": "children",
+      "accepts": [
+        "CodeBlockLine"
+      ],
+      "repeatable": true,
+      "min": 1
+    }
+  ]
+}

package/spec/authoring/components/code-block-copy-button.json

@@ -0,0 +1,28 @@
+{
+  "id": "code-block-copy-button",
+  "exportPath": "@refineui/react",
+  "exportName": "CodeBlockCopyButton",
+  "kind": "part",
+  "category": "parts",
+  "label": "Code Block Copy Button",
+  "props": [
+    {
+      "name": "value",
+      "label": "value",
+      "valueType": "string",
+      "control": "textarea",
+      "defaultValue": "",
+      "required": true,
+      "section": "properties"
+    }
+  ],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "CodeBlockActions",
+      "slot": "children"
+    }
+  ]
+}