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

package/dist/tabs/TabsTrigger.vue.js

@@ -0,0 +1,33 @@
+import { defineComponent as d, createElementBlock as l, openBlock as n, createVNode as i, unref as a, mergeProps as p, withCtx as c, renderSlot as f } from "vue";
+import { reactiveOmit as m } from "@vueuse/core";
+import { useForwardProps as u, TabsTrigger as v } from "reka-ui";
+import { tabsTriggerVariants as g } from "./index.js";
+import { cn as h } from "../lib/utils.js";
+const b = { class: "has-data-[variant=default]:drop-shadow-lg has-data-[variant=default]:drop-shadow-black/8 has-data-[variant=default]:h-full" }, C = /* @__PURE__ */ d({
+  __name: "TabsTrigger",
+  props: {
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    variant: {}
+  },
+  setup(e) {
+    const r = e, s = m(r, "class"), o = u(s);
+    return (t, _) => (n(), l("div", b, [
+      i(a(v), p({ "data-slot": "tabs-trigger" }, a(o), {
+        "data-variant": t.variant ?? "default",
+        class: a(h)(a(g)({ variant: t.variant }), r.class)
+      }), {
+        default: c(() => [
+          f(t.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["data-variant", "class"])
+    ]));
+  }
+});
+export {
+  C as default
+};

package/dist/tabs/TabsTrigger.vue2.js

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

package/dist/tabs/index.js

@@ -0,0 +1,18 @@
+import { cva as r } from "class-variance-authority";
+const t = r(
+  "data-[state=active]:text-primary-500 hover:text-primary-500 cursor-pointer bg-background disabled:cursor-not-allowed font-bold text-sm transition-all duration-300 flex-1 inline-flex relative items-center gap-1.5 whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-linear-(--tab-trigger-background) after:w-15 after:-rotate-20 hover:after:bg-linear-(--tab-trigger-background) rounded-t-md border border-transparent p-4 text-gray-600 after:absolute after:-bottom-[21%] after:-right-3 after:-z-10 after:h-[110%] after:rounded-md after:bg-neutral-100 disabled:hover:bg-none disabled:hover:text-gray-600 disabled:hover:after:bg-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 h-full",
+        simple: "data-[state=active]:border-primary-500 border-b border-neutral-200 p-2 min-w-40"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+export {
+  t as tabsTriggerVariants
+};

package/dist/tag/Tag.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as r, createBlock as o, openBlock as i, unref as s, normalizeClass as l, withCtx as n, renderSlot as m } from "vue";
+import { Primitive as p } from "reka-ui";
+import { cn as d } from "../lib/utils.js";
+import { tagVariants as c } from "./index.js";
+const z = /* @__PURE__ */ r({
+  __name: "Tag",
+  props: {
+    variant: {},
+    size: {},
+    class: {},
+    asChild: { type: Boolean },
+    as: { default: "div" }
+  },
+  setup(e) {
+    const t = e;
+    return (a, f) => (i(), o(s(p), {
+      "data-slot": "tag",
+      as: a.as,
+      "as-child": a.asChild,
+      class: l(s(d)(s(c)({ variant: a.variant, size: a.size }), t.class))
+    }, {
+      default: n(() => [
+        m(a.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "class"]));
+  }
+});
+export {
+  z as default
+};

package/dist/tag/Tag.vue2.js

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

package/dist/tag/index.js

@@ -0,0 +1,35 @@
+import { cva as e } from "class-variance-authority";
+const t = e(
+  "inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-sm font-semibold transition-all shrink-0 outline-none",
+  {
+    variants: {
+      variant: {
+        primary: "bg-primary-500 text-neutral-100",
+        "primary-light": "bg-primary-100 text-primary-500",
+        "primary-outline": "border border-primary text-primary-500",
+        tertiary: "bg-tertiary-200 text-primary-500",
+        blue: "bg-blue-100 text-blue-500",
+        "blue-outline": "border border-blue-500 text-blue-500",
+        yellow: "bg-yellow-100 text-yellow-500",
+        "yellow-outline": "border border-yellow-500 text-yellow-500",
+        red: "bg-red-100 text-red-500",
+        "red-outline": "border border-red-400 text-red-500",
+        green: "bg-green-100 text-green-500",
+        "green-outline": "border border-green-500 text-green-500",
+        gray: "bg-gray-100 text-gray-800",
+        "gray-outline": "border border-gray-400 text-gray-800"
+      },
+      size: {
+        default: "py-1 px-2 text-sm",
+        sm: "p-1 text-[0.625rem] leading-[0.625rem]"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "default"
+    }
+  }
+);
+export {
+  t as tagVariants
+};

package/dist/textarea/Textarea.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent as i, withDirectives as d, createElementBlock as n, openBlock as u, normalizeClass as m, unref as a, isRef as c, vModelText as p } from "vue";
+import { cn as f } from "../lib/utils.js";
+import { useVModel as x } from "@vueuse/core";
+const v = ["rows"], _ = /* @__PURE__ */ i({
+  __name: "Textarea",
+  props: {
+    class: {},
+    defaultValue: {},
+    modelValue: {},
+    rows: {}
+  },
+  emits: ["update:modelValue"],
+  setup(r, { emit: l }) {
+    const e = r, t = x(e, "modelValue", l, {
+      passive: !0,
+      defaultValue: e.defaultValue
+    });
+    return (w, o) => d((u(), n("textarea", {
+      "onUpdate:modelValue": o[0] || (o[0] = (s) => c(t) ? t.value = s : null),
+      "data-slot": "textarea",
+      class: m(
+        a(f)(
+          "border-input placeholder:text-muted-foreground focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex min-h-16 w-full rounded-md border !bg-white px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          e.class
+        )
+      ),
+      rows: e.rows
+    }, null, 10, v)), [
+      [p, a(t)]
+    ]);
+  }
+});
+export {
+  _ as default
+};

package/dist/textarea/Textarea.vue2.js

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

package/dist/time-picker/TimePicker.vue.js

@@ -0,0 +1,142 @@
+import { defineComponent as C, computed as c, createElementBlock as I, openBlock as k, normalizeClass as y, createElementVNode as r, createVNode as l, unref as i, withCtx as n } from "vue";
+import { Time as p } from "../node_modules/.pnpm/@internationalized_date@3.8.2/node_modules/@internationalized/date/dist/CalendarDate.js";
+import { useVModel as $ } from "@vueuse/core";
+import o from "../button/Button.vue.js";
+import f 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-up.js";
+import b from "../input/Input.vue.js";
+import v 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 w = { class: "flex flex-col items-center gap-1" }, B = { class: "flex flex-col items-center gap-1" }, j = /* @__PURE__ */ C({
+  __name: "TimePicker",
+  props: {
+    modelValue: {},
+    defaultValue: { default: "00:00" },
+    class: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(h, { emit: x }) {
+    const a = h, s = $(a, "modelValue", x, {
+      passive: !0,
+      defaultValue: N()
+    });
+    function N() {
+      if (a.defaultValue instanceof p)
+        return a.defaultValue;
+      const [e = "00", t = "00"] = (a.defaultValue || "00:00").split(":");
+      return new p(Number.parseInt(e), Number.parseInt(t));
+    }
+    const d = c({
+      get: () => {
+        var e;
+        return (e = s.value) != null && e.hour ? s.value.hour.toString() : "00";
+      },
+      set: (e) => {
+        var u;
+        if (!e || Number.isNaN(Number.parseInt(e))) return;
+        const t = Number.parseInt(e);
+        t > 24 || t < 0 || (s.value = (u = s.value) == null ? void 0 : u.set({ hour: Number.parseInt(e) }));
+      }
+    }), m = c({
+      get: () => {
+        var e;
+        return (e = s.value) != null && e.minute ? s.value.minute.toString() : "00";
+      },
+      set: (e) => {
+        var u;
+        if (!e || Number.isNaN(Number.parseInt(e))) return;
+        const t = Number.parseInt(e);
+        t > 60 || t < 0 || (s.value = (u = s.value) == null ? void 0 : u.set({ minute: Number.parseInt(e) }));
+      }
+    });
+    function g() {
+      var e;
+      s.value = (e = s.value) == null ? void 0 : e.add({ hours: 1 });
+    }
+    function V() {
+      var e;
+      s.value = (e = s.value) == null ? void 0 : e.add({ hours: -1 });
+    }
+    function _() {
+      var e;
+      s.value = (e = s.value) == null ? void 0 : e.add({ minutes: 1 });
+    }
+    function z() {
+      var e;
+      s.value = (e = s.value) == null ? void 0 : e.add({ minutes: -1 });
+    }
+    return (e, t) => (k(), I("div", {
+      class: y(["flex items-center gap-2", a.class])
+    }, [
+      r("div", w, [
+        l(i(o), {
+          variant: "ghost",
+          size: "sm",
+          class: "size-6 px-1 py-0",
+          disabled: a.disabled,
+          onClick: g
+        }, {
+          default: n(() => [
+            l(i(f), { class: "h-4 w-4" })
+          ]),
+          _: 1
+        }, 8, ["disabled"]),
+        l(i(b), {
+          modelValue: d.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (u) => d.value = u),
+          class: "h-8 w-12 p-1 text-center",
+          maxlength: "2",
+          disabled: a.disabled
+        }, null, 8, ["modelValue", "disabled"]),
+        l(i(o), {
+          variant: "ghost",
+          size: "sm",
+          class: "size-6 px-1 py-0",
+          disabled: a.disabled,
+          onClick: V
+        }, {
+          default: n(() => [
+            l(i(v), { class: "h-4 w-4" })
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ]),
+      t[2] || (t[2] = r("span", { class: "text-base font-medium" }, ":", -1)),
+      r("div", B, [
+        l(i(o), {
+          variant: "ghost",
+          size: "sm",
+          class: "size-6 px-1 py-0",
+          disabled: a.disabled,
+          onClick: _
+        }, {
+          default: n(() => [
+            l(i(f), { class: "h-4 w-4" })
+          ]),
+          _: 1
+        }, 8, ["disabled"]),
+        l(i(b), {
+          modelValue: m.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (u) => m.value = u),
+          class: "h-8 w-12 p-1 text-center",
+          maxlength: "2",
+          disabled: a.disabled
+        }, null, 8, ["modelValue", "disabled"]),
+        l(i(o), {
+          variant: "ghost",
+          size: "sm",
+          class: "size-6 px-1 py-0",
+          disabled: a.disabled,
+          onClick: z
+        }, {
+          default: n(() => [
+            l(i(v), { class: "h-4 w-4" })
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ])
+    ], 2));
+  }
+});
+export {
+  j as default
+};

package/dist/time-picker/TimePicker.vue2.js

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

package/dist/tooltip/Tooltip.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent as a, createBlock as p, openBlock as s, unref as o, mergeProps as l, withCtx as i, renderSlot as d } from "vue";
+import { useForwardPropsEmits as m, TooltipRoot as u } from "reka-ui";
+const b = /* @__PURE__ */ a({
+  __name: "Tooltip",
+  props: {
+    defaultOpen: { type: Boolean },
+    open: { type: Boolean },
+    delayDuration: {},
+    disableHoverableContent: { type: Boolean },
+    disableClosingTrigger: { type: Boolean },
+    disabled: { type: Boolean },
+    ignoreNonKeyboardFocus: { type: Boolean }
+  },
+  emits: ["update:open"],
+  setup(e, { emit: t }) {
+    const n = m(e, t);
+    return (r, y) => (s(), p(o(u), l({ "data-slot": "tooltip" }, o(n)), {
+      default: i(() => [
+        d(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  b as default
+};

package/dist/tooltip/Tooltip.vue2.js

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

package/dist/tooltip/TooltipContent.vue.js

@@ -0,0 +1,51 @@
+import { defineComponent as p, createBlock as c, openBlock as f, unref as t, withCtx as a, createVNode as s, mergeProps as m, renderSlot as u } from "vue";
+import { reactiveOmit as g } from "@vueuse/core";
+import { useForwardPropsEmits as y, TooltipPortal as h, TooltipContent as w, TooltipArrow as _ } from "reka-ui";
+import { cn as x } from "../lib/utils.js";
+const O = /* @__PURE__ */ p({
+  inheritAttrs: !1,
+  __name: "TooltipContent",
+  props: {
+    forceMount: { type: Boolean },
+    ariaLabel: {},
+    asChild: { type: Boolean },
+    as: {},
+    side: {},
+    sideOffset: { default: 4 },
+    align: {},
+    alignOffset: {},
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {},
+    class: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside"],
+  setup(i, { emit: n }) {
+    const e = i, r = n, l = g(e, "class"), d = y(l, r);
+    return (o, B) => (f(), c(t(h), null, {
+      default: a(() => [
+        s(t(w), m({ "data-slot": "tooltip-content" }, { ...t(d), ...o.$attrs }, {
+          class: t(x)(
+            "bg-gray-1000 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit text-balance rounded-lg p-2 text-xs text-neutral-100",
+            e.class
+          )
+        }), {
+          default: a(() => [
+            u(o.$slots, "default"),
+            s(t(_), { class: "bg-gray-1000 fill-gray-1000 z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+          ]),
+          _: 3
+        }, 16, ["class"])
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  O as default
+};

package/dist/tooltip/TooltipContent.vue2.js

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

package/dist/tooltip/TooltipProvider.vue.js

@@ -0,0 +1,25 @@
+import { defineComponent as t, createBlock as a, openBlock as n, unref as l, normalizeProps as i, guardReactiveProps as p, withCtx as s, renderSlot as d } from "vue";
+import { TooltipProvider as u } from "reka-ui";
+const y = /* @__PURE__ */ t({
+  __name: "TooltipProvider",
+  props: {
+    delayDuration: { default: 0 },
+    skipDelayDuration: {},
+    disableHoverableContent: { type: Boolean },
+    disableClosingTrigger: { type: Boolean },
+    disabled: { type: Boolean },
+    ignoreNonKeyboardFocus: { type: Boolean }
+  },
+  setup(e) {
+    const o = e;
+    return (r, c) => (n(), a(l(u), i(p(o)), {
+      default: s(() => [
+        d(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  y as default
+};

package/dist/tooltip/TooltipProvider.vue2.js

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

package/dist/tooltip/TooltipTrigger.vue.js

@@ -0,0 +1,22 @@
+import { defineComponent as t, createBlock as p, openBlock as n, unref as a, mergeProps as l, withCtx as s, renderSlot as i } from "vue";
+import { TooltipTrigger as c } from "reka-ui";
+const g = /* @__PURE__ */ t({
+  __name: "TooltipTrigger",
+  props: {
+    reference: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(e) {
+    const o = e;
+    return (r, f) => (n(), p(a(c), l({ "data-slot": "tooltip-trigger" }, o), {
+      default: s(() => [
+        i(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  g as default
+};

package/dist/tooltip/TooltipTrigger.vue2.js

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

package/dist/upload/UploadContent.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent as l, createBlock as o, openBlock as r, unref as s, normalizeClass as n, withCtx as i, renderSlot as p } from "vue";
+import { Primitive as f } from "reka-ui";
+import { cn as c } from "../lib/utils.js";
+const C = /* @__PURE__ */ l({
+  __name: "UploadContent",
+  props: {
+    class: {},
+    asChild: { type: Boolean },
+    as: { default: "div" }
+  },
+  setup(t) {
+    const e = t;
+    return (a, d) => (r(), o(s(f), {
+      "data-slot": "upload-content",
+      as: a.as,
+      "as-child": a.asChild,
+      class: n(
+        s(c)("flex h-full w-max flex-row flex-wrap items-start justify-start gap-y-2", e.class)
+      )
+    }, {
+      default: i(() => [
+        p(a.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "class"]));
+  }
+});
+export {
+  C as default
+};

package/dist/upload/UploadContent.vue2.js

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

package/dist/upload/UploadContentDescription.vue.js

@@ -0,0 +1,37 @@
+import { defineComponent as l, createBlock as n, openBlock as i, unref as t, normalizeClass as r, withCtx as p, renderSlot as c } from "vue";
+import { Primitive as d } from "reka-ui";
+import { cn as m } from "../lib/utils.js";
+import { injectUploadRootContext as f } from "./upload-context.js";
+const v = /* @__PURE__ */ l({
+  __name: "UploadContentDescription",
+  props: {
+    class: {},
+    asChild: { type: Boolean },
+    as: { default: "h8" }
+  },
+  setup(a) {
+    const s = a, e = f();
+    return (o, u) => (i(), n(t(d), {
+      "data-slot": "upload-content-description",
+      as: o.as,
+      "as-child": o.asChild,
+      class: r(
+        t(m)(
+          "font-nunito block w-full items-start text-start text-sm font-normal text-gray-900",
+          t(e).isUploading.value || t(e).isUploadingComplete.value ? "hidden" : "",
+          s.class
+        )
+      ),
+      role: "heading",
+      "aria-level": "8"
+    }, {
+      default: p(() => [
+        c(o.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "class"]));
+  }
+});
+export {
+  v as default
+};

package/dist/upload/UploadContentDescription.vue2.js

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

package/dist/upload/UploadContentLoadingDescription.vue.js

@@ -0,0 +1,37 @@
+import { defineComponent as n, createBlock as l, openBlock as i, unref as o, normalizeClass as r, withCtx as d, renderSlot as c } from "vue";
+import { Primitive as p } from "reka-ui";
+import { cn as m } from "../lib/utils.js";
+import { injectUploadRootContext as f } from "./upload-context.js";
+const _ = /* @__PURE__ */ n({
+  __name: "UploadContentLoadingDescription",
+  props: {
+    class: {},
+    asChild: { type: Boolean },
+    as: { default: "h8" }
+  },
+  setup(a) {
+    const e = a, s = f();
+    return (t, u) => (i(), l(o(p), {
+      "data-slot": "upload-content-loading-description",
+      as: t.as,
+      "as-child": t.asChild,
+      class: r(
+        o(m)(
+          "font-nunito hidden w-full items-start text-start text-sm font-normal text-gray-900",
+          o(s).isUploading.value ? "block" : "",
+          e.class
+        )
+      ),
+      role: "heading",
+      "aria-level": "8"
+    }, {
+      default: d(() => [
+        c(t.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "class"]));
+  }
+});
+export {
+  _ as default
+};

package/dist/upload/UploadContentLoadingDescription.vue2.js

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

package/dist/upload/UploadContentSuccessDescription.vue.js

@@ -0,0 +1,37 @@
+import { defineComponent as l, createBlock as n, openBlock as r, unref as e, normalizeClass as i, withCtx as c, renderSlot as p } from "vue";
+import { Primitive as d } from "reka-ui";
+import { cn as m } from "../lib/utils.js";
+import { injectUploadRootContext as f } from "./upload-context.js";
+const g = /* @__PURE__ */ l({
+  __name: "UploadContentSuccessDescription",
+  props: {
+    class: {},
+    asChild: { type: Boolean },
+    as: { default: "h8" }
+  },
+  setup(o) {
+    const s = o, a = f();
+    return (t, u) => (r(), n(e(d), {
+      "data-slot": "upload-content-success-description",
+      as: t.as,
+      "as-child": t.asChild,
+      class: i(
+        e(m)(
+          "font-nunito hidden w-full items-start text-start text-sm font-normal text-gray-900",
+          e(a).isUploadingComplete.value ? "block" : "",
+          s.class
+        )
+      ),
+      role: "heading",
+      "aria-level": "8"
+    }, {
+      default: c(() => [
+        p(t.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "class"]));
+  }
+});
+export {
+  g as default
+};

package/dist/upload/UploadContentSuccessDescription.vue2.js

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