@flowtomic/ui 0.1.0 → 0.1.1

package/dist/components/organisms/controls/index.js

@@ -0,0 +1 @@
+export { Controls } from "./controls";

package/dist/components/organisms/conversation/conversation.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Conversation Component - Flowtomic UI
+ *
+ * Componente de conversation container com scroll
+ */
+import type { ComponentProps } from "react";
+import * as React from "react";
+import { StickToBottom } from "use-stick-to-bottom";
+import { Button } from "../../atoms";
+export type ConversationProps = ComponentProps<typeof StickToBottom>;
+export declare const Conversation: React.ForwardRefExoticComponent<import("use-stick-to-bottom").StickToBottomProps & React.RefAttributes<never>>;
+export type ConversationContentProps = ComponentProps<typeof StickToBottom.Content>;
+export declare const ConversationContent: React.ForwardRefExoticComponent<StickToBottom.ContentProps & React.RefAttributes<never>>;
+export type ConversationEmptyStateProps = ComponentProps<"div"> & {
+    title?: string;
+    description?: string;
+    icon?: React.ReactNode;
+};
+export declare const ConversationEmptyState: React.ForwardRefExoticComponent<Omit<ConversationEmptyStateProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type ConversationScrollButtonProps = ComponentProps<typeof Button>;
+export declare const ConversationScrollButton: React.ForwardRefExoticComponent<Omit<import("../../atoms").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=conversation.d.ts.map

package/dist/components/organisms/conversation/conversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/conversation/conversation.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,aAAa,EAA2B,MAAM,qBAAqB,CAAC;AAE7E,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAErE,eAAO,MAAM,YAAY,gHAgBvB,CAAC;AAGH,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC;AAEpF,eAAO,MAAM,mBAAmB,0FAa9B,CAAC;AAGH,MAAM,MAAM,2BAA2B,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,iHA+BlC,CAAC;AAGF,MAAM,MAAM,6BAA6B,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAE1E,eAAO,MAAM,wBAAwB,mKA2BnC,CAAC"}

