@synopackageland/ui 0.25.21 → 0.25.22

package/dist/modules/components/primitives/layout/breakpoints.js

@@ -0,0 +1,58 @@
+import { inject as u, ref as x, onMounted as a, onBeforeUnmount as w } from "vue";
+const s = ["xxs", "xs", "sm", "md", "lg", "xl"], c = { xxs: 0, xs: 480, sm: 768, md: 1024, lg: 1280, xl: 1600 }, m = /* @__PURE__ */ Symbol("syno-grid-breakpoints");
+function y(n) {
+  return typeof n == "object" && n !== null && !Array.isArray(n) && s.some((t) => t in n);
+}
+function p(n, t = c) {
+  return s.reduce(
+    (i, o) => n >= (t[o] ?? c[o]) ? o : i,
+    "xxs"
+  );
+}
+function v(n, t) {
+  if (n === void 0) return;
+  if (!y(n))
+    return typeof n == "object" && n !== null && !Array.isArray(n) && !Object.keys(n).length ? void 0 : n;
+  const i = s.indexOf(t);
+  let o;
+  for (const r of s.slice(0, i + 1)) {
+    const e = n[r];
+    e !== void 0 && (o = e);
+  }
+  if (o !== void 0) return o;
+  for (const r of s) {
+    const e = n[r];
+    if (e !== void 0) return e;
+  }
+}
+function A(n) {
+  const t = u(m, c), i = typeof window < "u", o = x(i ? p(window.innerWidth, t) : "xxs"), r = [], e = () => {
+    i && (o.value = p(window.innerWidth, t));
+  };
+  return a(() => {
+    if (i) {
+      if (typeof window.matchMedia == "function")
+        for (const d of s) {
+          if (t[d] <= 0) continue;
+          const f = window.matchMedia(`(min-width: ${t[d]}px)`);
+          f.addEventListener("change", e), r.push(f);
+        }
+      window.addEventListener("resize", e), e();
+    }
+  }), w(() => {
+    if (i) {
+      window.removeEventListener("resize", e);
+      for (const d of r) d.removeEventListener("change", e);
+      r.length = 0;
+    }
+  }), o;
+}
+export {
+  s as BREAKPOINT_KEYS,
+  c as DEFAULT_BREAKPOINTS,
+  m as GRID_BREAKPOINTS,
+  p as breakpointForWidth,
+  y as isResponsive,
+  v as resolveResponsive,
+  A as useActiveBreakpoint
+};

package/dist/modules/components/primitives/layout/context.js

@@ -0,0 +1,12 @@
+const e = /* @__PURE__ */ Symbol("syno-grid-layout");
+function r(t) {
+  return t === "start" ? "flex-start" : t === "end" ? "flex-end" : t;
+}
+function n(t) {
+  return t === "start" ? "flex-start" : t === "end" ? "flex-end" : t;
+}
+export {
+  e as GRID_LAYOUT,
+  r as alignItemsValue,
+  n as justifyContentValue
+};

package/dist/modules/components/primitives/layout/gap.js

@@ -0,0 +1,20 @@
+function o(r) {
+  return typeof r == "number" ? `${r}px` : r;
+}
+function i(r) {
+  if (r === void 0) return;
+  const [t, n] = Array.isArray(r) ? r : [r, r];
+  return { columnGap: o(t), rowGap: o(n) };
+}
+function f(r, t) {
+  return Array.isArray(r) ? r.join(" ") : typeof r == "string" && r.trim() !== "" && !/^\d+$/.test(r.trim()) ? r : `repeat(${r === void 0 ? t : Math.max(1, Math.floor(Number(r)) || t)}, minmax(0, 1fr))`;
+}
+function m(r, t) {
+  return typeof r == "number" && Number.isFinite(r) && r > 0 ? Math.floor(r) : typeof r == "string" && /^\d+$/.test(r.trim()) && Number(r) > 0 ? Math.floor(Number(r)) : t;
+}
+export {
+  o as cssSize,
+  i as gapStyle,
+  m as trackCount,
+  f as trackTemplate
+};

