@duxweb/dvha-pro 1.0.17 → 1.0.19

package/dist/esm/pages/menu/main.js

@@ -1,7 +1,7 @@
 import { defineComponent as c, createVNode as e, createTextVNode as i } from "vue";
 import { useManage as f, useI18n as v, DuxLogoIcon as x } from "@duxweb/dvha-core";
 import { useNaiveMenu as g } from "@duxweb/dvha-naiveui";
-import { NTag as r, NMenu as h } from "naive-ui";
+import { NTag as r, NScrollbar as h, NMenu as b } from "naive-ui";
 import "vue-router";
 import "@overlastic/vue";
 import "clsx";
@@ -22,15 +22,27 @@ import "@unocss/preset-typography";
 import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
-import b from "./avatar.js";
-import a from "./button.js";
+import M from "./avatar.js";
+import p from "./button.js";
 import "vue-command-palette";
 import "../page404.js";
+import "@iconify-json/tabler/icons.json";
 import "mime";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+import "ace-builds/src-noconflict/theme-tomorrow";
+import "ace-builds/src-noconflict/ext-searchbox";
+import "ace-builds/src-noconflict/ext-language_tools";
+import "ace-builds/src-noconflict/mode-snippets";
 import "dayjs";
 import "@tanstack/vue-query";
