@caspeco/casper-ui-library 9.13.0 → 10.0.0

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

@@ -5,5 +5,5 @@ import { CheckboxGroupProps } from './types.js';
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/checkbox-group
  */
-export declare function CheckboxGroup({ children, isDisabled, ...props }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxGroup({ children, isDisabled, ...props }: CheckboxGroupProps): import("react").JSX.Element;
 //# sourceMappingURL=checkbox-group.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../lib/components/checkbox-group/checkbox-group.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAMnF"}
+{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../lib/components/checkbox-group/checkbox-group.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAMnF"}

package/dist/components/checkbox-group/checkbox-group.js

@@ -1,7 +1,16 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Checkbox as t } from "@chakra-ui/react";
-function u({ children: o, isDisabled: r, ...p }) {
-  return /* @__PURE__ */ e(t.Group, { disabled: r, gap: 0, ...p, children: o });
+import { jsx as l } from "react/jsx-runtime";
+import { c as s } from "../../_virtual/compiler-runtime.js";
+import { Checkbox as c } from "@chakra-ui/react";
+function u(p) {
+  const e = s.c(8);
+  let o, r, i;
+  e[0] !== p ? ({
+    children: o,
+    isDisabled: r,
+    ...i
+  } = p, e[0] = p, e[1] = o, e[2] = r, e[3] = i) : (o = e[1], r = e[2], i = e[3]);
+  let t;
+  return e[4] !== o || e[5] !== r || e[6] !== i ? (t = /* @__PURE__ */ l(c.Group, { disabled: r, gap: 0, ...i, children: o }), e[4] = o, e[5] = r, e[6] = i, e[7] = t) : t = e[7], t;
 }
 export {
   u as CheckboxGroup

package/dist/components/collapsible/collapsible.composition.d.ts

@@ -1,4 +1,4 @@
-export declare const DefaultState: () => import("react/jsx-runtime").JSX.Element;
-export declare const CollapsedState: () => import("react/jsx-runtime").JSX.Element;
-export declare const NonCollapsibleContent: () => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultState: () => import("react").JSX.Element;
+export declare const CollapsedState: () => import("react").JSX.Element;
+export declare const NonCollapsibleContent: () => import("react").JSX.Element;
 //# sourceMappingURL=collapsible.composition.d.ts.map

package/dist/components/collapsible/collapsible.composition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/collapsible.composition.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,YAAY,+CAIxB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAI1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,+CAIjC,CAAC"}
+{"version":3,"file":"collapsible.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/collapsible.composition.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,YAAY,mCAIxB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAI1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,mCAIjC,CAAC"}

package/dist/components/collapsible/collapsible.d.ts

@@ -1,3 +1,3 @@
 import { CollapsibleProps } from './types.js';
-export declare const Collapsible: ({ children, collapsedHeight, defaultExpanded, locale, }: CollapsibleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Collapsible: ({ children, collapsedHeight, defaultExpanded, locale, }: CollapsibleProps) => import("react").JSX.Element;
 //# sourceMappingURL=collapsible.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/collapsible.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIhD,eAAO,MAAM,WAAW,GAAI,yDAKzB,gBAAgB,4CAwFlB,CAAC"}
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/collapsible.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIhD,eAAO,MAAM,WAAW,GAAI,yDAKzB,gBAAgB,gCAwFlB,CAAC"}

package/dist/components/collapsible/collapsible.js

@@ -1,117 +1,102 @@
-import { jsx as e, jsxs as I } from "react/jsx-runtime";
-import { Collapsible as o, Box as a, Flex as R } from "@chakra-ui/react";
-import { useState as m, useRef as y, useLayoutEffect as O } from "react";
-import { useRemoveAttributes as S } from "../../hooks/use-remove-attributes.js";
-import { translations as f } from "./translations.js";
-import { ThemeSpaceVariable as D, ThemeColorVariable as d } from "../../theme/theme-types.js";
-import { ExpandIcon as E } from "../icon/icons/expand-icon.js";
-const s = "200ms", k = ({
-  children: h,
-  collapsedHeight: r,
-  defaultExpanded: b = !0,
-  locale: l = "en-US"
-}) => {
-  const [g, C] = m(b), [c, x] = m(!0), i = y(null), t = c ? g : !0;
-  return S(i, ["inert"], !t), O(() => {
-    const n = i.current;
-    if (!n) return;
-    const p = () => {
-      const v = n.getBoundingClientRect().height;
-      x(v > r);
+import { jsx as o, jsxs as z } from "react/jsx-runtime";
+import { c as j } from "../../_virtual/compiler-runtime.js";
+import { Collapsible as _, Box as E, Flex as U } from "@chakra-ui/react";
+import { useState as $, useRef as V, useLayoutEffect as F } from "react";
+import { useRemoveAttributes as H } from "../../hooks/use-remove-attributes.js";
+import { translations as D } from "./translations.js";
+import { ThemeSpaceVariable as L, ThemeColorVariable as T } from "../../theme/theme-types.js";
+import { ExpandIcon as M } from "../icon/icons/expand-icon.js";
+const S = "200ms", Z = (a) => {
+  const e = j.c(23), {
+    children: v,
+    collapsedHeight: n,
+    defaultExpanded: I,
+    locale: R
+  } = a, A = I === void 0 ? !0 : I, m = R === void 0 ? "en-US" : R, [w, B] = $(A), [p, N] = $(!0), y = V(null), t = p ? w : !0;
+  let f;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = ["inert"], e[0] = f) : f = e[0], H(y, f, !t);
+  let d, u;
+  e[1] !== n ? (d = () => {
+    const c = y.current;
+    if (!c)
+      return;
+    const C = () => {
+      const k = c.getBoundingClientRect().height;
+      N(k > n);
     };
-    p();
-    const u = new ResizeObserver(p);
-    return u.observe(n), () => {
-      u.disconnect();
+    C();
+    const O = new ResizeObserver(C);
+    return O.observe(c), () => {
+      O.disconnect();
     };
-  }, [r]), /* @__PURE__ */ e(
-    o.Root,
-    {
-      collapsedHeight: r,
-      open: t,
-      onOpenChange: ({ open: n }) => {
-        C(n);
-      },
-      children: /* @__PURE__ */ I(a, { position: "relative", children: [
-        /* @__PURE__ */ e(
-          o.Content,
-          {
-            _open: {
-              animationDuration: s
-            },
-            _closed: {
-              animationDuration: s
-            },
-            children: /* @__PURE__ */ e(a, { ref: i, children: h })
-          }
-        ),
-        !t && /* @__PURE__ */ e(T, {}),
-        c && /* @__PURE__ */ e(
-          R,
-          {
-            css: t ? {
-              position: "relative"
-            } : {
-              position: "absolute",
-              bottom: 0,
-              left: 0,
-              right: 0,
-              transform: `translateY(${D.XSmall})`
-            },
-            alignItems: "center",
-            justifyContent: "center",
-            width: "100%",
-            children: /* @__PURE__ */ e(o.Trigger, { children: /* @__PURE__ */ e(
-              o.Indicator,
-              {
-                width: 40,
-                height: 40,
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                transition: `transform ${s} ease`,
-                "aria-label": t ? f[l].collapseContent : f[l].expandContent,
-                _open: { transform: "rotate(180deg)" },
-                children: /* @__PURE__ */ e(E, {})
-              }
-            ) })
-          }
-        )
-      ] })
-    }
-  );
-}, T = () => /* @__PURE__ */ e(
-  a,
-  {
-    "data-testid": "blur-overlay",
-    css: {
+  }, u = [n], e[1] = n, e[2] = d, e[3] = u) : (d = e[2], u = e[3]), F(d, u);
+  let h;
+  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = (c) => {
+    const {
+      open: C
+    } = c;
+    B(C);
+  }, e[4] = h) : h = e[4];
+  let b, g;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = {
+    animationDuration: S
+  }, g = {
+    animationDuration: S
+  }, e[5] = b, e[6] = g) : (b = e[5], g = e[6]);
+  let r;
+  e[7] !== v ? (r = /* @__PURE__ */ o(_.Content, { _open: b, _closed: g, children: /* @__PURE__ */ o(E, { ref: y, children: v }) }), e[7] = v, e[8] = r) : r = e[8];
+  let l;
+  e[9] !== t ? (l = !t && /* @__PURE__ */ o(X, {}), e[9] = t, e[10] = l) : l = e[10];
+  let i;
+  e[11] !== p || e[12] !== t || e[13] !== m ? (i = p && /* @__PURE__ */ o(U, { css: t ? {
+    position: "relative"
+  } : {
+    position: "absolute",
+    bottom: 0,
+    left: 0,
+    right: 0,
+    transform: `translateY(${L.XSmall})`
+  }, alignItems: "center", justifyContent: "center", width: "100%", children: /* @__PURE__ */ o(_.Trigger, { children: /* @__PURE__ */ o(_.Indicator, { width: 40, height: 40, display: "flex", alignItems: "center", justifyContent: "center", transition: `transform ${S} ease`, "aria-label": t ? D[m].collapseContent : D[m].expandContent, _open: {
+    transform: "rotate(180deg)"
+  }, children: /* @__PURE__ */ o(M, {}) }) }) }), e[11] = p, e[12] = t, e[13] = m, e[14] = i) : i = e[14];
+  let s;
+  e[15] !== l || e[16] !== i || e[17] !== r ? (s = /* @__PURE__ */ z(E, { position: "relative", children: [
+    r,
+    l,
+    i
+  ] }), e[15] = l, e[16] = i, e[17] = r, e[18] = s) : s = e[18];
+  let x;
+  return e[19] !== n || e[20] !== t || e[21] !== s ? (x = /* @__PURE__ */ o(_.Root, { collapsedHeight: n, open: t, onOpenChange: h, children: s }), e[19] = n, e[20] = t, e[21] = s, e[22] = x) : x = e[22], x;
+}, X = () => {
+  const a = j.c(1);
+  let e;
+  return a[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ o(E, { "data-testid": "blur-overlay", css: {
+    position: "absolute",
+    bottom: 0,
+    left: 0,
+    right: 0,
+    height: "36px",
+    pointerEvents: "none",
+    "&::before": {
+      content: '""',
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      height: "20px",
+      background: `linear-gradient(to bottom, rgba(255, 255, 255, 0.00) 2.18%, ${T.Surface} 97.81%)`
+    },
+    "&::after": {
+      content: '""',
       position: "absolute",
       bottom: 0,
       left: 0,
       right: 0,
-      height: "36px",
-      pointerEvents: "none",
-      "&::before": {
-        content: '""',
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        height: "20px",
-        background: `linear-gradient(to bottom, rgba(255, 255, 255, 0.00) 2.18%, ${d.Surface} 97.81%)`
-      },
-      "&::after": {
-        content: '""',
-        position: "absolute",
-        bottom: 0,
-        left: 0,
-        right: 0,
-        height: "calc(100% - 20px)",
-        background: d.Surface
-      }
+      height: "calc(100% - 20px)",
+      background: T.Surface
     }
-  }
-);
+  } }), a[0] = e) : e = a[0], e;
+};
 export {
-  k as Collapsible
+  Z as Collapsible
 };

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, hasPendingDelete, setHasPendingDelete, 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.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,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,QAAQ,EACR,cAAc,GACd,EAAE,kBAAkB,2CA4LpB"}
+{"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,+BA4LpB"}

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

@@ -1,65 +1,81 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { useRecipe as X, Flex as d, Box as f, Input as $ } from "@chakra-ui/react";
-import { Fragment as D } from "react";
-import { ComboboxItem as R } from "./combobox-item.js";
-import { Tag as K } from "../tag/tag.js";
-import { ThemeColorVariable as r, ThemeSpaceVariable as u, ThemeRadiusVariable as U, ThemeIconSizeVariable as q } from "../../theme/theme-types.js";
-import { TreeViewCollapseIcon as G } from "../icon/icons/tree-view-collapse-icon.js";
-function _() {
-  return /* @__PURE__ */ i(
-    f,
-    {
-      backgroundColor: r.NeutralContainer,
-      width: "8px",
-      borderRadius: "4px",
-      marginRight: "-8px",
-      _before: {
-        content: "''",
-        borderRadius: "4px",
-        marginLeft: "2px",
-        height: "100%",
-        width: "8px",
-        display: "block",
-        backgroundColor: r.Surface
-      }
-    }
-  );
+import { jsxs as H, jsx as i } from "react/jsx-runtime";
+import { c as ne } from "../../_virtual/compiler-runtime.js";
+import { useRecipe as ae, Flex as A, Input as se, Box as L } from "@chakra-ui/react";
+import { Fragment as ce } from "react";
+import { ComboboxItem as le } from "./combobox-item.js";
+import { Tag as pe } from "../tag/tag.js";
+import { ThemeColorVariable as l, ThemeSpaceVariable as F, ThemeIconSizeVariable as de, ThemeRadiusVariable as fe } from "../../theme/theme-types.js";
+import { TreeViewCollapseIcon as ue } from "../icon/icons/tree-view-collapse-icon.js";
+function re() {
+  const s = ne.c(1);
+  let e;
+  return s[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ i(L, { backgroundColor: l.NeutralContainer, width: "8px", borderRadius: "4px", marginRight: "-8px", _before: {
+    content: "''",
+    borderRadius: "4px",
+    marginLeft: "2px",
+    height: "100%",
+    width: "8px",
+    display: "block",
+    backgroundColor: l.Surface
+  } }), s[0] = e) : e = s[0], e;
 }
-function oo({
-  id: v,
-  asPlainText: l,
-  inputValue: h,
-  selectedItems: n,
-  displayItems: E,
-  toggleItem: g,
-  highlightState: a,
-  openState: e,
-  parentStrings: j,
-  size: B,
-  variant: V,
-  label: s,
-  placeHolderText: x,
-  isDisabled: b,
-  isReadOnly: S,
-  isInvalid: W,
-  collapsed: C,
-  hasPendingDelete: w,
-  setHasPendingDelete: t,
-  setInputValue: k,
-  onSearch: O,
-  isSingleSelect: z
-}) {
-  const A = X({ key: "combobox" })({ variant: V, size: B }), F = (o) => {
-    if (o.key === "Enter" && (o.preventDefault(), o.stopPropagation(), e.isOpen ? g(E[a.index]) : e.open()), o.key === "Escape") {
-      if (!e.isOpen) return;
-      o.preventDefault(), o.stopPropagation(), e.close(), l || (k(""), O?.(""));
+function Ie(s) {
+  const e = ne.c(66), {
+    id: N,
+    asPlainText: n,
+    inputValue: a,
+    selectedItems: o,
+    displayItems: X,
+    toggleItem: I,
+    highlightState: c,
+    openState: r,
+    parentStrings: K,
+    size: U,
+    variant: q,
+    label: O,
+    placeHolderText: k,
+    isDisabled: p,
+    isReadOnly: f,
+    isInvalid: G,
+    collapsed: _,
+    hasPendingDelete: d,
+    setHasPendingDelete: y,
+    setInputValue: u,
+    onSearch: h,
+    isSingleSelect: ie
+  } = s;
+  let D;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = {
+    key: "combobox"
+  }, e[0] = D) : D = e[0];
+  const J = ae(D);
+  let R;
+  e[1] !== J || e[2] !== U || e[3] !== q ? (R = J({
+    variant: q,
+    size: U
+  }), e[1] = J, e[2] = U, e[3] = q, e[4] = R) : R = e[4];
+  const M = R;
+  let T;
+  e[5] !== n || e[6] !== X || e[7] !== d || e[8] !== c || e[9] !== a || e[10] !== h || e[11] !== r || e[12] !== o || e[13] !== y || e[14] !== u || e[15] !== I ? (T = (t) => {
+    if (t.key === "Enter" && (t.preventDefault(), t.stopPropagation(), r.isOpen ? I(X[c.index]) : r.open()), t.key === "Escape") {
+      if (!r.isOpen)
+        return;
+      t.preventDefault(), t.stopPropagation(), r.close(), n || (u(""), h?.(""));
     }
-    o.key === "Backspace" ? h.length === 0 && n.length > 0 && !l && (w ? (g(n[n.length - 1]), t(!1)) : t(!0)) : t(!1), o.key === "ArrowDown" && (e.isOpen ? a.next() : e.open()), o.key === "ArrowUp" && (e.isOpen ? a.previous() : e.open());
-  }, L = (o) => {
-    o.preventDefault(), o.stopPropagation();
-    const p = o.target.value;
-    k(p), O?.(p), a.set(0), e.open();
-  }, m = n[0], y = n[n.length - 1], N = e.isOpen || l || x ? { width: "100%" } : {
+    t.key === "Backspace" ? a.length === 0 && o.length > 0 && !n && (d ? (I(o[o.length - 1]), y(!1)) : y(!0)) : y(!1), t.key === "ArrowDown" && (r.isOpen ? c.next() : r.open()), t.key === "ArrowUp" && (r.isOpen ? c.previous() : r.open());
+  }, e[5] = n, e[6] = X, e[7] = d, e[8] = c, e[9] = a, e[10] = h, e[11] = r, e[12] = o, e[13] = y, e[14] = u, e[15] = I, e[16] = T) : T = e[16];
+  const Q = T;
+  let V;
+  e[17] !== c || e[18] !== h || e[19] !== r || e[20] !== u ? (V = (t) => {
+    t.preventDefault(), t.stopPropagation();
+    const W = t.target.value;
+    u(W), h?.(W), c.set(0), r.open();
+  }, e[17] = c, e[18] = h, e[19] = r, e[20] = u, e[21] = V) : V = e[21];
+  const Y = V, C = o[0], P = o[o.length - 1], Z = r.isOpen || n || k;
+  let v;
+  e[22] !== Z ? (v = Z ? {
+    width: "100%"
+  } : {
     position: "absolute",
     width: "1px",
     height: "1px",
@@ -69,120 +85,61 @@ function oo({
     clipPath: "inset(50%)",
     whiteSpace: "nowrap",
     border: 0
-  };
-  return /* @__PURE__ */ c(
-    d,
-    {
-      css: A,
-      "aria-disabled": b,
-      "aria-readonly": S,
-      "aria-invalid": W,
-      borderRadius: U.Small,
-      padding: u.Small,
-      _invalid: {
-        borderColor: r.Error,
-        boxShadow: `0 0 0 4px ${r.ErrorContainer}`,
-        backgroundColor: r.Surface
-      },
-      _focusWithin: {
-        borderColor: r.Info,
-        boxShadow: `0 0 0 4px ${r.InfoContainer}`,
-        backgroundColor: r.Surface
-      },
-      children: [
-        /* @__PURE__ */ c(
-          d,
-          {
-            flexWrap: C || z ? "nowrap" : "wrap",
-            gap: u.Small,
-            overflow: "hidden",
-            children: [
-              s && /* @__PURE__ */ i(f, { whiteSpace: "nowrap", children: s }),
-              !l && (C ? n.length > 0 && y && /* @__PURE__ */ c(
-                d,
-                {
-                  gap: u.XSmall,
-                  flexShrink: "1",
-                  overflow: "hidden",
-                  whiteSpace: "nowrap",
-                  textOverflow: "ellipsis",
-                  children: [
-                    n.length > 3 && /* @__PURE__ */ i(_, {}),
-                    n.length > 2 && /* @__PURE__ */ i(_, {}),
-                    n.length > 1 && /* @__PURE__ */ i(K, { children: n.length - 1 }),
-                    /* @__PURE__ */ i(
-                      R,
-                      {
-                        isDeleting: w,
-                        item: y,
-                        asPlainText: l
-                      }
-                    )
-                  ]
-                }
-              ) : n.map((o, p) => /* @__PURE__ */ i(
-                R,
-                {
-                  item: o,
-                  asPlainText: l,
-                  isDeleting: p === n.length - 1 && w
-                },
-                o.id
-              ))),
-              l && n.length > 0 && m && h === m.label && j[m.id]?.map((o) => /* @__PURE__ */ c(D, { children: [
-                /* @__PURE__ */ i(
-                  f,
-                  {
-                    color: r.OnSurfaceSubdued,
-                    textOverflow: "ellipsis",
-                    overflow: "hidden",
-                    whiteSpace: "nowrap",
-                    children: o
-                  }
-                ),
-                /* @__PURE__ */ i(f, { color: r.OnSurfaceSubdued, children: "/" })
-              ] }, o)),
-              /* @__PURE__ */ i(
-                $,
-                {
-                  id: v,
-                  disabled: b,
-                  readOnly: S,
-                  onKeyDown: F,
-                  unstyled: !0,
-                  value: h,
-                  autoComplete: "off",
-                  minWidth: u.XLarge,
-                  onChange: L,
-                  placeholder: x,
-                  border: "none",
-                  flex: 1,
-                  color: r.OnSurface,
-                  outline: "none",
-                  _placeholder: {
-                    color: r.OnSurfaceSubdued
-                  },
-                  _disabled: {
-                    cursor: "not-allowed",
-                    color: r.OnSurfaceSubdued
-                  },
-                  css: N
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ i(d, { className: "combobox-dropdown-icon", justifyContent: "center", alignItems: "center", cursor: "pointer", children: /* @__PURE__ */ i(
-          G,
-          {
-            size: q.Small,
-            color: b ? r.OnSurfaceSubdued : r.OnSurface
-          }
-        ) })
-      ]
-    }
-  );
+  }, e[22] = Z, e[23] = v) : v = e[23];
+  const ee = v;
+  let E, $;
+  e[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = {
+    borderColor: l.Error,
+    boxShadow: `0 0 0 4px ${l.ErrorContainer}`,
+    backgroundColor: l.Surface
+  }, $ = {
+    borderColor: l.Info,
+    boxShadow: `0 0 0 4px ${l.InfoContainer}`,
+    backgroundColor: l.Surface
+  }, e[24] = E, e[25] = $) : (E = e[24], $ = e[25]);
+  const oe = _ || ie ? "nowrap" : "wrap";
+  let m;
+  e[26] !== O ? (m = O && /* @__PURE__ */ i(L, { whiteSpace: "nowrap", children: O }), e[26] = O, e[27] = m) : m = e[27];
+  let g;
+  e[28] !== n || e[29] !== _ || e[30] !== d || e[31] !== P || e[32] !== o ? (g = !n && (_ ? o.length > 0 && P && /* @__PURE__ */ H(A, { gap: F.XSmall, flexShrink: "1", overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", children: [
+    o.length > 3 && /* @__PURE__ */ i(re, {}),
+    o.length > 2 && /* @__PURE__ */ i(re, {}),
+    o.length > 1 && /* @__PURE__ */ i(pe, { children: o.length - 1 }),
+    /* @__PURE__ */ i(le, { isDeleting: d, item: P, asPlainText: n })
+  ] }) : o.map((t, W) => /* @__PURE__ */ i(le, { item: t, asPlainText: n, isDeleting: W === o.length - 1 && d }, t.id))), e[28] = n, e[29] = _, e[30] = d, e[31] = P, e[32] = o, e[33] = g) : g = e[33];
+  let b;
+  e[34] !== n || e[35] !== C || e[36] !== a || e[37] !== K || e[38] !== o.length ? (b = n && o.length > 0 && C && a === C.label && K[C.id]?.map(he), e[34] = n, e[35] = C, e[36] = a, e[37] = K, e[38] = o.length, e[39] = b) : b = e[39];
+  let j, z;
+  e[40] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = {
+    color: l.OnSurfaceSubdued
+  }, z = {
+    cursor: "not-allowed",
+    color: l.OnSurfaceSubdued
+  }, e[40] = j, e[41] = z) : (j = e[40], z = e[41]);
+  let S;
+  e[42] !== N || e[43] !== ee || e[44] !== a || e[45] !== p || e[46] !== f || e[47] !== Y || e[48] !== Q || e[49] !== k ? (S = /* @__PURE__ */ i(se, { id: N, disabled: p, readOnly: f, onKeyDown: Q, unstyled: !0, value: a, autoComplete: "off", minWidth: F.XLarge, onChange: Y, placeholder: k, border: "none", flex: 1, color: l.OnSurface, outline: "none", _placeholder: j, _disabled: z, css: ee }), e[42] = N, e[43] = ee, e[44] = a, e[45] = p, e[46] = f, e[47] = Y, e[48] = Q, e[49] = k, e[50] = S) : S = e[50];
+  let x;
+  e[51] !== g || e[52] !== b || e[53] !== S || e[54] !== oe || e[55] !== m ? (x = /* @__PURE__ */ H(A, { flexWrap: oe, gap: F.Small, overflow: "hidden", children: [
+    m,
+    g,
+    b,
+    S
+  ] }), e[51] = g, e[52] = b, e[53] = S, e[54] = oe, e[55] = m, e[56] = x) : x = e[56];
+  const te = p ? l.OnSurfaceSubdued : l.OnSurface;
+  let w;
+  e[57] !== te ? (w = /* @__PURE__ */ i(A, { className: "combobox-dropdown-icon", justifyContent: "center", alignItems: "center", cursor: "pointer", children: /* @__PURE__ */ i(ue, { size: de.Small, color: te }) }), e[57] = te, e[58] = w) : w = e[58];
+  let B;
+  return e[59] !== p || e[60] !== G || e[61] !== f || e[62] !== M || e[63] !== x || e[64] !== w ? (B = /* @__PURE__ */ H(A, { css: M, "aria-disabled": p, "aria-readonly": f, "aria-invalid": G, borderRadius: fe.Small, padding: F.Small, _invalid: E, _focusWithin: $, children: [
+    x,
+    w
+  ] }), e[59] = p, e[60] = G, e[61] = f, e[62] = M, e[63] = x, e[64] = w, e[65] = B) : B = e[65], B;
+}
+function he(s) {
+  return /* @__PURE__ */ H(ce, { children: [
+    /* @__PURE__ */ i(L, { color: l.OnSurfaceSubdued, textOverflow: "ellipsis", overflow: "hidden", whiteSpace: "nowrap", children: s }),
+    /* @__PURE__ */ i(L, { color: l.OnSurfaceSubdued, children: "/" })
+  ] }, s);
 }
 export {
-  oo as ComboboxButton
+  Ie as ComboboxButton
 };

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

@@ -5,6 +5,6 @@ type ComboboxItemProps = {
     isDeleting?: boolean;
     highlightQuery?: string;
 };
-export declare function ComboboxItem({ item, asPlainText, isDeleting, highlightQuery }: ComboboxItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function ComboboxItem({ item, asPlainText, isDeleting, highlightQuery }: ComboboxItemProps): import("react").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":"AAMA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhE,KAAK,iBAAiB,GAAG;IACxB,IAAI,EAAE,gBAAgB,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,iBAAiB,2CAoBhG"}
+{"version":3,"file":"combobox-item.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-item.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhE,KAAK,iBAAiB,GAAG;IACxB,IAAI,EAAE,gBAAgB,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,iBAAiB,+BAoBhG"}