@loomui-ng/ui 0.0.0-stage → 0.1.1

package/types/loomui-ng-ui-drawer.d.ts

@@ -0,0 +1,149 @@
+import * as i1 from "@loomui-ng/ui/utils";
+import { ModalContentConfig, UiModalContentBase, UiModalRoot } from "@loomui-ng/ui/utils";
+import * as i0 from "@angular/core";
+export declare const drawerOverlayClass = "fixed inset-0 z-50 bg-black/10 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0";
+export declare const drawerContentClass = "group/drawer-content fixed z-50 flex h-auto flex-col bg-popover text-sm text-popover-foreground data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:start-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-e-xl data-[vaul-drawer-direction=left]:border-e data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:end-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-s-xl data-[vaul-drawer-direction=right]:border-s data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm";
+export declare const drawerHeaderClass = "flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-start";
+export declare const drawerTitleClass = "text-base font-medium text-foreground";
+export declare const drawerDescriptionClass = "text-sm text-muted-foreground";
+export declare const drawerFooterClass = "mt-auto flex flex-col gap-2 p-4";
+export declare const UI_DRAWER_GENERATED: readonly [];
+type Direction = 'top' | 'bottom' | 'left' | 'right';
+/**
+ * <div uiDrawer direction="bottom" class="contents">
+ *   <button uiButton variant="outline" uiDrawerTrigger>Open</button>
+ *   <div uiDrawerContent> <div uiDrawerHeader>…</div> <div uiDrawerFooter>…</div> </div>
+ * </div>
+ * The original wraps `vaul`; observed attributes (data-vaul-*) are reproduced. Drag-to-dismiss is implemented with pointer
+ * events (distance > 30% of the drawer or a fast flick closes it); snap points and nested-drawer scaling are not.
+ */
+export declare class UiDrawer extends UiModalRoot {
+  readonly direction: import("@angular/core").InputSignal<Direction>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDrawer, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDrawer, "[uiDrawer], ui-drawer", ["uiDrawer"], {
+    "direction": {
+      "alias": "direction";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDrawerTrigger {
+  protected readonly root: UiDrawer;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDrawerTrigger, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDrawerTrigger, "[uiDrawerTrigger], ui-drawer-trigger", never, {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDrawerContent extends UiModalContentBase {
+  protected readonly root: UiDrawer;
+  protected readonly config: ModalContentConfig;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  constructor();
+  protected onPointerDown(e: PointerEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDrawerContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDrawerContent, "[uiDrawerContent], ui-drawer-content", never, {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDrawerHeader {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDrawerHeader, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDrawerHeader, "[uiDrawerHeader], ui-drawer-header", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDrawerFooter {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDrawerFooter, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDrawerFooter, "[uiDrawerFooter], ui-drawer-footer", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDrawerTitle {
+  protected readonly root: UiDrawer;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDrawerTitle, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDrawerTitle, "[uiDrawerTitle], ui-drawer-title", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDrawerDescription {
+  protected readonly root: UiDrawer;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDrawerDescription, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDrawerDescription, "[uiDrawerDescription], ui-drawer-description", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+/** Observed: outline Button. */
+export declare class UiDrawerClose {
+  /** Reflected as the `disabled` attribute so it also works on the custom element. */
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly root: UiDrawer;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDrawerClose, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDrawerClose, "button[uiDrawerClose], ui-drawer-close", never, {
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_DRAWER: readonly [typeof UiDrawer, typeof UiDrawerTrigger, typeof UiDrawerContent, typeof UiDrawerHeader, typeof UiDrawerFooter, typeof UiDrawerTitle, typeof UiDrawerDescription, typeof UiDrawerClose];

package/types/loomui-ng-ui-dropdown-menu.d.ts

@@ -0,0 +1,258 @@
+import * as i1 from "@loomui-ng/ui/utils";
+import { Align, UiMenuContentBase, UiMenuItemBase, UiMenuRootBase, UiMenuSelectEvent, UiMenuSubBase, UiMenuSubTriggerBase } from "@loomui-ng/ui/utils";
+import * as i0 from "@angular/core";
+/** Root: <div uiDropdownMenu class="contents"> <button uiDropdownMenuTrigger/> <div uiDropdownMenuContent>…</div> </div> */
+export declare class UiDropdownMenu extends UiMenuRootBase {
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownMenu, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDropdownMenu, "[uiDropdownMenu], ui-dropdown-menu", ["uiDropdownMenu"], {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDropdownMenuTrigger {
+  protected readonly root: UiDropdownMenu;
+  constructor();
+  protected onClick(): void;
+  protected onKey(e: Event, where: 'first' | 'last'): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownMenuTrigger, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDropdownMenuTrigger, "[uiDropdownMenuTrigger], ui-dropdown-menu-trigger", never, {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDropdownMenuContent extends UiMenuContentBase {
+  protected readonly root: UiDropdownMenu;
+  protected readonly menu: UiDropdownMenu;
+  protected readonly varPrefix = "--radix-dropdown-menu";
+  readonly align: import("@angular/core").InputSignal<Align>;
+  private readonly items;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  protected menuItems(): readonly UiMenuItemBase[];
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownMenuContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDropdownMenuContent, "[uiDropdownMenuContent], ui-dropdown-menu-content", never, {
+    "align": {
+      "alias": "align";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["items"], never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDropdownMenuItem extends UiMenuItemBase {
+  readonly variant: import("@angular/core").InputSignal<"default" | "destructive">;
+  readonly inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownMenuItem, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDropdownMenuItem, "[uiDropdownMenuItem], ui-dropdown-menu-item", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "inset": {
+      "alias": "inset";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDropdownMenuCheckboxItem extends UiMenuItemBase {
+  readonly checked: import("@angular/core").ModelSignal<boolean>;
+  readonly inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  protected beforeSelect(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownMenuCheckboxItem, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiDropdownMenuCheckboxItem, "[uiDropdownMenuCheckboxItem], ui-dropdown-menu-checkbox-item", never, {
+    "checked": {
+      "alias": "checked";
+      "required": false;
+      "isSignal": true;
+    };
+    "inset": {
+      "alias": "inset";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "checked": "checkedChange";
+  }, never, ["*"], true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDropdownMenuRadioGroup {
+  readonly value: import("@angular/core").ModelSignal<string | undefined>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownMenuRadioGroup, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDropdownMenuRadioGroup, "[uiDropdownMenuRadioGroup], ui-dropdown-menu-radio-group", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDropdownMenuRadioItem extends UiMenuItemBase {
+  private readonly group;
+  readonly value: import("@angular/core").InputSignal<string>;
+  readonly inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly checked: import("@angular/core").Signal<boolean>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  protected beforeSelect(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownMenuRadioItem, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiDropdownMenuRadioItem, "[uiDropdownMenuRadioItem], ui-dropdown-menu-radio-item", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "inset": {
+      "alias": "inset";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+/** Sub-menu: <div uiDropdownMenuSub><div uiDropdownMenuSubTrigger>More</div><div uiDropdownMenuSubContent>…</div></div> */
+export declare class UiDropdownMenuSub extends UiMenuSubBase {
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownMenuSub, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDropdownMenuSub, "[uiDropdownMenuSub], ui-dropdown-menu-sub", never, {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDropdownMenuSubTrigger extends UiMenuSubTriggerBase {
+  readonly inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownMenuSubTrigger, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiDropdownMenuSubTrigger, "[uiDropdownMenuSubTrigger], ui-dropdown-menu-sub-trigger", never, {
+    "inset": {
+      "alias": "inset";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDropdownMenuSubContent extends UiMenuContentBase {
+  protected readonly root: UiDropdownMenuSub;
+  protected readonly menu: UiDropdownMenuSub;
+  protected readonly varPrefix = "--radix-dropdown-menu";
+  readonly side: import("@angular/core").InputSignal<"top" | "right" | "bottom" | "left">;
+  readonly align: import("@angular/core").InputSignal<Align>;
+  readonly sideOffset: import("@angular/core").InputSignal<number>;
+  private readonly items;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  protected menuItems(): readonly UiMenuItemBase[];
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownMenuSubContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDropdownMenuSubContent, "[uiDropdownMenuSubContent], ui-dropdown-menu-sub-content", never, {
+    "side": {
+      "alias": "side";
+      "required": false;
+      "isSignal": true;
+    };
+    "align": {
+      "alias": "align";
+      "required": false;
+      "isSignal": true;
+    };
+    "sideOffset": {
+      "alias": "sideOffset";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["items"], never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDropdownMenuLabel {
+  readonly inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownMenuLabel, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDropdownMenuLabel, "[uiDropdownMenuLabel], ui-dropdown-menu-label", never, {
+    "inset": {
+      "alias": "inset";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDropdownMenuSeparator {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownMenuSeparator, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDropdownMenuSeparator, "[uiDropdownMenuSeparator], ui-dropdown-menu-separator", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDropdownMenuShortcut {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownMenuShortcut, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDropdownMenuShortcut, "[uiDropdownMenuShortcut], ui-dropdown-menu-shortcut", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDropdownMenuGroup {
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDropdownMenuGroup, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDropdownMenuGroup, "[uiDropdownMenuGroup], ui-dropdown-menu-group", never, {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_DROPDOWN_MENU: readonly [typeof UiDropdownMenu, typeof UiDropdownMenuTrigger, typeof UiDropdownMenuContent, typeof UiDropdownMenuItem, typeof UiDropdownMenuCheckboxItem, typeof UiDropdownMenuRadioGroup, typeof UiDropdownMenuRadioItem, typeof UiDropdownMenuSub, typeof UiDropdownMenuSubTrigger, typeof UiDropdownMenuSubContent, typeof UiDropdownMenuLabel, typeof UiDropdownMenuSeparator, typeof UiDropdownMenuShortcut, typeof UiDropdownMenuGroup];
+export { UiMenuSelectEvent };

package/types/loomui-ng-ui-empty.d.ts

@@ -0,0 +1,109 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+export declare class UiEmpty {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiEmpty, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiEmpty, "[uiEmpty], ui-empty", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiEmptyHeader {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiEmptyHeader, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiEmptyHeader, "[uiEmptyHeader], ui-empty-header", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const emptyIconVariants: (props?: ({
+  variant?: "icon" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare class UiEmptyIcon {
+  readonly variant: import("@angular/core").InputSignal<"icon" | "default">;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiEmptyIcon, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiEmptyIcon, "[uiEmptyIcon], ui-empty-icon", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiEmptyTitle {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiEmptyTitle, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiEmptyTitle, "[uiEmptyTitle], ui-empty-title", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiEmptyDescription {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiEmptyDescription, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiEmptyDescription, "[uiEmptyDescription], ui-empty-description", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiEmptyContent {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiEmptyContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiEmptyContent, "[uiEmptyContent], ui-empty-content", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_EMPTY_GENERATED: readonly [typeof UiEmpty, typeof UiEmptyHeader, typeof UiEmptyIcon, typeof UiEmptyTitle, typeof UiEmptyDescription, typeof UiEmptyContent];
+export declare const UI_EMPTY: readonly [typeof UiEmpty, typeof UiEmptyHeader, typeof UiEmptyIcon, typeof UiEmptyTitle, typeof UiEmptyDescription, typeof UiEmptyContent];