@remotion/design 4.0.405 → 4.0.406

package/dist/esm/index.mjs

@@ -571,25 +571,45 @@ var Counter = ({
     ]
   });
 };
+// src/InlineCode.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+var InlineCode = ({ children }) => {
+  return /* @__PURE__ */ jsx8("code", {
+    className: "font-brand text-brand",
+    children
+  });
+};
 // src/Input.tsx
 import React5 from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var Input = React5.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx8("input", {
+  return /* @__PURE__ */ jsx9("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
   });
 });
 Input.displayName = "Input";
+// src/Link.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+var Link = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx10("a", {
+    ...props,
+    className: cn(className, "text-brand underline underline-offset-4"),
+    children: props.children
+  });
+};
 // src/PaperPlaneIcon.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var PlanePaperIcon = (props) => {
-  return /* @__PURE__ */ jsx9("svg", {
+  return /* @__PURE__ */ jsx11("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
     viewBox: "0 0 576 512",
-    children: /* @__PURE__ */ jsx9("path", {
+    children: /* @__PURE__ */ jsx11("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"
     })
@@ -619,7 +639,7 @@ import React9 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 jsx10 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
@@ -630,7 +650,7 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
       const { scope, children, ...context } = props;
       const Context = scope?.[scopeName][index] || BaseContext;
       const value = React6.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsx10(Context.Provider, { value, children });
+      return /* @__PURE__ */ jsx12(Context.Provider, { value, children });
     }
     function useContext2(consumerName, scope) {
       const Context = scope?.[scopeName][index] || BaseContext;
@@ -696,7 +716,7 @@ function useComposedRefs(...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 Fragment2, jsx as jsx11 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx13 } from "react/jsx-runtime";
 var Slot = React8.forwardRef((props, forwardedRef) => {
   const { children, ...slotProps } = props;
   const childrenArray = React8.Children.toArray(children);
@@ -712,9 +732,9 @@ var Slot = React8.forwardRef((props, forwardedRef) => {
         return child;
       }
     });
-    return /* @__PURE__ */ jsx11(SlotClone, { ...slotProps, ref: forwardedRef, children: React8.isValidElement(newElement) ? React8.cloneElement(newElement, undefined, newChildren) : null });
+    return /* @__PURE__ */ jsx13(SlotClone, { ...slotProps, ref: forwardedRef, children: React8.isValidElement(newElement) ? React8.cloneElement(newElement, undefined, newChildren) : null });
   }
-  return /* @__PURE__ */ jsx11(SlotClone, { ...slotProps, ref: forwardedRef, children });
+  return /* @__PURE__ */ jsx13(SlotClone, { ...slotProps, ref: forwardedRef, children });
 });
 Slot.displayName = "Slot";
 var SlotClone = React8.forwardRef((props, forwardedRef) => {
@@ -730,7 +750,7 @@ var SlotClone = React8.forwardRef((props, forwardedRef) => {
 });
 SlotClone.displayName = "SlotClone";
 var Slottable = ({ children }) => {
-  return /* @__PURE__ */ jsx11(Fragment2, { children });
+  return /* @__PURE__ */ jsx13(Fragment2, { children });
 };
 function isSlottable(child) {
   return React8.isValidElement(child) && child.type === Slottable;
@@ -773,7 +793,7 @@ 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 jsx12 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 "use client";
 function createCollection(name) {
   const PROVIDER_NAME = name + "CollectionProvider";
@@ -783,7 +803,7 @@ function createCollection(name) {
     const { scope, children } = props;
     const ref = React9.useRef(null);
     const itemMap = React9.useRef(/* @__PURE__ */ new Map).current;
-    return /* @__PURE__ */ jsx12(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+    return /* @__PURE__ */ jsx14(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
   };
   CollectionProvider.displayName = PROVIDER_NAME;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
@@ -791,7 +811,7 @@ function createCollection(name) {
     const { scope, children } = props;
     const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
     const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
-    return /* @__PURE__ */ jsx12(Slot, { ref: composedRefs, children });
+    return /* @__PURE__ */ jsx14(Slot, { ref: composedRefs, children });
   });
   CollectionSlot.displayName = COLLECTION_SLOT_NAME;
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
@@ -805,7 +825,7 @@ function createCollection(name) {
       context.itemMap.set(ref, { ref, ...itemData });
       return () => void context.itemMap.delete(ref);
     });
-    return /* @__PURE__ */ jsx12(Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+    return /* @__PURE__ */ jsx14(Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
   });
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
   function useCollection(scope) {
@@ -830,7 +850,7 @@ 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 jsx13 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var DirectionContext = React10.createContext(undefined);
 function useDirection(localDir) {
   const globalDir = React10.useContext(DirectionContext);
@@ -843,7 +863,7 @@ import * as React14 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 ReactDOM from "react-dom";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var NODES = [
   "a",
   "button",
@@ -869,7 +889,7 @@ var Primitive = NODES.reduce((primitive, node) => {
     if (typeof window !== "undefined") {
       window[Symbol.for("radix-ui")] = true;
     }
-    return /* @__PURE__ */ jsx14(Comp, { ...primitiveProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx16(Comp, { ...primitiveProps, ref: forwardedRef });
   });
   Node2.displayName = `Primitive.${node}`;
   return { ...primitive, [node]: Node2 };
@@ -905,7 +925,7 @@ 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 jsx15 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 "use client";
 var DISMISSABLE_LAYER_NAME = "DismissableLayer";
 var CONTEXT_UPDATE = "dismissableLayer.update";
@@ -1000,7 +1020,7 @@ var DismissableLayer = React14.forwardRef((props, forwardedRef) => {
     document.addEventListener(CONTEXT_UPDATE, handleUpdate);
     return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
   }, []);
-  return /* @__PURE__ */ jsx15(Primitive.div, {
+  return /* @__PURE__ */ jsx17(Primitive.div, {
     ...layerProps,
     ref: composedRefs,
     style: {
@@ -1027,7 +1047,7 @@ var DismissableLayerBranch = React14.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx15(Primitive.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx17(Primitive.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -1131,7 +1151,7 @@ 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 jsx16 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 "use client";
 var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
 var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
@@ -1259,7 +1279,7 @@ var FocusScope = React16.forwardRef((props, forwardedRef) => {
       }
     }
   }, [loop, trapped, focusScope.paused]);
-  return /* @__PURE__ */ jsx16(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsx18(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
 function focusFirst(candidates, { select = false } = {}) {
@@ -3173,18 +3193,18 @@ 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 jsx17 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var NAME = "Arrow";
 var Arrow = React20.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
-  return /* @__PURE__ */ jsx17(Primitive.svg, {
+  return /* @__PURE__ */ jsx19(Primitive.svg, {
     ...arrowProps,
     ref: forwardedRef,
     width,
     height,
     viewBox: "0 0 30 10",
     preserveAspectRatio: "none",
-    children: props.asChild ? children : /* @__PURE__ */ jsx17("polygon", { points: "0,0 30,0 15,10" })
+    children: props.asChild ? children : /* @__PURE__ */ jsx19("polygon", { points: "0,0 30,0 15,10" })
   });
 });
 Arrow.displayName = NAME;
@@ -3228,7 +3248,7 @@ 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 jsx18 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 "use client";
 var POPPER_NAME = "Popper";
 var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
@@ -3236,7 +3256,7 @@ var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = (props) => {
   const { __scopePopper, children } = props;
   const [anchor, setAnchor] = React22.useState(null);
-  return /* @__PURE__ */ jsx18(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
+  return /* @__PURE__ */ jsx20(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
 };
 Popper.displayName = POPPER_NAME;
 var ANCHOR_NAME = "PopperAnchor";
@@ -3248,7 +3268,7 @@ var PopperAnchor = React22.forwardRef((props, forwardedRef) => {
   React22.useEffect(() => {
     context.onAnchorChange(virtualRef?.current || ref.current);
   });
-  return virtualRef ? null : /* @__PURE__ */ jsx18(Primitive.div, { ...anchorProps, ref: composedRefs });
+  return virtualRef ? null : /* @__PURE__ */ jsx20(Primitive.div, { ...anchorProps, ref: composedRefs });
 });
 PopperAnchor.displayName = ANCHOR_NAME;
 var CONTENT_NAME = "PopperContent";
@@ -3338,7 +3358,7 @@ var PopperContent = React22.forwardRef((props, forwardedRef) => {
     if (content)
       setContentZIndex(window.getComputedStyle(content).zIndex);
   }, [content]);
-  return /* @__PURE__ */ jsx18("div", {
+  return /* @__PURE__ */ jsx20("div", {
     ref: refs.setFloating,
     "data-radix-popper-content-wrapper": "",
     style: {
@@ -3356,14 +3376,14 @@ var PopperContent = React22.forwardRef((props, forwardedRef) => {
       }
     },
     dir: props.dir,
-    children: /* @__PURE__ */ jsx18(PopperContentProvider, {
+    children: /* @__PURE__ */ jsx20(PopperContentProvider, {
       scope: __scopePopper,
       placedSide,
       onArrowChange: setArrow,
       arrowX,
       arrowY,
       shouldHideArrow: cannotCenterArrow,
-      children: /* @__PURE__ */ jsx18(Primitive.div, {
+      children: /* @__PURE__ */ jsx20(Primitive.div, {
         "data-side": placedSide,
         "data-align": placedAlign,
         ...contentProps,
@@ -3388,7 +3408,7 @@ var PopperArrow = React22.forwardRef(function PopperArrow2(props, forwardedRef)
   const { __scopePopper, ...arrowProps } = props;
   const contentContext = useContentContext(ARROW_NAME, __scopePopper);
   const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
-  return /* @__PURE__ */ jsx18("span", {
+  return /* @__PURE__ */ jsx20("span", {
     ref: contentContext.onArrowChange,
     style: {
       position: "absolute",
@@ -3409,7 +3429,7 @@ var PopperArrow = React22.forwardRef(function PopperArrow2(props, forwardedRef)
       }[contentContext.placedSide],
       visibility: contentContext.shouldHideArrow ? "hidden" : undefined
     },
-    children: /* @__PURE__ */ jsx18(Root, {
+    children: /* @__PURE__ */ jsx20(Root, {
       ...arrowProps,
       ref: forwardedRef,
       style: {
@@ -3466,7 +3486,7 @@ 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 ReactDOM3 from "react-dom";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 "use client";
 var PORTAL_NAME = "Portal";
 var Portal = React23.forwardRef((props, forwardedRef) => {
@@ -3474,7 +3494,7 @@ var Portal = React23.forwardRef((props, forwardedRef) => {
   const [mounted, setMounted] = React23.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container2 = containerProp || mounted && globalThis?.document?.body;
-  return container2 ? ReactDOM3.createPortal(/* @__PURE__ */ jsx19(Primitive.div, { ...portalProps, ref: forwardedRef }), container2) : null;
+  return container2 ? ReactDOM3.createPortal(/* @__PURE__ */ jsx21(Primitive.div, { ...portalProps, ref: forwardedRef }), container2) : null;
 });
 Portal.displayName = PORTAL_NAME;
 
@@ -3533,10 +3553,10 @@ 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 jsx20 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var NAME2 = "VisuallyHidden";
 var VisuallyHidden = React26.forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ jsx20(Primitive.span, {
+  return /* @__PURE__ */ jsx22(Primitive.span, {
     ...props,
     ref: forwardedRef,
     style: {
@@ -4409,7 +4429,7 @@ 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 Fragment5, jsx as jsx21, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs4 } from "react/jsx-runtime";
 "use client";
 var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
 var SELECTION_KEYS = [" ", "Enter"];
@@ -4457,7 +4477,7 @@ var Select = (props) => {
   const isFormControl = trigger ? Boolean(trigger.closest("form")) : true;
   const [nativeOptionsSet, setNativeOptionsSet] = React34.useState(/* @__PURE__ */ new Set);
   const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
-  return /* @__PURE__ */ jsx21(Root2, { ...popperScope, children: /* @__PURE__ */ jsxs4(SelectProvider, {
+  return /* @__PURE__ */ jsx23(Root2, { ...popperScope, children: /* @__PURE__ */ jsxs4(SelectProvider, {
     required,
     scope: __scopeSelect,
     trigger,
@@ -4475,7 +4495,7 @@ var Select = (props) => {
     triggerPointerDownPosRef,
     disabled,
     children: [
-      /* @__PURE__ */ jsx21(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ jsx21(SelectNativeOptionsProvider, {
+      /* @__PURE__ */ jsx23(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ jsx23(SelectNativeOptionsProvider, {
         scope: props.__scopeSelect,
         onNativeOptionAdd: React34.useCallback((option) => {
           setNativeOptionsSet((prev) => new Set(prev).add(option));
@@ -4499,7 +4519,7 @@ var Select = (props) => {
         onChange: (event) => setValue(event.target.value),
         disabled,
         children: [
-          value === undefined ? /* @__PURE__ */ jsx21("option", { value: "" }) : null,
+          value === undefined ? /* @__PURE__ */ jsx23("option", { value: "" }) : null,
           Array.from(nativeOptionsSet)
         ]
       }, nativeSelectKey) : null
@@ -4529,7 +4549,7 @@ var SelectTrigger = React34.forwardRef((props, forwardedRef) => {
       resetTypeahead();
     }
   };
-  return /* @__PURE__ */ jsx21(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx21(Primitive.button, {
+  return /* @__PURE__ */ jsx23(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx23(Primitive.button, {
     type: "button",
     role: "combobox",
     "aria-controls": context.contentId,
@@ -4585,23 +4605,23 @@ var SelectValue = React34.forwardRef((props, forwardedRef) => {
   useLayoutEffect2(() => {
     onValueNodeHasChildrenChange(hasChildren);
   }, [onValueNodeHasChildrenChange, hasChildren]);
-  return /* @__PURE__ */ jsx21(Primitive.span, {
+  return /* @__PURE__ */ jsx23(Primitive.span, {
     ...valueProps,
     ref: composedRefs,
     style: { pointerEvents: "none" },
-    children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ jsx21(Fragment5, { children: placeholder }) : children
+    children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ jsx23(Fragment5, { children: placeholder }) : children
   });
 });
 SelectValue.displayName = VALUE_NAME;
 var ICON_NAME = "SelectIcon";
 var SelectIcon = React34.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, children, ...iconProps } = props;
-  return /* @__PURE__ */ jsx21(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "▼" });
+  return /* @__PURE__ */ jsx23(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "▼" });
 });
 SelectIcon.displayName = ICON_NAME;
 var PORTAL_NAME2 = "SelectPortal";
 var SelectPortal = (props) => {
-  return /* @__PURE__ */ jsx21(Portal, { asChild: true, ...props });
+  return /* @__PURE__ */ jsx23(Portal, { asChild: true, ...props });
 };
 SelectPortal.displayName = PORTAL_NAME2;
 var CONTENT_NAME2 = "SelectContent";
@@ -4613,9 +4633,9 @@ var SelectContent = React34.forwardRef((props, forwardedRef) => {
   }, []);
   if (!context.open) {
     const frag = fragment;
-    return frag ? ReactDOM4.createPortal(/* @__PURE__ */ jsx21(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ jsx21(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ jsx21("div", { children: props.children }) }) }), frag) : null;
+    return 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 /* @__PURE__ */ jsx21(SelectContentImpl, { ...props, ref: forwardedRef });
+  return /* @__PURE__ */ jsx23(SelectContentImpl, { ...props, ref: forwardedRef });
 });
 SelectContent.displayName = CONTENT_NAME2;
 var CONTENT_MARGIN = 10;
@@ -4755,7 +4775,7 @@ var SelectContentImpl = React34.forwardRef((props, forwardedRef) => {
     hideWhenDetached,
     avoidCollisions
   } : {};
-  return /* @__PURE__ */ jsx21(SelectContentProvider, {
+  return /* @__PURE__ */ jsx23(SelectContentProvider, {
     scope: __scopeSelect,
     content,
     viewport,
@@ -4769,7 +4789,7 @@ var SelectContentImpl = React34.forwardRef((props, forwardedRef) => {
     position,
     isPositioned,
     searchRef,
-    children: /* @__PURE__ */ jsx21(Combination_default, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ jsx21(FocusScope, {
+    children: /* @__PURE__ */ jsx23(Combination_default, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ jsx23(FocusScope, {
       asChild: true,
       trapped: context.open,
       onMountAutoFocus: (event) => {
@@ -4779,14 +4799,14 @@ var SelectContentImpl = React34.forwardRef((props, forwardedRef) => {
         context.trigger?.focus({ preventScroll: true });
         event.preventDefault();
       }),
-      children: /* @__PURE__ */ jsx21(DismissableLayer, {
+      children: /* @__PURE__ */ jsx23(DismissableLayer, {
         asChild: true,
         disableOutsidePointerEvents: true,
         onEscapeKeyDown,
         onPointerDownOutside,
         onFocusOutside: (event) => event.preventDefault(),
         onDismiss: () => context.onOpenChange(false),
-        children: /* @__PURE__ */ jsx21(SelectPosition, {
+        children: /* @__PURE__ */ jsx23(SelectPosition, {
           role: "listbox",
           id: context.contentId,
           "data-state": context.open ? "open" : "closed",
@@ -4934,12 +4954,12 @@ var SelectItemAlignedPosition = React34.forwardRef((props, forwardedRef) => {
       shouldRepositionRef.current = false;
     }
   }, [position, focusSelectedItem]);
-  return /* @__PURE__ */ jsx21(SelectViewportProvider, {
+  return /* @__PURE__ */ jsx23(SelectViewportProvider, {
     scope: __scopeSelect,
     contentWrapper,
     shouldExpandOnScrollRef,
     onScrollButtonChange: handleScrollButtonChange,
-    children: /* @__PURE__ */ jsx21("div", {
+    children: /* @__PURE__ */ jsx23("div", {
       ref: setContentWrapper,
       style: {
         display: "flex",
@@ -4947,7 +4967,7 @@ var SelectItemAlignedPosition = React34.forwardRef((props, forwardedRef) => {
         position: "fixed",
         zIndex: contentZIndex
       },
-      children: /* @__PURE__ */ jsx21(Primitive.div, {
+      children: /* @__PURE__ */ jsx23(Primitive.div, {
         ...popperProps,
         ref: composedRefs,
         style: {
@@ -4969,7 +4989,7 @@ var SelectPopperPosition = React34.forwardRef((props, forwardedRef) => {
     ...popperProps
   } = props;
   const popperScope = usePopperScope(__scopeSelect);
-  return /* @__PURE__ */ jsx21(Content, {
+  return /* @__PURE__ */ jsx23(Content, {
     ...popperScope,
     ...popperProps,
     ref: forwardedRef,
@@ -4998,13 +5018,13 @@ var SelectViewport = React34.forwardRef((props, forwardedRef) => {
   const composedRefs = useComposedRefs(forwardedRef, contentContext.onViewportChange);
   const prevScrollTopRef = React34.useRef(0);
   return /* @__PURE__ */ jsxs4(Fragment5, { children: [
-    /* @__PURE__ */ jsx21("style", {
+    /* @__PURE__ */ jsx23("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__ */ jsx21(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ jsx21(Primitive.div, {
+    /* @__PURE__ */ jsx23(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ jsx23(Primitive.div, {
       "data-radix-select-viewport": "",
       role: "presentation",
       ...viewportProps,
@@ -5048,14 +5068,14 @@ var [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext(GR
 var SelectGroup = React34.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, ...groupProps } = props;
   const groupId = useId();
-  return /* @__PURE__ */ jsx21(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx21(Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+  return /* @__PURE__ */ jsx23(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx23(Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
 });
 SelectGroup.displayName = GROUP_NAME;
 var LABEL_NAME = "SelectLabel";
 var SelectLabel = React34.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, ...labelProps } = props;
   const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-  return /* @__PURE__ */ jsx21(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx23(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
 });
 SelectLabel.displayName = LABEL_NAME;
 var ITEM_NAME = "SelectItem";
@@ -5084,7 +5104,7 @@ 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__ */ jsx21(SelectItemContextProvider, {
+  return /* @__PURE__ */ jsx23(SelectItemContextProvider, {
     scope: __scopeSelect,
     value,
     disabled,
@@ -5093,12 +5113,12 @@ var SelectItem = React34.forwardRef((props, forwardedRef) => {
     onItemTextChange: React34.useCallback((node) => {
       setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? "").trim());
     }, []),
-    children: /* @__PURE__ */ jsx21(Collection.ItemSlot, {
+    children: /* @__PURE__ */ jsx23(Collection.ItemSlot, {
       scope: __scopeSelect,
       value,
       disabled,
       textValue,
-      children: /* @__PURE__ */ jsx21(Primitive.div, {
+      children: /* @__PURE__ */ jsx23(Primitive.div, {
         role: "option",
         "aria-labelledby": textId,
         "data-highlighted": isFocused ? "" : undefined,
@@ -5148,14 +5168,14 @@ var SelectItemText = React34.forwardRef((props, forwardedRef) => {
   const [itemTextNode, setItemTextNode] = React34.useState(null);
   const composedRefs = useComposedRefs(forwardedRef, (node) => setItemTextNode(node), itemContext.onItemTextChange, (node) => contentContext.itemTextRefCallback?.(node, itemContext.value, itemContext.disabled));
   const textContent = itemTextNode?.textContent;
-  const nativeOption = React34.useMemo(() => /* @__PURE__ */ jsx21("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value), [itemContext.disabled, itemContext.value, textContent]);
+  const nativeOption = React34.useMemo(() => /* @__PURE__ */ jsx23("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(Fragment5, { children: [
-    /* @__PURE__ */ jsx21(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+    /* @__PURE__ */ jsx23(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
     itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM4.createPortal(itemTextProps.children, context.valueNode) : null
   ] });
 });
@@ -5164,7 +5184,7 @@ var ITEM_INDICATOR_NAME = "SelectItemIndicator";
 var SelectItemIndicator = React34.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, ...itemIndicatorProps } = props;
   const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
-  return itemContext.isSelected ? /* @__PURE__ */ jsx21(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+  return itemContext.isSelected ? /* @__PURE__ */ jsx23(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
 });
 SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
 var SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton";
@@ -5186,7 +5206,7 @@ var SelectScrollUpButton = React34.forwardRef((props, forwardedRef) => {
       return () => viewport.removeEventListener("scroll", handleScroll22);
     }
   }, [contentContext.viewport, contentContext.isPositioned]);
-  return canScrollUp ? /* @__PURE__ */ jsx21(SelectScrollButtonImpl, {
+  return canScrollUp ? /* @__PURE__ */ jsx23(SelectScrollButtonImpl, {
     ...props,
     ref: composedRefs,
     onAutoScroll: () => {
@@ -5218,7 +5238,7 @@ var SelectScrollDownButton = React34.forwardRef((props, forwardedRef) => {
       return () => viewport.removeEventListener("scroll", handleScroll22);
     }
   }, [contentContext.viewport, contentContext.isPositioned]);
-  return canScrollDown ? /* @__PURE__ */ jsx21(SelectScrollButtonImpl, {
+  return canScrollDown ? /* @__PURE__ */ jsx23(SelectScrollButtonImpl, {
     ...props,
     ref: composedRefs,
     onAutoScroll: () => {
@@ -5248,7 +5268,7 @@ var SelectScrollButtonImpl = React34.forwardRef((props, forwardedRef) => {
     const activeItem = getItems().find((item) => item.ref.current === document.activeElement);
     activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
   }, [getItems]);
-  return /* @__PURE__ */ jsx21(Primitive.div, {
+  return /* @__PURE__ */ jsx23(Primitive.div, {
     "aria-hidden": true,
     ...scrollIndicatorProps,
     ref: forwardedRef,
@@ -5272,7 +5292,7 @@ var SelectScrollButtonImpl = React34.forwardRef((props, forwardedRef) => {
 var SEPARATOR_NAME = "SelectSeparator";
 var SelectSeparator = React34.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, ...separatorProps } = props;
-  return /* @__PURE__ */ jsx21(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx23(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
 });
 SelectSeparator.displayName = SEPARATOR_NAME;
 var ARROW_NAME2 = "SelectArrow";
@@ -5281,7 +5301,7 @@ var SelectArrow = React34.forwardRef((props, forwardedRef) => {
   const popperScope = usePopperScope(__scopeSelect);
   const context = useSelectContext(ARROW_NAME2, __scopeSelect);
   const contentContext = useSelectContentContext(ARROW_NAME2, __scopeSelect);
-  return context.open && contentContext.position === "popper" ? /* @__PURE__ */ jsx21(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
+  return context.open && contentContext.position === "popper" ? /* @__PURE__ */ jsx23(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
 });
 SelectArrow.displayName = ARROW_NAME2;
 function shouldShowPlaceholder(value) {
@@ -5303,7 +5323,7 @@ var BubbleSelect = React34.forwardRef((props, forwardedRef) => {
       select.dispatchEvent(event);
     }
   }, [prevValue, value]);
-  return /* @__PURE__ */ jsx21(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx21("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
+  return /* @__PURE__ */ jsx23(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx23("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
 });
 BubbleSelect.displayName = "BubbleSelect";
 function useTypeaheadSearch(onSearchChange) {
@@ -5434,7 +5454,7 @@ var ChevronDown = createLucideIcon("ChevronDown", [
 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 jsx22, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs5 } from "react/jsx-runtime";
 var Select2 = Root22;
 var SelectGroup2 = Group;
 var SelectValue2 = Value;
@@ -5444,51 +5464,51 @@ var SelectTrigger2 = React35.forwardRef(({ className, children, ...props }, ref)
   ...props,
   children: [
     children,
-    /* @__PURE__ */ jsx22(Icon, {
+    /* @__PURE__ */ jsx24(Icon, {
       asChild: true,
-      children: /* @__PURE__ */ jsx22(ChevronDown, {
+      children: /* @__PURE__ */ jsx24(ChevronDown, {
         className: "h-4 w-4 opacity-50"
       })
     })
   ]
 }));
 SelectTrigger2.displayName = Trigger.displayName;
-var SelectScrollUpButton2 = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(ScrollUpButton, {
+var SelectScrollUpButton2 = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(ScrollUpButton, {
   ref,
   className: cn("flex cursor-default items-center justify-center py-1", className),
   ...props,
-  children: /* @__PURE__ */ jsx22(ChevronUp, {
+  children: /* @__PURE__ */ jsx24(ChevronUp, {
     className: "h-4 w-4"
   })
 }));
 SelectScrollUpButton2.displayName = ScrollUpButton.displayName;
-var SelectScrollDownButton2 = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(ScrollDownButton, {
+var SelectScrollDownButton2 = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(ScrollDownButton, {
   ref,
   className: cn("flex cursor-default items-center justify-center py-1", className),
   ...props,
-  children: /* @__PURE__ */ jsx22(ChevronDown, {
+  children: /* @__PURE__ */ jsx24(ChevronDown, {
     className: "h-4 w-4"
   })
 }));
 SelectScrollDownButton2.displayName = ScrollDownButton.displayName;
-var SelectContent2 = React35.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx22(Portal2, {
+var SelectContent2 = React35.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx24(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__ */ jsx22(SelectScrollUpButton2, {}),
-      /* @__PURE__ */ jsx22(Viewport, {
+      /* @__PURE__ */ jsx24(SelectScrollUpButton2, {}),
+      /* @__PURE__ */ jsx24(Viewport, {
         className: cn("p-1", position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"),
         children
       }),
-      /* @__PURE__ */ jsx22(SelectScrollDownButton2, {})
+      /* @__PURE__ */ jsx24(SelectScrollDownButton2, {})
     ]
   })
 }));
 SelectContent2.displayName = Content2.displayName;
-var SelectLabel2 = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(Label, {
+var SelectLabel2 = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(Label, {
   ref,
   className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
   ...props
@@ -5499,44 +5519,1241 @@ var SelectItem2 = React35.forwardRef(({ className, children, ...props }, 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__ */ jsx22("span", {
+    /* @__PURE__ */ jsx24("span", {
       className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-      children: /* @__PURE__ */ jsx22(ItemIndicator, {
-        children: /* @__PURE__ */ jsx22(Check, {
+      children: /* @__PURE__ */ jsx24(ItemIndicator, {
+        children: /* @__PURE__ */ jsx24(Check, {
           className: "h-4 w-4"
         })
       })
     }),
-    /* @__PURE__ */ jsx22(ItemText, {
+    /* @__PURE__ */ jsx24(ItemText, {
       children
     })
   ]
 }));
 SelectItem2.displayName = Item.displayName;
-var SelectSeparator2 = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(Separator, {
+var SelectSeparator2 = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(Separator, {
   ref,
   className: cn("-mx-1 my-1 h-px bg-muted", className),
   ...props
 }));
 SelectSeparator2.displayName = Separator.displayName;
 // src/Switch.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var Switch = ({ active, onToggle }) => {
-  return /* @__PURE__ */ jsx23("div", {
+  return /* @__PURE__ */ jsx25("div", {
     "data-active": active,
     className: "h-8 transition-all rounded-full w-14 border-2 border-b-4 bg-gray-200 p-[2px] cursor-pointer data-[active=true]:bg-brand border-black relative",
     onClick: onToggle,
-    children: /* @__PURE__ */ jsx23("div", {
+    children: /* @__PURE__ */ jsx25("div", {
       "data-active": active,
       className: "h-4 w-4 box-content left-[4px] top-[3px] transition-all rounded-full bg-white border-2 border-black absolute data-[active=true]:left-[calc(100%-24px)]"
     })
   });
 };
+// ../../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";
+
+// ../../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);
+function composeEventHandlers2(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+  return function handleEvent(event) {
+    originalEventHandler?.(event);
+    if (checkForDefaultPrevented === false || !event.defaultPrevented) {
+      return ourEventHandler?.(event);
+    }
+  };
+}
+
+// ../../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";
+function createContextScope2(scopeName, createContextScopeDeps = []) {
+  let defaultContexts = [];
+  function createContext32(rootComponentName, defaultContext) {
+    const BaseContext = React36.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 });
+    };
+    Provider.displayName = rootComponentName + "Provider";
+    function useContext22(consumerName, scope) {
+      const Context = scope?.[scopeName]?.[index2] || BaseContext;
+      const context = React36.useContext(Context);
+      if (context)
+        return context;
+      if (defaultContext !== undefined)
+        return defaultContext;
+      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+    }
+    return [Provider, useContext22];
+  }
+  const createScope = () => {
+    const scopeContexts = defaultContexts.map((defaultContext) => {
+      return React36.createContext(defaultContext);
+    });
+    return function useScope(scope) {
+      const contexts = scope?.[scopeName] || scopeContexts;
+      return React36.useMemo(() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }), [scope, contexts]);
+    };
+  };
+  createScope.scopeName = scopeName;
+  return [createContext32, composeContextScopes2(createScope, ...createContextScopeDeps)];
+}
+function composeContextScopes2(...scopes) {
+  const baseScope = scopes[0];
+  if (scopes.length === 1)
+    return baseScope;
+  const createScope = () => {
+    const scopeHooks = scopes.map((createScope2) => ({
+      useScope: createScope2(),
+      scopeName: createScope2.scopeName
+    }));
+    return function useComposedScopes(overrideScopes) {
+      const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
+        const scopeProps = useScope(overrideScopes);
+        const currentScope = scopeProps[`__scope${scopeName}`];
+        return { ...nextScopes2, ...currentScope };
+      }, {});
+      return React36.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+    };
+  };
+  createScope.scopeName = baseScope.scopeName;
+  return createScope;
+}
+
+// ../../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";
+
+// ../../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);
+}
+
+// ../../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) => {
+    const { children, ...slotProps } = props;
+    const childrenArray = React38.Children.toArray(children);
+    const slottable = childrenArray.find(isSlottable2);
+    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;
+        } else {
+          return child;
+        }
+      });
+      return /* @__PURE__ */ jsx27(SlotClone2, { ...slotProps, ref: forwardedRef, children: React38.isValidElement(newElement) ? React38.cloneElement(newElement, undefined, newChildren) : null });
+    }
+    return /* @__PURE__ */ jsx27(SlotClone2, { ...slotProps, ref: forwardedRef, children });
+  });
+  Slot2.displayName = `${ownerName}.Slot`;
+  return Slot2;
+}
+function createSlotClone(ownerName) {
+  const SlotClone2 = React38.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;
+      }
+      return React38.cloneElement(children, props2);
+    }
+    return React38.Children.count(children) > 1 ? React38.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;
+}
+function mergeProps2(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 getElementRef2(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;
+}
+
+// ../../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";
+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 });
+  };
+  CollectionProvider.displayName = PROVIDER_NAME;
+  const COLLECTION_SLOT_NAME = name + "CollectionSlot";
+  const CollectionSlotImpl = createSlot(COLLECTION_SLOT_NAME);
+  const CollectionSlot = React39.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 });
+  });
+  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 { scope, children, ...itemData } = props;
+    const ref = React39.useRef(null);
+    const composedRefs = useComposedRefs2(forwardedRef, ref);
+    const context = useCollectionContext(ITEM_SLOT_NAME, scope);
+    React39.useEffect(() => {
+      context.itemMap.set(ref, { ref, ...itemData });
+      return () => void context.itemMap.delete(ref);
+    });
+    return /* @__PURE__ */ jsx28(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 collectionNode = context.collectionRef.current;
+      if (!collectionNode)
+        return [];
+      const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
+      const items = Array.from(context.itemMap.values());
+      const orderedItems = items.sort((a, b) => orderedNodes.indexOf(a.ref.current) - orderedNodes.indexOf(b.ref.current));
+      return orderedItems;
+    }, [context.collectionRef, context.itemMap]);
+    return getItems;
+  }
+  return [
+    { Provider: CollectionProvider, Slot: CollectionSlot, ItemSlot: CollectionItemSlot },
+    useCollection2,
+    createCollectionScope2
+  ];
+}
+var __instanciated = /* @__PURE__ */ new WeakMap;
+var OrderedDict = class _OrderedDict extends Map {
+  #keys;
+  constructor(entries) {
+    super(entries);
+    this.#keys = [...super.keys()];
+    __instanciated.set(this, true);
+  }
+  set(key, value) {
+    if (__instanciated.get(this)) {
+      if (this.has(key)) {
+        this.#keys[this.#keys.indexOf(key)] = key;
+      } else {
+        this.#keys.push(key);
+      }
+    }
+    super.set(key, value);
+    return this;
+  }
+  insert(index2, key, value) {
+    const has = this.has(key);
+    const length = this.#keys.length;
+    const relativeIndex = toSafeInteger(index2);
+    let actualIndex = relativeIndex >= 0 ? relativeIndex : length + relativeIndex;
+    const safeIndex = actualIndex < 0 || actualIndex >= length ? -1 : actualIndex;
+    if (safeIndex === this.size || has && safeIndex === this.size - 1 || safeIndex === -1) {
+      this.set(key, value);
+      return this;
+    }
+    const size4 = this.size + (has ? 0 : 1);
+    if (relativeIndex < 0) {
+      actualIndex++;
+    }
+    const keys = [...this.#keys];
+    let nextValue;
+    let shouldSkip = false;
+    for (let i = actualIndex;i < size4; i++) {
+      if (actualIndex === i) {
+        let nextKey = keys[i];
+        if (keys[i] === key) {
+          nextKey = keys[i + 1];
+        }
+        if (has) {
+          this.delete(key);
+        }
+        nextValue = this.get(nextKey);
+        this.set(key, value);
+      } else {
+        if (!shouldSkip && keys[i - 1] === key) {
+          shouldSkip = true;
+        }
+        const currentKey = keys[shouldSkip ? i : i - 1];
+        const currentValue = nextValue;
+        nextValue = this.get(currentKey);
+        this.delete(currentKey);
+        this.set(currentKey, currentValue);
+      }
+    }
+    return this;
+  }
+  with(index2, key, value) {
+    const copy = new _OrderedDict(this);
+    copy.insert(index2, key, value);
+    return copy;
+  }
+  before(key) {
+    const index2 = this.#keys.indexOf(key) - 1;
+    if (index2 < 0) {
+      return;
+    }
+    return this.entryAt(index2);
+  }
+  setBefore(key, newKey, value) {
+    const index2 = this.#keys.indexOf(key);
+    if (index2 === -1) {
+      return this;
+    }
+    return this.insert(index2, newKey, value);
+  }
+  after(key) {
+    let index2 = this.#keys.indexOf(key);
+    index2 = index2 === -1 || index2 === this.size - 1 ? -1 : index2 + 1;
+    if (index2 === -1) {
+      return;
+    }
+    return this.entryAt(index2);
+  }
+  setAfter(key, newKey, value) {
+    const index2 = this.#keys.indexOf(key);
+    if (index2 === -1) {
+      return this;
+    }
+    return this.insert(index2 + 1, newKey, value);
+  }
+  first() {
+    return this.entryAt(0);
+  }
+  last() {
+    return this.entryAt(-1);
+  }
+  clear() {
+    this.#keys = [];
+    return super.clear();
+  }
+  delete(key) {
+    const deleted = super.delete(key);
+    if (deleted) {
+      this.#keys.splice(this.#keys.indexOf(key), 1);
+    }
+    return deleted;
+  }
+  deleteAt(index2) {
+    const key = this.keyAt(index2);
+    if (key !== undefined) {
+      return this.delete(key);
+    }
+    return false;
+  }
+  at(index2) {
+    const key = at(this.#keys, index2);
+    if (key !== undefined) {
+      return this.get(key);
+    }
+  }
+  entryAt(index2) {
+    const key = at(this.#keys, index2);
+    if (key !== undefined) {
+      return [key, this.get(key)];
+    }
+  }
+  indexOf(key) {
+    return this.#keys.indexOf(key);
+  }
+  keyAt(index2) {
+    return at(this.#keys, index2);
+  }
+  from(key, offset4) {
+    const index2 = this.indexOf(key);
+    if (index2 === -1) {
+      return;
+    }
+    let dest = index2 + offset4;
+    if (dest < 0)
+      dest = 0;
+    if (dest >= this.size)
+      dest = this.size - 1;
+    return this.at(dest);
+  }
+  keyFrom(key, offset4) {
+    const index2 = this.indexOf(key);
+    if (index2 === -1) {
+      return;
+    }
+    let dest = index2 + offset4;
+    if (dest < 0)
+      dest = 0;
+    if (dest >= this.size)
+      dest = this.size - 1;
+    return this.keyAt(dest);
+  }
+  find(predicate, thisArg) {
+    let index2 = 0;
+    for (const entry of this) {
+      if (Reflect.apply(predicate, thisArg, [entry, index2, this])) {
+        return entry;
+      }
+      index2++;
+    }
+    return;
+  }
+  findIndex(predicate, thisArg) {
+    let index2 = 0;
+    for (const entry of this) {
+      if (Reflect.apply(predicate, thisArg, [entry, index2, this])) {
+        return index2;
+      }
+      index2++;
+    }
+    return -1;
+  }
+  filter(predicate, thisArg) {
+    const entries = [];
+    let index2 = 0;
+    for (const entry of this) {
+      if (Reflect.apply(predicate, thisArg, [entry, index2, this])) {
+        entries.push(entry);
+      }
+      index2++;
+    }
+    return new _OrderedDict(entries);
+  }
+  map(callbackfn, thisArg) {
+    const entries = [];
+    let index2 = 0;
+    for (const entry of this) {
+      entries.push([entry[0], Reflect.apply(callbackfn, thisArg, [entry, index2, this])]);
+      index2++;
+    }
+    return new _OrderedDict(entries);
+  }
+  reduce(...args) {
+    const [callbackfn, initialValue] = args;
+    let index2 = 0;
+    let accumulator = initialValue ?? this.at(0);
+    for (const entry of this) {
+      if (index2 === 0 && args.length === 1) {
+        accumulator = entry;
+      } else {
+        accumulator = Reflect.apply(callbackfn, this, [accumulator, entry, index2, this]);
+      }
+      index2++;
+    }
+    return accumulator;
+  }
+  reduceRight(...args) {
+    const [callbackfn, initialValue] = args;
+    let accumulator = initialValue ?? this.at(-1);
+    for (let index2 = this.size - 1;index2 >= 0; index2--) {
+      const entry = this.at(index2);
+      if (index2 === this.size - 1 && args.length === 1) {
+        accumulator = entry;
+      } else {
+        accumulator = Reflect.apply(callbackfn, this, [accumulator, entry, index2, this]);
+      }
+    }
+    return accumulator;
+  }
+  toSorted(compareFn) {
+    const entries = [...this.entries()].sort(compareFn);
+    return new _OrderedDict(entries);
+  }
+  toReversed() {
+    const reversed = new _OrderedDict;
+    for (let index2 = this.size - 1;index2 >= 0; index2--) {
+      const key = this.keyAt(index2);
+      const element = this.get(key);
+      reversed.set(key, element);
+    }
+    return reversed;
+  }
+  toSpliced(...args) {
+    const entries = [...this.entries()];
+    entries.splice(...args);
+    return new _OrderedDict(entries);
+  }
+  slice(start, end) {
+    const result = new _OrderedDict;
+    let stop = this.size - 1;
+    if (start === undefined) {
+      return result;
+    }
+    if (start < 0) {
+      start = start + this.size;
+    }
+    if (end !== undefined && end > 0) {
+      stop = end - 1;
+    }
+    for (let index2 = start;index2 <= stop; index2++) {
+      const key = this.keyAt(index2);
+      const element = this.get(key);
+      result.set(key, element);
+    }
+    return result;
+  }
+  every(predicate, thisArg) {
+    let index2 = 0;
+    for (const entry of this) {
+      if (!Reflect.apply(predicate, thisArg, [entry, index2, this])) {
+        return false;
+      }
+      index2++;
+    }
+    return true;
+  }
+  some(predicate, thisArg) {
+    let index2 = 0;
+    for (const entry of this) {
+      if (Reflect.apply(predicate, thisArg, [entry, index2, this])) {
+        return true;
+      }
+      index2++;
+    }
+    return false;
+  }
+};
+function at(array, index2) {
+  if ("at" in Array.prototype) {
+    return Array.prototype.at.call(array, index2);
+  }
+  const actualIndex = toSafeIndex(array, index2);
+  return actualIndex === -1 ? undefined : array[actualIndex];
+}
+function toSafeIndex(array, index2) {
+  const length = array.length;
+  const relativeIndex = toSafeInteger(index2);
+  const actualIndex = relativeIndex >= 0 ? relativeIndex : length + relativeIndex;
+  return actualIndex < 0 || actualIndex >= length ? -1 : actualIndex;
+}
+function toSafeInteger(number) {
+  return number !== number || number === 0 ? 0 : Math.trunc(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";
+
+// ../../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 : () => {};
+
+// ../../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()] || (() => {
+  return;
+});
+var count3 = 0;
+function useId2(deterministicId) {
+  const [id, setId] = React41.useState(useReactId2());
+  useLayoutEffect22(() => {
+    if (!deterministicId)
+      setId((reactId) => reactId ?? String(count3++));
+  }, [deterministicId]);
+  return deterministicId || (id ? `radix-${id}` : "");
+}
+
+// ../../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 ReactDOM5 from "react-dom";
+import { jsx as jsx30 } from "react/jsx-runtime";
+var NODES2 = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+];
+var Primitive2 = NODES2.reduce((primitive, node) => {
+  const Slot2 = createSlot(`Primitive.${node}`);
+  const Node2 = React42.forwardRef((props, forwardedRef) => {
+    const { asChild, ...primitiveProps } = props;
+    const Comp = asChild ? Slot2 : node;
+    if (typeof window !== "undefined") {
+      window[Symbol.for("radix-ui")] = true;
+    }
+    return /* @__PURE__ */ jsx30(Comp, { ...primitiveProps, ref: forwardedRef });
+  });
+  Node2.displayName = `Primitive.${node}`;
+  return { ...primitive, [node]: Node2 };
+}, {});
+
+// ../../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";
+function useCallbackRef3(callback) {
+  const callbackRef = React43.useRef(callback);
+  React43.useEffect(() => {
+    callbackRef.current = callback;
+  });
+  return React43.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 React212 from "react";
+var useInsertionEffect = React44[" useInsertionEffect ".trim().toString()] || useLayoutEffect22;
+function useControllableState2({
+  prop,
+  defaultProp,
+  onChange = () => {},
+  caller
+}) {
+  const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState2({
+    defaultProp,
+    onChange
+  });
+  const isControlled = prop !== undefined;
+  const value = isControlled ? prop : uncontrolledProp;
+  if (true) {
+    const isControlledRef = React44.useRef(prop !== undefined);
+    React44.useEffect(() => {
+      const wasControlled = isControlledRef.current;
+      if (wasControlled !== isControlled) {
+        const from = wasControlled ? "controlled" : "uncontrolled";
+        const to = isControlled ? "controlled" : "uncontrolled";
+        console.warn(`${caller} is changing from ${from} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`);
+      }
+      isControlledRef.current = isControlled;
+    }, [isControlled, caller]);
+  }
+  const setValue = React44.useCallback((nextValue) => {
+    if (isControlled) {
+      const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
+      if (value2 !== prop) {
+        onChangeRef.current?.(value2);
+      }
+    } else {
+      setUncontrolledProp(nextValue);
+    }
+  }, [isControlled, prop, setUncontrolledProp, onChangeRef]);
+  return [value, setValue];
+}
+function useUncontrolledState2({
+  defaultProp,
+  onChange
+}) {
+  const [value, setValue] = React44.useState(defaultProp);
+  const prevValueRef = React44.useRef(value);
+  const onChangeRef = React44.useRef(onChange);
+  useInsertionEffect(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+  React44.useEffect(() => {
+    if (prevValueRef.current !== value) {
+      onChangeRef.current?.(value);
+      prevValueRef.current = value;
+    }
+  }, [value, prevValueRef]);
+  return [value, setValue, onChangeRef];
+}
+function isFunction(value) {
+  return typeof value === "function";
+}
+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);
+function useDirection2(localDir) {
+  const globalDir = React45.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";
+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 }) }) });
+});
+RovingFocusGroup.displayName = GROUP_NAME2;
+var RovingFocusGroupImpl = React46.forwardRef((props, forwardedRef) => {
+  const {
+    __scopeRovingFocusGroup,
+    orientation,
+    loop = false,
+    dir,
+    currentTabStopId: currentTabStopIdProp,
+    defaultCurrentTabStopId,
+    onCurrentTabStopIdChange,
+    onEntryFocus,
+    preventScrollOnEntryFocus = false,
+    ...groupProps
+  } = props;
+  const ref = React46.useRef(null);
+  const composedRefs = useComposedRefs2(forwardedRef, ref);
+  const direction = useDirection2(dir);
+  const [currentTabStopId, setCurrentTabStopId] = useControllableState2({
+    prop: currentTabStopIdProp,
+    defaultProp: defaultCurrentTabStopId ?? null,
+    onChange: onCurrentTabStopIdChange,
+    caller: GROUP_NAME2
+  });
+  const [isTabbingBackOut, setIsTabbingBackOut] = React46.useState(false);
+  const handleEntryFocus = useCallbackRef3(onEntryFocus);
+  const getItems = useCollection2(__scopeRovingFocusGroup);
+  const isClickFocusRef = React46.useRef(false);
+  const [focusableItemsCount, setFocusableItemsCount] = React46.useState(0);
+  React46.useEffect(() => {
+    const node = ref.current;
+    if (node) {
+      node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
+      return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
+    }
+  }, [handleEntryFocus]);
+  return /* @__PURE__ */ jsx33(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, {
+      tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
+      "data-orientation": orientation,
+      ...groupProps,
+      ref: composedRefs,
+      style: { outline: "none", ...props.style },
+      onMouseDown: composeEventHandlers2(props.onMouseDown, () => {
+        isClickFocusRef.current = true;
+      }),
+      onFocus: composeEventHandlers2(props.onFocus, (event) => {
+        const isKeyboardFocus = !isClickFocusRef.current;
+        if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
+          const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS2);
+          event.currentTarget.dispatchEvent(entryFocusEvent);
+          if (!entryFocusEvent.defaultPrevented) {
+            const items = getItems().filter((item) => item.focusable);
+            const activeItem = items.find((item) => item.active);
+            const currentItem = items.find((item) => item.id === currentTabStopId);
+            const candidateItems = [activeItem, currentItem, ...items].filter(Boolean);
+            const candidateNodes = candidateItems.map((item) => item.ref.current);
+            focusFirst2(candidateNodes, preventScrollOnEntryFocus);
+          }
+        }
+        isClickFocusRef.current = false;
+      }),
+      onBlur: composeEventHandlers2(props.onBlur, () => setIsTabbingBackOut(false))
+    })
+  });
+});
+var ITEM_NAME2 = "RovingFocusGroupItem";
+var RovingFocusGroupItem = React46.forwardRef((props, forwardedRef) => {
+  const {
+    __scopeRovingFocusGroup,
+    focusable = true,
+    active = false,
+    tabStopId,
+    children,
+    ...itemProps
+  } = props;
+  const autoId = useId2();
+  const id = tabStopId || autoId;
+  const context = useRovingFocusContext(ITEM_NAME2, __scopeRovingFocusGroup);
+  const isCurrentTabStop = context.currentTabStopId === id;
+  const getItems = useCollection2(__scopeRovingFocusGroup);
+  const { onFocusableItemAdd, onFocusableItemRemove, currentTabStopId } = context;
+  React46.useEffect(() => {
+    if (focusable) {
+      onFocusableItemAdd();
+      return () => onFocusableItemRemove();
+    }
+  }, [focusable, onFocusableItemAdd, onFocusableItemRemove]);
+  return /* @__PURE__ */ jsx33(Collection2.ItemSlot, {
+    scope: __scopeRovingFocusGroup,
+    id,
+    focusable,
+    active,
+    children: /* @__PURE__ */ jsx33(Primitive2.span, {
+      tabIndex: isCurrentTabStop ? 0 : -1,
+      "data-orientation": context.orientation,
+      ...itemProps,
+      ref: forwardedRef,
+      onMouseDown: composeEventHandlers2(props.onMouseDown, (event) => {
+        if (!focusable)
+          event.preventDefault();
+        else
+          context.onItemFocus(id);
+      }),
+      onFocus: composeEventHandlers2(props.onFocus, () => context.onItemFocus(id)),
+      onKeyDown: composeEventHandlers2(props.onKeyDown, (event) => {
+        if (event.key === "Tab" && event.shiftKey) {
+          context.onItemShiftTab();
+          return;
+        }
+        if (event.target !== event.currentTarget)
+          return;
+        const focusIntent = getFocusIntent(event, context.orientation, context.dir);
+        if (focusIntent !== undefined) {
+          if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey)
+            return;
+          event.preventDefault();
+          const items = getItems().filter((item) => item.focusable);
+          let candidateNodes = items.map((item) => item.ref.current);
+          if (focusIntent === "last")
+            candidateNodes.reverse();
+          else if (focusIntent === "prev" || focusIntent === "next") {
+            if (focusIntent === "prev")
+              candidateNodes.reverse();
+            const currentIndex = candidateNodes.indexOf(event.currentTarget);
+            candidateNodes = context.loop ? wrapArray2(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
+          }
+          setTimeout(() => focusFirst2(candidateNodes));
+        }
+      }),
+      children: typeof children === "function" ? children({ isCurrentTabStop, hasTabStop: currentTabStopId != null }) : children
+    })
+  });
+});
+RovingFocusGroupItem.displayName = ITEM_NAME2;
+var MAP_KEY_TO_FOCUS_INTENT = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function getDirectionAwareKey(key, dir) {
+  if (dir !== "rtl")
+    return key;
+  return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
+}
+function getFocusIntent(event, orientation, dir) {
+  const key = getDirectionAwareKey(event.key, dir);
+  if (orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key))
+    return;
+  if (orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key))
+    return;
+  return MAP_KEY_TO_FOCUS_INTENT[key];
+}
+function focusFirst2(candidates, preventScroll = false) {
+  const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
+  for (const candidate of candidates) {
+    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT)
+      return;
+    candidate.focus({ preventScroll });
+    if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT)
+      return;
+  }
+}
+function wrapArray2(array, startIndex) {
+  return array.map((_, index2) => array[(startIndex + index2) % array.length]);
+}
+var Root3 = RovingFocusGroup;
+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";
+function useStateMachine(initialState, machine) {
+  return React47.useReducer((state, event) => {
+    const nextState = machine[state][event];
+    return nextState ?? state;
+  }, initialState);
+}
+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 forceMount = typeof children === "function";
+  return forceMount || presence.isPresent ? React213.cloneElement(child, { ref }) : null;
+};
+Presence.displayName = "Presence";
+function usePresence(present) {
+  const [node, setNode] = React213.useState();
+  const stylesRef = React213.useRef(null);
+  const prevPresentRef = React213.useRef(present);
+  const prevAnimationNameRef = React213.useRef("none");
+  const initialState = present ? "mounted" : "unmounted";
+  const [state, send] = useStateMachine(initialState, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  React213.useEffect(() => {
+    const currentAnimationName = getAnimationName(stylesRef.current);
+    prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
+  }, [state]);
+  useLayoutEffect22(() => {
+    const styles = stylesRef.current;
+    const wasPresent = prevPresentRef.current;
+    const hasPresentChanged = wasPresent !== present;
+    if (hasPresentChanged) {
+      const prevAnimationName = prevAnimationNameRef.current;
+      const currentAnimationName = getAnimationName(styles);
+      if (present) {
+        send("MOUNT");
+      } else if (currentAnimationName === "none" || styles?.display === "none") {
+        send("UNMOUNT");
+      } else {
+        const isAnimating = prevAnimationName !== currentAnimationName;
+        if (wasPresent && isAnimating) {
+          send("ANIMATION_OUT");
+        } else {
+          send("UNMOUNT");
+        }
+      }
+      prevPresentRef.current = present;
+    }
+  }, [present, send]);
+  useLayoutEffect22(() => {
+    if (node) {
+      let timeoutId;
+      const ownerWindow = node.ownerDocument.defaultView ?? window;
+      const handleAnimationEnd = (event) => {
+        const currentAnimationName = getAnimationName(stylesRef.current);
+        const isCurrentAnimation = currentAnimationName.includes(CSS.escape(event.animationName));
+        if (event.target === node && isCurrentAnimation) {
+          send("ANIMATION_END");
+          if (!prevPresentRef.current) {
+            const currentFillMode = node.style.animationFillMode;
+            node.style.animationFillMode = "forwards";
+            timeoutId = ownerWindow.setTimeout(() => {
+              if (node.style.animationFillMode === "forwards") {
+                node.style.animationFillMode = currentFillMode;
+              }
+            });
+          }
+        }
+      };
+      const handleAnimationStart = (event) => {
+        if (event.target === node) {
+          prevAnimationNameRef.current = getAnimationName(stylesRef.current);
+        }
+      };
+      node.addEventListener("animationstart", handleAnimationStart);
+      node.addEventListener("animationcancel", handleAnimationEnd);
+      node.addEventListener("animationend", handleAnimationEnd);
+      return () => {
+        ownerWindow.clearTimeout(timeoutId);
+        node.removeEventListener("animationstart", handleAnimationStart);
+        node.removeEventListener("animationcancel", handleAnimationEnd);
+        node.removeEventListener("animationend", handleAnimationEnd);
+      };
+    } else {
+      send("ANIMATION_END");
+    }
+  }, [node, send]);
+  return {
+    isPresent: ["mounted", "unmountSuspended"].includes(state),
+    ref: React213.useCallback((node2) => {
+      stylesRef.current = node2 ? getComputedStyle(node2) : null;
+      setNode(node2);
+    }, [])
+  };
+}
+function getAnimationName(styles) {
+  return styles?.animationName || "none";
+}
+function getElementRef3(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;
+}
+
+// ../../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";
+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) => {
+  const {
+    __scopeTabs,
+    value: valueProp,
+    onValueChange,
+    defaultValue,
+    orientation = "horizontal",
+    dir,
+    activationMode = "automatic",
+    ...tabsProps
+  } = props;
+  const direction = useDirection2(dir);
+  const [value, setValue] = useControllableState2({
+    prop: valueProp,
+    onChange: onValueChange,
+    defaultProp: defaultValue ?? "",
+    caller: TABS_NAME
+  });
+  return /* @__PURE__ */ jsx34(TabsProvider, {
+    scope: __scopeTabs,
+    baseId: useId2(),
+    value,
+    onValueChange: setValue,
+    orientation,
+    dir: direction,
+    activationMode,
+    children: /* @__PURE__ */ jsx34(Primitive2.div, {
+      dir: direction,
+      "data-orientation": orientation,
+      ...tabsProps,
+      ref: forwardedRef
+    })
+  });
+});
+Tabs.displayName = TABS_NAME;
+var TAB_LIST_NAME = "TabsList";
+var TabsList = React48.forwardRef((props, forwardedRef) => {
+  const { __scopeTabs, loop = true, ...listProps } = props;
+  const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);
+  const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);
+  return /* @__PURE__ */ jsx34(Root3, {
+    asChild: true,
+    ...rovingFocusGroupScope,
+    orientation: context.orientation,
+    dir: context.dir,
+    loop,
+    children: /* @__PURE__ */ jsx34(Primitive2.div, {
+      role: "tablist",
+      "aria-orientation": context.orientation,
+      ...listProps,
+      ref: forwardedRef
+    })
+  });
+});
+TabsList.displayName = TAB_LIST_NAME;
+var TRIGGER_NAME2 = "TabsTrigger";
+var TabsTrigger = React48.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, {
+    asChild: true,
+    ...rovingFocusGroupScope,
+    focusable: !disabled,
+    active: isSelected,
+    children: /* @__PURE__ */ jsx34(Primitive2.button, {
+      type: "button",
+      role: "tab",
+      "aria-selected": isSelected,
+      "aria-controls": contentId,
+      "data-state": isSelected ? "active" : "inactive",
+      "data-disabled": disabled ? "" : undefined,
+      disabled,
+      id: triggerId,
+      ...triggerProps,
+      ref: forwardedRef,
+      onMouseDown: composeEventHandlers2(props.onMouseDown, (event) => {
+        if (!disabled && event.button === 0 && event.ctrlKey === false) {
+          context.onValueChange(value);
+        } else {
+          event.preventDefault();
+        }
+      }),
+      onKeyDown: composeEventHandlers2(props.onKeyDown, (event) => {
+        if ([" ", "Enter"].includes(event.key))
+          context.onValueChange(value);
+      }),
+      onFocus: composeEventHandlers2(props.onFocus, () => {
+        const isAutomaticActivation = context.activationMode !== "manual";
+        if (!isSelected && !disabled && isAutomaticActivation) {
+          context.onValueChange(value);
+        }
+      })
+    })
+  });
+});
+TabsTrigger.displayName = TRIGGER_NAME2;
+var CONTENT_NAME3 = "TabsContent";
+var TabsContent = React48.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 rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
+    return () => cancelAnimationFrame(rAF);
+  }, []);
+  return /* @__PURE__ */ jsx34(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx34(Primitive2.div, {
+    "data-state": isSelected ? "active" : "inactive",
+    "data-orientation": context.orientation,
+    role: "tabpanel",
+    "aria-labelledby": triggerId,
+    hidden: !present,
+    id: contentId,
+    tabIndex: 0,
+    ...contentProps,
+    ref: forwardedRef,
+    style: {
+      ...props.style,
+      animationDuration: isMountAnimationPreventedRef.current ? "0s" : undefined
+    },
+    children: present && children
+  }) });
+});
+TabsContent.displayName = CONTENT_NAME3;
+function makeTriggerId(baseId, value) {
+  return `${baseId}-trigger-${value}`;
+}
+function makeContentId(baseId, value) {
+  return `${baseId}-content-${value}`;
+}
+var Root23 = Tabs;
+var List = TabsList;
+var Trigger2 = TabsTrigger;
+var Content3 = TabsContent;
+
+// src/Tabs.tsx
+import * as React49 from "react";
+import { jsx as jsx35 } from "react/jsx-runtime";
+var Tabs2 = Root23;
+var TabsList2 = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(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, {
+  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, {
+  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 React36 from "react";
-import { jsx as jsx24 } from "react/jsx-runtime";
-var Textarea = React36.forwardRef(({ className, style, ...props }, ref) => {
-  return /* @__PURE__ */ jsx24("textarea", {
+import React50 from "react";
+import { jsx as jsx36 } from "react/jsx-runtime";
+var Textarea = React50.forwardRef(({ className, style, ...props }, ref) => {
+  return /* @__PURE__ */ jsx36("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: {
@@ -5547,13 +6764,13 @@ var Textarea = React36.forwardRef(({ className, style, ...props }, ref) => {
 });
 Textarea.displayName = "Textarea";
 // src/Triangle.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var Triangle2 = (props) => {
-  return /* @__PURE__ */ jsx25("svg", {
+  return /* @__PURE__ */ jsx37("svg", {
     viewBox: "0 0 127 131",
     fill: "none",
     ...props,
-    children: /* @__PURE__ */ jsx25("path", {
+    children: /* @__PURE__ */ jsx37("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"
     })
@@ -5562,6 +6779,10 @@ var Triangle2 = (props) => {
 export {
   Triangle2 as Triangle,
   Textarea,
+  TabsTrigger2 as TabsTrigger,
+  TabsList2 as TabsList,
+  TabsContent2 as TabsContent,
+  Tabs2 as Tabs,
   Switch,
   SelectValue2 as SelectValue,
   SelectTrigger2 as SelectTrigger,
@@ -5574,7 +6795,9 @@ export {
   SelectContent2 as SelectContent,
   Select2 as Select,
   PlanePaperIcon,
+  Link,
   Input,
+  InlineCode,
   Counter,
   CheckIcon,
   Card,