@gyramais/gyra-design 0.2.21 → 0.2.22

package/dist/emails/balance-sheet-finalized/components/ContextMenu/index.d.ts

@@ -0,0 +1 @@
+export * from "./ContextMenu";

package/dist/emails/balance-sheet-finalized/components/DistributionBar/DistributionBar.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import "./index.css";
+export type DistributionVariant = "success" | "warning" | "danger" | "info" | "neutral";
+export type DistributionSegment = {
+    key: string;
+    value: number;
+    label: string;
+    variant?: DistributionVariant;
+    icon?: React.ReactNode;
+};
+type DistributionBarProps = {
+    id?: string;
+    className?: string;
+    segments: DistributionSegment[];
+    /** When true, segments below this percentage hide their inline value/label
+     *  (the sliver is too thin to fit text). Default: 8. */
+    minTextPercent?: number;
+    /** Replaces the bar with this node when every segment is zero. */
+    emptyState?: React.ReactNode;
+    /** Optional formatter for the inline numeric. Defaults to "{n}%". */
+    formatValue?: (value: number) => string;
+    /** Render the legend below the bar. Default: true when there is any data. */
+    showLegend?: boolean;
+    ariaLabel?: string;
+};
+declare const DistributionBar: ({ id, className, segments, minTextPercent, emptyState, formatValue, showLegend, ariaLabel, }: DistributionBarProps) => React.JSX.Element;
+export { DistributionBar };
+export type { DistributionBarProps };

package/dist/emails/balance-sheet-finalized/components/DistributionBar/index.d.ts

@@ -0,0 +1 @@
+export * from "./DistributionBar";

package/dist/emails/balance-sheet-finalized/components/Divider/Divider.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./index.css";
+type DividerProps = {
+    id?: string;
+    className?: string;
+    margin?: number;
+    children?: React.ReactNode;
+};
+declare const Divider: ({ id, className, margin, children, }: DividerProps) => React.JSX.Element;
+export { Divider };

package/dist/emails/balance-sheet-finalized/components/Divider/index.d.ts

@@ -0,0 +1 @@
+export * from "./Divider";

package/dist/emails/balance-sheet-finalized/components/Drawer/Drawer.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import "./index.css";
+type DrawerProps = {
+    className?: string;
+    title?: string | React.ReactNode;
+    subtitle?: string;
+    footer?: React.ReactNode;
+    visible?: boolean;
+    closable?: boolean;
+    onClose?: () => void;
+    direction?: "left" | "top" | "right" | "bottom";
+    width?: number | string;
+    children?: React.ReactNode;
+};
+declare const Drawer: ({ className, title, subtitle, footer, visible, closable, onClose, direction, width, children, }: DrawerProps) => React.JSX.Element;
+export { Drawer };

package/dist/emails/balance-sheet-finalized/components/Drawer/index.d.ts

@@ -0,0 +1 @@
+export * from "./Drawer";

package/dist/emails/balance-sheet-finalized/components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import "./index.css";
+type DropdownMenuProps = {
+    id?: string;
+    className?: string;
+    title?: string;
+    visible?: boolean;
+    align?: "start" | "center" | "end";
+    side?: "top" | "right" | "bottom" | "left";
+    sideOffset?: number;
+    items?: Array<{
+        key?: string;
+        title?: string | React.ReactNode;
+        disabled?: boolean;
+        separator?: boolean;
+        onClick?: () => void;
+    }>;
+    children?: React.ReactNode;
+};
+declare const DropdownMenu: ({ id, className, visible, align, side, sideOffset, items, children, }: DropdownMenuProps) => React.JSX.Element;
+export { DropdownMenu };

package/dist/emails/balance-sheet-finalized/components/DropdownMenu/index.d.ts

@@ -0,0 +1 @@
+export * from "./DropdownMenu";

