@andrilla/mado-ui 1.0.5 → 1.0.7

package/dist/client/components/index.js

@@ -8,7 +8,19 @@ import * as ReactDOM from "react-dom";
 import { createPortal } from "react-dom";
 
 //#region src/utils/custom-tailwind-merge.ts
-const integerList = Array.from({ length: 100 }, (_, i) => `${i + 1}`);
+const isInteger = (classPart) => /^\d+$/.test(classPart);
+const isFloat = (classPart) => /^\d+\.\d+$/.test(classPart);
+const isArbitraryValue = (classPart) => /^\[.+\]$/.test(classPart);
+const cornerShapeList = [
+	"bevel",
+	"notch",
+	"round",
+	"scoop",
+	"square",
+	"squircle",
+	"infinity",
+	isArbitraryValue
+];
 const twMerge = extendTailwindMerge({ extend: { classGroups: {
 	animate: [{ animate: ["fade-in", "wave"] }],
 	"animation-direction": [{ "animation-direction": [
@@ -23,11 +35,71 @@ const twMerge = extendTailwindMerge({ extend: { classGroups: {
 		"backwards",
 		"both"
 	] }],
-	"animation-iteration": [{ "animation-iteration": [...integerList, "infinite"] }],
+	"animation-iteration": [{ "animation-iteration": ["infinite", isInteger] }],
 	"animation-state": [{ "animation-state": ["running", "paused"] }],
+	corner: [{
+		corner: cornerShapeList,
+		"corner-super": [isFloat, isInteger],
+		"corner-s": cornerShapeList,
+		"corner-s-super": [isFloat, isInteger],
+		"corner-e": cornerShapeList,
+		"corner-e-super": [isFloat, isInteger],
+		"corner-t": cornerShapeList,
+		"corner-t-super": [isFloat, isInteger],
+		"corner-r": cornerShapeList,
+		"corner-r-super": [isFloat, isInteger],
+		"corner-b": cornerShapeList,
+		"corner-b-super": [isFloat, isInteger],
+		"corner-l": cornerShapeList,
+		"corner-l-super": [isFloat, isInteger],
+		"corner-ss": cornerShapeList,
+		"corner-ss-super": [isFloat, isInteger],
+		"corner-se": cornerShapeList,
+		"corner-se-super": [isFloat, isInteger],
+		"corner-es": cornerShapeList,
+		"corner-es-super": [isFloat, isInteger],
+		"corner-tl": cornerShapeList,
+		"corner-tl-super": [isFloat, isInteger],
+		"corner-tr": cornerShapeList,
+		"corner-tr-super": [isFloat, isInteger],
+		"corner-br": cornerShapeList,
+		"corner-br-super": [isFloat, isInteger],
+		"corner-bl": cornerShapeList,
+		"corner-bl-super": [isFloat, isInteger],
+		"-corner": ["infinity"],
+		"-corner-super": [isFloat, isInteger],
+		"-corner-s": ["infinity"],
+		"-corner-s-super": [isFloat, isInteger],
+		"-corner-e": ["infinity"],
+		"-corner-e-super": [isFloat, isInteger],
+		"-corner-t": ["infinity"],
+		"-corner-t-super": [isFloat, isInteger],
+		"-corner-r": ["infinity"],
+		"-corner-r-super": [isFloat, isInteger],
+		"-corner-b": ["infinity"],
+		"-corner-b-super": [isFloat, isInteger],
+		"-corner-l": ["infinity"],
+		"-corner-l-super": [isFloat, isInteger],
+		"-corner-ss": ["infinity"],
+		"-corner-ss-super": [isFloat, isInteger],
+		"-corner-se": ["infinity"],
+		"-corner-se-super": [isFloat, isInteger],
+		"-corner-es": ["infinity"],
+		"-corner-es-super": [isFloat, isInteger],
+		"-corner-tl": ["infinity"],
+		"-corner-tl-super": [isFloat, isInteger],
+		"-corner-tr": ["infinity"],
+		"-corner-tr-super": [isFloat, isInteger],
+		"-corner-br": ["infinity"],
+		"-corner-br-super": [isFloat, isInteger],
+		"-corner-bl": ["infinity"],
+		"-corner-bl-super": [isFloat, isInteger]
+	}],
+	ease: [{ ease: ["exponential", "spring"] }],
+	"font-size": [{ text: ["smaller", "larger"] }],
 	"grid-cols": [{ "grid-cols": ["0fr", "1fr"] }],
 	"grid-rows": [{ "grid-rows": ["0fr", "1fr"] }],
-	transition: ["transition-rows"]
+	transition: [{ transition: ["transition-cols", "transition-rows"] }]
 } } });
 
 //#endregion
@@ -538,70 +610,6 @@ function Link({ as, className, customTheme, theme, type, ...props }) {
 		className: twMerge(linkClasses, className)
 	});
 }
-/**
-* # createLink
-* Creates an extended Link component with additional theme options.
-*
-* @param config - Configuration object defining new themes and defaults
-* @returns A new Link component with extended theme support
-*
-* @example
-* ```tsx
-* const MyLink = createLink({
-*   as: NextLink,
-*   className: 'font-bold',
-*   type: 'fill',
-*   theme: {
-*     primary: {
-*       customTheme: {
-*         fill: 'after:[--theme-color:var(--color-primary-500)]',
-*         multilineFill: '[--theme-color:var(--color-primary-500)]'
-*       },
-*       className: 'text-white'
-*     }
-*   }
-* })
-* ```
-*/
-function createLink(config) {
-	return function ExtendedLink({ theme, className, customTheme, type, as, ...props }) {
-		const finalType = type !== void 0 ? type : config.type, finalTheme = theme !== void 0 ? theme : config.defaultTheme;
-		const configClassName = config.className;
-		const shouldOverrideElement = !as && Boolean(config.as);
-		const linkProps = {
-			...props,
-			className: void 0,
-			customTheme: void 0,
-			type: finalType
-		};
-		if (shouldOverrideElement) linkProps.as = config.as;
-		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 /* @__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 /* @__PURE__ */ jsx(Link, {
-				...linkProps,
-				theme: "custom",
-				customTheme: resolvedCustomTheme,
-				className: twMerge(configClassName, extendedTheme.className, className)
-			});
-		}
-		return /* @__PURE__ */ jsx(Link, {
-			...linkProps,
-			theme: finalTheme,
-			className: twMerge(configClassName, className),
-			customTheme
-		});
-	};
-}
 
 //#endregion
 //#region src/components/button.tsx
@@ -683,73 +691,6 @@ function Button({ className, customTheme, gradient = false, padding = "md", roun
 		className: buttonClasses
 	});
 }
