@box/combobox-with-api 0.36.3 → 0.36.7

package/dist/chunks/dynamic-loading-tree.js

@@ -1,10 +1,10 @@
 import { LoadingIndicator as H } from "@box/blueprint-web";
 import { Tree as J } from "@box/tree";
 import { useReducer as K, useState as L, useMemo as Q, useCallback as y, useEffect as T } from "react";
-import { getServiceNode as g, RootTreeNode as i, hasValidLevel as X } from "../esm/lib/components/combobox-with-api-tree-view/tree-utils.js";
+import { getServiceNode as R, RootTreeNode as i, hasValidLevel as X } from "../esm/lib/components/combobox-with-api-tree-view/tree-utils.js";
 import { t as Y, i as Z, A as o } from "./treeReducer.js";
-import { jsxs as $, jsx as v } from "react/jsx-runtime";
-import '../styles/dynamic-loading-tree.css';const P = "_container_xz6fa_1", F = "_disabled_xz6fa_12", ee = "_label_xz6fa_15", ae = "_hiddenLabel_xz6fa_27", te = "_comboboxContainer_xz6fa_30", le = "_withComboboxButtons_xz6fa_46", ne = "_error_xz6fa_54", oe = "_textInputWrapper_xz6fa_62", se = "_textInput_xz6fa_62", ie = "_errorIcon_xz6fa_84", re = "_comboboxButtons_xz6fa_87", de = "_withChips_xz6fa_94", ce = "_inlineError_xz6fa_104", pe = "_popover_xz6fa_108", me = "_option_xz6fa_134", _e = "_indicator_xz6fa_157", ue = "_indicatorIcon_xz6fa_166", ye = "_optionWithIndicator_xz6fa_169", be = "_loadingIndicator_xz6fa_172", fe = "_noResultOption_xz6fa_175", I = {
+import { jsxs as $, jsx as S } from "react/jsx-runtime";
+import '../styles/dynamic-loading-tree.css';const P = "_container_z81ug_1", F = "_disabled_z81ug_12", ee = "_label_z81ug_15", ae = "_hiddenLabel_z81ug_27", te = "_comboboxContainer_z81ug_30", le = "_withComboboxButtons_z81ug_46", ne = "_error_z81ug_54", oe = "_textInputWrapper_z81ug_62", se = "_textInput_z81ug_62", ie = "_errorIcon_z81ug_84", re = "_comboboxButtons_z81ug_87", de = "_withChips_z81ug_94", ce = "_inlineError_z81ug_104", ue = "_popover_z81ug_108", pe = "_option_z81ug_134", me = "_indicator_z81ug_157", _e = "_indicatorIcon_z81ug_166", ye = "_optionWithIndicator_z81ug_169", be = "_loadingIndicator_z81ug_172", ge = "_noResultOption_z81ug_175", E = {
   container: P,
   disabled: F,
   label: ee,
@@ -18,30 +18,30 @@ import '../styles/dynamic-loading-tree.css';const P = "_container_xz6fa_1", F =
   comboboxButtons: re,
   withChips: de,
   inlineError: ce,
-  popover: pe,
-  option: me,
-  indicator: _e,
-  indicatorIcon: ue,
+  popover: ue,
+  option: pe,
+  indicator: me,
+  indicatorIcon: _e,
   optionWithIndicator: ye,
   loadingIndicator: be,
-  noResultOption: fe
-}, Ie = ({
+  noResultOption: ge
+}, Ee = ({
   ariaLabel: k,
-  onSelect: R,
-  selectedNodes: E,
-  defaultFetcher: m,
-  levels: S,
-  selectableLevels: x,
+  onSelect: N,
+  selectedNodes: f,
+  defaultFetcher: p,
+  levels: O,
+  selectableLevels: h,
   multiselect: V,
-  open: N,
-  searchInput: p,
+  open: x,
+  searchInput: u,
   noResultMessage: w,
   loadingAriaLabel: B
 }) => {
-  const [_, l] = K(Y, Z), [b, W] = L({
+  const [m, l] = K(Y, Z), [b, W] = L({
     nodes: [],
     selectedIds: []
-  }), [O, f] = L(!1), h = Q(() => Math.max(...x), [x]), A = y((a = _) => {
+  }), [I, g] = L(!1), v = Q(() => Math.max(...h), [h]), A = y((a = m) => {
     const t = [];
     return [...Object.values(a).map((e) => {
       const r = [...e.children], {
@@ -58,20 +58,20 @@ import '../styles/dynamic-loading-tree.css';const P = "_container_xz6fa_1", F =
         }
       };
       let c;
-      return e.children.length && e.status === "loading" && (c = g(s.id, s.metadata.displayValue, "loading")), e.status === "error" && (c = g(s.id, s.metadata.displayValue, "reload")), e.status === "success" && e.marker && (c = g(s.id, s.metadata.displayValue, "loadMore")), c && (t.push(c), s.children.push(c.id)), s;
+      return e.children.length && e.status === "loading" && (c = R(s.id, s.metadata.displayValue, "loading")), e.status === "error" && (c = R(s.id, s.metadata.displayValue, "reload")), e.status === "success" && e.marker && (c = R(s.id, s.metadata.displayValue, "loadMore")), c && (t.push(c), s.children.push(c.id)), s;
     }), ...t];
-  }, [_]), D = y((a) => {
+  }, [m]), D = y((a) => {
     var r;
-    const t = (r = a.ancestors) == null ? void 0 : r.find((n) => n.level === a.level - 1), d = S.find((n) => n.level === a.level);
-    return a.level === 1 || p === "" ? a.displayValue : {
+    const t = (r = a.ancestors) == null ? void 0 : r.find((n) => n.level === a.level - 1), d = O.find((n) => n.level === a.level);
+    return a.level === 1 || u === "" ? a.displayValue : {
       labelName: d.displayName,
       labelValue: t.displayName
     };
-  }, [S, p]), u = y((a) => ({
+  }, [O, u]), _ = y((a) => ({
     id: a.value,
     name: a.displayValue,
     parent: i.id,
-    isBranch: a.level !== h,
+    isBranch: a.level !== v,
     children: [],
     metadata: {
       variant: "content",
@@ -81,28 +81,28 @@ import '../styles/dynamic-loading-tree.css';const P = "_container_xz6fa_1", F =
       marker: a.marker,
       ancestors: a.ancestors
     }
-  }), [h]);
+  }), [v]);
   T(() => {
     W({
-      nodes: A(_),
-      selectedIds: E
+      nodes: A(m),
+      selectedIds: f
     });
-  }, [A, E, _]), T(() => {
-    if (!N)
+  }, [A, f, m]), T(() => {
+    if (!x)
       return;
     const {
       signal: a
     } = new AbortController();
-    f(!0), p ? (l({
+    g(!0), u ? (l({
       type: o.RESET,
       payload: {
         id: i.id,
         items: []
       }
-    }), m({
+    }), p({
       signal: a,
       marker: null,
-      searchInput: p,
+      searchInput: u,
       level: null,
       onlySelectableOptions: !1,
       ancestorId: null
@@ -116,7 +116,7 @@ import '../styles/dynamic-loading-tree.css';const P = "_container_xz6fa_1", F =
           id: e.value,
           name: e.displayValue,
           parent: i.id,
-          isBranch: e.level < h,
+          isBranch: e.level < v,
           children: [],
           metadata: {
             variant: e.level === 1 ? "content" : "labeled",
@@ -142,14 +142,14 @@ import '../styles/dynamic-loading-tree.css';const P = "_container_xz6fa_1", F =
           items: d,
           marker: t.marker
         }
-      }), f(!1);
+      }), g(!1);
     }).catch(() => {
       l({
         type: o.LOAD_ERROR,
         payload: {
           id: i.id
         }
-      }), f(!1);
+      }), g(!1);
     })) : (l({
       type: o.RESET,
       payload: {
@@ -161,7 +161,7 @@ import '../styles/dynamic-loading-tree.css';const P = "_container_xz6fa_1", F =
       payload: {
         id: i.id
       }
-    }), m({
+    }), p({
       signal: a,
       marker: null,
       searchInput: "",
@@ -169,7 +169,7 @@ import '../styles/dynamic-loading-tree.css';const P = "_container_xz6fa_1", F =
       onlySelectableOptions: !1,
       ancestorId: null
     }).then((t) => {
-      const d = t.options.map(u);
+      const d = t.options.map(_);
       l({
         type: o.RESET,
         payload: {
@@ -183,16 +183,16 @@ import '../styles/dynamic-loading-tree.css';const P = "_container_xz6fa_1", F =
           items: d,
           marker: t.marker
         }
-      }), f(!1);
+      }), g(!1);
     }).catch(() => {
       l({
         type: o.LOAD_ERROR,
         payload: {
           id: i.id
         }
-      }), f(!1);
+      }), g(!1);
     }));