package/dist/emails/balance-sheet-finalized/components/Email/Email.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { EmailLayoutInput } from '../../emails/email';
+/**
+ * Preview de email transacional Gyra+ — genérico, configurável.
+ *
+ * Renderiza o HTML produzido por `buildEmail(input)` dentro de um iframe
+ * com `sandbox="allow-popups"` pra isolar do CSS do Storybook e simular
+ * Gmail/Outlook com fidelidade — `allow-popups` deixa os botoes (links
+ * com target=_blank) abrirem no preview pra teste.
+ *
+ * **Uso**: passe qualquer combinação de campos opcionais (greeting, title
+ * obrigatório, paragraphs, highlights lado-a-lado, aiParecer, buttons,
+ * footerNote). É o mesmo `EmailLayoutInput` que o `buildEmail` aceita.
+ *
+ * Pra previsualizar um email transacional específico (ex: reset de senha,
+ * batch concluído, alerta), basta montar os props correspondentes — não
+ * precisa criar um componente novo por caso.
+ */
+export type EmailProps = EmailLayoutInput & {
+    /** Largura visual do iframe. Default 700px (cabe o card 600 + paddings). */
+    width?: number | string;
+    /** Altura visual do iframe. Default 1000px. Ajuste se o conteúdo crescer. */
+    height?: number | string;
+};
+export declare const Email: React.FC<EmailProps>;
+export default Email;

package/dist/emails/balance-sheet-finalized/components/Email/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Email';
+export { default } from './Email';

package/dist/emails/balance-sheet-finalized/components/Empty/Empty.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./index.css";
+type EmptyProps = {
+    id?: string;
+    className?: string;
+    icon?: React.ReactNode;
+    text?: string;
+};
+declare const Empty: ({ id, className, icon, text, }: EmptyProps) => React.JSX.Element;
+export { Empty };

package/dist/emails/balance-sheet-finalized/components/Empty/index.d.ts

@@ -0,0 +1 @@
+export * from "./Empty";

package/dist/emails/balance-sheet-finalized/components/Filter/Filter.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import "./index.css";
+type FilterType = "text" | "number" | "boolean" | "select" | "select-multiple" | "currency" | "date" | "month" | "date-range";
+type FilterItem = {
+    key: string;
+    name: string;
+    type: FilterType;
+    options?: Array<{
+        value: string;
+        label: string;
+    }>;
+};
+type FilterProps = {
+    id?: string;
+    className?: string;
+    filters?: Array<FilterItem>;
+    onFilter: (values: any) => void;
+    value?: Record<string, Record<string, any>>;
+};
+declare const Filter: ({ id, className, filters, onFilter, value, }: FilterProps) => React.JSX.Element;
+export { Filter };

package/dist/emails/balance-sheet-finalized/components/Filter/MultipleFilter.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import "./index.css";
+type MultipleFilterType = "text" | "number" | "boolean" | "select" | "select-multiple" | "currency" | "date" | "month" | "date-range";
+type MultipleFilterCondition = "equalTo" | "notEqualTo" | "greatherThan" | "lessThan" | "greatherThanOrLessThan";
+type MultipleFilterItem = {
+    key: string;
+    name: string;
+    type: MultipleFilterType;
+    options?: Array<{
+        value: string;
+        label: string;
+    }>;
+};
+type MultipleThreatedFilter = {
+    [key: string]: {
+        [key in MultipleFilterCondition | "type"]?: any;
+    };
+};
+type MultipleFilterProps = {
+    id?: string;
+    className?: string;
+    filters?: Array<MultipleFilterItem>;
+    onFilter: (values: any) => void;
+    value?: MultipleThreatedFilter;
+};
+declare const MultipleFilter: ({ id, className, filters, onFilter, value, }: MultipleFilterProps) => React.JSX.Element;
+export { MultipleFilter };

package/dist/emails/balance-sheet-finalized/components/Filter/UniqueFilter.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import "./index.css";
+type UniqueFilterType = any;
+type UniqueFilterCondition = "equalTo";
+type UniqueFilterItem = {
+    key: string;
+    name: string;
+    type: UniqueFilterType;
+    options?: Array<{
+        value: string;
+        label: string;
+    }>;
+};
+type UniqueThreatedFilter = {
+    [key: string]: {
+        [key in UniqueFilterCondition]?: any;
+    };
+};
+type UniqueFilterProps = {
+    id?: string;
+    className?: string;
+    filters?: Array<UniqueFilterItem>;
+    onFilter: (values: any) => void;
+    value?: UniqueThreatedFilter;
+};
+declare const UniqueFilter: ({ id, className, filters, onFilter, value, }: UniqueFilterProps) => React.JSX.Element;
+export { UniqueFilter };

package/dist/emails/balance-sheet-finalized/components/Filter/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Filter";
+export * from "./UniqueFilter";
+export * from "./MultipleFilter";

package/dist/emails/balance-sheet-finalized/components/FloatingCard/FloatingCard.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.css';
+type FloatingCardProps = {
+    visible: boolean;
+    onClose?: () => void;
+    className?: string;
+    placement?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    ghost?: boolean;
+    children: React.ReactNode;
+};
+declare const FloatingCard: ({ visible, onClose, className, placement, ghost, children, }: FloatingCardProps) => React.JSX.Element;
+export { FloatingCard };

