@flowtomic/ui 0.1.0 → 0.1.1

package/dist/components/atoms/actions/context-menu/context-menu.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import { cn } from "@/lib/utils";
+function ContextMenu(props) {
+    return _jsx(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+}
+ContextMenu.displayName = "ContextMenu";
+function ContextMenuTrigger(props) {
+    return _jsx(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+}
+ContextMenuTrigger.displayName = "ContextMenuTrigger";
+function ContextMenuGroup(props) {
+    return _jsx(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
+}
+ContextMenuGroup.displayName = "ContextMenuGroup";
+function ContextMenuPortal(props) {
+    return _jsx(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
+}
+ContextMenuPortal.displayName = "ContextMenuPortal";
+function ContextMenuSub(props) {
+    return _jsx(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
+}
+ContextMenuSub.displayName = "ContextMenuSub";
+function ContextMenuRadioGroup(props) {
+    return _jsx(ContextMenuPrimitive.RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
+}
+ContextMenuRadioGroup.displayName = "ContextMenuRadioGroup";
+function ContextMenuSubTrigger({ className, inset, children, ...props }) {
+    return (_jsxs(ContextMenuPrimitive.SubTrigger, { "data-slot": "context-menu-sub-trigger", "data-inset": inset, className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto" })] }));
+}
+ContextMenuSubTrigger.displayName = "ContextMenuSubTrigger";
+function ContextMenuSubContent({ className, ...props }) {
+    return (_jsx(ContextMenuPrimitive.SubContent, { "data-slot": "context-menu-sub-content", className: cn("bg-popover text-popover-foreground 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 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", className), ...props }));
+}
+ContextMenuSubContent.displayName = "ContextMenuSubContent";
+function ContextMenuContent({ className, ...props }) {
+    return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(ContextMenuPrimitive.Content, { "data-slot": "context-menu-content", className: cn("bg-popover text-popover-foreground 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 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", className), ...props }) }));
+}
+ContextMenuContent.displayName = "ContextMenuContent";
+function ContextMenuItem({ className, inset, variant = "default", ...props }) {
+    return (_jsx(ContextMenuPrimitive.Item, { "data-slot": "context-menu-item", "data-inset": inset, "data-variant": variant, className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+}
+ContextMenuItem.displayName = "ContextMenuItem";
+function ContextMenuCheckboxItem({ className, children, checked, ...props }) {
+    return (_jsxs(ContextMenuPrimitive.CheckboxItem, { "data-slot": "context-menu-checkbox-item", className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), checked: checked, ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(ContextMenuPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), children] }));
+}
+ContextMenuCheckboxItem.displayName = "ContextMenuCheckboxItem";
+function ContextMenuRadioItem({ className, children, ...props }) {
+    return (_jsxs(ContextMenuPrimitive.RadioItem, { "data-slot": "context-menu-radio-item", className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(ContextMenuPrimitive.ItemIndicator, { children: _jsx(CircleIcon, { className: "size-2 fill-current" }) }) }), children] }));
+}
+ContextMenuRadioItem.displayName = "ContextMenuRadioItem";
+function ContextMenuLabel({ className, inset, ...props }) {
+    return (_jsx(ContextMenuPrimitive.Label, { "data-slot": "context-menu-label", "data-inset": inset, className: cn("text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className), ...props }));
+}
+ContextMenuLabel.displayName = "ContextMenuLabel";
+function ContextMenuSeparator({ className, ...props }) {
+    return (_jsx(ContextMenuPrimitive.Separator, { "data-slot": "context-menu-separator", className: cn("bg-border -mx-1 my-1 h-px", className), ...props }));
+}
+ContextMenuSeparator.displayName = "ContextMenuSeparator";
+function ContextMenuShortcut({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "context-menu-shortcut", className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className), ...props }));
+}
+ContextMenuShortcut.displayName = "ContextMenuShortcut";
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };

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

@@ -0,0 +1,3 @@
+export type { ContextMenuCheckboxItemProps, ContextMenuContentProps, ContextMenuGroupProps, ContextMenuItemProps, ContextMenuLabelProps, ContextMenuPortalProps, ContextMenuProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuSeparatorProps, ContextMenuShortcutProps, ContextMenuSubContentProps, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuTriggerProps, } from "./context-menu";
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, } from "./context-menu";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/actions/context-menu/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,4BAA4B,EAC5B,uBAAuB,EACvB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,EAChB,0BAA0B,EAC1B,yBAAyB,EACzB,yBAAyB,EACzB,wBAAwB,EACxB,0BAA0B,EAC1B,mBAAmB,EACnB,0BAA0B,EAC1B,uBAAuB,GACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,WAAW,EACX,uBAAuB,EACvB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC"}

package/dist/components/atoms/actions/context-menu/index.js

@@ -0,0 +1 @@
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, } from "./context-menu";

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

@@ -0,0 +1,40 @@
+/**
+ * DropdownMenu Component - Flowtomic UI
+ *
+ * Componente DropdownMenu próprio do design-system baseado em Radix UI
+ * Implementação direta sem dependência de componentes externos
+ */
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+export type DropdownMenuProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>;
+export type DropdownMenuTriggerProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>;
+export type DropdownMenuContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>;
+export type DropdownMenuItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item>;
+export type DropdownMenuLabelProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label>;
+export type DropdownMenuSeparatorProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>;
+/**
+ * DropdownMenu - Container principal do dropdown menu
+ */
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+/**
+ * DropdownMenuTrigger - Trigger do dropdown menu
+ */
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * DropdownMenuContent - Conteúdo do dropdown menu
+ */
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * DropdownMenuItem - Item do dropdown menu
+ */
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * DropdownMenuLabel - Label do dropdown menu
+ */
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * DropdownMenuSeparator - Separador do dropdown menu
+ */
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, };
+//# sourceMappingURL=dropdown-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/actions/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAC;AAClG,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,wBAAwB,CACnE,OAAO,qBAAqB,CAAC,OAAO,CACrC,CAAC;AACF,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,wBAAwB,CACnE,OAAO,qBAAqB,CAAC,OAAO,CACrC,CAAC;AACF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAChE,OAAO,qBAAqB,CAAC,IAAI,CAClC,CAAC;AACF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CACjE,OAAO,qBAAqB,CAAC,KAAK,CACnC,CAAC;AACF,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,wBAAwB,CACrE,OAAO,qBAAqB,CAAC,SAAS,CACvC,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,YAAY,mDAA6B,CAAC;AAGhD;;GAEG;AACH,QAAA,MAAM,mBAAmB,0HAAgC,CAAC;AAG1D;;GAEG;AACH,QAAA,MAAM,mBAAmB,0KAkBvB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,gBAAgB,uKAgBpB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,iBAAiB,wKAWrB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,qBAAqB,4KAWzB,CAAC;AAGH,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,GACtB,CAAC"}

package/dist/components/atoms/actions/dropdown-menu/dropdown-menu.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * DropdownMenu Component - Flowtomic UI
+ *
+ * Componente DropdownMenu próprio do design-system baseado em Radix UI
+ * Implementação direta sem dependência de componentes externos
+ */
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+/**
+ * DropdownMenu - Container principal do dropdown menu
+ */
+const DropdownMenu = DropdownMenuPrimitive.Root;
+DropdownMenu.displayName = "DropdownMenu";
+/**
+ * DropdownMenuTrigger - Trigger do dropdown menu
+ */
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
+/**
+ * DropdownMenuContent - Conteúdo do dropdown menu
+ */
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
+    return (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", "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 }) }));
+});
+DropdownMenuContent.displayName = "DropdownMenuContent";
+/**
+ * DropdownMenuItem - Item do dropdown menu
+ */
+const DropdownMenuItem = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx(DropdownMenuPrimitive.Item, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors", "focus:bg-accent focus:text-accent-foreground", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), ...props }));
+});
+DropdownMenuItem.displayName = "DropdownMenuItem";
+/**
+ * DropdownMenuLabel - Label do dropdown menu
+ */
+const DropdownMenuLabel = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx(DropdownMenuPrimitive.Label, { ref: ref, className: cn("px-2 py-1.5 text-sm font-semibold", className), ...props }));
+});
+DropdownMenuLabel.displayName = "DropdownMenuLabel";
+/**
+ * DropdownMenuSeparator - Separador do dropdown menu
+ */
+const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx(DropdownMenuPrimitive.Separator, { ref: ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+});
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, };

