@flowtomic/ui 0.1.2 → 0.1.5

package/dist/blocks/developer-panel/page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../src/blocks/developer-panel/page.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAM5E,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAE7B;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAE/B;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAEzC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE/B;;OAEG;IACH,iBAAiB,CAAC,EAAE;QAClB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,qBAAqB,CAAC,CAAC;QACnE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;QACxC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;KAClC,CAAC;CACH;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAI,EACJ,MAAM,EACN,UAAU,EACV,eAAe,EACf,OAAe,EACf,KAAY,EACZ,UAAe,EACf,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,iBAAiB,GAClB,EAAE,mBAAmB,2CAiSrB"}
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../src/blocks/developer-panel/page.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAkB5E,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAE7B;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAE/B;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAEzC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE/B;;OAEG;IACH,iBAAiB,CAAC,EAAE;QAClB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,qBAAqB,CAAC,CAAC;QACnE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;QACxC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;KAClC,CAAC;CACH;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAI,EACJ,MAAM,EACN,UAAU,EACV,eAAe,EACf,OAAe,EACf,KAAY,EACZ,UAAe,EACf,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,iBAAiB,GAClB,EAAE,mBAAmB,2CAySrB"}

package/dist/blocks/developer-panel/page.js

@@ -6,10 +6,10 @@
  */
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ScriptEditor } from "@/components/organisms";
-import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/atoms";
 import { Code, Info } from "lucide-react";
 import { useState } from "react";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Tabs, TabsContent, TabsList, TabsTrigger, } from "@/components/atoms";
