@thkzt/eunoia 0.0.1-beta

package/README.md

@@ -0,0 +1,5 @@
+# Eunoia UI
+
+Eunoia UI is a minimalist Vue 3 component library focused on clarity, elegance, and ease of use.
+
+Designed for clean interfaces and fast development, it offers a refined set of accessible, unopinionated components that blend seamlessly into any modern Vue project.

package/dist/components/core/Avatar/Avatar.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    src?: string;
+    name?: string;
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    src: string;
+    name: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/core/Avatar/Avatar.vue.js

@@ -0,0 +1,21 @@
+import { defineComponent as r, createBlock as s, openBlock as a, mergeProps as n } from "vue";
+import o from "./primitives/Avatar.vue.js";
+const f = /* @__PURE__ */ r({
+  inheritAttrs: !1,
+  __name: "Avatar",
+  props: {
+    src: { default: void 0 },
+    name: { default: void 0 },
+    size: { default: "md" }
+  },
+  setup(t) {
+    return (e, m) => (a(), s(o, n(e.$attrs, {
+      src: e.src,
+      name: e.name,
+      size: e.size
+    }), null, 16, ["src", "name", "size"]));
+  }
+});
+export {
+  f as default
+};

package/dist/components/core/Avatar/Avatar.vue2.js

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

package/dist/components/core/Avatar/primitives/Avatar.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    src?: string;
+    name?: string;
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    src: string;
+    name: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/core/Avatar/primitives/Avatar.vue.js

@@ -0,0 +1,75 @@
+import { defineComponent as u, ref as z, watch as v, computed as x, createElementBlock as a, openBlock as i, mergeProps as y, unref as s, normalizeClass as g, toDisplayString as k } from "vue";
+import { tv as l } from "tailwind-variants";
+import { useForwardedAttrs as b } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const A = ["src", "alt"], B = /* @__PURE__ */ u({
+  inheritAttrs: !1,
+  __name: "Avatar",
+  props: {
+    src: { default: void 0 },
+    name: { default: void 0 },
+    size: { default: "md" }
+  },
+  setup(o) {
+    const { classAttr: m, forwardedAttrs: d } = b(), p = l({
+      base: [
+        "inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full bg-primary-200",
+        "dark:bg-primary-800"
+      ],
+      variants: {
+        size: {
+          xs: "size-6",
+          sm: "size-8",
+          md: "size-10",
+          lg: "size-12",
+          xl: "size-16"
+        }
+      },
+      defaultVariants: {
+        size: "md"
+      }
+    }), c = l({
+      base: [
+        "font-sans font-medium text-primary-700 select-none",
+        "dark:text-primary-200"
+      ],
+      variants: {
+        size: {
+          xs: "text-[10px]",
+          sm: "text-xs",
+          md: "text-sm",
+          lg: "text-base",
+          xl: "text-xl"
+        }
+      },
+      defaultVariants: {
+        size: "md"
+      }
+    }), t = o, r = z(!1);
+    v(
+      () => t.src,
+      () => {
+        r.value = !1;
+      }
+    );
+    const f = x(() => t.name ? t.name.split(/\s+/).slice(0, 2).map((e) => e[0]).join("").toUpperCase() : "");
+    return (e, n) => (i(), a("span", y(s(d), {
+      class: s(p)({ size: e.size, class: s(m) })
+    }), [
+      e.src && !r.value ? (i(), a("img", {
+        key: 0,
+        src: e.src,
+        alt: e.name ?? "",
+        class: "size-full object-cover",
+        onError: n[0] || (n[0] = (h) => r.value = !0)
+      }, null, 40, A)) : (i(), a("span", {
+        key: 1,
+        class: g(s(c)({ size: e.size }))
+      }, k(f.value), 3))
+    ], 16));
+  }
+});
+export {
+  B as default
+};

package/dist/components/core/Avatar/primitives/Avatar.vue2.js

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

package/dist/components/core/Badge/Badge.vue.d.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    variant?: "primary" | "secondary" | "success" | "warning" | "danger";
+    dense?: boolean;
+    pill?: boolean;
+    count?: number;
+    maxCount?: number;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => 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: "primary" | "secondary" | "success" | "warning" | "danger";
+    count: number;
+    maxCount: 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/core/Badge/Badge.vue.js

