@fairgarden/design 0.1.0-alpha.1 → 0.1.0-alpha.2

package/overlays/dialog/Dialog.d.ts

@@ -14,8 +14,17 @@ export declare const dialogBackdrop: (props?: ({
     covered?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type DialogVariants = VariantProps<typeof dialog>;
-/** Props for Dialog: Base UI Dialog.Root props (`open`, `onOpenChange`, `modal` …). */
-export type DialogProps<Payload = unknown> = BaseDialog.Root.Props<Payload>;
+/** Props for Dialog: Base UI Dialog.Root props (`open`, `onOpenChange`, `modal` …) plus `morph`. */
+export type DialogProps<Payload = unknown> = BaseDialog.Root.Props<Payload> & {
+    /**
+     * The outline morph (§9.17) [D206]: the trigger's focus ring (or edge)
+     * grows into the panel as it opens and shrinks back onto the trigger as
+     * it closes. Default `true`. `false`, like `--fgd-outline-morph: none`
+     * on an ancestor, opens and closes at once; so does an open with no
+     * rendered trigger, or with the solid cover.
+     */
+    morph?: boolean;
+};
 /**
  * Groups the parts of a dialog (Base UI Dialog.Root). Modal by default: the
  * page stays visible, inert and scroll-locked, never dimmed [D24 → D121].
@@ -28,11 +37,15 @@ export type DialogTriggerProps = ButtonProps & {
     /** A payload handed to the Dialog's children function when this trigger opens it. */
     payload?: unknown;
 };
-/** Opens the dialog. Renders a Button (§9.2); author its label in title case [D160]. */
+/**
+ * Opens the dialog. Renders a Button (§9.2); author its label in title case
+ * [D160]. The panel morphs out of it; a detached trigger (`handle`) sits
+ * outside the root's morph, so its dialog opens at once.
+ */
 export declare function DialogTrigger(props: DialogTriggerProps): React.JSX.Element;
 /** Props for DialogPopup: Base UI Dialog.Popup props plus the panel axes, the cover and the portal options. */
 export type DialogPopupProps = BaseDialog.Popup.Props & {
-    /** `true`: the detail-view width, --ds-measure-reading, from --md-n-above. Default `false`. */
+    /** `true`: the detail-view width, --fgd-measure-reading, from --md-n-above. Default `false`. */
     wide?: DialogVariants['wide'];
     /**
      * Primary Radix scale inside the panel's `white` scope: text, frame and
@@ -47,7 +60,9 @@ export type DialogPopupProps = BaseDialog.Popup.Props & {
      * tide and heather → `royal`; apricot and rose → `brick`; see
      * `companionField` from Ground). It renders as a `kind="field"` Ground of
      * that preset at full-viewport geometry with no edge, fully opaque,
-     * hiding the page [D88 → D121]. Omitted (default), no backdrop is painted.
+     * hiding the page [D88 → D121]; with it, the panel opens and closes at
+     * once from --md-n-above, since the cover hides the trigger the outline
+     * morph would grow from [D206]. Omitted (default), no backdrop is painted.
      */
     cover?: FieldPreset;
     /** The element the portal renders into. Default: `document.body`. */
@@ -57,10 +72,10 @@ export type DialogPopupProps = BaseDialog.Popup.Props & {
 };
 /**
  * The modal panel, rendered in its Base UI Portal as a nested `white` scope
- * with the --ds-stroke-3 --primary12 frame. Below --md-n-above it is a
+ * with the --border-size-2-25 --primary12 frame. Below --md-n-above it is a
  * full-screen opaque sheet; from --md-n-above it is centered, at least
- * --ds-space-40 from every edge. It opens instantly or with a clip reveal,
- * never a fade. Compose `DialogTopBar` (eyebrow, title, close), `DialogBody`
+ * --size-px-7-5 from every edge. It grows out of its trigger by the outline
+ * morph, or opens at once; never a fade. Compose `DialogTopBar` (eyebrow, title, close), `DialogBody`
  * and `DialogActions` inside it.
  *
  * Focus moves to the first field in the body, else to Base UI's default
@@ -71,8 +86,8 @@ export declare function DialogPopup(props: DialogPopupProps): React.JSX.Element;
 export type DialogTopBarProps = useRender.ComponentProps<'div'>;
 /**
  * The titled top bar: an optional `DialogEyebrow`, the `DialogTitle` and the
- * `DialogClose` X. At least --ds-size-control-xl tall; on the sheet a
- * --ds-stroke-3 --primary12 rule runs under it.
+ * `DialogClose` X. At least --fgd-size-control-xl tall; on the sheet a
+ * --border-size-2-25 --primary12 rule runs under it.
  */
 export declare function DialogTopBar(props: DialogTopBarProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 /** Props for DialogEyebrow: `p` props and `render`. */
@@ -97,7 +112,7 @@ export type DialogCloseProps = BaseDialog.Close.Props & {
 };
 /**
  * Closes the dialog. By default the top bar's X: an icon-only Button with
- * the inline-tier `close` glyph and a --ds-size-hit target (§9.2). Pass
+ * the inline-tier `close` glyph and a --fgd-size-hit target (§9.2). Pass
  * `render` (for example `<Button variant="outline">Cancel</Button>`) to
  * close from an action instead; `label` is then ignored.
  */

package/overlays/dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/overlays/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/overlays/dialog/Dialog.tsx"],"names":[],"mappings":"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"}

package/overlays/dialog/Dialog.js

@@ -6,10 +6,13 @@ import { mergeProps } from '@base-ui/react/merge-props';
 import { cva } from 'class-variance-authority';
 import { Button } from '../../actions/button';
 import { Ground } from '../../foundations/ground';
+import { useOutlineMorphRoot } from '../../foundations/outline-morph/useOutlineMorphRoot';
+import { useMergedRef } from '../../utils/assignRef';
 import { cx, resolveClassName } from '../../utils/className';
 import { OverlayScope, overlayActionClassName, overlayAttributes, overlayScales, } from '../../utils/overlay';
 import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
 import { GroundContext, rootScope } from '../../utils/scope';
+import { DialogMorphContext, DialogMorphLayer } from './morph';
 import styles from './dialog.module.css';
 /*
  * Dialog (§10.14): a focused sub-task in a modal panel.
@@ -18,22 +21,26 @@ import styles from './dialog.module.css';
  * - Module: dialog.module.css; CVA functions `dialog` (the popup panel) and
  *   `dialogBackdrop` (the optional solid cover). Alert Dialog composes this
  *   panel and adds its glyph (alert-dialog.module.css).
- * - Axes: `wide` → `wide` (width --ds-measure-reading from --md-n-above);
+ * - Axes: `wide` → `wide` (width --fgd-measure-reading from --md-n-above);
  *   `primary`, `secondary` → scales module classes, applied inside the
  *   panel's scope. `dialogBackdrop`: `covered` → `covered`.
  * - Compound variants: none. Defaults: `wide: false`; color axes: none.
  * - Color fallback: the panel takes the `white` preset's defaults; explicit
  *   props apply inside it. Actions are §9.2 Buttons; a destructive one
  *   takes `destructive` [D192].
- * - States: Popup data-starting-style / data-ending-style → the clip reveal,
- *   instant under --motionNotOK [D91]; data-nested-dialog-open → the lower
+ * - States: the outline morph (§9.17) from the trigger's ring or edge to the
+ *   panel and back (Popup `data-outline-morph` → the border takes the face
+ *   while the overlay frame draws the edge), else at once [D205, D206]:
+ *   `morph={false}`, no rendered trigger (a programmatic open with none),
+ *   the solid cover from --md-n-above, reduced motion, forced colors;
+ *   data-nested-dialog-open → the lower
  *   dialog stays visible, framed and inert, never dimmed; body
  *   data-overflow-y-start / -end (the §10.19 Scroll Area names, set here)
  *   → the scroll-edge rules; Close is an icon-only Button (§9.2 states).
  * - Parts: base, topBar, eyebrow, title, close, body, description, actions,
  *   backdrop.
  * - Scope: the popup renders in its Base UI Portal as a nested `white`
- *   scope (`page` scheme, no data-theme) with the --ds-stroke-3 --primary12
+ *   scope (`page` scheme, no data-theme) with the --border-size-2-25 --primary12
  *   frame [D92, D139, D156]. The cover renders as a `kind="field"` Ground
  *   of the page ground's companion field, which writes its own data-theme
  *   [D148, D177, D178].
@@ -69,12 +76,20 @@ export const dialogBackdrop = cva(styles.backdrop, {
  * page stays visible, inert and scroll-locked, never dimmed [D24 → D121].
  */
 export function Dialog(props) {
-    return React.createElement(BaseDialog.Root, { ...props });
+    const { morph = true, open, defaultOpen, onOpenChange, ...rest } = props;
+    const root = useOutlineMorphRoot({ open, defaultOpen, onOpenChange, morph, surface: true });
+    return (React.createElement(DialogMorphContext.Provider, { value: root.refs },
+        React.createElement(BaseDialog.Root, { ...rest, open: open, defaultOpen: defaultOpen, onOpenChange: root.onOpenChange })));
 }
-/** Opens the dialog. Renders a Button (§9.2); author its label in title case [D160]. */
+/**
+ * Opens the dialog. Renders a Button (§9.2); author its label in title case
+ * [D160]. The panel morphs out of it; a detached trigger (`handle`) sits
+ * outside the root's morph, so its dialog opens at once.
+ */
 export function DialogTrigger(props) {
     const { handle, payload, ...buttonProps } = props;
-    return (React.createElement(BaseDialog.Trigger, { handle: handle, payload: payload, render: React.createElement(Button, { ...buttonProps }) }));
+    const morph = React.useContext(DialogMorphContext);
+    return (React.createElement(BaseDialog.Trigger, { ref: handle ? undefined : morph?.sourceRef, handle: handle, payload: payload, render: React.createElement(Button, { ...buttonProps }) }));
 }
 /** Where focus lands on open: the first field in the body, else Base UI's default [§10.14 States]. */
 const fieldSelector = [
@@ -88,17 +103,19 @@ const fieldSelector = [
 const DialogContext = React.createContext(null);
 /**
  * The modal panel, rendered in its Base UI Portal as a nested `white` scope
- * with the --ds-stroke-3 --primary12 frame. Below --md-n-above it is a
+ * with the --border-size-2-25 --primary12 frame. Below --md-n-above it is a
  * full-screen opaque sheet; from --md-n-above it is centered, at least
- * --ds-space-40 from every edge. It opens instantly or with a clip reveal,
- * never a fade. Compose `DialogTopBar` (eyebrow, title, close), `DialogBody`
+ * --size-px-7-5 from every edge. It grows out of its trigger by the outline
+ * morph, or opens at once; never a fade. Compose `DialogTopBar` (eyebrow, title, close), `DialogBody`
  * and `DialogActions` inside it.
  *
  * Focus moves to the first field in the body, else to Base UI's default
  * (the first tabbable element); pass `initialFocus` to override.
  */
 export function DialogPopup(props) {
-    const { wide, primary, secondary, cover, container, keepMounted, className, initialFocus, children, ...rest } = props;
+    const { wide, primary, secondary, cover, container, keepMounted, className, initialFocus, children, ref, ...rest } = props;
+    const morph = React.useContext(DialogMorphContext);
+    const popupRef = useMergedRef(ref, morph?.targetRef);
     const bodyRef = React.useRef(null);
     const context = React.useMemo(() => ({ bodyRef }), []);
     const scales = overlayScales(primary, secondary);
@@ -110,14 +127,16 @@ export function DialogPopup(props) {
     }, []);
     return (React.createElement(BaseDialog.Portal, { container: container, keepMounted: keepMounted },
         cover ? React.createElement(DialogCover, { preset: cover }) : null,
-        React.createElement(BaseDialog.Popup, { ...rest, ...overlayAttributes, initialFocus: initialFocus ?? focusFirstField, className: resolveClassName(className, (extra) => dialog({
+        React.createElement(BaseDialog.Popup, { ...rest, ref: popupRef, ...overlayAttributes, initialFocus: initialFocus ?? focusFirstField, className: resolveClassName(className, (extra) => dialog({
                 wide,
                 primary: scales.primary,
                 secondary: scales.secondary,
-                className: cx(overlayActionClassName, extra),
+                // Over the solid cover the trigger is hidden at the first frame: no morph from md [D206].
+                className: cx(overlayActionClassName, cover ? styles.overCover : undefined, extra),
             })) },
             React.createElement(DialogContext.Provider, { value: context },
-                React.createElement(OverlayScope, null, children)))));
+                React.createElement(OverlayScope, null, children))),
+        React.createElement(DialogMorphLayer, { morph: morph })));
 }
 /**
  * The solid cover: the Backdrop rendered as a `kind="field"` Ground of the
@@ -133,8 +152,8 @@ function DialogCover({ preset }) {
 }
 /**
  * The titled top bar: an optional `DialogEyebrow`, the `DialogTitle` and the
- * `DialogClose` X. At least --ds-size-control-xl tall; on the sheet a
- * --ds-stroke-3 --primary12 rule runs under it.
+ * `DialogClose` X. At least --fgd-size-control-xl tall; on the sheet a
+ * --border-size-2-25 --primary12 rule runs under it.
  */
 export function DialogTopBar(props) {
     const { render, ref, className, ...rest } = props;
@@ -170,7 +189,7 @@ export function DialogDescription(props) {
 }
 /**
  * Closes the dialog. By default the top bar's X: an icon-only Button with
- * the inline-tier `close` glyph and a --ds-size-hit target (§9.2). Pass
+ * the inline-tier `close` glyph and a --fgd-size-hit target (§9.2). Pass
  * `render` (for example `<Button variant="outline">Cancel</Button>`) to
  * close from an action instead; `label` is then ignored.
  */

package/overlays/dialog/Dialog.js.map

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

package/overlays/dialog/dialog.module.css

@@ -5,11 +5,12 @@
  * description, actions, backdrop.
  *
  * The face is the `white` overlay scope's --primary1 and the frame is
- * --ds-stroke-3 --primary12 in both modes, never --role-rule [D92, D156].
+ * --border-size-2-25 --primary12 in both modes, never --role-rule [D92, D156].
  * No tinted backdrop: the frame, the titled top bar, the inert page and the
  * full-screen sheet carry the modal state [D24 → D121]. Below --md-n-above
- * the panel is a full-screen opaque sheet; from it, centered. Motion is
- * instant or a clip reveal, never a fade [D91]. Colors are role variables
+ * the panel is a full-screen opaque sheet; from it, centered. Motion is the
+ * outline morph from the trigger (§9.17), else none: the panel opens and
+ * closes at once, never a fade [D91, D205, D206]. Colors are role variables
  * only; local custom properties carry dimensions only.
  */
 
@@ -36,7 +37,6 @@
   /* The sheet (base): full screen, opaque, square, no outer frame. */
   .base {
     --dialog-inset: var(--size-px-3);
-    --dialog-clip-from: inset(0 0 100% 0);
 
     position: fixed;
     inset: 0;
@@ -49,21 +49,20 @@
     margin: 0;
     padding: 0;
     border: 0 solid var(--primary12);
-    border-radius: var(--ds-radius-none);
+    border-radius: var(--radius-0);
     background-color: var(--primary1);
     color: var(--primary12);
-    clip-path: inset(0);
   }
 
-  /* Centered panel: --size-sm wide, at least --ds-space-40 from every edge, framed. */
+  /* Centered panel: --size-sm wide, at least --size-px-7-5 from every edge, framed. */
   @media (min-width: 768px) {
     .base {
-      inline-size: min(var(--size-sm), calc(100% - 2 * var(--ds-space-40)));
+      inline-size: min(var(--size-sm), calc(100% - 2 * var(--size-px-7-5)));
       block-size: fit-content;
-      max-block-size: calc(100% - 2 * var(--ds-space-40));
+      max-block-size: calc(100% - 2 * var(--size-px-7-5));
       margin: auto;
-      border-width: var(--ds-stroke-3);
-      border-radius: var(--ds-radius-8);
+      border-width: var(--border-size-2-25);
+      border-radius: var(--radius-2-25);
     }
   }
 
@@ -80,9 +79,9 @@
     grid-template-columns: minmax(0, 1fr) auto;
     align-items: center;
     column-gap: var(--size-px-3);
-    min-block-size: var(--ds-size-control-xl);
+    min-block-size: var(--fgd-size-control-xl);
     padding: var(--dialog-inset);
-    border-block-end: var(--ds-stroke-3) solid var(--primary12);
+    border-block-end: var(--border-size-2-25) solid var(--primary12);
   }
 
   @media (min-width: 768px) {
@@ -142,7 +141,7 @@
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-    gap: var(--ds-space-12);
+    gap: var(--size-px-2-5);
     padding: var(--dialog-inset);
   }
 
@@ -167,22 +166,13 @@
     inset: 0;
     z-index: var(--layer-4);
   }
-
-  /* The clip reveal: the edge wipes open from the top [D91]. */
-  @media (prefers-reduced-motion: no-preference) {
-    .base {
-      transition-property: clip-path;
-      transition-duration: var(--ds-duration-disclosure);
-      transition-timing-function: var(--ease-out-3);
-    }
-  }
 }
 
 @layer variants {
-  /* Wide: the detail-view width, --ds-measure-reading, from --md-n-above. */
+  /* Wide: the detail-view width, --fgd-measure-reading, from --md-n-above. */
   @media (min-width: 768px) {
     .wide {
-      inline-size: min(var(--ds-measure-reading), calc(100% - 2 * var(--ds-space-40)));
+      inline-size: min(var(--fgd-measure-reading), calc(100% - 2 * var(--size-px-7-5)));
     }
   }
 
@@ -203,19 +193,31 @@
     .covered {
       display: block;
     }
+
+    /* Over the solid cover the trigger is hidden from the first frame: no morph from it [D206]. */
+    .overCover {
+      --fgd-outline-morph: none;
+    }
   }
 }
 
 @layer states {
-  .base[data-starting-style],
-  .base[data-ending-style] {
-    clip-path: var(--dialog-clip-from);
+  /*
+   * While the outline morph draws the edge (§9.17) [D206], the panel's own
+   * border takes its face and its transitions stay off. The overlay frame
+   * lands on the centered panel's 3 px edge (stepping once from the ring's
+   * 2 px); on the sheet, which has no edge, it lands one weight past the
+   * viewport's edges.
+   */
+  .base[data-outline-morph] {
+    border-color: var(--primary1);
+    transition: none;
   }
 
   /* Focus parked on the panel itself (opened by touch): the ring sits inside the frame. */
   .base:focus-visible {
-    outline: var(--ds-focus-width) solid var(--primary12);
-    outline-offset: calc(-2 * var(--ds-focus-width));
+    outline: var(--fgd-focus-width) solid var(--primary12);
+    outline-offset: calc(-2 * var(--fgd-focus-width));
   }
 
   /* Overflow edges: --border-size-2 --role-rule while content is hidden in that direction (§10.19). */
@@ -242,7 +244,6 @@
       block-size: auto;
       max-block-size: none;
       margin: 0;
-      clip-path: none;
     }
 
     .body {

package/overlays/dialog/morph.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { type OutlineMorphRefs } from '../../foundations/outline-morph';
+/** The nearest dialog root's morph refs, or `null` (`morph={false}`, or outside a root). */
+export declare const DialogMorphContext: React.Context<OutlineMorphRefs | null>;
+/**
+ * The frame's layer, for a popup with no positioner: fixed, the full
+ * viewport, above the popup. Render it after the popup, in its portal.
+ */
+export declare function DialogMorphLayer(props: {
+    morph: OutlineMorphRefs | null;
+}): React.JSX.Element | null;
+/** Base UI's Dialog.Trigger, wired as the nearest dialog root's morph source. */
+export declare function DialogMorphTrigger(props: BaseDialog.Trigger.Props): React.JSX.Element;
+/** Base UI's Dialog.Popup, wired as the morph target, with the frame's layer after it. */
+export declare function DialogMorphPopup(props: BaseDialog.Popup.Props): React.JSX.Element;
+//# sourceMappingURL=morph.d.ts.map

package/overlays/dialog/morph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"morph.d.ts","sourceRoot":"","sources":["../../src/overlays/dialog/morph.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE5D,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,iCAAiC,CAAA;AAaxC,4FAA4F;AAC5F,eAAO,MAAM,kBAAkB,wCAAqD,CAAA;AAEpF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAA;CAAE,4BAQzE;AAED,iFAAiF;AACjF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,qBAKjE;AAED,0FAA0F;AAC1F,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,qBAU7D"}

package/overlays/dialog/morph.js

@@ -0,0 +1,44 @@
+'use client';
+import * as React from 'react';
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { OutlineMorphFrame, OutlineMorphLayer, } from '../../foundations/outline-morph';
+import { useMergedRef } from '../../utils/assignRef';
+/*
+ * Internal: the outline morph's wiring through a dialog's parts [D206]. Not
+ * exported from the Dialog index. `Dialog` and `AlertDialog` provide the
+ * refs; their triggers take the source ref, `DialogPopup` (which the Alert
+ * Dialog composes) takes the target ref and renders `DialogMorphLayer`
+ * after the popup in its portal. The navigation drawer, on the Dialog,
+ * wires its own menu Button and sheet through `DialogMorphTrigger` and
+ * `DialogMorphPopup`.
+ */
+/** The nearest dialog root's morph refs, or `null` (`morph={false}`, or outside a root). */
+export const DialogMorphContext = React.createContext(null);
+/**
+ * The frame's layer, for a popup with no positioner: fixed, the full
+ * viewport, above the popup. Render it after the popup, in its portal.
+ */
+export function DialogMorphLayer(props) {
+    const { morph } = props;
+    if (!morph)
+        return null;
+    return (React.createElement(OutlineMorphLayer, null,
+        React.createElement(OutlineMorphFrame, { ref: morph.frameRef })));
+}
+/** Base UI's Dialog.Trigger, wired as the nearest dialog root's morph source. */
+export function DialogMorphTrigger(props) {
+    const { ref, ...rest } = props;
+    const morph = React.useContext(DialogMorphContext);
+    const mergedRef = useMergedRef(ref, morph?.sourceRef);
+    return React.createElement(BaseDialog.Trigger, { ...rest, ref: mergedRef });
+}
+/** Base UI's Dialog.Popup, wired as the morph target, with the frame's layer after it. */
+export function DialogMorphPopup(props) {
+    const { ref, ...rest } = props;
+    const morph = React.useContext(DialogMorphContext);
+    const mergedRef = useMergedRef(ref, morph?.targetRef);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(BaseDialog.Popup, { ...rest, ref: mergedRef }),
+        React.createElement(DialogMorphLayer, { morph: morph })));
+}
+//# sourceMappingURL=morph.js.map

package/overlays/dialog/morph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"morph.js","sourceRoot":"","sources":["../../src/overlays/dialog/morph.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE5D,OAAO,EACL,iBAAiB,EACjB,iBAAiB,GAElB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD;;;;;;;;GAQG;AAEH,4FAA4F;AAC5F,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAA0B,IAAI,CAAC,CAAA;AAEpF;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAyC;IACxE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IACvB,OAAO,CACL,oBAAC,iBAAiB;QAChB,oBAAC,iBAAiB,IAAC,GAAG,EAAE,KAAK,CAAC,QAAQ,GAAI,CACxB,CACrB,CAAA;AACH,CAAC;AAED,iFAAiF;AACjF,MAAM,UAAU,kBAAkB,CAAC,KAA+B;IAChE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC9B,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAA;IAClD,MAAM,SAAS,GAAG,YAAY,CAAoB,GAAG,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;IACxE,OAAO,oBAAC,UAAU,CAAC,OAAO,OAAK,IAAI,EAAE,GAAG,EAAE,SAAS,GAAI,CAAA;AACzD,CAAC;AAED,0FAA0F;AAC1F,MAAM,UAAU,gBAAgB,CAAC,KAA6B;IAC5D,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC9B,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAA;IAClD,MAAM,SAAS,GAAG,YAAY,CAAiB,GAAG,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;IACrE,OAAO,CACL;QACE,oBAAC,UAAU,CAAC,KAAK,OAAK,IAAI,EAAE,GAAG,EAAE,SAAS,GAAI;QAC9C,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,GAAI,CACjC,CACJ,CAAA;AACH,CAAC"}

package/overlays/menu/Menu.d.ts

@@ -10,9 +10,19 @@ export declare const menuItem: (props?: ({
     secondary?: "ruby" | "blue" | "brown" | "crimson" | "cyan" | "gold" | "gray" | "green" | "indigo" | "lime" | "olive" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "tomato" | "violet" | "yellow" | "amber" | "bronze" | "grass" | "iris" | "jade" | "mauve" | "mint" | "sage" | "sand" | "sky" | "slate" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type MenuItemVariants = VariantProps<typeof menuItem>;
-/** Props for Menu: Base UI Menu.Root props (`open`, `onOpenChange`, `modal` …). */
-export type MenuProps<Payload = unknown> = BaseMenu.Root.Props<Payload>;
-/** Groups the parts of a menu (Base UI Menu.Root). */
+/** Props for Menu: Base UI Menu.Root props (`open`, `onOpenChange`, `modal` …) plus the outline morph. */
+export type MenuProps<Payload = unknown> = BaseMenu.Root.Props<Payload> & {
+    /**
+     * The outline morph: the trigger's focus ring (or, opened by pointer, its
+     * edge) grows into the popup's frame as it opens and shrinks back as it
+     * closes. Hover opens and submenus are instant [D205]. Instant
+     * under reduced motion; off in forced colors and print, and wherever
+     * `--fgd-outline-morph: none` applies. Default `true`; `false` opens and
+     * closes the popup at once.
+     */
+    morph?: boolean;
+};
+/** Groups the parts of a menu (Base UI Menu.Root) and wires its outline morph. */
 export declare function Menu<Payload = unknown>(props: MenuProps<Payload>): React.JSX.Element;
 /** Props for MenuTrigger: Button props plus Base UI's trigger options. */
 export type MenuTriggerProps = ButtonProps & {
@@ -29,10 +39,10 @@ export type MenuTriggerProps = ButtonProps & {
 export declare function MenuTrigger(props: MenuTriggerProps): React.JSX.Element;
 /**
  * The popup, rendered through its Base UI Portal as a nested `white`
- * scope: --primary1 face, --border-size-2 --primary12 edge, --ds-radius-8,
+ * scope: --primary1 face, --border-size-2 --primary12 edge, --radius-2-25,
  * --size-px-1 padding, 200 px to --size-px-14 wide and at least the
  * trigger's width, --size-px-2 from the trigger, aligned to its start
- * edge. It opens instantly or with a clip reveal from the trigger side.
+ * edge. It opens from its trigger by the outline morph, or at once [D205].
  * Inside a `MenuSubmenu` it flies out to the end side.
  */
 export declare function MenuPopup(props: MenuPopupProps): React.JSX.Element;
@@ -54,7 +64,7 @@ export type MenuItemProps = BaseMenu.Item.Props & {
     secondary?: MenuItemVariants['secondary'];
 };
 /**
- * An action row (Base UI Menu.Item): --ds-size-hit tall at every
+ * An action row (Base UI Menu.Item): --fgd-size-hit tall at every
  * breakpoint, a --size-px-5 leading slot, the label in `type-body-ui`
  * sentence case, and an optional trailing shortcut. Highlight (pointer or
  * keyboard) is the --primary4 fill plus the start-edge bar (the danger fill
@@ -98,7 +108,8 @@ export type MenuSubmenuProps = BaseMenu.SubmenuRoot.Props;
 /**
  * Groups a submenu's trigger and popup (Base UI Menu.SubmenuRoot). The
  * nested MenuPopup flies out to the end side at --size-px-2 and flips at
- * the viewport edge.
+ * the viewport edge and opens at once: the outline morph stays
+ * with the top-level menu [D204].
  */
 export declare function MenuSubmenu(props: MenuSubmenuProps): React.JSX.Element;
 /** Props for MenuSubmenuTrigger: Base UI Menu.SubmenuTrigger props plus a leading glyph. */

package/overlays/menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/overlays/menu/Menu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/overlays/menu/Menu.tsx"],"names":[],"mappings":"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"}