@pantograph/vue 0.26.0 → 0.27.1

package/dist/Select.vue_vue_type_script_setup_true_lang-B8L_locv.js

@@ -0,0 +1,787 @@
+import { defineComponent as te, createElementBlock as ze, openBlock as Be, normalizeClass as ke, unref as le, renderSlot as _e, computed as y, h as a, ref as ve, watch as we, useSlots as De, useAttrs as Fe, createBlock as Ae, normalizeProps as Ce, guardReactiveProps as ye, withCtx as Se, createVNode as We, createSlots as $e, renderList as Ee } from "vue";
+import { createContext as Pe, SelectItem as Ge, SelectItemIndicator as Ne, SelectTrigger as Re, Primitive as je, injectSelectRootContext as Ke, SelectPortal as Me, SelectContent as qe, useEmitAsProps as Ue, SelectRoot as He } from "reka-ui";
+import { isString as ee, cloneDeep as he, omit as be, isFunction as Ve, omitBy as Je, pick as Oe, isUndefined as Qe } from "es-toolkit";
+import { a as Te, g as ge } from "./options-J8HfRMSU.js";
+import { y as Q, g as p, e as ce, v as Z, j as Xe, k as Ye, h as Ze, m as Le, w as et, u as tt } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
+import "@vueuse/core";
+import "@tanstack/vue-virtual";
+import { getBemBlock as ot, getBemElement as S, generateVariantClassList as N, normCls as B } from "@pantograph/utils";
+import { cva as de } from "class-variance-authority";
+import { _ as nt } from "./Empty.vue_vue_type_script_setup_true_lang-CnJOScIi.js";
+import { _ as rt } from "./Skeleton.vue_vue_type_script_setup_true_lang-BPGtJ7m9.js";
+import { _ as xe } from "./Divider.vue_vue_type_script_setup_true_lang-BHkXVZCN.js";
+import "@pantograph/tokens";
+import { i as U } from "./isEmpty-CgVXdsCr.js";
+import { u as it } from "./useInputDataStates-DCxDvkM-.js";
+import { u as at } from "./useLazyLoading-Zo-PEp2E.js";
+import { g as lt, b as pt } from "./Popover.vue_vue_type_script_setup_true_lang-D-Jebwr9.js";
+import { u as st } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-DiuPi_DT.js";
+import { _ as ut } from "./ScrollContainer.vue_vue_type_script_setup_true_lang-BU7qU1LR.js";
+import { b as ct, _ as gt } from "./Chip.vue_vue_type_script_setup_true_lang-DOIPsHk_.js";
+import dt from "@pantograph/style/select.css?raw";
+const me = ["sm", "md", "lg"], mt = ["error", "warning", "success"], [Ie, ft] = Pe("Select"), [vt, Ct] = Pe("_Select"), F = ot("select"), yt = /* @__PURE__ */ te({
+  ...Te("SelectLabel"),
+  __name: "SelectLabel",
+  setup(m) {
+    return (t, o) => (Be(), ze("div", {
+      class: ke(le(S)(le(F), "label"))
+    }, [
+      _e(t.$slots, "default")
+    ], 2));
+  }
+}), ue = te({
+  name: ge("SelectOption"),
+  props: {
+    option: {
+      type: [Object, String],
+      required: !0
+    }
+  },
+  slots: Object,
+  setup(m, { slots: t }) {
+    const o = Ie(), e = y(() => {
+      switch (o.getSize.value) {
+        case "sm":
+          return "2xsm";
+        case "lg":
+          return "sm";
+        case "md":
+        default:
+          return "xsm";
+      }
+    }), A = y(() => o.getOptionValue(m.option)), u = y(() => o.getOptionLabel(m.option)), R = y(() => o.getOptionIcon(m.option)), q = y(() => o.getOptionDisabled(m.option)), I = S(F, "option"), H = de(I, {
+      variants: {
+        size: N(me, I)
+      }
+    }), W = (b) => {
+      var L, w;
+      const f = b.detail.value;
+      o.emit(
+        "select",
+        f,
+        Q(o.modelValue.value) ? !((w = (L = o.modelValue.value) == null ? void 0 : L.includes) != null && w.call(L, f)) : !0
+      );
+    };
+    if (!m.option) throw new Error("option is required");
+    const $ = () => {
+      var f;
+      const b = (f = t.indicator) == null ? void 0 : f.call(t, { option: m.option });
+      return p(b) ? a(
+        Ne,
+        { asChild: !0 },
+        () => a(ce, { icon: o.props.indicatorIcon, size: e.value })
+      ) : b;
+    }, z = () => {
+      var L, w, E;
+      const b = (L = t.default) == null ? void 0 : L.call(t, { option: m.option }), f = [];
+      if (!p(b)) f.push(b);
+      else {
+        const J = (w = t.leading) == null ? void 0 : w.call(t, { option: m.option }), l = !p(J);
+        if (R.value || l) {
+          let D;
+          l ? D = J : D = a(ce, { icon: R.value, size: e.value }), f.push(
+            a(
+              "div",
+              { class: B(S(I, "leading"), o.props.itemLeadingCls) },
+              D
+            )
+          );
+        }
+        let O;
+        const _ = (E = t.text) == null ? void 0 : E.call(t, { option: m.option });
+        p(_) ? O = u.value : O = _, f.push(
+          a(
+            "div",
+            {
+              class: B(S(I, "text"), o.props.optionTextCls)
+            },
+            O
+          )
+        );
+      }
+      return a(
+        "div",
+        { class: B(S(I, "content"), o.props.optionContentCls) },
+        f
+      );
+    };
+    return () => a(
+      Ge,
+      {
+        value: A.value,
+        textValue: u.value,
+        disabled: q.value,
+        class: B(
+          H({
+            size: o.getSize.value
+          }),
+          o.props.optionCls
+        ),
+        onSelect: W
+      },
+      () => [z(), $()]
+    );
+  }
+}), St = te({
+  name: ge("SelectTrigger"),
+  props: {
+    getOptionSlot: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(m, { slots: t, attrs: o }) {
+    const e = Ie(), A = ({ value: l }, O) => {
+      if (O.stopPropagation(), l && Q(e.modelValue.value) && !e.getDisabled.value) {
+        const _ = e.modelValue.value.filter((D) => D !== l);
+        e.modelValue.value = _, e.emit("update:modelValue", _), e.emit("select", l, !1);
+      }
+    }, u = S(F, "trigger"), R = de(u, {
+      variants: {
+        size: N(me, u),
+        status: N(mt, u),
+        bordered: N("bordered", u),
+        multiple: N("multiple", u),
+        contentFit: N("content-fit", u),
+        wrapped: N("wrapped", u),
+        filled: N("filled", u)
+      }
+    }), q = y(() => {
+      switch (e.getSize.value) {
+        case "sm":
+          return "xsm";
+        case "lg":
+          return "md";
+        case "md":
+        default:
+          return "sm";
+      }
+    }), I = y(() => {
+      switch (e.getSize.value) {
+        case "sm":
+          return "2xsm";
+        case "md":
+        default:
+          return "xsm";
+      }
+    }), H = y(() => {
+      if (!e.props.multiple && ee(e.modelValue.value) && !U(e.modelValue.value))
+        return e.getOptionByValue(e.modelValue.value);
+    }), W = (l = H.value) => {
+      if (e.props.selectedItemIconAsTrailingIcon && Z(l) && "icon" in l)
+        return l.icon;
+    }, $ = y(() => W()), z = y(() => {
+      if (!e.props.noTrailing)
+        return e.props.trailingIcon;
+    }), b = y(
+      () => !U(e.modelValue.value) && e.props.multiple && Q(e.modelValue.value)
+    ), f = y(() => ({
+      modelValue: he(e.modelValue.value),
+      open: he(e.open.value)
+    })), L = (l) => ({
+      ...f.value,
+      option: e.getOptionByValue(l)
+    }), w = y(() => ({
+      disabled: e.getDisabled.value,
+      reference: e.props.reference,
+      tabindex: e.getDisabled.value ? void 0 : 0,
+      as: "div",
+      class: B(
+        R({
+          size: e.getSize.value,
+          status: e.getStatus.value === "success" && U(e.modelValue.value) ? void 0 : e.getStatus.value,
+          bordered: e.props.bordered,
+          multiple: e.props.multiple,
+          contentFit: e.props.contentFit,
+          wrapped: e.props.wrapped,
+          filled: !U(e.modelValue.value)
+        }),
+        e.props.triggerCls
+      ),
+      ...o
+    })), E = (l, O = I.value) => a(ce, { icon: l, size: O }), J = () => {
+      var _;
+      let l;
+      const O = (_ = t.triggerTrailing) == null ? void 0 : _.call(t, f.value);
+      if (p(O) ? z.value && (l = E(z.value)) : l = O, l)
+        return a(
+          "div",
+          { class: B(S(u, "trailing"), e.props.triggerTrailingCls) },
+          l
+        );
+    };
+    return () => {
+      var D;
+      const l = (D = t.trigger) == null ? void 0 : D.call(t, f.value), _ = (() => {
+        if (p(l)) return !1;
+        const T = Xe(l) ?? null, j = T.length === 1 ? T[0] : T;
+        return j ? Ye(j) && !Ze(j) : !0;
+      })();
+      return a(
+        Re,
+        { ...w.value, asChild: _, key: String(_) },
+        {
+          default: () => {
+            var X;
+            if (!p(l))
+              return l;
+            const T = (X = t.triggerLeading) == null ? void 0 : X.call(t, f.value), j = !p(T), oe = () => {
+              var G;
+              if (!e.props.multiple && !Q(e.modelValue.value)) {
+                const M = (G = m.getOptionSlot(
+                  "leading",
+                  e.modelValue.value
+                )) == null ? void 0 : G();
+                if (j || M || $.value || e.props.leadingIcon) {
+                  let r;
+                  return p(M) ? $.value ? r = E($.value) : j ? r = T : e.props.leadingIcon && (r = E(e.props.leadingIcon)) : r = M, a(
+                    "div",
+                    {
+                      class: B(
+                        S(u, "leading"),
+                        e.props.triggerLeadingCls
+                      )
+                    },
+                    r
+                  );
+                }
+              }
+            }, pe = () => {
+              const G = [];
+              if (U(e.modelValue.value)) {
+                if (e.props.placeholder && !e.props.multiple) {
+                  const M = () => {
+                    var V;
+                    const r = (V = t.placeholder) == null ? void 0 : V.call(t, f.value);
+                    return p(r) ? e.props.placeholder : r;
+                  };
+                  G.push(M());
+                }
+              } else {
+                const r = (() => {
+                  var P, v, g;
+                  const V = (P = t.triggerValue) == null ? void 0 : P.call(t, f.value);
+                  if (!p(V)) return V;
+                  if (e.props.multiple && Q(e.modelValue.value))
+                    return a(
+                      ct,
+                      {
+                        maxCount: e.props.maxCount,
+                        size: q.value,
+                        color: "primary",
+                        closeable: !e.getDisabled.value,
+                        noPopover: !0,
+                        noWrap: !e.props.wrapped,
+                        class: B(S(u, "tag_list"), e.props.tagListCls),
+                        onClose: A
+                      },
+                      () => e.modelValue.value.map((c) => {
+                        var Y;
+                        const x = (n) => {
+                          var C;
+                          const i = (C = t.tagClose) == null ? void 0 : C.call(t, {
+                            ...L(c),
+                            onClose: n
+                          });
+                          return p(i) ? null : i;
+                        }, k = (Y = m.getOptionSlot("default", c)) == null ? void 0 : Y(), se = () => {
+                          var C, s;
+                          const n = (C = m.getOptionSlot("text", c)) == null ? void 0 : C(), i = (s = t.tagText) == null ? void 0 : s.call(t, L(c));
+                          return p(i) ? p(k) ? p(n) ? e.getLabelByValue(c) : n : k : i;
+                        }, ie = ({ size: n }) => {
+                          var h, d;
+                          if (!p(k)) return null;
+                          const i = (h = m.getOptionSlot("leading", c)) == null ? void 0 : h(), C = (d = t.tagLeading) == null ? void 0 : d.call(t, L(c)), s = W(e.getOptionByValue(c)) ?? e.props.leadingIcon;
+                          return p(C) ? p(i) ? s ? E(s, n) : p(T) ? null : T : i : C;
+                        }, ae = () => {
+                          var i;
+                          const n = (i = t.tagTrailing) == null ? void 0 : i.call(t, L(c));
+                          return p(n) ? null : n;
+                        };
+                        return a(
+                          gt,
+                          {
+                            value: c,
+                            class: B(S(u, "tag"), e.props.tagCls),
+                            closeIconCls: S(u, "tag__close"),
+                            closeTrigger: "pointer"
+                          },
+                          {
+                            text: se,
+                            leading: ie,
+                            trailing: ae,
+                            close: x
+                          }
+                        );
+                      })
+                    );
+                  if (!Q(e.modelValue.value)) {
+                    const c = (v = m.getOptionSlot("default", e.modelValue.value)) == null ? void 0 : v(), x = (g = m.getOptionSlot("text", e.modelValue.value)) == null ? void 0 : g();
+                    return p(c) ? p(x) ? ee(e.modelValue.value) ? e.getLabelByValue(e.modelValue.value) : e.modelValue.value : x : c;
+                  }
+                })();
+                r && G.push(r);
+              }
+              return G;
+            }, K = [], ne = oe();
+            p(ne) || K.push(ne), K.push(
+              a(
+                je,
+                {
+                  class: B(
+                    S(u, "content"),
+                    e.props.triggerContentCls,
+                    U(e.modelValue.value) ? e.props.triggerContentPlaceholderCls : e.props.triggerContentValueCls
+                  ),
+                  as: "div",
+                  key: String(b.value),
+                  asChild: b.value
+                },
+                { default: pe }
+              )
+            );
+            const re = J();
+            return p(re) || K.push(re), K;
+          }
+        }
+      );
+    };
+  }
+}), ht = te({
+  name: ge("SelectWrapper"),
+  setup(m, { slots: t }) {
+    const o = vt(), e = Ke(), A = ve();
+    at({ target: A });
+    const u = ve(), R = lt({ triggerRef: u, props: o.props }), { getFlipOnDir: q, getDir: I } = st(), H = q("reversePlacementOnDir"), W = I(), $ = pt({
+      props: o.props,
+      flip: H,
+      emitsAsProps: o.emitsAsProps,
+      _dir: W,
+      controlAutoFocus: !1,
+      extraPropNames: ["bodyLock", "position"]
+    }), z = ({
+      key: r,
+      getterKey: V,
+      defaultValue: P,
+      noReturnOption: v
+    }) => (g) => {
+      const c = Ve(P) ? P(g) : P;
+      if (Z(g)) {
+        const x = g[r] ?? c, k = V && o.props[V];
+        if (k) {
+          if (ee(k))
+            return g[k] ?? x;
+          if (Ve(k)) return k(g) ?? x;
+        }
+        return x;
+      }
+      return ee(g) && !v ? g ?? c : c;
+    }, b = z({
+      getterKey: "getValue",
+      key: "value"
+    }), f = z({
+      getterKey: "getLabel",
+      key: "label",
+      defaultValue: b
+    }), L = z({
+      getterKey: "getIcon",
+      key: "icon",
+      noReturnOption: !0
+    }), w = (r) => {
+      var V;
+      if ((V = o.props.options) != null && V.length)
+        for (const P of o.props.options) {
+          if (b(P) === r) return P;
+          const v = O(P);
+          if (v != null && v.length) {
+            for (const g of v)
+              if (b(g) === r) return g;
+          }
+        }
+      return r;
+    }, E = (r) => {
+      const V = w(r);
+      return V ? f(V) ?? r : r;
+    }, J = z({
+      getterKey: "getDisabled",
+      key: "disabled",
+      defaultValue: !1,
+      noReturnOption: !0
+    }), l = z({
+      getterKey: "getGroupLabel",
+      key: "label",
+      noReturnOption: !0
+    }), O = z({
+      getterKey: "getGroupOptions",
+      key: "options",
+      noReturnOption: !0
+    }), { getDisabled: _, getStatus: D, getSize: T } = it({
+      getDisabled: () => o.props.disabled,
+      getSize: () => o.props.size,
+      getStatus: () => o.props.status
+    });
+    ft({
+      props: o.props,
+      attrs: o.attrs,
+      emit: o.emit,
+      getOptionValue: b,
+      getOptionLabel: f,
+      getOptionDisabled: J,
+      getOptionIcon: L,
+      getOptionByValue: w,
+      getLabelByValue: E,
+      getDisabled: _,
+      getStatus: D,
+      getSize: T,
+      ...e,
+      modelValue: e.modelValue
+    }), we(
+      () => [o.props.clearOnChangeMultiple, o.props.multiple],
+      () => {
+        o.props.clearOnChangeMultiple && (e.modelValue.value = void 0, o.emit("update:modelValue", void 0));
+      }
+    );
+    const j = y(() => {
+      const r = o.props.scrollContainerProps ?? {};
+      return {
+        ...r,
+        areaCls: [
+          S(F, "scroll_area"),
+          r == null ? void 0 : r.class,
+          r == null ? void 0 : r.areaCls
+        ]
+      };
+    }), oe = S(F, "popup"), pe = de(oe, {
+      variants: {
+        size: N(me, oe)
+      }
+    }), K = (r) => {
+      if (et(r))
+        return `${r}px`;
+      if (typeof r == "string")
+        return r;
+    }, ne = y(() => K(o.props.popupWidth)), re = y(() => K(o.props.popupHeight)), X = y(() => K(o.props.minWidth)), G = y(() => ({
+      type: T.value === "sm" ? "simple" : "advance",
+      ...be(o.props.emptyProps ?? {}, ["class"])
+    })), M = y(() => be(o.props.skeletonProps ?? {}, ["class"]));
+    return () => {
+      var ie, ae, Y;
+      const r = (n) => {
+        var i;
+        if ((i = o.props.options) != null && i.length && n > 0)
+          return !!o.props.options[n - 1];
+      }, V = (n) => {
+        var i, C;
+        if ((i = o.props.options) != null && i.length && n > 0) {
+          const s = o.props.options[n - 1];
+          return !!(s && ((C = O(s)) != null && C.length));
+        }
+      }, P = (ie = t.default) == null ? void 0 : ie.call(t, {}), v = (ae = Le(P, ue)) == null ? void 0 : ae.filter(
+        (n) => {
+          var i;
+          return Z(n == null ? void 0 : n.props) && ((i = n == null ? void 0 : n.props) == null ? void 0 : i.option);
+        }
+      ), g = [];
+      (o.props.options ?? []).forEach((n, i) => {
+        const C = (h) => a(
+          ue,
+          {
+            option: h
+          },
+          {
+            default: () => {
+              var d;
+              return (d = t.option) == null ? void 0 : d.call(t, { option: h });
+            },
+            leading: () => {
+              var d;
+              return (d = t.optionLeading) == null ? void 0 : d.call(t, { option: h });
+            },
+            indicator: () => {
+              var d;
+              return (d = t.optionIndicator) == null ? void 0 : d.call(t, { option: h });
+            },
+            text: () => {
+              var d;
+              return (d = t.optionText) == null ? void 0 : d.call(t, { option: h });
+            }
+          }
+        ), s = O(n);
+        if (s != null && s.length) {
+          r(i) && g.push(a(xe));
+          const h = l(n);
+          h && g.push(
+            a(yt, { class: o.props.labelCls }, () => h)
+          ), s.forEach((d) => {
+            g.push(C(d));
+          });
+        } else V(i) ? g.push(a(xe)) : g.push(C(n));
+      });
+      const c = Le(g, ue).filter(
+        (n) => {
+          var i;
+          return Z(n == null ? void 0 : n.props) && ((i = n == null ? void 0 : n.props) == null ? void 0 : i.option);
+        }
+      ), x = !!(c != null && c.length || v != null && v.length), k = (n, i) => {
+        var C;
+        if (x && !U(i) && ee(i)) {
+          const s = v != null && v.length ? v : c;
+          if (s.length) {
+            const h = s.find(
+              (d) => {
+                var fe;
+                return Z(d.props) && b((fe = d.props) == null ? void 0 : fe.option) === i;
+              }
+            );
+            return (C = h == null ? void 0 : h.children) == null ? void 0 : C[n];
+          }
+        }
+      }, se = () => {
+        var i, C;
+        const n = [];
+        if (x || o.props.loading) {
+          const s = [];
+          if (x && (v != null && v.length ? s.push(P) : s.push(...g)), o.props.loading) {
+            const h = (i = t.loading) == null ? void 0 : i.call(t, {});
+            if (!p(h)) s.push(h);
+            else {
+              const d = new Array(x ? 2 : o.props.loadingRowCount).fill(1);
+              s.push(
+                ...d.map(
+                  () => a(rt, {
+                    size: T.value,
+                    class: B(
+                      S(F, "skeleton"),
+                      o.props.skeletonCls
+                    ),
+                    ...M.value
+                  })
+                )
+              );
+            }
+          }
+          n.push(
+            a(
+              "div",
+              {
+                class: B(S(F, "options"), o.props.optionsCls)
+              },
+              s
+            )
+          );
+        } else if (!x) {
+          const s = (C = t.empty) == null ? void 0 : C.call(t, G.value);
+          p(s) ? n.push(
+            a(
+              nt,
+              {
+                class: B(S(F, "empty"), o.props.emptyCls),
+                ...G.value
+              },
+              {
+                title: t.emptyTitle,
+                description: t.emptyDescription,
+                actions: t.emptyActions,
+                image: t.emptyImage
+              }
+            )
+          ) : n.push(s);
+        }
+        return o.props.lazyLoading && n.push(
+          a(
+            "div",
+            { class: S(F, "lazy_loading") },
+            a("div", { class: S(F, "lazy_loading_trigger"), ref: A })
+          )
+        ), n;
+      };
+      return [
+        a(
+          St,
+          {
+            getOptionSlot: k,
+            ref: u,
+            ...o.attrs,
+            style: {
+              ...((Y = o.attrs) == null ? void 0 : Y.style) ?? {},
+              "--ptc-select-trigger-min-w": X.value
+            }
+          },
+          {
+            trigger: t.trigger,
+            triggerLeading: t.triggerLeading,
+            placeholder: t.placeholder,
+            triggerValue: t.triggerValue,
+            triggerTrailing: t.triggerTrailing,
+            tagClose: t.tagClose,
+            tagTrailing: t.tagTrailing,
+            tagLeading: t.tagLeading,
+            tagText: t.tagText
+          }
+        ),
+        a(
+          Me,
+          R.value,
+          () => a(
+            qe,
+            {
+              ...$.value,
+              class: B(pe(o.props), o.props.popupCls),
+              style: {
+                display: e.open.value ? void 0 : "none",
+                zIndex: o.props.zIndex,
+                "--ptc-select-popup-width": o.props.samePopupWidth ? void 0 : ne.value,
+                "--ptc-select-popup-height": re.value,
+                "--ptc-select-trigger-min-w": X.value
+              }
+            },
+            () => a(ut, j.value, se)
+          )
+        )
+      ];
+    };
+  }
+}), Rt = /* @__PURE__ */ te({
+  ...Te("Select"),
+  __name: "Select",
+  props: {
+    status: {},
+    size: { default: "md" },
+    multiple: { type: Boolean, default: void 0 },
+    contentFit: { type: Boolean },
+    wrapped: { type: Boolean },
+    noTrailing: { type: Boolean },
+    leadingIcon: {},
+    zIndex: {},
+    trailingIcon: { default: "tabler:chevron-down" },
+    selectedItemIconAsTrailingIcon: { type: Boolean, default: !0 },
+    maxCount: {},
+    to: {},
+    placeholder: {},
+    indicatorIcon: { default: "tabler:check" },
+    options: {},
+    getDisabled: {},
+    getLabel: {},
+    getValue: {},
+    getGroupOptions: {},
+    getGroupLabel: {},
+    getIcon: {},
+    placement: { default: "bottom" },
+    reversePlacementOnDir: {},
+    loading: { type: Boolean },
+    skeletonProps: {},
+    loadingRowCount: { default: 10 },
+    lazyLoading: { type: Boolean },
+    bordered: { type: Boolean, default: !0 },
+    clearOnChangeMultiple: { type: Boolean, default: !0 },
+    triggerCls: {},
+    triggerLeadingCls: {},
+    triggerContentCls: {},
+    triggerContentPlaceholderCls: {},
+    triggerContentValueCls: {},
+    triggerTrailingCls: {},
+    itemLeadingCls: {},
+    optionCls: {},
+    tagListCls: {},
+    tagCls: {},
+    popupCls: {},
+    labelCls: {},
+    optionsCls: {},
+    optionTextCls: {},
+    optionContentCls: {},
+    emptyCls: {},
+    skeletonCls: {},
+    scrollContainerProps: {},
+    emptyProps: {},
+    samePopupWidth: { type: Boolean, default: !0 },
+    popupHeight: { default: 384 },
+    popupWidth: {},
+    minWidth: {},
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: void 0 },
+    defaultValue: {},
+    modelValue: {},
+    by: {},
+    dir: {},
+    autocomplete: {},
+    disabled: { type: Boolean, default: void 0 },
+    name: {},
+    required: { type: Boolean },
+    reference: {},
+    forceMount: { type: Boolean, default: void 0 },
+    position: { default: "popper" },
+    bodyLock: { type: Boolean },
+    side: {},
+    sideOffset: { default: 4 },
+    sideFlip: { type: Boolean },
+    align: {},
+    alignOffset: {},
+    alignFlip: { type: Boolean },
+    avoidCollisions: { type: Boolean, default: void 0 },
+    collisionBoundary: {},
+    collisionPadding: { default: 4 },
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean, default: void 0 },
+    positionStrategy: { default: "fixed" },
+    updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean, default: void 0 },
+    prioritizePosition: { type: Boolean, default: void 0 },
+    asChild: { type: Boolean },
+    as: {},
+    defer: { type: Boolean }
+  },
+  emits: ["change", "select", "update:modelValue", "update:open", "closeAutoFocus", "escapeKeyDown", "pointerDownOutside"],
+  setup(m, { emit: t }) {
+    tt("select", dt);
+    const o = m, e = t, A = Ue(e), u = y(
+      () => Je(
+        {
+          ...Oe(o, [
+            "open",
+            "defaultOpen",
+            "defaultValue",
+            "modelValue",
+            "by",
+            "dir",
+            "multiple",
+            "autocomplete",
+            "disabled"
+          ]),
+          ...Oe(A, [
+            "onUpdate:modelValue",
+            "onUpdate:open"
+          ])
+        },
+        Qe
+      )
+    ), R = De(), q = Fe();
+    return Ct({
+      attrs: q,
+      props: o,
+      emit: e,
+      emitsAsProps: A
+    }), (I, H) => (Be(), Ae(le(He), Ce(ye(u.value)), {
+      default: Se(() => [
+        We(le(ht), null, $e({ _: 2 }, [
+          Ee(Object.keys(R), (W) => ({
+            name: W,
+            fn: Se(($) => [
+              _e(I.$slots, W, Ce(ye($)))
+            ])
+          }))
+        ]), 1024)
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  ue as S,
+  Rt as _,
+  yt as a,
+  me as b,
+  mt as c,
+  Ie as i,
+  ft as p
+};