@flowtomic/ui 0.1.14 → 0.2.0

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

@@ -1,3 +1,68 @@
+/**
+ * # Sidebar Component
+ *
+ * O componente `Sidebar` é usado para criar uma barra lateral navegável
+ * que pode ser expandida/colapsada. Suporta modos desktop e mobile,
+ * com persistência de estado via cookies.
+ *
+ * ## Características Principais
+ *
+ * - **Responsivo**: Adapta-se automaticamente para mobile (usa Sheet) e desktop
+ * - **Estados**: Suporta expanded e collapsed
+ * - **Persistência**: Salva estado em cookies
+ * - **Atalho de Teclado**: Cmd/Ctrl + B para toggle
+ * - **Variantes**: sidebar, floating, inset
+ * - **Collapsible**: offcanvas, icon, none
+ * - **Composição**: Múltiplos sub-componentes para flexibilidade
+ *
+ * ## Componentes Principais
+ *
+ * - **SidebarProvider**: Provider do contexto do sidebar
+ * - **Sidebar**: Container principal do sidebar
+ * - **SidebarTrigger**: Botão para toggle do sidebar
+ * - **SidebarHeader**: Cabeçalho do sidebar
+ * - **SidebarContent**: Conteúdo do sidebar
+ * - **SidebarFooter**: Rodapé do sidebar
+ * - **SidebarGroup**: Grupo de itens
+ * - **SidebarGroupLabel**: Label do grupo
+ * - **SidebarGroupContent**: Conteúdo do grupo
+ * - **SidebarMenu**: Menu do sidebar
+ * - **SidebarMenuItem**: Item do menu
+ * - **SidebarMenuButton**: Botão do item do menu
+ * - **useSidebar**: Hook para acessar contexto do sidebar
+ *
+ * ## Uso Básico
+ *
+ * ```tsx
+ * import { SidebarProvider, Sidebar, SidebarContent, SidebarTrigger } from "@flowtomic/ui/components/atoms/layout/sidebar";
+ *
+ * function MyComponent() {
+ *   return (
+ *     <SidebarProvider>
+ *       <Sidebar>
+ *         <SidebarContent>
+ *           <SidebarMenu>
+ *             <SidebarMenuItem>
+ *               <SidebarMenuButton>Item 1</SidebarMenuButton>
+ *             </SidebarMenuItem>
+ *           </SidebarMenu>
+ *         </SidebarContent>
+ *       </Sidebar>
+ *       <SidebarTrigger />
+ *     </SidebarProvider>
+ *   );
+ * }
+ * ```
+ *
+ * ## Acessibilidade
+ *
+ * - Suporta navegação por teclado
+ * - Atalho de teclado (Cmd/Ctrl + B)
+ * - Suporta leitores de tela
+ * - Tooltips para itens colapsados
+ *
+ * @see [Sidebar Component Stories](./sidebar.stories.tsx) para exemplos de uso
+ */
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 import { Button } from "../../actions/button/button";
@@ -106,7 +171,7 @@ declare namespace SidebarMenuItem {
     var displayName: string;
 }
 declare const sidebarMenuButtonVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
