npm - @remotion/design - Versions diffs - 4.0.451 → 4.0.453 - Mend

@remotion/design 4.0.451 → 4.0.453

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 (4) hide show

package/dist/esm/index.mjs CHANGED Viewed

@@ -1,5 +1,153 @@
+// ../../node_modules/.bun/@radix-ui+react-slot@1.2.4+09a4a3ac15cb54ba/node_modules/@radix-ui/react-slot/dist/index.mjs
+import * as React2 from "react";
+// ../../node_modules/.bun/@radix-ui+react-compose-refs@1.1.2+09a4a3ac15cb54ba/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
+import * as React from "react";
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  } else if (ref !== null && ref !== undefined) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup == "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i = 0;i < cleanups.length; i++) {
+          const cleanup = cleanups[i];
+          if (typeof cleanup == "function") {
+            cleanup();
+          } else {
+            setRef(refs[i], null);
+          }
+        }
+      };
+    }
+  };
+}
+function useComposedRefs(...refs) {
+  return React.useCallback(composeRefs(...refs), refs);
+}
+// ../../node_modules/.bun/@radix-ui+react-slot@1.2.4+09a4a3ac15cb54ba/node_modules/@radix-ui/react-slot/dist/index.mjs
+import { Fragment as Fragment2, jsx } from "react/jsx-runtime";
+var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+var use = React2[" use ".trim().toString()];
+function isPromiseLike(value) {
+  return typeof value === "object" && value !== null && "then" in value;
+}
+function isLazyComponent(element) {
+  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
+}
+function createSlot(ownerName) {
+  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
+  const Slot2 = React2.forwardRef((props, forwardedRef) => {
+    let { children, ...slotProps } = props;
+    if (isLazyComponent(children) && typeof use === "function") {
+      children = use(children._payload);
+    }
+    const childrenArray = React2.Children.toArray(children);
+    const slottable = childrenArray.find(isSlottable);
+    if (slottable) {
+      const newElement = slottable.props.children;
+      const newChildren = childrenArray.map((child) => {
+        if (child === slottable) {
+          if (React2.Children.count(newElement) > 1)
+            return React2.Children.only(null);
+          return React2.isValidElement(newElement) ? newElement.props.children : null;
+        } else {
+          return child;
+        }
+      });
+      return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React2.isValidElement(newElement) ? React2.cloneElement(newElement, undefined, newChildren) : null });
+    }
+    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
+  });
+  Slot2.displayName = `${ownerName}.Slot`;
+  return Slot2;
+}
+var Slot = /* @__PURE__ */ createSlot("Slot");
+function createSlotClone(ownerName) {
+  const SlotClone = React2.forwardRef((props, forwardedRef) => {
+    let { children, ...slotProps } = props;
+    if (isLazyComponent(children) && typeof use === "function") {
+      children = use(children._payload);
+    }
+    if (React2.isValidElement(children)) {
+      const childrenRef = getElementRef(children);
+      const props2 = mergeProps(slotProps, children.props);
+      if (children.type !== React2.Fragment) {
+        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
+      }
+      return React2.cloneElement(children, props2);
+    }
+    return React2.Children.count(children) > 1 ? React2.Children.only(null) : null;
+  });
+  SlotClone.displayName = `${ownerName}.SlotClone`;
+  return SlotClone;
+}
+var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+function createSlottable(ownerName) {
+  const Slottable2 = ({ children }) => {
+    return /* @__PURE__ */ jsx(Fragment2, { children });
+  };
+  Slottable2.displayName = `${ownerName}.Slottable`;
+  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
+  return Slottable2;
+}
+var Slottable = /* @__PURE__ */ createSlottable("Slottable");
+function isSlottable(child) {
+  return React2.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+}
+function mergeProps(slotProps, childProps) {
+  const overrideProps = { ...childProps };
+  for (const propName in childProps) {
+    const slotPropValue = slotProps[propName];
+    const childPropValue = childProps[propName];
+    const isHandler = /^on[A-Z]/.test(propName);
+    if (isHandler) {
+      if (slotPropValue && childPropValue) {
+        overrideProps[propName] = (...args) => {
+          const result = childPropValue(...args);
+          slotPropValue(...args);
+          return result;
+        };
+      } else if (slotPropValue) {
+        overrideProps[propName] = slotPropValue;
+      }
+    } else if (propName === "style") {
+      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
+    } else if (propName === "className") {
+      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
+    }
+  }
+  return { ...slotProps, ...overrideProps };
+}
+function getElementRef(element) {
+  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
+  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.ref;
+  }
+  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
+  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.props.ref;
+  }
+  return element.props.ref || element.ref;
+}
 // src/Button.tsx
-import { useCallback, useRef as useRef2, useState as useState2 } from "react";
+import React5, { useCallback as useCallback2, useRef as useRef2, useState as useState2 } from "react";
 // src/helpers/cn.ts
 import { clsx } from "clsx";
@@ -9,7 +157,7 @@ function cn(...inputs) {
 }
 // src/helpers/hover-transforms.ts