-/**
-* # createButton
-* Creates an extended Button component with additional theme options.
-*
-* @param extendedThemes - Configuration object defining new themes
-* @returns A new Button component with extended theme support
-*
-* @example
-* ```tsx
-* const MyButton = createButton({
-*   as: {
-*     default: 'div',
-*     link: NextLink
-*   },
-*   className: 'min-w-64',
-*   padding: 'sm',
-*   rounded: 'full',
-*   theme: {
-*     primary: {
-*       customTheme: { themeColor: '[--theme-color:var(--color-primary-500)]' },
-*       className: 'text-white'
-*     }
-*   }
-* })
-* ```
-*/
-function createButton(config) {
-	return function ExtendedButton({ theme, className, customTheme, gradient, padding, rounded, as, ...props }) {
-		const finalGradient = gradient !== void 0 ? gradient : config.gradient, finalPadding = padding !== void 0 ? padding : config.padding, finalRounded = rounded !== void 0 ? rounded : config.rounded, finalTheme = theme !== void 0 ? theme : config.defaultTheme;
-		const configClassName = config.className;
-		const shouldOverrideElement = !as && Boolean(config.as);
-		const getOverrideElement = () => {
-			if (!config.as) return void 0;
-			if (typeof config.as === "function" || typeof config.as === "string") return config.as;
-			const hasHref = "href" in props && props.href;
-			if (hasHref && config.as.link) return config.as.link;
-			else if (!hasHref && config.as.default) return config.as.default;
-		};
-		const buttonProps = {
-			...props,
-			className: void 0,
-			customTheme: void 0,
-			gradient: finalGradient,
-			padding: finalPadding,
-			rounded: finalRounded
-		};
-		if (shouldOverrideElement) {
-			const overrideElement = getOverrideElement();
-			if (overrideElement) buttonProps.as = overrideElement;
-		} else if (as) buttonProps.as = as;
-		if (finalTheme && typeof finalTheme === "string" && config.theme && finalTheme in config.theme) {
-			const extendedTheme = config.theme[finalTheme];
-			return /* @__PURE__ */ jsx(Button, {
-				...buttonProps,
-				theme: "custom",
-				customTheme: customTheme || extendedTheme.customTheme,
-				className: twMerge(configClassName, extendedTheme.className, className)
-			});
-		}
-		return /* @__PURE__ */ jsx(Button, {
-			...buttonProps,
-			theme: finalTheme,
-			className: twMerge(configClassName, className),
-			customTheme
-		});
-	};
-}
 
 //#endregion
 //#region src/symbols/checkmark.tsx
