@andrilla/mado-ui 1.0.2 → 1.0.4

package/dist/{mado-ui.esm.js → index.js}

@@ -1,4 +1,5 @@
 import { extendTailwindMerge, twJoin } from "tailwind-merge";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Button as Button$1, Checkbox as Checkbox$1, Description, Dialog, DialogBackdrop, DialogPanel, DialogTitle, Disclosure, DisclosureButton, DisclosurePanel, Field, Fieldset as Fieldset$1, Input as Input$1, Label, Legend, Listbox, ListboxButton, ListboxOption, ListboxOptions, ListboxSelectedOption, Menu, MenuButton, MenuHeading, MenuItem, MenuItems, MenuSection, MenuSeparator, Textarea as Textarea$1 } from "@headlessui/react";
 import * as React from "react";
 import { Children, Suspense, cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useEffectEvent, useId, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
@@ -118,8 +119,15 @@ function Anchor({ as, className, disabled, href, onClick, target, rel, ...props
 		onClick?.(e);
 		setTimeout(() => history.replaceState({}, document.title, location.pathname), 100);
 	};
-	const AnchorElement = as || "a";
-	return <AnchorElement {...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")} href={href} target={target || (isExternal ? "_blank" : "_self")} onClick={hasHash ? handleClick : onClick} rel={rel !== void 0 ? rel === "nofollow" ? `${rel} noreferrer noopener` : `${rel} prefetch` : isExternal ? "nofollow noreferrer noopener" : "prefetch"} />;
+	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"),
+		href,
+		target: target || (isExternal ? "_blank" : "_self"),
+		onClick: hasHash ? handleClick : onClick,
+		rel: rel !== void 0 ? rel === "nofollow" ? `${rel} noreferrer noopener` : `${rel} prefetch` : isExternal ? "nofollow noreferrer noopener" : "prefetch"
+	});
 }
 const baseClasses = "isolate after:absolute after:left-1/2 after:-z-10 after:-translate-x-1/2 after:duration-500 active:after:opacity-100 pointer-fine:active:after:opacity-100";
 const lineStaticClasses = twJoin(baseClasses, "whitespace-nowrap after:-bottom-0.5 after:w-[calc(100%+0.15rem)] after:rounded-full after:border after:border-current");
@@ -605,8 +613,10 @@ function Link({ as, className, customTheme, theme, type, ...props }) {
 		theme,
 		type
 	});
-	const LinkElement = as || Anchor;
-	return <LinkElement {...props} className={twMerge(linkClasses, className)} />;
+	return /* @__PURE__ */ jsx(as || Anchor, {
+		...props,
+		className: twMerge(linkClasses, className)
+	});
 }
 /**
 * # createLink
@@ -648,13 +658,28 @@ function createLink(config) {
 		else if (as) linkProps.as = as;
 		if (finalTheme && typeof finalTheme === "string" && config.theme && finalTheme in config.theme) {
 			const extendedTheme = config.theme[finalTheme];
-			if (customTheme) return <Link {...linkProps} theme="custom" customTheme={customTheme} className={twMerge(configClassName, extendedTheme.className, className)} />;
+			if (customTheme) return /* @__PURE__ */ jsx(Link, {
+				...linkProps,
+				theme: "custom",
+				customTheme,
+				className: twMerge(configClassName, extendedTheme.className, className)
+			});
 			let resolvedCustomTheme;
 			if (extendedTheme.customTheme.themeColor) resolvedCustomTheme = { themeColor: (finalType ? finalType.includes("multiline") : false) ? extendedTheme.customTheme.themeColor.multilineFill : extendedTheme.customTheme.themeColor.fill };
 			else resolvedCustomTheme = { classes: extendedTheme.customTheme.classes };
-			return <Link {...linkProps} theme="custom" customTheme={resolvedCustomTheme} className={twMerge(configClassName, extendedTheme.className, className)} />;
+			return /* @__PURE__ */ jsx(Link, {
+				...linkProps,
+				theme: "custom",
+				customTheme: resolvedCustomTheme,
+				className: twMerge(configClassName, extendedTheme.className, className)
+			});
 		}
-		return <Link {...linkProps} theme={finalTheme} className={twMerge(configClassName, className)} customTheme={customTheme} />;
+		return /* @__PURE__ */ jsx(Link, {
+			...linkProps,
+			theme: finalTheme,
+			className: twMerge(configClassName, className),
+			customTheme
+		});
 	};
 }
 
@@ -728,8 +753,15 @@ function Button({ className, customTheme, gradient = false, padding = "md", roun
 		customTheme && customTheme.classes ? customTheme.classes : [gradient ? "bg-linear-to-t from-[color-mix(in_oklch,var(--theme-color),var(--color-black)_20%)] via-(--theme-color) to-[color-mix(in_oklch,var(--theme-color),var(--color-white)_20%)] bg-size-[100%_200%] transition-[scale,background-position-y] [background-position-y:50%] active:[background-position-y:100%] data-focus:[background-position-y:0%] pointer-fine:hover:[background-position-y:0%] pointer-fine:hover:active:[background-position-y:100%]" : "bg-(--theme-color) transition-[scale,background-color] active:bg-[color-mix(in_oklch,var(--theme-color),var(--color-black)_10%)] data-focus:bg-[color-mix(in_oklch,var(--theme-color),var(--color-white)_10%)] pointer-fine:hover:bg-[color-mix(in_oklch,var(--theme-color),var(--color-white)_10%)] pointer-fine:hover:active:bg-[color-mix(in_oklch,var(--theme-color),var(--color-black)_10%)]", "shadow-(--theme-color)/25"].join(" "),
 		className
 	]);
-	if ("href" in props && !props.as && props.href) return <Button$1 {...props} as={Anchor} className={buttonClasses} />;
-	return <Button$1 {...props} className={buttonClasses} />;
+	if ("href" in props && !props.as && props.href) return /* @__PURE__ */ jsx(Button$1, {
+		...props,
+		as: Anchor,
+		className: buttonClasses
+	});
+	return /* @__PURE__ */ jsx(Button$1, {
+		...props,
+		className: buttonClasses
+	});
 }
 /**
 * # createButton
@@ -783,9 +815,19 @@ function createButton(config) {
 		} else if (as) buttonProps.as = as;
 		if (finalTheme && typeof finalTheme === "string" && config.theme && finalTheme in config.theme) {
 			const extendedTheme = config.theme[finalTheme];
-			return <Button {...buttonProps} theme="custom" customTheme={customTheme || extendedTheme.customTheme} className={twMerge(configClassName, extendedTheme.className, className)} />;
+			return /* @__PURE__ */ jsx(Button, {
+				...buttonProps,
+				theme: "custom",
+				customTheme: customTheme || extendedTheme.customTheme,
+				className: twMerge(configClassName, extendedTheme.className, className)
+			});
 		}
-		return <Button {...buttonProps} theme={finalTheme} className={twMerge(configClassName, className)} customTheme={customTheme} />;
+		return /* @__PURE__ */ jsx(Button, {
+			...buttonProps,
+			theme: finalTheme,
+			className: twMerge(configClassName, className),
+			customTheme
+		});
 	};
 }
 
@@ -793,33 +835,51 @@ function createButton(config) {
 //#region src/symbols/checkmark.tsx
 function Checkmark({ weight = "regular", ...props }) {
 	switch (weight) {
-		case "ultralight": return <svg viewBox="9.76562 -66.2656 60.64 62.07" {...props}>
-					<path d="M30.5586-4.19382C31.0098-4.19382 31.2974-4.38816 31.5543-4.73143L70.1016-64.2544C70.3414-64.6611 70.4073-64.8691 70.4073-65.0771C70.4073-65.7441 69.8892-66.2656 69.2188-66.2656C68.7779-66.2656 68.4824-66.0884 68.271-65.6963L30.4996-7.29446L12.0064-28.4888C11.7461-28.8672 11.4439-29.0479 10.9678-29.0479C10.252-29.0479 9.76562-28.565 9.76562-27.8946C9.76562-27.5957 9.88721-27.2901 10.1724-26.9878L29.4165-4.73827C29.7847-4.29734 30.062-4.19382 30.5586-4.19382Z" />
-				</svg>;
-		case "thin": return <svg viewBox="9.76562 -66.4297 62.1 62.98" {...props}>
-					<path d="M31.7071-3.44529C32.4864-3.44529 33.0508-3.78319 33.4922-4.42382L71.3731-63.2187C71.7461-63.8203 71.8633-64.2129 71.8633-64.6055C71.8633-65.6621 71.1094-66.4297 70.0391-66.4297C69.3008-66.4297 68.8516-66.1602 68.4453-65.4707L31.6172-8.08401L13.3086-29.8731C12.8535-30.5079 12.377-30.7911 11.6445-30.7911C10.5391-30.7911 9.76562-30.0313 9.76562-28.961C9.76562-28.4981 9.95899-28.0078 10.3672-27.5313L29.7754-4.45116C30.3692-3.71287 30.8926-3.44529 31.7071-3.44529Z" />
-				</svg>;
-		case "light": return <svg viewBox="9.76562 -66.75 64.94 64.77" {...props}>
-					<path d="M33.9492-1.98388C35.3692-1.98388 36.4741-2.60204 37.2759-3.82324L73.8555-61.1968C74.4888-62.1787 74.7061-62.9316 74.7061-63.6846C74.7061-65.502 73.4917-66.75 71.6406-66.75C70.3218-66.75 69.5723-66.3003 68.7856-65.0303L33.7993-9.6255L15.8511-32.5757C15.0156-33.711 14.1987-34.1944 12.9658-34.1944C11.0996-34.1944 9.76562-32.8941 9.76562-31.043C9.76562-30.2598 10.0991-29.4092 10.7476-28.5923L30.4761-3.89062C31.5103-2.57177 32.5142-1.98388 33.9492-1.98388Z" />
-				</svg>;
-		case "regular": return <svg viewBox="9.76562 -66.9922 67.09 66.11" {...props}>
-					<path d="M35.6445-0.878906C37.5488-0.878906 39.0625-1.70898 40.1367-3.36914L75.7324-59.668C76.5625-60.9375 76.8555-61.9629 76.8555-62.9883C76.8555-65.3809 75.293-66.9922 72.8516-66.9922C71.0938-66.9922 70.1172-66.4062 69.043-64.6973L35.4492-10.791L17.7734-34.6191C16.6504-36.1328 15.5762-36.7676 13.9648-36.7676C11.5234-36.7676 9.76562-35.0586 9.76562-32.6172C9.76562-31.5918 10.2051-30.4688 11.0352-29.3945L31.0059-3.4668C32.373-1.70898 33.7402-0.878906 35.6445-0.878906Z" />
-				</svg>;
-		case "medium": return <svg viewBox="9.76562 -67.6602 68.7 67.03" {...props}>
-					<path d="M36.4707-0.632812C38.7002-0.632812 40.46-1.55078 41.6924-3.43066L77.1914-58.9121C78.1182-60.3135 78.4639-61.5322 78.4639-62.707C78.4639-65.6182 76.4268-67.6602 73.4404-67.6602C71.3398-67.6602 70.1084-66.9424 68.8232-64.9082L36.2842-12.9443L19.3379-35.2432C18.0742-36.8711 16.7891-37.5762 14.9229-37.5762C11.9365-37.5762 9.76562-35.4541 9.76562-32.4941C9.76562-31.2139 10.2402-29.9502 11.2988-28.6475L31.208-3.3877C32.7158-1.50684 34.3115-0.632812 36.4707-0.632812Z" />
-				</svg>;
-		case "semibold": return <svg viewBox="9.76562 -68.1723 69.93 67.73" {...props}>
-					<path d="M37.1041-0.444141C39.5829-0.444141 41.5313-1.42949 42.8851-3.47783L78.31-58.3326C79.3108-59.8351 79.697-61.2021 79.697-62.4914C79.697-65.8001 77.296-68.1723 73.8919-68.1723C71.5285-68.1723 70.1017-67.3534 68.6548-65.0699L36.9243-14.5952L20.5373-35.7216C19.1658-37.4371 17.7189-38.1961 15.6573-38.1961C12.2532-38.1961 9.76562-35.7573 9.76562-32.3998C9.76562-30.9241 10.2672-29.5526 11.501-28.0747L31.363-3.32705C32.9786-1.35186 34.7495-0.444141 37.1041-0.444141Z" />
-				</svg>;
-		case "bold": return <svg viewBox="9.76562 -68.8477 71.56 68.65" {...props}>
-					<path d="M37.9395-0.195312C40.7471-0.195312 42.9443-1.26953 44.458-3.54004L79.7852-57.5684C80.8838-59.2041 81.3232-60.7666 81.3232-62.207C81.3232-66.04 78.4424-68.8477 74.4873-68.8477C71.7773-68.8477 70.0928-67.8955 68.4326-65.2832L37.7686-16.7725L22.1191-36.3525C20.6055-38.1836 18.9453-39.0137 16.626-39.0137C12.6709-39.0137 9.76562-36.1572 9.76562-32.2754C9.76562-30.542 10.3027-29.0283 11.7676-27.3193L31.5674-3.24707C33.3252-1.14746 35.3271-0.195312 37.9395-0.195312Z" />
-				</svg>;
-		case "heavy": return <svg viewBox="9.76562 -69.8273 73.92 69.99" {...props}>
-					<path d="M39.1511 0.165596C42.4356 0.165596 44.9938-1.03752 46.7395-3.63027L81.9248-56.4599C83.1652-58.2889 83.682-60.135 83.682-61.7946C83.682-66.3881 80.1051-69.8273 75.3509-69.8273C72.1383-69.8273 70.0799-68.6818 68.1104-65.5926L38.9931-19.9304L24.4135-37.2677C22.6936-39.2663 20.7241-40.1995 18.0309-40.1995C13.2767-40.1995 9.76562-36.7373 9.76562-32.0949C9.76562-29.9877 10.3543-28.2678 12.1543-26.2237L31.8638-3.13106C33.8279-0.851 36.165 0.165596 39.1511 0.165596Z" />
-				</svg>;
-		case "black": return <svg viewBox="9.76562 -70.7031 76.03 71.19" {...props}>
-					<path d="M40.2344 0.488281C43.9453 0.488281 46.8262-0.830078 48.7793-3.71094L83.8379-55.4688C85.2051-57.4707 85.791-59.5703 85.791-61.4258C85.791-66.6992 81.5918-70.7031 76.123-70.7031C72.4609-70.7031 70.0684-69.3848 67.8223-65.8691L40.0879-22.7539L26.4648-38.0859C24.5605-40.2344 22.3145-41.2598 19.2871-41.2598C13.8184-41.2598 9.76562-37.2559 9.76562-31.9336C9.76562-29.4922 10.4004-27.5879 12.5-25.2441L32.1289-3.02734C34.2773-0.585938 36.9141 0.488281 40.2344 0.488281Z" />
-				</svg>;
+		case "ultralight": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.76562 -66.2656 60.64 62.07",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M30.5586-4.19382C31.0098-4.19382 31.2974-4.38816 31.5543-4.73143L70.1016-64.2544C70.3414-64.6611 70.4073-64.8691 70.4073-65.0771C70.4073-65.7441 69.8892-66.2656 69.2188-66.2656C68.7779-66.2656 68.4824-66.0884 68.271-65.6963L30.4996-7.29446L12.0064-28.4888C11.7461-28.8672 11.4439-29.0479 10.9678-29.0479C10.252-29.0479 9.76562-28.565 9.76562-27.8946C9.76562-27.5957 9.88721-27.2901 10.1724-26.9878L29.4165-4.73827C29.7847-4.29734 30.062-4.19382 30.5586-4.19382Z" })
+		});
+		case "thin": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.76562 -66.4297 62.1 62.98",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M31.7071-3.44529C32.4864-3.44529 33.0508-3.78319 33.4922-4.42382L71.3731-63.2187C71.7461-63.8203 71.8633-64.2129 71.8633-64.6055C71.8633-65.6621 71.1094-66.4297 70.0391-66.4297C69.3008-66.4297 68.8516-66.1602 68.4453-65.4707L31.6172-8.08401L13.3086-29.8731C12.8535-30.5079 12.377-30.7911 11.6445-30.7911C10.5391-30.7911 9.76562-30.0313 9.76562-28.961C9.76562-28.4981 9.95899-28.0078 10.3672-27.5313L29.7754-4.45116C30.3692-3.71287 30.8926-3.44529 31.7071-3.44529Z" })
+		});
+		case "light": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.76562 -66.75 64.94 64.77",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M33.9492-1.98388C35.3692-1.98388 36.4741-2.60204 37.2759-3.82324L73.8555-61.1968C74.4888-62.1787 74.7061-62.9316 74.7061-63.6846C74.7061-65.502 73.4917-66.75 71.6406-66.75C70.3218-66.75 69.5723-66.3003 68.7856-65.0303L33.7993-9.6255L15.8511-32.5757C15.0156-33.711 14.1987-34.1944 12.9658-34.1944C11.0996-34.1944 9.76562-32.8941 9.76562-31.043C9.76562-30.2598 10.0991-29.4092 10.7476-28.5923L30.4761-3.89062C31.5103-2.57177 32.5142-1.98388 33.9492-1.98388Z" })
+		});
+		case "regular": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.76562 -66.9922 67.09 66.11",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M35.6445-0.878906C37.5488-0.878906 39.0625-1.70898 40.1367-3.36914L75.7324-59.668C76.5625-60.9375 76.8555-61.9629 76.8555-62.9883C76.8555-65.3809 75.293-66.9922 72.8516-66.9922C71.0938-66.9922 70.1172-66.4062 69.043-64.6973L35.4492-10.791L17.7734-34.6191C16.6504-36.1328 15.5762-36.7676 13.9648-36.7676C11.5234-36.7676 9.76562-35.0586 9.76562-32.6172C9.76562-31.5918 10.2051-30.4688 11.0352-29.3945L31.0059-3.4668C32.373-1.70898 33.7402-0.878906 35.6445-0.878906Z" })
+		});
+		case "medium": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.76562 -67.6602 68.7 67.03",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M36.4707-0.632812C38.7002-0.632812 40.46-1.55078 41.6924-3.43066L77.1914-58.9121C78.1182-60.3135 78.4639-61.5322 78.4639-62.707C78.4639-65.6182 76.4268-67.6602 73.4404-67.6602C71.3398-67.6602 70.1084-66.9424 68.8232-64.9082L36.2842-12.9443L19.3379-35.2432C18.0742-36.8711 16.7891-37.5762 14.9229-37.5762C11.9365-37.5762 9.76562-35.4541 9.76562-32.4941C9.76562-31.2139 10.2402-29.9502 11.2988-28.6475L31.208-3.3877C32.7158-1.50684 34.3115-0.632812 36.4707-0.632812Z" })
+		});
+		case "semibold": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.76562 -68.1723 69.93 67.73",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M37.1041-0.444141C39.5829-0.444141 41.5313-1.42949 42.8851-3.47783L78.31-58.3326C79.3108-59.8351 79.697-61.2021 79.697-62.4914C79.697-65.8001 77.296-68.1723 73.8919-68.1723C71.5285-68.1723 70.1017-67.3534 68.6548-65.0699L36.9243-14.5952L20.5373-35.7216C19.1658-37.4371 17.7189-38.1961 15.6573-38.1961C12.2532-38.1961 9.76562-35.7573 9.76562-32.3998C9.76562-30.9241 10.2672-29.5526 11.501-28.0747L31.363-3.32705C32.9786-1.35186 34.7495-0.444141 37.1041-0.444141Z" })
+		});
+		case "bold": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.76562 -68.8477 71.56 68.65",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M37.9395-0.195312C40.7471-0.195312 42.9443-1.26953 44.458-3.54004L79.7852-57.5684C80.8838-59.2041 81.3232-60.7666 81.3232-62.207C81.3232-66.04 78.4424-68.8477 74.4873-68.8477C71.7773-68.8477 70.0928-67.8955 68.4326-65.2832L37.7686-16.7725L22.1191-36.3525C20.6055-38.1836 18.9453-39.0137 16.626-39.0137C12.6709-39.0137 9.76562-36.1572 9.76562-32.2754C9.76562-30.542 10.3027-29.0283 11.7676-27.3193L31.5674-3.24707C33.3252-1.14746 35.3271-0.195312 37.9395-0.195312Z" })
+		});
+		case "heavy": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.76562 -69.8273 73.92 69.99",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M39.1511 0.165596C42.4356 0.165596 44.9938-1.03752 46.7395-3.63027L81.9248-56.4599C83.1652-58.2889 83.682-60.135 83.682-61.7946C83.682-66.3881 80.1051-69.8273 75.3509-69.8273C72.1383-69.8273 70.0799-68.6818 68.1104-65.5926L38.9931-19.9304L24.4135-37.2677C22.6936-39.2663 20.7241-40.1995 18.0309-40.1995C13.2767-40.1995 9.76562-36.7373 9.76562-32.0949C9.76562-29.9877 10.3543-28.2678 12.1543-26.2237L31.8638-3.13106C33.8279-0.851 36.165 0.165596 39.1511 0.165596Z" })
+		});
+		case "black": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.76562 -70.7031 76.03 71.19",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M40.2344 0.488281C43.9453 0.488281 46.8262-0.830078 48.7793-3.71094L83.8379-55.4688C85.2051-57.4707 85.791-59.5703 85.791-61.4258C85.791-66.6992 81.5918-70.7031 76.123-70.7031C72.4609-70.7031 70.0684-69.3848 67.8223-65.8691L40.0879-22.7539L26.4648-38.0859C24.5605-40.2344 22.3145-41.2598 19.2871-41.2598C13.8184-41.2598 9.76562-37.2559 9.76562-31.9336C9.76562-29.4922 10.4004-27.5879 12.5-25.2441L32.1289-3.02734C34.2773-0.585938 36.9141 0.488281 40.2344 0.488281Z" })
+		});
 	}
 }
 