-import React, { useEffect, useMemo, useState } from "react";
+import React3, { useEffect, useMemo, useState } from "react";
 // src/helpers/get-child-node-from.ts
 var getChildNodeFrom = (htmlElement) => {
@@ -29,7 +177,7 @@ var getChildNodeFrom = (htmlElement) => {
 // src/helpers/hover-transforms.ts
 var useHoverTransforms = (ref, disabled) => {
-  const [state, setState] = React.useState({
+  const [state, setState] = React3.useState({
     progress: 0,
     isActive: false
   });
@@ -41,7 +189,7 @@ var useHoverTransforms = (ref, disabled) => {
       eventTarget.dispatchEvent(new Event("enabled"));
     }
   }, [disabled, eventTarget]);
-  React.useEffect(() => {
+  React3.useEffect(() => {
     const element = ref.current;
     if (!element)
       return;
@@ -116,8 +264,8 @@ var useHoverTransforms = (ref, disabled) => {
   return state;
 };
 var useClickTransforms = (ref) => {
-  const [hoverProgress, setHoverProgress] = React.useState(0);
-  React.useEffect(() => {
+  const [hoverProgress, setHoverProgress] = React3.useState(0);
+  React3.useEffect(() => {
     const element = getChildNodeFrom(ref.current);
     if (!element) {
       return;
@@ -221,11 +369,11 @@ import { interpolate } from "remotion";
 // src/helpers/Faces.tsx
 import { threeDIntoSvgPath } from "@remotion/svg-3d-engine";
-import { jsx, Fragment } from "react/jsx-runtime";
+import { jsx as jsx2, Fragment as Fragment3 } from "react/jsx-runtime";
 var Faces = ({ elements, ...svgProps }) => {
-  return /* @__PURE__ */ jsx(Fragment, {
+  return /* @__PURE__ */ jsx2(Fragment3, {
     children: elements.map(({ points, color, crispEdges }, idx) => {
-      return /* @__PURE__ */ jsx("path", {
+      return /* @__PURE__ */ jsx2("path", {
         d: threeDIntoSvgPath(points),
         fill: color,
         shapeRendering: crispEdges ? "crispEdges" : undefined,
@@ -236,7 +384,7 @@ var Faces = ({ elements, ...svgProps }) => {
 };
 // src/helpers/Outer.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var Outer = ({
   children,
   width,
@@ -289,7 +437,7 @@ var Outer = ({
     className: "relative",
     style: { width, height },
     children: [
-      /* @__PURE__ */ jsx2("svg", {
+      /* @__PURE__ */ jsx3("svg", {
         viewBox,
         style: {
           overflow: "visible",
@@ -300,11 +448,11 @@ var Outer = ({
           left: 0
         },
         pointerEvents: "none",
-        children: /* @__PURE__ */ jsx2(Faces, {
+        children: /* @__PURE__ */ jsx3(Faces, {
           elements: inbetween
         })
       }),
-      /* @__PURE__ */ jsx2("div", {
+      /* @__PURE__ */ jsx3("div", {
         style: {
           transform: makeMatrix3dTransform(frontFace),
           width,
@@ -318,7 +466,7 @@ var Outer = ({
 // src/Spinner.tsx
 import { useEffect as useEffect2, useMemo as useMemo2, useRef } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 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";
@@ -348,11 +496,11 @@ var Spinner = ({ size, duration }) => {
       cancelAnimationFrame(id);
     };
   }, [duration]);
-  return /* @__PURE__ */ jsx3("svg", {
+  return /* @__PURE__ */ jsx4("svg", {
     style,
     viewBox: `0 0 ${viewBox} ${viewBox}`,
     children: new Array(lines).fill(true).map((_, index) => {
-      return /* @__PURE__ */ jsx3("path", {
+      return /* @__PURE__ */ jsx4("path", {
         ref: (el) => pathsRef.current[index] = el,
         style: {
           rotate: `${index * Math.PI * 2 / lines}rad`,
@@ -367,8 +515,9 @@ var Spinner = ({ size, duration }) => {
 };
 // src/Button.tsx
-import { jsx as jsx4, jsxs as jsxs2, Fragment as Fragment2 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var Button = ({
+  asChild = false,
   children,
   className,
   disabled,
@@ -379,7 +528,7 @@ var Button = ({
   const [dimensions, setDimensions] = useState2(null);
   const ref = useRef2(null);
   const { isActive, progress } = useHoverTransforms(ref, Boolean(disabled || loading));
-  const onPointerEnter = useCallback((e) => {
+  const onPointerEnter = useCallback2((e) => {
     if (e.pointerType !== "mouse") {
       return;
     }
@@ -414,44 +563,67 @@ var Button = ({
     });
   }, []);
   const isDisabled = disabled || loading;
+  const isAnchor = !asChild && "href" in rest && rest.href !== undefined;
   const sharedClasses = cn("text-text", "inline-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-row", "items-center", "relative", "overflow-hidden", isDisabled && "cursor-default opacity-50", className);
-  const innerContent = /* @__PURE__ */ jsxs2(Fragment2, {
+  const preventInteraction = useCallback2((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+  }, []);
+  const spinnerOverlay = loading ? /* @__PURE__ */ jsx5("div", {
+    "data-button-spinner": true,
+    className: cn("absolute w-full h-full flex inset-0 items-center justify-center text-inherit bg-inherit"),
+    children: /* @__PURE__ */ jsx5(Spinner, {
+      size: 20,
+      duration: 1
+    })
+  }) : null;
+  const slottableChild = asChild ? React5.cloneElement(children, undefined, /* @__PURE__ */ jsx5("span", {
+    className: cn(loading && "invisible", "inline-flex items-center"),
+    children: children.props.children
+  })) : null;
+  const content = asChild ? /* @__PURE__ */ jsxs2(Slot, {
+    ...rest,
+    className: cn("no-underline text-inherit", sharedClasses),
+    "aria-disabled": isDisabled || undefined,
+    tabIndex: isDisabled ? -1 : undefined,
+    onClickCapture: isDisabled ? preventInteraction : undefined,
     children: [
-      /* @__PURE__ */ jsx4("div", {
-        className: cn(loading && "invisible", "inline-flex items-center"),
-        children
+      /* @__PURE__ */ jsx5(Slottable, {
+        children: slottableChild
       }),
-      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
+      spinnerOverlay
     ]
-  });
-  const isAnchor = "href" in rest && rest.href !== undefined;
-  const content = isAnchor ? /* @__PURE__ */ jsx4("a", {
+  }) : isAnchor ? /* @__PURE__ */ jsxs2("a", {
     ...rest,
     className: cn("no-underline text-inherit", sharedClasses),
     "aria-disabled": isDisabled || undefined,
     tabIndex: isDisabled ? -1 : undefined,
-    onClick: isDisabled ? (e) => {
-      e.preventDefault();
-    } : rest.onClick,
-    children: innerContent
-  }) : /* @__PURE__ */ jsx4("button", {
+    onClickCapture: isDisabled ? preventInteraction : undefined,
+    children: [
+      /* @__PURE__ */ jsx5("div", {
+        className: cn(loading && "invisible", "inline-flex items-center"),
+        children
+      }),
+      spinnerOverlay
+    ]
+  }) : /* @__PURE__ */ jsxs2("button", {
     type: "button",
     disabled: isDisabled,
     className: sharedClasses,
     ...rest,
-    children: innerContent
+    children: [
+      /* @__PURE__ */ jsx5("div", {
+        className: cn(loading && "invisible", "inline-flex items-center"),
+        children
+      }),
+      spinnerOverlay
+    ]
   });
-  return /* @__PURE__ */ jsx4("div", {
+  return /* @__PURE__ */ jsx5("div", {
     ref,
     className: "contents",
     onPointerEnter,
-    children: dimensions && (isActive || progress > 0) ? /* @__PURE__ */ jsx4(Outer, {
+    children: dimensions && (isActive || progress > 0) ? /* @__PURE__ */ jsx5(Outer, {
       parentRef: ref,
       width: dimensions.width,
       height: dimensions.height,
@@ -463,10 +635,10 @@ var Button = ({
   });
 };
 // src/Card.tsx
-import React4 from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var Card = React4.forwardRef(({ children, className, ...rest }, ref) => {
-  return /* @__PURE__ */ jsx5("div", {
+import React6 from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Card = React6.forwardRef(({ children, className, ...rest }, ref) => {
+  return /* @__PURE__ */ jsx6("div", {
     ref,
     className: cn("rounded-lg border-2 border-black bg-card-bg text-text border-b-4", className),
     ...rest,
@@ -475,23 +647,23 @@ var Card = React4.forwardRef(({ children, className, ...rest }, ref) => {
 });
 Card.displayName = "Card";
 // src/CheckIcon.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } 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__ */ jsx6("svg", {
+  return /* @__PURE__ */ jsx7("svg", {
     ...props,
     viewBox: "50.79867500000001 63.11117499999997 95.40282500000015 70.77732499999999",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx6("path", {
+    children: /* @__PURE__ */ jsx7("path", {
       d,
       fill: "currentcolor"
     })
   });
 };
 // src/Counter.tsx
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
-var Triangle = ({ rotated }) => /* @__PURE__ */ jsx7("svg", {
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+var Triangle = ({ rotated }) => /* @__PURE__ */ jsx8("svg", {
   width: "12px",
   height: "7px",
   viewBox: "0 0 12 7",
@@ -499,7 +671,7 @@ var Triangle = ({ rotated }) => /* @__PURE__ */ jsx7("svg", {
   style: {
     transform: rotated ? "rotate(180deg)" : "rotate(0deg)"
   },
-  children: /* @__PURE__ */ jsx7("path", {
+  children: /* @__PURE__ */ jsx8("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"
   })
@@ -543,7 +715,7 @@ var Counter = ({
     style: container,
     className: cn("w-[140px] flex flex-row overflow-hidden"),
     children: [
-      /* @__PURE__ */ jsx7("input", {
+      /* @__PURE__ */ jsx8("input", {
         className: cn("fontbrand 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", shrink ? "text-lg" : "text-2xl"),
         type: "number",
         value: count,
@@ -566,25 +738,25 @@ var Counter = ({
       /* @__PURE__ */ jsxs3("div", {
         className: "flex flex-col  h-full",
         children: [
-          /* @__PURE__ */ jsx7("button", {
+          /* @__PURE__ */ jsx8("button", {
             type: "button",
             className: "border-0 flex-1 p-0 pt-[5px] bg-transparent",
             style: {
               ...buttonContainer
             },
             onClick: increment,
-            children: /* @__PURE__ */ jsx7(Triangle, {
+            children: /* @__PURE__ */ jsx8(Triangle, {
               rotated: false
             })
           }),
-          /* @__PURE__ */ jsx7("button", {
+          /* @__PURE__ */ jsx8("button", {
             type: "button",
             className: "border-0 flex-1 p-0 bg-transparent pb-[5px] pl-[1px]",
             style: {
               ...buttonContainer
             },
             onClick: decrement,
-            children: /* @__PURE__ */ jsx7(Triangle, {
+            children: /* @__PURE__ */ jsx8(Triangle, {
               rotated: true
             })
           })
@@ -594,18 +766,18 @@ var Counter = ({
   });
 };
 // src/InlineCode.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var InlineCode = ({ children }) => {
-  return /* @__PURE__ */ jsx8("code", {
+  return /* @__PURE__ */ jsx9("code", {
     className: "font-brand text-brand",
     children
   });
 };
 // src/Input.tsx
-import React5 from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var Input = React5.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx9("input", {
+import React7 from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var Input = React7.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx10("input", {
     ref,
     className: cn("w-full bg-white 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
@@ -613,32 +785,32 @@ var Input = React5.forwardRef(({ className, ...props }, ref) => {
 });
 Input.displayName = "Input";
 // src/Link.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var Link = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx10("a", {
+  return /* @__PURE__ */ jsx11("a", {
     ...props,
     className: cn(className, "text-brand underline underline-offset-4"),
     children: props.children
   });
 };
 // src/PaperPlaneIcon.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var PlanePaperIcon = (props) => {
-  return /* @__PURE__ */ jsx11("svg", {
+  return /* @__PURE__ */ jsx12("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
     viewBox: "0 0 576 512",
-    children: /* @__PURE__ */ jsx11("path", {
+    children: /* @__PURE__ */ jsx12("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+f178f9b1194b24ba/node_modules/@radix-ui/react-select/dist/index.mjs
-import * as React34 from "react";
+import * as React36 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
@@ -657,26 +829,26 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
 }
 // ../../node_modules/.bun/@radix-ui+react-collection@1.1.0+f178f9b1194b24ba/node_modules/@radix-ui/react-collection/dist/index.mjs
-import React9 from "react";
+import React11 from "react";
 // ../../node_modules/.bun/@radix-ui+react-context@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-context/dist/index.mjs
-import * as React6 from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import * as React8 from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
-    const BaseContext = React6.createContext(defaultContext);
+    const BaseContext = React8.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 = React6.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsx12(Context.Provider, { value, children });
+      const value = React8.useMemo(() => context, Object.values(context));
+      return /* @__PURE__ */ jsx13(Context.Provider, { value, children });
     }
     function useContext2(consumerName, scope) {
       const Context = scope?.[scopeName][index] || BaseContext;
-      const context = React6.useContext(Context);
+      const context = React8.useContext(Context);
       if (context)
         return context;
       if (defaultContext !== undefined)
@@ -688,11 +860,11 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
   }
   const createScope = () => {
     const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React6.createContext(defaultContext);
+      return React8.createContext(defaultContext);
     });
     return function useScope(scope) {
       const contexts = scope?.[scopeName] || scopeContexts;
-      return React6.useMemo(() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }), [scope, contexts]);
+      return React8.useMemo(() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }), [scope, contexts]);
     };
   };
   createScope.scopeName = scopeName;
@@ -713,7 +885,7 @@ function composeContextScopes(...scopes) {
         const currentScope = scopeProps[`__scope${scopeName}`];
         return { ...nextScopes2, ...currentScope };
       }, {});
-      return React6.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+      return React8.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
     };
   };
   createScope.scopeName = baseScope.scopeName;
@@ -721,63 +893,63 @@ function composeContextScopes(...scopes) {
 }
 // ../../node_modules/.bun/@radix-ui+react-compose-refs@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-import * as React7 from "react";
-function setRef(ref, value) {
+import * as React9 from "react";
+function setRef2(ref, value) {
   if (typeof ref === "function") {
     ref(value);
   } else if (ref !== null && ref !== undefined) {
     ref.current = value;
   }
 }
-function composeRefs(...refs) {
-  return (node) => refs.forEach((ref) => setRef(ref, node));
+function composeRefs2(...refs) {
+  return (node) => refs.forEach((ref) => setRef2(ref, node));
 }
-function useComposedRefs(...refs) {
-  return React7.useCallback(composeRefs(...refs), refs);
+function useComposedRefs2(...refs) {
+  return React9.useCallback(composeRefs2(...refs), refs);
 }
 // ../../node_modules/.bun/@radix-ui+react-slot@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-slot/dist/index.mjs
-import * as React8 from "react";
-import { Fragment as Fragment3, jsx as jsx13 } from "react/jsx-runtime";
-var Slot = React8.forwardRef((props, forwardedRef) => {
+import * as React10 from "react";
+import { Fragment as Fragment5, jsx as jsx14 } from "react/jsx-runtime";
+var Slot2 = React10.forwardRef((props, forwardedRef) => {
   const { children, ...slotProps } = props;
-  const childrenArray = React8.Children.toArray(children);
-  const slottable = childrenArray.find(isSlottable);
+  const childrenArray = React10.Children.toArray(children);
+  const slottable = childrenArray.find(isSlottable2);
   if (slottable) {
     const newElement = slottable.props.children;
     const newChildren = childrenArray.map((child) => {
       if (child === slottable) {
-        if (React8.Children.count(newElement) > 1)
-          return React8.Children.only(null);
-        return React8.isValidElement(newElement) ? newElement.props.children : null;
+        if (React10.Children.count(newElement) > 1)
+          return React10.Children.only(null);
+        return React10.isValidElement(newElement) ? newElement.props.children : null;
       } else {
         return child;
       }
     });
-    return /* @__PURE__ */ jsx13(SlotClone, { ...slotProps, ref: forwardedRef, children: React8.isValidElement(newElement) ? React8.cloneElement(newElement, undefined, newChildren) : null });
+    return /* @__PURE__ */ jsx14(SlotClone, { ...slotProps, ref: forwardedRef, children: React10.isValidElement(newElement) ? React10.cloneElement(newElement, undefined, newChildren) : null });
   }
-  return /* @__PURE__ */ jsx13(SlotClone, { ...slotProps, ref: forwardedRef, children });
+  return /* @__PURE__ */ jsx14(SlotClone, { ...slotProps, ref: forwardedRef, children });
 });
-Slot.displayName = "Slot";
-var SlotClone = React8.forwardRef((props, forwardedRef) => {
+Slot2.displayName = "Slot";
+var SlotClone = React10.forwardRef((props, forwardedRef) => {
   const { children, ...slotProps } = props;
-  if (React8.isValidElement(children)) {
-    const childrenRef = getElementRef(children);
-    return React8.cloneElement(children, {
-      ...mergeProps(slotProps, children.props),
-      ref: forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef
+  if (React10.isValidElement(children)) {
+    const childrenRef = getElementRef2(children);
+    return React10.cloneElement(children, {
+      ...mergeProps2(slotProps, children.props),
+      ref: forwardedRef ? composeRefs2(forwardedRef, childrenRef) : childrenRef
     });
   }
-  return React8.Children.count(children) > 1 ? React8.Children.only(null) : null;
+  return React10.Children.count(children) > 1 ? React10.Children.only(null) : null;
 });
 SlotClone.displayName = "SlotClone";
-var Slottable = ({ children }) => {
-  return /* @__PURE__ */ jsx13(Fragment3, { children });
+var Slottable2 = ({ children }) => {
+  return /* @__PURE__ */ jsx14(Fragment5, { children });
 };
-function isSlottable(child) {
-  return React8.isValidElement(child) && child.type === Slottable;
+function isSlottable2(child) {
+  return React10.isValidElement(child) && child.type === Slottable2;
 }
-function mergeProps(slotProps, childProps) {
+function mergeProps2(slotProps, childProps) {
   const overrideProps = { ...childProps };
   for (const propName in childProps) {
     const slotPropValue = slotProps[propName];
@@ -800,7 +972,7 @@ function mergeProps(slotProps, childProps) {
   }
   return { ...slotProps, ...overrideProps };
 }
-function getElementRef(element) {
+function getElementRef2(element) {
   let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
   let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
   if (mayWarn) {
@@ -815,44 +987,43 @@ function getElementRef(element) {
 }
 // ../../node_modules/.bun/@radix-ui+react-collection@1.1.0+f178f9b1194b24ba/node_modules/@radix-ui/react-collection/dist/index.mjs
-import { jsx as jsx14 } from "react/jsx-runtime";
-"use client";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function createCollection(name) {
   const PROVIDER_NAME = name + "CollectionProvider";
   const [createCollectionContext, createCollectionScope] = createContextScope(PROVIDER_NAME);
   const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(PROVIDER_NAME, { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map });
   const CollectionProvider = (props) => {
     const { scope, children } = props;
-    const ref = React9.useRef(null);
-    const itemMap = React9.useRef(/* @__PURE__ */ new Map).current;
-    return /* @__PURE__ */ jsx14(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+    const ref = React11.useRef(null);
+    const itemMap = React11.useRef(/* @__PURE__ */ new Map).current;
+    return /* @__PURE__ */ jsx15(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
   };
   CollectionProvider.displayName = PROVIDER_NAME;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-  const CollectionSlot = React9.forwardRef((props, forwardedRef) => {
+  const CollectionSlot = React11.forwardRef((props, forwardedRef) => {
     const { scope, children } = props;
     const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
-    const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
-    return /* @__PURE__ */ jsx14(Slot, { ref: composedRefs, children });
+    const composedRefs = useComposedRefs2(forwardedRef, context.collectionRef);
+    return /* @__PURE__ */ jsx15(Slot2, { ref: composedRefs, children });
   });
   CollectionSlot.displayName = COLLECTION_SLOT_NAME;
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
-  const CollectionItemSlot = React9.forwardRef((props, forwardedRef) => {
+  const CollectionItemSlot = React11.forwardRef((props, forwardedRef) => {
     const { scope, children, ...itemData } = props;
-    const ref = React9.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, ref);
+    const ref = React11.useRef(null);
+    const composedRefs = useComposedRefs2(forwardedRef, ref);
     const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-    React9.useEffect(() => {
+    React11.useEffect(() => {
       context.itemMap.set(ref, { ref, ...itemData });
       return () => void context.itemMap.delete(ref);
     });
-    return /* @__PURE__ */ jsx14(Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+    return /* @__PURE__ */ jsx15(Slot2, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
   });
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
   function useCollection(scope) {
     const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = React9.useCallback(() => {
+    const getItems = React11.useCallback(() => {
       const collectionNode = context.collectionRef.current;
       if (!collectionNode)
         return [];
@@ -871,21 +1042,21 @@ function createCollection(name) {
 }
 // ../../node_modules/.bun/@radix-ui+react-direction@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-direction/dist/index.mjs
-import * as React10 from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var DirectionContext = React10.createContext(undefined);
+import * as React12 from "react";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var DirectionContext = React12.createContext(undefined);
 function useDirection(localDir) {
-  const globalDir = React10.useContext(DirectionContext);
+  const globalDir = React12.useContext(DirectionContext);
   return localDir || globalDir || "ltr";
 }
 // ../../node_modules/.bun/@radix-ui+react-dismissable-layer@1.1.0+f178f9b1194b24ba/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-import * as React14 from "react";
+import * as React16 from "react";
 // ../../node_modules/.bun/@radix-ui+react-primitive@2.0.0+f178f9b1194b24ba/node_modules/@radix-ui/react-primitive/dist/index.mjs
-import * as React11 from "react";
+import * as React13 from "react";
 import * as ReactDOM from "react-dom";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var NODES = [
   "a",
   "button",
@@ -905,13 +1076,13 @@ var NODES = [
   "ul"
 ];
 var Primitive = NODES.reduce((primitive, node) => {
-  const Node2 = React11.forwardRef((props, forwardedRef) => {
+  const Node2 = React13.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? Slot : node;
+    const Comp = asChild ? Slot2 : node;
     if (typeof window !== "undefined") {
       window[Symbol.for("radix-ui")] = true;
     }
-    return /* @__PURE__ */ jsx16(Comp, { ...primitiveProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx17(Comp, { ...primitiveProps, ref: forwardedRef });
   });
   Node2.displayName = `Primitive.${node}`;
   return { ...primitive, [node]: Node2 };
@@ -922,20 +1093,20 @@ function dispatchDiscreteCustomEvent(target, event) {
 }
 // ../../node_modules/.bun/@radix-ui+react-use-callback-ref@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
-import * as React12 from "react";
+import * as React14 from "react";
 function useCallbackRef(callback) {
-  const callbackRef = React12.useRef(callback);
-  React12.useEffect(() => {
+  const callbackRef = React14.useRef(callback);
+  React14.useEffect(() => {
     callbackRef.current = callback;
   });
-  return React12.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+  return React14.useMemo(() => (...args) => callbackRef.current?.(...args), []);
 }
 // ../../node_modules/.bun/@radix-ui+react-use-escape-keydown@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
-import * as React13 from "react";
+import * as React15 from "react";
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
   const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
-  React13.useEffect(() => {
+  React15.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
         onEscapeKeyDown(event);
@@ -947,19 +1118,18 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.docum
 }
 // ../../node_modules/.bun/@radix-ui+react-dismissable-layer@1.1.0+f178f9b1194b24ba/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-import { jsx as jsx17 } from "react/jsx-runtime";
-"use client";
+import { jsx as jsx18 } from "react/jsx-runtime";
 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 = React14.createContext({
+var DismissableLayerContext = React16.createContext({
   layers: /* @__PURE__ */ new Set,
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set,
   branches: /* @__PURE__ */ new Set
 });
-var DismissableLayer = React14.forwardRef((props, forwardedRef) => {
+var DismissableLayer = React16.forwardRef((props, forwardedRef) => {
   const {
     disableOutsidePointerEvents = false,
     onEscapeKeyDown,
@@ -969,11 +1139,11 @@ var DismissableLayer = React14.forwardRef((props, forwardedRef) => {
     onDismiss,
     ...layerProps
   } = props;
-  const context = React14.useContext(DismissableLayerContext);
-  const [node, setNode] = React14.useState(null);
+  const context = React16.useContext(DismissableLayerContext);
+  const [node, setNode] = React16.useState(null);
   const ownerDocument = node?.ownerDocument ?? globalThis?.document;
-  const [, force] = React14.useState({});
-  const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
+  const [, force] = React16.useState({});
+  const composedRefs = useComposedRefs2(forwardedRef, (node2) => setNode(node2));
   const layers = Array.from(context.layers);
   const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
   const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);
@@ -1010,7 +1180,7 @@ var DismissableLayer = React14.forwardRef((props, forwardedRef) => {
       onDismiss();
     }
   }, ownerDocument);
-  React14.useEffect(() => {
+  React16.useEffect(() => {
     if (!node)
       return;
     if (disableOutsidePointerEvents) {
@@ -1028,7 +1198,7 @@ var DismissableLayer = React14.forwardRef((props, forwardedRef) => {
       }
     };
   }, [node, ownerDocument, disableOutsidePointerEvents, context]);
-  React14.useEffect(() => {
+  React16.useEffect(() => {
     return () => {
       if (!node)
         return;
@@ -1037,12 +1207,12 @@ var DismissableLayer = React14.forwardRef((props, forwardedRef) => {
       dispatchUpdate();
     };
   }, [node, context]);
-  React14.useEffect(() => {
+  React16.useEffect(() => {
     const handleUpdate = () => force({});
     document.addEventListener(CONTEXT_UPDATE, handleUpdate);
     return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
   }, []);
-  return /* @__PURE__ */ jsx17(Primitive.div, {
+  return /* @__PURE__ */ jsx18(Primitive.div, {
     ...layerProps,
     ref: composedRefs,
     style: {
@@ -1056,11 +1226,11 @@ var DismissableLayer = React14.forwardRef((props, forwardedRef) => {
 });
 DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
 var BRANCH_NAME = "DismissableLayerBranch";
-var DismissableLayerBranch = React14.forwardRef((props, forwardedRef) => {
-  const context = React14.useContext(DismissableLayerContext);
-  const ref = React14.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, ref);
-  React14.useEffect(() => {
+var DismissableLayerBranch = React16.forwardRef((props, forwardedRef) => {
+  const context = React16.useContext(DismissableLayerContext);
+  const ref = React16.useRef(null);
+  const composedRefs = useComposedRefs2(forwardedRef, ref);
+  React16.useEffect(() => {
     const node = ref.current;
     if (node) {
       context.branches.add(node);
@@ -1069,14 +1239,14 @@ var DismissableLayerBranch = React14.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx17(Primitive.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx18(Primitive.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
   const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
-  const isPointerInsideReactTreeRef = React14.useRef(false);
-  const handleClickRef = React14.useRef(() => {});
-  React14.useEffect(() => {
+  const isPointerInsideReactTreeRef = React16.useRef(false);
+  const handleClickRef = React16.useRef(() => {});
+  React16.useEffect(() => {
     const handlePointerDown = (event) => {
       if (event.target && !isPointerInsideReactTreeRef.current) {
         let handleAndDispatchPointerDownOutsideEvent2 = function() {
@@ -1111,8 +1281,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
 }
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
   const handleFocusOutside = useCallbackRef(onFocusOutside);
-  const isFocusInsideReactTreeRef = React14.useRef(false);
-  React14.useEffect(() => {
+  const isFocusInsideReactTreeRef = React16.useRef(false);
+  React16.useEffect(() => {
     const handleFocus = (event) => {
       if (event.target && !isFocusInsideReactTreeRef.current) {
         const eventDetail = { originalEvent: event };
@@ -1146,11 +1316,10 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
 }
 // ../../node_modules/.bun/@radix-ui+react-focus-guards@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-focus-guards/dist/index.mjs
-import * as React15 from "react";
-"use client";
+import * as React17 from "react";
 var count = 0;
 function useFocusGuards() {
-  React15.useEffect(() => {
+  React17.useEffect(() => {
     const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
     document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
     document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
@@ -1172,14 +1341,13 @@ function createFocusGuard() {
 }
 // ../../node_modules/.bun/@radix-ui+react-focus-scope@1.1.0+f178f9b1194b24ba/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
-import * as React16 from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
-"use client";
+import * as React18 from "react";
+import { jsx as jsx19 } from "react/jsx-runtime";
 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 = React16.forwardRef((props, forwardedRef) => {
+var FocusScope = React18.forwardRef((props, forwardedRef) => {
   const {
     loop = false,
     trapped = false,
@@ -1187,12 +1355,12 @@ var FocusScope = React16.forwardRef((props, forwardedRef) => {
     onUnmountAutoFocus: onUnmountAutoFocusProp,
     ...scopeProps
   } = props;
-  const [container2, setContainer] = React16.useState(null);
+  const [container2, setContainer] = React18.useState(null);
   const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
   const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
-  const lastFocusedElementRef = React16.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
-  const focusScope = React16.useRef({
+  const lastFocusedElementRef = React18.useRef(null);
+  const composedRefs = useComposedRefs2(forwardedRef, (node) => setContainer(node));
+  const focusScope = React18.useRef({
     paused: false,
     pause() {
       this.paused = true;
@@ -1201,7 +1369,7 @@ var FocusScope = React16.forwardRef((props, forwardedRef) => {
       this.paused = false;
     }
   }).current;
-  React16.useEffect(() => {
+  React18.useEffect(() => {
     if (trapped) {
       let handleFocusIn2 = function(event) {
         if (focusScope.paused || !container2)
@@ -1243,7 +1411,7 @@ var FocusScope = React16.forwardRef((props, forwardedRef) => {
       };
     }
   }, [trapped, container2, focusScope.paused]);
-  React16.useEffect(() => {
+  React18.useEffect(() => {
     if (container2) {
       focusScopesStack.add(focusScope);
       const previouslyFocusedElement = document.activeElement;
@@ -1274,7 +1442,7 @@ var FocusScope = React16.forwardRef((props, forwardedRef) => {
       };
     }
   }, [container2, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
-  const handleKeyDown = React16.useCallback((event) => {
+  const handleKeyDown = React18.useCallback((event) => {
     if (!loop && !trapped)
       return;
     if (focusScope.paused)
@@ -1301,7 +1469,7 @@ var FocusScope = React16.forwardRef((props, forwardedRef) => {
       }
     }
   }, [loop, trapped, focusScope.paused]);
-  return /* @__PURE__ */ jsx18(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsx19(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
 function focusFirst(candidates, { select = false } = {}) {
@@ -1392,19 +1560,19 @@ function removeLinks(items) {
 }
 // ../../node_modules/.bun/@radix-ui+react-id@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-id/dist/index.mjs
-import * as React18 from "react";
+import * as React20 from "react";
 // ../../node_modules/.bun/@radix-ui+react-use-layout-effect@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
-import * as React17 from "react";
-var useLayoutEffect2 = Boolean(globalThis?.document) ? React17.useLayoutEffect : () => {};
+import * as React19 from "react";
+var useLayoutEffect2 = Boolean(globalThis?.document) ? React19.useLayoutEffect : () => {};
 // ../../node_modules/.bun/@radix-ui+react-id@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-id/dist/index.mjs
-var useReactId = React18["useId".toString()] || (() => {
+var useReactId = React20["useId".toString()] || (() => {
   return;
 });
 var count2 = 0;
 function useId(deterministicId) {
-  const [id, setId] = React18.useState(useReactId());
+  const [id, setId] = React20.useState(useReactId());
   useLayoutEffect2(() => {
     if (!deterministicId)
       setId((reactId) => reactId ?? String(count2++));
@@ -1413,7 +1581,7 @@ function useId(deterministicId) {
 }
 // ../../node_modules/.bun/@radix-ui+react-popper@1.2.0+f178f9b1194b24ba/node_modules/@radix-ui/react-popper/dist/index.mjs
-import * as React22 from "react";
+import * as React24 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"];
@@ -2935,7 +3103,7 @@ var computePosition2 = (reference, floating, options) => {
 };
 // ../../node_modules/.bun/@floating-ui+react-dom@2.1.1+67f6792bdf102c28/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
-import * as React19 from "react";
+import * as React21 from "react";
 import { useLayoutEffect as useLayoutEffect3, useEffect as useEffect8 } from "react";
 import * as ReactDOM2 from "react-dom";
 var index = typeof document !== "undefined" ? useLayoutEffect3 : useEffect8;
@@ -2999,7 +3167,7 @@ function roundByDPR(element, value) {
   return Math.round(value * dpr) / dpr;
 }
 function useLatestRef(value) {
-  const ref = React19.useRef(value);
+  const ref = React21.useRef(value);
   index(() => {
     ref.current = value;
   });
@@ -3022,7 +3190,7 @@ function useFloating(options) {
     whileElementsMounted,
     open
   } = options;
-  const [data, setData] = React19.useState({
+  const [data, setData] = React21.useState({
     x: 0,
     y: 0,
     strategy,
@@ -3030,19 +3198,19 @@ function useFloating(options) {
     middlewareData: {},
     isPositioned: false
   });
-  const [latestMiddleware, setLatestMiddleware] = React19.useState(middleware);
+  const [latestMiddleware, setLatestMiddleware] = React21.useState(middleware);
   if (!deepEqual(latestMiddleware, middleware)) {
     setLatestMiddleware(middleware);
   }
-  const [_reference, _setReference] = React19.useState(null);
-  const [_floating, _setFloating] = React19.useState(null);
-  const setReference = React19.useCallback((node) => {
+  const [_reference, _setReference] = React21.useState(null);
+  const [_floating, _setFloating] = React21.useState(null);
+  const setReference = React21.useCallback((node) => {
     if (node !== referenceRef.current) {
       referenceRef.current = node;
       _setReference(node);
     }
   }, []);
-  const setFloating = React19.useCallback((node) => {
+  const setFloating = React21.useCallback((node) => {
     if (node !== floatingRef.current) {
       floatingRef.current = node;
       _setFloating(node);
@@ -3050,13 +3218,13 @@ function useFloating(options) {
   }, []);
   const referenceEl = externalReference || _reference;
   const floatingEl = externalFloating || _floating;
-  const referenceRef = React19.useRef(null);
-  const floatingRef = React19.useRef(null);
-  const dataRef = React19.useRef(data);
+  const referenceRef = React21.useRef(null);
+  const floatingRef = React21.useRef(null);
+  const dataRef = React21.useRef(data);
   const hasWhileElementsMounted = whileElementsMounted != null;
   const whileElementsMountedRef = useLatestRef(whileElementsMounted);
   const platformRef = useLatestRef(platform2);
-  const update = React19.useCallback(() => {
+  const update = React21.useCallback(() => {
     if (!referenceRef.current || !floatingRef.current) {
       return;
     }
@@ -3090,7 +3258,7 @@ function useFloating(options) {
       }));
     }
   }, [open]);
-  const isMountedRef = React19.useRef(false);
+  const isMountedRef = React21.useRef(false);
   index(() => {
     isMountedRef.current = true;
     return () => {
@@ -3109,17 +3277,17 @@ function useFloating(options) {
       update();
     }
   }, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
-  const refs = React19.useMemo(() => ({
+  const refs = React21.useMemo(() => ({
     reference: referenceRef,
     floating: floatingRef,
     setReference,
     setFloating
   }), [setReference, setFloating]);
-  const elements = React19.useMemo(() => ({
+  const elements = React21.useMemo(() => ({
     reference: referenceEl,
     floating: floatingEl
   }), [referenceEl, floatingEl]);
-  const floatingStyles = React19.useMemo(() => {
+  const floatingStyles = React21.useMemo(() => {
     const initialStyles = {
       position: strategy,
       left: 0,
@@ -3145,7 +3313,7 @@ function useFloating(options) {
       top: y
     };
   }, [strategy, transform, elements.floating, data.x, data.y]);
-  return React19.useMemo(() => ({
+  return React21.useMemo(() => ({
     ...data,
     update,
     refs,
@@ -3214,28 +3382,28 @@ var arrow3 = (options, deps) => ({
 });
 // ../../node_modules/.bun/@radix-ui+react-arrow@1.1.0+f178f9b1194b24ba/node_modules/@radix-ui/react-arrow/dist/index.mjs
-import * as React20 from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import * as React22 from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var NAME = "Arrow";
-var Arrow = React20.forwardRef((props, forwardedRef) => {
+var Arrow = React22.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
-  return /* @__PURE__ */ jsx19(Primitive.svg, {
+  return /* @__PURE__ */ jsx20(Primitive.svg, {
     ...arrowProps,
     ref: forwardedRef,
     width,
     height,
     viewBox: "0 0 30 10",
     preserveAspectRatio: "none",
-    children: props.asChild ? children : /* @__PURE__ */ jsx19("polygon", { points: "0,0 30,0 15,10" })
+    children: props.asChild ? children : /* @__PURE__ */ jsx20("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+09a4a3ac15cb54ba/node_modules/@radix-ui/react-use-size/dist/index.mjs
-import * as React21 from "react";
+import * as React23 from "react";
 function useSize(element) {
-  const [size4, setSize] = React21.useState(undefined);
+  const [size4, setSize] = React23.useState(undefined);
   useLayoutEffect2(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
@@ -3270,32 +3438,31 @@ function useSize(element) {
 }
 // ../../node_modules/.bun/@radix-ui+react-popper@1.2.0+f178f9b1194b24ba/node_modules/@radix-ui/react-popper/dist/index.mjs
-import { jsx as jsx20 } from "react/jsx-runtime";
-"use client";
+import { jsx as jsx21 } from "react/jsx-runtime";
 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] = React22.useState(null);
-  return /* @__PURE__ */ jsx20(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
+  const [anchor, setAnchor] = React24.useState(null);
+  return /* @__PURE__ */ jsx21(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
 };
 Popper.displayName = POPPER_NAME;
 var ANCHOR_NAME = "PopperAnchor";
-var PopperAnchor = React22.forwardRef((props, forwardedRef) => {
+var PopperAnchor = React24.forwardRef((props, forwardedRef) => {
   const { __scopePopper, virtualRef, ...anchorProps } = props;
   const context = usePopperContext(ANCHOR_NAME, __scopePopper);
-  const ref = React22.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, ref);
-  React22.useEffect(() => {
+  const ref = React24.useRef(null);
+  const composedRefs = useComposedRefs2(forwardedRef, ref);
+  React24.useEffect(() => {
     context.onAnchorChange(virtualRef?.current || ref.current);
   });
-  return virtualRef ? null : /* @__PURE__ */ jsx20(Primitive.div, { ...anchorProps, ref: composedRefs });
+  return virtualRef ? null : /* @__PURE__ */ jsx21(Primitive.div, { ...anchorProps, ref: composedRefs });
 });
 PopperAnchor.displayName = ANCHOR_NAME;
 var CONTENT_NAME = "PopperContent";
 var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME);
-var PopperContent = React22.forwardRef((props, forwardedRef) => {
+var PopperContent = React24.forwardRef((props, forwardedRef) => {
   const {
     __scopePopper,
     side = "bottom",
@@ -3313,9 +3480,9 @@ var PopperContent = React22.forwardRef((props, forwardedRef) => {
     ...contentProps
   } = props;
   const context = usePopperContext(CONTENT_NAME, __scopePopper);
-  const [content, setContent] = React22.useState(null);
-  const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
-  const [arrow4, setArrow] = React22.useState(null);
+  const [content, setContent] = React24.useState(null);
+  const composedRefs = useComposedRefs2(forwardedRef, (node) => setContent(node));
+  const [arrow4, setArrow] = React24.useState(null);
   const arrowSize = useSize(arrow4);
   const arrowWidth = arrowSize?.width ?? 0;
   const arrowHeight = arrowSize?.height ?? 0;
@@ -3375,12 +3542,12 @@ var PopperContent = React22.forwardRef((props, forwardedRef) => {
   const arrowX = middlewareData.arrow?.x;
   const arrowY = middlewareData.arrow?.y;
   const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
-  const [contentZIndex, setContentZIndex] = React22.useState();
+  const [contentZIndex, setContentZIndex] = React24.useState();
   useLayoutEffect2(() => {
     if (content)
       setContentZIndex(window.getComputedStyle(content).zIndex);
   }, [content]);
-  return /* @__PURE__ */ jsx20("div", {
+  return /* @__PURE__ */ jsx21("div", {
     ref: refs.setFloating,
     "data-radix-popper-content-wrapper": "",
     style: {
@@ -3398,14 +3565,14 @@ var PopperContent = React22.forwardRef((props, forwardedRef) => {
       }
     },
     dir: props.dir,
-    children: /* @__PURE__ */ jsx20(PopperContentProvider, {
+    children: /* @__PURE__ */ jsx21(PopperContentProvider, {
       scope: __scopePopper,
       placedSide,
       onArrowChange: setArrow,
       arrowX,
       arrowY,
       shouldHideArrow: cannotCenterArrow,
-      children: /* @__PURE__ */ jsx20(Primitive.div, {
+      children: /* @__PURE__ */ jsx21(Primitive.div, {
         "data-side": placedSide,
         "data-align": placedAlign,
         ...contentProps,
@@ -3426,11 +3593,11 @@ var OPPOSITE_SIDE = {
   bottom: "top",
   left: "right"
 };
-var PopperArrow = React22.forwardRef(function PopperArrow2(props, forwardedRef) {
+var PopperArrow = React24.forwardRef(function PopperArrow2(props, forwardedRef) {
   const { __scopePopper, ...arrowProps } = props;
   const contentContext = useContentContext(ARROW_NAME, __scopePopper);
   const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
-  return /* @__PURE__ */ jsx20("span", {
+  return /* @__PURE__ */ jsx21("span", {
     ref: contentContext.onArrowChange,
     style: {
       position: "absolute",
@@ -3451,7 +3618,7 @@ var PopperArrow = React22.forwardRef(function PopperArrow2(props, forwardedRef)
       }[contentContext.placedSide],
       visibility: contentContext.shouldHideArrow ? "hidden" : undefined
     },
-    children: /* @__PURE__ */ jsx20(Root, {
+    children: /* @__PURE__ */ jsx21(Root, {
       ...arrowProps,
       ref: forwardedRef,
       style: {
@@ -3506,22 +3673,21 @@ var Content = PopperContent;
 var Arrow2 = PopperArrow;
 // ../../node_modules/.bun/@radix-ui+react-portal@1.1.1+f178f9b1194b24ba/node_modules/@radix-ui/react-portal/dist/index.mjs
-import * as React23 from "react";
+import * as React25 from "react";
 import ReactDOM3 from "react-dom";
-import { jsx as jsx21 } from "react/jsx-runtime";
-"use client";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var PORTAL_NAME = "Portal";
-var Portal = React23.forwardRef((props, forwardedRef) => {
+var Portal = React25.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
-  const [mounted, setMounted] = React23.useState(false);
+  const [mounted, setMounted] = React25.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container2 = containerProp || mounted && globalThis?.document?.body;
-  return container2 ? ReactDOM3.createPortal(/* @__PURE__ */ jsx21(Primitive.div, { ...portalProps, ref: forwardedRef }), container2) : null;
+  return container2 ? ReactDOM3.createPortal(/* @__PURE__ */ jsx22(Primitive.div, { ...portalProps, ref: forwardedRef }), container2) : null;
 });
 Portal.displayName = PORTAL_NAME;
 // ../../node_modules/.bun/@radix-ui+react-use-controllable-state@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
-import * as React24 from "react";
+import * as React26 from "react";
 function useControllableState({
   prop,
   defaultProp,
@@ -3531,7 +3697,7 @@ function useControllableState({
   const isControlled = prop !== undefined;
   const value = isControlled ? prop : uncontrolledProp;
   const handleChange = useCallbackRef(onChange);
-  const setValue = React24.useCallback((nextValue) => {
+  const setValue = React26.useCallback((nextValue) => {
     if (isControlled) {
       const setter = nextValue;
       const value2 = typeof nextValue === "function" ? setter(prop) : nextValue;
@@ -3547,11 +3713,11 @@ function useUncontrolledState({
   defaultProp,
   onChange
 }) {
-  const uncontrolledState = React24.useState(defaultProp);
+  const uncontrolledState = React26.useState(defaultProp);
   const [value] = uncontrolledState;
-  const prevValueRef = React24.useRef(value);
+  const prevValueRef = React26.useRef(value);
   const handleChange = useCallbackRef(onChange);
-  React24.useEffect(() => {
+  React26.useEffect(() => {
     if (prevValueRef.current !== value) {
       handleChange(value);
       prevValueRef.current = value;
@@ -3561,10 +3727,10 @@ function useUncontrolledState({
 }
 // ../../node_modules/.bun/@radix-ui+react-use-previous@1.1.0+09a4a3ac15cb54ba/node_modules/@radix-ui/react-use-previous/dist/index.mjs
-import * as React25 from "react";
+import * as React27 from "react";
 function usePrevious(value) {
-  const ref = React25.useRef({ value, previous: value });
-  return React25.useMemo(() => {
+  const ref = React27.useRef({ value, previous: value });
+  return React27.useMemo(() => {
     if (ref.current.value !== value) {
       ref.current.previous = ref.current.value;
       ref.current.value = value;
@@ -3574,11 +3740,11 @@ function usePrevious(value) {
 }
 // ../../node_modules/.bun/@radix-ui+react-visually-hidden@1.1.0+f178f9b1194b24ba/node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
-import * as React26 from "react";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import * as React28 from "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var NAME2 = "VisuallyHidden";
-var VisuallyHidden = React26.forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ jsx22(Primitive.span, {
+var VisuallyHidden = React28.forwardRef((props, forwardedRef) => {
+  return /* @__PURE__ */ jsx23(Primitive.span, {
     ...props,
     ref: forwardedRef,
     style: {
@@ -3757,10 +3923,10 @@ function __spreadArray(to, from, pack) {
 }
 // ../../node_modules/.bun/react-remove-scroll@2.5.7+09a4a3ac15cb54ba/node_modules/react-remove-scroll/dist/es2015/Combination.js
-import * as React33 from "react";
+import * as React35 from "react";
 // ../../node_modules/.bun/react-remove-scroll@2.5.7+09a4a3ac15cb54ba/node_modules/react-remove-scroll/dist/es2015/UI.js
-import * as React29 from "react";
+import * as React31 from "react";
 // ../../node_modules/.bun/react-remove-scroll-bar@2.3.8+09a4a3ac15cb54ba/node_modules/react-remove-scroll-bar/dist/es2015/constants.js
 var zeroRightClassName = "right-scroll-bar-position";
@@ -3804,8 +3970,8 @@ function useCallbackRef2(initialValue, callback) {
 }
 // ../../node_modules/.bun/use-callback-ref@1.3.3+09a4a3ac15cb54ba/node_modules/use-callback-ref/dist/es2015/useMergeRef.js
-import * as React27 from "react";
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React27.useLayoutEffect : React27.useEffect;
+import * as React29 from "react";
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React29.useLayoutEffect : React29.useEffect;
 var currentValues = new WeakMap;
 function useMergeRefs(refs, defaultValue) {
   var callbackRef = useCallbackRef2(defaultValue || null, function(newValue) {
@@ -3920,7 +4086,7 @@ function createSidecarMedium(options) {
   return medium;
 }
 // ../../node_modules/.bun/use-sidecar@1.1.3+09a4a3ac15cb54ba/node_modules/use-sidecar/dist/es2015/exports.js
-import * as React28 from "react";
+import * as React30 from "react";
 var SideCar = function(_a) {
   var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
   if (!sideCar) {
@@ -3930,7 +4096,7 @@ var SideCar = function(_a) {
   if (!Target) {
     throw new Error("Sidecar medium not found");
   }
-  return React28.createElement(Target, __assign({}, rest));
+  return React30.createElement(Target, __assign({}, rest));
 };
 SideCar.isSideCarExport = true;
 function exportSidecar(medium, exported) {
@@ -3944,9 +4110,9 @@ var effectCar = createSidecarMedium();
 var nothing = function() {
   return;
 };
-var RemoveScroll = React29.forwardRef(function(props, parentRef) {
-  var ref = React29.useRef(null);
-  var _a = React29.useState({
+var RemoveScroll = React31.forwardRef(function(props, parentRef) {
+  var ref = React31.useRef(null);
+  var _a = React31.useState({
     onScrollCapture: nothing,
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
@@ -3955,7 +4121,7 @@ var RemoveScroll = React29.forwardRef(function(props, parentRef) {
   var SideCar2 = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = __assign(__assign({}, rest), callbacks);
-  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));
+  return React31.createElement(React31.Fragment, null, enabled && React31.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }), forwardProps ? React31.cloneElement(React31.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React31.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children));
 });
 RemoveScroll.defaultProps = {
   enabled: true,
@@ -3968,13 +4134,13 @@ RemoveScroll.classNames = {
 };
 // ../../node_modules/.bun/react-remove-scroll@2.5.7+09a4a3ac15cb54ba/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
-import * as React32 from "react";
+import * as React34 from "react";
 // ../../node_modules/.bun/react-remove-scroll-bar@2.3.8+09a4a3ac15cb54ba/node_modules/react-remove-scroll-bar/dist/es2015/component.js
-import * as React31 from "react";
+import * as React33 from "react";
 // ../../node_modules/.bun/react-style-singleton@2.2.3+09a4a3ac15cb54ba/node_modules/react-style-singleton/dist/es2015/hook.js
-import * as React30 from "react";
+import * as React32 from "react";
 // ../../node_modules/.bun/get-nonce@1.0.1/node_modules/get-nonce/dist/es2015/index.js
 var currentNonce;
@@ -4038,7 +4204,7 @@ var stylesheetSingleton = function() {
 var styleHookSingleton = function() {
   var sheet = stylesheetSingleton();
   return function(styles, isDynamic) {
-    React30.useEffect(function() {
+    React32.useEffect(function() {
       sheet.add(styles);
       return function() {
         sheet.remove();
@@ -4148,7 +4314,7 @@ var getCurrentUseCounter = function() {
   return isFinite(counter) ? counter : 0;
 };
 var useLockAttribute = function() {
-  React31.useEffect(function() {
+  React33.useEffect(function() {
     document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
     return function() {
       var newCounter = getCurrentUseCounter() - 1;
@@ -4163,10 +4329,10 @@ var useLockAttribute = function() {
 var RemoveScrollBar = function(_a) {
   var { noRelative, noImportant, gapMode: _b } = _a, gapMode = _b === undefined ? "margin" : _b;
   useLockAttribute();
-  var gap = React31.useMemo(function() {
+  var gap = React33.useMemo(function() {
     return getGapWidth(gapMode);
   }, [gapMode]);
-  return React31.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
+  return React33.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
 };
 // ../../node_modules/.bun/react-remove-scroll@2.5.7+09a4a3ac15cb54ba/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
@@ -4299,16 +4465,16 @@ var generateStyle = function(id) {
 var idCounter = 0;
 var lockStack = [];
 function RemoveScrollSideCar(props) {
-  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() {
+  var shouldPreventQueue = React34.useRef([]);
+  var touchStartRef = React34.useRef([0, 0]);
+  var activeAxis = React34.useRef();
+  var id = React34.useState(idCounter++)[0];
+  var Style2 = React34.useState(styleSingleton)[0];
+  var lastProps = React34.useRef(props);
+  React34.useEffect(function() {
     lastProps.current = props;
   }, [props]);
-  React32.useEffect(function() {
+  React34.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);
@@ -4324,7 +4490,7 @@ function RemoveScrollSideCar(props) {
     }
     return;
   }, [props.inert, props.lockRef.current, props.shards]);
-  var shouldCancelEvent = React32.useCallback(function(event, parent) {
+  var shouldCancelEvent = React34.useCallback(function(event, parent) {
     if ("touches" in event && event.touches.length === 2) {
       return !lastProps.current.allowPinchZoom;
     }
@@ -4360,7 +4526,7 @@ function RemoveScrollSideCar(props) {
     var cancelingAxis = activeAxis.current || currentAxis;
     return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
   }, []);
-  var shouldPrevent = React32.useCallback(function(_event) {
+  var shouldPrevent = React34.useCallback(function(_event) {
     var event = _event;
     if (!lockStack.length || lockStack[lockStack.length - 1] !== Style2) {
       return;
@@ -4387,7 +4553,7 @@ function RemoveScrollSideCar(props) {
       }
     }
   }, []);
-  var shouldCancel = React32.useCallback(function(name, delta, target, should) {
+  var shouldCancel = React34.useCallback(function(name, delta, target, should) {
     var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
     shouldPreventQueue.current.push(event);
     setTimeout(function() {
@@ -4396,17 +4562,17 @@ function RemoveScrollSideCar(props) {
       });
     }, 1);
   }, []);
-  var scrollTouchStart = React32.useCallback(function(event) {
+  var scrollTouchStart = React34.useCallback(function(event) {
     touchStartRef.current = getTouchXY(event);
     activeAxis.current = undefined;
   }, []);
-  var scrollWheel = React32.useCallback(function(event) {
+  var scrollWheel = React34.useCallback(function(event) {
     shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  var scrollTouchMove = React32.useCallback(function(event) {
+  var scrollTouchMove = React34.useCallback(function(event) {
     shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  React32.useEffect(function() {
+  React34.useEffect(function() {
     lockStack.push(Style2);
     props.setCallbacks({
       onScrollCapture: scrollWheel,
@@ -4426,7 +4592,7 @@ function RemoveScrollSideCar(props) {
     };
   }, []);
   var { removeScrollBar, inert } = props;
-  return React32.createElement(React32.Fragment, null, inert ? React32.createElement(Style2, { styles: generateStyle(id) }) : null, removeScrollBar ? React32.createElement(RemoveScrollBar, { gapMode: props.gapMode }) : null);
+  return React34.createElement(React34.Fragment, null, inert ? React34.createElement(Style2, { styles: generateStyle(id) }) : null, removeScrollBar ? React34.createElement(RemoveScrollBar, { gapMode: props.gapMode }) : null);
 }
 function getOutermostShadowParent(node) {
   var shadowParent = null;
@@ -4444,15 +4610,14 @@ function getOutermostShadowParent(node) {
 var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
 // ../../node_modules/.bun/react-remove-scroll@2.5.7+09a4a3ac15cb54ba/node_modules/react-remove-scroll/dist/es2015/Combination.js
-var ReactRemoveScroll = React33.forwardRef(function(props, ref) {
-  return React33.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
+var ReactRemoveScroll = React35.forwardRef(function(props, ref) {
+  return React35.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+f178f9b1194b24ba/node_modules/@radix-ui/react-select/dist/index.mjs
-import { Fragment as Fragment6, jsx as jsx23, jsxs as jsxs4 } from "react/jsx-runtime";
-"use client";
+import { Fragment as Fragment8, jsx as jsx24, jsxs as jsxs4 } from "react/jsx-runtime";
 var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
 var SELECTION_KEYS = [" ", "Enter"];
 var SELECT_NAME = "Select";
@@ -4481,9 +4646,9 @@ var Select = (props) => {
     required
   } = props;
   const popperScope = usePopperScope(__scopeSelect);
-  const [trigger, setTrigger] = React34.useState(null);
-  const [valueNode, setValueNode] = React34.useState(null);
-  const [valueNodeHasChildren, setValueNodeHasChildren] = React34.useState(false);
+  const [trigger, setTrigger] = React36.useState(null);
+  const [valueNode, setValueNode] = React36.useState(null);
+  const [valueNodeHasChildren, setValueNodeHasChildren] = React36.useState(false);
   const direction = useDirection(dir);
   const [open = false, setOpen] = useControllableState({
     prop: openProp,
@@ -4495,11 +4660,11 @@ var Select = (props) => {
     defaultProp: defaultValue,
     onChange: onValueChange
   });
-  const triggerPointerDownPosRef = React34.useRef(null);
+  const triggerPointerDownPosRef = React36.useRef(null);
   const isFormControl = trigger ? Boolean(trigger.closest("form")) : true;
-  const [nativeOptionsSet, setNativeOptionsSet] = React34.useState(/* @__PURE__ */ new Set);
+  const [nativeOptionsSet, setNativeOptionsSet] = React36.useState(/* @__PURE__ */ new Set);
   const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
-  return /* @__PURE__ */ jsx23(Root2, { ...popperScope, children: /* @__PURE__ */ jsxs4(SelectProvider, {
+  return /* @__PURE__ */ jsx24(Root2, { ...popperScope, children: /* @__PURE__ */ jsxs4(SelectProvider, {
     required,
     scope: __scopeSelect,
     trigger,
@@ -4517,12 +4682,12 @@ var Select = (props) => {
     triggerPointerDownPosRef,
     disabled,
     children: [
-      /* @__PURE__ */ jsx23(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ jsx23(SelectNativeOptionsProvider, {
+      /* @__PURE__ */ jsx24(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ jsx24(SelectNativeOptionsProvider, {
         scope: props.__scopeSelect,
-        onNativeOptionAdd: React34.useCallback((option) => {
+        onNativeOptionAdd: React36.useCallback((option) => {
           setNativeOptionsSet((prev) => new Set(prev).add(option));
         }, []),
-        onNativeOptionRemove: React34.useCallback((option) => {
+        onNativeOptionRemove: React36.useCallback((option) => {
           setNativeOptionsSet((prev) => {
             const optionsSet = new Set(prev);
             optionsSet.delete(option);
@@ -4541,7 +4706,7 @@ var Select = (props) => {
         onChange: (event) => setValue(event.target.value),
         disabled,
         children: [
-          value === undefined ? /* @__PURE__ */ jsx23("option", { value: "" }) : null,
+          value === undefined ? /* @__PURE__ */ jsx24("option", { value: "" }) : null,
           Array.from(nativeOptionsSet)
         ]
       }, nativeSelectKey) : null
@@ -4550,12 +4715,12 @@ var Select = (props) => {
 };
 Select.displayName = SELECT_NAME;
 var TRIGGER_NAME = "SelectTrigger";
-var SelectTrigger = React34.forwardRef((props, forwardedRef) => {
+var SelectTrigger = React36.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, disabled = false, ...triggerProps } = props;
   const popperScope = usePopperScope(__scopeSelect);
   const context = useSelectContext(TRIGGER_NAME, __scopeSelect);
   const isDisabled = context.disabled || disabled;
-  const composedRefs = useComposedRefs(forwardedRef, context.onTriggerChange);
+  const composedRefs = useComposedRefs2(forwardedRef, context.onTriggerChange);
   const getItems = useCollection(__scopeSelect);
   const [searchRef, handleTypeaheadSearch, resetTypeahead] = useTypeaheadSearch((search) => {
     const enabledItems = getItems().filter((item) => !item.disabled);
@@ -4571,7 +4736,7 @@ var SelectTrigger = React34.forwardRef((props, forwardedRef) => {
       resetTypeahead();
     }
   };
-  return /* @__PURE__ */ jsx23(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx23(Primitive.button, {
+  return /* @__PURE__ */ jsx24(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx24(Primitive.button, {
     type: "button",
     role: "combobox",
     "aria-controls": context.contentId,
@@ -4618,52 +4783,52 @@ var SelectTrigger = React34.forwardRef((props, forwardedRef) => {
 });
 SelectTrigger.displayName = TRIGGER_NAME;
 var VALUE_NAME = "SelectValue";
-var SelectValue = React34.forwardRef((props, forwardedRef) => {
+var SelectValue = React36.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, className, style, children, placeholder = "", ...valueProps } = props;
   const context = useSelectContext(VALUE_NAME, __scopeSelect);
   const { onValueNodeHasChildrenChange } = context;
   const hasChildren = children !== undefined;
-  const composedRefs = useComposedRefs(forwardedRef, context.onValueNodeChange);
+  const composedRefs = useComposedRefs2(forwardedRef, context.onValueNodeChange);
   useLayoutEffect2(() => {
     onValueNodeHasChildrenChange(hasChildren);
   }, [onValueNodeHasChildrenChange, hasChildren]);
-  return /* @__PURE__ */ jsx23(Primitive.span, {
+  return /* @__PURE__ */ jsx24(Primitive.span, {
     ...valueProps,
     ref: composedRefs,
     style: { pointerEvents: "none" },
-    children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ jsx23(Fragment6, { children: placeholder }) : children
+    children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ jsx24(Fragment8, { children: placeholder }) : children
   });
 });
 SelectValue.displayName = VALUE_NAME;
 var ICON_NAME = "SelectIcon";
-var SelectIcon = React34.forwardRef((props, forwardedRef) => {
+var SelectIcon = React36.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, children, ...iconProps } = props;
-  return /* @__PURE__ */ jsx23(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "▼" });
+  return /* @__PURE__ */ jsx24(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "▼" });
 });
 SelectIcon.displayName = ICON_NAME;
 var PORTAL_NAME2 = "SelectPortal";
 var SelectPortal = (props) => {
-  return /* @__PURE__ */ jsx23(Portal, { asChild: true, ...props });
+  return /* @__PURE__ */ jsx24(Portal, { asChild: true, ...props });
 };
 SelectPortal.displayName = PORTAL_NAME2;
 var CONTENT_NAME2 = "SelectContent";
-var SelectContent = React34.forwardRef((props, forwardedRef) => {
+var SelectContent = React36.forwardRef((props, forwardedRef) => {
   const context = useSelectContext(CONTENT_NAME2, props.__scopeSelect);
-  const [fragment, setFragment] = React34.useState();
+  const [fragment, setFragment] = React36.useState();
   useLayoutEffect2(() => {
     setFragment(new DocumentFragment);
   }, []);
   if (!context.open) {
     const frag = fragment;
-    return frag ? ReactDOM4.createPortal(/* @__PURE__ */ jsx23(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ jsx23(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ jsx23("div", { children: props.children }) }) }), frag) : null;
+    return frag ? ReactDOM4.createPortal(/* @__PURE__ */ jsx24(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ jsx24(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ jsx24("div", { children: props.children }) }) }), frag) : null;
   }
-  return /* @__PURE__ */ jsx23(SelectContentImpl, { ...props, ref: forwardedRef });
+  return /* @__PURE__ */ jsx24(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 = React34.forwardRef((props, forwardedRef) => {
+var SelectContentImpl = React36.forwardRef((props, forwardedRef) => {
   const {
     __scopeSelect,
     position = "item-aligned",
@@ -4683,20 +4848,20 @@ var SelectContentImpl = React34.forwardRef((props, forwardedRef) => {
     ...contentProps
   } = props;
   const context = useSelectContext(CONTENT_NAME2, __scopeSelect);
-  const [content, setContent] = React34.useState(null);
-  const [viewport, setViewport] = React34.useState(null);
-  const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
-  const [selectedItem, setSelectedItem] = React34.useState(null);
-  const [selectedItemText, setSelectedItemText] = React34.useState(null);
+  const [content, setContent] = React36.useState(null);
+  const [viewport, setViewport] = React36.useState(null);
+  const composedRefs = useComposedRefs2(forwardedRef, (node) => setContent(node));
+  const [selectedItem, setSelectedItem] = React36.useState(null);
+  const [selectedItemText, setSelectedItemText] = React36.useState(null);
   const getItems = useCollection(__scopeSelect);
-  const [isPositioned, setIsPositioned] = React34.useState(false);
-  const firstValidItemFoundRef = React34.useRef(false);
-  React34.useEffect(() => {
+  const [isPositioned, setIsPositioned] = React36.useState(false);
+  const firstValidItemFoundRef = React36.useRef(false);
+  React36.useEffect(() => {
     if (content)
       return hideOthers(content);
   }, [content]);
   useFocusGuards();
-  const focusFirst2 = React34.useCallback((candidates) => {
+  const focusFirst2 = React36.useCallback((candidates) => {
     const [firstItem, ...restItems] = getItems().map((item) => item.ref.current);
     const [lastItem] = restItems.slice(-1);
     const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
@@ -4713,14 +4878,14 @@ var SelectContentImpl = React34.forwardRef((props, forwardedRef) => {
         return;
     }
   }, [getItems, viewport]);
-  const focusSelectedItem = React34.useCallback(() => focusFirst2([selectedItem, content]), [focusFirst2, selectedItem, content]);
-  React34.useEffect(() => {
+  const focusSelectedItem = React36.useCallback(() => focusFirst2([selectedItem, content]), [focusFirst2, selectedItem, content]);
+  React36.useEffect(() => {
     if (isPositioned) {
       focusSelectedItem();
     }
   }, [isPositioned, focusSelectedItem]);
   const { onOpenChange, triggerPointerDownPosRef } = context;
-  React34.useEffect(() => {
+  React36.useEffect(() => {
     if (content) {
       let pointerMoveDelta = { x: 0, y: 0 };
       const handlePointerMove = (event) => {
@@ -4750,7 +4915,7 @@ var SelectContentImpl = React34.forwardRef((props, forwardedRef) => {
       };
     }
   }, [content, onOpenChange, triggerPointerDownPosRef]);
-  React34.useEffect(() => {
+  React36.useEffect(() => {
     const close = () => onOpenChange(false);
     window.addEventListener("blur", close);
     window.addEventListener("resize", close);
@@ -4767,7 +4932,7 @@ var SelectContentImpl = React34.forwardRef((props, forwardedRef) => {
       setTimeout(() => nextItem.ref.current.focus());
     }
   });
-  const itemRefCallback = React34.useCallback((node, value, disabled) => {
+  const itemRefCallback = React36.useCallback((node, value, disabled) => {
     const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
     const isSelectedItem = context.value !== undefined && context.value === value;
     if (isSelectedItem || isFirstValidItem) {
@@ -4776,8 +4941,8 @@ var SelectContentImpl = React34.forwardRef((props, forwardedRef) => {
         firstValidItemFoundRef.current = true;
     }
   }, [context.value]);
-  const handleItemLeave = React34.useCallback(() => content?.focus(), [content]);
-  const itemTextRefCallback = React34.useCallback((node, value, disabled) => {
+  const handleItemLeave = React36.useCallback(() => content?.focus(), [content]);
+  const itemTextRefCallback = React36.useCallback((node, value, disabled) => {
     const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
     const isSelectedItem = context.value !== undefined && context.value === value;
     if (isSelectedItem || isFirstValidItem) {
@@ -4797,7 +4962,7 @@ var SelectContentImpl = React34.forwardRef((props, forwardedRef) => {
     hideWhenDetached,
     avoidCollisions
   } : {};
-  return /* @__PURE__ */ jsx23(SelectContentProvider, {
+  return /* @__PURE__ */ jsx24(SelectContentProvider, {
     scope: __scopeSelect,
     content,
     viewport,
@@ -4811,7 +4976,7 @@ var SelectContentImpl = React34.forwardRef((props, forwardedRef) => {
     position,
     isPositioned,
     searchRef,
-    children: /* @__PURE__ */ jsx23(Combination_default, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ jsx23(FocusScope, {
+    children: /* @__PURE__ */ jsx24(Combination_default, { as: Slot2, allowPinchZoom: true, children: /* @__PURE__ */ jsx24(FocusScope, {
       asChild: true,
       trapped: context.open,
       onMountAutoFocus: (event) => {
@@ -4821,14 +4986,14 @@ var SelectContentImpl = React34.forwardRef((props, forwardedRef) => {
         context.trigger?.focus({ preventScroll: true });
         event.preventDefault();
       }),
-      children: /* @__PURE__ */ jsx23(DismissableLayer, {
+      children: /* @__PURE__ */ jsx24(DismissableLayer, {
         asChild: true,
         disableOutsidePointerEvents: true,
         onEscapeKeyDown,
         onPointerDownOutside,
         onFocusOutside: (event) => event.preventDefault(),
         onDismiss: () => context.onOpenChange(false),
-        children: /* @__PURE__ */ jsx23(SelectPosition, {
+        children: /* @__PURE__ */ jsx24(SelectPosition, {
           role: "listbox",
           id: context.contentId,
           "data-state": context.open ? "open" : "closed",
@@ -4872,18 +5037,18 @@ var SelectContentImpl = React34.forwardRef((props, forwardedRef) => {
 });
 SelectContentImpl.displayName = CONTENT_IMPL_NAME;
 var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition";
-var SelectItemAlignedPosition = React34.forwardRef((props, forwardedRef) => {
+var SelectItemAlignedPosition = React36.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, onPlaced, ...popperProps } = props;
   const context = useSelectContext(CONTENT_NAME2, __scopeSelect);
   const contentContext = useSelectContentContext(CONTENT_NAME2, __scopeSelect);
-  const [contentWrapper, setContentWrapper] = React34.useState(null);
-  const [content, setContent] = React34.useState(null);
-  const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
+  const [contentWrapper, setContentWrapper] = React36.useState(null);
+  const [content, setContent] = React36.useState(null);
+  const composedRefs = useComposedRefs2(forwardedRef, (node) => setContent(node));
   const getItems = useCollection(__scopeSelect);
-  const shouldExpandOnScrollRef = React34.useRef(false);
-  const shouldRepositionRef = React34.useRef(true);
+  const shouldExpandOnScrollRef = React36.useRef(false);
+  const shouldRepositionRef = React36.useRef(true);
   const { viewport, selectedItem, selectedItemText, focusSelectedItem } = contentContext;
-  const position = React34.useCallback(() => {
+  const position = React36.useCallback(() => {
     if (context.trigger && context.valueNode && contentWrapper && content && viewport && selectedItem && selectedItemText) {
       const triggerRect = context.trigger.getBoundingClientRect();
       const contentRect = content.getBoundingClientRect();
@@ -4964,24 +5129,24 @@ var SelectItemAlignedPosition = React34.forwardRef((props, forwardedRef) => {
     onPlaced
   ]);
   useLayoutEffect2(() => position(), [position]);
-  const [contentZIndex, setContentZIndex] = React34.useState();
+  const [contentZIndex, setContentZIndex] = React36.useState();
   useLayoutEffect2(() => {
     if (content)
       setContentZIndex(window.getComputedStyle(content).zIndex);
   }, [content]);
-  const handleScrollButtonChange = React34.useCallback((node) => {
+  const handleScrollButtonChange = React36.useCallback((node) => {
     if (node && shouldRepositionRef.current === true) {
       position();
       focusSelectedItem?.();
       shouldRepositionRef.current = false;
     }
   }, [position, focusSelectedItem]);
-  return /* @__PURE__ */ jsx23(SelectViewportProvider, {
+  return /* @__PURE__ */ jsx24(SelectViewportProvider, {
     scope: __scopeSelect,
     contentWrapper,
     shouldExpandOnScrollRef,
     onScrollButtonChange: handleScrollButtonChange,
-    children: /* @__PURE__ */ jsx23("div", {
+    children: /* @__PURE__ */ jsx24("div", {
       ref: setContentWrapper,
       style: {
         display: "flex",
@@ -4989,7 +5154,7 @@ var SelectItemAlignedPosition = React34.forwardRef((props, forwardedRef) => {
         position: "fixed",
         zIndex: contentZIndex
       },
-      children: /* @__PURE__ */ jsx23(Primitive.div, {
+      children: /* @__PURE__ */ jsx24(Primitive.div, {
         ...popperProps,
         ref: composedRefs,
         style: {
@@ -5003,7 +5168,7 @@ var SelectItemAlignedPosition = React34.forwardRef((props, forwardedRef) => {
 });
 SelectItemAlignedPosition.displayName = ITEM_ALIGNED_POSITION_NAME;
 var POPPER_POSITION_NAME = "SelectPopperPosition";
-var SelectPopperPosition = React34.forwardRef((props, forwardedRef) => {
+var SelectPopperPosition = React36.forwardRef((props, forwardedRef) => {
   const {
     __scopeSelect,
     align = "start",
@@ -5011,7 +5176,7 @@ var SelectPopperPosition = React34.forwardRef((props, forwardedRef) => {
     ...popperProps
   } = props;
   const popperScope = usePopperScope(__scopeSelect);
-  return /* @__PURE__ */ jsx23(Content, {
+  return /* @__PURE__ */ jsx24(Content, {
     ...popperScope,
     ...popperProps,
     ref: forwardedRef,
@@ -5033,20 +5198,20 @@ var SelectPopperPosition = React34.forwardRef((props, forwardedRef) => {
 SelectPopperPosition.displayName = POPPER_POSITION_NAME;
 var [SelectViewportProvider, useSelectViewportContext] = createSelectContext(CONTENT_NAME2, {});
 var VIEWPORT_NAME = "SelectViewport";
-var SelectViewport = React34.forwardRef((props, forwardedRef) => {
+var SelectViewport = React36.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 = React34.useRef(0);
-  return /* @__PURE__ */ jsxs4(Fragment6, { children: [
-    /* @__PURE__ */ jsx23("style", {
+  const composedRefs = useComposedRefs2(forwardedRef, contentContext.onViewportChange);
+  const prevScrollTopRef = React36.useRef(0);
+  return /* @__PURE__ */ jsxs4(Fragment8, { children: [
+    /* @__PURE__ */ jsx24("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__ */ jsx23(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ jsx23(Primitive.div, {
+    /* @__PURE__ */ jsx24(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ jsx24(Primitive.div, {
       "data-radix-select-viewport": "",
       role: "presentation",
       ...viewportProps,
@@ -5087,22 +5252,22 @@ var SelectViewport = React34.forwardRef((props, forwardedRef) => {
 SelectViewport.displayName = VIEWPORT_NAME;
 var GROUP_NAME = "SelectGroup";
 var [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext(GROUP_NAME);
-var SelectGroup = React34.forwardRef((props, forwardedRef) => {
+var SelectGroup = React36.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, ...groupProps } = props;
   const groupId = useId();
-  return /* @__PURE__ */ jsx23(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx23(Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+  return /* @__PURE__ */ jsx24(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx24(Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
 });
 SelectGroup.displayName = GROUP_NAME;
 var LABEL_NAME = "SelectLabel";
-var SelectLabel = React34.forwardRef((props, forwardedRef) => {
+var SelectLabel = React36.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, ...labelProps } = props;
   const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-  return /* @__PURE__ */ jsx23(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx24(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
 });
 SelectLabel.displayName = LABEL_NAME;
 var ITEM_NAME = "SelectItem";
 var [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME);
-var SelectItem = React34.forwardRef((props, forwardedRef) => {
+var SelectItem = React36.forwardRef((props, forwardedRef) => {
   const {
     __scopeSelect,
     value,
@@ -5113,9 +5278,9 @@ var SelectItem = React34.forwardRef((props, forwardedRef) => {
   const context = useSelectContext(ITEM_NAME, __scopeSelect);
   const contentContext = useSelectContentContext(ITEM_NAME, __scopeSelect);
   const isSelected = context.value === value;
-  const [textValue, setTextValue] = React34.useState(textValueProp ?? "");
-  const [isFocused, setIsFocused] = React34.useState(false);
-  const composedRefs = useComposedRefs(forwardedRef, (node) => contentContext.itemRefCallback?.(node, value, disabled));
+  const [textValue, setTextValue] = React36.useState(textValueProp ?? "");
+  const [isFocused, setIsFocused] = React36.useState(false);
+  const composedRefs = useComposedRefs2(forwardedRef, (node) => contentContext.itemRefCallback?.(node, value, disabled));
   const textId = useId();
   const handleSelect = () => {
     if (!disabled) {
@@ -5126,21 +5291,21 @@ var SelectItem = React34.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__ */ jsx23(SelectItemContextProvider, {
+  return /* @__PURE__ */ jsx24(SelectItemContextProvider, {
     scope: __scopeSelect,
     value,
     disabled,
     textId,
     isSelected,
-    onItemTextChange: React34.useCallback((node) => {
+    onItemTextChange: React36.useCallback((node) => {
       setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? "").trim());
     }, []),
-    children: /* @__PURE__ */ jsx23(Collection.ItemSlot, {
+    children: /* @__PURE__ */ jsx24(Collection.ItemSlot, {
       scope: __scopeSelect,
       value,
       disabled,
       textValue,
-      children: /* @__PURE__ */ jsx23(Primitive.div, {
+      children: /* @__PURE__ */ jsx24(Primitive.div, {
         role: "option",
         "aria-labelledby": textId,
         "data-highlighted": isFocused ? "" : undefined,
@@ -5181,40 +5346,40 @@ var SelectItem = React34.forwardRef((props, forwardedRef) => {
 });
 SelectItem.displayName = ITEM_NAME;
 var ITEM_TEXT_NAME = "SelectItemText";
-var SelectItemText = React34.forwardRef((props, forwardedRef) => {
+var SelectItemText = React36.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] = React34.useState(null);
-  const composedRefs = useComposedRefs(forwardedRef, (node) => setItemTextNode(node), itemContext.onItemTextChange, (node) => contentContext.itemTextRefCallback?.(node, itemContext.value, itemContext.disabled));
+  const [itemTextNode, setItemTextNode] = React36.useState(null);
+  const composedRefs = useComposedRefs2(forwardedRef, (node) => setItemTextNode(node), itemContext.onItemTextChange, (node) => contentContext.itemTextRefCallback?.(node, itemContext.value, itemContext.disabled));
   const textContent = itemTextNode?.textContent;
-  const nativeOption = React34.useMemo(() => /* @__PURE__ */ jsx23("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value), [itemContext.disabled, itemContext.value, textContent]);
+  const nativeOption = React36.useMemo(() => /* @__PURE__ */ jsx24("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__ */ jsxs4(Fragment6, { children: [
-    /* @__PURE__ */ jsx23(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+  return /* @__PURE__ */ jsxs4(Fragment8, { children: [
+    /* @__PURE__ */ jsx24(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 = React34.forwardRef((props, forwardedRef) => {
+var SelectItemIndicator = React36.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, ...itemIndicatorProps } = props;
   const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
-  return itemContext.isSelected ? /* @__PURE__ */ jsx23(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+  return itemContext.isSelected ? /* @__PURE__ */ jsx24(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
 });
 SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
 var SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton";
-var SelectScrollUpButton = React34.forwardRef((props, forwardedRef) => {
+var SelectScrollUpButton = React36.forwardRef((props, forwardedRef) => {
   const contentContext = useSelectContentContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
   const viewportContext = useSelectViewportContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
-  const [canScrollUp, setCanScrollUp] = React34.useState(false);
-  const composedRefs = useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
+  const [canScrollUp, setCanScrollUp] = React36.useState(false);
+  const composedRefs = useComposedRefs2(forwardedRef, viewportContext.onScrollButtonChange);
   useLayoutEffect2(() => {
     if (contentContext.viewport && contentContext.isPositioned) {
       let handleScroll22 = function() {
@@ -5228,7 +5393,7 @@ var SelectScrollUpButton = React34.forwardRef((props, forwardedRef) => {
       return () => viewport.removeEventListener("scroll", handleScroll22);
     }
   }, [contentContext.viewport, contentContext.isPositioned]);
-  return canScrollUp ? /* @__PURE__ */ jsx23(SelectScrollButtonImpl, {
+  return canScrollUp ? /* @__PURE__ */ jsx24(SelectScrollButtonImpl, {
     ...props,
     ref: composedRefs,
     onAutoScroll: () => {
@@ -5241,11 +5406,11 @@ var SelectScrollUpButton = React34.forwardRef((props, forwardedRef) => {
 });
 SelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;
 var SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton";
-var SelectScrollDownButton = React34.forwardRef((props, forwardedRef) => {
+var SelectScrollDownButton = React36.forwardRef((props, forwardedRef) => {
   const contentContext = useSelectContentContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
   const viewportContext = useSelectViewportContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
-  const [canScrollDown, setCanScrollDown] = React34.useState(false);
-  const composedRefs = useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
+  const [canScrollDown, setCanScrollDown] = React36.useState(false);
+  const composedRefs = useComposedRefs2(forwardedRef, viewportContext.onScrollButtonChange);
   useLayoutEffect2(() => {
     if (contentContext.viewport && contentContext.isPositioned) {
       let handleScroll22 = function() {
@@ -5260,7 +5425,7 @@ var SelectScrollDownButton = React34.forwardRef((props, forwardedRef) => {
       return () => viewport.removeEventListener("scroll", handleScroll22);
     }
   }, [contentContext.viewport, contentContext.isPositioned]);
-  return canScrollDown ? /* @__PURE__ */ jsx23(SelectScrollButtonImpl, {
+  return canScrollDown ? /* @__PURE__ */ jsx24(SelectScrollButtonImpl, {
     ...props,
     ref: composedRefs,
     onAutoScroll: () => {
@@ -5272,25 +5437,25 @@ var SelectScrollDownButton = React34.forwardRef((props, forwardedRef) => {
   }) : null;
 });
 SelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;
-var SelectScrollButtonImpl = React34.forwardRef((props, forwardedRef) => {
+var SelectScrollButtonImpl = React36.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, onAutoScroll, ...scrollIndicatorProps } = props;
   const contentContext = useSelectContentContext("SelectScrollButton", __scopeSelect);
-  const autoScrollTimerRef = React34.useRef(null);
+  const autoScrollTimerRef = React36.useRef(null);
   const getItems = useCollection(__scopeSelect);
-  const clearAutoScrollTimer = React34.useCallback(() => {
+  const clearAutoScrollTimer = React36.useCallback(() => {
     if (autoScrollTimerRef.current !== null) {
       window.clearInterval(autoScrollTimerRef.current);
       autoScrollTimerRef.current = null;
     }
   }, []);
-  React34.useEffect(() => {
+  React36.useEffect(() => {
     return () => clearAutoScrollTimer();
   }, [clearAutoScrollTimer]);
   useLayoutEffect2(() => {
     const activeItem = getItems().find((item) => item.ref.current === document.activeElement);
     activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
   }, [getItems]);
-  return /* @__PURE__ */ jsx23(Primitive.div, {
+  return /* @__PURE__ */ jsx24(Primitive.div, {
     "aria-hidden": true,
     ...scrollIndicatorProps,
     ref: forwardedRef,
@@ -5312,29 +5477,29 @@ var SelectScrollButtonImpl = React34.forwardRef((props, forwardedRef) => {
   });
 });
 var SEPARATOR_NAME = "SelectSeparator";
-var SelectSeparator = React34.forwardRef((props, forwardedRef) => {
+var SelectSeparator = React36.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, ...separatorProps } = props;
-  return /* @__PURE__ */ jsx23(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx24(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
 });
 SelectSeparator.displayName = SEPARATOR_NAME;
 var ARROW_NAME2 = "SelectArrow";
-var SelectArrow = React34.forwardRef((props, forwardedRef) => {
+var SelectArrow = React36.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__ */ jsx23(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
+  return context.open && contentContext.position === "popper" ? /* @__PURE__ */ jsx24(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
 });
 SelectArrow.displayName = ARROW_NAME2;
 function shouldShowPlaceholder(value) {
   return value === "" || value === undefined;
 }
-var BubbleSelect = React34.forwardRef((props, forwardedRef) => {
+var BubbleSelect = React36.forwardRef((props, forwardedRef) => {
   const { value, ...selectProps } = props;
-  const ref = React34.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, ref);
+  const ref = React36.useRef(null);
+  const composedRefs = useComposedRefs2(forwardedRef, ref);
   const prevValue = usePrevious(value);
-  React34.useEffect(() => {
+  React36.useEffect(() => {
     const select = ref.current;
     const selectProto = window.HTMLSelectElement.prototype;
     const descriptor = Object.getOwnPropertyDescriptor(selectProto, "value");
@@ -5345,14 +5510,14 @@ var BubbleSelect = React34.forwardRef((props, forwardedRef) => {
       select.dispatchEvent(event);
     }
   }, [prevValue, value]);
-  return /* @__PURE__ */ jsx23(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx23("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
+  return /* @__PURE__ */ jsx24(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx24("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
 });
 BubbleSelect.displayName = "BubbleSelect";
 function useTypeaheadSearch(onSearchChange) {
   const handleSearchChange = useCallbackRef(onSearchChange);
-  const searchRef = React34.useRef("");
-  const timerRef = React34.useRef(0);
-  const handleTypeaheadSearch = React34.useCallback((key) => {
+  const searchRef = React36.useRef("");
+  const timerRef = React36.useRef(0);
+  const handleTypeaheadSearch = React36.useCallback((key) => {
     const search = searchRef.current + key;
     handleSearchChange(search);
     (function updateSearch(value) {
@@ -5362,11 +5527,11 @@ function useTypeaheadSearch(onSearchChange) {
         timerRef.current = window.setTimeout(() => updateSearch(""), 1000);
     })(search);
   }, [handleSearchChange]);
-  const resetTypeahead = React34.useCallback(() => {
+  const resetTypeahead = React36.useCallback(() => {
     searchRef.current = "";
     window.clearTimeout(timerRef.current);
   }, []);
-  React34.useEffect(() => {
+  React36.useEffect(() => {
     return () => window.clearTimeout(timerRef.current);
   }, []);
   return [searchRef, handleTypeaheadSearch, resetTypeahead];
@@ -5402,7 +5567,7 @@ var ScrollDownButton = SelectScrollDownButton;
 var Separator = SelectSeparator;
 // ../../node_modules/.bun/lucide-react@0.439.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/createLucideIcon.js
-import { forwardRef as forwardRef13, createElement as createElement7 } from "react";
+import { forwardRef as forwardRef14, createElement as createElement7 } from "react";
 // ../../node_modules/.bun/lucide-react@0.439.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
@@ -5411,7 +5576,7 @@ var mergeClasses = (...classes) => classes.filter((className, index2, array) =>
 }).join(" ");
 // ../../node_modules/.bun/lucide-react@0.439.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/Icon.js
-import { forwardRef as forwardRef12, createElement as createElement6 } from "react";
+import { forwardRef as forwardRef13, createElement as createElement6 } from "react";
 // ../../node_modules/.bun/lucide-react@0.439.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
@@ -5427,7 +5592,7 @@ var defaultAttributes = {
 };
 // ../../node_modules/.bun/lucide-react@0.439.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/Icon.js
-var Icon2 = forwardRef12(({
+var Icon2 = forwardRef13(({
   color = "currentColor",
   size: size4 = 24,
   strokeWidth = 2,
@@ -5454,7 +5619,7 @@ var Icon2 = forwardRef12(({
 // ../../node_modules/.bun/lucide-react@0.439.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
-  const Component = forwardRef13(({ className, ...props }, ref) => createElement7(Icon2, {
+  const Component = forwardRef14(({ className, ...props }, ref) => createElement7(Icon2, {
     ref,
     iconNode,
     className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
@@ -5475,96 +5640,96 @@ var ChevronDown = createLucideIcon("ChevronDown", [
 // ../../node_modules/.bun/lucide-react@0.439.0+83d5fd7b249dbeef/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 React35 from "react";
-import { jsx as jsx24, jsxs as jsxs5 } from "react/jsx-runtime";
+import * as React37 from "react";
+import { jsx as jsx25, jsxs as jsxs5 } from "react/jsx-runtime";
 var Select2 = Root22;
 var SelectGroup2 = Group;
 var SelectValue2 = Value;
-var SelectTrigger2 = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(Trigger, {
+var SelectTrigger2 = React37.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__ */ jsx24(Icon, {
+    /* @__PURE__ */ jsx25(Icon, {
       asChild: true,
-      children: /* @__PURE__ */ jsx24(ChevronDown, {
+      children: /* @__PURE__ */ jsx25(ChevronDown, {
         className: "h-4 w-4 opacity-50"
       })
     })
   ]
 }));
 SelectTrigger2.displayName = Trigger.displayName;
-var SelectScrollUpButton2 = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(ScrollUpButton, {
+var SelectScrollUpButton2 = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(ScrollUpButton, {
   ref,
   className: cn("flex cursor-default items-center justify-center py-1", className),
   ...props,
-  children: /* @__PURE__ */ jsx24(ChevronUp, {
+  children: /* @__PURE__ */ jsx25(ChevronUp, {
     className: "h-4 w-4"
   })
 }));
 SelectScrollUpButton2.displayName = ScrollUpButton.displayName;
-var SelectScrollDownButton2 = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(ScrollDownButton, {
+var SelectScrollDownButton2 = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(ScrollDownButton, {
   ref,
   className: cn("flex cursor-default items-center justify-center py-1", className),
   ...props,
-  children: /* @__PURE__ */ jsx24(ChevronDown, {
+  children: /* @__PURE__ */ jsx25(ChevronDown, {
     className: "h-4 w-4"
   })
 }));
 SelectScrollDownButton2.displayName = ScrollDownButton.displayName;
-var SelectContent2 = React35.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx24(Portal2, {
+var SelectContent2 = React37.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx25(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__ */ jsx24(SelectScrollUpButton2, {}),
-      /* @__PURE__ */ jsx24(Viewport, {
+      /* @__PURE__ */ jsx25(SelectScrollUpButton2, {}),
+      /* @__PURE__ */ jsx25(Viewport, {
         className: cn("p-1", position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"),
         children
       }),
-      /* @__PURE__ */ jsx24(SelectScrollDownButton2, {})
+      /* @__PURE__ */ jsx25(SelectScrollDownButton2, {})
     ]
   })
 }));
 SelectContent2.displayName = Content2.displayName;
-var SelectLabel2 = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(Label, {
+var SelectLabel2 = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(Label, {
   ref,
   className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
   ...props
 }));
 SelectLabel2.displayName = Label.displayName;
-var SelectItem2 = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(Item, {
+var SelectItem2 = React37.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__ */ jsx24("span", {
+    /* @__PURE__ */ jsx25("span", {
       className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-      children: /* @__PURE__ */ jsx24(ItemIndicator, {
-        children: /* @__PURE__ */ jsx24(Check, {
+      children: /* @__PURE__ */ jsx25(ItemIndicator, {
+        children: /* @__PURE__ */ jsx25(Check, {
           className: "h-4 w-4"
         })
       })
     }),
-    /* @__PURE__ */ jsx24(ItemText, {
+    /* @__PURE__ */ jsx25(ItemText, {
       children
     })
   ]
 }));
 SelectItem2.displayName = Item.displayName;
-var SelectSeparator2 = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(Separator, {
+var SelectSeparator2 = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(Separator, {
   ref,
   className: cn("-mx-1 my-1 h-px bg-muted", className),
   ...props
 }));
 SelectSeparator2.displayName = Separator.displayName;
 // src/Switch.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var Switch = ({ active, onToggle, "aria-label": ariaLabel }) => {
-  return /* @__PURE__ */ jsx25("button", {
+  return /* @__PURE__ */ jsx26("button", {
     type: "button",
     role: "switch",
     "aria-checked": active,
@@ -5572,14 +5737,14 @@ var Switch = ({ active, onToggle, "aria-label": ariaLabel }) => {
     "data-active": active,
     className: "h-[34px] transition-all rounded-full w-[56px] border-2 border-b-4 bg-gray-200 p-[2px] cursor-pointer data-[active=true]:bg-brand border-black relative shrink-0",
     onClick: onToggle,
-    children: /* @__PURE__ */ jsx25("div", {
+    children: /* @__PURE__ */ jsx26("div", {
       "data-active": active,
       className: "h-[20px] w-[20px] left-[4px] top-[4px] transition-all rounded-full bg-white border-2 border-black absolute data-[active=true]:left-[calc(100%-24px)]"
     })
   });
 };
 // ../../node_modules/.bun/@radix-ui+react-tabs@1.1.13+f178f9b1194b24ba/node_modules/@radix-ui/react-tabs/dist/index.mjs
-import * as React48 from "react";
+import * as React49 from "react";
 // ../../node_modules/.bun/@radix-ui+primitive@1.1.3/node_modules/@radix-ui/primitive/dist/index.mjs
 var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
@@ -5593,24 +5758,24 @@ function composeEventHandlers2(originalEventHandler, ourEventHandler, { checkFor
 }
 // ../../node_modules/.bun/@radix-ui+react-context@1.1.2+09a4a3ac15cb54ba/node_modules/@radix-ui/react-context/dist/index.mjs
-import * as React36 from "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import * as React38 from "react";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function createContextScope2(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext32(rootComponentName, defaultContext) {
-    const BaseContext = React36.createContext(defaultContext);
+    const BaseContext = React38.createContext(defaultContext);
     const index2 = defaultContexts.length;
     defaultContexts = [...defaultContexts, defaultContext];
     const Provider = (props) => {
       const { scope, children, ...context } = props;
       const Context = scope?.[scopeName]?.[index2] || BaseContext;
-      const value = React36.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsx26(Context.Provider, { value, children });
+      const value = React38.useMemo(() => context, Object.values(context));
+      return /* @__PURE__ */ jsx27(Context.Provider, { value, children });
     };
     Provider.displayName = rootComponentName + "Provider";
     function useContext22(consumerName, scope) {
       const Context = scope?.[scopeName]?.[index2] || BaseContext;
-      const context = React36.useContext(Context);
+      const context = React38.useContext(Context);
       if (context)
         return context;
       if (defaultContext !== undefined)
@@ -5621,11 +5786,11 @@ function createContextScope2(scopeName, createContextScopeDeps = []) {
   }
   const createScope = () => {
     const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React36.createContext(defaultContext);
+      return React38.createContext(defaultContext);
     });
     return function useScope(scope) {
       const contexts = scope?.[scopeName] || scopeContexts;
-      return React36.useMemo(() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }), [scope, contexts]);
+      return React38.useMemo(() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }), [scope, contexts]);
     };
   };
   createScope.scopeName = scopeName;
@@ -5646,7 +5811,7 @@ function composeContextScopes2(...scopes) {
         const currentScope = scopeProps[`__scope${scopeName}`];
         return { ...nextScopes2, ...currentScope };
       }, {});
-      return React36.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+      return React38.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
     };
   };
   createScope.scopeName = baseScope.scopeName;
@@ -5654,96 +5819,59 @@ function composeContextScopes2(...scopes) {
 }
 // ../../node_modules/.bun/@radix-ui+react-roving-focus@1.1.11+f178f9b1194b24ba/node_modules/@radix-ui/react-roving-focus/dist/index.mjs
-import * as React46 from "react";
+import * as React47 from "react";
 // ../../node_modules/.bun/@radix-ui+react-collection@1.1.7+f178f9b1194b24ba/node_modules/@radix-ui/react-collection/dist/index.mjs
-import React39 from "react";
-// ../../node_modules/.bun/@radix-ui+react-compose-refs@1.1.2+09a4a3ac15cb54ba/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-import * as React37 from "react";
-function setRef2(ref, value) {
-  if (typeof ref === "function") {
-    return ref(value);
-  } else if (ref !== null && ref !== undefined) {
-    ref.current = value;
-  }
-}
-function composeRefs2(...refs) {
-  return (node) => {
-    let hasCleanup = false;
-    const cleanups = refs.map((ref) => {
-      const cleanup = setRef2(ref, node);
-      if (!hasCleanup && typeof cleanup == "function") {
-        hasCleanup = true;
-      }
-      return cleanup;
-    });
-    if (hasCleanup) {
-      return () => {
-        for (let i = 0;i < cleanups.length; i++) {
-          const cleanup = cleanups[i];
-          if (typeof cleanup == "function") {
-            cleanup();
-          } else {
-            setRef2(refs[i], null);
-          }
-        }
-      };
-    }
-  };
-}
-function useComposedRefs2(...refs) {
-  return React37.useCallback(composeRefs2(...refs), refs);
-}
+import React40 from "react";
 // ../../node_modules/.bun/@radix-ui+react-slot@1.2.3+09a4a3ac15cb54ba/node_modules/@radix-ui/react-slot/dist/index.mjs
-import * as React38 from "react";
-import { Fragment as Fragment22, jsx as jsx27 } from "react/jsx-runtime";
-function createSlot(ownerName) {
-  const SlotClone2 = /* @__PURE__ */ createSlotClone(ownerName);
-  const Slot2 = React38.forwardRef((props, forwardedRef) => {
+import * as React39 from "react";
+import { Fragment as Fragment22, jsx as jsx28 } from "react/jsx-runtime";
+function createSlot2(ownerName) {
+  const SlotClone2 = /* @__PURE__ */ createSlotClone2(ownerName);
+  const Slot22 = React39.forwardRef((props, forwardedRef) => {
     const { children, ...slotProps } = props;
-    const childrenArray = React38.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable2);
+    const childrenArray = React39.Children.toArray(children);
+    const slottable = childrenArray.find(isSlottable3);
     if (slottable) {
       const newElement = slottable.props.children;
       const newChildren = childrenArray.map((child) => {
         if (child === slottable) {
-          if (React38.Children.count(newElement) > 1)
-            return React38.Children.only(null);
-          return React38.isValidElement(newElement) ? newElement.props.children : null;
+          if (React39.Children.count(newElement) > 1)
+            return React39.Children.only(null);
+          return React39.isValidElement(newElement) ? newElement.props.children : null;
         } else {
           return child;
         }
       });
-      return /* @__PURE__ */ jsx27(SlotClone2, { ...slotProps, ref: forwardedRef, children: React38.isValidElement(newElement) ? React38.cloneElement(newElement, undefined, newChildren) : null });
+      return /* @__PURE__ */ jsx28(SlotClone2, { ...slotProps, ref: forwardedRef, children: React39.isValidElement(newElement) ? React39.cloneElement(newElement, undefined, newChildren) : null });
     }
-    return /* @__PURE__ */ jsx27(SlotClone2, { ...slotProps, ref: forwardedRef, children });
+    return /* @__PURE__ */ jsx28(SlotClone2, { ...slotProps, ref: forwardedRef, children });
   });
-  Slot2.displayName = `${ownerName}.Slot`;
-  return Slot2;
+  Slot22.displayName = `${ownerName}.Slot`;
+  return Slot22;
 }
-function createSlotClone(ownerName) {
-  const SlotClone2 = React38.forwardRef((props, forwardedRef) => {
+function createSlotClone2(ownerName) {
+  const SlotClone2 = React39.forwardRef((props, forwardedRef) => {
     const { children, ...slotProps } = props;
-    if (React38.isValidElement(children)) {
-      const childrenRef = getElementRef2(children);
-      const props2 = mergeProps2(slotProps, children.props);
-      if (children.type !== React38.Fragment) {
-        props2.ref = forwardedRef ? composeRefs2(forwardedRef, childrenRef) : childrenRef;
+    if (React39.isValidElement(children)) {
+      const childrenRef = getElementRef3(children);
+      const props2 = mergeProps3(slotProps, children.props);
+      if (children.type !== React39.Fragment) {
+        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
       }
-      return React38.cloneElement(children, props2);
+      return React39.cloneElement(children, props2);
     }
-    return React38.Children.count(children) > 1 ? React38.Children.only(null) : null;
+    return React39.Children.count(children) > 1 ? React39.Children.only(null) : null;
   });
   SlotClone2.displayName = `${ownerName}.SlotClone`;
   return SlotClone2;
 }
-var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
-function isSlottable2(child) {
-  return React38.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+var SLOTTABLE_IDENTIFIER2 = Symbol("radix.slottable");
+function isSlottable3(child) {
+  return React39.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER2;
 }
-function mergeProps2(slotProps, childProps) {
+function mergeProps3(slotProps, childProps) {
   const overrideProps = { ...childProps };
   for (const propName in childProps) {
     const slotPropValue = slotProps[propName];
@@ -5767,7 +5895,7 @@ function mergeProps2(slotProps, childProps) {
   }
   return { ...slotProps, ...overrideProps };
 }
-function getElementRef2(element) {
+function getElementRef3(element) {
   let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
   let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
   if (mayWarn) {
@@ -5782,48 +5910,47 @@ function getElementRef2(element) {
 }
 // ../../node_modules/.bun/@radix-ui+react-collection@1.1.7+f178f9b1194b24ba/node_modules/@radix-ui/react-collection/dist/index.mjs
-import { jsx as jsx28 } from "react/jsx-runtime";
-import React210 from "react";
 import { jsx as jsx29 } from "react/jsx-runtime";
-"use client";
+import React210 from "react";
+import { jsx as jsx210 } from "react/jsx-runtime";
 function createCollection2(name) {
   const PROVIDER_NAME = name + "CollectionProvider";
   const [createCollectionContext, createCollectionScope2] = createContextScope2(PROVIDER_NAME);
   const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(PROVIDER_NAME, { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map });
   const CollectionProvider = (props) => {
     const { scope, children } = props;
-    const ref = React39.useRef(null);
-    const itemMap = React39.useRef(/* @__PURE__ */ new Map).current;
-    return /* @__PURE__ */ jsx28(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+    const ref = React40.useRef(null);
+    const itemMap = React40.useRef(/* @__PURE__ */ new Map).current;
+    return /* @__PURE__ */ jsx29(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
   };
   CollectionProvider.displayName = PROVIDER_NAME;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-  const CollectionSlotImpl = createSlot(COLLECTION_SLOT_NAME);
-  const CollectionSlot = React39.forwardRef((props, forwardedRef) => {
+  const CollectionSlotImpl = createSlot2(COLLECTION_SLOT_NAME);
+  const CollectionSlot = React40.forwardRef((props, forwardedRef) => {
     const { scope, children } = props;
     const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
-    const composedRefs = useComposedRefs2(forwardedRef, context.collectionRef);
-    return /* @__PURE__ */ jsx28(CollectionSlotImpl, { ref: composedRefs, children });
+    const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
+    return /* @__PURE__ */ jsx29(CollectionSlotImpl, { ref: composedRefs, children });
   });
   CollectionSlot.displayName = COLLECTION_SLOT_NAME;
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
-  const CollectionItemSlotImpl = createSlot(ITEM_SLOT_NAME);
-  const CollectionItemSlot = React39.forwardRef((props, forwardedRef) => {
+  const CollectionItemSlotImpl = createSlot2(ITEM_SLOT_NAME);
+  const CollectionItemSlot = React40.forwardRef((props, forwardedRef) => {
     const { scope, children, ...itemData } = props;
-    const ref = React39.useRef(null);
-    const composedRefs = useComposedRefs2(forwardedRef, ref);
+    const ref = React40.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, ref);
     const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-    React39.useEffect(() => {
+    React40.useEffect(() => {
       context.itemMap.set(ref, { ref, ...itemData });
       return () => void context.itemMap.delete(ref);
     });
-    return /* @__PURE__ */ jsx28(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+    return /* @__PURE__ */ jsx29(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
   });
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
   function useCollection2(scope) {
     const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = React39.useCallback(() => {
+    const getItems = React40.useCallback(() => {
       const collectionNode = context.collectionRef.current;
       if (!collectionNode)
         return [];
@@ -6143,19 +6270,19 @@ function toSafeInteger(number) {
 }
 // ../../node_modules/.bun/@radix-ui+react-id@1.1.1+09a4a3ac15cb54ba/node_modules/@radix-ui/react-id/dist/index.mjs
-import * as React41 from "react";
+import * as React42 from "react";
 // ../../node_modules/.bun/@radix-ui+react-use-layout-effect@1.1.1+09a4a3ac15cb54ba/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
-import * as React40 from "react";
-var useLayoutEffect22 = globalThis?.document ? React40.useLayoutEffect : () => {};
+import * as React41 from "react";
+var useLayoutEffect22 = globalThis?.document ? React41.useLayoutEffect : () => {};
 // ../../node_modules/.bun/@radix-ui+react-id@1.1.1+09a4a3ac15cb54ba/node_modules/@radix-ui/react-id/dist/index.mjs
-var useReactId2 = React41[" useId ".trim().toString()] || (() => {
+var useReactId2 = React42[" useId ".trim().toString()] || (() => {
   return;
 });
 var count3 = 0;
 function useId2(deterministicId) {
-  const [id, setId] = React41.useState(useReactId2());
+  const [id, setId] = React42.useState(useReactId2());
   useLayoutEffect22(() => {
     if (!deterministicId)
       setId((reactId) => reactId ?? String(count3++));
@@ -6164,7 +6291,7 @@ function useId2(deterministicId) {
 }
 // ../../node_modules/.bun/@radix-ui+react-primitive@2.1.3+f178f9b1194b24ba/node_modules/@radix-ui/react-primitive/dist/index.mjs
-import * as React42 from "react";
+import * as React43 from "react";
 import * as ReactDOM5 from "react-dom";
 import { jsx as jsx30 } from "react/jsx-runtime";
 var NODES2 = [
@@ -6187,10 +6314,10 @@ var NODES2 = [
   "ul"
 ];
 var Primitive2 = NODES2.reduce((primitive, node) => {
-  const Slot2 = createSlot(`Primitive.${node}`);
-  const Node2 = React42.forwardRef((props, forwardedRef) => {
+  const Slot3 = createSlot2(`Primitive.${node}`);
+  const Node2 = React43.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? Slot2 : node;
+    const Comp = asChild ? Slot3 : node;
     if (typeof window !== "undefined") {
       window[Symbol.for("radix-ui")] = true;
     }
@@ -6201,19 +6328,19 @@ var Primitive2 = NODES2.reduce((primitive, node) => {
 }, {});
 // ../../node_modules/.bun/@radix-ui+react-use-callback-ref@1.1.1+09a4a3ac15cb54ba/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
-import * as React43 from "react";
+import * as React44 from "react";
 function useCallbackRef3(callback) {
-  const callbackRef = React43.useRef(callback);
-  React43.useEffect(() => {
+  const callbackRef = React44.useRef(callback);
+  React44.useEffect(() => {
     callbackRef.current = callback;
   });
-  return React43.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+  return React44.useMemo(() => (...args) => callbackRef.current?.(...args), []);
 }
 // ../../node_modules/.bun/@radix-ui+react-use-controllable-state@1.2.2+09a4a3ac15cb54ba/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
-import * as React44 from "react";
+import * as React45 from "react";
 import * as React212 from "react";
-var useInsertionEffect = React44[" useInsertionEffect ".trim().toString()] || useLayoutEffect22;
+var useInsertionEffect = React45[" useInsertionEffect ".trim().toString()] || useLayoutEffect22;
 function useControllableState2({
   prop,
   defaultProp,
@@ -6227,8 +6354,8 @@ function useControllableState2({
   const isControlled = prop !== undefined;
   const value = isControlled ? prop : uncontrolledProp;
   if (true) {
-    const isControlledRef = React44.useRef(prop !== undefined);
-    React44.useEffect(() => {
+    const isControlledRef = React45.useRef(prop !== undefined);
+    React45.useEffect(() => {
       const wasControlled = isControlledRef.current;
       if (wasControlled !== isControlled) {
         const from = wasControlled ? "controlled" : "uncontrolled";
@@ -6238,7 +6365,7 @@ function useControllableState2({
       isControlledRef.current = isControlled;
     }, [isControlled, caller]);
   }
-  const setValue = React44.useCallback((nextValue) => {
+  const setValue = React45.useCallback((nextValue) => {
     if (isControlled) {
       const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
       if (value2 !== prop) {
@@ -6254,13 +6381,13 @@ function useUncontrolledState2({
   defaultProp,
   onChange
 }) {
-  const [value, setValue] = React44.useState(defaultProp);
-  const prevValueRef = React44.useRef(value);
-  const onChangeRef = React44.useRef(onChange);
+  const [value, setValue] = React45.useState(defaultProp);
+  const prevValueRef = React45.useRef(value);
+  const onChangeRef = React45.useRef(onChange);
   useInsertionEffect(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (prevValueRef.current !== value) {
       onChangeRef.current?.(value);
       prevValueRef.current = value;
@@ -6274,28 +6401,27 @@ function isFunction(value) {
 var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
 // ../../node_modules/.bun/@radix-ui+react-direction@1.1.1+09a4a3ac15cb54ba/node_modules/@radix-ui/react-direction/dist/index.mjs
-import * as React45 from "react";
-import { jsx as jsx32 } from "react/jsx-runtime";
-var DirectionContext2 = React45.createContext(undefined);
+import * as React46 from "react";
+import { jsx as jsx31 } from "react/jsx-runtime";
+var DirectionContext2 = React46.createContext(undefined);
 function useDirection2(localDir) {
-  const globalDir = React45.useContext(DirectionContext2);
+  const globalDir = React46.useContext(DirectionContext2);
   return localDir || globalDir || "ltr";
 }
 // ../../node_modules/.bun/@radix-ui+react-roving-focus@1.1.11+f178f9b1194b24ba/node_modules/@radix-ui/react-roving-focus/dist/index.mjs
-import { jsx as jsx33 } from "react/jsx-runtime";
-"use client";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
 var EVENT_OPTIONS2 = { bubbles: false, cancelable: true };
 var GROUP_NAME2 = "RovingFocusGroup";
 var [Collection2, useCollection2, createCollectionScope2] = createCollection2(GROUP_NAME2);
 var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope2(GROUP_NAME2, [createCollectionScope2]);
 var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME2);
-var RovingFocusGroup = React46.forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ jsx33(Collection2.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx33(Collection2.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx33(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
+var RovingFocusGroup = React47.forwardRef((props, forwardedRef) => {
+  return /* @__PURE__ */ jsx32(Collection2.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx32(Collection2.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx32(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
 });
 RovingFocusGroup.displayName = GROUP_NAME2;
-var RovingFocusGroupImpl = React46.forwardRef((props, forwardedRef) => {
+var RovingFocusGroupImpl = React47.forwardRef((props, forwardedRef) => {
   const {
     __scopeRovingFocusGroup,
     orientation,
@@ -6308,8 +6434,8 @@ var RovingFocusGroupImpl = React46.forwardRef((props, forwardedRef) => {
     preventScrollOnEntryFocus = false,
     ...groupProps
   } = props;
-  const ref = React46.useRef(null);
-  const composedRefs = useComposedRefs2(forwardedRef, ref);
+  const ref = React47.useRef(null);
+  const composedRefs = useComposedRefs(forwardedRef, ref);
   const direction = useDirection2(dir);
   const [currentTabStopId, setCurrentTabStopId] = useControllableState2({
     prop: currentTabStopIdProp,
@@ -6317,29 +6443,29 @@ var RovingFocusGroupImpl = React46.forwardRef((props, forwardedRef) => {
     onChange: onCurrentTabStopIdChange,
     caller: GROUP_NAME2
   });
-  const [isTabbingBackOut, setIsTabbingBackOut] = React46.useState(false);
+  const [isTabbingBackOut, setIsTabbingBackOut] = React47.useState(false);
   const handleEntryFocus = useCallbackRef3(onEntryFocus);
   const getItems = useCollection2(__scopeRovingFocusGroup);
-  const isClickFocusRef = React46.useRef(false);
-  const [focusableItemsCount, setFocusableItemsCount] = React46.useState(0);
-  React46.useEffect(() => {
+  const isClickFocusRef = React47.useRef(false);
+  const [focusableItemsCount, setFocusableItemsCount] = React47.useState(0);
+  React47.useEffect(() => {
     const node = ref.current;
     if (node) {
       node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
       return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
     }
   }, [handleEntryFocus]);
-  return /* @__PURE__ */ jsx33(RovingFocusProvider, {
+  return /* @__PURE__ */ jsx32(RovingFocusProvider, {
     scope: __scopeRovingFocusGroup,
     orientation,
     dir: direction,
     loop,
     currentTabStopId,
-    onItemFocus: React46.useCallback((tabStopId) => setCurrentTabStopId(tabStopId), [setCurrentTabStopId]),
-    onItemShiftTab: React46.useCallback(() => setIsTabbingBackOut(true), []),
-    onFocusableItemAdd: React46.useCallback(() => setFocusableItemsCount((prevCount) => prevCount + 1), []),
-    onFocusableItemRemove: React46.useCallback(() => setFocusableItemsCount((prevCount) => prevCount - 1), []),
-    children: /* @__PURE__ */ jsx33(Primitive2.div, {
+    onItemFocus: React47.useCallback((tabStopId) => setCurrentTabStopId(tabStopId), [setCurrentTabStopId]),
+    onItemShiftTab: React47.useCallback(() => setIsTabbingBackOut(true), []),
+    onFocusableItemAdd: React47.useCallback(() => setFocusableItemsCount((prevCount) => prevCount + 1), []),
+    onFocusableItemRemove: React47.useCallback(() => setFocusableItemsCount((prevCount) => prevCount - 1), []),
+    children: /* @__PURE__ */ jsx32(Primitive2.div, {
       tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
       "data-orientation": orientation,
       ...groupProps,
@@ -6369,7 +6495,7 @@ var RovingFocusGroupImpl = React46.forwardRef((props, forwardedRef) => {
   });
 });
 var ITEM_NAME2 = "RovingFocusGroupItem";
-var RovingFocusGroupItem = React46.forwardRef((props, forwardedRef) => {
+var RovingFocusGroupItem = React47.forwardRef((props, forwardedRef) => {
   const {
     __scopeRovingFocusGroup,
     focusable = true,
@@ -6384,18 +6510,18 @@ var RovingFocusGroupItem = React46.forwardRef((props, forwardedRef) => {
   const isCurrentTabStop = context.currentTabStopId === id;
   const getItems = useCollection2(__scopeRovingFocusGroup);
   const { onFocusableItemAdd, onFocusableItemRemove, currentTabStopId } = context;
-  React46.useEffect(() => {
+  React47.useEffect(() => {
     if (focusable) {
       onFocusableItemAdd();
       return () => onFocusableItemRemove();
     }
   }, [focusable, onFocusableItemAdd, onFocusableItemRemove]);
-  return /* @__PURE__ */ jsx33(Collection2.ItemSlot, {
+  return /* @__PURE__ */ jsx32(Collection2.ItemSlot, {
     scope: __scopeRovingFocusGroup,
     id,
     focusable,
     active,
-    children: /* @__PURE__ */ jsx33(Primitive2.span, {
+    children: /* @__PURE__ */ jsx32(Primitive2.span, {
       tabIndex: isCurrentTabStop ? 0 : -1,
       "data-orientation": context.orientation,
       ...itemProps,
@@ -6478,10 +6604,9 @@ var Item2 = RovingFocusGroupItem;
 // ../../node_modules/.bun/@radix-ui+react-presence@1.1.5+f178f9b1194b24ba/node_modules/@radix-ui/react-presence/dist/index.mjs
 import * as React213 from "react";
-import * as React47 from "react";
-"use client";
+import * as React48 from "react";
 function useStateMachine(initialState, machine) {
-  return React47.useReducer((state, event) => {
+  return React48.useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState ?? state;
   }, initialState);
@@ -6490,7 +6615,7 @@ var Presence = (props) => {
   const { present, children } = props;
   const presence = usePresence(present);
   const child = typeof children === "function" ? children({ present: presence.isPresent }) : React213.Children.only(children);
-  const ref = useComposedRefs2(presence.ref, getElementRef3(child));
+  const ref = useComposedRefs(presence.ref, getElementRef4(child));
   const forceMount = typeof children === "function";
   return forceMount || presence.isPresent ? React213.cloneElement(child, { ref }) : null;
 };
@@ -6589,7 +6714,7 @@ function usePresence(present) {
 function getAnimationName(styles) {
   return styles?.animationName || "none";
 }
-function getElementRef3(element) {
+function getElementRef4(element) {
   let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
   let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
   if (mayWarn) {
@@ -6604,15 +6729,14 @@ function getElementRef3(element) {
 }
 // ../../node_modules/.bun/@radix-ui+react-tabs@1.1.13+f178f9b1194b24ba/node_modules/@radix-ui/react-tabs/dist/index.mjs
-import { jsx as jsx34 } from "react/jsx-runtime";
-"use client";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var TABS_NAME = "Tabs";
 var [createTabsContext, createTabsScope] = createContextScope2(TABS_NAME, [
   createRovingFocusGroupScope
 ]);
 var useRovingFocusGroupScope = createRovingFocusGroupScope();
 var [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);
-var Tabs = React48.forwardRef((props, forwardedRef) => {
+var Tabs = React49.forwardRef((props, forwardedRef) => {
   const {
     __scopeTabs,
     value: valueProp,
@@ -6630,7 +6754,7 @@ var Tabs = React48.forwardRef((props, forwardedRef) => {
     defaultProp: defaultValue ?? "",
     caller: TABS_NAME
   });
-  return /* @__PURE__ */ jsx34(TabsProvider, {
+  return /* @__PURE__ */ jsx33(TabsProvider, {
     scope: __scopeTabs,
     baseId: useId2(),
     value,
@@ -6638,7 +6762,7 @@ var Tabs = React48.forwardRef((props, forwardedRef) => {
     orientation,
     dir: direction,
     activationMode,
-    children: /* @__PURE__ */ jsx34(Primitive2.div, {
+    children: /* @__PURE__ */ jsx33(Primitive2.div, {
       dir: direction,
       "data-orientation": orientation,
       ...tabsProps,
@@ -6648,17 +6772,17 @@ var Tabs = React48.forwardRef((props, forwardedRef) => {
 });
 Tabs.displayName = TABS_NAME;
 var TAB_LIST_NAME = "TabsList";
-var TabsList = React48.forwardRef((props, forwardedRef) => {
+var TabsList = React49.forwardRef((props, forwardedRef) => {
   const { __scopeTabs, loop = true, ...listProps } = props;
   const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);
   const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);
-  return /* @__PURE__ */ jsx34(Root3, {
+  return /* @__PURE__ */ jsx33(Root3, {
     asChild: true,
     ...rovingFocusGroupScope,
     orientation: context.orientation,
     dir: context.dir,
     loop,
-    children: /* @__PURE__ */ jsx34(Primitive2.div, {
+    children: /* @__PURE__ */ jsx33(Primitive2.div, {
       role: "tablist",
       "aria-orientation": context.orientation,
       ...listProps,
@@ -6668,19 +6792,19 @@ var TabsList = React48.forwardRef((props, forwardedRef) => {
 });
 TabsList.displayName = TAB_LIST_NAME;
 var TRIGGER_NAME2 = "TabsTrigger";
-var TabsTrigger = React48.forwardRef((props, forwardedRef) => {
+var TabsTrigger = React49.forwardRef((props, forwardedRef) => {
   const { __scopeTabs, value, disabled = false, ...triggerProps } = props;
   const context = useTabsContext(TRIGGER_NAME2, __scopeTabs);
   const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);
   const triggerId = makeTriggerId(context.baseId, value);
   const contentId = makeContentId(context.baseId, value);
   const isSelected = value === context.value;
-  return /* @__PURE__ */ jsx34(Item2, {
+  return /* @__PURE__ */ jsx33(Item2, {
     asChild: true,
     ...rovingFocusGroupScope,
     focusable: !disabled,
     active: isSelected,
-    children: /* @__PURE__ */ jsx34(Primitive2.button, {
+    children: /* @__PURE__ */ jsx33(Primitive2.button, {
       type: "button",
       role: "tab",
       "aria-selected": isSelected,
@@ -6713,18 +6837,18 @@ var TabsTrigger = React48.forwardRef((props, forwardedRef) => {
 });
 TabsTrigger.displayName = TRIGGER_NAME2;
 var CONTENT_NAME3 = "TabsContent";
-var TabsContent = React48.forwardRef((props, forwardedRef) => {
+var TabsContent = React49.forwardRef((props, forwardedRef) => {
   const { __scopeTabs, value, forceMount, children, ...contentProps } = props;
   const context = useTabsContext(CONTENT_NAME3, __scopeTabs);
   const triggerId = makeTriggerId(context.baseId, value);
   const contentId = makeContentId(context.baseId, value);
   const isSelected = value === context.value;
-  const isMountAnimationPreventedRef = React48.useRef(isSelected);
-  React48.useEffect(() => {
+  const isMountAnimationPreventedRef = React49.useRef(isSelected);
+  React49.useEffect(() => {
     const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
     return () => cancelAnimationFrame(rAF);
   }, []);
-  return /* @__PURE__ */ jsx34(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx34(Primitive2.div, {
+  return /* @__PURE__ */ jsx33(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx33(Primitive2.div, {
     "data-state": isSelected ? "active" : "inactive",
     "data-orientation": context.orientation,
     role: "tabpanel",
@@ -6754,32 +6878,32 @@ var Trigger2 = TabsTrigger;
 var Content3 = TabsContent;
 // src/Tabs.tsx
-import * as React49 from "react";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import * as React50 from "react";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var Tabs2 = Root23;
-var TabsList2 = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(List, {
+var TabsList2 = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(List, {
   ref,
   className: cn("inline-flex items-center justify-center bg-white p-1 border-2 border-black border-b-4 rounded-full", className),
   ...props
 }));
 TabsList2.displayName = List.displayName;
-var TabsTrigger2 = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(Trigger2, {
+var TabsTrigger2 = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(Trigger2, {
   ref,
   className: cn("inline-flex items-center border-none font-brand bg-transparent justify-center whitespace-nowrap rounded-full px-3 py-1.5 text-sm ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-brand data-[state=active]:text-white data-[state=inactive]:hover:bg-gray-100", className),
   ...props
 }));
 TabsTrigger2.displayName = Trigger2.displayName;
-var TabsContent2 = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(Content3, {
+var TabsContent2 = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(Content3, {
   ref,
   className: cn("mt-2 ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className),
   ...props
 }));
 TabsContent2.displayName = Content3.displayName;
 // src/Textarea.tsx
-import React50 from "react";
-import { jsx as jsx36 } from "react/jsx-runtime";
-var Textarea = React50.forwardRef(({ className, style, ...props }, ref) => {
-  return /* @__PURE__ */ jsx36("textarea", {
+import React51 from "react";
+import { jsx as jsx35 } from "react/jsx-runtime";
+var Textarea = React51.forwardRef(({ className, style, ...props }, ref) => {
+  return /* @__PURE__ */ jsx35("textarea", {
     ref,
     className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none px-3 py-3 fontbrand text-lg box-border field-sizing-content min-h-[90px]", className),
     style: {
@@ -6790,13 +6914,13 @@ var Textarea = React50.forwardRef(({ className, style, ...props }, ref) => {
 });
 Textarea.displayName = "Textarea";
 // src/Triangle.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var Triangle2 = (props) => {
-  return /* @__PURE__ */ jsx37("svg", {
+  return /* @__PURE__ */ jsx36("svg", {
     viewBox: "0 0 127 131",
     fill: "none",
     ...props,
-    children: /* @__PURE__ */ jsx37("path", {
+    children: /* @__PURE__ */ jsx36("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"
     })