+import { ScriptEditor } from "@/components/organisms";
 export default function DeveloperPanel({ user, health, systemInfo, environmentInfo, loading = false, error = null, apiBaseUrl = "", onOpenSwagger, onOpenApiDocs, onOpenHealthCheck, scriptEditorProps, }) {
     const [copiedText, setCopiedText] = useState(null);
     const copyToClipboard = (text, label) => {

package/dist/components/atoms/actions/badge/badge.d.ts

@@ -2,7 +2,7 @@ import { type VariantProps } from "class-variance-authority";
 import React from "react";
 declare const badgeVariants: (props?: ({
     variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "info" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "md" | "lg" | "sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     children: React.ReactNode;

package/dist/components/atoms/actions/button/button.d.ts

@@ -2,8 +2,8 @@ import { type VariantProps } from "class-variance-authority";
 import { type Transition } from "motion/react";
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "info" | "link" | "ghost" | "natural" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "success" | "info" | "ghost" | "natural" | null | undefined;
+    size?: "lg" | "default" | "sm" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "transition">, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/components/atoms/animation/encrypted-text/encrypted-text.d.ts

@@ -0,0 +1,57 @@
+/**
+ * EncryptedText Component - Flowtomic UI
+ *
+ * Componente de texto que revela o texto gradualmente com efeito de texto criptografado/gibberish.
+ * Baseado em Aceternity UI - https://ui.aceternity.com/components/encrypted-text
+ * Usa motion/react para detecção de viewport e animações suaves
+ */
+import type React from "react";
+export interface EncryptedTextProps {
+    /**
+     * O texto a ser criptografado e revelado
+     */
+    text: string;
+    /**
+     * Classe CSS adicional
+     */
+    className?: string;
+    /**
+     * Tempo em milissegundos entre revelar cada caractere real subsequente.
+     * Menor é mais rápido. Padrão: 50ms por caractere.
+     * @default 50
+     */
+    revealDelayMs?: number;
+    /**
+     * Conjunto de caracteres customizado para usar no efeito gibberish.
+     * @default "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+-={}[];:,.<>/?"
+     */
+    charset?: string;
+    /**
+     * Tempo em milissegundos entre flips de gibberish para caracteres não revelados.
+     * Menor é mais jittery. Padrão: 50ms.
+     * @default 50
+     */
+    flipDelayMs?: number;
+    /**
+     * Classe CSS para estilizar caracteres criptografados/scrambled
+     */
+    encryptedClassName?: string;
+    /**
+     * Classe CSS para estilizar caracteres revelados
+     */
+    revealedClassName?: string;
+}
+/**
+ * EncryptedText - Componente de texto com efeito de revelação gradual
+ *
+ * @example
+ * ```tsx
+ * <EncryptedText
+ *   text="Texto secreto"
+ *   revealDelayMs={30}
+ *   flipDelayMs={50}
+ * />
+ * ```
+ */
+export declare const EncryptedText: React.FC<EncryptedTextProps>;
+//# sourceMappingURL=encrypted-text.d.ts.map

package/dist/components/atoms/animation/encrypted-text/encrypted-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"encrypted-text.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/animation/encrypted-text/encrypted-text.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAoBD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgGtD,CAAC"}

package/dist/components/atoms/animation/encrypted-text/encrypted-text.js

@@ -0,0 +1,104 @@
+/**
+ * EncryptedText Component - Flowtomic UI
+ *
+ * Componente de texto que revela o texto gradualmente com efeito de texto criptografado/gibberish.
+ * Baseado em Aceternity UI - https://ui.aceternity.com/components/encrypted-text
+ * Usa motion/react para detecção de viewport e animações suaves
+ */
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { motion, useInView } from "motion/react";
+import { useEffect, useRef, useState } from "react";
+import { cn } from "@/lib/utils";
+const DEFAULT_CHARSET = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+-={}[];:,.<>/?";
+function generateRandomCharacter(charset) {
+    const index = Math.floor(Math.random() * charset.length);
+    return charset.charAt(index);
+}
+function generateGibberishPreservingSpaces(original, charset) {
+    if (!original)
+        return "";
+    let result = "";
+    for (let i = 0; i < original.length; i += 1) {
+        const ch = original[i];
+        result += ch === " " ? " " : generateRandomCharacter(charset);
+    }
+    return result;
+}
+/**
+ * EncryptedText - Componente de texto com efeito de revelação gradual
+ *
+ * @example
+ * ```tsx
+ * <EncryptedText
+ *   text="Texto secreto"
+ *   revealDelayMs={30}
+ *   flipDelayMs={50}
+ * />
+ * ```
+ */
+export const EncryptedText = ({ text, className, revealDelayMs = 50, charset = DEFAULT_CHARSET, flipDelayMs = 50, encryptedClassName, revealedClassName, }) => {
+    const ref = useRef(null);
+    const isInView = useInView(ref, { once: true });
+    const [revealCount, setRevealCount] = useState(0);
+    const animationFrameRef = useRef(null);
+    const startTimeRef = useRef(0);
+    const lastFlipTimeRef = useRef(0);
+    const scrambleCharsRef = useRef(text ? generateGibberishPreservingSpaces(text, charset).split("") : []);
+    useEffect(() => {
+        if (!isInView)
+            return;
+        // Reset state for a fresh animation whenever dependencies change
+        const initial = text ? generateGibberishPreservingSpaces(text, charset) : "";
+        scrambleCharsRef.current = initial.split("");
+        startTimeRef.current = performance.now();
+        lastFlipTimeRef.current = startTimeRef.current;
+        setRevealCount(0);
+        let isCancelled = false;
+        const update = (now) => {
+            if (isCancelled)
+                return;
+            const elapsedMs = now - startTimeRef.current;
+            const totalLength = text.length;
+            const currentRevealCount = Math.min(totalLength, Math.floor(elapsedMs / Math.max(1, revealDelayMs)));
+            setRevealCount(currentRevealCount);
+            if (currentRevealCount >= totalLength) {
+                return;
+            }
+            // Re-randomize unrevealed scramble characters on an interval
+            const timeSinceLastFlip = now - lastFlipTimeRef.current;
+            if (timeSinceLastFlip >= Math.max(0, flipDelayMs)) {
+                for (let index = 0; index < totalLength; index += 1) {
+                    if (index >= currentRevealCount) {
+                        if (text[index] !== " ") {
+                            scrambleCharsRef.current[index] = generateRandomCharacter(charset);
+                        }
+                        else {
+                            scrambleCharsRef.current[index] = " ";
+                        }
+                    }
+                }
+                lastFlipTimeRef.current = now;
+            }
+            animationFrameRef.current = requestAnimationFrame(update);
+        };
+        animationFrameRef.current = requestAnimationFrame(update);
+        return () => {
+            isCancelled = true;
+            if (animationFrameRef.current !== null) {
+                cancelAnimationFrame(animationFrameRef.current);
+            }
+        };
+    }, [isInView, text, revealDelayMs, charset, flipDelayMs]);
+    if (!text)
+        return null;
+    return (_jsx(motion.span, { ref: ref, className: cn(className), "aria-label": text, role: "text", children: text.split("").map((char, index) => {
+            const isRevealed = index < revealCount;
+            const displayChar = isRevealed
+                ? char
+                : char === " "
+                    ? " "
+                    : (scrambleCharsRef.current[index] ?? generateRandomCharacter(charset));
+            return (_jsx("span", { className: cn(isRevealed ? revealedClassName : encryptedClassName), children: displayChar }, index));
+        }) }));
+};

package/dist/components/atoms/animation/encrypted-text/index.d.ts

@@ -0,0 +1,3 @@
+export type { EncryptedTextProps } from "./encrypted-text";
+export { EncryptedText } from "./encrypted-text";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/animation/encrypted-text/index.d.ts.map

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

package/dist/components/atoms/animation/encrypted-text/index.js

@@ -0,0 +1 @@
+export { EncryptedText } from "./encrypted-text";

package/dist/components/atoms/animation/index.d.ts

@@ -6,6 +6,8 @@ export type { Animated3DProps } from "./animated-3d";
 export { Animated3D } from "./animated-3d";
 export type { BackdropBlurProps } from "./backdrop-blur";
 export { BackdropBlur } from "./backdrop-blur";
+export type { EncryptedTextProps } from "./encrypted-text";
+export { EncryptedText } from "./encrypted-text";
 export type { LoaderProps } from "./loader";
 export { Loader } from "./loader";
 export type { ProgressProps } from "./progress";

package/dist/components/atoms/animation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/animation/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/animation/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/atoms/animation/index.js

@@ -4,6 +4,7 @@
  */
 export { Animated3D } from "./animated-3d";
 export { BackdropBlur } from "./backdrop-blur";
+export { EncryptedText } from "./encrypted-text";
 export { Loader } from "./loader";
 export { Progress } from "./progress";
 export { Shimmer } from "./shimmer";

package/dist/components/atoms/data-display/index.d.ts

@@ -4,4 +4,6 @@ export type { CarouselApi, CarouselContentProps, CarouselItemProps, CarouselNext
 export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel, } from "./carousel";
 export type { ChartConfig, ChartContainerProps, ChartLegendContentProps, ChartStyleProps, ChartTooltipContentProps, } from "./chart";
 export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, useChart, } from "./chart";
+export type { QRCodeProps } from "./qr-code";
+export { QRCode, qrCodeRootVariants } from "./qr-code";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/data-display/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EACV,WAAW,EACX,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,qBAAqB,EACrB,aAAa,GACd,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,WAAW,GACZ,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,WAAW,EACX,mBAAmB,EACnB,uBAAuB,EACvB,eAAe,EACf,wBAAwB,GACzB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,QAAQ,GACT,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/data-display/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EACV,WAAW,EACX,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,qBAAqB,EACrB,aAAa,GACd,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,WAAW,GACZ,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,WAAW,EACX,mBAAmB,EACnB,uBAAuB,EACvB,eAAe,EACf,wBAAwB,GACzB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,QAAQ,GACT,MAAM,SAAS,CAAC;AAGjB,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/atoms/data-display/index.js

@@ -1,3 +1,4 @@
 export { Calendar, CalendarDayButton } from "./calendar";
 export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel, } from "./carousel";
 export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, useChart, } from "./chart";
+export { QRCode, qrCodeRootVariants } from "./qr-code";

package/dist/components/atoms/data-display/qr-code/index.d.ts

@@ -0,0 +1,3 @@
+export type { QRCodeProps } from "./qr-code";
+export { QRCode, qrCodeRootVariants } from "./qr-code";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/data-display/qr-code/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/data-display/qr-code/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/atoms/data-display/qr-code/index.js

@@ -0,0 +1 @@
+export { QRCode, qrCodeRootVariants } from "./qr-code";

package/dist/components/atoms/data-display/qr-code/qr-code.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { type Options as QRCodeStylingOptions } from "qr-code-styling";
+import { type VariantProps } from "class-variance-authority";
+declare const qrCodeRootVariants: (props?: ({
+    size?: "md" | "lg" | null | undefined;
+    animated?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface QRCodeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children">, VariantProps<typeof qrCodeRootVariants> {
+    /** Valor (data) codificado no QR. */
+    value: string;
+    /** Opções extras da lib qr-code-styling para customização avançada. */
+    options?: QRCodeStylingOptions;
+    /** Rótulo de acessibilidade (aria-label). */
+    ariaLabel?: string;
+}
+export declare const QRCode: React.ForwardRefExoticComponent<QRCodeProps & React.RefAttributes<HTMLDivElement>>;
+export { qrCodeRootVariants };
+//# sourceMappingURL=qr-code.d.ts.map

package/dist/components/atoms/data-display/qr-code/qr-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/data-display/qr-code/qr-code.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAsB,EAAE,KAAK,OAAO,IAAI,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACtF,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,kBAAkB;;;8EAkBvB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0CD,eAAO,MAAM,MAAM,oFA8ElB,CAAC;AAGF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/atoms/data-display/qr-code/qr-code.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import QRCodeStyling from "qr-code-styling";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+// Size tokens (visual wrapper padding + internal QR size)
+const qrCodeRootVariants = cva("relative flex items-center justify-center select-none", // base classes
+{
+    variants: {
+        size: {
+            md: "p-2",
+            lg: "p-3",
+        },
+        animated: {
+            true: "", // animation handled conditionally
+            false: "",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+        animated: false,
+    },
+});
+// Map sizes to pixel dimensions for QR render
+const QR_SIZE = {
+    md: { width: 96, height: 96 },
+    lg: { width: 128, height: 128 },
+};
+// Corner frame handle
+const FrameHandle = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("size-3 rounded-tl border-t-2 border-l-2 border-[hsl(var(--primary))]", // use primary token
+    className), ...props })));
+FrameHandle.displayName = "QRCodeFrameHandle";
+// Animated gradient scan overlay (only when animated && !prefers-reduced-motion)
+const GradientScan = React.forwardRef(({ className, style, ...props }, ref) => (_jsx("div", { ref: ref, "aria-hidden": true, className: cn("absolute bottom-0 h-1/2 w-full border-t border-[hsl(var(--primary))] bg-[hsl(var(--primary))/0.10]", "[mask-image:radial-gradient(52.19%_100%_at_50%_0%,_#000_0%,_rgba(0,0,0,0)_95.31%)]", "[webkit-mask-image:radial-gradient(52.19%_100%_at_50%_0%,_#000_0%,_rgba(0,0,0,0)_95.31%)]", className), style: style, ...props })));
+GradientScan.displayName = "QRCodeGradientScan";
+export const QRCode = React.forwardRef(({ value, options, size = "md", animated = false, className, ariaLabel = "QR code", ...props }, ref) => {
+    const containerRef = React.useRef(null);
+    const qrInstanceRef = React.useRef(null);
+    const mountedRef = React.useRef(false);
+    // Create instance once
+    React.useEffect(() => {
+        if (!containerRef.current || mountedRef.current)
+            return;
+        mountedRef.current = true;
+        const qrSize = size ?? "md";
+        qrInstanceRef.current = new QRCodeStyling({
+            width: QR_SIZE[qrSize].width,
+            height: QR_SIZE[qrSize].height,
+            data: value,
+            type: "svg",
+            // Sensible defaults (can be overridden via options)
+            margin: 0,
+            qrOptions: { typeNumber: 0, mode: "Byte", errorCorrectionLevel: "Q" },
+            imageOptions: { hideBackgroundDots: true, imageSize: 0.4 },
+            dotsOptions: { type: "rounded" },
+            backgroundOptions: { color: "transparent" },
+            ...options,
+        });
+        qrInstanceRef.current.append(containerRef.current);
+    }, [options, size, value]);
+    // Update when value/options/size change
+    React.useEffect(() => {
+        if (!qrInstanceRef.current)
+            return;
+        const qrSize = size ?? "md";
+        qrInstanceRef.current.update({
+            data: value,
+            width: QR_SIZE[qrSize].width,
+            height: QR_SIZE[qrSize].height,
+            ...options,
+        });
+    }, [value, options, size]);
+    // Respect prefers-reduced-motion for animated overlay
+    const prefersReducedMotion = React.useMemo(() => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, []);
+    return (_jsxs("div", { ref: ref, role: "img", "aria-label": ariaLabel, className: cn(qrCodeRootVariants({ size, animated }), className), ...props, children: [_jsx("div", { ref: containerRef, className: "[&>canvas]:h-auto [&>canvas]:w-auto" }), _jsx(FrameHandle, { className: "absolute left-0 top-0" }), _jsx(FrameHandle, { className: "absolute top-0 right-0 rotate-90" }), _jsx(FrameHandle, { className: "absolute bottom-0 right-0 rotate-180" }), _jsx(FrameHandle, { className: "absolute bottom-0 left-0 -rotate-90" }), animated && !prefersReducedMotion && (_jsx(GradientScan, { className: "animate-[scan_2.4s_linear_infinite]", style: {} })), _jsx("style", { children: `@keyframes scan { from { transform: translateY(100%); opacity: .15; } to { transform: translateY(0%); opacity: .55; } }` })] }));
+});
+QRCode.displayName = "QRCode";
+export { qrCodeRootVariants };

