@apostel/bedrock 0.1.0

package/dist/alert-dialog/parts.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DialogClose, DialogContent } from '../dialog/parts.js';
+/**
+ * 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 function AlertDialogContent(props) {
+    return _jsx(DialogContent, { role: "alertdialog", ...props });
+}
+/** A close button that runs your handler. Both Action and Cancel dismiss. */
+export function AlertDialogAction(props) {
+    return _jsx(DialogClose, { ...props, "data-bedrock-alert-dialog-action": "" });
+}
+export function AlertDialogCancel(props) {
+    return _jsx(DialogClose, { ...props, "data-bedrock-alert-dialog-cancel": "" });
+}
+//# sourceMappingURL=parts.js.map

package/dist/alert-dialog/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","sourceRoot":"","sources":["../../src/alert-dialog/parts.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,aAAa,EAA2B,MAAM,iBAAiB,CAAA;AAIrF;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,OAAO,KAAC,aAAa,IAAC,IAAI,EAAC,aAAa,KAAK,KAAK,GAAI,CAAA;AACxD,CAAC;AAID,6EAA6E;AAC7E,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,OAAO,KAAC,WAAW,OAAK,KAAK,sCAAmC,EAAE,GAAG,CAAA;AACvE,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,OAAO,KAAC,WAAW,OAAK,KAAK,sCAAmC,EAAE,GAAG,CAAA;AACvE,CAAC"}

package/dist/anchor.d.ts

@@ -0,0 +1,27 @@
+import type { CSSProperties } from 'react';
+export type Side = 'top' | 'right' | 'bottom' | 'left';
+export type Align = 'start' | 'center' | 'end';
+/**
+ * `anchor-name` is document-scoped, so every instance needs its own. React's
+ * generated ids are not all valid in a dashed-ident — `«r0»` is a real format —
+ * so anything outside the ident grammar is replaced rather than trusted.
+ */
+export declare function anchorName(id: string): string;
+export interface PlacementOptions {
+    side: Side;
+    align: Align;
+    sideOffset: number;
+    /** Flip to the opposite side rather than overflow the viewport. */
+    avoidCollisions: boolean;
+}
+/**
+ * Inline styles rather than a stylesheet, because the anchor name is per
+ * instance and because this library does not require its CSS to be loaded.
+ *
+ * A browser without anchor positioning ignores every one of these declarations
+ * and the popover lands where the UA puts it — centred, usable, not beside its
+ * trigger. That is the documented degradation, and it needs no feature test
+ * because an unsupported property is simply dropped.
+ */
+export declare function placementStyles(anchor: string, options: PlacementOptions): CSSProperties;
+//# sourceMappingURL=anchor.d.ts.map

package/dist/anchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor.d.ts","sourceRoot":"","sources":["../src/anchor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,MAAM,MAAM,IAAI,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;AACtD,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAE9C;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAE7C;AAwDD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,EAAE,KAAK,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,mEAAmE;IACnE,eAAe,EAAE,OAAO,CAAA;CACzB;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,GAAG,aAAa,CAyBxF"}

package/dist/anchor.js