@@ -832,26 +892,50 @@ function Checkbox({ checkmark, children, className, description, descriptionProp
 		setChecked(newValue);
 		onChange?.(newValue);
 	};
-	return <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)} {...hasInteracted && required && !checked ? { "data-invalid": "true" } : {}}>
-			<div {...inputContainerProps} className={twMerge("flex items-start gap-2", inputContainerClassName)}>
-				<Checkbox$1 {...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)} onChange={handleChange} value={value}>
-					<input checked={props.checked || checked} className="sr-only left-1/2 -translate-x-1/2" onChange={() => {}} onInvalid={() => {
-		setHasInteracted(true);
-	}} required={required} role="presentation" tabIndex={-1} type="checkbox" value={value} />
-
-					{checkmark ?? <Checkmark className="ease-exponential size-full scale-0 fill-(--checkmark-color) transition-transform duration-300 group-data-checked/checkbox:scale-60" weight="bold" />}
-				</Checkbox$1>
-
-				<Label {...labelProps} className={(bag) => twMerge("text-sm font-medium", typeof labelClassName === "function" ? labelClassName(bag) : labelClassName)}>
-					{children}
-					{required ? <span className="text-red-700">*</span> : ""}
-				</Label>
-			</div>
-
-			{description && <Description {...descriptionProps} className={(bag) => twMerge("text-xs text-current/60", typeof descriptionClassName === "function" ? descriptionClassName(bag) : descriptionClassName)}>
-					{description}
-				</Description>}
-		</Field>;
+	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),
+		...hasInteracted && required && !checked ? { "data-invalid": "true" } : {},
+		children: [/* @__PURE__ */ jsxs("div", {
+			...inputContainerProps,
+			className: twMerge("flex items-start gap-2", inputContainerClassName),
+			children: [/* @__PURE__ */ jsxs(Checkbox$1, {
+				...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),
+				onChange: handleChange,
+				value,
+				children: [/* @__PURE__ */ jsx("input", {
+					checked: props.checked || checked,
+					className: "sr-only left-1/2 -translate-x-1/2",
+					onChange: () => {},
+					onInvalid: () => {
+						setHasInteracted(true);
+					},
+					required,
+					role: "presentation",
+					tabIndex: -1,
+					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",
+					weight: "bold"
+				})]
+			}), /* @__PURE__ */ jsxs(Label, {
+				...labelProps,
+				className: (bag) => twMerge("text-sm font-medium", typeof labelClassName === "function" ? labelClassName(bag) : labelClassName),
+				children: [children, required ? /* @__PURE__ */ jsx("span", {
+					className: "text-red-700",
+					children: "*"
+				}) : ""]
+			})]
+		}), description && /* @__PURE__ */ jsx(Description, {
+			...descriptionProps,
+			className: (bag) => twMerge("text-xs text-current/60", typeof descriptionClassName === "function" ? descriptionClassName(bag) : descriptionClassName),
+			children: description
+		})]
+	});
 }
 
 //#endregion
@@ -4222,15 +4306,25 @@ function ChevronUpDownAnime({ className, isUp = false }) {
 			ease: "outExpo"
 		});
 	}, [isUp]);
-	return <svg viewBox="0 0 69 39" className={twMerge("w-4", className)}>
-			<path d="M3.997,4.008l30.498,30.989l30.498,-30.989" className="fill-none stroke-8" strokeLinecap="round" ref={controlPathRef} />
-
-			<g className="opacity-0">
-				<path d="M3.997,4.008l30.498,30.989l30.498,-30.989" ref={chevronDownRef} />
-
-				<path d="M3.997,34.997l30.498,-30.989l30.498,30.989" ref={chevronUpRef} />
-			</g>
-		</svg>;
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 69 39",
+		className: twMerge("w-4", className),
+		children: [/* @__PURE__ */ jsx("path", {
+			d: "M3.997,4.008l30.498,30.989l30.498,-30.989",
+			className: "fill-none stroke-8",
+			strokeLinecap: "round",
+			ref: controlPathRef
+		}), /* @__PURE__ */ jsxs("g", {
+			className: "opacity-0",
+			children: [/* @__PURE__ */ jsx("path", {
+				d: "M3.997,4.008l30.498,30.989l30.498,-30.989",
+				ref: chevronDownRef
+			}), /* @__PURE__ */ jsx("path", {
+				d: "M3.997,34.997l30.498,-30.989l30.498,30.989",
+				ref: chevronUpRef
+			})]
+		})]
+	});
 }
 
 //#endregion
@@ -4241,38 +4335,56 @@ function DetailsSummary({ arrow = true, children, className, onClick, ...props }
 		setIsUp((previous) => !previous);
 		onClick?.(e);
 	};
-	return <DisclosureButton {...props} as={Button} className={twMerge("w-full", className, Boolean(arrow) && "grid grid-cols-[1fr_1rem] gap-2")} onClick={handleClick} role="summary">
-			{(bag) => <>
-					{typeof children === "function" ? children(bag) : children}
-
-					{arrow && (typeof arrow === "boolean" ? <ChevronUpDownAnime className="absolute top-1/2 right-3 block -translate-y-1/2" isUp={isUp} /> : arrow)}
-				</>}
-		</DisclosureButton>;
+	return /* @__PURE__ */ jsx(DisclosureButton, {
+		...props,
+		as: Button,
+		className: twMerge("w-full", className, Boolean(arrow) && "grid grid-cols-[1fr_1rem] gap-2"),
+		onClick: handleClick,
+		role: "summary",
+		children: (bag) => /* @__PURE__ */ jsxs(Fragment, { children: [typeof children === "function" ? children(bag) : children, arrow && (typeof arrow === "boolean" ? /* @__PURE__ */ jsx(ChevronUpDownAnime, {
+			className: "absolute top-1/2 right-3 block -translate-y-1/2",
+			isUp
+		}) : arrow)] })
+	});
 }
 function DetailsBody({ children, className, ...props }) {
-	return <DisclosurePanel {...props} className={twMerge("grid-rows-1fr transition-rows ease-exponential data-closed:grid-rows-0fr grid duration-500", className)} transition>
-			{(bag) => <div className="overflow-y-hidden px-2 pt-3 pb-1">
-					{typeof children === "function" ? children(bag) : children}
-				</div>}
-		</DisclosurePanel>;
+	return /* @__PURE__ */ jsx(DisclosurePanel, {
+		...props,
+		className: twMerge("grid-rows-1fr transition-rows ease-exponential data-closed:grid-rows-0fr grid duration-500", className),
+		transition: true,
+		children: (bag) => /* @__PURE__ */ jsx("div", {
+			className: "overflow-y-hidden px-2 pt-3 pb-1",
+			children: typeof children === "function" ? children(bag) : children
+		})
+	});
 }
 function Details({ as = "div", className, ...props }) {
-	return <Disclosure {...props} as={as} className={twMerge("rounded-2xl bg-neutral-500/25 p-2", className)} role="details" />;
+	return /* @__PURE__ */ jsx(Disclosure, {
+		...props,
+		as,
+		className: twMerge("rounded-2xl bg-neutral-500/25 p-2", className),
+		role: "details"
+	});
 }
 
 //#endregion
 //#region src/components/drop-down.tsx
 function DropDownButton({ arrow = true, as, children, className, ...props }) {
-	return <MenuButton {...props} as={as || "button"} className={twJoin("group/button", className)}>
-			{(bag) => <>
-					{typeof children === "function" ? children(bag) : children}
-
-					{arrow && (typeof arrow === "boolean" ? <ChevronUpDownAnime className="-mr-1" isUp={bag.open} /> : arrow)}
-				</>}
-		</MenuButton>;
+	return /* @__PURE__ */ jsx(MenuButton, {
+		...props,
+		as: as || "button",
+		className: twJoin("group/button", className),
+		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
+		}) : arrow)] })
+	});
 }
 function DropDownItem({ as, ...props }) {
-	return <MenuItem {...props} as={as || "div"} />;
+	return /* @__PURE__ */ jsx(MenuItem, {
+		...props,
+		as: as || "div"
+	});
 }
 function DropDownItems({ anchor, children, className, containerClassName, style, ...props }) {
 	const getAnchorProps = () => {
@@ -4291,41 +4403,53 @@ function DropDownItems({ anchor, children, className, containerClassName, style,
 		return initialAnchor;
 	};
 	const anchorProps = getAnchorProps();
-	return <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)} static={props.static} style={{
-		...style,
-		minWidth: "var(--button-width)"
-	}} transition>
-			{(bag) => <div className="overflow-y-scroll">
-					<div className={twMerge("rounded-xl bg-neutral-50/20 px-6 py-5 backdrop-blur-md backdrop-brightness-150", className)}>
-						{typeof children === "function" ? children(bag) : children}
-					</div>
-				</div>}
-		</MenuItems>;
+	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),
+		static: props.static,
+		style: {
+			...style,
+			minWidth: "var(--button-width)"
+		},
+		transition: true,
+		children: (bag) => /* @__PURE__ */ jsx("div", {
+			className: "overflow-y-scroll",
+			children: /* @__PURE__ */ jsx("div", {
+				className: twMerge("rounded-xl bg-neutral-50/20 px-6 py-5 backdrop-blur-md backdrop-brightness-150", className),
+				children: typeof children === "function" ? children(bag) : children
+			})
+		})
+	});
 }
 function DropDownSection({ children, label, labelProps, separatorAbove, separatorBelow, ...props }) {
 	const { labelClassName, ...restLabelProps } = {
 		labelClassName: labelProps?.className || "",
 		...labelProps
 	};
-	return <MenuSection {...props}>
-			{(sectionBag) => <>
-					{separatorAbove && <DropDownSeparator />}
-
-					{label && <MenuHeading {...restLabelProps} className={(headingBag) => twMerge("text-[larger] font-bold text-current/80", typeof labelClassName === "function" ? labelClassName(headingBag) : labelClassName)}>
-							{label}
-						</MenuHeading>}
-
-					{typeof children === "function" ? children(sectionBag) : children}
-
-					{separatorBelow && <DropDownSeparator />}
-				</>}
-		</MenuSection>;
+	return /* @__PURE__ */ jsx(MenuSection, {
+		...props,
+		children: (sectionBag) => /* @__PURE__ */ jsxs(Fragment, { children: [
+			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),
+				children: label
+			}),
+			typeof children === "function" ? children(sectionBag) : children,
+			separatorBelow && /* @__PURE__ */ jsx(DropDownSeparator, {})
+		] })
+	});
 }
 function DropDownSeparator({ as, className, ...props }) {
-	return <MenuSeparator {...props} as={as || "div"} className={(bag) => twMerge("my-4 block h-px rounded-full bg-neutral-950/20", typeof className === "function" ? className(bag) : className)} />;
+	return /* @__PURE__ */ jsx(MenuSeparator, {
+		...props,
+		as: as || "div",
+		className: (bag) => twMerge("my-4 block h-px rounded-full bg-neutral-950/20", typeof className === "function" ? className(bag) : className)
+	});
 }
 function DropDown(props) {
-	return <Menu {...props} />;
+	return /* @__PURE__ */ jsx(Menu, { ...props });
 }
 
 //#endregion
@@ -4333,31 +4457,36 @@ function DropDown(props) {
 function Fieldset({ children, className, legend, legendProps, name, ...props }) {
 	const { className: legendClassName, ...restLegendProps } = legendProps || {};
 	name = legend || name;
-	return <Fieldset$1 {...props} name={name} className={(bag) => twMerge("contents", typeof className === "function" ? className(bag) : className)}>
-			{(bag) => <>
-					{legend && <Legend {...restLegendProps} className={twMerge("text-xl font-bold text-current/80", typeof legendClassName === "function" ? legendClassName(bag) : legendClassName)}>
-							{legend}
-						</Legend>}
-
-					{typeof children === "function" ? children(bag) : children}
-				</>}
-		</Fieldset$1>;
+	return /* @__PURE__ */ jsx(Fieldset$1, {
+		...props,
+		name,
+		className: (bag) => twMerge("contents", typeof className === "function" ? className(bag) : className),
+		children: (bag) => /* @__PURE__ */ jsxs(Fragment, { children: [legend && /* @__PURE__ */ jsx(Legend, {
+			...restLegendProps,
+			className: twMerge("text-xl font-bold text-current/80", typeof legendClassName === "function" ? legendClassName(bag) : legendClassName),
+			children: legend
+		}), typeof children === "function" ? children(bag) : children] })
+	});
 }
 
 //#endregion
 //#region src/components/form.tsx
 function Form({ children, className, ...props }) {
-	return <form {...props} className={twMerge("grid gap-3", className)}>
-			{children}
-		</form>;
+	return /* @__PURE__ */ jsx("form", {
+		...props,
+		className: twMerge("grid gap-3", className),
+		children
+	});
 }
 
 //#endregion
 //#region src/components/ghost.tsx
 function Ghost({ children, className, ...props }) {
-	return <div {...props} className={twMerge("block w-24 max-w-full animate-pulse rounded bg-neutral-500/15 backdrop-brightness-110", className)}>
-			{children || <>&nbsp;</>}
-		</div>;
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: twMerge("block w-24 max-w-full animate-pulse rounded bg-neutral-500/15 backdrop-brightness-110", className),
+		children: children || /* @__PURE__ */ jsx(Fragment, { children: "\xA0" })
+	});
 }
 
 //#endregion
@@ -4389,42 +4518,64 @@ function Heading({ as = "h2", children, customize, className, id, ref, ...props
 		}
 	};
 	const baseClasses = getBaseClasses();
