@flowtomic/ui 0.1.0 → 0.1.1

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/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" | "destructive" | "outline" | "secondary" | "success" | "info" | "warning" | null | undefined;
+    size?: "sm" | "lg" | "md" | 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" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "success" | "info" | "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,uFA8BX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { motion } from "motion/react";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+            destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+            outline: "border border-input bg-background text-foreground shadow-sm hover:bg-accent hover:text-accent-foreground",
+            secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+            ghost: "text-foreground hover:bg-accent hover:text-accent-foreground",
+            link: "text-primary underline-offset-4 hover:underline",
+            success: "bg-success text-success-foreground shadow-sm hover:bg-success-hover",
+            info: "bg-accent text-accent-foreground shadow-sm hover:bg-accent-hover",
+            natural: "bg-background text-foreground border border-input shadow-sm hover:bg-accent hover:text-accent-foreground",
+        },
+        size: {
+            default: "h-9 px-4 py-2",
+            sm: "h-8 rounded-md px-3 text-xs",
+            lg: "h-10 rounded-md px-8",
+            icon: "h-9 w-9",
+            "icon-sm": "size-8",
+            "icon-lg": "size-10",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+const Button = React.forwardRef(({ className, variant, size, asChild = false, animated = false, transition, ...props }, ref) => {
+    const Comp = asChild ? Slot : animated ? motion.button : "button";
+    const baseClassName = cn(buttonVariants({ variant, size, className }));
+    if (animated && !asChild) {
+        const { onDrag, ...motionProps } = props;
+        return (_jsx(motion.button, { ref: ref, className: baseClassName, whileHover: { scale: 1.02 }, whileTap: { scale: 0.98 }, transition: transition || {
+                type: "spring",
+                stiffness: 400,
+                damping: 17,
+            }, ...motionProps }));
+    }
+    if (asChild) {
+        return _jsx(Slot, { className: baseClassName, ref: ref, ...props });
+    }
+    return _jsx("button", { className: baseClassName, ref: ref, ...props });
+});
+Button.displayName = "Button";
+export { Button, buttonVariants };

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

@@ -0,0 +1,3 @@
+export type { ButtonProps } from "./button";
+export { Button, buttonVariants } from "./button";
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1 @@
+export { Button, buttonVariants } from "./button";

package/dist/components/atoms/actions/context-menu/context-menu.d.ts

@@ -0,0 +1,86 @@
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import type * as React from "react";
+export type ContextMenuProps = React.ComponentProps<typeof ContextMenuPrimitive.Root>;
+declare function ContextMenu(props: ContextMenuProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenu {
+    var displayName: string;
+}
+export type ContextMenuTriggerProps = React.ComponentProps<typeof ContextMenuPrimitive.Trigger>;
+declare function ContextMenuTrigger(props: ContextMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenuTrigger {
+    var displayName: string;
+}
+export type ContextMenuGroupProps = React.ComponentProps<typeof ContextMenuPrimitive.Group>;
+declare function ContextMenuGroup(props: ContextMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenuGroup {
+    var displayName: string;
+}
+export type ContextMenuPortalProps = React.ComponentProps<typeof ContextMenuPrimitive.Portal>;
+declare function ContextMenuPortal(props: ContextMenuPortalProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenuPortal {
+    var displayName: string;
+}
+export type ContextMenuSubProps = React.ComponentProps<typeof ContextMenuPrimitive.Sub>;
+declare function ContextMenuSub(props: ContextMenuSubProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenuSub {
+    var displayName: string;
+}
+export type ContextMenuRadioGroupProps = React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>;
+declare function ContextMenuRadioGroup(props: ContextMenuRadioGroupProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenuRadioGroup {
+    var displayName: string;
+}
+export interface ContextMenuSubTriggerProps extends React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> {
+    inset?: boolean;
+}
+declare function ContextMenuSubTrigger({ className, inset, children, ...props }: ContextMenuSubTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenuSubTrigger {
+    var displayName: string;
+}
+export type ContextMenuSubContentProps = React.ComponentProps<typeof ContextMenuPrimitive.SubContent>;
+declare function ContextMenuSubContent({ className, ...props }: ContextMenuSubContentProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenuSubContent {
+    var displayName: string;
+}
+export type ContextMenuContentProps = React.ComponentProps<typeof ContextMenuPrimitive.Content>;
+declare function ContextMenuContent({ className, ...props }: ContextMenuContentProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenuContent {
+    var displayName: string;
+}
+export interface ContextMenuItemProps extends React.ComponentProps<typeof ContextMenuPrimitive.Item> {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}
+declare function ContextMenuItem({ className, inset, variant, ...props }: ContextMenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenuItem {
+    var displayName: string;
+}
+export type ContextMenuCheckboxItemProps = React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>;
+declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: ContextMenuCheckboxItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenuCheckboxItem {
+    var displayName: string;
+}
+export type ContextMenuRadioItemProps = React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>;
+declare function ContextMenuRadioItem({ className, children, ...props }: ContextMenuRadioItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenuRadioItem {
+    var displayName: string;
+}
+export interface ContextMenuLabelProps extends React.ComponentProps<typeof ContextMenuPrimitive.Label> {
+    inset?: boolean;
+}
+declare function ContextMenuLabel({ className, inset, ...props }: ContextMenuLabelProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenuLabel {
+    var displayName: string;
+}
+export type ContextMenuSeparatorProps = React.ComponentProps<typeof ContextMenuPrimitive.Separator>;
+declare function ContextMenuSeparator({ className, ...props }: ContextMenuSeparatorProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenuSeparator {
+    var displayName: string;
+}
+export type ContextMenuShortcutProps = React.ComponentProps<"span">;
+declare function ContextMenuShortcut({ className, ...props }: ContextMenuShortcutProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenuShortcut {
+    var displayName: string;
+}
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };
+//# sourceMappingURL=context-menu.d.ts.map

package/dist/components/atoms/actions/context-menu/context-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/actions/context-menu/context-menu.tsx"],"names":[],"mappings":"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"}