@@ -0,0 +1,70 @@
+/**
+ * `anchor-name` is document-scoped, so every instance needs its own. React's
+ * generated ids are not all valid in a dashed-ident — `«r0»` is a real format —
+ * so anything outside the ident grammar is replaced rather than trusted.
+ */
+export function anchorName(id) {
+    return `--bedrock-${id.replace(/[^\w-]/g, '')}`;
+}
+const BLOCK_SIDE = {
+    start: { area: 'span-inline-end', alignment: 'start' },
+    center: { area: 'span-all', alignment: 'anchor-center' },
+    end: { area: 'span-inline-start', alignment: 'end' },
+};
+const INLINE_SIDE = {
+    start: { area: 'span-block-end', alignment: 'start' },
+    center: { area: 'span-all', alignment: 'anchor-center' },
+    end: { area: 'span-block-start', alignment: 'end' },
+};
+const AREA = {
+    top: BLOCK_SIDE,
+    bottom: BLOCK_SIDE,
+    left: INLINE_SIDE,
+    right: INLINE_SIDE,
+};
+const CELL = {
+    top: 'block-start',
+    bottom: 'block-end',
+    left: 'inline-start',
+    right: 'inline-end',
+};
+const OFFSET_EDGE = {
+    top: 'marginBottom',
+    bottom: 'marginTop',
+    left: 'marginRight',
+    right: 'marginLeft',
+};
+/**
+ * Inline styles rather than a stylesheet, because the anchor name is per
+ * instance and because this library does not require its CSS to be loaded.
+ *
+ * A browser without anchor positioning ignores every one of these declarations
+ * and the popover lands where the UA puts it — centred, usable, not beside its
+ * trigger. That is the documented degradation, and it needs no feature test
+ * because an unsupported property is simply dropped.
+ */
+export function placementStyles(anchor, options) {
+    const { side, align, sideOffset, avoidCollisions } = options;
+    const placement = AREA[side][align];
+    const alongBlock = side === 'top' || side === 'bottom';
+    const styles = {
+        positionAnchor: anchor,
+        positionArea: `${CELL[side]} ${placement.area}`,
+        // The UA stylesheet centres a popover with `inset: 0; margin: auto`, and
+        // auto margins beat self-alignment. Undoing both is what lets `align` mean
+        // anything at all — without it every popover sits in the middle of the
+        // viewport with the anchor styles quietly applied and ignored.
+        inset: 'auto',
+        margin: '0',
+        // Sized by its content, not by the region it sits in.
+        width: 'max-content',
+        maxWidth: 'max-content',
+        [alongBlock ? 'justifySelf' : 'alignSelf']: placement.alignment,
+    };
+    if (sideOffset !== 0)
+        styles[OFFSET_EDGE[side]] = `${sideOffset}px`;
+    if (avoidCollisions)
+        styles.positionTryFallbacks = 'flip-block, flip-inline, flip-start';
+    return styles;
+}
+//# sourceMappingURL=anchor.js.map

package/dist/anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor.js","sourceRoot":"","sources":["../src/anchor.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EAAU;IACnC,OAAO,aAAa,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAA;AACjD,CAAC;AAuBD,MAAM,UAAU,GAA6B;IAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,SAAS,EAAE,OAAO,EAAE;IACtD,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE;IACxD,GAAG,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,SAAS,EAAE,KAAK,EAAE;CACrD,CAAA;AAED,MAAM,WAAW,GAA6B;IAC5C,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,OAAO,EAAE;IACrD,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE;IACxD,GAAG,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,SAAS,EAAE,KAAK,EAAE;CACpD,CAAA;AAED,MAAM,IAAI,GAA2C;IACnD,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,UAAU;IAClB,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,WAAW;CACnB,CAAA;AAED,MAAM,IAAI,GAAyB;IACjC,GAAG,EAAE,aAAa;IAClB,MAAM,EAAE,WAAW;IACnB,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,YAAY;CACpB,CAAA;AAED,MAAM,WAAW,GAAyB;IACxC,GAAG,EAAE,cAAc;IACnB,MAAM,EAAE,WAAW;IACnB,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,YAAY;CACpB,CAAA;AAUD;;;;;;;;GAQG;AACH,MAAM,UAAU,eAAe,CAAC,MAAc,EAAE,OAAyB;IACvE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,OAAO,CAAA;IAE5D,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAA;IACnC,MAAM,UAAU,GAAG,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,QAAQ,CAAA;IAEtD,MAAM,MAAM,GAA2B;QACrC,cAAc,EAAE,MAAM;QACtB,YAAY,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,IAAI,EAAE;QAC/C,yEAAyE;QACzE,2EAA2E;QAC3E,uEAAuE;QACvE,+DAA+D;QAC/D,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,GAAG;QACX,sDAAsD;QACtD,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,aAAa;QACvB,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS;KAChE,CAAA;IAED,IAAI,UAAU,KAAK,CAAC;QAAE,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,UAAU,IAAI,CAAA;IACnE,IAAI,eAAe;QAAE,MAAM,CAAC,oBAAoB,GAAG,qCAAqC,CAAA;IAExF,OAAO,MAAuB,CAAA;AAChC,CAAC"}

package/dist/aspect-ratio/parts.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentPropsWithRef } from 'react';
+import type { AsChildProps } from '../types.js';
+export interface AspectRatioProps extends ComponentPropsWithRef<'div'>, AsChildProps {
+    /** Width divided by height. `16 / 9`, not the string. */
+    ratio?: number;
+}
+/**
+ * One `aspect-ratio` declaration. Radix ships a padding-bottom wrapper and an
+ * absolutely positioned child because the CSS property did not exist when it
+ * was written; it has been Baseline since 2021.
+ *
+ * The nested element and the position juggling go with it, so this is a single
+ * element that can be laid out normally.
+ */
+export declare function AspectRatioRoot({ asChild, ratio, style, ...props }: AspectRatioProps): import("react").JSX.Element;
+//# sourceMappingURL=parts.d.ts.map