package/dist/components/atoms/feedback/tooltip/index.d.ts

@@ -1,3 +1,3 @@
 export type { TooltipContentProps, TooltipProps, TooltipTriggerProps, } from "./tooltip";
-export { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, } from "./tooltip";
+export { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, TooltipWithMouseFollow, } from "./tooltip";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/feedback/tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/feedback/tooltip/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,GACpB,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,OAAO,EACP,cAAc,EACd,aAAa,EACb,eAAe,EACf,cAAc,GACf,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/feedback/tooltip/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,GACpB,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,OAAO,EACP,cAAc,EACd,aAAa,EACb,eAAe,EACf,cAAc,EACd,sBAAsB,GACvB,MAAM,WAAW,CAAC"}

package/dist/components/atoms/feedback/tooltip/index.js

@@ -1 +1 @@
-export { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, } from "./tooltip";
+export { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, TooltipWithMouseFollow, } from "./tooltip";

package/dist/components/atoms/feedback/tooltip/tooltip.d.ts

@@ -1,13 +1,26 @@
 /**
  * Tooltip Component - Flowtomic UI
  *
- * Componente Tooltip baseado em Radix UI
+ * Componente Tooltip baseado em Radix UI (padrão) ou React Aria (followMouse)
+ * com seguimento do mouse e posicionamento inteligente
+ * Baseado no Aceternity UI Tooltip Card para animações
  */
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import * as React from "react";
 export type TooltipProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>;
 export type TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;
