@apostel/bedrock 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Sam Apostel
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,216 @@
+# bedrock
+
+Headless React primitives built on the browser instead of on top of it.
+
+Radix-shaped anatomy — compound components, `asChild`, the same part names you
+already type. Different foundation: the top layer, invoker commands, anchor
+positioning, and `@starting-style` do the work that `Portal`, `Presence`,
+`DismissableLayer`, and Floating UI used to do.
+
+```bash
+npm i @apostel/bedrock
+```
+
+Docs, and a compat table that tests the browser you open it in:
+**<https://bedrock.sams.land>**
+
+## The shape
+
+```tsx
+import { Dialog } from '@apostel/bedrock'
+
+<Dialog.Root>
+  <Dialog.Trigger>Delete project</Dialog.Trigger>
+  <Dialog.Content>
+    <Dialog.Title>Delete project?</Dialog.Title>
+    <Dialog.Description>This cannot be undone.</Dialog.Description>
+    <Dialog.Close>Cancel</Dialog.Close>
+    <button onClick={destroy}>Delete</button>
+  </Dialog.Content>
+</Dialog.Root>
+```
+
+That renders roughly:
+
+```html
+<button commandfor="d1" command="show-modal">Delete project</button>
+<dialog id="d1">…</dialog>
+```
+
+No effect opens it. No state hook holds it. No portal moves it. The button is
+wired to the dialog by the parser, so it works before hydration and keeps
+working if your JS bundle fails to load.
+
+## Two roots
+
+The DOM owns open state. Most of the time that's all you need, so that's the
+default — and it costs nothing.
+
+**`Dialog.Root`** — the DOM opens and closes itself. Accepts `defaultOpen` and a
+read-only `onOpenChange`, which is a `toggle` listener and nothing more. This
+covers the common case that gets miscategorised as "controlled": *I need to know
+when it closed so I can reset the form.*
+
+**`Dialog.Root` from `@apostel/bedrock/controlled`** — React gets a veto. Your
+`open` prop decides whether an open is allowed to proceed.
+
+```tsx
+import { Dialog } from '@apostel/bedrock/controlled'
+
+<Dialog.Root open={open} onOpenChange={setOpen}>
+  {/* identical children */}
+</Dialog.Root>
+```
+
+Same component names, same parts, same props on every part. Swapping is a
+one-line import change, and a codemod if you're doing it across a repo.
+
+The two entry points are separate module graphs, so if nothing in your app
+imports `/controlled`, none of the reconciliation code reaches your bundle. This
+is a real guarantee from the `exports` map, not a tree-shaking hope.
+
+### How the veto works
+
+Controlled mode is **DOM leads, React vetoes**, not React-owns-state:
+
+1. User clicks. The browser fires `beforetoggle`, which is cancelable for
+   popovers. If your `open` prop disagrees, we `preventDefault()` and nothing
+   moved.
+2. `onOpenChange` fires either way, so you can decide.
+3. If your prop changes without user interaction, a reconciliation effect moves
+   the DOM to match.
+
+Where the platform gives no cancelable hook, step 1 is skipped and step 3 puts
+things back — one frame of visible movement in the refuse case only. Modal
+dialogs get an extra veto on close via `request-close` and the `cancel` event.
+
+## `asChild` and the button rule
+
+Invoker commands work on `<button>` only. Interest invokers also work on `<a>`.
+So this is fine:
+
+```tsx
+<Tooltip.Trigger asChild><a href="/pricing">Pricing</a></Tooltip.Trigger>
+```
+
+and this is not:
+
+```tsx
+<Dialog.Trigger asChild><div onClick={…}>Open</div></Dialog.Trigger>
+```
+
+A trigger that isn't a button gets no `commandfor` wiring, which means no
+keyboard activation and no implicit `aria-expanded`. That's an accessibility
+regression, and it's silent, so we make noise about it: **development throws**
+at mount, with the tag it found and the tags that part accepts. Production logs
+an error at the same check point.
+
+There is no fallback click handler. Attaching one would ship the exact
+imperative trigger machinery this library exists to delete, to every consumer,
+forever — and nobody removes a fallback that works.
+
+If you're wrapping a third-party component that renders a div and can't change
+it, take the props and own the consequences:
+
+```tsx
+const props = useDialogTrigger(id)
+<ThirdPartyThing {...props} />
+```
+
+The same check catches `<button>` inside a `<form>` without `type="button"`.
+Submit buttons can't invoke popovers — submitting and opening are conflicting
+behaviours — and that one bites people more often than the div case.
+
+## What's native and what still ships JS
+
+Be clear-eyed about this. The platform deleted positioning and layering. It did
+not delete focus management.
+
+**Almost entirely native** — AspectRatio, Separator, Label, VisuallyHidden,
+Progress, Slider, ScrollArea, Collapsible, Accordion, Checkbox, Switch,
+RadioGroup, Select, Dialog, AlertDialog, Popover.
+
+Several of those are one element and no state at all: `Progress` is
+`<progress>`, `Slider` is `<input type="range">`, `Select` is a `<select>` under
+`appearance: base-select`, and `Accordion` gets single-open exclusivity from
+`<details name>` rather than from an effect that closes its siblings.
+
+**Native layering, small JS state layer** — Tooltip, HoverCard, Avatar, Toggle,
+Toast.
+
+**Still substantially JS** — DropdownMenu, ContextMenu, Menubar,
+NavigationMenu, Tabs, Toolbar, ToggleGroup.
+
+The reason is short: there is no native roving tabindex, no native typeahead, no
+focus trap for non-modal layers, and no way to anchor to a pointer coordinate.
+Every menu-shaped primitive needs all four, and they all share one `roving.ts` —
+which ships from either entry point, so the two-root split saves them almost
+nothing. The docs say that rather than implying otherwise.
+
+Measured, not estimated — esbuild, minified, gzipped, React external:
+
+| primitive | bedrock | Radix | |
+| --- | --- | --- | --- |
+| Checkbox | **0.70 kB** | 5.9 kB | 8.5× |
+| Slider | **0.74 kB** | 9.8 kB | 13× |
+| Select | **0.84 kB** | 31.5 kB | 37× |
+| Accordion | **1.61 kB** | 8.8 kB | 5.5× |
+| Dialog | **1.95 kB** | 13.7 kB | 7× |
+| Popover | **2.11 kB** | 24.2 kB | 11× |
+| Tooltip | **2.55 kB** | 19.3 kB | 7.6× |
+| DropdownMenu | **3.55 kB** | 31.6 kB | 8.9× |
+
+The ratio narrows as the roving module gets involved and widens where the
+platform has a whole element to hand over. The bigger win is behavioural — no
+z-index fights, no portal-and-clipping bugs, no positioning recalculation on
+every scroll frame.
+
+## Browser support
+
+Latest Chrome, deliberately, for now.
+
+`appearance: base-select`, `interpolate-size`, `::scroll-marker`, and
+`popover=hint` are shipped or shipping across engines, so that bet is about
+timing. `interestfor` is the one that isn't standardised yet, and it's what
+drives Tooltip and HoverCard triggers.
+
+Because of that, **no platform feature appears in a public prop name.**
+`Tooltip.Root` takes `delayDuration`; today it becomes `interest-show-delay`,
+tomorrow it might become a timer. Feature detection lives in one module, every
+non-Baseline CSS block sits behind `@supports`, and the implementation can be
+swapped without a major version.
+
+## Styling
+
+Ship `bedrock.css` or don't — every part takes `className` and renders one
+element. Open and closed states are selectable with `:open` and
+`:popover-open`; enter and exit animation is `@starting-style` plus
+`transition-behavior: allow-discrete`, no `forceMount`, no presence wrapper.
+
+## Docs
+
+[`docs/`](./docs/README.md) — getting started, the Dialog API, styling, the
+[migration guide](./docs/migration-from-radix.md), and a
+[shadcn registry](./docs/shadcn-registry.md) that swaps Radix for bedrock in
+shadcn's own components.
+
+[`docs/compat.html`](./docs/compat.html) — live at
+<https://bedrock.sams.land/compat.html> — tests every platform feature bedrock
+uses in whatever browser you open it in, and says what each missing one does to
+your UI. Chrome 141 scores 20 of 21.
+
+Migrating with an agent: [`skills/migrate-to-bedrock`](./skills/migrate-to-bedrock/SKILL.md),
+a Claude Code skill that does the mechanical work and brings you the four
+decisions it cannot make for you.
+
+Contributing is [`CONTRIBUTING.md`](./CONTRIBUTING.md); releasing is
+[`RELEASING.md`](./RELEASING.md).
+
+[`docs/gaps.md`](./docs/gaps.md) is the case against adopting this. Read it
+first if you are evaluating.
+
+## Status
+
+Pre-alpha, but no longer a list: all 29 primitives exist, with 97 Playwright
+tests against real Chrome. What is missing is soak time, other engines, and the
+things named in [gaps](./docs/gaps.md) — not components.