+    variant?: "outline" | "default" | 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> {

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

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

package/dist/components/atoms/layout/sidebar/sidebar.js

@@ -1,4 +1,69 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * # Sidebar Component
+ *
+ * O componente `Sidebar` é usado para criar uma barra lateral navegável
+ * que pode ser expandida/colapsada. Suporta modos desktop e mobile,
+ * com persistência de estado via cookies.
+ *
+ * ## Características Principais
+ *
+ * - **Responsivo**: Adapta-se automaticamente para mobile (usa Sheet) e desktop
+ * - **Estados**: Suporta expanded e collapsed
+ * - **Persistência**: Salva estado em cookies
+ * - **Atalho de Teclado**: Cmd/Ctrl + B para toggle
+ * - **Variantes**: sidebar, floating, inset
+ * - **Collapsible**: offcanvas, icon, none
+ * - **Composição**: Múltiplos sub-componentes para flexibilidade
+ *
+ * ## Componentes Principais
+ *
+ * - **SidebarProvider**: Provider do contexto do sidebar
+ * - **Sidebar**: Container principal do sidebar
+ * - **SidebarTrigger**: Botão para toggle do sidebar
+ * - **SidebarHeader**: Cabeçalho do sidebar
+ * - **SidebarContent**: Conteúdo do sidebar
+ * - **SidebarFooter**: Rodapé do sidebar
+ * - **SidebarGroup**: Grupo de itens
+ * - **SidebarGroupLabel**: Label do grupo
+ * - **SidebarGroupContent**: Conteúdo do grupo
+ * - **SidebarMenu**: Menu do sidebar
+ * - **SidebarMenuItem**: Item do menu
+ * - **SidebarMenuButton**: Botão do item do menu
+ * - **useSidebar**: Hook para acessar contexto do sidebar
+ *
+ * ## Uso Básico
+ *
+ * ```tsx
+ * import { SidebarProvider, Sidebar, SidebarContent, SidebarTrigger } from "@flowtomic/ui/components/atoms/layout/sidebar";
+ *
+ * function MyComponent() {
+ *   return (
+ *     <SidebarProvider>
+ *       <Sidebar>
+ *         <SidebarContent>
+ *           <SidebarMenu>
+ *             <SidebarMenuItem>
+ *               <SidebarMenuButton>Item 1</SidebarMenuButton>
+ *             </SidebarMenuItem>
+ *           </SidebarMenu>
+ *         </SidebarContent>
+ *       </Sidebar>
+ *       <SidebarTrigger />
+ *     </SidebarProvider>
+ *   );
+ * }
+ * ```
+ *
+ * ## Acessibilidade
+ *
+ * - Suporta navegação por teclado
+ * - Atalho de teclado (Cmd/Ctrl + B)
+ * - Suporta leitores de tela
+ * - Tooltips para itens colapsados
+ *
+ * @see [Sidebar Component Stories](./sidebar.stories.tsx) para exemplos de uso
+ */
 import { useIsMobile } from "@flowtomic/logic";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
@@ -37,6 +102,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
         else {
             _setOpen(openState);
         }
+        // biome-ignore lint/suspicious/noDocumentCookie: Necessário para persistir o estado do sidebar
         document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
     }, [setOpenProp, open]);
     const toggleSidebar = React.useCallback(() => {

package/dist/components/atoms/layout/toggle-group/toggle-group.d.ts

@@ -1,18 +1,91 @@
+/**
+ * # ToggleGroup Component
+ *
+ * O componente `ToggleGroup` é usado para agrupar múltiplos toggles em um grupo
+ * onde apenas um ou múltiplos podem estar selecionados. É baseado em Radix UI
+ * para garantir acessibilidade completa.
+ *
+ * ## Características Principais
+ *
+ * - **Acessível**: Baseado em Radix UI com suporte completo a leitores de tela
+ * - **Modos**: Suporta single (apenas um selecionado) ou multiple (múltiplos selecionados)
+ * - **Variantes**: Herda variantes do Toggle (default, outline)
+ * - **Tamanhos**: Herda tamanhos do Toggle (default, sm, lg)
+ * - **Espaçamento**: Suporta espaçamento customizado entre itens
+ * - **Composição**: ToggleGroup + ToggleGroupItem
+ *
+ * ## Uso Básico
+ *
+ * ```tsx
+ * import { ToggleGroup, ToggleGroupItem } from "@flowtomic/ui/components/atoms/layout/toggle-group";
+ *
+ * function MyComponent() {
+ *   return (
+ *     <ToggleGroup type="single">
+ *       <ToggleGroupItem value="option1">Option 1</ToggleGroupItem>
+ *       <ToggleGroupItem value="option2">Option 2</ToggleGroupItem>
+ *     </ToggleGroup>
+ *   );
+ * }
+ * ```
+ *
+ * ## Acessibilidade
+ *
+ * - Suporta navegação por teclado (Tab, Enter, Espaço, setas)
+ * - Segue padrões WAI-ARIA via Radix UI
+ * - Suporta leitores de tela
+ * - Foco gerenciado automaticamente
+ *
+ * @see [Radix UI Toggle Group](https://www.radix-ui.com/primitives/docs/components/toggle-group) para mais detalhes
+ * @see [Toggle Component](../forms/toggle/toggle.tsx) para mais detalhes sobre variantes e tamanhos
+ */
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import type { VariantProps } from "class-variance-authority";
 import * as React from "react";
 import { toggleVariants } from "../../forms/toggle/toggle";
+/**
+ * Props do componente ToggleGroup.
+ *
+ * @property {'single' | 'multiple'} type - Tipo de seleção (single ou multiple)
+ * @property {'default' | 'outline'} [variant='default'] - Variante visual do toggle group
+ * @property {'default' | 'sm' | 'lg'} [size='default'] - Tamanho do toggle group
+ * @property {number} [spacing=0] - Espaçamento entre itens em pixels
+ */
 export type ToggleGroupProps = React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants> & {
+    /** Espaçamento entre itens em pixels */
     spacing?: number;
     className?: string;
     children?: React.ReactNode;
 };
+/**
+ * ToggleGroup - Container principal do toggle group.
+ *
+ * Componente usado para agrupar múltiplos toggles.
+ *
+ * @param {ToggleGroupProps} props - Props do componente
+ * @returns {JSX.Element} Componente ToggleGroup
+ */
 declare function ToggleGroup({ className, variant, size, spacing, children, ...props }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ToggleGroup {
     var displayName: string;
 }
+/**
+ * Props do componente ToggleGroupItem.
+ *
+ * @property {string} value - Valor único do item
+ * @property {'default' | 'outline'} [variant] - Variante visual (herda do ToggleGroup se não fornecido)
+ * @property {'default' | 'sm' | 'lg'} [size] - Tamanho (herda do ToggleGroup se não fornecido)
+ */
 export interface ToggleGroupItemProps extends React.ComponentProps<typeof ToggleGroupPrimitive.Item>, VariantProps<typeof toggleVariants> {
 }
+/**
+ * ToggleGroupItem - Item individual do toggle group.
+ *
+ * Componente usado para representar um item no toggle group.
+ *
+ * @param {ToggleGroupItemProps} props - Props do componente
+ * @returns {JSX.Element} Componente ToggleGroupItem
+ */
 declare function ToggleGroupItem({ className, children, variant, size, ...props }: ToggleGroupItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ToggleGroupItem {
     var displayName: string;

package/dist/components/atoms/layout/toggle-group/toggle-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/layout/toggle-group/toggle-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAY3D,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GACnF,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEJ,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAmBlB;kBA1BQ,WAAW;;;AA8BpB,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,EAC5D,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAuB9F;kBAvBQ,eAAe;;;AA2BxB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/layout/toggle-group/toggle-group.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAY3D;;;;;;;GAOG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GACnF,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEJ;;;;;;;GAOG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAmBlB;kBA1BQ,WAAW;;;AA8BpB;;;;;;GAMG;AACH,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,EAC5D,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C;;;;;;;GAOG;AACH,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAuB9F;kBAvBQ,eAAe;;;AA2BxB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/atoms/layout/toggle-group/toggle-group.js

@@ -1,4 +1,45 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * # ToggleGroup Component
+ *
+ * O componente `ToggleGroup` é usado para agrupar múltiplos toggles em um grupo
+ * onde apenas um ou múltiplos podem estar selecionados. É baseado em Radix UI
+ * para garantir acessibilidade completa.
+ *
+ * ## Características Principais
+ *
+ * - **Acessível**: Baseado em Radix UI com suporte completo a leitores de tela
+ * - **Modos**: Suporta single (apenas um selecionado) ou multiple (múltiplos selecionados)
+ * - **Variantes**: Herda variantes do Toggle (default, outline)
+ * - **Tamanhos**: Herda tamanhos do Toggle (default, sm, lg)
+ * - **Espaçamento**: Suporta espaçamento customizado entre itens
+ * - **Composição**: ToggleGroup + ToggleGroupItem
+ *
+ * ## Uso Básico
+ *
+ * ```tsx
+ * import { ToggleGroup, ToggleGroupItem } from "@flowtomic/ui/components/atoms/layout/toggle-group";
+ *
+ * function MyComponent() {
+ *   return (
+ *     <ToggleGroup type="single">
+ *       <ToggleGroupItem value="option1">Option 1</ToggleGroupItem>
+ *       <ToggleGroupItem value="option2">Option 2</ToggleGroupItem>
+ *     </ToggleGroup>
+ *   );
+ * }
+ * ```
+ *
+ * ## Acessibilidade
+ *
+ * - Suporta navegação por teclado (Tab, Enter, Espaço, setas)
+ * - Segue padrões WAI-ARIA via Radix UI
+ * - Suporta leitores de tela
+ * - Foco gerenciado automaticamente
+ *
+ * @see [Radix UI Toggle Group](https://www.radix-ui.com/primitives/docs/components/toggle-group) para mais detalhes
+ * @see [Toggle Component](../forms/toggle/toggle.tsx) para mais detalhes sobre variantes e tamanhos
+ */
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import * as React from "react";
 import { cn } from "@/lib/utils";
@@ -8,10 +49,26 @@ const ToggleGroupContext = React.createContext({
     variant: "default",
     spacing: 0,
 });
+/**
+ * ToggleGroup - Container principal do toggle group.
+ *
+ * Componente usado para agrupar múltiplos toggles.
+ *
+ * @param {ToggleGroupProps} props - Props do componente
+ * @returns {JSX.Element} Componente ToggleGroup
+ */
 function ToggleGroup({ className, variant, size, spacing = 0, children, ...props }) {
     return (_jsx(ToggleGroupPrimitive.Root, { "data-slot": "toggle-group", "data-variant": variant, "data-size": size, "data-spacing": spacing, style: { "--gap": spacing }, className: cn("group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs", className), ...props, children: _jsx(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children: children }) }));
 }
 ToggleGroup.displayName = "ToggleGroup";
+/**
+ * ToggleGroupItem - Item individual do toggle group.
+ *
+ * Componente usado para representar um item no toggle group.
+ *
+ * @param {ToggleGroupItemProps} props - Props do componente
+ * @returns {JSX.Element} Componente ToggleGroupItem
+ */
 function ToggleGroupItem({ className, children, variant, size, ...props }) {
     const context = React.useContext(ToggleGroupContext);
     return (_jsx(ToggleGroupPrimitive.Item, { "data-slot": "toggle-group-item", "data-variant": context.variant || variant, "data-size": context.size || size, "data-spacing": context.spacing, className: cn(toggleVariants({

package/dist/components/atoms/layout/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/layout/widget-resize-handle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/layout/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/layout/widget-resize-handle/index.js

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

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

@@ -0,0 +1,98 @@
+/**
+ * # WidgetResizeHandle Component
+ *
+ * O componente `WidgetResizeHandle` é usado para redimensionar widgets
+ * arrastando o canto inferior direito. Usa snap to grid para alinhamento
+ * preciso e suporta limites mínimos e máximos.
+ *
+ * ## Características Principais
+ *
+ * - **Snap to Grid**: Alinhamento automático à grade
+ * - **Limites**: Suporta min/max width e height
+ * - **Visual**: Handle visual que aparece no hover
+ * - **Drag to Resize**: Arrastar para redimensionar
+ *
+ * ## Uso Básico
+ *
+ * ```tsx
+ * import { WidgetResizeHandle } from "@flowtomic/ui/components/atoms/layout/widget-resize-handle";
+ *
+ * function MyWidget({ widgetId, width, height, onResize }) {
+ *   return (
+ *     <div className="relative group">
+ *       <div>Conteúdo do widget</div>
+ *       <WidgetResizeHandle
+ *         widgetId={widgetId}
+ *         currentWidth={width}
+ *         currentHeight={height}
+ *         onResize={onResize}
+ *         minWidth={2}
+ *         minHeight={2}
+ *         maxWidth={12}
+ *         maxHeight={20}
+ *       />
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * ## Acessibilidade
+ *
+ * - Usa aria-label para leitores de tela
+ * - Suporta navegação por teclado
+ * - Feedback visual claro
+ */
+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/layout/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/layout/widget-resize-handle/widget-resize-handle.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;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,2CAgGzB"}

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

@@ -0,0 +1,117 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * # WidgetResizeHandle Component
+ *
+ * O componente `WidgetResizeHandle` é usado para redimensionar widgets
+ * arrastando o canto inferior direito. Usa snap to grid para alinhamento
+ * preciso e suporta limites mínimos e máximos.
+ *
+ * ## Características Principais
+ *
+ * - **Snap to Grid**: Alinhamento automático à grade
+ * - **Limites**: Suporta min/max width e height
+ * - **Visual**: Handle visual que aparece no hover
+ * - **Drag to Resize**: Arrastar para redimensionar
+ *
+ * ## Uso Básico
+ *
+ * ```tsx
+ * import { WidgetResizeHandle } from "@flowtomic/ui/components/atoms/layout/widget-resize-handle";
+ *
+ * function MyWidget({ widgetId, width, height, onResize }) {
+ *   return (
+ *     <div className="relative group">
+ *       <div>Conteúdo do widget</div>
+ *       <WidgetResizeHandle
+ *         widgetId={widgetId}
+ *         currentWidth={width}
+ *         currentHeight={height}
+ *         onResize={onResize}
+ *         minWidth={2}
+ *         minHeight={2}
+ *         maxWidth={12}
+ *         maxHeight={20}
+ *       />
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * ## Acessibilidade
+ *
+ * - Usa aria-label para leitores de tela
+ * - Suporta navegação por teclado
+ * - Feedback visual claro
+ */
+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("button", { type: "button", 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), tabIndex: 0, "aria-label": "Redimensionar widget", onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+            }
+        }, children: _jsx(Maximize2, { className: "w-3 h-3 text-primary" }) }));
+}

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;
-}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | "asChild" | 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;
-}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
     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;
-}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | "asChild" | 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;
-}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | "asChild" | 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;
-}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+}, "key" | "asChild" | 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;
-}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | "asChild" | 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;
-}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;