shadcn-ui-react 0.7.9 → 0.7.11

package/dist/style.css

@@ -64,6 +64,7 @@
     --container-sm: 24rem;
     --container-md: 28rem;
     --container-lg: 32rem;
+    --container-xl: 36rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -347,12 +348,6 @@
   .inset-y-0 {
     inset-block: calc(var(--spacing) * 0);
   }
-  .start {
-    inset-inline-start: var(--spacing);
-  }
-  .end {
-    inset-inline-end: var(--spacing);
-  }
   .-top-12 {
     top: calc(var(--spacing) * -12);
   }
@@ -564,9 +559,6 @@
     width: calc(var(--spacing) * 8);
     height: calc(var(--spacing) * 8);
   }
-  .h-\(--radix-select-trigger-height\) {
-    height: var(--radix-select-trigger-height);
-  }
   .h-1\.5 {
     height: calc(var(--spacing) * 1.5);
   }
@@ -639,12 +631,12 @@
   .max-h-72 {
     max-height: calc(var(--spacing) * 72);
   }
-  .max-h-96 {
-    max-height: calc(var(--spacing) * 96);
-  }
   .max-h-\[300px\] {
     max-height: 300px;
   }
+  .max-h-full {
+    max-height: 100%;
+  }
   .max-h-screen {
     max-height: 100vh;
   }
@@ -654,6 +646,9 @@
   .min-h-\[60px\] {
     min-height: 60px;
   }
+  .min-h-screen {
+    min-height: 100vh;
+  }
   .w-\(--radix-select-trigger-width\) {
     width: var(--radix-select-trigger-width);
   }
@@ -749,6 +744,9 @@
   .max-w-md {
     max-width: var(--container-md);
   }
+  .max-w-xl {
+    max-width: var(--container-xl);
+  }
   .min-w-\(--radix-select-trigger-width\) {
     min-width: var(--radix-select-trigger-width);
   }
@@ -853,6 +851,15 @@
   .touch-none {
     touch-action: none;
   }
+  .resize {
+    resize: both;
+  }
+  .\[scrollbar-width\:thin\] {
+    scrollbar-width: thin;
+  }
+  .\[scrollbar-gutter\:stable\] {
+    scrollbar-gutter: stable;
+  }
   .list-none {
     list-style-type: none;
   }
@@ -907,6 +914,9 @@
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
+  .gap-6 {
+    gap: calc(var(--spacing) * 6);
+  }
   .space-y-1 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -980,9 +990,15 @@
   .overflow-visible {
     overflow: visible;
   }
+  .\!overflow-x-hidden {
+    overflow-x: hidden !important;
+  }
   .overflow-x-hidden {
     overflow-x: hidden;
   }
+  .\!overflow-y-scroll {
+    overflow-y: scroll !important;
+  }
   .overflow-y-auto {
     overflow-y: auto;
   }
@@ -1023,9 +1039,17 @@
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
   }
+  .rounded-l-md {
+    border-top-left-radius: calc(var(--radius) - 2px);
+    border-bottom-left-radius: calc(var(--radius) - 2px);
+  }
   .rounded-tl-sm {
     border-top-left-radius: calc(var(--radius) - 4px);
   }
+  .rounded-r-md {
+    border-top-right-radius: calc(var(--radius) - 2px);
+    border-bottom-right-radius: calc(var(--radius) - 2px);
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -1411,12 +1435,18 @@
   .p-6 {
     padding: calc(var(--spacing) * 6);
   }
+  .p-10 {
+    padding: calc(var(--spacing) * 10);
+  }
   .p-\[1px\] {
     padding: 1px;
   }
   .px-0 {
     padding-inline: calc(var(--spacing) * 0);
   }
+  .px-1 {
+    padding-inline: calc(var(--spacing) * 1);
+  }
   .px-2 {
     padding-inline: calc(var(--spacing) * 2);
   }
@@ -1498,6 +1528,9 @@
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
+  .pb-230 {
+    padding-bottom: calc(var(--spacing) * 230);
+  }
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
@@ -1816,9 +1849,6 @@
       --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
     }
   }
-  .ring-destructive {
-    --tw-ring-color: var(--destructive);
-  }
   .ring-destructive\/20 {
     --tw-ring-color: var(--destructive);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1950,9 +1980,6 @@
     -moz-user-select: none;
     user-select: none;
   }
-  .\[scrollbar-gutter\:stable\] {
-    scrollbar-gutter: stable;
-  }
   .duration-200 {
     animation-duration: 200ms;
   }
