@flowtomic/ui 0.1.0 → 0.1.2

package/dist/components/molecules/forms/input-group/input-group.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * InputGroup Component - Flowtomic UI
+ *
+ * Componente para agrupar inputs com addons e botões
+ */
+import * as React from "react";
+import { cn } from "@/lib/utils";
+import { Button } from "../../../atoms";
+/**
+ * InputGroup - Container principal do input group
+ */
+const InputGroup = React.forwardRef(({ className, children, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex w-full items-center gap-2 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2", className), ...props, children: children })));
+InputGroup.displayName = "InputGroup";
+/**
+ * InputGroupAddon - Addon do input group (para ícones, prefixos, sufixos)
+ */
+const InputGroupAddon = React.forwardRef(({ className, align = "inline-start", children, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center", align === "block-start" && "self-start", align === "block-end" && "self-end", align === "inline-start" && "order-first", align === "inline-end" && "order-last", className), ...props, children: children })));
+InputGroupAddon.displayName = "InputGroupAddon";
+/**
+ * InputGroupButton - Botão do input group
+ */
+const InputGroupButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(Button, { ref: ref, className: cn("shrink-0", className), ...props })));
+InputGroupButton.displayName = "InputGroupButton";
+/**
+ * InputGroupTextarea - Textarea do input group
+ */
+const InputGroupTextarea = React.forwardRef(({ className, ...props }, ref) => (_jsx("textarea", { ref: ref, className: cn("flex-1 resize-none bg-transparent outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className), ...props })));
+InputGroupTextarea.displayName = "InputGroupTextarea";
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupTextarea };

package/dist/components/molecules/forms/item/index.d.ts

@@ -0,0 +1,3 @@
+export type { ItemActionsProps, ItemContentProps, ItemDescriptionProps, ItemFooterProps, ItemGroupProps, ItemHeaderProps, ItemMediaProps, ItemProps, ItemSeparatorProps, ItemTitleProps, } from "./item";
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, } from "./item";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/forms/item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/forms/item/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,cAAc,EACd,eAAe,EACf,cAAc,EACd,SAAS,EACT,kBAAkB,EAClB,cAAc,GACf,MAAM,QAAQ,CAAC;AAChB,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,eAAe,EACf,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,GACV,MAAM,QAAQ,CAAC"}

package/dist/components/molecules/forms/item/index.js

@@ -0,0 +1 @@
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, } from "./item";

package/dist/components/molecules/forms/item/item.d.ts

@@ -0,0 +1,72 @@
+import { type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+import { Separator } from "../../../atoms/display/separator/separator";
+export interface ItemGroupProps extends React.ComponentProps<"ul"> {
+}
+declare function ItemGroup({ className, ...props }: ItemGroupProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ItemGroup {
+    var displayName: string;
+}
+export type ItemSeparatorProps = React.ComponentProps<typeof Separator>;
+declare function ItemSeparator({ className, ...props }: ItemSeparatorProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ItemSeparator {
+    var displayName: string;
+}
+declare const itemVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ItemProps extends React.ComponentProps<"div">, VariantProps<typeof itemVariants> {
+    asChild?: boolean;
+}
+declare function Item({ className, variant, size, asChild, ...props }: ItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Item {
+    var displayName: string;
+}
+declare const itemMediaVariants: (props?: ({
+    variant?: "default" | "icon" | "image" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ItemMediaProps extends React.ComponentProps<"div">, VariantProps<typeof itemMediaVariants> {
+}
+declare function ItemMedia({ className, variant, ...props }: ItemMediaProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ItemMedia {
+    var displayName: string;
+}
+export interface ItemContentProps extends React.ComponentProps<"div"> {
+}
+declare function ItemContent({ className, ...props }: ItemContentProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ItemContent {
+    var displayName: string;
+}
+export interface ItemTitleProps extends React.ComponentProps<"div"> {
+}
+declare function ItemTitle({ className, ...props }: ItemTitleProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ItemTitle {
+    var displayName: string;
+}
+export interface ItemDescriptionProps extends React.ComponentProps<"p"> {
+}
+declare function ItemDescription({ className, ...props }: ItemDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ItemDescription {
+    var displayName: string;
+}
+export interface ItemActionsProps extends React.ComponentProps<"div"> {
+}
+declare function ItemActions({ className, ...props }: ItemActionsProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ItemActions {
+    var displayName: string;
+}
+export interface ItemHeaderProps extends React.ComponentProps<"div"> {
+}
+declare function ItemHeader({ className, ...props }: ItemHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ItemHeader {
+    var displayName: string;
+}
+export interface ItemFooterProps extends React.ComponentProps<"div"> {
+}
+declare function ItemFooter({ className, ...props }: ItemFooterProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ItemFooter {
+    var displayName: string;
+}
+export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };
+//# sourceMappingURL=item.d.ts.map

package/dist/components/molecules/forms/item/item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/forms/item/item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AAEvE,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;CAAG;AAErE,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAQzD;kBARQ,SAAS;;;AAYlB,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAExE,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CASjE;kBATQ,aAAa;;;AAatB,QAAA,MAAM,YAAY;;;8EAmBjB,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC;IAC/F,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,SAAS,2CAWX;kBAjBQ,IAAI;;;AAqBb,QAAA,MAAM,iBAAiB;;8EActB,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EACjC,YAAY,CAAC,OAAO,iBAAiB,CAAC;CAAG;AAE7C,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,OAAmB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAS9E;kBATQ,SAAS;;;AAalB,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,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;CAAG;AAEtE,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAQzD;kBARQ,SAAS;;;AAYlB,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC;CAAG;AAE1E,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAYrE;kBAZQ,eAAe;;;AAgBxB,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;CAAG;AAExE,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAI7D;kBAJQ,WAAW;;;AAQpB,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,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,OAAO,EACL,IAAI,EACJ,SAAS,EACT,WAAW,EACX,WAAW,EACX,SAAS,EACT,aAAa,EACb,SAAS,EACT,eAAe,EACf,UAAU,EACV,UAAU,GACX,CAAC"}

package/dist/components/molecules/forms/item/item.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+import { Separator } from "../../../atoms/display/separator/separator";
+function ItemGroup({ className, ...props }) {
+    return (_jsx("ul", { "data-slot": "item-group", className: cn("group/item-group flex flex-col list-none m-0 p-0", className), ...props }));
+}
+ItemGroup.displayName = "ItemGroup";
+function ItemSeparator({ className, ...props }) {
+    return (_jsx(Separator, { "data-slot": "item-separator", orientation: "horizontal", className: cn("my-0", className), ...props }));
+}
+ItemSeparator.displayName = "ItemSeparator";
+const itemVariants = cva("group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            outline: "border-border",
+            muted: "bg-muted/50",
+        },
+        size: {
+            default: "p-4 gap-4 ",
+            sm: "py-3 px-4 gap-2.5",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function Item({ className, variant = "default", size = "default", asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "div";
+    return (_jsx(Comp, { "data-slot": "item", "data-variant": variant, "data-size": size, className: cn(itemVariants({ variant, size, className })), ...props }));
+}
+Item.displayName = "Item";
+const itemMediaVariants = cva("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5", {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
+            image: "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function ItemMedia({ className, variant = "default", ...props }) {
+    return (_jsx("div", { "data-slot": "item-media", "data-variant": variant, className: cn(itemMediaVariants({ variant, className })), ...props }));
+}
+ItemMedia.displayName = "ItemMedia";
+function ItemContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "item-content", className: cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className), ...props }));
+}
+ItemContent.displayName = "ItemContent";
+function ItemTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "item-title", className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className), ...props }));
+}
+ItemTitle.displayName = "ItemTitle";
+function ItemDescription({ className, ...props }) {
+    return (_jsx("p", { "data-slot": "item-description", className: cn("text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className), ...props }));
+}
+ItemDescription.displayName = "ItemDescription";
+function ItemActions({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "item-actions", className: cn("flex items-center gap-2", className), ...props }));
+}
+ItemActions.displayName = "ItemActions";
+function ItemHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "item-header", className: cn("flex basis-full items-center justify-between gap-2", className), ...props }));
+}
+ItemHeader.displayName = "ItemHeader";
+function ItemFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "item-footer", className: cn("flex basis-full items-center justify-between gap-2", className), ...props }));
+}
+ItemFooter.displayName = "ItemFooter";
+export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };

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

@@ -0,0 +1,73 @@
+/**
+ * Molecules - Componentes Compostos
+ * Atomic Design: Componentes compostos por múltiplos atoms
+ */
+export type { ConnectionLineComponent } from "@xyflow/react";
+export type { ModalBodyProps, ModalContentProps, ModalFooterProps, ModalProps, ModalTriggerProps, } from "./animation/animated-modal";
+export { Modal, ModalBody, ModalContent, ModalFooter, ModalTrigger, } from "./animation/animated-modal";
+export type { AnimatedSlidingNumberProps } from "./animation/animated-sliding-number";
+export { AnimatedSlidingNumber } from "./animation/animated-sliding-number";
+export type { ButtonCounterProps } from "./animation/button-counter";
+export { ButtonCounter } from "./animation/button-counter";
+export type { AuthFormErrorMessageProps, AuthNavigationLinkProps, PasswordInputProps, } from "./auth";
+export { AuthFormErrorMessage, AuthNavigationLink, PasswordInput } from "./auth";
+export type { SocialLoginButtonsProps } from "./auth/social-login-buttons";
+export { SocialLoginButtons } from "./auth/social-login-buttons";
+export type { ArtifactActionProps, ArtifactActionsProps, ArtifactCloseProps, ArtifactContentProps, ArtifactDescriptionProps, ArtifactHeaderProps, ArtifactProps, ArtifactTitleProps, } from "./data-display/artifact";
+export { Artifact, ArtifactAction, ArtifactActions, ArtifactClose, ArtifactContent, ArtifactDescription, ArtifactHeader, ArtifactTitle, } from "./data-display/artifact";
+export type { BarChartDataPoint, BarChartProps } from "./data-display/bar-chart";
+export { BarChart } from "./data-display/bar-chart";
+export type { ChartAreaInteractiveDataPoint, ChartAreaInteractiveProps, } from "./data-display/chart-area-interactive";
+export { ChartAreaInteractive } from "./data-display/chart-area-interactive";
+export type { ChartBarInteractiveDataPoint, ChartBarInteractiveProps, } from "./data-display/chart-bar-interactive";
+export { ChartBarInteractive } from "./data-display/chart-bar-interactive";
+export type { CheckpointIconProps, CheckpointProps, CheckpointTriggerProps, } from "./data-display/checkpoint";
+export { Checkpoint, CheckpointIcon, CheckpointTrigger } from "./data-display/checkpoint";
+export type { CircularProgressChartProps } from "./data-display/circular-progress-chart";
+export { CircularProgressChart } from "./data-display/circular-progress-chart";
+export type { Column, ColumnDef, ColumnFiltersState, DataTableProps, PaginationState, SortingState, VisibilityState, } from "./data-display/data-table";
+export { DataTable } from "./data-display/data-table";
+export type { MessageActionProps, MessageActionsProps, MessageAttachmentProps, MessageAttachmentsProps, MessageBranchContentProps, MessageBranchNextProps, MessageBranchPageProps, MessageBranchPreviousProps, MessageBranchProps, MessageBranchSelectorProps, MessageContentProps, MessageProps, MessageResponseProps, MessageToolbarProps, } from "./data-display/message";
+export { Message, MessageAction, MessageActions, MessageAttachment, MessageAttachments, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageResponse, MessageToolbar, } from "./data-display/message";
+export type { Project, ProjectListProps } from "./data-display/project-list";
+export { ProjectList } from "./data-display/project-list";
+export type { Reminder, ReminderCardProps } from "./data-display/reminder-card";
+export { ReminderCard } from "./data-display/reminder-card";
+export type { SourceProps, SourcesContentProps, SourcesProps, SourcesTriggerProps, } from "./data-display/sources";
+export { Source, Sources, SourcesContent, SourcesTrigger } from "./data-display/sources";
+export type { StatCardProps } from "./data-display/stat-card";
+export { StatCard } from "./data-display/stat-card";
+export type { SuggestionProps, SuggestionsProps } from "./data-display/suggestion";
+export { Suggestion, Suggestions } from "./data-display/suggestion";
+export type { TaskContentProps, TaskItemFileProps, TaskItemProps, TaskProps, TaskTriggerProps, } from "./data-display/task";
+export { Task, TaskContent, TaskItem, TaskItemFile, TaskTrigger } from "./data-display/task";
+export type { TeamMember, TeamMemberListProps, TeamMemberStatus, } from "./data-display/team-member-list";
+export { TeamMemberList } from "./data-display/team-member-list";
+export type { TimeTrackerProps } from "./data-display/time-tracker";
+export { TimeTracker } from "./data-display/time-tracker";
+export type { ToolContentProps, ToolHeaderProps, ToolInputProps, ToolOutputProps, ToolProps, } from "./data-display/tool";
+export { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput } from "./data-display/tool";
+export type { ConfirmationAcceptedProps, ConfirmationActionProps, ConfirmationActionsProps, ConfirmationProps, ConfirmationRejectedProps, ConfirmationRequestProps, ConfirmationTitleProps, } from "./feedback/confirmation";
+export { Confirmation, ConfirmationAccepted, ConfirmationAction, ConfirmationActions, ConfirmationRejected, ConfirmationRequest, ConfirmationTitle, } from "./feedback/confirmation";
+export type { CanvasProps } from "./flow/canvas";
+export { Canvas } from "./flow/canvas";
+export { Connection } from "./flow/connection";
+export type { ButtonGroupProps, ButtonGroupSeparatorProps, ButtonGroupTextProps, } from "./forms/button-group";
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText } from "./forms/button-group";
+export type { ImageDropzoneProps } from "./forms/image-dropzone";
+export { ImageDropzone } from "./forms/image-dropzone";
+export type { InputGroupAddonProps, InputGroupButtonProps, InputGroupProps, InputGroupTextareaProps, } from "./forms/input-group";
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupTextarea, } from "./forms/input-group";
+export type { ItemActionsProps, ItemContentProps, ItemDescriptionProps, ItemFooterProps, ItemGroupProps, ItemHeaderProps, ItemMediaProps, ItemProps, ItemSeparatorProps, ItemTitleProps, } from "./forms/item";
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, } from "./forms/item";
+export type { DashboardHeaderProps, DashboardUser, Notification, } from "./layout/dashboard-header";
+export { DashboardHeader } from "./layout/dashboard-header";
+export type { MenuDockItem, MenuDockProps } from "./navigation/menu-dock";
+export { MenuDock } from "./navigation/menu-dock";
+export type { MobileAppCard, NavigationItem, SidebarNavigationProps, } from "./navigation/sidebar-navigation";
+export { SidebarNavigation } from "./navigation/sidebar-navigation";
+export type { StartPosition, ThemeToggleButtonProps, } from "./theme/theme-toggle-button/theme-toggle-button";
+export { ThemeToggleButton } from "./theme/theme-toggle-button/theme-toggle-button";
+export type { AnimatedShinyTextProps } from "./typography";
+export { AnimatedShinyText } from "./typography";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/molecules/index.js

@@ -0,0 +1,38 @@
+/**
+ * Molecules - Componentes Compostos
+ * Atomic Design: Componentes compostos por múltiplos atoms
+ */
+export { Modal, ModalBody, ModalContent, ModalFooter, ModalTrigger, } from "./animation/animated-modal";
+export { AnimatedSlidingNumber } from "./animation/animated-sliding-number";
+export { ButtonCounter } from "./animation/button-counter";
+export { AuthFormErrorMessage, AuthNavigationLink, PasswordInput } from "./auth";
+export { SocialLoginButtons } from "./auth/social-login-buttons";
+export { Artifact, ArtifactAction, ArtifactActions, ArtifactClose, ArtifactContent, ArtifactDescription, ArtifactHeader, ArtifactTitle, } from "./data-display/artifact";
+export { BarChart } from "./data-display/bar-chart";
+export { ChartAreaInteractive } from "./data-display/chart-area-interactive";
+export { ChartBarInteractive } from "./data-display/chart-bar-interactive";
+export { Checkpoint, CheckpointIcon, CheckpointTrigger } from "./data-display/checkpoint";
+export { CircularProgressChart } from "./data-display/circular-progress-chart";
+export { DataTable } from "./data-display/data-table";
+export { Message, MessageAction, MessageActions, MessageAttachment, MessageAttachments, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageResponse, MessageToolbar, } from "./data-display/message";
+export { ProjectList } from "./data-display/project-list";
+export { ReminderCard } from "./data-display/reminder-card";
+export { Source, Sources, SourcesContent, SourcesTrigger } from "./data-display/sources";
+export { StatCard } from "./data-display/stat-card";
+export { Suggestion, Suggestions } from "./data-display/suggestion";
+export { Task, TaskContent, TaskItem, TaskItemFile, TaskTrigger } from "./data-display/task";
+export { TeamMemberList } from "./data-display/team-member-list";
+export { TimeTracker } from "./data-display/time-tracker";
+export { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput } from "./data-display/tool";
+export { Confirmation, ConfirmationAccepted, ConfirmationAction, ConfirmationActions, ConfirmationRejected, ConfirmationRequest, ConfirmationTitle, } from "./feedback/confirmation";
+export { Canvas } from "./flow/canvas";
+export { Connection } from "./flow/connection";
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText } from "./forms/button-group";
+export { ImageDropzone } from "./forms/image-dropzone";
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupTextarea, } from "./forms/input-group";
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, } from "./forms/item";
+export { DashboardHeader } from "./layout/dashboard-header";
+export { MenuDock } from "./navigation/menu-dock";
+export { SidebarNavigation } from "./navigation/sidebar-navigation";
+export { ThemeToggleButton } from "./theme/theme-toggle-button/theme-toggle-button";
+export { AnimatedShinyText } from "./typography";

