@flowtomic/ui 0.1.8 → 0.1.10

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?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "info" | null | undefined;
+    variant?: "default" | "outline" | "destructive" | "secondary" | "success" | "info" | "warning" | 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> {

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

@@ -1 +1 @@
-{"version":3,"file":"sliding-number.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/animation/sliding-number/sliding-number.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,gBAAgB,EAItB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqF/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;IACtE,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,MAAM,EACN,SAAS,EACT,MAAc,EACd,YAAoB,EACpB,UAAiB,EACjB,QAAgB,EAChB,gBAAsB,EACtB,aAAiB,EACjB,UAIC,EACD,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA+GpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"sliding-number.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/animation/sliding-number/sliding-number.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,gBAAgB,EAItB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0F/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;IACtE,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,MAAM,EACN,SAAS,EACT,MAAc,EACd,YAAoB,EACpB,UAAiB,EACjB,QAAgB,EAChB,gBAAsB,EACtB,aAAiB,EACjB,UAIC,EACD,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA+GpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/atoms/animation/sliding-number/sliding-number.js

@@ -18,7 +18,10 @@ function SlidingNumberRoller({ prevValue, value, place, transition }) {
         animatedValue.set(targetNumber);
     }, [targetNumber, animatedValue]);
     const [measureRef, { height }] = useMeasure();
-    return (_jsxs("span", { ref: measureRef, "data-slot": "sliding-number-roller", className: "relative inline-block shrink-0 w-[1ch] overflow-x-visible overflow-y-clip leading-none tabular-nums", style: { color: "var(--animated-number-color, inherit)" }, children: [_jsx("span", { className: "invisible", children: "0" }), [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((digit) => (_jsx(SlidingNumberDisplay, { motionValue: animatedValue, number: digit, height: height, transition: transition }, `sliding-digit-${digit}`)))] }));
+    return (_jsxs("span", { ref: measureRef, "data-slot": "sliding-number-roller", className: "relative inline-block shrink-0 w-[1ch] h-[1em] overflow-hidden leading-none tabular-nums", style: {
+            color: "var(--animated-number-color, inherit)",
+            lineHeight: 1,
+        }, children: [_jsx("span", { className: "invisible", children: "0" }), [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((digit) => (_jsx(SlidingNumberDisplay, { motionValue: animatedValue, number: digit, height: height ?? 0, transition: transition }, `sliding-digit-${digit}`)))] }));
 }
 function SlidingNumberDisplay({ motionValue, number, height, transition, }) {
     const y = useTransform(motionValue, (latest) => {
@@ -32,12 +35,12 @@ function SlidingNumberDisplay({ motionValue, number, height, transition, }) {
         return translateY;
     });
     if (!height) {
-        return _jsx("span", { className: "invisible absolute", children: number });
+        return (_jsx("span", { className: "invisible absolute top-0 left-0 w-full h-[1em] leading-none", children: number }));
     }
     return (_jsx(motion.span, { "data-slot": "sliding-number-display", style: {
             y,
             color: "var(--animated-number-color, inherit)",
-        }, className: "absolute inset-0 flex items-center justify-center", transition: { ...transition, type: "spring" }, children: number }));
+        }, className: "absolute top-0 left-0 w-full h-[1em] flex items-center justify-center leading-none", transition: { ...transition, type: "spring" }, children: number }));
 }
 function SlidingNumber({ ref, number, className, inView = false, inViewMargin = "0px", inViewOnce = true, padStart = false, decimalSeparator = ".", decimalPlaces = 0, transition = {
     stiffness: 200,

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

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { type Options as QRCodeStylingOptions } from "qr-code-styling";
 import { type VariantProps } from "class-variance-authority";
+import { type Options as QRCodeStylingOptions } from "qr-code-styling";
+import * as React from "react";
 declare const qrCodeRootVariants: (props?: ({
     size?: "md" | "lg" | null | undefined;
     animated?: boolean | null | undefined;

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

@@ -1 +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"}
+{"version":3,"file":"qr-code.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/data-display/qr-code/qr-code.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAsB,EAAE,KAAK,OAAO,IAAI,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACtF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,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,oFAwElB,CAAC;AAGF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

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

@@ -1,8 +1,8 @@
 "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 QRCodeStyling from "qr-code-styling";
+import * as React from "react";
 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
@@ -72,7 +72,8 @@ export const QRCode = React.forwardRef(({ value, options, size = "md", animated
         });
     }, [value, options, size]);
     // Respect prefers-reduced-motion for animated overlay
-    const prefersReducedMotion = React.useMemo(() => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, []);
+    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";

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" | "destructive" | "success" | "warning" | "info" | 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?: "bottom" | "left" | "right" | "top" | "center" | "depth" | "3d" | null | undefined;
+    animation?: "center" | "left" | "right" | "bottom" | "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?: "bottom" | "left" | "right" | "top" | "center" | "depth" | "3d" | null | undefined;
+    animation?: "center" | "left" | "right" | "bottom" | "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?: "lg" | "default" | "sm" | null | undefined;
-    variant?: "default" | "success" | "error" | null | undefined;
+    size?: "default" | "lg" | "sm" | null | undefined;
+    variant?: "default" | "error" | "success" | 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

@@ -3,7 +3,7 @@ import { type VariantProps } from "class-variance-authority";
 import type * as React from "react";
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "lg" | "default" | "sm" | null | undefined;
+    size?: "default" | "lg" | "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/index.d.ts

@@ -11,4 +11,6 @@ export * from "./feedback";
 export * from "./forms";
 export * from "./layout";
 export * from "./navigation";
+export type { WidgetResizeHandleProps } from "./widget-resize-handle";
+export { WidgetResizeHandle } from "./widget-resize-handle";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,cAAc,QAAQ,CAAC;AAEvB,cAAc,gBAAgB,CAAC;AAE/B,cAAc,WAAW,CAAC;AAE1B,cAAc,YAAY,CAAC;AAE3B,cAAc,SAAS,CAAC;AAExB,cAAc,UAAU,CAAC;AAEzB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,cAAc,QAAQ,CAAC;AAEvB,cAAc,gBAAgB,CAAC;AAE/B,cAAc,WAAW,CAAC;AAE1B,cAAc,YAAY,CAAC;AAE3B,cAAc,SAAS,CAAC;AAExB,cAAc,UAAU,CAAC;AAEzB,cAAc,cAAc,CAAC;AAE7B,YAAY,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/atoms/index.js

@@ -20,3 +20,4 @@ export * from "./forms";
 export * from "./layout";
 // Navigation
 export * from "./navigation";
+export { WidgetResizeHandle } from "./widget-resize-handle";

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

@@ -107,7 +107,7 @@ declare namespace SidebarMenuItem {
 }
 declare const sidebarMenuButtonVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "lg" | "default" | "sm" | null | undefined;
+    size?: "default" | "lg" | "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>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     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;
-}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "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>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     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>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & 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>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "value" | "heading"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "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>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     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>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "onSelect" | "value" | "disabled"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "onSelect" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/components/atoms/widget-resize-handle/index.d.ts

@@ -0,0 +1,3 @@
+export type { WidgetResizeHandleProps } from "./widget-resize-handle";
+export { WidgetResizeHandle } from "./widget-resize-handle";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/widget-resize-handle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/widget-resize-handle/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/atoms/widget-resize-handle/index.js

@@ -0,0 +1 @@
+export { WidgetResizeHandle } from "./widget-resize-handle";

package/dist/components/atoms/widget-resize-handle/widget-resize-handle.d.ts

@@ -0,0 +1,60 @@
+/**
+ * WidgetResizeHandle - Atom Component
+ *
+ * Handle para redimensionar widgets arrastando o canto inferior direito.
+ * Componente puro de UI, totalmente genérico e reutilizável.
+ */
+export interface WidgetResizeHandleProps {
+    /**
+     * ID do widget a ser redimensionado
+     */
+    widgetId: string;
+    /**
+     * Largura atual do widget em unidades de grade
+     */
+    currentWidth: number;
+    /**
+     * Altura atual do widget em unidades de grade
+     */
+    currentHeight: number;
+    /**
+     * Callback quando widget é redimensionado
+     */
+    onResize: (widgetId: string, w: number, h: number) => void;
+    /**
+     * Tamanho mínimo do widget (largura)
+     */
+    minWidth?: number;
+    /**
+     * Tamanho mínimo do widget (altura)
+     */
+    minHeight?: number;
+    /**
+     * Tamanho máximo do widget (largura)
+     */
+    maxWidth?: number;
+    /**
+     * Tamanho máximo do widget (altura)
+     */
+    maxHeight?: number;
+    /**
+     * Tamanho da célula do grid em pixels
+     */
+    cellSize?: number;
+    /**
+     * Gap entre células em pixels
+     */
+    gap?: number;
+    /**
+     * Classe CSS adicional
+     */
+    className?: string;
+}
+/**
+ * Handle para redimensionar widget
+ *
+ * Componente puro de UI que permite redimensionar widgets arrastando
+ * o canto inferior direito. Usa snap to grid para alinhamento.
+ */
+export declare function WidgetResizeHandle({ widgetId, currentWidth, currentHeight, onResize, minWidth, minHeight, maxWidth, maxHeight, cellSize, gap, className, }: WidgetResizeHandleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=widget-resize-handle.d.ts.map

package/dist/components/atoms/widget-resize-handle/widget-resize-handle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-resize-handle.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/widget-resize-handle/widget-resize-handle.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAE3D;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,QAAY,EACZ,SAAa,EACb,QAAa,EACb,SAAc,EACd,QAAa,EACb,GAAQ,EACR,SAAS,GACV,EAAE,uBAAuB,2CAyFzB"}

package/dist/components/atoms/widget-resize-handle/widget-resize-handle.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * WidgetResizeHandle - Atom Component
+ *
+ * Handle para redimensionar widgets arrastando o canto inferior direito.
+ * Componente puro de UI, totalmente genérico e reutilizável.
+ */
+import { Maximize2 } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { cn } from "@/lib/utils";
+/**
+ * Handle para redimensionar widget
+ *
+ * Componente puro de UI que permite redimensionar widgets arrastando
+ * o canto inferior direito. Usa snap to grid para alinhamento.
+ */
+export function WidgetResizeHandle({ widgetId, currentWidth, currentHeight, onResize, minWidth = 2, minHeight = 2, maxWidth = 12, maxHeight = 20, cellSize = 50, gap = 16, className, }) {
+    const [isResizing, setIsResizing] = useState(false);
+    const [startPos, setStartPos] = useState({ x: 0, y: 0 });
+    const [startSize, setStartSize] = useState({ w: currentWidth, h: currentHeight });
+    const handleRef = useRef(null);
+    const handleMouseDown = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsResizing(true);
+        setStartPos({ x: e.clientX, y: e.clientY });
+        setStartSize({ w: currentWidth, h: currentHeight });
+    }, [currentWidth, currentHeight]);
+    useEffect(() => {
+        if (!isResizing)
+            return;
+        const handleMouseMove = (e) => {
+            const deltaX = e.clientX - startPos.x;
+            const deltaY = e.clientY - startPos.y;
+            // Calcula novo tamanho baseado no movimento do mouse
+            // Usa snap to grid
+            const totalCellSize = cellSize + gap;
+            const deltaW = Math.round(deltaX / totalCellSize);
+            const deltaH = Math.round(deltaY / totalCellSize);
+            // Se não houver mudança significativa, não atualiza
+            if (deltaW === 0 && deltaH === 0)
+                return;
+            const newW = Math.max(minWidth, Math.min(maxWidth, startSize.w + deltaW));
+            const newH = Math.max(minHeight, Math.min(maxHeight, startSize.h + deltaH));
+            // Atualiza apenas se mudou
+            if (newW !== currentWidth || newH !== currentHeight) {
+                onResize(widgetId, newW, newH);
+            }
+        };
+        const handleMouseUp = () => {
+            setIsResizing(false);
+        };
+        document.addEventListener("mousemove", handleMouseMove);
+        document.addEventListener("mouseup", handleMouseUp);
+        return () => {
+            document.removeEventListener("mousemove", handleMouseMove);
+            document.removeEventListener("mouseup", handleMouseUp);
+        };
+    }, [
+        isResizing,
+        startPos,
+        startSize,
+        currentWidth,
+        currentHeight,
+        widgetId,
+        minWidth,
+        minHeight,
+        maxWidth,
+        maxHeight,
+        cellSize,
+        gap,
+        onResize,
+    ]);
+    return (_jsx("div", { ref: handleRef, onMouseDown: handleMouseDown, className: cn("absolute bottom-0 right-0 w-6 h-6", "flex items-center justify-center", "bg-primary/20 border border-primary/40 rounded-tl-md", "cursor-nwse-resize", "opacity-0 group-hover:opacity-100 transition-opacity", "hover:bg-primary/30", isResizing && "opacity-100 bg-primary/40", className), "aria-label": "Redimensionar widget", children: _jsx(Maximize2, { className: "w-3 h-3 text-primary" }) }));
+}

package/dist/components/molecules/draggable-widget/draggable-widget.d.ts

@@ -0,0 +1,73 @@
+/**
+ * DraggableWidget - Molecule Component
+ *
+ * Wrapper para widgets que permite drag and drop e redimensionamento.
+ * Componente genérico e reutilizável para qualquer dashboard.
+ */
+export interface DraggableWidgetProps {
+    /**
+     * ID único do widget
+     */
+    widgetId: string;
+    /**
+     * Tipo do widget (opcional, para identificação)
+     */
+    widgetType?: string;
+    /**
+     * Conteúdo do widget
+     */
+    children: React.ReactNode;
+    /**
+     * Se está em modo de edição
+     */
+    isEditMode: boolean;
+    /**
+     * Posição CSS Grid
+     */
+    gridPosition: {
+        gridColumnStart: number;
+        gridColumnEnd: number;
+        gridRowStart: number;
+        gridRowEnd: number;
+    };
+    /**
+     * Largura atual do widget em unidades de grade
+     */
+    currentWidth: number;
+    /**
+     * Altura atual do widget em unidades de grade
+     */
+    currentHeight: number;
+    /**
+     * Callback quando widget é clicado para configurar
+     */
+    onConfigure?: (widgetId: string) => void;
+    /**
+     * Callback quando widget é removido
+     */
+    onRemove?: (widgetId: string) => void;
+    /**
+     * Callback quando widget é redimensionado
+     */
+    onResize?: (widgetId: string, w: number, h: number) => void;
+    /**
+     * Tamanho da célula do grid em pixels
+     */
+    cellSize?: number;
+    /**
+     * Gap entre células em pixels
+     */
+    gap?: number;
+    /**
+     * Classe CSS adicional
+     */
+    className?: string;
+}
+/**
+ * Componente de widget arrastável
+ *
+ * Wrapper genérico que adiciona funcionalidades de drag and drop,
+ * redimensionamento e controles de edição a qualquer widget.
+ */
+export declare const DraggableWidget: import("react").NamedExoticComponent<DraggableWidgetProps>;
+//# sourceMappingURL=draggable-widget.d.ts.map

package/dist/components/molecules/draggable-widget/draggable-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable-widget.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/draggable-widget/draggable-widget.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,YAAY,EAAE;QACZ,eAAe,EAAE,MAAM,CAAC;QACxB,aAAa,EAAE,MAAM,CAAC;QACtB,YAAY,EAAE,MAAM,CAAC;QACrB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IAEF;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5D;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,4DAiI3B,CAAC"}

package/dist/components/molecules/draggable-widget/draggable-widget.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * DraggableWidget - Molecule Component
+ *
+ * Wrapper para widgets que permite drag and drop e redimensionamento.
+ * Componente genérico e reutilizável para qualquer dashboard.
+ */
+import { useDraggable } from "@dnd-kit/core";
+import { CSS } from "@dnd-kit/utilities";
+import { GripVertical, Settings2, X } from "lucide-react";
+import { memo } from "react";
+import { WidgetResizeHandle } from "@/components/atoms/widget-resize-handle";
+import { cn } from "@/lib/utils";
+/**
+ * Componente de widget arrastável
+ *
+ * Wrapper genérico que adiciona funcionalidades de drag and drop,
+ * redimensionamento e controles de edição a qualquer widget.
+ */
+export const DraggableWidget = memo(({ widgetId, widgetType, children, isEditMode, gridPosition, currentWidth, currentHeight, onConfigure, onRemove, onResize, cellSize = 50, gap = 16, className, }) => {
+    const { attributes, listeners, setNodeRef, transform, isDragging } = useDraggable({
+        id: widgetId,
+        disabled: !isEditMode,
+        data: {
+            type: "widget",
+            widgetId,
+            widgetType,
+        },
+    });
+    const style = {
+        transform: CSS.Translate.toString(transform),
+        ...gridPosition,
+    };
+    const handleRemove = (e) => {
+        e.stopPropagation();
+        onRemove?.(widgetId);
+    };
+    const handleConfigure = (e) => {
+        e.stopPropagation();
+        onConfigure?.(widgetId);
+    };
+    return (_jsxs("div", { ref: setNodeRef, style: style, className: cn("relative group", isDragging && "opacity-50 z-50", isEditMode && "ring-2 ring-primary/20", className), children: [_jsx("div", { className: cn("h-full w-full bg-card rounded-lg border border-border shadow-sm overflow-hidden", isEditMode && "hover:shadow-md transition-shadow"), children: children }), isEditMode && (_jsxs(_Fragment, { children: [_jsx("div", { ...attributes, ...listeners, className: cn("absolute top-2 left-2 p-1.5 rounded-md", "bg-background/80 backdrop-blur-sm border border-border", "cursor-grab active:cursor-grabbing", "opacity-0 group-hover:opacity-100 transition-opacity", "hover:bg-background"), "aria-label": "Arrastar widget", children: _jsx(GripVertical, { className: "w-4 h-4 text-muted-foreground" }) }), _jsxs("div", { className: "absolute top-2 right-2 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: [onConfigure && (_jsx("button", { onClick: handleConfigure, className: cn("p-1.5 rounded-md", "bg-background/80 backdrop-blur-sm border border-border", "hover:bg-background text-muted-foreground hover:text-foreground", "transition-colors"), "aria-label": "Configurar widget", children: _jsx(Settings2, { className: "w-4 h-4" }) })), onRemove && (_jsx("button", { onClick: handleRemove, className: cn("p-1.5 rounded-md", "bg-background/80 backdrop-blur-sm border border-border", "hover:bg-destructive hover:text-destructive-foreground", "text-muted-foreground transition-colors"), "aria-label": "Remover widget", children: _jsx(X, { className: "w-4 h-4" }) }))] }), onResize && (_jsx(WidgetResizeHandle, { widgetId: widgetId, currentWidth: currentWidth, currentHeight: currentHeight, onResize: onResize, cellSize: cellSize, gap: gap }))] }))] }));
+});
+DraggableWidget.displayName = "DraggableWidget";

package/dist/components/molecules/draggable-widget/index.d.ts

@@ -0,0 +1,3 @@
+export type { DraggableWidgetProps } from "./draggable-widget";
+export { DraggableWidget } from "./draggable-widget";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/draggable-widget/index.d.ts.map

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

package/dist/components/molecules/draggable-widget/index.js

@@ -0,0 +1 @@
+export { DraggableWidget } from "./draggable-widget";

package/dist/components/molecules/edit-mode-toggle/edit-mode-toggle.d.ts

@@ -0,0 +1,41 @@
+/**
+ * EditModeToggle - Molecule Component
+ *
+ * Componente para alternar entre modo de edição e visualização.
+ * Genérico e reutilizável para qualquer contexto de edição.
+ */
+import React from "react";
+export interface EditModeToggleProps {
+    /**
+     * Se está em modo de edição
+     */
+    isEditMode: boolean;
+    /**
+     * Callback quando modo de edição é alterado
+     */
+    onToggle: (editMode: boolean) => void;
+    /**
+     * Se está desabilitado
+     */
+    disabled?: boolean;
+    /**
+     * Label para o botão quando em modo de edição (padrão: "Visualizar")
+     */
+    viewLabel?: string;
+    /**
+     * Label para o botão quando em modo de visualização (padrão: "Editar Dashboard")
+     */
+    editLabel?: string;
+    /**
+     * Classe CSS adicional
+     */
+    className?: string;
+}
+/**
+ * Toggle para alternar modo de edição
+ *
+ * Componente genérico que permite alternar entre modo de edição e visualização.
+ * Pode ser usado em qualquer contexto que precise de toggle de edição.
+ */
+export declare const EditModeToggle: React.ForwardRefExoticComponent<EditModeToggleProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=edit-mode-toggle.d.ts.map

package/dist/components/molecules/edit-mode-toggle/edit-mode-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-mode-toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/edit-mode-toggle/edit-mode-toggle.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,+FA6C1B,CAAC"}