@flowtomic/ui 0.1.0 → 0.1.2

package/dist/components/atoms/display/table/table.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Table Component - Flowtomic UI
+ *
+ * Componente Table próprio do design-system
+ * Implementação completa sem dependências externas
+ */
+import * as React from "react";
+import { cn } from "@/lib/utils";
+/**
+ * Table - Container principal da tabela
+ */
+const Table = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: _jsx("table", { ref: ref, "data-slot": "table", className: cn("w-full caption-bottom text-sm", className), ...props }) }));
+});
+Table.displayName = "Table";
+/**
+ * TableHeader - Cabeçalho da tabela
+ */
+const TableHeader = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx("thead", { ref: ref, "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props }));
+});
+TableHeader.displayName = "TableHeader";
+/**
+ * TableBody - Corpo da tabela
+ */
+const TableBody = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx("tbody", { ref: ref, "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className), ...props }));
+});
+TableBody.displayName = "TableBody";
+/**
+ * TableFooter - Rodapé da tabela
+ */
+const TableFooter = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx("tfoot", { ref: ref, "data-slot": "table-footer", className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
+});
+TableFooter.displayName = "TableFooter";
+/**
+ * TableRow - Linha da tabela
+ */
+const TableRow = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx("tr", { ref: ref, "data-slot": "table-row", className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className), ...props }));
+});
+TableRow.displayName = "TableRow";
+/**
+ * TableHead - Cabeçalho de célula
+ */
+const TableHead = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx("th", { ref: ref, "data-slot": "table-head", className: cn("h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", className), ...props }));
+});
+TableHead.displayName = "TableHead";
+/**
+ * TableCell - Célula da tabela
+ */
+const TableCell = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx("td", { ref: ref, "data-slot": "table-cell", className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props }));
+});
+TableCell.displayName = "TableCell";
+/**
+ * TableCaption - Legenda da tabela
+ */
+const TableCaption = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx("caption", { ref: ref, "data-slot": "table-caption", className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+});
+TableCaption.displayName = "TableCaption";
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };

package/dist/components/atoms/feedback/alert/alert.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Alert Component - Flowtomic UI
+ *
+ * Componente Alert próprio do design-system
+ * Implementação padronizada seguindo os padrões do design system
+ *
+ * Variantes disponíveis:
+ * - default: Estilo padrão neutro
+ * - destructive: Para erros e ações destrutivas (ex: "Erro", "Falha")
+ * - success: Para mensagens de sucesso
+ * - warning: Para avisos e alertas (ex: "Atenção", "Aviso")
+ * - info: Para informações gerais
+ */
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+}
+/**
+ * Alert - Container principal do alert
+ */
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+export type AlertTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
+/**
+ * AlertTitle - Título do alert
+ */
+declare const AlertTitle: React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<HTMLParagraphElement>>;
+export type AlertDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
+/**
+ * AlertDescription - Descrição do alert
+ */
+declare const AlertDescription: React.ForwardRefExoticComponent<AlertDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+export { Alert, AlertTitle, AlertDescription };
+//# sourceMappingURL=alert.d.ts.map