package/dist/accessible-icon/parts.d.ts

@@ -0,0 +1,16 @@
+import { type ReactElement } from 'react';
+export interface AccessibleIconProps {
+    /** What a screen reader should announce in place of the glyph. */
+    label: string;
+    children: ReactElement;
+}
+/**
+ * Radix hides the icon and appends a visually hidden `<span>` carrying the
+ * label. Two elements, one of them off-screen text that has to be styled.
+ *
+ * `role="img"` plus `aria-label` says the same thing to assistive technology in
+ * one element and no CSS — an image with an accessible name, which is what an
+ * icon is.
+ */
+export declare function AccessibleIconRoot({ label, children }: AccessibleIconProps): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//# sourceMappingURL=parts.d.ts.map

package/dist/accessible-icon/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../src/accessible-icon/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AAGvE,MAAM,WAAW,mBAAmB;IAClC,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,YAAY,CAAA;CACvB;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,mBAAmB,8EAe1E"}

package/dist/accessible-icon/parts.js

@@ -0,0 +1,24 @@
+import { cloneElement, isValidElement } from 'react';
+/**
+ * Radix hides the icon and appends a visually hidden `<span>` carrying the
+ * label. Two elements, one of them off-screen text that has to be styled.
+ *
+ * `role="img"` plus `aria-label` says the same thing to assistive technology in
+ * one element and no CSS — an image with an accessible name, which is what an
+ * icon is.
+ */
+export function AccessibleIconRoot({ label, children }) {
+    if (!isValidElement(children)) {
+        throw new Error('[bedrock] AccessibleIcon expects exactly one React element child.');
+    }
+    const props = children.props;
+    return cloneElement(children, {
+        ...props,
+        role: 'img',
+        'aria-label': label,
+        'aria-hidden': undefined,
+        focusable: false,
+        'data-bedrock-accessible-icon': '',
+    });
+}
+//# sourceMappingURL=parts.js.map

