@unifiedsoftware/styles 1.0.4 → 1.0.5

package/css/styles.css

@@ -127,6 +127,9 @@
   user-select: none;
   -webkit-tap-highlight-color: transparent;
 }
+.us-button:hover {
+  text-decoration: none;
+}
 .us-button > .us-overlay {
   position: absolute;
   inset: 0px;
@@ -153,6 +156,10 @@
   overflow: hidden;
   border: var(--us-outline-border-width) solid var(--us-outline-border-color);
 }
+.us-button--disabled {
+  opacity: 0.6;
+  pointer-events: none;
+}
 .us-button--icon-only {
   width: var(--us-button-height);
   padding: 0;
@@ -175,7 +182,7 @@
 
 .us-menu {
   margin: 0;
-  padding: 0;
+  padding: var(--us-menu-padding-y) var(--us-menu-padding-x);
   color: var(--us-menu-color);
   background-color: var(--us-menu-background);
 }
@@ -185,6 +192,7 @@
   padding: var(--us-menu-item-padding-y) var(--us-menu-item-padding-x);
   font-size: var(--us-menu-item-font-size);
   font-weight: var(--us-menu-item-font-weight);
+  border-radius: var(--us-menu-item-border-radius);
   text-decoration: none;
   cursor: pointer;
   display: flex;
@@ -255,6 +263,7 @@
   font-weight: var(--us-menu-group-font-weight);
   text-decoration: none;
   border-bottom: var(--us-menu-group-border-width) solid var(--us-menu-group-border-color);
+  border-radius: var(--us-menu-group-border-radius);
   display: flex;
   align-items: center;
   color: var(--us-menu-group-color);
@@ -290,13 +299,6 @@
   justify-content: center;
   align-items: center;
 }
-.us-menu-group--selected .us-menu-group__icon {
-  --us-menu-group-icon-color: var(--us-_active-menu-item-icon-color);
-}
-.us-menu-group__icon .us-icon {
-  --us-icon-font-size: var(--us-menu-group-icon-font-size);
-  --us-icon-color: var(--us-menu-group-icon-color);
-}
 .us-menu-group__content {
   flex-grow: 1;
   z-index: 1;
@@ -349,6 +351,7 @@
   padding: 0px 16px;
   font-size: var(--us-tab-font-size);
   font-weight: var(--us-tab-font-weight);
+  text-decoration: none;
   vertical-align: middle;
   z-index: 1;
   color: var(--us-tab-color);
@@ -358,6 +361,9 @@
   user-select: none;
   -webkit-tap-highlight-color: transparent;
 }
+.us-tab:hover {
+  text-decoration: none;
+}
 .us-tab > .us-overlay {
   position: absolute;
   inset: 0px;
@@ -443,6 +449,529 @@
     animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
   }
 }