@@ -0,0 +1,42 @@
+import { defineComponent as i, computed as u, createBlock as t, openBlock as a, mergeProps as s, withCtx as o, renderSlot as p, createCommentVNode as d, createTextVNode as m, toDisplayString as f } from "vue";
+import c from "./primitives/Badge.vue.js";
+import v from "./primitives/BadgeCount.vue.js";
+const g = /* @__PURE__ */ i({
+  inheritAttrs: !1,
+  __name: "Badge",
+  props: {
+    variant: { default: "primary" },
+    dense: { type: Boolean },
+    pill: { type: Boolean },
+    count: { default: void 0 },
+    maxCount: { default: 99 }
+  },
+  setup(r) {
+    const n = r, l = u(() => n.count == null ? null : n.count > n.maxCount ? `${n.maxCount}+` : n.count);
+    return (e, C) => (a(), t(c, s(e.$attrs, {
+      class: "inline-flex items-center gap-2",
+      variant: e.variant,
+      dense: e.dense,
+      pill: e.pill
+    }), {
+      default: o(() => [
+        p(e.$slots, "default"),
+        e.count != null ? (a(), t(v, {
+          key: 0,
+          variant: e.variant,
+          dense: e.dense,
+          count: e.count
+        }, {
+          default: o(() => [
+            m(f(l.value), 1)
+          ]),
+          _: 1
+        }, 8, ["variant", "dense", "count"])) : d("", !0)
+      ]),
+      _: 3
+    }, 16, ["variant", "dense", "pill"]));
+  }
+});
+export {
+  g as default
+};

package/dist/components/core/Badge/Badge.vue2.js

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