package/dist/accessible-icon/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","sourceRoot":"","sources":["../../src/accessible-icon/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAA;AASvE;;;;;;;GAOG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAuB;IACzE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC9B,MAAM,IAAI,KAAK,CAAC,mEAAmE,CAAC,CAAA;IACtF,CAAC;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAiB,CAAA;IAExC,OAAO,YAAY,CAAC,QAAQ,EAAE;QAC5B,GAAG,KAAK;QACR,IAAI,EAAE,KAAK;QACX,YAAY,EAAE,KAAK;QACnB,aAAa,EAAE,SAAS;QACxB,SAAS,EAAE,KAAK;QAChB,8BAA8B,EAAE,EAAE;KACvB,CAAC,CAAA;AAChB,CAAC"}

package/dist/accordion/controlled-root.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithRef } from 'react';
+import type { AsChildProps } from '../types.js';
+export interface ControlledAccordionRootProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue'>, AsChildProps {
+    type?: 'single' | 'multiple';
+    value: string | string[];
+    orientation?: 'horizontal' | 'vertical';
+    onValueChange?: ((value: string[]) => void) | undefined;
+}
+/**
+ * Reconciles by walking its own subtree rather than by telling each item what
+ * to do, which is what keeps `Accordion.Item` byte-identical under both roots.
+ * Items publish their value as a data attribute; nothing about that costs the
+ * plain root anything.
+ *
+ * `<details>` has no cancelable toggle, so this cannot refuse before the fact:
+ * the disclosure moves, you are told, and it moves back if you decline.
+ */
+export declare function AccordionRoot({ asChild, children, type, value, orientation, onValueChange, ref, ...props }: ControlledAccordionRootProps): import("react").JSX.Element;
+//# sourceMappingURL=controlled-root.d.ts.map