package/dist/components/atoms/feedback/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/feedback/alert/alert.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,aAAa;;8EAmBlB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC;;GAEG;AACH,QAAA,MAAM,KAAK,mFAIV,CAAC;AAGF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvE;;GAEG;AACH,QAAA,MAAM,UAAU,8FAQf,CAAC;AAGF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAE/E;;GAEG;AACH,QAAA,MAAM,gBAAgB,oGAIrB,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/atoms/feedback/alert/alert.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Alert Component - Flowtomic UI
+ *
+ * Componente Alert próprio do design-system
+ * Implementação padronizada seguindo os padrões do design system
+ *
+ * Variantes disponíveis:
+ * - default: Estilo padrão neutro
+ * - destructive: Para erros e ações destrutivas (ex: "Erro", "Falha")
+ * - success: Para mensagens de sucesso
+ * - warning: Para avisos e alertas (ex: "Atenção", "Aviso")
+ * - info: Para informações gerais
+ */
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+const alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", {
+    variants: {
+        variant: {
+            default: "bg-background text-foreground border-border",
+            destructive: "border-destructive/60 text-destructive-foreground dark:text-destructive [&>svg]:text-destructive bg-destructive/10 dark:bg-destructive/20",
+            success: "border-success/60 text-success-foreground dark:text-success [&>svg]:text-success bg-success/10 dark:bg-success/20",
+            warning: "border-warning/60 text-warning-foreground dark:text-warning [&>svg]:text-warning bg-warning/10 dark:bg-warning/20",
+            info: "border-info/60 text-info-foreground dark:text-info [&>svg]:text-info bg-info/10 dark:bg-info/20",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+/**
+ * Alert - Container principal do alert
+ */
+const Alert = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx("div", { ref: ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props })));
+Alert.displayName = "Alert";
+/**
+ * AlertTitle - Título do alert
+ */
+const AlertTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h5", { ref: ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })));
+AlertTitle.displayName = "AlertTitle";
+/**
+ * AlertDescription - Descrição do alert
+ */
+const AlertDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })));
+AlertDescription.displayName = "AlertDescription";
+export { Alert, AlertTitle, AlertDescription };

package/dist/components/atoms/feedback/alert/index.d.ts

@@ -0,0 +1,3 @@
+export type { AlertDescriptionProps, AlertProps, AlertTitleProps } from "./alert";
+export { Alert, AlertDescription, AlertTitle } from "./alert";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/feedback/alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/feedback/alert/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAClF,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/atoms/feedback/alert/index.js

@@ -0,0 +1 @@
+export { Alert, AlertDescription, AlertTitle } from "./alert";

package/dist/components/atoms/feedback/alert-dialog/alert-dialog.d.ts