-	return <HeadingElement ref={ref} id={targetableID} {...props} className={twMerge(baseClasses, className)}>
-			{children}
-		</HeadingElement>;
+	return /* @__PURE__ */ jsx(HeadingElement, {
+		ref,
+		id: targetableID,
+		...props,
+		className: twMerge(baseClasses, className),
+		children
+	});
 }
 
 //#endregion
 //#region src/symbols/chevron.forward.tsx
 function ChevronForward({ weight = "regular", ...props }) {
 	switch (weight) {
-		case "ultralight": return <svg viewBox="14.6484 -64.7007 33.47 58.89" {...props}>
-					<path d="M48.1162-35.2539C48.1162-35.6924 47.9527-35.9424 47.6221-36.2276L16.6289-64.3462C16.396-64.5826 16.1006-64.7007 15.7949-64.7007C15.1802-64.7007 14.6484-64.2178 14.6484-63.5576C14.6484-63.2554 14.7734-63.002 14.9575-62.811L45.2949-35.2539L14.9575-7.69678C14.7734-7.50586 14.6484-7.25585 14.6484-6.95018C14.6484-6.29001 15.1802-5.80709 15.7949-5.80709C16.1006-5.80709 16.396-5.92526 16.6289-6.16159L47.6221-34.2803C47.9527-34.5654 48.1162-34.8154 48.1162-35.2539Z" />
-				</svg>;
-		case "thin": return <svg viewBox="14.6484 -65.7364 34.55 60.96" {...props}>
-					<path d="M49.2032-35.2539C49.2032-35.8359 48.9883-36.25 48.5449-36.6582L17.7364-65.1973C17.3907-65.5567 16.9414-65.7364 16.4512-65.7364C15.457-65.7364 14.6484-64.9766 14.6484-63.9473C14.6484-63.4707 14.8555-63.043 15.1523-62.7187L44.8027-35.2539L15.1523-7.78906C14.8555-7.46484 14.6484-7.05078 14.6484-6.56054C14.6484-5.53123 15.457-4.77146 16.4512-4.77146C16.9414-4.77146 17.3907-4.95115 17.7364-5.31052L48.5449-33.8496C48.9883-34.2578 49.2032-34.6719 49.2032-35.2539Z" />
-				</svg>;
-		case "light": return <svg viewBox="14.6484 -67.7583 36.68 65.01" {...props}>
-					<path d="M51.3252-35.2539C51.3252-36.1162 51.0103-36.8506 50.3467-37.499L19.8985-66.8589C19.3325-67.4585 18.583-67.7583 17.7324-67.7583C15.9976-67.7583 14.6484-66.458 14.6484-64.708C14.6484-63.8911 15.0156-63.123 15.5327-62.5386L43.8418-35.2539L15.5327-7.96924C15.0156-7.38477 14.6484-6.65039 14.6484-5.7998C14.6484-4.0498 15.9976-2.7495 17.7324-2.7495C18.583-2.7495 19.3325-3.04931 19.8985-3.64892L50.3467-33.0088C51.0103-33.6572 51.3252-34.3916 51.3252-35.2539Z" />
-				</svg>;
-		case "regular": return <svg viewBox="14.6484 -69.2871 38.28 68.07" {...props}>
-					<path d="M52.9297-35.2539C52.9297-36.3281 52.5391-37.3047 51.709-38.1348L21.5332-68.1152C20.8008-68.8965 19.8242-69.2871 18.7012-69.2871C16.4062-69.2871 14.6484-67.5781 14.6484-65.2832C14.6484-64.209 15.1367-63.1836 15.8203-62.4023L43.1152-35.2539L15.8203-8.10547C15.1367-7.32422 14.6484-6.34766 14.6484-5.22461C14.6484-2.92969 16.4062-1.2207 18.7012-1.2207C19.8242-1.2207 20.8008-1.61133 21.5332-2.39258L51.709-32.373C52.5391-33.2031 52.9297-34.1797 52.9297-35.2539Z" />
-				</svg>;
-		case "medium": return <svg viewBox="14.8242 -69.832 39.74 69.17" {...props}>
-					<path d="M54.5645-35.2539C54.5557-36.6797 54.0508-37.9023 52.9131-39.0312L23.2559-68.4141C22.3389-69.3711 21.1777-69.832 19.8086-69.832C17.0215-69.832 14.8242-67.6836 14.8242-64.9141C14.8242-63.585 15.4092-62.3223 16.3389-61.3301L42.7109-35.2627L16.3389-9.17773C15.418-8.18555 14.8242-6.96289 14.8242-5.58496C14.8242-2.81543 17.0215-0.666992 19.8086-0.666992C21.1689-0.666992 22.3389-1.12793 23.2559-2.08496L52.9131-31.4766C54.0596-32.6055 54.5645-33.8369 54.5645-35.2539Z" />
-				</svg>;
-		case "semibold": return <svg viewBox="14.959 -70.2498 40.86 70.01" {...props}>
-					<path d="M55.8178-35.2539C55.8022-36.9492 55.2098-38.3605 53.8362-39.7186L24.5766-68.6432C23.5181-69.735 22.2154-70.2498 20.6576-70.2498C17.4932-70.2498 14.959-67.7645 14.959-64.6311C14.959-63.1065 15.6181-61.6619 16.7364-60.508L42.401-35.2694L16.7364-9.9998C15.6336-8.8459 14.959-7.43457 14.959-5.86123C14.959-2.72783 17.4932-0.24248 20.6576-0.24248C22.1999-0.24248 23.5181-0.757324 24.5766-1.84912L53.8362-30.7893C55.2253-32.1473 55.8178-33.5741 55.8178-35.2539Z" />
-				</svg>;
-		case "bold": return <svg viewBox="15.1367 -70.8008 42.33 71.12" {...props}>
-					<path d="M57.4707-35.2539C57.4463-37.3047 56.7383-38.9648 55.0537-40.625L26.3184-68.9453C25.0732-70.2148 23.584-70.8008 21.7773-70.8008C18.1152-70.8008 15.1367-67.8711 15.1367-64.2578C15.1367-62.4756 15.8936-60.791 17.2607-59.4238L41.9922-35.2783L17.2607-11.084C15.918-9.7168 15.1367-8.05664 15.1367-6.22559C15.1367-2.6123 18.1152 0.317383 21.7773 0.317383C23.5596 0.317383 25.0732-0.268555 26.3184-1.53809L55.0537-29.8828C56.7627-31.543 57.4707-33.2275 57.4707-35.2539Z" />
-				</svg>;
-		case "heavy": return <svg viewBox="15.3945 -71.5999 44.47 72.73" {...props}>
-					<path d="M59.8682-35.2539C59.8309-37.8203 58.9553-39.8413 56.8196-41.9397L28.8447-69.3836C27.3289-70.9109 25.569-71.5999 23.4014-71.5999C19.0175-71.5999 15.3945-68.0258 15.3945-63.7164C15.3945-61.5604 16.2931-59.5278 18.0212-57.8513L41.3993-35.2912L18.0212-12.6565C16.3304-10.98 15.3945-8.95891 15.3945-6.75406C15.3945-2.44474 19.0175 1.12943 23.4014 1.12943C25.5317 1.12943 27.3289 0.440373 28.8447-1.08695L56.8196-28.5681C58.9926-30.6665 59.8682-32.7248 59.8682-35.2539Z" />
-				</svg>;
-		case "black": return <svg viewBox="15.625 -72.3145 46.39 74.17" {...props}>
-					<path d="M62.0117-35.2539C61.9629-38.2812 60.9375-40.625 58.3984-43.1152L31.1035-69.7754C29.3457-71.5332 27.3438-72.3145 24.8535-72.3145C19.8242-72.3145 15.625-68.1641 15.625-63.2324C15.625-60.7422 16.6504-58.3984 18.7012-56.4453L40.8691-35.3027L18.7012-14.0625C16.6992-12.1094 15.625-9.76562 15.625-7.22656C15.625-2.29492 19.8242 1.85547 24.8535 1.85547C27.2949 1.85547 29.3457 1.07422 31.1035-0.683594L58.3984-27.3926C60.9863-29.8828 62.0117-32.2754 62.0117-35.2539Z" />
-				</svg>;
+		case "ultralight": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "14.6484 -64.7007 33.47 58.89",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M48.1162-35.2539C48.1162-35.6924 47.9527-35.9424 47.6221-36.2276L16.6289-64.3462C16.396-64.5826 16.1006-64.7007 15.7949-64.7007C15.1802-64.7007 14.6484-64.2178 14.6484-63.5576C14.6484-63.2554 14.7734-63.002 14.9575-62.811L45.2949-35.2539L14.9575-7.69678C14.7734-7.50586 14.6484-7.25585 14.6484-6.95018C14.6484-6.29001 15.1802-5.80709 15.7949-5.80709C16.1006-5.80709 16.396-5.92526 16.6289-6.16159L47.6221-34.2803C47.9527-34.5654 48.1162-34.8154 48.1162-35.2539Z" })
+		});
+		case "thin": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "14.6484 -65.7364 34.55 60.96",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M49.2032-35.2539C49.2032-35.8359 48.9883-36.25 48.5449-36.6582L17.7364-65.1973C17.3907-65.5567 16.9414-65.7364 16.4512-65.7364C15.457-65.7364 14.6484-64.9766 14.6484-63.9473C14.6484-63.4707 14.8555-63.043 15.1523-62.7187L44.8027-35.2539L15.1523-7.78906C14.8555-7.46484 14.6484-7.05078 14.6484-6.56054C14.6484-5.53123 15.457-4.77146 16.4512-4.77146C16.9414-4.77146 17.3907-4.95115 17.7364-5.31052L48.5449-33.8496C48.9883-34.2578 49.2032-34.6719 49.2032-35.2539Z" })
+		});
+		case "light": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "14.6484 -67.7583 36.68 65.01",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M51.3252-35.2539C51.3252-36.1162 51.0103-36.8506 50.3467-37.499L19.8985-66.8589C19.3325-67.4585 18.583-67.7583 17.7324-67.7583C15.9976-67.7583 14.6484-66.458 14.6484-64.708C14.6484-63.8911 15.0156-63.123 15.5327-62.5386L43.8418-35.2539L15.5327-7.96924C15.0156-7.38477 14.6484-6.65039 14.6484-5.7998C14.6484-4.0498 15.9976-2.7495 17.7324-2.7495C18.583-2.7495 19.3325-3.04931 19.8985-3.64892L50.3467-33.0088C51.0103-33.6572 51.3252-34.3916 51.3252-35.2539Z" })
+		});
+		case "regular": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "14.6484 -69.2871 38.28 68.07",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M52.9297-35.2539C52.9297-36.3281 52.5391-37.3047 51.709-38.1348L21.5332-68.1152C20.8008-68.8965 19.8242-69.2871 18.7012-69.2871C16.4062-69.2871 14.6484-67.5781 14.6484-65.2832C14.6484-64.209 15.1367-63.1836 15.8203-62.4023L43.1152-35.2539L15.8203-8.10547C15.1367-7.32422 14.6484-6.34766 14.6484-5.22461C14.6484-2.92969 16.4062-1.2207 18.7012-1.2207C19.8242-1.2207 20.8008-1.61133 21.5332-2.39258L51.709-32.373C52.5391-33.2031 52.9297-34.1797 52.9297-35.2539Z" })
+		});
+		case "medium": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "14.8242 -69.832 39.74 69.17",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M54.5645-35.2539C54.5557-36.6797 54.0508-37.9023 52.9131-39.0312L23.2559-68.4141C22.3389-69.3711 21.1777-69.832 19.8086-69.832C17.0215-69.832 14.8242-67.6836 14.8242-64.9141C14.8242-63.585 15.4092-62.3223 16.3389-61.3301L42.7109-35.2627L16.3389-9.17773C15.418-8.18555 14.8242-6.96289 14.8242-5.58496C14.8242-2.81543 17.0215-0.666992 19.8086-0.666992C21.1689-0.666992 22.3389-1.12793 23.2559-2.08496L52.9131-31.4766C54.0596-32.6055 54.5645-33.8369 54.5645-35.2539Z" })
+		});
+		case "semibold": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "14.959 -70.2498 40.86 70.01",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M55.8178-35.2539C55.8022-36.9492 55.2098-38.3605 53.8362-39.7186L24.5766-68.6432C23.5181-69.735 22.2154-70.2498 20.6576-70.2498C17.4932-70.2498 14.959-67.7645 14.959-64.6311C14.959-63.1065 15.6181-61.6619 16.7364-60.508L42.401-35.2694L16.7364-9.9998C15.6336-8.8459 14.959-7.43457 14.959-5.86123C14.959-2.72783 17.4932-0.24248 20.6576-0.24248C22.1999-0.24248 23.5181-0.757324 24.5766-1.84912L53.8362-30.7893C55.2253-32.1473 55.8178-33.5741 55.8178-35.2539Z" })
+		});
+		case "bold": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "15.1367 -70.8008 42.33 71.12",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M57.4707-35.2539C57.4463-37.3047 56.7383-38.9648 55.0537-40.625L26.3184-68.9453C25.0732-70.2148 23.584-70.8008 21.7773-70.8008C18.1152-70.8008 15.1367-67.8711 15.1367-64.2578C15.1367-62.4756 15.8936-60.791 17.2607-59.4238L41.9922-35.2783L17.2607-11.084C15.918-9.7168 15.1367-8.05664 15.1367-6.22559C15.1367-2.6123 18.1152 0.317383 21.7773 0.317383C23.5596 0.317383 25.0732-0.268555 26.3184-1.53809L55.0537-29.8828C56.7627-31.543 57.4707-33.2275 57.4707-35.2539Z" })
+		});
+		case "heavy": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "15.3945 -71.5999 44.47 72.73",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M59.8682-35.2539C59.8309-37.8203 58.9553-39.8413 56.8196-41.9397L28.8447-69.3836C27.3289-70.9109 25.569-71.5999 23.4014-71.5999C19.0175-71.5999 15.3945-68.0258 15.3945-63.7164C15.3945-61.5604 16.2931-59.5278 18.0212-57.8513L41.3993-35.2912L18.0212-12.6565C16.3304-10.98 15.3945-8.95891 15.3945-6.75406C15.3945-2.44474 19.0175 1.12943 23.4014 1.12943C25.5317 1.12943 27.3289 0.440373 28.8447-1.08695L56.8196-28.5681C58.9926-30.6665 59.8682-32.7248 59.8682-35.2539Z" })
+		});
+		case "black": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "15.625 -72.3145 46.39 74.17",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M62.0117-35.2539C61.9629-38.2812 60.9375-40.625 58.3984-43.1152L31.1035-69.7754C29.3457-71.5332 27.3438-72.3145 24.8535-72.3145C19.8242-72.3145 15.625-68.1641 15.625-63.2324C15.625-60.7422 16.6504-58.3984 18.7012-56.4453L40.8691-35.3027L18.7012-14.0625C16.6992-12.1094 15.625-9.76562 15.625-7.22656C15.625-2.29492 19.8242 1.85547 24.8535 1.85547C27.2949 1.85547 29.3457 1.07422 31.1035-0.683594L58.3984-27.3926C60.9863-29.8828 62.0117-32.2754 62.0117-35.2539Z" })
+		});
 	}
 }
 
@@ -6193,32 +6344,54 @@ function HumanVerification({ children = "Verify", className }) {
 		setDragProgress(Math.min(100, Math.max(0, Math.round(newX / 240 * 100))));
 		handleTrySubmit(newX);
 	};
-	return <div className={["w-72", className].join(" ")}>
-			<div className="h-12 w-72 rounded-md bg-neutral-300 p-1" ref={buttonContainerRef}>
-				<button aria-describedby="human-verification-instructions" aria-label={`Human verification: ${children.toLowerCase()} by dragging right or pressing arrow keys`} aria-valuemax={100} aria-valuemin={0} 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} role="slider" type="button">
-					<ChevronForward className="inline-block h-4 overflow-visible fill-neutral-500 stroke-2" />
-				</button>
-
-				<div className="flex size-full items-center justify-center pl-8 text-center text-sm font-semibold text-neutral-800">
-					<span>
-						Swipe to {children}{" "}
-						<ChevronForward className="ml-1 inline-block h-3.5 overflow-visible stroke-2" />
-					</span>
-				</div>
-			</div>
-
-			<Button ref={submitButtonRef} className="sr-only" type="submit">
-				Complete Submit
-			</Button>
-
-			<div id="human-verification-instructions" className="pt-1 text-center text-xs">
-				Human verification challenge.{" "}
-				<span className="sr-only">
-					Drag the button right to the end to complete the challenge. Use arrow
-					keys or spacebar to move without a mouse.
-				</span>
-			</div>
-		</div>;
+	return /* @__PURE__ */ jsxs("div", {
+		className: ["w-72", className].join(" "),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "h-12 w-72 rounded-md bg-neutral-300 p-1",
+				ref: buttonContainerRef,
+				children: [/* @__PURE__ */ jsx("button", {
+					"aria-describedby": "human-verification-instructions",
+					"aria-label": `Human verification: ${children.toLowerCase()} by dragging right or pressing arrow keys`,
+					"aria-valuemax": 100,
+					"aria-valuemin": 0,
+					"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,
+					role: "slider",
+					type: "button",
+					children: /* @__PURE__ */ jsx(ChevronForward, { className: "inline-block h-4 overflow-visible fill-neutral-500 stroke-2" })
+				}), /* @__PURE__ */ jsx("div", {
+					className: "flex size-full items-center justify-center pl-8 text-center text-sm font-semibold text-neutral-800",
+					children: /* @__PURE__ */ jsxs("span", { children: [
+						"Swipe to ",
+						children,
+						" ",
+						/* @__PURE__ */ jsx(ChevronForward, { className: "ml-1 inline-block h-3.5 overflow-visible stroke-2" })
+					] })
+				})]
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				ref: submitButtonRef,
+				className: "sr-only",
+				type: "submit",
+				children: "Complete Submit"
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				id: "human-verification-instructions",
+				className: "pt-1 text-center text-xs",
+				children: [
+					"Human verification challenge.",
+					" ",
+					/* @__PURE__ */ jsx("span", {
+						className: "sr-only",
+						children: "Drag the button right to the end to complete the challenge. Use arrow keys or spacebar to move without a mouse."
+					})
+				]
+			})
+		]
+	});
 }
 
 //#endregion
@@ -6280,7 +6453,14 @@ function IFrame({ allow, className, referrerPolicy = "no-referrer-when-downgrade
 		});
 		return propertyDefinition.join(" ");
 	}) || []).join("; ");
-	return <iframe {...props} allow={allowAttribute} allowFullScreen={allowAttribute?.includes("fullscreen") || props.src?.replace(/[^a-zA-Z]/g, "").includes("vimeo") || props.src?.replace(/[^a-zA-Z]/g, "").includes("youtube")} className={twMerge("aspect-video w-full bg-linear-60 from-neutral-700 via-neutral-500 to-neutral-600", className)} referrerPolicy={referrerPolicy} sandbox={sandbox?.join(" ")} />;
+	return /* @__PURE__ */ jsx("iframe", {
+		...props,
+		allow: allowAttribute,
+		allowFullScreen: allowAttribute?.includes("fullscreen") || props.src?.replace(/[^a-zA-Z]/g, "").includes("vimeo") || props.src?.replace(/[^a-zA-Z]/g, "").includes("youtube"),
+		className: twMerge("aspect-video w-full bg-linear-60 from-neutral-700 via-neutral-500 to-neutral-600", className),
+		referrerPolicy,
+		sandbox: sandbox?.join(" ")
+	});
 }
 
 //#endregion
@@ -6300,54 +6480,78 @@ function IFrame({ allow, className, referrerPolicy = "no-referrer-when-downgrade
 * @prop descriptionProps - The props to be passed to the description component.
 */
 function Input({ children, className, description, descriptionProps: { className: descriptionClassName, ...descriptionProps } = {}, fieldProps: { className: fieldClassName, ...fieldProps } = {}, label, labelProps: { className: labelClassName, ...labelProps } = {}, required = true, ...props }) {
-	return <Field {...fieldProps} className={(bag) => twMerge("grid h-fit gap-1", typeof fieldClassName === "function" ? fieldClassName(bag) : fieldClassName)}>
-			{label && <Label {...labelProps} className={(bag) => twMerge("text-sm font-medium", required ? "after:text-red-700 after:content-[\"_*\"]" : "", typeof labelClassName === "function" ? labelClassName(bag) : labelClassName)}>
-					{label}
-				</Label>}
-
-			<div>
-				<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)} required={required} />
-
-				{children}
-			</div>
-
-			{description && <Description {...descriptionProps} className={(bag) => twMerge("text-xs text-current/60", typeof descriptionClassName === "function" ? descriptionClassName(bag) : descriptionClassName)}>
-					{description}
-				</Description>}
-		</Field>;
+	return /* @__PURE__ */ jsxs(Field, {
+		...fieldProps,
+		className: (bag) => twMerge("grid h-fit gap-1", typeof fieldClassName === "function" ? fieldClassName(bag) : fieldClassName),
+		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),
+				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),
+				required
+			}), children] }),
+			description && /* @__PURE__ */ jsx(Description, {
+				...descriptionProps,
+				className: (bag) => twMerge("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 <svg viewBox="9.64746 -64.0801 57.84 57.84" {...props}>
-					<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" />
-				</svg>;
-		case "thin": return <svg viewBox="9.58594 -64.5723 58.82 58.8" {...props}>
-					<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" />
-				</svg>;
-		case "light": return <svg viewBox="9.46582 -65.5332 60.72 60.69" {...props}>
-					<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" />
-				</svg>;
-		case "regular": return <svg viewBox="9.375 -66.2598 62.16 62.11" {...props}>
-					<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" />
-				</svg>;
-		case "medium": return <svg viewBox="9.30469 -66.7871 63.2 63.17" {...props}>
-					<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" />
-				</svg>;
-		case "semibold": return <svg viewBox="9.25078 -67.1914 63.99 63.99" {...props}>
-					<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" />
-				</svg>;
-		case "bold": return <svg viewBox="9.17969 -67.7246 65.04 65.06" {...props}>
-					<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" />
-				</svg>;
-		case "heavy": return <svg viewBox="9.05079 -68.498 66.61 66.62" {...props}>
-					<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" />
-				</svg>;
-		case "black": return <svg viewBox="8.93555 -69.1895 68.02 68.02" {...props}>
-					<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" />
-				</svg>;
+		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" })
+		});
 	}
 }
 
@@ -6373,7 +6577,10 @@ function createFastContext(defaultInitialState) {
 	}
 	const StoreContext = createContext(null);
 	function Provider({ initialValue = defaultInitialState, ...props }) {
-		return <StoreContext.Provider value={useStoreData(initialValue)} {...props} />;
+		return /* @__PURE__ */ jsx(StoreContext.Provider, {
+			value: useStoreData(initialValue),
+			...props
+		});
 	}
 	function useStore(selector, initialValue) {
 		const store = useContext(StoreContext);
@@ -6395,9 +6602,10 @@ function createFastContext(defaultInitialState) {
 const DEFAULT_STATUS = "incomplete";
 const { Provider, useStore } = createFastContext(DEFAULT_STATUS);
 function FormStatusProvider({ children, initialStatus = DEFAULT_STATUS }) {
-	return <Suspense>
-			<Provider initialValue={initialStatus}>{children}</Provider>
-		</Suspense>;
+	return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(Provider, {
+		initialValue: initialStatus,
+		children
+	}) });
 }
 function useFormStatus() {
 	return useStore((store) => store);
@@ -6538,10 +6746,13 @@ function ModalTrigger({ as, onClick, ...props }) {
 		if (!isOpen) openModal?.();
 		onClick?.(e);
 	};
-	return <ModalTriggerElement {...props} onClick={handleClick} />;
+	return /* @__PURE__ */ jsx(ModalTriggerElement, {
+		...props,
+		onClick: handleClick
+	});
 }
 function ModalTitle(props) {
-	return <DialogTitle {...props} />;
+	return /* @__PURE__ */ jsx(DialogTitle, { ...props });
 }
 function ModalDialog(props) {
 	const [modalControls] = useModalControls((store) => store);
@@ -6555,31 +6766,47 @@ function ModalDialog(props) {
 		enableTouchClose: () => {},
 		dialogPanelRef: { current: null }
 	};
-	return <Dialog open={isOpen} onClose={() => closeModal?.()} 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(" ")}>
-			<DialogBackdrop transition 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(" ")}>
-				<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">
-					<div className="ease-exponential absolute top-1 right-1 flex items-center gap-1 pt-px transition-transform duration-300 pointer-fine:group-hover/button:-translate-x-0.5">
-						<span className="block text-xs leading-none uppercase">
-							Close<span className="sr-only">Modal</span>
-						</span>
-
-						<Xmark className="-top-px block size-4 scale-75 rotate-90 transition-transform duration-300 ease-in-out group-hover/button:rotate-0" />
-					</div>
-				</Button>
-			</DialogBackdrop>
-
-			<DialogPanel ref={dialogPanelRef} transition 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)}>
-				<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} type="button">
-					<span className="sr-only">Drag down to close</span>
-				</button>
-
-				<div {...props} />
-			</DialogPanel>
-		</Dialog>;
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open: isOpen,
+		onClose: () => closeModal?.(),
+		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, {
+				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 pt-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" })]
+				})
+			})
+		}), /* @__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),
+			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,
+				type: "button",
+				children: /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Drag down to close"
+				})
+			}), /* @__PURE__ */ jsx("div", { ...props })]
+		})]
+	});
 }
 function ModalClose({ as, ...props }) {
-	const ModalCloseElement = as || Button$1;
-	return <ModalCloseElement {...props} />;
+	return /* @__PURE__ */ jsx(as || Button$1, { ...props });
 }
 function ModalDisplay({ children, className, onClose, onOpen, place = "bottom" }) {
 	const [bodyElement, setBodyElement] = useState(null);
@@ -6679,49 +6906,66 @@ function ModalDisplay({ children, className, onClose, onOpen, place = "bottom" }
 		readyToClose,
 		setModalControls
 	]);
