@flowtomic/ui 0.1.0 → 0.1.1

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

@@ -0,0 +1,3 @@
+export type { TextShimmerProps } from "./shimmer";
+export { Shimmer } from "./shimmer";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/animation/shimmer/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1 @@
+export { Shimmer } from "./shimmer";

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

@@ -0,0 +1,15 @@
+/**
+ * Shimmer Component - Flowtomic UI
+ *
+ * Componente de texto com efeito shimmer animado
+ */
+import { type ElementType } from "react";
+export type TextShimmerProps = {
+    children: string;
+    as?: ElementType;
+    className?: string;
+    duration?: number;
+    spread?: number;
+};
+export declare const Shimmer: import("react").MemoExoticComponent<({ children, as: Component, className, duration, spread, }: TextShimmerProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=shimmer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shimmer.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/animation/shimmer/shimmer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAsB,KAAK,WAAW,EAA2B,MAAM,OAAO,CAAC;AAGtF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAwCF,eAAO,MAAM,OAAO,kGAhCjB,gBAAgB,6CAgC0B,CAAC"}

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Shimmer Component - Flowtomic UI
+ *
+ * Componente de texto com efeito shimmer animado
+ */
+import { motion } from "motion/react";
+import { memo, useMemo } from "react";
+import { cn } from "@/lib/utils";
+const ShimmerComponent = ({ children, as: Component = "p", className, duration = 2, spread = 2, }) => {
+    const MotionComponent = motion.create(Component);
+    const dynamicSpread = useMemo(() => (children?.length ?? 0) * spread, [children, spread]);
+    return (_jsx(MotionComponent, { animate: { backgroundPosition: "0% center" }, className: cn("relative inline-block bg-size-[250%_100%,auto] bg-clip-text text-transparent", "[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]", className), initial: { backgroundPosition: "100% center" }, style: {
+            "--spread": `${dynamicSpread}px`,
+            backgroundImage: "var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))",
+        }, transition: {
+            repeat: Number.POSITIVE_INFINITY,
+            duration,
+            ease: "linear",
+        }, children: children }));
+};
+export const Shimmer = memo(ShimmerComponent);
+Shimmer.displayName = "Shimmer";

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/animation/sliding-number/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/sliding-number/index.js

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

package/dist/components/atoms/animation/sliding-number/sliding-number.d.ts

@@ -0,0 +1,21 @@
+/**
+ * SlidingNumber Component - Flowtomic UI
+ *
+ * Componente para exibir números com animação de deslizamento
+ * Baseado em motion/react para animações suaves
+ */
+import { type SpringOptions, type UseInViewOptions } from "motion/react";
+import * as React from "react";
+export interface SlidingNumberProps extends React.ComponentProps<"span"> {
+    number: number | string;
+    inView?: boolean;
+    inViewMargin?: UseInViewOptions["margin"];
+    inViewOnce?: boolean;
+    padStart?: boolean;
+    decimalSeparator?: string;
+    decimalPlaces?: number;
+    transition?: SpringOptions;
+}
+declare function SlidingNumber({ ref, number, className, inView, inViewMargin, inViewOnce, padStart, decimalSeparator, decimalPlaces, transition, ...props }: SlidingNumberProps): import("react/jsx-runtime").JSX.Element;
+export { SlidingNumber };
+//# sourceMappingURL=sliding-number.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sliding-number.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/animation/sliding-number/sliding-number.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,gBAAgB,EAItB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqF/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;IACtE,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,MAAM,EACN,SAAS,EACT,MAAc,EACd,YAAoB,EACpB,UAAiB,EACjB,QAAgB,EAChB,gBAAsB,EACtB,aAAiB,EACjB,UAIC,EACD,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA0GpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/atoms/animation/sliding-number/sliding-number.js

@@ -0,0 +1,91 @@
+/**
+ * SlidingNumber Component - Flowtomic UI
+ *
+ * Componente para exibir números com animação de deslizamento
+ * Baseado em motion/react para animações suaves
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { motion, useInView, useSpring, useTransform, } from "motion/react";
+import * as React from "react";
+import useMeasure from "react-use-measure";
+import { cn } from "@/lib/utils";
+function SlidingNumberRoller({ prevValue, value, place, transition }) {
+    const startNumber = Math.floor(prevValue / place) % 10;
+    const targetNumber = Math.floor(value / place) % 10;
+    const animatedValue = useSpring(startNumber, transition);
+    React.useEffect(() => {
+        animatedValue.set(targetNumber);
+    }, [targetNumber, animatedValue]);
+    const [measureRef, { height }] = useMeasure();
+    return (_jsxs("span", { ref: measureRef, "data-slot": "sliding-number-roller", className: "relative inline-block w-[1ch] overflow-x-visible overflow-y-clip leading-none tabular-nums", style: { color: "var(--animated-number-color, inherit)" }, children: [_jsx("span", { className: "invisible", children: "0" }), [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((digit) => (_jsx(SlidingNumberDisplay, { motionValue: animatedValue, number: digit, height: height, transition: transition }, `sliding-digit-${digit}`)))] }));
+}
+function SlidingNumberDisplay({ motionValue, number, height, transition, }) {
+    const y = useTransform(motionValue, (latest) => {
+        if (!height)
+            return 0;
+        const currentNumber = latest % 10;
+        const offset = (10 + number - currentNumber) % 10;
+        let translateY = offset * height;
+        if (offset > 5)
+            translateY -= 10 * height;
+        return translateY;
+    });
+    if (!height) {
+        return _jsx("span", { className: "invisible absolute", children: number });
+    }
+    return (_jsx(motion.span, { "data-slot": "sliding-number-display", style: {
+            y,
+            color: "var(--animated-number-color, inherit)",
+        }, className: "absolute inset-0 flex items-center justify-center", transition: { ...transition, type: "spring" }, children: number }));
+}
+function SlidingNumber({ ref, number, className, inView = false, inViewMargin = "0px", inViewOnce = true, padStart = false, decimalSeparator = ".", decimalPlaces = 0, transition = {
+    stiffness: 200,
+    damping: 20,
+    mass: 0.4,
+}, ...props }) {
+    const localRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => localRef.current);
+    const inViewResult = useInView(localRef, {
+        once: inViewOnce,
+        margin: inViewMargin,
+    });
+    const isInView = !inView || inViewResult;
+    const prevNumberRef = React.useRef(0);
+    const effectiveNumber = React.useMemo(() => (!isInView ? 0 : Math.abs(Number(number))), [number, isInView]);
+    const formatNumber = React.useCallback((num) => (decimalPlaces != null ? num.toFixed(decimalPlaces) : num.toString()), [decimalPlaces]);
+    const numberStr = formatNumber(effectiveNumber);
+    const [newIntStrRaw, newDecStrRaw = ""] = numberStr.split(".");
+    const newIntStr = padStart && newIntStrRaw?.length === 1 ? `0${newIntStrRaw}` : newIntStrRaw;
+    const prevFormatted = formatNumber(prevNumberRef.current);
+    const [prevIntStrRaw = "", prevDecStrRaw = ""] = prevFormatted.split(".");
+    const prevIntStr = padStart && prevIntStrRaw.length === 1 ? `0${prevIntStrRaw}` : prevIntStrRaw;
+    const adjustedPrevInt = React.useMemo(() => {
+        return prevIntStr.length > (newIntStr?.length ?? 0)
+            ? prevIntStr.slice(-(newIntStr?.length ?? 0))
+            : prevIntStr.padStart(newIntStr?.length ?? 0, "0");
+    }, [prevIntStr, newIntStr]);
+    const adjustedPrevDec = React.useMemo(() => {
+        if (!newDecStrRaw)
+            return "";
+        return prevDecStrRaw.length > newDecStrRaw.length
+            ? prevDecStrRaw.slice(0, newDecStrRaw.length)
+            : prevDecStrRaw.padEnd(newDecStrRaw.length, "0");
+    }, [prevDecStrRaw, newDecStrRaw]);
+    React.useEffect(() => {
+        if (isInView)
+            prevNumberRef.current = effectiveNumber;
+    }, [effectiveNumber, isInView]);
+    const intDigitCount = newIntStr?.length ?? 0;
+    const intPlaces = React.useMemo(() => Array.from({ length: intDigitCount }, (_, i) => 10 ** (intDigitCount - i - 1)), [intDigitCount]);
+    const decPlaces = React.useMemo(() => newDecStrRaw
+        ? Array.from({ length: newDecStrRaw.length }, (_, i) => 10 ** (newDecStrRaw.length - i - 1))
+        : [], [newDecStrRaw]);
+    const newDecValue = newDecStrRaw ? parseInt(newDecStrRaw, 10) : 0;
+    const prevDecValue = adjustedPrevDec ? parseInt(adjustedPrevDec, 10) : 0;
+    return (_jsxs("span", { ref: localRef, "data-slot": "sliding-number", className: cn("flex items-center", className), style: {
+            color: "inherit",
+            ...props.style,
+        }, ...props, children: [isInView && Number(number) < 0 && (_jsx("span", { className: "mr-1", style: { color: "var(--animated-number-color, inherit)" }, children: "-" })), intPlaces.map((place) => (_jsx(SlidingNumberRoller, { prevValue: parseInt(adjustedPrevInt, 10), value: parseInt(newIntStr ?? "0", 10), place: place, transition: transition }, `int-${place}`))), newDecStrRaw && (_jsxs(_Fragment, { children: [_jsx("span", { style: { color: "var(--animated-number-color, inherit)" }, children: decimalSeparator }), decPlaces.map((place) => (_jsx(SlidingNumberRoller, { prevValue: prevDecValue, value: newDecValue, place: place, transition: transition }, `dec-${place}`)))] }))] }));
+}
+export { SlidingNumber };

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

@@ -0,0 +1,3 @@
+export type { SpinnerProps } from "./spinner";
+export { Spinner } from "./spinner";
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1 @@
+export { Spinner } from "./spinner";

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

@@ -0,0 +1,9 @@
+import type * as React from "react";
+export interface SpinnerProps extends React.ComponentProps<"svg"> {
+}
+declare function Spinner({ className, ...props }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Spinner {
+    var displayName: string;
+}
+export { Spinner };
+//# sourceMappingURL=spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/animation/spinner/spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;CAAG;AAEpE,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CASrD;kBATQ,OAAO;;;AAahB,OAAO,EAAE,OAAO,EAAE,CAAC"}

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Loader2Icon } from "lucide-react";
+import { cn } from "@/lib/utils";
+function Spinner({ className, ...props }) {
+    return (_jsx(Loader2Icon, { role: "status", "aria-label": "Loading", className: cn("size-4 animate-spin", className), ...props }));
+}
+Spinner.displayName = "Spinner";
+export { Spinner };

package/dist/components/atoms/code/code-block/code-block.d.ts

@@ -0,0 +1,27 @@
+/**
+ * CodeBlock Component - Flowtomic UI
+ *
+ * Componente de bloco de código com syntax highlighting usando Shiki
+ */
+import * as React from "react";
+import { type ComponentProps, type HTMLAttributes } from "react";
+import { type BundledLanguage } from "shiki";
+import { Button } from "../../actions/button";
+export type CodeBlockProps = HTMLAttributes<HTMLDivElement> & {
+    code: string;
+    language: BundledLanguage;
+    showLineNumbers?: boolean;
+};
+export declare function highlightCode(code: string, language: BundledLanguage, showLineNumbers?: boolean): Promise<[string, string]>;
+export declare const CodeBlock: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    code: string;
+    language: BundledLanguage;
+    showLineNumbers?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {
+    onCopy?: () => void;
+    onError?: (error: Error) => void;
+    timeout?: number;
+};
+export declare const CodeBlockCopyButton: React.ForwardRefExoticComponent<Omit<CodeBlockCopyButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=code-block.d.ts.map

package/dist/components/atoms/code/code-block/code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/code/code-block/code-block.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EAKpB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,eAAe,EAAqC,MAAM,OAAO,CAAC;AAEhF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,eAAe,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AA+BF,wBAAsB,aAAa,CACjC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,eAAe,EACzB,eAAe,UAAQ,6BAgBxB;AAED,eAAO,MAAM,SAAS;UAvDd,MAAM;cACF,eAAe;sBACP,OAAO;wCAsG1B,CAAC;AAGF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACrE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,mBAAmB,iHAoC/B,CAAC"}

package/dist/components/atoms/code/code-block/code-block.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckIcon, CopyIcon } from "lucide-react";
+import * as React from "react";
+import { createContext, useContext, useEffect, useRef, useState, } from "react";
+import { codeToHtml } from "shiki";
+import { cn } from "@/lib/utils";
+import { Button } from "../../actions/button";
+const CodeBlockContext = createContext({
+    code: "",
+});
+const lineNumberTransformer = {
+    name: "line-numbers",
+    line(node, line) {
+        node.children.unshift({
+            type: "element",
+            tagName: "span",
+            properties: {
+                className: [
+                    "inline-block",
+                    "min-w-10",
+                    "mr-4",
+                    "text-right",
+                    "select-none",
+                    "text-muted-foreground",
+                ],
+            },
+            children: [{ type: "text", value: String(line) }],
+        });
+    },
+};
+export async function highlightCode(code, language, showLineNumbers = false) {
+    const transformers = showLineNumbers ? [lineNumberTransformer] : [];
+    return await Promise.all([
+        codeToHtml(code, {
+            lang: language,
+            theme: "one-light",
+            transformers,
+        }),
+        codeToHtml(code, {
+            lang: language,
+            theme: "one-dark-pro",
+            transformers,
+        }),
+    ]);
+}
+export const CodeBlock = React.forwardRef(({ code, language, showLineNumbers = false, className, children, ...props }, ref) => {
+    const [html, setHtml] = useState("");
+    const [darkHtml, setDarkHtml] = useState("");
+    const mounted = useRef(false);
+    useEffect(() => {
+        highlightCode(code, language, showLineNumbers).then(([light, dark]) => {
+            if (!mounted.current) {
+                setHtml(light);
+                setDarkHtml(dark);
+                mounted.current = true;
+            }
+        });
+        return () => {
+            mounted.current = false;
+        };
+    }, [code, language, showLineNumbers]);
+    return (_jsx(CodeBlockContext.Provider, { value: { code }, children: _jsx("div", { ref: ref, className: cn("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", className), ...props, children: _jsxs("div", { className: "relative", children: [_jsx("div", { className: "overflow-hidden dark:hidden [&>pre]:m-0 [&>pre]:bg-background! [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm", 
+                        // biome-ignore lint/security/noDangerouslySetInnerHtml: "this is needed for syntax highlighting"
+                        dangerouslySetInnerHTML: { __html: html } }), _jsx("div", { className: "hidden overflow-hidden dark:block [&>pre]:m-0 [&>pre]:bg-background! [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm", 
+                        // biome-ignore lint/security/noDangerouslySetInnerHtml: "this is needed for syntax highlighting"
+                        dangerouslySetInnerHTML: { __html: darkHtml } }), children && (_jsx("div", { className: "absolute top-2 right-2 flex items-center gap-2", children: children }))] }) }) }));
+});
+CodeBlock.displayName = "CodeBlock";
+export const CodeBlockCopyButton = React.forwardRef(({ onCopy, onError, timeout = 2000, children, className, ...props }, ref) => {
+    const [isCopied, setIsCopied] = useState(false);
+    const { code } = useContext(CodeBlockContext);
+    const copyToClipboard = async () => {
+        if (typeof window === "undefined" || !navigator?.clipboard?.writeText) {
+            onError?.(new Error("Clipboard API not available"));
+            return;
+        }
+        try {
+            await navigator.clipboard.writeText(code);
+            setIsCopied(true);
+            onCopy?.();
+            setTimeout(() => setIsCopied(false), timeout);
+        }
+        catch (error) {
+            onError?.(error);
+        }
+    };
+    const Icon = isCopied ? CheckIcon : CopyIcon;
+    return (_jsx(Button, { ref: ref, className: cn("shrink-0", className), onClick: copyToClipboard, size: "icon", variant: "ghost", ...props, children: children ?? _jsx(Icon, { size: 14 }) }));
+});
+CodeBlockCopyButton.displayName = "CodeBlockCopyButton";

