cognova 0.2.19 → 0.2.21

package/.output/server/chunks/build/Accordion-BaJYea6e.mjs

@@ -99,48 +99,40 @@ const _sfc_main$1 = {
     const slots = useSlots();
     const appConfig = useAppConfig();
     const rootProps = useForwardPropsEmits(reactivePick(props, "as", "collapsible", "defaultValue", "disabled", "modelValue", "unmountOnHide"), emits);
-    const ui = computed(() => {
-      var _a;
-      return tv({ extend: tv(theme$1), ...((_a = appConfig.ui) == null ? void 0 : _a.accordion) || {} })({
-        disabled: props.disabled
-      });
-    });
+    const ui = computed(() => tv({ extend: tv(theme$1), ...appConfig.ui?.accordion || {} })({
+      disabled: props.disabled
+    }));
     return (_ctx, _push, _parent, _attrs) => {
-      var _a;
       _push(ssrRenderComponent(unref(AccordionRoot), mergeProps(unref(rootProps), {
         type: __props.type,
         "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) => {
           if (_push2) {
             _push2(`<!--[-->`);
             ssrRenderList(props.items, (item, index) => {
-              var _a2, _b;
               _push2(ssrRenderComponent(unref(AccordionItem), {
                 key: index,
                 value: item.value || String(index),
                 disabled: item.disabled,
                 "data-slot": "item",
-                class: ui.value.item({ class: [(_a2 = props.ui) == null ? void 0 : _a2.item, (_b = item.ui) == null ? void 0 : _b.item, item.class] })
+                class: ui.value.item({ class: [props.ui?.item, item.ui?.item, item.class] })
               }, {
                 default: withCtx(({ open }, _push3, _parent3, _scopeId2) => {
-                  var _a3, _b2, _c, _d, _e, _f, _g, _h;
                   if (_push3) {
                     _push3(ssrRenderComponent(unref(AccordionHeader), {
                       as: "div",
                       "data-slot": "header",
-                      class: ui.value.header({ class: [(_a3 = props.ui) == null ? void 0 : _a3.header, (_b2 = item.ui) == null ? void 0 : _b2.header] })
+                      class: ui.value.header({ class: [props.ui?.header, item.ui?.header] })
                     }, {
                       default: withCtx((_2, _push4, _parent4, _scopeId3) => {
-                        var _a4, _b3, _c2, _d2;
                         if (_push4) {
                           _push4(ssrRenderComponent(unref(AccordionTrigger), {
                             "data-slot": "trigger",
-                            class: ui.value.trigger({ class: [(_a4 = props.ui) == null ? void 0 : _a4.trigger, (_b3 = item.ui) == null ? void 0 : _b3.trigger], disabled: item.disabled })
+                            class: ui.value.trigger({ class: [props.ui?.trigger, item.ui?.trigger], disabled: item.disabled })
                           }, {
                             default: withCtx((_3, _push5, _parent5, _scopeId4) => {
-                              var _a5, _b4, _c3, _d3;
                               if (_push5) {
                                 ssrRenderSlot(_ctx.$slots, "leading", {
                                   item,
@@ -148,19 +140,18 @@ const _sfc_main$1 = {
                                   open,
                                   ui: ui.value
                                 }, () => {
-                                  var _a6, _b5;
                                   if (item.icon) {
                                     _push5(ssrRenderComponent(_sfc_main$d, {
                                       name: item.icon,
                                       "data-slot": "leadingIcon",
-                                      class: ui.value.leadingIcon({ class: [(_a6 = props.ui) == null ? void 0 : _a6.leadingIcon, (_b5 = item == null ? void 0 : item.ui) == null ? void 0 : _b5.leadingIcon] })
+                                      class: ui.value.leadingIcon({ class: [props.ui?.leadingIcon, item?.ui?.leadingIcon] })
                                     }, null, _parent5, _scopeId4));
                                   } else {
                                     _push5(`<!---->`);
                                   }
                                 }, _push5, _parent5, _scopeId4);
                                 if (unref(get)(item, props.labelKey) || !!slots.default) {
-                                  _push5(`<span data-slot="label" class="${ssrRenderClass(ui.value.label({ class: [(_a5 = props.ui) == null ? void 0 : _a5.label, (_b4 = item.ui) == null ? void 0 : _b4.label] }))}"${_scopeId4}>`);
+                                  _push5(`<span data-slot="label" class="${ssrRenderClass(ui.value.label({ class: [props.ui?.label, item.ui?.label] }))}"${_scopeId4}>`);
                                   ssrRenderSlot(_ctx.$slots, "default", {
                                     item,
                                     index,
@@ -178,11 +169,10 @@ const _sfc_main$1 = {
                                   open,
                                   ui: ui.value
                                 }, () => {
-                                  var _a6, _b5;
                                   _push5(ssrRenderComponent(_sfc_main$d, {
                                     name: item.trailingIcon || __props.trailingIcon || unref(appConfig).ui.icons.chevronDown,
                                     "data-slot": "trailingIcon",
-                                    class: ui.value.trailingIcon({ class: [(_a6 = props.ui) == null ? void 0 : _a6.trailingIcon, (_b5 = item.ui) == null ? void 0 : _b5.trailingIcon] })
+                                    class: ui.value.trailingIcon({ class: [props.ui?.trailingIcon, item.ui?.trailingIcon] })
                                   }, null, _parent5, _scopeId4));
                                 }, _push5, _parent5, _scopeId4);
                               } else {
@@ -192,21 +182,18 @@ const _sfc_main$1 = {
                                     index,
                                     open,
                                     ui: ui.value
-                                  }, () => {
-                                    var _a6, _b5;
-                                    return [
-                                      item.icon ? (openBlock(), createBlock(_sfc_main$d, {
-                                        key: 0,
-                                        name: item.icon,
-                                        "data-slot": "leadingIcon",
-                                        class: ui.value.leadingIcon({ class: [(_a6 = props.ui) == null ? void 0 : _a6.leadingIcon, (_b5 = item == null ? void 0 : item.ui) == null ? void 0 : _b5.leadingIcon] })
-                                      }, null, 8, ["name", "class"])) : createCommentVNode("", true)
-                                    ];
-                                  }),
+                                  }, () => [
+                                    item.icon ? (openBlock(), createBlock(_sfc_main$d, {
+                                      key: 0,
+                                      name: item.icon,
+                                      "data-slot": "leadingIcon",
+                                      class: ui.value.leadingIcon({ class: [props.ui?.leadingIcon, item?.ui?.leadingIcon] })
+                                    }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                                  ]),
                                   unref(get)(item, props.labelKey) || !!slots.default ? (openBlock(), createBlock("span", {
                                     key: 0,
                                     "data-slot": "label",
-                                    class: ui.value.label({ class: [(_c3 = props.ui) == null ? void 0 : _c3.label, (_d3 = item.ui) == null ? void 0 : _d3.label] })
+                                    class: ui.value.label({ class: [props.ui?.label, item.ui?.label] })
                                   }, [
                                     renderSlot(_ctx.$slots, "default", {
                                       item,
@@ -221,16 +208,13 @@ const _sfc_main$1 = {
                                     index,
                                     open,
                                     ui: ui.value
-                                  }, () => {
-                                    var _a6, _b5;
-                                    return [
-                                      createVNode(_sfc_main$d, {
-                                        name: item.trailingIcon || __props.trailingIcon || unref(appConfig).ui.icons.chevronDown,
-                                        "data-slot": "trailingIcon",
-                                        class: ui.value.trailingIcon({ class: [(_a6 = props.ui) == null ? void 0 : _a6.trailingIcon, (_b5 = item.ui) == null ? void 0 : _b5.trailingIcon] })
-                                      }, null, 8, ["name", "class"])
-                                    ];
-                                  })
+                                  }, () => [
+                                    createVNode(_sfc_main$d, {
+                                      name: item.trailingIcon || __props.trailingIcon || unref(appConfig).ui.icons.chevronDown,
+                                      "data-slot": "trailingIcon",
+                                      class: ui.value.trailingIcon({ class: [props.ui?.trailingIcon, item.ui?.trailingIcon] })
+                                    }, null, 8, ["name", "class"])
+                                  ])
                                 ];
                               }
                             }),
@@ -240,57 +224,48 @@ const _sfc_main$1 = {
                           return [
                             createVNode(unref(AccordionTrigger), {
                               "data-slot": "trigger",
-                              class: ui.value.trigger({ class: [(_c2 = props.ui) == null ? void 0 : _c2.trigger, (_d2 = item.ui) == null ? void 0 : _d2.trigger], disabled: item.disabled })
+                              class: ui.value.trigger({ class: [props.ui?.trigger, item.ui?.trigger], disabled: item.disabled })
                             }, {
-                              default: withCtx(() => {
-                                var _a5, _b4;
-                                return [
-                                  renderSlot(_ctx.$slots, "leading", {
-                                    item,
-                                    index,
-                                    open,
-                                    ui: ui.value
-                                  }, () => {
-                                    var _a6, _b5;
-                                    return [
-                                      item.icon ? (openBlock(), createBlock(_sfc_main$d, {
-                                        key: 0,
-                                        name: item.icon,
-                                        "data-slot": "leadingIcon",
-                                        class: ui.value.leadingIcon({ class: [(_a6 = props.ui) == null ? void 0 : _a6.leadingIcon, (_b5 = item == null ? void 0 : item.ui) == null ? void 0 : _b5.leadingIcon] })
-                                      }, null, 8, ["name", "class"])) : createCommentVNode("", true)
-                                    ];
-                                  }),
-                                  unref(get)(item, props.labelKey) || !!slots.default ? (openBlock(), createBlock("span", {
+                              default: withCtx(() => [
+                                renderSlot(_ctx.$slots, "leading", {
+                                  item,
+                                  index,
+                                  open,
+                                  ui: ui.value
+                                }, () => [
+                                  item.icon ? (openBlock(), createBlock(_sfc_main$d, {
                                     key: 0,
-                                    "data-slot": "label",
-                                    class: ui.value.label({ class: [(_a5 = props.ui) == null ? void 0 : _a5.label, (_b4 = item.ui) == null ? void 0 : _b4.label] })
-                                  }, [
-                                    renderSlot(_ctx.$slots, "default", {
-                                      item,
-                                      index,
-                                      open
-                                    }, () => [
-                                      createTextVNode(toDisplayString(unref(get)(item, props.labelKey)), 1)
-                                    ])
-                                  ], 2)) : createCommentVNode("", true),
-                                  renderSlot(_ctx.$slots, "trailing", {
+                                    name: item.icon,
+                                    "data-slot": "leadingIcon",
+                                    class: ui.value.leadingIcon({ class: [props.ui?.leadingIcon, item?.ui?.leadingIcon] })
+                                  }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                                ]),
+                                unref(get)(item, props.labelKey) || !!slots.default ? (openBlock(), createBlock("span", {
+                                  key: 0,
+                                  "data-slot": "label",
+                                  class: ui.value.label({ class: [props.ui?.label, item.ui?.label] })
+                                }, [
+                                  renderSlot(_ctx.$slots, "default", {
                                     item,
                                     index,
-                                    open,
-                                    ui: ui.value
-                                  }, () => {
-                                    var _a6, _b5;
-                                    return [
-                                      createVNode(_sfc_main$d, {
-                                        name: item.trailingIcon || __props.trailingIcon || unref(appConfig).ui.icons.chevronDown,
-                                        "data-slot": "trailingIcon",
-                                        class: ui.value.trailingIcon({ class: [(_a6 = props.ui) == null ? void 0 : _a6.trailingIcon, (_b5 = item.ui) == null ? void 0 : _b5.trailingIcon] })
-                                      }, null, 8, ["name", "class"])
-                                    ];
-                                  })
-                                ];
-                              }),
+                                    open
+                                  }, () => [
+                                    createTextVNode(toDisplayString(unref(get)(item, props.labelKey)), 1)
+                                  ])
+                                ], 2)) : createCommentVNode("", true),
+                                renderSlot(_ctx.$slots, "trailing", {
+                                  item,
+                                  index,
+                                  open,
+                                  ui: ui.value
+                                }, () => [
+                                  createVNode(_sfc_main$d, {
+                                    name: item.trailingIcon || __props.trailingIcon || unref(appConfig).ui.icons.chevronDown,
+                                    "data-slot": "trailingIcon",
+                                    class: ui.value.trailingIcon({ class: [props.ui?.trailingIcon, item.ui?.trailingIcon] })
+                                  }, null, 8, ["name", "class"])
+                                ])
+                              ]),
                               _: 2
                             }, 1032, ["class"])
                           ];
@@ -301,7 +276,7 @@ const _sfc_main$1 = {
                     if (item.content || !!slots.content || item.slot && !!slots[item.slot] || !!slots.body || item.slot && !!slots[`${item.slot}-body`]) {
                       _push3(ssrRenderComponent(unref(AccordionContent), {
                         "data-slot": "content",
-                        class: ui.value.content({ class: [(_c = props.ui) == null ? void 0 : _c.content, (_d = item.ui) == null ? void 0 : _d.content] })
+                        class: ui.value.content({ class: [props.ui?.content, item.ui?.content] })
                       }, {
                         default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                           if (_push4) {
@@ -311,8 +286,7 @@ const _sfc_main$1 = {
                               open,
                               ui: ui.value
                             }, () => {
-                              var _a4, _b3;
-                              _push4(`<div data-slot="body" class="${ssrRenderClass(ui.value.body({ class: [(_a4 = props.ui) == null ? void 0 : _a4.body, (_b3 = item.ui) == null ? void 0 : _b3.body] }))}"${_scopeId3}>`);
+                              _push4(`<div data-slot="body" class="${ssrRenderClass(ui.value.body({ class: [props.ui?.body, item.ui?.body] }))}"${_scopeId3}>`);
                               ssrRenderSlot(_ctx.$slots, item.slot ? `${item.slot}-body` : "body", {
                                 item,
                                 index,
@@ -330,24 +304,21 @@ const _sfc_main$1 = {
                                 index,
                                 open,
                                 ui: ui.value
-                              }, () => {
-                                var _a4, _b3;
-                                return [
-                                  createVNode("div", {
-                                    "data-slot": "body",
-                                    class: ui.value.body({ class: [(_a4 = props.ui) == null ? void 0 : _a4.body, (_b3 = item.ui) == null ? void 0 : _b3.body] })
-                                  }, [
-                                    renderSlot(_ctx.$slots, item.slot ? `${item.slot}-body` : "body", {
-                                      item,
-                                      index,
-                                      open,
-                                      ui: ui.value
-                                    }, () => [
-                                      createTextVNode(toDisplayString(item.content), 1)
-                                    ])
-                                  ], 2)
-                                ];
-                              })
+                              }, () => [
+                                createVNode("div", {
+                                  "data-slot": "body",
+                                  class: ui.value.body({ class: [props.ui?.body, item.ui?.body] })
+                                }, [
+                                  renderSlot(_ctx.$slots, item.slot ? `${item.slot}-body` : "body", {
+                                    item,
+                                    index,
+                                    open,
+                                    ui: ui.value
+                                  }, () => [
+                                    createTextVNode(toDisplayString(item.content), 1)
+                                  ])
+                                ], 2)
+                              ])
                             ];
                           }
                         }),
@@ -361,74 +332,62 @@ const _sfc_main$1 = {
                       createVNode(unref(AccordionHeader), {
                         as: "div",
                         "data-slot": "header",
-                        class: ui.value.header({ class: [(_e = props.ui) == null ? void 0 : _e.header, (_f = item.ui) == null ? void 0 : _f.header] })
+                        class: ui.value.header({ class: [props.ui?.header, item.ui?.header] })
                       }, {
-                        default: withCtx(() => {
-                          var _a4, _b3;
-                          return [
-                            createVNode(unref(AccordionTrigger), {
-                              "data-slot": "trigger",
-                              class: ui.value.trigger({ class: [(_a4 = props.ui) == null ? void 0 : _a4.trigger, (_b3 = item.ui) == null ? void 0 : _b3.trigger], disabled: item.disabled })
-                            }, {
-                              default: withCtx(() => {
-                                var _a5, _b4;
-                                return [
-                                  renderSlot(_ctx.$slots, "leading", {
-                                    item,
-                                    index,
-                                    open,
-                                    ui: ui.value
-                                  }, () => {
-                                    var _a6, _b5;
-                                    return [
-                                      item.icon ? (openBlock(), createBlock(_sfc_main$d, {
-                                        key: 0,
-                                        name: item.icon,
-                                        "data-slot": "leadingIcon",
-                                        class: ui.value.leadingIcon({ class: [(_a6 = props.ui) == null ? void 0 : _a6.leadingIcon, (_b5 = item == null ? void 0 : item.ui) == null ? void 0 : _b5.leadingIcon] })
-                                      }, null, 8, ["name", "class"])) : createCommentVNode("", true)
-                                    ];
-                                  }),
-                                  unref(get)(item, props.labelKey) || !!slots.default ? (openBlock(), createBlock("span", {
-                                    key: 0,
-                                    "data-slot": "label",
-                                    class: ui.value.label({ class: [(_a5 = props.ui) == null ? void 0 : _a5.label, (_b4 = item.ui) == null ? void 0 : _b4.label] })
-                                  }, [
-                                    renderSlot(_ctx.$slots, "default", {
-                                      item,
-                                      index,
-                                      open
-                                    }, () => [
-                                      createTextVNode(toDisplayString(unref(get)(item, props.labelKey)), 1)
-                                    ])
-                                  ], 2)) : createCommentVNode("", true),
-                                  renderSlot(_ctx.$slots, "trailing", {
-                                    item,
-                                    index,
-                                    open,
-                                    ui: ui.value
-                                  }, () => {
-                                    var _a6, _b5;
-                                    return [
-                                      createVNode(_sfc_main$d, {
-                                        name: item.trailingIcon || __props.trailingIcon || unref(appConfig).ui.icons.chevronDown,
-                                        "data-slot": "trailingIcon",
-                                        class: ui.value.trailingIcon({ class: [(_a6 = props.ui) == null ? void 0 : _a6.trailingIcon, (_b5 = item.ui) == null ? void 0 : _b5.trailingIcon] })
-                                      }, null, 8, ["name", "class"])
-                                    ];
-                                  })
-                                ];
-                              }),
-                              _: 2
-                            }, 1032, ["class"])
-                          ];
-                        }),
+                        default: withCtx(() => [
+                          createVNode(unref(AccordionTrigger), {
+                            "data-slot": "trigger",
+                            class: ui.value.trigger({ class: [props.ui?.trigger, item.ui?.trigger], disabled: item.disabled })
+                          }, {
+                            default: withCtx(() => [
+                              renderSlot(_ctx.$slots, "leading", {
+                                item,
+                                index,
+                                open,
+                                ui: ui.value
+                              }, () => [
+                                item.icon ? (openBlock(), createBlock(_sfc_main$d, {
+                                  key: 0,
+                                  name: item.icon,
+                                  "data-slot": "leadingIcon",
+                                  class: ui.value.leadingIcon({ class: [props.ui?.leadingIcon, item?.ui?.leadingIcon] })
+                                }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                              ]),
+                              unref(get)(item, props.labelKey) || !!slots.default ? (openBlock(), createBlock("span", {
+                                key: 0,
+                                "data-slot": "label",
+                                class: ui.value.label({ class: [props.ui?.label, item.ui?.label] })
+                              }, [
+                                renderSlot(_ctx.$slots, "default", {
+                                  item,
+                                  index,
+                                  open
+                                }, () => [
+                                  createTextVNode(toDisplayString(unref(get)(item, props.labelKey)), 1)
+                                ])
+                              ], 2)) : createCommentVNode("", true),
+                              renderSlot(_ctx.$slots, "trailing", {
+                                item,
+                                index,
+                                open,
+                                ui: ui.value
+                              }, () => [
+                                createVNode(_sfc_main$d, {
+                                  name: item.trailingIcon || __props.trailingIcon || unref(appConfig).ui.icons.chevronDown,
+                                  "data-slot": "trailingIcon",
+                                  class: ui.value.trailingIcon({ class: [props.ui?.trailingIcon, item.ui?.trailingIcon] })
+                                }, null, 8, ["name", "class"])
+                              ])
+                            ]),
+                            _: 2
+                          }, 1032, ["class"])
+                        ]),
                         _: 2
                       }, 1032, ["class"]),
                       item.content || !!slots.content || item.slot && !!slots[item.slot] || !!slots.body || item.slot && !!slots[`${item.slot}-body`] ? (openBlock(), createBlock(unref(AccordionContent), {
                         key: 0,
                         "data-slot": "content",
-                        class: ui.value.content({ class: [(_g = props.ui) == null ? void 0 : _g.content, (_h = item.ui) == null ? void 0 : _h.content] })
+                        class: ui.value.content({ class: [props.ui?.content, item.ui?.content] })
                       }, {
                         default: withCtx(() => [
                           renderSlot(_ctx.$slots, item.slot || "content", {
@@ -436,24 +395,21 @@ const _sfc_main$1 = {
                             index,
                             open,
                             ui: ui.value
-                          }, () => {
-                            var _a4, _b3;
-                            return [
-                              createVNode("div", {
-                                "data-slot": "body",
-                                class: ui.value.body({ class: [(_a4 = props.ui) == null ? void 0 : _a4.body, (_b3 = item.ui) == null ? void 0 : _b3.body] })
-                              }, [
-                                renderSlot(_ctx.$slots, item.slot ? `${item.slot}-body` : "body", {
-                                  item,
-                                  index,
-                                  open,
-                                  ui: ui.value
-                                }, () => [
-                                  createTextVNode(toDisplayString(item.content), 1)
-                                ])
-                              ], 2)
-                            ];
-                          })
+                          }, () => [
+                            createVNode("div", {
+                              "data-slot": "body",
+                              class: ui.value.body({ class: [props.ui?.body, item.ui?.body] })
+                            }, [
+                              renderSlot(_ctx.$slots, item.slot ? `${item.slot}-body` : "body", {
+                                item,
+                                index,
+                                open,
+                                ui: ui.value
+                              }, () => [
+                                createTextVNode(toDisplayString(item.content), 1)
+                              ])
+                            ], 2)
+                          ])
                         ]),
                         _: 2
                       }, 1032, ["class"])) : createCommentVNode("", true)
@@ -467,118 +423,99 @@ const _sfc_main$1 = {
           } else {
             return [
               (openBlock(true), createBlock(Fragment, null, renderList(props.items, (item, index) => {
-                var _a2, _b;
                 return openBlock(), createBlock(unref(AccordionItem), {
                   key: index,
                   value: item.value || String(index),
                   disabled: item.disabled,
                   "data-slot": "item",
-                  class: ui.value.item({ class: [(_a2 = props.ui) == null ? void 0 : _a2.item, (_b = item.ui) == null ? void 0 : _b.item, item.class] })
+                  class: ui.value.item({ class: [props.ui?.item, item.ui?.item, item.class] })
                 }, {
-                  default: withCtx(({ open }) => {
-                    var _a3, _b2, _c, _d;
-                    return [
-                      createVNode(unref(AccordionHeader), {
-                        as: "div",
-                        "data-slot": "header",
-                        class: ui.value.header({ class: [(_a3 = props.ui) == null ? void 0 : _a3.header, (_b2 = item.ui) == null ? void 0 : _b2.header] })
-                      }, {
-                        default: withCtx(() => {
-                          var _a4, _b3;
-                          return [
-                            createVNode(unref(AccordionTrigger), {
-                              "data-slot": "trigger",
-                              class: ui.value.trigger({ class: [(_a4 = props.ui) == null ? void 0 : _a4.trigger, (_b3 = item.ui) == null ? void 0 : _b3.trigger], disabled: item.disabled })
-                            }, {
-                              default: withCtx(() => {
-                                var _a5, _b4;
-                                return [
-                                  renderSlot(_ctx.$slots, "leading", {
-                                    item,
-                                    index,
-                                    open,
-                                    ui: ui.value
-                                  }, () => {
-                                    var _a6, _b5;
-                                    return [
-                                      item.icon ? (openBlock(), createBlock(_sfc_main$d, {
-                                        key: 0,
-                                        name: item.icon,
-                                        "data-slot": "leadingIcon",
-                                        class: ui.value.leadingIcon({ class: [(_a6 = props.ui) == null ? void 0 : _a6.leadingIcon, (_b5 = item == null ? void 0 : item.ui) == null ? void 0 : _b5.leadingIcon] })
-                                      }, null, 8, ["name", "class"])) : createCommentVNode("", true)
-                                    ];
-                                  }),
-                                  unref(get)(item, props.labelKey) || !!slots.default ? (openBlock(), createBlock("span", {
-                                    key: 0,
-                                    "data-slot": "label",
-                                    class: ui.value.label({ class: [(_a5 = props.ui) == null ? void 0 : _a5.label, (_b4 = item.ui) == null ? void 0 : _b4.label] })
-                                  }, [
-                                    renderSlot(_ctx.$slots, "default", {
-                                      item,
-                                      index,
-                                      open
-                                    }, () => [
-                                      createTextVNode(toDisplayString(unref(get)(item, props.labelKey)), 1)
-                                    ])
-                                  ], 2)) : createCommentVNode("", true),
-                                  renderSlot(_ctx.$slots, "trailing", {
-                                    item,
-                                    index,
-                                    open,
-                                    ui: ui.value
-                                  }, () => {
-                                    var _a6, _b5;
-                                    return [
-                                      createVNode(_sfc_main$d, {
-                                        name: item.trailingIcon || __props.trailingIcon || unref(appConfig).ui.icons.chevronDown,
-                                        "data-slot": "trailingIcon",
-                                        class: ui.value.trailingIcon({ class: [(_a6 = props.ui) == null ? void 0 : _a6.trailingIcon, (_b5 = item.ui) == null ? void 0 : _b5.trailingIcon] })
-                                      }, null, 8, ["name", "class"])
-                                    ];
-                                  })
-                                ];
-                              }),
-                              _: 2
-                            }, 1032, ["class"])
-                          ];
-                        }),
-                        _: 2
-                      }, 1032, ["class"]),
-                      item.content || !!slots.content || item.slot && !!slots[item.slot] || !!slots.body || item.slot && !!slots[`${item.slot}-body`] ? (openBlock(), createBlock(unref(AccordionContent), {
-                        key: 0,
-                        "data-slot": "content",
-                        class: ui.value.content({ class: [(_c = props.ui) == null ? void 0 : _c.content, (_d = item.ui) == null ? void 0 : _d.content] })
-                      }, {
-                        default: withCtx(() => [
-                          renderSlot(_ctx.$slots, item.slot || "content", {
-                            item,
-                            index,
-                            open,
-                            ui: ui.value
-                          }, () => {
-                            var _a4, _b3;
-                            return [
-                              createVNode("div", {
-                                "data-slot": "body",
-                                class: ui.value.body({ class: [(_a4 = props.ui) == null ? void 0 : _a4.body, (_b3 = item.ui) == null ? void 0 : _b3.body] })
-                              }, [
-                                renderSlot(_ctx.$slots, item.slot ? `${item.slot}-body` : "body", {
-                                  item,
-                                  index,
-                                  open,
-                                  ui: ui.value
-                                }, () => [
-                                  createTextVNode(toDisplayString(item.content), 1)
-                                ])
-                              ], 2)
-                            ];
-                          })
-                        ]),
-                        _: 2
-                      }, 1032, ["class"])) : createCommentVNode("", true)
-                    ];
-                  }),
+                  default: withCtx(({ open }) => [
+                    createVNode(unref(AccordionHeader), {
+                      as: "div",
+                      "data-slot": "header",
+                      class: ui.value.header({ class: [props.ui?.header, item.ui?.header] })
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(AccordionTrigger), {
+                          "data-slot": "trigger",
+                          class: ui.value.trigger({ class: [props.ui?.trigger, item.ui?.trigger], disabled: item.disabled })
+                        }, {
+                          default: withCtx(() => [
+                            renderSlot(_ctx.$slots, "leading", {
+                              item,
+                              index,
+                              open,
+                              ui: ui.value
+                            }, () => [
+                              item.icon ? (openBlock(), createBlock(_sfc_main$d, {
+                                key: 0,
+                                name: item.icon,
+                                "data-slot": "leadingIcon",
+                                class: ui.value.leadingIcon({ class: [props.ui?.leadingIcon, item?.ui?.leadingIcon] })
+                              }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                            ]),
+                            unref(get)(item, props.labelKey) || !!slots.default ? (openBlock(), createBlock("span", {
+                              key: 0,
+                              "data-slot": "label",
+                              class: ui.value.label({ class: [props.ui?.label, item.ui?.label] })
+                            }, [
+                              renderSlot(_ctx.$slots, "default", {
+                                item,
+                                index,
+                                open
+                              }, () => [
+                                createTextVNode(toDisplayString(unref(get)(item, props.labelKey)), 1)
+                              ])
+                            ], 2)) : createCommentVNode("", true),
+                            renderSlot(_ctx.$slots, "trailing", {
+                              item,
+                              index,
+                              open,
+                              ui: ui.value
+                            }, () => [
+                              createVNode(_sfc_main$d, {
+                                name: item.trailingIcon || __props.trailingIcon || unref(appConfig).ui.icons.chevronDown,
+                                "data-slot": "trailingIcon",
+                                class: ui.value.trailingIcon({ class: [props.ui?.trailingIcon, item.ui?.trailingIcon] })
+                              }, null, 8, ["name", "class"])
+                            ])
+                          ]),
+                          _: 2
+                        }, 1032, ["class"])
+                      ]),
+                      _: 2
+                    }, 1032, ["class"]),
+                    item.content || !!slots.content || item.slot && !!slots[item.slot] || !!slots.body || item.slot && !!slots[`${item.slot}-body`] ? (openBlock(), createBlock(unref(AccordionContent), {
+                      key: 0,
+                      "data-slot": "content",
+                      class: ui.value.content({ class: [props.ui?.content, item.ui?.content] })
+                    }, {
+                      default: withCtx(() => [
+                        renderSlot(_ctx.$slots, item.slot || "content", {
+                          item,
+                          index,
+                          open,
+                          ui: ui.value
+                        }, () => [
+                          createVNode("div", {
+                            "data-slot": "body",
+                            class: ui.value.body({ class: [props.ui?.body, item.ui?.body] })
+                          }, [
+                            renderSlot(_ctx.$slots, item.slot ? `${item.slot}-body` : "body", {
+                              item,
+                              index,
+                              open,
+                              ui: ui.value
+                            }, () => [
+                              createTextVNode(toDisplayString(item.content), 1)
+                            ])
+                          ], 2)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["class"])) : createCommentVNode("", true)
+                  ]),
                   _: 2
                 }, 1032, ["value", "disabled", "class"]);
               }), 128))
@@ -614,26 +551,21 @@ const _sfc_main = {
     const props = __props;
     const slots = useSlots();
     const appConfig = useAppConfig();
-    const ui = computed(() => {
-      var _a, _b;
-      return tv({ extend: tv(theme), ...((_b = (_a = appConfig.ui) == null ? void 0 : _a.prose) == null ? void 0 : _b.accordion) || {} });
-    });
+    const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.accordion || {} }));
     const rerenderCount = ref(1);
     const items = computed(() => {
-      var _a, _b;
       rerenderCount.value;
-      return ((_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) == null ? void 0 : _b.flatMap(transformSlot).filter(Boolean)) || [];
+      return slots.default?.()?.flatMap(transformSlot).filter(Boolean) || [];
     });
     function transformSlot(slot, index) {
-      var _a, _b, _c, _d;
       if (typeof slot.type === "symbol") {
-        return (_a = slot.children) == null ? void 0 : _a.map(transformSlot);
+        return slot.children?.map(transformSlot);
       }
       return {
         index,
-        label: ((_b = slot.props) == null ? void 0 : _b.label) || `${index}`,
-        description: (_c = slot.props) == null ? void 0 : _c.description,
-        icon: (_d = slot.props) == null ? void 0 : _d.icon,
+        label: slot.props?.label || `${index}`,
+        description: slot.props?.description,
+        icon: slot.props?.icon,
         component: slot
       };
     }