@gyramais/gyra-design 0.2.21 → 0.2.23

package/dist/emails/balance-sheet-finalized/shadcn/switch.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };

package/dist/emails/balance-sheet-finalized/shadcn/tabs.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/emails/balance-sheet-finalized/shadcn/tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/emails/balance-sheet-finalized/theme.d.ts

@@ -0,0 +1,20 @@
+interface Colors {
+    backgroundColor: string;
+    primaryButton: string;
+    secondaryButton: string;
+    linkButton: string;
+}
+interface Images {
+    whiteLogoUrl: string;
+    darkLogoUrl: string;
+    iconUrl: string;
+}
+declare const isColorDark: (hexColor: string) => boolean;
+export { isColorDark, };
+declare const _default: {
+    setTheme: ({ colors, images }: {
+        colors: Colors;
+        images: Images;
+    }) => void;
+};
+export default _default;

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

@@ -0,0 +1,75 @@
+import React from "react";
+import "./index.css";
+export type AiParecerVerdictTone = "success" | "warning" | "danger" | "info";
+type AiParecerProps = {
+    id?: string;
+    className?: string;
+    /**
+     * Chip de veredito exibido a direita do badge (ex: "Risco médio").
+     * Opcional.
+     */
+    verdict?: React.ReactNode;
+    verdictTone?: AiParecerVerdictTone;
+    /**
+     * Score (ex: nota GYRA+ IA) exibido como pill a esquerda do chip de
+     * veredito. Aceita number ou node. Opcional.
+     */
+    score?: React.ReactNode;
+    /** Rotulo do score. Default: "Score GYRA+ IA". */
+    scoreLabel?: string;
+    /**
+     * Conteudo do parecer: tipicamente um ou mais `<AiParecer.Topic>`
+     * (Resumo Executivo, Pontos de Atenção e Risco, etc).
+     */
+    children?: React.ReactNode;
+    /**
+     * Fontes consultadas, exibidas no rodape com um icone de base de dados
+     * (ex: "Receita Federal · Quod · Serasa"). Opcional.
+     */
+    sources?: React.ReactNode;
+    /**
+     * Grau de confianca do parecer, exibido no rodape (ex: "96%" vira
+     * "Confiança 96%"). Aceita number ou node. Opcional.
+     */
+    confidence?: React.ReactNode;
+    /**
+     * Callbacks de feedback. Quando algum e' passado, o rodape mostra os
+     * botoes padrao (👍 / 👎 / regenerar) com icones SVG proprios — sem
+     * depender de nenhuma fonte de icone externa. O estado de "util/nao-util"
+     * fica destacado automaticamente.
+     */
+    onFeedbackUp?: () => void;
+    onFeedbackDown?: () => void;
+    onRegenerate?: () => void;
+    /**
+     * Acoes customizadas do rodape. Quando presente, SUBSTITUI os botoes de
+     * feedback padrao. Use a classe `gyramais-ai-parecer__btn` pro estilo.
+     */
+    actions?: React.ReactNode;
+    /**
+     * Rodape totalmente customizado. Quando presente, substitui o rodape
+     * padrao montado a partir de `sources` / `confidence` / acoes.
+     */
+    footer?: React.ReactNode;
+};
+type AiParecerTopicProps = {
+    className?: string;
+    label: React.ReactNode;
+    /** Icone a esquerda do topico (ex: <DescriptionOutlinedIcon />). */
+    icon?: React.ReactNode;
+    /** `warning` destaca o topico (fundo + icone em tom de alerta). */
+    tone?: "default" | "warning";
+    children?: React.ReactNode;
+};
+declare const AiParecerTopic: ({ className, label, icon, tone, children, }: AiParecerTopicProps) => React.JSX.Element;
+/**
+ * Faixa padrao "Parecer GYRA+ IA" usada em todas as seções de parecer
+ * gerado por IA (analise financeira etc). Badge roxo com gradiente, label
+ * em uppercase e chip de veredito opcional. O conteudo (topicos) vem como
+ * children. Use `AiParecer.Topic` para padronizar cada bloco.
+ */
+declare const AiParecer: {
+    ({ id, className, verdict, verdictTone, score, scoreLabel, children, sources, confidence, onFeedbackUp, onFeedbackDown, onRegenerate, actions, footer, }: AiParecerProps): React.JSX.Element;
+    Topic: ({ className, label, icon, tone, children, }: AiParecerTopicProps) => React.JSX.Element;
+};
+export { AiParecer, AiParecerTopic };

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+type BrasilUfs = "AC" | "AL" | "AP" | "AM" | "BA" | "CE" | "DF" | "ES" | "GO" | "MA" | "MT" | "MS" | "MG" | "PA" | "PB" | "PR" | "PE" | "PI" | "RJ" | "RN" | "RS" | "RO" | "RR" | "SC" | "SP" | "SE" | "TO";
+type Brasil = {
+    data: {
+        [key in BrasilUfs]?: number;
+    };
+    size?: number;
+};
+declare const Brasil: ({ data, size }: Brasil) => React.JSX.Element;
+export { Brasil };

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

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

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