package/dist/components/atoms/code/code-block/index.d.ts

@@ -0,0 +1,3 @@
+export type { CodeBlockCopyButtonProps, CodeBlockProps } from "./code-block";
+export { CodeBlock, CodeBlockCopyButton, highlightCode } from "./code-block";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/code/code-block/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/code/code-block/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/atoms/code/code-block/index.js

@@ -0,0 +1 @@
+export { CodeBlock, CodeBlockCopyButton, highlightCode } from "./code-block";

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

@@ -0,0 +1,5 @@
+export type { CodeBlockCopyButtonProps, CodeBlockProps } from "./code-block";
+export { CodeBlock, CodeBlockCopyButton, highlightCode } from "./code-block";
+export type { SnippetCopyButtonProps, SnippetProps, SnippetVariant } from "./snippet";
+export { Snippet, SnippetCopyButton } from "./snippet";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/code/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7E,YAAY,EAAE,sBAAsB,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACtF,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1,2 @@
+export { CodeBlock, CodeBlockCopyButton, highlightCode } from "./code-block";
+export { Snippet, SnippetCopyButton } from "./snippet";

package/dist/components/atoms/code/snippet/index.d.ts

@@ -0,0 +1,3 @@
+export type { SnippetCopyButtonProps, SnippetProps, SnippetVariant } from "./snippet";
+export { Snippet, SnippetCopyButton } from "./snippet";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/code/snippet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/code/snippet/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,sBAAsB,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACtF,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/atoms/code/snippet/index.js

