@gyramais/gyra-design 0.2.2 → 0.2.22

package/dist/emails/email/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/email/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/email/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/email/components/Filter/index.d.ts

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

package/dist/emails/email/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/email/components/FloatingCard/index.d.ts

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

package/dist/emails/email/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/email/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/email/components/Form/index.d.ts

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

package/dist/emails/email/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/email/components/HoverCard/index.d.ts

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

package/dist/emails/email/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/email/components/Icon/index.d.ts

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

package/dist/emails/email/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/email/components/IconDisplay/index.d.ts

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

package/dist/emails/email/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/email/components/Information/index.d.ts

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

package/dist/emails/email/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/email/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/email/components/Input/index.d.ts

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

package/dist/emails/email/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/email/components/Label/index.d.ts

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

package/dist/emails/email/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/email/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/email/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/email/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/email/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/email/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/email/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/email/components/List/index.d.ts

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

package/dist/emails/email/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/email/components/Loading/index.d.ts

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

package/dist/emails/email/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/email/components/Logo/index.d.ts

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

package/dist/emails/email/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/email/components/Menubar/index.d.ts

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

package/dist/emails/email/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/email/components/Modal/index.d.ts

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

package/dist/emails/email/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/email/components/MultiSelectPicker/index.d.ts

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

package/dist/emails/email/components/OperatorPicker/OperatorPicker.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import "./index.css";
+type OperatorOption<T extends string> = {
+    value: T;
+    /** Símbolo curto exibido em mono à esquerda (ex.: ">", "≥", "∈"). */
+    symbol: string;
+    /** Label legível à direita (ex.: "Maior que"). */
+    label: string;
+    disabled?: boolean;
+};
+type OperatorPickerProps<T extends string> = {
+    id?: string;
+    className?: string;
+    visible?: boolean;
+    value?: T;
+    options: Array<OperatorOption<T>>;
+    onChange?: (value: T) => void;
+    align?: "start" | "center" | "end";
+    side?: "top" | "right" | "bottom" | "left";
+    sideOffset?: number;
+    trigger: React.ReactNode;
+    onPointerDownOutside?: () => void;
+};
+declare function OperatorPicker<T extends string>({ id, className, visible, value, options, onChange, align, side, sideOffset, trigger, onPointerDownOutside, }: OperatorPickerProps<T>): React.JSX.Element;
+export { OperatorPicker };
+export type { OperatorOption, OperatorPickerProps };

package/dist/emails/email/components/OperatorPicker/index.d.ts

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

package/dist/emails/email/components/PickerPopover/PickerPopover.d.ts

@@ -0,0 +1,56 @@
+import React from "react";
+import "./index.css";
+type PickerPopoverProps = {
+    id?: string;
+    className?: string;
+    /** Controlled open state. */
+    visible?: boolean;
+    align?: "start" | "center" | "end";
+    side?: "top" | "right" | "bottom" | "left";
+    sideOffset?: number;
+    /** Largura fixa do popover (px) ou string CSS. Default 320. */
+    width?: number | string;
+    /** Altura máxima do popover (px). Default 480. */
+    maxHeight?: number | string;
+    /** Elemento que abre o popover. */
+    trigger: React.ReactNode;
+    children?: React.ReactNode;
+    onPointerDownOutside?: () => void;
+    onOpenAutoFocus?: (event: Event) => void;
+};
+type HeaderProps = {
+    className?: string;
+    /** Título acima da linha de busca. Opcional. */
+    title?: string | React.ReactNode;
+    /** Placeholder do input de busca. Quando ausente, o input some. */
+    searchPlaceholder?: string;
+    /** Valor controlado do search. */
+    searchValue?: string;
+    /** Handler de mudança do search. */
+    onSearchChange?: (value: string) => void;
+    /** Handler de keyDown no input (útil pra ↑↓↵esc do RuleSearchPicker). */
+    onSearchKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    /** Autofoca o input ao abrir o popover. Default true. */
+    searchAutoFocus?: boolean;
+    /** Slot opcional à direita do search (ex.: hint de teclado). */
+    accessory?: React.ReactNode;
+};
+declare const PickerPopover: {
+    ({ id, className, visible, align, side, sideOffset, width, maxHeight, trigger, children, onPointerDownOutside, onOpenAutoFocus, }: PickerPopoverProps): React.JSX.Element;
+    Header: ({ className, title, searchPlaceholder, searchValue, onSearchChange, onSearchKeyDown, searchAutoFocus, accessory, }: HeaderProps) => React.JSX.Element;
+    Body: ({ className, children, }: {
+        className?: string;
+        children: React.ReactNode;
+    }) => React.JSX.Element;
+    Footer: ({ className, children, }: {
+        className?: string;
+        children: React.ReactNode;
+    }) => React.JSX.Element;
+    Section: ({ className, title, children, }: {
+        className?: string;
+        title?: string | React.ReactNode;
+        children: React.ReactNode;
+    }) => React.JSX.Element;
+};
+export { PickerPopover };
+export type { PickerPopoverProps };

package/dist/emails/email/components/PickerPopover/index.d.ts

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

package/dist/emails/email/components/Popover/Popover.d.ts

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

package/dist/emails/email/components/Popover/index.d.ts

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

package/dist/emails/email/components/ProcessingChip/ProcessingChip.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import "./index.css";
+export type ProcessingChipVariant = "info" | "warning" | "neutral";
+type ProcessingChipProps = {
+    id?: string;
+    className?: string;
+    /** Main label, shown next to the pulsing dot. Default "Processando". */
+    label?: string;
+    /** Optional secondary detail (e.g. "3 de 7"). Rendered in a muted tone. */
+    detail?: string;
+    /** When provided, shows a thin progress arc/bar (0-100). */
+    progress?: number;
+    /** Color tone of the dot + arc. Default "info" (gyra-blue). */
+    variant?: ProcessingChipVariant;
+    /** Compact mode: smaller dot and tighter padding for dense rows. */
+    compact?: boolean;
+};
+declare const ProcessingChip: ({ id, className, label, detail, progress, variant, compact, }: ProcessingChipProps) => React.JSX.Element;
+export { ProcessingChip };
+export type { ProcessingChipProps };

package/dist/emails/email/components/ProcessingChip/index.d.ts

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

package/dist/emails/email/components/Progress/Progress.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import "./index.css";
+type ProgressProps = {
+    className?: string;
+    size?: number;
+    percentage?: number;
+};
+declare const Progress: ({ className, size, percentage, }: ProgressProps) => React.JSX.Element;
+export { Progress };

package/dist/emails/email/components/Progress/index.d.ts

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