@flowtomic/ui 0.1.0 → 0.1.2

package/dist/components/organisms/context/context.js

@@ -0,0 +1,163 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+import { getUsage } from "tokenlens";
+import { cn } from "@/lib/utils";
+import { Button, HoverCard, HoverCardContent, HoverCardTrigger, Progress } from "../../atoms";
+const PERCENT_MAX = 100;
+const ICON_RADIUS = 10;
+const ICON_VIEWBOX = 24;
+const ICON_CENTER = 12;
+const ICON_STROKE_WIDTH = 2;
+const ContextContext = createContext(null);
+const useContextValue = () => {
+    const context = useContext(ContextContext);
+    if (!context) {
+        throw new Error("Context components must be used within Context");
+    }
+    return context;
+};
+export const Context = ({ usedTokens, maxTokens, usage, modelId, ...props }) => (_jsx(ContextContext.Provider, { value: {
+        usedTokens,
+        maxTokens,
+        usage,
+        modelId,
+    }, children: _jsx(HoverCard, { closeDelay: 0, openDelay: 0, ...props }) }));
+const ContextIcon = () => {
+    const { usedTokens, maxTokens } = useContextValue();
+    const circumference = 2 * Math.PI * ICON_RADIUS;
+    const usedPercent = usedTokens / maxTokens;
+    const dashOffset = circumference * (1 - usedPercent);
+    return (_jsxs("svg", { "aria-label": "Model context usage", height: "20", role: "img", style: { color: "currentcolor" }, viewBox: `0 0 ${ICON_VIEWBOX} ${ICON_VIEWBOX}`, width: "20", children: [_jsx("circle", { cx: ICON_CENTER, cy: ICON_CENTER, fill: "none", opacity: "0.25", r: ICON_RADIUS, stroke: "currentColor", strokeWidth: ICON_STROKE_WIDTH }), _jsx("circle", { cx: ICON_CENTER, cy: ICON_CENTER, fill: "none", opacity: "0.7", r: ICON_RADIUS, stroke: "currentColor", strokeDasharray: `${circumference} ${circumference}`, strokeDashoffset: dashOffset, strokeLinecap: "round", strokeWidth: ICON_STROKE_WIDTH, style: { transformOrigin: "center", transform: "rotate(-90deg)" } })] }));
+};
+export const ContextTrigger = ({ children, ...props }) => {
+    const { usedTokens, maxTokens } = useContextValue();
+    const usedPercent = usedTokens / maxTokens;
+    const renderedPercent = new Intl.NumberFormat("en-US", {
+        style: "percent",
+        maximumFractionDigits: 1,
+    }).format(usedPercent);
+    return (_jsx(HoverCardTrigger, { asChild: true, children: children ?? (_jsxs(Button, { type: "button", variant: "ghost", ...props, children: [_jsx("span", { className: "font-medium text-muted-foreground", children: renderedPercent }), _jsx(ContextIcon, {})] })) }));
+};
+export const ContextContent = ({ className, ...props }) => (_jsx(HoverCardContent, { className: cn("min-w-60 divide-y overflow-hidden p-0", className), ...props }));
+export const ContextContentHeader = ({ children, className, ...props }) => {
+    const { usedTokens, maxTokens } = useContextValue();
+    const usedPercent = usedTokens / maxTokens;
+    const displayPct = new Intl.NumberFormat("en-US", {
+        style: "percent",
+        maximumFractionDigits: 1,
+    }).format(usedPercent);
+    const used = new Intl.NumberFormat("en-US", {
+        notation: "compact",
+    }).format(usedTokens);
+    const total = new Intl.NumberFormat("en-US", {
+        notation: "compact",
+    }).format(maxTokens);
+    return (_jsx("div", { className: cn("w-full space-y-2 p-3", className), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between gap-3 text-xs", children: [_jsx("p", { children: displayPct }), _jsxs("p", { className: "font-mono text-muted-foreground", children: [used, " / ", total] })] }), _jsx("div", { className: "space-y-2", children: _jsx(Progress, { className: "bg-muted", value: usedPercent * PERCENT_MAX }) })] })) }));
+};
+export const ContextContentBody = ({ children, className, ...props }) => (_jsx("div", { className: cn("w-full p-3", className), ...props, children: children }));
+export const ContextContentFooter = ({ children, className, ...props }) => {
+    const { modelId, usage } = useContextValue();
+    const costUSD = modelId
+        ? getUsage({
+            modelId,
+            usage: {
+                input: usage?.inputTokens ?? 0,
+                output: usage?.outputTokens ?? 0,
+            },
+        }).costUSD?.totalUSD
+        : undefined;
+    const totalCost = new Intl.NumberFormat("en-US", {
+        style: "currency",
+        currency: "USD",
+    }).format(costUSD ?? 0);
+    return (_jsx("div", { className: cn("flex w-full items-center justify-between gap-3 bg-secondary p-3 text-xs", className), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-muted-foreground", children: "Total cost" }), _jsx("span", { children: totalCost })] })) }));
+};
+export const ContextInputUsage = ({ className, children, ...props }) => {
+    const { usage, modelId } = useContextValue();
+    const inputTokens = usage?.inputTokens ?? 0;
+    if (children) {
+        return children;
+    }
+    if (!inputTokens) {
+        return null;
+    }
+    const inputCost = modelId
+        ? getUsage({
+            modelId,
+            usage: { input: inputTokens, output: 0 },
+        }).costUSD?.totalUSD
+        : undefined;
+    const inputCostText = new Intl.NumberFormat("en-US", {
+        style: "currency",
+        currency: "USD",
+    }).format(inputCost ?? 0);
+    return (_jsxs("div", { className: cn("flex items-center justify-between text-xs", className), ...props, children: [_jsx("span", { className: "text-muted-foreground", children: "Input" }), _jsx(TokensWithCost, { costText: inputCostText, tokens: inputTokens })] }));
+};
+export const ContextOutputUsage = ({ className, children, ...props }) => {
+    const { usage, modelId } = useContextValue();
+    const outputTokens = usage?.outputTokens ?? 0;
+    if (children) {
+        return children;
+    }
+    if (!outputTokens) {
+        return null;
+    }
+    const outputCost = modelId
+        ? getUsage({
+            modelId,
+            usage: { input: 0, output: outputTokens },
+        }).costUSD?.totalUSD
+        : undefined;
+    const outputCostText = new Intl.NumberFormat("en-US", {
+        style: "currency",
+        currency: "USD",
+    }).format(outputCost ?? 0);
+    return (_jsxs("div", { className: cn("flex items-center justify-between text-xs", className), ...props, children: [_jsx("span", { className: "text-muted-foreground", children: "Output" }), _jsx(TokensWithCost, { costText: outputCostText, tokens: outputTokens })] }));
+};
+export const ContextReasoningUsage = ({ className, children, ...props }) => {
+    const { usage, modelId } = useContextValue();
+    const reasoningTokens = usage?.reasoningTokens ?? 0;
+    if (children) {
+        return children;
+    }
+    if (!reasoningTokens) {
+        return null;
+    }
+    const reasoningCost = modelId
+        ? getUsage({
+            modelId,
+            usage: { reasoningTokens },
+        }).costUSD?.totalUSD
+        : undefined;
+    const reasoningCostText = new Intl.NumberFormat("en-US", {
+        style: "currency",
+        currency: "USD",
+    }).format(reasoningCost ?? 0);
+    return (_jsxs("div", { className: cn("flex items-center justify-between text-xs", className), ...props, children: [_jsx("span", { className: "text-muted-foreground", children: "Reasoning" }), _jsx(TokensWithCost, { costText: reasoningCostText, tokens: reasoningTokens })] }));
+};
+export const ContextCacheUsage = ({ className, children, ...props }) => {
+    const { usage, modelId } = useContextValue();
+    const cacheTokens = usage?.cachedInputTokens ?? 0;
+    if (children) {
+        return children;
+    }
+    if (!cacheTokens) {
+        return null;
+    }
+    const cacheCost = modelId
+        ? getUsage({
+            modelId,
+            usage: { cacheReads: cacheTokens, input: 0, output: 0 },
+        }).costUSD?.totalUSD
+        : undefined;
+    const cacheCostText = new Intl.NumberFormat("en-US", {
+        style: "currency",
+        currency: "USD",
+    }).format(cacheCost ?? 0);
+    return (_jsxs("div", { className: cn("flex items-center justify-between text-xs", className), ...props, children: [_jsx("span", { className: "text-muted-foreground", children: "Cache" }), _jsx(TokensWithCost, { costText: cacheCostText, tokens: cacheTokens })] }));
+};
+const TokensWithCost = ({ tokens, costText }) => (_jsxs("span", { children: [tokens === undefined
+            ? "—"
+            : new Intl.NumberFormat("en-US", {
+                notation: "compact",
+            }).format(tokens), costText ? _jsxs("span", { className: "ml-2 text-muted-foreground", children: ["\u2022 ", costText] }) : null] }));

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

@@ -0,0 +1,2 @@
+export { Context, ContextCacheUsage, type ContextCacheUsageProps, ContextContent, ContextContentBody, type ContextContentBodyProps, ContextContentFooter, type ContextContentFooterProps, ContextContentHeader, type ContextContentHeaderProps, type ContextContentProps, ContextInputUsage, type ContextInputUsageProps, ContextOutputUsage, type ContextOutputUsageProps, type ContextProps, ContextReasoningUsage, type ContextReasoningUsageProps, ContextTrigger, type ContextTriggerProps, } from "./context";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,cAAc,EACd,kBAAkB,EAClB,KAAK,uBAAuB,EAC5B,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,mBAAmB,EACxB,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,kBAAkB,EAClB,KAAK,uBAAuB,EAC5B,KAAK,YAAY,EACjB,qBAAqB,EACrB,KAAK,0BAA0B,EAC/B,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1 @@
+export { Context, ContextCacheUsage, ContextContent, ContextContentBody, ContextContentFooter, ContextContentHeader, ContextInputUsage, ContextOutputUsage, ContextReasoningUsage, ContextTrigger, } from "./context";

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

@@ -0,0 +1,10 @@
+/**
+ * Controls Component - Flowtomic UI
+ *
+ * Wrapper do Controls do @xyflow/react
+ */
+import { Controls as ControlsPrimitive } from "@xyflow/react";
+import type { ComponentProps } from "react";
+export type ControlsProps = ComponentProps<typeof ControlsPrimitive>;
+export declare const Controls: ({ className, ...props }: ControlsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=controls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/controls/controls.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAErE,eAAO,MAAM,QAAQ,GAAI,yBAAyB,aAAa,4CAS9D,CAAC"}

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Controls Component - Flowtomic UI
+ *
+ * Wrapper do Controls do @xyflow/react
+ */
+import { Controls as ControlsPrimitive } from "@xyflow/react";
+import { cn } from "@/lib/utils";
+export const Controls = ({ className, ...props }) => (_jsx(ControlsPrimitive, { className: cn("gap-px overflow-hidden rounded-md border bg-card p-1 shadow-none!", "[&>button]:rounded-md [&>button]:border-none! [&>button]:bg-transparent! [&>button]:hover:bg-secondary!", className), ...props }));

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

@@ -0,0 +1,2 @@
+export { Controls, type ControlsProps } from "./controls";
+//# sourceMappingURL=index.d.ts.map

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

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

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,0FAU9B,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"}