@@ -0,0 +1 @@
+export { Snippet, SnippetCopyButton } from "./snippet";

package/dist/components/atoms/code/snippet/snippet.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Snippet Component - Flowtomic UI
+ *
+ * Componente para exibir snippets de código inline ou multiline
+ */
+import * as React from "react";
+import { type ComponentProps, type HTMLAttributes } from "react";
+import { Button } from "../../actions/button";
+export type SnippetVariant = "inline" | "multiline";
+export type SnippetProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Conteúdo do snippet
+     */
+    children: React.ReactNode;
+    /**
+     * Variante do snippet: inline ou multiline
+     * @default "inline"
+     */
+    variant?: SnippetVariant;
+};
+export declare const Snippet: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Conteúdo do snippet
+     */
+    children: React.ReactNode;
+    /**
+     * Variante do snippet: inline ou multiline
+     * @default "inline"
+     */
+    variant?: SnippetVariant;
+} & React.RefAttributes<HTMLDivElement>>;
+export type SnippetCopyButtonProps = ComponentProps<typeof Button> & {
+    onCopy?: () => void;
+    onCopyError?: (error: Error) => void;
+    timeout?: number;
+};
+export declare const SnippetCopyButton: React.ForwardRefExoticComponent<Omit<SnippetCopyButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=snippet.d.ts.map

