@eightshift/ui-components 5.1.2 → 5.1.4

package/dist/assets/style.css

@@ -43,6 +43,7 @@
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
       --tw-blur: initial;
       --tw-brightness: initial;
       --tw-contrast: initial;
@@ -150,7 +151,6 @@
   --es-color-secondary-900: var(--es-color-zinc-900);
   --es-color-accent-50: var(--es-color-teal-50);
   --es-color-accent-100: var(--es-color-teal-100);
-  --es-color-accent-300: var(--es-color-teal-300);
   --es-color-accent-400: var(--es-color-teal-400);
   --es-color-accent-500: var(--es-color-teal-500);
   --es-color-accent-600: var(--es-color-teal-600);
@@ -161,13 +161,12 @@
   --es-color-red-50: oklch(97.1% .013 17.38);
   --es-color-red-100: oklch(93.6% .032 17.717);
   --es-color-red-200: oklch(88.5% .062 18.334);
-  --es-color-red-300: oklch(80.8% .114 19.571);
   --es-color-red-500: oklch(63.7% .237 25.331);
   --es-color-red-600: oklch(57.7% .245 27.325);
   --es-color-red-700: oklch(50.5% .213 27.518);
   --es-color-red-800: oklch(44.4% .177 26.899);
   --es-color-red-900: oklch(39.6% .141 25.723);
-  --es-color-red-950: oklch(25.8% .092 26.042);
+  --es-color-orange-100: oklch(95.4% .038 75.164);
   --es-color-orange-200: oklch(90.1% .076 70.697);
   --es-color-orange-500: oklch(70.5% .213 47.604);
   --es-color-orange-700: oklch(55.3% .195 38.402);
@@ -197,10 +196,6 @@
   --es-color-green-800: oklch(44.8% .119 151.328);
   --es-color-green-900: oklch(39.3% .095 152.535);
   --es-color-green-950: oklch(26.6% .065 152.934);
-  --es-color-emerald-200: oklch(90.5% .093 164.15);
-  --es-color-emerald-500: oklch(69.6% .17 162.48);
-  --es-color-emerald-600: oklch(59.6% .145 163.225);
-  --es-color-emerald-950: oklch(26.2% .051 172.552);
   --es-color-teal-50: oklch(98.4% .014 180.72);
   --es-color-teal-100: oklch(95.3% .051 180.801);
   --es-color-teal-200: oklch(91% .096 180.426);
@@ -225,7 +220,11 @@
   --es-color-blue-800: oklch(42.4% .199 265.638);
   --es-color-blue-900: oklch(37.9% .146 265.522);
   --es-color-blue-950: oklch(28.2% .091 267.935);
+  --es-color-indigo-100: oklch(93% .034 272.788);
   --es-color-indigo-500: oklch(58.5% .233 277.117);
+  --es-color-indigo-600: oklch(51.1% .262 276.966);
+  --es-color-indigo-700: oklch(45.7% .24 277.023);
+  --es-color-indigo-800: oklch(39.8% .195 277.366);
   --es-color-violet-50: oklch(96.9% .016 293.756);
   --es-color-violet-100: oklch(94.3% .029 294.588);
   --es-color-violet-200: oklch(89.4% .057 293.283);
@@ -2659,23 +2658,13 @@
     }
   }
 
-  .es\:border-blue-400\/75 {
-    border-color: var(--es-color-blue-400);
+  .es\:border-blue-500\/75 {
+    border-color: var(--es-color-blue-500);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .es\:border-blue-400\/75 {
-      border-color: color-mix(in oklab, var(--es-color-blue-400) 75%, transparent);
-    }
-  }
-
-  .es\:border-emerald-500\/75 {
-    border-color: var(--es-color-emerald-500);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .es\:border-emerald-500\/75 {
-      border-color: color-mix(in oklab, var(--es-color-emerald-500) 75%, transparent);
+    .es\:border-blue-500\/75 {
+      border-color: color-mix(in oklab, var(--es-color-blue-500) 75%, transparent);
     }
   }
 
@@ -2691,6 +2680,26 @@
     border-color: var(--es-color-gray-300);
   }
 
+  .es\:border-green-600\/75 {
+    border-color: var(--es-color-green-600);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .es\:border-green-600\/75 {
+      border-color: color-mix(in oklab, var(--es-color-green-600) 75%, transparent);
+    }
+  }
+
+  .es\:border-indigo-600\/60 {
+    border-color: var(--es-color-indigo-600);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .es\:border-indigo-600\/60 {
+      border-color: color-mix(in oklab, var(--es-color-indigo-600) 60%, transparent);
+    }
+  }
+
   .es\:border-orange-500\/75 {
     border-color: var(--es-color-orange-500);
   }
@@ -2705,8 +2714,14 @@
     border-color: var(--es-color-red-200) !important;
   }
 
