@flowtomic/ui 0.1.0 → 0.1.2

package/dist/components/molecules/animation/animated-modal/animated-modal.js

@@ -0,0 +1,136 @@
+/**
+ * AnimatedModal Component - Flowtomic UI
+ *
+ * Modal animado com perspectiva 3D e backdrop blur
+ * Usa Framer Motion (via motion/react) para animações suaves
+ * Componente Molecule que combina múltiplos atoms para criar experiência de modal premium
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { AnimatePresence, motion } from "motion/react";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+const ModalContext = React.createContext(undefined);
+function useModal() {
+    const context = React.useContext(ModalContext);
+    if (!context) {
+        throw new Error("Modal components must be used within a Modal");
+    }
+    return context;
+}
+// ============================================================================
+// Components
+// ============================================================================
+/**
+ * Modal - Container principal do modal
+ */
+function Modal({ children, defaultOpen = false, open: controlledOpen, onOpenChange }) {
+    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
+    const isControlled = controlledOpen !== undefined;
+    const open = isControlled ? controlledOpen : uncontrolledOpen;
+    const setOpen = React.useCallback((value) => {
+        if (!isControlled) {
+            setUncontrolledOpen(value);
+        }
+        onOpenChange?.(value);
+    }, [isControlled, onOpenChange]);
+    // Lock body scroll when modal is open
+    React.useEffect(() => {
+        if (open) {
+            document.body.style.overflow = "hidden";
+        }
+        else {
+            document.body.style.overflow = "";
+        }
+        return () => {
+            document.body.style.overflow = "";
+        };
+    }, [open]);
+    // Handle Escape key
+    React.useEffect(() => {
+        const handleEscape = (e) => {
+            if (e.key === "Escape" && open) {
+                setOpen(false);
+            }
+        };
+        document.addEventListener("keydown", handleEscape);
+        return () => {
+            document.removeEventListener("keydown", handleEscape);
+        };
+    }, [open, setOpen]);
+    return _jsx(ModalContext.Provider, { value: { open, setOpen }, children: children });
+}
+/**
+ * ModalTrigger - Botão que abre o modal
+ */
+const ModalTrigger = React.forwardRef(({ children, className, asChild, ...props }, ref) => {
+    const { setOpen } = useModal();
+    if (asChild && React.isValidElement(children)) {
+        return React.cloneElement(children, {
+            ...props,
+            ref,
+            onClick: (e) => {
+                if (props.onClick) {
+                    props.onClick(e);
+                }
+                setOpen(true);
+            },
+        });
+    }
+    return (_jsx("button", { ref: ref, type: "button", className: cn(className), onClick: () => setOpen(true), ...props, children: children }));
+});
+ModalTrigger.displayName = "ModalTrigger";
+/**
+ * ModalBody - Container do modal com backdrop e animações
+ */
+function ModalBody({ children, className, closeOnOutsideClick = true, showCloseButton = true, }) {
+    const { open, setOpen } = useModal();
+    const handleBackdropClick = (e) => {
+        if (closeOnOutsideClick && e.target === e.currentTarget) {
+            setOpen(false);
+        }
+    };
+    return (_jsx(AnimatePresence, { children: open && (_jsxs(_Fragment, { children: [_jsx(ModalOverlay, {}), _jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, className: cn("fixed inset-0 z-50 flex items-center justify-center p-4", className), onClick: handleBackdropClick, children: _jsxs(motion.div, { initial: { opacity: 0, scale: 0.9, rotateX: 15 }, animate: { opacity: 1, scale: 1, rotateX: 0 }, exit: { opacity: 0, scale: 0.9, rotateX: 15 }, transition: {
+                            type: "spring",
+                            stiffness: 300,
+                            damping: 30,
+                        }, style: {
+                            perspective: "1000px",
+                            transformStyle: "preserve-3d",
+                        }, className: "relative w-full max-w-lg", onClick: (e) => e.stopPropagation(), children: [showCloseButton && _jsx(CloseIcon, {}), children] }) })] })) }));
+}
+/**
+ * ModalContent - Conteúdo principal do modal
+ */
+function ModalContent({ children, className, maxHeight = "80vh" }) {
+    return (_jsx("div", { className: cn("relative w-full rounded-lg border bg-background p-6 shadow-lg", "overflow-y-auto", className), style: { maxHeight }, children: children }));
+}
+/**
+ * ModalFooter - Rodapé do modal para ações
+ */
+function ModalFooter({ children, className, align = "right" }) {
+    const alignClasses = {
+        left: "justify-start",
+        center: "justify-center",
+        right: "justify-end",
+    };
+    return (_jsx("div", { className: cn("flex items-center gap-2 mt-6", alignClasses[align], className), children: children }));
+}
+/**
+ * ModalOverlay - Overlay com backdrop blur
+ */
+function ModalOverlay({ className }) {
+    return (_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1, backdropFilter: "blur(10px)" }, exit: { opacity: 0, backdropFilter: "blur(0px)" }, className: cn("fixed inset-0 h-full w-full bg-black/50 z-40", className) }));
+}
+/**
+ * CloseIcon - Botão de fechar
+ */
+function CloseIcon() {
+    const { setOpen } = useModal();
+    return (_jsx("button", { type: "button", onClick: () => setOpen(false), className: "absolute top-4 right-4 group z-50", "aria-label": "Fechar modal", children: _jsx(X, { className: "h-4 w-4 text-foreground group-hover:scale-125 group-hover:rotate-3 transition duration-200" }) }));
+}
+// ============================================================================
+// Exports
+// ============================================================================
+export { Modal, ModalTrigger, ModalBody, ModalContent, ModalFooter };

