@andrilla/mado-ui 1.0.8 → 1.0.10

package/dist/index.js

@@ -5,7 +5,6 @@ import * as React from "react";
 import { Children, Suspense, cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useEffectEvent, useId, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
 import * as ReactDOM from "react-dom";
 import { createPortal } from "react-dom";
-
 //#region src/utils/custom-tailwind-merge.ts
 const isInteger = (classPart) => /^\d+$/.test(classPart);
 const isFloat = (classPart) => /^\d+\.\d+$/.test(classPart);
@@ -198,7 +197,6 @@ function extendMadoTailwindMerge(configExtension) {
 		...configExtension
 	});
 }
-
 //#endregion
 //#region src/utils/get-theme-color.ts
 function getThemeColor(theme) {
@@ -836,20 +834,19 @@ function getTextColor(theme, asVariable) {
 		default: return asVariable ? "[--text-color:var(--base-theme-color--foreground)]" : "text-[var(--base-theme-color--foreground)]";
 	}
 }
-
 //#endregion
 //#region src/components/link.tsx
-function Anchor({ as, className, disabled, href, onClick, target, rel, ...props }) {
+function Anchor({ as, className, disabled, href, onClick, target, rel, removeHash = true, ...props }) {
 	const isExternal = `${href}`.startsWith("http"), hasHash = `${href}`.includes("#");
 	const handleClick = (e) => {
 		if (disabled) return e.preventDefault();
 		onClick?.(e);
-		setTimeout(() => history.replaceState({}, document.title, location.pathname), 100);
+		if (removeHash) setTimeout(() => history.replaceState({}, document.title, location.pathname), 100);
 	};
 	return /* @__PURE__ */ jsx(as || "a", {
 		...props,
 		"aria-disabled": disabled,
-		className: twMerge("ease-exponential inline-block transition-transform duration-300 active:scale-95 pointer-fine:active:scale-95", className, disabled && "pointer-events-none"),
+		className: twMerge("inline-block transition-transform duration-300 ease-exponential active:scale-95 pointer-fine:active:scale-95", className, disabled && "pointer-events-none"),
 		href,
 		target: target || (isExternal ? "_blank" : "_self"),
 		onClick: hasHash ? handleClick : onClick,
@@ -882,7 +879,7 @@ const lineLiftClasses = twJoin([
 	scaleYClasses,
 	"after:origin-bottom after:translate-y-1 after:scale-x-75 active:after:translate-y-0 active:after:scale-x-100 pointer-fine:hover:after:translate-y-0 pointer-fine:hover:after:scale-x-100 pointer-fine:active:after:translate-y-0 pointer-fine:active:after:scale-x-100"
 ]);
-const fillClasses = twJoin(baseClasses, "whitespace-nowrap transition-[transform,color] after:top-1/2 after:h-[calc(100%+.05rem)] after:w-[calc(100%+.25rem)] after:-translate-y-1/2 after:rounded after:ease-exponential active:text-(--text-color) pointer-fine:hover:text-(--text-color) pointer-fine:active:text-(--text-color)");
+const fillClasses = twJoin(baseClasses, "whitespace-nowrap transition-[scale,color] after:top-1/2 after:h-[calc(100%+.05rem)] after:w-[calc(100%+.25rem)] after:-translate-y-1/2 after:rounded after:ease-exponential active:text-(--text-color) pointer-fine:hover:text-(--text-color) pointer-fine:active:text-(--text-color)");
 const getFillColorTransitionClasses = (theme, customTheme) => {
 	let fillColorTransitionClasses = twJoin(fillClasses, "transition-[scale,color] after:bg-(--theme-color)");
 	if (theme === "custom") {
@@ -936,8 +933,8 @@ const getMultilineFillRtlClasses = (theme, customTheme) => {
 const getMultilineFillCenterClasses = (theme, customTheme) => {
 	return twJoin(getMultilineFillXClasses(theme, customTheme), "bg-position-[50%_auto]");
 };
-function getLinkClasses({ customTheme, theme, type }) {
-	switch (type) {
+function getLinkClasses({ customTheme, theme, lineType }) {
+	switch (lineType) {
 		case "static": return lineStaticClasses;
 		case "ltr": return lineLtrClasses;
 		case "rtl": return lineRtlClasses;
@@ -997,26 +994,28 @@ function getLinkClasses({ customTheme, theme, type }) {
 * ## Examples
 *
 * @example
-*   <Link href='/about' type='ltr' title='About Us'>Learn more about our company</Link>
+*   <Link href='/about' lineType='ltr' title='About Us'>Learn more about our company</Link>
+*
+* @example
+*   <Link href='/about' lineType='fill-ltr' title='About Us'>Learn more about our company</Link>
 *
 * @example
-*   <Link href='/about' type='fill-ltr' title='About Us'>Learn more about our company</Link>
+*   <Link href='/about' lineType='multiline-fill-rtl' theme='red' title='About Us'>Learn more about our company</Link>
 *
 * @example
-*   <Link href='/about' type='fill-ltr' theme='red' title='About Us'>Learn more about our company</Link>
+*   <Link as='button' lineType='fill-lift' theme='mauve-700'>Edit</Link>
 */
-function Link({ as, className, customTheme, theme, type, ...props }) {
+function Link({ as, className, customTheme, lineType, theme, ...props }) {
 	const linkClasses = getLinkClasses({
 		customTheme,
 		theme,
-		type
+		lineType
 	});
 	return /* @__PURE__ */ jsx(as || Anchor, {
 		...props,
 		className: twMerge(linkClasses, className)
 	});
 }
-
 //#endregion
 //#region src/components/button.tsx
 /**
@@ -1070,7 +1069,6 @@ function Button({ className, customTheme, gradient = false, padding = "md", roun
 		className: buttonClasses
 	});
 }
-
 //#endregion
 //#region src/symbols/checkmark.tsx
 function Checkmark({ weight = "regular", ...props }) {
@@ -1122,7 +1120,6 @@ function Checkmark({ weight = "regular", ...props }) {
 		});
 	}
 }
-
 //#endregion
 //#region src/components/checkbox.tsx
 function Checkbox({ checkmark, children, className, description, descriptionProps: { className: descriptionClassName, ...descriptionProps } = {}, fieldProps: { className: fieldClassName, ...fieldProps } = {}, labelProps: { className: labelClassName, ...labelProps } = {}, inputContainerProps: { className: inputContainerClassName, ...inputContainerProps } = {}, onChange, required, value, ...props }) {
@@ -1134,7 +1131,7 @@ function Checkbox({ checkmark, children, className, description, descriptionProp
 	};
 	return /* @__PURE__ */ jsxs(Field, {
 		...fieldProps,
-		className: (bag) => twMerge("ease-exponential corner-super-1.5 -mx-1 grid h-fit w-fit gap-1 rounded-md p-1 transition-[background-color] duration-200 hover:bg-neutral-500/10 data-invalid:ring-1 data-invalid:ring-red-500/50", typeof fieldClassName === "function" ? fieldClassName(bag) : fieldClassName),
+		className: (bag) => twMerge("-mx-1 grid h-fit w-fit gap-1 rounded-md p-1 transition-[background-color] duration-200 ease-exponential corner-super-1.5 hover:bg-neutral-500/10 data-invalid:ring-1 data-invalid:ring-red-500/50", typeof fieldClassName === "function" ? fieldClassName(bag) : fieldClassName),
 		...hasInteracted && required && !checked ? { "data-invalid": "true" } : {},
 		children: [/* @__PURE__ */ jsxs("div", {
 			...inputContainerProps,
@@ -1143,7 +1140,7 @@ function Checkbox({ checkmark, children, className, description, descriptionProp
 				...props,
 				...required ? { "aria-required": "true" } : {},
 				...hasInteracted && required && !checked ? { "aria-invalid": "true" } : {},
-				className: (bag) => twMerge("group/checkbox ease-exponential corner-super-1.5 size-5 shrink-0 cursor-pointer rounded-md border border-neutral-500/50 bg-neutral-100 transition-[background-color] duration-300 [--checkmark-color:var(--base-theme-color--foreground)] [--theme-color:var(--base-theme-color)] focus:ring-3 focus:ring-blue-400 focus:ring-offset-2 focus:ring-offset-(--global-bg) focus:outline-none aria-invalid:border-red-500 data-checked:bg-(--theme-color) dark:bg-neutral-700", typeof className === "function" ? className(bag) : className),
+				className: (bag) => twMerge("group/checkbox size-5 shrink-0 cursor-pointer rounded-md border border-neutral-500/50 bg-neutral-100 transition-[background-color] duration-300 ease-exponential [--checkmark-color:var(--base-theme-color--foreground)] [--theme-color:var(--base-theme-color)] corner-super-1.5 focus:ring-3 focus:ring-blue-400 focus:ring-offset-2 focus:ring-offset-(--global-bg) focus:outline-none aria-invalid:border-red-500 data-checked:bg-(--theme-color) dark:bg-neutral-700", typeof className === "function" ? className(bag) : className),
 				onChange: handleChange,
 				value,
 				children: [/* @__PURE__ */ jsx("input", {
@@ -1159,7 +1156,7 @@ function Checkbox({ checkmark, children, className, description, descriptionProp
 					type: "checkbox",
 					value
 				}), checkmark ?? /* @__PURE__ */ jsx(Checkmark, {
-					className: "ease-exponential size-full scale-0 fill-(--checkmark-color) transition-transform duration-300 group-data-checked/checkbox:scale-60",
+					className: "size-full scale-0 fill-(--checkmark-color) transition-transform duration-300 ease-exponential group-data-checked/checkbox:scale-60",
 					weight: "bold"
 				})]
 			}), /* @__PURE__ */ jsxs(Label, {
@@ -1177,7 +1174,6 @@ function Checkbox({ checkmark, children, className, description, descriptionProp
 		})]
 	});
 }
-
 //#endregion
 //#region node_modules/animejs/dist/modules/core/consts.js
 /**
@@ -1229,9 +1225,6 @@ const proxyTargetSymbol = Symbol();
 const minValue = 1e-11;
 const maxValue = 0xe8d4a51000;
 const K = 1e3;
-const maxFps = 240;
-const emptyString = "";
-const cssVarPrefix = "var(";
 const shortTransforms = /* @__PURE__ */ (() => {
 	const map = /* @__PURE__ */ new Map();
 	map.set("x", "translateX");
@@ -1275,7 +1268,6 @@ const unitsExecRgx = /^([-+]?\d*\.?\d+(?:e[-+]?\d+)?)([a-z]+|%)$/i;
 const lowerCaseRgx = /([a-z])([A-Z])/g;
 const transformsExecRgx = /(\w+)(\([^)]+\)+)/g;
 const cssVariableMatchRgx = /var\(\s*(--[\w-]+)(?:\s*,\s*([^)]+))?\s*\)/;
-
 //#endregion
 //#region node_modules/animejs/dist/modules/core/globals.js
 /**
@@ -1300,7 +1292,7 @@ const defaults = {
 	keyframes: null,
 	playbackEase: null,
 	playbackRate: 1,
-	frameRate: maxFps,
+	frameRate: 240,
 	loop: 0,
 	reversed: false,
 	alternate: false,
@@ -1339,7 +1331,6 @@ if (isBrowser) {
 	if (!win.AnimeJS) win.AnimeJS = [];
 	win.AnimeJS.push(globalVersions);
 }
-
 //#endregion
 //#region node_modules/animejs/dist/modules/core/helpers.js
 /**
@@ -1478,7 +1469,7 @@ const clampInfinity = (v) => v === Infinity ? maxValue : v === -Infinity ? -maxV
 * @param  {Number} v - Time value to normalize
 * @return {Number}
 */
-const normalizeTime = (v) => v <= minValue ? minValue : clampInfinity(round$1(v, 11));
+const normalizeTime = (v) => v <= 1e-11 ? minValue : clampInfinity(round$1(v, 11));
 /**
 * @template T
 * @param    {T[]} a
@@ -1553,7 +1544,6 @@ const addChild = (parent, child, sortMethod, prevProp = "_prev", nextProp = "_ne
 	child[prevProp] = prev;
 	child[nextProp] = next;
 };
-
 //#endregion
 //#region node_modules/animejs/dist/modules/core/targets.js
 /**
@@ -1666,7 +1656,6 @@ function registerTargets(targets) {
 	}
 	return parsedTargetsArray;
 }
-
 //#endregion
 //#region node_modules/animejs/dist/modules/core/transforms.js
 /**
@@ -1704,7 +1693,6 @@ const parseInlineTransforms = (target, propName, animationInlineStyles) => {
 	}
 	return inlineTransforms && !isUnd(inlinedStylesPropertyValue) ? inlinedStylesPropertyValue : stringStartsWith(propName, "scale") ? "1" : stringStartsWith(propName, "rotate") || stringStartsWith(propName, "skew") ? "0deg" : "0px";
 };
-
 //#endregion
 //#region node_modules/animejs/dist/modules/core/colors.js
 /**
@@ -1799,7 +1787,6 @@ const convertColorStringValuesToRgbaArray = (colorString) => {
 		1
 	];
 };
-
 //#endregion
 //#region node_modules/animejs/dist/modules/core/values.js
 /**
@@ -1840,12 +1827,12 @@ const getFunctionValue = (value, target, index, total, store) => {
 		const computed = value(target, index, total);
 		return !isNaN(+computed) ? +computed : computed || 0;
 	};
-	else if (isStr(value) && stringStartsWith(value, cssVarPrefix)) func = () => {
+	else if (isStr(value) && stringStartsWith(value, "var(")) func = () => {
 		const match = value.match(cssVariableMatchRgx);
 		const cssVarName = match[1];
 		const fallbackValue = match[2];
 		let computed = getComputedStyle(target)?.getPropertyValue(cssVarName);
-		if ((!computed || computed.trim() === emptyString) && fallbackValue) computed = fallbackValue.trim();
+		if ((!computed || computed.trim() === "") && fallbackValue) computed = fallbackValue.trim();
 		return computed || 0;
 	};
 	else return value;
@@ -1964,7 +1951,6 @@ const decomposeTweenValue = (tween, targetObject) => {
 	return targetObject;
 };
 const decomposedOriginalValue = createDecomposedValueTargetObject();
-
 //#endregion
 //#region node_modules/animejs/dist/modules/core/styles.js
 /**
@@ -2023,28 +2009,27 @@ const cleanInlineStyles = (renderable) => {
 			if (tweenTarget[isDomSymbol]) {
 				const targetStyle = tweenTarget.style;
 				const originalInlinedValue = tween._inlineValue;
-				const tweenHadNoInlineValue = isNil(originalInlinedValue) || originalInlinedValue === emptyString;
+				const tweenHadNoInlineValue = isNil(originalInlinedValue) || originalInlinedValue === "";
 				if (tween._tweenType === tweenTypes.TRANSFORM) {
 					const cachedTransforms = tweenTarget[transformsSymbol];
 					if (tweenHadNoInlineValue) delete cachedTransforms[tweenProperty];
 					else cachedTransforms[tweenProperty] = originalInlinedValue;
 					if (tween._renderTransforms) if (!Object.keys(cachedTransforms).length) targetStyle.removeProperty("transform");
 					else {
-						let str = emptyString;
+						let str = "";
 						for (let key in cachedTransforms) str += transformsFragmentStrings[key] + cachedTransforms[key] + ") ";
 						targetStyle.transform = str;
 					}
 				} else if (tweenHadNoInlineValue) targetStyle.removeProperty(toLowerCase$1(tweenProperty));
 				else targetStyle[tweenProperty] = originalInlinedValue;
 				if (animation._tail === tween) animation.targets.forEach((t) => {
-					if (t.getAttribute && t.getAttribute("style") === emptyString) t.removeAttribute("style");
+					if (t.getAttribute && t.getAttribute("style") === "") t.removeAttribute("style");
 				});
 			}
 		});
 	}
 	return renderable;
 };
-
 //#endregion
 //#region node_modules/animejs/dist/modules/core/units.js
 /**
@@ -2103,7 +2088,6 @@ const convertValueUnit = (el, decomposedValue, unit, force = false) => {
 	decomposedValue.u = unit;
 	return decomposedValue;
 };
-
 //#endregion
 //#region node_modules/animejs/dist/modules/easings/none.js
 /**
@@ -2119,7 +2103,6 @@ const convertValueUnit = (el, decomposedValue, unit, force = false) => {
 */
 /** @type {EasingFunction} */
 const none = (t) => t;
-
 //#endregion
 //#region node_modules/animejs/dist/modules/easings/eases/parser.js
 /**
@@ -2160,7 +2143,7 @@ const halfPI = PI / 2;
 const doublePI = PI * 2;
 /** @type {Record<String, EasingFunctionWithParams|EasingFunction>} */
 const easeInFunctions = {
-	[emptyString]: easeInPower,
+	[""]: easeInPower,
 	Quad: easeInPower(2),
 	Cubic: easeInPower(3),
 	Quart: easeInPower(4),
@@ -2239,7 +2222,7 @@ const eases = /* @__PURE__ */ (() => {
 	for (let type in easeTypes) for (let name in easeInFunctions) {
 		const easeIn = easeInFunctions[name];
 		const easeType = easeTypes[type];
-		list[type + name] = name === emptyString || name === "Back" || name === "Elastic" ? (a, b) => easeType(
+		list[type + name] = name === "" || name === "Back" || name === "Elastic" ? (a, b) => easeType(
 			/** @type {EasingFunctionWithParams} */
 			easeIn(a, b)
 		) : easeType(easeIn);
@@ -2285,7 +2268,6 @@ const parseEase = (ease) => {
 	}
 	return isFnc(ease) ? ease : isStr(ease) ? parseEaseString(ease) : none;
 };
-
 //#endregion
 //#region node_modules/animejs/dist/modules/core/render.js
 /**
@@ -2451,7 +2433,7 @@ const render = (tickable, time, muteCallbacks, internalRender, tickMode) => {
 					} else tween._value = value;
 				}
 				if (tweenTransformsNeedUpdate && tween._renderTransforms) {
-					let str = emptyString;
+					let str = "";
 					for (let key in tweenTargetTransformsProperties) str += `${transformsFragmentStrings[key]}${tweenTargetTransformsProperties[key]}) `;
 					tweenStyle.transform = str;
 					tweenTransformsNeedUpdate = 0;
@@ -2464,7 +2446,7 @@ const render = (tickable, time, muteCallbacks, internalRender, tickMode) => {
 		if (!muteCallbacks && isCurrentTimeAboveZero) tickable.onUpdate(tickable);
 	}
 	if (parent && isSetter) {
-		if (!muteCallbacks && (parent.began && !isRunningBackwards && tickableAbsoluteTime > 0 && !completed || isRunningBackwards && tickableAbsoluteTime <= minValue && completed)) {
+		if (!muteCallbacks && (parent.began && !isRunningBackwards && tickableAbsoluteTime > 0 && !completed || isRunningBackwards && tickableAbsoluteTime <= 1e-11 && completed)) {
 			tickable.onComplete(tickable);
 			tickable.completed = !isRunningBackwards;
 		}
@@ -2512,7 +2494,7 @@ const tick = (tickable, time, muteCallbacks, internalRender, tickMode) => {
 					const childDuration = child.duration;
 					const childStartTime = child._offset + child._delay;
 					const childEndTime = childStartTime + childDuration;
-					if (!muteCallbacks && childDuration <= minValue && (!childStartTime || childEndTime === tlIterationDuration)) child.onComplete(child);
+					if (!muteCallbacks && childDuration <= 1e-11 && (!childStartTime || childEndTime === tlIterationDuration)) child.onComplete(child);
 				}
 			});
 			if (!muteCallbacks) tl.onLoop(tl);
@@ -2536,7 +2518,6 @@ const tick = (tickable, time, muteCallbacks, internalRender, tickMode) => {
 		}
 	}
 };
-
 //#endregion
 //#region node_modules/animejs/dist/modules/core/clock.js
 /**
@@ -2567,9 +2548,9 @@ var Clock = class {
 		/** @type {Number} */
 		this._scheduledTime = 0;
 		/** @type {Number} */
-		this._frameDuration = K / maxFps;
+		this._frameDuration = K / 240;
 		/** @type {Number} */
-		this._fps = maxFps;
+		this._fps = 240;
 		/** @type {Number} */
 		this._speed = 1;
 		/** @type {Boolean} */
@@ -2585,7 +2566,7 @@ var Clock = class {
 	set fps(frameRate) {
 		const previousFrameDuration = this._frameDuration;
 		const fr = +frameRate;
-		const fps = fr < minValue ? minValue : fr;
+		const fps = fr < 1e-11 ? minValue : fr;
 		const frameDuration = K / fps;
 		if (fps > defaults.frameRate) defaults.frameRate = fps;
 		this._fps = fps;
@@ -2597,7 +2578,7 @@ var Clock = class {
 	}
 	set speed(playbackRate) {
 		const pbr = +playbackRate;
-		this._speed = pbr < minValue ? minValue : pbr;
+		this._speed = pbr < 1e-11 ? minValue : pbr;
 	}
 	/**
 	* @param  {Number} time
@@ -2623,7 +2604,6 @@ var Clock = class {
 		return delta;
 	}
 };
-
 //#endregion
 //#region node_modules/animejs/dist/modules/animation/additive.js
 /**
@@ -2691,7 +2671,6 @@ const addAdditiveAnimation = (lookups) => {
 	}
 	return animation;
 };
-
 //#endregion
 //#region node_modules/animejs/dist/modules/engine/engine.js
 /**
@@ -2815,7 +2794,6 @@ const killEngine = () => {
 	engine.reqId = 0;
 	return engine;
 };
-
 //#endregion
 //#region node_modules/animejs/dist/modules/animation/composition.js
 /**
@@ -2907,7 +2885,7 @@ const composeTween = (tween, siblings) => {
 				prevSibling._changeDuration = updatedPrevChangeDuration;
 				prevSibling._currentTime = updatedPrevChangeDuration;
 				prevSibling._isOverlapped = 1;
-				if (updatedPrevChangeDuration < minValue) overrideTween(prevSibling);
+				if (updatedPrevChangeDuration < 1e-11) overrideTween(prevSibling);
 			}
 			let pausePrevParentAnimation = true;
 			forEachChildren(prevParent, (t) => {
@@ -3052,7 +3030,6 @@ const removeTargetsFromRenderable = (targetsArray, renderable, propertyName) =>
 		if (parent.cancel) /** @type {Renderable} */ parent.cancel();
 	}
 };
-
 //#endregion
 //#region node_modules/animejs/dist/modules/timer/timer.js
 /**
@@ -3142,7 +3119,7 @@ var Timer = class extends Clock {
 		this.id = !isUnd(id) ? id : timerId;
 		/** @type {Timeline} */
 		this.parent = parent;
-		this.duration = clampInfinity((timerDuration + timerLoopDelay) * timerIterationCount - timerLoopDelay) || minValue;
+		this.duration = clampInfinity((timerDuration + timerLoopDelay) * timerIterationCount - timerLoopDelay) || 1e-11;
 		/** @type {Boolean} */
 		this.backwards = false;
 		/** @type {Boolean} */
@@ -3306,7 +3283,7 @@ var Timer = class extends Clock {
 	resume() {
 		if (!this.paused) return this;
 		this.paused = false;
-		if (this.duration <= minValue && !this._hasChildren) tick(this, minValue, 0, 0, tickModes.FORCE);
+		if (this.duration <= 1e-11 && !this._hasChildren) tick(this, minValue, 0, 0, tickModes.FORCE);
 		else {
 			if (!this._running) {
 				addChild(engine, this);
@@ -3423,7 +3400,6 @@ var Timer = class extends Clock {
 		});
 	}
 };
-
 //#endregion
 //#region node_modules/animejs/dist/modules/animation/animation.js
 /**
@@ -3568,7 +3544,7 @@ var JSAnimation = class extends Timer {
 		const tDuration = hasSpring ? animEase.settlingDuration : setValue(duration, animDefaults.duration);
 		const tDelay = setValue(delay, animDefaults.delay);
 		const tModifier = modifier || animDefaults.modifier;
-		const tComposition = isUnd(composition) && targetsLength >= K ? compositionTypes.none : !isUnd(composition) ? composition : animDefaults.composition;
+		const tComposition = isUnd(composition) && targetsLength >= 1e3 ? compositionTypes.none : !isUnd(composition) ? composition : animDefaults.composition;
 		const absoluteOffsetTime = this._offset + (parent ? parent._offset : 0);
 		if (hasSpring) /** @type {Spring} */ animEase.parent = this;
 		let iterationDuration = NaN;
@@ -3727,7 +3703,7 @@ var JSAnimation = class extends Timer {
 						shortestValue.d = longestValue.d.map((_, i) => isUnd(shortestValue.d[i]) ? 0 : shortestValue.d[i]);
 						shortestValue.s = cloneArray(longestValue.s);
 					}
-					const tweenUpdateDuration = round$1(+tweenDuration || minValue, 12);
+					const tweenUpdateDuration = round$1(+tweenDuration || 1e-11, 12);
 					let inlineValue = inlineStylesStore[propName];
 					if (!isNil(inlineValue)) inlineStylesStore[propName] = null;
 					/** @type {Tween} */
@@ -3813,7 +3789,7 @@ var JSAnimation = class extends Timer {
 		/** @type {String|Number} */
 		this.id = !isUnd(id) ? id : JSAnimationId;
 		/** @type {Number} */
-		this.duration = iterationDuration === minValue ? minValue : clampInfinity((iterationDuration + this._loopDelay) * this.iterationCount - this._loopDelay) || minValue;
+		this.duration = iterationDuration === 1e-11 ? minValue : clampInfinity((iterationDuration + this._loopDelay) * this.iterationCount - this._loopDelay) || 1e-11;
 		/** @type {Callback<this>} */
 		this.onRender = onRender || animDefaults.onRender;
 		/** @type {EasingFunction} */
@@ -3867,7 +3843,7 @@ var JSAnimation = class extends Timer {
 				}
 			}
 		});
-		if (this.duration === minValue) this.restart();
+		if (this.duration === 1e-11) this.restart();
 		return this;
 	}
 	/**
@@ -3895,7 +3871,6 @@ var JSAnimation = class extends Timer {
 * @return {JSAnimation}
 */
 const animate = (targets, parameters) => new JSAnimation(targets, parameters, null, 0, false).init();
-
 //#endregion
 //#region node_modules/animejs/dist/modules/svg/helpers.js
 /**
@@ -3918,7 +3893,6 @@ const getPath = (path) => {
 	if (!$parsedSvg || !isSvg($parsedSvg)) return console.warn(`${path} is not a valid SVGGeometryElement`);
 	return $parsedSvg;
 };
-
 //#endregion
 //#region node_modules/animejs/dist/modules/svg/morphto.js
 /**
@@ -3967,7 +3941,6 @@ const morphTo = (path2, precision = .33) => ($path1) => {
 	$path1[morphPointsSymbol] = v2;
 	return [v1, v2];
 };
-
 //#endregion
 //#region src/utils/class-management.ts
 /**
@@ -4090,7 +4063,6 @@ function toggleClass(elements, classList) {
 		element.classList.toggle(classItem);
 	}));
 }
-
 //#endregion
 //#region src/utils/get-date.ts
 /** The current date as a Date object */
@@ -4373,13 +4345,11 @@ function getTimezone() {
 	const timezonePart = Intl.DateTimeFormat("en-US", { timeZoneName: "short" }).formatToParts(date).find((part) => part.type === "timeZoneName");
 	return timezonePart ? timezonePart.value : "";
 }
-
 //#endregion
 //#region src/utils/math.ts
 function easeOutExpo(time, start, end, duration) {
 	return time == duration ? start + end : end * (-Math.pow(2, -10 * time / duration) + 1) + start;
 }
-
 //#endregion
 //#region src/utils/regex.ts
 const emailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
@@ -4398,7 +4368,6 @@ const telRegex = /(?:\+1\s|1\s|)?\d{3}\.\d{3}\.\d{4}|(?:\+1\s|1\s|)?\d{3}-\d{3}-
 function isPhoneNumber(tel) {
 	return telRegex.test(tel);
 }
-
 //#endregion
 //#region src/utils/string-manipulation.ts
 /**
@@ -4523,7 +4492,6 @@ function toTitleCase(string, delimiter = " ") {
 	if (typeof string !== "string") return string;
 	return string.toLowerCase().split(delimiter).map((str) => str.substring(0, 1).toUpperCase() + str.substring(1, str.length).toLowerCase()).join(" ");
 }
-
 //#endregion
 //#region src/components/chevron-up-down-anime.tsx
 function ChevronUpDownAnime({ className, isUp = false }) {
@@ -4566,7 +4534,6 @@ function ChevronUpDownAnime({ className, isUp = false }) {
 		})]
 	});
 }
-
 //#endregion
 //#region src/components/details.tsx
 function DetailsSummary({ arrow = true, children, className, onClick, ...props }) {
@@ -4590,7 +4557,7 @@ function DetailsSummary({ arrow = true, children, className, onClick, ...props }
 function DetailsBody({ children, className, ...props }) {
 	return /* @__PURE__ */ jsx(DisclosurePanel, {
 		...props,
-		className: twMerge("grid-rows-1fr transition-rows ease-exponential data-closed:grid-rows-0fr grid duration-500", className),
+		className: twMerge("grid grid-rows-1fr transition-rows duration-500 ease-exponential data-closed:grid-rows-0fr", className),
 		transition: true,
 		children: (bag) => /* @__PURE__ */ jsx("div", {
 			className: "overflow-y-hidden px-2 pbs-3 pbe-1",
@@ -4606,14 +4573,14 @@ function Details({ as = "div", className, ...props }) {
 		role: "details"
 	});
 }
-
 //#endregion
 //#region src/components/drop-down.tsx
 function DropDownButton({ arrow = true, as, children, className, ...props }) {
 	return /* @__PURE__ */ jsx(MenuButton, {
 		...props,
-		as: as || "button",
-		className: twJoin("group/button", className),
+		as,
+		className: twJoin("group/button transition-transform duration-300 ease-exponential active:scale-95", className),
+		onClick: () => console.log("here i am"),
 		children: (bag) => /* @__PURE__ */ jsxs(Fragment, { children: [typeof children === "function" ? children(bag) : children, arrow && (typeof arrow === "boolean" ? /* @__PURE__ */ jsx(ChevronUpDownAnime, {
 			className: "-mr-1",
 			isUp: bag.open
@@ -4646,7 +4613,7 @@ function DropDownItems({ anchor, children, className, containerClassName, style,
 	return /* @__PURE__ */ jsx(MenuItems, {
 		...props,
 		anchor: anchorProps,
-		className: twMerge("grid-rows-1fr transition-rows ease-exponential not-data-open:not-data-enter:not-data-leave:grid-rows-0fr data-closed:grid-rows-0fr grid rounded-xl shadow-xl duration-500", containerClassName),
+		className: twMerge("grid grid-rows-1fr rounded-xl shadow-xl transition-rows duration-500 ease-exponential not-data-open:not-data-enter:not-data-leave:grid-rows-0fr data-closed:grid-rows-0fr", containerClassName),
 		static: props.static,
 		style: {
 			...style,
@@ -4673,7 +4640,7 @@ function DropDownSection({ children, label, labelProps, separatorAbove, separato
 			separatorAbove && /* @__PURE__ */ jsx(DropDownSeparator, {}),
 			label && /* @__PURE__ */ jsx(MenuHeading, {
 				...restLabelProps,
-				className: (headingBag) => twMerge("text-[larger] font-bold text-current/80", typeof labelClassName === "function" ? labelClassName(headingBag) : labelClassName),
+				className: (headingBag) => twMerge("text-larger font-bold text-current/80", typeof labelClassName === "function" ? labelClassName(headingBag) : labelClassName),
 				children: label
 			}),
 			typeof children === "function" ? children(sectionBag) : children,
@@ -4688,12 +4655,21 @@ function DropDownSeparator({ as, className, ...props }) {
 		className: (bag) => twMerge("my-4 block h-px rounded-full bg-neutral-950/20", typeof className === "function" ? className(bag) : className)
 	});
 }
-function DropDown(props) {
-	return /* @__PURE__ */ jsx(Menu, { ...props });
+function DropDown({ as, ...props }) {
+	return /* @__PURE__ */ jsx(Menu, {
+		...props,
+		as
+	});
 }
-
 //#endregion
 //#region src/components/fieldset.tsx
+/**
+* # Fieldset
+*
+* @prop legend - The legend text to display above the fieldset.
+* @prop legendProps - Additional props to pass to the legend component.
+* @prop className - GOTCHA: The default className includes `contents`, to effectively remove it from the layout. Be sure to change the display style if you want to modify any other styles.
+*/
 function Fieldset({ children, className, legend, legendProps, name, ...props }) {
 	const { className: legendClassName, ...restLegendProps } = legendProps || {};
 	name = legend || name;
@@ -4708,7 +4684,6 @@ function Fieldset({ children, className, legend, legendProps, name, ...props })
 		}), typeof children === "function" ? children(bag) : children] })
 	});
 }
-
 //#endregion
 //#region src/components/form.tsx
 function Form({ children, className, ...props }) {
@@ -4718,7 +4693,6 @@ function Form({ children, className, ...props }) {
 		children
 	});
 }
-
 //#endregion
 //#region src/components/ghost.tsx
 function Ghost({ children, className, ...props }) {
@@ -4728,7 +4702,6 @@ function Ghost({ children, className, ...props }) {
 		children: children || /* @__PURE__ */ jsx(Fragment, { children: "\xA0" })
 	});
 }
-
 //#endregion
 //#region src/components/heading.tsx
 function getTextFromChildren(children) {
@@ -4766,7 +4739,6 @@ function Heading({ as = "h2", children, customize, className, id, ref, ...props
 		children
 	});
 }
-
 //#endregion
 //#region src/symbols/chevron.forward.tsx
 function ChevronForward({ weight = "regular", ...props }) {
@@ -4818,7 +4790,6 @@ function ChevronForward({ weight = "regular", ...props }) {
 		});
 	}
 }
-
 //#endregion
 //#region node_modules/animejs/dist/modules/animatable/animatable.js
 /**
@@ -4937,7 +4908,6 @@ var Animatable = class {
 		return this;
 	}
 };
-
 //#endregion
 //#region node_modules/animejs/dist/modules/utils/number.js
 /**
@@ -4950,7 +4920,6 @@ var Animatable = class {
 * @return {Number}
 */
 const mapRange = (value, inLow, inHigh, outLow, outHigh) => outLow + (value - inLow) / (inHigh - inLow) * (outHigh - outLow);
-
 //#endregion
 //#region node_modules/animejs/dist/modules/easings/spring/index.js
 /**
@@ -5121,7 +5090,6 @@ var Spring = class {
 * @returns {Spring}
 */
 const spring = (parameters) => new Spring(parameters);
-
 //#endregion
 //#region node_modules/animejs/dist/modules/utils/target.js
 /**
@@ -5200,7 +5168,6 @@ const set = (targets, parameters) => {
 	parameters.composition = setValue(parameters.composition, compositionTypes.none);
 	return new JSAnimation(targets, parameters, null, 0, true).resume();
 };
-
 //#endregion
 //#region node_modules/animejs/dist/modules/draggable/draggable.js
 /**
@@ -6384,7 +6351,6 @@ var Draggable = class {
 * @return {Draggable}
 */
 const createDraggable = (target, parameters) => new Draggable(target, parameters);
-
 //#endregion
 //#region src/components/human-verification.tsx
 function checkHashSecret([number, letter]) {
@@ -6491,9 +6457,30 @@ function generateHumanValidationToken() {
 		return char;
 	}).join("")}_${weekCode}`;
 }
-function HumanVerification({ children = "Verify", className }) {
+function HumanVerification({ children = "Verify", className, ref }) {
 	const [dragProgress, setDragProgress] = useState(0);
 	const submitButtonRef = useRef(null), buttonRef = useRef(null), buttonContainerRef = useRef(null), draggableRef = useRef(null);
+	const resetVerification = useEffectEvent(() => {
+		setDragProgress(0);
+		const draggable = draggableRef.current;
+		if (draggable) {
+			draggable.enable();
+			draggable.setX(0);
+			draggable.refresh();
+		}
+		(buttonRef.current?.closest("form"))?.querySelectorAll("input[name=\"human_verification_token\"]")?.forEach((input) => input.remove());
+	});
+	useEffect(() => {
+		const form = buttonRef.current?.closest("form");
+		if (!form) return;
+		const controller = new AbortController();
+		form.addEventListener("reset", () => {
+			queueMicrotask(() => resetVerification());
+		}, { signal: controller.signal });
+		return () => {
+			controller.abort();
+		};
+	}, []);
 	const handleTrySubmit = (x) => {
 		if (x > 239) {
 			const form = buttonRef.current?.closest("form");
@@ -6598,7 +6585,10 @@ function HumanVerification({ children = "Verify", className }) {
 					"aria-valuenow": dragProgress,
 					className: "absolute left-1 z-10 grid aspect-square h-[calc(100%-(var(--spacing)*2))] cursor-grab place-items-center rounded-sm bg-neutral-50 shadow-lg ring ring-neutral-500 focus:ring-3 focus:ring-blue-400 focus:ring-offset-2 focus:ring-offset-neutral-500 focus:outline-none active:cursor-grabbing",
 					onKeyDown: moveButton,
-					ref: buttonRef,
+					ref: (node) => {
+						buttonRef.current = node;
+						if (ref) ref.current = node;
+					},
 					role: "slider",
 					type: "button",
 					children: /* @__PURE__ */ jsx(ChevronForward, { className: "inline-block h-4 overflow-visible fill-neutral-500 stroke-2" })
@@ -6633,7 +6623,6 @@ function HumanVerification({ children = "Verify", className }) {
 		]
 	});
 }
-
 //#endregion
 //#region src/components/iframe.tsx
 const allAllowProperties = [
@@ -6702,7 +6691,6 @@ function IFrame({ allow, className, referrerPolicy = "no-referrer-when-downgrade
 		sandbox: sandbox?.join(" ")
 	});
 }
-
 //#endregion
 //#region src/components/input.tsx
 /**
@@ -6726,75 +6714,22 @@ function Input({ children, className, description, descriptionProps: { className
 		children: [
 			label && /* @__PURE__ */ jsx(Label, {
 				...labelProps,
-				className: (bag) => twMerge("text-sm font-medium", required ? "after:text-red-700 after:content-[\"_*\"]" : "", typeof labelClassName === "function" ? labelClassName(bag) : labelClassName),
+				className: (bag) => twMerge("text-sm font-medium", required ? `after:text-red-700 after:content-['_*']` : "", typeof labelClassName === "function" ? labelClassName(bag) : labelClassName),
 				children: label
 			}),
 			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Input$1, {
 				...props,
-				className: (bag) => twMerge("ease-exponential corner-super-1.5 w-full rounded-xl border border-neutral-500/50 bg-neutral-100 py-1 pl-2 text-neutral-950 outline-offset-1 outline-blue-400/95 transition-[background-color] duration-300 dark:bg-neutral-700 dark:text-neutral-50", "focus-visible:bg-neutral-50 focus-visible:outline-3 active:bg-neutral-200 dark:focus-visible:bg-neutral-600 dark:active:bg-neutral-800 pointer-fine:hover:bg-neutral-50 pointer-fine:active:bg-neutral-200 dark:pointer-fine:hover:bg-neutral-600 dark:pointer-fine:active:bg-neutral-800", "user-invalid:border-red-500 user-invalid:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-100)_5%)] user-invalid:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-100))] user-invalid:active:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-100))] dark:user-invalid:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-800)_5%)] dark:user-invalid:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-800))] dark:user-invalid:active:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-800)_5%)] user-invalid:pointer-fine:hover:bg-[color-mix(in_oklch,var(--color-red-500)_10%,var(--color-neutral-500)_5%)] user-invalid:pointer-fine:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-100))] user-invalid:pointer-fine:active:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-100))] dark:user-invalid:pointer-fine:hover:bg-[color-mix(in_oklch,var(--color-red-500)_10%,var(--color-neutral-800)_5%)] dark:user-invalid:pointer-fine:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-800))] dark:user-invalid:pointer-fine:active:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-800)_5%)]", typeof className === "function" ? className(bag) : className),
+				className: (bag) => twMerge("w-full rounded-xl border border-neutral-500/50 bg-neutral-100 py-1 pl-2 text-neutral-950 outline-offset-1 outline-blue-400/95 transition-[background-color] duration-300 ease-exponential corner-super-1.5 dark:bg-neutral-700 dark:text-neutral-50", "focus-visible:bg-neutral-50 focus-visible:outline-3 active:bg-neutral-200 dark:focus-visible:bg-neutral-600 dark:active:bg-neutral-800 pointer-fine:hover:bg-neutral-50 pointer-fine:active:bg-neutral-200 dark:pointer-fine:hover:bg-neutral-600 dark:pointer-fine:active:bg-neutral-800", "user-invalid:border-red-500 user-invalid:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-100)_5%)] user-invalid:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-100))] user-invalid:active:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-100))] dark:user-invalid:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-800)_5%)] dark:user-invalid:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-800))] dark:user-invalid:active:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-800)_5%)] user-invalid:pointer-fine:hover:bg-[color-mix(in_oklch,var(--color-red-500)_10%,var(--color-neutral-500)_5%)] user-invalid:pointer-fine:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-100))] user-invalid:pointer-fine:active:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-100))] dark:user-invalid:pointer-fine:hover:bg-[color-mix(in_oklch,var(--color-red-500)_10%,var(--color-neutral-800)_5%)] dark:user-invalid:pointer-fine:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-800))] dark:user-invalid:pointer-fine:active:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-800)_5%)]", typeof className === "function" ? className(bag) : className),
 				required
 			}), children] }),
 			description && /* @__PURE__ */ jsx(Description, {
 				...descriptionProps,
-				className: (bag) => twMerge("text-xs text-current/60", typeof descriptionClassName === "function" ? descriptionClassName(bag) : descriptionClassName),
+				className: (bag) => twMerge("max-w-none text-xs text-current/60", typeof descriptionClassName === "function" ? descriptionClassName(bag) : descriptionClassName),
 				children: description
 			})
 		]
 	});
 }
-
-//#endregion
-//#region src/symbols/xmark.tsx
-function Xmark({ weight = "regular", ...props }) {
-	switch (weight) {
-		case "ultralight": return /* @__PURE__ */ jsx("svg", {
-			viewBox: "9.64746 -64.0801 57.84 57.84",
-			...props,
-			children: /* @__PURE__ */ jsx("path", { d: "M65.4941-63.6108L10.1167-8.27883C9.65088-7.813 9.64746-7.13232 10.1167-6.66308C10.544-6.23924 11.2212-6.23924 11.6905-6.66308L67.0645-62.0371C67.4883-62.5063 67.4917-63.187 67.0645-63.6108C66.5918-64.0767 65.918-64.0801 65.4941-63.6108ZM67.0645-8.27883L11.6905-63.6108C11.2212-64.0767 10.5405-64.0801 10.1167-63.6108C9.65088-63.1836 9.65088-62.5063 10.1167-62.0371L65.4941-6.66308C65.9146-6.23924 66.5952-6.23924 67.0645-6.66308C67.4883-7.13574 67.4883-7.813 67.0645-8.27883Z" })
-		});
-		case "thin": return /* @__PURE__ */ jsx("svg", {
-			viewBox: "9.58594 -64.5723 58.82 58.8",
-			...props,
-			children: /* @__PURE__ */ jsx("path", { d: "M65.248-63.8672L10.291-8.94533C9.59961-8.25392 9.58594-7.14258 10.291-6.43749C10.9746-5.76757 12.0723-5.76757 12.7774-6.43749L67.7207-61.3808C68.3906-62.0859 68.4043-63.1973 67.7207-63.8672C67.002-64.5586 65.918-64.5723 65.248-63.8672ZM67.7207-8.94533L12.7774-63.8672C12.0723-64.5586 10.9609-64.5723 10.291-63.8672C9.59961-63.1836 9.59961-62.0859 10.291-61.3808L65.248-6.43749C65.9043-5.76757 67.0156-5.76757 67.7207-6.43749C68.3906-7.15625 68.3906-8.25392 67.7207-8.94533Z" })
-		});
-		case "light": return /* @__PURE__ */ jsx("svg", {
-			viewBox: "9.46582 -65.5332 60.72 60.69",
-			...props,
-			children: /* @__PURE__ */ jsx("path", { d: "M64.7676-64.3677L10.6313-10.2466C9.49951-9.11475 9.46582-7.1626 10.6313-5.99707C11.8154-4.84667 13.7339-4.84667 14.8994-5.99707L69.002-60.0996C70.1524-61.2651 70.186-63.2173 69.002-64.3677C67.8027-65.4995 65.918-65.5332 64.7676-64.3677ZM69.002-10.2466L14.8994-64.3677C13.7339-65.4995 11.7817-65.5332 10.6313-64.3677C9.49951-63.1836 9.49951-61.2651 10.6313-60.0996L64.7676-5.99707C65.8843-4.84667 67.8364-4.84667 69.002-5.99707C70.1524-7.19629 70.1524-9.11475 69.002-10.2466Z" })
-		});
-		case "regular": return /* @__PURE__ */ jsx("svg", {
-			viewBox: "9.375 -66.2598 62.16 62.11",
-			...props,
-			children: /* @__PURE__ */ jsx("path", { d: "M64.4043-64.7461L10.8887-11.2305C9.42383-9.76562 9.375-7.17773 10.8887-5.66406C12.4512-4.15039 14.9902-4.15039 16.5039-5.66406L69.9707-59.1309C71.4844-60.6445 71.5332-63.2324 69.9707-64.7461C68.4082-66.2109 65.918-66.2598 64.4043-64.7461ZM69.9707-11.2305L16.5039-64.7461C14.9902-66.2109 12.4023-66.2598 10.8887-64.7461C9.42383-63.1836 9.42383-60.6445 10.8887-59.1309L64.4043-5.66406C65.8691-4.15039 68.457-4.15039 69.9707-5.66406C71.4844-7.22656 71.4844-9.76562 69.9707-11.2305Z" })
-		});
-		case "medium": return /* @__PURE__ */ jsx("svg", {
-			viewBox: "9.30469 -66.7871 63.2 63.17",
-			...props,
-			children: /* @__PURE__ */ jsx("path", { d: "M63.9121-64.9746L11.0996-12.1621C9.35352-10.416 9.30469-7.26562 11.126-5.44434C12.9873-3.62305 16.1152-3.64941 17.8838-5.41797L70.6562-58.1904C72.4688-60.0029 72.5-63.1182 70.6299-64.9482C68.7598-66.7383 65.7246-66.7871 63.9121-64.9746ZM70.6562-12.1709L17.8838-64.9834C16.1064-66.7207 12.9561-66.7871 11.126-64.957C9.33594-63.0869 9.3623-59.9766 11.0996-58.1992L63.9121-5.42676C65.6846-3.61426 68.7998-3.62305 70.6299-5.45312C72.46-7.32324 72.4688-10.3984 70.6562-12.1709Z" })
-		});
-		case "semibold": return /* @__PURE__ */ jsx("svg", {
-			viewBox: "9.25078 -67.1914 63.99 63.99",
-			...props,
-			children: /* @__PURE__ */ jsx("path", { d: "M63.5348-65.1498L11.2613-12.8764C9.29961-10.9146 9.25078-7.33301 11.3079-5.27588C13.3983-3.21875 16.9777-3.26533 18.9417-5.2293L71.1818-57.4694C73.2234-59.511 73.2412-63.0306 71.1353-65.1032C69.0293-67.1426 65.5764-67.1914 63.5348-65.1498ZM71.1818-12.8919L18.9417-65.1653C16.9622-67.1115 13.3806-67.1914 11.3079-65.1188C9.26855-63.0128 9.31514-59.4645 11.2613-57.485L63.5348-5.24482C65.5431-3.20322 69.0626-3.21875 71.1353-5.29141C73.2079-7.39736 73.2234-10.8836 71.1818-12.8919Z" })
-		});
-		case "bold": return /* @__PURE__ */ jsx("svg", {
-			viewBox: "9.17969 -67.7246 65.04 65.06",
-			...props,
-			children: /* @__PURE__ */ jsx("path", { d: "M63.0371-65.3809L11.4746-13.8184C9.22852-11.5723 9.17969-7.42188 11.5479-5.05371C13.9404-2.68555 18.1152-2.75879 20.3369-4.98047L71.875-56.5186C74.2188-58.8623 74.2188-62.915 71.8018-65.3076C69.3848-67.6758 65.3809-67.7246 63.0371-65.3809ZM71.875-13.8428L20.3369-65.4053C18.0908-67.627 13.9404-67.7246 11.5479-65.332C9.17969-62.915 9.25293-58.7891 11.4746-56.543L63.0371-5.00488C65.3564-2.66113 69.4092-2.68555 71.8018-5.07812C74.1943-7.49512 74.2188-11.5234 71.875-13.8428Z" })
-		});
-		case "heavy": return /* @__PURE__ */ jsx("svg", {
-			viewBox: "9.05079 -68.498 66.61 66.62",
-			...props,
-			children: /* @__PURE__ */ jsx("path", { d: "M62.3153-65.716L11.784-15.1847C9.1254-12.5261 9.07657-7.55077 11.8959-4.73147C14.7267-1.91217 19.7651-2.02408 22.3606-4.61956L72.8804-55.1394C75.6624-57.9214 75.6366-62.7475 72.7685-65.6041C69.9003-68.4492 65.0973-68.498 62.3153-65.716ZM72.8804-15.222L22.3606-65.7533C19.7278-68.3745 14.7525-68.498 11.8959-65.6414C9.05079-62.7733 9.1627-57.8095 11.784-55.1767L62.3153-4.65686C65.0858-1.87487 69.9119-1.91217 72.7685-4.76877C75.6251-7.6369 75.6624-12.4515 72.8804-15.222Z" })
-		});
-		case "black": return /* @__PURE__ */ jsx("svg", {
-			viewBox: "8.93555 -69.1895 68.02 68.02",
-			...props,
-			children: /* @__PURE__ */ jsx("path", { d: "M61.6699-66.0156L12.0605-16.4062C9.0332-13.3789 8.98438-7.66602 12.207-4.44336C15.4297-1.2207 21.2402-1.36719 24.1699-4.29688L73.7793-53.9062C76.9531-57.0801 76.9043-62.5977 73.6328-65.8691C70.3613-69.1406 64.8438-69.1895 61.6699-66.0156ZM73.7793-16.4551L24.1699-66.0645C21.1914-69.043 15.4785-69.1895 12.207-65.918C8.93555-62.6465 9.08203-56.9336 12.0605-53.9551L61.6699-4.3457C64.8438-1.17188 70.3613-1.2207 73.6328-4.49219C76.9043-7.76367 76.9531-13.2812 73.7793-16.4551Z" })
-		});
-	}
-}
-
 //#endregion
 //#region src/hooks/create-fast-context.tsx
 function createFastContext(defaultInitialState) {
@@ -6836,7 +6771,6 @@ function createFastContext(defaultInitialState) {
 		useStore
 	};
 }
-
 //#endregion
 //#region src/hooks/use-form-status.tsx
 const DEFAULT_STATUS = "incomplete";
@@ -6850,7 +6784,6 @@ function FormStatusProvider({ children, initialStatus = DEFAULT_STATUS }) {
 function useFormStatus() {
 	return useStore((store) => store);
 }
-
 //#endregion
 //#region src/hooks/use-pointer-movement.ts
 function usePointerMovement(props) {
@@ -6964,18 +6897,81 @@ function usePointerMovement(props) {
 		trackPointerMovement
 	};
 }
-
+//#endregion
+//#region src/hooks/use-mobile-device.ts
+function useMobileDevice() {
+	const [isMobileDevice, setIsMobileDevice] = useState(false);
+	const onRun = () => {
+		const hasTouch = "ontouchstart" in window || navigator.maxTouchPoints > 0, hasSmallViewport = window.innerWidth < 500;
+		setIsMobileDevice(hasTouch || hasSmallViewport);
+	};
+	useEffect(() => {
+		if (typeof window !== "undefined") onRun();
+	}, []);
+	return isMobileDevice;
+}
+//#endregion
+//#region src/symbols/xmark.tsx
+function Xmark({ weight = "regular", ...props }) {
+	switch (weight) {
+		case "ultralight": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.64746 -64.0801 57.84 57.84",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M65.4941-63.6108L10.1167-8.27883C9.65088-7.813 9.64746-7.13232 10.1167-6.66308C10.544-6.23924 11.2212-6.23924 11.6905-6.66308L67.0645-62.0371C67.4883-62.5063 67.4917-63.187 67.0645-63.6108C66.5918-64.0767 65.918-64.0801 65.4941-63.6108ZM67.0645-8.27883L11.6905-63.6108C11.2212-64.0767 10.5405-64.0801 10.1167-63.6108C9.65088-63.1836 9.65088-62.5063 10.1167-62.0371L65.4941-6.66308C65.9146-6.23924 66.5952-6.23924 67.0645-6.66308C67.4883-7.13574 67.4883-7.813 67.0645-8.27883Z" })
+		});
+		case "thin": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.58594 -64.5723 58.82 58.8",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M65.248-63.8672L10.291-8.94533C9.59961-8.25392 9.58594-7.14258 10.291-6.43749C10.9746-5.76757 12.0723-5.76757 12.7774-6.43749L67.7207-61.3808C68.3906-62.0859 68.4043-63.1973 67.7207-63.8672C67.002-64.5586 65.918-64.5723 65.248-63.8672ZM67.7207-8.94533L12.7774-63.8672C12.0723-64.5586 10.9609-64.5723 10.291-63.8672C9.59961-63.1836 9.59961-62.0859 10.291-61.3808L65.248-6.43749C65.9043-5.76757 67.0156-5.76757 67.7207-6.43749C68.3906-7.15625 68.3906-8.25392 67.7207-8.94533Z" })
+		});
+		case "light": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.46582 -65.5332 60.72 60.69",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M64.7676-64.3677L10.6313-10.2466C9.49951-9.11475 9.46582-7.1626 10.6313-5.99707C11.8154-4.84667 13.7339-4.84667 14.8994-5.99707L69.002-60.0996C70.1524-61.2651 70.186-63.2173 69.002-64.3677C67.8027-65.4995 65.918-65.5332 64.7676-64.3677ZM69.002-10.2466L14.8994-64.3677C13.7339-65.4995 11.7817-65.5332 10.6313-64.3677C9.49951-63.1836 9.49951-61.2651 10.6313-60.0996L64.7676-5.99707C65.8843-4.84667 67.8364-4.84667 69.002-5.99707C70.1524-7.19629 70.1524-9.11475 69.002-10.2466Z" })
+		});
+		case "regular": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.375 -66.2598 62.16 62.11",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M64.4043-64.7461L10.8887-11.2305C9.42383-9.76562 9.375-7.17773 10.8887-5.66406C12.4512-4.15039 14.9902-4.15039 16.5039-5.66406L69.9707-59.1309C71.4844-60.6445 71.5332-63.2324 69.9707-64.7461C68.4082-66.2109 65.918-66.2598 64.4043-64.7461ZM69.9707-11.2305L16.5039-64.7461C14.9902-66.2109 12.4023-66.2598 10.8887-64.7461C9.42383-63.1836 9.42383-60.6445 10.8887-59.1309L64.4043-5.66406C65.8691-4.15039 68.457-4.15039 69.9707-5.66406C71.4844-7.22656 71.4844-9.76562 69.9707-11.2305Z" })
+		});
+		case "medium": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.30469 -66.7871 63.2 63.17",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M63.9121-64.9746L11.0996-12.1621C9.35352-10.416 9.30469-7.26562 11.126-5.44434C12.9873-3.62305 16.1152-3.64941 17.8838-5.41797L70.6562-58.1904C72.4688-60.0029 72.5-63.1182 70.6299-64.9482C68.7598-66.7383 65.7246-66.7871 63.9121-64.9746ZM70.6562-12.1709L17.8838-64.9834C16.1064-66.7207 12.9561-66.7871 11.126-64.957C9.33594-63.0869 9.3623-59.9766 11.0996-58.1992L63.9121-5.42676C65.6846-3.61426 68.7998-3.62305 70.6299-5.45312C72.46-7.32324 72.4688-10.3984 70.6562-12.1709Z" })
+		});
+		case "semibold": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.25078 -67.1914 63.99 63.99",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M63.5348-65.1498L11.2613-12.8764C9.29961-10.9146 9.25078-7.33301 11.3079-5.27588C13.3983-3.21875 16.9777-3.26533 18.9417-5.2293L71.1818-57.4694C73.2234-59.511 73.2412-63.0306 71.1353-65.1032C69.0293-67.1426 65.5764-67.1914 63.5348-65.1498ZM71.1818-12.8919L18.9417-65.1653C16.9622-67.1115 13.3806-67.1914 11.3079-65.1188C9.26855-63.0128 9.31514-59.4645 11.2613-57.485L63.5348-5.24482C65.5431-3.20322 69.0626-3.21875 71.1353-5.29141C73.2079-7.39736 73.2234-10.8836 71.1818-12.8919Z" })
+		});
+		case "bold": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.17969 -67.7246 65.04 65.06",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M63.0371-65.3809L11.4746-13.8184C9.22852-11.5723 9.17969-7.42188 11.5479-5.05371C13.9404-2.68555 18.1152-2.75879 20.3369-4.98047L71.875-56.5186C74.2188-58.8623 74.2188-62.915 71.8018-65.3076C69.3848-67.6758 65.3809-67.7246 63.0371-65.3809ZM71.875-13.8428L20.3369-65.4053C18.0908-67.627 13.9404-67.7246 11.5479-65.332C9.17969-62.915 9.25293-58.7891 11.4746-56.543L63.0371-5.00488C65.3564-2.66113 69.4092-2.68555 71.8018-5.07812C74.1943-7.49512 74.2188-11.5234 71.875-13.8428Z" })
+		});
+		case "heavy": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.05079 -68.498 66.61 66.62",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M62.3153-65.716L11.784-15.1847C9.1254-12.5261 9.07657-7.55077 11.8959-4.73147C14.7267-1.91217 19.7651-2.02408 22.3606-4.61956L72.8804-55.1394C75.6624-57.9214 75.6366-62.7475 72.7685-65.6041C69.9003-68.4492 65.0973-68.498 62.3153-65.716ZM72.8804-15.222L22.3606-65.7533C19.7278-68.3745 14.7525-68.498 11.8959-65.6414C9.05079-62.7733 9.1627-57.8095 11.784-55.1767L62.3153-4.65686C65.0858-1.87487 69.9119-1.91217 72.7685-4.76877C75.6251-7.6369 75.6624-12.4515 72.8804-15.222Z" })
+		});
+		case "black": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "8.93555 -69.1895 68.02 68.02",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M61.6699-66.0156L12.0605-16.4062C9.0332-13.3789 8.98438-7.66602 12.207-4.44336C15.4297-1.2207 21.2402-1.36719 24.1699-4.29688L73.7793-53.9062C76.9531-57.0801 76.9043-62.5977 73.6328-65.8691C70.3613-69.1406 64.8438-69.1895 61.6699-66.0156ZM73.7793-16.4551L24.1699-66.0645C21.1914-69.043 15.4785-69.1895 12.207-65.918C8.93555-62.6465 9.08203-56.9336 12.0605-53.9551L61.6699-4.3457C64.8438-1.17188 70.3613-1.2207 73.6328-4.49219C76.9043-7.76367 76.9531-13.2812 73.7793-16.4551Z" })
+		});
+	}
+}
 //#endregion
 //#region src/components/modal.tsx
+const DRAG_TO_CLOSE_PROGRESS = .5;
 const { Provider: ModalControlsProvider, useStore: useModalControls } = createFastContext({
+	closeModal: () => {},
+	dialogPanelRef: { current: null },
 	isOpen: false,
 	openModal: () => {},
-	closeModal: () => {},
 	place: "bottom",
-	readyToClose: false,
-	enableTouchClose: () => {},
-	enableMouseClose: () => {},
-	dialogPanelRef: { current: null }
+	pseudoContainerRef: { current: null },
+	readyToClose: false
 });
 function ModalTrigger({ as, onClick, ...props }) {
 	const ModalTriggerElement = as || Button$1;
@@ -6991,78 +6987,182 @@ function ModalTrigger({ as, onClick, ...props }) {
 		onClick: handleClick
 	});
 }
-function ModalTitle(props) {
-	return /* @__PURE__ */ jsx(DialogTitle, { ...props });
+function ModalTitle({ as, ref, ...props }) {
+	return /* @__PURE__ */ jsx(DialogTitle, {
+		...props,
+		as,
+		ref
+	});
 }
 function ModalDialog(props) {
-	const [modalControls] = useModalControls((store) => store);
-	const { isOpen, closeModal, place, readyToClose, className, enableMouseClose, enableTouchClose, dialogPanelRef } = modalControls || {
-		isOpen: false,
-		closeModal: () => {},
-		place: "bottom",
-		readyToClose: false,
-		className: "",
-		enableMouseClose: () => {},
-		enableTouchClose: () => {},
-		dialogPanelRef: { current: null }
+	const [modalControls, setModalControls] = useModalControls((store) => store), isMobileDevice = useMobileDevice();
+	const { className, closeModal, dialogPanelRef, isOpen, place, pseudoContainerRef, readyToClose } = modalControls || {};
+	const [dialogPanelEl, setDialogPanelEl] = useState(null);
+	const [draggableTriggerEl, setDraggableTriggerEl] = useState(null);
+	const setDialogPanelRef = (node) => {
+		setDialogPanelEl(node);
+		if (dialogPanelRef) dialogPanelRef.current = node;
 	};
+	const setDraggableTriggerRef = (node) => {
+		setDraggableTriggerEl(node);
+	};
+	const readyToCloseRef = useRef(readyToClose);
+	function setUpDraggable({ dialogPanel, draggableTrigger, pseudoContainer }) {
+		createDraggable(dialogPanel, {
+			container: pseudoContainer,
+			containerFriction: .99,
+			onRelease: (draggable) => {
+				if (readyToCloseRef.current) return closeModal?.();
+				if (draggable.y >= 1) {
+					const coord = { yCoord: draggable.y };
+					animate(coord, {
+						yCoord: 0,
+						duration: 500,
+						ease: spring({ duration: 300 }),
+						composition: "blend",
+						onUpdate: () => {
+							draggable.setY(coord.yCoord);
+						}
+					});
+				}
+			},
+			onUpdate: ({ progressY }) => {
+				if (!setModalControls) return;
+				if (progressY >= DRAG_TO_CLOSE_PROGRESS && !readyToCloseRef.current) {
+					readyToCloseRef.current = true;
+					setModalControls((prev) => ({
+						...prev,
+						readyToClose: true
+					}));
+				}
+				if (progressY < DRAG_TO_CLOSE_PROGRESS && readyToCloseRef.current) {
+					readyToCloseRef.current = false;
+					setModalControls((prev) => ({
+						...prev,
+						readyToClose: false
+					}));
+				}
+			},
+			trigger: draggableTrigger
+		});
+	}
+	const onDraggable = useEffectEvent(({ dialogPanel, draggableTrigger }) => {
+		if (!pseudoContainerRef) return;
+		const { top, left, width } = dialogPanel.getBoundingClientRect();
+		pseudoContainerRef.current = document.createElement("div");
+		const pseudoContainer = pseudoContainerRef.current;
+		pseudoContainer.style.position = "fixed";
+		pseudoContainer.style.top = `${top}px`;
+		pseudoContainer.style.left = `${left}px`;
+		pseudoContainer.style.width = `${width}px`;
+		pseudoContainer.style.height = `100dvh`;
+		pseudoContainer.style.zIndex = "-1";
+		pseudoContainer.style.border = "2px solid blue";
+		document.body.appendChild(pseudoContainer);
+		animate(dialogPanel, {
+			...isMobileDevice ? {
+				y: ["100lvh", 0],
+				ease: "outExpo",
+				duration: 500
+			} : { keyframes: [
+				{
+					opacity: [0, 1],
+					scale: [.5, .85],
+					y: ["10rem", "9rem"],
+					ease: "inExpo",
+					duration: 250
+				},
+				{
+					scale: [.85, 1],
+					y: ["9rem", "0rem"],
+					ease: "outExpo",
+					duration: 500
+				},
+				{
+					y: "0px",
+					duration: 0
+				}
+			] },
+			onComplete: () => setUpDraggable({
+				dialogPanel,
+				draggableTrigger,
+				pseudoContainer
+			})
+		});
+	});
+	useEffect(() => {
+		if (isOpen && dialogPanelEl && draggableTriggerEl) onDraggable({
+			dialogPanel: dialogPanelEl,
+			draggableTrigger: draggableTriggerEl
+		});
+	}, [
+		isOpen,
+		dialogPanelEl,
+		draggableTriggerEl
+	]);
 	return /* @__PURE__ */ jsxs(Dialog, {
 		open: isOpen,
-		onClose: () => closeModal?.(),
+		onClose: closeModal || (() => void 0),
 		className: ["isolate z-50", place === "bottom" && "after:fixed after:inset-x-0 after:bottom-0 after:-z-10 after:h-16 after:bg-neutral-50 sm:after:hidden"].join(" "),
 		children: [/* @__PURE__ */ jsx(DialogBackdrop, {
 			transition: true,
-			className: ["ease-exponential fixed inset-0 cursor-pointer transition-[opacity,background-color,backdrop-filter,-webkit-backdrop-filter] delay-100 duration-750 data-closed:opacity-0", readyToClose ? "bg-neutral-50/5 backdrop-blur-[1px] dark:bg-neutral-950/5" : "bg-neutral-50/25 backdrop-blur-sm dark:bg-neutral-950/25"].join(" "),
-			children: /* @__PURE__ */ jsx(Button, {
+			...readyToClose ? { "data-ready": "" } : {},
+			className: "fixed inset-0 cursor-pointer bg-neutral-50/25 backdrop-blur-sm transition-[opacity,background-color,backdrop-filter,-webkit-backdrop-filter] delay-100 duration-750 ease-exponential data-closed:opacity-0 data-ready:bg-neutral-50/5 data-ready:backdrop-blur-[1px] dark:bg-neutral-950/25 dark:data-ready:bg-neutral-950/5",
+			children: /* @__PURE__ */ jsxs(Button, {
 				padding: "none",
 				rounded: "full",
-				className: "group/button fixed top-4 right-4 size-7 overflow-x-hidden transition-[scale,width,filter] pointer-fine:hover:w-20",
-				children: /* @__PURE__ */ jsxs("div", {
-					className: "ease-exponential absolute top-1 right-1 flex items-center gap-1 pbs-px transition-transform duration-300 pointer-fine:group-hover/button:-translate-x-0.5",
-					children: [/* @__PURE__ */ jsxs("span", {
-						className: "block text-xs leading-none uppercase",
-						children: ["Close", /* @__PURE__ */ jsx("span", {
-							className: "sr-only",
-							children: "Modal"
-						})]
-					}), /* @__PURE__ */ jsx(Xmark, { className: "-top-px block size-4 scale-75 rotate-90 transition-transform duration-300 ease-in-out group-hover/button:rotate-0" })]
-				})
+				className: "group/button fixed top-4 right-4 grid size-7 grid-cols-[1fr_calc(var(--spacing)*7)] gap-0 transition-[background-color,background-position-y,scale,grid-template-columns] pointer-fine:grid-cols-[0fr_calc(var(--spacing)*7)] pointer-fine:hover:grid-cols-[1fr_calc(var(--spacing)*7)]",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "block overflow-x-hidden text-center text-xs leading-none uppercase",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "ps-2",
+						children: "Close"
+					}), /* @__PURE__ */ jsx("span", {
+						className: "sr-only",
+						children: "Modal"
+					})]
+				}), /* @__PURE__ */ jsx(Xmark, { className: "mx-auto size-3.5 rotate-90 transition-transform duration-300 ease-in-out group-hover/button:rotate-0" })]
 			})
 		}), /* @__PURE__ */ jsxs(DialogPanel, {
-			ref: dialogPanelRef,
-			transition: true,
-			className: twMerge("ease-exponential fixed left-1/2 -translate-x-1/2 overflow-y-scroll bg-neutral-50 p-4 shadow-[0_-15px_50px_-12px] shadow-neutral-950/25 transition-[transform,translate,opacity] duration-750 data-closed:scale-50 data-closed:opacity-0 sm:w-[calc(100vw-2rem)] sm:max-w-fit sm:p-6 sm:shadow-2xl lg:p-8 dark:bg-neutral-900", place === "center" ? "top-1/2 -translate-y-1/2 rounded-2xl data-enter:translate-y-[calc(-50%+12rem)] data-leave:translate-y-[calc(-50%-8rem)]" : "bottom-0 h-fit max-h-[calc(100dvh-4rem)] translate-y-0 rounded-t-4xl data-enter:translate-y-full data-leave:translate-y-full sm:top-1/2 sm:bottom-auto sm:rounded-t-2xl sm:rounded-b-2xl sm:data-enter:translate-y-[calc(-50%+12rem)] sm:data-leave:translate-y-[calc(-50%-8rem)] sm:data-open:-translate-y-1/2 pointer-fine:top-1/2 pointer-fine:bottom-auto pointer-fine:-translate-y-1/2 pointer-fine:rounded-2xl", className),
+			ref: setDialogPanelRef,
+			className: twMerge("fixed left-1/2 w-screen -translate-x-1/2 bg-neutral-50 px-4 shadow-[0_-15px_50px_-12px] shadow-neutral-950/25 ease-exponential sm:w-[calc(100vw-2rem)] sm:max-w-fit sm:px-6 sm:shadow-2xl lg:px-8 dark:bg-neutral-900", place === "center" ? "top-1/2 -translate-y-1/2 rounded-2xl" : "bottom-0 h-fit max-h-[calc(100dvh-4rem)] translate-y-0 rounded-ss-4xl rounded-se-4xl after:absolute after:inset-x-0 after:-bottom-64 after:h-64 after:bg-inherit sm:top-1/2 sm:bottom-auto sm:-translate-y-1/2 sm:rounded-ee-4xl sm:rounded-es-4xl sm:after:hidden pointer-fine:top-1/2 pointer-fine:bottom-auto pointer-fine:-translate-y-1/2 pointer-fine:rounded-3xl", className),
+			style: isMobileDevice ? void 0 : { opacity: 0 },
 			children: [/* @__PURE__ */ jsx("button", {
-				className: ["after:ease-exponential absolute inset-x-0 top-0 z-10 flex h-6 cursor-grab items-center justify-center after:h-1 after:w-8 after:rounded-full after:transition-[transform,background-color] after:duration-500 active:cursor-grabbing", readyToClose ? "after:scale-x-200 after:scale-y-200 after:bg-blue-500" : "after:bg-neutral-500/50 active:after:scale-x-150 active:after:scale-y-125 active:after:bg-neutral-500 pointer-fine:hover:after:scale-x-125 pointer-fine:hover:after:bg-neutral-500/75 pointer-fine:active:after:scale-x-150 pointer-fine:active:after:bg-neutral-500"].join(" "),
-				onTouchStart: enableTouchClose,
-				onMouseDown: enableMouseClose,
+				className: "absolute inset-x-0 top-0 z-10 flex h-6 cursor-grab items-center justify-center after:h-1 after:w-8 after:rounded-full after:bg-neutral-500/50 after:transition-[scale,background-color] after:duration-500 after:ease-exponential active:cursor-grabbing active:after:scale-x-150 active:after:scale-y-125 active:after:bg-neutral-500 data-ready:after:scale-x-200 data-ready:after:scale-y-200 data-ready:after:bg-(--base-theme-color) pointer-fine:hover:after:scale-x-125 pointer-fine:hover:after:bg-neutral-500/75 pointer-fine:active:after:scale-x-150 pointer-fine:active:after:bg-neutral-500 data-ready:pointer-fine:hover:after:scale-x-200 data-ready:pointer-fine:hover:after:scale-y-200 data-ready:pointer-fine:hover:after:bg-(--base-theme-color) data-ready:pointer-fine:active:after:scale-x-200 data-ready:pointer-fine:active:after:scale-y-200 data-ready:pointer-fine:active:after:bg-(--base-theme-color)",
+				...readyToClose ? { "data-ready": "" } : {},
+				ref: setDraggableTriggerRef,
 				type: "button",
 				children: /* @__PURE__ */ jsx("span", {
 					className: "sr-only",
 					children: "Drag down to close"
 				})
-			}), /* @__PURE__ */ jsx("div", { ...props })]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "overflow-y-scroll",
+				children: /* @__PURE__ */ jsx("div", {
+					...props,
+					className: "py-4 sm:py-6 lg:py-8"
+				})
+			})]
 		})]
 	});
 }
-function ModalClose({ as, ...props }) {
-	return /* @__PURE__ */ jsx(as || Button$1, { ...props });
+function ModalClose({ as, onClick, ...props }) {
+	const ModalCloseElement = as || Button$1;
+	const [modalControls] = useModalControls((store) => store);
+	const { closeModal } = modalControls || { closeModal: () => {} };
+	const handleClick = (e) => {
+		onClick?.(e);
+		if (!e.defaultPrevented) closeModal();
+	};
+	return /* @__PURE__ */ jsx(ModalCloseElement, {
+		...props,
+		onClick: handleClick
+	});
 }
 function ModalDisplay({ children, className, onClose, onOpen, place = "bottom" }) {
-	const [bodyElement, setBodyElement] = useState(null);
-	const onVisible = useEffectEvent(() => {
-		setBodyElement(document.body);
-	});
-	useEffect(() => {
-		if (typeof window !== "undefined") onVisible();
-	}, []);
-	const [, setModalControls] = useModalControls(() => null);
+	const [modalControls, setModalControls] = useModalControls((store) => store), isMobileDevice = useMobileDevice();
 	const [isOpen, setIsOpen] = useState(false);
-	const dragMoveBoxRef = useRef(null), startDragCoords = useRef({
-		x: 0,
-		y: 0
-	}), localDialogPanelRef = useRef(null);
-	const [allowDragClose, setAllowDragClose] = useState(false), [readyToClose, setReadyToClose] = useState(false);
+	const localDialogPanelRef = useRef(null);
 	const openModal = () => {
 		setIsOpen((previous) => {
 			if (previous) return previous;
@@ -7070,67 +7170,47 @@ function ModalDisplay({ children, className, onClose, onOpen, place = "bottom" }
 			return true;
 		});
 	};
+	const closeFunctions = () => {
+		onClose?.();
+		modalControls?.pseudoContainerRef?.current?.remove();
+		setModalControls?.((previous) => ({
+			...previous,
+			pseudoContainerRef: { current: null },
+			readyToClose: false
+		}));
+	};
+	const mobileAnimation = {
+		y: "100%",
+		ease: "outExpo",
+		duration: 500
+	};
+	const desktopAnimation = {
+		opacity: 0,
+		scale: .5,
+		ease: "outExpo",
+		duration: 500
+	};
+	const handleClose = () => {
+		if (!localDialogPanelRef.current) return closeFunctions();
+		animate(localDialogPanelRef.current, {
+			...isMobileDevice ? mobileAnimation : desktopAnimation,
+			composition: "blend",
+			onComplete: closeFunctions
+		});
+	};
 	const closeModal = () => {
 		setIsOpen((previous) => {
 			if (!previous) return previous;
-			onClose?.();
+			handleClose();
 			return false;
 		});
 	};
-	const enableClose = (clientX, clientY) => {
-		startDragCoords.current.x = clientX;
-		startDragCoords.current.y = clientY;
-		if (localDialogPanelRef.current) localDialogPanelRef.current.style.transitionDuration = "0s";
-		setAllowDragClose(true);
-	};
-	const enableTouchClose = (e) => {
-		const { touches } = e, { clientY } = touches[0];
-		enableClose(0, clientY);
-	};
-	const enableMouseClose = (e) => {
-		const { clientX, clientY } = e;
-		enableClose(clientX, clientY);
-	};
-	const handleMove = (clientX, clientY) => {
-		if (!localDialogPanelRef.current) return;
-		let deltaX = clientX - startDragCoords.current.x, deltaY = clientY - startDragCoords.current.y;
-		if (deltaX > 0) deltaX = easeOutExpo(Math.abs(deltaX), 0, 25, 5e3);
-		if (deltaX < 0) deltaX = -easeOutExpo(Math.abs(deltaX), 0, 25, 5e3);
-		if (deltaY < 0) deltaY = -easeOutExpo(Math.abs(deltaY), 0, 25, 2e3);
-		if (deltaY >= 100 && !readyToClose) setReadyToClose(true);
-		else if (deltaY < 100 && readyToClose) setReadyToClose(false);
-		const greaterThanMediaSmall = innerWidth > 640;
-		localDialogPanelRef.current.style.translate = `calc(-50% + ${deltaX}px) ${greaterThanMediaSmall ? `calc(-50% + ${deltaY}px)` : `${deltaY}px`}`;
-	};
-	const handleMouseMove = (e) => {
-		if (!allowDragClose) return;
-		const { clientX, clientY } = e;
-		handleMove(clientX, clientY);
-	};
-	const disableDragClose = (clientY) => {
-		const deltaY = clientY - startDragCoords.current.y;
-		if (localDialogPanelRef.current) localDialogPanelRef.current.style.transitionDuration = "";
-		if (deltaY >= 100) {
-			closeModal();
-			setReadyToClose(false);
-		} else setTimeout(() => {
-			if (localDialogPanelRef.current) localDialogPanelRef.current.style.removeProperty("translate");
-		}, 50);
-	};
-	const disableMouseDragClose = (e) => {
-		if (allowDragClose) setAllowDragClose(false);
-		const { clientY } = e;
-		disableDragClose(clientY);
-	};
 	useEffect(() => {
 		setModalControls?.((previous) => ({
 			...previous,
 			isOpen,
-			readyToClose,
 			place,
 			className,
-			enableMouseClose,
-			enableTouchClose,
 			openModal,
 			closeModal,
 			dialogPanelRef: localDialogPanelRef
@@ -7138,25 +7218,16 @@ function ModalDisplay({ children, className, onClose, onOpen, place = "bottom" }
 	}, [
 		className,
 		closeModal,
-		enableMouseClose,
-		enableTouchClose,
 		isOpen,
 		openModal,
 		place,
-		readyToClose,
 		setModalControls
 	]);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [allowDragClose && bodyElement && createPortal(/* @__PURE__ */ jsx("div", {
-		ref: dragMoveBoxRef,
-		className: "fixed inset-0 z-99 h-dvh w-screen bg-transparent active:cursor-grabbing pointer-coarse:hidden",
-		onMouseMove: handleMouseMove,
-		onMouseUp: disableMouseDragClose
-	}), bodyElement), children] });
+	return /* @__PURE__ */ jsx(Fragment, { children });
 }
 function Modal(props) {
 	return /* @__PURE__ */ jsx(ModalControlsProvider, { children: /* @__PURE__ */ jsx(ModalDisplay, { ...props }) });
 }
-
 //#endregion
 //#region src/symbols/chevron.up.chevron.down.tsx
 function ChevronUpChevronDown({ weight = "regular", ...props }) {
@@ -7208,7 +7279,6 @@ function ChevronUpChevronDown({ weight = "regular", ...props }) {
 		});
 	}
 }
-
 //#endregion
 //#region src/components/select.tsx
 /**
@@ -7234,10 +7304,10 @@ function SelectOption({ children, className, name, ...props }) {
 		className: "group/option contents",
 		...props,
 		children: (bag) => bag.selectedOption ? /* @__PURE__ */ jsx("span", {
-			className: "mr-3 before:absolute before:-left-3 before:content-[\",_\"]",
+			className: `mr-3 before:absolute before:-left-3 before:content-[',_']`,
 			children: name
 		}) : /* @__PURE__ */ jsxs("div", {
-			className: twMerge("ease-exponential corner-super-1.5 flex cursor-pointer items-center gap-2 rounded-lg px-2 py-1 transition-[background-color] duration-200 select-none [--theme-color:var(--base-theme-color)] group-disabled/option:opacity-50 group-data-focus/option:bg-(--theme-color)/15 group-data-selected/option:cursor-default group-data-selected/option:text-(--theme-color) group-data-focus/option:group-data-selected/option:bg-transparent dark:group-data-focus/option:bg-(--theme-color)/15", className),
+			className: twMerge("flex cursor-pointer items-center gap-2 rounded-lg px-2 py-1 transition-[background-color] duration-200 ease-exponential select-none [--theme-color:var(--base-theme-color)] corner-super-1.5 group-disabled/option:opacity-50 group-data-focus/option:bg-(--theme-color)/15 group-data-selected/option:cursor-default group-data-selected/option:text-(--theme-color) group-data-focus/option:group-data-selected/option:bg-transparent dark:group-data-focus/option:bg-(--theme-color)/15", className),
 			children: [/* @__PURE__ */ jsx(Checkmark, { className: "invisible size-3.5 group-data-selected/option:visible" }), typeof children === "function" ? children(bag) : children]
 		})
 	});
@@ -7284,7 +7354,7 @@ function Select({ buttonProps, children, className, description, descriptionProp
 		children: [
 			label && /* @__PURE__ */ jsx(Label, {
 				...labelProps,
-				className: (bag) => twMerge("text-sm font-medium", required ? "after:text-red-700 after:content-[\"_*\"]" : "", typeof labelClassName === "function" ? labelClassName(bag) : labelClassName),
+				className: (bag) => twMerge("text-sm font-medium", required ? `after:text-red-700 after:content-['_*']` : "", typeof labelClassName === "function" ? labelClassName(bag) : labelClassName),
 				children: label
 			}),
 			/* @__PURE__ */ jsxs(Listbox, {
@@ -7293,14 +7363,14 @@ function Select({ buttonProps, children, className, description, descriptionProp
 				onChange: handleChange,
 				children: [/* @__PURE__ */ jsxs(ListboxButton, {
 					...buttonProps,
-					className: (bag) => twMerge("ease-exponential corner-super-1.5 inline-block w-full overflow-clip rounded-xl border border-neutral-500/50 bg-neutral-100 py-1 pr-4.5 pl-2 text-left text-neutral-950 outline-offset-1 outline-blue-400/95 transition-[background-color] duration-300 dark:bg-neutral-700 dark:text-neutral-50", "focus:outline-3 focus-visible:bg-neutral-50 focus-visible:outline-3 active:bg-neutral-200 dark:focus-visible:bg-neutral-600 dark:active:bg-neutral-800 pointer-fine:hover:bg-neutral-50 pointer-fine:active:bg-neutral-200 dark:pointer-fine:hover:bg-neutral-600 dark:pointer-fine:active:bg-neutral-800", "data-invalid:border-red-500 data-invalid:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-100)_5%)] data-invalid:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-100))] data-invalid:active:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-100))] dark:data-invalid:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-800)_5%)] dark:data-invalid:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-800))] dark:data-invalid:active:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-800)_5%)] data-invalid:pointer-fine:hover:bg-[color-mix(in_oklch,var(--color-red-500)_10%,var(--color-neutral-500)_5%)] data-invalid:pointer-fine:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-100))] data-invalid:pointer-fine:active:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-100))] dark:data-invalid:pointer-fine:hover:bg-[color-mix(in_oklch,var(--color-red-500)_10%,var(--color-neutral-800)_5%)] dark:data-invalid:pointer-fine:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-800))] dark:data-invalid:pointer-fine:active:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-800)_5%)]", typeof className === "function" ? className(bag) : className),
+					className: (bag) => twMerge("inline-block w-full overflow-clip rounded-xl border border-neutral-500/50 bg-neutral-100 py-1 pr-4.5 pl-2 text-left text-neutral-950 outline-offset-1 outline-blue-400/95 transition-[background-color] duration-300 ease-exponential corner-super-1.5 dark:bg-neutral-700 dark:text-neutral-50", "focus:outline-3 focus-visible:bg-neutral-50 focus-visible:outline-3 active:bg-neutral-200 dark:focus-visible:bg-neutral-600 dark:active:bg-neutral-800 pointer-fine:hover:bg-neutral-50 pointer-fine:active:bg-neutral-200 dark:pointer-fine:hover:bg-neutral-600 dark:pointer-fine:active:bg-neutral-800", "data-invalid:border-red-500 data-invalid:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-100)_5%)] data-invalid:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-100))] data-invalid:active:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-100))] dark:data-invalid:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-800)_5%)] dark:data-invalid:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-800))] dark:data-invalid:active:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-800)_5%)] data-invalid:pointer-fine:hover:bg-[color-mix(in_oklch,var(--color-red-500)_10%,var(--color-neutral-500)_5%)] data-invalid:pointer-fine:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-100))] data-invalid:pointer-fine:active:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-100))] dark:data-invalid:pointer-fine:hover:bg-[color-mix(in_oklch,var(--color-red-500)_10%,var(--color-neutral-800)_5%)] dark:data-invalid:pointer-fine:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-800))] dark:data-invalid:pointer-fine:active:bg-[color-mix(in_oklch,var(--color-red-500)_5%,var(--color-neutral-800)_5%)]", typeof className === "function" ? className(bag) : className),
 					ref: listboxButtonRef,
 					children: [
 						/* @__PURE__ */ jsx("input", {
 							"aria-hidden": "true",
 							className: "sr-only top-0 left-1/2",
 							id: props.name + ":input:id" + uniqueId,
-							name: props.name + ":input:name" + uniqueId,
+							name: props.name,
 							onChange: () => {},
 							onInvalid: handleInvalid,
 							onFocus: refocus,
@@ -7321,7 +7391,7 @@ function Select({ buttonProps, children, className, description, descriptionProp
 				}), /* @__PURE__ */ jsx(ListboxOptions, {
 					...optionsProps,
 					anchor: anchor || "bottom start",
-					className: (bag) => twMerge("ease-exponential corner-super-1.5 z-50 w-(--button-width) origin-top rounded-xl border border-neutral-500/50 bg-neutral-50/95 p-1 backdrop-blur-sm backdrop-brightness-110 transition-[opacity,scale,translate] duration-300 [--anchor-gap:--spacing(1)] focus:outline-none data-closed:-translate-y-0.5 data-closed:scale-y-0 data-closed:opacity-0 data-[anchor*=top]:origin-bottom dark:bg-neutral-800/95", typeof optionsClassName === "function" ? optionsClassName(bag) : optionsClassName),
+					className: (bag) => twMerge("z-50 w-(--button-width) origin-top rounded-xl border border-neutral-500/50 bg-neutral-50/95 p-1 backdrop-blur-sm backdrop-brightness-110 transition-[opacity,scale,translate] duration-300 ease-exponential [--anchor-gap:--spacing(1)] corner-super-1.5 focus:outline-none data-closed:-translate-y-0.5 data-closed:scale-y-0 data-closed:opacity-0 data-[anchor*=top]:origin-bottom dark:bg-neutral-800/95", typeof optionsClassName === "function" ? optionsClassName(bag) : optionsClassName),
 					transition: transition || true,
 					children
 				})]
@@ -7334,7 +7404,6 @@ function Select({ buttonProps, children, className, description, descriptionProp
 		]
 	});
 }
-
 //#endregion
 //#region src/symbols/circle.fill.tsx
 function CircleFill({ weight = "regular", ...props }) {
@@ -7386,7 +7455,6 @@ function CircleFill({ weight = "regular", ...props }) {
 		});
 	}
 }
-
 //#endregion
 //#region src/components/submit-button.tsx
 /**
@@ -7419,15 +7487,15 @@ function SubmitButton({ children, className, customTheme, error, formStatus = "r
 				}),
 				"\xA0",
 				/* @__PURE__ */ jsx(CircleFill, {
-					className: "animate-wave size-2",
+					className: "size-2 animate-wave",
 					weight: "black"
 				}),
 				/* @__PURE__ */ jsx(CircleFill, {
-					className: "animate-wave animation-delay-100 size-2",
+					className: "size-2 animate-wave animation-delay-100",
 					weight: "black"
 				}),
 				/* @__PURE__ */ jsx(CircleFill, {
-					className: "animate-wave animation-delay-200 size-2",
+					className: "size-2 animate-wave animation-delay-200",
 					weight: "black"
 				}),
 				"\xA0"
@@ -7462,7 +7530,7 @@ function SubmitButton({ children, className, customTheme, error, formStatus = "r
 		...dataFormState,
 		className: twMerge([
 			formStatusButtonClasses,
-			"w-full text-white",
+			"flex w-full items-center justify-center gap-2 text-white",
 			className
 		]),
 		customTheme: { themeColor: twMerge("data-error:[--theme-color:var(--color-red-500)] data-incomplete:[--theme-color:var(--color-neutral-500)] data-loading:[--theme-color:var(--color-yellow-500)] data-readonly:[--theme-color:var(--color-neutral-500)] data-ready:[--theme-color:var(--base-theme-color)] data-success:[--theme-color:var(--color-green-500)]", customTheme?.themeColor) },
@@ -7471,7 +7539,6 @@ function SubmitButton({ children, className, customTheme, error, formStatus = "r
 		children: buttonText
 	});
 }
-
 //#endregion
 //#region src/components/textarea.tsx
 /**
@@ -7529,7 +7596,7 @@ function Textarea({ children, className, description, descriptionProps: { classN
 			}),
 			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Textarea$1, {
 				...props,
-				className: (bag) => twMerge("corner-super-1.5 ease-exponential w-full rounded-xl border border-neutral-500/50 bg-neutral-100 py-1 pl-2 text-neutral-950 outline-offset-1 outline-blue-400/95 transition-[background-color] duration-300 dark:bg-neutral-700 dark:text-neutral-50", "focus-visible:bg-neutral-50 focus-visible:outline-3 active:bg-neutral-200 dark:focus-visible:bg-neutral-600 dark:active:bg-neutral-800 pointer-fine:hover:bg-neutral-50 pointer-fine:active:bg-neutral-200 dark:pointer-fine:hover:bg-neutral-600 dark:pointer-fine:active:bg-neutral-800", "user-invalid:border-red-500 user-invalid:bg-[color-mix(in_oklch,var(--color-red-500)_20%,var(--color-neutral-100))] user-invalid:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-100))] user-invalid:active:bg-[color-mix(in_oklch,var(--color-red-500)_25%,var(--color-neutral-100))] dark:user-invalid:bg-[color-mix(in_oklch,var(--color-red-500)_20%,var(--color-neutral-800))] dark:user-invalid:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-800))] dark:user-invalid:active:bg-[color-mix(in_oklch,var(--color-red-500)_25%,var(--color-neutral-800))] user-invalid:pointer-fine:hover:bg-[color-mix(in_oklch,var(--color-red-500)_10%,var(--color-neutral-100))] user-invalid:pointer-fine:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-100))] user-invalid:pointer-fine:active:bg-[color-mix(in_oklch,var(--color-red-500)_25%,var(--color-neutral-100))] dark:user-invalid:pointer-fine:hover:bg-[color-mix(in_oklch,var(--color-red-500)_10%,var(--color-neutral-800))] dark:user-invalid:pointer-fine:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-800))] dark:user-invalid:pointer-fine:active:bg-[color-mix(in_oklch,var(--color-red-500)_25%,var(--color-neutral-800))]", resizeClassName, typeof className === "function" ? className(bag) : className),
+				className: (bag) => twMerge("w-full rounded-xl border border-neutral-500/50 bg-neutral-100 py-1 pl-2 text-neutral-950 outline-offset-1 outline-blue-400/95 transition-[background-color] duration-300 ease-exponential corner-super-1.5 dark:bg-neutral-700 dark:text-neutral-50", "focus-visible:bg-neutral-50 focus-visible:outline-3 active:bg-neutral-200 dark:focus-visible:bg-neutral-600 dark:active:bg-neutral-800 pointer-fine:hover:bg-neutral-50 pointer-fine:active:bg-neutral-200 dark:pointer-fine:hover:bg-neutral-600 dark:pointer-fine:active:bg-neutral-800", "user-invalid:border-red-500 user-invalid:bg-[color-mix(in_oklch,var(--color-red-500)_20%,var(--color-neutral-100))] user-invalid:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-100))] user-invalid:active:bg-[color-mix(in_oklch,var(--color-red-500)_25%,var(--color-neutral-100))] dark:user-invalid:bg-[color-mix(in_oklch,var(--color-red-500)_20%,var(--color-neutral-800))] dark:user-invalid:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-800))] dark:user-invalid:active:bg-[color-mix(in_oklch,var(--color-red-500)_25%,var(--color-neutral-800))] user-invalid:pointer-fine:hover:bg-[color-mix(in_oklch,var(--color-red-500)_10%,var(--color-neutral-100))] user-invalid:pointer-fine:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-100))] user-invalid:pointer-fine:active:bg-[color-mix(in_oklch,var(--color-red-500)_25%,var(--color-neutral-100))] dark:user-invalid:pointer-fine:hover:bg-[color-mix(in_oklch,var(--color-red-500)_10%,var(--color-neutral-800))] dark:user-invalid:pointer-fine:focus-visible:bg-[color-mix(in_oklch,var(--color-red-500)_1%,var(--color-neutral-800))] dark:user-invalid:pointer-fine:active:bg-[color-mix(in_oklch,var(--color-red-500)_25%,var(--color-neutral-800))]", resizeClassName, typeof className === "function" ? className(bag) : className),
 				required
 			}), children] }),
 			description && /* @__PURE__ */ jsx(Description, {
@@ -7540,7 +7607,6 @@ function Textarea({ children, className, description, descriptionProps: { classN
 		]
 	});
 }
-
 //#endregion
 //#region src/components/time.tsx
 /**
@@ -7553,45 +7619,48 @@ function Textarea({ children, className, description, descriptionProps: { classN
 * @prop dateTime - Set the dateTime itself.
 * @prop day - Include the day of the month in the display.
 * @prop hours - Include the hours in the display.
+* @prop militaryTime - Use military time (24-hour clock) instead of AM/PM.
 * @prop milliseconds - Include the milliseconds in the display.
 * @prop minutes - Include the minutes in the display.
 * @prop month - Include the month in the display.
 * @prop seconds - Include the seconds in the display.
 * @prop year - Include the year in the display.
 */
-function Time({ children, dateObject, dateTime, day, hours, milliseconds, minutes, month, seconds, year, ref, ...props }) {
+function Time({ children, dateObject, dateTime, day, hours, militaryTime, milliseconds, minutes, month, seconds, year, ref, ...props }) {
 	const [date, setDate] = useState(dateObject || void 0);
 	const getDateAndTime = () => {
 		if (dateTime) return dateTime;
 		if (!date) return "";
-		return [
-			date.getFullYear(),
-			getMonth(date),
-			getDate(date),
-			getHours(date),
-			getMinutes(date),
-			getSeconds(date),
-			getMilliseconds(date)
-		].join("-");
+		const currentYear = date.getFullYear(), currentMonth = getMonth(date), currentDay = getDate(date), currentHour = getHours(date), currentMinute = getMinutes(date), currentSecond = getSeconds(date), currentMillisecond = getMilliseconds(date);
+		return [[
+			currentYear,
+			currentMonth,
+			currentDay
+		].join("-"), [
+			currentHour,
+			currentMinute,
+			[currentSecond, currentMillisecond].join(".")
+		].join(":")].join(" ");
 	};
 	const dateAndTime = getDateAndTime();
 	const getDateDisplay = () => {
 		if (children) return children;
 		if (dateAndTime === "") return "";
-		const [dtYear, dtMonth, dtDay, dtHour, dtMinute, dtSecond, dtMillisecond] = dateAndTime.split("-").map(Number);
+		const [dateData, timeData] = dateAndTime.split(" "), [dtYear, dtMonth, dtDay] = dateData.split("-").map(Number), [dtHour, dtMinute, secondData] = timeData.split(":").map(Number), [dtSecond, dtMillisecond] = String(secondData).split(".").map(Number);
 		return [
-			day && dtDay,
-			month && [getMonthName(Number(dtMonth) - 1), month && year && ","].filter(Boolean).join(""),
+			[month && getMonthName(Number(dtMonth) - 1), !day && month && year && ","].filter(Boolean).join(""),
+			[day && dtDay, day && month && year && ","].filter(Boolean).join(""),
 			year && dtYear,
 			hours && minutes && [
 				"at ",
-				hours && dtHour,
+				hours && militaryTime ? dtHour : dtHour % 12 || 12,
 				hours && minutes && ":",
 				minutes && dtMinute,
 				minutes && seconds && ":",
 				seconds && dtSecond,
 				seconds && milliseconds && ".",
-				milliseconds && dtMillisecond
+				milliseconds && dtMillisecond,
+				!militaryTime && (dtHour < 12 ? "am" : "pm")
 			].filter(Boolean).join("")
 		].filter(Boolean).join(" ");
 	};
@@ -7609,7 +7678,6 @@ function Time({ children, dateObject, dateTime, day, hours, milliseconds, minute
 		children: dateDisplay
 	});
 }
-
 //#endregion
 //#region node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
 const min = Math.min;
@@ -7626,10 +7694,6 @@ const oppositeSideMap = {
 	bottom: "top",
 	top: "bottom"
 };
-const oppositeAlignmentMap = {
-	start: "end",
-	end: "start"
-};
 function clamp(start, value, end) {
 	return max(start, min(value, end));
 }
@@ -7648,9 +7712,9 @@ function getOppositeAxis(axis) {
 function getAxisLength(axis) {
 	return axis === "y" ? "height" : "width";
 }
-const yAxisSides = /* @__PURE__ */ new Set(["top", "bottom"]);
 function getSideAxis(placement) {
-	return yAxisSides.has(getSide(placement)) ? "y" : "x";
+	const firstChar = placement[0];
+	return firstChar === "t" || firstChar === "b" ? "y" : "x";
 }
 function getAlignmentAxis(placement) {
 	return getOppositeAxis(getSideAxis(placement));
@@ -7673,7 +7737,7 @@ function getExpandedPlacements(placement) {
 	];
 }
 function getOppositeAlignmentPlacement(placement) {
-	return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
+	return placement.includes("start") ? placement.replace("start", "end") : placement.replace("end", "start");
 }
 const lrPlacement = ["left", "right"];
 const rlPlacement = ["right", "left"];
@@ -7700,7 +7764,8 @@ function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
 	return list;
 }
 function getOppositePlacement(placement) {
-	return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
+	const side = getSide(placement);
+	return oppositeSideMap[side] + placement.slice(side.length);
 }
 function expandPaddingObject(padding) {
 	return {
@@ -7732,7 +7797,6 @@ function rectToClientRect(rect) {
 		y
 	};
 }
-
 //#endregion
 //#region node_modules/@floating-ui/core/dist/floating-ui.core.mjs
 function computeCoordsFromPlacement(_ref, placement, rtl) {
@@ -7834,6 +7898,7 @@ async function detectOverflow(state, options) {
 		right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
 	};
 }
+const MAX_RESET_COUNT = 50;
 /**
 * Computes the `x` and `y` coordinates that will place the floating element
 * next to a given reference element.
@@ -7843,7 +7908,10 @@ async function detectOverflow(state, options) {
 */
 const computePosition$1 = async (reference, floating, config) => {
 	const { placement = "bottom", strategy = "absolute", middleware = [], platform } = config;
-	const validMiddleware = middleware.filter(Boolean);
+	const platformWithDetectOverflow = platform.detectOverflow ? platform : {
+		...platform,
+		detectOverflow
+	};
 	const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));
 	let rects = await platform.getElementRects({
 		reference,
@@ -7852,11 +7920,12 @@ const computePosition$1 = async (reference, floating, config) => {
 	});
 	let { x, y } = computeCoordsFromPlacement(rects, placement, rtl);
 	let statefulPlacement = placement;
-	let middlewareData = {};
 	let resetCount = 0;
-	for (let i = 0; i < validMiddleware.length; i++) {
-		var _platform$detectOverf;
-		const { name, fn } = validMiddleware[i];
+	const middlewareData = {};
+	for (let i = 0; i < middleware.length; i++) {
+		const currentMiddleware = middleware[i];
+		if (!currentMiddleware) continue;
+		const { name, fn } = currentMiddleware;
 		const { x: nextX, y: nextY, data, reset } = await fn({
 			x,
 			y,
@@ -7865,10 +7934,7 @@ const computePosition$1 = async (reference, floating, config) => {
 			strategy,
 			middlewareData,
 			rects,
-			platform: {
-				...platform,
-				detectOverflow: (_platform$detectOverf = platform.detectOverflow) != null ? _platform$detectOverf : detectOverflow
-			},
+			platform: platformWithDetectOverflow,
 			elements: {
 				reference,
 				floating
@@ -7876,14 +7942,11 @@ const computePosition$1 = async (reference, floating, config) => {
 		});
 		x = nextX != null ? nextX : x;
 		y = nextY != null ? nextY : y;
-		middlewareData = {
-			...middlewareData,
-			[name]: {
-				...middlewareData[name],
-				...data
-			}
+		middlewareData[name] = {
+			...middlewareData[name],
+			...data
 		};
-		if (reset && resetCount <= 50) {
+		if (reset && resetCount < MAX_RESET_COUNT) {
 			resetCount++;
 			if (typeof reset === "object") {
 				if (reset.placement) statefulPlacement = reset.placement;
@@ -8202,7 +8265,6 @@ const size$2 = function(options) {
 		}
 	};
 };
-
 //#endregion
 //#region node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
 function hasWindow() {
@@ -8236,54 +8298,30 @@ function isShadowRoot(value) {
 	if (!hasWindow() || typeof ShadowRoot === "undefined") return false;
 	return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
 }
-const invalidOverflowDisplayValues = /* @__PURE__ */ new Set(["inline", "contents"]);
 function isOverflowElement(element) {
 	const { overflow, overflowX, overflowY, display } = getComputedStyle$1(element);
-	return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
+	return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== "inline" && display !== "contents";
 }
-const tableElements = /* @__PURE__ */ new Set([
-	"table",
-	"td",
-	"th"
-]);
 function isTableElement(element) {
-	return tableElements.has(getNodeName(element));
+	return /^(table|td|th)$/.test(getNodeName(element));
 }
-const topLayerSelectors = [":popover-open", ":modal"];
 function isTopLayer(element) {
-	return topLayerSelectors.some((selector) => {
-		try {
-			return element.matches(selector);
-		} catch (_e) {
-			return false;
-		}
-	});
-}
-const transformProperties = [
-	"transform",
-	"translate",
-	"scale",
-	"rotate",
-	"perspective"
-];
-const willChangeValues = [
-	"transform",
-	"translate",
-	"scale",
-	"rotate",
-	"perspective",
-	"filter"
-];
-const containValues = [
-	"paint",
-	"layout",
-	"strict",
-	"content"
-];
+	try {
+		if (element.matches(":popover-open")) return true;
+	} catch (_e) {}
+	try {
+		return element.matches(":modal");
+	} catch (_e) {
+		return false;
+	}
+}
+const willChangeRe = /transform|translate|scale|rotate|perspective|filter/;
+const containRe = /paint|layout|strict|content/;
+const isNotNone = (value) => !!value && value !== "none";
+let isWebKitValue;
 function isContainingBlock(elementOrCss) {
-	const webkit = isWebKit();
 	const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
-	return transformProperties.some((value) => css[value] ? css[value] !== "none" : false) || (css.containerType ? css.containerType !== "normal" : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit && (css.filter ? css.filter !== "none" : false) || willChangeValues.some((value) => (css.willChange || "").includes(value)) || containValues.some((value) => (css.contain || "").includes(value));
+	return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || "") || containRe.test(css.contain || "");
 }
 function getContainingBlock(element) {
 	let currentNode = getParentNode(element);
@@ -8295,16 +8333,11 @@ function getContainingBlock(element) {
 	return null;
 }
 function isWebKit() {
-	if (typeof CSS === "undefined" || !CSS.supports) return false;
-	return CSS.supports("-webkit-backdrop-filter", "none");
+	if (isWebKitValue == null) isWebKitValue = typeof CSS !== "undefined" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none");
+	return isWebKitValue;
 }
-const lastTraversableNodeNames = /* @__PURE__ */ new Set([
-	"html",
-	"body",
-	"#document"
-]);
 function isLastTraversableNode(node) {
-	return lastTraversableNodeNames.has(getNodeName(node));
+	return /^(html|body|#document)$/.test(getNodeName(node));
 }
 function getComputedStyle$1(element) {
 	return getWindow(element).getComputedStyle(element);
@@ -8340,13 +8373,11 @@ function getOverflowAncestors(node, list, traverseIframes) {
 	if (isBody) {
 		const frameElement = getFrameElement(win);
 		return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
-	}
-	return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
+	} else return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
 }
 function getFrameElement(win) {
 	return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
 }
-
 //#endregion
 //#region node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
 function getCssDimensions(element) {
@@ -8467,7 +8498,7 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
 	const isOffsetParentAnElement = isHTMLElement(offsetParent);
 	if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
 		if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) scroll = getNodeScroll(offsetParent);
-		if (isHTMLElement(offsetParent)) {
+		if (isOffsetParentAnElement) {
 			const offsetRect = getBoundingClientRect(offsetParent);
 			scale = getScale(offsetParent);
 			offsets.x = offsetRect.x + offsetParent.clientLeft;
@@ -8535,7 +8566,6 @@ function getViewportRect(element, strategy) {
 		y
 	};
 }
-const absoluteOrFixed = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function getInnerBoundingClientRect(element, strategy) {
 	const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
 	const top = clientRect.top + element.clientTop;
@@ -8580,7 +8610,7 @@ function getClippingElementAncestors(element, cache) {
 		const computedStyle = getComputedStyle$1(currentNode);
 		const currentNodeIsContaining = isContainingBlock(currentNode);
 		if (!currentNodeIsContaining && computedStyle.position === "fixed") currentContainingBlockComputedStyle = null;
-		if (elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && absoluteOrFixed.has(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode)) result = result.filter((ancestor) => ancestor !== currentNode);
+		if (elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && (currentContainingBlockComputedStyle.position === "absolute" || currentContainingBlockComputedStyle.position === "fixed") || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode)) result = result.filter((ancestor) => ancestor !== currentNode);
 		else currentContainingBlockComputedStyle = computedStyle;
 		currentNode = getParentNode(currentNode);
 	}
@@ -8590,20 +8620,23 @@ function getClippingElementAncestors(element, cache) {
 function getClippingRect(_ref) {
 	let { element, boundary, rootBoundary, strategy } = _ref;
 	const clippingAncestors = [...boundary === "clippingAncestors" ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary), rootBoundary];
-	const firstClippingAncestor = clippingAncestors[0];
-	const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
-		const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
-		accRect.top = max(rect.top, accRect.top);
-		accRect.right = min(rect.right, accRect.right);
-		accRect.bottom = min(rect.bottom, accRect.bottom);
-		accRect.left = max(rect.left, accRect.left);
-		return accRect;
-	}, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
+	const firstRect = getClientRectFromClippingAncestor(element, clippingAncestors[0], strategy);
+	let top = firstRect.top;
+	let right = firstRect.right;
+	let bottom = firstRect.bottom;
+	let left = firstRect.left;
+	for (let i = 1; i < clippingAncestors.length; i++) {
+		const rect = getClientRectFromClippingAncestor(element, clippingAncestors[i], strategy);
+		top = max(rect.top, top);
+		right = min(rect.right, right);
+		bottom = min(rect.bottom, bottom);
+		left = max(rect.left, left);
+	}
 	return {
-		width: clippingRect.right - clippingRect.left,
-		height: clippingRect.bottom - clippingRect.top,
-		x: clippingRect.left,
-		y: clippingRect.top
+		width: right - left,
+		height: bottom - top,
+		x: left,
+		y: top
 	};
 }
 function getDimensions(element) {
@@ -8765,7 +8798,7 @@ function autoUpdate(reference, floating, update, options) {
 	if (options === void 0) options = {};
 	const { ancestorScroll = true, ancestorResize = true, elementResize = typeof ResizeObserver === "function", layoutShift = typeof IntersectionObserver === "function", animationFrame = false } = options;
 	const referenceEl = unwrapElement(reference);
-	const ancestors = ancestorScroll || ancestorResize ? [...referenceEl ? getOverflowAncestors(referenceEl) : [], ...getOverflowAncestors(floating)] : [];
+	const ancestors = ancestorScroll || ancestorResize ? [...referenceEl ? getOverflowAncestors(referenceEl) : [], ...floating ? getOverflowAncestors(floating) : []] : [];
 	ancestors.forEach((ancestor) => {
 		ancestorScroll && ancestor.addEventListener("scroll", update, { passive: true });
 		ancestorResize && ancestor.addEventListener("resize", update);
@@ -8776,7 +8809,7 @@ function autoUpdate(reference, floating, update, options) {
 	if (elementResize) {
 		resizeObserver = new ResizeObserver((_ref) => {
 			let [firstEntry] = _ref;
-			if (firstEntry && firstEntry.target === referenceEl && resizeObserver) {
+			if (firstEntry && firstEntry.target === referenceEl && resizeObserver && floating) {
 				resizeObserver.unobserve(floating);
 				cancelAnimationFrame(reobserveFrame);
 				reobserveFrame = requestAnimationFrame(() => {
@@ -8787,7 +8820,7 @@ function autoUpdate(reference, floating, update, options) {
 			update();
 		});
 		if (referenceEl && !animationFrame) resizeObserver.observe(referenceEl);
-		resizeObserver.observe(floating);
+		if (floating) resizeObserver.observe(floating);
 	}
 	let frameId;
 	let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
@@ -8864,7 +8897,6 @@ const computePosition = (reference, floating, options) => {
 		platform: platformWithCache
 	});
 };
-
 //#endregion
 //#region node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
 var index = typeof document !== "undefined" ? useLayoutEffect : function noop() {};
@@ -9094,50 +9126,69 @@ const arrow$1 = (options) => {
 * object may be passed.
 * @see https://floating-ui.com/docs/offset
 */
-const offset = (options, deps) => ({
-	...offset$1(options),
-	options: [options, deps]
-});
+const offset = (options, deps) => {
+	const result = offset$1(options);
+	return {
+		name: result.name,
+		fn: result.fn,
+		options: [options, deps]
+	};
+};
 /**
 * Optimizes the visibility of the floating element by shifting it in order to
 * keep it in view when it will overflow the clipping boundary.
 * @see https://floating-ui.com/docs/shift
 */
-const shift = (options, deps) => ({
-	...shift$1(options),
-	options: [options, deps]
-});
+const shift = (options, deps) => {
+	const result = shift$1(options);
+	return {
+		name: result.name,
+		fn: result.fn,
+		options: [options, deps]
+	};
+};
 /**
 * Optimizes the visibility of the floating element by flipping the `placement`
 * in order to keep it in view when the preferred placement(s) will overflow the
 * clipping boundary. Alternative to `autoPlacement`.
 * @see https://floating-ui.com/docs/flip
 */
-const flip = (options, deps) => ({
-	...flip$1(options),
-	options: [options, deps]
-});
+const flip = (options, deps) => {
+	const result = flip$1(options);
+	return {
+		name: result.name,
+		fn: result.fn,
+		options: [options, deps]
+	};
+};
 /**
 * Provides data that allows you to change the size of the floating element —
 * for instance, prevent it from overflowing the clipping boundary or match the
 * width of the reference element.
 * @see https://floating-ui.com/docs/size
 */
-const size = (options, deps) => ({
-	...size$1(options),
-	options: [options, deps]
-});
+const size = (options, deps) => {
+	const result = size$1(options);
+	return {
+		name: result.name,
+		fn: result.fn,
+		options: [options, deps]
+	};
+};
 /**
 * Provides data to position an inner element of the floating element so that it
 * appears centered to the reference element.
 * This wraps the core `arrow` middleware to allow React refs as the element.
 * @see https://floating-ui.com/docs/arrow
 */
-const arrow = (options, deps) => ({
-	...arrow$1(options),
-	options: [options, deps]
-});
-
+const arrow = (options, deps) => {
+	const result = arrow$1(options);
+	return {
+		name: result.name,
+		fn: result.fn,
+		options: [options, deps]
+	};
+};
 //#endregion
 //#region src/components/tooltip.tsx
 const defaultTooltipContext = {
@@ -9278,6 +9329,8 @@ function TooltipPanel({ as, children, className, style, onMouseEnter, onMouseLea
 	};
 	return /* @__PURE__ */ jsxs(TooltipPanelElement, {
 		...props,
+		"aria-live": isPositioned ? "assertive" : "off",
+		className: twMerge("absolute top-0 left-0 z-50 w-max rounded-md bg-neutral-50 px-2 py-1 text-sm text-neutral-950 opacity-0 shadow-lg outline-1 outline-neutral-400 data-portal:fixed data-ready:animate-fade-in dark:bg-neutral-800 dark:text-neutral-50 dark:shadow-none dark:-outline-offset-1 dark:outline-neutral-600", className),
 		ref: (node) => {
 			if (node && typeof node.querySelector === "function") {
 				refs?.setFloating(node);
@@ -9287,7 +9340,6 @@ function TooltipPanel({ as, children, className, style, onMouseEnter, onMouseLea
 				}
 			}
 		},
-		className: twMerge("data-ready:animate-fade-in absolute top-0 left-0 z-50 w-max rounded-md bg-neutral-50 px-2 py-1 text-sm text-neutral-950 opacity-0 shadow-lg outline-1 outline-neutral-400 data-portal:fixed dark:bg-neutral-800 dark:text-neutral-50 dark:shadow-none dark:-outline-offset-1 dark:outline-neutral-600", className),
 		style: {
 			...style,
 			...floatingStyles,
@@ -9298,7 +9350,7 @@ function TooltipPanel({ as, children, className, style, onMouseEnter, onMouseLea
 		onMouseLeave: handleMouseLeave,
 		onTouchStart: handleTouchStart,
 		role: "tooltip",
-		...isPositioned ? { "data-ready": true } : {},
+		...isPositioned ? { "data-ready": "" } : {},
 		children: [children, contextArrow && /* @__PURE__ */ jsx(ArrowSvg, {
 			className: twMerge("absolute", arrowLocationClasses, contextArrowClassName),
 			style: arrowStyles,
@@ -9432,7 +9484,6 @@ function ArrowSvg({ className, ...props }) {
 		]
 	});
 }
-
 //#endregion
 //#region src/graphics/social-media/facebook-logo.tsx
 /**
@@ -9507,7 +9558,6 @@ function FacebookLogo({ className, cutout = false, targets, variant = "circle",
 		]
 	});
 }
-
 //#endregion
 //#region src/graphics/social-media/google-logo.tsx
 /**
@@ -9613,7 +9663,6 @@ function GoogleLogo({ gradient = true, ...props }) {
 		] }) : /* @__PURE__ */ jsx("path", { d: "M992.945,417.01L511.964,417.01L511.964,613.859L788.338,613.859C783.897,641.717 773.921,669.122 759.31,694.112C742.575,722.744 721.881,744.542 700.67,761.138C637.14,810.865 563.07,821.031 511.628,821.031C381.685,821.031 270.653,735.251 227.672,618.689C225.937,614.461 224.786,610.09 223.383,605.772C213.887,576.108 208.697,544.687 208.697,512.032C208.697,478.046 214.317,445.514 224.561,414.789C264.982,293.606 378.511,203.097 511.721,203.097C538.518,203.097 564.319,206.353 588.786,212.851C644.708,227.698 684.261,256.943 708.499,280.075L854.747,133.794C765.786,50.482 649.815,0 511.478,0C400.888,-0.004 298.788,35.19 215.121,94.667C147.265,142.902 91.616,207.482 54.06,282.487C19.128,352.029 0,429.093 0,511.953C0,594.821 19.158,672.685 54.09,741.588L54.09,742.052C90.988,815.198 144.943,878.178 210.526,926.192C267.816,968.135 370.54,1024 511.478,1024C592.529,1024 664.363,1009.08 727.713,981.104C773.413,960.926 813.904,934.608 850.563,900.787C899,856.093 936.938,800.815 962.829,737.214C988.724,673.612 1002.57,601.692 1002.57,523.719C1002.57,487.404 999.002,450.524 992.945,417.01Z" })
 	});
 }
-
 //#endregion
 //#region src/graphics/social-media/instagram-logo.tsx
 /**
@@ -9734,7 +9783,6 @@ function InstagramLogo({ gradient = true, ...props }) {
 		] })
 	});
 }
-
 //#endregion
 //#region src/graphics/social-media/linkedin-logo.tsx
 /**
@@ -9767,7 +9815,6 @@ function LinkedInLogo({ className, cutout, targets, ...props }) {
 		})]
 	});
 }
-
 //#endregion
 //#region src/graphics/social-media/tiktok-logo.tsx
 /**
@@ -9806,7 +9853,6 @@ function TikTokLogo({ className, targets, variant = "multicolor", ...props }) {
 		] }), variant === "solid" && /* @__PURE__ */ jsx("path", { d: "M667.348,44.69C680.075,111.724 720.791,169.313 777.229,205.249L777.286,205.307C816.62,230.358 863.44,244.986 913.716,244.986L913.716,420.98C820.306,420.98 733.749,391.782 663.086,342.197L663.086,700.001C663.086,878.644 514.39,1024 331.543,1024C260.881,1024 195.401,1002.23 141.555,965.316L141.44,965.201C55.977,906.517 0,809.536 0,699.944C0,521.301 148.754,375.887 331.543,375.887C346.747,375.887 361.605,377.154 376.233,379.054L376.233,558.849C362.066,554.53 347.15,551.996 331.543,551.996C248.038,551.996 180.14,618.397 180.14,700.001C180.14,756.784 213.139,806.196 261.284,830.96C282.304,841.787 306.204,847.949 331.543,847.949C413.09,847.949 479.663,784.543 482.658,705.53L482.946,0L663.086,0C663.086,15.261 664.584,30.177 667.348,44.69Z" })]
 	});
 }
-
 //#endregion
 //#region src/graphics/social-media/x-logo.tsx
 /**
@@ -9819,7 +9865,6 @@ function XLogo(props) {
 		children: /* @__PURE__ */ jsx("path", { d: "M806.464,0L963.472,0L620.432,392.08L1024,925.6L708.016,925.6L460.528,602.016L177.328,925.6L20.224,925.6L387.136,506.24L0,0L324,0L547.712,295.76L806.464,0ZM751.344,831.616L838.352,831.616L276.736,89.04L183.36,89.04L751.344,831.616Z" })
 	});
 }
-
 //#endregion
 //#region src/graphics/social-media/youtube-logo.tsx
 /**
@@ -9853,6 +9898,5 @@ function YouTubeLogo({ className, cutout = false, targets, ...props }) {
 		})] })
 	});
 }
-
 //#endregion
-export { Anchor, Button, Checkbox, Details, DetailsBody, DetailsSummary, DropDown, DropDownButton, DropDownItem, DropDownItems, DropDownSection, DropDownSeparator, FacebookLogo, Fieldset, Form, FormStatusProvider, Ghost, GoogleLogo, Heading, HumanVerification, IFrame, Input, InstagramLogo, Link, LinkedInLogo, Modal, ModalClose, ModalDialog, ModalTitle, ModalTrigger, Select, SelectOption, SelectSectionTitle, SubmitButton, Textarea, TikTokLogo, Time, Tooltip, TooltipPanel, TooltipTrigger, XLogo, YouTubeLogo, addClass, createFastContext, currentMonthName, currentWeekdayName, daysInMonth, easeOutExpo, emailRegex, extendMadoTailwindMerge, firstOfMonth, formatPhoneNumber, generateHumanValidationToken, getDate, getHours, getHoursIn12, getLinkClasses, getLocalTime, getMeridianFromHour, getMilliseconds, getMinutes, getMonth, getMonthIndexFromName, getMonthName, getNextMonth, getPreviousMonth, getSeconds, getTimezone, getUserReadableDate, getUserReadableDateFromTimestampz, getWeekdayName, getYearsInRange, hasClass, isEmail, isPhoneNumber, monthNamesList, removeClass, splitCamelCase, telRegex, toCamelCase, toFullDateString, toLowerCase, toTitleCase, toggleClass, twMerge, useFormStatus, usePointerMovement, validateHuman, weekdayNamesList };
+export { Anchor, Button, Checkbox, Details, DetailsBody, DetailsSummary, DropDown, DropDownButton, DropDownItem, DropDownItems, DropDownSection, DropDownSeparator, FacebookLogo, Fieldset, Form, FormStatusProvider, Ghost, GoogleLogo, Heading, HumanVerification, IFrame, Input, InstagramLogo, Link, LinkedInLogo, Modal, ModalClose, ModalDialog, ModalTitle, ModalTrigger, Select, SelectOption, SelectSectionTitle, SubmitButton, Textarea, TikTokLogo, Time, Tooltip, TooltipPanel, TooltipTrigger, XLogo, YouTubeLogo, addClass, createFastContext, currentMonthName, currentWeekdayName, daysInMonth, easeOutExpo, emailRegex, extendMadoTailwindMerge, firstOfMonth, formatPhoneNumber, generateHumanValidationToken, getDate, getHours, getHoursIn12, getLinkClasses, getLocalTime, getMeridianFromHour, getMilliseconds, getMinutes, getMonth, getMonthIndexFromName, getMonthName, getNextMonth, getPreviousMonth, getSeconds, getTimezone, getUserReadableDate, getUserReadableDateFromTimestampz, getWeekdayName, getYearsInRange, hasClass, isEmail, isPhoneNumber, monthNamesList, removeClass, splitCamelCase, telRegex, toCamelCase, toFullDateString, toLowerCase, toTitleCase, toggleClass, twMerge, useFormStatus, useMobileDevice, usePointerMovement, validateHuman, weekdayNamesList };