@pantograph/vue 0.27.10 → 0.28.0

package/dist/Select.vue_vue_type_style_index_0_lang-FNin5p3N.js

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