-  }, [m, u, N, p, S, h, D]);
+  }, [p, _, x, u, O, v, D]);
   const U = y((a) => {
     const {
       isExpanded: t,
@@ -222,7 +222,7 @@ import '../styles/dynamic-loading-tree.css';const P = "_container_xz6fa_1", F =
       payload: {
         id: n
       }
-    }), m({
+    }), p({
       signal: c,
       marker: s,
       searchInput: "",
@@ -230,7 +230,7 @@ import '../styles/dynamic-loading-tree.css';const P = "_container_xz6fa_1", F =
       ancestorId: n,
       onlySelectableOptions: !1
     }).then((z) => {
-      const G = z.options.map((C) => (e.children.push(C.value), u(C)));
+      const G = z.options.map((C) => (e.children.push(C.value), _(C)));
       l({
         type: o.LOAD_SUCCESS,
         payload: {
@@ -247,8 +247,8 @@ import '../styles/dynamic-loading-tree.css';const P = "_container_xz6fa_1", F =
         }
       });
     });
-  }, [m, u]), j = y((a) => {
-    const t = _[a], {
+  }, [p, _]), j = y((a) => {
+    const t = m[a], {
       level: d
     } = t.metadata, {
       id: e,
@@ -261,15 +261,15 @@ import '../styles/dynamic-loading-tree.css';const P = "_container_xz6fa_1", F =
       payload: {
         id: e
       }
-    }), m({
+    }), p({
       signal: n,
       marker: r,
-      searchInput: p,
-      level: p === "" ? d + 1 : null,
+      searchInput: u,
+      level: u === "" ? d + 1 : null,
       ancestorId: e !== i.id ? e.toString() : null,
       onlySelectableOptions: !1
     }).then((s) => {
-      const c = s.options.map(u);
+      const c = s.options.map(_);
       l({
         type: o.LOAD_SUCCESS,
         payload: {
@@ -287,23 +287,23 @@ import '../styles/dynamic-loading-tree.css';const P = "_container_xz6fa_1", F =
         }
       });
     });
-  }, [m, u, p, _]), M = b.nodes.length === 0 || b.nodes[0].children.length === 0 && b.nodes[0].id === i.id, q = y((a) => {
+  }, [p, _, u, m]), M = b.nodes.length === 0 || b.nodes[0].children.length === 0 && b.nodes[0].id === i.id, q = y((a) => {
     const {
       metadata: t
     } = a.element;
-    X(t) && x.includes(t.level) ? R(a) : (a.isSelected = !1, a.treeState.selectedIds.delete(a.element.id));
-  }, [x, R]);
+    X(t) && h.includes(t.level) ? N(a) : (a.isSelected = !1, a.treeState.selectedIds.delete(a.element.id));
+  }, [h, N]);
   return /* @__PURE__ */ $("div", {
-    children: [O && /* @__PURE__ */ v("div", {
-      className: I.noResultOption,
-      children: /* @__PURE__ */ v(H, {
+    children: [I && /* @__PURE__ */ S("div", {
+      className: E.noResultOption,
+      children: /* @__PURE__ */ S(H, {
         "aria-label": B,
-        className: I.loadingIndicator
+        className: E.loadingIndicator
       })
-    }), M && !O ? /* @__PURE__ */ v("div", {
-      className: I.noResultOption,
+    }), M && !I ? /* @__PURE__ */ S("div", {
+      className: E.noResultOption,
       children: w
-    }) : !O && /* @__PURE__ */ v(J, {
+    }) : !I && /* @__PURE__ */ S(J, {
       "aria-label": k,
       data: b.nodes,
       multiSelect: V,
@@ -317,6 +317,6 @@ import '../styles/dynamic-loading-tree.css';const P = "_container_xz6fa_1", F =
   });
 };
 export {
-  Ie as D,
-  I as s
+  Ee as D,
+  E as s
 };

package/dist/esm/lib/components/combobox-with-api-pagination/combobox-with-api-pagination.js

@@ -3,27 +3,27 @@ import { Combobox as m, useForkRef as te, LoadingIndicator as re, InlineNotice a
 import { Search as se, Loader as ae } from "@box/blueprint-web-assets/icons/Fill";
 import { IconIconOnLightSecondary as le, Size6 as M, Size1 as ce } from "@box/blueprint-web-assets/tokens/tokens";
 import T from "clsx";
-import { forwardRef as F, useRef as C, useCallback as ue, useMemo as L, useEffect as de } from "react";
-import { useIntl as P, FormattedMessage as V } from "react-intl";
+import { forwardRef as k, useRef as v, useCallback as ue, useMemo as R, useEffect as de } from "react";
+import { useIntl as F, FormattedMessage as V } from "react-intl";
 import i from "./messages.js";
 import { useAsyncList as me } from "./use-async-list.js";
 import { useControllableState as pe } from "./utils/use-controllable-state.js";
 import { useTrackVisibility as he } from "./utils/use-intersection-observer.js";
 import { jsx as r, jsxs as N, Fragment as fe } from "react/jsx-runtime";
-import '../../../../styles/combobox-with-api-pagination.css';const be = "_container_1m7se_1", ge = "_disabled_1m7se_7", xe = "_highlightOptionText_1m7se_11", _e = "_selected_1m7se_23", Oe = "_option_1m7se_34", Re = "_errorComboboxOption_1m7se_38", Ce = "_errorComboboxOptionText_1m7se_43", a = {
+import '../../../../styles/combobox-with-api-pagination.css';const be = "_container_syvk5_1", ge = "_disabled_syvk5_7", xe = "_highlightOptionText_syvk5_11", _e = "_selected_syvk5_23", Oe = "_option_syvk5_34", ye = "_errorComboboxOption_syvk5_38", ve = "_errorComboboxOptionText_syvk5_43", a = {
   container: be,
   disabled: ge,
   highlightOptionText: xe,
   selected: _e,
   option: Oe,
-  errorComboboxOption: Re,
-  errorComboboxOptionText: Ce
-}, S = /* @__PURE__ */ F(({
-  onTryAgain: y
+  errorComboboxOption: ye,
+  errorComboboxOptionText: ve
+}, S = /* @__PURE__ */ k(({
+  onTryAgain: A
 }, p) => {
   const {
     formatMessage: h
-  } = P();
+  } = F();
   return /* @__PURE__ */ N(fe, {
     children: [/* @__PURE__ */ r(ne, {
       variant: "error",
@@ -34,7 +34,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
     }), /* @__PURE__ */ r(m.Option, {
       ref: p,
       className: a.errorComboboxOption,
-      onClick: y,
+      onClick: A,
       children: /* @__PURE__ */ N(ie, {
         as: "span",
         className: a.errorComboboxOptionText,
@@ -50,7 +50,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
       })
     })]
   });
-}), A = "__LOADING__", E = "__LOADING_ERROR__", Le = "0px 0px 20px 0px", Ae = /* @__PURE__ */ r(se, {
+}), C = "__LOADING__", L = "__LOADING_ERROR__", Re = "0px 0px 20px 0px", Ce = /* @__PURE__ */ r(se, {
   color: le,
   height: M,
   role: "presentation",
@@ -59,9 +59,9 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
     boxSizing: "border-box"
   },
   width: M
-}), De = /* @__PURE__ */ F(function(p, h) {
+}), De = /* @__PURE__ */ k(function(p, h) {
   const {
-    defaultFetcher: k,
+    defaultFetcher: P,
     onInputValueChange: f,
     value: D,
     onValueChange: w,
@@ -74,14 +74,14 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
     ...U
   } = p, {
     formatMessage: u
-  } = P(), b = C(null), g = C(!0), e = me({
+  } = F(), b = v(null), g = v(!0), e = me({
     async load({
       marker: o,
       searchInput: t,
-      signal: R
+      signal: y
     }) {
-      const c = await k({
-        signal: R,
+      const c = await P({
+        signal: y,
         marker: o,
         searchInput: t
       });
@@ -90,21 +90,21 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
         marker: c.marker
       };
     }
-  }), v = C(!1), q = ue(() => {
-    v.current || (e.reload(), v.current = !0);
+  }), E = v(!1), q = ue(() => {
+    E.current || (e.reload(), E.current = !0);
   }, []), [n, x] = pe({
     prop: D,
     defaultProp: W,
     onChange: w
   }), _ = !l && n.length === 1, H = (o) => {
     o === void 0 ? (x([]), g.current || (e.search(""), g.current = !0)) : Array.isArray(o) ? x(o) : x([o]);
-  }, J = L(() => n.length === 0 ? l ? [] : void 0 : l ? n : n[0], [l, n]), O = L(() => n.filter((o) => !e.items.some((t) => t.value === o.value)), [n, e.items]), K = (o) => {
+  }, J = R(() => n.length === 0 ? l ? [] : void 0 : l ? n : n[0], [l, n]), O = R(() => n.filter((o) => !e.items.some((t) => t.value === o.value)), [n, e.items]), K = (o) => {
     const {
       value: t,
-      displayValue: R,
+      displayValue: y,
       ...c
     } = o;
-    if (t === A)
+    if (t === C)
       return e.hasNextPage ? /* @__PURE__ */ r(m.Option, {
         ...c,
         ref: Y,
@@ -117,7 +117,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
           }
         })
       }) : null;
-    if (t === E && e.hasError && !e.isEmpty)
+    if (t === L && e.hasError && !e.isEmpty)
       return /* @__PURE__ */ r(S, {
         onTryAgain: () => {
           var s;
@@ -133,7 +133,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
       value: t,
       children: /* @__PURE__ */ r(oe, {
         className: T(a.highlightOptionText, ee && a.selected),
-        value: R || t
+        value: y || t
       })
     });
   }, Q = (o) => {
@@ -154,7 +154,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
     rootRef: Z,
     isVisible: I
   }] = he({
-    rootMargin: Le
+    rootMargin: Re
   });
   de(() => {
     if (!(I && e.hasNextPage))
@@ -166,13 +166,13 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
       clearTimeout(t);
     };
   }, [I]);
-  const $ = L(() => {
+  const $ = R(() => {
     const o = e.hasNextPage ? {
-      displayValue: A,
-      value: A
+      displayValue: C,
+      value: C
     } : null, t = !o && e.hasError && !e.isEmpty ? {
-      displayValue: E,
-      value: E
+      displayValue: L,
+      value: L
     } : null;
     return [...e.items, ...O, o, t].filter(Boolean);
   }, [e.hasNextPage, e.hasError, e.isEmpty, e.items, O]);
@@ -186,7 +186,7 @@ import '../../../../styles/combobox-with-api-pagination.css';const be = "_contai
     clearButtonAriaLabel: u(i.clearButtonAriaLabel),
     disabled: G || _,
     displayValue: (o) => o.displayValue || o.value,
-    endComboboxIcon: Ae,
+    endComboboxIcon: Ce,
     focusLoop: !1,
     getPopoverRef: Z,
     loading: e.isReloading,

package/dist/styles/combobox-with-api-pagination.css

@@ -1 +1 @@
-._container_1m7se_1{display:flex;gap:var(--space-1);justify-content:center}._disabled_1m7se_7._disabled_1m7se_7{opacity:unset}._highlightOptionText_1m7se_11 [data-user-value]{font-weight:700;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none}._highlightOptionText_1m7se_11 [data-autocomplete-value]{color:var(--text-text-on-light-secondary)}._highlightOptionText_1m7se_11._selected_1m7se_23,._highlightOptionText_1m7se_11._selected_1m7se_23 span{color:var(--text-text-on-light);font-weight:700;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none}._option_1m7se_34:nth-last-child(1 of._option_1m7se_34){scroll-margin-block-end:var(--space-12)}._errorComboboxOption_1m7se_38[role=option]{display:flex;align-items:center;justify-content:center}._errorComboboxOption_1m7se_38[role=option] ._errorComboboxOptionText_1m7se_43{display:flex;gap:var(--space-1);align-items:center}
+._container_syvk5_1{display:flex;gap:var(--space-1);justify-content:center}._disabled_syvk5_7._disabled_syvk5_7{opacity:unset}._highlightOptionText_syvk5_11 [data-user-value]{font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);text-decoration:var(--body-default-bold-text-decoration)}._highlightOptionText_syvk5_11 [data-autocomplete-value]{color:var(--text-text-on-light-secondary)}._highlightOptionText_syvk5_11._selected_syvk5_23,._highlightOptionText_syvk5_11._selected_syvk5_23 span{color:var(--text-text-on-light);font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);text-decoration:var(--body-default-bold-text-decoration)}._option_syvk5_34:nth-last-child(1 of._option_syvk5_34){scroll-margin-block-end:var(--space-12)}._errorComboboxOption_syvk5_38[role=option]{display:flex;align-items:center;justify-content:center}._errorComboboxOption_syvk5_38[role=option] ._errorComboboxOptionText_syvk5_43{display:flex;gap:var(--space-1);align-items:center}

package/dist/styles/dynamic-loading-tree.css

@@ -1 +1 @@
-._container_xz6fa_1{font-weight:400;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none;display:flex;flex-direction:column}._container_xz6fa_1._disabled_xz6fa_12{opacity:.1}._container_xz6fa_1 ._label_xz6fa_15{font-weight:700;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none;flex:0 0 fit-content;color:var(--text-text-on-light);overflow-wrap:break-word}._container_xz6fa_1 ._label_xz6fa_15:not(._hiddenLabel_xz6fa_27){margin-block-end:var(--space-2)}._container_xz6fa_1 ._comboboxContainer_xz6fa_30{position:relative;display:flex;flex-wrap:wrap;gap:var(--space-2);overflow-y:auto;background-color:var(--surface-dropdown-surface);border-top:var(--blueprint-combobox-border-top-width, var(--border-1)) solid var(--blueprint-combobox-border-color, var(--border-input-border));border-right:var(--blueprint-combobox-border-right-width, var(--border-1)) solid var(--blueprint-combobox-border-color, var(--border-input-border));border-bottom:var(--blueprint-combobox-border-bottom-width, var(--border-1)) solid var(--blueprint-combobox-border-color, var(--border-input-border));border-left:var(--blueprint-combobox-border-left-width, var(--border-1)) solid var(--blueprint-combobox-border-color, var(--border-input-border));border-radius:var(--blueprint-combobox-input-radius, var(--radius-2));box-shadow:var(--innershadow-1);padding-block:calc((40px - var(--space-5)) / 2 - var(--border-1));padding-inline:var(--space-3)}._container_xz6fa_1 ._comboboxContainer_xz6fa_30._withComboboxButtons_xz6fa_46{padding-inline-end:var(--space-10)}._container_xz6fa_1 ._comboboxContainer_xz6fa_30:not(:disabled):has(input:focus){background-color:var(--surface-dropdown-surface-focus);border:var(--border-2) solid var(--outline-focus-on-light);padding-block:calc((40px - var(--space-5)) / 2 - var(--border-2))}._container_xz6fa_1 ._comboboxContainer_xz6fa_30:not(:disabled)._error_xz6fa_54,._container_xz6fa_1 ._comboboxContainer_xz6fa_30:not(:disabled):has([aria-invalid=true]){background-color:var(--surface-dropdown-surface-error);border-top:var(--blueprint-combobox-border-error-top-width, var(--border-2)) solid var(--border-input-border-error);border-right:var(--blueprint-combobox-border-error-right-width, var(--border-2)) solid var(--border-input-border-error);border-bottom:var(--blueprint-combobox-border-error-bottom-width, var(--border-2)) solid var(--border-input-border-error);border-left:var(--blueprint-combobox-border-error-left-width, var(--border-2)) solid var(--border-input-border-error);padding-block:calc((40px - var(--space-5)) / 2 - var(--border-2))}._container_xz6fa_1 ._comboboxContainer_xz6fa_30 ._textInputWrapper_xz6fa_62{display:flex;flex:content;gap:var(--space-2);align-items:center}._container_xz6fa_1 ._comboboxContainer_xz6fa_30 ._textInputWrapper_xz6fa_62 ._textInput_xz6fa_62{font-weight:400;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none;width:100%;height:var(--space-5);padding:0;color:var(--text-text-on-light);background-color:transparent;border:none;outline:none}._container_xz6fa_1 ._comboboxContainer_xz6fa_30 ._textInputWrapper_xz6fa_62 ._errorIcon_xz6fa_84 path{fill:var(--icon-icon-error-on-light)}._container_xz6fa_1 ._comboboxContainer_xz6fa_30 ._textInputWrapper_xz6fa_62 ._comboboxButtons_xz6fa_87{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center}._container_xz6fa_1 ._comboboxContainer_xz6fa_30._withChips_xz6fa_94{max-height:calc(2 * var(--space-2) + 3 * var(--space-6));padding-block:calc((40px - var(--space-7)) / 2 - var(--border-1))}._container_xz6fa_1 ._comboboxContainer_xz6fa_30._withChips_xz6fa_94:not(:disabled)._error_xz6fa_54{padding-block:calc((40px - var(--space-7)) / 2 - var(--border-2))}._container_xz6fa_1 ._comboboxContainer_xz6fa_30._withChips_xz6fa_94:not(:disabled):has(input:focus){padding-block:calc((40px - var(--space-7)) / 2 - var(--border-2))}._container_xz6fa_1 ._inlineError_xz6fa_104{margin-block-start:var(--space-2)}._popover_xz6fa_108{font-weight:400;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none;z-index:380;max-height:300px;overflow:auto;background-color:var(--surface-menu-surface);border:var(--border-1) solid var(--border-card-border);border-radius:var(--radius-3);padding-block:var(--space-3);padding-inline:var(--space-3);box-shadow:var(--dropshadow-3)}._popover_xz6fa_108 ul{padding-inline-start:0}._popover_xz6fa_108 ._option_xz6fa_134{position:relative;box-sizing:border-box;width:100%;overflow-wrap:break-word;border:var(--border-2) solid transparent;border-radius:var(--radius-3);outline:none;cursor:pointer;-webkit-user-select:none;user-select:none;padding-block:var(--space-2);padding-inline:var(--space-2)}._popover_xz6fa_108 ._option_xz6fa_134[aria-disabled]{opacity:.1}._popover_xz6fa_108 ._option_xz6fa_134[data-active-item]:not([aria-disabled]){background-color:var(--surface-menu-surface-focus);border:var(--border-2) solid var(--outline-focus-on-light)}._popover_xz6fa_108 ._option_xz6fa_134:hover{background-color:var(--surface-menu-surface-hover)}._popover_xz6fa_108 ._option_xz6fa_134 ._indicator_xz6fa_157{position:absolute;top:0;left:var(--space-2);display:flex;align-items:center;justify-content:center;height:var(--size-9)}._popover_xz6fa_108 ._option_xz6fa_134 ._indicator_xz6fa_157 ._indicatorIcon_xz6fa_166 path{fill:var(--icon-icon-on-light)}._popover_xz6fa_108 ._optionWithIndicator_xz6fa_169{padding-inline:var(--space-10) var(--space-2)}._popover_xz6fa_108 ._loadingIndicator_xz6fa_172{position:unset}._popover_xz6fa_108 ._noResultOption_xz6fa_175{color:var(--text-text-on-light);text-align:center;-webkit-user-select:none;user-select:none}
+._container_z81ug_1{font-weight:var(--body-default-font-weight);font-size:var(--body-default-font-size);font-family:var(--body-default-font-family);line-height:var(--body-default-line-height);letter-spacing:var(--body-default-letter-spacing);text-transform:var(--body-default-text-case);text-decoration:var(--body-default-text-decoration);display:flex;flex-direction:column}._container_z81ug_1._disabled_z81ug_12{opacity:.1}._container_z81ug_1 ._label_z81ug_15{font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);text-decoration:var(--body-default-bold-text-decoration);flex:0 0 fit-content;color:var(--text-text-on-light);overflow-wrap:break-word}._container_z81ug_1 ._label_z81ug_15:not(._hiddenLabel_z81ug_27){margin-block-end:var(--space-2)}._container_z81ug_1 ._comboboxContainer_z81ug_30{position:relative;display:flex;flex-wrap:wrap;gap:var(--space-2);overflow-y:auto;background-color:var(--surface-dropdown-surface);border-top:var(--blueprint-combobox-border-top-width, var(--border-1)) solid var(--blueprint-combobox-border-color, var(--border-input-border));border-right:var(--blueprint-combobox-border-right-width, var(--border-1)) solid var(--blueprint-combobox-border-color, var(--border-input-border));border-bottom:var(--blueprint-combobox-border-bottom-width, var(--border-1)) solid var(--blueprint-combobox-border-color, var(--border-input-border));border-left:var(--blueprint-combobox-border-left-width, var(--border-1)) solid var(--blueprint-combobox-border-color, var(--border-input-border));border-radius:var(--blueprint-combobox-input-radius, var(--radius-2));box-shadow:var(--innershadow-1);padding-block:calc((40px - var(--space-5)) / 2 - var(--border-1));padding-inline:var(--space-3)}._container_z81ug_1 ._comboboxContainer_z81ug_30._withComboboxButtons_z81ug_46{padding-inline-end:var(--space-10)}._container_z81ug_1 ._comboboxContainer_z81ug_30:not(:disabled):has(input:focus){background-color:var(--surface-dropdown-surface-focus);border:var(--border-2) solid var(--outline-focus-on-light);padding-block:calc((40px - var(--space-5)) / 2 - var(--border-2))}._container_z81ug_1 ._comboboxContainer_z81ug_30:not(:disabled)._error_z81ug_54,._container_z81ug_1 ._comboboxContainer_z81ug_30:not(:disabled):has([aria-invalid=true]){background-color:var(--surface-dropdown-surface-error);border-top:var(--blueprint-combobox-border-error-top-width, var(--border-2)) solid var(--border-input-border-error);border-right:var(--blueprint-combobox-border-error-right-width, var(--border-2)) solid var(--border-input-border-error);border-bottom:var(--blueprint-combobox-border-error-bottom-width, var(--border-2)) solid var(--border-input-border-error);border-left:var(--blueprint-combobox-border-error-left-width, var(--border-2)) solid var(--border-input-border-error);padding-block:calc((40px - var(--space-5)) / 2 - var(--border-2))}._container_z81ug_1 ._comboboxContainer_z81ug_30 ._textInputWrapper_z81ug_62{display:flex;flex:content;gap:var(--space-2);align-items:center}._container_z81ug_1 ._comboboxContainer_z81ug_30 ._textInputWrapper_z81ug_62 ._textInput_z81ug_62{font-weight:var(--body-default-font-weight);font-size:var(--body-default-font-size);font-family:var(--body-default-font-family);line-height:var(--body-default-line-height);letter-spacing:var(--body-default-letter-spacing);text-transform:var(--body-default-text-case);text-decoration:var(--body-default-text-decoration);width:100%;height:var(--space-5);padding:0;color:var(--text-text-on-light);background-color:transparent;border:none;outline:none}._container_z81ug_1 ._comboboxContainer_z81ug_30 ._textInputWrapper_z81ug_62 ._errorIcon_z81ug_84 path{fill:var(--icon-icon-error-on-light)}._container_z81ug_1 ._comboboxContainer_z81ug_30 ._textInputWrapper_z81ug_62 ._comboboxButtons_z81ug_87{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center}._container_z81ug_1 ._comboboxContainer_z81ug_30._withChips_z81ug_94{max-height:calc(2 * var(--space-2) + 3 * var(--space-6));padding-block:calc((40px - var(--space-7)) / 2 - var(--border-1))}._container_z81ug_1 ._comboboxContainer_z81ug_30._withChips_z81ug_94:not(:disabled)._error_z81ug_54{padding-block:calc((40px - var(--space-7)) / 2 - var(--border-2))}._container_z81ug_1 ._comboboxContainer_z81ug_30._withChips_z81ug_94:not(:disabled):has(input:focus){padding-block:calc((40px - var(--space-7)) / 2 - var(--border-2))}._container_z81ug_1 ._inlineError_z81ug_104{margin-block-start:var(--space-2)}._popover_z81ug_108{font-weight:var(--body-default-font-weight);font-size:var(--body-default-font-size);font-family:var(--body-default-font-family);line-height:var(--body-default-line-height);letter-spacing:var(--body-default-letter-spacing);text-transform:var(--body-default-text-case);text-decoration:var(--body-default-text-decoration);z-index:380;max-height:300px;overflow:auto;background-color:var(--surface-menu-surface);border:var(--border-1) solid var(--border-card-border);border-radius:var(--radius-3);padding-block:var(--space-3);padding-inline:var(--space-3);box-shadow:var(--dropshadow-3)}._popover_z81ug_108 ul{padding-inline-start:0}._popover_z81ug_108 ._option_z81ug_134{position:relative;box-sizing:border-box;width:100%;overflow-wrap:break-word;border:var(--border-2) solid transparent;border-radius:var(--radius-3);outline:none;cursor:pointer;-webkit-user-select:none;user-select:none;padding-block:var(--space-2);padding-inline:var(--space-2)}._popover_z81ug_108 ._option_z81ug_134[aria-disabled]{opacity:.1}._popover_z81ug_108 ._option_z81ug_134[data-active-item]:not([aria-disabled]){background-color:var(--surface-menu-surface-focus);border:var(--border-2) solid var(--outline-focus-on-light)}._popover_z81ug_108 ._option_z81ug_134:hover{background-color:var(--surface-menu-surface-hover)}._popover_z81ug_108 ._option_z81ug_134 ._indicator_z81ug_157{position:absolute;top:0;left:var(--space-2);display:flex;align-items:center;justify-content:center;height:var(--size-9)}._popover_z81ug_108 ._option_z81ug_134 ._indicator_z81ug_157 ._indicatorIcon_z81ug_166 path{fill:var(--icon-icon-on-light)}._popover_z81ug_108 ._optionWithIndicator_z81ug_169{padding-inline:var(--space-10) var(--space-2)}._popover_z81ug_108 ._loadingIndicator_z81ug_172{position:unset}._popover_z81ug_108 ._noResultOption_z81ug_175{color:var(--text-text-on-light);text-align:center;-webkit-user-select:none;user-select:none}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/combobox-with-api",
-    "version": "0.36.3",
+    "version": "0.36.7",
     "peerDependencies": {
         "@ariakit/react": "0.4.15",
         "@box/blueprint-web": "^10.3.1",
@@ -11,13 +11,13 @@
         "react-intl": "^6.4.2"
     },
     "dependencies": {
-        "@box/tree": "^0.47.2",
+        "@box/tree": "^0.47.4",
         "react-accessible-treeview": "2.9.0"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^11.10.3",
-        "@box/blueprint-web-assets": "^4.43.0",
-        "@box/storybook-utils": "^0.12.2",
+        "@box/blueprint-web": "^11.12.0",
+        "@box/blueprint-web-assets": "^4.44.0",
+        "@box/storybook-utils": "^0.12.3",
         "react": "^18.3.0",
         "react-dom": "^18.3.0"
     },