@flowtomic/ui 0.1.0 → 0.1.2

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Sources Component - Flowtomic UI
+ *
+ * Componente de sources collapsible
+ */
+import { BookIcon, ChevronDownIcon } from "lucide-react";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../atoms";
+export const Sources = React.forwardRef(({ className, ...props }, ref) => (_jsx(Collapsible, { ref: ref, className: cn("not-prose mb-4 text-primary text-xs", className), ...props })));
+Sources.displayName = "Sources";
+export const SourcesTrigger = React.forwardRef(({ className, count, children, ...props }, ref) => (_jsx(CollapsibleTrigger, { ref: ref, className: cn("flex items-center gap-2", className), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsxs("p", { className: "font-medium", children: ["Used ", count, " sources"] }), _jsx(ChevronDownIcon, { className: "h-4 w-4" })] })) })));
+SourcesTrigger.displayName = "SourcesTrigger";
+export const SourcesContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(CollapsibleContent, { ref: ref, className: cn("mt-3 flex w-fit flex-col gap-2", "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", className), ...props })));
+SourcesContent.displayName = "SourcesContent";
+export const Source = React.forwardRef(({ href, title, children, ...props }, ref) => (_jsx("a", { ref: ref, className: "flex items-center gap-2", href: href, rel: "noreferrer", target: "_blank", ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsx(BookIcon, { className: "h-4 w-4" }), _jsx("span", { className: "block font-medium", children: title })] })) })));
+Source.displayName = "Source";

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

@@ -0,0 +1,3 @@
+export type { StatCardProps } from "./stat-card";
+export { StatCard } from "./stat-card";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/molecules/data-display/stat-card/index.js

@@ -0,0 +1 @@
+export { StatCard } from "./stat-card";

package/dist/components/molecules/data-display/stat-card/stat-card.d.ts

@@ -0,0 +1,49 @@
+/**
+ * StatCard - Componente Visual
+ *
+ * Implementação visual usando o Headless UI hook useStatCard
+ * Este componente adiciona markup e styles ao hook Headless
+ */
+import { type StatCardData } from "flowtomic/logic";
+import React from "react";
+export interface StatCardProps extends StatCardData {
+    /**
+     * Título do card
+     */
+    title: string;
+    /**
+     * Subtítulo/descrição do card
+     */
+    subtitle?: string;
+    /**
+     * Cor de destaque do card (tokens semânticos)
+     */
+    color?: "primary" | "success" | "warning" | "error" | "info";
+    /**
+     * Variante do layout do card
+     */
+    variant?: "compact" | "default" | "detailed";
+    /**
+     * Classe CSS adicional
+     */
+    className?: string;
+    /**
+     * Conteúdo adicional (children)
+     */
+    children?: React.ReactNode;
+    /**
+     * Se deve mostrar o menu de ações (dropdown)
+     */
+    showActions?: boolean;
+    /**
+     * Callbacks para ações do menu
+     */
+    onSettings?: () => void;
+    onAddAlert?: () => void;
+    onPin?: () => void;
+    onShare?: () => void;
+    onRemove?: () => void;
+}
+declare const StatCard: React.ForwardRefExoticComponent<StatCardProps & React.RefAttributes<HTMLDivElement>>;
+export { StatCard };
+//# sourceMappingURL=stat-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/stat-card/stat-card.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAajE,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAE7D;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAE7C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAkBD,QAAA,MAAM,QAAQ,sFAgVb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/molecules/data-display/stat-card/stat-card.js