package/dist/aspect-ratio/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../src/aspect-ratio/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAe,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE5C,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAAE,YAAY;IAClF,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,KAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAIxF"}

package/dist/aspect-ratio/parts.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '../slot.js';
+/**
+ * One `aspect-ratio` declaration. Radix ships a padding-bottom wrapper and an
+ * absolutely positioned child because the CSS property did not exist when it
+ * was written; it has been Baseline since 2021.
+ *
+ * The nested element and the position juggling go with it, so this is a single
+ * element that can be laid out normally.
+ */
+export function AspectRatioRoot({ asChild, ratio = 1, style, ...props }) {
+    const Part = asChild ? Slot : 'div';
+    return _jsx(Part, { ...props, style: { aspectRatio: ratio, ...style }, "data-bedrock-aspect-ratio": "" });
+}
+//# sourceMappingURL=parts.js.map

package/dist/aspect-ratio/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","sourceRoot":"","sources":["../../src/aspect-ratio/parts.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAQ9B;;;;;;;GAOG;AACH,MAAM,UAAU,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAoB;IACvF,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IAEhD,OAAO,KAAC,IAAI,OAAK,KAAK,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,+BAA4B,EAAE,GAAG,CAAA;AAClG,CAAC"}

package/dist/avatar/parts.d.ts

@@ -0,0 +1,23 @@
+import { type ComponentPropsWithRef } from 'react';
+import type { AsChildProps } from '../types.js';
+export interface AvatarProps extends ComponentPropsWithRef<'span'>, AsChildProps {
+}
+/**
+ * The one primitive here that genuinely needs JavaScript: there is no CSS or
+ * markup that says "show this element only if that image failed to load".
+ * `<object>` and `<picture>` both come close and neither degrades to arbitrary
+ * fallback content.
+ */
+export declare function AvatarRoot({ asChild, children, ...props }: AvatarProps): import("react").JSX.Element;
+export interface AvatarImageProps extends ComponentPropsWithRef<'img'>, AsChildProps {
+}
+export declare function AvatarImage({ asChild, onLoad, onError, ...props }: AvatarImageProps): import("react").JSX.Element;
+export interface AvatarFallbackProps extends ComponentPropsWithRef<'span'>, AsChildProps {
+    /**
+     * Wait this long before showing. Stops a flash of initials on a fast
+     * connection, where the image arrives in the same frame.
+     */
+    delayMs?: number;
+}
+export declare function AvatarFallback({ asChild, delayMs, ...props }: AvatarFallbackProps): import("react").JSX.Element | null;
+//# sourceMappingURL=parts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../src/avatar/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,qBAAqB,EAG3B,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAiB5C,MAAM,WAAW,WAAY,SAAQ,qBAAqB,CAAC,MAAM,CAAC,EAAE,YAAY;CAAG;AAEnF;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAYtE;AAED,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAAE,YAAY;CAAG;AAEvF,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAqBnF;AAED,MAAM,WAAW,mBAAoB,SAAQ,qBAAqB,CAAC,MAAM,CAAC,EAAE,YAAY;IACtF;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,OAAW,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,sCAcrF"}