+.us-gap-0 {
+  gap: 0;
+}
+
+.us-gap-1 {
+  gap: 0.25rem;
+}
+
+.us-gap-2 {
+  gap: 0.5rem;
+}
+
+.us-gap-3 {
+  gap: 0.75rem;
+}
+
+.us-gap-4 {
+  gap: 1rem;
+}
+
+.us-gap-5 {
+  gap: 1.25rem;
+}
+
+.us-gap-6 {
+  gap: 1.5rem;
+}
+
+.us-gap-7 {
+  gap: 1.75rem;
+}
+
+.us-gap-8 {
+  gap: 2rem;
+}
+
+.us-gap-x-0 {
+  column-gap: 0;
+}
+
+.us-gap-x-1 {
+  column-gap: 0.25rem;
+}
+
+.us-gap-x-2 {
+  column-gap: 0.5rem;
+}
+
+.us-gap-x-3 {
+  column-gap: 0.75rem;
+}
+
+.us-gap-x-4 {
+  column-gap: 1rem;
+}
+
+.us-gap-x-5 {
+  column-gap: 1.25rem;
+}
+
+.us-gap-x-6 {
+  column-gap: 1.5rem;
+}
+
+.us-gap-x-7 {
+  column-gap: 1.75rem;
+}
+
+.us-gap-x-8 {
+  column-gap: 2rem;
+}
+
+.us-gap-y-0 {
+  row-gap: 0;
+}
+
+.us-gap-y-1 {
+  row-gap: 0.25rem;
+}
+
+.us-gap-y-2 {
+  row-gap: 0.5rem;
+}
+
+.us-gap-y-3 {
+  row-gap: 0.75rem;
+}
+
+.us-gap-y-4 {
+  row-gap: 1rem;
+}
+
+.us-gap-y-5 {
+  row-gap: 1.25rem;
+}
+
+.us-gap-y-6 {
+  row-gap: 1.5rem;
+}
+
+.us-gap-y-7 {
+  row-gap: 1.75rem;
+}
+
+.us-gap-y-8 {
+  row-gap: 2rem;
+}
+
+@media screen and (min-width: 0px) {
+  .xs\:us-gap-0 {
+    gap: 0;
+  }
+  .xs\:us-gap-1 {
+    gap: 0.25rem;
+  }
+  .xs\:us-gap-2 {
+    gap: 0.5rem;
+  }
+  .xs\:us-gap-3 {
+    gap: 0.75rem;
+  }
+  .xs\:us-gap-4 {
+    gap: 1rem;
+  }
+  .xs\:us-gap-5 {
+    gap: 1.25rem;
+  }
+  .xs\:us-gap-6 {
+    gap: 1.5rem;
+  }
+  .xs\:us-gap-7 {
+    gap: 1.75rem;
+  }
+  .xs\:us-gap-8 {
+    gap: 2rem;
+  }
+  .xs\:us-gap-x-0 {
+    column-gap: 0;
+  }
+  .xs\:us-gap-x-1 {
+    column-gap: 0.25rem;
+  }
+  .xs\:us-gap-x-2 {
+    column-gap: 0.5rem;
+  }
+  .xs\:us-gap-x-3 {
+    column-gap: 0.75rem;
+  }
+  .xs\:us-gap-x-4 {
+    column-gap: 1rem;
+  }
+  .xs\:us-gap-x-5 {
+    column-gap: 1.25rem;
+  }
+  .xs\:us-gap-x-6 {
+    column-gap: 1.5rem;
+  }
+  .xs\:us-gap-x-7 {
+    column-gap: 1.75rem;
+  }
+  .xs\:us-gap-x-8 {
+    column-gap: 2rem;
+  }
+  .xs\:us-gap-y-0 {
+    row-gap: 0;
+  }
+  .xs\:us-gap-y-1 {
+    row-gap: 0.25rem;
+  }
+  .xs\:us-gap-y-2 {
+    row-gap: 0.5rem;
+  }
+  .xs\:us-gap-y-3 {
+    row-gap: 0.75rem;
+  }
+  .xs\:us-gap-y-4 {
+    row-gap: 1rem;
+  }
+  .xs\:us-gap-y-5 {
+    row-gap: 1.25rem;
+  }
+  .xs\:us-gap-y-6 {
+    row-gap: 1.5rem;
+  }
+  .xs\:us-gap-y-7 {
+    row-gap: 1.75rem;
+  }
+  .xs\:us-gap-y-8 {
+    row-gap: 2rem;
+  }
+}
+@media screen and (min-width: 600px) {
+  .sm\:us-gap-0 {
+    gap: 0;
+  }
+  .sm\:us-gap-1 {
+    gap: 0.25rem;
+  }
+  .sm\:us-gap-2 {
+    gap: 0.5rem;
+  }
+  .sm\:us-gap-3 {
+    gap: 0.75rem;
+  }
+  .sm\:us-gap-4 {
+    gap: 1rem;
+  }
+  .sm\:us-gap-5 {
+    gap: 1.25rem;
+  }
+  .sm\:us-gap-6 {
+    gap: 1.5rem;
+  }
+  .sm\:us-gap-7 {
+    gap: 1.75rem;
+  }
+  .sm\:us-gap-8 {
+    gap: 2rem;
+  }
+  .sm\:us-gap-x-0 {
+    column-gap: 0;
+  }
+  .sm\:us-gap-x-1 {
+    column-gap: 0.25rem;
+  }
+  .sm\:us-gap-x-2 {
+    column-gap: 0.5rem;
+  }
+  .sm\:us-gap-x-3 {
+    column-gap: 0.75rem;
+  }
+  .sm\:us-gap-x-4 {
+    column-gap: 1rem;
+  }
+  .sm\:us-gap-x-5 {
+    column-gap: 1.25rem;
+  }
+  .sm\:us-gap-x-6 {
+    column-gap: 1.5rem;
+  }
+  .sm\:us-gap-x-7 {
+    column-gap: 1.75rem;
+  }
+  .sm\:us-gap-x-8 {
+    column-gap: 2rem;
+  }
+  .sm\:us-gap-y-0 {
+    row-gap: 0;
+  }
+  .sm\:us-gap-y-1 {
+    row-gap: 0.25rem;
+  }
+  .sm\:us-gap-y-2 {
+    row-gap: 0.5rem;
+  }
+  .sm\:us-gap-y-3 {
+    row-gap: 0.75rem;
+  }
+  .sm\:us-gap-y-4 {
+    row-gap: 1rem;
+  }
+  .sm\:us-gap-y-5 {
+    row-gap: 1.25rem;
+  }
+  .sm\:us-gap-y-6 {
+    row-gap: 1.5rem;
+  }
+  .sm\:us-gap-y-7 {
+    row-gap: 1.75rem;
+  }
+  .sm\:us-gap-y-8 {
+    row-gap: 2rem;
+  }
+}
+@media screen and (min-width: 960px) {
+  .md\:us-gap-0 {
+    gap: 0;
+  }
+  .md\:us-gap-1 {
+    gap: 0.25rem;
+  }
+  .md\:us-gap-2 {
+    gap: 0.5rem;
+  }
+  .md\:us-gap-3 {
+    gap: 0.75rem;
+  }
+  .md\:us-gap-4 {
+    gap: 1rem;
+  }
+  .md\:us-gap-5 {
+    gap: 1.25rem;
+  }
+  .md\:us-gap-6 {
+    gap: 1.5rem;
+  }
+  .md\:us-gap-7 {
+    gap: 1.75rem;
+  }
+  .md\:us-gap-8 {
+    gap: 2rem;
+  }
+  .md\:us-gap-x-0 {
+    column-gap: 0;
+  }
+  .md\:us-gap-x-1 {
+    column-gap: 0.25rem;
+  }
+  .md\:us-gap-x-2 {
+    column-gap: 0.5rem;
+  }
+  .md\:us-gap-x-3 {
+    column-gap: 0.75rem;
+  }
+  .md\:us-gap-x-4 {
+    column-gap: 1rem;
+  }
+  .md\:us-gap-x-5 {
+    column-gap: 1.25rem;
+  }
+  .md\:us-gap-x-6 {
+    column-gap: 1.5rem;
+  }
+  .md\:us-gap-x-7 {
+    column-gap: 1.75rem;
+  }
+  .md\:us-gap-x-8 {
+    column-gap: 2rem;
+  }
+  .md\:us-gap-y-0 {
+    row-gap: 0;
+  }
+  .md\:us-gap-y-1 {
+    row-gap: 0.25rem;
+  }
+  .md\:us-gap-y-2 {
+    row-gap: 0.5rem;
+  }
+  .md\:us-gap-y-3 {
+    row-gap: 0.75rem;
+  }
+  .md\:us-gap-y-4 {
+    row-gap: 1rem;
+  }
+  .md\:us-gap-y-5 {
+    row-gap: 1.25rem;
+  }
+  .md\:us-gap-y-6 {
+    row-gap: 1.5rem;
+  }
+  .md\:us-gap-y-7 {
+    row-gap: 1.75rem;
+  }
+  .md\:us-gap-y-8 {
+    row-gap: 2rem;
+  }
+}
+@media screen and (min-width: 1264px) {
+  .lg\:us-gap-0 {
+    gap: 0;
+  }
+  .lg\:us-gap-1 {
+    gap: 0.25rem;
+  }
+  .lg\:us-gap-2 {
+    gap: 0.5rem;
+  }
+  .lg\:us-gap-3 {
+    gap: 0.75rem;
+  }
+  .lg\:us-gap-4 {
+    gap: 1rem;
+  }
+  .lg\:us-gap-5 {
+    gap: 1.25rem;
+  }
+  .lg\:us-gap-6 {
+    gap: 1.5rem;
+  }
+  .lg\:us-gap-7 {
+    gap: 1.75rem;
+  }
+  .lg\:us-gap-8 {
+    gap: 2rem;
+  }
+  .lg\:us-gap-x-0 {
+    column-gap: 0;
+  }
+  .lg\:us-gap-x-1 {
+    column-gap: 0.25rem;
+  }
+  .lg\:us-gap-x-2 {
+    column-gap: 0.5rem;
+  }
+  .lg\:us-gap-x-3 {
+    column-gap: 0.75rem;
+  }
+  .lg\:us-gap-x-4 {
+    column-gap: 1rem;
+  }
+  .lg\:us-gap-x-5 {
+    column-gap: 1.25rem;
+  }
+  .lg\:us-gap-x-6 {
+    column-gap: 1.5rem;
+  }
+  .lg\:us-gap-x-7 {
+    column-gap: 1.75rem;
+  }
+  .lg\:us-gap-x-8 {
+    column-gap: 2rem;
+  }
+  .lg\:us-gap-y-0 {
+    row-gap: 0;
+  }
+  .lg\:us-gap-y-1 {
+    row-gap: 0.25rem;
+  }
+  .lg\:us-gap-y-2 {
+    row-gap: 0.5rem;
+  }
+  .lg\:us-gap-y-3 {
+    row-gap: 0.75rem;
+  }
+  .lg\:us-gap-y-4 {
+    row-gap: 1rem;
+  }
+  .lg\:us-gap-y-5 {
+    row-gap: 1.25rem;
+  }
+  .lg\:us-gap-y-6 {
+    row-gap: 1.5rem;
+  }
+  .lg\:us-gap-y-7 {
+    row-gap: 1.75rem;
+  }
+  .lg\:us-gap-y-8 {
+    row-gap: 2rem;
+  }
+}
+@media screen and (min-width: 1904px) {
+  .xl\:us-gap-0 {
+    gap: 0;
+  }
+  .xl\:us-gap-1 {
+    gap: 0.25rem;
+  }
+  .xl\:us-gap-2 {
+    gap: 0.5rem;
+  }
+  .xl\:us-gap-3 {
+    gap: 0.75rem;
+  }
+  .xl\:us-gap-4 {
+    gap: 1rem;
+  }
+  .xl\:us-gap-5 {
+    gap: 1.25rem;
+  }
+  .xl\:us-gap-6 {
+    gap: 1.5rem;
+  }
+  .xl\:us-gap-7 {
+    gap: 1.75rem;
+  }
+  .xl\:us-gap-8 {
+    gap: 2rem;
+  }
+  .xl\:us-gap-x-0 {
+    column-gap: 0;
+  }
+  .xl\:us-gap-x-1 {
+    column-gap: 0.25rem;
+  }
+  .xl\:us-gap-x-2 {
+    column-gap: 0.5rem;
+  }
+  .xl\:us-gap-x-3 {
+    column-gap: 0.75rem;
+  }
+  .xl\:us-gap-x-4 {
+    column-gap: 1rem;
+  }
+  .xl\:us-gap-x-5 {
+    column-gap: 1.25rem;
+  }
+  .xl\:us-gap-x-6 {
+    column-gap: 1.5rem;
+  }
+  .xl\:us-gap-x-7 {
+    column-gap: 1.75rem;
+  }
+  .xl\:us-gap-x-8 {
+    column-gap: 2rem;
+  }
+  .xl\:us-gap-y-0 {
+    row-gap: 0;
+  }
+  .xl\:us-gap-y-1 {
+    row-gap: 0.25rem;
+  }
+  .xl\:us-gap-y-2 {
+    row-gap: 0.5rem;
+  }
+  .xl\:us-gap-y-3 {
+    row-gap: 0.75rem;
+  }
+  .xl\:us-gap-y-4 {
+    row-gap: 1rem;
+  }
+  .xl\:us-gap-y-5 {
+    row-gap: 1.25rem;
+  }
+  .xl\:us-gap-y-6 {
+    row-gap: 1.5rem;
+  }
+  .xl\:us-gap-y-7 {
+    row-gap: 1.75rem;
+  }
+  .xl\:us-gap-y-8 {
+    row-gap: 2rem;
+  }
+}
 /* Estilos CSS aquí */
 .slider-container {
   width: 300px;

package/css/styles.min.css

@@ -1 +1 @@
-.us-badge{position:absolute;padding:var(--us-badge-padding-y) var(--us-badge-padding-x);font-size:var(--us-badge-font-size);font-weight:var(--us-badge-font-weight);border:var(--us-badge-border-width) solid var(--us-badge-border-color);border-radius:var(--us-badge-border-radius);color:var(--us-badge-color);background-color:var(--us-badge-background);display:inline-flex}.us-badge>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-badge:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-badge:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-badge--top-left{top:10%;left:10%}.us-badge--top-right{right:0;top:0;transform:translate(50%, -50%)}.us-badge--bottom-left{bottom:10%;left:10%}.us-badge--bottom-right{bottom:0;right:0}.us-badge-wrapper{flex-shrink:0;position:relative;display:inline-flex}.us-collapse{overflow:hidden;transition:all .15s ease-in-out}.us-icon{width:1em;height:1em;font-size:var(--us-icon-font-size);color:var(--us-icon-color);display:flex;justify-content:center;align-items:center}.us-chip{position:relative;height:var(--us-chip-height);padding:var(--us-chip-padding-y) var(--us-chip-padding-x);font-size:var(--us-chip-font-size);font-weight:var(--us-chip-font-weight);font-family:var(--us-chip-font-family);border-radius:var(--us-chip-border-radius);color:var(--us-chip-color);background-color:var(--us-chip-background);display:inline-flex;align-items:center;gap:var(--us-chip-gap)}.us-chip>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-chip:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-chip:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-chip>.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border:var(--us-outline-border-width) solid var(--us-outline-border-color)}.us-button{position:relative;height:var(--us-button-height);padding:var(--us-button-padding-y) var(--us-button-padding-x);font-size:var(--us-button-font-size);font-weight:var(--us-button-font-weight);font-family:var(--us-button-font-family);border:none;outline:none;border-radius:var(--us-button-border-radius);cursor:pointer;color:var(--us-button-color);background-color:var(--us-button-background);display:inline-flex;align-items:center;gap:var(--us-button-gap);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-button>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-button:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-button:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-button>.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border:var(--us-outline-border-width) solid var(--us-outline-border-color)}.us-button--icon-only{width:var(--us-button-height);padding:0;border-radius:9999px;justify-content:center}.us-button__outline{position:absolute;inset:0px;z-index:0;border:var(--us-button-outline-border-width) solid var(--us-button-outline-border-color);border-radius:inherit;pointer-events:none}.us-button__start-icon,.us-button__end-icon,.us-button__content{position:relative;display:flex;align-items:center}.us-menu{margin:0;padding:0;color:var(--us-menu-color);background-color:var(--us-menu-background)}.us-menu-item{position:relative;height:var(--us-menu-item-height);padding:var(--us-menu-item-padding-y) var(--us-menu-item-padding-x);font-size:var(--us-menu-item-font-size);font-weight:var(--us-menu-item-font-weight);text-decoration:none;cursor:pointer;display:flex;align-items:center;color:var(--us-menu-item-color);background-color:var(--us-menu-item-background);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);gap:var(--us-menu-item-gap)}.us-menu-item:hover{text-decoration:none}.us-menu-item>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-menu-item:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-menu-item:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-menu-item--disabled{opacity:.6;pointer-events:none}.us-menu-item--selected .us-menu-item__icon{--us-menu-item-icon-color: var(--us-_active-menu-item-icon-color)}.us-menu-item__icon{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center}.us-menu-item__icon .us-icon{--us-icon-font-size: var(--us-menu-item-icon-font-size);--us-icon-color: var(--us-menu-item-icon-color)}.us-menu-item__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-menu-item__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-menu-group{position:relative;height:var(--us-menu-group-height);padding:var(--us-menu-group-padding-y) var(--us-menu-group-padding-x);font-size:var(--us-menu-group-font-size);font-weight:var(--us-menu-group-font-weight);text-decoration:none;border-bottom:var(--us-menu-group-border-width) solid var(--us-menu-group-border-color);display:flex;align-items:center;color:var(--us-menu-group-color);background-color:var(--us-menu-group-background);gap:var(--us-menu-group-gap)}.us-menu-group:hover{text-decoration:none}.us-menu-group>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-menu-group:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-menu-group:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-menu-group__icon{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center}.us-menu-group--selected .us-menu-group__icon{--us-menu-group-icon-color: var(--us-_active-menu-item-icon-color)}.us-menu-group__icon .us-icon{--us-icon-font-size: var(--us-menu-group-icon-font-size);--us-icon-color: var(--us-menu-group-icon-color)}.us-menu-group__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-menu-group__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-menu-submenu .us-menu{--us-menu-background: var(--us-submenu-background)}.us-divider{width:100%;height:1px;background:#cac4d0}.us-tabs{width:100%;white-space:nowrap;overflow:hidden;display:flex;align-items:center}.us-tabs--start{justify-content:flex-start}.us-tabs--center{justify-content:center}.us-tabs--end{justify-content:flex-end}.us-tabs--stretch .us-tab{flex-grow:1}@media(max-width: 767px)and (hover: none){.us-tabs{overflow:auto}}.us-tab{position:relative;padding:0px 16px;font-size:var(--us-tab-font-size);font-weight:var(--us-tab-font-weight);vertical-align:middle;z-index:1;color:var(--us-tab-color);display:inline-flex;justify-content:center;align-items:center;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-tab>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-tab:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-tab:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-tab--disabled{opacity:.6;pointer-events:none}.us-tab__content{position:relative;height:40px;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.us-tab__indicator{position:absolute;height:var(--us-tab-indicator-height);border-radius:var(--us-tab-indicator-border-radius);inset:auto 0px 0px;opacity:0;z-index:-1;background:var(--us-tab-indicator-color);transform-origin:left bottom}.us-tab--selected .us-tab__indicator{opacity:1}.us-animation-spin{animation:us-animation-spin 1s linear infinite;transform-origin:center center}@keyframes us-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.us-animation-pulse{animation:us-animation-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes us-animation-pulse{0%,100%{opacity:1}50%{opacity:.5}}.us-animation-bounce{animation:us-animation-bounce 1s infinite}@keyframes us-animation-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}.slider-container{width:300px;height:20px;background-color:#ccc;position:relative;margin-top:20px}.slider-point{width:20px;height:20px;background-color:#007bff;border-radius:50%;position:absolute;cursor:pointer}
+.us-badge{position:absolute;padding:var(--us-badge-padding-y) var(--us-badge-padding-x);font-size:var(--us-badge-font-size);font-weight:var(--us-badge-font-weight);border:var(--us-badge-border-width) solid var(--us-badge-border-color);border-radius:var(--us-badge-border-radius);color:var(--us-badge-color);background-color:var(--us-badge-background);display:inline-flex}.us-badge>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-badge:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-badge:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-badge--top-left{top:10%;left:10%}.us-badge--top-right{right:0;top:0;transform:translate(50%, -50%)}.us-badge--bottom-left{bottom:10%;left:10%}.us-badge--bottom-right{bottom:0;right:0}.us-badge-wrapper{flex-shrink:0;position:relative;display:inline-flex}.us-collapse{overflow:hidden;transition:all .15s ease-in-out}.us-icon{width:1em;height:1em;font-size:var(--us-icon-font-size);color:var(--us-icon-color);display:flex;justify-content:center;align-items:center}.us-chip{position:relative;height:var(--us-chip-height);padding:var(--us-chip-padding-y) var(--us-chip-padding-x);font-size:var(--us-chip-font-size);font-weight:var(--us-chip-font-weight);font-family:var(--us-chip-font-family);border-radius:var(--us-chip-border-radius);color:var(--us-chip-color);background-color:var(--us-chip-background);display:inline-flex;align-items:center;gap:var(--us-chip-gap)}.us-chip>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-chip:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-chip:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-chip>.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border:var(--us-outline-border-width) solid var(--us-outline-border-color)}.us-button{position:relative;height:var(--us-button-height);padding:var(--us-button-padding-y) var(--us-button-padding-x);font-size:var(--us-button-font-size);font-weight:var(--us-button-font-weight);font-family:var(--us-button-font-family);border:none;outline:none;border-radius:var(--us-button-border-radius);cursor:pointer;color:var(--us-button-color);background-color:var(--us-button-background);display:inline-flex;align-items:center;gap:var(--us-button-gap);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-button:hover{text-decoration:none}.us-button>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-button:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-button:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-button>.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border:var(--us-outline-border-width) solid var(--us-outline-border-color)}.us-button--disabled{opacity:.6;pointer-events:none}.us-button--icon-only{width:var(--us-button-height);padding:0;border-radius:9999px;justify-content:center}.us-button__outline{position:absolute;inset:0px;z-index:0;border:var(--us-button-outline-border-width) solid var(--us-button-outline-border-color);border-radius:inherit;pointer-events:none}.us-button__start-icon,.us-button__end-icon,.us-button__content{position:relative;display:flex;align-items:center}.us-menu{margin:0;padding:var(--us-menu-padding-y) var(--us-menu-padding-x);color:var(--us-menu-color);background-color:var(--us-menu-background)}.us-menu-item{position:relative;height:var(--us-menu-item-height);padding:var(--us-menu-item-padding-y) var(--us-menu-item-padding-x);font-size:var(--us-menu-item-font-size);font-weight:var(--us-menu-item-font-weight);border-radius:var(--us-menu-item-border-radius);text-decoration:none;cursor:pointer;display:flex;align-items:center;color:var(--us-menu-item-color);background-color:var(--us-menu-item-background);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);gap:var(--us-menu-item-gap)}.us-menu-item:hover{text-decoration:none}.us-menu-item>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-menu-item:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-menu-item:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-menu-item--disabled{opacity:.6;pointer-events:none}.us-menu-item--selected .us-menu-item__icon{--us-menu-item-icon-color: var(--us-_active-menu-item-icon-color)}.us-menu-item__icon{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center}.us-menu-item__icon .us-icon{--us-icon-font-size: var(--us-menu-item-icon-font-size);--us-icon-color: var(--us-menu-item-icon-color)}.us-menu-item__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-menu-item__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-menu-group{position:relative;height:var(--us-menu-group-height);padding:var(--us-menu-group-padding-y) var(--us-menu-group-padding-x);font-size:var(--us-menu-group-font-size);font-weight:var(--us-menu-group-font-weight);text-decoration:none;border-bottom:var(--us-menu-group-border-width) solid var(--us-menu-group-border-color);border-radius:var(--us-menu-group-border-radius);display:flex;align-items:center;color:var(--us-menu-group-color);background-color:var(--us-menu-group-background);gap:var(--us-menu-group-gap)}.us-menu-group:hover{text-decoration:none}.us-menu-group>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-menu-group:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-menu-group:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-menu-group__icon{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center}.us-menu-group__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-menu-group__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-menu-submenu .us-menu{--us-menu-background: var(--us-submenu-background)}.us-divider{width:100%;height:1px;background:#cac4d0}.us-tabs{width:100%;white-space:nowrap;overflow:hidden;display:flex;align-items:center}.us-tabs--start{justify-content:flex-start}.us-tabs--center{justify-content:center}.us-tabs--end{justify-content:flex-end}.us-tabs--stretch .us-tab{flex-grow:1}@media(max-width: 767px)and (hover: none){.us-tabs{overflow:auto}}.us-tab{position:relative;padding:0px 16px;font-size:var(--us-tab-font-size);font-weight:var(--us-tab-font-weight);text-decoration:none;vertical-align:middle;z-index:1;color:var(--us-tab-color);display:inline-flex;justify-content:center;align-items:center;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-tab:hover{text-decoration:none}.us-tab>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);background-color:currentColor;transition:opacity 15ms linear,background-color 15ms linear}.us-tab:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));transition:opacity 30ms linear}.us-tab:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-tab--disabled{opacity:.6;pointer-events:none}.us-tab__content{position:relative;height:40px;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.us-tab__indicator{position:absolute;height:var(--us-tab-indicator-height);border-radius:var(--us-tab-indicator-border-radius);inset:auto 0px 0px;opacity:0;z-index:-1;background:var(--us-tab-indicator-color);transform-origin:left bottom}.us-tab--selected .us-tab__indicator{opacity:1}.us-animation-spin{animation:us-animation-spin 1s linear infinite;transform-origin:center center}@keyframes us-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.us-animation-pulse{animation:us-animation-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes us-animation-pulse{0%,100%{opacity:1}50%{opacity:.5}}.us-animation-bounce{animation:us-animation-bounce 1s infinite}@keyframes us-animation-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}.us-gap-0{gap:0}.us-gap-1{gap:.25rem}.us-gap-2{gap:.5rem}.us-gap-3{gap:.75rem}.us-gap-4{gap:1rem}.us-gap-5{gap:1.25rem}.us-gap-6{gap:1.5rem}.us-gap-7{gap:1.75rem}.us-gap-8{gap:2rem}.us-gap-x-0{column-gap:0}.us-gap-x-1{column-gap:.25rem}.us-gap-x-2{column-gap:.5rem}.us-gap-x-3{column-gap:.75rem}.us-gap-x-4{column-gap:1rem}.us-gap-x-5{column-gap:1.25rem}.us-gap-x-6{column-gap:1.5rem}.us-gap-x-7{column-gap:1.75rem}.us-gap-x-8{column-gap:2rem}.us-gap-y-0{row-gap:0}.us-gap-y-1{row-gap:.25rem}.us-gap-y-2{row-gap:.5rem}.us-gap-y-3{row-gap:.75rem}.us-gap-y-4{row-gap:1rem}.us-gap-y-5{row-gap:1.25rem}.us-gap-y-6{row-gap:1.5rem}.us-gap-y-7{row-gap:1.75rem}.us-gap-y-8{row-gap:2rem}@media screen and (min-width: 0px){.xs\:us-gap-0{gap:0}.xs\:us-gap-1{gap:.25rem}.xs\:us-gap-2{gap:.5rem}.xs\:us-gap-3{gap:.75rem}.xs\:us-gap-4{gap:1rem}.xs\:us-gap-5{gap:1.25rem}.xs\:us-gap-6{gap:1.5rem}.xs\:us-gap-7{gap:1.75rem}.xs\:us-gap-8{gap:2rem}.xs\:us-gap-x-0{column-gap:0}.xs\:us-gap-x-1{column-gap:.25rem}.xs\:us-gap-x-2{column-gap:.5rem}.xs\:us-gap-x-3{column-gap:.75rem}.xs\:us-gap-x-4{column-gap:1rem}.xs\:us-gap-x-5{column-gap:1.25rem}.xs\:us-gap-x-6{column-gap:1.5rem}.xs\:us-gap-x-7{column-gap:1.75rem}.xs\:us-gap-x-8{column-gap:2rem}.xs\:us-gap-y-0{row-gap:0}.xs\:us-gap-y-1{row-gap:.25rem}.xs\:us-gap-y-2{row-gap:.5rem}.xs\:us-gap-y-3{row-gap:.75rem}.xs\:us-gap-y-4{row-gap:1rem}.xs\:us-gap-y-5{row-gap:1.25rem}.xs\:us-gap-y-6{row-gap:1.5rem}.xs\:us-gap-y-7{row-gap:1.75rem}.xs\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 600px){.sm\:us-gap-0{gap:0}.sm\:us-gap-1{gap:.25rem}.sm\:us-gap-2{gap:.5rem}.sm\:us-gap-3{gap:.75rem}.sm\:us-gap-4{gap:1rem}.sm\:us-gap-5{gap:1.25rem}.sm\:us-gap-6{gap:1.5rem}.sm\:us-gap-7{gap:1.75rem}.sm\:us-gap-8{gap:2rem}.sm\:us-gap-x-0{column-gap:0}.sm\:us-gap-x-1{column-gap:.25rem}.sm\:us-gap-x-2{column-gap:.5rem}.sm\:us-gap-x-3{column-gap:.75rem}.sm\:us-gap-x-4{column-gap:1rem}.sm\:us-gap-x-5{column-gap:1.25rem}.sm\:us-gap-x-6{column-gap:1.5rem}.sm\:us-gap-x-7{column-gap:1.75rem}.sm\:us-gap-x-8{column-gap:2rem}.sm\:us-gap-y-0{row-gap:0}.sm\:us-gap-y-1{row-gap:.25rem}.sm\:us-gap-y-2{row-gap:.5rem}.sm\:us-gap-y-3{row-gap:.75rem}.sm\:us-gap-y-4{row-gap:1rem}.sm\:us-gap-y-5{row-gap:1.25rem}.sm\:us-gap-y-6{row-gap:1.5rem}.sm\:us-gap-y-7{row-gap:1.75rem}.sm\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 960px){.md\:us-gap-0{gap:0}.md\:us-gap-1{gap:.25rem}.md\:us-gap-2{gap:.5rem}.md\:us-gap-3{gap:.75rem}.md\:us-gap-4{gap:1rem}.md\:us-gap-5{gap:1.25rem}.md\:us-gap-6{gap:1.5rem}.md\:us-gap-7{gap:1.75rem}.md\:us-gap-8{gap:2rem}.md\:us-gap-x-0{column-gap:0}.md\:us-gap-x-1{column-gap:.25rem}.md\:us-gap-x-2{column-gap:.5rem}.md\:us-gap-x-3{column-gap:.75rem}.md\:us-gap-x-4{column-gap:1rem}.md\:us-gap-x-5{column-gap:1.25rem}.md\:us-gap-x-6{column-gap:1.5rem}.md\:us-gap-x-7{column-gap:1.75rem}.md\:us-gap-x-8{column-gap:2rem}.md\:us-gap-y-0{row-gap:0}.md\:us-gap-y-1{row-gap:.25rem}.md\:us-gap-y-2{row-gap:.5rem}.md\:us-gap-y-3{row-gap:.75rem}.md\:us-gap-y-4{row-gap:1rem}.md\:us-gap-y-5{row-gap:1.25rem}.md\:us-gap-y-6{row-gap:1.5rem}.md\:us-gap-y-7{row-gap:1.75rem}.md\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 1264px){.lg\:us-gap-0{gap:0}.lg\:us-gap-1{gap:.25rem}.lg\:us-gap-2{gap:.5rem}.lg\:us-gap-3{gap:.75rem}.lg\:us-gap-4{gap:1rem}.lg\:us-gap-5{gap:1.25rem}.lg\:us-gap-6{gap:1.5rem}.lg\:us-gap-7{gap:1.75rem}.lg\:us-gap-8{gap:2rem}.lg\:us-gap-x-0{column-gap:0}.lg\:us-gap-x-1{column-gap:.25rem}.lg\:us-gap-x-2{column-gap:.5rem}.lg\:us-gap-x-3{column-gap:.75rem}.lg\:us-gap-x-4{column-gap:1rem}.lg\:us-gap-x-5{column-gap:1.25rem}.lg\:us-gap-x-6{column-gap:1.5rem}.lg\:us-gap-x-7{column-gap:1.75rem}.lg\:us-gap-x-8{column-gap:2rem}.lg\:us-gap-y-0{row-gap:0}.lg\:us-gap-y-1{row-gap:.25rem}.lg\:us-gap-y-2{row-gap:.5rem}.lg\:us-gap-y-3{row-gap:.75rem}.lg\:us-gap-y-4{row-gap:1rem}.lg\:us-gap-y-5{row-gap:1.25rem}.lg\:us-gap-y-6{row-gap:1.5rem}.lg\:us-gap-y-7{row-gap:1.75rem}.lg\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 1904px){.xl\:us-gap-0{gap:0}.xl\:us-gap-1{gap:.25rem}.xl\:us-gap-2{gap:.5rem}.xl\:us-gap-3{gap:.75rem}.xl\:us-gap-4{gap:1rem}.xl\:us-gap-5{gap:1.25rem}.xl\:us-gap-6{gap:1.5rem}.xl\:us-gap-7{gap:1.75rem}.xl\:us-gap-8{gap:2rem}.xl\:us-gap-x-0{column-gap:0}.xl\:us-gap-x-1{column-gap:.25rem}.xl\:us-gap-x-2{column-gap:.5rem}.xl\:us-gap-x-3{column-gap:.75rem}.xl\:us-gap-x-4{column-gap:1rem}.xl\:us-gap-x-5{column-gap:1.25rem}.xl\:us-gap-x-6{column-gap:1.5rem}.xl\:us-gap-x-7{column-gap:1.75rem}.xl\:us-gap-x-8{column-gap:2rem}.xl\:us-gap-y-0{row-gap:0}.xl\:us-gap-y-1{row-gap:.25rem}.xl\:us-gap-y-2{row-gap:.5rem}.xl\:us-gap-y-3{row-gap:.75rem}.xl\:us-gap-y-4{row-gap:1rem}.xl\:us-gap-y-5{row-gap:1.25rem}.xl\:us-gap-y-6{row-gap:1.5rem}.xl\:us-gap-y-7{row-gap:1.75rem}.xl\:us-gap-y-8{row-gap:2rem}}.slider-container{width:300px;height:20px;background-color:#ccc;position:relative;margin-top:20px}.slider-point{width:20px;height:20px;background-color:#007bff;border-radius:50%;position:absolute;cursor:pointer}

package/css/theme-default.css

@@ -179,59 +179,59 @@
   --us-outline-border-color: transparent;
 }
 .us-button--xs {
-  --us-button-height: 28px;
+  --us-button-height: 20px;
   --us-button-padding-y: 0;
   --us-button-padding-x: 0.5rem;
-  --us-button-font-size: 0.75rem;
+  --us-button-font-size: 0.625rem;
   --us-button-border-radius: 4px;
-  --us-button-gap: 0.375rem;
+  --us-button-gap: 0.25rem;
 }
 .us-button--xs .us-icon {
   --us-icon-font-size: 0.75rem;
 }
 .us-button--sm {
-  --us-button-height: 32px;
+  --us-button-height: 28px;
   --us-button-padding-y: 0;
   --us-button-padding-x: 0.75rem;
-  --us-button-font-size: 14px;
+  --us-button-font-size: 0.75rem;
   --us-button-border-radius: 4px;
   --us-button-gap: 0.375rem;
 }
 .us-button--sm .us-icon {
-  --us-icon-font-size: 0.875rem;
+  --us-icon-font-size: 1rem;
 }
 .us-button--md {
-  --us-button-height: 40px;
+  --us-button-height: 36px;
   --us-button-padding-y: 0;
   --us-button-padding-x: 1rem;
-  --us-button-font-size: 14px;
+  --us-button-font-size: 0.875rem;
   --us-button-border-radius: 4px;
   --us-button-gap: 0.5rem;
 }
 .us-button--md .us-icon {
-  --us-icon-font-size: 1rem;
+  --us-icon-font-size: 1.125rem;
 }
 .us-button--lg {
-  --us-button-height: 48px;
+  --us-button-height: 44px;
   --us-button-padding-y: 0;
-  --us-button-padding-x: 1.5rem;
+  --us-button-padding-x: 1.25rem;
   --us-button-font-size: 1rem;
   --us-button-border-radius: 4px;
-  --us-button-gap: 0.5rem;
+  --us-button-gap: 0.625rem;
 }
 .us-button--lg .us-icon {
-  --us-icon-font-size: 1.125rem;
+  --us-icon-font-size: 1.25rem;
 }
 .us-button--xl {
-  --us-button-height: 48px;
+  --us-button-height: 52px;
   --us-button-padding-y: 0;
   --us-button-padding-x: 1.5rem;
   --us-button-font-size: 1rem;
   --us-button-border-radius: 4px;
-  --us-button-gap: 0.5rem;
+  --us-button-gap: 0.75rem;
 }
 .us-button--xl .us-icon {
-  --us-icon-font-size: 1.25rem;
+  --us-icon-font-size: 1.5rem;
 }
 .us-button--filled {
   --us-button-border-width: 1px;
@@ -302,6 +302,8 @@
 }
 
 .us-menu {
+  --us-menu-padding-y: 0;
+  --us-menu-padding-x: 0;
   --us-menu-color: #343a40;
   --us-menu-background: #fff;
 }
