@fileverse/ui 4.0.3 → 4.0.4

package/dist/index.css

@@ -985,6 +985,9 @@ video {
 .pointer-events-none {
   pointer-events: none;
 }
+.visible {
+  visibility: visible;
+}
 .invisible {
   visibility: hidden;
 }
@@ -1101,6 +1104,9 @@ video {
 .z-\[999\] {
   z-index: 999;
 }
+.m-1 {
+  margin: 0.25rem;
+}
 .-mx-1 {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
@@ -1117,6 +1123,10 @@ video {
   margin-top: 0px;
   margin-bottom: 0px;
 }
+.my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
 .my-auto {
   margin-top: auto;
   margin-bottom: auto;
@@ -1133,6 +1143,9 @@ video {
 .ml-2 {
   margin-left: 0.5rem;
 }
+.ml-auto {
+  margin-left: auto;
+}
 .mr-1 {
   margin-right: 0.25rem;
 }
@@ -1193,14 +1206,20 @@ 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-16 {
-  height: 4rem;
+.h-3\.5 {
+  height: 0.875rem;
 }
 .h-4 {
   height: 1rem;
@@ -1244,6 +1263,9 @@ video {
 .h-\[52px\] {
   height: 52px;
 }
+.h-\[56px\] {
+  height: 56px;
+}
 .h-\[68px\] {
   height: 68px;
 }
@@ -1253,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;
 }
@@ -1263,12 +1288,24 @@ 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;
 }
@@ -1296,6 +1333,9 @@ video {
 .w-24 {
   width: 6rem;
 }
+.w-3\.5 {
+  width: 0.875rem;
+}
 .w-3\/4 {
   width: 75%;
 }
@@ -1329,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;
 }
@@ -1362,6 +1408,9 @@ video {
 .w-\[80vw\] {
   width: 80vw;
 }
+.w-\[85\%\] {
+  width: 85%;
+}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -1393,6 +1442,9 @@ video {
 .min-w-\[25\%\] {
   min-width: 25%;
 }
+.min-w-\[280px\] {
+  min-width: 280px;
+}
 .min-w-\[30px\] {
   min-width: 30px;
 }
@@ -1402,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;
@@ -1415,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;
 }
@@ -1507,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;
 }
@@ -1515,6 +1587,9 @@ video {
      -moz-appearance: none;
           appearance: none;
 }
+.grid-flow-col {
+  grid-auto-flow: column;
+}
 .grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
@@ -1611,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;
@@ -1640,6 +1721,9 @@ video {
 .rounded-md {
   border-radius: calc(var(--radius) - 2px);
 }
+.rounded-none {
+  border-radius: 0px;
+}
 .rounded-sm {
   border-radius: calc(var(--radius) - 4px);
 }
@@ -1716,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;
 }
@@ -1757,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;
@@ -1785,10 +1884,18 @@ 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;
@@ -1821,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;
 }
@@ -1869,6 +1982,10 @@ video {
 .text-\[32px\] {
   font-size: 32px;
 }
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
 .font-\[700\] {
   font-weight: 700;
 }
@@ -1881,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));
@@ -1998,120 +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 {
@@ -2121,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 {
@@ -2264,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 {
@@ -2277,21 +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;
@@ -2301,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;
@@ -2310,72 +2578,95 @@ 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 {
@@ -2400,6 +2691,7 @@ video {
     border-radius: var(--radius);
   }
 }
+
 @media (min-width: 768px) {
 
   .md\:block {
@@ -2438,6 +2730,7 @@ video {
     padding: 2rem;
   }
 }
+
 @media (min-width: 1024px) {
 
   .lg\:mb-1 {
@@ -2464,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;
   }
@@ -2478,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;
 }