@eightshift/ui-components 6.0.6 → 6.0.9

package/dist/components/modal/modal.js

@@ -1,11 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { j as $a11501f3d1d39e6c$export$ea8f71083e90600f, k as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, l as $337b884510726a0d$export$14c98a7594375490, m as $5e3802645cc19319$export$1c3ebcada18427bf, n as $de32f1b87079253c$export$d2f961adcb0afbe, o as $86ea4cb521eb2e37$export$2317d149ed6f78c4, p as $337b884510726a0d$export$c6fdb837b070b4ff, h as $de32f1b87079253c$export$2e1e1122cf0cba88, g as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-D8bjn-nh.js";
-import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-BmRX4BRL.js";
-import { m as $b5e257d569688ac6$export$535bd6ca7f90a273, a as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, k as $df56164dff5785e2$export$4338b53315abf666, l as $5dc95899b306f630$export$c9058316764c140e, g as $64fa3d84918910a7$export$4d86445c2cf5e3, h as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-DGpXyJOJ.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
-import { c as $21f1aa98acb08317$export$c57958e35f31ed73, d as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "../../SelectionManager-N8X7T_4D.js";
+import { j as $a11501f3d1d39e6c$export$ea8f71083e90600f, k as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, l as $337b884510726a0d$export$14c98a7594375490, m as $5e3802645cc19319$export$1c3ebcada18427bf, n as $de32f1b87079253c$export$d2f961adcb0afbe, o as $86ea4cb521eb2e37$export$2317d149ed6f78c4, p as $337b884510726a0d$export$c6fdb837b070b4ff, h as $de32f1b87079253c$export$2e1e1122cf0cba88, g as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-Dd1yqNus.js";
+import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-eA6LXIKB.js";
+import { l as $b5e257d569688ac6$export$535bd6ca7f90a273, a as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, j as $df56164dff5785e2$export$4338b53315abf666, k as $5dc95899b306f630$export$c9058316764c140e, g as $64fa3d84918910a7$export$4d86445c2cf5e3, h as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-HC9_3Crc.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
+import { c as $21f1aa98acb08317$export$c57958e35f31ed73, d as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "../../SelectionManager-DbBiF5M8.js";
 import $dbSRa$react__default, { useState, useEffect, forwardRef, useContext, createContext, useRef, useMemo } from "react";
-import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, b as $d3f049242431219c$export$6d3443f2c48bfc20 } from "../../OverlayArrow-DokC40S3.js";
+import { $ as $d3f049242431219c$export$45fda7c47f93fd48, a as $d3f049242431219c$export$6d3443f2c48bfc20 } from "../../animation-DY7CNkr6.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../OverlayArrow-DVJTTfZM.js";
 import { Button } from "../button/button.js";
 import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
@@ -268,6 +269,9 @@ function $f3f84453ead64de5$var$ModalContent(props) {
  * @param {string} [props.contentContainerClassName] - Classes to pass to the modal content container.
  * @param {Function} [props.shouldCloseOnInteractOutside=() => true] - Allows ignoring close events for certain elements. `(element: HTMLElement) => boolean`.
  * @param {Function} [props.onOpenChange] - Function called when the modal's open state changes. `(isOpen: boolean) => void`
+ * @param {ModalWidth} [props.width='default'] - Determines the modal width.
+ *
+ * @typedef {'default' | 'wide'} ModalWidth
  *
  * @returns {JSX.Element} The Modal component.
  *
@@ -316,6 +320,7 @@ const ModalInternal = (props) => {
     actionsClassName,
     overlayClassName,
     contentContainerClassName,
+    width = "default",
     ...rest
   } = props;
   return /* @__PURE__ */ jsx(
@@ -328,7 +333,7 @@ const ModalInternal = (props) => {
       onOpenChange,
       isKeyboardDismissDisabled: noKeyboardDismiss,
       className: ({ isEntering, isExiting }) => clsx(
-        "es:fixed es:inset-0 es:z-9999 es:flex es:min-h-full es:items-center es:justify-center es:overflow-y-auto es:p-4",
+        "es:fixed es:inset-0 es:z-9999 es:flex es:min-h-full es:items-center es:justify-center es:overflow-hidden es:p-4",
         !noBackdrop && "es:bg-accent-950/20 es:backdrop-blur-xs",
         isEntering && "es:motion-opacity-in es:motion-duration-150",
         isExiting && "es:motion-opacity-out es:motion-duration-150",
@@ -339,9 +344,11 @@ const ModalInternal = (props) => {
         $f3f84453ead64de5$export$2b77a92f1a5ad772,
         {
           className: ({ isEntering, isExiting }) => clsx(
-            "es:w-full es:max-w-lg es:overflow-hidden es:rounded-3xl es:inset-ring es:inset-ring-surface-400/30 es:bg-white es:bg-linear-to-b es:from-accent-300/3 es:to-accent-300/1 es:text-left es:align-middle es:shadow-xl es:text-surface-900",
-            isEntering && "es:motion-scale-in-95 es:motion-fade-in es:motion-blur-in-xs es:motion-translate-y-in-[2rem] es:motion-duration-300 es:motion-ease-spring-smooth/scale",
-            isExiting && "es:motion-scale-out-95 es:motion-fade-out es:motion-blur-out-xs es:motion-translate-y-out-[2rem] es:motion-duration-250 es:motion-ease-spring-smooth/scale",
+            "es:w-full es:overflow-y-hidden es:rounded-3xl es:inset-ring es:inset-ring-surface-400/30 es:bg-white es:bg-linear-to-b es:from-accent-300/3 es:to-accent-300/1 es:text-left es:align-middle es:shadow-xl es:text-surface-900",
+            width === "default" && "es:max-w-lg",
+            width === "wide" && "es:max-w-[80vw]",
+            isEntering && "es:motion-scale-in-95 es:motion-fade-in es:motion-translate-y-in-[2rem] es:motion-duration-300 es:motion-ease-spring-smooth/scale",
+            isExiting && "es:motion-scale-out-95 es:motion-fade-out es:motion-translate-y-out-[2rem] es:motion-duration-250 es:motion-ease-spring-smooth/scale",
             className
           ),
           children: /* @__PURE__ */ jsx(
@@ -350,7 +357,7 @@ const ModalInternal = (props) => {
               className: clsx("es:relative es:text-sm es:outline-hidden", (!title || headerActions) && "es:pt-8"),
               "aria-label": ariaLabel,
               children: ({ close }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsxs(HStack, { className: clsx(title && "es:px-6 es:pt-6 es:justify-between", headerClassName), children: [
+                /* @__PURE__ */ jsxs(HStack, { className: clsx(title && "es:p-6 es:pb-3 es:justify-between", headerClassName), children: [
                   title && /* @__PURE__ */ jsx(
                     $5cb03073d3f54797$export$a8a3e93435678ff9,
                     {
@@ -375,7 +382,7 @@ const ModalInternal = (props) => {
                     )
                   ] })
                 ] }),
-                children && /* @__PURE__ */ jsx("div", { className: clsx("es:p-6 es:space-y-2.5", contentContainerClassName), children }),
+                children && /* @__PURE__ */ jsx("div", { className: clsx("es:px-6 es:space-y-2.5 es:overflow-y-auto es:max-h-[70vh]", !actions && "es:mb-6", contentContainerClassName), children }),
                 actions && /* @__PURE__ */ jsx(HStack, { className: clsx("es:justify-end es:px-6 es:py-4", actionsClassName), children: actions })
               ] })
             }

package/dist/components/number-picker/number-picker.js

@@ -1,16 +1,16 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import $dbSRa$react__default, { forwardRef, createContext, useRef } from "react";
 import "../../default-i18n-CnQeC5Pl.js";
-import { a as $a049562f99e7db0e$export$f9c6924e160136d1, b as $3985021b0ad6602f$export$37fb8590cf2c088c, c as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-CNNksOWg.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-D8a3eYb-.js";
-import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-BXjXzdW_.js";
-import { $ as $64fa3d84918910a7$export$29f1550f4b0d4415, d as $64fa3d84918910a7$export$fabf2dc03a41866e, e as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, f as $64fa3d84918910a7$export$ef03459518577ad4, g as $64fa3d84918910a7$export$4d86445c2cf5e3, h as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-DGpXyJOJ.js";
-import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-DwBG6m1U.js";
+import { a as $a049562f99e7db0e$export$f9c6924e160136d1, b as $3985021b0ad6602f$export$37fb8590cf2c088c, c as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-Cuw9UbNb.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DPWyf-gp.js";
+import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-JRIu2BnS.js";
+import { $ as $64fa3d84918910a7$export$29f1550f4b0d4415, d as $64fa3d84918910a7$export$fabf2dc03a41866e, e as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, f as $64fa3d84918910a7$export$ef03459518577ad4, g as $64fa3d84918910a7$export$4d86445c2cf5e3, h as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-HC9_3Crc.js";
+import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-DmVwL6Dj.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-ztX6G1zR.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-BQvmiUqb.js";
-import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberField-D2fUHql3.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-Dae33gHp.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-DYYO3Ns3.js";
+import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberField-D6lsi3Vu.js";
 import { ButtonGroup, Button } from "../button/button.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";

package/dist/components/options-panel/options-panel.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
 import { RichLabel } from "../rich-label/rich-label.js";
-import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-BmRX4BRL.js";
+import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-eA6LXIKB.js";
 import { cloneElement } from "react";
 /**
  * Component that provides a container panel for options, with an optional title.

package/dist/components/popover/popover.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d, g as $de32f1b87079253c$export$3ddf2d174ce01153, h as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-D8bjn-nh.js";
+import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d, g as $de32f1b87079253c$export$3ddf2d174ce01153, h as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-Dd1yqNus.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
 import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
 import { Button } from "../button/button.js";
@@ -108,17 +108,17 @@ const Popover = (props) => {
       crossOffset,
       containerPadding,
       className: ({ isEntering, isExiting }) => clsx(
-        "es:rounded-2xl es:bg-linear-to-br es:from-surface-50/75 es:to-surface-50/75 es:inset-ring es:inset-ring-surface-500/15 es:shadow-xl es:outline-hidden",
-        "es:backdrop-blur-lg es:backdrop-brightness-110 es:backdrop-saturate-125",
+        "es:rounded-2xl es:bg-linear-to-br es:from-surface-50/85 es:to-surface-50/85 es:inset-ring es:inset-ring-surface-500/15 es:shadow-xl es:outline-hidden",
+        "es:backdrop-blur-xl es:backdrop-brightness-110 es:backdrop-saturate-125",
         "es:inset-shadow-xs es:inset-shadow-white/50",
         "es:placement-bottom:origin-top-left es:placement-top:origin-bottom-left",
         "es:placement-left:origin-right es:placement-right:origin-left",
         "es:motion-duration-250 es:motion-ease-spring-bouncy",
         isEntering && "es:*:pointer-events-none",
         "es:placement-bottom:origin-top-left es:placement-top:origin-bottom-left",
-        isEntering && "es:motion-scale-x-in-95 es:motion-scale-y-in-85 es:motion-opacity-in-0 es:motion-blur-in-[1px]",
+        isEntering && "es:motion-scale-x-in-95 es:motion-scale-y-in-85 es:motion-opacity-in-0",
         isEntering && "es:placement-top:motion-translate-y-in-[0.5rem] es:placement-bottom:motion-translate-y-in-[-0.5rem]",
-        isExiting && "es:motion-scale-x-out-95 es:motion-scale-y-out-85 es:motion-opacity-out-0 es:motion-blur-out-xs",
+        isExiting && "es:motion-scale-x-out-95 es:motion-scale-y-out-85 es:motion-opacity-out-0",
         isExiting && "es:placement-top:motion-translate-y-out-[0.5rem] es:placement-bottom:motion-translate-y-out-[-0.5rem]",
         wrapperClassName
       ),

package/dist/components/radio/radio.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-D8a3eYb-.js";
-import { a as $b6c3ddc6086f204d$export$d7b12c4107be0d61, $ as $b6c3ddc6086f204d$export$a98f0dcb43a68a25 } from "../../RadioGroup-BVFvITWO.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DPWyf-gp.js";
+import { a as $b6c3ddc6086f204d$export$d7b12c4107be0d61, $ as $b6c3ddc6086f204d$export$a98f0dcb43a68a25 } from "../../RadioGroup-Cp5cdBI_.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { RichLabel } from "../rich-label/rich-label.js";

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, noDuplicateButton } = useContext(RepeaterContext);
+  const { deleteItem, duplicateItem, isDragged, isOutOfBounds, canDelete, canAdd, allOpen, setAllOpen, setOpenItems, isItemOpen, index, noDuplicateButton } = useContext(RepeaterContext);
   return /* @__PURE__ */ jsx(
     Expandable,
     {
@@ -49,7 +49,7 @@ const RepeaterItem = (props) => {
         if (allOpen && !open) {
           setAllOpen(false);
         }
-        setOpenItems((prev) => ({ ...prev, [id]: open }));
+        setOpenItems((prev) => ({ ...prev, [index]: open }));
       },
       customOpenButton: ({ open, toggleOpen, tooltip, disabled }) => {
         return /* @__PURE__ */ jsxs("div", { className: "es:flex es:items-center es:gap-px", children: [
@@ -82,6 +82,7 @@ const RepeaterItem = (props) => {
                     disabled: !canDelete,
                     icon: icons.trash,
                     onPress: () => deleteItem(),
+                    danger: true,
                     children: __("Remove", "eightshift-ui-components")
                   }
                 )

package/dist/components/repeater/repeater.js

@@ -1,14 +1,14 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useId, useState } from "react";
+import { useState } from "react";
 import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
 import { Button } from "../button/button.js";
 import { icons } from "../../icons/icons.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { RepeaterContext } from "./repeater-context.js";
-import { c as clsx } from "../../clsx-DgYk2OaC.js";
-import { L as List, a as arrayRemove, b as arrayMove } from "../../List-BGHOoFf0.js";
+import { L as List, a as arrayRemove, b as arrayMove } from "../../List-CWheI3JH.js";
 import { Menu, MenuItem, MenuSeparator } from "../menu/menu.js";
+import { c as clsx } from "../../clsx-DgYk2OaC.js";
 /**
  * A component that allows re-ordering a list of items with additional sub-options.
  *
@@ -67,7 +67,6 @@ import { Menu, MenuItem, MenuSeparator } from "../menu/menu.js";
  * @preserve
  */
 const Repeater = (props) => {
-  const itemIdBase = `item-${useId().replaceAll(":", "")}`;
   const {
     children,
     onChange,
@@ -95,7 +94,7 @@ const Repeater = (props) => {
   } = props;
   const [allOpen, setAllOpen] = useState(false);
   const [openItems, setOpenItems] = useState({});
-  if (typeof rawItems === "undefined" || rawItems === null || !Array.isArray(rawItems)) {
+  if (typeof items === "undefined" || items === null || !Array.isArray(items)) {
     console.warn(__("Repeater: 'items' are not an array or are undefined!", "eightshift-ui-components"));
   }
   const canDelete = items.length > (minItems ?? 0);
@@ -137,7 +136,7 @@ const Repeater = (props) => {
           Button,
           {
             onPress: () => {
-              const newItem = { id: `${itemIdBase}${items.length + 1}`, ...addDefaultItem };
+              const newItem = { ...addDefaultItem };
               onChange([...items, newItem]);
               if (onAfterItemAdd) {
                 onAfterItemAdd(newItem);
@@ -145,15 +144,14 @@ const Repeater = (props) => {
             },
             size: "small",
             icon: icons.add,
-            className: clsx("es:icon:size-4", !hideEmptyState && items.length < 1 && "es:invisible"),
+            className: !hideEmptyState && items.length < 1 && "es:invisible",
             tooltip: __("Add item", "eightshift-ui-components"),
-            disabled: addDisabled || !canAdd,
-            type: "simple"
+            disabled: addDisabled || !canAdd
           }
         ),
         addButton && /* @__PURE__ */ jsx("div", { className: clsx(!hideEmptyState && items.length < 1 && "es:invisible"), children: addButton({
           addItem: (additional = {}) => {
-            const newItem = { id: `${itemIdBase}${items.length + 1}`, ...addDefaultItem, ...additional };
+            const newItem = { ...addDefaultItem, ...additional };
             onChange([...items, newItem]);
             if (onAfterItemAdd) {
               onAfterItemAdd(newItem);
@@ -167,18 +165,16 @@ const Repeater = (props) => {
         /* @__PURE__ */ jsx(
           List,
           {
-            values: items.map((item) => ({ ...item, disabled: openItems?.[item?.id] })),
+            values: items.map((item, index) => ({ ...item, disabled: openItems?.[index] })),
             onChange: ({ oldIndex, newIndex }) => onChange(newIndex === -1 ? arrayRemove(items, oldIndex) : arrayMove(items, oldIndex, newIndex)),
             renderList: ({ children: children2, props: props2 }) => {
-              const { key, ...rest } = props2;
               return /* @__PURE__ */ jsx(
                 "ul",
                 {
-                  className: clsx("es:w-full es:list-none es:m-0! es:flex es:flex-col es:gap-1", className),
-                  ...rest,
+                  className: clsx("es:w-full es:list-none es:m-0! es:flex es:flex-col es:gap-0.75", className),
+                  ...props2,
                   children: children2
-                },
-                key
+                }
               );
             },
             renderItem: ({ value: item, index, isDragged, isSelected, isOutOfBounds, props: props2 }) => {
@@ -195,13 +191,13 @@ const Repeater = (props) => {
                         ...item,
                         index,
                         deleteItem: () => {
-                          onChange([...items].filter((i) => i.id !== item.id));
+                          onChange([...items].filter((_, i) => i !== index));
                           if (onAfterItemRemove) {
                             onAfterItemRemove(item);
                           }
                         },
                         duplicateItem: () => {
-                          const newItem = { ...item, id: `${itemIdBase}${items.length + 1}` };
+                          const newItem = { ...item };
                           onChange([...items, newItem]);
                           if (onAfterItemAdd) {
                             onAfterItemAdd(newItem);
@@ -215,18 +211,22 @@ const Repeater = (props) => {
                         allOpen,
                         setAllOpen,
                         setOpenItems,
-                        isItemOpen: openItems?.[item?.id] ?? allOpen,
+                        isItemOpen: openItems?.[index] ?? allOpen,
                         noDuplicateButton
                       },
                       children: children({
                         ...item,
                         updateData: (newValue) => {
-                          const updated = [...items].map((i) => i.id === item.id ? { ...i, ...newValue } : i);
+                          const updated = [...items];
+                          updated[index] = {
+                            ...updated[index],
+                            ...newValue
+                          };
                           onChange(updated);
                         },
                         itemIndex: index,
                         deleteItem: () => {
-                          onChange([...items].filter((i) => i.id !== item.id));
+                          onChange([...items].filter((_, i) => i !== index));
                           if (onAfterItemRemove) {
                             onAfterItemRemove(item);
                           }
@@ -248,7 +248,7 @@ const Repeater = (props) => {
               Button,
               {
                 onPress: () => {
-                  const newItem = { id: `${itemIdBase}${items.length + 1}`, ...addDefaultItem };
+                  const newItem = { ...addDefaultItem };
                   onChange([...items, newItem]);
                   if (onAfterItemAdd) {
                     onAfterItemAdd(newItem);
@@ -263,7 +263,7 @@ const Repeater = (props) => {
             ),
             addButton && !hideEmptyState && addButton({
               addItem: (additional = {}) => {
-                const newItem = { id: `${itemIdBase}${items.length + 1}`, ...addDefaultItem, ...additional };
+                const newItem = { ...addDefaultItem, ...additional };
                 onChange([...items, newItem]);
                 if (onAfterItemAdd) {
                   onAfterItemAdd(newItem);

package/dist/components/responsive/mini-responsive.js

@@ -12,7 +12,7 @@ import { ButtonGroup, Button } from "../button/button.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { TriggeredPopover } from "../popover/popover.js";
 import { OptionSelect } from "../option-select/option-select.js";
-import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../Text-ztX6G1zR.js";
+import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../Text-Dae33gHp.js";
 /**
  * A compact, inline version of `Responsive`. Allows the user to set different values for different breakpoints.
  *

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

@@ -2,13 +2,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
 import { _ as __, a as _n } from "../../default-i18n-CnQeC5Pl.js";
 import { BaseControl } from "../base-control/base-control.js";
-import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-CHYnN-jt.js";
-import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-BXjXzdW_.js";
-import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-CNNksOWg.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-D8a3eYb-.js";
-import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-Dd37zMvs.js";
-import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-D8bjn-nh.js";
-import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, S as SelectClearButton, O as OptionItemBase } from "../../shared-DOxXagm0.js";
+import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-CLhr5PGZ.js";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-JRIu2BnS.js";
+import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-Cuw9UbNb.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DPWyf-gp.js";
+import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-DT1sFY3e.js";
+import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-Dd1yqNus.js";
+import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, S as SelectClearButton, O as OptionItemBase } from "../../shared-Bg9lx3pE.js";
 import { useRef, cloneElement } from "react";
 import { icons } from "../../icons/icons.js";
 import "../../react-jsx-parser.min-B_hvYYa1.js";
@@ -21,7 +21,7 @@ import { c as cva } from "../../index-BHpUy2Ix.js";
 import { TriggeredPopover } from "../popover/popover.js";
 import { DraggableList } from "../draggable-list/draggable-list.js";
 import { DraggableListItem } from "../draggable-list/draggable-list-item.js";
-import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../useAsyncList-D52mQcrH.js";
+import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../useAsyncList-DsZvQXls.js";
 /**
  * Async multi-select menu.
  *
@@ -415,9 +415,9 @@ const AsyncMultiSelect = (props) => {
                   "es:transition-plus",
                   "es:motion-duration-300 es:motion-ease-spring-bouncy",
                   "es:placement-bottom:origin-top-left es:placement-top:origin-bottom-left",
-                  isEntering && "es:motion-scale-x-in-95 es:motion-scale-y-in-85 es:motion-opacity-in-0 es:motion-blur-in-[2px]",
+                  isEntering && "es:motion-scale-x-in-95 es:motion-scale-y-in-85 es:motion-opacity-in-0",
                   isEntering && "es:placement-top:motion-translate-y-in-[0.5rem] es:placement-bottom:motion-translate-y-in-[-0.5rem]",
-                  isExiting && "es:motion-scale-x-out-95 es:motion-scale-y-out-85 es:motion-opacity-out-0 es:motion-blur-out-xs",
+                  isExiting && "es:motion-scale-x-out-95 es:motion-scale-y-out-85 es:motion-opacity-out-0",
                   isExiting && "es:placement-top:motion-translate-y-out-[0.5rem] es:placement-bottom:motion-translate-y-out-[-0.5rem]"
                 ),
                 placement: "bottom left",

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

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
 import { BaseControl } from "../base-control/base-control.js";
-import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-CHYnN-jt.js";
-import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-BXjXzdW_.js";
-import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-CNNksOWg.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-D8a3eYb-.js";
-import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-Dd37zMvs.js";
-import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-D8bjn-nh.js";
-import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, S as SelectClearButton, O as OptionItemBase } from "../../shared-DOxXagm0.js";
+import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-CLhr5PGZ.js";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-JRIu2BnS.js";
+import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-Cuw9UbNb.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DPWyf-gp.js";
+import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-DT1sFY3e.js";
+import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-Dd1yqNus.js";
+import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, S as SelectClearButton, O as OptionItemBase } from "../../shared-Bg9lx3pE.js";
 import { useRef, cloneElement } from "react";
 import { icons } from "../../icons/icons.js";
 import "../../react-jsx-parser.min-B_hvYYa1.js";
@@ -17,7 +17,7 @@ import { unescapeHTML } from "../../utilities/text-helpers.js";
 import { randomId } from "../../utilities/hash.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
 import { c as cva } from "../../index-BHpUy2Ix.js";
-import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../useAsyncList-D52mQcrH.js";
+import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../useAsyncList-DsZvQXls.js";
 /**
  * Select menu with async loading.
  *
@@ -337,9 +337,9 @@ const AsyncSelect = (props) => {
                   "es:transition-plus",
                   "es:motion-duration-300 es:motion-ease-spring-bouncy",
                   "es:placement-bottom:origin-top-left es:placement-top:origin-bottom-left",
-                  isEntering && "es:motion-scale-x-in-95 es:motion-scale-y-in-85 es:motion-opacity-in-0 es:motion-blur-in-[2px]",
+                  isEntering && "es:motion-scale-x-in-95 es:motion-scale-y-in-85 es:motion-opacity-in-0",
                   isEntering && "es:placement-top:motion-translate-y-in-[0.5rem] es:placement-bottom:motion-translate-y-in-[-0.5rem]",
-                  isExiting && "es:motion-scale-x-out-95 es:motion-scale-y-out-85 es:motion-opacity-out-0 es:motion-blur-out-xs",
+                  isExiting && "es:motion-scale-x-out-95 es:motion-scale-y-out-85 es:motion-opacity-out-0",
                   isExiting && "es:placement-top:motion-translate-y-out-[0.5rem] es:placement-bottom:motion-translate-y-out-[-0.5rem]"
                 ),
                 placement: "bottom left",

package/dist/components/select/multi-select.js

@@ -2,13 +2,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
 import { _ as __, a as _n } from "../../default-i18n-CnQeC5Pl.js";
 import { BaseControl } from "../base-control/base-control.js";
-import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-CHYnN-jt.js";
-import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-BXjXzdW_.js";
-import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-CNNksOWg.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-D8a3eYb-.js";
-import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-Dd37zMvs.js";
-import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-D8bjn-nh.js";
-import { g as getValue, $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, S as SelectClearButton, O as OptionItemBase } from "../../shared-DOxXagm0.js";
+import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-CLhr5PGZ.js";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-JRIu2BnS.js";
+import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-Cuw9UbNb.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DPWyf-gp.js";
+import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-DT1sFY3e.js";
+import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-Dd1yqNus.js";
+import { g as getValue, $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, S as SelectClearButton, O as OptionItemBase } from "../../shared-Bg9lx3pE.js";
 import { useRef, cloneElement, isValidElement } from "react";
 import { icons } from "../../icons/icons.js";
 import "../../react-jsx-parser.min-B_hvYYa1.js";
@@ -19,7 +19,7 @@ import { TriggeredPopover } from "../popover/popover.js";
 import { DraggableList } from "../draggable-list/draggable-list.js";
 import { DraggableListItem } from "../draggable-list/draggable-list-item.js";
 import { randomId } from "../../utilities/hash.js";
-import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-bhxeEDg8.js";
+import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-DYtfYPua.js";
 /**
  * Multi-select menu.
  *
@@ -366,9 +366,9 @@ const MultiSelect = (props) => {
                   "es:transition-plus",
                   "es:motion-duration-300 es:motion-ease-spring-bouncy",
                   "es:placement-bottom:origin-top-left es:placement-top:origin-bottom-left",
-                  isEntering && "es:motion-scale-x-in-95 es:motion-scale-y-in-85 es:motion-opacity-in-0 es:motion-blur-in-[2px]",
+                  isEntering && "es:motion-scale-x-in-95 es:motion-scale-y-in-85 es:motion-opacity-in-0",
                   isEntering && "es:placement-top:motion-translate-y-in-[0.5rem] es:placement-bottom:motion-translate-y-in-[-0.5rem]",
-                  isExiting && "es:motion-scale-x-out-95 es:motion-scale-y-out-85 es:motion-opacity-out-0 es:motion-blur-out-xs",
+                  isExiting && "es:motion-scale-x-out-95 es:motion-scale-y-out-85 es:motion-opacity-out-0",
                   isExiting && "es:placement-top:motion-translate-y-out-[0.5rem] es:placement-bottom:motion-translate-y-out-[-0.5rem]"
                 ),
                 placement: "bottom left",

package/dist/components/select/shared.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "../../default-i18n-CnQeC5Pl.js";
-import "../../Button-BXjXzdW_.js";
-import "../../ListBox-Dd37zMvs.js";
-import { O, S, g, m } from "../../shared-DOxXagm0.js";
+import "../../Button-JRIu2BnS.js";
+import "../../ListBox-DT1sFY3e.js";
+import { O, S, g, m } from "../../shared-Bg9lx3pE.js";
 import "../../icons/icons.js";
 import "react";
 import "../../react-jsx-parser.min-B_hvYYa1.js";

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

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
 import { BaseControl } from "../base-control/base-control.js";
-import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-CHYnN-jt.js";
-import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-BXjXzdW_.js";
-import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-CNNksOWg.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-D8a3eYb-.js";
-import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-Dd37zMvs.js";
-import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-D8bjn-nh.js";
-import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, S as SelectClearButton, O as OptionItemBase } from "../../shared-DOxXagm0.js";
+import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-CLhr5PGZ.js";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-JRIu2BnS.js";
+import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-Cuw9UbNb.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DPWyf-gp.js";
+import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-DT1sFY3e.js";
+import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-Dd1yqNus.js";
+import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, S as SelectClearButton, O as OptionItemBase } from "../../shared-Bg9lx3pE.js";
 import { useRef, cloneElement } from "react";
 import { icons } from "../../icons/icons.js";
 import "../../react-jsx-parser.min-B_hvYYa1.js";
@@ -15,7 +15,7 @@ import { c as clsx } from "../../clsx-DgYk2OaC.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { c as cva } from "../../index-BHpUy2Ix.js";
 import { randomId } from "../../utilities/hash.js";
-import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-bhxeEDg8.js";
+import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-DYtfYPua.js";
 /**
  * Select menu.
  *
@@ -287,9 +287,9 @@ const Select = (props) => {
                   "es:transition-plus",
                   "es:motion-duration-300 es:motion-ease-spring-bouncy",
                   "es:placement-bottom:origin-top-left es:placement-top:origin-bottom-left",
-                  isEntering && "es:motion-scale-x-in-95 es:motion-scale-y-in-85 es:motion-opacity-in-0 es:motion-blur-in-[2px]",
+                  isEntering && "es:motion-scale-x-in-95 es:motion-scale-y-in-85 es:motion-opacity-in-0",
                   isEntering && "es:placement-top:motion-translate-y-in-[0.5rem] es:placement-bottom:motion-translate-y-in-[-0.5rem]",
-                  isExiting && "es:motion-scale-x-out-95 es:motion-scale-y-out-85 es:motion-opacity-out-0 es:motion-blur-out-xs",
+                  isExiting && "es:motion-scale-x-out-95 es:motion-scale-y-out-85 es:motion-opacity-out-0",
                   isExiting && "es:placement-top:motion-translate-y-out-[0.5rem] es:placement-bottom:motion-translate-y-out-[-0.5rem]"
                 ),
                 placement: "bottom left",

package/dist/components/slider/column-config-slider.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
 import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-D8a3eYb-.js";
-import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-CL5CM9S8.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DPWyf-gp.js";
+import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-CZV3HhHY.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { icons } from "../../icons/icons.js";
 import { getColumnConfigOutputText } from "./utils.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
-import { A as AnimatePresence, m as motion } from "../../proxy-DkQpcQgI.js";
+import { A as AnimatePresence, m as motion } from "../../proxy-Bj4KTTJt.js";
 /**
  * A two-thumb slider for selecting a range of columns.
  *

package/dist/components/slider/slider.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-D8a3eYb-.js";
-import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-CL5CM9S8.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DPWyf-gp.js";
+import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-CZV3HhHY.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
 import { NumberPicker } from "../number-picker/number-picker.js";
 import { generateMarkers, generateGridTemplate } from "./utils.js";
 import { HStack } from "../layout/hstack.js";
-import { A as AnimatePresence, m as motion } from "../../proxy-DkQpcQgI.js";
+import { A as AnimatePresence, m as motion } from "../../proxy-Bj4KTTJt.js";
 /**
  * A single/multi-thumb slider component.
  *

package/dist/components/smart-image/smart-image.js

@@ -8,7 +8,7 @@ import { DecorativeTooltip } from "../tooltip/tooltip.js";
 import { useImageAnalysisWorker } from "../../utilities/web-workers.js";
 import workerInline from "./worker-inline.js";
 import { cyrb64Hash } from "../../utilities/hash.js";
-import { b as analyzeImage } from "../../general-ChNQK6O9.js";
+import { b as analyzeImage } from "../../general-C8Q0dvEx.js";
 /**
  * @typedef {Object} CustomImageProps
  * @property {JSX.Element} [props.renderError] - Component to render if image analysis fails. `(error) => JSX:Element`.