@kouji-ui/core 0.1.1 → 0.1.2

package/src/confirm-popup/confirm-popup-content.ts

@@ -1,113 +0,0 @@
-import {
-  DestroyRef,
-  Directive,
-  PLATFORM_ID,
-  effect,
-  inject,
-} from '@angular/core';
-import { isPlatformBrowser } from '@angular/common';
-import { KjOverlayController } from '../primitives/overlay/controller';
-import { KjOverlayPanel } from '../primitives/overlay/panel';
-import { KjPopoverContent } from '../popover/popover-content';
-import {
-  KJ_CONFIRM_POPUP,
-  type KjConfirmPopupContext,
-} from './confirm-popup.context';
-
-/**
- * The floating confirm popup panel. Composes `kj-popover-content` (a
- * component) so the entire transport — portal mount, anchor positioning
- * with flip / shift, outside-click and Escape close, focus restoration —
- * is reused.
- *
- * Layered on top: promotes the panel role from `dialog` to `alertdialog`
- * (per WAI-ARIA APG, `alertdialog` causes assistive tech to interrupt and
- * announce the panel — the right semantic for a destructive confirmation),
- * keeps `aria-modal="false"`, wires `aria-describedby` to the projected
- * `[kjConfirmPopupMessage]`, and moves initial focus to the configured
- * default-focus button (cancel by default, WCAG 3.3.4 *Error Prevention*).
- *
- * **Note (overlay primitives migration):** `KjPopoverContent` is now a
- * component (not a directive); use the `<kj-popover-content>` selector for
- * the actual panel and apply this directive on the same element to layer
- * the alertdialog promotion.
- *
- * ```html
- * <kj-popover-content kjConfirmPopupContent [kjFor]="t">
- *   <p kjConfirmPopupMessage>Delete this row?</p>
- *   <button kjConfirmPopupCancel>Cancel</button>
- *   <button kjConfirmPopupAction>Delete</button>
- * </kj-popover-content>
- * ```
- *
- * @doc-category Core/Overlay
- */
-@Directive({
-  selector: '[kjConfirmPopupContent]',
-  standalone: true,
-  exportAs: 'kjConfirmPopupContent',
-})
-export class KjConfirmPopupContent {
-  private readonly platformId = inject(PLATFORM_ID);
-  private readonly destroyRef = inject(DestroyRef);
-  private readonly ctx = inject<KjConfirmPopupContext>(KJ_CONFIRM_POPUP);
-  private readonly _panel = inject(KjOverlayPanel, { optional: true });
-  private get controller(): KjOverlayController | null {
-    return this._panel?.controller ?? null;
-  }
-  /** Optional reference — present when the host is `<kj-popover-content>`. */
-  private readonly popoverContent = inject(KjPopoverContent, { self: true, optional: true });
-
-  constructor() {
-    if (!isPlatformBrowser(this.platformId)) return;
-
-    let lastOpen = false;
-    const eff = effect(() => {
-      const open = this.ctx.open();
-      if (open && !lastOpen) {
-        lastOpen = true;
-        queueMicrotask(() => this.promoteRole());
-        if (typeof requestAnimationFrame !== 'undefined') {
-          requestAnimationFrame(() => this.focusDefault());
-        }
-      } else if (!open && lastOpen) {
-        lastOpen = false;
-      }
-    });
-    this.destroyRef.onDestroy(() => eff.destroy());
-    // Touch the optional popover-content reference so unused-variable lint
-    // stays quiet in the no-op branch.
-    void this.popoverContent;
-  }
-
-  private findPanel(): HTMLElement | null {
-    return this.controller?.panelEl() ?? null;
-  }
-
-  private promoteRole(): void {
-    const panel = this.findPanel();
-    if (!panel) return;
-    panel.setAttribute('role', 'alertdialog');
-    panel.setAttribute('aria-modal', 'false');
-    panel.setAttribute('aria-describedby', this.ctx.messageId);
-  }
-
-  private focusDefault(): void {
-    const panel = this.findPanel();
-    if (!panel) return;
-    panel.setAttribute('role', 'alertdialog');
-    panel.setAttribute('aria-modal', 'false');
-    panel.setAttribute('aria-describedby', this.ctx.messageId);
-
-    const which = this.ctx.defaultFocus();
-    const sel =
-      which === 'cancel' ? '[kjConfirmPopupCancel]' : '[kjConfirmPopupAction]';
-    const target = panel.querySelector<HTMLElement>(sel);
-    if (!target) return;
-    try {
-      target.focus();
-    } catch {
-      /* ignore */
-    }
-  }
-}

