@pantograph/vue 0.32.1 → 0.32.3

package/dist/Drawer/Drawer.d.ts

@@ -1,4 +1,4 @@
-import { DialogSlots, DialogProps, DialogEmits } from '../Dialog/Dialog';
+import { DialogSlots, DialogProps, DialogEmits } from '../Dialog';
 /**
  * Props for the Drawer component
  * Omitting 'type' and 'asDrawerInMobile' as they are set internally
@@ -14,14 +14,40 @@ export type DrawerSlots = DialogSlots;
  * Inherits all emits from Dialog component
  */
 export type DrawerEmits = DialogEmits;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<DialogSlots> & DialogSlots;
-    refs: {};
-    rootEl: any;
+export declare const DRAWER_DEFAULT_PROPS: {
+    readonly footer: undefined;
+    readonly mask: true;
+    readonly width: "md";
+    readonly headerCls: undefined;
+    readonly open: false;
+    readonly openAutoFocus: false;
+    readonly side: "end";
+    readonly zIndex: 1000;
+    readonly screen: true;
+    readonly closeable: true;
+    readonly bodyCls: undefined;
+    readonly keyboard: true;
+    readonly footerCls: undefined;
+    readonly trapFocus: false;
+    readonly noBody: false;
+    readonly closeOnClickOutside: false;
+    readonly canFullScreen: true;
+    readonly fullScreen: false;
+    readonly frameless: false;
+    readonly okProps: () => {
+        readonly text: "Submit";
+    };
+    readonly cancelProps: () => {
+        readonly text: "Cancel";
+        readonly type: "ghost";
+        readonly color: "neutral";
+    };
+    readonly maskClosable: true;
+    readonly animated: true;
+    readonly swipeTriggerCls: undefined;
+    readonly swipeTrigger: undefined;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<DrawerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<DrawerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cancel: (event: Event) => any;
     close: () => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
@@ -43,14 +69,18 @@ declare const __VLS_component: import('vue').DefineComponent<DrawerProps, {}, {}
     footer: false | null;
     mask: boolean;
     width: import('..').DialogSize | number | string;
+    headerCls: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | null;
     open: boolean;
     openAutoFocus: boolean;
     side: import('..').DialogDrawerSide;
     zIndex: number;
     screen: boolean;
     closeable: boolean;
+    bodyCls: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | null;
     keyboard: boolean;
+    footerCls: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | null;
     trapFocus: boolean;
+    noBody: boolean;
     closeOnClickOutside: boolean;
     canFullScreen: boolean;
     fullScreen: boolean;
@@ -65,8 +95,9 @@ declare const __VLS_component: import('vue').DefineComponent<DrawerProps, {}, {}
     };
     maskClosable: boolean;
     animated: boolean | string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+    swipeTriggerCls: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | null;
+    swipeTrigger: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<DialogSlots> & DialogSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/Drawer/DrawerTitle.d.ts

@@ -0,0 +1,18 @@
+import { DialogTitleSlots, DialogTitleProps } from '../Dialog/DialogTitle';
+export type DrawerTitleSlots = DialogTitleSlots;
+export type DrawerTitleProps = DialogTitleProps;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<DialogTitleSlots> & DialogTitleSlots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DialogTitleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DialogTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Drawer/index.d.ts

@@ -2,8 +2,13 @@
  * Plugin for the Drawer component
  */
 export declare const DrawerPlugin: import('vue').Plugin;
+export declare const DrawerTitlePlugin: import('vue').Plugin;
 /**
  * Drawer component and related types
  */
 export { default as Drawer, type DrawerProps, type DrawerEmits, type DrawerSlots, default, } from './Drawer';
+/**
+ * DrawerTitle component and related types
+ */
+export { default as DrawerTitle, type DrawerTitleProps, type DrawerTitleSlots, } from './DrawerTitle';
 export * from './Drawer.model';

package/dist/Drawer/index.js

