cognova 0.2.19 → 0.2.21

package/.output/server/chunks/build/{index-B3B162Ta.mjs → index-Byt-3Yq6.mjs}

@@ -1,5 +1,5 @@
 import { _ as _sfc_main$8 } from './Container-DYkNsgEA.mjs';
-import { _ as _sfc_main$9 } from './MDC-CBPIDFRQ.mjs';
+import { _ as _sfc_main$9 } from './MDC-Dx0YPDhe.mjs';
 import { defineComponent, withAsyncContext, computed, unref, mergeProps, withCtx, createVNode, createBlock, openBlock, Fragment, renderList, toDisplayString, useSlots, createCommentVNode, renderSlot, createTextVNode, ref, watch, useSSRContext } from 'vue';
 import { ssrRenderComponent, ssrRenderAttrs, ssrRenderList, ssrInterpolate, ssrRenderSlot, ssrRenderClass, ssrRenderAttr } from 'vue/server-renderer';
 import { Primitive, useForwardProps } from 'reka-ui';
@@ -128,41 +128,34 @@ const _sfc_main$7 = {
     const props = __props;
     const slots = useSlots();
     const appConfig = useAppConfig();
-    const ui = computed(() => {
-      var _a;
-      return tv({ extend: tv(theme$6), ...((_a = appConfig.ui) == null ? void 0 : _a.pageHero) || {} })({
-        orientation: props.orientation,
-        reverse: props.reverse,
-        title: !!props.title || !!slots.title
-      });
-    });
+    const ui = computed(() => tv({ extend: tv(theme$6), ...appConfig.ui?.pageHero || {} })({
+      orientation: props.orientation,
+      reverse: props.reverse,
+      title: !!props.title || !!slots.title
+    }));
     return (_ctx, _push, _parent, _attrs) => {
-      var _a;
       _push(ssrRenderComponent(unref(Primitive), mergeProps({
         as: __props.as,
         "data-orientation": __props.orientation,
         "data-slot": "root",
-        class: ui.value.root({ class: [(_a = props.ui) == null ? void 0 : _a.root, props.class] })
+        class: ui.value.root({ class: [props.ui?.root, props.class] })
       }, _attrs), {
         default: withCtx((_, _push2, _parent2, _scopeId) => {
-          var _a2, _b;
           if (_push2) {
             ssrRenderSlot(_ctx.$slots, "top", {}, null, _push2, _parent2, _scopeId);
             _push2(ssrRenderComponent(_sfc_main$8, {
               "data-slot": "container",
-              class: ui.value.container({ class: (_a2 = props.ui) == null ? void 0 : _a2.container })
+              class: ui.value.container({ class: props.ui?.container })
             }, {
               default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-                var _a3, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
                 if (_push3) {
-                  if (!!slots.header || (__props.headline || !!slots.headline) || (__props.title || !!slots.title) || (__props.description || !!slots.description) || !!slots.body || !!slots.footer || (((_a3 = __props.links) == null ? void 0 : _a3.length) || !!slots.links)) {
-                    _push3(`<div data-slot="wrapper" class="${ssrRenderClass(ui.value.wrapper({ class: (_b2 = props.ui) == null ? void 0 : _b2.wrapper }))}"${_scopeId2}>`);
+                  if (!!slots.header || (__props.headline || !!slots.headline) || (__props.title || !!slots.title) || (__props.description || !!slots.description) || !!slots.body || !!slots.footer || (__props.links?.length || !!slots.links)) {
+                    _push3(`<div data-slot="wrapper" class="${ssrRenderClass(ui.value.wrapper({ class: props.ui?.wrapper }))}"${_scopeId2}>`);
                     if (!!slots.header || (__props.headline || !!slots.headline) || (__props.title || !!slots.title) || (__props.description || !!slots.description)) {
-                      _push3(`<div data-slot="header" class="${ssrRenderClass(ui.value.header({ class: (_c = props.ui) == null ? void 0 : _c.header }))}"${_scopeId2}>`);
+                      _push3(`<div data-slot="header" class="${ssrRenderClass(ui.value.header({ class: props.ui?.header }))}"${_scopeId2}>`);
                       ssrRenderSlot(_ctx.$slots, "header", {}, () => {
-                        var _a4, _b3, _c2;
                         if (__props.headline || !!slots.headline) {
-                          _push3(`<div data-slot="headline" class="${ssrRenderClass(ui.value.headline({ class: (_a4 = props.ui) == null ? void 0 : _a4.headline, headline: !slots.headline }))}"${_scopeId2}>`);
+                          _push3(`<div data-slot="headline" class="${ssrRenderClass(ui.value.headline({ class: props.ui?.headline, headline: !slots.headline }))}"${_scopeId2}>`);
                           ssrRenderSlot(_ctx.$slots, "headline", {}, () => {
                             _push3(`${ssrInterpolate(__props.headline)}`);
                           }, _push3, _parent3, _scopeId2);
@@ -171,7 +164,7 @@ const _sfc_main$7 = {
                           _push3(`<!---->`);
                         }
                         if (__props.title || !!slots.title) {
-                          _push3(`<h1 data-slot="title" class="${ssrRenderClass(ui.value.title({ class: (_b3 = props.ui) == null ? void 0 : _b3.title }))}"${_scopeId2}>`);
+                          _push3(`<h1 data-slot="title" class="${ssrRenderClass(ui.value.title({ class: props.ui?.title }))}"${_scopeId2}>`);
                           ssrRenderSlot(_ctx.$slots, "title", {}, () => {
                             _push3(`${ssrInterpolate(__props.title)}`);
                           }, _push3, _parent3, _scopeId2);
@@ -180,7 +173,7 @@ const _sfc_main$7 = {
                           _push3(`<!---->`);
                         }
                         if (__props.description || !!slots.description) {
-                          _push3(`<div data-slot="description" class="${ssrRenderClass(ui.value.description({ class: (_c2 = props.ui) == null ? void 0 : _c2.description }))}"${_scopeId2}>`);
+                          _push3(`<div data-slot="description" class="${ssrRenderClass(ui.value.description({ class: props.ui?.description }))}"${_scopeId2}>`);
                           ssrRenderSlot(_ctx.$slots, "description", {}, () => {
                             _push3(`${ssrInterpolate(__props.description)}`);
                           }, _push3, _parent3, _scopeId2);
@@ -194,18 +187,17 @@ const _sfc_main$7 = {
                       _push3(`<!---->`);
                     }
                     if (!!slots.body) {
-                      _push3(`<div data-slot="body" class="${ssrRenderClass(ui.value.body({ class: (_d = props.ui) == null ? void 0 : _d.body }))}"${_scopeId2}>`);
+                      _push3(`<div data-slot="body" class="${ssrRenderClass(ui.value.body({ class: props.ui?.body }))}"${_scopeId2}>`);
                       ssrRenderSlot(_ctx.$slots, "body", {}, null, _push3, _parent3, _scopeId2);
                       _push3(`</div>`);
                     } else {
                       _push3(`<!---->`);
                     }
-                    if (!!slots.footer || (((_e = __props.links) == null ? void 0 : _e.length) || !!slots.links)) {
-                      _push3(`<div data-slot="footer" class="${ssrRenderClass(ui.value.footer({ class: (_f = props.ui) == null ? void 0 : _f.footer }))}"${_scopeId2}>`);
+                    if (!!slots.footer || (__props.links?.length || !!slots.links)) {
+                      _push3(`<div data-slot="footer" class="${ssrRenderClass(ui.value.footer({ class: props.ui?.footer }))}"${_scopeId2}>`);
                       ssrRenderSlot(_ctx.$slots, "footer", {}, () => {
-                        var _a4, _b3;
-                        if (((_a4 = __props.links) == null ? void 0 : _a4.length) || !!slots.links) {
-                          _push3(`<div data-slot="links" class="${ssrRenderClass(ui.value.links({ class: (_b3 = props.ui) == null ? void 0 : _b3.links }))}"${_scopeId2}>`);
+                        if (__props.links?.length || !!slots.links) {
+                          _push3(`<div data-slot="links" class="${ssrRenderClass(ui.value.links({ class: props.ui?.links }))}"${_scopeId2}>`);
                           ssrRenderSlot(_ctx.$slots, "links", {}, () => {
                             _push3(`<!--[-->`);
                             ssrRenderList(__props.links, (link, index) => {
@@ -238,80 +230,74 @@ const _sfc_main$7 = {
                   }
                 } else {
                   return [
-                    !!slots.header || (__props.headline || !!slots.headline) || (__props.title || !!slots.title) || (__props.description || !!slots.description) || !!slots.body || !!slots.footer || (((_g = __props.links) == null ? void 0 : _g.length) || !!slots.links) ? (openBlock(), createBlock("div", {
+                    !!slots.header || (__props.headline || !!slots.headline) || (__props.title || !!slots.title) || (__props.description || !!slots.description) || !!slots.body || !!slots.footer || (__props.links?.length || !!slots.links) ? (openBlock(), createBlock("div", {
                       key: 0,
                       "data-slot": "wrapper",
-                      class: ui.value.wrapper({ class: (_h = props.ui) == null ? void 0 : _h.wrapper })
+                      class: ui.value.wrapper({ class: props.ui?.wrapper })
                     }, [
                       !!slots.header || (__props.headline || !!slots.headline) || (__props.title || !!slots.title) || (__props.description || !!slots.description) ? (openBlock(), createBlock("div", {
                         key: 0,
                         "data-slot": "header",
-                        class: ui.value.header({ class: (_i = props.ui) == null ? void 0 : _i.header })
+                        class: ui.value.header({ class: props.ui?.header })
                       }, [
-                        renderSlot(_ctx.$slots, "header", {}, () => {
-                          var _a4, _b3, _c2;
-                          return [
-                            __props.headline || !!slots.headline ? (openBlock(), createBlock("div", {
-                              key: 0,
-                              "data-slot": "headline",
-                              class: ui.value.headline({ class: (_a4 = props.ui) == null ? void 0 : _a4.headline, headline: !slots.headline })
-                            }, [
-                              renderSlot(_ctx.$slots, "headline", {}, () => [
-                                createTextVNode(toDisplayString(__props.headline), 1)
-                              ])
-                            ], 2)) : createCommentVNode("", true),
-                            __props.title || !!slots.title ? (openBlock(), createBlock("h1", {
-                              key: 1,
-                              "data-slot": "title",
-                              class: ui.value.title({ class: (_b3 = props.ui) == null ? void 0 : _b3.title })
-                            }, [
-                              renderSlot(_ctx.$slots, "title", {}, () => [
-                                createTextVNode(toDisplayString(__props.title), 1)
-                              ])
-                            ], 2)) : createCommentVNode("", true),
-                            __props.description || !!slots.description ? (openBlock(), createBlock("div", {
-                              key: 2,
-                              "data-slot": "description",
-                              class: ui.value.description({ class: (_c2 = props.ui) == null ? void 0 : _c2.description })
-                            }, [
-                              renderSlot(_ctx.$slots, "description", {}, () => [
-                                createTextVNode(toDisplayString(__props.description), 1)
-                              ])
-                            ], 2)) : createCommentVNode("", true)
-                          ];
-                        })
+                        renderSlot(_ctx.$slots, "header", {}, () => [
+                          __props.headline || !!slots.headline ? (openBlock(), createBlock("div", {
+                            key: 0,
+                            "data-slot": "headline",
+                            class: ui.value.headline({ class: props.ui?.headline, headline: !slots.headline })
+                          }, [
+                            renderSlot(_ctx.$slots, "headline", {}, () => [
+                              createTextVNode(toDisplayString(__props.headline), 1)
+                            ])
+                          ], 2)) : createCommentVNode("", true),
+                          __props.title || !!slots.title ? (openBlock(), createBlock("h1", {
+                            key: 1,
+                            "data-slot": "title",
+                            class: ui.value.title({ class: props.ui?.title })
+                          }, [
+                            renderSlot(_ctx.$slots, "title", {}, () => [
+                              createTextVNode(toDisplayString(__props.title), 1)
+                            ])
+                          ], 2)) : createCommentVNode("", true),
+                          __props.description || !!slots.description ? (openBlock(), createBlock("div", {
+                            key: 2,
+                            "data-slot": "description",
+                            class: ui.value.description({ class: props.ui?.description })
+                          }, [
+                            renderSlot(_ctx.$slots, "description", {}, () => [
+                              createTextVNode(toDisplayString(__props.description), 1)
+                            ])
+                          ], 2)) : createCommentVNode("", true)
+                        ])
                       ], 2)) : createCommentVNode("", true),
                       !!slots.body ? (openBlock(), createBlock("div", {
                         key: 1,
                         "data-slot": "body",
-                        class: ui.value.body({ class: (_j = props.ui) == null ? void 0 : _j.body })
+                        class: ui.value.body({ class: props.ui?.body })
                       }, [
                         renderSlot(_ctx.$slots, "body")
                       ], 2)) : createCommentVNode("", true),
-                      !!slots.footer || (((_k = __props.links) == null ? void 0 : _k.length) || !!slots.links) ? (openBlock(), createBlock("div", {
+                      !!slots.footer || (__props.links?.length || !!slots.links) ? (openBlock(), createBlock("div", {
                         key: 2,
                         "data-slot": "footer",
-                        class: ui.value.footer({ class: (_l = props.ui) == null ? void 0 : _l.footer })
+                        class: ui.value.footer({ class: props.ui?.footer })
                       }, [
-                        renderSlot(_ctx.$slots, "footer", {}, () => {
-                          var _a4, _b3;
-                          return [
-                            ((_a4 = __props.links) == null ? void 0 : _a4.length) || !!slots.links ? (openBlock(), createBlock("div", {
-                              key: 0,
-                              "data-slot": "links",
-                              class: ui.value.links({ class: (_b3 = props.ui) == null ? void 0 : _b3.links })
-                            }, [
-                              renderSlot(_ctx.$slots, "links", {}, () => [
-                                (openBlock(true), createBlock(Fragment, null, renderList(__props.links, (link, index) => {
-                                  return openBlock(), createBlock(_sfc_main$8$1, mergeProps({
-                                    key: index,
-                                    size: "xl"
-                                  }, { ref_for: true }, link), null, 16);
-                                }), 128))
-                              ])
-                            ], 2)) : createCommentVNode("", true)
-                          ];
-                        })
+                        renderSlot(_ctx.$slots, "footer", {}, () => [
+                          __props.links?.length || !!slots.links ? (openBlock(), createBlock("div", {
+                            key: 0,
+                            "data-slot": "links",
+                            class: ui.value.links({ class: props.ui?.links })
+                          }, [
+                            renderSlot(_ctx.$slots, "links", {}, () => [
+                              (openBlock(true), createBlock(Fragment, null, renderList(__props.links, (link, index) => {
+                                return openBlock(), createBlock(_sfc_main$8$1, mergeProps({
+                                  key: index,
+                                  size: "xl"
+                                }, { ref_for: true }, link), null, 16);
+                              }), 128))
+                            ])
+                          ], 2)) : createCommentVNode("", true)
+                        ])
                       ], 2)) : createCommentVNode("", true)
                     ], 2)) : createCommentVNode("", true),
                     !!slots.default ? renderSlot(_ctx.$slots, "default", { key: 1 }) : __props.orientation === "horizontal" ? (openBlock(), createBlock("div", {
@@ -329,93 +315,84 @@ const _sfc_main$7 = {
               renderSlot(_ctx.$slots, "top"),
               createVNode(_sfc_main$8, {
                 "data-slot": "container",
-                class: ui.value.container({ class: (_b = props.ui) == null ? void 0 : _b.container })
+                class: ui.value.container({ class: props.ui?.container })
               }, {
-                default: withCtx(() => {
-                  var _a3, _b2, _c, _d, _e, _f;
-                  return [
-                    !!slots.header || (__props.headline || !!slots.headline) || (__props.title || !!slots.title) || (__props.description || !!slots.description) || !!slots.body || !!slots.footer || (((_a3 = __props.links) == null ? void 0 : _a3.length) || !!slots.links) ? (openBlock(), createBlock("div", {
+                default: withCtx(() => [
+                  !!slots.header || (__props.headline || !!slots.headline) || (__props.title || !!slots.title) || (__props.description || !!slots.description) || !!slots.body || !!slots.footer || (__props.links?.length || !!slots.links) ? (openBlock(), createBlock("div", {
+                    key: 0,
+                    "data-slot": "wrapper",
+                    class: ui.value.wrapper({ class: props.ui?.wrapper })
+                  }, [
+                    !!slots.header || (__props.headline || !!slots.headline) || (__props.title || !!slots.title) || (__props.description || !!slots.description) ? (openBlock(), createBlock("div", {
                       key: 0,
-                      "data-slot": "wrapper",
-                      class: ui.value.wrapper({ class: (_b2 = props.ui) == null ? void 0 : _b2.wrapper })
+                      "data-slot": "header",
+                      class: ui.value.header({ class: props.ui?.header })
                     }, [
-                      !!slots.header || (__props.headline || !!slots.headline) || (__props.title || !!slots.title) || (__props.description || !!slots.description) ? (openBlock(), createBlock("div", {
-                        key: 0,
-                        "data-slot": "header",
-                        class: ui.value.header({ class: (_c = props.ui) == null ? void 0 : _c.header })
-                      }, [
-                        renderSlot(_ctx.$slots, "header", {}, () => {
-                          var _a4, _b3, _c2;
-                          return [
-                            __props.headline || !!slots.headline ? (openBlock(), createBlock("div", {
-                              key: 0,
-                              "data-slot": "headline",
-                              class: ui.value.headline({ class: (_a4 = props.ui) == null ? void 0 : _a4.headline, headline: !slots.headline })
-                            }, [
-                              renderSlot(_ctx.$slots, "headline", {}, () => [
-                                createTextVNode(toDisplayString(__props.headline), 1)
-                              ])
-                            ], 2)) : createCommentVNode("", true),
-                            __props.title || !!slots.title ? (openBlock(), createBlock("h1", {
-                              key: 1,
-                              "data-slot": "title",
-                              class: ui.value.title({ class: (_b3 = props.ui) == null ? void 0 : _b3.title })
-                            }, [
-                              renderSlot(_ctx.$slots, "title", {}, () => [
-                                createTextVNode(toDisplayString(__props.title), 1)
-                              ])
-                            ], 2)) : createCommentVNode("", true),
-                            __props.description || !!slots.description ? (openBlock(), createBlock("div", {
-                              key: 2,
-                              "data-slot": "description",
-                              class: ui.value.description({ class: (_c2 = props.ui) == null ? void 0 : _c2.description })
-                            }, [
-                              renderSlot(_ctx.$slots, "description", {}, () => [
-                                createTextVNode(toDisplayString(__props.description), 1)
-                              ])
-                            ], 2)) : createCommentVNode("", true)
-                          ];
-                        })
-                      ], 2)) : createCommentVNode("", true),
-                      !!slots.body ? (openBlock(), createBlock("div", {
-                        key: 1,
-                        "data-slot": "body",
-                        class: ui.value.body({ class: (_d = props.ui) == null ? void 0 : _d.body })
-                      }, [
-                        renderSlot(_ctx.$slots, "body")
-                      ], 2)) : createCommentVNode("", true),
-                      !!slots.footer || (((_e = __props.links) == null ? void 0 : _e.length) || !!slots.links) ? (openBlock(), createBlock("div", {
-                        key: 2,
-                        "data-slot": "footer",
-                        class: ui.value.footer({ class: (_f = props.ui) == null ? void 0 : _f.footer })
-                      }, [
-                        renderSlot(_ctx.$slots, "footer", {}, () => {
-                          var _a4, _b3;
-                          return [
-                            ((_a4 = __props.links) == null ? void 0 : _a4.length) || !!slots.links ? (openBlock(), createBlock("div", {
-                              key: 0,
-                              "data-slot": "links",
-                              class: ui.value.links({ class: (_b3 = props.ui) == null ? void 0 : _b3.links })
-                            }, [
-                              renderSlot(_ctx.$slots, "links", {}, () => [
-                                (openBlock(true), createBlock(Fragment, null, renderList(__props.links, (link, index) => {
-                                  return openBlock(), createBlock(_sfc_main$8$1, mergeProps({
-                                    key: index,
-                                    size: "xl"
-                                  }, { ref_for: true }, link), null, 16);
-                                }), 128))
-                              ])
-                            ], 2)) : createCommentVNode("", true)
-                          ];
-                        })
-                      ], 2)) : createCommentVNode("", true)
+                      renderSlot(_ctx.$slots, "header", {}, () => [
+                        __props.headline || !!slots.headline ? (openBlock(), createBlock("div", {
+                          key: 0,
+                          "data-slot": "headline",
+                          class: ui.value.headline({ class: props.ui?.headline, headline: !slots.headline })
+                        }, [
+                          renderSlot(_ctx.$slots, "headline", {}, () => [
+                            createTextVNode(toDisplayString(__props.headline), 1)
+                          ])
+                        ], 2)) : createCommentVNode("", true),
+                        __props.title || !!slots.title ? (openBlock(), createBlock("h1", {
+                          key: 1,
+                          "data-slot": "title",
+                          class: ui.value.title({ class: props.ui?.title })
+                        }, [
+                          renderSlot(_ctx.$slots, "title", {}, () => [
+                            createTextVNode(toDisplayString(__props.title), 1)
+                          ])
+                        ], 2)) : createCommentVNode("", true),
+                        __props.description || !!slots.description ? (openBlock(), createBlock("div", {
+                          key: 2,
+                          "data-slot": "description",
+                          class: ui.value.description({ class: props.ui?.description })
+                        }, [
+                          renderSlot(_ctx.$slots, "description", {}, () => [
+                            createTextVNode(toDisplayString(__props.description), 1)
+                          ])
+                        ], 2)) : createCommentVNode("", true)
+                      ])
                     ], 2)) : createCommentVNode("", true),
-                    !!slots.default ? renderSlot(_ctx.$slots, "default", { key: 1 }) : __props.orientation === "horizontal" ? (openBlock(), createBlock("div", {
+                    !!slots.body ? (openBlock(), createBlock("div", {
+                      key: 1,
+                      "data-slot": "body",
+                      class: ui.value.body({ class: props.ui?.body })
+                    }, [
+                      renderSlot(_ctx.$slots, "body")
+                    ], 2)) : createCommentVNode("", true),
+                    !!slots.footer || (__props.links?.length || !!slots.links) ? (openBlock(), createBlock("div", {
                       key: 2,
-                      class: "hidden lg:block"
-                    })) : createCommentVNode("", true)
-                  ];
-                }),
+                      "data-slot": "footer",
+                      class: ui.value.footer({ class: props.ui?.footer })
+                    }, [
+                      renderSlot(_ctx.$slots, "footer", {}, () => [
+                        __props.links?.length || !!slots.links ? (openBlock(), createBlock("div", {
+                          key: 0,
+                          "data-slot": "links",
+                          class: ui.value.links({ class: props.ui?.links })
+                        }, [
+                          renderSlot(_ctx.$slots, "links", {}, () => [
+                            (openBlock(true), createBlock(Fragment, null, renderList(__props.links, (link, index) => {
+                              return openBlock(), createBlock(_sfc_main$8$1, mergeProps({
+                                key: index,
+                                size: "xl"
+                              }, { ref_for: true }, link), null, 16);
+                            }), 128))
+                          ])
+                        ], 2)) : createCommentVNode("", true)
+                      ])
+                    ], 2)) : createCommentVNode("", true)
+                  ], 2)) : createCommentVNode("", true),
+                  !!slots.default ? renderSlot(_ctx.$slots, "default", { key: 1 }) : __props.orientation === "horizontal" ? (openBlock(), createBlock("div", {
+                    key: 2,
+                    class: "hidden lg:block"
+                  })) : createCommentVNode("", true)
+                ]),
                 _: 3
               }, 8, ["class"]),
               renderSlot(_ctx.$slots, "bottom")
@@ -486,39 +463,33 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     const props = __props;
     const slots = useSlots();
     const appConfig = useAppConfig();
-    const ui = computed(() => {
-      var _a;
-      return tv({ extend: tv(theme$5), ...((_a = appConfig.ui) == null ? void 0 : _a.pageFeature) || {} })({
-        orientation: props.orientation,
-        title: !!props.title || !!slots.title,
-        to: !!props.to || !!props.onClick
-      });
-    });
+    const ui = computed(() => tv({ extend: tv(theme$5), ...appConfig.ui?.pageFeature || {} })({
+      orientation: props.orientation,
+      title: !!props.title || !!slots.title,
+      to: !!props.to || !!props.onClick
+    }));
     const ariaLabel = computed(() => {
       const slotText = slots.title && getSlotChildrenText(slots.title());
       return (slotText || props.title || "Feature link").trim();
     });
     return (_ctx, _push, _parent, _attrs) => {
-      var _a;
       _push(ssrRenderComponent(unref(Primitive), mergeProps({
         as: __props.as,
         "data-orientation": __props.orientation,
         "data-slot": "root",
-        class: ui.value.root({ class: [(_a = props.ui) == null ? void 0 : _a.root, props.class] }),
+        class: ui.value.root({ class: [props.ui?.root, props.class] }),
         onClick: __props.onClick
       }, _attrs), {
         default: withCtx((_, _push2, _parent2, _scopeId) => {
-          var _a2, _b, _c, _d;
           if (_push2) {
             if (__props.icon || !!slots.leading) {
-              _push2(`<div data-slot="leading" class="${ssrRenderClass(ui.value.leading({ class: (_a2 = props.ui) == null ? void 0 : _a2.leading }))}"${_scopeId}>`);
+              _push2(`<div data-slot="leading" class="${ssrRenderClass(ui.value.leading({ class: props.ui?.leading }))}"${_scopeId}>`);
               ssrRenderSlot(_ctx.$slots, "leading", { ui: ui.value }, () => {
-                var _a3;
                 if (__props.icon) {
                   _push2(ssrRenderComponent(_sfc_main$d, {
                     name: __props.icon,
                     "data-slot": "leadingIcon",
-                    class: ui.value.leadingIcon({ class: (_a3 = props.ui) == null ? void 0 : _a3.leadingIcon })
+                    class: ui.value.leadingIcon({ class: props.ui?.leadingIcon })
                   }, null, _parent2, _scopeId));
                 } else {
                   _push2(`<!---->`);
@@ -528,7 +499,7 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
             } else {
               _push2(`<!---->`);
             }
-            _push2(`<div data-slot="wrapper" class="${ssrRenderClass(ui.value.wrapper({ class: (_b = props.ui) == null ? void 0 : _b.wrapper }))}"${_scopeId}>`);
+            _push2(`<div data-slot="wrapper" class="${ssrRenderClass(ui.value.wrapper({ class: props.ui?.wrapper }))}"${_scopeId}>`);
             if (__props.to) {
               _push2(ssrRenderComponent(_sfc_main$9$1, mergeProps({ "aria-label": ariaLabel.value }, { to: __props.to, target: __props.target, ..._ctx.$attrs }, {
                 class: "focus:outline-none peer",
@@ -552,9 +523,8 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
               _push2(`<!---->`);
             }
             ssrRenderSlot(_ctx.$slots, "default", {}, () => {
-              var _a3, _b2;
               if (__props.title || !!slots.title) {
-                _push2(`<div data-slot="title" class="${ssrRenderClass(ui.value.title({ class: (_a3 = props.ui) == null ? void 0 : _a3.title }))}"${_scopeId}>`);
+                _push2(`<div data-slot="title" class="${ssrRenderClass(ui.value.title({ class: props.ui?.title }))}"${_scopeId}>`);
                 ssrRenderSlot(_ctx.$slots, "title", {}, () => {
                   _push2(`${ssrInterpolate(__props.title)}`);
                 }, _push2, _parent2, _scopeId);
@@ -563,7 +533,7 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                 _push2(`<!---->`);
               }
               if (__props.description || !!slots.description) {
-                _push2(`<div data-slot="description" class="${ssrRenderClass(ui.value.description({ class: (_b2 = props.ui) == null ? void 0 : _b2.description }))}"${_scopeId}>`);
+                _push2(`<div data-slot="description" class="${ssrRenderClass(ui.value.description({ class: props.ui?.description }))}"${_scopeId}>`);
                 ssrRenderSlot(_ctx.$slots, "description", {}, () => {
                   _push2(`${ssrInterpolate(__props.description)}`);
                 }, _push2, _parent2, _scopeId);
@@ -578,23 +548,20 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
               __props.icon || !!slots.leading ? (openBlock(), createBlock("div", {
                 key: 0,
                 "data-slot": "leading",
-                class: ui.value.leading({ class: (_c = props.ui) == null ? void 0 : _c.leading })
+                class: ui.value.leading({ class: props.ui?.leading })
               }, [
-                renderSlot(_ctx.$slots, "leading", { ui: ui.value }, () => {
-                  var _a3;
-                  return [
-                    __props.icon ? (openBlock(), createBlock(_sfc_main$d, {
-                      key: 0,
-                      name: __props.icon,
-                      "data-slot": "leadingIcon",
-                      class: ui.value.leadingIcon({ class: (_a3 = props.ui) == null ? void 0 : _a3.leadingIcon })
-                    }, null, 8, ["name", "class"])) : createCommentVNode("", true)
-                  ];
-                })
+                renderSlot(_ctx.$slots, "leading", { ui: ui.value }, () => [
+                  __props.icon ? (openBlock(), createBlock(_sfc_main$d, {
+                    key: 0,
+                    name: __props.icon,
+                    "data-slot": "leadingIcon",
+                    class: ui.value.leadingIcon({ class: props.ui?.leadingIcon })
+                  }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                ])
               ], 2)) : createCommentVNode("", true),
               createVNode("div", {
                 "data-slot": "wrapper",
-                class: ui.value.wrapper({ class: (_d = props.ui) == null ? void 0 : _d.wrapper })
+                class: ui.value.wrapper({ class: props.ui?.wrapper })
               }, [
                 __props.to ? (openBlock(), createBlock(_sfc_main$9$1, mergeProps({
                   key: 0,
@@ -611,29 +578,26 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                   ]),
                   _: 1
                 }, 16, ["aria-label"])) : createCommentVNode("", true),
-                renderSlot(_ctx.$slots, "default", {}, () => {
-                  var _a3, _b2;
-                  return [
-                    __props.title || !!slots.title ? (openBlock(), createBlock("div", {
-                      key: 0,
-                      "data-slot": "title",
-                      class: ui.value.title({ class: (_a3 = props.ui) == null ? void 0 : _a3.title })
-                    }, [
-                      renderSlot(_ctx.$slots, "title", {}, () => [
-                        createTextVNode(toDisplayString(__props.title), 1)
-                      ])
-                    ], 2)) : createCommentVNode("", true),
-                    __props.description || !!slots.description ? (openBlock(), createBlock("div", {
-                      key: 1,
-                      "data-slot": "description",
-                      class: ui.value.description({ class: (_b2 = props.ui) == null ? void 0 : _b2.description })
-                    }, [
-                      renderSlot(_ctx.$slots, "description", {}, () => [
-                        createTextVNode(toDisplayString(__props.description), 1)
-                      ])
-                    ], 2)) : createCommentVNode("", true)
-                  ];
-                })
+                renderSlot(_ctx.$slots, "default", {}, () => [
+                  __props.title || !!slots.title ? (openBlock(), createBlock("div", {
+                    key: 0,
+                    "data-slot": "title",
+                    class: ui.value.title({ class: props.ui?.title })
+                  }, [
+                    renderSlot(_ctx.$slots, "title", {}, () => [
+                      createTextVNode(toDisplayString(__props.title), 1)
+                    ])
+                  ], 2)) : createCommentVNode("", true),
+                  __props.description || !!slots.description ? (openBlock(), createBlock("div", {
+                    key: 1,
+                    "data-slot": "description",
+                    class: ui.value.description({ class: props.ui?.description })
+                  }, [
+                    renderSlot(_ctx.$slots, "description", {}, () => [
+                      createTextVNode(toDisplayString(__props.description), 1)
+                    ])
+                  ], 2)) : createCommentVNode("", true)
+                ])
               ], 2)
             ];
           }
@@ -748,50 +712,42 @@ const _sfc_main$5 = {
     const props = __props;
     const slots = useSlots();
     const appConfig = useAppConfig();
-    const ui = computed(() => {
-      var _a, _b;
-      return tv({ extend: tv(theme$4), ...((_a = appConfig.ui) == null ? void 0 : _a.pageSection) || {} })({
-        orientation: props.orientation,
-        reverse: props.reverse,
-        title: !!props.title || !!slots.title,
-        description: !!props.description || !!slots.description,
-        body: !!slots.body || (!!((_b = props.features) == null ? void 0 : _b.length) || !!slots.features)
-      });
-    });
+    const ui = computed(() => tv({ extend: tv(theme$4), ...appConfig.ui?.pageSection || {} })({
+      orientation: props.orientation,
+      reverse: props.reverse,
+      title: !!props.title || !!slots.title,
+      description: !!props.description || !!slots.description,
+      body: !!slots.body || (!!props.features?.length || !!slots.features)
+    }));
     return (_ctx, _push, _parent, _attrs) => {
-      var _a;
       _push(ssrRenderComponent(unref(Primitive), mergeProps({
         as: __props.as,
         "data-orientation": __props.orientation,
         "data-slot": "root",
-        class: ui.value.root({ class: [(_a = props.ui) == null ? void 0 : _a.root, props.class] })
+        class: ui.value.root({ class: [props.ui?.root, props.class] })
       }, _attrs), {
         default: withCtx((_, _push2, _parent2, _scopeId) => {
-          var _a2, _b;
           if (_push2) {
             ssrRenderSlot(_ctx.$slots, "top", {}, null, _push2, _parent2, _scopeId);
             _push2(ssrRenderComponent(_sfc_main$8, {
               "data-slot": "container",
-              class: ui.value.container({ class: (_a2 = props.ui) == null ? void 0 : _a2.container })
+              class: ui.value.container({ class: props.ui?.container })
             }, {
               default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-                var _a3, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
                 if (_push3) {
-                  if (!!slots.header || (__props.icon || !!slots.leading) || (__props.headline || !!slots.headline) || (__props.title || !!slots.title) || (__props.description || !!slots.description) || !!slots.body || (((_a3 = __props.features) == null ? void 0 : _a3.length) || !!slots.features) || !!slots.footer || (((_b2 = __props.links) == null ? void 0 : _b2.length) || !!slots.links)) {
-                    _push3(`<div data-slot="wrapper" class="${ssrRenderClass(ui.value.wrapper({ class: (_c = props.ui) == null ? void 0 : _c.wrapper }))}"${_scopeId2}>`);
+                  if (!!slots.header || (__props.icon || !!slots.leading) || (__props.headline || !!slots.headline) || (__props.title || !!slots.title) || (__props.description || !!slots.description) || !!slots.body || (__props.features?.length || !!slots.features) || !!slots.footer || (__props.links?.length || !!slots.links)) {
+                    _push3(`<div data-slot="wrapper" class="${ssrRenderClass(ui.value.wrapper({ class: props.ui?.wrapper }))}"${_scopeId2}>`);
                     if (!!slots.header || (__props.icon || !!slots.leading) || (__props.headline || !!slots.headline) || (__props.title || !!slots.title) || (__props.description || !!slots.description)) {
-                      _push3(`<div data-slot="header" class="${ssrRenderClass(ui.value.header({ class: (_d = props.ui) == null ? void 0 : _d.header }))}"${_scopeId2}>`);
+                      _push3(`<div data-slot="header" class="${ssrRenderClass(ui.value.header({ class: props.ui?.header }))}"${_scopeId2}>`);
                       ssrRenderSlot(_ctx.$slots, "header", {}, () => {
-                        var _a4, _b3, _c2, _d2;
                         if (__props.icon || !!slots.leading) {
-                          _push3(`<div data-slot="leading" class="${ssrRenderClass(ui.value.leading({ class: (_a4 = props.ui) == null ? void 0 : _a4.leading }))}"${_scopeId2}>`);
+                          _push3(`<div data-slot="leading" class="${ssrRenderClass(ui.value.leading({ class: props.ui?.leading }))}"${_scopeId2}>`);
                           ssrRenderSlot(_ctx.$slots, "leading", { ui: ui.value }, () => {
-                            var _a5;
                             if (__props.icon) {
                               _push3(ssrRenderComponent(_sfc_main$d, {
                                 name: __props.icon,
                                 "data-slot": "leadingIcon",
-                                class: ui.value.leadingIcon({ class: (_a5 = props.ui) == null ? void 0 : _a5.leadingIcon })
+                                class: ui.value.leadingIcon({ class: props.ui?.leadingIcon })
                               }, null, _parent3, _scopeId2));
                             } else {
                               _push3(`<!---->`);
@@ -802,7 +758,7 @@ const _sfc_main$5 = {
                           _push3(`<!---->`);
                         }
                         if (__props.headline || !!slots.headline) {
-                          _push3(`<div data-slot="headline" class="${ssrRenderClass(ui.value.headline({ class: (_b3 = props.ui) == null ? void 0 : _b3.headline, headline: !slots.headline }))}"${_scopeId2}>`);
+                          _push3(`<div data-slot="headline" class="${ssrRenderClass(ui.value.headline({ class: props.ui?.headline, headline: !slots.headline }))}"${_scopeId2}>`);
                           ssrRenderSlot(_ctx.$slots, "headline", {}, () => {
                             _push3(`${ssrInterpolate(__props.headline)}`);
                           }, _push3, _parent3, _scopeId2);
@@ -811,7 +767,7 @@ const _sfc_main$5 = {
                           _push3(`<!---->`);
                         }
                         if (__props.title || !!slots.title) {
-                          _push3(`<h2 data-slot="title" class="${ssrRenderClass(ui.value.title({ class: (_c2 = props.ui) == null ? void 0 : _c2.title }))}"${_scopeId2}>`);
+                          _push3(`<h2 data-slot="title" class="${ssrRenderClass(ui.value.title({ class: props.ui?.title }))}"${_scopeId2}>`);
                           ssrRenderSlot(_ctx.$slots, "title", {}, () => {
                             _push3(`${ssrInterpolate(__props.title)}`);
                           }, _push3, _parent3, _scopeId2);
@@ -820,7 +776,7 @@ const _sfc_main$5 = {
                           _push3(`<!---->`);
                         }
                         if (__props.description || !!slots.description) {
-                          _push3(`<div data-slot="description" class="${ssrRenderClass(ui.value.description({ class: (_d2 = props.ui) == null ? void 0 : _d2.description }))}"${_scopeId2}>`);
+                          _push3(`<div data-slot="description" class="${ssrRenderClass(ui.value.description({ class: props.ui?.description }))}"${_scopeId2}>`);
                           ssrRenderSlot(_ctx.$slots, "description", {}, () => {
                             _push3(`${ssrInterpolate(__props.description)}`);
                           }, _push3, _parent3, _scopeId2);
@@ -833,12 +789,11 @@ const _sfc_main$5 = {
                     } else {
                       _push3(`<!---->`);
                     }
-                    if (!!slots.body || (((_e = __props.features) == null ? void 0 : _e.length) || !!slots.features)) {
-                      _push3(`<div data-slot="body" class="${ssrRenderClass(ui.value.body({ class: (_f = props.ui) == null ? void 0 : _f.body }))}"${_scopeId2}>`);
+                    if (!!slots.body || (__props.features?.length || !!slots.features)) {
+                      _push3(`<div data-slot="body" class="${ssrRenderClass(ui.value.body({ class: props.ui?.body }))}"${_scopeId2}>`);
                       ssrRenderSlot(_ctx.$slots, "body", {}, () => {
-                        var _a4, _b3;
-                        if (((_a4 = __props.features) == null ? void 0 : _a4.length) || !!slots.features) {
-                          _push3(`<ul data-slot="features" class="${ssrRenderClass(ui.value.features({ class: (_b3 = props.ui) == null ? void 0 : _b3.features }))}"${_scopeId2}>`);
+                        if (__props.features?.length || !!slots.features) {
+                          _push3(`<ul data-slot="features" class="${ssrRenderClass(ui.value.features({ class: props.ui?.features }))}"${_scopeId2}>`);
                           ssrRenderSlot(_ctx.$slots, "features", {}, () => {
                             _push3(`<!--[-->`);
                             ssrRenderList(__props.features, (feature, index) => {
@@ -858,12 +813,11 @@ const _sfc_main$5 = {
                     } else {
                       _push3(`<!---->`);
                     }
-                    if (!!slots.footer || (((_g = __props.links) == null ? void 0 : _g.length) || !!slots.links)) {
-                      _push3(`<div data-slot="footer" class="${ssrRenderClass(ui.value.footer({ class: (_h = props.ui) == null ? void 0 : _h.footer }))}"${_scopeId2}>`);
+                    if (!!slots.footer || (__props.links?.length || !!slots.links)) {
+                      _push3(`<div data-slot="footer" class="${ssrRenderClass(ui.value.footer({ class: props.ui?.footer }))}"${_scopeId2}>`);
                       ssrRenderSlot(_ctx.$slots, "footer", {}, () => {
-                        var _a4, _b3;
-                        if (((_a4 = __props.links) == null ? void 0 : _a4.length) || !!slots.links) {
-                          _push3(`<div data-slot="links" class="${ssrRenderClass(ui.value.links({ class: (_b3 = props.ui) == null ? void 0 : _b3.links }))}"${_scopeId2}>`);
+                        if (__props.links?.length || !!slots.links) {
+                          _push3(`<div data-slot="links" class="${ssrRenderClass(ui.value.links({ class: props.ui?.links }))}"${_scopeId2}>`);
                           ssrRenderSlot(_ctx.$slots, "links", {}, () => {
                             _push3(`<!--[-->`);
                             ssrRenderList(__props.links, (link, index) => {
@@ -896,115 +850,103 @@ const _sfc_main$5 = {
                   }
                 } else {
                   return [
-                    !!slots.header || (__props.icon || !!slots.leading) || (__props.headline || !!slots.headline) || (__props.title || !!slots.title) || (__props.description || !!slots.description) || !!slots.body || (((_i = __props.features) == null ? void 0 : _i.length) || !!slots.features) || !!slots.footer || (((_j = __props.links) == null ? void 0 : _j.length) || !!slots.links) ? (openBlock(), createBlock("div", {
+                    !!slots.header || (__props.icon || !!slots.leading) || (__props.headline || !!slots.headline) || (__props.title || !!slots.title) || (__props.description || !!slots.description) || !!slots.body || (__props.features?.length || !!slots.features) || !!slots.footer || (__props.links?.length || !!slots.links) ? (openBlock(), createBlock("div", {
                       key: 0,
                       "data-slot": "wrapper",
-                      class: ui.value.wrapper({ class: (_k = props.ui) == null ? void 0 : _k.wrapper })
+                      class: ui.value.wrapper({ class: props.ui?.wrapper })
                     }, [
                       !!slots.header || (__props.icon || !!slots.leading) || (__props.headline || !!slots.headline) || (__props.title || !!slots.title) || (__props.description || !!slots.description) ? (openBlock(), createBlock("div", {
                         key: 0,
                         "data-slot": "header",
-                        class: ui.value.header({ class: (_l = props.ui) == null ? void 0 : _l.header })
+                        class: ui.value.header({ class: props.ui?.header })
                       }, [
-                        renderSlot(_ctx.$slots, "header", {}, () => {
-                          var _a4, _b3, _c2, _d2;
-                          return [
-                            __props.icon || !!slots.leading ? (openBlock(), createBlock("div", {
-                              key: 0,
-                              "data-slot": "leading",
-                              class: ui.value.leading({ class: (_a4 = props.ui) == null ? void 0 : _a4.leading })
-                            }, [
-                              renderSlot(_ctx.$slots, "leading", { ui: ui.value }, () => {
-                                var _a5;
-                                return [
-                                  __props.icon ? (openBlock(), createBlock(_sfc_main$d, {
-                                    key: 0,
-                                    name: __props.icon,
-                                    "data-slot": "leadingIcon",
-                                    class: ui.value.leadingIcon({ class: (_a5 = props.ui) == null ? void 0 : _a5.leadingIcon })
-                                  }, null, 8, ["name", "class"])) : createCommentVNode("", true)
-                                ];
-                              })
-                            ], 2)) : createCommentVNode("", true),
-                            __props.headline || !!slots.headline ? (openBlock(), createBlock("div", {
-                              key: 1,
-                              "data-slot": "headline",
-                              class: ui.value.headline({ class: (_b3 = props.ui) == null ? void 0 : _b3.headline, headline: !slots.headline })
-                            }, [
-                              renderSlot(_ctx.$slots, "headline", {}, () => [
-                                createTextVNode(toDisplayString(__props.headline), 1)
-                              ])
-                            ], 2)) : createCommentVNode("", true),
-                            __props.title || !!slots.title ? (openBlock(), createBlock("h2", {
-                              key: 2,
-                              "data-slot": "title",
-                              class: ui.value.title({ class: (_c2 = props.ui) == null ? void 0 : _c2.title })
-                            }, [
-                              renderSlot(_ctx.$slots, "title", {}, () => [
-                                createTextVNode(toDisplayString(__props.title), 1)
-                              ])
-                            ], 2)) : createCommentVNode("", true),
-                            __props.description || !!slots.description ? (openBlock(), createBlock("div", {
-                              key: 3,
-                              "data-slot": "description",
-                              class: ui.value.description({ class: (_d2 = props.ui) == null ? void 0 : _d2.description })
-                            }, [
-                              renderSlot(_ctx.$slots, "description", {}, () => [
-                                createTextVNode(toDisplayString(__props.description), 1)
-                              ])
-                            ], 2)) : createCommentVNode("", true)
-                          ];
-                        })
+                        renderSlot(_ctx.$slots, "header", {}, () => [
+                          __props.icon || !!slots.leading ? (openBlock(), createBlock("div", {
+                            key: 0,
+                            "data-slot": "leading",
+                            class: ui.value.leading({ class: props.ui?.leading })
+                          }, [
+                            renderSlot(_ctx.$slots, "leading", { ui: ui.value }, () => [
+                              __props.icon ? (openBlock(), createBlock(_sfc_main$d, {
+                                key: 0,
+                                name: __props.icon,
+                                "data-slot": "leadingIcon",
+                                class: ui.value.leadingIcon({ class: props.ui?.leadingIcon })
+                              }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                            ])
+                          ], 2)) : createCommentVNode("", true),
+                          __props.headline || !!slots.headline ? (openBlock(), createBlock("div", {
+                            key: 1,
+                            "data-slot": "headline",
+                            class: ui.value.headline({ class: props.ui?.headline, headline: !slots.headline })
+                          }, [
+                            renderSlot(_ctx.$slots, "headline", {}, () => [
+                              createTextVNode(toDisplayString(__props.headline), 1)
+                            ])
+                          ], 2)) : createCommentVNode("", true),
+                          __props.title || !!slots.title ? (openBlock(), createBlock("h2", {
+                            key: 2,
+                            "data-slot": "title",
+                            class: ui.value.title({ class: props.ui?.title })
+                          }, [
+                            renderSlot(_ctx.$slots, "title", {}, () => [
+                              createTextVNode(toDisplayString(__props.title), 1)
+                            ])
+                          ], 2)) : createCommentVNode("", true),
+                          __props.description || !!slots.description ? (openBlock(), createBlock("div", {
+                            key: 3,
+                            "data-slot": "description",
+                            class: ui.value.description({ class: props.ui?.description })
+                          }, [
+                            renderSlot(_ctx.$slots, "description", {}, () => [
+                              createTextVNode(toDisplayString(__props.description), 1)
+                            ])
+                          ], 2)) : createCommentVNode("", true)
+                        ])
                       ], 2)) : createCommentVNode("", true),
-                      !!slots.body || (((_m = __props.features) == null ? void 0 : _m.length) || !!slots.features) ? (openBlock(), createBlock("div", {
+                      !!slots.body || (__props.features?.length || !!slots.features) ? (openBlock(), createBlock("div", {
                         key: 1,
                         "data-slot": "body",
-                        class: ui.value.body({ class: (_n = props.ui) == null ? void 0 : _n.body })
+                        class: ui.value.body({ class: props.ui?.body })
                       }, [
-                        renderSlot(_ctx.$slots, "body", {}, () => {
-                          var _a4, _b3;
-                          return [
-                            ((_a4 = __props.features) == null ? void 0 : _a4.length) || !!slots.features ? (openBlock(), createBlock("ul", {
-                              key: 0,
-                              "data-slot": "features",
-                              class: ui.value.features({ class: (_b3 = props.ui) == null ? void 0 : _b3.features })
-                            }, [
-                              renderSlot(_ctx.$slots, "features", {}, () => [
-                                (openBlock(true), createBlock(Fragment, null, renderList(__props.features, (feature, index) => {
-                                  return openBlock(), createBlock(_sfc_main$6, mergeProps({
-                                    key: index,
-                                    as: "li"
-                                  }, { ref_for: true }, feature), null, 16);
-                                }), 128))
-                              ])
-                            ], 2)) : createCommentVNode("", true)
-                          ];
-                        })
+                        renderSlot(_ctx.$slots, "body", {}, () => [
+                          __props.features?.length || !!slots.features ? (openBlock(), createBlock("ul", {
+                            key: 0,
+                            "data-slot": "features",
+                            class: ui.value.features({ class: props.ui?.features })
+                          }, [
+                            renderSlot(_ctx.$slots, "features", {}, () => [
+                              (openBlock(true), createBlock(Fragment, null, renderList(__props.features, (feature, index) => {
+                                return openBlock(), createBlock(_sfc_main$6, mergeProps({
+                                  key: index,
+                                  as: "li"
+                                }, { ref_for: true }, feature), null, 16);
+                              }), 128))
+                            ])
+                          ], 2)) : createCommentVNode("", true)
+                        ])
                       ], 2)) : createCommentVNode("", true),
-                      !!slots.footer || (((_o = __props.links) == null ? void 0 : _o.length) || !!slots.links) ? (openBlock(), createBlock("div", {
+                      !!slots.footer || (__props.links?.length || !!slots.links) ? (openBlock(), createBlock("div", {
                         key: 2,
                         "data-slot": "footer",
-                        class: ui.value.footer({ class: (_p = props.ui) == null ? void 0 : _p.footer })
+                        class: ui.value.footer({ class: props.ui?.footer })
                       }, [
-                        renderSlot(_ctx.$slots, "footer", {}, () => {
-                          var _a4, _b3;
-                          return [
-                            ((_a4 = __props.links) == null ? void 0 : _a4.length) || !!slots.links ? (openBlock(), createBlock("div", {
-                              key: 0,
-                              "data-slot": "links",
-                              class: ui.value.links({ class: (_b3 = props.ui) == null ? void 0 : _b3.links })
-                            }, [
-                              renderSlot(_ctx.$slots, "links", {}, () => [
-                                (openBlock(true), createBlock(Fragment, null, renderList(__props.links, (link, index) => {
-                                  return openBlock(), createBlock(_sfc_main$8$1, mergeProps({
-                                    key: index,
-                                    size: "lg"
-                                  }, { ref_for: true }, link), null, 16);
-                                }), 128))
-                              ])
-                            ], 2)) : createCommentVNode("", true)
-                          ];
-                        })
+                        renderSlot(_ctx.$slots, "footer", {}, () => [
+                          __props.links?.length || !!slots.links ? (openBlock(), createBlock("div", {
+                            key: 0,
+                            "data-slot": "links",
+                            class: ui.value.links({ class: props.ui?.links })
+                          }, [
+                            renderSlot(_ctx.$slots, "links", {}, () => [
+                              (openBlock(true), createBlock(Fragment, null, renderList(__props.links, (link, index) => {
+                                return openBlock(), createBlock(_sfc_main$8$1, mergeProps({
+                                  key: index,
+                                  size: "lg"
+                                }, { ref_for: true }, link), null, 16);
+                              }), 128))
+                            ])
+                          ], 2)) : createCommentVNode("", true)
+                        ])
                       ], 2)) : createCommentVNode("", true)
                     ], 2)) : createCommentVNode("", true),
                     !!slots.default ? renderSlot(_ctx.$slots, "default", { key: 1 }) : __props.orientation === "horizontal" ? (openBlock(), createBlock("div", {
@@ -1022,128 +964,113 @@ const _sfc_main$5 = {
               renderSlot(_ctx.$slots, "top"),
               createVNode(_sfc_main$8, {
                 "data-slot": "container",
-                class: ui.value.container({ class: (_b = props.ui) == null ? void 0 : _b.container })
+                class: ui.value.container({ class: props.ui?.container })
               }, {
-                default: withCtx(() => {
-                  var _a3, _b2, _c, _d, _e, _f, _g, _h;
-                  return [
-                    !!slots.header || (__props.icon || !!slots.leading) || (__props.headline || !!slots.headline) || (__props.title || !!slots.title) || (__props.description || !!slots.description) || !!slots.body || (((_a3 = __props.features) == null ? void 0 : _a3.length) || !!slots.features) || !!slots.footer || (((_b2 = __props.links) == null ? void 0 : _b2.length) || !!slots.links) ? (openBlock(), createBlock("div", {
+                default: withCtx(() => [
+                  !!slots.header || (__props.icon || !!slots.leading) || (__props.headline || !!slots.headline) || (__props.title || !!slots.title) || (__props.description || !!slots.description) || !!slots.body || (__props.features?.length || !!slots.features) || !!slots.footer || (__props.links?.length || !!slots.links) ? (openBlock(), createBlock("div", {
+                    key: 0,
+                    "data-slot": "wrapper",
+                    class: ui.value.wrapper({ class: props.ui?.wrapper })
+                  }, [
+                    !!slots.header || (__props.icon || !!slots.leading) || (__props.headline || !!slots.headline) || (__props.title || !!slots.title) || (__props.description || !!slots.description) ? (openBlock(), createBlock("div", {
                       key: 0,
-                      "data-slot": "wrapper",
-                      class: ui.value.wrapper({ class: (_c = props.ui) == null ? void 0 : _c.wrapper })
+                      "data-slot": "header",
+                      class: ui.value.header({ class: props.ui?.header })
                     }, [
-                      !!slots.header || (__props.icon || !!slots.leading) || (__props.headline || !!slots.headline) || (__props.title || !!slots.title) || (__props.description || !!slots.description) ? (openBlock(), createBlock("div", {
-                        key: 0,
-                        "data-slot": "header",
-                        class: ui.value.header({ class: (_d = props.ui) == null ? void 0 : _d.header })
-                      }, [
-                        renderSlot(_ctx.$slots, "header", {}, () => {
-                          var _a4, _b3, _c2, _d2;
-                          return [
-                            __props.icon || !!slots.leading ? (openBlock(), createBlock("div", {
-                              key: 0,
-                              "data-slot": "leading",
-                              class: ui.value.leading({ class: (_a4 = props.ui) == null ? void 0 : _a4.leading })
-                            }, [
-                              renderSlot(_ctx.$slots, "leading", { ui: ui.value }, () => {
-                                var _a5;
-                                return [
-                                  __props.icon ? (openBlock(), createBlock(_sfc_main$d, {
-                                    key: 0,
-                                    name: __props.icon,
-                                    "data-slot": "leadingIcon",
-                                    class: ui.value.leadingIcon({ class: (_a5 = props.ui) == null ? void 0 : _a5.leadingIcon })
-                                  }, null, 8, ["name", "class"])) : createCommentVNode("", true)
-                                ];
-                              })
-                            ], 2)) : createCommentVNode("", true),
-                            __props.headline || !!slots.headline ? (openBlock(), createBlock("div", {
-                              key: 1,
-                              "data-slot": "headline",
-                              class: ui.value.headline({ class: (_b3 = props.ui) == null ? void 0 : _b3.headline, headline: !slots.headline })
-                            }, [
-                              renderSlot(_ctx.$slots, "headline", {}, () => [
-                                createTextVNode(toDisplayString(__props.headline), 1)
-                              ])
-                            ], 2)) : createCommentVNode("", true),
-                            __props.title || !!slots.title ? (openBlock(), createBlock("h2", {
-                              key: 2,
-                              "data-slot": "title",
-                              class: ui.value.title({ class: (_c2 = props.ui) == null ? void 0 : _c2.title })
-                            }, [
-                              renderSlot(_ctx.$slots, "title", {}, () => [
-                                createTextVNode(toDisplayString(__props.title), 1)
-                              ])
-                            ], 2)) : createCommentVNode("", true),
-                            __props.description || !!slots.description ? (openBlock(), createBlock("div", {
-                              key: 3,
-                              "data-slot": "description",
-                              class: ui.value.description({ class: (_d2 = props.ui) == null ? void 0 : _d2.description })
-                            }, [
-                              renderSlot(_ctx.$slots, "description", {}, () => [
-                                createTextVNode(toDisplayString(__props.description), 1)
-                              ])
-                            ], 2)) : createCommentVNode("", true)
-                          ];
-                        })
-                      ], 2)) : createCommentVNode("", true),
-                      !!slots.body || (((_e = __props.features) == null ? void 0 : _e.length) || !!slots.features) ? (openBlock(), createBlock("div", {
-                        key: 1,
-                        "data-slot": "body",
-                        class: ui.value.body({ class: (_f = props.ui) == null ? void 0 : _f.body })
-                      }, [
-                        renderSlot(_ctx.$slots, "body", {}, () => {
-                          var _a4, _b3;
-                          return [
-                            ((_a4 = __props.features) == null ? void 0 : _a4.length) || !!slots.features ? (openBlock(), createBlock("ul", {
-                              key: 0,
-                              "data-slot": "features",
-                              class: ui.value.features({ class: (_b3 = props.ui) == null ? void 0 : _b3.features })
-                            }, [
-                              renderSlot(_ctx.$slots, "features", {}, () => [
-                                (openBlock(true), createBlock(Fragment, null, renderList(__props.features, (feature, index) => {
-                                  return openBlock(), createBlock(_sfc_main$6, mergeProps({
-                                    key: index,
-                                    as: "li"
-                                  }, { ref_for: true }, feature), null, 16);
-                                }), 128))
-                              ])
-                            ], 2)) : createCommentVNode("", true)
-                          ];
-                        })
-                      ], 2)) : createCommentVNode("", true),
-                      !!slots.footer || (((_g = __props.links) == null ? void 0 : _g.length) || !!slots.links) ? (openBlock(), createBlock("div", {
-                        key: 2,
-                        "data-slot": "footer",
-                        class: ui.value.footer({ class: (_h = props.ui) == null ? void 0 : _h.footer })
-                      }, [
-                        renderSlot(_ctx.$slots, "footer", {}, () => {
-                          var _a4, _b3;
-                          return [
-                            ((_a4 = __props.links) == null ? void 0 : _a4.length) || !!slots.links ? (openBlock(), createBlock("div", {
+                      renderSlot(_ctx.$slots, "header", {}, () => [
+                        __props.icon || !!slots.leading ? (openBlock(), createBlock("div", {
+                          key: 0,
+                          "data-slot": "leading",
+                          class: ui.value.leading({ class: props.ui?.leading })
+                        }, [
+                          renderSlot(_ctx.$slots, "leading", { ui: ui.value }, () => [
+                            __props.icon ? (openBlock(), createBlock(_sfc_main$d, {
                               key: 0,
-                              "data-slot": "links",
-                              class: ui.value.links({ class: (_b3 = props.ui) == null ? void 0 : _b3.links })
-                            }, [
-                              renderSlot(_ctx.$slots, "links", {}, () => [
-                                (openBlock(true), createBlock(Fragment, null, renderList(__props.links, (link, index) => {
-                                  return openBlock(), createBlock(_sfc_main$8$1, mergeProps({
-                                    key: index,
-                                    size: "lg"
-                                  }, { ref_for: true }, link), null, 16);
-                                }), 128))
-                              ])
-                            ], 2)) : createCommentVNode("", true)
-                          ];
-                        })
-                      ], 2)) : createCommentVNode("", true)
+                              name: __props.icon,
+                              "data-slot": "leadingIcon",
+                              class: ui.value.leadingIcon({ class: props.ui?.leadingIcon })
+                            }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                          ])
+                        ], 2)) : createCommentVNode("", true),
+                        __props.headline || !!slots.headline ? (openBlock(), createBlock("div", {
+                          key: 1,
+                          "data-slot": "headline",
+                          class: ui.value.headline({ class: props.ui?.headline, headline: !slots.headline })
+                        }, [
+                          renderSlot(_ctx.$slots, "headline", {}, () => [
+                            createTextVNode(toDisplayString(__props.headline), 1)
+                          ])
+                        ], 2)) : createCommentVNode("", true),
+                        __props.title || !!slots.title ? (openBlock(), createBlock("h2", {
+                          key: 2,
+                          "data-slot": "title",
+                          class: ui.value.title({ class: props.ui?.title })
+                        }, [
+                          renderSlot(_ctx.$slots, "title", {}, () => [
+                            createTextVNode(toDisplayString(__props.title), 1)
+                          ])
+                        ], 2)) : createCommentVNode("", true),
+                        __props.description || !!slots.description ? (openBlock(), createBlock("div", {
+                          key: 3,
+                          "data-slot": "description",
+                          class: ui.value.description({ class: props.ui?.description })
+                        }, [
+                          renderSlot(_ctx.$slots, "description", {}, () => [
+                            createTextVNode(toDisplayString(__props.description), 1)
+                          ])
+                        ], 2)) : createCommentVNode("", true)
+                      ])
                     ], 2)) : createCommentVNode("", true),
-                    !!slots.default ? renderSlot(_ctx.$slots, "default", { key: 1 }) : __props.orientation === "horizontal" ? (openBlock(), createBlock("div", {
+                    !!slots.body || (__props.features?.length || !!slots.features) ? (openBlock(), createBlock("div", {
+                      key: 1,
+                      "data-slot": "body",
+                      class: ui.value.body({ class: props.ui?.body })
+                    }, [
+                      renderSlot(_ctx.$slots, "body", {}, () => [
+                        __props.features?.length || !!slots.features ? (openBlock(), createBlock("ul", {
+                          key: 0,
+                          "data-slot": "features",
+                          class: ui.value.features({ class: props.ui?.features })
+                        }, [
+                          renderSlot(_ctx.$slots, "features", {}, () => [
+                            (openBlock(true), createBlock(Fragment, null, renderList(__props.features, (feature, index) => {
+                              return openBlock(), createBlock(_sfc_main$6, mergeProps({
+                                key: index,
+                                as: "li"
+                              }, { ref_for: true }, feature), null, 16);
+                            }), 128))
+                          ])
+                        ], 2)) : createCommentVNode("", true)
+                      ])
+                    ], 2)) : createCommentVNode("", true),
+                    !!slots.footer || (__props.links?.length || !!slots.links) ? (openBlock(), createBlock("div", {
                       key: 2,
-                      class: "hidden lg:block"
-                    })) : createCommentVNode("", true)
-                  ];
-                }),
+                      "data-slot": "footer",
+                      class: ui.value.footer({ class: props.ui?.footer })
+                    }, [
+                      renderSlot(_ctx.$slots, "footer", {}, () => [
+                        __props.links?.length || !!slots.links ? (openBlock(), createBlock("div", {
+                          key: 0,
+                          "data-slot": "links",
+                          class: ui.value.links({ class: props.ui?.links })
+                        }, [
+                          renderSlot(_ctx.$slots, "links", {}, () => [
+                            (openBlock(true), createBlock(Fragment, null, renderList(__props.links, (link, index) => {
+                              return openBlock(), createBlock(_sfc_main$8$1, mergeProps({
+                                key: index,
+                                size: "lg"
+                              }, { ref_for: true }, link), null, 16);
+                            }), 128))
+                          ])
+                        ], 2)) : createCommentVNode("", true)
+                      ])
+                    ], 2)) : createCommentVNode("", true)
+                  ], 2)) : createCommentVNode("", true),
+                  !!slots.default ? renderSlot(_ctx.$slots, "default", { key: 1 }) : __props.orientation === "horizontal" ? (openBlock(), createBlock("div", {
+                    key: 2,
+                    class: "hidden lg:block"
+                  })) : createCommentVNode("", true)
+                ]),
                 _: 3
               }, 8, ["class"]),
               renderSlot(_ctx.$slots, "bottom")
@@ -1174,10 +1101,7 @@ const _sfc_main$4 = {
   setup(__props) {
     const props = __props;
     const appConfig = useAppConfig();
-    const ui = computed(() => {
-      var _a;
-      return tv({ extend: tv(theme$3), ...((_a = appConfig.ui) == null ? void 0 : _a.pageGrid) || {} });
-    });
+    const ui = computed(() => tv({ extend: tv(theme$3), ...appConfig.ui?.pageGrid || {} }));
     return (_ctx, _push, _parent, _attrs) => {
       _push(ssrRenderComponent(unref(Primitive), mergeProps({
         as: __props.as,
@@ -1486,63 +1410,57 @@ const _sfc_main$3 = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
         motionControl.pause();
       }
     }, { immediate: true });
-    const ui = computed(() => {
-      var _a;
-      return tv({ extend: tv(theme$2), ...((_a = appConfig.ui) == null ? void 0 : _a.pageCard) || {} })({
-        orientation: props.orientation,
-        reverse: props.reverse,
-        variant: props.variant,
-        to: !!props.to || !!props.onClick,
-        title: !!props.title || !!slots.title,
-        highlight: props.highlight,
-        highlightColor: props.highlightColor,
-        spotlight: spotlight.value,
-        spotlightColor: props.spotlightColor
-      });
-    });
+    const ui = computed(() => tv({ extend: tv(theme$2), ...appConfig.ui?.pageCard || {} })({
+      orientation: props.orientation,
+      reverse: props.reverse,
+      variant: props.variant,
+      to: !!props.to || !!props.onClick,
+      title: !!props.title || !!slots.title,
+      highlight: props.highlight,
+      highlightColor: props.highlightColor,
+      spotlight: spotlight.value,
+      spotlightColor: props.spotlightColor
+    }));
     const ariaLabel = computed(() => {
       const slotText = slots.title && getSlotChildrenText(slots.title());
       return (slotText || props.title || "Card link").trim();
     });
     return (_ctx, _push, _parent, _attrs) => {
-      var _a;
       _push(ssrRenderComponent(unref(Primitive), mergeProps({
         ref_key: "cardRef",
         ref: cardRef,
         as: __props.as,
         "data-orientation": __props.orientation,
         "data-slot": "root",
-        class: ui.value.root({ class: [(_a = props.ui) == null ? void 0 : _a.root, props.class] }),
+        class: ui.value.root({ class: [props.ui?.root, props.class] }),
         style: spotlight.value && { "--spotlight-x": `${unref(elementX)}px`, "--spotlight-y": `${unref(elementY)}px` },
         onClick: __props.onClick
       }, _attrs), {
         default: withCtx((_, _push2, _parent2, _scopeId) => {
-          var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
           if (_push2) {
             if (props.spotlight) {
-              _push2(`<div data-slot="spotlight" class="${ssrRenderClass(ui.value.spotlight({ class: (_a2 = props.ui) == null ? void 0 : _a2.spotlight }))}"${_scopeId}></div>`);
+              _push2(`<div data-slot="spotlight" class="${ssrRenderClass(ui.value.spotlight({ class: props.ui?.spotlight }))}"${_scopeId}></div>`);
             } else {
               _push2(`<!---->`);
             }
-            _push2(`<div data-slot="container" class="${ssrRenderClass(ui.value.container({ class: (_b = props.ui) == null ? void 0 : _b.container }))}"${_scopeId}>`);
+            _push2(`<div data-slot="container" class="${ssrRenderClass(ui.value.container({ class: props.ui?.container }))}"${_scopeId}>`);
             if (!!slots.header || (__props.icon || !!slots.leading) || !!slots.body || (__props.title || !!slots.title) || (__props.description || !!slots.description) || !!slots.footer) {
-              _push2(`<div data-slot="wrapper" class="${ssrRenderClass(ui.value.wrapper({ class: (_c = props.ui) == null ? void 0 : _c.wrapper }))}"${_scopeId}>`);
+              _push2(`<div data-slot="wrapper" class="${ssrRenderClass(ui.value.wrapper({ class: props.ui?.wrapper }))}"${_scopeId}>`);
               if (!!slots.header) {
-                _push2(`<div data-slot="header" class="${ssrRenderClass(ui.value.header({ class: (_d = props.ui) == null ? void 0 : _d.header }))}"${_scopeId}>`);
+                _push2(`<div data-slot="header" class="${ssrRenderClass(ui.value.header({ class: props.ui?.header }))}"${_scopeId}>`);
                 ssrRenderSlot(_ctx.$slots, "header", {}, null, _push2, _parent2, _scopeId);
                 _push2(`</div>`);
               } else {
                 _push2(`<!---->`);
               }
               if (__props.icon || !!slots.leading) {
-                _push2(`<div data-slot="leading" class="${ssrRenderClass(ui.value.leading({ class: (_e = props.ui) == null ? void 0 : _e.leading }))}"${_scopeId}>`);
+                _push2(`<div data-slot="leading" class="${ssrRenderClass(ui.value.leading({ class: props.ui?.leading }))}"${_scopeId}>`);
                 ssrRenderSlot(_ctx.$slots, "leading", { ui: ui.value }, () => {
-                  var _a3;
                   if (__props.icon) {
                     _push2(ssrRenderComponent(_sfc_main$d, {
                       name: __props.icon,
                       "data-slot": "leadingIcon",
-                      class: ui.value.leadingIcon({ class: (_a3 = props.ui) == null ? void 0 : _a3.leadingIcon })
+                      class: ui.value.leadingIcon({ class: props.ui?.leadingIcon })
                     }, null, _parent2, _scopeId));
                   } else {
                     _push2(`<!---->`);
@@ -1553,11 +1471,10 @@ const _sfc_main$3 = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                 _push2(`<!---->`);
               }
               if (!!slots.body || (__props.title || !!slots.title) || (__props.description || !!slots.description)) {
-                _push2(`<div data-slot="body" class="${ssrRenderClass(ui.value.body({ class: (_f = props.ui) == null ? void 0 : _f.body }))}"${_scopeId}>`);
+                _push2(`<div data-slot="body" class="${ssrRenderClass(ui.value.body({ class: props.ui?.body }))}"${_scopeId}>`);
                 ssrRenderSlot(_ctx.$slots, "body", {}, () => {
-                  var _a3, _b2;
                   if (__props.title || !!slots.title) {
-                    _push2(`<div data-slot="title" class="${ssrRenderClass(ui.value.title({ class: (_a3 = props.ui) == null ? void 0 : _a3.title }))}"${_scopeId}>`);
+                    _push2(`<div data-slot="title" class="${ssrRenderClass(ui.value.title({ class: props.ui?.title }))}"${_scopeId}>`);
                     ssrRenderSlot(_ctx.$slots, "title", {}, () => {
                       _push2(`${ssrInterpolate(__props.title)}`);
                     }, _push2, _parent2, _scopeId);
@@ -1566,7 +1483,7 @@ const _sfc_main$3 = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                     _push2(`<!---->`);
                   }
                   if (__props.description || !!slots.description) {
-                    _push2(`<div data-slot="description" class="${ssrRenderClass(ui.value.description({ class: (_b2 = props.ui) == null ? void 0 : _b2.description }))}"${_scopeId}>`);
+                    _push2(`<div data-slot="description" class="${ssrRenderClass(ui.value.description({ class: props.ui?.description }))}"${_scopeId}>`);
                     ssrRenderSlot(_ctx.$slots, "description", {}, () => {
                       _push2(`${ssrInterpolate(__props.description)}`);
                     }, _push2, _parent2, _scopeId);
@@ -1580,7 +1497,7 @@ const _sfc_main$3 = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                 _push2(`<!---->`);
               }
               if (!!slots.footer) {
-                _push2(`<div data-slot="footer" class="${ssrRenderClass(ui.value.footer({ class: (_g = props.ui) == null ? void 0 : _g.footer }))}"${_scopeId}>`);
+                _push2(`<div data-slot="footer" class="${ssrRenderClass(ui.value.footer({ class: props.ui?.footer }))}"${_scopeId}>`);
                 ssrRenderSlot(_ctx.$slots, "footer", {}, null, _push2, _parent2, _scopeId);
                 _push2(`</div>`);
               } else {
@@ -1619,74 +1536,68 @@ const _sfc_main$3 = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
               props.spotlight ? (openBlock(), createBlock("div", {
                 key: 0,
                 "data-slot": "spotlight",
-                class: ui.value.spotlight({ class: (_h = props.ui) == null ? void 0 : _h.spotlight })
+                class: ui.value.spotlight({ class: props.ui?.spotlight })
               }, null, 2)) : createCommentVNode("", true),
               createVNode("div", {
                 "data-slot": "container",
-                class: ui.value.container({ class: (_i = props.ui) == null ? void 0 : _i.container })
+                class: ui.value.container({ class: props.ui?.container })
               }, [
                 !!slots.header || (__props.icon || !!slots.leading) || !!slots.body || (__props.title || !!slots.title) || (__props.description || !!slots.description) || !!slots.footer ? (openBlock(), createBlock("div", {
                   key: 0,
                   "data-slot": "wrapper",
-                  class: ui.value.wrapper({ class: (_j = props.ui) == null ? void 0 : _j.wrapper })
+                  class: ui.value.wrapper({ class: props.ui?.wrapper })
                 }, [
                   !!slots.header ? (openBlock(), createBlock("div", {
                     key: 0,
                     "data-slot": "header",
-                    class: ui.value.header({ class: (_k = props.ui) == null ? void 0 : _k.header })
+                    class: ui.value.header({ class: props.ui?.header })
                   }, [
                     renderSlot(_ctx.$slots, "header")
                   ], 2)) : createCommentVNode("", true),
                   __props.icon || !!slots.leading ? (openBlock(), createBlock("div", {
                     key: 1,
                     "data-slot": "leading",
-                    class: ui.value.leading({ class: (_l = props.ui) == null ? void 0 : _l.leading })
+                    class: ui.value.leading({ class: props.ui?.leading })
                   }, [
-                    renderSlot(_ctx.$slots, "leading", { ui: ui.value }, () => {
-                      var _a3;
-                      return [
-                        __props.icon ? (openBlock(), createBlock(_sfc_main$d, {
-                          key: 0,
-                          name: __props.icon,
-                          "data-slot": "leadingIcon",
-                          class: ui.value.leadingIcon({ class: (_a3 = props.ui) == null ? void 0 : _a3.leadingIcon })
-                        }, null, 8, ["name", "class"])) : createCommentVNode("", true)
-                      ];
-                    })
+                    renderSlot(_ctx.$slots, "leading", { ui: ui.value }, () => [
+                      __props.icon ? (openBlock(), createBlock(_sfc_main$d, {
+                        key: 0,
+                        name: __props.icon,
+                        "data-slot": "leadingIcon",
+                        class: ui.value.leadingIcon({ class: props.ui?.leadingIcon })
+                      }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                    ])
                   ], 2)) : createCommentVNode("", true),
                   !!slots.body || (__props.title || !!slots.title) || (__props.description || !!slots.description) ? (openBlock(), createBlock("div", {
                     key: 2,
                     "data-slot": "body",
-                    class: ui.value.body({ class: (_m = props.ui) == null ? void 0 : _m.body })
+                    class: ui.value.body({ class: props.ui?.body })
                   }, [
-                    renderSlot(_ctx.$slots, "body", {}, () => {
-                      var _a3, _b2;
-                      return [
-                        __props.title || !!slots.title ? (openBlock(), createBlock("div", {
-                          key: 0,
-                          "data-slot": "title",
-                          class: ui.value.title({ class: (_a3 = props.ui) == null ? void 0 : _a3.title })
-                        }, [
-                          renderSlot(_ctx.$slots, "title", {}, () => [
-                            createTextVNode(toDisplayString(__props.title), 1)
-                          ])
-                        ], 2)) : createCommentVNode("", true),
-                        __props.description || !!slots.description ? (openBlock(), createBlock("div", {
-                          key: 1,
-                          "data-slot": "description",
-                          class: ui.value.description({ class: (_b2 = props.ui) == null ? void 0 : _b2.description })
-                        }, [
-                          renderSlot(_ctx.$slots, "description", {}, () => [
-                            createTextVNode(toDisplayString(__props.description), 1)
-                          ])
-                        ], 2)) : createCommentVNode("", true)
-                      ];
-                    })
+                    renderSlot(_ctx.$slots, "body", {}, () => [
+                      __props.title || !!slots.title ? (openBlock(), createBlock("div", {
+                        key: 0,
+                        "data-slot": "title",
+                        class: ui.value.title({ class: props.ui?.title })
+                      }, [
+                        renderSlot(_ctx.$slots, "title", {}, () => [
+                          createTextVNode(toDisplayString(__props.title), 1)
+                        ])
+                      ], 2)) : createCommentVNode("", true),
+                      __props.description || !!slots.description ? (openBlock(), createBlock("div", {
+                        key: 1,
+                        "data-slot": "description",
+                        class: ui.value.description({ class: props.ui?.description })
+                      }, [
+                        renderSlot(_ctx.$slots, "description", {}, () => [
+                          createTextVNode(toDisplayString(__props.description), 1)
+                        ])
+                      ], 2)) : createCommentVNode("", true)
+                    ])
                   ], 2)) : createCommentVNode("", true),
                   !!slots.footer ? (openBlock(), createBlock("div", {
                     key: 3,
                     "data-slot": "footer",
-                    class: ui.value.footer({ class: (_n = props.ui) == null ? void 0 : _n.footer })
+                    class: ui.value.footer({ class: props.ui?.footer })
                   }, [
                     renderSlot(_ctx.$slots, "footer")
                   ], 2)) : createCommentVNode("", true)
@@ -1807,25 +1718,20 @@ const _sfc_main$2 = {
     const prevIcon = computed(() => props.prevIcon || (dir.value === "rtl" ? appConfig.ui.icons.arrowRight : appConfig.ui.icons.arrowLeft));
     const nextIcon = computed(() => props.nextIcon || (dir.value === "rtl" ? appConfig.ui.icons.arrowLeft : appConfig.ui.icons.arrowRight));
     const stopAutoplayOnInteraction = computed(() => {
-      var _a;
       if (typeof props.autoplay === "boolean") {
         return true;
       }
-      return (_a = props.autoplay.stopOnInteraction) != null ? _a : true;
+      return props.autoplay.stopOnInteraction ?? true;
     });
     const stopAutoScrollOnInteraction = computed(() => {
-      var _a;
       if (typeof props.autoScroll === "boolean") {
         return true;
       }
-      return (_a = props.autoScroll.stopOnInteraction) != null ? _a : true;
-    });
-    const ui = computed(() => {
-      var _a;
-      return tv({ extend: tv(theme$1), ...((_a = appConfig.ui) == null ? void 0 : _a.carousel) || {} })({
-        orientation: props.orientation
-      });
+      return props.autoScroll.stopOnInteraction ?? true;
     });
+    const ui = computed(() => tv({ extend: tv(theme$1), ...appConfig.ui?.carousel || {} })({
+      orientation: props.orientation
+    }));
     const options = computed(() => ({
       ...props.fade ? { align: "center", containScroll: false } : {},
       ...rootProps.value,
@@ -1862,37 +1768,31 @@ const _sfc_main$2 = {
       plugins.value = emblaPlugins;
     }
     watch(() => [props.autoplay, props.autoScroll, props.autoHeight, props.classNames, props.fade, props.wheelGestures], async () => {
-      var _a;
       await loadPlugins();
-      (_a = emblaApi.value) == null ? void 0 : _a.reInit(options.value, plugins.value);
+      emblaApi.value?.reInit(options.value, plugins.value);
     }, { immediate: true });
     const [emblaRef, emblaApi] = useEmblaCarousel(options, plugins);
     watch(options, () => {
-      var _a;
-      (_a = emblaApi.value) == null ? void 0 : _a.reInit(options.value, plugins.value);
+      emblaApi.value?.reInit(options.value, plugins.value);
     }, { flush: "post" });
     function stopOnInteraction() {
-      var _a, _b, _c, _d;
       if (stopAutoplayOnInteraction.value) {
-        (_b = (_a = emblaApi.value) == null ? void 0 : _a.plugins().autoplay) == null ? void 0 : _b.stop();
+        emblaApi.value?.plugins().autoplay?.stop();
       }
       if (stopAutoScrollOnInteraction.value) {
-        (_d = (_c = emblaApi.value) == null ? void 0 : _c.plugins().autoScroll) == null ? void 0 : _d.stop();
+        emblaApi.value?.plugins().autoScroll?.stop();
       }
     }
     function scrollPrev() {
-      var _a;
-      (_a = emblaApi.value) == null ? void 0 : _a.scrollPrev();
+      emblaApi.value?.scrollPrev();
       stopOnInteraction();
     }
     function scrollNext() {
-      var _a;
-      (_a = emblaApi.value) == null ? void 0 : _a.scrollNext();
+      emblaApi.value?.scrollNext();
       stopOnInteraction();
     }
     function scrollTo(index) {
-      var _a;
-      (_a = emblaApi.value) == null ? void 0 : _a.scrollTo(index);
+      emblaApi.value?.scrollTo(index);
     }
     function onKeyDown(event) {
       let prevKey;
@@ -1926,7 +1826,6 @@ const _sfc_main$2 = {
       emblaApi
     });
     return (_ctx, _push, _parent, _attrs) => {
-      var _a;
       _push(ssrRenderComponent(unref(Primitive), mergeProps({
         as: __props.as,
         role: "region",
@@ -1934,18 +1833,16 @@ const _sfc_main$2 = {
         "data-orientation": __props.orientation,
         tabindex: "0",
         "data-slot": "root",
-        class: ui.value.root({ class: [(_a = props.ui) == null ? void 0 : _a.root, props.class] }),
+        class: ui.value.root({ class: [props.ui?.root, props.class] }),
         onKeydown: onKeyDown
       }, _attrs), {
         default: withCtx((_, _push2, _parent2, _scopeId) => {
-          var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
           if (_push2) {
-            _push2(`<div data-slot="viewport" class="${ssrRenderClass(ui.value.viewport({ class: (_a2 = props.ui) == null ? void 0 : _a2.viewport }))}"${_scopeId}><div data-slot="container" class="${ssrRenderClass(ui.value.container({ class: (_b = props.ui) == null ? void 0 : _b.container }))}"${_scopeId}><!--[-->`);
+            _push2(`<div data-slot="viewport" class="${ssrRenderClass(ui.value.viewport({ class: props.ui?.viewport }))}"${_scopeId}><div data-slot="container" class="${ssrRenderClass(ui.value.container({ class: props.ui?.container }))}"${_scopeId}><!--[-->`);
             ssrRenderList(__props.items, (item, index) => {
-              var _a3, _b2;
               _push2(`<div${ssrRenderAttrs(mergeProps({ key: index }, { ref_for: true }, __props.dots ? { role: "tabpanel" } : { "role": "group", "aria-roledescription": "slide" }, {
                 "data-slot": "item",
-                class: ui.value.item({ class: [(_a3 = props.ui) == null ? void 0 : _a3.item, isCarouselItem(item) && ((_b2 = item.ui) == null ? void 0 : _b2.item), isCarouselItem(item) && item.class] })
+                class: ui.value.item({ class: [props.ui?.item, isCarouselItem(item) && item.ui?.item, isCarouselItem(item) && item.class] })
               }))}${_scopeId}>`);
               ssrRenderSlot(_ctx.$slots, "default", {
                 item,
@@ -1955,9 +1852,9 @@ const _sfc_main$2 = {
             });
             _push2(`<!--]--></div></div>`);
             if (__props.arrows || __props.dots) {
-              _push2(`<div data-slot="controls" class="${ssrRenderClass(ui.value.controls({ class: (_c = props.ui) == null ? void 0 : _c.controls }))}"${_scopeId}>`);
+              _push2(`<div data-slot="controls" class="${ssrRenderClass(ui.value.controls({ class: props.ui?.controls }))}"${_scopeId}>`);
               if (__props.arrows) {
-                _push2(`<div data-slot="arrows" class="${ssrRenderClass(ui.value.arrows({ class: (_d = props.ui) == null ? void 0 : _d.arrows }))}"${_scopeId}>`);
+                _push2(`<div data-slot="arrows" class="${ssrRenderClass(ui.value.arrows({ class: props.ui?.arrows }))}"${_scopeId}>`);
                 _push2(ssrRenderComponent(_sfc_main$8$1, mergeProps({
                   disabled: !canScrollPrev.value,
                   icon: prevIcon.value,
@@ -1966,7 +1863,7 @@ const _sfc_main$2 = {
                   "aria-label": unref(t)("carousel.prev")
                 }, typeof __props.prev === "object" ? __props.prev : void 0, {
                   "data-slot": "prev",
-                  class: ui.value.prev({ class: (_e = props.ui) == null ? void 0 : _e.prev }),
+                  class: ui.value.prev({ class: props.ui?.prev }),
                   onClick: scrollPrev
                 }), null, _parent2, _scopeId));
                 _push2(ssrRenderComponent(_sfc_main$8$1, mergeProps({
@@ -1977,7 +1874,7 @@ const _sfc_main$2 = {
                   "aria-label": unref(t)("carousel.next")
                 }, typeof __props.next === "object" ? __props.next : void 0, {
                   "data-slot": "next",
-                  class: ui.value.next({ class: (_f = props.ui) == null ? void 0 : _f.next }),
+                  class: ui.value.next({ class: props.ui?.next }),
                   onClick: scrollNext
                 }), null, _parent2, _scopeId));
                 _push2(`</div>`);
@@ -1985,10 +1882,9 @@ const _sfc_main$2 = {
                 _push2(`<!---->`);
               }
               if (__props.dots) {
-                _push2(`<div role="tablist"${ssrRenderAttr("aria-label", unref(t)("carousel.dots"))} data-slot="dots" class="${ssrRenderClass(ui.value.dots({ class: (_g = props.ui) == null ? void 0 : _g.dots }))}"${_scopeId}><!--[-->`);
+                _push2(`<div role="tablist"${ssrRenderAttr("aria-label", unref(t)("carousel.dots"))} data-slot="dots" class="${ssrRenderClass(ui.value.dots({ class: props.ui?.dots }))}"${_scopeId}><!--[-->`);
                 ssrRenderList(scrollSnaps.value, (_2, index) => {
-                  var _a3;
-                  _push2(`<button type="button" role="tab"${ssrRenderAttr("aria-label", unref(t)("carousel.goto", { slide: index + 1 }))}${ssrRenderAttr("aria-selected", selectedIndex.value === index)} data-slot="dot" class="${ssrRenderClass(ui.value.dot({ class: (_a3 = props.ui) == null ? void 0 : _a3.dot, active: selectedIndex.value === index }))}"${ssrRenderAttr("data-state", selectedIndex.value === index ? "active" : void 0)}${_scopeId}></button>`);
+                  _push2(`<button type="button" role="tab"${ssrRenderAttr("aria-label", unref(t)("carousel.goto", { slide: index + 1 }))}${ssrRenderAttr("aria-selected", selectedIndex.value === index)} data-slot="dot" class="${ssrRenderClass(ui.value.dot({ class: props.ui?.dot, active: selectedIndex.value === index }))}"${ssrRenderAttr("data-state", selectedIndex.value === index ? "active" : void 0)}${_scopeId}></button>`);
                 });
                 _push2(`<!--]--></div>`);
               } else {
@@ -2004,17 +1900,16 @@ const _sfc_main$2 = {
                 ref_key: "emblaRef",
                 ref: emblaRef,
                 "data-slot": "viewport",
-                class: ui.value.viewport({ class: (_h = props.ui) == null ? void 0 : _h.viewport })
+                class: ui.value.viewport({ class: props.ui?.viewport })
               }, [
                 createVNode("div", {
                   "data-slot": "container",
-                  class: ui.value.container({ class: (_i = props.ui) == null ? void 0 : _i.container })
+                  class: ui.value.container({ class: props.ui?.container })
                 }, [
                   (openBlock(true), createBlock(Fragment, null, renderList(__props.items, (item, index) => {
-                    var _a3, _b2;
                     return openBlock(), createBlock("div", mergeProps({ key: index }, { ref_for: true }, __props.dots ? { role: "tabpanel" } : { "role": "group", "aria-roledescription": "slide" }, {
                       "data-slot": "item",
-                      class: ui.value.item({ class: [(_a3 = props.ui) == null ? void 0 : _a3.item, isCarouselItem(item) && ((_b2 = item.ui) == null ? void 0 : _b2.item), isCarouselItem(item) && item.class] })
+                      class: ui.value.item({ class: [props.ui?.item, isCarouselItem(item) && item.ui?.item, isCarouselItem(item) && item.class] })
                     }), [
                       renderSlot(_ctx.$slots, "default", {
                         item,
@@ -2027,12 +1922,12 @@ const _sfc_main$2 = {
               __props.arrows || __props.dots ? (openBlock(), createBlock("div", {
                 key: 0,
                 "data-slot": "controls",
-                class: ui.value.controls({ class: (_j = props.ui) == null ? void 0 : _j.controls })
+                class: ui.value.controls({ class: props.ui?.controls })
               }, [
                 __props.arrows ? (openBlock(), createBlock("div", {
                   key: 0,
                   "data-slot": "arrows",
-                  class: ui.value.arrows({ class: (_k = props.ui) == null ? void 0 : _k.arrows })
+                  class: ui.value.arrows({ class: props.ui?.arrows })
                 }, [
                   createVNode(_sfc_main$8$1, mergeProps({
                     disabled: !canScrollPrev.value,
@@ -2042,7 +1937,7 @@ const _sfc_main$2 = {
                     "aria-label": unref(t)("carousel.prev")
                   }, typeof __props.prev === "object" ? __props.prev : void 0, {
                     "data-slot": "prev",
-                    class: ui.value.prev({ class: (_l = props.ui) == null ? void 0 : _l.prev }),
+                    class: ui.value.prev({ class: props.ui?.prev }),
                     onClick: scrollPrev
                   }), null, 16, ["disabled", "icon", "aria-label", "class"]),
                   createVNode(_sfc_main$8$1, mergeProps({
@@ -2053,7 +1948,7 @@ const _sfc_main$2 = {
                     "aria-label": unref(t)("carousel.next")
                   }, typeof __props.next === "object" ? __props.next : void 0, {
                     "data-slot": "next",
-                    class: ui.value.next({ class: (_m = props.ui) == null ? void 0 : _m.next }),
+                    class: ui.value.next({ class: props.ui?.next }),
                     onClick: scrollNext
                   }), null, 16, ["disabled", "icon", "aria-label", "class"])
                 ], 2)) : createCommentVNode("", true),
@@ -2062,10 +1957,9 @@ const _sfc_main$2 = {
                   role: "tablist",
                   "aria-label": unref(t)("carousel.dots"),
                   "data-slot": "dots",
-                  class: ui.value.dots({ class: (_n = props.ui) == null ? void 0 : _n.dots })
+                  class: ui.value.dots({ class: props.ui?.dots })
                 }, [
                   (openBlock(true), createBlock(Fragment, null, renderList(scrollSnaps.value, (_2, index) => {
-                    var _a3;
                     return openBlock(), createBlock("button", {
                       key: index,
                       type: "button",
@@ -2073,7 +1967,7 @@ const _sfc_main$2 = {
                       "aria-label": unref(t)("carousel.goto", { slide: index + 1 }),
                       "aria-selected": selectedIndex.value === index,
                       "data-slot": "dot",
-                      class: ui.value.dot({ class: (_a3 = props.ui) == null ? void 0 : _a3.dot, active: selectedIndex.value === index }),
+                      class: ui.value.dot({ class: props.ui?.dot, active: selectedIndex.value === index }),
                       "data-state": selectedIndex.value === index ? "active" : void 0,
                       onClick: ($event) => scrollTo(index)
                     }, null, 10, ["aria-label", "aria-selected", "data-state", "onClick"]);
@@ -2174,42 +2068,35 @@ const _sfc_main$1 = {
     const props = __props;
     const slots = useSlots();
     const appConfig = useAppConfig();
-    const ui = computed(() => {
-      var _a;
-      return tv({ extend: tv(theme), ...((_a = appConfig.ui) == null ? void 0 : _a.pageCTA) || {} })({
-        variant: props.variant,
-        orientation: props.orientation,
-        reverse: props.reverse,
-        title: !!props.title || !!slots.title
-      });
-    });
+    const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pageCTA || {} })({
+      variant: props.variant,
+      orientation: props.orientation,
+      reverse: props.reverse,
+      title: !!props.title || !!slots.title
+    }));
     return (_ctx, _push, _parent, _attrs) => {
-      var _a;
       _push(ssrRenderComponent(unref(Primitive), mergeProps({
         as: __props.as,
         "data-orientation": __props.orientation,
         "data-slot": "root",
-        class: ui.value.root({ class: [(_a = props.ui) == null ? void 0 : _a.root, props.class] })
+        class: ui.value.root({ class: [props.ui?.root, props.class] })
       }, _attrs), {
         default: withCtx((_, _push2, _parent2, _scopeId) => {
-          var _a2, _b;
           if (_push2) {
             ssrRenderSlot(_ctx.$slots, "top", {}, null, _push2, _parent2, _scopeId);
             _push2(ssrRenderComponent(_sfc_main$8, {
               "data-slot": "container",
-              class: ui.value.container({ class: (_a2 = props.ui) == null ? void 0 : _a2.container })
+              class: ui.value.container({ class: props.ui?.container })
             }, {
               default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-                var _a3, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
                 if (_push3) {
-                  if (!!slots.header || (__props.title || !!slots.title) || (__props.description || !!slots.description) || !!slots.body || !!slots.footer || (((_a3 = __props.links) == null ? void 0 : _a3.length) || !!slots.links)) {
-                    _push3(`<div data-slot="wrapper" class="${ssrRenderClass(ui.value.wrapper({ class: (_b2 = props.ui) == null ? void 0 : _b2.wrapper }))}"${_scopeId2}>`);
+                  if (!!slots.header || (__props.title || !!slots.title) || (__props.description || !!slots.description) || !!slots.body || !!slots.footer || (__props.links?.length || !!slots.links)) {
+                    _push3(`<div data-slot="wrapper" class="${ssrRenderClass(ui.value.wrapper({ class: props.ui?.wrapper }))}"${_scopeId2}>`);
                     if (!!slots.header || (__props.title || !!slots.title) || (__props.description || !!slots.description)) {
-                      _push3(`<div data-slot="header" class="${ssrRenderClass(ui.value.header({ class: (_c = props.ui) == null ? void 0 : _c.header }))}"${_scopeId2}>`);
+                      _push3(`<div data-slot="header" class="${ssrRenderClass(ui.value.header({ class: props.ui?.header }))}"${_scopeId2}>`);
                       ssrRenderSlot(_ctx.$slots, "header", {}, () => {
-                        var _a4, _b3;
                         if (__props.title || !!slots.title) {
-                          _push3(`<h2 data-slot="title" class="${ssrRenderClass(ui.value.title({ class: (_a4 = props.ui) == null ? void 0 : _a4.title }))}"${_scopeId2}>`);
+                          _push3(`<h2 data-slot="title" class="${ssrRenderClass(ui.value.title({ class: props.ui?.title }))}"${_scopeId2}>`);
                           ssrRenderSlot(_ctx.$slots, "title", {}, () => {
                             _push3(`${ssrInterpolate(__props.title)}`);
                           }, _push3, _parent3, _scopeId2);
@@ -2218,7 +2105,7 @@ const _sfc_main$1 = {
                           _push3(`<!---->`);
                         }
                         if (__props.description || !!slots.description) {
-                          _push3(`<div data-slot="description" class="${ssrRenderClass(ui.value.description({ class: (_b3 = props.ui) == null ? void 0 : _b3.description }))}"${_scopeId2}>`);
+                          _push3(`<div data-slot="description" class="${ssrRenderClass(ui.value.description({ class: props.ui?.description }))}"${_scopeId2}>`);
                           ssrRenderSlot(_ctx.$slots, "description", {}, () => {
                             _push3(`${ssrInterpolate(__props.description)}`);
                           }, _push3, _parent3, _scopeId2);
@@ -2232,18 +2119,17 @@ const _sfc_main$1 = {
                       _push3(`<!---->`);
                     }
                     if (!!slots.body) {
-                      _push3(`<div data-slot="body" class="${ssrRenderClass(ui.value.body({ class: (_d = props.ui) == null ? void 0 : _d.body }))}"${_scopeId2}>`);
+                      _push3(`<div data-slot="body" class="${ssrRenderClass(ui.value.body({ class: props.ui?.body }))}"${_scopeId2}>`);
                       ssrRenderSlot(_ctx.$slots, "body", {}, null, _push3, _parent3, _scopeId2);
                       _push3(`</div>`);
                     } else {
                       _push3(`<!---->`);
                     }
-                    if (!!slots.footer || (((_e = __props.links) == null ? void 0 : _e.length) || !!slots.links)) {
-                      _push3(`<div data-slot="footer" class="${ssrRenderClass(ui.value.footer({ class: (_f = props.ui) == null ? void 0 : _f.footer }))}"${_scopeId2}>`);
+                    if (!!slots.footer || (__props.links?.length || !!slots.links)) {
+                      _push3(`<div data-slot="footer" class="${ssrRenderClass(ui.value.footer({ class: props.ui?.footer }))}"${_scopeId2}>`);
                       ssrRenderSlot(_ctx.$slots, "footer", {}, () => {
-                        var _a4, _b3;
-                        if (((_a4 = __props.links) == null ? void 0 : _a4.length) || !!slots.links) {
-                          _push3(`<div data-slot="links" class="${ssrRenderClass(ui.value.links({ class: (_b3 = props.ui) == null ? void 0 : _b3.links }))}"${_scopeId2}>`);
+                        if (__props.links?.length || !!slots.links) {
+                          _push3(`<div data-slot="links" class="${ssrRenderClass(ui.value.links({ class: props.ui?.links }))}"${_scopeId2}>`);
                           ssrRenderSlot(_ctx.$slots, "links", {}, () => {
                             _push3(`<!--[-->`);
                             ssrRenderList(__props.links, (link, index) => {
@@ -2276,71 +2162,65 @@ const _sfc_main$1 = {
                   }
                 } else {
                   return [
-                    !!slots.header || (__props.title || !!slots.title) || (__props.description || !!slots.description) || !!slots.body || !!slots.footer || (((_g = __props.links) == null ? void 0 : _g.length) || !!slots.links) ? (openBlock(), createBlock("div", {
+                    !!slots.header || (__props.title || !!slots.title) || (__props.description || !!slots.description) || !!slots.body || !!slots.footer || (__props.links?.length || !!slots.links) ? (openBlock(), createBlock("div", {
                       key: 0,
                       "data-slot": "wrapper",
-                      class: ui.value.wrapper({ class: (_h = props.ui) == null ? void 0 : _h.wrapper })
+                      class: ui.value.wrapper({ class: props.ui?.wrapper })
                     }, [
                       !!slots.header || (__props.title || !!slots.title) || (__props.description || !!slots.description) ? (openBlock(), createBlock("div", {
                         key: 0,
                         "data-slot": "header",
-                        class: ui.value.header({ class: (_i = props.ui) == null ? void 0 : _i.header })
+                        class: ui.value.header({ class: props.ui?.header })
                       }, [
-                        renderSlot(_ctx.$slots, "header", {}, () => {
-                          var _a4, _b3;
-                          return [
-                            __props.title || !!slots.title ? (openBlock(), createBlock("h2", {
-                              key: 0,
-                              "data-slot": "title",
-                              class: ui.value.title({ class: (_a4 = props.ui) == null ? void 0 : _a4.title })
-                            }, [
-                              renderSlot(_ctx.$slots, "title", {}, () => [
-                                createTextVNode(toDisplayString(__props.title), 1)
-                              ])
-                            ], 2)) : createCommentVNode("", true),
-                            __props.description || !!slots.description ? (openBlock(), createBlock("div", {
-                              key: 1,
-                              "data-slot": "description",
-                              class: ui.value.description({ class: (_b3 = props.ui) == null ? void 0 : _b3.description })
-                            }, [
-                              renderSlot(_ctx.$slots, "description", {}, () => [
-                                createTextVNode(toDisplayString(__props.description), 1)
-                              ])
-                            ], 2)) : createCommentVNode("", true)
-                          ];
-                        })
+                        renderSlot(_ctx.$slots, "header", {}, () => [
+                          __props.title || !!slots.title ? (openBlock(), createBlock("h2", {
+                            key: 0,
+                            "data-slot": "title",
+                            class: ui.value.title({ class: props.ui?.title })
+                          }, [
+                            renderSlot(_ctx.$slots, "title", {}, () => [
+                              createTextVNode(toDisplayString(__props.title), 1)
+                            ])
+                          ], 2)) : createCommentVNode("", true),
+                          __props.description || !!slots.description ? (openBlock(), createBlock("div", {
+                            key: 1,
+                            "data-slot": "description",
+                            class: ui.value.description({ class: props.ui?.description })
+                          }, [
+                            renderSlot(_ctx.$slots, "description", {}, () => [
+                              createTextVNode(toDisplayString(__props.description), 1)
+                            ])
+                          ], 2)) : createCommentVNode("", true)
+                        ])
                       ], 2)) : createCommentVNode("", true),
                       !!slots.body ? (openBlock(), createBlock("div", {
                         key: 1,
                         "data-slot": "body",
-                        class: ui.value.body({ class: (_j = props.ui) == null ? void 0 : _j.body })
+                        class: ui.value.body({ class: props.ui?.body })
                       }, [
                         renderSlot(_ctx.$slots, "body")
                       ], 2)) : createCommentVNode("", true),
-                      !!slots.footer || (((_k = __props.links) == null ? void 0 : _k.length) || !!slots.links) ? (openBlock(), createBlock("div", {
+                      !!slots.footer || (__props.links?.length || !!slots.links) ? (openBlock(), createBlock("div", {
                         key: 2,
                         "data-slot": "footer",
-                        class: ui.value.footer({ class: (_l = props.ui) == null ? void 0 : _l.footer })
+                        class: ui.value.footer({ class: props.ui?.footer })
                       }, [
-                        renderSlot(_ctx.$slots, "footer", {}, () => {
-                          var _a4, _b3;
-                          return [
-                            ((_a4 = __props.links) == null ? void 0 : _a4.length) || !!slots.links ? (openBlock(), createBlock("div", {
-                              key: 0,
-                              "data-slot": "links",
-                              class: ui.value.links({ class: (_b3 = props.ui) == null ? void 0 : _b3.links })
-                            }, [
-                              renderSlot(_ctx.$slots, "links", {}, () => [
-                                (openBlock(true), createBlock(Fragment, null, renderList(__props.links, (link, index) => {
-                                  return openBlock(), createBlock(_sfc_main$8$1, mergeProps({
-                                    key: index,
-                                    size: "lg"
-                                  }, { ref_for: true }, link), null, 16);
-                                }), 128))
-                              ])
-                            ], 2)) : createCommentVNode("", true)
-                          ];
-                        })
+                        renderSlot(_ctx.$slots, "footer", {}, () => [
+                          __props.links?.length || !!slots.links ? (openBlock(), createBlock("div", {
+                            key: 0,
+                            "data-slot": "links",
+                            class: ui.value.links({ class: props.ui?.links })
+                          }, [
+                            renderSlot(_ctx.$slots, "links", {}, () => [
+                              (openBlock(true), createBlock(Fragment, null, renderList(__props.links, (link, index) => {
+                                return openBlock(), createBlock(_sfc_main$8$1, mergeProps({
+                                  key: index,
+                                  size: "lg"
+                                }, { ref_for: true }, link), null, 16);
+                              }), 128))
+                            ])
+                          ], 2)) : createCommentVNode("", true)
+                        ])
                       ], 2)) : createCommentVNode("", true)
                     ], 2)) : createCommentVNode("", true),
                     !!slots.default ? renderSlot(_ctx.$slots, "default", { key: 1 }) : __props.orientation === "horizontal" ? (openBlock(), createBlock("div", {
@@ -2358,84 +2238,75 @@ const _sfc_main$1 = {
               renderSlot(_ctx.$slots, "top"),
               createVNode(_sfc_main$8, {
                 "data-slot": "container",
-                class: ui.value.container({ class: (_b = props.ui) == null ? void 0 : _b.container })
+                class: ui.value.container({ class: props.ui?.container })
               }, {
-                default: withCtx(() => {
-                  var _a3, _b2, _c, _d, _e, _f;
-                  return [
-                    !!slots.header || (__props.title || !!slots.title) || (__props.description || !!slots.description) || !!slots.body || !!slots.footer || (((_a3 = __props.links) == null ? void 0 : _a3.length) || !!slots.links) ? (openBlock(), createBlock("div", {
+                default: withCtx(() => [
+                  !!slots.header || (__props.title || !!slots.title) || (__props.description || !!slots.description) || !!slots.body || !!slots.footer || (__props.links?.length || !!slots.links) ? (openBlock(), createBlock("div", {
+                    key: 0,
+                    "data-slot": "wrapper",
+                    class: ui.value.wrapper({ class: props.ui?.wrapper })
+                  }, [
+                    !!slots.header || (__props.title || !!slots.title) || (__props.description || !!slots.description) ? (openBlock(), createBlock("div", {
                       key: 0,
-                      "data-slot": "wrapper",
-                      class: ui.value.wrapper({ class: (_b2 = props.ui) == null ? void 0 : _b2.wrapper })
+                      "data-slot": "header",
+                      class: ui.value.header({ class: props.ui?.header })
                     }, [
-                      !!slots.header || (__props.title || !!slots.title) || (__props.description || !!slots.description) ? (openBlock(), createBlock("div", {
-                        key: 0,
-                        "data-slot": "header",
-                        class: ui.value.header({ class: (_c = props.ui) == null ? void 0 : _c.header })
-                      }, [
-                        renderSlot(_ctx.$slots, "header", {}, () => {
-                          var _a4, _b3;
-                          return [
-                            __props.title || !!slots.title ? (openBlock(), createBlock("h2", {
-                              key: 0,
-                              "data-slot": "title",
-                              class: ui.value.title({ class: (_a4 = props.ui) == null ? void 0 : _a4.title })
-                            }, [
-                              renderSlot(_ctx.$slots, "title", {}, () => [
-                                createTextVNode(toDisplayString(__props.title), 1)
-                              ])
-                            ], 2)) : createCommentVNode("", true),
-                            __props.description || !!slots.description ? (openBlock(), createBlock("div", {
-                              key: 1,
-                              "data-slot": "description",
-                              class: ui.value.description({ class: (_b3 = props.ui) == null ? void 0 : _b3.description })
-                            }, [
-                              renderSlot(_ctx.$slots, "description", {}, () => [
-                                createTextVNode(toDisplayString(__props.description), 1)
-                              ])
-                            ], 2)) : createCommentVNode("", true)
-                          ];
-                        })
-                      ], 2)) : createCommentVNode("", true),
-                      !!slots.body ? (openBlock(), createBlock("div", {
-                        key: 1,
-                        "data-slot": "body",
-                        class: ui.value.body({ class: (_d = props.ui) == null ? void 0 : _d.body })
-                      }, [
-                        renderSlot(_ctx.$slots, "body")
-                      ], 2)) : createCommentVNode("", true),
-                      !!slots.footer || (((_e = __props.links) == null ? void 0 : _e.length) || !!slots.links) ? (openBlock(), createBlock("div", {
-                        key: 2,
-                        "data-slot": "footer",
-                        class: ui.value.footer({ class: (_f = props.ui) == null ? void 0 : _f.footer })
-                      }, [
-                        renderSlot(_ctx.$slots, "footer", {}, () => {
-                          var _a4, _b3;
-                          return [
-                            ((_a4 = __props.links) == null ? void 0 : _a4.length) || !!slots.links ? (openBlock(), createBlock("div", {
-                              key: 0,
-                              "data-slot": "links",
-                              class: ui.value.links({ class: (_b3 = props.ui) == null ? void 0 : _b3.links })
-                            }, [
-                              renderSlot(_ctx.$slots, "links", {}, () => [
-                                (openBlock(true), createBlock(Fragment, null, renderList(__props.links, (link, index) => {
-                                  return openBlock(), createBlock(_sfc_main$8$1, mergeProps({
-                                    key: index,
-                                    size: "lg"
-                                  }, { ref_for: true }, link), null, 16);
-                                }), 128))
-                              ])
-                            ], 2)) : createCommentVNode("", true)
-                          ];
-                        })
-                      ], 2)) : createCommentVNode("", true)
+                      renderSlot(_ctx.$slots, "header", {}, () => [
+                        __props.title || !!slots.title ? (openBlock(), createBlock("h2", {
+                          key: 0,
+                          "data-slot": "title",
+                          class: ui.value.title({ class: props.ui?.title })
+                        }, [
+                          renderSlot(_ctx.$slots, "title", {}, () => [
+                            createTextVNode(toDisplayString(__props.title), 1)
+                          ])
+                        ], 2)) : createCommentVNode("", true),
+                        __props.description || !!slots.description ? (openBlock(), createBlock("div", {
+                          key: 1,
+                          "data-slot": "description",
+                          class: ui.value.description({ class: props.ui?.description })
+                        }, [
+                          renderSlot(_ctx.$slots, "description", {}, () => [
+                            createTextVNode(toDisplayString(__props.description), 1)
+                          ])
+                        ], 2)) : createCommentVNode("", true)
+                      ])
                     ], 2)) : createCommentVNode("", true),
-                    !!slots.default ? renderSlot(_ctx.$slots, "default", { key: 1 }) : __props.orientation === "horizontal" ? (openBlock(), createBlock("div", {
+                    !!slots.body ? (openBlock(), createBlock("div", {
+                      key: 1,
+                      "data-slot": "body",
+                      class: ui.value.body({ class: props.ui?.body })
+                    }, [
+                      renderSlot(_ctx.$slots, "body")
+                    ], 2)) : createCommentVNode("", true),
+                    !!slots.footer || (__props.links?.length || !!slots.links) ? (openBlock(), createBlock("div", {
                       key: 2,
-                      class: "hidden lg:block"
-                    })) : createCommentVNode("", true)
-                  ];
-                }),
+                      "data-slot": "footer",
+                      class: ui.value.footer({ class: props.ui?.footer })
+                    }, [
+                      renderSlot(_ctx.$slots, "footer", {}, () => [
+                        __props.links?.length || !!slots.links ? (openBlock(), createBlock("div", {
+                          key: 0,
+                          "data-slot": "links",
+                          class: ui.value.links({ class: props.ui?.links })
+                        }, [
+                          renderSlot(_ctx.$slots, "links", {}, () => [
+                            (openBlock(true), createBlock(Fragment, null, renderList(__props.links, (link, index) => {
+                              return openBlock(), createBlock(_sfc_main$8$1, mergeProps({
+                                key: index,
+                                size: "lg"
+                              }, { ref_for: true }, link), null, 16);
+                            }), 128))
+                          ])
+                        ], 2)) : createCommentVNode("", true)
+                      ])
+                    ], 2)) : createCommentVNode("", true)
+                  ], 2)) : createCommentVNode("", true),
+                  !!slots.default ? renderSlot(_ctx.$slots, "default", { key: 1 }) : __props.orientation === "horizontal" ? (openBlock(), createBlock("div", {
+                    key: 2,
+                    class: "hidden lg:block"
+                  })) : createCommentVNode("", true)
+                ]),
                 _: 3
               }, 8, ["class"]),
               renderSlot(_ctx.$slots, "bottom")
@@ -2460,14 +2331,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     let __temp, __restore;
     const { isAuthenticated } = useAuth();
     const { data } = ([__temp, __restore] = withAsyncContext(() => useFetch("/api/home", "$QD8d9NkvSp")), __temp = await __temp, __restore(), __temp);
-    const hasCustomContent = computed(() => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = data.value) == null ? void 0 : _a.data) == null ? void 0 : _b.hasCustomHome) != null ? _c : false;
-    });
-    const customContent = computed(() => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = data.value) == null ? void 0 : _a.data) == null ? void 0 : _b.content) != null ? _c : "";
-    });
+    const hasCustomContent = computed(() => data.value?.data?.hasCustomHome ?? false);
+    const customContent = computed(() => data.value?.data?.content ?? "");
     const heroLinks = computed(() => {
       const links = [
         {
@@ -2802,4 +2667,4 @@ _sfc_main.setup = (props, ctx) => {
 };
 
 export { _sfc_main as default };
-//# sourceMappingURL=index-B3B162Ta.mjs.map
+//# sourceMappingURL=index-Byt-3Yq6.mjs.map