package/dist/components/organisms/conversation/conversation.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Conversation Component - Flowtomic UI
+ *
+ * Componente de conversation container com scroll
+ */
+import { ArrowDownIcon } from "lucide-react";
+import * as React from "react";
+import { useCallback } from "react";
+import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
+import { cn } from "@/lib/utils";
+import { Button } from "../../atoms";
+export const Conversation = React.forwardRef(({ className, children, ...props }, ref) => {
+    const { ref: _, ...stickToBottomProps } = props;
+    return (_jsx(StickToBottom, { className: cn("relative flex-1 overflow-y-auto", className), initial: "smooth", resize: "smooth", role: "log", ...stickToBottomProps, children: children }));
+});
+Conversation.displayName = "Conversation";
+export const ConversationContent = React.forwardRef(({ className, children, ...props }, ref) => {
+    const { ref: _, ...contentProps } = props;
+    return (_jsx(StickToBottom.Content, { className: cn("flex flex-col gap-8 p-4", className), ...contentProps, children: children }));
+});
+ConversationContent.displayName = "ConversationContent";
+export const ConversationEmptyState = React.forwardRef(({ className, title = "No messages yet", description = "Start a conversation to see messages here", icon, children, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex size-full flex-col items-center justify-center gap-3 p-8 text-center", className), ...props, children: children ?? (_jsxs(_Fragment, { children: [icon && _jsx("div", { className: "text-muted-foreground", children: icon }), _jsxs("div", { className: "space-y-1", children: [_jsx("h3", { className: "font-medium text-sm", children: title }), description && _jsx("p", { className: "text-muted-foreground text-sm", children: description })] })] })) })));
+ConversationEmptyState.displayName = "ConversationEmptyState";
+export const ConversationScrollButton = React.forwardRef(({ className, ...props }, ref) => {
+    const { isAtBottom, scrollToBottom } = useStickToBottomContext();
+    const handleScrollToBottom = useCallback(() => {
+        scrollToBottom();
+    }, [scrollToBottom]);
+    if (isAtBottom) {
+        return null;
+    }
+    return (_jsx(Button, { ref: ref, className: cn("absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full", className), onClick: handleScrollToBottom, size: "icon", type: "button", variant: "outline", ...props, children: _jsx(ArrowDownIcon, { className: "size-4" }) }));
+});
+ConversationScrollButton.displayName = "ConversationScrollButton";

package/dist/components/organisms/conversation/index.d.ts

@@ -0,0 +1,3 @@
+export type { ConversationContentProps, ConversationEmptyStateProps, ConversationProps, ConversationScrollButtonProps, } from "./conversation";
+export { Conversation, ConversationContent, ConversationEmptyState, ConversationScrollButton, } from "./conversation";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/conversation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/conversation/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,wBAAwB,EACxB,2BAA2B,EAC3B,iBAAiB,EACjB,6BAA6B,GAC9B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,gBAAgB,CAAC"}

package/dist/components/organisms/conversation/index.js

@@ -0,0 +1 @@
+export { Conversation, ConversationContent, ConversationEmptyState, ConversationScrollButton, } from "./conversation";

package/dist/components/organisms/dashboard-header-actions/dashboard-header-actions.d.ts

@@ -0,0 +1,62 @@
+/**
+ * DashboardHeaderActions - Organism Component
+ *
+ * Componente complexo que agrupa todas as ações do header do dashboard.
+ * Tornado genérico e reutilizável.
+ */
+import React from "react";
+export interface DashboardHeaderActionsProps {
+    /**
+     * Lista de dashboards/views disponíveis
+     */
+    dashboards?: Array<{
+        id: string;
+        name: string;
+    }>;
+    /**
+     * ID do dashboard ativo
+     */
+    activeDashboardId?: string;
+    /**
+     * Layout atual (grid ou list)
+     */
+    layout?: "grid" | "list";
+    /**
+     * Estado de carregamento
+     */
+    isLoading?: boolean;
+    /**
+     * Callback quando o dashboard é alterado
+     */
+    onSwitchDashboard?: (id: string) => void;
+    /**
+     * Callback para salvar como novo
+     */
+    onSaveAsNew?: () => void;
+    /**
+     * Callback para alternar layout
+     */
+    onToggleLayout?: () => void;
+    /**
+     * Callback para atualizar/refresh
+     */
+    onRefresh?: () => void;
+    /**
+     * Labels customizáveis
+     */
+    labels?: {
+        saveAsNew?: string;
+        gridLayout?: string;
+        listLayout?: string;
+        refresh?: string;
+    };
+    className?: string;
+}
+/**
+ * Organismo: DashboardHeaderActions
+ *
+ * Componente complexo que agrupa todas as ações do header do dashboard
+ * Composto por múltiplas moléculas e átomos
+ */
+export declare const DashboardHeaderActions: React.ForwardRefExoticComponent<DashboardHeaderActionsProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=dashboard-header-actions.d.ts.map

package/dist/components/organisms/dashboard-header-actions/dashboard-header-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-header-actions.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/dashboard-header-actions/dashboard-header-actions.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjD;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,oGAqElC,CAAC"}

package/dist/components/organisms/dashboard-header-actions/dashboard-header-actions.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DashboardHeaderActions - Organism Component
+ *
+ * Componente complexo que agrupa todas as ações do header do dashboard.
+ * Tornado genérico e reutilizável.
+ */
+import { RefreshCw, Save, Settings } from "lucide-react";
+import React from "react";
+import { Button } from "@/components/atoms";
+import { ButtonGroup } from "@/components/molecules/forms/button-group/button-group";
+import { cn } from "@/lib/utils";
+/**
+ * Organismo: DashboardHeaderActions
+ *
+ * Componente complexo que agrupa todas as ações do header do dashboard
+ * Composto por múltiplas moléculas e átomos
+ */
+export const DashboardHeaderActions = React.forwardRef(({ dashboards = [], activeDashboardId, layout = "grid", isLoading = false, onSwitchDashboard, onSaveAsNew, onToggleLayout, onRefresh, labels = {}, className, ...props }, ref) => {
+    const { saveAsNew = "Salvar Como", gridLayout = "Grade", listLayout = "Lista", refresh = "Atualizar", } = labels;
+    return (_jsxs("div", { ref: ref, className: cn("flex items-center gap-2", className), ...props, children: [dashboards.length > 1 && (_jsx("select", { value: activeDashboardId || "", onChange: (e) => onSwitchDashboard?.(e.target.value), className: "px-3 py-1.5 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-ring", children: dashboards.map((dashboard) => (_jsx("option", { value: dashboard.id, children: dashboard.name }, dashboard.id))) })), (onSaveAsNew || onToggleLayout || onRefresh) && (_jsxs(ButtonGroup, { equalWidth: true, children: [onSaveAsNew && (_jsxs(Button, { variant: "outline", size: "sm", onClick: onSaveAsNew, children: [_jsx(Save, { className: "h-4 w-4 mr-2" }), saveAsNew] })), onToggleLayout && (_jsxs(Button, { variant: "outline", size: "sm", onClick: onToggleLayout, children: [_jsx(Settings, { className: "h-4 w-4 mr-2" }), layout === "grid" ? listLayout : gridLayout] })), onRefresh && (_jsxs(Button, { variant: "outline", size: "sm", onClick: onRefresh, disabled: isLoading, children: [_jsx(RefreshCw, { className: cn("h-4 w-4 mr-2", isLoading && "animate-spin") }), refresh] }))] }))] }));
+});
+DashboardHeaderActions.displayName = "DashboardHeaderActions";

package/dist/components/organisms/dashboard-header-actions/index.d.ts

@@ -0,0 +1,3 @@
+export type { DashboardHeaderActionsProps } from "./dashboard-header-actions";
+export { DashboardHeaderActions } from "./dashboard-header-actions";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/dashboard-header-actions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/dashboard-header-actions/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/components/organisms/dashboard-header-actions/index.js

@@ -0,0 +1 @@
+export { DashboardHeaderActions } from "./dashboard-header-actions";

package/dist/components/organisms/dashboard-layout/dashboard-layout.d.ts

@@ -0,0 +1,24 @@
+/**
+ * DashboardLayout - Organism Component
+ *
+ * Layout de conteúdo para páginas do dashboard.
+ * Componente genérico e reutilizável para qualquer aplicação.
+ */
+import React from "react";
+export interface DashboardLayoutProps {
+    children: React.ReactNode;
+    title?: string;
+    subtitle?: string;
+    actions?: React.ReactNode;
+    className?: string;
+    maxWidth?: "sm" | "md" | "lg" | "xl" | "2xl" | "7xl" | "full";
+}
+/**
+ * Layout de conteúdo para páginas do dashboard.
+ *
+ * Este componente renderiza apenas o conteúdo da página.
+ * Pode ser usado em qualquer aplicação que precise de um layout de dashboard.
+ */
+declare const DashboardLayout: React.ForwardRefExoticComponent<DashboardLayoutProps & React.RefAttributes<HTMLDivElement>>;
+export { DashboardLayout };
+//# sourceMappingURL=dashboard-layout.d.ts.map

package/dist/components/organisms/dashboard-layout/dashboard-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/dashboard-layout/dashboard-layout.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;CAC/D;AAED;;;;;GAKG;AACH,QAAA,MAAM,eAAe,6FAkCpB,CAAC;AAIF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/organisms/dashboard-layout/dashboard-layout.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DashboardLayout - Organism Component
+ *
+ * Layout de conteúdo para páginas do dashboard.
+ * Componente genérico e reutilizável para qualquer aplicação.
+ */
+import React from "react";
+import { cn } from "@/lib/utils";
+/**
+ * Layout de conteúdo para páginas do dashboard.
+ *
+ * Este componente renderiza apenas o conteúdo da página.
+ * Pode ser usado em qualquer aplicação que precise de um layout de dashboard.
+ */
+const DashboardLayout = React.forwardRef(({ children, title, subtitle, actions, className, maxWidth = "7xl", ...props }, ref) => {
+    const maxWidthClasses = {
+        sm: "max-w-sm",
+        md: "max-w-md",
+        lg: "max-w-lg",
+        xl: "max-w-xl",
+        "2xl": "max-w-2xl",
+        "7xl": "max-w-7xl",
+        full: "max-w-full",
+    };
+    return (_jsx("div", { className: "h-full w-full", ref: ref, ...props, children: _jsx("div", { className: cn("p-6 h-full", className), children: _jsxs("div", { className: cn("mx-auto space-y-12", maxWidthClasses[maxWidth]), children: [(title || subtitle || actions) && (_jsxs("div", { className: "mb-8 flex justify-between items-start", children: [_jsxs("div", { children: [title && _jsx("h1", { className: "text-3xl font-bold text-foreground", children: title }), subtitle && _jsx("p", { className: "text-muted-foreground mt-1", children: subtitle })] }), actions && _jsx("div", { className: "flex items-center space-x-2", children: actions })] })), children] }) }) }));
+});
+DashboardLayout.displayName = "DashboardLayout";
+export { DashboardLayout };

package/dist/components/organisms/dashboard-layout/index.d.ts

@@ -0,0 +1,3 @@
+export type { DashboardLayoutProps } from "./dashboard-layout";
+export { DashboardLayout } from "./dashboard-layout";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/dashboard-layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/dashboard-layout/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/organisms/dashboard-layout/index.js

@@ -0,0 +1 @@
+export { DashboardLayout } from "./dashboard-layout";

package/dist/components/organisms/dashboard-movements-section/dashboard-movements-section.d.ts

@@ -0,0 +1,53 @@
+/**
+ * DashboardMovementsSection - Organism Component
+ *
+ * Componente complexo que agrupa movimentações semanais.
+ * Tornado genérico e reutilizável.
+ */
+import React from "react";
+export interface Movement {
+    id: string;
+    name: string;
+    price: string;
+    tag: string;
+    buttonText: string;
+    /**
+     * Callback quando o botão é clicado
+     */
+    onButtonClick?: () => void;
+}
+export interface DashboardMovementsSectionProps {
+    /**
+     * Lista de movimentações
+     */
+    movements?: Movement[];
+    /**
+     * Título da seção
+     */
+    title?: string;
+    /**
+     * Badge do período (ex: "7 dias")
+     */
+    periodBadge?: string;
+    /**
+     * Função para obter cor do status baseado na tag
+     */
+    getStatusColor?: (tag: string) => string;
+    /**
+     * Função para obter variante do botão baseado no texto
+     */
+    getButtonVariant?: (buttonText: string) => "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "success" | "info" | undefined;
+    /**
+     * Mensagem quando não há movimentações
+     */
+    emptyMessage?: string;
+    className?: string;
+}
+/**
+ * Organismo: DashboardMovementsSection
+ *
+ * Componente complexo que agrupa movimentações semanais
+ * Composto por moléculas e outros componentes
+ */
+export declare const DashboardMovementsSection: React.ForwardRefExoticComponent<DashboardMovementsSectionProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=dashboard-movements-section.d.ts.map

package/dist/components/organisms/dashboard-movements-section/dashboard-movements-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-movements-section.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/dashboard-movements-section/dashboard-movements-section.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,8BAA8B;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC;;OAEG;IACH,gBAAgB,CAAC,EAAE,CACjB,UAAU,EAAE,MAAM,KAEhB,SAAS,GACT,aAAa,GACb,SAAS,GACT,WAAW,GACX,OAAO,GACP,MAAM,GACN,SAAS,GACT,MAAM,GACN,SAAS,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,uGAiIrC,CAAC"}

package/dist/components/organisms/dashboard-movements-section/dashboard-movements-section.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DashboardMovementsSection - Organism Component
+ *
+ * Componente complexo que agrupa movimentações semanais.
+ * Tornado genérico e reutilizável.
+ */
+import React from "react";
+import { cn } from "@/lib/utils";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle } from "../../atoms";
+/**
+ * Organismo: DashboardMovementsSection
+ *
+ * Componente complexo que agrupa movimentações semanais
+ * Composto por moléculas e outros componentes
+ */
+export const DashboardMovementsSection = React.forwardRef(({ movements = [], title = "Movimentações Semanais", periodBadge = "7 dias", getStatusColor, getButtonVariant, emptyMessage = "Nenhuma movimentação encontrada", className, ...props }, ref) => {
+    // Função padrão para obter cor do status
+    const defaultGetStatusColor = (tag) => {
+        const normalizedTag = tag.toUpperCase();
+        switch (normalizedTag) {
+            case "DISPONÍVEL":
+            case "AVAILABLE":
+                return "bg-success/10 text-success border border-success/30";
+            case "RESERVADO":
+            case "RESERVED":
+                return "bg-accent/10 text-accent border border-accent/30";
+            case "VENDIDO":
+            case "SOLD":
+                return "bg-muted-foreground/10 text-muted-foreground border border-muted-foreground/30";
+            default:
+                return "bg-muted text-foreground border border-border";
+        }
+    };
+    // Função padrão para obter variante do botão
+    const defaultGetButtonVariant = (buttonText) => {
+        const normalizedText = buttonText.toUpperCase();
+        if (normalizedText.includes("VENDER") || normalizedText.includes("ENTREGUE")) {
+            return "success";
+        }
+        if (normalizedText.includes("AGUARDANDO") || normalizedText.includes("WAITING")) {
+            return "info";
+        }
+        return "default";
+    };
+    const statusColorFn = getStatusColor || defaultGetStatusColor;
+    const buttonVariantFn = getButtonVariant || defaultGetButtonVariant;
+    return (_jsxs(Card, { ref: ref, className: cn("bg-card border border-border hover:shadow-lg transition-all duration-300", className), ...props, children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { className: "flex items-center justify-between", children: [title, periodBadge && (_jsx(Badge, { variant: "secondary", className: "text-xs", children: periodBadge }))] }) }), _jsx(CardContent, { children: movements.length === 0 ? (_jsx("div", { className: "text-center py-8 text-muted-foreground", children: emptyMessage })) : (_jsx("ul", { className: "space-y-4", "aria-label": `Lista de ${title.toLowerCase()}`, children: movements.map((movement) => (_jsxs("li", { className: "flex items-center justify-between bg-background rounded-lg p-4 border border-border hover:border-ring hover:shadow-sm transition-all duration-200", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-10 h-10 bg-gradient-to-br from-primary to-primary/80 rounded-full flex items-center justify-center text-primary-foreground font-semibold text-sm", "aria-hidden": "true", children: movement.name.charAt(0).toUpperCase() }), _jsxs("div", { children: [_jsx("div", { className: "font-medium text-sm text-foreground", children: movement.name }), _jsx("div", { className: "text-primary font-semibold text-sm", children: movement.price })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { className: cn("text-xs px-3 py-1 rounded-full font-medium", statusColorFn(movement.tag)), "aria-label": `Status: ${movement.tag}`, children: movement.tag }), _jsx(Button, { variant: buttonVariantFn(movement.buttonText), size: "sm", onClick: movement.onButtonClick, "aria-label": `Ação: ${movement.buttonText}`, children: movement.buttonText })] })] }, movement.id))) })) })] }));
+});
+DashboardMovementsSection.displayName = "DashboardMovementsSection";

package/dist/components/organisms/dashboard-movements-section/index.d.ts

@@ -0,0 +1,3 @@
+export type { DashboardMovementsSectionProps, Movement } from "./dashboard-movements-section";
+export { DashboardMovementsSection } from "./dashboard-movements-section";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/dashboard-movements-section/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/dashboard-movements-section/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,8BAA8B,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAC9F,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/components/organisms/dashboard-movements-section/index.js

@@ -0,0 +1 @@
+export { DashboardMovementsSection } from "./dashboard-movements-section";

package/dist/components/organisms/edge/edge.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Edge Component - Flowtomic UI
+ *
+ * Componentes Edge para ReactFlow
+ */
+import { type EdgeProps } from "@xyflow/react";
+export declare const Edge: {
+    Temporary: ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, }: EdgeProps) => import("react/jsx-runtime").JSX.Element;
+    Animated: ({ id, source, target, markerEnd, style }: EdgeProps) => import("react/jsx-runtime").JSX.Element | null;
+};
+//# sourceMappingURL=edge.d.ts.map

package/dist/components/organisms/edge/edge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edge.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/edge/edge.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAEL,KAAK,SAAS,EAOf,MAAM,eAAe,CAAC;AAkHvB,eAAO,MAAM,IAAI;6FAxGd,SAAS;yDA2EgD,SAAS;CAgCpE,CAAC"}

package/dist/components/organisms/edge/edge.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Edge Component - Flowtomic UI
+ *
+ * Componentes Edge para ReactFlow
+ */
+import { BaseEdge, getBezierPath, getSimpleBezierPath, Position, useInternalNode, } from "@xyflow/react";
+const Temporary = ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, }) => {
+    const [edgePath] = getSimpleBezierPath({
+        sourceX,
+        sourceY,
+        sourcePosition,
+        targetX,
+        targetY,
+        targetPosition,
+    });
+    return (_jsx(BaseEdge, { className: "stroke-1 stroke-ring", id: id, path: edgePath, style: {
+            strokeDasharray: "5, 5",
+        } }));
+};
+const getHandleCoordsByPosition = (node, handlePosition) => {
+    const handleType = handlePosition === Position.Left ? "target" : "source";
+    const handle = node.internals.handleBounds?.[handleType]?.find((h) => h.position === handlePosition);
+    if (!handle) {
+        return [0, 0];
+    }
+    let offsetX = handle.width / 2;
+    let offsetY = handle.height / 2;
+    switch (handlePosition) {
+        case Position.Left:
+            offsetX = 0;
+            break;
+        case Position.Right:
+            offsetX = handle.width;
+            break;
+        case Position.Top:
+            offsetY = 0;
+            break;
+        case Position.Bottom:
+            offsetY = handle.height;
+            break;
+        default:
+            throw new Error(`Invalid handle position: ${handlePosition}`);
+    }
+    const x = node.internals.positionAbsolute.x + handle.x + offsetX;
+    const y = node.internals.positionAbsolute.y + handle.y + offsetY;
+    return [x, y];
+};
+const getEdgeParams = (source, target) => {
+    const sourcePos = Position.Right;
+    const [sx, sy] = getHandleCoordsByPosition(source, sourcePos);
+    const targetPos = Position.Left;
+    const [tx, ty] = getHandleCoordsByPosition(target, targetPos);
+    return {
+        sx,
+        sy,
+        tx,
+        ty,
+        sourcePos,
+        targetPos,
+    };
+};
+const Animated = ({ id, source, target, markerEnd, style }) => {
+    const sourceNode = useInternalNode(source);
+    const targetNode = useInternalNode(target);
+    if (!(sourceNode && targetNode)) {
+        return null;
+    }
+    const { sx, sy, tx, ty, sourcePos, targetPos } = getEdgeParams(sourceNode, targetNode);
+    const [edgePath] = getBezierPath({
+        sourceX: sx,
+        sourceY: sy,
+        sourcePosition: sourcePos,
+        targetX: tx,
+        targetY: ty,
+        targetPosition: targetPos,
+    });
+    return (_jsxs(_Fragment, { children: [_jsx(BaseEdge, { id: id, markerEnd: markerEnd, path: edgePath, style: style }), _jsx("circle", { fill: "var(--primary)", r: "4", children: _jsx("animateMotion", { dur: "2s", path: edgePath, repeatCount: "indefinite" }) })] }));
+};
+export const Edge = {
+    Temporary,
+    Animated,
+};

package/dist/components/organisms/edge/index.d.ts

@@ -0,0 +1,2 @@
+export { Edge } from "./edge";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/edge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/edge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/organisms/edge/index.js

@@ -0,0 +1 @@
+export { Edge } from "./edge";

package/dist/components/organisms/genealogy-canvas/genealogy-canvas.d.ts

@@ -0,0 +1,96 @@
+/**
+ * GenealogyCanvas Component - Flowtomic UI
+ *
+ * Componente para exibir árvores genealógicas interativas em um canvas
+ */
+import type { GenealogyData, RelationshipType } from "@flowtomic/logic";
+import type { ComponentProps, ReactNode } from "react";
+import { Canvas } from "@/components/molecules/flow/canvas";
+/**
+ * Props do componente GenealogyNode (node customizado para genealogia)
+ */
+interface GenealogyNodeData {
+    person: {
+        id: string;
+        name: string;
+        type?: string;
+        birthDate?: string;
+        deathDate?: string;
+        gender?: "male" | "female" | "other";
+        image?: string;
+        photo?: string;
+        [key: string]: unknown;
+    };
+    hierarchy?: {
+        parents: Array<{
+            id: string;
+            name: string;
+        }>;
+        children: Array<{
+            id: string;
+            name: string;
+        }>;
+        siblings: Array<{
+            id: string;
+            name: string;
+        }>;
+    };
+    isExpanded?: boolean;
+}
+/**
+ * Props do componente GenealogyCanvas
+ */
+export interface GenealogyCanvasProps extends Omit<ComponentProps<typeof Canvas>, "nodes" | "edges" | "nodeTypes" | "edgeTypes"> {
+    /**
+     * Dados da árvore genealógica
+     */
+    data: GenealogyData;
+    /**
+     * IDs de nós inicialmente expandidos
+     */
+    initialExpanded?: string[];
+    /**
+     * Largura dos nós em pixels
+     */
+    nodeWidth?: number;
+    /**
+     * Altura dos nós em pixels
+     */
+    nodeHeight?: number;
+    /**
+     * Espaçamento horizontal entre nós em pixels
+     */
+    horizontalSpacing?: number;
+    /**
+     * Espaçamento vertical entre nós em pixels
+     */
+    verticalSpacing?: number;
+    /**
+     * Callback quando um nó é selecionado
+     */
+    onNodeSelect?: (nodeId: string, entity: GenealogyNodeData["person"]) => void;
+    /**
+     * Callback quando um nó é expandido/colapsado
+     */
+    onNodeExpand?: (nodeId: string, expanded: boolean) => void;
+    /**
+     * Callback para adicionar relacionamento
+     */
+    onAddRelation?: (fromId: string, toId: string, type: RelationshipType) => void;
+    /**
+     * Customizar renderização do nó
+     */
+    renderNode?: (data: GenealogyNodeData) => ReactNode;
+    /**
+     * Classes CSS adicionais
+     */
+    className?: string;
+}
+/**
+ * Componente GenealogyCanvas
+ *
+ * Renderiza uma árvore genealógica interativa usando ReactFlow
+ */
+export declare const GenealogyCanvas: ({ data, initialExpanded, nodeWidth, nodeHeight, horizontalSpacing, verticalSpacing, onNodeSelect, onNodeExpand, onAddRelation, renderNode, className, ...canvasProps }: GenealogyCanvasProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=genealogy-canvas.d.ts.map

package/dist/components/organisms/genealogy-canvas/genealogy-canvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"genealogy-canvas.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/genealogy-canvas/genealogy-canvas.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAuB,MAAM,kBAAkB,CAAC;AAa7F,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAK5D;;GAEG;AACH,UAAU,iBAAiB;IACzB,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;QACrC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;KACxB,CAAC;IACF,SAAS,CAAC,EAAE;QACV,OAAO,EAAE,KAAK,CAAC;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QAC7C,QAAQ,EAAE,KAAK,CAAC;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QAC9C,QAAQ,EAAE,KAAK,CAAC;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC/C,CAAC;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAiDD;;GAEG;AACH,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAAC;IAC1F;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC;IAEpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;IAE7E;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAE3D;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAE/E;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,SAAS,CAAC;IAEpD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,wKAa7B,oBAAoB,4CAkJtB,CAAC"}