@@ -0,0 +1,106 @@
+/**
+ * AlertDialog Component - Flowtomic UI
+ *
+ * Componente AlertDialog próprio do design-system baseado em Radix UI
+ * Implementação direta sem dependência de componentes externos
+ * Usado para confirmações e alertas críticos que requerem ação do usuário
+ *
+ * Melhorias:
+ * - Animações 3D com perspectiva quando animation="3d"
+ * - Backdrop blur opcional
+ * - Mantém compatibilidade total com código existente
+ */
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+export type AlertDialogProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Root>;
+export type AlertDialogTriggerProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Trigger>;
+/**
+ * Variantes de animação para AlertDialogContent
+ */
+declare const alertDialogContentVariants: (props?: ({
+    animation?: "bottom" | "left" | "right" | "top" | "center" | "depth" | "3d" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type AlertDialogContentProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & VariantProps<typeof alertDialogContentVariants> & {
+    /**
+     * Habilita backdrop blur (apenas para animation="3d")
+     */
+    backdropBlur?: boolean;
+    /**
+     * Mostra botão de fechar no canto superior direito (apenas para animation="3d")
+     */
+    showCloseButton?: boolean;
+};
+export type AlertDialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+export type AlertDialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
+export type AlertDialogTitleProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>;
+export type AlertDialogDescriptionProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>;
+export type AlertDialogActionProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>;
+export type AlertDialogCancelProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>;
+/**
+ * AlertDialog - Container principal do alert dialog
+ */
+declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+/**
+ * AlertDialogTrigger - Trigger do alert dialog
+ */
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * AlertDialogPortal - Portal do alert dialog
+ */
+declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+/**
+ * AlertDialogOverlay - Overlay do alert dialog
+ * Suporta backdrop blur quando animation="3d"
+ */
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    backdropBlur?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * AlertDialogContent - Conteúdo do alert dialog
+ * Suporta animações 3D quando animation="3d"
+ */
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    animation?: "bottom" | "left" | "right" | "top" | "center" | "depth" | "3d" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    /**
+     * Habilita backdrop blur (apenas para animation="3d")
+     */
+    backdropBlur?: boolean;
+    /**
+     * Mostra botão de fechar no canto superior direito (apenas para animation="3d")
+     */
+    showCloseButton?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * AlertDialogHeader - Cabeçalho do alert dialog
+ */
+declare const AlertDialogHeader: {
+    ({ className, ...props }: AlertDialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * AlertDialogFooter - Rodapé do alert dialog
+ */
+declare const AlertDialogFooter: {
+    ({ className, ...props }: AlertDialogFooterProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * AlertDialogTitle - Título do alert dialog
+ */
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * AlertDialogDescription - Descrição do alert dialog
+ */
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * AlertDialogAction - Botão de ação do alert dialog
+ */
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * AlertDialogCancel - Botão de cancelar do alert dialog
+ */
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, alertDialogContentVariants, };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/atoms/feedback/alert-dialog/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/feedback/alert-dialog/alert-dialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;AAChG,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAClE,OAAO,oBAAoB,CAAC,OAAO,CACpC,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,0BAA0B;;8EAqB/B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAClE,OAAO,oBAAoB,CAAC,OAAO,CACpC,GACC,YAAY,CAAC,OAAO,0BAA0B,CAAC,GAAG;IAChD;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEJ,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAC1E,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAC1E,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAChE,OAAO,oBAAoB,CAAC,KAAK,CAClC,CAAC;AACF,MAAM,MAAM,2BAA2B,GAAG,KAAK,CAAC,wBAAwB,CACtE,OAAO,oBAAoB,CAAC,WAAW,CACxC,CAAC;AACF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CACjE,OAAO,oBAAoB,CAAC,MAAM,CACnC,CAAC;AACF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CACjE,OAAO,oBAAoB,CAAC,MAAM,CACnC,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,WAAW,iDAA4B,CAAC;AAG9C;;GAEG;AACH,QAAA,MAAM,kBAAkB,wHAA+B,CAAC;AAGxD;;GAEG;AACH,QAAA,MAAM,iBAAiB,uDAA8B,CAAC;AAGtD;;;GAGG;AACH,QAAA,MAAM,kBAAkB;mBAGL,OAAO;wCA6BxB,CAAC;AAGH;;;GAGG;AACH,QAAA,MAAM,kBAAkB;;;IAtFpB;;OAEG;mBACY,OAAO;IACtB;;OAEG;sBACe,OAAO;wCA8I5B,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,iBAAiB;8BAA6B,sBAAsB;;CAEzE,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,iBAAiB;8BAA6B,sBAAsB;;CAKzE,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,gBAAgB,8KASpB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,sBAAsB,wLAS1B,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,iBAAiB,6KAKrB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,iBAAiB,6KASrB,CAAC;AAGH,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,0BAA0B,GAC3B,CAAC"}

package/dist/components/atoms/feedback/alert-dialog/alert-dialog.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * AlertDialog Component - Flowtomic UI
+ *
+ * Componente AlertDialog próprio do design-system baseado em Radix UI
+ * Implementação direta sem dependência de componentes externos
+ * Usado para confirmações e alertas críticos que requerem ação do usuário
+ *
+ * Melhorias:
+ * - Animações 3D com perspectiva quando animation="3d"
+ * - Backdrop blur opcional
+ * - Mantém compatibilidade total com código existente
+ */
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { cva } from "class-variance-authority";
+import { X } from "lucide-react";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+import { buttonVariants } from "../../actions/button/button";
+import { Animated3D } from "../../animation/animated-3d";
+import { BackdropBlur } from "../../animation/backdrop-blur";
+/**
+ * Variantes de animação para AlertDialogContent
+ */
+const alertDialogContentVariants = cva("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-border bg-background text-foreground p-6 shadow-lg dark:shadow-xl duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 sm:rounded-lg", {
+    variants: {
+        animation: {
+            depth: "data-[state=closed]:zoom-out-75 data-[state=open]:zoom-in-95 data-[state=closed]:opacity-0 data-[state=open]:opacity-100",
+            bottom: "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+            top: "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+            left: "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+            right: "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-right-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-right-1/2 data-[state=open]:slide-in-from-top-[48%]",
+            center: "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+            "3d": "", // Animações 3D são aplicadas via Framer Motion
+        },
+    },
+    defaultVariants: {
+        animation: "depth",
+    },
+});
+/**
+ * AlertDialog - Container principal do alert dialog
+ */
+const AlertDialog = AlertDialogPrimitive.Root;
+AlertDialog.displayName = "AlertDialog";
+/**
+ * AlertDialogTrigger - Trigger do alert dialog
+ */
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+AlertDialogTrigger.displayName = "AlertDialogTrigger";
+/**
+ * AlertDialogPortal - Portal do alert dialog
+ */
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+AlertDialogPortal.displayName = "AlertDialogPortal";
+/**
+ * AlertDialogOverlay - Overlay do alert dialog
+ * Suporta backdrop blur quando animation="3d"
+ */
+const AlertDialogOverlay = React.forwardRef(({ className, backdropBlur = false, ...props }, ref) => {
+    const isOpen = props["data-state"] === "open";
+    // Se backdropBlur estiver ativado, use componente BackdropBlur
+    if (backdropBlur) {
+        return (_jsxs(_Fragment, { children: [_jsx(BackdropBlur, { isOpen: isOpen }), _jsx(AlertDialogPrimitive.Overlay, { className: cn("fixed inset-0 z-50 bg-black/80 dark:bg-black/90", className), ...props, ref: ref })] }));
+    }
+    return (_jsx(AlertDialogPrimitive.Overlay, { className: cn("fixed inset-0 z-50 bg-black/80 dark:bg-black/90 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props, ref: ref }));
+});
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+/**
+ * AlertDialogContent - Conteúdo do alert dialog
+ * Suporta animações 3D quando animation="3d"
+ */
+const AlertDialogContent = React.forwardRef(({ className, animation, backdropBlur = false, showCloseButton = false, children, ...props }, ref) => {
+    const is3D = animation === "3d";
+    const isOpen = props["data-state"] === "open";
+    const contentRef = React.useRef(null);
+    // Merge refs
+    React.useImperativeHandle(ref, () => contentRef.current, []);
+    const content = (_jsxs(AlertDialogPrimitive.Content, { ref: contentRef, className: cn(alertDialogContentVariants({ animation }), is3D && "opacity-0", // Desabilita animações CSS para 3D - Framer Motion controla
+        className), ...props, children: [showCloseButton && is3D && (_jsx(AlertDialogPrimitive.Cancel, { asChild: true, children: _jsxs("button", { type: "button", className: "absolute top-4 right-4 group z-50 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", "aria-label": "Fechar", children: [_jsx(X, { className: "h-4 w-4 text-foreground group-hover:scale-125 group-hover:rotate-3 transition duration-200" }), _jsx("span", { className: "sr-only", children: "Fechar" })] }) })), children] }));
+    // Se for animação 3D, use componente Animated3D
+    if (is3D) {
+        return (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, { backdropBlur: backdropBlur, ...props }), _jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4 pointer-events-none", children: _jsx(Animated3D, { isOpen: isOpen, className: "w-full max-w-lg pointer-events-auto", children: content }) })] }));
+    }
+    // Animação padrão (CSS-based)
+    return (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, { backdropBlur: backdropBlur, ...props }), content] }));
+});
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+/**
+ * AlertDialogHeader - Cabeçalho do alert dialog
+ */
+const AlertDialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props }));
+AlertDialogHeader.displayName = "AlertDialogHeader";
+/**
+ * AlertDialogFooter - Rodapé do alert dialog
+ */
+const AlertDialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props }));
+AlertDialogFooter.displayName = "AlertDialogFooter";
+/**
+ * AlertDialogTitle - Título do alert dialog
+ */
+const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Title, { ref: ref, className: cn("text-lg font-semibold", className), ...props })));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+/**
+ * AlertDialogDescription - Descrição do alert dialog
+ */
+const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Description, { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+/**
+ * AlertDialogAction - Botão de ação do alert dialog
+ */
+const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Action, { ref: ref, className: cn(buttonVariants(), className), ...props })));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+/**
+ * AlertDialogCancel - Botão de cancelar do alert dialog
+ */
+const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Cancel, { ref: ref, className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className), ...props })));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, alertDialogContentVariants, };