@@ -0,0 +1,134 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * StatCard - Componente Visual
+ *
+ * Implementação visual usando o Headless UI hook useStatCard
+ * Este componente adiciona markup e styles ao hook Headless
+ */
+import { useStatCard } from "flowtomic/logic";
+import { ArrowDown, ArrowUp, Minus, MoreHorizontal, Pin, Settings, Share2, Trash, TriangleAlert, } from "lucide-react";
+import { AnimatePresence, motion } from "motion/react";
+import React from "react";
+import { cn } from "@/lib/utils";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, SlidingNumber, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../../../atoms";
+const colorClasses = {
+    primary: "bg-card border-border hover:bg-surface-hover",
+    success: "bg-card border-border hover:bg-surface-hover",
+    warning: "bg-card border-border hover:bg-surface-hover",
+    error: "bg-card border-border hover:bg-surface-hover",
+    info: "bg-card border-border hover:bg-surface-hover",
+};
+const accentColors = {
+    primary: "text-primary",
+    success: "text-success",
+    warning: "text-warning",
+    error: "text-error",
+    info: "text-muted-foreground",
+};
+const StatCard = React.forwardRef(({ title, value, subtitle, delta, lastMonth, prefix, suffix, locale, currency, currencyDisplay, format, lastFormat, positive, color = "primary", variant = "default", className, children, showActions = false, onSettings, onAddAlert, onPin, onShare, onRemove, ...props }, ref) => {
+    const [isHovered, setIsHovered] = React.useState(false);
+    const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);
+    const prevValueRef = React.useRef(typeof value === "number" ? value : 0);
+    // Atualiza valor anterior quando value muda
+    React.useEffect(() => {
+        if (typeof value === "number") {
+            prevValueRef.current = value;
+        }
+    }, [value]);
+    // Variantes de layout
+    const isCompact = variant === "compact";
+    const isDetailed = variant === "detailed";
+    // Determina se o botão de ações deve ser visível
+    // Visível quando: hover no card OU dropdown aberto OU variante detailed
+    const shouldShowActions = isHovered || isDropdownOpen || isDetailed;
+    // Determina se é positivo baseado no delta
+    const computedPositive = React.useMemo(() => {
+        if (positive !== undefined)
+            return positive;
+        if (delta !== undefined)
+            return delta >= 0;
+        return undefined;
+    }, [positive, delta]);
+    // Headless UI Hook - apenas lógica
+    // Se value for number, usa o hook; se for string, usa diretamente
+    const isNumericValue = typeof value === "number";
+    const statCardData = useStatCard(isNumericValue
+        ? {
+            value,
+            delta,
+            lastMonth,
+            prefix,
+            suffix,
+            locale,
+            currency,
+            currencyDisplay,
+            format,
+            lastFormat,
+            positive: computedPositive,
+        }
+        : {
+            value: 0,
+            delta,
+            lastMonth,
+            prefix,
+            suffix,
+            locale,
+            currency,
+            currencyDisplay,
+            format,
+            lastFormat,
+            positive: computedPositive,
+        });
+    // Valor formatado (do hook ou string direto)
+    const displayValue = isNumericValue ? statCardData.formattedValue : value;
+    // Determina se deve usar animação
+    // Só anima se:
+    // 1. O valor é numérico
+    // 2. Não há função de formatação customizada (SlidingNumber não suporta format customizado)
+    // 3. Não há currency definido (currency já formata com símbolo, não compatível com SlidingNumber)
+    // O SlidingNumber gerencia internamente as mudanças de valor e anima automaticamente
+    const shouldAnimate = React.useMemo(() => {
+        return isNumericValue && typeof value === "number" && !format && !currency;
+    }, [isNumericValue, value, format, currency]);
+    // Determina direção da animação baseada no delta
+    const animationDirection = React.useMemo(() => {
+        if (delta === undefined || delta === 0)
+            return "neutral";
+        return delta > 0 ? "up" : "down";
+    }, [delta]);
+    // Ícone de tendência
+    const getTrendIcon = () => {
+        // Determina a direção: usa delta diretamente se disponível, senão usa a direção do hook
+        let direction = "neutral";
+        if (delta !== undefined) {
+            // Prioriza o delta explícito
+            direction = delta > 0 ? "up" : delta < 0 ? "down" : "neutral";
+        }
+        else {
+            // Caso contrário, usa a direção calculada pelo hook
+            direction = statCardData.trend.direction;
+        }
+        // Retorna o ícone apropriado
+        return direction === "up" ? (_jsx(ArrowUp, { className: "h-4 w-4 text-success" })) : direction === "down" ? (_jsx(ArrowDown, { className: "h-4 w-4 text-error" })) : (_jsx(Minus, { className: "h-4 w-4 text-muted-foreground" }));
+    };
+    return (_jsxs(Card, { ref: ref, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), className: cn("transition-all duration-300 hover:shadow-lg hover:scale-[1.01] border relative", colorClasses[color], isCompact && "p-4", className), ...props, children: [_jsxs(CardHeader, { className: cn("flex flex-row items-start justify-between space-y-0 border-0", isCompact ? "pb-2" : "pb-4 sm:pb-6"), children: [_jsx("div", { className: "space-y-1 flex-1 min-w-0 pr-2", children: _jsx(CardTitle, { className: cn("font-medium text-muted-foreground uppercase tracking-wide truncate", isCompact ? "text-[10px]" : "text-xs"), children: title }) }), _jsx("div", { className: "flex items-center gap-1.5 shrink-0", children: showActions && (_jsx(TooltipProvider, { delayDuration: 200, children: _jsx(AnimatePresence, { children: shouldShowActions && (_jsx(motion.div, { initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.8 }, transition: { duration: 0.15 }, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => {
+                                        // Só remove hover se o dropdown não estiver aberto
+                                        if (!isDropdownOpen) {
+                                            setIsHovered(false);
+                                        }
+                                    }, children: _jsxs(DropdownMenu, { open: isDropdownOpen, onOpenChange: setIsDropdownOpen, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-7 w-7 sm:h-8 sm:w-8 text-muted-foreground hover:text-foreground transition-colors", children: _jsx(MoreHorizontal, { className: "h-4 w-4" }) }) }) }), _jsx(TooltipContent, { side: "bottom", className: "text-xs", children: "Mais op\u00E7\u00F5es" })] }), _jsxs(DropdownMenuContent, { align: "end", side: "bottom", className: "w-48", onMouseEnter: () => setIsHovered(true), onMouseLeave: () => {
+                                                    // Quando o mouse sai do menu, fecha o dropdown
+                                                    setIsDropdownOpen(false);
+                                                    setIsHovered(false);
+                                                }, children: [onSettings && (_jsxs(DropdownMenuItem, { onClick: onSettings, className: "cursor-pointer", children: [_jsx(Settings, { className: "mr-2 h-4 w-4 text-muted-foreground" }), "Configura\u00E7\u00F5es"] })), onAddAlert && (_jsxs(DropdownMenuItem, { onClick: onAddAlert, className: "cursor-pointer", children: [_jsx(TriangleAlert, { className: "mr-2 h-4 w-4 text-muted-foreground" }), "Adicionar Alerta"] })), onPin && (_jsxs(DropdownMenuItem, { onClick: onPin, className: "cursor-pointer", children: [_jsx(Pin, { className: "mr-2 h-4 w-4 text-muted-foreground" }), "Fixar no Dashboard"] })), onShare && (_jsxs(DropdownMenuItem, { onClick: onShare, className: "cursor-pointer", children: [_jsx(Share2, { className: "mr-2 h-4 w-4 text-muted-foreground" }), "Compartilhar"] })), onRemove && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onClick: onRemove, className: "text-error cursor-pointer focus:text-error", children: [_jsx(Trash, { className: "mr-2 h-4 w-4" }), "Remover"] })] }))] })] }) })) }) })) })] }), _jsxs(CardContent, { className: cn("space-y-2.5", isCompact && "pt-2"), children: [_jsxs("div", { className: "flex flex-col sm:flex-row sm:items-baseline gap-2 sm:gap-3", children: [_jsx(motion.div, { initial: animationDirection === "up"
+                                    ? { y: 10, opacity: 0.5 }
+                                    : animationDirection === "down"
+                                        ? { y: -10, opacity: 0.5 }
+                                        : { y: 0, opacity: 1 }, animate: { y: 0, opacity: 1 }, transition: { duration: 0.3, ease: "easeOut" }, className: cn("text-xl sm:text-2xl font-semibold tracking-tight wrap-break-word inline-flex items-baseline gap-1", accentColors[color], isCompact && "text-lg sm:text-xl"), children: shouldAnimate ? (_jsxs(_Fragment, { children: [prefix && _jsx("span", { className: "text-base sm:text-lg font-medium", children: prefix }), _jsx(SlidingNumber, { number: value, inView: true, inViewOnce: false, transition: {
+                                                stiffness: 200,
+                                                damping: 20,
+                                                mass: 0.4,
+                                            } }), suffix && _jsx("span", { className: "text-base sm:text-lg font-medium", children: suffix })] })) : (displayValue) }, typeof value === "number" ? value : displayValue), (delta !== undefined || statCardData.trend.delta > 0) && (_jsxs(Badge, { variant: statCardData.trend.variant, className: cn("text-xs font-semibold inline-flex items-center gap-1 w-fit shrink-0", "h-fit py-0.5 px-2"), children: [getTrendIcon(), statCardData.trend.percentage] }))] }), subtitle && !isCompact && (_jsx("p", { className: cn("text-muted-foreground leading-relaxed wrap-break-word", isDetailed ? "text-sm sm:text-base pt-1" : "text-xs sm:text-sm pt-1"), children: subtitle })), statCardData.formattedLastMonth && !isCompact && (_jsx("div", { className: cn("text-xs text-muted-foreground border-t border-border", isDetailed ? "mt-3 pt-3" : "mt-2 pt-2 sm:pt-2.5"), children: _jsxs("span", { className: "wrap-break-word", children: ["Vs \u00FAltimo m\u00EAs:", " ", _jsx("span", { className: "font-medium text-foreground", children: statCardData.formattedLastMonth })] }) })), children && !isCompact && (_jsx("div", { className: cn("border-t border-border", isDetailed ? "mt-4 pt-4" : "mt-3 pt-3"), children: children }))] })] }));
+});
+StatCard.displayName = "StatCard";
+export { StatCard };

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

