@loomui-ng/ui 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,56 @@
+import { ControlValueAccessor } from "@angular/forms";
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+/** <button uiSwitch [(checked)]="on" size="sm"></button> */
+export declare class UiSwitch implements ControlValueAccessor {
+  readonly checked: import("@angular/core").ModelSignal<boolean>;
+  readonly size: import("@angular/core").InputSignal<"default" | "sm">;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly thumb = "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-checked:rtl:-translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:rtl:-translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground";
+  private readonly cvaDisabled;
+  protected readonly isDisabled: import("@angular/core").Signal<boolean>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  private onChange;
+  protected onTouched: () => void;
+  protected toggle(): void;
+  writeValue(v: boolean | null): void;
+  registerOnChange(fn: (v: boolean) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(d: boolean): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiSwitch, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiSwitch, "button[uiSwitch], ui-switch", never, {
+    "checked": {
+      "alias": "checked";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "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;
+    };
+  }, {
+    "checked": "checkedChange";
+  }, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}

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

@@ -0,0 +1,148 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+export declare class UiTableContainer {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTableContainer, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiTableContainer, "[uiTableContainer], ui-table-container", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiTable {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTable, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiTable, "table[uiTable], ui-table", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiTableCaption {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTableCaption, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiTableCaption, "caption[uiTableCaption], ui-table-caption", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiTableHeader {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTableHeader, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiTableHeader, "thead[uiTableHeader], ui-table-header", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiTableBody {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTableBody, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiTableBody, "tbody[uiTableBody], ui-table-body", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiTableFooter {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTableFooter, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiTableFooter, "tfoot[uiTableFooter], ui-table-footer", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiTableRow {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTableRow, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiTableRow, "tr[uiTableRow], ui-table-row", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiTableHead {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTableHead, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiTableHead, "th[uiTableHead], ui-table-head", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiTableCell {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTableCell, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiTableCell, "td[uiTableCell], ui-table-cell", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_TABLE_GENERATED: readonly [typeof UiTableContainer, typeof UiTable, typeof UiTableCaption, typeof UiTableHeader, typeof UiTableBody, typeof UiTableFooter, typeof UiTableRow, typeof UiTableHead, typeof UiTableCell];
+export declare const UI_TABLE: readonly [typeof UiTableContainer, typeof UiTable, typeof UiTableCaption, typeof UiTableHeader, typeof UiTableBody, typeof UiTableFooter, typeof UiTableRow, typeof UiTableHead, typeof UiTableCell];

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

@@ -0,0 +1,148 @@
+import { FocusableOption } from "@angular/cdk/a11y";
+import * as i0 from "@angular/core";
+import { ElementRef } from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+/**
+ * <div uiTabs [(value)]="tab">
+ *   <div uiTabsList>
+ *     <button uiTabsTrigger value="a">A</button> <button uiTabsTrigger value="b">B</button>
+ *   </div>
+ *   <div uiTabsContent value="a">…</div> <div uiTabsContent value="b">…</div>
+ * </div>
+ */
+export declare class UiTabs {
+  readonly value: import("@angular/core").ModelSignal<string | undefined>;
+  readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+  /** Optional explicit direction; otherwise inherited. (Live site always forces dir="ltr" — deviation.) */
+  readonly dir: import("@angular/core").InputSignal<"ltr" | "rtl" | undefined>;
+  readonly activationMode: import("@angular/core").InputSignal<"automatic" | "manual">;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  readonly baseId: string;
+  private readonly directionality;
+  resolvedDir(): 'ltr' | 'rtl';
+  protected readonly classes: import("@angular/core").Signal<string>;
+  triggerId(v: string): string;
+  contentId(v: string): string;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTabs, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiTabs, "[uiTabs], ui-tabs", ["uiTabs"], {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "orientation": {
+      "alias": "orientation";
+      "required": false;
+      "isSignal": true;
+    };
+    "dir": {
+      "alias": "dir";
+      "required": false;
+      "isSignal": true;
+    };
+    "activationMode": {
+      "alias": "activationMode";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiTabsList {
+  protected readonly tabs: UiTabs;
+  readonly variant: import("@angular/core").InputSignal<"default" | "line">;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  private readonly triggers;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  protected onKeydown(event: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTabsList, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiTabsList, "[uiTabsList], ui-tabs-list", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["triggers"], never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiTabsTrigger implements FocusableOption {
+  protected readonly tabs: UiTabs;
+  readonly el: ElementRef<HTMLElement>;
+  readonly value: import("@angular/core").InputSignal<string>;
+  readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly selected: import("@angular/core").Signal<boolean>;
+  /** FocusableOption contract (CDK key manager reads this). */
+  get disabled(): boolean;
+  protected readonly isDisabled: import("@angular/core").Signal<boolean>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  focus(): void;
+  select(): void;
+  protected onMouseDown(e: MouseEvent): void;
+  protected onFocus(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTabsTrigger, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiTabsTrigger, "button[uiTabsTrigger], ui-tabs-trigger", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabledInput": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiTabsContent {
+  protected readonly tabs: UiTabs;
+  readonly value: import("@angular/core").InputSignal<string>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly selected: import("@angular/core").Signal<boolean>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTabsContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiTabsContent, "[uiTabsContent], ui-tabs-content", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_TABS: readonly [typeof UiTabs, typeof UiTabsList, typeof UiTabsTrigger, typeof UiTabsContent];

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

@@ -0,0 +1,52 @@
+import * as i0 from "@angular/core";
+import { UiNativeControl } from "@loomui-ng/ui/utils";
+export declare class UiTextarea {
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTextarea, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiTextarea, "textarea[uiTextarea]", never, {
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare const UI_TEXTAREA_GENERATED: readonly [typeof UiTextarea];
+/** <ui-textarea rows="4" [(ngModel)]="bio" /> — custom-element form of `<textarea uiTextarea>` (a real textarea lives inside). */
+export declare class UiTextareaElement extends UiNativeControl {
+  readonly rows: import("@angular/core").InputSignal<string | number | null>;
+  readonly cols: import("@angular/core").InputSignal<string | number | null>;
+  readonly maxlength: import("@angular/core").InputSignal<number | null>;
+  readonly minlength: import("@angular/core").InputSignal<number | null>;
+  readonly wrap: import("@angular/core").InputSignal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiTextareaElement, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiTextareaElement, "ui-textarea", never, {
+    "rows": {
+      "alias": "rows";
+      "required": false;
+      "isSignal": true;
+    };
+    "cols": {
+      "alias": "cols";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxlength": {
+      "alias": "maxlength";
+      "required": false;
+      "isSignal": true;
+    };
+    "minlength": {
+      "alias": "minlength";
+      "required": false;
+      "isSignal": true;
+    };
+    "wrap": {
+      "alias": "wrap";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare const UI_TEXTAREA: readonly [typeof UiTextarea, typeof UiTextareaElement];

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

@@ -0,0 +1,97 @@
+import * as i0 from "@angular/core";
+import { ElementRef } from "@angular/core";
+export type ToastType = 'normal' | 'success' | 'error' | 'info' | 'warning' | 'loading';
+export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface ToastAction {
+  label: string;
+  onClick?: () => void;
+}
+export interface ToastOptions {
+  description?: string;
+  type?: ToastType;
+  /** ms; `Infinity` keeps it until dismissed. */
+  duration?: number;
+  action?: ToastAction;
+  id?: string;
+}
+export interface ToastItem extends Required<Pick<ToastOptions, 'type'>> {
+  id: string;
+  title: string;
+  description?: string;
+  duration?: number;
+  action?: ToastAction;
+  removed: boolean;
+}
+/**
+ * Sonner-style toast API. Inject it anywhere and call `toast.show('Saved', { description })`.
+ * Render once: <ui-toaster />.
+ */
+export declare class UiToastService {
+  readonly toasts: import("@angular/core").WritableSignal<ToastItem[]>;
+  show(title: string, opts?: ToastOptions): string;
+  success(title: string, o?: ToastOptions): string;
+  error(title: string, o?: ToastOptions): string;
+  info(title: string, o?: ToastOptions): string;
+  warning(title: string, o?: ToastOptions): string;
+  loading(title: string, o?: ToastOptions): string;
+  dismiss(id?: string): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiToastService, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+/**
+ * Mirrors Sonner's DOM (observed): section[aria-label="Notifications alt+T"] > ol[data-sonner-toaster] >
+ * li[data-sonner-toast …] > div[data-content] > div[data-title] + div[data-description], button[data-button][data-action].
+ * Behavior: newest toast in front, stack collapses/expands on hover, auto-dismiss (4000ms), Alt+T focuses the region.
+ * NOT implemented: swipe-to-dismiss, promise toasts, close button, rich colors (UNKNOWN on live site).
+ */
+export declare class UiToaster {
+  protected readonly svc: UiToastService;
+  private readonly platformId;
+  readonly position: import("@angular/core").InputSignal<ToastPosition>;
+  readonly visibleToasts: import("@angular/core").InputSignal<number>;
+  readonly duration: import("@angular/core").InputSignal<number>;
+  readonly theme: import("@angular/core").InputSignal<"light" | "dark" | "system">;
+  readonly hotkeyLabel = "alt+T";
+  protected readonly toasts: import("@angular/core").WritableSignal<ToastItem[]>;
+  protected readonly y: import("@angular/core").Signal<"top" | "bottom">;
+  protected readonly x: import("@angular/core").Signal<"left" | "center" | "right">;
+  protected readonly expanded: import("@angular/core").WritableSignal<boolean>;
+  protected readonly mounted: import("@angular/core").WritableSignal<Set<string>>;
+  protected readonly offsets: import("@angular/core").WritableSignal<number[]>;
+  protected readonly toastEls: import("@angular/core").Signal<readonly ElementRef<HTMLElement>[]>;
+  private readonly region;
+  private readonly timers;
+  protected readonly resolvedTheme: import("@angular/core").Signal<"light" | "dark">;
+  protected dir(): string;
+  constructor();
+  protected indexOf(i: number): number;
+  protected icon(type: ToastType): string;
+  private startTimer;
+  protected expand(): void;
+  protected collapse(): void;
+  protected runAction(t: ToastItem): void;
+  protected onDocKeydown(e: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiToaster, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiToaster, "ui-toaster", never, {
+    "position": {
+      "alias": "position";
+      "required": false;
+      "isSignal": true;
+    };
+    "visibleToasts": {
+      "alias": "visibleToasts";
+      "required": false;
+      "isSignal": true;
+    };
+    "duration": {
+      "alias": "duration";
+      "required": false;
+      "isSignal": true;
+    };
+    "theme": {
+      "alias": "theme";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

package/types/loomui-ng-ui-toggle-group.d.ts

@@ -0,0 +1,138 @@
+import { FocusableOption } from "@angular/cdk/a11y";
+import { Directionality } from "@angular/cdk/bidi";
+import { ControlValueAccessor } from "@angular/forms";
+import * as i0 from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+export declare const toggleGroupClass = "group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-vertical:flex-col data-vertical:items-stretch";
+export declare const toggleGroupItemClass = "shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pe-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:ps-1.5 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-s-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-e-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-s-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-s group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 border border-input bg-transparent hover:bg-muted h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2";
+export declare const UI_TOGGLE_GROUP_GENERATED: readonly [];
+/**
+ * <div uiToggleGroup type="multiple" variant="outline" [(value)]="v">
+ *   <button uiToggleGroupItem value="bold" aria-label="Toggle bold">B</button>
+ * </div>
+ * single → items are role="radio" (aria-checked); multiple → items are aria-pressed buttons. `value` is always an array.
+ */
+export declare class UiToggleGroup implements ControlValueAccessor {
+  readonly type: import("@angular/core").InputSignal<"single" | "multiple">;
+  readonly value: import("@angular/core").ModelSignal<string[]>;
+  readonly variant: import("@angular/core").InputSignal<"default" | "outline">;
+  readonly size: import("@angular/core").InputSignal<"default" | "sm" | "lg">;
+  readonly spacing: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly dir: Directionality;
+  private readonly cvaDisabled;
+  readonly isDisabled: import("@angular/core").Signal<boolean>;
+  readonly items: import("@angular/core").Signal<readonly any[]>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  private onChange;
+  onTouched: () => void;
+  isOn(v: string): boolean;
+  toggle(v: string): void;
+  /** Roving tabindex: the first "on" item, else the first enabled item, is the tab stop. */
+  tabStop: import("@angular/core").Signal<any>;
+  protected onKeydown(e: KeyboardEvent): void;
+  writeValue(v: string[] | string | null): void;
+  registerOnChange(fn: (v: string[]) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(d: boolean): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiToggleGroup, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiToggleGroup, "[uiToggleGroup], ui-toggle-group", ["uiToggleGroup"], {
+    "type": {
+      "alias": "type";
+      "required": false;
+      "isSignal": true;
+    };
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "spacing": {
+      "alias": "spacing";
+      "required": false;
+      "isSignal": true;
+    };
+    "orientation": {
+      "alias": "orientation";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, ["items"], never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare class UiToggleGroupItem implements FocusableOption {
+  protected readonly group: UiToggleGroup;
+  readonly el: HTMLElement;
+  readonly value: import("@angular/core").InputSignal<string>;
+  readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly variant: import("@angular/core").InputSignal<"default" | "outline" | undefined>;
+  readonly size: import("@angular/core").InputSignal<"default" | "sm" | "lg" | undefined>;
+  readonly userClass: import("@angular/core").InputSignal<string>;
+  protected readonly on: import("@angular/core").Signal<boolean>;
+  protected readonly resolvedVariant: import("@angular/core").Signal<"default" | "outline">;
+  protected readonly resolvedSize: import("@angular/core").Signal<"default" | "sm" | "lg">;
+  get disabled(): boolean;
+  isDisabled: () => boolean;
+  focus(): void;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiToggleGroupItem, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<UiToggleGroupItem, "button[uiToggleGroupItem], ui-toggle-group-item", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabledInput": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "userClass": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.UiElementHost;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+export declare const UI_TOGGLE_GROUP: readonly [typeof UiToggleGroup, typeof UiToggleGroupItem];