-	return <>
-			{allowDragClose && bodyElement && createPortal(<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__ */ 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] });
 }
 function Modal(props) {
-	return <ModalControlsProvider>
-			<ModalDisplay {...props} />
-		</ModalControlsProvider>;
+	return /* @__PURE__ */ jsx(ModalControlsProvider, { children: /* @__PURE__ */ jsx(ModalDisplay, { ...props }) });
 }
 
 //#endregion
 //#region src/symbols/chevron.up.chevron.down.tsx
 function ChevronUpChevronDown({ weight = "regular", ...props }) {
 	switch (weight) {
-		case "ultralight": return <svg viewBox="9.76562 -70.5083 50.44 70.51" {...props}>
-					<path d="M34.9849-70.5083C34.4976-70.5083 34.1113-70.2505 33.7808-69.9199L10.2075-46.96C9.89063-46.6397 9.76562-46.3511 9.76562-46.0318C9.76562-45.417 10.252-44.9761 10.9121-44.9761C11.1587-44.9761 11.503-45.084 11.795-45.3306L34.9849-68.039L58.1714-45.3306C58.4633-45.042 58.7656-44.9761 59.0576-44.9761C59.6724-44.9761 60.2007-45.417 60.2007-46.0318C60.2007-46.3511 60.0791-46.6397 59.7588-46.96L36.189-69.9199C35.8096-70.2505 35.4688-70.5083 34.9849-70.5083ZM34.9849 0.000503659C35.4688 0.000503659 35.8096-0.25731 36.189-0.587881L59.7588-23.5478C60.0791-23.8681 60.2007-24.1567 60.2007-24.4761C60.2007-25.0908 59.6724-25.5317 59.0576-25.5317C58.7656-25.5317 58.4633-25.4658 58.1714-25.1772L34.9849-2.46879L11.795-25.1772C11.503-25.4238 11.1587-25.5317 10.9121-25.5317C10.252-25.5317 9.76562-25.0908 9.76562-24.4761C9.76562-24.1567 9.89063-23.8681 10.2075-23.5478L33.7808-0.587881C34.1113-0.25731 34.4976 0.000503659 34.9849 0.000503659Z" />
-				</svg>;
-		case "thin": return <svg viewBox="9.76562 -70.9492 50.57 71.39" {...props}>
-					<path d="M35.0566-70.9492C34.4258-70.9492 33.9062-70.6504 33.4629-70.207L10.3613-47.8008C9.97266-47.3985 9.76562-46.9766 9.76562-46.4317C9.76562-45.4375 10.5391-44.6992 11.5684-44.6992C11.9688-44.6992 12.4668-44.8379 12.9024-45.2383L35.0566-66.9316L57.1972-45.2383C57.6328-44.8164 58.1094-44.6992 58.5449-44.6992C59.5391-44.6992 60.334-45.4375 60.334-46.4317C60.334-46.9766 60.1406-47.3985 59.7383-47.8008L36.6504-70.207C36.1582-70.6504 35.6738-70.9492 35.0566-70.9492ZM35.0566 0.441418C35.6738 0.441418 36.1582 0.142589 36.6504-0.300773L59.7383-22.707C60.1406-23.1094 60.334-23.5312 60.334-24.0762C60.334-25.0703 59.5391-25.8086 58.5449-25.8086C58.1094-25.8086 57.6328-25.6914 57.1972-25.2695L35.0566-3.5762L12.9024-25.2695C12.4668-25.6699 11.9688-25.8086 11.5684-25.8086C10.5391-25.8086 9.76562-25.0703 9.76562-24.0762C9.76562-23.5312 9.97266-23.1094 10.3613-22.707L33.4629-0.300773C33.9062 0.142589 34.4258 0.441418 35.0566 0.441418Z" />
-				</svg>;
-		case "light": return <svg viewBox="9.76562 -71.8101 50.83 73.11" {...props}>
-					<path d="M35.1968-71.8101C34.2856-71.8101 33.5059-71.4312 32.8423-70.7676L10.6616-49.4424C10.1328-48.8799 9.76562-48.1978 9.76562-47.2124C9.76562-45.4775 11.0996-44.1587 12.8496-44.1587C13.5503-44.1587 14.3486-44.3574 15.0645-45.0581L35.1968-64.7695L55.2954-45.0581C56.0112-44.376 56.8281-44.1587 57.5439-44.1587C59.2788-44.1587 60.5942-45.4775 60.5942-47.2124C60.5942-48.1978 60.2607-48.8799 59.6982-49.4424L37.5513-70.7676C36.8389-71.4312 36.0742-71.8101 35.1968-71.8101ZM35.1968 1.30225C36.0742 1.30225 36.8389 0.923344 37.5513 0.259769L59.6982-21.0654C60.2607-21.6279 60.5942-22.3101 60.5942-23.2954C60.5942-25.0303 59.2788-26.3491 57.5439-26.3491C56.8281-26.3491 56.0112-26.1318 55.2954-25.4497L35.1968-5.73829L15.0645-25.4497C14.3486-26.1504 13.5503-26.3491 12.8496-26.3491C11.0996-26.3491 9.76562-25.0303 9.76562-23.2954C9.76562-22.3101 10.1328-21.6279 10.6616-21.0654L32.8423 0.259769C33.5059 0.923344 34.2856 1.30225 35.1968 1.30225Z" />
-				</svg>;
-		case "regular": return <svg viewBox="9.76562 -72.4609 51.03 74.41" {...props}>
-					<path d="M35.3027-72.4609C34.1797-72.4609 33.2031-72.0215 32.373-71.1914L10.8887-50.6836C10.2539-50 9.76562-49.1211 9.76562-47.8027C9.76562-45.5078 11.5234-43.75 13.8184-43.75C14.7461-43.75 15.7715-43.9941 16.6992-44.9219L35.3027-63.1348L53.8574-44.9219C54.7852-44.043 55.8594-43.75 56.7871-43.75C59.082-43.75 60.791-45.5078 60.791-47.8027C60.791-49.1211 60.3516-50 59.668-50.6836L38.2324-71.1914C37.3535-72.0215 36.377-72.4609 35.3027-72.4609ZM35.3027 1.95312C36.377 1.95312 37.3535 1.51367 38.2324 0.683594L59.668-19.8242C60.3516-20.5078 60.791-21.3867 60.791-22.7051C60.791-25 59.082-26.7578 56.7871-26.7578C55.8594-26.7578 54.7852-26.4648 53.8574-25.5859L35.3027-7.37305L16.6992-25.5859C15.7715-26.5137 14.7461-26.7578 13.8184-26.7578C11.5234-26.7578 9.76562-25 9.76562-22.7051C9.76562-21.3867 10.2539-20.5078 10.8887-19.8242L32.373 0.683594C33.2031 1.51367 34.1797 1.95312 35.3027 1.95312Z" />
-				</svg>;
-		case "medium": return <svg viewBox="9.76562 -74.0254 53.67 77.54" {...props}>
-					<path d="M36.6211-74.0254C35.1641-74.0254 33.9326-73.4453 32.8037-72.334L11.3369-51.8174C10.4385-50.8965 9.76562-49.7451 9.76562-48.2246C9.76562-45.3584 12.0508-43.249 14.7236-43.249C15.915-43.249 17.1953-43.5898 18.2988-44.6846L36.6211-62.6162L54.9033-44.6846C56.0068-43.6299 57.3271-43.249 58.5186-43.249C61.1914-43.249 63.4365-45.3584 63.4365-48.2246C63.4365-49.7451 62.8037-50.8965 61.8652-51.8174L40.4385-72.334C39.2695-73.4453 38.0381-74.0254 36.6211-74.0254ZM36.6211 3.51758C38.0381 3.51758 39.2695 2.9375 40.4385 1.82617L61.8652-18.6904C62.8037-19.6113 63.4365-20.7627 63.4365-22.2832C63.4365-25.1494 61.1914-27.2588 58.5186-27.2588C57.3271-27.2588 56.0068-26.8779 54.9033-25.8232L36.6211-7.8916L18.2988-25.8232C17.1953-26.918 15.915-27.2588 14.7236-27.2588C12.0508-27.2588 9.76562-25.1494 9.76562-22.2832C9.76562-20.7627 10.4385-19.6113 11.3369-18.6904L32.8037 1.82617C33.9326 2.9375 35.1641 3.51758 36.6211 3.51758Z" />
-				</svg>;
-		case "semibold": return <svg viewBox="9.76562 -75.2248 55.7 79.94" {...props}>
-					<path d="M37.6318-75.2248C35.9188-75.2248 34.4919-74.5369 33.1339-73.21L11.6806-52.6866C10.58-51.5838 9.76562-50.2235 9.76562-48.548C9.76562-45.2438 12.4551-42.8649 15.4177-42.8649C16.8112-42.8649 18.2869-43.2799 19.5252-44.5026L37.6318-62.2187L55.7052-44.5026C56.9435-43.3132 58.4524-42.8649 59.846-42.8649C62.8086-42.8649 65.4647-45.2438 65.4647-48.548C65.4647-50.2235 64.6837-51.5838 63.5498-52.6866L42.1298-73.21C40.7385-74.5369 39.3116-75.2248 37.6318-75.2248ZM37.6318 4.71699C39.3116 4.71699 40.7385 4.0291 42.1298 2.70215L63.5498-17.8212C64.6837-18.924 65.4647-20.2843 65.4647-21.9598C65.4647-25.264 62.8086-27.6429 59.846-27.6429C58.4524-27.6429 56.9435-27.1946 55.7052-26.0052L37.6318-8.28916L19.5252-26.0052C18.2869-27.2279 16.8112-27.6429 15.4177-27.6429C12.4551-27.6429 9.76562-25.264 9.76562-21.9598C9.76562-20.2843 10.58-18.924 11.6806-17.8212L33.1339 2.70215C34.4919 4.0291 35.9188 4.71699 37.6318 4.71699Z" />
-				</svg>;
-		case "bold": return <svg viewBox="9.76562 -76.8066 58.37 83.11" {...props}>
-					<path d="M38.9648-76.8066C36.9141-76.8066 35.2295-75.9766 33.5693-74.3652L12.1338-53.833C10.7666-52.4902 9.76562-50.8545 9.76562-48.9746C9.76562-45.0928 12.9883-42.3584 16.333-42.3584C17.9932-42.3584 19.7266-42.8711 21.1426-44.2627L38.9648-61.6943L56.7627-44.2627C58.1787-42.8955 59.9365-42.3584 61.5967-42.3584C64.9414-42.3584 68.1396-45.0928 68.1396-48.9746C68.1396-50.8545 67.1631-52.4902 65.7715-53.833L44.3604-74.3652C42.6758-75.9766 40.9912-76.8066 38.9648-76.8066ZM38.9648 6.29883C40.9912 6.29883 42.6758 5.46875 44.3604 3.85742L65.7715-16.6748C67.1631-18.0176 68.1396-19.6533 68.1396-21.5332C68.1396-25.415 64.9414-28.1494 61.5967-28.1494C59.9365-28.1494 58.1787-27.6123 56.7627-26.2451L38.9648-8.81348L21.1426-26.2451C19.7266-27.6367 17.9932-28.1494 16.333-28.1494C12.9883-28.1494 9.76562-25.415 9.76562-21.5332C9.76562-19.6533 10.7666-18.0176 12.1338-16.6748L33.5693 3.85742C35.2295 5.46875 36.9141 6.29883 38.9648 6.29883Z" />
-				</svg>;
-		case "heavy": return <svg viewBox="9.76562 -79.101 62.25 87.69" {...props}>
-					<path d="M40.8983-79.101C38.3577-79.101 36.2993-78.0647 34.2009-76.0409L12.7912-55.4958C11.0373-53.805 9.76562-51.7697 9.76562-49.5933C9.76562-44.8737 13.7617-41.6237 17.6606-41.6237C19.7075-41.6237 21.8147-42.2782 23.4885-43.9147L40.8983-60.9338L58.2966-43.9147C59.9704-42.2897 62.0891-41.6237 64.1359-41.6237C68.0349-41.6237 72.0194-44.8737 72.0194-49.5933C72.0194-51.7697 70.7593-53.805 68.9939-55.4958L47.5956-76.0409C45.4857-78.0647 43.4273-79.101 40.8983-79.101ZM40.8983 8.59318C43.4273 8.59318 45.4857 7.55686 47.5956 5.53307L68.9939-15.012C70.7593-16.7028 72.0194-18.7382 72.0194-20.9145C72.0194-25.6342 68.0349-28.8841 64.1359-28.8841C62.0891-28.8841 59.9704-28.2181 58.2966-26.5931L40.8983-9.57396L23.4885-26.5931C21.8147-28.2296 19.7075-28.8841 17.6606-28.8841C13.7617-28.8841 9.76562-25.6342 9.76562-20.9145C9.76562-18.7382 11.0373-16.7028 12.7912-15.012L34.2009 5.53307C36.2993 7.55686 38.3577 8.59318 40.8983 8.59318Z" />
-				</svg>;
-		case "black": return <svg viewBox="9.76562 -81.1523 65.72 91.8" {...props}>
-					<path d="M42.627-81.1523C39.6484-81.1523 37.2559-79.9316 34.7656-77.5391L13.3789-56.9824C11.2793-54.9805 9.76562-52.5879 9.76562-50.1465C9.76562-44.6777 14.4531-40.9668 18.8477-40.9668C21.2402-40.9668 23.6816-41.748 25.5859-43.6035L42.627-60.2539L59.668-43.6035C61.5723-41.748 64.0137-40.9668 66.4062-40.9668C70.8008-40.9668 75.4883-44.6777 75.4883-50.1465C75.4883-52.5879 73.9746-54.9805 71.875-56.9824L50.4883-77.5391C47.998-79.9316 45.6055-81.1523 42.627-81.1523ZM42.627 10.6445C45.6055 10.6445 47.998 9.42383 50.4883 7.03125L71.875-13.5254C73.9746-15.5273 75.4883-17.9199 75.4883-20.3613C75.4883-25.8301 70.8008-29.541 66.4062-29.541C64.0137-29.541 61.5723-28.7598 59.668-26.9043L42.627-10.2539L25.5859-26.9043C23.6816-28.7598 21.2402-29.541 18.8477-29.541C14.4531-29.541 9.76562-25.8301 9.76562-20.3613C9.76562-17.9199 11.2793-15.5273 13.3789-13.5254L34.7656 7.03125C37.2559 9.42383 39.6484 10.6445 42.627 10.6445Z" />
-				</svg>;
+		case "ultralight": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.76562 -70.5083 50.44 70.51",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M34.9849-70.5083C34.4976-70.5083 34.1113-70.2505 33.7808-69.9199L10.2075-46.96C9.89063-46.6397 9.76562-46.3511 9.76562-46.0318C9.76562-45.417 10.252-44.9761 10.9121-44.9761C11.1587-44.9761 11.503-45.084 11.795-45.3306L34.9849-68.039L58.1714-45.3306C58.4633-45.042 58.7656-44.9761 59.0576-44.9761C59.6724-44.9761 60.2007-45.417 60.2007-46.0318C60.2007-46.3511 60.0791-46.6397 59.7588-46.96L36.189-69.9199C35.8096-70.2505 35.4688-70.5083 34.9849-70.5083ZM34.9849 0.000503659C35.4688 0.000503659 35.8096-0.25731 36.189-0.587881L59.7588-23.5478C60.0791-23.8681 60.2007-24.1567 60.2007-24.4761C60.2007-25.0908 59.6724-25.5317 59.0576-25.5317C58.7656-25.5317 58.4633-25.4658 58.1714-25.1772L34.9849-2.46879L11.795-25.1772C11.503-25.4238 11.1587-25.5317 10.9121-25.5317C10.252-25.5317 9.76562-25.0908 9.76562-24.4761C9.76562-24.1567 9.89063-23.8681 10.2075-23.5478L33.7808-0.587881C34.1113-0.25731 34.4976 0.000503659 34.9849 0.000503659Z" })
+		});
+		case "thin": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.76562 -70.9492 50.57 71.39",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M35.0566-70.9492C34.4258-70.9492 33.9062-70.6504 33.4629-70.207L10.3613-47.8008C9.97266-47.3985 9.76562-46.9766 9.76562-46.4317C9.76562-45.4375 10.5391-44.6992 11.5684-44.6992C11.9688-44.6992 12.4668-44.8379 12.9024-45.2383L35.0566-66.9316L57.1972-45.2383C57.6328-44.8164 58.1094-44.6992 58.5449-44.6992C59.5391-44.6992 60.334-45.4375 60.334-46.4317C60.334-46.9766 60.1406-47.3985 59.7383-47.8008L36.6504-70.207C36.1582-70.6504 35.6738-70.9492 35.0566-70.9492ZM35.0566 0.441418C35.6738 0.441418 36.1582 0.142589 36.6504-0.300773L59.7383-22.707C60.1406-23.1094 60.334-23.5312 60.334-24.0762C60.334-25.0703 59.5391-25.8086 58.5449-25.8086C58.1094-25.8086 57.6328-25.6914 57.1972-25.2695L35.0566-3.5762L12.9024-25.2695C12.4668-25.6699 11.9688-25.8086 11.5684-25.8086C10.5391-25.8086 9.76562-25.0703 9.76562-24.0762C9.76562-23.5312 9.97266-23.1094 10.3613-22.707L33.4629-0.300773C33.9062 0.142589 34.4258 0.441418 35.0566 0.441418Z" })
+		});
+		case "light": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.76562 -71.8101 50.83 73.11",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M35.1968-71.8101C34.2856-71.8101 33.5059-71.4312 32.8423-70.7676L10.6616-49.4424C10.1328-48.8799 9.76562-48.1978 9.76562-47.2124C9.76562-45.4775 11.0996-44.1587 12.8496-44.1587C13.5503-44.1587 14.3486-44.3574 15.0645-45.0581L35.1968-64.7695L55.2954-45.0581C56.0112-44.376 56.8281-44.1587 57.5439-44.1587C59.2788-44.1587 60.5942-45.4775 60.5942-47.2124C60.5942-48.1978 60.2607-48.8799 59.6982-49.4424L37.5513-70.7676C36.8389-71.4312 36.0742-71.8101 35.1968-71.8101ZM35.1968 1.30225C36.0742 1.30225 36.8389 0.923344 37.5513 0.259769L59.6982-21.0654C60.2607-21.6279 60.5942-22.3101 60.5942-23.2954C60.5942-25.0303 59.2788-26.3491 57.5439-26.3491C56.8281-26.3491 56.0112-26.1318 55.2954-25.4497L35.1968-5.73829L15.0645-25.4497C14.3486-26.1504 13.5503-26.3491 12.8496-26.3491C11.0996-26.3491 9.76562-25.0303 9.76562-23.2954C9.76562-22.3101 10.1328-21.6279 10.6616-21.0654L32.8423 0.259769C33.5059 0.923344 34.2856 1.30225 35.1968 1.30225Z" })
+		});
+		case "regular": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.76562 -72.4609 51.03 74.41",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M35.3027-72.4609C34.1797-72.4609 33.2031-72.0215 32.373-71.1914L10.8887-50.6836C10.2539-50 9.76562-49.1211 9.76562-47.8027C9.76562-45.5078 11.5234-43.75 13.8184-43.75C14.7461-43.75 15.7715-43.9941 16.6992-44.9219L35.3027-63.1348L53.8574-44.9219C54.7852-44.043 55.8594-43.75 56.7871-43.75C59.082-43.75 60.791-45.5078 60.791-47.8027C60.791-49.1211 60.3516-50 59.668-50.6836L38.2324-71.1914C37.3535-72.0215 36.377-72.4609 35.3027-72.4609ZM35.3027 1.95312C36.377 1.95312 37.3535 1.51367 38.2324 0.683594L59.668-19.8242C60.3516-20.5078 60.791-21.3867 60.791-22.7051C60.791-25 59.082-26.7578 56.7871-26.7578C55.8594-26.7578 54.7852-26.4648 53.8574-25.5859L35.3027-7.37305L16.6992-25.5859C15.7715-26.5137 14.7461-26.7578 13.8184-26.7578C11.5234-26.7578 9.76562-25 9.76562-22.7051C9.76562-21.3867 10.2539-20.5078 10.8887-19.8242L32.373 0.683594C33.2031 1.51367 34.1797 1.95312 35.3027 1.95312Z" })
+		});
+		case "medium": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.76562 -74.0254 53.67 77.54",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M36.6211-74.0254C35.1641-74.0254 33.9326-73.4453 32.8037-72.334L11.3369-51.8174C10.4385-50.8965 9.76562-49.7451 9.76562-48.2246C9.76562-45.3584 12.0508-43.249 14.7236-43.249C15.915-43.249 17.1953-43.5898 18.2988-44.6846L36.6211-62.6162L54.9033-44.6846C56.0068-43.6299 57.3271-43.249 58.5186-43.249C61.1914-43.249 63.4365-45.3584 63.4365-48.2246C63.4365-49.7451 62.8037-50.8965 61.8652-51.8174L40.4385-72.334C39.2695-73.4453 38.0381-74.0254 36.6211-74.0254ZM36.6211 3.51758C38.0381 3.51758 39.2695 2.9375 40.4385 1.82617L61.8652-18.6904C62.8037-19.6113 63.4365-20.7627 63.4365-22.2832C63.4365-25.1494 61.1914-27.2588 58.5186-27.2588C57.3271-27.2588 56.0068-26.8779 54.9033-25.8232L36.6211-7.8916L18.2988-25.8232C17.1953-26.918 15.915-27.2588 14.7236-27.2588C12.0508-27.2588 9.76562-25.1494 9.76562-22.2832C9.76562-20.7627 10.4385-19.6113 11.3369-18.6904L32.8037 1.82617C33.9326 2.9375 35.1641 3.51758 36.6211 3.51758Z" })
+		});
+		case "semibold": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.76562 -75.2248 55.7 79.94",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M37.6318-75.2248C35.9188-75.2248 34.4919-74.5369 33.1339-73.21L11.6806-52.6866C10.58-51.5838 9.76562-50.2235 9.76562-48.548C9.76562-45.2438 12.4551-42.8649 15.4177-42.8649C16.8112-42.8649 18.2869-43.2799 19.5252-44.5026L37.6318-62.2187L55.7052-44.5026C56.9435-43.3132 58.4524-42.8649 59.846-42.8649C62.8086-42.8649 65.4647-45.2438 65.4647-48.548C65.4647-50.2235 64.6837-51.5838 63.5498-52.6866L42.1298-73.21C40.7385-74.5369 39.3116-75.2248 37.6318-75.2248ZM37.6318 4.71699C39.3116 4.71699 40.7385 4.0291 42.1298 2.70215L63.5498-17.8212C64.6837-18.924 65.4647-20.2843 65.4647-21.9598C65.4647-25.264 62.8086-27.6429 59.846-27.6429C58.4524-27.6429 56.9435-27.1946 55.7052-26.0052L37.6318-8.28916L19.5252-26.0052C18.2869-27.2279 16.8112-27.6429 15.4177-27.6429C12.4551-27.6429 9.76562-25.264 9.76562-21.9598C9.76562-20.2843 10.58-18.924 11.6806-17.8212L33.1339 2.70215C34.4919 4.0291 35.9188 4.71699 37.6318 4.71699Z" })
+		});
+		case "bold": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.76562 -76.8066 58.37 83.11",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M38.9648-76.8066C36.9141-76.8066 35.2295-75.9766 33.5693-74.3652L12.1338-53.833C10.7666-52.4902 9.76562-50.8545 9.76562-48.9746C9.76562-45.0928 12.9883-42.3584 16.333-42.3584C17.9932-42.3584 19.7266-42.8711 21.1426-44.2627L38.9648-61.6943L56.7627-44.2627C58.1787-42.8955 59.9365-42.3584 61.5967-42.3584C64.9414-42.3584 68.1396-45.0928 68.1396-48.9746C68.1396-50.8545 67.1631-52.4902 65.7715-53.833L44.3604-74.3652C42.6758-75.9766 40.9912-76.8066 38.9648-76.8066ZM38.9648 6.29883C40.9912 6.29883 42.6758 5.46875 44.3604 3.85742L65.7715-16.6748C67.1631-18.0176 68.1396-19.6533 68.1396-21.5332C68.1396-25.415 64.9414-28.1494 61.5967-28.1494C59.9365-28.1494 58.1787-27.6123 56.7627-26.2451L38.9648-8.81348L21.1426-26.2451C19.7266-27.6367 17.9932-28.1494 16.333-28.1494C12.9883-28.1494 9.76562-25.415 9.76562-21.5332C9.76562-19.6533 10.7666-18.0176 12.1338-16.6748L33.5693 3.85742C35.2295 5.46875 36.9141 6.29883 38.9648 6.29883Z" })
+		});
+		case "heavy": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.76562 -79.101 62.25 87.69",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M40.8983-79.101C38.3577-79.101 36.2993-78.0647 34.2009-76.0409L12.7912-55.4958C11.0373-53.805 9.76562-51.7697 9.76562-49.5933C9.76562-44.8737 13.7617-41.6237 17.6606-41.6237C19.7075-41.6237 21.8147-42.2782 23.4885-43.9147L40.8983-60.9338L58.2966-43.9147C59.9704-42.2897 62.0891-41.6237 64.1359-41.6237C68.0349-41.6237 72.0194-44.8737 72.0194-49.5933C72.0194-51.7697 70.7593-53.805 68.9939-55.4958L47.5956-76.0409C45.4857-78.0647 43.4273-79.101 40.8983-79.101ZM40.8983 8.59318C43.4273 8.59318 45.4857 7.55686 47.5956 5.53307L68.9939-15.012C70.7593-16.7028 72.0194-18.7382 72.0194-20.9145C72.0194-25.6342 68.0349-28.8841 64.1359-28.8841C62.0891-28.8841 59.9704-28.2181 58.2966-26.5931L40.8983-9.57396L23.4885-26.5931C21.8147-28.2296 19.7075-28.8841 17.6606-28.8841C13.7617-28.8841 9.76562-25.6342 9.76562-20.9145C9.76562-18.7382 11.0373-16.7028 12.7912-15.012L34.2009 5.53307C36.2993 7.55686 38.3577 8.59318 40.8983 8.59318Z" })
+		});
+		case "black": return /* @__PURE__ */ jsx("svg", {
+			viewBox: "9.76562 -81.1523 65.72 91.8",
+			...props,
+			children: /* @__PURE__ */ jsx("path", { d: "M42.627-81.1523C39.6484-81.1523 37.2559-79.9316 34.7656-77.5391L13.3789-56.9824C11.2793-54.9805 9.76562-52.5879 9.76562-50.1465C9.76562-44.6777 14.4531-40.9668 18.8477-40.9668C21.2402-40.9668 23.6816-41.748 25.5859-43.6035L42.627-60.2539L59.668-43.6035C61.5723-41.748 64.0137-40.9668 66.4062-40.9668C70.8008-40.9668 75.4883-44.6777 75.4883-50.1465C75.4883-52.5879 73.9746-54.9805 71.875-56.9824L50.4883-77.5391C47.998-79.9316 45.6055-81.1523 42.627-81.1523ZM42.627 10.6445C45.6055 10.6445 47.998 9.42383 50.4883 7.03125L71.875-13.5254C73.9746-15.5273 75.4883-17.9199 75.4883-20.3613C75.4883-25.8301 70.8008-29.541 66.4062-29.541C64.0137-29.541 61.5723-28.7598 59.668-26.9043L42.627-10.2539L25.5859-26.9043C23.6816-28.7598 21.2402-29.541 18.8477-29.541C14.4531-29.541 9.76562-25.8301 9.76562-20.3613C9.76562-17.9199 11.2793-15.5273 13.3789-13.5254L34.7656 7.03125C37.2559 9.42383 39.6484 10.6445 42.627 10.6445Z" })
+		});
 	}
 }
 