package/dist/avatar/parts.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useMemo, useState, } from 'react';
+import { Slot } from '../slot.js';
+const AvatarContext = createContext(null);
+function useAvatarContext(part) {
+    const context = useContext(AvatarContext);
+    if (!context)
+        throw new Error(`[bedrock] ${part} must be used inside Avatar.Root.`);
+    return context;
+}
+/**
+ * The one primitive here that genuinely needs JavaScript: there is no CSS or
+ * markup that says "show this element only if that image failed to load".
+ * `<object>` and `<picture>` both come close and neither degrades to arbitrary
+ * fallback content.
+ */
+export function AvatarRoot({ asChild, children, ...props }) {
+    const [status, setStatus] = useState('idle');
+    const Part = asChild ? Slot : 'span';
+    const context = useMemo(() => ({ status, setStatus }), [status]);
+    return (_jsx(AvatarContext.Provider, { value: context, children: _jsx(Part, { ...props, "data-bedrock-avatar": "", children: children }) }));
+}
+export function AvatarImage({ asChild, onLoad, onError, ...props }) {
+    const { status, setStatus } = useAvatarContext('Avatar.Image');
+    const Part = asChild ? Slot : 'img';
+    return (_jsx(Part, { ...props, 
+        // Hidden rather than unmounted while loading, so the request starts and
+        // the browser's own cache and priority hints still apply.
+        style: status === 'loaded' ? props.style : { ...props.style, display: 'none' }, onLoad: (event) => {
+            setStatus('loaded');
+            onLoad?.(event);
+        }, onError: (event) => {
+            setStatus('error');
+            onError?.(event);
+        }, "data-bedrock-avatar-image": "" }));
+}
+export function AvatarFallback({ asChild, delayMs = 0, ...props }) {
+    const { status } = useAvatarContext('Avatar.Fallback');
+    const [waited, setWaited] = useState(delayMs === 0);
+    const Part = asChild ? Slot : 'span';
+    useEffect(() => {
+        if (delayMs === 0)
+            return;
+        const timer = setTimeout(() => setWaited(true), delayMs);
+        return () => clearTimeout(timer);
+    }, [delayMs]);
+    if (status === 'loaded' || !waited)
+        return null;
+    return _jsx(Part, { ...props, "data-bedrock-avatar-fallback": "" });
+}
+//# sourceMappingURL=parts.js.map

package/dist/avatar/parts.js.map

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

package/dist/bedrock.css