package/dist/modules/components/primitives/link/Link.vue.js

@@ -0,0 +1,62 @@
+import { defineComponent as v, computed as d, openBlock as l, createElementBlock as r, normalizeClass as h, createElementVNode as k, renderSlot as x, createBlock as i, unref as t, createCommentVNode as s, toDisplayString as c } from "vue";
+import { useLocalizedDefaults as y } from "../../../i18n/text.js";
+import { Download as p, ArrowUpRight as g } from "@lucide/vue";
+const L = ["href", "download", "target", "rel", "aria-disabled", "tabindex"], B = { class: "min-w-0 break-words" }, D = {
+  key: 2,
+  class: "sr-only"
+}, z = {
+  key: 3,
+  class: "sr-only"
+}, E = /* @__PURE__ */ v({
+  __name: "Link",
+  props: {
+    href: {},
+    download: { type: [String, Boolean] },
+    external: { type: Boolean, default: !1 },
+    target: {},
+    rel: {},
+    disabled: { type: Boolean, default: !1 },
+    externalLabel: {},
+    downloadLabel: {}
+  },
+  emits: ["click"],
+  setup(e, { emit: u }) {
+    const a = y(e, { externalLabel: "Opens in a new tab", downloadLabel: "Download" }), f = u, n = d(() => a.target ?? (a.external ? "_blank" : void 0)), w = d(() => a.disabled || a.download === !1 ? void 0 : a.download === !0 ? "" : a.download), m = d(() => [...new Set(`${a.rel ?? ""} ${n.value === "_blank" ? "noopener noreferrer" : ""}`.split(/\s+/).filter(Boolean))].join(" ") || void 0);
+    function b(o) {
+      if (a.disabled) {
+        o.preventDefault(), o.stopImmediatePropagation();
+        return;
+      }
+      f("click", o);
+    }
+    return (o, S) => (l(), r("a", {
+      href: e.disabled ? void 0 : e.href,
+      download: w.value,
+      target: n.value,
+      rel: m.value,
+      "aria-disabled": e.disabled || void 0,
+      tabindex: e.disabled ? -1 : void 0,
+      class: h(["inline-flex max-w-full items-center gap-1 rounded-[var(--ui-radius-inner)] text-[var(--ui-primary)] underline underline-offset-2 px-0.5 outline-none hover:text-[var(--ui-primary-hover)] focus-visible:shadow-[var(--ui-shadow-focus)]", e.disabled ? "cursor-default opacity-50" : "cursor-pointer"]),
+      "data-ui-hit": "",
+      "data-syno-pkg-land-ui": "",
+      onClick: b
+    }, [
+      k("span", B, [
+        x(o.$slots, "default")
+      ]),
+      e.download !== void 0 && e.download !== !1 ? (l(), i(t(p), {
+        key: 0,
+        class: "size-3.5 shrink-0",
+        "aria-hidden": "true"
+      })) : e.external ? (l(), i(t(g), {
+        key: 1,
+        class: "size-3.5 shrink-0",
+        "aria-hidden": "true"
+      })) : s("", !0),
+      e.external && n.value === "_blank" ? (l(), r("span", D, " (" + c(t(a).externalLabel) + ")", 1)) : e.download !== void 0 && e.download !== !1 ? (l(), r("span", z, " (" + c(t(a).downloadLabel) + ")", 1)) : s("", !0)
+    ], 10, L));
+  }
+});
+export {
+  E as default
+};

package/dist/modules/components/primitives/link/Link2.vue.js

@@ -0,0 +1,4 @@
+import f from "./Link.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/primitives/loading/LoadingArea.vue.js

