lizaui 9.0.13 → 9.0.16

package/dist/chunks/{select-DyihZY-4.js → select-C9BYUpJm.js}

@@ -2,11 +2,11 @@
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const ReactDOM = require("react-dom");
-const index$2 = require("./index-BPW1Qzmi.js");
-const index = require("./index-DBDBh58Q.js");
-const index$1 = require("./index-C_sOsPRt.js");
-const textarea = require("./textarea-By2Vv44z.js");
-const index$3 = require("./index-DNSql2gU.js");
+const index$1 = require("./index-BPW1Qzmi.js");
+const textarea = require("./textarea-D2_KC-J4.js");
+const index = require("./index-C_sOsPRt.js");
+const floatingUi_reactDom = require("./floating-ui.react-dom-CI1b2uK3.js");
+const floatingUi_dom = require("./floating-ui.dom-B9hvXzxg.js");
 const utils = require("./utils-ij3i9zTT.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -28,7 +28,7 @@ const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const ReactDOM__namespace = /* @__PURE__ */ _interopNamespaceDefault(ReactDOM);
 function createCollection(name) {
   const PROVIDER_NAME = name + "CollectionProvider";
-  const [createCollectionContext, createCollectionScope2] = index.createContextScope(PROVIDER_NAME);
+  const [createCollectionContext, createCollectionScope2] = textarea.createContextScope(PROVIDER_NAME);
   const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
     PROVIDER_NAME,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
@@ -41,24 +41,24 @@ function createCollection(name) {
   };
   CollectionProvider.displayName = PROVIDER_NAME;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-  const CollectionSlotImpl = index$1.createSlot(COLLECTION_SLOT_NAME);
+  const CollectionSlotImpl = index.createSlot(COLLECTION_SLOT_NAME);
   const CollectionSlot = React.forwardRef(
     (props, forwardedRef) => {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
-      const composedRefs = index$1.useComposedRefs(forwardedRef, context.collectionRef);
+      const composedRefs = index.useComposedRefs(forwardedRef, context.collectionRef);
       return /* @__PURE__ */ jsxRuntime.jsx(CollectionSlotImpl, { ref: composedRefs, children });
     }
   );
   CollectionSlot.displayName = COLLECTION_SLOT_NAME;
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
-  const CollectionItemSlotImpl = index$1.createSlot(ITEM_SLOT_NAME);
+  const CollectionItemSlotImpl = index.createSlot(ITEM_SLOT_NAME);
   const CollectionItemSlot = React.forwardRef(
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
       const ref = React.useRef(null);
-      const composedRefs = index$1.useComposedRefs(forwardedRef, ref);
+      const composedRefs = index.useComposedRefs(forwardedRef, ref);
       const context = useCollectionContext(ITEM_SLOT_NAME, scope);
       React.useEffect(() => {
         context.itemMap.set(ref, { ref, ...itemData });
@@ -88,8 +88,329 @@ function createCollection(name) {
     createCollectionScope2
   ];
 }
+var NAME$1 = "Arrow";
+var Arrow$1 = React__namespace.forwardRef((props, forwardedRef) => {
+  const { children, width = 10, height = 5, ...arrowProps } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    textarea.Primitive.svg,
+    {
+      ...arrowProps,
+      ref: forwardedRef,
+      width,
+      height,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      children: props.asChild ? children : /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "0,0 30,0 15,10" })
+    }
+  );
+});
+Arrow$1.displayName = NAME$1;
+var Root$1 = Arrow$1;
+function useSize(element) {
+  const [size, setSize] = React__namespace.useState(void 0);
+  textarea.useLayoutEffect2(() => {
+    if (element) {
+      setSize({ width: element.offsetWidth, height: element.offsetHeight });
+      const resizeObserver = new ResizeObserver((entries) => {
+        if (!Array.isArray(entries)) {
+          return;
+        }
+        if (!entries.length) {
+          return;
+        }
+        const entry = entries[0];
+        let width;
+        let height;
+        if ("borderBoxSize" in entry) {
+          const borderSizeEntry = entry["borderBoxSize"];
+          const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;
+          width = borderSize["inlineSize"];
+          height = borderSize["blockSize"];
+        } else {
+          width = element.offsetWidth;
+          height = element.offsetHeight;
+        }
+        setSize({ width, height });
+      });
+      resizeObserver.observe(element, { box: "border-box" });
+      return () => resizeObserver.unobserve(element);
+    } else {
+      setSize(void 0);
+    }
+  }, [element]);
+  return size;
+}
+var POPPER_NAME = "Popper";
+var [createPopperContext, createPopperScope] = textarea.createContextScope(POPPER_NAME);
+var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
+var Popper = (props) => {
+  const { __scopePopper, children } = props;
+  const [anchor, setAnchor] = React__namespace.useState(null);
+  return /* @__PURE__ */ jsxRuntime.jsx(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
+};
+Popper.displayName = POPPER_NAME;
+var ANCHOR_NAME = "PopperAnchor";
+var PopperAnchor = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopePopper, virtualRef, ...anchorProps } = props;
+    const context = usePopperContext(ANCHOR_NAME, __scopePopper);
+    const ref = React__namespace.useRef(null);
+    const composedRefs = index.useComposedRefs(forwardedRef, ref);
+    const anchorRef = React__namespace.useRef(null);
+    React__namespace.useEffect(() => {
+      const previousAnchor = anchorRef.current;
+      anchorRef.current = virtualRef?.current || ref.current;
+      if (previousAnchor !== anchorRef.current) {
+        context.onAnchorChange(anchorRef.current);
+      }
+    });
+    return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(textarea.Primitive.div, { ...anchorProps, ref: composedRefs });
+  }
+);
+PopperAnchor.displayName = ANCHOR_NAME;
+var CONTENT_NAME$1 = "PopperContent";
+var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$1);
+var PopperContent = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      __scopePopper,
+      side = "bottom",
+      sideOffset = 0,
+      align = "center",
+      alignOffset = 0,
+      arrowPadding = 0,
+      avoidCollisions = true,
+      collisionBoundary = [],
+      collisionPadding: collisionPaddingProp = 0,
+      sticky = "partial",
+      hideWhenDetached = false,
+      updatePositionStrategy = "optimized",
+      onPlaced,
+      ...contentProps
+    } = props;
+    const context = usePopperContext(CONTENT_NAME$1, __scopePopper);
+    const [content, setContent] = React__namespace.useState(null);
+    const composedRefs = index.useComposedRefs(forwardedRef, (node) => setContent(node));
+    const [arrow, setArrow] = React__namespace.useState(null);
+    const arrowSize = useSize(arrow);
+    const arrowWidth = arrowSize?.width ?? 0;
+    const arrowHeight = arrowSize?.height ?? 0;
+    const desiredPlacement = side + (align !== "center" ? "-" + align : "");
+    const collisionPadding = typeof collisionPaddingProp === "number" ? collisionPaddingProp : { top: 0, right: 0, bottom: 0, left: 0, ...collisionPaddingProp };
+    const boundary = Array.isArray(collisionBoundary) ? collisionBoundary : [collisionBoundary];
+    const hasExplicitBoundaries = boundary.length > 0;
+    const detectOverflowOptions = {
+      padding: collisionPadding,
+      boundary: boundary.filter(isNotNull),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: hasExplicitBoundaries
+    };
+    const { refs, floatingStyles, placement, isPositioned, middlewareData } = floatingUi_reactDom.useFloating({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: desiredPlacement,
+      whileElementsMounted: (...args) => {
+        const cleanup = floatingUi_dom.autoUpdate(...args, {
+          animationFrame: updatePositionStrategy === "always"
+        });
+        return cleanup;
+      },
+      elements: {
+        reference: context.anchor
+      },
+      middleware: [
+        floatingUi_reactDom.offset({ mainAxis: sideOffset + arrowHeight, alignmentAxis: alignOffset }),
+        avoidCollisions && floatingUi_reactDom.shift({
+          mainAxis: true,
+          crossAxis: false,
+          limiter: sticky === "partial" ? floatingUi_reactDom.limitShift() : void 0,
+          ...detectOverflowOptions
+        }),
+        avoidCollisions && floatingUi_reactDom.flip({ ...detectOverflowOptions }),
+        floatingUi_reactDom.size({
+          ...detectOverflowOptions,
+          apply: ({ elements, rects, availableWidth, availableHeight }) => {
+            const { width: anchorWidth, height: anchorHeight } = rects.reference;
+            const contentStyle = elements.floating.style;
+            contentStyle.setProperty("--radix-popper-available-width", `${availableWidth}px`);
+            contentStyle.setProperty("--radix-popper-available-height", `${availableHeight}px`);
+            contentStyle.setProperty("--radix-popper-anchor-width", `${anchorWidth}px`);
+            contentStyle.setProperty("--radix-popper-anchor-height", `${anchorHeight}px`);
+          }
+        }),
+        arrow && floatingUi_reactDom.arrow({ element: arrow, padding: arrowPadding }),
+        transformOrigin({ arrowWidth, arrowHeight }),
+        hideWhenDetached && floatingUi_reactDom.hide({ strategy: "referenceHidden", ...detectOverflowOptions })
+      ]
+    });
+    const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);
+    const handlePlaced = textarea.useCallbackRef(onPlaced);
+    textarea.useLayoutEffect2(() => {
+      if (isPositioned) {
+        handlePlaced?.();
+      }
+    }, [isPositioned, handlePlaced]);
+    const arrowX = middlewareData.arrow?.x;
+    const arrowY = middlewareData.arrow?.y;
+    const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
+    const [contentZIndex, setContentZIndex] = React__namespace.useState();
+    textarea.useLayoutEffect2(() => {
+      if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
+    }, [content]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: refs.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+          ...floatingStyles,
+          transform: isPositioned ? floatingStyles.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: contentZIndex,
+          ["--radix-popper-transform-origin"]: [
+            middlewareData.transformOrigin?.x,
+            middlewareData.transformOrigin?.y
+          ].join(" "),
+          // hide the content if using the hide middleware and should be hidden
+          // set visibility to hidden and disable pointer events so the UI behaves
+          // as if the PopperContent isn't there at all
+          ...middlewareData.hide?.referenceHidden && {
+            visibility: "hidden",
+            pointerEvents: "none"
+          }
+        },
+        dir: props.dir,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          PopperContentProvider,
+          {
+            scope: __scopePopper,
+            placedSide,
+            onArrowChange: setArrow,
+            arrowX,
+            arrowY,
+            shouldHideArrow: cannotCenterArrow,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              textarea.Primitive.div,
+              {
+                "data-side": placedSide,
+                "data-align": placedAlign,
+                ...contentProps,
+                ref: composedRefs,
+                style: {
+                  ...contentProps.style,
+                  // if the PopperContent hasn't been placed yet (not all measurements done)
+                  // we prevent animations so that users's animation don't kick in too early referring wrong sides
+                  animation: !isPositioned ? "none" : void 0
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+PopperContent.displayName = CONTENT_NAME$1;
+var ARROW_NAME$1 = "PopperArrow";
+var OPPOSITE_SIDE = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+};
+var PopperArrow = React__namespace.forwardRef(function PopperArrow2(props, forwardedRef) {
+  const { __scopePopper, ...arrowProps } = props;
+  const contentContext = useContentContext(ARROW_NAME$1, __scopePopper);
+  const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
+  return (
+    // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
+    // doesn't report size as we'd expect on SVG elements.
+    // it reports their bounding box which is effectively the largest path inside the SVG.
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        ref: contentContext.onArrowChange,
+        style: {
+          position: "absolute",
+          left: contentContext.arrowX,
+          top: contentContext.arrowY,
+          [baseSide]: 0,
+          transformOrigin: {
+            top: "",
+            right: "0 0",
+            bottom: "center 0",
+            left: "100% 0"
+          }[contentContext.placedSide],
+          transform: {
+            top: "translateY(100%)",
+            right: "translateY(50%) rotate(90deg) translateX(-50%)",
+            bottom: `rotate(180deg)`,
+            left: "translateY(50%) rotate(-90deg) translateX(50%)"
+          }[contentContext.placedSide],
+          visibility: contentContext.shouldHideArrow ? "hidden" : void 0
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Root$1,
+          {
+            ...arrowProps,
+            ref: forwardedRef,
+            style: {
+              ...arrowProps.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
+          }
+        )
+      }
+    )
+  );
+});
+PopperArrow.displayName = ARROW_NAME$1;
+function isNotNull(value) {
+  return value !== null;
+}
+var transformOrigin = (options) => ({
+  name: "transformOrigin",
+  options,
+  fn(data) {
+    const { placement, rects, middlewareData } = data;
+    const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
+    const isArrowHidden = cannotCenterArrow;
+    const arrowWidth = isArrowHidden ? 0 : options.arrowWidth;
+    const arrowHeight = isArrowHidden ? 0 : options.arrowHeight;
+    const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);
+    const noArrowAlign = { start: "0%", center: "50%", end: "100%" }[placedAlign];
+    const arrowXCenter = (middlewareData.arrow?.x ?? 0) + arrowWidth / 2;
+    const arrowYCenter = (middlewareData.arrow?.y ?? 0) + arrowHeight / 2;
+    let x = "";
+    let y = "";
+    if (placedSide === "bottom") {
+      x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;
+      y = `${-arrowHeight}px`;
+    } else if (placedSide === "top") {
+      x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;
+      y = `${rects.floating.height + arrowHeight}px`;
+    } else if (placedSide === "right") {
+      x = `${-arrowHeight}px`;
+      y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;
+    } else if (placedSide === "left") {
+      x = `${rects.floating.width + arrowHeight}px`;
+      y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;
+    }
+    return { data: { x, y } };
+  }
+});
+function getSideAndAlignFromPlacement(placement) {
+  const [side, align = "center"] = placement.split("-");
+  return [side, align];
+}
+var Root2$1 = Popper;
+var Anchor = PopperAnchor;
+var Content = PopperContent;
+var Arrow = PopperArrow;
 const __iconNode = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = index$2.createLucideIcon("chevron-up", __iconNode);