@@ -0,0 +1,3 @@
+export type { SuggestionProps, SuggestionsProps } from "./suggestion";
+export { Suggestion, Suggestions } from "./suggestion";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/suggestion/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1 @@
+export { Suggestion, Suggestions } from "./suggestion";

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

@@ -0,0 +1,16 @@
+/**
+ * Suggestion Component - Flowtomic UI
+ *
+ * Componente de suggestions list com scroll
+ */
+import type { ComponentProps } from "react";
+import * as React from "react";
+import { Button, ScrollArea } from "../../../atoms";
+export type SuggestionsProps = ComponentProps<typeof ScrollArea>;
+export declare const Suggestions: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-scroll-area").ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type SuggestionProps = Omit<ComponentProps<typeof Button>, "onClick"> & {
+    suggestion: string;
+    onClick?: (suggestion: string) => void;
+};
+export declare const Suggestion: React.ForwardRefExoticComponent<Omit<SuggestionProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=suggestion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"suggestion.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/suggestion/suggestion.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAa,MAAM,gBAAgB,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAEjE,eAAO,MAAM,WAAW,oOAOvB,CAAC;AAGF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,CAAC,GAAG;IAC7E,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,UAAU,wGAuBtB,CAAC"}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+import { Button, ScrollArea, ScrollBar } from "../../../atoms";
+export const Suggestions = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(ScrollArea, { ref: ref, className: "w-full overflow-x-auto whitespace-nowrap", ...props, children: [_jsx("div", { className: cn("flex w-max flex-nowrap items-center gap-2", className), children: children }), _jsx(ScrollBar, { className: "hidden", orientation: "horizontal" })] })));
+Suggestions.displayName = "Suggestions";
+export const Suggestion = React.forwardRef(({ suggestion, onClick, className, variant = "outline", size = "sm", children, ...props }, ref) => {
+    const handleClick = () => {
+        onClick?.(suggestion);
+    };
+    return (_jsx(Button, { ref: ref, className: cn("cursor-pointer rounded-full px-4", className), onClick: handleClick, size: size, type: "button", variant: variant, ...props, children: children || suggestion }));
+});
+Suggestion.displayName = "Suggestion";

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

