@thkzt/eunoia 0.0.1-beta

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

@@ -0,0 +1,358 @@
+import { defineComponent as ce, mergeModels as L, useModel as N, ref as R, computed as o, createElementBlock as d, openBlock as c, mergeProps as me, unref as s, withModifiers as fe, createElementVNode as f, normalizeClass as g, createVNode as b, Fragment as x, renderList as E, toDisplayString as V } from "vue";
+import { tv as D } from "tailwind-variants";
+import { useForwardedAttrs as ge } from "../../../../composables/useForwardedAttrs.js";
+import { useLocale as pe } from "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+import W from "../../../core/Icon/Icon.vue.js";
+import _ from "../../Select/Select.vue.js";
+import "highlight.js/lib/core";
+const ve = ["id", "aria-label"], he = { class: "mb-2 flex items-center justify-between gap-1" }, be = ["aria-label"], De = { class: "flex items-center gap-1" }, ye = ["aria-label"], we = { class: "mb-1 grid grid-cols-7" }, ke = { class: "grid grid-cols-7 place-items-center gap-y-3" }, Me = ["aria-label", "onClick", "onMousedown", "onMouseenter"], $e = ["aria-label", "onClick", "onMousedown", "onMouseenter"], Ce = /* @__PURE__ */ ce({
+  __name: "DatePickerCalendar",
+  props: /* @__PURE__ */ L({
+    id: {},
+    mode: {},
+    selectedDates: {},
+    dense: { type: Boolean },
+    anchorName: {},
+    placement: {},
+    firstDayOfWeek: {}
+  }, {
+    currentMonth: { default: 0 },
+    currentMonthModifiers: {},
+    currentYear: { default: 0 },
+    currentYearModifiers: {}
+  }),
+  emits: /* @__PURE__ */ L(["select", "navigate"], ["update:currentMonth", "update:currentYear"]),
+  setup(y, { expose: H, emit: U }) {
+    const w = N(y, "currentMonth"), k = N(y, "currentYear"), n = y, M = U, { classAttr: q, forwardedAttrs: G } = ge(), I = R(null);
+    H({
+      rootElement: I
+    });
+    const r = pe("datepicker"), j = [
+      r("weekdays_short.sunday"),
+      r("weekdays_short.monday"),
+      r("weekdays_short.tuesday"),
+      r("weekdays_short.wednesday"),
+      r("weekdays_short.thursday"),
+      r("weekdays_short.friday"),
+      r("weekdays_short.saturday")
+    ], $ = o(() => n.firstDayOfWeek ?? 1), J = o(() => [
+      ...j.slice($.value),
+      ...j.slice(0, $.value)
+    ]), S = [
+      { value: 0, label: r("months.january") },
+      { value: 1, label: r("months.february") },
+      { value: 2, label: r("months.march") },
+      { value: 3, label: r("months.april") },
+      { value: 4, label: r("months.may") },
+      { value: 5, label: r("months.june") },
+      { value: 6, label: r("months.july") },
+      { value: 7, label: r("months.august") },
+      { value: 8, label: r("months.september") },
+      { value: 9, label: r("months.october") },
+      { value: 10, label: r("months.november") },
+      { value: 11, label: r("months.december") }
+    ], p = R(!1), m = R(null);
+    window.addEventListener("mouseup", () => {
+      p.value = !1, m.value = null;
+    });
+    const C = (e) => {
+      if (n.mode !== "range") return;
+      const a = ae(), t = re();
+      if (!(!a || !t)) {
+        if (T(e, a))
+          m.value = "start";
+        else if (T(e, t))
+          m.value = "end";
+        else
+          return;
+        p.value = !0;
+      }
+    }, z = (e) => {
+      !p.value || !m.value || M("select", { date: e, edge: m.value });
+    }, F = () => {
+      p.value = !1, m.value = null;
+    }, K = o(() => (n.currentMonth + 11) % 12), Q = o(
+      () => n.currentMonth === 0 ? n.currentYear - 1 : n.currentYear
+    ), X = o(() => {
+      const e = (/* @__PURE__ */ new Date()).getFullYear();
+      return Array.from({ length: 21 }, (a, t) => e - 10 + t).map((a) => ({
+        value: a,
+        label: a.toString()
+      }));
+    }), Z = o(() => new Date(n.currentYear, n.currentMonth + 1, 0).getDate()), ee = o(() => new Date(n.currentYear, n.currentMonth, 0).getDate()), te = o(() => {
+      const e = ne.value, a = ee.value;
+      return Array.from({ length: e }, (t, l) => a - e + l + 1);
+    }), ne = o(() => (new Date(n.currentYear, n.currentMonth, 1).getDay() - $.value + 7) % 7), u = (e) => new Date(n.currentYear, n.currentMonth, e), i = (e) => new Date(n.currentYear, n.currentMonth - 1, e);
+    function T(e, a) {
+      return e.getFullYear() === a.getFullYear() && e.getMonth() === a.getMonth() && e.getDate() === a.getDate();
+    }
+    function Y(e) {
+      return e.toLocaleDateString(void 0, {
+        month: "short",
+        day: "numeric",
+        year: "numeric"
+      });
+    }
+    function ae() {
+      return n.selectedDates[0] ? new Date(n.selectedDates[0]) : null;
+    }
+    function re() {
+      return n.selectedDates[1] ? new Date(n.selectedDates[1]) : null;
+    }
+    const se = (e) => {
+      const a = /* @__PURE__ */ new Date();
+      return a.getDate() === e && a.getMonth() === n.currentMonth && a.getFullYear() === n.currentYear;
+    };
+    function A(e) {
+      if (n.selectedDates.length === 0) return !1;
+      const a = Y(e);
+      return n.mode === "single" ? n.selectedDates[0] === a : n.selectedDates[0] === a || n.selectedDates[1] === a;
+    }
+    function O(e) {
+      if (n.mode !== "range" || n.selectedDates.length < 2) return !1;
+      const a = new Date(e);
+      a.setHours(0, 0, 0, 0);
+      const t = new Date(n.selectedDates[0]);
+      t.setHours(0, 0, 0, 0);
+      const l = new Date(n.selectedDates[1]);
+      return l.setHours(0, 0, 0, 0), a > t && a < l;
+    }
+    function v(e) {
+      return n.mode !== "range" || n.selectedDates.length < 1 ? !1 : n.selectedDates[0] === Y(e);
+    }
+    function h(e) {
+      return n.mode !== "range" || n.selectedDates.length < 2 ? !1 : n.selectedDates[1] === Y(e);
+    }
+    const le = (e) => {
+      M("select", { date: i(e) });
+    }, oe = (e) => {
+      M("select", { date: u(e) });
+    }, P = D({
+      base: [
+        "inline-flex aspect-square shrink-0 cursor-pointer items-center justify-center rounded-md transition-colors",
+        "text-neutral-600 hover:bg-neutral-200 focus:ring-2 focus:ring-primary-500 focus:outline-none",
+        "dark:text-neutral-400 dark:hover:bg-neutral-700"
+      ],
+      variants: {
+        dense: {
+          false: "p-2.25",
+          true: "p-2"
+        }
+      },
+      defaultVariants: {
+        dense: !1
+      }
+    }), ue = D({
+      base: [
+        "z-50 mt-1 min-w-[280px] rounded-lg border p-3 shadow-lg",
+        "border-neutral-300 bg-white",
+        "dark:border-neutral-700 dark:bg-neutral-800"
+      ],
+      variants: {
+        placement: {
+          top: "mb-1.5",
+          bottom: "mt-1.5"
+        },
+        dense: {
+          true: "p-2",
+          false: "p-3"
+        }
+      },
+      defaultVariants: {
+        placement: "bottom",
+        dense: !1
+      }
+    }), ie = D({
+      base: [
+        "text-center text-xs font-medium",
+        "text-neutral-500",
+        "dark:text-neutral-400"
+      ],
+      variants: {
+        dense: {
+          true: "py-0.5 text-[0.6rem]",
+          false: "py-1 text-xs"
+        }
+      }
+    }), B = D({
+      base: [
+        "rounded-lg text-center transition-colors",
+        "focus:ring-2 focus:ring-primary-500 focus:outline-none"
+      ],
+      variants: {
+        dense: {
+          true: "h-6 w-6 p-0 text-xs leading-6",
+          false: "h-8 w-8 p-0 text-sm leading-8"
+        },
+        isSelected: {
+          true: "bg-primary-500 text-white",
+          false: ""
+        },
+        isInRange: {
+          true: "bg-primary-100 text-primary-700 dark:bg-primary-900 dark:text-primary-100",
+          false: ""
+        },
+        isRangeStart: {
+          true: "",
+          false: ""
+        },
+        isRangeEnd: {
+          true: "",
+          false: ""
+        },
+        isToday: {
+          true: "border border-neutral-400 dark:border-neutral-500",
+          false: ""
+        }
+      },
+      compoundVariants: [
+        {
+          isSelected: !1,
+          isInRange: !1,
+          class: [
+            "text-neutral-900 hover:bg-neutral-200",
+            "dark:text-neutral-100 dark:hover:bg-neutral-700"
+          ]
+        },
+        {
+          isSelected: !1,
+          isInRange: !1,
+          isToday: !1,
+          class: "bg-transparent"
+        }
+      ],
+      defaultVariants: {
+        dense: !1,
+        isSelected: !1,
+        isInRange: !1,
+        isRangeStart: !1,
+        isRangeEnd: !1,
+        isToday: !1
+      }
+    }), de = o(
+      () => ({
+        position: "fixed",
+        "position-anchor": n.anchorName,
+        "position-area": `${n.placement ?? "bottom"} span-right`
+      })
+    );
+    return (e, a) => (c(), d("div", me({
+      id: e.id,
+      ref_key: "rootElement",
+      ref: I,
+      class: s(ue)({ placement: e.placement, dense: e.dense, class: s(q) })
+    }, s(G), {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": s(r)("label"),
+      style: de.value,
+      "data-datepicker-calendar": "",
+      onMousedown: a[6] || (a[6] = fe(() => {
+      }, ["stop"]))
+    }), [
+      f("div", he, [
+        f("button", {
+          type: "button",
+          class: g(s(P)({ dense: e.dense })),
+          "aria-label": s(r)("previous-month"),
+          onClick: a[0] || (a[0] = () => e.$emit("navigate", "prev"))
+        }, [
+          b(s(W), {
+            name: "caret-left",
+            size: e.dense ? "sm" : "md"
+          }, null, 8, ["size"])
+        ], 10, be),
+        f("div", De, [
+          b(s(_), {
+            modelValue: w.value,
+            "onUpdate:modelValue": [
+              a[1] || (a[1] = (t) => w.value = t),
+              a[2] || (a[2] = (t) => e.$emit("navigate", "month", t))
+            ],
+            class: "w-32 shrink-0",
+            dense: e.dense,
+            "aria-label": s(r)("select-month"),
+            options: S,
+            placeholder: s(r)("select-month")
+          }, null, 8, ["modelValue", "dense", "aria-label", "placeholder"]),
+          b(s(_), {
+            modelValue: k.value,
+            "onUpdate:modelValue": [
+              a[3] || (a[3] = (t) => k.value = t),
+              a[4] || (a[4] = (t) => e.$emit("navigate", "year", t))
+            ],
+            class: "w-24 shrink-0",
+            dense: e.dense,
+            "aria-label": s(r)("select-year"),
+            options: X.value,
+            placeholder: s(r)("select-year")
+          }, null, 8, ["modelValue", "dense", "aria-label", "options", "placeholder"])
+        ]),
+        f("button", {
+          type: "button",
+          class: g(s(P)({ dense: e.dense })),
+          "aria-label": s(r)("next-month"),
+          onClick: a[5] || (a[5] = () => e.$emit("navigate", "next"))
+        }, [
+          b(s(W), {
+            name: "caret-right",
+            size: e.dense ? "sm" : "md"
+          }, null, 8, ["size"])
+        ], 10, ye)
+      ]),
+      f("div", we, [
+        (c(!0), d(x, null, E(J.value, (t) => (c(), d("div", {
+          key: t,
+          class: g(s(ie)({ dense: e.dense }))
+        }, V(t), 3))), 128))
+      ]),
+      f("div", ke, [
+        (c(!0), d(x, null, E(te.value, (t) => (c(), d("button", {
+          key: `prev-${t}`,
+          type: "button",
+          class: g([
+            s(B)({
+              dense: e.dense,
+              isSelected: A(i(t)),
+              isInRange: O(i(t)),
+              isRangeStart: v(i(t)),
+              isRangeEnd: h(i(t)),
+              isToday: !1
+            }),
+            "opacity-40",
+            v(i(t)) || h(i(t)) ? "cursor-move" : ""
+          ]),
+          "aria-label": `${s(r)("select-day")} ${t} ${S[K.value].label} ${Q.value}`,
+          onClick: (l) => le(t),
+          onMousedown: (l) => C(i(t)),
+          onMouseenter: (l) => z(i(t)),
+          onMouseup: F
+        }, V(t), 43, Me))), 128)),
+        (c(!0), d(x, null, E(Z.value, (t) => (c(), d("button", {
+          key: t,
+          type: "button",
+          class: g([
+            s(B)({
+              dense: e.dense,
+              isSelected: A(u(t)),
+              isInRange: O(u(t)),
+              isRangeStart: v(u(t)),
+              isRangeEnd: h(u(t)),
+              isToday: se(t)
+            }),
+            v(u(t)) || h(u(t)) ? "cursor-move" : ""
+          ]),
+          "aria-label": `${s(r)("select-day")} ${t} ${S[w.value].label} ${k.value}`,
+          onClick: (l) => oe(t),
+          onMousedown: (l) => C(u(t)),
+          onMouseenter: (l) => z(u(t)),
+          onMouseup: F
+        }, V(t), 43, $e))), 128))
+      ])
+    ], 16, ve));
+  }
+});
+export {
+  Ce as default
+};

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

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

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

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    mode: "single" | "range";
+    selectedDates: string[];
+    dense?: boolean;
+    invalid?: boolean;
+    disabled?: boolean;
+    placeholder: string;
+    isOpen: boolean;
+    id?: string;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    toggle: () => any;
+    keydown: (event: KeyboardEvent) => any;
+    "remove-date": (index: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: (() => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+    "onRemove-date"?: ((index: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,156 @@
+import { defineComponent as D, createElementBlock as r, openBlock as s, mergeProps as B, unref as t, createElementVNode as n, Fragment as p, normalizeClass as l, toDisplayString as i, createCommentVNode as V, createVNode as m, withModifiers as C } from "vue";
+import { tv as c } from "tailwind-variants";
+import { useForwardedAttrs as L } from "../../../../composables/useForwardedAttrs.js";
+import { useLocale as z } from "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+import b from "../../../core/Icon/Icon.vue.js";
+import "highlight.js/lib/core";
+const S = ["id", "aria-label", "aria-labelledby", "aria-expanded", "aria-controls", "aria-disabled", "aria-invalid"], A = { class: "flex w-full items-center gap-2" }, N = { class: "flex min-w-0 flex-1 items-center gap-1" }, O = { class: "ml-auto flex items-center gap-1" }, P = ["aria-label"], T = /* @__PURE__ */ D({
+  __name: "DatePickerTrigger",
+  props: {
+    mode: {},
+    selectedDates: {},
+    dense: { type: Boolean },
+    invalid: { type: Boolean },
+    disabled: { type: Boolean },
+    placeholder: {},
+    isOpen: { type: Boolean },
+    id: {},
+    ariaLabel: {},
+    ariaLabelledby: {}
+  },
+  emits: ["toggle", "keydown", "remove-date"],
+  setup(f, { emit: g }) {
+    const d = f, o = g, { classAttr: y, forwardedAttrs: v } = L(), k = z("datepicker");
+    function h(e) {
+      if (e.stopPropagation(), d.selectedDates.length > 0)
+        for (let a = d.selectedDates.length - 1; a >= 0; a--)
+          o("remove-date", a);
+    }
+    const x = c({
+      base: [
+        "flex w-full items-center justify-between",
+        "rounded-md border transition-colors",
+        "focus-within:border-primary-500 focus-within:ring-2 focus-within:ring-primary-500",
+        "cursor-pointer",
+        "transition-all duration-200 ease-in-out"
+      ],
+      variants: {
+        dense: {
+          true: "px-2.5 py-1.5 text-xs",
+          false: "px-3 py-2 text-sm"
+        },
+        invalid: {
+          true: "border-red-500 dark:border-red-500",
+          false: "border-neutral-300 dark:border-neutral-700"
+        },
+        disabled: {
+          true: [
+            "bg-neutral-100 dark:bg-neutral-900",
+            "text-neutral-400 dark:text-neutral-500",
+            "cursor-not-allowed"
+          ],
+          false: [
+            "bg-white dark:bg-neutral-800",
+            "text-neutral-900 dark:text-neutral-100",
+            "hover:border-neutral-400 dark:hover:border-neutral-600"
+          ]
+        }
+      },
+      compoundVariants: [
+        {
+          invalid: !1,
+          disabled: !1,
+          class: "border-neutral-300 dark:border-neutral-700"
+        }
+      ],
+      defaultVariants: {
+        dense: !1,
+        invalid: !1,
+        disabled: !1
+      }
+    }), w = c({
+      base: [
+        "inline-flex cursor-pointer items-center justify-center rounded-full transition-colors",
+        "text-neutral-600 hover:bg-neutral-200 focus:ring-2 focus:ring-primary-500 focus:outline-none",
+        "dark:text-neutral-400 dark:hover:bg-neutral-700"
+      ],
+      variants: {
+        dense: {
+          false: "h-5 w-5 p-0.5",
+          true: "h-4 w-4 p-0.5"
+        }
+      },
+      defaultVariants: {
+        dense: !1
+      }
+    });
+    return (e, a) => (s(), r("div", B({
+      id: e.id,
+      role: "button",
+      tabindex: "0",
+      class: t(x)({ dense: e.dense, invalid: e.invalid, disabled: e.disabled, class: t(y) }),
+      "aria-label": e.ariaLabel,
+      "aria-labelledby": e.ariaLabelledby,
+      "aria-expanded": e.isOpen,
+      "aria-controls": e.isOpen ? e.calendarId : void 0,
+      "aria-disabled": e.disabled ? "true" : void 0,
+      "aria-invalid": e.invalid ? "true" : void 0,
+      "aria-haspopup": "dialog"
+    }, t(v), {
+      onClick: a[0] || (a[0] = (u) => o("toggle")),
+      onKeydown: a[1] || (a[1] = (u) => o("keydown", u))
+    }), [
+      n("div", A, [
+        n("div", N, [
+          e.selectedDates.length > 0 ? (s(), r(p, { key: 0 }, [
+            e.mode === "single" ? (s(), r("span", {
+              key: 0,
+              class: l(["truncate", e.dense ? "text-xs" : "text-sm"])
+            }, i(e.selectedDates[0]), 3)) : (s(), r(p, { key: 1 }, [
+              n("span", {
+                class: l(["truncate", e.dense ? "text-xs" : "text-sm"])
+              }, i(e.selectedDates[0]), 3),
+              n("span", {
+                class: l([
+                  e.dense ? "text-xs" : "text-sm",
+                  "text-neutral-500 dark:text-neutral-400"
+                ])
+              }, "-", 2),
+              n("span", {
+                class: l(["truncate", e.dense ? "text-xs" : "text-sm"])
+              }, i(e.selectedDates[1]), 3)
+            ], 64))
+          ], 64)) : (s(), r("span", {
+            key: 1,
+            class: l([
+              "truncate text-neutral-500 dark:text-neutral-400",
+              e.dense ? "text-xs" : "text-sm"
+            ])
+          }, i(e.placeholder), 3))
+        ]),
+        n("div", O, [
+          e.selectedDates.length > 0 ? (s(), r("button", {
+            key: 0,
+            type: "button",
+            class: l(t(w)({ dense: e.dense })),
+            "aria-label": t(k)("clear-selection"),
+            onClick: C(h, ["stop"])
+          }, [
+            m(t(b), {
+              name: "x",
+              size: e.dense ? "xs" : "sm"
+            }, null, 8, ["size"])
+          ], 10, P)) : V("", !0),
+          m(t(b), {
+            name: "calendar",
+            size: "sm"
+          })
+        ])
+      ])
+    ], 16, S));
+  }
+});
+export {
+  T as default
+};

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

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

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

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    dense?: boolean;
+    helper?: string;
+    errors?: string[];
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+};
+declare var __VLS_4: {}, __VLS_6: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_4) => any;
+} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/FormGroup/FormGroup.vue.js

@@ -0,0 +1,72 @@
+import { defineComponent as c, computed as b, createElementBlock as h, openBlock as r, createBlock as o, createCommentVNode as a, createElementVNode as _, unref as l, withCtx as t, renderSlot as i, createVNode as y, createTextVNode as g, toDisplayString as k } from "vue";
+import $ from "../Input/primitives/Label.vue.js";
+import C from "../Input/primitives/InputHintRow.vue.js";
+import L from "../Input/primitives/InputHelper.vue.js";
+import S from "../Input/primitives/InputError.vue.js";
+import "../../../composables/useLocale.js";
+import { useSanitizedId as B } from "../../../composables/useSanitizedId.js";
+import { useSlotContent as N } from "../../../composables/useSlotContent.js";
+import "../../../composables/useTheme.js";
+const V = { class: "flex flex-col gap-1" }, v = ["id", "aria-labelledby", "aria-label"], j = /* @__PURE__ */ c({
+  __name: "FormGroup",
+  props: {
+    dense: { type: Boolean },
+    helper: {},
+    errors: {},
+    ariaLabel: {},
+    ariaLabelledby: {}
+  },
+  setup(m) {
+    const s = B("form-group", { useAttrId: !0 }), n = m, { hasSlotContent: p } = N(), f = p("label"), u = b(() => {
+      var e;
+      return n.helper && !((e = n.errors) != null && e.length);
+    });
+    return (e, I) => {
+      var d;
+      return r(), h("div", V, [
+        l(f) ? (r(), o($, {
+          key: 0,
+          dense: e.dense,
+          for: l(s)
+        }, {
+          default: t(() => [
+            i(e.$slots, "label")
+          ]),
+          _: 3
+        }, 8, ["dense", "for"])) : a("", !0),
+        _("div", {
+          id: l(s),
+          role: "group",
+          "aria-labelledby": e.ariaLabelledby,
+          "aria-label": e.ariaLabel
+        }, [
+          i(e.$slots, "default")
+        ], 8, v),
+        u.value ? (r(), o(C, {
+          key: 1,
+          dense: e.dense,
+          class: "mt-1"
+        }, {
+          default: t(() => [
+            y(L, null, {
+              default: t(() => [
+                g(k(e.helper), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["dense"])) : a("", !0),
+        (d = e.errors) != null && d.length ? (r(), o(S, {
+          key: 2,
+          errors: e.errors,
+          dense: e.dense,
+          class: "mt-1"
+        }, null, 8, ["errors", "dense"])) : a("", !0)
+      ]);
+    };
+  }
+});
+export {
+  j as default
+};

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

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

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

@@ -0,0 +1,34 @@
+import { type LocaleMessages } from "@/composables";
+type __VLS_Props = {
+    dense?: boolean;
+    invalid?: boolean;
+    disabled?: boolean;
+    helper?: string;
+    errors?: string[];
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+    locale?: LocaleMessages;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string;
+};
+declare var __VLS_4: {}, __VLS_10: {}, __VLS_12: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_4) => any;
+} & {
+    prepend?: (props: typeof __VLS_10) => any;
+} & {
+    append?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, 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;
+    };
+};