@fast-food/design-system 1.28.1 → 1.30.0

package/dist/components/atoms/Badge/Badge.style.d.ts

@@ -3,7 +3,7 @@ export type BadgeTone = 'primary' | 'secondary' | 'neutral' | 'success' | 'warni
 export type BadgeAppearance = 'solid' | 'soft' | 'outline' | 'pillSolid' | 'ghost' | 'pillOutline';
 export declare const badgeStyles: (props?: ({
     tone?: "default" | "info" | "warning" | "success" | "error" | "primary" | "destructive" | "secondary" | "neutral" | "danger" | "outline" | null | undefined;
-    appearance?: "ghost" | "outline" | "solid" | "soft" | "pillSolid" | "pillOutline" | null | undefined;
+    appearance?: "outline" | "solid" | "soft" | "pillSolid" | "ghost" | "pillOutline" | null | undefined;
     size?: "sm" | "md" | "lg" | "xl" | "xxl" | "xs" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type BadgeStyleProps = VariantProps<typeof badgeStyles>;

package/dist/components/atoms/Button/Button.style.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 export declare const buttonStyles: (props?: ({
-    variant?: "default" | "warning" | "success" | "error" | "primary" | "destructive" | "ghost" | "secondary" | "outline" | null | undefined;
+    variant?: "default" | "warning" | "success" | "error" | "primary" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
     size?: "sm" | "md" | "lg" | "icon" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ButtonStyleProps = VariantProps<typeof buttonStyles>;

package/dist/components/atoms/Icon/Icon.type.d.ts

@@ -1,41 +1,24 @@
 import { default as React, SVGProps } from 'react';
 import { LucideIcon } from 'lucide-react';
 import { IconVariants } from './Icon.style';
-import { default as dynamicIconImports } from 'lucide-react/dynamicIconImports';
-export type IconName = keyof typeof dynamicIconImports;
+import { IconName } from './iconRegistry';
+export type { IconName };
 export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'ref'>, Omit<Partial<IconVariants>, 'size'> {
     /**
-     * Componente Lucide diretamente (recomendado para performance) ou nome do ícone
-     * no formato Lucide dynamic (ex.: `layout-dashboard`), igual ao retorno típico de APIs.
+     * Componente Lucide diretamente (para compatibilidade).
+     * Prefira `iconName` para manter ícones centralizados no registry.
      */
-    icon?: LucideIcon | React.ElementType | string;
+    icon?: LucideIcon | React.ElementType;
     title?: string;
     /**
-     * Nome do ícone do Lucide para lazy loading (ex: 'home', 'search', 'plus')
+     * Nome do ícone registrado (ex: 'home', 'plus', 'trash-2').
+     * Todos os ícones disponíveis estão em iconRegistry.ts.
      */
     iconName?: IconName;
-    /**
-     * Tamanho numérico em pixels (quando usa icon) ou tamanho nomeado (sm, md, lg)
-     */
     size?: number | string | IconVariants['size'];
-    /**
-     * Cor do ícone
-     */
     color?: string;
-    /**
-     * Classes CSS adicionais
-     */
     className?: string;
-    /**
-     * Função de clique
-     */
     onClick?: () => void;
-    /**
-     * Descrição para acessibilidade
-     */
     'aria-label'?: string;
-    /**
-     * Esconde do leitor de tela
-     */
     'aria-hidden'?: boolean;
 }

package/dist/components/atoms/Icon/iconRegistry.d.ts

@@ -0,0 +1,97 @@
+export declare const iconRegistry: {
+    readonly 'alert-triangle': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'arrow-down': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'arrow-down-circle': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'arrow-down-up': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'arrow-left': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'arrow-up': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'arrow-up-circle': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'bar-chart-3': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly bell: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly bike: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'building-2': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly calendar: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'calendar-plus': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'calendar-search': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'calendar-x-2': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly check: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'check-circle': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'chef-hat': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'chevron-down': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'chevron-right': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'clipboard-list': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly clock: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly copy: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'credit-card': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly download: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly edit: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'external-link': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly eye: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'eye-off': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'file-down': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'file-spreadsheet': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'file-text': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'folder-tree': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly gift: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly heart: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly home: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly inbox: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly info: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'layout-dashboard': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly layers: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly link: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'link-2': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly lock: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly mail: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'map-pin': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly menu: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'message-circle': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly minus: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly moon: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'more-vertical': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly package: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly paperclip: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly pencil: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly phone: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'phone-call': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly play: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly plus: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly power: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly printer: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'qr-code': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly receipt: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'refresh-cw': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly save: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly search: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly settings: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly share: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'shield-check': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'shopping-bag': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'shopping-cart': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly star: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly store: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly sun: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly tag: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'thumbs-down': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'thumbs-up': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'trash-2': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly truck: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly unlock: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly upload: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly user: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'utensils-crossed': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'user-check': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'user-plus': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'user-x': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly x: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'x-circle': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'arrow-right': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'bar-chart': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'send-horizontal': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly shield: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly 'trending-up': import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly users: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly wallet: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly zap: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+};
+export type IconName = keyof typeof iconRegistry;

package/dist/components/atoms/Icon/index.d.ts

@@ -1,2 +1,3 @@
 export { Icon } from './Icon';
-export type { IconProps } from './Icon.type';
+export { iconRegistry } from './iconRegistry';
+export type { IconProps, IconName } from './Icon.type';

package/dist/components/atoms/Link/Link.style.d.ts

@@ -1,4 +1,4 @@
 export declare const linkStyles: (props?: ({
-    variant?: "default" | "primary" | "underline" | "secondary" | null | undefined;
+    variant?: "default" | "primary" | "secondary" | "underline" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/atoms/Tooltip/Tooltip.style.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
 export declare const tooltipVariants: (props?: ({
-    position?: "bottom" | "left" | "right" | "top" | null | undefined;
+    position?: "left" | "right" | "bottom" | "top" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type TooltipVariants = VariantProps<typeof tooltipVariants>;

package/dist/components/molecules/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,6 @@
+import { MultiSelectProps } from './MultiSelect.type';
+declare function MultiSelect<TData, TParams = void>({ label, value, onChange, loadOptions, loadParams, getValue, getLabel, getSubLabel, searchPlaceholder, emptyText, loadingText, errorText, maxListHeight, error, helperText, disabled, className, }: MultiSelectProps<TData, TParams>): import("react/jsx-runtime").JSX.Element;
+declare namespace MultiSelect {
+    var displayName: string;
+}
+export default MultiSelect;

package/dist/components/molecules/MultiSelect/MultiSelect.type.d.ts

@@ -0,0 +1,35 @@
+export interface MultiSelectProps<TData, TParams = void> {
+    /** Rótulo exibido acima do componente */
+    label?: string;
+    /** IDs dos itens selecionados */
+    value: string[];
+    /** Chamado quando a seleção muda */
+    onChange: (values: string[]) => void;
+    /** Função que carrega as opções (assíncrona) */
+    loadOptions: (params?: TParams) => Promise<TData[]>;
+    /** Parâmetros passados para `loadOptions` */
+    loadParams?: TParams;
+    /** Extrai o valor único (ID) de cada item */
+    getValue: (item: TData) => string;
+    /** Extrai o rótulo principal de cada item */
+    getLabel: (item: TData) => string;
+    /** Rótulo secundário opcional (ex: preço) */
+    getSubLabel?: (item: TData) => string | undefined;
+    /** Placeholder da busca */
+    searchPlaceholder?: string;
+    /** Texto quando não há opções */
+    emptyText?: string;
+    /** Texto durante carregamento */
+    loadingText?: string;
+    /** Texto de erro ao carregar */
+    errorText?: string;
+    /** Altura máxima da lista de opções (classe Tailwind) */
+    maxListHeight?: string;
+    /** Estado de erro */
+    error?: boolean;
+    /** Texto auxiliar abaixo */
+    helperText?: string;
+    /** Desabilita o componente */
+    disabled?: boolean;
+    className?: string;
+}

package/dist/components/molecules/MultiSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MultiSelect } from './MultiSelect';
+export type { MultiSelectProps } from './MultiSelect.type';

package/dist/components/molecules/index.d.ts

@@ -17,6 +17,7 @@ export * from './PageLoadingSkeleton';
 export * from './PageHeader';
 export * from './Pagination';
 export * from './PaymentInfo';
+export * from './MultiSelect';
 export * from './RadioGroup';
 export * from './Section';
 export * from './SidebarNav';