@flowtomic/ui 0.1.0 → 0.1.1

package/dist/components/atoms/display/empty/empty.d.ts

@@ -0,0 +1,43 @@
+import { type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+export interface EmptyProps extends React.ComponentProps<"div"> {
+}
+declare function Empty({ className, ...props }: EmptyProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Empty {
+    var displayName: string;
+}
+export interface EmptyHeaderProps extends React.ComponentProps<"div"> {
+}
+declare function EmptyHeader({ className, ...props }: EmptyHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare namespace EmptyHeader {
+    var displayName: string;
+}
+declare const emptyMediaVariants: (props?: ({
+    variant?: "default" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface EmptyMediaProps extends React.ComponentProps<"div">, VariantProps<typeof emptyMediaVariants> {
+}
+declare function EmptyMedia({ className, variant, ...props }: EmptyMediaProps): import("react/jsx-runtime").JSX.Element;
+declare namespace EmptyMedia {
+    var displayName: string;
+}
+export interface EmptyTitleProps extends React.ComponentProps<"div"> {
+}
+declare function EmptyTitle({ className, ...props }: EmptyTitleProps): import("react/jsx-runtime").JSX.Element;
+declare namespace EmptyTitle {
+    var displayName: string;
+}
+export interface EmptyDescriptionProps extends React.ComponentProps<"p"> {
+}
+declare function EmptyDescription({ className, ...props }: EmptyDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare namespace EmptyDescription {
+    var displayName: string;
+}
+export interface EmptyContentProps extends React.ComponentProps<"div"> {
+}
+declare function EmptyContent({ className, ...props }: EmptyContentProps): import("react/jsx-runtime").JSX.Element;
+declare namespace EmptyContent {
+    var displayName: string;
+}
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia };
+//# sourceMappingURL=empty.d.ts.map

package/dist/components/atoms/display/empty/empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/display/empty/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;CAAG;AAElE,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAWjD;kBAXQ,KAAK;;;AAed,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;CAAG;AAExE,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAQ7D;kBARQ,WAAW;;;AAYpB,QAAA,MAAM,kBAAkB;;8EAavB,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EACjC,YAAY,CAAC,OAAO,kBAAkB,CAAC;CAAG;AAE9C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,OAAmB,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAShF;kBATQ,UAAU;;;AAanB,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;CAAG;AAEvE,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAQ3D;kBARQ,UAAU;;;AAYnB,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC;CAAG;AAE3E,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAWvE;kBAXQ,gBAAgB;;;AAezB,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;CAAG;AAEzE,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAW/D;kBAXQ,YAAY;;;AAerB,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC"}

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

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+function Empty({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "empty", className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12", className), ...props }));
+}
+Empty.displayName = "Empty";
+function EmptyHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "empty-header", className: cn("flex max-w-sm flex-col items-center gap-2 text-center", className), ...props }));
+}
+EmptyHeader.displayName = "EmptyHeader";
+const emptyMediaVariants = cva("flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function EmptyMedia({ className, variant = "default", ...props }) {
+    return (_jsx("div", { "data-slot": "empty-icon", "data-variant": variant, className: cn(emptyMediaVariants({ variant, className })), ...props }));
+}
+EmptyMedia.displayName = "EmptyMedia";
+function EmptyTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "empty-title", className: cn("text-lg font-medium tracking-tight", className), ...props }));
+}
+EmptyTitle.displayName = "EmptyTitle";
+function EmptyDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "empty-description", className: cn("text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4", className), ...props }));
+}
+EmptyDescription.displayName = "EmptyDescription";
+function EmptyContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "empty-content", className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className), ...props }));
+}
+EmptyContent.displayName = "EmptyContent";
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia };

package/dist/components/atoms/display/empty/index.d.ts

@@ -0,0 +1,3 @@
+export type { EmptyContentProps, EmptyDescriptionProps, EmptyHeaderProps, EmptyMediaProps, EmptyProps, EmptyTitleProps, } from "./empty";
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, } from "./empty";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/display/empty/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/display/empty/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,eAAe,GAChB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,UAAU,GACX,MAAM,SAAS,CAAC"}

package/dist/components/atoms/display/empty/index.js

@@ -0,0 +1 @@
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, } from "./empty";

package/dist/components/atoms/display/index.d.ts

