forlogic-core 2.2.8 → 2.3.0

package/dist/places/components/ui/input-group.d.ts

@@ -0,0 +1,113 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+import { type ButtonProps } from "./button";
+/**
+ * InputGroup Component
+ *
+ * Agrupa inputs com addons de prefixo, sufixo, ícones e botões.
+ * Segue a API oficial do shadcn/ui.
+ *
+ * @example
+ * ```tsx
+ * <InputGroup>
+ *   <InputGroupAddon>
+ *     <Search className="h-4 w-4" />
+ *   </InputGroupAddon>
+ *   <InputGroupInput placeholder="Buscar..." />
+ * </InputGroup>
+ * ```
+ */
+declare const InputGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * InputGroupAddon Variants
+ *
+ * @example
+ * inputGroupAddonVariants;
+ */
+declare const inputGroupAddonVariants: (props?: {
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start";
+} & import("class-variance-authority/types").ClassProp) => string;
+/**
+ * Tipo `InputGroupAddonProps` exportado pela lib.
+ * @example
+ * const value: InputGroupAddonProps = {} as InputGroupAddonProps;
+ */
+export interface InputGroupAddonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof inputGroupAddonVariants> {
+}
+/**
+ * InputGroupAddon Component
+ *
+ * Exibe ícones, textos, botões ou outros conteúdos junto aos inputs.
+ *
+ * @prop align - Alinhamento do addon: "inline-start" | "inline-end" | "block-start" | "block-end"
+ *
+ * @example
+ * ```tsx
+ * <InputGroupAddon align="inline-start">
+ *   <Search className="h-4 w-4" />
+ * </InputGroupAddon>
+ * ```
+ */
+declare const InputGroupAddon: React.ForwardRefExoticComponent<InputGroupAddonProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * InputGroupButton Variants
+ *
+ * @example
+ * inputGroupButtonVariants;
+ */
+declare const inputGroupButtonVariants: (props?: {
+    size?: "sm" | "icon-sm" | "icon-xs" | "xs";
+} & import("class-variance-authority/types").ClassProp) => string;
+/**
+ * Tipo `InputGroupButtonProps` exportado pela lib.
+ * @example
+ * const value: InputGroupButtonProps = {} as InputGroupButtonProps;
+ */
+export interface InputGroupButtonProps extends Omit<ButtonProps, "size">, VariantProps<typeof inputGroupButtonVariants> {
+}
+/**
+ * InputGroupButton Component
+ *
+ * Botão estilizado para uso dentro de InputGroup.
+ *
+ * @prop size - Tamanho do botão: "xs" | "icon-xs" | "sm" | "icon-sm"
+ * @prop variant - Variante do botão (herda do Button)
+ *
+ * @example
+ * ```tsx
+ * <InputGroupButton variant="ghost" size="icon-xs">
+ *   <X className="h-4 w-4" />
+ * </InputGroupButton>
+ * ```
+ */
+declare const InputGroupButton: React.ForwardRefExoticComponent<InputGroupButtonProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * InputGroupInput Component
+ *
+ * Input estilizado para uso dentro de InputGroup.
+ * Remove bordas e estilos de foco para integração com o grupo.
+ *
+ * @example
+ * ```tsx
+ * <InputGroupInput placeholder="Digite aqui..." />
+ * ```
+ */
+declare const InputGroupInput: React.ForwardRefExoticComponent<Omit<Omit<import("./input").InputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+/**
+ * InputGroupTextarea Component
+ *
+ * Textarea estilizado para uso dentro de InputGroup.
+ * Usado com align="block-start" ou "block-end" no addon.
+ *
+ * @example
+ * ```tsx
+ * <InputGroup className="flex-col">
+ *   <InputGroupAddon align="block-start">
+ *     <span>Descrição</span>
+ *   </InputGroupAddon>
+ *   <InputGroupTextarea placeholder="Digite..." />
+ * </InputGroup>
+ * ```
+ */
+declare const InputGroupTextarea: React.ForwardRefExoticComponent<Omit<import("./textarea").TextareaProps & React.RefAttributes<HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupTextarea, inputGroupAddonVariants, inputGroupButtonVariants, };