@@ -8514,4 +8455,4 @@ function ArrowSvg({ className, ...props }) {
 }
 
 //#endregion
-export { Anchor, Button, Checkbox, Details, DetailsBody, DetailsSummary, DropDown, DropDownButton, DropDownItem, DropDownItems, DropDownSection, DropDownSeparator, Fieldset, Form, Ghost, Heading, HumanVerification, IFrame, Input, Link, Modal, ModalClose, ModalDialog, ModalTitle, ModalTrigger, Select, SelectOption, SelectSectionTitle, SubmitButton, Textarea, Time, Tooltip, TooltipPanel, TooltipTrigger, createButton, createLink, generateHumanValidationToken, getLinkClasses, validateHuman };
+export { Anchor, Button, Checkbox, Details, DetailsBody, DetailsSummary, DropDown, DropDownButton, DropDownItem, DropDownItems, DropDownSection, DropDownSeparator, Fieldset, Form, Ghost, Heading, HumanVerification, IFrame, Input, Link, Modal, ModalClose, ModalDialog, ModalTitle, ModalTrigger, Select, SelectOption, SelectSectionTitle, SubmitButton, Textarea, Time, Tooltip, TooltipPanel, TooltipTrigger, generateHumanValidationToken, getLinkClasses, validateHuman };

package/dist/client/graphics/index.js