@@ -0,0 +1,64 @@
+/*
+ * Optional. Every part takes className and renders exactly one element, so
+ * ignoring this file entirely is a supported way to use the library.
+ *
+ * What it demonstrates: enter and exit animation with no presence wrapper, no
+ * forceMount, and no unmount timing in JavaScript. `allow-discrete` keeps the
+ * element around for the exit transition; `overlay` keeps it in the top layer
+ * while that happens, which is the part people get wrong and then blame
+ * z-index for.
+ */
+
+[data-bedrock-dialog] {
+  --_duration: 180ms;
+  --_ease: cubic-bezier(0.2, 0, 0, 1);
+
+  border: none;
+  padding: 0;
+  opacity: 0;
+  scale: 0.96;
+
+  transition:
+    opacity var(--_duration) var(--_ease),
+    scale var(--_duration) var(--_ease),
+    display var(--_duration) allow-discrete,
+    overlay var(--_duration) allow-discrete;
+}
+
+[data-bedrock-dialog]:open {
+  opacity: 1;
+  scale: 1;
+}
+
+@starting-style {
+  [data-bedrock-dialog]:open {
+    opacity: 0;
+    scale: 0.96;
+  }
+}
+
+[data-bedrock-dialog]::backdrop {
+  background: rgb(0 0 0 / 0.4);
+  opacity: 0;
+  transition:
+    opacity var(--_duration) var(--_ease),
+    display var(--_duration) allow-discrete,
+    overlay var(--_duration) allow-discrete;
+}
+
+[data-bedrock-dialog]:open::backdrop {
+  opacity: 1;
+}
+
+@starting-style {
+  [data-bedrock-dialog]:open::backdrop {
+    opacity: 0;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  [data-bedrock-dialog],
+  [data-bedrock-dialog]::backdrop {
+    --_duration: 1ms;
+  }
+}

package/dist/capabilities.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Every non-Baseline feature test lives here, so swapping an implementation
+ * when a spec lands is one file rather than a search.
+ *
+ * All of them are safe to call while server-rendering.
+ */
+/**
+ * `interestfor` — hover and focus intent without timers. Not standardised, and
+ * not in Chrome stable as of 141, which is why Tooltip and HoverCard ship the
+ * JavaScript path as their normal one rather than as a contingency.
+ */
+export declare function supportsInterestInvokers(): boolean;
+/** Anchor positioning. Without it, overlays land where the UA puts them. */
+export declare function supportsAnchorPositioning(): boolean;
+/** `popover=hint`, which layers above an open menu instead of closing it. */
+export declare function supportsHintPopovers(): boolean;
+/**
+ * The same test, as a hook, for anything that changes what is rendered.
+ *
+ * A plain call would return false on the server and true on the client's first
+ * render, which is a hydration mismatch. This reports the server's answer for
+ * the hydrating render and the real one immediately after.
+ */
+export declare function useSupportsInterestInvokers(): boolean;
+//# sourceMappingURL=capabilities.d.ts.map

package/dist/capabilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"capabilities.d.ts","sourceRoot":"","sources":["../src/capabilities.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH;;;;GAIG;AACH,wBAAgB,wBAAwB,IAAI,OAAO,CAElD;AAED,4EAA4E;AAC5E,wBAAgB,yBAAyB,IAAI,OAAO,CAEnD;AAED,6EAA6E;AAC7E,wBAAgB,oBAAoB,IAAI,OAAO,CAM9C;AAED;;;;;;GAMG;AACH,wBAAgB,2BAA2B,IAAI,OAAO,CAErD"}

package/dist/capabilities.js

@@ -0,0 +1,40 @@
+/**
+ * Every non-Baseline feature test lives here, so swapping an implementation
+ * when a spec lands is one file rather than a search.
+ *
+ * All of them are safe to call while server-rendering.
+ */
+import { useSyncExternalStore } from 'react';
+const hasDom = typeof window !== 'undefined';
+const noopSubscribe = () => () => { };
+/**
+ * `interestfor` — hover and focus intent without timers. Not standardised, and
+ * not in Chrome stable as of 141, which is why Tooltip and HoverCard ship the
+ * JavaScript path as their normal one rather than as a contingency.
+ */
+export function supportsInterestInvokers() {
+    return hasDom && 'interestForElement' in HTMLButtonElement.prototype;
+}
+/** Anchor positioning. Without it, overlays land where the UA puts them. */
+export function supportsAnchorPositioning() {
+    return hasDom && CSS.supports('anchor-name', '--a');
+}
+/** `popover=hint`, which layers above an open menu instead of closing it. */
+export function supportsHintPopovers() {
+    if (!hasDom)
+        return false;
+    const element = document.createElement('div');
+    element.popover = 'hint';
+    return element.popover === 'hint';
+}
+/**
+ * The same test, as a hook, for anything that changes what is rendered.
+ *
+ * A plain call would return false on the server and true on the client's first
+ * render, which is a hydration mismatch. This reports the server's answer for
+ * the hydrating render and the real one immediately after.
+ */
+export function useSupportsInterestInvokers() {
+    return useSyncExternalStore(noopSubscribe, supportsInterestInvokers, () => false);
+}
+//# sourceMappingURL=capabilities.js.map

package/dist/capabilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"capabilities.js","sourceRoot":"","sources":["../src/capabilities.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE5C,MAAM,MAAM,GAAG,OAAO,MAAM,KAAK,WAAW,CAAA;AAC5C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC,CAAA;AAEpC;;;;GAIG;AACH,MAAM,UAAU,wBAAwB;IACtC,OAAO,MAAM,IAAI,oBAAoB,IAAI,iBAAiB,CAAC,SAAS,CAAA;AACtE,CAAC;AAED,4EAA4E;AAC5E,MAAM,UAAU,yBAAyB;IACvC,OAAO,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;AACrD,CAAC;AAED,6EAA6E;AAC7E,MAAM,UAAU,oBAAoB;IAClC,IAAI,CAAC,MAAM;QAAE,OAAO,KAAK,CAAA;IAEzB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IAC7C,OAAO,CAAC,OAAO,GAAG,MAAM,CAAA;IACxB,OAAO,OAAO,CAAC,OAAO,KAAK,MAAM,CAAA;AACnC,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,2BAA2B;IACzC,OAAO,oBAAoB,CAAC,aAAa,EAAE,wBAAwB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,CAAA;AACnF,CAAC"}

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

@@ -0,0 +1,18 @@
+import { type ComponentPropsWithRef } from 'react';
+import type { AsChildProps } from '../types.js';
+export interface ControlledCheckboxProps extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'defaultChecked'>, AsChildProps {
+    checked: boolean;
+    indeterminate?: boolean;
+    onCheckedChange?: ((checked: boolean) => void) | undefined;
+}
+/**
+ * The veto for a form control is React's own controlled input, and it works the
+ * way the rest of this library does: the user clicks, the DOM flips, you are
+ * told, and if your prop does not change React puts it back before paint.
+ *
+ * So there is no reconciliation layer here, no adapter and no listener — which
+ * is why this file is fifteen lines rather than ninety. `useControlledRoot`
+ * exists for top-layer elements, where the platform's events are the only hook.
+ */
+export declare function CheckboxRoot({ asChild, children: _children, checked, indeterminate, onCheckedChange, onChange, ...props }: ControlledCheckboxProps): import("react").JSX.Element;
+//# sourceMappingURL=controlled-root.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-root.d.ts","sourceRoot":"","sources":["../../src/checkbox/controlled-root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,qBAAqB,EAAoB,MAAM,OAAO,CAAA;AAEnG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE5C,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC,EAAE,YAAY;IACrF,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;CAC3D;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EAAE,SAAS,EACnB,OAAO,EACP,aAAqB,EACrB,eAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,+BA0BzB"}

package/dist/checkbox/controlled-root.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Slot } from '../slot.js';
+/**
+ * The veto for a form control is React's own controlled input, and it works the
+ * way the rest of this library does: the user clicks, the DOM flips, you are
+ * told, and if your prop does not change React puts it back before paint.
+ *
+ * So there is no reconciliation layer here, no adapter and no listener — which
+ * is why this file is fifteen lines rather than ninety. `useControlledRoot`
+ * exists for top-layer elements, where the platform's events are the only hook.
+ */
+export function CheckboxRoot({ asChild, children: _children, checked, indeterminate = false, onCheckedChange, onChange, ...props }) {
+    const Part = asChild ? Slot : 'input';
+    const handleChange = useCallback((event) => {
+        onChange?.(event);
+        onCheckedChange?.(event.currentTarget.checked);
+    }, [onChange, onCheckedChange]);
+    return (_jsx(Part, { ...props, type: "checkbox", checked: checked, 
+        // Deliberately not a ref effect: React writes `checked` on every render,
+        // and `indeterminate` has to be written alongside it or a controlled
+        // checkbox can show a tick and a dash at once.
+        ref: (node) => {
+            if (node)
+                node.indeterminate = indeterminate;
+        }, onChange: handleChange, "data-bedrock-checkbox": "" }));
+}
+//# sourceMappingURL=controlled-root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-root.js","sourceRoot":"","sources":["../../src/checkbox/controlled-root.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAkE,MAAM,OAAO,CAAA;AACnG,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAU9B;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EAAE,SAAS,EACnB,OAAO,EACP,aAAa,GAAG,KAAK,EACrB,eAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACgB;IACxB,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAA;IAElD,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAoC,EAAE,EAAE;QACvC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAA;QACjB,eAAe,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IAChD,CAAC,EACD,CAAC,QAAQ,EAAE,eAAe,CAAC,CAC5B,CAAA;IAED,OAAO,CACL,KAAC,IAAI,OACC,KAAK,EACT,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO;QAChB,yEAAyE;QACzE,qEAAqE;QACrE,+CAA+C;QAC/C,GAAG,EAAE,CAAC,IAA6B,EAAE,EAAE;YACrC,IAAI,IAAI;gBAAE,IAAI,CAAC,aAAa,GAAG,aAAa,CAAA;QAC9C,CAAC,EACD,QAAQ,EAAE,YAAY,2BACA,EAAE,GACxB,CACH,CAAA;AACH,CAAC"}