@@ -2152,14 +2179,54 @@
       z-index: 20;
     }
   }
-  .focus-within\:border-primary\/60 {
+  .focus-within\:border-b-2 {
+    &:focus-within {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 2px;
+    }
+  }
+  .focus-within\:border-destructive {
+    &:focus-within {
+      border-color: var(--destructive);
+    }
+  }
+  .focus-within\:border-primary {
     &:focus-within {
       border-color: var(--primary);
+    }
+  }
+  .focus-within\:bg-input\/70 {
+    &:focus-within {
+      background-color: var(--input);
       @supports (color: color-mix(in lab, red, red)) {
-        border-color: color-mix(in oklab, var(--primary) 60%, transparent);
+        background-color: color-mix(in oklab, var(--input) 70%, transparent);
       }
     }
   }
+  .focus-within\:bg-input\/80 {
+    &:focus-within {
+      background-color: var(--input);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--input) 80%, transparent);
+      }
+    }
+  }
+  .focus-within\:underline {
+    &:focus-within {
+      text-decoration-line: underline;
+    }
+  }
+  .focus-within\:ring-0 {
+    &:focus-within {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow:
+        var(--tw-inset-shadow),
+        var(--tw-inset-ring-shadow),
+        var(--tw-ring-offset-shadow),
+        var(--tw-ring-shadow),
+        var(--tw-shadow);
+    }
+  }
   .focus-within\:ring-2 {
     &:focus-within {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -2171,6 +2238,14 @@
         var(--tw-shadow);
     }
   }
+  .focus-within\:ring-destructive\/20 {
+    &:focus-within {
+      --tw-ring-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+      }
+    }
+  }
   .focus-within\:ring-primary\/20 {
     &:focus-within {
       --tw-ring-color: var(--primary);
@@ -2179,6 +2254,11 @@
       }
     }
   }
+  .focus-within\:ring-ring {
+    &:focus-within {
+      --tw-ring-color: var(--ring);
+    }
+  }
   .hover\:border-gray-400 {
     &:hover {
       @media (hover: hover) {
@@ -2374,13 +2454,6 @@
       }
     }
   }
-  .hover\:bg-primary {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--primary);
-      }
-    }
-  }
   .hover\:bg-primary\/15 {
     &:hover {
       @media (hover: hover) {
@@ -2507,13 +2580,6 @@
       }
     }
   }
-  .hover\:text-primary-foreground {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--primary-foreground);
-      }
-    }
-  }
   .hover\:underline {
     &:hover {
       @media (hover: hover) {
@@ -2682,21 +2748,11 @@
       }
     }
   }
-  .focus\:bg-primary {
-    &:focus {
-      background-color: var(--primary);
-    }
-  }
   .focus\:text-accent-foreground {
     &:focus {
       color: var(--accent-foreground);
     }
   }
-  .focus\:text-primary-foreground {
-    &:focus {
-      color: var(--primary-foreground);
-    }
-  }
   .focus\:underline {
     &:focus {
       text-decoration-line: underline;
@@ -2748,14 +2804,6 @@
       }
     }
   }
-  .focus\:ring-destructive\/40 {
-    &:focus {
-      --tw-ring-color: var(--destructive);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
-      }
-    }
-  }
   .focus\:ring-primary\/20 {
     &:focus {
       --tw-ring-color: var(--primary);
@@ -2949,47 +2997,24 @@
       background-color: var(--accent);
     }
   }
-  .aria-selected\:bg-accent\/50 {
-    &[aria-selected=true] {
-      background-color: var(--accent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
-      }
-    }
-  }
   .aria-selected\:text-accent-foreground {
     &[aria-selected=true] {
       color: var(--accent-foreground);
     }
   }
-  .aria-selected\:text-muted-foreground {
-    &[aria-selected=true] {
-      color: var(--muted-foreground);
-    }
-  }
-  .aria-selected\:opacity-30 {
-    &[aria-selected=true] {
-      opacity: 30%;
-    }
-  }
-  .aria-selected\:opacity-100 {
-    &[aria-selected=true] {
-      opacity: 100%;
-    }
-  }
   .aria-\[orientation\=vertical\]\:flex-col {
     &[aria-orientation=vertical] {
       flex-direction: column;
     }
   }
