@commercetools/nimbus 0.0.9-rc8 → 0.0.11

package/dist/chunks/select-wZ584ENo.es.js

@@ -0,0 +1,793 @@
+import { jsx as c, jsxs as g } from "react/jsx-runtime";
+import p, { useMemo as k, useRef as K, useState as O, forwardRef as Z, createContext as V, useContext as U, useCallback as qe } from "react";
+import { createSlotRecipeContext as Te, useSlotRecipe as je, chakra as Ne, Flex as I } from "@chakra-ui/react";
+import { Close as Ge, Loop as Ue, KeyboardArrowDown as _e } from "@commercetools/nimbus-icons";
+import { B as N } from "./box-DD4jYgS7.es.js";
+import { $ as _, a as We } from "./Button-BsN1D5Hi.es.js";
+import { k as He, b as Je, c as Xe, l as Ye, $ as Qe } from "./Dialog-CFERgD91.es.js";
+import { $ as W, c as H, a as J, b as eo, e as oo, d as ro } from "./utils-CEdpnSRC.es.js";
+import { $ as ao, a as lo } from "./Form-yBl0QZl8.es.js";
+import { $ as X } from "./Label-p7LXqne0.es.js";
+import { a as to, b as io, c as uo, d as so, e as co } from "./ListBox-CiN7qgxV.es.js";
+import { $ as M } from "./Text-DOcU1ycg.es.js";
+import { m as no, r as bo, h as fo, q as po, i as $o } from "./Separator-CBgksjWN.es.js";
+import { $ as q } from "./filterDOMProps-HzsCnE3d.es.js";
+import { $ as mo, a as vo } from "./OverlayArrow-BEiPDprB.es.js";
+import { $ as ho } from "./useLocalizedStringFormatter-B_O_C-A0.es.js";
+import { a as Po, $ as xo } from "./useFormValidation-D4duh8Fb.es.js";
+import { $ as So } from "./useSingleSelectListState-Dtne-c12.es.js";
+import { $ as Do } from "./useFocusRing-BOPRvfsD.es.js";
+import { $ as G, a as Co, f as zo } from "./mergeProps-Bn6EInU5.es.js";
+import { c as yo } from "./useFocus-DyrL604F.es.js";
+import { $ as Bo } from "./useCollator-BhJcleP-.es.js";
+import { $ as Ro } from "./useField-BGOhsACE.es.js";
+import { $ as go } from "./useFormReset-CC4XkaS0.es.js";
+import { a as ko } from "./VisuallyHidden-CE-SZFGa.es.js";
+import { I as Eo } from "./icon-button-CPBzhg2C.es.js";
+import { s as Fo } from "./select.recipe-CNH8aWdo.es.js";
+import { e as Y } from "./extractStyleProps-CxgBrz3O.es.js";
+const Q = /* @__PURE__ */ new WeakMap();
+function wo(e, o, i) {
+  let { keyboardDelegate: t, isDisabled: r, isRequired: u, name: d, validationBehavior: a = "aria" } = e, s = Bo({
+    usage: "search",
+    sensitivity: "base"
+  }), l = k(() => t || new no(o.collection, o.disabledKeys, i, s), [
+    t,
+    o.collection,
+    o.disabledKeys,
+    s,
+    i
+  ]), { menuTriggerProps: n, menuProps: b } = He({
+    isDisabled: r,
+    type: "listbox"
+  }, o, i), v = (f) => {
+    switch (f.key) {
+      case "ArrowLeft": {
+        var x, S;
+        f.preventDefault();
+        let z = o.selectedKey != null ? (x = l.getKeyAbove) === null || x === void 0 ? void 0 : x.call(l, o.selectedKey) : (S = l.getFirstKey) === null || S === void 0 ? void 0 : S.call(l);
+        z && o.setSelectedKey(z);
+        break;
+      }
+      case "ArrowRight": {
+        var A, L;
+        f.preventDefault();
+        let z = o.selectedKey != null ? (A = l.getKeyBelow) === null || A === void 0 ? void 0 : A.call(l, o.selectedKey) : (L = l.getFirstKey) === null || L === void 0 ? void 0 : L.call(l);
+        z && o.setSelectedKey(z);
+        break;
+      }
+    }
+  }, { typeSelectProps: m } = bo({
+    keyboardDelegate: l,
+    selectionManager: o.selectionManager,
+    onTypeSelect(f) {
+      o.setSelectedKey(f);
+    }
+  }), { isInvalid: h, validationErrors: D, validationDetails: B } = o.displayValidation, { labelProps: E, fieldProps: C, descriptionProps: P, errorMessageProps: F } = Ro({
+    ...e,
+    labelElementType: "span",
+    isInvalid: h,
+    errorMessage: e.errorMessage || D
+  });
+  m.onKeyDown = m.onKeyDownCapture, delete m.onKeyDownCapture;
+  let w = q(e, {
+    labelable: !0
+  }), $ = G(m, n, C), R = Co();
+  return Q.set(o, {
+    isDisabled: r,
+    isRequired: u,
+    name: d,
+    validationBehavior: a
+  }), {
+    labelProps: {
+      ...E,
+      onClick: () => {
+        if (!e.isDisabled) {
+          var f;
+          (f = i.current) === null || f === void 0 || f.focus(), yo("keyboard");
+        }
+      }
+    },
+    triggerProps: G(w, {
+      ...$,
+      isDisabled: r,
+      onKeyDown: zo($.onKeyDown, v, e.onKeyDown),
+      onKeyUp: e.onKeyUp,
+      "aria-labelledby": [
+        R,
+        $["aria-labelledby"],
+        $["aria-label"] && !$["aria-labelledby"] ? $.id : null
+      ].filter(Boolean).join(" "),
+      onFocus(f) {
+        o.isFocused || (e.onFocus && e.onFocus(f), e.onFocusChange && e.onFocusChange(!0), o.setFocused(!0));
+      },
+      onBlur(f) {
+        o.isOpen || (e.onBlur && e.onBlur(f), e.onFocusChange && e.onFocusChange(!1), o.setFocused(!1));
+      }
+    }),
+    valueProps: {
+      id: R
+    },
+    menuProps: {
+      ...b,
+      autoFocus: o.focusStrategy || !0,
+      shouldSelectOnPressUp: !0,
+      shouldFocusOnHover: !0,
+      disallowEmptySelection: !0,
+      linkBehavior: "selection",
+      onBlur: (f) => {
+        f.currentTarget.contains(f.relatedTarget) || (e.onBlur && e.onBlur(f), e.onFocusChange && e.onFocusChange(!1), o.setFocused(!1));
+      },
+      "aria-labelledby": [
+        C["aria-labelledby"],
+        $["aria-label"] && !C["aria-labelledby"] ? $.id : null
+      ].filter(Boolean).join(" ")
+    },
+    descriptionProps: P,
+    errorMessageProps: F,
+    isInvalid: h,
+    validationErrors: D,
+    validationDetails: B
+  };
+}
+function Ao(e, o, i) {
+  let t = Q.get(o) || {}, { autoComplete: r, name: u = t.name, isDisabled: d = t.isDisabled } = e, { validationBehavior: a, isRequired: s } = t, { visuallyHiddenProps: l } = ko();
+  go(e.selectRef, o.selectedKey, o.setSelectedKey), Po({
+    validationBehavior: a,
+    focus: () => {
+      var b;
+      return (b = i.current) === null || b === void 0 ? void 0 : b.focus();
+    }
+  }, o, e.selectRef);
+  var n;
+  return {
+    containerProps: {
+      ...l,
+      "aria-hidden": !0,
+      // @ts-ignore
+      "data-react-aria-prevent-focus": !0,
+      // @ts-ignore
+      "data-a11y-ignore": "aria-hidden-focus"
+    },
+    inputProps: {
+      style: {
+        display: "none"
+      }
+    },
+    selectProps: {
+      tabIndex: -1,
+      autoComplete: r,
+      disabled: d,
+      required: a === "native" && s,
+      name: u,
+      value: (n = o.selectedKey) !== null && n !== void 0 ? n : void 0,
+      onChange: (b) => o.setSelectedKey(b.target.value)
+    }
+  };
+}
+function Lo(e) {
+  let { state: o, triggerRef: i, label: t, name: r, isDisabled: u } = e, d = K(null), { containerProps: a, selectProps: s } = Ao({
+    ...e,
+    selectRef: d
+  }, o, i);
+  var l;
+  return o.collection.size <= 300 ? /* @__PURE__ */ p.createElement("div", {
+    ...a,
+    "data-testid": "hidden-select-container"
+  }, /* @__PURE__ */ p.createElement("label", null, t, /* @__PURE__ */ p.createElement("select", {
+    ...s,
+    ref: d
+  }, /* @__PURE__ */ p.createElement("option", null), [
+    ...o.collection.getKeys()
+  ].map((n) => {
+    let b = o.collection.getItem(n);
+    if (b && b.type === "item") return /* @__PURE__ */ p.createElement("option", {
+      key: b.key,
+      value: b.key
+    }, b.textValue);
+  })))) : r ? /* @__PURE__ */ p.createElement("input", {
+    type: "hidden",
+    autoComplete: s.autoComplete,
+    name: r,
+    disabled: u,
+    value: (l = o.selectedKey) !== null && l !== void 0 ? l : ""
+  }) : null;
+}
+function Io(e) {
+  let o = mo(e), [i, t] = O(null), r = So({
+    ...e,
+    onSelectionChange: (l) => {
+      e.onSelectionChange != null && e.onSelectionChange(l), o.close(), u.commitValidation();
+    }
+  }), u = xo({
+    ...e,
+    value: r.selectedKey
+  }), [d, a] = O(!1), s = k(() => {
+    var l;
+    return r.collection.size === 0 || r.collection.size === 1 && ((l = r.collection.getItem(r.collection.getFirstKey())) === null || l === void 0 ? void 0 : l.type) === "loader";
+  }, [
+    r.collection
+  ]);
+  return {
+    ...u,
+    ...r,
+    ...o,
+    focusStrategy: i,
+    open(l = null) {
+      s || (t(l), o.open());
+    },
+    toggle(l = null) {
+      s || (t(l), o.toggle());
+    },
+    isFocused: d,
+    setFocused: a
+  };
+}
+var ee = {};
+ee = {
+  colorSwatchPicker: "تغييرات الألوان",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "حدد عنصرًا",
+  tableResizer: "أداة تغيير الحجم"
+};
+var oe = {};
+oe = {
+  colorSwatchPicker: "Цветови мостри",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Изберете предмет",
+  tableResizer: "Преоразмерител"
+};
+var re = {};
+re = {
+  colorSwatchPicker: "Vzorky barev",
+  dropzoneLabel: "Místo pro přetažení",
+  selectPlaceholder: "Vyberte položku",
+  tableResizer: "Změna velikosti"
+};
+var ae = {};
+ae = {
+  colorSwatchPicker: "Farveprøver",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Vælg et element",
+  tableResizer: "Størrelsesændring"
+};
+var le = {};
+le = {
+  colorSwatchPicker: "Farbfelder",
+  dropzoneLabel: "Ablegebereich",
+  selectPlaceholder: "Element wählen",
+  tableResizer: "Größenanpassung"
+};
+var te = {};
+te = {
+  colorSwatchPicker: "Χρωματικά δείγματα",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Επιλέξτε ένα αντικείμενο",
+  tableResizer: "Αλλαγή μεγέθους"
+};
+var ie = {};
+ie = {
+  selectPlaceholder: "Select an item",
+  tableResizer: "Resizer",
+  dropzoneLabel: "DropZone",
+  colorSwatchPicker: "Color swatches"
+};
+var ue = {};
+ue = {
+  colorSwatchPicker: "Muestras de colores",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Seleccionar un artículo",
+  tableResizer: "Cambiador de tamaño"
+};
+var se = {};
+se = {
+  colorSwatchPicker: "Värvinäidised",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Valige üksus",
+  tableResizer: "Suuruse muutja"
+};
+var ce = {};
+ce = {
+  colorSwatchPicker: "Värimallit",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Valitse kohde",
+  tableResizer: "Koon muuttaja"
+};
+var ne = {};
+ne = {
+  colorSwatchPicker: "Échantillons de couleurs",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Sélectionner un élément",
+  tableResizer: "Redimensionneur"
+};
+var de = {};
+de = {
+  colorSwatchPicker: "דוגמיות צבע",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "בחר פריט",
+  tableResizer: "שינוי גודל"
+};
+var be = {};
+be = {
+  colorSwatchPicker: "Uzorci boja",
+  dropzoneLabel: "Zona spuštanja",
+  selectPlaceholder: "Odaberite stavku",
+  tableResizer: "Promjena veličine"
+};
+var fe = {};
+fe = {
+  colorSwatchPicker: "Színtárak",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Válasszon ki egy elemet",
+  tableResizer: "Átméretező"
+};
+var pe = {};
+pe = {
+  colorSwatchPicker: "Campioni di colore",
+  dropzoneLabel: "Zona di rilascio",
+  selectPlaceholder: "Seleziona un elemento",
+  tableResizer: "Ridimensionamento"
+};
+var $e = {};
+$e = {
+  colorSwatchPicker: "カラースウォッチ",
+  dropzoneLabel: "ドロップゾーン",
+  selectPlaceholder: "項目を選択",
+  tableResizer: "サイズ変更ツール"
+};
+var me = {};
+me = {
+  colorSwatchPicker: "색상 견본",
+  dropzoneLabel: "드롭 영역",
+  selectPlaceholder: "항목 선택",
+  tableResizer: "크기 조정기"
+};
+var ve = {};
+ve = {
+  colorSwatchPicker: "Spalvų pavyzdžiai",
+  dropzoneLabel: "„DropZone“",
+  selectPlaceholder: "Pasirinkite elementą",
+  tableResizer: "Dydžio keitiklis"
+};
+var he = {};
+he = {
+  colorSwatchPicker: "Krāsu paraugi",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Izvēlēties vienumu",
+  tableResizer: "Izmēra mainītājs"
+};
+var Pe = {};
+Pe = {
+  colorSwatchPicker: "Fargekart",
+  dropzoneLabel: "Droppsone",
+  selectPlaceholder: "Velg et element",
+  tableResizer: "Størrelsesendrer"
+};
+var xe = {};
+xe = {
+  colorSwatchPicker: "kleurstalen",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Selecteer een item",
+  tableResizer: "Resizer"
+};
+var Se = {};
+Se = {
+  colorSwatchPicker: "Próbki kolorów",
+  dropzoneLabel: "Strefa upuszczania",
+  selectPlaceholder: "Wybierz element",
+  tableResizer: "Zmiana rozmiaru"
+};
+var De = {};
+De = {
+  colorSwatchPicker: "Amostras de cores",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Selecione um item",
+  tableResizer: "Redimensionador"
+};
+var Ce = {};
+Ce = {
+  colorSwatchPicker: "Amostras de cores",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Selecione um item",
+  tableResizer: "Redimensionador"
+};
+var ze = {};
+ze = {
+  colorSwatchPicker: "Specimene de culoare",
+  dropzoneLabel: "Zonă de plasare",
+  selectPlaceholder: "Selectați un element",
+  tableResizer: "Instrument de redimensionare"
+};
+var ye = {};
+ye = {
+  colorSwatchPicker: "Цветовые образцы",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Выберите элемент",
+  tableResizer: "Средство изменения размера"
+};
+var Be = {};
+Be = {
+  colorSwatchPicker: "Vzorkovníky farieb",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Vyberte položku",
+  tableResizer: "Nástroj na zmenu veľkosti"
+};
+var Re = {};
+Re = {
+  colorSwatchPicker: "Barvne palete",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Izberite element",
+  tableResizer: "Spreminjanje velikosti"
+};
+var ge = {};
+ge = {
+  colorSwatchPicker: "Uzorci boje",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Izaberite stavku",
+  tableResizer: "Promena veličine"
+};
+var ke = {};
+ke = {
+  colorSwatchPicker: "Färgrutor",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Välj en artikel",
+  tableResizer: "Storleksändrare"
+};
+var Ee = {};
+Ee = {
+  colorSwatchPicker: "Renk örnekleri",
+  dropzoneLabel: "Bırakma Bölgesi",
+  selectPlaceholder: "Bir öğe seçin",
+  tableResizer: "Yeniden boyutlandırıcı"
+};
+var Fe = {};
+Fe = {
+  colorSwatchPicker: "Зразки кольорів",
+  dropzoneLabel: "DropZone",
+  selectPlaceholder: "Виберіть елемент",
+  tableResizer: "Засіб змінення розміру"
+};
+var we = {};
+we = {
+  colorSwatchPicker: "颜色色板",
+  dropzoneLabel: "放置区域",
+  selectPlaceholder: "选择一个项目",
+  tableResizer: "尺寸调整器"
+};
+var Ae = {};
+Ae = {
+  colorSwatchPicker: "色票",
+  dropzoneLabel: "放置區",
+  selectPlaceholder: "選取項目",
+  tableResizer: "大小調整器"
+};
+var Le = {};
+Le = {
+  "ar-AE": ee,
+  "bg-BG": oe,
+  "cs-CZ": re,
+  "da-DK": ae,
+  "de-DE": le,
+  "el-GR": te,
+  "en-US": ie,
+  "es-ES": ue,
+  "et-EE": se,
+  "fi-FI": ce,
+  "fr-FR": ne,
+  "he-IL": de,
+  "hr-HR": be,
+  "hu-HU": fe,
+  "it-IT": pe,
+  "ja-JP": $e,
+  "ko-KR": me,
+  "lt-LT": ve,
+  "lv-LV": he,
+  "nb-NO": Pe,
+  "nl-NL": xe,
+  "pl-PL": Se,
+  "pt-BR": De,
+  "pt-PT": Ce,
+  "ro-RO": ze,
+  "ru-RU": ye,
+  "sk-SK": Be,
+  "sl-SI": Re,
+  "sr-SP": ge,
+  "sv-SE": ke,
+  "tr-TR": Ee,
+  "uk-UA": Fe,
+  "zh-CN": we,
+  "zh-TW": Ae
+};
+function Ko(e) {
+  return e && e.__esModule ? e.default : e;
+}
+const T = /* @__PURE__ */ V(null), j = /* @__PURE__ */ V(null), Oo = /* @__PURE__ */ Z(function(o, i) {
+  [o, i] = W(o, i, T);
+  let { children: t, isDisabled: r = !1, isInvalid: u = !1, isRequired: d = !1 } = o, a = k(() => typeof t == "function" ? t({
+    isOpen: !1,
+    isDisabled: r,
+    isInvalid: u,
+    isRequired: d,
+    isFocused: !1,
+    isFocusVisible: !1,
+    defaultChildren: null
+  }) : t, [
+    t,
+    r,
+    u,
+    d
+  ]);
+  return /* @__PURE__ */ p.createElement(fo, {
+    content: a
+  }, (s) => /* @__PURE__ */ p.createElement(Vo, {
+    props: o,
+    collection: s,
+    selectRef: i
+  }));
+}), Zo = [
+  X,
+  _,
+  M
+];
+function Vo({ props: e, selectRef: o, collection: i }) {
+  let { validationBehavior: t } = H(ao) || {};
+  var r, u;
+  let d = (u = (r = e.validationBehavior) !== null && r !== void 0 ? r : t) !== null && u !== void 0 ? u : "native", a = Io({
+    ...e,
+    collection: i,
+    children: void 0,
+    validationBehavior: d
+  }), { isFocusVisible: s, focusProps: l } = Do({
+    within: !0
+  }), n = K(null), [b, v] = eo(!e["aria-label"] && !e["aria-labelledby"]), { labelProps: m, triggerProps: h, valueProps: D, menuProps: B, descriptionProps: E, errorMessageProps: C, ...P } = wo({
+    ...oo(e),
+    label: v,
+    validationBehavior: d
+  }, a, n), [F, w] = O(null), $ = qe(() => {
+    n.current && w(n.current.offsetWidth + "px");
+  }, [
+    n
+  ]);
+  vo({
+    ref: n,
+    onResize: $
+  });
+  let R = k(() => ({
+    isOpen: a.isOpen,
+    isFocused: a.isFocused,
+    isFocusVisible: s,
+    isDisabled: e.isDisabled || !1,
+    isInvalid: P.isInvalid || !1,
+    isRequired: e.isRequired || !1
+  }), [
+    a.isOpen,
+    a.isFocused,
+    s,
+    e.isDisabled,
+    P.isInvalid,
+    e.isRequired
+  ]), f = J({
+    ...e,
+    values: R,
+    defaultClassName: "react-aria-Select"
+  }), x = q(e);
+  delete x.id;
+  let S = K(null);
+  return /* @__PURE__ */ p.createElement(ro, {
+    values: [
+      [
+        T,
+        e
+      ],
+      [
+        j,
+        a
+      ],
+      [
+        Ie,
+        D
+      ],
+      [
+        X,
+        {
+          ...m,
+          ref: b,
+          elementType: "span"
+        }
+      ],
+      [
+        _,
+        {
+          ...h,
+          ref: n,
+          isPressed: a.isOpen,
+          autoFocus: e.autoFocus
+        }
+      ],
+      [
+        Je,
+        a
+      ],
+      [
+        Xe,
+        {
+          trigger: "Select",
+          triggerRef: n,
+          scrollRef: S,
+          placement: "bottom start",
+          style: {
+            "--trigger-width": F
+          },
+          "aria-labelledby": B["aria-labelledby"],
+          clearContexts: Zo
+        }
+      ],
+      [
+        to,
+        {
+          ...B,
+          ref: S
+        }
+      ],
+      [
+        io,
+        a
+      ],
+      [
+        M,
+        {
+          slots: {
+            description: E,
+            errorMessage: C
+          }
+        }
+      ],
+      [
+        lo,
+        P
+      ]
+    ]
+  }, /* @__PURE__ */ p.createElement("div", {
+    ...x,
+    ...f,
+    ...l,
+    ref: o,
+    slot: e.slot || void 0,
+    "data-focused": a.isFocused || void 0,
+    "data-focus-visible": s || void 0,
+    "data-open": a.isOpen || void 0,
+    "data-disabled": e.isDisabled || void 0,
+    "data-invalid": P.isInvalid || void 0,
+    "data-required": e.isRequired || void 0
+  }), /* @__PURE__ */ p.createElement(Lo, {
+    autoComplete: e.autoComplete,
+    state: a,
+    triggerRef: n,
+    label: v,
+    name: e.name,
+    isDisabled: e.isDisabled
+  }));
+}
+const Ie = /* @__PURE__ */ V(null), Mo = /* @__PURE__ */ Z(function(o, i) {
+  var t, r;
+  [o, i] = W(o, i, Ie);
+  let u = U(j), { placeholder: d } = H(T), a = u.selectedKey != null ? u.collection.getItem(u.selectedKey) : null, s = a?.props.children;
+  typeof s == "function" && (s = s({
+    isHovered: !1,
+    isPressed: !1,
+    isSelected: !1,
+    isFocused: !1,
+    isFocusVisible: !1,
+    isDisabled: !1,
+    selectionMode: "single",
+    selectionBehavior: "toggle"
+  }));
+  let l = ho(Ko(Le), "react-aria-components");
+  var n, b, v;
+  let m = J({
+    ...o,
+    defaultChildren: (n = s ?? d) !== null && n !== void 0 ? n : l.format("selectPlaceholder"),
+    defaultClassName: "react-aria-SelectValue",
+    values: {
+      selectedItem: (b = (t = u.selectedItem) === null || t === void 0 ? void 0 : t.value) !== null && b !== void 0 ? b : null,
+      selectedText: (v = (r = u.selectedItem) === null || r === void 0 ? void 0 : r.textValue) !== null && v !== void 0 ? v : null,
+      isPlaceholder: !a
+    }
+  }), h = q(o);
+  return /* @__PURE__ */ p.createElement("span", {
+    ref: i,
+    ...h,
+    ...m,
+    "data-placeholder": !a || void 0
+  }, /* @__PURE__ */ p.createElement(M.Provider, {
+    value: void 0
+  }, m.children));
+}), { withProvider: qo, withContext: y } = /* @__PURE__ */ Te({
+  key: "select"
+}), To = /* @__PURE__ */ qo(
+  "div",
+  "root"
+), jo = /* @__PURE__ */ y("button", "trigger"), No = /* @__PURE__ */ y("span", "triggerLabel"), Go = /* @__PURE__ */ y("div", "options"), Uo = /* @__PURE__ */ y("div", "option"), _o = /* @__PURE__ */ y("div", "optionGroup"), Ke = () => {
+  const e = U(j);
+  return e?.selectedKey ? /* @__PURE__ */ c(Ye, { children: /* @__PURE__ */ c(
+    Eo,
+    {
+      pointerEvents: "all",
+      size: "2xs",
+      variant: "ghost",
+      tone: "primary",
+      "aria-label": "Clear Selection",
+      onPress: () => {
+        e?.setSelectedKey(null);
+      },
+      children: /* @__PURE__ */ c(Ge, {})
+    }
+  ) }) : null;
+};
+Ke.displayName = "Select.ClearButton";
+const Oe = /* @__PURE__ */ Z(
+  ({ children: e, isLoading: o, isDisabled: i, ...t }, r) => {
+    const u = je({ recipe: Fo }), [d, a] = u.splitVariantProps(t), [s, l] = Y(a), n = {
+      ...l,
+      isDisabled: o || i
+    };
+    return /* @__PURE__ */ c(To, { asChild: !0, ref: r, ...d, ...s, children: /* @__PURE__ */ g(Oo, { ...n, children: [
+      /* @__PURE__ */ g(Ne.div, { position: "relative", children: [
+        /* @__PURE__ */ c(jo, { zIndex: 0, asChild: !0, children: /* @__PURE__ */ c(We, { children: /* @__PURE__ */ c(No, { asChild: !0, children: /* @__PURE__ */ c(Mo, {}) }) }) }),
+        /* @__PURE__ */ g(
+          I,
+          {
+            position: "absolute",
+            top: "0",
+            bottom: "0",
+            zIndex: 1,
+            right: "400",
+            pointerEvents: "none",
+            children: [
+              /* @__PURE__ */ c(I, { width: "600", my: "auto", children: /* @__PURE__ */ c(Ke, {}) }),
+              /* @__PURE__ */ c(I, { my: "auto", w: "600", h: "600", pointerEvents: "none", children: /* @__PURE__ */ c(N, { color: "neutral.9", asChild: !0, m: "auto", w: "400", h: "400", children: o ? /* @__PURE__ */ c(N, { asChild: !0, animation: "spin", animationDuration: "slowest", children: /* @__PURE__ */ c(Ue, {}) }) : /* @__PURE__ */ c(_e, {}) }) })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ c(Qe, { children: e })
+    ] }) });
+  }
+);
+Oe.displayName = "Select.Root";
+const Ze = (e) => {
+  const { ref: o, ...i } = e, [t, r] = Y(i);
+  return /* @__PURE__ */ c(Go, { asChild: !0, ...t, children: /* @__PURE__ */ c(uo, { ref: o, ...r }) });
+};
+Ze.displayName = "Select.Options";
+const Ve = (e) => {
+  const { ref: o, ...i } = e;
+  return /* @__PURE__ */ c(Uo, { asChild: !0, ref: o, children: /* @__PURE__ */ c(so, { ...i }) });
+};
+Ve.displayName = "Select.Option";
+const Me = (e) => {
+  const { ref: o, label: i, items: t, children: r, ...u } = e;
+  if (t && typeof r != "function")
+    throw new Error(
+      'SelectOptionGroup: When "items" is provided, "children" must be a function'
+    );
+  return /* @__PURE__ */ g(co, { ref: o, ...u, children: [
+    /* @__PURE__ */ c(_o, { asChild: !0, children: /* @__PURE__ */ c(po, { children: i }) }),
+    t ? /* @__PURE__ */ c($o, { items: t, children: (d) => typeof r == "function" ? r(d) : null }) : r
+  ] });
+};
+Me.displayName = "Select.OptionGroup";
+const Dr = {
+  Root: Oe,
+  Options: Ze,
+  Option: Ve,
+  OptionGroup: Me
+};
+export {
+  Dr as S,
+  Oe as a,
+  Ze as b,
+  Ve as c,
+  Me as d
+};
+//# sourceMappingURL=select-wZ584ENo.es.js.map