@loomui-ng/ui 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,74 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+export declare const collapsibleClass = "flex gap-2";
+export declare const collapsibleContentClass = "flex flex-col gap-2";
+export declare const UI_COLLAPSIBLE_GENERATED: readonly [];
+/**
+ * <div uiCollapsible [(open)]="o">
+ *   <button uiCollapsibleTrigger>Toggle</button>
+ *   <div uiCollapsibleContent>…</div>
+ * </div>
+ */
+export declare class UiCollapsible {
+  readonly open: import("@angular/core").ModelSignal<boolean>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  readonly contentId: string;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  toggle(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiCollapsible, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiCollapsible, "[uiCollapsible], ui-collapsible", ["uiCollapsible"], {
+    "open": {
+      "alias": "open";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "open": "openChange";
+  }, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiCollapsibleTrigger {
+  protected readonly root: UiCollapsible;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiCollapsibleTrigger, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiCollapsibleTrigger, "[uiCollapsibleTrigger], ui-collapsible-trigger", never, {}, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiCollapsibleContent {
+  protected readonly root: UiCollapsible;
+  private readonly el;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly present: import("@angular/core").WritableSignal<boolean>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  constructor();
+  private setHeight;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiCollapsibleContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiCollapsibleContent, "[uiCollapsibleContent], ui-collapsible-content", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_COLLAPSIBLE: readonly [typeof UiCollapsible, typeof UiCollapsibleTrigger, typeof UiCollapsibleContent];

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

@@ -0,0 +1,229 @@
+import { ControlValueAccessor } from "@angular/forms";
+import * as i1 from "@loomui-ng/ui/utils";
+import { UiLayerRoot, UiPopperContentBase } from "@loomui-ng/ui/utils";
+import * as i0 from "@angular/core";
+export declare const comboboxTriggerClass = "group/button inline-flex shrink-0 items-center rounded-lg border bg-clip-padding text-sm whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 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 border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2 w-64 justify-between font-normal [&_svg:not([class*='size-'])]:size-4";
+export declare const comboboxContentClass = "group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none 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";
+export declare const comboboxListClass = "no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0";
+export declare const comboboxItemClass = "relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pe-8 ps-1.5 text-sm outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground 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 comboboxEmptyClass = "hidden w-full justify-center py-2 text-center text-sm text-muted-foreground group-data-empty/combobox-content:flex";
+export declare const comboboxChipsClass = "flex min-h-8 flex-wrap items-center gap-1 rounded-lg border border-input bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40 w-full max-w-xs";
+export declare const comboboxChipClass = "flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pe-0";
+export declare const comboboxChipInputClass = "min-w-16 flex-1 outline-none";
+export declare const comboboxClearClass = "group/button shrink-0 justify-center border border-transparent bg-clip-padding font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 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 hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2 flex items-center gap-2 text-sm shadow-none size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0 has-[>ui-icon]:p-0";
+export declare const UI_COMBOBOX_GENERATED: readonly [];
+/**
+ * Searchable single-select (shadcn "Combobox").
+ * <div uiCombobox [(value)]="v" class="contents">
+ *   <button uiComboboxTrigger><span uiComboboxValue placeholder="Select framework…"></span></button>
+ *   <div uiComboboxContent>
+ *     <input uiComboboxInput placeholder="Search…" />
+ *     <div uiComboboxList>
+ *       <div uiComboboxEmpty>No results.</div>
+ *       <div uiComboboxItem value="next">Next.js</div>
+ *     </div>
+ *   </div>
+ * </div>
+ * Observed on the live page (Base UI based): trigger role="combobox" aria-haspopup, list role="listbox", items role="option"
+ * aria-selected, empty state role="status" aria-live="polite", content data-side/data-align. Not implemented: multi-select
+ * chips (`combobox-chips`, `combobox-chip`, clear button) — classes are generated but no behavior is attached.
+ */
+export declare class UiCombobox extends UiLayerRoot implements ControlValueAccessor {
+  readonly value: import("@angular/core").ModelSignal<string>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly listId: string;
+  readonly search: import("@angular/core").WritableSignal<string>;
+  readonly highlighted: import("@angular/core").WritableSignal<string | null>;
+  readonly items: import("@angular/core").Signal<readonly any[]>;
+  private readonly cvaDisabled;
+  readonly isDisabled: import("@angular/core").Signal<boolean>;
+  readonly selectedLabel: import("@angular/core").Signal<any>;
+  readonly visible: import("@angular/core").Signal<any[]>;
+  readonly hasResults: import("@angular/core").Signal<boolean>;
+  private onChange;
+  onTouched: () => void;
+  constructor();
+  ensureHighlight(reset?: boolean): void;
+  move(delta: 1 | -1 | 'first' | 'last'): void;
+  choose(v: string): void;
+  chooseHighlighted(): void;
+  writeValue(v: string | null): void;
+  registerOnChange(fn: (v: string) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(d: boolean): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiCombobox, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiCombobox, "[uiCombobox], ui-combobox", ["uiCombobox"], {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, ["items"], never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiComboboxTrigger {
+  protected readonly root: UiCombobox;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  constructor();
+  protected onKeydown(e: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiComboboxTrigger, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiComboboxTrigger, "button[uiComboboxTrigger], ui-combobox-trigger", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiComboboxValue {
+  protected readonly root: UiCombobox;
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  protected readonly text: import("@angular/core").Signal<any>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiComboboxValue, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiComboboxValue, "[uiComboboxValue], ui-combobox-value", never, {
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiComboboxContent extends UiPopperContentBase {
+  protected readonly root: UiCombobox;
+  protected readonly varPrefix = "--radix-combobox";
+  readonly align: import("@angular/core").InputSignal<"start" | "center" | "end">;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  constructor();
+  protected onAttached(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiComboboxContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiComboboxContent, "[uiComboboxContent], ui-combobox-content", never, {
+    "align": {
+      "alias": "align";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiComboboxInput {
+  protected readonly root: UiCombobox;
+  protected onInput(e: Event): void;
+  protected onKeydown(e: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiComboboxInput, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiComboboxInput, "input[uiComboboxInput]", never, {}, {}, never, never, true, never>;
+}
+export declare class UiComboboxList {
+  protected readonly root: UiCombobox;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiComboboxList, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiComboboxList, "[uiComboboxList], ui-combobox-list", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiComboboxEmpty {
+  protected readonly root: UiCombobox;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiComboboxEmpty, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiComboboxEmpty, "[uiComboboxEmpty], ui-combobox-empty", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiComboboxItem {
+  private readonly root;
+  private readonly el;
+  readonly id: string;
+  readonly value: import("@angular/core").InputSignal<string>;
+  readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  readonly label: import("@angular/core").WritableSignal<string>;
+  get disabled(): boolean;
+  protected readonly selected: import("@angular/core").Signal<boolean>;
+  protected readonly highlighted: import("@angular/core").Signal<boolean>;
+  readonly visible: import("@angular/core").Signal<boolean>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  constructor();
+  activate(): void;
+  scrollIntoView(): void;
+  protected onMove(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiComboboxItem, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiComboboxItem, "[uiComboboxItem], ui-combobox-item", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabledInput": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+/** <ui-combobox-input placeholder="Search…" /> — custom-element form of `<input uiComboboxInput>`. */
+export declare class UiComboboxInputElement {
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiComboboxInputElement, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiComboboxInputElement, "ui-combobox-input", never, {
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "aria-label";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare const UI_COMBOBOX: readonly [typeof UiCombobox, typeof UiComboboxTrigger, typeof UiComboboxValue, typeof UiComboboxContent, typeof UiComboboxInput, typeof UiComboboxList, typeof UiComboboxEmpty, typeof UiComboboxItem, typeof UiComboboxInputElement];

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

@@ -0,0 +1,231 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+/**
+ * cmdk-style command palette.
+ * <div uiCommand>
+ *   <input uiCommandInput placeholder="Type a command or search..." />
+ *   <div uiCommandList>
+ *     <div uiCommandEmpty>No results found.</div>
+ *     <div uiCommandGroup heading="Suggestions">
+ *       <div uiCommandItem value="Calendar" (select)="…">Calendar</div>
+ *     </div>
+ *   </div>
+ * </div>
+ * Focus stays in the input; the highlighted item is exposed with aria-activedescendant + data-selected.
+ * Not reproduced (UNKNOWN / not implemented): cmdk's score-based re-ordering of results.
+ */
+export declare class UiCommand {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  readonly search: import("@angular/core").WritableSignal<string>;
+  readonly listId: string;
+  readonly items: import("@angular/core").Signal<readonly any[]>;
+  readonly selectedId: import("@angular/core").WritableSignal<string | null>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  readonly visibleItems: import("@angular/core").Signal<any[]>;
+  readonly hasResults: import("@angular/core").Signal<boolean>;
+  constructor();
+  matches(value: string, keywords: string[]): boolean;
+  ensureSelection(reset?: boolean): void;
+  move(delta: 1 | -1 | 'first' | 'last'): void;
+  activateSelected(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiCommand, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiCommand, "[uiCommand], ui-command", ["uiCommand"], {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["items"], never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiCommandInput {
+  protected readonly cmd: UiCommand;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  protected onInput(e: Event): void;
+  protected onKeydown(e: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiCommandInput, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiCommandInput, "input[uiCommandInput]", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** Wrapper around the input with a search icon (icon/wrapper classes are UNKNOWN; wrapper `p-1 pb-0` observed). */
+export declare class UiCommandInputWrapper {
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiCommandInputWrapper, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiCommandInputWrapper, "[uiCommandInputWrapper], ui-command-input-wrapper", never, {}, {}, never, ["*"], true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiCommandList {
+  protected readonly cmd: UiCommand;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiCommandList, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiCommandList, "[uiCommandList], ui-command-list", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiCommandEmpty {
+  protected readonly cmd: UiCommand;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiCommandEmpty, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiCommandEmpty, "[uiCommandEmpty], ui-command-empty", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiCommandGroup {
+  private readonly cmd;
+  readonly heading: import("@angular/core").InputSignal<string>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  private readonly items;
+  protected readonly hasVisible: import("@angular/core").Signal<boolean>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiCommandGroup, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiCommandGroup, "[uiCommandGroup], ui-command-group", never, {
+    "heading": {
+      "alias": "heading";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["items"], ["*"], true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiCommandSeparator {
+  protected readonly cmd: UiCommand;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiCommandSeparator, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiCommandSeparator, "[uiCommandSeparator], ui-command-separator", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiCommandItem {
+  private readonly cmd;
+  private readonly el;
+  readonly id: string;
+  readonly value: import("@angular/core").InputSignal<string>;
+  readonly keywords: import("@angular/core").InputSignal<string[]>;
+  readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  readonly select: import("@angular/core").OutputEmitterRef<void>;
+  get disabled(): boolean;
+  protected readonly resolvedValue: import("@angular/core").Signal<string>;
+  readonly visible: import("@angular/core").Signal<boolean>;
+  protected readonly selected: import("@angular/core").Signal<boolean>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  activate(): void;
+  scrollIntoView(): void;
+  protected onPointerMove(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiCommandItem, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiCommandItem, "[uiCommandItem], ui-command-item", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "keywords": {
+      "alias": "keywords";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabledInput": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "select": "select";
+  }, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiCommandShortcut {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiCommandShortcut, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiCommandShortcut, "[uiCommandShortcut], ui-command-shortcut", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+/** <ui-command-input placeholder="Type a command…" /> — custom-element form of `<input uiCommandInput>`. */
+export declare class UiCommandInputElement {
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiCommandInputElement, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiCommandInputElement, "ui-command-input", never, {
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "aria-label";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare const UI_COMMAND: readonly [typeof UiCommand, typeof UiCommandInput, typeof UiCommandInputWrapper, typeof UiCommandList, typeof UiCommandEmpty, typeof UiCommandGroup, typeof UiCommandSeparator, typeof UiCommandItem, typeof UiCommandShortcut, typeof UiCommandInputElement];