@juligc99/loro-ui 0.0.1

package/types/juligc99-loro-ui.d.ts

@@ -0,0 +1,818 @@
+import * as _angular_core from '@angular/core';
+import { LoroIconName, LoroIconSize as LoroIconSize$1, LoroIconRenderMode as LoroIconRenderMode$1, LoroIconColor as LoroIconColor$1 } from '@loro-ui/components/resources/loro-icon/loro-icon';
+import { LoroButtonVariant as LoroButtonVariant$1 } from '@loro-ui/components/components/loro-button/loro-button';
+import { LoroImageName } from '@loro-ui/components/resources/loro-image/loro-image';
+import { LoroBadgeVariant as LoroBadgeVariant$1 } from '@loro-ui/components/components/loro-badge/loro-badge';
+import * as _juligc99_loro_ui from '@juligc99/loro-ui';
+import { FormCheckboxControl, WithOptionalFieldTree, ValidationError, FormValueControl } from '@angular/forms/signals';
+import { LoroIconName as LoroIconName$1, LoroImageName as LoroImageName$1 } from '@loro-ui/assets/loro-assets.generated';
+export { LORO_ICON_ASSETS, LORO_ICON_LEGACY_NAMES, LORO_ICON_PATHS, LORO_IMAGE_ASSETS, LORO_IMAGE_LEGACY_NAMES, LORO_IMAGE_PATHS, LoroIconAsset, LoroIconAssetName, LoroIconLegacyName, LoroIconName, LoroImageAsset, LoroImageAssetName, LoroImageLegacyName, LoroImageName } from '@loro-ui/assets/loro-assets.generated';
+
+declare class Footer {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Footer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Footer, "loro-footer", never, {}, {}, never, never, true, never>;
+}
+
+declare class LoroAccordion {
+    title: _angular_core.InputSignal<string>;
+    icon: _angular_core.InputSignal<LoroIconName | null>;
+    expanded: _angular_core.InputSignal<boolean>;
+    expandedChange: _angular_core.OutputEmitterRef<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroAccordion, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroAccordion, "loro-accordion", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expandedChange": "expandedChange"; }, never, ["*"], true, never>;
+}
+
+interface LoroAppNavItem {
+    id: string;
+    label: string;
+    icon: LoroIconName;
+    active?: boolean;
+    badge?: string | number | null;
+    disabled?: boolean;
+}
+interface LoroAppNavClick {
+    item: LoroAppNavItem;
+    section: 'main' | 'utility';
+}
+declare class LoroAppNav {
+    private readonly haptics;
+    private readonly draggedMobilePosition;
+    private readonly draggedMobileIndex;
+    private activePointerId;
+    private suppressNextMobileClick;
+    items: _angular_core.InputSignal<LoroAppNavItem[]>;
+    utilityItems: _angular_core.InputSignal<LoroAppNavItem[]>;
+    ariaLabel: _angular_core.InputSignal<string>;
+    showUtilityItems: _angular_core.InputSignal<boolean>;
+    compactDesktop: _angular_core.InputSignal<boolean>;
+    itemClick: _angular_core.OutputEmitterRef<LoroAppNavItem>;
+    utilityItemClick: _angular_core.OutputEmitterRef<LoroAppNavItem>;
+    navItemClick: _angular_core.OutputEmitterRef<LoroAppNavClick>;
+    protected readonly desktopItems: _angular_core.Signal<LoroAppNavItem[]>;
+    protected readonly mobileItems: _angular_core.Signal<LoroAppNavItem[]>;
+    protected readonly mobileVisualSlotCount: _angular_core.Signal<number>;
+    private readonly selectedMobileIndex;
+    protected readonly mobileSliderPosition: _angular_core.Signal<number>;
+    protected readonly isMobileDragging: _angular_core.Signal<boolean>;
+    protected readonly mobileItemCount: _angular_core.Signal<number>;
+    protected isMobileItemVisualActive(index: number): boolean;
+    onMainItemClick(item: LoroAppNavItem): void;
+    protected onMobileItemClick(item: LoroAppNavItem): void;
+    protected onMobilePointerDown(event: PointerEvent): void;
+    protected onMobilePointerMove(event: PointerEvent): void;
+    protected onMobilePointerUp(event: PointerEvent): void;
+    protected onMobilePointerCancel(event: PointerEvent): void;
+    onUtilityItemClick(item: LoroAppNavItem): void;
+    private emitMainItem;
+    private getMobileVisualSlotPosition;
+    protected mobileItemGridColumn(index: number): number;
+    private mobileItemIndexToVisualSlot;
+    private getNearestEnabledMobileIndex;
+    private releaseMobilePointer;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroAppNav, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroAppNav, "loro-app-nav", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "utilityItems": { "alias": "utilityItems"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "showUtilityItems": { "alias": "showUtilityItems"; "required": false; "isSignal": true; }; "compactDesktop": { "alias": "compactDesktop"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; "utilityItemClick": "utilityItemClick"; "navItemClick": "navItemClick"; }, never, never, true, never>;
+}
+
+declare class LoroAssistantCard {
+    title: _angular_core.InputSignal<string>;
+    description: _angular_core.InputSignal<string>;
+    imageName: _angular_core.InputSignal<LoroImageName | null>;
+    icon: _angular_core.InputSignal<LoroIconName>;
+    actionLabel: _angular_core.InputSignal<string>;
+    actionIcon: _angular_core.InputSignal<LoroIconName | null>;
+    actionVariant: _angular_core.InputSignal<LoroButtonVariant$1>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroAssistantCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroAssistantCard, "loro-assistant-card", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": true; "isSignal": true; }; "imageName": { "alias": "imageName"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "actionIcon": { "alias": "actionIcon"; "required": false; "isSignal": true; }; "actionVariant": { "alias": "actionVariant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class LoroAuthSocialButton {
+    icon: _angular_core.InputSignal<LoroIconName>;
+    label: _angular_core.InputSignal<string>;
+    outline: _angular_core.InputSignal<boolean>;
+    selected: _angular_core.InputSignal<boolean>;
+    iconSize: _angular_core.InputSignal<number>;
+    protected readonly nativeIconSrc: _angular_core.Signal<"assets/loro-ui/icons/apple.svg" | "assets/loro-ui/icons/google.svg" | "">;
+    protected releaseFocus(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroAuthSocialButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroAuthSocialButton, "loro-auth-social-button", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "outline": { "alias": "outline"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type LoroBadgeVariant = 'success' | 'error' | 'info' | 'warning' | 'neutral';
+declare class LoroBadge {
+    label: _angular_core.InputSignal<string>;
+    variant: _angular_core.InputSignal<LoroBadgeVariant>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroBadge, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroBadge, "loro-badge", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type LoroButtonVariant = 'primary' | 'outline' | 'ghost' | 'danger' | 'soft' | 'social' | 'action' | 'navigation';
+type LoroButtonType = 'primary' | 'secondary' | 'tertiary';
+type LoroButtonColor = 'primary' | 'secondary' | 'tertiary' | 'danger';
+type LoroButtonSize = 'sm' | 'md' | 'lg';
+type LoroButtonWidth = 'fit-content' | 'full';
+type LoroButtonIconMode = 'none' | 'with-icon' | 'only-icon';
+declare class LoroButton {
+    label: _angular_core.InputSignal<string>;
+    text: _angular_core.InputSignal<string>;
+    icon: _angular_core.InputSignal<LoroIconName | LoroButtonIconMode | null>;
+    iconContent: _angular_core.InputSignal<LoroIconName | null>;
+    iconMode: _angular_core.InputSignal<LoroButtonIconMode>;
+    iconSize: _angular_core.InputSignal<LoroIconSize$1>;
+    iconButtonSize: _angular_core.InputSignal<LoroIconSize$1 | null>;
+    iconColor: _angular_core.InputSignal<string>;
+    socialMobileCompact: _angular_core.InputSignal<boolean>;
+    selected: _angular_core.InputSignal<boolean>;
+    variant: _angular_core.InputSignal<LoroButtonVariant>;
+    typeButton: _angular_core.InputSignal<LoroButtonType>;
+    color: _angular_core.InputSignal<LoroButtonColor>;
+    size: _angular_core.InputSignal<LoroButtonSize>;
+    fullWidth: _angular_core.InputSignal<boolean>;
+    buttonWidth: _angular_core.InputSignal<LoroButtonWidth>;
+    disabled: _angular_core.InputSignal<boolean>;
+    loading: _angular_core.InputSignal<boolean>;
+    type: _angular_core.InputSignal<"button" | "submit" | "reset">;
+    formId: _angular_core.InputSignal<string>;
+    ariaLabel: _angular_core.InputSignal<string>;
+    ariaDescription: _angular_core.InputSignal<string>;
+    buttonClick: _angular_core.OutputEmitterRef<void>;
+    change: _angular_core.OutputEmitterRef<void>;
+    sanChange: _angular_core.OutputEmitterRef<void>;
+    protected readonly resolvedText: _angular_core.Signal<string>;
+    protected readonly resolvedIcon: _angular_core.Signal<LoroIconName | null>;
+    protected readonly resolvedIconMode: _angular_core.Signal<LoroButtonIconMode>;
+    protected readonly resolvedButtonWidth: _angular_core.Signal<LoroButtonWidth>;
+    protected readonly resolvedIconButtonSize: _angular_core.Signal<string>;
+    protected readonly resolvedTypeButton: _angular_core.Signal<LoroButtonType>;
+    protected readonly resolvedColor: _angular_core.Signal<LoroButtonColor>;
+    protected readonly showIcon: _angular_core.Signal<boolean>;
+    protected readonly resolvedAriaLabel: _angular_core.Signal<string | null>;
+    protected readonly resolvedIconColor: _angular_core.Signal<string>;
+    protected readonly resolvedIconRenderMode: _angular_core.Signal<LoroIconRenderMode$1>;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly showSpinner: _angular_core.Signal<boolean>;
+    protected readonly loadingAriaLabel: _angular_core.Signal<string>;
+    protected emitChange(): void;
+    protected defaultIconColor(): LoroIconColor$1;
+    private isIconMode;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroButton, "loro-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconContent": { "alias": "iconContent"; "required": false; "isSignal": true; }; "iconMode": { "alias": "iconMode"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "iconButtonSize": { "alias": "iconButtonSize"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "socialMobileCompact": { "alias": "socialMobileCompact"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "typeButton": { "alias": "typeButton"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "buttonWidth": { "alias": "buttonWidth"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "formId": { "alias": "formId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescription": { "alias": "ariaDescription"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; "change": "change"; "sanChange": "sanChange"; }, never, never, true, never>;
+}
+
+type LoroCardVariant = 'default' | 'tinted' | 'danger' | 'selectable' | 'benefit' | 'benefit-showcase' | 'home-hero' | 'home-primary' | 'home-secondary';
+type LoroCardJustify = 'start' | 'center' | 'end';
+declare class LoroCard {
+    title: _angular_core.InputSignal<string>;
+    description: _angular_core.InputSignal<string>;
+    icon: _angular_core.InputSignal<LoroIconName | null>;
+    iconSize: _angular_core.InputSignal<number>;
+    iconColor: _angular_core.InputSignal<string>;
+    link: _angular_core.InputSignal<string>;
+    variant: _angular_core.InputSignal<LoroCardVariant>;
+    justify: _angular_core.InputSignal<LoroCardJustify>;
+    mobileJustify: _angular_core.InputSignal<LoroCardJustify>;
+    selected: _angular_core.InputSignal<boolean>;
+    showArrow: _angular_core.InputSignal<boolean>;
+    arrowSize: _angular_core.InputSignal<number>;
+    heroGreeting: _angular_core.InputSignal<string>;
+    heroSubtitle: _angular_core.InputSignal<string>;
+    heroAvatarSrc: _angular_core.InputSignal<string | null>;
+    heroAvatarAlt: _angular_core.InputSignal<string>;
+    heroAvatarIcon: _angular_core.InputSignal<LoroIconName>;
+    heroAvatarIconSize: _angular_core.InputSignal<number>;
+    heroVisualImage: _angular_core.InputSignal<LoroImageName | null>;
+    heroVisualAlt: _angular_core.InputSignal<string>;
+    protected readonly resolvedIconSize: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroCard, "loro-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "mobileJustify": { "alias": "mobileJustify"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "showArrow": { "alias": "showArrow"; "required": false; "isSignal": true; }; "arrowSize": { "alias": "arrowSize"; "required": false; "isSignal": true; }; "heroGreeting": { "alias": "heroGreeting"; "required": false; "isSignal": true; }; "heroSubtitle": { "alias": "heroSubtitle"; "required": false; "isSignal": true; }; "heroAvatarSrc": { "alias": "heroAvatarSrc"; "required": false; "isSignal": true; }; "heroAvatarAlt": { "alias": "heroAvatarAlt"; "required": false; "isSignal": true; }; "heroAvatarIcon": { "alias": "heroAvatarIcon"; "required": false; "isSignal": true; }; "heroAvatarIconSize": { "alias": "heroAvatarIconSize"; "required": false; "isSignal": true; }; "heroVisualImage": { "alias": "heroVisualImage"; "required": false; "isSignal": true; }; "heroVisualAlt": { "alias": "heroVisualAlt"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type LoroCardNavVariant = 'default' | 'danger' | 'soft';
+type LoroCardNavTrailing = 'arrow' | 'toggle' | 'radio' | 'text' | 'badge' | 'none';
+declare class LoroCardNav {
+    private readonly router;
+    title: _angular_core.InputSignal<string>;
+    description: _angular_core.InputSignal<string>;
+    icon: _angular_core.InputSignal<LoroIconName | null>;
+    iconSize: _angular_core.InputSignal<number>;
+    iconColor: _angular_core.InputSignal<string>;
+    route: _angular_core.InputSignal<string>;
+    variant: _angular_core.InputSignal<LoroCardNavVariant>;
+    trailing: _angular_core.InputSignal<LoroCardNavTrailing>;
+    value: _angular_core.InputSignal<string>;
+    checked: _angular_core.InputSignal<boolean>;
+    selected: _angular_core.InputSignal<boolean>;
+    badgeLabel: _angular_core.InputSignal<string>;
+    badgeVariant: _angular_core.InputSignal<LoroBadgeVariant$1>;
+    itemClick: _angular_core.OutputEmitterRef<void>;
+    checkedChange: _angular_core.OutputEmitterRef<boolean>;
+    selectedChange: _angular_core.OutputEmitterRef<string>;
+    protected activate(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroCardNav, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroCardNav, "loro-card-nav", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "route": { "alias": "route"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "trailing": { "alias": "trailing"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "badgeLabel": { "alias": "badgeLabel"; "required": false; "isSignal": true; }; "badgeVariant": { "alias": "badgeVariant"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; "checkedChange": "checkedChange"; "selectedChange": "selectedChange"; }, never, never, true, never>;
+}
+
+declare class LoroDashboardCard {
+    private readonly haptics;
+    title: _angular_core.InputSignal<string>;
+    description: _angular_core.InputSignal<string>;
+    link: _angular_core.InputSignal<string>;
+    icon: _angular_core.InputSignal<LoroIconName | null>;
+    illustration: _angular_core.InputSignal<LoroImageName | null>;
+    variant: _angular_core.InputSignal<"home" | "default">;
+    showArrow: _angular_core.InputSignal<boolean>;
+    iconSize: _angular_core.InputSignal<number>;
+    arrowSize: _angular_core.InputSignal<number>;
+    onCardClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroDashboardCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroDashboardCard, "loro-dashboard-card", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "illustration": { "alias": "illustration"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showArrow": { "alias": "showArrow"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "arrowSize": { "alias": "arrowSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type LoroDividerAlign = 'left' | 'center' | 'right';
+declare class LoroDivider {
+    text: _angular_core.InputSignal<string>;
+    align: _angular_core.InputSignal<LoroDividerAlign>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroDivider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroDivider, "loro-divider", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type LoroProductRowVariant = 'basket' | 'pantry' | 'compare';
+type LoroProductRowStatus = 'ok' | 'warning' | 'expiring';
+declare class LoroProductRow {
+    variant: _angular_core.InputSignal<LoroProductRowVariant>;
+    name: _angular_core.InputSignal<string>;
+    meta: _angular_core.InputSignal<string>;
+    imageName: _angular_core.InputSignal<LoroImageName | null>;
+    quantityLabel: _angular_core.InputSignal<string>;
+    quantity: _angular_core.InputSignal<number | null>;
+    unit: _angular_core.InputSignal<string>;
+    total: _angular_core.InputSignal<number>;
+    checked: _angular_core.InputSignal<boolean>;
+    divider: _angular_core.InputSignal<boolean>;
+    status: _angular_core.InputSignal<LoroProductRowStatus>;
+    prices: _angular_core.InputSignal<readonly {
+        store: string;
+        value: number;
+        best?: boolean;
+        logoName?: LoroImageName | null;
+    }[]>;
+    checkedChange: _angular_core.OutputEmitterRef<boolean>;
+    quantityChange: _angular_core.OutputEmitterRef<number>;
+    increment: _angular_core.OutputEmitterRef<void>;
+    decrement: _angular_core.OutputEmitterRef<void>;
+    rowRemove: _angular_core.OutputEmitterRef<void>;
+    protected readonly swipeDragging: _angular_core.WritableSignal<boolean>;
+    protected readonly swipeArmed: _angular_core.WritableSignal<boolean>;
+    protected readonly swipeRemoving: _angular_core.WritableSignal<boolean>;
+    private readonly swipeOffsetX;
+    private touchStartX;
+    private touchStartY;
+    private touchStartedOnInteractive;
+    private touchMoved;
+    private suppressNextClick;
+    protected swipeTransform(): string | null;
+    protected deleteActionTransform(): string | null;
+    protected isSwipeRemovable(): boolean;
+    protected quantityValue(): string;
+    protected updateQuantity(value: string): void;
+    protected onRowTouchStart(event: TouchEvent): void;
+    protected onRowTouchMove(event: TouchEvent): void;
+    protected onRowTouchEnd(event: TouchEvent): void;
+    protected onRowTouchCancel(): void;
+    protected onBasketClick(event: MouseEvent): void;
+    private formatQuantity;
+    private normalizedUnit;
+    protected formatCurrency(value: number): string;
+    private resetSwipe;
+    private triggerRemove;
+    private isMobileViewport;
+    private isInteractiveTarget;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroProductRow, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroProductRow, "loro-product-row", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "imageName": { "alias": "imageName"; "required": false; "isSignal": true; }; "quantityLabel": { "alias": "quantityLabel"; "required": false; "isSignal": true; }; "quantity": { "alias": "quantity"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "prices": { "alias": "prices"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; "quantityChange": "quantityChange"; "increment": "increment"; "decrement": "decrement"; "rowRemove": "rowRemove"; }, never, never, true, never>;
+}
+
+declare class LoroProductSection {
+    title: _angular_core.InputSignal<string>;
+    icon: _angular_core.InputSignal<LoroIconName>;
+    collapsible: _angular_core.InputSignal<boolean>;
+    protected readonly expanded: _angular_core.WritableSignal<boolean>;
+    protected toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroProductSection, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroProductSection, "loro-product-section", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class LoroProfileCard {
+    name: _angular_core.InputSignal<string>;
+    email: _angular_core.InputSignal<string>;
+    imageSrc: _angular_core.InputSignal<string | null>;
+    changePhotoClick: _angular_core.OutputEmitterRef<void>;
+    private readonly imageFailed;
+    constructor();
+    protected resolvedImageSrc(): string | null;
+    protected onImageError(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroProfileCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroProfileCard, "loro-profile-card", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "email": { "alias": "email"; "required": true; "isSignal": true; }; "imageSrc": { "alias": "imageSrc"; "required": false; "isSignal": true; }; }, { "changePhotoClick": "changePhotoClick"; }, never, never, true, never>;
+}
+
+type LoroProfileHeroVariant = 'default' | 'compact' | 'large' | 'support';
+declare class LoroProfileHero {
+    variant: _angular_core.InputSignal<LoroProfileHeroVariant>;
+    firstName: _angular_core.InputSignal<string>;
+    eyebrow: _angular_core.InputSignal<string>;
+    greeting: _angular_core.InputSignal<string>;
+    profileImageSrc: _angular_core.InputSignal<string | null>;
+    profileImageAlt: _angular_core.InputSignal<string>;
+    avatarIconName: _angular_core.InputSignal<_juligc99_loro_ui.LoroIconName>;
+    avatarIconSize: _angular_core.InputSignal<number>;
+    avatarAlt: _angular_core.InputSignal<string>;
+    avatarSize: _angular_core.InputSignal<string>;
+    avatarRadius: _angular_core.InputSignal<string>;
+    parrotImageName: _angular_core.InputSignal<LoroImageName>;
+    parrotImageAlt: _angular_core.InputSignal<string>;
+    parrotMobileWidth: _angular_core.InputSignal<string>;
+    parrotWebWidth: _angular_core.InputSignal<string>;
+    eyebrowFontSize: _angular_core.InputSignal<string>;
+    titleFontSize: _angular_core.InputSignal<string>;
+    greetingFontSize: _angular_core.InputSignal<string>;
+    elevated: _angular_core.InputSignal<boolean>;
+    avatarIconCssSize(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroProfileHero, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroProfileHero, "loro-profile-hero", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "firstName": { "alias": "firstName"; "required": false; "isSignal": true; }; "eyebrow": { "alias": "eyebrow"; "required": false; "isSignal": true; }; "greeting": { "alias": "greeting"; "required": false; "isSignal": true; }; "profileImageSrc": { "alias": "profileImageSrc"; "required": false; "isSignal": true; }; "profileImageAlt": { "alias": "profileImageAlt"; "required": false; "isSignal": true; }; "avatarIconName": { "alias": "avatarIconName"; "required": false; "isSignal": true; }; "avatarIconSize": { "alias": "avatarIconSize"; "required": false; "isSignal": true; }; "avatarAlt": { "alias": "avatarAlt"; "required": false; "isSignal": true; }; "avatarSize": { "alias": "avatarSize"; "required": false; "isSignal": true; }; "avatarRadius": { "alias": "avatarRadius"; "required": false; "isSignal": true; }; "parrotImageName": { "alias": "parrotImageName"; "required": false; "isSignal": true; }; "parrotImageAlt": { "alias": "parrotImageAlt"; "required": false; "isSignal": true; }; "parrotMobileWidth": { "alias": "parrotMobileWidth"; "required": false; "isSignal": true; }; "parrotWebWidth": { "alias": "parrotWebWidth"; "required": false; "isSignal": true; }; "eyebrowFontSize": { "alias": "eyebrowFontSize"; "required": false; "isSignal": true; }; "titleFontSize": { "alias": "titleFontSize"; "required": false; "isSignal": true; }; "greetingFontSize": { "alias": "greetingFontSize"; "required": false; "isSignal": true; }; "elevated": { "alias": "elevated"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type LoroStatCardVariant = 'default' | 'tinted' | 'danger' | 'compare-summary' | 'compare-inline' | 'image-corner' | 'card-basket';
+declare class LoroStatCard {
+    title: _angular_core.InputSignal<string>;
+    value: _angular_core.InputSignal<string>;
+    description: _angular_core.InputSignal<string>;
+    eyebrow: _angular_core.InputSignal<string>;
+    icon: _angular_core.InputSignal<LoroIconName | null>;
+    iconSize: _angular_core.InputSignal<number>;
+    image: _angular_core.InputSignal<LoroImageName | null>;
+    topImage: _angular_core.InputSignal<LoroImageName | null>;
+    variant: _angular_core.InputSignal<LoroStatCardVariant>;
+    total: _angular_core.InputSignal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroStatCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroStatCard, "loro-stat-card", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "eyebrow": { "alias": "eyebrow"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; "topImage": { "alias": "topImage"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type LoroStoreRankCardVariant = 'default' | 'compact';
+declare class LoroStoreRankCard {
+    rank: _angular_core.InputSignal<number>;
+    name: _angular_core.InputSignal<string>;
+    price: _angular_core.InputSignal<number>;
+    delta: _angular_core.InputSignal<number>;
+    logoName: _angular_core.InputSignal<LoroImageName | null>;
+    best: _angular_core.InputSignal<boolean>;
+    variant: _angular_core.InputSignal<LoroStoreRankCardVariant>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroStoreRankCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroStoreRankCard, "loro-store-rank-card", never, { "rank": { "alias": "rank"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "price": { "alias": "price"; "required": true; "isSignal": true; }; "delta": { "alias": "delta"; "required": false; "isSignal": true; }; "logoName": { "alias": "logoName"; "required": false; "isSignal": true; }; "best": { "alias": "best"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class LoroSummaryBar {
+    totalLabel: _angular_core.InputSignal<string>;
+    total: _angular_core.InputSignal<number>;
+    primaryLabel: _angular_core.InputSignal<string>;
+    secondaryLabel: _angular_core.InputSignal<string>;
+    helper: _angular_core.InputSignal<string>;
+    leftImage: _angular_core.InputSignal<LoroImageName>;
+    rightImage: _angular_core.InputSignal<LoroImageName>;
+    primaryDisabled: _angular_core.InputSignal<boolean>;
+    secondaryDisabled: _angular_core.InputSignal<boolean>;
+    primaryAction: _angular_core.OutputEmitterRef<void>;
+    secondaryAction: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroSummaryBar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroSummaryBar, "loro-summary-bar", never, { "totalLabel": { "alias": "totalLabel"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": true; "isSignal": true; }; "primaryLabel": { "alias": "primaryLabel"; "required": false; "isSignal": true; }; "secondaryLabel": { "alias": "secondaryLabel"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "leftImage": { "alias": "leftImage"; "required": false; "isSignal": true; }; "rightImage": { "alias": "rightImage"; "required": false; "isSignal": true; }; "primaryDisabled": { "alias": "primaryDisabled"; "required": false; "isSignal": true; }; "secondaryDisabled": { "alias": "secondaryDisabled"; "required": false; "isSignal": true; }; }, { "primaryAction": "primaryAction"; "secondaryAction": "secondaryAction"; }, never, never, true, never>;
+}
+
+type LoroTabAlign = 'flex' | 'block';
+interface LoroTabOption {
+    readonly value: string;
+    readonly label: string;
+    readonly icon?: LoroIconName | null;
+    readonly ariaLabel?: string;
+}
+declare class LoroTab {
+    options: _angular_core.InputSignal<readonly LoroTabOption[]>;
+    value: _angular_core.InputSignal<string>;
+    ariaLabel: _angular_core.InputSignal<string>;
+    align: _angular_core.InputSignal<LoroTabAlign>;
+    iconSize: _angular_core.InputSignal<number>;
+    change: _angular_core.OutputEmitterRef<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroTab, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroTab, "loro-tab", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, never, true, never>;
+}
+
+type LoroAlertVariant = 'neutral' | 'info' | 'success' | 'warning' | 'error';
+type LoroAlertAnnouncement = 'auto' | 'polite' | 'assertive' | 'off';
+declare class LoroAlert {
+    /** Visible heading. Keep it short and specific. */
+    readonly title: _angular_core.InputSignal<string>;
+    /** Plain text body for common inline alerts. Rich content can still be projected. */
+    readonly message: _angular_core.InputSignal<string>;
+    /** Semantic visual treatment. Meaning must never depend on colour alone. */
+    readonly variant: _angular_core.InputSignal<LoroAlertVariant>;
+    /** Controls live-region behaviour for dynamically inserted messages. */
+    readonly announcement: _angular_core.InputSignal<LoroAlertAnnouncement>;
+    /** Allows programmatic focus without adding the alert to the Tab order. */
+    readonly focusable: _angular_core.InputSignal<boolean>;
+    /** Shows the built-in action button when a label is supplied. */
+    readonly actionLabel: _angular_core.InputSignal<string>;
+    /** Shows a close button and emits dismissed when activated. */
+    readonly dismissible: _angular_core.InputSignal<boolean>;
+    /** Accessible name for the icon-only close button. */
+    readonly dismissLabel: _angular_core.InputSignal<string>;
+    /** Emitted by the built-in action button. */
+    readonly action: _angular_core.OutputEmitterRef<void>;
+    /** Emitted by the close button. The parent decides whether to remove the alert. */
+    readonly dismissed: _angular_core.OutputEmitterRef<void>;
+    protected readonly resolvedIcon: _angular_core.Signal<LoroIconName>;
+    protected readonly resolvedIconColor: _angular_core.Signal<string>;
+    protected readonly role: _angular_core.Signal<"status" | "alert" | null>;
+    protected readonly ariaLive: _angular_core.Signal<"polite" | "assertive" | null>;
+    private readonly resolvedAnnouncement;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroAlert, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroAlert, "loro-alert", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "announcement": { "alias": "announcement"; "required": false; "isSignal": true; }; "focusable": { "alias": "focusable"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; "isSignal": true; }; }, { "action": "action"; "dismissed": "dismissed"; }, never, ["*", "[loroAlertActions]"], true, never>;
+}
+
+declare class LoroNotification {
+    count: _angular_core.InputSignal<number>;
+    maxCount: _angular_core.InputSignal<number>;
+    showZero: _angular_core.InputSignal<boolean>;
+    active: _angular_core.InputSignal<boolean>;
+    expanded: _angular_core.InputSignal<boolean | null>;
+    disabled: _angular_core.InputSignal<boolean>;
+    ariaLabel: _angular_core.InputSignal<string>;
+    iconSize: _angular_core.InputSignal<number>;
+    notificationClick: _angular_core.OutputEmitterRef<void>;
+    protected readonly showBadge: _angular_core.Signal<boolean>;
+    protected readonly badgeLabel: _angular_core.Signal<string>;
+    protected readonly badgeAriaLabel: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroNotification, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroNotification, "loro-notification", never, { "count": { "alias": "count"; "required": false; "isSignal": true; }; "maxCount": { "alias": "maxCount"; "required": false; "isSignal": true; }; "showZero": { "alias": "showZero"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; }, { "notificationClick": "notificationClick"; }, never, never, true, never>;
+}
+
+interface LoroNotificationItem {
+    id: string;
+    title: string;
+    message: string;
+    time?: string;
+    icon?: LoroIconName;
+    unread?: boolean;
+}
+declare class LoroNotificationPanel {
+    title: _angular_core.InputSignal<string>;
+    items: _angular_core.InputSignal<readonly LoroNotificationItem[]>;
+    presentation: _angular_core.InputSignal<"dropdown" | "sheet">;
+    showMarkAll: _angular_core.InputSignal<boolean>;
+    markAllLabel: _angular_core.InputSignal<string>;
+    showClearAll: _angular_core.InputSignal<boolean>;
+    clearAllLabel: _angular_core.InputSignal<string>;
+    emptyIcon: _angular_core.InputSignal<LoroIconName>;
+    emptyTitle: _angular_core.InputSignal<string>;
+    emptyMessage: _angular_core.InputSignal<string>;
+    itemClick: _angular_core.OutputEmitterRef<LoroNotificationItem>;
+    itemRemove: _angular_core.OutputEmitterRef<LoroNotificationItem>;
+    markAllRead: _angular_core.OutputEmitterRef<void>;
+    clearAll: _angular_core.OutputEmitterRef<void>;
+    protected readonly hasUnread: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroNotificationPanel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroNotificationPanel, "loro-notification-panel", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "presentation": { "alias": "presentation"; "required": false; "isSignal": true; }; "showMarkAll": { "alias": "showMarkAll"; "required": false; "isSignal": true; }; "markAllLabel": { "alias": "markAllLabel"; "required": false; "isSignal": true; }; "showClearAll": { "alias": "showClearAll"; "required": false; "isSignal": true; }; "clearAllLabel": { "alias": "clearAllLabel"; "required": false; "isSignal": true; }; "emptyIcon": { "alias": "emptyIcon"; "required": false; "isSignal": true; }; "emptyTitle": { "alias": "emptyTitle"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; "itemRemove": "itemRemove"; "markAllRead": "markAllRead"; "clearAll": "clearAll"; }, never, never, true, never>;
+}
+
+declare class LoroNotificationRow {
+    title: _angular_core.InputSignal<string>;
+    message: _angular_core.InputSignal<string>;
+    time: _angular_core.InputSignal<string>;
+    icon: _angular_core.InputSignal<LoroIconName>;
+    unread: _angular_core.InputSignal<boolean>;
+    rowClick: _angular_core.OutputEmitterRef<void>;
+    rowRemove: _angular_core.OutputEmitterRef<void>;
+    protected readonly dragX: _angular_core.WritableSignal<number>;
+    protected readonly dragging: _angular_core.WritableSignal<boolean>;
+    protected readonly armed: _angular_core.WritableSignal<boolean>;
+    protected readonly removing: _angular_core.WritableSignal<boolean>;
+    private touchStartX;
+    private touchStartY;
+    private clickSuppressed;
+    private static readonly REVEAL_PX;
+    private static readonly MAX_PX;
+    private static readonly DELETE_EXTRA_PX;
+    protected onTouchStart(event: TouchEvent): void;
+    protected onTouchMove(event: TouchEvent): void;
+    protected onTouchEnd(): void;
+    protected resetDrag(): void;
+    protected onRowClick(): void;
+    protected onRowKeydown(event: Event): void;
+    protected onDeleteClick(event: Event): void;
+    private startRemove;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroNotificationRow, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroNotificationRow, "loro-notification-row", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; "time": { "alias": "time"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "unread": { "alias": "unread"; "required": false; "isSignal": true; }; }, { "rowClick": "rowClick"; "rowRemove": "rowRemove"; }, never, never, true, never>;
+}
+
+declare class LoroSpinner {
+    protected readonly iconName = "image-loro-icon-default";
+    readonly message: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly showBrand: _angular_core.InputSignal<boolean>;
+    readonly brandText: _angular_core.InputSignal<string>;
+    readonly showMessage: _angular_core.InputSignal<boolean>;
+    readonly showDots: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroSpinner, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroSpinner, "loro-spinner", never, { "message": { "alias": "message"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "showBrand": { "alias": "showBrand"; "required": false; "isSignal": true; }; "brandText": { "alias": "brandText"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "showDots": { "alias": "showDots"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type LoroToastVariant = 'loading' | 'success' | 'info' | 'warning' | 'error';
+type LoroToastPosition = 'top-right' | 'bottom-right' | 'bottom-center' | 'inline';
+declare class LoroToast {
+    message: _angular_core.InputSignal<string>;
+    variant: _angular_core.InputSignal<LoroToastVariant>;
+    position: _angular_core.InputSignal<LoroToastPosition>;
+    visible: _angular_core.InputSignal<boolean>;
+    dismissible: _angular_core.InputSignal<boolean>;
+    dismiss: _angular_core.OutputEmitterRef<void>;
+    protected resolvedIcon(): 'check' | 'info' | 'warning' | 'shield-alert';
+    protected iconColor(): 'success' | 'danger' | 'warning' | 'primary';
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroToast, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroToast, "loro-toast", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, never, true, never>;
+}
+
+type LoroAuthFieldState = 'default' | 'error';
+declare class LoroAuthField {
+    icon: _angular_core.InputSignal<LoroIconName>;
+    label: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    value: _angular_core.InputSignal<string>;
+    type: _angular_core.InputSignal<"email" | "text" | "password">;
+    autocomplete: _angular_core.InputSignal<string>;
+    selected: _angular_core.InputSignal<boolean>;
+    state: _angular_core.InputSignal<LoroAuthFieldState>;
+    errorMessage: _angular_core.InputSignal<string>;
+    valueChange: _angular_core.OutputEmitterRef<string>;
+    protected readonly errorId: string;
+    protected readonly errorText: _angular_core.Signal<string>;
+    protected readonly hasError: _angular_core.Signal<boolean>;
+    protected readonly passwordVisible: _angular_core.WritableSignal<boolean>;
+    protected showToggle(): boolean;
+    protected resolvedType(): "email" | "text" | "password";
+    protected toggleVisibility(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroAuthField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroAuthField, "loro-auth-field", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+declare class LoroCheckbox implements FormCheckboxControl {
+    checked: _angular_core.ModelSignal<boolean>;
+    touched: _angular_core.ModelSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    readonly: _angular_core.InputSignal<boolean>;
+    required: _angular_core.InputSignal<boolean>;
+    invalid: _angular_core.InputSignal<boolean>;
+    errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
+    helperText: _angular_core.InputSignal<string>;
+    text: _angular_core.InputSignal<string>;
+    protected readonly errorText: _angular_core.Signal<string>;
+    protected readonly showError: _angular_core.Signal<boolean>;
+    protected toggle(checked: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroCheckbox, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroCheckbox, "loro-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "touched": "touchedChange"; }, never, ["*"], true, never>;
+}
+
+interface LoroDropdownOption {
+    label: string;
+    value: string;
+}
+declare class LoroDropdown {
+    label: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    value: _angular_core.InputSignal<string>;
+    options: _angular_core.InputSignal<readonly LoroDropdownOption[]>;
+    valueChange: _angular_core.OutputEmitterRef<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroDropdown, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroDropdown, "loro-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+declare class LoroFilterChip {
+    label: _angular_core.InputSignal<string>;
+    value: _angular_core.InputSignal<string>;
+    icon: _angular_core.InputSignal<LoroIconName | null>;
+    active: _angular_core.InputSignal<boolean>;
+    selected: _angular_core.OutputEmitterRef<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroFilterChip, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroFilterChip, "loro-filter-chip", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, never, true, never>;
+}
+
+type LoroInputUnit = 'kg' | 'ud';
+type LoroInputVariant = 'default' | 'withIcon' | 'search' | 'photo' | 'stepper';
+type LoroInputState = 'default' | 'error' | 'success' | 'loading';
+declare class LoroInput implements FormValueControl<string> {
+    label: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    helperText: _angular_core.InputSignal<string>;
+    value: _angular_core.ModelSignal<string>;
+    type: _angular_core.InputSignal<"email" | "search" | "text" | "tel" | "password">;
+    name: _angular_core.InputSignal<string>;
+    autocomplete: _angular_core.InputSignal<string>;
+    inputmode: _angular_core.InputSignal<"" | "email" | "search" | "text" | "none" | "tel" | "url" | "numeric" | "decimal">;
+    icon: _angular_core.InputSignal<LoroIconName | null>;
+    iconSize: _angular_core.InputSignal<number>;
+    trailingIcon: _angular_core.InputSignal<LoroIconName | null>;
+    trailingIconSize: _angular_core.InputSignal<number>;
+    trailingAriaLabel: _angular_core.InputSignal<string>;
+    variant: _angular_core.InputSignal<LoroInputVariant>;
+    state: _angular_core.InputSignal<LoroInputState>;
+    errorMessage: _angular_core.InputSignal<string>;
+    errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
+    invalid: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    readonly: _angular_core.InputSignal<boolean>;
+    required: _angular_core.InputSignal<boolean>;
+    touched: _angular_core.ModelSignal<boolean>;
+    unit: _angular_core.InputSignal<string>;
+    step: _angular_core.InputSignal<number>;
+    min: _angular_core.InputSignal<number | undefined>;
+    max: _angular_core.InputSignal<number | undefined>;
+    trailingClick: _angular_core.OutputEmitterRef<void>;
+    private readonly control;
+    protected readonly errorId: string;
+    protected readonly errorText: _angular_core.Signal<string>;
+    protected readonly hasError: _angular_core.Signal<boolean>;
+    protected readonly hasSuccess: _angular_core.Signal<boolean>;
+    protected readonly hasLoading: _angular_core.Signal<boolean>;
+    protected readonly resolvedLeadingIconColor: _angular_core.Signal<string>;
+    protected readonly resolvedTrailingIconColor: _angular_core.Signal<string>;
+    focus(options?: FocusOptions): void;
+    protected adjust(delta: number): void;
+    protected normalizeValue(value: string): void;
+    protected updateValue(value: string): void;
+    protected markAsTouched(): void;
+    private coerceNumber;
+    private formatValue;
+    protected normalizedUnit(): LoroInputUnit;
+    protected stepperInputSize(): number;
+    protected stepperInputMaxLength(): number;
+    protected sanitizeStepperInput(event: Event): void;
+    private clampValue;
+    private sanitizeValue;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroInput, "loro-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; "isSignal": true; }; "trailingIconSize": { "alias": "trailingIconSize"; "required": false; "isSignal": true; }; "trailingAriaLabel": { "alias": "trailingAriaLabel"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "trailingClick": "trailingClick"; }, never, never, true, never>;
+}
+
+type LoroRadioVariant = 'default' | 'row';
+declare class LoroRadio {
+    label: _angular_core.InputSignal<string>;
+    value: _angular_core.InputSignal<string>;
+    description: _angular_core.InputSignal<string>;
+    checked: _angular_core.InputSignal<boolean>;
+    variant: _angular_core.InputSignal<LoroRadioVariant>;
+    selected: _angular_core.OutputEmitterRef<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroRadio, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroRadio, "loro-radio", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, never, true, never>;
+}
+
+interface LoroSegmentedOption {
+    label: string;
+    value: string;
+}
+declare class LoroSegmentedControl {
+    options: _angular_core.InputSignal<readonly LoroSegmentedOption[]>;
+    value: _angular_core.InputSignal<string>;
+    valueChange: _angular_core.OutputEmitterRef<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroSegmentedControl, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroSegmentedControl, "loro-segmented-control", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+declare class LoroSelect {
+    title: _angular_core.InputSignal<string>;
+    subtitle: _angular_core.InputSignal<string>;
+    meta: _angular_core.InputSignal<string>;
+    icon: _angular_core.InputSignal<LoroIconName>;
+    badge: _angular_core.InputSignal<string>;
+    status: _angular_core.InputSignal<string>;
+    selected: _angular_core.InputSignal<boolean>;
+    actionLabel: _angular_core.InputSignal<string>;
+    action: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroSelect, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroSelect, "loro-select", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; }, { "action": "action"; }, never, never, true, never>;
+}
+
+declare class LoroTextArea {
+    label: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    value: _angular_core.InputSignal<string>;
+    maxLength: _angular_core.InputSignal<number | null>;
+    valueChange: _angular_core.OutputEmitterRef<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroTextArea, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroTextArea, "loro-text-area", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+declare class LoroToggle {
+    checked: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    ariaLabel: _angular_core.InputSignal<string>;
+    checkedChange: _angular_core.OutputEmitterRef<boolean>;
+    protected toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroToggle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroToggle, "loro-toggle", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
+}
+
+declare class LoroUpload {
+    label: _angular_core.InputSignal<string>;
+    title: _angular_core.InputSignal<string>;
+    description: _angular_core.InputSignal<string>;
+    accept: _angular_core.InputSignal<string>;
+    optional: _angular_core.InputSignal<boolean>;
+    compact: _angular_core.InputSignal<boolean>;
+    fileSelected: _angular_core.OutputEmitterRef<File | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroUpload, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroUpload, "loro-upload", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, { "fileSelected": "fileSelected"; }, never, never, true, never>;
+}
+
+type LoroModalSize = 'sm' | 'md' | 'lg';
+type LoroModalPlacement = 'center' | 'sheet';
+declare class LoroModal {
+    private readonly document;
+    private dragStartY;
+    private dragStartTop;
+    open: _angular_core.InputSignal<boolean>;
+    title: _angular_core.InputSignal<string>;
+    ariaLabel: _angular_core.InputSignal<string>;
+    size: _angular_core.InputSignal<LoroModalSize>;
+    placement: _angular_core.InputSignal<LoroModalPlacement>;
+    dismissible: _angular_core.InputSignal<boolean>;
+    sheetDragToClose: _angular_core.InputSignal<boolean>;
+    sheetRestTop: _angular_core.InputSignal<string>;
+    showBackdrop: _angular_core.InputSignal<boolean>;
+    closeOnBackdrop: _angular_core.InputSignal<boolean>;
+    modalClose: _angular_core.OutputEmitterRef<void>;
+    protected readonly sheetDragging: _angular_core.WritableSignal<boolean>;
+    private readonly sheetTop;
+    protected readonly sheetRestTopCss: _angular_core.Signal<string | null>;
+    protected readonly sheetDragOffsetCss: _angular_core.Signal<string | null>;
+    protected readonly backdropOpacity: _angular_core.Signal<string>;
+    constructor();
+    protected requestClose(): void;
+    protected onSheetTouchStart(event: TouchEvent, dialog: HTMLElement): void;
+    protected onSheetTouchMove(event: TouchEvent): void;
+    protected onSheetTouchEnd(): void;
+    private resetSheetState;
+    private currentSheetTop;
+    private clampSheetTop;
+    private collapsedSheetTop;
+    private maxSheetTop;
+    private viewportHeight;
+    private safeAreaInsetTop;
+    private lockDocumentScroll;
+    private isSheetInteractionEnabled;
+    private isDragZone;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroModal, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroModal, "loro-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "sheetDragToClose": { "alias": "sheetDragToClose"; "required": false; "isSignal": true; }; "sheetRestTop": { "alias": "sheetRestTop"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; "isSignal": true; }; }, { "modalClose": "modalClose"; }, never, ["*", "[loro-modal-actions]"], true, never>;
+}
+
+type LoroIconColorToken = 'default' | 'primary' | 'primary-strong' | 'primary-deep' | 'text' | 'muted' | 'success' | 'danger' | 'warning' | 'inverse';
+type LoroIconColor = LoroIconColorToken | string;
+type LoroIconRenderMode = 'mask' | 'origin';
+type LoroIconSize = number | string;
+declare class LoroIcon {
+    name: _angular_core.InputSignal<LoroIconName$1>;
+    size: _angular_core.InputSignal<LoroIconSize>;
+    alt: _angular_core.InputSignal<string>;
+    decorative: _angular_core.InputSignal<boolean>;
+    color: _angular_core.InputSignal<string>;
+    renderMode: _angular_core.InputSignal<LoroIconRenderMode>;
+    protected readonly assetName: _angular_core.Signal<"icon-apple" | "icon-arrow-right" | "icon-auto" | "icon-back" | "icon-bag" | "icon-barcode" | "icon-bell" | "icon-bottle" | "icon-bulb" | "icon-calendar" | "icon-camera" | "icon-cart" | "icon-chart-bar" | "icon-chat" | "icon-check" | "icon-checkbox-empty" | "icon-chevron-down" | "icon-chevron-right" | "icon-chevron-up" | "icon-clock" | "icon-download" | "icon-email" | "icon-eye-off" | "icon-eye" | "icon-globe" | "icon-google" | "icon-headset" | "icon-help" | "icon-home" | "icon-info" | "icon-laptop" | "icon-leaf" | "icon-list" | "icon-location" | "icon-lock" | "icon-logout" | "icon-megaphone" | "icon-moon" | "icon-more-vertical" | "icon-nav-compare" | "icon-nav-home" | "icon-nav-list" | "icon-nav-pantry" | "icon-pantry-stock" | "icon-paperclip" | "icon-phone" | "icon-plus-user" | "icon-plus" | "icon-scanner" | "icon-search" | "icon-send" | "icon-settings" | "icon-shelf" | "icon-shield-alert" | "icon-shield" | "icon-star" | "icon-store" | "icon-sun" | "icon-tablet" | "icon-tag" | "icon-tick-circle" | "icon-trash-white" | "icon-trash" | "icon-trend" | "icon-user" | "icon-warning">;
+    protected readonly src: _angular_core.Signal<"assets/loro-ui/icons/apple.svg" | "assets/loro-ui/icons/arrow-right.svg" | "assets/loro-ui/icons/auto.svg" | "assets/loro-ui/icons/back.svg" | "assets/loro-ui/icons/bag.svg" | "assets/loro-ui/icons/barcode.svg" | "assets/loro-ui/icons/bell.svg" | "assets/loro-ui/icons/bottle.svg" | "assets/loro-ui/icons/bulb.svg" | "assets/loro-ui/icons/calendar.svg" | "assets/loro-ui/icons/camera.svg" | "assets/loro-ui/icons/cart.svg" | "assets/loro-ui/icons/chart-bar.svg" | "assets/loro-ui/icons/chat.svg" | "assets/loro-ui/icons/check.svg" | "assets/loro-ui/icons/checkbox-empty.svg" | "assets/loro-ui/icons/chevron-down.svg" | "assets/loro-ui/icons/chevron-right.svg" | "assets/loro-ui/icons/chevron-up.svg" | "assets/loro-ui/icons/clock.svg" | "assets/loro-ui/icons/download.svg" | "assets/loro-ui/icons/email.svg" | "assets/loro-ui/icons/eye-off.svg" | "assets/loro-ui/icons/eye.svg" | "assets/loro-ui/icons/globe.svg" | "assets/loro-ui/icons/google.svg" | "assets/loro-ui/icons/headset.svg" | "assets/loro-ui/icons/help.svg" | "assets/loro-ui/icons/home.svg" | "assets/loro-ui/icons/info.svg" | "assets/loro-ui/icons/laptop.svg" | "assets/loro-ui/icons/leaf.svg" | "assets/loro-ui/icons/list.svg" | "assets/loro-ui/icons/location.svg" | "assets/loro-ui/icons/lock.svg" | "assets/loro-ui/icons/logout.svg" | "assets/loro-ui/icons/megaphone.svg" | "assets/loro-ui/icons/moon.svg" | "assets/loro-ui/icons/more-vertical.svg" | "assets/loro-ui/icons/nav-compare.svg" | "assets/loro-ui/icons/nav-home.svg" | "assets/loro-ui/icons/nav-list.svg" | "assets/loro-ui/icons/nav-pantry.svg" | "assets/loro-ui/icons/pantry-stock.svg" | "assets/loro-ui/icons/paperclip.svg" | "assets/loro-ui/icons/phone.svg" | "assets/loro-ui/icons/plus-user.svg" | "assets/loro-ui/icons/plus.svg" | "assets/loro-ui/icons/scanner.svg" | "assets/loro-ui/icons/search.svg" | "assets/loro-ui/icons/send.svg" | "assets/loro-ui/icons/settings.svg" | "assets/loro-ui/icons/shelf.svg" | "assets/loro-ui/icons/shield-alert.svg" | "assets/loro-ui/icons/shield.svg" | "assets/loro-ui/icons/star.svg" | "assets/loro-ui/icons/store.svg" | "assets/loro-ui/icons/sun.svg" | "assets/loro-ui/icons/tablet.svg" | "assets/loro-ui/icons/tag.svg" | "assets/loro-ui/icons/tick-circle.svg" | "assets/loro-ui/icons/trash-white.svg" | "assets/loro-ui/icons/trash.svg" | "assets/loro-ui/icons/trend.svg" | "assets/loro-ui/icons/user.svg" | "assets/loro-ui/icons/warning.svg">;
+    protected readonly altText: _angular_core.Signal<string>;
+    protected readonly resolvedSize: _angular_core.Signal<string>;
+    protected readonly resolvedColor: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroIcon, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroIcon, "loro-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "renderMode": { "alias": "renderMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class LoroImage {
+    name: _angular_core.InputSignal<LoroImageName$1>;
+    alt: _angular_core.InputSignal<string>;
+    size: _angular_core.InputSignal<string>;
+    width: _angular_core.InputSignal<string>;
+    height: _angular_core.InputSignal<string>;
+    fit: _angular_core.InputSignal<"contain" | "cover">;
+    protected readonly assetName: _angular_core.Signal<"image-al-loro-design-library-home-ai" | "image-favicon-apple-touch-icon" | "image-favicon-assets-xcassets-appicon-appiconset-appicon-any" | "image-favicon-assets-xcassets-appicon-appiconset-appicon-dark" | "image-favicon-assets-xcassets-splash-imageset-splash-2732x2732" | "image-favicon-assets-xcassets-splash-imageset-splash-2732x2732-1" | "image-favicon-assets-xcassets-splash-imageset-splash-2732x2732-2" | "image-favicon-assets-xcassets-splash-imageset-splash-dark-2732x2732" | "image-favicon-assets-xcassets-splash-imageset-splash-dark-2732x2732-1" | "image-favicon-assets-xcassets-splash-imageset-splash-dark-2732x2732-2" | "image-favicon-favicon" | "image-home-icon-ai" | "image-home-icon-basket" | "image-home-icon-compare" | "image-home-icon-expiry" | "image-home-icon-pantry" | "image-home-icon-scan" | "image-image-home" | "image-logo-despensa-buy" | "image-logo-list-buy" | "image-loro-apaisado" | "image-loro-apaisado-blanco" | "image-loro-card-buy" | "image-loro-card-caducidad" | "image-loro-card-comparativa" | "image-loro-card-ia" | "image-loro-card-qr" | "image-loro-despensa" | "image-loro-icon-default" | "image-loro-spinner-ring" | "image-loro-tittle-sub" | "image-pantry-cabinet" | "image-pantry-metric-chart" | "image-product-bananas" | "image-product-milk" | "image-product-pasta" | "image-product-rice" | "image-product-tomatoes" | "image-product-yogurt" | "image-store-ahorramas" | "image-store-alcampo" | "image-store-aldi" | "image-store-bonpreu" | "image-store-caprabo" | "image-store-carrefour" | "image-store-consum" | "image-store-coviran" | "image-store-dia" | "image-store-el-corte-ingles" | "image-store-eroski" | "image-store-froiz" | "image-store-gadis" | "image-store-lidl" | "image-store-mercadona">;
+    protected readonly src: _angular_core.Signal<"assets/loro-ui/images/al-loro-design-library-home-ai.png" | "assets/loro-ui/favicons/apple-touch-icon.png" | "assets/loro-ui/favicons/Assets.xcassets/AppIcon.appiconset/AppIcon-Any.png" | "assets/loro-ui/favicons/Assets.xcassets/AppIcon.appiconset/AppIcon-Dark.png" | "assets/loro-ui/favicons/Assets.xcassets/Splash.imageset/splash-2732x2732.png" | "assets/loro-ui/favicons/Assets.xcassets/Splash.imageset/splash-2732x2732-1.png" | "assets/loro-ui/favicons/Assets.xcassets/Splash.imageset/splash-2732x2732-2.png" | "assets/loro-ui/favicons/Assets.xcassets/Splash.imageset/splash-dark-2732x2732.png" | "assets/loro-ui/favicons/Assets.xcassets/Splash.imageset/splash-dark-2732x2732-1.png" | "assets/loro-ui/favicons/Assets.xcassets/Splash.imageset/splash-dark-2732x2732-2.png" | "assets/loro-ui/favicons/favicon.svg" | "assets/loro-ui/images/home-icon-ai.svg" | "assets/loro-ui/images/home-icon-basket.svg" | "assets/loro-ui/images/home-icon-compare.svg" | "assets/loro-ui/images/home-icon-expiry.svg" | "assets/loro-ui/images/home-icon-pantry.svg" | "assets/loro-ui/images/home-icon-scan.svg" | "assets/loro-ui/images/image-home.png" | "assets/loro-ui/images/logo-despensa-buy.png" | "assets/loro-ui/images/logo-list-buy.png" | "assets/loro-ui/images/loro-apaisado.png" | "assets/loro-ui/images/loro-apaisado-blanco.png" | "assets/loro-ui/images/loro-card-buy.png" | "assets/loro-ui/images/loro-card-caducidad.png" | "assets/loro-ui/images/loro-card-comparativa.png" | "assets/loro-ui/images/loro-card-ia.png" | "assets/loro-ui/images/loro-card-qr.png" | "assets/loro-ui/images/loro-despensa.png" | "assets/loro-ui/images/loro-icon-default.png" | "assets/loro-ui/images/loro-spinner-ring.svg" | "assets/loro-ui/images/loro-tittle-sub.png" | "assets/loro-ui/images/pantry-cabinet.svg" | "assets/loro-ui/images/pantry-metric-chart.svg" | "assets/loro-ui/images/product-bananas.svg" | "assets/loro-ui/images/product-milk.svg" | "assets/loro-ui/images/product-pasta.svg" | "assets/loro-ui/images/product-rice.svg" | "assets/loro-ui/images/product-tomatoes.svg" | "assets/loro-ui/images/product-yogurt.svg" | "assets/loro-ui/images/store-ahorramas.svg" | "assets/loro-ui/images/store-alcampo.png" | "assets/loro-ui/images/store-aldi.svg" | "assets/loro-ui/images/store-bonpreu.svg" | "assets/loro-ui/images/store-caprabo.svg" | "assets/loro-ui/images/store-carrefour.svg" | "assets/loro-ui/images/store-consum.png" | "assets/loro-ui/images/store-coviran.png" | "assets/loro-ui/images/store-dia.svg" | "assets/loro-ui/images/store-el-corte-ingles.svg" | "assets/loro-ui/images/store-eroski.png" | "assets/loro-ui/images/store-froiz.svg" | "assets/loro-ui/images/store-gadis.png" | "assets/loro-ui/images/store-lidl.svg" | "assets/loro-ui/images/store-mercadona.svg">;
+    protected readonly altText: _angular_core.Signal<string>;
+    protected readonly resolvedWidth: _angular_core.Signal<string>;
+    protected readonly resolvedHeight: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroImage, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoroImage, "loro-image", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "fit": { "alias": "fit"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class LoroHapticsService {
+    private readonly document;
+    private readonly vibration;
+    impact(style?: 'light' | 'medium' | 'heavy'): void;
+    selection(): void;
+    notification(type?: 'success' | 'warning' | 'error'): void;
+    private trigger;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoroHapticsService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<LoroHapticsService>;
+}
+
+export { Footer, LoroAccordion, LoroAlert, LoroAppNav, LoroAssistantCard, LoroAuthField, LoroAuthSocialButton, LoroBadge, LoroButton, LoroCard, LoroCardNav, LoroCheckbox, LoroDashboardCard, LoroDivider, LoroDropdown, LoroFilterChip, LoroHapticsService, LoroIcon, LoroImage, LoroInput, LoroModal, LoroNotification, LoroNotificationPanel, LoroNotificationRow, LoroProductRow, LoroProductSection, LoroProfileCard, LoroProfileHero, LoroRadio, LoroSegmentedControl, LoroSelect, LoroSpinner, LoroStatCard, LoroStoreRankCard, LoroSummaryBar, LoroTab, LoroTextArea, LoroToast, LoroToggle, LoroUpload };
+export type { LoroAlertAnnouncement, LoroAlertVariant, LoroAppNavClick, LoroAppNavItem, LoroAuthFieldState, LoroBadgeVariant, LoroButtonColor, LoroButtonIconMode, LoroButtonSize, LoroButtonType, LoroButtonVariant, LoroButtonWidth, LoroCardJustify, LoroCardNavTrailing, LoroCardNavVariant, LoroCardVariant, LoroDividerAlign, LoroDropdownOption, LoroIconColor, LoroIconColorToken, LoroIconRenderMode, LoroIconSize, LoroInputState, LoroInputUnit, LoroInputVariant, LoroModalPlacement, LoroModalSize, LoroNotificationItem, LoroProductRowStatus, LoroProductRowVariant, LoroRadioVariant, LoroSegmentedOption, LoroStatCardVariant, LoroStoreRankCardVariant, LoroTabAlign, LoroTabOption, LoroToastPosition, LoroToastVariant };