@thkzt/eunoia 0.0.1-beta

package/dist/components/feedback/Toast/ToastStack.vue.js

@@ -0,0 +1,125 @@
+import { defineComponent as E, toRef as V, computed as m, ref as $, onBeforeUnmount as z, createBlock as c, openBlock as r, Teleport as D, createElementVNode as f, normalizeClass as N, unref as d, createElementBlock as p, Fragment as w, renderList as I, normalizeStyle as L, createVNode as M, withCtx as v, createCommentVNode as g, toDisplayString as A } from "vue";
+import { tv as F } from "tailwind-variants";
+import { useLocale as R } from "../../../composables/useLocale.js";
+import "../../../composables/useTheme.js";
+import U from "./primitives/Toast.vue.js";
+import W from "./primitives/ToastDismiss.vue.js";
+import j from "../primitives/TimeoutBar.vue.js";
+const q = { class: "flex-1" }, Y = /* @__PURE__ */ E({
+  __name: "ToastStack",
+  props: {
+    position: { default: "bottom-right" },
+    limit: { default: 3 },
+    dense: { type: Boolean },
+    locale: { default: void 0 }
+  },
+  setup(b, { expose: x }) {
+    const a = b, h = R(
+      "toast",
+      V(() => a.locale)
+    ), u = m(() => a.position.startsWith("bottom")), y = F({
+      base: "fixed z-50 flex gap-2",
+      variants: {
+        position: {
+          "top-left": "top-4 left-4 flex-col",
+          "top-center": "top-4 left-1/2 -translate-x-1/2 flex-col",
+          "top-right": "top-4 right-4 flex-col",
+          "bottom-left": "bottom-4 left-4 flex-col-reverse",
+          "bottom-center": "bottom-4 left-1/2 -translate-x-1/2 flex-col-reverse",
+          "bottom-right": "right-4 bottom-4 flex-col-reverse"
+        }
+      },
+      defaultVariants: {
+        position: "bottom-right"
+      }
+    }), i = $([]), n = /* @__PURE__ */ new Map();
+    let _ = 1;
+    const k = m(() => [...i.value]), T = m(
+      () => Math.max(0, i.value.length - a.limit)
+    );
+    function B(e) {
+      const o = T.value;
+      if (e >= o)
+        return {};
+      const t = o - 1 - e;
+      return t === 0 ? {
+        transform: "scale(0.95)",
+        opacity: "0.7",
+        [u.value ? "marginBottom" : "marginTop"]: "-28px",
+        pointerEvents: "none"
+      } : t === 1 ? {
+        transform: "scale(0.90)",
+        opacity: "0.4",
+        [u.value ? "marginBottom" : "marginTop"]: "-32px",
+        pointerEvents: "none"
+      } : {
+        display: "none"
+      };
+    }
+    function S(e) {
+      const o = _++, t = {
+        id: o,
+        message: e.message,
+        variant: e.variant ?? "info",
+        dismissible: e.dismissible ?? !0,
+        persistent: e.persistent ?? !1,
+        duration: e.duration ?? 5e3
+      };
+      if (i.value.push(t), !t.persistent && t.duration > 0) {
+        const l = setTimeout(() => s(o), t.duration);
+        n.set(o, l);
+      }
+      return o;
+    }
+    function s(e) {
+      const o = n.get(e);
+      o != null && (clearTimeout(o), n.delete(e)), i.value = i.value.filter((t) => t.id !== e);
+    }
+    function C() {
+      for (const e of n.values())
+        clearTimeout(e);
+      n.clear(), i.value = [];
+    }
+    return z(() => {
+      for (const e of n.values())
+        clearTimeout(e);
+      n.clear();
+    }), x({ add: S, dismiss: s, dismissAll: C }), (e, o) => (r(), c(D, { to: "body" }, [
+      f("div", {
+        class: N(d(y)({ position: e.position }))
+      }, [
+        (r(!0), p(w, null, I(k.value, (t, l) => (r(), p("div", {
+          key: t.id,
+          style: L(B(l))
+        }, [
+          M(U, {
+            variant: t.variant,
+            dense: e.dense
+          }, {
+            timeout: v(() => [
+              t.persistent ? g("", !0) : (r(), c(j, {
+                key: 0,
+                variant: t.variant,
+                duration: t.duration
+              }, null, 8, ["variant", "duration"]))
+            ]),
+            default: v(() => [
+              f("span", q, A(t.message), 1),
+              t.dismissible ? (r(), c(W, {
+                key: 0,
+                variant: t.variant,
+                dense: e.dense,
+                "aria-label": d(h)("dismiss"),
+                onDismiss: (G) => s(t.id)
+              }, null, 8, ["variant", "dense", "aria-label", "onDismiss"])) : g("", !0)
+            ]),
+            _: 2
+          }, 1032, ["variant", "dense"])
+        ], 4))), 128))
+      ], 2)
+    ]));
+  }
+});
+export {
+  Y as default
+};