package/src/confirm-popup/confirm-popup-message.ts

@@ -1,36 +0,0 @@
-import { Directive, inject } from '@angular/core';
-import {
-  KJ_CONFIRM_POPUP,
-  type KjConfirmPopupContext,
-} from './confirm-popup.context';
-
-/**
- * Marks the body / message element inside the confirm popup. Sets the host
- * `id` to the context's `messageId` so `[kjConfirmPopupContent]` can wire
- * `aria-describedby` on the panel.
- *
- * **Required for accessibility.** The WAI-ARIA `alertdialog` pattern requires
- * a description; the panel's `aria-describedby` is wired to this element's
- * id via the confirm popup context.
- *
- * @example
- * ```html
- * <ng-template kjConfirmPopupContent>
- *   <p kjConfirmPopupMessage>Delete this row? This cannot be undone.</p>
- *   …
- * </ng-template>
- * ```
- *
- * @doc-category Core/Overlay
- */
-@Directive({
-  selector: '[kjConfirmPopupMessage]',
-  standalone: true,
-  host: {
-    'class': 'kj-confirm-popup-message',
-    '[attr.id]': 'ctx.messageId',
-  },
-})
-export class KjConfirmPopupMessage {
-  protected readonly ctx = inject<KjConfirmPopupContext>(KJ_CONFIRM_POPUP);
-}

package/src/confirm-popup/confirm-popup-trigger.ts

@@ -1,31 +0,0 @@
-import { Directive, inject } from '@angular/core';
-import { KjPopoverTrigger } from '../popover/popover-trigger';
-import { KjOverlayTrigger } from '../primitives/overlay/trigger';
-import type { KjOverlayPanel } from '../primitives/overlay/panel';
-import type { KjOverlayController } from '../primitives/overlay/controller';
-
-/**
- * The button that toggles the confirm popup. Composes `KjPopoverTrigger` via
- * `hostDirectives` for the trigger contract — `aria-haspopup`,
- * `aria-expanded`, `aria-controls`, click toggling.
- *
- * @doc-category Core/Overlay
- */
-@Directive({
-  selector: '[kjConfirmPopupTrigger]',
-  standalone: true,
-  exportAs: 'kjConfirmPopupTrigger',
-  hostDirectives: [KjPopoverTrigger],
-})
-export class KjConfirmPopupTrigger {
-  private readonly _overlayTrigger = inject(KjOverlayTrigger, { self: true });
-
-  /** Forwarded controller for sibling `[kjFor]` panels. */
-  get controller(): KjOverlayController {
-    return this._overlayTrigger.controller;
-  }
-
-  attachPanel(panel: KjOverlayPanel): void {
-    this._overlayTrigger.attachPanel(panel);
-  }
-}

package/src/confirm-popup/confirm-popup.context.ts

@@ -1,41 +0,0 @@
-import { InjectionToken, type Signal } from '@angular/core';
-
-/**
- * Where initial focus lands when the confirm popup opens.
- *
- * - `'cancel'` — the safer default per WCAG 3.3.4 *Error Prevention*.
- * - `'confirm'` — opt-in for non-destructive flows where the muscle-memory
- *   should snap to "Yes".
- */
-export type KjConfirmPopupDefaultFocus = 'confirm' | 'cancel';
-
-/**
- * Context shared between the confirm popup directives. Lives in parallel with
- * the underlying `KJ_POPOVER` context — `KjConfirmPopup` reads from popover
- * for open/close mechanics but exposes its own context to children for the
- * confirm/cancel resolution contract.
- */
-export interface KjConfirmPopupContext {
-  /** Whether the popup is currently open. Mirrors the popover's `open` signal. */
-  readonly open: Signal<boolean>;
-  /** Whether the confirm action should render with destructive intent. */
-  readonly destructive: Signal<boolean>;
-  /** Where initial focus lands on open. */
-  readonly defaultFocus: Signal<KjConfirmPopupDefaultFocus>;
-  /** Stable id used for `aria-describedby` wiring on the panel. */
-  readonly messageId: string;
-
-  /** Resolve the confirmation: `true` confirms, `false` cancels. */
-  close(result: boolean): void;
-}
-
-/** Injection token for the confirm popup context. */
-export const KJ_CONFIRM_POPUP = new InjectionToken<KjConfirmPopupContext>(
-  'KjConfirmPopup',
-);
-
-let _confirmPopupMessageIdCounter = 0;
-/** Allocate a stable id used for `aria-describedby` wiring. */
-export function nextConfirmPopupMessageId(): string {
-  return `kj-confirm-popup-message-${++_confirmPopupMessageIdCounter}`;
-}

package/src/confirm-popup/confirm-popup.spec.ts

@@ -1,337 +0,0 @@
-import { Component, signal } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-
-import { KjConfirmPopup } from './confirm-popup';
-import { KjConfirmPopupTrigger } from './confirm-popup-trigger';
-import { KjConfirmPopupContent } from './confirm-popup-content';
-import { KjConfirmPopupMessage } from './confirm-popup-message';
-import { KjConfirmPopupAction } from './confirm-popup-action';
-import { KjConfirmPopupCancel } from './confirm-popup-cancel';
-
-function findOverlays(): HTMLElement[] {
-  return Array.from(document.querySelectorAll<HTMLElement>('[data-kj-overlay]'));
-}
-
-function findPanel(): HTMLElement | null {
-  for (const o of findOverlays()) {
-    if (o.getAttribute('role') === 'alertdialog') return o;
-    if (o.getAttribute('role') === 'dialog') return o;
-    const dialog = o.querySelector<HTMLElement>('[role="alertdialog"], [role="dialog"]');
-    if (dialog) return dialog;
-  }
-  return null;
-}
-
-function cleanupOverlays(): void {
-  for (const o of findOverlays()) o.remove();
-}
-
-function advance(fixture: ReturnType<typeof TestBed.createComponent>, ms: number, step = 1): void {
-  let remaining = ms;
-  while (remaining > 0) {
-    const dt = Math.min(step, remaining);
-    vi.advanceTimersByTime(dt);
-    fixture.detectChanges();
-    remaining -= dt;
-  }
-}
-
-function settle(fixture: ReturnType<typeof TestBed.createComponent>): void {
-  fixture.detectChanges();
-  advance(fixture, 32);
-  fixture.detectChanges();
-}
-
-describe('KjConfirmPopup', () => {
-  beforeEach(() => {
-    TestBed.resetTestingModule();
-    TestBed.configureTestingModule({});
-    vi.useFakeTimers({
-      toFake: ['setTimeout', 'clearTimeout', 'requestAnimationFrame', 'cancelAnimationFrame', 'queueMicrotask', 'Date'],
-    });
-  });
-
-  afterEach(() => {
-    cleanupOverlays();
-    vi.useRealTimers();
-  });
-
-  it('opens on trigger click and promotes the panel role to alertdialog with aria-modal="false"', () => {
-    @Component({
-      standalone: true,
-      imports: [
-        KjConfirmPopup, KjConfirmPopupTrigger, KjConfirmPopupContent,
-        KjConfirmPopupMessage, KjConfirmPopupAction, KjConfirmPopupCancel,
-      ],
-      template: `
-        <div kjConfirmPopup>
-          <button kjConfirmPopupTrigger>Delete</button>
-          <ng-template kjConfirmPopupContent>
-            <p kjConfirmPopupMessage>Are you sure?</p>
-            <button kjConfirmPopupCancel>Cancel</button>
-            <button kjConfirmPopupAction>OK</button>
-          </ng-template>
-        </div>
-      `,
-    })
-    class Host {}
-
-    const fixture = TestBed.createComponent(Host);
-    fixture.detectChanges();
-    expect(findPanel()).toBeNull();
-
-    const btn = fixture.nativeElement.querySelector('button')!;
-    btn.click();
-    settle(fixture);
-
-    const panel = findPanel();
-    expect(panel).not.toBeNull();
-    expect(panel!.getAttribute('role')).toBe('alertdialog');
-    expect(panel!.getAttribute('aria-modal')).toBe('false');
-  });
-
-  it('wires aria-describedby to the projected [kjConfirmPopupMessage]', () => {
-    @Component({
-      standalone: true,
-      imports: [
-        KjConfirmPopup, KjConfirmPopupTrigger, KjConfirmPopupContent,
-        KjConfirmPopupMessage, KjConfirmPopupAction, KjConfirmPopupCancel,
-      ],
-      template: `
-        <div kjConfirmPopup>
-          <button kjConfirmPopupTrigger>Delete</button>
-          <ng-template kjConfirmPopupContent>
-            <p kjConfirmPopupMessage>Confirm action</p>
-            <button kjConfirmPopupCancel>Cancel</button>
-            <button kjConfirmPopupAction>OK</button>
-          </ng-template>
-        </div>
-      `,
-    })
-    class Host {}
-
-    const fixture = TestBed.createComponent(Host);
-    fixture.detectChanges();
-    fixture.nativeElement.querySelector('button')!.click();
-    settle(fixture);
-
-    const panel = findPanel()!;
-    const message = panel.querySelector<HTMLElement>('[kjConfirmPopupMessage]')!;
-    expect(message.id).toMatch(/^kj-confirm-popup-message-\d+$/);
-    expect(panel.getAttribute('aria-describedby')).toBe(message.id);
-  });
-
-  it('emits kjConfirmed and kjResult(true) when the action button is clicked', () => {
-    @Component({
-      standalone: true,
-      imports: [
-        KjConfirmPopup, KjConfirmPopupTrigger, KjConfirmPopupContent,
-        KjConfirmPopupMessage, KjConfirmPopupAction, KjConfirmPopupCancel,
-      ],
-      template: `
-        <div kjConfirmPopup
-             (kjConfirmed)="confirmed.set(true)"
-             (kjCancelled)="cancelled.set(true)"
-             (kjResult)="result.set($event)">
-          <button kjConfirmPopupTrigger>Delete</button>
-          <ng-template kjConfirmPopupContent>
-            <p kjConfirmPopupMessage>Sure?</p>
-            <button kjConfirmPopupCancel>Cancel</button>
-            <button kjConfirmPopupAction>OK</button>
-          </ng-template>
-        </div>
-      `,
-    })
-    class Host {
-      readonly confirmed = signal(false);
-      readonly cancelled = signal(false);
-      readonly result = signal<boolean | null>(null);
-    }
-
-    const fixture = TestBed.createComponent(Host);
-    fixture.detectChanges();
-    fixture.nativeElement.querySelector('button')!.click();
-    settle(fixture);
-
-    const panel = findPanel()!;
-    panel.querySelector<HTMLElement>('[kjConfirmPopupAction]')!.click();
-    settle(fixture);
-
-    expect(fixture.componentInstance.confirmed()).toBe(true);
-    expect(fixture.componentInstance.cancelled()).toBe(false);
-    expect(fixture.componentInstance.result()).toBe(true);
-    expect(findPanel()).toBeNull();
-  });
-
-  it('emits kjCancelled and kjResult(false) when the cancel button is clicked', () => {
-    @Component({
-      standalone: true,
-      imports: [
-        KjConfirmPopup, KjConfirmPopupTrigger, KjConfirmPopupContent,
-        KjConfirmPopupMessage, KjConfirmPopupAction, KjConfirmPopupCancel,
-      ],
-      template: `
-        <div kjConfirmPopup
-             (kjConfirmed)="confirmed.set(true)"
-             (kjCancelled)="cancelled.set(true)"
-             (kjResult)="result.set($event)">
-          <button kjConfirmPopupTrigger>Delete</button>
-          <ng-template kjConfirmPopupContent>
-            <p kjConfirmPopupMessage>Sure?</p>
-            <button kjConfirmPopupCancel>Cancel</button>
-            <button kjConfirmPopupAction>OK</button>
-          </ng-template>
-        </div>
-      `,
-    })
-    class Host {
-      readonly confirmed = signal(false);
-      readonly cancelled = signal(false);
-      readonly result = signal<boolean | null>(null);
-    }
-
-    const fixture = TestBed.createComponent(Host);
-    fixture.detectChanges();
-    fixture.nativeElement.querySelector('button')!.click();
-    settle(fixture);
-
-    const panel = findPanel()!;
-    panel.querySelector<HTMLElement>('[kjConfirmPopupCancel]')!.click();
-    settle(fixture);
-
-    expect(fixture.componentInstance.confirmed()).toBe(false);
-    expect(fixture.componentInstance.cancelled()).toBe(true);
-    expect(fixture.componentInstance.result()).toBe(false);
-    expect(findPanel()).toBeNull();
-  });
-
-  it('Escape closes the popup and emits kjResult(false)', () => {
-    @Component({
-      standalone: true,
-      imports: [
-        KjConfirmPopup, KjConfirmPopupTrigger, KjConfirmPopupContent,
-        KjConfirmPopupMessage, KjConfirmPopupAction, KjConfirmPopupCancel,
-      ],
-      template: `
-        <div kjConfirmPopup (kjResult)="result.set($event)">
-          <button kjConfirmPopupTrigger>Delete</button>
-          <ng-template kjConfirmPopupContent>
-            <p kjConfirmPopupMessage>Sure?</p>
-            <button kjConfirmPopupCancel>Cancel</button>
-            <button kjConfirmPopupAction>OK</button>
-          </ng-template>
-        </div>
-      `,
-    })
-    class Host {
-      readonly result = signal<boolean | null>(null);
-    }
-
-    const fixture = TestBed.createComponent(Host);
-    fixture.detectChanges();
-    fixture.nativeElement.querySelector('button')!.click();
-    settle(fixture);
-    expect(findPanel()).not.toBeNull();
-
-    document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));
-    settle(fixture);
-
-    expect(findPanel()).toBeNull();
-    expect(fixture.componentInstance.result()).toBe(false);
-  });
-
-  it('reflects [kjDestructive] on the action via data-destructive', () => {
-    @Component({
-      standalone: true,
-      imports: [
-        KjConfirmPopup, KjConfirmPopupTrigger, KjConfirmPopupContent,
-        KjConfirmPopupMessage, KjConfirmPopupAction, KjConfirmPopupCancel,
-      ],
-      template: `
-        <div kjConfirmPopup [kjDestructive]="true">
-          <button kjConfirmPopupTrigger>Delete</button>
-          <ng-template kjConfirmPopupContent>
-            <p kjConfirmPopupMessage>Sure?</p>
-            <button kjConfirmPopupCancel>Cancel</button>
-            <button kjConfirmPopupAction>OK</button>
-          </ng-template>
-        </div>
-      `,
-    })
-    class Host {}
-
-    const fixture = TestBed.createComponent(Host);
-    fixture.detectChanges();
-    fixture.nativeElement.querySelector('button')!.click();
-    settle(fixture);
-
-    const panel = findPanel()!;
-    const action = panel.querySelector<HTMLElement>('[kjConfirmPopupAction]')!;
-    expect(action.getAttribute('data-destructive')).toBe('');
-  });
-
-  it('focuses the cancel button on open by default', () => {
-    @Component({
-      standalone: true,
-      imports: [
-        KjConfirmPopup, KjConfirmPopupTrigger, KjConfirmPopupContent,
-        KjConfirmPopupMessage, KjConfirmPopupAction, KjConfirmPopupCancel,
-      ],
-      template: `
-        <div kjConfirmPopup>
-          <button kjConfirmPopupTrigger>Delete</button>
-          <ng-template kjConfirmPopupContent>
-            <p kjConfirmPopupMessage>Sure?</p>
-            <button kjConfirmPopupCancel data-test="cancel">Cancel</button>
-            <button kjConfirmPopupAction data-test="action">OK</button>
-          </ng-template>
-        </div>
-      `,
-    })
-    class Host {}
-
-    const fixture = TestBed.createComponent(Host);
-    document.body.appendChild(fixture.nativeElement);
-    fixture.detectChanges();
-    fixture.nativeElement.querySelector('button')!.click();
-    settle(fixture);
-
-    const focused = document.activeElement as HTMLElement | null;
-    expect(focused).not.toBeNull();
-    expect(focused!.getAttribute('data-test')).toBe('cancel');
-    fixture.nativeElement.remove();
-  });
-
-  it('focuses the action button on open when kjDefaultFocus="confirm"', () => {
-    @Component({
-      standalone: true,
-      imports: [
-        KjConfirmPopup, KjConfirmPopupTrigger, KjConfirmPopupContent,
-        KjConfirmPopupMessage, KjConfirmPopupAction, KjConfirmPopupCancel,
-      ],
-      template: `
-        <div kjConfirmPopup [kjDefaultFocus]="'confirm'">
-          <button kjConfirmPopupTrigger>Delete</button>
-          <ng-template kjConfirmPopupContent>
-            <p kjConfirmPopupMessage>Sure?</p>
-            <button kjConfirmPopupCancel data-test="cancel">Cancel</button>
-            <button kjConfirmPopupAction data-test="action">OK</button>
-          </ng-template>
-        </div>
-      `,
-    })
-    class Host {}
-
-    const fixture = TestBed.createComponent(Host);
-    document.body.appendChild(fixture.nativeElement);
-    fixture.detectChanges();
-    fixture.nativeElement.querySelector('button')!.click();
-    settle(fixture);
-
-    const focused = document.activeElement as HTMLElement | null;
-    expect(focused).not.toBeNull();
-    expect(focused!.getAttribute('data-test')).toBe('action');
-    fixture.nativeElement.remove();
-  });
-});