@@ -0,0 +1,19 @@
+import { defineComponent as t, openBlock as n, createElementBlock as o, createVNode as a } from "vue";
+import r from "./LoadingIndicator.vue.js";
+const c = {
+  class: "flex h-full min-h-12 w-full items-center justify-center",
+  "data-syno-pkg-land-ui": ""
+}, m = /* @__PURE__ */ t({
+  __name: "LoadingArea",
+  props: {
+    text: { default: "" }
+  },
+  setup(e) {
+    return (l, s) => (n(), o("div", c, [
+      a(r, { text: e.text }, null, 8, ["text"])
+    ]));
+  }
+});
+export {
+  m as default
+};

package/dist/modules/components/primitives/loading/LoadingArea2.vue.js

@@ -0,0 +1,4 @@
+import f from "./LoadingArea.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/primitives/loading/LoadingIndicator.vue.js

@@ -0,0 +1,28 @@
+import { defineComponent as n, openBlock as a, createElementBlock as r, unref as o, createVNode as l, toDisplayString as i, createCommentVNode as s } from "vue";
+import { useLocalizedDefaults as d } from "../../../i18n/text.js";
+import c from "../spinner/Spinner.vue.js";
+const u = ["aria-label"], m = { key: 0 }, v = /* @__PURE__ */ n({
+  __name: "LoadingIndicator",
+  props: {
+    text: { default: "" },
+    label: {}
+  },
+  setup(e) {
+    const t = d(e, { label: "Loading" });
+    return (b, p) => (a(), r("div", {
+      class: "inline-flex min-h-8 items-center gap-2 rounded-[var(--ui-radius-inner)] border border-[var(--ui-border)] bg-[var(--ui-surface)] py-1 pr-4 pl-2 text-[length:var(--ui-font-size)] leading-5 text-[var(--ui-text)] shadow-[var(--ui-shadow-card)]",
+      role: "status",
+      "aria-label": e.text || o(t).label,
+      "data-syno-pkg-land-ui": ""
+    }, [
+      l(c, {
+        label: e.text || o(t).label,
+        size: 24
+      }, null, 8, ["label"]),
+      e.text ? (a(), r("span", m, i(e.text), 1)) : s("", !0)
+    ], 8, u));
+  }
+});
+export {
+  v as default
+};

package/dist/modules/components/primitives/loading/LoadingIndicator2.vue.js

@@ -0,0 +1,4 @@
+import f from "./LoadingIndicator.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/primitives/loading/LoadingMask.vue.js

@@ -0,0 +1,47 @@
+import { defineComponent as u, ref as d, watch as c, onBeforeUnmount as f, openBlock as l, createElementBlock as r, renderSlot as m, createVNode as s, Transition as v, withCtx as p, createCommentVNode as y } from "vue";
+import _ from "./LoadingIndicator.vue.js";
+const x = ["aria-busy"], g = {
+  key: 0,
+  class: "absolute inset-0 z-20 flex items-center justify-center bg-[color-mix(in_srgb,var(--ui-surface)_60%,transparent)]",
+  "data-loading-overlay": ""
+}, w = /* @__PURE__ */ u({
+  __name: "LoadingMask",
+  props: {
+    loading: { type: Boolean, default: !1 },
+    text: { default: "" },
+    delay: { default: 0 }
+  },
+  setup(o) {
+    const n = o, t = d(!1);
+    let e;
+    function i() {
+      e !== void 0 && clearTimeout(e), e = void 0;
+    }
+    return c(() => n.loading, (a) => {
+      if (i(), !a || n.delay <= 0) {
+        t.value = a;
+        return;
+      }
+      t.value = !1, e = setTimeout(() => {
+        e = void 0, t.value = !0;
+      }, n.delay);
+    }, { immediate: !0 }), f(i), (a, h) => (l(), r("div", {
+      class: "relative min-w-0",
+      "aria-busy": o.loading ? "true" : void 0,
+      "data-syno-pkg-land-ui": ""
+    }, [
+      m(a.$slots, "default"),
+      s(v, { name: "ui-fade" }, {
+        default: p(() => [
+          t.value ? (l(), r("div", g, [
+            s(_, { text: o.text }, null, 8, ["text"])
+          ])) : y("", !0)
+        ]),
+        _: 1
+      })
+    ], 8, x));
+  }
+});
+export {
+  w as default
+};