package/dist/components/feedback/Toast/ToastStack.vue2.js

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

package/dist/components/feedback/Toast/primitives/Toast.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    variant?: "info" | "success" | "warning" | "danger";
+    dense?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    timeout?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: "info" | "success" | "warning" | "danger";
+}, {}, {}, {}, 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/feedback/Toast/primitives/Toast.vue.js

@@ -0,0 +1,56 @@
+import { defineComponent as d, createElementBlock as n, openBlock as l, mergeProps as i, unref as r, renderSlot as t } from "vue";
+import { tv as b } from "tailwind-variants";
+import { useForwardedAttrs as g } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const c = /* @__PURE__ */ d({
+  inheritAttrs: !1,
+  __name: "Toast",
+  props: {
+    variant: { default: "info" },
+    dense: { type: Boolean }
+  },
+  setup(m) {
+    const { classAttr: a, forwardedAttrs: o } = g(), s = b({
+      base: "relative flex items-start gap-3 overflow-hidden rounded-lg border bg-white font-sans shadow-lg",
+      variants: {
+        variant: {
+          info: [
+            "border-blue-400 bg-blue-100 text-blue-800",
+            "dark:border-blue-700 dark:bg-blue-950 dark:text-blue-300"
+          ],
+          success: [
+            "border-green-400 bg-green-100 text-green-800",
+            "dark:border-green-700 dark:bg-green-950 dark:text-green-300"
+          ],
+          warning: [
+            "border-yellow-500 bg-yellow-100 text-yellow-800",
+            "dark:border-yellow-700 dark:bg-yellow-950 dark:text-yellow-300"
+          ],
+          danger: [
+            "border-red-400 bg-red-100 text-red-800",
+            "dark:border-red-700 dark:bg-red-950 dark:text-red-300"
+          ]
+        },
+        dense: {
+          false: "max-w-sm min-w-72 px-4 py-3 text-sm",
+          true: "max-w-xs min-w-64 px-3 py-2 text-xs"
+        }
+      },
+      defaultVariants: {
+        variant: "info",
+        dense: !1
+      }
+    });
+    return (e, f) => (l(), n("div", i(r(o), {
+      role: "status",
+      class: r(s)({ variant: e.variant, dense: e.dense, class: r(a) })
+    }), [
+      t(e.$slots, "default"),
+      t(e.$slots, "timeout")
+    ], 16));
+  }
+});
+export {
+  c as default
+};

package/dist/components/feedback/Toast/primitives/Toast.vue2.js

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

package/dist/components/feedback/Toast/primitives/ToastDismiss.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    variant?: "info" | "success" | "warning" | "danger";
+    dense?: boolean;
+    ariaLabel: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    dismiss: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDismiss?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/feedback/Toast/primitives/ToastDismiss.vue.js

