@flowtomic/ui 0.1.0 → 0.1.2

package/dist/blocks/dashboard-01/page.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Exemplo de Block - Dashboard 01
+ *
+ * Este é um exemplo de block que pode ser instalado via CLI
+ */
+export default function DashboardPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=page.d.ts.map

package/dist/blocks/dashboard-01/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../src/blocks/dashboard-01/page.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,MAAM,CAAC,OAAO,UAAU,aAAa,4CA0BpC"}

package/dist/blocks/dashboard-01/page.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Exemplo de Block - Dashboard 01
+ *
+ * Este é um exemplo de block que pode ser instalado via CLI
+ */
+import { Button, Card } from "@/components/atoms";
+export default function DashboardPage() {
+    return (_jsxs("div", { className: "container mx-auto p-6", children: [_jsx("h1", { className: "text-3xl font-bold mb-6", children: "Dashboard" }), _jsxs("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: [_jsxs(Card, { className: "p-6", children: [_jsx("h2", { className: "text-xl font-semibold mb-2", children: "Card 1" }), _jsx("p", { className: "text-muted-foreground mb-4", children: "Este \u00E9 um exemplo de card no dashboard." }), _jsx(Button, { children: "Ver mais" })] }), _jsxs(Card, { className: "p-6", children: [_jsx("h2", { className: "text-xl font-semibold mb-2", children: "Card 2" }), _jsx("p", { className: "text-muted-foreground mb-4", children: "Outro exemplo de card." }), _jsx(Button, { variant: "outline", children: "A\u00E7\u00E3o" })] }), _jsxs(Card, { className: "p-6", children: [_jsx("h2", { className: "text-xl font-semibold mb-2", children: "Card 3" }), _jsx("p", { className: "text-muted-foreground mb-4", children: "Mais um card de exemplo." }), _jsx(Button, { variant: "secondary", children: "Explorar" })] })] })] }));
+}

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

@@ -0,0 +1,86 @@
+/**
+ * Developer Panel Block
+ *
+ * Painel de desenvolvedor com informações do sistema, ambiente e ferramentas de desenvolvimento.
+ * Inclui editor de scripts integrado.
+ */
+import type { ExecuteScriptResponse, TerminalLine } from "@flowtomic/logic";
+export interface SystemHealth {
+    status: string;
+    timestamp: string;
+    service: string;
+}
+export interface SystemInfo {
+    name: string;
+    version: string;
+    description: string;
+}
+export interface EnvironmentInfo {
+    apiBaseUrl: string;
+    nodeEnv: string;
+    timestamp: string;
+    userAgent: string;
+    screenResolution: string;
+    timezone: string;
+}
+export interface UserInfo {
+    username?: string;
+    email?: string;
+    role?: string;
+    isAdmin?: boolean;
+    token?: string;
+}
+export interface DeveloperPanelProps {
+    /**
+     * Informações do usuário atual
+     */
+    user?: UserInfo;
+    /**
+     * Status de health check do sistema
+     */
+    health?: SystemHealth | null;
+    /**
+     * Informações do sistema/aplicação
+     */
+    systemInfo?: SystemInfo | null;
+    /**
+     * Informações do ambiente frontend
+     */
+    environmentInfo?: EnvironmentInfo | null;
+    /**
+     * Estado de carregamento
+     */
+    loading?: boolean;
+    /**
+     * Mensagem de erro
+     */
+    error?: string | null;
+    /**
+     * URL base da API para links de ferramentas
+     */
+    apiBaseUrl?: string;
+    /**
+     * Callback para abrir Swagger UI
+     */
+    onOpenSwagger?: () => void;
+    /**
+     * Callback para abrir API Docs
+     */
+    onOpenApiDocs?: () => void;
+    /**
+     * Callback para abrir Health Check
+     */
+    onOpenHealthCheck?: () => void;
+    /**
+     * Configurações do ScriptEditor
+     */
+    scriptEditorProps?: {
+        defaultScript?: string;
+        wsUrl?: string;
+        executeScript?: (script: string) => Promise<ExecuteScriptResponse>;
+        onOutput?: (line: TerminalLine) => void;
+        onError?: (error: Error) => void;
+    };
+}
+export default function DeveloperPanel({ user, health, systemInfo, environmentInfo, loading, error, apiBaseUrl, onOpenSwagger, onOpenApiDocs, onOpenHealthCheck, scriptEditorProps, }: DeveloperPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=page.d.ts.map

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

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

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

@@ -0,0 +1,35 @@
+/**
+ * Developer Panel Block
+ *
+ * Painel de desenvolvedor com informações do sistema, ambiente e ferramentas de desenvolvimento.
+ * Inclui editor de scripts integrado.
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ScriptEditor } from "@/components/organisms";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/atoms";
+import { Code, Info } from "lucide-react";
+import { useState } from "react";
+export default function DeveloperPanel({ user, health, systemInfo, environmentInfo, loading = false, error = null, apiBaseUrl = "", onOpenSwagger, onOpenApiDocs, onOpenHealthCheck, scriptEditorProps, }) {
+    const [copiedText, setCopiedText] = useState(null);
+    const copyToClipboard = (text, label) => {
+        navigator.clipboard.writeText(text);
+        setCopiedText(label);
+        setTimeout(() => setCopiedText(null), 2000);
+    };
+    const defaultOpenSwagger = () => {
+        const swaggerUrl = `${apiBaseUrl.replace("/api", "")}/swagger-ui.html`;
+        window.open(swaggerUrl, "_blank");
+    };
+    const defaultOpenApiDocs = () => {
+        const apiDocsUrl = `${apiBaseUrl.replace("/api", "")}/v3/api-docs`;
+        window.open(apiDocsUrl, "_blank");
+    };
+    const defaultOpenHealthCheck = () => {
+        window.open(`${apiBaseUrl}/health`, "_blank");
+    };
+    if (loading) {
+        return (_jsx("div", { className: "container mx-auto p-6", children: _jsx("div", { className: "flex items-center justify-center h-64", children: _jsx("p", { className: "text-muted-foreground", children: "Carregando informa\u00E7\u00F5es do sistema..." }) }) }));
+    }
+    return (_jsxs("div", { className: "container mx-auto p-6 space-y-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold", children: "Painel de Desenvolvedor" }), _jsx("p", { className: "text-muted-foreground mt-2", children: "Informa\u00E7\u00F5es t\u00E9cnicas e ferramentas de desenvolvimento" })] }), _jsx(Badge, { variant: "outline", className: "text-lg px-4 py-2", children: user?.isAdmin ? "ADMIN" : "USER" })] }), error && (_jsxs(Card, { className: "border-destructive", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-destructive", children: "Erro" }) }), _jsx(CardContent, { children: _jsx("p", { children: error }) })] })), _jsxs(Tabs, { defaultValue: "info", className: "w-full", children: [_jsxs(TabsList, { className: "grid w-full grid-cols-2 mb-6", children: [_jsxs(TabsTrigger, { value: "info", className: "flex items-center gap-2", children: [_jsx(Info, { className: "h-4 w-4" }), "Informa\u00E7\u00F5es do Sistema"] }), _jsxs(TabsTrigger, { value: "editor", className: "flex items-center gap-2", children: [_jsx(Code, { className: "h-4 w-4" }), "Editor de Scripts"] })] }), _jsx(TabsContent, { value: "info", className: "space-y-6", children: _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Usu\u00E1rio Atual" }), _jsx(CardDescription, { children: "Informa\u00E7\u00F5es da sess\u00E3o atual" })] }), _jsxs(CardContent, { className: "space-y-2", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Nome" }), _jsx("p", { className: "font-medium", children: user?.username || "N/A" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Email" }), _jsx("p", { className: "font-medium", children: user?.email || "N/A" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Role" }), _jsx(Badge, { variant: user?.isAdmin ? "default" : "secondary", children: user?.role || "N/A" })] }), user?.token && (_jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Token" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("code", { className: "text-xs bg-muted px-2 py-1 rounded flex-1 truncate", children: [user.token.substring(0, 20), "..."] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => copyToClipboard(user.token, "token"), children: copiedText === "token" ? "Copiado!" : "Copiar" })] })] }))] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Status do Sistema" }), _jsx(CardDescription, { children: "Health check da API" })] }), _jsx(CardContent, { className: "space-y-2", children: health ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Status" }), _jsx(Badge, { variant: health.status === "UP" ? "default" : "destructive", children: health.status })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Servi\u00E7o" }), _jsx("p", { className: "font-medium", children: health.service })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Timestamp" }), _jsx("p", { className: "font-medium text-xs", children: new Date(health.timestamp).toLocaleString("pt-BR") })] })] })) : (_jsx("p", { className: "text-muted-foreground", children: "N\u00E3o dispon\u00EDvel" })) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Informa\u00E7\u00F5es da Aplica\u00E7\u00E3o" }), _jsx(CardDescription, { children: "Vers\u00E3o e detalhes do sistema" })] }), _jsx(CardContent, { className: "space-y-2", children: systemInfo ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Nome" }), _jsx("p", { className: "font-medium", children: systemInfo.name })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Vers\u00E3o" }), _jsx(Badge, { variant: "outline", children: systemInfo.version })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Descri\u00E7\u00E3o" }), _jsx("p", { className: "font-medium text-sm", children: systemInfo.description })] })] })) : (_jsx("p", { className: "text-muted-foreground", children: "N\u00E3o dispon\u00EDvel" })) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Ambiente Frontend" }), _jsx(CardDescription, { children: "Configura\u00E7\u00F5es do cliente" })] }), _jsx(CardContent, { className: "space-y-2", children: environmentInfo ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "API Base URL" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("code", { className: "text-xs bg-muted px-2 py-1 rounded flex-1 truncate", children: environmentInfo.apiBaseUrl }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => copyToClipboard(environmentInfo.apiBaseUrl, "apiUrl"), children: copiedText === "apiUrl" ? "Copiado!" : "Copiar" })] })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Modo" }), _jsx(Badge, { variant: "outline", children: environmentInfo.nodeEnv })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Timezone" }), _jsx("p", { className: "font-medium text-xs", children: environmentInfo.timezone })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Resolu\u00E7\u00E3o" }), _jsx("p", { className: "font-medium text-xs", children: environmentInfo.screenResolution })] })] })) : (_jsx("p", { className: "text-muted-foreground", children: "N\u00E3o dispon\u00EDvel" })) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Ferramentas" }), _jsx(CardDescription, { children: "Acesso r\u00E1pido a ferramentas de desenvolvimento" })] }), _jsxs(CardContent, { className: "space-y-2", children: [_jsx(Button, { variant: "outline", className: "w-full justify-start", onClick: onOpenSwagger || defaultOpenSwagger, children: "\uD83D\uDCDA Abrir Swagger UI" }), _jsx(Button, { variant: "outline", className: "w-full justify-start", onClick: onOpenApiDocs || defaultOpenApiDocs, children: "\uD83D\uDCD6 Abrir API Docs (JSON)" }), _jsx(Button, { variant: "outline", className: "w-full justify-start", onClick: onOpenHealthCheck || defaultOpenHealthCheck, children: "\u2764\uFE0F Health Check" })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Navegador" }), _jsx(CardDescription, { children: "Informa\u00E7\u00F5es do cliente web" })] }), _jsx(CardContent, { className: "space-y-2", children: environmentInfo ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "User Agent" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("code", { className: "text-xs bg-muted px-2 py-1 rounded flex-1 truncate", children: [environmentInfo.userAgent.substring(0, 50), "..."] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => copyToClipboard(environmentInfo.userAgent, "userAgent"), children: copiedText === "userAgent" ? "Copiado!" : "Copiar" })] })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Timestamp" }), _jsx("p", { className: "font-medium text-xs", children: new Date(environmentInfo.timestamp).toLocaleString("pt-BR") })] })] })) : (_jsx("p", { className: "text-muted-foreground", children: "N\u00E3o dispon\u00EDvel" })) })] })] }) }), _jsx(TabsContent, { value: "editor", className: "space-y-6", children: _jsx(ScriptEditor, { ...scriptEditorProps }) })] })] }));
+}

package/dist/blocks/flowtomic-dashboard/index.d.ts

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

package/dist/blocks/flowtomic-dashboard/index.d.ts.map

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

package/dist/blocks/flowtomic-dashboard/index.js

@@ -0,0 +1 @@
+export { default } from "./page";

package/dist/blocks/flowtomic-dashboard/page.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Flowtomic Dashboard Block
+ *
+ * Dashboard completo com sidebar, header, estatísticas, gráficos, listas de projetos e equipe, e timer
+ */
+export default function FlowtomicDashboardPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=page.d.ts.map

package/dist/blocks/flowtomic-dashboard/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../src/blocks/flowtomic-dashboard/page.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAmJH,MAAM,CAAC,OAAO,UAAU,sBAAsB,4CA+K7C"}

package/dist/blocks/flowtomic-dashboard/page.js

@@ -0,0 +1,167 @@
+/**
+ * Flowtomic Dashboard Block
+ *
+ * Dashboard completo com sidebar, header, estatísticas, gráficos, listas de projetos e equipe, e timer
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useProjectProgress, useProjectStats } from "@flowtomic/logic";
+import { ArrowRight, Code, Layers, TestTube, Zap } from "lucide-react";
+import { useState } from "react";
+import { SidebarProvider } from "@/components/atoms/layout";
+import { BarChart, CircularProgressChart, DashboardHeader, ProjectList, ReminderCard, SidebarNavigation, StatCard, TeamMemberList, TimeTracker, } from "@/components/molecules";
+import { ResizableLayout } from "@/components/organisms";
+// Dados de exemplo
+const sampleProjects = [
+    { id: "1", status: "running", name: "Project A" },
+    { id: "2", status: "running", name: "Project B" },
+    { id: "3", status: "ended", name: "Project C" },
+    { id: "4", status: "ended", name: "Project D" },
+    { id: "5", status: "pending", name: "Project E" },
+    { id: "6", status: "pending", name: "Project F" },
+    { id: "7", status: "on-hold", name: "Project G" },
+    { id: "8", status: "running", name: "Project H" },
+    { id: "9", status: "running", name: "Project I" },
+    { id: "10", status: "running", name: "Project J" },
+    { id: "11", status: "running", name: "Project K" },
+    { id: "12", status: "running", name: "Project L" },
+    { id: "13", status: "ended", name: "Project M" },
+    { id: "14", status: "ended", name: "Project N" },
+    { id: "15", status: "ended", name: "Project O" },
+    { id: "16", status: "ended", name: "Project P" },
+    { id: "17", status: "ended", name: "Project Q" },
+    { id: "18", status: "ended", name: "Project R" },
+    { id: "19", status: "ended", name: "Project S" },
+    { id: "20", status: "ended", name: "Project T" },
+    { id: "21", status: "ended", name: "Project U" },
+    { id: "22", status: "ended", name: "Project V" },
+    { id: "23", status: "ended", name: "Project W" },
+    { id: "24", status: "ended", name: "Project X" },
+];
+const projectListData = [
+    {
+        id: "1",
+        name: "Develop API Endpoints",
+        dueDate: new Date(2024, 10, 26),
+        icon: _jsx(ArrowRight, { className: "h-5 w-5 text-blue-600" }),
+        iconColor: "rgba(37, 99, 235, 0.1)",
+    },
+    {
+        id: "2",
+        name: "Onboarding Flow",
+        dueDate: new Date(2024, 10, 28),
+        icon: _jsx(Layers, { className: "h-5 w-5 text-green-600" }),
+        iconColor: "rgba(22, 163, 74, 0.1)",
+    },
+    {
+        id: "3",
+        name: "Build Dashboard",
+        dueDate: new Date(2024, 10, 30),
+        icon: _jsx(Code, { className: "h-5 w-5 text-yellow-600" }),
+        iconColor: "rgba(202, 138, 4, 0.1)",
+    },
+    {
+        id: "4",
+        name: "Optimize Page Load",
+        dueDate: new Date(2024, 11, 5),
+        icon: _jsx(Zap, { className: "h-5 w-5 text-orange-600" }),
+        iconColor: "rgba(234, 88, 12, 0.1)",
+    },
+    {
+        id: "5",
+        name: "Cross-Browser Testing",
+        dueDate: new Date(2024, 11, 6),
+        icon: _jsx(TestTube, { className: "h-5 w-5 text-purple-600" }),
+        iconColor: "rgba(147, 51, 234, 0.1)",
+    },
+];
+const teamMembers = [
+    {
+        id: "1",
+        name: "Alexandra Deff",
+        task: "Github Project Repository",
+        status: "completed",
+    },
+    {
+        id: "2",
+        name: "Edwin Adenike",
+        task: "Integrate User Authentication System",
+        status: "in-progress",
+    },
+    {
+        id: "3",
+        name: "Isaac Oluwatemilorun",
+        task: "Develop Search and Filter Functionality",
+        status: "pending",
+    },
+    {
+        id: "4",
+        name: "David Oshodi",
+        task: "Responsive Layout for Homepage",
+        status: "in-progress",
+    },
+];
+const reminders = [
+    {
+        id: "1",
+        title: "Meeting with Arc Company",
+        time: "02.00 pm - 04.00 pm",
+    },
+];
+const user = {
+    name: "Totok Michael",
+    email: "tmichael20@mail.com",
+};
+const notifications = [
+    {
+        id: "1",
+        title: "New project assigned",
+        unread: true,
+    },
+];
+const messages = [
+    {
+        id: "1",
+        title: "New message",
+        unread: true,
+    },
+];
+export default function FlowtomicDashboardPage() {
+    const [sidebarOpen, setSidebarOpen] = useState(true);
+    const [searchValue, setSearchValue] = useState("");
+    // Calcular estatísticas
+    const { total, ended, running, pending } = useProjectStats({
+        projects: sampleProjects,
+    });
+    // Calcular progresso
+    const progressProjects = sampleProjects.map((p) => ({
+        id: p.id,
+        status: p.status === "ended"
+            ? "completed"
+            : p.status === "running"
+                ? "in-progress"
+                : "pending",
+    }));
+    const { percentage: progressPercentage } = useProjectProgress({
+        projects: progressProjects,
+    });
+    // Dados do gráfico de barras
+    const barChartData = [
+        { label: "S", value: 0 },
+        { label: "M", value: 45 },
+        { label: "T", value: 74 },
+        { label: "W", value: 60 },
+        { label: "T", value: 0 },
+        { label: "F", value: 0 },
+        { label: "S", value: 0 },
+    ];
+    return (_jsx(SidebarProvider, { children: _jsx(ResizableLayout, { sidebar: _jsx(SidebarNavigation, { appName: "Flowtomic", mobileAppCard: {
+                    title: "Download our Mobile App",
+                    buttonText: "Download",
+                    onDownload: () => console.log("Download app"),
+                }, onNavigate: (item) => console.log("Navigate:", item) }), sidebarOpen: sidebarOpen, setSidebarOpen: setSidebarOpen, persistKey: "flowtomic-dashboard-sidebar", children: _jsxs("div", { className: "flex flex-col h-full", children: [_jsx(DashboardHeader, { searchValue: searchValue, onSearchChange: setSearchValue, user: user, notifications: notifications, messages: messages }), _jsx("div", { className: "flex-1 overflow-auto p-6", children: _jsxs("div", { className: "max-w-7xl mx-auto space-y-6", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold", children: "Dashboard" }), _jsx("p", { className: "text-muted-foreground mt-1", children: "Plan, prioritize, and accomplish your tasks with ease." })] }), _jsxs("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4", children: [_jsx(StatCard, { title: "Total Projects", value: total, lastMonth: 20, color: "primary", variant: "compact" }), _jsx(StatCard, { title: "Ended Projects", value: ended, lastMonth: 8, color: "info", variant: "compact" }), _jsx(StatCard, { title: "Running Projects", value: running, lastMonth: 10, color: "success", variant: "compact" }), _jsx(StatCard, { title: "Pending Project", value: pending, subtitle: "On Discuss", color: "warning", variant: "compact" })] }), _jsxs("div", { className: "grid gap-6 lg:grid-cols-3", children: [_jsxs("div", { className: "lg:col-span-2 space-y-6", children: [_jsx(BarChart, { data: barChartData, title: "Project Analytics", height: 200, showValues: true }), _jsx(ReminderCard, { reminders: reminders, title: "Reminders", actionButtonText: "Start Meeting", onStartMeeting: (reminder) => console.log("Start:", reminder) }), _jsx(ProjectList, { projects: projectListData, title: "Project", addButtonText: "+ New", onProjectClick: (project) => console.log("Project:", project), onAddNew: () => console.log("Add new project") })] }), _jsxs("div", { className: "space-y-6", children: [_jsx(TeamMemberList, { members: teamMembers, title: "Team Collaboration", addButtonText: "+ Add Member", onMemberClick: (member) => console.log("Member:", member), onAddMember: () => console.log("Add member") }), _jsx(CircularProgressChart, { value: progressPercentage, label: "Project Ended", title: "Project Progress", size: 200, legend: [
+                                                        { label: "Completed", color: "hsl(var(--primary))" },
+                                                        { label: "In Progress", color: "hsl(var(--success))" },
+                                                        { label: "Pending", color: "hsl(var(--muted))" },
+                                                    ] }), _jsx(TimeTracker, { title: "Time Tracker", initialTime: 0, format: "HH:mm:ss", backgroundColor: "hsl(var(--primary))", className: "text-primary-foreground" })] })] })] }) })] }) }) }));
+}

package/dist/blocks/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Barrel export para blocks
+ */
+export * from "./registry-blocks";
+export * from "./registry-categories";
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/blocks/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC"}

package/dist/blocks/index.js

@@ -0,0 +1,5 @@
+/**
+ * Barrel export para blocks
+ */
+export * from "./registry-blocks";
+export * from "./registry-categories";

package/dist/blocks/registry-blocks.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Registry de blocks do Flowtomic
+ *
+ * Segue o schema do shadcn/ui para compatibilidade
+ * Schema: https://ui.shadcn.com/schema/registry-item.json
+ */
+export interface BlockFile {
+    path: string;
+    type: "registry:page" | "registry:component" | "registry:hook" | "registry:lib";
+    target?: string;
+}
+export interface Block {
+    name: string;
+    author: string;
+    title: string;
+    description: string;
+    type: "registry:block";
+    registryDependencies?: string[];
+    dependencies?: string[];
+    files: BlockFile[];
+    categories: string[];
+}
+/**
+ * Lista de blocks disponíveis
+ */
+export declare const blocks: Block[];
+/**
+ * Busca um block pelo nome
+ */
+export declare function findBlock(name: string): Block | null;
+/**
+ * Lista todos os blocks
+ */
+export declare function listBlocks(): Block[];
+/**
+ * Lista blocks por categoria
+ */
+export declare function listBlocksByCategory(category: string): Block[];
+/**
+ * Lista todas as categorias disponíveis
+ */
+export declare function listCategories(): string[];
+//# sourceMappingURL=registry-blocks.d.ts.map

package/dist/blocks/registry-blocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry-blocks.d.ts","sourceRoot":"","sources":["../../src/blocks/registry-blocks.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,GAAG,oBAAoB,GAAG,eAAe,GAAG,cAAc,CAAC;IAChF,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,gBAAgB,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,EAmBzB,CAAC;AAEF;;GAEG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,CAEpD;AAED;;GAEG;AACH,wBAAgB,UAAU,IAAI,KAAK,EAAE,CAEpC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,KAAK,EAAE,CAE9D;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,MAAM,EAAE,CAQzC"}

package/dist/blocks/registry-blocks.js

@@ -0,0 +1,59 @@
+/**
+ * Registry de blocks do Flowtomic
+ *
+ * Segue o schema do shadcn/ui para compatibilidade
+ * Schema: https://ui.shadcn.com/schema/registry-item.json
+ */
+/**
+ * Lista de blocks disponíveis
+ */
+export const blocks = [
+// Exemplo de block - pode ser removido quando houver blocks reais
+// {
+//   name: "dashboard-01",
+//   author: "flowtomic (https://flowtomic.dev)",
+//   title: "Dashboard",
+//   description: "Um dashboard simples com componentes do Flowtomic.",
+//   type: "registry:block",
+//   registryDependencies: ["card", "button", "input"],
+//   dependencies: [],
+//   files: [
+//     {
+//       path: "blocks/dashboard-01/page.tsx",
+//       type: "registry:page",
+//       target: "app/dashboard/page.tsx",
+//     },
+//   ],
+//   categories: ["dashboard"],
+// },
+];
+/**
+ * Busca um block pelo nome
+ */
+export function findBlock(name) {
+    return blocks.find((b) => b.name === name) || null;
+}
+/**
+ * Lista todos os blocks
+ */
+export function listBlocks() {
+    return blocks;
+}
+/**
+ * Lista blocks por categoria
+ */
+export function listBlocksByCategory(category) {
+    return blocks.filter((b) => b.categories.includes(category));
+}
+/**
+ * Lista todas as categorias disponíveis
+ */
+export function listCategories() {
+    const categories = new Set();
+    for (const b of blocks) {
+        for (const c of b.categories) {
+            categories.add(c);
+        }
+    }
+    return Array.from(categories).sort();
+}

package/dist/blocks/registry-categories.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Categorias de blocks disponíveis
+ */
+export interface BlockCategory {
+    name: string;
+    slug: string;
+    hidden?: boolean;
+}
+export declare const registryCategories: BlockCategory[];
+//# sourceMappingURL=registry-categories.d.ts.map

package/dist/blocks/registry-categories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry-categories.d.ts","sourceRoot":"","sources":["../../src/blocks/registry-categories.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAqB7C,CAAC"}

package/dist/blocks/registry-categories.js

@@ -0,0 +1,25 @@
+/**
+ * Categorias de blocks disponíveis
+ */
+export const registryCategories = [
+    {
+        name: "Dashboard",
+        slug: "dashboard",
+        hidden: false,
+    },
+    {
+        name: "Authentication",
+        slug: "authentication",
+        hidden: false,
+    },
+    {
+        name: "Marketing",
+        slug: "marketing",
+        hidden: false,
+    },
+    {
+        name: "Application",
+        slug: "application",
+        hidden: false,
+    },
+];

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/actions/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,aAAa;;;8EA0BlB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,KAAK,mFAQV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/atoms/actions/badge/badge.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import React from "react";
+import { cn } from "@/lib/utils";
+const badgeVariants = cva("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+            secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+            outline: "text-foreground hover:bg-accent/10",
+            success: "border-transparent bg-green-500 text-white hover:bg-green-600",
+            warning: "border-transparent bg-yellow-500 text-white hover:bg-yellow-600",
+            info: "border-transparent bg-blue-500 text-white hover:bg-blue-600",
+        },
+        size: {
+            sm: "px-2 py-0.5 text-xs",
+            md: "px-2.5 py-0.5 text-xs",
+            lg: "px-3 py-1 text-sm",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+    },
+});
+const Badge = React.forwardRef(({ className, variant, size, children, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn(badgeVariants({ variant, size }), className), ...props, children: children }));
+});
+Badge.displayName = "Badge";
+export { Badge, badgeVariants };

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

@@ -0,0 +1,3 @@
+export type { BadgeProps } from "./badge";
+export { Badge, badgeVariants } from "./badge";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/actions/badge/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/atoms/actions/badge/index.js

@@ -0,0 +1 @@
+export { Badge, badgeVariants } from "./badge";

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/actions/button/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAgC,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc;;;8EA+BnB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC,EACvE,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,QAAA,MAAM,MAAM,uFA6BX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}