-export type TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;
+export type TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & {
+    /**
+     * Se o tooltip deve seguir o mouse
+     * @default false
+     */
+    followMouse?: boolean;
+    /**
+     * Largura mínima do tooltip quando seguir o mouse
+     * @default 240 (15rem)
+     */
+    minWidth?: number;
+};
 /**
  * TooltipProvider - Provider do tooltip
  */
@@ -19,14 +32,38 @@ declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
 /**
  * TooltipTrigger - Trigger do tooltip
  */
-declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    "data-follow-mouse"?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
 /**
  * TooltipPortal - Portal do tooltip
  */
 declare const TooltipPortal: React.FC<TooltipPrimitive.TooltipPortalProps>;
 /**
- * TooltipContent - Conteúdo do tooltip
+ * TooltipContent - Conteúdo do tooltip com suporte a seguimento do mouse
  */
-declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    /**
+     * Se o tooltip deve seguir o mouse
+     * @default false
+     */
+    followMouse?: boolean;
+    /**
+     * Largura mínima do tooltip quando seguir o mouse
+     * @default 240 (15rem)
+     */
+    minWidth?: number;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * TooltipWithMouseFollow - Wrapper completo para tooltip com seguimento do mouse
+ * Implementação baseada no Aceternity UI, sem Radix
+ */
+export declare function TooltipWithMouseFollow({ content, children, containerClassName, className, minWidth, }: {
+    content: string | React.ReactNode;
+    children: React.ReactNode;
+    containerClassName?: string;
+    className?: string;
+    minWidth?: number;
+}): import("react/jsx-runtime").JSX.Element;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, TooltipPortal };
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/components/atoms/feedback/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/feedback/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;AACxF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAClG,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAElG;;GAEG;AACH,QAAA,MAAM,eAAe,iDAA4B,CAAC;AAGlD;;GAEG;AACH,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAGtC;;GAEG;AACH,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAGhD;;GAEG;AACH,QAAA,MAAM,aAAa,+CAA0B,CAAC;AAG9C;;GAEG;AACH,QAAA,MAAM,cAAc,gKAalB,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/feedback/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAI5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;AACxF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAClG,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAC9D,OAAO,gBAAgB,CAAC,OAAO,CAChC,GAAG;IACF;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,eAAe,iDAA4B,CAAC;AAGlD;;GAEG;AACH,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAGtC;;GAEG;AACH,QAAA,MAAM,cAAc;0BAGM,OAAO;2CAW/B,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,aAAa,+CAA0B,CAAC;AAG9C;;GAEG;AACH,QAAA,MAAM,cAAc;IArDlB;;;OAGG;kBACW,OAAO;IACrB;;;OAGG;eACQ,MAAM;wCA6EjB,CAAC;AAmBH;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,SAAS,EACT,QAAc,GACf,EAAE;IACD,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,2CA0NA;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC"}