package/dist/checkbox/parts.d.ts

@@ -0,0 +1,29 @@
+import { type ComponentPropsWithRef } from 'react';
+import type { AsChildProps } from '../types.js';
+export interface CheckboxProps extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'checked'>, AsChildProps {
+    defaultChecked?: boolean;
+    /**
+     * Property-only in the DOM — there is no `indeterminate` attribute — so this
+     * is the one thing here that needs an effect. Expected, not a lapse.
+     */
+    indeterminate?: boolean;
+    onCheckedChange?(checked: boolean): void;
+}
+/**
+ * A real `<input type="checkbox">`. The role, the `:checked` state, form
+ * participation, `required` validation and the space-bar behaviour are all the
+ * element's own.
+ *
+ * Radix renders a `<button role="checkbox">` next to a hidden input, and keeps
+ * the two in sync. There is nothing here to keep in sync.
+ */
+export declare function CheckboxRoot({ asChild, children: _children, indeterminate, onCheckedChange, onChange, ref, ...props }: CheckboxProps): import("react").JSX.Element;
+export interface CheckboxIndicatorProps extends ComponentPropsWithRef<'span'>, AsChildProps {
+}
+/**
+ * Renders nothing: an `<input>` cannot have children, so the tick is drawn by
+ * the element. Set `appearance: none` and draw it with `::before` under
+ * `:checked` and `:indeterminate`.
+ */
+export declare function CheckboxIndicator({ className }: CheckboxIndicatorProps): null;
+//# sourceMappingURL=parts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../src/checkbox/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,qBAAqB,EAE3B,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE5C,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,YAAY;IAC9E,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;CACzC;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EAAE,SAAS,EACnB,aAAqB,EACrB,eAAe,EACf,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,aAAa,+BA2Bf;AAID,MAAM,WAAW,sBAAuB,SAAQ,qBAAqB,CAAC,MAAM,CAAC,EAAE,YAAY;CAAG;AAE9F;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE,sBAAsB,QAUtE"}

