@caspeco/casper-ui-library 6.0.0 → 7.0.0

package/dist/components/alert/alert.js

@@ -1,72 +1,72 @@
 import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import { Alert as F, Flex as l, chakra as I } from "@chakra-ui/react";
+import { Alert as F, Flex as l, chakra as V } from "@chakra-ui/react";
 import { useMemo as i } from "react";
-import { getAlertTextColor as V, getAlertBackgroundColor as k, getAlertIcon as M } from "./helper.js";
-import { ThemeFontVariable as m, ThemeRadiusVariable as j, ThemeSpaceVariable as B, ThemeIconSizeVariable as s, ThemeFontSizeVariable as w } from "../../theme/theme-types.js";
-import { Icon as f } from "../icon/icon.js";
+import { getAlertTextColor as k, getAlertBackgroundColor as I, getAlertIcon as M } from "./helper.js";
+import { ThemeFontVariable as s, ThemeRadiusVariable as j, ThemeSpaceVariable as B, ThemeIconSizeVariable as f, ThemeFontSizeVariable as w } from "../../theme/theme-types.js";
+import { Icon as d } from "../icon/icon.js";
 import { Text as R } from "../text/text.js";
 import { Icons as y } from "../icon/types.js";
 function G({
-  minHeight: d = "48px",
-  px: u = B.Medium,
-  py: x = "12px",
-  w: g = "100%",
-  children: p,
+  minHeight: u = "48px",
+  px: x = B.Medium,
+  py: g = "12px",
+  w: p = "100%",
+  children: b,
   title: o,
   onClose: a,
   type: e = "info",
-  iconVerticalAlign: b,
-  icon: h,
+  iconVerticalAlign: h,
+  icon: c,
   ...C
 }) {
-  const n = i(() => V(e), [e]), S = i(() => k(e), [e]), T = h ?? i(() => M(e), [e]), A = () => a ? /* @__PURE__ */ r(
-    I.button,
+  const n = i(() => k(e), [e]), S = i(() => I(e), [e]), T = i(() => c ?? M(e), [c, e]), A = () => a ? /* @__PURE__ */ r(
+    V.button,
     {
       type: "button",
       "aria-label": "Close",
       onClick: a,
       mt: o ? "4px" : 0,
       alignSelf: o ? "flex-start" : "center",
-      children: /* @__PURE__ */ r(f, { icon: y.Close, size: s.Medium, color: n })
+      children: /* @__PURE__ */ r(d, { icon: y.Close, size: f.Medium, color: n })
     }
-  ) : null, c = b || (o ? "flex-start" : "center"), z = c === "flex-start" ? "4px" : 0;
+  ) : null, m = h || (o ? "flex-start" : "center"), z = m === "flex-start" ? "4px" : 0;
   return /* @__PURE__ */ r(
     F,
     {
       bgColor: S,
-      px: u,
-      py: x,
-      w: g,
+      px: x,
+      py: g,
+      w: p,
       borderRadius: j.Small,
       display: "flex",
       alignItems: "center",
-      minHeight: d,
-      fontFamily: m.Body,
+      minHeight: u,
+      fontFamily: s.Body,
       color: n,
       ...C,
       children: /* @__PURE__ */ t(l, { align: "center", w: "100%", justify: "space-between", gap: "10px", children: [
         /* @__PURE__ */ t(l, { gap: "10px", children: [
           /* @__PURE__ */ r(
-            f,
+            d,
             {
               color: n,
               icon: T,
-              size: s.Small,
+              size: f.Small,
               mt: z,
-              alignSelf: c
+              alignSelf: m
             }
           ),
           /* @__PURE__ */ t(l, { direction: "column", alignContent: "flex-start", children: [
             o && /* @__PURE__ */ r(
               R,
               {
-                fontFamily: m.SubHeader,
+                fontFamily: s.SubHeader,
                 fontSize: w.Large,
                 fontWeight: "medium",
                 children: o
               }
             ),
-            p
+            b
           ] })
         ] }),
         A()

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

@@ -7,7 +7,7 @@ export type ButtonProps = CustomChakraBoxProps & LayoutProps & MarginProps & Pad
      * @note The 'segmentedControl' variant is only used by the SegmentedControl component.
      * @note The 'card' variant is deprecated, use the component ToggleButton instead.
      */
-    variant?: ResponsiveValue<"primary" | "secondary" | "link" | "ghost" | "tertiary" | "segmentedControl" | "card"> | undefined;
+    variant?: ResponsiveValue<"primary" | "secondary" | "link" | "ghost" | "tertiary" | "segmentedControl" | "card" | "alert"> | undefined;
     /** The size of the button, default: md */
     size?: ResponsiveValue<"lg" | "sm" | "md"> | undefined;
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,EACN,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,SAAS,IAAI,eAAe,EACjC,KAAK,eAAe,EACpB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,WAAW,GAAG,oBAAoB,GAC7C,WAAW,GACX,WAAW,GACX,YAAY,GACZ,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC,GAChD,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,GAAG;IACvG;;;;OAIG;IACH,OAAO,CAAC,EACL,eAAe,CAAC,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,kBAAkB,GAAG,MAAM,CAAC,GACtG,SAAS,CAAC;IAEb,0CAA0C;IAC1C,IAAI,CAAC,EAAE,eAAe,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAEvD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAEjC,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC;IAEjB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,KAAK,CAAC;CAClB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,EACN,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,SAAS,IAAI,eAAe,EACjC,KAAK,eAAe,EACpB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,WAAW,GAAG,oBAAoB,GAC7C,WAAW,GACX,WAAW,GACX,YAAY,GACZ,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC,GAChD,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,GAAG;IACvG;;;;OAIG;IACH,OAAO,CAAC,EACL,eAAe,CACf,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAC9F,GACD,SAAS,CAAC;IAEb,0CAA0C;IAC1C,IAAI,CAAC,EAAE,eAAe,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAEvD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAEjC,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC;IAEjB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,KAAK,CAAC;CAClB,CAAC"}

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,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,QAAQ,EACR,cAAc,GACd,EAAE,kBAAkB,2CAiLpB"}
+{"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,2CAsLpB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-menu.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-menu.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAqClD,wBAAgB,qBAAqB,CAAC,EACrC,cAAc,EACd,SAAS,GACT,EAAE;IACF,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;CACnB,2CAwBA;AAED,wBAAgB,YAAY,CAAC,EAC5B,WAAW,EACX,UAAU,EACV,aAAa,EACb,YAAY,EACZ,UAAU,EACV,cAAc,EACd,SAAS,EACT,aAAa,EACb,cAAc,EACd,WAAW,EACX,UAAU,EACV,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,SAAS,EACT,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,WAAW,GACX,EAAE,kBAAkB,2CAqJpB"}
+{"version":3,"file":"combobox-menu.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-menu.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAyClD,wBAAgB,qBAAqB,CAAC,EACrC,cAAc,EACd,SAAS,GACT,EAAE;IACF,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;CACnB,2CAwBA;AAED,wBAAgB,YAAY,CAAC,EAC5B,WAAW,EACX,UAAU,EACV,aAAa,EACb,YAAY,EACZ,UAAU,EACV,cAAc,EACd,SAAS,EACT,aAAa,EACb,cAAc,EACd,WAAW,EACX,UAAU,EACV,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,SAAS,EACT,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,WAAW,GACX,EAAE,kBAAkB,2CAqJpB"}

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

@@ -1,15 +1,15 @@
 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 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 { Fragment as z, 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({
+import { ThemeColorVariable as o, ThemeShadowVariable as oo, ThemeRadiusVariable as D, ThemeSpaceVariable as t, ThemeIconSizeVariable as $, ThemeFontSizeVariable as ro, ThemeBorderVariable as no } from "../../theme/theme-types.js";
+import { Text as V } from "../text/text.js";
+import { Icon as B } from "../icon/icon.js";
+import { Icons as C } from "../icon/types.js";
+const eo = (n, e, u, a, p) => {
+  const [s, m] = N({
     transform: "translate(0, 0)",
     minWidth: 0
   });
@@ -18,18 +18,20 @@ const eo = (n, e, u, a, b) => {
     };
     const S = async () => {
       if (n.current && e.current && u) {
-        const { width: p } = n.current.getBoundingClientRect(), { x: h, y: x } = await K(n.current, e.current, {
-          placement: b || "bottom-start",
+        const { width: h } = n.current.getBoundingClientRect(), { x, y: k } = await K(n.current, e.current, {
+          placement: p || "bottom-start",
           middleware: [L()]
         });
-        s({
-          transform: `translate(${h}px, ${x}px)`,
-          minWidth: a || p
+        m({
+          transform: `translate(${x}px, ${k}px)`,
+          minWidth: a || h
         });
       }
+    }, b = () => {
+      S().catch(console.error);
     };
-    return J(n.current, e.current, S);
-  }, [n, e, u, b, a]), m;
+    return J(n.current, e.current, b);
+  }, [n, e, u, p, a]), s;
 };
 function to({
   isSingleSelect: n,
@@ -44,15 +46,15 @@ function to({
       flexShrink: "0",
       border: `${n && e ? 8 : 2}px solid ${e ? o.Primary : o.OnBackground}`,
       backgroundColor: e && !n ? o.Primary : "auto",
-      borderRadius: n ? "50%" : V.Small,
+      borderRadius: n ? "50%" : D.Small,
       children: !n && e && /* @__PURE__ */ i(
-        P,
+        B,
         {
           top: "-2px",
           position: "absolute",
           width: $.Small,
           color: o.Surface,
-          icon: B.Checkbox
+          icon: C.Checkbox
         }
       )
     }
@@ -63,49 +65,49 @@ function fo({
   inputValue: e,
   selectedItems: u,
   displayItems: a,
-  toggleItem: b,
-  highlightState: m,
-  openState: s,
+  toggleItem: p,
+  highlightState: s,
+  openState: m,
   parentStrings: S,
-  isSingleSelect: p,
+  isSingleSelect: b,
   isSearching: h,
   isReadOnly: x,
-  isHidingItems: D,
+  isHidingItems: k,
   popoverWidth: I,
   popoverPlacement: X,
-  previousSelectedItems: k,
+  previousSelectedItems: w,
   parentRef: j,
-  popupRef: C,
-  footerContent: O,
-  subMenuState: v,
-  translation: M
+  popupRef: O,
+  footerContent: v,
+  subMenuState: M,
+  translation: T
 }) {
   const H = eo(
     j,
-    C,
-    s.isOpen,
+    O,
+    m.isOpen,
     I,
     X
   ), A = (r) => {
-    m.set(r);
+    s.set(r);
   };
   return /* @__PURE__ */ l(
     d,
     {
-      display: s.isOpen ? "block" : "none",
+      display: m.isOpen ? "block" : "none",
       inset: "0 auto auto 0",
       position: "fixed",
       zIndex: "50",
       visibility: "visible",
       backgroundColor: o.Surface,
-      borderRadius: V.Medium,
+      borderRadius: D.Medium,
       boxShadow: oo.Medium,
       color: o.OnSurface,
       overflow: "hidden",
       style: H,
-      ref: C,
+      ref: O,
       onClick: (r) => {
-        r.preventDefault(), r.stopPropagation(), p && s.close();
+        r.preventDefault(), r.stopPropagation(), b && m.close();
       },
       children: [
         /* @__PURE__ */ l(
@@ -119,37 +121,37 @@ function fo({
             padding: `${t.Small} 0`,
             children: [
               h && a.length === 0 && e.length > 0 && /* @__PURE__ */ i(
-                z,
+                V,
                 {
                   px: t.Small,
                   color: o.OnSurfaceSubdued,
-                  children: `${M.noMatchFor} "${e}"`
+                  children: `${T.noMatchFor} "${e}"`
                 }
               ),
               a.map((r, f) => {
-                const T = u.some((c) => c.id === r.id), E = (c) => {
-                  c.stopPropagation(), c.preventDefault(), b(r);
-                }, 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 }),
+                const y = u.some((c) => c.id === r.id), E = (c) => {
+                  c.stopPropagation(), c.preventDefault(), p(r);
+                }, U = r.children?.length, P = r.id === "_back", W = M.opened[M.opened.length - 1], F = r.id === W?.id, Y = P ? /* @__PURE__ */ l(g, { gap: t.XSmall, alignItems: "center", children: [
+                  /* @__PURE__ */ i(B, { icon: C.Back, size: $.Small }),
                   r.label
                 ] }) : /* @__PURE__ */ l(G, { children: [
                   /* @__PURE__ */ l(g, { gap: t.XSmall, alignItems: "center", whiteSpace: "nowrap", children: [
-                    S[r.id]?.map((c) => /* @__PURE__ */ l(F, { children: [
+                    S[r.id]?.map((c) => /* @__PURE__ */ l(z, { children: [
                       /* @__PURE__ */ i(d, { color: o.OnSurfaceSubdued, children: c }),
                       /* @__PURE__ */ i(d, { color: o.OnSurfaceSubdued, children: "/" })
                     ] }, c)),
                     /* @__PURE__ */ i(Z, { item: r, asPlainText: n })
                   ] }),
-                  x ? void 0 : U && !y && !h ? /* @__PURE__ */ i(
-                    P,
+                  x ? void 0 : U && !F && !h ? /* @__PURE__ */ i(
+                    B,
                     {
-                      icon: B.Forward,
+                      icon: C.Forward,
                       size: $.Small,
                       color: o.OnBackgroundSubdued
                     }
-                  ) : /* @__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(to, { isSingleSelect: b, isChecked: y })
+                ] }), _ = w.length > 0 && w.length - 1 === f && w.length < a.length, q = !x && !h && (_ || (P || F));
+                return /* @__PURE__ */ l(z, { children: [
                   /* @__PURE__ */ i(
                     g,
                     {
@@ -160,19 +162,19 @@ function fo({
                       padding: `${t.Small} ${t.Medium}`,
                       gap: t.Medium,
                       textDecoration: "none",
-                      backgroundColor: m.index === f ? o.AccentHoverAlpha : "",
+                      backgroundColor: s.index === f ? o.AccentHoverAlpha : "",
                       onClick: E,
                       tabIndex: -1,
                       onMouseEnter: () => A(f),
-                      "data-is-active-index": m.index === f,
-                      "aria-selected": T,
+                      "data-is-active-index": s.index === f,
+                      "aria-selected": y,
                       children: Y
                     }
                   ),
                   q && /* @__PURE__ */ i(
                     d,
                     {
-                      margin: `${t.Small} ${w ? 0 : t.Medium}`,
+                      margin: `${t.Small} ${P ? 0 : t.Medium}`,
                       height: "1px",
                       flexShrink: 0,
                       backgroundColor: o.OnBackgroundBorder
@@ -180,14 +182,14 @@ function fo({
                   )
                 ] }, r.id);
               }),
-              D && /* @__PURE__ */ i(
-                z,
+              k && /* @__PURE__ */ i(
+                V,
                 {
                   px: t.Small,
                   py: t.Small,
                   color: o.OnSurfaceSubdued,
                   fontSize: ro.Small,
-                  children: R(M.showMaxItems, {
+                  children: R(T.showMaxItems, {
                     count: a.length
                   })
                 }
@@ -195,7 +197,7 @@ function fo({
             ]
           }
         ),
-        O && /* @__PURE__ */ i(
+        v && /* @__PURE__ */ i(
           d,
           {
             position: "sticky",
@@ -203,7 +205,7 @@ function fo({
             backgroundColor: o.Surface,
             padding: `${t.Small} ${t.Medium}`,
             borderTop: `${no.XSmall} ${o.OnSurfaceBorder}`,
-            children: O
+            children: v
           }
         )
       ]

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,2CA2Lf"}
+{"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,2CA+Lf"}