@@ -0,0 +1,15 @@
+export type { AvatarFallbackProps, AvatarImageProps, AvatarProps } from "./avatar";
+export { Avatar, AvatarFallback, AvatarImage } from "./avatar";
+export type { CardActionProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleProps, } from "./card";
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./card";
+export type { EmptyContentProps, EmptyDescriptionProps, EmptyHeaderProps, EmptyMediaProps, EmptyProps, EmptyTitleProps, } from "./empty";
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, } from "./empty";
+export type { KbdGroupProps, KbdProps } from "./kbd";
+export { Kbd, KbdGroup } from "./kbd";
+export type { SeparatorProps } from "./separator";
+export { Separator } from "./separator";
+export type { SkeletonProps } from "./skeleton";
+export { CardSkeleton, Skeleton, TableSkeleton } from "./skeleton";
+export type { TableBodyProps, TableCaptionProps, TableCellProps, TableFooterProps, TableHeaderProps, TableHeadProps, TableProps, TableRowProps, } from "./table";
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from "./table";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/display/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/display/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACnF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/D,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,SAAS,EACT,cAAc,GACf,MAAM,QAAQ,CAAC;AAChB,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,MAAM,QAAQ,CAAC;AAChB,YAAY,EACV,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,eAAe,GAChB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,UAAU,GACX,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACnE,YAAY,EACV,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,aAAa,GACd,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,GACT,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,7 @@
+export { Avatar, AvatarFallback, AvatarImage } from "./avatar";
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./card";
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, } from "./empty";
+export { Kbd, KbdGroup } from "./kbd";
+export { Separator } from "./separator";
+export { CardSkeleton, Skeleton, TableSkeleton } from "./skeleton";
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from "./table";

package/dist/components/atoms/display/kbd/index.d.ts

@@ -0,0 +1,3 @@
+export type { KbdGroupProps, KbdProps } from "./kbd";
+export { Kbd, KbdGroup } from "./kbd";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/display/kbd/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/display/kbd/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC"}

package/dist/components/atoms/display/kbd/index.js

@@ -0,0 +1 @@
+export { Kbd, KbdGroup } from "./kbd";

package/dist/components/atoms/display/kbd/kbd.d.ts

@@ -0,0 +1,15 @@
+import type * as React from "react";
+export interface KbdProps extends React.ComponentProps<"kbd"> {
+}
+declare function Kbd({ className, ...props }: KbdProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Kbd {
+    var displayName: string;
+}
+export interface KbdGroupProps extends React.ComponentProps<"div"> {
+}
+declare function KbdGroup({ className, ...props }: KbdGroupProps): import("react/jsx-runtime").JSX.Element;
+declare namespace KbdGroup {
+    var displayName: string;
+}
+export { Kbd, KbdGroup };
+//# sourceMappingURL=kbd.d.ts.map

package/dist/components/atoms/display/kbd/kbd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/display/kbd/kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;CAAG;AAEhE,iBAAS,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,2CAa7C;kBAbQ,GAAG;;;AAiBZ,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;CAAG;AAErE,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAQvD;kBARQ,QAAQ;;;AAYjB,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@/lib/utils";
+function Kbd({ className, ...props }) {
+    return (_jsx("kbd", { "data-slot": "kbd", className: cn("bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", className), ...props }));
+}
+Kbd.displayName = "Kbd";
+function KbdGroup({ className, ...props }) {
+    return (_jsx("kbd", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1", className), ...props }));
+}
+KbdGroup.displayName = "KbdGroup";
+export { Kbd, KbdGroup };

package/dist/components/atoms/display/separator/index.d.ts

@@ -0,0 +1,3 @@
+export type { SeparatorProps } from "./separator";
+export { Separator } from "./separator";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/display/separator/index.d.ts.map

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

package/dist/components/atoms/display/separator/index.js

@@ -0,0 +1 @@
+export { Separator } from "./separator";

package/dist/components/atoms/display/separator/separator.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Separator Component - Flowtomic UI
+ *
+ * Componente Separator baseado em Radix UI
+ */
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import * as React from "react";
+export type SeparatorProps = React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;
+/**
+ * Separator - Separador horizontal ou vertical
+ */
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Separator };
+//# sourceMappingURL=separator.d.ts.map

package/dist/components/atoms/display/separator/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/display/separator/separator.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAE5F;;GAEG;AACH,QAAA,MAAM,SAAS,6JAeb,CAAC;AAGH,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Separator Component - Flowtomic UI
+ *
+ * Componente Separator baseado em Radix UI
+ */
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+/**
+ * Separator - Separador horizontal ou vertical
+ */
+const Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (_jsx(SeparatorPrimitive.Root, { ref: ref, decorative: decorative, orientation: orientation, className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-px w-full" : "h-full w-px", className), ...props })));
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+export { Separator };

package/dist/components/atoms/display/skeleton/index.d.ts

@@ -0,0 +1,3 @@
+export type { SkeletonProps } from "./skeleton";
+export { CardSkeleton, Skeleton, TableSkeleton } from "./skeleton";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/display/skeleton/index.d.ts.map

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

package/dist/components/atoms/display/skeleton/index.js

@@ -0,0 +1 @@
+export { CardSkeleton, Skeleton, TableSkeleton } from "./skeleton";

package/dist/components/atoms/display/skeleton/skeleton.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Skeleton Component - Flowtomic UI
+ *
+ * Componente Skeleton próprio do design-system
+ * Implementação direta sem dependência de componentes externos
+ */
+import * as React from "react";
+export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * Skeleton - Componente base de skeleton
+ */
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * CardSkeleton - Skeleton específico para cards
+ */
+declare const CardSkeleton: React.FC;
+/**
+ * TableSkeleton - Skeleton específico para tabelas
+ */
+declare const TableSkeleton: React.FC;
+export { Skeleton, CardSkeleton, TableSkeleton };
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/components/atoms/display/skeleton/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/display/skeleton/skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,QAAA,MAAM,QAAQ,sFAQb,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAQzB,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAW1B,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Skeleton Component - Flowtomic UI
+ *
+ * Componente Skeleton próprio do design-system
+ * Implementação direta sem dependência de componentes externos
+ */
+import * as React from "react";
+import { cn } from "@/lib/utils";
+/**
+ * Skeleton - Componente base de skeleton
+ */
+const Skeleton = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn("animate-pulse rounded-md bg-muted", className), ...props, children: children }));
+});
+Skeleton.displayName = "Skeleton";
+/**
+ * CardSkeleton - Skeleton específico para cards
+ */
+const CardSkeleton = () => {
+    return (_jsxs("div", { className: "space-y-4 rounded-lg border bg-card p-6 shadow-sm", children: [_jsx(Skeleton, { className: "h-4 w-3/4" }), _jsx(Skeleton, { className: "h-4 w-1/2" }), _jsx(Skeleton, { className: "h-32 w-full" })] }));
+};
+CardSkeleton.displayName = "CardSkeleton";
+/**
+ * TableSkeleton - Skeleton específico para tabelas
+ */
+const TableSkeleton = () => {
+    // IDs estáticos para skeletons - array nunca muda, então índices são seguros
+    const skeletonIds = ["skeleton-0", "skeleton-1", "skeleton-2", "skeleton-3", "skeleton-4"];
+    return (_jsxs("div", { className: "space-y-4 rounded-lg border bg-card p-6 shadow-sm", children: [_jsx(Skeleton, { className: "h-10 w-full" }), skeletonIds.map((id) => (_jsx(Skeleton, { className: "h-8 w-full" }, id)))] }));
+};
+TableSkeleton.displayName = "TableSkeleton";
+export { Skeleton, CardSkeleton, TableSkeleton };