package/dist/accordion/controlled-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-root.d.ts","sourceRoot":"","sources":["../../src/accordion/controlled-root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,qBAAqB,EAE3B,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAG5C,MAAM,WAAW,4BACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,EAAE,YAAY;IACxE,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC5B,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACxB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;CACxD;AAMD;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,IAAe,EACf,KAAK,EACL,WAAwB,EACxB,aAAa,EACb,GAAG,EACH,GAAG,KAAK,EACT,EAAE,4BAA4B,+BAuD9B"}

package/dist/accordion/controlled-root.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useId, useMemo, useRef, } from 'react';
+import { useComposedRefs } from '../compose-refs.js';
+import { Slot } from '../slot.js';
+import { AccordionContext } from './shared.js';
+function toArray(value) {
+    return Array.isArray(value) ? value : [value];
+}
+/**
+ * Reconciles by walking its own subtree rather than by telling each item what
+ * to do, which is what keeps `Accordion.Item` byte-identical under both roots.
+ * Items publish their value as a data attribute; nothing about that costs the
+ * plain root anything.
+ *
+ * `<details>` has no cancelable toggle, so this cannot refuse before the fact:
+ * the disclosure moves, you are told, and it moves back if you decline.
+ */
+export function AccordionRoot({ asChild, children, type = 'single', value, orientation = 'vertical', onValueChange, ref, ...props }) {
+    const name = useId();
+    const Part = asChild ? Slot : 'div';
+    const nodeRef = useRef(null);
+    const changeRef = useRef(onValueChange);
+    changeRef.current = onValueChange;
+    const values = useMemo(() => toArray(value), [value]);
+    const report = useCallback((changed, open) => {
+        const next = open
+            ? [...new Set([...values, changed])]
+            : values.filter((entry) => entry !== changed);
+        changeRef.current?.(next);
+    }, [values]);
+    useEffect(() => {
+        const root = nodeRef.current;
+        if (!root)
+            return;
+        for (const item of root.querySelectorAll('[data-bedrock-accordion-item]')) {
+            const itemValue = item.dataset.value;
+            const shouldBeOpen = itemValue !== undefined && values.includes(itemValue);
+            if (item.open !== shouldBeOpen)
+                item.open = shouldBeOpen;
+        }
+    }, [values]);
+    const context = useMemo(() => ({
+        name: type === 'single' ? name : undefined,
+        orientation,
+        report,
+        value: values,
+        defaultValue: [],
+    }), [name, type, orientation, report, values]);
+    return (_jsx(AccordionContext.Provider, { value: context, children: _jsx(Part, { ...props, ref: useComposedRefs(ref, (node) => {
+                nodeRef.current = node;
+            }), "data-orientation": orientation, "data-bedrock-accordion": "", children: children }) }));
+}
+//# sourceMappingURL=controlled-root.js.map

