@flowtomic/ui 0.1.4 → 0.1.5

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

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

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" | "secondary" | "destructive" | "info" | "ghost" | "natural" | null | undefined;
-    size?: "sm" | "default" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "success" | "info" | "ghost" | "natural" | null | undefined;
+    size?: "lg" | "default" | "sm" | "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/index.d.ts

@@ -4,4 +4,6 @@ export type { CarouselApi, CarouselContentProps, CarouselItemProps, CarouselNext
 export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel, } from "./carousel";
 export type { ChartConfig, ChartContainerProps, ChartLegendContentProps, ChartStyleProps, ChartTooltipContentProps, } from "./chart";
 export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, useChart, } from "./chart";
+export type { QRCodeProps } from "./qr-code";
+export { QRCode, qrCodeRootVariants } from "./qr-code";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/data-display/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EACV,WAAW,EACX,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,qBAAqB,EACrB,aAAa,GACd,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,WAAW,GACZ,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,WAAW,EACX,mBAAmB,EACnB,uBAAuB,EACvB,eAAe,EACf,wBAAwB,GACzB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,QAAQ,GACT,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/data-display/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EACV,WAAW,EACX,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,qBAAqB,EACrB,aAAa,GACd,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,WAAW,GACZ,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,WAAW,EACX,mBAAmB,EACnB,uBAAuB,EACvB,eAAe,EACf,wBAAwB,GACzB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,QAAQ,GACT,MAAM,SAAS,CAAC;AAGjB,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC"}

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

@@ -1,3 +1,4 @@
 export { Calendar, CalendarDayButton } from "./calendar";
 export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel, } from "./carousel";
 export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, useChart, } from "./chart";
+export { QRCode, qrCodeRootVariants } from "./qr-code";

package/dist/components/atoms/data-display/qr-code/index.d.ts

@@ -0,0 +1,3 @@
+export type { QRCodeProps } from "./qr-code";
+export { QRCode, qrCodeRootVariants } from "./qr-code";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/data-display/qr-code/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/data-display/qr-code/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/atoms/data-display/qr-code/index.js

@@ -0,0 +1 @@
+export { QRCode, qrCodeRootVariants } from "./qr-code";