package/dist/modules/components/primitives/loading/LoadingMask2.vue.js

@@ -0,0 +1,4 @@
+import f from "./LoadingMask.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/primitives/motion/MotionCollapse.vue.js

@@ -0,0 +1,51 @@
+import { defineComponent as _, useTemplateRef as h, ref as c, watch as T, nextTick as p, onBeforeUnmount as w, withDirectives as g, openBlock as k, createElementBlock as y, createElementVNode as B, renderSlot as x, vShow as E } from "vue";
+import { motionOff as C, transitionMs as v } from "../../../lib/motion.js";
+const M = ["data-open", "data-moving", "inert"], N = { class: "ui-collapse-inner" }, H = /* @__PURE__ */ _({
+  __name: "MotionCollapse",
+  props: {
+    open: { type: Boolean }
+  },
+  setup(d) {
+    const t = d, u = h("root"), a = c(t.open), i = c(t.open), r = c(!1);
+    let l, o = 0;
+    function f(e) {
+      e === o && (clearTimeout(l), r.value = !1, t.open || (a.value = !1));
+    }
+    T(() => t.open, async (e) => {
+      const s = ++o;
+      clearTimeout(l);
+      const n = u.value;
+      if (!n || C(n) || v(n) < 1) {
+        a.value = e, i.value = e, r.value = !1;
+        return;
+      }
+      if (e) {
+        if (a.value = !0, await p(), s !== o) return;
+        n.offsetHeight, i.value = !0;
+      } else
+        i.value = !1;
+      r.value = !0, await p(), s === o && (l = setTimeout(() => f(s), v(n) + 50));
+    });
+    function m(e) {
+      e.target === u.value && e.propertyName === "grid-template-rows" && f(o);
+    }
+    return w(() => clearTimeout(l)), (e, s) => g((k(), y("div", {
+      ref_key: "root",
+      ref: u,
+      class: "ui-collapse",
+      "data-open": i.value ? "" : void 0,
+      "data-moving": r.value ? "" : void 0,
+      inert: !t.open || void 0,
+      onTransitionend: m
+    }, [
+      B("div", N, [
+        x(e.$slots, "default")
+      ])
+    ], 40, M)), [
+      [E, a.value]
+    ]);
+  }
+});
+export {
+  H as default
+};

package/dist/modules/components/primitives/motion/MotionCollapse2.vue.js

