@agrotools1/at-components 2.0.13 → 2.0.14-beta.1

package/dist/input/Input.vue.js

@@ -0,0 +1,43 @@
+import { defineComponent as n, createBlock as u, openBlock as m, unref as t, withCtx as p, withDirectives as c, createElementVNode as f, mergeProps as b, isRef as g, vModelDynamic as v } from "vue";
+import { useVModel as x, reactiveOmit as V } from "@vueuse/core";
+import { useForwardProps as h, Primitive as w } from "reka-ui";
+import { cn as y } from "../lib/utils.js";
+const M = /* @__PURE__ */ n({
+  __name: "Input",
+  props: {
+    defaultValue: {},
+    modelValue: {},
+    class: {},
+    asChild: { type: Boolean },
+    as: { default: "input" }
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: l }) {
+    const e = a, r = x(e, "modelValue", l, {
+      passive: !0,
+      defaultValue: e.defaultValue
+    }), i = V(e, "class", "modelValue", "defaultValue"), s = h(i);
+    return (P, o) => (m(), u(t(w), { "as-child": "" }, {
+      default: p(() => [
+        c(f("input", b({
+          "onUpdate:modelValue": o[0] || (o[0] = (d) => g(r) ? r.value = d : null),
+          "data-slot": "input",
+          class: t(y)(
+            "selection:bg-primary selection:text-primary-foreground border-input shadow-xs flex h-10 w-full min-w-0 rounded-md border bg-transparent p-2.5 text-sm text-gray-800 outline-none transition-[color,box-shadow] placeholder:text-gray-600 md:text-sm",
+            "hover:ring-ring/24 hover:ring-[2px]",
+            "focus-visible:ring-ring/24 focus-visible:border-neutral-600 focus-visible:ring-[2px]",
+            "disabled:pointer-events-none disabled:cursor-not-allowed disabled:border-neutral-200 disabled:bg-gray-100 disabled:text-gray-700",
+            "aria-invalid:ring-destructive/24 aria-invalid:border-destructive",
+            e.class
+          )
+        }, t(s)), null, 16), [
+          [v, t(r)]
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  M as default
+};

package/dist/input/Input.vue2.js

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

package/dist/label/Label.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent as s, createBlock as l, openBlock as n, unref as e, mergeProps as d, withCtx as p, renderSlot as c } from "vue";
+import { reactiveOmit as i } from "@vueuse/core";
+import { Label as m } from "reka-ui";
+import { cn as f } from "../lib/utils.js";
+const y = /* @__PURE__ */ s({
+  __name: "Label",
+  props: {
+    for: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(a) {
+    const t = a, o = i(t, "class");
+    return (r, u) => (n(), l(e(m), d({ "data-slot": "label" }, e(o), {
+      class: e(f)(
+        "flex select-none items-center gap-2 text-xs font-semibold leading-4 text-gray-900 peer-disabled:cursor-not-allowed peer-disabled:text-gray-700 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:text-gray-700",
+        t.class
+      )
+    }), {
+      default: p(() => [
+        c(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  y as default
+};

package/dist/label/Label.vue2.js

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

package/dist/lib/date.js

@@ -0,0 +1,34 @@
+import { toValue as o } from "vue";
+import { cycleInRange as u } from "./utils.js";
+function y(n, t) {
+  return Array.from({ length: t }, (a, r) => {
+    const e = o(n), s = u(r + 1, 1, 12), c = Math.floor((r + 1) / 12);
+    return e.set({
+      month: s,
+      year: e.year + c
+    });
+  });
+}
+function d(n, t) {
+  const a = o(n), r = Math.floor(a.year / t) * t;
+  return Array.from({ length: t }, (e, s) => a.set({ year: r + s }));
+}
+function l({
+  defaultText: n,
+  placeholder: t,
+  timeZone: a,
+  view: r,
+  yearsRange: e,
+  locale: s
+}) {
+  if (o(r) === "days") return n;
+  if (o(r) === "months")
+    return o(t).toDate(a).toLocaleString(s, { year: "numeric" });
+  const c = Math.floor(o(t).year / e) * e, f = c + e - 1;
+  return `${c} - ${f}`;
+}
+export {
+  y as generateMonthsList,
+  d as generateYearsList,
+  l as getDatePickerHeadingText
+};

package/dist/lib/utils.js

@@ -0,0 +1,13 @@
+import { clsx as o } from "clsx";
+import { twMerge as c } from "tailwind-merge";
+function g(...r) {
+  return c(o(r));
+}
+function i(r, e, t) {
+  const n = t - e + 1;
+  return (r - e + n) % n + e;
+}
+export {
+  g as cn,
+  i as cycleInRange
+};

package/dist/multi-select/MultiSelectContent.vue.js

@@ -0,0 +1,69 @@
+import { defineComponent as p, createBlock as u, openBlock as m, unref as e, mergeProps as f, withCtx as t, createVNode as a, renderSlot as h } from "vue";
+import { reactiveOmit as y } from "@vueuse/core";
+import { useForwardPropsEmits as _ } from "reka-ui";
+import { cn as g } from "../lib/utils.js";
+import { injectMultiSelectContext as B } from "./contexts.js";
+import P from "../popover/PopoverContent.vue.js";
+import v from "../command/Command.vue.js";
+import w from "../command/CommandInput.vue.js";
+import O from "../command/CommandList.vue.js";
+const E = /* @__PURE__ */ p({
+  inheritAttrs: !1,
+  __name: "MultiSelectContent",
+  props: {
+    class: {},
+    enableSearch: { type: Boolean, default: !0 },
+    searchInputPlaceholder: { default: "" },
+    forceMount: { type: Boolean },
+    side: {},
+    sideOffset: { default: 4 },
+    sideFlip: { type: Boolean },
+    align: { default: "center" },
+    alignOffset: {},
+    alignFlip: { type: Boolean },
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
+    prioritizePosition: { type: Boolean },
+    reference: {},
+    asChild: { type: Boolean },
+    as: {},
+    disableOutsidePointerEvents: { type: Boolean }
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(l, { emit: n }) {
+    const r = l, s = n, i = B(), c = y(r, "class"), d = _(c, s);
+    return (o, C) => (m(), u(e(P), f({ "data-slot": "multi-select-content" }, { ...e(d), ...o.$attrs }, {
+      class: e(g)("w-(--reka-popover-trigger-width) p-2", !e(i).open.value && "hidden!"),
+      "force-mount": ""
+    }), {
+      default: t(() => [
+        a(e(v), {
+          "model-value": e(i).modelValue.value,
+          "highlight-on-hover": ""
+        }, {
+          default: t(() => [
+            a(e(w), { placeholder: o.searchInputPlaceholder }, null, 8, ["placeholder"]),
+            a(e(O), { class: "mt-2" }, {
+              default: t(() => [
+                h(o.$slots, "default")
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["model-value"])
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  E as default
+};

package/dist/multi-select/MultiSelectContent.vue2.js

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

package/dist/multi-select/MultiSelectEmpty.vue.js

@@ -0,0 +1,22 @@
+import { defineComponent as r, createBlock as a, openBlock as s, unref as n, normalizeProps as p, guardReactiveProps as l, withCtx as c, renderSlot as i } from "vue";
+import m from "../command/CommandEmpty.vue.js";
+const d = /* @__PURE__ */ r({
+  __name: "MultiSelectEmpty",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(e) {
+    const t = e;
+    return (o, f) => (s(), a(n(m), p(l(t)), {
+      default: c(() => [
+        i(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  d as default
+};

package/dist/multi-select/MultiSelectEmpty.vue2.js

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

package/dist/multi-select/MultiSelectGroup.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as a, createBlock as p, openBlock as s, unref as o, mergeProps as i, withCtx as n, renderSlot as c } from "vue";
+import { useId as u } from "reka-ui";
+import { provideMultiSelectGroupContext as m } from "./contexts.js";
+import d from "../command/CommandGroup.vue.js";
+const g = /* @__PURE__ */ a({
+  __name: "MultiSelectGroup",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    const r = t, e = u(void 0, "at-multi-select-group");
+    return m({ id: e }), (l, f) => (s(), p(o(d), i({
+      class: "space-y-1",
+      role: "group"
+    }, r, { "aria-labelledby": o(e) }), {
+      default: n(() => [
+        c(l.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["aria-labelledby"]));
+  }
+});
+export {
+  g as default
+};

package/dist/multi-select/MultiSelectGroup.vue2.js

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

package/dist/multi-select/MultiSelectItem.vue.js

@@ -0,0 +1,71 @@
+import { defineComponent as y, toRefs as V, ref as P, computed as m, onMounted as $, onUnmounted as h, createBlock as k, openBlock as E, unref as o, mergeProps as B, withCtx as c, renderSlot as p, createVNode as v, nextTick as I } from "vue";
+import { reactiveOmit as M } from "@vueuse/core";
+import { useForwardExpose as O, useForwardPropsEmits as R, useId as z, Primitive as F } from "reka-ui";
+import { cn as T } from "../lib/utils.js";
+import { injectMultiSelectContext as j } from "./contexts.js";
+import { valueComparator as A } from "./utils.js";
+import N from "../command/CommandItem.vue.js";
+import U from "../checkbox/Checkbox.vue.js";
+const W = /* @__PURE__ */ y({
+  __name: "MultiSelectItem",
+  props: {
+    class: {},
+    value: {},
+    disabled: { type: Boolean },
+    textValue: {},
+    as: {}
+  },
+  emits: ["select"],
+  setup(f, { emit: x }) {
+    const t = f, s = x, { disabled: b } = V(t), a = j(), { forwardRef: g, currentElement: n } = O(), _ = M(t, "class", "textValue", "value"), C = R(_, s), r = P(t.textValue ?? ""), i = z(void 0, "at-multi-select-item-text"), u = m(
+      () => {
+        var e;
+        return A((e = a.modelValue) == null ? void 0 : e.value, t.value, a.by);
+      }
+    ), d = m(() => {
+      var e, l;
+      return {
+        value: t.value,
+        disabled: t.disabled,
+        textContent: ((e = n.value) == null ? void 0 : e.textContent) ?? ((l = t.value) == null ? void 0 : l.toString()) ?? ""
+      };
+    });
+    async function S(e) {
+      await I(), s("select", e), !e.defaultPrevented && (b.value || a.onValueChange(t.value));
+    }
+    return $(() => {
+      n.value && (r.value = ((r.value || n.value.textContent) ?? "").trim(), a.onOptionAdd(d.value));
+    }), h(() => {
+      a.onOptionRemove(d.value);
+    }), (e, l) => (E(), k(o(N), B({ ...e.$attrs, ...o(C) }, {
+      role: "option",
+      class: o(T)(
+        "outline-hidden *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 pl-2 pr-8 text-sm font-semibold data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-neutral-100 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        t.class
+      ),
+      value: e.value,
+      "aria-labelledby": o(i),
+      onSelect: l[0] || (l[0] = (w) => S(w))
+    }), {
+      default: c(() => [
+        p(e.$slots, "indicator", { isSelected: u.value }, () => [
+          v(o(U), { "model-value": u.value }, null, 8, ["model-value"])
+        ]),
+        v(o(F), {
+          id: o(i),
+          ref: o(g),
+          as: "span"
+        }, {
+          default: c(() => [
+            p(e.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["id"])
+      ]),
+      _: 3
+    }, 16, ["class", "value", "aria-labelledby"]));
+  }
+});
+export {
+  W as default
+};

package/dist/multi-select/MultiSelectItem.vue2.js

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

package/dist/multi-select/MultiSelectLabel.vue.js

@@ -0,0 +1,28 @@
+import { defineComponent as l, createBlock as i, openBlock as n, unref as t, mergeProps as p, withCtx as a, renderSlot as c } from "vue";
+import { Primitive as m } from "reka-ui";
+import { cn as d } from "../lib/utils.js";
+import { injectMultiSelectGroupContext as f } from "./contexts.js";
+const B = /* @__PURE__ */ l({
+  __name: "MultiSelectLabel",
+  props: {
+    for: {},
+    class: {},
+    asChild: { type: Boolean },
+    as: { default: "div" }
+  },
+  setup(o) {
+    const e = o, r = f({ id: "" });
+    return (s, u) => (n(), i(t(m), p(e, {
+      id: t(r).id,
+      class: t(d)("px-2 py-1.5 text-sm font-bold", e.class)
+    }), {
+      default: a(() => [
+        c(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["id", "class"]));
+  }
+});
+export {
+  B as default
+};

package/dist/multi-select/MultiSelectLabel.vue2.js

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

package/dist/multi-select/MultiSelectRoot.vue.js

@@ -0,0 +1,76 @@
+import { defineComponent as V, computed as y, ref as h, toRef as b, createBlock as g, openBlock as C, unref as u, mergeProps as S, isRef as _, withCtx as w, renderSlot as x } from "vue";
+import { useVModel as p } from "@vueuse/core";
+import { useForwardPropsEmits as A } from "reka-ui";
+import { provideMultiSelectContext as B } from "./contexts.js";
+import { compare as O } from "./utils.js";
+import M from "../popover/Popover.vue.js";
+const F = /* @__PURE__ */ V({
+  __name: "MultiSelectRoot",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean },
+    defaultValue: {},
+    modelValue: { default: void 0 },
+    disabled: { type: Boolean },
+    by: {}
+  },
+  emits: ["update:modelValue", "update:open"],
+  setup(r, { emit: i }) {
+    const o = r, s = i, l = p(o, "modelValue", s, {
+      defaultValue: o.defaultValue ?? [],
+      passive: o.modelValue === void 0,
+      deep: !0
+    }), a = p(o, "open", s, {
+      defaultValue: o.defaultOpen,
+      passive: o.open === void 0
+    }), m = A(o, s), f = y(() => {
+      var e;
+      return ((e = l.value) == null ? void 0 : e.length) === 0;
+    }), n = h(/* @__PURE__ */ new Set());
+    function c(e) {
+      const t = Array.isArray(l.value) ? [...l.value] : [], d = t.findIndex((v) => O(v, e, o.by));
+      d === -1 ? t.push(e) : t.splice(d, 1), l.value = [...t];
+    }
+    return B({
+      open: a,
+      modelValue: l,
+      disabled: b(() => o.disabled),
+      isEmptyModelValue: f,
+      isAllSelected: () => {
+        var e;
+        return n.value.size === ((e = l.value) == null ? void 0 : e.length);
+      },
+      onOpenChange: (e) => a.value = e,
+      // @ts-expect-error Missing infer for AcceptableValue
+      onValueChange: c,
+      clear: () => {
+        l.value = [];
+      },
+      by: o.by,
+      selectAll: () => {
+        const e = [];
+        for (const t of n.value.values())
+          e.push(t.value);
+        l.value = e;
+      },
+      optionsSet: n,
+      onOptionAdd: (e) => n.value.add(e),
+      onOptionRemove: (e) => n.value.delete(e)
+    }), (e, t) => (C(), g(u(M), S(u(m), {
+      open: u(a),
+      "onUpdate:open": t[0] || (t[0] = (d) => _(a) ? a.value = d : null),
+      "data-slot": "multi-select"
+    }), {
+      default: w(() => [
+        x(e.$slots, "default", {
+          modelValue: u(l),
+          open: u(a)
+        })
+      ]),
+      _: 3
+    }, 16, ["open"]));
+  }
+});
+export {
+  F as default
+};

package/dist/multi-select/MultiSelectRoot.vue2.js

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

package/dist/multi-select/MultiSelectSeparator.vue.js

@@ -0,0 +1,25 @@
+import { defineComponent as s, createBlock as a, openBlock as n, unref as r, mergeProps as p, withCtx as l, renderSlot as c } from "vue";
+import { Primitive as i } from "reka-ui";
+import { cn as m } from "../lib/utils.js";
+const h = /* @__PURE__ */ s({
+  __name: "MultiSelectSeparator",
+  props: {
+    class: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    const e = t;
+    return (o, d) => (n(), a(r(i), p({ "aria-hidden": "true" }, e, {
+      class: r(m)("bg-border pointer-events-none -mx-1 my-1 h-px", e.class)
+    }), {
+      default: l(() => [
+        c(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  h as default
+};

package/dist/multi-select/MultiSelectSeparator.vue2.js

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

package/dist/multi-select/MultiSelectTrigger.vue.js

@@ -0,0 +1,61 @@
+import { defineComponent as u, createBlock as p, openBlock as l, unref as a, mergeProps as m, withCtx as b, renderSlot as f, createElementVNode as r, createElementBlock as g, createCommentVNode as v, createVNode as i } from "vue";
+import { cn as h } from "../lib/utils.js";
+import { injectMultiSelectContext as x } from "./contexts.js";
+import C from "../popover/PopoverTrigger.vue.js";
+import y from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.19_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/x.js";
+import w from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.19_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/chevron-down.js";
+const k = { class: "inline-flex gap-1" }, _ = { "aria-hidden": "true" }, j = /* @__PURE__ */ u({
+  __name: "MultiSelectTrigger",
+  props: {
+    class: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(d) {
+    const n = d, t = x();
+    function c(e) {
+      e.stopPropagation(), t.clear();
+    }
+    return (e, B) => {
+      var o, s;
+      return l(), p(a(C), m({
+        "data-slot": "multi-select-trigger",
+        as: e.as,
+        "as-child": e.asChild,
+        type: e.as === "button" ? "button" : void 0,
+        role: "combobox",
+        class: a(h)(
+          "border-input data-[placeholder]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shadow-xs flex w-fit items-center justify-between gap-2 whitespace-nowrap rounded-xl border bg-transparent p-2.5 text-sm outline-none transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:border-neutral-200 disabled:bg-gray-100 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=multi-select-value]:flex *:data-[slot=multi-select-value]:items-stretch *:data-[slot=multi-select-value]:gap-2 [&_svg]:shrink-0",
+          n.class
+        ),
+        disabled: ((o = a(t).disabled) == null ? void 0 : o.value) || e.disabled,
+        "aria-expanded": a(t).open.value || !1,
+        "aria-haspopup": !0,
+        "data-state": a(t).open.value ? "open" : "closed",
+        "data-disabled": (s = a(t).disabled) != null && s.value || e.disabled ? "" : void 0
+      }, e.$attrs), {
+        default: b(() => [
+          f(e.$slots, "default"),
+          r("div", k, [
+            a(t).isEmptyModelValue.value ? v("", !0) : (l(), g("button", {
+              key: 0,
+              class: "text-primary-500 cursor-pointer bg-none",
+              onClick: c
+            }, [
+              i(a(y), { class: "size-5" })
+            ])),
+            r("span", _, [
+              i(a(w), { class: "size-5 text-gray-800" })
+            ])
+          ])
+        ]),
+        _: 3
+      }, 16, ["as", "as-child", "type", "class", "disabled", "aria-expanded", "data-state", "data-disabled"]);
+    };
+  }
+});
+export {
+  j as default
+};

package/dist/multi-select/MultiSelectTrigger.vue2.js

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

package/dist/multi-select/MultiSelectValue.vue.js

@@ -0,0 +1,79 @@
+import { defineComponent as V, computed as m, createBlock as d, openBlock as n, unref as s, withCtx as p, createElementBlock as f, Fragment as v, createTextVNode as h, toDisplayString as C, createCommentVNode as B, renderList as N, createElementVNode as z, createVNode as w } from "vue";
+import { Primitive as E } from "reka-ui";
+import { injectMultiSelectContext as M } from "./contexts.js";
+import { valueComparator as P } from "./utils.js";
+import k from "../tag/Tag.vue.js";
+import j from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.19_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/x.js";
+const A = ["onClick"], X = /* @__PURE__ */ V({
+  __name: "MultiSelectValue",
+  props: {
+    placeholder: { default: "" },
+    maxCount: { default: 3 },
+    asChild: { type: Boolean },
+    as: { default: "span" }
+  },
+  setup(y) {
+    const r = y, u = M(), t = m(() => {
+      const e = u.modelValue.value, i = u.optionsSet.value;
+      if (!(e != null && e.length)) return [];
+      let l = [];
+      const c = Array.from(i), x = (a) => c.find((o) => P(a, o.value));
+      return l = e.map((a) => {
+        var o, _;
+        return {
+          label: ((o = x(a)) == null ? void 0 : o.textContent) ?? "",
+          value: (_ = x(a)) == null ? void 0 : _.value
+        };
+      }), l.filter(({ value: a, label: o }) => a && o);
+    }), b = m(() => t.value.length <= r.maxCount ? t.value : t.value.slice(0, r.maxCount)), g = m(() => t.value.length <= r.maxCount ? 0 : t.value.length - r.maxCount);
+    function S(e, i) {
+      e.stopPropagation(), u.onValueChange(i);
+    }
+    return (e, i) => (n(), d(s(E), {
+      as: e.as,
+      "as-child": e.asChild,
+      "data-placeholder": t.value.length ? void 0 : r.placeholder,
+      "data-slot": "multi-select-value",
+      class: "h-full flex-1 overflow-x-hidden"
+    }, {
+      default: p(() => [
+        t.value.length ? (n(), f(v, { key: 1 }, [
+          (n(!0), f(v, null, N(b.value, (l) => (n(), d(s(k), {
+            key: l.value,
+            variant: "primary-light",
+            size: "sm",
+            class: "mr-1 font-semibold"
+          }, {
+            default: p(() => [
+              h(C(l.label) + " ", 1),
+              z("button", {
+                class: "ml-1 cursor-pointer",
+                onClick: (c) => S(c, l.value)
+              }, [
+                w(s(j), { class: "size-3.5" })
+              ], 8, A)
+            ]),
+            _: 2
+          }, 1024))), 128)),
+          g.value > 0 ? (n(), d(s(k), {
+            key: 0,
+            variant: "primary-light",
+            size: "sm",
+            class: "mr-1 font-semibold"
+          }, {
+            default: p(() => [
+              h(" +" + C(g.value), 1)
+            ]),
+            _: 1
+          })) : B("", !0)
+        ], 64)) : (n(), f(v, { key: 0 }, [
+          h(C(e.placeholder), 1)
+        ], 64))
+      ]),
+      _: 1
+    }, 8, ["as", "as-child", "data-placeholder"]));
+  }
+});
+export {
+  X as default
+};

package/dist/multi-select/MultiSelectValue.vue2.js

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

package/dist/multi-select/contexts.js

@@ -0,0 +1,10 @@
+import { createContext as t } from "reka-ui";
+const [o, l] = t("MultiSelectRoot"), [c, i] = t("MultiSelectGroup"), [n, u] = t("MultiSelectItem");
+export {
+  o as injectMultiSelectContext,
+  c as injectMultiSelectGroupContext,
+  n as injectMultiSelectItemContext,
+  l as provideMultiSelectContext,
+  i as provideMultiSelectGroupContext,
+  u as provideMultiSelectItemContext
+};