@caspeco/casper-ui-library 4.0.1 → 4.1.1

package/dist/components/box/box.d.ts

@@ -1,8 +1,8 @@
 import { ThemeStyleProps } from '../../theme/index.js';
-import { BoxProps as ChakraBoxProps } from '@chakra-ui/react';
+import { BoxProps as ChakraBoxProps, ComponentWithAs } from '@chakra-ui/react';
 export type BoxProps = ThemeStyleProps & Pick<ChakraBoxProps, "children" | "as">;
 /**
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/box
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/box
  */
-export declare const Box: import('@chakra-ui/system').ComponentWithAs<"div", BoxProps>;
+export declare const Box: ComponentWithAs<"div", BoxProps>;
 //# sourceMappingURL=box.d.ts.map

package/dist/components/box/box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../lib/components/box/box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAoB,KAAK,QAAQ,IAAI,cAAc,EAAc,MAAM,kBAAkB,CAAC;AAEjG,MAAM,MAAM,QAAQ,GAAG,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,IAAI,CAAC,CAAC;AAEjF;;GAEG;AACH,eAAO,MAAM,GAAG,8DAMd,CAAC"}
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../lib/components/box/box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAEN,KAAK,QAAQ,IAAI,cAAc,EAC/B,KAAK,eAAe,EAEpB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,QAAQ,GAAG,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,IAAI,CAAC,CAAC;AAEjF;;GAEG;AAGH,eAAO,MAAM,GAAG,EAMV,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC"}

package/dist/components/button/button.d.ts

@@ -1,10 +1,11 @@
+import { ComponentWithAs } from '@chakra-ui/react';
 import { ButtonProps } from './types.js';
 /**
  * Button component is used to trigger an action or event,
  * such as submitting a form, opening a Dialog, canceling an action, or performing a delete operation.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/button
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/button
  * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/button
  */
-export declare const Button: import('@chakra-ui/system').ComponentWithAs<"button", ButtonProps>;
+export declare const Button: ComponentWithAs<"button", ButtonProps>;
 //# sourceMappingURL=button.d.ts.map

package/dist/components/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../lib/components/button/button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,oEAqCjB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../lib/components/button/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsC,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAG5F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;;GAMG;AAGH,eAAO,MAAM,MAAM,EAqCb,eAAe,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC"}

package/dist/components/checkbox/checkbox.d.ts

@@ -3,7 +3,7 @@ import { CheckboxProps } from './types.js';
 /**
  * Used in forms when a user needs to select multiple values from several options.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/checkbox
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/checkbox
  * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/
  */
 export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/checkbox-group/checkbox-group.d.ts