package/dist/places/components/ui/input.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+/**
+ * Input Component
+ *
+ * Campo de entrada de texto estilizado com suporte completo a tipos HTML.
+ *
+ * @example
+ * ```tsx
+ * <Input type="text" placeholder="Digite seu nome" />
+ * <Input type="email" placeholder="email@exemplo.com" />
+ * <Input type="password" placeholder="Senha" />
+ * <Input showCharCount maxLength={150} placeholder="Com contador" />
+ * ```
+ */
+export interface InputProps extends React.ComponentProps<"input"> {
+    showCharCount?: boolean;
+}
+/**
+ * Componente `Input` da lib.
+ * @example
+ * <Input />
+ */
+declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/places/components/ui/label.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { type VariantProps } from "class-variance-authority";
+/**
+ * Label Component
+ *
+ * Componente de rótulo acessível baseado em Radix UI.
+ *
+ * @example
+ * ```tsx
+ * <Label htmlFor="email">Email</Label>
+ * <Input id="email" type="email" />
+ * ```
+ *
+ * ## Características
+ * - Associação automática com campos de formulário via htmlFor/id
+ * - Suporte a estados disabled (opacidade reduzida)
+ * - Acessibilidade completa
+ *
+ * @see https://www.radix-ui.com/docs/primitives/components/label
+ */
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