package/dist/accordion/controlled-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-root.js","sourceRoot":"","sources":["../../src/accordion/controlled-root.tsx"],"names":[],"mappings":"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"}

package/dist/accordion/parts.d.ts

@@ -0,0 +1,35 @@
+import { type ComponentPropsWithRef } from 'react';
+import type { AsChildProps } from '../types.js';
+export interface AccordionItemProps extends Omit<ComponentPropsWithRef<'details'>, 'value'>, AsChildProps {
+    value: string;
+    disabled?: boolean;
+}
+/**
+ * A `<details>`, sharing its `name` with its siblings when the root is
+ * `type="single"`. Exclusivity is the browser's, so it survives with no
+ * JavaScript and cannot get out of step with React state.
+ */
+export declare function AccordionItem({ asChild, children, value, disabled, ref, ...props }: AccordionItemProps): import("react").JSX.Element;
+export interface AccordionHeaderProps extends ComponentPropsWithRef<'summary'>, AsChildProps {
+}
+/**
+ * The `<summary>`. Radix renders `<h3><button aria-expanded>`; the platform's
+ * disclosure pattern is a summary, which carries the expanded state itself.
+ *
+ * If you need the heading semantics the APG asks for, put a heading *inside*
+ * this — `<Accordion.Header><h3>…</h3></Accordion.Header>` is valid and keeps
+ * the summary's behaviour.
+ */
+export declare function AccordionHeader({ asChild, ...props }: AccordionHeaderProps): import("react").JSX.Element;
+export interface AccordionTriggerProps extends ComponentPropsWithRef<'span'>, AsChildProps {
+}
+/**
+ * Sits inside the header and is not itself interactive — the summary already
+ * is, and nesting a button inside it would produce two tab stops for one
+ * control. It exists so Radix-shaped markup keeps its styling hook.
+ */
+export declare function AccordionTrigger({ asChild, ...props }: AccordionTriggerProps): import("react").JSX.Element;
+export interface AccordionContentProps extends ComponentPropsWithRef<'div'>, AsChildProps {
+}
+export declare function AccordionContent({ asChild, children, ...props }: AccordionContentProps): import("react").JSX.Element;
+//# sourceMappingURL=parts.d.ts.map

package/dist/accordion/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../src/accordion/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,qBAAqB,EAAoB,MAAM,OAAO,CAAA;AAKlG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAG5C,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,EAAE,YAAY;IACrE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAiCpB;AAED,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB,CAAC,SAAS,CAAC,EAAE,YAAY;CAAG;AAE/F;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,+BAI1E;AAED,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB,CAAC,MAAM,CAAC,EAAE,YAAY;CAAG;AAE7F;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,+BAI5E;AAED,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAAE,YAAY;CAAG;AAE5F,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,+BAUtF"}