@@ -3,7 +3,19 @@ import { extendTailwindMerge } from "tailwind-merge";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/utils/custom-tailwind-merge.ts
-const integerList = Array.from({ length: 100 }, (_, i) => `${i + 1}`);
+const isInteger = (classPart) => /^\d+$/.test(classPart);
+const isFloat = (classPart) => /^\d+\.\d+$/.test(classPart);
+const isArbitraryValue = (classPart) => /^\[.+\]$/.test(classPart);
+const cornerShapeList = [
+	"bevel",
+	"notch",
+	"round",
+	"scoop",
+	"square",
+	"squircle",
+	"infinity",
+	isArbitraryValue
+];
 const twMerge = extendTailwindMerge({ extend: { classGroups: {
 	animate: [{ animate: ["fade-in", "wave"] }],
 	"animation-direction": [{ "animation-direction": [
@@ -18,11 +30,71 @@ const twMerge = extendTailwindMerge({ extend: { classGroups: {
 		"backwards",
 		"both"
 	] }],
-	"animation-iteration": [{ "animation-iteration": [...integerList, "infinite"] }],
+	"animation-iteration": [{ "animation-iteration": ["infinite", isInteger] }],
 	"animation-state": [{ "animation-state": ["running", "paused"] }],
+	corner: [{
+		corner: cornerShapeList,
+		"corner-super": [isFloat, isInteger],
+		"corner-s": cornerShapeList,
+		"corner-s-super": [isFloat, isInteger],
+		"corner-e": cornerShapeList,
+		"corner-e-super": [isFloat, isInteger],
+		"corner-t": cornerShapeList,
+		"corner-t-super": [isFloat, isInteger],
+		"corner-r": cornerShapeList,
+		"corner-r-super": [isFloat, isInteger],
+		"corner-b": cornerShapeList,
+		"corner-b-super": [isFloat, isInteger],
+		"corner-l": cornerShapeList,
+		"corner-l-super": [isFloat, isInteger],
+		"corner-ss": cornerShapeList,
+		"corner-ss-super": [isFloat, isInteger],
+		"corner-se": cornerShapeList,
+		"corner-se-super": [isFloat, isInteger],
+		"corner-es": cornerShapeList,
+		"corner-es-super": [isFloat, isInteger],
+		"corner-tl": cornerShapeList,
+		"corner-tl-super": [isFloat, isInteger],
+		"corner-tr": cornerShapeList,
+		"corner-tr-super": [isFloat, isInteger],
+		"corner-br": cornerShapeList,
+		"corner-br-super": [isFloat, isInteger],
+		"corner-bl": cornerShapeList,
+		"corner-bl-super": [isFloat, isInteger],
+		"-corner": ["infinity"],
+		"-corner-super": [isFloat, isInteger],
+		"-corner-s": ["infinity"],
+		"-corner-s-super": [isFloat, isInteger],
+		"-corner-e": ["infinity"],
+		"-corner-e-super": [isFloat, isInteger],
+		"-corner-t": ["infinity"],
+		"-corner-t-super": [isFloat, isInteger],
+		"-corner-r": ["infinity"],
+		"-corner-r-super": [isFloat, isInteger],
+		"-corner-b": ["infinity"],
+		"-corner-b-super": [isFloat, isInteger],
+		"-corner-l": ["infinity"],
+		"-corner-l-super": [isFloat, isInteger],
+		"-corner-ss": ["infinity"],
+		"-corner-ss-super": [isFloat, isInteger],
+		"-corner-se": ["infinity"],
+		"-corner-se-super": [isFloat, isInteger],
+		"-corner-es": ["infinity"],
+		"-corner-es-super": [isFloat, isInteger],
+		"-corner-tl": ["infinity"],
+		"-corner-tl-super": [isFloat, isInteger],
+		"-corner-tr": ["infinity"],
+		"-corner-tr-super": [isFloat, isInteger],
+		"-corner-br": ["infinity"],
+		"-corner-br-super": [isFloat, isInteger],
+		"-corner-bl": ["infinity"],
+		"-corner-bl-super": [isFloat, isInteger]
+	}],
+	ease: [{ ease: ["exponential", "spring"] }],
+	"font-size": [{ text: ["smaller", "larger"] }],
 	"grid-cols": [{ "grid-cols": ["0fr", "1fr"] }],
 	"grid-rows": [{ "grid-rows": ["0fr", "1fr"] }],
-	transition: ["transition-rows"]
+	transition: [{ transition: ["transition-cols", "transition-rows"] }]
 } } });
 
 //#endregion

package/dist/client.js

@@ -8,7 +8,19 @@ import * as ReactDOM from "react-dom";
 import { createPortal } from "react-dom";
 
 //#region src/utils/custom-tailwind-merge.ts
-const integerList = Array.from({ length: 100 }, (_, i) => `${i + 1}`);
+const isInteger = (classPart) => /^\d+$/.test(classPart);
+const isFloat = (classPart) => /^\d+\.\d+$/.test(classPart);
+const isArbitraryValue = (classPart) => /^\[.+\]$/.test(classPart);
+const cornerShapeList = [
+	"bevel",
+	"notch",
+	"round",
+	"scoop",
+	"square",
+	"squircle",
+	"infinity",
+	isArbitraryValue
+];
 const twMerge = extendTailwindMerge({ extend: { classGroups: {
 	animate: [{ animate: ["fade-in", "wave"] }],
 	"animation-direction": [{ "animation-direction": [
@@ -23,16 +35,75 @@ const twMerge = extendTailwindMerge({ extend: { classGroups: {
 		"backwards",
 		"both"
 	] }],
-	"animation-iteration": [{ "animation-iteration": [...integerList, "infinite"] }],
+	"animation-iteration": [{ "animation-iteration": ["infinite", isInteger] }],
 	"animation-state": [{ "animation-state": ["running", "paused"] }],
+	corner: [{
+		corner: cornerShapeList,
+		"corner-super": [isFloat, isInteger],
+		"corner-s": cornerShapeList,
+		"corner-s-super": [isFloat, isInteger],
+		"corner-e": cornerShapeList,
+		"corner-e-super": [isFloat, isInteger],
+		"corner-t": cornerShapeList,
+		"corner-t-super": [isFloat, isInteger],
+		"corner-r": cornerShapeList,
+		"corner-r-super": [isFloat, isInteger],
+		"corner-b": cornerShapeList,
+		"corner-b-super": [isFloat, isInteger],
+		"corner-l": cornerShapeList,
+		"corner-l-super": [isFloat, isInteger],
+		"corner-ss": cornerShapeList,
+		"corner-ss-super": [isFloat, isInteger],
+		"corner-se": cornerShapeList,
+		"corner-se-super": [isFloat, isInteger],
+		"corner-es": cornerShapeList,
+		"corner-es-super": [isFloat, isInteger],
+		"corner-tl": cornerShapeList,
+		"corner-tl-super": [isFloat, isInteger],
+		"corner-tr": cornerShapeList,
+		"corner-tr-super": [isFloat, isInteger],
+		"corner-br": cornerShapeList,
+		"corner-br-super": [isFloat, isInteger],
+		"corner-bl": cornerShapeList,
+		"corner-bl-super": [isFloat, isInteger],
+		"-corner": ["infinity"],
+		"-corner-super": [isFloat, isInteger],
+		"-corner-s": ["infinity"],
+		"-corner-s-super": [isFloat, isInteger],
+		"-corner-e": ["infinity"],
+		"-corner-e-super": [isFloat, isInteger],
+		"-corner-t": ["infinity"],
+		"-corner-t-super": [isFloat, isInteger],
+		"-corner-r": ["infinity"],
+		"-corner-r-super": [isFloat, isInteger],
+		"-corner-b": ["infinity"],
+		"-corner-b-super": [isFloat, isInteger],
+		"-corner-l": ["infinity"],
+		"-corner-l-super": [isFloat, isInteger],
+		"-corner-ss": ["infinity"],
+		"-corner-ss-super": [isFloat, isInteger],
+		"-corner-se": ["infinity"],
+		"-corner-se-super": [isFloat, isInteger],
+		"-corner-es": ["infinity"],
+		"-corner-es-super": [isFloat, isInteger],
+		"-corner-tl": ["infinity"],
+		"-corner-tl-super": [isFloat, isInteger],
+		"-corner-tr": ["infinity"],
+		"-corner-tr-super": [isFloat, isInteger],
+		"-corner-br": ["infinity"],
+		"-corner-br-super": [isFloat, isInteger],
+		"-corner-bl": ["infinity"],
+		"-corner-bl-super": [isFloat, isInteger]
+	}],
+	ease: [{ ease: ["exponential", "spring"] }],
+	"font-size": [{ text: ["smaller", "larger"] }],
 	"grid-cols": [{ "grid-cols": ["0fr", "1fr"] }],
 	"grid-rows": [{ "grid-rows": ["0fr", "1fr"] }],
-	transition: ["transition-rows"]
+	transition: [{ transition: ["transition-cols", "transition-rows"] }]
 } } });
 function extendMadoTailwindMerge(configExtension) {
 	const extend = configExtension.extend || {};
 	const theme = extend.theme || {};
-	"color" in theme && theme.color;
 	const classGroups = extend.classGroups || {};
 	const themeRest = { ...theme };
 	if ("color" in themeRest) delete themeRest.color;
@@ -56,11 +127,71 @@ function extendMadoTailwindMerge(configExtension) {
 					"backwards",
 					"both"
 				] }],
-				"animation-iteration": [{ "animation-iteration": [...integerList, "infinite"] }],
+				"animation-iteration": [{ "animation-iteration": ["infinite", isInteger] }],
 				"animation-state": [{ "animation-state": ["running", "paused"] }],
+				corner: [{
+					corner: cornerShapeList,
+					"corner-super": [isFloat, isInteger],
+					"corner-s": cornerShapeList,
+					"corner-s-super": [isFloat, isInteger],
+					"corner-e": cornerShapeList,
+					"corner-e-super": [isFloat, isInteger],
+					"corner-t": cornerShapeList,
+					"corner-t-super": [isFloat, isInteger],
+					"corner-r": cornerShapeList,
+					"corner-r-super": [isFloat, isInteger],
+					"corner-b": cornerShapeList,
+					"corner-b-super": [isFloat, isInteger],
+					"corner-l": cornerShapeList,
+					"corner-l-super": [isFloat, isInteger],
+					"corner-ss": cornerShapeList,
+					"corner-ss-super": [isFloat, isInteger],
+					"corner-se": cornerShapeList,
+					"corner-se-super": [isFloat, isInteger],
+					"corner-es": cornerShapeList,
+					"corner-es-super": [isFloat, isInteger],
+					"corner-tl": cornerShapeList,
+					"corner-tl-super": [isFloat, isInteger],
+					"corner-tr": cornerShapeList,
+					"corner-tr-super": [isFloat, isInteger],
+					"corner-br": cornerShapeList,
+					"corner-br-super": [isFloat, isInteger],
+					"corner-bl": cornerShapeList,
+					"corner-bl-super": [isFloat, isInteger],
+					"-corner": ["infinity"],
+					"-corner-super": [isFloat, isInteger],
+					"-corner-s": ["infinity"],
+					"-corner-s-super": [isFloat, isInteger],
+					"-corner-e": ["infinity"],
+					"-corner-e-super": [isFloat, isInteger],
+					"-corner-t": ["infinity"],
+					"-corner-t-super": [isFloat, isInteger],
+					"-corner-r": ["infinity"],
+					"-corner-r-super": [isFloat, isInteger],
+					"-corner-b": ["infinity"],
+					"-corner-b-super": [isFloat, isInteger],
+					"-corner-l": ["infinity"],
+					"-corner-l-super": [isFloat, isInteger],
+					"-corner-ss": ["infinity"],
+					"-corner-ss-super": [isFloat, isInteger],
+					"-corner-se": ["infinity"],
+					"-corner-se-super": [isFloat, isInteger],
+					"-corner-es": ["infinity"],
+					"-corner-es-super": [isFloat, isInteger],
+					"-corner-tl": ["infinity"],
+					"-corner-tl-super": [isFloat, isInteger],
+					"-corner-tr": ["infinity"],
+					"-corner-tr-super": [isFloat, isInteger],
+					"-corner-br": ["infinity"],
+					"-corner-br-super": [isFloat, isInteger],
+					"-corner-bl": ["infinity"],
+					"-corner-bl-super": [isFloat, isInteger]
+				}],
+				ease: [{ ease: ["exponential", "spring"] }],
+				"font-size": [{ text: ["smaller", "larger"] }],
 				"grid-cols": [{ "grid-cols": ["0fr", "1fr"] }],
 				"grid-rows": [{ "grid-rows": ["0fr", "1fr"] }],
-				transition: ["transition-rows"],
+				transition: [{ transition: ["transition-cols", "transition-rows"] }],
 				...classGroups
 			},
 			...extendRest
@@ -577,70 +708,6 @@ function Link({ as, className, customTheme, theme, type, ...props }) {
 		className: twMerge(linkClasses, className)
 	});
 }
-/**
-* # createLink
-* Creates an extended Link component with additional theme options.
-*
-* @param config - Configuration object defining new themes and defaults
-* @returns A new Link component with extended theme support
-*
-* @example
-* ```tsx
-* const MyLink = createLink({
-*   as: NextLink,
-*   className: 'font-bold',
-*   type: 'fill',
-*   theme: {
-*     primary: {
-*       customTheme: {
-*         fill: 'after:[--theme-color:var(--color-primary-500)]',
-*         multilineFill: '[--theme-color:var(--color-primary-500)]'
-*       },
-*       className: 'text-white'
-*     }
-*   }
-* })
-* ```
-*/
-function createLink(config) {
-	return function ExtendedLink({ theme, className, customTheme, type, as, ...props }) {
-		const finalType = type !== void 0 ? type : config.type, finalTheme = theme !== void 0 ? theme : config.defaultTheme;
-		const configClassName = config.className;
-		const shouldOverrideElement = !as && Boolean(config.as);
-		const linkProps = {
-			...props,
-			className: void 0,
-			customTheme: void 0,
-			type: finalType
-		};
-		if (shouldOverrideElement) linkProps.as = config.as;
-		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 /* @__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 /* @__PURE__ */ jsx(Link, {
-				...linkProps,
-				theme: "custom",
-				customTheme: resolvedCustomTheme,
-				className: twMerge(configClassName, extendedTheme.className, className)
-			});
-		}
-		return /* @__PURE__ */ jsx(Link, {
-			...linkProps,
-			theme: finalTheme,
-			className: twMerge(configClassName, className),
-			customTheme
-		});
-	};
-}
 
 //#endregion
 //#region src/components/button.tsx
@@ -722,73 +789,6 @@ function Button({ className, customTheme, gradient = false, padding = "md", roun
 		className: buttonClasses
 	});
 }
-/**
-* # createButton
-* Creates an extended Button component with additional theme options.
-*
-* @param extendedThemes - Configuration object defining new themes
-* @returns A new Button component with extended theme support
-*
-* @example
-* ```tsx
-* const MyButton = createButton({
-*   as: {
-*     default: 'div',
-*     link: NextLink
-*   },
-*   className: 'min-w-64',
-*   padding: 'sm',
-*   rounded: 'full',
-*   theme: {
-*     primary: {
-*       customTheme: { themeColor: '[--theme-color:var(--color-primary-500)]' },
-*       className: 'text-white'
-*     }
-*   }
-* })
-* ```
-*/
-function createButton(config) {
-	return function ExtendedButton({ theme, className, customTheme, gradient, padding, rounded, as, ...props }) {
-		const finalGradient = gradient !== void 0 ? gradient : config.gradient, finalPadding = padding !== void 0 ? padding : config.padding, finalRounded = rounded !== void 0 ? rounded : config.rounded, finalTheme = theme !== void 0 ? theme : config.defaultTheme;
-		const configClassName = config.className;
-		const shouldOverrideElement = !as && Boolean(config.as);
-		const getOverrideElement = () => {
-			if (!config.as) return void 0;
-			if (typeof config.as === "function" || typeof config.as === "string") return config.as;
-			const hasHref = "href" in props && props.href;
-			if (hasHref && config.as.link) return config.as.link;
-			else if (!hasHref && config.as.default) return config.as.default;
-		};
-		const buttonProps = {
-			...props,
-			className: void 0,
-			customTheme: void 0,
-			gradient: finalGradient,
-			padding: finalPadding,
-			rounded: finalRounded
-		};
-		if (shouldOverrideElement) {
-			const overrideElement = getOverrideElement();
-			if (overrideElement) buttonProps.as = overrideElement;
-		} else if (as) buttonProps.as = as;
-		if (finalTheme && typeof finalTheme === "string" && config.theme && finalTheme in config.theme) {
-			const extendedTheme = config.theme[finalTheme];
-			return /* @__PURE__ */ jsx(Button, {
-				...buttonProps,
-				theme: "custom",
-				customTheme: customTheme || extendedTheme.customTheme,
-				className: twMerge(configClassName, extendedTheme.className, className)
-			});
-		}
-		return /* @__PURE__ */ jsx(Button, {
-			...buttonProps,
-			theme: finalTheme,
-			className: twMerge(configClassName, className),
-			customTheme
-		});
-	};
-}
 
 //#endregion
 //#region src/symbols/checkmark.tsx
@@ -9517,4 +9517,4 @@ function YouTubeLogo({ className, cutout = false, targets, ...props }) {
 }
 
 //#endregion
-export { Anchor, Button, Checkbox, Details, DetailsBody, DetailsSummary, DropDown, DropDownButton, DropDownItem, DropDownItems, DropDownSection, DropDownSeparator, FacebookLogo, Fieldset, Form, FormStatusProvider, Ghost, GoogleLogo, Heading, HumanVerification, IFrame, Input, InstagramLogo, Link, LinkedInLogo, Modal, ModalClose, ModalDialog, ModalTitle, ModalTrigger, Select, SelectOption, SelectSectionTitle, SubmitButton, Textarea, TikTokLogo, Time, Tooltip, TooltipPanel, TooltipTrigger, XLogo, YouTubeLogo, addClass, createButton, createFastContext, createLink, currentMonthName, currentWeekdayName, daysInMonth, easeOutExpo, emailRegex, extendMadoTailwindMerge, firstOfMonth, formatPhoneNumber, generateHumanValidationToken, getDate, getHours, getHoursIn12, getLinkClasses, getLocalTime, getMeridianFromHour, getMilliseconds, getMinutes, getMonth, getMonthIndexFromName, getMonthName, getNextMonth, getPreviousMonth, getSeconds, getTimezone, getUserReadableDate, getUserReadableDateFromTimestampz, getWeekdayName, getYearsInRange, hasClass, isEmail, isPhoneNumber, monthNamesList, removeClass, splitCamelCase, telRegex, toCamelCase, toFullDateString, toLowerCase, toTitleCase, toggleClass, twMerge, useFormStatus, usePointerMovement, validateHuman, weekdayNamesList };
+export { Anchor, Button, Checkbox, Details, DetailsBody, DetailsSummary, DropDown, DropDownButton, DropDownItem, DropDownItems, DropDownSection, DropDownSeparator, FacebookLogo, Fieldset, Form, FormStatusProvider, Ghost, GoogleLogo, Heading, HumanVerification, IFrame, Input, InstagramLogo, Link, LinkedInLogo, Modal, ModalClose, ModalDialog, ModalTitle, ModalTrigger, Select, SelectOption, SelectSectionTitle, SubmitButton, Textarea, TikTokLogo, Time, Tooltip, TooltipPanel, TooltipTrigger, XLogo, YouTubeLogo, addClass, createFastContext, currentMonthName, currentWeekdayName, daysInMonth, easeOutExpo, emailRegex, extendMadoTailwindMerge, firstOfMonth, formatPhoneNumber, generateHumanValidationToken, getDate, getHours, getHoursIn12, getLinkClasses, getLocalTime, getMeridianFromHour, getMilliseconds, getMinutes, getMonth, getMonthIndexFromName, getMonthName, getNextMonth, getPreviousMonth, getSeconds, getTimezone, getUserReadableDate, getUserReadableDateFromTimestampz, getWeekdayName, getYearsInRange, hasClass, isEmail, isPhoneNumber, monthNamesList, removeClass, splitCamelCase, telRegex, toCamelCase, toFullDateString, toLowerCase, toTitleCase, toggleClass, twMerge, useFormStatus, usePointerMovement, validateHuman, weekdayNamesList };