package/dist/places/components/ui/loading-state.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode } from "react";
+interface LoadingStateProps {
+    isLoading: boolean;
+    children: ReactNode;
+    className?: string;
+    type?: "spinner" | "skeleton" | "overlay";
+    size?: "sm" | "md" | "lg";
+}
+/**
+ * Componente para gerenciar estados de loading de forma declarativa
+ *
+ * Oferece 3 tipos de loading states:
+ * - **spinner**: Mostra apenas o spinner (esconde children)
+ * - **skeleton**: Mostra um placeholder animado
+ * - **overlay**: Mostra children com spinner sobreposto
+ *
+ * @example
+ * ```typescript
+ * import { LoadingState } from 'forlogic-core/modular';
+ *
+ * function MyComponent() {
+ *   const { data, isLoading } = useQuery(...);
+ *
+ *   return (
+ *     <LoadingState isLoading={isLoading} type="spinner">
+ *       <div>{data?.content}</div>
+ *     </LoadingState>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Skeleton para placeholders
+ * <LoadingState isLoading={isLoading} type="skeleton" className="h-32">
+ *   <ProductCard product={product} />
+ * </LoadingState>
+ *
+ * // Overlay para preservar layout
+ * <LoadingState isLoading={isSaving} type="overlay">
+ *   <form>...</form>
+ * </LoadingState>
+ * ```
+ *
+ * @param props.isLoading Se true, mostra o estado de loading
+ * @param props.children Conteúdo a ser renderizado quando não está loading
+ * @param props.type Tipo de loading: "spinner" | "skeleton" | "overlay" (default: "spinner")
+ * @param props.size Tamanho do spinner: "sm" | "md" | "lg" (default: "md")
+ * @param props.className Classes CSS adicionais
+ */
+export declare function LoadingState({ isLoading, children, className, type, size }: LoadingStateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/places/components/ui/menubar.d.ts

@@ -0,0 +1,113 @@
+import * as React from "react";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+/**
+ * Componente `MenubarMenu` da lib.
+ * @example
+ * <MenubarMenu />
+ */
+declare const MenubarMenu: {
+    (props: MenubarPrimitive.MenubarMenuProps & {
+        __scopeMenubar?: import("@radix-ui/react-context").Scope;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Componente `MenubarGroup` da lib.
+ * @example
+ * <MenubarGroup />
+ */
+declare const MenubarGroup: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarGroupProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Componente `MenubarPortal` da lib.
+ * @example
+ * <MenubarPortal />
+ */
+declare const MenubarPortal: React.FC<MenubarPrimitive.MenubarPortalProps>;
+/**
+ * Componente `MenubarSub` da lib.
+ * @example
+ * <MenubarSub />
+ */
+declare const MenubarSub: React.FC<MenubarPrimitive.MenubarSubProps>;
+/**
+ * Componente `MenubarRadioGroup` da lib.
+ * @example
+ * <MenubarRadioGroup />
+ */
+declare const MenubarRadioGroup: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Componente `Menubar` da lib.
+ * @example
+ * <Menubar />
+ */
+declare const Menubar: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Componente `MenubarTrigger` da lib.
+ * @example
+ * <MenubarTrigger />
+ */
+declare const MenubarTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Componente `MenubarSubTrigger` da lib.
+ * @example
+ * <MenubarSubTrigger />
+ */
+declare const MenubarSubTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Componente `MenubarSubContent` da lib.
+ * @example
+ * <MenubarSubContent />
+ */
+declare const MenubarSubContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Componente `MenubarContent` da lib.
+ * @example
+ * <MenubarContent />
+ */
+declare const MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Componente `MenubarItem` da lib.
+ * @example
+ * <MenubarItem />
+ */
+declare const MenubarItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Componente `MenubarCheckboxItem` da lib.
+ * @example
+ * <MenubarCheckboxItem />
+ */
+declare const MenubarCheckboxItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Componente `MenubarRadioItem` da lib.
+ * @example
+ * <MenubarRadioItem />
+ */
+declare const MenubarRadioItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Componente `MenubarLabel` da lib.
+ * @example
+ * <MenubarLabel />
+ */
+declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Componente `MenubarSeparator` da lib.
+ * @example
+ * <MenubarSeparator />
+ */
+declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Componente `MenubarShortcut` da lib.
+ * @example
+ * <MenubarShortcut />
+ */
+declare const MenubarShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayname: string;
+};
+export { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarLabel, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarPortal, MenubarSubContent, MenubarSubTrigger, MenubarGroup, MenubarSub, MenubarShortcut, };

package/dist/places/components/ui/multiselect-permissions.d.ts

@@ -0,0 +1,84 @@
+import React from 'react';
+/**
+ * Tipo `PermissionItem` exportado pela lib.
+ * @example
+ * const value: PermissionItem = {} as PermissionItem;
+ */
+export interface PermissionItem {
+    id: string;
+    name: string;
+    /** Number of sub-items (e.g. users in group) */
+    count?: number;
+    /** Group/context key for categorization */
+    group?: string;
+}
+/**
+ * Tipo `PermissionCategory` exportado pela lib.
+ * @example
+ * const value: PermissionCategory = {} as PermissionCategory;
+ */
+export interface PermissionCategory {
+    id: string;
+    name: string;
+    icon?: React.ReactNode;
+}
+/**
+ * Tipo `PermissionValues` exportado pela lib.
+ * @example
+ * const value: PermissionValues = {} as PermissionValues;
+ */
+export interface PermissionValues {
+    /** IDs explicitly allowed */
+    allowedIds: string[];
+    /** IDs inherited (readonly, shown but not removable) */
+    inheritedIds?: string[];
+    /** Group/context key */
+    context?: string;
+}
+/**
+ * Tipo `MultiselectPermissionsProps` exportado pela lib.
+ * @example
+ * const value: MultiselectPermissionsProps = {} as MultiselectPermissionsProps;
+ */
+export interface MultiselectPermissionsProps {
+    /** Available items to select from */
+    items: PermissionItem[];
+    /** Permission categories (e.g. "Visualizar", "Editar") */
+    categories: PermissionCategory[];
+    /** Current permission values per category: { [categoryId]: PermissionValues[] } */
+    value: Record<string, PermissionValues[]>;
+    /** Called when permissions change */
+    onChange: (value: Record<string, PermissionValues[]>) => void;
+    /** Read-only mode */
+    readonly?: boolean;
+    /** Loading state */
+    isLoading?: boolean;
+    /** Title label */
+    title?: string;
+    /** Label for the "Add" button */
+    addButtonLabel?: string;
+    /** Label for chips section */
+    chipsTitle?: string;
+    /** Placeholder when no chips selected */
+    chipsPlaceholder?: string;
+    /** Search placeholder */
+    searchPlaceholder?: string;
+    /** Multiselect placeholder */
+    selectPlaceholder?: string;
+    /** Template for item info (receives count) */
+    itemInfoTemplate?: (count: number) => string;
+    /** Disclaimer text for readonly mode */
+    disclaimer?: string;
+    /** Disclaimer link text */
+    disclaimerLink?: string;
+    /** Disclaimer link callback */
+    onDisclaimerClick?: () => void;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Função utilitária `MultiselectPermissions`.
+ * @example
+ * MultiselectPermissions();
+ */
+export declare function MultiselectPermissions({ items, categories, value, onChange, readonly, isLoading, title, addButtonLabel, chipsTitle, chipsPlaceholder, searchPlaceholder, selectPlaceholder, itemInfoTemplate, disclaimer, disclaimerLink, onDisclaimerClick, className, }: MultiselectPermissionsProps): import("react/jsx-runtime").JSX.Element;

package/dist/places/components/ui/navigation-menu.d.ts

@@ -0,0 +1,57 @@
+import * as React from "react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+/**
+ * Componente `NavigationMenu` da lib.
+ * @example
+ * <NavigationMenu />
+ */
+declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+/**
+ * Componente `NavigationMenuList` da lib.
+ * @example
+ * <NavigationMenuList />
+ */
+declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+/**
+ * Componente `NavigationMenuItem` da lib.
+ * @example
+ * <NavigationMenuItem />
+ */
+declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
+/**
+ * `navigationMenuTriggerStyle` exportado pela lib.
+ * @example
+ * navigationMenuTriggerStyle;
+ */
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp) => string;
+/**
+ * Componente `NavigationMenuTrigger` da lib.
+ * @example
+ * <NavigationMenuTrigger />
+ */
+declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Componente `NavigationMenuContent` da lib.
+ * @example
+ * <NavigationMenuContent />
+ */
+declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Componente `NavigationMenuLink` da lib.
+ * @example
+ * <NavigationMenuLink />
+ */
+declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+/**
+ * Componente `NavigationMenuViewport` da lib.
+ * @example
+ * <NavigationMenuViewport />
+ */
+declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Componente `NavigationMenuIndicator` da lib.
+ * @example
+ * <NavigationMenuIndicator />
+ */
+declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { navigationMenuTriggerStyle, NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, };

package/dist/places/components/ui/onboarding-dialog.d.ts

@@ -0,0 +1,58 @@
+import * as React from "react";
+/**
+ * Tipo `OnboardingStep` exportado pela lib.
+ * @example
+ * const value: OnboardingStep = {} as OnboardingStep;
+ */
+export interface OnboardingStep {
+    /** Identificador único do step */
+    id: string;
+    /** URL da imagem ou GIF (opcional) */
+    image?: string;
+    /** Título do step */
+    title: string;
+    /** Descrição do step */
+    description: string;
+}
+/**
+ * Tipo `OnboardingDialogProps` exportado pela lib.
+ * @example
+ * const value: OnboardingDialogProps = {} as OnboardingDialogProps;
+ */
+export interface OnboardingDialogProps {
+    /** Controla se o dialog está aberto */
+    open: boolean;
+    /** Callback quando o estado de aberto muda */
+    onOpenChange: (open: boolean) => void;
+    /** Array de steps do onboarding */
+    steps: OnboardingStep[];
+    /** Callback quando o onboarding é concluído */
+    onComplete?: () => void;
+    /** Callback quando o step muda */
+    onStepChange?: (stepIndex: number) => void;
+    /** Texto do botão continuar (default: "Continuar") */
+    continueButtonText?: string;
+    /** Texto do botão voltar (default: "Voltar") */
+    backButtonText?: string;
+    /** Texto do botão finalizar (default: "Concluir") */
+    finishButtonText?: string;
+    /** Texto do label de etapa (default: t('approval_step_label')) */
+    stepLabel?: string;
+    /** Tamanho do dialog */
+    size?: "sm" | "md" | "lg";
+    /** Mostrar indicador de progresso (default: true) */
+    showProgressIndicator?: boolean;
+    /** Índice do step atual (modo controlado) */
+    currentStepIndex?: number;
+    /** Callback para mudar o step atual (modo controlado) */
+    onCurrentStepChange?: (index: number) => void;
+    /** Classes adicionais para o container */
+    className?: string;
+}
+/**
+ * Componente `OnboardingDialog` da lib.
+ * @example
+ * <OnboardingDialog />
+ */
+declare const OnboardingDialog: React.ForwardRefExoticComponent<OnboardingDialogProps & React.RefAttributes<HTMLDivElement>>;
+export { OnboardingDialog };

package/dist/places/components/ui/online-editor-dialog.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Tipo `OnlineEditorDialogProps` exportado pela lib.
+ * @example
+ * const value: OnlineEditorDialogProps = {} as OnlineEditorDialogProps;
+ */
+export interface OnlineEditorDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Google Drive file identifier */
+    identifier: string;
+    /** File name to display in the header */
+    fileName: string;
+    /** Editor mode: 'edit' opens the editor, 'preview' opens read-only view */
+    mode?: 'preview' | 'edit';
+    /** Google doc type */
+    type?: 'document' | 'spreadsheets';
+    /** Called when the dialog closes */
+    onClose?: () => void;
+    /** Custom className */
+    className?: string;
+}
+/**
+ * Função utilitária `OnlineEditorDialog`.
+ * @example
+ * OnlineEditorDialog();
+ */
+export declare function OnlineEditorDialog({ open, onOpenChange, identifier, fileName, mode, type, onClose, className, }: OnlineEditorDialogProps): import("react/jsx-runtime").JSX.Element;
+export default OnlineEditorDialog;

package/dist/places/components/ui/page-breadcrumb.d.ts

@@ -0,0 +1,77 @@
+import { BreadcrumbItem } from "./breadcrumb";
+/**
+ * BreadcrumbItem
+ *
+ * Item individual do breadcrumb.
+ *
+ * @property label - Texto a ser exibido
+ * @property href - Link de navegação (opcional para página atual)
+ * @property isCurrentPage - Indica se é a página atual
+ */
+interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    isCurrentPage?: boolean;
+}
+/**
+ * PageBreadcrumbProps
+ *
+ * Propriedades do componente PageBreadcrumb.
+ *
+ * @property items - Lista de itens do breadcrumb
+ * @property maxItems - Número máximo de itens antes de colapsar (padrão: 3)
+ * @property className - Classes CSS adicionais
+ */
+interface PageBreadcrumbProps {
+    items: BreadcrumbItem[];
+    maxItems?: number;
+    className?: string;
+}
+/**
+ * PageBreadcrumb Component
+ *
+ * Componente de navegação breadcrumb com suporte a collapse automático.
+ *
+ * @example
+ * ```tsx
+ * const breadcrumbs = [
+ *   { label: 'Home', href: '/' },
+ *   { label: 'Produtos', href: '/produtos' },
+ *   { label: 'Eletrônicos', href: '/produtos/eletronicos' },
+ *   { label: 'Notebook', isCurrentPage: true }
+ * ];
+ *
+ * <PageBreadcrumb items={breadcrumbs} maxItems={3} />
+ * ```
+ *
+ * ## Características
+ * - Collapse automático quando excede maxItems
+ * - Mostra primeiro e últimos itens quando colapsado
+ * - Indica página atual
+ * - Navegação por links
+ */
+export declare function PageBreadcrumb({ items, maxItems, className }: PageBreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * useRouteBreadcrumbs Hook
+ *
+ * Gera breadcrumbs automaticamente baseado na rota atual.
+ *
+ * @example
+ * ```tsx
+ * function MyPage() {
+ *   const breadcrumbs = useRouteBreadcrumbs();
+ *
+ *   return <PageBreadcrumb items={breadcrumbs} />;
+ * }
+ * ```
+ *
+ * ## Funcionalidade
+ * - Analisa a URL atual (location.pathname)
+ * - Gera itens do breadcrumb automaticamente
+ * - Capitaliza e formata nomes dos segmentos
+ * - Marca o último item como página atual
+ *
+ * @returns Array de BreadcrumbItem gerados a partir da rota
+ */
+export declare function useRouteBreadcrumbs(): BreadcrumbItem[];
+export {};