@fileverse/ui 4.1.7-patch-34 → 4.1.7-patch-35

package/dist/index.css

@@ -543,7 +543,7 @@ video {
 
     /* Border */
     --color-border-default: 195, 10%, 92%, 1; /* Gray-200 */
-    --color-border-hover: 0, 0%, 0%, 1; /* Black */
+    --color-border-hover: 203, 10%, 76%, 1;
     --color-border-light: 0, 0%, 100%, 1; /* White */
     --color-border-active: 0, 0%, 0%, 1; /* Black */
     --color-border-focused: 260, 100%, 52%, 1; /* Blue-700 */
@@ -2693,265 +2693,289 @@ textarea:is(:-webkit-autofill, :autofill) {
   margin-left: 0;
 }
 
+.space-sm {
+  padding: 12px !important;
+}
+.space-y-sm {
+  padding-top: 12px !important;
+  padding-bottom: 12px !important;
+}
+.space-x-sm {
+  padding-left: 12px !important;
+  padding-right: 12px !important;
+}
+.top-space-sm {
+  padding-top: 12px !important;
+}
+.bottom-space-sm {
+  padding-bottom: 12px !important;
+}
+.left-space-sm {
+  padding-left: 12px !important;
+}
+.right-space-sm {
+  padding-right: 12px !important;
+}
+
+
+.space-xsm {
+  padding: 8px !important;
+}
+.space-y-xsm {
+  padding-top: 8px !important;
+  padding-bottom: 8px !important;
+}
+.space-x-xsm {
+  padding-left: 8px !important;
+  padding-right: 8px !important;
+}
+.top-space-xsm {
+  padding-top: 8px !important;
+}
+.bottom-space-xsm {
+  padding-bottom: 8px !important;
+}
+.left-space-xsm {
+  padding-left: 8px !important;
+}
+.right-space-xsm {
+  padding-right: 8px !important;
+}
+
+.space-md {
+  padding: 16px !important;
+}
+.space-y-md {
+  padding-top: 16px !important;
+  padding-bottom: 16px !important;
+}
+.space-x-md {
+  padding-left: 16px !important;
+  padding-right: 16px !important;
+}
+.top-space-md {
+  padding-top: 16px !important;
+}
+.bottom-space-md {
+  padding-bottom: 16px !important;
+}
+.left-space-md {
+  padding-left: 16px !important;
+}
+.right-space-md {
+  padding-right: 16px !important;
+}
+
+
+.gap-xsm {
+  gap: 8px !important;
+}
+.gap-2xsm {
+  gap: 4px !important;
+}
+
+.border-radius-sm {
+  border-radius: 4px !important;
+}
+.border-width-md {
+  border-width: 1px !important;
+}
 .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));
   }
-
 .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 {
     background-color: hsl(var(--color-bg-default)) !important;
   }
-
 .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-brand:hover {
     background-color: hsl(var(--color-bg-brand)) !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-bg-brand:focus {
     background-color: hsl(var(--color-bg-brand));
   }
-
 .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));
   }
-
 .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-default {
     border-color: hsl(var(--color-border-default));
   }
-
 .group.success .group-\[\.success\]\: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));
   }
-
 .aria-selected\:color-bg-default-selected[aria-selected="true"] {
     background-color: hsl(var(--color-bg-default-selected));
   }
-
 .aria-selected\:color-bg-secondary[aria-selected="true"] {
     background-color: hsl(var(--color-bg-secondary));
   }
-
 .data-\[highlighted\]\:color-text-default[data-highlighted] {
     color: hsl(var(--color-text-default));
   }
-
 .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-\[disabled\]\:color-text-disabled[data-disabled] {
     color: hsl(var(--color-text-disabled));
   }
-
 .data-\[state\=unchecked\]\:color-bg-default-hover[data-state="unchecked"] {
     background-color: hsl(var(--color-bg-default-hover));
   }
-
 .data-\[highlighted\]\:color-bg-default-selected[data-highlighted] {
     background-color: hsl(var(--color-bg-default-selected));
   }
-
 .data-\[state\=open\]\:color-bg-default-selected[data-state="open"] {
     background-color: hsl(var(--color-bg-default-selected));
   }
-
 .data-\[state\=selected\]\:color-bg-default-selected[data-state="selected"] {
     background-color: hsl(var(--color-bg-default-selected));
   }
-
 .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));
   }
-
 .dark\:color-bg-disabled:is(.dark *) {
     background-color: hsl(var(--color-bg-disabled));
   }
-
 .dark\:data-\[state\=active\]\:color-border-light[data-state="active"]:is(.dark *) {
     border-color: hsl(var(--color-border-light));
   }
-
 @media (min-width: 1024px) {
 
   .lg\:\!text-heading-2xlg {
@@ -2961,263 +2985,206 @@ textarea:is(:-webkit-autofill, :autofill) {
     line-height: 40px !important;
   }
 }
-
 @media (min-width: 1280px) {
 
   .xl\:hover\:\!color-bg-brand-hover:hover {
     background-color: hsl(var(--color-bg-brand-hover)) !important;
   }
 }
-
 .\[\&\>svg\]\:color-text-default>svg {
     color: hsl(var(--color-text-default));
   }
-
 .\[\&\>svg\]\:color-text-danger>svg {
     color: hsl(var(--color-text-danger));
   }
-
 .\[\&_\[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));
   }
-
 .\[\&_tr\]\:color-border-default tr {
     border-color: hsl(var(--color-border-default));
   }
