@cnamts/synapse 1.0.7 → 1.0.9

package/dist/components/DialogBox/DialogBox.d.ts

@@ -7,6 +7,7 @@ type __VLS_Props = {
     hideActions?: boolean;
     persistent?: boolean;
     autofocusValidateBtn?: boolean;
+    draggable?: boolean;
 } & CustomizableOptions;
 type __VLS_PublicProps = {
     modelValue?: boolean;
@@ -29,51 +30,49 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     autofocusValidateBtn: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     dialogContent: import('vue').CreateComponentPublicInstanceWithMixins<{
-        replace: boolean;
-        flat: boolean;
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-        exact: boolean;
         style: import('vue').StyleValue;
-        disabled: boolean;
-        tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
         density: import('vuetify/lib/composables/density.mjs').Density;
         tile: boolean;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+        variant: "flat" | "text" | "elevated" | "outlined" | "plain" | "tonal";
+        replace: boolean;
+        exact: boolean;
+        disabled: boolean;
+        flat: boolean;
+        hover: boolean;
         ripple: boolean | {
             class?: string | undefined;
             keys?: string[] | undefined;
         } | undefined;
-        hover: boolean;
     } & {
-        link?: boolean | undefined;
-        location?: import('vuetify/lib/types.mjs').Anchor | null | undefined;
-        height?: string | number | undefined;
-        width?: string | number | undefined;
+        theme?: string | undefined;
+        class?: any;
         border?: string | number | boolean | undefined;
+        elevation?: string | number | undefined;
+        rounded?: string | number | boolean | undefined;
         color?: string | undefined;
+        height?: string | number | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+        width?: string | number | undefined;
+        location?: import('vuetify/lib/types.mjs').Anchor | null | undefined;
         loading?: string | boolean | undefined;
-        title?: string | number | boolean | undefined;
-        image?: string | undefined;
-        text?: string | number | boolean | undefined;
-        class?: any;
-        theme?: string | undefined;
-        to?: string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric | undefined;
+        position?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined;
         href?: string | undefined;
-        elevation?: string | number | undefined;
-        rounded?: string | number | boolean | undefined;
-        prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-        appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+        to?: string | import('vue-router').RouteLocationAsPathGeneric | import('vue-router').RouteLocationAsRelativeGeneric | undefined;
         appendAvatar?: string | undefined;
+        appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+        image?: string | undefined;
+        link?: boolean | undefined;
         prependAvatar?: string | undefined;
+        prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
         subtitle?: string | number | boolean | undefined;
+        text?: string | number | boolean | undefined;
+        title?: string | number | boolean | undefined;
     } & {
         $children?: import('vue').VNodeChild | {
-            $stable?: boolean | undefined;
-        } | (() => import('vue').VNodeChild) | {
             default?: (() => import('vue').VNodeChild) | undefined;
             prepend?: (() => import('vue').VNodeChild) | undefined;
             append?: (() => import('vue').VNodeChild) | undefined;
@@ -84,8 +83,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
             loader?: ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNodeChild) | undefined;
             image?: (() => import('vue').VNodeChild) | undefined;
             item?: (() => import('vue').VNodeChild) | undefined;
-        };
-        'v-slots'?: {
+        } | {
+            $stable?: boolean | undefined;
+        } | (() => import('vue').VNodeChild);
+        "v-slots"?: {
             default?: false | (() => import('vue').VNodeChild) | undefined;
             prepend?: false | (() => import('vue').VNodeChild) | undefined;
             append?: false | (() => import('vue').VNodeChild) | undefined;
@@ -98,36 +99,36 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
             item?: false | (() => import('vue').VNodeChild) | undefined;
         } | undefined;
     } & {
+        "v-slot:actions"?: false | (() => import('vue').VNodeChild) | undefined;
+        "v-slot:append"?: false | (() => import('vue').VNodeChild) | undefined;
         "v-slot:default"?: false | (() => import('vue').VNodeChild) | undefined;
+        "v-slot:image"?: false | (() => import('vue').VNodeChild) | undefined;
+        "v-slot:item"?: false | (() => import('vue').VNodeChild) | undefined;
+        "v-slot:loader"?: false | ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNodeChild) | undefined;
         "v-slot:prepend"?: false | (() => import('vue').VNodeChild) | undefined;
-        "v-slot:append"?: false | (() => import('vue').VNodeChild) | undefined;
-        "v-slot:title"?: false | (() => import('vue').VNodeChild) | undefined;
         "v-slot:subtitle"?: false | (() => import('vue').VNodeChild) | undefined;