-  .es\:border-red-300 {
-    border-color: var(--es-color-red-300);
+  .es\:border-red-600\/60 {
+    border-color: var(--es-color-red-600);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .es\:border-red-600\/60 {
+      border-color: color-mix(in oklab, var(--es-color-red-600) 60%, transparent);
+    }
   }
 
   .es\:border-red-700\/50 {
@@ -2879,16 +2894,6 @@
     background-color: var(--es-color-cyan-500);
   }
 
-  .es\:bg-emerald-200\/5 {
-    background-color: var(--es-color-emerald-200);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .es\:bg-emerald-200\/5 {
-      background-color: color-mix(in oklab, var(--es-color-emerald-200) 5%, transparent);
-    }
-  }
-
   .es\:bg-fuchsia-500 {
     background-color: var(--es-color-fuchsia-500);
   }
@@ -2897,6 +2902,16 @@
     background-color: var(--es-color-gray-100);
   }
 
+  .es\:bg-green-200\/5 {
+    background-color: var(--es-color-green-200);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .es\:bg-green-200\/5 {
+      background-color: color-mix(in oklab, var(--es-color-green-200) 5%, transparent);
+    }
+  }
+
   .es\:bg-green-500 {
     background-color: var(--es-color-green-500);
   }
@@ -3429,10 +3444,6 @@
     padding-inline: calc(var(--es-spacing) * 2.5);
   }
 
-  .es\:px-3 {
-    padding-inline: calc(var(--es-spacing) * 3);
-  }
-
   .es\:px-4 {
     padding-inline: calc(var(--es-spacing) * 4);
   }
@@ -3449,6 +3460,10 @@
     padding-block: calc(var(--es-spacing) * .5);
   }
 
+  .es\:py-0\.25 {
+    padding-block: calc(var(--es-spacing) * .25);
+  }
+
   .es\:py-1 {
     padding-block: calc(var(--es-spacing) * 1);
   }
@@ -3477,6 +3492,10 @@
     padding-block: calc(var(--es-spacing) * 4);
   }
 
+  .es\:pt-0\.5 {
+    padding-top: calc(var(--es-spacing) * .5);
+  }
+
   .es\:pt-1 {
     padding-top: calc(var(--es-spacing) * 1);
   }
@@ -3561,6 +3580,10 @@
     padding-left: calc(var(--es-spacing) * 2);
   }
 
+  .es\:pl-2\.5 {
+    padding-left: calc(var(--es-spacing) * 2.5);
+  }
+
   .es\:pl-3 {
     padding-left: calc(var(--es-spacing) * 3);
   }
@@ -3730,24 +3753,6 @@
     color: var(--es-color-cyan-500);
   }
 
-  .es\:text-emerald-500 {
-    color: var(--es-color-emerald-500);
-  }
-
-  .es\:text-emerald-600 {
-    color: var(--es-color-emerald-600);
-  }
-
-  .es\:text-emerald-950\/60 {
-    color: var(--es-color-emerald-950);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .es\:text-emerald-950\/60 {
-      color: color-mix(in oklab, var(--es-color-emerald-950) 60%, transparent);
-    }
-  }
-
   .es\:text-fuchsia-500 {
     color: var(--es-color-fuchsia-500);
   }
@@ -3774,10 +3779,46 @@
     color: var(--es-color-green-500);
   }
 
+  .es\:text-green-600 {
+    color: var(--es-color-green-600);
+  }
+
+  .es\:text-green-700 {
+    color: var(--es-color-green-700);
+  }
+
+  .es\:text-green-950\/60 {
+    color: var(--es-color-green-950);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .es\:text-green-950\/60 {
+      color: color-mix(in oklab, var(--es-color-green-950) 60%, transparent);
+    }
+  }
+
   .es\:text-indigo-500 {
     color: var(--es-color-indigo-500);
   }
 