package/dist/components/atoms/code/snippet/snippet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snippet.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/code/snippet/snippet.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EAGpB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,WAAW,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B,CAAC;AAUF,eAAO,MAAM,OAAO;IAnBlB;;OAEG;cACO,KAAK,CAAC,SAAS;IACzB;;;OAGG;cACO,cAAc;wCAmFzB,CAAC;AAGF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACnE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+GAuC7B,CAAC"}

package/dist/components/atoms/code/snippet/snippet.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Snippet Component - Flowtomic UI
+ *
+ * Componente para exibir snippets de código inline ou multiline
+ */
+import { CheckIcon, CopyIcon } from "lucide-react";
+import * as React from "react";
+import { createContext, useContext, useState, } from "react";
+import { cn } from "@/lib/utils";
+import { Button } from "../../actions/button";
+const SnippetContext = createContext({
+    code: "",
+});
+export const Snippet = React.forwardRef(({ children, variant = "inline", className, ...props }, ref) => {
+    // Extrair código e elementos adicionais (como botão de copiar)
+    let code = "";
+    const additionalElements = [];
+    // Se children for uma string simples, usar diretamente
+    if (typeof children === "string") {
+        code = children;
+    }
+    else {
+        // Processar children como array
+        const childrenArray = React.Children.toArray(children);
+        const codeParts = [];
+        for (const child of childrenArray) {
+            if (typeof child === "string") {
+                codeParts.push(child);
+            }
+            else if (React.isValidElement(child) && child.type === SnippetCopyButton) {
+                additionalElements.push(child);
+            }
+            else if (React.isValidElement(child)) {
+                // Se for outro elemento React, também pode ser código (ex: <code>)
+                const childProps = child.props;
+                codeParts.push(String(childProps?.children || child));
+            }
+            else {
+                codeParts.push(String(child));
+            }
+        }
+        code = codeParts.join("").trim() || String(children);
+    }
+    const isInline = variant === "inline";
+    return (_jsx(SnippetContext.Provider, { value: { code }, children: _jsxs("div", { ref: ref, className: cn("group relative", isInline ? "inline-flex items-center" : "flex flex-col", className), ...props, children: [isInline ? (_jsx("code", { className: cn("relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold", "text-foreground"), children: code })) : (_jsx("pre", { className: cn("relative w-full overflow-x-auto rounded-md border bg-muted p-4", "font-mono text-sm text-foreground"), children: _jsx("code", { children: code }) })), additionalElements.length > 0 && (_jsx("div", { className: cn(isInline ? "ml-2" : "absolute top-2 right-2"), children: additionalElements }))] }) }));
+});
+Snippet.displayName = "Snippet";
+export const SnippetCopyButton = React.forwardRef(({ onCopy, onCopyError, timeout = 2000, children, className, ...props }, ref) => {
+    const [isCopied, setIsCopied] = useState(false);
+    const { code } = useContext(SnippetContext);
+    const copyToClipboard = async () => {
+        if (typeof window === "undefined" || !navigator?.clipboard?.writeText) {
+            onCopyError?.(new Error("Clipboard API not available"));
+            return;
+        }
+        try {
+            await navigator.clipboard.writeText(code);
+            setIsCopied(true);
+            onCopy?.();
+            setTimeout(() => {
+                setIsCopied(false);
+            }, timeout);
+        }
+        catch (error) {
+            onCopyError?.(error);
+        }
+    };
+    const Icon = isCopied ? CheckIcon : CopyIcon;
+    return (_jsx(Button, { ref: ref, className: cn("shrink-0", className), onClick: copyToClipboard, size: "icon", variant: "ghost", "aria-label": isCopied ? "Copiado" : "Copiar código", ...props, children: children ?? _jsx(Icon, { size: 14 }) }));
+});
+SnippetCopyButton.displayName = "SnippetCopyButton";

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

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { type DayButton, DayPicker } from "react-day-picker";
+import { Button } from "../../actions/button/button";
+export type CalendarProps = React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+};
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+export type CalendarDayButtonProps = React.ComponentProps<typeof DayButton>;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: CalendarDayButtonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CalendarDayButton {
+    var displayName: string;
+}
+export { Calendar, CalendarDayButton };
+//# sourceMappingURL=calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/data-display/calendar/calendar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,SAAS,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AAEnF,OAAO,EAAE,MAAM,EAAkB,MAAM,6BAA6B,CAAC;AAErE,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IACnE,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,aAAa,2CAuHf;kBAhIQ,QAAQ;;;AAoIjB,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAE5E,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CA+BzF;kBA/BQ,iBAAiB;;;AAmC1B,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}

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

