@strapi/design-system 0.0.0-599b75fb-test → 0.0.0-622b91ef

package/dist/Combobox/Combobox.js

@@ -1,287 +1,175 @@
-import o, { useState as y, useRef as C, useEffect as _, useLayoutEffect as xe, Children as j, cloneElement as ye } from "react";
-import { Cross as Ie, CarretDown as Oe } from "@strapi/icons";
-import e from "prop-types";
-import { ComboboxOption as ke } from "./ComboboxOption.js";
-import { MainRow as Me, InputContainer as $e, ValueContainer as we, Input as Le } from "./components.js";
-import { filterOptions as q, maintainScrollVisibility as De, getActionFromKey as Re, MenuActions as b, getUpdatedIndex as R } from "./utils.js";
-import { Box as Be } from "../Box/Box.js";
-import { Field as Fe } from "../Field/Field.js";
-import { FieldLabel as Se } from "../Field/FieldLabel.js";
-import "../Field/FieldInput.js";
-import { FieldHint as Te } from "../Field/FieldHint.js";
-import { FieldError as Ae } from "../Field/FieldError.js";
-import "../Field/FieldContext.js";
-import "../Field/FieldAction.js";
-import { Flex as B } from "../Flex/Flex.js";
-import { KeyboardKeys as Pe } from "../helpers/keyboardKeys.js";
-import { useId as Ve } from "../hooks/useId.js";
-import { Loader as Ke } from "../Loader/Loader.js";
-import { Popover as Ne } from "../Popover/Popover.js";
-import { IconBox as He, CaretBox as Ue } from "../Select/components.js";
-import { Typography as z } from "../Typography/Typography.js";
-import { VisuallyHidden as _e } from "../VisuallyHidden/VisuallyHidden.js";
-const I = ({
-  children: s,
-  clearLabel: G,
-  creatable: h,
-  createMessage: J,
-  disabled: c,
-  error: O,
-  hasMoreItems: Q,
-  hint: $,
-  id: X,
-  label: E,
-  labelAction: Y,
-  loading: w,
-  loadingMessage: Z,
-  noOptionsMessage: ee,
-  onChange: F,
-  onClear: S,
-  onCreateOption: te,
-  onInputChange: T,
-  onLoadMore: oe,
-  placeholder: ne,
-  required: A,
-  value: d,
-  ...re
-}) => {
-  const ae = () => s.find((t) => t.props?.value.toLowerCase() === d.toLowerCase()).props?.children, [i, P] = y(0), [ie, le] = y(null), [l, V] = y(s), [u, se] = y(!1), [r, k] = y(""), v = C(), M = C(!1), x = C(), K = C(), ce = C(), N = C(!0), a = Ve(X), pe = `${a}-label`;
-  if (!E && !re["aria-label"])
-    throw new Error('The Combobox component needs a "label" or an "aria-label" props');
-  _(() => {
-    V(q(s, r));
-  }, [r, s]), _(() => {
-    u && v.current && De(v.current);
-  }, [i, u]), xe(() => {
-    N.current && (N.current = !1);
-  }, [d]);
-  const de = u ? `${a}-${i}` : "", H = () => {
-    F(null), k("");
-  }, fe = (t) => {
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import * as m from "react";
+import { Cross as me, CarretDown as ge } from "@strapi/icons";
+import { Combobox as n } from "@strapi/ui-primitives";
+import l from "styled-components";
+import { stripReactIdOfColon as be } from "../helpers/strings.js";
+import { useControllableState as I } from "../hooks/useControllableState.js";
+import { useId as w } from "../hooks/useId.js";
+import { useIntersection as $e } from "../hooks/useIntersection.js";
+import { getThemeSize as Ce, inputFocusStyle as xe } from "../themes/utils.js";
+import { Loader as Ie } from "../Loader/Loader.js";
+import { Box as R } from "../Box/Box.js";
+import { Typography as h } from "../Typography/Typography.js";
+import { Flex as g } from "../Flex/Flex.js";
+import { Field as we } from "../Field/Field.js";
+import { FieldLabel as Re } from "../Field/FieldLabel.js";
+import { FieldHint as ve } from "../Field/FieldHint.js";
+import { FieldError as ye } from "../Field/FieldError.js";
+const ke = ({ allowCustomValue: e, autocomplete: o, children: u, className: a, clearLabel: s = "clear", creatable: i = !1, createMessage: b = (f) => `Create "${f}"`, defaultFilterValue: p, defaultTextValue: y, defaultOpen: W = !1, open: L, onOpenChange: U, disabled: $ = !1, error: k, filterValue: A, hasMoreItems: G = !1, id: V, isPrintableCharacter: J, loading: C = !1, loadingMessage: K = "Loading content...", noOptionsMessage: M = () => "No results found", onChange: T, onClear: x, onCreateOption: F, onFilterValueChange: Q, onInputChange: O, onTextValueChange: X, onLoadMore: z, placeholder: Y = "Select or enter a value", required: Z = !1, size: _ = "M", startIcon: B, textValue: ee, value: P, ...re }) => {
+  const [f, oe] = I({
+    prop: L,
+    defaultProp: W,
+    onChange: U
+  }), [d, S] = I({
+    prop: ee,
+    defaultProp: e && !y ? P : y,
+    onChange: X
+  }), [te, j] = I({
+    prop: A,
+    defaultProp: p,
+    onChange: Q
+  }), E = m.useRef(null), q = m.useRef(null), ne = m.useRef(null), ie = (t) => {
+    x && !$ && (S(""), j(""), x(t), q.current.focus());
+  }, le = (t) => {
+    oe(t);
+  }, ae = (t) => {
+    S(t);
+  }, se = (t) => {
+    j(t);
+  }, de = (t) => {
+    O && O(t);
+  }, ce = (t) => {
     T && T(t);
-    const n = x.current.value;
-    V(q(s, n)), P(0), le(null), r !== n && k(n), u || f(!0, !1);
   }, ue = (t) => {
-    const { key: n } = t, p = h && r ? l.length : l.length - 1, g = Re(n, u);
-    switch (d && !r && n === Pe.BACKSPACE && H(), g) {
-      case b.Next: {
-        if (i === p) {
-          m(0);
-          break;
-        }
-        m(R(i, p, g));
-        break;
-      }
-      case b.Previous: {
-        if (i === 0) {
-          m(p);
-          break;
-        }
-        m(R(i, p, g));
-        break;
-      }
-      case b.Last:
-      case b.First: {
-        if (i === p) {
-          m(0);
-          break;
-        }
-        m(R(i, p, g));
-        break;
-      }
-      case b.CloseSelect:
-        t.preventDefault(), L(i);
-        break;
-      case b.Close:
-        t.preventDefault(), f(!1);
-        break;
-      case b.Open:
-        f(!0);
-        break;
+    z && G && !C && z(t);
+  }, N = () => {
+    F && d && F(d);
+  }, D = w(V), he = w(), H = `intersection-${be(he)}`;
+  $e(E, ue, {
+    selectorToWatch: `#${H}`,
+    /**
+     * We need to know when the select is open because only then will viewportRef
+     * not be null. Because it uses a portal that (sensibly) is not mounted 24/7.
+     */
+    skipWhen: !f
+  });
+  const pe = `${D}-hint`, fe = `${D}-error`;
+  return c(n.Root, { autocomplete: o || (i ? "list" : "both"), onOpenChange: le, open: f, onTextValueChange: ae, textValue: d, allowCustomValue: i || e, disabled: $, required: Z, value: P, onValueChange: ce, filterValue: te, onFilterValueChange: se, isPrintableCharacter: J, children: [c(Fe, { $hasError: !!k, $size: _, className: a, children: [c(g, { flex: "1", as: "span", gap: 3, children: [B ? r(R, { as: "span", "aria-hidden": !0, children: B }) : null, r(Oe, { placeholder: Y, id: V, "aria-invalid": !!k, "aria-describedby": `${pe} ${fe}`, onChange: de, ref: q, ...re })] }), c(g, { as: "span", gap: 3, children: [d && x ? r(Te, { as: "button", hasRadius: !0, background: "transparent", type: "button", onClick: ie, "aria-disabled": $, "aria-label": s, title: s, ref: ne, children: r(me, {}) }) : null, r(ze, { children: r(ge, {}) })] })] }), r(n.Portal, { children: r(Be, { sideOffset: 4, children: c(Pe, { ref: E, children: [u, i ? r(n.CreateItem, { onPointerUp: N, onClick: N, asChild: !0, children: r(v, { children: r(h, { children: b(d ?? "") }) }) }) : null, !i && !C ? r(n.NoValueFound, { asChild: !0, children: r(v, { $hasHover: !1, children: r(h, { children: M(d ?? "") }) }) }) : null, C ? r(g, { justifyContent: "center", alignItems: "center", paddingTop: 2, paddingBottom: 2, children: r(Ie, { small: !0, children: K }) }) : null, r(R, { id: H, width: "100%", height: "1px" })] }) }) })] });
+}, Ve = ({ error: e, hint: o, id: u, label: a, labelAction: s, required: i = !1, ...b }) => {
+  const p = w(u);
+  return r(we, { hint: o, error: e, id: p, required: i, children: c(g, { direction: "column", alignItems: "stretch", gap: 1, children: [a ? r(Re, { action: s, children: a }) : null, r(ke, { id: p, error: e, required: i, ...b }), r(ve, {}), r(ye, {})] }) });
+}, Ye = (e) => r(Ve, { ...e, creatable: !0 }), Te = l(R)`
+  border: none;
+
+  svg {
+    height: ${11 / 16}rem;
+    width: ${11 / 16}rem;
+  }
+
+  svg path {
+    fill: ${({ theme: e }) => e.colors.neutral600};
+  }
+`, Fe = l(n.Trigger)`
+  position: relative;
+  border: 1px solid ${({ theme: e, $hasError: o }) => o ? e.colors.danger600 : e.colors.neutral200};
+  padding-right: ${({ theme: e }) => e.spaces[3]};
+  padding-left: ${({ theme: e }) => e.spaces[3]};
+  border-radius: ${({ theme: e }) => e.borderRadius};
+  background: ${({ theme: e }) => e.colors.neutral0};
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: ${({ theme: e }) => e.spaces[4]};
+  min-height: ${({ theme: e, $size: o }) => Ce("input")({ theme: e, size: o })};
+
+  &[data-disabled] {
+    color: ${({ theme: e }) => e.colors.neutral600};
+    background: ${({ theme: e }) => e.colors.neutral150};
+    cursor: not-allowed;
+  }
+
+  /* Required to ensure the below inputFocusStyles are adhered too */
+  &:focus-visible {
+    outline: none;
+  }
+
+  ${({ theme: e, $hasError: o }) => xe()({ theme: e, hasError: o })};
+`, Oe = l(n.TextInput)`
+  width: 100%;
+  font-size: ${14 / 16}rem;
+  color: ${({ theme: e }) => e.colors.neutral800};
+  padding: 0;
+  border: none;
+  background-color: transparent;
+
+  &:focus-visible {
+    outline: none;
+  }
+
+  &[aria-disabled='true'] {
+    cursor: inherit;
+  }
+`, ze = l(n.Icon)`
+  & > svg {
+    width: ${6 / 16}rem;
+
+    & > path {
+      fill: ${({ theme: e }) => e.colors.neutral600};
     }
-  }, me = (t) => {
-    if (t.preventDefault(), d && !M.current && k(""), M.current) {
-      M.current = !1;
-      return;
+  }
+
+  &[aria-disabled='true'] {
+    cursor: inherit;
+  }
+`, Be = l(n.Content)`
+  background: ${({ theme: e }) => e.colors.neutral0};
+  box-shadow: ${({ theme: e }) => e.shadows.filterShadow};
+  border: 1px solid ${({ theme: e }) => e.colors.neutral150};
+  border-radius: ${({ theme: e }) => e.borderRadius};
+  width: var(--radix-combobox-trigger-width);
+  /* This is from the design-system figma file. */
+  max-height: 15rem;
+  z-index: ${({ theme: e }) => e.zIndices[1]};
+`, Pe = l(n.Viewport)`
+  padding: ${({ theme: e }) => e.spaces[1]};
+`, Ze = m.forwardRef(({ children: e, value: o, disabled: u, textValue: a, ...s }, i) => r(n.ComboboxItem, { asChild: !0, value: o, disabled: u, textValue: a, children: r(v, { ref: i, ...s, children: r(n.ItemText, { asChild: !0, children: r(h, { children: e }) }) }) })), v = l.div`
+  width: 100%;
+  border: none;
+  text-align: left;
+  outline-offset: -3px;
+  padding: ${({ theme: e }) => e.spaces[2]} ${({ theme: e }) => e.spaces[4]};
+  background-color: ${({ theme: e }) => e.colors.neutral0};
+  border-radius: ${({ theme: e }) => e.borderRadius};
+  user-select: none;
+
+  &[data-state='checked'] {
+    background-color: ${({ theme: e }) => e.colors.primary100};
+
+    ${h} {
+      color: ${({ theme: e }) => e.colors.primary600};
+      font-weight: bold;
     }
-    f(!1, !1);
-  }, m = (t) => {
-    P(t);
-  }, be = (t) => {
-    m(t), L(t);
-  }, U = () => {
-    M.current = !0;
-  }, L = (t) => {
-    const n = l[t];
-    if (k(""), n) {
-      F(n.props.value), f(!1);
-      return;
+  }
+
+  &:hover,
+  &[data-highlighted] {
+    outline: none;
+    background-color: ${({ theme: e, $hasHover: o = !0 }) => o ? e.colors.primary100 : e.colors.neutral0};
+  }
+
+  &[data-highlighted] {
+    ${h} {
+      color: ${({ theme: e }) => e.colors.primary600};
+      font-weight: bold;
     }
-    h && (te(r), f(!1));
-  }, f = (t, n = !0) => {
-    se(t), n && x.current.focus();
-  }, ge = j.toArray(l).map((t, n) => {
-    const p = i === n;
-    return ye(t, {
-      id: `${a}-${n}`,
-      "aria-selected": ie === n,
-      "aria-posinset": n + 1,
-      "aria-setsize": j.toArray(l).length,
-      ref(g) {
-        p && (v.current = g);
-      },
-      onClick: () => be(n),
-      onMouseDown: U,
-      isSelected: p
-    });
-  }), Ce = () => {
-    x.current.focus(), S && S(), H();
-  }, he = () => {
-    x.current.focus(), f(!0);
-  }, Ee = () => {
-    const t = l.findIndex((n) => n.props?.children === r);
-    return r && t === -1;
-  }, ve = (t) => {
-    t.preventDefault(), f(t, !0);
-  };
-  let D;
-  return O ? D = `${a}-error` : $ && (D = `${a}-hint`), /* @__PURE__ */ o.createElement(Fe, { hint: $, error: O, id: a, required: A }, /* @__PURE__ */ o.createElement(_e, { "aria-live": "polite", "aria-atomic": "false", "aria-relevant": "additions text" }, d), /* @__PURE__ */ o.createElement(B, { direction: "column", alignItems: "stretch", gap: E || $ || O ? 1 : 0 }, E && /* @__PURE__ */ o.createElement(Se, { action: Y }, E), /* @__PURE__ */ o.createElement(Me, { ref: K, $disabled: c, hasError: O }, /* @__PURE__ */ o.createElement($e, { wrap: "wrap" }, !r && d && /* @__PURE__ */ o.createElement(we, { id: `${a}-selected-value` }, /* @__PURE__ */ o.createElement(z, null, ae())), /* @__PURE__ */ o.createElement(
-    Le,
-    {
-      "aria-activedescendant": de,
-      "aria-autocomplete": "list",
-      "aria-controls": `${a}-listbox`,
-      "aria-disabled": c,
-      "aria-expanded": u,
-      "aria-haspopup": "listbox",
-      "aria-describedby": D,
-      autoComplete: "off",
-      autoCorrect: "off",
-      id: a,
-      onBlur: c ? void 0 : me,
-      onClick: c ? void 0 : ve,
-      onInput: c ? void 0 : fe,
-      onKeyDown: c ? void 0 : ue,
-      placeholder: d ? "" : ne,
-      readOnly: c,
-      ref: x,
-      required: A,
-      role: "combobox",
-      spellCheck: "off",
-      type: "text",
-      value: r
-    }
-  )), /* @__PURE__ */ o.createElement(B, null, (d || r) && /* @__PURE__ */ o.createElement(
-    He,
-    {
-      id: `${a}-clear`,
-      "aria-label": G,
-      disabled: c,
-      paddingLeft: 3,
-      as: "button",
-      onClick: Ce,
-      type: "button"
-    },
-    /* @__PURE__ */ o.createElement(Ie, null)
-  ), /* @__PURE__ */ o.createElement(
-    Ue,
-    {
-      disabled: c,
-      paddingLeft: 3,
-      "aria-hidden": !0,
-      as: "button",
-      onClick: he,
-      tabIndex: -1,
-      type: "button"
-    },
-    /* @__PURE__ */ o.createElement(Oe, null)
-  ))), /* @__PURE__ */ o.createElement(Te, null), /* @__PURE__ */ o.createElement(Ae, null)), u && /* @__PURE__ */ o.createElement(
-    Ne,
-    {
-      id: `${a}-popover`,
-      source: K,
-      spacing: 4,
-      fullWidth: !0,
-      intersectionId: `${a}-listbox-popover-intersection`,
-      onReachEnd: Q && !w ? oe : void 0
-    },
-    /* @__PURE__ */ o.createElement(
-      "div",
-      {
-        role: "listbox",
-        ref: ce,
-        id: `${a}-listbox`,
-        "aria-labelledby": E ? pe : void 0
-      },
-      (Boolean(l.length) || h) && /* @__PURE__ */ o.createElement(o.Fragment, null, ge, Ee() && h && /* @__PURE__ */ o.createElement(
-        ke,
-        {
-          isSelected: i === l.length,
-          ref: (t) => {
-            i === l.length && (v.current = t);
-          },
-          onMouseDown: U,
-          onClick: () => L(),
-          taindex: 0
-        },
-        J(r)
-      )),
-      !l.length && !h && !w && /* @__PURE__ */ o.createElement(Be, { paddingLeft: 4, paddingRight: 4, paddingTop: 2, paddingBottom: 2, ref: v }, /* @__PURE__ */ o.createElement(z, { textColor: "neutral800" }, ee(r))),
-      w && /* @__PURE__ */ o.createElement(B, { justifyContent: "center", alignItems: "center", paddingTop: 2, paddingBottom: 2 }, /* @__PURE__ */ o.createElement(Ke, { small: !0 }, Z))
-    )
-  ));
-}, W = (s) => /* @__PURE__ */ o.createElement(I, { ...s, creatable: !0 });
-I.defaultProps = {
-  "aria-label": void 0,
-  clearLabel: "clear",
-  creatable: !1,
-  createMessage: (s) => `Create "${s}"`,
-  disabled: !1,
-  error: void 0,
-  hasMoreItems: !1,
-  hint: void 0,
-  id: void 0,
-  label: void 0,
-  loading: !1,
-  loadingMessage: "Loading content...",
-  noOptionsMessage: () => "No results found",
-  onClear: void 0,
-  onCreateOption: void 0,
-  onInputChange: void 0,
-  onLoadMore: void 0,
-  placeholder: "Select or enter a value",
-  value: void 0
-};
-W.defaultProps = I.defaultProps;
-I.propTypes = {
-  "aria-label": e.string,
-  children: e.oneOfType([e.arrayOf(e.node), e.node]),
-  clearLabel: e.string,
-  creatable: e.bool,
-  createMessage: e.func,
-  disabled: e.bool,
-  error: e.string,
-  hasMoreItems: e.bool,
-  id: e.string,
-  hint: e.oneOfType([e.string, e.node, e.arrayOf(e.node)]),
-  label: e.string,
-  labelAction: e.element,
-  loading: e.bool,
-  loadingMessage: e.string,
-  noOptionsMessage: e.func,
-  onChange: e.func.isRequired,
-  onClear: e.func,
-  onCreateOption: e.func,
-  onInputChange: e.func,
-  onLoadMore: e.func,
-  placeholder: e.string,
-  value: e.string
-};
-W.propTypes = {
-  ...I.propTypes,
-  onCreateOption: e.func.isRequired
-};
+  }
+`;
 export {
-  I as Combobox,
-  W as CreatableCombobox
+  Ve as Combobox,
+  ke as ComboboxInput,
+  Ye as CreatableCombobox,
+  Ze as Option,
+  v as OptionBox
 };

package/dist/Combobox/ComboboxList.cjs

@@ -1 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("prop-types"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=r(t),o=({options:e})=>e;o.propTypes={options:s.default.array.isRequired};exports.ComboboxList=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");/**
+ * @preserve
+ * @deprecated
+ * This component was deprecated in 1.6.2. It will be removed in the next major release 2.0.0.
+ */const o=({options:t})=>e.jsx(e.Fragment,{children:t});exports.ComboboxList=o;

package/dist/Combobox/ComboboxList.js

@@ -1,8 +1,10 @@
-import r from "prop-types";
-const p = ({ options: o }) => o;
-p.propTypes = {
-  options: r.array.isRequired
-};
+import { jsx as r, Fragment as t } from "react/jsx-runtime";
+/**
+ * @preserve
+ * @deprecated
+ * This component was deprecated in 1.6.2. It will be removed in the next major release 2.0.0.
+ */
+const m = ({ options: o }) => r(t, { children: o });
 export {
-  p as ComboboxList
+  m as ComboboxList
 };

package/dist/Combobox/ComboboxOption.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),d=require("prop-types"),i=require("./components.cjs"),s=require("../Typography/Typography.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=n(a),o=n(d),t=a.forwardRef(({isSelected:e,children:p,...u},l)=>r.default.createElement(i.OptionBox,{hasRadius:!0,paddingLeft:4,paddingRight:4,paddingTop:2,paddingBottom:2,role:"option",background:"neutral0",isSelected:e,ref:l,...u},r.default.createElement(s.Typography,{textColor:e?"primary600":"neutral800",fontWeight:e?"bold":null},p)));t.defaultProps={isSelected:!1};t.propTypes={children:o.default.oneOfType([o.default.string,o.default.number]).isRequired,isSelected:o.default.bool};t.displayName="ComboboxOption";exports.ComboboxOption=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Combobox.cjs"),t=o.Option;exports.ComboboxOption=t;

package/dist/Combobox/ComboboxOption.js

@@ -1,31 +1,5 @@
-import t, { forwardRef as a } from "react";
-import o from "prop-types";
-import { OptionBox as d } from "./components.js";
-import { Typography as m } from "../Typography/Typography.js";
-const r = a(({ isSelected: e, children: p, ...i }, n) => /* @__PURE__ */ t.createElement(
-  d,
-  {
-    hasRadius: !0,
-    paddingLeft: 4,
-    paddingRight: 4,
-    paddingTop: 2,
-    paddingBottom: 2,
-    role: "option",
-    background: "neutral0",
-    isSelected: e,
-    ref: n,
-    ...i
-  },
-  /* @__PURE__ */ t.createElement(m, { textColor: e ? "primary600" : "neutral800", fontWeight: e ? "bold" : null }, p)
-));
-r.defaultProps = {
-  isSelected: !1
-};
-r.propTypes = {
-  children: o.oneOfType([o.string, o.number]).isRequired,
-  isSelected: o.bool
-};
-r.displayName = "ComboboxOption";
+import { Option as o } from "./Combobox.js";
+const p = o;
 export {
-  r as ComboboxOption
+  p as ComboboxOption
 };

package/dist/Combobox/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./Combobox.cjs"),b=require("./ComboboxOption.cjs");exports.Combobox=o.Combobox;exports.CreatableCombobox=o.CreatableCombobox;exports.ComboboxOption=b.ComboboxOption;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Combobox.cjs"),b=require("./ComboboxOption.cjs");exports.Combobox=o.Combobox;exports.CreatableCombobox=o.CreatableCombobox;exports.ComboboxOption=b.ComboboxOption;