@thkzt/eunoia 0.0.1-beta

package/dist/components/feedback/Alert/primitives/AlertDismiss.vue.js

@@ -0,0 +1,66 @@
+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: "AlertDismiss",
+  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 border-transparent transition-colors outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+        "bg-transparent"
+      ],
+      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/Alert/primitives/AlertDismiss.vue2.js

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

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

@@ -0,0 +1,35 @@
+import { type LocaleMessages } from "@/composables";
+type __VLS_Props = {
+    title: string;
+    confirmPhrase?: string;
+    persistent?: boolean;
+    dense?: boolean;
+    locale?: LocaleMessages;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: boolean;
+};
+declare var __VLS_26: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_26) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
+    confirm: () => any;
+    cancel: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+}>, {
+    locale: LocaleMessages;
+    confirmPhrase: 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/ConfirmDialog/ConfirmDialog.vue.js

@@ -0,0 +1,128 @@
+import { defineComponent as g, mergeModels as _, toRef as P, useModel as B, ref as M, computed as N, watch as S, createBlock as b, openBlock as f, mergeProps as w, unref as o, withCtx as n, createVNode as a, createCommentVNode as y, createTextVNode as r, toDisplayString as i, renderSlot as D, createElementBlock as E } from "vue";
+import { useLocale as I } from "../../../composables/useLocale.js";
+import { useSanitizedId as q } from "../../../composables/useSanitizedId.js";
+import "../../../composables/useTheme.js";
+import "tailwind-variants";
+import u from "../../core/Button/Button.vue.js";
+import "vue-icons-plus/pi";
+import z from "../Dialog/primitives/DialogPanel.vue.js";
+import A from "../Dialog/primitives/DialogHeader.vue.js";
+import L from "../Dialog/primitives/DialogTitle.vue.js";
+import R from "../Dialog/primitives/DialogBody.vue.js";
+import T from "../Dialog/primitives/DialogFooter.vue.js";
+import U from "../../form/Input/Input.vue.js";
+import "highlight.js/lib/core";
+const j = {
+  key: 0,
+  class: "mt-4"
+}, ne = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "ConfirmDialog",
+  props: /* @__PURE__ */ _({
+    title: {},
+    confirmPhrase: { default: void 0 },
+    persistent: { type: Boolean },
+    dense: { type: Boolean },
+    locale: { default: void 0 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ _(["confirm", "cancel"], ["update:modelValue"]),
+  setup(c, { emit: C }) {
+    const d = c, t = I(
+      "dialog",
+      P(() => d.locale)
+    ), s = B(c, "modelValue"), p = q("dialog-title"), l = M(""), v = C, h = N(() => d.confirmPhrase ? l.value === d.confirmPhrase : !0);
+    function $() {
+      h.value && (s.value = !1, l.value = "", v("confirm"));
+    }
+    function m() {
+      s.value = !1, l.value = "", v("cancel");
+    }
+    return S(s, (e) => {
+      e && (l.value = "");
+    }), (e, V) => (f(), b(z, w(e.$attrs, {
+      open: s.value,
+      persistent: e.persistent,
+      dense: e.dense,
+      "aria-labelledby": o(p),
+      onClose: m
+    }), {
+      default: n(() => [
+        a(A, { dense: e.dense }, {
+          default: n(() => [
+            a(L, {
+              id: o(p),
+              dense: e.dense
+            }, {
+              default: n(() => [
+                r(i(e.title), 1)
+              ]),
+              _: 1
+            }, 8, ["id", "dense"]),
+            e.persistent ? y("", !0) : (f(), b(o(u), {
+              key: 0,
+              ghost: "",
+              dense: "",
+              "aria-label": o(t)("close"),
+              class: "aspect-square",
+              icon: "x",
+              onClick: m
+            }, null, 8, ["aria-label"]))
+          ]),
+          _: 1
+        }, 8, ["dense"]),
+        a(R, { dense: e.dense }, {
+          default: n(() => [
+            D(e.$slots, "default"),
+            e.confirmPhrase ? (f(), E("div", j, [
+              a(o(U), {
+                modelValue: l.value,
+                "onUpdate:modelValue": V[0] || (V[0] = (k) => l.value = k),
+                type: "text",
+                dense: e.dense,
+                placeholder: e.confirmPhrase
+              }, {
+                default: n(() => [
+                  r(i(o(t)("confirm-phrase-prompt").replace("{phrase}", e.confirmPhrase)), 1)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "dense", "placeholder"])
+            ])) : y("", !0)
+          ]),
+          _: 3
+        }, 8, ["dense"]),
+        a(T, { dense: e.dense }, {
+          default: n(() => [
+            a(o(u), {
+              dense: e.dense,
+              onClick: m
+            }, {
+              default: n(() => [
+                r(i(o(t)("cancel")), 1)
+              ]),
+              _: 1
+            }, 8, ["dense"]),
+            a(o(u), {
+              destructive: "",
+              dense: e.dense,
+              disabled: !h.value,
+              onClick: $
+            }, {
+              default: n(() => [
+                r(i(o(t)("confirm")), 1)
+              ]),
+              _: 1
+            }, 8, ["dense", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["dense"])
+      ]),
+      _: 3
+    }, 16, ["open", "persistent", "dense", "aria-labelledby"]));
+  }
+});
+export {
+  ne as default
+};

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

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

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

@@ -0,0 +1,33 @@
+import { type LocaleMessages } from "@/composables";
+type __VLS_Props = {
+    title: string;
+    persistent?: boolean;
+    dense?: boolean;
+    locale?: LocaleMessages;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: boolean;
+};
+declare var __VLS_26: {}, __VLS_31: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_26) => any;
+} & {
+    footer?: (props: typeof __VLS_31) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    locale: LocaleMessages;
+}, {}, {}, {}, 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/Dialog/Dialog.vue.js

@@ -0,0 +1,88 @@
+import { defineComponent as y, mergeModels as m, toRef as g, useModel as b, createBlock as s, openBlock as l, mergeProps as V, unref as t, withCtx as o, createVNode as a, createCommentVNode as f, createTextVNode as k, toDisplayString as B, renderSlot as p } from "vue";
+import { useLocale as C } from "../../../composables/useLocale.js";
+import { useSanitizedId as h } from "../../../composables/useSanitizedId.js";
+import "../../../composables/useTheme.js";
+import "tailwind-variants";
+import v from "../../core/Button/Button.vue.js";
+import "vue-icons-plus/pi";
+import M from "./primitives/DialogPanel.vue.js";
+import N from "./primitives/DialogHeader.vue.js";
+import S from "./primitives/DialogTitle.vue.js";
+import D from "./primitives/DialogBody.vue.js";
+import I from "./primitives/DialogFooter.vue.js";
+import "highlight.js/lib/core";
+const K = /* @__PURE__ */ y({
+  inheritAttrs: !1,
+  __name: "Dialog",
+  props: /* @__PURE__ */ m({
+    title: {},
+    persistent: { type: Boolean },
+    dense: { type: Boolean },
+    locale: { default: void 0 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ m(["close"], ["update:modelValue"]),
+  setup(n, { emit: u }) {
+    const c = n, $ = C(
+      "dialog",
+      g(() => c.locale)
+    ), r = b(n, "modelValue"), i = h("dialog-title"), _ = u;
+    function d() {
+      r.value = !1, _("close");
+    }
+    return (e, q) => (l(), s(M, V(e.$attrs, {
+      open: r.value,
+      persistent: e.persistent,
+      dense: e.dense,
+      "aria-labelledby": t(i),
+      onClose: d
+    }), {
+      default: o(() => [
+        a(N, { dense: e.dense }, {
+          default: o(() => [
+            a(S, {
+              id: t(i),
+              dense: e.dense
+            }, {
+              default: o(() => [
+                k(B(e.title), 1)
+              ]),
+              _: 1
+            }, 8, ["id", "dense"]),
+            e.persistent ? f("", !0) : (l(), s(t(v), {
+              key: 0,
+              ghost: "",
+              dense: "",
+              "aria-label": t($)("close"),
+              class: "aspect-square",
+              icon: "x",
+              onClick: d
+            }, null, 8, ["aria-label"]))
+          ]),
+          _: 1
+        }, 8, ["dense"]),
+        a(D, { dense: e.dense }, {
+          default: o(() => [
+            p(e.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["dense"]),
+        e.$slots.footer ? (l(), s(I, {
+          key: 0,
+          dense: e.dense
+        }, {
+          default: o(() => [
+            p(e.$slots, "footer")
+          ]),
+          _: 3
+        }, 8, ["dense"])) : f("", !0)
+      ]),
+      _: 3
+    }, 16, ["open", "persistent", "dense", "aria-labelledby"]));
+  }
+});
+export {
+  K as default
+};

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

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

package/dist/components/feedback/Dialog/primitives/DialogBody.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    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/Dialog/primitives/DialogBody.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent as a, createElementBlock as n, openBlock as l, mergeProps as p, unref as e, renderSlot as d } from "vue";
+import { tv as f } from "tailwind-variants";
+import { useForwardedAttrs as m } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const v = /* @__PURE__ */ a({
+  inheritAttrs: !1,
+  __name: "DialogBody",
+  props: {
+    dense: { type: Boolean }
+  },
+  setup(i) {
+    const { classAttr: r, forwardedAttrs: s } = m(), o = f({
+      base: [
+        "scrollbar-subtle flex-1 overflow-y-auto",
+        "text-neutral-600",
+        "dark:text-neutral-400"
+      ],
+      variants: {
+        dense: {
+          false: "px-6 py-4 text-sm",
+          true: "px-4 py-3 text-xs"
+        }
+      },
+      defaultVariants: {
+        dense: !1
+      }
+    });
+    return (t, u) => (l(), n("div", p(e(s), {
+      class: e(o)({ dense: t.dense, class: e(r) })
+    }), [
+      d(t.$slots, "default")
+    ], 16));
+  }
+});
+export {
+  v as default
+};

package/dist/components/feedback/Dialog/primitives/DialogBody.vue2.js

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

package/dist/components/feedback/Dialog/primitives/DialogFooter.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    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/Dialog/primitives/DialogFooter.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent as a, createElementBlock as n, openBlock as d, mergeProps as l, unref as e, renderSlot as p } from "vue";
+import { tv as f } from "tailwind-variants";
+import { useForwardedAttrs as i } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const g = /* @__PURE__ */ a({
+  inheritAttrs: !1,
+  __name: "DialogFooter",
+  props: {
+    dense: { type: Boolean }
+  },
+  setup(m) {
+    const { classAttr: t, forwardedAttrs: s } = i(), o = f({
+      base: [
+        "flex items-center justify-end gap-2 border-t",
+        "border-neutral-200",
+        "dark:border-neutral-700"
+      ],
+      variants: {
+        dense: {
+          false: "px-6 py-4",
+          true: "px-4 py-3"
+        }
+      },
+      defaultVariants: {
+        dense: !1
+      }
+    });
+    return (r, c) => (d(), n("div", l(e(s), {
+      class: e(o)({ dense: r.dense, class: e(t) })
+    }), [
+      p(r.$slots, "default")
+    ], 16));
+  }
+});
+export {
+  g as default
+};

package/dist/components/feedback/Dialog/primitives/DialogFooter.vue2.js

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

package/dist/components/feedback/Dialog/primitives/DialogHeader.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    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/Dialog/primitives/DialogHeader.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent as a, createElementBlock as n, openBlock as d, mergeProps as l, unref as e, renderSlot as p } from "vue";
+import { tv as f } from "tailwind-variants";
+import { useForwardedAttrs as i } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const h = /* @__PURE__ */ a({
+  inheritAttrs: !1,
+  __name: "DialogHeader",
+  props: {
+    dense: { type: Boolean }
+  },
+  setup(m) {
+    const { classAttr: t, forwardedAttrs: s } = i(), o = f({
+      base: [
+        "flex items-center justify-between border-b",
+        "border-neutral-200",
+        "dark:border-neutral-700"
+      ],
+      variants: {
+        dense: {
+          false: "px-6 py-4",
+          true: "px-4 py-3"
+        }
+      },
+      defaultVariants: {
+        dense: !1
+      }
+    });
+    return (r, c) => (d(), n("div", l(e(s), {
+      class: e(o)({ dense: r.dense, class: e(t) })
+    }), [
+      p(r.$slots, "default")
+    ], 16));
+  }
+});
+export {
+  h as default
+};

package/dist/components/feedback/Dialog/primitives/DialogHeader.vue2.js

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

package/dist/components/feedback/Dialog/primitives/DialogPanel.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    open?: boolean;
+    persistent?: boolean;
+    dense?: boolean;
+    ariaLabelledby?: string;
+};
+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, {} & {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => 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/feedback/Dialog/primitives/DialogPanel.vue.js

@@ -0,0 +1,68 @@
+import { defineComponent as b, ref as g, watch as k, createElementBlock as h, openBlock as w, mergeProps as y, unref as t, renderSlot as v } from "vue";
+import { tv as B } from "tailwind-variants";
+import { useForwardedAttrs as C } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const _ = ["aria-labelledby"], R = /* @__PURE__ */ b({
+  inheritAttrs: !1,
+  __name: "DialogPanel",
+  props: {
+    open: { type: Boolean },
+    persistent: { type: Boolean },
+    dense: { type: Boolean },
+    ariaLabelledby: {}
+  },
+  emits: ["close"],
+  setup(s, { emit: i }) {
+    const { classAttr: d, forwardedAttrs: c } = C(), a = s, r = i, o = g(null);
+    k(
+      () => a.open,
+      (e) => {
+        var l, n;
+        e ? (l = o.value) == null || l.showModal() : (n = o.value) == null || n.close();
+      }
+    );
+    function f(e) {
+      a.persistent && e.preventDefault();
+    }
+    function p() {
+      r("close");
+    }
+    function u(e) {
+      e.target === o.value && !a.persistent && r("close");
+    }
+    const m = B({
+      base: [
+        "m-auto max-h-[calc(100dvh-2rem)] w-full flex-col rounded-lg border shadow-lg",
+        "border-neutral-200 bg-white",
+        "dark:border-neutral-700 dark:bg-neutral-900",
+        "backdrop:bg-black/50",
+        "open:flex"
+      ],
+      variants: {
+        dense: {
+          false: "max-w-lg",
+          true: "max-w-md"
+        }
+      },
+      defaultVariants: {
+        dense: !1
+      }
+    });
+    return (e, l) => (w(), h("dialog", y({
+      ref_key: "dialogRef",
+      ref: o
+    }, t(c), {
+      class: t(m)({ dense: e.dense, class: t(d) }),
+      "aria-labelledby": e.ariaLabelledby,
+      onClose: p,
+      onCancel: f,
+      onClick: u
+    }), [
+      v(e.$slots, "default")
+    ], 16, _));
+  }
+});
+export {
+  R as default
+};

package/dist/components/feedback/Dialog/primitives/DialogPanel.vue2.js

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

package/dist/components/feedback/Dialog/primitives/DialogTitle.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    id?: string;
+    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;
+    };
+};