@@ -0,0 +1,19 @@
+import React from "react";
+import "./index.css";
+export type ButtonProps = {
+    id?: string;
+    className?: string;
+    type?: "primary" | "secondary" | "white" | "dark" | "transparent";
+    size?: "small" | "medium" | "large";
+    htmlType?: "button" | "submit";
+    link?: boolean;
+    block?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    icon?: React.ReactNode;
+    fab?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    children?: React.ReactNode;
+};
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<unknown>>;
+export { Button };

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

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

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

@@ -0,0 +1,27 @@
+import React from "react";
+import "./index.css";
+type CardProps = {
+    id?: string;
+    className?: string;
+    type?: "shadow" | "shadow-inset" | "border";
+    title?: string | React.ReactNode;
+    subtitle?: string | React.ReactNode;
+    /**
+     * Elemento de mídia (ícone, badge, avatar) exibido à esquerda do bloco
+     * título/subtítulo no header. Padroniza o layout "ícone + título + subtítulo"
+     * sem cada consumer estilizar à mão. O conteúdo (cor/tamanho do badge) é do
+     * consumer; o Card só cuida do posicionamento.
+     */
+    media?: React.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+    collapsed?: boolean;
+    onCollapse?: (collapsed: boolean) => void;
+    onClick?: () => void;
+    headerContent?: React.ReactNode;
+    children?: React.ReactNode;
+};
+declare const Card: ({ id, type, className, title, subtitle, media, disabled, loading, collapsible, defaultCollapsed, collapsed, onCollapse, onClick, headerContent, children, }: CardProps) => React.JSX.Element;
+export { Card };

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

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

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

@@ -0,0 +1,43 @@
+import React from "react";
+import "./index.css";
+type BarChartData = Array<{
+    [key: string]: number;
+}>;
+type PieChartData = Array<{
+    name: string;
+    value: string | number;
+}>;
+type LineChartData = Array<{
+    [key: string]: string;
+}>;
+type ChartProps = {
+    id?: string;
+    className?: string;
+    type?: 'bar' | 'pie' | 'line';
+    layout?: 'horizontal' | 'vertical';
+    barSize?: number;
+    barGap?: number;
+    barMaxValue?: number;
+    indexes?: Array<{
+        name: string;
+        key: string;
+        stackId?: string;
+        color?: string;
+    }>;
+    x?: {
+        key: string;
+        formatter?: (value: any) => string;
+    };
+    y?: {
+        indexes: Array<{
+            key: string;
+            name?: string;
+            color?: string;
+        }>;
+        formatter?: (value: any) => string;
+    };
+    data?: BarChartData | PieChartData | LineChartData;
+    tooltipFormatter?: (value: any) => string;
+};
+declare const Chart: ({ id, className, type, layout, barSize, barGap, barMaxValue, indexes, x, y, data, tooltipFormatter, }: ChartProps) => React.JSX.Element;
+export { Chart };

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

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

package/dist/emails/email/components/ChatWidget/ChatMessageBubble.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { ChatMessage } from "./types";
+interface ChatMessageBubbleProps {
+    message: ChatMessage;
+}
+declare const ChatMessageBubble: ({ message }: ChatMessageBubbleProps) => React.JSX.Element;
+export { ChatMessageBubble };

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

