@uipath/apollo-wind 2.55.0 → 2.57.0

package/dist/styles.css

@@ -257,6 +257,7 @@
     --tracking-wider: 0.05em;
     --tracking-widest: 0.1em;
     --leading-tight: 1.25;
+    --leading-snug: 1.375;
     --leading-normal: 1.5;
     --leading-relaxed: 1.625;
     --radius-xs: 0.125rem;
@@ -754,6 +755,9 @@
   .m-0 {
     margin: calc(var(--spacing) * 0);
   }
+  .m-1 {
+    margin: calc(var(--spacing) * 1);
+  }
   .m-4 {
     margin: calc(var(--spacing) * 4);
   }
@@ -835,6 +839,9 @@
   .mt-24 {
     margin-top: calc(var(--spacing) * 24);
   }
+  .mt-\[5px\] {
+    margin-top: 5px;
+  }
   .mt-auto {
     margin-top: auto;
   }
@@ -1007,6 +1014,14 @@
     width: calc(var(--spacing) * 9);
     height: calc(var(--spacing) * 9);
   }
+  .size-\[18px\] {
+    width: 18px;
+    height: 18px;
+  }
+  .size-\[30px\] {
+    width: 30px;
+    height: 30px;
+  }
   .size-\[var\(--cell-size\)\] {
     width: var(--cell-size);
     height: var(--cell-size);
@@ -1045,6 +1060,9 @@
   .h-6 {
     height: calc(var(--spacing) * 6);
   }
+  .h-6\.5 {
+    height: calc(var(--spacing) * 6.5);
+  }
   .h-7 {
     height: calc(var(--spacing) * 7);
   }
@@ -1174,6 +1192,12 @@
   .h-screen {
     height: 100vh;
   }
+  .max-h-6\.5 {
+    max-height: calc(var(--spacing) * 6.5);
+  }
+  .max-h-9 {
+    max-height: calc(var(--spacing) * 9);
+  }
   .max-h-16 {
     max-height: calc(var(--spacing) * 16);
   }
@@ -1210,18 +1234,33 @@
   .min-h-5 {
     min-height: calc(var(--spacing) * 5);
   }
+  .min-h-6 {
+    min-height: calc(var(--spacing) * 6);
+  }
+  .min-h-6\.5 {
+    min-height: calc(var(--spacing) * 6.5);
+  }
   .min-h-8 {
     min-height: calc(var(--spacing) * 8);
   }
+  .min-h-9 {
+    min-height: calc(var(--spacing) * 9);
+  }
   .min-h-10 {
     min-height: calc(var(--spacing) * 10);
   }
+  .min-h-11 {
+    min-height: calc(var(--spacing) * 11);
+  }
   .min-h-12 {
     min-height: calc(var(--spacing) * 12);
   }
   .min-h-14 {
     min-height: calc(var(--spacing) * 14);
   }
+  .min-h-16 {
+    min-height: calc(var(--spacing) * 16);
+  }
   .min-h-28 {
     min-height: calc(var(--spacing) * 28);
   }
@@ -1252,6 +1291,9 @@
   .min-h-screen {
     min-height: 100vh;
   }
+  .w-\(--radix-popover-trigger-width\) {
+    width: var(--radix-popover-trigger-width);
+  }
   .w-0 {
     width: calc(var(--spacing) * 0);
   }
@@ -1372,6 +1414,9 @@
   .w-\[--radix-popover-trigger-width\] {
     width: --radix-popover-trigger-width;
   }
+  .w-\[--x\] {
+    width: --x;
+  }
   .w-\[1px\] {
     width: 1px;
   }
@@ -1390,9 +1435,15 @@
   .w-\[42px\] {
     width: 42px;
   }
+  .w-\[48rem\] {
+    width: 48rem;
+  }
   .w-\[50px\] {
     width: 50px;
   }
+  .w-\[56rem\] {
+    width: 56rem;
+  }
   .w-\[60px\] {
     width: 60px;
   }
@@ -1612,21 +1663,36 @@
   .min-w-11 {
     min-width: calc(var(--spacing) * 11);
   }
+  .min-w-16 {
+    min-width: calc(var(--spacing) * 16);
+  }
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
   .min-w-\[18px\] {
     min-width: 18px;
   }
+  .min-w-\[200px\] {
+    min-width: 200px;
+  }
   .min-w-\[var\(--radix-select-trigger-width\)\] {
     min-width: var(--radix-select-trigger-width);
   }
   .flex-1 {
     flex: 1;
   }
+  .flex-\[0_1_auto\] {
+    flex: 0 1 auto;
+  }
+  .flex-auto {
+    flex: auto;
+  }
   .flex-shrink {
     flex-shrink: 1;
   }
+  .shrink {
+    flex-shrink: 1;
+  }
   .shrink-0 {
     flex-shrink: 0;
   }
@@ -1695,6 +1761,9 @@
   .-rotate-90 {
     rotate: calc(90deg * -1);
   }
+  .rotate-0 {
+    rotate: 0deg;
+  }
   .rotate-90 {
     rotate: 90deg;
   }
@@ -1788,6 +1857,12 @@
   .grid-cols-12 {
     grid-template-columns: repeat(12, minmax(0, 1fr));
   }
+  .grid-cols-\[6rem_repeat\(3\,minmax\(0\,1fr\)\)\] {
+    grid-template-columns: 6rem repeat(3,minmax(0,1fr));
+  }
+  .grid-cols-\[8rem_repeat\(3\,minmax\(0\,1fr\)\)\] {
+    grid-template-columns: 8rem repeat(3,minmax(0,1fr));
+  }
   .grid-cols-\[minmax\(0\,1fr\)\] {
     grid-template-columns: minmax(0,1fr);
   }
@@ -2032,12 +2107,21 @@
   .gap-y-3 {
     row-gap: calc(var(--spacing) * 3);
   }
+  .gap-y-4 {
+    row-gap: calc(var(--spacing) * 4);
+  }
+  .gap-y-5 {
+    row-gap: calc(var(--spacing) * 5);
+  }
   .gap-y-14 {
     row-gap: calc(var(--spacing) * 14);
   }
   .self-end {
     align-self: flex-end;
   }
+  .self-start {
+    align-self: flex-start;
+  }
   .self-stretch {
     align-self: stretch;
   }
@@ -2761,6 +2845,12 @@
   .bg-foreground-accent {
     background-color: var(--foreground-accent);
   }
+  .bg-foreground\/10 {
+    background-color: var(--foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
+    }
+  }
   .bg-fuchsia-50 {
     background-color: var(--color-fuchsia-50);
   }
@@ -3579,6 +3669,9 @@
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
+  .p-2\.5 {
+    padding: calc(var(--spacing) * 2.5);
+  }
   .p-3 {
     padding: calc(var(--spacing) * 3);
   }
@@ -3597,6 +3690,9 @@
   .p-10 {
     padding: calc(var(--spacing) * 10);
   }
+  .p-\[3px\] {
+    padding: 3px;
+  }
   .p-px {
     padding: 1px;
   }
@@ -3627,6 +3723,9 @@
   .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
+  .px-3\.5 {
+    padding-inline: calc(var(--spacing) * 3.5);
+  }
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
@@ -3702,6 +3801,9 @@
   .pt-1 {
     padding-top: calc(var(--spacing) * 1);
   }
+  .pt-1\.5 {
+    padding-top: calc(var(--spacing) * 1.5);
+  }
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
@@ -3711,6 +3813,9 @@
   .pt-3 {
     padding-top: calc(var(--spacing) * 3);
   }
+  .pt-3\.5 {
+    padding-top: calc(var(--spacing) * 3.5);
+  }
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
@@ -3729,6 +3834,12 @@
   .pt-\[18px\] {
     padding-top: 18px;
   }
+  .pt-px {
+    padding-top: 1px;
+  }
+  .pr-0 {
+    padding-right: calc(var(--spacing) * 0);
+  }
   .pr-1 {
     padding-right: calc(var(--spacing) * 1);
   }
@@ -3756,6 +3867,12 @@
   .pb-0 {
     padding-bottom: calc(var(--spacing) * 0);
   }
+  .pb-1 {
+    padding-bottom: calc(var(--spacing) * 1);
+  }
+  .pb-1\.5 {
+    padding-bottom: calc(var(--spacing) * 1.5);
+  }
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
@@ -3931,6 +4048,10 @@
     --tw-leading: var(--leading-relaxed);
     line-height: var(--leading-relaxed);
   }
