@rarui/components 1.19.0 → 1.20.0

package/dist/index.d.ts

@@ -17466,6 +17466,23 @@ declare const styles: {
 
 type TooltipVariants = NonNullable<RecipeVariants<typeof styles.tooltip>>;
 
+declare const breadcrumbStyles: {
+    breadcrumb: string;
+    item: RuntimeFn<{
+        /**
+         * Indicates whether the breadcrumb item is currently active.
+         * An active item is typically styled differently to show that it represents the current page.
+         */
+        active: {
+            true: {
+                color: `var(--${string})` | `var(--${string}, ${string})`;
+            };
+        };
+    }>;
+};
+
+type BreadcrumbVariants = NonNullable<RecipeVariants<typeof breadcrumbStyles.item>>;
+
 declare const cardStyles: {
     card: RuntimeFn<{
         /**
@@ -18059,6 +18076,14 @@ interface ModalHeaderTypings {
 }
 type ModalHeaderProps = ModalHeaderTypings;
 
+interface BreadcrumbItemTyping {
+    /**
+     * The name of the breadcrumb item. This is typically the text that is displayed for the item.
+     */
+    name?: string;
+}
+type BreadcrumbItemProps = BreadcrumbItemTyping & BreadcrumbVariants;
+
 type LinkProps = LinkVariants;
 
 interface PaginationTyping {
@@ -18824,6 +18849,86 @@ declare class RaruiToggle extends LitElement {
     render(): TemplateResult<1>;
 }
 
+declare global {
+    interface HTMLElementTagNameMap {
+        "rarui-breadcrumb": RaruiBreadcrumb;
+    }
+}
+/**
+ * ## Rarui Breadcrumb
+ * ---
+ * Componente de navegação hierárquica que permite aos usuários navegar através de uma estrutura de páginas.
+ *
+ * See [a complete document](https://rarui.rarolabs.com.br/docs/components-web-components/navigation/breadcrumb) for more details.
+ */
+interface BreadcrumbProperties {
+    /**
+     * Especifica o número de itens do breadcrumb a serem exibidos após o truncamento.
+     * Útil para gerenciar a exibição de listas longas de breadcrumb.
+     * @default 10
+     */
+    'items-after-truncate'?: number;
+}
+
+declare class RaruiBreadcrumb extends LitElement {
+    itemsAfterTruncate: BreadcrumbProperties["items-after-truncate"];
+    private items;
+    private visibleItems;
+    private hiddenItems;
+    private firstItem?;
+    static styles: CSSResult;
+    connectedCallback(): void;
+    private updateItems;
+    private getTextContent;
+    private getSlotContent;
+    private calculateVisibilityDistribution;
+    private renderSeparator;
+    private renderFirstItem;
+    private renderDropdownItems;
+    private renderVisibleItems;
+    render(): TemplateResult<1>;
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "rarui-breadcrumb-item": RaruiBreadcrumbItem;
+    }
+}
+/**
+ * ## Rarui BreadcrumbItem
+ * ---
+ * Item individual do breadcrumb que pode ser renderizado como link ou botão.
+ *
+ * See [a complete document](https://rarui.rarolabs.com.br/docs/components-web-components/navigation/breadcrumb-item) for more details.
+ */
+type BreadcrumbItemProperties = BreadcrumbItemProps & {
+    /**
+     * Nome do item do breadcrumb exibido como texto.
+     */
+    name?: string;
+    /**
+     * URL de destino quando o item for um link.
+     */
+    href?: string;
+    /**
+     * Tipo de elemento a ser renderizado.
+     * @default "button"
+     */
+    as?: "button" | "a";
+};
+
+declare class RaruiBreadcrumbItem extends LitElement {
+    name?: BreadcrumbItemProperties["name"];
+    href?: BreadcrumbItemProperties["href"];
+    active?: BreadcrumbItemProperties["active"];
+    as?: BreadcrumbItemProperties["as"];
+    static styles: CSSResult;
+    private handleClick;
+    render(): TemplateResult<1>;
+    private renderContent;
+    private hasSlotContent;
+}
+
 declare global {
     interface HTMLElementTagNameMap {
         "rarui-link": RaruiLink;