@duxweb/dvha-pro 0.0.5 → 0.0.7

package/dist/esm/pages/login.js

@@ -2,27 +2,32 @@ import { defineComponent as k, ref as j, reactive as D, createVNode as e, isVNod
 import { useTheme as N, useManage as F, useI18n as P, useLogin as S, DuxLogo as V } from "@duxweb/dvha-core";
 import z from "clsx";
 import { useMessage as A, NForm as C, NFormItem as h, NInput as v, NButton as I } from "naive-ui";
-import "jinrishici";
-import "lodash-es";
-import { DuxDrawApps as M } from "../components/draw/drawApps.js";
-import "../node_modules/@overlastic/vue/dist/index.js";
-import "@vueuse/core";
-import "vee-validate";
+import "vue-echarts";
 import "vue-router";
+import "@overlastic/vue";
+import "lodash-es";
 import "@duxweb/dvha-naiveui";
+import "@vueuse/core";
 import "pinia";
+import "jinrishici";
+import { DuxDrawApps as M } from "../components/draw/drawApps.js";
+import "vee-validate";
 import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-typography";
 import "vue-command-palette";
 import "./page404.js";
 function O(r) {
   return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !L(r);
 }
-const $ = /* @__PURE__ */ k({
+const se = /* @__PURE__ */ k({
   name: "DuxLoginPage",
   setup(r, {
     slots: i
   }) {
-    const o = N(), s = F(), {
+    const s = N(), o = F(), {
       t: a
     } = P(), w = j(), u = A(), t = D({
       username: "",
@@ -41,41 +46,41 @@ const $ = /* @__PURE__ */ k({
       x(t);
     };
     return () => {
-      var c, d, m, p, g;
+      var m, c, d, p, g;
       let l;
       return e("div", {
         "un-cloak": !0,
-        class: z(["h-screen w-screen flex items-start justify-center text-secondary md:items-center", o.isDark.value ? "app-login-dark-bg" : "app-login-bg"])
+        class: z(["h-screen w-screen flex items-start justify-center text-secondary md:items-center", s.isDark.value ? "app-login-dark-bg" : "app-login-bg"])
       }, [e("div", {
         class: "relative md:m-4 max-w-180 w-full h-full md:h-auto grid-cols-1 md:grid-cols-2 gap-12 overflow-hidden md:rounded-lg p-8 md:shadow bg-default dark:bg-muted grid"
       }, [e("div", {
         class: "flex justify-center tex absolute h-30 w-30 rotate-45 cursor-pointer items-end p-3 text-white bg-primary -right-15 -top-15 hover:bg-primary-hover",
-        onClick: () => o.toggle()
-      }, [o.mode.value === "auto" && e("div", {
+        onClick: () => s.toggle()
+      }, [s.mode.value === "auto" && e("div", {
         class: "i-tabler:brightness-half h-5 w-5"
-      }, null), o.mode.value === "light" && e("div", {
+      }, null), s.mode.value === "light" && e("div", {
         class: "h-5 w-5 i-tabler:sun"
-      }, null), o.mode.value === "dark" && e("div", {
+      }, null), s.mode.value === "dark" && e("div", {
         class: "h-5 w-5 i-tabler:moon"
       }, null)]), e("div", {
         class: "justify-center hidden md:flex flex-row items-center"
-      }, [(c = s.config.theme) != null && c.banner ? e("img", {
+      }, [(m = o.config.theme) != null && m.banner ? e("img", {
         class: "w-full h-auto",
-        src: (d = s.config.theme) == null ? void 0 : d.banner
+        src: (c = o.config.theme) == null ? void 0 : c.banner
       }, null) : e("div", {
         class: "w-full h-auto"
       }, [e(M, null, null)])]), e("div", {
         class: "flex flex-col"
       }, [e("div", {
         class: "flex flex-col items-center justify-center mt-4"
-      }, [e("div", null, [(m = s.config.theme) != null && m.logo ? e("img", {
+      }, [e("div", null, [(d = o.config.theme) != null && d.logo ? e("img", {
         class: "w-auto h-16",
-        src: (p = s.config.theme) == null ? void 0 : p.logo
+        src: (p = o.config.theme) == null ? void 0 : p.logo
       }, null) : e("div", {
         class: "h-10"
       }, [e(V, null, null)])]), e("div", {
         class: "mt-4 text-lg text-muted"
-      }, [s.config.title || "Dux Admin Manage"])]), e("div", {
+      }, [o.config.title || "Dux Admin Manage"])]), e("div", {
         class: "my-6"
       }, [e(C, {
         ref: w,
@@ -134,10 +139,10 @@ const $ = /* @__PURE__ */ k({
         }
       })]), e("div", {
         class: "text-center text-sm text-gray-5"
-      }, [((g = s.config) == null ? void 0 : g.copyright) || "All rights reserved © duxweb 2024"])])])]);
+      }, [((g = o.config) == null ? void 0 : g.copyright) || "All rights reserved © duxweb 2024"])])])]);
     };
   }
 });
 export {
-  $ as DuxLoginPage
+  se as DuxLoginPage
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as D, computed as p, createVNode as e, createTextVNode as n } from "vue";
+import { defineComponent as D, computed as p, createVNode as e, createTextVNode as s } from "vue";
 import { useI18n as N, useManage as $, useLogout as j, useTheme as L } from "@duxweb/dvha-core";
 import { NAvatar as m, NDropdown as R } from "naive-ui";
 import { useRouter as S } from "vue-router";
@@ -6,7 +6,7 @@ import A from "./button.js";
 const V = /* @__PURE__ */ D({
   name: "DuxMenuAvatar",
   props: {
-    open: {
+    collapsed: {
       type: Boolean,
       default: !1
     }
@@ -58,9 +58,9 @@ const V = /* @__PURE__ */ D({
           class: "flex flex-col"
         }, [e("div", {
           class: "text-sm font-medium"
-        }, [n("admin")]), e("div", {
+        }, [s("admin")]), e("div", {
           class: "text-xs text-muted"
-        }, [n("admin@example.com")])])])
+        }, [s("admin@example.com")])])])
       }, {
         type: "divider"
       }, ...C.value, {
@@ -86,7 +86,7 @@ const V = /* @__PURE__ */ D({
             style: {
               backgroundColor: "rgb(var(--ui-color-primary))"
             }
-          }, null), e("div", null, [n("主题色")])]),
+          }, null), e("div", null, [s("主题色")])]),
           key: "color.primary",
           children: (a = y.value) == null ? void 0 : a.map((l) => ({
             label: () => o(e("div", {
@@ -107,7 +107,7 @@ const V = /* @__PURE__ */ D({
             style: {
               backgroundColor: "rgb(var(--ui-color-gray-600))"
             }
-          }, null), e("div", null, [n("中性色")])]),
+          }, null), e("div", null, [s("中性色")])]),
           key: "color.neutral",
           children: (t = k.value) == null ? void 0 : t.map((l) => ({
             label: () => o(e("div", {
@@ -150,19 +150,19 @@ const V = /* @__PURE__ */ D({
       }];
     });
     function w(a, t) {
-      const l = a.lastIndexOf("."), [M, s] = l === -1 ? [a, ""] : [a.substring(0, l), a.substring(l + 1)];
+      const l = a.lastIndexOf("."), [M, n] = l === -1 ? [a, ""] : [a.substring(0, l), a.substring(l + 1)];
       switch (M) {
         case "locale":
-          i.changeLocale(s);
+          i.changeLocale(n);
           break;
         case "color.primary":
-          d("primary", s);
+          d("primary", n);
           break;
         case "color.neutral":
-          d("gray", s);
+          d("gray", n);
           break;
         case "theme":
-          x(s);
+          x(n);
           break;
         case "logout":
           h();
@@ -181,7 +181,7 @@ const V = /* @__PURE__ */ D({
       width: 200
     }, {
       default: () => [e(A, {
-        open: g.open
+        collapsed: g.collapsed
       }, {
         icon: () => e(m, {
           class: "group-hover:shadow-lg",
@@ -193,9 +193,9 @@ const V = /* @__PURE__ */ D({
           class: "flex flex-col"
         }, [e("div", {
           class: "text-sm font-medium"
-        }, [n("admin")]), e("div", {
+        }, [s("admin")]), e("div", {
           class: "text-xs text-muted"
-        }, [n("admin@example.com")])])
+        }, [s("admin@example.com")])])
       })]
     });
   }

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

@@ -1,19 +1,24 @@
-import { defineComponent as l, createVNode as u } from "vue";
+import { defineComponent as u, createVNode as l } from "vue";
 import "@duxweb/dvha-core";
 import "naive-ui";
 import "vue-router";
-import "../../node_modules/@overlastic/vue/dist/index.js";
+import "@overlastic/vue";
+import "vue-echarts";
 import "clsx";
 import "jinrishici";
 import "lodash-es";
 import "@vueuse/core";
 import "vee-validate";
 import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-typography";
 import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
 import "../page404.js";
 import { useUI as d } from "../../hooks/ui.js";
-const s = /* @__PURE__ */ l({
+const N = /* @__PURE__ */ u({
   name: "DuxMenuButton",
   props: {
     class: {
@@ -25,9 +30,9 @@ const s = /* @__PURE__ */ l({
       default: () => {
       }
     },
-    open: {
+    collapsed: {
       type: Boolean,
-      default: !1
+      default: !0
     },
     inverted: {
       type: Boolean,
@@ -38,23 +43,23 @@ const s = /* @__PURE__ */ l({
     slots: t
   }) {
     const {
-      menuCollapsed: n,
-      menuMobileCollapsed: o
+      menuCollapsed: o,
+      menuMobileCollapsed: i
     } = d();
     return () => {
-      var i, a;
-      return u("div", {
+      var r, a;
+      return l("div", {
         onClick: () => {
-          var r;
-          (r = e.onClick) == null || r.call(e);
+          var n;
+          (n = e.onClick) == null || n.call(e);
         },
-        class: ["flex items-center gap-1 justify-center py-1 px-2 cursor-pointer gap-2", e.class, n.value && !o.value ? "group" : "hover:shadow-xs hover:bg-default flex-1 w-full", e.inverted ? "transition-all duration-300 bg-inverted/5 rounded-full hover:bg-default hover:shadow-xs" : " rounded-md"]
-      }, [(i = t.icon) == null ? void 0 : i.call(t), (!n.value && !o.value || e.open) && u("div", {
+        class: ["flex items-center gap-1 justify-center py-1 px-2 cursor-pointer gap-2", e.class, o.value && !i.value ? "group" : "hover:shadow-xs hover:bg-default flex-1 w-full", e.inverted ? "transition-all duration-300 bg-inverted/5 rounded-full hover:bg-default hover:shadow-xs" : " rounded-md"]
+      }, [(r = t.icon) == null ? void 0 : r.call(t), e.collapsed === !1 && !o.value && !i.value && l("div", {
         class: ["overflow-hidden ease-in-out whitespace-nowrap text-left min-w-0 flex-1", e.inverted ? "text-default" : ""]
       }, [(a = t.default) == null ? void 0 : a.call(t)])]);
     };
   }
 });
 export {
-  s as default
+  N as default
 };

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

@@ -2,57 +2,62 @@ import { defineComponent as M, ref as d, watch as s, computed as w, createVNode
 import { useRouteStore as D, useTheme as T, useI18n as K } from "@duxweb/dvha-core";
 import { useMagicKeys as R, watchThrottled as j } from "@vueuse/core";
 import { cloneDeep as E } from "lodash-es";
-import { NTag as S, NButton as G } from "naive-ui";
+import { NTag as p, NButton as G } from "naive-ui";
 import { Command as n } from "vue-command-palette";
 import { useRouter as L } from "vue-router";
-import "../../node_modules/@overlastic/vue/dist/index.js";
+import "@overlastic/vue";
+import "vue-echarts";
 import "clsx";
 import "jinrishici";
 import "vee-validate";
 import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-typography";
 import "@duxweb/dvha-naiveui";
 import "../page404.js";
 import { useUI as q } from "../../hooks/ui.js";
-const te = /* @__PURE__ */ M({
+const oe = /* @__PURE__ */ M({
   name: "DuxMenuCmd",
   setup() {
     const {
       cmdVisible: b,
       setCmdVisible: c
-    } = q(), f = R(), C = f["Meta+K"], m = d(), i = d([]), p = L(), u = D(), {
+    } = q(), f = R(), S = f["Meta+K"], m = d(), i = d([]), C = L(), o = D(), {
       setMode: g
-    } = T(), r = d(""), {
+    } = T(), u = d(""), {
       t: a
     } = K(), x = d(), k = (e) => {
-      const l = u.routes.filter((o) => o.parent === e);
+      const l = o.routes.filter((r) => r.parent === e);
       m.value = e, i.value = l;
     }, N = () => {
       c(!0);
     }, z = () => {
       c(!1);
     }, I = (e) => {
-      e ? i.value = [...E(u.routes).filter((l) => {
-        var o;
-        return (o = l.label) == null ? void 0 : o.includes(e);
-      })] : i.value = u.routes.filter((l) => !l.parent);
+      e ? i.value = [...E(o.routes).filter((l) => {
+        var r;
+        return (r = l.label) == null ? void 0 : r.includes(e);
+      })] : i.value = o.routes.filter((l) => !l.parent);
     };
     s(b, (e) => {
-      e ? i.value = u.routes.filter((l) => !l.parent) : i.value = u.routes.filter((l) => !l.parent);
-    }), j(r, () => {
-      I(r.value);
+      e ? i.value = o.routes.filter((l) => !l.parent) : i.value = o.routes.filter((l) => !l.parent);
+    }), j(u, () => {
+      I(u.value);
     }, {
       throttle: 500
     });
     const y = () => {
-      const e = u.routes.find((l) => l.name === m.value);
+      const e = o.routes.find((l) => l.name === m.value);
       k(e == null ? void 0 : e.parent);
     };
-    s(C, (e) => {
+    s(S, (e) => {
       e && N();
     }), s(f.Escape, (e) => {
       e && c(!1);
     }), s(f.Backspace, (e) => {
-      e && r.value === "" && m.value && y();
+      e && u.value === "" && m.value && y();
     }), s(x, (e) => {
       e && e.focus();
     });
@@ -65,7 +70,7 @@ const te = /* @__PURE__ */ M({
         class: "flex items-center gap-2"
       }, [t("div", {
         class: ["size-4", e == null ? void 0 : e.icon]
-      }, null), t("div", null, [e == null ? void 0 : e.label])]), t("div", null, [(e == null ? void 0 : e.keyName) && t(S, {
+      }, null), t("div", null, [e == null ? void 0 : e.label])]), t("div", null, [(e == null ? void 0 : e.keyName) && t(p, {
         size: "small"
       }, {
         default: () => [e == null ? void 0 : e.keyName]
@@ -81,7 +86,7 @@ const te = /* @__PURE__ */ M({
         ref: x,
         placeholder: a("common.search"),
         onInput: (e) => {
-          r.value = e.target.value;
+          u.value = e.target.value;
         },
         class: "w-full h-12 text-base/5 rounded-md border-0 placeholder:text-dimmed outline-0 px-2.5 py-1.5 text-sm gap-1.5 text-highlighted bg-transparent ps-10 pe-10"
       }, null), t("span", {
@@ -91,7 +96,7 @@ const te = /* @__PURE__ */ M({
         "aria-hidden": "true"
       }, null)]), t("span", {
         class: "absolute inset-y-0 end-0 flex items-center gap-2 pe-3"
-      }, [t(S, {
+      }, [t(p, {
         size: "small"
       }, {
         default: () => [B("Esc")]
@@ -106,7 +111,7 @@ const te = /* @__PURE__ */ M({
           "aria-hidden": "true"
         }, null)
       })])]),
-      body: () => t(V, null, [h.value.length === 0 && r.value && t("div", {
+      body: () => t(V, null, [h.value.length === 0 && u.value && t("div", {
         class: "flex items-center justify-center h-20 border-t border-muted"
       }, [a("common.empty")]), h.value.length > 0 && t(n.List, null, {
         default: () => [t(n.Group, {
@@ -114,10 +119,10 @@ const te = /* @__PURE__ */ M({
         }, {
           default: () => {
             var e;
-            return [(e = h.value) == null ? void 0 : e.map((l, o) => t(n.Item, {
-              key: o,
+            return [(e = h.value) == null ? void 0 : e.map((l, r) => t(n.Item, {
+              key: r,
               onSelect: () => {
-                l.path ? (p.push(l.path), z()) : k(l.name);
+                l.path ? (C.push(l.path), z()) : k(l.name);
               }
             }, {
               default: () => [t("div", {
@@ -152,5 +157,5 @@ const te = /* @__PURE__ */ M({
   }
 });
 export {
-  te as DuxMenuCmd
+  oe as DuxMenuCmd
 };

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

@@ -1,24 +1,29 @@
 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 n, NMenu as h } from "naive-ui";
+import { NTag as a, NMenu as h } from "naive-ui";
 import "vue-router";
-import "../../node_modules/@overlastic/vue/dist/index.js";
+import "@overlastic/vue";
+import "vue-echarts";
 import "clsx";
 import "jinrishici";
 import "lodash-es";
 import "@vueuse/core";
 import "vee-validate";
 import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-typography";
 import b from "./avatar.js";
-import a from "./button.js";
+import s from "./button.js";
 import "vue-command-palette";
 import "../page404.js";
 import { useUI as M } from "../../hooks/ui.js";
-const W = /* @__PURE__ */ c({
+const H = /* @__PURE__ */ c({
   name: "DuxMenuMain",
   props: {
-    open: {
+    collapsed: {
       type: Boolean,
       default: !1
     }
@@ -26,24 +31,24 @@ const W = /* @__PURE__ */ c({
   setup(l) {
     const {
       options: r,
-      active: s
+      active: n
     } = g({}), {
       menuCollapsed: o,
       setCmdVisible: p,
       menuMobileCollapsed: t,
-      setMenuCollapsed: u
+      setMenuCollapsed: d
     } = M(), {
-      config: d
+      config: m
     } = f(), {
-      t: m
+      t: u
     } = v();
     return () => e("div", {
       class: "flex flex-col h-screen"
     }, [e("div", {
       class: "h-13 px-2 hidden lg:flex justify-center items-center"
-    }, [e(a, {
-      onClick: () => u(!o.value),
-      open: l.open
+    }, [e(s, {
+      onClick: () => d(!o.value),
+      collapsed: l.collapsed
     }, {
       icon: () => e("div", {
         class: "bg-white dark:bg-primary-950 rounded-full p-2 shadow group-hover:shadow-lg"
@@ -51,11 +56,11 @@ const W = /* @__PURE__ */ c({
         highlight: "fill-primary",
         class: "size-4"
       }, null)]),
-      default: () => e("div", null, [d.title])
+      default: () => e("div", null, [m.title])
     })]), e("div", {
       class: "px-2 py-1 hidden lg:block"
-    }, [e(a, {
-      open: l.open,
+    }, [e(s, {
+      collapsed: l.collapsed,
       inverted: !0,
       class: "relative py-1.5 px-3",
       onClick: () => p(!0)
@@ -65,15 +70,15 @@ const W = /* @__PURE__ */ c({
       }, null),
       default: () => e("div", {
         class: "text-muted text-sm"
-      }, [m("common.search"), !o.value && e("div", {
+      }, [u("common.search"), !o.value && e("div", {
         class: "flex items-center gap-1 absolute right-2.5 top-1.3"
-      }, [e(n, {
+      }, [e(a, {
         size: "small",
         bordered: !1,
         type: "primary"
       }, {
         default: () => [i("⌘")]
-      }), e(n, {
+      }), e(a, {
         size: "small",
         bordered: !1,
         type: "primary"
@@ -84,7 +89,7 @@ const W = /* @__PURE__ */ c({
       class: ["flex-1 min-h-0", t.value ? "border-t border-muted" : ""]
     }, [e(h, {
       options: r.value,
-      value: s.value,
+      value: n.value,
       collapsed: o.value && !t.value,
       indent: 20,
       collapsedWidth: 60,
@@ -92,10 +97,10 @@ const W = /* @__PURE__ */ c({
     }, null)]), e("div", {
       class: "flex-none hidden lg:flex flex-col items-center gap-2  p-2"
     }, [e(b, {
-      open: l.open
+      collapsed: l.collapsed
     }, null)])]);
   }
 });
 export {
-  W as DuxMenuMain
+  H as DuxMenuMain
 };

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

@@ -1,38 +1,43 @@
-import { defineComponent as t, createVNode as e } from "vue";
-import { NDrawer as p } from "naive-ui";
+import { defineComponent as p, createVNode as r } from "vue";
+import { NDrawer as e } from "naive-ui";
 import "@duxweb/dvha-core";
 import "vue-router";
-import "../../node_modules/@overlastic/vue/dist/index.js";
+import "@overlastic/vue";
+import "vue-echarts";
 import "clsx";
 import "jinrishici";
 import "lodash-es";
 import "@vueuse/core";
 import "vee-validate";
 import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-typography";
+import "vue-command-palette";
+import { DuxMenuMain as m } from "./main.js";
 import "@duxweb/dvha-naiveui";
 import "../page404.js";
-import { useUI as m } from "../../hooks/ui.js";
-import "vue-command-palette";
-import { DuxMenuMain as i } from "./main.js";
-const U = /* @__PURE__ */ t({
+import { useUI as i } from "../../hooks/ui.js";
+const g = /* @__PURE__ */ p({
   name: "DuxMobileMenu",
   props: {},
-  setup(n) {
+  setup(l) {
     const {
       menuMobileCollapsed: o
-    } = m();
-    return () => e(p, {
+    } = i();
+    return () => r(e, {
       show: o.value,
-      onUpdateShow: (r) => o.value = r,
+      onUpdateShow: (t) => o.value = t,
       width: 250,
       placement: "left"
     }, {
-      default: () => [e(i, {
-        open: !0
+      default: () => [r(m, {
+        collapsed: !1
       }, null)]
     });
   }
 });
 export {
-  U as DuxMobileMenu
+  g as DuxMobileMenu
 };

package/dist/esm/pages/page.js

@@ -1,6 +1,6 @@
-import { defineComponent as u, createVNode as d } from "vue";
-import { NScrollbar as o } from "naive-ui";
-const m = /* @__PURE__ */ u({
+import { defineComponent as g, createVNode as d } from "vue";
+import { NScrollbar as l } from "naive-ui";
+const x = /* @__PURE__ */ g({
   name: "DuxPage",
   props: {
     padding: {
@@ -20,28 +20,28 @@ const m = /* @__PURE__ */ u({
       default: !0
     }
   },
-  setup(e, {
-    slots: a
+  setup(a, {
+    slots: e
   }) {
     return () => {
-      var n;
-      const r = e.card ? "bg-default dark:bg-muted rounded-md shadow-xs lg:dark:border lg:dark:border-muted" : "", t = e.card && e.padding ? "p-3" : "", l = e.scrollbar ? "" : "h-full";
+      var u, f, 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" : "", c = a.scrollbar ? "" : "h-full";
       return d("div", {
-        class: "h-full"
-      }, [e.scrollbar ? d(o, {
-        class: r,
-        contentClass: `${t} ${l}`
+        class: "h-full flex-1 flex gap-2"
+      }, [(u = e == null ? void 0 : e.sideLeft) == null ? void 0 : u.call(e), a.scrollbar ? d(l, {
+        class: [r, "flex-1 min-w-0"],
+        contentClass: `${n} ${c}`
       }, {
         default: () => {
-          var c;
-          return [(c = a.default) == null ? void 0 : c.call(a)];
+          var t;
+          return [(t = e.default) == null ? void 0 : t.call(e)];
         }
       }) : d("div", {
-        class: `${r} ${t} ${l}`
-      }, [(n = a.default) == null ? void 0 : n.call(a)])]);
+        class: `${r} ${n} ${c} flex-1 min-w-0`
+      }, [(f = e.default) == null ? void 0 : f.call(e)]), (i = e == null ? void 0 : e.sideRight) == null ? void 0 : i.call(e)]);
     };
   }
 });
 export {
-  m as DuxPage
+  x as DuxPage
 };