package/dist/components/molecules/layout/dashboard-header/dashboard-header.d.ts

@@ -0,0 +1,69 @@
+/**
+ * DashboardHeader - Componente Visual
+ *
+ * Header com busca, notificações e perfil do usuário
+ */
+export interface DashboardUser {
+    name: string;
+    email: string;
+    avatar?: string;
+}
+export interface Notification {
+    id: string;
+    title: string;
+    description?: string;
+    unread?: boolean;
+}
+export interface DashboardHeaderProps {
+    /**
+     * Valor da busca
+     */
+    searchValue?: string;
+    /**
+     * Callback quando a busca muda
+     */
+    onSearchChange?: (value: string) => void;
+    /**
+     * Placeholder do campo de busca
+     * @default "Search task"
+     */
+    searchPlaceholder?: string;
+    /**
+     * Atalho de teclado para busca
+     * @default "⌘F"
+     */
+    searchShortcut?: string;
+    /**
+     * Informações do usuário
+     */
+    user?: DashboardUser;
+    /**
+     * Lista de notificações
+     */
+    notifications?: Notification[];
+    /**
+     * Lista de mensagens
+     */
+    messages?: Notification[];
+    /**
+     * Callback quando uma notificação é clicada
+     */
+    onNotificationClick?: (notification: Notification) => void;
+    /**
+     * Callback quando uma mensagem é clicada
+     */
+    onMessageClick?: (message: Notification) => void;
+    /**
+     * Callback quando o perfil é clicado
+     */
+    onProfileClick?: () => void;
+    /**
+     * Classe CSS adicional
+     */
+    className?: string;
+}
+/**
+ * Componente de header do dashboard
+ */
+export declare function DashboardHeader({ searchValue, onSearchChange, searchPlaceholder, searchShortcut, user, notifications, messages, onNotificationClick, onMessageClick, onProfileClick, className, }: DashboardHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=dashboard-header.d.ts.map

package/dist/components/molecules/layout/dashboard-header/dashboard-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-header.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/layout/dashboard-header/dashboard-header.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAcH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAE/B;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAE1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAE3D;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,WAAgB,EAChB,cAAc,EACd,iBAAiC,EACjC,cAAqB,EACrB,IAAI,EACJ,aAAkB,EAClB,QAAa,EACb,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,SAAS,GACV,EAAE,oBAAoB,2CAsItB"}

package/dist/components/molecules/layout/dashboard-header/dashboard-header.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DashboardHeader - Componente Visual
+ *
+ * Header com busca, notificações e perfil do usuário
+ */
+import { Bell, MessageSquare, Search, User } from "lucide-react";
+import { cn } from "@/lib/utils";
+import { Avatar, AvatarFallback, AvatarImage, Badge, Button, Input } from "../../../atoms";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "../../../atoms/actions/dropdown-menu";
+/**
+ * Obtém iniciais do nome
+ */
+function getInitials(name) {
+    return name
+        .split(" ")
+        .map((n) => n[0])
+        .join("")
+        .toUpperCase()
+        .slice(0, 2);
+}
+/**
+ * Componente de header do dashboard
+ */
+export function DashboardHeader({ searchValue = "", onSearchChange, searchPlaceholder = "Search task", searchShortcut = "⌘F", user, notifications = [], messages = [], onNotificationClick, onMessageClick, onProfileClick, className, }) {
+    const unreadNotifications = notifications.filter((n) => n.unread).length;
+    const unreadMessages = messages.filter((m) => m.unread).length;
+    return (_jsxs("header", { className: cn("flex items-center justify-between gap-4 border-b bg-background px-6 py-4", className), children: [_jsxs("div", { className: "relative flex-1 max-w-md", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { type: "search", placeholder: searchPlaceholder, value: searchValue, onChange: (e) => onSearchChange?.(e.target.value), className: "pl-9 pr-20" }), _jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-xs text-muted-foreground", children: searchShortcut })] }), _jsxs("div", { className: "flex items-center gap-2", children: [messages.length > 0 && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "icon", className: "relative", children: [_jsx(MessageSquare, { className: "h-5 w-5" }), unreadMessages > 0 && (_jsx(Badge, { variant: "destructive", className: "absolute -top-1 -right-1 h-5 w-5 flex items-center justify-center p-0 text-xs", children: unreadMessages }))] }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-80", children: [_jsx(DropdownMenuLabel, { children: "Messages" }), _jsx(DropdownMenuSeparator, {}), messages.map((message) => (_jsx(DropdownMenuItem, { onClick: () => onMessageClick?.(message), className: cn(message.unread && "bg-accent"), children: _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("div", { className: "font-medium", children: message.title }), message.description && (_jsx("div", { className: "text-xs text-muted-foreground", children: message.description }))] }) }, message.id)))] })] })), notifications.length > 0 && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "icon", className: "relative", children: [_jsx(Bell, { className: "h-5 w-5" }), unreadNotifications > 0 && (_jsx(Badge, { variant: "destructive", className: "absolute -top-1 -right-1 h-5 w-5 flex items-center justify-center p-0 text-xs", children: unreadNotifications }))] }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-80", children: [_jsx(DropdownMenuLabel, { children: "Notifications" }), _jsx(DropdownMenuSeparator, {}), notifications.map((notification) => (_jsx(DropdownMenuItem, { onClick: () => onNotificationClick?.(notification), className: cn(notification.unread && "bg-accent"), children: _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("div", { className: "font-medium", children: notification.title }), notification.description && (_jsx("div", { className: "text-xs text-muted-foreground", children: notification.description }))] }) }, notification.id)))] })] })), user && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", className: "flex items-center gap-2 h-auto py-2", children: [_jsxs(Avatar, { className: "h-8 w-8", children: [_jsx(AvatarImage, { src: user.avatar, alt: user.name }), _jsx(AvatarFallback, { children: user.avatar ? _jsx(User, { className: "h-4 w-4" }) : getInitials(user.name) })] }), _jsxs("div", { className: "flex flex-col items-start", children: [_jsx("span", { className: "text-sm font-medium", children: user.name }), _jsx("span", { className: "text-xs text-muted-foreground", children: user.email })] })] }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsx(DropdownMenuLabel, { children: "My Account" }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { onClick: onProfileClick, children: "Profile" }), _jsx(DropdownMenuItem, { children: "Settings" }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { children: "Logout" })] })] }))] })] }));
+}