+  .es\:text-indigo-600 {
+    color: var(--es-color-indigo-600);
+  }
+
+  .es\:text-indigo-700 {
+    color: var(--es-color-indigo-700);
+  }
+
+  .es\:text-indigo-800\/70 {
+    color: var(--es-color-indigo-800);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .es\:text-indigo-800\/70 {
+      color: color-mix(in oklab, var(--es-color-indigo-800) 70%, transparent);
+    }
+  }
+
   .es\:text-lime-500 {
     color: var(--es-color-lime-500);
   }
@@ -3812,13 +3853,13 @@
     color: var(--es-color-red-700);
   }
 
-  .es\:text-red-950\/60 {
-    color: var(--es-color-red-950);
+  .es\:text-red-900\/70 {
+    color: var(--es-color-red-900);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .es\:text-red-950\/60 {
-      color: color-mix(in oklab, var(--es-color-red-950) 60%, transparent);
+    .es\:text-red-900\/70 {
+      color: color-mix(in oklab, var(--es-color-red-900) 70%, transparent);
     }
   }
 
@@ -3990,6 +4031,11 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .es\:inset-ring-1 {
+    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-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);
+  }
+
   .es\:shadow-accent-500\/25 {
     --tw-shadow-color: var(--es-color-accent-500);
   }
@@ -4060,13 +4106,23 @@
     }
   }
 
-  .es\:shadow-emerald-500\/15 {
-    --tw-shadow-color: var(--es-color-emerald-500);
+  .es\:shadow-green-500\/15 {
+    --tw-shadow-color: var(--es-color-green-500);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .es\:shadow-emerald-500\/15 {
-      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-emerald-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
+    .es\:shadow-green-500\/15 {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-green-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
+
+  .es\:shadow-indigo-500\/15 {
+    --tw-shadow-color: var(--es-color-indigo-500);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .es\:shadow-indigo-500\/15 {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-indigo-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
     }
   }
 
@@ -4182,6 +4238,28 @@
     --tw-inset-ring-color: var(--es-color-accent-600);
   }
 
+  .es\:inset-ring-blue-100 {
+    --tw-inset-ring-color: var(--es-color-blue-100);
+  }
+
+  .es\:inset-ring-green-100 {
+    --tw-inset-ring-color: var(--es-color-green-100);
+  }
+
+  .es\:inset-ring-indigo-100\/0 {
+    --tw-inset-ring-color: var(--es-color-indigo-100);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .es\:inset-ring-indigo-100\/0 {
+      --tw-inset-ring-color: color-mix(in oklab, var(--es-color-indigo-100) 0%, transparent);
+    }
+  }
+
+  .es\:inset-ring-orange-100 {
+    --tw-inset-ring-color: var(--es-color-orange-100);
+  }
+
   .es\:inset-ring-red-100 {
     --tw-inset-ring-color: var(--es-color-red-100);
   }
@@ -4228,6 +4306,15 @@
     }
   }
 
+  .es\:outline-2 {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
+  }
+
+  .es\:outline-white {
+    outline-color: var(--es-color-white);
+  }
+
   .es\:blur-\[0\.5px\] {
     --tw-blur: blur(.5px);
     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, );
@@ -4647,7 +4734,7 @@
     background-color: var(--es-color-accent-50);
   }
 
-  .es\:group-selected\:bg-accent-500\/10:is(:where(.es\:group)[data-selected] *) {
+  .es\:group-selected\:bg-accent-500:is(:where(.es\:group)[data-selected] *), .es\:group-selected\:bg-accent-500\/10:is(:where(.es\:group)[data-selected] *) {
     background-color: var(--es-color-accent-500);
   }
 
@@ -6120,6 +6207,10 @@
     }
   }
 
+  .es\:selected\:border-accent-500[data-selected] {
+    border-color: var(--es-color-accent-500);
+  }
+
   .es\:selected\:border-accent-600[data-selected] {
     border-color: var(--es-color-accent-600);
   }
@@ -6139,17 +6230,31 @@
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
 
-  .es\:selected\:from-accent-300\/10[data-selected] {
-    --tw-gradient-from: var(--es-color-accent-300);
+  .es\:selected\:from-accent-400\/10[data-selected] {
+    --tw-gradient-from: var(--es-color-accent-400);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .es\:selected\:from-accent-400\/10[data-selected] {
+      --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-400) 10%, transparent);
+    }
+  }
+
+  .es\:selected\:from-accent-400\/10[data-selected] {
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+
+  .es\:selected\:from-accent-400\/15[data-selected] {
+    --tw-gradient-from: var(--es-color-accent-400);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .es\:selected\:from-accent-300\/10[data-selected] {
-      --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-300) 10%, transparent);
+    .es\:selected\:from-accent-400\/15[data-selected] {
+      --tw-gradient-from: color-mix(in oklab, var(--es-color-accent-400) 15%, transparent);
     }
   }
 