@@ -0,0 +1,3 @@
+export type { TaskContentProps, TaskItemFileProps, TaskItemProps, TaskProps, TaskTriggerProps, } from "./task";
+export { Task, TaskContent, TaskItem, TaskItemFile, TaskTrigger } from "./task";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/task/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,SAAS,EACT,gBAAgB,GACjB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC"}

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

@@ -0,0 +1 @@
+export { Task, TaskContent, TaskItem, TaskItemFile, TaskTrigger } from "./task";

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

@@ -0,0 +1,21 @@
+/**
+ * Task Component - Flowtomic UI
+ *
+ * Componente de task item com collapsible
+ */
+import type { ComponentProps } from "react";
+import * as React from "react";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../atoms";
+export type TaskItemFileProps = ComponentProps<"div">;
+export declare const TaskItemFile: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type TaskItemProps = ComponentProps<"div">;
+export declare const TaskItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type TaskProps = ComponentProps<typeof Collapsible>;
+export declare const Task: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-collapsible").CollapsibleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type TaskTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {
+    title: string;
+};
+export declare const TaskTrigger: React.ForwardRefExoticComponent<Omit<TaskTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type TaskContentProps = ComponentProps<typeof CollapsibleContent>;
+export declare const TaskContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-collapsible").CollapsibleContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=task.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"task.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/task/task.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAErF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtD,eAAO,MAAM,YAAY,mKAaxB,CAAC;AAGF,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAElD,eAAO,MAAM,QAAQ,mKAMpB,CAAC;AAGF,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAE3D,eAAO,MAAM,IAAI,kLAIhB,CAAC;AAGF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG;IACzE,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,WAAW,yGAYvB,CAAC;AAGF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEzE,eAAO,MAAM,WAAW,4OAavB,CAAC"}

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Task Component - Flowtomic UI
+ *
+ * Componente de task item com collapsible
+ */
+import { ChevronDownIcon, SearchIcon } from "lucide-react";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../atoms";
+export const TaskItemFile = React.forwardRef(({ children, className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("inline-flex items-center gap-1 rounded-md border bg-secondary px-1.5 py-0.5 text-foreground text-xs", className), ...props, children: children })));
+TaskItemFile.displayName = "TaskItemFile";
+export const TaskItem = React.forwardRef(({ children, className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("text-muted-foreground text-sm", className), ...props, children: children })));
+TaskItem.displayName = "TaskItem";
+export const Task = React.forwardRef(({ defaultOpen = true, className, ...props }, ref) => (_jsx(Collapsible, { ref: ref, className: cn(className), defaultOpen: defaultOpen, ...props })));
+Task.displayName = "Task";
+export const TaskTrigger = React.forwardRef(({ children, className, title, ...props }, ref) => (_jsx(CollapsibleTrigger, { ref: ref, asChild: true, className: cn("group", className), ...props, children: children ?? (_jsxs("div", { className: "flex w-full cursor-pointer items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground", children: [_jsx(SearchIcon, { className: "size-4" }), _jsx("p", { className: "text-sm", children: title }), _jsx(ChevronDownIcon, { className: "size-4 transition-transform group-data-[state=open]:rotate-180" })] })) })));
+TaskTrigger.displayName = "TaskTrigger";
+export const TaskContent = React.forwardRef(({ children, className, ...props }, ref) => (_jsx(CollapsibleContent, { ref: ref, className: cn("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", className), ...props, children: _jsx("div", { className: "mt-4 space-y-2 border-muted border-l-2 pl-4", children: children }) })));
+TaskContent.displayName = "TaskContent";