@@ -1,13 +1,21 @@
-import { defineComponent as u, mergeDefaults as m, useAttrs as b, useSlots as B, computed as g, createBlock as d, openBlock as S, normalizeProps as t, guardReactiveProps as o, createSlots as O, renderList as f, withCtx as w, renderSlot as A } from "vue";
-import { omit as D } from "es-toolkit";
-import { _ as C, D as j, b as h, a as N } from "../Dialog.vue_vue_type_style_index_0_lang-E3PPUmAH.js";
-import { getComponentOptions as _, getComponentName as k } from "@pantograph/utils";
-import { useEmitAsProps as P } from "reka-ui";
-import { installComponent as x } from "@pantograph/utils-vue";
-const F = /* @__PURE__ */ u({
-  ..._("Drawer", !1),
+import { defineComponent as s, mergeDefaults as A, useAttrs as C, useSlots as i, computed as _, createBlock as p, openBlock as c, normalizeProps as r, guardReactiveProps as n, createSlots as j, renderList as h, withCtx as u, renderSlot as y } from "vue";
+import { DIALOG_DEFAULT_PROPS as N, Dialog as P, DialogTitle as k, DialogSizes as T, DialogDrawerSides as F } from "../Dialog/index.js";
+import { getComponentOptions as m, getComponentName as b } from "@pantograph/utils";
+import { useEmitAsProps as x } from "reka-ui";
+import { omit as g } from "es-toolkit";
+import { installComponent as B } from "@pantograph/utils-vue";
+const d = [
+  "type",
+  "asDrawerInMobile",
+  "mobileDrawerMinHeight",
+  "mobileDrawerHeight",
+  "mobileDrawerMaxHeight"
+], E = {
+  ...g(N, d)
+}, H = /* @__PURE__ */ s({
+  ...m("Drawer", !1),
   __name: "Drawer",
-  props: /* @__PURE__ */ m({
+  props: /* @__PURE__ */ A({
     wrapperStyle: { type: [Boolean, null, String, Object, Array] },
     style: { type: [Boolean, null, String, Object, Array] },
     contentStyle: { type: [Boolean, null, String, Object, Array] },
@@ -37,7 +45,7 @@ const F = /* @__PURE__ */ u({
     maskClosable: { type: Boolean },
     beforeClose: { type: Function },
     beforeCloseDebugger: { type: Boolean },
-    to: {},
+    to: { type: [String, Function] },
     animated: { type: [Boolean, String] },
     side: {},
     wrapperCls: { type: [Array, Object, String, Number, null, Boolean] },
@@ -58,35 +66,48 @@ const F = /* @__PURE__ */ u({
     defer: { type: Boolean },
     forceMount: { type: Boolean },
     disableOutsidePointerEvents: { type: Boolean }
-  }, j),
+  }, E),
   emits: ["update:open", "pointerDownOutside", "escapeKeyDown", "focusOutside", "update:fullScreen", "ok", "cancel", "close"],
-  setup(r, { emit: n }) {
-    const l = r, a = b(), s = B(), i = P(n), p = g(() => ({
-      ...D(a, [
-        "type",
-        "asDrawerInMobile",
-        "mobileDrawerMinHeight",
-        "mobileDrawerHeight",
-        "mobileDrawerMaxHeight"
-      ]),
-      ...l,
-      ...i,
+  setup(e, { emit: t }) {
+    const o = e, l = C(), S = i(), D = x(t), f = _(() => ({
+      ...g(l, d),
+      ...o,
+      ...D,
       type: "drawer"
     }));
-    return (y, z) => (S(), d(C, t(o(p.value)), O({ _: 2 }, [
-      f(Object.keys(s), (e) => ({
-        name: e,
-        fn: w((c) => [
-          A(y.$slots, e, t(o(c)))
+    return (w, $) => (c(), p(P, r(n(f.value)), j({ _: 2 }, [
+      h(Object.keys(S), (a) => ({
+        name: a,
+        fn: u((O) => [
+          y(w.$slots, a, r(n(O)))
         ])
       }))
     ]), 1040));
   }
-}), W = h, R = N, $ = x(F, k("Drawer"));
+}), L = /* @__PURE__ */ s({
+  ...m("DrawerTitle"),
+  __name: "DrawerTitle",
+  props: {
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    title: {}
+  },
+  setup(e) {
+    i();
+    const t = e;
+    return (o, l) => (c(), p(k, r(n(t)), {
+      default: u(() => [
+        y(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), G = T, K = F, q = B(H, b("Drawer")), J = B(L, b("DrawerTitle"));
 export {
-  F as Drawer,
-  $ as DrawerPlugin,
-  R as DrawerSides,
-  W as DrawerSizes,
-  F as default
+  H as Drawer,
+  q as DrawerPlugin,
+  K as DrawerSides,
+  G as DrawerSizes,
+  L as DrawerTitle,
+  J as DrawerTitlePlugin,
+  H as default
 };

package/dist/Drawer/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("es-toolkit"),t=require("../Dialog.vue_vue_type_style_index_0_lang-EMHhn1g6.js"),n=require("@pantograph/utils"),B=require("reka-ui"),d=require("@pantograph/utils-vue"),o=e.defineComponent({...n.getComponentOptions("Drawer",!1),__name:"Drawer",props:e.mergeDefaults({wrapperStyle:{type:[Boolean,null,String,Object,Array]},style:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},noBody:{type:Boolean},keyboard:{type:Boolean},openAutoFocus:{type:Boolean},trapFocus:{type:Boolean},closeOnClickOutside:{type:Boolean},open:{type:Boolean},canFullScreen:{type:Boolean},fullScreen:{type:Boolean},minWidth:{},width:{},maxWidth:{},minHeight:{},height:{},maxHeight:{},title:{},description:{},frameless:{type:Boolean},footer:{type:[Boolean,null]},closeable:{type:Boolean},zIndex:{},okProps:{},cancelProps:{},mask:{type:Boolean},maskClosable:{type:Boolean},beforeClose:{type:Function},beforeCloseDebugger:{type:Boolean},to:{},animated:{type:[Boolean,String]},side:{},wrapperCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},blanketCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},titleWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},footerCls:{type:[Array,Object,String,Number,null,Boolean]},swipeTriggerCls:{type:[Array,Object,String,Number,null,Boolean]},screen:{type:Boolean},swipeTrigger:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},t.DIALOG_DEFAULT_PROPS),emits:["update:open","pointerDownOutside","escapeKeyDown","focusOutside","update:fullScreen","ok","cancel","close"],setup(l,{emit:a}){const s=l,i=e.useAttrs(),p=e.useSlots(),u=a,c=B.useEmitAsProps(u),y=e.computed(()=>({...g.omit(i,["type","asDrawerInMobile","mobileDrawerMinHeight","mobileDrawerHeight","mobileDrawerMaxHeight"]),...s,...c,type:"drawer"}));return(b,D)=>(e.openBlock(),e.createBlock(t._sfc_main,e.normalizeProps(e.guardReactiveProps(y.value)),e.createSlots({_:2},[e.renderList(Object.keys(p),r=>({name:r,fn:e.withCtx(m=>[e.renderSlot(b.$slots,r,e.normalizeProps(e.guardReactiveProps(m)))])}))]),1040))}}),S=t.DialogSizes,O=t.DialogDrawerSides,w=d.installComponent(o,n.getComponentName("Drawer"));exports.Drawer=o;exports.DrawerPlugin=w;exports.DrawerSides=O;exports.DrawerSizes=S;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../Dialog/index.umd.cjs"),o=require("@pantograph/utils"),D=require("reka-ui"),p=require("es-toolkit"),u=require("@pantograph/utils-vue"),c=["type","asDrawerInMobile","mobileDrawerMinHeight","mobileDrawerHeight","mobileDrawerMaxHeight"],w={...p.omit(t.DIALOG_DEFAULT_PROPS,c)},a=e.defineComponent({...o.getComponentOptions("Drawer",!1),__name:"Drawer",props:e.mergeDefaults({wrapperStyle:{type:[Boolean,null,String,Object,Array]},style:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},noBody:{type:Boolean},keyboard:{type:Boolean},openAutoFocus:{type:Boolean},trapFocus:{type:Boolean},closeOnClickOutside:{type:Boolean},open:{type:Boolean},canFullScreen:{type:Boolean},fullScreen:{type:Boolean},minWidth:{},width:{},maxWidth:{},minHeight:{},height:{},maxHeight:{},title:{},description:{},frameless:{type:Boolean},footer:{type:[Boolean,null]},closeable:{type:Boolean},zIndex:{},okProps:{},cancelProps:{},mask:{type:Boolean},maskClosable:{type:Boolean},beforeClose:{type:Function},beforeCloseDebugger:{type:Boolean},to:{type:[String,Function]},animated:{type:[Boolean,String]},side:{},wrapperCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},blanketCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},titleWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},footerCls:{type:[Array,Object,String,Number,null,Boolean]},swipeTriggerCls:{type:[Array,Object,String,Number,null,Boolean]},screen:{type:Boolean},swipeTrigger:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},w),emits:["update:open","pointerDownOutside","escapeKeyDown","focusOutside","update:fullScreen","ok","cancel","close"],setup(r,{emit:n}){const l=r,s=e.useAttrs(),m=e.useSlots(),g=n,b=D.useEmitAsProps(g),d=e.computed(()=>({...p.omit(s,c),...l,...b,type:"drawer"}));return(B,P)=>(e.openBlock(),e.createBlock(t.Dialog,e.normalizeProps(e.guardReactiveProps(d.value)),e.createSlots({_:2},[e.renderList(Object.keys(m),i=>({name:i,fn:e.withCtx(S=>[e.renderSlot(B.$slots,i,e.normalizeProps(e.guardReactiveProps(S)))])}))]),1040))}}),y=e.defineComponent({...o.getComponentOptions("DrawerTitle"),__name:"DrawerTitle",props:{class:{type:[Array,Object,String,Number,null,Boolean]},title:{}},setup(r){e.useSlots();const n=r;return(l,s)=>(e.openBlock(),e.createBlock(t.DialogTitle,e.normalizeProps(e.guardReactiveProps(n)),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},16))}}),O=t.DialogSizes,C=t.DialogDrawerSides,A=u.installComponent(a,o.getComponentName("Drawer")),f=u.installComponent(y,o.getComponentName("DrawerTitle"));exports.Drawer=a;exports.DrawerPlugin=A;exports.DrawerSides=C;exports.DrawerSizes=O;exports.DrawerTitle=y;exports.DrawerTitlePlugin=f;exports.default=a;

package/dist/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
-import { DialogSlots, DialogProps, DialogEmits } from '../Dialog/Dialog';
+import { DialogSlots, DialogProps, DialogEmits } from '../Dialog';
 /**
  * Props for the Modal component
  * Omitting 'type' and 'side' as they are set internally
@@ -14,14 +14,43 @@ export type ModalSlots = DialogSlots;
  * Inherits all emits from Dialog component
  */
 export type ModalEmits = DialogEmits;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<DialogSlots> & DialogSlots;
-    refs: {};
-    rootEl: any;
+export declare const MODAL_DEFAULT_PROPS: {
+    readonly footer: undefined;
+    readonly mask: true;
+    readonly width: "md";
+    readonly headerCls: undefined;
+    readonly open: false;
+    readonly openAutoFocus: false;
+    readonly zIndex: 1000;
+    readonly screen: true;
+    readonly closeable: true;
+    readonly bodyCls: undefined;
+    readonly keyboard: true;
+    readonly footerCls: undefined;
+    readonly trapFocus: false;
+    readonly noBody: false;
+    readonly closeOnClickOutside: false;
+    readonly canFullScreen: true;
+    readonly fullScreen: false;
+    readonly frameless: false;
+    readonly okProps: () => {
+        readonly text: "Submit";
+    };
+    readonly cancelProps: () => {
+        readonly text: "Cancel";
+        readonly type: "ghost";
+        readonly color: "neutral";
+    };
+    readonly maskClosable: true;
+    readonly animated: true;
+    readonly asDrawerInMobile: false;
+    readonly mobileDrawerMinHeight: undefined;
+    readonly mobileDrawerHeight: undefined;
+    readonly mobileDrawerMaxHeight: undefined;
+    readonly swipeTriggerCls: undefined;
+    readonly swipeTrigger: undefined;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ModalProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ModalProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cancel: (event: Event) => any;
     close: () => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
@@ -43,13 +72,17 @@ declare const __VLS_component: import('vue').DefineComponent<ModalProps, {}, {},
     footer: false | null;
     mask: boolean;
     width: import('..').DialogSize | number | string;
+    headerCls: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | null;
     open: boolean;
     openAutoFocus: boolean;
     zIndex: number;
     screen: boolean;
     closeable: boolean;
+    bodyCls: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | null;
     keyboard: boolean;
+    footerCls: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | null;
     trapFocus: boolean;
+    noBody: boolean;
     closeOnClickOutside: boolean;
     canFullScreen: boolean;
     fullScreen: boolean;
@@ -64,8 +97,13 @@ declare const __VLS_component: import('vue').DefineComponent<ModalProps, {}, {},
     };
     maskClosable: boolean;
     animated: boolean | string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+    asDrawerInMobile: boolean;
+    mobileDrawerMinHeight: number | string;
+    mobileDrawerHeight: number | string;
+    mobileDrawerMaxHeight: number | string;
+    swipeTriggerCls: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | null;
+    swipeTrigger: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<DialogSlots> & DialogSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/Modal/ModalTitle.d.ts

@@ -0,0 +1,18 @@
+import { DialogTitleSlots, DialogTitleProps } from '../Dialog/DialogTitle';
+export type ModalTitleSlots = DialogTitleSlots;
+export type ModalTitleProps = DialogTitleProps;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<DialogTitleSlots> & DialogTitleSlots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DialogTitleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DialogTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Modal/index.d.ts

@@ -2,10 +2,15 @@
  * The plugin for the Modal component
  */
 export declare const ModalPlugin: import('vue').Plugin;
+export declare const ModalTitlePlugin: import('vue').Plugin;
 /**
  * The Modal component and its associated types
  */
 export { default as Modal, type ModalProps, type ModalEmits, type ModalSlots, default, } from './Modal';
+/**
+ * The ModalTitle component and its associated types
+ */
+export { default as ModalTitle, type ModalTitleProps, type ModalTitleSlots, } from './ModalTitle';
 /**
  * The Modal model containing sizes and other constants
  */

package/dist/Modal/index.js

@@ -1,13 +1,15 @@
-import { defineComponent as u, mergeDefaults as m, useAttrs as b, useSlots as B, computed as d, createBlock as g, openBlock as S, normalizeProps as o, guardReactiveProps as t, createSlots as O, renderList as f, withCtx as A, renderSlot as C } from "vue";
-import { omit as j } from "es-toolkit";
-import { _ as h, D as N, b as w } from "../Dialog.vue_vue_type_style_index_0_lang-E3PPUmAH.js";
-import { getComponentOptions as D, getComponentName as _ } from "@pantograph/utils";
-import { useEmitAsProps as k } from "reka-ui";
-import { installComponent as M } from "@pantograph/utils-vue";
-const P = /* @__PURE__ */ u({
-  ...D("Modal", !1),
+import { defineComponent as s, mergeDefaults as _, useAttrs as j, useSlots as i, computed as M, createBlock as p, openBlock as c, normalizeProps as l, guardReactiveProps as n, createSlots as D, renderList as h, withCtx as u, renderSlot as y } from "vue";
+import { DIALOG_DEFAULT_PROPS as N, Dialog as P, DialogTitle as w, DialogSizes as k } from "../Dialog/index.js";
+import { getComponentOptions as m, getComponentName as b } from "@pantograph/utils";
+import { useEmitAsProps as T } from "reka-ui";
+import { omit as d } from "es-toolkit";
+import { installComponent as B } from "@pantograph/utils-vue";
+const g = ["type", "side"], F = {
+  ...d(N, g)
+}, x = /* @__PURE__ */ s({
+  ...m("Modal", !1),
   __name: "Modal",
-  props: /* @__PURE__ */ m({
+  props: /* @__PURE__ */ _({
     wrapperStyle: { type: [Boolean, null, String, Object, Array] },
     style: { type: [Boolean, null, String, Object, Array] },
     contentStyle: { type: [Boolean, null, String, Object, Array] },
@@ -61,28 +63,47 @@ const P = /* @__PURE__ */ u({
     defer: { type: Boolean },
     forceMount: { type: Boolean },
     disableOutsidePointerEvents: { type: Boolean }
-  }, N),
+  }, F),
   emits: ["update:open", "pointerDownOutside", "escapeKeyDown", "focusOutside", "update:fullScreen", "ok", "cancel", "close"],
-  setup(n, { emit: l }) {
-    const r = n, a = b(), s = B(), i = k(l), p = d(() => ({
-      ...j(a, ["type", "side"]),
-      ...r,
-      ...i,
+  setup(e, { emit: t }) {
+    const o = e, r = j(), S = i(), f = T(t), O = M(() => ({
+      ...d(r, g),
+      ...o,
+      ...f,
       type: "modal"
     }));
-    return (y, F) => (S(), g(h, o(t(p.value)), O({ _: 2 }, [
-      f(Object.keys(s), (e) => ({
-        name: e,
-        fn: A((c) => [
-          C(y.$slots, e, o(t(c)))
+    return (A, $) => (c(), p(P, l(n(O.value)), D({ _: 2 }, [
+      h(Object.keys(S), (a) => ({
+        name: a,
+        fn: u((C) => [
+          y(A.$slots, a, l(n(C)))
         ])
       }))
     ]), 1040));
   }
-}), T = w, W = M(P, _("Modal"));
+}), L = /* @__PURE__ */ s({
+  ...m("ModalTitle"),
+  __name: "ModalTitle",
+  props: {
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    title: {}
+  },
+  setup(e) {
+    i();
+    const t = e;
+    return (o, r) => (c(), p(w, l(n(t)), {
+      default: u(() => [
+        y(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), U = k, G = B(x, b("Modal")), K = B(L, b("ModalTitle"));
 export {
-  P as Modal,
-  W as ModalPlugin,
-  T as ModalSizes,
-  P as default
+  x as Modal,
+  G as ModalPlugin,
+  U as ModalSizes,
+  L as ModalTitle,
+  K as ModalTitlePlugin,
+  x as default
 };

package/dist/Modal/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("es-toolkit"),t=require("../Dialog.vue_vue_type_style_index_0_lang-EMHhn1g6.js"),l=require("@pantograph/utils"),g=require("reka-ui"),B=require("@pantograph/utils-vue"),o=e.defineComponent({...l.getComponentOptions("Modal",!1),__name:"Modal",props:e.mergeDefaults({wrapperStyle:{type:[Boolean,null,String,Object,Array]},style:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},noBody:{type:Boolean},keyboard:{type:Boolean},openAutoFocus:{type:Boolean},trapFocus:{type:Boolean},closeOnClickOutside:{type:Boolean},open:{type:Boolean},canFullScreen:{type:Boolean},fullScreen:{type:Boolean},minWidth:{},width:{},maxWidth:{},minHeight:{},height:{},maxHeight:{},title:{},description:{},frameless:{type:Boolean},footer:{type:[Boolean,null]},closeable:{type:Boolean},zIndex:{},okProps:{},cancelProps:{},mask:{type:Boolean},maskClosable:{type:Boolean},beforeClose:{type:Function},beforeCloseDebugger:{type:Boolean},to:{type:[String,Function]},animated:{type:[Boolean,String]},asDrawerInMobile:{type:Boolean},mobileDrawerMinHeight:{},mobileDrawerHeight:{},mobileDrawerMaxHeight:{},wrapperCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},blanketCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},titleWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},footerCls:{type:[Array,Object,String,Number,null,Boolean]},swipeTriggerCls:{type:[Array,Object,String,Number,null,Boolean]},screen:{type:Boolean},swipeTrigger:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},t.DIALOG_DEFAULT_PROPS),emits:["update:open","pointerDownOutside","escapeKeyDown","focusOutside","update:fullScreen","ok","cancel","close"],setup(r,{emit:a}){const s=r,i=e.useAttrs(),p=e.useSlots(),u=a,c=g.useEmitAsProps(u),y=e.computed(()=>({...d.omit(i,["type","side"]),...s,...c,type:"modal"}));return(b,A)=>(e.openBlock(),e.createBlock(t._sfc_main,e.normalizeProps(e.guardReactiveProps(y.value)),e.createSlots({_:2},[e.renderList(Object.keys(p),n=>({name:n,fn:e.withCtx(m=>[e.renderSlot(b.$slots,n,e.normalizeProps(e.guardReactiveProps(m)))])}))]),1040))}}),S=t.DialogSizes,O=B.installComponent(o,l.getComponentName("Modal"));exports.Modal=o;exports.ModalPlugin=O;exports.ModalSizes=S;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../Dialog/index.umd.cjs"),o=require("@pantograph/utils"),O=require("reka-ui"),p=require("es-toolkit"),u=require("@pantograph/utils-vue"),c=["type","side"],C={...p.omit(t.DIALOG_DEFAULT_PROPS,c)},a=e.defineComponent({...o.getComponentOptions("Modal",!1),__name:"Modal",props:e.mergeDefaults({wrapperStyle:{type:[Boolean,null,String,Object,Array]},style:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},noBody:{type:Boolean},keyboard:{type:Boolean},openAutoFocus:{type:Boolean},trapFocus:{type:Boolean},closeOnClickOutside:{type:Boolean},open:{type:Boolean},canFullScreen:{type:Boolean},fullScreen:{type:Boolean},minWidth:{},width:{},maxWidth:{},minHeight:{},height:{},maxHeight:{},title:{},description:{},frameless:{type:Boolean},footer:{type:[Boolean,null]},closeable:{type:Boolean},zIndex:{},okProps:{},cancelProps:{},mask:{type:Boolean},maskClosable:{type:Boolean},beforeClose:{type:Function},beforeCloseDebugger:{type:Boolean},to:{type:[String,Function]},animated:{type:[Boolean,String]},asDrawerInMobile:{type:Boolean},mobileDrawerMinHeight:{},mobileDrawerHeight:{},mobileDrawerMaxHeight:{},wrapperCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},blanketCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},titleWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},footerCls:{type:[Array,Object,String,Number,null,Boolean]},swipeTriggerCls:{type:[Array,Object,String,Number,null,Boolean]},screen:{type:Boolean},swipeTrigger:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},C),emits:["update:open","pointerDownOutside","escapeKeyDown","focusOutside","update:fullScreen","ok","cancel","close"],setup(l,{emit:n}){const r=l,s=e.useAttrs(),m=e.useSlots(),d=n,g=O.useEmitAsProps(d),b=e.computed(()=>({...p.omit(s,c),...r,...g,type:"modal"}));return(B,P)=>(e.openBlock(),e.createBlock(t.Dialog,e.normalizeProps(e.guardReactiveProps(b.value)),e.createSlots({_:2},[e.renderList(Object.keys(m),i=>({name:i,fn:e.withCtx(S=>[e.renderSlot(B.$slots,i,e.normalizeProps(e.guardReactiveProps(S)))])}))]),1040))}}),y=e.defineComponent({...o.getComponentOptions("ModalTitle"),__name:"ModalTitle",props:{class:{type:[Array,Object,String,Number,null,Boolean]},title:{}},setup(l){e.useSlots();const n=l;return(r,s)=>(e.openBlock(),e.createBlock(t.DialogTitle,e.normalizeProps(e.guardReactiveProps(n)),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},16))}}),A=t.DialogSizes,f=u.installComponent(a,o.getComponentName("Modal")),M=u.installComponent(y,o.getComponentName("ModalTitle"));exports.Modal=a;exports.ModalPlugin=f;exports.ModalSizes=A;exports.ModalTitle=y;exports.ModalTitlePlugin=M;exports.default=a;