@flowtomic/ui 0.1.0 → 0.1.1

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"}

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

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Eye, EyeOff } from "lucide-react";
+import { useRef, useState } from "react";
+import { cn } from "@/lib/utils";
+import { inputVariants } from "../../../atoms/forms/input/input";
+export const PasswordInput = ({ id, label, placeholder = "••••••••", error, variant = "default", size = "lg", autoComplete = "new-password", value, onChange, onFocus, onBlur, className = "", required = false, register, }) => {
+    const [isFocused, setIsFocused] = useState(false);
+    const [isManuallyVisible, setIsManuallyVisible] = useState(false);
+    const inputRef = useRef(null);
+    // A senha é visível se estiver em foco OU se o usuário clicou no botão de mostrar
+    const isPasswordVisible = isFocused || isManuallyVisible;
+    const handleFocus = (e) => {
+        setIsFocused(true);
+        onFocus?.(e);
+    };
+    const handleBlur = (e) => {
+        // Delay para permitir clique no botão antes de esconder
+        setTimeout(() => {
+            // Se o elemento ativo não for o input nem o botão, remove o foco
+            const activeElement = document.activeElement;
+            const buttonElement = activeElement?.closest('button[type="button"]');
+            if (activeElement !== inputRef.current && !buttonElement) {
+                setIsFocused(false);
+                // Se não estava manualmente visível, a senha já será escondida
+                // porque isPasswordVisible = isFocused || isManuallyVisible
+            }
+        }, 150);
+        onBlur?.(e);
+    };
+    const toggleVisibility = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsManuallyVisible(!isManuallyVisible);
+        // Manter foco no input se estiver focado
+        if (document.activeElement === inputRef.current || isFocused) {
+            setTimeout(() => {
+                inputRef.current?.focus();
+            }, 0);
+        }
+    };
+    // Separar props do input HTML das props customizadas
+    const baseInputProps = register
+        ? {
+            ...register,
+            id,
+            type: isPasswordVisible ? "text" : "password",
+            autoComplete,
+            placeholder,
+            required,
+            onFocus: handleFocus,
+            onBlur: (e) => {
+                register.onBlur(e);
+                handleBlur(e);
+            },
+            onChange: (e) => {
+                register.onChange(e);
+            },
+            ref: (e) => {
+                inputRef.current = e;
+                if (register?.ref) {
+                    register.ref(e);
+                }
+            },
+        }
+        : {
+            id,
+            name: id,
+            type: isPasswordVisible ? "text" : "password",
+            autoComplete,
+            placeholder,
+            required,
+            value,
+            onChange,
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            ref: inputRef,
+        };
+    const inputClassName = cn(inputVariants({ size, variant: error ? "error" : variant }), className, "pr-16");
+    return (_jsxs("div", { className: "space-y-2", children: [label && (_jsx("label", { htmlFor: id, className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: label })), _jsxs("div", { className: "relative", children: [_jsx("input", { ...baseInputProps, className: inputClassName }), _jsx("button", { type: "button", onClick: toggleVisibility, className: "absolute right-2 top-1/2 -translate-y-1/2 flex items-center justify-center bg-transparent border-0 p-0 cursor-pointer z-10 hover:opacity-70 transition-opacity", "aria-label": isPasswordVisible ? "Ocultar senha" : "Mostrar senha", tabIndex: -1, onMouseDown: (e) => {
+                            // Prevenir que o blur seja acionado antes do clique
+                            e.preventDefault();
+                        }, children: isPasswordVisible ? (_jsx(EyeOff, { className: "w-5 h-5 text-muted-foreground" })) : (_jsx(Eye, { className: "w-5 h-5 text-muted-foreground" })) })] }), error && _jsx("p", { className: "text-sm text-destructive", children: error })] }));
+};

package/dist/components/molecules/auth/social-login-buttons/index.d.ts

@@ -0,0 +1,3 @@
+export type { SocialLoginButtonsProps } from "./social-login-buttons";
+export { SocialLoginButtons } from "./social-login-buttons";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/auth/social-login-buttons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/auth/social-login-buttons/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/social-login-buttons/index.js

@@ -0,0 +1 @@
+export { SocialLoginButtons } from "./social-login-buttons";

package/dist/components/molecules/auth/social-login-buttons/social-login-buttons.d.ts

