@flowtomic/ui 0.1.13 → 0.1.15

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

@@ -1,7 +1,7 @@
 import { type VariantProps } from "class-variance-authority";
 import React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "outline" | "default" | "success" | "destructive" | "secondary" | "info" | "warning" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "info" | "warning" | null | undefined;
     size?: "sm" | "lg" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {

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

@@ -2,8 +2,8 @@ import { type VariantProps } from "class-variance-authority";
 import { type Transition } from "motion/react";
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "outline" | "default" | "success" | "destructive" | "secondary" | "ghost" | "info" | "natural" | null | undefined;
-    size?: "sm" | "default" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "success" | "info" | "natural" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "transition">, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/components/atoms/data-display/calendar/calendar.d.ts

@@ -3,8 +3,9 @@ import { type DayButton, DayPicker } from "react-day-picker";
 import { Button } from "../../actions/button/button";
 export type CalendarProps = React.ComponentProps<typeof DayPicker> & {
     buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+    captionLayout?: "buttons" | "dropdown" | "dropdown-months" | "dropdown-years";
 };
-declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout: captionLayoutProp, buttonVariant, formatters, components, onMonthChange, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Calendar {
     var displayName: string;
 }

package/dist/components/atoms/data-display/calendar/calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/data-display/calendar/calendar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,SAAS,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AAEnF,OAAO,EAAE,MAAM,EAAkB,MAAM,6BAA6B,CAAC;AAErE,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IACnE,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,aAAa,2CAuHf;kBAhIQ,QAAQ;;;AAoIjB,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAE5E,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CA+BzF;kBA/BQ,iBAAiB;;;AAmC1B,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/data-display/calendar/calendar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,SAAS,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AAEnF,OAAO,EAAE,MAAM,EAAkB,MAAM,6BAA6B,CAAC;AAErE,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IACnE,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;IAC/D,aAAa,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;CAC/E,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAa,EAAE,iBAAiB,EAChC,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,aAAa,EACb,GAAG,KAAK,EACT,EAAE,aAAa,2CA0Hf;kBApIQ,QAAQ;;;AAwIjB,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAE5E,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CA+BzF;kBA/BQ,iBAAiB;;;AAmC1B,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/atoms/data-display/calendar/calendar.js

@@ -4,9 +4,12 @@ import * as React from "react";
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
 import { cn } from "@/lib/utils";
 import { Button, buttonVariants } from "../../actions/button/button";
-function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
+function Calendar({ className, classNames, showOutsideDays = true, captionLayout: captionLayoutProp, buttonVariant = "ghost", formatters, components, onMonthChange, ...props }) {
     const defaultClassNames = getDefaultClassNames();
-    return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw `rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), captionLayout: captionLayout, formatters: {
+    const captionLayoutValue = !captionLayoutProp || captionLayoutProp === "buttons"
+        ? undefined
+        : captionLayoutProp;
+    return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw `rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), ...(captionLayoutValue !== undefined && { captionLayout: captionLayoutValue }), formatters: {
             formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
             ...formatters,
         }, classNames: {
@@ -20,9 +23,7 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
             dropdowns: cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns),
             dropdown_root: cn("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md", defaultClassNames.dropdown_root),
             dropdown: cn("absolute bg-popover inset-0 opacity-0", defaultClassNames.dropdown),
-            caption_label: cn("select-none font-medium", captionLayout === "label"
-                ? "text-sm"
-                : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label),
+            caption_label: cn("select-none font-medium rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label),
             table: "w-full border-collapse",
             weekdays: cn("flex", defaultClassNames.weekdays),
             weekday: cn("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday),
@@ -58,7 +59,7 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
                 return (_jsx("td", { ...props, children: _jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: children }) }));
             },
             ...components,
