flysoft-react-ui 0.5.2 → 0.5.3

package/dist/App.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AAGA,OAAO,aAAa,CAAC;AA2DrB,iBAAS,GAAG,4CAoBX;AAED,eAAe,GAAG,CAAC"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AAGA,OAAO,aAAa,CAAC;AAuDrB,iBAAS,GAAG,4CAsBX;AAED,eAAe,GAAG,CAAC"}

package/dist/App.js

@@ -8,20 +8,19 @@ import DocsRouter from "./docs/DocsRouter";
 import { AuthDocs } from "./docs/AuthDocs.tsx/AuthDocs";
 import packageJson from "../package.json";
 function HomeContent() {
-    return (_jsxs(_Fragment, { children: [_jsx(Card, { title: "Empleados", className: "bg-gray-50", children: _jsx(Card, { className: "w-1/2", title: "FALCONE WALTER ALDO", subtitle: "3558-03 - Titular", footer: _jsx(Button, { children: "Ver" }), headerActions: () => [
-                        _jsx(Badge, { variant: "secondary", children: "OSOCNA" }),
-                        _jsx(Badge, { variant: "secondary", children: "B\u00C1SICO" }),
-                    ], children: _jsxs(Collection, { direction: "row", gap: "1rem", wrap: true, children: [_jsx(DataField, { label: "Cuil", value: "20179902711" }), _jsx(DataField, { label: "Doc", value: "17990271" }), _jsx(DataField, { label: "F Nac", value: "23/06/1966" }), _jsx(DataField, { label: "F Alta", value: "01/03/2012" })] }) }) }), _jsx("div", { children: _jsx(AuthDocs, {}) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Card, { title: "Empleados", className: "bg-gray-50", children: _jsx(Card, { className: "w-1/2", title: "FALCONE WALTER ALDO", subtitle: "3558-03 - Titular", footer: _jsx(Button, { children: "Ver" }), headerActions: _jsxs(_Fragment, { children: [_jsx(Badge, { variant: "secondary", children: "OSOCNA" }), _jsx(Badge, { variant: "secondary", children: "B\u00C1SICO" })] }), children: _jsxs(Collection, { direction: "row", gap: "1rem", wrap: true, children: [_jsx(DataField, { label: "Cuil", value: "20179902711" }), _jsx(DataField, { label: "Doc", value: "17990271" }), _jsx(DataField, { label: "F Nac", value: "23/06/1966" }), _jsx(DataField, { label: "F Alta", value: "01/03/2012" })] }) }) }), _jsx("div", { children: _jsx(AuthDocs, {}) })] }));
 }
 function LeftDrawerHeader() {
-    return (_jsx("div", { className: "h-[64px] flex flex-col  justify-center px-4", children: _jsx("h2", { children: _jsx(Link, { to: "/", children: "Flysoft React UI" }) }) }));
+    return (_jsx("div", { className: "h-[64px] flex flex-col  justify-center px-4 bg-gray-300", children: _jsx("h2", { children: _jsx(Link, { to: "/", children: "Flysoft React UI" }) }) }));
 }
 function LeftDrawerFooter() {
-    return (_jsx("div", { className: "px-4", children: _jsxs("span", { children: ["v ", packageJson.version] }) }));
+    return (_jsx("div", { className: "px-4 bg-gray-300", children: _jsxs("span", { children: ["v ", packageJson.version] }) }));
 }
 function App() {
     return (_jsx(AppLayoutProvider, { initialTheme: "light", forceInitialTheme: false, initialNavbar: {
+            navBarLeftNode: _jsx(_Fragment, {}),
             fullWidthNavbar: false,
+            className: "bg-gray-300 pl-0 lg:pl-8",
         }, initialLeftDrawer: {
             headerNode: _jsx(LeftDrawerHeader, {}),
             contentNode: _jsx(DocsMenu, {}),

package/dist/components/form-controls/AutocompleteInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteInput.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/AutocompleteInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB,CAAC,CAAC,GAAG,kBAAkB,EAAE,CAAC,GAAG,MAAM,CACxE,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;IACtD,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EACL,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,GAC1C,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IAC9B;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACrC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;IAChC;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAChE;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkqBD,eAAO,MAAM,iBAAiB,EAA6B,CACzD,CAAC,GAAG,kBAAkB,EACtB,CAAC,GAAG,MAAM,EAEV,KAAK,EAAE,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IACpC,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;CAC5C,KACE,KAAK,CAAC,YAAY,CAAC"}
+{"version":3,"file":"AutocompleteInput.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/AutocompleteInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAI1C,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB,CAAC,CAAC,GAAG,kBAAkB,EAAE,CAAC,GAAG,MAAM,CACxE,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;IACtD,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EACL,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,GAC1C,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IAC9B;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACrC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;IAChC;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAChE;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkqBD,eAAO,MAAM,iBAAiB,EAA6B,CACzD,CAAC,GAAG,kBAAkB,EACtB,CAAC,GAAG,MAAM,EAEV,KAAK,EAAE,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IACpC,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;CAC5C,KACE,KAAK,CAAC,YAAY,CAAC"}

package/dist/components/form-controls/AutocompleteInput.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React from "react";
 import { createPortal } from "react-dom";
 import { Input } from "./Input";
+import { normalizeIconClass } from "../utils/iconUtils";
 const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onSelectOption, noResultsText = "Sin resultados", className = "", getOptionLabel, getOptionValue, getOptionDescription, renderOption, readOnly = false, ...inputProps }, ref) => {
     const [internalValue, setInternalValue] = React.useState(value || "");
     const [displayValue, setDisplayValue] = React.useState("");
@@ -481,7 +482,7 @@ const AutocompleteInputInner = React.forwardRef(({ options, value, onChange, onS
                                         : "text-[var(--color-text-primary)] hover:bg-[var(--color-bg-secondary)]"}`, onMouseDown: (event) => {
                                         event.preventDefault();
                                         handleSelect(option);
-                                    }, onMouseEnter: () => setHighlightedIndex(index), children: renderOption ? (renderOption(option)) : (_jsxs(_Fragment, { children: [anyOption.icon && (_jsx("i", { className: `fa ${anyOption.icon} mt-0.5 text-[var(--color-text-muted)] flex-shrink-0` })), _jsxs("div", { className: "flex flex-col min-w-0", children: [_jsx("span", { className: "font-[var(--font-default)] whitespace-nowrap", children: label }), description !== undefined &&
+                                    }, onMouseEnter: () => setHighlightedIndex(index), children: renderOption ? (renderOption(option)) : (_jsxs(_Fragment, { children: [anyOption.icon && (_jsx("i", { className: `${normalizeIconClass(anyOption.icon)} mt-0.5 text-[var(--color-text-muted)] flex-shrink-0` })), _jsxs("div", { className: "flex flex-col min-w-0", children: [_jsx("span", { className: "font-[var(--font-default)] whitespace-nowrap", children: label }), description !== undefined &&
                                                         description !== null && (_jsx("span", { className: "text-xs text-[var(--color-text-secondary)] break-words", children: description }))] })] })) }, String(valueGetter(option) ?? label ?? index)));
                             }) })) : (_jsx("div", { className: "px-3 py-2 text-sm text-[var(--color-text-secondary)]", children: noResultsText })) }), bodyElement));
             })()] }));

package/dist/components/form-controls/Button.d.ts

@@ -2,6 +2,9 @@ import React from "react";
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: "primary" | "outline" | "ghost";
     size?: "sm" | "md" | "lg";
+    color?: "primary" | "secondary" | "success" | "warning" | "danger" | "info";
+    bg?: string;
+    textColor?: string;
     icon?: string;
     iconPosition?: "left" | "right";
     loading?: boolean;

package/dist/components/form-controls/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AASD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiHxC,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkC1B,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC5E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AASD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwPxC,CAAC"}

package/dist/components/form-controls/Button.js

@@ -1,6 +1,33 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-export const Button = ({ variant = "primary", size = "md", icon, iconPosition = "left", loading = false, children, className = "", disabled, onClick, ...props }) => {
+import { normalizeIconClass } from "../utils/iconUtils";
+// Función helper para convertir nombres de colores comunes a valores CSS válidos
+const getColorValue = (color) => {
+    if (!color)
+        return undefined;
+    // Si ya es un valor CSS válido (hex, rgb, rgba, hsl, etc.), retornarlo
+    if (color.startsWith("#") ||
+        color.startsWith("rgb") ||
+        color.startsWith("hsl")) {
+        return color;
+    }
+    // Mapeo de nombres de colores comunes
+    const colorMap = {
+        white: "#ffffff",
+        black: "#000000",
+        "gray-800": "#1f2937",
+        "gray-700": "#374151",
+        "gray-600": "#4b5563",
+        "gray-500": "#6b7280",
+        "gray-400": "#9ca3af",
+        "gray-300": "#d1d5db",
+        "gray-200": "#e5e7eb",
+        "gray-100": "#f3f4f6",
+        "gray-50": "#f9fafb",
+    };
+    return colorMap[color.toLowerCase()] || color;
+};
+export const Button = ({ variant = "primary", size = "md", color = "primary", bg, textColor, icon, iconPosition = "left", loading = false, children, className = "", disabled, onClick, ...props }) => {
     const buttonRef = React.useRef(null);
     const [ripples, setRipples] = React.useState([]);
     const baseClasses = `
@@ -9,33 +36,125 @@ export const Button = ({ variant = "primary", size = "md", icon, iconPosition =
     disabled:opacity-50 disabled:cursor-not-allowed
     font-[var(--font-default)]
   `;
-    const variantClasses = {
-        primary: `
-      bg-[var(--color-primary)] text-[var(--color-primary-contrast)] 
-      hover:bg-[var(--color-primary-dark)] focus:ring-[var(--color-primary)]
-    `,
-        outline: `
-      border border-[var(--color-primary)] text-[var(--color-primary)] 
-      hover:bg-[var(--color-bg-secondary)] focus:ring-[var(--color-primary)]
-    `,
-        ghost: `
-      text-[var(--color-primary)] hover:bg-[var(--color-bg-secondary)] 
-      focus:ring-[var(--color-primary)]
-    `,
+    // Mapeo de clases para variant primary con color primary (usa Tailwind)
+    const getVariantClasses = (variantType, colorType) => {
+        // Solo usar clases Tailwind para primary con color primary
+        if (colorType === "primary") {
+            if (variantType === "primary") {
+                return `
+          bg-[var(--color-primary)] text-[var(--color-primary-contrast)] 
+          hover:bg-[var(--color-primary-dark)] focus:ring-[var(--color-primary)]
+        `;
+            }
+            else if (variantType === "outline") {
+                return `
+          border border-[var(--color-primary)] text-[var(--color-primary)] 
+          hover:bg-[var(--color-bg-secondary)] focus:ring-[var(--color-primary)]
+        `;
+            }
+            else {
+                return `
+          text-[var(--color-primary)] hover:bg-[var(--color-bg-secondary)] 
+          focus:ring-[var(--color-primary)]
+        `;
+            }
+        }
+        // Para otros colores, retornar clases base sin color (se aplicarán con estilos inline)
+        if (variantType === "primary") {
+            return `focus:ring-2 focus:ring-offset-2`;
+        }
+        else if (variantType === "outline") {
+            return `border hover:bg-[var(--color-bg-secondary)] focus:ring-2 focus:ring-offset-2`;
+        }
+        else {
+            return `hover:bg-[var(--color-bg-secondary)] focus:ring-2 focus:ring-offset-2`;
+        }
     };
+    // Si se proporciona bg personalizado, no usar las clases de variante
+    const variantClasses = bg ? "" : getVariantClasses(variant, color);
+    // Determinar si necesitamos usar estilos inline para colores del sistema
+    const needsInlineStyles = !bg && color !== "primary";
     const sizeClasses = {
         sm: `${children ? "px-3 py-1.5" : "p-1.5"} text-sm`,
         md: `${children ? "px-4 py-2" : "p-2"} text-base`,
         lg: `${children ? "px-6 py-3" : "p-3"} text-lg`,
     };
-    const classes = `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]} ${className}`;
+    // Clases adicionales para variant outline cuando hay bg personalizado
+    const outlineClasses = bg && variant === "outline" ? "border" : "";
+    const classes = `${baseClasses} ${variantClasses} ${sizeClasses[size]} ${outlineClasses} ${className}`;
+    // Función para obtener el valor de una variable CSS
+    const getCSSVariable = (varName) => {
+        if (typeof window !== "undefined") {
+            const value = getComputedStyle(document.documentElement)
+                .getPropertyValue(varName)
+                .trim();
+            // Si no se encuentra la variable, intentar con el prefijo flysoft
+            if (!value && varName.startsWith("--color-")) {
+                const flysoftVarName = varName.replace("--color-", "--flysoft-");
+                return (getComputedStyle(document.documentElement)
+                    .getPropertyValue(flysoftVarName)
+                    .trim() || value);
+            }
+            return value;
+        }
+        return "";
+    };
+    // Estilos inline para colores personalizados o colores del sistema (no primary)
+    const inlineStyles = bg
+        ? {
+            backgroundColor: variant === "primary" ? getColorValue(bg) || bg : undefined,
+            color: getColorValue(textColor) ||
+                textColor ||
+                (variant === "primary" ? "#ffffff" : getColorValue(bg) || bg),
+            borderColor: variant === "outline" ? getColorValue(bg) || bg : undefined,
+            ...(variant === "ghost" && {
+                color: getColorValue(textColor) || textColor || getColorValue(bg) || bg,
+            }),
+        }
+        : needsInlineStyles
+            ? {
+                ...(variant === "primary" && {
+                    backgroundColor: getCSSVariable(`--color-${color}`),
+                    color: getCSSVariable(`--color-${color}-contrast`) || "#ffffff",
+                }),
+                ...(variant === "outline" && {
+                    borderColor: getCSSVariable(`--color-${color}`),
+                    color: getCSSVariable(`--color-${color}`),
+                }),
+                ...(variant === "ghost" && {
+                    color: getCSSVariable(`--color-${color}`),
+                }),
+            }
+            : {};
+    // Función para oscurecer un color (para hover en variant primary con bg personalizado)
+    const darkenColor = (color, percent) => {
+        const hex = color.replace("#", "");
+        const num = parseInt(hex, 16);
+        const r = Math.max(0, Math.floor((num >> 16) * (1 - percent / 100)));
+        const g = Math.max(0, Math.floor(((num >> 8) & 0x00ff) * (1 - percent / 100)));
+        const b = Math.max(0, Math.floor((num & 0x0000ff) * (1 - percent / 100)));
+        return `#${((r << 16) | (g << 8) | b).toString(16).padStart(6, "0")}`;
+    };
+    // Agregar hover style cuando hay bg personalizado y variant es primary
+    const hoverStyle = bg && variant === "primary" && !disabled && !loading
+        ? {
+            "--hover-bg": darkenColor(getColorValue(bg) || bg, 15),
+        }
+        : {};
     const renderIcon = () => {
         if (!icon)
             return null;
         const iconClasses = size === "sm" ? "w-4 h-4" : size === "md" ? "w-5 h-5" : "w-6 h-6";
-        return (_jsx("i", { className: `fa ${icon} ${iconClasses} ${children ? (iconPosition === "right" ? "ml-2" : "mr-2") : ""} mt-0.5` }));
+        return (_jsx("i", { className: `${normalizeIconClass(icon)} ${iconClasses} ${children ? (iconPosition === "right" ? "ml-2" : "mr-2") : ""} mt-0.5` }));
     };
-    const rippleColor = variant === "primary" ? "rgba(255, 255, 255, 0.45)" : "rgba(0, 0, 0, 0.15)";
+    // Determinar el color del ripple basado en el variant y si hay bg personalizado
+    const rippleColor = bg
+        ? variant === "primary"
+            ? "rgba(255, 255, 255, 0.45)"
+            : "rgba(0, 0, 0, 0.15)"
+        : variant === "primary"
+            ? "rgba(255, 255, 255, 0.45)"
+            : "rgba(0, 0, 0, 0.15)";
     const handleClick = (event) => {
         if (!disabled && !loading && buttonRef.current) {
             const rect = buttonRef.current.getBoundingClientRect();
@@ -51,11 +170,33 @@ export const Button = ({ variant = "primary", size = "md", icon, iconPosition =
         }
         onClick?.(event);
     };
-    return (_jsxs("button", { ref: buttonRef, className: classes, disabled: disabled || loading, onClick: handleClick, ...props, children: [_jsx("span", { className: "absolute inset-0 pointer-events-none", children: ripples.map((ripple) => (_jsx("span", { className: "absolute rounded-full opacity-40 flysoft-button-ripple", style: {
+    // Combinar estilos inline
+    const combinedStyles = { ...inlineStyles, ...hoverStyle };
+    return (_jsxs("button", { ref: buttonRef, className: classes, style: combinedStyles, disabled: disabled || loading, onClick: handleClick, onMouseEnter: (e) => {
+            if (variant === "primary" && !disabled && !loading) {
+                if (bg) {
+                    const hoverBg = darkenColor(getColorValue(bg) || bg, 15);
+                    e.currentTarget.style.backgroundColor = hoverBg;
+                }
+                else if (needsInlineStyles) {
+                    const hoverBg = getCSSVariable(`--color-${color}-dark`);
+                    e.currentTarget.style.backgroundColor = hoverBg;
+                }
+            }
+        }, onMouseLeave: (e) => {
+            if (variant === "primary") {
+                if (bg) {
+                    e.currentTarget.style.backgroundColor = getColorValue(bg) || bg;
+                }
+                else if (needsInlineStyles) {
+                    e.currentTarget.style.backgroundColor = getCSSVariable(`--color-${color}`);
+                }
+            }
+        }, ...props, children: [_jsx("span", { className: "absolute inset-0 pointer-events-none", children: ripples.map((ripple) => (_jsx("span", { className: "absolute rounded-full opacity-40 flysoft-button-ripple", style: {
                         top: ripple.y,
                         left: ripple.x,
                         width: ripple.size,
                         height: ripple.size,
                         backgroundColor: rippleColor,
-                    } }, ripple.id))) }), _jsxs("span", { className: "relative inline-flex items-center justify-center", children: [loading && _jsx("i", { className: "fa fa-spinner fa-spin mr-2" }), icon && iconPosition === "left" && !loading && renderIcon(), children, icon && iconPosition === "right" && !loading && renderIcon()] })] }));
+                    } }, ripple.id))) }), _jsxs("span", { className: "relative inline-flex items-center justify-center", children: [loading && (_jsx("i", { className: `${normalizeIconClass("fa-spinner fa-spin")} mr-2` })), icon && iconPosition === "left" && !loading && renderIcon(), children, icon && iconPosition === "right" && !loading && renderIcon()] })] }));
 };

package/dist/components/form-controls/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,CAChB;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,wFAsIpB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,wFA0IpB,CAAC"}

package/dist/components/form-controls/Checkbox.js

@@ -31,7 +31,9 @@ export const Checkbox = React.forwardRef(({ label, labelPosition = "right", erro
       ${labelSizeClasses[size]}
       font-[var(--font-default)] cursor-pointer select-none
       ${props.disabled ? "opacity-50 cursor-not-allowed" : ""}
-      ${error ? "text-[var(--color-danger)]" : "text-[var(--color-text-primary)]"}
+      ${error
+        ? "text-[var(--color-danger)]"
+        : "text-[var(--color-text-primary)]"}
     `;
     const containerClasses = `
       flex items-center gap-2

package/dist/components/form-controls/DateInput.d.ts

@@ -6,7 +6,8 @@ export type DateInputFormat = "dd/mm/yyyy" | "mm/dd/yyyy";
 export interface DateInputProps extends Omit<InputProps, "type" | "value" | "onChange" | "ref"> {
     /**
      * Valor de la fecha.
-     * En modo register: string (fecha formateada) o undefined
+     * En modo register con FormProvider: Dayjs | null (se guarda como Dayjs en el formulario)
+     * En modo register sin FormProvider: string ISO (se guarda como ISO string, se puede parsear a Dayjs)
      * En modo Controller: Dayjs | null
      */
     value?: Dayjs | null | string;
@@ -14,6 +15,9 @@ export interface DateInputProps extends Omit<InputProps, "type" | "value" | "onC
      * Callback cuando cambia la fecha.
      * En modo register: ChangeEventHandler (de register)
      * En modo Controller: (date: Dayjs | null) => void
+     *
+     * NOTA: Para usar Dayjs directamente con register, el formulario debe estar envuelto en FormProvider.
+     * Sin FormProvider, el valor se guarda como ISO string y se puede parsear de vuelta a Dayjs usando normalizeToDayjs.
      */
     onChange?: ((date: Dayjs | null) => void) | React.ChangeEventHandler<HTMLInputElement>;
     format?: DateInputFormat;

package/dist/components/form-controls/DateInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/DateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAc,EAAE,KAAK,KAAK,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,YAAY,CAAC;AAE1D,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,CAAC;IAC/D;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EACL,CAAC,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC,GAC9B,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC/C,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,eAAe,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;IAC9D;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA2HD,eAAO,MAAM,SAAS,yFAwgBrB,CAAC"}
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/DateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAc,EAAE,KAAK,KAAK,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,YAAY,CAAC;AAE1D,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,CAAC;IAC/D;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9B;;;;;;;OAOG;IACH,QAAQ,CAAC,EACL,CAAC,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC,GAC9B,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC/C,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,eAAe,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;IAC9D;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA2HD,eAAO,MAAM,SAAS,yFAgmBrB,CAAC"}

package/dist/components/form-controls/DateInput.js

@@ -111,10 +111,10 @@ export const DateInput = React.forwardRef(({ value, onChange, format = "dd/mm/yy
         ? restInputProps.name
         : undefined;
     // Obtener setValue del contexto del formulario
-    // Para usar objetos Dayjs con register, el formulario debe estar dentro de FormProvider
     // useFormContext debe llamarse incondicionalmente (requisito de React Hooks)
-    // Si no hay FormProvider y se usa en modo register, useFormContext lanzará un error
-    // Para usar sin FormProvider, usar Controller en lugar de register
+    // Si no hay FormProvider, esto lanzará un error
+    // Para usar sin FormProvider, el componente guardará el valor Dayjs serializado (ISO string)
+    // en el input, y se puede parsear de vuelta a Dayjs cuando se lee el valor del formulario
     const formContext = useFormContext();
     const setValue = formContext?.setValue;
     const [internalDate, setInternalDate] = React.useState(null);
@@ -124,7 +124,9 @@ export const DateInput = React.forwardRef(({ value, onChange, format = "dd/mm/yy
     const containerRef = React.useRef(null);
     const pickerRef = React.useRef(null);
     const inputRef = React.useRef(null);
+    const hiddenInputRef = React.useRef(null);
     const isTypingRef = React.useRef(false);
+    const lastDayjsValueRef = React.useRef(null);
     // Función helper para sincronizar displayValue con el valor del formulario en modo register
     const syncDisplayValue = React.useCallback(() => {
         if (isRegisterMode && inputRef.current) {
@@ -271,10 +273,14 @@ export const DateInput = React.forwardRef(({ value, onChange, format = "dd/mm/yy
                 setValue(fieldName, date, {
                     shouldValidate: true,
                     shouldDirty: true,
+                    shouldTouch: true,
                 });
-            }
-            else {
-                // Fallback: actualizar el input nativo con el string de fecha
+                // Actualizar el displayValue y el estado interno
+                setDisplayValue(dateString);
+                setInternalDate(date);
+                // Actualizar el input nativo con el valor visual (string) para mantener la sincronización
+                // Esto es solo para mostrar el valor correcto en el input
+                // El valor real (Dayjs) ya está guardado en el formulario vía setValue
                 if (inputRef.current) {
                     const nativeInput = inputRef.current;
                     const nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
@@ -284,7 +290,26 @@ export const DateInput = React.forwardRef(({ value, onChange, format = "dd/mm/yy
                     else {
                         nativeInput.value = dateString;
                     }
-                    // Llamar al onChange de register
+                }
+            }
+            else {
+                // Sin FormProvider: guardar el valor Dayjs serializado (ISO string) en el input
+                // react-hook-form leerá este valor y se puede parsear de vuelta a Dayjs cuando se lee
+                lastDayjsValueRef.current = date;
+                // Guardar el valor Dayjs serializado (como ISO string)
+                const dayjsIsoString = date ? date.toISOString() : "";
+                // Actualizar el input visible con el valor Dayjs serializado
+                // Esto es lo que react-hook-form leerá y guardará
+                if (inputRef.current) {
+                    const nativeInput = inputRef.current;
+                    const nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
+                    if (nativeInputValueSetter) {
+                        nativeInputValueSetter.call(nativeInput, dayjsIsoString);
+                    }
+                    else {
+                        nativeInput.value = dayjsIsoString;
+                    }
+                    // Llamar al onChange de register con el valor Dayjs serializado
                     if (onChange) {
                         const changeEvent = {
                             target: nativeInput,
@@ -304,10 +329,11 @@ export const DateInput = React.forwardRef(({ value, onChange, format = "dd/mm/yy
                     });
                     nativeInput.dispatchEvent(changeEventNative);
                 }
+                // Actualizar el displayValue con el string formateado para mostrar al usuario
+                // Aunque el input tiene el ISO string, mostramos el formato legible
+                setDisplayValue(dateString);
+                setInternalDate(date);
             }
-            // Actualizar el displayValue
-            setDisplayValue(dateString);
-            setInternalDate(date);
         }
         else {
             // Modo Controller - comportamiento original
@@ -341,29 +367,67 @@ export const DateInput = React.forwardRef(({ value, onChange, format = "dd/mm/yy
             // En modo register, validar y actualizar el input nativo
             if (!newValue) {
                 // Limpiar el valor
-                if (inputRef.current) {
-                    const nativeInput = inputRef.current;
-                    const setter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
-                    setter?.call(nativeInput, "");
-                    if (onChange) {
-                        const changeEvent = {
-                            target: nativeInput,
-                            currentTarget: nativeInput,
-                        };
-                        onChange(changeEvent);
+                if (setValue && fieldName) {
+                    // Si tenemos setValue, usar setValue para limpiar el valor como null
+                    setValue(fieldName, null, {
+                        shouldValidate: true,
+                        shouldDirty: true,
+                        shouldTouch: true,
+                    });
+                    setDisplayValue("");
+                    setInternalDate(null);
+                }
+                else {
+                    // Fallback: actualizar el input nativo
+                    if (inputRef.current) {
+                        const nativeInput = inputRef.current;
+                        const setter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
+                        setter?.call(nativeInput, "");
+                        if (onChange) {
+                            const changeEvent = {
+                                target: nativeInput,
+                                currentTarget: nativeInput,
+                            };
+                            onChange(changeEvent);
+                        }
+                        const inputEvent = new Event("input", { bubbles: true });
+                        nativeInput.dispatchEvent(inputEvent);
+                        const changeEventNative = new Event("change", { bubbles: true });
+                        nativeInput.dispatchEvent(changeEventNative);
                     }
-                    const inputEvent = new Event("input", { bubbles: true });
-                    nativeInput.dispatchEvent(inputEvent);
-                    const changeEventNative = new Event("change", { bubbles: true });
-                    nativeInput.dispatchEvent(changeEventNative);
+                    setDisplayValue("");
+                    setInternalDate(null);
                 }
-                setDisplayValue("");
-                setInternalDate(null);
             }
             else {
                 const parsed = parseDateFromString(newValue, format);
                 if (parsed) {
+                    // handleDateChange ya usa setValue si está disponible
                     handleDateChange(parsed);
+                    // Si usamos setValue, asegurarse de que el valor Dayjs se mantenga
+                    // después del blur, ya que registerOnBlur puede causar que react-hook-form
+                    // lea el valor del input como string
+                    if (setValue && fieldName && registerOnBlur) {
+                        // Guardar el valor Dayjs antes de llamar a registerOnBlur
+                        const dayjsValue = parsed;
+                        // Llamar al onBlur de register
+                        registerOnBlur(event);
+                        // Usar setTimeout para asegurarse de que esto se ejecuta después de registerOnBlur
+                        // y restaurar el valor Dayjs si react-hook-form lo sobrescribió con un string
+                        setTimeout(() => {
+                            const currentValue = formContext?.watch(fieldName);
+                            // Si el valor actual es un string en lugar de Dayjs, restaurarlo
+                            if (currentValue && typeof currentValue === "string") {
+                                setValue(fieldName, dayjsValue, {
+                                    shouldValidate: true,
+                                    shouldDirty: true,
+                                    shouldTouch: true,
+                                });
+                            }
+                        }, 0);
+                        // No llamar a registerOnBlur más abajo ya que ya lo llamamos aquí
+                        return;
+                    }
                 }
                 else {
                     // Si no es válida, restaurar el valor anterior
@@ -372,6 +436,7 @@ export const DateInput = React.forwardRef(({ value, onChange, format = "dd/mm/yy
                 }
             }
             // Llamar al onBlur de register si existe
+            // Solo se llama aquí si no usamos setValue o si no había un valor válido
             if (registerOnBlur) {
                 registerOnBlur(event);
             }
@@ -489,7 +554,9 @@ export const DateInput = React.forwardRef(({ value, onChange, format = "dd/mm/yy
             setPickerPosition(null);
         }
     }, [isOpen, readOnly, isMounted]);
-    return (_jsxs("div", { ref: containerRef, className: "relative w-full", children: [_jsx(Input, { ...restInputProps, ref: combinedRef, type: "text", value: inputValue, onChange: handleInputChange, onBlur: handleInputBlur, icon: displayIcon, iconPosition: displayIconPosition, onIconClick: displayOnIconClick, placeholder: restInputProps.placeholder ??
+    return (_jsxs("div", { ref: containerRef, className: "relative w-full", children: [isRegisterMode && !setValue && fieldName && (_jsx("input", { ref: hiddenInputRef, type: "hidden", name: fieldName, value: lastDayjsValueRef.current
+                    ? lastDayjsValueRef.current.toISOString()
+                    : "" })), _jsx(Input, { ...restInputProps, ref: combinedRef, type: "text", value: inputValue, onChange: handleInputChange, onBlur: handleInputBlur, icon: displayIcon, iconPosition: displayIconPosition, onIconClick: displayOnIconClick, placeholder: restInputProps.placeholder ??
                     (format === "mm/dd/yyyy" ? "mm/dd/yyyy" : "dd/mm/yyyy"), className: className, readOnly: readOnly }), (() => {
                 // Verificar de forma segura que document.body existe y es válido
                 const bodyElement = typeof document !== "undefined" &&

package/dist/components/form-controls/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC7D;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,qFA4FjB,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC7D;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,qFA4FjB,CAAC"}

package/dist/components/form-controls/Input.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
+import { normalizeIconClass } from "../utils/iconUtils";
 export const Input = React.forwardRef(({ label, error, icon, iconPosition = "left", size = "md", className = "", id, onIconClick, readOnly = false, ...props }, ref) => {
     const inputId = id || `input-${Math.random().toString(36).substr(2, 9)}`;
     const baseClasses = `
@@ -25,7 +26,7 @@ export const Input = React.forwardRef(({ label, error, icon, iconPosition = "lef
     const renderIcon = () => {
         if (!icon)
             return null;
-        const iconElement = (_jsx("i", { className: `fa ${icon} ${iconClasses} text-[var(--color-text-muted)] absolute top-1/2 transform -translate-y-1/2 ${iconPosition === "left" ? "left-3" : "right-3"} ${onIconClick && !readOnly ? "cursor-pointer hover:text-[var(--color-primary)] transition-colors" : ""}`, onClick: readOnly ? undefined : onIconClick }));
+        const iconElement = (_jsx("i", { className: `${normalizeIconClass(icon)} ${iconClasses} text-[var(--color-text-muted)] absolute top-1/2 transform -translate-y-1/2 ${iconPosition === "left" ? "left-3" : "right-3"} ${onIconClick && !readOnly ? "cursor-pointer hover:text-[var(--color-primary)] transition-colors" : ""}`, onClick: readOnly ? undefined : onIconClick }));
         return iconElement;
     };
     return (_jsxs("div", { className: "w-full", children: [label && (_jsx("label", { htmlFor: inputId, className: "block text-sm text-[var(--color-primary)] mb-1 font-[var(--font-default)]", children: label })), _jsxs("div", { className: "relative", children: [icon && iconPosition === "left" && renderIcon(), _jsx("input", { ref: ref, id: inputId, className: `${inputClasses} ${icon && iconPosition === "left" ? "pl-10" : ""} ${icon && iconPosition === "right" ? "pr-10" : ""}`, autoComplete: "off", readOnly: readOnly, ...props }), icon && iconPosition === "right" && renderIcon()] }), error && (_jsx("p", { className: "mt-1 text-sm text-[var(--color-danger)] font-[var(--font-default)]", children: error }))] }));

package/dist/components/form-controls/LinkButton.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface LinkButtonProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href"> {
+    to: string;
+    target?: string;
+    variant?: "primary" | "outline" | "ghost";
+    size?: "sm" | "md" | "lg";
+    color?: "primary" | "secondary" | "success" | "warning" | "danger" | "info";
+    bg?: string;
+    textColor?: string;
+    icon?: string;
+    iconPosition?: "left" | "right";
+    children?: React.ReactNode;
+}
+export declare const LinkButton: React.FC<LinkButtonProps>;
+//# sourceMappingURL=LinkButton.d.ts.map

package/dist/components/form-controls/LinkButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmC1B,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACnE,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC5E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AASD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgThD,CAAC"}