package/dist/emails/balance-sheet-finalized/components/FloatingCard/index.d.ts

@@ -0,0 +1 @@
+export * from "./FloatingCard";

package/dist/emails/balance-sheet-finalized/components/Form/Form.d.ts

@@ -0,0 +1,3 @@
+import { Form, useForm } from '../../shadcn/form';
+import FormItem from './Item';
+export { Form, FormItem, useForm, };

package/dist/emails/balance-sheet-finalized/components/Form/Item.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './index.css';
+type FormItemProps = {
+    id?: string;
+    className?: string;
+    children: React.ReactElement;
+    control?: any;
+    name: string;
+};
+declare const Item: ({ children, control, name }: FormItemProps) => React.JSX.Element;
+export default Item;

package/dist/emails/balance-sheet-finalized/components/Form/index.d.ts

@@ -0,0 +1 @@
+export * from "./Form";

package/dist/emails/balance-sheet-finalized/components/HoverCard/HoverCard.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import "./index.css";
+type HoverCardProps = {
+    id?: string;
+    className?: string;
+    align?: "start" | "center" | "end";
+    side?: "top" | "right" | "bottom" | "left";
+    sideOffset?: number;
+    visible?: boolean;
+    content: React.ReactNode;
+    children?: React.ReactNode;
+};
+declare const HoverCard: ({ id, className, align, side, sideOffset, visible, content, children, }: HoverCardProps) => React.JSX.Element;
+export { HoverCard };

package/dist/emails/balance-sheet-finalized/components/HoverCard/index.d.ts

@@ -0,0 +1 @@
+export * from "./HoverCard";

package/dist/emails/balance-sheet-finalized/components/Icon/Icon.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./index.css";
+type IconProps = {
+    id?: string;
+    className?: string;
+    width?: number | string;
+    height?: number | string;
+    source?: string;
+};
+declare const Icon: ({ id, className, width, height, source, }: IconProps) => React.JSX.Element;
+export { Icon };

package/dist/emails/balance-sheet-finalized/components/Icon/index.d.ts

@@ -0,0 +1 @@
+export * from "./Icon";

package/dist/emails/balance-sheet-finalized/components/IconDisplay/IconDisplay.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./index.css";
+type IconDisplayProps = {
+    id?: string;
+    className?: string;
+    icon?: React.ReactNode;
+    type?: 'primary' | 'danger' | 'warning' | 'success';
+};
+declare const IconDisplay: ({ id, className, icon, type, }: IconDisplayProps) => React.JSX.Element;
+export { IconDisplay };

package/dist/emails/balance-sheet-finalized/components/IconDisplay/index.d.ts

@@ -0,0 +1 @@
+export * from "./IconDisplay";

package/dist/emails/balance-sheet-finalized/components/Information/Information.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./index.css";
+type InformationProps = {
+    id?: string;
+    className?: string;
+    label?: React.ReactNode | string;
+    children?: React.ReactNode | string;
+};
+declare const Information: ({ id, className, label, children, }: InformationProps) => React.JSX.Element;
+export { Information };

package/dist/emails/balance-sheet-finalized/components/Information/index.d.ts

@@ -0,0 +1 @@
+export * from "./Information";

package/dist/emails/balance-sheet-finalized/components/Input/Input.d.ts

@@ -0,0 +1,55 @@
+import React from "react";
+import "./index.css";
+import { Mask } from 'react-text-mask';
+type MentionSuggestion = {
+    key: string;
+    trigger: string | RegExp;
+    color?: string;
+    backgroundColor?: string;
+    items: {
+        value: string;
+        label: string;
+        description?: string;
+    }[];
+};
+export type InputProps = {
+    id?: string;
+    className?: string;
+    name?: string;
+    mode?: 'bordered' | 'shadowed' | 'table';
+    type?: 'text' | 'text-area' | 'password' | 'currency' | 'date' | 'month' | 'date-range' | 'email' | 'percentage' | 'number' | 'mention';
+    disabled?: boolean;
+    placeholder?: string;
+    value?: any;
+    mask?: Mask | ((value: string) => Mask);
+    guide?: boolean;
+    rows?: number;
+    suggestions?: MentionSuggestion[];
+    onChange?: (e: React.ChangeEvent<HTMLInputElement> | {
+        target: {
+            value: any;
+            float?: number;
+        };
+    }) => void;
+    onBlur?: (e: React.ChangeEvent<HTMLInputElement> | {
+        target: {
+            value: any;
+            float?: number;
+        };
+    }) => void;
+    onFocus?: (e: React.ChangeEvent<HTMLInputElement> | {
+        target: {
+            value: any;
+            float?: number;
+        };
+    }) => void;
+    onCursorChange?: (plainPos: number) => void;
+};
+declare const masks: {
+    phoneNumber: (string | RegExp)[];
+    cpf: (string | RegExp)[];
+    cpfPossibleCnpj: (string | RegExp)[];
+    cnpj: (string | RegExp)[];
+};
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<unknown>>;
+export { Input, masks };