+  .leading-snug {
+    --tw-leading: var(--leading-snug);
+    line-height: var(--leading-snug);
+  }
   .leading-tight {
     --tw-leading: var(--leading-tight);
     line-height: var(--leading-tight);
@@ -4137,6 +4258,9 @@
   .text-info {
     color: var(--info);
   }
+  .text-inherit {
+    color: inherit;
+  }
   .text-logo {
     color: var(--logo);
   }
@@ -4279,6 +4403,9 @@
   .opacity-50 {
     opacity: 50%;
   }
+  .opacity-55 {
+    opacity: 55%;
+  }
   .opacity-60 {
     opacity: 60%;
   }
@@ -4317,6 +4444,10 @@
     --tw-shadow: 0px 4px 24px 0px var(--tw-shadow-color, rgba(0,0,0,0.25));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\[inset_3px_0_0_var\(--brand\)\] {
+    --tw-shadow: inset 3px 0 0 var(--tw-shadow-color, var(--brand));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-lg {
     --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4488,12 +4619,21 @@
   .\[--cell-size\:2\.75rem\] {
     --cell-size: 2.75rem;
   }
+  .\[--editor-py\:7px\] {
+    --editor-py: 7px;
+  }
   .\[-ms-overflow-style\:none\] {
     -ms-overflow-style: none;
   }
   .\[scrollbar-width\:none\] {
     scrollbar-width: none;
   }
+  .\[story\:kitchen-sink\] {
+    story: kitchen-sink;
+  }
+  .ring-inset {
+    --tw-ring-inset: inset;
+  }
   .group-open\:rotate-90 {
     &:is(:where(.group):is([open], :popover-open, :open) *) {
       rotate: 90deg;
@@ -4813,11 +4953,27 @@
       cursor: default;
     }
   }
+  .empty\:hidden {
+    &:empty {
+      display: none;
+    }
+  }
+  .empty\:border-t-0 {
+    &:empty {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 0px;
+    }
+  }
   .focus-within\:border-border-hover {
     &:focus-within {
       border-color: var(--border-hover);
     }
   }
+  .focus-within\:border-ring {
+    &:focus-within {
+      border-color: var(--ring);
+    }
+  }
   .focus-within\:ring-2 {
     &:focus-within {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -5584,6 +5740,27 @@
       }
     }
   }
+  .has-\[\[data-slot\=input-group-control\]_\:focus-visible\]\:ring-2 {
+    &:has(*:is([data-slot=input-group-control] :focus-visible)) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .has-\[\[data-slot\=input-group-control\]_\:focus-visible\]\:ring-error {
+    &:has(*:is([data-slot=input-group-control] :focus-visible)) {
+      --tw-ring-color: var(--error);
+    }
+  }
+  .has-\[\[data-slot\=input-group-control\]_\:focus-visible\]\:ring-ring {
+    &:has(*:is([data-slot=input-group-control] :focus-visible)) {
+      --tw-ring-color: var(--ring);
+    }
+  }
+  .has-\[\[data-slot\=input-group-control\]_\:focus-visible\]\:ring-inset {
+    &:has(*:is([data-slot=input-group-control] :focus-visible)) {
+      --tw-ring-inset: inset;
+    }
+  }
   .has-\[\[data-slot\=input-group-control\]\:disabled\]\:cursor-not-allowed {
     &:has(*:is([data-slot=input-group-control]:disabled)) {
       cursor: not-allowed;
@@ -5600,11 +5777,21 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-error {
+    &:has(*:is([data-slot=input-group-control]:focus-visible)) {
+      --tw-ring-color: var(--error);
+    }
+  }
   .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring {
     &:has(*:is([data-slot=input-group-control]:focus-visible)) {
       --tw-ring-color: var(--ring);
     }
   }
+  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-inset {
+    &:has(*:is([data-slot=input-group-control]:focus-visible)) {
+      --tw-ring-inset: inset;
+    }
+  }
   .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-error {
     &:has(*:is([data-slot][aria-invalid=true])) {
       border-color: var(--error);
@@ -5618,6 +5805,36 @@
       }
     }
   }
+  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:has-\[\[data-slot\=input-group-control\]_\:focus-visible\]\:ring-error {
+    &:has(*:is([data-slot][aria-invalid=true])) {
+      &:has(*:is([data-slot=input-group-control] :focus-visible)) {
+        --tw-ring-color: var(--error);
+      }
+    }
+  }
+  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-error {
+    &:has(*:is([data-slot][aria-invalid=true])) {
+      &:has(*:is([data-slot=input-group-control]:focus-visible)) {
+        --tw-ring-color: var(--error);
+      }
+    }
+  }
+  .has-\[button\[data-slot\=input-group-control\]\:not\(\:disabled\)\:hover\]\:bg-accent {
+    &:has(*:is(button[data-slot=input-group-control]:not(:disabled):hover)) {
+      background-color: var(--accent);
+    }
+  }
+  .has-\[\>\[data-slot\=input-group-addon\]\[data-align\=inline-end\]\]\:pr-2 {
+    &:has(>[data-slot=input-group-addon][data-align=inline-end]) {
+      padding-right: calc(var(--spacing) * 2);
+    }
+  }
+  .has-\[\>\[hidden\]\]\:border-t-0 {
+    &:has(>[hidden]) {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 0px;
+    }
+  }
   .has-\[\>textarea\]\:h-auto {
     &:has(>textarea) {
       height: auto;
@@ -6260,6 +6477,11 @@
       grid-template-columns: 2fr 3fr 3fr;
     }
   }
+  .\@max-\[380px\]\:hidden {
+    @container (width < 380px) {
+      display: none;
+    }
+  }
   .\@max-\[259px\]\:block {
     @container (width < 259px) {
       display: block;
@@ -6290,16 +6512,46 @@
       height: calc(var(--spacing) * 3.5);
     }
   }
+  .future\:h-6 {
+    :is(.future-dark, .future-light) & {
+      height: calc(var(--spacing) * 6);
+    }
+  }
   .future\:h-10 {
     :is(.future-dark, .future-light) & {
       height: calc(var(--spacing) * 10);
     }
   }
+  .future\:h-auto {
+    :is(.future-dark, .future-light) & {
+      height: auto;
+    }
+  }
   .future\:h-full {
     :is(.future-dark, .future-light) & {
       height: 100%;
     }
   }
+  .future\:max-h-6 {
+    :is(.future-dark, .future-light) & {
+      max-height: calc(var(--spacing) * 6);
+    }
+  }
+  .future\:max-h-10 {
+    :is(.future-dark, .future-light) & {
+      max-height: calc(var(--spacing) * 10);
+    }
+  }
+  .future\:min-h-6 {
+    :is(.future-dark, .future-light) & {
+      min-height: calc(var(--spacing) * 6);
+    }
+  }
+  .future\:min-h-10 {
+    :is(.future-dark, .future-light) & {
+      min-height: calc(var(--spacing) * 10);
+    }
+  }
   .future\:w-3\.5 {
     :is(.future-dark, .future-light) & {
       width: calc(var(--spacing) * 3.5);
@@ -6342,6 +6594,12 @@
       border-bottom-left-radius: var(--radius-xl);
     }
   }
+  .future\:border {
+    :is(.future-dark, .future-light) & {
+      border-style: var(--tw-border-style);
+      border-width: 1px;
+    }
+  }
   .future\:border-0 {
     :is(.future-dark, .future-light) & {
       border-style: var(--tw-border-style);
@@ -6358,6 +6616,16 @@
       border-color: var(--border-subtle);
     }
   }
+  .future\:border-error {
+    :is(.future-dark, .future-light) & {
+      border-color: var(--error);
+    }
+  }
+  .future\:border-input {
+    :is(.future-dark, .future-light) & {
+      border-color: var(--input);
+    }
+  }
   .future\:border-transparent {
     :is(.future-dark, .future-light) & {
       border-color: transparent;
@@ -6388,11 +6656,6 @@
       padding: calc(var(--spacing) * 0);
     }
   }
-  .future\:px-0 {
-    :is(.future-dark, .future-light) & {
-      padding-inline: calc(var(--spacing) * 0);
-    }
-  }
   .future\:px-4 {
     :is(.future-dark, .future-light) & {
       padding-inline: calc(var(--spacing) * 4);
@@ -6408,6 +6671,21 @@
       padding-block: calc(var(--spacing) * 2);
     }
   }
+  .future\:py-px {
+    :is(.future-dark, .future-light) & {
+      padding-block: 1px;
+    }
+  }
+  .future\:pr-0 {
+    :is(.future-dark, .future-light) & {
+      padding-right: calc(var(--spacing) * 0);
+    }
+  }
+  .future\:pl-0 {
+    :is(.future-dark, .future-light) & {
+      padding-left: calc(var(--spacing) * 0);
+    }
+  }
   .future\:text-sm {
     :is(.future-dark, .future-light) & {
       font-size: var(--text-sm);
@@ -6445,6 +6723,14 @@
       color: var(--muted-foreground);
     }
   }
+  .future\:text-muted-foreground\/60 {
+    :is(.future-dark, .future-light) & {
+      color: var(--muted-foreground);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
+      }
+    }
+  }
   .future\:shadow-none {
     :is(.future-dark, .future-light) & {
       --tw-shadow: 0 0 #0000;
@@ -6465,6 +6751,11 @@
       }
     }
   }
+  .future\:\[--editor-py\:10px\] {
+    :is(.future-dark, .future-light) & {
+      --editor-py: 10px;
+    }
+  }
   .future\:group-aria-invalid\/radio-group\:border-error {
     :is(.future-dark, .future-light) & {
       &:is(:where(.group\/radio-group)[aria-invalid="true"] *) {
@@ -6589,6 +6880,21 @@
       }
     }
   }
+  .future\:has-\[\[data-slot\=input-group-control\]_\:focus-visible\]\:ring-offset-2 {
+    :is(.future-dark, .future-light) & {
+      &:has(*:is([data-slot=input-group-control] :focus-visible)) {
+        --tw-ring-offset-width: 2px;
+        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+      }
+    }
+  }
+  .future\:has-\[\[data-slot\=input-group-control\]_\:focus-visible\]\:ring-offset-background {
+    :is(.future-dark, .future-light) & {
+      &:has(*:is([data-slot=input-group-control] :focus-visible)) {
+        --tw-ring-offset-color: var(--background);
+      }
+    }
+  }
   .future\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-offset-2 {
     :is(.future-dark, .future-light) & {
       &:has(*:is([data-slot=input-group-control]:focus-visible)) {
@@ -6604,6 +6910,13 @@
       }
     }
   }
+  .future\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-error {
+    :is(.future-dark, .future-light) & {
+      &:has(*:is([data-slot][aria-invalid=true])) {
+        border-color: var(--error);
+      }
+    }
+  }
   .future\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-1 {
     :is(.future-dark, .future-light) & {
       &:has(*:is([data-slot][aria-invalid=true])) {
@@ -6622,6 +6935,20 @@
       }
     }
   }
+  .future\:has-\[button\[data-slot\=input-group-control\]\:not\(\:disabled\)\:hover\]\:bg-surface-hover {
+    :is(.future-dark, .future-light) & {
+      &:has(*:is(button[data-slot=input-group-control]:not(:disabled):hover)) {
+        background-color: var(--surface-hover);
+      }
+    }
+  }
+  .future\:has-\[\>\[data-slot\=input-group-addon\]\[data-align\=inline-end\]\]\:pr-2 {
+    :is(.future-dark, .future-light) & {
+      &:has(>[data-slot=input-group-addon][data-align=inline-end]) {
+        padding-right: calc(var(--spacing) * 2);
+      }
+    }
+  }
   .future\:aria-invalid\:border-error {
     :is(.future-dark, .future-light) & {
       &[aria-invalid="true"] {
@@ -6861,6 +7188,18 @@
       width: calc(var(--spacing) * 5);
     }
   }
+  .\[\&_\[data-slot\=model-picker-tag\]\]\:max-w-full {
+    & [data-slot=model-picker-tag] {
+      max-width: 100%;
+    }
+  }
+  .\[\&_\[data-slot\=model-picker-tag\]\]\:truncate {
+    & [data-slot=model-picker-tag] {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
   .\[\&_p\]\:leading-4 {
     & p {
       --tw-leading: calc(var(--spacing) * 4);
@@ -6889,6 +7228,12 @@
       height: calc(var(--spacing) * 3);
     }
   }
+  .\[\&_svg\]\:size-3\.5 {
+    & svg {
+      width: calc(var(--spacing) * 3.5);
+      height: calc(var(--spacing) * 3.5);
+    }
+  }
   .\[\&_svg\]\:size-4 {
     & svg {
       width: calc(var(--spacing) * 4);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "2.55.0",
+  "version": "2.57.0",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",
@@ -105,6 +105,7 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "@tailwindcss/postcss": "^4.1.17",
     "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.14.3",
     "autoprefixer": "^10.4.22",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",