@thkzt/eunoia 0.0.1-beta

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

@@ -0,0 +1,42 @@
+import { defineComponent as o, createElementBlock as s, openBlock as i, mergeProps as n, unref as e, renderSlot as l } from "vue";
+import { tv as u } from "tailwind-variants";
+import { useForwardedAttrs as b } from "../../../composables/useForwardedAttrs.js";
+import "../../../composables/useLocale.js";
+import "../../../composables/useTheme.js";
+const g = /* @__PURE__ */ o({
+  inheritAttrs: !1,
+  __name: "InputGroup",
+  props: {
+    disabled: { type: Boolean },
+    invalid: { type: Boolean }
+  },
+  setup(p) {
+    const { classAttr: a, forwardedAttrs: t } = b(), d = u({
+      base: [
+        "inline-flex overflow-hidden rounded-md border transition-colors",
+        "border-neutral-200 text-neutral-600 hover:bg-neutral-50/25 active:bg-neutral-50/25 has-[input:focus]:border-primary-500 has-[textarea:focus]:border-primary-500",
+        "dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-black/15 dark:active:bg-neutral-900/25 dark:has-[input:focus]:border-primary-500 dark:has-[textarea:focus]:border-primary-500"
+      ],
+      variants: {
+        disabled: {
+          true: "cursor-not-allowed opacity-50"
+        },
+        invalid: {
+          true: [
+            "border-red-500 bg-red-100 text-red-900 hover:bg-red-100/50 active:bg-red-100 has-[input:focus]:border-red-400 has-[textarea:focus]:border-red-400",
+            "dark:border-red-700 dark:bg-red-950/25 dark:text-red-300 dark:hover:bg-red-950/50 dark:active:bg-red-950/50 dark:has-[input:focus]:border-red-500 dark:has-[textarea:focus]:border-red-500"
+          ]
+        }
+      }
+    });
+    return (r, c) => (i(), s("div", n(e(t), {
+      class: e(d)({ disabled: r.disabled, invalid: r.invalid, class: e(a) }),
+      role: "group"
+    }), [
+      l(r.$slots, "default")
+    ], 16));
+  }
+});
+export {
+  g as default
+};

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

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

package/dist/components/form/InputGroup/InputGroupAddon.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    position?: "left" | "right";
+    invalid?: boolean;
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/InputGroup/InputGroupAddon.vue.js

