npm - @remotion/design - Versions diffs - 4.0.373 → 4.0.375 - Mend

@remotion/design 4.0.373 → 4.0.375

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/esm/index.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 // src/Button.tsx
-import { useCallback, useRef, useState as useState2 } from "react";
+import { useCallback, useRef as useRef2, useState as useState2 } from "react";
 // src/helpers/cn.ts
 import { clsx } from "clsx";
@@ -264,6 +264,7 @@ var Outer = ({
   const depth = depthFromHover;
   const frontFace = reduceMatrices([
     translateZ(-depth / 2 + depthFromClick),
+    translateZ(1.1),
     transformation
   ]);
   const centerOriented = reduceMatrices([
@@ -315,12 +316,62 @@ var Outer = ({
   });
 };
-// src/Button.tsx
+// src/Spinner.tsx
+import { useEffect as useEffect2, useMemo as useMemo2, useRef } from "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
-var Button = ({ children, className, disabled, depth, ...buttonProps }) => {
+var viewBox = 100;
+var lines = 8;
+var translated = "M 44 0 L 50 0 a 6 6 0 0 1 6 6 L 56 26 a 6 6 0 0 1 -6 6 L 50 32 a 6 6 0 0 1 -6 -6 L 44 6 a 6 6 0 0 1 6 -6 Z";
+var Spinner = ({ size, duration }) => {
+  const style = useMemo2(() => {
+    return {
+      width: size,
+      height: size
+    };
+  }, [size]);
+  const pathsRef = useRef([]);
+  useEffect2(() => {
+    const animate = () => {
+      const now = performance.now();
+      for (let index = 0;index < lines; index++) {
+        const path = pathsRef.current[index];
+        if (!path)
+          continue;
+        const progress = (now / 1000 - index * (duration / lines)) % duration / duration;
+        const opacity = 1 - 0.85 * progress;
+        path.style.opacity = opacity.toString();
+      }
+      requestAnimationFrame(animate);
+    };
+    const id = requestAnimationFrame(animate);
+    return () => {
+      cancelAnimationFrame(id);
+    };
+  }, [duration]);
+  return /* @__PURE__ */ jsx3("svg", {
+    style,
+    viewBox: `0 0 ${viewBox} ${viewBox}`,
+    children: new Array(lines).fill(true).map((_, index) => {
+      return /* @__PURE__ */ jsx3("path", {
+        ref: (el) => pathsRef.current[index] = el,
+        style: {
+          rotate: `${index * Math.PI * 2 / lines}rad`,
+          transformOrigin: "center center",
+          opacity: 1
+        },
+        d: translated,
+        fill: "currentColor"
+      }, index);
+    })
+  });
+};
+// src/Button.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var Button = ({ children, className, disabled, depth, loading, ...buttonProps }) => {
   const [dimensions, setDimensions] = useState2(null);
-  const ref = useRef(null);
-  const { isActive, progress } = useHoverTransforms(ref, Boolean(disabled));
+  const ref = useRef2(null);
+  const { isActive, progress } = useHoverTransforms(ref, Boolean(disabled || loading));
   const onPointerEnter = useCallback((e) => {
     if (e.pointerType !== "mouse") {
       return;
@@ -355,18 +406,30 @@ var Button = ({ children, className, disabled, depth, ...buttonProps }) => {
       };
     });
   }, []);
-  const content = /* @__PURE__ */ jsx3("button", {
+  const content = /* @__PURE__ */ jsxs2("button", {
     type: "button",
-    disabled,
-    className: cn("text-text", "flex", "justify-center", "bg-button-bg", "items-center", "font-brand", "border-solid", "text-[1em]", "rounded-lg", "border-black", "border-2", "border-b-4", "cursor-pointer", "px-4", "h-12", "flex", "flex-row", "items-center", "disabled:cursor-default", "disabled:border-gray-500", "disabled:text-gray-500", className),
+    disabled: disabled || loading,
+    className: cn("text-text", "flex", "justify-center", "bg-button-bg", "items-center", "font-brand", "border-solid", "text-[1em]", "rounded-lg", "border-black", "border-2", "border-b-4", "cursor-pointer", "px-4", "h-12", "flex", "flex-row", "items-center", "disabled:cursor-default", "disabled:opacity-50", "relative", "overflow-hidden", className),
     ...buttonProps,
-    children
+    children: [
+      /* @__PURE__ */ jsx4("div", {
+        className: cn(loading && "invisible", "inline-flex"),
+        children
+      }),
+      loading ? /* @__PURE__ */ jsx4("div", {
+        className: cn("absolute w-full h-full flex inset-0 items-center justify-center text-inherit bg-inherit"),
+        children: /* @__PURE__ */ jsx4(Spinner, {
+          size: 20,
+          duration: 1
+        })
+      }) : null
+    ]
   });
-  return /* @__PURE__ */ jsx3("div", {
+  return /* @__PURE__ */ jsx4("div", {
     ref,
     className: "contents",
     onPointerEnter,
-    children: dimensions && (isActive || progress > 0) ? /* @__PURE__ */ jsx3(Outer, {
+    children: dimensions && (isActive || progress > 0) ? /* @__PURE__ */ jsx4(Outer, {
       parentRef: ref,
       width: dimensions.width,
       height: dimensions.height,
@@ -378,10 +441,10 @@ var Button = ({ children, className, disabled, depth, ...buttonProps }) => {
   });
 };
 // src/Card.tsx
-import React3 from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var Card = React3.forwardRef(({ children, className, ...rest }, ref) => {
-  return /* @__PURE__ */ jsx4("div", {
+import React4 from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Card = React4.forwardRef(({ children, className, ...rest }, ref) => {
+  return /* @__PURE__ */ jsx5("div", {
     ref,
     className: cn("rounded-lg border-2 border-black bg-card-bg text-text border-b-4", className),
     ...rest,
@@ -390,23 +453,23 @@ var Card = React3.forwardRef(({ children, className, ...rest }, ref) => {
 });
 Card.displayName = "Card";
 // src/CheckIcon.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var d = "M143.056 81.4934C147.25 77.2994 147.25 70.4506 143.056 66.2566C138.862 62.0627 132.013 62.0627 127.819 66.2566L86.1875 107.888L69.1809 90.8816C64.9869 86.6877 58.1381 86.6877 53.9441 90.8816C49.7502 95.0756 49.7502 101.924 53.9441 106.118L78.5691 130.743C82.7631 134.937 89.6119 134.937 93.8059 130.743L143.056 81.4934Z";
 var CheckIcon = (props) => {
-  return /* @__PURE__ */ jsx5("svg", {
+  return /* @__PURE__ */ jsx6("svg", {
     ...props,
     viewBox: "50.79867500000001 63.11117499999997 95.40282500000015 70.77732499999999",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx5("path", {
+    children: /* @__PURE__ */ jsx6("path", {
       d,
       fill: "currentcolor"
     })
   });
 };
 // src/Counter.tsx
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
-var Triangle = ({ rotated }) => /* @__PURE__ */ jsx6("svg", {
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+var Triangle = ({ rotated }) => /* @__PURE__ */ jsx7("svg", {
   width: "12px",
   height: "7px",
   viewBox: "0 0 12 7",
@@ -414,7 +477,7 @@ var Triangle = ({ rotated }) => /* @__PURE__ */ jsx6("svg", {
   style: {
     transform: rotated ? "rotate(180deg)" : "rotate(0deg)"
   },
-  children: /* @__PURE__ */ jsx6("path", {
+  children: /* @__PURE__ */ jsx7("path", {
     className: "fill-text",
     d: "M7.17096 0.475588C6.73198 0.0764969 6.01906 0.0764969 5.58007 0.475588L1.08483 4.56228C0.761737 4.85601 0.666915 5.29341 0.84251 5.67654C1.01811 6.05966 1.42549 6.3087 1.88203 6.3087H10.8725C11.3255 6.3087 11.7364 6.05966 11.912 5.67654C12.0876 5.29341 11.9893 4.85601 11.6697 4.56228L7.17448 0.475588H7.17096Z"
   })
@@ -449,11 +512,11 @@ var Counter = ({
   const increment = () => {
     setCount(count + step);
   };
-  return /* @__PURE__ */ jsxs2(Card, {
+  return /* @__PURE__ */ jsxs3(Card, {
     style: container,
     className: cn("w-[140px] flex flex-row overflow-hidden"),
     children: [
-      /* @__PURE__ */ jsx6("input", {
+      /* @__PURE__ */ jsx7("input", {
         className: "fontbrand text-2xl font-medium min-w-[80px] border-0 text-end outline-0 text-text overflow-hidden flex-1 px-0 py-0 pr-2 w-full h-full tabular-nums",
         type: "number",
         onClick: (e) => e.currentTarget.select(),
@@ -473,28 +536,28 @@ var Counter = ({
           }
         }
       }),
-      /* @__PURE__ */ jsxs2("div", {
+      /* @__PURE__ */ jsxs3("div", {
         className: "flex flex-col  h-full",
         children: [
-          /* @__PURE__ */ jsx6("button", {
+          /* @__PURE__ */ jsx7("button", {
             type: "button",
             className: "border-0 flex-1 p-0 pt-[5px] bg-transparent",
             style: {
               ...buttonContainer
             },
             onClick: increment,
-            children: /* @__PURE__ */ jsx6(Triangle, {
+            children: /* @__PURE__ */ jsx7(Triangle, {
               rotated: false
             })
           }),
-          /* @__PURE__ */ jsx6("button", {
+          /* @__PURE__ */ jsx7("button", {
             type: "button",
             className: "border-0 flex-1 p-0 bg-transparent pb-[5px] pl-[1px]",
             style: {
               ...buttonContainer
             },
             onClick: decrement,
-            children: /* @__PURE__ */ jsx6(Triangle, {
+            children: /* @__PURE__ */ jsx7(Triangle, {
               rotated: true
             })
           })
@@ -503,21 +566,32 @@ var Counter = ({
     ]
   });
 };
+// src/Input.tsx
+import React5 from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var Input = React5.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx8("input", {
+    ref,
+    className: cn("w-full dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
+    ...props
+  });
+});
+Input.displayName = "Input";
 // src/PaperPlaneIcon.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var PlanePaperIcon = (props) => {
-  return /* @__PURE__ */ jsx7("svg", {
+  return /* @__PURE__ */ jsx9("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
     viewBox: "0 0 576 512",
-    children: /* @__PURE__ */ jsx7("path", {
+    children: /* @__PURE__ */ jsx9("path", {
       fill: "currentcolor",
       d: "M169.9 280L94.9 448.6 461.2 280 169.9 280zm291.3-48L94.9 63.4 169.9 232 461.2 232zM34.8 465.6L128 256 34.8 46.4C33 42.2 32 37.6 32 33 32 14.8 46.7 0 64.8 0 69.5 0 74.2 1 78.5 3L554.2 222c13.3 6.1 21.8 19.4 21.8 34s-8.5 27.9-21.8 34L78.5 509c-4.3 2-9 3-13.7 3-18.1 0-32.8-14.8-32.8-33 0-4.6 1-9.2 2.8-13.4z"
     })
   });
 };
 // ../../node_modules/.bun/@radix-ui+react-select@2.1.1+676b3d28333f5d10/node_modules/@radix-ui/react-select/dist/index.mjs
-import * as React32 from "react";
+import * as React34 from "react";
 import * as ReactDOM4 from "react-dom";
 // ../../node_modules/.bun/@radix-ui+number@1.1.0/node_modules/@radix-ui/number/dist/index.mjs
@@ -536,26 +610,26 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
 }
 // ../../node_modules/.bun/@radix-ui+react-collection@1.1.0+676b3d28333f5d10/node_modules/@radix-ui/react-collection/dist/index.mjs
-import React7 from "react";
+import React9 from "react";
 // ../../node_modules/.bun/@radix-ui+react-context@1.1.0+143250c3c32ebfa0/node_modules/@radix-ui/react-context/dist/index.mjs
-import * as React4 from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import * as React6 from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
-    const BaseContext = React4.createContext(defaultContext);
+    const BaseContext = React6.createContext(defaultContext);
     const index = defaultContexts.length;
     defaultContexts = [...defaultContexts, defaultContext];
     function Provider(props) {
       const { scope, children, ...context } = props;
       const Context = scope?.[scopeName][index] || BaseContext;
-      const value = React4.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsx8(Context.Provider, { value, children });
+      const value = React6.useMemo(() => context, Object.values(context));
+      return /* @__PURE__ */ jsx10(Context.Provider, { value, children });
     }
     function useContext2(consumerName, scope) {
       const Context = scope?.[scopeName][index] || BaseContext;
-      const context = React4.useContext(Context);
+      const context = React6.useContext(Context);
       if (context)
         return context;
       if (defaultContext !== undefined)
@@ -567,11 +641,11 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
   }
   const createScope = () => {
     const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React4.createContext(defaultContext);
+      return React6.createContext(defaultContext);
     });
     return function useScope(scope) {
       const contexts = scope?.[scopeName] || scopeContexts;
-      return React4.useMemo(() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }), [scope, contexts]);
+      return React6.useMemo(() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }), [scope, contexts]);
     };
   };
   createScope.scopeName = scopeName;
@@ -592,7 +666,7 @@ function composeContextScopes(...scopes) {
         const currentScope = scopeProps[`__scope${scopeName}`];
         return { ...nextScopes2, ...currentScope };
       }, {});
-      return React4.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+      return React6.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
     };
   };
   createScope.scopeName = baseScope.scopeName;
@@ -600,7 +674,7 @@ function composeContextScopes(...scopes) {
 }
 // ../../node_modules/.bun/@radix-ui+react-compose-refs@1.1.0+143250c3c32ebfa0/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-import * as React5 from "react";
+import * as React7 from "react";
 function setRef(ref, value) {
   if (typeof ref === "function") {
     ref(value);
@@ -612,49 +686,49 @@ function composeRefs(...refs) {
   return (node) => refs.forEach((ref) => setRef(ref, node));
 }
 function useComposedRefs(...refs) {
-  return React5.useCallback(composeRefs(...refs), refs);
+  return React7.useCallback(composeRefs(...refs), refs);
 }
 // ../../node_modules/.bun/@radix-ui+react-slot@1.1.0+143250c3c32ebfa0/node_modules/@radix-ui/react-slot/dist/index.mjs
-import * as React6 from "react";
-import { Fragment as Fragment2, jsx as jsx9 } from "react/jsx-runtime";
-var Slot = React6.forwardRef((props, forwardedRef) => {
+import * as React8 from "react";
+import { Fragment as Fragment2, jsx as jsx11 } from "react/jsx-runtime";
+var Slot = React8.forwardRef((props, forwardedRef) => {
   const { children, ...slotProps } = props;
-  const childrenArray = React6.Children.toArray(children);
+  const childrenArray = React8.Children.toArray(children);
   const slottable = childrenArray.find(isSlottable);
   if (slottable) {
     const newElement = slottable.props.children;
     const newChildren = childrenArray.map((child) => {
       if (child === slottable) {
-        if (React6.Children.count(newElement) > 1)
-          return React6.Children.only(null);
-        return React6.isValidElement(newElement) ? newElement.props.children : null;
+        if (React8.Children.count(newElement) > 1)
+          return React8.Children.only(null);
+        return React8.isValidElement(newElement) ? newElement.props.children : null;
       } else {
         return child;
       }
     });
-    return /* @__PURE__ */ jsx9(SlotClone, { ...slotProps, ref: forwardedRef, children: React6.isValidElement(newElement) ? React6.cloneElement(newElement, undefined, newChildren) : null });
+    return /* @__PURE__ */ jsx11(SlotClone, { ...slotProps, ref: forwardedRef, children: React8.isValidElement(newElement) ? React8.cloneElement(newElement, undefined, newChildren) : null });
   }
-  return /* @__PURE__ */ jsx9(SlotClone, { ...slotProps, ref: forwardedRef, children });
+  return /* @__PURE__ */ jsx11(SlotClone, { ...slotProps, ref: forwardedRef, children });
 });
 Slot.displayName = "Slot";
-var SlotClone = React6.forwardRef((props, forwardedRef) => {
+var SlotClone = React8.forwardRef((props, forwardedRef) => {
   const { children, ...slotProps } = props;
-  if (React6.isValidElement(children)) {
+  if (React8.isValidElement(children)) {
     const childrenRef = getElementRef(children);
-    return React6.cloneElement(children, {
+    return React8.cloneElement(children, {
       ...mergeProps(slotProps, children.props),
       ref: forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef
     });
   }
-  return React6.Children.count(children) > 1 ? React6.Children.only(null) : null;
+  return React8.Children.count(children) > 1 ? React8.Children.only(null) : null;
 });
 SlotClone.displayName = "SlotClone";
 var Slottable = ({ children }) => {
-  return /* @__PURE__ */ jsx9(Fragment2, { children });
+  return /* @__PURE__ */ jsx11(Fragment2, { children });
 };
 function isSlottable(child) {
-  return React6.isValidElement(child) && child.type === Slottable;
+  return React8.isValidElement(child) && child.type === Slottable;
 }
 function mergeProps(slotProps, childProps) {
   const overrideProps = { ...childProps };
@@ -694,7 +768,7 @@ function getElementRef(element) {
 }
 // ../../node_modules/.bun/@radix-ui+react-collection@1.1.0+676b3d28333f5d10/node_modules/@radix-ui/react-collection/dist/index.mjs
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 "use client";
 function createCollection(name) {
   const PROVIDER_NAME = name + "CollectionProvider";
@@ -702,36 +776,36 @@ function createCollection(name) {
   const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(PROVIDER_NAME, { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map });
   const CollectionProvider = (props) => {
     const { scope, children } = props;
-    const ref = React7.useRef(null);
-    const itemMap = React7.useRef(/* @__PURE__ */ new Map).current;
-    return /* @__PURE__ */ jsx10(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+    const ref = React9.useRef(null);
+    const itemMap = React9.useRef(/* @__PURE__ */ new Map).current;
+    return /* @__PURE__ */ jsx12(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
   };
   CollectionProvider.displayName = PROVIDER_NAME;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-  const CollectionSlot = React7.forwardRef((props, forwardedRef) => {
+  const CollectionSlot = React9.forwardRef((props, forwardedRef) => {
     const { scope, children } = props;
     const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
     const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
-    return /* @__PURE__ */ jsx10(Slot, { ref: composedRefs, children });
+    return /* @__PURE__ */ jsx12(Slot, { ref: composedRefs, children });
   });
   CollectionSlot.displayName = COLLECTION_SLOT_NAME;
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
-  const CollectionItemSlot = React7.forwardRef((props, forwardedRef) => {
+  const CollectionItemSlot = React9.forwardRef((props, forwardedRef) => {
     const { scope, children, ...itemData } = props;
-    const ref = React7.useRef(null);
+    const ref = React9.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
     const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-    React7.useEffect(() => {
+    React9.useEffect(() => {
       context.itemMap.set(ref, { ref, ...itemData });
       return () => void context.itemMap.delete(ref);
     });
-    return /* @__PURE__ */ jsx10(Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+    return /* @__PURE__ */ jsx12(Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
   });
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
   function useCollection(scope) {
     const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = React7.useCallback(() => {
+    const getItems = React9.useCallback(() => {
       const collectionNode = context.collectionRef.current;
       if (!collectionNode)
         return [];
@@ -750,21 +824,21 @@ function createCollection(name) {
 }
 // ../../node_modules/.bun/@radix-ui+react-direction@1.1.0+143250c3c32ebfa0/node_modules/@radix-ui/react-direction/dist/index.mjs
-import * as React8 from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var DirectionContext = React8.createContext(undefined);
+import * as React10 from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var DirectionContext = React10.createContext(undefined);
 function useDirection(localDir) {
-  const globalDir = React8.useContext(DirectionContext);
+  const globalDir = React10.useContext(DirectionContext);
   return localDir || globalDir || "ltr";
 }
 // ../../node_modules/.bun/@radix-ui+react-dismissable-layer@1.1.0+676b3d28333f5d10/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-import * as React12 from "react";
+import * as React14 from "react";
 // ../../node_modules/.bun/@radix-ui+react-primitive@2.0.0+676b3d28333f5d10/node_modules/@radix-ui/react-primitive/dist/index.mjs
-import * as React9 from "react";
+import * as React11 from "react";
 import * as ReactDOM from "react-dom";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var NODES = [
   "a",
   "button",
@@ -784,13 +858,13 @@ var NODES = [
   "ul"
 ];
 var Primitive = NODES.reduce((primitive, node) => {
-  const Node2 = React9.forwardRef((props, forwardedRef) => {
+  const Node2 = React11.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
     if (typeof window !== "undefined") {
       window[Symbol.for("radix-ui")] = true;
     }
-    return /* @__PURE__ */ jsx12(Comp, { ...primitiveProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx14(Comp, { ...primitiveProps, ref: forwardedRef });
   });
   Node2.displayName = `Primitive.${node}`;
   return { ...primitive, [node]: Node2 };
@@ -801,20 +875,20 @@ function dispatchDiscreteCustomEvent(target, event) {
 }
 // ../../node_modules/.bun/@radix-ui+react-use-callback-ref@1.1.0+143250c3c32ebfa0/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
-import * as React10 from "react";
+import * as React12 from "react";
 function useCallbackRef(callback) {
-  const callbackRef = React10.useRef(callback);
-  React10.useEffect(() => {
+  const callbackRef = React12.useRef(callback);
+  React12.useEffect(() => {
     callbackRef.current = callback;
   });
-  return React10.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+  return React12.useMemo(() => (...args) => callbackRef.current?.(...args), []);
 }
 // ../../node_modules/.bun/@radix-ui+react-use-escape-keydown@1.1.0+143250c3c32ebfa0/node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
-import * as React11 from "react";
+import * as React13 from "react";
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
   const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
         onEscapeKeyDown(event);
@@ -826,19 +900,19 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.docum
 }
 // ../../node_modules/.bun/@radix-ui+react-dismissable-layer@1.1.0+676b3d28333f5d10/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 "use client";
 var DISMISSABLE_LAYER_NAME = "DismissableLayer";
 var CONTEXT_UPDATE = "dismissableLayer.update";
 var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
 var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
 var originalBodyPointerEvents;
-var DismissableLayerContext = React12.createContext({
+var DismissableLayerContext = React14.createContext({
   layers: /* @__PURE__ */ new Set,
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set,
   branches: /* @__PURE__ */ new Set
 });
-var DismissableLayer = React12.forwardRef((props, forwardedRef) => {
+var DismissableLayer = React14.forwardRef((props, forwardedRef) => {
   const {
     disableOutsidePointerEvents = false,
     onEscapeKeyDown,
@@ -848,10 +922,10 @@ var DismissableLayer = React12.forwardRef((props, forwardedRef) => {
     onDismiss,
     ...layerProps
   } = props;
-  const context = React12.useContext(DismissableLayerContext);
-  const [node, setNode] = React12.useState(null);
+  const context = React14.useContext(DismissableLayerContext);
+  const [node, setNode] = React14.useState(null);
   const ownerDocument = node?.ownerDocument ?? globalThis?.document;
-  const [, force] = React12.useState({});
+  const [, force] = React14.useState({});
   const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
   const layers = Array.from(context.layers);
   const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
@@ -889,7 +963,7 @@ var DismissableLayer = React12.forwardRef((props, forwardedRef) => {
       onDismiss();
     }
   }, ownerDocument);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (!node)
       return;
     if (disableOutsidePointerEvents) {
@@ -907,7 +981,7 @@ var DismissableLayer = React12.forwardRef((props, forwardedRef) => {
       }
     };
   }, [node, ownerDocument, disableOutsidePointerEvents, context]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     return () => {
       if (!node)
         return;
@@ -916,12 +990,12 @@ var DismissableLayer = React12.forwardRef((props, forwardedRef) => {
       dispatchUpdate();
     };
   }, [node, context]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     const handleUpdate = () => force({});
     document.addEventListener(CONTEXT_UPDATE, handleUpdate);
     return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
   }, []);
-  return /* @__PURE__ */ jsx13(Primitive.div, {
+  return /* @__PURE__ */ jsx15(Primitive.div, {
     ...layerProps,
     ref: composedRefs,
     style: {
@@ -935,11 +1009,11 @@ var DismissableLayer = React12.forwardRef((props, forwardedRef) => {
 });
 DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
 var BRANCH_NAME = "DismissableLayerBranch";
-var DismissableLayerBranch = React12.forwardRef((props, forwardedRef) => {
-  const context = React12.useContext(DismissableLayerContext);
-  const ref = React12.useRef(null);
+var DismissableLayerBranch = React14.forwardRef((props, forwardedRef) => {
+  const context = React14.useContext(DismissableLayerContext);
+  const ref = React14.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     const node = ref.current;
     if (node) {
       context.branches.add(node);
@@ -948,14 +1022,14 @@ var DismissableLayerBranch = React12.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx13(Primitive.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx15(Primitive.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
   const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
-  const isPointerInsideReactTreeRef = React12.useRef(false);
-  const handleClickRef = React12.useRef(() => {});
-  React12.useEffect(() => {
+  const isPointerInsideReactTreeRef = React14.useRef(false);
+  const handleClickRef = React14.useRef(() => {});
+  React14.useEffect(() => {
     const handlePointerDown = (event) => {
       if (event.target && !isPointerInsideReactTreeRef.current) {
         let handleAndDispatchPointerDownOutsideEvent2 = function() {
@@ -990,8 +1064,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
 }
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
   const handleFocusOutside = useCallbackRef(onFocusOutside);
-  const isFocusInsideReactTreeRef = React12.useRef(false);
-  React12.useEffect(() => {
+  const isFocusInsideReactTreeRef = React14.useRef(false);
+  React14.useEffect(() => {
     const handleFocus = (event) => {
       if (event.target && !isFocusInsideReactTreeRef.current) {
         const eventDetail = { originalEvent: event };
@@ -1025,11 +1099,11 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
 }
 // ../../node_modules/.bun/@radix-ui+react-focus-guards@1.1.0+143250c3c32ebfa0/node_modules/@radix-ui/react-focus-guards/dist/index.mjs
-import * as React13 from "react";
+import * as React15 from "react";
 "use client";
 var count = 0;
 function useFocusGuards() {
-  React13.useEffect(() => {
+  React15.useEffect(() => {
     const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
     document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
     document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
@@ -1051,14 +1125,14 @@ function createFocusGuard() {
 }
 // ../../node_modules/.bun/@radix-ui+react-focus-scope@1.1.0+676b3d28333f5d10/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
-import * as React14 from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import * as React16 from "react";
+import { jsx as jsx16 } from "react/jsx-runtime";
 "use client";
 var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
 var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
 var EVENT_OPTIONS = { bubbles: false, cancelable: true };
 var FOCUS_SCOPE_NAME = "FocusScope";
-var FocusScope = React14.forwardRef((props, forwardedRef) => {
+var FocusScope = React16.forwardRef((props, forwardedRef) => {
   const {
     loop = false,
     trapped = false,
@@ -1066,12 +1140,12 @@ var FocusScope = React14.forwardRef((props, forwardedRef) => {
     onUnmountAutoFocus: onUnmountAutoFocusProp,
     ...scopeProps
   } = props;
-  const [container2, setContainer] = React14.useState(null);
+  const [container2, setContainer] = React16.useState(null);
   const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
   const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
-  const lastFocusedElementRef = React14.useRef(null);
+  const lastFocusedElementRef = React16.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
-  const focusScope = React14.useRef({
+  const focusScope = React16.useRef({
     paused: false,
     pause() {
       this.paused = true;
@@ -1080,7 +1154,7 @@ var FocusScope = React14.forwardRef((props, forwardedRef) => {
       this.paused = false;
     }
   }).current;
-  React14.useEffect(() => {
+  React16.useEffect(() => {
     if (trapped) {
       let handleFocusIn2 = function(event) {
         if (focusScope.paused || !container2)
@@ -1122,7 +1196,7 @@ var FocusScope = React14.forwardRef((props, forwardedRef) => {
       };
     }
   }, [trapped, container2, focusScope.paused]);
-  React14.useEffect(() => {
+  React16.useEffect(() => {
     if (container2) {
       focusScopesStack.add(focusScope);
       const previouslyFocusedElement = document.activeElement;
@@ -1153,7 +1227,7 @@ var FocusScope = React14.forwardRef((props, forwardedRef) => {
       };
     }
   }, [container2, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
-  const handleKeyDown = React14.useCallback((event) => {
+  const handleKeyDown = React16.useCallback((event) => {
     if (!loop && !trapped)
       return;
     if (focusScope.paused)
@@ -1180,7 +1254,7 @@ var FocusScope = React14.forwardRef((props, forwardedRef) => {
       }
     }
   }, [loop, trapped, focusScope.paused]);
-  return /* @__PURE__ */ jsx14(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsx16(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
 function focusFirst(candidates, { select = false } = {}) {
@@ -1271,19 +1345,19 @@ function removeLinks(items) {
 }
 // ../../node_modules/.bun/@radix-ui+react-id@1.1.0+143250c3c32ebfa0/node_modules/@radix-ui/react-id/dist/index.mjs
-import * as React16 from "react";
+import * as React18 from "react";
 // ../../node_modules/.bun/@radix-ui+react-use-layout-effect@1.1.0+143250c3c32ebfa0/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
-import * as React15 from "react";
-var useLayoutEffect2 = Boolean(globalThis?.document) ? React15.useLayoutEffect : () => {};
+import * as React17 from "react";
+var useLayoutEffect2 = Boolean(globalThis?.document) ? React17.useLayoutEffect : () => {};
 // ../../node_modules/.bun/@radix-ui+react-id@1.1.0+143250c3c32ebfa0/node_modules/@radix-ui/react-id/dist/index.mjs
-var useReactId = React16["useId".toString()] || (() => {
+var useReactId = React18["useId".toString()] || (() => {
   return;
 });
 var count2 = 0;
 function useId(deterministicId) {
-  const [id, setId] = React16.useState(useReactId());
+  const [id, setId] = React18.useState(useReactId());
   useLayoutEffect2(() => {
     if (!deterministicId)
       setId((reactId) => reactId ?? String(count2++));
@@ -1292,7 +1366,7 @@ function useId(deterministicId) {
 }
 // ../../node_modules/.bun/@radix-ui+react-popper@1.2.0+676b3d28333f5d10/node_modules/@radix-ui/react-popper/dist/index.mjs
-import * as React20 from "react";
+import * as React22 from "react";
 // ../../node_modules/.bun/@floating-ui+utils@0.2.7/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
 var sides = ["top", "right", "bottom", "left"];
@@ -2814,10 +2888,10 @@ var computePosition2 = (reference, floating, options) => {
 };
 // ../../node_modules/.bun/@floating-ui+react-dom@2.1.1+1eeaf37cadfdd01a/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
-import * as React17 from "react";
-import { useLayoutEffect as useLayoutEffect3, useEffect as useEffect7 } from "react";
+import * as React19 from "react";
+import { useLayoutEffect as useLayoutEffect3, useEffect as useEffect8 } from "react";
 import * as ReactDOM2 from "react-dom";
-var index = typeof document !== "undefined" ? useLayoutEffect3 : useEffect7;
+var index = typeof document !== "undefined" ? useLayoutEffect3 : useEffect8;
 function deepEqual(a, b) {
   if (a === b) {
     return true;
@@ -2878,7 +2952,7 @@ function roundByDPR(element, value) {
   return Math.round(value * dpr) / dpr;
 }
 function useLatestRef(value) {
-  const ref = React17.useRef(value);
+  const ref = React19.useRef(value);
   index(() => {
     ref.current = value;
   });
@@ -2901,7 +2975,7 @@ function useFloating(options) {
     whileElementsMounted,
     open
   } = options;
-  const [data, setData] = React17.useState({
+  const [data, setData] = React19.useState({
     x: 0,
     y: 0,
     strategy,
@@ -2909,19 +2983,19 @@ function useFloating(options) {
     middlewareData: {},
     isPositioned: false
   });
-  const [latestMiddleware, setLatestMiddleware] = React17.useState(middleware);
+  const [latestMiddleware, setLatestMiddleware] = React19.useState(middleware);
   if (!deepEqual(latestMiddleware, middleware)) {
     setLatestMiddleware(middleware);
   }
-  const [_reference, _setReference] = React17.useState(null);
-  const [_floating, _setFloating] = React17.useState(null);
-  const setReference = React17.useCallback((node) => {
+  const [_reference, _setReference] = React19.useState(null);
+  const [_floating, _setFloating] = React19.useState(null);
+  const setReference = React19.useCallback((node) => {
     if (node !== referenceRef.current) {
       referenceRef.current = node;
       _setReference(node);
     }
   }, []);
-  const setFloating = React17.useCallback((node) => {
+  const setFloating = React19.useCallback((node) => {
     if (node !== floatingRef.current) {
       floatingRef.current = node;
       _setFloating(node);
@@ -2929,13 +3003,13 @@ function useFloating(options) {
   }, []);
   const referenceEl = externalReference || _reference;
   const floatingEl = externalFloating || _floating;
-  const referenceRef = React17.useRef(null);
-  const floatingRef = React17.useRef(null);
-  const dataRef = React17.useRef(data);
+  const referenceRef = React19.useRef(null);
+  const floatingRef = React19.useRef(null);
+  const dataRef = React19.useRef(data);
   const hasWhileElementsMounted = whileElementsMounted != null;
   const whileElementsMountedRef = useLatestRef(whileElementsMounted);
   const platformRef = useLatestRef(platform2);
-  const update = React17.useCallback(() => {
+  const update = React19.useCallback(() => {
     if (!referenceRef.current || !floatingRef.current) {
       return;
     }
@@ -2969,7 +3043,7 @@ function useFloating(options) {
       }));
     }
   }, [open]);
-  const isMountedRef = React17.useRef(false);
+  const isMountedRef = React19.useRef(false);
   index(() => {
     isMountedRef.current = true;
     return () => {
@@ -2988,17 +3062,17 @@ function useFloating(options) {
       update();
     }
   }, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
-  const refs = React17.useMemo(() => ({
+  const refs = React19.useMemo(() => ({
     reference: referenceRef,
     floating: floatingRef,
     setReference,
     setFloating
   }), [setReference, setFloating]);
-  const elements = React17.useMemo(() => ({
+  const elements = React19.useMemo(() => ({
     reference: referenceEl,
     floating: floatingEl
   }), [referenceEl, floatingEl]);
-  const floatingStyles = React17.useMemo(() => {
+  const floatingStyles = React19.useMemo(() => {
     const initialStyles = {
       position: strategy,
       left: 0,
@@ -3024,7 +3098,7 @@ function useFloating(options) {
       top: y
     };
   }, [strategy, transform, elements.floating, data.x, data.y]);
-  return React17.useMemo(() => ({
+  return React19.useMemo(() => ({
     ...data,
     update,
     refs,
@@ -3093,28 +3167,28 @@ var arrow3 = (options, deps) => ({
 });
 // ../../node_modules/.bun/@radix-ui+react-arrow@1.1.0+676b3d28333f5d10/node_modules/@radix-ui/react-arrow/dist/index.mjs
-import * as React18 from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import * as React20 from "react";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var NAME = "Arrow";
-var Arrow = React18.forwardRef((props, forwardedRef) => {
+var Arrow = React20.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
-  return /* @__PURE__ */ jsx15(Primitive.svg, {
+  return /* @__PURE__ */ jsx17(Primitive.svg, {
     ...arrowProps,
     ref: forwardedRef,
     width,
     height,
     viewBox: "0 0 30 10",
     preserveAspectRatio: "none",
-    children: props.asChild ? children : /* @__PURE__ */ jsx15("polygon", { points: "0,0 30,0 15,10" })
+    children: props.asChild ? children : /* @__PURE__ */ jsx17("polygon", { points: "0,0 30,0 15,10" })
   });
 });
 Arrow.displayName = NAME;
 var Root = Arrow;
 // ../../node_modules/.bun/@radix-ui+react-use-size@1.1.0+143250c3c32ebfa0/node_modules/@radix-ui/react-use-size/dist/index.mjs
-import * as React19 from "react";
+import * as React21 from "react";
 function useSize(element) {
-  const [size4, setSize] = React19.useState(undefined);
+  const [size4, setSize] = React21.useState(undefined);
   useLayoutEffect2(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
@@ -3149,32 +3223,32 @@ function useSize(element) {
 }
 // ../../node_modules/.bun/@radix-ui+react-popper@1.2.0+676b3d28333f5d10/node_modules/@radix-ui/react-popper/dist/index.mjs
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 "use client";
 var POPPER_NAME = "Popper";
 var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = (props) => {
   const { __scopePopper, children } = props;
-  const [anchor, setAnchor] = React20.useState(null);
-  return /* @__PURE__ */ jsx16(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
+  const [anchor, setAnchor] = React22.useState(null);
+  return /* @__PURE__ */ jsx18(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
 };
 Popper.displayName = POPPER_NAME;
 var ANCHOR_NAME = "PopperAnchor";
-var PopperAnchor = React20.forwardRef((props, forwardedRef) => {
+var PopperAnchor = React22.forwardRef((props, forwardedRef) => {
   const { __scopePopper, virtualRef, ...anchorProps } = props;
   const context = usePopperContext(ANCHOR_NAME, __scopePopper);
-  const ref = React20.useRef(null);
+  const ref = React22.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  React20.useEffect(() => {
+  React22.useEffect(() => {
     context.onAnchorChange(virtualRef?.current || ref.current);
   });
-  return virtualRef ? null : /* @__PURE__ */ jsx16(Primitive.div, { ...anchorProps, ref: composedRefs });
+  return virtualRef ? null : /* @__PURE__ */ jsx18(Primitive.div, { ...anchorProps, ref: composedRefs });
 });
 PopperAnchor.displayName = ANCHOR_NAME;
 var CONTENT_NAME = "PopperContent";
 var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME);
-var PopperContent = React20.forwardRef((props, forwardedRef) => {
+var PopperContent = React22.forwardRef((props, forwardedRef) => {
   const {
     __scopePopper,
     side = "bottom",
@@ -3192,9 +3266,9 @@ var PopperContent = React20.forwardRef((props, forwardedRef) => {
     ...contentProps
   } = props;
   const context = usePopperContext(CONTENT_NAME, __scopePopper);
-  const [content, setContent] = React20.useState(null);
+  const [content, setContent] = React22.useState(null);
   const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
-  const [arrow4, setArrow] = React20.useState(null);
+  const [arrow4, setArrow] = React22.useState(null);
   const arrowSize = useSize(arrow4);
   const arrowWidth = arrowSize?.width ?? 0;
   const arrowHeight = arrowSize?.height ?? 0;
@@ -3254,12 +3328,12 @@ var PopperContent = React20.forwardRef((props, forwardedRef) => {
   const arrowX = middlewareData.arrow?.x;
   const arrowY = middlewareData.arrow?.y;
   const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
-  const [contentZIndex, setContentZIndex] = React20.useState();
+  const [contentZIndex, setContentZIndex] = React22.useState();
   useLayoutEffect2(() => {
     if (content)
       setContentZIndex(window.getComputedStyle(content).zIndex);
   }, [content]);
-  return /* @__PURE__ */ jsx16("div", {
+  return /* @__PURE__ */ jsx18("div", {
     ref: refs.setFloating,
     "data-radix-popper-content-wrapper": "",
     style: {
@@ -3277,14 +3351,14 @@ var PopperContent = React20.forwardRef((props, forwardedRef) => {
       }
     },
     dir: props.dir,
-    children: /* @__PURE__ */ jsx16(PopperContentProvider, {
+    children: /* @__PURE__ */ jsx18(PopperContentProvider, {
       scope: __scopePopper,
       placedSide,
       onArrowChange: setArrow,
       arrowX,
       arrowY,
       shouldHideArrow: cannotCenterArrow,
-      children: /* @__PURE__ */ jsx16(Primitive.div, {
+      children: /* @__PURE__ */ jsx18(Primitive.div, {
         "data-side": placedSide,
         "data-align": placedAlign,
         ...contentProps,
@@ -3305,11 +3379,11 @@ var OPPOSITE_SIDE = {
   bottom: "top",
   left: "right"
 };
-var PopperArrow = React20.forwardRef(function PopperArrow2(props, forwardedRef) {
+var PopperArrow = React22.forwardRef(function PopperArrow2(props, forwardedRef) {
   const { __scopePopper, ...arrowProps } = props;
   const contentContext = useContentContext(ARROW_NAME, __scopePopper);
   const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
-  return /* @__PURE__ */ jsx16("span", {
+  return /* @__PURE__ */ jsx18("span", {
     ref: contentContext.onArrowChange,
     style: {
       position: "absolute",
@@ -3330,7 +3404,7 @@ var PopperArrow = React20.forwardRef(function PopperArrow2(props, forwardedRef)
       }[contentContext.placedSide],
       visibility: contentContext.shouldHideArrow ? "hidden" : undefined
     },
-    children: /* @__PURE__ */ jsx16(Root, {
+    children: /* @__PURE__ */ jsx18(Root, {
       ...arrowProps,
       ref: forwardedRef,
       style: {
@@ -3385,22 +3459,22 @@ var Content = PopperContent;
 var Arrow2 = PopperArrow;
 // ../../node_modules/.bun/@radix-ui+react-portal@1.1.1+676b3d28333f5d10/node_modules/@radix-ui/react-portal/dist/index.mjs
-import * as React21 from "react";
+import * as React23 from "react";
 import ReactDOM3 from "react-dom";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 "use client";
 var PORTAL_NAME = "Portal";
-var Portal = React21.forwardRef((props, forwardedRef) => {
+var Portal = React23.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
-  const [mounted, setMounted] = React21.useState(false);
+  const [mounted, setMounted] = React23.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container2 = containerProp || mounted && globalThis?.document?.body;
-  return container2 ? ReactDOM3.createPortal(/* @__PURE__ */ jsx17(Primitive.div, { ...portalProps, ref: forwardedRef }), container2) : null;
+  return container2 ? ReactDOM3.createPortal(/* @__PURE__ */ jsx19(Primitive.div, { ...portalProps, ref: forwardedRef }), container2) : null;
 });
 Portal.displayName = PORTAL_NAME;
 // ../../node_modules/.bun/@radix-ui+react-use-controllable-state@1.1.0+143250c3c32ebfa0/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
-import * as React22 from "react";
+import * as React24 from "react";
 function useControllableState({
   prop,
   defaultProp,
@@ -3410,7 +3484,7 @@ function useControllableState({
   const isControlled = prop !== undefined;
   const value = isControlled ? prop : uncontrolledProp;
   const handleChange = useCallbackRef(onChange);
-  const setValue = React22.useCallback((nextValue) => {
+  const setValue = React24.useCallback((nextValue) => {
     if (isControlled) {
       const setter = nextValue;
       const value2 = typeof nextValue === "function" ? setter(prop) : nextValue;
@@ -3426,11 +3500,11 @@ function useUncontrolledState({
   defaultProp,
   onChange
 }) {
-  const uncontrolledState = React22.useState(defaultProp);
+  const uncontrolledState = React24.useState(defaultProp);
   const [value] = uncontrolledState;
-  const prevValueRef = React22.useRef(value);
+  const prevValueRef = React24.useRef(value);
   const handleChange = useCallbackRef(onChange);
-  React22.useEffect(() => {
+  React24.useEffect(() => {
     if (prevValueRef.current !== value) {
       handleChange(value);
       prevValueRef.current = value;
@@ -3440,10 +3514,10 @@ function useUncontrolledState({
 }
 // ../../node_modules/.bun/@radix-ui+react-use-previous@1.1.0+143250c3c32ebfa0/node_modules/@radix-ui/react-use-previous/dist/index.mjs
-import * as React23 from "react";
+import * as React25 from "react";
 function usePrevious(value) {
-  const ref = React23.useRef({ value, previous: value });
-  return React23.useMemo(() => {
+  const ref = React25.useRef({ value, previous: value });
+  return React25.useMemo(() => {
     if (ref.current.value !== value) {
       ref.current.previous = ref.current.value;
       ref.current.value = value;
@@ -3453,11 +3527,11 @@ function usePrevious(value) {
 }
 // ../../node_modules/.bun/@radix-ui+react-visually-hidden@1.1.0+676b3d28333f5d10/node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
-import * as React24 from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import * as React26 from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var NAME2 = "VisuallyHidden";
-var VisuallyHidden = React24.forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ jsx18(Primitive.span, {
+var VisuallyHidden = React26.forwardRef((props, forwardedRef) => {
+  return /* @__PURE__ */ jsx20(Primitive.span, {
     ...props,
     ref: forwardedRef,
     style: {
@@ -3636,10 +3710,10 @@ function __spreadArray(to, from, pack) {
 }
 // ../../node_modules/.bun/react-remove-scroll@2.5.7+143250c3c32ebfa0/node_modules/react-remove-scroll/dist/es2015/Combination.js
-import * as React31 from "react";
+import * as React33 from "react";
 // ../../node_modules/.bun/react-remove-scroll@2.5.7+143250c3c32ebfa0/node_modules/react-remove-scroll/dist/es2015/UI.js
-import * as React27 from "react";
+import * as React29 from "react";
 // ../../node_modules/.bun/react-remove-scroll-bar@2.3.8+143250c3c32ebfa0/node_modules/react-remove-scroll-bar/dist/es2015/constants.js
 var zeroRightClassName = "right-scroll-bar-position";
@@ -3683,8 +3757,8 @@ function useCallbackRef2(initialValue, callback) {
 }
 // ../../node_modules/.bun/use-callback-ref@1.3.3+143250c3c32ebfa0/node_modules/use-callback-ref/dist/es2015/useMergeRef.js
-import * as React25 from "react";
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React25.useLayoutEffect : React25.useEffect;
+import * as React27 from "react";
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React27.useLayoutEffect : React27.useEffect;
 var currentValues = new WeakMap;
 function useMergeRefs(refs, defaultValue) {
   var callbackRef = useCallbackRef2(defaultValue || null, function(newValue) {
@@ -3799,7 +3873,7 @@ function createSidecarMedium(options) {
   return medium;
 }
 // ../../node_modules/.bun/use-sidecar@1.1.3+143250c3c32ebfa0/node_modules/use-sidecar/dist/es2015/exports.js
-import * as React26 from "react";
+import * as React28 from "react";
 var SideCar = function(_a) {
   var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
   if (!sideCar) {
@@ -3809,7 +3883,7 @@ var SideCar = function(_a) {
   if (!Target) {
     throw new Error("Sidecar medium not found");
   }
-  return React26.createElement(Target, __assign({}, rest));
+  return React28.createElement(Target, __assign({}, rest));
 };
 SideCar.isSideCarExport = true;
 function exportSidecar(medium, exported) {
@@ -3823,9 +3897,9 @@ var effectCar = createSidecarMedium();
 var nothing = function() {
   return;
 };
-var RemoveScroll = React27.forwardRef(function(props, parentRef) {
-  var ref = React27.useRef(null);
-  var _a = React27.useState({
+var RemoveScroll = React29.forwardRef(function(props, parentRef) {
+  var ref = React29.useRef(null);
+  var _a = React29.useState({
     onScrollCapture: nothing,
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
@@ -3834,7 +3908,7 @@ var RemoveScroll = React27.forwardRef(function(props, parentRef) {
   var SideCar2 = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = __assign(__assign({}, rest), callbacks);
-  return React27.createElement(React27.Fragment, null, enabled && React27.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }), forwardProps ? React27.cloneElement(React27.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React27.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children));
+  return React29.createElement(React29.Fragment, null, enabled && React29.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }), forwardProps ? React29.cloneElement(React29.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React29.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children));
 });
 RemoveScroll.defaultProps = {
   enabled: true,
@@ -3847,13 +3921,13 @@ RemoveScroll.classNames = {
 };
 // ../../node_modules/.bun/react-remove-scroll@2.5.7+143250c3c32ebfa0/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
-import * as React30 from "react";
+import * as React32 from "react";
 // ../../node_modules/.bun/react-remove-scroll-bar@2.3.8+143250c3c32ebfa0/node_modules/react-remove-scroll-bar/dist/es2015/component.js
-import * as React29 from "react";
+import * as React31 from "react";
 // ../../node_modules/.bun/react-style-singleton@2.2.3+143250c3c32ebfa0/node_modules/react-style-singleton/dist/es2015/hook.js
-import * as React28 from "react";
+import * as React30 from "react";
 // ../../node_modules/.bun/get-nonce@1.0.1/node_modules/get-nonce/dist/es2015/index.js
 var currentNonce;
@@ -3917,7 +3991,7 @@ var stylesheetSingleton = function() {
 var styleHookSingleton = function() {
   var sheet = stylesheetSingleton();
   return function(styles, isDynamic) {
-    React28.useEffect(function() {
+    React30.useEffect(function() {
       sheet.add(styles);
       return function() {
         sheet.remove();
@@ -4027,7 +4101,7 @@ var getCurrentUseCounter = function() {
   return isFinite(counter) ? counter : 0;
 };
 var useLockAttribute = function() {
-  React29.useEffect(function() {
+  React31.useEffect(function() {
     document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
     return function() {
       var newCounter = getCurrentUseCounter() - 1;
@@ -4042,10 +4116,10 @@ var useLockAttribute = function() {
 var RemoveScrollBar = function(_a) {
   var { noRelative, noImportant, gapMode: _b } = _a, gapMode = _b === undefined ? "margin" : _b;
   useLockAttribute();
-  var gap = React29.useMemo(function() {
+  var gap = React31.useMemo(function() {
     return getGapWidth(gapMode);
   }, [gapMode]);
-  return React29.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
+  return React31.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
 };
 // ../../node_modules/.bun/react-remove-scroll@2.5.7+143250c3c32ebfa0/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
@@ -4178,16 +4252,16 @@ var generateStyle = function(id) {
 var idCounter = 0;
 var lockStack = [];
 function RemoveScrollSideCar(props) {
-  var shouldPreventQueue = React30.useRef([]);
-  var touchStartRef = React30.useRef([0, 0]);
-  var activeAxis = React30.useRef();
-  var id = React30.useState(idCounter++)[0];
-  var Style2 = React30.useState(styleSingleton)[0];
-  var lastProps = React30.useRef(props);
-  React30.useEffect(function() {
+  var shouldPreventQueue = React32.useRef([]);
+  var touchStartRef = React32.useRef([0, 0]);
+  var activeAxis = React32.useRef();
+  var id = React32.useState(idCounter++)[0];
+  var Style2 = React32.useState(styleSingleton)[0];
+  var lastProps = React32.useRef(props);
+  React32.useEffect(function() {
     lastProps.current = props;
   }, [props]);
-  React30.useEffect(function() {
+  React32.useEffect(function() {
     if (props.inert) {
       document.body.classList.add("block-interactivity-".concat(id));
       var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
@@ -4203,7 +4277,7 @@ function RemoveScrollSideCar(props) {
     }
     return;
   }, [props.inert, props.lockRef.current, props.shards]);
-  var shouldCancelEvent = React30.useCallback(function(event, parent) {
+  var shouldCancelEvent = React32.useCallback(function(event, parent) {
     if ("touches" in event && event.touches.length === 2) {
       return !lastProps.current.allowPinchZoom;
     }
@@ -4239,7 +4313,7 @@ function RemoveScrollSideCar(props) {
     var cancelingAxis = activeAxis.current || currentAxis;
     return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
   }, []);
-  var shouldPrevent = React30.useCallback(function(_event) {
+  var shouldPrevent = React32.useCallback(function(_event) {
     var event = _event;
     if (!lockStack.length || lockStack[lockStack.length - 1] !== Style2) {
       return;
@@ -4266,7 +4340,7 @@ function RemoveScrollSideCar(props) {
       }
     }
   }, []);
-  var shouldCancel = React30.useCallback(function(name, delta, target, should) {
+  var shouldCancel = React32.useCallback(function(name, delta, target, should) {
     var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
     shouldPreventQueue.current.push(event);
     setTimeout(function() {
@@ -4275,17 +4349,17 @@ function RemoveScrollSideCar(props) {
       });
     }, 1);
   }, []);
-  var scrollTouchStart = React30.useCallback(function(event) {
+  var scrollTouchStart = React32.useCallback(function(event) {
     touchStartRef.current = getTouchXY(event);
     activeAxis.current = undefined;
   }, []);
-  var scrollWheel = React30.useCallback(function(event) {
+  var scrollWheel = React32.useCallback(function(event) {
     shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  var scrollTouchMove = React30.useCallback(function(event) {
+  var scrollTouchMove = React32.useCallback(function(event) {
     shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  React30.useEffect(function() {
+  React32.useEffect(function() {
     lockStack.push(Style2);
     props.setCallbacks({
       onScrollCapture: scrollWheel,
@@ -4305,7 +4379,7 @@ function RemoveScrollSideCar(props) {
     };
   }, []);
   var { removeScrollBar, inert } = props;
-  return React30.createElement(React30.Fragment, null, inert ? React30.createElement(Style2, { styles: generateStyle(id) }) : null, removeScrollBar ? React30.createElement(RemoveScrollBar, { gapMode: props.gapMode }) : null);
+  return React32.createElement(React32.Fragment, null, inert ? React32.createElement(Style2, { styles: generateStyle(id) }) : null, removeScrollBar ? React32.createElement(RemoveScrollBar, { gapMode: props.gapMode }) : null);
 }
 function getOutermostShadowParent(node) {
   var shadowParent = null;
@@ -4323,14 +4397,14 @@ function getOutermostShadowParent(node) {
 var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
 // ../../node_modules/.bun/react-remove-scroll@2.5.7+143250c3c32ebfa0/node_modules/react-remove-scroll/dist/es2015/Combination.js
-var ReactRemoveScroll = React31.forwardRef(function(props, ref) {
-  return React31.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
+var ReactRemoveScroll = React33.forwardRef(function(props, ref) {
+  return React33.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
 });
 ReactRemoveScroll.classNames = RemoveScroll.classNames;
 var Combination_default = ReactRemoveScroll;
 // ../../node_modules/.bun/@radix-ui+react-select@2.1.1+676b3d28333f5d10/node_modules/@radix-ui/react-select/dist/index.mjs
-import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs4 } from "react/jsx-runtime";
 "use client";
 var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
 var SELECTION_KEYS = [" ", "Enter"];
@@ -4360,9 +4434,9 @@ var Select = (props) => {
     required
   } = props;
   const popperScope = usePopperScope(__scopeSelect);
-  const [trigger, setTrigger] = React32.useState(null);
-  const [valueNode, setValueNode] = React32.useState(null);
-  const [valueNodeHasChildren, setValueNodeHasChildren] = React32.useState(false);
+  const [trigger, setTrigger] = React34.useState(null);
+  const [valueNode, setValueNode] = React34.useState(null);
+  const [valueNodeHasChildren, setValueNodeHasChildren] = React34.useState(false);
   const direction = useDirection(dir);
   const [open = false, setOpen] = useControllableState({
     prop: openProp,
@@ -4374,11 +4448,11 @@ var Select = (props) => {
     defaultProp: defaultValue,
     onChange: onValueChange
   });
-  const triggerPointerDownPosRef = React32.useRef(null);
+  const triggerPointerDownPosRef = React34.useRef(null);
   const isFormControl = trigger ? Boolean(trigger.closest("form")) : true;
-  const [nativeOptionsSet, setNativeOptionsSet] = React32.useState(/* @__PURE__ */ new Set);
+  const [nativeOptionsSet, setNativeOptionsSet] = React34.useState(/* @__PURE__ */ new Set);
   const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
-  return /* @__PURE__ */ jsx19(Root2, { ...popperScope, children: /* @__PURE__ */ jsxs3(SelectProvider, {
+  return /* @__PURE__ */ jsx21(Root2, { ...popperScope, children: /* @__PURE__ */ jsxs4(SelectProvider, {
     required,
     scope: __scopeSelect,
     trigger,
@@ -4396,12 +4470,12 @@ var Select = (props) => {
     triggerPointerDownPosRef,
     disabled,
     children: [
-      /* @__PURE__ */ jsx19(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ jsx19(SelectNativeOptionsProvider, {
+      /* @__PURE__ */ jsx21(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ jsx21(SelectNativeOptionsProvider, {
         scope: props.__scopeSelect,
-        onNativeOptionAdd: React32.useCallback((option) => {
+        onNativeOptionAdd: React34.useCallback((option) => {
           setNativeOptionsSet((prev) => new Set(prev).add(option));
         }, []),
-        onNativeOptionRemove: React32.useCallback((option) => {
+        onNativeOptionRemove: React34.useCallback((option) => {
           setNativeOptionsSet((prev) => {
             const optionsSet = new Set(prev);
             optionsSet.delete(option);
@@ -4410,7 +4484,7 @@ var Select = (props) => {
         }, []),
         children
       }) }),
-      isFormControl ? /* @__PURE__ */ jsxs3(BubbleSelect, {
+      isFormControl ? /* @__PURE__ */ jsxs4(BubbleSelect, {
         "aria-hidden": true,
         required,
         tabIndex: -1,
@@ -4420,7 +4494,7 @@ var Select = (props) => {
         onChange: (event) => setValue(event.target.value),
         disabled,
         children: [
-          value === undefined ? /* @__PURE__ */ jsx19("option", { value: "" }) : null,
+          value === undefined ? /* @__PURE__ */ jsx21("option", { value: "" }) : null,
           Array.from(nativeOptionsSet)
         ]
       }, nativeSelectKey) : null
@@ -4429,7 +4503,7 @@ var Select = (props) => {
 };
 Select.displayName = SELECT_NAME;
 var TRIGGER_NAME = "SelectTrigger";
-var SelectTrigger = React32.forwardRef((props, forwardedRef) => {
+var SelectTrigger = React34.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, disabled = false, ...triggerProps } = props;
   const popperScope = usePopperScope(__scopeSelect);
   const context = useSelectContext(TRIGGER_NAME, __scopeSelect);
@@ -4450,7 +4524,7 @@ var SelectTrigger = React32.forwardRef((props, forwardedRef) => {
       resetTypeahead();
     }
   };
-  return /* @__PURE__ */ jsx19(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx19(Primitive.button, {
+  return /* @__PURE__ */ jsx21(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx21(Primitive.button, {
     type: "button",
     role: "combobox",
     "aria-controls": context.contentId,
@@ -4497,7 +4571,7 @@ var SelectTrigger = React32.forwardRef((props, forwardedRef) => {
 });
 SelectTrigger.displayName = TRIGGER_NAME;
 var VALUE_NAME = "SelectValue";
-var SelectValue = React32.forwardRef((props, forwardedRef) => {
+var SelectValue = React34.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, className, style, children, placeholder = "", ...valueProps } = props;
   const context = useSelectContext(VALUE_NAME, __scopeSelect);
   const { onValueNodeHasChildrenChange } = context;
@@ -4506,43 +4580,43 @@ var SelectValue = React32.forwardRef((props, forwardedRef) => {
   useLayoutEffect2(() => {
     onValueNodeHasChildrenChange(hasChildren);
   }, [onValueNodeHasChildrenChange, hasChildren]);
-  return /* @__PURE__ */ jsx19(Primitive.span, {
+  return /* @__PURE__ */ jsx21(Primitive.span, {
     ...valueProps,
     ref: composedRefs,
     style: { pointerEvents: "none" },
-    children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ jsx19(Fragment5, { children: placeholder }) : children
+    children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ jsx21(Fragment5, { children: placeholder }) : children
   });
 });
 SelectValue.displayName = VALUE_NAME;
 var ICON_NAME = "SelectIcon";
-var SelectIcon = React32.forwardRef((props, forwardedRef) => {
+var SelectIcon = React34.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, children, ...iconProps } = props;
-  return /* @__PURE__ */ jsx19(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "▼" });
+  return /* @__PURE__ */ jsx21(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "▼" });
 });
 SelectIcon.displayName = ICON_NAME;
 var PORTAL_NAME2 = "SelectPortal";
 var SelectPortal = (props) => {
-  return /* @__PURE__ */ jsx19(Portal, { asChild: true, ...props });
+  return /* @__PURE__ */ jsx21(Portal, { asChild: true, ...props });
 };
 SelectPortal.displayName = PORTAL_NAME2;
 var CONTENT_NAME2 = "SelectContent";
-var SelectContent = React32.forwardRef((props, forwardedRef) => {
+var SelectContent = React34.forwardRef((props, forwardedRef) => {
   const context = useSelectContext(CONTENT_NAME2, props.__scopeSelect);
-  const [fragment, setFragment] = React32.useState();
+  const [fragment, setFragment] = React34.useState();
   useLayoutEffect2(() => {
     setFragment(new DocumentFragment);
   }, []);
   if (!context.open) {
     const frag = fragment;
-    return frag ? ReactDOM4.createPortal(/* @__PURE__ */ jsx19(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ jsx19(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ jsx19("div", { children: props.children }) }) }), frag) : null;
+    return frag ? ReactDOM4.createPortal(/* @__PURE__ */ jsx21(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ jsx21(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ jsx21("div", { children: props.children }) }) }), frag) : null;
   }
-  return /* @__PURE__ */ jsx19(SelectContentImpl, { ...props, ref: forwardedRef });
+  return /* @__PURE__ */ jsx21(SelectContentImpl, { ...props, ref: forwardedRef });
 });
 SelectContent.displayName = CONTENT_NAME2;
 var CONTENT_MARGIN = 10;
 var [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME2);
 var CONTENT_IMPL_NAME = "SelectContentImpl";
-var SelectContentImpl = React32.forwardRef((props, forwardedRef) => {
+var SelectContentImpl = React34.forwardRef((props, forwardedRef) => {
   const {
     __scopeSelect,
     position = "item-aligned",
@@ -4562,20 +4636,20 @@ var SelectContentImpl = React32.forwardRef((props, forwardedRef) => {
     ...contentProps
   } = props;
   const context = useSelectContext(CONTENT_NAME2, __scopeSelect);
-  const [content, setContent] = React32.useState(null);
-  const [viewport, setViewport] = React32.useState(null);
+  const [content, setContent] = React34.useState(null);
+  const [viewport, setViewport] = React34.useState(null);
   const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
-  const [selectedItem, setSelectedItem] = React32.useState(null);
-  const [selectedItemText, setSelectedItemText] = React32.useState(null);
+  const [selectedItem, setSelectedItem] = React34.useState(null);
+  const [selectedItemText, setSelectedItemText] = React34.useState(null);
   const getItems = useCollection(__scopeSelect);
-  const [isPositioned, setIsPositioned] = React32.useState(false);
-  const firstValidItemFoundRef = React32.useRef(false);
-  React32.useEffect(() => {
+  const [isPositioned, setIsPositioned] = React34.useState(false);
+  const firstValidItemFoundRef = React34.useRef(false);
+  React34.useEffect(() => {
     if (content)
       return hideOthers(content);
   }, [content]);
   useFocusGuards();
-  const focusFirst2 = React32.useCallback((candidates) => {
+  const focusFirst2 = React34.useCallback((candidates) => {
     const [firstItem, ...restItems] = getItems().map((item) => item.ref.current);
     const [lastItem] = restItems.slice(-1);
     const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
@@ -4592,14 +4666,14 @@ var SelectContentImpl = React32.forwardRef((props, forwardedRef) => {
         return;
     }
   }, [getItems, viewport]);
-  const focusSelectedItem = React32.useCallback(() => focusFirst2([selectedItem, content]), [focusFirst2, selectedItem, content]);
-  React32.useEffect(() => {
+  const focusSelectedItem = React34.useCallback(() => focusFirst2([selectedItem, content]), [focusFirst2, selectedItem, content]);
+  React34.useEffect(() => {
     if (isPositioned) {
       focusSelectedItem();
     }
   }, [isPositioned, focusSelectedItem]);
   const { onOpenChange, triggerPointerDownPosRef } = context;
-  React32.useEffect(() => {
+  React34.useEffect(() => {
     if (content) {
       let pointerMoveDelta = { x: 0, y: 0 };
       const handlePointerMove = (event) => {
@@ -4629,7 +4703,7 @@ var SelectContentImpl = React32.forwardRef((props, forwardedRef) => {
       };
     }
   }, [content, onOpenChange, triggerPointerDownPosRef]);
-  React32.useEffect(() => {
+  React34.useEffect(() => {
     const close = () => onOpenChange(false);
     window.addEventListener("blur", close);
     window.addEventListener("resize", close);
@@ -4646,7 +4720,7 @@ var SelectContentImpl = React32.forwardRef((props, forwardedRef) => {
       setTimeout(() => nextItem.ref.current.focus());
     }
   });
-  const itemRefCallback = React32.useCallback((node, value, disabled) => {
+  const itemRefCallback = React34.useCallback((node, value, disabled) => {
     const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
     const isSelectedItem = context.value !== undefined && context.value === value;
     if (isSelectedItem || isFirstValidItem) {
@@ -4655,8 +4729,8 @@ var SelectContentImpl = React32.forwardRef((props, forwardedRef) => {
         firstValidItemFoundRef.current = true;
     }
   }, [context.value]);
-  const handleItemLeave = React32.useCallback(() => content?.focus(), [content]);
-  const itemTextRefCallback = React32.useCallback((node, value, disabled) => {
+  const handleItemLeave = React34.useCallback(() => content?.focus(), [content]);
+  const itemTextRefCallback = React34.useCallback((node, value, disabled) => {
     const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
     const isSelectedItem = context.value !== undefined && context.value === value;
     if (isSelectedItem || isFirstValidItem) {
@@ -4676,7 +4750,7 @@ var SelectContentImpl = React32.forwardRef((props, forwardedRef) => {
     hideWhenDetached,
     avoidCollisions
   } : {};
-  return /* @__PURE__ */ jsx19(SelectContentProvider, {
+  return /* @__PURE__ */ jsx21(SelectContentProvider, {
     scope: __scopeSelect,
     content,
     viewport,
@@ -4690,7 +4764,7 @@ var SelectContentImpl = React32.forwardRef((props, forwardedRef) => {
     position,
     isPositioned,
     searchRef,
-    children: /* @__PURE__ */ jsx19(Combination_default, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ jsx19(FocusScope, {
+    children: /* @__PURE__ */ jsx21(Combination_default, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ jsx21(FocusScope, {
       asChild: true,
       trapped: context.open,
       onMountAutoFocus: (event) => {
@@ -4700,14 +4774,14 @@ var SelectContentImpl = React32.forwardRef((props, forwardedRef) => {
         context.trigger?.focus({ preventScroll: true });
         event.preventDefault();
       }),
-      children: /* @__PURE__ */ jsx19(DismissableLayer, {
+      children: /* @__PURE__ */ jsx21(DismissableLayer, {
         asChild: true,
         disableOutsidePointerEvents: true,
         onEscapeKeyDown,
         onPointerDownOutside,
         onFocusOutside: (event) => event.preventDefault(),
         onDismiss: () => context.onOpenChange(false),
-        children: /* @__PURE__ */ jsx19(SelectPosition, {
+        children: /* @__PURE__ */ jsx21(SelectPosition, {
           role: "listbox",
           id: context.contentId,
           "data-state": context.open ? "open" : "closed",
@@ -4751,18 +4825,18 @@ var SelectContentImpl = React32.forwardRef((props, forwardedRef) => {
 });
 SelectContentImpl.displayName = CONTENT_IMPL_NAME;
 var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition";
-var SelectItemAlignedPosition = React32.forwardRef((props, forwardedRef) => {
+var SelectItemAlignedPosition = React34.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, onPlaced, ...popperProps } = props;
   const context = useSelectContext(CONTENT_NAME2, __scopeSelect);
   const contentContext = useSelectContentContext(CONTENT_NAME2, __scopeSelect);
-  const [contentWrapper, setContentWrapper] = React32.useState(null);
-  const [content, setContent] = React32.useState(null);
+  const [contentWrapper, setContentWrapper] = React34.useState(null);
+  const [content, setContent] = React34.useState(null);
   const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
   const getItems = useCollection(__scopeSelect);
-  const shouldExpandOnScrollRef = React32.useRef(false);
-  const shouldRepositionRef = React32.useRef(true);
+  const shouldExpandOnScrollRef = React34.useRef(false);
+  const shouldRepositionRef = React34.useRef(true);
   const { viewport, selectedItem, selectedItemText, focusSelectedItem } = contentContext;
-  const position = React32.useCallback(() => {
+  const position = React34.useCallback(() => {
     if (context.trigger && context.valueNode && contentWrapper && content && viewport && selectedItem && selectedItemText) {
       const triggerRect = context.trigger.getBoundingClientRect();
       const contentRect = content.getBoundingClientRect();
@@ -4843,24 +4917,24 @@ var SelectItemAlignedPosition = React32.forwardRef((props, forwardedRef) => {
     onPlaced
   ]);
   useLayoutEffect2(() => position(), [position]);
-  const [contentZIndex, setContentZIndex] = React32.useState();
+  const [contentZIndex, setContentZIndex] = React34.useState();
   useLayoutEffect2(() => {
     if (content)
       setContentZIndex(window.getComputedStyle(content).zIndex);
   }, [content]);
-  const handleScrollButtonChange = React32.useCallback((node) => {
+  const handleScrollButtonChange = React34.useCallback((node) => {
     if (node && shouldRepositionRef.current === true) {
       position();
       focusSelectedItem?.();
       shouldRepositionRef.current = false;
     }
   }, [position, focusSelectedItem]);
-  return /* @__PURE__ */ jsx19(SelectViewportProvider, {
+  return /* @__PURE__ */ jsx21(SelectViewportProvider, {
     scope: __scopeSelect,
     contentWrapper,
     shouldExpandOnScrollRef,
     onScrollButtonChange: handleScrollButtonChange,
-    children: /* @__PURE__ */ jsx19("div", {
+    children: /* @__PURE__ */ jsx21("div", {
       ref: setContentWrapper,
       style: {
         display: "flex",
@@ -4868,7 +4942,7 @@ var SelectItemAlignedPosition = React32.forwardRef((props, forwardedRef) => {
         position: "fixed",
         zIndex: contentZIndex
       },
-      children: /* @__PURE__ */ jsx19(Primitive.div, {
+      children: /* @__PURE__ */ jsx21(Primitive.div, {
         ...popperProps,
         ref: composedRefs,
         style: {
@@ -4882,7 +4956,7 @@ var SelectItemAlignedPosition = React32.forwardRef((props, forwardedRef) => {
 });
 SelectItemAlignedPosition.displayName = ITEM_ALIGNED_POSITION_NAME;
 var POPPER_POSITION_NAME = "SelectPopperPosition";
-var SelectPopperPosition = React32.forwardRef((props, forwardedRef) => {
+var SelectPopperPosition = React34.forwardRef((props, forwardedRef) => {
   const {
     __scopeSelect,
     align = "start",
@@ -4890,7 +4964,7 @@ var SelectPopperPosition = React32.forwardRef((props, forwardedRef) => {
     ...popperProps
   } = props;
   const popperScope = usePopperScope(__scopeSelect);
-  return /* @__PURE__ */ jsx19(Content, {
+  return /* @__PURE__ */ jsx21(Content, {
     ...popperScope,
     ...popperProps,
     ref: forwardedRef,
@@ -4912,20 +4986,20 @@ var SelectPopperPosition = React32.forwardRef((props, forwardedRef) => {
 SelectPopperPosition.displayName = POPPER_POSITION_NAME;
 var [SelectViewportProvider, useSelectViewportContext] = createSelectContext(CONTENT_NAME2, {});
 var VIEWPORT_NAME = "SelectViewport";
-var SelectViewport = React32.forwardRef((props, forwardedRef) => {
+var SelectViewport = React34.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, nonce, ...viewportProps } = props;
   const contentContext = useSelectContentContext(VIEWPORT_NAME, __scopeSelect);
   const viewportContext = useSelectViewportContext(VIEWPORT_NAME, __scopeSelect);
   const composedRefs = useComposedRefs(forwardedRef, contentContext.onViewportChange);
-  const prevScrollTopRef = React32.useRef(0);
-  return /* @__PURE__ */ jsxs3(Fragment5, { children: [
-    /* @__PURE__ */ jsx19("style", {
+  const prevScrollTopRef = React34.useRef(0);
+  return /* @__PURE__ */ jsxs4(Fragment5, { children: [
+    /* @__PURE__ */ jsx21("style", {
       dangerouslySetInnerHTML: {
         __html: `[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}`
       },
       nonce
     }),
-    /* @__PURE__ */ jsx19(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ jsx19(Primitive.div, {
+    /* @__PURE__ */ jsx21(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ jsx21(Primitive.div, {
       "data-radix-select-viewport": "",
       role: "presentation",
       ...viewportProps,
@@ -4966,22 +5040,22 @@ var SelectViewport = React32.forwardRef((props, forwardedRef) => {
 SelectViewport.displayName = VIEWPORT_NAME;
 var GROUP_NAME = "SelectGroup";
 var [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext(GROUP_NAME);
-var SelectGroup = React32.forwardRef((props, forwardedRef) => {
+var SelectGroup = React34.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, ...groupProps } = props;
   const groupId = useId();
-  return /* @__PURE__ */ jsx19(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx19(Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+  return /* @__PURE__ */ jsx21(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx21(Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
 });
 SelectGroup.displayName = GROUP_NAME;
 var LABEL_NAME = "SelectLabel";
-var SelectLabel = React32.forwardRef((props, forwardedRef) => {
+var SelectLabel = React34.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, ...labelProps } = props;
   const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-  return /* @__PURE__ */ jsx19(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx21(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
 });
 SelectLabel.displayName = LABEL_NAME;
 var ITEM_NAME = "SelectItem";
 var [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME);
-var SelectItem = React32.forwardRef((props, forwardedRef) => {
+var SelectItem = React34.forwardRef((props, forwardedRef) => {
   const {
     __scopeSelect,
     value,
@@ -4992,8 +5066,8 @@ var SelectItem = React32.forwardRef((props, forwardedRef) => {
   const context = useSelectContext(ITEM_NAME, __scopeSelect);
   const contentContext = useSelectContentContext(ITEM_NAME, __scopeSelect);
   const isSelected = context.value === value;
-  const [textValue, setTextValue] = React32.useState(textValueProp ?? "");
-  const [isFocused, setIsFocused] = React32.useState(false);
+  const [textValue, setTextValue] = React34.useState(textValueProp ?? "");
+  const [isFocused, setIsFocused] = React34.useState(false);
   const composedRefs = useComposedRefs(forwardedRef, (node) => contentContext.itemRefCallback?.(node, value, disabled));
   const textId = useId();
   const handleSelect = () => {
@@ -5005,21 +5079,21 @@ var SelectItem = React32.forwardRef((props, forwardedRef) => {
   if (value === "") {
     throw new Error("A <Select.Item /> 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.");
   }
-  return /* @__PURE__ */ jsx19(SelectItemContextProvider, {
+  return /* @__PURE__ */ jsx21(SelectItemContextProvider, {
     scope: __scopeSelect,
     value,
     disabled,
     textId,
     isSelected,
-    onItemTextChange: React32.useCallback((node) => {
+    onItemTextChange: React34.useCallback((node) => {
       setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? "").trim());
     }, []),
-    children: /* @__PURE__ */ jsx19(Collection.ItemSlot, {
+    children: /* @__PURE__ */ jsx21(Collection.ItemSlot, {
       scope: __scopeSelect,
       value,
       disabled,
       textValue,
-      children: /* @__PURE__ */ jsx19(Primitive.div, {
+      children: /* @__PURE__ */ jsx21(Primitive.div, {
         role: "option",
         "aria-labelledby": textId,
         "data-highlighted": isFocused ? "" : undefined,
@@ -5060,39 +5134,39 @@ var SelectItem = React32.forwardRef((props, forwardedRef) => {
 });
 SelectItem.displayName = ITEM_NAME;
 var ITEM_TEXT_NAME = "SelectItemText";
-var SelectItemText = React32.forwardRef((props, forwardedRef) => {
+var SelectItemText = React34.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, className, style, ...itemTextProps } = props;
   const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect);
   const contentContext = useSelectContentContext(ITEM_TEXT_NAME, __scopeSelect);
   const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect);
   const nativeOptionsContext = useSelectNativeOptionsContext(ITEM_TEXT_NAME, __scopeSelect);
-  const [itemTextNode, setItemTextNode] = React32.useState(null);
+  const [itemTextNode, setItemTextNode] = React34.useState(null);
   const composedRefs = useComposedRefs(forwardedRef, (node) => setItemTextNode(node), itemContext.onItemTextChange, (node) => contentContext.itemTextRefCallback?.(node, itemContext.value, itemContext.disabled));
   const textContent = itemTextNode?.textContent;
-  const nativeOption = React32.useMemo(() => /* @__PURE__ */ jsx19("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value), [itemContext.disabled, itemContext.value, textContent]);
+  const nativeOption = React34.useMemo(() => /* @__PURE__ */ jsx21("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value), [itemContext.disabled, itemContext.value, textContent]);
   const { onNativeOptionAdd, onNativeOptionRemove } = nativeOptionsContext;
   useLayoutEffect2(() => {
     onNativeOptionAdd(nativeOption);
     return () => onNativeOptionRemove(nativeOption);
   }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
-  return /* @__PURE__ */ jsxs3(Fragment5, { children: [
-    /* @__PURE__ */ jsx19(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+  return /* @__PURE__ */ jsxs4(Fragment5, { children: [
+    /* @__PURE__ */ jsx21(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
     itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM4.createPortal(itemTextProps.children, context.valueNode) : null
   ] });
 });
 SelectItemText.displayName = ITEM_TEXT_NAME;
 var ITEM_INDICATOR_NAME = "SelectItemIndicator";
-var SelectItemIndicator = React32.forwardRef((props, forwardedRef) => {
+var SelectItemIndicator = React34.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, ...itemIndicatorProps } = props;
   const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
-  return itemContext.isSelected ? /* @__PURE__ */ jsx19(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+  return itemContext.isSelected ? /* @__PURE__ */ jsx21(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
 });
 SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
 var SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton";
-var SelectScrollUpButton = React32.forwardRef((props, forwardedRef) => {
+var SelectScrollUpButton = React34.forwardRef((props, forwardedRef) => {
   const contentContext = useSelectContentContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
   const viewportContext = useSelectViewportContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
-  const [canScrollUp, setCanScrollUp] = React32.useState(false);
+  const [canScrollUp, setCanScrollUp] = React34.useState(false);
   const composedRefs = useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
   useLayoutEffect2(() => {
     if (contentContext.viewport && contentContext.isPositioned) {
@@ -5107,7 +5181,7 @@ var SelectScrollUpButton = React32.forwardRef((props, forwardedRef) => {
       return () => viewport.removeEventListener("scroll", handleScroll22);
     }
   }, [contentContext.viewport, contentContext.isPositioned]);
-  return canScrollUp ? /* @__PURE__ */ jsx19(SelectScrollButtonImpl, {
+  return canScrollUp ? /* @__PURE__ */ jsx21(SelectScrollButtonImpl, {
     ...props,
     ref: composedRefs,
     onAutoScroll: () => {
@@ -5120,10 +5194,10 @@ var SelectScrollUpButton = React32.forwardRef((props, forwardedRef) => {
 });
 SelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;
 var SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton";
-var SelectScrollDownButton = React32.forwardRef((props, forwardedRef) => {
+var SelectScrollDownButton = React34.forwardRef((props, forwardedRef) => {
   const contentContext = useSelectContentContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
   const viewportContext = useSelectViewportContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
-  const [canScrollDown, setCanScrollDown] = React32.useState(false);
+  const [canScrollDown, setCanScrollDown] = React34.useState(false);
   const composedRefs = useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
   useLayoutEffect2(() => {
     if (contentContext.viewport && contentContext.isPositioned) {
@@ -5139,7 +5213,7 @@ var SelectScrollDownButton = React32.forwardRef((props, forwardedRef) => {
       return () => viewport.removeEventListener("scroll", handleScroll22);
     }
   }, [contentContext.viewport, contentContext.isPositioned]);
-  return canScrollDown ? /* @__PURE__ */ jsx19(SelectScrollButtonImpl, {
+  return canScrollDown ? /* @__PURE__ */ jsx21(SelectScrollButtonImpl, {
     ...props,
     ref: composedRefs,
     onAutoScroll: () => {
@@ -5151,25 +5225,25 @@ var SelectScrollDownButton = React32.forwardRef((props, forwardedRef) => {
   }) : null;
 });
 SelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;
-var SelectScrollButtonImpl = React32.forwardRef((props, forwardedRef) => {
+var SelectScrollButtonImpl = React34.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, onAutoScroll, ...scrollIndicatorProps } = props;
   const contentContext = useSelectContentContext("SelectScrollButton", __scopeSelect);
-  const autoScrollTimerRef = React32.useRef(null);
+  const autoScrollTimerRef = React34.useRef(null);
   const getItems = useCollection(__scopeSelect);
-  const clearAutoScrollTimer = React32.useCallback(() => {
+  const clearAutoScrollTimer = React34.useCallback(() => {
     if (autoScrollTimerRef.current !== null) {
       window.clearInterval(autoScrollTimerRef.current);
       autoScrollTimerRef.current = null;
     }
   }, []);
-  React32.useEffect(() => {
+  React34.useEffect(() => {
     return () => clearAutoScrollTimer();
   }, [clearAutoScrollTimer]);
   useLayoutEffect2(() => {
     const activeItem = getItems().find((item) => item.ref.current === document.activeElement);
     activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
   }, [getItems]);
-  return /* @__PURE__ */ jsx19(Primitive.div, {
+  return /* @__PURE__ */ jsx21(Primitive.div, {
     "aria-hidden": true,
     ...scrollIndicatorProps,
     ref: forwardedRef,
@@ -5191,29 +5265,29 @@ var SelectScrollButtonImpl = React32.forwardRef((props, forwardedRef) => {
   });
 });
 var SEPARATOR_NAME = "SelectSeparator";
-var SelectSeparator = React32.forwardRef((props, forwardedRef) => {
+var SelectSeparator = React34.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, ...separatorProps } = props;
-  return /* @__PURE__ */ jsx19(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx21(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
 });
 SelectSeparator.displayName = SEPARATOR_NAME;
 var ARROW_NAME2 = "SelectArrow";
-var SelectArrow = React32.forwardRef((props, forwardedRef) => {
+var SelectArrow = React34.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, ...arrowProps } = props;
   const popperScope = usePopperScope(__scopeSelect);
   const context = useSelectContext(ARROW_NAME2, __scopeSelect);
   const contentContext = useSelectContentContext(ARROW_NAME2, __scopeSelect);
-  return context.open && contentContext.position === "popper" ? /* @__PURE__ */ jsx19(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
+  return context.open && contentContext.position === "popper" ? /* @__PURE__ */ jsx21(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
 });
 SelectArrow.displayName = ARROW_NAME2;
 function shouldShowPlaceholder(value) {
   return value === "" || value === undefined;
 }
-var BubbleSelect = React32.forwardRef((props, forwardedRef) => {
+var BubbleSelect = React34.forwardRef((props, forwardedRef) => {
   const { value, ...selectProps } = props;
-  const ref = React32.useRef(null);
+  const ref = React34.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
   const prevValue = usePrevious(value);
-  React32.useEffect(() => {
+  React34.useEffect(() => {
     const select = ref.current;
     const selectProto = window.HTMLSelectElement.prototype;
     const descriptor = Object.getOwnPropertyDescriptor(selectProto, "value");
@@ -5224,14 +5298,14 @@ var BubbleSelect = React32.forwardRef((props, forwardedRef) => {
       select.dispatchEvent(event);
     }
   }, [prevValue, value]);
-  return /* @__PURE__ */ jsx19(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx19("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
+  return /* @__PURE__ */ jsx21(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx21("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
 });
 BubbleSelect.displayName = "BubbleSelect";
 function useTypeaheadSearch(onSearchChange) {
   const handleSearchChange = useCallbackRef(onSearchChange);
-  const searchRef = React32.useRef("");
-  const timerRef = React32.useRef(0);
-  const handleTypeaheadSearch = React32.useCallback((key) => {
+  const searchRef = React34.useRef("");
+  const timerRef = React34.useRef(0);
+  const handleTypeaheadSearch = React34.useCallback((key) => {
     const search = searchRef.current + key;
     handleSearchChange(search);
     (function updateSearch(value) {
@@ -5241,11 +5315,11 @@ function useTypeaheadSearch(onSearchChange) {
         timerRef.current = window.setTimeout(() => updateSearch(""), 1000);
     })(search);
   }, [handleSearchChange]);
-  const resetTypeahead = React32.useCallback(() => {
+  const resetTypeahead = React34.useCallback(() => {
     searchRef.current = "";
     window.clearTimeout(timerRef.current);
   }, []);
-  React32.useEffect(() => {
+  React34.useEffect(() => {
     return () => window.clearTimeout(timerRef.current);
   }, []);
   return [searchRef, handleTypeaheadSearch, resetTypeahead];
@@ -5354,113 +5428,113 @@ var ChevronDown = createLucideIcon("ChevronDown", [
 // ../../node_modules/.bun/lucide-react@0.439.0+aa8600d4a927d95f/node_modules/lucide-react/dist/esm/icons/chevron-up.js
 var ChevronUp = createLucideIcon("ChevronUp", [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]]);
 // src/Select.tsx
-import * as React33 from "react";
-import { jsx as jsx20, jsxs as jsxs4 } from "react/jsx-runtime";
+import * as React35 from "react";
+import { jsx as jsx22, jsxs as jsxs5 } from "react/jsx-runtime";
 var Select2 = Root22;
 var SelectGroup2 = Group;
 var SelectValue2 = Value;
-var SelectTrigger2 = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs4(Trigger, {
+var SelectTrigger2 = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(Trigger, {
   ref,
   className: cn("flex h-10 w-full items-center justify-between rounded-md border-black border-2 border-b-4 bg-card-bg px-3 py-5 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 font-brand", className),
   ...props,
   children: [
     children,
-    /* @__PURE__ */ jsx20(Icon, {
+    /* @__PURE__ */ jsx22(Icon, {
       asChild: true,
-      children: /* @__PURE__ */ jsx20(ChevronDown, {
+      children: /* @__PURE__ */ jsx22(ChevronDown, {
         className: "h-4 w-4 opacity-50"
       })
     })
   ]
 }));
 SelectTrigger2.displayName = Trigger.displayName;
-var SelectScrollUpButton2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(ScrollUpButton, {
+var SelectScrollUpButton2 = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(ScrollUpButton, {
   ref,
   className: cn("flex cursor-default items-center justify-center py-1", className),
   ...props,
-  children: /* @__PURE__ */ jsx20(ChevronUp, {
+  children: /* @__PURE__ */ jsx22(ChevronUp, {
     className: "h-4 w-4"
   })
 }));
 SelectScrollUpButton2.displayName = ScrollUpButton.displayName;
-var SelectScrollDownButton2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(ScrollDownButton, {
+var SelectScrollDownButton2 = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(ScrollDownButton, {
   ref,
   className: cn("flex cursor-default items-center justify-center py-1", className),
   ...props,
-  children: /* @__PURE__ */ jsx20(ChevronDown, {
+  children: /* @__PURE__ */ jsx22(ChevronDown, {
     className: "h-4 w-4"
   })
 }));
 SelectScrollDownButton2.displayName = ScrollDownButton.displayName;
-var SelectContent2 = React33.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx20(Portal2, {
-  children: /* @__PURE__ */ jsxs4(Content2, {
+var SelectContent2 = React35.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx22(Portal2, {
+  children: /* @__PURE__ */ jsxs5(Content2, {
     ref,
     className: cn(" border-2 border-black relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md font-brand bg-card-bg text-text shadow-md 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", 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", className),
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx20(SelectScrollUpButton2, {}),
-      /* @__PURE__ */ jsx20(Viewport, {
+      /* @__PURE__ */ jsx22(SelectScrollUpButton2, {}),
+      /* @__PURE__ */ jsx22(Viewport, {
         className: cn("p-1", position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"),
         children
       }),
-      /* @__PURE__ */ jsx20(SelectScrollDownButton2, {})
+      /* @__PURE__ */ jsx22(SelectScrollDownButton2, {})
     ]
   })
 }));
 SelectContent2.displayName = Content2.displayName;
-var SelectLabel2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(Label, {
+var SelectLabel2 = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(Label, {
   ref,
   className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
   ...props
 }));
 SelectLabel2.displayName = Label.displayName;
-var SelectItem2 = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs4(Item, {
+var SelectItem2 = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(Item, {
   ref,
   className: cn("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden focus:bg-slate-200 dark:focus:bg-white/10 data-disabled:pointer-events-none data-disabled:opacity-50 font-brand", className),
   ...props,
   children: [
-    /* @__PURE__ */ jsx20("span", {
+    /* @__PURE__ */ jsx22("span", {
       className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-      children: /* @__PURE__ */ jsx20(ItemIndicator, {
-        children: /* @__PURE__ */ jsx20(Check, {
+      children: /* @__PURE__ */ jsx22(ItemIndicator, {
+        children: /* @__PURE__ */ jsx22(Check, {
           className: "h-4 w-4"
         })
       })
     }),
-    /* @__PURE__ */ jsx20(ItemText, {
+    /* @__PURE__ */ jsx22(ItemText, {
       children
     })
   ]
 }));
 SelectItem2.displayName = Item.displayName;
-var SelectSeparator2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(Separator, {
+var SelectSeparator2 = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(Separator, {
   ref,
   className: cn("-mx-1 my-1 h-px bg-muted", className),
   ...props
 }));
 SelectSeparator2.displayName = Separator.displayName;
 // src/Switch.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var Switch = ({ active, onToggle }) => {
-  return /* @__PURE__ */ jsx21("div", {
+  return /* @__PURE__ */ jsx23("div", {
     "data-active": active,
     className: "h-8 transition-all rounded-full w-14 border-2 border-b-4 bg-gray-200 p-[2px] cursor-pointer data-[active=true]:bg-brand border-black relative",
     onClick: onToggle,
-    children: /* @__PURE__ */ jsx21("div", {
+    children: /* @__PURE__ */ jsx23("div", {
       "data-active": active,
       className: "h-4 w-4 box-content left-[4px] top-[3px] transition-all rounded-full bg-white border-2 border-black absolute data-[active=true]:left-[calc(100%-24px)]"
     })
   });
 };
 // src/Triangle.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var Triangle2 = (props) => {
-  return /* @__PURE__ */ jsx22("svg", {
+  return /* @__PURE__ */ jsx24("svg", {
     viewBox: "0 0 127 131",
     fill: "none",
     ...props,
-    children: /* @__PURE__ */ jsx22("path", {
+    children: /* @__PURE__ */ jsx24("path", {
       d: "M28.5644 0.011261C25.8196 0.159241 23.6077 0.591782 21.3786 1.43413C20.2669 1.84959 18.4446 2.75455 17.4418 3.38062C13.2472 5.993 10.0496 9.9201 8.38209 14.4903C8.04973 15.3953 7.15007 18.2809 6.5713 20.2672C2.71476 33.5453 0.525761 48.0643 0.0558711 63.4312C-0.0186237 65.8785 -0.0186237 71.7066 0.0558711 74.1141C0.371041 84.3018 1.35093 93.4992 3.12735 102.879C3.84937 106.675 5.00691 111.774 5.67736 114.091C7.04692 118.798 9.84334 122.805 13.8202 125.741C16.4848 127.711 19.5105 129.031 22.8627 129.68C24.4787 129.993 26.6104 130.135 28.1805 130.033C30.3523 129.89 34.6616 129.316 38.1628 128.695C53.9442 125.901 68.5223 120.898 81.7422 113.738C90.1143 109.202 97.2715 104.29 104.177 98.3312C111.059 92.4007 116.927 86.0206 122.09 78.8608C123.287 77.2045 123.889 76.237 124.491 75.019C126.038 71.8773 126.766 68.7527 126.76 65.2582C126.76 62.0027 126.141 59.1114 124.806 56.1518C124.164 54.7233 123.551 53.6988 122.176 51.7523C117.11 44.5868 111.489 38.3433 104.635 32.2762C94.011 22.8739 81.3927 15.1619 67.3017 9.45339C64.2474 8.21835 61.239 7.13128 57.6174 5.95315C49.9502 3.46598 40.4607 1.30891 32.4324 0.233231C31.1718 0.0624847 29.4584 -0.0342712 28.5644 0.011261Z",
       fill: "currentcolor"
     })
@@ -5480,6 +5554,7 @@ export {
   SelectContent2 as SelectContent,
   Select2 as Select,
   PlanePaperIcon,
+  Input,
   Counter,
   CheckIcon,
   Card,