@@ -6733,7 +6977,10 @@ function ChevronUpChevronDown({ weight = "regular", ...props }) {
 * Displays a simple title.
 */
 function SelectSectionTitle({ className, ...props }) {
-	return <div className={twMerge("sticky -top-1 z-10 -mx-1 bg-inherit mask-t-from-transparent mask-t-from-0 mask-t-to-white mask-t-to-1.5 pl-2 font-bold text-neutral-500/50 backdrop-blur-[2px] backdrop-brightness-101", className)} {...props} />;
+	return /* @__PURE__ */ jsx("div", {
+		className: twMerge("sticky -top-1 z-10 -mx-1 bg-inherit mask-t-from-transparent mask-t-from-0 mask-t-to-white mask-t-to-1.5 pl-2 font-bold text-neutral-500/50 backdrop-blur-[2px] backdrop-brightness-101", className),
+		...props
+	});
 }
 /**
 * ## SelectOption
@@ -6743,15 +6990,17 @@ function SelectSectionTitle({ className, ...props }) {
 * @prop value - This is used for FormData
 */
 function SelectOption({ children, className, name, ...props }) {
-	return <ListboxOption className="group/option contents" {...props}>
-			{(bag) => bag.selectedOption ? <span className='mr-3 before:absolute before:-left-3 before:content-[",_"]'>
-						{name}
-					</span> : <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)}>
-							<Checkmark className="invisible size-3.5 group-data-selected/option:visible" />
-
-							{typeof children === "function" ? children(bag) : children}
-						</div>}
-		</ListboxOption>;
+	return /* @__PURE__ */ jsx(ListboxOption, {
+		className: "group/option contents",
+		...props,
+		children: (bag) => bag.selectedOption ? /* @__PURE__ */ jsx("span", {
+			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),
+			children: [/* @__PURE__ */ jsx(Checkmark, { className: "invisible size-3.5 group-data-selected/option:visible" }), typeof children === "function" ? children(bag) : children]
+		})
+	});
 }
 /**
 * # Select
@@ -6789,31 +7038,61 @@ function Select({ buttonProps, children, className, description, descriptionProp
 	};
 	const handleInvalid = () => setIsInvalid(true);
 	const refocus = () => listboxButtonRef.current?.focus();
-	return <Field {...fieldProps} className={(bag) => twMerge("grid gap-1", typeof fieldClassName === "function" ? fieldClassName(bag) : fieldClassName)}>
-			{label && <Label {...labelProps} className={(bag) => twMerge("text-sm font-medium", required ? "after:text-red-700 after:content-[\"_*\"]" : "", typeof labelClassName === "function" ? labelClassName(bag) : labelClassName)}>
-					{label}
-				</Label>}
-
-			<Listbox {...props} invalid={isInvalid || invalid} onChange={handleChange}>
-				<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)} ref={listboxButtonRef}>
-					<input aria-hidden="true" className="sr-only top-0 left-1/2" id={props.name + ":input:id" + uniqueId} name={props.name + ":input:name" + uniqueId} onChange={() => {}} onInvalid={handleInvalid} onFocus={refocus} required={required} tabIndex={-1} value={Array.isArray(selectedOptionSync) ? selectedOptionSync.join(", ") : selectedOptionSync} />
-
-					<ListboxSelectedOption {...selectedOptionProps} options={selectOptionList} placeholder={<span className="opacity-50">
-								{placeholder || (multiple ? "Choose Any" : "Choose One")}
-							</span>} />
-
-					<ChevronUpChevronDown className="absolute top-1/2 right-2 size-3 -translate-y-1/2 fill-current/50" />
-				</ListboxButton>
-
-				<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)} transition={transition || true}>
-					{children}
-				</ListboxOptions>
-			</Listbox>
-
-			{description && <Description {...descriptionProps} className={(bag) => twMerge("text-xs text-current/60", typeof descriptionClassName === "function" ? descriptionClassName(bag) : descriptionClassName)}>
-					{description}
-				</Description>}
-		</Field>;
+	return /* @__PURE__ */ jsxs(Field, {
+		...fieldProps,
+		className: (bag) => twMerge("grid gap-1", typeof fieldClassName === "function" ? fieldClassName(bag) : fieldClassName),
+		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),
+				children: label
+			}),
+			/* @__PURE__ */ jsxs(Listbox, {
+				...props,
+				invalid: isInvalid || invalid,
+				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),
+					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,
+							onChange: () => {},
+							onInvalid: handleInvalid,
+							onFocus: refocus,
+							required,
+							tabIndex: -1,
+							value: Array.isArray(selectedOptionSync) ? selectedOptionSync.join(", ") : selectedOptionSync
+						}),
+						/* @__PURE__ */ jsx(ListboxSelectedOption, {
+							...selectedOptionProps,
+							options: selectOptionList,
+							placeholder: /* @__PURE__ */ jsx("span", {
+								className: "opacity-50",
+								children: placeholder || (multiple ? "Choose Any" : "Choose One")
+							})
+						}),
+						/* @__PURE__ */ jsx(ChevronUpChevronDown, { className: "absolute top-1/2 right-2 size-3 -translate-y-1/2 fill-current/50" })
+					]
+				}), /* @__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),
+					transition: transition || true,
+					children
+				})]
+			}),
+			description && /* @__PURE__ */ jsx(Description, {
+				...descriptionProps,
+				className: (bag) => twMerge("text-xs text-current/60", typeof descriptionClassName === "function" ? descriptionClassName(bag) : descriptionClassName),
+				children: description
+			})
+		]
+	});
 }
 
 //#endregion
@@ -6841,21 +7120,28 @@ function SubmitButton({ children, className, customTheme, error, formStatus = "r
 	const getButtonText = () => {
 		switch (formStatus) {
 			case "incomplete": return incomplete || "Complete Form";
-			case "loading": return loading || <>
-							<span className="animate-wave animation-delay-300 inline-block">
-								•
-							</span>
-							<span className="animate-wave animation-delay-150 inline-block">
-								•
-							</span>
-							<span className="animate-wave inline-block">•</span>
-						</>;
-			case "error": return <>
-						{error || "Error"}{" "}
-						<span className="absolute top-1/2 ml-1.5 translate-y-[calc(-50%-1.5px)] text-2xl">
-							&times;
-						</span>
-					</>;
+			case "loading": return loading || /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "animate-wave animation-delay-300 inline-block",
+					children: "•"
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "animate-wave animation-delay-150 inline-block",
+					children: "•"
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "animate-wave inline-block",
+					children: "•"
+				})
+			] });
+			case "error": return /* @__PURE__ */ jsxs(Fragment, { children: [
+				error || "Error",
+				" ",
+				/* @__PURE__ */ jsx("span", {
+					className: "absolute top-1/2 ml-1.5 translate-y-[calc(-50%-1.5px)] text-2xl",
+					children: "×"
+				})
+			] });
 			case "readonly": return readonly || children;
 			case "success": return success || "Successfully Submitted";
 			default: return children || "Submit";
@@ -6874,13 +7160,19 @@ function SubmitButton({ children, className, customTheme, error, formStatus = "r
 		}
 	};
 	const dataFormState = getDataFormState();
-	return <Button {...props} {...dataFormState} className={twMerge([
-		formStatusButtonClasses,
-		"w-full 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) }} theme="custom" type={type || "submit"}>
-			{buttonText}
-		</Button>;
+	return /* @__PURE__ */ jsx(Button, {
+		...props,
+		...dataFormState,
+		className: twMerge([
+			formStatusButtonClasses,
+			"w-full 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) },
+		theme: "custom",
+		type: type || "submit",
+		children: buttonText
+	});
 }
 
 //#endregion
@@ -6929,21 +7221,27 @@ function Textarea({ children, className, description, descriptionProps: { classN
 		}
 		resizeClassName = resizeClassList.join(" ");
 	}
-	return <Field {...fieldProps} className={(bag) => twMerge("grid h-fit gap-1", typeof fieldClassName === "function" ? fieldClassName(bag) : fieldClassName)}>
-			{label && <Label {...labelProps} className={(bag) => twMerge("text-sm font-medium", required ? "after:text-red-700 after:content-[\"_*\"]" : "", typeof labelClassName === "function" ? labelClassName(bag) : labelClassName)}>
-					{label}
-				</Label>}
-
-			<div>
-				<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)} required={required} />
-
-				{children}
-			</div>
-
-			{description && <Description {...descriptionProps} className={(bag) => twMerge("text-xs text-current/60", typeof descriptionClassName === "function" ? descriptionClassName(bag) : descriptionClassName)}>
-					{description}
-				</Description>}
-		</Field>;
+	return /* @__PURE__ */ jsxs(Field, {
+		...fieldProps,
+		className: (bag) => twMerge("grid h-fit gap-1", typeof fieldClassName === "function" ? fieldClassName(bag) : fieldClassName),
+		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),
+				children: label
+			}),
+			/* @__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),
+				required
+			}), children] }),
+			description && /* @__PURE__ */ jsx(Description, {
+				...descriptionProps,
+				className: (bag) => twMerge("text-xs text-current/60", typeof descriptionClassName === "function" ? descriptionClassName(bag) : descriptionClassName),
+				children: description
+			})
+		]
+	});
 }
 
 //#endregion
@@ -7007,9 +7305,12 @@ function Time({ children, dateObject, dateTime, day, hours, milliseconds, minute
 	useEffect(() => {
 		onVisible();
 	}, []);
-	return <time dateTime={dateAndTime} ref={ref} {...props}>
-			{dateDisplay}
-		</time>;
+	return /* @__PURE__ */ jsx("time", {
+		dateTime: dateAndTime,
+		ref,
+		...props,
+		children: dateDisplay
+	});
 }
 
 //#endregion
@@ -8604,9 +8905,10 @@ function TooltipTrigger({ as, asChild = false, children, onMouseEnter, onMouseLe
 		"aria-describedby": isOpen ? "tooltip" : void 0
 	};
 	if (asChild && isValidElement(children)) return cloneElement(children, triggerProps);
-	return <TooltipTriggerElement {...triggerProps}>
-			{children}
-		</TooltipTriggerElement>;
+	return /* @__PURE__ */ jsx(TooltipTriggerElement, {
+		...triggerProps,
+		children
+	});
 }
 /**
 * ## Tooltip Panel
@@ -8617,7 +8919,7 @@ function TooltipPanel({ as, children, className, style, onMouseEnter, onMouseLea
 	const TooltipPanelElement = as || "div";
 	const [tooltipContext] = useTooltipContext((store) => store);
 	const { isOpen, refs, floatingStyles, isPositioned, placement, middlewareData, arrowRef, arrow: contextArrow, arrowClassName: contextArrowClassName, openTooltip, closeTooltip } = tooltipContext || {};
-	if (!isOpen) return <></>;
+	if (!isOpen) return /* @__PURE__ */ jsx(Fragment, {});
 	const reversedAnchor = {
 		top: "bottom",
 		right: "left",
@@ -8677,24 +8979,35 @@ function TooltipPanel({ as, children, className, style, onMouseEnter, onMouseLea
 		openTooltip?.();
 		onTouchStart?.(e);
 	};
-	return <TooltipPanelElement {...props} ref={(node) => {
-		if (node && typeof node.querySelector === "function") {
-			refs?.setFloating(node);
-			if (contextArrow) {
-				const arrowElement = node.querySelector("[data-tooltip-arrow]");
-				if (arrowElement && arrowRef) arrowRef.current = arrowElement;
+	return /* @__PURE__ */ jsxs(TooltipPanelElement, {
+		...props,
+		ref: (node) => {
+			if (node && typeof node.querySelector === "function") {
+				refs?.setFloating(node);
+				if (contextArrow) {
+					const arrowElement = node.querySelector("[data-tooltip-arrow]");
+					if (arrowElement && arrowRef) arrowRef.current = arrowElement;
+				}
 			}
-		}
-	}} 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,
-		transformOrigin: reversedAnchor,
-		pointerEvents: "none"
-	}} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} onTouchStart={handleTouchStart} role="tooltip" {...isPositioned ? { "data-ready": true } : {}}>
-			{children}
-
-			{contextArrow && <ArrowSvg className={twMerge("absolute", arrowLocationClasses, contextArrowClassName)} style={arrowStyles} data-tooltip-arrow />}
-		</TooltipPanelElement>;
+		},
+		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,
+			transformOrigin: reversedAnchor,
+			pointerEvents: "none"
+		},
+		onMouseEnter: handleMouseEnter,
+		onMouseLeave: handleMouseLeave,
+		onTouchStart: handleTouchStart,
+		role: "tooltip",
+		...isPositioned ? { "data-ready": true } : {},
+		children: [children, contextArrow && /* @__PURE__ */ jsx(ArrowSvg, {
+			className: twMerge("absolute", arrowLocationClasses, contextArrowClassName),
+			style: arrowStyles,
+			"data-tooltip-arrow": true
+		})]
+	});
 }
 function TooltipDisplay({ anchor = "top", arrow: arrow$4, arrowClassName, children, delay = 500, offset: offset$3 = 8, onClose, onOpen, portal }) {
 	const [isOpen, setIsOpen] = useState(false), timeoutRef = useRef(void 0), arrowRef = useRef(null);
@@ -8781,9 +9094,7 @@ function TooltipDisplay({ anchor = "top", arrow: arrow$4, arrowClassName, childr
 		openTooltip,
 		closeTooltip
 	}) : children;
-	return <>
-			{portal ? bodyElement ? createPortal(content, bodyElement) : null : content}
-		</>;
+	return /* @__PURE__ */ jsx(Fragment, { children: portal ? bodyElement ? createPortal(content, bodyElement) : null : content });
 }
 /**
 * # Tooltip
@@ -8801,16 +9112,28 @@ function TooltipDisplay({ anchor = "top", arrow: arrow$4, arrowClassName, childr
 * @prop portal - Whether to use a portal for the tooltip.
 */
 function Tooltip(props) {
-	return <TooltipContextProvider>
-			<TooltipDisplay {...props} />
-		</TooltipContextProvider>;
+	return /* @__PURE__ */ jsx(TooltipContextProvider, { children: /* @__PURE__ */ jsx(TooltipDisplay, { ...props }) });
 }
 function ArrowSvg({ className, ...props }) {
-	return <svg viewBox="0 0 20 10" className={twMerge("h-2.5 w-5 fill-none", className)} {...props}>
-			<path d="M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z" className="fill-neutral-50 dark:fill-neutral-800" />
-			<path d="M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z" className="fill-neutral-400 dark:fill-none" />
-			<path d="M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z" className="dark:fill-neutral-600" />
-		</svg>;
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 20 10",
+		className: twMerge("h-2.5 w-5 fill-none", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
+				className: "fill-neutral-50 dark:fill-neutral-800"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z",
+				className: "fill-neutral-400 dark:fill-none"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z",
+				className: "dark:fill-neutral-600"
+			})
+		]
+	});
 }
 
 //#endregion
