@midas-ds/components 14.0.0 → 15.0.0

package/Select-C-ykeY_T.js

@@ -0,0 +1,773 @@
+import { jsx as u, jsxs as _ } from "react/jsx-runtime";
+import { c as J, e as Q, $ as Y } from "./Button-BbfVT9Yl.js";
+import { $ as Z, c as ee, a as le, d as re, e as ie, f as oe } from "./utils-D2iKpxcZ.js";
+import { $ as ne, F as X } from "./FieldError-CIxlNQCM.js";
+import { $ as se } from "./Form-CXcEMuBf.js";
+import { $ as de } from "./intlStrings-Cd44R5hT.js";
+import { c as ce, d as ue } from "./ListBox-5GK4ZRj1.js";
+import { p as fe, i as me, n as be } from "./Dialog-D4Py85wi.js";
+import { $ as L } from "./Text-bqP9NeVg.js";
+import { b as $e } from "./Collection-BkxwF21i.js";
+import { $ as ve } from "./Hidden-B5ir3Lei.js";
+import { a as O, c as ge, e as pe } from "./mergeProps-Ct8m5-xW.js";
+import { $ as z } from "./filterDOMProps-wsa9OcNI.js";
+import { a as he, g as ye } from "./OverlayArrow-CjGslX2c.js";
+import g, { useMemo as D, useRef as T, useCallback as te, useState as E, forwardRef as xe, createContext as G, useContext as W, Fragment as Pe } from "react";
+import { $ as Se } from "./context-Dl_saGB6.js";
+import { $ as Ce } from "./useLocalizedStringFormatter-CSEh15AZ.js";
+import { a as Ve, b as De, $ as Ie } from "./useFormValidation-By7G-T7y.js";
+import { $ as Fe } from "./useListState-CP7AKhOX.js";
+import { $ as Re } from "./useControlledState-u436Wbp1.js";
+import { $ as Me } from "./useFocusRing-CcxI7nbg.js";
+import { $ as Ae, a as Be } from "./ListKeyboardDelegate-BBmpJ-2O.js";
+import { h as Ke } from "./SelectionManager-DoNLJm8c.js";
+import { d as _e } from "./useHover-DkC5FyNd.js";
+import { $ as Ee } from "./useField-Bx76iuoW.js";
+import { a as Te } from "./VisuallyHidden-DuW70K-5.js";
+import { f as ke, b as we } from "./SelectionIndicator-C2E23-zO.js";
+import { a as je, L as qe } from "./Label-FfEnd4ai.js";
+import { c as N } from "./clsx-jbLnTBqA.js";
+import { T as Ne } from "./Text-BBFWBNAH.js";
+import { C as Oe } from "./Checkbox-CdN1D5pD.js";
+import { u as k } from "./useLocalizedStringFormatter-aOhh7wdl.js";
+import { X as Le } from "./x-C2xUHAEl.js";
+import { L as ze } from "./ListBox-LJ3VgZMr.js";
+import { P as Ge } from "./Popover-CS8Yyfrq.js";
+import { a as We, $ as He, T as Ue } from "./Tag-DX1X_NZE.js";
+import { c as Xe } from "./clsx-OuTLNxxd.js";
+import { C as Je } from "./chevron-down-DmZMdOiC.js";
+import './assets/Select.css';function Qe(e = {}) {
+  let { locale: l } = Se();
+  return D(() => new Intl.ListFormat(l, e), [
+    l,
+    e
+  ]);
+}
+const H = /* @__PURE__ */ new WeakMap();
+function Ye(e, l, r) {
+  let { keyboardDelegate: t, isDisabled: a, isRequired: d, name: $, form: o, validationBehavior: i = "aria" } = e, c = Ae({
+    usage: "search",
+    sensitivity: "base"
+  }), s = D(() => t || new Be(l.collection, l.disabledKeys, r, c), [
+    t,
+    l.collection,
+    l.disabledKeys,
+    c,
+    r
+  ]), { menuTriggerProps: f, menuProps: p } = fe({
+    isDisabled: a,
+    type: "listbox"
+  }, l, r), h = (v) => {
+    if (l.selectionManager.selectionMode !== "multiple")
+      switch (v.key) {
+        case "ArrowLeft": {
+          var R, M;
+          v.preventDefault();
+          let B = l.selectedKey != null ? (R = s.getKeyAbove) === null || R === void 0 ? void 0 : R.call(s, l.selectedKey) : (M = s.getFirstKey) === null || M === void 0 ? void 0 : M.call(s);
+          B && l.setSelectedKey(B);
+          break;
+        }
+        case "ArrowRight": {
+          var j, q;
+          v.preventDefault();
+          let B = l.selectedKey != null ? (j = s.getKeyBelow) === null || j === void 0 ? void 0 : j.call(s, l.selectedKey) : (q = s.getFirstKey) === null || q === void 0 ? void 0 : q.call(s);
+          B && l.setSelectedKey(B);
+          break;
+        }
+      }
+  }, { typeSelectProps: m } = Ke({
+    keyboardDelegate: s,
+    selectionManager: l.selectionManager,
+    onTypeSelect(v) {
+      l.setSelectedKey(v);
+    }
+  }), { isInvalid: S, validationErrors: C, validationDetails: b } = l.displayValidation, { labelProps: y, fieldProps: P, descriptionProps: n, errorMessageProps: I } = Ee({
+    ...e,
+    labelElementType: "span",
+    isInvalid: S,
+    errorMessage: e.errorMessage || C
+  });
+  m.onKeyDown = m.onKeyDownCapture, delete m.onKeyDownCapture, l.selectionManager.selectionMode === "multiple" && (m = {});
+  let F = z(e, {
+    labelable: !0
+  }), x = O(m, f, P), K = ge();
+  return H.set(l, {
+    isDisabled: a,
+    isRequired: d,
+    name: $,
+    form: o,
+    validationBehavior: i
+  }), {
+    labelProps: {
+      ...y,
+      onClick: () => {
+        if (!e.isDisabled) {
+          var v;
+          (v = r.current) === null || v === void 0 || v.focus(), _e("keyboard");
+        }
+      }
+    },
+    triggerProps: O(F, {
+      ...x,
+      isDisabled: a,
+      onKeyDown: pe(x.onKeyDown, h, e.onKeyDown),
+      onKeyUp: e.onKeyUp,
+      "aria-labelledby": [
+        K,
+        x["aria-labelledby"],
+        x["aria-label"] && !x["aria-labelledby"] ? x.id : null
+      ].filter(Boolean).join(" "),
+      onFocus(v) {
+        l.isFocused || (e.onFocus && e.onFocus(v), e.onFocusChange && e.onFocusChange(!0), l.setFocused(!0));
+      },
+      onBlur(v) {
+        l.isOpen || (e.onBlur && e.onBlur(v), e.onFocusChange && e.onFocusChange(!1), l.setFocused(!1));
+      }
+    }),
+    valueProps: {
+      id: K
+    },
+    menuProps: {
+      ...p,
+      autoFocus: l.focusStrategy || !0,
+      shouldSelectOnPressUp: !0,
+      shouldFocusOnHover: !0,
+      disallowEmptySelection: !0,
+      linkBehavior: "selection",
+      onBlur: (v) => {
+        v.currentTarget.contains(v.relatedTarget) || (e.onBlur && e.onBlur(v), e.onFocusChange && e.onFocusChange(!1), l.setFocused(!1));
+      },
+      "aria-labelledby": [
+        P["aria-labelledby"],
+        x["aria-label"] && !P["aria-labelledby"] ? x.id : null
+      ].filter(Boolean).join(" ")
+    },
+    descriptionProps: n,
+    errorMessageProps: I,
+    isInvalid: S,
+    validationErrors: C,
+    validationDetails: b,
+    hiddenSelectProps: {
+      isDisabled: a,
+      name: $,
+      label: e.label,
+      state: l,
+      triggerRef: r,
+      form: o
+    }
+  };
+}
+function Ze(e, l, r) {
+  let t = H.get(l) || {}, { autoComplete: a, name: d = t.name, form: $ = t.form, isDisabled: o = t.isDisabled } = e, { validationBehavior: i, isRequired: c } = t, { visuallyHiddenProps: s } = Te({
+    style: {
+      // Prevent page scrolling.
+      position: "fixed",
+      top: 0,
+      left: 0
+    }
+  });
+  Ve(e.selectRef, l.defaultValue, l.setValue), De({
+    validationBehavior: i,
+    focus: () => {
+      var m;
+      return (m = r.current) === null || m === void 0 ? void 0 : m.focus();
+    }
+  }, l, e.selectRef);
+  let f = l.setValue, p = te((m) => {
+    m.target.multiple ? f(Array.from(m.target.selectedOptions, (S) => S.value)) : f(m.currentTarget.value);
+  }, [
+    f
+  ]);
+  var h;
+  return {
+    containerProps: {
+      ...s,
+      "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: a,
+      disabled: o,
+      multiple: l.selectionManager.selectionMode === "multiple",
+      required: i === "native" && c,
+      name: d,
+      form: $,
+      value: (h = l.value) !== null && h !== void 0 ? h : "",
+      onChange: p,
+      onInput: p
+    }
+  };
+}
+function el(e) {
+  let { state: l, triggerRef: r, label: t, name: a, form: d, isDisabled: $ } = e, o = T(null), i = T(null), { containerProps: c, selectProps: s } = Ze({
+    ...e,
+    selectRef: l.collection.size <= 300 ? o : i
+  }, l, r);
+  if (l.collection.size <= 300) return /* @__PURE__ */ g.createElement("div", {
+    ...c,
+    "data-testid": "hidden-select-container"
+  }, /* @__PURE__ */ g.createElement("label", null, t, /* @__PURE__ */ g.createElement("select", {
+    ...s,
+    ref: o
+  }, /* @__PURE__ */ g.createElement("option", null), [
+    ...l.collection.getKeys()
+  ].map((f) => {
+    let p = l.collection.getItem(f);
+    if (p && p.type === "item") return /* @__PURE__ */ g.createElement("option", {
+      key: p.key,
+      value: p.key
+    }, p.textValue);
+  }))));
+  if (a) {
+    let f = H.get(l) || {}, { validationBehavior: p } = f, h = Array.isArray(l.value) ? l.value : [
+      l.value
+    ];
+    h.length === 0 && (h = [
+      null
+    ]);
+    let m = h.map((S, C) => {
+      let b = {
+        type: "hidden",
+        autoComplete: s.autoComplete,
+        name: a,
+        form: d,
+        disabled: $,
+        value: S ?? ""
+      };
+      return p === "native" ? /* @__PURE__ */ g.createElement("input", {
+        key: C,
+        ...b,
+        ref: C === 0 ? i : null,
+        style: {
+          display: "none"
+        },
+        type: "text",
+        required: C === 0 ? s.required : !1,
+        onChange: () => {
+        }
+      }) : /* @__PURE__ */ g.createElement("input", {
+        key: C,
+        ...b,
+        ref: C === 0 ? i : null
+      });
+    });
+    return /* @__PURE__ */ g.createElement(g.Fragment, null, m);
+  }
+  return null;
+}
+function ll(e) {
+  let { selectionMode: l = "single" } = e, r = he(e), [t, a] = E(null), d = D(() => {
+    var n;
+    return e.defaultValue !== void 0 ? e.defaultValue : l === "single" ? (n = e.defaultSelectedKey) !== null && n !== void 0 ? n : null : [];
+  }, [
+    e.defaultValue,
+    e.defaultSelectedKey,
+    l
+  ]), $ = D(() => e.value !== void 0 ? e.value : l === "single" ? e.selectedKey : void 0, [
+    e.value,
+    e.selectedKey,
+    l
+  ]), [o, i] = Re($, d, e.onChange), c = l === "single" && Array.isArray(o) ? o[0] : o, s = (n) => {
+    if (l === "single") {
+      var I, F;
+      let x = Array.isArray(n) ? (F = n[0]) !== null && F !== void 0 ? F : null : n;
+      i(x), x !== c && ((I = e.onSelectionChange) === null || I === void 0 || I.call(e, x));
+    } else {
+      let x = [];
+      Array.isArray(n) ? x = n : n != null && (x = [
+        n
+      ]), i(x);
+    }
+  }, f = Fe({
+    ...e,
+    selectionMode: l,
+    disallowEmptySelection: l === "single",
+    allowDuplicateSelectionEvents: !0,
+    selectedKeys: D(() => tl(c), [
+      c
+    ]),
+    onSelectionChange: (n) => {
+      if (n !== "all") {
+        if (l === "single") {
+          var I;
+          let F = (I = n.values().next().value) !== null && I !== void 0 ? I : null;
+          s(F), r.close();
+        } else s([
+          ...n
+        ]);
+        m.commitValidation();
+      }
+    }
+  }), p = f.selectionManager.firstSelectedKey, h = D(() => [
+    ...f.selectionManager.selectedKeys
+  ].map((n) => f.collection.getItem(n)).filter((n) => n != null), [
+    f.selectionManager.selectedKeys,
+    f.collection
+  ]), m = Ie({
+    ...e,
+    value: Array.isArray(c) && c.length === 0 ? null : c
+  }), [S, C] = E(!1), [b] = E(c);
+  var y, P;
+  return {
+    ...m,
+    ...f,
+    ...r,
+    value: c,
+    defaultValue: d ?? b,
+    setValue: s,
+    selectedKey: p,
+    setSelectedKey: s,
+    selectedItem: (y = h[0]) !== null && y !== void 0 ? y : null,
+    selectedItems: h,
+    defaultSelectedKey: (P = e.defaultSelectedKey) !== null && P !== void 0 ? P : e.selectionMode === "single" ? b : null,
+    focusStrategy: t,
+    open(n = null) {
+      f.collection.size !== 0 && (a(n), r.open());
+    },
+    toggle(n = null) {
+      f.collection.size !== 0 && (a(n), r.toggle());
+    },
+    isFocused: S,
+    setFocused: C
+  };
+}
+function tl(e) {
+  if (e !== void 0)
+    return e === null ? [] : Array.isArray(e) ? e : [
+      e
+    ];
+}
+function al(e) {
+  return e && e.__esModule ? e.default : e;
+}
+const U = /* @__PURE__ */ G(null), A = /* @__PURE__ */ G(null), rl = /* @__PURE__ */ xe(function(l, r) {
+  [l, r] = Z(l, r, U);
+  let { children: t, isDisabled: a = !1, isInvalid: d = !1, isRequired: $ = !1 } = l, o = D(() => typeof t == "function" ? t({
+    isOpen: !1,
+    isDisabled: a,
+    isInvalid: d,
+    isRequired: $,
+    isFocused: !1,
+    isFocusVisible: !1,
+    defaultChildren: null
+  }) : t, [
+    t,
+    a,
+    d,
+    $
+  ]);
+  return /* @__PURE__ */ g.createElement($e, {
+    content: o
+  }, (i) => /* @__PURE__ */ g.createElement(ol, {
+    props: l,
+    collection: i,
+    selectRef: r
+  }));
+}), il = [
+  J,
+  Q,
+  L
+];
+function ol({ props: e, selectRef: l, collection: r }) {
+  let { validationBehavior: t } = ee(se) || {};
+  var a, d;
+  let $ = (d = (a = e.validationBehavior) !== null && a !== void 0 ? a : t) !== null && d !== void 0 ? d : "native", o = ll({
+    ...e,
+    collection: r,
+    children: void 0,
+    validationBehavior: $
+  }), { isFocusVisible: i, focusProps: c } = Me({
+    within: !0
+  }), s = T(null), [f, p] = re(!e["aria-label"] && !e["aria-labelledby"]), { labelProps: h, triggerProps: m, valueProps: S, menuProps: C, descriptionProps: b, errorMessageProps: y, hiddenSelectProps: P, ...n } = Ye({
+    ...ie(e),
+    label: p,
+    validationBehavior: $
+  }, o, s), [I, F] = E(null), x = te(() => {
+    s.current && F(s.current.offsetWidth + "px");
+  }, [
+    s
+  ]);
+  ye({
+    ref: s,
+    onResize: x
+  });
+  let K = D(() => ({
+    isOpen: o.isOpen,
+    isFocused: o.isFocused,
+    isFocusVisible: i,
+    isDisabled: e.isDisabled || !1,
+    isInvalid: n.isInvalid || !1,
+    isRequired: e.isRequired || !1
+  }), [
+    o.isOpen,
+    o.isFocused,
+    i,
+    e.isDisabled,
+    n.isInvalid,
+    e.isRequired
+  ]), v = le({
+    ...e,
+    values: K,
+    defaultClassName: "react-aria-Select"
+  }), R = z(e, {
+    global: !0
+  });
+  delete R.id;
+  let M = T(null);
+  return /* @__PURE__ */ g.createElement(oe, {
+    values: [
+      [
+        U,
+        e
+      ],
+      [
+        A,
+        o
+      ],
+      [
+        ae,
+        S
+      ],
+      [
+        J,
+        {
+          ...h,
+          ref: f,
+          elementType: "span"
+        }
+      ],
+      [
+        Q,
+        {
+          ...m,
+          ref: s,
+          isPressed: o.isOpen,
+          autoFocus: e.autoFocus
+        }
+      ],
+      [
+        me,
+        o
+      ],
+      [
+        be,
+        {
+          trigger: "Select",
+          triggerRef: s,
+          scrollRef: M,
+          placement: "bottom start",
+          style: {
+            "--trigger-width": I
+          },
+          "aria-labelledby": C["aria-labelledby"],
+          clearContexts: il
+        }
+      ],
+      [
+        ce,
+        {
+          ...C,
+          ref: M
+        }
+      ],
+      [
+        ue,
+        o
+      ],
+      [
+        L,
+        {
+          slots: {
+            description: b,
+            errorMessage: y
+          }
+        }
+      ],
+      [
+        ne,
+        n
+      ]
+    ]
+  }, /* @__PURE__ */ g.createElement("div", {
+    ...O(R, v, c),
+    ref: l,
+    slot: e.slot || void 0,
+    "data-focused": o.isFocused || void 0,
+    "data-focus-visible": i || void 0,
+    "data-open": o.isOpen || void 0,
+    "data-disabled": e.isDisabled || void 0,
+    "data-invalid": n.isInvalid || void 0,
+    "data-required": e.isRequired || void 0
+  }, v.children, /* @__PURE__ */ g.createElement(el, {
+    ...P,
+    autoComplete: e.autoComplete
+  })));
+}
+const ae = /* @__PURE__ */ G(null), nl = /* @__PURE__ */ ve(function(l, r) {
+  var t;
+  [l, r] = Z(l, r, ae);
+  let a = W(A), { placeholder: d } = ee(U), $ = a.selectedItems.map((b) => {
+    var y;
+    let P = (y = b.props) === null || y === void 0 ? void 0 : y.children;
+    return typeof P == "function" && (P = P({
+      isHovered: !1,
+      isPressed: !1,
+      isSelected: !1,
+      isFocused: !1,
+      isFocusVisible: !1,
+      isDisabled: !1,
+      selectionMode: "single",
+      selectionBehavior: "toggle"
+    })), P;
+  }), o = Qe(), i = D(() => a.selectedItems.map((b) => b == null ? void 0 : b.textValue), [
+    a.selectedItems
+  ]), c = a.selectionManager.selectionMode, s = D(() => {
+    var b;
+    return c === "single" ? (b = i[0]) !== null && b !== void 0 ? b : "" : o.format(i);
+  }, [
+    c,
+    o,
+    i
+  ]), f = D(() => {
+    if (c === "single") return $[0];
+    let b = o.formatToParts(i);
+    if (b.length === 0) return null;
+    let y = 0;
+    return b.map((P) => P.type === "element" ? /* @__PURE__ */ g.createElement(Pe, {
+      key: y
+    }, $[y++]) : P.value);
+  }, [
+    c,
+    o,
+    i,
+    $
+  ]), p = Ce(al(de), "react-aria-components");
+  var h, m;
+  let S = le({
+    ...l,
+    defaultChildren: (h = f ?? d) !== null && h !== void 0 ? h : p.format("selectPlaceholder"),
+    defaultClassName: "react-aria-SelectValue",
+    values: {
+      selectedItem: (m = (t = a.selectedItems[0]) === null || t === void 0 ? void 0 : t.value) !== null && m !== void 0 ? m : null,
+      selectedItems: D(() => a.selectedItems.map((b) => {
+        var y;
+        return (y = b.value) !== null && y !== void 0 ? y : null;
+      }), [
+        a.selectedItems
+      ]),
+      selectedText: s,
+      isPlaceholder: a.selectedItems.length === 0,
+      state: a
+    }
+  }), C = z(l, {
+    global: !0
+  });
+  return /* @__PURE__ */ g.createElement("span", {
+    ref: r,
+    ...C,
+    ...S,
+    "data-placeholder": a.selectedItems.length === 0 || void 0
+  }, /* @__PURE__ */ g.createElement(L.Provider, {
+    value: void 0
+  }, S.children));
+}), sl = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, dl = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, w = {
+  en: sl,
+  sv: dl
+}, cl = "_select_1jd5h_1", ul = "_triggerContainer_1jd5h_6", fl = "_trigger_1jd5h_6", ml = "_medium_1jd5h_27", bl = "_selectValue_1jd5h_70", $l = "_placeholder_1jd5h_80", vl = "_selectValueTag_1jd5h_94", gl = "_clearButton_1jd5h_108", pl = "_truncate_1jd5h_120", hl = "_popover_1jd5h_157", yl = "_selectAll_1jd5h_181", xl = "_tagGroup_1jd5h_244", V = {
+  select: cl,
+  triggerContainer: ul,
+  trigger: fl,
+  medium: ml,
+  selectValue: bl,
+  placeholder: $l,
+  selectValueTag: vl,
+  clearButton: gl,
+  truncate: pl,
+  popover: hl,
+  selectAll: yl,
+  tagGroup: xl
+}, Pl = () => {
+  const e = g.useContext(A), l = k(w), r = () => e == null ? void 0 : e.setValue(
+    e != null && e.selectionManager.isSelectAll ? null : Array.from(e.collection.getKeys())
+  );
+  return /* @__PURE__ */ u(
+    Oe,
+    {
+      className: V.selectAll,
+      isIndeterminate: !(e != null && e.selectionManager.isSelectAll) && !(e != null && e.selectionManager.isEmpty),
+      isSelected: e == null ? void 0 : e.selectionManager.isSelectAll,
+      onChange: r,
+      children: l.format("selectAll")
+    }
+  );
+}, Sl = ({
+  isDisabled: e,
+  selectedItems: l,
+  selectedText: r
+}) => {
+  const t = k(w), a = () => l.length === 1 ? r : `${l.length} ${t.format("selected")}`;
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      className: V.selectValueTag,
+      "data-disabled": e || void 0,
+      children: [
+        /* @__PURE__ */ u("span", { className: V.truncate, children: a() }),
+        /* @__PURE__ */ u(Cl, { isDisabled: e })
+      ]
+    }
+  );
+}, Cl = ({
+  isDisabled: e
+}) => {
+  const l = g.useContext(A), r = k(w), t = ke(), a = () => {
+    t == null || t.focusFirst(), l == null || l.setValue(null);
+  };
+  return /* @__PURE__ */ u(
+    Y,
+    {
+      "aria-label": r.format("clearAll"),
+      className: V.clearButton,
+      onPress: a,
+      slot: null,
+      isDisabled: e,
+      children: /* @__PURE__ */ u(
+        Le,
+        {
+          width: 20,
+          height: 20
+        }
+      )
+    }
+  );
+}, Vl = ({
+  showTags: e,
+  isDisabled: l
+}) => {
+  const r = k(w), t = W(A), a = (d) => {
+    t == null || t.selectionManager.toggleSelection(Array.from(d)[0]);
+  };
+  return !(t != null && t.selectedItems.length) || !e ? null : /* @__PURE__ */ u(
+    We,
+    {
+      "aria-label": r.format("selectedItems"),
+      className: V.tagGroup,
+      onRemove: a,
+      selectionBehavior: "toggle",
+      children: /* @__PURE__ */ u(He, { items: t.selectedItems, children: (d) => /* @__PURE__ */ u(
+        Ue,
+        {
+          dismissable: !0,
+          id: d.key,
+          isDisabled: l,
+          textValue: d.textValue,
+          children: d.textValue
+        },
+        d.key
+      ) })
+    }
+  );
+}, Dl = ({ size: e }) => {
+  const l = W(A);
+  return /* @__PURE__ */ u(
+    Y,
+    {
+      className: Xe(
+        {
+          [V.medium]: e === "medium"
+        },
+        V.trigger
+      ),
+      "data-invalid": !!(l != null && l.displayValidation.isInvalid) || void 0,
+      children: /* @__PURE__ */ u(
+        "span",
+        {
+          "aria-hidden": "true",
+          style: { display: "flex" },
+          children: /* @__PURE__ */ u(Je, { size: 20 })
+        }
+      )
+    }
+  );
+};
+function ut({
+  children: e,
+  description: l,
+  errorMessage: r,
+  errorPosition: t = "top",
+  items: a,
+  label: d,
+  popover: $,
+  size: o = "large",
+  ...i
+}) {
+  return /* @__PURE__ */ u(we, { children: /* @__PURE__ */ _(
+    rl,
+    {
+      ...i,
+      className: N(i.className, V.select),
+      children: [
+        /* @__PURE__ */ u(je, { popover: $, children: d && /* @__PURE__ */ u(qe, { "data-disabled": i.isDisabled || void 0, children: d }) }),
+        l && /* @__PURE__ */ u(Ne, { slot: "description", children: l }),
+        t === "top" && /* @__PURE__ */ u(X, { children: r }),
+        /* @__PURE__ */ _(
+          "div",
+          {
+            className: V.triggerContainer,
+            "data-disabled": i.isDisabled || void 0,
+            children: [
+              /* @__PURE__ */ u(Dl, { size: o }),
+              /* @__PURE__ */ u(
+                nl,
+                {
+                  className: V.selectValue,
+                  "data-disabled": i.isDisabled || void 0,
+                  children: (c) => c.isPlaceholder || i.selectionMode !== "multiple" ? /* @__PURE__ */ u("div", { className: N(V.placeholder), children: /* @__PURE__ */ u("span", { className: N(V.truncate), children: c.defaultChildren }) }) : /* @__PURE__ */ u(
+                    Sl,
+                    {
+                      ...i,
+                      ...c
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        t === "bottom" && /* @__PURE__ */ u(X, { children: r }),
+        /* @__PURE__ */ _(
+          Ge,
+          {
+            className: V.popover,
+            offset: 0,
+            hideArrow: !0,
+            children: [
+              i.isSelectableAll && /* @__PURE__ */ u(Pl, {}),
+              /* @__PURE__ */ u(
+                ze,
+                {
+                  escapeKeyBehavior: "none",
+                  items: a,
+                  children: e
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ u(Vl, { ...i })
+      ]
+    }
+  ) });
+}
+export {
+  ut as S
+};