package/dist/components/atoms/display/table/index.d.ts

@@ -0,0 +1,3 @@
+export type { TableBodyProps, TableCaptionProps, TableCellProps, TableFooterProps, TableHeaderProps, TableHeadProps, TableProps, TableRowProps, } from "./table";
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from "./table";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/display/table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/display/table/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,aAAa,GACd,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,GACT,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1 @@
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from "./table";

package/dist/components/atoms/display/table/table.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Table Component - Flowtomic UI
+ *
+ * Componente Table próprio do design-system
+ * Implementação completa sem dependências externas
+ */
+import * as React from "react";
+export type TableProps = React.HTMLAttributes<HTMLTableElement>;
+export type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;
+export type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;
+export type TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement>;
+export type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;
+export type TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement>;
+export type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;
+export type TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;
+/**
+ * Table - Container principal da tabela
+ */
+declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+/**
+ * TableHeader - Cabeçalho da tabela
+ */
+declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
+/**
+ * TableBody - Corpo da tabela
+ */
+declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+/**
+ * TableFooter - Rodapé da tabela
+ */
+declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
+/**
+ * TableRow - Linha da tabela
+ */
+declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+/**
+ * TableHead - Cabeçalho de célula
+ */
+declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
+/**
+ * TableCell - Célula da tabela
+ */
+declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+/**
+ * TableCaption - Legenda da tabela
+ */
+declare const TableCaption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };
+//# sourceMappingURL=table.d.ts.map

package/dist/components/atoms/display/table/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/display/table/table.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAChE,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAC7E,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAC3E,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAC7E,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;AACtE,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAC1E,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAC1E,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE9E;;GAEG;AACH,QAAA,MAAM,KAAK,qFAWT,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,WAAW,kGAWhB,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,SAAS,gGAWd,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,WAAW,kGAWhB,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,QAAQ,2FAcb,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,SAAS,6FAcd,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,SAAS,6FAWd,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,YAAY,mGAWjB,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC"}

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" | "info" | "warning" | 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";