@@ -3,7 +3,7 @@ import { CheckboxGroupProps } from './types.js';
  * Used for multiple checkboxes which are bound in one group,
  * and it indicates whether one or more options are selected.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/checkbox-group
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/checkbox-group
  */
 export declare function CheckboxGroup({ children, ...props }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=checkbox-group.d.ts.map

package/dist/components/combobox/combobox-button.d.ts

@@ -1,3 +1,3 @@
 import { ComboboxInnerProps } from './types.js';
-export declare function ComboboxButton({ id, asPlainText, inputValue, selectedItems, displayItems, toggleItem, highlightState, openState, parentStrings, size, variant, label, placeHolderText, isDisabled, isReadOnly, isInvalid, collapsed, setInputValue, onSearch, isSingleSelect, }: ComboboxInnerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ComboboxButton({ id, asPlainText, inputValue, selectedItems, displayItems, toggleItem, highlightState, openState, parentStrings, size, variant, label, placeHolderText, isDisabled, isReadOnly, isInvalid, collapsed, hasPendingDelete, setHasPendingDelete, setInputValue, onSearch, isSingleSelect, }: ComboboxInnerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=combobox-button.d.ts.map

package/dist/components/combobox/combobox-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-button.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-button.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAsBlD,wBAAgB,cAAc,CAAC,EAC9B,EAAE,EACF,WAAW,EACX,UAAU,EACV,aAAa,EACb,YAAY,EACZ,UAAU,EACV,cAAc,EACd,SAAS,EACT,aAAa,EACb,IAAI,EACJ,OAAO,EACP,KAAK,EACL,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,aAAa,EACb,QAAQ,EACR,cAAc,GACd,EAAE,kBAAkB,2CAuJpB"}
+{"version":3,"file":"combobox-button.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-button.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAsBlD,wBAAgB,cAAc,CAAC,EAC9B,EAAE,EACF,WAAW,EACX,UAAU,EACV,aAAa,EACb,YAAY,EACZ,UAAU,EACV,cAAc,EACd,SAAS,EACT,aAAa,EACb,IAAI,EACJ,OAAO,EACP,KAAK,EACL,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,QAAQ,EACR,cAAc,GACd,EAAE,kBAAkB,2CAwKpB"}

package/dist/components/combobox/combobox-button.js

@@ -1,14 +1,14 @@
-import { jsxs as f, jsx as i } from "react/jsx-runtime";
-import { useStyleConfig as z, Flex as p, Box as c, Input as A } from "@chakra-ui/react";
-import { Fragment as E } from "react";
-import { ComboboxItem as S } from "./combobox-item.js";
-import { Tag as F } from "../tag/tag.js";
-import { Icon as L } from "../icon/icon.js";
-import { Icons as N } from "../icon/types.js";
-import { ThemeColorVariable as n, ThemeSpaceVariable as u, ThemeRadiusVariable as X, ThemeIconSizeVariable as K } from "../../theme/theme-types.js";
-function k() {
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { useStyleConfig as E, Flex as u, Box as d, Input as F } from "@chakra-ui/react";
+import { Fragment as L } from "react";
+import { ComboboxItem as O } from "./combobox-item.js";
+import { Tag as N } from "../tag/tag.js";
+import { Icon as X } from "../icon/icon.js";
+import { Icons as K } from "../icon/types.js";
+import { ThemeColorVariable as n, ThemeSpaceVariable as c, ThemeRadiusVariable as T, ThemeIconSizeVariable as U } from "../../theme/theme-types.js";
+function y() {
   return /* @__PURE__ */ i(
-    c,
+    d,
     {
       backgroundColor: n.NeutralContainer,
       width: "8px",
@@ -26,47 +26,49 @@ function k() {
     }
   );
 }
-function Q({
+function H({
   id: s,
-  asPlainText: e,
-  inputValue: d,
+  asPlainText: l,
+  inputValue: b,
   selectedItems: r,
-  displayItems: O,
-  toggleItem: m,
-  highlightState: l,
+  displayItems: _,
+  toggleItem: x,
+  highlightState: f,
   openState: a,
-  parentStrings: y,
-  size: _,
-  variant: D,
-  label: g,
-  placeHolderText: j,
-  isDisabled: b,
-  isReadOnly: h,
-  isInvalid: B,
-  collapsed: w,
-  setInputValue: x,
-  onSearch: C,
-  isSingleSelect: R
+  parentStrings: j,
+  size: B,
+  variant: R,
+  label: C,
+  placeHolderText: V,
+  isDisabled: h,
+  isReadOnly: m,
+  isInvalid: W,
+  collapsed: S,
+  hasPendingDelete: w,
+  setHasPendingDelete: g,
+  setInputValue: k,
+  onSearch: t,
+  isSingleSelect: v
 }) {
-  const V = z("Combobox", { size: _, variant: D }), W = (o) => {
-    if (o.key === "Enter" && (o.preventDefault(), o.stopPropagation(), a.isOpen ? m(O[l.index]) : a.open()), o.key === "Escape") {
+  const z = E("Combobox", { size: B, variant: R }), A = (o) => {
+    if (o.key === "Enter" && (o.preventDefault(), o.stopPropagation(), a.isOpen ? x(_[f.index]) : a.open()), o.key === "Escape") {
       if (!a.isOpen) return;
-      o.preventDefault(), o.stopPropagation(), a.close(), e || (x(""), C?.(""));
+      o.preventDefault(), o.stopPropagation(), a.close(), l || (k(""), t?.(""));
     }
-    o.key === "Backspace" && d.length === 0 && r.length > 0 && !e && m(r[r.length - 1]), o.key === "ArrowDown" && (a.isOpen ? l.next() : a.open()), o.key === "ArrowUp" && (a.isOpen ? l.previous() : a.open());
-  }, v = (o) => {
+    o.key === "Backspace" ? b.length === 0 && r.length > 0 && !l && (w ? (x(r[r.length - 1]), g(!1)) : g(!0)) : g(!1), o.key === "ArrowDown" && (a.isOpen ? f.next() : a.open()), o.key === "ArrowUp" && (a.isOpen ? f.previous() : a.open());
+  }, D = (o) => {
     o.preventDefault(), o.stopPropagation();
-    const t = o.target.value;
-    x(t), C?.(t), l.set(0), a.open();
+    const e = o.target.value;
+    k(e), t?.(e), f.set(0), a.open();
   };
-  return /* @__PURE__ */ f(
-    p,
+  return /* @__PURE__ */ p(
+    u,
     {
-      __css: V,
-      "aria-disabled": b,
-      "aria-readonly": h,
-      borderRadius: X.Small,
-      padding: u.Small,
+      __css: z,
+      "aria-disabled": h,
+      "aria-readonly": m,
+      borderRadius: T.Small,
+      padding: c.Small,
       _focusWithin: {
         borderColor: n.Info,
         boxShadow: `0 0 0 4px ${n.InfoContainer}`,
@@ -77,33 +79,48 @@ function Q({
         backgroundColor: n.SurfaceDisabled
       },
       children: [
-        /* @__PURE__ */ f(
-          p,
+        /* @__PURE__ */ p(
+          u,
           {
-            flexWrap: w || R ? "nowrap" : "wrap",
-            gap: u.Small,
+            flexWrap: S || v ? "nowrap" : "wrap",
+            gap: c.Small,
             overflow: "hidden",
             children: [
-              g && /* @__PURE__ */ i(c, { whiteSpace: "nowrap", children: g }),
-              !e && (w ? r.length > 0 && /* @__PURE__ */ f(
-                p,
+              C && /* @__PURE__ */ i(d, { whiteSpace: "nowrap", children: C }),
+              !l && (S ? r.length > 0 && /* @__PURE__ */ p(
+                u,
                 {
-                  gap: u.XSmall,
+                  gap: c.XSmall,
                   flexShrink: "1",
                   overflow: "hidden",
                   whiteSpace: "nowrap",
                   textOverflow: "ellipsis",
                   children: [
-                    r.length > 3 && /* @__PURE__ */ i(k, {}),
-                    r.length > 2 && /* @__PURE__ */ i(k, {}),
-                    r.length > 1 && /* @__PURE__ */ i(F, { children: r.length - 1 }),
-                    /* @__PURE__ */ i(S, { item: r[r.length - 1], asPlainText: e })
+                    r.length > 3 && /* @__PURE__ */ i(y, {}),
+                    r.length > 2 && /* @__PURE__ */ i(y, {}),
+                    r.length > 1 && /* @__PURE__ */ i(N, { children: r.length - 1 }),
+                    /* @__PURE__ */ i(
+                      O,
+                      {
+                        isDeleting: w,
+                        item: r[r.length - 1],
+                        asPlainText: l
+                      }
+                    )
                   ]
                 }
-              ) : r.map((o) => /* @__PURE__ */ i(S, { item: o, asPlainText: e }, o.id))),
-              e && r.length > 0 && d === r[0].label && y[r[0].id]?.map((o) => /* @__PURE__ */ f(E, { children: [
+              ) : r.map((o, e) => /* @__PURE__ */ i(
+                O,
+                {
+                  item: o,
+                  asPlainText: l,
+                  isDeleting: e === r.length - 1 && w
+                },
+                o.id
+              ))),
+              l && r.length > 0 && b === r[0].label && j[r[0].id]?.map((o) => /* @__PURE__ */ p(L, { children: [
                 /* @__PURE__ */ i(
-                  c,
+                  d,
                   {
                     color: n.OnSurfaceSubdued,
                     textOverflow: "ellipsis",
@@ -112,22 +129,22 @@ function Q({
                     children: o
                   }
                 ),
-                /* @__PURE__ */ i(c, { color: n.OnSurfaceSubdued, children: "/" })
+                /* @__PURE__ */ i(d, { color: n.OnSurfaceSubdued, children: "/" })
               ] }, o)),
               /* @__PURE__ */ i(
-                A,
+                F,
                 {
                   id: s,
-                  isDisabled: b,
-                  isReadOnly: h,
-                  isInvalid: B,
-                  onKeyDown: W,
+                  isDisabled: h,
+                  isReadOnly: m,
+                  isInvalid: W,
+                  onKeyDown: A,
                   variant: "unstyled",
-                  value: d,
+                  value: b,
                   autoComplete: "off",
-                  minWidth: u.XLarge,
-                  onChange: v,
-                  placeholder: j,
+                  minWidth: c.XLarge,
+                  onChange: D,
+                  placeholder: V,
                   border: "none",
                   flex: 1,
                   color: n.OnSurface,
@@ -144,12 +161,12 @@ function Q({
             ]
           }
         ),
-        /* @__PURE__ */ i(p, { className: "combobox-dropdown-icon", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ i(
-          L,
+        /* @__PURE__ */ i(u, { className: "combobox-dropdown-icon", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ i(
+          X,
           {
-            icon: N.TreeViewCollapse,
-            size: K.Small,
-            color: b || h ? n.OnSurfaceSubdued : n.OnSurface
+            icon: K.TreeViewCollapse,
+            size: U.Small,
+            color: h || m ? n.OnSurfaceSubdued : n.OnSurface
           }
         ) })
       ]
@@ -157,5 +174,5 @@ function Q({
   );
 }
 export {
-  Q as ComboboxButton
+  H as ComboboxButton
 };

package/dist/components/combobox/combobox-item.d.ts

@@ -2,7 +2,8 @@ import { ComboboxItem as ComboboxItemType } from './types.js';
 type ComboboxItemProps = {
     item: ComboboxItemType;
     asPlainText?: boolean;
+    isDeleting?: boolean;
 };
-export declare function ComboboxItem({ item, asPlainText }: ComboboxItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function ComboboxItem({ item, asPlainText, isDeleting }: ComboboxItemProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=combobox-item.d.ts.map

package/dist/components/combobox/combobox-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-item.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAahE,KAAK,iBAAiB,GAAG;IACxB,IAAI,EAAE,gBAAgB,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,iBAAiB,2CAiBpE"}
+{"version":3,"file":"combobox-item.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAahE,KAAK,iBAAiB,GAAG;IACxB,IAAI,EAAE,gBAAgB,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,EAAE,iBAAiB,2CAiBhF"}

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

@@ -1,9 +1,9 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { Flex as t } from "@chakra-ui/react";
-import { Box as n } from "../box/box.js";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { Flex as d } from "@chakra-ui/react";
+import { Box as a } from "../box/box.js";
 import { Tag as r } from "../tag/tag.js";
-import { ThemeSpaceVariable as d } from "../../theme/theme-types.js";
-const c = {
+import { ThemeSpaceVariable as c } from "../../theme/theme-types.js";
+const s = {
   info: r.Info,
   success: r.Success,
   warning: r.Warning,
@@ -13,13 +13,13 @@ const c = {
   neutral: r,
   undefined: r.ComboboxItem
 };
-function x({ item: o, asPlainText: a }) {
-  const l = o.variant || "neutral", p = c[l];
-  return a ? /* @__PURE__ */ i(t, { gap: d.XSmall, overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", children: [
+function b({ item: o, asPlainText: p, isDeleting: n }) {
+  const l = n ? "primary" : o.variant || "neutral", i = s[l];
+  return p ? /* @__PURE__ */ t(d, { gap: c.XSmall, overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", children: [
     o.prepend,
     o.label
-  ] }) : /* @__PURE__ */ e(n, { overflow: "hidden", children: /* @__PURE__ */ e(p, { prepend: o.prepend, dot: o.dot, children: /* @__PURE__ */ e(n, { display: "block", overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", children: o.label }) }) });
+  ] }) : /* @__PURE__ */ e(a, { overflow: "hidden", children: /* @__PURE__ */ e(i, { prepend: o.prepend, dot: o.dot, solid: n, children: /* @__PURE__ */ e(a, { display: "block", overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", children: o.label }) }) });
 }
 export {
-  x as ComboboxItem
+  b as ComboboxItem
 };

package/dist/components/combobox/combobox.d.ts

@@ -4,7 +4,7 @@ import { ComboboxProps } from './types.js';
  * are many and can benefit from having a search filter. Can be used as both single select
  * and multiselect.
  *
- * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/combobox
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/combobox
  */
 export declare function Combobox({ id, label, isSingleSelect, selectedItems, locale, size, variant, asPlainText, onSearch, items, maxVisibleItems, onChange, onBlur, isDisabled, isReadOnly, isRequired, placeholder, isInvalid, footerContent, popoverWidth, popoverPlacement, collapsed, ...props }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=combobox.d.ts.map

package/dist/components/combobox/combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAIX,aAAa,EAKb,MAAM,SAAS,CAAC;AAiGjB;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EACxB,EAAE,EACF,KAAU,EACV,cAAsB,EACtB,aAAkB,EAClB,MAAgB,EAChB,IAAW,EACX,OAAmB,EACnB,WAAmB,EACnB,QAAQ,EACR,KAAK,EACL,eAAe,EACf,QAAQ,EACR,MAAM,EACN,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,SAAiB,EACjB,GAAG,KAAK,EACR,EAAE,aAAa,2CAsLf"}
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAIX,aAAa,EAKb,MAAM,SAAS,CAAC;AAiGjB;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EACxB,EAAE,EACF,KAAU,EACV,cAAsB,EACtB,aAAkB,EAClB,MAAgB,EAChB,IAAW,EACX,OAAmB,EACnB,WAAmB,EACnB,QAAQ,EACR,KAAK,EACL,eAAe,EACf,QAAQ,EACR,MAAM,EACN,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,SAAiB,EACjB,GAAG,KAAK,EACR,EAAE,aAAa,2CA2Lf"}

package/dist/components/combobox/combobox.js

@@ -1,13 +1,13 @@
-import { jsxs as T, jsx as F } from "react/jsx-runtime";
-import { Box as D } from "@chakra-ui/react";
-import { useState as g, useRef as V, useEffect as M, useMemo as _ } from "react";
-import { ComboboxButton as ee } from "./combobox-button.js";
-import { ComboboxMenu as ne } from "./combobox-menu.js";
-import { translations as te } from "./translations.js";
-const re = (o, s) => {
-  const [n, e] = g(0), c = (l) => {
-    if (!s.current) return;
-    const b = [...s.current.querySelectorAll("li")];
+import { jsxs as ee, jsx as V } from "react/jsx-runtime";
+import { Box as ne } from "@chakra-ui/react";
+import { useState as p, useRef as _, useEffect as q, useMemo as m } from "react";
+import { ComboboxButton as te } from "./combobox-button.js";
+import { ComboboxMenu as re } from "./combobox-menu.js";
+import { translations as oe } from "./translations.js";
+const le = (o, c) => {
+  const [n, e] = p(0), i = (l) => {
+    if (!c.current) return;
+    const b = [...c.current.querySelectorAll("li")];
     b[l] && (b[l]?.scrollIntoView({
       behavior: "smooth",
       block: "nearest"
@@ -15,28 +15,28 @@ const re = (o, s) => {
   };
   return {
     index: n,
-    set: c,
-    next: () => c((n + 1) % o.length),
-    previous: () => c((n - 1 + o.length) % o.length)
+    set: i,
+    next: () => i((n + 1) % o.length),
+    previous: () => i((n - 1 + o.length) % o.length)
   };
-}, oe = (o, s, n, e) => {
-  const [c, t] = g(!1);
-  return M(() => {
+}, se = (o, c, n, e) => {
+  const [i, t] = p(!1);
+  return q(() => {
     e && t(!1);
-  }, [e, t]), { isOpen: c, close: () => {
-    s || n(""), t(!1);
+  }, [e, t]), { isOpen: i, close: () => {
+    c || n(""), t(!1);
   }, open: () => {
-    c || e || (t(!0), o.set(0));
+    i || e || (t(!0), o.set(0));
   } };
-}, le = (o, s) => {
-  const [n, e] = g([]), c = _(() => {
+}, ie = (o, c) => {
+  const [n, e] = p([]), i = m(() => {
     if (!n.length) return o;
     const t = n[n.length - 1], h = {
       id: "_back",
-      label: s.back
+      label: c.back
     }, l = n[n.length - 1].children || [];
     return t.isSelectableParent ? [h, t, ...l] : [h, ...l];
-  }, [n, o, s]);
+  }, [n, o, c]);
   return {
     open: (t) => {
       e((h) => [...h, t]);
@@ -45,65 +45,65 @@ const re = (o, s) => {
       n.length && e((t) => [...t.slice(0, n.length - 1)]);
     },
     opened: n,
-    current: c
+    current: i
   };
-}, ie = (o) => _(() => {
-  const s = {};
-  function n(e, c) {
-    s[e.id] = [...c], e.children && e.children.forEach((t) => n(t, [...c, e.label]));
+}, ce = (o) => m(() => {
+  const c = {};
+  function n(e, i) {
+    c[e.id] = [...i], e.children && e.children.forEach((t) => n(t, [...i, e.label]));
   }
-  return o.forEach((e) => n(e, [])), s;
+  return o.forEach((e) => n(e, [])), c;
 }, [o]);
-function pe({
+function be({
   id: o,
-  label: s = "",
+  label: c = "",
   isSingleSelect: n = !1,
   selectedItems: e = [],
-  locale: c = "en-US",
+  locale: i = "en-US",
   size: t = "md",
   variant: h = "outline",
   asPlainText: l = !1,
   onSearch: b,
   items: I,
-  maxVisibleItems: L,
-  onChange: N,
-  onBlur: P,
+  maxVisibleItems: M,
+  onChange: L,
+  onBlur: N,
   isDisabled: S,
   isReadOnly: x,
-  isRequired: m,
-  placeholder: U,
+  isRequired: U,
+  placeholder: W,
   isInvalid: B,
-  footerContent: W,
-  popoverWidth: z,
-  popoverPlacement: G,
-  collapsed: J = !1,
-  ...K
+  footerContent: z,
+  popoverWidth: G,
+  popoverPlacement: J,
+  collapsed: K = !1,
+  ...Q
 }) {
-  const [v, p] = g(""), k = te[c], w = V(null), O = V(null), f = le(I, k), Q = v.toLowerCase() === e[0]?.label.toLowerCase(), C = v.length > 0 && !(l && Q);
+  const [H, g] = p(""), [X, j] = p(!1), k = oe[i], w = _(null), O = _(null), f = ie(I, k), Y = H.toLowerCase() === e[0]?.label.toLowerCase(), v = H.length > 0 && !(l && Y);
   let u = f.current;
-  if (C) {
-    const r = [], d = (i) => {
-      r.push(i), i.children && i.children.forEach(d);
+  if (v) {
+    const r = [], d = (s) => {
+      r.push(s), s.children && s.children.forEach(d);
     };
-    I.forEach(d), u = r.filter((i) => {
-      const A = i.label.toLowerCase().includes(v.toLowerCase());
-      return (!(i.children && i.children.length > 0) || i.isSelectableParent) && A;
+    I.forEach(d), u = r.filter((s) => {
+      const F = s.label.toLowerCase().includes(H.toLowerCase());
+      return (!(s.children && s.children.length > 0) || s.isSelectableParent) && F;
     });
   }
-  const E = re(u, O), a = oe(E, l, p, S);
-  M(() => {
-    l && !a.isOpen && p(e[0]?.label || "");
+  const E = le(u, O), a = se(E, l, g, S);
+  q(() => {
+    l && !a.isOpen && g(e[0]?.label || "");
   }, [a.isOpen, e, l]);
-  const [q, X] = g([]);
-  M(() => {
-    !a.isOpen || n || X(e);
-  }, [a.isOpen]), C || (u = [
-    ...q,
-    ...u.filter((r) => !q.find((d) => d.label === r.label))
+  const [P, Z] = p([]);
+  q(() => {
+    !a.isOpen || n || Z(e);
+  }, [a.isOpen]), v || (u = [
+    ...P,
+    ...u.filter((r) => !P.find((d) => d.label === r.label))
   ]);
-  let j = !1;
-  x ? u = e : (j = u.length > (L ?? 1 / 0), u = u.slice(0, L));
-  const Y = ie(I), Z = (r) => {
+  let y = !1;
+  x ? u = e : (y = u.length > (M ?? 1 / 0), u = u.slice(0, M));
+  const $ = ce(I), R = (r) => {
     if (x || S)
       return;
     if (r.id === "_back") {
@@ -112,50 +112,52 @@ function pe({
     }
     O.current?.parentNode?.querySelector("input")?.focus();
     const d = f.opened.length > 0 && f.opened[f.opened.length - 1].id === r.id;
-    if (!C && !d && r.children && r.children.length > 0) {
+    if (!v && !d && r.children && r.children.length > 0) {
       f.open(r), requestAnimationFrame(() => E.set(1));
       return;
     }
-    let i = [r];
-    n || (e.some((H) => H.id === r.id) ? i = e.filter((H) => H.id !== r.id) : i = [...e, r]), p(l ? i[0]?.label : ""), n && (i.length === 0 ? a.open() : a.close()), N && N(i);
-  }, $ = e.length === 0 ? U ?? k.search : void 0, R = (r) => {
-    w.current?.contains(r.relatedTarget) || (a.close(), P && P(e));
-  }, y = {
+    let s = [r];
+    n || (e.some((C) => C.id === r.id) ? s = e.filter((C) => C.id !== r.id) : s = [...e, r]), g(l ? s[0]?.label : ""), n && (s.length === 0 ? a.open() : a.close()), L && L(s);
+  }, T = e.length === 0 ? W ?? k.search : void 0, D = (r) => {
+    w.current?.contains(r.relatedTarget) || (a.close(), j(!1), N && N(e));
+  }, A = {
     id: o,
     asPlainText: l,
-    inputValue: v,
+    inputValue: H,
     selectedItems: e,
     displayItems: u,
-    toggleItem: Z,
+    toggleItem: R,
     highlightState: E,
     openState: a,
-    parentStrings: Y,
+    parentStrings: $,
     // Button
     size: t,
     variant: h,
-    label: s,
-    placeHolderText: $,
+    label: c,
+    placeHolderText: T,
     isDisabled: S,
     isReadOnly: x,
     isInvalid: B,
-    collapsed: J,
-    setInputValue: p,
+    collapsed: K,
+    hasPendingDelete: X,
+    setHasPendingDelete: j,
+    setInputValue: g,
     onSearch: b,
     // Menu
     isSingleSelect: n,
-    isSearching: C,
-    isHidingItems: j,
-    popoverWidth: z,
-    popoverPlacement: G,
-    previousSelectedItems: q,
+    isSearching: v,
+    isHidingItems: y,
+    popoverWidth: G,
+    popoverPlacement: J,
+    previousSelectedItems: P,
     parentRef: w,
     popupRef: O,
-    footerContent: W,
+    footerContent: z,
     subMenuState: f,
     translation: k
   };
-  return /* @__PURE__ */ T(
-    D,
+  return /* @__PURE__ */ ee(
+    ne,
     {
       role: "combobox",
       as: "label",
@@ -163,22 +165,22 @@ function pe({
       className: "combobox",
       ref: w,
       onClick: a.open,
-      onBlur: R,
+      onBlur: D,
       overflow: "visible",
       width: "100%",
       "aria-expanded": a.isOpen,
       "aria-invalid": B,
-      "aria-required": m,
+      "aria-required": U,
       "aria-disabled": S,
       "aria-readonly": x,
-      ...K,
+      ...Q,
       children: [
-        /* @__PURE__ */ F(ee, { ...y }),
-        a.isOpen && /* @__PURE__ */ F(ne, { ...y })
+        /* @__PURE__ */ V(te, { ...A }),
+        a.isOpen && /* @__PURE__ */ V(re, { ...A })
       ]
     }
   );
 }
 export {
-  pe as Combobox
+  be as Combobox
 };