package/dist/components/molecules/animation/animated-modal/index.d.ts

@@ -0,0 +1,3 @@
+export type { ModalBodyProps, ModalContentProps, ModalFooterProps, ModalProps, ModalTriggerProps, } from "./animated-modal";
+export { Modal, ModalBody, ModalContent, ModalFooter, ModalTrigger, } from "./animated-modal";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/animation/animated-modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/animation/animated-modal/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,iBAAiB,GAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,WAAW,EACX,YAAY,GACb,MAAM,kBAAkB,CAAC"}

package/dist/components/molecules/animation/animated-modal/index.js

@@ -0,0 +1 @@
+export { Modal, ModalBody, ModalContent, ModalFooter, ModalTrigger, } from "./animated-modal";

package/dist/components/molecules/animation/animated-sliding-number/animated-sliding-number.d.ts

@@ -0,0 +1,41 @@
+/**
+ * AnimatedSlidingNumber Component - Flowtomic UI
+ *
+ * Componente de tipografia para exibir números com animação de deslizamento
+ * Encapsula SlidingNumber com estilos e props específicos para uso em textos
+ */
+import { type SlidingNumberProps } from "@/components/atoms/animation/sliding-number/sliding-number";
+export interface AnimatedSlidingNumberProps extends Omit<SlidingNumberProps, "number" | "className"> {
+    /**
+     * Valor numérico a ser exibido
+     */
+    value: number | string;
+    /**
+     * Classes CSS adicionais para o container
+     */
+    className?: string;
+    /**
+     * Tamanho do texto (usa classes Tailwind de tipografia)
+     */
+    size?: "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
+    /**
+     * Peso da fonte
+     */
+    weight?: "light" | "normal" | "medium" | "semibold" | "bold";
+    /**
+     * Cor do texto (usa variáveis do design system)
+     * Use "inherit" para herdar a cor do contexto pai
+     */
+    color?: "default" | "primary" | "secondary" | "muted" | "success" | "warning" | "error" | "inherit";
+    /**
+     * Alinhamento do texto
+     */
+    align?: "left" | "center" | "right";
+    /**
+     * Props customizadas para o SlidingNumber interno
+     */
+    slidingNumberProps?: Omit<SlidingNumberProps, "number">;
+}
+declare function AnimatedSlidingNumber({ value, className, size, weight, color, align, slidingNumberProps, ...props }: AnimatedSlidingNumberProps): import("react/jsx-runtime").JSX.Element;
+export { AnimatedSlidingNumber };
+//# sourceMappingURL=animated-sliding-number.d.ts.map