package/dist/accordion/parts.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useMemo, useRef } from 'react';
+import { useClientRender } from '../client-render.js';
+import { useComposedRefs } from '../compose-refs.js';
+import { useOpenState } from '../open-state.js';
+import { Slot } from '../slot.js';
+import { AccordionItemContext, useAccordionContext, useAccordionItemContext } from './shared.js';
+/**
+ * A `<details>`, sharing its `name` with its siblings when the root is
+ * `type="single"`. Exclusivity is the browser's, so it survives with no
+ * JavaScript and cannot get out of step with React state.
+ */
+export function AccordionItem({ asChild, children, value, disabled, ref, ...props }) {
+    const { name, report, value: controlled, defaultValue } = useAccordionContext('Accordion.Item');
+    const Part = asChild ? Slot : 'details';
+    const reportRef = useRef(report);
+    reportRef.current = report;
+    const onToggle = useCallback((next) => reportRef.current(value, next), [value]);
+    const startsOpen = (controlled ?? defaultValue).includes(value);
+    const { open, observe } = useOpenState(onToggle, startsOpen);
+    const startsOpenRef = useRef(startsOpen);
+    const item = useMemo(() => ({ value, open }), [value, open]);
+    return (_jsx(AccordionItemContext.Provider, { value: item, children: _jsx(Part, { ...props, name: name, open: startsOpenRef.current, "data-value": value, "data-disabled": disabled ? '' : undefined, ref: useComposedRefs(ref, observe), "data-bedrock-accordion-item": "", children: children }) }));
+}
+/**
+ * The `<summary>`. Radix renders `<h3><button aria-expanded>`; the platform's
+ * disclosure pattern is a summary, which carries the expanded state itself.
+ *
+ * If you need the heading semantics the APG asks for, put a heading *inside*
+ * this — `<Accordion.Header><h3>…</h3></Accordion.Header>` is valid and keeps
+ * the summary's behaviour.
+ */
+export function AccordionHeader({ asChild, ...props }) {
+    const Part = asChild ? Slot : 'summary';
+    return _jsx(Part, { ...props, "data-bedrock-accordion-header": "" });
+}
+/**
+ * Sits inside the header and is not itself interactive — the summary already
+ * is, and nesting a button inside it would produce two tab stops for one
+ * control. It exists so Radix-shaped markup keeps its styling hook.
+ */
+export function AccordionTrigger({ asChild, ...props }) {
+    const Part = asChild ? Slot : 'span';
+    return _jsx(Part, { ...props, "data-bedrock-accordion-trigger": "" });
+}
+export function AccordionContent({ asChild, children, ...props }) {
+    const { open } = useAccordionItemContext('Accordion.Content');
+    const onClient = useClientRender();
+    const Part = asChild ? Slot : 'div';
+    return (_jsx(Part, { ...props, "data-bedrock-accordion-content": "", children: open || !onClient ? children : null }));
+}
+//# sourceMappingURL=parts.js.map

package/dist/accordion/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","sourceRoot":"","sources":["../../src/accordion/parts.tsx"],"names":[],"mappings":"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"}

package/dist/accordion/root.d.ts

@@ -0,0 +1,24 @@
+import { type ComponentPropsWithRef } from 'react';
+import type { AsChildProps } from '../types.js';
+export interface AccordionRootProps extends ComponentPropsWithRef<'div'>, AsChildProps {
+    /**
+     * `single` gives the items a shared name, which is what makes the browser
+     * close the others. `multiple` leaves them independent.
+     */
+    type?: 'single' | 'multiple';
+    defaultValue?: string | string[];
+    orientation?: 'horizontal' | 'vertical';
+    /** Reports which items are open after a change. Cannot refuse. */
+    onValueChange?(value: string[]): void;
+}
+/**
+ * Renders a plain container. All the behaviour is in the items, and all of it
+ * is `<details name>` — no roving state, no open registry, no effect that
+ * closes siblings.
+ *
+ * `type="single"` therefore always allows closing the open item, because a
+ * `<summary>` toggles. Radix's `collapsible={false}` has no native equivalent
+ * and is not offered.
+ */
+export declare function AccordionRoot({ asChild, children, type, defaultValue, orientation, onValueChange, ...props }: AccordionRootProps): import("react").JSX.Element;
+//# sourceMappingURL=root.d.ts.map

package/dist/accordion/root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../src/accordion/root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,qBAAqB,EAE3B,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAG5C,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAAE,YAAY;IACpF;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,kEAAkE;IAClE,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;CACtC;AAOD;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,IAAe,EACf,YAAY,EACZ,WAAwB,EACxB,aAAa,EACb,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAwCpB"}