package/dist/components/core/Badge/primitives/Badge.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    variant?: "primary" | "secondary" | "success" | "warning" | "danger";
+    dense?: boolean;
+    pill?: 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<{}>, {
+    variant: "primary" | "secondary" | "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/core/Badge/primitives/Badge.vue.js

@@ -0,0 +1,58 @@
+import { defineComponent as l, createElementBlock as s, openBlock as o, mergeProps as d, unref as r, renderSlot as p } from "vue";
+import { tv as i } from "tailwind-variants";
+import { useForwardedAttrs as m } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const k = /* @__PURE__ */ l({
+  inheritAttrs: !1,
+  __name: "Badge",
+  props: {
+    variant: { default: "primary" },
+    dense: { type: Boolean },
+    pill: { type: Boolean }
+  },
+  setup(f) {
+    const { classAttr: t, forwardedAttrs: a } = m(), n = i({
+      base: "inline-flex items-center font-sans leading-none font-bold",
+      variants: {
+        variant: {
+          primary: ["bg-primary-500 text-primary-50", "dark:bg-primary-700"],
+          secondary: [
+            "bg-neutral-100 text-neutral-950",
+            "dark:bg-neutral-600 dark:text-neutral-50"
+          ],
+          success: [
+            "bg-green-500 text-green-50",
+            "dark:bg-green-600 dark:text-green-50"
+          ],
+          warning: [
+            "bg-yellow-500 text-yellow-950",
+            "dark:bg-yellow-600 dark:text-yellow-950"
+          ],
+          danger: ["bg-red-500 text-red-50", "dark:bg-red-600 dark:text-red-50"]
+        },
+        dense: {
+          false: "px-2.5 py-1 text-xs",
+          true: "px-2 py-0.5 text-[10px]"
+        },
+        pill: {
+          false: "rounded-md",
+          true: "rounded-full"
+        }
+      },
+      defaultVariants: {
+        variant: "primary",
+        dense: !1,
+        pill: !1
+      }
+    });
+    return (e, g) => (o(), s("span", d({ role: "status" }, r(a), {
+      class: r(n)({ variant: e.variant, dense: e.dense, pill: e.pill, class: r(t) })
+    }), [
+      p(e.$slots, "default")
+    ], 16));
+  }
+});
+export {
+  k as default
+};

package/dist/components/core/Badge/primitives/Badge.vue2.js

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

package/dist/components/core/Badge/primitives/BadgeCount.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    variant?: "primary" | "secondary" | "success" | "warning" | "danger";
+    dense?: boolean;
+    count: number;
+};
+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<{}>, {
+    variant: "primary" | "secondary" | "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/core/Badge/primitives/BadgeCount.vue.js

@@ -0,0 +1,58 @@
+import { defineComponent as s, createElementBlock as o, openBlock as i, mergeProps as d, unref as t, renderSlot as l } from "vue";
+import { tv as p } from "tailwind-variants";
+import { useForwardedAttrs as m } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const u = ["aria-label"], k = /* @__PURE__ */ s({
+  inheritAttrs: !1,
+  __name: "BadgeCount",
+  props: {
+    variant: { default: "primary" },
+    dense: { type: Boolean },
+    count: {}
+  },
+  setup(c) {
+    const { classAttr: r, forwardedAttrs: a } = m(), n = p({
+      base: "inline-flex items-center justify-center rounded-full font-bold",
+      variants: {
+        variant: {
+          primary: [
+            "text-primary-500",
+            "bg-white",
+            "dark:bg-primary-900 dark:text-primary-100"
+          ],
+          secondary: [
+            "bg-neutral-800 text-white",
+            "dark:bg-neutral-900 dark:text-neutral-100"
+          ],
+          success: [
+            "bg-green-800 text-white",
+            "dark:bg-green-900 dark:text-green-100"
+          ],
+          warning: [
+            "bg-yellow-800 text-white",
+            "dark:bg-yellow-900 dark:text-yellow-100"
+          ],
+          danger: ["bg-red-800 text-white", "dark:bg-red-900 dark:text-red-100"]
+        },
+        dense: {
+          false: "h-4 min-w-4 px-1 text-[10px]",
+          true: "h-3.5 min-w-3.5 px-0.5 text-[8px]"
+        }
+      },
+      defaultVariants: {
+        variant: "primary",
+        dense: !1
+      }
+    });
+    return (e, f) => (i(), o("span", d(t(a), {
+      class: t(n)({ variant: e.variant, dense: e.dense, class: t(r) }),
+      "aria-label": String(e.count)
+    }), [
+      l(e.$slots, "default")
+    ], 16, u));
+  }
+});
+export {
+  k as default
+};

package/dist/components/core/Badge/primitives/BadgeCount.vue2.js

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

package/dist/components/core/Button/Button.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    primary?: boolean;
+    ghost?: boolean;
+    destructive?: boolean;
+    dense?: boolean;
+    icon?: string;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    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<{}>, {
+    primary: boolean;
+    icon: string;
+    ghost: boolean;
+    destructive: boolean;
+}, {}, {}, {}, 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/core/Button/Button.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent as r, computed as a, createBlock as i, openBlock as s, resolveDynamicComponent as f, withCtx as m, renderSlot as p } from "vue";
+import l from "./variants/PrimaryButton.vue.js";
+import c from "./variants/SecondaryButton.vue.js";
+import u from "./variants/GhostButton.vue.js";
+import d from "./variants/DestructiveButton.vue.js";
+const C = /* @__PURE__ */ r({
+  __name: "Button",
+  props: {
+    primary: { type: Boolean, default: !1 },
+    ghost: { type: Boolean, default: !1 },
+    destructive: { type: Boolean, default: !1 },
+    dense: { type: Boolean },
+    icon: { default: void 0 }
+  },
+  setup(t) {
+    const e = t, n = a(() => e.destructive ? d : e.ghost ? u : e.primary ? l : c);
+    return (o, _) => (s(), i(f(n.value), {
+      dense: o.dense,
+      icon: o.icon
+    }, {
+      default: m(() => [
+        p(o.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["dense", "icon"]));
+  }
+});
+export {
+  C as default
+};

package/dist/components/core/Button/Button.vue2.js

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

package/dist/components/core/Button/primitives/Button.vue.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    dense?: boolean;
+    icon?: string;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+}>, {
+    icon: 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/core/Button/primitives/Button.vue.js

@@ -0,0 +1,68 @@
+import { defineComponent as v, computed as i, createElementBlock as g, openBlock as l, mergeProps as k, unref as n, createBlock as B, createCommentVNode as x, renderSlot as C } from "vue";
+import { tv as S } from "tailwind-variants";
+import { useForwardedAttrs as w } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import { useSlotContent as A } from "../../../../composables/useSlotContent.js";
+import "../../../../composables/useTheme.js";
+import O from "../../Icon/Icon.vue.js";
+import "highlight.js/lib/core";
+const E = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "Button",
+  props: {
+    dense: { type: Boolean },
+    icon: { default: void 0 }
+  },
+  emits: ["click", "focus", "blur"],
+  setup(a, { emit: u }) {
+    const { classAttr: c, forwardedAttrs: f } = w(), d = a, { hasSlotContent: m } = A(), p = m("default"), r = i(() => !!d.icon), y = i(() => r.value && !p.value), b = S({
+      base: [
+        "inline-flex cursor-pointer items-center gap-1.5 rounded-lg border-0 font-sans leading-none font-medium transition-colors outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        "focus-visible:ring-offset-white",
+        "dark:focus-visible:ring-offset-neutral-900"
+      ],
+      variants: {
+        dense: {
+          false: "px-3 py-2.25 text-sm",
+          true: "px-2.5 py-2 text-xs"
+        },
+        icon: {
+          true: ""
+        },
+        iconOnly: {
+          true: "aspect-square justify-center"
+        }
+      },
+      compoundVariants: [
+        { dense: !0, icon: !0, class: "px-3 py-2.5" },
+        { dense: !1, icon: !0, class: "px-2.5 py-2" }
+      ],
+      defaultVariants: {
+        dense: !1,
+        icon: !1,
+        iconOnly: !1
+      }
+    }), s = u;
+    return (o, e) => (l(), g("button", k(n(f), {
+      class: n(b)({
+        dense: o.dense,
+        icon: r.value,
+        iconOnly: y.value,
+        class: n(c)
+      }),
+      onClick: e[0] || (e[0] = (t) => s("click", t)),
+      onFocus: e[1] || (e[1] = (t) => s("focus", t)),
+      onBlur: e[2] || (e[2] = (t) => s("blur", t))
+    }), [
+      o.icon ? (l(), B(n(O), {
+        key: 0,
+        name: o.icon,
+        size: o.dense ? "md" : "sm"
+      }, null, 8, ["name", "size"])) : x("", !0),
+      C(o.$slots, "default")
+    ], 16));
+  }
+});
+export {
+  E as default
+};

package/dist/components/core/Button/primitives/Button.vue2.js

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

package/dist/components/core/Button/variants/DestructiveButton.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    dense?: boolean;
+    icon?: string;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    icon: 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/core/Button/variants/DestructiveButton.vue.js

@@ -0,0 +1,24 @@
+import { defineComponent as r, createBlock as d, openBlock as n, withCtx as o, renderSlot as t } from "vue";
+import a from "../primitives/Button.vue.js";
+const b = /* @__PURE__ */ r({
+  __name: "DestructiveButton",
+  props: {
+    dense: { type: Boolean },
+    icon: { default: void 0 }
+  },
+  setup(i) {
+    return (e, s) => (n(), d(a, {
+      dense: e.dense,
+      icon: e.icon,
+      class: "bg-red-500 text-red-50 focus-visible:ring-red-500 enabled:hover:bg-red-600 enabled:active:bg-red-700 dark:bg-red-700 dark:focus-visible:ring-red-600 dark:enabled:hover:bg-red-800 dark:enabled:active:bg-red-900"
+    }, {
+      default: o(() => [
+        t(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["dense", "icon"]));
+  }
+});
+export {
+  b as default
+};

package/dist/components/core/Button/variants/DestructiveButton.vue2.js

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

package/dist/components/core/Button/variants/GhostButton.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    dense?: boolean;
+    icon?: string;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    icon: 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/core/Button/variants/GhostButton.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as n, createBlock as a, openBlock as o, normalizeClass as r, unref as s, withCtx as l, renderSlot as i } from "vue";
+import { tv as c } from "tailwind-variants";
+import d from "../primitives/Button.vue.js";
+const k = /* @__PURE__ */ n({
+  __name: "GhostButton",
+  props: {
+    dense: { type: Boolean },
+    icon: { default: void 0 }
+  },
+  setup(u) {
+    const t = c({
+      base: [
+        "bg-transparent text-neutral-800 focus-visible:ring-neutral-300 enabled:hover:bg-black/10 enabled:active:bg-black/5",
+        "dark:text-neutral-200 dark:focus-visible:ring-neutral-700 dark:enabled:hover:bg-white/10 dark:enabled:active:bg-white/5"
+      ]
+    });
+    return (e, b) => (o(), a(d, {
+      dense: e.dense,
+      icon: e.icon,
+      class: r(s(t)())
+    }, {
+      default: l(() => [
+        i(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["dense", "icon", "class"]));
+  }
+});
+export {
+  k as default
+};

package/dist/components/core/Button/variants/GhostButton.vue2.js

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