package/dist/components/atoms/actions/dropdown-menu/index.d.ts

@@ -0,0 +1,3 @@
+export type { DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuTriggerProps, } from "./dropdown-menu";
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "./dropdown-menu";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/actions/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,0BAA0B,EAC1B,wBAAwB,GACzB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,iBAAiB,CAAC"}

package/dist/components/atoms/actions/dropdown-menu/index.js

@@ -0,0 +1 @@
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "./dropdown-menu";

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

@@ -0,0 +1,9 @@
+export type { BadgeProps } from "./badge";
+export { Badge, badgeVariants } from "./badge";
+export type { ButtonProps } from "./button";
+export { Button, buttonVariants } from "./button";
+export type { ContextMenuCheckboxItemProps, ContextMenuContentProps, ContextMenuGroupProps, ContextMenuItemProps, ContextMenuLabelProps, ContextMenuPortalProps, ContextMenuProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuSeparatorProps, ContextMenuShortcutProps, ContextMenuSubContentProps, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuTriggerProps, } from "./context-menu";
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, } from "./context-menu";
+export type { DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuTriggerProps, } from "./dropdown-menu";
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "./dropdown-menu";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/actions/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC/C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAClD,YAAY,EACV,4BAA4B,EAC5B,uBAAuB,EACvB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,EAChB,0BAA0B,EAC1B,yBAAyB,EACzB,yBAAyB,EACzB,wBAAwB,EACxB,0BAA0B,EAC1B,mBAAmB,EACnB,0BAA0B,EAC1B,uBAAuB,GACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,WAAW,EACX,uBAAuB,EACvB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,0BAA0B,EAC1B,wBAAwB,GACzB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,4 @@
+export { Badge, badgeVariants } from "./badge";
+export { Button, buttonVariants } from "./button";
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, } from "./context-menu";
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "./dropdown-menu";