package/dist/components/atoms/data-display/qr-code/qr-code.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { type Options as QRCodeStylingOptions } from "qr-code-styling";
+import { type VariantProps } from "class-variance-authority";
+declare const qrCodeRootVariants: (props?: ({
+    size?: "md" | "lg" | null | undefined;
+    animated?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface QRCodeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children">, VariantProps<typeof qrCodeRootVariants> {
+    /** Valor (data) codificado no QR. */
+    value: string;
+    /** Opções extras da lib qr-code-styling para customização avançada. */
+    options?: QRCodeStylingOptions;
+    /** Rótulo de acessibilidade (aria-label). */
+    ariaLabel?: string;
+}
+export declare const QRCode: React.ForwardRefExoticComponent<QRCodeProps & React.RefAttributes<HTMLDivElement>>;
+export { qrCodeRootVariants };
+//# sourceMappingURL=qr-code.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/data-display/qr-code/qr-code.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAsB,EAAE,KAAK,OAAO,IAAI,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACtF,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,kBAAkB;;;8EAkBvB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0CD,eAAO,MAAM,MAAM,oFA8ElB,CAAC;AAGF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/atoms/data-display/qr-code/qr-code.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import QRCodeStyling from "qr-code-styling";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+// Size tokens (visual wrapper padding + internal QR size)
+const qrCodeRootVariants = cva("relative flex items-center justify-center select-none", // base classes
+{
+    variants: {
+        size: {
+            md: "p-2",
+            lg: "p-3",
+        },
+        animated: {
+            true: "", // animation handled conditionally
+            false: "",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+        animated: false,
+    },
+});
+// Map sizes to pixel dimensions for QR render
+const QR_SIZE = {
+    md: { width: 96, height: 96 },
+    lg: { width: 128, height: 128 },
+};
+// Corner frame handle
+const FrameHandle = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("size-3 rounded-tl border-t-2 border-l-2 border-[hsl(var(--primary))]", // use primary token
+    className), ...props })));
+FrameHandle.displayName = "QRCodeFrameHandle";
+// Animated gradient scan overlay (only when animated && !prefers-reduced-motion)
+const GradientScan = React.forwardRef(({ className, style, ...props }, ref) => (_jsx("div", { ref: ref, "aria-hidden": true, className: cn("absolute bottom-0 h-1/2 w-full border-t border-[hsl(var(--primary))] bg-[hsl(var(--primary))/0.10]", "[mask-image:radial-gradient(52.19%_100%_at_50%_0%,_#000_0%,_rgba(0,0,0,0)_95.31%)]", "[webkit-mask-image:radial-gradient(52.19%_100%_at_50%_0%,_#000_0%,_rgba(0,0,0,0)_95.31%)]", className), style: style, ...props })));
+GradientScan.displayName = "QRCodeGradientScan";
+export const QRCode = React.forwardRef(({ value, options, size = "md", animated = false, className, ariaLabel = "QR code", ...props }, ref) => {
+    const containerRef = React.useRef(null);
+    const qrInstanceRef = React.useRef(null);
+    const mountedRef = React.useRef(false);
+    // Create instance once
+    React.useEffect(() => {
+        if (!containerRef.current || mountedRef.current)
+            return;
+        mountedRef.current = true;
+        const qrSize = size ?? "md";
+        qrInstanceRef.current = new QRCodeStyling({
+            width: QR_SIZE[qrSize].width,
+            height: QR_SIZE[qrSize].height,
+            data: value,
+            type: "svg",
+            // Sensible defaults (can be overridden via options)
+            margin: 0,
+            qrOptions: { typeNumber: 0, mode: "Byte", errorCorrectionLevel: "Q" },
+            imageOptions: { hideBackgroundDots: true, imageSize: 0.4 },
+            dotsOptions: { type: "rounded" },
+            backgroundOptions: { color: "transparent" },
+            ...options,
+        });
+        qrInstanceRef.current.append(containerRef.current);
+    }, [options, size, value]);
+    // Update when value/options/size change
+    React.useEffect(() => {
+        if (!qrInstanceRef.current)
+            return;
+        const qrSize = size ?? "md";
+        qrInstanceRef.current.update({
+            data: value,
+            width: QR_SIZE[qrSize].width,
+            height: QR_SIZE[qrSize].height,
+            ...options,
+        });
+    }, [value, options, size]);
+    // Respect prefers-reduced-motion for animated overlay
+    const prefersReducedMotion = React.useMemo(() => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, []);
+    return (_jsxs("div", { ref: ref, role: "img", "aria-label": ariaLabel, className: cn(qrCodeRootVariants({ size, animated }), className), ...props, children: [_jsx("div", { ref: containerRef, className: "[&>canvas]:h-auto [&>canvas]:w-auto" }), _jsx(FrameHandle, { className: "absolute left-0 top-0" }), _jsx(FrameHandle, { className: "absolute top-0 right-0 rotate-90" }), _jsx(FrameHandle, { className: "absolute bottom-0 right-0 rotate-180" }), _jsx(FrameHandle, { className: "absolute bottom-0 left-0 -rotate-90" }), animated && !prefersReducedMotion && (_jsx(GradientScan, { className: "animate-[scan_2.4s_linear_infinite]", style: {} })), _jsx("style", { children: `@keyframes scan { from { transform: translateY(100%); opacity: .15; } to { transform: translateY(0%); opacity: .55; } }` })] }));
+});
+QRCode.displayName = "QRCode";
+export { qrCodeRootVariants };

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" | "warning" | "info" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
 }

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" | "bottom" | "left" | "right" | "top" | "depth" | "3d" | null | undefined;
+    animation?: "bottom" | "left" | "right" | "top" | "center" | "depth" | "3d" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type AlertDialogContentProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & VariantProps<typeof alertDialogContentVariants> & {
     /**
@@ -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" | "bottom" | "left" | "right" | "top" | "depth" | "3d" | null | undefined;
+    animation?: "bottom" | "left" | "right" | "top" | "center" | "depth" | "3d" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
     /**
      * Habilita backdrop blur (apenas para animation="3d")

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?: "lg" | "default" | "sm" | 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?: "lg" | "default" | "sm" | 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?: "lg" | "default" | "sm" | 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

@@ -19,11 +19,11 @@ export type CommandSeparatorProps = React.ComponentPropsWithoutRef<typeof Comman
  */
 declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
     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>>, "onChange" | "value" | "type"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -57,11 +57,11 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
  */
 declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
@@ -69,21 +69,21 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
  */
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * CommandGroup - Grupo do command
  */
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -91,11 +91,11 @@ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
 /**
  * CommandSeparator - Separador do command
  */
-declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
@@ -103,11 +103,11 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
  */
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "onSelect" | "value" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

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;

package/dist/components/molecules/forms/text-editor/index.d.ts

@@ -0,0 +1,3 @@
+export type { TextEditorMode, TextEditorProps, TextEditorToolbarAction } from "./text-editor";
+export { TextEditor } from "./text-editor";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/forms/text-editor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/forms/text-editor/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/molecules/forms/text-editor/index.js

@@ -0,0 +1 @@
+export { TextEditor } from "./text-editor";

package/dist/components/molecules/forms/text-editor/text-editor.d.ts

@@ -0,0 +1,33 @@
+/**
+ * TextEditor - Flowtomic UI
+ *
+ * Editor de texto rico com TipTap + modos opcionais Markdown e Preview.
+ * Regras de modo:
+ * - Somente 'rich' => sem abas, apenas editor rico
+ * - Somente 'markdown' => textarea markdown + (preview opcional)
+ * - Somente 'preview' => somente visualização
+ * - Múltiplos modos => abas para cada modo disponível
+ */
+import * as React from "react";
+export type TextEditorMode = "rich" | "markdown" | "preview";
+export type TextEditorToolbarAction = "bold" | "italic" | "strike" | "code" | "h1" | "h2" | "h3" | "bulletList" | "orderedList" | "blockquote" | "alignLeft" | "alignCenter" | "alignRight" | "textColor" | "image";
+declare const DEFAULT_ACTIONS: TextEditorToolbarAction[];
+type BaseDivProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">;
+export interface TextEditorProps extends BaseDivProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    editable?: boolean;
+    mode?: TextEditorMode;
+    onModeChange?: (mode: TextEditorMode) => void;
+    toolbar?: boolean;
+    allowedActions?: TextEditorToolbarAction[];
+    onUploadImage?: (file: File) => Promise<string> | string;
+    outputFormat?: "markdown" | "text";
+    /** Modos disponíveis. 'markdown' sempre inclui 'preview' automaticamente */
+    availableModes?: ("rich" | "markdown")[];
+}
+export declare const TextEditor: React.ForwardRefExoticComponent<TextEditorProps & React.RefAttributes<HTMLDivElement>>;
+export { DEFAULT_ACTIONS };
+//# sourceMappingURL=text-editor.d.ts.map

