cognova 0.2.19 → 0.2.21

package/.output/server/chunks/build/DropdownMenu-BBrV9nXz.mjs

@@ -54,10 +54,7 @@ const _sfc_main$1 = {
     const [DefineItemTemplate, ReuseItemTemplate] = createReusableTemplate();
     const childrenIcon = computed(() => dir.value === "rtl" ? appConfig.ui.icons.chevronLeft : appConfig.ui.icons.chevronRight);
     const groups = computed(
-      () => {
-        var _a;
-        return ((_a = props.items) == null ? void 0 : _a.length) ? isArrayOfArray(props.items) ? props.items : [props.items] : [];
-      }
+      () => props.items?.length ? isArrayOfArray(props.items) ? props.items : [props.items] : []
     );
     return (_ctx, _push, _parent, _attrs) => {
       _push(`<!--[-->`);
@@ -69,39 +66,37 @@ const _sfc_main$1 = {
               index,
               ui: __props.ui
             }, () => {
-              var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
               ssrRenderSlot(_ctx.$slots, item.slot ? `${item.slot}-leading` : "item-leading", {
                 item,
                 active,
                 index,
                 ui: __props.ui
               }, () => {
-                var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
                 if (item.loading) {
                   _push2(ssrRenderComponent(_sfc_main$d, {
                     name: __props.loadingIcon || unref(appConfig).ui.icons.loading,
                     "data-slot": "itemLeadingIcon",
-                    class: __props.ui.itemLeadingIcon({ class: [(_a2 = __props.uiOverride) == null ? void 0 : _a2.itemLeadingIcon, (_b2 = item.ui) == null ? void 0 : _b2.itemLeadingIcon], color: item == null ? void 0 : item.color, loading: true })
+                    class: __props.ui.itemLeadingIcon({ class: [__props.uiOverride?.itemLeadingIcon, item.ui?.itemLeadingIcon], color: item?.color, loading: true })
                   }, null, _parent2, _scopeId));
                 } else if (item.icon) {
                   _push2(ssrRenderComponent(_sfc_main$d, {
                     name: item.icon,
                     "data-slot": "itemLeadingIcon",
-                    class: __props.ui.itemLeadingIcon({ class: [(_c2 = __props.uiOverride) == null ? void 0 : _c2.itemLeadingIcon, (_d2 = item.ui) == null ? void 0 : _d2.itemLeadingIcon], color: item == null ? void 0 : item.color, active })
+                    class: __props.ui.itemLeadingIcon({ class: [__props.uiOverride?.itemLeadingIcon, item.ui?.itemLeadingIcon], color: item?.color, active })
                   }, null, _parent2, _scopeId));
                 } else if (item.avatar) {
                   _push2(ssrRenderComponent(_sfc_main$b, mergeProps({
-                    size: ((_e2 = item.ui) == null ? void 0 : _e2.itemLeadingAvatarSize) || ((_f2 = __props.uiOverride) == null ? void 0 : _f2.itemLeadingAvatarSize) || __props.ui.itemLeadingAvatarSize()
+                    size: item.ui?.itemLeadingAvatarSize || __props.uiOverride?.itemLeadingAvatarSize || __props.ui.itemLeadingAvatarSize()
                   }, item.avatar, {
                     "data-slot": "itemLeadingAvatar",
-                    class: __props.ui.itemLeadingAvatar({ class: [(_g2 = __props.uiOverride) == null ? void 0 : _g2.itemLeadingAvatar, (_h2 = item.ui) == null ? void 0 : _h2.itemLeadingAvatar], active })
+                    class: __props.ui.itemLeadingAvatar({ class: [__props.uiOverride?.itemLeadingAvatar, item.ui?.itemLeadingAvatar], active })
                   }), null, _parent2, _scopeId));
                 } else {
                   _push2(`<!---->`);
                 }
               }, _push2, _parent2, _scopeId);
               if (unref(get)(item, props.labelKey) || !!slots[item.slot ? `${item.slot}-label` : "item-label"] || (unref(get)(item, props.descriptionKey) || !!slots[item.slot ? `${item.slot}-description` : "item-description"])) {
-                _push2(`<span data-slot="itemWrapper" class="${ssrRenderClass(__props.ui.itemWrapper({ class: [(_a = __props.uiOverride) == null ? void 0 : _a.itemWrapper, (_b = item.ui) == null ? void 0 : _b.itemWrapper] }))}"${_scopeId}><span data-slot="itemLabel" class="${ssrRenderClass(__props.ui.itemLabel({ class: [(_c = __props.uiOverride) == null ? void 0 : _c.itemLabel, (_d = item.ui) == null ? void 0 : _d.itemLabel], active }))}"${_scopeId}>`);
+                _push2(`<span data-slot="itemWrapper" class="${ssrRenderClass(__props.ui.itemWrapper({ class: [__props.uiOverride?.itemWrapper, item.ui?.itemWrapper] }))}"${_scopeId}><span data-slot="itemLabel" class="${ssrRenderClass(__props.ui.itemLabel({ class: [__props.uiOverride?.itemLabel, item.ui?.itemLabel], active }))}"${_scopeId}>`);
                 ssrRenderSlot(_ctx.$slots, item.slot ? `${item.slot}-label` : "item-label", {
                   item,
                   active,
@@ -113,14 +108,14 @@ const _sfc_main$1 = {
                   _push2(ssrRenderComponent(_sfc_main$d, {
                     name: typeof __props.externalIcon === "string" ? __props.externalIcon : unref(appConfig).ui.icons.external,
                     "data-slot": "itemLabelExternalIcon",
-                    class: __props.ui.itemLabelExternalIcon({ class: [(_e = __props.uiOverride) == null ? void 0 : _e.itemLabelExternalIcon, (_f = item.ui) == null ? void 0 : _f.itemLabelExternalIcon], color: item == null ? void 0 : item.color, active })
+                    class: __props.ui.itemLabelExternalIcon({ class: [__props.uiOverride?.itemLabelExternalIcon, item.ui?.itemLabelExternalIcon], color: item?.color, active })
                   }, null, _parent2, _scopeId));
                 } else {
                   _push2(`<!---->`);
                 }
                 _push2(`</span>`);
                 if (unref(get)(item, props.descriptionKey)) {
-                  _push2(`<span data-slot="itemDescription" class="${ssrRenderClass(__props.ui.itemDescription({ class: [(_g = __props.uiOverride) == null ? void 0 : _g.itemDescription, (_h = item.ui) == null ? void 0 : _h.itemDescription] }))}"${_scopeId}>`);
+                  _push2(`<span data-slot="itemDescription" class="${ssrRenderClass(__props.ui.itemDescription({ class: [__props.uiOverride?.itemDescription, item.ui?.itemDescription] }))}"${_scopeId}>`);
                   ssrRenderSlot(_ctx.$slots, item.slot ? `${item.slot}-description` : "item-description", {
                     item,
                     active,
@@ -136,27 +131,25 @@ const _sfc_main$1 = {
               } else {
                 _push2(`<!---->`);
               }
-              _push2(`<span data-slot="itemTrailing" class="${ssrRenderClass(__props.ui.itemTrailing({ class: [(_i = __props.uiOverride) == null ? void 0 : _i.itemTrailing, (_j = item.ui) == null ? void 0 : _j.itemTrailing] }))}"${_scopeId}>`);
+              _push2(`<span data-slot="itemTrailing" class="${ssrRenderClass(__props.ui.itemTrailing({ class: [__props.uiOverride?.itemTrailing, item.ui?.itemTrailing] }))}"${_scopeId}>`);
               ssrRenderSlot(_ctx.$slots, item.slot ? `${item.slot}-trailing` : "item-trailing", {
                 item,
                 active,
                 index,
                 ui: __props.ui
               }, () => {
-                var _a2, _b2, _c2, _d2, _e2, _f2;
-                if ((_a2 = item.children) == null ? void 0 : _a2.length) {
+                if (item.children?.length) {
                   _push2(ssrRenderComponent(_sfc_main$d, {
                     name: childrenIcon.value,
                     "data-slot": "itemTrailingIcon",
-                    class: __props.ui.itemTrailingIcon({ class: [(_b2 = __props.uiOverride) == null ? void 0 : _b2.itemTrailingIcon, (_c2 = item.ui) == null ? void 0 : _c2.itemTrailingIcon], color: item == null ? void 0 : item.color, active })
+                    class: __props.ui.itemTrailingIcon({ class: [__props.uiOverride?.itemTrailingIcon, item.ui?.itemTrailingIcon], color: item?.color, active })
                   }, null, _parent2, _scopeId));
-                } else if ((_d2 = item.kbds) == null ? void 0 : _d2.length) {
-                  _push2(`<span data-slot="itemTrailingKbds" class="${ssrRenderClass(__props.ui.itemTrailingKbds({ class: [(_e2 = __props.uiOverride) == null ? void 0 : _e2.itemTrailingKbds, (_f2 = item.ui) == null ? void 0 : _f2.itemTrailingKbds] }))}"${_scopeId}><!--[-->`);
+                } else if (item.kbds?.length) {
+                  _push2(`<span data-slot="itemTrailingKbds" class="${ssrRenderClass(__props.ui.itemTrailingKbds({ class: [__props.uiOverride?.itemTrailingKbds, item.ui?.itemTrailingKbds] }))}"${_scopeId}><!--[-->`);
                   ssrRenderList(item.kbds, (kbd, kbdIndex) => {
-                    var _a3, _b3;
                     _push2(ssrRenderComponent(_sfc_main$2, mergeProps({
                       key: kbdIndex,
-                      size: ((_a3 = item.ui) == null ? void 0 : _a3.itemTrailingKbdsSize) || ((_b3 = __props.uiOverride) == null ? void 0 : _b3.itemTrailingKbdsSize) || __props.ui.itemTrailingKbdsSize()
+                      size: item.ui?.itemTrailingKbdsSize || __props.uiOverride?.itemTrailingKbdsSize || __props.ui.itemTrailingKbdsSize()
                     }, { ref_for: true }, typeof kbd === "string" ? { value: kbd } : kbd), null, _parent2, _scopeId));
                   });
                   _push2(`<!--]--></span>`);
@@ -166,19 +159,18 @@ const _sfc_main$1 = {
               }, _push2, _parent2, _scopeId);
               _push2(ssrRenderComponent(unref(DropdownMenu).ItemIndicator, { "as-child": "" }, {
                 default: withCtx((_, _push3, _parent3, _scopeId2) => {
-                  var _a2, _b2, _c2, _d2;
                   if (_push3) {
                     _push3(ssrRenderComponent(_sfc_main$d, {
                       name: __props.checkedIcon || unref(appConfig).ui.icons.check,
                       "data-slot": "itemTrailingIcon",
-                      class: __props.ui.itemTrailingIcon({ class: [(_a2 = __props.uiOverride) == null ? void 0 : _a2.itemTrailingIcon, (_b2 = item.ui) == null ? void 0 : _b2.itemTrailingIcon], color: item == null ? void 0 : item.color })
+                      class: __props.ui.itemTrailingIcon({ class: [__props.uiOverride?.itemTrailingIcon, item.ui?.itemTrailingIcon], color: item?.color })
                     }, null, _parent3, _scopeId2));
                   } else {
                     return [
                       createVNode(_sfc_main$d, {
                         name: __props.checkedIcon || unref(appConfig).ui.icons.check,
                         "data-slot": "itemTrailingIcon",
-                        class: __props.ui.itemTrailingIcon({ class: [(_c2 = __props.uiOverride) == null ? void 0 : _c2.itemTrailingIcon, (_d2 = item.ui) == null ? void 0 : _d2.itemTrailingIcon], color: item == null ? void 0 : item.color })
+                        class: __props.ui.itemTrailingIcon({ class: [__props.uiOverride?.itemTrailingIcon, item.ui?.itemTrailingIcon], color: item?.color })
                       }, null, 8, ["name", "class"])
                     ];
                   }
@@ -193,121 +185,108 @@ const _sfc_main$1 = {
                 item,
                 index,
                 ui: __props.ui
-              }, () => {
-                var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-                return [
-                  renderSlot(_ctx.$slots, item.slot ? `${item.slot}-leading` : "item-leading", {
+              }, () => [
+                renderSlot(_ctx.$slots, item.slot ? `${item.slot}-leading` : "item-leading", {
+                  item,
+                  active,
+                  index,
+                  ui: __props.ui
+                }, () => [
+                  item.loading ? (openBlock(), createBlock(_sfc_main$d, {
+                    key: 0,
+                    name: __props.loadingIcon || unref(appConfig).ui.icons.loading,
+                    "data-slot": "itemLeadingIcon",
+                    class: __props.ui.itemLeadingIcon({ class: [__props.uiOverride?.itemLeadingIcon, item.ui?.itemLeadingIcon], color: item?.color, loading: true })
+                  }, null, 8, ["name", "class"])) : item.icon ? (openBlock(), createBlock(_sfc_main$d, {
+                    key: 1,
+                    name: item.icon,
+                    "data-slot": "itemLeadingIcon",
+                    class: __props.ui.itemLeadingIcon({ class: [__props.uiOverride?.itemLeadingIcon, item.ui?.itemLeadingIcon], color: item?.color, active })
+                  }, null, 8, ["name", "class"])) : item.avatar ? (openBlock(), createBlock(_sfc_main$b, mergeProps({
+                    key: 2,
+                    size: item.ui?.itemLeadingAvatarSize || __props.uiOverride?.itemLeadingAvatarSize || __props.ui.itemLeadingAvatarSize()
+                  }, item.avatar, {
+                    "data-slot": "itemLeadingAvatar",
+                    class: __props.ui.itemLeadingAvatar({ class: [__props.uiOverride?.itemLeadingAvatar, item.ui?.itemLeadingAvatar], active })
+                  }), null, 16, ["size", "class"])) : createCommentVNode("", true)
+                ]),
+                unref(get)(item, props.labelKey) || !!slots[item.slot ? `${item.slot}-label` : "item-label"] || (unref(get)(item, props.descriptionKey) || !!slots[item.slot ? `${item.slot}-description` : "item-description"]) ? (openBlock(), createBlock("span", {
+                  key: 0,
+                  "data-slot": "itemWrapper",
+                  class: __props.ui.itemWrapper({ class: [__props.uiOverride?.itemWrapper, item.ui?.itemWrapper] })
+                }, [
+                  createVNode("span", {
+                    "data-slot": "itemLabel",
+                    class: __props.ui.itemLabel({ class: [__props.uiOverride?.itemLabel, item.ui?.itemLabel], active })
+                  }, [
+                    renderSlot(_ctx.$slots, item.slot ? `${item.slot}-label` : "item-label", {
+                      item,
+                      active,
+                      index
+                    }, () => [
+                      createTextVNode(toDisplayString(unref(get)(item, props.labelKey)), 1)
+                    ]),
+                    item.target === "_blank" && __props.externalIcon !== false ? (openBlock(), createBlock(_sfc_main$d, {
+                      key: 0,
+                      name: typeof __props.externalIcon === "string" ? __props.externalIcon : unref(appConfig).ui.icons.external,
+                      "data-slot": "itemLabelExternalIcon",
+                      class: __props.ui.itemLabelExternalIcon({ class: [__props.uiOverride?.itemLabelExternalIcon, item.ui?.itemLabelExternalIcon], color: item?.color, active })
+                    }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                  ], 2),
+                  unref(get)(item, props.descriptionKey) ? (openBlock(), createBlock("span", {
+                    key: 0,
+                    "data-slot": "itemDescription",
+                    class: __props.ui.itemDescription({ class: [__props.uiOverride?.itemDescription, item.ui?.itemDescription] })
+                  }, [
+                    renderSlot(_ctx.$slots, item.slot ? `${item.slot}-description` : "item-description", {
+                      item,
+                      active,
+                      index
+                    }, () => [
+                      createTextVNode(toDisplayString(unref(get)(item, props.descriptionKey)), 1)
+                    ])
+                  ], 2)) : createCommentVNode("", true)
+                ], 2)) : createCommentVNode("", true),
+                createVNode("span", {
+                  "data-slot": "itemTrailing",
+                  class: __props.ui.itemTrailing({ class: [__props.uiOverride?.itemTrailing, item.ui?.itemTrailing] })
+                }, [
+                  renderSlot(_ctx.$slots, item.slot ? `${item.slot}-trailing` : "item-trailing", {
                     item,
                     active,
                     index,
                     ui: __props.ui
-                  }, () => {
-                    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
-                    return [
-                      item.loading ? (openBlock(), createBlock(_sfc_main$d, {
-                        key: 0,
-                        name: __props.loadingIcon || unref(appConfig).ui.icons.loading,
-                        "data-slot": "itemLeadingIcon",
-                        class: __props.ui.itemLeadingIcon({ class: [(_a2 = __props.uiOverride) == null ? void 0 : _a2.itemLeadingIcon, (_b2 = item.ui) == null ? void 0 : _b2.itemLeadingIcon], color: item == null ? void 0 : item.color, loading: true })
-                      }, null, 8, ["name", "class"])) : item.icon ? (openBlock(), createBlock(_sfc_main$d, {
-                        key: 1,
-                        name: item.icon,
-                        "data-slot": "itemLeadingIcon",
-                        class: __props.ui.itemLeadingIcon({ class: [(_c2 = __props.uiOverride) == null ? void 0 : _c2.itemLeadingIcon, (_d2 = item.ui) == null ? void 0 : _d2.itemLeadingIcon], color: item == null ? void 0 : item.color, active })
-                      }, null, 8, ["name", "class"])) : item.avatar ? (openBlock(), createBlock(_sfc_main$b, mergeProps({
-                        key: 2,
-                        size: ((_e2 = item.ui) == null ? void 0 : _e2.itemLeadingAvatarSize) || ((_f2 = __props.uiOverride) == null ? void 0 : _f2.itemLeadingAvatarSize) || __props.ui.itemLeadingAvatarSize()
-                      }, item.avatar, {
-                        "data-slot": "itemLeadingAvatar",
-                        class: __props.ui.itemLeadingAvatar({ class: [(_g2 = __props.uiOverride) == null ? void 0 : _g2.itemLeadingAvatar, (_h2 = item.ui) == null ? void 0 : _h2.itemLeadingAvatar], active })
-                      }), null, 16, ["size", "class"])) : createCommentVNode("", true)
-                    ];
-                  }),
-                  unref(get)(item, props.labelKey) || !!slots[item.slot ? `${item.slot}-label` : "item-label"] || (unref(get)(item, props.descriptionKey) || !!slots[item.slot ? `${item.slot}-description` : "item-description"]) ? (openBlock(), createBlock("span", {
-                    key: 0,
-                    "data-slot": "itemWrapper",
-                    class: __props.ui.itemWrapper({ class: [(_a = __props.uiOverride) == null ? void 0 : _a.itemWrapper, (_b = item.ui) == null ? void 0 : _b.itemWrapper] })
-                  }, [
-                    createVNode("span", {
-                      "data-slot": "itemLabel",
-                      class: __props.ui.itemLabel({ class: [(_c = __props.uiOverride) == null ? void 0 : _c.itemLabel, (_d = item.ui) == null ? void 0 : _d.itemLabel], active })
-                    }, [
-                      renderSlot(_ctx.$slots, item.slot ? `${item.slot}-label` : "item-label", {
-                        item,
-                        active,
-                        index
-                      }, () => [
-                        createTextVNode(toDisplayString(unref(get)(item, props.labelKey)), 1)
-                      ]),
-                      item.target === "_blank" && __props.externalIcon !== false ? (openBlock(), createBlock(_sfc_main$d, {
-                        key: 0,
-                        name: typeof __props.externalIcon === "string" ? __props.externalIcon : unref(appConfig).ui.icons.external,
-                        "data-slot": "itemLabelExternalIcon",
-                        class: __props.ui.itemLabelExternalIcon({ class: [(_e = __props.uiOverride) == null ? void 0 : _e.itemLabelExternalIcon, (_f = item.ui) == null ? void 0 : _f.itemLabelExternalIcon], color: item == null ? void 0 : item.color, active })
-                      }, null, 8, ["name", "class"])) : createCommentVNode("", true)
-                    ], 2),
-                    unref(get)(item, props.descriptionKey) ? (openBlock(), createBlock("span", {
+                  }, () => [
+                    item.children?.length ? (openBlock(), createBlock(_sfc_main$d, {
                       key: 0,
-                      "data-slot": "itemDescription",
-                      class: __props.ui.itemDescription({ class: [(_g = __props.uiOverride) == null ? void 0 : _g.itemDescription, (_h = item.ui) == null ? void 0 : _h.itemDescription] })
+                      name: childrenIcon.value,
+                      "data-slot": "itemTrailingIcon",
+                      class: __props.ui.itemTrailingIcon({ class: [__props.uiOverride?.itemTrailingIcon, item.ui?.itemTrailingIcon], color: item?.color, active })
+                    }, null, 8, ["name", "class"])) : item.kbds?.length ? (openBlock(), createBlock("span", {
+                      key: 1,
+                      "data-slot": "itemTrailingKbds",
+                      class: __props.ui.itemTrailingKbds({ class: [__props.uiOverride?.itemTrailingKbds, item.ui?.itemTrailingKbds] })
                     }, [
-                      renderSlot(_ctx.$slots, item.slot ? `${item.slot}-description` : "item-description", {
-                        item,
-                        active,
-                        index
-                      }, () => [
-                        createTextVNode(toDisplayString(unref(get)(item, props.descriptionKey)), 1)
-                      ])
+                      (openBlock(true), createBlock(Fragment, null, renderList(item.kbds, (kbd, kbdIndex) => {
+                        return openBlock(), createBlock(_sfc_main$2, mergeProps({
+                          key: kbdIndex,
+                          size: item.ui?.itemTrailingKbdsSize || __props.uiOverride?.itemTrailingKbdsSize || __props.ui.itemTrailingKbdsSize()
+                        }, { ref_for: true }, typeof kbd === "string" ? { value: kbd } : kbd), null, 16, ["size"]);
+                      }), 128))
                     ], 2)) : createCommentVNode("", true)
-                  ], 2)) : createCommentVNode("", true),
-                  createVNode("span", {
-                    "data-slot": "itemTrailing",
-                    class: __props.ui.itemTrailing({ class: [(_i = __props.uiOverride) == null ? void 0 : _i.itemTrailing, (_j = item.ui) == null ? void 0 : _j.itemTrailing] })
-                  }, [
-                    renderSlot(_ctx.$slots, item.slot ? `${item.slot}-trailing` : "item-trailing", {
-                      item,
-                      active,
-                      index,
-                      ui: __props.ui
-                    }, () => {
-                      var _a2, _b2, _c2, _d2, _e2, _f2;
-                      return [
-                        ((_a2 = item.children) == null ? void 0 : _a2.length) ? (openBlock(), createBlock(_sfc_main$d, {
-                          key: 0,
-                          name: childrenIcon.value,
-                          "data-slot": "itemTrailingIcon",
-                          class: __props.ui.itemTrailingIcon({ class: [(_b2 = __props.uiOverride) == null ? void 0 : _b2.itemTrailingIcon, (_c2 = item.ui) == null ? void 0 : _c2.itemTrailingIcon], color: item == null ? void 0 : item.color, active })
-                        }, null, 8, ["name", "class"])) : ((_d2 = item.kbds) == null ? void 0 : _d2.length) ? (openBlock(), createBlock("span", {
-                          key: 1,
-                          "data-slot": "itemTrailingKbds",
-                          class: __props.ui.itemTrailingKbds({ class: [(_e2 = __props.uiOverride) == null ? void 0 : _e2.itemTrailingKbds, (_f2 = item.ui) == null ? void 0 : _f2.itemTrailingKbds] })
-                        }, [
-                          (openBlock(true), createBlock(Fragment, null, renderList(item.kbds, (kbd, kbdIndex) => {
-                            var _a3, _b3;
-                            return openBlock(), createBlock(_sfc_main$2, mergeProps({
-                              key: kbdIndex,
-                              size: ((_a3 = item.ui) == null ? void 0 : _a3.itemTrailingKbdsSize) || ((_b3 = __props.uiOverride) == null ? void 0 : _b3.itemTrailingKbdsSize) || __props.ui.itemTrailingKbdsSize()
-                            }, { ref_for: true }, typeof kbd === "string" ? { value: kbd } : kbd), null, 16, ["size"]);
-                          }), 128))
-                        ], 2)) : createCommentVNode("", true)
-                      ];
-                    }),
-                    createVNode(unref(DropdownMenu).ItemIndicator, { "as-child": "" }, {
-                      default: withCtx(() => {
-                        var _a2, _b2;
-                        return [
-                          createVNode(_sfc_main$d, {
-                            name: __props.checkedIcon || unref(appConfig).ui.icons.check,
-                            "data-slot": "itemTrailingIcon",
-                            class: __props.ui.itemTrailingIcon({ class: [(_a2 = __props.uiOverride) == null ? void 0 : _a2.itemTrailingIcon, (_b2 = item.ui) == null ? void 0 : _b2.itemTrailingIcon], color: item == null ? void 0 : item.color })
-                          }, null, 8, ["name", "class"])
-                        ];
-                      }),
-                      _: 2
-                    }, 1024)
-                  ], 2)
-                ];
-              })
+                  ]),
+                  createVNode(unref(DropdownMenu).ItemIndicator, { "as-child": "" }, {
+                    default: withCtx(() => [
+                      createVNode(_sfc_main$d, {
+                        name: __props.checkedIcon || unref(appConfig).ui.icons.check,
+                        "data-slot": "itemTrailingIcon",
+                        class: __props.ui.itemTrailingIcon({ class: [__props.uiOverride?.itemTrailingIcon, item.ui?.itemTrailingIcon], color: item?.color })
+                      }, null, 8, ["name", "class"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ], 2)
+              ])
             ];
           }
         }),
@@ -315,36 +294,32 @@ const _sfc_main$1 = {
       }, _parent));
       _push(ssrRenderComponent(unref(DropdownMenu).Portal, unref(portalProps), {
         default: withCtx((_, _push2, _parent2, _scopeId) => {
-          var _a, _b;
           if (_push2) {
             ssrRenderVNode(_push2, createVNode(resolveDynamicComponent(__props.sub ? unref(DropdownMenu).SubContent : unref(DropdownMenu).Content), mergeProps({
               "data-slot": "content",
-              class: __props.ui.content({ class: [(_a = __props.uiOverride) == null ? void 0 : _a.content, props.class] })
+              class: __props.ui.content({ class: [__props.uiOverride?.content, props.class] })
             }, unref(contentProps)), {
               default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-                var _a2, _b2, _c, _d, _e, _f;
                 if (_push3) {
                   ssrRenderSlot(_ctx.$slots, "content-top", {
-                    sub: (_a2 = __props.sub) != null ? _a2 : false
+                    sub: __props.sub ?? false
                   }, null, _push3, _parent3, _scopeId2);
-                  _push3(`<div role="presentation" data-slot="viewport" class="${ssrRenderClass(__props.ui.viewport({ class: (_b2 = __props.uiOverride) == null ? void 0 : _b2.viewport }))}"${_scopeId2}><!--[-->`);
+                  _push3(`<div role="presentation" data-slot="viewport" class="${ssrRenderClass(__props.ui.viewport({ class: __props.uiOverride?.viewport }))}"${_scopeId2}><!--[-->`);
                   ssrRenderList(groups.value, (group, groupIndex) => {
-                    var _a3;
                     _push3(ssrRenderComponent(unref(DropdownMenu).Group, {
                       key: `group-${groupIndex}`,
                       "data-slot": "group",
-                      class: __props.ui.group({ class: (_a3 = __props.uiOverride) == null ? void 0 : _a3.group })
+                      class: __props.ui.group({ class: __props.uiOverride?.group })
                     }, {
                       default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                         if (_push4) {
                           _push4(`<!--[-->`);
                           ssrRenderList(group, (item, index) => {
-                            var _a4, _b3, _c2, _d2, _e2, _f2, _g;
                             _push4(`<!--[-->`);
                             if (item.type === "label") {
                               _push4(ssrRenderComponent(unref(DropdownMenu).Label, {
                                 "data-slot": "label",
-                                class: __props.ui.label({ class: [(_a4 = __props.uiOverride) == null ? void 0 : _a4.label, (_b3 = item.ui) == null ? void 0 : _b3.label, item.class] })
+                                class: __props.ui.label({ class: [__props.uiOverride?.label, item.ui?.label, item.class] })
                               }, {
                                 default: withCtx((_4, _push5, _parent5, _scopeId4) => {
                                   if (_push5) {
@@ -366,15 +341,14 @@ const _sfc_main$1 = {
                             } else if (item.type === "separator") {
                               _push4(ssrRenderComponent(unref(DropdownMenu).Separator, {
                                 "data-slot": "separator",
-                                class: __props.ui.separator({ class: [(_c2 = __props.uiOverride) == null ? void 0 : _c2.separator, (_d2 = item.ui) == null ? void 0 : _d2.separator, item.class] })
+                                class: __props.ui.separator({ class: [__props.uiOverride?.separator, item.ui?.separator, item.class] })
                               }, null, _parent4, _scopeId3));
-                            } else if ((_e2 = item == null ? void 0 : item.children) == null ? void 0 : _e2.length) {
+                            } else if (item?.children?.length) {
                               _push4(ssrRenderComponent(unref(DropdownMenu).Sub, {
                                 open: item.open,
                                 "default-open": item.defaultOpen
                               }, {
                                 default: withCtx((_4, _push5, _parent5, _scopeId4) => {
-                                  var _a5, _b4, _c3, _d3, _e3, _f3;
                                   if (_push5) {
                                     _push5(ssrRenderComponent(unref(DropdownMenu).SubTrigger, {
                                       as: "button",
@@ -382,7 +356,7 @@ const _sfc_main$1 = {
                                       disabled: item.disabled,
                                       "text-value": unref(get)(item, props.labelKey),
                                       "data-slot": "item",
-                                      class: __props.ui.item({ class: [(_a5 = __props.uiOverride) == null ? void 0 : _a5.item, (_b4 = item.ui) == null ? void 0 : _b4.item, item.class], color: item == null ? void 0 : item.color })
+                                      class: __props.ui.item({ class: [__props.uiOverride?.item, item.ui?.item, item.class], color: item?.color })
                                     }, {
                                       default: withCtx((_5, _push6, _parent6, _scopeId5) => {
                                         if (_push6) {
@@ -403,7 +377,7 @@ const _sfc_main$1 = {
                                     }, _parent5, _scopeId4));
                                     _push5(ssrRenderComponent(_sfc_main$1, mergeProps({
                                       sub: "",
-                                      class: (_c3 = item.ui) == null ? void 0 : _c3.content,
+                                      class: item.ui?.content,
                                       ui: __props.ui,
                                       "ui-override": __props.uiOverride,
                                       portal: __props.portal,
@@ -440,7 +414,7 @@ const _sfc_main$1 = {
                                         disabled: item.disabled,
                                         "text-value": unref(get)(item, props.labelKey),
                                         "data-slot": "item",
-                                        class: __props.ui.item({ class: [(_d3 = __props.uiOverride) == null ? void 0 : _d3.item, (_e3 = item.ui) == null ? void 0 : _e3.item, item.class], color: item == null ? void 0 : item.color })
+                                        class: __props.ui.item({ class: [__props.uiOverride?.item, item.ui?.item, item.class], color: item?.color })
                                       }, {
                                         default: withCtx(() => [
                                           createVNode(unref(ReuseItemTemplate), {
@@ -452,7 +426,7 @@ const _sfc_main$1 = {
                                       }, 1032, ["disabled", "text-value", "class"]),
                                       createVNode(_sfc_main$1, mergeProps({
                                         sub: "",
-                                        class: (_f3 = item.ui) == null ? void 0 : _f3.content,
+                                        class: item.ui?.content,
                                         ui: __props.ui,
                                         "ui-override": __props.uiOverride,
                                         portal: __props.portal,
@@ -486,7 +460,7 @@ const _sfc_main$1 = {
                                 disabled: item.disabled,
                                 "text-value": unref(get)(item, props.labelKey),
                                 "data-slot": "item",
-                                class: __props.ui.item({ class: [(_f2 = __props.uiOverride) == null ? void 0 : _f2.item, (_g = item.ui) == null ? void 0 : _g.item, item.class], color: item == null ? void 0 : item.color }),
+                                class: __props.ui.item({ class: [__props.uiOverride?.item, item.ui?.item, item.class], color: item?.color }),
                                 "onUpdate:modelValue": item.onUpdateChecked,
                                 onSelect: item.onSelect
                               }, {
@@ -518,11 +492,10 @@ const _sfc_main$1 = {
                                   if (_push5) {
                                     _push5(ssrRenderComponent(_sfc_main$9, mergeProps({ ref_for: true }, unref(pickLinkProps)(item), { custom: "" }), {
                                       default: withCtx(({ active, ...slotProps }, _push6, _parent6, _scopeId5) => {
-                                        var _a5, _b4, _c3, _d3;
                                         if (_push6) {
                                           _push6(ssrRenderComponent(_sfc_main$a, mergeProps({ ref_for: true }, slotProps, {
                                             "data-slot": "item",
-                                            class: __props.ui.item({ class: [(_a5 = __props.uiOverride) == null ? void 0 : _a5.item, (_b4 = item.ui) == null ? void 0 : _b4.item, item.class], color: item == null ? void 0 : item.color, active })
+                                            class: __props.ui.item({ class: [__props.uiOverride?.item, item.ui?.item, item.class], color: item?.color, active })
                                           }), {
                                             default: withCtx((_5, _push7, _parent7, _scopeId6) => {
                                               if (_push7) {
@@ -547,7 +520,7 @@ const _sfc_main$1 = {
                                           return [
                                             createVNode(_sfc_main$a, mergeProps({ ref_for: true }, slotProps, {
                                               "data-slot": "item",
-                                              class: __props.ui.item({ class: [(_c3 = __props.uiOverride) == null ? void 0 : _c3.item, (_d3 = item.ui) == null ? void 0 : _d3.item, item.class], color: item == null ? void 0 : item.color, active })
+                                              class: __props.ui.item({ class: [__props.uiOverride?.item, item.ui?.item, item.class], color: item?.color, active })
                                             }), {
                                               default: withCtx(() => [
                                                 createVNode(unref(ReuseItemTemplate), {
@@ -566,24 +539,21 @@ const _sfc_main$1 = {
                                   } else {
                                     return [
                                       createVNode(_sfc_main$9, mergeProps({ ref_for: true }, unref(pickLinkProps)(item), { custom: "" }), {
-                                        default: withCtx(({ active, ...slotProps }) => {
-                                          var _a5, _b4;
-                                          return [
-                                            createVNode(_sfc_main$a, mergeProps({ ref_for: true }, slotProps, {
-                                              "data-slot": "item",
-                                              class: __props.ui.item({ class: [(_a5 = __props.uiOverride) == null ? void 0 : _a5.item, (_b4 = item.ui) == null ? void 0 : _b4.item, item.class], color: item == null ? void 0 : item.color, active })
-                                            }), {
-                                              default: withCtx(() => [
-                                                createVNode(unref(ReuseItemTemplate), {
-                                                  item,
-                                                  active,
-                                                  index
-                                                }, null, 8, ["item", "active", "index"])
-                                              ]),
-                                              _: 2
-                                            }, 1040, ["class"])
-                                          ];
-                                        }),
+                                        default: withCtx(({ active, ...slotProps }) => [
+                                          createVNode(_sfc_main$a, mergeProps({ ref_for: true }, slotProps, {
+                                            "data-slot": "item",
+                                            class: __props.ui.item({ class: [__props.uiOverride?.item, item.ui?.item, item.class], color: item?.color, active })
+                                          }), {
+                                            default: withCtx(() => [
+                                              createVNode(unref(ReuseItemTemplate), {
+                                                item,
+                                                active,
+                                                index
+                                              }, null, 8, ["item", "active", "index"])
+                                            ]),
+                                            _: 2
+                                          }, 1040, ["class"])
+                                        ]),
                                         _: 2
                                       }, 1040)
                                     ];
@@ -598,14 +568,13 @@ const _sfc_main$1 = {
                         } else {
                           return [
                             (openBlock(true), createBlock(Fragment, null, renderList(group, (item, index) => {
-                              var _a4, _b3, _c2, _d2, _e2, _f2, _g;
                               return openBlock(), createBlock(Fragment, {
                                 key: `group-${groupIndex}-${index}`
                               }, [
                                 item.type === "label" ? (openBlock(), createBlock(unref(DropdownMenu).Label, {
                                   key: 0,
                                   "data-slot": "label",
-                                  class: __props.ui.label({ class: [(_a4 = __props.uiOverride) == null ? void 0 : _a4.label, (_b3 = item.ui) == null ? void 0 : _b3.label, item.class] })
+                                  class: __props.ui.label({ class: [__props.uiOverride?.label, item.ui?.label, item.class] })
                                 }, {
                                   default: withCtx(() => [
                                     createVNode(unref(ReuseItemTemplate), {
@@ -617,58 +586,55 @@ const _sfc_main$1 = {
                                 }, 1032, ["class"])) : item.type === "separator" ? (openBlock(), createBlock(unref(DropdownMenu).Separator, {
                                   key: 1,
                                   "data-slot": "separator",
-                                  class: __props.ui.separator({ class: [(_c2 = __props.uiOverride) == null ? void 0 : _c2.separator, (_d2 = item.ui) == null ? void 0 : _d2.separator, item.class] })
-                                }, null, 8, ["class"])) : ((_e2 = item == null ? void 0 : item.children) == null ? void 0 : _e2.length) ? (openBlock(), createBlock(unref(DropdownMenu).Sub, {
+                                  class: __props.ui.separator({ class: [__props.uiOverride?.separator, item.ui?.separator, item.class] })
+                                }, null, 8, ["class"])) : item?.children?.length ? (openBlock(), createBlock(unref(DropdownMenu).Sub, {
                                   key: 2,
                                   open: item.open,
                                   "default-open": item.defaultOpen
                                 }, {
-                                  default: withCtx(() => {
-                                    var _a5, _b4, _c3;
-                                    return [
-                                      createVNode(unref(DropdownMenu).SubTrigger, {
-                                        as: "button",
-                                        type: "button",
-                                        disabled: item.disabled,
-                                        "text-value": unref(get)(item, props.labelKey),
-                                        "data-slot": "item",
-                                        class: __props.ui.item({ class: [(_a5 = __props.uiOverride) == null ? void 0 : _a5.item, (_b4 = item.ui) == null ? void 0 : _b4.item, item.class], color: item == null ? void 0 : item.color })
-                                      }, {
-                                        default: withCtx(() => [
-                                          createVNode(unref(ReuseItemTemplate), {
-                                            item,
-                                            index
-                                          }, null, 8, ["item", "index"])
-                                        ]),
-                                        _: 2
-                                      }, 1032, ["disabled", "text-value", "class"]),
-                                      createVNode(_sfc_main$1, mergeProps({
-                                        sub: "",
-                                        class: (_c3 = item.ui) == null ? void 0 : _c3.content,
-                                        ui: __props.ui,
-                                        "ui-override": __props.uiOverride,
-                                        portal: __props.portal,
-                                        items: item.children,
-                                        align: "start",
-                                        "align-offset": -4,
-                                        "side-offset": 3,
-                                        "label-key": __props.labelKey,
-                                        "description-key": __props.descriptionKey,
-                                        "checked-icon": __props.checkedIcon,
-                                        "loading-icon": __props.loadingIcon,
-                                        "external-icon": __props.externalIcon
-                                      }, { ref_for: true }, item.content), createSlots({ _: 2 }, [
-                                        renderList(getProxySlots(), (_4, name) => {
-                                          return {
-                                            name,
-                                            fn: withCtx((slotData) => [
-                                              renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, slotData))
-                                            ])
-                                          };
-                                        })
-                                      ]), 1040, ["class", "ui", "ui-override", "portal", "items", "label-key", "description-key", "checked-icon", "loading-icon", "external-icon"])
-                                    ];
-                                  }),
+                                  default: withCtx(() => [
+                                    createVNode(unref(DropdownMenu).SubTrigger, {
+                                      as: "button",
+                                      type: "button",
+                                      disabled: item.disabled,
+                                      "text-value": unref(get)(item, props.labelKey),
+                                      "data-slot": "item",
+                                      class: __props.ui.item({ class: [__props.uiOverride?.item, item.ui?.item, item.class], color: item?.color })
+                                    }, {
+                                      default: withCtx(() => [
+                                        createVNode(unref(ReuseItemTemplate), {
+                                          item,
+                                          index
+                                        }, null, 8, ["item", "index"])
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["disabled", "text-value", "class"]),
+                                    createVNode(_sfc_main$1, mergeProps({
+                                      sub: "",
+                                      class: item.ui?.content,
+                                      ui: __props.ui,
+                                      "ui-override": __props.uiOverride,
+                                      portal: __props.portal,
+                                      items: item.children,
+                                      align: "start",
+                                      "align-offset": -4,
+                                      "side-offset": 3,
+                                      "label-key": __props.labelKey,
+                                      "description-key": __props.descriptionKey,
+                                      "checked-icon": __props.checkedIcon,
+                                      "loading-icon": __props.loadingIcon,
+                                      "external-icon": __props.externalIcon
+                                    }, { ref_for: true }, item.content), createSlots({ _: 2 }, [
+                                      renderList(getProxySlots(), (_4, name) => {
+                                        return {
+                                          name,
+                                          fn: withCtx((slotData) => [
+                                            renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, slotData))
+                                          ])
+                                        };
+                                      })
+                                    ]), 1040, ["class", "ui", "ui-override", "portal", "items", "label-key", "description-key", "checked-icon", "loading-icon", "external-icon"])
+                                  ]),
                                   _: 2
                                 }, 1032, ["open", "default-open"])) : item.type === "checkbox" ? (openBlock(), createBlock(unref(DropdownMenu).CheckboxItem, {
                                   key: 3,
@@ -676,7 +642,7 @@ const _sfc_main$1 = {
                                   disabled: item.disabled,
                                   "text-value": unref(get)(item, props.labelKey),
                                   "data-slot": "item",
-                                  class: __props.ui.item({ class: [(_f2 = __props.uiOverride) == null ? void 0 : _f2.item, (_g = item.ui) == null ? void 0 : _g.item, item.class], color: item == null ? void 0 : item.color }),
+                                  class: __props.ui.item({ class: [__props.uiOverride?.item, item.ui?.item, item.class], color: item?.color }),
                                   "onUpdate:modelValue": item.onUpdateChecked,
                                   onSelect: item.onSelect
                                 }, {
@@ -696,24 +662,21 @@ const _sfc_main$1 = {
                                 }, {
                                   default: withCtx(() => [
                                     createVNode(_sfc_main$9, mergeProps({ ref_for: true }, unref(pickLinkProps)(item), { custom: "" }), {
-                                      default: withCtx(({ active, ...slotProps }) => {
-                                        var _a5, _b4;
-                                        return [
-                                          createVNode(_sfc_main$a, mergeProps({ ref_for: true }, slotProps, {
-                                            "data-slot": "item",
-                                            class: __props.ui.item({ class: [(_a5 = __props.uiOverride) == null ? void 0 : _a5.item, (_b4 = item.ui) == null ? void 0 : _b4.item, item.class], color: item == null ? void 0 : item.color, active })
-                                          }), {
-                                            default: withCtx(() => [
-                                              createVNode(unref(ReuseItemTemplate), {
-                                                item,
-                                                active,
-                                                index
-                                              }, null, 8, ["item", "active", "index"])
-                                            ]),
-                                            _: 2
-                                          }, 1040, ["class"])
-                                        ];
-                                      }),
+                                      default: withCtx(({ active, ...slotProps }) => [
+                                        createVNode(_sfc_main$a, mergeProps({ ref_for: true }, slotProps, {
+                                          "data-slot": "item",
+                                          class: __props.ui.item({ class: [__props.uiOverride?.item, item.ui?.item, item.class], color: item?.color, active })
+                                        }), {
+                                          default: withCtx(() => [
+                                            createVNode(unref(ReuseItemTemplate), {
+                                              item,
+                                              active,
+                                              index
+                                            }, null, 8, ["item", "active", "index"])
+                                          ]),
+                                          _: 2
+                                        }, 1040, ["class"])
+                                      ]),
                                       _: 2
                                     }, 1040)
                                   ]),
@@ -730,35 +693,33 @@ const _sfc_main$1 = {
                   _push3(`<!--]--></div>`);
                   ssrRenderSlot(_ctx.$slots, "default", {}, null, _push3, _parent3, _scopeId2);
                   ssrRenderSlot(_ctx.$slots, "content-bottom", {
-                    sub: (_c = __props.sub) != null ? _c : false
+                    sub: __props.sub ?? false
                   }, null, _push3, _parent3, _scopeId2);
                 } else {
                   return [
                     renderSlot(_ctx.$slots, "content-top", {
-                      sub: (_d = __props.sub) != null ? _d : false
+                      sub: __props.sub ?? false
                     }),
                     createVNode("div", {
                       role: "presentation",
                       "data-slot": "viewport",
-                      class: __props.ui.viewport({ class: (_e = __props.uiOverride) == null ? void 0 : _e.viewport })
+                      class: __props.ui.viewport({ class: __props.uiOverride?.viewport })
                     }, [
                       (openBlock(true), createBlock(Fragment, null, renderList(groups.value, (group, groupIndex) => {
-                        var _a3;
                         return openBlock(), createBlock(unref(DropdownMenu).Group, {
                           key: `group-${groupIndex}`,
                           "data-slot": "group",
-                          class: __props.ui.group({ class: (_a3 = __props.uiOverride) == null ? void 0 : _a3.group })
+                          class: __props.ui.group({ class: __props.uiOverride?.group })
                         }, {
                           default: withCtx(() => [
                             (openBlock(true), createBlock(Fragment, null, renderList(group, (item, index) => {
-                              var _a4, _b3, _c2, _d2, _e2, _f2, _g;
                               return openBlock(), createBlock(Fragment, {
                                 key: `group-${groupIndex}-${index}`
                               }, [
                                 item.type === "label" ? (openBlock(), createBlock(unref(DropdownMenu).Label, {
                                   key: 0,
                                   "data-slot": "label",
-                                  class: __props.ui.label({ class: [(_a4 = __props.uiOverride) == null ? void 0 : _a4.label, (_b3 = item.ui) == null ? void 0 : _b3.label, item.class] })
+                                  class: __props.ui.label({ class: [__props.uiOverride?.label, item.ui?.label, item.class] })
                                 }, {
                                   default: withCtx(() => [
                                     createVNode(unref(ReuseItemTemplate), {
@@ -770,58 +731,55 @@ const _sfc_main$1 = {
                                 }, 1032, ["class"])) : item.type === "separator" ? (openBlock(), createBlock(unref(DropdownMenu).Separator, {
                                   key: 1,
                                   "data-slot": "separator",
-                                  class: __props.ui.separator({ class: [(_c2 = __props.uiOverride) == null ? void 0 : _c2.separator, (_d2 = item.ui) == null ? void 0 : _d2.separator, item.class] })
-                                }, null, 8, ["class"])) : ((_e2 = item == null ? void 0 : item.children) == null ? void 0 : _e2.length) ? (openBlock(), createBlock(unref(DropdownMenu).Sub, {
+                                  class: __props.ui.separator({ class: [__props.uiOverride?.separator, item.ui?.separator, item.class] })
+                                }, null, 8, ["class"])) : item?.children?.length ? (openBlock(), createBlock(unref(DropdownMenu).Sub, {
                                   key: 2,
                                   open: item.open,
                                   "default-open": item.defaultOpen
                                 }, {
-                                  default: withCtx(() => {
-                                    var _a5, _b4, _c3;
-                                    return [
-                                      createVNode(unref(DropdownMenu).SubTrigger, {
-                                        as: "button",
-                                        type: "button",
-                                        disabled: item.disabled,
-                                        "text-value": unref(get)(item, props.labelKey),
-                                        "data-slot": "item",
-                                        class: __props.ui.item({ class: [(_a5 = __props.uiOverride) == null ? void 0 : _a5.item, (_b4 = item.ui) == null ? void 0 : _b4.item, item.class], color: item == null ? void 0 : item.color })
-                                      }, {
-                                        default: withCtx(() => [
-                                          createVNode(unref(ReuseItemTemplate), {
-                                            item,
-                                            index
-                                          }, null, 8, ["item", "index"])
-                                        ]),
-                                        _: 2
-                                      }, 1032, ["disabled", "text-value", "class"]),
-                                      createVNode(_sfc_main$1, mergeProps({
-                                        sub: "",
-                                        class: (_c3 = item.ui) == null ? void 0 : _c3.content,
-                                        ui: __props.ui,
-                                        "ui-override": __props.uiOverride,
-                                        portal: __props.portal,
-                                        items: item.children,
-                                        align: "start",
-                                        "align-offset": -4,
-                                        "side-offset": 3,
-                                        "label-key": __props.labelKey,
-                                        "description-key": __props.descriptionKey,
-                                        "checked-icon": __props.checkedIcon,
-                                        "loading-icon": __props.loadingIcon,
-                                        "external-icon": __props.externalIcon
-                                      }, { ref_for: true }, item.content), createSlots({ _: 2 }, [
-                                        renderList(getProxySlots(), (_3, name) => {
-                                          return {
-                                            name,
-                                            fn: withCtx((slotData) => [
-                                              renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, slotData))
-                                            ])
-                                          };
-                                        })
-                                      ]), 1040, ["class", "ui", "ui-override", "portal", "items", "label-key", "description-key", "checked-icon", "loading-icon", "external-icon"])
-                                    ];
-                                  }),
+                                  default: withCtx(() => [
+                                    createVNode(unref(DropdownMenu).SubTrigger, {
+                                      as: "button",
+                                      type: "button",
+                                      disabled: item.disabled,
+                                      "text-value": unref(get)(item, props.labelKey),
+                                      "data-slot": "item",
+                                      class: __props.ui.item({ class: [__props.uiOverride?.item, item.ui?.item, item.class], color: item?.color })
+                                    }, {
+                                      default: withCtx(() => [
+                                        createVNode(unref(ReuseItemTemplate), {
+                                          item,
+                                          index
+                                        }, null, 8, ["item", "index"])
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["disabled", "text-value", "class"]),
+                                    createVNode(_sfc_main$1, mergeProps({
+                                      sub: "",
+                                      class: item.ui?.content,
+                                      ui: __props.ui,
+                                      "ui-override": __props.uiOverride,
+                                      portal: __props.portal,
+                                      items: item.children,
+                                      align: "start",
+                                      "align-offset": -4,
+                                      "side-offset": 3,
+                                      "label-key": __props.labelKey,
+                                      "description-key": __props.descriptionKey,
+                                      "checked-icon": __props.checkedIcon,
+                                      "loading-icon": __props.loadingIcon,
+                                      "external-icon": __props.externalIcon
+                                    }, { ref_for: true }, item.content), createSlots({ _: 2 }, [
+                                      renderList(getProxySlots(), (_3, name) => {
+                                        return {
+                                          name,
+                                          fn: withCtx((slotData) => [
+                                            renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, slotData))
+                                          ])
+                                        };
+                                      })
+                                    ]), 1040, ["class", "ui", "ui-override", "portal", "items", "label-key", "description-key", "checked-icon", "loading-icon", "external-icon"])
+                                  ]),
                                   _: 2
                                 }, 1032, ["open", "default-open"])) : item.type === "checkbox" ? (openBlock(), createBlock(unref(DropdownMenu).CheckboxItem, {
                                   key: 3,
@@ -829,7 +787,7 @@ const _sfc_main$1 = {
                                   disabled: item.disabled,
                                   "text-value": unref(get)(item, props.labelKey),
                                   "data-slot": "item",
-                                  class: __props.ui.item({ class: [(_f2 = __props.uiOverride) == null ? void 0 : _f2.item, (_g = item.ui) == null ? void 0 : _g.item, item.class], color: item == null ? void 0 : item.color }),
+                                  class: __props.ui.item({ class: [__props.uiOverride?.item, item.ui?.item, item.class], color: item?.color }),
                                   "onUpdate:modelValue": item.onUpdateChecked,
                                   onSelect: item.onSelect
                                 }, {
@@ -849,24 +807,21 @@ const _sfc_main$1 = {
                                 }, {
                                   default: withCtx(() => [
                                     createVNode(_sfc_main$9, mergeProps({ ref_for: true }, unref(pickLinkProps)(item), { custom: "" }), {
-                                      default: withCtx(({ active, ...slotProps }) => {
-                                        var _a5, _b4;
-                                        return [
-                                          createVNode(_sfc_main$a, mergeProps({ ref_for: true }, slotProps, {
-                                            "data-slot": "item",
-                                            class: __props.ui.item({ class: [(_a5 = __props.uiOverride) == null ? void 0 : _a5.item, (_b4 = item.ui) == null ? void 0 : _b4.item, item.class], color: item == null ? void 0 : item.color, active })
-                                          }), {
-                                            default: withCtx(() => [
-                                              createVNode(unref(ReuseItemTemplate), {
-                                                item,
-                                                active,
-                                                index
-                                              }, null, 8, ["item", "active", "index"])
-                                            ]),
-                                            _: 2
-                                          }, 1040, ["class"])
-                                        ];
-                                      }),
+                                      default: withCtx(({ active, ...slotProps }) => [
+                                        createVNode(_sfc_main$a, mergeProps({ ref_for: true }, slotProps, {
+                                          "data-slot": "item",
+                                          class: __props.ui.item({ class: [__props.uiOverride?.item, item.ui?.item, item.class], color: item?.color, active })
+                                        }), {
+                                          default: withCtx(() => [
+                                            createVNode(unref(ReuseItemTemplate), {
+                                              item,
+                                              active,
+                                              index
+                                            }, null, 8, ["item", "active", "index"])
+                                          ]),
+                                          _: 2
+                                        }, 1040, ["class"])
+                                      ]),
                                       _: 2
                                     }, 1040)
                                   ]),
@@ -881,7 +836,7 @@ const _sfc_main$1 = {
                     ], 2),
                     renderSlot(_ctx.$slots, "default"),
                     renderSlot(_ctx.$slots, "content-bottom", {
-                      sub: (_f = __props.sub) != null ? _f : false
+                      sub: __props.sub ?? false
                     })
                   ];
                 }
@@ -892,162 +847,151 @@ const _sfc_main$1 = {
             return [
               (openBlock(), createBlock(resolveDynamicComponent(__props.sub ? unref(DropdownMenu).SubContent : unref(DropdownMenu).Content), mergeProps({
                 "data-slot": "content",
-                class: __props.ui.content({ class: [(_b = __props.uiOverride) == null ? void 0 : _b.content, props.class] })
+                class: __props.ui.content({ class: [__props.uiOverride?.content, props.class] })
               }, unref(contentProps)), {
-                default: withCtx(() => {
-                  var _a2, _b2, _c;
-                  return [
-                    renderSlot(_ctx.$slots, "content-top", {
-                      sub: (_a2 = __props.sub) != null ? _a2 : false
-                    }),
-                    createVNode("div", {
-                      role: "presentation",
-                      "data-slot": "viewport",
-                      class: __props.ui.viewport({ class: (_b2 = __props.uiOverride) == null ? void 0 : _b2.viewport })
-                    }, [
-                      (openBlock(true), createBlock(Fragment, null, renderList(groups.value, (group, groupIndex) => {
-                        var _a3;
-                        return openBlock(), createBlock(unref(DropdownMenu).Group, {
-                          key: `group-${groupIndex}`,
-                          "data-slot": "group",
-                          class: __props.ui.group({ class: (_a3 = __props.uiOverride) == null ? void 0 : _a3.group })
-                        }, {
-                          default: withCtx(() => [
-                            (openBlock(true), createBlock(Fragment, null, renderList(group, (item, index) => {
-                              var _a4, _b3, _c2, _d, _e, _f, _g;
-                              return openBlock(), createBlock(Fragment, {
-                                key: `group-${groupIndex}-${index}`
-                              }, [
-                                item.type === "label" ? (openBlock(), createBlock(unref(DropdownMenu).Label, {
-                                  key: 0,
-                                  "data-slot": "label",
-                                  class: __props.ui.label({ class: [(_a4 = __props.uiOverride) == null ? void 0 : _a4.label, (_b3 = item.ui) == null ? void 0 : _b3.label, item.class] })
-                                }, {
-                                  default: withCtx(() => [
-                                    createVNode(unref(ReuseItemTemplate), {
-                                      item,
-                                      index
-                                    }, null, 8, ["item", "index"])
-                                  ]),
-                                  _: 2
-                                }, 1032, ["class"])) : item.type === "separator" ? (openBlock(), createBlock(unref(DropdownMenu).Separator, {
-                                  key: 1,
-                                  "data-slot": "separator",
-                                  class: __props.ui.separator({ class: [(_c2 = __props.uiOverride) == null ? void 0 : _c2.separator, (_d = item.ui) == null ? void 0 : _d.separator, item.class] })
-                                }, null, 8, ["class"])) : ((_e = item == null ? void 0 : item.children) == null ? void 0 : _e.length) ? (openBlock(), createBlock(unref(DropdownMenu).Sub, {
-                                  key: 2,
-                                  open: item.open,
-                                  "default-open": item.defaultOpen
-                                }, {
-                                  default: withCtx(() => {
-                                    var _a5, _b4, _c3;
-                                    return [
-                                      createVNode(unref(DropdownMenu).SubTrigger, {
-                                        as: "button",
-                                        type: "button",
-                                        disabled: item.disabled,
-                                        "text-value": unref(get)(item, props.labelKey),
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "content-top", {
+                    sub: __props.sub ?? false
+                  }),
+                  createVNode("div", {
+                    role: "presentation",
+                    "data-slot": "viewport",
+                    class: __props.ui.viewport({ class: __props.uiOverride?.viewport })
+                  }, [
+                    (openBlock(true), createBlock(Fragment, null, renderList(groups.value, (group, groupIndex) => {
+                      return openBlock(), createBlock(unref(DropdownMenu).Group, {
+                        key: `group-${groupIndex}`,
+                        "data-slot": "group",
+                        class: __props.ui.group({ class: __props.uiOverride?.group })
+                      }, {
+                        default: withCtx(() => [
+                          (openBlock(true), createBlock(Fragment, null, renderList(group, (item, index) => {
+                            return openBlock(), createBlock(Fragment, {
+                              key: `group-${groupIndex}-${index}`
+                            }, [
+                              item.type === "label" ? (openBlock(), createBlock(unref(DropdownMenu).Label, {
+                                key: 0,
+                                "data-slot": "label",
+                                class: __props.ui.label({ class: [__props.uiOverride?.label, item.ui?.label, item.class] })
+                              }, {
+                                default: withCtx(() => [
+                                  createVNode(unref(ReuseItemTemplate), {
+                                    item,
+                                    index
+                                  }, null, 8, ["item", "index"])
+                                ]),
+                                _: 2
+                              }, 1032, ["class"])) : item.type === "separator" ? (openBlock(), createBlock(unref(DropdownMenu).Separator, {
+                                key: 1,
+                                "data-slot": "separator",
+                                class: __props.ui.separator({ class: [__props.uiOverride?.separator, item.ui?.separator, item.class] })
+                              }, null, 8, ["class"])) : item?.children?.length ? (openBlock(), createBlock(unref(DropdownMenu).Sub, {
+                                key: 2,
+                                open: item.open,
+                                "default-open": item.defaultOpen
+                              }, {
+                                default: withCtx(() => [
+                                  createVNode(unref(DropdownMenu).SubTrigger, {
+                                    as: "button",
+                                    type: "button",
+                                    disabled: item.disabled,
+                                    "text-value": unref(get)(item, props.labelKey),
+                                    "data-slot": "item",
+                                    class: __props.ui.item({ class: [__props.uiOverride?.item, item.ui?.item, item.class], color: item?.color })
+                                  }, {
+                                    default: withCtx(() => [
+                                      createVNode(unref(ReuseItemTemplate), {
+                                        item,
+                                        index
+                                      }, null, 8, ["item", "index"])
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["disabled", "text-value", "class"]),
+                                  createVNode(_sfc_main$1, mergeProps({
+                                    sub: "",
+                                    class: item.ui?.content,
+                                    ui: __props.ui,
+                                    "ui-override": __props.uiOverride,
+                                    portal: __props.portal,
+                                    items: item.children,
+                                    align: "start",
+                                    "align-offset": -4,
+                                    "side-offset": 3,
+                                    "label-key": __props.labelKey,
+                                    "description-key": __props.descriptionKey,
+                                    "checked-icon": __props.checkedIcon,
+                                    "loading-icon": __props.loadingIcon,
+                                    "external-icon": __props.externalIcon
+                                  }, { ref_for: true }, item.content), createSlots({ _: 2 }, [
+                                    renderList(getProxySlots(), (_2, name) => {
+                                      return {
+                                        name,
+                                        fn: withCtx((slotData) => [
+                                          renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, slotData))
+                                        ])
+                                      };
+                                    })
+                                  ]), 1040, ["class", "ui", "ui-override", "portal", "items", "label-key", "description-key", "checked-icon", "loading-icon", "external-icon"])
+                                ]),
+                                _: 2
+                              }, 1032, ["open", "default-open"])) : item.type === "checkbox" ? (openBlock(), createBlock(unref(DropdownMenu).CheckboxItem, {
+                                key: 3,
+                                "model-value": item.checked,
+                                disabled: item.disabled,
+                                "text-value": unref(get)(item, props.labelKey),
+                                "data-slot": "item",
+                                class: __props.ui.item({ class: [__props.uiOverride?.item, item.ui?.item, item.class], color: item?.color }),
+                                "onUpdate:modelValue": item.onUpdateChecked,
+                                onSelect: item.onSelect
+                              }, {
+                                default: withCtx(() => [
+                                  createVNode(unref(ReuseItemTemplate), {
+                                    item,
+                                    index
+                                  }, null, 8, ["item", "index"])
+                                ]),
+                                _: 2
+                              }, 1032, ["model-value", "disabled", "text-value", "class", "onUpdate:modelValue", "onSelect"])) : (openBlock(), createBlock(unref(DropdownMenu).Item, {
+                                key: 4,
+                                "as-child": "",
+                                disabled: item.disabled,
+                                "text-value": unref(get)(item, props.labelKey),
+                                onSelect: item.onSelect
+                              }, {
+                                default: withCtx(() => [
+                                  createVNode(_sfc_main$9, mergeProps({ ref_for: true }, unref(pickLinkProps)(item), { custom: "" }), {
+                                    default: withCtx(({ active, ...slotProps }) => [
+                                      createVNode(_sfc_main$a, mergeProps({ ref_for: true }, slotProps, {
                                         "data-slot": "item",
-                                        class: __props.ui.item({ class: [(_a5 = __props.uiOverride) == null ? void 0 : _a5.item, (_b4 = item.ui) == null ? void 0 : _b4.item, item.class], color: item == null ? void 0 : item.color })
-                                      }, {
+                                        class: __props.ui.item({ class: [__props.uiOverride?.item, item.ui?.item, item.class], color: item?.color, active })
+                                      }), {
                                         default: withCtx(() => [
                                           createVNode(unref(ReuseItemTemplate), {
                                             item,
+                                            active,
                                             index
-                                          }, null, 8, ["item", "index"])
+                                          }, null, 8, ["item", "active", "index"])
                                         ]),
                                         _: 2
-                                      }, 1032, ["disabled", "text-value", "class"]),
-                                      createVNode(_sfc_main$1, mergeProps({
-                                        sub: "",
-                                        class: (_c3 = item.ui) == null ? void 0 : _c3.content,
-                                        ui: __props.ui,
-                                        "ui-override": __props.uiOverride,
-                                        portal: __props.portal,
-                                        items: item.children,
-                                        align: "start",
-                                        "align-offset": -4,
-                                        "side-offset": 3,
-                                        "label-key": __props.labelKey,
-                                        "description-key": __props.descriptionKey,
-                                        "checked-icon": __props.checkedIcon,
-                                        "loading-icon": __props.loadingIcon,
-                                        "external-icon": __props.externalIcon
-                                      }, { ref_for: true }, item.content), createSlots({ _: 2 }, [
-                                        renderList(getProxySlots(), (_2, name) => {
-                                          return {
-                                            name,
-                                            fn: withCtx((slotData) => [
-                                              renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, slotData))
-                                            ])
-                                          };
-                                        })
-                                      ]), 1040, ["class", "ui", "ui-override", "portal", "items", "label-key", "description-key", "checked-icon", "loading-icon", "external-icon"])
-                                    ];
-                                  }),
-                                  _: 2
-                                }, 1032, ["open", "default-open"])) : item.type === "checkbox" ? (openBlock(), createBlock(unref(DropdownMenu).CheckboxItem, {
-                                  key: 3,
-                                  "model-value": item.checked,
-                                  disabled: item.disabled,
-                                  "text-value": unref(get)(item, props.labelKey),
-                                  "data-slot": "item",
-                                  class: __props.ui.item({ class: [(_f = __props.uiOverride) == null ? void 0 : _f.item, (_g = item.ui) == null ? void 0 : _g.item, item.class], color: item == null ? void 0 : item.color }),
-                                  "onUpdate:modelValue": item.onUpdateChecked,
-                                  onSelect: item.onSelect
-                                }, {
-                                  default: withCtx(() => [
-                                    createVNode(unref(ReuseItemTemplate), {
-                                      item,
-                                      index
-                                    }, null, 8, ["item", "index"])
-                                  ]),
-                                  _: 2
-                                }, 1032, ["model-value", "disabled", "text-value", "class", "onUpdate:modelValue", "onSelect"])) : (openBlock(), createBlock(unref(DropdownMenu).Item, {
-                                  key: 4,
-                                  "as-child": "",
-                                  disabled: item.disabled,
-                                  "text-value": unref(get)(item, props.labelKey),
-                                  onSelect: item.onSelect
-                                }, {
-                                  default: withCtx(() => [
-                                    createVNode(_sfc_main$9, mergeProps({ ref_for: true }, unref(pickLinkProps)(item), { custom: "" }), {
-                                      default: withCtx(({ active, ...slotProps }) => {
-                                        var _a5, _b4;
-                                        return [
-                                          createVNode(_sfc_main$a, mergeProps({ ref_for: true }, slotProps, {
-                                            "data-slot": "item",
-                                            class: __props.ui.item({ class: [(_a5 = __props.uiOverride) == null ? void 0 : _a5.item, (_b4 = item.ui) == null ? void 0 : _b4.item, item.class], color: item == null ? void 0 : item.color, active })
-                                          }), {
-                                            default: withCtx(() => [
-                                              createVNode(unref(ReuseItemTemplate), {
-                                                item,
-                                                active,
-                                                index
-                                              }, null, 8, ["item", "active", "index"])
-                                            ]),
-                                            _: 2
-                                          }, 1040, ["class"])
-                                        ];
-                                      }),
-                                      _: 2
-                                    }, 1040)
-                                  ]),
-                                  _: 2
-                                }, 1032, ["disabled", "text-value", "onSelect"]))
-                              ], 64);
-                            }), 128))
-                          ]),
-                          _: 2
-                        }, 1032, ["class"]);
-                      }), 128))
-                    ], 2),
-                    renderSlot(_ctx.$slots, "default"),
-                    renderSlot(_ctx.$slots, "content-bottom", {
-                      sub: (_c = __props.sub) != null ? _c : false
-                    })
-                  ];
-                }),
+                                      }, 1040, ["class"])
+                                    ]),
+                                    _: 2
+                                  }, 1040)
+                                ]),
+                                _: 2
+                              }, 1032, ["disabled", "text-value", "onSelect"]))
+                            ], 64);
+                          }), 128))
+                        ]),
+                        _: 2
+                      }, 1032, ["class"]);
+                    }), 128))
+                  ], 2),
+                  renderSlot(_ctx.$slots, "default"),
+                  renderSlot(_ctx.$slots, "content-bottom", {
+                    sub: __props.sub ?? false
+                  })
+                ]),
                 _: 3
               }, 16, ["class"]))
             ];
@@ -1298,16 +1242,12 @@ const _sfc_main = {
     const contentProps = toRef(() => defu(props.content, { side: "bottom", sideOffset: 8, collisionPadding: 8 }));
     const arrowProps = toRef(() => props.arrow);
     const getProxySlots = () => omit(slots, ["default"]);
-    const ui = computed(() => {
-      var _a;
-      return tv({ extend: tv(theme), ...((_a = appConfig.ui) == null ? void 0 : _a.dropdownMenu) || {} })({
-        size: props.size
-      });
-    });
+    const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.dropdownMenu || {} })({
+      size: props.size
+    }));
     return (_ctx, _push, _parent, _attrs) => {
       _push(ssrRenderComponent(unref(DropdownMenuRoot), mergeProps(unref(rootProps), _attrs), {
         default: withCtx(({ open }, _push2, _parent2, _scopeId) => {
-          var _a, _b;
           if (_push2) {
             if (!!slots.default) {
               _push2(ssrRenderComponent(unref(DropdownMenuTrigger), {
@@ -1330,7 +1270,7 @@ const _sfc_main = {
               _push2(`<!---->`);
             }
             _push2(ssrRenderComponent(_sfc_main$1, mergeProps({
-              class: ui.value.content({ class: [!slots.default && props.class, (_a = props.ui) == null ? void 0 : _a.content] }),
+              class: ui.value.content({ class: [!slots.default && props.class, props.ui?.content] }),
               ui: ui.value,
               "ui-override": props.ui
             }, contentProps.value, {
@@ -1343,12 +1283,11 @@ const _sfc_main = {
               "external-icon": __props.externalIcon
             }), createSlots({
               default: withCtx((_, _push3, _parent3, _scopeId2) => {
-                var _a2, _b2;
                 if (_push3) {
                   if (!!__props.arrow) {
                     _push3(ssrRenderComponent(unref(DropdownMenuArrow), mergeProps(arrowProps.value, {
                       "data-slot": "arrow",
-                      class: ui.value.arrow({ class: (_a2 = props.ui) == null ? void 0 : _a2.arrow })
+                      class: ui.value.arrow({ class: props.ui?.arrow })
                     }), null, _parent3, _scopeId2));
                   } else {
                     _push3(`<!---->`);
@@ -1357,7 +1296,7 @@ const _sfc_main = {
                   return [
                     !!__props.arrow ? (openBlock(), createBlock(unref(DropdownMenuArrow), mergeProps({ key: 0 }, arrowProps.value, {
                       "data-slot": "arrow",
-                      class: ui.value.arrow({ class: (_b2 = props.ui) == null ? void 0 : _b2.arrow })
+                      class: ui.value.arrow({ class: props.ui?.arrow })
                     }), null, 16, ["class"])) : createCommentVNode("", true)
                   ];
                 }
@@ -1393,7 +1332,7 @@ const _sfc_main = {
                 _: 2
               }, 1032, ["class", "disabled"])) : createCommentVNode("", true),
               createVNode(_sfc_main$1, mergeProps({
-                class: ui.value.content({ class: [!slots.default && props.class, (_b = props.ui) == null ? void 0 : _b.content] }),
+                class: ui.value.content({ class: [!slots.default && props.class, props.ui?.content] }),
                 ui: ui.value,
                 "ui-override": props.ui
               }, contentProps.value, {
@@ -1405,15 +1344,12 @@ const _sfc_main = {
                 "loading-icon": __props.loadingIcon,
                 "external-icon": __props.externalIcon
               }), createSlots({
-                default: withCtx(() => {
-                  var _a2;
-                  return [
-                    !!__props.arrow ? (openBlock(), createBlock(unref(DropdownMenuArrow), mergeProps({ key: 0 }, arrowProps.value, {
-                      "data-slot": "arrow",
-                      class: ui.value.arrow({ class: (_a2 = props.ui) == null ? void 0 : _a2.arrow })
-                    }), null, 16, ["class"])) : createCommentVNode("", true)
-                  ];
-                }),
+                default: withCtx(() => [
+                  !!__props.arrow ? (openBlock(), createBlock(unref(DropdownMenuArrow), mergeProps({ key: 0 }, arrowProps.value, {
+                    "data-slot": "arrow",
+                    class: ui.value.arrow({ class: props.ui?.arrow })
+                  }), null, 16, ["class"])) : createCommentVNode("", true)
+                ]),
                 _: 2
               }, [
                 renderList(getProxySlots(), (_, name) => {