@tolle_/tolle-ui 18.2.29 → 18.2.30

package/lib/item.component.d.ts

@@ -0,0 +1,154 @@
+import { OnChanges } from '@angular/core';
+import { type VariantProps } from 'class-variance-authority';
+import { cn } from './utils/cn';
+import * as i0 from "@angular/core";
+declare const itemVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "default" | "xs" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ItemProps = VariantProps<typeof itemVariants>;
+/**
+ * A flex container for content rows built from media, title, description and
+ * actions — profiles, notifications, settings rows, list entries. Use
+ * `tolle-field` instead when wrapping a form control.
+ * @new
+ */
+export declare class ItemComponent implements OnChanges {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Visual style of the row. @default 'default' */
+    variant: ItemProps['variant'];
+    /** Padding and gap density of the row. @default 'default' */
+    size: ItemProps['size'];
+    /** Extra Tailwind classes merged onto the row via `cn()` (last-wins). */
+    class: string;
+    get computedClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemComponent, "tolle-item", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** Stacks several `tolle-item` rows as a single list. */
+export declare class ItemGroupComponent implements OnChanges {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Extra Tailwind classes merged onto the group via `cn()` (last-wins). */
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemGroupComponent, "tolle-item-group", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** Leading media slot — avatar, icon, or thumbnail. */
+export declare class ItemMediaComponent implements OnChanges {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Extra Tailwind classes merged onto the media slot via `cn()` (last-wins). */
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemMediaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemMediaComponent, "tolle-item-media", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** Grows to fill the row; wraps the title and description. */
+export declare class ItemContentComponent implements OnChanges {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Extra Tailwind classes merged onto the content column via `cn()` (last-wins). */
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemContentComponent, "tolle-item-content", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** Primary line of the row. */
+export declare class ItemTitleComponent implements OnChanges {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Extra Tailwind classes merged onto the title via `cn()` (last-wins). */
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemTitleComponent, "tolle-item-title", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** Secondary line of the row. */
+export declare class ItemDescriptionComponent implements OnChanges {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Extra Tailwind classes merged onto the description via `cn()` (last-wins). */
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemDescriptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemDescriptionComponent, "tolle-item-description", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** Trailing slot for buttons, switches, or badges. */
+export declare class ItemActionsComponent implements OnChanges {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Extra Tailwind classes merged onto the actions slot via `cn()` (last-wins). */
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemActionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemActionsComponent, "tolle-item-actions", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** Optional full-width header above the row's main line. */
+export declare class ItemHeaderComponent implements OnChanges {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Extra Tailwind classes merged onto the header via `cn()` (last-wins). */
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemHeaderComponent, "tolle-item-header", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** Optional full-width footer below the row's main line. */
+export declare class ItemFooterComponent implements OnChanges {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Extra Tailwind classes merged onto the footer via `cn()` (last-wins). */
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemFooterComponent, "tolle-item-footer", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export {};

package/lib/kbd.component.d.ts

@@ -0,0 +1,50 @@
+import { OnChanges } from '@angular/core';
+import { type VariantProps } from 'class-variance-authority';
+import { cn } from './utils/cn';
+import * as i0 from "@angular/core";
+declare const kbdVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    variant?: "default" | "outline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type KbdProps = VariantProps<typeof kbdVariants>;
+/**
+ * Renders a keyboard key or shortcut, e.g. `<tolle-kbd>⌘</tolle-kbd>`.
+ * Pairs with `tolle-command-shortcut` inside command menus.
+ * @new
+ */
+export declare class KbdComponent implements OnChanges {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Size of the key cap. @default 'default' */
+    size: KbdProps['size'];
+    /** Visual style of the key cap. @default 'default' */
+    variant: KbdProps['variant'];
+    /** Extra Tailwind classes merged onto the key cap via `cn()` (last-wins). */
+    class: string;
+    get computedClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbdComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbdComponent, "tolle-kbd", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/**
+ * Groups several `tolle-kbd` keys into one shortcut, e.g. ⌘ + K.
+ */
+export declare class KbdGroupComponent implements OnChanges {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Extra Tailwind classes merged onto the group via `cn()` (last-wins). */
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbdGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbdGroupComponent, "tolle-kbd-group", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export {};

package/lib/marker.component.d.ts

@@ -0,0 +1,58 @@
+import { OnChanges } from '@angular/core';
+import { type VariantProps } from 'class-variance-authority';
+import { cn } from './utils/cn';
+import * as i0 from "@angular/core";
+declare const markerVariants: (props?: ({
+    variant?: "default" | "error" | "separator" | "status" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type MarkerProps = VariantProps<typeof markerVariants>;
+/**
+ * An inline row in a chat transcript that is not a message: a system note, a
+ * streaming status, tool activity, or a labelled date separator.
+ * @new
+ */
+export declare class MarkerComponent implements OnChanges {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Kind of transcript marker this row represents. @default 'default' */
+    variant: MarkerProps['variant'];
+    /** Text for the marker — the date on a separator, or the status wording. */
+    label: string;
+    /** Remixicon class for a leading icon, e.g. 'ri-tools-line'. */
+    icon: string;
+    /** Applies the shimmer text sweep, for live status such as "Thinking…". @default false */
+    shimmer: boolean;
+    /** Extra Tailwind classes merged onto the row via `cn()` (last-wins). */
+    class: string;
+    get computedClass(): string;
+    /** Whether this marker announces a change to assistive technology. */
+    get isLive(): boolean;
+    get iconClass(): string;
+    get labelClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MarkerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MarkerComponent, "tolle-marker", never, { "variant": { "alias": "variant"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "shimmer": { "alias": "shimmer"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/**
+ * Groups related markers — a run of tool calls, say — into one indented block so
+ * they read as a single step in the transcript.
+ */
+export declare class MarkerGroupComponent implements OnChanges {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Extra Tailwind classes merged onto the group via `cn()` (last-wins). */
+    class: string;
+    protected cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MarkerGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MarkerGroupComponent, "tolle-marker-group", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export {};

package/lib/menubar.component.d.ts

@@ -0,0 +1,247 @@
+import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit } from '@angular/core';
+import { type VariantProps } from 'class-variance-authority';
+import { cn } from './utils/cn';
+import * as i0 from "@angular/core";
+/**
+ * Contract a `tolle-menubar-menu` fulfils so `MenubarService` can drive focus and
+ * keyboard navigation without importing the component (which would be circular).
+ */
+export interface MenubarMenuRef {
+    /** Stable id, unique per menu instance. */
+    readonly id: string;
+    /** The menu's trigger button, once rendered. */
+    triggerElement: HTMLElement | null;
+    /** The menu's open panel, or `null` while closed. */
+    contentElement: HTMLElement | null;
+}
+/**
+ * Coordinates the menus of a single `tolle-menubar`. Provided by
+ * `MenubarComponent`, injected by every descendant menu/trigger/content.
+ *
+ * The defining behaviour of a menu bar lives here: once *any* menu is open,
+ * hovering a different trigger switches to it immediately (`hoverEnter`), while
+ * hovering with everything closed does nothing.
+ */
+export declare class MenubarService {
+    private openIdSource;
+    /** Emits the id of the currently open menu, or `null` when all are closed. */
+    readonly openId$: import("rxjs").Observable<string | null>;
+    private sizeSource;
+    /**
+     * Emits the bar's size so OnPush triggers re-render when it changes. Reading
+     * the parent component's property directly would not mark them dirty.
+     */
+    readonly size$: import("rxjs").Observable<"default" | "sm" | "lg">;
+    /** The bar's current size scale. */
+    get size(): 'sm' | 'default' | 'lg';
+    setSize(size: 'sm' | 'default' | 'lg'): void;
+    /** Registered menus in DOM (registration) order. */
+    private menus;
+    /** Id of the open menu, or `null`. */
+    get openId(): string | null;
+    /** True while one of the bar's menus is open. */
+    get isAnyOpen(): boolean;
+    register(menu: MenubarMenuRef): void;
+    unregister(menu: MenubarMenuRef): void;
+    isOpen(id: string): boolean;
+    open(id: string): void;
+    close(): void;
+    toggle(id: string): void;
+    /**
+     * Pointer entered a trigger. Only switches menus when the bar is already
+     * "active" (something open) — this is what makes a menu bar feel native.
+     */
+    hoverEnter(id: string): void;
+    /** Moves focus to the previous/next menu, keeping the open state. */
+    moveMenu(delta: number): void;
+    /** Moves focus between the enabled items of the currently open menu. */
+    moveItem(delta: number): void;
+    /** Focuses the trigger of the given menu (used when Escape closes a menu). */
+    focusTrigger(id: string): void;
+    private openItems;
+    private indexOfFocusedTrigger;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenubarService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MenubarService>;
+}
+declare const menubarVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type MenubarProps = VariantProps<typeof menubarVariants>;
+declare const menubarTriggerVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type MenubarTriggerProps = VariantProps<typeof menubarTriggerVariants>;
+declare const menubarItemVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+    inset?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type MenubarItemProps = VariantProps<typeof menubarItemVariants>;
+/**
+ * Desktop-application style menu bar.
+ *
+ * ```html
+ * <tolle-menubar>
+ *   <tolle-menubar-menu>
+ *     <tolle-menubar-trigger>File</tolle-menubar-trigger>
+ *     <tolle-menubar-content>
+ *       <tolle-menubar-label>Document</tolle-menubar-label>
+ *       <tolle-menubar-item (select)="onNew()">New</tolle-menubar-item>
+ *       <tolle-menubar-separator />
+ *       <tolle-menubar-item variant="destructive">Delete</tolle-menubar-item>
+ *     </tolle-menubar-content>
+ *   </tolle-menubar-menu>
+ * </tolle-menubar>
+ * ```
+ * @new
+ */
+export declare class MenubarComponent implements OnInit, OnChanges, OnDestroy {
+    /** Height/padding scale, inherited by every trigger in the bar. @default 'default' */
+    size: MenubarProps['size'];
+    /** Extra Tailwind classes merged onto the bar via `cn()` (last-wins). */
+    class: string;
+    /** Emitted with the id of the menu that opened, or `null` when the bar closes. */
+    openChange: EventEmitter<string | null>;
+    protected readonly service: MenubarService;
+    private readonly host;
+    private readonly sub;
+    private listening;
+    get computedClass(): string;
+    ngOnChanges(): void;
+    ngOnInit(): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    private outsideClick;
+    private startListening;
+    private stopListening;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenubarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenubarComponent, "tolle-menubar", never, { "size": { "alias": "size"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
+}
+/** A single menu in the bar — wraps one trigger and its content panel. */
+export declare class MenubarMenuComponent implements MenubarMenuRef, OnInit, OnDestroy {
+    /** Explicit id for the menu; one is generated when omitted. */
+    id: string;
+    triggerElement: HTMLElement | null;
+    contentElement: HTMLElement | null;
+    readonly service: MenubarService;
+    get triggerId(): string;
+    get isOpen(): boolean;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenubarMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenubarMenuComponent, "tolle-menubar-menu", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** Button that opens its menu on click, and on hover once the bar is active. */
+export declare class MenubarTriggerComponent implements OnChanges, OnDestroy {
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Prevents the menu from opening. @default false */
+    disabled: boolean;
+    /** Overrides the size inherited from `tolle-menubar`. */
+    size?: MenubarTriggerProps['size'];
+    /** Extra Tailwind classes merged onto the trigger via `cn()` (last-wins). */
+    class: string;
+    protected readonly menu: MenubarMenuComponent;
+    private readonly service;
+    private readonly cdr;
+    private readonly sub;
+    constructor();
+    set triggerRef(ref: ElementRef<HTMLButtonElement> | undefined);
+    protected get isOpen(): boolean;
+    protected get computedClass(): string;
+    protected onClick(): void;
+    protected onMouseEnter(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenubarTriggerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenubarTriggerComponent, "tolle-menubar-trigger", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** The dropdown panel of a menu. Rendered only while its menu is open. */
+export declare class MenubarContentComponent implements OnChanges, OnDestroy {
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Preferred side of the trigger to render on; flips when space is tight. @default 'bottom-start' */
+    placement: 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+    /** Gap in pixels between the trigger and the panel. @default 4 */
+    sideOffset: number;
+    /** Extra Tailwind classes merged onto the panel via `cn()` (last-wins). */
+    class: string;
+    protected readonly menu: MenubarMenuComponent;
+    private readonly service;
+    private readonly cdr;
+    private readonly sub;
+    private cleanup?;
+    constructor();
+    set panelRef(ref: ElementRef<HTMLElement> | undefined);
+    protected get isOpen(): boolean;
+    protected get computedClass(): string;
+    private startPositioning;
+    private stopPositioning;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenubarContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenubarContentComponent, "tolle-menubar-content", never, { "placement": { "alias": "placement"; "required": false; }; "sideOffset": { "alias": "sideOffset"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** A selectable row inside a menu. Closes the bar when activated. */
+export declare class MenubarItemComponent implements OnChanges {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Visual style of the item. @default 'default' */
+    variant: MenubarItemProps['variant'];
+    /** Adds left padding so the label lines up with items that have icons. @default false */
+    inset: boolean;
+    /** Blocks activation and dims the item. @default false */
+    disabled: boolean;
+    /** Extra Tailwind classes merged onto the item via `cn()` (last-wins). */
+    class: string;
+    /** Emitted when the item is clicked or activated with Enter/Space. */
+    select: EventEmitter<Event>;
+    private readonly service;
+    protected get computedClass(): string;
+    protected activate(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenubarItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenubarItemComponent, "tolle-menubar-item", never, { "variant": { "alias": "variant"; "required": false; }; "inset": { "alias": "inset"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "select": "select"; }, never, ["[prefix]", "*", "[shortcut]"], true, never>;
+}
+/** A non-interactive heading inside a menu. */
+export declare class MenubarLabelComponent implements OnChanges {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Adds left padding so the label lines up with items that have icons. @default false */
+    inset: boolean;
+    /** Extra Tailwind classes merged onto the label via `cn()` (last-wins). */
+    class: string;
+    protected readonly cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenubarLabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenubarLabelComponent, "tolle-menubar-label", never, { "inset": { "alias": "inset"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** A horizontal rule between groups of menu items. */
+export declare class MenubarSeparatorComponent implements OnChanges {
+    private readonly cdr;
+    /**
+     * Angular writes a bound `class` input through its styling path, which does
+     * not mark an OnPush component dirty — without this hook the component keeps
+     * rendering the class it was born with.
+     */
+    ngOnChanges(): void;
+    /** Extra Tailwind classes merged onto the separator via `cn()` (last-wins). */
+    class: string;
+    protected readonly cn: typeof cn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenubarSeparatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenubarSeparatorComponent, "tolle-menubar-separator", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};