@commercetools/nimbus 0.0.12-rc1 → 1.0.0-rc1

package/dist/chunks/select-C-s_r1_Z.es.js

@@ -1,795 +0,0 @@
-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 { Close as Te, Loop as je, KeyboardArrowDown as Ne } from "@commercetools/nimbus-icons";
-import { B as N } from "./box-Cd4iddEV.es.js";
-import { $ as _, a as Ge } from "./Button-BLHXvl6m.es.js";
-import { k as Ue, b as _e, c as We, l as He, $ as Je } from "./Dialog-CTf0VB6B.es.js";
-import { $ as W, c as H, a as J, b as Xe, e as Ye, d as Qe } from "./utils-C4ruQppN.es.js";
-import { $ as eo, a as oo } from "./Form-yBl0QZl8.es.js";
-import { $ as X } from "./Label-BhU-HP65.es.js";
-import { a as ro, b as ao, c as lo, d as to, e as io } from "./ListBox-0C7L4Sat.es.js";
-import { $ as M } from "./Text-DOcU1ycg.es.js";
-import { m as uo, r as so, h as co, q as no, i as bo } from "./Separator-ChieGwKF.es.js";
-import { $ as q } from "./filterDOMProps-HzsCnE3d.es.js";
-import { $ as fo, a as po } from "./OverlayArrow-C1hn2WBd.es.js";
-import { $ as $o } from "./useLocalizedStringFormatter-B_O_C-A0.es.js";
-import { a as mo, $ as vo } from "./useFormValidation-x8TYT3v1.es.js";
-import { $ as ho } from "./useSingleSelectListState-IunZbRoh.es.js";
-import { $ as Po } from "./useFocusRing-BOPRvfsD.es.js";
-import { $ as G, a as xo, e as So } from "./mergeProps-C0OSi2w3.es.js";
-import { c as Do } from "./useFocus-DyrL604F.es.js";
-import { $ as Co } from "./useCollator-BhJcleP-.es.js";
-import { $ as zo } from "./useField-Bj5XOvuD.es.js";
-import { $ as yo } from "./useFormReset-B_4kzDrc.es.js";
-import { a as Bo } from "./VisuallyHidden-vVsCehgl.es.js";
-import { c as Ro, u as go } from "./create-slot-recipe-context-Cv3lncUO.es.js";
-import { I as ko } from "./icon-button-C7MMcLBN.es.js";
-import { h as Eo } from "./index--oJQaJZy.es.js";
-import { e as Y } from "./extractStyleProps-KcWE_ep4.es.js";
-import { c as Fo } from "./factory-BpGQXckI.es.js";
-import { F as I } from "./flex-DgabwPpo.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 = Co({
-    usage: "search",
-    sensitivity: "base"
-  }), l = k(() => t || new uo(o.collection, o.disabledKeys, i, s), [
-    t,
-    o.collection,
-    o.disabledKeys,
-    s,
-    i
-  ]), { menuTriggerProps: n, menuProps: b } = Ue({
-    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 } = so({
-    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 } = zo({
-    ...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 = xo();
-  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(), Do("keyboard");
-        }
-      }
-    },
-    triggerProps: G(w, {
-      ...$,
-      isDisabled: r,
-      onKeyDown: So($.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 } = Bo();
-  yo(e.selectRef, o.selectedKey, o.setSelectedKey), mo({
-    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 = fo(e), [i, t] = O(null), r = ho({
-    ...e,
-    onSelectionChange: (l) => {
-      e.onSelectionChange != null && e.onSelectionChange(l), o.close(), u.commitValidation();
-    }
-  }), u = vo({
-    ...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(co, {
-    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(eo) || {};
-  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 } = Po({
-    within: !0
-  }), n = K(null), [b, v] = Xe(!e["aria-label"] && !e["aria-labelledby"]), { labelProps: m, triggerProps: h, valueProps: D, menuProps: B, descriptionProps: E, errorMessageProps: C, ...P } = wo({
-    ...Ye(e),
-    label: v,
-    validationBehavior: d
-  }, a, n), [F, w] = O(null), $ = qe(() => {
-    n.current && w(n.current.offsetWidth + "px");
-  }, [
-    n
-  ]);
-  po({
-    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(Qe, {
-    values: [
-      [
-        T,
-        e
-      ],
-      [
-        j,
-        a
-      ],
-      [
-        Ie,
-        D
-      ],
-      [
-        X,
-        {
-          ...m,
-          ref: b,
-          elementType: "span"
-        }
-      ],
-      [
-        _,
-        {
-          ...h,
-          ref: n,
-          isPressed: a.isOpen,
-          autoFocus: e.autoFocus
-        }
-      ],
-      [
-        _e,
-        a
-      ],
-      [
-        We,
-        {
-          trigger: "Select",
-          triggerRef: n,
-          scrollRef: S,
-          placement: "bottom start",
-          style: {
-            "--trigger-width": F
-          },
-          "aria-labelledby": B["aria-labelledby"],
-          clearContexts: Zo
-        }
-      ],
-      [
-        ro,
-        {
-          ...B,
-          ref: S
-        }
-      ],
-      [
-        ao,
-        a
-      ],
-      [
-        M,
-        {
-          slots: {
-            description: E,
-            errorMessage: C
-          }
-        }
-      ],
-      [
-        oo,
-        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 = $o(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__ */ Ro({
-  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(He, { children: /* @__PURE__ */ c(
-    ko,
-    {
-      pointerEvents: "all",
-      size: "2xs",
-      variant: "ghost",
-      tone: "primary",
-      "aria-label": "Clear Selection",
-      onPress: () => {
-        e?.setSelectedKey(null);
-      },
-      children: /* @__PURE__ */ c(Te, {})
-    }
-  ) }) : null;
-};
-Ke.displayName = "Select.ClearButton";
-const Oe = /* @__PURE__ */ Z(
-  ({ children: e, isLoading: o, isDisabled: i, ...t }, r) => {
-    const u = go({ recipe: Eo }), [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(Fo.div, { position: "relative", children: [
-        /* @__PURE__ */ c(jo, { zIndex: 0, asChild: !0, children: /* @__PURE__ */ c(Ge, { 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(je, {}) }) : /* @__PURE__ */ c(Ne, {}) }) })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ c(Je, { 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(lo, { 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(to, { ...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(io, { ref: o, ...u, children: [
-    /* @__PURE__ */ c(_o, { asChild: !0, children: /* @__PURE__ */ c(no, { children: i }) }),
-    t ? /* @__PURE__ */ c(bo, { items: t, children: (d) => typeof r == "function" ? r(d) : null }) : r
-  ] });
-};
-Me.displayName = "Select.OptionGroup";
-const zr = {
-  Root: Oe,
-  Options: Ze,
-  Option: Ve,
-  OptionGroup: Me
-};
-export {
-  zr as S,
-  Oe as a,
-  Ze as b,
-  Ve as c,
-  Me as d
-};
-//# sourceMappingURL=select-C-s_r1_Z.es.js.map