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

package/dist/card/Card.vue.js

@@ -0,0 +1,51 @@
+import { defineComponent as i, createBlock as s, openBlock as t, unref as e, normalizeClass as o, withCtx as d, createElementVNode as c, renderSlot as u } from "vue";
+import { cn as a } from "../lib/utils.js";
+import { AtCirclePlusSolidIcon as p } from "@agrotools1/at-icons";
+import { Primitive as f } from "reka-ui";
+import m from "../checkbox/Checkbox.vue.js";
+const h = { class: "self-end-safe" }, w = /* @__PURE__ */ i({
+  __name: "Card",
+  props: {
+    selected: { type: Boolean },
+    class: {},
+    asChild: { type: Boolean },
+    as: { default: "div" }
+  },
+  setup(n) {
+    const r = n;
+    return (l, y) => (t(), s(e(f), {
+      "data-slot": "card",
+      role: "button",
+      as: l.as,
+      "as-child": l.asChild,
+      class: o(
+        e(a)(
+          "group relative flex h-full min-h-[184px] w-full max-w-[149px] cursor-pointer flex-col items-center justify-start gap-2 rounded-xl border border-neutral-200 bg-neutral-100 p-4 *:transition-all",
+          l.selected ? "bg-primary-100 border-primary-100 selected cursor-default" : "not-selected",
+          r.class
+        )
+      )
+    }, {
+      default: d(() => [
+        c("div", h, [
+          r.selected ? (t(), s(e(m), {
+            key: 0,
+            "default-value": r.selected,
+            size: "sm",
+            class: "pointer-events-none rounded-full"
+          }, null, 8, ["default-value"])) : (t(), s(e(p), {
+            key: 1,
+            role: "button",
+            class: o(e(a)("text-primary-500 h-4 w-4 min-w-full cursor-pointer")),
+            size: "16"
+          }, null, 8, ["class"]))
+        ]),
+        u(l.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "class"]));
+  }
+});
+export {
+  w as default
+};

package/dist/card/Card.vue2.js

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

package/dist/card/CardDescription.vue.js

@@ -0,0 +1,33 @@
+import { defineComponent as o, createBlock as r, openBlock as l, unref as e, normalizeClass as n, withCtx as i, renderSlot as c } from "vue";
+import { Primitive as p } from "reka-ui";
+import { cn as d } from "../lib/utils.js";
+const C = /* @__PURE__ */ o({
+  __name: "CardDescription",
+  props: {
+    class: {},
+    asChild: { type: Boolean },
+    as: { default: "p" }
+  },
+  setup(s) {
+    const a = s;
+    return (t, m) => (l(), r(e(p), {
+      "data-slot": "card-description",
+      as: t.as,
+      "as-child": t.asChild,
+      class: n(
+        e(d)(
+          "text-primary-700 font-nunito hidden w-full items-start text-start text-xs font-normal group-hover:block group-[.not-selected]:text-gray-700",
+          a.class
+        )
+      )
+    }, {
+      default: i(() => [
+        c(t.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "class"]));
+  }
+});
+export {
+  C as default
+};

package/dist/card/CardDescription.vue2.js

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

package/dist/card/CardTitle.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent as o, createBlock as r, openBlock as l, unref as e, normalizeClass as i, withCtx as n, renderSlot as d } from "vue";
+import { Primitive as c } from "reka-ui";
+import { cn as p } from "../lib/utils.js";
+const g = /* @__PURE__ */ o({
+  __name: "CardTitle",
+  props: {
+    class: {},
+    asChild: { type: Boolean },
+    as: { default: "h8" }
+  },
+  setup(a) {
+    const s = a;
+    return (t, m) => (l(), r(e(c), {
+      "data-slot": "card-title",
+      as: t.as,
+      "as-child": t.asChild,
+      class: i(
+        e(p)(
+          "text-primary-500 font-nunito w-full items-start text-start text-xs font-semibold group-[.not-selected]:text-gray-700 group-hover:group-[.not-selected]:text-gray-800",
+          s.class
+        )
+      ),
+      role: "heading",
+      "aria-level": "8"
+    }, {
+      default: n(() => [
+        d(t.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "class"]));
+  }
+});
+export {
+  g as default
+};

package/dist/card/CardTitle.vue2.js

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

package/dist/carousel/Carousel.vue.js

@@ -0,0 +1,62 @@
+import { defineComponent as w, createElementBlock as y, openBlock as A, normalizeClass as P, unref as e, renderSlot as S } from "vue";
+import { cn as _ } from "../lib/utils.js";
+import { useProvideCarousel as k } from "./useCarousel.js";
+const N = /* @__PURE__ */ w({
+  __name: "Carousel",
+  props: {
+    opts: {},
+    plugins: {},
+    orientation: { default: "horizontal" },
+    class: {}
+  },
+  emits: ["init-api"],
+  setup(u, { expose: f, emit: m }) {
+    const r = u, d = m, {
+      canScrollNext: n,
+      canScrollPrev: a,
+      carouselApi: s,
+      carouselRef: i,
+      orientation: c,
+      scrollNext: t,
+      scrollPrev: l
+    } = k(r, d);
+    f({
+      canScrollNext: n,
+      canScrollPrev: a,
+      carouselApi: s,
+      carouselRef: i,
+      orientation: c,
+      scrollNext: t,
+      scrollPrev: l
+    });
+    function v(o) {
+      const p = r.orientation === "vertical" ? "ArrowUp" : "ArrowLeft", x = r.orientation === "vertical" ? "ArrowDown" : "ArrowRight";
+      if (o.key === p) {
+        o.preventDefault(), l();
+        return;
+      }
+      o.key === x && (o.preventDefault(), t());
+    }
+    return (o, p) => (A(), y("div", {
+      "data-slot": "carousel",
+      class: P(e(_)("relative", r.class)),
+      role: "region",
+      "aria-roledescription": "carousel",
+      tabindex: "0",
+      onKeydown: v
+    }, [
+      S(o.$slots, "default", {
+        canScrollNext: e(n),
+        canScrollPrev: e(a),
+        carouselApi: e(s),
+        carouselRef: e(i),
+        orientation: e(c),
+        scrollNext: e(t),
+        scrollPrev: e(l)
+      })
+    ], 34));
+  }
+});
+export {
+  N as default
+};

package/dist/carousel/Carousel.vue2.js

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

package/dist/carousel/CarouselContent.vue.js

@@ -0,0 +1,28 @@
+import { defineComponent as n, createElementBlock as a, openBlock as c, createElementVNode as f, mergeProps as m, unref as o, renderSlot as i } from "vue";
+import { cn as p } from "../lib/utils.js";
+import { useCarousel as u } from "./useCarousel.js";
+const k = /* @__PURE__ */ n({
+  inheritAttrs: !1,
+  __name: "CarouselContent",
+  props: {
+    class: {}
+  },
+  setup(r) {
+    const t = r, { carouselRef: s, orientation: l } = u();
+    return (e, d) => (c(), a("div", {
+      ref_key: "carouselRef",
+      ref: s,
+      "data-slot": "carousel-content",
+      class: "overflow-hidden"
+    }, [
+      f("div", m({
+        class: o(p)("flex", o(l) === "horizontal" ? "-ml-4" : "-mt-4 flex-col", t.class)
+      }, e.$attrs), [
+        i(e.$slots, "default")
+      ], 16)
+    ], 512));
+  }
+});
+export {
+  k as default
+};

package/dist/carousel/CarouselContent.vue2.js

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

package/dist/carousel/CarouselItem.vue.js

@@ -0,0 +1,29 @@
+import { defineComponent as l, createElementBlock as a, openBlock as n, normalizeClass as i, unref as o, renderSlot as c } from "vue";
+import { cn as p } from "../lib/utils.js";
+import { useCarousel as m } from "./useCarousel.js";
+const C = /* @__PURE__ */ l({
+  __name: "CarouselItem",
+  props: {
+    class: {}
+  },
+  setup(e) {
+    const r = e, { orientation: s } = m();
+    return (t, u) => (n(), a("div", {
+      "data-slot": "carousel-item",
+      role: "group",
+      "aria-roledescription": "slide",
+      class: i(
+        o(p)(
+          "min-w-0 shrink-0 grow-0 basis-full",
+          o(s) === "horizontal" ? "pl-4" : "pt-4",
+          r.class
+        )
+      )
+    }, [
+      c(t.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  C as default
+};

package/dist/carousel/CarouselItem.vue2.js

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

package/dist/carousel/CarouselNext.vue.js

@@ -0,0 +1,44 @@
+import { defineComponent as c, createBlock as m, openBlock as p, unref as e, normalizeClass as a, withCtx as d, renderSlot as f, createVNode as u, createElementVNode as b } from "vue";
+import { cn as x } from "../lib/utils.js";
+import { useCarousel as z } from "./useCarousel.js";
+import C from "../button/Button.vue.js";
+import g 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/triangle.js";
+const _ = /* @__PURE__ */ c({
+  __name: "CarouselNext",
+  props: {
+    variant: { default: "outline" },
+    size: { default: "icon" },
+    class: {}
+  },
+  setup(l) {
+    const s = l, { orientation: n, canScrollNext: r, scrollNext: i } = z();
+    return (t, o) => (p(), m(e(C), {
+      "data-slot": "carousel-next",
+      disabled: !e(r),
+      class: a(
+        e(x)(
+          "bg-primary hover:bg-primary-400 absolute size-6 rounded-full hover:border-none",
+          e(n) === "horizontal" ? "-right-8 top-1/2 -translate-y-1/2" : "-bottom-8 left-1/2 -translate-x-1/2 rotate-90",
+          e(r) ? "" : "border-none",
+          s.class
+        )
+      ),
+      variant: t.variant,
+      size: t.size,
+      onClick: e(i)
+    }, {
+      default: d(() => [
+        f(t.$slots, "default", {}, () => [
+          u(e(g), {
+            class: a(["ml-[1px] rotate-90 p-[5px]", e(r) ? "fill-white stroke-white" : "fill-gray-300 stroke-gray-300"])
+          }, null, 8, ["class"]),
+          o[0] || (o[0] = b("span", { class: "sr-only" }, "Next Slide", -1))
+        ])
+      ]),
+      _: 3
+    }, 8, ["disabled", "class", "variant", "size", "onClick"]));
+  }
+});
+export {
+  _ as default
+};

package/dist/carousel/CarouselNext.vue2.js

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

package/dist/carousel/CarouselPrevious.vue.js

@@ -0,0 +1,44 @@
+import { defineComponent as p, createBlock as c, openBlock as u, unref as e, normalizeClass as t, withCtx as d, renderSlot as f, createVNode as m, createElementVNode as v } from "vue";
+import { cn as b } from "../lib/utils.js";
+import { useCarousel as z } from "./useCarousel.js";
+import C from "../button/Button.vue.js";
+import k 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/triangle.js";
+const w = /* @__PURE__ */ p({
+  __name: "CarouselPrevious",
+  props: {
+    variant: { default: "outline" },
+    size: { default: "icon" },
+    class: {}
+  },
+  setup(s) {
+    const l = s, { orientation: n, canScrollPrev: r, scrollPrev: i } = z();
+    return (o, a) => (u(), c(e(C), {
+      "data-slot": "carousel-previous",
+      disabled: !e(r),
+      class: t(
+        e(b)(
+          "bg-primary hover:bg-primary-400 absolute size-6 rounded-full hover:border-none",
+          e(n) === "horizontal" ? "-left-8 top-1/2 -translate-y-1/2" : "-top-8 left-1/2 -translate-x-1/2 rotate-90",
+          e(r) ? "" : "border-none",
+          l.class
+        )
+      ),
+      variant: o.variant,
+      size: o.size,
+      onClick: e(i)
+    }, {
+      default: d(() => [
+        f(o.$slots, "default", {}, () => [
+          m(e(k), {
+            class: t(["rotate-270 mr-[px] p-[5px]", e(r) ? "fill-white stroke-white" : "fill-gray-300 stroke-gray-300"])
+          }, null, 8, ["class"]),
+          a[0] || (a[0] = v("span", { class: "sr-only" }, "Previous Slide", -1))
+        ])
+      ]),
+      _: 3
+    }, 8, ["disabled", "class", "variant", "size", "onClick"]));
+  }
+});
+export {
+  w as default
+};

package/dist/carousel/CarouselPrevious.vue2.js

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

package/dist/carousel/useCarousel.js

@@ -0,0 +1,48 @@
+import { createInjectionState as S } from "@vueuse/core";
+import C from "embla-carousel-vue";
+import { ref as c, onMounted as N } from "vue";
+const [h, P] = S(
+  ({ opts: o, orientation: t, plugins: i }, f) => {
+    const [v, l] = C(
+      {
+        ...o,
+        axis: t === "horizontal" ? "x" : "y"
+      },
+      i
+    );
+    function m() {
+      var e;
+      (e = l.value) == null || e.scrollPrev();
+    }
+    function x() {
+      var e;
+      (e = l.value) == null || e.scrollNext();
+    }
+    const n = c(!1), u = c(!1);
+    function r() {
+      const e = l.value;
+      n.value = (e == null ? void 0 : e.canScrollNext()) || !1, u.value = (e == null ? void 0 : e.canScrollPrev()) || !1;
+    }
+    return N(() => {
+      var e, a, s;
+      l.value && ((e = l.value) == null || e.on("init", r), (a = l.value) == null || a.on("reInit", r), (s = l.value) == null || s.on("select", r), f("init-api", l.value));
+    }), {
+      carouselRef: v,
+      carouselApi: l,
+      canScrollPrev: u,
+      canScrollNext: n,
+      scrollPrev: m,
+      scrollNext: x,
+      orientation: t
+    };
+  }
+);
+function w() {
+  const o = P();
+  if (!o) throw new Error("useCarousel must be used within a <Carousel />");
+  return o;
+}
+export {
+  w as useCarousel,
+  h as useProvideCarousel
+};

package/dist/checkbox/Checkbox.vue.js

@@ -0,0 +1,74 @@
+import { defineComponent as m, createBlock as b, openBlock as o, unref as e, mergeProps as f, withCtx as s, createVNode as g, renderSlot as h, createElementBlock as k, normalizeClass as x, createElementVNode as v } from "vue";
+import { reactiveOmit as w } from "@vueuse/core";
+import { cva as y } from "class-variance-authority";
+import { useForwardPropsEmits as z, CheckboxRoot as B, CheckboxIndicator as C } from "reka-ui";
+import { cn as i } from "../lib/utils.js";
+const j = /* @__PURE__ */ m({
+  __name: "Checkbox",
+  props: {
+    class: {},
+    size: {},
+    defaultValue: { type: [Boolean, String] },
+    modelValue: { type: [Boolean, String, null] },
+    disabled: { type: Boolean },
+    value: {},
+    id: {},
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(n, { emit: d }) {
+    const r = n, l = d, c = y(
+      "border-primary cursor-pointer data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground hover:ring-ring/24 focus-visible:ring-ring/24 aria-invalid:ring-destructive/24 aria-invalid:border-destructive peer shrink-0 rounded border-[2px] outline-none hover:ring-[3px] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:border-neutral-400 disabled:bg-gray-200 disabled:text-neutral-400 disabled:data-[state=checked]:border-neutral-400 disabled:data-[state=checked]:bg-gray-200 bg-neutral-100 disabled:data-[state=checked]:text-neutral-400",
+      {
+        variants: {
+          size: {
+            default: "size-5",
+            sm: "size-4"
+          }
+        },
+        defaultVariants: {
+          size: "default"
+        }
+      }
+    ), u = w(r, "class"), p = z(u, l);
+    return (t, a) => (o(), b(e(B), f({ "data-slot": "checkbox" }, e(p), {
+      class: e(i)(e(c)({ size: t.size }), r.class)
+    }), {
+      default: s(() => [
+        g(e(C), {
+          "data-slot": "checkbox-indicator",
+          class: "flex items-center justify-center text-current transition-none"
+        }, {
+          default: s(() => [
+            h(t.$slots, "default", {}, () => [
+              (o(), k("svg", {
+                class: x(e(i)("text-current", t.size === "sm" ? "size-2.5" : "size-3.5")),
+                width: "10",
+                height: "8",
+                viewBox: "0 0 10 8",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [...a[0] || (a[0] = [
+                v("path", {
+                  d: "M1.40002 4.40001L3.80002 6.80001L8.60002 1.20001",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, null, -1)
+              ])], 2))
+            ])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  j as default
+};

package/dist/checkbox/Checkbox.vue2.js

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

package/dist/combobox/Combobox.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent as l, createBlock as r, openBlock as p, unref as e, mergeProps as s, withCtx as i, renderSlot as m } from "vue";
+import { useForwardPropsEmits as d, ComboboxRoot as u } from "reka-ui";
+const b = /* @__PURE__ */ l({
+  __name: "Combobox",
+  props: {
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean },
+    resetSearchTermOnBlur: { type: Boolean },
+    resetSearchTermOnSelect: { type: Boolean },
+    openOnFocus: { type: Boolean },
+    openOnClick: { type: Boolean },
+    ignoreFilter: { type: Boolean },
+    modelValue: {},
+    defaultValue: {},
+    multiple: { type: Boolean },
+    dir: {},
+    disabled: { type: Boolean },
+    highlightOnHover: { type: Boolean },
+    by: { type: [String, Function] },
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue", "highlight", "update:open"],
+  setup(o, { emit: t }) {
+    const n = d(o, t);
+    return (a, y) => (p(), r(e(u), s({ "data-slot": "combobox" }, e(n)), {
+      default: i(() => [
+        m(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  b as default
+};

package/dist/combobox/Combobox.vue2.js

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

package/dist/combobox/ComboboxAnchor.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent as c, createBlock as n, openBlock as p, unref as o, mergeProps as l, withCtx as m, renderSlot as d } from "vue";
+import { reactiveOmit as f } from "@vueuse/core";
+import { useForwardProps as i, ComboboxAnchor as u } from "reka-ui";
+import { cn as b } from "../lib/utils.js";
+const B = /* @__PURE__ */ c({
+  __name: "ComboboxAnchor",
+  props: {
+    reference: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(r) {
+    const e = r, s = f(e, "class"), t = i(s);
+    return (a, h) => (p(), n(o(u), l({ "data-slot": "combobox-anchor" }, o(t), {
+      class: o(b)("w-[200px]", e.class)
+    }), {
+      default: m(() => [
+        d(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  B as default
+};

package/dist/combobox/ComboboxAnchor.vue2.js

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

package/dist/combobox/ComboboxEmpty.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as a, createBlock as m, openBlock as p, unref as o, mergeProps as c, withCtx as l, renderSlot as n } from "vue";
+import { reactiveOmit as f } from "@vueuse/core";
+import { ComboboxEmpty as i } from "reka-ui";
+import { cn as d } from "../lib/utils.js";
+const C = /* @__PURE__ */ a({
+  __name: "ComboboxEmpty",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(e) {
+    const t = e, s = f(t, "class");
+    return (r, u) => (p(), m(o(i), c({ "data-slot": "combobox-empty" }, o(s), {
+      class: o(d)("py-6 text-center text-sm", t.class)
+    }), {
+      default: l(() => [
+        n(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  C as default
+};

package/dist/combobox/ComboboxEmpty.vue2.js

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

package/dist/combobox/ComboboxGroup.vue.js

@@ -0,0 +1,36 @@
+import { defineComponent as p, createBlock as r, openBlock as a, unref as o, mergeProps as l, withCtx as s, createCommentVNode as d, renderSlot as c, createTextVNode as i, toDisplayString as u } from "vue";
+import { reactiveOmit as f } from "@vueuse/core";
+import { ComboboxGroup as b, ComboboxLabel as x } from "reka-ui";
+import { cn as g } from "../lib/utils.js";
+const B = /* @__PURE__ */ p({
+  __name: "ComboboxGroup",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    heading: {}
+  },
+  setup(n) {
+    const t = n, m = f(t, "class");
+    return (e, h) => (a(), r(o(b), l({ "data-slot": "combobox-group" }, o(m), {
+      class: o(g)("overflow-hidden p-1", t.class)
+    }), {
+      default: s(() => [
+        e.heading ? (a(), r(o(x), {
+          key: 0,
+          class: "text-muted-foreground px-2 py-1.5 text-xs font-medium"
+        }, {
+          default: s(() => [
+            i(u(e.heading), 1)
+          ]),
+          _: 1
+        })) : d("", !0),
+        c(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  B as default
+};

package/dist/combobox/ComboboxGroup.vue2.js

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