package/src/confirm-popup/confirm-popup.ts

@@ -1,109 +0,0 @@
-import {
-  Directive,
-  booleanAttribute,
-  effect,
-  inject,
-  input,
-  output,
-} from '@angular/core';
-import { KjOverlayController } from '../primitives/overlay/controller';
-import {
-  KJ_CONFIRM_POPUP,
-  type KjConfirmPopupContext,
-  type KjConfirmPopupDefaultFocus,
-  nextConfirmPopupMessageId,
-} from './confirm-popup.context';
-
-/**
- * Root state container for the confirm popup family.
- *
- * Layers a confirm/cancel resolution contract on top of an overlay controller
- * so consumer button slots can resolve the popup with `true` or `false`
- * semantics. Pair with `[kjConfirmPopupTrigger]` (which composes
- * `[kjPopoverTrigger]`) on the same element so popover wiring lives in the
- * same injector.
- *
- * **Note (overlay primitives migration):** This wrapper now reads the
- * controller's open state directly. The previous `KJ_POPOVER` context was
- * removed; ARIA promotion to `alertdialog` happens in
- * `[kjConfirmPopupContent]`.
- *
- * @doc-category Core/Overlay
- */
-@Directive({
-  selector: '[kjConfirmPopup]',
-  standalone: true,
-  exportAs: 'kjConfirmPopup',
-  providers: [
-    { provide: KJ_CONFIRM_POPUP, useExisting: KjConfirmPopup },
-  ],
-})
-export class KjConfirmPopup implements KjConfirmPopupContext {
-  /** The overlay controller provided by the trigger directive on the same element. */
-  private readonly controller = inject(KjOverlayController, { optional: true });
-
-  /** When `true`, the confirm action renders with destructive intent. */
-  readonly kjDestructive = input<boolean, unknown>(false, {
-    transform: booleanAttribute,
-  });
-
-  /** Where to place initial focus. Default `'cancel'`. */
-  readonly kjDefaultFocus = input<KjConfirmPopupDefaultFocus>('cancel');
-
-  /** Emits when the user confirms (clicks the confirm action). */
-  readonly kjConfirmed = output<void>();
-
-  /** Emits when the user cancels (cancel button, Escape, or outside-click). */
-  readonly kjCancelled = output<void>();
-
-  /** Emits the boolean result on every close. `true` confirm, `false` cancel. */
-  readonly kjResult = output<boolean>();
-
-  // ── KjConfirmPopupContext ──────────────────────────────────────────
-
-  /** Open state forwarded from the underlying controller. */
-  readonly open = (() => {
-    const ctrl = this.controller;
-    return ctrl ? ctrl.isOpen : (() => false) as never;
-  })();
-
-  /** Whether the confirm action should render destructively. */
-  readonly destructive = this.kjDestructive;
-
-  /** Resolved default focus target. */
-  readonly defaultFocus = this.kjDefaultFocus;
-
-  /** Stable id used for the panel's `aria-describedby`. */
-  readonly messageId = nextConfirmPopupMessageId();
-
-  private resolved = false;
-  private wasOpen = false;
-
-  constructor() {
-    // Bridge the controller's open signal into the resolution contract.
-    effect(() => {
-      const isOpen = this.controller?.isOpen() ?? false;
-      if (isOpen && !this.wasOpen) {
-        this.resolved = false;
-      }
-      if (!isOpen && this.wasOpen && !this.resolved) {
-        this.resolved = true;
-        this.kjCancelled.emit();
-        this.kjResult.emit(false);
-      }
-      this.wasOpen = isOpen;
-    });
-  }
-
-  /**
-   * Close the popup with the given result. `true` confirms, `false` cancels.
-   */
-  close(result: boolean): void {
-    if (!this.controller || !this.controller.isOpen()) return;
-    this.resolved = true;
-    if (result) this.kjConfirmed.emit();
-    else this.kjCancelled.emit();
-    this.kjResult.emit(result);
-    this.controller.close('programmatic');
-  }
-}

package/src/confirm-popup/index.ts

@@ -1,12 +0,0 @@
-export { KjConfirmPopup } from './confirm-popup';
-export { KjConfirmPopupTrigger } from './confirm-popup-trigger';
-export { KjConfirmPopupContent } from './confirm-popup-content';
-export { KjConfirmPopupMessage } from './confirm-popup-message';
-export { KjConfirmPopupAction } from './confirm-popup-action';
-export { KjConfirmPopupCancel } from './confirm-popup-cancel';
-
-export {
-  KJ_CONFIRM_POPUP,
-  type KjConfirmPopupContext,
-  type KjConfirmPopupDefaultFocus,
-} from './confirm-popup.context';