cognova 0.2.19 → 0.2.21

package/.output/server/chunks/build/Slideover-DJNgcnZ2.mjs

@@ -173,14 +173,11 @@ const _sfc_main = {
       }
       return {};
     });
-    const ui = computed(() => {
-      var _a;
-      return tv({ extend: tv(theme), ...((_a = appConfig.ui) == null ? void 0 : _a.slideover) || {} })({
-        transition: props.transition,
-        side: props.side,
-        inset: props.inset
-      });
-    });
+    const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.slideover || {} })({
+      transition: props.transition,
+      side: props.side,
+      inset: props.inset
+    }));
     return (_ctx, _push, _parent, _attrs) => {
       _push(ssrRenderComponent(unref(DialogRoot), mergeProps(unref(rootProps), _attrs), {
         default: withCtx(({ open, close }, _push2, _parent2, _scopeId) => {
@@ -206,12 +203,11 @@ const _sfc_main = {
             }
             _push2(ssrRenderComponent(unref(DialogPortal), unref(portalProps), {
               default: withCtx((_, _push3, _parent3, _scopeId2) => {
-                var _a, _b, _c, _d;
                 if (_push3) {
                   if (__props.overlay) {
                     _push3(ssrRenderComponent(unref(DialogOverlay), {
                       "data-slot": "overlay",
-                      class: ui.value.overlay({ class: (_a = props.ui) == null ? void 0 : _a.overlay })
+                      class: ui.value.overlay({ class: props.ui?.overlay })
                     }, null, _parent3, _scopeId2));
                   } else {
                     _push3(`<!---->`);
@@ -219,7 +215,7 @@ const _sfc_main = {
                   _push3(ssrRenderComponent(unref(DialogContent), mergeProps({
                     "data-side": __props.side,
                     "data-slot": "content",
-                    class: ui.value.content({ class: [!slots.default && props.class, (_b = props.ui) == null ? void 0 : _b.content] })
+                    class: ui.value.content({ class: [!slots.default && props.class, props.ui?.content] })
                   }, contentProps.value, {
                     onAfterEnter: ($event) => emits("after:enter"),
                     onAfterLeave: ($event) => emits("after:leave")
@@ -297,16 +293,14 @@ const _sfc_main = {
                           _push4(`<!---->`);
                         }
                         ssrRenderSlot(_ctx.$slots, "content", { close }, () => {
-                          var _a2, _b2, _c2;
                           if (!!slots.header || (__props.title || !!slots.title) || (__props.description || !!slots.description) || (props.close || !!slots.close)) {
-                            _push4(`<div data-slot="header" class="${ssrRenderClass(ui.value.header({ class: (_a2 = props.ui) == null ? void 0 : _a2.header }))}"${_scopeId3}>`);
+                            _push4(`<div data-slot="header" class="${ssrRenderClass(ui.value.header({ class: props.ui?.header }))}"${_scopeId3}>`);
                             ssrRenderSlot(_ctx.$slots, "header", { close }, () => {
-                              var _a3, _b3, _c3;
-                              _push4(`<div data-slot="wrapper" class="${ssrRenderClass(ui.value.wrapper({ class: (_a3 = props.ui) == null ? void 0 : _a3.wrapper }))}"${_scopeId3}>`);
+                              _push4(`<div data-slot="wrapper" class="${ssrRenderClass(ui.value.wrapper({ class: props.ui?.wrapper }))}"${_scopeId3}>`);
                               if (__props.title || !!slots.title) {
                                 _push4(ssrRenderComponent(unref(DialogTitle), {
                                   "data-slot": "title",
-                                  class: ui.value.title({ class: (_b3 = props.ui) == null ? void 0 : _b3.title })
+                                  class: ui.value.title({ class: props.ui?.title })
                                 }, {
                                   default: withCtx((_3, _push5, _parent5, _scopeId4) => {
                                     if (_push5) {
@@ -329,7 +323,7 @@ const _sfc_main = {
                               if (__props.description || !!slots.description) {
                                 _push4(ssrRenderComponent(unref(DialogDescription), {
                                   "data-slot": "description",
-                                  class: ui.value.description({ class: (_c3 = props.ui) == null ? void 0 : _c3.description })
+                                  class: ui.value.description({ class: props.ui?.description })
                                 }, {
                                   default: withCtx((_3, _push5, _parent5, _scopeId4) => {
                                     if (_push5) {
@@ -356,7 +350,6 @@ const _sfc_main = {
                                   default: withCtx((_3, _push5, _parent5, _scopeId4) => {
                                     if (_push5) {
                                       ssrRenderSlot(_ctx.$slots, "close", { ui: ui.value }, () => {
-                                        var _a4;
                                         if (props.close) {
                                           _push5(ssrRenderComponent(_sfc_main$8, mergeProps({
                                             icon: __props.closeIcon || unref(appConfig).ui.icons.close,
@@ -365,7 +358,7 @@ const _sfc_main = {
                                             "aria-label": unref(t)("slideover.close")
                                           }, typeof props.close === "object" ? props.close : {}, {
                                             "data-slot": "close",
-                                            class: ui.value.close({ class: (_a4 = props.ui) == null ? void 0 : _a4.close })
+                                            class: ui.value.close({ class: props.ui?.close })
                                           }), null, _parent5, _scopeId4));
                                         } else {
                                           _push5(`<!---->`);
@@ -373,21 +366,18 @@ const _sfc_main = {
                                       }, _push5, _parent5, _scopeId4);
                                     } else {
                                       return [
-                                        renderSlot(_ctx.$slots, "close", { ui: ui.value }, () => {
-                                          var _a4;
-                                          return [
-                                            props.close ? (openBlock(), createBlock(_sfc_main$8, mergeProps({
-                                              key: 0,
-                                              icon: __props.closeIcon || unref(appConfig).ui.icons.close,
-                                              color: "neutral",
-                                              variant: "ghost",
-                                              "aria-label": unref(t)("slideover.close")
-                                            }, typeof props.close === "object" ? props.close : {}, {
-                                              "data-slot": "close",
-                                              class: ui.value.close({ class: (_a4 = props.ui) == null ? void 0 : _a4.close })
-                                            }), null, 16, ["icon", "aria-label", "class"])) : createCommentVNode("", true)
-                                          ];
-                                        })
+                                        renderSlot(_ctx.$slots, "close", { ui: ui.value }, () => [
+                                          props.close ? (openBlock(), createBlock(_sfc_main$8, mergeProps({
+                                            key: 0,
+                                            icon: __props.closeIcon || unref(appConfig).ui.icons.close,
+                                            color: "neutral",
+                                            variant: "ghost",
+                                            "aria-label": unref(t)("slideover.close")
+                                          }, typeof props.close === "object" ? props.close : {}, {
+                                            "data-slot": "close",
+                                            class: ui.value.close({ class: props.ui?.close })
+                                          }), null, 16, ["icon", "aria-label", "class"])) : createCommentVNode("", true)
+                                        ])
                                       ];
                                     }
                                   }),
@@ -401,11 +391,11 @@ const _sfc_main = {
                           } else {
                             _push4(`<!---->`);
                           }
-                          _push4(`<div data-slot="body" class="${ssrRenderClass(ui.value.body({ class: (_b2 = props.ui) == null ? void 0 : _b2.body }))}"${_scopeId3}>`);
+                          _push4(`<div data-slot="body" class="${ssrRenderClass(ui.value.body({ class: props.ui?.body }))}"${_scopeId3}>`);
                           ssrRenderSlot(_ctx.$slots, "body", { close }, null, _push4, _parent4, _scopeId3);
                           _push4(`</div>`);
                           if (!!slots.footer) {
-                            _push4(`<div data-slot="footer" class="${ssrRenderClass(ui.value.footer({ class: (_c2 = props.ui) == null ? void 0 : _c2.footer }))}"${_scopeId3}>`);
+                            _push4(`<div data-slot="footer" class="${ssrRenderClass(ui.value.footer({ class: props.ui?.footer }))}"${_scopeId3}>`);
                             ssrRenderSlot(_ctx.$slots, "footer", { close }, null, _push4, _parent4, _scopeId3);
                             _push4(`</div>`);
                           } else {
@@ -435,88 +425,79 @@ const _sfc_main = {
                             ]),
                             _: 3
                           })) : createCommentVNode("", true),
-                          renderSlot(_ctx.$slots, "content", { close }, () => {
-                            var _a2, _b2, _c2;
-                            return [
-                              !!slots.header || (__props.title || !!slots.title) || (__props.description || !!slots.description) || (props.close || !!slots.close) ? (openBlock(), createBlock("div", {
-                                key: 0,
-                                "data-slot": "header",
-                                class: ui.value.header({ class: (_a2 = props.ui) == null ? void 0 : _a2.header })
-                              }, [
-                                renderSlot(_ctx.$slots, "header", { close }, () => {
-                                  var _a3, _b3, _c3;
-                                  return [
-                                    createVNode("div", {
-                                      "data-slot": "wrapper",
-                                      class: ui.value.wrapper({ class: (_a3 = props.ui) == null ? void 0 : _a3.wrapper })
-                                    }, [
-                                      __props.title || !!slots.title ? (openBlock(), createBlock(unref(DialogTitle), {
+                          renderSlot(_ctx.$slots, "content", { close }, () => [
+                            !!slots.header || (__props.title || !!slots.title) || (__props.description || !!slots.description) || (props.close || !!slots.close) ? (openBlock(), createBlock("div", {
+                              key: 0,
+                              "data-slot": "header",
+                              class: ui.value.header({ class: props.ui?.header })
+                            }, [
+                              renderSlot(_ctx.$slots, "header", { close }, () => [
+                                createVNode("div", {
+                                  "data-slot": "wrapper",
+                                  class: ui.value.wrapper({ class: props.ui?.wrapper })
+                                }, [
+                                  __props.title || !!slots.title ? (openBlock(), createBlock(unref(DialogTitle), {
+                                    key: 0,
+                                    "data-slot": "title",
+                                    class: ui.value.title({ class: props.ui?.title })
+                                  }, {
+                                    default: withCtx(() => [
+                                      renderSlot(_ctx.$slots, "title", {}, () => [
+                                        createTextVNode(toDisplayString(__props.title), 1)
+                                      ])
+                                    ]),
+                                    _: 3
+                                  }, 8, ["class"])) : createCommentVNode("", true),
+                                  __props.description || !!slots.description ? (openBlock(), createBlock(unref(DialogDescription), {
+                                    key: 1,
+                                    "data-slot": "description",
+                                    class: ui.value.description({ class: props.ui?.description })
+                                  }, {
+                                    default: withCtx(() => [
+                                      renderSlot(_ctx.$slots, "description", {}, () => [
+                                        createTextVNode(toDisplayString(__props.description), 1)
+                                      ])
+                                    ]),
+                                    _: 3
+                                  }, 8, ["class"])) : createCommentVNode("", true)
+                                ], 2),
+                                renderSlot(_ctx.$slots, "actions"),
+                                props.close || !!slots.close ? (openBlock(), createBlock(unref(DialogClose), {
+                                  key: 0,
+                                  "as-child": ""
+                                }, {
+                                  default: withCtx(() => [
+                                    renderSlot(_ctx.$slots, "close", { ui: ui.value }, () => [
+                                      props.close ? (openBlock(), createBlock(_sfc_main$8, mergeProps({
                                         key: 0,
-                                        "data-slot": "title",
-                                        class: ui.value.title({ class: (_b3 = props.ui) == null ? void 0 : _b3.title })
-                                      }, {
-                                        default: withCtx(() => [
-                                          renderSlot(_ctx.$slots, "title", {}, () => [
-                                            createTextVNode(toDisplayString(__props.title), 1)
-                                          ])
-                                        ]),
-                                        _: 3
-                                      }, 8, ["class"])) : createCommentVNode("", true),
-                                      __props.description || !!slots.description ? (openBlock(), createBlock(unref(DialogDescription), {
-                                        key: 1,
-                                        "data-slot": "description",
-                                        class: ui.value.description({ class: (_c3 = props.ui) == null ? void 0 : _c3.description })
-                                      }, {
-                                        default: withCtx(() => [
-                                          renderSlot(_ctx.$slots, "description", {}, () => [
-                                            createTextVNode(toDisplayString(__props.description), 1)
-                                          ])
-                                        ]),
-                                        _: 3
-                                      }, 8, ["class"])) : createCommentVNode("", true)
-                                    ], 2),
-                                    renderSlot(_ctx.$slots, "actions"),
-                                    props.close || !!slots.close ? (openBlock(), createBlock(unref(DialogClose), {
-                                      key: 0,
-                                      "as-child": ""
-                                    }, {
-                                      default: withCtx(() => [
-                                        renderSlot(_ctx.$slots, "close", { ui: ui.value }, () => {
-                                          var _a4;
-                                          return [
-                                            props.close ? (openBlock(), createBlock(_sfc_main$8, mergeProps({
-                                              key: 0,
-                                              icon: __props.closeIcon || unref(appConfig).ui.icons.close,
-                                              color: "neutral",
-                                              variant: "ghost",
-                                              "aria-label": unref(t)("slideover.close")
-                                            }, typeof props.close === "object" ? props.close : {}, {
-                                              "data-slot": "close",
-                                              class: ui.value.close({ class: (_a4 = props.ui) == null ? void 0 : _a4.close })
-                                            }), null, 16, ["icon", "aria-label", "class"])) : createCommentVNode("", true)
-                                          ];
-                                        })
-                                      ]),
-                                      _: 2
-                                    }, 1024)) : createCommentVNode("", true)
-                                  ];
-                                })
-                              ], 2)) : createCommentVNode("", true),
-                              createVNode("div", {
-                                "data-slot": "body",
-                                class: ui.value.body({ class: (_b2 = props.ui) == null ? void 0 : _b2.body })
-                              }, [
-                                renderSlot(_ctx.$slots, "body", { close })
-                              ], 2),
-                              !!slots.footer ? (openBlock(), createBlock("div", {
-                                key: 1,
-                                "data-slot": "footer",
-                                class: ui.value.footer({ class: (_c2 = props.ui) == null ? void 0 : _c2.footer })
-                              }, [
-                                renderSlot(_ctx.$slots, "footer", { close })
-                              ], 2)) : createCommentVNode("", true)
-                            ];
-                          })
+                                        icon: __props.closeIcon || unref(appConfig).ui.icons.close,
+                                        color: "neutral",
+                                        variant: "ghost",
+                                        "aria-label": unref(t)("slideover.close")
+                                      }, typeof props.close === "object" ? props.close : {}, {
+                                        "data-slot": "close",
+                                        class: ui.value.close({ class: props.ui?.close })
+                                      }), null, 16, ["icon", "aria-label", "class"])) : createCommentVNode("", true)
+                                    ])
+                                  ]),
+                                  _: 2
+                                }, 1024)) : createCommentVNode("", true)
+                              ])
+                            ], 2)) : createCommentVNode("", true),
+                            createVNode("div", {
+                              "data-slot": "body",
+                              class: ui.value.body({ class: props.ui?.body })
+                            }, [
+                              renderSlot(_ctx.$slots, "body", { close })
+                            ], 2),
+                            !!slots.footer ? (openBlock(), createBlock("div", {
+                              key: 1,
+                              "data-slot": "footer",
+                              class: ui.value.footer({ class: props.ui?.footer })
+                            }, [
+                              renderSlot(_ctx.$slots, "footer", { close })
+                            ], 2)) : createCommentVNode("", true)
+                          ])
                         ];
                       }
                     }),
@@ -527,12 +508,12 @@ const _sfc_main = {
                     __props.overlay ? (openBlock(), createBlock(unref(DialogOverlay), {
                       key: 0,
                       "data-slot": "overlay",
-                      class: ui.value.overlay({ class: (_c = props.ui) == null ? void 0 : _c.overlay })
+                      class: ui.value.overlay({ class: props.ui?.overlay })
                     }, null, 8, ["class"])) : createCommentVNode("", true),
                     createVNode(unref(DialogContent), mergeProps({
                       "data-side": __props.side,
                       "data-slot": "content",
-                      class: ui.value.content({ class: [!slots.default && props.class, (_d = props.ui) == null ? void 0 : _d.content] })
+                      class: ui.value.content({ class: [!slots.default && props.class, props.ui?.content] })
                     }, contentProps.value, {
                       onAfterEnter: ($event) => emits("after:enter"),
                       onAfterLeave: ($event) => emits("after:leave")
@@ -559,88 +540,79 @@ const _sfc_main = {
                           ]),
                           _: 3
                         })) : createCommentVNode("", true),
-                        renderSlot(_ctx.$slots, "content", { close }, () => {
-                          var _a2, _b2, _c2;
-                          return [
-                            !!slots.header || (__props.title || !!slots.title) || (__props.description || !!slots.description) || (props.close || !!slots.close) ? (openBlock(), createBlock("div", {
-                              key: 0,
-                              "data-slot": "header",
-                              class: ui.value.header({ class: (_a2 = props.ui) == null ? void 0 : _a2.header })
-                            }, [
-                              renderSlot(_ctx.$slots, "header", { close }, () => {
-                                var _a3, _b3, _c3;
-                                return [
-                                  createVNode("div", {
-                                    "data-slot": "wrapper",
-                                    class: ui.value.wrapper({ class: (_a3 = props.ui) == null ? void 0 : _a3.wrapper })
-                                  }, [
-                                    __props.title || !!slots.title ? (openBlock(), createBlock(unref(DialogTitle), {
+                        renderSlot(_ctx.$slots, "content", { close }, () => [
+                          !!slots.header || (__props.title || !!slots.title) || (__props.description || !!slots.description) || (props.close || !!slots.close) ? (openBlock(), createBlock("div", {
+                            key: 0,
+                            "data-slot": "header",
+                            class: ui.value.header({ class: props.ui?.header })
+                          }, [
+                            renderSlot(_ctx.$slots, "header", { close }, () => [
+                              createVNode("div", {
+                                "data-slot": "wrapper",
+                                class: ui.value.wrapper({ class: props.ui?.wrapper })
+                              }, [
+                                __props.title || !!slots.title ? (openBlock(), createBlock(unref(DialogTitle), {
+                                  key: 0,
+                                  "data-slot": "title",
+                                  class: ui.value.title({ class: props.ui?.title })
+                                }, {
+                                  default: withCtx(() => [
+                                    renderSlot(_ctx.$slots, "title", {}, () => [
+                                      createTextVNode(toDisplayString(__props.title), 1)
+                                    ])
+                                  ]),
+                                  _: 3
+                                }, 8, ["class"])) : createCommentVNode("", true),
+                                __props.description || !!slots.description ? (openBlock(), createBlock(unref(DialogDescription), {
+                                  key: 1,
+                                  "data-slot": "description",
+                                  class: ui.value.description({ class: props.ui?.description })
+                                }, {
+                                  default: withCtx(() => [
+                                    renderSlot(_ctx.$slots, "description", {}, () => [
+                                      createTextVNode(toDisplayString(__props.description), 1)
+                                    ])
+                                  ]),
+                                  _: 3
+                                }, 8, ["class"])) : createCommentVNode("", true)
+                              ], 2),
+                              renderSlot(_ctx.$slots, "actions"),
+                              props.close || !!slots.close ? (openBlock(), createBlock(unref(DialogClose), {
+                                key: 0,
+                                "as-child": ""
+                              }, {
+                                default: withCtx(() => [
+                                  renderSlot(_ctx.$slots, "close", { ui: ui.value }, () => [
+                                    props.close ? (openBlock(), createBlock(_sfc_main$8, mergeProps({
                                       key: 0,
-                                      "data-slot": "title",
-                                      class: ui.value.title({ class: (_b3 = props.ui) == null ? void 0 : _b3.title })
-                                    }, {
-                                      default: withCtx(() => [
-                                        renderSlot(_ctx.$slots, "title", {}, () => [
-                                          createTextVNode(toDisplayString(__props.title), 1)
-                                        ])
-                                      ]),
-                                      _: 3
-                                    }, 8, ["class"])) : createCommentVNode("", true),
-                                    __props.description || !!slots.description ? (openBlock(), createBlock(unref(DialogDescription), {
-                                      key: 1,
-                                      "data-slot": "description",
-                                      class: ui.value.description({ class: (_c3 = props.ui) == null ? void 0 : _c3.description })
-                                    }, {
-                                      default: withCtx(() => [
-                                        renderSlot(_ctx.$slots, "description", {}, () => [
-                                          createTextVNode(toDisplayString(__props.description), 1)
-                                        ])
-                                      ]),
-                                      _: 3
-                                    }, 8, ["class"])) : createCommentVNode("", true)
-                                  ], 2),
-                                  renderSlot(_ctx.$slots, "actions"),
-                                  props.close || !!slots.close ? (openBlock(), createBlock(unref(DialogClose), {
-                                    key: 0,
-                                    "as-child": ""
-                                  }, {
-                                    default: withCtx(() => [
-                                      renderSlot(_ctx.$slots, "close", { ui: ui.value }, () => {
-                                        var _a4;
-                                        return [
-                                          props.close ? (openBlock(), createBlock(_sfc_main$8, mergeProps({
-                                            key: 0,
-                                            icon: __props.closeIcon || unref(appConfig).ui.icons.close,
-                                            color: "neutral",
-                                            variant: "ghost",
-                                            "aria-label": unref(t)("slideover.close")
-                                          }, typeof props.close === "object" ? props.close : {}, {
-                                            "data-slot": "close",
-                                            class: ui.value.close({ class: (_a4 = props.ui) == null ? void 0 : _a4.close })
-                                          }), null, 16, ["icon", "aria-label", "class"])) : createCommentVNode("", true)
-                                        ];
-                                      })
-                                    ]),
-                                    _: 2
-                                  }, 1024)) : createCommentVNode("", true)
-                                ];
-                              })
-                            ], 2)) : createCommentVNode("", true),
-                            createVNode("div", {
-                              "data-slot": "body",
-                              class: ui.value.body({ class: (_b2 = props.ui) == null ? void 0 : _b2.body })
-                            }, [
-                              renderSlot(_ctx.$slots, "body", { close })
-                            ], 2),
-                            !!slots.footer ? (openBlock(), createBlock("div", {
-                              key: 1,
-                              "data-slot": "footer",
-                              class: ui.value.footer({ class: (_c2 = props.ui) == null ? void 0 : _c2.footer })
-                            }, [
-                              renderSlot(_ctx.$slots, "footer", { close })
-                            ], 2)) : createCommentVNode("", true)
-                          ];
-                        })
+                                      icon: __props.closeIcon || unref(appConfig).ui.icons.close,
+                                      color: "neutral",
+                                      variant: "ghost",
+                                      "aria-label": unref(t)("slideover.close")
+                                    }, typeof props.close === "object" ? props.close : {}, {
+                                      "data-slot": "close",
+                                      class: ui.value.close({ class: props.ui?.close })
+                                    }), null, 16, ["icon", "aria-label", "class"])) : createCommentVNode("", true)
+                                  ])
+                                ]),
+                                _: 2
+                              }, 1024)) : createCommentVNode("", true)
+                            ])
+                          ], 2)) : createCommentVNode("", true),
+                          createVNode("div", {
+                            "data-slot": "body",
+                            class: ui.value.body({ class: props.ui?.body })
+                          }, [
+                            renderSlot(_ctx.$slots, "body", { close })
+                          ], 2),
+                          !!slots.footer ? (openBlock(), createBlock("div", {
+                            key: 1,
+                            "data-slot": "footer",
+                            class: ui.value.footer({ class: props.ui?.footer })
+                          }, [
+                            renderSlot(_ctx.$slots, "footer", { close })
+                          ], 2)) : createCommentVNode("", true)
+                        ])
                       ]),
                       _: 2
                     }, 1040, ["data-side", "class", "onAfterEnter", "onAfterLeave"])
@@ -662,131 +634,119 @@ const _sfc_main = {
                 _: 2
               }, 1032, ["class"])) : createCommentVNode("", true),
               createVNode(unref(DialogPortal), unref(portalProps), {
-                default: withCtx(() => {
-                  var _a, _b;
-                  return [
-                    __props.overlay ? (openBlock(), createBlock(unref(DialogOverlay), {
-                      key: 0,
-                      "data-slot": "overlay",
-                      class: ui.value.overlay({ class: (_a = props.ui) == null ? void 0 : _a.overlay })
-                    }, null, 8, ["class"])) : createCommentVNode("", true),
-                    createVNode(unref(DialogContent), mergeProps({
-                      "data-side": __props.side,
-                      "data-slot": "content",
-                      class: ui.value.content({ class: [!slots.default && props.class, (_b = props.ui) == null ? void 0 : _b.content] })
-                    }, contentProps.value, {
-                      onAfterEnter: ($event) => emits("after:enter"),
-                      onAfterLeave: ($event) => emits("after:leave")
-                    }, toHandlers(contentEvents.value)), {
-                      default: withCtx(() => [
-                        !!slots.content && (__props.title || !!slots.title || (__props.description || !!slots.description)) ? (openBlock(), createBlock(unref(VisuallyHidden), { key: 0 }, {
-                          default: withCtx(() => [
-                            __props.title || !!slots.title ? (openBlock(), createBlock(unref(DialogTitle), { key: 0 }, {
-                              default: withCtx(() => [
-                                renderSlot(_ctx.$slots, "title", {}, () => [
-                                  createTextVNode(toDisplayString(__props.title), 1)
-                                ])
-                              ]),
-                              _: 3
-                            })) : createCommentVNode("", true),
-                            __props.description || !!slots.description ? (openBlock(), createBlock(unref(DialogDescription), { key: 1 }, {
-                              default: withCtx(() => [
-                                renderSlot(_ctx.$slots, "description", {}, () => [
-                                  createTextVNode(toDisplayString(__props.description), 1)
-                                ])
-                              ]),
-                              _: 3
-                            })) : createCommentVNode("", true)
-                          ]),
-                          _: 3
-                        })) : createCommentVNode("", true),
-                        renderSlot(_ctx.$slots, "content", { close }, () => {
-                          var _a2, _b2, _c;
-                          return [
-                            !!slots.header || (__props.title || !!slots.title) || (__props.description || !!slots.description) || (props.close || !!slots.close) ? (openBlock(), createBlock("div", {
-                              key: 0,
-                              "data-slot": "header",
-                              class: ui.value.header({ class: (_a2 = props.ui) == null ? void 0 : _a2.header })
-                            }, [
-                              renderSlot(_ctx.$slots, "header", { close }, () => {
-                                var _a3, _b3, _c2;
-                                return [
-                                  createVNode("div", {
-                                    "data-slot": "wrapper",
-                                    class: ui.value.wrapper({ class: (_a3 = props.ui) == null ? void 0 : _a3.wrapper })
-                                  }, [
-                                    __props.title || !!slots.title ? (openBlock(), createBlock(unref(DialogTitle), {
-                                      key: 0,
-                                      "data-slot": "title",
-                                      class: ui.value.title({ class: (_b3 = props.ui) == null ? void 0 : _b3.title })
-                                    }, {
-                                      default: withCtx(() => [
-                                        renderSlot(_ctx.$slots, "title", {}, () => [
-                                          createTextVNode(toDisplayString(__props.title), 1)
-                                        ])
-                                      ]),
-                                      _: 3
-                                    }, 8, ["class"])) : createCommentVNode("", true),
-                                    __props.description || !!slots.description ? (openBlock(), createBlock(unref(DialogDescription), {
-                                      key: 1,
-                                      "data-slot": "description",
-                                      class: ui.value.description({ class: (_c2 = props.ui) == null ? void 0 : _c2.description })
-                                    }, {
-                                      default: withCtx(() => [
-                                        renderSlot(_ctx.$slots, "description", {}, () => [
-                                          createTextVNode(toDisplayString(__props.description), 1)
-                                        ])
-                                      ]),
-                                      _: 3
-                                    }, 8, ["class"])) : createCommentVNode("", true)
-                                  ], 2),
-                                  renderSlot(_ctx.$slots, "actions"),
-                                  props.close || !!slots.close ? (openBlock(), createBlock(unref(DialogClose), {
-                                    key: 0,
-                                    "as-child": ""
-                                  }, {
-                                    default: withCtx(() => [
-                                      renderSlot(_ctx.$slots, "close", { ui: ui.value }, () => {
-                                        var _a4;
-                                        return [
-                                          props.close ? (openBlock(), createBlock(_sfc_main$8, mergeProps({
-                                            key: 0,
-                                            icon: __props.closeIcon || unref(appConfig).ui.icons.close,
-                                            color: "neutral",
-                                            variant: "ghost",
-                                            "aria-label": unref(t)("slideover.close")
-                                          }, typeof props.close === "object" ? props.close : {}, {
-                                            "data-slot": "close",
-                                            class: ui.value.close({ class: (_a4 = props.ui) == null ? void 0 : _a4.close })
-                                          }), null, 16, ["icon", "aria-label", "class"])) : createCommentVNode("", true)
-                                        ];
-                                      })
-                                    ]),
-                                    _: 2
-                                  }, 1024)) : createCommentVNode("", true)
-                                ];
-                              })
-                            ], 2)) : createCommentVNode("", true),
+                default: withCtx(() => [
+                  __props.overlay ? (openBlock(), createBlock(unref(DialogOverlay), {
+                    key: 0,
+                    "data-slot": "overlay",
+                    class: ui.value.overlay({ class: props.ui?.overlay })
+                  }, null, 8, ["class"])) : createCommentVNode("", true),
+                  createVNode(unref(DialogContent), mergeProps({
+                    "data-side": __props.side,
+                    "data-slot": "content",
+                    class: ui.value.content({ class: [!slots.default && props.class, props.ui?.content] })
+                  }, contentProps.value, {
+                    onAfterEnter: ($event) => emits("after:enter"),
+                    onAfterLeave: ($event) => emits("after:leave")
+                  }, toHandlers(contentEvents.value)), {
+                    default: withCtx(() => [
+                      !!slots.content && (__props.title || !!slots.title || (__props.description || !!slots.description)) ? (openBlock(), createBlock(unref(VisuallyHidden), { key: 0 }, {
+                        default: withCtx(() => [
+                          __props.title || !!slots.title ? (openBlock(), createBlock(unref(DialogTitle), { key: 0 }, {
+                            default: withCtx(() => [
+                              renderSlot(_ctx.$slots, "title", {}, () => [
+                                createTextVNode(toDisplayString(__props.title), 1)
+                              ])
+                            ]),
+                            _: 3
+                          })) : createCommentVNode("", true),
+                          __props.description || !!slots.description ? (openBlock(), createBlock(unref(DialogDescription), { key: 1 }, {
+                            default: withCtx(() => [
+                              renderSlot(_ctx.$slots, "description", {}, () => [
+                                createTextVNode(toDisplayString(__props.description), 1)
+                              ])
+                            ]),
+                            _: 3
+                          })) : createCommentVNode("", true)
+                        ]),
+                        _: 3
+                      })) : createCommentVNode("", true),
+                      renderSlot(_ctx.$slots, "content", { close }, () => [
+                        !!slots.header || (__props.title || !!slots.title) || (__props.description || !!slots.description) || (props.close || !!slots.close) ? (openBlock(), createBlock("div", {
+                          key: 0,
+                          "data-slot": "header",
+                          class: ui.value.header({ class: props.ui?.header })
+                        }, [
+                          renderSlot(_ctx.$slots, "header", { close }, () => [
                             createVNode("div", {
-                              "data-slot": "body",
-                              class: ui.value.body({ class: (_b2 = props.ui) == null ? void 0 : _b2.body })
+                              "data-slot": "wrapper",
+                              class: ui.value.wrapper({ class: props.ui?.wrapper })
                             }, [
-                              renderSlot(_ctx.$slots, "body", { close })
+                              __props.title || !!slots.title ? (openBlock(), createBlock(unref(DialogTitle), {
+                                key: 0,
+                                "data-slot": "title",
+                                class: ui.value.title({ class: props.ui?.title })
+                              }, {
+                                default: withCtx(() => [
+                                  renderSlot(_ctx.$slots, "title", {}, () => [
+                                    createTextVNode(toDisplayString(__props.title), 1)
+                                  ])
+                                ]),
+                                _: 3
+                              }, 8, ["class"])) : createCommentVNode("", true),
+                              __props.description || !!slots.description ? (openBlock(), createBlock(unref(DialogDescription), {
+                                key: 1,
+                                "data-slot": "description",
+                                class: ui.value.description({ class: props.ui?.description })
+                              }, {
+                                default: withCtx(() => [
+                                  renderSlot(_ctx.$slots, "description", {}, () => [
+                                    createTextVNode(toDisplayString(__props.description), 1)
+                                  ])
+                                ]),
+                                _: 3
+                              }, 8, ["class"])) : createCommentVNode("", true)
                             ], 2),
-                            !!slots.footer ? (openBlock(), createBlock("div", {
-                              key: 1,
-                              "data-slot": "footer",
-                              class: ui.value.footer({ class: (_c = props.ui) == null ? void 0 : _c.footer })
-                            }, [
-                              renderSlot(_ctx.$slots, "footer", { close })
-                            ], 2)) : createCommentVNode("", true)
-                          ];
-                        })
-                      ]),
-                      _: 2
-                    }, 1040, ["data-side", "class", "onAfterEnter", "onAfterLeave"])
-                  ];
-                }),
+                            renderSlot(_ctx.$slots, "actions"),
+                            props.close || !!slots.close ? (openBlock(), createBlock(unref(DialogClose), {
+                              key: 0,
+                              "as-child": ""
+                            }, {
+                              default: withCtx(() => [
+                                renderSlot(_ctx.$slots, "close", { ui: ui.value }, () => [
+                                  props.close ? (openBlock(), createBlock(_sfc_main$8, mergeProps({
+                                    key: 0,
+                                    icon: __props.closeIcon || unref(appConfig).ui.icons.close,
+                                    color: "neutral",
+                                    variant: "ghost",
+                                    "aria-label": unref(t)("slideover.close")
+                                  }, typeof props.close === "object" ? props.close : {}, {
+                                    "data-slot": "close",
+                                    class: ui.value.close({ class: props.ui?.close })
+                                  }), null, 16, ["icon", "aria-label", "class"])) : createCommentVNode("", true)
+                                ])
+                              ]),
+                              _: 2
+                            }, 1024)) : createCommentVNode("", true)
+                          ])
+                        ], 2)) : createCommentVNode("", true),
+                        createVNode("div", {
+                          "data-slot": "body",
+                          class: ui.value.body({ class: props.ui?.body })
+                        }, [
+                          renderSlot(_ctx.$slots, "body", { close })
+                        ], 2),
+                        !!slots.footer ? (openBlock(), createBlock("div", {
+                          key: 1,
+                          "data-slot": "footer",
+                          class: ui.value.footer({ class: props.ui?.footer })
+                        }, [
+                          renderSlot(_ctx.$slots, "footer", { close })
+                        ], 2)) : createCommentVNode("", true)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1040, ["data-side", "class", "onAfterEnter", "onAfterLeave"])
+                ]),
                 _: 2
               }, 1040)
             ];