package/dist/components/molecules/data-display/team-member-list/index.d.ts

@@ -0,0 +1,3 @@
+export type { TeamMember, TeamMemberListProps, TeamMemberStatus } from "./team-member-list";
+export { TeamMemberList } from "./team-member-list";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/data-display/team-member-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/team-member-list/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/molecules/data-display/team-member-list/index.js

@@ -0,0 +1 @@
+export { TeamMemberList } from "./team-member-list";

package/dist/components/molecules/data-display/team-member-list/team-member-list.d.ts

@@ -0,0 +1,45 @@
+/**
+ * TeamMemberList - Componente Visual
+ *
+ * Lista de membros da equipe com avatares, nomes, tarefas e status
+ */
+export type TeamMemberStatus = "completed" | "in-progress" | "pending";
+export interface TeamMember {
+    id: string;
+    name: string;
+    avatar?: string;
+    task: string;
+    status: TeamMemberStatus;
+}
+export interface TeamMemberListProps {
+    /**
+     * Lista de membros da equipe
+     */
+    members: TeamMember[];
+    /**
+     * Título do card
+     */
+    title?: string;
+    /**
+     * Callback quando um membro é clicado
+     */
+    onMemberClick?: (member: TeamMember) => void;
+    /**
+     * Callback quando o botão "Add Member" é clicado
+     */
+    onAddMember?: () => void;
+    /**
+     * Texto do botão de adicionar
+     * @default "+ Add Member"
+     */
+    addButtonText?: string;
+    /**
+     * Classe CSS adicional
+     */
+    className?: string;
+}
+/**
+ * Componente de lista de membros da equipe
+ */
+export declare function TeamMemberList({ members, title, onMemberClick, onAddMember, addButtonText, className, }: TeamMemberListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=team-member-list.d.ts.map

package/dist/components/molecules/data-display/team-member-list/team-member-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-member-list.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/team-member-list/team-member-list.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAgBH,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,aAAa,GAAG,SAAS,CAAC;AAEvE,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,gBAAgB,CAAC;CAC1B;AAED,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,OAAO,EAAE,UAAU,EAAE,CAAC;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAE7C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8CD;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAA4B,EAC5B,aAAa,EACb,WAAW,EACX,aAA8B,EAC9B,SAAS,GACV,EAAE,mBAAmB,2CA2ErB"}

package/dist/components/molecules/data-display/team-member-list/team-member-list.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * TeamMemberList - Componente Visual
+ *
+ * Lista de membros da equipe com avatares, nomes, tarefas e status
+ */
+import { Plus, User } from "lucide-react";
+import { cn } from "@/lib/utils";
+import { Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardContent, CardHeader, CardTitle, } from "../../../atoms";
+/**
+ * Obtém cor do status
+ */
+function getStatusColor(status) {
+    switch (status) {
+        case "completed":
+            return "text-green-600";
+        case "in-progress":
+            return "text-orange-600";
+        case "pending":
+            return "text-red-600";
+        default:
+            return "text-muted-foreground";
+    }
+}
+/**
+ * Obtém texto do status
+ */
+function getStatusText(status) {
+    switch (status) {
+        case "completed":
+            return "Completed";
+        case "in-progress":
+            return "In Progress";
+        case "pending":
+            return "Pending";
+        default:
+            return status;
+    }
+}
+/**
+ * Obtém iniciais do nome
+ */
+function getInitials(name) {
+    return name
+        .split(" ")
+        .map((n) => n[0])
+        .join("")
+        .toUpperCase()
+        .slice(0, 2);
+}
+/**
+ * Componente de lista de membros da equipe
+ */
+export function TeamMemberList({ members, title = "Team Collaboration", onMemberClick, onAddMember, addButtonText = "+ Add Member", className, }) {
+    return (_jsxs(Card, { className: className, children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { children: title }), onAddMember && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: onAddMember, children: [_jsx(Plus, { className: "h-4 w-4 mr-1" }), addButtonText] }))] }), _jsx(CardContent, { children: _jsx("div", { className: "space-y-4", children: members.length === 0 ? (_jsx("div", { className: "text-center text-muted-foreground py-8", children: "No team members" })) : (members.map((member) => (_jsxs("div", { ...(onMemberClick
+                            ? {
+                                role: "button",
+                                tabIndex: 0,
+                                onClick: () => onMemberClick(member),
+                                onKeyDown: (e) => {
+                                    if (e.key === "Enter" || e.key === " ") {
+                                        e.preventDefault();
+                                        onMemberClick(member);
+                                    }
+                                },
+                            }
+                            : {}), className: cn("flex items-start gap-3 p-3 rounded-lg border transition-colors", onMemberClick &&
+                            "cursor-pointer hover:bg-accent focus:outline-none focus:ring-2 focus:ring-ring"), children: [_jsxs(Avatar, { className: "h-10 w-10", children: [_jsx(AvatarImage, { src: member.avatar, alt: member.name }), _jsx(AvatarFallback, { children: member.avatar ? _jsx(User, { className: "h-5 w-5" }) : getInitials(member.name) })] }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "font-medium text-sm", children: member.name }), _jsxs("div", { className: "text-xs text-muted-foreground mt-1", children: ["Working on ", member.task] }), _jsxs("div", { className: cn("text-xs font-medium mt-1", getStatusColor(member.status)), children: ["Status: ", getStatusText(member.status)] })] }), _jsx(Badge, { variant: member.status === "completed"
+                                    ? "default"
+                                    : member.status === "in-progress"
+                                        ? "secondary"
+                                        : "destructive", children: getStatusText(member.status) })] }, member.id)))) }) })] }));
+}

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

