@loomui-ng/ui 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,288 @@
+import * as i1 from "@loomui-ng/ui/utils";
+import { Align, Side, UiMenuContentBase, UiMenuItemBase, UiMenuRootBase, UiMenuSelectEvent, UiMenuSubBase, UiMenuSubTriggerBase } from "@loomui-ng/ui/utils";
+import * as i0 from "@angular/core";
+export declare const contextMenuTriggerClass = "select-none flex aspect-video w-full max-w-xs items-center justify-center rounded-xl border border-dashed text-sm";
+export declare const contextMenuContentClass = "z-50 max-h-(--radix-context-menu-content-available-height) min-w-36 origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto 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 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 w-48";
+export declare const contextMenuItemClass = "group/context-menu-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 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 focus:*:[svg]:text-accent-foreground data-[variant=destructive]:*:[svg]:text-destructive";
+export declare const contextMenuSubTriggerClass = "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 data-inset:ps-7 data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+export declare const contextMenuCheckboxItemClass = "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pe-8 ps-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+export declare const contextMenuRadioItemClass = "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pe-8 ps-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+export declare const contextMenuLabelClass = "px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:ps-7";
+export declare const contextMenuSeparatorClass = "-mx-1 my-1 h-px bg-border";
+export declare const contextMenuShortcutClass = "ms-auto text-xs tracking-widest text-muted-foreground group-focus/context-menu-item:text-accent-foreground";
+export declare const UI_CONTEXT_MENU_GENERATED: readonly [];
+export declare class UiContextMenuItem 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<UiContextMenuItem, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiContextMenuItem, "[uiContextMenuItem], ui-context-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 UiContextMenuCheckboxItem 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<UiContextMenuCheckboxItem, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiContextMenuCheckboxItem, "[uiContextMenuCheckboxItem], ui-context-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 UiContextMenuRadioGroup {
+  readonly value: import("@angular/core").ModelSignal<string | undefined>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiContextMenuRadioGroup, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiContextMenuRadioGroup, "[uiContextMenuRadioGroup], ui-context-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 UiContextMenuRadioItem 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<UiContextMenuRadioItem, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiContextMenuRadioItem, "[uiContextMenuRadioItem], ui-context-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 uiContextMenuSub><div uiContextMenuSubTrigger>More</div><div uiContextMenuSubContent>…</div></div> */
+export declare class UiContextMenuSub extends UiMenuSubBase {
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiContextMenuSub, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiContextMenuSub, "[uiContextMenuSub], ui-context-menu-sub", never, {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiContextMenuSubTrigger extends UiMenuSubTriggerBase {
+  readonly inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiContextMenuSubTrigger, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiContextMenuSubTrigger, "[uiContextMenuSubTrigger], ui-context-menu-sub-trigger", never, {
+    "inset": {
+      "alias": "inset";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiContextMenuSubContent extends UiMenuContentBase {
+  protected readonly root: UiContextMenuSub;
+  protected readonly menu: UiContextMenuSub;
+  protected readonly varPrefix = "--radix-context-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<UiContextMenuSubContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiContextMenuSubContent, "[uiContextMenuSubContent], ui-context-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 UiContextMenuLabel {
+  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<UiContextMenuLabel, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiContextMenuLabel, "[uiContextMenuLabel], ui-context-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 UiContextMenuSeparator {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiContextMenuSeparator, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiContextMenuSeparator, "[uiContextMenuSeparator], ui-context-menu-separator", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiContextMenuShortcut {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiContextMenuShortcut, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiContextMenuShortcut, "[uiContextMenuShortcut], ui-context-menu-shortcut", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiContextMenuGroup {
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiContextMenuGroup, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiContextMenuGroup, "[uiContextMenuGroup], ui-context-menu-group", never, {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const CONTEXT_MENU_SHARED: readonly [typeof UiContextMenuItem, typeof UiContextMenuCheckboxItem, typeof UiContextMenuRadioGroup, typeof UiContextMenuRadioItem, typeof UiContextMenuSub, typeof UiContextMenuSubTrigger, typeof UiContextMenuSubContent, typeof UiContextMenuLabel, typeof UiContextMenuSeparator, typeof UiContextMenuShortcut, typeof UiContextMenuGroup];
+/**
+ * <div uiContextMenu class="contents">
+ *   <div uiContextMenuTrigger class="…">Right click here</div>
+ *   <div uiContextMenuContent>…items…</div>
+ * </div>
+ * Opens at the pointer on `contextmenu` (right click) and on Shift+F10 / the ContextMenu key.
+ */
+export declare class UiContextMenu extends UiMenuRootBase {
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiContextMenu, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiContextMenu, "[uiContextMenu], ui-context-menu", ["uiContextMenu"], {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiContextMenuTrigger {
+  protected readonly root: UiContextMenu;
+  private readonly el;
+  constructor();
+  protected onContext(e: MouseEvent): void;
+  protected onKeydown(e: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiContextMenuTrigger, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiContextMenuTrigger, "[uiContextMenuTrigger], ui-context-menu-trigger", never, {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiContextMenuContent extends UiMenuContentBase {
+  protected readonly root: UiContextMenu;
+  protected readonly menu: UiContextMenu;
+  protected readonly varPrefix = "--radix-context-menu";
+  readonly side: import("@angular/core").InputSignal<Side>;
+  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<UiContextMenuContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiContextMenuContent, "[uiContextMenuContent], ui-context-menu-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 const UI_CONTEXT_MENU: readonly [typeof UiContextMenu, typeof UiContextMenuTrigger, typeof UiContextMenuContent, typeof import("@loomui-ng/ui/context-menu").UiContextMenuItem, typeof import("@loomui-ng/ui/context-menu").UiContextMenuCheckboxItem, typeof import("@loomui-ng/ui/context-menu").UiContextMenuRadioGroup, typeof import("@loomui-ng/ui/context-menu").UiContextMenuRadioItem, typeof import("@loomui-ng/ui/context-menu").UiContextMenuSub, typeof import("@loomui-ng/ui/context-menu").UiContextMenuSubTrigger, typeof import("@loomui-ng/ui/context-menu").UiContextMenuSubContent, typeof import("@loomui-ng/ui/context-menu").UiContextMenuLabel, typeof import("@loomui-ng/ui/context-menu").UiContextMenuSeparator, typeof import("@loomui-ng/ui/context-menu").UiContextMenuShortcut, typeof import("@loomui-ng/ui/context-menu").UiContextMenuGroup];
+export { UiMenuSelectEvent };

package/types/loomui-ng-ui-data-table.d.ts

@@ -0,0 +1,111 @@
+import * as i0 from "@angular/core";
+/**
+ * shadcn's "Data Table" is a recipe, not a package component: TanStack Table (headless) + the Table primitives + a few
+ * helpers (sortable column header, view options, pagination). This file ships those helpers for @tanstack/angular-table v9;
+ * the table instance comes from `injectTable(...)` in your component, rendering uses `FlexRender` + `@loomui-ng/ui/table`.
+ * The helpers accept the (signal-reactive) table/column and only call TanStack APIs, so they work with any feature set
+ * that registers rowSortingFeature / columnVisibilityFeature / rowPaginationFeature / rowSelectionFeature.
+ */
+/** Structural subsets of TanStack's Column/Table so the helpers accept any feature set without generic friction. */
+export interface DataTableColumnLike {
+  readonly id: string;
+  accessorFn?: unknown;
+  getCanSort(): boolean;
+  getCanHide(): boolean;
+  getIsSorted(): false | 'asc' | 'desc';
+  getIsVisible(): boolean;
+  toggleSorting(desc?: boolean, multi?: boolean): void;
+  toggleVisibility(value?: boolean): void;
+}
+export interface DataTableLike {
+  getAllColumns(): DataTableColumnLike[];
+  getFilteredSelectedRowModel(): {
+    rows: unknown[];
+  };
+  getFilteredRowModel(): {
+    rows: unknown[];
+  };
+  atoms: {
+    pagination: {
+      get(): {
+        pageIndex: number;
+        pageSize: number;
+      };
+    };
+  };
+  setPageSize(size: number): void;
+  getPageCount(): number;
+  getCanPreviousPage(): boolean;
+  getCanNextPage(): boolean;
+  previousPage(): void;
+  nextPage(): void;
+}
+/** Sortable column header: ghost button opening Asc / Desc / Hide (as in the shadcn data-table demo). */
+export declare class UiDataTableColumnHeader {
+  readonly column: import("@angular/core").InputSignal<DataTableColumnLike>;
+  readonly title: import("@angular/core").InputSignal<string>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly sortIcon: import("@angular/core").Signal<"arrow-up" | "arrow-down" | "chevrons-up-down">;
+  protected readonly triggerClass: string;
+  protected readonly sorted: import("@angular/core").Signal<"asc" | "desc" | "">;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDataTableColumnHeader, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiDataTableColumnHeader, "ui-data-table-column-header", never, {
+    "column": {
+      "alias": "column";
+      "required": true;
+      "isSignal": true;
+    };
+    "title": {
+      "alias": "title";
+      "required": true;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** "Columns" dropdown listing every hideable column as a checkbox item. */
+export declare class UiDataTableViewOptions {
+  readonly table: import("@angular/core").InputSignal<DataTableLike>;
+  protected readonly triggerClass: string;
+  protected readonly columns: import("@angular/core").Signal<DataTableColumnLike[]>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDataTableViewOptions, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiDataTableViewOptions, "ui-data-table-view-options", never, {
+    "table": {
+      "alias": "table";
+      "required": true;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** Footer: "N of M row(s) selected." + rows-per-page + Previous/Next (and page counter). */
+export declare class UiDataTablePagination {
+  readonly table: import("@angular/core").InputSignal<DataTableLike>;
+  readonly pageSizes: import("@angular/core").InputSignal<number[]>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly btn: string;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDataTablePagination, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiDataTablePagination, "ui-data-table-pagination", never, {
+    "table": {
+      "alias": "table";
+      "required": true;
+      "isSignal": true;
+    };
+    "pageSizes": {
+      "alias": "pageSizes";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare const UI_DATA_TABLE: readonly [typeof UiDataTableColumnHeader, typeof UiDataTableViewOptions, typeof UiDataTablePagination];

package/types/loomui-ng-ui-date-picker.d.ts

@@ -0,0 +1,63 @@
+import { ControlValueAccessor } from "@angular/forms";
+import * as i0 from "@angular/core";
+/**
+ * shadcn's "Date Picker" is a recipe: Popover + Calendar + outline Button (`data-empty` while no date, muted text).
+ * <ui-date-picker [(value)]="date" placeholder="Pick a date" />
+ * Works with ngModel / reactive forms (ControlValueAccessor) and as a signal-forms value control (`value` model).
+ * Selecting a date closes the popover and returns focus to the trigger (Radix Popover behavior).
+ */
+export declare class UiDatePicker implements ControlValueAccessor {
+  readonly value: import("@angular/core").ModelSignal<Date | null>;
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  readonly locale: import("@angular/core").InputSignal<string | undefined>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  private readonly popover;
+  private readonly cvaDisabled;
+  protected readonly isDisabled: import("@angular/core").Signal<boolean>;
+  protected readonly label: import("@angular/core").Signal<string>;
+  protected readonly triggerClasses: import("@angular/core").Signal<string>;
+  private onChange;
+  private onTouched;
+  protected pick(sel: unknown): void;
+  writeValue(v: Date | null): void;
+  registerOnChange(fn: (v: Date | null) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(d: boolean): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDatePicker, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiDatePicker, "ui-date-picker", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "invalid": {
+      "alias": "invalid";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, never, never, true, never>;
+}

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

@@ -0,0 +1,127 @@
+import * as i1 from "@loomui-ng/ui/utils";
+import { ModalContentConfig, UiModalContentBase, UiModalRoot } from "@loomui-ng/ui/utils";
+import * as i0 from "@angular/core";
+/**
+ * <div uiDialog [(open)]="open">
+ *   <button uiButton uiDialogTrigger>Open</button>
+ *   <div uiDialogContent>…</div>
+ * </div>
+ * `uiDialog` renders no element of its own styling; it is a state holder. Content is moved to <body>
+ * through a CDK overlay while open.
+ */
+export declare class UiDialog extends UiModalRoot {
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDialog, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDialog, "[uiDialog], ui-dialog", ["uiDialog"], {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDialogTrigger {
+  protected readonly root: UiDialog;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDialogTrigger, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDialogTrigger, "[uiDialogTrigger], ui-dialog-trigger", never, {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDialogContent extends UiModalContentBase {
+  protected readonly root: UiDialog;
+  protected readonly config: ModalContentConfig;
+  /** Built-in top-corner close button, like shadcn's `showCloseButton` (default true). */
+  readonly showCloseButton: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  constructor();
+  private createCloseButton;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDialogContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDialogContent, "[uiDialogContent], ui-dialog-content", never, {
+    "showCloseButton": {
+      "alias": "showCloseButton";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDialogHeader {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDialogHeader, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDialogHeader, "[uiDialogHeader], ui-dialog-header", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDialogFooter {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDialogFooter, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDialogFooter, "[uiDialogFooter], ui-dialog-footer", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDialogTitle {
+  protected readonly root: UiDialog;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDialogTitle, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDialogTitle, "[uiDialogTitle], ui-dialog-title", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiDialogDescription {
+  protected readonly root: UiDialog;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDialogDescription, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDialogDescription, "[uiDialogDescription], ui-dialog-description", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+/** Any element/button inside the dialog that should close it. */
+export declare class UiDialogClose {
+  protected readonly root: UiDialog;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDialogClose, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDialogClose, "[uiDialogClose], ui-dialog-close", never, {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_DIALOG: readonly [typeof UiDialog, typeof UiDialogTrigger, typeof UiDialogContent, typeof UiDialogHeader, typeof UiDialogFooter, typeof UiDialogTitle, typeof UiDialogDescription, typeof UiDialogClose];

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

@@ -0,0 +1,42 @@
+import { Direction } from "@angular/cdk/bidi";
+import * as i0 from "@angular/core";
+import { EventEmitter, OnDestroy } from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+/**
+ * shadcn's DirectionProvider (Radix) sets `dir` for a subtree so every primitive resolves layout/keyboard direction from it.
+ * Here the provider sets the `dir` attribute and replaces CDK's `Directionality` for descendants, so all Loom UI components
+ * (menus, tabs, carousel, calendar, sliders, overlays) follow the subtree direction instead of the document's.
+ *
+ * <div uiDirection="rtl"> … </div>
+ */
+export declare class UiDirection implements OnDestroy {
+  /** Attribute form: `<div [uiDirection]="'rtl'">`. */
+  readonly attrDir: import("@angular/core").InputSignal<"" | Direction>;
+  /** Element form: `<ui-direction dir="rtl">`. */
+  readonly elDir: import("@angular/core").InputSignal<"" | Direction>;
+  readonly dir: import("@angular/core").Signal<Direction>;
+  readonly change: EventEmitter<Direction>;
+  /** Resolved value read by CDK consumers (`Directionality#value`). */
+  get value(): Direction;
+  private readonly el;
+  constructor();
+  ngOnDestroy(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiDirection, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiDirection, "[uiDirection], ui-direction", ["uiDirection"], {
+    "attrDir": {
+      "alias": "uiDirection";
+      "required": false;
+      "isSignal": true;
+    };
+    "elDir": {
+      "alias": "dir";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_DIRECTION: readonly [typeof UiDirection];