@@ -0,0 +1,63 @@
+import { defineComponent as f, createElementBlock as d, openBlock as b, mergeProps as u, unref as e, createVNode as g } from "vue";
+import { tv as c } from "tailwind-variants";
+import { useForwardedAttrs as v } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+import m from "../../../core/Icon/Icon.vue.js";
+import "highlight.js/lib/core";
+const p = ["aria-label"], C = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "ToastDismiss",
+  props: {
+    variant: {},
+    dense: { type: Boolean },
+    ariaLabel: {}
+  },
+  emits: ["dismiss"],
+  setup(k, { emit: i }) {
+    const { classAttr: t, forwardedAttrs: o } = v(), n = c({
+      base: "ml-auto inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md border-0 bg-transparent outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+      variants: {
+        variant: {
+          info: [
+            "text-blue-800 hover:bg-blue-300 focus-visible:ring-blue-300 focus-visible:ring-offset-blue-200",
+            "dark:text-blue-300 dark:hover:bg-blue-800 dark:focus-visible:ring-blue-800 dark:focus-visible:ring-offset-blue-950"
+          ],
+          success: [
+            "text-green-800 hover:bg-green-300 focus-visible:ring-green-400 focus-visible:ring-offset-green-200",
+            "dark:text-green-300 dark:hover:bg-green-800 dark:focus-visible:ring-green-800 dark:focus-visible:ring-offset-green-950"
+          ],
+          warning: [
+            "text-yellow-800 hover:bg-yellow-400 focus-visible:ring-yellow-400 focus-visible:ring-offset-yellow-200",
+            "dark:text-yellow-300 dark:hover:bg-yellow-800 dark:focus-visible:ring-yellow-800 dark:focus-visible:ring-offset-yellow-950"
+          ],
+          danger: [
+            "text-red-800 hover:bg-red-300 focus-visible:ring-red-300 focus-visible:ring-offset-red-200",
+            "dark:text-red-300 dark:hover:bg-red-800 dark:focus-visible:ring-red-800 dark:focus-visible:ring-offset-red-950"
+          ]
+        },
+        dense: {
+          false: "h-5 w-5 p-1 text-sm",
+          true: "h-4 w-4 p-0.5 text-xs"
+        }
+      },
+      defaultVariants: {
+        variant: "info",
+        dense: !1
+      }
+    }), a = i;
+    return (r, s) => (b(), d("button", u({ type: "button" }, e(o), {
+      class: e(n)({ variant: r.variant, dense: r.dense, class: e(t) }),
+      "aria-label": r.ariaLabel,
+      onClick: s[0] || (s[0] = (l) => a("dismiss", l))
+    }), [
+      g(e(m), {
+        name: "x",
+        size: "xs"
+      })
+    ], 16, p));
+  }
+});
+export {
+  C as default
+};

package/dist/components/feedback/Toast/primitives/ToastDismiss.vue2.js

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