package/dist/components/atoms/animation/animated-3d/animated-3d.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Animated3D Component - Flowtomic UI
+ *
+ * Componente de animação 3D reutilizável com perspectiva e efeitos de profundidade
+ * Usa Framer Motion para animações suaves com física de spring
+ */
+import { type Transition } from "motion/react";
+import * as React from "react";
+export interface Animated3DProps {
+    /**
+     * Se a animação está ativa (aberta)
+     */
+    isOpen: boolean;
+    /**
+     * Conteúdo a ser animado
+     */
+    children: React.ReactNode;
+    /**
+     * Configuração de transição customizada
+     */
+    transition?: Transition;
+    /**
+     * Rotação inicial em X (graus)
+     * @default 25
+     */
+    initialRotateX?: number;
+    /**
+     * Rotação inicial em Y (graus)
+     * @default 0
+     */
+    initialRotateY?: number;
+    /**
+     * Escala inicial
+     * @default 0.85
+     */
+    initialScale?: number;
+    /**
+     * Opacidade inicial
+     * @default 0
+     */
+    initialOpacity?: number;
+    /**
+     * Profundidade inicial (translateZ em px)
+     * @default -100
+     */
+    initialTranslateZ?: number;
+    /**
+     * Perspectiva CSS (px)
+     * @default "1200px"
+     */
+    perspective?: string;
+    /**
+     * Se deve desabilitar a animação
+     */
+    disabled?: boolean;
+    /**
+     * Classe CSS adicional
+     */
+    className?: string;
+}
+/**
+ * Animated3D - Componente de animação 3D com perspectiva
+ */
+declare const Animated3D: React.ForwardRefExoticComponent<Animated3DProps & React.RefAttributes<HTMLDivElement>>;
+export { Animated3D };
+//# sourceMappingURL=animated-3d.d.ts.map

package/dist/components/atoms/animation/animated-3d/animated-3d.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-3d.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/animation/animated-3d/animated-3d.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,QAAA,MAAM,UAAU,wFAwEf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/atoms/animation/animated-3d/animated-3d.js