package/dist/emails/balance-sheet-finalized/components/Input/Mention.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { InputProps } from "./Input";
+import "./index.css";
+declare const Mention: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<unknown>>;
+export { Mention };

package/dist/emails/balance-sheet-finalized/components/Input/index.d.ts

@@ -0,0 +1 @@
+export * from "./Input";

package/dist/emails/balance-sheet-finalized/components/Label/Label.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { type VariantProps } from 'class-variance-authority';
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

package/dist/emails/balance-sheet-finalized/components/Label/index.d.ts

@@ -0,0 +1 @@
+export * from "./Label";

package/dist/emails/balance-sheet-finalized/components/Layout/Content.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import "./index.css";
+type ContentProps = {
+    id?: string;
+    className?: string;
+    children?: React.ReactNode;
+};
+declare const Content: ({ id, className, children, }: ContentProps) => React.JSX.Element;
+export { Content };

package/dist/emails/balance-sheet-finalized/components/Layout/Footer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import "./index.css";
+type FooterProps = {
+    id?: string;
+    className?: string;
+    children?: React.ReactNode;
+};
+declare const Footer: ({ id, className, children, }: FooterProps) => React.JSX.Element;
+export { Footer };

package/dist/emails/balance-sheet-finalized/components/Layout/Header.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import "./index.css";
+type HeaderProps = {
+    id?: string;
+    className?: string;
+    children?: React.ReactNode;
+};
+declare const Header: ({ id, className, children, }: HeaderProps) => React.JSX.Element;
+export { Header };

package/dist/emails/balance-sheet-finalized/components/Layout/Layout.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./index.css";
+type LayoutProps = {
+    id?: string;
+    className?: string;
+    withSider?: boolean;
+    children?: React.ReactNode;
+};
+declare const Layout: ({ id, className, withSider, children, }: LayoutProps) => React.JSX.Element;
+export { Layout };

package/dist/emails/balance-sheet-finalized/components/Layout/Sider.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import "./index.css";
+type SiderProps = {
+    id?: string;
+    className?: string;
+    children?: React.ReactNode;
+};
+declare const Sider: ({ id, className, children, }: SiderProps) => React.JSX.Element;
+export { Sider };

package/dist/emails/balance-sheet-finalized/components/Layout/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./Layout";
+export * from "./Header";
+export * from "./Footer";
+export * from "./Sider";
+export * from "./Content";

package/dist/emails/balance-sheet-finalized/components/List/List.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import "./index.css";
+type ListProps = {
+    id?: string;
+    className?: string;
+    data?: Array<{
+        title?: string;
+        subtitle?: string;
+        date?: Date;
+        icon?: any;
+    }>;
+    empty?: {
+        icon?: React.ReactNode;
+        text?: string;
+    };
+};
+declare const List: ({ id, className, data, empty, }: ListProps) => React.JSX.Element;
+export { List };

package/dist/emails/balance-sheet-finalized/components/List/index.d.ts

@@ -0,0 +1 @@
+export * from "./List";

package/dist/emails/balance-sheet-finalized/components/Loading/Loading.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./index.css";
+type LoadingProps = {
+    id?: string;
+    className?: string;
+    size?: number;
+    color?: string;
+};
+declare const Loading: ({ id, className, size, color, }: LoadingProps) => React.JSX.Element;
+export { Loading };

package/dist/emails/balance-sheet-finalized/components/Loading/index.d.ts

@@ -0,0 +1 @@
+export * from "./Loading";

package/dist/emails/balance-sheet-finalized/components/Logo/Logo.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "./index.css";
+type LogoProps = {
+    id?: string;
+    className?: string;
+    type?: "dark" | "white" | "background-contrasted";
+    width?: number | string;
+    height?: number | string;
+    source?: string;
+};
+declare const Logo: ({ id, className, type, width, height, source, }: LogoProps) => React.JSX.Element;
+export { Logo };

