@agrotools1/at-components 2.0.35 → 2.0.37

package/dist/input/Input.vue.js

@@ -1,26 +1,26 @@
-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 { defineComponent as d, 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({
+const F = /* @__PURE__ */ d({
   __name: "Input",
   props: {
     defaultValue: {},
     modelValue: {},
     class: {},
     asChild: { type: Boolean },
-    as: { default: "input" }
+    as: { type: [String, Object, Function], default: "input" }
   },
   emits: ["update:modelValue"],
-  setup(a, { emit: l }) {
-    const e = a, r = x(e, "modelValue", l, {
+  setup(a, { emit: i }) {
+    const e = a, r = x(e, "modelValue", i, {
       passive: !0,
       defaultValue: e.defaultValue
-    }), i = V(e, "class", "modelValue", "defaultValue"), s = h(i);
+    }), l = V(e, "class", "modelValue", "defaultValue"), s = h(l);
     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),
+          "onUpdate:modelValue": o[0] || (o[0] = (n) => g(r) ? r.value = n : 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",
@@ -39,5 +39,5 @@ const M = /* @__PURE__ */ n({
   }
 });
 export {
-  M as default
+  F as default
 };

package/dist/label/Label.vue.js

@@ -7,19 +7,19 @@ const y = /* @__PURE__ */ s({
   props: {
     for: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
-  setup(a) {
-    const t = a, o = i(t, "class");
-    return (r, u) => (n(), l(e(m), d({ "data-slot": "label" }, e(o), {
+  setup(o) {
+    const t = o, r = i(t, "class");
+    return (a, u) => (n(), l(e(m), d({ "data-slot": "label" }, e(r), {
       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")
+        c(a.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));

package/dist/lib/utils.d.ts

@@ -11,4 +11,5 @@ export declare function cn(...inputs: ClassValue[]): string;
  * @returns The cycled value within the specified range
  */
 export declare function cycleInRange(value: number, min: number, max: number): number;
+export declare function hasCssZoom(startElement?: Element | null): boolean;
 //# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAA;AAItC,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAI5E"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAA;AAItC,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAI5E;AA8BD,wBAAgB,UAAU,CAAC,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,OAAO,CAqBjE"}

package/dist/lib/utils.js

@@ -1,13 +1,42 @@
-import { clsx as o } from "clsx";
+import { clsx as m } from "clsx";
 import { twMerge as c } from "tailwind-merge";
-function g(...r) {
-  return c(o(r));
+function d(...t) {
+  return c(m(t));
 }
-function i(r, e, t) {
-  const n = t - e + 1;
-  return (r - e + n) % n + e;
+function l(t, e, o) {
+  const n = o - e + 1;
+  return (t - e + n) % n + e;
+}
+function r(t) {
+  if (!t) return 1;
+  const e = t.trim().toLowerCase();
+  if (!e || e === "normal" || e === "unset" || e === "initial" || e === "inherit")
+    return 1;
+  if (e.endsWith("%")) {
+    const n = Number.parseFloat(e.slice(0, -1));
+    return !Number.isFinite(n) || n <= 0 ? 1 : n / 100;
+  }
+  const o = Number.parseFloat(e);
+  return !Number.isFinite(o) || o <= 0 ? 1 : o;
+}
+function i(t) {
+  return Math.abs(t - 1) > 1e-3;
+}
+function a(t) {
+  if (typeof window > "u" || typeof document > "u")
+    return !1;
+  let e = t ?? document.body;
+  for (; e; ) {
+    const u = r(window.getComputedStyle(e).zoom);
+    if (i(u))
+      return !0;
+    e = e.parentElement;
+  }
+  const o = r(window.getComputedStyle(document.body).zoom), n = r(window.getComputedStyle(document.documentElement).zoom);
+  return i(o) || i(n);
 }
 export {
-  g as cn,
-  i as cycleInRange
+  d as cn,
+  l as cycleInRange,
+  a as hasCssZoom
 };

package/dist/multi-select/MultiSelectContent.vue.d.ts

@@ -30,7 +30,10 @@ declare const __VLS_component: import('vue').DefineComponent<MultiSelectContentP
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
     align: "end" | "start" | "center";
+    side: "top" | "right" | "bottom" | "left";
     sideOffset: number;
+    collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
+    positionStrategy: "absolute" | "fixed";
     enableSearch: boolean;
     searchInputPlaceholder: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/multi-select/MultiSelectContent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectContent.vue.d.ts","sourceRoot":"","sources":["../../src/multi-select/MultiSelectContent.vue"],"names":[],"mappings":"AAuDA,OAAO,KAAK,EAAuB,mBAAmB,EAAE,MAAM,SAAS,CAAA;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAWzC,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAA;CAChC;AA8BD,iBAAS,cAAc;WAuET,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;kBA9HJ,OAAO;4BACG,MAAM;6EAqI/B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"MultiSelectContent.vue.d.ts","sourceRoot":"","sources":["../../src/multi-select/MultiSelectContent.vue"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAuB,mBAAmB,EAAE,MAAM,SAAS,CAAA;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAWzC,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAA;CAChC;AAoCD,iBAAS,cAAc;WAuET,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;kBApIJ,OAAO;4BACG,MAAM;6EA2I/B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,4 +1,4 @@
-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 { defineComponent as p, createBlock as u, openBlock as f, unref as e, mergeProps as m, withCtx as o, 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";
@@ -15,19 +15,19 @@ const E = /* @__PURE__ */ p({
     enableSearch: { type: Boolean, default: !0 },
     searchInputPlaceholder: { default: "" },
     forceMount: { type: Boolean },
-    side: {},
+    side: { default: "bottom" },
     sideOffset: { default: 4 },
     sideFlip: { type: Boolean },
-    align: { default: "center" },
+    align: { default: "start" },
     alignOffset: {},
     alignFlip: { type: Boolean },
     avoidCollisions: { type: Boolean },
     collisionBoundary: {},
-    collisionPadding: {},
+    collisionPadding: { default: 8 },
     arrowPadding: {},
     sticky: {},
     hideWhenDetached: { type: Boolean },
-    positionStrategy: {},
+    positionStrategy: { default: "absolute" },
     updatePositionStrategy: {},
     disableUpdateOnLayoutShift: { type: Boolean },
     prioritizePosition: { type: Boolean },
@@ -37,22 +37,22 @@ const E = /* @__PURE__ */ p({
     disableOutsidePointerEvents: { type: Boolean }
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(l, { emit: n }) {
-    const r = l, s = n, i = O(), c = y(r, "class"), d = _(c, s);
-    return (o, C) => (m(), u(e(w), 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!"),
+  setup(i, { emit: r }) {
+    const n = i, s = r, l = O(), d = y(n, "class"), c = _(d, s);
+    return (t, C) => (f(), u(e(w), m({ "data-slot": "multi-select-content" }, { ...e(c), ...t.$attrs }, {
+      class: e(g)("w-(--reka-popover-trigger-width) p-2", !e(l).open.value && "hidden!"),
       "force-mount": ""
     }), {
-      default: t(() => [
+      default: o(() => [
         a(e(B), {
-          "model-value": e(i).modelValue.value,
+          "model-value": e(l).modelValue.value,
           "highlight-on-hover": ""
         }, {
-          default: t(() => [
-            a(e(P), { placeholder: o.searchInputPlaceholder }, null, 8, ["placeholder"]),
+          default: o(() => [
+            a(e(P), { placeholder: t.searchInputPlaceholder }, null, 8, ["placeholder"]),
             a(e(v), { class: "mt-2" }, {
-              default: t(() => [
-                h(o.$slots, "default")
+              default: o(() => [
+                h(t.$slots, "default")
               ]),
               _: 3
             })

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

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

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

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

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

@@ -1,23 +1,23 @@
-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 j from "../checkbox/Checkbox.vue.js";
+import { defineComponent as w, 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 O, withCtx as c, renderSlot as p, createVNode as v, nextTick as B } from "vue";
+import { reactiveOmit as F } from "@vueuse/core";
+import { useForwardExpose as I, useForwardPropsEmits as M, useId as R, Primitive as j } from "reka-ui";
+import { cn as z } from "../lib/utils.js";
+import T from "../checkbox/Checkbox.vue.js";
 import A from "../command/CommandItem.vue.js";
 import { injectMultiSelectContext as N } from "./contexts.js";
 import { valueComparator as U } from "./utils.js";
-const W = /* @__PURE__ */ y({
+const W = /* @__PURE__ */ w({
   __name: "MultiSelectItem",
   props: {
     class: {},
     value: {},
     disabled: { type: Boolean },
     textValue: {},
-    as: {}
+    as: { type: [String, Object, Function] }
   },
   emits: ["select"],
   setup(f, { emit: x }) {
-    const t = f, s = x, { disabled: b } = V(t), a = N(), { 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(
+    const t = f, s = x, { disabled: b } = V(t), a = N(), { forwardRef: g, currentElement: n } = I(), _ = F(t, "class", "textValue", "value"), C = M(_, s), r = P(t.textValue ?? ""), i = R(void 0, "at-multi-select-item-text"), u = m(
       () => {
         var e;
         return U((e = a.modelValue) == null ? void 0 : e.value, t.value, a.by);
@@ -31,27 +31,27 @@ const W = /* @__PURE__ */ y({
       };
     });
     async function S(e) {
-      await I(), s("select", e), !e.defaultPrevented && (b.value || a.onValueChange(t.value));
+      await B(), 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(A), B({ ...e.$attrs, ...o(C) }, {
+    }), (e, l) => (E(), k(o(A), O({ ...e.$attrs, ...o(C) }, {
       role: "option",
-      class: o(T)(
+      class: o(z)(
         "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))
+      onSelect: l[0] || (l[0] = (y) => S(y))
     }), {
       default: c(() => [
         p(e.$slots, "indicator", { isSelected: u.value }, () => [
-          v(o(j), { "model-value": u.value }, null, 8, ["model-value"])
+          v(o(T), { "model-value": u.value }, null, 8, ["model-value"])
         ]),
-        v(o(F), {
+        v(o(j), {
           id: o(i),
           ref: o(g),
           as: "span"

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

@@ -1,28 +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 { defineComponent as s, createBlock as i, openBlock as l, unref as t, mergeProps as c, withCtx as p, renderSlot as a } 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({
+const b = /* @__PURE__ */ s({
   __name: "MultiSelectLabel",
   props: {
     for: {},
     class: {},
     asChild: { type: Boolean },
-    as: { default: "div" }
+    as: { type: [String, Object, Function], default: "div" }
   },
   setup(o) {
     const e = o, r = f({ id: "" });
-    return (s, u) => (n(), i(t(m), p(e, {
+    return (n, u) => (l(), i(t(m), c(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")
+      default: p(() => [
+        a(n.$slots, "default")
       ]),
       _: 3
     }, 16, ["id", "class"]));
   }
 });
 export {
-  B as default
+  b as default
 };

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

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

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

@@ -1,32 +1,32 @@
-import { defineComponent as p, createBlock as u, openBlock as l, unref as a, mergeProps as b, withCtx as m, renderSlot as f, createElementVNode as r, createElementBlock as v, createCommentVNode as g, createVNode as i } from "vue";
+import { defineComponent as p, createBlock as u, openBlock as l, unref as t, mergeProps as b, withCtx as m, 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 x from "../popover/PopoverTrigger.vue.js";
-import { injectMultiSelectContext as C } from "./contexts.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__ */ p({
+import { injectMultiSelectContext as y } from "./contexts.js";
+import C from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.16_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.16_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" }, $ = /* @__PURE__ */ p({
   __name: "MultiSelectTrigger",
   props: {
     class: {},
     placeholder: {},
     disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: { default: "button" }
+    as: { type: [String, Object, Function], default: "button" }
   },
-  setup(d) {
-    const n = d, t = C();
+  setup(n) {
+    const d = n, a = y();
     function c(e) {
-      e.stopPropagation(), t.clear();
+      e.stopPropagation(), a.clear();
     }
     return (e, B) => {
       var o, s;
-      return l(), u(a(x), b({
+      return l(), u(t(x), b({
         "data-slot": "multi-select-trigger",
         as: e.as,
         "as-child": e.asChild,
         type: e.as === "button" ? "button" : void 0,
         role: "combobox",
-        class: a(h)(
+        class: t(h)(
           "!border-input data-[placeholder]:text-muted-foreground",
           "hover:ring-ring/24 hover:ring-[2px]",
           "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none",
@@ -34,26 +34,26 @@ const k = { class: "inline-flex gap-1" }, _ = { "aria-hidden": "true" }, j = /*
           "shadow-xs flex w-full h-10 items-center justify-between gap-2 whitespace-nowrap rounded-xl border bg-transparent p-2.5 text-sm transition-[color,box-shadow]",
           "disabled:pointer-events-none disabled:cursor-not-allowed disabled:!border-neutral-200 disabled:bg-gray-100 data-[disabled]:pointer-events-none",
           "*: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
+          d.class
         ),
-        disabled: ((o = a(t).disabled) == null ? void 0 : o.value) || e.disabled,
-        "aria-expanded": a(t).open.value || !1,
+        disabled: ((o = t(a).disabled) == null ? void 0 : o.value) || e.disabled,
+        "aria-expanded": t(a).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
+        "data-state": t(a).open.value ? "open" : "closed",
+        "data-disabled": (s = t(a).disabled) != null && s.value || e.disabled ? "" : void 0
       }, e.$attrs), {
         default: m(() => [
           f(e.$slots, "default"),
           r("div", k, [
-            a(t).isEmptyModelValue.value ? g("", !0) : (l(), v("button", {
+            t(a).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" })
+              i(t(C), { class: "size-5" })
             ])),
             r("span", _, [
-              i(a(w), { class: "size-5 text-gray-800" })
+              i(t(w), { class: "size-5 text-gray-800" })
             ])
           ])
         ]),
@@ -63,5 +63,5 @@ const k = { class: "inline-flex gap-1" }, _ = { "aria-hidden": "true" }, j = /*
   }
 });
 export {
-  j as default
+  $ as default
 };

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

@@ -1,36 +1,36 @@
-import { defineComponent as V, computed as m, createBlock as p, openBlock as n, unref as s, withCtx as d, 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 { defineComponent as V, computed as m, createBlock as p, openBlock as n, unref as s, withCtx as d, createElementBlock as f, Fragment as v, createTextVNode as h, toDisplayString as C, createCommentVNode as B, renderList as N, createElementVNode as z, createVNode as j } from "vue";
+import { Primitive as w } from "reka-ui";
 import "../tag/index.js";
-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"], $ = /* @__PURE__ */ V({
+import { injectMultiSelectContext as E } from "./contexts.js";
+import { valueComparator as F } from "./utils.js";
+import _ from "../tag/Tag.vue.js";
+import M from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.16_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/x.js";
+const O = ["onClick"], $ = /* @__PURE__ */ V({
   __name: "MultiSelectValue",
   props: {
     placeholder: { default: "" },
     maxCount: { default: 3 },
     asChild: { type: Boolean },
-    as: { default: "span" }
+    as: { type: [String, Object, Function], default: "span" }
   },
-  setup(y) {
-    const r = y, u = M(), t = m(() => {
+  setup(k) {
+    const r = k, u = E(), 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, _;
+      const c = Array.from(i), x = (o) => c.find((a) => F(o, a.value));
+      return l = e.map((o) => {
+        var a, y;
         return {
-          label: ((o = x(a)) == null ? void 0 : o.textContent) ?? "",
-          value: (_ = x(a)) == null ? void 0 : _.value
+          label: ((a = x(o)) == null ? void 0 : a.textContent) ?? "",
+          value: (y = x(o)) == null ? void 0 : y.value
         };
-      }), l.filter(({ value: a, label: o }) => a && o);
+      }), l.filter(({ value: o, label: a }) => o && a);
     }), 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(), p(s(E), {
+    return (e, i) => (n(), p(s(w), {
       as: e.as,
       "as-child": e.asChild,
       "data-placeholder": t.value.length ? void 0 : r.placeholder,
@@ -39,7 +39,7 @@ const A = ["onClick"], $ = /* @__PURE__ */ V({
     }, {
       default: d(() => [
         t.value.length ? (n(), f(v, { key: 1 }, [
-          (n(!0), f(v, null, N(b.value, (l) => (n(), p(s(k), {
+          (n(!0), f(v, null, N(b.value, (l) => (n(), p(s(_), {
             key: l.value,
             variant: "primary-light",
             size: "sm",
@@ -51,12 +51,12 @@ const A = ["onClick"], $ = /* @__PURE__ */ V({
                 class: "ml-1 cursor-pointer",
                 onClick: (c) => S(c, l.value)
               }, [
-                w(s(j), { class: "size-3.5" })
-              ], 8, A)
+                j(s(M), { class: "size-3.5" })
+              ], 8, O)
             ]),
             _: 2
           }, 1024))), 128)),
-          g.value > 0 ? (n(), p(s(k), {
+          g.value > 0 ? (n(), p(s(_), {
             key: 0,
             variant: "primary-light",
             size: "sm",

package/dist/pagination/Pagination.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as p, createBlock as c, openBlock as m, unref as e, mergeProps as d, withCtx as f, renderSlot as u, normalizeProps as g, guardReactiveProps as P } from "vue";
+import { defineComponent as p, createBlock as c, openBlock as m, unref as e, mergeProps as d, withCtx as u, renderSlot as f, normalizeProps as g, guardReactiveProps as P } from "vue";
 import { reactiveOmit as _ } from "@vueuse/core";
-import { useForwardPropsEmits as w, PaginationRoot as B } from "reka-ui";
-import { cn as h } from "../lib/utils.js";
-const v = /* @__PURE__ */ p({
+import { useForwardPropsEmits as w, PaginationRoot as y } from "reka-ui";
+import { cn as B } from "../lib/utils.js";
+const k = /* @__PURE__ */ p({
   __name: "Pagination",
   props: {
     page: {},
@@ -13,22 +13,22 @@ const v = /* @__PURE__ */ p({
     disabled: { type: Boolean },
     showEdges: { type: Boolean },
     asChild: { type: Boolean },
-    as: {},
+    as: { type: [String, Object, Function] },
     class: {}
   },
   emits: ["update:page"],
   setup(o, { emit: a }) {
     const t = o, s = a, r = _(t, "class"), n = w(r, s);
-    return (i, x) => (m(), c(e(B), d({ "data-slot": "pagination" }, e(n), {
-      class: e(h)("mx-auto flex w-full justify-center", t.class)
+    return (i, h) => (m(), c(e(y), d({ "data-slot": "pagination" }, e(n), {
+      class: e(B)("mx-auto flex w-full justify-center", t.class)
     }), {
-      default: f((l) => [
-        u(i.$slots, "default", g(P(l)))
+      default: u((l) => [
+        f(i.$slots, "default", g(P(l)))
       ]),
       _: 3
     }, 16, ["class"]));
   }
 });
 export {
-  v as default
+  k as default
 };