package/dist/components/molecules/animation/animated-sliding-number/animated-sliding-number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-sliding-number.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/animation/animated-sliding-number/animated-sliding-number.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,4DAA4D,CAAC;AAGpE,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,QAAQ,GAAG,WAAW,CAAC;IACxD;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAClE;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAC7D;;;OAGG;IACH,KAAK,CAAC,EACF,SAAS,GACT,SAAS,GACT,WAAW,GACX,OAAO,GACP,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;CACzD;AAiDD,iBAAS,qBAAqB,CAAC,EAC7B,KAAK,EACL,SAAS,EACT,IAAa,EACb,MAAiB,EACjB,KAAiB,EACjB,KAAc,EACd,kBAAkB,EAClB,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAiC5B;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/molecules/animation/animated-sliding-number/animated-sliding-number.js

@@ -0,0 +1,67 @@
+/**
+ * AnimatedSlidingNumber Component - Flowtomic UI
+ *
+ * Componente de tipografia para exibir números com animação de deslizamento
+ * Encapsula SlidingNumber com estilos e props específicos para uso em textos
+ */
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SlidingNumber, } from "@/components/atoms/animation/sliding-number/sliding-number";
+import { cn } from "@/lib/utils";
+const sizeClasses = {
+    xs: "text-xs",
+    sm: "text-sm",
+    base: "text-base",
+    lg: "text-lg",
+    xl: "text-xl",
+    "2xl": "text-2xl",
+    "3xl": "text-3xl",
+    "4xl": "text-4xl",
+};
+const weightClasses = {
+    light: "font-light",
+    normal: "font-normal",
+    medium: "font-medium",
+    semibold: "font-semibold",
+    bold: "font-bold",
+};
+const colorClasses = {
+    default: "text-foreground",
+    primary: "text-primary",
+    secondary: "text-secondary-foreground",
+    muted: "text-muted-foreground",
+    success: "text-success",
+    warning: "text-warning",
+    error: "text-destructive",
+};
+// Mapeamento de cores para variáveis CSS
+const colorCSSVars = {
+    default: "hsl(var(--foreground))",
+    primary: "hsl(var(--primary))",
+    secondary: "hsl(var(--secondary-foreground))",
+    muted: "hsl(var(--muted-foreground))",
+    success: "hsl(var(--success))",
+    warning: "hsl(var(--warning))",
+    error: "hsl(var(--destructive))",
+    inherit: "inherit",
+};
+const alignClasses = {
+    left: "text-left",
+    center: "text-center",
+    right: "text-right",
+};
+function AnimatedSlidingNumber({ value, className, size = "base", weight = "normal", color = "default", align = "left", slidingNumberProps, ...props }) {
+    const isInherit = color === "inherit";
+    const textColor = isInherit ? "inherit" : colorCSSVars[color];
+    const containerClasses = cn(
+    // Aplica classe de cor apenas se não for inherit
+    !isInherit && colorClasses[color], 
+    // Força herança de cor em todos os elementos filhos
+    "[&_*]:!text-inherit", "[&_span]:!text-inherit");
+    const textClasses = cn(sizeClasses[size], weightClasses[weight], alignClasses[align], "tabular-nums", className);
+    return (_jsx("span", { className: containerClasses, style: {
+            color: textColor,
+            "--animated-number-color": textColor,
+        }, children: _jsx(SlidingNumber, { number: value, className: textClasses, ...slidingNumberProps, ...props }) }));
+}
+export { AnimatedSlidingNumber };

package/dist/components/molecules/animation/animated-sliding-number/index.d.ts