-        }, ...props }));
+        }, onMonthChange: onMonthChange, ...props }));
 }
 Calendar.displayName = "Calendar";
 function CalendarDayButton({ className, day, modifiers, ...props }) {

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

@@ -14,7 +14,7 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const alertVariants: (props?: ({
-    variant?: "default" | "success" | "destructive" | "info" | "warning" | null | undefined;
+    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> {
 }

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

@@ -19,7 +19,7 @@ export type AlertDialogTriggerProps = React.ComponentPropsWithoutRef<typeof Aler
  * Variantes de animação para AlertDialogContent
  */
 declare const alertDialogContentVariants: (props?: ({
-    animation?: "center" | "top" | "right" | "bottom" | "left" | "depth" | "3d" | null | undefined;
+    animation?: "center" | "bottom" | "left" | "right" | "top" | "depth" | "3d" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type AlertDialogContentProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & VariantProps<typeof alertDialogContentVariants> & {
     /**
@@ -61,7 +61,7 @@ declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDial
  * Suporta animações 3D quando animation="3d"
  */
 declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
-    animation?: "center" | "top" | "right" | "bottom" | "left" | "depth" | "3d" | null | undefined;
+    animation?: "center" | "bottom" | "left" | "right" | "top" | "depth" | "3d" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
     /**
      * Habilita backdrop blur (apenas para animation="3d")

package/dist/components/atoms/forms/input/input.d.ts

@@ -1,8 +1,8 @@
 import { type VariantProps } from "class-variance-authority";
 import React from "react";
 declare const inputVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
-    variant?: "default" | "error" | "success" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+    variant?: "default" | "success" | "error" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
     label?: string;

package/dist/components/atoms/forms/toggle/toggle.d.ts

@@ -2,8 +2,8 @@ import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { type VariantProps } from "class-variance-authority";
 import type * as React from "react";
 declare const toggleVariants: (props?: ({
-    variant?: "outline" | "default" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ToggleProps extends React.ComponentProps<typeof TogglePrimitive.Root>, VariantProps<typeof toggleVariants> {
 }

package/dist/components/atoms/layout/sidebar/sidebar.d.ts

@@ -106,8 +106,8 @@ declare namespace SidebarMenuItem {
     var displayName: string;
 }
 declare const sidebarMenuButtonVariants: (props?: ({
-    variant?: "outline" | "default" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface SidebarMenuButtonProps extends React.ComponentProps<"button">, VariantProps<typeof sidebarMenuButtonVariants> {
     asChild?: boolean;

package/dist/components/atoms/navigation/command/command.d.ts

@@ -23,7 +23,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -48,7 +48,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -61,7 +61,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
@@ -73,7 +73,7 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * CommandGroup - Grupo do command
  */
@@ -83,7 +83,7 @@ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -95,7 +95,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
@@ -107,7 +107,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/components/molecules/data-display/chat-message/chat-message.d.ts

@@ -0,0 +1,39 @@
+/**
+ * ChatMessage Component - Flowtomic UI
+ *
+ * Componente genérico de mensagem de chat com suporte a markdown,
+ * tipos de mensagem customizáveis, badges e context menu
+ */
+import type { HTMLAttributes } from "react";
+import * as React from "react";
+export interface ChatMessageData {
+    id: string | number;
+    content: string;
+    sender: string;
+    timestamp: Date | string;
+    messageType?: string;
+    isSummary?: boolean;
+}
+export interface ChatMessageProps extends HTMLAttributes<HTMLDivElement> {
+    message: ChatMessageData;
+    onEdit?: (id: string | number) => void;
+    onDelete?: (id: string | number) => void;
+    onViewContext?: (id: string | number) => void;
+    renderMarkdown?: boolean;
+    messageTypeConfig?: Record<string, {
+        label: string;
+        badgeClassName?: string;
+        containerClassName?: string;
+        senderClassName?: string;
+    }>;
+    senderConfig?: Record<string, {
+        containerClassName?: string;
+        senderClassName?: string;
+        isSystem?: boolean;
+    }>;
+    formatTimestamp?: (timestamp: Date | string) => string;
+    showActions?: boolean;
+    showTimestamp?: boolean;
+}
+export declare const ChatMessage: React.ForwardRefExoticComponent<ChatMessageProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=chat-message.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/chat-message/chat-message.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,IAAI,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,OAAO,EAAE,eAAe,CAAC;IACzB,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CACxB,MAAM,EACN;QACE,KAAK,EAAE,MAAM,CAAC;QACd,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CACF,CAAC;IACF,YAAY,CAAC,EAAE,MAAM,CACnB,MAAM,EACN;QACE,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CACF,CAAC;IACF,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,MAAM,CAAC;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AA0CD,eAAO,MAAM,WAAW,yFAgKvB,CAAC"}

package/dist/components/molecules/data-display/chat-message/chat-message.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ChatMessage Component - Flowtomic UI
+ *
+ * Componente genérico de mensagem de chat com suporte a markdown,
+ * tipos de mensagem customizáveis, badges e context menu
+ */
+import { Edit, Eye, MoreVertical, Trash2 } from "lucide-react";
+import * as React from "react";
+import ReactMarkdown from "react-markdown";
+import { cn } from "@/lib/utils";
+import { Badge, Button } from "../../../atoms";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger, } from "../../../atoms/actions/context-menu";
+const defaultMessageTypeConfig = {
+    STORY: {
+        label: "STORY",
+        badgeClassName: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300",
+        containerClassName: "bg-blue-100 dark:bg-blue-900/30 border-blue-500",
+        senderClassName: "text-blue-700 dark:text-blue-300",
+    },
+    ACTION: {
+        label: "ACTION",
+        badgeClassName: "bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-300",
+        containerClassName: "bg-yellow-50 dark:bg-yellow-900/20 border-yellow-500",
+        senderClassName: "text-yellow-700 dark:text-yellow-400",
+    },
+    SAY: {
+        label: "SAY",
+        badgeClassName: "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-300",
+        containerClassName: "bg-emerald-50 dark:bg-emerald-900/20 border-emerald-500",
+        senderClassName: "text-emerald-700 dark:text-emerald-400",
+    },
+};
+const defaultSenderConfig = {
+    Sistema: {
+        containerClassName: "text-center text-gray-500 dark:text-gray-400 text-sm italic",
+        isSystem: true,
+    },
+    Mestre: {
+        containerClassName: "bg-blue-100 dark:bg-blue-900/30 border-l-4 border-blue-500 p-4 rounded-r",
+        senderClassName: "text-blue-700 dark:text-blue-300 text-sm font-medium",
+    },
+    Narrador: {
+        containerClassName: "bg-blue-100 dark:bg-blue-900/30 border-l-4 border-blue-500 p-4 rounded-r",
+        senderClassName: "text-blue-700 dark:text-blue-300 text-sm font-medium",
+    },
+};
+const defaultFormatTimestamp = (timestamp) => {
+    return new Date(timestamp).toLocaleString();
+};
+export const ChatMessage = React.forwardRef(({ message, onEdit, onDelete, onViewContext, renderMarkdown = true, messageTypeConfig = defaultMessageTypeConfig, senderConfig = defaultSenderConfig, formatTimestamp = defaultFormatTimestamp, showActions = true, showTimestamp = true, className, ...props }, ref) => {
+    const typeConfig = message.messageType ? messageTypeConfig[message.messageType] : undefined;
+    const senderCfg = senderConfig[message.sender] || {
+        containerClassName: "bg-gray-100 dark:bg-gray-800/50 border-l-4 border-yellow-500 p-4 rounded-r",
+        senderClassName: "text-yellow-600 dark:text-yellow-400",
+    };
+    const isSystem = senderCfg.isSystem || message.sender === "Sistema";
+    const hasActions = showActions && (onEdit || onDelete || onViewContext);
+    const renderTypeBadge = () => {
+        if (!message.messageType || !typeConfig)
+            return null;
+        return (_jsx(Badge, { className: cn("text-[10px] font-medium ml-2", typeConfig.badgeClassName), children: typeConfig.label }));
+    };
+    const renderContent = () => {
+        if (renderMarkdown) {
+            return (_jsx(ReactMarkdown, { components: {
+                    strong: ({ ...props }) => (_jsx("strong", { className: cn("font-bold", typeConfig?.senderClassName || senderCfg.senderClassName), ...props })),
+                    em: ({ ...props }) => _jsx("em", { className: "italic", ...props }),
+                    p: ({ ...props }) => _jsx("span", { ...props }),
+                }, children: message.content }));
+        }
+        return _jsx("span", { children: message.content });
+    };
+    // System message (centered, italic)
+    if (isSystem) {
+        return (_jsxs("div", { ref: ref, id: `message-${message.id}`, className: cn(message.isSummary
+                ? "bg-purple-50 dark:bg-purple-900/20 border-l-4 border-purple-500"
+                : "", senderCfg.containerClassName, className), ...props, children: [renderContent(), showTimestamp && (_jsx("div", { className: "mt-1 text-[10px]", children: formatTimestamp(message.timestamp) }))] }));
+    }
+    // Regular message with actions
+    return (_jsxs("div", { ref: ref, id: `message-${message.id}`, className: cn(message.isSummary
+            ? "bg-purple-50 dark:bg-purple-900/20 border-l-4 border-purple-500"
+            : "", typeConfig?.containerClassName || senderCfg.containerClassName, className), ...props, children: [_jsxs("div", { className: "flex items-center justify-between mb-1", children: [_jsxs("div", { className: cn("text-sm font-medium flex items-center gap-2", typeConfig?.senderClassName || senderCfg.senderClassName), children: [_jsx("span", { children: message.sender }), renderTypeBadge()] }), hasActions && (_jsxs(ContextMenu, { children: [_jsx(ContextMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon-sm", className: "p-1 hover:bg-gray-200 dark:hover:bg-gray-700/50 rounded transition-colors", title: "Op\u00E7\u00F5es da mensagem", children: _jsx(MoreVertical, { className: "w-3 h-4" }) }) }), _jsxs(ContextMenuContent, { children: [onEdit && (_jsxs(ContextMenuItem, { onClick: () => onEdit(message.id), children: [_jsx(Edit, { className: "w-4 h-4 mr-2" }), "Editar"] })), onViewContext && (_jsxs(ContextMenuItem, { onClick: () => onViewContext(message.id), children: [_jsx(Eye, { className: "w-4 h-4 mr-2" }), "Ver Contexto"] })), onDelete && (_jsxs(ContextMenuItem, { onClick: () => onDelete(message.id), className: "text-red-400 focus:text-red-400", children: [_jsx(Trash2, { className: "w-4 h-4 mr-2" }), "Excluir"] }))] })] }))] }), _jsx("div", { className: "text-gray-900 dark:text-gray-200", children: renderContent() }), showTimestamp && (_jsx("div", { className: "mt-1 text-[10px] text-gray-500 dark:text-gray-400", children: formatTimestamp(message.timestamp) }))] }));
+});
+ChatMessage.displayName = "ChatMessage";

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

@@ -0,0 +1,3 @@
+export type { ChatMessageData, ChatMessageProps } from "./chat-message";
+export { ChatMessage } from "./chat-message";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/molecules/data-display/chat-message/index.js

@@ -0,0 +1 @@
+export { ChatMessage } from "./chat-message";

package/dist/components/molecules/feedback/edit-chat-message-modal/edit-chat-message-modal.d.ts

@@ -0,0 +1,20 @@
+/**
+ * EditChatMessageModal Component - Flowtomic UI
+ *
+ * Modal genérico para editar mensagens de chat com validação
+ * de alterações não salvas e exibição de metadados
+ */
+import type * as React from "react";
+import type { ChatMessageData } from "../../data-display/chat-message";
+export interface EditChatMessageModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    message: ChatMessageData | null;
+    onSave: (id: string | number, content: string) => Promise<void> | void;
+    isLoading?: boolean;
+    formatTimestamp?: (timestamp: Date | string) => string;
+    getMessageTypeBadgeClassName?: (messageType?: string) => string;
+    className?: string;
+}
+export declare const EditChatMessageModal: React.FC<EditChatMessageModalProps>;
+//# sourceMappingURL=edit-chat-message-modal.d.ts.map

package/dist/components/molecules/feedback/edit-chat-message-modal/edit-chat-message-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-chat-message-modal.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/feedback/edit-chat-message-modal/edit-chat-message-modal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAYpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAEvE,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,eAAe,GAAG,IAAI,CAAC;IAChC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,MAAM,CAAC;IACvD,4BAA4B,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmBD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwHpE,CAAC"}

package/dist/components/molecules/feedback/edit-chat-message-modal/edit-chat-message-modal.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * EditChatMessageModal Component - Flowtomic UI
+ *
+ * Modal genérico para editar mensagens de chat com validação
+ * de alterações não salvas e exibição de metadados
+ */
+import { Edit, Save } from "lucide-react";
+import { useEffect, useState } from "react";
+import { cn } from "@/lib/utils";
+import { Badge, Button, Dialog, DialogContent, DialogHeader, DialogTitle, Textarea, } from "../../../atoms";
+const defaultFormatTimestamp = (timestamp) => {
+    return new Date(timestamp).toLocaleString();
+};
+const defaultGetMessageTypeBadgeClassName = (messageType) => {
+    switch (messageType) {
+        case "SAY":
+            return "bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-300";
+        case "ACTION":
+            return "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300";
+        case "STORY":
+            return "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300";
+        default:
+            return "bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-300";
+    }
+};
+export const EditChatMessageModal = ({ isOpen, onClose, message, onSave, isLoading = false, formatTimestamp = defaultFormatTimestamp, getMessageTypeBadgeClassName = defaultGetMessageTypeBadgeClassName, className, }) => {
+    const [editedContent, setEditedContent] = useState("");
+    const [hasChanges, setHasChanges] = useState(false);
+    useEffect(() => {
+        if (message) {
+            setEditedContent(message.content);
+            setHasChanges(false);
+        }
+    }, [message]);
+    useEffect(() => {
+        if (message) {
+            setHasChanges(editedContent !== message.content);
+        }
+    }, [editedContent, message]);
+    const handleSave = async () => {
+        if (!message || !hasChanges || isLoading)
+            return;
+        try {
+            await onSave(message.id, editedContent);
+            onClose();
+        }
+        catch (error) {
+            console.error("Error saving message:", error);
+            // Error handling should be done by the parent component
+        }
+    };
+    const handleClose = () => {
+        if (hasChanges) {
+            const confirmClose = window.confirm("Você tem alterações não salvas. Deseja realmente fechar?");
+            if (!confirmClose)
+                return;
+        }
+        onClose();
+    };
+    if (!message)
+        return null;
+    return (_jsx(Dialog, { open: isOpen, onOpenChange: handleClose, children: _jsxs(DialogContent, { className: cn("max-w-2xl max-h-[80vh] overflow-hidden", className), children: [_jsx(DialogHeader, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Edit, { className: "w-5 h-5 text-blue-600 dark:text-blue-400" }), _jsx(DialogTitle, { className: "text-lg", children: "Editar Mensagem" })] }) }), _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "bg-gray-50 dark:bg-gray-800/50 rounded-lg p-3 border", children: _jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("span", { className: "font-medium text-gray-900 dark:text-gray-100", children: message.sender }), message.messageType && (_jsx(Badge, { className: getMessageTypeBadgeClassName(message.messageType), children: message.messageType })), _jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400 ml-auto", children: formatTimestamp(message.timestamp) })] }) }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: "Conte\u00FAdo da Mensagem" }), _jsx(Textarea, { value: editedContent, onChange: (e) => setEditedContent(e.target.value), className: "min-h-[200px] resize-none", placeholder: "Digite o conte\u00FAdo da mensagem...", disabled: isLoading }), _jsxs("div", { className: "flex items-center justify-between text-xs text-gray-500 dark:text-gray-400", children: [_jsxs("span", { children: [editedContent.length, " caracteres"] }), hasChanges && (_jsx("div", { className: "flex items-center gap-1 text-amber-600 dark:text-amber-400", children: _jsx("span", { children: "\u26A0\uFE0F Altera\u00E7\u00F5es n\u00E3o salvas" }) }))] })] }), _jsxs("div", { className: "flex items-center justify-end gap-2 pt-4 border-t", children: [_jsx(Button, { variant: "outline", onClick: handleClose, disabled: isLoading, children: "Cancelar" }), _jsxs(Button, { onClick: handleSave, disabled: !hasChanges || isLoading || !editedContent.trim(), className: "flex items-center gap-2", children: [isLoading ? (_jsx("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-white" })) : (_jsx(Save, { className: "w-4 h-4" })), "Salvar Altera\u00E7\u00F5es"] })] })] })] }) }));
+};
+EditChatMessageModal.displayName = "EditChatMessageModal";

package/dist/components/molecules/feedback/edit-chat-message-modal/index.d.ts

@@ -0,0 +1,3 @@
+export type { EditChatMessageModalProps } from "./edit-chat-message-modal";
+export { EditChatMessageModal } from "./edit-chat-message-modal";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/feedback/edit-chat-message-modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/feedback/edit-chat-message-modal/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/molecules/feedback/edit-chat-message-modal/index.js

@@ -0,0 +1 @@
+export { EditChatMessageModal } from "./edit-chat-message-modal";

package/dist/components/molecules/forms/chat-input/chat-input.d.ts

@@ -0,0 +1,46 @@
+/**
+ * ChatInput Component - Flowtomic UI
+ *
+ * Componente de input para chat com suporte a tipos de mensagem,
+ * modos customizáveis, contador de caracteres e atalhos de teclado
+ */
+import type { HTMLAttributes, ReactNode } from "react";
+import * as React from "react";
+export interface MessageTypeOption {
+    value: string;
+    label: string;
+    icon?: ReactNode;
+}
+export interface ModeOption {
+    value: string;
+    label: string;
+    icon?: ReactNode;
+    description?: string;
+}
+export interface ChatInputProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSubmit" | "onChange"> {
+    value: string;
+    onChange: (value: string) => void;
+    onSubmit: (value: string, messageType?: string, mode?: string) => void;
+    maxLength?: number;
+    messageTypes?: MessageTypeOption[];
+    selectedMessageType?: string;
+    onMessageTypeChange?: (type: string) => void;
+    modes?: ModeOption[];
+    selectedMode?: string;
+    onModeChange?: (mode: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    isLoading?: boolean;
+    shortcuts?: {
+        submit?: string;
+        clear?: string;
+    };
+    indicators?: ReactNode;
+    showCounter?: boolean;
+    showHeader?: boolean;
+    headerTitle?: string;
+    headerDescription?: string;
+    className?: string;
+}
+export declare const ChatInput: React.ForwardRefExoticComponent<ChatInputProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=chat-input.d.ts.map

package/dist/components/molecules/forms/chat-input/chat-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/forms/chat-input/chat-input.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACnG,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,uFAiNrB,CAAC"}

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

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ChatInput Component - Flowtomic UI
+ *
+ * Componente de input para chat com suporte a tipos de mensagem,
+ * modos customizáveis, contador de caracteres e atalhos de teclado
+ */
+import { Send } from "lucide-react";
+import * as React from "react";
+import { useEffect, useRef } from "react";
+import { cn } from "@/lib/utils";
+import { Button, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../../../atoms";
+export const ChatInput = React.forwardRef(({ value, onChange, onSubmit, maxLength = 1500, messageTypes, selectedMessageType, onMessageTypeChange, modes, selectedMode, onModeChange, placeholder = "Digite sua mensagem...", disabled = false, isLoading = false, shortcuts = { submit: "Ctrl+Enter", clear: "Escape" }, indicators, showCounter = true, showHeader = false, headerTitle, headerDescription, className, ...props }, ref) => {
+    const textareaRef = useRef(null);
+    const remaining = maxLength - value.length;
+    // Auto-resize textarea
+    useEffect(() => {
+        if (textareaRef.current) {
+            textareaRef.current.style.height = "auto";
+            textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;
+        }
+    }, [value]);
+    const handleSubmit = () => {
+        if (!value.trim() || remaining < 0 || disabled || isLoading)
+            return;
+        onSubmit(value.trim(), selectedMessageType, selectedMode);
+        onChange("");
+    };
+    const handleKeyDown = (e) => {
+        if (shortcuts.submit && e.key === "Enter" && (e.ctrlKey || e.metaKey)) {
+            e.preventDefault();
+            handleSubmit();
+        }
+        else if (shortcuts.clear && e.key === "Escape") {
+            e.preventDefault();
+            onChange("");
+        }
+    };
+    const renderMessageTypeButtons = () => {
+        if (!messageTypes || messageTypes.length === 0)
+            return null;
+        return (_jsx("div", { className: "flex items-center gap-2 mb-3", children: messageTypes.map((type) => (_jsxs(Button, { type: "button", variant: selectedMessageType === type.value ? "default" : "outline", size: "sm", onClick: () => onMessageTypeChange?.(type.value), className: cn("text-xs font-medium transition-colors", selectedMessageType === type.value
+                    ? "bg-purple-600 text-white hover:bg-purple-700"
+                    : "bg-gray-700 text-gray-300 hover:bg-gray-600"), children: [type.icon && _jsx("span", { className: "mr-1", children: type.icon }), type.label] }, type.value))) }));
+    };
+    const renderModeButtons = () => {
+        if (!modes || modes.length === 0)
+            return null;
+        return (_jsx("div", { className: "flex items-center gap-3 mb-3", children: modes.map((mode) => (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: selectedMode === mode.value ? "default" : "outline", size: "sm", onClick: () => onModeChange?.(mode.value), className: cn("text-sm font-medium transition-all flex items-center gap-2", selectedMode === mode.value
+                                    ? "bg-purple-600 text-white shadow-lg shadow-purple-600/25"
+                                    : "bg-gray-700 text-gray-300 hover:bg-gray-600 hover:text-white"), children: [mode.icon && _jsx("span", { children: mode.icon }), _jsx("span", { className: "font-semibold", children: mode.label })] }) }), mode.description && (_jsx(TooltipContent, { children: _jsx("p", { children: mode.description }) }))] }) }, mode.value))) }));
+    };
+    return (_jsxs("div", { ref: ref, className: cn("border border-gray-700/50 rounded-lg bg-gray-900/40", className), ...props, children: [showHeader && (_jsxs("header", { className: "px-4 py-3 border-b border-gray-700/50 flex items-center gap-2", children: [_jsx("span", { className: "inline-flex w-5 h-5 items-center justify-center rounded-md bg-purple-600 text-white text-xs", children: "\u25A0" }), _jsxs("div", { children: [headerTitle && _jsx("h3", { className: "text-sm font-medium text-gray-200", children: headerTitle }), headerDescription && (_jsx("p", { className: "text-[11px] text-gray-400", children: headerDescription }))] })] })), _jsxs("div", { className: "p-4", children: [renderMessageTypeButtons(), renderModeButtons(), _jsx(Textarea, { ref: textareaRef, value: value, onChange: (e) => onChange(e.target.value), onKeyDown: handleKeyDown, placeholder: placeholder, maxLength: maxLength, disabled: disabled || isLoading, className: cn("w-full min-h-[80px] mb-2 rounded-md bg-gray-900 border border-gray-700", "text-gray-100 placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-purple-500", "p-3 resize-none disabled:opacity-50") }), _jsxs("div", { className: "flex items-center justify-between pt-3 relative", children: [showCounter && (_jsxs("span", { className: cn("absolute left-4 bottom-14 text-[12px] font-bold select-none px-2 py-0.5 rounded-full shadow bg-gray-900/50 hover:bg-gray-900 transition-colors hover:cursor-default", remaining > 0
+                                    ? "text-green-400/70 hover:text-green-400"
+                                    : "text-red-400/70 hover:text-red-400"), style: { zIndex: 5 }, children: ["\u2022 ", remaining, " restantes"] })), indicators && (_jsx("div", { className: "absolute right-4 bottom-14", style: { zIndex: 5 }, children: indicators })), _jsxs(Button, { onClick: handleSubmit, disabled: !value.trim() || remaining < 0 || disabled || isLoading, className: "bg-purple-600 hover:bg-purple-700 text-white rounded-full px-5 py-2 flex items-center gap-2 transition-colors disabled:opacity-50 disabled:cursor-not-allowed", children: [_jsx(Send, { className: "w-4 h-4" }), isLoading ? "Enviando..." : "Enviar"] })] }), shortcuts && (_jsxs("div", { className: "flex items-center justify-between text-xs text-gray-500 dark:text-gray-400 mt-2", children: [shortcuts.submit && (_jsxs("span", { children: [shortcuts.submit.replace("Ctrl", "Ctrl").replace("Meta", "Cmd"), " para enviar"] })), shortcuts.clear && _jsxs("span", { children: [shortcuts.clear, " para limpar"] })] }))] })] }));
+});
+ChatInput.displayName = "ChatInput";

package/dist/components/molecules/forms/chat-input/index.d.ts

@@ -0,0 +1,3 @@
+export type { ChatInputProps, MessageTypeOption, ModeOption, } from "./chat-input";
+export { ChatInput } from "./chat-input";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/forms/chat-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/forms/chat-input/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,cAAc,EACd,iBAAiB,EACjB,UAAU,GACX,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/molecules/forms/chat-input/index.js

@@ -0,0 +1 @@
+export { ChatInput } from "./chat-input";

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

@@ -13,8 +13,8 @@ declare namespace ItemSeparator {
     var displayName: string;
 }
 declare const itemVariants: (props?: ({
-    variant?: "outline" | "default" | "muted" | null | undefined;
-    size?: "sm" | "default" | null | undefined;
+    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;