@fileverse/ui 4.0.2 → 4.0.4

package/dist/index.css

@@ -661,6 +661,10 @@ video {
     background-color: hsl(var(--color-bg-brand));
   }
 
+  .\!color-bg-brand-hover {
+    background-color: hsl(var(--color-bg-brand-hover)) !important;
+  }
+
   .color-bg-brand-hover {
     background-color: hsl(var(--color-bg-brand-hover));
   }
@@ -981,6 +985,9 @@ video {
 .pointer-events-none {
   pointer-events: none;
 }
+.visible {
+  visibility: visible;
+}
 .invisible {
   visibility: hidden;
 }
@@ -1003,6 +1010,10 @@ video {
   left: 0px;
   right: 0px;
 }
+.inset-y-0 {
+  top: 0px;
+  bottom: 0px;
+}
 .-bottom-6 {
   bottom: -1.5rem;
 }
@@ -1030,6 +1041,9 @@ video {
 .bottom-5 {
   bottom: 1.25rem;
 }
+.left-0 {
+  left: 0px;
+}
 .left-1\/2 {
   left: 50%;
 }
@@ -1063,18 +1077,21 @@ video {
 .right-6 {
   right: 1.5rem;
 }
+.top-0 {
+  top: 0px;
+}
 .top-1\/2 {
   top: 50%;
 }
+.top-3 {
+  top: 0.75rem;
+}
 .top-5 {
   top: 1.25rem;
 }
 .top-6 {
   top: 1.5rem;
 }
-.top-8 {
-  top: 2rem;
-}
 .top-\[50\%\] {
   top: 50%;
 }
@@ -1084,6 +1101,12 @@ video {
 .z-50 {
   z-index: 50;
 }
+.z-\[999\] {
+  z-index: 999;
+}
+.m-1 {
+  margin: 0.25rem;
+}
 .-mx-1 {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
@@ -1100,9 +1123,9 @@ video {
   margin-top: 0px;
   margin-bottom: 0px;
 }
-.my-10 {
-  margin-top: 2.5rem;
-  margin-bottom: 2.5rem;
+.my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
 }
 .my-auto {
   margin-top: auto;
@@ -1120,6 +1143,9 @@ video {
 .ml-2 {
   margin-left: 0.5rem;
 }
+.ml-auto {
+  margin-left: auto;
+}
 .mr-1 {
   margin-right: 0.25rem;
 }
@@ -1180,12 +1206,21 @@ video {
 .aspect-video {
   aspect-ratio: 16 / 9;
 }
+.\!h-\[4rem\] {
+  height: 4rem !important;
+}
+.\!h-auto {
+  height: auto !important;
+}
 .h-10 {
   height: 2.5rem;
 }
 .h-12 {
   height: 3rem;
 }
+.h-3\.5 {
+  height: 0.875rem;
+}
 .h-4 {
   height: 1rem;
 }
@@ -1201,9 +1236,6 @@ video {
 .h-9 {
   height: 2.25rem;
 }
-.h-\[156px\] {
-  height: 156px;
-}
 .h-\[16px\] {
   height: 16px;
 }
@@ -1231,6 +1263,9 @@ video {
 .h-\[52px\] {
   height: 52px;
 }
+.h-\[56px\] {
+  height: 56px;
+}
 .h-\[68px\] {
   height: 68px;
 }
@@ -1240,6 +1275,9 @@ video {
 .h-\[calc\(100\%-2rem\)\] {
   height: calc(100% - 2rem);
 }
+.h-\[var\(--radix-select-trigger-height\)\] {
+  height: var(--radix-select-trigger-height);
+}
 .h-auto {
   height: auto;
 }
@@ -1250,18 +1288,27 @@ video {
 .h-full {
   height: 100%;
 }
+.h-px {
+  height: 1px;
+}
 .h-screen {
   height: 100vh;
 }
+.max-h-96 {
+  max-height: 24rem;
+}
+.max-h-\[300px\] {
+  max-height: 300px;
+}
 .\!min-h-12 {
   min-height: 3rem !important;
 }
+.min-h-10 {
+  min-height: 2.5rem;
+}
 .min-h-9 {
   min-height: 2.25rem;
 }
-.min-h-\[156px\] {
-  min-height: 156px;
-}
 .min-h-\[2vh\] {
   min-height: 2vh;
 }
@@ -1286,6 +1333,12 @@ video {
 .w-24 {
   width: 6rem;
 }
+.w-3\.5 {
+  width: 0.875rem;
+}
+.w-3\/4 {
+  width: 75%;
+}
 .w-32 {
   width: 8rem;
 }
@@ -1298,6 +1351,9 @@ video {
 .w-6 {
   width: 1.5rem;
 }
+.w-72 {
+  width: 18rem;
+}
 .w-8 {
   width: 2rem;
 }
@@ -1313,12 +1369,18 @@ video {
 .w-\[172px\] {
   width: 172px;
 }
+.w-\[180px\] {
+  width: 180px;
+}
 .w-\[18px\] {
   width: 18px;
 }
 .w-\[20px\] {
   width: 20px;
 }
+.w-\[280px\] {
+  width: 280px;
+}
 .w-\[350px\] {
   width: 350px;
 }
@@ -1346,6 +1408,9 @@ video {
 .w-\[80vw\] {
   width: 80vw;
 }
+.w-\[85\%\] {
+  width: 85%;
+}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -1374,6 +1439,12 @@ video {
 .min-w-\[200px\] {
   min-width: 200px;
 }
+.min-w-\[25\%\] {
+  min-width: 25%;
+}
+.min-w-\[280px\] {
+  min-width: 280px;
+}
 .min-w-\[30px\] {
   min-width: 30px;
 }
@@ -1383,9 +1454,18 @@ video {
 .min-w-\[40px\] {
   min-width: 40px;
 }
+.min-w-\[418px\] {
+  min-width: 418px;
+}
 .min-w-\[60\%\] {
   min-width: 60%;
 }
+.min-w-\[calc\(100vw-32px\)\] {
+  min-width: calc(100vw - 32px);
+}
+.min-w-\[var\(--radix-select-trigger-width\)\] {
+  min-width: var(--radix-select-trigger-width);
+}
 .min-w-fit {
   min-width: -moz-fit-content;
   min-width: fit-content;
@@ -1396,10 +1476,16 @@ video {
 .max-w-\[172px\] {
   max-width: 172px;
 }
+.max-w-\[440px\] {
+  max-width: 440px;
+}
 .max-w-fit {
   max-width: -moz-fit-content;
   max-width: fit-content;
 }
+.max-w-full {
+  max-width: 100%;
+}
 .max-w-lg {
   max-width: 32rem;
 }
@@ -1418,6 +1504,9 @@ video {
 .flex-\[0\.8\] {
   flex: 0.8;
 }
+.flex-auto {
+  flex: 1 1 auto;
+}
 .flex-none {
   flex: none;
 }
@@ -1445,6 +1534,10 @@ video {
   --tw-translate-x: -50%;
   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));
 }
+.translate-y-1\/4 {
+  --tw-translate-y: 25%;
+  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));
+}
 .translate-y-\[-50\%\] {
   --tw-translate-y: -50%;
   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));
@@ -1481,6 +1574,11 @@ video {
 .cursor-pointer {
   cursor: pointer;
 }
+.select-none {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
 .resize-none {
   resize: none;
 }
@@ -1489,6 +1587,12 @@ video {
      -moz-appearance: none;
           appearance: none;
 }
+.grid-flow-col {
+  grid-auto-flow: column;
+}
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
 .flex-row {
   flex-direction: row;
 }
@@ -1582,6 +1686,12 @@ video {
 .overflow-hidden {
   overflow: hidden;
 }
+.overflow-y-auto {
+  overflow-y: auto;
+}
+.overflow-x-hidden {
+  overflow-x: hidden;
+}
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1611,16 +1721,35 @@ video {
 .rounded-md {
   border-radius: calc(var(--radius) - 2px);
 }
+.rounded-none {
+  border-radius: 0px;
+}
 .rounded-sm {
   border-radius: calc(var(--radius) - 4px);
 }
 .rounded-xl {
   border-radius: 0.75rem;
 }
+.rounded-b-lg {
+  border-bottom-right-radius: var(--radius);
+  border-bottom-left-radius: var(--radius);
+}
+.rounded-l-lg {
+  border-top-left-radius: var(--radius);
+  border-bottom-left-radius: var(--radius);
+}
+.rounded-r-lg {
+  border-top-right-radius: var(--radius);
+  border-bottom-right-radius: var(--radius);
+}
 .rounded-t-\[10px\] {
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
 }
+.rounded-t-lg {
+  border-top-left-radius: var(--radius);
+  border-top-right-radius: var(--radius);
+}
 .border {
   border-width: 1px;
 }
@@ -1639,6 +1768,9 @@ video {
 .border-b-\[0\.5px\] {
   border-bottom-width: 0.5px;
 }
+.border-r {
+  border-right-width: 1px;
+}
 .border-t {
   border-top-width: 1px;
 }
@@ -1668,6 +1800,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(209 213 219 / var(--tw-bg-opacity));
 }
+.bg-inherit {
+  background-color: inherit;
+}
 .bg-transparent {
   background-color: transparent;
 }
@@ -1709,10 +1844,22 @@ video {
 .p-\[2px\] {
   padding: 2px;
 }
+.\!px-1 {
+  padding-left: 0.25rem !important;
+  padding-right: 0.25rem !important;
+}
+.\!py-\[2px\] {
+  padding-top: 2px !important;
+  padding-bottom: 2px !important;
+}
 .px-0 {
   padding-left: 0px;
   padding-right: 0px;
 }
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -1737,10 +1884,22 @@ video {
   padding-left: 2rem;
   padding-right: 2rem;
 }
+.px-px {
+  padding-left: 1px;
+  padding-right: 1px;
+}
 .py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
 }
+.py-1\.5 {
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+}
+.py-10 {
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
+}
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -1769,12 +1928,18 @@ video {
 .pl-10 {
   padding-left: 2.5rem;
 }
+.pl-2 {
+  padding-left: 0.5rem;
+}
 .pr-10 {
   padding-right: 2.5rem;
 }
 .pr-3 {
   padding-right: 0.75rem;
 }
+.pr-8 {
+  padding-right: 2rem;
+}
 .pt-0 {
   padding-top: 0px;
 }
@@ -1817,6 +1982,10 @@ video {
 .text-\[32px\] {
   font-size: 32px;
 }
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
 .font-\[700\] {
   font-weight: 700;
 }
@@ -1829,6 +1998,9 @@ video {
 .leading-none {
   line-height: 1;
 }
+.tracking-widest {
+  letter-spacing: 0.1em;
+}
 .text-gray-500 {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
@@ -1846,6 +2018,11 @@ video {
 .opacity-50 {
   opacity: 0.5;
 }
+.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);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1941,117 +2118,172 @@ video {
 .ease-in-out {
   animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
+
+#selected-value > div > div > p {
+  display: none;
+}
+
 .file\:text-body-sm::file-selector-button {
     font-family: system-ui;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
   }
+
 .placeholder\:color-text-disabled::-moz-placeholder {
     color: hsl(var(--color-text-disabled));
   }
+
 .placeholder\:color-text-disabled::placeholder {
     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));
   }
+
 .checked\:color-bg-default-inverse:checked {
     background-color: hsl(var(--color-bg-default-inverse));
   }
+
 .hover\:color-text-inverse:hover {
     color: hsl(var(--color-text-inverse));
   }
+
 .hover\:\!color-bg-default-hover:hover {
     background-color: hsl(var(--color-bg-default-hover)) !important;
   }
+
 .hover\:color-bg-default-hover:hover {
     background-color: hsl(var(--color-bg-default-hover));
   }
+
 .hover\:color-bg-secondary-hover:hover {
     background-color: hsl(var(--color-bg-secondary-hover));
   }
-.hover\:color-bg-tertiary:hover {
-    background-color: hsl(var(--color-bg-tertiary));
-  }
+
 .hover\:color-bg-disabled:hover {
     background-color: hsl(var(--color-bg-disabled));
   }
+
+.hover\:\!color-bg-brand-hover:hover {
+    background-color: hsl(var(--color-bg-brand-hover)) !important;
+  }
+
 .hover\:color-bg-brand-hover:hover {
     background-color: hsl(var(--color-bg-brand-hover));
   }
+
 .hover\:color-button-default-hover:hover {
     background-color: hsl(var(--color-button-default-hover));
   }
+
 .hover\:color-button-secondary-hover:hover {
     background-color: hsl(var(--color-button-secondary-hover));
   }
+
 .hover\:color-button-danger-hover:hover {
     background-color: hsl(var(--color-button-danger-hover));
   }
+
 .hover\:\!color-button-floating-hover:hover {
     background-color: hsl(var(--color-button-floating-hover)) !important;
   }
+
 .hover\:color-border-hover:hover {
     border-color: hsl(var(--color-border-hover));
   }
+
+.focus\:color-text-default:focus {
+    color: hsl(var(--color-text-default));
+  }
+
+.focus\:color-bg-default-selected:focus {
+    background-color: hsl(var(--color-bg-default-selected));
+  }
+
 .focus-visible\:color-border-hover:focus-visible {
     border-color: hsl(var(--color-border-hover));
   }
+
 .disabled\:color-text-disabled:disabled {
     color: hsl(var(--color-text-disabled));
   }
+
 .disabled\:color-bg-disabled:disabled {
     background-color: hsl(var(--color-bg-disabled));
   }
+
 .disabled\:\!color-button-disabled:disabled {
     background-color: hsl(var(--color-button-disabled)) !important;
     border-color: hsl(var(--color-button-disabled)) !important;
     color: hsl(var(--color-text-disabled)) !important;
   }
+
 .disabled\:color-button-disabled:disabled {
     background-color: hsl(var(--color-button-disabled));
     border-color: hsl(var(--color-button-disabled));
     color: hsl(var(--color-text-disabled));
   }
+
 .disabled\:color-border-disabled:disabled {
     border-color: hsl(var(--color-border-disabled));
   }
+
+.aria-selected\:color-text-default[aria-selected="true"] {
+    color: hsl(var(--color-text-default));
+  }
+
+.aria-selected\:color-bg-default-selected[aria-selected="true"] {
+    background-color: hsl(var(--color-bg-default-selected));
+  }
+
 .data-\[state\=active\]\:color-text-default[data-state=active] {
     color: hsl(var(--color-text-default));
   }
+
 .data-\[state\=open\]\:color-text-default[data-state=open] {
     color: hsl(var(--color-text-default));
   }
+
 .data-\[state\=unchecked\]\:color-bg-default-hover[data-state=unchecked] {
     background-color: hsl(var(--color-bg-default-hover));
   }
+
 .data-\[state\=open\]\:color-bg-default-selected[data-state=open] {
     background-color: hsl(var(--color-bg-default-selected));
   }
+
 .data-\[state\=selected\]\:color-bg-disabled[data-state=selected] {
     background-color: hsl(var(--color-bg-disabled));
   }
+
 .data-\[state\=checked\]\:color-bg-brand-hover[data-state=checked] {
     background-color: hsl(var(--color-bg-brand-hover));
   }
+
 .data-\[state\=active\]\:color-border-active[data-state=active] {
     border-color: hsl(var(--color-border-active));
   }
+
 .data-\[state\=unchecked\]\:hover\:enabled\:color-bg-default-hover:enabled:hover[data-state=unchecked] {
     background-color: hsl(var(--color-bg-default-hover));
   }
+
 .data-\[state\=checked\]\:hover\:enabled\:color-bg-brand-hover:enabled:hover[data-state=checked] {
     background-color: hsl(var(--color-bg-brand-hover));
   }
+
 @media (min-width: 1024px) {
 
   .lg\:\!text-heading-2xlg {
@@ -2061,139 +2293,222 @@ video {
     line-height: 40px !important;
   }
 }
+
+.\[\&_\[cmdk-group-heading\]\]\:text-helper-text-sm [cmdk-group-heading] {
+    font-family: system-ui;
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 16px;
+  }
+
+.\[\&_\[cmdk-group-heading\]\]\:color-text-disabled [cmdk-group-heading] {
+    color: hsl(var(--color-text-disabled));
+  }
+
 .data-\[state\=unchecked\]\:toggle-default[data-state=unchecked] {
     background-color: hsl(var(--color-bg-disabled));
   }
+
 .data-\[state\=checked\]\:toggle-active[data-state=checked] {
     background-color: hsl(var(--color-bg-brand));
   }
+
 .data-\[state\=checked\]\:disabled\:toggle-default:disabled[data-state=checked] {
     background-color: hsl(var(--color-bg-disabled));
   }
+
 .file\:border-0::file-selector-button {
   border-width: 0px;
 }
+
 .file\:bg-transparent::file-selector-button {
   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;
 }
+
 .hover\:cursor-pointer:hover {
   cursor: pointer;
 }
+
+.hover\:bg-inherit:hover {
+  background-color: inherit;
+}
+
 .hover\:bg-transparent:hover {
   background-color: transparent;
 }
+
 .hover\:bg-opacity-50:hover {
   --tw-bg-opacity: 0.5;
 }
+
 .hover\:opacity-90:hover {
   opacity: 0.9;
 }
+
+.hover\:brightness-95:hover {
+  --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);
+}
+
 .focus\:shadow-none:focus {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+
 .focus\:outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+
 .focus\:ring-0:focus {
   --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(0px + 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\:ring-2:focus {
   --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\:ring-focused:focus {
   --tw-ring-color: hsl(var(--focused));
 }
+
 .focus\:ring-offset-2:focus {
   --tw-ring-offset-width: 2px;
 }
+
 .focus-visible\:outline-none:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.focus-visible\:ring-2:focus-visible {
+
+.focus-visible\:ring-1: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);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + 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));
 }
+
 .focus-visible\:ring-offset-2:focus-visible {
   --tw-ring-offset-width: 2px;
 }
+
 .focus-visible\:ring-offset-white:focus-visible {
   --tw-ring-offset-color: #fff;
 }
+
 .disabled\:pointer-events-none:disabled {
   pointer-events: none;
 }
+
 .disabled\:cursor-not-allowed:disabled {
   cursor: not-allowed;
 }
+
 .disabled\:opacity-50:disabled {
   opacity: 0.5;
 }
+
 .group:hover .group-hover\:visible {
   visibility: visible;
 }
+
 .group:hover .group-hover\:opacity-100 {
   opacity: 1;
 }
+
 .peer:checked ~ .peer-checked\:block {
   display: block;
 }
+
 .peer:disabled ~ .peer-disabled\:cursor-not-allowed {
   cursor: not-allowed;
 }
+
 .peer:disabled ~ .peer-disabled\:opacity-70 {
   opacity: 0.7;
 }
+
+.data-\[disabled\]\:pointer-events-none[data-disabled] {
+  pointer-events: none;
+}
+
+.data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
+  --tw-translate-y: 0.25rem;
+  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-\[side\=left\]\:-translate-x-1[data-side=left] {
+  --tw-translate-x: -0.25rem;
+  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-\[side\=right\]\:translate-x-1[data-side=right] {
+  --tw-translate-x: 0.25rem;
+  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-\[side\=top\]\:-translate-y-1[data-side=top] {
+  --tw-translate-y: -0.25rem;
+  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-\[state\=checked\]\:translate-x-5[data-state=checked] {
   --tw-translate-x: 1.25rem;
   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-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
   --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));
 }
+
 @keyframes accordion-up {
 
   from {
@@ -2204,9 +2519,11 @@ video {
     height: 0;
   }
 }
+
 .data-\[state\=closed\]\:animate-accordion-up[data-state=closed] {
   animation: accordion-up 0.2s ease-out;
 }
+
 @keyframes accordion-down {
 
   from {
@@ -2217,15 +2534,31 @@ video {
     height: var(--radix-accordion-content-height);
   }
 }
+
 .data-\[state\=open\]\:animate-accordion-down[data-state=open] {
   animation: accordion-down 0.2s ease-out;
 }
+
 .data-\[state\=active\]\:border-b-2[data-state=active] {
   border-bottom-width: 2px;
 }
+
 .data-\[state\=active\]\:bg-none[data-state=active] {
   background-image: none;
 }
+
+.data-\[disabled\]\:opacity-50[data-disabled] {
+  opacity: 0.5;
+}
+
+.data-\[state\=closed\]\:duration-300[data-state=closed] {
+  transition-duration: 300ms;
+}
+
+.data-\[state\=open\]\:duration-500[data-state=open] {
+  transition-duration: 500ms;
+}
+
 .data-\[state\=open\]\:animate-in[data-state=open] {
   animation-name: enter;
   animation-duration: 150ms;
@@ -2235,6 +2568,7 @@ video {
   --tw-enter-translate-x: initial;
   --tw-enter-translate-y: initial;
 }
+
 .data-\[state\=closed\]\:animate-out[data-state=closed] {
   animation-name: exit;
   animation-duration: 150ms;
@@ -2244,32 +2578,101 @@ video {
   --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\=open\]\:fade-in-0[data-state=open] {
   --tw-enter-opacity: 0;
 }
+
 .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
   --tw-exit-scale: .95;
 }
+
 .data-\[state\=open\]\:zoom-in-95[data-state=open] {
   --tw-enter-scale: .95;
 }
+
+.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
+  --tw-enter-translate-y: -0.5rem;
+}
+
+.data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
+  --tw-enter-translate-x: 0.5rem;
+}
+
+.data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
+  --tw-enter-translate-x: -0.5rem;
+}
+
+.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
+  --tw-enter-translate-y: 0.5rem;
+}
+
+.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] {
+  --tw-exit-translate-y: 100%;
+}
+
+.data-\[state\=closed\]\:slide-out-to-left[data-state=closed] {
+  --tw-exit-translate-x: -100%;
+}
+
 .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] {
   --tw-exit-translate-x: -50%;
 }
+
+.data-\[state\=closed\]\:slide-out-to-right[data-state=closed] {
+  --tw-exit-translate-x: 100%;
+}
+
+.data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
+  --tw-exit-translate-y: -100%;
+}
+
 .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed] {
   --tw-exit-translate-y: -48%;
 }
+
+.data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
+  --tw-enter-translate-y: 100%;
+}
+
+.data-\[state\=open\]\:slide-in-from-left[data-state=open] {
+  --tw-enter-translate-x: -100%;
+}
+
 .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] {
   --tw-enter-translate-x: -50%;
 }
+
+.data-\[state\=open\]\:slide-in-from-right[data-state=open] {
+  --tw-enter-translate-x: 100%;
+}
+
+.data-\[state\=open\]\:slide-in-from-top[data-state=open] {
+  --tw-enter-translate-y: -100%;
+}
+
 .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open] {
   --tw-enter-translate-y: -48%;
 }
+
+.data-\[state\=closed\]\:duration-300[data-state=closed] {
+  animation-duration: 300ms;
+}
+
+.data-\[state\=open\]\:duration-500[data-state=open] {
+  animation-duration: 500ms;
+}
+
 @media (min-width: 640px) {
 
+  .sm\:max-w-sm {
+    max-width: 24rem;
+  }
+
   .sm\:flex-row {
     flex-direction: row;
   }
@@ -2288,6 +2691,7 @@ video {
     border-radius: var(--radius);
   }
 }
+
 @media (min-width: 768px) {
 
   .md\:block {
@@ -2326,6 +2730,7 @@ video {
     padding: 2rem;
   }
 }
+
 @media (min-width: 1024px) {
 
   .lg\:mb-1 {
@@ -2352,11 +2757,19 @@ video {
     width: 75%;
   }
 
+  .lg\:w-\[452px\] {
+    width: 452px;
+  }
+
   .lg\:w-fit {
     width: -moz-fit-content;
     width: fit-content;
   }
 
+  .lg\:min-w-\[420px\] {
+    min-width: 420px;
+  }
+
   .lg\:text-wrap {
     text-wrap: wrap;
   }
@@ -2366,31 +2779,104 @@ video {
     padding-bottom: 1rem;
   }
 }
+
 .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
   padding-right: 0px;
 }
+
 .\[\&\>span\]\:\!left-\[10\%\]>span {
   left: 10% !important;
 }
+
 .\[\&\>span\]\:\!left-\[80\%\]>span {
   left: 80% !important;
 }
+
 .\[\&\>span\]\:\!top-\[20\%\]>span {
   top: 20% !important;
 }
+
 .\[\&\>span\]\:\!top-\[60\%\]>span {
   top: 60% !important;
 }
+
+.\[\&\>span\]\:line-clamp-1>span {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+
 .\[\&\>tr\]\:last\:border-b-0:last-child>tr {
   border-bottom-width: 0px;
 }
+
 .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg {
   --tw-rotate: 180deg;
   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));
 }
+
+.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+}
+
+.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
+  font-weight: 500;
+}
+
+.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] {
+  padding-top: 0px;
+}
+
+.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
+  height: 1.25rem;
+}
+
+.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
+  width: 1.25rem;
+}
+
+.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
+  height: 3rem;
+}
+
+.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
+.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
+  height: 1.25rem;
+}
+
+.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
+  width: 1.25rem;
+}
+
+.\[\&_svg\]\:invisible svg {
+  visibility: hidden;
+}
+
 .\[\&_tr\:last-child\]\:border-0 tr:last-child {
   border-width: 0px;
 }
+
 .\[\&_tr\]\:border-b tr {
   border-bottom-width: 1px;
 }