-  .data-disabled\:pointer-events-none {
-    &[data-disabled] {
-      pointer-events: none;
+  .data-highlighted\:bg-accent {
+    &[data-highlighted] {
+      background-color: var(--accent);
     }
   }
-  .data-disabled\:opacity-50 {
-    &[data-disabled] {
-      opacity: 50%;
+  .data-highlighted\:text-accent-foreground {
+    &[data-highlighted] {
+      color: var(--accent-foreground);
     }
   }
   .data-\[accent\=on\]\:before\:bg-\[color\:var\(--dt-accent\)\] {
@@ -3200,10 +3225,9 @@
       }
     }
   }
-  .data-\[side\=bottom\]\:translate-y-1 {
-    &[data-side=bottom] {
-      --tw-translate-y: calc(var(--spacing) * 1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
+  .data-\[placeholder\]\:text-muted-foreground {
+    &[data-placeholder] {
+      color: var(--muted-foreground);
     }
   }
   .data-\[side\=bottom\]\:slide-in-from-top-2 {
@@ -3211,34 +3235,16 @@
       --tw-enter-translate-y: -0.5rem;
     }
   }
-  .data-\[side\=left\]\:-translate-x-1 {
-    &[data-side=left] {
-      --tw-translate-x: calc(var(--spacing) * -1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-  }
   .data-\[side\=left\]\:slide-in-from-right-2 {
     &[data-side=left] {
       --tw-enter-translate-x: 0.5rem;
     }
   }
-  .data-\[side\=right\]\:translate-x-1 {
-    &[data-side=right] {
-      --tw-translate-x: calc(var(--spacing) * 1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-  }
   .data-\[side\=right\]\:slide-in-from-left-2 {
     &[data-side=right] {
       --tw-enter-translate-x: -0.5rem;
     }
   }
-  .data-\[side\=top\]\:-translate-y-1 {
-    &[data-side=top] {
-      --tw-translate-y: calc(var(--spacing) * -1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-  }
   .data-\[side\=top\]\:slide-in-from-bottom-2 {
     &[data-side=top] {
       --tw-enter-translate-y: 0.5rem;
@@ -3765,13 +3771,10 @@
       gap: calc(var(--spacing) * 8);
     }
   }
-  .sm\:space-y-0 {
+  .sm\:gap-x-4 {
     @media (width >= 40rem) {
-      :where(& > :not(:last-child)) {
-        --tw-space-y-reverse: 0;
-        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
-        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
-      }
+      -moz-column-gap: calc(var(--spacing) * 4);
+      column-gap: calc(var(--spacing) * 4);
     }
   }
   .sm\:space-x-2 {
@@ -3783,13 +3786,9 @@
       }
     }
   }
-  .sm\:space-x-4 {
+  .sm\:gap-y-0 {
     @media (width >= 40rem) {
-      :where(& > :not(:last-child)) {
-        --tw-space-x-reverse: 0;
-        margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
-        margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
-      }
+      row-gap: calc(var(--spacing) * 0);
     }
   }
   .sm\:rounded-lg {
@@ -3999,6 +3998,11 @@
       max-height: calc(var(--spacing) * 72);
     }
   }
+  .\[\&_\[data-radix-select-viewport\]\]\:\[scrollbar-gutter\:stable\] {
+    & [data-radix-select-viewport] {
+      scrollbar-gutter: stable;
+    }
+  }
   .\[\&_\[data-radix-select-viewport\]\]\:overflow-y-auto {
     & [data-radix-select-viewport] {
       overflow-y: auto;
@@ -4009,11 +4013,6 @@
       overscroll-behavior: contain;
     }
   }
-  .\[\&_\[data-radix-select-viewport\]\]\:\[scrollbar-gutter\:stable\] {
-    & [data-radix-select-viewport] {
-      scrollbar-gutter: stable;
-    }
-  }
   .\[\&_p\]\:leading-relaxed {
     & p {
       --tw-leading: var(--leading-relaxed);
@@ -4246,56 +4245,29 @@
       line-height: var(--tw-leading, var(--text-xs--line-height));
     }
   }
-  .\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md {
-    &:has(> .day-range-end) {
-      border-top-right-radius: calc(var(--radius) - 2px);
-      border-bottom-right-radius: calc(var(--radius) - 2px);
-    }
-  }
-  .\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md {
-    &:has(> .day-range-start) {
-      border-top-left-radius: calc(var(--radius) - 2px);
-      border-bottom-left-radius: calc(var(--radius) - 2px);
-    }
-  }
-  .\[\&\:has\(\[aria-selected\]\)\]\:rounded-md {
-    &:has([aria-selected]) {
-      border-radius: calc(var(--radius) - 2px);
-    }
-  }
-  .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent {
-    &:has([aria-selected]) {
-      background-color: var(--accent);
+  .\[\&\:\:-webkit-scrollbar\]\:\!block {
+    &::-webkit-scrollbar {
+      display: block !important;
     }
   }
-  .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md {
-    &:first-child {
-      &:has([aria-selected]) {
-        border-top-left-radius: calc(var(--radius) - 2px);
-        border-bottom-left-radius: calc(var(--radius) - 2px);
-      }
+  .\[\&\:\:-webkit-scrollbar\]\:\!w-2 {
+    &::-webkit-scrollbar {
+      width: calc(var(--spacing) * 2) !important;
     }
   }
-  .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md {
-    &:last-child {
-      &:has([aria-selected]) {
-        border-top-right-radius: calc(var(--radius) - 2px);
-        border-bottom-right-radius: calc(var(--radius) - 2px);
-      }
+  .\[\&\:\:-webkit-scrollbar-thumb\]\:\!rounded-full {
+    &::-webkit-scrollbar-thumb {
+      border-radius: calc(infinity * 1px) !important;
     }
   }
-  .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50 {
-    &:has([aria-selected].day-outside) {
-      background-color: var(--accent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
-      }
+  .\[\&\:\:-webkit-scrollbar-thumb\]\:\!bg-border {
+    &::-webkit-scrollbar-thumb {
+      background-color: var(--border) !important;
     }
   }
-  .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md {
-    &:has([aria-selected].day-range-end) {
-      border-top-right-radius: calc(var(--radius) - 2px);
-      border-bottom-right-radius: calc(var(--radius) - 2px);
+  .\[\&\:\:-webkit-scrollbar-track\]\:\!bg-transparent {
+    &::-webkit-scrollbar-track {
+      background-color: transparent !important;
     }
   }
   .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
@@ -4311,6 +4283,73 @@
       }
     }
   }
+  .\[\&\>button\]\:cursor-not-allowed {
+    & > button {
+      cursor: not-allowed;
+    }
+  }
+  .\[\&\>button\]\:rounded-none {
+    & > button {
+      border-radius: 0;
+    }
+  }
+  .\[\&\>button\]\:rounded-l-md {
+    & > button {
+      border-top-left-radius: calc(var(--radius) - 2px);
+      border-bottom-left-radius: calc(var(--radius) - 2px);
+    }
+  }
+  .\[\&\>button\]\:rounded-r-md {
+    & > button {
+      border-top-right-radius: calc(var(--radius) - 2px);
+      border-bottom-right-radius: calc(var(--radius) - 2px);
+    }
+  }
+  .\[\&\>button\]\:bg-accent {
+    & > button {
+      background-color: var(--accent);
+    }
+  }
+  .\[\&\>button\]\:bg-primary {
+    & > button {
+      background-color: var(--primary);
+    }
+  }
+  .\[\&\>button\]\:text-accent-foreground {
+    & > button {
+      color: var(--accent-foreground);
+    }
+  }
+  .\[\&\>button\]\:text-muted-foreground {
+    & > button {
+      color: var(--muted-foreground);
+    }
+  }
+  .\[\&\>button\]\:text-primary-foreground {
+    & > button {
+      color: var(--primary-foreground);
+    }
+  }
+  .\[\&\>button\:focus\]\:bg-primary {
+    & > button:focus {
+      background-color: var(--primary);
+    }
+  }
+  .\[\&\>button\:focus\]\:text-primary-foreground {
+    & > button:focus {
+      color: var(--primary-foreground);
+    }
+  }
+  .\[\&\>button\:hover\]\:bg-primary {
+    & > button:hover {
+      background-color: var(--primary);
+    }
+  }
+  .\[\&\>button\:hover\]\:text-primary-foreground {
+    & > button:hover {
+      color: var(--primary-foreground);
+    }
+  }
   .\[\&\>span\]\:line-clamp-1 {
     & > span {
       overflow: hidden;
@@ -4491,6 +4530,21 @@
     color: var(--foreground);
   }
 }
+[data-select-scroll-content] {
+  overflow-y: scroll !important;
+  scrollbar-width: thin !important;
+}
+[data-select-scroll-content]::-webkit-scrollbar {
+  display: block !important;
+  width: 8px !important;
+}
+[data-select-scroll-content]::-webkit-scrollbar-track {
+  background: transparent !important;
+}
+[data-select-scroll-content]::-webkit-scrollbar-thumb {
+  border-radius: 9999px !important;
+  background: hsl(var(--border)) !important;
+}
 @keyframes enter {
   from {
     opacity: var(--tw-enter-opacity, 1);
@@ -4658,4 +4712,4 @@
     }
   }
 }
-/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */