@raqm/ui 0.0.0-stage → 0.1.0

package/types/raqm-ui-calendar.d.ts

@@ -0,0 +1,359 @@
+import * as i0 from "@angular/core";
+import { SimpleChanges, TemplateRef } from "@angular/core";
+/** Gregorian local civil dates; time-of-day is ignored, without UTC conversion. */
+interface RaqmDateRange {
+  from: Date | undefined;
+  to?: Date;
+}
+type RaqmCalendarValue = Date | Date[] | RaqmDateRange | undefined;
+type RaqmDateMatcher = boolean | Date | Date[] | {
+  before: Date;
+} | {
+  after: Date;
+} | {
+  before: Date;
+  after: Date;
+} | {
+  from: Date;
+  to: Date;
+} | {
+  dayOfWeek: number[];
+} | ((date: Date) => boolean);
+type RaqmDateMatchers = RaqmDateMatcher | RaqmDateMatcher[];
+type RaqmCalendarModifiers = Readonly<Record<string, boolean>>;
+interface RaqmCalendarDayContext {
+  $implicit: Date;
+  date: Date;
+  modifiers: RaqmCalendarModifiers;
+}
+/** Angular-native formatter hooks, not the arbitrary DayPicker extension API. */
+interface RaqmCalendarFormatters {
+  formatCaption?: (month: Date) => string;
+  formatMonthDropdown?: (month: Date) => string;
+  formatYearDropdown?: (month: Date) => string;
+  formatDay?: (date: Date) => string;
+  formatWeekdayName?: (date: Date) => string;
+  formatWeekNumber?: (week: number) => string;
+}
+interface RaqmCalendarLabels {
+  /** Accessible name of the internal navigation landmark; app-owned. */
+  navigation?: string;
+  previous?: string;
+  next?: string;
+  monthDropdown?: string;
+  yearDropdown?: string;
+  weekNumber?: string;
+  day?: (date: Date, modifiers: RaqmCalendarModifiers) => string;
+}
+type CalendarButtonAppearance = 'default' | 'outline' | 'secondary' | 'ghost' | 'destructive' | 'link';
+interface CalendarDay {
+  date: Date;
+  key: string;
+  modifiers: RaqmCalendarModifiers;
+  classes: string;
+}
+/**
+ * A native Gregorian grid of real day buttons.
+ *
+ * @remarks
+ * `selected` and `month` are controlled bindings; `defaultSelected`/`defaultMonth` seed the internal
+ * state once. There is no `ControlValueAccessor`, so the app owns the value. The grid is a real
+ * `<table role="grid">` with roving tabindex, and every accessible name comes from `labels`.
+ */
+export declare class RaqmCalendarComponent {
+  private readonly host;
+  readonly mode: import("@angular/core").InputSignal<"single" | "multiple" | "range">;
+  readonly defaultSelected: import("@angular/core").InputSignal<RaqmCalendarValue>;
+  readonly defaultMonth: import("@angular/core").InputSignal<Date | undefined>;
+  readonly selected: import("@angular/core").InputSignal<RaqmCalendarValue>;
+  readonly selectedChange: import("@angular/core").OutputEmitterRef<RaqmCalendarValue>;
+  readonly month: import("@angular/core").InputSignal<Date | undefined>;
+  readonly monthChange: import("@angular/core").OutputEmitterRef<Date>;
+  readonly numberOfMonths: import("@angular/core").InputSignal<number>;
+  readonly startMonth: import("@angular/core").InputSignal<Date | undefined>;
+  readonly endMonth: import("@angular/core").InputSignal<Date | undefined>;
+  readonly disableNavigation: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly hideNavigation: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly pagedNavigation: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly captionLayout: import("@angular/core").InputSignal<"label" | "dropdown" | "dropdown-months" | "dropdown-years">;
+  readonly appearance: import("@angular/core").InputSignal<"" | CalendarButtonAppearance>;
+  protected readonly navAppearance: import("@angular/core").Signal<CalendarButtonAppearance>;
+  readonly locale: import("@angular/core").InputSignal<string>;
+  readonly dir: import("@angular/core").InputSignal<"ltr" | "rtl" | undefined>;
+  readonly weekStartsOn: import("@angular/core").InputSignal<number | undefined>;
+  readonly firstWeekContainsDate: import("@angular/core").InputSignal<number | undefined>;
+  readonly ISOWeek: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly fixedWeeks: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly showOutsideDays: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly showWeekNumber: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly disabled: import("@angular/core").InputSignal<RaqmDateMatchers | undefined>;
+  readonly hidden: import("@angular/core").InputSignal<RaqmDateMatchers | undefined>;
+  readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Multiple: day count. Range: night count. */
+  readonly min: import("@angular/core").InputSignal<number | undefined>;
+  readonly max: import("@angular/core").InputSignal<number | undefined>;
+  readonly excludeDisabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly today: import("@angular/core").InputSignal<Date>;
+  readonly modifiers: import("@angular/core").InputSignal<Record<string, RaqmDateMatchers>>;
+  readonly modifiersClassNames: import("@angular/core").InputSignal<Record<string, string>>;
+  /** Custom cell content, rendered in its declaring view so Calendar styles do not cross in. */
+  private readonly dayTemplateDirective;
+  readonly dayContent: import("@angular/core").Signal<TemplateRef<RaqmCalendarDayContext> | undefined>;
+  readonly formatters: import("@angular/core").InputSignal<RaqmCalendarFormatters>;
+  readonly labels: import("@angular/core").InputSignal<RaqmCalendarLabels>;
+  readonly footer: import("@angular/core").InputSignal<string>;
+  private readonly view;
+  readonly selection: import("@angular/core").Signal<RaqmCalendarValue>;
+  readonly count: import("@angular/core").Signal<number>;
+  readonly lower: import("@angular/core").Signal<Date>;
+  readonly upper: import("@angular/core").Signal<Date>;
+  readonly displayedMonth: import("@angular/core").Signal<Date>;
+  readonly weekStart: import("@angular/core").Signal<number>;
+  readonly weekdays: import("@angular/core").Signal<Date[]>;
+  readonly years: import("@angular/core").Signal<number[]>;
+  readonly months: import("@angular/core").Signal<{
+    date: Date;
+    key: string;
+    weeks: {
+      key: string;
+      number: number;
+      days: CalendarDay[];
+    }[];
+  }[]>;
+  readonly availableDays: import("@angular/core").Signal<CalendarDay[]>;
+  readonly tabDay: import("@angular/core").Signal<CalendarDay>;
+  readonly monthOptions: number[];
+  readonly selectionAnnouncement: import("@angular/core").Signal<string>;
+  private readonly formats;
+  private readonly selectionControl;
+  private readonly navigation;
+  private readonly keyboard;
+  constructor();
+  ngOnChanges(changes: SimpleChanges): void;
+  ngOnInit(): void;
+  isDisabled(date: Date): boolean;
+  format(date: Date, options: Intl.DateTimeFormatOptions): string;
+  caption(date: Date): string;
+  monthLabel(date: Date, month: number): string;
+  yearLabel(year: number): string;
+  weekday(date: Date): string;
+  dayLabel(day: CalendarDay): string;
+  dayText(date: Date): string;
+  weekText(week: number): string;
+  context(day: CalendarDay): RaqmCalendarDayContext;
+  isTabDay(day: CalendarDay): boolean;
+  canNavigate(direction: number): boolean;
+  navigate(direction: number): void;
+  dropdown(date: Date, index: number, event: Event, year: boolean): void;
+  monthDisabled(date: Date, month: number): boolean;
+  selectDay(day: CalendarDay): void;
+  focusIn(event: FocusEvent): void;
+  focusOut(event: FocusEvent): void;
+  keydown(event: KeyboardEvent, day: CalendarDay): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RaqmCalendarComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RaqmCalendarComponent, "raqm-calendar", never, {
+    "mode": {
+      "alias": "mode";
+      "required": false;
+      "isSignal": true;
+    };
+    "defaultSelected": {
+      "alias": "defaultSelected";
+      "required": false;
+      "isSignal": true;
+    };
+    "defaultMonth": {
+      "alias": "defaultMonth";
+      "required": false;
+      "isSignal": true;
+    };
+    "selected": {
+      "alias": "selected";
+      "required": false;
+      "isSignal": true;
+    };
+    "month": {
+      "alias": "month";
+      "required": false;
+      "isSignal": true;
+    };
+    "numberOfMonths": {
+      "alias": "numberOfMonths";
+      "required": false;
+      "isSignal": true;
+    };
+    "startMonth": {
+      "alias": "startMonth";
+      "required": false;
+      "isSignal": true;
+    };
+    "endMonth": {
+      "alias": "endMonth";
+      "required": false;
+      "isSignal": true;
+    };
+    "disableNavigation": {
+      "alias": "disableNavigation";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideNavigation": {
+      "alias": "hideNavigation";
+      "required": false;
+      "isSignal": true;
+    };
+    "pagedNavigation": {
+      "alias": "pagedNavigation";
+      "required": false;
+      "isSignal": true;
+    };
+    "captionLayout": {
+      "alias": "captionLayout";
+      "required": false;
+      "isSignal": true;
+    };
+    "appearance": {
+      "alias": "appearance";
+      "required": false;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": false;
+      "isSignal": true;
+    };
+    "dir": {
+      "alias": "dir";
+      "required": false;
+      "isSignal": true;
+    };
+    "weekStartsOn": {
+      "alias": "weekStartsOn";
+      "required": false;
+      "isSignal": true;
+    };
+    "firstWeekContainsDate": {
+      "alias": "firstWeekContainsDate";
+      "required": false;
+      "isSignal": true;
+    };
+    "ISOWeek": {
+      "alias": "ISOWeek";
+      "required": false;
+      "isSignal": true;
+    };
+    "fixedWeeks": {
+      "alias": "fixedWeeks";
+      "required": false;
+      "isSignal": true;
+    };
+    "showOutsideDays": {
+      "alias": "showOutsideDays";
+      "required": false;
+      "isSignal": true;
+    };
+    "showWeekNumber": {
+      "alias": "showWeekNumber";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "hidden": {
+      "alias": "hidden";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
+    "min": {
+      "alias": "min";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "excludeDisabled": {
+      "alias": "excludeDisabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "today": {
+      "alias": "today";
+      "required": false;
+      "isSignal": true;
+    };
+    "modifiers": {
+      "alias": "modifiers";
+      "required": false;
+      "isSignal": true;
+    };
+    "modifiersClassNames": {
+      "alias": "modifiersClassNames";
+      "required": false;
+      "isSignal": true;
+    };
+    "formatters": {
+      "alias": "formatters";
+      "required": false;
+      "isSignal": true;
+    };
+    "labels": {
+      "alias": "labels";
+      "required": false;
+      "isSignal": true;
+    };
+    "footer": {
+      "alias": "footer";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "selectedChange": "selectedChange";
+    "monthChange": "monthChange";
+  }, ["dayTemplateDirective"], never, true, never>;
+}
+/**
+ * Projected day-cell template; renders with the day context (`$implicit`/`date`, `modifiers`) and
+ * must stay noninteractive — the day button remains the focus stop and accessible name.
+ */
+export declare class RaqmCalendarDayDirective {
+  readonly template: TemplateRef<RaqmCalendarDayContext>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RaqmCalendarDayDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<RaqmCalendarDayDirective, "ng-template[raqm-calendar-day]", never, {}, {}, never, never, true, never>;
+}
+/** Compose with native Button; disabled, tabindex, name, focus and activation stay caller-owned. */
+export declare class RaqmCalendarDayButtonDirective {
+  readonly date: import("@angular/core").InputSignal<Date>;
+  readonly locale: import("@angular/core").InputSignal<string>;
+  readonly modifiers: import("@angular/core").InputSignal<Readonly<Record<string, boolean>>>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RaqmCalendarDayButtonDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<RaqmCalendarDayButtonDirective, "button[raqm-calendar-day-button]", never, {
+    "date": {
+      "alias": "date";
+      "required": true;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": false;
+      "isSignal": true;
+    };
+    "modifiers": {
+      "alias": "modifiers";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare const RaqmCalendar: readonly [typeof RaqmCalendarComponent, typeof RaqmCalendarDayButtonDirective, typeof RaqmCalendarDayDirective];
+export type { RaqmCalendarDayContext, RaqmCalendarFormatters, RaqmCalendarLabels, RaqmCalendarModifiers, RaqmCalendarValue, RaqmDateMatcher, RaqmDateMatchers, RaqmDateRange };

package/types/raqm-ui-card.d.ts

@@ -0,0 +1,34 @@
+import * as i0 from "@angular/core";
+/** Passive surface; no role, tab stop, click output or state. */
+export declare class RaqmCardComponent {
+  /** Direct children only, so a nested card's footer cannot affect this layout. */
+  protected readonly footers: import("@angular/core").Signal<readonly RaqmCardFooterComponent[]>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RaqmCardComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RaqmCardComponent, "raqm-card", never, {}, {}, ["footers"], ["*"], true, never>;
+}
+export declare class RaqmCardHeaderComponent {
+  protected readonly actions: import("@angular/core").Signal<readonly RaqmCardActionComponent[]>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RaqmCardHeaderComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RaqmCardHeaderComponent, "raqm-card-header", never, {}, {}, ["actions"], ["*"], true, never>;
+}
+export declare class RaqmCardTitleComponent {
+  static ɵfac: i0.ɵɵFactoryDeclaration<RaqmCardTitleComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RaqmCardTitleComponent, "raqm-card-title, h1[raqm-card-title], h2[raqm-card-title], h3[raqm-card-title], h4[raqm-card-title], h5[raqm-card-title], h6[raqm-card-title]", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class RaqmCardDescriptionComponent {
+  static ɵfac: i0.ɵɵFactoryDeclaration<RaqmCardDescriptionComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RaqmCardDescriptionComponent, "raqm-card-description, p[raqm-card-description]", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class RaqmCardContentComponent {
+  static ɵfac: i0.ɵɵFactoryDeclaration<RaqmCardContentComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RaqmCardContentComponent, "raqm-card-content", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class RaqmCardFooterComponent {
+  static ɵfac: i0.ɵɵFactoryDeclaration<RaqmCardFooterComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RaqmCardFooterComponent, "raqm-card-footer", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class RaqmCardActionComponent {
+  static ɵfac: i0.ɵɵFactoryDeclaration<RaqmCardActionComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RaqmCardActionComponent, "raqm-card-action", never, {}, {}, never, ["*"], true, never>;
+}
+export declare const RaqmCard: readonly [typeof RaqmCardComponent, typeof RaqmCardHeaderComponent, typeof RaqmCardTitleComponent, typeof RaqmCardDescriptionComponent, typeof RaqmCardContentComponent, typeof RaqmCardFooterComponent, typeof RaqmCardActionComponent];

package/types/raqm-ui-carousel.d.ts

@@ -0,0 +1,81 @@
+import * as i0 from "@angular/core";
+import { ElementRef, InputSignal, OnDestroy } from "@angular/core";
+import { EmblaCarouselType, EmblaOptionsType, EmblaPluginType } from "embla-carousel";
+type RaqmCarouselOptions = EmblaOptionsType;
+/** Raqm carousel item — a slide carrying `role="group"` and `aria-roledescription="slide"`; the app authors its accessible name. */
+export declare class RaqmCarouselItemDirective {
+  static ɵfac: i0.ɵɵFactoryDeclaration<RaqmCarouselItemDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<RaqmCarouselItemDirective, "[raqm-carousel-item]", never, {}, {}, never, never, true, never>;
+}
+/** Raqm carousel content — the viewport that clips the track; track rules ship from the relationship partial. */
+export declare class RaqmCarouselContentComponent {
+  readonly element: ElementRef<HTMLElement>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RaqmCarouselContentComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RaqmCarouselContentComponent, "[raqm-carousel-content]", never, {}, {}, never, ["*"], true, never>;
+}
+/** Carousel root; `role="region"` with an app-authored accessible name, and an authored `disabled` is never cleared. */
+export declare class RaqmCarouselComponent implements OnDestroy {
+  /** A horizontal track by default; a bare `vertical` attribute selects the Y axis. */
+  readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly options: InputSignal<RaqmCarouselOptions>;
+  readonly plugins: InputSignal<EmblaPluginType[]>;
+  readonly apiReady: import("@angular/core").OutputEmitterRef<EmblaCarouselType>;
+  readonly selectedIndexChange: import("@angular/core").OutputEmitterRef<number>;
+  readonly content: import("@angular/core").Signal<RaqmCarouselContentComponent | undefined>;
+  readonly api: import("@angular/core").WritableSignal<EmblaCarouselType | undefined>;
+  readonly index: import("@angular/core").WritableSignal<number>;
+  private readonly previousAvailable;
+  private readonly nextAvailable;
+  private viewport;
+  private readonly update;
+  constructor();
+  ngOnDestroy(): void;
+  canPrevious(): boolean;
+  canNext(): boolean;
+  previous(): void;
+  next(): void;
+  go(index: number): void;
+  selectedScrollSnap(): number;
+  scrollSnapList(): number[];
+  protected onKey(event: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RaqmCarouselComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RaqmCarouselComponent, "raqm-carousel", never, {
+    "vertical": {
+      "alias": "vertical";
+      "required": false;
+      "isSignal": true;
+    };
+    "options": {
+      "alias": "options";
+      "required": false;
+      "isSignal": true;
+    };
+    "plugins": {
+      "alias": "plugins";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "apiReady": "apiReady";
+    "selectedIndexChange": "selectedIndexChange";
+  }, ["content"], ["*"], true, never>;
+}
+/** Raqm carousel previous — adds `type="button"` and availability only; an authored `disabled` is never cleared and the accessible name stays app-owned. */
+export declare class RaqmCarouselPreviousDirective {
+  protected readonly carousel: RaqmCarouselComponent;
+  private readonly host;
+  private readonly authoredDisabled;
+  protected readonly unavailable: import("@angular/core").Signal<boolean>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RaqmCarouselPreviousDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<RaqmCarouselPreviousDirective, "button[raqm-carousel-previous]", never, {}, {}, never, never, true, never>;
+}
+export declare class RaqmCarouselNextDirective {
+  protected readonly carousel: RaqmCarouselComponent;
+  private readonly host;
+  private readonly authoredDisabled;
+  protected readonly unavailable: import("@angular/core").Signal<boolean>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RaqmCarouselNextDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<RaqmCarouselNextDirective, "button[raqm-carousel-next]", never, {}, {}, never, never, true, never>;
+}
+export declare const RaqmCarousel: readonly [typeof RaqmCarouselComponent, typeof RaqmCarouselContentComponent, typeof RaqmCarouselItemDirective, typeof RaqmCarouselPreviousDirective, typeof RaqmCarouselNextDirective];
+export type { RaqmCarouselOptions };

package/types/raqm-ui-checkbox.d.ts

@@ -0,0 +1,24 @@
+import { ControlValueAccessor } from "@angular/forms";
+import * as i0 from "@angular/core";
+/**
+ * Attaches the `raqm-checkbox` class to a native `<input>` and sets `type="checkbox"` when absent.
+ *
+ * @remarks
+ * Because the static `type` attribute is absent, Angular's checkbox validator does not match: with
+ * Forms, use `Validators.requiredTrue` for a required checkbox.
+ */
+export declare class RaqmCheckbox implements ControlValueAccessor {
+  private readonly host;
+  private onChange;
+  private onTouched;
+  private disabledStateFired;
+  constructor();
+  writeValue(value: boolean | null | undefined): void;
+  registerOnChange(fn: (value: boolean) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(isDisabled: boolean): void;
+  protected handleChange(event: Event): void;
+  protected handleBlur(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RaqmCheckbox, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<RaqmCheckbox, "input[raqm-checkbox]", never, {}, {}, never, never, true, never>;
+}

package/types/raqm-ui-collapsible.d.ts

@@ -0,0 +1,72 @@
+import * as i0 from "@angular/core";
+import { InjectionToken, Signal } from "@angular/core";
+interface RaqmCollapsibleContext {
+  /** The model when set, otherwise the seed. */
+  readonly open: Signal<boolean>;
+  readonly disabled: Signal<boolean>;
+  readonly triggerId: string;
+  readonly contentId: string;
+  toggle(): void;
+}
+/** Root token; injected optionally so a misplaced part renders and only logs a dev-mode error. */
+declare const RAQM_COLLAPSIBLE: InjectionToken<RaqmCollapsibleContext>;
+/** Collapsible root; carries no ARIA role. `open` is the only change channel and the seed stays silent until interaction. */
+export declare class RaqmCollapsibleComponent implements RaqmCollapsibleContext {
+  /** `undefined` lets the seed apply; any boolean (including `false`) takes over permanently. */
+  readonly openValue: import("@angular/core").ModelSignal<boolean | undefined>;
+  readonly defaultOpen: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  private readonly instanceId;
+  readonly triggerId: string;
+  readonly contentId: string;
+  readonly open: Signal<boolean>;
+  /** A disabled root is a no-op; a seeded `defaultOpen` closes on first activation. */
+  toggle(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RaqmCollapsibleComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RaqmCollapsibleComponent, "raqm-collapsible", never, {
+    "openValue": {
+      "alias": "open";
+      "required": false;
+      "isSignal": true;
+    };
+    "defaultOpen": {
+      "alias": "defaultOpen";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "openValue": "openChange";
+  }, never, ["*"], true, never>;
+}
+/** Collapsible trigger on the real `<button>`; a disabled root publishes the native `disabled` attribute. */
+export declare class RaqmCollapsibleTriggerDirective {
+  private readonly host;
+  private readonly authoredDisabled;
+  private readonly collapsible;
+  protected readonly open: Signal<boolean>;
+  protected readonly isDisabled: Signal<boolean>;
+  protected readonly disabledAttribute: Signal<"" | null>;
+  protected readonly triggerId: Signal<string | null>;
+  protected readonly contentId: Signal<string | null>;
+  constructor();
+  protected onClick(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<RaqmCollapsibleTriggerDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<RaqmCollapsibleTriggerDirective, "button[raqm-collapsible-trigger]", never, {}, {}, never, never, true, never>;
+}
+/** Collapsible panel; no role or inputs, paired by `aria-labelledby`, mounted always and hidden with `hidden` while closed. */
+export declare class RaqmCollapsibleContentComponent {
+  private readonly collapsible;
+  protected readonly open: Signal<boolean>;
+  protected readonly contentId: Signal<string | null>;
+  protected readonly triggerId: Signal<string | null>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<RaqmCollapsibleContentComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<RaqmCollapsibleContentComponent, "raqm-collapsible-content", never, {}, {}, never, ["*"], true, never>;
+}
+export declare const RaqmCollapsible: readonly [typeof RaqmCollapsibleComponent, typeof RaqmCollapsibleTriggerDirective, typeof RaqmCollapsibleContentComponent];
+export {};