package/dist/accordion/root.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useId, useMemo, useRef, } from 'react';
+import { Slot } from '../slot.js';
+import { AccordionContext } from './shared.js';
+function toArray(value) {
+    if (value === undefined)
+        return [];
+    return Array.isArray(value) ? value : [value];
+}
+/**
+ * Renders a plain container. All the behaviour is in the items, and all of it
+ * is `<details name>` — no roving state, no open registry, no effect that
+ * closes siblings.
+ *
+ * `type="single"` therefore always allows closing the open item, because a
+ * `<summary>` toggles. Radix's `collapsible={false}` has no native equivalent
+ * and is not offered.
+ */
+export function AccordionRoot({ asChild, children, type = 'single', defaultValue, orientation = 'vertical', onValueChange, ...props }) {
+    const name = useId();
+    const Part = asChild ? Slot : 'div';
+    const changeRef = useRef(onValueChange);
+    changeRef.current = onValueChange;
+    // Tracked in a ref rather than state: the DOM is the source of truth, and the
+    // root has nothing to re-render when an item opens. Read once, as the name of
+    // the prop says.
+    const initialValues = useRef(toArray(defaultValue));
+    const openValues = useRef(initialValues.current);
+    const report = useCallback((value, open) => {
+        const next = open
+            ? [...new Set([...openValues.current, value])]
+            : openValues.current.filter((entry) => entry !== value);
+        openValues.current = next;
+        changeRef.current?.(next);
+    }, []);
+    const context = useMemo(() => ({
+        name: type === 'single' ? name : undefined,
+        orientation,
+        report,
+        value: undefined,
+        defaultValue: initialValues.current,
+    }), [name, type, orientation, report]);
+    return (_jsx(AccordionContext.Provider, { value: context, children: _jsx(Part, { ...props, "data-orientation": orientation, "data-bedrock-accordion": "", children: children }) }));
+}
+//# sourceMappingURL=root.js.map

package/dist/accordion/root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.js","sourceRoot":"","sources":["../../src/accordion/root.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,EACX,KAAK,EACL,OAAO,EACP,MAAM,GAGP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAc3C,SAAS,OAAO,CAAC,KAAoC;IACnD,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,EAAE,CAAA;IAClC,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;AAC/C,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,YAAY,EACZ,WAAW,GAAG,UAAU,EACxB,aAAa,EACb,GAAG,KAAK,EACW;IACnB,MAAM,IAAI,GAAG,KAAK,EAAE,CAAA;IACpB,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IAEhD,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;IACvC,SAAS,CAAC,OAAO,GAAG,aAAa,CAAA;IAEjC,8EAA8E;IAC9E,8EAA8E;IAC9E,iBAAiB;IACjB,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,MAAM,CAAW,aAAa,CAAC,OAAO,CAAC,CAAA;IAE1D,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,IAAa,EAAE,EAAE;QAC1D,MAAM,IAAI,GAAG,IAAI;YACf,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;YAC9C,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,CAAA;QAEzD,UAAU,CAAC,OAAO,GAAG,IAAI,CAAA;QACzB,SAAS,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,CAAA;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;QAC1C,WAAW;QACX,MAAM;QACN,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,aAAa,CAAC,OAAO;KACpC,CAAC,EACF,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,CAAC,CAClC,CAAA;IAED,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACvC,KAAC,IAAI,OAAK,KAAK,sBAAoB,WAAW,4BAAyB,EAAE,YACtE,QAAQ,GACJ,GACmB,CAC7B,CAAA;AACH,CAAC"}

package/dist/accordion/shared.d.ts

@@ -0,0 +1,23 @@
+export interface AccordionContextValue {
+    /**
+     * Shared `name` for the items. A group of `<details>` with the same name is
+     * mutually exclusive in the browser — that is the whole of `type="single"`,
+     * with no state and no JavaScript.
+     */
+    name: string | undefined;
+    orientation: 'horizontal' | 'vertical';
+    /** Reported up from an item's `toggle`, for `onValueChange`. */
+    report(value: string, open: boolean): void;
+    /** Which values the root wants open, when it is the controlled root. */
+    value: readonly string[] | undefined;
+    defaultValue: readonly string[];
+}
+export declare const AccordionContext: import("react").Context<AccordionContextValue | null>;
+export declare function useAccordionContext(part: string): AccordionContextValue;
+export interface AccordionItemContextValue {
+    value: string;
+    open: boolean;
+}
+export declare const AccordionItemContext: import("react").Context<AccordionItemContextValue | null>;
+export declare function useAccordionItemContext(part: string): AccordionItemContextValue;
+//# sourceMappingURL=shared.d.ts.map