@@ -0,0 +1,77 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import * as React from "react";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+import { cn } from "@/lib/utils";
+import { Button, buttonVariants } from "../../actions/button/button";
+function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
+    const defaultClassNames = getDefaultClassNames();
+    return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw `rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), captionLayout: captionLayout, formatters: {
+            formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
+            ...formatters,
+        }, classNames: {
+            root: cn("w-fit", defaultClassNames.root),
+            months: cn("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months),
+            month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
+            nav: cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav),
+            button_previous: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous),
+            button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next),
+            month_caption: cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption),
+            dropdowns: cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns),
+            dropdown_root: cn("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md", defaultClassNames.dropdown_root),
+            dropdown: cn("absolute bg-popover inset-0 opacity-0", defaultClassNames.dropdown),
+            caption_label: cn("select-none font-medium", captionLayout === "label"
+                ? "text-sm"
+                : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label),
+            table: "w-full border-collapse",
+            weekdays: cn("flex", defaultClassNames.weekdays),
+            weekday: cn("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday),
+            week: cn("flex w-full mt-2", defaultClassNames.week),
+            week_number_header: cn("select-none w-(--cell-size)", defaultClassNames.week_number_header),
+            week_number: cn("text-[0.8rem] select-none text-muted-foreground", defaultClassNames.week_number),
+            day: cn("relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none", props.showWeekNumber
+                ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md"
+                : "[&:first-child[data-selected=true]_button]:rounded-l-md", defaultClassNames.day),
+            range_start: cn("rounded-l-md bg-accent", defaultClassNames.range_start),
+            range_middle: cn("rounded-none", defaultClassNames.range_middle),
+            range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
+            today: cn("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", defaultClassNames.today),
+            outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
+            disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
+            hidden: cn("invisible", defaultClassNames.hidden),
+            ...classNames,
+        }, components: {
+            Root: ({ className, rootRef, ...props }) => {
+                return _jsx("div", { "data-slot": "calendar", ref: rootRef, className: cn(className), ...props });
+            },
+            Chevron: ({ className, orientation, ...props }) => {
+                if (orientation === "left") {
+                    return _jsx(ChevronLeftIcon, { className: cn("size-4", className), ...props });
+                }
+                if (orientation === "right") {
+                    return _jsx(ChevronRightIcon, { className: cn("size-4", className), ...props });
+                }
+                return _jsx(ChevronDownIcon, { className: cn("size-4", className), ...props });
+            },
+            DayButton: CalendarDayButton,
+            WeekNumber: ({ children, ...props }) => {
+                return (_jsx("td", { ...props, children: _jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: children }) }));
+            },
+            ...components,
+        }, ...props }));
+}
+Calendar.displayName = "Calendar";
+function CalendarDayButton({ className, day, modifiers, ...props }) {
+    const defaultClassNames = getDefaultClassNames();
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        if (modifiers.focused)
+            ref.current?.focus();
+    }, [modifiers.focused]);
+    return (_jsx(Button, { ref: ref, variant: "ghost", size: "icon", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
+            !modifiers.range_start &&
+            !modifiers.range_end &&
+            !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className), ...props }));
+}
+CalendarDayButton.displayName = "CalendarDayButton";
+export { Calendar, CalendarDayButton };

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

@@ -0,0 +1,3 @@
+export type { CalendarDayButtonProps, CalendarProps } from "./calendar";
+export { Calendar, CalendarDayButton } from "./calendar";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/data-display/calendar/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1 @@
+export { Calendar, CalendarDayButton } from "./calendar";