package/dist/components/molecules/forms/text-editor/text-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/forms/text-editor/text-editor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+C/B,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;AAE7D,MAAM,MAAM,uBAAuB,GAC/B,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GACrC,IAAI,GAAG,IAAI,GAAG,IAAI,GAClB,YAAY,GAAG,aAAa,GAAG,YAAY,GAC3C,WAAW,GAAG,aAAa,GAAG,YAAY,GAC1C,WAAW,GACX,OAAO,CAAC;AAEZ,QAAA,MAAM,eAAe,EAAE,uBAAuB,EAgB7C,CAAC;AA2DF,KAAK,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAE3E,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAC3C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;IACzD,YAAY,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACnC,4EAA4E;IAC5E,cAAc,CAAC,EAAE,CAAC,MAAM,GAAG,UAAU,CAAC,EAAE,CAAC;CAC1C;AAED,eAAO,MAAM,UAAU,wFAmUtB,CAAC;AA8BF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/molecules/forms/text-editor/text-editor.js

@@ -0,0 +1,211 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * TextEditor - Flowtomic UI
+ *
+ * Editor de texto rico com TipTap + modos opcionais Markdown e Preview.
+ * Regras de modo:
+ * - Somente 'rich' => sem abas, apenas editor rico
+ * - Somente 'markdown' => textarea markdown + (preview opcional)
+ * - Somente 'preview' => somente visualização
+ * - Múltiplos modos => abas para cada modo disponível
+ */
+import * as React from "react";
+import { useEditor, EditorContent } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import Placeholder from "@tiptap/extension-placeholder";
+import TextStyle from "@tiptap/extension-text-style";
+import Color from "@tiptap/extension-color";
+import TextAlign from "@tiptap/extension-text-align";
+import Image from "@tiptap/extension-image";
+import { Markdown } from "tiptap-markdown";
+import { Bold, Code, Heading1, Heading2, Heading3, ImageIcon, Italic, ListOrdered, List as ListIcon, Quote, Strikethrough, AlignLeft, AlignCenter, AlignRight, Eye, FileText, Palette, } from "lucide-react";
+import { Streamdown } from "streamdown";
+import { cn } from "@/lib/utils";
+import { Button, Separator, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Popover, PopoverContent, PopoverTrigger, } from "../../../atoms";
+const DEFAULT_ACTIONS = [
+    "bold",
+    "italic",
+    "strike",
+    "code",
+    "h1",
+    "h2",
+    "h3",
+    "bulletList",
+    "orderedList",
+    "blockquote",
+    "alignLeft",
+    "alignCenter",
+    "alignRight",
+    "textColor",
+    "image",
+];
+const PRESET_COLORS = [
+    { label: "Preto", value: "#000000" },
+    { label: "Cinza escuro", value: "#374151" },
+    { label: "Cinza", value: "#6B7280" },
+    { label: "Cinza claro", value: "#9CA3AF" },
+    { label: "Vermelho", value: "#EF4444" },
+    { label: "Laranja", value: "#F97316" },
+    { label: "Amarelo", value: "#EAB308" },
+    { label: "Verde", value: "#10B981" },
+    { label: "Azul", value: "#3B82F6" },
+    { label: "Índigo", value: "#6366F1" },
+    { label: "Roxo", value: "#A855F7" },
+    { label: "Rosa", value: "#EC4899" },
+    { label: "Vermelho escuro", value: "#991B1B" },
+    { label: "Laranja escuro", value: "#9A3412" },
+    { label: "Amarelo escuro", value: "#854D0E" },
+    { label: "Verde escuro", value: "#065F46" },
+    { label: "Azul escuro", value: "#1E40AF" },
+    { label: "Índigo escuro", value: "#3730A3" },
+    { label: "Roxo escuro", value: "#6B21A8" },
+    { label: "Rosa escuro", value: "#9F1239" },
+    { label: "Vermelho claro", value: "#FCA5A5" },
+    { label: "Laranja claro", value: "#FDBA74" },
+    { label: "Amarelo claro", value: "#FDE047" },
+    { label: "Verde claro", value: "#6EE7B7" },
+    { label: "Azul claro", value: "#93C5FD" },
+    { label: "Índigo claro", value: "#A5B4FC" },
+    { label: "Roxo claro", value: "#D8B4FE" },
+    { label: "Rosa claro", value: "#F9A8D4" },
+];
+function useMarkdownState(controlled, initial) {
+    const isControlled = controlled !== undefined;
+    const [value, setValue] = React.useState(initial);
+    React.useEffect(() => {
+        if (isControlled)
+            setValue(controlled);
+    }, [controlled, isControlled]);
+    return { value, setValue, isControlled };
+}
+function stripMarkdown(md) {
+    return md
+        .replace(/`{1,3}[^`]*`/g, (m) => m.replace(/`/g, ""))
+        .replace(/^#{1,6}\s+/gm, "")
+        .replace(/\*\*([^*]+)\*\*/g, "$1")
+        .replace(/\*([^*]+)\*/g, "$1")
+        .replace(/~~([^~]+)~~/g, "$1")
+        .replace(/>\s+/g, "")
+        .replace(/`([^`]+)`/g, "$1")
+        .replace(/^\s*[-*+]\s+/gm, "")
+        .replace(/^\s*\d+\.\s+/gm, "")
+        .replace(/!\[[^\]]*\]\([^)]*\)/g, "")
+        .replace(/\[[^\]]*\]\([^)]*\)/g, (m) => m.match(/\[([^\]]+)\]/)?.[1] || "")
+        .replace(/\n{3,}/g, "\n\n")
+        .trim();
+}
+export const TextEditor = React.forwardRef(({ className, value: controlledValue, defaultValue, onChange, placeholder = "Escreva algo...", editable = true, mode: controlledMode, onModeChange, toolbar = true, allowedActions = DEFAULT_ACTIONS, onUploadImage, outputFormat = "markdown", availableModes = ["rich", "markdown"], ...props }, ref) => {
+    const initial = controlledValue ?? defaultValue ?? "";
+    const { value: internalMarkdown, setValue: setInternalMarkdown, isControlled } = useMarkdownState(controlledValue, initial);
+    // Expandir modos: se markdown está presente, adicionar preview automaticamente
+    const effectiveModes = React.useMemo(() => {
+        const unique = availableModes.filter((m, i, arr) => arr.indexOf(m) === i);
+        const expanded = [];
+        if (unique.includes("rich"))
+            expanded.push("rich");
+        if (unique.includes("markdown")) {
+            expanded.push("markdown");
+            expanded.push("preview"); // markdown sempre vem com preview
+        }
+        return expanded.length > 0 ? expanded : ["rich"];
+    }, [availableModes]);
+    const [mode, setMode] = React.useState(controlledMode && effectiveModes.includes(controlledMode) ? controlledMode : effectiveModes[0]);
+    const setModeSafe = React.useCallback((m) => {
+        if (!effectiveModes.includes(m))
+            return;
+        setMode(m);
+        onModeChange?.(m);
+    }, [effectiveModes, onModeChange]);
+    const editor = useEditor({
+        editable,
+        extensions: [
+            Markdown.configure({ html: false, transformPastedText: true, transformCopiedText: true }),
+            StarterKit.configure({ heading: { levels: [1, 2, 3] } }),
+            TextStyle,
+            Color,
+            TextAlign.configure({ types: ["heading", "paragraph"] }),
+            Placeholder.configure({ placeholder }),
+            Image,
+        ],
+        content: internalMarkdown ? undefined : "",
+        onUpdate: ({ editor }) => {
+            try {
+                // @ts-expect-error acesso ao storage markdown da extensão
+                const md = editor?.storage?.markdown?.getMarkdown?.() ?? editor.commands.getMarkdown?.();
+                if (typeof md === "string") {
+                    if (!isControlled)
+                        setInternalMarkdown(md);
+                    if (outputFormat === "text") {
+                        onChange?.(editor.getText());
+                    }
+                    else {
+                        onChange?.(md);
+                    }
+                }
+            }
+            catch {
+                /* silencioso */
+            }
+        },
+    });
+    React.useEffect(() => {
+        if (!editor)
+            return;
+        if (controlledValue === undefined)
+            return;
+        const nextMarkdown = controlledValue; // já é markdown ou texto; se texto não temos conversão -> usar direto
+        // @ts-expect-error comando da extensão markdown
+        if (editor.commands?.setMarkdown) {
+            // @ts-expect-error
+            editor.commands.setMarkdown(nextMarkdown);
+        }
+        else {
+            editor.commands.setContent(nextMarkdown);
+        }
+    }, [editor, controlledValue]);
+    const handleImageInsert = React.useCallback(async () => {
+        if (!editor)
+            return;
+        const input = document.createElement("input");
+        input.type = "file";
+        input.accept = "image/*";
+        input.onchange = async () => {
+            const file = input.files?.[0];
+            if (!file)
+                return;
+            const url = onUploadImage ? await onUploadImage(file) : URL.createObjectURL(file);
+            editor.chain().focus().setImage({ src: url, alt: file.name }).run();
+        };
+        input.click();
+    }, [editor, onUploadImage]);
+    const Toolbar = React.useMemo(() => {
+        if (!toolbar)
+            return null;
+        const e = editor;
+        const run = (cb) => () => e && cb(e);
+        return (_jsxs("div", { className: "flex flex-wrap items-center gap-1 rounded-md border bg-muted/40 p-1", children: [allowedActions.includes("bold") && (_jsx(ToolbarButton, { label: "Negrito", active: e?.isActive("bold"), onClick: run((ed) => ed.chain().focus().toggleBold().run()), children: _jsx(Bold, { size: 14 }) })), allowedActions.includes("italic") && (_jsx(ToolbarButton, { label: "It\u00E1lico", active: e?.isActive("italic"), onClick: run((ed) => ed.chain().focus().toggleItalic().run()), children: _jsx(Italic, { size: 14 }) })), allowedActions.includes("strike") && (_jsx(ToolbarButton, { label: "Tachado", active: e?.isActive("strike"), onClick: run((ed) => ed.chain().focus().toggleStrike().run()), children: _jsx(Strikethrough, { size: 14 }) })), allowedActions.includes("code") && (_jsx(ToolbarButton, { label: "C\u00F3digo inline", active: e?.isActive("code"), onClick: run((ed) => ed.chain().focus().toggleCode().run()), children: _jsx(Code, { size: 14 }) })), _jsx(Separator, { orientation: "vertical", className: "mx-1 h-6" }), allowedActions.includes("h1") && (_jsx(ToolbarButton, { label: "T\u00EDtulo H1", active: e?.isActive("heading", { level: 1 }), onClick: run((ed) => ed.chain().focus().toggleHeading({ level: 1 }).run()), children: _jsx(Heading1, { size: 14 }) })), allowedActions.includes("h2") && (_jsx(ToolbarButton, { label: "T\u00EDtulo H2", active: e?.isActive("heading", { level: 2 }), onClick: run((ed) => ed.chain().focus().toggleHeading({ level: 2 }).run()), children: _jsx(Heading2, { size: 14 }) })), allowedActions.includes("h3") && (_jsx(ToolbarButton, { label: "T\u00EDtulo H3", active: e?.isActive("heading", { level: 3 }), onClick: run((ed) => ed.chain().focus().toggleHeading({ level: 3 }).run()), children: _jsx(Heading3, { size: 14 }) })), _jsx(Separator, { orientation: "vertical", className: "mx-1 h-6" }), allowedActions.includes("bulletList") && (_jsx(ToolbarButton, { label: "Lista n\u00E3o ordenada", active: e?.isActive("bulletList"), onClick: run((ed) => ed.chain().focus().toggleBulletList().run()), children: _jsx(ListIcon, { size: 14 }) })), allowedActions.includes("orderedList") && (_jsx(ToolbarButton, { label: "Lista ordenada", active: e?.isActive("orderedList"), onClick: run((ed) => ed.chain().focus().toggleOrderedList().run()), children: _jsx(ListOrdered, { size: 14 }) })), allowedActions.includes("blockquote") && (_jsx(ToolbarButton, { label: "Cita\u00E7\u00E3o", active: e?.isActive("blockquote"), onClick: run((ed) => ed.chain().focus().toggleBlockquote().run()), children: _jsx(Quote, { size: 14 }) })), _jsx(Separator, { orientation: "vertical", className: "mx-1 h-6" }), allowedActions.includes("alignLeft") && (_jsx(ToolbarButton, { label: "Alinhar \u00E0 esquerda", active: e?.isActive({ textAlign: "left" }), onClick: run((ed) => ed.chain().focus().setTextAlign("left").run()), children: _jsx(AlignLeft, { size: 14 }) })), allowedActions.includes("alignCenter") && (_jsx(ToolbarButton, { label: "Centralizar", active: e?.isActive({ textAlign: "center" }), onClick: run((ed) => ed.chain().focus().setTextAlign("center").run()), children: _jsx(AlignCenter, { size: 14 }) })), allowedActions.includes("alignRight") && (_jsx(ToolbarButton, { label: "Alinhar \u00E0 direita", active: e?.isActive({ textAlign: "right" }), onClick: run((ed) => ed.chain().focus().setTextAlign("right").run()), children: _jsx(AlignRight, { size: 14 }) })), _jsx(Separator, { orientation: "vertical", className: "mx-1 h-6" }), allowedActions.includes("textColor") && (_jsxs(Popover, { children: [_jsx(TooltipProvider, { delayDuration: 300, skipDelayDuration: 0, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "h-7 w-7 p-0", children: _jsx(Palette, { size: 14 }) }) }) }), _jsx(TooltipContent, { sideOffset: 4, children: "Cor do texto" })] }) }), _jsx(PopoverContent, { className: "w-auto p-2", children: _jsxs("div", { className: "grid grid-cols-6 gap-1", children: [PRESET_COLORS.map((color) => (_jsx("button", { type: "button", onClick: () => e?.chain().focus().setColor(color.value).run(), className: "size-6 rounded border border-border hover:scale-110 transition-transform", style: { backgroundColor: color.value }, title: color.label }, color.value))), _jsx("button", { type: "button", onClick: () => e?.chain().focus().unsetColor().run(), className: "size-6 rounded border border-border hover:scale-110 transition-transform bg-background flex items-center justify-center text-xs", title: "Remover cor", children: "\u2715" })] }) })] })), _jsx(Separator, { orientation: "vertical", className: "mx-1 h-6" }), allowedActions.includes("image") && (_jsx(ToolbarButton, { label: "Inserir imagem", onClick: handleImageInsert, children: _jsx(ImageIcon, { size: 14 }) }))] }));
+    }, [editor, toolbar, allowedActions, handleImageInsert]);
+    const richView = (_jsxs("div", { className: "grid gap-2", children: [Toolbar, _jsx("div", { className: cn("prose dark:prose-invert prose-sm max-w-none rounded-md border bg-background p-3", "focus-within:ring-ring/50 focus-within:ring-[3px]"), children: _jsx(EditorContent, { editor: editor, className: "min-h-40" }) })] }));
+    const markdownEditor = (_jsx(Textarea, { className: "font-mono text-sm", rows: 14, value: internalMarkdown, onChange: (e) => {
+            const next = e.target.value;
+            setInternalMarkdown(next);
+            if (outputFormat === "text") {
+                onChange?.(stripMarkdown(next));
+            }
+            else {
+                onChange?.(next);
+            }
+        }, placeholder: placeholder }));
+    const previewView = (_jsx("div", { className: "rounded-md border bg-background p-3", children: _jsx(Streamdown, { children: internalMarkdown }) }));
+    // Renderização sem abas (apenas rich sozinho)
+    if (effectiveModes.length === 1 && effectiveModes[0] === "rich") {
+        return (_jsx("div", { ref: ref, className: cn("grid gap-2", className), ...props, children: richView }));
+    }
+    // Com abas (markdown sempre inclui preview automaticamente)
+    return (_jsx("div", { ref: ref, className: cn("grid gap-2", className), ...props, children: _jsxs(Tabs, { value: mode, onValueChange: (v) => setModeSafe(v), children: [_jsxs(TabsList, { className: "w-fit", children: [effectiveModes.includes("rich") && (_jsx(TabsTrigger, { value: "rich", children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx(Eye, { className: "size-3.5" }), " Rich"] }) })), effectiveModes.includes("markdown") && (_jsx(TabsTrigger, { value: "markdown", children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx(FileText, { className: "size-3.5" }), " Markdown"] }) })), effectiveModes.includes("preview") && (_jsx(TabsTrigger, { value: "preview", children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx(Eye, { className: "size-3.5" }), " Preview"] }) }))] }), effectiveModes.includes("rich") && (_jsx(TabsContent, { value: "rich", className: "mt-2", children: richView })), effectiveModes.includes("markdown") && (_jsx(TabsContent, { value: "markdown", className: "mt-2", children: markdownEditor })), effectiveModes.includes("preview") && (_jsx(TabsContent, { value: "preview", className: "mt-2", children: previewView }))] }) }));
+});
+TextEditor.displayName = "TextEditor";
+function ToolbarButton({ label, active, className, children, ...rest }) {
+    return (_jsx(TooltipProvider, { delayDuration: 300, skipDelayDuration: 0, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { type: "button", variant: "ghost", size: "sm", className: cn("h-7 w-7 p-0", active && "bg-accent text-accent-foreground", className), ...rest, children: children }) }), _jsx(TooltipContent, { sideOffset: 4, children: label })] }) }));
+}
+export { DEFAULT_ACTIONS };

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

@@ -5,6 +5,8 @@
 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 { TextEditorMode, TextEditorProps, TextEditorToolbarAction } from "./forms/text-editor";
+export { TextEditor } from "./forms/text-editor";
 export type { AnimatedSlidingNumberProps } from "./animation/animated-sliding-number";
 export { AnimatedSlidingNumber } from "./animation/animated-sliding-number";
 export type { ButtonCounterProps } from "./animation/button-counter";