package/dist/components/atoms/feedback/alert-dialog/index.d.ts

@@ -0,0 +1,3 @@
+export type { AlertDialogActionProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogDescriptionProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTitleProps, AlertDialogTriggerProps, } from "./alert-dialog";
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, alertDialogContentVariants, } from "./alert-dialog";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/feedback/alert-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/feedback/alert-dialog/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,EACvB,2BAA2B,EAC3B,sBAAsB,EACtB,sBAAsB,EACtB,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,0BAA0B,GAC3B,MAAM,gBAAgB,CAAC"}

package/dist/components/atoms/feedback/alert-dialog/index.js

@@ -0,0 +1 @@
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, alertDialogContentVariants, } from "./alert-dialog";

package/dist/components/atoms/feedback/dialog/dialog.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Dialog Component - Flowtomic UI
+ *
+ * Componente Dialog próprio do design-system baseado em Radix UI
+ * Implementação direta sem dependência de componentes externos
+ */
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+export type DialogProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
+export type DialogTriggerProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;
+export type DialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;
+export type DialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+export type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
+export type DialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
+export type DialogDescriptionProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
+/**
+ * Dialog - Container principal do dialog
+ */
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+/**
+ * DialogTrigger - Trigger do dialog
+ */
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * DialogPortal - Portal do dialog
+ */
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+/**
+ * DialogClose - Botão de fechar do dialog
+ */
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * DialogOverlay - Overlay do dialog
+ */
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * DialogContent - Conteúdo do dialog
+ */
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * DialogHeader - Cabeçalho do dialog
+ */
+declare const DialogHeader: {
+    ({ className, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * DialogFooter - Rodapé do dialog
+ */
+declare const DialogFooter: {
+    ({ className, ...props }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * DialogTitle - Título do dialog
+ */
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * DialogDescription - Descrição do dialog
+ */
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
+//# sourceMappingURL=dialog.d.ts.map

package/dist/components/atoms/feedback/dialog/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/feedback/dialog/dialog.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AACtF,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC;AAChG,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC;AAChG,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AACrE,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AACrE,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAC5F,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CACjE,OAAO,eAAe,CAAC,WAAW,CACnC,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAGpC;;GAEG;AACH,QAAA,MAAM,aAAa,8GAA0B,CAAC;AAG9C;;GAEG;AACH,QAAA,MAAM,YAAY,6CAAyB,CAAC;AAG5C;;GAEG;AACH,QAAA,MAAM,WAAW,4GAAwB,CAAC;AAG1C;;GAEG;AACH,QAAA,MAAM,aAAa,8JAYjB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,aAAa,8JAqBjB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,YAAY;8BAA6B,iBAAiB;;CAE/D,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,YAAY;8BAA6B,iBAAiB;;CAK/D,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,WAAW,oKASf,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,iBAAiB,8KASrB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAC"}

package/dist/components/atoms/feedback/dialog/dialog.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Dialog Component - Flowtomic UI
+ *
+ * Componente Dialog próprio do design-system baseado em Radix UI
+ * Implementação direta sem dependência de componentes externos
+ */
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+/**
+ * Dialog - Container principal do dialog
+ */
+const Dialog = DialogPrimitive.Root;
+Dialog.displayName = "Dialog";
+/**
+ * DialogTrigger - Trigger do dialog
+ */
+const DialogTrigger = DialogPrimitive.Trigger;
+DialogTrigger.displayName = "DialogTrigger";
+/**
+ * DialogPortal - Portal do dialog
+ */
+const DialogPortal = DialogPrimitive.Portal;
+DialogPortal.displayName = "DialogPortal";
+/**
+ * DialogClose - Botão de fechar do dialog
+ */
+const DialogClose = DialogPrimitive.Close;
+DialogClose.displayName = "DialogClose";
+/**
+ * DialogOverlay - Overlay do dialog
+ */
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props })));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+/**
+ * DialogContent - Conteúdo do dialog
+ */
+const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className), ...props, children: [children, _jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
+DialogContent.displayName = "DialogContent";
+/**
+ * DialogHeader - Cabeçalho do dialog
+ */
+const DialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props }));
+DialogHeader.displayName = "DialogHeader";
+/**
+ * DialogFooter - Rodapé do dialog
+ */
+const DialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props }));
+DialogFooter.displayName = "DialogFooter";
+/**
+ * DialogTitle - Título do dialog
+ */
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { ref: ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props })));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+/**
+ * DialogDescription - Descrição do dialog
+ */
+const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Description, { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/components/atoms/feedback/dialog/index.d.ts

@@ -0,0 +1,3 @@
+export type { DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogProps, DialogTitleProps, DialogTriggerProps, } from "./dialog";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./dialog";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/feedback/dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/feedback/dialog/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,UAAU,CAAC"}