-
 .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;
 }
-
 .checked\:border-0:checked {
   border-width: 0px;
 }
-
 .focus-within\:relative:focus-within {
   position: relative;
 }
-
 .focus-within\:z-20:focus-within {
   z-index: 20;
 }
-
 .hover\:cursor-pointer:hover {
   cursor: pointer;
 }
-
 .hover\:\!border-transparent:hover {
   border-color: transparent !important;
 }
-
 .hover\:bg-inherit:hover {
   background-color: inherit;
 }
-
 .hover\:bg-transparent:hover {
   background-color: transparent;
 }
-
 .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\:opacity-100:focus {
   opacity: 1;
 }
-
 .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-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(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-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));
 }
-
 .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;
 }
-
 .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;
 }
-
 .peer:disabled ~ .peer-disabled\:cursor-not-allowed {
   cursor: not-allowed;
 }
-
 .peer:disabled ~ .peer-disabled\:opacity-70 {
   opacity: 0.7;
 }
-
 .aria-selected\:opacity-100[aria-selected="true"] {
   opacity: 1;
 }
-
 .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));
 }
-
 .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 {
@@ -3228,11 +3195,9 @@ textarea:is(:-webkit-autofill, :autofill) {
     height: 0;
   }
 }
-
 .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
   animation: accordion-up 0.2s ease-out;
 }
-
 @keyframes accordion-down {
 
   from {
@@ -3243,31 +3208,24 @@ textarea:is(:-webkit-autofill, :autofill) {
     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\=inactive\]\:border-transparent[data-state="inactive"] {
   border-color: transparent;
 }
-
 .data-\[swipe\=move\]\:transition-none[data-swipe="move"] {
   transition-property: none;
 }
-
 .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;
@@ -3277,7 +3235,6 @@ textarea:is(:-webkit-autofill, :autofill) {
   --tw-enter-translate-x: initial;
   --tw-enter-translate-y: initial;
 }
-
 .data-\[state\=closed\]\:animate-out[data-state="closed"] {
   animation-name: exit;
   animation-duration: 150ms;
@@ -3287,7 +3244,6 @@ textarea:is(:-webkit-autofill, :autofill) {
   --tw-exit-translate-x: initial;
   --tw-exit-translate-y: initial;
 }
-
 .data-\[swipe\=end\]\:animate-out[data-swipe="end"] {
   animation-name: exit;
   animation-duration: 150ms;
@@ -3297,142 +3253,108 @@ textarea:is(:-webkit-autofill, :autofill) {
   --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;
 }
-
 .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-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%;
 }
-
 .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
   --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%;
 }
-
 .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
   --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%;
 }
-
 .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\=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;
 }
-
 .data-\[state\=open\]\:duration-500[data-state="open"] {
   animation-duration: 500ms;
 }
-
 .dark\:bg-\[\#000\]:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
 }
-
 .dark\:stroke-black:is(.dark *) {
   stroke: #000;
 }
-
 .dark\:\!text-\[\#363B3F\]:is(.dark *) {
   --tw-text-opacity: 1 !important;
   color: rgb(54 59 63 / var(--tw-text-opacity, 1)) !important;
 }
-
 .dark\:text-\[\#363B3F\]:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(54 59 63 / var(--tw-text-opacity, 1));
 }
-
 @media (min-width: 640px) {
 
   .sm\:max-w-fit {
@@ -3476,7 +3398,6 @@ textarea:is(:-webkit-autofill, :autofill) {
     border-radius: var(--radius);
   }
 }
-
 @media (min-width: 768px) {
 
   .md\:\!right-4 {
@@ -3536,7 +3457,6 @@ textarea:is(:-webkit-autofill, :autofill) {
     padding: 2rem;
   }
 }
-
 @media (min-width: 1024px) {
 
   .lg\:\!mt-0 {
@@ -3614,137 +3534,108 @@ textarea:is(:-webkit-autofill, :autofill) {
     padding-bottom: 1rem;
   }
 }
-
 .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
   -webkit-appearance: none;
           appearance: none;
 }
-
 .\[\&\: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);
 }
-
 .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child {
   border-top-left-radius: calc(var(--radius) - 2px);
   border-bottom-left-radius: calc(var(--radius) - 2px);
 }
-
 .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child {
   border-top-right-radius: calc(var(--radius) - 2px);
   border-bottom-right-radius: calc(var(--radius) - 2px);
 }
-
 .\[\&\: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;
 }
-
 .\[\&_p\]\:leading-relaxed p {
   line-height: 1.625;
 }
-
 .\[\&_svg\]\:invisible svg {
   visibility: hidden;
 }
-
 .\[\&_tr\:last-child\]\:border-0 tr:last-child {
   border-width: 0px;
 }
-
 .\[\&_tr\]\:border-b tr {
   border-bottom-width: 1px;
 }
+

package/dist/index.es.js

@@ -29088,7 +29088,7 @@ const I3e = Et(
       variant: {
         default: "color-button-default color-text-inverse hover:color-button-default-hover",
         danger: "color-button-danger color-text-inverse hover:color-button-danger-hover",
-        secondary: "color-button-secondary color-text-default hover:color-button-secondary-hover",
+        secondary: "color-text-default hover:color-button-secondary-hover",
         ghost: "color-text-default hover:color-button-secondary-hover"
       },
       size: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse/ui",
-  "version": "4.1.7-patch-34",
+  "version": "4.1.7-patch-35",
   "files": [
     "/dist"
   ],