package/dist/checkbox/parts.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, } from 'react';
+import { useComposedRefs } from '../compose-refs.js';
+import { Slot } from '../slot.js';
+/**
+ * A real `<input type="checkbox">`. The role, the `:checked` state, form
+ * participation, `required` validation and the space-bar behaviour are all the
+ * element's own.
+ *
+ * Radix renders a `<button role="checkbox">` next to a hidden input, and keeps
+ * the two in sync. There is nothing here to keep in sync.
+ */
+export function CheckboxRoot({ asChild, children: _children, indeterminate = false, onCheckedChange, onChange, ref, ...props }) {
+    const Part = asChild ? Slot : 'input';
+    const nodeRef = useRef(null);
+    useEffect(() => {
+        if (nodeRef.current)
+            nodeRef.current.indeterminate = indeterminate;
+    }, [indeterminate]);
+    const handleChange = useCallback((event) => {
+        onChange?.(event);
+        onCheckedChange?.(event.currentTarget.checked);
+    }, [onChange, onCheckedChange]);
+    return (_jsx(Part, { ...props, type: "checkbox", onChange: handleChange, ref: useComposedRefs(ref, (node) => {
+            nodeRef.current = node;
+        }), "data-bedrock-checkbox": "" }));
+}
+let warned = false;
+/**
+ * Renders nothing: an `<input>` cannot have children, so the tick is drawn by
+ * the element. Set `appearance: none` and draw it with `::before` under
+ * `:checked` and `:indeterminate`.
+ */
+export function CheckboxIndicator({ className }) {
+    if (process.env.NODE_ENV !== 'production' && className && !warned) {
+        warned = true;
+        console.warn('[bedrock] Checkbox.Indicator renders nothing — an <input> has no children. ' +
+            'Draw the mark with ::before on Checkbox.Root under :checked / :indeterminate.');
+    }
+    return null;
+}
+//# sourceMappingURL=parts.js.map

package/dist/checkbox/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","sourceRoot":"","sources":["../../src/checkbox/parts.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,EACX,SAAS,EACT,MAAM,GAIP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAc9B;;;;;;;GAOG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EAAE,SAAS,EACnB,aAAa,GAAG,KAAK,EACrB,eAAe,EACf,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACM;IACd,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAA;IAClD,MAAM,OAAO,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IAErD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,OAAO;YAAE,OAAO,CAAC,OAAO,CAAC,aAAa,GAAG,aAAa,CAAA;IACpE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAoC,EAAE,EAAE;QACvC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAA;QACjB,eAAe,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IAChD,CAAC,EACD,CAAC,QAAQ,EAAE,eAAe,CAAC,CAC5B,CAAA;IAED,OAAO,CACL,KAAC,IAAI,OACC,KAAK,EACT,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,YAAY,EACtB,GAAG,EAAE,eAAe,CAAmB,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;YACnD,OAAO,CAAC,OAAO,GAAG,IAAI,CAAA;QACxB,CAAC,CAAC,2BACoB,EAAE,GACxB,CACH,CAAA;AACH,CAAC;AAED,IAAI,MAAM,GAAG,KAAK,CAAA;AAIlB;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAE,SAAS,EAA0B;IACrE,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC;QAClE,MAAM,GAAG,IAAI,CAAA;QACb,OAAO,CAAC,IAAI,CACV,6EAA6E;YAC3E,+EAA+E,CAClF,CAAA;IACH,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/client-render.d.ts

@@ -0,0 +1,10 @@
+/**
+ * True on the client, false while server-rendering and for the hydrating render
+ * that has to match it.
+ *
+ * It is what lets closed content be absent in the browser and present in the
+ * HTML: a page whose JavaScript never arrives keeps working content, and a page
+ * whose JavaScript does arrive stops paying for closed subtrees on load.
+ */
+export declare function useClientRender(): boolean;
+//# sourceMappingURL=client-render.d.ts.map

package/dist/client-render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client-render.d.ts","sourceRoot":"","sources":["../src/client-render.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAMzC"}

package/dist/client-render.js

