cognova 0.2.19 → 0.2.21

package/.output/server/chunks/build/Select-BB1oLrCD.mjs

@@ -382,24 +382,18 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     const { orientation, size: fieldGroupSize } = useFieldGroup(props);
     const { isLeading, isTrailing, leadingIconName, trailingIconName } = useComponentIcons(toRef(() => defu(props, { trailingIcon: appConfig.ui.icons.chevronDown })));
     const selectSize = computed(() => fieldGroupSize.value || formGroupSize.value);
-    const ui = computed(() => {
-      var _a;
-      return tv({ extend: tv(theme), ...((_a = appConfig.ui) == null ? void 0 : _a.select) || {} })({
-        color: color.value,
-        variant: props.variant,
-        size: selectSize == null ? void 0 : selectSize.value,
-        loading: props.loading,
-        highlight: highlight.value,
-        leading: isLeading.value || !!props.avatar || !!slots.leading,
-        trailing: isTrailing.value || !!slots.trailing,
-        fieldGroup: orientation.value
-      });
-    });
+    const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.select || {} })({
+      color: color.value,
+      variant: props.variant,
+      size: selectSize?.value,
+      loading: props.loading,
+      highlight: highlight.value,
+      leading: isLeading.value || !!props.avatar || !!slots.leading,
+      trailing: isTrailing.value || !!slots.trailing,
+      fieldGroup: orientation.value
+    }));
     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] : []
     );
     const items = computed(() => groups.value.flatMap((group) => group));
     function displayValue(value) {
@@ -417,18 +411,17 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     }
     const triggerRef = useTemplateRef("triggerRef");
     function onUpdate(value) {
-      var _a, _b, _c, _d, _e;
-      if ((_a = props.modelModifiers) == null ? void 0 : _a.trim) {
-        value = (_b = value == null ? void 0 : value.trim()) != null ? _b : null;
+      if (props.modelModifiers?.trim) {
+        value = value?.trim() ?? null;
       }
-      if ((_c = props.modelModifiers) == null ? void 0 : _c.number) {
+      if (props.modelModifiers?.number) {
         value = looseToNumber(value);
       }
-      if ((_d = props.modelModifiers) == null ? void 0 : _d.nullable) {
-        value != null ? value : value = null;
+      if (props.modelModifiers?.nullable) {
+        value ??= null;
       }
-      if ((_e = props.modelModifiers) == null ? void 0 : _e.optional) {
-        value != null ? value : value = void 0;
+      if (props.modelModifiers?.optional) {
+        value ??= void 0;
       }
       const event = new Event("change", { target: { value } });
       emits("change", event);
@@ -450,10 +443,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
       return typeof item === "object" && item !== null;
     }
     __expose({
-      triggerRef: toRef(() => {
-        var _a;
-        return (_a = triggerRef.value) == null ? void 0 : _a.$el;
-      })
+      triggerRef: toRef(() => triggerRef.value?.$el)
     });
     return (_ctx, _push, _parent, _attrs) => {
       _push(ssrRenderComponent(unref(SelectRoot), mergeProps({ name: unref(name) }, unref(rootProps), {
@@ -465,38 +455,35 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
         "onUpdate:open": onUpdateOpen
       }, _attrs), {
         default: withCtx(({ modelValue, open }, _push2, _parent2, _scopeId) => {
-          var _a, _b;
           if (_push2) {
             _push2(ssrRenderComponent(unref(SelectTrigger), mergeProps({
               id: unref(id),
               ref_key: "triggerRef",
               ref: triggerRef,
               "data-slot": "base",
-              class: ui.value.base({ class: [(_a = props.ui) == null ? void 0 : _a.base, props.class] })
+              class: ui.value.base({ class: [props.ui?.base, props.class] })
             }, { ..._ctx.$attrs, ...unref(ariaAttrs) }), {
               default: withCtx((_, _push3, _parent3, _scopeId2) => {
-                var _a2, _b2, _c, _d;
                 if (_push3) {
                   if (unref(isLeading) || !!__props.avatar || !!slots.leading) {
-                    _push3(`<span data-slot="leading" class="${ssrRenderClass(ui.value.leading({ class: (_a2 = props.ui) == null ? void 0 : _a2.leading }))}"${_scopeId2}>`);
+                    _push3(`<span data-slot="leading" class="${ssrRenderClass(ui.value.leading({ class: props.ui?.leading }))}"${_scopeId2}>`);
                     ssrRenderSlot(_ctx.$slots, "leading", {
                       modelValue,
                       open,
                       ui: ui.value
                     }, () => {
-                      var _a3, _b3, _c2;
                       if (unref(isLeading) && unref(leadingIconName)) {
                         _push3(ssrRenderComponent(_sfc_main$d, {
                           name: unref(leadingIconName),
                           "data-slot": "leadingIcon",
-                          class: ui.value.leadingIcon({ class: (_a3 = props.ui) == null ? void 0 : _a3.leadingIcon })
+                          class: ui.value.leadingIcon({ class: props.ui?.leadingIcon })
                         }, null, _parent3, _scopeId2));
                       } else if (!!__props.avatar) {
                         _push3(ssrRenderComponent(_sfc_main$b, mergeProps({
-                          size: ((_b3 = props.ui) == null ? void 0 : _b3.itemLeadingAvatarSize) || ui.value.itemLeadingAvatarSize()
+                          size: props.ui?.itemLeadingAvatarSize || ui.value.itemLeadingAvatarSize()
                         }, __props.avatar, {
                           "data-slot": "itemLeadingAvatar",
-                          class: ui.value.itemLeadingAvatar({ class: (_c2 = props.ui) == null ? void 0 : _c2.itemLeadingAvatar })
+                          class: ui.value.itemLeadingAvatar({ class: props.ui?.itemLeadingAvatar })
                         }), null, _parent3, _scopeId2));
                       } else {
                         _push3(`<!---->`);
@@ -513,30 +500,28 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                   }, () => {
                     _push3(`<!--[-->`);
                     ssrRenderList([displayValue(modelValue)], (displayedModelValue) => {
-                      var _a3, _b3, _c2;
                       _push3(`<!--[-->`);
                       if (displayedModelValue !== void 0 && displayedModelValue !== null) {
-                        _push3(`<span data-slot="value" class="${ssrRenderClass(ui.value.value({ class: (_a3 = props.ui) == null ? void 0 : _a3.value }))}"${_scopeId2}>${ssrInterpolate(displayedModelValue)}</span>`);
+                        _push3(`<span data-slot="value" class="${ssrRenderClass(ui.value.value({ class: props.ui?.value }))}"${_scopeId2}>${ssrInterpolate(displayedModelValue)}</span>`);
                       } else {
-                        _push3(`<span data-slot="placeholder" class="${ssrRenderClass(ui.value.placeholder({ class: (_b3 = props.ui) == null ? void 0 : _b3.placeholder }))}"${_scopeId2}>${ssrInterpolate((_c2 = __props.placeholder) != null ? _c2 : "\xA0")}</span>`);
+                        _push3(`<span data-slot="placeholder" class="${ssrRenderClass(ui.value.placeholder({ class: props.ui?.placeholder }))}"${_scopeId2}>${ssrInterpolate(__props.placeholder ?? " ")}</span>`);
                       }
                       _push3(`<!--]-->`);
                     });
                     _push3(`<!--]-->`);
                   }, _push3, _parent3, _scopeId2);
                   if (unref(isTrailing) || !!slots.trailing) {
-                    _push3(`<span data-slot="trailing" class="${ssrRenderClass(ui.value.trailing({ class: (_b2 = props.ui) == null ? void 0 : _b2.trailing }))}"${_scopeId2}>`);
+                    _push3(`<span data-slot="trailing" class="${ssrRenderClass(ui.value.trailing({ class: props.ui?.trailing }))}"${_scopeId2}>`);
                     ssrRenderSlot(_ctx.$slots, "trailing", {
                       modelValue,
                       open,
                       ui: ui.value
                     }, () => {
-                      var _a3;
                       if (unref(trailingIconName)) {
                         _push3(ssrRenderComponent(_sfc_main$d, {
                           name: unref(trailingIconName),
                           "data-slot": "trailingIcon",
-                          class: ui.value.trailingIcon({ class: (_a3 = props.ui) == null ? void 0 : _a3.trailingIcon })
+                          class: ui.value.trailingIcon({ class: props.ui?.trailingIcon })
                         }, null, _parent3, _scopeId2));
                       } else {
                         _push3(`<!---->`);
@@ -551,29 +536,26 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                     unref(isLeading) || !!__props.avatar || !!slots.leading ? (openBlock(), createBlock("span", {
                       key: 0,
                       "data-slot": "leading",
-                      class: ui.value.leading({ class: (_c = props.ui) == null ? void 0 : _c.leading })
+                      class: ui.value.leading({ class: props.ui?.leading })
                     }, [
                       renderSlot(_ctx.$slots, "leading", {
                         modelValue,
                         open,
                         ui: ui.value
-                      }, () => {
-                        var _a3, _b3, _c2;
-                        return [
-                          unref(isLeading) && unref(leadingIconName) ? (openBlock(), createBlock(_sfc_main$d, {
-                            key: 0,
-                            name: unref(leadingIconName),
-                            "data-slot": "leadingIcon",
-                            class: ui.value.leadingIcon({ class: (_a3 = props.ui) == null ? void 0 : _a3.leadingIcon })
-                          }, null, 8, ["name", "class"])) : !!__props.avatar ? (openBlock(), createBlock(_sfc_main$b, mergeProps({
-                            key: 1,
-                            size: ((_b3 = props.ui) == null ? void 0 : _b3.itemLeadingAvatarSize) || ui.value.itemLeadingAvatarSize()
-                          }, __props.avatar, {
-                            "data-slot": "itemLeadingAvatar",
-                            class: ui.value.itemLeadingAvatar({ class: (_c2 = props.ui) == null ? void 0 : _c2.itemLeadingAvatar })
-                          }), null, 16, ["size", "class"])) : createCommentVNode("", true)
-                        ];
-                      })
+                      }, () => [
+                        unref(isLeading) && unref(leadingIconName) ? (openBlock(), createBlock(_sfc_main$d, {
+                          key: 0,
+                          name: unref(leadingIconName),
+                          "data-slot": "leadingIcon",
+                          class: ui.value.leadingIcon({ class: props.ui?.leadingIcon })
+                        }, null, 8, ["name", "class"])) : !!__props.avatar ? (openBlock(), createBlock(_sfc_main$b, mergeProps({
+                          key: 1,
+                          size: props.ui?.itemLeadingAvatarSize || ui.value.itemLeadingAvatarSize()
+                        }, __props.avatar, {
+                          "data-slot": "itemLeadingAvatar",
+                          class: ui.value.itemLeadingAvatar({ class: props.ui?.itemLeadingAvatar })
+                        }), null, 16, ["size", "class"])) : createCommentVNode("", true)
+                      ])
                     ], 2)) : createCommentVNode("", true),
                     renderSlot(_ctx.$slots, "default", {
                       modelValue,
@@ -581,40 +563,36 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                       ui: ui.value
                     }, () => [
                       (openBlock(true), createBlock(Fragment, null, renderList([displayValue(modelValue)], (displayedModelValue) => {
-                        var _a3, _b3, _c2;
                         return openBlock(), createBlock(Fragment, { key: displayedModelValue }, [
                           displayedModelValue !== void 0 && displayedModelValue !== null ? (openBlock(), createBlock("span", {
                             key: 0,
                             "data-slot": "value",
-                            class: ui.value.value({ class: (_a3 = props.ui) == null ? void 0 : _a3.value })
+                            class: ui.value.value({ class: props.ui?.value })
                           }, toDisplayString(displayedModelValue), 3)) : (openBlock(), createBlock("span", {
                             key: 1,
                             "data-slot": "placeholder",
-                            class: ui.value.placeholder({ class: (_b3 = props.ui) == null ? void 0 : _b3.placeholder })
-                          }, toDisplayString((_c2 = __props.placeholder) != null ? _c2 : "\xA0"), 3))
+                            class: ui.value.placeholder({ class: props.ui?.placeholder })
+                          }, toDisplayString(__props.placeholder ?? " "), 3))
                         ], 64);
                       }), 128))
                     ]),
                     unref(isTrailing) || !!slots.trailing ? (openBlock(), createBlock("span", {
                       key: 1,
                       "data-slot": "trailing",
-                      class: ui.value.trailing({ class: (_d = props.ui) == null ? void 0 : _d.trailing })
+                      class: ui.value.trailing({ class: props.ui?.trailing })
                     }, [
                       renderSlot(_ctx.$slots, "trailing", {
                         modelValue,
                         open,
                         ui: ui.value
-                      }, () => {
-                        var _a3;
-                        return [
-                          unref(trailingIconName) ? (openBlock(), createBlock(_sfc_main$d, {
-                            key: 0,
-                            name: unref(trailingIconName),
-                            "data-slot": "trailingIcon",
-                            class: ui.value.trailingIcon({ class: (_a3 = props.ui) == null ? void 0 : _a3.trailingIcon })
-                          }, null, 8, ["name", "class"])) : createCommentVNode("", true)
-                        ];
-                      })
+                      }, () => [
+                        unref(trailingIconName) ? (openBlock(), createBlock(_sfc_main$d, {
+                          key: 0,
+                          name: unref(trailingIconName),
+                          "data-slot": "trailingIcon",
+                          class: ui.value.trailingIcon({ class: props.ui?.trailingIcon })
+                        }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                      ])
                     ], 2)) : createCommentVNode("", true)
                   ];
                 }
@@ -623,34 +601,30 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
             }, _parent2, _scopeId));
             _push2(ssrRenderComponent(unref(SelectPortal), unref(portalProps), {
               default: withCtx((_, _push3, _parent3, _scopeId2) => {
-                var _a2, _b2;
                 if (_push3) {
                   _push3(ssrRenderComponent(unref(SelectContent), mergeProps({
                     "data-slot": "content",
-                    class: ui.value.content({ class: (_a2 = props.ui) == null ? void 0 : _a2.content })
+                    class: ui.value.content({ class: props.ui?.content })
                   }, contentProps.value), {
                     default: withCtx((_2, _push4, _parent4, _scopeId3) => {
-                      var _a3, _b3, _c, _d;
                       if (_push4) {
                         ssrRenderSlot(_ctx.$slots, "content-top", {}, null, _push4, _parent4, _scopeId3);
-                        _push4(`<div role="presentation" data-slot="viewport" class="${ssrRenderClass(ui.value.viewport({ class: (_a3 = props.ui) == null ? void 0 : _a3.viewport }))}"${_scopeId3}><!--[-->`);
+                        _push4(`<div role="presentation" data-slot="viewport" class="${ssrRenderClass(ui.value.viewport({ class: props.ui?.viewport }))}"${_scopeId3}><!--[-->`);
                         ssrRenderList(groups.value, (group, groupIndex) => {
-                          var _a4;
                           _push4(ssrRenderComponent(unref(SelectGroup), {
                             key: `group-${groupIndex}`,
                             "data-slot": "group",
-                            class: ui.value.group({ class: (_a4 = props.ui) == null ? void 0 : _a4.group })
+                            class: ui.value.group({ class: props.ui?.group })
                           }, {
                             default: withCtx((_3, _push5, _parent5, _scopeId4) => {
                               if (_push5) {
                                 _push5(`<!--[-->`);
                                 ssrRenderList(group, (item, index) => {
-                                  var _a5, _b4, _c2, _d2, _e, _f;
                                   _push5(`<!--[-->`);
                                   if (isSelectItem(item) && item.type === "label") {
                                     _push5(ssrRenderComponent(unref(SelectLabel), {
                                       "data-slot": "label",
-                                      class: ui.value.label({ class: [(_a5 = props.ui) == null ? void 0 : _a5.label, (_b4 = item.ui) == null ? void 0 : _b4.label, item.class] })
+                                      class: ui.value.label({ class: [props.ui?.label, item.ui?.label, item.class] })
                                     }, {
                                       default: withCtx((_4, _push6, _parent6, _scopeId5) => {
                                         if (_push6) {
@@ -666,18 +640,15 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                                   } else if (isSelectItem(item) && item.type === "separator") {
                                     _push5(ssrRenderComponent(unref(SelectSeparator), {
                                       "data-slot": "separator",
-                                      class: ui.value.separator({ class: [(_c2 = props.ui) == null ? void 0 : _c2.separator, (_d2 = item.ui) == null ? void 0 : _d2.separator, item.class] })
+                                      class: ui.value.separator({ class: [props.ui?.separator, item.ui?.separator, item.class] })
                                     }, null, _parent5, _scopeId4));
                                   } else {
                                     _push5(ssrRenderComponent(unref(SelectItem), {
                                       "data-slot": "item",
-                                      class: ui.value.item({ class: [(_e = props.ui) == null ? void 0 : _e.item, isSelectItem(item) && ((_f = item.ui) == null ? void 0 : _f.item), isSelectItem(item) && item.class] }),
+                                      class: ui.value.item({ class: [props.ui?.item, isSelectItem(item) && item.ui?.item, isSelectItem(item) && item.class] }),
                                       disabled: isSelectItem(item) && item.disabled,
                                       value: isSelectItem(item) ? unref(get)(item, props.valueKey) : item,
-                                      onSelect: ($event) => {
-                                        var _a6;
-                                        return isSelectItem(item) && ((_a6 = item.onSelect) == null ? void 0 : _a6.call(item, $event));
-                                      }
+                                      onSelect: ($event) => isSelectItem(item) && item.onSelect?.($event)
                                     }, {
                                       default: withCtx((_4, _push6, _parent6, _scopeId5) => {
                                         if (_push6) {
@@ -686,43 +657,41 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                                             index,
                                             ui: ui.value
                                           }, () => {
-                                            var _a6, _b5, _c3, _d3, _e2, _f2, _g, _h;
                                             ssrRenderSlot(_ctx.$slots, "item-leading", {
                                               item,
                                               index,
                                               ui: ui.value
                                             }, () => {
-                                              var _a7, _b6, _c4, _d4, _e3, _f3, _g2, _h2, _i, _j;
                                               if (isSelectItem(item) && item.icon) {
                                                 _push6(ssrRenderComponent(_sfc_main$d, {
                                                   name: item.icon,
                                                   "data-slot": "itemLeadingIcon",
-                                                  class: ui.value.itemLeadingIcon({ class: [(_a7 = props.ui) == null ? void 0 : _a7.itemLeadingIcon, (_b6 = item.ui) == null ? void 0 : _b6.itemLeadingIcon] })
+                                                  class: ui.value.itemLeadingIcon({ class: [props.ui?.itemLeadingIcon, item.ui?.itemLeadingIcon] })
                                                 }, null, _parent6, _scopeId5));
                                               } else if (isSelectItem(item) && item.avatar) {
                                                 _push6(ssrRenderComponent(_sfc_main$b, mergeProps({
-                                                  size: ((_c4 = item.ui) == null ? void 0 : _c4.itemLeadingAvatarSize) || ((_d4 = props.ui) == null ? void 0 : _d4.itemLeadingAvatarSize) || ui.value.itemLeadingAvatarSize()
+                                                  size: item.ui?.itemLeadingAvatarSize || props.ui?.itemLeadingAvatarSize || ui.value.itemLeadingAvatarSize()
                                                 }, { ref_for: true }, item.avatar, {
                                                   "data-slot": "itemLeadingAvatar",
-                                                  class: ui.value.itemLeadingAvatar({ class: [(_e3 = props.ui) == null ? void 0 : _e3.itemLeadingAvatar, (_f3 = item.ui) == null ? void 0 : _f3.itemLeadingAvatar] })
+                                                  class: ui.value.itemLeadingAvatar({ class: [props.ui?.itemLeadingAvatar, item.ui?.itemLeadingAvatar] })
                                                 }), null, _parent6, _scopeId5));
                                               } else if (isSelectItem(item) && item.chip) {
                                                 _push6(ssrRenderComponent(_sfc_main$c, mergeProps({
-                                                  size: ((_g2 = item.ui) == null ? void 0 : _g2.itemLeadingChipSize) || ((_h2 = props.ui) == null ? void 0 : _h2.itemLeadingChipSize) || ui.value.itemLeadingChipSize(),
+                                                  size: item.ui?.itemLeadingChipSize || props.ui?.itemLeadingChipSize || ui.value.itemLeadingChipSize(),
                                                   inset: "",
                                                   standalone: ""
                                                 }, { ref_for: true }, item.chip, {
                                                   "data-slot": "itemLeadingChip",
-                                                  class: ui.value.itemLeadingChip({ class: [(_i = props.ui) == null ? void 0 : _i.itemLeadingChip, (_j = item.ui) == null ? void 0 : _j.itemLeadingChip] })
+                                                  class: ui.value.itemLeadingChip({ class: [props.ui?.itemLeadingChip, item.ui?.itemLeadingChip] })
                                                 }), null, _parent6, _scopeId5));
                                               } else {
                                                 _push6(`<!---->`);
                                               }
                                             }, _push6, _parent6, _scopeId5);
-                                            _push6(`<span data-slot="itemWrapper" class="${ssrRenderClass(ui.value.itemWrapper({ class: [(_a6 = props.ui) == null ? void 0 : _a6.itemWrapper, isSelectItem(item) && ((_b5 = item.ui) == null ? void 0 : _b5.itemWrapper)] }))}"${_scopeId5}>`);
+                                            _push6(`<span data-slot="itemWrapper" class="${ssrRenderClass(ui.value.itemWrapper({ class: [props.ui?.itemWrapper, isSelectItem(item) && item.ui?.itemWrapper] }))}"${_scopeId5}>`);
                                             _push6(ssrRenderComponent(unref(SelectItemText), {
                                               "data-slot": "itemLabel",
-                                              class: ui.value.itemLabel({ class: [(_c3 = props.ui) == null ? void 0 : _c3.itemLabel, isSelectItem(item) && ((_d3 = item.ui) == null ? void 0 : _d3.itemLabel)] })
+                                              class: ui.value.itemLabel({ class: [props.ui?.itemLabel, isSelectItem(item) && item.ui?.itemLabel] })
                                             }, {
                                               default: withCtx((_5, _push7, _parent7, _scopeId6) => {
                                                 if (_push7) {
@@ -746,7 +715,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                                               _: 2
                                             }, _parent6, _scopeId5));
                                             if (isSelectItem(item) && (unref(get)(item, props.descriptionKey) || !!slots["item-description"])) {
-                                              _push6(`<span data-slot="itemDescription" class="${ssrRenderClass(ui.value.itemDescription({ class: [(_e2 = props.ui) == null ? void 0 : _e2.itemDescription, isSelectItem(item) && ((_f2 = item.ui) == null ? void 0 : _f2.itemDescription)] }))}"${_scopeId5}>`);
+                                              _push6(`<span data-slot="itemDescription" class="${ssrRenderClass(ui.value.itemDescription({ class: [props.ui?.itemDescription, isSelectItem(item) && item.ui?.itemDescription] }))}"${_scopeId5}>`);
                                               ssrRenderSlot(_ctx.$slots, "item-description", {
                                                 item,
                                                 index
@@ -757,7 +726,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                                             } else {
                                               _push6(`<!---->`);
                                             }
-                                            _push6(`</span><span data-slot="itemTrailing" class="${ssrRenderClass(ui.value.itemTrailing({ class: [(_g = props.ui) == null ? void 0 : _g.itemTrailing, isSelectItem(item) && ((_h = item.ui) == null ? void 0 : _h.itemTrailing)] }))}"${_scopeId5}>`);
+                                            _push6(`</span><span data-slot="itemTrailing" class="${ssrRenderClass(ui.value.itemTrailing({ class: [props.ui?.itemTrailing, isSelectItem(item) && item.ui?.itemTrailing] }))}"${_scopeId5}>`);
                                             ssrRenderSlot(_ctx.$slots, "item-trailing", {
                                               item,
                                               index,
@@ -765,19 +734,18 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                                             }, null, _push6, _parent6, _scopeId5);
                                             _push6(ssrRenderComponent(unref(SelectItemIndicator), { "as-child": "" }, {
                                               default: withCtx((_5, _push7, _parent7, _scopeId6) => {
-                                                var _a7, _b6, _c4, _d4;
                                                 if (_push7) {
                                                   _push7(ssrRenderComponent(_sfc_main$d, {
                                                     name: __props.selectedIcon || unref(appConfig).ui.icons.check,
                                                     "data-slot": "itemTrailingIcon",
-                                                    class: ui.value.itemTrailingIcon({ class: [(_a7 = props.ui) == null ? void 0 : _a7.itemTrailingIcon, isSelectItem(item) && ((_b6 = item.ui) == null ? void 0 : _b6.itemTrailingIcon)] })
+                                                    class: ui.value.itemTrailingIcon({ class: [props.ui?.itemTrailingIcon, isSelectItem(item) && item.ui?.itemTrailingIcon] })
                                                   }, null, _parent7, _scopeId6));
                                                 } else {
                                                   return [
                                                     createVNode(_sfc_main$d, {
                                                       name: __props.selectedIcon || unref(appConfig).ui.icons.check,
                                                       "data-slot": "itemTrailingIcon",
-                                                      class: ui.value.itemTrailingIcon({ class: [(_c4 = props.ui) == null ? void 0 : _c4.itemTrailingIcon, isSelectItem(item) && ((_d4 = item.ui) == null ? void 0 : _d4.itemTrailingIcon)] })
+                                                      class: ui.value.itemTrailingIcon({ class: [props.ui?.itemTrailingIcon, isSelectItem(item) && item.ui?.itemTrailingIcon] })
                                                     }, null, 8, ["name", "class"])
                                                   ];
                                                 }
@@ -792,94 +760,85 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                                               item,
                                               index,
                                               ui: ui.value
-                                            }, () => {
-                                              var _a6, _b5, _c3, _d3, _e2, _f2, _g, _h;
-                                              return [
-                                                renderSlot(_ctx.$slots, "item-leading", {
-                                                  item,
-                                                  index,
-                                                  ui: ui.value
-                                                }, () => {
-                                                  var _a7, _b6, _c4, _d4, _e3, _f3, _g2, _h2, _i, _j;
-                                                  return [
-                                                    isSelectItem(item) && item.icon ? (openBlock(), createBlock(_sfc_main$d, {
-                                                      key: 0,
-                                                      name: item.icon,
-                                                      "data-slot": "itemLeadingIcon",
-                                                      class: ui.value.itemLeadingIcon({ class: [(_a7 = props.ui) == null ? void 0 : _a7.itemLeadingIcon, (_b6 = item.ui) == null ? void 0 : _b6.itemLeadingIcon] })
-                                                    }, null, 8, ["name", "class"])) : isSelectItem(item) && item.avatar ? (openBlock(), createBlock(_sfc_main$b, mergeProps({
-                                                      key: 1,
-                                                      size: ((_c4 = item.ui) == null ? void 0 : _c4.itemLeadingAvatarSize) || ((_d4 = props.ui) == null ? void 0 : _d4.itemLeadingAvatarSize) || ui.value.itemLeadingAvatarSize()
-                                                    }, { ref_for: true }, item.avatar, {
-                                                      "data-slot": "itemLeadingAvatar",
-                                                      class: ui.value.itemLeadingAvatar({ class: [(_e3 = props.ui) == null ? void 0 : _e3.itemLeadingAvatar, (_f3 = item.ui) == null ? void 0 : _f3.itemLeadingAvatar] })
-                                                    }), null, 16, ["size", "class"])) : isSelectItem(item) && item.chip ? (openBlock(), createBlock(_sfc_main$c, mergeProps({
-                                                      key: 2,
-                                                      size: ((_g2 = item.ui) == null ? void 0 : _g2.itemLeadingChipSize) || ((_h2 = props.ui) == null ? void 0 : _h2.itemLeadingChipSize) || ui.value.itemLeadingChipSize(),
-                                                      inset: "",
-                                                      standalone: ""
-                                                    }, { ref_for: true }, item.chip, {
-                                                      "data-slot": "itemLeadingChip",
-                                                      class: ui.value.itemLeadingChip({ class: [(_i = props.ui) == null ? void 0 : _i.itemLeadingChip, (_j = item.ui) == null ? void 0 : _j.itemLeadingChip] })
-                                                    }), null, 16, ["size", "class"])) : createCommentVNode("", true)
-                                                  ];
-                                                }),
-                                                createVNode("span", {
-                                                  "data-slot": "itemWrapper",
-                                                  class: ui.value.itemWrapper({ class: [(_a6 = props.ui) == null ? void 0 : _a6.itemWrapper, isSelectItem(item) && ((_b5 = item.ui) == null ? void 0 : _b5.itemWrapper)] })
-                                                }, [
-                                                  createVNode(unref(SelectItemText), {
-                                                    "data-slot": "itemLabel",
-                                                    class: ui.value.itemLabel({ class: [(_c3 = props.ui) == null ? void 0 : _c3.itemLabel, isSelectItem(item) && ((_d3 = item.ui) == null ? void 0 : _d3.itemLabel)] })
-                                                  }, {
-                                                    default: withCtx(() => [
-                                                      renderSlot(_ctx.$slots, "item-label", {
-                                                        item,
-                                                        index
-                                                      }, () => [
-                                                        createTextVNode(toDisplayString(isSelectItem(item) ? unref(get)(item, props.labelKey) : item), 1)
-                                                      ])
-                                                    ]),
-                                                    _: 2
-                                                  }, 1032, ["class"]),
-                                                  isSelectItem(item) && (unref(get)(item, props.descriptionKey) || !!slots["item-description"]) ? (openBlock(), createBlock("span", {
-                                                    key: 0,
-                                                    "data-slot": "itemDescription",
-                                                    class: ui.value.itemDescription({ class: [(_e2 = props.ui) == null ? void 0 : _e2.itemDescription, isSelectItem(item) && ((_f2 = item.ui) == null ? void 0 : _f2.itemDescription)] })
-                                                  }, [
-                                                    renderSlot(_ctx.$slots, "item-description", {
+                                            }, () => [
+                                              renderSlot(_ctx.$slots, "item-leading", {
+                                                item,
+                                                index,
+                                                ui: ui.value
+                                              }, () => [
+                                                isSelectItem(item) && item.icon ? (openBlock(), createBlock(_sfc_main$d, {
+                                                  key: 0,
+                                                  name: item.icon,
+                                                  "data-slot": "itemLeadingIcon",
+                                                  class: ui.value.itemLeadingIcon({ class: [props.ui?.itemLeadingIcon, item.ui?.itemLeadingIcon] })
+                                                }, null, 8, ["name", "class"])) : isSelectItem(item) && item.avatar ? (openBlock(), createBlock(_sfc_main$b, mergeProps({
+                                                  key: 1,
+                                                  size: item.ui?.itemLeadingAvatarSize || props.ui?.itemLeadingAvatarSize || ui.value.itemLeadingAvatarSize()
+                                                }, { ref_for: true }, item.avatar, {
+                                                  "data-slot": "itemLeadingAvatar",
+                                                  class: ui.value.itemLeadingAvatar({ class: [props.ui?.itemLeadingAvatar, item.ui?.itemLeadingAvatar] })
+                                                }), null, 16, ["size", "class"])) : isSelectItem(item) && item.chip ? (openBlock(), createBlock(_sfc_main$c, mergeProps({
+                                                  key: 2,
+                                                  size: item.ui?.itemLeadingChipSize || props.ui?.itemLeadingChipSize || ui.value.itemLeadingChipSize(),
+                                                  inset: "",
+                                                  standalone: ""
+                                                }, { ref_for: true }, item.chip, {
+                                                  "data-slot": "itemLeadingChip",
+                                                  class: ui.value.itemLeadingChip({ class: [props.ui?.itemLeadingChip, item.ui?.itemLeadingChip] })
+                                                }), null, 16, ["size", "class"])) : createCommentVNode("", true)
+                                              ]),
+                                              createVNode("span", {
+                                                "data-slot": "itemWrapper",
+                                                class: ui.value.itemWrapper({ class: [props.ui?.itemWrapper, isSelectItem(item) && item.ui?.itemWrapper] })
+                                              }, [
+                                                createVNode(unref(SelectItemText), {
+                                                  "data-slot": "itemLabel",
+                                                  class: ui.value.itemLabel({ class: [props.ui?.itemLabel, isSelectItem(item) && item.ui?.itemLabel] })
+                                                }, {
+                                                  default: withCtx(() => [
+                                                    renderSlot(_ctx.$slots, "item-label", {
                                                       item,
                                                       index
                                                     }, () => [
-                                                      createTextVNode(toDisplayString(unref(get)(item, props.descriptionKey)), 1)
+                                                      createTextVNode(toDisplayString(isSelectItem(item) ? unref(get)(item, props.labelKey) : item), 1)
                                                     ])
-                                                  ], 2)) : createCommentVNode("", true)
-                                                ], 2),
-                                                createVNode("span", {
-                                                  "data-slot": "itemTrailing",
-                                                  class: ui.value.itemTrailing({ class: [(_g = props.ui) == null ? void 0 : _g.itemTrailing, isSelectItem(item) && ((_h = item.ui) == null ? void 0 : _h.itemTrailing)] })
+                                                  ]),
+                                                  _: 2
+                                                }, 1032, ["class"]),
+                                                isSelectItem(item) && (unref(get)(item, props.descriptionKey) || !!slots["item-description"]) ? (openBlock(), createBlock("span", {
+                                                  key: 0,
+                                                  "data-slot": "itemDescription",
+                                                  class: ui.value.itemDescription({ class: [props.ui?.itemDescription, isSelectItem(item) && item.ui?.itemDescription] })
                                                 }, [
-                                                  renderSlot(_ctx.$slots, "item-trailing", {
+                                                  renderSlot(_ctx.$slots, "item-description", {
                                                     item,
-                                                    index,
-                                                    ui: ui.value
-                                                  }),
-                                                  createVNode(unref(SelectItemIndicator), { "as-child": "" }, {
-                                                    default: withCtx(() => {
-                                                      var _a7, _b6;
-                                                      return [
-                                                        createVNode(_sfc_main$d, {
-                                                          name: __props.selectedIcon || unref(appConfig).ui.icons.check,
-                                                          "data-slot": "itemTrailingIcon",
-                                                          class: ui.value.itemTrailingIcon({ class: [(_a7 = props.ui) == null ? void 0 : _a7.itemTrailingIcon, isSelectItem(item) && ((_b6 = item.ui) == null ? void 0 : _b6.itemTrailingIcon)] })
-                                                        }, null, 8, ["name", "class"])
-                                                      ];
-                                                    }),
-                                                    _: 2
-                                                  }, 1024)
-                                                ], 2)
-                                              ];
-                                            })
+                                                    index
+                                                  }, () => [
+                                                    createTextVNode(toDisplayString(unref(get)(item, props.descriptionKey)), 1)
+                                                  ])
+                                                ], 2)) : createCommentVNode("", true)
+                                              ], 2),
+                                              createVNode("span", {
+                                                "data-slot": "itemTrailing",
+                                                class: ui.value.itemTrailing({ class: [props.ui?.itemTrailing, isSelectItem(item) && item.ui?.itemTrailing] })
+                                              }, [
+                                                renderSlot(_ctx.$slots, "item-trailing", {
+                                                  item,
+                                                  index,
+                                                  ui: ui.value
+                                                }),
+                                                createVNode(unref(SelectItemIndicator), { "as-child": "" }, {
+                                                  default: withCtx(() => [
+                                                    createVNode(_sfc_main$d, {
+                                                      name: __props.selectedIcon || unref(appConfig).ui.icons.check,
+                                                      "data-slot": "itemTrailingIcon",
+                                                      class: ui.value.itemTrailingIcon({ class: [props.ui?.itemTrailingIcon, isSelectItem(item) && item.ui?.itemTrailingIcon] })
+                                                    }, null, 8, ["name", "class"])
+                                                  ]),
+                                                  _: 2
+                                                }, 1024)
+                                              ], 2)
+                                            ])
                                           ];
                                         }
                                       }),
@@ -892,14 +851,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                               } else {
                                 return [
                                   (openBlock(true), createBlock(Fragment, null, renderList(group, (item, index) => {
-                                    var _a5, _b4, _c2, _d2, _e, _f;
                                     return openBlock(), createBlock(Fragment, {
                                       key: `group-${groupIndex}-${index}`
                                     }, [
                                       isSelectItem(item) && item.type === "label" ? (openBlock(), createBlock(unref(SelectLabel), {
                                         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, item.class] })
+                                        class: ui.value.label({ class: [props.ui?.label, item.ui?.label, item.class] })
                                       }, {
                                         default: withCtx(() => [
                                           createTextVNode(toDisplayString(unref(get)(item, props.labelKey)), 1)
@@ -908,111 +866,99 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                                       }, 1032, ["class"])) : isSelectItem(item) && item.type === "separator" ? (openBlock(), createBlock(unref(SelectSeparator), {
                                         key: 1,
                                         "data-slot": "separator",
-                                        class: ui.value.separator({ class: [(_c2 = props.ui) == null ? void 0 : _c2.separator, (_d2 = item.ui) == null ? void 0 : _d2.separator, item.class] })
+                                        class: ui.value.separator({ class: [props.ui?.separator, item.ui?.separator, item.class] })
                                       }, null, 8, ["class"])) : (openBlock(), createBlock(unref(SelectItem), {
                                         key: 2,
                                         "data-slot": "item",
-                                        class: ui.value.item({ class: [(_e = props.ui) == null ? void 0 : _e.item, isSelectItem(item) && ((_f = item.ui) == null ? void 0 : _f.item), isSelectItem(item) && item.class] }),
+                                        class: ui.value.item({ class: [props.ui?.item, isSelectItem(item) && item.ui?.item, isSelectItem(item) && item.class] }),
                                         disabled: isSelectItem(item) && item.disabled,
                                         value: isSelectItem(item) ? unref(get)(item, props.valueKey) : item,
-                                        onSelect: ($event) => {
-                                          var _a6;
-                                          return isSelectItem(item) && ((_a6 = item.onSelect) == null ? void 0 : _a6.call(item, $event));
-                                        }
+                                        onSelect: ($event) => isSelectItem(item) && item.onSelect?.($event)
                                       }, {
                                         default: withCtx(() => [
                                           renderSlot(_ctx.$slots, "item", {
                                             item,
                                             index,
                                             ui: ui.value
-                                          }, () => {
-                                            var _a6, _b5, _c3, _d3, _e2, _f2, _g, _h;
-                                            return [
-                                              renderSlot(_ctx.$slots, "item-leading", {
-                                                item,
-                                                index,
-                                                ui: ui.value
-                                              }, () => {
-                                                var _a7, _b6, _c4, _d4, _e3, _f3, _g2, _h2, _i, _j;
-                                                return [
-                                                  isSelectItem(item) && item.icon ? (openBlock(), createBlock(_sfc_main$d, {
-                                                    key: 0,
-                                                    name: item.icon,
-                                                    "data-slot": "itemLeadingIcon",
-                                                    class: ui.value.itemLeadingIcon({ class: [(_a7 = props.ui) == null ? void 0 : _a7.itemLeadingIcon, (_b6 = item.ui) == null ? void 0 : _b6.itemLeadingIcon] })
-                                                  }, null, 8, ["name", "class"])) : isSelectItem(item) && item.avatar ? (openBlock(), createBlock(_sfc_main$b, mergeProps({
-                                                    key: 1,
-                                                    size: ((_c4 = item.ui) == null ? void 0 : _c4.itemLeadingAvatarSize) || ((_d4 = props.ui) == null ? void 0 : _d4.itemLeadingAvatarSize) || ui.value.itemLeadingAvatarSize()
-                                                  }, { ref_for: true }, item.avatar, {
-                                                    "data-slot": "itemLeadingAvatar",
-                                                    class: ui.value.itemLeadingAvatar({ class: [(_e3 = props.ui) == null ? void 0 : _e3.itemLeadingAvatar, (_f3 = item.ui) == null ? void 0 : _f3.itemLeadingAvatar] })
-                                                  }), null, 16, ["size", "class"])) : isSelectItem(item) && item.chip ? (openBlock(), createBlock(_sfc_main$c, mergeProps({
-                                                    key: 2,
-                                                    size: ((_g2 = item.ui) == null ? void 0 : _g2.itemLeadingChipSize) || ((_h2 = props.ui) == null ? void 0 : _h2.itemLeadingChipSize) || ui.value.itemLeadingChipSize(),
-                                                    inset: "",
-                                                    standalone: ""
-                                                  }, { ref_for: true }, item.chip, {
-                                                    "data-slot": "itemLeadingChip",
-                                                    class: ui.value.itemLeadingChip({ class: [(_i = props.ui) == null ? void 0 : _i.itemLeadingChip, (_j = item.ui) == null ? void 0 : _j.itemLeadingChip] })
-                                                  }), null, 16, ["size", "class"])) : createCommentVNode("", true)
-                                                ];
-                                              }),
-                                              createVNode("span", {
-                                                "data-slot": "itemWrapper",
-                                                class: ui.value.itemWrapper({ class: [(_a6 = props.ui) == null ? void 0 : _a6.itemWrapper, isSelectItem(item) && ((_b5 = item.ui) == null ? void 0 : _b5.itemWrapper)] })
-                                              }, [
-                                                createVNode(unref(SelectItemText), {
-                                                  "data-slot": "itemLabel",
-                                                  class: ui.value.itemLabel({ class: [(_c3 = props.ui) == null ? void 0 : _c3.itemLabel, isSelectItem(item) && ((_d3 = item.ui) == null ? void 0 : _d3.itemLabel)] })
-                                                }, {
-                                                  default: withCtx(() => [
-                                                    renderSlot(_ctx.$slots, "item-label", {
-                                                      item,
-                                                      index
-                                                    }, () => [
-                                                      createTextVNode(toDisplayString(isSelectItem(item) ? unref(get)(item, props.labelKey) : item), 1)
-                                                    ])
-                                                  ]),
-                                                  _: 2
-                                                }, 1032, ["class"]),
-                                                isSelectItem(item) && (unref(get)(item, props.descriptionKey) || !!slots["item-description"]) ? (openBlock(), createBlock("span", {
-                                                  key: 0,
-                                                  "data-slot": "itemDescription",
-                                                  class: ui.value.itemDescription({ class: [(_e2 = props.ui) == null ? void 0 : _e2.itemDescription, isSelectItem(item) && ((_f2 = item.ui) == null ? void 0 : _f2.itemDescription)] })
-                                                }, [
-                                                  renderSlot(_ctx.$slots, "item-description", {
+                                          }, () => [
+                                            renderSlot(_ctx.$slots, "item-leading", {
+                                              item,
+                                              index,
+                                              ui: ui.value
+                                            }, () => [
+                                              isSelectItem(item) && item.icon ? (openBlock(), createBlock(_sfc_main$d, {
+                                                key: 0,
+                                                name: item.icon,
+                                                "data-slot": "itemLeadingIcon",
+                                                class: ui.value.itemLeadingIcon({ class: [props.ui?.itemLeadingIcon, item.ui?.itemLeadingIcon] })
+                                              }, null, 8, ["name", "class"])) : isSelectItem(item) && item.avatar ? (openBlock(), createBlock(_sfc_main$b, mergeProps({
+                                                key: 1,
+                                                size: item.ui?.itemLeadingAvatarSize || props.ui?.itemLeadingAvatarSize || ui.value.itemLeadingAvatarSize()
+                                              }, { ref_for: true }, item.avatar, {
+                                                "data-slot": "itemLeadingAvatar",
+                                                class: ui.value.itemLeadingAvatar({ class: [props.ui?.itemLeadingAvatar, item.ui?.itemLeadingAvatar] })
+                                              }), null, 16, ["size", "class"])) : isSelectItem(item) && item.chip ? (openBlock(), createBlock(_sfc_main$c, mergeProps({
+                                                key: 2,
+                                                size: item.ui?.itemLeadingChipSize || props.ui?.itemLeadingChipSize || ui.value.itemLeadingChipSize(),
+                                                inset: "",
+                                                standalone: ""
+                                              }, { ref_for: true }, item.chip, {
+                                                "data-slot": "itemLeadingChip",
+                                                class: ui.value.itemLeadingChip({ class: [props.ui?.itemLeadingChip, item.ui?.itemLeadingChip] })
+                                              }), null, 16, ["size", "class"])) : createCommentVNode("", true)
+                                            ]),
+                                            createVNode("span", {
+                                              "data-slot": "itemWrapper",
+                                              class: ui.value.itemWrapper({ class: [props.ui?.itemWrapper, isSelectItem(item) && item.ui?.itemWrapper] })
+                                            }, [
+                                              createVNode(unref(SelectItemText), {
+                                                "data-slot": "itemLabel",
+                                                class: ui.value.itemLabel({ class: [props.ui?.itemLabel, isSelectItem(item) && item.ui?.itemLabel] })
+                                              }, {
+                                                default: withCtx(() => [
+                                                  renderSlot(_ctx.$slots, "item-label", {
                                                     item,
                                                     index
                                                   }, () => [
-                                                    createTextVNode(toDisplayString(unref(get)(item, props.descriptionKey)), 1)
+                                                    createTextVNode(toDisplayString(isSelectItem(item) ? unref(get)(item, props.labelKey) : item), 1)
                                                   ])
-                                                ], 2)) : createCommentVNode("", true)
-                                              ], 2),
-                                              createVNode("span", {
-                                                "data-slot": "itemTrailing",
-                                                class: ui.value.itemTrailing({ class: [(_g = props.ui) == null ? void 0 : _g.itemTrailing, isSelectItem(item) && ((_h = item.ui) == null ? void 0 : _h.itemTrailing)] })
+                                                ]),
+                                                _: 2
+                                              }, 1032, ["class"]),
+                                              isSelectItem(item) && (unref(get)(item, props.descriptionKey) || !!slots["item-description"]) ? (openBlock(), createBlock("span", {
+                                                key: 0,
+                                                "data-slot": "itemDescription",
+                                                class: ui.value.itemDescription({ class: [props.ui?.itemDescription, isSelectItem(item) && item.ui?.itemDescription] })
                                               }, [
-                                                renderSlot(_ctx.$slots, "item-trailing", {
+                                                renderSlot(_ctx.$slots, "item-description", {
                                                   item,
-                                                  index,
-                                                  ui: ui.value
-                                                }),
-                                                createVNode(unref(SelectItemIndicator), { "as-child": "" }, {
-                                                  default: withCtx(() => {
-                                                    var _a7, _b6;
-                                                    return [
-                                                      createVNode(_sfc_main$d, {
-                                                        name: __props.selectedIcon || unref(appConfig).ui.icons.check,
-                                                        "data-slot": "itemTrailingIcon",
-                                                        class: ui.value.itemTrailingIcon({ class: [(_a7 = props.ui) == null ? void 0 : _a7.itemTrailingIcon, isSelectItem(item) && ((_b6 = item.ui) == null ? void 0 : _b6.itemTrailingIcon)] })
-                                                      }, null, 8, ["name", "class"])
-                                                    ];
-                                                  }),
-                                                  _: 2
-                                                }, 1024)
-                                              ], 2)
-                                            ];
-                                          })
+                                                  index
+                                                }, () => [
+                                                  createTextVNode(toDisplayString(unref(get)(item, props.descriptionKey)), 1)
+                                                ])
+                                              ], 2)) : createCommentVNode("", true)
+                                            ], 2),
+                                            createVNode("span", {
+                                              "data-slot": "itemTrailing",
+                                              class: ui.value.itemTrailing({ class: [props.ui?.itemTrailing, isSelectItem(item) && item.ui?.itemTrailing] })
+                                            }, [
+                                              renderSlot(_ctx.$slots, "item-trailing", {
+                                                item,
+                                                index,
+                                                ui: ui.value
+                                              }),
+                                              createVNode(unref(SelectItemIndicator), { "as-child": "" }, {
+                                                default: withCtx(() => [
+                                                  createVNode(_sfc_main$d, {
+                                                    name: __props.selectedIcon || unref(appConfig).ui.icons.check,
+                                                    "data-slot": "itemTrailingIcon",
+                                                    class: ui.value.itemTrailingIcon({ class: [props.ui?.itemTrailingIcon, isSelectItem(item) && item.ui?.itemTrailingIcon] })
+                                                  }, null, 8, ["name", "class"])
+                                                ]),
+                                                _: 2
+                                              }, 1024)
+                                            ], 2)
+                                          ])
                                         ]),
                                         _: 2
                                       }, 1032, ["class", "disabled", "value", "onSelect"]))
@@ -1029,7 +975,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                         if (!!__props.arrow) {
                           _push4(ssrRenderComponent(unref(SelectArrow), mergeProps(arrowProps.value, {
                             "data-slot": "arrow",
-                            class: ui.value.arrow({ class: (_b3 = props.ui) == null ? void 0 : _b3.arrow })
+                            class: ui.value.arrow({ class: props.ui?.arrow })
                           }), null, _parent4, _scopeId3));
                         } else {
                           _push4(`<!---->`);
@@ -1040,25 +986,23 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                           createVNode("div", {
                             role: "presentation",
                             "data-slot": "viewport",
-                            class: ui.value.viewport({ class: (_c = props.ui) == null ? void 0 : _c.viewport })
+                            class: ui.value.viewport({ class: props.ui?.viewport })
                           }, [
                             (openBlock(true), createBlock(Fragment, null, renderList(groups.value, (group, groupIndex) => {
-                              var _a4;
                               return openBlock(), createBlock(unref(SelectGroup), {
                                 key: `group-${groupIndex}`,
                                 "data-slot": "group",
-                                class: ui.value.group({ class: (_a4 = props.ui) == null ? void 0 : _a4.group })
+                                class: ui.value.group({ class: props.ui?.group })
                               }, {
                                 default: withCtx(() => [
                                   (openBlock(true), createBlock(Fragment, null, renderList(group, (item, index) => {
-                                    var _a5, _b4, _c2, _d2, _e, _f;
                                     return openBlock(), createBlock(Fragment, {
                                       key: `group-${groupIndex}-${index}`
                                     }, [
                                       isSelectItem(item) && item.type === "label" ? (openBlock(), createBlock(unref(SelectLabel), {
                                         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, item.class] })
+                                        class: ui.value.label({ class: [props.ui?.label, item.ui?.label, item.class] })
                                       }, {
                                         default: withCtx(() => [
                                           createTextVNode(toDisplayString(unref(get)(item, props.labelKey)), 1)
@@ -1067,111 +1011,99 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                                       }, 1032, ["class"])) : isSelectItem(item) && item.type === "separator" ? (openBlock(), createBlock(unref(SelectSeparator), {
                                         key: 1,
                                         "data-slot": "separator",
-                                        class: ui.value.separator({ class: [(_c2 = props.ui) == null ? void 0 : _c2.separator, (_d2 = item.ui) == null ? void 0 : _d2.separator, item.class] })
+                                        class: ui.value.separator({ class: [props.ui?.separator, item.ui?.separator, item.class] })
                                       }, null, 8, ["class"])) : (openBlock(), createBlock(unref(SelectItem), {
                                         key: 2,
                                         "data-slot": "item",
-                                        class: ui.value.item({ class: [(_e = props.ui) == null ? void 0 : _e.item, isSelectItem(item) && ((_f = item.ui) == null ? void 0 : _f.item), isSelectItem(item) && item.class] }),
+                                        class: ui.value.item({ class: [props.ui?.item, isSelectItem(item) && item.ui?.item, isSelectItem(item) && item.class] }),
                                         disabled: isSelectItem(item) && item.disabled,
                                         value: isSelectItem(item) ? unref(get)(item, props.valueKey) : item,
-                                        onSelect: ($event) => {
-                                          var _a6;
-                                          return isSelectItem(item) && ((_a6 = item.onSelect) == null ? void 0 : _a6.call(item, $event));
-                                        }
+                                        onSelect: ($event) => isSelectItem(item) && item.onSelect?.($event)
                                       }, {
                                         default: withCtx(() => [
                                           renderSlot(_ctx.$slots, "item", {
                                             item,
                                             index,
                                             ui: ui.value
-                                          }, () => {
-                                            var _a6, _b5, _c3, _d3, _e2, _f2, _g, _h;
-                                            return [
-                                              renderSlot(_ctx.$slots, "item-leading", {
-                                                item,
-                                                index,
-                                                ui: ui.value
-                                              }, () => {
-                                                var _a7, _b6, _c4, _d4, _e3, _f3, _g2, _h2, _i, _j;
-                                                return [
-                                                  isSelectItem(item) && item.icon ? (openBlock(), createBlock(_sfc_main$d, {
-                                                    key: 0,
-                                                    name: item.icon,
-                                                    "data-slot": "itemLeadingIcon",
-                                                    class: ui.value.itemLeadingIcon({ class: [(_a7 = props.ui) == null ? void 0 : _a7.itemLeadingIcon, (_b6 = item.ui) == null ? void 0 : _b6.itemLeadingIcon] })
-                                                  }, null, 8, ["name", "class"])) : isSelectItem(item) && item.avatar ? (openBlock(), createBlock(_sfc_main$b, mergeProps({
-                                                    key: 1,
-                                                    size: ((_c4 = item.ui) == null ? void 0 : _c4.itemLeadingAvatarSize) || ((_d4 = props.ui) == null ? void 0 : _d4.itemLeadingAvatarSize) || ui.value.itemLeadingAvatarSize()
-                                                  }, { ref_for: true }, item.avatar, {
-                                                    "data-slot": "itemLeadingAvatar",
-                                                    class: ui.value.itemLeadingAvatar({ class: [(_e3 = props.ui) == null ? void 0 : _e3.itemLeadingAvatar, (_f3 = item.ui) == null ? void 0 : _f3.itemLeadingAvatar] })
-                                                  }), null, 16, ["size", "class"])) : isSelectItem(item) && item.chip ? (openBlock(), createBlock(_sfc_main$c, mergeProps({
-                                                    key: 2,
-                                                    size: ((_g2 = item.ui) == null ? void 0 : _g2.itemLeadingChipSize) || ((_h2 = props.ui) == null ? void 0 : _h2.itemLeadingChipSize) || ui.value.itemLeadingChipSize(),
-                                                    inset: "",
-                                                    standalone: ""
-                                                  }, { ref_for: true }, item.chip, {
-                                                    "data-slot": "itemLeadingChip",
-                                                    class: ui.value.itemLeadingChip({ class: [(_i = props.ui) == null ? void 0 : _i.itemLeadingChip, (_j = item.ui) == null ? void 0 : _j.itemLeadingChip] })
-                                                  }), null, 16, ["size", "class"])) : createCommentVNode("", true)
-                                                ];
-                                              }),
-                                              createVNode("span", {
-                                                "data-slot": "itemWrapper",
-                                                class: ui.value.itemWrapper({ class: [(_a6 = props.ui) == null ? void 0 : _a6.itemWrapper, isSelectItem(item) && ((_b5 = item.ui) == null ? void 0 : _b5.itemWrapper)] })
-                                              }, [
-                                                createVNode(unref(SelectItemText), {
-                                                  "data-slot": "itemLabel",
-                                                  class: ui.value.itemLabel({ class: [(_c3 = props.ui) == null ? void 0 : _c3.itemLabel, isSelectItem(item) && ((_d3 = item.ui) == null ? void 0 : _d3.itemLabel)] })
-                                                }, {
-                                                  default: withCtx(() => [
-                                                    renderSlot(_ctx.$slots, "item-label", {
-                                                      item,
-                                                      index
-                                                    }, () => [
-                                                      createTextVNode(toDisplayString(isSelectItem(item) ? unref(get)(item, props.labelKey) : item), 1)
-                                                    ])
-                                                  ]),
-                                                  _: 2
-                                                }, 1032, ["class"]),
-                                                isSelectItem(item) && (unref(get)(item, props.descriptionKey) || !!slots["item-description"]) ? (openBlock(), createBlock("span", {
-                                                  key: 0,
-                                                  "data-slot": "itemDescription",
-                                                  class: ui.value.itemDescription({ class: [(_e2 = props.ui) == null ? void 0 : _e2.itemDescription, isSelectItem(item) && ((_f2 = item.ui) == null ? void 0 : _f2.itemDescription)] })
-                                                }, [
-                                                  renderSlot(_ctx.$slots, "item-description", {
+                                          }, () => [
+                                            renderSlot(_ctx.$slots, "item-leading", {
+                                              item,
+                                              index,
+                                              ui: ui.value
+                                            }, () => [
+                                              isSelectItem(item) && item.icon ? (openBlock(), createBlock(_sfc_main$d, {
+                                                key: 0,
+                                                name: item.icon,
+                                                "data-slot": "itemLeadingIcon",
+                                                class: ui.value.itemLeadingIcon({ class: [props.ui?.itemLeadingIcon, item.ui?.itemLeadingIcon] })
+                                              }, null, 8, ["name", "class"])) : isSelectItem(item) && item.avatar ? (openBlock(), createBlock(_sfc_main$b, mergeProps({
+                                                key: 1,
+                                                size: item.ui?.itemLeadingAvatarSize || props.ui?.itemLeadingAvatarSize || ui.value.itemLeadingAvatarSize()
+                                              }, { ref_for: true }, item.avatar, {
+                                                "data-slot": "itemLeadingAvatar",
+                                                class: ui.value.itemLeadingAvatar({ class: [props.ui?.itemLeadingAvatar, item.ui?.itemLeadingAvatar] })
+                                              }), null, 16, ["size", "class"])) : isSelectItem(item) && item.chip ? (openBlock(), createBlock(_sfc_main$c, mergeProps({
+                                                key: 2,
+                                                size: item.ui?.itemLeadingChipSize || props.ui?.itemLeadingChipSize || ui.value.itemLeadingChipSize(),
+                                                inset: "",
+                                                standalone: ""
+                                              }, { ref_for: true }, item.chip, {
+                                                "data-slot": "itemLeadingChip",
+                                                class: ui.value.itemLeadingChip({ class: [props.ui?.itemLeadingChip, item.ui?.itemLeadingChip] })
+                                              }), null, 16, ["size", "class"])) : createCommentVNode("", true)
+                                            ]),
+                                            createVNode("span", {
+                                              "data-slot": "itemWrapper",
+                                              class: ui.value.itemWrapper({ class: [props.ui?.itemWrapper, isSelectItem(item) && item.ui?.itemWrapper] })
+                                            }, [
+                                              createVNode(unref(SelectItemText), {
+                                                "data-slot": "itemLabel",
+                                                class: ui.value.itemLabel({ class: [props.ui?.itemLabel, isSelectItem(item) && item.ui?.itemLabel] })
+                                              }, {
+                                                default: withCtx(() => [
+                                                  renderSlot(_ctx.$slots, "item-label", {
                                                     item,
                                                     index
                                                   }, () => [
-                                                    createTextVNode(toDisplayString(unref(get)(item, props.descriptionKey)), 1)
+                                                    createTextVNode(toDisplayString(isSelectItem(item) ? unref(get)(item, props.labelKey) : item), 1)
                                                   ])
-                                                ], 2)) : createCommentVNode("", true)
-                                              ], 2),
-                                              createVNode("span", {
-                                                "data-slot": "itemTrailing",
-                                                class: ui.value.itemTrailing({ class: [(_g = props.ui) == null ? void 0 : _g.itemTrailing, isSelectItem(item) && ((_h = item.ui) == null ? void 0 : _h.itemTrailing)] })
+                                                ]),
+                                                _: 2
+                                              }, 1032, ["class"]),
+                                              isSelectItem(item) && (unref(get)(item, props.descriptionKey) || !!slots["item-description"]) ? (openBlock(), createBlock("span", {
+                                                key: 0,
+                                                "data-slot": "itemDescription",
+                                                class: ui.value.itemDescription({ class: [props.ui?.itemDescription, isSelectItem(item) && item.ui?.itemDescription] })
                                               }, [
-                                                renderSlot(_ctx.$slots, "item-trailing", {
+                                                renderSlot(_ctx.$slots, "item-description", {
                                                   item,
-                                                  index,
-                                                  ui: ui.value
-                                                }),
-                                                createVNode(unref(SelectItemIndicator), { "as-child": "" }, {
-                                                  default: withCtx(() => {
-                                                    var _a7, _b6;
-                                                    return [
-                                                      createVNode(_sfc_main$d, {
-                                                        name: __props.selectedIcon || unref(appConfig).ui.icons.check,
-                                                        "data-slot": "itemTrailingIcon",
-                                                        class: ui.value.itemTrailingIcon({ class: [(_a7 = props.ui) == null ? void 0 : _a7.itemTrailingIcon, isSelectItem(item) && ((_b6 = item.ui) == null ? void 0 : _b6.itemTrailingIcon)] })
-                                                      }, null, 8, ["name", "class"])
-                                                    ];
-                                                  }),
-                                                  _: 2
-                                                }, 1024)
-                                              ], 2)
-                                            ];
-                                          })
+                                                  index
+                                                }, () => [
+                                                  createTextVNode(toDisplayString(unref(get)(item, props.descriptionKey)), 1)
+                                                ])
+                                              ], 2)) : createCommentVNode("", true)
+                                            ], 2),
+                                            createVNode("span", {
+                                              "data-slot": "itemTrailing",
+                                              class: ui.value.itemTrailing({ class: [props.ui?.itemTrailing, isSelectItem(item) && item.ui?.itemTrailing] })
+                                            }, [
+                                              renderSlot(_ctx.$slots, "item-trailing", {
+                                                item,
+                                                index,
+                                                ui: ui.value
+                                              }),
+                                              createVNode(unref(SelectItemIndicator), { "as-child": "" }, {
+                                                default: withCtx(() => [
+                                                  createVNode(_sfc_main$d, {
+                                                    name: __props.selectedIcon || unref(appConfig).ui.icons.check,
+                                                    "data-slot": "itemTrailingIcon",
+                                                    class: ui.value.itemTrailingIcon({ class: [props.ui?.itemTrailingIcon, isSelectItem(item) && item.ui?.itemTrailingIcon] })
+                                                  }, null, 8, ["name", "class"])
+                                                ]),
+                                                _: 2
+                                              }, 1024)
+                                            ], 2)
+                                          ])
                                         ]),
                                         _: 2
                                       }, 1032, ["class", "disabled", "value", "onSelect"]))
@@ -1185,7 +1117,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                           renderSlot(_ctx.$slots, "content-bottom"),
                           !!__props.arrow ? (openBlock(), createBlock(unref(SelectArrow), mergeProps({ key: 0 }, arrowProps.value, {
                             "data-slot": "arrow",
-                            class: ui.value.arrow({ class: (_d = props.ui) == null ? void 0 : _d.arrow })
+                            class: ui.value.arrow({ class: props.ui?.arrow })
                           }), null, 16, ["class"])) : createCommentVNode("", true)
                         ];
                       }
@@ -1196,164 +1128,147 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                   return [
                     createVNode(unref(SelectContent), mergeProps({
                       "data-slot": "content",
-                      class: ui.value.content({ class: (_b2 = props.ui) == null ? void 0 : _b2.content })
+                      class: ui.value.content({ class: props.ui?.content })
                     }, contentProps.value), {
-                      default: withCtx(() => {
-                        var _a3, _b3;
-                        return [
-                          renderSlot(_ctx.$slots, "content-top"),
-                          createVNode("div", {
-                            role: "presentation",
-                            "data-slot": "viewport",
-                            class: ui.value.viewport({ class: (_a3 = props.ui) == null ? void 0 : _a3.viewport })
-                          }, [
-                            (openBlock(true), createBlock(Fragment, null, renderList(groups.value, (group, groupIndex) => {
-                              var _a4;
-                              return openBlock(), createBlock(unref(SelectGroup), {
-                                key: `group-${groupIndex}`,
-                                "data-slot": "group",
-                                class: ui.value.group({ class: (_a4 = props.ui) == null ? void 0 : _a4.group })
-                              }, {
-                                default: withCtx(() => [
-                                  (openBlock(true), createBlock(Fragment, null, renderList(group, (item, index) => {
-                                    var _a5, _b4, _c, _d, _e, _f;
-                                    return openBlock(), createBlock(Fragment, {
-                                      key: `group-${groupIndex}-${index}`
-                                    }, [
-                                      isSelectItem(item) && item.type === "label" ? (openBlock(), createBlock(unref(SelectLabel), {
-                                        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, item.class] })
-                                      }, {
-                                        default: withCtx(() => [
-                                          createTextVNode(toDisplayString(unref(get)(item, props.labelKey)), 1)
-                                        ]),
-                                        _: 2
-                                      }, 1032, ["class"])) : isSelectItem(item) && item.type === "separator" ? (openBlock(), createBlock(unref(SelectSeparator), {
-                                        key: 1,
-                                        "data-slot": "separator",
-                                        class: ui.value.separator({ class: [(_c = props.ui) == null ? void 0 : _c.separator, (_d = item.ui) == null ? void 0 : _d.separator, item.class] })
-                                      }, null, 8, ["class"])) : (openBlock(), createBlock(unref(SelectItem), {
-                                        key: 2,
-                                        "data-slot": "item",
-                                        class: ui.value.item({ class: [(_e = props.ui) == null ? void 0 : _e.item, isSelectItem(item) && ((_f = item.ui) == null ? void 0 : _f.item), isSelectItem(item) && item.class] }),
-                                        disabled: isSelectItem(item) && item.disabled,
-                                        value: isSelectItem(item) ? unref(get)(item, props.valueKey) : item,
-                                        onSelect: ($event) => {
-                                          var _a6;
-                                          return isSelectItem(item) && ((_a6 = item.onSelect) == null ? void 0 : _a6.call(item, $event));
-                                        }
-                                      }, {
-                                        default: withCtx(() => [
-                                          renderSlot(_ctx.$slots, "item", {
+                      default: withCtx(() => [
+                        renderSlot(_ctx.$slots, "content-top"),
+                        createVNode("div", {
+                          role: "presentation",
+                          "data-slot": "viewport",
+                          class: ui.value.viewport({ class: props.ui?.viewport })
+                        }, [
+                          (openBlock(true), createBlock(Fragment, null, renderList(groups.value, (group, groupIndex) => {
+                            return openBlock(), createBlock(unref(SelectGroup), {
+                              key: `group-${groupIndex}`,
+                              "data-slot": "group",
+                              class: ui.value.group({ class: props.ui?.group })
+                            }, {
+                              default: withCtx(() => [
+                                (openBlock(true), createBlock(Fragment, null, renderList(group, (item, index) => {
+                                  return openBlock(), createBlock(Fragment, {
+                                    key: `group-${groupIndex}-${index}`
+                                  }, [
+                                    isSelectItem(item) && item.type === "label" ? (openBlock(), createBlock(unref(SelectLabel), {
+                                      key: 0,
+                                      "data-slot": "label",
+                                      class: ui.value.label({ class: [props.ui?.label, item.ui?.label, item.class] })
+                                    }, {
+                                      default: withCtx(() => [
+                                        createTextVNode(toDisplayString(unref(get)(item, props.labelKey)), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["class"])) : isSelectItem(item) && item.type === "separator" ? (openBlock(), createBlock(unref(SelectSeparator), {
+                                      key: 1,
+                                      "data-slot": "separator",
+                                      class: ui.value.separator({ class: [props.ui?.separator, item.ui?.separator, item.class] })
+                                    }, null, 8, ["class"])) : (openBlock(), createBlock(unref(SelectItem), {
+                                      key: 2,
+                                      "data-slot": "item",
+                                      class: ui.value.item({ class: [props.ui?.item, isSelectItem(item) && item.ui?.item, isSelectItem(item) && item.class] }),
+                                      disabled: isSelectItem(item) && item.disabled,
+                                      value: isSelectItem(item) ? unref(get)(item, props.valueKey) : item,
+                                      onSelect: ($event) => isSelectItem(item) && item.onSelect?.($event)
+                                    }, {
+                                      default: withCtx(() => [
+                                        renderSlot(_ctx.$slots, "item", {
+                                          item,
+                                          index,
+                                          ui: ui.value
+                                        }, () => [
+                                          renderSlot(_ctx.$slots, "item-leading", {
                                             item,
                                             index,
                                             ui: ui.value
-                                          }, () => {
-                                            var _a6, _b5, _c2, _d2, _e2, _f2, _g, _h;
-                                            return [
-                                              renderSlot(_ctx.$slots, "item-leading", {
-                                                item,
-                                                index,
-                                                ui: ui.value
-                                              }, () => {
-                                                var _a7, _b6, _c3, _d3, _e3, _f3, _g2, _h2, _i, _j;
-                                                return [
-                                                  isSelectItem(item) && item.icon ? (openBlock(), createBlock(_sfc_main$d, {
-                                                    key: 0,
-                                                    name: item.icon,
-                                                    "data-slot": "itemLeadingIcon",
-                                                    class: ui.value.itemLeadingIcon({ class: [(_a7 = props.ui) == null ? void 0 : _a7.itemLeadingIcon, (_b6 = item.ui) == null ? void 0 : _b6.itemLeadingIcon] })
-                                                  }, null, 8, ["name", "class"])) : isSelectItem(item) && item.avatar ? (openBlock(), createBlock(_sfc_main$b, mergeProps({
-                                                    key: 1,
-                                                    size: ((_c3 = item.ui) == null ? void 0 : _c3.itemLeadingAvatarSize) || ((_d3 = props.ui) == null ? void 0 : _d3.itemLeadingAvatarSize) || ui.value.itemLeadingAvatarSize()
-                                                  }, { ref_for: true }, item.avatar, {
-                                                    "data-slot": "itemLeadingAvatar",
-                                                    class: ui.value.itemLeadingAvatar({ class: [(_e3 = props.ui) == null ? void 0 : _e3.itemLeadingAvatar, (_f3 = item.ui) == null ? void 0 : _f3.itemLeadingAvatar] })
-                                                  }), null, 16, ["size", "class"])) : isSelectItem(item) && item.chip ? (openBlock(), createBlock(_sfc_main$c, mergeProps({
-                                                    key: 2,
-                                                    size: ((_g2 = item.ui) == null ? void 0 : _g2.itemLeadingChipSize) || ((_h2 = props.ui) == null ? void 0 : _h2.itemLeadingChipSize) || ui.value.itemLeadingChipSize(),
-                                                    inset: "",
-                                                    standalone: ""
-                                                  }, { ref_for: true }, item.chip, {
-                                                    "data-slot": "itemLeadingChip",
-                                                    class: ui.value.itemLeadingChip({ class: [(_i = props.ui) == null ? void 0 : _i.itemLeadingChip, (_j = item.ui) == null ? void 0 : _j.itemLeadingChip] })
-                                                  }), null, 16, ["size", "class"])) : createCommentVNode("", true)
-                                                ];
-                                              }),
-                                              createVNode("span", {
-                                                "data-slot": "itemWrapper",
-                                                class: ui.value.itemWrapper({ class: [(_a6 = props.ui) == null ? void 0 : _a6.itemWrapper, isSelectItem(item) && ((_b5 = item.ui) == null ? void 0 : _b5.itemWrapper)] })
-                                              }, [
-                                                createVNode(unref(SelectItemText), {
-                                                  "data-slot": "itemLabel",
-                                                  class: ui.value.itemLabel({ class: [(_c2 = props.ui) == null ? void 0 : _c2.itemLabel, isSelectItem(item) && ((_d2 = item.ui) == null ? void 0 : _d2.itemLabel)] })
-                                                }, {
-                                                  default: withCtx(() => [
-                                                    renderSlot(_ctx.$slots, "item-label", {
-                                                      item,
-                                                      index
-                                                    }, () => [
-                                                      createTextVNode(toDisplayString(isSelectItem(item) ? unref(get)(item, props.labelKey) : item), 1)
-                                                    ])
-                                                  ]),
-                                                  _: 2
-                                                }, 1032, ["class"]),
-                                                isSelectItem(item) && (unref(get)(item, props.descriptionKey) || !!slots["item-description"]) ? (openBlock(), createBlock("span", {
-                                                  key: 0,
-                                                  "data-slot": "itemDescription",
-                                                  class: ui.value.itemDescription({ class: [(_e2 = props.ui) == null ? void 0 : _e2.itemDescription, isSelectItem(item) && ((_f2 = item.ui) == null ? void 0 : _f2.itemDescription)] })
-                                                }, [
-                                                  renderSlot(_ctx.$slots, "item-description", {
-                                                    item,
-                                                    index
-                                                  }, () => [
-                                                    createTextVNode(toDisplayString(unref(get)(item, props.descriptionKey)), 1)
-                                                  ])
-                                                ], 2)) : createCommentVNode("", true)
-                                              ], 2),
-                                              createVNode("span", {
-                                                "data-slot": "itemTrailing",
-                                                class: ui.value.itemTrailing({ class: [(_g = props.ui) == null ? void 0 : _g.itemTrailing, isSelectItem(item) && ((_h = item.ui) == null ? void 0 : _h.itemTrailing)] })
-                                              }, [
-                                                renderSlot(_ctx.$slots, "item-trailing", {
+                                          }, () => [
+                                            isSelectItem(item) && item.icon ? (openBlock(), createBlock(_sfc_main$d, {
+                                              key: 0,
+                                              name: item.icon,
+                                              "data-slot": "itemLeadingIcon",
+                                              class: ui.value.itemLeadingIcon({ class: [props.ui?.itemLeadingIcon, item.ui?.itemLeadingIcon] })
+                                            }, null, 8, ["name", "class"])) : isSelectItem(item) && item.avatar ? (openBlock(), createBlock(_sfc_main$b, mergeProps({
+                                              key: 1,
+                                              size: item.ui?.itemLeadingAvatarSize || props.ui?.itemLeadingAvatarSize || ui.value.itemLeadingAvatarSize()
+                                            }, { ref_for: true }, item.avatar, {
+                                              "data-slot": "itemLeadingAvatar",
+                                              class: ui.value.itemLeadingAvatar({ class: [props.ui?.itemLeadingAvatar, item.ui?.itemLeadingAvatar] })
+                                            }), null, 16, ["size", "class"])) : isSelectItem(item) && item.chip ? (openBlock(), createBlock(_sfc_main$c, mergeProps({
+                                              key: 2,
+                                              size: item.ui?.itemLeadingChipSize || props.ui?.itemLeadingChipSize || ui.value.itemLeadingChipSize(),
+                                              inset: "",
+                                              standalone: ""
+                                            }, { ref_for: true }, item.chip, {
+                                              "data-slot": "itemLeadingChip",
+                                              class: ui.value.itemLeadingChip({ class: [props.ui?.itemLeadingChip, item.ui?.itemLeadingChip] })
+                                            }), null, 16, ["size", "class"])) : createCommentVNode("", true)
+                                          ]),
+                                          createVNode("span", {
+                                            "data-slot": "itemWrapper",
+                                            class: ui.value.itemWrapper({ class: [props.ui?.itemWrapper, isSelectItem(item) && item.ui?.itemWrapper] })
+                                          }, [
+                                            createVNode(unref(SelectItemText), {
+                                              "data-slot": "itemLabel",
+                                              class: ui.value.itemLabel({ class: [props.ui?.itemLabel, isSelectItem(item) && item.ui?.itemLabel] })
+                                            }, {
+                                              default: withCtx(() => [
+                                                renderSlot(_ctx.$slots, "item-label", {
                                                   item,
-                                                  index,
-                                                  ui: ui.value
-                                                }),
-                                                createVNode(unref(SelectItemIndicator), { "as-child": "" }, {
-                                                  default: withCtx(() => {
-                                                    var _a7, _b6;
-                                                    return [
-                                                      createVNode(_sfc_main$d, {
-                                                        name: __props.selectedIcon || unref(appConfig).ui.icons.check,
-                                                        "data-slot": "itemTrailingIcon",
-                                                        class: ui.value.itemTrailingIcon({ class: [(_a7 = props.ui) == null ? void 0 : _a7.itemTrailingIcon, isSelectItem(item) && ((_b6 = item.ui) == null ? void 0 : _b6.itemTrailingIcon)] })
-                                                      }, null, 8, ["name", "class"])
-                                                    ];
-                                                  }),
-                                                  _: 2
-                                                }, 1024)
-                                              ], 2)
-                                            ];
-                                          })
-                                        ]),
-                                        _: 2
-                                      }, 1032, ["class", "disabled", "value", "onSelect"]))
-                                    ], 64);
-                                  }), 128))
-                                ]),
-                                _: 2
-                              }, 1032, ["class"]);
-                            }), 128))
-                          ], 2),
-                          renderSlot(_ctx.$slots, "content-bottom"),
-                          !!__props.arrow ? (openBlock(), createBlock(unref(SelectArrow), mergeProps({ key: 0 }, arrowProps.value, {
-                            "data-slot": "arrow",
-                            class: ui.value.arrow({ class: (_b3 = props.ui) == null ? void 0 : _b3.arrow })
-                          }), null, 16, ["class"])) : createCommentVNode("", true)
-                        ];
-                      }),
+                                                  index
+                                                }, () => [
+                                                  createTextVNode(toDisplayString(isSelectItem(item) ? unref(get)(item, props.labelKey) : item), 1)
+                                                ])
+                                              ]),
+                                              _: 2
+                                            }, 1032, ["class"]),
+                                            isSelectItem(item) && (unref(get)(item, props.descriptionKey) || !!slots["item-description"]) ? (openBlock(), createBlock("span", {
+                                              key: 0,
+                                              "data-slot": "itemDescription",
+                                              class: ui.value.itemDescription({ class: [props.ui?.itemDescription, isSelectItem(item) && item.ui?.itemDescription] })
+                                            }, [
+                                              renderSlot(_ctx.$slots, "item-description", {
+                                                item,
+                                                index
+                                              }, () => [
+                                                createTextVNode(toDisplayString(unref(get)(item, props.descriptionKey)), 1)
+                                              ])
+                                            ], 2)) : createCommentVNode("", true)
+                                          ], 2),
+                                          createVNode("span", {
+                                            "data-slot": "itemTrailing",
+                                            class: ui.value.itemTrailing({ class: [props.ui?.itemTrailing, isSelectItem(item) && item.ui?.itemTrailing] })
+                                          }, [
+                                            renderSlot(_ctx.$slots, "item-trailing", {
+                                              item,
+                                              index,
+                                              ui: ui.value
+                                            }),
+                                            createVNode(unref(SelectItemIndicator), { "as-child": "" }, {
+                                              default: withCtx(() => [
+                                                createVNode(_sfc_main$d, {
+                                                  name: __props.selectedIcon || unref(appConfig).ui.icons.check,
+                                                  "data-slot": "itemTrailingIcon",
+                                                  class: ui.value.itemTrailingIcon({ class: [props.ui?.itemTrailingIcon, isSelectItem(item) && item.ui?.itemTrailingIcon] })
+                                                }, null, 8, ["name", "class"])
+                                              ]),
+                                              _: 2
+                                            }, 1024)
+                                          ], 2)
+                                        ])
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["class", "disabled", "value", "onSelect"]))
+                                  ], 64);
+                                }), 128))
+                              ]),
+                              _: 2
+                            }, 1032, ["class"]);
+                          }), 128))
+                        ], 2),
+                        renderSlot(_ctx.$slots, "content-bottom"),
+                        !!__props.arrow ? (openBlock(), createBlock(unref(SelectArrow), mergeProps({ key: 0 }, arrowProps.value, {
+                          "data-slot": "arrow",
+                          class: ui.value.arrow({ class: props.ui?.arrow })
+                        }), null, 16, ["class"])) : createCommentVNode("", true)
+                      ]),
                       _: 3
                     }, 16, ["class"])
                   ];
@@ -1368,251 +1283,221 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                 ref_key: "triggerRef",
                 ref: triggerRef,
                 "data-slot": "base",
-                class: ui.value.base({ class: [(_b = props.ui) == null ? void 0 : _b.base, props.class] })
+                class: ui.value.base({ class: [props.ui?.base, props.class] })
               }, { ..._ctx.$attrs, ...unref(ariaAttrs) }), {
-                default: withCtx(() => {
-                  var _a2, _b2;
-                  return [
-                    unref(isLeading) || !!__props.avatar || !!slots.leading ? (openBlock(), createBlock("span", {
-                      key: 0,
-                      "data-slot": "leading",
-                      class: ui.value.leading({ class: (_a2 = props.ui) == null ? void 0 : _a2.leading })
-                    }, [
-                      renderSlot(_ctx.$slots, "leading", {
-                        modelValue,
-                        open,
-                        ui: ui.value
-                      }, () => {
-                        var _a3, _b3, _c;
-                        return [
-                          unref(isLeading) && unref(leadingIconName) ? (openBlock(), createBlock(_sfc_main$d, {
-                            key: 0,
-                            name: unref(leadingIconName),
-                            "data-slot": "leadingIcon",
-                            class: ui.value.leadingIcon({ class: (_a3 = props.ui) == null ? void 0 : _a3.leadingIcon })
-                          }, null, 8, ["name", "class"])) : !!__props.avatar ? (openBlock(), createBlock(_sfc_main$b, mergeProps({
-                            key: 1,
-                            size: ((_b3 = props.ui) == null ? void 0 : _b3.itemLeadingAvatarSize) || ui.value.itemLeadingAvatarSize()
-                          }, __props.avatar, {
-                            "data-slot": "itemLeadingAvatar",
-                            class: ui.value.itemLeadingAvatar({ class: (_c = props.ui) == null ? void 0 : _c.itemLeadingAvatar })
-                          }), null, 16, ["size", "class"])) : createCommentVNode("", true)
-                        ];
-                      })
-                    ], 2)) : createCommentVNode("", true),
-                    renderSlot(_ctx.$slots, "default", {
+                default: withCtx(() => [
+                  unref(isLeading) || !!__props.avatar || !!slots.leading ? (openBlock(), createBlock("span", {
+                    key: 0,
+                    "data-slot": "leading",
+                    class: ui.value.leading({ class: props.ui?.leading })
+                  }, [
+                    renderSlot(_ctx.$slots, "leading", {
                       modelValue,
                       open,
                       ui: ui.value
                     }, () => [
-                      (openBlock(true), createBlock(Fragment, null, renderList([displayValue(modelValue)], (displayedModelValue) => {
-                        var _a3, _b3, _c;
-                        return openBlock(), createBlock(Fragment, { key: displayedModelValue }, [
-                          displayedModelValue !== void 0 && displayedModelValue !== null ? (openBlock(), createBlock("span", {
-                            key: 0,
-                            "data-slot": "value",
-                            class: ui.value.value({ class: (_a3 = props.ui) == null ? void 0 : _a3.value })
-                          }, toDisplayString(displayedModelValue), 3)) : (openBlock(), createBlock("span", {
-                            key: 1,
-                            "data-slot": "placeholder",
-                            class: ui.value.placeholder({ class: (_b3 = props.ui) == null ? void 0 : _b3.placeholder })
-                          }, toDisplayString((_c = __props.placeholder) != null ? _c : "\xA0"), 3))
-                        ], 64);
-                      }), 128))
-                    ]),
-                    unref(isTrailing) || !!slots.trailing ? (openBlock(), createBlock("span", {
-                      key: 1,
-                      "data-slot": "trailing",
-                      class: ui.value.trailing({ class: (_b2 = props.ui) == null ? void 0 : _b2.trailing })
-                    }, [
-                      renderSlot(_ctx.$slots, "trailing", {
-                        modelValue,
-                        open,
-                        ui: ui.value
-                      }, () => {
-                        var _a3;
-                        return [
-                          unref(trailingIconName) ? (openBlock(), createBlock(_sfc_main$d, {
-                            key: 0,
-                            name: unref(trailingIconName),
-                            "data-slot": "trailingIcon",
-                            class: ui.value.trailingIcon({ class: (_a3 = props.ui) == null ? void 0 : _a3.trailingIcon })
-                          }, null, 8, ["name", "class"])) : createCommentVNode("", true)
-                        ];
-                      })
-                    ], 2)) : createCommentVNode("", true)
-                  ];
-                }),
+                      unref(isLeading) && unref(leadingIconName) ? (openBlock(), createBlock(_sfc_main$d, {
+                        key: 0,
+                        name: unref(leadingIconName),
+                        "data-slot": "leadingIcon",
+                        class: ui.value.leadingIcon({ class: props.ui?.leadingIcon })
+                      }, null, 8, ["name", "class"])) : !!__props.avatar ? (openBlock(), createBlock(_sfc_main$b, mergeProps({
+                        key: 1,
+                        size: props.ui?.itemLeadingAvatarSize || ui.value.itemLeadingAvatarSize()
+                      }, __props.avatar, {
+                        "data-slot": "itemLeadingAvatar",
+                        class: ui.value.itemLeadingAvatar({ class: props.ui?.itemLeadingAvatar })
+                      }), null, 16, ["size", "class"])) : createCommentVNode("", true)
+                    ])
+                  ], 2)) : createCommentVNode("", true),
+                  renderSlot(_ctx.$slots, "default", {
+                    modelValue,
+                    open,
+                    ui: ui.value
+                  }, () => [
+                    (openBlock(true), createBlock(Fragment, null, renderList([displayValue(modelValue)], (displayedModelValue) => {
+                      return openBlock(), createBlock(Fragment, { key: displayedModelValue }, [
+                        displayedModelValue !== void 0 && displayedModelValue !== null ? (openBlock(), createBlock("span", {
+                          key: 0,
+                          "data-slot": "value",
+                          class: ui.value.value({ class: props.ui?.value })
+                        }, toDisplayString(displayedModelValue), 3)) : (openBlock(), createBlock("span", {
+                          key: 1,
+                          "data-slot": "placeholder",
+                          class: ui.value.placeholder({ class: props.ui?.placeholder })
+                        }, toDisplayString(__props.placeholder ?? " "), 3))
+                      ], 64);
+                    }), 128))
+                  ]),
+                  unref(isTrailing) || !!slots.trailing ? (openBlock(), createBlock("span", {
+                    key: 1,
+                    "data-slot": "trailing",
+                    class: ui.value.trailing({ class: props.ui?.trailing })
+                  }, [
+                    renderSlot(_ctx.$slots, "trailing", {
+                      modelValue,
+                      open,
+                      ui: ui.value
+                    }, () => [
+                      unref(trailingIconName) ? (openBlock(), createBlock(_sfc_main$d, {
+                        key: 0,
+                        name: unref(trailingIconName),
+                        "data-slot": "trailingIcon",
+                        class: ui.value.trailingIcon({ class: props.ui?.trailingIcon })
+                      }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                    ])
+                  ], 2)) : createCommentVNode("", true)
+                ]),
                 _: 2
               }, 1040, ["id", "class"]),
               createVNode(unref(SelectPortal), unref(portalProps), {
-                default: withCtx(() => {
-                  var _a2;
-                  return [
-                    createVNode(unref(SelectContent), mergeProps({
-                      "data-slot": "content",
-                      class: ui.value.content({ class: (_a2 = props.ui) == null ? void 0 : _a2.content })
-                    }, contentProps.value), {
-                      default: withCtx(() => {
-                        var _a3, _b2;
-                        return [
-                          renderSlot(_ctx.$slots, "content-top"),
-                          createVNode("div", {
-                            role: "presentation",
-                            "data-slot": "viewport",
-                            class: ui.value.viewport({ class: (_a3 = props.ui) == null ? void 0 : _a3.viewport })
-                          }, [
-                            (openBlock(true), createBlock(Fragment, null, renderList(groups.value, (group, groupIndex) => {
-                              var _a4;
-                              return openBlock(), createBlock(unref(SelectGroup), {
-                                key: `group-${groupIndex}`,
-                                "data-slot": "group",
-                                class: ui.value.group({ class: (_a4 = props.ui) == null ? void 0 : _a4.group })
-                              }, {
-                                default: withCtx(() => [
-                                  (openBlock(true), createBlock(Fragment, null, renderList(group, (item, index) => {
-                                    var _a5, _b3, _c, _d, _e, _f;
-                                    return openBlock(), createBlock(Fragment, {
-                                      key: `group-${groupIndex}-${index}`
-                                    }, [
-                                      isSelectItem(item) && item.type === "label" ? (openBlock(), createBlock(unref(SelectLabel), {
-                                        key: 0,
-                                        "data-slot": "label",
-                                        class: ui.value.label({ class: [(_a5 = props.ui) == null ? void 0 : _a5.label, (_b3 = item.ui) == null ? void 0 : _b3.label, item.class] })
-                                      }, {
-                                        default: withCtx(() => [
-                                          createTextVNode(toDisplayString(unref(get)(item, props.labelKey)), 1)
+                default: withCtx(() => [
+                  createVNode(unref(SelectContent), mergeProps({
+                    "data-slot": "content",
+                    class: ui.value.content({ class: props.ui?.content })
+                  }, contentProps.value), {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "content-top"),
+                      createVNode("div", {
+                        role: "presentation",
+                        "data-slot": "viewport",
+                        class: ui.value.viewport({ class: props.ui?.viewport })
+                      }, [
+                        (openBlock(true), createBlock(Fragment, null, renderList(groups.value, (group, groupIndex) => {
+                          return openBlock(), createBlock(unref(SelectGroup), {
+                            key: `group-${groupIndex}`,
+                            "data-slot": "group",
+                            class: ui.value.group({ class: props.ui?.group })
+                          }, {
+                            default: withCtx(() => [
+                              (openBlock(true), createBlock(Fragment, null, renderList(group, (item, index) => {
+                                return openBlock(), createBlock(Fragment, {
+                                  key: `group-${groupIndex}-${index}`
+                                }, [
+                                  isSelectItem(item) && item.type === "label" ? (openBlock(), createBlock(unref(SelectLabel), {
+                                    key: 0,
+                                    "data-slot": "label",
+                                    class: ui.value.label({ class: [props.ui?.label, item.ui?.label, item.class] })
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(unref(get)(item, props.labelKey)), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["class"])) : isSelectItem(item) && item.type === "separator" ? (openBlock(), createBlock(unref(SelectSeparator), {
+                                    key: 1,
+                                    "data-slot": "separator",
+                                    class: ui.value.separator({ class: [props.ui?.separator, item.ui?.separator, item.class] })
+                                  }, null, 8, ["class"])) : (openBlock(), createBlock(unref(SelectItem), {
+                                    key: 2,
+                                    "data-slot": "item",
+                                    class: ui.value.item({ class: [props.ui?.item, isSelectItem(item) && item.ui?.item, isSelectItem(item) && item.class] }),
+                                    disabled: isSelectItem(item) && item.disabled,
+                                    value: isSelectItem(item) ? unref(get)(item, props.valueKey) : item,
+                                    onSelect: ($event) => isSelectItem(item) && item.onSelect?.($event)
+                                  }, {
+                                    default: withCtx(() => [
+                                      renderSlot(_ctx.$slots, "item", {
+                                        item,
+                                        index,
+                                        ui: ui.value
+                                      }, () => [
+                                        renderSlot(_ctx.$slots, "item-leading", {
+                                          item,
+                                          index,
+                                          ui: ui.value
+                                        }, () => [
+                                          isSelectItem(item) && item.icon ? (openBlock(), createBlock(_sfc_main$d, {
+                                            key: 0,
+                                            name: item.icon,
+                                            "data-slot": "itemLeadingIcon",
+                                            class: ui.value.itemLeadingIcon({ class: [props.ui?.itemLeadingIcon, item.ui?.itemLeadingIcon] })
+                                          }, null, 8, ["name", "class"])) : isSelectItem(item) && item.avatar ? (openBlock(), createBlock(_sfc_main$b, mergeProps({
+                                            key: 1,
+                                            size: item.ui?.itemLeadingAvatarSize || props.ui?.itemLeadingAvatarSize || ui.value.itemLeadingAvatarSize()
+                                          }, { ref_for: true }, item.avatar, {
+                                            "data-slot": "itemLeadingAvatar",
+                                            class: ui.value.itemLeadingAvatar({ class: [props.ui?.itemLeadingAvatar, item.ui?.itemLeadingAvatar] })
+                                          }), null, 16, ["size", "class"])) : isSelectItem(item) && item.chip ? (openBlock(), createBlock(_sfc_main$c, mergeProps({
+                                            key: 2,
+                                            size: item.ui?.itemLeadingChipSize || props.ui?.itemLeadingChipSize || ui.value.itemLeadingChipSize(),
+                                            inset: "",
+                                            standalone: ""
+                                          }, { ref_for: true }, item.chip, {
+                                            "data-slot": "itemLeadingChip",
+                                            class: ui.value.itemLeadingChip({ class: [props.ui?.itemLeadingChip, item.ui?.itemLeadingChip] })
+                                          }), null, 16, ["size", "class"])) : createCommentVNode("", true)
                                         ]),
-                                        _: 2
-                                      }, 1032, ["class"])) : isSelectItem(item) && item.type === "separator" ? (openBlock(), createBlock(unref(SelectSeparator), {
-                                        key: 1,
-                                        "data-slot": "separator",
-                                        class: ui.value.separator({ class: [(_c = props.ui) == null ? void 0 : _c.separator, (_d = item.ui) == null ? void 0 : _d.separator, item.class] })
-                                      }, null, 8, ["class"])) : (openBlock(), createBlock(unref(SelectItem), {
-                                        key: 2,
-                                        "data-slot": "item",
-                                        class: ui.value.item({ class: [(_e = props.ui) == null ? void 0 : _e.item, isSelectItem(item) && ((_f = item.ui) == null ? void 0 : _f.item), isSelectItem(item) && item.class] }),
-                                        disabled: isSelectItem(item) && item.disabled,
-                                        value: isSelectItem(item) ? unref(get)(item, props.valueKey) : item,
-                                        onSelect: ($event) => {
-                                          var _a6;
-                                          return isSelectItem(item) && ((_a6 = item.onSelect) == null ? void 0 : _a6.call(item, $event));
-                                        }
-                                      }, {
-                                        default: withCtx(() => [
-                                          renderSlot(_ctx.$slots, "item", {
+                                        createVNode("span", {
+                                          "data-slot": "itemWrapper",
+                                          class: ui.value.itemWrapper({ class: [props.ui?.itemWrapper, isSelectItem(item) && item.ui?.itemWrapper] })
+                                        }, [
+                                          createVNode(unref(SelectItemText), {
+                                            "data-slot": "itemLabel",
+                                            class: ui.value.itemLabel({ class: [props.ui?.itemLabel, isSelectItem(item) && item.ui?.itemLabel] })
+                                          }, {
+                                            default: withCtx(() => [
+                                              renderSlot(_ctx.$slots, "item-label", {
+                                                item,
+                                                index
+                                              }, () => [
+                                                createTextVNode(toDisplayString(isSelectItem(item) ? unref(get)(item, props.labelKey) : item), 1)
+                                              ])
+                                            ]),
+                                            _: 2
+                                          }, 1032, ["class"]),
+                                          isSelectItem(item) && (unref(get)(item, props.descriptionKey) || !!slots["item-description"]) ? (openBlock(), createBlock("span", {
+                                            key: 0,
+                                            "data-slot": "itemDescription",
+                                            class: ui.value.itemDescription({ class: [props.ui?.itemDescription, isSelectItem(item) && item.ui?.itemDescription] })
+                                          }, [
+                                            renderSlot(_ctx.$slots, "item-description", {
+                                              item,
+                                              index
+                                            }, () => [
+                                              createTextVNode(toDisplayString(unref(get)(item, props.descriptionKey)), 1)
+                                            ])
+                                          ], 2)) : createCommentVNode("", true)
+                                        ], 2),
+                                        createVNode("span", {
+                                          "data-slot": "itemTrailing",
+                                          class: ui.value.itemTrailing({ class: [props.ui?.itemTrailing, isSelectItem(item) && item.ui?.itemTrailing] })
+                                        }, [
+                                          renderSlot(_ctx.$slots, "item-trailing", {
                                             item,
                                             index,
                                             ui: ui.value
-                                          }, () => {
-                                            var _a6, _b4, _c2, _d2, _e2, _f2, _g, _h;
-                                            return [
-                                              renderSlot(_ctx.$slots, "item-leading", {
-                                                item,
-                                                index,
-                                                ui: ui.value
-                                              }, () => {
-                                                var _a7, _b5, _c3, _d3, _e3, _f3, _g2, _h2, _i, _j;
-                                                return [
-                                                  isSelectItem(item) && item.icon ? (openBlock(), createBlock(_sfc_main$d, {
-                                                    key: 0,
-                                                    name: item.icon,
-                                                    "data-slot": "itemLeadingIcon",
-                                                    class: ui.value.itemLeadingIcon({ class: [(_a7 = props.ui) == null ? void 0 : _a7.itemLeadingIcon, (_b5 = item.ui) == null ? void 0 : _b5.itemLeadingIcon] })
-                                                  }, null, 8, ["name", "class"])) : isSelectItem(item) && item.avatar ? (openBlock(), createBlock(_sfc_main$b, mergeProps({
-                                                    key: 1,
-                                                    size: ((_c3 = item.ui) == null ? void 0 : _c3.itemLeadingAvatarSize) || ((_d3 = props.ui) == null ? void 0 : _d3.itemLeadingAvatarSize) || ui.value.itemLeadingAvatarSize()
-                                                  }, { ref_for: true }, item.avatar, {
-                                                    "data-slot": "itemLeadingAvatar",
-                                                    class: ui.value.itemLeadingAvatar({ class: [(_e3 = props.ui) == null ? void 0 : _e3.itemLeadingAvatar, (_f3 = item.ui) == null ? void 0 : _f3.itemLeadingAvatar] })
-                                                  }), null, 16, ["size", "class"])) : isSelectItem(item) && item.chip ? (openBlock(), createBlock(_sfc_main$c, mergeProps({
-                                                    key: 2,
-                                                    size: ((_g2 = item.ui) == null ? void 0 : _g2.itemLeadingChipSize) || ((_h2 = props.ui) == null ? void 0 : _h2.itemLeadingChipSize) || ui.value.itemLeadingChipSize(),
-                                                    inset: "",
-                                                    standalone: ""
-                                                  }, { ref_for: true }, item.chip, {
-                                                    "data-slot": "itemLeadingChip",
-                                                    class: ui.value.itemLeadingChip({ class: [(_i = props.ui) == null ? void 0 : _i.itemLeadingChip, (_j = item.ui) == null ? void 0 : _j.itemLeadingChip] })
-                                                  }), null, 16, ["size", "class"])) : createCommentVNode("", true)
-                                                ];
-                                              }),
-                                              createVNode("span", {
-                                                "data-slot": "itemWrapper",
-                                                class: ui.value.itemWrapper({ class: [(_a6 = props.ui) == null ? void 0 : _a6.itemWrapper, isSelectItem(item) && ((_b4 = item.ui) == null ? void 0 : _b4.itemWrapper)] })
-                                              }, [
-                                                createVNode(unref(SelectItemText), {
-                                                  "data-slot": "itemLabel",
-                                                  class: ui.value.itemLabel({ class: [(_c2 = props.ui) == null ? void 0 : _c2.itemLabel, isSelectItem(item) && ((_d2 = item.ui) == null ? void 0 : _d2.itemLabel)] })
-                                                }, {
-                                                  default: withCtx(() => [
-                                                    renderSlot(_ctx.$slots, "item-label", {
-                                                      item,
-                                                      index
-                                                    }, () => [
-                                                      createTextVNode(toDisplayString(isSelectItem(item) ? unref(get)(item, props.labelKey) : item), 1)
-                                                    ])
-                                                  ]),
-                                                  _: 2
-                                                }, 1032, ["class"]),
-                                                isSelectItem(item) && (unref(get)(item, props.descriptionKey) || !!slots["item-description"]) ? (openBlock(), createBlock("span", {
-                                                  key: 0,
-                                                  "data-slot": "itemDescription",
-                                                  class: ui.value.itemDescription({ class: [(_e2 = props.ui) == null ? void 0 : _e2.itemDescription, isSelectItem(item) && ((_f2 = item.ui) == null ? void 0 : _f2.itemDescription)] })
-                                                }, [
-                                                  renderSlot(_ctx.$slots, "item-description", {
-                                                    item,
-                                                    index
-                                                  }, () => [
-                                                    createTextVNode(toDisplayString(unref(get)(item, props.descriptionKey)), 1)
-                                                  ])
-                                                ], 2)) : createCommentVNode("", true)
-                                              ], 2),
-                                              createVNode("span", {
-                                                "data-slot": "itemTrailing",
-                                                class: ui.value.itemTrailing({ class: [(_g = props.ui) == null ? void 0 : _g.itemTrailing, isSelectItem(item) && ((_h = item.ui) == null ? void 0 : _h.itemTrailing)] })
-                                              }, [
-                                                renderSlot(_ctx.$slots, "item-trailing", {
-                                                  item,
-                                                  index,
-                                                  ui: ui.value
-                                                }),
-                                                createVNode(unref(SelectItemIndicator), { "as-child": "" }, {
-                                                  default: withCtx(() => {
-                                                    var _a7, _b5;
-                                                    return [
-                                                      createVNode(_sfc_main$d, {
-                                                        name: __props.selectedIcon || unref(appConfig).ui.icons.check,
-                                                        "data-slot": "itemTrailingIcon",
-                                                        class: ui.value.itemTrailingIcon({ class: [(_a7 = props.ui) == null ? void 0 : _a7.itemTrailingIcon, isSelectItem(item) && ((_b5 = item.ui) == null ? void 0 : _b5.itemTrailingIcon)] })
-                                                      }, null, 8, ["name", "class"])
-                                                    ];
-                                                  }),
-                                                  _: 2
-                                                }, 1024)
-                                              ], 2)
-                                            ];
-                                          })
-                                        ]),
-                                        _: 2
-                                      }, 1032, ["class", "disabled", "value", "onSelect"]))
-                                    ], 64);
-                                  }), 128))
-                                ]),
-                                _: 2
-                              }, 1032, ["class"]);
-                            }), 128))
-                          ], 2),
-                          renderSlot(_ctx.$slots, "content-bottom"),
-                          !!__props.arrow ? (openBlock(), createBlock(unref(SelectArrow), mergeProps({ key: 0 }, arrowProps.value, {
-                            "data-slot": "arrow",
-                            class: ui.value.arrow({ class: (_b2 = props.ui) == null ? void 0 : _b2.arrow })
-                          }), null, 16, ["class"])) : createCommentVNode("", true)
-                        ];
-                      }),
-                      _: 3
-                    }, 16, ["class"])
-                  ];
-                }),
+                                          }),
+                                          createVNode(unref(SelectItemIndicator), { "as-child": "" }, {
+                                            default: withCtx(() => [
+                                              createVNode(_sfc_main$d, {
+                                                name: __props.selectedIcon || unref(appConfig).ui.icons.check,
+                                                "data-slot": "itemTrailingIcon",
+                                                class: ui.value.itemTrailingIcon({ class: [props.ui?.itemTrailingIcon, isSelectItem(item) && item.ui?.itemTrailingIcon] })
+                                              }, null, 8, ["name", "class"])
+                                            ]),
+                                            _: 2
+                                          }, 1024)
+                                        ], 2)
+                                      ])
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["class", "disabled", "value", "onSelect"]))
+                                ], 64);
+                              }), 128))
+                            ]),
+                            _: 2
+                          }, 1032, ["class"]);
+                        }), 128))
+                      ], 2),
+                      renderSlot(_ctx.$slots, "content-bottom"),
+                      !!__props.arrow ? (openBlock(), createBlock(unref(SelectArrow), mergeProps({ key: 0 }, arrowProps.value, {
+                        "data-slot": "arrow",
+                        class: ui.value.arrow({ class: props.ui?.arrow })
+                      }), null, 16, ["class"])) : createCommentVNode("", true)
+                    ]),
+                    _: 3
+                  }, 16, ["class"])
+                ]),
                 _: 3
               }, 16)
             ];