@commandable/mcp 0.0.7 → 0.1.1

package/dist/app/server/chunks/build/fetch-ZbqIFhDG.mjs

@@ -0,0 +1,2851 @@
+import { computed, toValue, reactive, useSlots, unref, mergeProps, withCtx, renderSlot, openBlock, createBlock, createCommentVNode, toDisplayString, useModel, useId, useAttrs, Fragment, createVNode, createTextVNode, mergeModels, defineComponent, ref, inject, watch, provide, toRef, useTemplateRef, renderList, useSSRContext } from 'vue';
+import { ssrRenderComponent, ssrRenderSlot, ssrRenderClass, ssrInterpolate, ssrRenderAttrs, ssrRenderList, ssrRenderAttr } from 'vue/server-renderer';
+import { Primitive, useForwardProps, SwitchRoot, SwitchThumb, Label, useForwardPropsEmits, SelectRoot, SelectTrigger, SelectPortal, SelectContent, SelectGroup, SelectLabel, SelectSeparator, SelectItem, SelectItemText, SelectItemIndicator, SelectArrow } from 'reka-ui';
+import { A as fetchDefaults, B as useAsyncData, b as useAppConfig, c as useComponentUI, e as useFieldGroup, f as useComponentIcons, t as tv, g as _sfc_main$m, h as _sfc_main$k, d as useFormField, o as useNuxtApp, p as formErrorsInjectionKey, q as formInputsInjectionKey, r as inputIdInjectionKey, s as formFieldInjectionKey, v as usePortal, w as isArrayOfArray, x as get, y as _sfc_main$l, l as looseToNumber, z as getDisplayValue } from './server.mjs';
+import { a0 as hash, J as defu } from '../nitro/nitro.mjs';
+import { reactivePick } from '@vueuse/core';
+import { isPlainObject } from '@vue/shared';
+
+function useRequestEvent(nuxtApp) {
+  nuxtApp ||= useNuxtApp();
+  return nuxtApp.ssrContext?.event;
+}
+function useRequestFetch() {
+  return useRequestEvent()?.$fetch || globalThis.$fetch;
+}
+const theme$3 = {
+  "slots": {
+    "base": "font-medium inline-flex items-center",
+    "label": "truncate",
+    "leadingIcon": "shrink-0",
+    "leadingAvatar": "shrink-0",
+    "leadingAvatarSize": "",
+    "trailingIcon": "shrink-0"
+  },
+  "variants": {
+    "fieldGroup": {
+      "horizontal": "not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none focus-visible:z-[1]",
+      "vertical": "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none focus-visible:z-[1]"
+    },
+    "color": {
+      "primary": "",
+      "secondary": "",
+      "success": "",
+      "info": "",
+      "warning": "",
+      "error": "",
+      "neutral": ""
+    },
+    "variant": {
+      "solid": "",
+      "outline": "",
+      "soft": "",
+      "subtle": ""
+    },
+    "size": {
+      "xs": {
+        "base": "text-[8px]/3 px-1 py-0.5 gap-1 rounded-sm",
+        "leadingIcon": "size-3",
+        "leadingAvatarSize": "3xs",
+        "trailingIcon": "size-3"
+      },
+      "sm": {
+        "base": "text-[10px]/3 px-1.5 py-1 gap-1 rounded-sm",
+        "leadingIcon": "size-3",
+        "leadingAvatarSize": "3xs",
+        "trailingIcon": "size-3"
+      },
+      "md": {
+        "base": "text-xs px-2 py-1 gap-1 rounded-md",
+        "leadingIcon": "size-4",
+        "leadingAvatarSize": "3xs",
+        "trailingIcon": "size-4"
+      },
+      "lg": {
+        "base": "text-sm px-2 py-1 gap-1.5 rounded-md",
+        "leadingIcon": "size-5",
+        "leadingAvatarSize": "2xs",
+        "trailingIcon": "size-5"
+      },
+      "xl": {
+        "base": "text-base px-2.5 py-1 gap-1.5 rounded-md",
+        "leadingIcon": "size-6",
+        "leadingAvatarSize": "2xs",
+        "trailingIcon": "size-6"
+      }
+    },
+    "square": {
+      "true": ""
+    }
+  },
+  "compoundVariants": [
+    {
+      "color": "primary",
+      "variant": "solid",
+      "class": "bg-primary text-inverted"
+    },
+    {
+      "color": "secondary",
+      "variant": "solid",
+      "class": "bg-secondary text-inverted"
+    },
+    {
+      "color": "success",
+      "variant": "solid",
+      "class": "bg-success text-inverted"
+    },
+    {
+      "color": "info",
+      "variant": "solid",
+      "class": "bg-info text-inverted"
+    },
+    {
+      "color": "warning",
+      "variant": "solid",
+      "class": "bg-warning text-inverted"
+    },
+    {
+      "color": "error",
+      "variant": "solid",
+      "class": "bg-error text-inverted"
+    },
+    {
+      "color": "primary",
+      "variant": "outline",
+      "class": "text-primary ring ring-inset ring-primary/50"
+    },
+    {
+      "color": "secondary",
+      "variant": "outline",
+      "class": "text-secondary ring ring-inset ring-secondary/50"
+    },
+    {
+      "color": "success",
+      "variant": "outline",
+      "class": "text-success ring ring-inset ring-success/50"
+    },
+    {
+      "color": "info",
+      "variant": "outline",
+      "class": "text-info ring ring-inset ring-info/50"
+    },
+    {
+      "color": "warning",
+      "variant": "outline",
+      "class": "text-warning ring ring-inset ring-warning/50"
+    },
+    {
+      "color": "error",
+      "variant": "outline",
+      "class": "text-error ring ring-inset ring-error/50"
+    },
+    {
+      "color": "primary",
+      "variant": "soft",
+      "class": "bg-primary/10 text-primary"
+    },
+    {
+      "color": "secondary",
+      "variant": "soft",
+      "class": "bg-secondary/10 text-secondary"
+    },
+    {
+      "color": "success",
+      "variant": "soft",
+      "class": "bg-success/10 text-success"
+    },
+    {
+      "color": "info",
+      "variant": "soft",
+      "class": "bg-info/10 text-info"
+    },
+    {
+      "color": "warning",
+      "variant": "soft",
+      "class": "bg-warning/10 text-warning"
+    },
+    {
+      "color": "error",
+      "variant": "soft",
+      "class": "bg-error/10 text-error"
+    },
+    {
+      "color": "primary",
+      "variant": "subtle",
+      "class": "bg-primary/10 text-primary ring ring-inset ring-primary/25"
+    },
+    {
+      "color": "secondary",
+      "variant": "subtle",
+      "class": "bg-secondary/10 text-secondary ring ring-inset ring-secondary/25"
+    },
+    {
+      "color": "success",
+      "variant": "subtle",
+      "class": "bg-success/10 text-success ring ring-inset ring-success/25"
+    },
+    {
+      "color": "info",
+      "variant": "subtle",
+      "class": "bg-info/10 text-info ring ring-inset ring-info/25"
+    },
+    {
+      "color": "warning",
+      "variant": "subtle",
+      "class": "bg-warning/10 text-warning ring ring-inset ring-warning/25"
+    },
+    {
+      "color": "error",
+      "variant": "subtle",
+      "class": "bg-error/10 text-error ring ring-inset ring-error/25"
+    },
+    {
+      "color": "neutral",
+      "variant": "solid",
+      "class": "text-inverted bg-inverted"
+    },
+    {
+      "color": "neutral",
+      "variant": "outline",
+      "class": "ring ring-inset ring-accented text-default bg-default"
+    },
+    {
+      "color": "neutral",
+      "variant": "soft",
+      "class": "text-default bg-elevated"
+    },
+    {
+      "color": "neutral",
+      "variant": "subtle",
+      "class": "ring ring-inset ring-accented text-default bg-elevated"
+    },
+    {
+      "size": "xs",
+      "square": true,
+      "class": "p-0.5"
+    },
+    {
+      "size": "sm",
+      "square": true,
+      "class": "p-1"
+    },
+    {
+      "size": "md",
+      "square": true,
+      "class": "p-1"
+    },
+    {
+      "size": "lg",
+      "square": true,
+      "class": "p-1"
+    },
+    {
+      "size": "xl",
+      "square": true,
+      "class": "p-1"
+    }
+  ],
+  "defaultVariants": {
+    "color": "primary",
+    "variant": "solid",
+    "size": "md"
+  }
+};
+const _sfc_main$4 = {
+  __name: "UBadge",
+  __ssrInlineRender: true,
+  props: {
+    as: { type: null, required: false, default: "span" },
+    label: { type: [String, Number], required: false },
+    color: { type: null, required: false },
+    variant: { type: null, required: false },
+    size: { type: null, required: false },
+    square: { type: Boolean, required: false },
+    class: { type: null, required: false },
+    ui: { type: Object, required: false },
+    icon: { type: null, required: false },
+    avatar: { type: Object, required: false },
+    leading: { type: Boolean, required: false },
+    leadingIcon: { type: null, required: false },
+    trailing: { type: Boolean, required: false },
+    trailingIcon: { type: null, required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const appConfig = useAppConfig();
+    const uiProp = useComponentUI("badge", props);
+    const { orientation, size: fieldGroupSize } = useFieldGroup(props);
+    const { isLeading, isTrailing, leadingIconName, trailingIconName } = useComponentIcons(props);
+    const ui = computed(() => tv({ extend: tv(theme$3), ...appConfig.ui?.badge || {} })({
+      color: props.color,
+      variant: props.variant,
+      size: fieldGroupSize.value || props.size,
+      square: props.square || !slots.default && !props.label,
+      fieldGroup: orientation.value
+    }));
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(Primitive), mergeProps({
+        as: __props.as,
+        "data-slot": "base",
+        class: ui.value.base({ class: [unref(uiProp)?.base, props.class] })
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "leading", { ui: ui.value }, () => {
+              if (unref(isLeading) && unref(leadingIconName)) {
+                _push2(ssrRenderComponent(_sfc_main$m, {
+                  name: unref(leadingIconName),
+                  "data-slot": "leadingIcon",
+                  class: ui.value.leadingIcon({ class: unref(uiProp)?.leadingIcon })
+                }, null, _parent2, _scopeId));
+              } else if (!!__props.avatar) {
+                _push2(ssrRenderComponent(_sfc_main$k, mergeProps({
+                  size: unref(uiProp)?.leadingAvatarSize || ui.value.leadingAvatarSize()
+                }, __props.avatar, {
+                  "data-slot": "leadingAvatar",
+                  class: ui.value.leadingAvatar({ class: unref(uiProp)?.leadingAvatar })
+                }), null, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+            }, _push2, _parent2, _scopeId);
+            ssrRenderSlot(_ctx.$slots, "default", { ui: ui.value }, () => {
+              if (__props.label !== void 0 && __props.label !== null) {
+                _push2(`<span data-slot="label" class="${ssrRenderClass(ui.value.label({ class: unref(uiProp)?.label }))}"${_scopeId}>${ssrInterpolate(__props.label)}</span>`);
+              } else {
+                _push2(`<!---->`);
+              }
+            }, _push2, _parent2, _scopeId);
+            ssrRenderSlot(_ctx.$slots, "trailing", { ui: ui.value }, () => {
+              if (unref(isTrailing) && unref(trailingIconName)) {
+                _push2(ssrRenderComponent(_sfc_main$m, {
+                  name: unref(trailingIconName),
+                  "data-slot": "trailingIcon",
+                  class: ui.value.trailingIcon({ class: unref(uiProp)?.trailingIcon })
+                }, null, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+            }, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot(_ctx.$slots, "leading", { ui: ui.value }, () => [
+                unref(isLeading) && unref(leadingIconName) ? (openBlock(), createBlock(_sfc_main$m, {
+                  key: 0,
+                  name: unref(leadingIconName),
+                  "data-slot": "leadingIcon",
+                  class: ui.value.leadingIcon({ class: unref(uiProp)?.leadingIcon })
+                }, null, 8, ["name", "class"])) : !!__props.avatar ? (openBlock(), createBlock(_sfc_main$k, mergeProps({
+                  key: 1,
+                  size: unref(uiProp)?.leadingAvatarSize || ui.value.leadingAvatarSize()
+                }, __props.avatar, {
+                  "data-slot": "leadingAvatar",
+                  class: ui.value.leadingAvatar({ class: unref(uiProp)?.leadingAvatar })
+                }), null, 16, ["size", "class"])) : createCommentVNode("", true)
+              ]),
+              renderSlot(_ctx.$slots, "default", { ui: ui.value }, () => [
+                __props.label !== void 0 && __props.label !== null ? (openBlock(), createBlock("span", {
+                  key: 0,
+                  "data-slot": "label",
+                  class: ui.value.label({ class: unref(uiProp)?.label })
+                }, toDisplayString(__props.label), 3)) : createCommentVNode("", true)
+              ]),
+              renderSlot(_ctx.$slots, "trailing", { ui: ui.value }, () => [
+                unref(isTrailing) && unref(trailingIconName) ? (openBlock(), createBlock(_sfc_main$m, {
+                  key: 0,
+                  name: unref(trailingIconName),
+                  "data-slot": "trailingIcon",
+                  class: ui.value.trailingIcon({ class: unref(uiProp)?.trailingIcon })
+                }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+              ])
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+};
+const _sfc_setup$4 = _sfc_main$4.setup;
+_sfc_main$4.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../../node_modules/@nuxt/ui/dist/runtime/components/Badge.vue");
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+const theme$2 = {
+  "slots": {
+    "root": "relative flex items-start",
+    "base": [
+      "inline-flex items-center shrink-0 rounded-full border-2 border-transparent focus-visible:outline-2 focus-visible:outline-offset-2 data-[state=unchecked]:bg-accented",
+      "transition-[background] duration-200"
+    ],
+    "container": "flex items-center",
+    "thumb": "group pointer-events-none rounded-full bg-default shadow-lg ring-0 transition-transform duration-200 data-[state=unchecked]:translate-x-0 data-[state=unchecked]:rtl:-translate-x-0 flex items-center justify-center",
+    "icon": [
+      "absolute shrink-0 group-data-[state=unchecked]:text-dimmed opacity-0 size-10/12",
+      "transition-[color,opacity] duration-200"
+    ],
+    "wrapper": "ms-2",
+    "label": "block font-medium text-default",
+    "description": "text-muted"
+  },
+  "variants": {
+    "color": {
+      "primary": {
+        "base": "data-[state=checked]:bg-primary focus-visible:outline-primary",
+        "icon": "group-data-[state=checked]:text-primary"
+      },
+      "secondary": {
+        "base": "data-[state=checked]:bg-secondary focus-visible:outline-secondary",
+        "icon": "group-data-[state=checked]:text-secondary"
+      },
+      "success": {
+        "base": "data-[state=checked]:bg-success focus-visible:outline-success",
+        "icon": "group-data-[state=checked]:text-success"
+      },
+      "info": {
+        "base": "data-[state=checked]:bg-info focus-visible:outline-info",
+        "icon": "group-data-[state=checked]:text-info"
+      },
+      "warning": {
+        "base": "data-[state=checked]:bg-warning focus-visible:outline-warning",
+        "icon": "group-data-[state=checked]:text-warning"
+      },
+      "error": {
+        "base": "data-[state=checked]:bg-error focus-visible:outline-error",
+        "icon": "group-data-[state=checked]:text-error"
+      },
+      "neutral": {
+        "base": "data-[state=checked]:bg-inverted focus-visible:outline-inverted",
+        "icon": "group-data-[state=checked]:text-highlighted"
+      }
+    },
+    "size": {
+      "xs": {
+        "base": "w-7",
+        "container": "h-4",
+        "thumb": "size-3 data-[state=checked]:translate-x-3 data-[state=checked]:rtl:-translate-x-3",
+        "wrapper": "text-xs"
+      },
+      "sm": {
+        "base": "w-8",
+        "container": "h-4",
+        "thumb": "size-3.5 data-[state=checked]:translate-x-3.5 data-[state=checked]:rtl:-translate-x-3.5",
+        "wrapper": "text-xs"
+      },
+      "md": {
+        "base": "w-9",
+        "container": "h-5",
+        "thumb": "size-4 data-[state=checked]:translate-x-4 data-[state=checked]:rtl:-translate-x-4",
+        "wrapper": "text-sm"
+      },
+      "lg": {
+        "base": "w-10",
+        "container": "h-5",
+        "thumb": "size-4.5 data-[state=checked]:translate-x-4.5 data-[state=checked]:rtl:-translate-x-4.5",
+        "wrapper": "text-sm"
+      },
+      "xl": {
+        "base": "w-11",
+        "container": "h-6",
+        "thumb": "size-5 data-[state=checked]:translate-x-5 data-[state=checked]:rtl:-translate-x-5",
+        "wrapper": "text-base"
+      }
+    },
+    "checked": {
+      "true": {
+        "icon": "group-data-[state=checked]:opacity-100"
+      }
+    },
+    "unchecked": {
+      "true": {
+        "icon": "group-data-[state=unchecked]:opacity-100"
+      }
+    },
+    "loading": {
+      "true": {
+        "icon": "animate-spin"
+      }
+    },
+    "required": {
+      "true": {
+        "label": "after:content-['*'] after:ms-0.5 after:text-error"
+      }
+    },
+    "disabled": {
+      "true": {
+        "root": "opacity-75",
+        "base": "cursor-not-allowed",
+        "label": "cursor-not-allowed",
+        "description": "cursor-not-allowed"
+      }
+    }
+  },
+  "defaultVariants": {
+    "color": "primary",
+    "size": "md"
+  }
+};
+const _sfc_main$3 = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+  __name: "USwitch",
+  __ssrInlineRender: true,
+  props: /* @__PURE__ */ mergeModels({
+    as: { type: null, required: false },
+    color: { type: null, required: false },
+    size: { type: null, required: false },
+    loading: { type: Boolean, required: false },
+    loadingIcon: { type: null, required: false },
+    checkedIcon: { type: null, required: false },
+    uncheckedIcon: { type: null, required: false },
+    label: { type: String, required: false },
+    description: { type: String, required: false },
+    class: { type: null, required: false },
+    ui: { type: Object, required: false },
+    disabled: { type: Boolean, required: false },
+    id: { type: String, required: false },
+    name: { type: String, required: false },
+    required: { type: Boolean, required: false },
+    value: { type: String, required: false },
+    defaultValue: { type: Boolean, required: false }
+  }, {
+    "modelValue": { type: Boolean, ...{ default: void 0 } },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const slots = useSlots();
+    const emits = __emit;
+    const modelValue = useModel(__props, "modelValue", { type: Boolean, ...{ default: void 0 } });
+    const appConfig = useAppConfig();
+    const uiProp = useComponentUI("switch", props);
+    const rootProps = useForwardProps(reactivePick(props, "required", "value", "defaultValue"));
+    const { id: _id, emitFormChange, emitFormInput, size, color, name, disabled, ariaAttrs } = useFormField(props);
+    const id = _id.value ?? useId();
+    const attrs = useAttrs();
+    const forwardedAttrs = computed(() => {
+      const { "data-state": _, ...rest } = attrs;
+      return rest;
+    });
+    const ui = computed(() => tv({ extend: tv(theme$2), ...appConfig.ui?.switch || {} })({
+      size: size.value,
+      color: color.value,
+      required: props.required,
+      loading: props.loading,
+      disabled: disabled.value || props.loading
+    }));
+    function onUpdate(value) {
+      const event = new Event("change", { target: { value } });
+      emits("change", event);
+      emitFormChange();
+      emitFormInput();
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(Primitive), mergeProps({
+        as: __props.as,
+        "data-slot": "root",
+        class: ui.value.root({ class: [unref(uiProp)?.root, props.class] })
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div data-slot="container" class="${ssrRenderClass(ui.value.container({ class: unref(uiProp)?.container }))}"${_scopeId}>`);
+            _push2(ssrRenderComponent(unref(SwitchRoot), mergeProps({ id: unref(id) }, { ...unref(rootProps), ...forwardedAttrs.value, ...unref(ariaAttrs) }, {
+              modelValue: modelValue.value,
+              "onUpdate:modelValue": [($event) => modelValue.value = $event, onUpdate],
+              name: unref(name),
+              disabled: unref(disabled) || __props.loading,
+              "data-slot": "base",
+              class: ui.value.base({ class: unref(uiProp)?.base })
+            }), {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(unref(SwitchThumb), {
+                    "data-slot": "thumb",
+                    class: ui.value.thumb({ class: unref(uiProp)?.thumb })
+                  }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        if (__props.loading) {
+                          _push4(ssrRenderComponent(_sfc_main$m, {
+                            name: __props.loadingIcon || unref(appConfig).ui.icons.loading,
+                            "data-slot": "icon",
+                            class: ui.value.icon({ class: unref(uiProp)?.icon, checked: true, unchecked: true })
+                          }, null, _parent4, _scopeId3));
+                        } else {
+                          _push4(`<!--[-->`);
+                          if (__props.checkedIcon) {
+                            _push4(ssrRenderComponent(_sfc_main$m, {
+                              name: __props.checkedIcon,
+                              "data-slot": "icon",
+                              class: ui.value.icon({ class: unref(uiProp)?.icon, checked: true })
+                            }, null, _parent4, _scopeId3));
+                          } else {
+                            _push4(`<!---->`);
+                          }
+                          if (__props.uncheckedIcon) {
+                            _push4(ssrRenderComponent(_sfc_main$m, {
+                              name: __props.uncheckedIcon,
+                              "data-slot": "icon",
+                              class: ui.value.icon({ class: unref(uiProp)?.icon, unchecked: true })
+                            }, null, _parent4, _scopeId3));
+                          } else {
+                            _push4(`<!---->`);
+                          }
+                          _push4(`<!--]-->`);
+                        }
+                      } else {
+                        return [
+                          __props.loading ? (openBlock(), createBlock(_sfc_main$m, {
+                            key: 0,
+                            name: __props.loadingIcon || unref(appConfig).ui.icons.loading,
+                            "data-slot": "icon",
+                            class: ui.value.icon({ class: unref(uiProp)?.icon, checked: true, unchecked: true })
+                          }, null, 8, ["name", "class"])) : (openBlock(), createBlock(Fragment, { key: 1 }, [
+                            __props.checkedIcon ? (openBlock(), createBlock(_sfc_main$m, {
+                              key: 0,
+                              name: __props.checkedIcon,
+                              "data-slot": "icon",
+                              class: ui.value.icon({ class: unref(uiProp)?.icon, checked: true })
+                            }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                            __props.uncheckedIcon ? (openBlock(), createBlock(_sfc_main$m, {
+                              key: 1,
+                              name: __props.uncheckedIcon,
+                              "data-slot": "icon",
+                              class: ui.value.icon({ class: unref(uiProp)?.icon, unchecked: true })
+                            }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                          ], 64))
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(unref(SwitchThumb), {
+                      "data-slot": "thumb",
+                      class: ui.value.thumb({ class: unref(uiProp)?.thumb })
+                    }, {
+                      default: withCtx(() => [
+                        __props.loading ? (openBlock(), createBlock(_sfc_main$m, {
+                          key: 0,
+                          name: __props.loadingIcon || unref(appConfig).ui.icons.loading,
+                          "data-slot": "icon",
+                          class: ui.value.icon({ class: unref(uiProp)?.icon, checked: true, unchecked: true })
+                        }, null, 8, ["name", "class"])) : (openBlock(), createBlock(Fragment, { key: 1 }, [
+                          __props.checkedIcon ? (openBlock(), createBlock(_sfc_main$m, {
+                            key: 0,
+                            name: __props.checkedIcon,
+                            "data-slot": "icon",
+                            class: ui.value.icon({ class: unref(uiProp)?.icon, checked: true })
+                          }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                          __props.uncheckedIcon ? (openBlock(), createBlock(_sfc_main$m, {
+                            key: 1,
+                            name: __props.uncheckedIcon,
+                            "data-slot": "icon",
+                            class: ui.value.icon({ class: unref(uiProp)?.icon, unchecked: true })
+                          }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                        ], 64))
+                      ]),
+                      _: 1
+                    }, 8, ["class"])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+            if (__props.label || !!slots.label || (__props.description || !!slots.description)) {
+              _push2(`<div data-slot="wrapper" class="${ssrRenderClass(ui.value.wrapper({ class: unref(uiProp)?.wrapper }))}"${_scopeId}>`);
+              if (__props.label || !!slots.label) {
+                _push2(ssrRenderComponent(unref(Label), {
+                  for: unref(id),
+                  "data-slot": "label",
+                  class: ui.value.label({ class: unref(uiProp)?.label })
+                }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      ssrRenderSlot(_ctx.$slots, "label", { label: __props.label }, () => {
+                        _push3(`${ssrInterpolate(__props.label)}`);
+                      }, _push3, _parent3, _scopeId2);
+                    } else {
+                      return [
+                        renderSlot(_ctx.$slots, "label", { label: __props.label }, () => [
+                          createTextVNode(toDisplayString(__props.label), 1)
+                        ])
+                      ];
+                    }
+                  }),
+                  _: 3
+                }, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+              if (__props.description || !!slots.description) {
+                _push2(`<p data-slot="description" class="${ssrRenderClass(ui.value.description({ class: unref(uiProp)?.description }))}"${_scopeId}>`);
+                ssrRenderSlot(_ctx.$slots, "description", { description: __props.description }, () => {
+                  _push2(`${ssrInterpolate(__props.description)}`);
+                }, _push2, _parent2, _scopeId);
+                _push2(`</p>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`</div>`);
+            } else {
+              _push2(`<!---->`);
+            }
+          } else {
+            return [
+              createVNode("div", {
+                "data-slot": "container",
+                class: ui.value.container({ class: unref(uiProp)?.container })
+              }, [
+                createVNode(unref(SwitchRoot), mergeProps({ id: unref(id) }, { ...unref(rootProps), ...forwardedAttrs.value, ...unref(ariaAttrs) }, {
+                  modelValue: modelValue.value,
+                  "onUpdate:modelValue": [($event) => modelValue.value = $event, onUpdate],
+                  name: unref(name),
+                  disabled: unref(disabled) || __props.loading,
+                  "data-slot": "base",
+                  class: ui.value.base({ class: unref(uiProp)?.base })
+                }), {
+                  default: withCtx(() => [
+                    createVNode(unref(SwitchThumb), {
+                      "data-slot": "thumb",
+                      class: ui.value.thumb({ class: unref(uiProp)?.thumb })
+                    }, {
+                      default: withCtx(() => [
+                        __props.loading ? (openBlock(), createBlock(_sfc_main$m, {
+                          key: 0,
+                          name: __props.loadingIcon || unref(appConfig).ui.icons.loading,
+                          "data-slot": "icon",
+                          class: ui.value.icon({ class: unref(uiProp)?.icon, checked: true, unchecked: true })
+                        }, null, 8, ["name", "class"])) : (openBlock(), createBlock(Fragment, { key: 1 }, [
+                          __props.checkedIcon ? (openBlock(), createBlock(_sfc_main$m, {
+                            key: 0,
+                            name: __props.checkedIcon,
+                            "data-slot": "icon",
+                            class: ui.value.icon({ class: unref(uiProp)?.icon, checked: true })
+                          }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                          __props.uncheckedIcon ? (openBlock(), createBlock(_sfc_main$m, {
+                            key: 1,
+                            name: __props.uncheckedIcon,
+                            "data-slot": "icon",
+                            class: ui.value.icon({ class: unref(uiProp)?.icon, unchecked: true })
+                          }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                        ], 64))
+                      ]),
+                      _: 1
+                    }, 8, ["class"])
+                  ]),
+                  _: 1
+                }, 16, ["id", "modelValue", "onUpdate:modelValue", "name", "disabled", "class"])
+              ], 2),
+              __props.label || !!slots.label || (__props.description || !!slots.description) ? (openBlock(), createBlock("div", {
+                key: 0,
+                "data-slot": "wrapper",
+                class: ui.value.wrapper({ class: unref(uiProp)?.wrapper })
+              }, [
+                __props.label || !!slots.label ? (openBlock(), createBlock(unref(Label), {
+                  key: 0,
+                  for: unref(id),
+                  "data-slot": "label",
+                  class: ui.value.label({ class: unref(uiProp)?.label })
+                }, {
+                  default: withCtx(() => [
+                    renderSlot(_ctx.$slots, "label", { label: __props.label }, () => [
+                      createTextVNode(toDisplayString(__props.label), 1)
+                    ])
+                  ]),
+                  _: 3
+                }, 8, ["for", "class"])) : createCommentVNode("", true),
+                __props.description || !!slots.description ? (openBlock(), createBlock("p", {
+                  key: 1,
+                  "data-slot": "description",
+                  class: ui.value.description({ class: unref(uiProp)?.description })
+                }, [
+                  renderSlot(_ctx.$slots, "description", { description: __props.description }, () => [
+                    createTextVNode(toDisplayString(__props.description), 1)
+                  ])
+                ], 2)) : createCommentVNode("", true)
+              ], 2)) : createCommentVNode("", true)
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$3 = _sfc_main$3.setup;
+_sfc_main$3.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../../node_modules/@nuxt/ui/dist/runtime/components/Switch.vue");
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+const theme$1 = {
+  "slots": {
+    "root": "",
+    "wrapper": "",
+    "labelWrapper": "flex content-center items-center justify-between gap-1",
+    "label": "block font-medium text-default",
+    "container": "relative",
+    "description": "text-muted",
+    "error": "mt-2 text-error",
+    "hint": "text-muted",
+    "help": "mt-2 text-muted"
+  },
+  "variants": {
+    "size": {
+      "xs": {
+        "root": "text-xs"
+      },
+      "sm": {
+        "root": "text-xs"
+      },
+      "md": {
+        "root": "text-sm"
+      },
+      "lg": {
+        "root": "text-sm"
+      },
+      "xl": {
+        "root": "text-base"
+      }
+    },
+    "required": {
+      "true": {
+        "label": "after:content-['*'] after:ms-0.5 after:text-error"
+      }
+    },
+    "orientation": {
+      "vertical": {
+        "container": "mt-1"
+      },
+      "horizontal": {
+        "root": "flex justify-between place-items-baseline gap-2"
+      }
+    }
+  },
+  "defaultVariants": {
+    "size": "md",
+    "orientation": "vertical"
+  }
+};
+const _sfc_main$2 = {
+  __name: "UFormField",
+  __ssrInlineRender: true,
+  props: {
+    as: { type: null, required: false },
+    name: { type: String, required: false },
+    errorPattern: { type: null, required: false },
+    label: { type: String, required: false },
+    description: { type: String, required: false },
+    help: { type: String, required: false },
+    error: { type: [Boolean, String], required: false, default: void 0 },
+    hint: { type: String, required: false },
+    size: { type: null, required: false },
+    required: { type: Boolean, required: false },
+    eagerValidation: { type: Boolean, required: false },
+    validateOnInputDelay: { type: Number, required: false },
+    orientation: { type: null, required: false },
+    class: { type: null, required: false },
+    ui: { type: Object, required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const appConfig = useAppConfig();
+    const uiProp = useComponentUI("formField", props);
+    const ui = computed(() => tv({ extend: tv(theme$1), ...appConfig.ui?.formField || {} })({
+      size: props.size,
+      required: props.required,
+      orientation: props.orientation
+    }));
+    const formErrors = inject(formErrorsInjectionKey, null);
+    const error = computed(() => props.error || formErrors?.value?.find((error2) => error2.name === props.name || props.errorPattern && error2.name?.match(props.errorPattern))?.message);
+    const id = ref(useId());
+    const ariaId = id.value;
+    const formInputs = inject(formInputsInjectionKey, void 0);
+    watch(id, () => {
+      if (formInputs && props.name) {
+        formInputs.value[props.name] = { id: id.value, pattern: props.errorPattern };
+      }
+    }, { immediate: true });
+    provide(inputIdInjectionKey, id);
+    provide(formFieldInjectionKey, computed(() => ({
+      error: error.value,
+      name: props.name,
+      size: props.size,
+      eagerValidation: props.eagerValidation,
+      validateOnInputDelay: props.validateOnInputDelay,
+      errorPattern: props.errorPattern,
+      hint: props.hint,
+      description: props.description,
+      help: props.help,
+      ariaId
+    })));
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(Primitive), mergeProps({
+        as: __props.as,
+        "data-orientation": __props.orientation,
+        "data-slot": "root",
+        class: ui.value.root({ class: [unref(uiProp)?.root, props.class] })
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div data-slot="wrapper" class="${ssrRenderClass(ui.value.wrapper({ class: unref(uiProp)?.wrapper }))}"${_scopeId}>`);
+            if (__props.label || !!slots.label) {
+              _push2(`<div data-slot="labelWrapper" class="${ssrRenderClass(ui.value.labelWrapper({ class: unref(uiProp)?.labelWrapper }))}"${_scopeId}>`);
+              _push2(ssrRenderComponent(unref(Label), {
+                for: id.value,
+                "data-slot": "label",
+                class: ui.value.label({ class: unref(uiProp)?.label })
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    ssrRenderSlot(_ctx.$slots, "label", { label: __props.label }, () => {
+                      _push3(`${ssrInterpolate(__props.label)}`);
+                    }, _push3, _parent3, _scopeId2);
+                  } else {
+                    return [
+                      renderSlot(_ctx.$slots, "label", { label: __props.label }, () => [
+                        createTextVNode(toDisplayString(__props.label), 1)
+                      ])
+                    ];
+                  }
+                }),
+                _: 3
+              }, _parent2, _scopeId));
+              if (__props.hint || !!slots.hint) {
+                _push2(`<span${ssrRenderAttr("id", `${unref(ariaId)}-hint`)} data-slot="hint" class="${ssrRenderClass(ui.value.hint({ class: unref(uiProp)?.hint }))}"${_scopeId}>`);
+                ssrRenderSlot(_ctx.$slots, "hint", { hint: __props.hint }, () => {
+                  _push2(`${ssrInterpolate(__props.hint)}`);
+                }, _push2, _parent2, _scopeId);
+                _push2(`</span>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`</div>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            if (__props.description || !!slots.description) {
+              _push2(`<p${ssrRenderAttr("id", `${unref(ariaId)}-description`)} data-slot="description" class="${ssrRenderClass(ui.value.description({ class: unref(uiProp)?.description }))}"${_scopeId}>`);
+              ssrRenderSlot(_ctx.$slots, "description", { description: __props.description }, () => {
+                _push2(`${ssrInterpolate(__props.description)}`);
+              }, _push2, _parent2, _scopeId);
+              _push2(`</p>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div><div class="${ssrRenderClass([(__props.label || !!slots.label || __props.description || !!slots.description) && ui.value.container({ class: unref(uiProp)?.container })])}"${_scopeId}>`);
+            ssrRenderSlot(_ctx.$slots, "default", { error: error.value }, null, _push2, _parent2, _scopeId);
+            if (props.error !== false && (typeof error.value === "string" && error.value || !!slots.error)) {
+              _push2(`<div${ssrRenderAttr("id", `${unref(ariaId)}-error`)} data-slot="error" class="${ssrRenderClass(ui.value.error({ class: unref(uiProp)?.error }))}"${_scopeId}>`);
+              ssrRenderSlot(_ctx.$slots, "error", { error: error.value }, () => {
+                _push2(`${ssrInterpolate(error.value)}`);
+              }, _push2, _parent2, _scopeId);
+              _push2(`</div>`);
+            } else if (__props.help || !!slots.help) {
+              _push2(`<div${ssrRenderAttr("id", `${unref(ariaId)}-help`)} data-slot="help" class="${ssrRenderClass(ui.value.help({ class: unref(uiProp)?.help }))}"${_scopeId}>`);
+              ssrRenderSlot(_ctx.$slots, "help", { help: __props.help }, () => {
+                _push2(`${ssrInterpolate(__props.help)}`);
+              }, _push2, _parent2, _scopeId);
+              _push2(`</div>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", {
+                "data-slot": "wrapper",
+                class: ui.value.wrapper({ class: unref(uiProp)?.wrapper })
+              }, [
+                __props.label || !!slots.label ? (openBlock(), createBlock("div", {
+                  key: 0,
+                  "data-slot": "labelWrapper",
+                  class: ui.value.labelWrapper({ class: unref(uiProp)?.labelWrapper })
+                }, [
+                  createVNode(unref(Label), {
+                    for: id.value,
+                    "data-slot": "label",
+                    class: ui.value.label({ class: unref(uiProp)?.label })
+                  }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "label", { label: __props.label }, () => [
+                        createTextVNode(toDisplayString(__props.label), 1)
+                      ])
+                    ]),
+                    _: 3
+                  }, 8, ["for", "class"]),
+                  __props.hint || !!slots.hint ? (openBlock(), createBlock("span", {
+                    key: 0,
+                    id: `${unref(ariaId)}-hint`,
+                    "data-slot": "hint",
+                    class: ui.value.hint({ class: unref(uiProp)?.hint })
+                  }, [
+                    renderSlot(_ctx.$slots, "hint", { hint: __props.hint }, () => [
+                      createTextVNode(toDisplayString(__props.hint), 1)
+                    ])
+                  ], 10, ["id"])) : createCommentVNode("", true)
+                ], 2)) : createCommentVNode("", true),
+                __props.description || !!slots.description ? (openBlock(), createBlock("p", {
+                  key: 1,
+                  id: `${unref(ariaId)}-description`,
+                  "data-slot": "description",
+                  class: ui.value.description({ class: unref(uiProp)?.description })
+                }, [
+                  renderSlot(_ctx.$slots, "description", { description: __props.description }, () => [
+                    createTextVNode(toDisplayString(__props.description), 1)
+                  ])
+                ], 10, ["id"])) : createCommentVNode("", true)
+              ], 2),
+              createVNode("div", {
+                class: [(__props.label || !!slots.label || __props.description || !!slots.description) && ui.value.container({ class: unref(uiProp)?.container })]
+              }, [
+                renderSlot(_ctx.$slots, "default", { error: error.value }),
+                props.error !== false && (typeof error.value === "string" && error.value || !!slots.error) ? (openBlock(), createBlock("div", {
+                  key: 0,
+                  id: `${unref(ariaId)}-error`,
+                  "data-slot": "error",
+                  class: ui.value.error({ class: unref(uiProp)?.error })
+                }, [
+                  renderSlot(_ctx.$slots, "error", { error: error.value }, () => [
+                    createTextVNode(toDisplayString(error.value), 1)
+                  ])
+                ], 10, ["id"])) : __props.help || !!slots.help ? (openBlock(), createBlock("div", {
+                  key: 1,
+                  id: `${unref(ariaId)}-help`,
+                  "data-slot": "help",
+                  class: ui.value.help({ class: unref(uiProp)?.help })
+                }, [
+                  renderSlot(_ctx.$slots, "help", { help: __props.help }, () => [
+                    createTextVNode(toDisplayString(__props.help), 1)
+                  ])
+                ], 10, ["id"])) : createCommentVNode("", true)
+              ], 2)
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+};
+const _sfc_setup$2 = _sfc_main$2.setup;
+_sfc_main$2.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../../node_modules/@nuxt/ui/dist/runtime/components/FormField.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const theme = {
+  "slots": {
+    "base": [
+      "relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
+      "transition-colors"
+    ],
+    "leading": "absolute inset-y-0 start-0 flex items-center",
+    "leadingIcon": "shrink-0 text-dimmed",
+    "leadingAvatar": "shrink-0",
+    "leadingAvatarSize": "",
+    "trailing": "absolute inset-y-0 end-0 flex items-center",
+    "trailingIcon": "shrink-0 text-dimmed",
+    "value": "truncate pointer-events-none",
+    "placeholder": "truncate text-dimmed",
+    "arrow": "fill-default",
+    "content": "max-h-60 w-(--reka-select-trigger-width) bg-default shadow-lg rounded-md ring ring-default overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-select-content-transform-origin) pointer-events-auto flex flex-col",
+    "viewport": "relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1",
+    "group": "p-1 isolate",
+    "empty": "text-center text-muted",
+    "label": "font-semibold text-highlighted",
+    "separator": "-mx-1 my-1 h-px bg-border",
+    "item": [
+      "group relative w-full flex items-start select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75 text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50",
+      "transition-colors before:transition-colors"
+    ],
+    "itemLeadingIcon": [
+      "shrink-0 text-dimmed group-data-highlighted:not-group-data-disabled:text-default",
+      "transition-colors"
+    ],
+    "itemLeadingAvatar": "shrink-0",
+    "itemLeadingAvatarSize": "",
+    "itemLeadingChip": "shrink-0",
+    "itemLeadingChipSize": "",
+    "itemTrailing": "ms-auto inline-flex gap-1.5 items-center",
+    "itemTrailingIcon": "shrink-0",
+    "itemWrapper": "flex-1 flex flex-col min-w-0",
+    "itemLabel": "truncate",
+    "itemDescription": "truncate text-muted"
+  },
+  "variants": {
+    "fieldGroup": {
+      "horizontal": "not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none focus-visible:z-[1]",
+      "vertical": "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none focus-visible:z-[1]"
+    },
+    "size": {
+      "xs": {
+        "base": "px-2 py-1 text-xs gap-1",
+        "leading": "ps-2",
+        "trailing": "pe-2",
+        "leadingIcon": "size-4",
+        "leadingAvatarSize": "3xs",
+        "trailingIcon": "size-4",
+        "label": "p-1 text-[10px]/3 gap-1",
+        "item": "p-1 text-xs gap-1",
+        "itemLeadingIcon": "size-4",
+        "itemLeadingAvatarSize": "3xs",
+        "itemLeadingChip": "size-4",
+        "itemLeadingChipSize": "sm",
+        "itemTrailingIcon": "size-4",
+        "empty": "p-1 text-xs"
+      },
+      "sm": {
+        "base": "px-2.5 py-1.5 text-xs gap-1.5",
+        "leading": "ps-2.5",
+        "trailing": "pe-2.5",
+        "leadingIcon": "size-4",
+        "leadingAvatarSize": "3xs",
+        "trailingIcon": "size-4",
+        "label": "p-1.5 text-[10px]/3 gap-1.5",
+        "item": "p-1.5 text-xs gap-1.5",
+        "itemLeadingIcon": "size-4",
+        "itemLeadingAvatarSize": "3xs",
+        "itemLeadingChip": "size-4",
+        "itemLeadingChipSize": "sm",
+        "itemTrailingIcon": "size-4",
+        "empty": "p-1.5 text-xs"
+      },
+      "md": {
+        "base": "px-2.5 py-1.5 text-sm gap-1.5",
+        "leading": "ps-2.5",
+        "trailing": "pe-2.5",
+        "leadingIcon": "size-5",
+        "leadingAvatarSize": "2xs",
+        "trailingIcon": "size-5",
+        "label": "p-1.5 text-xs gap-1.5",
+        "item": "p-1.5 text-sm gap-1.5",
+        "itemLeadingIcon": "size-5",
+        "itemLeadingAvatarSize": "2xs",
+        "itemLeadingChip": "size-5",
+        "itemLeadingChipSize": "md",
+        "itemTrailingIcon": "size-5",
+        "empty": "p-1.5 text-sm"
+      },
+      "lg": {
+        "base": "px-3 py-2 text-sm gap-2",
+        "leading": "ps-3",
+        "trailing": "pe-3",
+        "leadingIcon": "size-5",
+        "leadingAvatarSize": "2xs",
+        "trailingIcon": "size-5",
+        "label": "p-2 text-xs gap-2",
+        "item": "p-2 text-sm gap-2",
+        "itemLeadingIcon": "size-5",
+        "itemLeadingAvatarSize": "2xs",
+        "itemLeadingChip": "size-5",
+        "itemLeadingChipSize": "md",
+        "itemTrailingIcon": "size-5",
+        "empty": "p-2 text-sm"
+      },
+      "xl": {
+        "base": "px-3 py-2 text-base gap-2",
+        "leading": "ps-3",
+        "trailing": "pe-3",
+        "leadingIcon": "size-6",
+        "leadingAvatarSize": "xs",
+        "trailingIcon": "size-6",
+        "label": "p-2 text-sm gap-2",
+        "item": "p-2 text-base gap-2",
+        "itemLeadingIcon": "size-6",
+        "itemLeadingAvatarSize": "xs",
+        "itemLeadingChip": "size-6",
+        "itemLeadingChipSize": "lg",
+        "itemTrailingIcon": "size-6",
+        "empty": "p-2 text-base"
+      }
+    },
+    "variant": {
+      "outline": "text-highlighted bg-default ring ring-inset ring-accented hover:bg-elevated disabled:bg-default",
+      "soft": "text-highlighted bg-elevated/50 hover:bg-elevated focus:bg-elevated disabled:bg-elevated/50",
+      "subtle": "text-highlighted bg-elevated ring ring-inset ring-accented hover:bg-accented/75 disabled:bg-elevated",
+      "ghost": "text-highlighted bg-transparent hover:bg-elevated focus:bg-elevated disabled:bg-transparent dark:disabled:bg-transparent",
+      "none": "text-highlighted bg-transparent"
+    },
+    "color": {
+      "primary": "",
+      "secondary": "",
+      "success": "",
+      "info": "",
+      "warning": "",
+      "error": "",
+      "neutral": ""
+    },
+    "leading": {
+      "true": ""
+    },
+    "trailing": {
+      "true": ""
+    },
+    "loading": {
+      "true": ""
+    },
+    "highlight": {
+      "true": ""
+    },
+    "fixed": {
+      "false": ""
+    },
+    "type": {
+      "file": "file:me-1.5 file:font-medium file:text-muted file:outline-none"
+    }
+  },
+  "compoundVariants": [
+    {
+      "color": "primary",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus:ring-2 focus:ring-inset focus:ring-primary"
+    },
+    {
+      "color": "secondary",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus:ring-2 focus:ring-inset focus:ring-secondary"
+    },
+    {
+      "color": "success",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus:ring-2 focus:ring-inset focus:ring-success"
+    },
+    {
+      "color": "info",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus:ring-2 focus:ring-inset focus:ring-info"
+    },
+    {
+      "color": "warning",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus:ring-2 focus:ring-inset focus:ring-warning"
+    },
+    {
+      "color": "error",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus:ring-2 focus:ring-inset focus:ring-error"
+    },
+    {
+      "color": "primary",
+      "highlight": true,
+      "class": "ring ring-inset ring-primary"
+    },
+    {
+      "color": "secondary",
+      "highlight": true,
+      "class": "ring ring-inset ring-secondary"
+    },
+    {
+      "color": "success",
+      "highlight": true,
+      "class": "ring ring-inset ring-success"
+    },
+    {
+      "color": "info",
+      "highlight": true,
+      "class": "ring ring-inset ring-info"
+    },
+    {
+      "color": "warning",
+      "highlight": true,
+      "class": "ring ring-inset ring-warning"
+    },
+    {
+      "color": "error",
+      "highlight": true,
+      "class": "ring ring-inset ring-error"
+    },
+    {
+      "color": "neutral",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus:ring-2 focus:ring-inset focus:ring-inverted"
+    },
+    {
+      "color": "neutral",
+      "highlight": true,
+      "class": "ring ring-inset ring-inverted"
+    },
+    {
+      "leading": true,
+      "size": "xs",
+      "class": "ps-7"
+    },
+    {
+      "leading": true,
+      "size": "sm",
+      "class": "ps-8"
+    },
+    {
+      "leading": true,
+      "size": "md",
+      "class": "ps-9"
+    },
+    {
+      "leading": true,
+      "size": "lg",
+      "class": "ps-10"
+    },
+    {
+      "leading": true,
+      "size": "xl",
+      "class": "ps-11"
+    },
+    {
+      "trailing": true,
+      "size": "xs",
+      "class": "pe-7"
+    },
+    {
+      "trailing": true,
+      "size": "sm",
+      "class": "pe-8"
+    },
+    {
+      "trailing": true,
+      "size": "md",
+      "class": "pe-9"
+    },
+    {
+      "trailing": true,
+      "size": "lg",
+      "class": "pe-10"
+    },
+    {
+      "trailing": true,
+      "size": "xl",
+      "class": "pe-11"
+    },
+    {
+      "loading": true,
+      "leading": true,
+      "class": {
+        "leadingIcon": "animate-spin"
+      }
+    },
+    {
+      "loading": true,
+      "leading": false,
+      "trailing": true,
+      "class": {
+        "trailingIcon": "animate-spin"
+      }
+    },
+    {
+      "fixed": false,
+      "size": "xs",
+      "class": "md:text-xs"
+    },
+    {
+      "fixed": false,
+      "size": "sm",
+      "class": "md:text-xs"
+    },
+    {
+      "fixed": false,
+      "size": "md",
+      "class": "md:text-sm"
+    },
+    {
+      "fixed": false,
+      "size": "lg",
+      "class": "md:text-sm"
+    }
+  ],
+  "defaultVariants": {
+    "size": "md",
+    "color": "primary",
+    "variant": "outline"
+  }
+};
+const _sfc_main$1 = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+  __name: "USelect",
+  __ssrInlineRender: true,
+  props: {
+    id: { type: String, required: false },
+    placeholder: { type: String, required: false },
+    color: { type: null, required: false },
+    variant: { type: null, required: false },
+    size: { type: null, required: false },
+    trailingIcon: { type: null, required: false },
+    selectedIcon: { type: null, required: false },
+    content: { type: Object, required: false },
+    arrow: { type: [Boolean, Object], required: false },
+    portal: { type: [Boolean, String], required: false, skipCheck: true, default: true },
+    valueKey: { type: null, required: false, default: "value" },
+    labelKey: { type: null, required: false, default: "label" },
+    descriptionKey: { type: null, required: false, default: "description" },
+    items: { type: null, required: false },
+    defaultValue: { type: null, required: false },
+    modelValue: { type: null, required: false },
+    modelModifiers: { type: null, required: false },
+    multiple: { type: Boolean, required: false },
+    highlight: { type: Boolean, required: false },
+    autofocus: { type: Boolean, required: false },
+    autofocusDelay: { type: Number, required: false, default: 0 },
+    class: { type: null, required: false },
+    ui: { type: Object, required: false },
+    open: { type: Boolean, required: false },
+    defaultOpen: { type: Boolean, required: false },
+    autocomplete: { type: String, required: false },
+    disabled: { type: Boolean, required: false },
+    name: { type: String, required: false },
+    required: { type: Boolean, required: false },
+    icon: { type: null, required: false },
+    avatar: { type: Object, required: false },
+    leading: { type: Boolean, required: false },
+    leadingIcon: { type: null, required: false },
+    trailing: { type: Boolean, required: false },
+    loading: { type: Boolean, required: false },
+    loadingIcon: { type: null, required: false }
+  },
+  emits: ["change", "blur", "focus", "update:modelValue", "update:open"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const slots = useSlots();
+    const appConfig = useAppConfig();
+    const uiProp = useComponentUI("select", props);
+    const rootProps = useForwardPropsEmits(reactivePick(props, "open", "defaultOpen", "disabled", "autocomplete", "required", "multiple"), emits);
+    const portalProps = usePortal(toRef(() => props.portal));
+    const contentProps = toRef(() => defu(props.content, { side: "bottom", sideOffset: 8, collisionPadding: 8, position: "popper" }));
+    const arrowProps = toRef(() => props.arrow);
+    const { emitFormChange, emitFormInput, emitFormBlur, emitFormFocus, size: formGroupSize, color, id, name, highlight, disabled, ariaAttrs } = useFormField(props);
+    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(() => 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(
+      () => props.items?.length ? isArrayOfArray(props.items) ? props.items : [props.items] : []
+    );
+    const items = computed(() => groups.value.flatMap((group) => group));
+    function displayValue(value) {
+      if (props.multiple && Array.isArray(value)) {
+        const displayedValues = value.map((item) => getDisplayValue(items.value, item, {
+          labelKey: props.labelKey,
+          valueKey: props.valueKey
+        })).filter((v) => v != null && v !== "");
+        return displayedValues.length > 0 ? displayedValues.join(", ") : void 0;
+      }
+      return getDisplayValue(items.value, value, {
+        labelKey: props.labelKey,
+        valueKey: props.valueKey
+      });
+    }
+    const triggerRef = useTemplateRef("triggerRef");
+    function onUpdate(value) {
+      if (props.modelModifiers?.trim && (typeof value === "string" || value === null || value === void 0)) {
+        value = value?.trim() ?? null;
+      }
+      if (props.modelModifiers?.number) {
+        value = looseToNumber(value);
+      }
+      if (props.modelModifiers?.nullable) {
+        value ??= null;
+      }
+      if (props.modelModifiers?.optional && !props.modelModifiers?.nullable && value !== null) {
+        value ??= void 0;
+      }
+      const event = new Event("change", { target: { value } });
+      emits("change", event);
+      emitFormChange();
+      emitFormInput();
+    }
+    function onUpdateOpen(value) {
+      if (!value) {
+        const event = new FocusEvent("blur");
+        emits("blur", event);
+        emitFormBlur();
+      } else {
+        const event = new FocusEvent("focus");
+        emits("focus", event);
+        emitFormFocus();
+      }
+    }
+    function isSelectItem(item) {
+      return typeof item === "object" && item !== null;
+    }
+    const viewportRef = useTemplateRef("viewportRef");
+    __expose({
+      triggerRef: toRef(() => triggerRef.value?.$el),
+      viewportRef: toRef(() => viewportRef.value)
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(SelectRoot), mergeProps({ name: unref(name) }, unref(rootProps), {
+        autocomplete: __props.autocomplete,
+        disabled: unref(disabled),
+        "default-value": __props.defaultValue,
+        "model-value": __props.modelValue,
+        "onUpdate:modelValue": onUpdate,
+        "onUpdate:open": onUpdateOpen
+      }, _attrs), {
+        default: withCtx(({ modelValue, open }, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(unref(SelectTrigger), mergeProps({
+              id: unref(id),
+              ref_key: "triggerRef",
+              ref: triggerRef,
+              "data-slot": "base",
+              class: ui.value.base({ class: [unref(uiProp)?.base, props.class] })
+            }, { ..._ctx.$attrs, ...unref(ariaAttrs) }), {
+              default: withCtx((_, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  if (unref(isLeading) || !!__props.avatar || !!slots.leading) {
+                    _push3(`<span data-slot="leading" class="${ssrRenderClass(ui.value.leading({ class: unref(uiProp)?.leading }))}"${_scopeId2}>`);
+                    ssrRenderSlot(_ctx.$slots, "leading", {
+                      modelValue,
+                      open,
+                      ui: ui.value
+                    }, () => {
+                      if (unref(isLeading) && unref(leadingIconName)) {
+                        _push3(ssrRenderComponent(_sfc_main$m, {
+                          name: unref(leadingIconName),
+                          "data-slot": "leadingIcon",
+                          class: ui.value.leadingIcon({ class: unref(uiProp)?.leadingIcon })
+                        }, null, _parent3, _scopeId2));
+                      } else if (!!__props.avatar) {
+                        _push3(ssrRenderComponent(_sfc_main$k, mergeProps({
+                          size: unref(uiProp)?.itemLeadingAvatarSize || ui.value.itemLeadingAvatarSize()
+                        }, __props.avatar, {
+                          "data-slot": "itemLeadingAvatar",
+                          class: ui.value.itemLeadingAvatar({ class: unref(uiProp)?.itemLeadingAvatar })
+                        }), null, _parent3, _scopeId2));
+                      } else {
+                        _push3(`<!---->`);
+                      }
+                    }, _push3, _parent3, _scopeId2);
+                    _push3(`</span>`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  ssrRenderSlot(_ctx.$slots, "default", {
+                    modelValue,
+                    open,
+                    ui: ui.value
+                  }, () => {
+                    _push3(`<!--[-->`);
+                    ssrRenderList([displayValue(modelValue)], (displayedModelValue) => {
+                      _push3(`<!--[-->`);
+                      if (displayedModelValue !== void 0 && displayedModelValue !== null) {
+                        _push3(`<span data-slot="value" class="${ssrRenderClass(ui.value.value({ class: unref(uiProp)?.value }))}"${_scopeId2}>${ssrInterpolate(displayedModelValue)}</span>`);
+                      } else {
+                        _push3(`<span data-slot="placeholder" class="${ssrRenderClass(ui.value.placeholder({ class: unref(uiProp)?.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: unref(uiProp)?.trailing }))}"${_scopeId2}>`);
+                    ssrRenderSlot(_ctx.$slots, "trailing", {
+                      modelValue,
+                      open,
+                      ui: ui.value
+                    }, () => {
+                      if (unref(trailingIconName)) {
+                        _push3(ssrRenderComponent(_sfc_main$m, {
+                          name: unref(trailingIconName),
+                          "data-slot": "trailingIcon",
+                          class: ui.value.trailingIcon({ class: unref(uiProp)?.trailingIcon })
+                        }, null, _parent3, _scopeId2));
+                      } else {
+                        _push3(`<!---->`);
+                      }
+                    }, _push3, _parent3, _scopeId2);
+                    _push3(`</span>`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                } else {
+                  return [
+                    unref(isLeading) || !!__props.avatar || !!slots.leading ? (openBlock(), createBlock("span", {
+                      key: 0,
+                      "data-slot": "leading",
+                      class: ui.value.leading({ class: unref(uiProp)?.leading })
+                    }, [
+                      renderSlot(_ctx.$slots, "leading", {
+                        modelValue,
+                        open,
+                        ui: ui.value
+                      }, () => [
+                        unref(isLeading) && unref(leadingIconName) ? (openBlock(), createBlock(_sfc_main$m, {
+                          key: 0,
+                          name: unref(leadingIconName),
+                          "data-slot": "leadingIcon",
+                          class: ui.value.leadingIcon({ class: unref(uiProp)?.leadingIcon })
+                        }, null, 8, ["name", "class"])) : !!__props.avatar ? (openBlock(), createBlock(_sfc_main$k, mergeProps({
+                          key: 1,
+                          size: unref(uiProp)?.itemLeadingAvatarSize || ui.value.itemLeadingAvatarSize()
+                        }, __props.avatar, {
+                          "data-slot": "itemLeadingAvatar",
+                          class: ui.value.itemLeadingAvatar({ class: unref(uiProp)?.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: unref(uiProp)?.value })
+                          }, toDisplayString(displayedModelValue), 3)) : (openBlock(), createBlock("span", {
+                            key: 1,
+                            "data-slot": "placeholder",
+                            class: ui.value.placeholder({ class: unref(uiProp)?.placeholder })
+                          }, toDisplayString(__props.placeholder ?? " "), 3))
+                        ], 64);
+                      }), 128))
+                    ]),
+                    unref(isTrailing) || !!slots.trailing ? (openBlock(), createBlock("span", {
+                      key: 1,
+                      "data-slot": "trailing",
+                      class: ui.value.trailing({ class: unref(uiProp)?.trailing })
+                    }, [
+                      renderSlot(_ctx.$slots, "trailing", {
+                        modelValue,
+                        open,
+                        ui: ui.value
+                      }, () => [
+                        unref(trailingIconName) ? (openBlock(), createBlock(_sfc_main$m, {
+                          key: 0,
+                          name: unref(trailingIconName),
+                          "data-slot": "trailingIcon",
+                          class: ui.value.trailingIcon({ class: unref(uiProp)?.trailingIcon })
+                        }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                      ])
+                    ], 2)) : createCommentVNode("", true)
+                  ];
+                }
+              }),
+              _: 2
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(unref(SelectPortal), unref(portalProps), {
+              default: withCtx((_, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(unref(SelectContent), mergeProps({
+                    "data-slot": "content",
+                    class: ui.value.content({ class: unref(uiProp)?.content })
+                  }, contentProps.value), {
+                    default: withCtx((_2, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        ssrRenderSlot(_ctx.$slots, "content-top", {}, null, _push4, _parent4, _scopeId3);
+                        _push4(`<div role="presentation" data-slot="viewport" class="${ssrRenderClass(ui.value.viewport({ class: unref(uiProp)?.viewport }))}"${_scopeId3}><!--[-->`);
+                        ssrRenderList(groups.value, (group, groupIndex) => {
+                          _push4(ssrRenderComponent(unref(SelectGroup), {
+                            key: `group-${groupIndex}`,
+                            "data-slot": "group",
+                            class: ui.value.group({ class: unref(uiProp)?.group })
+                          }, {
+                            default: withCtx((_3, _push5, _parent5, _scopeId4) => {
+                              if (_push5) {
+                                _push5(`<!--[-->`);
+                                ssrRenderList(group, (item, index) => {
+                                  _push5(`<!--[-->`);
+                                  if (isSelectItem(item) && item.type === "label") {
+                                    _push5(ssrRenderComponent(unref(SelectLabel), {
+                                      "data-slot": "label",
+                                      class: ui.value.label({ class: [unref(uiProp)?.label, item.ui?.label, item.class] })
+                                    }, {
+                                      default: withCtx((_4, _push6, _parent6, _scopeId5) => {
+                                        if (_push6) {
+                                          _push6(`${ssrInterpolate(unref(get)(item, props.labelKey))}`);
+                                        } else {
+                                          return [
+                                            createTextVNode(toDisplayString(unref(get)(item, props.labelKey)), 1)
+                                          ];
+                                        }
+                                      }),
+                                      _: 2
+                                    }, _parent5, _scopeId4));
+                                  } else if (isSelectItem(item) && item.type === "separator") {
+                                    _push5(ssrRenderComponent(unref(SelectSeparator), {
+                                      "data-slot": "separator",
+                                      class: ui.value.separator({ class: [unref(uiProp)?.separator, item.ui?.separator, item.class] })
+                                    }, null, _parent5, _scopeId4));
+                                  } else {
+                                    _push5(ssrRenderComponent(unref(SelectItem), {
+                                      "data-slot": "item",
+                                      class: ui.value.item({ class: [unref(uiProp)?.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((_4, _push6, _parent6, _scopeId5) => {
+                                        if (_push6) {
+                                          ssrRenderSlot(_ctx.$slots, "item", {
+                                            item,
+                                            index,
+                                            ui: ui.value
+                                          }, () => {
+                                            ssrRenderSlot(_ctx.$slots, "item-leading", {
+                                              item,
+                                              index,
+                                              ui: ui.value
+                                            }, () => {
+                                              if (isSelectItem(item) && item.icon) {
+                                                _push6(ssrRenderComponent(_sfc_main$m, {
+                                                  name: item.icon,
+                                                  "data-slot": "itemLeadingIcon",
+                                                  class: ui.value.itemLeadingIcon({ class: [unref(uiProp)?.itemLeadingIcon, item.ui?.itemLeadingIcon] })
+                                                }, null, _parent6, _scopeId5));
+                                              } else if (isSelectItem(item) && item.avatar) {
+                                                _push6(ssrRenderComponent(_sfc_main$k, mergeProps({
+                                                  size: item.ui?.itemLeadingAvatarSize || unref(uiProp)?.itemLeadingAvatarSize || ui.value.itemLeadingAvatarSize()
+                                                }, { ref_for: true }, item.avatar, {
+                                                  "data-slot": "itemLeadingAvatar",
+                                                  class: ui.value.itemLeadingAvatar({ class: [unref(uiProp)?.itemLeadingAvatar, item.ui?.itemLeadingAvatar] })
+                                                }), null, _parent6, _scopeId5));
+                                              } else if (isSelectItem(item) && item.chip) {
+                                                _push6(ssrRenderComponent(_sfc_main$l, mergeProps({
+                                                  size: item.ui?.itemLeadingChipSize || unref(uiProp)?.itemLeadingChipSize || ui.value.itemLeadingChipSize(),
+                                                  inset: "",
+                                                  standalone: ""
+                                                }, { ref_for: true }, item.chip, {
+                                                  "data-slot": "itemLeadingChip",
+                                                  class: ui.value.itemLeadingChip({ class: [unref(uiProp)?.itemLeadingChip, item.ui?.itemLeadingChip] })
+                                                }), null, _parent6, _scopeId5));
+                                              } else {
+                                                _push6(`<!---->`);
+                                              }
+                                            }, _push6, _parent6, _scopeId5);
+                                            _push6(`<span data-slot="itemWrapper" class="${ssrRenderClass(ui.value.itemWrapper({ class: [unref(uiProp)?.itemWrapper, isSelectItem(item) && item.ui?.itemWrapper] }))}"${_scopeId5}>`);
+                                            _push6(ssrRenderComponent(unref(SelectItemText), {
+                                              "data-slot": "itemLabel",
+                                              class: ui.value.itemLabel({ class: [unref(uiProp)?.itemLabel, isSelectItem(item) && item.ui?.itemLabel] })
+                                            }, {
+                                              default: withCtx((_5, _push7, _parent7, _scopeId6) => {
+                                                if (_push7) {
+                                                  ssrRenderSlot(_ctx.$slots, "item-label", {
+                                                    item,
+                                                    index
+                                                  }, () => {
+                                                    _push7(`${ssrInterpolate(isSelectItem(item) ? unref(get)(item, props.labelKey) : item)}`);
+                                                  }, _push7, _parent7, _scopeId6);
+                                                } else {
+                                                  return [
+                                                    renderSlot(_ctx.$slots, "item-label", {
+                                                      item,
+                                                      index
+                                                    }, () => [
+                                                      createTextVNode(toDisplayString(isSelectItem(item) ? unref(get)(item, props.labelKey) : item), 1)
+                                                    ])
+                                                  ];
+                                                }
+                                              }),
+                                              _: 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: [unref(uiProp)?.itemDescription, isSelectItem(item) && item.ui?.itemDescription] }))}"${_scopeId5}>`);
+                                              ssrRenderSlot(_ctx.$slots, "item-description", {
+                                                item,
+                                                index
+                                              }, () => {
+                                                _push6(`${ssrInterpolate(unref(get)(item, props.descriptionKey))}`);
+                                              }, _push6, _parent6, _scopeId5);
+                                              _push6(`</span>`);
+                                            } else {
+                                              _push6(`<!---->`);
+                                            }
+                                            _push6(`</span><span data-slot="itemTrailing" class="${ssrRenderClass(ui.value.itemTrailing({ class: [unref(uiProp)?.itemTrailing, isSelectItem(item) && item.ui?.itemTrailing] }))}"${_scopeId5}>`);
+                                            ssrRenderSlot(_ctx.$slots, "item-trailing", {
+                                              item,
+                                              index,
+                                              ui: ui.value
+                                            }, null, _push6, _parent6, _scopeId5);
+                                            _push6(ssrRenderComponent(unref(SelectItemIndicator), { "as-child": "" }, {
+                                              default: withCtx((_5, _push7, _parent7, _scopeId6) => {
+                                                if (_push7) {
+                                                  _push7(ssrRenderComponent(_sfc_main$m, {
+                                                    name: __props.selectedIcon || unref(appConfig).ui.icons.check,
+                                                    "data-slot": "itemTrailingIcon",
+                                                    class: ui.value.itemTrailingIcon({ class: [unref(uiProp)?.itemTrailingIcon, isSelectItem(item) && item.ui?.itemTrailingIcon] })
+                                                  }, null, _parent7, _scopeId6));
+                                                } else {
+                                                  return [
+                                                    createVNode(_sfc_main$m, {
+                                                      name: __props.selectedIcon || unref(appConfig).ui.icons.check,
+                                                      "data-slot": "itemTrailingIcon",
+                                                      class: ui.value.itemTrailingIcon({ class: [unref(uiProp)?.itemTrailingIcon, isSelectItem(item) && item.ui?.itemTrailingIcon] })
+                                                    }, null, 8, ["name", "class"])
+                                                  ];
+                                                }
+                                              }),
+                                              _: 2
+                                            }, _parent6, _scopeId5));
+                                            _push6(`</span>`);
+                                          }, _push6, _parent6, _scopeId5);
+                                        } else {
+                                          return [
+                                            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$m, {
+                                                  key: 0,
+                                                  name: item.icon,
+                                                  "data-slot": "itemLeadingIcon",
+                                                  class: ui.value.itemLeadingIcon({ class: [unref(uiProp)?.itemLeadingIcon, item.ui?.itemLeadingIcon] })
+                                                }, null, 8, ["name", "class"])) : isSelectItem(item) && item.avatar ? (openBlock(), createBlock(_sfc_main$k, mergeProps({
+                                                  key: 1,
+                                                  size: item.ui?.itemLeadingAvatarSize || unref(uiProp)?.itemLeadingAvatarSize || ui.value.itemLeadingAvatarSize()
+                                                }, { ref_for: true }, item.avatar, {
+                                                  "data-slot": "itemLeadingAvatar",
+                                                  class: ui.value.itemLeadingAvatar({ class: [unref(uiProp)?.itemLeadingAvatar, item.ui?.itemLeadingAvatar] })
+                                                }), null, 16, ["size", "class"])) : isSelectItem(item) && item.chip ? (openBlock(), createBlock(_sfc_main$l, mergeProps({
+                                                  key: 2,
+                                                  size: item.ui?.itemLeadingChipSize || unref(uiProp)?.itemLeadingChipSize || ui.value.itemLeadingChipSize(),
+                                                  inset: "",
+                                                  standalone: ""
+                                                }, { ref_for: true }, item.chip, {
+                                                  "data-slot": "itemLeadingChip",
+                                                  class: ui.value.itemLeadingChip({ class: [unref(uiProp)?.itemLeadingChip, item.ui?.itemLeadingChip] })
+                                                }), null, 16, ["size", "class"])) : createCommentVNode("", true)
+                                              ]),
+                                              createVNode("span", {
+                                                "data-slot": "itemWrapper",
+                                                class: ui.value.itemWrapper({ class: [unref(uiProp)?.itemWrapper, isSelectItem(item) && item.ui?.itemWrapper] })
+                                              }, [
+                                                createVNode(unref(SelectItemText), {
+                                                  "data-slot": "itemLabel",
+                                                  class: ui.value.itemLabel({ class: [unref(uiProp)?.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: [unref(uiProp)?.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: [unref(uiProp)?.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$m, {
+                                                      name: __props.selectedIcon || unref(appConfig).ui.icons.check,
+                                                      "data-slot": "itemTrailingIcon",
+                                                      class: ui.value.itemTrailingIcon({ class: [unref(uiProp)?.itemTrailingIcon, isSelectItem(item) && item.ui?.itemTrailingIcon] })
+                                                    }, null, 8, ["name", "class"])
+                                                  ]),
+                                                  _: 2
+                                                }, 1024)
+                                              ], 2)
+                                            ])
+                                          ];
+                                        }
+                                      }),
+                                      _: 2
+                                    }, _parent5, _scopeId4));
+                                  }
+                                  _push5(`<!--]-->`);
+                                });
+                                _push5(`<!--]-->`);
+                              } else {
+                                return [
+                                  (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: [unref(uiProp)?.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: [unref(uiProp)?.separator, item.ui?.separator, item.class] })
+                                      }, null, 8, ["class"])) : (openBlock(), createBlock(unref(SelectItem), {
+                                        key: 2,
+                                        "data-slot": "item",
+                                        class: ui.value.item({ class: [unref(uiProp)?.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$m, {
+                                                key: 0,
+                                                name: item.icon,
+                                                "data-slot": "itemLeadingIcon",
+                                                class: ui.value.itemLeadingIcon({ class: [unref(uiProp)?.itemLeadingIcon, item.ui?.itemLeadingIcon] })
+                                              }, null, 8, ["name", "class"])) : isSelectItem(item) && item.avatar ? (openBlock(), createBlock(_sfc_main$k, mergeProps({
+                                                key: 1,
+                                                size: item.ui?.itemLeadingAvatarSize || unref(uiProp)?.itemLeadingAvatarSize || ui.value.itemLeadingAvatarSize()
+                                              }, { ref_for: true }, item.avatar, {
+                                                "data-slot": "itemLeadingAvatar",
+                                                class: ui.value.itemLeadingAvatar({ class: [unref(uiProp)?.itemLeadingAvatar, item.ui?.itemLeadingAvatar] })
+                                              }), null, 16, ["size", "class"])) : isSelectItem(item) && item.chip ? (openBlock(), createBlock(_sfc_main$l, mergeProps({
+                                                key: 2,
+                                                size: item.ui?.itemLeadingChipSize || unref(uiProp)?.itemLeadingChipSize || ui.value.itemLeadingChipSize(),
+                                                inset: "",
+                                                standalone: ""
+                                              }, { ref_for: true }, item.chip, {
+                                                "data-slot": "itemLeadingChip",
+                                                class: ui.value.itemLeadingChip({ class: [unref(uiProp)?.itemLeadingChip, item.ui?.itemLeadingChip] })
+                                              }), null, 16, ["size", "class"])) : createCommentVNode("", true)
+                                            ]),
+                                            createVNode("span", {
+                                              "data-slot": "itemWrapper",
+                                              class: ui.value.itemWrapper({ class: [unref(uiProp)?.itemWrapper, isSelectItem(item) && item.ui?.itemWrapper] })
+                                            }, [
+                                              createVNode(unref(SelectItemText), {
+                                                "data-slot": "itemLabel",
+                                                class: ui.value.itemLabel({ class: [unref(uiProp)?.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: [unref(uiProp)?.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: [unref(uiProp)?.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$m, {
+                                                    name: __props.selectedIcon || unref(appConfig).ui.icons.check,
+                                                    "data-slot": "itemTrailingIcon",
+                                                    class: ui.value.itemTrailingIcon({ class: [unref(uiProp)?.itemTrailingIcon, isSelectItem(item) && item.ui?.itemTrailingIcon] })
+                                                  }, null, 8, ["name", "class"])
+                                                ]),
+                                                _: 2
+                                              }, 1024)
+                                            ], 2)
+                                          ])
+                                        ]),
+                                        _: 2
+                                      }, 1032, ["class", "disabled", "value", "onSelect"]))
+                                    ], 64);
+                                  }), 128))
+                                ];
+                              }
+                            }),
+                            _: 2
+                          }, _parent4, _scopeId3));
+                        });
+                        _push4(`<!--]--></div>`);
+                        ssrRenderSlot(_ctx.$slots, "content-bottom", {}, null, _push4, _parent4, _scopeId3);
+                        if (!!__props.arrow) {
+                          _push4(ssrRenderComponent(unref(SelectArrow), mergeProps(arrowProps.value, {
+                            "data-slot": "arrow",
+                            class: ui.value.arrow({ class: unref(uiProp)?.arrow })
+                          }), null, _parent4, _scopeId3));
+                        } else {
+                          _push4(`<!---->`);
+                        }
+                      } else {
+                        return [
+                          renderSlot(_ctx.$slots, "content-top"),
+                          createVNode("div", {
+                            ref_key: "viewportRef",
+                            ref: viewportRef,
+                            role: "presentation",
+                            "data-slot": "viewport",
+                            class: ui.value.viewport({ class: unref(uiProp)?.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: unref(uiProp)?.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: [unref(uiProp)?.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: [unref(uiProp)?.separator, item.ui?.separator, item.class] })
+                                      }, null, 8, ["class"])) : (openBlock(), createBlock(unref(SelectItem), {
+                                        key: 2,
+                                        "data-slot": "item",
+                                        class: ui.value.item({ class: [unref(uiProp)?.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$m, {
+                                                key: 0,
+                                                name: item.icon,
+                                                "data-slot": "itemLeadingIcon",
+                                                class: ui.value.itemLeadingIcon({ class: [unref(uiProp)?.itemLeadingIcon, item.ui?.itemLeadingIcon] })
+                                              }, null, 8, ["name", "class"])) : isSelectItem(item) && item.avatar ? (openBlock(), createBlock(_sfc_main$k, mergeProps({
+                                                key: 1,
+                                                size: item.ui?.itemLeadingAvatarSize || unref(uiProp)?.itemLeadingAvatarSize || ui.value.itemLeadingAvatarSize()
+                                              }, { ref_for: true }, item.avatar, {
+                                                "data-slot": "itemLeadingAvatar",
+                                                class: ui.value.itemLeadingAvatar({ class: [unref(uiProp)?.itemLeadingAvatar, item.ui?.itemLeadingAvatar] })
+                                              }), null, 16, ["size", "class"])) : isSelectItem(item) && item.chip ? (openBlock(), createBlock(_sfc_main$l, mergeProps({
+                                                key: 2,
+                                                size: item.ui?.itemLeadingChipSize || unref(uiProp)?.itemLeadingChipSize || ui.value.itemLeadingChipSize(),
+                                                inset: "",
+                                                standalone: ""
+                                              }, { ref_for: true }, item.chip, {
+                                                "data-slot": "itemLeadingChip",
+                                                class: ui.value.itemLeadingChip({ class: [unref(uiProp)?.itemLeadingChip, item.ui?.itemLeadingChip] })
+                                              }), null, 16, ["size", "class"])) : createCommentVNode("", true)
+                                            ]),
+                                            createVNode("span", {
+                                              "data-slot": "itemWrapper",
+                                              class: ui.value.itemWrapper({ class: [unref(uiProp)?.itemWrapper, isSelectItem(item) && item.ui?.itemWrapper] })
+                                            }, [
+                                              createVNode(unref(SelectItemText), {
+                                                "data-slot": "itemLabel",
+                                                class: ui.value.itemLabel({ class: [unref(uiProp)?.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: [unref(uiProp)?.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: [unref(uiProp)?.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$m, {
+                                                    name: __props.selectedIcon || unref(appConfig).ui.icons.check,
+                                                    "data-slot": "itemTrailingIcon",
+                                                    class: ui.value.itemTrailingIcon({ class: [unref(uiProp)?.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: unref(uiProp)?.arrow })
+                          }), null, 16, ["class"])) : createCommentVNode("", true)
+                        ];
+                      }
+                    }),
+                    _: 2
+                  }, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(unref(SelectContent), mergeProps({
+                      "data-slot": "content",
+                      class: ui.value.content({ class: unref(uiProp)?.content })
+                    }, contentProps.value), {
+                      default: withCtx(() => [
+                        renderSlot(_ctx.$slots, "content-top"),
+                        createVNode("div", {
+                          ref_key: "viewportRef",
+                          ref: viewportRef,
+                          role: "presentation",
+                          "data-slot": "viewport",
+                          class: ui.value.viewport({ class: unref(uiProp)?.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: unref(uiProp)?.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: [unref(uiProp)?.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: [unref(uiProp)?.separator, item.ui?.separator, item.class] })
+                                    }, null, 8, ["class"])) : (openBlock(), createBlock(unref(SelectItem), {
+                                      key: 2,
+                                      "data-slot": "item",
+                                      class: ui.value.item({ class: [unref(uiProp)?.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$m, {
+                                              key: 0,
+                                              name: item.icon,
+                                              "data-slot": "itemLeadingIcon",
+                                              class: ui.value.itemLeadingIcon({ class: [unref(uiProp)?.itemLeadingIcon, item.ui?.itemLeadingIcon] })
+                                            }, null, 8, ["name", "class"])) : isSelectItem(item) && item.avatar ? (openBlock(), createBlock(_sfc_main$k, mergeProps({
+                                              key: 1,
+                                              size: item.ui?.itemLeadingAvatarSize || unref(uiProp)?.itemLeadingAvatarSize || ui.value.itemLeadingAvatarSize()
+                                            }, { ref_for: true }, item.avatar, {
+                                              "data-slot": "itemLeadingAvatar",
+                                              class: ui.value.itemLeadingAvatar({ class: [unref(uiProp)?.itemLeadingAvatar, item.ui?.itemLeadingAvatar] })
+                                            }), null, 16, ["size", "class"])) : isSelectItem(item) && item.chip ? (openBlock(), createBlock(_sfc_main$l, mergeProps({
+                                              key: 2,
+                                              size: item.ui?.itemLeadingChipSize || unref(uiProp)?.itemLeadingChipSize || ui.value.itemLeadingChipSize(),
+                                              inset: "",
+                                              standalone: ""
+                                            }, { ref_for: true }, item.chip, {
+                                              "data-slot": "itemLeadingChip",
+                                              class: ui.value.itemLeadingChip({ class: [unref(uiProp)?.itemLeadingChip, item.ui?.itemLeadingChip] })
+                                            }), null, 16, ["size", "class"])) : createCommentVNode("", true)
+                                          ]),
+                                          createVNode("span", {
+                                            "data-slot": "itemWrapper",
+                                            class: ui.value.itemWrapper({ class: [unref(uiProp)?.itemWrapper, isSelectItem(item) && item.ui?.itemWrapper] })
+                                          }, [
+                                            createVNode(unref(SelectItemText), {
+                                              "data-slot": "itemLabel",
+                                              class: ui.value.itemLabel({ class: [unref(uiProp)?.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: [unref(uiProp)?.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: [unref(uiProp)?.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$m, {
+                                                  name: __props.selectedIcon || unref(appConfig).ui.icons.check,
+                                                  "data-slot": "itemTrailingIcon",
+                                                  class: ui.value.itemTrailingIcon({ class: [unref(uiProp)?.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: unref(uiProp)?.arrow })
+                        }), null, 16, ["class"])) : createCommentVNode("", true)
+                      ]),
+                      _: 3
+                    }, 16, ["class"])
+                  ];
+                }
+              }),
+              _: 2
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(unref(SelectTrigger), mergeProps({
+                id: unref(id),
+                ref_key: "triggerRef",
+                ref: triggerRef,
+                "data-slot": "base",
+                class: ui.value.base({ class: [unref(uiProp)?.base, props.class] })
+              }, { ..._ctx.$attrs, ...unref(ariaAttrs) }), {
+                default: withCtx(() => [
+                  unref(isLeading) || !!__props.avatar || !!slots.leading ? (openBlock(), createBlock("span", {
+                    key: 0,
+                    "data-slot": "leading",
+                    class: ui.value.leading({ class: unref(uiProp)?.leading })
+                  }, [
+                    renderSlot(_ctx.$slots, "leading", {
+                      modelValue,
+                      open,
+                      ui: ui.value
+                    }, () => [
+                      unref(isLeading) && unref(leadingIconName) ? (openBlock(), createBlock(_sfc_main$m, {
+                        key: 0,
+                        name: unref(leadingIconName),
+                        "data-slot": "leadingIcon",
+                        class: ui.value.leadingIcon({ class: unref(uiProp)?.leadingIcon })
+                      }, null, 8, ["name", "class"])) : !!__props.avatar ? (openBlock(), createBlock(_sfc_main$k, mergeProps({
+                        key: 1,
+                        size: unref(uiProp)?.itemLeadingAvatarSize || ui.value.itemLeadingAvatarSize()
+                      }, __props.avatar, {
+                        "data-slot": "itemLeadingAvatar",
+                        class: ui.value.itemLeadingAvatar({ class: unref(uiProp)?.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: unref(uiProp)?.value })
+                        }, toDisplayString(displayedModelValue), 3)) : (openBlock(), createBlock("span", {
+                          key: 1,
+                          "data-slot": "placeholder",
+                          class: ui.value.placeholder({ class: unref(uiProp)?.placeholder })
+                        }, toDisplayString(__props.placeholder ?? " "), 3))
+                      ], 64);
+                    }), 128))
+                  ]),
+                  unref(isTrailing) || !!slots.trailing ? (openBlock(), createBlock("span", {
+                    key: 1,
+                    "data-slot": "trailing",
+                    class: ui.value.trailing({ class: unref(uiProp)?.trailing })
+                  }, [
+                    renderSlot(_ctx.$slots, "trailing", {
+                      modelValue,
+                      open,
+                      ui: ui.value
+                    }, () => [
+                      unref(trailingIconName) ? (openBlock(), createBlock(_sfc_main$m, {
+                        key: 0,
+                        name: unref(trailingIconName),
+                        "data-slot": "trailingIcon",
+                        class: ui.value.trailingIcon({ class: unref(uiProp)?.trailingIcon })
+                      }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                    ])
+                  ], 2)) : createCommentVNode("", true)
+                ]),
+                _: 2
+              }, 1040, ["id", "class"]),
+              createVNode(unref(SelectPortal), unref(portalProps), {
+                default: withCtx(() => [
+                  createVNode(unref(SelectContent), mergeProps({
+                    "data-slot": "content",
+                    class: ui.value.content({ class: unref(uiProp)?.content })
+                  }, contentProps.value), {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "content-top"),
+                      createVNode("div", {
+                        ref_key: "viewportRef",
+                        ref: viewportRef,
+                        role: "presentation",
+                        "data-slot": "viewport",
+                        class: ui.value.viewport({ class: unref(uiProp)?.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: unref(uiProp)?.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: [unref(uiProp)?.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: [unref(uiProp)?.separator, item.ui?.separator, item.class] })
+                                  }, null, 8, ["class"])) : (openBlock(), createBlock(unref(SelectItem), {
+                                    key: 2,
+                                    "data-slot": "item",
+                                    class: ui.value.item({ class: [unref(uiProp)?.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$m, {
+                                            key: 0,
+                                            name: item.icon,
+                                            "data-slot": "itemLeadingIcon",
+                                            class: ui.value.itemLeadingIcon({ class: [unref(uiProp)?.itemLeadingIcon, item.ui?.itemLeadingIcon] })
+                                          }, null, 8, ["name", "class"])) : isSelectItem(item) && item.avatar ? (openBlock(), createBlock(_sfc_main$k, mergeProps({
+                                            key: 1,
+                                            size: item.ui?.itemLeadingAvatarSize || unref(uiProp)?.itemLeadingAvatarSize || ui.value.itemLeadingAvatarSize()
+                                          }, { ref_for: true }, item.avatar, {
+                                            "data-slot": "itemLeadingAvatar",
+                                            class: ui.value.itemLeadingAvatar({ class: [unref(uiProp)?.itemLeadingAvatar, item.ui?.itemLeadingAvatar] })
+                                          }), null, 16, ["size", "class"])) : isSelectItem(item) && item.chip ? (openBlock(), createBlock(_sfc_main$l, mergeProps({
+                                            key: 2,
+                                            size: item.ui?.itemLeadingChipSize || unref(uiProp)?.itemLeadingChipSize || ui.value.itemLeadingChipSize(),
+                                            inset: "",
+                                            standalone: ""
+                                          }, { ref_for: true }, item.chip, {
+                                            "data-slot": "itemLeadingChip",
+                                            class: ui.value.itemLeadingChip({ class: [unref(uiProp)?.itemLeadingChip, item.ui?.itemLeadingChip] })
+                                          }), null, 16, ["size", "class"])) : createCommentVNode("", true)
+                                        ]),
+                                        createVNode("span", {
+                                          "data-slot": "itemWrapper",
+                                          class: ui.value.itemWrapper({ class: [unref(uiProp)?.itemWrapper, isSelectItem(item) && item.ui?.itemWrapper] })
+                                        }, [
+                                          createVNode(unref(SelectItemText), {
+                                            "data-slot": "itemLabel",
+                                            class: ui.value.itemLabel({ class: [unref(uiProp)?.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: [unref(uiProp)?.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: [unref(uiProp)?.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$m, {
+                                                name: __props.selectedIcon || unref(appConfig).ui.icons.check,
+                                                "data-slot": "itemTrailingIcon",
+                                                class: ui.value.itemTrailingIcon({ class: [unref(uiProp)?.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: unref(uiProp)?.arrow })
+                      }), null, 16, ["class"])) : createCommentVNode("", true)
+                    ]),
+                    _: 3
+                  }, 16, ["class"])
+                ]),
+                _: 3
+              }, 16)
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../../node_modules/@nuxt/ui/dist/runtime/components/Select.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IntegrationToolsTree",
+  __ssrInlineRender: true,
+  props: {
+    integrationType: {},
+    maxScope: {},
+    enabledToolsets: {},
+    disabledTools: {}
+  },
+  emits: ["update:enabledToolsets", "update:disabledTools"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const toolsets = ref([]);
+    const tools = ref([]);
+    const loading = ref(true);
+    const loadError = ref(false);
+    const expanded = ref(/* @__PURE__ */ new Set());
+    const effectiveToolsets = computed(() => {
+      if (toolsets.value.length)
+        return toolsets.value;
+      const discovered = Array.from(new Set(
+        tools.value.map((tool) => tool.toolset).filter((key) => !!key)
+      )).sort((a, b) => a.localeCompare(b));
+      if (!discovered.length && tools.value.length) {
+        return [{ key: "__all__", label: "All tools", description: "" }];
+      }
+      return discovered.map((key) => ({ key, label: key, description: "" }));
+    });
+    function scopeClass(scope) {
+      if (scope === "read") return "bg-blue-50 text-blue-600 dark:bg-blue-950 dark:text-blue-400";
+      if (scope === "write") return "bg-amber-50 text-amber-600 dark:bg-amber-950 dark:text-amber-400";
+      return "bg-red-50 text-red-600 dark:bg-red-950 dark:text-red-400";
+    }
+    function isToolsetEnabled(key) {
+      if (key === "__all__") {
+        return getToolsInSet("__all__").some((t) => !props.disabledTools.includes(t.name));
+      }
+      return props.enabledToolsets.includes(key);
+    }
+    function isToolEnabled(name) {
+      return !props.disabledTools.includes(name);
+    }
+    function isToolGreyed(tool) {
+      return props.maxScope === "read" && tool.scope !== "read";
+    }
+    function getToolsInSet(key) {
+      if (key === "__all__") return tools.value;
+      return tools.value.filter((t) => t.toolset === key);
+    }
+    function getActiveCount(key) {
+      return getToolsInSet(key).filter((t) => {
+        if (isToolGreyed(t)) return false;
+        if (props.disabledTools.includes(t.name)) return false;
+        return true;
+      }).length;
+    }
+    function toggleToolset(key, enabled) {
+      if (key === "__all__") {
+        const allNames = getToolsInSet("__all__").map((t) => t.name);
+        const current2 = props.disabledTools.filter((n) => !allNames.includes(n));
+        emit("update:disabledTools", enabled ? current2 : [...current2, ...allNames]);
+        return;
+      }
+      const current = [...props.enabledToolsets];
+      if (enabled) {
+        if (!current.includes(key)) current.push(key);
+      } else {
+        if (current.length > 1) {
+          const idx = current.indexOf(key);
+          if (idx >= 0) current.splice(idx, 1);
+        }
+      }
+      emit("update:enabledToolsets", current);
+    }
+    function toggleTool(name, enabled) {
+      const current = [...props.disabledTools];
+      if (enabled) {
+        const idx = current.indexOf(name);
+        if (idx >= 0) current.splice(idx, 1);
+      } else {
+        if (!current.includes(name)) current.push(name);
+      }
+      emit("update:disabledTools", current);
+    }
+    async function load() {
+      loading.value = true;
+      loadError.value = false;
+      try {
+        const [tsData, toolData] = await Promise.all([
+          $fetch(`/api/catalog/${props.integrationType}/toolsets`),
+          $fetch(`/api/catalog/${props.integrationType}/tools`)
+        ]);
+        toolsets.value = Object.entries(tsData || {}).map(([key, value]) => ({ key, label: value.label, description: value.description })).sort((a, b) => a.key.localeCompare(b.key));
+        tools.value = toolData || [];
+        if (effectiveToolsets.value.length)
+          expanded.value = /* @__PURE__ */ new Set([effectiveToolsets.value[0].key]);
+      } catch {
+        loadError.value = true;
+      } finally {
+        loading.value = false;
+      }
+    }
+    __expose({ toolsets: effectiveToolsets });
+    load();
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_USwitch = _sfc_main$3;
+      const _component_UIcon = _sfc_main$m;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "space-y-2" }, _attrs))}>`);
+      if (unref(loading)) {
+        _push(`<div class="text-sm text-muted py-2"> Loading tools… </div>`);
+      } else if (unref(loadError)) {
+        _push(`<div class="text-sm text-red-600 py-2"> Failed to load tools. </div>`);
+      } else if (!unref(effectiveToolsets).length) {
+        _push(`<div class="text-sm text-muted py-2"> No tools available for this integration. </div>`);
+      } else {
+        _push(`<!--[-->`);
+        ssrRenderList(unref(effectiveToolsets), (ts) => {
+          _push(`<div class="${ssrRenderClass([!isToolsetEnabled(ts.key) ? "opacity-50" : "", "rounded-lg overflow-hidden border border-[var(--ui-border)]"])}"><div class="${ssrRenderClass([isToolsetEnabled(ts.key) ? "border-l-primary" : "border-l-transparent", "flex items-center gap-3 px-3 py-2.5 bg-[var(--ui-bg-elevated)] border-l-4"])}">`);
+          _push(ssrRenderComponent(_component_USwitch, {
+            "model-value": isToolsetEnabled(ts.key),
+            size: "sm",
+            "onUpdate:modelValue": ($event) => toggleToolset(ts.key, $event)
+          }, null, _parent));
+          _push(`<button type="button" class="flex-1 flex items-center justify-between min-w-0 text-left"><div class="min-w-0"><span class="text-sm font-semibold">${ssrInterpolate(ts.label)}</span><span class="text-xs text-muted ml-2 font-normal">${ssrInterpolate(getActiveCount(ts.key))}/${ssrInterpolate(getToolsInSet(ts.key).length)} active </span>`);
+          if (ts.description) {
+            _push(`<span class="block text-xs text-muted mt-0.5">${ssrInterpolate(ts.description)}</span>`);
+          } else {
+            _push(`<!---->`);
+          }
+          _push(`</div>`);
+          _push(ssrRenderComponent(_component_UIcon, {
+            name: unref(expanded).has(ts.key) ? "i-lucide-chevron-up" : "i-lucide-chevron-down",
+            class: "text-muted shrink-0 ml-2"
+          }, null, _parent));
+          _push(`</button></div>`);
+          if (unref(expanded).has(ts.key)) {
+            _push(`<div class="border-t border-[var(--ui-border)]"><div class="ml-4 border-l-2 border-[var(--ui-border)]"><!--[-->`);
+            ssrRenderList(getToolsInSet(ts.key), (tool) => {
+              _push(`<div class="${ssrRenderClass([isToolGreyed(tool) ? "opacity-40" : "", "flex items-start gap-3 px-4 py-2.5 border-b border-[var(--ui-border)] last:border-b-0"])}">`);
+              _push(ssrRenderComponent(_component_USwitch, {
+                "model-value": isToolEnabled(tool.name),
+                disabled: isToolGreyed(tool) || !isToolsetEnabled(ts.key),
+                size: "xs",
+                class: "mt-0.5 shrink-0",
+                "onUpdate:modelValue": ($event) => toggleTool(tool.name, $event)
+              }, null, _parent));
+              _push(`<div class="min-w-0 flex-1"><div class="flex items-center gap-2 flex-wrap"><span class="text-sm font-medium">${ssrInterpolate(tool.displayName)}</span><span class="${ssrRenderClass([scopeClass(tool.scope), "text-[10px] px-1.5 py-0.5 rounded font-medium leading-tight"])}">${ssrInterpolate(tool.scope)}</span>`);
+              if (isToolGreyed(tool)) {
+                _push(`<span class="text-[10px] text-muted italic"> hidden by read-only </span>`);
+              } else {
+                _push(`<!---->`);
+              }
+              _push(`</div><p class="text-xs text-muted mt-0.5 leading-snug">${ssrInterpolate(tool.description)}</p><p class="text-[10px] font-mono text-muted/60 mt-0.5">${ssrInterpolate(tool.name)}</p></div></div>`);
+            });
+            _push(`<!--]--></div></div>`);
+          } else {
+            _push(`<!---->`);
+          }
+          _push(`</div>`);
+        });
+        _push(`<!--]-->`);
+      }
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/IntegrationToolsTree.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const __nuxt_component_3 = Object.assign(_sfc_main, { __name: "IntegrationToolsTree" });
+function useFetch(request, arg1, arg2) {
+  const [opts = {}, autoKey] = typeof arg1 === "string" ? [{}, arg1] : [arg1, arg2];
+  const _request = computed(() => toValue(request));
+  const key = computed(() => toValue(opts.key) || "$f" + hash([autoKey, typeof _request.value === "string" ? _request.value : "", ...generateOptionSegments(opts)]));
+  if (!opts.baseURL && typeof _request.value === "string" && (_request.value[0] === "/" && _request.value[1] === "/")) {
+    throw new Error('[nuxt] [useFetch] the request URL must not start with "//".');
+  }
+  const {
+    server,
+    lazy,
+    default: defaultFn,
+    transform,
+    pick,
+    watch: watchSources,
+    immediate,
+    getCachedData,
+    deep,
+    dedupe,
+    timeout,
+    ...fetchOptions
+  } = opts;
+  const _fetchOptions = reactive({
+    ...fetchDefaults,
+    ...fetchOptions,
+    cache: typeof opts.cache === "boolean" ? void 0 : opts.cache
+  });
+  const _asyncDataOptions = {
+    server,
+    lazy,
+    default: defaultFn,
+    transform,
+    pick,
+    immediate,
+    getCachedData,
+    deep,
+    dedupe,
+    timeout,
+    watch: watchSources === false ? [] : [...watchSources || [], _fetchOptions]
+  };
+  const asyncData = useAsyncData(watchSources === false ? key.value : key, (_, { signal }) => {
+    let _$fetch = opts.$fetch || globalThis.$fetch;
+    if (!opts.$fetch) {
+      const isLocalFetch = typeof _request.value === "string" && _request.value[0] === "/" && (!toValue(opts.baseURL) || toValue(opts.baseURL)[0] === "/");
+      if (isLocalFetch) {
+        _$fetch = useRequestFetch();
+      }
+    }
+    return _$fetch(_request.value, { signal, ..._fetchOptions });
+  }, _asyncDataOptions);
+  return asyncData;
+}
+function generateOptionSegments(opts) {
+  const segments = [
+    toValue(opts.method)?.toUpperCase() || "GET",
+    toValue(opts.baseURL)
+  ];
+  for (const _obj of [opts.query || opts.params]) {
+    const obj = toValue(_obj);
+    if (!obj) {
+      continue;
+    }
+    const unwrapped = {};
+    for (const [key, value] of Object.entries(obj)) {
+      unwrapped[toValue(key)] = toValue(value);
+    }
+    segments.push(unwrapped);
+  }
+  if (opts.body) {
+    const value = toValue(opts.body);
+    if (!value) {
+      segments.push(hash(value));
+    } else if (value instanceof ArrayBuffer) {
+      segments.push(hash(Object.fromEntries([...new Uint8Array(value).entries()].map(([k, v]) => [k, v.toString()]))));
+    } else if (value instanceof FormData) {
+      const obj = {};
+      for (const entry of value.entries()) {
+        const [key, val] = entry;
+        obj[key] = val instanceof File ? val.name : val;
+      }
+      segments.push(hash(obj));
+    } else if (isPlainObject(value)) {
+      segments.push(hash(reactive(value)));
+    } else {
+      try {
+        segments.push(hash(value));
+      } catch {
+        console.warn("[useFetch] Failed to hash body", value);
+      }
+    }
+  }
+  return segments;
+}
+
+export { _sfc_main$4 as _, _sfc_main$3 as a, __nuxt_component_3 as b, _sfc_main$2 as c, _sfc_main$1 as d, useFetch as u };
+//# sourceMappingURL=fetch-ZbqIFhDG.mjs.map