@@ -0,0 +1,14 @@
+import { useSyncExternalStore } from 'react';
+const noopSubscribe = () => () => { };
+/**
+ * True on the client, false while server-rendering and for the hydrating render
+ * that has to match it.
+ *
+ * It is what lets closed content be absent in the browser and present in the
+ * HTML: a page whose JavaScript never arrives keeps working content, and a page
+ * whose JavaScript does arrive stops paying for closed subtrees on load.
+ */
+export function useClientRender() {
+    return useSyncExternalStore(noopSubscribe, () => true, () => false);
+}
+//# sourceMappingURL=client-render.js.map

package/dist/client-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client-render.js","sourceRoot":"","sources":["../src/client-render.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE5C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC,CAAA;AAEpC;;;;;;;GAOG;AACH,MAAM,UAAU,eAAe;IAC7B,OAAO,oBAAoB,CACzB,aAAa,EACb,GAAG,EAAE,CAAC,IAAI,EACV,GAAG,EAAE,CAAC,KAAK,CACZ,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,17 @@
+import type { ComponentPropsWithRef } from 'react';
+import { type ControlledRootProps } from '../create-controlled-root.js';
+import type { AsChildProps } from '../types.js';
+export interface ControlledCollapsibleRootProps extends Omit<ComponentPropsWithRef<'details'>, 'open'>, ControlledRootProps, AsChildProps {
+}
+/**
+ * `<details>` exposes no cancelable hook — no `beforetoggle`, no `cancel` — so
+ * unlike Dialog this root cannot refuse before the fact. It lets the disclosure
+ * move, reports it, and puts it back if you decline: one frame of visible
+ * movement, in the refusal case only.
+ *
+ * That is the documented fallback rather than a shortcoming of this primitive,
+ * and it is why the veto is worth having on Dialog and Popover, where the
+ * platform does give a cancelable event.
+ */
+export declare function CollapsibleRoot({ asChild, children, open, onOpenChange, ref, ...props }: ControlledCollapsibleRootProps): import("react").JSX.Element;
+//# sourceMappingURL=controlled-root.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-root.d.ts","sourceRoot":"","sources":["../../src/collapsible/controlled-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAe,MAAM,OAAO,CAAA;AAE/D,OAAO,EAAqB,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAEvF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAG5C,MAAM,WAAW,8BACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,EAAE,mBAAmB,EAAE,YAAY;CAAG;AAE9F;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,GAAG,EACH,GAAG,KAAK,EACT,EAAE,8BAA8B,+BAehC"}

package/dist/collapsible/controlled-root.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useComposedRefs } from '../compose-refs.js';
+import { useControlledRoot } from '../create-controlled-root.js';
+import { Slot } from '../slot.js';
+import { CollapsibleContext, collapsibleAdapter } from './shared.js';
+/**
+ * `<details>` exposes no cancelable hook — no `beforetoggle`, no `cancel` — so
+ * unlike Dialog this root cannot refuse before the fact. It lets the disclosure
+ * move, reports it, and puts it back if you decline: one frame of visible
+ * movement, in the refusal case only.
+ *
+ * That is the documented fallback rather than a shortcoming of this primitive,
+ * and it is why the veto is worth having on Dialog and Popover, where the
+ * platform does give a cancelable event.
+ */
+export function CollapsibleRoot({ asChild, children, open, onOpenChange, ref, ...props }) {
+    const context = useControlledRoot({ open, onOpenChange }, collapsibleAdapter);
+    const Part = asChild ? Slot : 'details';
+    return (_jsx(CollapsibleContext.Provider, { value: context, children: _jsx(Part, { ...props, ref: useComposedRefs(ref, context.registerContent), "data-bedrock-collapsible": "", children: children }) }));
+}
+//# sourceMappingURL=controlled-root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-root.js","sourceRoot":"","sources":["../../src/collapsible/controlled-root.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAA4B,MAAM,2BAA2B,CAAA;AACvF,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAKjE;;;;;;;;;GASG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,GAAG,EACH,GAAG,KAAK,EACuB;IAC/B,MAAM,OAAO,GAAG,iBAAiB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,kBAAkB,CAAC,CAAA;IAC7E,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAA;IAEpD,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACzC,KAAC,IAAI,OACC,KAAK,EACT,GAAG,EAAE,eAAe,CAAc,GAAG,EAAE,OAAO,CAAC,eAAe,CAAC,8BACtC,EAAE,YAE1B,QAAQ,GACJ,GACqB,CAC/B,CAAA;AACH,CAAC"}