@@ -0,0 +1,32 @@
+/**
+ * SocialLoginButtons - Componente Molecule
+ *
+ * Componente reutilizável para botões de login social (Google e Apple)
+ *
+ * Molecule que combina múltiplos átomos (Button) para criar funcionalidade de login social
+ */
+export interface SocialLoginButtonsProps {
+    /**
+     * Callback quando clicar no botão do Google
+     */
+    onGoogleClick?: () => void;
+    /**
+     * Callback quando clicar no botão do Apple
+     */
+    onAppleClick?: () => void;
+    /**
+     * Classe CSS adicional
+     */
+    className?: string;
+    /**
+     * Texto do divisor (padrão: "ou")
+     */
+    dividerText?: string;
+}
+/**
+ * Componente reutilizável para botões de login social (Google e Apple)
+ *
+ * Molecule que combina múltiplos átomos (Button) para criar funcionalidade de login social
+ */
+export declare function SocialLoginButtons({ onGoogleClick, onAppleClick, dividerText, className, }: SocialLoginButtonsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=social-login-buttons.d.ts.map

package/dist/components/molecules/auth/social-login-buttons/social-login-buttons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"social-login-buttons.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/auth/social-login-buttons/social-login-buttons.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,YAAY,EACZ,WAAkB,EAClB,SAAS,GACV,EAAE,uBAAuB,2CA8DzB"}

package/dist/components/molecules/auth/social-login-buttons/social-login-buttons.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * SocialLoginButtons - Componente Molecule
+ *
+ * Componente reutilizável para botões de login social (Google e Apple)
+ *
+ * Molecule que combina múltiplos átomos (Button) para criar funcionalidade de login social
+ */
+import { cn } from "@/lib/utils";
+import { Button } from "../../../atoms";
+/**
+ * Componente reutilizável para botões de login social (Google e Apple)
+ *
+ * Molecule que combina múltiplos átomos (Button) para criar funcionalidade de login social
+ */
+export function SocialLoginButtons({ onGoogleClick, onAppleClick, dividerText = "ou", className, }) {
+    return (_jsxs("div", { className: cn("space-y-4", className), children: [_jsxs("div", { className: "relative", children: [_jsx("div", { className: "absolute inset-0 flex items-center", children: _jsx("div", { className: "w-full border-t border-gray-200 dark:border-gray-700" }) }), _jsx("div", { className: "relative flex justify-center text-sm", children: _jsx("span", { className: "px-4 bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 font-medium", children: dividerText }) })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs(Button, { type: "button", variant: "outline", onClick: onGoogleClick, className: "w-full h-14 border-2 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800 bg-transparent transition-all duration-300 font-medium text-base", "aria-label": "Entrar com Google", children: [_jsxs("svg", { className: "w-5 h-5 mr-3", viewBox: "0 0 24 24", "aria-hidden": "true", children: [_jsx("path", { fill: "currentColor", d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" }), _jsx("path", { fill: "currentColor", d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" }), _jsx("path", { fill: "currentColor", d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" }), _jsx("path", { fill: "currentColor", d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" })] }), "Google"] }), _jsxs(Button, { type: "button", variant: "outline", onClick: onAppleClick, className: "w-full h-14 border-2 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800 bg-transparent transition-all duration-300 font-medium text-base", "aria-label": "Entrar com Apple", children: [_jsx("svg", { className: "w-5 h-5 mr-3", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: _jsx("path", { d: "M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z" }) }), "Apple"] })] })] }));
+}

package/dist/components/molecules/data-display/artifact/artifact.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Artifact Component - Flowtomic UI
+ *
+ * Componente de artifact container com header e actions
+ */
+import { type LucideIcon } from "lucide-react";
+import type { ComponentProps, HTMLAttributes } from "react";
+import * as React from "react";
+import { Button } from "../../../atoms";
+export type ArtifactProps = HTMLAttributes<HTMLDivElement>;
+export declare const Artifact: React.ForwardRefExoticComponent<ArtifactProps & React.RefAttributes<HTMLDivElement>>;
+export type ArtifactHeaderProps = HTMLAttributes<HTMLDivElement>;
+export declare const ArtifactHeader: React.ForwardRefExoticComponent<ArtifactHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export type ArtifactCloseProps = ComponentProps<typeof Button>;
+export declare const ArtifactClose: React.ForwardRefExoticComponent<Omit<import("../../../atoms").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type ArtifactTitleProps = HTMLAttributes<HTMLParagraphElement>;
+export declare const ArtifactTitle: React.ForwardRefExoticComponent<ArtifactTitleProps & React.RefAttributes<HTMLParagraphElement>>;
+export type ArtifactDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
+export declare const ArtifactDescription: React.ForwardRefExoticComponent<ArtifactDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+export type ArtifactActionsProps = HTMLAttributes<HTMLDivElement>;
+export declare const ArtifactActions: React.ForwardRefExoticComponent<ArtifactActionsProps & React.RefAttributes<HTMLDivElement>>;
+export type ArtifactActionProps = ComponentProps<typeof Button> & {
+    tooltip?: string;
+    label?: string;
+    icon?: LucideIcon;
+};
+export declare const ArtifactAction: React.ForwardRefExoticComponent<Omit<ArtifactActionProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type ArtifactContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const ArtifactContent: React.ForwardRefExoticComponent<ArtifactContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=artifact.d.ts.map