package/dist/components/atoms/feedback/dialog/index.js

@@ -0,0 +1 @@
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./dialog";

package/dist/components/atoms/feedback/hover-card/hover-card.d.ts

@@ -0,0 +1,24 @@
+/**
+ * HoverCard Component - Flowtomic UI
+ *
+ * Componente HoverCard baseado em Radix UI
+ */
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import * as React from "react";
+export type HoverCardProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root>;
+export type HoverCardTriggerProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Trigger>;
+export type HoverCardContentProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>;
+/**
+ * HoverCard - Container principal do hover card
+ */
+declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
+/**
+ * HoverCardTrigger - Trigger do hover card
+ */
+declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+/**
+ * HoverCardContent - Conteúdo do hover card
+ */
+declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { HoverCard, HoverCardTrigger, HoverCardContent };
+//# sourceMappingURL=hover-card.d.ts.map

package/dist/components/atoms/feedback/hover-card/hover-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/feedback/hover-card/hover-card.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,kBAAkB,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAC5F,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAChE,OAAO,kBAAkB,CAAC,OAAO,CAClC,CAAC;AACF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAChE,OAAO,kBAAkB,CAAC,OAAO,CAClC,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,SAAS,6CAA0B,CAAC;AAG1C;;GAEG;AACH,QAAA,MAAM,gBAAgB,oHAA6B,CAAC;AAGpD;;GAEG;AACH,QAAA,MAAM,gBAAgB,oKAcpB,CAAC;AAGH,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/atoms/feedback/hover-card/hover-card.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * HoverCard Component - Flowtomic UI
+ *
+ * Componente HoverCard baseado em Radix UI
+ */
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+/**
+ * HoverCard - Container principal do hover card
+ */
+const HoverCard = HoverCardPrimitive.Root;
+HoverCard.displayName = "HoverCard";
+/**
+ * HoverCardTrigger - Trigger do hover card
+ */
+const HoverCardTrigger = HoverCardPrimitive.Trigger;
+HoverCardTrigger.displayName = "HoverCardTrigger";
+/**
+ * HoverCardContent - Conteúdo do hover card
+ */
+const HoverCardContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => (_jsx(HoverCardPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn("z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props })));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/components/atoms/feedback/hover-card/index.d.ts

@@ -0,0 +1,3 @@
+export type { HoverCardContentProps, HoverCardProps, HoverCardTriggerProps, } from "./hover-card";
+export { HoverCard, HoverCardContent, HoverCardTrigger } from "./hover-card";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/feedback/hover-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/feedback/hover-card/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,qBAAqB,EACrB,cAAc,EACd,qBAAqB,GACtB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/atoms/feedback/hover-card/index.js

@@ -0,0 +1 @@
+export { HoverCard, HoverCardContent, HoverCardTrigger } from "./hover-card";