package/dist/components/molecules/layout/dashboard-header/index.d.ts

@@ -0,0 +1,3 @@
+export type { DashboardHeaderProps, DashboardUser, Notification, } from "./dashboard-header";
+export { DashboardHeader } from "./dashboard-header";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/layout/dashboard-header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/layout/dashboard-header/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,oBAAoB,EACpB,aAAa,EACb,YAAY,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/molecules/layout/dashboard-header/index.js

@@ -0,0 +1 @@
+export { DashboardHeader } from "./dashboard-header";

package/dist/components/molecules/navigation/menu-dock/index.d.ts

@@ -0,0 +1,3 @@
+export type { MenuDockItem, MenuDockProps } from "./menu-dock";
+export { MenuDock } from "./menu-dock";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/navigation/menu-dock/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/navigation/menu-dock/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/molecules/navigation/menu-dock/index.js

@@ -0,0 +1 @@
+export { MenuDock } from "./menu-dock";

package/dist/components/molecules/navigation/menu-dock/menu-dock.d.ts

@@ -0,0 +1,30 @@
+/**
+ * MenuDock - Componente Molecule
+ *
+ * Componente de dock de menu com animação e suporte a múltiplos itens
+ */
+import type React from "react";
+type IconComponentType = React.ElementType<{
+    className?: string;
+}>;
+export interface MenuDockItem {
+    id?: string;
+    label: string;
+    icon: IconComponentType;
+    onClick?: () => void;
+    path?: string;
+}
+export interface MenuDockProps {
+    items?: MenuDockItem[];
+    className?: string;
+    variant?: "default" | "compact" | "large";
+    orientation?: "horizontal" | "vertical";
+    showLabels?: boolean;
+    animated?: boolean;
+    defaultActiveIndex?: number;
+    activeIndex?: number;
+    onActiveIndexChange?: (index: number) => void;
+}
+export declare const MenuDock: React.FC<MenuDockProps>;
+export {};
+//# sourceMappingURL=menu-dock.d.ts.map