@@ -0,0 +1,48 @@
+/**
+ * Animated3D Component - Flowtomic UI
+ *
+ * Componente de animação 3D reutilizável com perspectiva e efeitos de profundidade
+ * Usa Framer Motion para animações suaves com física de spring
+ */
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+/**
+ * Animated3D - Componente de animação 3D com perspectiva
+ */
+const Animated3D = React.forwardRef(({ isOpen, children, className, transition, initialRotateX = 25, initialRotateY = 0, initialScale = 0.85, initialOpacity = 0, initialTranslateZ = -100, perspective = "1200px", disabled = false, }, ref) => {
+    const defaultTransition = {
+        type: "spring",
+        stiffness: 280,
+        damping: 25,
+        mass: 0.8,
+        ...transition,
+    };
+    if (disabled) {
+        return (_jsx("div", { ref: ref, className: className, children: children }));
+    }
+    return (_jsx("div", { style: {
+            perspective,
+            transformStyle: "preserve-3d",
+        }, className: "relative", children: _jsx(motion.div, { ref: ref, initial: false, animate: isOpen
+                ? {
+                    opacity: 1,
+                    scale: 1,
+                    rotateX: 0,
+                    rotateY: 0,
+                    z: 0,
+                }
+                : {
+                    opacity: initialOpacity,
+                    scale: initialScale,
+                    rotateX: initialRotateX,
+                    rotateY: initialRotateY,
+                    z: initialTranslateZ,
+                }, transition: defaultTransition, style: {
+                transformStyle: "preserve-3d",
+            }, className: cn("relative", className), children: children }) }));
+});
+Animated3D.displayName = "Animated3D";
+export { Animated3D };

package/dist/components/atoms/animation/animated-3d/index.d.ts

@@ -0,0 +1,3 @@
+export type { Animated3DProps } from "./animated-3d";
+export { Animated3D } from "./animated-3d";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/animation/animated-3d/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/animation/animated-3d/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/atoms/animation/animated-3d/index.js

@@ -0,0 +1 @@
+export { Animated3D } from "./animated-3d";

package/dist/components/atoms/animation/backdrop-blur/backdrop-blur.d.ts

@@ -0,0 +1,47 @@
+/**
+ * BackdropBlur Component - Flowtomic UI
+ *
+ * Componente de backdrop blur reutilizável para overlays e modais
+ * Usa Framer Motion para animação suave do blur
+ */
+import * as React from "react";
+export interface BackdropBlurProps {
+    /**
+     * Se o backdrop está visível
+     */
+    isOpen: boolean;
+    /**
+     * Intensidade do blur (px)
+     * @default 10
+     */
+    blurIntensity?: number;
+    /**
+     * Opacidade do backdrop
+     * @default 0.5
+     */
+    opacity?: number;
+    /**
+     * Cor de fundo do backdrop
+     * @default "black"
+     */
+    backgroundColor?: string;
+    /**
+     * Se deve desabilitar a animação
+     */
+    disabled?: boolean;
+    /**
+     * Duração da transição (segundos)
+     * @default 0.2
+     */
+    duration?: number;
+    /**
+     * Classe CSS adicional
+     */
+    className?: string;
+}
+/**
+ * BackdropBlur - Componente de backdrop com blur animado
+ */
+declare const BackdropBlur: React.ForwardRefExoticComponent<BackdropBlurProps & React.RefAttributes<HTMLDivElement>>;
+export { BackdropBlur };
+//# sourceMappingURL=backdrop-blur.d.ts.map

