@gyramais/gyra-design 0.2.22 → 0.2.30

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

@@ -1,56 +0,0 @@
-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

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

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

@@ -1,46 +0,0 @@
-import React from "react";
-import "./index.css";
-type RuleSearchItem = {
-    key: string;
-    label: string;
-    /** Descrição curta abaixo do label. */
-    sublabel?: string;
-    icon?: React.ReactNode;
-    /** Tag opcional à direita (ex.: "custom"). */
-    tag?: string | React.ReactNode;
-    disabled?: boolean;
-};
-type RuleSearchSection = {
-    key: string;
-    label: string;
-    items: RuleSearchItem[];
-};
-type RuleSearchPickerProps = {
-    id?: string;
-    className?: string;
-    visible?: boolean;
-    title?: string;
-    searchPlaceholder?: string;
-    sections: RuleSearchSection[];
-    onSelect?: (itemKey: string, sectionKey: string) => void;
-    trigger: React.ReactNode;
-    /** Quando true, fecha após seleção. Caller deve controlar `visible`. */
-    closeOnSelect?: boolean;
-    /** Callback chamado quando o popover quer ser fechado (esc, seleção). */
-    onClose?: () => void;
-    /** Filtro custom (substitui o default que olha label + sublabel + section). */
-    filter?: (item: RuleSearchItem, section: RuleSearchSection, query: string) => boolean;
-    width?: number | string;
-    align?: "start" | "center" | "end";
-    side?: "top" | "right" | "bottom" | "left";
-    /** Hint de teclado mostrado à direita do search. Default "↵ adicionar". */
-    searchAccessory?: React.ReactNode;
-    /** Hint do footer (esquerda). Default mostra ↑↓ navegar / ↵ adicionar / esc fechar. */
-    footerKeys?: React.ReactNode;
-    /** Texto à direita do footer (ex.: "9 regras"). Default = contagem. */
-    footerCount?: React.ReactNode;
-    onPointerDownOutside?: () => void;
-};
-declare const RuleSearchPicker: ({ id, className, visible, title, searchPlaceholder, sections, onSelect, trigger, closeOnSelect, onClose, filter, width, align, side, searchAccessory, footerKeys, footerCount, onPointerDownOutside, }: RuleSearchPickerProps) => React.JSX.Element;
-export { RuleSearchPicker };
-export type { RuleSearchItem, RuleSearchSection, RuleSearchPickerProps, };

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

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

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

@@ -1,25 +0,0 @@
-import React from "react";
-import "./index.css";
-type Kind = "primary" | "success" | "warning" | "danger" | "info" | "neutral";
-type SegmentedToggleOption<T extends string> = {
-    value: T;
-    label: string;
-    icon?: React.ReactNode;
-    /** Cor aplicada quando a opção está ativa. */
-    kind?: Kind;
-    disabled?: boolean;
-};
-type SegmentedToggleProps<T extends string> = {
-    id?: string;
-    className?: string;
-    value: T;
-    options: Array<SegmentedToggleOption<T>>;
-    onChange?: (value: T) => void;
-    /** Tamanho do toggle. Default "md". */
-    size?: "sm" | "md";
-    /** Label invisível pra screen readers (a11y). */
-    ariaLabel?: string;
-};
-declare function SegmentedToggle<T extends string>({ id, className, value, options, onChange, size, ariaLabel, }: SegmentedToggleProps<T>): React.JSX.Element;
-export { SegmentedToggle };
-export type { SegmentedToggleOption, SegmentedToggleProps };

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

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

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

@@ -1,39 +0,0 @@
-import React from 'react';
-import './index.css';
-export type TourStep = {
-    title: string;
-    body: string;
-    targetSelector: string;
-    navSection?: string;
-    padding?: number;
-    /**
-     * Como alinhar o alvo ao rolar. 'center' (padrão para alvos pequenos) é
-     * imune à altura de toolbars fixas. 'start' é melhor para seções altas.
-     * 'nearest' rola o mínimo possível (bom para elementos flutuantes/portais
-     * que já estão visíveis, como dropdowns). Se omitido, decidimos pela altura.
-     */
-    scrollBlock?: 'start' | 'center' | 'nearest';
-    /**
-     * Efeito colateral ao ENTRAR no passo, disparado depois da navegação e do
-     * mount da seção (ex.: abrir um dropdown para destacá-lo). Use junto com
-     * targetSelector apontando para o conteúdo revelado.
-     */
-    onEnter?: () => void;
-    /** Limpeza ao SAIR do passo (ex.: fechar o dropdown aberto no onEnter). */
-    onLeave?: () => void;
-};
-export type TourGuideProps = {
-    steps: TourStep[];
-    visible: boolean;
-    onClose: () => void;
-    onNavigate?: (navSection: string) => void;
-    /**
-     * Espaço (px) reservado no topo ao rolar alvos altos (block:'start') para que
-     * não fiquem atrás de toolbars fixas. Aceita número ou função (recalculada a
-     * cada passo) — use a função quando a altura da toolbar varia (wrap/mobile).
-     * Alvos pequenos usam block:'center' e ignoram esse valor. Padrão: 0.
-     */
-    scrollOffsetTop?: number | (() => number);
-    className?: string;
-};
-export declare function TourGuide({ steps, visible, onClose, onNavigate, scrollOffsetTop, className, }: TourGuideProps): React.JSX.Element | null;

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

@@ -1 +0,0 @@
-export * from './TourGuide';