@flowtomic/ui 0.1.0 → 0.1.1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckCircleIcon, ChevronDownIcon, CircleIcon, ClockIcon, WrenchIcon, XCircleIcon, } from "lucide-react";
+import * as React from "react";
+import { isValidElement } from "react";
+import { cn } from "@/lib/utils";
+import { Badge, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, } from "../../../atoms";
+export const Tool = React.forwardRef(({ className, ...props }, ref) => (_jsx(Collapsible, { ref: ref, className: cn("not-prose mb-4 w-full rounded-md border", className), ...props })));
+Tool.displayName = "Tool";
+const getStatusBadge = (status) => {
+    const labels = {
+        "input-streaming": "Pending",
+        "input-available": "Running",
+        "approval-requested": "Awaiting Approval",
+        "approval-responded": "Responded",
+        "output-available": "Completed",
+        "output-error": "Error",
+        "output-denied": "Denied",
+    };
+    const icons = {
+        "input-streaming": _jsx(CircleIcon, { className: "size-4" }),
+        "input-available": _jsx(ClockIcon, { className: "size-4 animate-pulse" }),
+        "approval-requested": _jsx(ClockIcon, { className: "size-4 text-yellow-600" }),
+        "approval-responded": _jsx(CheckCircleIcon, { className: "size-4 text-blue-600" }),
+        "output-available": _jsx(CheckCircleIcon, { className: "size-4 text-green-600" }),
+        "output-error": _jsx(XCircleIcon, { className: "size-4 text-red-600" }),
+        "output-denied": _jsx(XCircleIcon, { className: "size-4 text-orange-600" }),
+    };
+    return (_jsxs(Badge, { className: "gap-1.5 rounded-full text-xs", variant: "secondary", children: [icons[status], labels[status]] }));
+};
+export const ToolHeader = React.forwardRef(({ className, title, type, state, ...props }, ref) => (_jsxs(CollapsibleTrigger, { ref: ref, className: cn("flex w-full items-center justify-between gap-4 p-3", className), ...props, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(WrenchIcon, { className: "size-4 text-muted-foreground" }), _jsx("span", { className: "font-medium text-sm", children: title ?? type.split("-").slice(1).join("-") }), getStatusBadge(state)] }), _jsx(ChevronDownIcon, { className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })] })));
+ToolHeader.displayName = "ToolHeader";
+export const ToolContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(CollapsibleContent, { ref: ref, className: cn("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", className), ...props })));
+ToolContent.displayName = "ToolContent";
+export const ToolInput = React.forwardRef(({ className, input, ...props }, ref) => (_jsxs("div", { ref: ref, className: cn("space-y-2 overflow-hidden p-4", className), ...props, children: [_jsx("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Parameters" }), _jsx("div", { className: "rounded-md bg-muted/50", children: _jsx(CodeBlock, { code: JSON.stringify(input, null, 2), language: "json" }) })] })));
+ToolInput.displayName = "ToolInput";
+export const ToolOutput = React.forwardRef(({ className, output, errorText, ...props }, ref) => {
+    if (!(output || errorText)) {
+        return null;
+    }
+    let Output = _jsx("div", { children: output });
+    if (typeof output === "object" && !isValidElement(output)) {
+        Output = _jsx(CodeBlock, { code: JSON.stringify(output, null, 2), language: "json" });
+    }
+    else if (typeof output === "string") {
+        Output = _jsx(CodeBlock, { code: output, language: "json" });
+    }
+    return (_jsxs("div", { ref: ref, className: cn("space-y-2 p-4", className), ...props, children: [_jsx("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: errorText ? "Error" : "Result" }), _jsxs("div", { className: cn("overflow-x-auto rounded-md text-xs [&_table]:w-full", errorText ? "bg-destructive/10 text-destructive" : "bg-muted/50 text-foreground"), children: [errorText && _jsx("div", { children: errorText }), Output] })] }));
+});
+ToolOutput.displayName = "ToolOutput";

package/dist/components/molecules/feedback/confirmation/confirmation.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Confirmation Component - Flowtomic UI
+ *
+ * Componente de confirmation dialog wrapper
+ */
+import type { ToolUIPart } from "ai";
+import * as React from "react";
+import { type ComponentProps, type ReactNode } from "react";
+import { Alert, AlertDescription, Button } from "../../../atoms";
+type ToolUIPartApproval = {
+    id: string;
+    approved?: never;
+    reason?: never;
+} | {
+    id: string;
+    approved: boolean;
+    reason?: string;
+} | {
+    id: string;
+    approved: true;
+    reason?: string;
+} | {
+    id: string;
+    approved: false;
+    reason?: string;
+} | undefined;
+type ExtendedState = ToolUIPart["state"] | "approval-requested" | "approval-responded" | "output-denied";
+export type ConfirmationProps = ComponentProps<typeof Alert> & {
+    approval?: ToolUIPartApproval;
+    state: ExtendedState;
+};
+export declare const Confirmation: React.ForwardRefExoticComponent<Omit<ConfirmationProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type ConfirmationTitleProps = ComponentProps<typeof AlertDescription>;
+export declare const ConfirmationTitle: React.ForwardRefExoticComponent<Omit<import("../../../atoms").AlertDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export type ConfirmationRequestProps = {
+    children?: ReactNode;
+};
+export declare const ConfirmationRequest: {
+    ({ children }: ConfirmationRequestProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export type ConfirmationAcceptedProps = {
+    children?: ReactNode;
+};
+export declare const ConfirmationAccepted: {
+    ({ children }: ConfirmationAcceptedProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export type ConfirmationRejectedProps = {
+    children?: ReactNode;
+};
+export declare const ConfirmationRejected: {
+    ({ children }: ConfirmationRejectedProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export type ConfirmationActionsProps = ComponentProps<"div">;
+export declare const ConfirmationActions: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type ConfirmationActionProps = ComponentProps<typeof Button>;
+export declare const ConfirmationAction: React.ForwardRefExoticComponent<Omit<import("../../../atoms").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=confirmation.d.ts.map

package/dist/components/molecules/feedback/confirmation/confirmation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmation.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/feedback/confirmation/confirmation.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAEvF,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAEjE,KAAK,kBAAkB,GACnB;IACE,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,IAAI,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,KAAK,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GACD,SAAS,CAAC;AAEd,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,oBAAoB,GAAG,oBAAoB,GAAG,eAAe,CAAC;AAmBzG,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IAC7D,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,KAAK,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,YAAY,uGAYxB,CAAC;AAGF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE7E,eAAO,MAAM,iBAAiB,sLAI7B,CAAC;AAGF,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,mBAAmB;mBAAkB,wBAAwB;;CASzE,CAAC;AAGF,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,oBAAoB;mBAAkB,yBAAyB;;CAY3E,CAAC;AAGF,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,oBAAoB;mBAAkB,yBAAyB;;CAY3E,CAAC;AAGF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE7D,eAAO,MAAM,mBAAmB,mKAiB/B,CAAC;AAGF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEpE,eAAO,MAAM,kBAAkB,sKAE9B,CAAC"}

package/dist/components/molecules/feedback/confirmation/confirmation.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { createContext, useContext } from "react";
+import { cn } from "@/lib/utils";
+import { Alert, AlertDescription, Button } from "../../../atoms";
+const ConfirmationContext = createContext(null);
+const useConfirmation = () => {
+    const context = useContext(ConfirmationContext);
+    if (!context) {
+        throw new Error("Confirmation components must be used within Confirmation");
+    }
+    return context;
+};
+export const Confirmation = React.forwardRef(({ className, approval, state, ...props }, ref) => {
+    if (!approval || state === "input-streaming" || state === "input-available") {
+        return null;
+    }
+    return (_jsx(ConfirmationContext.Provider, { value: { approval, state }, children: _jsx(Alert, { ref: ref, className: cn("flex flex-col gap-2", className), ...props }) }));
+});
+Confirmation.displayName = "Confirmation";
+export const ConfirmationTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDescription, { ref: ref, className: cn("inline", className), ...props })));
+ConfirmationTitle.displayName = "ConfirmationTitle";
+export const ConfirmationRequest = ({ children }) => {
+    const { state } = useConfirmation();
+    // Only show when approval is requested
+    if (state !== "approval-requested") {
+        return null;
+    }
+    return _jsx(_Fragment, { children: children });
+};
+ConfirmationRequest.displayName = "ConfirmationRequest";
+export const ConfirmationAccepted = ({ children }) => {
+    const { approval, state } = useConfirmation();
+    // Only show when approved and in response states
+    if (!approval?.approved ||
+        (state !== "approval-responded" && state !== "output-denied" && state !== "output-available")) {
+        return null;
+    }
+    return _jsx(_Fragment, { children: children });
+};
+ConfirmationAccepted.displayName = "ConfirmationAccepted";
+export const ConfirmationRejected = ({ children }) => {
+    const { approval, state } = useConfirmation();
+    // Only show when rejected and in response states
+    if (approval?.approved !== false ||
+        (state !== "approval-responded" && state !== "output-denied" && state !== "output-available")) {
+        return null;
+    }
+    return _jsx(_Fragment, { children: children });
+};
+ConfirmationRejected.displayName = "ConfirmationRejected";
+export const ConfirmationActions = React.forwardRef(({ className, ...props }, ref) => {
+    const { state } = useConfirmation();
+    // Only show when approval is requested
+    if (state !== "approval-requested") {
+        return null;
+    }
+    return (_jsx("div", { ref: ref, className: cn("flex items-center justify-end gap-2 self-end", className), ...props }));
+});
+ConfirmationActions.displayName = "ConfirmationActions";
+export const ConfirmationAction = React.forwardRef((props, ref) => _jsx(Button, { ref: ref, className: "h-8 px-3 text-sm", type: "button", ...props }));
+ConfirmationAction.displayName = "ConfirmationAction";

package/dist/components/molecules/feedback/confirmation/index.d.ts

@@ -0,0 +1,3 @@
+export type { ConfirmationAcceptedProps, ConfirmationActionProps, ConfirmationActionsProps, ConfirmationProps, ConfirmationRejectedProps, ConfirmationRequestProps, ConfirmationTitleProps, } from "./confirmation";
+export { Confirmation, ConfirmationAccepted, ConfirmationAction, ConfirmationActions, ConfirmationRejected, ConfirmationRequest, ConfirmationTitle, } from "./confirmation";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/feedback/confirmation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/feedback/confirmation/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,yBAAyB,EACzB,uBAAuB,EACvB,wBAAwB,EACxB,iBAAiB,EACjB,yBAAyB,EACzB,wBAAwB,EACxB,sBAAsB,GACvB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,YAAY,EACZ,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,gBAAgB,CAAC"}

package/dist/components/molecules/feedback/confirmation/index.js

@@ -0,0 +1 @@
+export { Confirmation, ConfirmationAccepted, ConfirmationAction, ConfirmationActions, ConfirmationRejected, ConfirmationRequest, ConfirmationTitle, } from "./confirmation";

package/dist/components/molecules/flow/canvas/canvas.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Canvas Component - Flowtomic UI
+ *
+ * Wrapper do ReactFlow do @xyflow/react
+ */
+import { type ReactFlowProps } from "@xyflow/react";
+import type { ReactNode } from "react";
+import "@xyflow/react/dist/style.css";
+export type CanvasProps = ReactFlowProps & {
+    children?: ReactNode;
+};
+export declare const Canvas: ({ children, connectionLineComponent, ...props }: CanvasProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=canvas.d.ts.map

package/dist/components/molecules/flow/canvas/canvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/flow/canvas/canvas.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,8BAA8B,CAAC;AAGtC,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,iDAAiD,WAAW,4CAelF,CAAC"}

package/dist/components/molecules/flow/canvas/canvas.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Canvas Component - Flowtomic UI
+ *
+ * Wrapper do ReactFlow do @xyflow/react
+ */
+import { Background, ReactFlow } from "@xyflow/react";
+import "@xyflow/react/dist/style.css";
+import { Connection } from "../connection";
+export const Canvas = ({ children, connectionLineComponent, ...props }) => (_jsxs(ReactFlow, { deleteKeyCode: ["Backspace", "Delete"], fitView: true, panOnDrag: [1, 2], panOnScroll: true, selectionOnDrag: true, zoomOnDoubleClick: false, nodesDraggable: true, connectionLineComponent: connectionLineComponent ?? Connection, ...props, children: [_jsx(Background, { bgColor: "var(--sidebar)" }), children] }));

package/dist/components/molecules/flow/canvas/index.d.ts

@@ -0,0 +1,2 @@
+export { Canvas, type CanvasProps } from "./canvas";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/flow/canvas/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/flow/canvas/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/molecules/flow/canvas/index.js

@@ -0,0 +1 @@
+export { Canvas } from "./canvas";

package/dist/components/molecules/flow/connection/connection.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Connection Component - Flowtomic UI
+ *
+ * Componente ConnectionLineComponent do @xyflow/react
+ */
+import type { ConnectionLineComponent } from "@xyflow/react";
+export declare const Connection: ConnectionLineComponent;
+//# sourceMappingURL=connection.d.ts.map

package/dist/components/molecules/flow/connection/connection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connection.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/flow/connection/connection.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI7D,eAAO,MAAM,UAAU,EAAE,uBAWxB,CAAC"}

package/dist/components/molecules/flow/connection/connection.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const HALF = 0.5;
+export const Connection = ({ fromX, fromY, toX, toY }) => (_jsxs("g", { children: [_jsx("path", { className: "animated", d: `M${fromX},${fromY} C ${fromX + (toX - fromX) * HALF},${fromY} ${fromX + (toX - fromX) * HALF},${toY} ${toX},${toY}`, fill: "none", stroke: "var(--color-ring)", strokeWidth: 1 }), _jsx("circle", { cx: toX, cy: toY, fill: "#fff", r: 3, stroke: "var(--color-ring)", strokeWidth: 1 })] }));

package/dist/components/molecules/flow/connection/index.d.ts

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

package/dist/components/molecules/flow/connection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/flow/connection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/molecules/flow/connection/index.js

@@ -0,0 +1 @@
+export { Connection } from "./connection";

package/dist/components/molecules/forms/button-group/button-group.d.ts

@@ -0,0 +1,25 @@
+/**
+ * ButtonGroup - Molécula
+ *
+ * Componente composto que agrupa múltiplos botões relacionados
+ * com estilização consistente e suporte a orientação horizontal/vertical
+ */
+import * as React from "react";
+export interface ButtonGroupProps extends React.HTMLAttributes<HTMLFieldSetElement> {
+    orientation?: "horizontal" | "vertical";
+    /**
+     * Se true, força todos os botões a terem a mesma largura
+     * Útil para grupos de botões onde a consistência visual é importante
+     */
+    equalWidth?: boolean;
+}
+declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
+export interface ButtonGroupSeparatorProps extends React.HTMLAttributes<HTMLHRElement> {
+    orientation?: "horizontal" | "vertical";
+}
+declare const ButtonGroupSeparator: React.ForwardRefExoticComponent<ButtonGroupSeparatorProps & React.RefAttributes<HTMLHRElement>>;
+export interface ButtonGroupTextProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ButtonGroupText: React.ForwardRefExoticComponent<ButtonGroupTextProps & React.RefAttributes<HTMLDivElement>>;
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText };
+//# sourceMappingURL=button-group.d.ts.map