@@ -0,0 +1,3 @@
+export type { TimeTrackerProps } from "./time-tracker";
+export { TimeTracker } from "./time-tracker";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/time-tracker/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/molecules/data-display/time-tracker/index.js

@@ -0,0 +1 @@
+export { TimeTracker } from "./time-tracker";

package/dist/components/molecules/data-display/time-tracker/time-tracker.d.ts

@@ -0,0 +1,50 @@
+/**
+ * TimeTracker - Componente Visual
+ *
+ * Timer com controles usando o hook headless useTimeTracker
+ */
+export interface TimeTrackerProps {
+    /**
+     * Tempo inicial em segundos
+     * @default 0
+     */
+    initialTime?: number;
+    /**
+     * Título do card
+     */
+    title?: string;
+    /**
+     * Formato de tempo
+     * @default "HH:mm:ss"
+     */
+    format?: "HH:mm:ss" | "mm:ss" | "ss";
+    /**
+     * Callback quando o timer é pausado
+     */
+    onPause?: (time: number) => void;
+    /**
+     * Callback quando o timer é parado
+     */
+    onStop?: (time: number) => void;
+    /**
+     * Callback quando o timer é iniciado
+     */
+    onStart?: (time: number) => void;
+    /**
+     * Callback quando o timer é retomado
+     */
+    onResume?: (time: number) => void;
+    /**
+     * Classe CSS adicional
+     */
+    className?: string;
+    /**
+     * Cor de fundo do card
+     */
+    backgroundColor?: string;
+}
+/**
+ * Componente de timer com controles
+ */
+export declare function TimeTracker({ initialTime, title, format, onPause, onStop, onStart, onResume, className, backgroundColor, }: TimeTrackerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=time-tracker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-tracker.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/time-tracker/time-tracker.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI,CAAC;IAErC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,WAAe,EACf,KAAsB,EACtB,MAAmB,EACnB,OAAO,EACP,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,EACT,eAAe,GAChB,EAAE,gBAAgB,2CA4DlB"}

package/dist/components/molecules/data-display/time-tracker/time-tracker.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * TimeTracker - Componente Visual
+ *
+ * Timer com controles usando o hook headless useTimeTracker
+ */
+import { useTimeTracker } from "@flowtomic/logic";
+import { Pause, Play, Square } from "lucide-react";
+import { cn } from "@/lib/utils";
+import { Button, Card, CardContent, CardHeader, CardTitle } from "../../../atoms";
+/**
+ * Componente de timer com controles
+ */
+export function TimeTracker({ initialTime = 0, title = "Time Tracker", format = "HH:mm:ss", onPause, onStop, onStart, onResume, className, backgroundColor, }) {
+    const { formattedTime, isRunning, isPaused, isStopped, start, pause, stop, resume } = useTimeTracker({
+        initialTime,
+        format,
+        onPause,
+        onStop,
+        onStart,
+        onResume,
+    });
+    return (_jsxs(Card, { className: cn(className), style: backgroundColor ? { backgroundColor } : undefined, children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: title }) }), _jsx(CardContent, { children: _jsxs("div", { className: "flex flex-col items-center justify-center gap-4", children: [_jsx("div", { className: "text-4xl font-mono font-bold text-foreground", children: formattedTime }), _jsxs("div", { className: "flex gap-2", children: [isStopped && (_jsxs(Button, { onClick: start, size: "sm", variant: "default", children: [_jsx(Play, { className: "h-4 w-4 mr-2" }), "Start"] })), isRunning && (_jsxs(_Fragment, { children: [_jsxs(Button, { onClick: pause, size: "sm", variant: "outline", children: [_jsx(Pause, { className: "h-4 w-4 mr-2" }), "Pause"] }), _jsxs(Button, { onClick: stop, size: "sm", variant: "destructive", children: [_jsx(Square, { className: "h-4 w-4 mr-2" }), "Stop"] })] })), isPaused && (_jsxs(_Fragment, { children: [_jsxs(Button, { onClick: resume, size: "sm", variant: "default", children: [_jsx(Play, { className: "h-4 w-4 mr-2" }), "Resume"] }), _jsxs(Button, { onClick: stop, size: "sm", variant: "destructive", children: [_jsx(Square, { className: "h-4 w-4 mr-2" }), "Stop"] })] }))] })] }) })] }));
+}

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