package/dist/components/atoms/animation/backdrop-blur/backdrop-blur.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"backdrop-blur.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/animation/backdrop-blur/backdrop-blur.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,QAAA,MAAM,YAAY,0FAkGjB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/atoms/animation/backdrop-blur/backdrop-blur.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * BackdropBlur Component - Flowtomic UI
+ *
+ * Componente de backdrop blur reutilizável para overlays e modais
+ * Usa Framer Motion para animação suave do blur
+ */
+import { motion } from "motion/react";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+/**
+ * BackdropBlur - Componente de backdrop com blur animado
+ */
+const BackdropBlur = React.forwardRef(({ isOpen, className, blurIntensity = 10, opacity = 0.5, backgroundColor = "black", disabled = false, duration = 0.2, }, ref) => {
+    if (disabled) {
+        return (_jsx("div", { ref: ref, className: cn("fixed inset-0 z-40", className), style: {
+                backgroundColor: `${backgroundColor}${Math.round(opacity * 255)
+                    .toString(16)
+                    .padStart(2, "0")}`,
+                backdropFilter: isOpen ? `blur(${blurIntensity}px)` : "blur(0px)",
+            } }));
+    }
+    // Converte backgroundColor para rgba incluindo a opacidade
+    // Usa useMemo para evitar recálculos desnecessários
+    const backgroundColorWithOpacity = React.useMemo(() => {
+        const convertToRgba = (color, opacityValue) => {
+            // Se já é rgba, extrai os valores RGB e aplica nova opacidade
+            if (color.startsWith("rgba(")) {
+                const match = color.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
+                if (match) {
+                    return `rgba(${match[1]}, ${match[2]}, ${match[3]}, ${opacityValue})`;
+                }
+            }
+            // Se é rgb, adiciona opacidade
+            if (color.startsWith("rgb(")) {
+                const match = color.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
+                if (match) {
+                    return `rgba(${match[1]}, ${match[2]}, ${match[3]}, ${opacityValue})`;
+                }
+            }
+            // Se é hex, converte para rgba
+            if (color.startsWith("#")) {
+                const hex = color.replace("#", "");
+                const r = parseInt(hex.substring(0, 2), 16);
+                const g = parseInt(hex.substring(2, 4), 16);
+                const b = parseInt(hex.substring(4, 6), 16);
+                return `rgba(${r}, ${g}, ${b}, ${opacityValue})`;
+            }
+            // Para cores nomeadas comuns, usa valores conhecidos
+            const namedColors = {
+                black: [0, 0, 0],
+                white: [255, 255, 255],
+                red: [255, 0, 0],
+                green: [0, 128, 0],
+                blue: [0, 0, 255],
+                transparent: [0, 0, 0],
+            };
+            const lowerColor = color.toLowerCase();
+            if (namedColors[lowerColor]) {
+                const [r, g, b] = namedColors[lowerColor];
+                return `rgba(${r}, ${g}, ${b}, ${opacityValue})`;
+            }
+            // Fallback: retorna a cor original (opacidade será aplicada via CSS)
+            return color;
+        };
+        return {
+            open: convertToRgba(backgroundColor, opacity),
+            closed: convertToRgba(backgroundColor, 0),
+        };
+    }, [backgroundColor, opacity]);
+    return (_jsx(motion.div, { ref: ref, initial: false, animate: isOpen
+            ? {
+                backdropFilter: `blur(${blurIntensity}px)`,
+                backgroundColor: backgroundColorWithOpacity.open,
+            }
+            : {
+                backdropFilter: "blur(0px)",
+                backgroundColor: backgroundColorWithOpacity.closed,
+            }, transition: { duration }, className: cn("fixed inset-0 z-40", className) }));
+});
+BackdropBlur.displayName = "BackdropBlur";
+export { BackdropBlur };

package/dist/components/atoms/animation/backdrop-blur/index.d.ts

@@ -0,0 +1,3 @@
+export type { BackdropBlurProps } from "./backdrop-blur";
+export { BackdropBlur } from "./backdrop-blur";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/animation/backdrop-blur/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/animation/backdrop-blur/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/atoms/animation/backdrop-blur/index.js

@@ -0,0 +1 @@
+export { BackdropBlur } from "./backdrop-blur";

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

@@ -0,0 +1,19 @@
+/**
+ * Animation Atoms - Componentes de Animação
+ * Atomic Design: Componentes atômicos de animação reutilizáveis
+ */
+export type { Animated3DProps } from "./animated-3d";
+export { Animated3D } from "./animated-3d";
+export type { BackdropBlurProps } from "./backdrop-blur";
+export { BackdropBlur } from "./backdrop-blur";
+export type { LoaderProps } from "./loader";
+export { Loader } from "./loader";
+export type { ProgressProps } from "./progress";
+export { Progress } from "./progress";
+export type { TextShimmerProps } from "./shimmer";
+export { Shimmer } from "./shimmer";
+export type { SlidingNumberProps } from "./sliding-number";
+export { SlidingNumber } from "./sliding-number";
+export type { SpinnerProps } from "./spinner";
+export { Spinner } from "./spinner";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/animation/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1,11 @@
+/**
+ * Animation Atoms - Componentes de Animação
+ * Atomic Design: Componentes atômicos de animação reutilizáveis
+ */
+export { Animated3D } from "./animated-3d";
+export { BackdropBlur } from "./backdrop-blur";
+export { Loader } from "./loader";
+export { Progress } from "./progress";
+export { Shimmer } from "./shimmer";
+export { SlidingNumber } from "./sliding-number";
+export { Spinner } from "./spinner";