+const ChevronUp = index$1.createLucideIcon("chevron-up", __iconNode);
 function usePrevious(value) {
   const ref = React__namespace.useRef({ value, previous: value });
   return React__namespace.useMemo(() => {
@@ -100,15 +421,43 @@ function usePrevious(value) {
     return ref.current.previous;
   }, [value]);
 }
+var VISUALLY_HIDDEN_STYLES = Object.freeze({
+  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
+  position: "absolute",
+  border: 0,
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  wordWrap: "normal"
+});
+var NAME = "VisuallyHidden";
+var VisuallyHidden = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      textarea.Primitive.span,
+      {
+        ...props,
+        ref: forwardedRef,
+        style: { ...VISUALLY_HIDDEN_STYLES, ...props.style }
+      }
+    );
+  }
+);
+VisuallyHidden.displayName = NAME;
+var Root = VisuallyHidden;
 var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
 var SELECTION_KEYS = [" ", "Enter"];
 var SELECT_NAME = "Select";
 var [Collection, useCollection, createCollectionScope] = createCollection(SELECT_NAME);
-var [createSelectContext] = index.createContextScope(SELECT_NAME, [
+var [createSelectContext] = textarea.createContextScope(SELECT_NAME, [
   createCollectionScope,
-  index$3.createPopperScope
+  createPopperScope
 ]);
-var usePopperScope = index$3.createPopperScope();
+var usePopperScope = createPopperScope();
 var [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME);
 var [SelectNativeOptionsProvider, useSelectNativeOptionsContext] = createSelectContext(SELECT_NAME);
 var Select$1 = (props) => {
@@ -132,14 +481,14 @@ var Select$1 = (props) => {
   const [trigger, setTrigger] = React__namespace.useState(null);
   const [valueNode, setValueNode] = React__namespace.useState(null);
   const [valueNodeHasChildren, setValueNodeHasChildren] = React__namespace.useState(false);
-  const direction = index$2.useDirection(dir);
-  const [open, setOpen] = index.useControllableState({
+  const direction = index$1.useDirection(dir);
+  const [open, setOpen] = textarea.useControllableState({
     prop: openProp,
     defaultProp: defaultOpen ?? false,
     onChange: onOpenChange,
     caller: SELECT_NAME
   });
-  const [value, setValue] = index.useControllableState({
+  const [value, setValue] = textarea.useControllableState({
     prop: valueProp,
     defaultProp: defaultValue,
     onChange: onValueChange,
@@ -149,7 +498,7 @@ var Select$1 = (props) => {
   const isFormControl = trigger ? form || !!trigger.closest("form") : true;
   const [nativeOptionsSet, setNativeOptionsSet] = React__namespace.useState(/* @__PURE__ */ new Set());
   const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
-  return /* @__PURE__ */ jsxRuntime.jsx(index$3.Root2, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(Root2$1, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsxs(
     SelectProvider,
     {
       required,
@@ -160,7 +509,7 @@ var Select$1 = (props) => {
       onValueNodeChange: setValueNode,
       valueNodeHasChildren,
       onValueNodeHasChildrenChange: setValueNodeHasChildren,
-      contentId: index.useId(),
+      contentId: textarea.useId(),
       value,
       onValueChange: setValue,
       open,
@@ -217,7 +566,7 @@ var SelectTrigger$1 = React__namespace.forwardRef(
     const popperScope = usePopperScope(__scopeSelect);
     const context = useSelectContext(TRIGGER_NAME, __scopeSelect);
     const isDisabled = context.disabled || disabled;
-    const composedRefs = index$1.useComposedRefs(forwardedRef, context.onTriggerChange);
+    const composedRefs = index.useComposedRefs(forwardedRef, context.onTriggerChange);
     const getItems = useCollection(__scopeSelect);
     const pointerTypeRef = React__namespace.useRef("touch");
     const [searchRef, handleTypeaheadSearch, resetTypeahead] = useTypeaheadSearch((search) => {
@@ -240,8 +589,8 @@ var SelectTrigger$1 = React__namespace.forwardRef(
         };
       }
     };
-    return /* @__PURE__ */ jsxRuntime.jsx(index$3.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
-      index.Primitive.button,
+    return /* @__PURE__ */ jsxRuntime.jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
+      textarea.Primitive.button,
       {
         type: "button",
         role: "combobox",
@@ -256,13 +605,13 @@ var SelectTrigger$1 = React__namespace.forwardRef(
         "data-placeholder": shouldShowPlaceholder(context.value) ? "" : void 0,
         ...triggerProps,
         ref: composedRefs,
-        onClick: index.composeEventHandlers(triggerProps.onClick, (event) => {
+        onClick: textarea.composeEventHandlers(triggerProps.onClick, (event) => {
           event.currentTarget.focus();
           if (pointerTypeRef.current !== "mouse") {
             handleOpen(event);
           }
         }),
-        onPointerDown: index.composeEventHandlers(triggerProps.onPointerDown, (event) => {
+        onPointerDown: textarea.composeEventHandlers(triggerProps.onPointerDown, (event) => {
           pointerTypeRef.current = event.pointerType;
           const target = event.target;
           if (target.hasPointerCapture(event.pointerId)) {
@@ -273,7 +622,7 @@ var SelectTrigger$1 = React__namespace.forwardRef(
             event.preventDefault();
           }
         }),
-        onKeyDown: index.composeEventHandlers(triggerProps.onKeyDown, (event) => {
+        onKeyDown: textarea.composeEventHandlers(triggerProps.onKeyDown, (event) => {
           const isTypingAhead = searchRef.current !== "";
           const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
           if (!isModifierKey && event.key.length === 1) handleTypeaheadSearch(event.key);
@@ -295,12 +644,12 @@ var SelectValue$1 = React__namespace.forwardRef(
     const context = useSelectContext(VALUE_NAME, __scopeSelect);
     const { onValueNodeHasChildrenChange } = context;
     const hasChildren = children !== void 0;
-    const composedRefs = index$1.useComposedRefs(forwardedRef, context.onValueNodeChange);
-    index.useLayoutEffect2(() => {
+    const composedRefs = index.useComposedRefs(forwardedRef, context.onValueNodeChange);
+    textarea.useLayoutEffect2(() => {
       onValueNodeHasChildrenChange(hasChildren);
     }, [onValueNodeHasChildrenChange, hasChildren]);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      index.Primitive.span,
+      textarea.Primitive.span,
       {
         ...valueProps,
         ref: composedRefs,
@@ -315,13 +664,13 @@ var ICON_NAME = "SelectIcon";
 var SelectIcon = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, children, ...iconProps } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(index.Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "▼" });
+    return /* @__PURE__ */ jsxRuntime.jsx(textarea.Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "▼" });
   }
 );
 SelectIcon.displayName = ICON_NAME;
 var PORTAL_NAME = "SelectPortal";
 var SelectPortal = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(index.Portal, { asChild: true, ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(textarea.Portal, { asChild: true, ...props });
 };
 SelectPortal.displayName = PORTAL_NAME;
 var CONTENT_NAME = "SelectContent";
@@ -329,7 +678,7 @@ var SelectContent$1 = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const context = useSelectContext(CONTENT_NAME, props.__scopeSelect);
     const [fragment, setFragment] = React__namespace.useState();
-    index.useLayoutEffect2(() => {
+    textarea.useLayoutEffect2(() => {
       setFragment(new DocumentFragment());
     }, []);
     if (!context.open) {
@@ -346,7 +695,7 @@ SelectContent$1.displayName = CONTENT_NAME;
 var CONTENT_MARGIN = 10;
 var [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME);
 var CONTENT_IMPL_NAME = "SelectContentImpl";
-var Slot = index$1.createSlot("SelectContent.RemoveScroll");
+var Slot = index.createSlot("SelectContent.RemoveScroll");
 var SelectContentImpl = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const {
@@ -373,7 +722,7 @@ var SelectContentImpl = React__namespace.forwardRef(
     const context = useSelectContext(CONTENT_NAME, __scopeSelect);
     const [content, setContent] = React__namespace.useState(null);
     const [viewport, setViewport] = React__namespace.useState(null);
-    const composedRefs = index$1.useComposedRefs(forwardedRef, (node) => setContent(node));
+    const composedRefs = index.useComposedRefs(forwardedRef, (node) => setContent(node));
     const [selectedItem, setSelectedItem] = React__namespace.useState(null);
     const [selectedItemText, setSelectedItemText] = React__namespace.useState(
       null
@@ -517,12 +866,12 @@ var SelectContentImpl = React__namespace.forwardRef(
             onMountAutoFocus: (event) => {
               event.preventDefault();
             },
-            onUnmountAutoFocus: index.composeEventHandlers(onCloseAutoFocus, (event) => {
+            onUnmountAutoFocus: textarea.composeEventHandlers(onCloseAutoFocus, (event) => {
               context.trigger?.focus({ preventScroll: true });
               event.preventDefault();
             }),
             children: /* @__PURE__ */ jsxRuntime.jsx(
-              index.DismissableLayer,
+              textarea.DismissableLayer,
               {
                 asChild: true,
                 disableOutsidePointerEvents: true,
@@ -550,7 +899,7 @@ var SelectContentImpl = React__namespace.forwardRef(
                       outline: "none",
                       ...contentProps.style
                     },
-                    onKeyDown: index.composeEventHandlers(contentProps.onKeyDown, (event) => {
+                    onKeyDown: textarea.composeEventHandlers(contentProps.onKeyDown, (event) => {
                       const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
                       if (event.key === "Tab") event.preventDefault();
                       if (!isModifierKey && event.key.length === 1) handleTypeaheadSearch(event.key);
@@ -587,7 +936,7 @@ var SelectItemAlignedPosition = React__namespace.forwardRef((props, forwardedRef
   const contentContext = useSelectContentContext(CONTENT_NAME, __scopeSelect);
   const [contentWrapper, setContentWrapper] = React__namespace.useState(null);
   const [content, setContent] = React__namespace.useState(null);
-  const composedRefs = index$1.useComposedRefs(forwardedRef, (node) => setContent(node));
+  const composedRefs = index.useComposedRefs(forwardedRef, (node) => setContent(node));
   const getItems = useCollection(__scopeSelect);
   const shouldExpandOnScrollRef = React__namespace.useRef(false);
   const shouldRepositionRef = React__namespace.useRef(true);
@@ -605,7 +954,7 @@ var SelectItemAlignedPosition = React__namespace.forwardRef((props, forwardedRef
         const minContentWidth = triggerRect.width + leftDelta;
         const contentWidth = Math.max(minContentWidth, contentRect.width);
         const rightEdge = window.innerWidth - CONTENT_MARGIN;
-        const clampedLeft = index$2.clamp(left, [
+        const clampedLeft = index$1.clamp(left, [
           CONTENT_MARGIN,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
@@ -623,7 +972,7 @@ var SelectItemAlignedPosition = React__namespace.forwardRef((props, forwardedRef
         const minContentWidth = triggerRect.width + rightDelta;
         const contentWidth = Math.max(minContentWidth, contentRect.width);
         const leftEdge = window.innerWidth - CONTENT_MARGIN;
-        const clampedRight = index$2.clamp(right, [
+        const clampedRight = index$1.clamp(right, [
           CONTENT_MARGIN,
           Math.max(CONTENT_MARGIN, leftEdge - contentWidth)
         ]);
@@ -691,9 +1040,9 @@ var SelectItemAlignedPosition = React__namespace.forwardRef((props, forwardedRef
     context.dir,
     onPlaced
   ]);
-  index.useLayoutEffect2(() => position(), [position]);
+  textarea.useLayoutEffect2(() => position(), [position]);
   const [contentZIndex, setContentZIndex] = React__namespace.useState();
-  index.useLayoutEffect2(() => {
+  textarea.useLayoutEffect2(() => {
     if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
   }, [content]);
   const handleScrollButtonChange = React__namespace.useCallback(
@@ -724,7 +1073,7 @@ var SelectItemAlignedPosition = React__namespace.forwardRef((props, forwardedRef
             zIndex: contentZIndex
           },
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            index.Primitive.div,
+            textarea.Primitive.div,
             {
               ...popperProps,
               ref: composedRefs,
@@ -754,7 +1103,7 @@ var SelectPopperPosition = React__namespace.forwardRef((props, forwardedRef) =>
   } = props;
   const popperScope = usePopperScope(__scopeSelect);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    index$3.Content,
+    Content,
     {
       ...popperScope,
       ...popperProps,
@@ -785,7 +1134,7 @@ var SelectViewport = React__namespace.forwardRef(
     const { __scopeSelect, nonce, ...viewportProps } = props;
     const contentContext = useSelectContentContext(VIEWPORT_NAME, __scopeSelect);
     const viewportContext = useSelectViewportContext(VIEWPORT_NAME, __scopeSelect);
-    const composedRefs = index$1.useComposedRefs(forwardedRef, contentContext.onViewportChange);
+    const composedRefs = index.useComposedRefs(forwardedRef, contentContext.onViewportChange);
     const prevScrollTopRef = React__namespace.useRef(0);
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -798,7 +1147,7 @@ var SelectViewport = React__namespace.forwardRef(
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ jsxRuntime.jsx(
-        index.Primitive.div,
+        textarea.Primitive.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
@@ -817,7 +1166,7 @@ var SelectViewport = React__namespace.forwardRef(
             overflow: "hidden auto",
             ...viewportProps.style
           },
-          onScroll: index.composeEventHandlers(viewportProps.onScroll, (event) => {
+          onScroll: textarea.composeEventHandlers(viewportProps.onScroll, (event) => {
             const viewport = event.currentTarget;
             const { contentWrapper, shouldExpandOnScrollRef } = viewportContext;
             if (shouldExpandOnScrollRef?.current && contentWrapper) {
@@ -852,8 +1201,8 @@ var [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext(GR
 var SelectGroup$1 = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...groupProps } = props;
-    const groupId = index.useId();
-    return /* @__PURE__ */ jsxRuntime.jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsxRuntime.jsx(index.Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+    const groupId = textarea.useId();
+    return /* @__PURE__ */ jsxRuntime.jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsxRuntime.jsx(textarea.Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
   }
 );
 SelectGroup$1.displayName = GROUP_NAME;
@@ -862,7 +1211,7 @@ var SelectLabel$1 = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...labelProps } = props;
     const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-    return /* @__PURE__ */ jsxRuntime.jsx(index.Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsxRuntime.jsx(textarea.Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
   }
 );
 SelectLabel$1.displayName = LABEL_NAME;
@@ -882,11 +1231,11 @@ var SelectItem$1 = React__namespace.forwardRef(
     const isSelected = context.value === value;
     const [textValue, setTextValue] = React__namespace.useState(textValueProp ?? "");
     const [isFocused, setIsFocused] = React__namespace.useState(false);
-    const composedRefs = index$1.useComposedRefs(
+    const composedRefs = index.useComposedRefs(
       forwardedRef,
       (node) => contentContext.itemRefCallback?.(node, value, disabled)
     );
-    const textId = index.useId();
+    const textId = textarea.useId();
     const pointerTypeRef = React__namespace.useRef("touch");
     const handleSelect = () => {
       if (!disabled) {
@@ -918,7 +1267,7 @@ var SelectItem$1 = React__namespace.forwardRef(
             disabled,
             textValue,
             children: /* @__PURE__ */ jsxRuntime.jsx(
-              index.Primitive.div,
+              textarea.Primitive.div,
               {
                 role: "option",
                 "aria-labelledby": textId,
@@ -930,18 +1279,18 @@ var SelectItem$1 = React__namespace.forwardRef(
                 tabIndex: disabled ? void 0 : -1,
                 ...itemProps,
                 ref: composedRefs,
-                onFocus: index.composeEventHandlers(itemProps.onFocus, () => setIsFocused(true)),
-                onBlur: index.composeEventHandlers(itemProps.onBlur, () => setIsFocused(false)),
-                onClick: index.composeEventHandlers(itemProps.onClick, () => {
+                onFocus: textarea.composeEventHandlers(itemProps.onFocus, () => setIsFocused(true)),
+                onBlur: textarea.composeEventHandlers(itemProps.onBlur, () => setIsFocused(false)),
+                onClick: textarea.composeEventHandlers(itemProps.onClick, () => {
                   if (pointerTypeRef.current !== "mouse") handleSelect();
                 }),
-                onPointerUp: index.composeEventHandlers(itemProps.onPointerUp, () => {
+                onPointerUp: textarea.composeEventHandlers(itemProps.onPointerUp, () => {
                   if (pointerTypeRef.current === "mouse") handleSelect();
                 }),
-                onPointerDown: index.composeEventHandlers(itemProps.onPointerDown, (event) => {
+                onPointerDown: textarea.composeEventHandlers(itemProps.onPointerDown, (event) => {
                   pointerTypeRef.current = event.pointerType;
                 }),
-                onPointerMove: index.composeEventHandlers(itemProps.onPointerMove, (event) => {
+                onPointerMove: textarea.composeEventHandlers(itemProps.onPointerMove, (event) => {
                   pointerTypeRef.current = event.pointerType;
                   if (disabled) {
                     contentContext.onItemLeave?.();
@@ -949,12 +1298,12 @@ var SelectItem$1 = React__namespace.forwardRef(
                     event.currentTarget.focus({ preventScroll: true });
                   }
                 }),
-                onPointerLeave: index.composeEventHandlers(itemProps.onPointerLeave, (event) => {
+                onPointerLeave: textarea.composeEventHandlers(itemProps.onPointerLeave, (event) => {
                   if (event.currentTarget === document.activeElement) {
                     contentContext.onItemLeave?.();
                   }
                 }),
-                onKeyDown: index.composeEventHandlers(itemProps.onKeyDown, (event) => {
+                onKeyDown: textarea.composeEventHandlers(itemProps.onKeyDown, (event) => {
                   const isTypingAhead = contentContext.searchRef?.current !== "";
                   if (isTypingAhead && event.key === " ") return;
                   if (SELECTION_KEYS.includes(event.key)) handleSelect();
@@ -978,7 +1327,7 @@ var SelectItemText = React__namespace.forwardRef(
     const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect);
     const nativeOptionsContext = useSelectNativeOptionsContext(ITEM_TEXT_NAME, __scopeSelect);
     const [itemTextNode, setItemTextNode] = React__namespace.useState(null);
-    const composedRefs = index$1.useComposedRefs(
+    const composedRefs = index.useComposedRefs(
       forwardedRef,
       (node) => setItemTextNode(node),
       itemContext.onItemTextChange,
@@ -990,12 +1339,12 @@ var SelectItemText = React__namespace.forwardRef(
       [itemContext.disabled, itemContext.value, textContent]
     );
     const { onNativeOptionAdd, onNativeOptionRemove } = nativeOptionsContext;
-    index.useLayoutEffect2(() => {
+    textarea.useLayoutEffect2(() => {
       onNativeOptionAdd(nativeOption);
       return () => onNativeOptionRemove(nativeOption);
     }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index.Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+      /* @__PURE__ */ jsxRuntime.jsx(textarea.Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
       itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM__namespace.createPortal(itemTextProps.children, context.valueNode) : null
     ] });
   }
@@ -1006,7 +1355,7 @@ var SelectItemIndicator = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...itemIndicatorProps } = props;
     const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
-    return itemContext.isSelected ? /* @__PURE__ */ jsxRuntime.jsx(index.Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+    return itemContext.isSelected ? /* @__PURE__ */ jsxRuntime.jsx(textarea.Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
   }
 );
 SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
@@ -1015,8 +1364,8 @@ var SelectScrollUpButton$1 = React__namespace.forwardRef((props, forwardedRef) =
   const contentContext = useSelectContentContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
   const viewportContext = useSelectViewportContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
   const [canScrollUp, setCanScrollUp] = React__namespace.useState(false);
-  const composedRefs = index$1.useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
-  index.useLayoutEffect2(() => {
+  const composedRefs = index.useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
+  textarea.useLayoutEffect2(() => {
     if (contentContext.viewport && contentContext.isPositioned) {
       let handleScroll2 = function() {
         const canScrollUp2 = viewport.scrollTop > 0;
@@ -1048,8 +1397,8 @@ var SelectScrollDownButton$1 = React__namespace.forwardRef((props, forwardedRef)
   const contentContext = useSelectContentContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
   const viewportContext = useSelectViewportContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
   const [canScrollDown, setCanScrollDown] = React__namespace.useState(false);
-  const composedRefs = index$1.useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
-  index.useLayoutEffect2(() => {
+  const composedRefs = index.useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
+  textarea.useLayoutEffect2(() => {
     if (contentContext.viewport && contentContext.isPositioned) {
       let handleScroll2 = function() {
         const maxScroll = viewport.scrollHeight - viewport.clientHeight;
@@ -1091,29 +1440,29 @@ var SelectScrollButtonImpl = React__namespace.forwardRef((props, forwardedRef) =
   React__namespace.useEffect(() => {
     return () => clearAutoScrollTimer();
   }, [clearAutoScrollTimer]);
-  index.useLayoutEffect2(() => {
+  textarea.useLayoutEffect2(() => {
     const activeItem = getItems().find((item) => item.ref.current === document.activeElement);
     activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
   }, [getItems]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    index.Primitive.div,
+    textarea.Primitive.div,
     {
       "aria-hidden": true,
       ...scrollIndicatorProps,
       ref: forwardedRef,
       style: { flexShrink: 0, ...scrollIndicatorProps.style },
-      onPointerDown: index.composeEventHandlers(scrollIndicatorProps.onPointerDown, () => {
+      onPointerDown: textarea.composeEventHandlers(scrollIndicatorProps.onPointerDown, () => {
         if (autoScrollTimerRef.current === null) {
           autoScrollTimerRef.current = window.setInterval(onAutoScroll, 50);
         }
       }),
-      onPointerMove: index.composeEventHandlers(scrollIndicatorProps.onPointerMove, () => {
+      onPointerMove: textarea.composeEventHandlers(scrollIndicatorProps.onPointerMove, () => {
         contentContext.onItemLeave?.();
         if (autoScrollTimerRef.current === null) {
           autoScrollTimerRef.current = window.setInterval(onAutoScroll, 50);
         }
       }),
-      onPointerLeave: index.composeEventHandlers(scrollIndicatorProps.onPointerLeave, () => {
+      onPointerLeave: textarea.composeEventHandlers(scrollIndicatorProps.onPointerLeave, () => {
         clearAutoScrollTimer();
       })
     }
@@ -1123,7 +1472,7 @@ var SEPARATOR_NAME = "SelectSeparator";
 var SelectSeparator$1 = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...separatorProps } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(index.Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsxRuntime.jsx(textarea.Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
   }
 );
 SelectSeparator$1.displayName = SEPARATOR_NAME;
@@ -1134,7 +1483,7 @@ var SelectArrow = React__namespace.forwardRef(
     const popperScope = usePopperScope(__scopeSelect);
     const context = useSelectContext(ARROW_NAME, __scopeSelect);
     const contentContext = useSelectContentContext(ARROW_NAME, __scopeSelect);
-    return context.open && contentContext.position === "popper" ? /* @__PURE__ */ jsxRuntime.jsx(index$3.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
+    return context.open && contentContext.position === "popper" ? /* @__PURE__ */ jsxRuntime.jsx(Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
   }
 );
 SelectArrow.displayName = ARROW_NAME;
@@ -1142,7 +1491,7 @@ var BUBBLE_INPUT_NAME = "SelectBubbleInput";
 var SelectBubbleInput = React__namespace.forwardRef(
   ({ __scopeSelect, value, ...props }, forwardedRef) => {
     const ref = React__namespace.useRef(null);
-    const composedRefs = index$1.useComposedRefs(forwardedRef, ref);
+    const composedRefs = index.useComposedRefs(forwardedRef, ref);
     const prevValue = usePrevious(value);
     React__namespace.useEffect(() => {
       const select = ref.current;
@@ -1160,10 +1509,10 @@ var SelectBubbleInput = React__namespace.forwardRef(
       }
     }, [prevValue, value]);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      index.Primitive.select,
+      textarea.Primitive.select,
       {
         ...props,
-        style: { ...index$3.VISUALLY_HIDDEN_STYLES, ...props.style },
+        style: { ...VISUALLY_HIDDEN_STYLES, ...props.style },
         ref: composedRefs,
         defaultValue: value
       }
@@ -1175,7 +1524,7 @@ function shouldShowPlaceholder(value) {
   return value === "" || value === void 0;
 }
 function useTypeaheadSearch(onSearchChange) {
-  const handleSearchChange = index.useCallbackRef(onSearchChange);
+  const handleSearchChange = textarea.useCallbackRef(onSearchChange);
   const searchRef = React__namespace.useRef("");
   const timerRef = React__namespace.useRef(0);
   const handleTypeaheadSearch = React__namespace.useCallback(
@@ -1256,7 +1605,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx(Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(index$2.ChevronDown, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ jsxRuntime.jsx(Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.ChevronDown, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -1304,7 +1653,7 @@ function SelectItem({ className, children, ...props }) {
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(index$2.Check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Check, { className: "size-4" }) }) }),
         /* @__PURE__ */ jsxRuntime.jsx(ItemText, { children })
       ]
     }
@@ -1338,10 +1687,15 @@ function SelectScrollDownButton({ className, ...props }) {
       "data-slot": "select-scroll-down-button",
       className: utils.cn("flex cursor-default items-center justify-center py-1", className),
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(index$2.ChevronDown, { className: "size-4" })
+      children: /* @__PURE__ */ jsxRuntime.jsx(index$1.ChevronDown, { className: "size-4" })
     }
   );
 }
+exports.Anchor = Anchor;
+exports.Arrow = Arrow;
+exports.Content = Content;
+exports.Root = Root;
+exports.Root2 = Root2$1;
 exports.Select = Select;
 exports.SelectContent = SelectContent;
 exports.SelectGroup = SelectGroup;
@@ -1353,5 +1707,7 @@ exports.SelectSeparator = SelectSeparator;
 exports.SelectTrigger = SelectTrigger;
 exports.SelectValue = SelectValue;
 exports.createCollection = createCollection;
+exports.createPopperScope = createPopperScope;
 exports.usePrevious = usePrevious;
-//# sourceMappingURL=select-DyihZY-4.js.map
+exports.useSize = useSize;
+//# sourceMappingURL=select-C9BYUpJm.js.map