package/dist/accordion/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/accordion/shared.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,WAAW,EAAE,YAAY,GAAG,UAAU,CAAA;IACtC,gEAAgE;IAChE,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,CAAA;IAC1C,wEAAwE;IACxE,KAAK,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAA;IACpC,YAAY,EAAE,SAAS,MAAM,EAAE,CAAA;CAChC;AAED,eAAO,MAAM,gBAAgB,uDAAoD,CAAA;AAEjF,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,qBAAqB,CAIvE;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;CACd;AAED,eAAO,MAAM,oBAAoB,2DAAwD,CAAA;AAEzF,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,GAAG,yBAAyB,CAI/E"}

package/dist/accordion/shared.js

@@ -0,0 +1,16 @@
+import { createContext, useContext } from 'react';
+export const AccordionContext = createContext(null);
+export function useAccordionContext(part) {
+    const context = useContext(AccordionContext);
+    if (!context)
+        throw new Error(`[bedrock] ${part} must be used inside Accordion.Root.`);
+    return context;
+}
+export const AccordionItemContext = createContext(null);
+export function useAccordionItemContext(part) {
+    const context = useContext(AccordionItemContext);
+    if (!context)
+        throw new Error(`[bedrock] ${part} must be used inside Accordion.Item.`);
+    return context;
+}
+//# sourceMappingURL=shared.js.map

package/dist/accordion/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/accordion/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAiBjD,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAA+B,IAAI,CAAC,CAAA;AAEjF,MAAM,UAAU,mBAAmB,CAAC,IAAY;IAC9C,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAC5C,IAAI,CAAC,OAAO;QAAE,MAAM,IAAI,KAAK,CAAC,aAAa,IAAI,sCAAsC,CAAC,CAAA;IACtF,OAAO,OAAO,CAAA;AAChB,CAAC;AAOD,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAmC,IAAI,CAAC,CAAA;AAEzF,MAAM,UAAU,uBAAuB,CAAC,IAAY;IAClD,MAAM,OAAO,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAChD,IAAI,CAAC,OAAO;QAAE,MAAM,IAAI,KAAK,CAAC,aAAa,IAAI,sCAAsC,CAAC,CAAA;IACtF,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/dist/alert-dialog/parts.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentPropsWithRef } from 'react';
+import { type DialogContentProps } from '../dialog/parts.js';
+export type AlertDialogContentProps = DialogContentProps;
+/**
+ * A Dialog announced as an alert dialog. The difference is `role`, plus the
+ * convention that the only ways out are the buttons you provide — which is the
+ * native default, since a modal `<dialog>` has no light dismiss to disable.
+ *
+ * Escape still closes, exactly as it does in Radix's AlertDialog.
+ */
+export declare function AlertDialogContent(props: AlertDialogContentProps): import("react").JSX.Element;
+export type AlertDialogActionProps = ComponentPropsWithRef<'button'>;
+/** A close button that runs your handler. Both Action and Cancel dismiss. */
+export declare function AlertDialogAction(props: AlertDialogActionProps): import("react").JSX.Element;
+export declare function AlertDialogCancel(props: AlertDialogActionProps): import("react").JSX.Element;
+//# sourceMappingURL=parts.d.ts.map

package/dist/alert-dialog/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../src/alert-dialog/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAA8B,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAErF,MAAM,MAAM,uBAAuB,GAAG,kBAAkB,CAAA;AAExD;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,+BAEhE;AAED,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAA;AAEpE,6EAA6E;AAC7E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAE9D;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAE9D"}