@@ -0,0 +1,60 @@
+import { defineComponent as i, createElementBlock as s, openBlock as d, mergeProps as a, unref as e, renderSlot as l } from "vue";
+import { tv as b } from "tailwind-variants";
+import { useForwardedAttrs as p } from "../../../composables/useForwardedAttrs.js";
+import "../../../composables/useLocale.js";
+import "../../../composables/useTheme.js";
+const u = ["tabindex"], _ = /* @__PURE__ */ i({
+  inheritAttrs: !1,
+  __name: "InputGroupAddon",
+  props: {
+    position: {},
+    invalid: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  setup(c) {
+    const { classAttr: o, forwardedAttrs: t } = p(), n = b({
+      base: "flex items-center border border-transparent text-neutral-500",
+      variants: {
+        role: {
+          button: [
+            "cursor-pointer transition-colors outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+            "text-neutral-600 hover:bg-neutral-200 focus-visible:bg-neutral-200",
+            "dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus-visible:bg-neutral-700"
+          ],
+          undefined: "rounded-md px-3 py-1"
+        }
+      },
+      compoundVariants: [
+        {
+          role: "button",
+          class: "px-2 py-0"
+        },
+        {
+          position: "left",
+          invalid: !0,
+          class: "border-r-red-500 bg-red-50 text-red-900 hover:bg-red-100/50 focus-visible:bg-red-100/50 active:bg-red-100"
+        },
+        {
+          position: "right",
+          invalid: !0,
+          class: "border-l-red-500 bg-red-50 text-red-900 hover:bg-red-100/50 focus-visible:bg-red-100/50 active:bg-red-100"
+        }
+      ]
+    });
+    return (r, v) => (d(), s("div", a(e(t), {
+      class: e(n)({
+        position: r.position,
+        invalid: r.invalid,
+        disabled: r.disabled,
+        role: e(t).role,
+        class: e(o)
+      }),
+      tabindex: e(t).role === "button" ? 0 : void 0
+    }), [
+      l(r.$slots, "default")
+    ], 16, u));
+  }
+});
+export {
+  _ as default
+};

package/dist/components/form/InputGroup/InputGroupAddon.vue2.js

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

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

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

@@ -0,0 +1,184 @@
+import { defineComponent as M, mergeModels as C, useModel as K, computed as $, toRef as _, watch as I, createElementBlock as N, openBlock as o, createVNode as r, createBlock as p, createCommentVNode as f, unref as d, withCtx as n, renderSlot as w, mergeProps as z, withKeys as s, withModifiers as L, createTextVNode as S, toDisplayString as A } from "vue";
+import "tailwind-variants";
+import { useLocale as P } from "../../../composables/useLocale.js";
+import { useSanitizedId as D } from "../../../composables/useSanitizedId.js";
+import "../../../composables/useTheme.js";
+import V from "../../core/Icon/Icon.vue.js";
+import E from "../Input/primitives/InputHintRow.vue.js";
+import H from "../Input/primitives/InputHelper.vue.js";
+import R from "../Input/primitives/InputError.vue.js";
+import T from "../Input/primitives/Label.vue.js";
+import U from "../Input/primitives/Input.vue.js";
+import j from "../InputGroup/InputGroup.vue.js";
+import b from "../InputGroup/InputGroupAddon.vue.js";
+import "highlight.js/lib/core";
+const q = { class: "flex flex-col gap-1" }, ne = /* @__PURE__ */ M({
+  inheritAttrs: !1,
+  __name: "NumberInput",
+  props: /* @__PURE__ */ C({
+    dense: { type: Boolean },
+    invalid: { type: Boolean },
+    disabled: { type: Boolean },
+    helper: {},
+    errors: {},
+    ariaLabel: {},
+    ariaLabelledby: {},
+    min: { default: void 0 },
+    max: { default: void 0 },
+    step: { default: 1 },
+    locale: { default: void 0 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(v) {
+    const c = D("number-input", { useAttrId: !0 }), l = K(v, "modelValue"), a = v, k = $(() => {
+      var e;
+      return a.helper && !((e = a.errors) != null && e.length);
+    }), y = P(
+      "input.number",
+      _(() => a.locale)
+    ), g = $(() => {
+      const {
+        locale: e,
+        helper: i,
+        errors: u,
+        ariaLabel: h,
+        ariaLabelledby: F,
+        ...B
+      } = a;
+      return B;
+    });
+    function t() {
+      if (a.disabled) return;
+      const i = (l.value ?? a.min ?? 0) + a.step;
+      l.value = a.max !== void 0 ? Math.min(i, a.max) : i;
+    }
+    function m() {
+      if (a.disabled) return;
+      const i = (l.value ?? a.min ?? 0) - a.step;
+      l.value = a.min !== void 0 ? Math.max(i, a.min) : i;
+    }
+    return I(
+      l,
+      (e) => {
+        if (e == null) return;
+        let i = e;
+        a.min !== void 0 && e < a.min && (i = a.min), a.max !== void 0 && e > a.max && (i = a.max), i !== e && (l.value = i);
+      },
+      { flush: "post" }
+    ), (e, i) => {
+      var u;
+      return o(), N("div", q, [
+        r(T, {
+          dense: e.dense,
+          for: d(c)
+        }, {
+          default: n(() => [
+            w(e.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["dense", "for"]),
+        r(j, {
+          invalid: e.invalid,
+          disabled: e.disabled
+        }, {
+          default: n(() => [
+            e.$slots.prepend ? (o(), p(b, {
+              key: 0,
+              position: "left",
+              disabled: e.disabled,
+              invalid: e.invalid
+            }, {
+              default: n(() => [
+                w(e.$slots, "prepend")
+              ]),
+              _: 3
+            }, 8, ["disabled", "invalid"])) : f("", !0),
+            r(U, z({ ...e.$attrs, ...g.value }, {
+              id: d(c),
+              modelValue: l.value,
+              "onUpdate:modelValue": i[0] || (i[0] = (h) => l.value = h),
+              role: "spinbutton",
+              type: "number",
+              min: e.min,
+              max: e.max,
+              step: e.step,
+              "aria-label": e.ariaLabel,
+              "aria-labelledby": e.ariaLabelledby,
+              "aria-valuenow": l.value,
+              "aria-valuemin": e.min,
+              "aria-valuemax": e.max
+            }), null, 16, ["id", "modelValue", "min", "max", "step", "aria-label", "aria-labelledby", "aria-valuenow", "aria-valuemin", "aria-valuemax"]),
+            r(b, {
+              role: "button",
+              "aria-label": d(y)("decrease-value"),
+              tabindex: "-1",
+              disabled: e.disabled,
+              invalid: e.invalid,
+              dense: e.dense,
+              onClick: m,
+              onKeydown: [
+                s(m, ["enter"]),
+                s(L(m, ["prevent"]), ["space"])
+              ]
+            }, {
+              default: n(() => [
+                r(d(V), {
+                  name: "minus",
+                  size: "sm"
+                })
+              ]),
+              _: 1
+            }, 8, ["aria-label", "disabled", "invalid", "dense", "onKeydown"]),
+            r(b, {
+              role: "button",
+              "aria-label": d(y)("increase-value"),
+              tabindex: "-1",
+              disabled: e.disabled,
+              invalid: e.invalid,
+              dense: e.dense,
+              onClick: t,
+              onKeydown: [
+                s(t, ["enter"]),
+                s(L(t, ["prevent"]), ["space"])
+              ]
+            }, {
+              default: n(() => [
+                r(d(V), {
+                  name: "plus",
+                  size: "sm"
+                })
+              ]),
+              _: 1
+            }, 8, ["aria-label", "disabled", "invalid", "dense", "onKeydown"])
+          ]),
+          _: 3
+        }, 8, ["invalid", "disabled"]),
+        k.value ? (o(), p(E, {
+          key: 0,
+          dense: e.dense
+        }, {
+          default: n(() => [
+            r(H, null, {
+              default: n(() => [
+                S(A(e.helper), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["dense"])) : f("", !0),
+        (u = e.errors) != null && u.length ? (o(), p(R, {
+          key: 1,
+          errors: e.errors,
+          dense: e.dense
+        }, null, 8, ["errors", "dense"])) : f("", !0)
+      ]);
+    };
+  }
+});
+export {
+  ne as default
+};

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

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

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

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    value: string | number;
+    dense?: boolean;
+    invalid?: boolean;
+    disabled?: boolean;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string | number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    description?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | 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;
+    };
+};

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

@@ -0,0 +1,121 @@
+import { defineComponent as f, mergeModels as y, useModel as k, createElementBlock as t, openBlock as o, normalizeClass as l, unref as a, withDirectives as h, createElementVNode as i, createCommentVNode as g, mergeProps as V, vModelRadio as w, renderSlot as S } from "vue";
+import { tv as s } from "tailwind-variants";
+import "../../../composables/useLocale.js";
+import { useSanitizedId as B } from "../../../composables/useSanitizedId.js";
+import "../../../composables/useTheme.js";
+const L = ["id", "value", "disabled", "aria-label", "aria-labelledby"], A = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "Radio",
+  props: /* @__PURE__ */ y({
+    value: {},
+    dense: { type: Boolean },
+    invalid: { type: Boolean },
+    disabled: { type: Boolean },
+    ariaLabel: {},
+    ariaLabelledby: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(n) {
+    const u = B("radio", { useAttrId: !0 }), r = k(n, "modelValue"), b = s({
+      base: "inline-flex w-fit cursor-pointer items-center gap-2",
+      variants: {
+        disabled: {
+          true: "cursor-not-allowed opacity-50"
+        }
+      }
+    }), p = s({
+      base: [
+        "inline-flex shrink-0 items-center justify-center rounded-full border transition-colors",
+        "border-neutral-200 peer-focus-visible:border-primary-500",
+        "dark:border-neutral-700 dark:bg-transparent dark:text-neutral-200 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"
+          ]
+        },
+        invalid: {
+          true: "border-red-500"
+        }
+      },
+      compoundVariants: [
+        { checked: !0, invalid: !0, class: "border-red-500 bg-red-500" }
+      ],
+      defaultVariants: {
+        dense: !1
+      }
+    }), m = s({
+      base: "rounded-full bg-white transition-opacity",
+      variants: {
+        dense: {
+          false: "h-2.5 w-2.5",
+          true: "h-1.5 w-1.5"
+        },
+        visible: {
+          true: "opacity-100",
+          false: "opacity-0"
+        }
+      },
+      defaultVariants: {
+        dense: !1,
+        visible: !1
+      }
+    }), c = s({
+      base: ["text-neutral-700", "dark:text-neutral-300"],
+      variants: {
+        dense: {
+          false: "text-sm",
+          true: "text-xs"
+        }
+      },
+      defaultVariants: {
+        dense: !1
+      }
+    });
+    return (e, d) => (o(), t("label", {
+      class: l(a(b)({ disabled: e.disabled }))
+    }, [
+      h(i("input", V(e.$attrs, {
+        id: a(u),
+        "onUpdate:modelValue": d[0] || (d[0] = (v) => r.value = v),
+        type: "radio",
+        value: e.value,
+        disabled: e.disabled,
+        "aria-label": e.ariaLabel,
+        "aria-labelledby": e.ariaLabelledby,
+        class: "peer sr-only"
+      }), null, 16, L), [
+        [w, r.value]
+      ]),
+      i("span", {
+        class: l(a(p)({ dense: e.dense, invalid: e.invalid, checked: r.value === e.value }))
+      }, [
+        i("span", {
+          class: l(a(m)({ dense: e.dense, visible: r.value === e.value }))
+        }, null, 2)
+      ], 2),
+      e.$slots.description ? (o(), t("span", {
+        key: 0,
+        class: l(a(c)({ dense: e.dense }))
+      }, [
+        S(e.$slots, "description")
+      ], 2)) : g("", !0)
+    ], 2));
+  }
+});
+export {
+  A as default
+};

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

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

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

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    options: {
+        label: string;
+        value: string | number;
+    }[];
+    dense?: boolean;
+    disabled?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string | number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,32 @@
+import { defineComponent as s, mergeModels as r, useModel as t, createBlock as i, openBlock as m, mergeProps as p, unref as u } from "vue";
+import f from "./primitives/RadioGroup.vue.js";
+import "../../../composables/useLocale.js";
+import { useSanitizedId as V } from "../../../composables/useSanitizedId.js";
+import "../../../composables/useTheme.js";
+const k = /* @__PURE__ */ s({
+  inheritAttrs: !1,
+  __name: "RadioGroup",
+  props: /* @__PURE__ */ r({
+    options: {},
+    dense: { type: Boolean },
+    disabled: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(a) {
+    const o = t(a, "modelValue"), l = V("radio-group");
+    return (e, d) => (m(), i(f, p(e.$attrs, {
+      modelValue: o.value,
+      "onUpdate:modelValue": d[0] || (d[0] = (n) => o.value = n),
+      options: e.options,
+      name: u(l),
+      dense: e.dense,
+      disabled: e.disabled
+    }), null, 16, ["modelValue", "options", "name", "dense", "disabled"]));
+  }
+});
+export {
+  k as default
+};

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

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

package/dist/components/form/RadioGroup/primitives/RadioGroup.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    options: {
+        label: string;
+        value: string | number;
+    }[];
+    name: string;
+    dense?: boolean;
+    disabled?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string | number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;