@brumaombra/ui-vintage 0.6.8 → 0.7.1

package/dist/select.js

@@ -1,2222 +0,0 @@
-import { defineComponent, toRefs, ref, computed, openBlock, createBlock, unref, withCtx, renderSlot, createElementBlock, createCommentVNode, Fragment, renderList, mergeProps, watch, createElementVNode, watchEffect, createVNode, withModifiers, resolveDynamicComponent, onMounted, nextTick, normalizeStyle, normalizeProps, guardReactiveProps, Teleport, createTextVNode, onUnmounted, onBeforeUnmount, toDisplayString, normalizeClass } from "vue";
-import { a as useForwardProps, u as useForwardPropsEmits } from "./useForwardPropsEmits-GlUGKcIz.js";
-import { c as createContext } from "./createContext-BabAT1K8.js";
-import { i as isNullish } from "./nullish-D3tMkl6i.js";
-import { u as useDirection } from "./useDirection-B2bMgzzV.js";
-import { u as useFormControl } from "./useFormControl-DZ4LnB9F.js";
-import { u as useCollection } from "./Collection-4P3HQ4uU.js";
-import { a as PopperRoot_default, b as PopperContent_default, P as PopperAnchor_default } from "./PopperContent-DUJ8a4i0.js";
-import { V as VisuallyHidden_default } from "./VisuallyHidden-udQT2Fmo.js";
-import { i as isEqual, u as useTypeahead } from "./useTypeahead-4RK0Emcv.js";
-import { a as useVModel, u as unrefElement, e as useResizeObserver } from "./index-Dw56kNV0.js";
-import { P as Presence_default } from "./Presence-CTmUEdMR.js";
-import { a as useBodyScrollLock, u as useHideOthers, F as FocusScope_default } from "./FocusScope-mzbqk6Y_.js";
-import { u as useFocusGuards } from "./useFocusGuards-2C1jyYW5.js";
-import { D as DismissableLayer_default, h as handleAndDispatchCustomEvent, T as Teleport_default } from "./Teleport-DTOwRCqx.js";
-import { f as focusFirst } from "./utils-DbR1EZn-.js";
-import { c as clamp } from "./clamp-D5Ye0kJT.js";
-import { u as useForwardExpose } from "./useForwardExpose-BcX3VRdS.js";
-import { P as Primitive } from "./Primitive-D3IcFg81.js";
-import { u as useNonce } from "./useNonce-CWj1JlPB.js";
-import { c as cn } from "./utils-DbYZ4xaD.js";
-import { T as TWr, a as dn, C as CC } from "./index.min-CUZWqaEQ.js";
-import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
-import { g as getActiveElement } from "./getActiveElement-Bmy6QsUb.js";
-import { r as reactiveOmit } from "./index-DDJjWaIl.js";
-import { u as useId } from "./useId-CF6wz41D.js";
-const OPEN_KEYS = [
-  " ",
-  "Enter",
-  "ArrowUp",
-  "ArrowDown"
-];
-const SELECTION_KEYS = [" ", "Enter"];
-const CONTENT_MARGIN = 10;
-function valueComparator(value, currentValue, comparator) {
-  if (value === void 0) return false;
-  else if (Array.isArray(value)) return value.some((val) => compare(val, currentValue, comparator));
-  else return compare(value, currentValue, comparator);
-}
-function compare(value, currentValue, comparator) {
-  if (value === void 0 || currentValue === void 0) return false;
-  if (typeof value === "string") return value === currentValue;
-  if (typeof comparator === "function") return comparator(value, currentValue);
-  if (typeof comparator === "string") return (value == null ? void 0 : value[comparator]) === (currentValue == null ? void 0 : currentValue[comparator]);
-  return isEqual(value, currentValue);
-}
-function shouldShowPlaceholder(value) {
-  return value === void 0 || value === null || value === "" || Array.isArray(value) && value.length === 0;
-}
-const _hoisted_1$4 = {
-  key: 0,
-  value: ""
-};
-const [injectSelectRootContext, provideSelectRootContext] = createContext("SelectRoot");
-var SelectRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  inheritAttrs: false,
-  __name: "SelectRoot",
-  props: {
-    open: {
-      type: Boolean,
-      required: false,
-      default: void 0
-    },
-    defaultOpen: {
-      type: Boolean,
-      required: false
-    },
-    defaultValue: {
-      type: null,
-      required: false
-    },
-    modelValue: {
-      type: null,
-      required: false,
-      default: void 0
-    },
-    by: {
-      type: [String, Function],
-      required: false
-    },
-    dir: {
-      type: String,
-      required: false
-    },
-    multiple: {
-      type: Boolean,
-      required: false
-    },
-    autocomplete: {
-      type: String,
-      required: false
-    },
-    disabled: {
-      type: Boolean,
-      required: false
-    },
-    name: {
-      type: String,
-      required: false
-    },
-    required: {
-      type: Boolean,
-      required: false
-    }
-  },
-  emits: ["update:modelValue", "update:open"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { required, disabled, multiple, dir: propDir } = toRefs(props);
-    const modelValue = useVModel(props, "modelValue", emits, {
-      defaultValue: props.defaultValue ?? (multiple.value ? [] : void 0),
-      passive: props.modelValue === void 0,
-      deep: true
-    });
-    const open = useVModel(props, "open", emits, {
-      defaultValue: props.defaultOpen,
-      passive: props.open === void 0
-    });
-    const triggerElement = ref();
-    const valueElement = ref();
-    const triggerPointerDownPosRef = ref({
-      x: 0,
-      y: 0
-    });
-    const isEmptyModelValue = computed(() => {
-      var _a;
-      if (multiple.value && Array.isArray(modelValue.value)) return ((_a = modelValue.value) == null ? void 0 : _a.length) === 0;
-      else return isNullish(modelValue.value);
-    });
-    useCollection({ isProvider: true });
-    const dir = useDirection(propDir);
-    const isFormControl = useFormControl(triggerElement);
-    const optionsSet = ref(/* @__PURE__ */ new Set());
-    const nativeSelectKey = computed(() => {
-      return Array.from(optionsSet.value).map((option) => option.value).join(";");
-    });
-    function handleValueChange(value) {
-      if (multiple.value) {
-        const array = Array.isArray(modelValue.value) ? [...modelValue.value] : [];
-        const index = array.findIndex((i) => compare(i, value, props.by));
-        index === -1 ? array.push(value) : array.splice(index, 1);
-        modelValue.value = [...array];
-      } else modelValue.value = value;
-    }
-    function getOption(value) {
-      return Array.from(optionsSet.value).find((option) => valueComparator(value, option.value, props.by));
-    }
-    provideSelectRootContext({
-      triggerElement,
-      onTriggerChange: (node) => {
-        triggerElement.value = node;
-      },
-      valueElement,
-      onValueElementChange: (node) => {
-        valueElement.value = node;
-      },
-      contentId: "",
-      modelValue,
-      onValueChange: handleValueChange,
-      by: props.by,
-      open,
-      multiple,
-      required,
-      onOpenChange: (value) => {
-        open.value = value;
-      },
-      dir,
-      triggerPointerDownPosRef,
-      disabled,
-      isEmptyModelValue,
-      optionsSet,
-      onOptionAdd: (option) => {
-        const existingOption = getOption(option.value);
-        if (existingOption) optionsSet.value.delete(existingOption);
-        optionsSet.value.add(option);
-      },
-      onOptionRemove: (option) => {
-        const existingOption = getOption(option.value);
-        if (existingOption) optionsSet.value.delete(existingOption);
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(PopperRoot_default), null, {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
-          modelValue: unref(modelValue),
-          open: unref(open)
-        }), unref(isFormControl) ? (openBlock(), createBlock(BubbleSelect_default, {
-          key: nativeSelectKey.value,
-          "aria-hidden": "true",
-          tabindex: "-1",
-          multiple: unref(multiple),
-          required: unref(required),
-          name: _ctx.name,
-          autocomplete: _ctx.autocomplete,
-          disabled: unref(disabled),
-          value: unref(modelValue)
-        }, {
-          default: withCtx(() => [unref(isNullish)(unref(modelValue)) ? (openBlock(), createElementBlock("option", _hoisted_1$4)) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(Array.from(optionsSet.value), (option) => {
-            return openBlock(), createElementBlock("option", mergeProps({ key: option.value ?? "" }, { ref_for: true }, option), null, 16);
-          }), 128))]),
-          _: 1
-        }, 8, [
-          "multiple",
-          "required",
-          "name",
-          "autocomplete",
-          "disabled",
-          "value"
-        ])) : createCommentVNode("v-if", true)]),
-        _: 3
-      });
-    };
-  }
-});
-var SelectRoot_default = SelectRoot_vue_vue_type_script_setup_true_lang_default;
-var BubbleSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "BubbleSelect",
-  props: {
-    autocomplete: {
-      type: String,
-      required: false
-    },
-    autofocus: {
-      type: Boolean,
-      required: false
-    },
-    disabled: {
-      type: Boolean,
-      required: false
-    },
-    form: {
-      type: String,
-      required: false
-    },
-    multiple: {
-      type: Boolean,
-      required: false
-    },
-    name: {
-      type: String,
-      required: false
-    },
-    required: {
-      type: Boolean,
-      required: false
-    },
-    size: {
-      type: Number,
-      required: false
-    },
-    value: {
-      type: null,
-      required: false
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const selectElement = ref();
-    const rootContext = injectSelectRootContext();
-    watch(() => props.value, (cur, prev) => {
-      const selectProto = window.HTMLSelectElement.prototype;
-      const descriptor = Object.getOwnPropertyDescriptor(selectProto, "value");
-      const setValue = descriptor.set;
-      if (cur !== prev && setValue && selectElement.value) {
-        const event = new Event("change", { bubbles: true });
-        setValue.call(selectElement.value, cur);
-        selectElement.value.dispatchEvent(event);
-      }
-    });
-    function handleInput(event) {
-      rootContext.onValueChange(event.target.value);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(VisuallyHidden_default), { "as-child": "" }, {
-        default: withCtx(() => [createElementVNode("select", mergeProps({
-          ref_key: "selectElement",
-          ref: selectElement
-        }, props, { onInput: handleInput }), [renderSlot(_ctx.$slots, "default")], 16)]),
-        _: 3
-      });
-    };
-  }
-});
-var BubbleSelect_default = BubbleSelect_vue_vue_type_script_setup_true_lang_default;
-var SelectPopperPosition_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "SelectPopperPosition",
-  props: {
-    side: {
-      type: null,
-      required: false
-    },
-    sideOffset: {
-      type: Number,
-      required: false
-    },
-    sideFlip: {
-      type: Boolean,
-      required: false
-    },
-    align: {
-      type: null,
-      required: false,
-      default: "start"
-    },
-    alignOffset: {
-      type: Number,
-      required: false
-    },
-    alignFlip: {
-      type: Boolean,
-      required: false
-    },
-    avoidCollisions: {
-      type: Boolean,
-      required: false
-    },
-    collisionBoundary: {
-      type: null,
-      required: false
-    },
-    collisionPadding: {
-      type: [Number, Object],
-      required: false,
-      default: CONTENT_MARGIN
-    },
-    arrowPadding: {
-      type: Number,
-      required: false
-    },
-    hideShiftedArrow: {
-      type: Boolean,
-      required: false
-    },
-    sticky: {
-      type: String,
-      required: false
-    },
-    hideWhenDetached: {
-      type: Boolean,
-      required: false
-    },
-    positionStrategy: {
-      type: String,
-      required: false
-    },
-    updatePositionStrategy: {
-      type: String,
-      required: false
-    },
-    disableUpdateOnLayoutShift: {
-      type: Boolean,
-      required: false
-    },
-    prioritizePosition: {
-      type: Boolean,
-      required: false
-    },
-    reference: {
-      type: null,
-      required: false
-    },
-    asChild: {
-      type: Boolean,
-      required: false
-    },
-    as: {
-      type: null,
-      required: false
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const forwarded = useForwardProps(props);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(PopperContent_default), mergeProps(unref(forwarded), { style: {
-        "boxSizing": "border-box",
-        "--reka-select-content-transform-origin": "var(--reka-popper-transform-origin)",
-        "--reka-select-content-available-width": "var(--reka-popper-available-width)",
-        "--reka-select-content-available-height": "var(--reka-popper-available-height)",
-        "--reka-select-trigger-width": "var(--reka-popper-anchor-width)",
-        "--reka-select-trigger-height": "var(--reka-popper-anchor-height)"
-      } }), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-var SelectPopperPosition_default = SelectPopperPosition_vue_vue_type_script_setup_true_lang_default;
-const SelectContentDefaultContextValue = {
-  onViewportChange: () => {
-  },
-  itemTextRefCallback: () => {
-  },
-  itemRefCallback: () => {
-  }
-};
-const [injectSelectContentContext, provideSelectContentContext] = createContext("SelectContent");
-var SelectContentImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "SelectContentImpl",
-  props: {
-    position: {
-      type: String,
-      required: false,
-      default: "item-aligned"
-    },
-    bodyLock: {
-      type: Boolean,
-      required: false,
-      default: true
-    },
-    side: {
-      type: null,
-      required: false
-    },
-    sideOffset: {
-      type: Number,
-      required: false
-    },
-    sideFlip: {
-      type: Boolean,
-      required: false
-    },
-    align: {
-      type: null,
-      required: false,
-      default: "start"
-    },
-    alignOffset: {
-      type: Number,
-      required: false
-    },
-    alignFlip: {
-      type: Boolean,
-      required: false
-    },
-    avoidCollisions: {
-      type: Boolean,
-      required: false
-    },
-    collisionBoundary: {
-      type: null,
-      required: false
-    },
-    collisionPadding: {
-      type: [Number, Object],
-      required: false
-    },
-    arrowPadding: {
-      type: Number,
-      required: false
-    },
-    hideShiftedArrow: {
-      type: Boolean,
-      required: false
-    },
-    sticky: {
-      type: String,
-      required: false
-    },
-    hideWhenDetached: {
-      type: Boolean,
-      required: false
-    },
-    positionStrategy: {
-      type: String,
-      required: false
-    },
-    updatePositionStrategy: {
-      type: String,
-      required: false
-    },
-    disableUpdateOnLayoutShift: {
-      type: Boolean,
-      required: false
-    },
-    prioritizePosition: {
-      type: Boolean,
-      required: false
-    },
-    reference: {
-      type: null,
-      required: false
-    },
-    asChild: {
-      type: Boolean,
-      required: false
-    },
-    as: {
-      type: null,
-      required: false
-    },
-    disableOutsidePointerEvents: {
-      type: Boolean,
-      required: false,
-      default: true
-    }
-  },
-  emits: [
-    "closeAutoFocus",
-    "escapeKeyDown",
-    "pointerDownOutside"
-  ],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const rootContext = injectSelectRootContext();
-    useFocusGuards();
-    useBodyScrollLock(props.bodyLock);
-    const { CollectionSlot, getItems } = useCollection();
-    const content = ref();
-    useHideOthers(content);
-    const { search, handleTypeaheadSearch } = useTypeahead();
-    const viewport = ref();
-    const selectedItem = ref();
-    const selectedItemText = ref();
-    const isPositioned = ref(false);
-    const firstValidItemFoundRef = ref(false);
-    const firstSelectedItemInArrayFoundRef = ref(false);
-    function focusSelectedItem() {
-      if (selectedItem.value && content.value) focusFirst([selectedItem.value, content.value]);
-    }
-    watch(isPositioned, () => {
-      focusSelectedItem();
-    });
-    const { onOpenChange, triggerPointerDownPosRef } = rootContext;
-    watchEffect((cleanupFn) => {
-      if (!content.value) return;
-      let pointerMoveDelta = {
-        x: 0,
-        y: 0
-      };
-      const handlePointerMove = (event) => {
-        var _a, _b;
-        pointerMoveDelta = {
-          x: Math.abs(Math.round(event.pageX) - (((_a = triggerPointerDownPosRef.value) == null ? void 0 : _a.x) ?? 0)),
-          y: Math.abs(Math.round(event.pageY) - (((_b = triggerPointerDownPosRef.value) == null ? void 0 : _b.y) ?? 0))
-        };
-      };
-      const handlePointerUp = (event) => {
-        var _a;
-        if (event.pointerType === "touch") return;
-        if (pointerMoveDelta.x <= 10 && pointerMoveDelta.y <= 10) event.preventDefault();
-        else if (!((_a = content.value) == null ? void 0 : _a.contains(event.target))) onOpenChange(false);
-        document.removeEventListener("pointermove", handlePointerMove);
-        triggerPointerDownPosRef.value = null;
-      };
-      if (triggerPointerDownPosRef.value !== null) {
-        document.addEventListener("pointermove", handlePointerMove);
-        document.addEventListener("pointerup", handlePointerUp, {
-          capture: true,
-          once: true
-        });
-      }
-      cleanupFn(() => {
-        document.removeEventListener("pointermove", handlePointerMove);
-        document.removeEventListener("pointerup", handlePointerUp, { capture: true });
-      });
-    });
-    function handleKeyDown(event) {
-      const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
-      if (event.key === "Tab") event.preventDefault();
-      if (!isModifierKey && event.key.length === 1) handleTypeaheadSearch(event.key, getItems());
-      if ([
-        "ArrowUp",
-        "ArrowDown",
-        "Home",
-        "End"
-      ].includes(event.key)) {
-        const collectionItems = getItems().map((i) => i.ref);
-        let candidateNodes = [...collectionItems];
-        if (["ArrowUp", "End"].includes(event.key)) candidateNodes = candidateNodes.slice().reverse();
-        if (["ArrowUp", "ArrowDown"].includes(event.key)) {
-          const currentElement = event.target;
-          const currentIndex = candidateNodes.indexOf(currentElement);
-          candidateNodes = candidateNodes.slice(currentIndex + 1);
-        }
-        setTimeout(() => focusFirst(candidateNodes));
-        event.preventDefault();
-      }
-    }
-    const pickedProps = computed(() => {
-      if (props.position === "popper") return props;
-      else return {};
-    });
-    const forwardedProps = useForwardProps(pickedProps.value);
-    provideSelectContentContext({
-      content,
-      viewport,
-      onViewportChange: (node) => {
-        viewport.value = node;
-      },
-      itemRefCallback: (node, value, disabled) => {
-        const isFirstValidItem = !firstValidItemFoundRef.value && !disabled;
-        const isSelectedItem = valueComparator(rootContext.modelValue.value, value, rootContext.by);
-        if (rootContext.multiple.value) {
-          if (firstSelectedItemInArrayFoundRef.value) return;
-          if (isSelectedItem || isFirstValidItem) {
-            selectedItem.value = node;
-            if (isSelectedItem) firstSelectedItemInArrayFoundRef.value = true;
-          }
-        } else if (isSelectedItem || isFirstValidItem) selectedItem.value = node;
-        if (isFirstValidItem) firstValidItemFoundRef.value = true;
-      },
-      selectedItem,
-      selectedItemText,
-      onItemLeave: () => {
-        var _a;
-        (_a = content.value) == null ? void 0 : _a.focus();
-      },
-      itemTextRefCallback: (node, value, disabled) => {
-        const isFirstValidItem = !firstValidItemFoundRef.value && !disabled;
-        const isSelectedItem = valueComparator(rootContext.modelValue.value, value, rootContext.by);
-        if (isSelectedItem || isFirstValidItem) selectedItemText.value = node;
-      },
-      focusSelectedItem,
-      position: props.position,
-      isPositioned,
-      searchRef: search
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(CollectionSlot), null, {
-        default: withCtx(() => [createVNode(unref(FocusScope_default), {
-          "as-child": "",
-          onMountAutoFocus: _cache[6] || (_cache[6] = withModifiers(() => {
-          }, ["prevent"])),
-          onUnmountAutoFocus: _cache[7] || (_cache[7] = (event) => {
-            var _a;
-            emits("closeAutoFocus", event);
-            if (event.defaultPrevented) return;
-            (_a = unref(rootContext).triggerElement.value) == null ? void 0 : _a.focus({ preventScroll: true });
-            event.preventDefault();
-          })
-        }, {
-          default: withCtx(() => [createVNode(unref(DismissableLayer_default), {
-            "as-child": "",
-            "disable-outside-pointer-events": _ctx.disableOutsidePointerEvents,
-            onFocusOutside: _cache[2] || (_cache[2] = withModifiers(() => {
-            }, ["prevent"])),
-            onDismiss: _cache[3] || (_cache[3] = ($event) => unref(rootContext).onOpenChange(false)),
-            onEscapeKeyDown: _cache[4] || (_cache[4] = ($event) => emits("escapeKeyDown", $event)),
-            onPointerDownOutside: _cache[5] || (_cache[5] = ($event) => emits("pointerDownOutside", $event))
-          }, {
-            default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(_ctx.position === "popper" ? SelectPopperPosition_default : SelectItemAlignedPosition_default), mergeProps({
-              ..._ctx.$attrs,
-              ...unref(forwardedProps)
-            }, {
-              id: unref(rootContext).contentId,
-              ref: (vnode) => {
-                const el = unref(unrefElement)(vnode);
-                if (el == null ? void 0 : el.hasAttribute("data-reka-popper-content-wrapper")) content.value = el.firstElementChild;
-                else content.value = el;
-                return void 0;
-              },
-              role: "listbox",
-              "data-state": unref(rootContext).open.value ? "open" : "closed",
-              dir: unref(rootContext).dir.value,
-              style: {
-                display: "flex",
-                flexDirection: "column",
-                outline: "none"
-              },
-              onContextmenu: _cache[0] || (_cache[0] = withModifiers(() => {
-              }, ["prevent"])),
-              onPlaced: _cache[1] || (_cache[1] = ($event) => isPositioned.value = true),
-              onKeydown: handleKeyDown
-            }), {
-              default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-              _: 3
-            }, 16, [
-              "id",
-              "data-state",
-              "dir",
-              "onKeydown"
-            ]))]),
-            _: 3
-          }, 8, ["disable-outside-pointer-events"])]),
-          _: 3
-        })]),
-        _: 3
-      });
-    };
-  }
-});
-var SelectContentImpl_default = SelectContentImpl_vue_vue_type_script_setup_true_lang_default;
-const [injectSelectItemAlignedPositionContext, provideSelectItemAlignedPositionContext] = createContext("SelectItemAlignedPosition");
-var SelectItemAlignedPosition_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  inheritAttrs: false,
-  __name: "SelectItemAlignedPosition",
-  props: {
-    asChild: {
-      type: Boolean,
-      required: false
-    },
-    as: {
-      type: null,
-      required: false
-    }
-  },
-  emits: ["placed"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { getItems } = useCollection();
-    const rootContext = injectSelectRootContext();
-    const contentContext = injectSelectContentContext();
-    const shouldExpandOnScrollRef = ref(false);
-    const shouldRepositionRef = ref(true);
-    const contentWrapperElement = ref();
-    const { forwardRef, currentElement: contentElement } = useForwardExpose();
-    const { viewport, selectedItem, selectedItemText, focusSelectedItem } = contentContext;
-    function position() {
-      if (rootContext.triggerElement.value && rootContext.valueElement.value && contentWrapperElement.value && contentElement.value && (viewport == null ? void 0 : viewport.value) && (selectedItem == null ? void 0 : selectedItem.value) && (selectedItemText == null ? void 0 : selectedItemText.value)) {
-        const triggerRect = rootContext.triggerElement.value.getBoundingClientRect();
-        const contentRect = contentElement.value.getBoundingClientRect();
-        const valueNodeRect = rootContext.valueElement.value.getBoundingClientRect();
-        const itemTextRect = selectedItemText.value.getBoundingClientRect();
-        if (rootContext.dir.value !== "rtl") {
-          const itemTextOffset = itemTextRect.left - contentRect.left;
-          const left = valueNodeRect.left - itemTextOffset;
-          const leftDelta = triggerRect.left - left;
-          const minContentWidth = triggerRect.width + leftDelta;
-          const contentWidth = Math.max(minContentWidth, contentRect.width);
-          const rightEdge = window.innerWidth - CONTENT_MARGIN;
-          const clampedLeft = clamp(left, CONTENT_MARGIN, Math.max(CONTENT_MARGIN, rightEdge - contentWidth));
-          contentWrapperElement.value.style.minWidth = `${minContentWidth}px`;
-          contentWrapperElement.value.style.left = `${clampedLeft}px`;
-        } else {
-          const itemTextOffset = contentRect.right - itemTextRect.right;
-          const right = window.innerWidth - valueNodeRect.right - itemTextOffset;
-          const rightDelta = window.innerWidth - triggerRect.right - right;
-          const minContentWidth = triggerRect.width + rightDelta;
-          const contentWidth = Math.max(minContentWidth, contentRect.width);
-          const leftEdge = window.innerWidth - CONTENT_MARGIN;
-          const clampedRight = clamp(right, CONTENT_MARGIN, Math.max(CONTENT_MARGIN, leftEdge - contentWidth));
-          contentWrapperElement.value.style.minWidth = `${minContentWidth}px`;
-          contentWrapperElement.value.style.right = `${clampedRight}px`;
-        }
-        const items = getItems().map((i) => i.ref);
-        const availableHeight = window.innerHeight - CONTENT_MARGIN * 2;
-        const itemsHeight = viewport.value.scrollHeight;
-        const contentStyles = window.getComputedStyle(contentElement.value);
-        const contentBorderTopWidth = Number.parseInt(contentStyles.borderTopWidth, 10);
-        const contentPaddingTop = Number.parseInt(contentStyles.paddingTop, 10);
-        const contentBorderBottomWidth = Number.parseInt(contentStyles.borderBottomWidth, 10);
-        const contentPaddingBottom = Number.parseInt(contentStyles.paddingBottom, 10);
-        const fullContentHeight = contentBorderTopWidth + contentPaddingTop + itemsHeight + contentPaddingBottom + contentBorderBottomWidth;
-        const minContentHeight = Math.min(selectedItem.value.offsetHeight * 5, fullContentHeight);
-        const viewportStyles = window.getComputedStyle(viewport.value);
-        const viewportPaddingTop = Number.parseInt(viewportStyles.paddingTop, 10);
-        const viewportPaddingBottom = Number.parseInt(viewportStyles.paddingBottom, 10);
-        const topEdgeToTriggerMiddle = triggerRect.top + triggerRect.height / 2 - CONTENT_MARGIN;
-        const triggerMiddleToBottomEdge = availableHeight - topEdgeToTriggerMiddle;
-        const selectedItemHalfHeight = selectedItem.value.offsetHeight / 2;
-        const itemOffsetMiddle = selectedItem.value.offsetTop + selectedItemHalfHeight;
-        const contentTopToItemMiddle = contentBorderTopWidth + contentPaddingTop + itemOffsetMiddle;
-        const itemMiddleToContentBottom = fullContentHeight - contentTopToItemMiddle;
-        const willAlignWithoutTopOverflow = contentTopToItemMiddle <= topEdgeToTriggerMiddle;
-        if (willAlignWithoutTopOverflow) {
-          const isLastItem = selectedItem.value === items[items.length - 1];
-          contentWrapperElement.value.style.bottom = `0px`;
-          const viewportOffsetBottom = contentElement.value.clientHeight - viewport.value.offsetTop - viewport.value.offsetHeight;
-          const clampedTriggerMiddleToBottomEdge = Math.max(triggerMiddleToBottomEdge, selectedItemHalfHeight + (isLastItem ? viewportPaddingBottom : 0) + viewportOffsetBottom + contentBorderBottomWidth);
-          const height = contentTopToItemMiddle + clampedTriggerMiddleToBottomEdge;
-          contentWrapperElement.value.style.height = `${height}px`;
-        } else {
-          const isFirstItem = selectedItem.value === items[0];
-          contentWrapperElement.value.style.top = `0px`;
-          const clampedTopEdgeToTriggerMiddle = Math.max(topEdgeToTriggerMiddle, contentBorderTopWidth + viewport.value.offsetTop + (isFirstItem ? viewportPaddingTop : 0) + selectedItemHalfHeight);
-          const height = clampedTopEdgeToTriggerMiddle + itemMiddleToContentBottom;
-          contentWrapperElement.value.style.height = `${height}px`;
-          viewport.value.scrollTop = contentTopToItemMiddle - topEdgeToTriggerMiddle + viewport.value.offsetTop;
-        }
-        contentWrapperElement.value.style.margin = `${CONTENT_MARGIN}px 0`;
-        contentWrapperElement.value.style.minHeight = `${minContentHeight}px`;
-        contentWrapperElement.value.style.maxHeight = `${availableHeight}px`;
-        emits("placed");
-        requestAnimationFrame(() => shouldExpandOnScrollRef.value = true);
-      }
-    }
-    const contentZIndex = ref("");
-    onMounted(async () => {
-      await nextTick();
-      position();
-      if (contentElement.value) contentZIndex.value = window.getComputedStyle(contentElement.value).zIndex;
-    });
-    function handleScrollButtonChange(node) {
-      if (node && shouldRepositionRef.value === true) {
-        position();
-        focusSelectedItem == null ? void 0 : focusSelectedItem();
-        shouldRepositionRef.value = false;
-      }
-    }
-    useResizeObserver(rootContext.triggerElement, () => {
-      position();
-    });
-    provideSelectItemAlignedPositionContext({
-      contentWrapper: contentWrapperElement,
-      shouldExpandOnScrollRef,
-      onScrollButtonChange: handleScrollButtonChange
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "contentWrapperElement",
-        ref: contentWrapperElement,
-        style: normalizeStyle({
-          display: "flex",
-          flexDirection: "column",
-          position: "fixed",
-          zIndex: contentZIndex.value
-        })
-      }, [createVNode(unref(Primitive), mergeProps({
-        ref: unref(forwardRef),
-        style: {
-          boxSizing: "border-box",
-          maxHeight: "100%"
-        }
-      }, {
-        ..._ctx.$attrs,
-        ...props
-      }), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16)], 4);
-    };
-  }
-});
-var SelectItemAlignedPosition_default = SelectItemAlignedPosition_vue_vue_type_script_setup_true_lang_default;
-var SelectProvider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  inheritAttrs: false,
-  __name: "SelectProvider",
-  props: { context: {
-    type: Object,
-    required: true
-  } },
-  setup(__props) {
-    const props = __props;
-    provideSelectRootContext(props.context);
-    provideSelectContentContext(SelectContentDefaultContextValue);
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default");
-    };
-  }
-});
-var SelectProvider_default = SelectProvider_vue_vue_type_script_setup_true_lang_default;
-const _hoisted_1$3 = { key: 1 };
-var SelectContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  inheritAttrs: false,
-  __name: "SelectContent",
-  props: {
-    forceMount: {
-      type: Boolean,
-      required: false
-    },
-    position: {
-      type: String,
-      required: false
-    },
-    bodyLock: {
-      type: Boolean,
-      required: false
-    },
-    side: {
-      type: null,
-      required: false
-    },
-    sideOffset: {
-      type: Number,
-      required: false
-    },
-    sideFlip: {
-      type: Boolean,
-      required: false
-    },
-    align: {
-      type: null,
-      required: false
-    },
-    alignOffset: {
-      type: Number,
-      required: false
-    },
-    alignFlip: {
-      type: Boolean,
-      required: false
-    },
-    avoidCollisions: {
-      type: Boolean,
-      required: false
-    },
-    collisionBoundary: {
-      type: null,
-      required: false
-    },
-    collisionPadding: {
-      type: [Number, Object],
-      required: false
-    },
-    arrowPadding: {
-      type: Number,
-      required: false
-    },
-    hideShiftedArrow: {
-      type: Boolean,
-      required: false
-    },
-    sticky: {
-      type: String,
-      required: false
-    },
-    hideWhenDetached: {
-      type: Boolean,
-      required: false
-    },
-    positionStrategy: {
-      type: String,
-      required: false
-    },
-    updatePositionStrategy: {
-      type: String,
-      required: false
-    },
-    disableUpdateOnLayoutShift: {
-      type: Boolean,
-      required: false
-    },
-    prioritizePosition: {
-      type: Boolean,
-      required: false
-    },
-    reference: {
-      type: null,
-      required: false
-    },
-    asChild: {
-      type: Boolean,
-      required: false
-    },
-    as: {
-      type: null,
-      required: false
-    },
-    disableOutsidePointerEvents: {
-      type: Boolean,
-      required: false
-    }
-  },
-  emits: [
-    "closeAutoFocus",
-    "escapeKeyDown",
-    "pointerDownOutside"
-  ],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const forwarded = useForwardPropsEmits(props, emits);
-    const rootContext = injectSelectRootContext();
-    const fragment = ref();
-    onMounted(() => {
-      fragment.value = new DocumentFragment();
-    });
-    const presenceRef = ref();
-    const present = computed(() => props.forceMount || rootContext.open.value);
-    const renderPresence = ref(present.value);
-    watch(present, () => {
-      setTimeout(() => renderPresence.value = present.value);
-    });
-    return (_ctx, _cache) => {
-      var _a;
-      return present.value || renderPresence.value || ((_a = presenceRef.value) == null ? void 0 : _a.present) ? (openBlock(), createBlock(unref(Presence_default), {
-        key: 0,
-        ref_key: "presenceRef",
-        ref: presenceRef,
-        present: present.value
-      }, {
-        default: withCtx(() => [createVNode(SelectContentImpl_default, normalizeProps(guardReactiveProps({
-          ...unref(forwarded),
-          ..._ctx.$attrs
-        })), {
-          default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-          _: 3
-        }, 16)]),
-        _: 3
-      }, 8, ["present"])) : fragment.value ? (openBlock(), createElementBlock("div", _hoisted_1$3, [(openBlock(), createBlock(Teleport, { to: fragment.value }, [createVNode(SelectProvider_default, { context: unref(rootContext) }, {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 8, ["context"])], 8, ["to"]))])) : createCommentVNode("v-if", true);
-    };
-  }
-});
-var SelectContent_default = SelectContent_vue_vue_type_script_setup_true_lang_default;
-const [injectSelectGroupContext, provideSelectGroupContext] = createContext("SelectGroup");
-var SelectGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "SelectGroup",
-  props: {
-    asChild: {
-      type: Boolean,
-      required: false
-    },
-    as: {
-      type: null,
-      required: false
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const id = useId(void 0, "reka-select-group");
-    provideSelectGroupContext({ id });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), mergeProps({ role: "group" }, props, { "aria-labelledby": unref(id) }), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16, ["aria-labelledby"]);
-    };
-  }
-});
-var SelectGroup_default = SelectGroup_vue_vue_type_script_setup_true_lang_default;
-var SelectIcon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "SelectIcon",
-  props: {
-    asChild: {
-      type: Boolean,
-      required: false
-    },
-    as: {
-      type: null,
-      required: false,
-      default: "span"
-    }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        "aria-hidden": "true",
-        as: _ctx.as,
-        "as-child": _ctx.asChild
-      }, {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode("▼"))])]),
-        _: 3
-      }, 8, ["as", "as-child"]);
-    };
-  }
-});
-var SelectIcon_default = SelectIcon_vue_vue_type_script_setup_true_lang_default;
-const [injectSelectItemContext, provideSelectItemContext] = createContext("SelectItem");
-var SelectItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "SelectItem",
-  props: {
-    value: {
-      type: null,
-      required: true
-    },
-    disabled: {
-      type: Boolean,
-      required: false
-    },
-    textValue: {
-      type: String,
-      required: false
-    },
-    asChild: {
-      type: Boolean,
-      required: false
-    },
-    as: {
-      type: null,
-      required: false
-    }
-  },
-  emits: ["select"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { disabled } = toRefs(props);
-    const rootContext = injectSelectRootContext();
-    const contentContext = injectSelectContentContext();
-    const { forwardRef, currentElement } = useForwardExpose();
-    const { CollectionItem } = useCollection();
-    const isSelected = computed(() => {
-      var _a;
-      return valueComparator((_a = rootContext.modelValue) == null ? void 0 : _a.value, props.value, rootContext.by);
-    });
-    const isFocused = ref(false);
-    const textValue = ref(props.textValue ?? "");
-    const textId = useId(void 0, "reka-select-item-text");
-    const SELECT_SELECT = "select.select";
-    async function handleSelectCustomEvent(ev) {
-      if (ev.defaultPrevented) return;
-      const eventDetail = {
-        originalEvent: ev,
-        value: props.value
-      };
-      handleAndDispatchCustomEvent(SELECT_SELECT, handleSelect, eventDetail);
-    }
-    async function handleSelect(ev) {
-      await nextTick();
-      emits("select", ev);
-      if (ev.defaultPrevented) return;
-      if (!disabled.value) {
-        rootContext.onValueChange(props.value);
-        if (!rootContext.multiple.value) rootContext.onOpenChange(false);
-      }
-    }
-    async function handlePointerMove(event) {
-      var _a, _b;
-      await nextTick();
-      if (event.defaultPrevented) return;
-      if (disabled.value) (_a = contentContext.onItemLeave) == null ? void 0 : _a.call(contentContext);
-      else (_b = event.currentTarget) == null ? void 0 : _b.focus({ preventScroll: true });
-    }
-    async function handlePointerLeave(event) {
-      var _a;
-      await nextTick();
-      if (event.defaultPrevented) return;
-      if (event.currentTarget === getActiveElement()) (_a = contentContext.onItemLeave) == null ? void 0 : _a.call(contentContext);
-    }
-    async function handleKeyDown(event) {
-      var _a;
-      await nextTick();
-      if (event.defaultPrevented) return;
-      const isTypingAhead = ((_a = contentContext.searchRef) == null ? void 0 : _a.value) !== "";
-      if (isTypingAhead && event.key === " ") return;
-      if (SELECTION_KEYS.includes(event.key)) handleSelectCustomEvent(event);
-      if (event.key === " ") event.preventDefault();
-    }
-    if (props.value === "") throw new Error("A <SelectItem /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");
-    onMounted(() => {
-      if (!currentElement.value) return;
-      contentContext.itemRefCallback(currentElement.value, props.value, props.disabled);
-    });
-    provideSelectItemContext({
-      value: props.value,
-      disabled,
-      textId,
-      isSelected,
-      onItemTextChange: (node) => {
-        textValue.value = ((textValue.value || (node == null ? void 0 : node.textContent)) ?? "").trim();
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(CollectionItem), { value: { textValue: textValue.value } }, {
-        default: withCtx(() => [createVNode(unref(Primitive), {
-          ref: unref(forwardRef),
-          role: "option",
-          "aria-labelledby": unref(textId),
-          "data-highlighted": isFocused.value ? "" : void 0,
-          "aria-selected": isSelected.value,
-          "data-state": isSelected.value ? "checked" : "unchecked",
-          "aria-disabled": unref(disabled) || void 0,
-          "data-disabled": unref(disabled) ? "" : void 0,
-          tabindex: unref(disabled) ? void 0 : -1,
-          as: _ctx.as,
-          "as-child": _ctx.asChild,
-          onFocus: _cache[0] || (_cache[0] = ($event) => isFocused.value = true),
-          onBlur: _cache[1] || (_cache[1] = ($event) => isFocused.value = false),
-          onPointerup: handleSelectCustomEvent,
-          onPointerdown: _cache[2] || (_cache[2] = (event) => {
-            event.currentTarget.focus({ preventScroll: true });
-          }),
-          onTouchend: _cache[3] || (_cache[3] = withModifiers(() => {
-          }, ["prevent", "stop"])),
-          onPointermove: handlePointerMove,
-          onPointerleave: handlePointerLeave,
-          onKeydown: handleKeyDown
-        }, {
-          default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-          _: 3
-        }, 8, [
-          "aria-labelledby",
-          "data-highlighted",
-          "aria-selected",
-          "data-state",
-          "aria-disabled",
-          "data-disabled",
-          "tabindex",
-          "as",
-          "as-child"
-        ])]),
-        _: 3
-      }, 8, ["value"]);
-    };
-  }
-});
-var SelectItem_default = SelectItem_vue_vue_type_script_setup_true_lang_default;
-var SelectItemIndicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "SelectItemIndicator",
-  props: {
-    asChild: {
-      type: Boolean,
-      required: false
-    },
-    as: {
-      type: null,
-      required: false,
-      default: "span"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const itemContext = injectSelectItemContext();
-    return (_ctx, _cache) => {
-      return unref(itemContext).isSelected.value ? (openBlock(), createBlock(unref(Primitive), mergeProps({
-        key: 0,
-        "aria-hidden": "true"
-      }, props), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16)) : createCommentVNode("v-if", true);
-    };
-  }
-});
-var SelectItemIndicator_default = SelectItemIndicator_vue_vue_type_script_setup_true_lang_default;
-var SelectItemText_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  inheritAttrs: false,
-  __name: "SelectItemText",
-  props: {
-    asChild: {
-      type: Boolean,
-      required: false
-    },
-    as: {
-      type: null,
-      required: false,
-      default: "span"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const rootContext = injectSelectRootContext();
-    const contentContext = injectSelectContentContext();
-    const itemContext = injectSelectItemContext();
-    const { forwardRef, currentElement: itemTextElement } = useForwardExpose();
-    const optionProps = computed(() => {
-      var _a, _b;
-      return {
-        value: itemContext.value,
-        disabled: itemContext.disabled.value,
-        textContent: ((_a = itemTextElement.value) == null ? void 0 : _a.textContent) ?? ((_b = itemContext.value) == null ? void 0 : _b.toString()) ?? ""
-      };
-    });
-    onMounted(() => {
-      if (!itemTextElement.value) return;
-      itemContext.onItemTextChange(itemTextElement.value);
-      contentContext.itemTextRefCallback(itemTextElement.value, itemContext.value, itemContext.disabled.value);
-      rootContext.onOptionAdd(optionProps.value);
-    });
-    onUnmounted(() => {
-      rootContext.onOptionRemove(optionProps.value);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), mergeProps({
-        id: unref(itemContext).textId,
-        ref: unref(forwardRef)
-      }, {
-        ...props,
-        ..._ctx.$attrs
-      }), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16, ["id"]);
-    };
-  }
-});
-var SelectItemText_default = SelectItemText_vue_vue_type_script_setup_true_lang_default;
-var SelectLabel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "SelectLabel",
-  props: {
-    for: {
-      type: String,
-      required: false
-    },
-    asChild: {
-      type: Boolean,
-      required: false
-    },
-    as: {
-      type: null,
-      required: false,
-      default: "div"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const groupContext = injectSelectGroupContext({ id: "" });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), mergeProps(props, { id: unref(groupContext).id }), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16, ["id"]);
-    };
-  }
-});
-var SelectLabel_default = SelectLabel_vue_vue_type_script_setup_true_lang_default;
-var SelectPortal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "SelectPortal",
-  props: {
-    to: {
-      type: null,
-      required: false
-    },
-    disabled: {
-      type: Boolean,
-      required: false
-    },
-    defer: {
-      type: Boolean,
-      required: false
-    },
-    forceMount: {
-      type: Boolean,
-      required: false
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Teleport_default), normalizeProps(guardReactiveProps(props)), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-var SelectPortal_default = SelectPortal_vue_vue_type_script_setup_true_lang_default;
-var SelectScrollButtonImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "SelectScrollButtonImpl",
-  emits: ["autoScroll"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const { getItems } = useCollection();
-    const contentContext = injectSelectContentContext();
-    const autoScrollTimerRef = ref(null);
-    function clearAutoScrollTimer() {
-      if (autoScrollTimerRef.value !== null) {
-        window.clearInterval(autoScrollTimerRef.value);
-        autoScrollTimerRef.value = null;
-      }
-    }
-    watchEffect(() => {
-      const activeItem = getItems().map((i) => i.ref).find((item) => item === getActiveElement());
-      activeItem == null ? void 0 : activeItem.scrollIntoView({ block: "nearest" });
-    });
-    function handlePointerDown() {
-      if (autoScrollTimerRef.value === null) autoScrollTimerRef.value = window.setInterval(() => {
-        emits("autoScroll");
-      }, 50);
-    }
-    function handlePointerMove() {
-      var _a;
-      (_a = contentContext.onItemLeave) == null ? void 0 : _a.call(contentContext);
-      if (autoScrollTimerRef.value === null) autoScrollTimerRef.value = window.setInterval(() => {
-        emits("autoScroll");
-      }, 50);
-    }
-    onBeforeUnmount(() => clearAutoScrollTimer());
-    return (_ctx, _cache) => {
-      var _a;
-      return openBlock(), createBlock(unref(Primitive), mergeProps({
-        "aria-hidden": "true",
-        style: { flexShrink: 0 }
-      }, (_a = _ctx.$parent) == null ? void 0 : _a.$props, {
-        onPointerdown: handlePointerDown,
-        onPointermove: handlePointerMove,
-        onPointerleave: _cache[0] || (_cache[0] = () => {
-          clearAutoScrollTimer();
-        })
-      }), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-var SelectScrollButtonImpl_default = SelectScrollButtonImpl_vue_vue_type_script_setup_true_lang_default;
-var SelectScrollDownButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "SelectScrollDownButton",
-  props: {
-    asChild: {
-      type: Boolean,
-      required: false
-    },
-    as: {
-      type: null,
-      required: false
-    }
-  },
-  setup(__props) {
-    const contentContext = injectSelectContentContext();
-    const alignedPositionContext = contentContext.position === "item-aligned" ? injectSelectItemAlignedPositionContext() : void 0;
-    const { forwardRef, currentElement } = useForwardExpose();
-    const canScrollDown = ref(false);
-    watchEffect((cleanupFn) => {
-      var _a, _b;
-      if (((_a = contentContext.viewport) == null ? void 0 : _a.value) && ((_b = contentContext.isPositioned) == null ? void 0 : _b.value)) {
-        let handleScroll = function() {
-          const maxScroll = viewport.scrollHeight - viewport.clientHeight;
-          canScrollDown.value = Math.ceil(viewport.scrollTop) < maxScroll;
-        };
-        const viewport = contentContext.viewport.value;
-        handleScroll();
-        viewport.addEventListener("scroll", handleScroll);
-        cleanupFn(() => viewport.removeEventListener("scroll", handleScroll));
-      }
-    });
-    watch(currentElement, () => {
-      if (currentElement.value) alignedPositionContext == null ? void 0 : alignedPositionContext.onScrollButtonChange(currentElement.value);
-    });
-    return (_ctx, _cache) => {
-      return canScrollDown.value ? (openBlock(), createBlock(SelectScrollButtonImpl_default, {
-        key: 0,
-        ref: unref(forwardRef),
-        onAutoScroll: _cache[0] || (_cache[0] = () => {
-          const { viewport, selectedItem } = unref(contentContext);
-          if ((viewport == null ? void 0 : viewport.value) && (selectedItem == null ? void 0 : selectedItem.value)) viewport.value.scrollTop = viewport.value.scrollTop + selectedItem.value.offsetHeight;
-        })
-      }, {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 512)) : createCommentVNode("v-if", true);
-    };
-  }
-});
-var SelectScrollDownButton_default = SelectScrollDownButton_vue_vue_type_script_setup_true_lang_default;
-var SelectScrollUpButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "SelectScrollUpButton",
-  props: {
-    asChild: {
-      type: Boolean,
-      required: false
-    },
-    as: {
-      type: null,
-      required: false
-    }
-  },
-  setup(__props) {
-    const contentContext = injectSelectContentContext();
-    const alignedPositionContext = contentContext.position === "item-aligned" ? injectSelectItemAlignedPositionContext() : void 0;
-    const { forwardRef, currentElement } = useForwardExpose();
-    const canScrollUp = ref(false);
-    watchEffect((cleanupFn) => {
-      var _a, _b;
-      if (((_a = contentContext.viewport) == null ? void 0 : _a.value) && ((_b = contentContext.isPositioned) == null ? void 0 : _b.value)) {
-        let handleScroll = function() {
-          canScrollUp.value = viewport.scrollTop > 0;
-        };
-        const viewport = contentContext.viewport.value;
-        handleScroll();
-        viewport.addEventListener("scroll", handleScroll);
-        cleanupFn(() => viewport.removeEventListener("scroll", handleScroll));
-      }
-    });
-    watch(currentElement, () => {
-      if (currentElement.value) alignedPositionContext == null ? void 0 : alignedPositionContext.onScrollButtonChange(currentElement.value);
-    });
-    return (_ctx, _cache) => {
-      return canScrollUp.value ? (openBlock(), createBlock(SelectScrollButtonImpl_default, {
-        key: 0,
-        ref: unref(forwardRef),
-        onAutoScroll: _cache[0] || (_cache[0] = () => {
-          const { viewport, selectedItem } = unref(contentContext);
-          if ((viewport == null ? void 0 : viewport.value) && (selectedItem == null ? void 0 : selectedItem.value)) viewport.value.scrollTop = viewport.value.scrollTop - selectedItem.value.offsetHeight;
-        })
-      }, {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 512)) : createCommentVNode("v-if", true);
-    };
-  }
-});
-var SelectScrollUpButton_default = SelectScrollUpButton_vue_vue_type_script_setup_true_lang_default;
-var SelectSeparator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "SelectSeparator",
-  props: {
-    asChild: {
-      type: Boolean,
-      required: false
-    },
-    as: {
-      type: null,
-      required: false
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), mergeProps({ "aria-hidden": "true" }, props), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-var SelectSeparator_default = SelectSeparator_vue_vue_type_script_setup_true_lang_default;
-var SelectTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "SelectTrigger",
-  props: {
-    disabled: {
-      type: Boolean,
-      required: false
-    },
-    reference: {
-      type: null,
-      required: false
-    },
-    asChild: {
-      type: Boolean,
-      required: false
-    },
-    as: {
-      type: null,
-      required: false,
-      default: "button"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const rootContext = injectSelectRootContext();
-    const { forwardRef, currentElement: triggerElement } = useForwardExpose();
-    const isDisabled = computed(() => {
-      var _a;
-      return ((_a = rootContext.disabled) == null ? void 0 : _a.value) || props.disabled;
-    });
-    rootContext.contentId || (rootContext.contentId = useId(void 0, "reka-select-content"));
-    onMounted(() => {
-      rootContext.onTriggerChange(triggerElement.value);
-    });
-    const { getItems } = useCollection();
-    const { search, handleTypeaheadSearch, resetTypeahead } = useTypeahead();
-    function handleOpen() {
-      if (!isDisabled.value) {
-        rootContext.onOpenChange(true);
-        resetTypeahead();
-      }
-    }
-    function handlePointerOpen(event) {
-      handleOpen();
-      rootContext.triggerPointerDownPosRef.value = {
-        x: Math.round(event.pageX),
-        y: Math.round(event.pageY)
-      };
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(PopperAnchor_default), {
-        "as-child": "",
-        reference: _ctx.reference
-      }, {
-        default: withCtx(() => {
-          var _a, _b, _c, _d;
-          return [createVNode(unref(Primitive), {
-            ref: unref(forwardRef),
-            role: "combobox",
-            type: _ctx.as === "button" ? "button" : void 0,
-            "aria-controls": unref(rootContext).contentId,
-            "aria-expanded": unref(rootContext).open.value || false,
-            "aria-required": (_a = unref(rootContext).required) == null ? void 0 : _a.value,
-            "aria-autocomplete": "none",
-            disabled: isDisabled.value,
-            dir: (_b = unref(rootContext)) == null ? void 0 : _b.dir.value,
-            "data-state": ((_c = unref(rootContext)) == null ? void 0 : _c.open.value) ? "open" : "closed",
-            "data-disabled": isDisabled.value ? "" : void 0,
-            "data-placeholder": unref(shouldShowPlaceholder)((_d = unref(rootContext).modelValue) == null ? void 0 : _d.value) ? "" : void 0,
-            "as-child": _ctx.asChild,
-            as: _ctx.as,
-            onClick: _cache[0] || (_cache[0] = (event) => {
-              var _a2;
-              (_a2 = event == null ? void 0 : event.currentTarget) == null ? void 0 : _a2.focus();
-            }),
-            onPointerdown: _cache[1] || (_cache[1] = (event) => {
-              if (event.pointerType === "touch") return event.preventDefault();
-              const target = event.target;
-              if (target.hasPointerCapture(event.pointerId)) target.releasePointerCapture(event.pointerId);
-              if (event.button === 0 && event.ctrlKey === false) {
-                handlePointerOpen(event);
-                event.preventDefault();
-              }
-            }),
-            onPointerup: _cache[2] || (_cache[2] = withModifiers((event) => {
-              if (event.pointerType === "touch") handlePointerOpen(event);
-            }, ["prevent"])),
-            onKeydown: _cache[3] || (_cache[3] = (event) => {
-              const isTypingAhead = unref(search) !== "";
-              const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
-              if (!isModifierKey && event.key.length === 1) {
-                if (isTypingAhead && event.key === " ") return;
-              }
-              unref(handleTypeaheadSearch)(event.key, unref(getItems)());
-              if (unref(OPEN_KEYS).includes(event.key)) {
-                handleOpen();
-                event.preventDefault();
-              }
-            })
-          }, {
-            default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-            _: 3
-          }, 8, [
-            "type",
-            "aria-controls",
-            "aria-expanded",
-            "aria-required",
-            "disabled",
-            "dir",
-            "data-state",
-            "data-disabled",
-            "data-placeholder",
-            "as-child",
-            "as"
-          ])];
-        }),
-        _: 3
-      }, 8, ["reference"]);
-    };
-  }
-});
-var SelectTrigger_default = SelectTrigger_vue_vue_type_script_setup_true_lang_default;
-var SelectValue_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "SelectValue",
-  props: {
-    placeholder: {
-      type: String,
-      required: false,
-      default: ""
-    },
-    asChild: {
-      type: Boolean,
-      required: false
-    },
-    as: {
-      type: null,
-      required: false,
-      default: "span"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const { forwardRef, currentElement } = useForwardExpose();
-    const rootContext = injectSelectRootContext();
-    onMounted(() => {
-      rootContext.valueElement = currentElement;
-    });
-    const selectedLabel = computed(() => {
-      var _a;
-      let list = [];
-      const options = Array.from(rootContext.optionsSet.value);
-      const getOption = (value) => options.find((option) => valueComparator(value, option.value, rootContext.by));
-      if (Array.isArray(rootContext.modelValue.value)) list = rootContext.modelValue.value.map((value) => {
-        var _a2;
-        return ((_a2 = getOption(value)) == null ? void 0 : _a2.textContent) ?? "";
-      });
-      else list = [((_a = getOption(rootContext.modelValue.value)) == null ? void 0 : _a.textContent) ?? ""];
-      return list.filter(Boolean);
-    });
-    const slotText = computed(() => {
-      return selectedLabel.value.length ? selectedLabel.value.join(", ") : props.placeholder;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        ref: unref(forwardRef),
-        as: _ctx.as,
-        "as-child": _ctx.asChild,
-        style: { pointerEvents: "none" },
-        "data-placeholder": selectedLabel.value.length ? void 0 : props.placeholder
-      }, {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
-          selectedLabel: selectedLabel.value,
-          modelValue: unref(rootContext).modelValue.value
-        }, () => [createTextVNode(toDisplayString(slotText.value), 1)])]),
-        _: 3
-      }, 8, [
-        "as",
-        "as-child",
-        "data-placeholder"
-      ]);
-    };
-  }
-});
-var SelectValue_default = SelectValue_vue_vue_type_script_setup_true_lang_default;
-var SelectViewport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "SelectViewport",
-  props: {
-    nonce: {
-      type: String,
-      required: false
-    },
-    asChild: {
-      type: Boolean,
-      required: false
-    },
-    as: {
-      type: null,
-      required: false
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const { nonce: propNonce } = toRefs(props);
-    const nonce = useNonce(propNonce);
-    const contentContext = injectSelectContentContext();
-    const alignedPositionContext = contentContext.position === "item-aligned" ? injectSelectItemAlignedPositionContext() : void 0;
-    const { forwardRef, currentElement } = useForwardExpose();
-    onMounted(() => {
-      contentContext == null ? void 0 : contentContext.onViewportChange(currentElement.value);
-    });
-    const prevScrollTopRef = ref(0);
-    function handleScroll(event) {
-      const viewport = event.currentTarget;
-      const { shouldExpandOnScrollRef, contentWrapper } = alignedPositionContext ?? {};
-      if ((shouldExpandOnScrollRef == null ? void 0 : shouldExpandOnScrollRef.value) && (contentWrapper == null ? void 0 : contentWrapper.value)) {
-        const scrolledBy = Math.abs(prevScrollTopRef.value - viewport.scrollTop);
-        if (scrolledBy > 0) {
-          const availableHeight = window.innerHeight - CONTENT_MARGIN * 2;
-          const cssMinHeight = Number.parseFloat(contentWrapper.value.style.minHeight);
-          const cssHeight = Number.parseFloat(contentWrapper.value.style.height);
-          const prevHeight = Math.max(cssMinHeight, cssHeight);
-          if (prevHeight < availableHeight) {
-            const nextHeight = prevHeight + scrolledBy;
-            const clampedNextHeight = Math.min(availableHeight, nextHeight);
-            const heightDiff = nextHeight - clampedNextHeight;
-            contentWrapper.value.style.height = `${clampedNextHeight}px`;
-            if (contentWrapper.value.style.bottom === "0px") {
-              viewport.scrollTop = heightDiff > 0 ? heightDiff : 0;
-              contentWrapper.value.style.justifyContent = "flex-end";
-            }
-          }
-        }
-      }
-      prevScrollTopRef.value = viewport.scrollTop;
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(Primitive), mergeProps({
-        ref: unref(forwardRef),
-        "data-reka-select-viewport": "",
-        role: "presentation"
-      }, {
-        ..._ctx.$attrs,
-        ...props
-      }, {
-        style: {
-          position: "relative",
-          flex: 1,
-          overflow: "hidden auto"
-        },
-        onScroll: handleScroll
-      }), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16), createVNode(unref(Primitive), {
-        as: "style",
-        nonce: unref(nonce)
-      }, {
-        default: withCtx(() => _cache[0] || (_cache[0] = [createTextVNode(" /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-select-viewport] { scrollbar-width:none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } [data-reka-select-viewport]::-webkit-scrollbar { display: none; } ")])),
-        _: 1,
-        __: [0]
-      }, 8, ["nonce"])], 64);
-    };
-  }
-});
-var SelectViewport_default = SelectViewport_vue_vue_type_script_setup_true_lang_default;
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  __name: "Select",
-  props: {
-    open: { type: Boolean },
-    defaultOpen: { type: Boolean },
-    defaultValue: {},
-    modelValue: {},
-    by: { type: [String, Function] },
-    dir: {},
-    multiple: { type: Boolean },
-    autocomplete: {},
-    disabled: { type: Boolean },
-    name: {},
-    required: { type: Boolean }
-  },
-  emits: ["update:modelValue", "update:open"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const forwarded = useForwardPropsEmits(props, emits);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SelectRoot_default), mergeProps({ "data-slot": "select" }, unref(forwarded)), {
-        default: withCtx((slotProps) => [
-          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "SelectContent",
-  props: {
-    forceMount: { type: Boolean },
-    position: { default: "popper" },
-    bodyLock: { type: Boolean },
-    side: {},
-    sideOffset: { default: 4 },
-    sideFlip: { type: Boolean },
-    align: { default: "start" },
-    alignOffset: {},
-    alignFlip: { type: Boolean },
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: { default: 8 },
-    arrowPadding: {},
-    hideShiftedArrow: { type: Boolean },
-    sticky: {},
-    hideWhenDetached: { type: Boolean },
-    positionStrategy: {},
-    updatePositionStrategy: {},
-    disableUpdateOnLayoutShift: { type: Boolean },
-    prioritizePosition: { type: Boolean },
-    reference: {},
-    asChild: { type: Boolean },
-    as: {},
-    disableOutsidePointerEvents: { type: Boolean },
-    class: {}
-  },
-  emits: ["closeAutoFocus", "escapeKeyDown", "pointerDownOutside"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const delegatedProps = reactiveOmit(props, "class");
-    const forwarded = useForwardPropsEmits(delegatedProps, emits);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SelectPortal_default), null, {
-        default: withCtx(() => [
-          createVNode(unref(SelectContent_default), mergeProps({ "data-slot": "select-content" }, { ..._ctx.$attrs, ...unref(forwarded) }, {
-            class: unref(cn)(
-              "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded border border-border transition-colors duration-300 ease-in-out max-sm:w-[calc(100vw-1rem)] max-sm:max-w-[calc(100vw-1rem)] max-sm:min-w-0",
-              _ctx.position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-              props.class
-            )
-          }), {
-            default: withCtx(() => [
-              createVNode(unref(_sfc_main$4)),
-              createVNode(unref(SelectViewport_default), {
-                class: normalizeClass(unref(cn)("p-1", _ctx.position === "popper" && "h-(--reka-select-trigger-height) w-full min-w-(--reka-select-trigger-width) scroll-my-1"))
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-              }, 8, ["class"]),
-              createVNode(unref(_sfc_main$5))
-            ]),
-            _: 3
-          }, 16, ["class"])
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  __name: "SelectGroup",
-  props: {
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SelectGroup_default), mergeProps({ "data-slot": "select-group" }, props), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const _hoisted_1$2 = { class: "absolute right-2 flex size-3.5 items-center justify-center" };
-const _hoisted_2 = { class: "sr-only" };
-const _hoisted_3 = { class: "flex min-w-0 flex-1 flex-col" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  __name: "SelectItem",
-  props: {
-    value: {},
-    disabled: { type: Boolean },
-    textValue: {},
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = reactiveOmit(props, "class");
-    const forwardedProps = useForwardProps(delegatedProps);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SelectItem_default), mergeProps({ "data-slot": "select-item" }, unref(forwardedProps), {
-        class: unref(cn)(
-          "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-pointer items-center gap-2 rounded-sm py-2.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-          props.class
-        )
-      }), {
-        default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$2, [
-            createVNode(unref(SelectItemIndicator_default), null, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "indicator-icon", {}, () => [
-                  createVNode(unref(HugeiconsIcon), {
-                    icon: unref(TWr),
-                    class: "size-4"
-                  }, null, 8, ["icon"])
-                ])
-              ]),
-              _: 3
-            })
-          ]),
-          props.textValue ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createVNode(unref(SelectItemText_default), null, {
-              default: withCtx(() => [
-                createElementVNode("span", _hoisted_2, toDisplayString(props.textValue), 1)
-              ]),
-              _: 1
-            }),
-            createElementVNode("div", _hoisted_3, [
-              renderSlot(_ctx.$slots, "default")
-            ])
-          ], 64)) : (openBlock(), createBlock(unref(SelectItemText_default), { key: 1 }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }))
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const _hoisted_1$1 = { class: "flex min-w-0 flex-1 flex-col gap-0.5" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "SelectItemContent",
-  props: {
-    class: {},
-    icon: {},
-    label: {},
-    description: {},
-    iconClass: {},
-    textClass: {},
-    descriptionClass: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-slot": "select-item-content",
-        class: normalizeClass(unref(cn)("flex min-w-0 flex-1 items-center gap-2", props.class))
-      }, [
-        props.icon ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          "data-slot": "select-item-content-icon",
-          class: normalizeClass(unref(cn)("shrink-0 self-center", props.iconClass))
-        }, [
-          createVNode(unref(HugeiconsIcon), {
-            icon: props.icon,
-            class: "block size-3 sm:size-4"
-          }, null, 8, ["icon"])
-        ], 2)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_1$1, [
-          createElementVNode("span", {
-            "data-slot": "select-item-content-text",
-            class: normalizeClass(unref(cn)("min-w-0 truncate font-semibold text-xs sm:text-sm leading-5", props.textClass))
-          }, toDisplayString(props.label), 3),
-          props.description ? (openBlock(), createElementBlock("span", {
-            key: 0,
-            "data-slot": "select-item-content-description",
-            class: normalizeClass(unref(cn)("font-regular text-[11px] sm:text-xs leading-4 sm:leading-5 text-(--text-secondary-light) dark:text-(--text-secondary-dark)", props.descriptionClass))
-          }, toDisplayString(props.description), 3)) : createCommentVNode("", true)
-        ])
-      ], 2);
-    };
-  }
-});
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "SelectItemText",
-  props: {
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SelectItemText_default), mergeProps({ "data-slot": "select-item-text" }, props), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "SelectLabel",
-  props: {
-    for: {},
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SelectLabel_default), {
-        "data-slot": "select-label",
-        class: normalizeClass(unref(cn)("text-muted-foreground px-2 py-1.5 text-xs", props.class))
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class"]);
-    };
-  }
-});
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "SelectScrollDownButton",
-  props: {
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = reactiveOmit(props, "class");
-    const forwardedProps = useForwardProps(delegatedProps);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SelectScrollDownButton_default), mergeProps({ "data-slot": "select-scroll-down-button" }, unref(forwardedProps), {
-        class: unref(cn)("flex cursor-default items-center justify-center py-1", props.class)
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(unref(HugeiconsIcon), {
-              icon: unref(dn),
-              class: "size-4"
-            }, null, 8, ["icon"])
-          ])
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "SelectScrollUpButton",
-  props: {
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = reactiveOmit(props, "class");
-    const forwardedProps = useForwardProps(delegatedProps);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SelectScrollUpButton_default), mergeProps({ "data-slot": "select-scroll-up-button" }, unref(forwardedProps), {
-        class: unref(cn)("flex cursor-default items-center justify-center py-1", props.class)
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(unref(HugeiconsIcon), {
-              icon: unref(CC),
-              class: "size-4"
-            }, null, 8, ["icon"])
-          ])
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "SelectSeparator",
-  props: {
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = reactiveOmit(props, "class");
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SelectSeparator_default), mergeProps({ "data-slot": "select-separator" }, unref(delegatedProps), {
-        class: unref(cn)("bg-border pointer-events-none -mx-1 my-1 h-px", props.class)
-      }), null, 16, ["class"]);
-    };
-  }
-});
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "SelectTrigger",
-  props: {
-    disabled: { type: Boolean },
-    reference: {},
-    asChild: { type: Boolean },
-    as: {},
-    class: {},
-    size: { default: "default" }
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = reactiveOmit(props, "class", "size");
-    const forwardedProps = useForwardProps(delegatedProps);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SelectTrigger_default), mergeProps({
-        "data-slot": "select-trigger",
-        "data-size": _ctx.size
-      }, unref(forwardedProps), {
-        class: unref(cn)(
-          "data-[placeholder]:text-(--text-secondary-light) [&_svg:not([class*='text-'])]:text-(--text-secondary-light) flex w-fit cursor-pointer items-center justify-between gap-2 rounded border border-(--border-light) bg-(--button-secondary-light) px-4 py-3 text-xs font-semibold whitespace-nowrap text-(--text-primary-light) transition-all duration-300 ease-in-out outline-none disabled:cursor-not-allowed disabled:opacity-60 data-[size=default]:h-[52px] data-[size=sm]:h-10 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:border-(--border-dark) dark:bg-(--button-secondary-dark) dark:text-(--text-primary-dark) dark:data-[placeholder]:text-(--text-secondary-dark) dark:[&_svg:not([class*='text-'])]:text-(--text-secondary-dark) sm:text-sm",
-          "focus-visible:border-(--border-hover-light) focus-visible:ring-0 dark:focus-visible:border-(--border-hover-dark)",
-          "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-          props.class
-        )
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default"),
-          createVNode(unref(SelectIcon_default), { "as-child": "" }, {
-            default: withCtx(() => [
-              createVNode(unref(HugeiconsIcon), {
-                icon: unref(dn),
-                class: "size-4 opacity-50"
-              }, null, 8, ["icon"])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 3
-      }, 16, ["data-size", "class"]);
-    };
-  }
-});
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "SelectValue",
-  props: {
-    placeholder: {},
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SelectValue_default), mergeProps({ "data-slot": "select-value" }, props), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const _hoisted_1 = { class: "flex min-w-0 flex-1 flex-col gap-0.5" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SelectValueContent",
-  props: {
-    placeholder: {},
-    asChild: { type: Boolean },
-    as: {},
-    class: {},
-    icon: {},
-    label: {},
-    description: {},
-    iconClass: {},
-    textClass: {},
-    descriptionClass: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(SelectValue_default), {
-        "data-slot": "select-value-content",
-        placeholder: props.placeholder,
-        class: normalizeClass(unref(cn)("flex min-w-0 flex-1 gap-1.5 text-left sm:gap-2", props.description ? "items-start" : "items-center", props.class))
-      }, {
-        default: withCtx(() => [
-          props.label != null || props.description != null ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            props.icon ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              "data-slot": "select-value-content-icon",
-              class: normalizeClass(unref(cn)("shrink-0", props.iconClass))
-            }, [
-              createVNode(unref(HugeiconsIcon), {
-                icon: props.icon
-              }, null, 8, ["icon"])
-            ], 2)) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_1, [
-              createElementVNode("span", {
-                "data-slot": "select-value-content-text",
-                class: normalizeClass(unref(cn)("min-w-0 whitespace-normal break-words text-xs leading-5 sm:truncate sm:text-sm max-sm:[display:-webkit-box] max-sm:[overflow:hidden] max-sm:[-webkit-box-orient:vertical] max-sm:[-webkit-line-clamp:2]", props.textClass))
-              }, toDisplayString(props.label), 3),
-              props.description ? (openBlock(), createElementBlock("span", {
-                key: 0,
-                "data-slot": "select-value-content-description",
-                class: normalizeClass(unref(cn)("min-w-0 whitespace-normal break-words text-[11px] leading-4 text-(--text-secondary-light) dark:text-(--text-secondary-dark) sm:text-xs sm:leading-5 max-sm:[display:-webkit-box] max-sm:[overflow:hidden] max-sm:[-webkit-box-orient:vertical] max-sm:[-webkit-line-clamp:3]", props.descriptionClass))
-              }, toDisplayString(props.description), 3)) : createCommentVNode("", true)
-            ])
-          ], 64)) : createCommentVNode("", true)
-        ]),
-        _: 1
-      }, 8, ["placeholder", "class"]);
-    };
-  }
-});
-export {
-  _sfc_main$c as Select,
-  _sfc_main$b as SelectContent,
-  _sfc_main$a as SelectGroup,
-  _sfc_main$9 as SelectItem,
-  _sfc_main$8 as SelectItemContent,
-  _sfc_main$7 as SelectItemText,
-  _sfc_main$6 as SelectLabel,
-  _sfc_main$5 as SelectScrollDownButton,
-  _sfc_main$4 as SelectScrollUpButton,
-  _sfc_main$3 as SelectSeparator,
-  _sfc_main$2 as SelectTrigger,
-  _sfc_main$1 as SelectValue,
-  _sfc_main as SelectValueContent
-};