@@ -0,0 +1,3 @@
+export type { AnimatedSlidingNumberProps } from "./animated-sliding-number";
+export { AnimatedSlidingNumber } from "./animated-sliding-number";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/animation/animated-sliding-number/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/animation/animated-sliding-number/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/molecules/animation/animated-sliding-number/index.js

@@ -0,0 +1 @@
+export { AnimatedSlidingNumber } from "./animated-sliding-number";

package/dist/components/molecules/animation/button-counter/button-counter.d.ts

@@ -0,0 +1,59 @@
+/**
+ * ButtonCounter Component - Flowtomic UI
+ *
+ * Componente que combina Button com Counter/SlidingNumber
+ * Exibe um botão com número animado que pode ser incrementado/decrementado
+ */
+import { type Transition } from "motion/react";
+import * as React from "react";
+import { type ButtonProps } from "../../../atoms";
+import { type AnimatedSlidingNumberProps } from "../animated-sliding-number/animated-sliding-number";
+export interface ButtonCounterProps extends Omit<ButtonProps, "children" | "prefix" | "suffix"> {
+    /**
+     * Valor numérico atual
+     */
+    value: number;
+    /**
+     * Callback quando o valor muda
+     */
+    onValueChange: (value: number) => void;
+    /**
+     * Valor mínimo permitido
+     */
+    min?: number;
+    /**
+     * Valor máximo permitido
+     */
+    max?: number;
+    /**
+     * Incremento/decremento por clique
+     */
+    step?: number;
+    /**
+     * Mostrar botões de incremento/decremento
+     */
+    showControls?: boolean;
+    /**
+     * Props para o AnimatedSlidingNumber
+     */
+    animatedNumberProps?: Omit<AnimatedSlidingNumberProps, "value">;
+    /**
+     * Transição para animações
+     */
+    transition?: Transition;
+    /**
+     * Conteúdo adicional antes do número
+     */
+    prefix?: React.ReactNode;
+    /**
+     * Conteúdo adicional depois do número
+     */
+    suffix?: React.ReactNode;
+    /**
+     * Remove borda e fundo do botão que exibe o número (apenas quando showControls=true)
+     */
+    hideNumberBackground?: boolean;
+}
+declare function ButtonCounter({ value, onValueChange, min, max, step, showControls, animatedNumberProps, transition, prefix, suffix, className, variant, size, hideNumberBackground, ...buttonProps }: ButtonCounterProps): import("react/jsx-runtime").JSX.Element;
+export { ButtonCounter };
+//# sourceMappingURL=button-counter.d.ts.map

package/dist/components/molecules/animation/button-counter/button-counter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-counter.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/animation/button-counter/button-counter.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,oDAAoD,CAAC;AAE5D,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7F;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,IAAI,CAAC,0BAA0B,EAAE,OAAO,CAAC,CAAC;IAChE;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,aAAa,EACb,GAAG,EACH,GAAG,EACH,IAAQ,EACR,YAAoB,EACpB,mBAAmB,EACnB,UAAU,EACV,MAAM,EACN,MAAM,EACN,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,oBAA4B,EAC5B,GAAG,WAAW,EACf,EAAE,kBAAkB,2CA+EpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/molecules/animation/button-counter/button-counter.js