-  .es\:selected\:from-accent-300\/10[data-selected] {
+  .es\:selected\:from-accent-400\/15[data-selected] {
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
@@ -6177,6 +6282,10 @@
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
+  .es\:selected\:text-accent-700[data-selected] {
+    color: var(--es-color-accent-700);
+  }
+
   .es\:selected\:text-accent-900[data-selected] {
     color: var(--es-color-accent-900);
   }
@@ -6710,6 +6819,12 @@
   initial-value: 0 0 #0000;
 }
 
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+
 @property --tw-blur {
   syntax: "*";
   inherits: false

package/dist/components/notice/notice.js

@@ -30,64 +30,64 @@ const Notice = (props) => {
   }
   const styles = {
     info: {
-      icon: icons.infoCircle,
-      className: "es:border-blue-400/75 es:shadow-blue-500/15 es:bg-blue-200/5",
-      iconColor: "es:text-blue-400",
-      textColor: "es:text-blue-500 es:saturate-75",
-      subtitleColor: "es:text-blue-950/60"
+      icon: icons.info,
+      className: "es:border-blue-500/75 es:shadow-blue-500/15 es:bg-blue-200/5 es:inset-ring-blue-100",
+      iconColorClassName: "es:text-blue-500",
+      textColorClassName: "es:text-blue-500 es:saturate-75",
+      subtitleColorClassName: "es:text-blue-950/60"
     },
     success: {
       icon: icons.checkSquare,
-      className: "es:border-emerald-500/75 es:shadow-emerald-500/15 es:bg-emerald-200/5",
-      iconColor: "es:text-emerald-500",
-      textColor: "es:text-emerald-600",
-      subtitleColor: "es:text-emerald-950/60"
+      className: "es:border-green-600/75 es:shadow-green-500/15 es:bg-green-200/5 es:inset-ring-green-100",
+      iconColorClassName: "es:text-green-600",
+      textColorClassName: "es:text-green-700",
+      subtitleColorClassName: "es:text-green-950/60"
     },
     warning: {
       icon: icons.warning,
-      className: "es:border-orange-500/75 es:shadow-orange-500/15 es:bg-orange-200/5",
-      iconColor: "es:text-orange-500",
-      textColor: "es:text-orange-700",
-      subtitleColor: "es:text-orange-950/60"
+      className: "es:border-orange-500/75 es:shadow-orange-500/15 es:bg-orange-200/5 es:inset-ring-orange-100",
+      iconColorClassName: "es:text-orange-500",
+      textColorClassName: "es:text-orange-700",
+      subtitleColorClassName: "es:text-orange-950/60"
     },
     error: {
       icon: icons.errorCircle,
-      className: "es:border-red-300 es:shadow-red-500/15 es:bg-red-200/5",
-      iconColor: "es:text-red-500",
-      textColor: "es:text-red-700",
-      subtitleColor: "es:text-red-950/60"
+      className: "es:border-red-600/60 es:shadow-red-500/15 es:bg-red-200/5 es:inset-ring-red-100",
+      iconColorClassName: "es:text-red-600",
+      textColorClassName: "es:text-red-700",
+      subtitleColorClassName: "es:text-red-900/70"
     },
     placeholder: {
       icon: icons.componentGeneric,
-      className: "es:border-secondary-400 es:shadow-secondary-300/25 es:border-dashed es:bg-secondary-200/5",
-      iconColor: "es:text-secondary-400",
-      textColor: "es:text-secondary-900",
-      subtitleColor: "es:text-secondary-500"
+      className: "es:border-indigo-600/60 es:shadow-indigo-500/15 es:bg-white es:outline-2 es:outline-white es:inset-ring-indigo-100/0 es:border-dashed",
+      iconColorClassName: "es:text-indigo-600",
+      textColorClassName: "es:text-indigo-700",
+      subtitleColorClassName: "es:text-indigo-800/70"
     },
     default: {
-      className: "es:border-secondary-300 es:shadow-secondary-300/25 es:bg-secondary-200/5",
-      iconColor: "es:text-secondary-400",
-      textColor: "es:text-secondary-900",
-      subtitleColor: "es:text-secondary-500"
+      className: "es:border-secondary-400 es:shadow-secondary-300/25 es:bg-secondary-200/5 es:inset-ring-secondary-100",
+      iconColorClassName: "es:text-secondary-500",
+      textColorClassName: "es:text-secondary-900",
+      subtitleColorClassName: "es:text-secondary-500"
     }
   };
   return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
     "div",
     {
       className: clsx(
-        "es:grid es:grid-cols-[auto_1fr] es:grid-rows-[auto_auto] es:rounded-xl es:border es:bg-linear-to-tr es:shadow-sm",
+        "es:grid es:grid-cols-[auto_1fr] es:grid-rows-[auto_auto] es:rounded-xl es:border es:bg-linear-to-tr es:shadow-sm es:inset-ring-1",
         styles[type].className,
-        icon || styles[type].icon ? "es:gap-x-1.5 es:p-2" : "es:px-2 es:py-2",
+        icon || styles[type].icon ? "es:gap-x-1.5 es:p-2 es:pr-3 es:pl-2.5" : "es:px-2.5 es:py-2",
         className
       ),
       children: [
         (icon || styles[type].icon) && /* @__PURE__ */ jsx(
-          "span",
+          "div",
           {
             className: clsx(
-              "es:col-span-1 es:col-start-1 es:row-span-2 es:row-start-1 es:shrink-0 es:icon:size-6",
+              "es:col-span-1 es:col-start-1 es:row-span-2 es:row-start-1 es:shrink-0 es:icon:size-5.5",
               alignIconToTitle ? "es:self-baseline" : "es:self-center",
-              styles[type].iconColor
+              styles[type].iconColorClassName
             ),
             children: icon ?? styles[type].icon
           }
@@ -98,7 +98,7 @@ const Notice = (props) => {
             className: clsx(
               "es:col-span-2 es:col-start-2 es:text-balance es:text-sm es:leading-tight",
               subtitle ? "es:self-end" : "es:row-span-2 es:self-center",
-              styles[type].textColor
+              styles[type].textColorClassName
             ),
             children: label
           }
@@ -107,8 +107,8 @@ const Notice = (props) => {
           "span",
           {
             className: clsx(
-              "es:col-span-2 es:col-start-2 es:text-balance es:text-xs es:leading-tight",
-              styles[type].subtitleColor,
+              "es:col-span-2 es:col-start-2 es:text-balance es:text-xs es:leading-tight es:pt-0.5",
+              styles[type].subtitleColorClassName,
               label ? "es:self-start" : "es:row-span-2 es:self-center"
             ),
             children: subtitle

package/dist/components/repeater/repeater-item.js

@@ -30,7 +30,7 @@ import { RepeaterContext } from "./repeater-context.js";
  */
 const RepeaterItem = (props) => {
   const { children, icon, label, subtitle, "aria-label": ariaLabel, className, actions, textValue, expandDisabled, menuOptions, noMenuButton, ...rest } = props;
-  const { deleteItem, duplicateItem, isDragged, isOutOfBounds, isSelected, canDelete, canAdd, allOpen, setAllOpen, setOpenItems, id, isItemOpen } = useContext(RepeaterContext);
+  const { deleteItem, duplicateItem, isDragged, isOutOfBounds, isSelected, canDelete, canAdd, allOpen, setAllOpen, setOpenItems, id, isItemOpen, noDuplicateButton } = useContext(RepeaterContext);
   return /* @__PURE__ */ jsx(
     Expandable,
     {
@@ -71,7 +71,7 @@ const RepeaterItem = (props) => {
               children: [
                 menuOptions,
                 menuOptions && /* @__PURE__ */ jsx(MenuSeparator, {}),
-                /* @__PURE__ */ jsx(
+                !noDuplicateButton && /* @__PURE__ */ jsx(
                   MenuItem,
                   {
                     disabled: !canAdd,

package/dist/components/repeater/repeater.js

@@ -38,6 +38,7 @@ const fixIds = (items, itemIdBase) => {
  * @param {JSX.Element} [props.addButton] - If provided, overrides the default add button. `(props: { addItem: (additional: Object<string, any>?) => void, disabled: Boolean }) => JSX.Element`.
  * @param {string} [props.className] - Classes to pass to the item wrapper.
  * @param {boolean} [props.noExpandAllButton] - If `true`, the "Expand all"/"Collapse all" button is not displayed.
+ * @param {boolean} [props.noDuplicateButton] - If `true`, the "Duplicate" button is not displayed.
  * @param {boolean} [props.noDragToRemove] - If `true`, the "drag to remove" functionality will be disabled.
  * @param {JSX.Element|JSX.Element[]} [props.moreOptions] - Options to add in the "More options" menu.
  * @param {JSX.Element} [props.emptyState] - Allows overriding the default empty state.
@@ -93,6 +94,7 @@ const Repeater = (props) => {
     className,
     emptyState,
     noExpandAllButton,
+    noDuplicateButton,
     noDragToRemove,
     moreOptions,
     hidden
@@ -104,7 +106,7 @@ const Repeater = (props) => {
   }
   const items = fixIds(rawItems ?? [], itemIdBase);
   const canDelete = items.length > (minItems ?? 0);
-  const canAdd = items.length < (maxItems ?? Number.MAX_SAFE_INTEGER);
+  const canAdd = items.length < (maxItems ?? Number.MAX_SAFE_INTEGER) && !addDisabled;
   if (hidden) {
     return null;
   }
@@ -219,7 +221,8 @@ const Repeater = (props) => {
                         allOpen,
                         setAllOpen,
                         setOpenItems,
-                        isItemOpen: openItems[item.id] ?? allOpen
+                        isItemOpen: openItems[item.id] ?? allOpen,
+                        noDuplicateButton
                       },
                       children: children({
                         ...item,

package/dist/components/select/v2/async-select.js

@@ -30,14 +30,17 @@ import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../../useAsyn
  * @param {{label: string, value: string, metadata: Object<string, any>?}} props.value - Current value of the select.
  * @param {Function} props.onChange - Function to call when the value changes.
  * @param {boolean} [props.clearable=false] - Whether the select is clearable.
- * @param {boolean} [props.noSearch=false] - Whether the search is disabled.
  * @param {boolean} [props.disabled=false] - Whether the select is disabled.
- * @param {boolean} [props.keepMenuOpenAfterSelect=false] - Whether the menu stays open after an select.
  * @param {string} [props.placeholder] - Placeholder text to show when no value is selected.
+ * @param {Function} [props.getLabel] - Function to get the label for the item from the fetched data. `(item: Object<string, any>) => string`
+ * @param {Function} [props.getValue] - Function to get the value for the item from the fetched data. `(item: Object<string, any>) => string`
+ * @param {Function} [props.getMeta] - Function to get the metadata for the item from the fetched data. `(item: Object<string, any>) => Object<string, any>` (optional)
+ * @param {Function} [props.getIcon] - Function to get the icon for the item from the fetched data. `(item: Object<string, any>) => JSX.Element | string`
+ * @param {Function} [props.getSubtitle] - Function to get the subtitle for the item from the fetched data. `(item: Object<string, any>) => string`
+ * @param {Function} [props.getData] - Function to pre-process the fetched data before it is used in the select. `(data: Object<string, any>[]) => Object<string, any>[]`
  * @param {JSX.Element} [props.customMenuOption] - If provided, replaces the default item in the dropdown menu. `({ value: string, label: string, subtitle: string, metadata: any }) => JSX.Element`
  * @param {JSX.Element} [props.customValueDisplay] - If provided, replaces the default current value display of each selected item. `({ value: string, label: string, subtitle: string, metadata: any }) => JSX.Element`
  * @param {JSX.Element} [props.customDropdownArrow] - If provided, replaces the default dropdown arrow indicator.
- * @param {Function} [props.processLoadedOptions] - Allows modifying (filtering, grouping, ...) options output after the items have been dynamically fetched. Must include `label`, `value`, and `id` keys in the output, additional fields can be added as required.
  * @param {string} props.className - Classes to pass to the select menu.
  * @param {boolean} [props.noMinWidth=false] - If `true`, the select menu will not have a minimum width.
  * @param {boolean} [props.hidden] - If `true`, the component is not rendered.
@@ -68,7 +71,6 @@ const AsyncSelectNext = (props) => {
     inline,
     value,
     onChange,
-    noSearch = false,
     disabled = false,
     clearable = false,
     className,

package/dist/components/select/v2/single-select.js

@@ -94,6 +94,7 @@ const SelectNext = (props) => {
   return /* @__PURE__ */ jsx(
     $82d7e5349645de74$export$ef9b1a59e592288f,
     {
+      isDisabled: disabled,
       selectedKey: currentValue,
       onSelectionChange: (selected) => {
         if (selected === null || selected === void 0) {