package/dist/components/molecules/navigation/menu-dock/menu-dock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-dock.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/navigation/menu-dock/menu-dock.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEnE,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAUD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgK5C,CAAC"}

package/dist/components/molecules/navigation/menu-dock/menu-dock.js

@@ -0,0 +1,97 @@
+/**
+ * MenuDock - Componente Molecule
+ *
+ * Componente de dock de menu com animação e suporte a múltiplos itens
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAnimatedIndicator } from "@flowtomic/logic";
+import { motion, useReducedMotion } from "motion/react";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { cn } from "@/lib/utils";
+const defaultItems = [
+    { label: "home", icon: () => null },
+    { label: "work", icon: () => null },
+    { label: "calendar", icon: () => null },
+    { label: "security", icon: () => null },
+    { label: "settings", icon: () => null },
+];
+export const MenuDock = ({ items, className, variant = "default", orientation = "horizontal", showLabels = true, animated: _animated = true, defaultActiveIndex = 0, activeIndex: controlledActiveIndex, onActiveIndexChange, }) => {
+    const finalItems = useMemo(() => {
+        const isValid = items && Array.isArray(items) && items.length >= 2 && items.length <= 8;
+        if (!isValid) {
+            console.warn("MenuDock: 'items' prop is invalid or missing. Using default items.", items);
+            return defaultItems;
+        }
+        return items;
+    }, [items]);
+    const [internalActiveIndex, setInternalActiveIndex] = useState(defaultActiveIndex);
+    // Usar índice controlado se fornecido, caso contrário usar estado interno
+    const isControlled = controlledActiveIndex !== undefined;
+    const activeIndex = isControlled ? controlledActiveIndex : internalActiveIndex;
+    const setActiveIndex = (index) => {
+        if (!isControlled) {
+            setInternalActiveIndex(index);
+        }
+        onActiveIndexChange?.(index);
+    };
+    const containerRef = useRef(null);
+    const shouldReduceMotion = useReducedMotion();
+    // Para o underline, precisamos rastrear o texto, não o botão
+    const textRefs = useRef([]);
+    useEffect(() => {
+        if (activeIndex >= finalItems.length && !isControlled) {
+            setInternalActiveIndex(0);
+        }
+    }, [finalItems, activeIndex, isControlled]);
+    // Usar o hook apenas quando showLabels e horizontal
+    const { indicatorStyle, registerElement } = useAnimatedIndicator({
+        containerRef: containerRef,
+        activeSelector: '[data-active="true"]',
+        getElementValue: (element) => {
+            return element.getAttribute("data-index") || "";
+        },
+        updateOnResize: showLabels && orientation === "horizontal",
+    });
+    const sizeClasses = {
+        default: "p-3",
+        compact: "p-2",
+        large: "p-4",
+    };
+    const iconSizes = {
+        default: "w-5 h-5",
+        compact: "w-4 h-4",
+        large: "w-6 h-6",
+    };
+    return (_jsxs("nav", { ref: containerRef, className: cn("relative flex", orientation === "horizontal" ? "flex-row" : "flex-col", "items-center gap-2", "bg-background border border-border rounded-lg", "p-2", className), "aria-label": "Menu dock", children: [finalItems.map((item, index) => {
+                const Icon = item.icon;
+                const isActive = activeIndex === index;
+                return (_jsxs("button", { type: "button", "data-active": isActive, "data-index": index.toString(), onClick: () => {
+                        setActiveIndex(index);
+                        item.onClick?.();
+                    }, className: cn("relative flex items-center gap-2", "px-3 py-2 rounded-md", "transition-all duration-200", "hover:bg-accent hover:text-accent-foreground", isActive && "bg-accent text-accent-foreground", sizeClasses[variant]), "aria-label": item.label, "aria-current": isActive ? "page" : undefined, children: [_jsx(Icon, { className: cn(iconSizes[variant], isActive && "text-primary") }), showLabels && (_jsx("span", { ref: (el) => {
+                                textRefs.current[index] = el;
+                                if (showLabels && orientation === "horizontal" && el) {
+                                    registerElement(el, index.toString());
+                                }
+                            }, "data-active": isActive, "data-index": index.toString(), className: cn("text-sm font-medium", "transition-all duration-200", isActive && "text-primary"), children: item.label }))] }, item.id || `menu-item-${index}`));
+            }), showLabels && orientation === "horizontal" && (_jsx(motion.div, { className: "absolute bottom-0 h-0.5 bg-primary", initial: false, animate: shouldReduceMotion
+                    ? {
+                        opacity: indicatorStyle.opacity,
+                    }
+                    : {
+                        x: indicatorStyle.left,
+                        width: indicatorStyle.width,
+                        opacity: indicatorStyle.opacity,
+                    }, transition: {
+                    type: "spring",
+                    stiffness: 380,
+                    damping: 30,
+                    mass: 0.5,
+                }, style: {
+                    pointerEvents: "none",
+                    left: 0,
+                    bottom: 0,
+                    height: "2px",
+                } }))] }));
+};

package/dist/components/molecules/navigation/sidebar-navigation/index.d.ts

@@ -0,0 +1,3 @@
+export type { MobileAppCard, NavigationItem, SidebarNavigationProps, } from "./sidebar-navigation";
+export { SidebarNavigation } from "./sidebar-navigation";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/navigation/sidebar-navigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/navigation/sidebar-navigation/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,aAAa,EACb,cAAc,EACd,sBAAsB,GACvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/molecules/navigation/sidebar-navigation/index.js

@@ -0,0 +1 @@
+export { SidebarNavigation } from "./sidebar-navigation";