@@ -0,0 +1,30 @@
+import React from "react";
+import "./index.css";
+import { ChatMessage, ChatStatus, ChatTheme } from "./types";
+export interface ChatWidgetProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    messages: ChatMessage[];
+    status: ChatStatus;
+    onSend: (text: string) => void | Promise<void>;
+    onReset?: () => void;
+    theme?: ChatTheme;
+    title?: string;
+    triggerLabel?: string;
+    placeholder?: string;
+    emptyTitle?: string;
+    emptySubtitle?: string;
+    suggestions?: string[];
+    collapsedHeight?: number | string;
+    expandedHeight?: number | string;
+    collapsedWidth?: number | string;
+    expandedWidth?: number | string;
+    defaultExpanded?: boolean;
+    expandable?: boolean;
+    className?: string;
+    zIndex?: number;
+    headerExtra?: React.ReactNode;
+    belowHeader?: React.ReactNode;
+}
+declare const ChatWidget: ({ open, onOpenChange, messages, status, onSend, onReset, theme, title, triggerLabel, placeholder, emptyTitle, emptySubtitle, suggestions, collapsedHeight, expandedHeight, collapsedWidth, expandedWidth, defaultExpanded, expandable, className, zIndex, headerExtra, belowHeader, }: ChatWidgetProps) => React.JSX.Element;
+export { ChatWidget };

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

@@ -0,0 +1,3 @@
+export * from "./ChatWidget";
+export * from "./ChatMessageBubble";
+export * from "./types";

package/dist/emails/email/components/ChatWidget/types.d.ts

@@ -0,0 +1,18 @@
+export type ChatRole = 'user' | 'assistant';
+export type ChatStatus = 'idle' | 'streaming' | 'error';
+export type ChatTheme = 'light' | 'dark';
+export interface ChatToolCall {
+    name: string;
+    input: Record<string, unknown>;
+}
+export interface ChatCitation {
+    section: string;
+    excerpt: string;
+    url: string;
+}
+export interface ChatMessage {
+    role: ChatRole;
+    content: string;
+    toolCalls?: ChatToolCall[];
+    citations?: ChatCitation[];
+}

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

@@ -0,0 +1,12 @@
+import React from "react";
+import "./index.css";
+type CheckboxProps = {
+    id?: string;
+    className?: string;
+    name?: string;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    children?: React.ReactNode;
+};
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<unknown>>;
+export { Checkbox };

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

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

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

@@ -0,0 +1,17 @@
+import React from "react";
+import "./index.css";
+type Span = {
+    mobile?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    tablet?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    desktop?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    wide?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+};
+type ColProps = {
+    id?: string;
+    className?: string;
+    span?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Span;
+    onClick?: () => void;
+    children?: React.ReactNode;
+};
+declare const Col: ({ id, className, span, onClick, children, }: ColProps) => React.JSX.Element;
+export { Col };

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

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

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

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

package/dist/emails/email/components/Collapse/CollapseIcon.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./index.css";
+type CollapseIconProps = {
+    id?: string;
+    className?: string;
+    collapsed?: boolean;
+    onCollapse?: (collapsed: boolean) => void;
+};
+declare const CollapseIcon: ({ id, className, collapsed, onCollapse, }: CollapseIconProps) => React.JSX.Element;
+export { CollapseIcon };

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

@@ -0,0 +1,2 @@
+export * from "./Collapse";
+export * from "./CollapseIcon";

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

@@ -0,0 +1,45 @@
+import React from "react";
+import "./index.css";
+type ContextMenuProps = {
+    id?: string;
+    className?: string;
+    visible?: boolean;
+    align?: "start" | "center" | "end";
+    side?: "top" | "right" | "bottom" | "left";
+    sideOffset?: number;
+    width?: number | string;
+    trigger: React.ReactNode;
+    children?: React.ReactNode;
+    onPointerDownOutside?: () => void;
+};
+declare const ContextMenu: {
+    ({ id, className, visible, align, side, sideOffset, width, trigger, children, onPointerDownOutside, }: ContextMenuProps): React.JSX.Element;
+    Section: ({ className, label, hint, children, }: {
+        className?: string;
+        label?: string;
+        /** Texto explicativo abaixo do label, antes do conteúdo. */
+        hint?: string | React.ReactNode;
+        children: React.ReactNode;
+    }) => React.JSX.Element;
+    Divider: () => React.JSX.Element;
+    RadioGroup: ({ value, onChange, children, }: {
+        value?: string;
+        onChange?: (value: string) => void;
+        children: React.ReactNode;
+    }) => React.JSX.Element;
+    RadioItem: ({ value, label, sublabel, icon, disabled, }: {
+        value: string;
+        label: string;
+        sublabel?: string;
+        icon?: React.ReactNode;
+        disabled?: boolean;
+    }) => React.JSX.Element;
+    DangerAction: ({ icon, onClick, disabled, children, }: {
+        icon?: React.ReactNode;
+        onClick?: () => void;
+        disabled?: boolean;
+        children: React.ReactNode;
+    }) => React.JSX.Element;
+};
+export { ContextMenu };
+export type { ContextMenuProps };

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 };