-        "v-slot:actions"?: false | (() => import('vue').VNodeChild) | undefined;
         "v-slot:text"?: false | (() => import('vue').VNodeChild) | undefined;
-        "v-slot:loader"?: false | ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNodeChild) | undefined;
-        "v-slot:image"?: false | (() => import('vue').VNodeChild) | undefined;
-        "v-slot:item"?: false | (() => import('vue').VNodeChild) | undefined;
+        "v-slot:title"?: false | (() => import('vue').VNodeChild) | undefined;
     }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
-        replace: boolean;
-        link: boolean;
-        flat: boolean;
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-        exact: boolean;
         style: import('vue').StyleValue;
-        title: string | number | boolean;
-        text: string | number | boolean;
-        disabled: boolean;
-        tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
         density: import('vuetify/lib/composables/density.mjs').Density;
         rounded: string | number | boolean;
         tile: boolean;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+        variant: "flat" | "text" | "elevated" | "outlined" | "plain" | "tonal";
+        replace: boolean;
+        exact: boolean;
+        disabled: boolean;
+        flat: boolean;
+        hover: boolean;
+        link: boolean;
         ripple: boolean | {
             class?: string | undefined;
             keys?: string[] | undefined;
         } | undefined;
         subtitle: string | number | boolean;
-        hover: boolean;
+        text: string | number | boolean;
+        title: string | number | boolean;
     }, true, {}, import('vue').SlotsType<Partial<{
         default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
             [key: string]: any;
@@ -167,51 +168,49 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
         M: {};
         Defaults: {};
     }, {
-        replace: boolean;
-        flat: boolean;
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-        exact: boolean;
         style: import('vue').StyleValue;
-        disabled: boolean;
-        tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
         density: import('vuetify/lib/composables/density.mjs').Density;
         tile: boolean;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+        variant: "flat" | "text" | "elevated" | "outlined" | "plain" | "tonal";
+        replace: boolean;
+        exact: boolean;
+        disabled: boolean;
+        flat: boolean;
+        hover: boolean;
         ripple: boolean | {
             class?: string | undefined;
             keys?: string[] | undefined;
         } | undefined;
-        hover: boolean;
     } & {
-        link?: boolean | undefined;
-        location?: import('vuetify/lib/types.mjs').Anchor | null | undefined;
-        height?: string | number | undefined;
-        width?: string | number | undefined;
+        theme?: string | undefined;
+        class?: any;
         border?: string | number | boolean | undefined;
+        elevation?: string | number | undefined;
+        rounded?: string | number | boolean | undefined;
         color?: string | undefined;
+        height?: string | number | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+        width?: string | number | undefined;
+        location?: import('vuetify/lib/types.mjs').Anchor | null | undefined;
         loading?: string | boolean | undefined;
-        title?: string | number | boolean | undefined;
-        image?: string | undefined;
-        text?: string | number | boolean | undefined;
-        class?: any;
-        theme?: string | undefined;
-        to?: string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric | undefined;
+        position?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined;
         href?: string | undefined;
-        elevation?: string | number | undefined;
-        rounded?: string | number | boolean | undefined;
-        prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
-        appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+        to?: string | import('vue-router').RouteLocationAsPathGeneric | import('vue-router').RouteLocationAsRelativeGeneric | undefined;
         appendAvatar?: string | undefined;
+        appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+        image?: string | undefined;
+        link?: boolean | undefined;
         prependAvatar?: string | undefined;
+        prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
         subtitle?: string | number | boolean | undefined;
+        text?: string | number | boolean | undefined;
+        title?: string | number | boolean | undefined;
     } & {
         $children?: import('vue').VNodeChild | {
-            $stable?: boolean | undefined;
-        } | (() => import('vue').VNodeChild) | {
             default?: (() => import('vue').VNodeChild) | undefined;
             prepend?: (() => import('vue').VNodeChild) | undefined;
             append?: (() => import('vue').VNodeChild) | undefined;
@@ -222,8 +221,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
             loader?: ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNodeChild) | undefined;
             image?: (() => import('vue').VNodeChild) | undefined;
             item?: (() => import('vue').VNodeChild) | undefined;
-        };
-        'v-slots'?: {
+        } | {
+            $stable?: boolean | undefined;
+        } | (() => import('vue').VNodeChild);
+        "v-slots"?: {
             default?: false | (() => import('vue').VNodeChild) | undefined;
             prepend?: false | (() => import('vue').VNodeChild) | undefined;
             append?: false | (() => import('vue').VNodeChild) | undefined;
@@ -236,51 +237,51 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
             item?: false | (() => import('vue').VNodeChild) | undefined;
         } | undefined;
     } & {
+        "v-slot:actions"?: false | (() => import('vue').VNodeChild) | undefined;
+        "v-slot:append"?: false | (() => import('vue').VNodeChild) | undefined;
         "v-slot:default"?: false | (() => import('vue').VNodeChild) | undefined;
+        "v-slot:image"?: false | (() => import('vue').VNodeChild) | undefined;
+        "v-slot:item"?: false | (() => import('vue').VNodeChild) | undefined;
+        "v-slot:loader"?: false | ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNodeChild) | undefined;
         "v-slot:prepend"?: false | (() => import('vue').VNodeChild) | undefined;
