@thkzt/eunoia 0.0.1-beta

package/dist/components/form/Checkbox/Checkbox.vue.js

@@ -0,0 +1,173 @@
+import { defineComponent as $, mergeModels as C, ref as L, useModel as M, toRef as N, computed as x, watchEffect as E, createElementBlock as y, openBlock as a, createElementVNode as b, createBlock as l, createCommentVNode as d, normalizeClass as s, unref as r, withDirectives as I, mergeProps as R, vModelCheckbox as z, renderSlot as A, withCtx as v, createVNode as D, createTextVNode as j, toDisplayString as H } from "vue";
+import { tv as n } from "tailwind-variants";
+import "../../../composables/useLocale.js";
+import { useSanitizedId as P } from "../../../composables/useSanitizedId.js";
+import "../../../composables/useTheme.js";
+import k from "../../core/Icon/Icon.vue.js";
+import T from "../Input/primitives/InputHintRow.vue.js";
+import U from "../Input/primitives/InputHelper.vue.js";
+import q from "../Input/primitives/InputError.vue.js";
+import "highlight.js/lib/core";
+const F = { class: "flex flex-col gap-1" }, G = ["id", "disabled", "aria-label", "aria-labelledby"], re = /* @__PURE__ */ $({
+  inheritAttrs: !1,
+  __name: "Checkbox",
+  props: /* @__PURE__ */ C({
+    dense: { type: Boolean },
+    invalid: { type: Boolean },
+    disabled: { type: Boolean },
+    indeterminate: { type: Boolean },
+    helper: {},
+    errors: {},
+    ariaLabel: {},
+    ariaLabelledby: {}
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(p) {
+    const o = L(null), h = P("checkbox", { useAttrId: !0 }), t = M(p, "modelValue"), u = p, i = N(u, "indeterminate"), g = x(() => {
+      var e;
+      return u.helper && !((e = u.errors) != null && e.length);
+    });
+    E(() => {
+      o.value && (o.value.indeterminate = !!i.value);
+    });
+    const w = n({
+      base: "inline-flex w-fit cursor-pointer items-center gap-2",
+      variants: {
+        disabled: {
+          true: "cursor-not-allowed opacity-50"
+        }
+      }
+    }), V = n({
+      base: [
+        "inline-flex shrink-0 items-center justify-center rounded border transition-colors",
+        "border-neutral-200 bg-white peer-focus-visible:border-primary-500",
+        "dark:border-neutral-700 dark:bg-transparent dark:peer-focus-visible:border-primary-500"
+      ],
+      variants: {
+        dense: {
+          false: "h-6 w-6",
+          true: "h-5 w-5"
+        },
+        checked: {
+          true: [
+            "border-primary-500 bg-primary-500 peer-focus-visible:border-primary-700",
+            "dark:border-primary-500 dark:bg-primary-500 dark:peer-focus-visible:border-primary-300"
+          ],
+          false: [
+            "hover:bg-neutral-50/25 active:bg-neutral-50/25",
+            "dark:hover:bg-black/15 dark:active:bg-neutral-900/25"
+          ]
+        },
+        indeterminate: {
+          true: "border-primary-500 bg-primary-500 peer-focus-visible:border-primary-700 hover:bg-primary-500 active:bg-primary-500 dark:border-primary-500 dark:bg-primary-500 dark:peer-focus-visible:border-primary-300 dark:hover:bg-primary-500 dark:active:bg-primary-500"
+        },
+        invalid: {
+          true: "border-red-500"
+        }
+      },
+      compoundVariants: [
+        {
+          checked: !0,
+          invalid: !0,
+          class: "border-red-500 bg-red-500 dark:border-red-700 dark:bg-red-950"
+        },
+        {
+          indeterminate: !0,
+          invalid: !0,
+          class: "border-red-500 bg-red-500 dark:border-red-700 dark:bg-red-950"
+        }
+      ],
+      defaultVariants: {
+        dense: !1
+      }
+    }), B = n({
+      base: ["text-neutral-700", "dark:text-neutral-300"],
+      variants: {
+        dense: {
+          false: "text-sm",
+          true: "text-xs"
+        }
+      },
+      defaultVariants: {
+        dense: !1
+      }
+    }), m = n({
+      base: "text-white",
+      variants: {
+        dense: {
+          false: "h-4.5 w-4.5",
+          true: "h-3.5 w-3.5"
+        }
+      },
+      defaultVariants: {
+        dense: !1
+      }
+    });
+    return (e, c) => {
+      var f;
+      return a(), y("div", F, [
+        b("label", {
+          class: s(r(w)({ disabled: e.disabled }))
+        }, [
+          I(b("input", R(e.$attrs, {
+            id: r(h),
+            ref_key: "inputRef",
+            ref: o,
+            "onUpdate:modelValue": c[0] || (c[0] = (S) => t.value = S),
+            type: "checkbox",
+            disabled: e.disabled,
+            "aria-label": e.ariaLabel,
+            "aria-labelledby": e.ariaLabelledby,
+            class: "peer sr-only"
+          }), null, 16, G), [
+            [z, t.value]
+          ]),
+          b("span", {
+            class: s(r(V)({ dense: e.dense, invalid: e.invalid, checked: t.value, indeterminate: i.value }))
+          }, [
+            t.value && !i.value ? (a(), l(r(k), {
+              key: 0,
+              name: "check",
+              class: s(r(m)({ dense: e.dense }))
+            }, null, 8, ["class"])) : i.value ? (a(), l(r(k), {
+              key: 1,
+              name: "minus",
+              class: s(r(m)({ dense: e.dense }))
+            }, null, 8, ["class"])) : d("", !0)
+          ], 2),
+          e.$slots.description ? (a(), y("span", {
+            key: 0,
+            class: s(r(B)({ dense: e.dense }))
+          }, [
+            A(e.$slots, "description")
+          ], 2)) : d("", !0)
+        ], 2),
+        g.value ? (a(), l(T, {
+          key: 0,
+          dense: e.dense
+        }, {
+          default: v(() => [
+            D(U, null, {
+              default: v(() => [
+                j(H(e.helper), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["dense"])) : d("", !0),
+        (f = e.errors) != null && f.length ? (a(), l(q, {
+          key: 1,
+          errors: e.errors,
+          dense: e.dense
+        }, null, 8, ["errors", "dense"])) : d("", !0)
+      ]);
+    };
+  }
+});
+export {
+  re as default
+};

package/dist/components/form/Checkbox/Checkbox.vue2.js

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

package/dist/components/form/DatePicker/DatePicker.vue.d.ts

@@ -0,0 +1,54 @@
+import { type LocaleMessages } from "@/composables";
+import { Weekday } from "@/types";
+type __VLS_Props = {
+    mode?: "single" | "range";
+    dense?: boolean;
+    invalid?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+    helper?: string;
+    errors?: string[];
+    locale?: LocaleMessages;
+    placement?: "top" | "bottom";
+    firstDayOfWeek?: Weekday;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: Date | {
+        start: Date;
+        end: Date;
+    } | null;
+};
+declare var __VLS_4: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_4) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Date | {
+        start: Date;
+        end: Date;
+    } | null | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Date | {
+        start: Date;
+        end: Date;
+    } | null | undefined) => any) | undefined;
+}>, {
+    locale: LocaleMessages;
+    ariaLabel: string;
+    ariaLabelledby: string;
+    helper: string;
+    errors: string[];
+    placeholder: string;
+    placement: "top" | "bottom";
+    mode: "single" | "range";
+    firstDayOfWeek: Weekday;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/DatePicker/DatePicker.vue.js

@@ -0,0 +1,204 @@
+import { defineComponent as U, mergeModels as _, useModel as G, toRef as J, ref as p, computed as D, watch as Q, onBeforeUnmount as X, createElementBlock as Z, openBlock as d, createBlock as f, createCommentVNode as c, createVNode as x, unref as u, withCtx as w, renderSlot as ee, mergeProps as ae, createTextVNode as te, toDisplayString as le } from "vue";
+import { useLocale as ne } from "../../../composables/useLocale.js";
+import { useSanitizedId as E } from "../../../composables/useSanitizedId.js";
+import { useSlotContent as re } from "../../../composables/useSlotContent.js";
+import "../../../composables/useTheme.js";
+import oe from "../Input/primitives/Label.vue.js";
+import se from "../Input/primitives/InputHintRow.vue.js";
+import de from "../Input/primitives/InputHelper.vue.js";
+import ue from "../Input/primitives/InputError.vue.js";
+import ie from "./primitives/DatePickerTrigger.vue.js";
+import fe from "./primitives/DatePickerCalendar.vue.js";
+const Se = /* @__PURE__ */ U({
+  inheritAttrs: !1,
+  __name: "DatePicker",
+  props: /* @__PURE__ */ _({
+    mode: { default: "single" },
+    dense: { type: Boolean },
+    invalid: { type: Boolean },
+    disabled: { type: Boolean },
+    placeholder: { default: void 0 },
+    ariaLabel: { default: void 0 },
+    ariaLabelledby: { default: void 0 },
+    helper: { default: void 0 },
+    errors: { default: void 0 },
+    locale: { default: void 0 },
+    placement: { default: void 0 },
+    firstDayOfWeek: { default: void 0 }
+  }, {
+    modelValue: {
+      required: !1
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(S) {
+    const s = S, a = G(S, "modelValue"), { hasSlotContent: N } = re(), V = N("default"), O = ne(
+      "datepicker",
+      J(() => s.locale)
+    ), h = E("datepicker-input"), T = E("datepicker-calendar"), C = `--${h}`, F = { "anchor-name": C }, l = p(!1), y = p(null), n = p((/* @__PURE__ */ new Date()).getMonth()), v = p((/* @__PURE__ */ new Date()).getFullYear()), g = (e) => e.toLocaleDateString(void 0, {
+      month: "short",
+      day: "numeric",
+      year: "numeric"
+    }), L = D(() => {
+      if (!a.value) return [];
+      if (s.mode === "single")
+        return a.value instanceof Date ? [g(a.value)] : [];
+      if (a.value && typeof a.value == "object" && "start" in a.value) {
+        const e = g(a.value.start), t = g(a.value.end);
+        return [e, t];
+      }
+      return [];
+    }), $ = D(() => {
+      var e;
+      return s.helper && !((e = s.errors) != null && e.length);
+    }), R = D(() => {
+    });
+    function j() {
+      s.disabled || (l.value = !0);
+    }
+    function m() {
+      l.value = !1;
+    }
+    function M() {
+      l.value = !l.value;
+    }
+    function I(e) {
+      const { date: t, edge: r } = e;
+      if (s.mode === "single") {
+        a.value = t;
+        return;
+      }
+      if (!a.value || !(typeof a.value == "object" && "start" in a.value)) {
+        a.value = { start: t, end: t };
+        return;
+      }
+      const o = a.value.start, i = a.value.end;
+      if (r === "start")
+        a.value = { start: t, end: i };
+      else if (r === "end")
+        a.value = { start: o, end: t };
+      else if (t < o)
+        a.value = { start: t, end: i };
+      else if (t > i)
+        a.value = { start: o, end: t };
+      else {
+        const B = b(t), W = b(o), q = b(i), z = Math.abs(B - W), H = Math.abs(B - q);
+        z <= H ? a.value = { start: t, end: i } : a.value = { start: o, end: t };
+      }
+      a.value.start > a.value.end && ([a.value.start, a.value.end] = [a.value.end, a.value.start]);
+    }
+    function Y(e) {
+      s.mode === "single" ? a.value = null : a.value && typeof a.value == "object" && "start" in a.value && (e === 0 ? a.value = { start: a.value.end, end: a.value.end } : e === 1 && (a.value = { start: a.value.start, end: a.value.start }));
+    }
+    function b(e) {
+      return new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime();
+    }
+    function A(e, t) {
+      e === "prev" ? n.value === 0 ? (n.value = 11, v.value--) : n.value-- : e === "next" ? n.value === 11 ? (n.value = 0, v.value++) : n.value++ : e === "month" && t !== void 0 ? n.value = t : e === "year" && t !== void 0 && (v.value = t);
+    }
+    function K(e) {
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault(), l.value || j();
+          break;
+        case "Enter":
+        case " ":
+          e.preventDefault(), M();
+          break;
+        case "Escape":
+          e.preventDefault(), m();
+          break;
+        case "Tab":
+          m();
+          break;
+      }
+    }
+    function P(e) {
+      var t;
+      e.relatedTarget && ((t = y.value) != null && t.contains(e.relatedTarget) || m());
+    }
+    function k(e) {
+      var r, o;
+      const t = e.target;
+      (r = t.closest) != null && r.call(t, "[data-datepicker-calendar]") || (o = y.value) != null && o.contains(t) || m();
+    }
+    return Q(l, (e) => {
+      e ? document.addEventListener("mousedown", k) : document.removeEventListener("mousedown", k);
+    }), X(() => {
+      document.removeEventListener("mousedown", k);
+    }), (e, t) => {
+      var r;
+      return d(), Z("div", {
+        ref_key: "containerRef",
+        ref: y,
+        class: "relative flex flex-col gap-1",
+        onFocusout: P
+      }, [
+        u(V) ? (d(), f(oe, {
+          key: 0,
+          dense: e.dense,
+          for: u(h)
+        }, {
+          default: w(() => [
+            ee(e.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["dense", "for"])) : c("", !0),
+        x(ie, ae(e.$attrs, {
+          id: u(h),
+          mode: e.mode,
+          "selected-dates": L.value,
+          dense: e.dense,
+          invalid: e.invalid,
+          disabled: e.disabled,
+          placeholder: e.placeholder ?? u(O)("placeholder"),
+          "is-open": l.value,
+          "calendar-id": u(T),
+          "aria-label": e.ariaLabel,
+          "aria-labelledby": e.ariaLabelledby,
+          style: F,
+          onToggle: M,
+          onKeydown: K,
+          onRemoveDate: Y
+        }), null, 16, ["id", "mode", "selected-dates", "dense", "invalid", "disabled", "placeholder", "is-open", "calendar-id", "aria-label", "aria-labelledby"]),
+        l.value ? (d(), f(fe, {
+          key: 1,
+          id: u(T),
+          mode: e.mode,
+          "selected-dates": L.value,
+          "current-month": n.value,
+          "current-year": v.value,
+          "anchor-name": C,
+          placement: e.placement,
+          "first-day-of-week": e.firstDayOfWeek,
+          dense: e.dense,
+          onSelect: I,
+          onNavigate: A
+        }, null, 8, ["id", "mode", "selected-dates", "current-month", "current-year", "placement", "first-day-of-week", "dense"])) : c("", !0),
+        $.value || R.value ? (d(), f(se, {
+          key: 2,
+          dense: e.dense
+        }, {
+          default: w(() => [
+            $.value ? (d(), f(de, { key: 0 }, {
+              default: w(() => [
+                te(le(e.helper), 1)
+              ]),
+              _: 1
+            })) : c("", !0)
+          ]),
+          _: 1
+        }, 8, ["dense"])) : c("", !0),
+        (r = e.errors) != null && r.length ? (d(), f(ue, {
+          key: 3,
+          errors: e.errors,
+          dense: e.dense
+        }, null, 8, ["errors", "dense"])) : c("", !0)
+      ], 544);
+    };
+  }
+});
+export {
+  Se as default
+};

package/dist/components/form/DatePicker/DatePicker.vue2.js

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

package/dist/components/form/DatePicker/primitives/DatePickerCalendar.vue.d.ts

@@ -0,0 +1,35 @@
+import { Weekday } from "@/types";
+type __VLS_Props = {
+    id?: string;
+    mode: "single" | "range";
+    selectedDates: string[];
+    dense?: boolean;
+    anchorName: string;
+    placement?: "top" | "bottom";
+    firstDayOfWeek?: Weekday;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    "currentMonth"?: number;
+    "currentYear"?: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
+    rootElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:currentMonth": (value: number) => any;
+    "update:currentYear": (value: number) => any;
+} & {
+    select: (payload: {
+        date: Date;
+        edge?: "start" | "end";
+    }) => any;
+    navigate: (direction: "month" | "year" | "prev" | "next", value?: number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((payload: {
+        date: Date;
+        edge?: "start" | "end";
+    }) => any) | undefined;
+    onNavigate?: ((direction: "month" | "year" | "prev" | "next", value?: number | undefined) => any) | undefined;
+    "onUpdate:currentMonth"?: ((value: number) => any) | undefined;
+    "onUpdate:currentYear"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;