@@ -8828,23 +9151,64 @@ function ArrowSvg({ className, ...props }) {
 * ```
 */
 function FacebookLogo({ className, cutout = false, targets, variant = "circle", ...props }) {
-	return <svg {...props} className={twMerge(variant === "circle" && cutout ? "fill-[url(#facebook-gradient)]" : "**-data-[name=\"f\"]:fill-white **-data-[name=\"background\"]:fill-[url(#facebook-gradient)]", variant === "f" && "fill-[url(#facebook-gradient)]", className)} viewBox={`0 0 ${variant === "circle" ? "1024" : "551"} ${variant === "circle" && cutout ? "1017" : "1024"}`}>
-			{variant === "circle" && (cutout ? <path {...targets?.background} data-name="background" d="M426.672,1016.91C184.64,976.24 0,765.504 0,512C0,229.424 229.424,0 512,0C794.576,0 1024,229.424 1024,512C1024,765.504 839.36,976.24 597.328,1016.91L597.328,651.376L711.104,651.376L733.872,509.152L597.328,509.152L597.328,409.6C597.328,369.776 611.552,338.496 674.128,338.496L739.552,338.496L739.552,207.648C702.576,201.952 662.752,196.272 625.776,196.272C509.152,196.272 426.672,267.376 426.672,395.376L426.672,509.152L298.672,509.152L298.672,651.376L426.672,651.376L426.672,1016.91Z" /> : <>
-						<circle {...targets?.background} data-name="background" cx="512" cy="512" r="512" />
-						<path {...targets && "f" in targets ? targets?.f : {}} data-name="f" d="M426.672,1016.91L426.672,651.376L298.672,651.376L298.672,509.152L426.672,509.152L426.672,395.376C426.672,267.376 509.152,196.272 625.776,196.272C662.752,196.272 702.576,201.952 739.552,207.648L739.552,338.496L674.128,338.496C611.552,338.496 597.328,369.776 597.328,409.6L597.328,509.152L733.872,509.152L711.104,651.376L597.328,651.376L597.328,1016.91C569.584,1021.57 541.072,1024 512,1024C482.928,1024 454.416,1021.57 426.672,1016.91Z" />
-					</>)}
-			{variant === "f" && <path d="M159.712,1024L159.712,567.888L0,567.888L0,390.432L159.712,390.432L159.712,248.448C159.712,88.736 262.656,0 408.176,0C454.304,0 504,7.104 550.144,14.192L550.144,177.472L468.512,177.472C390.432,177.472 372.672,216.512 372.672,266.192L372.672,390.432L543.04,390.432L514.656,567.888L372.672,567.888L372.672,1024L159.712,1024Z" />}
-			<defs>
-				{variant === "circle" && <linearGradient id="facebook-gradient" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(2.81599e-13,-994.078,994.078,2.81599e-13,512,994.078)">
-						<stop offset="0" stopColor="rgb(0 98 224)" stopOpacity={1} />
-						<stop offset="1" stopColor="rgb(25 175 255)" stopOpacity={1} />
-					</linearGradient>}
-				{variant === "f" && <linearGradient id="facebook-gradient" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.0108513,-1032.85,1032.85,0.0108513,266.187,1032.85)">
-						<stop offset="0" stopColor="rgb(0 98 224)" stopOpacity={1} />
-						<stop offset="1" stopColor="rgb(25 175 255)" stopOpacity={1} />
-					</linearGradient>}
-			</defs>
-		</svg>;
+	return /* @__PURE__ */ jsxs("svg", {
+		...props,
+		className: twMerge(variant === "circle" && cutout ? "fill-[url(#facebook-gradient)]" : "**-data-[name=\"f\"]:fill-white **-data-[name=\"background\"]:fill-[url(#facebook-gradient)]", variant === "f" && "fill-[url(#facebook-gradient)]", className),
+		viewBox: `0 0 ${variant === "circle" ? "1024" : "551"} ${variant === "circle" && cutout ? "1017" : "1024"}`,
+		children: [
+			variant === "circle" && (cutout ? /* @__PURE__ */ jsx("path", {
+				...targets?.background,
+				"data-name": "background",
+				d: "M426.672,1016.91C184.64,976.24 0,765.504 0,512C0,229.424 229.424,0 512,0C794.576,0 1024,229.424 1024,512C1024,765.504 839.36,976.24 597.328,1016.91L597.328,651.376L711.104,651.376L733.872,509.152L597.328,509.152L597.328,409.6C597.328,369.776 611.552,338.496 674.128,338.496L739.552,338.496L739.552,207.648C702.576,201.952 662.752,196.272 625.776,196.272C509.152,196.272 426.672,267.376 426.672,395.376L426.672,509.152L298.672,509.152L298.672,651.376L426.672,651.376L426.672,1016.91Z"
+			}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("circle", {
+				...targets?.background,
+				"data-name": "background",
+				cx: "512",
+				cy: "512",
+				r: "512"
+			}), /* @__PURE__ */ jsx("path", {
+				...targets && "f" in targets ? targets?.f : {},
+				"data-name": "f",
+				d: "M426.672,1016.91L426.672,651.376L298.672,651.376L298.672,509.152L426.672,509.152L426.672,395.376C426.672,267.376 509.152,196.272 625.776,196.272C662.752,196.272 702.576,201.952 739.552,207.648L739.552,338.496L674.128,338.496C611.552,338.496 597.328,369.776 597.328,409.6L597.328,509.152L733.872,509.152L711.104,651.376L597.328,651.376L597.328,1016.91C569.584,1021.57 541.072,1024 512,1024C482.928,1024 454.416,1021.57 426.672,1016.91Z"
+			})] })),
+			variant === "f" && /* @__PURE__ */ jsx("path", { d: "M159.712,1024L159.712,567.888L0,567.888L0,390.432L159.712,390.432L159.712,248.448C159.712,88.736 262.656,0 408.176,0C454.304,0 504,7.104 550.144,14.192L550.144,177.472L468.512,177.472C390.432,177.472 372.672,216.512 372.672,266.192L372.672,390.432L543.04,390.432L514.656,567.888L372.672,567.888L372.672,1024L159.712,1024Z" }),
+			/* @__PURE__ */ jsxs("defs", { children: [variant === "circle" && /* @__PURE__ */ jsxs("linearGradient", {
+				id: "facebook-gradient",
+				x1: "0",
+				y1: "0",
+				x2: "1",
+				y2: "0",
+				gradientUnits: "userSpaceOnUse",
+				gradientTransform: "matrix(2.81599e-13,-994.078,994.078,2.81599e-13,512,994.078)",
+				children: [/* @__PURE__ */ jsx("stop", {
+					offset: "0",
+					stopColor: "rgb(0 98 224)",
+					stopOpacity: 1
+				}), /* @__PURE__ */ jsx("stop", {
+					offset: "1",
+					stopColor: "rgb(25 175 255)",
+					stopOpacity: 1
+				})]
+			}), variant === "f" && /* @__PURE__ */ jsxs("linearGradient", {
+				id: "facebook-gradient",
+				x1: "0",
+				y1: "0",
+				x2: "1",
+				y2: "0",
+				gradientUnits: "userSpaceOnUse",
+				gradientTransform: "matrix(0.0108513,-1032.85,1032.85,0.0108513,266.187,1032.85)",
+				children: [/* @__PURE__ */ jsx("stop", {
+					offset: "0",
+					stopColor: "rgb(0 98 224)",
+					stopOpacity: 1
+				}), /* @__PURE__ */ jsx("stop", {
+					offset: "1",
+					stopColor: "rgb(25 175 255)",
+					stopOpacity: 1
+				})]
+			})] })
+		]
+	});
 }
 
 //#endregion
@@ -8857,30 +9221,100 @@ function FacebookLogo({ className, cutout = false, targets, variant = "circle",
 * ```
 */
 function GoogleLogo({ gradient = true, ...props }) {
-	return <svg {...props} viewBox="0 0 1003 1024">
-      {gradient ? <>
-            <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" fill="url(#google-gradient-1)" />
-            <path d="M962.829,737.214L788.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.032L0,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.214Z" fill="url(#google-gradient-2)" />
-            <path d="M0,511.953L208.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.953Z" fill="url(#google-gradient-3)" />
-            <defs>
-              <linearGradient id="google-gradient-1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-23.365,-1.73106,1.73106,-23.365,500.07,513.731)">
-                <stop offset="0" stopColor="rgb(48,134,255)" stopOpacity={1} />
-                <stop offset="1" stopColor="rgb(254,206,5)" stopOpacity={1} />
-              </linearGradient>
-              <radialGradient id="google-gradient-2" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(762.024,46.0057,-28.7966,476.978,457.583,993.176)">
-                <stop offset="0" stopColor="rgb(15,188,92)" stopOpacity={1} />
-                <stop offset="0.38" stopColor="rgb(15,188,92)" stopOpacity={1} />
-                <stop offset="0.71" stopColor="rgb(15,188,92)" stopOpacity={.28} />
-                <stop offset="1" stopColor="rgb(15,188,92)" stopOpacity={0} />
-              </radialGradient>
-              <linearGradient id="google-gradient-3" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-220.623,431.86,-270.317,-138.096,806.553,181.999)">
-                <stop offset="0" stopColor="rgb(251,78,90)" stopOpacity={1} />
-                <stop offset="0.39" stopColor="rgb(255,71,63)" stopOpacity={1} />
-                <stop offset="1" stopColor="rgb(251,78,90)" stopOpacity={0} />
-              </linearGradient>
-            </defs>
-          </> : <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" />}
-    </svg>;
+	return /* @__PURE__ */ jsx("svg", {
+		...props,
+		viewBox: "0 0 1003 1024",
+		children: gradient ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__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",
+				fill: "url(#google-gradient-1)"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M962.829,737.214L788.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.032L0,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.214Z",
+				fill: "url(#google-gradient-2)"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M0,511.953L208.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.953Z",
+				fill: "url(#google-gradient-3)"
+			}),
+			/* @__PURE__ */ jsxs("defs", { children: [
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "google-gradient-1",
+					x1: "0",
+					y1: "0",
+					x2: "1",
+					y2: "0",
+					gradientUnits: "userSpaceOnUse",
+					gradientTransform: "matrix(-23.365,-1.73106,1.73106,-23.365,500.07,513.731)",
+					children: [/* @__PURE__ */ jsx("stop", {
+						offset: "0",
+						stopColor: "rgb(48,134,255)",
+						stopOpacity: 1
+					}), /* @__PURE__ */ jsx("stop", {
+						offset: "1",
+						stopColor: "rgb(254,206,5)",
+						stopOpacity: 1
+					})]
+				}),
+				/* @__PURE__ */ jsxs("radialGradient", {
+					id: "google-gradient-2",
+					cx: "0",
+					cy: "0",
+					r: "1",
+					gradientUnits: "userSpaceOnUse",
+					gradientTransform: "matrix(762.024,46.0057,-28.7966,476.978,457.583,993.176)",
+					children: [
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0",
+							stopColor: "rgb(15,188,92)",
+							stopOpacity: 1
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.38",
+							stopColor: "rgb(15,188,92)",
+							stopOpacity: 1
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.71",
+							stopColor: "rgb(15,188,92)",
+							stopOpacity: .28
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "rgb(15,188,92)",
+							stopOpacity: 0
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("linearGradient", {
+					id: "google-gradient-3",
+					x1: "0",
+					y1: "0",
+					x2: "1",
+					y2: "0",
+					gradientUnits: "userSpaceOnUse",
+					gradientTransform: "matrix(-220.623,431.86,-270.317,-138.096,806.553,181.999)",
+					children: [
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0",
+							stopColor: "rgb(251,78,90)",
+							stopOpacity: 1
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.39",
+							stopColor: "rgb(255,71,63)",
+							stopOpacity: 1
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "rgb(251,78,90)",
+							stopOpacity: 0
+						})
+					]
+				})
+			] })
+		] }) : /* @__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
@@ -8893,36 +9327,115 @@ function GoogleLogo({ gradient = true, ...props }) {
 * ```
 */
 function InstagramLogo({ gradient = true, ...props }) {
-	return <svg {...props} viewBox="0 0 1024 1024">
-      {gradient ? <>
-            <path d="M512,0C651.052,0 668.488,0.588 723.096,3.08C777.592,5.568 814.812,14.224 847.38,26.88C881.048,39.96 909.6,57.472 938.064,85.936C966.528,114.4 984.036,142.952 997.12,176.624C1009.78,209.188 1018.43,246.408 1020.92,300.904C1023.41,355.512 1024,372.948 1024,512C1024,651.052 1023.41,668.488 1020.92,723.1C1018.43,777.596 1009.78,814.812 997.12,847.38C984.036,881.052 966.528,909.604 938.064,938.068C909.6,966.532 881.048,984.04 847.376,997.12C814.812,1009.78 777.592,1018.43 723.096,1020.92C668.488,1023.41 651.052,1024 512,1024C372.948,1024 355.512,1023.41 300.9,1020.92C246.404,1018.43 209.188,1009.78 176.62,997.12C142.948,984.036 114.396,966.532 85.932,938.068C57.468,909.604 39.96,881.048 26.88,847.38C14.22,814.816 5.568,777.596 3.08,723.096C0.588,668.488 0,651.052 0,512C0,372.948 0.588,355.512 3.08,300.904C5.568,246.408 14.22,209.188 26.88,176.62C39.964,142.952 57.468,114.4 85.932,85.936C114.396,57.472 142.948,39.964 176.62,26.88C209.184,14.224 246.404,5.568 300.904,3.08C355.512,0.588 372.948,0 512,0ZM512,92.256C375.288,92.256 359.096,92.776 305.108,95.236C255.188,97.516 228.076,105.856 210.036,112.868C186.14,122.156 169.084,133.248 151.164,151.168C133.248,169.084 122.152,186.14 112.868,210.036C105.856,228.08 97.516,255.192 95.236,305.112C92.772,359.1 92.252,375.292 92.252,512C92.252,648.712 92.772,664.904 95.236,718.892C97.512,768.812 105.856,795.924 112.868,813.964C122.152,837.86 133.248,854.916 151.164,872.836C169.08,890.752 186.14,901.848 210.036,911.132C228.08,918.144 255.188,926.484 305.108,928.764C359.088,931.228 375.28,931.748 512,931.748C648.716,931.748 664.908,931.228 718.888,928.764C768.808,926.488 795.92,918.144 813.964,911.132C837.86,901.848 854.916,890.752 872.832,872.836C890.748,854.92 901.844,837.86 911.132,813.964C918.144,795.92 926.484,768.812 928.764,718.892C931.224,664.904 931.744,648.712 931.744,512C931.744,375.292 931.224,359.1 928.764,305.108C926.484,255.192 918.144,228.08 911.132,210.036C901.844,186.14 890.752,169.084 872.832,151.168C854.916,133.252 837.86,122.156 813.964,112.868C795.92,105.856 768.808,97.516 718.888,95.236C664.9,92.776 648.708,92.256 512,92.256ZM512,249.08C657.204,249.08 774.92,366.796 774.92,512C774.92,657.208 657.204,774.92 512,774.92C366.792,774.92 249.08,657.208 249.08,512C249.08,366.8 366.792,249.08 512,249.08ZM512,682.668C606.256,682.668 682.668,606.256 682.668,512C682.668,417.744 606.256,341.332 512,341.332C417.744,341.332 341.332,417.744 341.332,512C341.332,606.256 417.744,682.668 512,682.668ZM846.744,238.692C846.744,272.628 819.24,300.132 785.304,300.132C751.372,300.132 723.864,272.628 723.864,238.692C723.864,204.76 751.372,177.252 785.304,177.252C819.24,177.252 846.744,204.76 846.744,238.692Z" fill="url(#instagram-gradient-1)" />
-            <path d="M512,0C651.052,0 668.488,0.588 723.096,3.08C777.592,5.568 814.812,14.224 847.38,26.88C881.048,39.96 909.6,57.472 938.064,85.936C966.528,114.4 984.036,142.952 997.12,176.624C1009.78,209.188 1018.43,246.408 1020.92,300.904C1023.41,355.512 1024,372.948 1024,512C1024,651.052 1023.41,668.488 1020.92,723.1C1018.43,777.596 1009.78,814.812 997.12,847.38C984.036,881.052 966.528,909.604 938.064,938.068C909.6,966.532 881.048,984.04 847.376,997.12C814.812,1009.78 777.592,1018.43 723.096,1020.92C668.488,1023.41 651.052,1024 512,1024C372.948,1024 355.512,1023.41 300.9,1020.92C246.404,1018.43 209.188,1009.78 176.62,997.12C142.948,984.036 114.396,966.532 85.932,938.068C57.468,909.604 39.96,881.048 26.88,847.38C14.22,814.816 5.568,777.596 3.08,723.096C0.588,668.488 0,651.052 0,512C0,372.948 0.588,355.512 3.08,300.904C5.568,246.408 14.22,209.188 26.88,176.62C39.964,142.952 57.468,114.4 85.932,85.936C114.396,57.472 142.948,39.964 176.62,26.88C209.184,14.224 246.404,5.568 300.904,3.08C355.512,0.588 372.948,0 512,0ZM512,92.256C375.288,92.256 359.096,92.776 305.108,95.236C255.188,97.516 228.076,105.856 210.036,112.868C186.14,122.156 169.084,133.248 151.164,151.168C133.248,169.084 122.152,186.14 112.868,210.036C105.856,228.08 97.516,255.192 95.236,305.112C92.772,359.1 92.252,375.292 92.252,512C92.252,648.712 92.772,664.904 95.236,718.892C97.512,768.812 105.856,795.924 112.868,813.964C122.152,837.86 133.248,854.916 151.164,872.836C169.08,890.752 186.14,901.848 210.036,911.132C228.08,918.144 255.188,926.484 305.108,928.764C359.088,931.228 375.28,931.748 512,931.748C648.716,931.748 664.908,931.228 718.888,928.764C768.808,926.488 795.92,918.144 813.964,911.132C837.86,901.848 854.916,890.752 872.832,872.836C890.748,854.92 901.844,837.86 911.132,813.964C918.144,795.92 926.484,768.812 928.764,718.892C931.224,664.904 931.744,648.712 931.744,512C931.744,375.292 931.224,359.1 928.764,305.108C926.484,255.192 918.144,228.08 911.132,210.036C901.844,186.14 890.752,169.084 872.832,151.168C854.916,133.252 837.86,122.156 813.964,112.868C795.92,105.856 768.808,97.516 718.888,95.236C664.9,92.776 648.708,92.256 512,92.256ZM512,249.08C657.204,249.08 774.92,366.796 774.92,512C774.92,657.208 657.204,774.92 512,774.92C366.792,774.92 249.08,657.208 249.08,512C249.08,366.8 366.792,249.08 512,249.08ZM512,682.668C606.256,682.668 682.668,606.256 682.668,512C682.668,417.744 606.256,341.332 512,341.332C417.744,341.332 341.332,417.744 341.332,512C341.332,606.256 417.744,682.668 512,682.668ZM846.744,238.692C846.744,272.628 819.24,300.132 785.304,300.132C751.372,300.132 723.864,272.628 723.864,238.692C723.864,204.76 751.372,177.252 785.304,177.252C819.24,177.252 846.744,204.76 846.744,238.692Z" fill="url(#instagram-gradient-2)" />
-            <path d="M512,0C651.052,-0 668.488,0.588 723.096,3.08C777.592,5.568 814.812,14.224 847.38,26.88C881.048,39.96 909.6,57.472 938.064,85.936C966.528,114.4 984.036,142.952 997.12,176.624C1009.78,209.188 1018.43,246.408 1020.92,300.904C1023.41,355.512 1024,372.948 1024,512C1024,651.052 1023.41,668.488 1020.92,723.1C1018.43,777.596 1009.78,814.812 997.12,847.38C984.036,881.052 966.528,909.604 938.064,938.068C909.6,966.532 881.048,984.04 847.376,997.12C814.812,1009.78 777.592,1018.43 723.096,1020.92C668.488,1023.41 651.052,1024 512,1024C372.948,1024 355.512,1023.41 300.9,1020.92C246.404,1018.43 209.188,1009.78 176.62,997.12C142.948,984.036 114.396,966.532 85.932,938.068C57.468,909.604 39.96,881.048 26.88,847.38C14.22,814.816 5.568,777.596 3.08,723.096C0.588,668.488 0,651.052 0,512C0,372.948 0.588,355.512 3.08,300.904C5.568,246.408 14.22,209.188 26.88,176.62C39.964,142.952 57.468,114.4 85.932,85.936C114.396,57.472 142.948,39.964 176.62,26.88C209.184,14.224 246.404,5.568 300.904,3.08C355.512,0.588 372.948,0 512,0ZM512,92.256C375.288,92.256 359.096,92.776 305.108,95.236C255.188,97.516 228.076,105.856 210.036,112.868C186.14,122.156 169.084,133.248 151.164,151.168C133.248,169.084 122.152,186.14 112.868,210.036C105.856,228.08 97.516,255.192 95.236,305.112C92.772,359.1 92.252,375.292 92.252,512C92.252,648.712 92.772,664.904 95.236,718.892C97.512,768.812 105.856,795.924 112.868,813.964C122.152,837.86 133.248,854.916 151.164,872.836C169.08,890.752 186.14,901.848 210.036,911.132C228.08,918.144 255.188,926.484 305.108,928.764C359.088,931.228 375.28,931.748 512,931.748C648.716,931.748 664.908,931.228 718.888,928.764C768.808,926.488 795.92,918.144 813.964,911.132C837.86,901.848 854.916,890.752 872.832,872.836C890.748,854.92 901.844,837.86 911.132,813.964C918.144,795.92 926.484,768.812 928.764,718.892C931.224,664.904 931.744,648.712 931.744,512C931.744,375.292 931.224,359.1 928.764,305.108C926.484,255.192 918.144,228.08 911.132,210.036C901.844,186.14 890.752,169.084 872.832,151.168C854.916,133.252 837.86,122.156 813.964,112.868C795.92,105.856 768.808,97.516 718.888,95.236C664.9,92.776 648.708,92.256 512,92.256ZM512,249.08C657.204,249.08 774.92,366.796 774.92,512C774.92,657.208 657.204,774.92 512,774.92C366.792,774.92 249.08,657.208 249.08,512C249.08,366.8 366.792,249.08 512,249.08ZM512,682.668C606.256,682.668 682.668,606.256 682.668,512C682.668,417.744 606.256,341.332 512,341.332C417.744,341.332 341.332,417.744 341.332,512C341.332,606.256 417.744,682.668 512,682.668ZM846.744,238.692C846.744,272.628 819.24,300.132 785.304,300.132C751.372,300.132 723.864,272.628 723.864,238.692C723.864,204.76 751.372,177.252 785.304,177.252C819.24,177.252 846.744,204.76 846.744,238.692Z" fill="url(#instagram-gradient-3)" />
-            <defs>
-              <radialGradient id="instagram-gradient-1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(871.396,269.57,-152.264,492.2,322.577,976.97)">
-                <stop offset="0" stopColor="rgb(255 213 1)" stopOpacity={1} />
-                <stop offset="0.32" stopColor="rgb(255 189 7)" stopOpacity={1} />
-                <stop offset="0.59" stopColor="rgb(255 103 29)" stopOpacity={1} />
-                <stop offset="1" stopColor="rgb(255 0 185)" stopOpacity={1} />
-              </radialGradient>
-              <radialGradient id="instagram-gradient-2" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(94.7015,306.205,-937.345,289.897,119.251,57.4757)">
-                <stop offset="0" stopColor="rgb(109 25 255)" stopOpacity={1} />
-                <stop offset="0.43" stopColor="rgb(151 18 235)" stopOpacity={1} />
-                <stop offset="0.96" stopColor="rgb(250 1 187)" stopOpacity={1} />
-                <stop offset="1" stopColor="rgb(255 0 185)" stopOpacity={0} />
-              </radialGradient>
-              <radialGradient id="instagram-gradient-3" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(112.098,-864.179,131.728,17.0873,1003.58,829.183)">
-                <stop offset="0" stopColor="rgb(254 21 138)" stopOpacity={1} />
-                <stop offset="0.46" stopColor="rgb(255 2 62)" stopOpacity={1} />
-                <stop offset="1" stopColor="rgb(255 0 55)" stopOpacity={0} />
-              </radialGradient>
-            </defs>
-          </> : <>
-            <path d="M512,0C651.052,0 668.488,0.588 723.096,3.08C777.592,5.568 814.812,14.224 847.38,26.88C881.048,39.96 909.6,57.472 938.064,85.936C966.528,114.4 984.036,142.952 997.12,176.624C1009.78,209.188 1018.43,246.408 1020.92,300.904C1023.41,355.512 1024,372.948 1024,512C1024,651.052 1023.41,668.488 1020.92,723.1C1018.43,777.596 1009.78,814.812 997.12,847.38C984.036,881.052 966.528,909.604 938.064,938.068C909.6,966.532 881.048,984.04 847.376,997.12C814.812,1009.78 777.592,1018.43 723.096,1020.92C668.488,1023.41 651.052,1024 512,1024C372.948,1024 355.512,1023.41 300.9,1020.92C246.404,1018.43 209.188,1009.78 176.62,997.12C142.948,984.036 114.396,966.532 85.932,938.068C57.468,909.604 39.96,881.048 26.88,847.38C14.22,814.816 5.568,777.596 3.08,723.096C0.588,668.488 0,651.052 0,512C0,372.948 0.588,355.512 3.08,300.904C5.568,246.408 14.22,209.188 26.88,176.62C39.964,142.952 57.468,114.4 85.932,85.936C114.396,57.472 142.948,39.964 176.62,26.88C209.184,14.224 246.404,5.568 300.904,3.08C355.512,0.588 372.948,0 512,0ZM512,92.256C375.288,92.256 359.096,92.776 305.108,95.236C255.188,97.516 228.076,105.856 210.036,112.868C186.14,122.156 169.084,133.248 151.164,151.168C133.248,169.084 122.152,186.14 112.868,210.036C105.856,228.08 97.516,255.192 95.236,305.112C92.772,359.1 92.252,375.292 92.252,512C92.252,648.712 92.772,664.904 95.236,718.892C97.512,768.812 105.856,795.924 112.868,813.964C122.152,837.86 133.248,854.916 151.164,872.836C169.08,890.752 186.14,901.848 210.036,911.132C228.08,918.144 255.188,926.484 305.108,928.764C359.088,931.228 375.28,931.748 512,931.748C648.716,931.748 664.908,931.228 718.888,928.764C768.808,926.488 795.92,918.144 813.964,911.132C837.86,901.848 854.916,890.752 872.832,872.836C890.748,854.92 901.844,837.86 911.132,813.964C918.144,795.92 926.484,768.812 928.764,718.892C931.224,664.904 931.744,648.712 931.744,512C931.744,375.292 931.224,359.1 928.764,305.108C926.484,255.192 918.144,228.08 911.132,210.036C901.844,186.14 890.752,169.084 872.832,151.168C854.916,133.252 837.86,122.156 813.964,112.868C795.92,105.856 768.808,97.516 718.888,95.236C664.9,92.776 648.708,92.256 512,92.256Z" />
-            <path d="M512,249.08C657.204,249.08 774.92,366.796 774.92,512C774.92,657.208 657.204,774.92 512,774.92C366.792,774.92 249.08,657.208 249.08,512C249.08,366.8 366.792,249.08 512,249.08ZM512,682.668C606.256,682.668 682.668,606.256 682.668,512C682.668,417.744 606.256,341.332 512,341.332C417.744,341.332 341.332,417.744 341.332,512C341.332,606.256 417.744,682.668 512,682.668Z" />
-            <path d="M846.744,238.692C846.744,272.628 819.24,300.132 785.304,300.132C751.372,300.132 723.864,272.628 723.864,238.692C723.864,204.76 751.372,177.252 785.304,177.252C819.24,177.252 846.744,204.76 846.744,238.692Z" />
-          </>}
-    </svg>;
+	return /* @__PURE__ */ jsx("svg", {
+		...props,
+		viewBox: "0 0 1024 1024",
+		children: gradient ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M512,0C651.052,0 668.488,0.588 723.096,3.08C777.592,5.568 814.812,14.224 847.38,26.88C881.048,39.96 909.6,57.472 938.064,85.936C966.528,114.4 984.036,142.952 997.12,176.624C1009.78,209.188 1018.43,246.408 1020.92,300.904C1023.41,355.512 1024,372.948 1024,512C1024,651.052 1023.41,668.488 1020.92,723.1C1018.43,777.596 1009.78,814.812 997.12,847.38C984.036,881.052 966.528,909.604 938.064,938.068C909.6,966.532 881.048,984.04 847.376,997.12C814.812,1009.78 777.592,1018.43 723.096,1020.92C668.488,1023.41 651.052,1024 512,1024C372.948,1024 355.512,1023.41 300.9,1020.92C246.404,1018.43 209.188,1009.78 176.62,997.12C142.948,984.036 114.396,966.532 85.932,938.068C57.468,909.604 39.96,881.048 26.88,847.38C14.22,814.816 5.568,777.596 3.08,723.096C0.588,668.488 0,651.052 0,512C0,372.948 0.588,355.512 3.08,300.904C5.568,246.408 14.22,209.188 26.88,176.62C39.964,142.952 57.468,114.4 85.932,85.936C114.396,57.472 142.948,39.964 176.62,26.88C209.184,14.224 246.404,5.568 300.904,3.08C355.512,0.588 372.948,0 512,0ZM512,92.256C375.288,92.256 359.096,92.776 305.108,95.236C255.188,97.516 228.076,105.856 210.036,112.868C186.14,122.156 169.084,133.248 151.164,151.168C133.248,169.084 122.152,186.14 112.868,210.036C105.856,228.08 97.516,255.192 95.236,305.112C92.772,359.1 92.252,375.292 92.252,512C92.252,648.712 92.772,664.904 95.236,718.892C97.512,768.812 105.856,795.924 112.868,813.964C122.152,837.86 133.248,854.916 151.164,872.836C169.08,890.752 186.14,901.848 210.036,911.132C228.08,918.144 255.188,926.484 305.108,928.764C359.088,931.228 375.28,931.748 512,931.748C648.716,931.748 664.908,931.228 718.888,928.764C768.808,926.488 795.92,918.144 813.964,911.132C837.86,901.848 854.916,890.752 872.832,872.836C890.748,854.92 901.844,837.86 911.132,813.964C918.144,795.92 926.484,768.812 928.764,718.892C931.224,664.904 931.744,648.712 931.744,512C931.744,375.292 931.224,359.1 928.764,305.108C926.484,255.192 918.144,228.08 911.132,210.036C901.844,186.14 890.752,169.084 872.832,151.168C854.916,133.252 837.86,122.156 813.964,112.868C795.92,105.856 768.808,97.516 718.888,95.236C664.9,92.776 648.708,92.256 512,92.256ZM512,249.08C657.204,249.08 774.92,366.796 774.92,512C774.92,657.208 657.204,774.92 512,774.92C366.792,774.92 249.08,657.208 249.08,512C249.08,366.8 366.792,249.08 512,249.08ZM512,682.668C606.256,682.668 682.668,606.256 682.668,512C682.668,417.744 606.256,341.332 512,341.332C417.744,341.332 341.332,417.744 341.332,512C341.332,606.256 417.744,682.668 512,682.668ZM846.744,238.692C846.744,272.628 819.24,300.132 785.304,300.132C751.372,300.132 723.864,272.628 723.864,238.692C723.864,204.76 751.372,177.252 785.304,177.252C819.24,177.252 846.744,204.76 846.744,238.692Z",
+				fill: "url(#instagram-gradient-1)"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M512,0C651.052,0 668.488,0.588 723.096,3.08C777.592,5.568 814.812,14.224 847.38,26.88C881.048,39.96 909.6,57.472 938.064,85.936C966.528,114.4 984.036,142.952 997.12,176.624C1009.78,209.188 1018.43,246.408 1020.92,300.904C1023.41,355.512 1024,372.948 1024,512C1024,651.052 1023.41,668.488 1020.92,723.1C1018.43,777.596 1009.78,814.812 997.12,847.38C984.036,881.052 966.528,909.604 938.064,938.068C909.6,966.532 881.048,984.04 847.376,997.12C814.812,1009.78 777.592,1018.43 723.096,1020.92C668.488,1023.41 651.052,1024 512,1024C372.948,1024 355.512,1023.41 300.9,1020.92C246.404,1018.43 209.188,1009.78 176.62,997.12C142.948,984.036 114.396,966.532 85.932,938.068C57.468,909.604 39.96,881.048 26.88,847.38C14.22,814.816 5.568,777.596 3.08,723.096C0.588,668.488 0,651.052 0,512C0,372.948 0.588,355.512 3.08,300.904C5.568,246.408 14.22,209.188 26.88,176.62C39.964,142.952 57.468,114.4 85.932,85.936C114.396,57.472 142.948,39.964 176.62,26.88C209.184,14.224 246.404,5.568 300.904,3.08C355.512,0.588 372.948,0 512,0ZM512,92.256C375.288,92.256 359.096,92.776 305.108,95.236C255.188,97.516 228.076,105.856 210.036,112.868C186.14,122.156 169.084,133.248 151.164,151.168C133.248,169.084 122.152,186.14 112.868,210.036C105.856,228.08 97.516,255.192 95.236,305.112C92.772,359.1 92.252,375.292 92.252,512C92.252,648.712 92.772,664.904 95.236,718.892C97.512,768.812 105.856,795.924 112.868,813.964C122.152,837.86 133.248,854.916 151.164,872.836C169.08,890.752 186.14,901.848 210.036,911.132C228.08,918.144 255.188,926.484 305.108,928.764C359.088,931.228 375.28,931.748 512,931.748C648.716,931.748 664.908,931.228 718.888,928.764C768.808,926.488 795.92,918.144 813.964,911.132C837.86,901.848 854.916,890.752 872.832,872.836C890.748,854.92 901.844,837.86 911.132,813.964C918.144,795.92 926.484,768.812 928.764,718.892C931.224,664.904 931.744,648.712 931.744,512C931.744,375.292 931.224,359.1 928.764,305.108C926.484,255.192 918.144,228.08 911.132,210.036C901.844,186.14 890.752,169.084 872.832,151.168C854.916,133.252 837.86,122.156 813.964,112.868C795.92,105.856 768.808,97.516 718.888,95.236C664.9,92.776 648.708,92.256 512,92.256ZM512,249.08C657.204,249.08 774.92,366.796 774.92,512C774.92,657.208 657.204,774.92 512,774.92C366.792,774.92 249.08,657.208 249.08,512C249.08,366.8 366.792,249.08 512,249.08ZM512,682.668C606.256,682.668 682.668,606.256 682.668,512C682.668,417.744 606.256,341.332 512,341.332C417.744,341.332 341.332,417.744 341.332,512C341.332,606.256 417.744,682.668 512,682.668ZM846.744,238.692C846.744,272.628 819.24,300.132 785.304,300.132C751.372,300.132 723.864,272.628 723.864,238.692C723.864,204.76 751.372,177.252 785.304,177.252C819.24,177.252 846.744,204.76 846.744,238.692Z",
+				fill: "url(#instagram-gradient-2)"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M512,0C651.052,-0 668.488,0.588 723.096,3.08C777.592,5.568 814.812,14.224 847.38,26.88C881.048,39.96 909.6,57.472 938.064,85.936C966.528,114.4 984.036,142.952 997.12,176.624C1009.78,209.188 1018.43,246.408 1020.92,300.904C1023.41,355.512 1024,372.948 1024,512C1024,651.052 1023.41,668.488 1020.92,723.1C1018.43,777.596 1009.78,814.812 997.12,847.38C984.036,881.052 966.528,909.604 938.064,938.068C909.6,966.532 881.048,984.04 847.376,997.12C814.812,1009.78 777.592,1018.43 723.096,1020.92C668.488,1023.41 651.052,1024 512,1024C372.948,1024 355.512,1023.41 300.9,1020.92C246.404,1018.43 209.188,1009.78 176.62,997.12C142.948,984.036 114.396,966.532 85.932,938.068C57.468,909.604 39.96,881.048 26.88,847.38C14.22,814.816 5.568,777.596 3.08,723.096C0.588,668.488 0,651.052 0,512C0,372.948 0.588,355.512 3.08,300.904C5.568,246.408 14.22,209.188 26.88,176.62C39.964,142.952 57.468,114.4 85.932,85.936C114.396,57.472 142.948,39.964 176.62,26.88C209.184,14.224 246.404,5.568 300.904,3.08C355.512,0.588 372.948,0 512,0ZM512,92.256C375.288,92.256 359.096,92.776 305.108,95.236C255.188,97.516 228.076,105.856 210.036,112.868C186.14,122.156 169.084,133.248 151.164,151.168C133.248,169.084 122.152,186.14 112.868,210.036C105.856,228.08 97.516,255.192 95.236,305.112C92.772,359.1 92.252,375.292 92.252,512C92.252,648.712 92.772,664.904 95.236,718.892C97.512,768.812 105.856,795.924 112.868,813.964C122.152,837.86 133.248,854.916 151.164,872.836C169.08,890.752 186.14,901.848 210.036,911.132C228.08,918.144 255.188,926.484 305.108,928.764C359.088,931.228 375.28,931.748 512,931.748C648.716,931.748 664.908,931.228 718.888,928.764C768.808,926.488 795.92,918.144 813.964,911.132C837.86,901.848 854.916,890.752 872.832,872.836C890.748,854.92 901.844,837.86 911.132,813.964C918.144,795.92 926.484,768.812 928.764,718.892C931.224,664.904 931.744,648.712 931.744,512C931.744,375.292 931.224,359.1 928.764,305.108C926.484,255.192 918.144,228.08 911.132,210.036C901.844,186.14 890.752,169.084 872.832,151.168C854.916,133.252 837.86,122.156 813.964,112.868C795.92,105.856 768.808,97.516 718.888,95.236C664.9,92.776 648.708,92.256 512,92.256ZM512,249.08C657.204,249.08 774.92,366.796 774.92,512C774.92,657.208 657.204,774.92 512,774.92C366.792,774.92 249.08,657.208 249.08,512C249.08,366.8 366.792,249.08 512,249.08ZM512,682.668C606.256,682.668 682.668,606.256 682.668,512C682.668,417.744 606.256,341.332 512,341.332C417.744,341.332 341.332,417.744 341.332,512C341.332,606.256 417.744,682.668 512,682.668ZM846.744,238.692C846.744,272.628 819.24,300.132 785.304,300.132C751.372,300.132 723.864,272.628 723.864,238.692C723.864,204.76 751.372,177.252 785.304,177.252C819.24,177.252 846.744,204.76 846.744,238.692Z",
+				fill: "url(#instagram-gradient-3)"
+			}),
+			/* @__PURE__ */ jsxs("defs", { children: [
+				/* @__PURE__ */ jsxs("radialGradient", {
+					id: "instagram-gradient-1",
+					cx: "0",
+					cy: "0",
+					r: "1",
+					gradientUnits: "userSpaceOnUse",
+					gradientTransform: "matrix(871.396,269.57,-152.264,492.2,322.577,976.97)",
+					children: [
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0",
+							stopColor: "rgb(255 213 1)",
+							stopOpacity: 1
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.32",
+							stopColor: "rgb(255 189 7)",
+							stopOpacity: 1
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.59",
+							stopColor: "rgb(255 103 29)",
+							stopOpacity: 1
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "rgb(255 0 185)",
+							stopOpacity: 1
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("radialGradient", {
+					id: "instagram-gradient-2",
+					cx: "0",
+					cy: "0",
+					r: "1",
+					gradientUnits: "userSpaceOnUse",
+					gradientTransform: "matrix(94.7015,306.205,-937.345,289.897,119.251,57.4757)",
+					children: [
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0",
+							stopColor: "rgb(109 25 255)",
+							stopOpacity: 1
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.43",
+							stopColor: "rgb(151 18 235)",
+							stopOpacity: 1
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.96",
+							stopColor: "rgb(250 1 187)",
+							stopOpacity: 1
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "rgb(255 0 185)",
+							stopOpacity: 0
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("radialGradient", {
+					id: "instagram-gradient-3",
+					cx: "0",
+					cy: "0",
+					r: "1",
+					gradientUnits: "userSpaceOnUse",
+					gradientTransform: "matrix(112.098,-864.179,131.728,17.0873,1003.58,829.183)",
+					children: [
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0",
+							stopColor: "rgb(254 21 138)",
+							stopOpacity: 1
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "0.46",
+							stopColor: "rgb(255 2 62)",
+							stopOpacity: 1
+						}),
+						/* @__PURE__ */ jsx("stop", {
+							offset: "1",
+							stopColor: "rgb(255 0 55)",
+							stopOpacity: 0
+						})
+					]
+				})
+			] })
+		] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx("path", { d: "M512,0C651.052,0 668.488,0.588 723.096,3.08C777.592,5.568 814.812,14.224 847.38,26.88C881.048,39.96 909.6,57.472 938.064,85.936C966.528,114.4 984.036,142.952 997.12,176.624C1009.78,209.188 1018.43,246.408 1020.92,300.904C1023.41,355.512 1024,372.948 1024,512C1024,651.052 1023.41,668.488 1020.92,723.1C1018.43,777.596 1009.78,814.812 997.12,847.38C984.036,881.052 966.528,909.604 938.064,938.068C909.6,966.532 881.048,984.04 847.376,997.12C814.812,1009.78 777.592,1018.43 723.096,1020.92C668.488,1023.41 651.052,1024 512,1024C372.948,1024 355.512,1023.41 300.9,1020.92C246.404,1018.43 209.188,1009.78 176.62,997.12C142.948,984.036 114.396,966.532 85.932,938.068C57.468,909.604 39.96,881.048 26.88,847.38C14.22,814.816 5.568,777.596 3.08,723.096C0.588,668.488 0,651.052 0,512C0,372.948 0.588,355.512 3.08,300.904C5.568,246.408 14.22,209.188 26.88,176.62C39.964,142.952 57.468,114.4 85.932,85.936C114.396,57.472 142.948,39.964 176.62,26.88C209.184,14.224 246.404,5.568 300.904,3.08C355.512,0.588 372.948,0 512,0ZM512,92.256C375.288,92.256 359.096,92.776 305.108,95.236C255.188,97.516 228.076,105.856 210.036,112.868C186.14,122.156 169.084,133.248 151.164,151.168C133.248,169.084 122.152,186.14 112.868,210.036C105.856,228.08 97.516,255.192 95.236,305.112C92.772,359.1 92.252,375.292 92.252,512C92.252,648.712 92.772,664.904 95.236,718.892C97.512,768.812 105.856,795.924 112.868,813.964C122.152,837.86 133.248,854.916 151.164,872.836C169.08,890.752 186.14,901.848 210.036,911.132C228.08,918.144 255.188,926.484 305.108,928.764C359.088,931.228 375.28,931.748 512,931.748C648.716,931.748 664.908,931.228 718.888,928.764C768.808,926.488 795.92,918.144 813.964,911.132C837.86,901.848 854.916,890.752 872.832,872.836C890.748,854.92 901.844,837.86 911.132,813.964C918.144,795.92 926.484,768.812 928.764,718.892C931.224,664.904 931.744,648.712 931.744,512C931.744,375.292 931.224,359.1 928.764,305.108C926.484,255.192 918.144,228.08 911.132,210.036C901.844,186.14 890.752,169.084 872.832,151.168C854.916,133.252 837.86,122.156 813.964,112.868C795.92,105.856 768.808,97.516 718.888,95.236C664.9,92.776 648.708,92.256 512,92.256Z" }),
+			/* @__PURE__ */ jsx("path", { d: "M512,249.08C657.204,249.08 774.92,366.796 774.92,512C774.92,657.208 657.204,774.92 512,774.92C366.792,774.92 249.08,657.208 249.08,512C249.08,366.8 366.792,249.08 512,249.08ZM512,682.668C606.256,682.668 682.668,606.256 682.668,512C682.668,417.744 606.256,341.332 512,341.332C417.744,341.332 341.332,417.744 341.332,512C341.332,606.256 417.744,682.668 512,682.668Z" }),
+			/* @__PURE__ */ jsx("path", { d: "M846.744,238.692C846.744,272.628 819.24,300.132 785.304,300.132C751.372,300.132 723.864,272.628 723.864,238.692C723.864,204.76 751.372,177.252 785.304,177.252C819.24,177.252 846.744,204.76 846.744,238.692Z" })
+		] })
+	});
 }
 
 //#endregion
