@caspeco/casper-ui-library 4.0.0 → 4.1.0

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 p, jsx as i } from "react/jsx-runtime";
-import { useStyleConfig as A, Flex as u, Box as c, Input as E } from "@chakra-ui/react";
-import { Fragment as F } from "react";
-import { ComboboxItem as s } from "./combobox-item.js";
-import { Tag as L } from "../tag/tag.js";
-import { Icon as N } from "../icon/icon.js";
-import { Icons as X } from "../icon/types.js";
-import { ThemeColorVariable as n, ThemeSpaceVariable as d, ThemeRadiusVariable as K, ThemeIconSizeVariable as T } from "../../theme/theme-types.js";
-function O() {
+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,48 +26,49 @@ function O() {
     }
   );
 }
-function Y({
-  id: y,
-  asPlainText: a,
+function H({
+  id: s,
+  asPlainText: l,
   inputValue: b,
   selectedItems: r,
-  displayItems: S,
-  toggleItem: g,
+  displayItems: _,
+  toggleItem: x,
   highlightState: f,
-  openState: l,
-  parentStrings: _,
-  size: D,
-  variant: j,
-  label: w,
-  placeHolderText: B,
-  isDisabled: m,
-  isReadOnly: h,
-  isInvalid: R,
-  collapsed: x,
-  setInputValue: C,
-  onSearch: e,
-  isSingleSelect: V
+  openState: a,
+  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
 }) {
-  var t;
-  const W = A("Combobox", { size: D, variant: j }), v = (o) => {
-    if (o.key === "Enter" && (o.preventDefault(), o.stopPropagation(), l.isOpen ? g(S[f.index]) : l.open()), o.key === "Escape") {
-      if (!l.isOpen) return;
-      o.preventDefault(), o.stopPropagation(), l.close(), a || (C(""), e == null || e(""));
+  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(), l || (k(""), t?.(""));
     }
-    o.key === "Backspace" && b.length === 0 && r.length > 0 && !a && g(r[r.length - 1]), o.key === "ArrowDown" && (l.isOpen ? f.next() : l.open()), o.key === "ArrowUp" && (l.isOpen ? f.previous() : l.open());
-  }, z = (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 k = o.target.value;
-    C(k), e == null || e(k), f.set(0), l.open();
+    const e = o.target.value;
+    k(e), t?.(e), f.set(0), a.open();
   };
   return /* @__PURE__ */ p(
     u,
     {
-      __css: W,
-      "aria-disabled": m,
-      "aria-readonly": h,
-      borderRadius: K.Small,
-      padding: d.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}`,
@@ -81,30 +82,45 @@ function Y({
         /* @__PURE__ */ p(
           u,
           {
-            flexWrap: x || V ? "nowrap" : "wrap",
-            gap: d.Small,
+            flexWrap: S || v ? "nowrap" : "wrap",
+            gap: c.Small,
             overflow: "hidden",
             children: [
-              w && /* @__PURE__ */ i(c, { whiteSpace: "nowrap", children: w }),
-              !a && (x ? r.length > 0 && /* @__PURE__ */ p(
+              C && /* @__PURE__ */ i(d, { whiteSpace: "nowrap", children: C }),
+              !l && (S ? r.length > 0 && /* @__PURE__ */ p(
                 u,
                 {
-                  gap: d.XSmall,
+                  gap: c.XSmall,
                   flexShrink: "1",
                   overflow: "hidden",
                   whiteSpace: "nowrap",
                   textOverflow: "ellipsis",
                   children: [
-                    r.length > 3 && /* @__PURE__ */ i(O, {}),
-                    r.length > 2 && /* @__PURE__ */ i(O, {}),
-                    r.length > 1 && /* @__PURE__ */ i(L, { children: r.length - 1 }),
-                    /* @__PURE__ */ i(s, { item: r[r.length - 1], asPlainText: a })
+                    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: a }, o.id))),
-              a && r.length > 0 && b === r[0].label && ((t = _[r[0].id]) == null ? void 0 : t.map((o) => /* @__PURE__ */ p(F, { 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",
@@ -113,22 +129,22 @@ function Y({
                     children: o
                   }
                 ),
-                /* @__PURE__ */ i(c, { color: n.OnSurfaceSubdued, children: "/" })
-              ] }, o))),
+                /* @__PURE__ */ i(d, { color: n.OnSurfaceSubdued, children: "/" })
+              ] }, o)),
               /* @__PURE__ */ i(
-                E,
+                F,
                 {
-                  id: y,
-                  isDisabled: m,
-                  isReadOnly: h,
-                  isInvalid: R,
-                  onKeyDown: v,
+                  id: s,
+                  isDisabled: h,
+                  isReadOnly: m,
+                  isInvalid: W,
+                  onKeyDown: A,
                   variant: "unstyled",
                   value: b,
                   autoComplete: "off",
-                  minWidth: d.XLarge,
-                  onChange: z,
-                  placeholder: B,
+                  minWidth: c.XLarge,
+                  onChange: D,
+                  placeholder: V,
                   border: "none",
                   flex: 1,
                   color: n.OnSurface,
@@ -146,11 +162,11 @@ function Y({
           }
         ),
         /* @__PURE__ */ i(u, { className: "combobox-dropdown-icon", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ i(
-          N,
+          X,
           {
-            icon: X.TreeViewCollapse,
-            size: T.Small,
-            color: m || h ? n.OnSurfaceSubdued : n.OnSurface
+            icon: K.TreeViewCollapse,
+            size: U.Small,
+            color: h || m ? n.OnSurfaceSubdued : n.OnSurface
           }
         ) })
       ]
@@ -158,5 +174,5 @@ function Y({
   );
 }
 export {
-  Y 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-menu.js

@@ -1,26 +1,26 @@
-import { jsxs as l, jsx as i, Fragment as K } from "react/jsx-runtime";
+import { jsxs as l, jsx as i, Fragment as G } from "react/jsx-runtime";
 import { Box as d, Flex as g } from "@chakra-ui/react";
-import { autoUpdate as L, computePosition as N, flip as Q } from "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
-import { Fragment as D, useState as Z, useEffect as R } from "react";
-import { ComboboxItem as oo } from "./combobox-item.js";
-import { interpolate as ro } from "./translations.js";
-import { ThemeColorVariable as o, ThemeShadowVariable as no, ThemeRadiusVariable as X, ThemeSpaceVariable as t, ThemeIconSizeVariable as P, ThemeFontSizeVariable as eo, ThemeBorderVariable as to } from "../../theme/theme-types.js";
-import { Text as I } from "../text/text.js";
-import { Icon as B } from "../icon/icon.js";
-import { Icons as C } from "../icon/types.js";
-const io = (n, e, u, a, b) => {
-  const [m, s] = Z({
+import { autoUpdate as J, computePosition as K, flip as L } from "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { Fragment as F, useState as N, useEffect as Q } from "react";
+import { ComboboxItem as Z } from "./combobox-item.js";
+import { interpolate as R } from "./translations.js";
+import { ThemeColorVariable as o, ThemeShadowVariable as oo, ThemeRadiusVariable as V, ThemeSpaceVariable as t, ThemeIconSizeVariable as $, ThemeFontSizeVariable as ro, ThemeBorderVariable as no } from "../../theme/theme-types.js";
+import { Text as z } from "../text/text.js";
+import { Icon as P } from "../icon/icon.js";
+import { Icons as B } from "../icon/types.js";
+const eo = (n, e, u, a, b) => {
+  const [m, s] = N({
     transform: "translate(0, 0)",
     minWidth: 0
   });
-  return R(() => {
+  return Q(() => {
     if (!n.current || !e.current || !u) return () => {
     };
     const S = async () => {
       if (n.current && e.current && u) {
-        const { width: p } = n.current.getBoundingClientRect(), { x: h, y: x } = await N(n.current, e.current, {
+        const { width: p } = n.current.getBoundingClientRect(), { x: h, y: x } = await K(n.current, e.current, {
           placement: b || "bottom-start",
-          middleware: [Q()]
+          middleware: [L()]
         });
         s({
           transform: `translate(${h}px, ${x}px)`,
@@ -28,10 +28,10 @@ const io = (n, e, u, a, b) => {
         });
       }
     };
-    return L(n.current, e.current, S);
+    return J(n.current, e.current, S);
   }, [n, e, u, b, a]), m;
 };
-function ao({
+function to({
   isSingleSelect: n,
   isChecked: e
 }) {
@@ -44,21 +44,21 @@ function ao({
       flexShrink: "0",
       border: `${n && e ? 8 : 2}px solid ${e ? o.Primary : o.OnBackground}`,
       backgroundColor: e && !n ? o.Primary : "auto",
-      borderRadius: n ? "50%" : X.Small,
+      borderRadius: n ? "50%" : V.Small,
       children: !n && e && /* @__PURE__ */ i(
-        B,
+        P,
         {
           top: "-2px",
           position: "absolute",
-          width: P.Small,
+          width: $.Small,
           color: o.Surface,
-          icon: C.Checkbox
+          icon: B.Checkbox
         }
       )
     }
   );
 }
-function So({
+function fo({
   asPlainText: n,
   inputValue: e,
   selectedItems: u,
@@ -70,23 +70,23 @@ function So({
   isSingleSelect: p,
   isSearching: h,
   isReadOnly: x,
-  isHidingItems: j,
-  popoverWidth: H,
-  popoverPlacement: A,
+  isHidingItems: D,
+  popoverWidth: I,
+  popoverPlacement: X,
   previousSelectedItems: k,
-  parentRef: E,
-  popupRef: O,
-  footerContent: v,
-  subMenuState: M,
-  translation: T
+  parentRef: j,
+  popupRef: C,
+  footerContent: O,
+  subMenuState: v,
+  translation: M
 }) {
-  const U = io(
-    E,
-    O,
+  const H = eo(
+    j,
+    C,
     s.isOpen,
-    H,
-    A
-  ), W = (r) => {
+    I,
+    X
+  ), A = (r) => {
     m.set(r);
   };
   return /* @__PURE__ */ l(
@@ -98,12 +98,12 @@ function So({
       zIndex: "50",
       visibility: "visible",
       backgroundColor: o.Surface,
-      borderRadius: X.Medium,
-      boxShadow: no.Medium,
+      borderRadius: V.Medium,
+      boxShadow: oo.Medium,
       color: o.OnSurface,
       overflow: "hidden",
-      style: U,
-      ref: O,
+      style: H,
+      ref: C,
       onClick: (r) => {
         r.preventDefault(), r.stopPropagation(), p && s.close();
       },
@@ -119,38 +119,37 @@ function So({
             padding: `${t.Small} 0`,
             children: [
               h && a.length === 0 && e.length > 0 && /* @__PURE__ */ i(
-                I,
+                z,
                 {
                   px: t.Small,
                   color: o.OnSurfaceSubdued,
-                  children: `${T.noMatchFor} "${e}"`
+                  children: `${M.noMatchFor} "${e}"`
                 }
               ),
               a.map((r, f) => {
-                var z, V;
-                const y = u.some((c) => c.id === r.id), Y = (c) => {
+                const T = u.some((c) => c.id === r.id), E = (c) => {
                   c.stopPropagation(), c.preventDefault(), b(r);
-                }, _ = (z = r.children) == null ? void 0 : z.length, w = r.id === "_back", $ = M.opened[M.opened.length - 1], F = r.id === ($ == null ? void 0 : $.id), q = w ? /* @__PURE__ */ l(g, { gap: t.XSmall, alignItems: "center", children: [
-                  /* @__PURE__ */ i(B, { icon: C.Back, size: P.Small }),
+                }, U = r.children?.length, w = r.id === "_back", W = v.opened[v.opened.length - 1], y = r.id === W?.id, Y = w ? /* @__PURE__ */ l(g, { gap: t.XSmall, alignItems: "center", children: [
+                  /* @__PURE__ */ i(P, { icon: B.Back, size: $.Small }),
                   r.label
-                ] }) : /* @__PURE__ */ l(K, { children: [
+                ] }) : /* @__PURE__ */ l(G, { children: [
                   /* @__PURE__ */ l(g, { gap: t.XSmall, alignItems: "center", whiteSpace: "nowrap", children: [
-                    (V = S[r.id]) == null ? void 0 : V.map((c) => /* @__PURE__ */ l(D, { children: [
+                    S[r.id]?.map((c) => /* @__PURE__ */ l(F, { children: [
                       /* @__PURE__ */ i(d, { color: o.OnSurfaceSubdued, children: c }),
                       /* @__PURE__ */ i(d, { color: o.OnSurfaceSubdued, children: "/" })
                     ] }, c)),
-                    /* @__PURE__ */ i(oo, { item: r, asPlainText: n })
+                    /* @__PURE__ */ i(Z, { item: r, asPlainText: n })
                   ] }),
-                  x ? void 0 : _ && !F && !h ? /* @__PURE__ */ i(
-                    B,
+                  x ? void 0 : U && !y && !h ? /* @__PURE__ */ i(
+                    P,
                     {
-                      icon: C.Forward,
-                      size: P.Small,
+                      icon: B.Forward,
+                      size: $.Small,
                       color: o.OnBackgroundSubdued
                     }
-                  ) : /* @__PURE__ */ i(ao, { isSingleSelect: p, isChecked: y })
-                ] }), G = k.length > 0 && k.length - 1 === f && k.length < a.length, J = !x && !h && (G || (w || F));
-                return /* @__PURE__ */ l(D, { children: [
+                  ) : /* @__PURE__ */ i(to, { isSingleSelect: p, isChecked: T })
+                ] }), _ = k.length > 0 && k.length - 1 === f && k.length < a.length, q = !x && !h && (_ || (w || y));
+                return /* @__PURE__ */ l(F, { children: [
                   /* @__PURE__ */ i(
                     g,
                     {
@@ -162,15 +161,15 @@ function So({
                       gap: t.Medium,
                       textDecoration: "none",
                       backgroundColor: m.index === f ? o.AccentHoverAlpha : "",
-                      onClick: Y,
+                      onClick: E,
                       tabIndex: -1,
-                      onMouseEnter: () => W(f),
+                      onMouseEnter: () => A(f),
                       "data-is-active-index": m.index === f,
-                      "aria-selected": y,
-                      children: q
+                      "aria-selected": T,
+                      children: Y
                     }
                   ),
-                  J && /* @__PURE__ */ i(
+                  q && /* @__PURE__ */ i(
                     d,
                     {
                       margin: `${t.Small} ${w ? 0 : t.Medium}`,
@@ -181,14 +180,14 @@ function So({
                   )
                 ] }, r.id);
               }),
-              j && /* @__PURE__ */ i(
-                I,
+              D && /* @__PURE__ */ i(
+                z,
                 {
                   px: t.Small,
                   py: t.Small,
                   color: o.OnSurfaceSubdued,
-                  fontSize: eo.Small,
-                  children: ro(T.showMaxItems, {
+                  fontSize: ro.Small,
+                  children: R(M.showMaxItems, {
                     count: a.length
                   })
                 }
@@ -196,15 +195,15 @@ function So({
             ]
           }
         ),
-        v && /* @__PURE__ */ i(
+        O && /* @__PURE__ */ i(
           d,
           {
             position: "sticky",
             bottom: "0",
             backgroundColor: o.Surface,
             padding: `${t.Small} ${t.Medium}`,
-            borderTop: `${to.XSmall} ${o.OnSurfaceBorder}`,
-            children: v
+            borderTop: `${no.XSmall} ${o.OnSurfaceBorder}`,
+            children: O
           }
         )
       ]
@@ -212,6 +211,6 @@ function So({
   );
 }
 export {
-  ao as CheckboxOrRadioButton,
-  So as ComboboxMenu
+  to as CheckboxOrRadioButton,
+  fo as ComboboxMenu
 };

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"}