@@ -0,0 +1,3 @@
+export type { ToolContentProps, ToolHeaderProps, ToolInputProps, ToolOutputProps, ToolProps, } from "./tool";
+export { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput } from "./tool";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/tool/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,eAAe,EACf,SAAS,GACV,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC"}

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

@@ -0,0 +1 @@
+export { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput } from "./tool";

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

@@ -0,0 +1,30 @@
+/**
+ * Tool Component - Flowtomic UI
+ *
+ * Componente de tool display com collapsible
+ */
+import type { ToolUIPart } from "ai";
+import type { ComponentProps } from "react";
+import * as React from "react";
+import { Collapsible, CollapsibleContent } from "../../../atoms";
+export type ToolProps = ComponentProps<typeof Collapsible>;
+export declare const Tool: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-collapsible").CollapsibleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type ToolHeaderProps = {
+    title?: string;
+    type: ToolUIPart["type"];
+    state: ToolUIPart["state"];
+    className?: string;
+};
+export declare const ToolHeader: React.ForwardRefExoticComponent<ToolHeaderProps & React.RefAttributes<HTMLButtonElement>>;
+export type ToolContentProps = ComponentProps<typeof CollapsibleContent>;
+export declare const ToolContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-collapsible").CollapsibleContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type ToolInputProps = ComponentProps<"div"> & {
+    input: ToolUIPart["input"];
+};
+export declare const ToolInput: React.ForwardRefExoticComponent<Omit<ToolInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type ToolOutputProps = ComponentProps<"div"> & {
+    output: ToolUIPart["output"];
+    errorText: ToolUIPart["errorText"];
+};
+export declare const ToolOutput: React.ForwardRefExoticComponent<Omit<ToolOutputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=tool.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/tool/tool.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AASrC,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAGL,WAAW,EACX,kBAAkB,EAEnB,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAE3D,eAAO,MAAM,IAAI,kLAQhB,CAAC;AAGF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IACzB,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAoCF,eAAO,MAAM,UAAU,2FAetB,CAAC;AAGF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEzE,eAAO,MAAM,WAAW,4OAWvB,CAAC;AAGF,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACnD,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,SAAS,oGAWrB,CAAC;AAGF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACpD,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC7B,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,UAAU,qGA+BtB,CAAC"}