@@ -312,15 +314,18 @@
   --us-menu-item-padding-level: 2rem;
   --us-menu-item-font-size: 12px;
   --us-menu-item-font-weight: 500;
+  --us-menu-item-border-radius: 0;
   --us-menu-item-gap: 1rem;
-  --us-menu-item-icon-font-size: 16px;
-  --us-menu-item-icon-color: var(--us-primary-color);
   /* Overlay */
   --us-overlay-color: inherit;
   --us-overlay-opacity: 0;
   --us-_hover-overlay-color: inherit;
   --us-_hover-overlay-opacity: 0.08;
 }
+.us-menu-item__icon .us-icon {
+  --us-icon-font-size: 16px;
+  --us-icon-color: var(--us-primary-color);
+}
 .us-menu-item--selected {
   --us-menu-item-color: var(--us-primary-color);
   --us-overlay-color: var(--us-primary-color);
@@ -335,6 +340,7 @@
   --us-menu-group-padding-level: 2rem;
   --us-menu-group-font-size: 12px;
   --us-menu-group-font-weight: 700;
+  --us-menu-group-border-radius: 0;
   --us-menu-group-gap: 1rem;
   --us-menu-group-border-width: 1px;
   --us-menu-group-border-color: #dee2e6;

package/css/theme-default.min.css

@@ -1 +1 @@
-.us-icon{--us-icon-font-size: 1.5rem;--us-icon-color: inherit}.us-badge{--us-badge-padding-y: 0.125rem;--us-badge-padding-x: 0.325rem;--us-badge-font-size: 0.75rem;--us-badge-font-weight: 700;--us-badge-border-radius: 9999px;--us-badge-border-width: 2px;--us-badge-border-color: var(--us-white-color);--us-badge-color: var(--us-white-color);--us-badge-background: var(--us-primary-color);--us-overlay-color: inherit;--us-overlay-opacity: 0.08;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-color: inherit;--us-_active-overlay-opacity: 0.12}.us-chip{--us-chip-padding-y: 0.125rem;--us-chip-padding-x: 0.5rem;--us-chip-font-size: 0.75rem;--us-chip-font-weight: 700;--us-chip-border-radius: 9999px;--us-chip-color: var(--us-primary-color);--us-chip-background: transparent;--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-outline-border-width: 1px;--us-outline-border-color: transparent}.us-chip>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-color: initial;--us-_hover-overlay-opacity: initial;--us-_active-overlay-color: initial;--us-_active-overlay-opacity: initial}.us-chip--xs{--us-chip-height: 28px;--us-chip-padding-y: 0;--us-chip-padding-x: 0.5rem;--us-chip-font-size: 0.75rem;--us-chip-border-radius: 9999px;--us-chip-gap: 0.375rem}.us-chip--xs .us-icon{--us-icon-font-size: 0.75rem}.us-chip--sm{--us-chip-height: 32px;--us-chip-padding-y: 0;--us-chip-padding-x: 0.75rem;--us-chip-font-size: 14px;--us-chip-border-radius: 9999px;--us-chip-gap: 0.375rem}.us-chip--sm .us-icon{--us-icon-font-size: 0.875rem}.us-chip--md{--us-chip-height: 40px;--us-chip-padding-y: 0;--us-chip-padding-x: 1rem;--us-chip-font-size: 14px;--us-chip-border-radius: 9999px;--us-chip-gap: 0.5rem}.us-chip--md .us-icon{--us-icon-font-size: 1rem}.us-chip--lg{--us-chip-height: 48px;--us-chip-padding-y: 0;--us-chip-padding-x: 1.5rem;--us-chip-font-size: 1rem;--us-chip-border-radius: 9999px;--us-chip-gap: 0.5rem}.us-chip--lg .us-icon{--us-icon-font-size: 1.125rem}.us-chip--xl{--us-chip-height: 48px;--us-chip-padding-y: 0;--us-chip-padding-x: 1.5rem;--us-chip-font-size: 1rem;--us-chip-border-radius: 9999px;--us-chip-gap: 0.5rem}.us-chip--xl .us-icon{--us-icon-font-size: 1.25rem}.us-chip--filled{--us-chip-border-width: 1px;--us-chip-border-color: transparent;--us-chip-color: var(--us-white-color)}.us-chip--filled.us-chip--primary{--us-chip-background: var(--us-primary-color)}.us-chip--filled.us-chip--secondary{--us-chip-color: var(--us-black-color);--us-chip-background: var(--us-secondary-color)}.us-chip--filled.us-chip--success{--us-chip-background: var(--us-success-color)}.us-chip--filled.us-chip--info{--us-chip-background: var(--us-info-color)}.us-chip--filled.us-chip--warning{--us-chip-background: var(--us-warning-color)}.us-chip--filled.us-chip--danger{--us-chip-background: var(--us-danger-color)}.us-chip--outlined{--us-outline-border-color: currentColor}.us-chip--outlined.us-chip--primary{--us-chip-color: var(--us-primary-color)}.us-chip--outlined.us-chip--secondary{--us-chip-color: var(--us-black-color)}.us-chip--outlined.us-chip--success{--us-chip-color: var(--us-success-color)}.us-chip--outlined.us-chip--info{--us-chip-color: var(--us-info-color)}.us-chip--outlined.us-chip--warning{--us-chip-color: var(--us-warning-color)}.us-chip--outlined.us-chip--danger{--us-chip-color: var(--us-danger-color)}.us-chip--text.us-chip--primary{--us-chip-color: var(--us-primary-color)}.us-chip--text.us-chip--secondary{--us-chip-color: var(--us-black-color)}.us-chip--text.us-chip--success{--us-button-color: var(--us-success-color)}.us-chip--text.us-chip--info{--us-chip-color: var(--us-info-color)}.us-chip--text.us-chip--warning{--us-chip-color: var(--us-warning-color)}.us-chip--text.us-chip--danger{--us-chip-color: var(--us-danger-color)}.us-button{--us-button-font-weight: 500;--us-button-font-family: var(--us-font-sans);--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-opacity: 0.12;--us-outline-border-width: 1px;--us-outline-border-color: transparent}.us-button--xs{--us-button-height: 28px;--us-button-padding-y: 0;--us-button-padding-x: 0.5rem;--us-button-font-size: 0.75rem;--us-button-border-radius: 4px;--us-button-gap: 0.375rem}.us-button--xs .us-icon{--us-icon-font-size: 0.75rem}.us-button--sm{--us-button-height: 32px;--us-button-padding-y: 0;--us-button-padding-x: 0.75rem;--us-button-font-size: 14px;--us-button-border-radius: 4px;--us-button-gap: 0.375rem}.us-button--sm .us-icon{--us-icon-font-size: 0.875rem}.us-button--md{--us-button-height: 40px;--us-button-padding-y: 0;--us-button-padding-x: 1rem;--us-button-font-size: 14px;--us-button-border-radius: 4px;--us-button-gap: 0.5rem}.us-button--md .us-icon{--us-icon-font-size: 1rem}.us-button--lg{--us-button-height: 48px;--us-button-padding-y: 0;--us-button-padding-x: 1.5rem;--us-button-font-size: 1rem;--us-button-border-radius: 4px;--us-button-gap: 0.5rem}.us-button--lg .us-icon{--us-icon-font-size: 1.125rem}.us-button--xl{--us-button-height: 48px;--us-button-padding-y: 0;--us-button-padding-x: 1.5rem;--us-button-font-size: 1rem;--us-button-border-radius: 4px;--us-button-gap: 0.5rem}.us-button--xl .us-icon{--us-icon-font-size: 1.25rem}.us-button--filled{--us-button-border-width: 1px;--us-button-border-color: transparent;--us-button-color: var(--us-white-color)}.us-button--filled .us-chip{--us-chip-background: var(--us-white-color)}.us-button--filled.us-button--primary{--us-button-background: var(--us-primary-color)}.us-button--filled.us-button--secondary{--us-button-color: var(--us-black-color);--us-button-background: var(--us-secondary-color)}.us-button--filled.us-button--success{--us-button-background: var(--us-success-color)}.us-button--filled.us-button--info{--us-button-background: var(--us-info-color)}.us-button--filled.us-button--warning{--us-button-background: var(--us-warning-color)}.us-button--filled.us-button--danger{--us-button-background: var(--us-danger-color)}.us-button--outlined{--us-outline-border-color: currentColor}.us-button--outlined.us-button--primary{--us-button-color: var(--us-primary-color)}.us-button--outlined.us-button--secondary{--us-button-color: var(--us-black-color)}.us-button--outlined.us-button--success{--us-button-color: var(--us-success-color)}.us-button--outlined.us-button--info{--us-button-color: var(--us-info-color)}.us-button--outlined.us-button--warning{--us-button-color: var(--us-warning-color)}.us-button--outlined.us-button--danger{--us-button-color: var(--us-danger-color)}.us-button--text.us-button--primary{--us-button-color: var(--us-primary-color)}.us-button--text.us-button--secondary{--us-button-color: var(--us-black-color)}.us-button--text.us-button--success{--us-button-color: var(--us-success-color)}.us-button--text.us-button--info{--us-button-color: var(--us-info-color)}.us-button--text.us-button--warning{--us-button-color: var(--us-warning-color)}.us-button--text.us-button--danger{--us-button-color: var(--us-danger-color)}.us-menu{--us-menu-color: #343a40;--us-menu-background: #fff}.us-menu-item{--us-menu-item-height: 40px;--us-menu-item-padding-y: 0;--us-menu-item-padding-x: 1rem;--us-menu-item-padding-level: 2rem;--us-menu-item-font-size: 12px;--us-menu-item-font-weight: 500;--us-menu-item-gap: 1rem;--us-menu-item-icon-font-size: 16px;--us-menu-item-icon-color: var(--us-primary-color);--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08}.us-menu-item--selected{--us-menu-item-color: var(--us-primary-color);--us-overlay-color: var(--us-primary-color);--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-opacity: 0.08}.us-menu-group{--us-menu-group-height: 40px;--us-menu-group-padding-y: 0;--us-menu-group-padding-x: 1rem;--us-menu-group-padding-level: 2rem;--us-menu-group-font-size: 12px;--us-menu-group-font-weight: 700;--us-menu-group-gap: 1rem;--us-menu-group-border-width: 1px;--us-menu-group-border-color: #dee2e6}.us-menu-submenu{--us-_active-submenu-item-color: var(--us-primary-color);--us-_active-submenu-item-background: transparent}.us-menu-submenu>.us-menu-item--selected{--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_active-overlay-opacity: 0}.us-tab{--us-tab-color: var(--us-black-color);--us-tab-font-size: 0.8125rem;--us-tab-font-weight: 500;--us-tab-indicator-color: var(--us-primary-color);--us-tab-indicator-height: 3px;--us-tab-indicator-border-radius: 3px 3px 0px 0px;--us-overlay-opacity: 0;--us-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-opacity: 0.12}.us-tab--selected{--us-tab-color: var(--us-primary-color)}:root{--us-primary-color: #990000;--us-secondary-color: #dde4eb;--us-success-color: #e1ae30;--us-info-color: #8862e0;--us-warning-color: #ffaf00;--us-danger-color: #ff0017;--us-black-color: #000;--us-white-color: #fff;--us-font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}
+.us-icon{--us-icon-font-size: 1.5rem;--us-icon-color: inherit}.us-badge{--us-badge-padding-y: 0.125rem;--us-badge-padding-x: 0.325rem;--us-badge-font-size: 0.75rem;--us-badge-font-weight: 700;--us-badge-border-radius: 9999px;--us-badge-border-width: 2px;--us-badge-border-color: var(--us-white-color);--us-badge-color: var(--us-white-color);--us-badge-background: var(--us-primary-color);--us-overlay-color: inherit;--us-overlay-opacity: 0.08;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-color: inherit;--us-_active-overlay-opacity: 0.12}.us-chip{--us-chip-padding-y: 0.125rem;--us-chip-padding-x: 0.5rem;--us-chip-font-size: 0.75rem;--us-chip-font-weight: 700;--us-chip-border-radius: 9999px;--us-chip-color: var(--us-primary-color);--us-chip-background: transparent;--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-outline-border-width: 1px;--us-outline-border-color: transparent}.us-chip>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-color: initial;--us-_hover-overlay-opacity: initial;--us-_active-overlay-color: initial;--us-_active-overlay-opacity: initial}.us-chip--xs{--us-chip-height: 28px;--us-chip-padding-y: 0;--us-chip-padding-x: 0.5rem;--us-chip-font-size: 0.75rem;--us-chip-border-radius: 9999px;--us-chip-gap: 0.375rem}.us-chip--xs .us-icon{--us-icon-font-size: 0.75rem}.us-chip--sm{--us-chip-height: 32px;--us-chip-padding-y: 0;--us-chip-padding-x: 0.75rem;--us-chip-font-size: 14px;--us-chip-border-radius: 9999px;--us-chip-gap: 0.375rem}.us-chip--sm .us-icon{--us-icon-font-size: 0.875rem}.us-chip--md{--us-chip-height: 40px;--us-chip-padding-y: 0;--us-chip-padding-x: 1rem;--us-chip-font-size: 14px;--us-chip-border-radius: 9999px;--us-chip-gap: 0.5rem}.us-chip--md .us-icon{--us-icon-font-size: 1rem}.us-chip--lg{--us-chip-height: 48px;--us-chip-padding-y: 0;--us-chip-padding-x: 1.5rem;--us-chip-font-size: 1rem;--us-chip-border-radius: 9999px;--us-chip-gap: 0.5rem}.us-chip--lg .us-icon{--us-icon-font-size: 1.125rem}.us-chip--xl{--us-chip-height: 48px;--us-chip-padding-y: 0;--us-chip-padding-x: 1.5rem;--us-chip-font-size: 1rem;--us-chip-border-radius: 9999px;--us-chip-gap: 0.5rem}.us-chip--xl .us-icon{--us-icon-font-size: 1.25rem}.us-chip--filled{--us-chip-border-width: 1px;--us-chip-border-color: transparent;--us-chip-color: var(--us-white-color)}.us-chip--filled.us-chip--primary{--us-chip-background: var(--us-primary-color)}.us-chip--filled.us-chip--secondary{--us-chip-color: var(--us-black-color);--us-chip-background: var(--us-secondary-color)}.us-chip--filled.us-chip--success{--us-chip-background: var(--us-success-color)}.us-chip--filled.us-chip--info{--us-chip-background: var(--us-info-color)}.us-chip--filled.us-chip--warning{--us-chip-background: var(--us-warning-color)}.us-chip--filled.us-chip--danger{--us-chip-background: var(--us-danger-color)}.us-chip--outlined{--us-outline-border-color: currentColor}.us-chip--outlined.us-chip--primary{--us-chip-color: var(--us-primary-color)}.us-chip--outlined.us-chip--secondary{--us-chip-color: var(--us-black-color)}.us-chip--outlined.us-chip--success{--us-chip-color: var(--us-success-color)}.us-chip--outlined.us-chip--info{--us-chip-color: var(--us-info-color)}.us-chip--outlined.us-chip--warning{--us-chip-color: var(--us-warning-color)}.us-chip--outlined.us-chip--danger{--us-chip-color: var(--us-danger-color)}.us-chip--text.us-chip--primary{--us-chip-color: var(--us-primary-color)}.us-chip--text.us-chip--secondary{--us-chip-color: var(--us-black-color)}.us-chip--text.us-chip--success{--us-button-color: var(--us-success-color)}.us-chip--text.us-chip--info{--us-chip-color: var(--us-info-color)}.us-chip--text.us-chip--warning{--us-chip-color: var(--us-warning-color)}.us-chip--text.us-chip--danger{--us-chip-color: var(--us-danger-color)}.us-button{--us-button-font-weight: 500;--us-button-font-family: var(--us-font-sans);--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-opacity: 0.12;--us-outline-border-width: 1px;--us-outline-border-color: transparent}.us-button--xs{--us-button-height: 20px;--us-button-padding-y: 0;--us-button-padding-x: 0.5rem;--us-button-font-size: 0.625rem;--us-button-border-radius: 4px;--us-button-gap: 0.25rem}.us-button--xs .us-icon{--us-icon-font-size: 0.75rem}.us-button--sm{--us-button-height: 28px;--us-button-padding-y: 0;--us-button-padding-x: 0.75rem;--us-button-font-size: 0.75rem;--us-button-border-radius: 4px;--us-button-gap: 0.375rem}.us-button--sm .us-icon{--us-icon-font-size: 1rem}.us-button--md{--us-button-height: 36px;--us-button-padding-y: 0;--us-button-padding-x: 1rem;--us-button-font-size: 0.875rem;--us-button-border-radius: 4px;--us-button-gap: 0.5rem}.us-button--md .us-icon{--us-icon-font-size: 1.125rem}.us-button--lg{--us-button-height: 44px;--us-button-padding-y: 0;--us-button-padding-x: 1.25rem;--us-button-font-size: 1rem;--us-button-border-radius: 4px;--us-button-gap: 0.625rem}.us-button--lg .us-icon{--us-icon-font-size: 1.25rem}.us-button--xl{--us-button-height: 52px;--us-button-padding-y: 0;--us-button-padding-x: 1.5rem;--us-button-font-size: 1rem;--us-button-border-radius: 4px;--us-button-gap: 0.75rem}.us-button--xl .us-icon{--us-icon-font-size: 1.5rem}.us-button--filled{--us-button-border-width: 1px;--us-button-border-color: transparent;--us-button-color: var(--us-white-color)}.us-button--filled .us-chip{--us-chip-background: var(--us-white-color)}.us-button--filled.us-button--primary{--us-button-background: var(--us-primary-color)}.us-button--filled.us-button--secondary{--us-button-color: var(--us-black-color);--us-button-background: var(--us-secondary-color)}.us-button--filled.us-button--success{--us-button-background: var(--us-success-color)}.us-button--filled.us-button--info{--us-button-background: var(--us-info-color)}.us-button--filled.us-button--warning{--us-button-background: var(--us-warning-color)}.us-button--filled.us-button--danger{--us-button-background: var(--us-danger-color)}.us-button--outlined{--us-outline-border-color: currentColor}.us-button--outlined.us-button--primary{--us-button-color: var(--us-primary-color)}.us-button--outlined.us-button--secondary{--us-button-color: var(--us-black-color)}.us-button--outlined.us-button--success{--us-button-color: var(--us-success-color)}.us-button--outlined.us-button--info{--us-button-color: var(--us-info-color)}.us-button--outlined.us-button--warning{--us-button-color: var(--us-warning-color)}.us-button--outlined.us-button--danger{--us-button-color: var(--us-danger-color)}.us-button--text.us-button--primary{--us-button-color: var(--us-primary-color)}.us-button--text.us-button--secondary{--us-button-color: var(--us-black-color)}.us-button--text.us-button--success{--us-button-color: var(--us-success-color)}.us-button--text.us-button--info{--us-button-color: var(--us-info-color)}.us-button--text.us-button--warning{--us-button-color: var(--us-warning-color)}.us-button--text.us-button--danger{--us-button-color: var(--us-danger-color)}.us-menu{--us-menu-padding-y: 0;--us-menu-padding-x: 0;--us-menu-color: #343a40;--us-menu-background: #fff}.us-menu-item{--us-menu-item-height: 40px;--us-menu-item-padding-y: 0;--us-menu-item-padding-x: 1rem;--us-menu-item-padding-level: 2rem;--us-menu-item-font-size: 12px;--us-menu-item-font-weight: 500;--us-menu-item-border-radius: 0;--us-menu-item-gap: 1rem;--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08}.us-menu-item__icon .us-icon{--us-icon-font-size: 16px;--us-icon-color: var(--us-primary-color)}.us-menu-item--selected{--us-menu-item-color: var(--us-primary-color);--us-overlay-color: var(--us-primary-color);--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-opacity: 0.08}.us-menu-group{--us-menu-group-height: 40px;--us-menu-group-padding-y: 0;--us-menu-group-padding-x: 1rem;--us-menu-group-padding-level: 2rem;--us-menu-group-font-size: 12px;--us-menu-group-font-weight: 700;--us-menu-group-border-radius: 0;--us-menu-group-gap: 1rem;--us-menu-group-border-width: 1px;--us-menu-group-border-color: #dee2e6}.us-menu-submenu{--us-_active-submenu-item-color: var(--us-primary-color);--us-_active-submenu-item-background: transparent}.us-menu-submenu>.us-menu-item--selected{--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_active-overlay-opacity: 0}.us-tab{--us-tab-color: var(--us-black-color);--us-tab-font-size: 0.8125rem;--us-tab-font-weight: 500;--us-tab-indicator-color: var(--us-primary-color);--us-tab-indicator-height: 3px;--us-tab-indicator-border-radius: 3px 3px 0px 0px;--us-overlay-opacity: 0;--us-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-opacity: 0.12}.us-tab--selected{--us-tab-color: var(--us-primary-color)}:root{--us-primary-color: #990000;--us-secondary-color: #dde4eb;--us-success-color: #e1ae30;--us-info-color: #8862e0;--us-warning-color: #ffaf00;--us-danger-color: #ff0017;--us-black-color: #000;--us-white-color: #fff;--us-font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}

package/index.scss

@@ -2,6 +2,8 @@
 
 @use 'scss/animation';
 
+@use 'scss/utilities';
+
 /* Estilos CSS aquí */
 .slider-container {
 	width: 300px;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@unifiedsoftware/styles",
-	"version": "1.0.4",
+	"version": "1.0.5",
 	"license": "MIT",
 	"files": [
 		"index.scss",

package/scss/_utilities.scss

@@ -0,0 +1,103 @@
+@use './variables' as *;
+
+$breakpoints: (
+	xs: 0px,
+	sm: 600px,
+	md: 960px,
+	lg: 1264px,
+	xl: 1904px,
+);
+
+$spacer: 1rem;
+$spacers: (
+	0: 0,
+	1: $spacer * 0.25,
+	2: $spacer * 0.5,
+	3: $spacer * 0.75,
+	4: $spacer * 1,
+	5: $spacer * 1.25,
+	6: $spacer * 1.5,
+	7: $spacer * 1.75,
+	8: $spacer * 2,
+);
+
+$utilities: (
+	'gap': (
+		properties: gap,
+		class: 'gap',
+		values: $spacers,
+		responsive: true,
+	),
+	'gap-x': (
+		properties: column-gap,
+		class: 'gap-x',
+		values: $spacers,
+		responsive: true,
+	),
+	'gap-y': (
+		properties: row-gap,
+		class: 'gap-y',
+		values: $spacers,
+		responsive: true,
+	),
+);
+
+@each $key, $map in $utilities {
+	$properties: map-get($map, 'properties');
+	$class: map-get($map, 'class');
+	$values: map-get($map, 'values');
+	$responsive: map-get($map, 'responsive');
+
+	@if type-of($properties) == 'string' {
+		$properties: append((), $properties);
+	}
+
+	@each $key, $value in $values {
+		@if $class == '' {
+			.#{$prefix}#{$key} {
+				@each $property in $properties {
+					#{$property}: $value;
+				}
+			}
+		} @else {
+			.#{$prefix}#{$class}-#{'' + $key + ''} {
+				@each $property in $properties {
+					#{$property}: $value;
+				}
+			}
+		}
+	}
+}
+
+@each $breakpointKey, $breakpointValue in $breakpoints {
+	@media screen and (min-width: $breakpointValue) {
+		@each $key, $map in $utilities {
+			$properties: map-get($map, 'properties');
+			$class: map-get($map, 'class');
+			$values: map-get($map, 'values');
+			$responsive: map-get($map, 'responsive');
+
+			@if type-of($properties) == 'string' {
+				$properties: append((), $properties);
+			}
+
+			@each $key, $value in $values {
+				@if $responsive == true {
+					@if $class == '' {
+						.#{$breakpointKey}\:#{$prefix}#{$key} {
+							@each $property in $properties {
+								#{$property}: $value;
+							}
+						}
+					} @else {
+						.#{$breakpointKey}\:#{$prefix}#{$class}-#{'' + $key + ''} {
+							@each $property in $properties {
+								#{$property}: $value;
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+}

package/scss/components/_button.scss

@@ -21,9 +21,18 @@
 	user-select: none;
 	-webkit-tap-highlight-color: transparent;
 
+	&:hover {
+		text-decoration: none;
+	}
+
 	@include overlay();
 	@include outline();
 
+	&--disabled {
+		opacity: 0.6;
+		pointer-events: none;
+	}
+
 	&--icon-only {
 		width: var(--#{$prefix}button-height);
 		padding: 0;

package/scss/components/_menu.scss

@@ -3,7 +3,7 @@
 
 .#{$prefix}menu {
 	margin: 0;
-	padding: 0;
+	padding: var(--#{$prefix}menu-padding-y) var(--#{$prefix}menu-padding-x);
 	color: var(--#{$prefix}menu-color);
 	background-color: var(--#{$prefix}menu-background);
 
@@ -13,6 +13,7 @@
 		padding: var(--#{$prefix}menu-item-padding-y) var(--#{$prefix}menu-item-padding-x);
 		font-size: var(--#{$prefix}menu-item-font-size);
 		font-weight: var(--#{$prefix}menu-item-font-weight);
+		border-radius: var(--#{$prefix}menu-item-border-radius);
 		text-decoration: none;
 		cursor: pointer;
 		display: flex;
@@ -74,6 +75,7 @@
 		font-weight: var(--#{$prefix}menu-group-font-weight);
 		text-decoration: none;
 		border-bottom: var(--#{$prefix}menu-group-border-width) solid var(--#{$prefix}menu-group-border-color);
+		border-radius: var(--#{$prefix}menu-group-border-radius);
 		display: flex;
 		align-items: center;
 		color: var(--#{$prefix}menu-group-color);
@@ -94,15 +96,6 @@
 			align-items: center;
 		}
 
-		&--selected &__icon {
-			--#{$prefix}menu-group-icon-color: var(--#{$prefix}_active-menu-item-icon-color);
-		}
-
-		&__icon .#{$prefix}icon {
-			--#{$prefix}icon-font-size: var(--#{$prefix}menu-group-icon-font-size);
-			--#{$prefix}icon-color: var(--#{$prefix}menu-group-icon-color);
-		}
-
 		&__content {
 			flex-grow: 1;
 			z-index: 1;

package/scss/components/_tabs.scss

@@ -34,6 +34,7 @@
 	padding: 0px 16px;
 	font-size: var(--#{$prefix}tab-font-size);
 	font-weight: var(--#{$prefix}tab-font-weight);
+	text-decoration: none;
 	vertical-align: middle;
 	z-index: 1;
 	color: var(--#{$prefix}tab-color);
@@ -43,6 +44,10 @@
 	user-select: none;
 	-webkit-tap-highlight-color: transparent;
 
+	&:hover {
+		text-decoration: none;
+	}
+
 	@include overlay();
 
 	&--disabled {

package/scss/themes/default/components/_button.scss

@@ -18,57 +18,57 @@
 
 	@include button-size(
 		$name: 'xs',
-		$height: 28px,
+		$height: 20px,
 		$padding-y: 0,
 		$padding-x: 0.5rem,
-		$font-size: 0.75rem,
+		$font-size: 0.625rem,
 		$border-radius: 4px,
-		$gap: 0.375rem,
+		$gap: 0.25rem,
 		$icon-font-size: 0.75rem
 	);
 
 	@include button-size(
 		$name: 'sm',
-		$height: 32px,
+		$height: 28px,
 		$padding-y: 0,
 		$padding-x: 0.75rem,
-		$font-size: 14px,
+		$font-size: 0.75rem,
 		$border-radius: 4px,
 		$gap: 0.375rem,
-		$icon-font-size: 0.875rem
+		$icon-font-size: 1rem
 	);
 
 	@include button-size(
 		$name: 'md',
-		$height: 40px,
+		$height: 36px,
 		$padding-y: 0,
 		$padding-x: 1rem,
-		$font-size: 14px,
+		$font-size: 0.875rem,
 		$border-radius: 4px,
 		$gap: 0.5rem,
-		$icon-font-size: 1rem
+		$icon-font-size: 1.125rem
 	);
 
 	@include button-size(
 		$name: 'lg',
-		$height: 48px,
+		$height: 44px,
 		$padding-y: 0,
-		$padding-x: 1.5rem,
+		$padding-x: 1.25rem,
 		$font-size: 1rem,
 		$border-radius: 4px,
-		$gap: 0.5rem,
-		$icon-font-size: 1.125rem
+		$gap: 0.625rem,
+		$icon-font-size: 1.25rem
 	);
 
 	@include button-size(
 		$name: 'xl',
-		$height: 48px,
+		$height: 52px,
 		$padding-y: 0,
 		$padding-x: 1.5rem,
 		$font-size: 1rem,
 		$border-radius: 4px,
-		$gap: 0.5rem,
-		$icon-font-size: 1.25rem
+		$gap: 0.75rem,
+		$icon-font-size: 1.5rem
 	);
 
 	&--filled {

package/scss/themes/default/components/_menu.scss

@@ -1,6 +1,8 @@
 @use '../../../variables' as *;
 
 .#{$prefix}menu {
+	--#{$prefix}menu-padding-y: 0;
+	--#{$prefix}menu-padding-x: 0;
 	--#{$prefix}menu-color: #343a40;
 	--#{$prefix}menu-background: #fff;
 
@@ -11,17 +13,20 @@
 		--#{$prefix}menu-item-padding-level: 2rem;
 		--#{$prefix}menu-item-font-size: 12px;
 		--#{$prefix}menu-item-font-weight: 500;
+		--#{$prefix}menu-item-border-radius: 0;
 		--#{$prefix}menu-item-gap: 1rem;
 
-		--#{$prefix}menu-item-icon-font-size: 16px;
-		--#{$prefix}menu-item-icon-color: var(--#{$prefix}primary-color);
-
 		/* Overlay */
 		--#{$prefix}overlay-color: inherit;
 		--#{$prefix}overlay-opacity: 0;
 		--#{$prefix}_hover-overlay-color: inherit;
 		--#{$prefix}_hover-overlay-opacity: 0.08;
 
+		&__icon .#{$prefix}icon {
+			--#{$prefix}icon-font-size: 16px;
+			--#{$prefix}icon-color: var(--#{$prefix}primary-color);
+		}
+
 		&--selected {
 			--#{$prefix}menu-item-color: var(--#{$prefix}primary-color);
 
@@ -39,6 +44,7 @@
 		--#{$prefix}menu-group-padding-level: 2rem;
 		--#{$prefix}menu-group-font-size: 12px;
 		--#{$prefix}menu-group-font-weight: 700;
+		--#{$prefix}menu-group-border-radius: 0;
 		--#{$prefix}menu-group-gap: 1rem;
 		--#{$prefix}menu-group-border-width: 1px;
 		--#{$prefix}menu-group-border-color: #dee2e6;