@radix-ng/primitives 1.0.2 → 1.0.4

package/fesm2022/radix-ng-primitives-collapsible.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-collapsible.mjs","sources":["../../../packages/primitives/collapsible/src/collapsible-root.directive.ts","../../../packages/primitives/collapsible/src/collapsible-panel-presence.directive.ts","../../../packages/primitives/collapsible/src/collapsible-panel.directive.ts","../../../packages/primitives/collapsible/src/collapsible-trigger.directive.ts","../../../packages/primitives/collapsible/index.ts","../../../packages/primitives/collapsible/radix-ng-primitives-collapsible.ts"],"sourcesContent":["import {\n    booleanAttribute,\n    computed,\n    Directive,\n    effect,\n    inject,\n    input,\n    model,\n    ModelSignal,\n    output,\n    signal,\n    Signal,\n    untracked,\n    WritableSignal\n} from '@angular/core';\nimport {\n    BooleanInput,\n    createContext,\n    injectId,\n    RdxTransitionStatus,\n    useTransitionStatus\n} from '@radix-ng/primitives/core';\n\nexport type RdxCollapsibleState = 'open' | 'closed';\n\nexport interface CollapsibleRootContext {\n    /** Stable id linking the trigger's `aria-controls` to the panel. */\n    panelId: Signal<string>;\n    /** Writable so composing primitives (Accordion) can drive the state. */\n    open: ModelSignal<boolean>;\n    disabled: Signal<boolean>;\n    /** Open/close transition phase, for `data-starting-style` / `data-ending-style`. */\n    transitionStatus: Signal<RdxTransitionStatus>;\n    /** `true` while the panel should stay rendered: open, or running its exit transition. */\n    mounted: Signal<boolean>;\n    /**\n     * Composition fallbacks. The standalone Panel inputs write here, and Accordion writes here\n     * directly; the Panel reads these so both wiring paths converge on a single source of truth.\n     */\n    keepMounted: WritableSignal<boolean>;\n    hiddenUntilFound: WritableSignal<boolean>;\n    toggle: () => void;\n    /** Registers the panel element whose transition duration gates the close completion. */\n    registerTransitionElement: (element: HTMLElement) => () => void;\n}\n\nexport const [injectCollapsibleRootContext, provideCollapsibleRootContext] = createContext<CollapsibleRootContext>(\n    'CollapsibleRootContext',\n    'components/collapsible'\n);\n\nconst rootContext = (): CollapsibleRootContext => {\n    const instance = inject(RdxCollapsibleRootDirective);\n\n    return {\n        panelId: instance.panelId,\n        open: instance.open,\n        disabled: instance.disabled,\n        transitionStatus: instance.transitionStatus,\n        mounted: instance.mounted,\n        keepMounted: instance.keepMountedContext,\n        hiddenUntilFound: instance.hiddenUntilFoundContext,\n        registerTransitionElement: (element) => instance.registerTransitionElement(element),\n        toggle: () => {\n            if (instance.disabled()) {\n                return;\n            }\n\n            untracked(() => {\n                instance.open.set(!instance.open());\n            });\n\n            instance.onOpenChange.emit(instance.open());\n        }\n    };\n};\n\n/**\n * Groups all parts of the collapsible.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxCollapsibleRoot]',\n    exportAs: 'rdxCollapsibleRoot',\n    providers: [provideCollapsibleRootContext(rootContext)],\n    host: {\n        '[attr.data-open]': 'open() ? \"\" : undefined',\n        '[attr.data-closed]': 'open() ? undefined : \"\"',\n        '[attr.data-disabled]': 'disabled() ? \"\" : undefined'\n    }\n})\nexport class RdxCollapsibleRootDirective {\n    private readonly transition = useTransitionStatus((open) => this.onOpenChangeComplete.emit(open));\n\n    /** Reactive open/close transition phase (`'starting'` | `'ending'` | `undefined`). */\n    readonly transitionStatus = this.transition.status;\n\n    /** Registers the panel element whose transition duration gates the close completion. */\n    readonly registerTransitionElement = this.transition.registerElement;\n\n    /**\n     * The controlled open state of the collapsible.\n     * `true` - expanded, `false` - collapsed.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly open = model<boolean>(false);\n\n    /**\n     * The open state of the collapsible when it is initially rendered.\n     * Use when you do not need to control its open state.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly defaultOpen = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the component should ignore user interaction.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /** Stable id linking the trigger's `aria-controls` to the panel. */\n    readonly panelId = input<string>(injectId('rdx-collapsible-panel-'));\n\n    /** Composition fallbacks (see {@link CollapsibleRootContext}). Default `false`. */\n    readonly keepMountedContext = signal(false);\n    readonly hiddenUntilFoundContext = signal(false);\n\n    /** `true` while the panel must stay rendered: open, or mid exit transition. */\n    readonly mounted = computed(() => this.open() || this.transitionStatus() === 'ending');\n\n    /**\n     * Event handler called when the open state of the collapsible changes.\n     *\n     * @group Emits\n     */\n    readonly onOpenChange = output<boolean>();\n\n    /**\n     * Event handler called after the open/close transition has finished.\n     *\n     * @group Emits\n     */\n    readonly onOpenChangeComplete = output<boolean>();\n\n    private hasAppliedDefaultOpen = false;\n    private previousOpen = this.open();\n\n    constructor() {\n        effect(() => {\n            const defaultOpen = this.defaultOpen();\n\n            if (!this.hasAppliedDefaultOpen && defaultOpen) {\n                this.hasAppliedDefaultOpen = true;\n                untracked(() => {\n                    this.open.set(true);\n                    // Treat an initially-open collapsible as settled so it doesn't play an\n                    // enter transition on first render.\n                    this.previousOpen = true;\n                });\n            }\n        });\n\n        effect(() => {\n            const open = this.open();\n\n            if (open !== this.previousOpen) {\n                this.previousOpen = open;\n                untracked(() => this.transition.start(open));\n            }\n        });\n    }\n}\n","import { Directive } from '@angular/core';\nimport { provideRdxPresenceContext, RdxPresenceDirective } from '@radix-ng/primitives/presence';\nimport { injectCollapsibleRootContext } from './collapsible-root.directive';\n\n/**\n * Structural directive that mounts the collapsible panel contents only while open, unmounting them\n * once the exit animation finishes. Opt into this when the closed contents should leave the DOM;\n * otherwise apply `rdxCollapsiblePanel` directly (optionally with `keepMounted`).\n */\n@Directive({\n    selector: 'ng-template[rdxCollapsiblePanelPresence]',\n    providers: [\n        provideRdxPresenceContext(() => ({\n            present: injectCollapsibleRootContext().open\n        }))\n    ],\n    hostDirectives: [RdxPresenceDirective]\n})\nexport class RdxCollapsiblePanelPresenceDirective {}\n","import {\n    afterRenderEffect,\n    booleanAttribute,\n    computed,\n    DestroyRef,\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    signal,\n    untracked\n} from '@angular/core';\nimport { BooleanInput } from '@radix-ng/primitives/core';\nimport { injectCollapsibleRootContext } from './collapsible-root.directive';\n\n/**\n * Coerces a collapsible boolean input that distinguishes \"not set\" (`undefined`) from `false`,\n * so the Panel only overrides the shared context value when the consumer passes the input.\n */\nconst optionalBoolean = (value: BooleanInput | undefined): boolean | undefined =>\n    value === undefined ? undefined : booleanAttribute(value);\n\n/**\n * A panel with the collapsible contents.\n */\n@Directive({\n    selector: '[rdxCollapsiblePanel]',\n    host: {\n        '[id]': 'rootContext.panelId()',\n        '[attr.data-open]': 'rootContext.open() ? \"\" : undefined',\n        '[attr.data-closed]': 'rootContext.open() ? undefined : \"\"',\n        '[attr.data-disabled]': 'rootContext.disabled() ? \"\" : undefined',\n        '[attr.data-starting-style]': 'rootContext.transitionStatus() === \"starting\" ? \"\" : undefined',\n        '[attr.data-ending-style]': 'rootContext.transitionStatus() === \"ending\" ? \"\" : undefined',\n        '[attr.hidden]': 'hidden()',\n        '[style.--collapsible-panel-width.px]': 'width()',\n        '[style.--collapsible-panel-height.px]': 'height()'\n    }\n})\nexport class RdxCollapsiblePanelDirective {\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    protected readonly rootContext = injectCollapsibleRootContext();\n\n    /**\n     * Whether to keep the element in the DOM while the panel is closed.\n     * When `true`, the closed panel keeps its element (no `hidden` attribute) so the consumer's\n     * `data-closed` CSS is responsible for visually collapsing it.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly keepMounted = input<boolean | undefined, BooleanInput | undefined>(undefined, {\n        transform: optionalBoolean\n    });\n\n    /**\n     * Allows the browser's built-in page search to find and expand the panel contents.\n     * When `true`, the closed panel uses `hidden=\"until-found\"` instead of plain `hidden`.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly hiddenUntilFound = input<boolean | undefined, BooleanInput | undefined>(undefined, {\n        transform: optionalBoolean\n    });\n\n    readonly height = signal<number | null>(null);\n    readonly width = signal<number | null>(null);\n\n    /**\n     * The `hidden` attribute value. The panel is shown while open or while its exit transition runs;\n     * a kept-mounted panel stays visible (the consumer collapses it via CSS); otherwise the closed\n     * panel is hidden — with `until-found` when find-in-page support is requested.\n     */\n    readonly hidden = computed<'' | 'until-found' | undefined>(() => {\n        const visible = this.rootContext.open() || this.rootContext.transitionStatus() === 'ending';\n\n        if (visible || this.rootContext.keepMounted()) {\n            return undefined;\n        }\n\n        return this.rootContext.hiddenUntilFound() ? 'until-found' : '';\n    });\n\n    /**\n     * The first measurement (the initial mount) must not re-enable animations, so an element that\n     * mounts already open renders at its final size without playing the open animation.\n     */\n    private isFirstMeasure = true;\n    private originalStyles?: { transitionDuration: string; animationName: string };\n\n    constructor() {\n        const unregister = this.rootContext.registerTransitionElement(this.elementRef.nativeElement);\n        inject(DestroyRef).onDestroy(unregister);\n\n        // Forward the Panel inputs into the shared context, but only when the consumer actually\n        // sets them — so Accordion's context writes are never clobbered by the Panel defaults.\n        effect(() => {\n            const keepMounted = this.keepMounted();\n            if (keepMounted !== undefined) {\n                untracked(() => this.rootContext.keepMounted.set(keepMounted));\n            }\n        });\n\n        effect(() => {\n            const hiddenUntilFound = this.hiddenUntilFound();\n            if (hiddenUntilFound !== undefined) {\n                untracked(() => this.rootContext.hiddenUntilFound.set(hiddenUntilFound));\n            }\n        });\n\n        // `afterRenderEffect` runs after the DOM is committed (but before paint) with the settled\n        // `open` state — no `requestAnimationFrame` race — and is a no-op during SSR.\n        afterRenderEffect(() => {\n            // Re-measure whenever the open state flips; the panel is visible at that point (during\n            // an exit it is kept rendered by the `ending` transition phase).\n            this.rootContext.open();\n            this.updateDimensions();\n        });\n    }\n\n    private updateDimensions(): void {\n        const node = this.elementRef.nativeElement;\n        if (!node) return;\n\n        this.originalStyles ??= {\n            transitionDuration: node.style.transitionDuration,\n            animationName: node.style.animationName\n        };\n\n        // Block any animation/transition so we can measure the element at its natural size.\n        node.style.transitionDuration = '0s';\n        node.style.animationName = 'none';\n\n        // Let the element take its natural height while measuring, so a `height` bound to the very\n        // variable we are computing (the Base UI collapse pattern) does not feed back into itself.\n        const previousHeight = node.style.height;\n        node.style.height = 'auto';\n\n        const rect = node.getBoundingClientRect();\n        this.height.set(rect.height);\n        this.width.set(rect.width);\n\n        node.style.height = previousHeight;\n\n        // Re-enable the original animation, unless this is the very first (mount) measurement.\n        if (!this.isFirstMeasure) {\n            node.style.transitionDuration = this.originalStyles.transitionDuration;\n            node.style.animationName = this.originalStyles.animationName;\n        }\n\n        this.isFirstMeasure = false;\n    }\n}\n","import { Directive } from '@angular/core';\nimport { injectCollapsibleRootContext } from './collapsible-root.directive';\n\n/**\n * A button that opens and closes the collapsible panel.\n */\n@Directive({\n    selector: '[rdxCollapsibleTrigger]',\n    host: {\n        '[attr.aria-controls]': 'rootContext.panelId()',\n        '[attr.aria-expanded]': 'rootContext.open()',\n        '[attr.data-panel-open]': 'rootContext.open() ? \"\" : undefined',\n        '[attr.data-disabled]': 'rootContext.disabled() ? \"\" : undefined',\n        '[attr.disabled]': 'rootContext.disabled() || undefined',\n\n        '(click)': 'rootContext.toggle()'\n    }\n})\nexport class RdxCollapsibleTriggerDirective {\n    protected readonly rootContext = injectCollapsibleRootContext();\n}\n","import { NgModule } from '@angular/core';\nimport { RdxCollapsiblePanelPresenceDirective } from './src/collapsible-panel-presence.directive';\nimport { RdxCollapsiblePanelDirective } from './src/collapsible-panel.directive';\nimport { RdxCollapsibleRootDirective } from './src/collapsible-root.directive';\nimport { RdxCollapsibleTriggerDirective } from './src/collapsible-trigger.directive';\n\nexport * from './src/collapsible-panel-presence.directive';\nexport * from './src/collapsible-panel.directive';\nexport * from './src/collapsible-root.directive';\nexport * from './src/collapsible-trigger.directive';\n\nconst _imports = [\n    RdxCollapsiblePanelDirective,\n    RdxCollapsibleRootDirective,\n    RdxCollapsibleTriggerDirective,\n    RdxCollapsiblePanelPresenceDirective\n];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxCollapsibleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"radix-ng-primitives-collapsible.mjs","sources":["../../../packages/primitives/collapsible/src/collapsible-root.directive.ts","../../../packages/primitives/collapsible/src/collapsible-panel.directive.ts","../../../packages/primitives/collapsible/src/collapsible-trigger.directive.ts","../../../packages/primitives/collapsible/index.ts","../../../packages/primitives/collapsible/radix-ng-primitives-collapsible.ts"],"sourcesContent":["import {\n    booleanAttribute,\n    computed,\n    Directive,\n    effect,\n    inject,\n    input,\n    model,\n    ModelSignal,\n    output,\n    signal,\n    Signal,\n    untracked,\n    WritableSignal\n} from '@angular/core';\nimport {\n    BooleanInput,\n    createCancelableChangeEventDetails,\n    createContext,\n    injectId,\n    RdxCancelableChangeEventDetails,\n    RdxTransitionStatus,\n    useTransitionStatus\n} from '@radix-ng/primitives/core';\n\nexport type RdxCollapsibleState = 'open' | 'closed';\nexport type RdxCollapsibleOpenChangeReason = 'trigger-press' | 'none';\nexport type RdxCollapsibleOpenChangeEventDetails = RdxCancelableChangeEventDetails<RdxCollapsibleOpenChangeReason>;\nexport interface RdxCollapsibleOpenChangeEvent {\n    open: boolean;\n    eventDetails: RdxCollapsibleOpenChangeEventDetails;\n}\n\nexport interface CollapsibleRootContext {\n    /** Stable id linking the trigger's `aria-controls` to the panel. */\n    panelId: Signal<string>;\n    /** Writable so composing primitives (Accordion) can drive the state. */\n    open: ModelSignal<boolean>;\n    disabled: Signal<boolean>;\n    /** Open/close transition phase, for `data-starting-style` / `data-ending-style`. */\n    transitionStatus: Signal<RdxTransitionStatus>;\n    /** `true` while the panel should stay rendered: open, or running its exit transition. */\n    mounted: Signal<boolean>;\n    /**\n     * Composition fallbacks. The standalone Panel inputs write here, and Accordion writes here\n     * directly; the Panel reads these so both wiring paths converge on a single source of truth.\n     */\n    keepMounted: WritableSignal<boolean>;\n    hiddenUntilFound: WritableSignal<boolean>;\n    toggle: (event: Event, trigger?: HTMLElement) => void;\n    setOpen: (open: boolean, reason: RdxCollapsibleOpenChangeReason, event: Event, trigger?: HTMLElement) => boolean;\n    setPanelIdState: (id: string | undefined) => void;\n    /** Registers the panel element whose transition duration gates the close completion. */\n    registerTransitionElement: (element: HTMLElement) => () => void;\n}\n\nexport const [injectCollapsibleRootContext, provideCollapsibleRootContext] = createContext<CollapsibleRootContext>(\n    'CollapsibleRootContext',\n    'components/collapsible'\n);\n\nconst rootContext = (): CollapsibleRootContext => {\n    const instance = inject(RdxCollapsibleRootDirective);\n\n    return {\n        panelId: instance.resolvedPanelId,\n        open: instance.open,\n        disabled: instance.disabled,\n        transitionStatus: instance.transitionStatus,\n        mounted: instance.mounted,\n        keepMounted: instance.keepMountedContext,\n        hiddenUntilFound: instance.hiddenUntilFoundContext,\n        setOpen: (open, reason, event, trigger) => instance.setOpen(open, reason, event, trigger),\n        setPanelIdState: (id) => instance.setPanelIdState(id),\n        registerTransitionElement: (element) => instance.registerTransitionElement(element),\n        toggle: (event, trigger) => {\n            if (instance.disabled()) {\n                return;\n            }\n\n            instance.setOpen(!instance.open(), 'trigger-press', event, trigger);\n        }\n    };\n};\n\n/**\n * Groups all parts of the collapsible.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxCollapsibleRoot]',\n    exportAs: 'rdxCollapsibleRoot',\n    providers: [provideCollapsibleRootContext(rootContext)],\n    host: {\n        '[attr.data-open]': 'open() ? \"\" : undefined',\n        '[attr.data-closed]': 'open() ? undefined : \"\"',\n        '[attr.data-disabled]': 'disabled() ? \"\" : undefined'\n    }\n})\nexport class RdxCollapsibleRootDirective {\n    private readonly transition = useTransitionStatus((open) => this.onOpenChangeComplete.emit(open));\n\n    private readonly generatedPanelId = injectId('rdx-collapsible-panel-');\n    private readonly panelIdState = signal<string | undefined>(undefined);\n\n    /** Reactive open/close transition phase (`'starting'` | `'ending'` | `undefined`). */\n    readonly transitionStatus = this.transition.status;\n\n    /** Registers the panel element whose transition duration gates the close completion. */\n    readonly registerTransitionElement = this.transition.registerElement;\n\n    /**\n     * The controlled open state of the collapsible.\n     * `true` - expanded, `false` - collapsed.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly open = model<boolean>(false);\n\n    /**\n     * The open state of the collapsible when it is initially rendered.\n     * Use when you do not need to control its open state.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly defaultOpen = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the component should ignore user interaction.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /** Stable id linking the trigger's `aria-controls` to the panel. */\n    readonly panelId = input<string | undefined>(undefined);\n\n    /** Stable id linking the trigger's `aria-controls` to the panel. */\n    readonly resolvedPanelId = computed(() => this.panelIdState() ?? this.panelId() ?? this.generatedPanelId);\n\n    /** Composition fallbacks (see {@link CollapsibleRootContext}). Default `false`. */\n    readonly keepMountedContext = signal(false);\n    readonly hiddenUntilFoundContext = signal(false);\n\n    /** `true` while the panel must stay rendered: open, or mid exit transition. */\n    readonly mounted = computed(() => this.open() || this.transitionStatus() === 'ending');\n\n    /**\n     * Event handler called when the open state of the collapsible changes.\n     *\n     * @group Emits\n     */\n    readonly onOpenChange = output<RdxCollapsibleOpenChangeEvent>();\n\n    /**\n     * Event handler called after the open/close transition has finished.\n     *\n     * @group Emits\n     */\n    readonly onOpenChangeComplete = output<boolean>();\n\n    private hasAppliedDefaultOpen = false;\n    private previousOpen = this.open();\n\n    setPanelIdState(id: string | undefined): void {\n        this.panelIdState.set(id);\n    }\n\n    setOpen(nextOpen: boolean, reason: RdxCollapsibleOpenChangeReason, event: Event, trigger?: HTMLElement): boolean {\n        if (nextOpen === this.open()) {\n            return true;\n        }\n\n        const { eventDetails } = createCancelableChangeEventDetails(reason, event, trigger);\n\n        this.onOpenChange.emit({ open: nextOpen, eventDetails });\n\n        if (eventDetails.isCanceled()) {\n            return false;\n        }\n\n        untracked(() => {\n            this.open.set(nextOpen);\n        });\n\n        return true;\n    }\n\n    constructor() {\n        effect(() => {\n            const defaultOpen = this.defaultOpen();\n\n            if (!this.hasAppliedDefaultOpen && defaultOpen) {\n                this.hasAppliedDefaultOpen = true;\n                untracked(() => {\n                    this.open.set(true);\n                    // Treat an initially-open collapsible as settled so it doesn't play an\n                    // enter transition on first render.\n                    this.previousOpen = true;\n                });\n            }\n        });\n\n        effect(() => {\n            const open = this.open();\n\n            if (open !== this.previousOpen) {\n                this.previousOpen = open;\n                untracked(() => this.transition.start(open));\n            }\n        });\n    }\n}\n","import {\n    afterRenderEffect,\n    booleanAttribute,\n    computed,\n    DestroyRef,\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    Renderer2,\n    signal,\n    untracked\n} from '@angular/core';\nimport { BooleanInput } from '@radix-ng/primitives/core';\nimport { injectCollapsibleRootContext } from './collapsible-root.directive';\n\n/**\n * Coerces a collapsible boolean input that distinguishes \"not set\" (`undefined`) from `false`,\n * so the Panel only overrides the shared context value when the consumer passes the input.\n */\nconst optionalBoolean = (value: BooleanInput | undefined): boolean | undefined =>\n    value === undefined ? undefined : booleanAttribute(value);\n\n/**\n * A panel with the collapsible contents.\n */\n@Directive({\n    selector: '[rdxCollapsiblePanel]',\n    host: {\n        '[id]': 'rootContext.panelId()',\n        '[attr.data-open]': 'rootContext.open() ? \"\" : undefined',\n        '[attr.data-closed]': 'rootContext.open() ? undefined : \"\"',\n        '[attr.data-disabled]': 'rootContext.disabled() ? \"\" : undefined',\n        '[attr.data-starting-style]': 'rootContext.transitionStatus() === \"starting\" ? \"\" : undefined',\n        '[attr.data-ending-style]': 'rootContext.transitionStatus() === \"ending\" ? \"\" : undefined',\n        '[attr.hidden]': 'hidden()',\n        '[style.--collapsible-panel-width.px]': 'width()',\n        '[style.--collapsible-panel-height.px]': 'height()'\n    }\n})\nexport class RdxCollapsiblePanelDirective {\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    private readonly renderer = inject(Renderer2);\n    private readonly destroyRef = inject(DestroyRef);\n    private readonly marker = this.renderer.createComment('rdx-collapsible-panel');\n\n    private parentNode: Node | null = null;\n    private isAttached = true;\n\n    protected readonly rootContext = injectCollapsibleRootContext();\n\n    /**\n     * Optional explicit panel id. When set, the trigger's `aria-controls` points to this id.\n     *\n     * @group Props\n     */\n    readonly id = input<string | undefined>(undefined, { alias: 'id' });\n\n    /**\n     * Whether to keep the element in the DOM while the panel is closed.\n     * When `true`, the closed panel keeps its element and receives the `hidden` attribute once the\n     * close transition finishes.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly keepMounted = input<boolean | undefined, BooleanInput | undefined>(undefined, {\n        transform: optionalBoolean\n    });\n\n    /**\n     * Allows the browser's built-in page search to find and expand the panel contents.\n     * When `true`, the closed panel uses `hidden=\"until-found\"` instead of plain `hidden`.\n     *\n     * @group Props\n     * @defaultValue false\n     */\n    readonly hiddenUntilFound = input<boolean | undefined, BooleanInput | undefined>(undefined, {\n        transform: optionalBoolean\n    });\n\n    readonly height = signal<number | null>(null);\n    readonly width = signal<number | null>(null);\n\n    /** Mirrors Base UI's `shouldRender`: hidden panels unmount unless kept for search/measurement. */\n    readonly shouldRender = computed(\n        () =>\n            this.rootContext.keepMounted() ||\n            this.rootContext.hiddenUntilFound() ||\n            this.rootContext.mounted() ||\n            this.rootContext.open()\n    );\n\n    /**\n     * The `hidden` attribute value. The panel is shown while open or while its exit transition runs.\n     * A kept-mounted panel remains in the DOM but is still hidden while closed.\n     */\n    readonly hidden = computed<'' | 'until-found' | undefined>(() => {\n        const visible = this.rootContext.open() || this.rootContext.transitionStatus() === 'ending';\n\n        if (visible) {\n            return undefined;\n        }\n\n        return this.rootContext.hiddenUntilFound() ? 'until-found' : '';\n    });\n\n    /**\n     * The first measurement (the initial mount) must not re-enable animations, so an element that\n     * mounts already open renders at its final size without playing the open animation.\n     */\n    private isFirstMeasure = true;\n    private originalStyles?: { transitionDuration: string; animationName: string };\n\n    constructor() {\n        const unregister = this.rootContext.registerTransitionElement(this.elementRef.nativeElement);\n        this.destroyRef.onDestroy(unregister);\n\n        this.insertMarker();\n\n        const unlistenBeforeMatch = this.renderer.listen(\n            this.elementRef.nativeElement,\n            'beforematch',\n            (event: Event) => {\n                this.rootContext.setOpen(true, 'none', event);\n            }\n        );\n\n        this.destroyRef.onDestroy(() => {\n            unlistenBeforeMatch();\n            this.removeMarker();\n        });\n\n        effect(() => {\n            this.rootContext.setPanelIdState(this.id());\n        });\n\n        this.destroyRef.onDestroy(() => {\n            this.rootContext.setPanelIdState(undefined);\n        });\n\n        effect(() => {\n            this.syncRenderedState();\n        });\n\n        // Forward the Panel inputs into the shared context, but only when the consumer actually\n        // sets them — so Accordion's context writes are never clobbered by the Panel defaults.\n        effect(() => {\n            const keepMounted = this.keepMounted();\n            if (keepMounted !== undefined) {\n                untracked(() => this.rootContext.keepMounted.set(keepMounted));\n            }\n        });\n\n        effect(() => {\n            const hiddenUntilFound = this.hiddenUntilFound();\n            if (hiddenUntilFound !== undefined) {\n                untracked(() => this.rootContext.hiddenUntilFound.set(hiddenUntilFound));\n            }\n        });\n\n        // `afterRenderEffect` runs after the DOM is committed (but before paint) with the settled\n        // `open` state — no `requestAnimationFrame` race — and is a no-op during SSR.\n        afterRenderEffect(() => {\n            // Re-measure whenever the open state flips; the panel is visible at that point (during\n            // an exit it is kept rendered by the `ending` transition phase).\n            this.rootContext.open();\n            this.updateDimensions();\n        });\n    }\n\n    private insertMarker(): void {\n        const host = this.elementRef.nativeElement;\n        const parent = this.renderer.parentNode(host) as Node | null;\n\n        if (!parent) {\n            return;\n        }\n\n        this.parentNode = parent;\n        this.renderer.insertBefore(parent, this.marker, host);\n    }\n\n    private removeMarker(): void {\n        const parent = this.renderer.parentNode(this.marker) as Node | null;\n\n        if (parent) {\n            this.renderer.removeChild(parent, this.marker);\n        }\n    }\n\n    private syncRenderedState(): void {\n        const parent = this.parentNode;\n\n        if (!parent) {\n            return;\n        }\n\n        const host = this.elementRef.nativeElement;\n        const shouldRender = this.shouldRender();\n\n        if (shouldRender && !this.isAttached) {\n            this.renderer.insertBefore(parent, host, this.renderer.nextSibling(this.marker));\n            this.isAttached = true;\n            return;\n        }\n\n        if (!shouldRender && this.isAttached) {\n            this.renderer.removeChild(parent, host);\n            this.isAttached = false;\n        }\n    }\n\n    private updateDimensions(): void {\n        const node = this.elementRef.nativeElement;\n        if (!node) return;\n\n        this.originalStyles ??= {\n            transitionDuration: node.style.transitionDuration,\n            animationName: node.style.animationName\n        };\n\n        // Block any animation/transition so we can measure the element at its natural size.\n        node.style.transitionDuration = '0s';\n        node.style.animationName = 'none';\n\n        // Let the element take its natural height while measuring, so a `height` bound to the very\n        // variable we are computing (the Base UI collapse pattern) does not feed back into itself.\n        const previousHeight = node.style.height;\n        node.style.height = 'auto';\n\n        const rect = node.getBoundingClientRect();\n        this.height.set(rect.height);\n        this.width.set(rect.width);\n\n        node.style.height = previousHeight;\n\n        // Re-enable the original animation, unless this is the very first (mount) measurement.\n        if (!this.isFirstMeasure) {\n            node.style.transitionDuration = this.originalStyles.transitionDuration;\n            node.style.animationName = this.originalStyles.animationName;\n        }\n\n        this.isFirstMeasure = false;\n    }\n}\n","import { Directive, ElementRef, inject } from '@angular/core';\nimport { injectCollapsibleRootContext } from './collapsible-root.directive';\n\n/**\n * A button that opens and closes the collapsible panel.\n */\n@Directive({\n    selector: '[rdxCollapsibleTrigger]',\n    host: {\n        '[attr.aria-controls]': 'rootContext.open() ? rootContext.panelId() : undefined',\n        '[attr.aria-expanded]': 'rootContext.open()',\n        '[attr.data-panel-open]': 'rootContext.open() ? \"\" : undefined',\n        '[attr.data-disabled]': 'rootContext.disabled() ? \"\" : undefined',\n        '[attr.aria-disabled]': 'rootContext.disabled() ? \"true\" : undefined',\n\n        '(click)': 'handleClick($event)'\n    }\n})\nexport class RdxCollapsibleTriggerDirective {\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    protected readonly rootContext = injectCollapsibleRootContext();\n\n    protected handleClick(event: MouseEvent): void {\n        this.rootContext.toggle(event, this.elementRef.nativeElement);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { RdxCollapsiblePanelDirective } from './src/collapsible-panel.directive';\nimport { RdxCollapsibleRootDirective } from './src/collapsible-root.directive';\nimport { RdxCollapsibleTriggerDirective } from './src/collapsible-trigger.directive';\n\nexport * from './src/collapsible-panel.directive';\nexport * from './src/collapsible-root.directive';\nexport * from './src/collapsible-trigger.directive';\n\nconst _imports = [RdxCollapsiblePanelDirective, RdxCollapsibleRootDirective, RdxCollapsibleTriggerDirective];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxCollapsibleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ng/primitives",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Headless, signals-first UI primitives for Angular.",
   "license": "MIT",
   "publishConfig": {

package/types/radix-ng-primitives-accordion.d.ts

@@ -1,83 +1,33 @@
 import * as i0 from '@angular/core';
-import { Signal, WritableSignal, ElementRef, InputSignalWithTransform, InputSignal, ModelSignal } from '@angular/core';
+import { InputSignalWithTransform, InputSignal, ModelSignal, Signal, WritableSignal, ElementRef } from '@angular/core';
 import * as _radix_ng_primitives_accordion from '@radix-ng/primitives/accordion';
-import * as i1 from '@radix-ng/primitives/collapsible';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { BooleanInput, DataOrientation, AcceptableValue } from '@radix-ng/primitives/core';
-import * as i2 from '@radix-ng/primitives/composite';
-
-declare class RdxAccordionContentDirective {
-    protected readonly rootContext: _radix_ng_primitives_accordion.AccordionRootContext;
-    protected readonly itemContext: _radix_ng_primitives_accordion.AccordionItemContext;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionContentDirective, "[rdxAccordionContent]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxCollapsiblePanelDirective; inputs: {}; outputs: {}; }]>;
-}
+import { BooleanInput, DataOrientation, AcceptableValue, RdxCancelableChangeEventDetails } from '@radix-ng/primitives/core';
+import * as i1 from '@radix-ng/primitives/composite';
+import * as i1$1 from '@radix-ng/primitives/collapsible';
 
 declare class RdxAccordionHeaderDirective {
-    protected readonly rootContext: _radix_ng_primitives_accordion.AccordionRootContext;
     protected readonly itemContext: _radix_ng_primitives_accordion.AccordionItemContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionHeaderDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionHeaderDirective, "[rdxAccordionHeader]", never, {}, {}, never, never, true, never>;
 }
 
-type RdxAccordionItemState = 'open' | 'closed';
-type AccordionItemContext = {
-    open: Signal<boolean>;
-    disabled: Signal<boolean>;
-    triggerId: WritableSignal<string>;
-    dataState: Signal<RdxAccordionItemState>;
-    dataDisabled: Signal<boolean>;
-    currentElement: ElementRef<HTMLElement>;
-    value: Signal<string | undefined>;
-    updateOpen: () => void;
-    index: Signal<number>;
-};
-declare const injectAccordionItemContext: _radix_ng_primitives_core.InjectContext<AccordionItemContext>;
-declare const provideAccordionItemContext: (useFactory: () => AccordionItemContext) => i0.Provider;
-/**
- * @group Components
- */
-declare class RdxAccordionItemDirective {
-    readonly elementRef: ElementRef<HTMLElement>;
-    private readonly collapsibleContext;
-    private readonly listItem;
-    protected readonly rootContext: _radix_ng_primitives_accordion.AccordionRootContext;
-    /**
-     * A string value for the accordion item. All items within an accordion should use a unique value.
-     * @group Props
-     */
-    readonly value: i0.InputSignal<string | undefined>;
-    /**
-     * Whether or not an accordion item is disabled from user interaction.
-     * When `true`, prevents the user from interacting with the item.
-     * @group Props
-     */
-    readonly disabled: i0.InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * Event handler called when the panel open state changes.
-     * @group Emits
-     */
-    readonly onOpenChange: i0.OutputEmitterRef<boolean>;
-    readonly isDisabled: Signal<boolean>;
-    readonly open: Signal<boolean>;
-    readonly dataState: Signal<RdxAccordionItemState>;
-    /** Set by the trigger; links the content's `aria-labelledby` to the trigger `id`. */
-    readonly triggerId: WritableSignal<string>;
-    readonly index: Signal<number>;
-    constructor();
-    updateOpen: () => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionItemDirective, "[rdxAccordionItem]", ["rdxAccordionItem"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "onOpenChange": "onOpenChange"; }, never, never, true, [{ directive: typeof i1.RdxCollapsibleRootDirective; inputs: { "disabled": "disabled"; "open": "open"; }; outputs: {}; }, { directive: typeof i2.RdxCompositeListItem; inputs: {}; outputs: {}; }]>;
+/** The reason an accordion value change was requested. */
+type RdxAccordionValueChangeReason = 'trigger-press' | 'none';
+type RdxAccordionValueChangeEventDetails = RdxCancelableChangeEventDetails<RdxAccordionValueChangeReason>;
+/** Payload of {@link RdxAccordionRootDirective.onValueChange}, mirroring Base UI's `(value, eventDetails)`. */
+interface RdxAccordionValueChangeEvent {
+    value: AcceptableValue | AcceptableValue[] | undefined;
+    eventDetails: RdxAccordionValueChangeEventDetails;
 }
-
 type AccordionRootContext = {
     disabled: InputSignalWithTransform<boolean, BooleanInput>;
     orientation: InputSignal<DataOrientation>;
     value: ModelSignal<AcceptableValue | AcceptableValue[] | undefined>;
-    collapsible: Signal<boolean>;
     isSingle: Signal<boolean>;
     keepMounted: InputSignalWithTransform<boolean, BooleanInput>;
-    changeModelValue: (value: string) => void;
+    hiddenUntilFound: InputSignalWithTransform<boolean, BooleanInput>;
+    changeModelValue: (value: string, event?: Event) => void;
 };
 declare const injectAccordionRootContext: _radix_ng_primitives_core.InjectContext<AccordionRootContext>;
 declare const provideAccordionRootContext: (useFactory: () => AccordionRootContext) => i0.Provider;
@@ -85,7 +35,6 @@ declare const provideAccordionRootContext: (useFactory: () => AccordionRootConte
  * @group Components
  */
 declare class RdxAccordionRootDirective {
-    readonly id: InputSignal<string>;
     /** Whether the Accordion is disabled.
      * @defaultValue false
      * @group Props
@@ -116,23 +65,8 @@ declare class RdxAccordionRootDirective {
      */
     readonly value: ModelSignal<AcceptableValue | AcceptableValue[] | undefined>;
     /**
-     * When type is "single", allows closing content when clicking trigger for an open item.
-     * When type is "multiple", this prop has no effect.
-     *
-     * @defaultValue false
-     * @group Props
-     */
-    readonly collapsible: InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * Determines whether a "single" or "multiple" items can be selected at a time.
-     *
-     * @defaultValue 'single'
-     * @group Props
-     */
-    readonly type: InputSignal<"multiple" | "single">;
-    /**
-     * Allow multiple panels to be open simultaneously.
-     * Takes precedence over `type` when `true`.
+     * Allow multiple panels to be open simultaneously. In single mode an open item can always be
+     * closed by clicking its trigger again (Base UI parity — there is no separate `collapsible`).
      *
      * @defaultValue false
      * @group Props
@@ -149,48 +83,109 @@ declare class RdxAccordionRootDirective {
     readonly loopFocus: InputSignalWithTransform<boolean, BooleanInput>;
     /**
      * Whether to keep the content of collapsed items mounted in the DOM.
-     * When `true`, closed panels keep their element in the DOM instead of
-     * receiving a `hidden` attribute. Applies to the always-mounted
-     * `rdxAccordionContent`; the `rdxAccordionContentPresence` variant always
-     * unmounts.
+     * When `true`, closed panels keep their element in the DOM while hidden.
      *
      * @defaultValue false
      * @group Props
      */
     readonly keepMounted: InputSignalWithTransform<boolean, BooleanInput>;
     /**
-     * Event handler called when the expanded state of an item changes.
+     * Allow collapsed panels to remain mounted (but hidden) so the browser's in-page search
+     * can find and reveal them. Mirrors Base UI's `hiddenUntilFound`.
+     *
+     * @defaultValue false
+     * @group Props
+     */
+    readonly hiddenUntilFound: InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Event handler called when the expanded value changes. Emits the next value plus a cancelable
+     * `eventDetails` (Base UI parity); call `eventDetails.cancel()` to reject the change.
      * @group Emits
      */
-    readonly onValueChange: i0.OutputEmitterRef<AcceptableValue | AcceptableValue[] | undefined>;
+    readonly onValueChange: i0.OutputEmitterRef<RdxAccordionValueChangeEvent>;
     readonly isSingle: Signal<boolean>;
     constructor();
-    changeModelValue: (newValue: string) => void;
+    changeModelValue: (newValue: string, event?: Event) => void;
     private isValueEqualOrExist;
     private isEqual;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionRootDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionRootDirective, "[rdxAccordionRoot]", ["rdxAccordionRoot"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "loopFocus": { "alias": "loopFocus"; "required": false; "isSignal": true; }; "keepMounted": { "alias": "keepMounted"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, [{ directive: typeof i2.RdxCompositeList; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionRootDirective, "[rdxAccordionRoot]", ["rdxAccordionRoot"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "loopFocus": { "alias": "loopFocus"; "required": false; "isSignal": true; }; "keepMounted": { "alias": "keepMounted"; "required": false; "isSignal": true; }; "hiddenUntilFound": { "alias": "hiddenUntilFound"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, [{ directive: typeof i1.RdxCompositeList; inputs: {}; outputs: {}; }]>;
+}
+
+/** Payload of {@link RdxAccordionItemDirective.onOpenChange}, mirroring Base UI's `(open, eventDetails)`. */
+interface RdxAccordionItemOpenChangeEvent {
+    open: boolean;
+    eventDetails: RdxAccordionValueChangeEventDetails;
+}
+type AccordionItemContext = {
+    open: Signal<boolean>;
+    disabled: Signal<boolean>;
+    triggerId: WritableSignal<string>;
+    dataDisabled: Signal<boolean>;
+    currentElement: ElementRef<HTMLElement>;
+    value: Signal<string | undefined>;
+    updateOpen: () => void;
+    index: Signal<number>;
+};
+declare const injectAccordionItemContext: _radix_ng_primitives_core.InjectContext<AccordionItemContext>;
+declare const provideAccordionItemContext: (useFactory: () => AccordionItemContext) => i0.Provider;
+/**
+ * @group Components
+ */
+declare class RdxAccordionItemDirective {
+    readonly elementRef: ElementRef<HTMLElement>;
+    private readonly collapsibleContext;
+    private readonly listItem;
+    protected readonly rootContext: _radix_ng_primitives_accordion.AccordionRootContext;
+    /**
+     * A string value for the accordion item. All items within an accordion should use a unique value.
+     * @group Props
+     */
+    readonly value: i0.InputSignal<string | undefined>;
+    /**
+     * Whether or not an accordion item is disabled from user interaction.
+     * When `true`, prevents the user from interacting with the item.
+     * @group Props
+     */
+    readonly disabled: i0.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Event handler called when the panel open state changes. Emits `{ open, eventDetails }`
+     * (Base UI parity).
+     * @group Emits
+     */
+    readonly onOpenChange: i0.OutputEmitterRef<RdxAccordionItemOpenChangeEvent>;
+    readonly isDisabled: Signal<boolean>;
+    readonly open: Signal<boolean>;
+    /** Set by the trigger; links the content's `aria-labelledby` to the trigger `id`. */
+    readonly triggerId: WritableSignal<string>;
+    readonly index: Signal<number>;
+    constructor();
+    updateOpen: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionItemDirective, "[rdxAccordionItem]", ["rdxAccordionItem"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "onOpenChange": "onOpenChange"; }, never, never, true, [{ directive: typeof i1$1.RdxCollapsibleRootDirective; inputs: { "disabled": "disabled"; "open": "open"; }; outputs: {}; }, { directive: typeof i1.RdxCompositeListItem; inputs: {}; outputs: {}; }]>;
+}
+
+declare class RdxAccordionPanelDirective {
+    protected readonly rootContext: _radix_ng_primitives_accordion.AccordionRootContext;
+    protected readonly itemContext: _radix_ng_primitives_accordion.AccordionItemContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionPanelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionPanelDirective, "[rdxAccordionPanel]", never, {}, {}, never, never, true, [{ directive: typeof i1$1.RdxCollapsiblePanelDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class RdxAccordionTriggerDirective {
     protected readonly rootContext: _radix_ng_primitives_accordion.AccordionRootContext;
     protected readonly itemContext: _radix_ng_primitives_accordion.AccordionItemContext;
     constructor();
-    changeItem(): void;
+    changeItem(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionTriggerDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionTriggerDirective, "[rdxAccordionTrigger]", never, {}, {}, never, never, true, never>;
 }
 
-declare class RdxAccordionContentPresenceDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionContentPresenceDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAccordionContentPresenceDirective, "ng-template[rdxAccordionContentPresence]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxCollapsiblePanelPresenceDirective; inputs: {}; outputs: {}; }]>;
-}
-
 declare class RdxAccordionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxAccordionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RdxAccordionModule, never, [typeof RdxAccordionContentDirective, typeof RdxAccordionHeaderDirective, typeof RdxAccordionItemDirective, typeof RdxAccordionRootDirective, typeof RdxAccordionTriggerDirective, typeof RdxAccordionContentPresenceDirective], [typeof RdxAccordionContentDirective, typeof RdxAccordionHeaderDirective, typeof RdxAccordionItemDirective, typeof RdxAccordionRootDirective, typeof RdxAccordionTriggerDirective, typeof RdxAccordionContentPresenceDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RdxAccordionModule, never, [typeof RdxAccordionHeaderDirective, typeof RdxAccordionItemDirective, typeof RdxAccordionPanelDirective, typeof RdxAccordionRootDirective, typeof RdxAccordionTriggerDirective], [typeof RdxAccordionHeaderDirective, typeof RdxAccordionItemDirective, typeof RdxAccordionPanelDirective, typeof RdxAccordionRootDirective, typeof RdxAccordionTriggerDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<RdxAccordionModule>;
 }
 
-export { RdxAccordionContentDirective, RdxAccordionContentPresenceDirective, RdxAccordionHeaderDirective, RdxAccordionItemDirective, RdxAccordionModule, RdxAccordionRootDirective, RdxAccordionTriggerDirective, injectAccordionItemContext, injectAccordionRootContext, provideAccordionItemContext, provideAccordionRootContext };
-export type { AccordionItemContext, AccordionRootContext, RdxAccordionItemState };
+export { RdxAccordionHeaderDirective, RdxAccordionItemDirective, RdxAccordionModule, RdxAccordionPanelDirective, RdxAccordionRootDirective, RdxAccordionTriggerDirective, injectAccordionItemContext, injectAccordionRootContext, provideAccordionItemContext, provideAccordionRootContext };
+export type { AccordionItemContext, AccordionRootContext, RdxAccordionItemOpenChangeEvent, RdxAccordionValueChangeEvent, RdxAccordionValueChangeEventDetails, RdxAccordionValueChangeReason };

package/types/radix-ng-primitives-checkbox.d.ts

@@ -157,12 +157,11 @@ declare class RdxCheckboxRootDirective implements RdxFormCheckboxControl {
      */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     /**
-     * Whether the user should be unable to tick or untick the checkbox.
+     * Whether the user should be unable to tick or untick the checkbox. Bound in templates as
+     * `readOnly` (Base UI spelling); the TS member stays `readonly` to satisfy `RdxFormCheckboxControl`.
      * @group Props
      */
     readonly readonly: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /** Alias matching Base UI's `readOnly` prop spelling. */
-    readonly readOnly: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     /**
      * Whether or not the checkbox is required.
      * @group Props
@@ -215,7 +214,7 @@ declare class RdxCheckboxRootDirective implements RdxFormCheckboxControl {
     private setOptionalAttribute;
     private setBooleanAttribute;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCheckboxRootDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCheckboxRootDirective, "[rdxCheckboxRoot]", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "submitValue": { "alias": "value"; "required": false; "isSignal": true; }; "uncheckedValue": { "alias": "uncheckedValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "parent": { "alias": "parent"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "indeterminate": "indeterminateChange"; "onCheckedChange": "onCheckedChange"; }, never, never, true, [{ directive: typeof _radix_ng_primitives_core.RdxControlValueAccessor; inputs: { "value": "checked"; "disabled": "disabled"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCheckboxRootDirective, "[rdxCheckboxRoot]", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "submitValue": { "alias": "value"; "required": false; "isSignal": true; }; "uncheckedValue": { "alias": "uncheckedValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "parent": { "alias": "parent"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "indeterminate": "indeterminateChange"; "onCheckedChange": "onCheckedChange"; }, never, never, true, [{ directive: typeof _radix_ng_primitives_core.RdxControlValueAccessor; inputs: { "value": "checked"; "disabled": "disabled"; }; outputs: {}; }]>;
 }
 
 type RdxCheckboxGroupValueChangeReason = 'none';

package/types/radix-ng-primitives-collapsible.d.ts

@@ -2,19 +2,29 @@ import * as _angular_core from '@angular/core';
 import { Signal, ModelSignal, WritableSignal } from '@angular/core';
 import * as _radix_ng_primitives_collapsible from '@radix-ng/primitives/collapsible';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { BooleanInput, RdxTransitionStatus } from '@radix-ng/primitives/core';
-import * as i1 from '@radix-ng/primitives/presence';
+import { BooleanInput, RdxTransitionStatus, RdxCancelableChangeEventDetails } from '@radix-ng/primitives/core';
 
 /**
  * A panel with the collapsible contents.
  */
 declare class RdxCollapsiblePanelDirective {
     private readonly elementRef;
+    private readonly renderer;
+    private readonly destroyRef;
+    private readonly marker;
+    private parentNode;
+    private isAttached;
     protected readonly rootContext: _radix_ng_primitives_collapsible.CollapsibleRootContext;
+    /**
+     * Optional explicit panel id. When set, the trigger's `aria-controls` points to this id.
+     *
+     * @group Props
+     */
+    readonly id: _angular_core.InputSignal<string | undefined>;
     /**
      * Whether to keep the element in the DOM while the panel is closed.
-     * When `true`, the closed panel keeps its element (no `hidden` attribute) so the consumer's
-     * `data-closed` CSS is responsible for visually collapsing it.
+     * When `true`, the closed panel keeps its element and receives the `hidden` attribute once the
+     * close transition finishes.
      *
      * @group Props
      * @defaultValue false
@@ -30,10 +40,11 @@ declare class RdxCollapsiblePanelDirective {
     readonly hiddenUntilFound: _angular_core.InputSignalWithTransform<boolean | undefined, BooleanInput>;
     readonly height: _angular_core.WritableSignal<number | null>;
     readonly width: _angular_core.WritableSignal<number | null>;
+    /** Mirrors Base UI's `shouldRender`: hidden panels unmount unless kept for search/measurement. */
+    readonly shouldRender: _angular_core.Signal<boolean>;
     /**
-     * The `hidden` attribute value. The panel is shown while open or while its exit transition runs;
-     * a kept-mounted panel stays visible (the consumer collapses it via CSS); otherwise the closed
-     * panel is hidden — with `until-found` when find-in-page support is requested.
+     * The `hidden` attribute value. The panel is shown while open or while its exit transition runs.
+     * A kept-mounted panel remains in the DOM but is still hidden while closed.
      */
     readonly hidden: _angular_core.Signal<"" | "until-found" | undefined>;
     /**
@@ -43,12 +54,21 @@ declare class RdxCollapsiblePanelDirective {
     private isFirstMeasure;
     private originalStyles?;
     constructor();
+    private insertMarker;
+    private removeMarker;
+    private syncRenderedState;
     private updateDimensions;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCollapsiblePanelDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCollapsiblePanelDirective, "[rdxCollapsiblePanel]", never, { "keepMounted": { "alias": "keepMounted"; "required": false; "isSignal": true; }; "hiddenUntilFound": { "alias": "hiddenUntilFound"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCollapsiblePanelDirective, "[rdxCollapsiblePanel]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "keepMounted": { "alias": "keepMounted"; "required": false; "isSignal": true; }; "hiddenUntilFound": { "alias": "hiddenUntilFound"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type RdxCollapsibleState = 'open' | 'closed';
+type RdxCollapsibleOpenChangeReason = 'trigger-press' | 'none';
+type RdxCollapsibleOpenChangeEventDetails = RdxCancelableChangeEventDetails<RdxCollapsibleOpenChangeReason>;
+interface RdxCollapsibleOpenChangeEvent {
+    open: boolean;
+    eventDetails: RdxCollapsibleOpenChangeEventDetails;
+}
 interface CollapsibleRootContext {
     /** Stable id linking the trigger's `aria-controls` to the panel. */
     panelId: Signal<string>;
@@ -65,7 +85,9 @@ interface CollapsibleRootContext {
      */
     keepMounted: WritableSignal<boolean>;
     hiddenUntilFound: WritableSignal<boolean>;
-    toggle: () => void;
+    toggle: (event: Event, trigger?: HTMLElement) => void;
+    setOpen: (open: boolean, reason: RdxCollapsibleOpenChangeReason, event: Event, trigger?: HTMLElement) => boolean;
+    setPanelIdState: (id: string | undefined) => void;
     /** Registers the panel element whose transition duration gates the close completion. */
     registerTransitionElement: (element: HTMLElement) => () => void;
 }
@@ -78,6 +100,8 @@ declare const provideCollapsibleRootContext: (useFactory: () => CollapsibleRootC
  */
 declare class RdxCollapsibleRootDirective {
     private readonly transition;
+    private readonly generatedPanelId;
+    private readonly panelIdState;
     /** Reactive open/close transition phase (`'starting'` | `'ending'` | `undefined`). */
     readonly transitionStatus: Signal<RdxTransitionStatus>;
     /** Registers the panel element whose transition duration gates the close completion. */
@@ -106,7 +130,9 @@ declare class RdxCollapsibleRootDirective {
      */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     /** Stable id linking the trigger's `aria-controls` to the panel. */
-    readonly panelId: _angular_core.InputSignal<string>;
+    readonly panelId: _angular_core.InputSignal<string | undefined>;
+    /** Stable id linking the trigger's `aria-controls` to the panel. */
+    readonly resolvedPanelId: Signal<string>;
     /** Composition fallbacks (see {@link CollapsibleRootContext}). Default `false`. */
     readonly keepMountedContext: WritableSignal<boolean>;
     readonly hiddenUntilFoundContext: WritableSignal<boolean>;
@@ -117,7 +143,7 @@ declare class RdxCollapsibleRootDirective {
      *
      * @group Emits
      */
-    readonly onOpenChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly onOpenChange: _angular_core.OutputEmitterRef<RdxCollapsibleOpenChangeEvent>;
     /**
      * Event handler called after the open/close transition has finished.
      *
@@ -126,6 +152,8 @@ declare class RdxCollapsibleRootDirective {
     readonly onOpenChangeComplete: _angular_core.OutputEmitterRef<boolean>;
     private hasAppliedDefaultOpen;
     private previousOpen;
+    setPanelIdState(id: string | undefined): void;
+    setOpen(nextOpen: boolean, reason: RdxCollapsibleOpenChangeReason, event: Event, trigger?: HTMLElement): boolean;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCollapsibleRootDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCollapsibleRootDirective, "[rdxCollapsibleRoot]", ["rdxCollapsibleRoot"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "panelId": { "alias": "panelId"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "onOpenChange": "onOpenChange"; "onOpenChangeComplete": "onOpenChangeComplete"; }, never, never, true, never>;
@@ -135,26 +163,18 @@ declare class RdxCollapsibleRootDirective {
  * A button that opens and closes the collapsible panel.
  */
 declare class RdxCollapsibleTriggerDirective {
+    private readonly elementRef;
     protected readonly rootContext: _radix_ng_primitives_collapsible.CollapsibleRootContext;
+    protected handleClick(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCollapsibleTriggerDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCollapsibleTriggerDirective, "[rdxCollapsibleTrigger]", never, {}, {}, never, never, true, never>;
 }
 
-/**
- * Structural directive that mounts the collapsible panel contents only while open, unmounting them
- * once the exit animation finishes. Opt into this when the closed contents should leave the DOM;
- * otherwise apply `rdxCollapsiblePanel` directly (optionally with `keepMounted`).
- */
-declare class RdxCollapsiblePanelPresenceDirective {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCollapsiblePanelPresenceDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxCollapsiblePanelPresenceDirective, "ng-template[rdxCollapsiblePanelPresence]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxPresenceDirective; inputs: {}; outputs: {}; }]>;
-}
-
 declare class RdxCollapsibleModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxCollapsibleModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxCollapsibleModule, never, [typeof RdxCollapsiblePanelDirective, typeof RdxCollapsibleRootDirective, typeof RdxCollapsibleTriggerDirective, typeof RdxCollapsiblePanelPresenceDirective], [typeof RdxCollapsiblePanelDirective, typeof RdxCollapsibleRootDirective, typeof RdxCollapsibleTriggerDirective, typeof RdxCollapsiblePanelPresenceDirective]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxCollapsibleModule, never, [typeof RdxCollapsiblePanelDirective, typeof RdxCollapsibleRootDirective, typeof RdxCollapsibleTriggerDirective], [typeof RdxCollapsiblePanelDirective, typeof RdxCollapsibleRootDirective, typeof RdxCollapsibleTriggerDirective]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<RdxCollapsibleModule>;
 }
 
-export { RdxCollapsibleModule, RdxCollapsiblePanelDirective, RdxCollapsiblePanelPresenceDirective, RdxCollapsibleRootDirective, RdxCollapsibleTriggerDirective, injectCollapsibleRootContext, provideCollapsibleRootContext };
-export type { CollapsibleRootContext, RdxCollapsibleState };
+export { RdxCollapsibleModule, RdxCollapsiblePanelDirective, RdxCollapsibleRootDirective, RdxCollapsibleTriggerDirective, injectCollapsibleRootContext, provideCollapsibleRootContext };
+export type { CollapsibleRootContext, RdxCollapsibleOpenChangeEvent, RdxCollapsibleOpenChangeEventDetails, RdxCollapsibleOpenChangeReason, RdxCollapsibleState };