-        "v-slot:append"?: false | (() => import('vue').VNodeChild) | undefined;
-        "v-slot:title"?: false | (() => import('vue').VNodeChild) | undefined;
         "v-slot:subtitle"?: false | (() => import('vue').VNodeChild) | undefined;
-        "v-slot:actions"?: false | (() => import('vue').VNodeChild) | undefined;
         "v-slot:text"?: false | (() => import('vue').VNodeChild) | undefined;
-        "v-slot:loader"?: false | ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNodeChild) | undefined;
-        "v-slot:image"?: false | (() => import('vue').VNodeChild) | undefined;
-        "v-slot:item"?: false | (() => import('vue').VNodeChild) | undefined;
+        "v-slot:title"?: false | (() => import('vue').VNodeChild) | undefined;
     }, {}, {}, {}, {}, {
-        replace: boolean;
-        link: boolean;
-        flat: boolean;
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-        exact: boolean;
         style: import('vue').StyleValue;
-        title: string | number | boolean;
-        text: string | number | boolean;
-        disabled: boolean;
-        tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
         density: import('vuetify/lib/composables/density.mjs').Density;
         rounded: string | number | boolean;
         tile: boolean;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+        variant: "flat" | "text" | "elevated" | "outlined" | "plain" | "tonal";
+        replace: boolean;
+        exact: boolean;
+        disabled: boolean;
+        flat: boolean;
+        hover: boolean;
+        link: boolean;
         ripple: boolean | {
             class?: string | undefined;
             keys?: string[] | undefined;
         } | undefined;
         subtitle: string | number | boolean;
-        hover: boolean;
+        text: string | number | boolean;
+        title: string | number | boolean;
     }> | null;
     confirmBtn: import('vue').CreateComponentPublicInstanceWithMixins<{
-        symbol: any;
-        replace: boolean;
-        flat: boolean;
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-        exact: boolean;
-        block: boolean;
         style: import('vue').StyleValue;
+        density: import('vuetify/lib/composables/density.mjs').Density;
+        tile: boolean;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+        variant: "flat" | "text" | "elevated" | "outlined" | "plain" | "tonal";
         disabled: boolean;
         size: string | number;
+        replace: boolean;
+        exact: boolean;
+        symbol: any;
+        flat: boolean;
+        block: boolean;
         readonly: boolean;
-        tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
-        density: import('vuetify/lib/composables/density.mjs').Density;
-        tile: boolean;
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -288,52 +289,53 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
             keys?: string[] | undefined;
         } | undefined;
     } & {
-        location?: import('vuetify/lib/types.mjs').Anchor | null | undefined;
-        height?: string | number | undefined;
-        width?: string | number | undefined;
-        active?: boolean | undefined;
+        theme?: string | undefined;
+        class?: any;
         border?: string | number | boolean | undefined;
+        elevation?: string | number | undefined;
+        rounded?: string | number | boolean | undefined;
         color?: string | undefined;
+        value?: any;
+        selectedClass?: string | undefined;
+        height?: string | number | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        value?: any;
+        width?: string | number | undefined;
+        location?: import('vuetify/lib/types.mjs').Anchor | null | undefined;
         loading?: string | boolean | undefined;
-        text?: string | number | boolean | undefined;
-        class?: any;
-        theme?: string | undefined;
-        to?: string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric | undefined;
-        icon?: boolean | import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+        position?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined;
         href?: string | undefined;
-        elevation?: string | number | undefined;
-        rounded?: string | number | boolean | undefined;
-        baseColor?: string | undefined;
-        selectedClass?: string | undefined;
+        to?: string | import('vue-router').RouteLocationAsPathGeneric | import('vue-router').RouteLocationAsRelativeGeneric | undefined;
+        active?: boolean | undefined;
         activeColor?: string | undefined;
+        baseColor?: string | undefined;
+        icon?: boolean | import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
         prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
         appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+        spaced?: "start" | "end" | "both" | undefined;
+        text?: string | number | boolean | undefined;
     } & {
         $children?: import('vue').VNodeChild | {
-            $stable?: boolean | undefined;
-        } | (() => import('vue').VNodeChild) | {
             default?: (() => import('vue').VNodeChild) | undefined;
             prepend?: (() => import('vue').VNodeChild) | undefined;
             append?: (() => import('vue').VNodeChild) | undefined;
             loader?: (() => import('vue').VNodeChild) | undefined;
-        };
-        'v-slots'?: {
+        } | {
+            $stable?: boolean | undefined;
+        } | (() => import('vue').VNodeChild);
+        "v-slots"?: {
             default?: false | (() => import('vue').VNodeChild) | undefined;
             prepend?: false | (() => import('vue').VNodeChild) | undefined;
             append?: false | (() => import('vue').VNodeChild) | undefined;
             loader?: false | (() => import('vue').VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (() => import('vue').VNodeChild) | undefined;
-        "v-slot:prepend"?: false | (() => import('vue').VNodeChild) | undefined;
         "v-slot:append"?: false | (() => import('vue').VNodeChild) | undefined;
+        "v-slot:default"?: false | (() => import('vue').VNodeChild) | undefined;
         "v-slot:loader"?: false | (() => import('vue').VNodeChild) | undefined;
+        "v-slot:prepend"?: false | (() => import('vue').VNodeChild) | undefined;
     } & {
         "onGroup:selected"?: ((val: {
             value: boolean;
@@ -341,32 +343,32 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     }, {
         group: import('vuetify/lib/composables/group.mjs').GroupItemProvide | null;
     }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        'group:selected': (val: {
+        "group:selected": (val: {
             value: boolean;
         }) => true;
     }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
-        symbol: any;
-        replace: boolean;
-        flat: boolean;
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-        exact: boolean;
-        block: boolean;
-        active: boolean;
         style: import('vue').StyleValue;
-        text: string | number | boolean;
-        disabled: boolean;
-        size: string | number;
-        readonly: boolean;
-        tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
         density: import('vuetify/lib/composables/density.mjs').Density;
         rounded: string | number | boolean;
         tile: boolean;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+        variant: "flat" | "text" | "elevated" | "outlined" | "plain" | "tonal";
+        disabled: boolean;
+        size: string | number;
+        replace: boolean;
+        exact: boolean;
+        active: boolean;
+        symbol: any;
+        flat: boolean;
+        block: boolean;
+        readonly: boolean;
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
             class?: string | undefined;
             keys?: string[] | undefined;
         } | undefined;
+        text: string | number | boolean;
     }, true, {}, import('vue').SlotsType<Partial<{
         default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
             [key: string]: any;
@@ -388,19 +390,19 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
         M: {};
         Defaults: {};
     }, {
-        symbol: any;
-        replace: boolean;
-        flat: boolean;
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-        exact: boolean;
-        block: boolean;
         style: import('vue').StyleValue;
+        density: import('vuetify/lib/composables/density.mjs').Density;
+        tile: boolean;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+        variant: "flat" | "text" | "elevated" | "outlined" | "plain" | "tonal";
         disabled: boolean;
         size: string | number;
+        replace: boolean;
+        exact: boolean;
+        symbol: any;
+        flat: boolean;
+        block: boolean;
         readonly: boolean;
-        tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
-        density: import('vuetify/lib/composables/density.mjs').Density;
-        tile: boolean;
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -408,52 +410,53 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
             keys?: string[] | undefined;
         } | undefined;
     } & {
-        location?: import('vuetify/lib/types.mjs').Anchor | null | undefined;
-        height?: string | number | undefined;
-        width?: string | number | undefined;
-        active?: boolean | undefined;
+        theme?: string | undefined;
+        class?: any;
         border?: string | number | boolean | undefined;
+        elevation?: string | number | undefined;
+        rounded?: string | number | boolean | undefined;
         color?: string | undefined;
+        value?: any;
+        selectedClass?: string | undefined;
+        height?: string | number | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        value?: any;
+        width?: string | number | undefined;
+        location?: import('vuetify/lib/types.mjs').Anchor | null | undefined;
         loading?: string | boolean | undefined;
-        text?: string | number | boolean | undefined;
-        class?: any;
-        theme?: string | undefined;
-        to?: string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric | undefined;
-        icon?: boolean | import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+        position?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined;
         href?: string | undefined;
-        elevation?: string | number | undefined;
-        rounded?: string | number | boolean | undefined;
-        baseColor?: string | undefined;
-        selectedClass?: string | undefined;
+        to?: string | import('vue-router').RouteLocationAsPathGeneric | import('vue-router').RouteLocationAsRelativeGeneric | undefined;
+        active?: boolean | undefined;
         activeColor?: string | undefined;
+        baseColor?: string | undefined;
+        icon?: boolean | import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
         prependIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
         appendIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+        spaced?: "start" | "end" | "both" | undefined;
+        text?: string | number | boolean | undefined;
     } & {
         $children?: import('vue').VNodeChild | {
-            $stable?: boolean | undefined;
-        } | (() => import('vue').VNodeChild) | {
             default?: (() => import('vue').VNodeChild) | undefined;
             prepend?: (() => import('vue').VNodeChild) | undefined;
             append?: (() => import('vue').VNodeChild) | undefined;
             loader?: (() => import('vue').VNodeChild) | undefined;
-        };
-        'v-slots'?: {
+        } | {
+            $stable?: boolean | undefined;
+        } | (() => import('vue').VNodeChild);
+        "v-slots"?: {
             default?: false | (() => import('vue').VNodeChild) | undefined;
             prepend?: false | (() => import('vue').VNodeChild) | undefined;
             append?: false | (() => import('vue').VNodeChild) | undefined;
             loader?: false | (() => import('vue').VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (() => import('vue').VNodeChild) | undefined;
-        "v-slot:prepend"?: false | (() => import('vue').VNodeChild) | undefined;
         "v-slot:append"?: false | (() => import('vue').VNodeChild) | undefined;
+        "v-slot:default"?: false | (() => import('vue').VNodeChild) | undefined;
         "v-slot:loader"?: false | (() => import('vue').VNodeChild) | undefined;
+        "v-slot:prepend"?: false | (() => import('vue').VNodeChild) | undefined;
     } & {
         "onGroup:selected"?: ((val: {
             value: boolean;
@@ -461,28 +464,28 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     }, {
         group: import('vuetify/lib/composables/group.mjs').GroupItemProvide | null;
     }, {}, {}, {}, {
-        symbol: any;
-        replace: boolean;
-        flat: boolean;
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-        exact: boolean;
-        block: boolean;
-        active: boolean;
         style: import('vue').StyleValue;
-        text: string | number | boolean;
-        disabled: boolean;
-        size: string | number;
-        readonly: boolean;
-        tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
         density: import('vuetify/lib/composables/density.mjs').Density;
         rounded: string | number | boolean;
         tile: boolean;
+        tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+        variant: "flat" | "text" | "elevated" | "outlined" | "plain" | "tonal";
+        disabled: boolean;
+        size: string | number;
+        replace: boolean;
+        exact: boolean;
+        active: boolean;
+        symbol: any;
+        flat: boolean;
+        block: boolean;
+        readonly: boolean;
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
             class?: string | undefined;
             keys?: string[] | undefined;
         } | undefined;
+        text: string | number | boolean;
     }> | null;
 }, any>, Readonly<{
     default?: (() => undefined) | undefined;

package/dist/components/DialogBox/config.d.ts

@@ -1,9 +1,9 @@
 export declare const config: {
     readonly card: {
-        readonly class: "pa-6";
+        readonly class: "pa-0 pb-6";
     };
     readonly cardTitle: {
-        readonly class: "d-flex align-start flex-nowrap pa-0 mb-6 mr-6";
+        readonly class: "d-flex align-start flex-nowrap pa-0 pt-6 mb-6 px-6";
     };
     readonly closeBtn: {
         readonly icon: true;
@@ -13,7 +13,7 @@ export declare const config: {
         readonly class: "mt-n2 mr-n2 ml-4";
     };
     readonly cardActions: {
-        readonly class: "d-flex flex-wrap mt-6";
+        readonly class: "d-flex flex-wrap mt-6 px-6";
     };
     readonly cancelBtn: {
         readonly color: "primary";

package/dist/components/DialogBox/locales.d.ts

@@ -2,4 +2,6 @@ export declare const locales: {
     closeBtn: string;
     cancelBtn: string;
     confirmBtn: string;
+    draggable: string;
+    dragInstruction: string;
 };

package/dist/components/DialogBox/useDraggable.d.ts

@@ -0,0 +1,8 @@
+import { Ref, TemplateRef } from 'vue';
+import { VDialog } from 'vuetify/components';
+export declare function useDraggable(draggable: Readonly<Ref<boolean>>, dialogContent: TemplateRef<VDialog | null | undefined>): {
+    isGrabbing: Ref<boolean, boolean>;
+    startDragging: (e: MouseEvent) => void;
+    moveToLeft: () => void;
+    moveToRight: () => void;
+};