@loomui-ng/ui 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,321 @@
+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";
+export declare const menubarClass = "flex h-8 items-center gap-0.5 rounded-lg border p-[3px]";
+export declare const menubarTriggerClass = "flex items-center rounded-sm px-1.5 py-[2px] text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted";
+export declare const menubarContentClass = "z-50 min-w-36 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95";
+export declare const menubarItemClass = "group/menubar-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!";
+export declare const menubarSubTriggerClass = "flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-none select-none focus:bg-accent focus:text-accent-foreground data-inset:ps-7 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4";
+export declare const menubarSeparatorClass = "-mx-1 my-1 h-px bg-border";
+export declare const menubarShortcutClass = "ms-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground";
+export declare const UI_MENUBAR_GENERATED: readonly [];
+export declare class UiMenubarItem 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<UiMenubarItem, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMenubarItem, "[uiMenubarItem], ui-menubar-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 UiMenubarCheckboxItem 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<UiMenubarCheckboxItem, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiMenubarCheckboxItem, "[uiMenubarCheckboxItem], ui-menubar-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 UiMenubarRadioGroup {
+  readonly value: import("@angular/core").ModelSignal<string | undefined>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMenubarRadioGroup, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMenubarRadioGroup, "[uiMenubarRadioGroup], ui-menubar-radio-group", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiMenubarRadioItem 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<UiMenubarRadioItem, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiMenubarRadioItem, "[uiMenubarRadioItem], ui-menubar-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 uiMenubarSub><div uiMenubarSubTrigger>More</div><div uiMenubarSubContent>…</div></div> */
+export declare class UiMenubarSub extends UiMenuSubBase {
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMenubarSub, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMenubarSub, "[uiMenubarSub], ui-menubar-sub", never, {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiMenubarSubTrigger extends UiMenuSubTriggerBase {
+  readonly inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMenubarSubTrigger, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiMenubarSubTrigger, "[uiMenubarSubTrigger], ui-menubar-sub-trigger", never, {
+    "inset": {
+      "alias": "inset";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiMenubarSubContent extends UiMenuContentBase {
+  protected readonly root: UiMenubarSub;
+  protected readonly menu: UiMenubarSub;
+  protected readonly varPrefix = "--radix-menubar";
+  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<UiMenubarSubContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMenubarSubContent, "[uiMenubarSubContent], ui-menubar-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 UiMenubarLabel {
+  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<UiMenubarLabel, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMenubarLabel, "[uiMenubarLabel], ui-menubar-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 UiMenubarSeparator {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMenubarSeparator, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMenubarSeparator, "[uiMenubarSeparator], ui-menubar-separator", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiMenubarShortcut {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMenubarShortcut, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMenubarShortcut, "[uiMenubarShortcut], ui-menubar-shortcut", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiMenubarGroup {
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMenubarGroup, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMenubarGroup, "[uiMenubarGroup], ui-menubar-group", never, {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const MENUBAR_SHARED: readonly [typeof UiMenubarItem, typeof UiMenubarCheckboxItem, typeof UiMenubarRadioGroup, typeof UiMenubarRadioItem, typeof UiMenubarSub, typeof UiMenubarSubTrigger, typeof UiMenubarSubContent, typeof UiMenubarLabel, typeof UiMenubarSeparator, typeof UiMenubarShortcut, typeof UiMenubarGroup];
+/**
+ * <div uiMenubar class="w-72">
+ *   <div uiMenubarMenu>
+ *     <button uiMenubarTrigger>File</button>
+ *     <div uiMenubarContent> <div uiMenubarItem>New</div> … </div>
+ *   </div>
+ * </div>
+ * Observed: role="menubar", triggers role="menuitem" with roving tabindex (0/-1), content `data-radix-menubar-content`.
+ * Behavior: ArrowLeft/Right move between triggers; while one menu is open, ArrowLeft/Right (outside sub-menus) and hovering
+ * another trigger switch menus. The root tabindex=0 seen on the live page is omitted (it would add a second tab stop).
+ */
+export declare class UiMenubar {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  readonly menus: import("@angular/core").Signal<readonly any[]>;
+  readonly active: import("@angular/core").WritableSignal<UiMenubarMenu | null>;
+  /** Last trigger that had focus/was open: it stays the roving tab stop after the menu closes. */
+  readonly lastActive: import("@angular/core").WritableSignal<UiMenubarMenu | null>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  activate(menu: UiMenubarMenu | null): void;
+  /** Move to the neighbouring menu (wraps); open it when `open` is true. */
+  step(from: UiMenubarMenu, dir: 'prev' | 'next', open: boolean): void;
+  /** Roving tabindex: the first trigger is the tab stop (or the open menu's). */
+  tabStop: import("@angular/core").Signal<any>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMenubar, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMenubar, "[uiMenubar], ui-menubar", ["uiMenubar"], {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["menus"], never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiMenubarMenu extends UiMenuRootBase {
+  readonly bar: UiMenubar;
+  readonly triggerEl: import("@angular/core").WritableSignal<HTMLElement | null>;
+  constructor();
+  horizontal(dir: 'prev' | 'next'): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMenubarMenu, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMenubarMenu, "[uiMenubarMenu], ui-menubar-menu", ["uiMenubarMenu"], {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiMenubarTrigger {
+  protected readonly menu: UiMenubarMenu;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  constructor();
+  protected onClick(): void;
+  protected onEnter(): void;
+  protected onKeydown(e: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMenubarTrigger, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMenubarTrigger, "[uiMenubarTrigger], ui-menubar-trigger", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiMenubarContent extends UiMenuContentBase {
+  protected readonly root: UiMenubarMenu;
+  protected readonly menu: UiMenubarMenu;
+  protected readonly varPrefix = "--radix-menubar";
+  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<UiMenubarContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMenubarContent, "[uiMenubarContent], ui-menubar-content", never, {
+    "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 const UI_MENUBAR: readonly [typeof UiMenubar, typeof UiMenubarMenu, typeof UiMenubarTrigger, typeof UiMenubarContent, typeof import("@loomui-ng/ui/menubar").UiMenubarItem, typeof import("@loomui-ng/ui/menubar").UiMenubarCheckboxItem, typeof import("@loomui-ng/ui/menubar").UiMenubarRadioGroup, typeof import("@loomui-ng/ui/menubar").UiMenubarRadioItem, typeof import("@loomui-ng/ui/menubar").UiMenubarSub, typeof import("@loomui-ng/ui/menubar").UiMenubarSubTrigger, typeof import("@loomui-ng/ui/menubar").UiMenubarSubContent, typeof import("@loomui-ng/ui/menubar").UiMenubarLabel, typeof import("@loomui-ng/ui/menubar").UiMenubarSeparator, typeof import("@loomui-ng/ui/menubar").UiMenubarShortcut, typeof import("@loomui-ng/ui/menubar").UiMenubarGroup];
+export { UiMenuSelectEvent };

package/types/loomui-ng-ui-message-scroller.d.ts

@@ -0,0 +1,138 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+export declare const messageScrollerClass = "group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden";
+export declare const messageScrollerViewportClass = "size-full min-h-0 min-w-0 scroll-fade-b scrollbar-thin scrollbar-gutter-stable overflow-y-auto overscroll-contain contain-content data-autoscrolling:scrollbar-thumb-transparent data-autoscrolling:scrollbar-track-transparent data-pending-scroll:invisible";
+export declare const messageScrollerContentClass = "flex h-max min-h-full flex-col gap-8 p-(--card-spacing) gap-4";
+export declare const messageScrollerItemClass = "min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]";
+export declare const messageScrollerButtonClass = "group/button inline-flex shrink-0 items-center justify-center rounded-2xl border bg-clip-padding text-sm font-medium whitespace-nowrap outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/30 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground size-7 absolute inset-s-1/2 -translate-x-1/2 border-border bg-background text-foreground transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180";
+export declare const UI_MESSAGE_SCROLLER_GENERATED: readonly [];
+/**
+ * Chat viewport that sticks to the newest message.
+ * <div uiMessageScroller class="h-96">
+ *   <div uiMessageScrollerViewport>
+ *     <div uiMessageScrollerContent>
+ *       <div uiMessageScrollerItem messageId="m1">…</div>
+ *     </div>
+ *   </div>
+ *   <button uiMessageScrollerButton aria-label="Scroll to latest"></button>
+ * </div>
+ * Observed: viewport role="region" aria-label="Messages" tabindex=0, content role="log" aria-relevant="additions" aria-busy,
+ * items data-message-id / data-scroll-anchor, root+viewport data-scrollable="start|end|start end" (edges that have more
+ * content), button data-direction="end" data-active toggled with inert/tabindex=-1 while inactive.
+ * Own reconstruction of the behavior: while the user is at the end, new content keeps the view at the end; scrolling up
+ * releases it; the button (visible when more content is below) scrolls back. `scrollAnchor` items scroll their top into view
+ * when they are added.
+ */
+export declare class UiMessageScroller {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  readonly scrollable: import("@angular/core").WritableSignal<string>;
+  readonly atEnd: import("@angular/core").WritableSignal<boolean>;
+  viewport: HTMLElement | null;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  scrollToEnd(smooth?: boolean): void;
+  update(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMessageScroller, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiMessageScroller, "div[uiMessageScroller], ui-message-scroller", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiMessageScrollerViewport {
+  protected readonly root: UiMessageScroller;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMessageScrollerViewport, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMessageScrollerViewport, "[uiMessageScrollerViewport], ui-message-scroller-viewport", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiMessageScrollerContent {
+  private readonly root;
+  private readonly el;
+  readonly busy: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMessageScrollerContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMessageScrollerContent, "[uiMessageScrollerContent], ui-message-scroller-content", never, {
+    "busy": {
+      "alias": "busy";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiMessageScrollerItem {
+  private readonly el;
+  readonly messageId: import("@angular/core").InputSignal<string>;
+  readonly scrollAnchor: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMessageScrollerItem, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMessageScrollerItem, "[uiMessageScrollerItem], ui-message-scroller-item", never, {
+    "messageId": {
+      "alias": "messageId";
+      "required": false;
+      "isSignal": true;
+    };
+    "scrollAnchor": {
+      "alias": "scrollAnchor";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+/** "Scroll to latest" button; inert while the viewport is already at the end. */
+export declare class UiMessageScrollerButton {
+  protected readonly root: UiMessageScroller;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMessageScrollerButton, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiMessageScrollerButton, "button[uiMessageScrollerButton], ui-message-scroller-button", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_MESSAGE_SCROLLER: readonly [typeof UiMessageScroller, typeof UiMessageScrollerViewport, typeof UiMessageScrollerContent, typeof UiMessageScrollerItem, typeof UiMessageScrollerButton];

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

@@ -0,0 +1,109 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+export declare const messageVariants: (props?: ({
+  align?: "end" | "start" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare class UiMessage {
+  readonly align: import("@angular/core").InputSignal<"end" | "start">;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMessage, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMessage, "[uiMessage], ui-message", never, {
+    "align": {
+      "alias": "align";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiMessageAvatar {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMessageAvatar, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMessageAvatar, "[uiMessageAvatar], ui-message-avatar", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiMessageContent {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMessageContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMessageContent, "[uiMessageContent], ui-message-content", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiMessageFooter {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMessageFooter, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMessageFooter, "[uiMessageFooter], ui-message-footer", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiMessageGroup {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMessageGroup, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMessageGroup, "[uiMessageGroup], ui-message-group", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiMessageHeader {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiMessageHeader, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiMessageHeader, "[uiMessageHeader], ui-message-header", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_MESSAGE_GENERATED: readonly [typeof UiMessage, typeof UiMessageAvatar, typeof UiMessageContent, typeof UiMessageFooter, typeof UiMessageGroup, typeof UiMessageHeader];
+export declare const UI_MESSAGE: readonly [typeof UiMessage, typeof UiMessageAvatar, typeof UiMessageContent, typeof UiMessageFooter, typeof UiMessageGroup, typeof UiMessageHeader];

package/types/loomui-ng-ui-native-select.d.ts

@@ -0,0 +1,84 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+import { UiNativeControl } from "@loomui-ng/ui/utils";
+export declare class UiNativeSelect {
+  readonly size: import("@angular/core").InputSignal<"default" | "sm">;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiNativeSelect, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiNativeSelect, "select[uiNativeSelect]", never, {
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare class UiNativeSelectOption {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiNativeSelectOption, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiNativeSelectOption, "option[uiNativeSelectOption]", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare class UiNativeSelectOptgroup {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiNativeSelectOptgroup, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiNativeSelectOptgroup, "optgroup[uiNativeSelectOptgroup]", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare const UI_NATIVE_SELECT_GENERATED: readonly [typeof UiNativeSelect, typeof UiNativeSelectOption, typeof UiNativeSelectOptgroup];
+/**
+ * <div uiNativeSelectWrapper><select uiNativeSelect>…</select></div>
+ * Wraps a native <select> and draws the chevron (observed: `native-select-icon`, aria-hidden).
+ */
+export declare class UiNativeSelectWrapper {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiNativeSelectWrapper, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiNativeSelectWrapper, "div[uiNativeSelectWrapper], ui-native-select-wrapper", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+/**
+ * <ui-native-select [(ngModel)]="fruit"><option value="a">Apple</option></ui-native-select>
+ * Custom-element form of the wrapper + `<select uiNativeSelect>`. Options stay native <option> elements (a <select> only
+ * accepts <option>/<optgroup> children, so there are no option custom elements).
+ */
+export declare class UiNativeSelectElement extends UiNativeControl {
+  readonly size: import("@angular/core").InputSignal<"default" | "sm">;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiNativeSelectElement, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiNativeSelectElement, "ui-native-select", never, {
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}
+export declare const UI_NATIVE_SELECT: readonly [typeof UiNativeSelectWrapper, typeof UiNativeSelect, typeof import("@loomui-ng/ui/native-select").UiNativeSelectOption, typeof import("@loomui-ng/ui/native-select").UiNativeSelectOptgroup, typeof UiNativeSelectElement];