-import { useUI as M } from "../../hooks/ui.js";
-const $ = /* @__PURE__ */ c({
+import { useUI as y } from "../../hooks/ui.js";
+const ue = /* @__PURE__ */ c({
   name: "DuxMenuMain",
   props: {
     collapsed: {
@@ -40,14 +52,14 @@ const $ = /* @__PURE__ */ c({
   },
   setup(o) {
     const {
-      options: s,
-      active: p
+      options: a,
+      active: m
     } = g({}), {
-      menuCollapsed: l,
-      setCmdVisible: m,
-      menuMobileCollapsed: t,
+      menuCollapsed: t,
+      setCmdVisible: s,
+      menuMobileCollapsed: l,
       setMenuCollapsed: d
-    } = M(), {
+    } = y(), {
       config: n
     } = f(), {
       t: u
@@ -56,8 +68,8 @@ const $ = /* @__PURE__ */ c({
       class: "flex flex-col h-screen px-1"
     }, [e("div", {
       class: "h-13 px-2 hidden lg:flex justify-center items-center"
-    }, [e(a, {
-      onClick: () => d(!l.value),
+    }, [e(p, {
+      onClick: () => d(!t.value),
       collapsed: o.collapsed
     }, {
       icon: () => e("div", {
@@ -69,18 +81,18 @@ const $ = /* @__PURE__ */ c({
       default: () => e("div", null, [n.title])
     })]), e("div", {
       class: "px-2 py-1 hidden lg:block"
-    }, [e(a, {
+    }, [e(p, {
       collapsed: o.collapsed,
       inverted: !0,
       class: "relative py-1.5 px-3",
-      onClick: () => m(!0)
+      onClick: () => s(!0)
     }, {
       icon: () => e("div", {
         class: "i-tabler:search size-4 icon-gradient"
       }, null),
       default: () => e("div", {
         class: "text-muted text-sm"
-      }, [u("common.search"), !l.value && e("div", {
+      }, [u("common.search"), !t.value && e("div", {
         class: "flex items-center gap-1 absolute right-2.5 top-1.3"
       }, [e(r, {
         size: "small",
@@ -96,21 +108,23 @@ const $ = /* @__PURE__ */ c({
         default: () => [i("K")]
       })])])
     })]), e("div", {
-      class: ["flex-1 min-h-0", t.value ? "border-t border-muted" : ""]
-    }, [e(h, {
-      options: s.value,
-      value: p.value,
-      collapsed: l.value && !t.value,
-      indent: 20,
-      collapsedWidth: 60,
-      collapsedIconSize: 20
-    }, null)]), e("div", {
+      class: ["flex-1 min-h-0", l.value ? "border-t border-muted" : ""]
+    }, [e(h, null, {
+      default: () => [e(b, {
+        options: a.value,
+        value: m.value,
+        collapsed: t.value && !l.value,
+        indent: 20,
+        collapsedWidth: 60,
+        collapsedIconSize: 20
+      }, null)]
+    })]), e("div", {
       class: "flex-none hidden lg:flex flex-col items-center gap-2 p-2 border-t border-muted/50"
-    }, [e(b, {
+    }, [e(M, {
       collapsed: o.collapsed
     }, null)])]);
   }
 });
 export {
-  $ as DuxMenuMain
+  ue as DuxMenuMain
 };

package/dist/esm/pages/menu/mobile.js

@@ -25,11 +25,23 @@ import "vue-command-palette";
 import { DuxMenuMain as i } from "./main.js";
 import "@duxweb/dvha-naiveui";
 import "../page404.js";
+import "@iconify-json/tabler/icons.json";
 import "mime";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+import "ace-builds/src-noconflict/theme-tomorrow";
+import "ace-builds/src-noconflict/ext-searchbox";
+import "ace-builds/src-noconflict/ext-language_tools";
+import "ace-builds/src-noconflict/mode-snippets";
 import "dayjs";
 import "@tanstack/vue-query";
 import { useUI as e } from "../../hooks/ui.js";
-const G = /* @__PURE__ */ p({
+const Y = /* @__PURE__ */ p({
   name: "DuxMobileMenu",
   props: {},
   setup(l) {
@@ -49,5 +61,5 @@ const G = /* @__PURE__ */ p({
   }
 });
 export {
-  G as DuxMobileMenu
+  Y as DuxMobileMenu
 };

package/dist/esm/pages/page.js

@@ -29,7 +29,7 @@ const x = /* @__PURE__ */ m({
     };
     return () => {
       var t, o, i;
-      const r = a.card ? "bg-default dark:bg-muted rounded-md shadow-xs lg:dark:border lg:dark:border-muted" : "", n = a.card && a.padding ? "p-3" : "", l = a.scrollbar ? "" : "h-full";
+      const r = a.card ? "bg-default dark:bg-muted rounded shadow-xs lg:dark:border lg:dark:border-muted" : "", n = a.card && a.padding ? "p-3" : "", l = a.scrollbar ? "" : "h-full";
       return c("div", {
         class: "h-full flex-1 flex gap-2 relative"
       }, [c("div", {

package/dist/esm/pages/page404.js

@@ -29,20 +29,32 @@ import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vue-command-palette";
 import { DuxPageStatus as d } from "./pageStatus.js";
+import "@iconify-json/tabler/icons.json";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+import "ace-builds/src-noconflict/theme-tomorrow";
+import "ace-builds/src-noconflict/ext-searchbox";
+import "ace-builds/src-noconflict/ext-language_tools";
+import "ace-builds/src-noconflict/mode-snippets";
 function g(o) {
   return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !u(o);
 }
 const D = /* @__PURE__ */ n({
   name: "DuxPage404",
   setup(o) {
-    const i = l(), p = c(), {
+    const p = l(), m = c(), {
       t: r
     } = s();
-    function m() {
-      p.push({
-        path: i.path,
+    function e() {
+      m.push({
+        path: p.path,
         query: {
-          ...i.query,
+          ...p.query,
           t: Date.now()
         }
       });
@@ -53,14 +65,14 @@ const D = /* @__PURE__ */ n({
     }, {
       default: () => t("div", null, [t(f, null, null)]),
       action: () => {
-        let e;
+        let i;
         return t(a, {
-          onClick: m,
+          onClick: e,
           renderIcon: () => t("div", {
             class: "n-icon i-tabler:refresh"
           }, null)
-        }, g(e = r("components.button.refresh")) ? e : {
-          default: () => [e]
+        }, g(i = r("components.button.refresh")) ? i : {
+          default: () => [i]
         });
       }
     });

package/dist/esm/pages/pageStatus.js

@@ -1,5 +1,5 @@
-import { defineComponent as o, createVNode as t } from "vue";
-import { DuxCard as c } from "../components/card/card.js";
+import { defineComponent as o, createVNode as i } from "vue";
+import { DuxCard as p } from "../components/card/card.js";
 import "clsx";
 import "naive-ui";
 import "vue-echarts";
@@ -29,37 +29,54 @@ import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vue-command-palette";
 import "./page404.js";
-const I = /* @__PURE__ */ o({
+import "@iconify-json/tabler/icons.json";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+import "ace-builds/src-noconflict/theme-tomorrow";
+import "ace-builds/src-noconflict/ext-searchbox";
+import "ace-builds/src-noconflict/ext-language_tools";
+import "ace-builds/src-noconflict/mode-snippets";
+const Y = /* @__PURE__ */ o({
   name: "DuxPageStatus",
   props: {
     title: String,
-    desc: String
+    desc: String,
+    bordered: {
+      type: Boolean,
+      default: !0
+    }
   },
-  setup(i, {
+  setup(t, {
     slots: e
   }) {
-    return () => t(c, {
-      class: "size-full flex items-center justify-center"
+    return () => i(p, {
+      class: "size-full flex items-center justify-center",
+      bordered: t.bordered
     }, {
       default: () => {
-        var m, r;
-        return [t("div", {
+        var r, m;
+        return [i("div", {
           class: "flex flex-col gap-6 justify-center items-center py-10"
-        }, [t("div", {
+        }, [i("div", {
           class: "w-40"
-        }, [(m = e.default) == null ? void 0 : m.call(e)]), t("div", {
+        }, [(r = e.default) == null ? void 0 : r.call(e)]), i("div", {
           class: "flex flex-col items-center justify-center gap-2"
-        }, [t("div", {
+        }, [i("div", {
           class: "text-lg text-default font-bold"
-        }, [i == null ? void 0 : i.title]), t("div", {
+        }, [t == null ? void 0 : t.title]), i("div", {
           class: "text-muted"
-        }, [i == null ? void 0 : i.desc])]), t("div", {
+        }, [t == null ? void 0 : t.desc])]), i("div", {
           class: "flex justify-center items-center gap-4"
-        }, [(r = e.action) == null ? void 0 : r.call(e)])])];
+        }, [(m = e.action) == null ? void 0 : m.call(e)])])];
       }
     });
   }
 });
 export {
-  I as DuxPageStatus
+  Y as DuxPageStatus
 };

package/dist/esm/theme/naiveTheme.js

@@ -1,12 +1,12 @@
 import { useTheme as C } from "@duxweb/dvha-core";
 import { hex2rgb as i } from "colorizr";
-import { merge as a } from "lodash-es";
+import { merge as s } from "lodash-es";
 import { computed as l } from "vue";
 function g() {
   const { getSceneColor: o, getSemanticColor: r } = C(), e = (m) => {
     const t = i(m);
     return `${t.r}, ${t.g},${t.b}`;
-  }, d = l(() => ({
+  }, a = l(() => ({
     common: {
       primaryColor: o("primary"),
       primaryColorHover: o("primary", "hover"),
@@ -70,18 +70,18 @@ function g() {
       tabTextColorHoverSegment: r("text", "muted")
     },
     Card: {}
-  })), s = l(() => a(d.value, {
+  })), d = l(() => s(a.value, {
     common: {
       cardColor: r("bg", "base"),
       modalColor: r("bg", "base"),
       dividerColor: r("border", "muted"),
       borderColor: r("border", "muted"),
-      popoverColor: `rgba(${e(r("bg", "muted"))}, 0.95)`
+      popoverColor: `rgba(${e(r("bg", "base"))}, 0.98)`
     },
     DataTable: {
       tdColor: r("bg", "base")
     }
-  })), n = l(() => a(d.value, {
+  })), n = l(() => s(a.value, {
     common: {
       cardColor: r("bg", "muted"),
       modalColor: r("bg", "muted"),
@@ -94,7 +94,7 @@ function g() {
     }
   }));
   return {
-    lightTheme: s,
+    lightTheme: d,
     darkTheme: n
   };
 }

package/dist/esm/theme/uno.css.js

@@ -1,5 +1,5 @@
 const r = `/* layer: properties */
-@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-text-opacity:100%;--un-bg-opacity:100%;--un-from-opacity:100%;--un-divide-y-reverse:0;--un-border-style:solid;--un-divide-x-reverse:0;--un-divide-opacity:100%;--un-shadow-opacity:100%;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-to-opacity:100%;--un-border-opacity:100%;--un-fill-opacity:100%;--un-outline-style:solid;}}
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-text-opacity:100%;--un-bg-opacity:100%;--un-from-opacity:100%;--un-divide-y-reverse:0;--un-border-style:solid;--un-divide-x-reverse:0;--un-divide-opacity:100%;--un-shadow-opacity:100%;--un-border-opacity:100%;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;}}
 @property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
 @property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
 @property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@@ -917,6 +917,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 }
 /* layer: icons */
 .i-tabler\\:alert-triangle{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v4m-1.637-9.409L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0zM12 16h.01'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
+.i-tabler\\:arrow-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m6-6l-6 6m-6-6l6 6'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:arrow-left{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14M5 12l6 6m-6-6l6-6'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:brightness-half{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 9a3 3 0 0 0 0 6z'/%3E%3Cpath d='M6 6h3.5L12 3.5L14.5 6H18v3.5l2.5 2.5l-2.5 2.5V18h-3.5L12 20.5L9.5 18H6v-3.5L3.5 12L6 9.5z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:check{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12l5 5L20 7'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
@@ -929,6 +930,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .i-tabler\\:database-export{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 6c0 1.657 3.582 3 8 3s8-1.343 8-3s-3.582-3-8-3s-8 1.343-8 3'/%3E%3Cpath d='M4 6v6c0 1.657 3.582 3 8 3c1.118 0 2.183-.086 3.15-.241M20 12V6'/%3E%3Cpath d='M4 12v6c0 1.657 3.582 3 8 3q.235 0 .466-.005M16 19h6m-3-3l3 3l-3 3'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:database-import{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 6c0 1.657 3.582 3 8 3s8-1.343 8-3s-3.582-3-8-3s-8 1.343-8 3'/%3E%3Cpath d='M4 6v6c0 1.657 3.582 3 8 3c.856 0 1.68-.05 2.454-.144M20 12V6'/%3E%3Cpath d='M4 12v6c0 1.657 3.582 3 8 3q.256 0 .51-.006M19 22v-6m3 3l-3-3l-3 3'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:device-desktop-up{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.5 16H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v7.5M19 22v-6m3 3l-3-3l-3 3m-9 1h5m-3-4v4'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
+.i-tabler\\:device-floppy{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 4h10l4 4v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2'/%3E%3Cpath d='M10 14a2 2 0 1 0 4 0a2 2 0 1 0-4 0m4-10v4H8V4'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:dots-vertical{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:download{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5l5-5m-5-7v12'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:exclamation-circle-filled{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17 3.34A10 10 0 1 1 2 12l.005-.324A10 10 0 0 1 17 3.34M12 15a1 1 0 0 0-1 1v.01a1 1 0 0 0 2 0V16a1 1 0 0 0-1-1m0-7a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0V9a1 1 0 0 0-1-1'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
@@ -957,7 +959,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .i-tabler\\:rotate{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.95 11a8 8 0 1 0-.5 4m.5 5v-5h-5'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:rotate-clockwise{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:search{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m18 11l-6-6'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
-.i-tabler\\:send{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 14L21 3m0 0l-6.5 18a.55.55 0 0 1-1 0L10 14l-7-3.5a.55.55 0 0 1 0-1z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:sun{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0m-5 0h1m8-9v1m8 8h1m-9 8v1M5.6 5.6l.7.7m12.1-.7l-.7.7m0 11.4l.7.7m-12.1-.7l-.7.7'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:trash{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:upload{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 9l5-5l5 5m-5-5v12'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
@@ -1022,7 +1023,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .ml-2{margin-left:calc(var(--spacing) * 2);}
 .mr-2{margin-right:calc(var(--spacing) * 2);}
 .mt-1{margin-top:calc(var(--spacing) * 1);}
-.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5);}
 .mt-2{margin-top:calc(var(--spacing) * 2);}
 .mt-3{margin-top:calc(var(--spacing) * 3);}
 .mt-4{margin-top:calc(var(--spacing) * 4);}
@@ -1061,6 +1061,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .pr-4{padding-right:calc(var(--spacing) * 4);}
 .ps-10{padding-inline-start:calc(var(--spacing) * 10);}
 .ps-3{padding-inline-start:calc(var(--spacing) * 3);}
+.pt-0\\.5{padding-top:calc(var(--spacing) * 0.5);}
 .pt-1{padding-top:calc(var(--spacing) * 1);}
 .pt-2{padding-top:calc(var(--spacing) * 2);}
 .pt-4{padding-top:calc(var(--spacing) * 4);}
@@ -1076,6 +1077,8 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .border-t{border-top-width:1px;}
 .border-primary,
 .group:hover .group-hover\\:border-primary{border-color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-border-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
+.border-transparent{border-color:transparent;}
+.hover\\:border-primary-hover:hover{border-color:color-mix(in srgb, var(--colors-primary-hover) var(--un-border-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary-hover)) var(--un-text-opacity, 100%), transparent) */;}
 .hover\\:border-primary:hover{border-color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-border-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
 .rounded{border-radius:var(--radius-DEFAULT);}
 .rounded-full{border-radius:calc(infinity * 1px);}
@@ -1089,6 +1092,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .bg-gray-600{background-color:color-mix(in srgb, var(--colors-gray-600) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-600)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-gray-800{background-color:color-mix(in srgb, var(--colors-gray-800) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-800)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-gray-900\\/30{background-color:color-mix(in srgb, var(--colors-gray-900) 30%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-900)) var(--un-text-opacity, 100%), transparent) */;}
+.bg-gray\\/5{background-color:color-mix(in srgb, var(--colors-gray-DEFAULT) 5%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-primary{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-primary\\/10{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 10%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-primary\\/5{background-color:color-mix(in srgb, var(--colors-primary-DEFAULT) 5%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
@@ -1135,11 +1139,13 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .grid{display:grid;}
 .col-span-1{grid-column:span 1/span 1;}
 .col-span-2{grid-column:span 2/span 2;}
+.col-span-3{grid-column:span 3/span 3;}
 .auto-cols-max{grid-auto-columns:max-content;}
 .grid-cols-\\[repeat\\(auto-fit\\,minmax\\(100px\\,1fr\\)\\)\\]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));}
 .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
 .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
 .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
+.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}
 .size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10);}
 .size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12);}
 .size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);}
@@ -1168,17 +1174,20 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .h-500px{height:500px;}
 .h-6,
 .h6{height:calc(var(--spacing) * 6);}
-.h-8\\.5{height:calc(var(--spacing) * 8.5);}
+.h-60{height:calc(var(--spacing) * 60);}
 .h-auto{height:auto;}
 .h-full{height:100%;}
 .h-screen{height:100vh;}
+.max-h-0{max-height:calc(var(--spacing) * 0);}
+.max-h-500{max-height:calc(var(--spacing) * 500);}
 .max-h-500px{max-height:500px;}
 .max-w-180{max-width:calc(var(--spacing) * 180);}
 .max-w-full{max-width:100%;}
 .min-h-0{min-height:calc(var(--spacing) * 0);}
 .min-h-1{min-height:calc(var(--spacing) * 1);}
 .min-w-0{min-width:calc(var(--spacing) * 0);}
-.min-w-20{min-width:calc(var(--spacing) * 20);}
+.min-w-200px{min-width:200px;}
+.min-w-60{min-width:calc(var(--spacing) * 60);}
 .w-120{width:calc(var(--spacing) * 120);}
 .w-120px{width:120px;}
 .w-15{width:calc(var(--spacing) * 15);}
@@ -1222,8 +1231,10 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .hover\\:shadow-xs:hover{--un-shadow:0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .translate-y-0{--un-translate-y:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
 .translate-y-full{--un-translate-y:100%;translate:var(--un-translate-x) var(--un-translate-y);}
+.rotate-180{rotate:180deg;}
 .rotate-45{rotate:45deg;}
 .transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}
+.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .transition-opacity{transition-property:opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
 .duration-150{--un-duration:150ms;transition-duration:150ms;}
@@ -1236,8 +1247,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .items-end{align-items:flex-end;}
 .items-center{align-items:center;}
 .items-baseline{align-items:baseline;}
-.flex-justify-center,
-.justify-center{justify-content:center;}
 .inset-0{inset:calc(var(--spacing) * 0);}
 .end-0{inset-inline-end:calc(var(--spacing) * 0);}
 .start-0{inset-inline-start:calc(var(--spacing) * 0);}
@@ -1260,6 +1269,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .top-7{top:calc(var(--spacing) * 7);}
 .justify-start{justify-content:flex-start;}
 .justify-end{justify-content:flex-end;}
+.justify-center{justify-content:center;}
 .justify-between{justify-content:space-between;}
 .absolute{position:absolute;}
 .fixed{position:fixed;}
@@ -1287,6 +1297,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .table{display:table;}
 .border-collapse{border-collapse:collapse;}
 .table-fixed{table-layout:fixed;}
+.dark .dark\\:divide-gray-800>:not(:last-child){border-color:color-mix(in srgb, var(--colors-gray-800) var(--un-divide-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-800)) var(--un-text-opacity, 100%), transparent) */;}
 .divide-white\\/20>:not(:last-child){border-color:color-mix(in srgb, var(--colors-white-DEFAULT) 20%, transparent) /* rgb(var(--ui-color-white)) */;}
 .divide-x>:not(:last-child){--un-divide-x-reverse:0;border-left-width:calc(1px * var(--un-divide-x-reverse));border-left-style:var(--un-border-style);border-right-width:calc(1px * calc(1 - var(--un-divide-x-reverse)));border-right-style:var(--un-border-style);}
 .divide-y>:not(:last-child){--un-divide-y-reverse:0;border-top-width:calc(1px * var(--un-divide-y-reverse));border-top-style:var(--un-border-style);border-bottom-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-style:var(--un-border-style);}
@@ -1316,6 +1327,11 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .hover\\:border-accented:hover{border-color:color-mix(in oklab, rgb(var(--ui-border-accented)) var(--un-border-opacity, 100%), transparent);--un-border-opacity:100%;}
 .ring-muted{--un-ring-color:color-mix(in oklab, rgb(var(--ui-border-muted)) var(--un-ring-opacity, 100%), transparent);--un-ring-opacity:100%;}
 
+          .divide-default > :not(:last-child) {
+            border-color: color-mix(in oklab, rgb(var(--ui-border)) var(--un-border-opacity, 100%), transparent);
+            --un-border-opacity: 100%;
+          }
+
           .divide-muted > :not(:last-child) {
             border-color: color-mix(in oklab, rgb(var(--ui-border-muted)) var(--un-border-opacity, 100%), transparent);
             --un-border-opacity: 100%;
@@ -1333,11 +1349,13 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .hover\\:text-primary:hover{color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-text-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
 .border-primary{border-color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-border-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
 .group:hover .group-hover\\:border-primary{border-color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-border-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
+.hover\\:border-primary-hover:hover{border-color:color-mix(in oklab, var(--colors-primary-hover) var(--un-border-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary-hover)) var(--un-text-opacity, 100%), transparent) */;}
 .hover\\:border-primary:hover{border-color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-border-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-error{background-color:color-mix(in oklab, var(--colors-error-DEFAULT) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-error)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-gray-600{background-color:color-mix(in oklab, var(--colors-gray-600) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-600)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-gray-800{background-color:color-mix(in oklab, var(--colors-gray-800) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-800)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-gray-900\\/30{background-color:color-mix(in oklab, var(--colors-gray-900) 30%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray-900)) var(--un-text-opacity, 100%), transparent) */;}
+.bg-gray\\/5{background-color:color-mix(in oklab, var(--colors-gray-DEFAULT) 5%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-gray)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-primary{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) var(--un-bg-opacity), transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-primary\\/10{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 10%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
 .bg-primary\\/5{background-color:color-mix(in oklab, var(--colors-primary-DEFAULT) 5%, transparent) /* color-mix(in oklab, rgb(var(--ui-color-primary)) var(--un-text-opacity, 100%), transparent) */;}
@@ -1387,7 +1405,9 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .lg\\:grid-cols-\\[repeat\\(auto-fit\\,minmax\\(\\$\\{props\\.minWidth\\}\\,\\$\\{props\\.maxWidth\\}\\)\\)\\]{grid-template-columns:repeat(auto-fit,minmax(\${props.minWidth},\${props.maxWidth}));}
 .lg\\:grid-cols-\\[repeat\\(auto-fit\\,minmax\\(100px\\,1fr\\)\\)\\]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));}
 .lg\\:grid-cols-\\[repeat\\(auto-fit\\,minmax\\(120px\\,1fr\\)\\)\\]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));}
+.lg\\:grid-cols-\\[repeat\\(auto-fit\\,minmax\\(150px\\,150px\\)\\)\\]{grid-template-columns:repeat(auto-fit,minmax(150px,150px));}
 .lg\\:grid-cols-\\[repeat\\(auto-fit\\,minmax\\(150px\\,1fr\\)\\)\\]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}
+.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
 .lg\\:h-13{height:calc(var(--spacing) * 13);}
 .lg\\:h-26{height:calc(var(--spacing) * 26);}
 .lg\\:max-w-2xl{max-width:var(--container-2xl);}

package/dist/types/components/code/code.d.ts

@@ -0,0 +1,44 @@
+import 'ace-builds/src-noconflict/mode-vue';
+import 'ace-builds/src-noconflict/mode-javascript';
+import 'ace-builds/src-noconflict/mode-html';
+import 'ace-builds/src-noconflict/mode-json';
+import 'ace-builds/src-noconflict/mode-json5';
+import 'ace-builds/src-noconflict/theme-tomorrow_night';
+import 'ace-builds/src-noconflict/theme-tomorrow';
+import 'ace-builds/src-noconflict/ext-searchbox';
+import 'ace-builds/src-noconflict/ext-language_tools';
+import 'ace-builds/src-noconflict/mode-snippets';
+export declare const DuxCodeEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly: BooleanConstructor;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly: BooleanConstructor;
+}>> & Readonly<{}>, {
+    value: string;
+    defaultValue: string;
+    readonly: boolean;
+    lang: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/code/index.d.ts

@@ -0,0 +1 @@
+export * from './code';

package/dist/types/components/drawer/drawer.d.ts

@@ -2,6 +2,7 @@ import type { AsyncComponentLoader, Component, PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     width: (StringConstructor | NumberConstructor)[];
+    maxWidth: NumberConstructor[];
     placement: {
         type: PropType<"left" | "right" | "top" | "bottom">;
         default: string;
@@ -14,6 +15,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     width: (StringConstructor | NumberConstructor)[];
+    maxWidth: NumberConstructor[];
     placement: {
         type: PropType<"left" | "right" | "top" | "bottom">;
         default: string;

package/dist/types/components/drawer/drawerPage.d.ts

@@ -1 +1,20 @@
-export declare const DuxDrawerPage: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import { PropType } from 'vue';
+export declare const DuxDrawerPage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    onClose: PropType<() => void>;
+    onConfirm: PropType<() => void>;
+    scrollbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    onClose: PropType<() => void>;
+    onConfirm: PropType<() => void>;
+    scrollbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    scrollbar: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;