@thkzt/eunoia 0.0.1-beta

package/dist/components/form/Slider/variants/SingleSlider.vue.js

@@ -0,0 +1,99 @@
+import { defineComponent as w, mergeModels as B, useModel as k, ref as S, computed as A, createElementBlock as V, openBlock as $, mergeProps as P, unref as s, createElementVNode as u, createVNode as m, normalizeClass as f, normalizeStyle as h } from "vue";
+import { tv as i } from "tailwind-variants";
+import { useForwardedAttrs as E } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+import M from "../primitives/HandleTooltip.vue.js";
+import N from "../primitives/SliderInput.vue.js";
+const q = /* @__PURE__ */ w({
+  inheritAttrs: !1,
+  __name: "SingleSlider",
+  props: /* @__PURE__ */ B({
+    id: { default: void 0 },
+    dense: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    invalid: { type: Boolean, default: !1 },
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r) {
+    const { classAttr: v, forwardedAttrs: p } = E(), t = k(r, "modelValue"), a = r, n = S(!1);
+    function b() {
+      a.disabled || (n.value = !0, window.addEventListener(
+        "pointerup",
+        () => {
+          n.value = !1;
+        },
+        { once: !0 }
+      ));
+    }
+    const o = A(() => {
+      const e = t.value ?? (a.min + a.max) / 2, l = a.max - a.min;
+      return l > 0 ? (e - a.min) / l * 100 : 0;
+    }), g = i({
+      base: "relative flex w-full items-center select-none",
+      variants: {
+        dense: { true: "h-5", false: "h-6" },
+        disabled: { true: "opacity-50", false: "" }
+      }
+    }), c = i({
+      base: [
+        "pointer-events-none absolute inset-x-0 top-1/2 -translate-y-1/2 rounded-full",
+        "bg-neutral-200",
+        "dark:bg-neutral-700"
+      ],
+      variants: {
+        dense: { true: "h-1", false: "h-1.5" },
+        invalid: { true: ["bg-red-100", "dark:bg-red-900"], false: "" }
+      }
+    }), y = i({
+      base: [
+        "pointer-events-none absolute top-1/2 left-0 -translate-y-1/2 rounded-full",
+        "bg-primary-500"
+      ],
+      variants: {
+        dense: { true: "h-1", false: "h-1.5" },
+        disabled: { true: ["bg-neutral-400", "dark:bg-neutral-500"], false: "" },
+        invalid: { true: "bg-red-500", false: "" }
+      }
+    });
+    return (e, l) => ($(), V("div", P({
+      class: s(g)({ dense: e.dense, disabled: e.disabled, class: s(v) })
+    }, s(p)), [
+      u("div", {
+        class: f(s(c)({ dense: e.dense, invalid: e.invalid }))
+      }, null, 2),
+      u("div", {
+        class: f(s(y)({ dense: e.dense, disabled: e.disabled, invalid: e.invalid })),
+        style: h({ width: `${o.value}%` })
+      }, null, 6),
+      m(M, {
+        visible: n.value,
+        pct: o.value,
+        value: t.value ?? (e.min + e.max) / 2,
+        dense: e.dense
+      }, null, 8, ["visible", "pct", "value", "dense"]),
+      m(N, {
+        id: e.id,
+        value: t.value,
+        min: e.min,
+        max: e.max,
+        step: e.step,
+        disabled: e.disabled,
+        dense: e.dense,
+        onInput: l[0] || (l[0] = (d) => t.value = Number(d.target.value)),
+        onPointerdown: b,
+        onFocus: l[1] || (l[1] = (d) => n.value = !0),
+        onBlur: l[2] || (l[2] = (d) => n.value = !1)
+      }, null, 8, ["id", "value", "min", "max", "step", "disabled", "dense"])
+    ], 16));
+  }
+});
+export {
+  q as default
+};

package/dist/components/form/Slider/variants/SingleSlider.vue2.js

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

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

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

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

@@ -0,0 +1,57 @@
+import { defineComponent as f, mergeModels as t, ref as h, useModel as v, createBlock as k, openBlock as b, normalizeClass as g, unref as d, withCtx as y, createElementVNode as V, createVNode as B, mergeProps as w } from "vue";
+import { useForwardedAttrs as C } from "../../../composables/useForwardedAttrs.js";
+import "../../../composables/useLocale.js";
+import "../../../composables/useTheme.js";
+import _ from "./primitives/SwitchTrack.vue.js";
+import A from "./primitives/SwitchThumb.vue.js";
+const M = ["checked", "aria-checked", "disabled"], E = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "Switch",
+  props: /* @__PURE__ */ t({
+    dense: { type: Boolean },
+    disabled: { type: Boolean },
+    invalid: { type: Boolean }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ t(["update:modelValue", "change"], ["update:modelValue"]),
+  setup(o, { emit: s }) {
+    const { classAttr: i, forwardedAttrs: n } = C(), r = h(null), c = o, a = v(o, "modelValue"), m = s;
+    function u(e) {
+      e.stopPropagation(), !c.disabled && (a.value = !a.value);
+    }
+    return (e, l) => (b(), k(_, {
+      dense: e.dense,
+      disabled: e.disabled,
+      invalid: e.invalid,
+      active: a.value,
+      class: g(d(i)),
+      "aria-hidden": "true",
+      onClick: u
+    }, {
+      default: y(() => [
+        V("input", w({
+          ref_key: "checkbox",
+          ref: r,
+          type: "checkbox",
+          role: "switch"
+        }, d(n), {
+          checked: a.value,
+          "aria-checked": String(a.value ?? !1),
+          disabled: e.disabled,
+          class: "sr-only",
+          onChange: l[0] || (l[0] = (p) => m("update:modelValue", p.target.checked))
+        }), null, 16, M),
+        B(A, {
+          dense: e.dense,
+          active: a.value
+        }, null, 8, ["dense", "active"])
+      ]),
+      _: 1
+    }, 8, ["dense", "disabled", "invalid", "active", "class"]));
+  }
+});
+export {
+  E as default
+};

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

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

package/dist/components/form/Switch/primitives/SwitchThumb.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    dense?: boolean;
+    active?: boolean;
+};
+declare const _default: 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>;
+export default _default;