@@ -8939,10 +9452,23 @@ function InstagramLogo({ gradient = true, ...props }) {
 * ```
 */
 function LinkedInLogo({ className, cutout, targets, ...props }) {
-	return <svg {...props} className={twMerge(cutout ? "fill-[rgb(10_102_194)]" : "**-data-[name=\"background\"]:fill-[rgb(10_102_194)] **-data-[name=\"in\"]:fill-white", className)} viewBox="0 0 1024 1024">
-			{!cutout && <rect {...targets?.in} data-name="in" x="112" y="112" width="800" height="800" />}
-			<path {...targets?.background} data-name="background" d="M872.496,872.511L720.772,872.511L720.772,634.899C720.772,578.239 719.76,505.299 641.86,505.299C562.836,505.299 550.744,567.035 550.744,630.775L550.744,872.495L399.024,872.495L399.024,383.871L544.676,383.871L544.676,450.647L546.716,450.647C576.374,399.935 631.721,369.536 690.428,371.715C844.208,371.715 872.56,472.867 872.56,604.459L872.496,872.511ZM227.824,317.083C179.196,317.091 139.768,277.675 139.76,229.047C139.752,180.419 179.164,140.991 227.792,140.983C276.42,140.971 315.848,180.387 315.856,229.015C315.865,277.317 276.126,317.072 227.824,317.083M303.688,872.515L151.804,872.515L151.804,383.871L303.684,383.871L303.684,872.511L303.688,872.515ZM948.136,0.075L75.564,0.075C34.324,-0.389 0.504,32.647 0,73.887L0,950.099C0.488,991.359 34.304,1024.43 75.56,1024L948.136,1024C989.48,1024.51 1023.43,991.439 1024,950.099L1024,73.819C1023.41,32.499 989.46,-0.533 948.136,0.007" />
-		</svg>;
+	return /* @__PURE__ */ jsxs("svg", {
+		...props,
+		className: twMerge(cutout ? "fill-[rgb(10_102_194)]" : "**-data-[name=\"background\"]:fill-[rgb(10_102_194)] **-data-[name=\"in\"]:fill-white", className),
+		viewBox: "0 0 1024 1024",
+		children: [!cutout && /* @__PURE__ */ jsx("rect", {
+			...targets?.in,
+			"data-name": "in",
+			x: "112",
+			y: "112",
+			width: "800",
+			height: "800"
+		}), /* @__PURE__ */ jsx("path", {
+			...targets?.background,
+			"data-name": "background",
+			d: "M872.496,872.511L720.772,872.511L720.772,634.899C720.772,578.239 719.76,505.299 641.86,505.299C562.836,505.299 550.744,567.035 550.744,630.775L550.744,872.495L399.024,872.495L399.024,383.871L544.676,383.871L544.676,450.647L546.716,450.647C576.374,399.935 631.721,369.536 690.428,371.715C844.208,371.715 872.56,472.867 872.56,604.459L872.496,872.511ZM227.824,317.083C179.196,317.091 139.768,277.675 139.76,229.047C139.752,180.419 179.164,140.991 227.792,140.983C276.42,140.971 315.848,180.387 315.856,229.015C315.865,277.317 276.126,317.072 227.824,317.083M303.688,872.515L151.804,872.515L151.804,383.871L303.684,383.871L303.684,872.511L303.688,872.515ZM948.136,0.075L75.564,0.075C34.324,-0.389 0.504,32.647 0,73.887L0,950.099C0.488,991.359 34.304,1024.43 75.56,1024L948.136,1024C989.48,1024.51 1023.43,991.439 1024,950.099L1024,73.819C1023.41,32.499 989.46,-0.533 948.136,0.007"
+		})]
+	});
 }
 
 //#endregion
@@ -8960,14 +9486,28 @@ function LinkedInLogo({ className, cutout, targets, ...props }) {
 * ```
 */
 function TikTokLogo({ className, targets, variant = "multicolor", ...props }) {
-	return <svg {...props} className={twMerge(variant === "multicolor" && "**-data-[name=\"bottom\"]:fill-[rgb(0_242_234)] **-data-[name=\"middle\"]:fill-black **-data-[name=\"top\"]:fill-[rgb(255_0_79)]", className)} viewBox={`0 0 ${variant === "solid" ? "914" : "907"} 1024`}>
-			{variant === "multicolor" && <>
-					<path {...targets?.top} data-name="top" d="M671.592,369.642C737.71,416.882 818.708,444.676 906.19,444.676L906.19,276.422C889.634,276.425 873.12,274.7 856.923,271.27L856.923,403.71C769.448,403.71 688.461,375.915 622.325,328.679L622.325,672.038C622.325,843.804 483.01,983.037 311.168,983.037C247.049,983.037 187.453,963.663 137.947,930.435C194.45,988.179 273.248,1024 360.424,1024C532.278,1024 671.599,884.767 671.599,712.994L671.599,369.642L671.592,369.642ZM732.368,199.894C698.578,162.997 676.392,115.315 671.592,62.6L671.592,40.959L624.904,40.959C636.656,107.96 676.74,165.201 732.368,199.894ZM246.638,798.627C227.759,773.886 217.557,743.621 217.603,712.502C217.603,633.943 281.324,570.246 359.939,570.246C374.59,570.243 389.154,572.485 403.116,576.913L403.116,404.898C386.799,402.663 370.331,401.714 353.87,402.062L353.87,535.95C339.897,531.522 325.327,529.273 310.672,529.287C232.057,529.287 168.339,592.977 168.339,671.546C168.339,727.1 200.189,775.197 246.638,798.627Z" />
-					<path {...targets?.middle} data-name="middle" d="M622.325,328.676C688.461,375.912 769.448,403.706 856.923,403.706L856.923,271.266C808.095,260.871 764.869,235.367 732.368,199.894C676.737,165.197 636.656,107.956 624.904,40.959L502.269,40.959L502.269,712.987C501.991,791.331 438.379,854.768 359.932,854.768C313.705,854.768 272.637,832.744 246.627,798.627C200.182,775.197 168.332,727.097 168.332,671.55C168.332,592.987 232.05,529.29 310.665,529.29C325.727,529.29 340.245,531.634 353.863,535.954L353.863,402.065C185.039,405.551 49.264,543.425 49.264,712.99C49.264,797.636 83.075,874.371 137.951,930.438C187.457,963.663 247.053,983.041 311.171,983.041C483.017,983.041 622.328,843.8 622.328,672.038L622.328,328.676L622.325,328.676Z" />
-					<path {...targets?.bottom} data-name="bottom" d="M856.923,271.266L856.923,235.455C812.892,235.522 769.725,223.197 732.368,199.89C765.438,236.077 808.984,261.029 856.923,271.266ZM624.904,40.959C623.783,34.557 622.923,28.113 622.325,21.641L622.325,0L452.998,0L452.998,672.035C452.728,750.369 389.119,813.805 310.665,813.805C287.632,813.805 265.886,808.341 246.627,798.631C272.637,832.744 313.705,854.765 359.932,854.765C438.372,854.765 501.995,791.335 502.269,712.99L502.269,40.959L624.904,40.959ZM353.87,402.065L353.87,363.942C339.721,362.009 325.457,361.039 311.175,361.046C139.314,361.046 0,500.283 0,672.035C0,779.713 54.753,874.61 137.954,930.431C83.078,874.368 49.267,797.629 49.267,712.987C49.267,543.425 185.039,405.551 353.87,402.065L353.87,402.065Z" />
-				</>}
-			{variant === "solid" && <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" />}
-		</svg>;
+	return /* @__PURE__ */ jsxs("svg", {
+		...props,
+		className: twMerge(variant === "multicolor" && "**-data-[name=\"bottom\"]:fill-[rgb(0_242_234)] **-data-[name=\"middle\"]:fill-black **-data-[name=\"top\"]:fill-[rgb(255_0_79)]", className),
+		viewBox: `0 0 ${variant === "solid" ? "914" : "907"} 1024`,
+		children: [variant === "multicolor" && /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx("path", {
+				...targets?.top,
+				"data-name": "top",
+				d: "M671.592,369.642C737.71,416.882 818.708,444.676 906.19,444.676L906.19,276.422C889.634,276.425 873.12,274.7 856.923,271.27L856.923,403.71C769.448,403.71 688.461,375.915 622.325,328.679L622.325,672.038C622.325,843.804 483.01,983.037 311.168,983.037C247.049,983.037 187.453,963.663 137.947,930.435C194.45,988.179 273.248,1024 360.424,1024C532.278,1024 671.599,884.767 671.599,712.994L671.599,369.642L671.592,369.642ZM732.368,199.894C698.578,162.997 676.392,115.315 671.592,62.6L671.592,40.959L624.904,40.959C636.656,107.96 676.74,165.201 732.368,199.894ZM246.638,798.627C227.759,773.886 217.557,743.621 217.603,712.502C217.603,633.943 281.324,570.246 359.939,570.246C374.59,570.243 389.154,572.485 403.116,576.913L403.116,404.898C386.799,402.663 370.331,401.714 353.87,402.062L353.87,535.95C339.897,531.522 325.327,529.273 310.672,529.287C232.057,529.287 168.339,592.977 168.339,671.546C168.339,727.1 200.189,775.197 246.638,798.627Z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				...targets?.middle,
+				"data-name": "middle",
+				d: "M622.325,328.676C688.461,375.912 769.448,403.706 856.923,403.706L856.923,271.266C808.095,260.871 764.869,235.367 732.368,199.894C676.737,165.197 636.656,107.956 624.904,40.959L502.269,40.959L502.269,712.987C501.991,791.331 438.379,854.768 359.932,854.768C313.705,854.768 272.637,832.744 246.627,798.627C200.182,775.197 168.332,727.097 168.332,671.55C168.332,592.987 232.05,529.29 310.665,529.29C325.727,529.29 340.245,531.634 353.863,535.954L353.863,402.065C185.039,405.551 49.264,543.425 49.264,712.99C49.264,797.636 83.075,874.371 137.951,930.438C187.457,963.663 247.053,983.041 311.171,983.041C483.017,983.041 622.328,843.8 622.328,672.038L622.328,328.676L622.325,328.676Z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				...targets?.bottom,
+				"data-name": "bottom",
+				d: "M856.923,271.266L856.923,235.455C812.892,235.522 769.725,223.197 732.368,199.89C765.438,236.077 808.984,261.029 856.923,271.266ZM624.904,40.959C623.783,34.557 622.923,28.113 622.325,21.641L622.325,0L452.998,0L452.998,672.035C452.728,750.369 389.119,813.805 310.665,813.805C287.632,813.805 265.886,808.341 246.627,798.631C272.637,832.744 313.705,854.765 359.932,854.765C438.372,854.765 501.995,791.335 502.269,712.99L502.269,40.959L624.904,40.959ZM353.87,402.065L353.87,363.942C339.721,362.009 325.457,361.039 311.175,361.046C139.314,361.046 0,500.283 0,672.035C0,779.713 54.753,874.61 137.954,930.431C83.078,874.368 49.267,797.629 49.267,712.987C49.267,543.425 185.039,405.551 353.87,402.065L353.87,402.065Z"
+			})
+		] }), 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
@@ -8976,9 +9516,11 @@ function TikTokLogo({ className, targets, variant = "multicolor", ...props }) {
 * # 𝕏 Logo
 */
 function XLogo(props) {
-	return <svg {...props} viewBox="0 0 1024 926">
-      <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" />
-    </svg>;
+	return /* @__PURE__ */ jsx("svg", {
+		...props,
+		viewBox: "0 0 1024 926",
+		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
@@ -8995,12 +9537,24 @@ function XLogo(props) {
 * ```
 */
 function YouTubeLogo({ className, cutout = false, targets, ...props }) {
-	return <svg {...props} className={twMerge(cutout ? "fill-[rgb(255_0_0)]" : "**-data-[name=\"background\"]:fill-[rgb(255_0_0)] **-data-[name=\"play\"]:fill-white", className)} viewBox="0 0 1024 718">
-			{cutout ? <path {...targets?.background} data-name="background" d="M1001.4,112.302L1001.4,112.306C1035.22,248.444 1027.41,463.456 1002.06,604.85C990.119,648.968 955.546,683.541 911.428,695.48C831.967,717.152 512.141,717.152 512.141,717.152C512.141,717.152 192.312,717.152 112.847,695.48C68.73,683.54 34.159,648.967 22.221,604.85C-11.799,469.304 -2.475,254.156 21.561,112.962C33.498,68.844 68.069,34.269 112.187,22.328C191.652,0.656 511.489,0 511.489,0C511.489,0 831.311,0 910.776,21.672C954.892,33.612 989.464,68.185 1001.4,112.302ZM409.692,512.249L675.008,358.574L409.692,204.899L409.692,512.249Z" /> : <>
-					<path {...targets?.background} data-name="background" d="M1001.4,112.302C989.464,68.185 954.892,33.612 910.776,21.672C831.311,0 511.489,0 511.489,0C511.489,0 191.652,0.656 112.187,22.328C68.069,34.269 33.498,68.844 21.561,112.962C-2.475,254.156 -11.799,469.304 22.221,604.85C34.159,648.967 68.73,683.54 112.847,695.48C192.312,717.152 512.141,717.152 512.141,717.152C512.141,717.152 831.967,717.152 911.428,695.48C955.546,683.541 990.119,648.968 1002.06,604.85C1027.41,463.456 1035.22,248.444 1001.4,112.306L1001.4,112.302Z" />
-					<path {...targets && "play" in targets ? targets?.play : {}} data-name="play" d="M409.692,512.249L675.008,358.574L409.692,204.899L409.692,512.249Z" />
-				</>}
-		</svg>;
+	return /* @__PURE__ */ jsx("svg", {
+		...props,
+		className: twMerge(cutout ? "fill-[rgb(255_0_0)]" : "**-data-[name=\"background\"]:fill-[rgb(255_0_0)] **-data-[name=\"play\"]:fill-white", className),
+		viewBox: "0 0 1024 718",
+		children: cutout ? /* @__PURE__ */ jsx("path", {
+			...targets?.background,
+			"data-name": "background",
+			d: "M1001.4,112.302L1001.4,112.306C1035.22,248.444 1027.41,463.456 1002.06,604.85C990.119,648.968 955.546,683.541 911.428,695.48C831.967,717.152 512.141,717.152 512.141,717.152C512.141,717.152 192.312,717.152 112.847,695.48C68.73,683.54 34.159,648.967 22.221,604.85C-11.799,469.304 -2.475,254.156 21.561,112.962C33.498,68.844 68.069,34.269 112.187,22.328C191.652,0.656 511.489,0 511.489,0C511.489,0 831.311,0 910.776,21.672C954.892,33.612 989.464,68.185 1001.4,112.302ZM409.692,512.249L675.008,358.574L409.692,204.899L409.692,512.249Z"
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", {
+			...targets?.background,
+			"data-name": "background",
+			d: "M1001.4,112.302C989.464,68.185 954.892,33.612 910.776,21.672C831.311,0 511.489,0 511.489,0C511.489,0 191.652,0.656 112.187,22.328C68.069,34.269 33.498,68.844 21.561,112.962C-2.475,254.156 -11.799,469.304 22.221,604.85C34.159,648.967 68.73,683.54 112.847,695.48C192.312,717.152 512.141,717.152 512.141,717.152C512.141,717.152 831.967,717.152 911.428,695.48C955.546,683.541 990.119,648.968 1002.06,604.85C1027.41,463.456 1035.22,248.444 1001.4,112.306L1001.4,112.302Z"
+		}), /* @__PURE__ */ jsx("path", {
+			...targets && "play" in targets ? targets?.play : {},
+			"data-name": "play",
+			d: "M409.692,512.249L675.008,358.574L409.692,204.899L409.692,512.249Z"
+		})] })
+	});
 }
 
 //#endregion