package/dist/components/molecules/data-display/artifact/artifact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"artifact.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/artifact/artifact.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,UAAU,EAAS,MAAM,cAAc,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAA4D,MAAM,gBAAgB,CAAC;AAElG,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE3D,eAAO,MAAM,QAAQ,sFAWpB,CAAC;AAGF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjE,eAAO,MAAM,cAAc,4FAQ1B,CAAC;AAGF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAE/D,eAAO,MAAM,aAAa,sKAczB,CAAC;AAGF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAEtE,eAAO,MAAM,aAAa,iGAIzB,CAAC;AAGF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAE5E,eAAO,MAAM,mBAAmB,uGAI/B,CAAC;AAGF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,eAAO,MAAM,eAAe,6FAI3B,CAAC;AAGF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc,4GAkC1B,CAAC;AAGF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,eAAO,MAAM,eAAe,6FAI3B,CAAC"}

package/dist/components/molecules/data-display/artifact/artifact.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Artifact Component - Flowtomic UI
+ *
+ * Componente de artifact container com header e actions
+ */
+import { XIcon } from "lucide-react";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+import { Button, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../../atoms";
+export const Artifact = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col overflow-hidden rounded-lg border bg-background shadow-sm", className), ...props })));
+Artifact.displayName = "Artifact";
+export const ArtifactHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center justify-between border-b bg-muted/50 px-4 py-3", className), ...props })));
+ArtifactHeader.displayName = "ArtifactHeader";
+export const ArtifactClose = React.forwardRef(({ className, children, size = "sm", variant = "ghost", ...props }, ref) => (_jsxs(Button, { ref: ref, className: cn("size-8 p-0 text-muted-foreground hover:text-foreground", className), size: size, type: "button", variant: variant, ...props, children: [children ?? _jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })));
+ArtifactClose.displayName = "ArtifactClose";
+export const ArtifactTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn("font-medium text-foreground text-sm", className), ...props })));
+ArtifactTitle.displayName = "ArtifactTitle";
+export const ArtifactDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn("text-muted-foreground text-sm", className), ...props })));
+ArtifactDescription.displayName = "ArtifactDescription";
+export const ArtifactActions = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center gap-1", className), ...props })));
+ArtifactActions.displayName = "ArtifactActions";
+export const ArtifactAction = React.forwardRef(({ tooltip, label, icon: Icon, children, className, size = "sm", variant = "ghost", ...props }, ref) => {
+    const button = (_jsxs(Button, { ref: ref, className: cn("size-8 p-0 text-muted-foreground hover:text-foreground", className), size: size, type: "button", variant: variant, ...props, children: [Icon ? _jsx(Icon, { className: "size-4" }) : children, _jsx("span", { className: "sr-only", children: label || tooltip })] }));
+    if (tooltip) {
+        return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: button }), _jsx(TooltipContent, { children: _jsx("p", { children: tooltip }) })] }) }));
+    }
+    return button;
+});
+ArtifactAction.displayName = "ArtifactAction";
+export const ArtifactContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex-1 overflow-auto p-4", className), ...props })));
+ArtifactContent.displayName = "ArtifactContent";

package/dist/components/molecules/data-display/artifact/index.d.ts

@@ -0,0 +1,3 @@
+export type { ArtifactActionProps, ArtifactActionsProps, ArtifactCloseProps, ArtifactContentProps, ArtifactDescriptionProps, ArtifactHeaderProps, ArtifactProps, ArtifactTitleProps, } from "./artifact";
+export { Artifact, ArtifactAction, ArtifactActions, ArtifactClose, ArtifactContent, ArtifactDescription, ArtifactHeader, ArtifactTitle, } from "./artifact";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/data-display/artifact/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/artifact/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,EAClB,oBAAoB,EACpB,wBAAwB,EACxB,mBAAmB,EACnB,aAAa,EACb,kBAAkB,GACnB,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,QAAQ,EACR,cAAc,EACd,eAAe,EACf,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,aAAa,GACd,MAAM,YAAY,CAAC"}

package/dist/components/molecules/data-display/artifact/index.js

@@ -0,0 +1 @@
+export { Artifact, ArtifactAction, ArtifactActions, ArtifactClose, ArtifactContent, ArtifactDescription, ArtifactHeader, ArtifactTitle, } from "./artifact";