package/dist/components/form/Switch/primitives/SwitchThumb.vue.js

@@ -0,0 +1,39 @@
+import { defineComponent as a, createElementBlock as n, openBlock as s, normalizeClass as o, unref as r } from "vue";
+import { tv as l } from "tailwind-variants";
+const m = /* @__PURE__ */ a({
+  __name: "SwitchThumb",
+  props: {
+    dense: { type: Boolean },
+    active: { type: Boolean }
+  },
+  setup(p) {
+    const t = l({
+      base: [
+        "absolute rounded-full",
+        "bg-white",
+        "transition-transform duration-200 ease-in-out"
+      ],
+      variants: {
+        active: {
+          // normal: inner width (46px) − circle (16px) − 2 × gap (4px) = 22px
+          true: "translate-x-[22px]",
+          false: "translate-x-0"
+        },
+        dense: {
+          // dense: inner width (38px) − circle (14px) − 2 × gap (3px) = 18px
+          true: "top-0.5 left-[3px] h-3.5 w-3.5",
+          false: "top-[3px] left-1 h-4 w-4"
+        }
+      },
+      compoundVariants: [
+        { active: !0, dense: !0, class: "translate-x-[18px]" }
+      ]
+    });
+    return (e, i) => (s(), n("span", {
+      class: o(r(t)({ dense: e.dense, active: e.active }))
+    }, null, 2));
+  }
+});
+export {
+  m as default
+};

package/dist/components/form/Switch/primitives/SwitchThumb.vue2.js

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

package/dist/components/form/Switch/primitives/SwitchTrack.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    dense?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    active?: 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/Switch/primitives/SwitchTrack.vue.js

@@ -0,0 +1,55 @@
+import { defineComponent as s, createElementBlock as i, openBlock as n, mergeProps as l, unref as r, renderSlot as d } from "vue";
+import { tv as u } from "tailwind-variants";
+import { useForwardedAttrs as c } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const y = /* @__PURE__ */ s({
+  inheritAttrs: !1,
+  __name: "SwitchTrack",
+  props: {
+    dense: { type: Boolean },
+    disabled: { type: Boolean },
+    invalid: { type: Boolean },
+    active: { type: Boolean }
+  },
+  setup(f) {
+    const { classAttr: a, forwardedAttrs: t } = c(), o = u({
+      base: [
+        "relative cursor-pointer rounded-full border p-1 transition-colors duration-200 ease-in-out",
+        "focus-within:ring-2 focus-within:ring-primary-500 focus-within:outline-none"
+      ],
+      variants: {
+        active: {
+          true: "bg-primary-500",
+          false: ["bg-neutral-200", "dark:bg-neutral-700"]
+        },
+        dense: {
+          true: "h-5 w-10",
+          false: "h-6 w-12"
+        },
+        disabled: {
+          true: "cursor-not-allowed opacity-40",
+          false: ""
+        },
+        invalid: {
+          true: ["border-red-500", "dark:border-red-500"],
+          false: ["border-neutral-300", "dark:border-neutral-700"]
+        }
+      },
+      defaultVariants: {
+        dense: !1,
+        disabled: !1,
+        invalid: !1,
+        active: !1
+      }
+    });
+    return (e, p) => (n(), i("div", l({
+      class: r(o)({ dense: e.dense, disabled: e.disabled, invalid: e.invalid, active: e.active, class: r(a) })
+    }, r(t)), [
+      d(e.$slots, "default")
+    ], 16));
+  }
+});
+export {
+  y as default
+};