package/dist/components/atoms/animation/loader/index.d.ts

@@ -0,0 +1,3 @@
+export type { LoaderProps } from "./loader";
+export { Loader } from "./loader";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/animation/loader/index.d.ts.map

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

package/dist/components/atoms/animation/loader/index.js

@@ -0,0 +1 @@
+export { Loader } from "./loader";

package/dist/components/atoms/animation/loader/loader.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Loader Component - Flowtomic UI
+ *
+ * Componente de loading spinner
+ */
+import * as React from "react";
+export type LoaderProps = React.HTMLAttributes<HTMLDivElement> & {
+    size?: number;
+};
+export declare const Loader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    size?: number;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=loader.d.ts.map

package/dist/components/atoms/animation/loader/loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/animation/loader/loader.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4E/B,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,MAAM;WAHV,MAAM;wCAad,CAAC"}

package/dist/components/atoms/animation/loader/loader.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Loader Component - Flowtomic UI
+ *
+ * Componente de loading spinner
+ */
+import * as React from "react";
+import { cn } from "@/lib/utils";
+const LoaderIcon = ({ size = 16 }) => (_jsxs("svg", { height: size, strokeLinejoin: "round", style: { color: "currentcolor" }, viewBox: "0 0 16 16", width: size, children: [_jsx("title", { children: "Loader" }), _jsxs("g", { clipPath: "url(#clip0_2393_1490)", children: [_jsx("path", { d: "M8 0V4", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M8 16V12", opacity: "0.5", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M3.29773 1.52783L5.64887 4.7639", opacity: "0.9", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M12.7023 1.52783L10.3511 4.7639", opacity: "0.1", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M12.7023 14.472L10.3511 11.236", opacity: "0.4", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M3.29773 14.472L5.64887 11.236", opacity: "0.6", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M15.6085 5.52783L11.8043 6.7639", opacity: "0.2", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M0.391602 10.472L4.19583 9.23598", opacity: "0.7", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M15.6085 10.4722L11.8043 9.2361", opacity: "0.3", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M0.391602 5.52783L4.19583 6.7639", opacity: "0.8", stroke: "currentColor", strokeWidth: "1.5" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_2393_1490", children: _jsx("rect", { fill: "white", height: "16", width: "16" }) }) })] }));
+export const Loader = React.forwardRef(({ className, size = 16, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("inline-flex animate-spin items-center justify-center", className), ...props, children: _jsx(LoaderIcon, { size: size }) })));
+Loader.displayName = "Loader";

package/dist/components/atoms/animation/progress/index.d.ts

@@ -0,0 +1,2 @@
+export { Progress, type ProgressProps } from "./progress";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/animation/progress/index.d.ts.map

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

package/dist/components/atoms/animation/progress/index.js

@@ -0,0 +1 @@
+export { Progress } from "./progress";

package/dist/components/atoms/animation/progress/progress.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Progress Component - Flowtomic UI
+ *
+ * Componente de barra de progresso
+ */
+import * as React from "react";
+export interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    value?: number;
+    max?: number;
+}
+declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+export { Progress };
+//# sourceMappingURL=progress.d.ts.map

package/dist/components/atoms/animation/progress/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/animation/progress/progress.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,QAAA,MAAM,QAAQ,sFAqBb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/atoms/animation/progress/progress.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Progress Component - Flowtomic UI
+ *
+ * Componente de barra de progresso
+ */
+import * as React from "react";
+import { cn } from "@/lib/utils";
+const Progress = React.forwardRef(({ className, value = 0, max = 100, ...props }, ref) => {
+    const percentage = Math.min(Math.max((value / max) * 100, 0), 100);
+    return (_jsx("div", { ref: ref, className: cn("relative h-2 w-full overflow-hidden rounded-full bg-secondary", className), role: "progressbar", "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": value, ...props, children: _jsx("div", { className: "h-full w-full flex-1 bg-primary transition-all", style: { transform: `translateX(-${100 - percentage}%)` } }) }));
+});
+Progress.displayName = "Progress";
+export { Progress };