@fileverse/ui 4.1.1 → 4.1.2-patch-1

package/dist/index.css

@@ -621,6 +621,10 @@ video {
     color: hsl(var(--color-text-link));
   }
 
+  .\!color-text-inverse {
+    color: hsl(var(--color-text-inverse)) !important;
+  }
+
   .color-text-inverse {
     color: hsl(var(--color-text-inverse));
   }
@@ -685,6 +689,10 @@ video {
     background-color: hsl(var(--color-bg-success-light));
   }
 
+  .\!color-bg-default-inverse {
+    background-color: hsl(var(--color-bg-default-inverse)) !important;
+  }
+
   .color-bg-default-inverse {
     background-color: hsl(var(--color-bg-default-inverse));
   }
@@ -985,6 +993,9 @@ video {
 .pointer-events-none {
   pointer-events: none;
 }
+.pointer-events-auto {
+  pointer-events: auto;
+}
 .visible {
   visibility: visible;
 }
@@ -1038,6 +1049,9 @@ video {
 .bottom-0 {
   bottom: 0px;
 }
+.bottom-2 {
+  bottom: 0.5rem;
+}
 .bottom-5 {
   bottom: 1.25rem;
 }
@@ -1083,6 +1097,9 @@ video {
 .top-1\/2 {
   top: 50%;
 }
+.top-2 {
+  top: 0.5rem;
+}
 .top-3 {
   top: 0.75rem;
 }
@@ -1101,6 +1118,9 @@ video {
 .z-50 {
   z-index: 50;
 }
+.z-\[100\] {
+  z-index: 100;
+}
 .z-\[999\] {
   z-index: 999;
 }
@@ -1144,6 +1164,9 @@ video {
 .mb-2 {
   margin-bottom: 0.5rem;
 }
+.mb-4 {
+  margin-bottom: 1rem;
+}
 .ml-1 {
   margin-left: 0.25rem;
 }
@@ -1213,12 +1236,18 @@ video {
 .aspect-video {
   aspect-ratio: 16 / 9;
 }
+.\!h-8 {
+  height: 2rem !important;
+}
 .\!h-\[4rem\] {
   height: 4rem !important;
 }
 .\!h-auto {
   height: auto !important;
 }
+.h-1 {
+  height: 0.25rem;
+}
 .h-10 {
   height: 2.5rem;
 }
@@ -1243,18 +1272,12 @@ video {
 .h-9 {
   height: 2.25rem;
 }
-.h-\[16px\] {
-  height: 16px;
-}
 .h-\[18px\] {
   height: 18px;
 }
 .h-\[208px\] {
   height: 208px;
 }
-.h-\[20px\] {
-  height: 20px;
-}
 .h-\[30px\] {
   height: 30px;
 }
@@ -1304,12 +1327,18 @@ video {
 .h-screen {
   height: 100vh;
 }
+.max-h-40 {
+  max-height: 10rem;
+}
 .max-h-96 {
   max-height: 24rem;
 }
 .max-h-\[300px\] {
   max-height: 300px;
 }
+.max-h-screen {
+  max-height: 100vh;
+}
 .\!min-h-12 {
   min-height: 3rem !important;
 }
@@ -1361,9 +1390,15 @@ video {
 .w-5 {
   width: 1.25rem;
 }
+.w-52 {
+  width: 13rem;
+}
 .w-6 {
   width: 1.5rem;
 }
+.w-64 {
+  width: 16rem;
+}
 .w-72 {
   width: 18rem;
 }
@@ -1376,6 +1411,9 @@ video {
 .w-\[100\%\] {
   width: 100%;
 }
+.w-\[12px\] {
+  width: 12px;
+}
 .w-\[16px\] {
   width: 16px;
 }
@@ -1433,6 +1471,12 @@ video {
 .w-\[85\%\] {
   width: 85%;
 }
+.w-\[8px\] {
+  width: 8px;
+}
+.w-auto {
+  width: auto;
+}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -1449,6 +1493,9 @@ video {
 .min-w-4 {
   min-width: 1rem;
 }
+.min-w-5 {
+  min-width: 1.25rem;
+}
 .min-w-9 {
   min-width: 2.25rem;
 }
@@ -1507,6 +1554,9 @@ video {
 .max-w-\[440px\] {
   max-width: 440px;
 }
+.max-w-\[500px\] {
+  max-width: 500px;
+}
 .max-w-\[70vw\] {
   max-width: 70vw;
 }
@@ -1588,6 +1638,15 @@ video {
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+@keyframes pulse {
+
+  50% {
+    opacity: .5;
+  }
+}
+.animate-pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
 @keyframes spin {
 
   to {
@@ -1724,6 +1783,11 @@ video {
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
   margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
+.space-x-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1rem * var(--tw-space-x-reverse));
+  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+}
 .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1877,6 +1941,10 @@ video {
 .\!bg-transparent {
   background-color: transparent !important;
 }
+.bg-green-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
+}
 .bg-inherit {
   background-color: inherit;
 }
@@ -2070,6 +2138,9 @@ video {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
+.\!font-bold {
+  font-weight: 700 !important;
+}
 .font-\[700\] {
   font-weight: 700;
 }
@@ -2085,6 +2156,10 @@ video {
 .tracking-widest {
   letter-spacing: 0.1em;
 }
+.text-\[\#77818A\] {
+  --tw-text-opacity: 1;
+  color: rgb(119 129 138 / var(--tw-text-opacity));
+}
 .text-red-500 {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity));
@@ -2101,6 +2176,9 @@ video {
 .opacity-50 {
   opacity: 0.5;
 }
+.opacity-90 {
+  opacity: 0.9;
+}
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -2111,6 +2189,11 @@ video {
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.shadow-md {
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .shadow-none {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
@@ -2136,12 +2219,20 @@ video {
 .ring-offset-2 {
   --tw-ring-offset-width: 2px;
 }
+.ring-offset-transparent {
+  --tw-ring-offset-color: transparent;
+}
 .ring-offset-white {
   --tw-ring-offset-color: #fff;
 }
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.backdrop-blur-sm {
+  --tw-backdrop-blur: blur(4px);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
 .transition {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -2312,16 +2403,6 @@ textarea:is(:-webkit-autofill, :autofill) {
     color: hsl(var(--color-text-disabled));
   }
 
-.after\:color-bg-default-inverse::after {
-    content: var(--tw-content);
-    background-color: hsl(var(--color-bg-default-inverse));
-  }
-
-.after\:color-icon-disabled::after {
-    content: var(--tw-content);
-    background-color: hsl(var(--color-icon-disabled));
-  }
-
 .checked\:color-text-inverse:checked {
     color: hsl(var(--color-text-inverse));
   }
@@ -2418,6 +2499,86 @@ textarea:is(:-webkit-autofill, :autofill) {
     border-color: hsl(var(--color-border-disabled));
   }
 
+.group.secondary .group-\[\.secondary\]\:color-text-default {
+    color: hsl(var(--color-text-default));
+  }
+
+.group.danger .group-\[\.danger\]\:color-text-danger {
+    color: hsl(var(--color-text-danger));
+  }
+
+.group.success .group-\[\.success\]\:color-text-success {
+    color: hsl(var(--color-text-success));
+  }
+
+.group.default .group-\[\.default\]\:color-text-inverse {
+    color: hsl(var(--color-text-inverse));
+  }
+
+.group.secondary .group-\[\.secondary\]\:color-bg-secondary {
+    background-color: hsl(var(--color-bg-secondary));
+  }
+
+.group.danger .group-\[\.danger\]\:color-bg-danger-light {
+    background-color: hsl(var(--color-bg-danger-light));
+  }
+
+.group.success .group-\[\.success\]\:color-bg-success-light {
+    background-color: hsl(var(--color-bg-success-light));
+  }
+
+.group.default .group-\[\.default\]\:color-bg-default-inverse {
+    background-color: hsl(var(--color-bg-default-inverse));
+  }
+
+.group.default .group-\[\.default\]\:color-border-default {
+    border-color: hsl(var(--color-border-default));
+  }
+
+.group.secondary .group-\[\.secondary\]\:color-border-hover {
+    border-color: hsl(var(--color-border-hover));
+  }
+
+.group.success .group-\[\.success\]\:color-border-hover {
+    border-color: hsl(var(--color-border-hover));
+  }
+
+.group.danger .group-\[\.danger\]\:color-border-danger {
+    border-color: hsl(var(--color-border-danger));
+  }
+
+.group.secondary .group-\[\.secondary\]\:hover\:color-text-default:hover {
+    color: hsl(var(--color-text-default));
+  }
+
+.group.danger .group-\[\.danger\]\:hover\:color-text-danger:hover {
+    color: hsl(var(--color-text-danger));
+  }
+
+.group.success .group-\[\.success\]\:hover\:color-text-success:hover {
+    color: hsl(var(--color-text-success));
+  }
+
+.group.default .group-\[\.default\]\:hover\:color-text-inverse:hover {
+    color: hsl(var(--color-text-inverse));
+  }
+
+.group.secondary .group-\[\.secondary\]\:hover\:color-bg-secondary:hover {
+    background-color: hsl(var(--color-bg-secondary));
+  }
+
+.group.danger .group-\[\.danger\]\:hover\:color-bg-danger-light:hover {
+    background-color: hsl(var(--color-bg-danger-light));
+  }
+
+.group.success .group-\[\.success\]\:hover\:color-bg-success-light:hover {
+    background-color: hsl(var(--color-bg-success-light));
+  }
+
+.group.default .group-\[\.default\]\:hover\:color-bg-default-inverse:hover {
+    background-color: hsl(var(--color-bg-default-inverse));
+  }
+
 .aria-selected\:color-text-default[aria-selected="true"] {
     color: hsl(var(--color-text-default));
   }
@@ -2511,41 +2672,6 @@ textarea:is(:-webkit-autofill, :autofill) {
   background-color: transparent;
 }
 
-.after\:block::after {
-  content: var(--tw-content);
-  display: block;
-}
-
-.after\:h-\[10px\]::after {
-  content: var(--tw-content);
-  height: 10px;
-}
-
-.after\:h-\[6px\]::after {
-  content: var(--tw-content);
-  height: 6px;
-}
-
-.after\:w-\[10px\]::after {
-  content: var(--tw-content);
-  width: 10px;
-}
-
-.after\:w-\[6px\]::after {
-  content: var(--tw-content);
-  width: 6px;
-}
-
-.after\:rounded-\[50\%\]::after {
-  content: var(--tw-content);
-  border-radius: 50%;
-}
-
-.after\:content-\[\'\'\]::after {
-  --tw-content: '';
-  content: var(--tw-content);
-}
-
 .checked\:border-0:checked {
   border-width: 0px;
 }
@@ -2579,6 +2705,10 @@ textarea:is(:-webkit-autofill, :autofill) {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
+.focus\:opacity-100:focus {
+  opacity: 1;
+}
+
 .focus\:shadow-none:focus {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
@@ -2621,6 +2751,12 @@ textarea:is(:-webkit-autofill, :autofill) {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.focus-visible\:ring-2:focus-visible {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
 .focus-visible\:ring-focused:focus-visible {
   --tw-ring-color: hsl(var(--focused));
 }
@@ -2653,6 +2789,11 @@ textarea:is(:-webkit-autofill, :autofill) {
   opacity: 1;
 }
 
+.group:hover .group-hover\:brightness-95 {
+  --tw-brightness: brightness(.95);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
 .peer:checked ~ .peer-checked\:block {
   display: block;
 }
@@ -2699,6 +2840,36 @@ textarea:is(:-webkit-autofill, :autofill) {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel] {
+  --tw-translate-x: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.data-\[swipe\=cancel\]\:translate-y-0[data-swipe=cancel] {
+  --tw-translate-y: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] {
+  --tw-translate-x: var(--radix-toast-swipe-end-x);
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.data-\[swipe\=end\]\:translate-y-\[var\(--radix-toast-swipe-end-y\)\][data-swipe=end] {
+  --tw-translate-y: var(--radix-toast-swipe-end-y);
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move] {
+  --tw-translate-x: var(--radix-toast-swipe-move-x);
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.data-\[swipe\=move\]\:translate-y-\[var\(--radix-toast-swipe-move-y\)\][data-swipe=move] {
+  --tw-translate-y: var(--radix-toast-swipe-move-y);
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 @keyframes accordion-up {
 
   from {
@@ -2745,6 +2916,10 @@ textarea:is(:-webkit-autofill, :autofill) {
   opacity: 0.5;
 }
 
+.data-\[swipe\=move\]\:transition-none[data-swipe=move] {
+  transition-property: none;
+}
+
 .data-\[state\=closed\]\:duration-300[data-state=closed] {
   transition-duration: 300ms;
 }
@@ -2773,10 +2948,24 @@ textarea:is(:-webkit-autofill, :autofill) {
   --tw-exit-translate-y: initial;
 }
 
+.data-\[swipe\=end\]\:animate-out[data-swipe=end] {
+  animation-name: exit;
+  animation-duration: 150ms;
+  --tw-exit-opacity: initial;
+  --tw-exit-scale: initial;
+  --tw-exit-rotate: initial;
+  --tw-exit-translate-x: initial;
+  --tw-exit-translate-y: initial;
+}
+
 .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
   --tw-exit-opacity: 0;
 }
 
+.data-\[state\=closed\]\:fade-out-80[data-state=closed] {
+  --tw-exit-opacity: 0.8;
+}
+
 .data-\[state\=open\]\:fade-in-0[data-state=open] {
   --tw-enter-opacity: 0;
 }
@@ -2809,6 +2998,10 @@ textarea:is(:-webkit-autofill, :autofill) {
   --tw-exit-translate-y: 100%;
 }
 
+.data-\[state\=closed\]\:slide-out-to-bottom-full[data-state=closed] {
+  --tw-exit-translate-y: 100%;
+}
+
 .data-\[state\=closed\]\:slide-out-to-left[data-state=closed] {
   --tw-exit-translate-x: -100%;
 }
@@ -2817,10 +3010,18 @@ textarea:is(:-webkit-autofill, :autofill) {
   --tw-exit-translate-x: -50%;
 }
 
+.data-\[state\=closed\]\:slide-out-to-left-full[data-state=closed] {
+  --tw-exit-translate-x: -100%;
+}
+
 .data-\[state\=closed\]\:slide-out-to-right[data-state=closed] {
   --tw-exit-translate-x: 100%;
 }
 
+.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed] {
+  --tw-exit-translate-x: 100%;
+}
+
 .data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
   --tw-exit-translate-y: -100%;
 }
@@ -2829,10 +3030,18 @@ textarea:is(:-webkit-autofill, :autofill) {
   --tw-exit-translate-y: -48%;
 }
 
+.data-\[state\=closed\]\:slide-out-to-top-full[data-state=closed] {
+  --tw-exit-translate-y: -100%;
+}
+
 .data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
   --tw-enter-translate-y: 100%;
 }
 
+.data-\[state\=open\]\:slide-in-from-bottom-full[data-state=open] {
+  --tw-enter-translate-y: 100%;
+}
+
 .data-\[state\=open\]\:slide-in-from-left[data-state=open] {
   --tw-enter-translate-x: -100%;
 }
@@ -2853,6 +3062,10 @@ textarea:is(:-webkit-autofill, :autofill) {
   --tw-enter-translate-y: -48%;
 }
 
+.data-\[state\=open\]\:slide-in-from-top-full[data-state=open] {
+  --tw-enter-translate-y: -100%;
+}
+
 .data-\[state\=closed\]\:duration-300[data-state=closed] {
   animation-duration: 300ms;
 }
@@ -2880,6 +3093,10 @@ textarea:is(:-webkit-autofill, :autofill) {
     flex-direction: row;
   }
 
+  .sm\:flex-col {
+    flex-direction: column;
+  }
+
   .sm\:justify-end {
     justify-content: flex-end;
   }
@@ -2913,6 +3130,10 @@ textarea:is(:-webkit-autofill, :autofill) {
     width: auto;
   }
 
+  .md\:max-w-\[420px\] {
+    max-width: 420px;
+  }
+
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -2940,6 +3161,10 @@ textarea:is(:-webkit-autofill, :autofill) {
 
 @media (min-width: 1024px) {
 
+  .lg\:\!mt-0 {
+    margin-top: 0px !important;
+  }
+
   .lg\:mb-1 {
     margin-bottom: 0.25rem;
   }