package/dist/components/feedback/Tooltip/Tooltip.vue.d.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    content?: string;
+    placement?: "top" | "bottom" | "left" | "right";
+    dense?: boolean;
+    disabled?: boolean;
+};
+declare var __VLS_1: {}, __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    content?: (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<{}>, {
+    placement: "top" | "bottom" | "left" | "right";
+    content: string;
+}, {}, {}, {}, 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/feedback/Tooltip/Tooltip.vue.js

@@ -0,0 +1,56 @@
+import { defineComponent as v, ref as y, createElementBlock as b, openBlock as l, mergeProps as _, unref as t, renderSlot as c, createBlock as w, createCommentVNode as B, withCtx as S, createTextVNode as k, toDisplayString as A } from "vue";
+import { tv as $ } from "tailwind-variants";
+import { useForwardedAttrs as C } from "../../../composables/useForwardedAttrs.js";
+import "../../../composables/useLocale.js";
+import { useSanitizedId as F } from "../../../composables/useSanitizedId.js";
+import "../../../composables/useTheme.js";
+import N from "./primitives/TooltipContent.vue.js";
+const V = ["aria-describedby"], j = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "Tooltip",
+  props: {
+    content: { default: void 0 },
+    placement: { default: void 0 },
+    dense: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  setup(d) {
+    const { classAttr: p, forwardedAttrs: m } = C(), u = $({
+      base: "inline-flex"
+    }), f = d, n = F("tooltip"), s = `--${n}`, r = n, h = { "anchor-name": s }, o = y(!1);
+    function a() {
+      f.disabled || (o.value = !0);
+    }
+    function i() {
+      o.value = !1;
+    }
+    return (e, g) => (l(), b("div", _(t(m), {
+      class: t(u)({ class: t(p) }),
+      style: h,
+      "aria-describedby": o.value ? t(r) : void 0,
+      onMouseenter: a,
+      onMouseleave: i,
+      onFocusin: a,
+      onFocusout: i
+    }), [
+      c(e.$slots, "default"),
+      o.value ? (l(), w(N, {
+        key: 0,
+        id: t(r),
+        "anchor-name": s,
+        placement: e.placement,
+        dense: e.dense
+      }, {
+        default: S(() => [
+          c(e.$slots, "content", {}, () => [
+            k(A(e.content), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["id", "placement", "dense"])) : B("", !0)
+    ], 16, V));
+  }
+});
+export {
+  j as default
+};

package/dist/components/feedback/Tooltip/Tooltip.vue2.js

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

package/dist/components/feedback/Tooltip/primitives/TooltipContent.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    id?: string;
+    anchorName: string;
+    placement?: "top" | "bottom" | "left" | "right";
+    dense?: 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/feedback/Tooltip/primitives/TooltipContent.vue.js

@@ -0,0 +1,57 @@
+import { defineComponent as l, computed as m, createElementBlock as i, openBlock as d, mergeProps as c, unref as t, renderSlot as f } from "vue";
+import { tv as u } from "tailwind-variants";
+import { useForwardedAttrs as h } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const x = ["id"], A = /* @__PURE__ */ l({
+  inheritAttrs: !1,
+  __name: "TooltipContent",
+  props: {
+    id: {},
+    anchorName: {},
+    placement: {},
+    dense: { type: Boolean }
+  },
+  setup(n) {
+    const { classAttr: s, forwardedAttrs: r } = h(), a = u({
+      base: [
+        "z-50 w-max max-w-xs rounded-md font-sans shadow-lg",
+        "bg-neutral-700 text-white",
+        "dark:bg-neutral-100 dark:text-neutral-900"
+      ],
+      variants: {
+        placement: {
+          top: "mb-1.5",
+          bottom: "mt-1.5",
+          left: "mr-1.5",
+          right: "ml-1.5"
+        },
+        dense: {
+          false: "px-3 py-1.5 text-sm",
+          true: "px-2 py-1 text-xs"
+        }
+      },
+      defaultVariants: {
+        placement: "top",
+        dense: !1
+      }
+    }), o = n, p = m(
+      () => ({
+        position: "fixed",
+        "position-anchor": o.anchorName,
+        "position-area": o.placement ?? "top"
+      })
+    );
+    return (e, w) => (d(), i("div", c(t(r), {
+      id: e.id,
+      role: "tooltip",
+      class: t(a)({ placement: e.placement, dense: e.dense, class: t(s) }),
+      style: p.value
+    }), [
+      f(e.$slots, "default")
+    ], 16, x));
+  }
+});
+export {
+  A as default
+};

package/dist/components/feedback/Tooltip/primitives/TooltipContent.vue2.js

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

package/dist/components/feedback/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Alert } from "./Alert/Alert.vue";
+export { default as ConfirmDialog } from "./ConfirmDialog/ConfirmDialog.vue";
+export { default as Dialog } from "./Dialog/Dialog.vue";
+export { default as Dropdown } from "./Dropdown/Dropdown.vue";
+export { default as Toast } from "./Toast/Toast.vue";
+export { default as ToastStack } from "./Toast/ToastStack.vue";
+export { default as Tooltip } from "./Tooltip/Tooltip.vue";

package/dist/components/feedback/primitives/TimeoutBar.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    variant?: "info" | "success" | "warning" | "danger";
+    duration?: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: "info" | "success" | "warning" | "danger";
+    duration: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/feedback/primitives/TimeoutBar.vue.js

@@ -0,0 +1,36 @@
+import { defineComponent as n, createElementBlock as i, openBlock as s, mergeProps as l, unref as t } from "vue";
+import { tv as m } from "tailwind-variants";
+import { useForwardedAttrs as u } from "../../../composables/useForwardedAttrs.js";
+import "../../../composables/useLocale.js";
+import "../../../composables/useTheme.js";
+const _ = /* @__PURE__ */ n({
+  inheritAttrs: !1,
+  __name: "TimeoutBar",
+  props: {
+    variant: { default: "info" },
+    duration: { default: void 0 }
+  },
+  setup(f) {
+    const { classAttr: a, forwardedAttrs: e } = u(), o = m({
+      base: "absolute bottom-0 left-0 h-0.5 w-full animate-[timeout-shrink_linear_forwards]",
+      variants: {
+        variant: {
+          info: "bg-blue-400",
+          success: "bg-green-400",
+          warning: "bg-yellow-400",
+          danger: "bg-red-400"
+        }
+      },
+      defaultVariants: {
+        variant: "info"
+      }
+    });
+    return (r, d) => (s(), i("div", l(t(e), {
+      class: t(o)({ variant: r.variant, class: t(a) }),
+      style: { animationDuration: `${r.duration}ms` }
+    }), null, 16));
+  }
+});
+export {
+  _ as default
+};

package/dist/components/feedback/primitives/TimeoutBar.vue2.js

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

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

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