@@ -0,0 +1,4 @@
+import f from "./MotionCollapse.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/primitives/motion/MotionSwap.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as r, useTemplateRef as n, openBlock as s, createBlock as p, resolveDynamicComponent as l, withCtx as u, renderSlot as f } from "vue";
+import { useSwapMotion as i } from "../../../lib/motion.js";
+const _ = /* @__PURE__ */ r({
+  __name: "MotionSwap",
+  props: {
+    value: {},
+    as: { default: "div" }
+  },
+  setup(t) {
+    const e = t, o = n("root");
+    return i(o, () => e.value), (a, c) => (s(), p(l(e.as), {
+      ref_key: "root",
+      ref: o,
+      "data-ui-swap": "",
+      "data-syno-pkg-land-ui": ""
+    }, {
+      default: u(() => [
+        f(a.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  _ as default
+};

package/dist/modules/components/primitives/motion/MotionSwap2.vue.js

@@ -0,0 +1,4 @@
+import f from "./MotionSwap.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/primitives/motion/PushTransition.vue.js

@@ -0,0 +1,198 @@
+import { defineComponent as Q, useSlots as W, useTemplateRef as Z, ref as M, watch as tt, onBeforeUnmount as R, openBlock as m, createBlock as X, Transition as et, withCtx as h, withDirectives as z, resolveDynamicComponent as ot, mergeProps as nt, unref as u, createElementBlock as V, createVNode as A, renderSlot as g, vShow as L, createTextVNode as N, toDisplayString as O, createElementVNode as x, createCommentVNode as U } from "vue";
+import { ChevronLeft as it } from "@lucide/vue";
+import st from "../button/Button.vue.js";
+import { useBackDismiss as rt } from "../../../composables/backDismiss.js";
+import { parseCssTime as at } from "../../../lib/motion.js";
+import { nearestScroller as lt } from "../../../lib/scroll.js";
+import { GESTURE_THRESHOLDS as ut, VelocityEstimator as ct, swipeCommits as dt, velocityDuration as pt } from "../../../interaction/velocity.js";
+import { useUiText as ft } from "../../../i18n/text.js";
+import { usePageTitle as mt, usePageActionsInBar as ht } from "../../app/app-layout/pageTitle.js";
+import gt from "../../app/app-layout/MovableActions.js";
+const vt = {
+  key: 0,
+  class: "ui-push-inline-actions",
+  "data-ui-push-inline-actions": ""
+}, yt = {
+  key: 1,
+  class: "ui-push-header",
+  "data-ui-push-header": ""
+}, Tt = {
+  class: "ui-push-title",
+  "data-ui-push-title": ""
+}, bt = { class: "ui-push-header-actions" }, kt = 20, St = 0.35, Rt = /* @__PURE__ */ Q({
+  inheritAttrs: !1,
+  __name: "PushTransition",
+  props: {
+    show: { type: Boolean },
+    enabled: { type: Boolean, default: !0 },
+    under: { default: null },
+    title: { default: void 0 },
+    keepMounted: { type: Boolean, default: !1 },
+    as: { default: "div" },
+    phoneActions: { default: void 0 }
+  },
+  emits: ["pop"],
+  setup(H, { emit: I }) {
+    const n = H, d = I, v = W(), G = ft(), r = Z("page"), P = ut.slop, y = () => n.show && n.enabled, T = mt(r, () => n.title ?? "", {
+      when: () => y() && n.title !== void 0,
+      back: () => () => d("pop"),
+      // useBackDismiss below gives the pushed page its history entry
+      history: !0
+    }), _ = M(!1), { target: B } = ht(() => T.value && !!v["header-actions"] && !_.value, () => n.phoneActions);
+    rt(y, () => d("pop"));
+    function b(t, e, o) {
+      t && (t.toggleAttribute("data-ui-push-under", e), t.toggleAttribute("data-ui-push-covered", e && o), t.toggleAttribute("inert", e && o));
+    }
+    let p = null;
+    function Y(t) {
+      const e = lt(t);
+      p = { scroller: e, top: e.scrollTop };
+    }
+    function q(t) {
+      const e = t.parentElement, o = p;
+      if (!e || !o) return;
+      const a = (o.scroller === document.scrollingElement || o.scroller === document.documentElement ? 0 : o.scroller.getBoundingClientRect().top + o.scroller.clientTop) - e.getBoundingClientRect().top;
+      a > 0 && (o.scroller.scrollTop -= a);
+    }
+    function F() {
+      const t = p;
+      p = null, t && requestAnimationFrame(() => {
+        t.scroller.scrollTop = t.top;
+      });
+    }
+    tt(() => [n.under, n.enabled, n.show], ([t, e, o], i) => {
+      const l = i?.[0];
+      l && l !== t && (b(l, !1, !1), c(l));
+      const a = !!t && e && o && !(i?.[1] && i?.[2]), f = !!i?.[1] && !!i?.[2] && !(e && o);
+      a && t && Y(t), b(t, e, o), a && t ? q(t) : f && F();
+    }, { immediate: !0, flush: "post" }), R(() => {
+      b(n.under, !1, !1), n.under && c(n.under);
+    });
+    let s = null;
+    const k = M(!1);
+    let S;
+    function c(t) {
+      t && (t.style.removeProperty("transform"), t.style.removeProperty("transition"), t.style.removeProperty("--ui-push-cover"), t.removeAttribute("data-ui-push-dragging"));
+    }
+    function w(t, e) {
+      const o = r.value, i = n.under;
+      o && (o.style.transition = e ?? "none", o.style.transform = `translateX(${t * 100}%)`), i && (i.toggleAttribute("data-ui-push-dragging", e == null), i.style.transition = e ?? "none", i.style.transform = `translateX(${-30 * (1 - t)}%)`, i.style.setProperty("--ui-push-cover", String(1 - t)));
+    }
+    function C(t) {
+      const e = r.value;
+      return !e || typeof getComputedStyle != "function" ? 0 : at(getComputedStyle(e).getPropertyValue(t)) ?? 0;
+    }
+    function E(t, e) {
+      return Array.from(t.changedTouches).find((o) => o.identifier === e);
+    }
+    function j(t) {
+      if (!y() || t.touches.length !== 1 || !r.value) return;
+      const e = t.touches[0], o = r.value.getBoundingClientRect();
+      if (e.clientX - o.left > kt) return;
+      clearTimeout(S);
+      const i = new ct();
+      i.add(e.clientX, t.timeStamp), s = { id: e.identifier, x: e.clientX, y: e.clientY, width: o.width || 1, horizontal: null, progress: 0, velocity: i };
+    }
+    function J(t) {
+      if (!s) return;
+      const e = E(t, s.id);
+      if (!e) return;
+      const o = e.clientX - s.x, i = e.clientY - s.y;
+      if (s.velocity.add(e.clientX, t.timeStamp), s.horizontal == null) {
+        if (Math.abs(o) < P && Math.abs(i) < P) return;
+        if (s.horizontal = o > 0 && Math.abs(o) > Math.abs(i), !s.horizontal) {
+          s = null;
+          return;
+        }
+        k.value = !0;
+      }
+      t.cancelable && t.preventDefault(), s.progress = Math.min(1, Math.max(0, o / s.width)), w(s.progress);
+    }
+    function $(t) {
+      if (!s || !E(t, s.id)) return;
+      const o = s;
+      if (s = null, !o.horizontal) return;
+      k.value = !1;
+      const i = o.velocity.velocity(t.timeStamp), l = t.type === "touchend" && dt(o.progress * o.width, i, St * o.width), a = "var(--ui-motion-sheet-ease)";
+      if (l) {
+        const f = C("--ui-motion-pop"), D = pt(i, f);
+        w(1, `transform ${D !== f ? `${D}ms` : "var(--ui-motion-pop)"} ${a}`), d("pop");
+        return;
+      }
+      w(0, `transform var(--ui-motion-spring-back) ${a}`), S = setTimeout(() => {
+        c(r.value), c(n.under);
+      }, C("--ui-motion-spring-back") + 20);
+    }
+    function K() {
+      c(r.value), c(n.under);
+    }
+    return R(() => clearTimeout(S)), (t, e) => (m(), X(et, {
+      name: "ui-push",
+      css: n.enabled,
+      onAfterLeave: K
+    }, {
+      default: h(() => [
+        n.keepMounted || n.show ? z((m(), X(ot(n.as), nt({
+          key: 0,
+          ref_key: "page",
+          ref: r
+        }, t.$attrs, {
+          class: "ui-push-page",
+          "data-ui-push": n.enabled ? "" : void 0,
+          "data-ui-push-dragging": k.value ? "" : void 0,
+          "data-syno-pkg-land-ui": "",
+          onTouchstartPassive: j,
+          onTouchmove: J,
+          onTouchend: $,
+          onTouchcancel: $
+        }), {
+          default: h(() => [
+            u(T) && v["header-actions"] ? z((m(), V("div", vt, [
+              A(u(gt), {
+                to: u(B),
+                onPassive: e[0] || (e[0] = (o) => _.value = o)
+              }, {
+                default: h(() => [
+                  g(t.$slots, "header-actions")
+                ]),
+                _: 3
+              }, 8, ["to"])
+            ], 512)), [
+              [L, !u(B)]
+            ]) : n.enabled && (n.title !== void 0 || v.title) && !u(T) ? (m(), V("header", yt, [
+              A(st, {
+                class: "ui-push-back",
+                variant: "ghost",
+                size: "sm",
+                "data-ui-push-back": "",
+                onClick: e[1] || (e[1] = (o) => d("pop"))
+              }, {
+                default: h(() => [
+                  A(u(it), { "aria-hidden": "true" }),
+                  N(" " + O(u(G)("Back to the previous page")), 1)
+                ]),
+                _: 1
+              }),
+              x("h2", Tt, [
+                g(t.$slots, "title", {}, () => [
+                  N(O(n.title), 1)
+                ])
+              ]),
+              x("div", bt, [
+                g(t.$slots, "header-actions")
+              ])
+            ])) : U("", !0),
+            g(t.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["data-ui-push", "data-ui-push-dragging"])), [
+          [L, n.show]
+        ]) : U("", !0)
+      ]),
+      _: 3
+    }, 8, ["css"]));
+  }
+});
+export {
+  Rt as default
+};

package/dist/modules/components/primitives/motion/PushTransition2.vue.js

@@ -0,0 +1,4 @@
+import f from "./PushTransition.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/primitives/multiple-select/MultipleSelect.vue.js

@@ -0,0 +1,51 @@
+import { defineComponent as p, openBlock as i, createBlock as u, mergeProps as s } from "vue";
+import m from "../select/internal/ComboboxField.vue.js";
+const y = /* @__PURE__ */ p({
+  __name: "MultipleSelect",
+  props: {
+    options: {},
+    search: { type: [Boolean, Function] },
+    minSearchChar: {},
+    caseSensitive: { type: Boolean },
+    allowCreate: { type: [Boolean, Object] },
+    editable: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean },
+    clearable: { type: Boolean },
+    placeholder: {},
+    loading: { type: Boolean },
+    loadingText: {},
+    notFoundText: {},
+    createHintText: {},
+    displayLimit: { type: [Number, Boolean] },
+    ariaLabel: {},
+    ariaLabelledby: {},
+    openLabel: {},
+    clearLabel: {},
+    removeTagLabel: {},
+    motion: {},
+    modelValue: { default: void 0 },
+    defaultValue: { default: void 0 }
+  },
+  emits: ["update:modelValue", "update:loading", "select", "create", "invalid", "focus", "blur", "open-dropdown", "close-dropdown"],
+  setup(t, { emit: a }) {
+    const d = t, l = a;
+    function r(n) {
+      l("update:modelValue", Array.isArray(n) ? n : n ? [n] : []);
+    }
+    return (n, e) => (i(), u(m, s(d, {
+      multiple: !0,
+      "onUpdate:modelValue": r,
+      "onUpdate:loading": e[0] || (e[0] = (o) => l("update:loading", o)),
+      onSelect: e[1] || (e[1] = (o) => l("select", o)),
+      onCreate: e[2] || (e[2] = (o) => l("create", o)),
+      onInvalid: e[3] || (e[3] = (o) => l("invalid", o)),
+      onFocus: e[4] || (e[4] = (o) => l("focus", o)),
+      onBlur: e[5] || (e[5] = (o) => l("blur", o)),
+      onOpenDropdown: e[6] || (e[6] = (o) => l("open-dropdown")),
+      onCloseDropdown: e[7] || (e[7] = (o) => l("close-dropdown"))
+    }), null, 16));
+  }
+});
+export {
+  y as default
+};

package/dist/modules/components/primitives/multiple-select/MultipleSelect2.vue.js

@@ -0,0 +1,4 @@
+import f from "./MultipleSelect.vue.js";
+export {
+  f as default
+};