@eightshift/ui-components 1.3.1 → 1.4.0

package/dist/components/modal/modal.js

@@ -1,16 +1,16 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { c as $a11501f3d1d39e6c$export$ea8f71083e90600f, d as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, e as $337b884510726a0d$export$14c98a7594375490, f as $de32f1b87079253c$export$d2f961adcb0afbe, g as $337b884510726a0d$export$c6fdb837b070b4ff, h as $86ea4cb521eb2e37$export$2317d149ed6f78c4, b as $de32f1b87079253c$export$2e1e1122cf0cba88, a as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-DJgS0mAg.js";
+import { c as $a11501f3d1d39e6c$export$ea8f71083e90600f, d as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, e as $337b884510726a0d$export$14c98a7594375490, f as $de32f1b87079253c$export$d2f961adcb0afbe, g as $337b884510726a0d$export$c6fdb837b070b4ff, h as $86ea4cb521eb2e37$export$2317d149ed6f78c4, b as $de32f1b87079253c$export$2e1e1122cf0cba88, a as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-CGE2ficT.js";
 import { a as $4e85f108e88277b8$export$d688439359537581 } from "../../RSPContexts-DQtGvvpM.js";
-import { o as $b5e257d569688ac6$export$535bd6ca7f90a273, d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, p as $64fa3d84918910a7$export$45fda7c47f93fd48, q as $64fa3d84918910a7$export$6d3443f2c48bfc20, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, m as $5dc95899b306f630$export$c9058316764c140e } from "../../utils-DC-UMp1n.js";
+import { d as $b5e257d569688ac6$export$535bd6ca7f90a273, c as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, o as $64fa3d84918910a7$export$45fda7c47f93fd48, p as $64fa3d84918910a7$export$6d3443f2c48bfc20, b as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, m as $5dc95899b306f630$export$c9058316764c140e } from "../../utils-B4IdLYb8.js";
 import React__default, { useState, useEffect, forwardRef, useContext, useRef, useMemo, createContext } from "react";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
-import { $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-DSk8I1SO.js";
-import { $ as $5e3802645cc19319$export$1c3ebcada18427bf } from "../../ariaHideOutside-BZ5z6iCD.js";
-import { B as Button } from "../../button-IxfzzzbP.js";
-import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-C9mg1CP5.js";
+import { $ as $5e3802645cc19319$export$1c3ebcada18427bf } from "../../ariaHideOutside-BzxkODNq.js";
+import { Button } from "../button/button.js";
+import { _ as __ } from "../../default-i18n-BqWys-1G.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { icons } from "../../icons/icons.js";
-import "../../react-jsx-parser.min-DhrYeqLL.js";
+import "../../react-jsx-parser.min-CAGfntg1.js";
 import { HStack } from "../layout/hstack.js";
 let $5df64b3807dc15ee$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
 function $5df64b3807dc15ee$export$d699905dd57c73ca() {

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

@@ -1,17 +1,17 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { forwardRef, useRef, createContext, useState, cloneElement } from "react";
-import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-BQu67pVS.js";
-import { $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-DWRQF0ro.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BXvY41yE.js";
-import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-DTARR6Ff.js";
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-DC-UMp1n.js";
-import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-CviphIN5.js";
+import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-WZgNv9RE.js";
+import { $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-CaS4qmLb.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-yZgqvhXc.js";
+import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-uYE9D_E3.js";
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-B4IdLYb8.js";
+import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-CBPJ4Xx8.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-qjognpzK.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-D8qh3_U7.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-BG_1RnbC.js";
-import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberFieldState-CVJOJnF1.js";
-import { B as Button } from "../../button-IxfzzzbP.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-Bon2Gyx5.js";
+import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberFieldState-BVFqhboT.js";
+import { Button } from "../button/button.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { BaseControl } from "../base-control/base-control.js";
@@ -164,10 +164,11 @@ const NumberPicker = ({
   inline,
   noScrollToChange = false,
   size = "default",
+  "aria-label": ariaLabel,
   hidden,
   ...props
 }) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const [isInputFocused, setIsInputFocused] = useState(false);
   if (hidden) {
     return null;
@@ -175,15 +176,18 @@ const NumberPicker = ({
   const sizes = {
     compact: {
       field: "es-uic-min-h-5",
-      noPrefixPadding: "es-uic-pl-1.5"
+      noPrefixPadding: "es-uic-pl-1.5",
+      extraContentSeparator: "es-uic-h-[1.875rem]"
     },
     small: {
       field: "es-uic-min-h-9",
-      noPrefixPadding: "es-uic-pl-2"
+      noPrefixPadding: "es-uic-pl-2",
+      extraContentSeparator: "es-uic-h-[2.125rem]"
     },
     default: {
       field: "es-uic-min-h-10",
-      noPrefixPadding: "es-uic-pl-2"
+      noPrefixPadding: "es-uic-pl-2",
+      extraContentSeparator: "es-uic-h-[2.375rem]"
     }
   };
   return /* @__PURE__ */ jsx(
@@ -235,7 +239,8 @@ const NumberPicker = ({
                     placeholder,
                     style: {
                       width: fixedWidth ? `${fixedWidth}ch` : `calc(${min < 0 ? "0.75ch + " : ""}${(_d = (_c = max ?? 1e3) == null ? void 0 : _c.toString()) == null ? void 0 : _d.length} * 1ch)`
-                    }
+                    },
+                    "aria-label": ariaLabel ?? __("Enter a number", "eightshift-ui-components")
                   }
                 ),
                 suffix && /* @__PURE__ */ jsx(
@@ -267,8 +272,8 @@ const NumberPicker = ({
                   )
                 ] }),
                 children && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx("div", { className: "es-uic-h-[2.375rem] es-uic-w-px es-uic-bg-gray-300" }),
-                  /* @__PURE__ */ jsx("div", { className: "es-uic-pl-1 es-uic-pr-0.5", children: Array.isArray(children) ? children.map((child) => cloneElement(child, { slot: null })) : cloneElement(children, { slot: null }) })
+                  /* @__PURE__ */ jsx("div", { className: clsx("es-uic-w-px es-uic-bg-gray-300", ((_e = sizes == null ? void 0 : sizes[size]) == null ? void 0 : _e.extraContentSeparator) ?? sizes.default.extraContentSeparator) }),
+                  /* @__PURE__ */ jsx("div", { className: "es-uic-p-0.5 es-uic-pr-0", children: Array.isArray(children) ? children.map((child) => cloneElement(child, { slot: null })) : cloneElement(children, { slot: null }) })
                 ] })
               ]
             }

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

@@ -2,12 +2,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
 import { icons } from "../../icons/icons.js";
 import { BaseControl } from "../base-control/base-control.js";
-import { a as ButtonGroup } from "../../button-IxfzzzbP.js";
+import { ButtonGroup } from "../button/button.js";
 import { Menu, MenuSeparator, MenuItem } from "../menu/menu.js";
 import { RadioButtonGroup, RadioButton } from "../radio/radio.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { ToggleButton } from "../toggle-button/toggle-button.js";
-import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
+import { _ as __ } from "../../default-i18n-BqWys-1G.js";
 /**
  * A component that allows the user to select an option from a list of options.
  *
@@ -133,7 +133,8 @@ const OptionSelect = (props) => {
                         RichLabel,
                         {
                           label: optionLabel,
-                          subtitle: optionSubtitle
+                          subtitle: optionSubtitle,
+                          noColor: true
                         }
                       )
                     ]
@@ -228,7 +229,8 @@ const OptionSelect = (props) => {
                             RichLabel,
                             {
                               label: optionLabel,
-                              subtitle: optionSubtitle
+                              subtitle: optionSubtitle,
+                              noColor: true
                             }
                           )
                         ]

package/dist/components/placeholders/file-placeholder.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
+import { _ as __ } from "../../default-i18n-BqWys-1G.js";
 import { icons } from "../../icons/icons.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";

package/dist/components/popover/popover.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d, a as $de32f1b87079253c$export$3ddf2d174ce01153, b as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-DJgS0mAg.js";
+import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d, a as $de32f1b87079253c$export$3ddf2d174ce01153, b as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-CGE2ficT.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
-import { B as Button } from "../../button-IxfzzzbP.js";
+import { _ as __ } from "../../default-i18n-BqWys-1G.js";
+import { Button } from "../button/button.js";
 /**
  * A popover component.
  *

package/dist/components/radio/radio.js

@@ -1,20 +1,20 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BXvY41yE.js";
-import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, i as $64fa3d84918910a7$export$ef03459518577ad4 } from "../../utils-DC-UMp1n.js";
-import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-CviphIN5.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-yZgqvhXc.js";
+import { c as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, b as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, i as $64fa3d84918910a7$export$ef03459518577ad4 } from "../../utils-B4IdLYb8.js";
+import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-CBPJ4Xx8.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-qjognpzK.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-D8qh3_U7.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import React__default, { useMemo, useState, forwardRef, createContext, cloneElement } from "react";
-import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../useFormValidationState-DDC_nImg.js";
-import { d as $9ab94262bd0047c7$export$420e68273165f4ec, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-DGZ4R5fj.js";
-import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-BjM5iOQC.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-BG_1RnbC.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-DJMtIgSL.js";
-import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "../../useFocusable-CQZyQp4q.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-CiXj8dLE.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-Dg5Y_10S.js";
-import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-BZPezMV5.js";
+import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../useFormValidationState-DC5jbhBW.js";
+import { d as $9ab94262bd0047c7$export$420e68273165f4ec, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-PMGZgZ9-.js";
+import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-CVd6C65L.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-Bon2Gyx5.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-BCPbwfnH.js";
+import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "../../useFocusable-BFKHuYS9.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-CY8MpqYD.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-DsxEaA2J.js";
+import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-DD480kAb.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { RichLabel } from "../rich-label/rich-label.js";

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

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+const RepeaterContext = createContext();
+export {
+  RepeaterContext
+};

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

@@ -1,14 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { $ as $bc237834342dbd75$export$48513f6b9f8ce62d } from "../../Checkbox-CiJIVbAP.js";
-import { b as $72e60046c03fbe42$export$54fe942636b6416d, a as $72e60046c03fbe42$export$e96fc9a8407faa6b } from "../../GridList-DjRnMEae.js";
-import { B as Button } from "../../button-IxfzzzbP.js";
+import { Button } from "../button/button.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
+import { useContext } from "react";
 import { Expandable } from "../expandable/expandable.js";
-import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
-import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
-import { useRef } from "react";
-import { useCellEditMode } from "../../hooks/use-cell-edit-mode.js";
+import { _ as __ } from "../../default-i18n-BqWys-1G.js";
+import { RepeaterContext } from "./repeater-context.js";
 /**
  * A Repeater item.
  *
@@ -30,93 +27,51 @@ import { useCellEditMode } from "../../hooks/use-cell-edit-mode.js";
  */
 const RepeaterItem = (props) => {
   const { children, icon, label, subtitle, "aria-label": ariaLabel, className, actions, textValue, expandDisabled, ...rest } = props;
-  let a11yLabel = textValue;
-  if ((label == null ? void 0 : label.length) > 0) {
-    a11yLabel = label;
-  }
-  if (a11yLabel === "" || !a11yLabel) {
-    a11yLabel = __("New item", "eightshift-ui-components");
-  }
-  useRef(null);
-  const preventProps = useCellEditMode();
-  return /* @__PURE__ */ jsx($72e60046c03fbe42$export$54fe942636b6416d.Consumer, { children: ({ setCanReorder }) => {
-    return /* @__PURE__ */ jsx(
-      $72e60046c03fbe42$export$e96fc9a8407faa6b,
-      {
-        "aria-label": ariaLabel ?? a11yLabel,
-        textValue: a11yLabel,
-        className: clsx(
-          "es-uic-rounded-lg es-uic-transition",
-          "focus:es-uic-outline-none focus-visible:es-uic-ring focus-visible:es-uic-ring-teal-500 focus-visible:es-uic-ring-opacity-50"
+  const { canDelete, handleOpenChange, isPanelOpen, handleRef, deleteItem, isAnyPanelOpen, isDragSource } = useContext(RepeaterContext);
+  return /* @__PURE__ */ jsx(
+    Expandable,
+    {
+      disabled: canDelete,
+      icon,
+      label,
+      subtitle,
+      className: clsx(isDragSource && "es-uic-border es-uic-border-gray-100 es-uic-bg-white/50 es-uic-shadow-md es-uic-backdrop-blur-lg"),
+      labelClassName: className,
+      onOpenChange: (isOpen) => handleOpenChange(isOpen),
+      actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            className: clsx(
+              "es-uic-h-6 es-uic-w-4 !es-uic-text-gray-500 es-uic-opacity-50 focus:es-uic-opacity-100",
+              (isAnyPanelOpen || canDelete) && "es-uic-pointer-events-none es-uic-invisible !es-uic-cursor-default"
+            ),
+            type: "ghost",
+            icon: icons.reorderGrabberV,
+            tooltip: !isDragSource && __("Re-order", "eightshift-ui-components"),
+            forwardedRef: handleRef,
+            disabled: isPanelOpen
+          }
         ),
-        ...rest,
-        children: ({ selectionMode, allowsDragging, isDragging }) => {
-          let itemIcon = null;
-          if (selectionMode === "multiple") {
-            itemIcon = /* @__PURE__ */ jsx(Checkbox, { slot: "selection" });
-          } else if (selectionMode === "none") {
-            itemIcon = icon;
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            hidden: !canDelete,
+            ariaLabel: __("Remove item", "eightshift-ui-components"),
+            size: "small",
+            type: "ghost",
+            icon: icons.trash,
+            onPress: () => deleteItem(),
+            className: "es-uic-translate-x-px"
           }
-          return /* @__PURE__ */ jsx(
-            Expandable,
-            {
-              disabled: expandDisabled || selectionMode === "multiple",
-              icon: itemIcon,
-              label: /* @__PURE__ */ jsx("div", { className: "es-uic-flex es-uic-items-center es-uic-gap-1", children: label }),
-              subtitle,
-              labelClassName: className,
-              className: clsx(isDragging && "es-uic-opacity-25"),
-              onOpenChange: (isOpen) => setCanReorder(!isOpen),
-              actions: /* @__PURE__ */ jsxs(Fragment, { children: [
-                selectionMode === "none" && allowsDragging && /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    size: "small",
-                    className: "es-uic-h-6 es-uic-w-4 !es-uic-text-gray-500 es-uic-opacity-50 focus:es-uic-opacity-100",
-                    slot: "drag",
-                    type: "ghost",
-                    icon: icons.reorderGrabberV,
-                    tooltip: __("Re-order", "eightshift-ui-components")
-                  }
-                ),
-                actions
-              ] }),
-              noFocusHandling: true,
-              ...preventProps,
-              children
-            }
-          );
-        }
-      }
-    );
-  } });
-};
-const Checkbox = (props) => {
-  return /* @__PURE__ */ jsx($bc237834342dbd75$export$48513f6b9f8ce62d, { ...props, children: ({ isIndeterminate, isSelected }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: clsx(
-          "es-uic-flex es-uic-size-5.5 es-uic-items-center es-uic-justify-center es-uic-rounded-md es-uic-border es-uic-text-gray-600 es-uic-shadow-sm es-uic-transition",
-          isSelected && "es-uic-border-teal-600 es-uic-bg-teal-600 es-uic-text-white"
         ),
-        children: [
-          isIndeterminate && icons.solidRectFilled,
-          /* @__PURE__ */ jsx(
-            AnimatedVisibility,
-            {
-              transition: "scaleRotateFade",
-              visible: !isIndeterminate && isSelected,
-              className: "[&>svg]:es-uic-size-3 [&>svg]:es-uic-stroke-2",
-              noInitial: true,
-              children: icons.check
-            }
-          )
-        ]
-      }
-    ),
-    props.children
-  ] }) });
+        actions
+      ] }),
+      noFocusHandling: true,
+      children
+    }
+  );
 };
 export {
   RepeaterItem