@@ -0,0 +1,34 @@
+/**
+ * ButtonCounter Component - Flowtomic UI
+ *
+ * Componente que combina Button com Counter/SlidingNumber
+ * Exibe um botão com número animado que pode ser incrementado/decrementado
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+import { Button } from "../../../atoms";
+import { AnimatedSlidingNumber, } from "../animated-sliding-number/animated-sliding-number";
+function ButtonCounter({ value, onValueChange, min, max, step = 1, showControls = false, animatedNumberProps, transition, prefix, suffix, className, variant = "default", size = "default", hideNumberBackground = false, ...buttonProps }) {
+    const handleIncrement = React.useCallback(() => {
+        const newValue = value + step;
+        if (max === undefined || newValue <= max) {
+            onValueChange(newValue);
+        }
+    }, [value, step, max, onValueChange]);
+    const handleDecrement = React.useCallback(() => {
+        const newValue = value - step;
+        if (min === undefined || newValue >= min) {
+            onValueChange(newValue);
+        }
+    }, [value, step, min, onValueChange]);
+    const isMin = min !== undefined && value <= min;
+    const isMax = max !== undefined && value >= max;
+    if (showControls) {
+        return (_jsxs("div", { className: cn("inline-flex items-center gap-2", className), children: [_jsx(motion.div, { whileHover: { scale: 1.05 }, whileTap: { scale: 0.95 }, children: _jsx(Button, { variant: variant, size: size, onClick: handleDecrement, disabled: isMin || buttonProps.disabled, ...buttonProps, children: "-" }) }), _jsxs(Button, { variant: hideNumberBackground ? "ghost" : variant, size: size, className: cn("gap-2", hideNumberBackground && "bg-transparent border-none shadow-none hover:bg-transparent"), ...buttonProps, children: [prefix, _jsx(AnimatedSlidingNumber, { value: value, color: animatedNumberProps?.color ?? "inherit", ...animatedNumberProps, className: cn("font-medium", animatedNumberProps?.className) }), suffix] }), _jsx(motion.div, { whileHover: { scale: 1.05 }, whileTap: { scale: 0.95 }, children: _jsx(Button, { variant: variant, size: size, onClick: handleIncrement, disabled: isMax || buttonProps.disabled, ...buttonProps, children: "+" }) })] }));
+    }
+    return (_jsxs(Button, { variant: variant, size: size, className: cn("gap-2", className), ...buttonProps, children: [prefix, _jsx(AnimatedSlidingNumber, { value: value, color: animatedNumberProps?.color ?? "inherit", ...animatedNumberProps, className: cn("font-medium", animatedNumberProps?.className) }), suffix] }));
+}
+export { ButtonCounter };

package/dist/components/molecules/animation/button-counter/index.d.ts

@@ -0,0 +1,3 @@
+export type { ButtonCounterProps } from "./button-counter";
+export { ButtonCounter } from "./button-counter";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/animation/button-counter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/animation/button-counter/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/molecules/animation/button-counter/index.js

@@ -0,0 +1 @@
+export { ButtonCounter } from "./button-counter";

package/dist/components/molecules/auth/auth-form-error-message/auth-form-error-message.d.ts

@@ -0,0 +1,28 @@
+/**
+ * AuthFormErrorMessage - Componente Molecule
+ *
+ * Componente reutilizável para exibir mensagens de erro em formulários de autenticação
+ *
+ * Molecule que combina apresentação de erro com animação opcional
+ */
+export interface AuthFormErrorMessageProps {
+    /**
+     * Mensagem de erro a ser exibida
+     */
+    message: string | null | undefined;
+    /**
+     * Classe CSS adicional (opcional)
+     */
+    className?: string;
+    /**
+     * Se deve usar animação (requer framer-motion se true)
+     */
+    animated?: boolean;
+}
+/**
+ * Componente reutilizável para exibir mensagens de erro em formulários de autenticação
+ *
+ * Molecule que combina apresentação de erro
+ */
+export declare function AuthFormErrorMessage({ message, className, animated, }: AuthFormErrorMessageProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=auth-form-error-message.d.ts.map

package/dist/components/molecules/auth/auth-form-error-message/auth-form-error-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-form-error-message.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/auth/auth-form-error-message/auth-form-error-message.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,SAAc,EACd,QAAgB,GACjB,EAAE,yBAAyB,kDAsB3B"}

package/dist/components/molecules/auth/auth-form-error-message/auth-form-error-message.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * AuthFormErrorMessage - Componente Molecule
+ *
+ * Componente reutilizável para exibir mensagens de erro em formulários de autenticação
+ *
+ * Molecule que combina apresentação de erro com animação opcional
+ */
+import { cn } from "../../../../lib/utils";
+/**
+ * Componente reutilizável para exibir mensagens de erro em formulários de autenticação
+ *
+ * Molecule que combina apresentação de erro
+ */
+export function AuthFormErrorMessage({ message, className = "", animated = false, }) {
+    if (!message)
+        return null;
+    const content = (_jsx("div", { className: cn("bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-md p-3", className), children: _jsx("p", { className: "text-sm text-red-600 dark:text-red-400", children: message }) }));
+    // Se animated for true, o projeto deve usar framer-motion
+    // Por padrão, retornamos sem animação para não forçar dependência
+    if (animated) {
+        // O projeto pode envolver isso com AnimatePresence e motion.div
+        return content;
+    }
+    return content;
+}

package/dist/components/molecules/auth/auth-form-error-message/index.d.ts

@@ -0,0 +1,3 @@
+export type { AuthFormErrorMessageProps } from "./auth-form-error-message";
+export { AuthFormErrorMessage } from "./auth-form-error-message";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/auth/auth-form-error-message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/auth/auth-form-error-message/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/molecules/auth/auth-form-error-message/index.js

@@ -0,0 +1 @@
+export { AuthFormErrorMessage } from "./auth-form-error-message";

package/dist/components/molecules/auth/auth-navigation-link/auth-navigation-link.d.ts

@@ -0,0 +1,53 @@
+/**
+ * AuthNavigationLink - Componente Molecule
+ *
+ * Componente reutilizável para links de navegação entre páginas de autenticação
+ *
+ * NOTA: Este componente requer que o projeto use um sistema de roteamento compatível
+ * (React Router, Next.js Link, etc.). O componente aceita um componente Link customizado.
+ */
+import type React from "react";
+export interface AuthNavigationLinkProps {
+    /**
+     * Texto principal antes do link
+     */
+    text: string;
+    /**
+     * Texto do link
+     */
+    linkText: string;
+    /**
+     * Rota de destino
+     */
+    to: string;
+    /**
+     * Componente Link customizado (React Router, Next.js, etc.)
+     * Se não fornecido, usa <a> padrão
+     */
+    LinkComponent?: React.ComponentType<{
+        to: string;
+        className?: string;
+        children: React.ReactNode;
+    }>;
+    /**
+     * Classe CSS adicional
+     */
+    className?: string;
+    /**
+     * Se true, aplica efeito de texto animado (AnimatedShinyText) no linkText
+     * @default false
+     */
+    animated?: boolean;
+    /**
+     * Largura do shimmer para o efeito animado (apenas quando animated=true)
+     * @default 100
+     */
+    shimmerWidth?: number;
+}
+/**
+ * Componente reutilizável para links de navegação entre páginas de autenticação
+ *
+ * Usado em Login e Register para navegação entre as páginas
+ */
+export declare function AuthNavigationLink({ text, linkText, to, LinkComponent, className, animated, shimmerWidth, }: AuthNavigationLinkProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=auth-navigation-link.d.ts.map

package/dist/components/molecules/auth/auth-navigation-link/auth-navigation-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-navigation-link.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/auth/auth-navigation-link/auth-navigation-link.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAClC,EAAE,EAAE,MAAM,CAAC;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,CAAC,CAAC;IACH;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,EAAE,EACF,aAAa,EACb,SAAc,EACd,QAAgB,EAChB,YAAkB,GACnB,EAAE,uBAAuB,2CAsCzB"}

package/dist/components/molecules/auth/auth-navigation-link/auth-navigation-link.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AnimatedShinyText } from "../../typography/animated-shiny-text";
+/**
+ * Componente reutilizável para links de navegação entre páginas de autenticação
+ *
+ * Usado em Login e Register para navegação entre as páginas
+ */
+export function AuthNavigationLink({ text, linkText, to, LinkComponent, className = "", animated = false, shimmerWidth = 100, }) {
+    const linkClassName = "text-[#5B5FED] dark:text-[#7B7FFF] hover:underline font-semibold";
+    const linkContent = animated ? (LinkComponent ? (_jsx(LinkComponent, { to: to, className: linkClassName, children: _jsx(AnimatedShinyText, { shimmerWidth: shimmerWidth, className: "bg-gradient-to-r from-[#5B5FED] from-0% via-white via-50% to-[#5B5FED] to-100% dark:from-[#7B7FFF] dark:via-white dark:to-[#7B7FFF]", children: linkText }) })) : (_jsx("a", { href: to, className: linkClassName, children: _jsx(AnimatedShinyText, { shimmerWidth: shimmerWidth, className: "bg-gradient-to-r from-[#5B5FED] from-0% via-white via-50% to-[#5B5FED] to-100% dark:from-[#7B7FFF] dark:via-white dark:to-[#7B7FFF]", children: linkText }) }))) : LinkComponent ? (_jsx(LinkComponent, { to: to, className: linkClassName, children: linkText })) : (_jsx("a", { href: to, className: linkClassName, children: linkText }));
+    return (_jsxs("p", { className: `text-center text-sm text-gray-600 dark:text-gray-300 ${className}`, children: [text, " ", linkContent] }));
+}

package/dist/components/molecules/auth/auth-navigation-link/index.d.ts

@@ -0,0 +1,3 @@
+export type { AuthNavigationLinkProps } from "./auth-navigation-link";
+export { AuthNavigationLink } from "./auth-navigation-link";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/auth/auth-navigation-link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/auth/auth-navigation-link/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/molecules/auth/auth-navigation-link/index.js

@@ -0,0 +1 @@
+export { AuthNavigationLink } from "./auth-navigation-link";

package/dist/components/molecules/auth/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Auth Components - Componentes de Autenticação
+ * Componentes relacionados a autenticação, login e formulários de acesso
+ */
+export type { AuthFormErrorMessageProps } from "./auth-form-error-message";
+export { AuthFormErrorMessage } from "./auth-form-error-message";
+export type { AuthNavigationLinkProps } from "./auth-navigation-link";
+export { AuthNavigationLink } from "./auth-navigation-link";
+export type { PasswordInputProps } from "./password-input";
+export { PasswordInput } from "./password-input";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/auth/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/auth/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,YAAY,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,YAAY,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/molecules/auth/index.js

@@ -0,0 +1,7 @@
+/**
+ * Auth Components - Componentes de Autenticação
+ * Componentes relacionados a autenticação, login e formulários de acesso
+ */
+export { AuthFormErrorMessage } from "./auth-form-error-message";
+export { AuthNavigationLink } from "./auth-navigation-link";
+export { PasswordInput } from "./password-input";

package/dist/components/molecules/auth/password-input/index.d.ts

@@ -0,0 +1,3 @@
+export type { PasswordInputProps } from "./password-input";
+export { PasswordInput } from "./password-input";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/auth/password-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/auth/password-input/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/molecules/auth/password-input/index.js

@@ -0,0 +1 @@
+export { PasswordInput } from "./password-input";

package/dist/components/molecules/auth/password-input/password-input.d.ts

@@ -0,0 +1,23 @@
+export interface PasswordInputProps {
+    id: string;
+    label: string;
+    placeholder?: string;
+    error?: string;
+    variant?: "default" | "error" | "success";
+    size?: "default" | "sm" | "lg";
+    autoComplete?: string;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    className?: string;
+    required?: boolean;
+    register?: {
+        name: string;
+        onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+        onBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+        ref: (instance: HTMLInputElement | null) => void;
+    };
+}
+export declare const PasswordInput: ({ id, label, placeholder, error, variant, size, autoComplete, value, onChange, onFocus, onBlur, className, required, register, }: PasswordInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=password-input.d.ts.map

package/dist/components/molecules/auth/password-input/password-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/auth/password-input/password-input.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC1C,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE;QACT,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;QAC3D,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;QACxD,GAAG,EAAE,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;KAClD,CAAC;CACH;AAED,eAAO,MAAM,aAAa,GAAI,kIAe3B,kBAAkB,4CAsHpB,CAAC"}