package/dist/emails/balance-sheet-finalized/components/Logo/index.d.ts

@@ -0,0 +1 @@
+export * from "./Logo";

package/dist/emails/balance-sheet-finalized/components/Menubar/Menubar.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import "./index.css";
+type MenubarProps = {
+    id?: string;
+    className?: string;
+    borderless?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    activeKey?: string;
+    items?: Array<{
+        key: string;
+        title?: string | React.ReactNode;
+        disabled?: boolean;
+        separator?: boolean;
+        items?: Array<{
+            key: string;
+            title?: string | React.ReactNode;
+            disabled?: boolean;
+            separator?: boolean;
+        }>;
+    }>;
+    onClick?: (key: string) => void;
+};
+declare const Menubar: ({ id, className, borderless, orientation, activeKey, items, onClick, }: MenubarProps) => React.JSX.Element;
+export { Menubar };

package/dist/emails/balance-sheet-finalized/components/Menubar/index.d.ts

@@ -0,0 +1 @@
+export * from "./Menubar";

package/dist/emails/balance-sheet-finalized/components/Modal/Modal.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import "./index.css";
+type ModalProps = {
+    className?: string;
+    title?: string | React.ReactNode;
+    subtitle?: string;
+    footer?: React.ReactNode;
+    visible?: boolean;
+    loading?: boolean;
+    okButton?: {
+        text?: string;
+        disabled?: boolean;
+        onClick: () => void;
+    };
+    cancelButton?: {
+        text?: string;
+        disabled?: boolean;
+        onClick: () => void;
+    };
+    onClose?: () => void;
+    width?: number;
+    children?: React.ReactNode;
+};
+declare const Modal: ({ className, title, subtitle, footer, visible, loading, okButton, cancelButton, onClose, width, children, }: ModalProps) => React.JSX.Element;
+export { Modal };

package/dist/emails/balance-sheet-finalized/components/Modal/index.d.ts

@@ -0,0 +1 @@
+export * from "./Modal";

package/dist/emails/balance-sheet-finalized/components/MultiSelectPicker/MultiSelectPicker.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+import "./index.css";
+type MultiSelectOption = {
+    value: string;
+    /** Label legível (ex.: "Comércio varejista de combustíveis"). */
+    label: string;
+    /** Código curto opcional em mono à esquerda do label (ex.: "4711-3/01"). */
+    code?: string;
+    disabled?: boolean;
+};
+type MultiSelectPickerProps = {
+    id?: string;
+    className?: string;
+    /** Controlled visible state. */
+    visible?: boolean;
+    /** Título do popover (ex.: "Selecionar CNAEs"). */
+    title?: string;
+    searchPlaceholder?: string;
+    options: Array<MultiSelectOption>;
+    /** Valores selecionados (controlled). */
+    values: string[];
+    onChange?: (values: string[]) => void;
+    /** Trigger element (botão/chip que abre o popover). */
+    trigger: React.ReactNode;
+    /** Total de opções no universo (ex.: 1320 CNAEs no Brasil). Default = options.length. */
+    totalCount?: number;
+    /** Label do footer "Limpar". Default "Limpar seleção". */
+    clearLabel?: string;
+    /** Mostra o botão Limpar. Default true. */
+    showClear?: boolean;
+    /** Quantos chips selecionados mostrar antes de colapsar para "+N mais". Default 5. */
+    collapsedChipsCount?: number;
+    width?: number | string;
+    align?: "start" | "center" | "end";
+    side?: "top" | "right" | "bottom" | "left";
+    /** Filtro custom (substitui o default que compara label + code). */
+    filter?: (option: MultiSelectOption, query: string) => boolean;
+    onPointerDownOutside?: () => void;
+};
+declare const MultiSelectPicker: ({ id, className, visible, title, searchPlaceholder, options, values, onChange, trigger, totalCount, clearLabel, showClear, collapsedChipsCount, width, align, side, filter, onPointerDownOutside, }: MultiSelectPickerProps) => React.JSX.Element;
+export { MultiSelectPicker };
+export type { MultiSelectOption, MultiSelectPickerProps };

package/dist/emails/balance-sheet-finalized/components/MultiSelectPicker/index.d.ts

@@ -0,0 +1 @@
+export * from "./MultiSelectPicker";