package/dist/components/form/Switch/primitives/SwitchTrack.vue2.js

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

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

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    dense?: boolean;
+    invalid?: boolean;
+    disabled?: boolean;
+    helper?: string;
+    errors?: string[];
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string;
+};
+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: 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;
+    };
+};

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

@@ -0,0 +1,87 @@
+import { defineComponent as g, mergeModels as V, useAttrs as $, useModel as k, computed as n, createElementBlock as B, openBlock as r, createVNode as b, createBlock as l, createCommentVNode as o, unref as v, withCtx as s, renderSlot as _, mergeProps as L, createTextVNode as N, toDisplayString as A } from "vue";
+import C from "../Input/primitives/Label.vue.js";
+import I from "../Input/primitives/InputHintRow.vue.js";
+import M from "../Input/primitives/InputHelper.vue.js";
+import S from "../Input/primitives/InputCounter.vue.js";
+import T from "../Input/primitives/InputError.vue.js";
+import w from "./variants/TextareaInput.vue.js";
+import "../../../composables/useLocale.js";
+import { useSanitizedId as z } from "../../../composables/useSanitizedId.js";
+import "../../../composables/useTheme.js";
+const D = { class: "flex flex-col gap-1" }, K = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "Textarea",
+  props: /* @__PURE__ */ V({
+    dense: { type: Boolean },
+    invalid: { type: Boolean },
+    disabled: { type: Boolean },
+    helper: {},
+    errors: {},
+    ariaLabel: {},
+    ariaLabelledby: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(d) {
+    const c = $(), i = z("textarea", { useAttrId: !0 }), a = k(d, "modelValue"), m = d, u = n(() => {
+      var e;
+      return m.helper && !((e = m.errors) != null && e.length);
+    }), t = n(() => {
+      const e = c.maxlength;
+      return e != null ? Number(e) : void 0;
+    }), y = n(() => typeof a.value == "string" ? a.value.length : 0);
+    return (e, f) => {
+      var p;
+      return r(), B("div", D, [
+        b(C, {
+          dense: e.dense,
+          for: v(i)
+        }, {
+          default: s(() => [
+            _(e.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["dense", "for"]),
+        b(w, L(e.$attrs, {
+          id: v(i),
+          modelValue: a.value,
+          "onUpdate:modelValue": f[0] || (f[0] = (h) => a.value = h),
+          dense: e.dense,
+          invalid: e.invalid,
+          disabled: e.disabled,
+          "aria-label": e.ariaLabel,
+          "aria-labelledby": e.ariaLabelledby
+        }), null, 16, ["id", "modelValue", "dense", "invalid", "disabled", "aria-label", "aria-labelledby"]),
+        u.value || t.value ? (r(), l(I, {
+          key: 0,
+          dense: e.dense
+        }, {
+          default: s(() => [
+            u.value ? (r(), l(M, { key: 0 }, {
+              default: s(() => [
+                N(A(e.helper), 1)
+              ]),
+              _: 1
+            })) : o("", !0),
+            t.value ? (r(), l(S, {
+              key: 1,
+              current: y.value,
+              max: t.value
+            }, null, 8, ["current", "max"])) : o("", !0)
+          ]),
+          _: 1
+        }, 8, ["dense"])) : o("", !0),
+        (p = e.errors) != null && p.length ? (r(), l(T, {
+          key: 1,
+          errors: e.errors,
+          dense: e.dense
+        }, null, 8, ["errors", "dense"])) : o("", !0)
+      ]);
+    };
+  }
+});
+export {
+  K as default
+};

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

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

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

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    dense?: boolean;
+    invalid?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string;
+};
+declare const _default: 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>;
+export default _default;

package/dist/components/form/Textarea/primitives/Textarea.vue.js

@@ -0,0 +1,43 @@
+import { defineComponent as d, mergeModels as m, useModel as p, withDirectives as u, createElementBlock as f, openBlock as c, mergeProps as v, unref as e, vModelText as x } from "vue";
+import { tv as y } from "tailwind-variants";
+import { useForwardedAttrs as b } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const w = ["aria-invalid"], k = /* @__PURE__ */ d({
+  inheritAttrs: !1,
+  __name: "Textarea",
+  props: /* @__PURE__ */ m({
+    dense: { type: Boolean },
+    invalid: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(s) {
+    const { classAttr: l, forwardedAttrs: r } = b(), t = p(s, "modelValue"), n = y({
+      base: [
+        "inline-block w-full resize-y outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50"
+      ],
+      variants: {
+        dense: {
+          false: "px-3 py-2 text-sm",
+          true: "px-2.5 py-1.5 text-xs"
+        }
+      },
+      defaultVariants: {
+        dense: !1
+      }
+    });
+    return (o, a) => u((c(), f("textarea", v(e(r), {
+      "onUpdate:modelValue": a[0] || (a[0] = (i) => t.value = i),
+      class: e(n)({ dense: o.dense, class: e(l) }),
+      "aria-invalid": o.invalid || void 0
+    }), null, 16, w)), [
+      [x, t.value]
+    ]);
+  }
+});
+export {
+  k as default
+};

package/dist/components/form/Textarea/primitives/Textarea.vue2.js

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

package/dist/components/form/Textarea/variants/TextareaInput.vue.d.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    dense?: boolean;
+    invalid?: boolean;
+    disabled?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string;
+};
+declare const _default: 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>;
+export default _default;

package/dist/components/form/Textarea/variants/TextareaInput.vue.js

@@ -0,0 +1,34 @@
+import { defineComponent as i, mergeModels as n, useModel as m, createBlock as r, openBlock as s, withCtx as u, createVNode as p, mergeProps as f } from "vue";
+import V from "../primitives/Textarea.vue.js";
+import c from "../../InputGroup/InputGroup.vue.js";
+const _ = /* @__PURE__ */ i({
+  inheritAttrs: !1,
+  __name: "TextareaInput",
+  props: /* @__PURE__ */ n({
+    dense: { type: Boolean },
+    invalid: { type: Boolean },
+    disabled: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const d = l, o = m(l, "modelValue");
+    return (e, a) => (s(), r(c, {
+      invalid: e.invalid,
+      disabled: e.disabled
+    }, {
+      default: u(() => [
+        p(V, f({
+          modelValue: o.value,
+          "onUpdate:modelValue": a[0] || (a[0] = (t) => o.value = t)
+        }, { ...e.$attrs, ...d }), null, 16, ["modelValue"])
+      ]),
+      _: 1
+    }, 8, ["invalid", "disabled"]));
+  }
+});
+export {
+  _ as default
+};

package/dist/components/form/Textarea/variants/TextareaInput.vue2.js

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

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

@@ -0,0 +1,11 @@
+export { default as Checkbox } from "./Checkbox/Checkbox.vue";
+export { default as DatePicker } from "./DatePicker/DatePicker.vue";
+export { default as FormGroup } from "./FormGroup/FormGroup.vue";
+export { default as Input } from "./Input/Input.vue";
+export { default as NumberInput } from "./NumberInput/NumberInput.vue";
+export { default as Radio } from "./Radio/Radio.vue";
+export { default as RadioGroup } from "./RadioGroup/RadioGroup.vue";
+export { default as Select } from "./Select/Select.vue";
+export { default as Slider } from "./Slider/Slider.vue";
+export { default as Switch } from "./Switch/Switch.vue";
+export { default as Textarea } from "./Textarea/Textarea.vue";

package/dist/components/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./core";
+export * from "./display";
+export * from "./feedback";
+export * from "./form";
+export * from "./navigation";
+export * from "./layout";
+export * from "./typography";

package/dist/components/layout/Header.vue.d.ts

@@ -0,0 +1,14 @@
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    left?: (props: typeof __VLS_1) => any;
+} & {
+    right?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/layout/Header.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent as n, createElementBlock as o, openBlock as a, normalizeClass as l, unref as c, createElementVNode as t, renderSlot as r } from "vue";
+import { tv as d } from "tailwind-variants";
+const i = { class: "flex items-center gap-3" }, m = { class: "flex items-center gap-3" }, b = /* @__PURE__ */ n({
+  __name: "Header",
+  setup(f) {
+    const s = d({
+      base: [
+        "flex shrink-0 items-center justify-between border-b px-4 py-3 font-sans",
+        "border-neutral-200 bg-white",
+        "dark:border-neutral-800 dark:bg-neutral-900"
+      ]
+    });
+    return (e, p) => (a(), o("header", {
+      class: l(c(s)())
+    }, [
+      t("div", i, [
+        r(e.$slots, "left")
+      ]),
+      t("div", m, [
+        r(e.$slots, "right")
+      ])
+    ], 2));
+  }
+});
+export {
+  b as default
+};

package/dist/components/layout/Header.vue2.js

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

package/dist/components/layout/Page.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;