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

package/overlays/menubar/menubar.module.css

@@ -3,10 +3,10 @@
  * Parts: base (the bar and its rule), trigger. The popups are Menu popups
  * (menu.module.css): portaled `white` scopes that never change with the bar.
  *
- * A --ds-size-hit bar with a --border-size-1 --role-rule on its content
+ * A --fgd-size-hit bar with a --border-size-1 --role-rule on its content
  * side; `type-button-sm` triggers, authored in title case with no tracking
  * [D160, D165], at --size-px-5 inline padding. The open trigger takes the
- * --ds-stroke-3 bar in --primary12, never a fill alone. Colors are role
+ * --border-size-2-25 bar in --primary12, never a fill alone. Colors are role
  * variables only; local custom properties carry dimensions only.
  */
 
@@ -21,7 +21,7 @@
   .base {
     display: flex;
     align-items: stretch;
-    min-block-size: var(--ds-size-hit);
+    min-block-size: var(--fgd-size-hit);
     border-block-end: var(--border-size-1) solid var(--role-rule);
     color: var(--primary12);
   }
@@ -30,7 +30,7 @@
     position: relative;
     display: inline-flex;
     align-items: center;
-    min-block-size: var(--ds-size-hit);
+    min-block-size: var(--fgd-size-hit);
     margin: 0;
     padding-block: 0;
     padding-inline: var(--size-px-5);
@@ -38,16 +38,16 @@
     background: none;
     color: var(--primary12);
     white-space: nowrap;
-    text-decoration-thickness: var(--ds-stroke-1-5);
+    text-decoration-thickness: var(--border-size-1-5);
     text-underline-offset: 0.15em;
     appearance: none;
   }
 
-  /* Hover transition [D181]: --ds-duration-quick, --ease-out-3; instant under --motionNotOK. */
+  /* Hover transition [D181]: --fgd-duration-quick, --ease-out-3; instant under --motionNotOK. */
   @media (prefers-reduced-motion: no-preference) {
     .trigger {
       transition-property: color, text-decoration-color;
-      transition-duration: var(--ds-duration-quick);
+      transition-duration: var(--fgd-duration-quick);
       transition-timing-function: var(--ease-out-3);
     }
   }
@@ -59,7 +59,7 @@
     inset-inline: 0;
     inset-block-end: calc(-1 * var(--border-size-1));
     display: none;
-    border-block-end: var(--ds-stroke-3) solid var(--primary12);
+    border-block-end: var(--border-size-2-25) solid var(--primary12);
   }
 }
 
@@ -76,18 +76,18 @@
     inset-block: 0;
     inset-inline: auto calc(-1 * var(--border-size-1));
     border-block-end-width: 0;
-    border-inline-end: var(--ds-stroke-3) solid var(--primary12);
+    border-inline-end: var(--border-size-2-25) solid var(--primary12);
   }
 
   /*
    * Hover (not disabled): the §9.2 `text` Button hover [D181]. The label
    * takes --role-link-hover, underlined in --role-accent only where that
-   * ink is --primary12 (--ds-link-hover-line); forced colors add the
+   * ink is --primary12 (--fgd-link-hover-line); forced colors add the
    * underline. The open bar, not the hover, marks an open menu.
    */
   .trigger:not([data-disabled]):hover {
     color: var(--role-link-hover);
-    text-decoration-line: var(--ds-link-hover-line);
+    text-decoration-line: var(--fgd-link-hover-line);
     text-decoration-color: var(--role-accent);
   }
 
@@ -104,8 +104,8 @@
   /* Focus: the 2 px --primary12 ring at a 2 px offset, drawn above its neighbours. */
   .trigger:focus-visible {
     z-index: 1;
-    outline: var(--ds-focus-width) solid var(--primary12);
-    outline-offset: var(--ds-focus-offset);
+    outline: var(--fgd-focus-width) solid var(--primary12);
+    outline-offset: var(--fgd-focus-offset);
   }
 
   .trigger[data-disabled] {

package/overlays/popover/Popover.d.ts

@@ -10,9 +10,22 @@ export declare const popover: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type PopoverVariants = VariantProps<typeof popover>;
 export type PopoverKind = NonNullable<PopoverVariants['kind']>;
-/** Props for Popover: Base UI Popover.Root props (`open`, `onOpenChange`, `modal` …). */
-export type PopoverProps<Payload = unknown> = BasePopover.Root.Props<Payload>;
-/** Groups the parts of a popover (Base UI Popover.Root). Esc or an outside press closes it. */
+/** Props for Popover: Base UI Popover.Root props (`open`, `onOpenChange`, `modal` …) plus the outline morph. */
+export type PopoverProps<Payload = unknown> = BasePopover.Root.Props<Payload> & {
+    /**
+     * The outline morph: the trigger's focus ring (or, opened by pointer, its
+     * edge) grows into the panel's frame as it opens and shrinks back as it
+     * closes; a tail (PopoverArrow) grows out of the frame's edge as it lands.
+     * A hover open is instant. Instant under reduced motion; off in forced colors and
+     * print, and wherever `--fgd-outline-morph: none` applies. Default
+     * `true`; `false` opens and closes the panel at once.
+     */
+    morph?: boolean;
+};
+/**
+ * Groups the parts of a popover (Base UI Popover.Root) and wires its
+ * outline morph. Esc or an outside press closes it.
+ */
 export declare function Popover<Payload = unknown>(props: PopoverProps<Payload>): React.JSX.Element;
 /** Props for PopoverTrigger: Button props plus Base UI's trigger options. */
 export type PopoverTriggerProps = ButtonProps & {
@@ -52,17 +65,18 @@ export type PopoverPopupProps = BasePopover.Popup.Props & {
 };
 /**
  * The anchored panel, rendered in its Base UI Portal as a nested `white`
- * scope: --primary1 face, --border-size-2 --primary12 frame, --ds-radius-8,
+ * scope: --primary1 face, --border-size-2 --primary12 frame, --radius-2-25,
  * 240–360 px wide from --md-n-above and the viewport less its margins
- * below. It opens instantly or with a clip reveal from the trigger side.
+ * below. It opens from its trigger by the outline morph, or at once.
  * Render `PopoverArrow` inside it for the tail.
  */
 export declare function PopoverPopup(props: PopoverPopupProps): React.JSX.Element;
 /** Props for PopoverArrow: Base UI Popover.Arrow props. */
 export type PopoverArrowProps = BasePopover.Arrow.Props;
 /**
- * The tail: a --ds-space-12 × 6 px triangle filled with the face, its
- * --border-size-2 --primary12 edge continuing the panel's frame.
+ * The tail: a --size-px-2-5 × 6 px triangle filled with the face, its
+ * --border-size-2 --primary12 edge continuing the panel's frame. With the
+ * outline morph it grows out of the frame's edge as the panel lands.
  */
 export declare function PopoverArrow(props: PopoverArrowProps): React.JSX.Element;
 /** Props for PopoverTitle: Base UI Popover.Title props. */
@@ -88,7 +102,7 @@ export type PopoverCloseProps = BasePopover.Close.Props & {
 };
 /**
  * The optional close X, top end: an icon-only Button with the inline-tier
- * `close` glyph and a --ds-size-hit target (§9.2). Pass `render` to close
+ * `close` glyph and a --fgd-size-hit target (§9.2). Pass `render` to close
  * from another control instead; `label` is then ignored.
  */
 export declare function PopoverClose(props: PopoverCloseProps): React.JSX.Element;

package/overlays/popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/overlays/popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAsC/D,eAAO,MAAM,OAAO;;;;8EAalB,CAAA;AAEF,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,CAAA;AACnD,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAA;AAI9D,yFAAyF;AACzF,MAAM,MAAM,YAAY,CAAC,OAAO,GAAG,OAAO,IAAI,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;AAE7E,+FAA+F;AAC/F,wBAAgB,OAAO,CAAC,OAAO,GAAG,OAAO,EAAE,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,qBAEtE;AAED,6EAA6E;AAC7E,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C,sFAAsF;IACtF,MAAM,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAC5C,sFAAsF;IACtF,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBASxD;AAED,KAAK,eAAe,GAAG,WAAW,CAAC,UAAU,CAAC,KAAK,CAAA;AAEnD,+GAA+G;AAC/G,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,GAAG;IACxD,sGAAsG;IACtG,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAC9B,wGAAwG;IACxG,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IACpC,sFAAsF;IACtF,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACxC,qGAAqG;IACrG,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAC9B,iDAAiD;IACjD,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IAChC,kEAAkE;IAClE,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;IAC1C,wDAAwD;IACxD,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAA;IAC5C,2FAA2F;IAC3F,gBAAgB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAA;IACtD,qEAAqE;IACrE,SAAS,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;IACjD,6CAA6C;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAgDpD;AAED,2DAA2D;AAC3D,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAA;AAEvD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAUpD;AAED,2DAA2D;AAC3D,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAA;AAEvD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAUpD;AAED,uEAAuE;AACvE,MAAM,MAAM,uBAAuB,GAAG,WAAW,CAAC,WAAW,CAAC,KAAK,CAAA;AAEnE,kGAAkG;AAClG,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAQhE;AAED,uDAAuD;AACvD,MAAM,MAAM,kBAAkB,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAE9D,qEAAqE;AACrE,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,0EAQtD;AAED,wFAAwF;AACxF,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,GAAG;IACxD,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAsBpD"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/overlays/popover/Popover.tsx"],"names":[],"mappings":"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"}

package/overlays/popover/Popover.js

@@ -5,6 +5,9 @@ import { useRender } from '@base-ui/react/use-render';
 import { mergeProps } from '@base-ui/react/merge-props';
 import { cva } from 'class-variance-authority';
 import { Button } from '../../actions/button';
+import { OutlineMorphFrame, OutlineMorphTail, } from '../../foundations/outline-morph';
+import { HOVER_REASONS, useOutlineMorphRoot, } from '../../foundations/outline-morph/useOutlineMorphRoot';
+import { useMergedRef } from '../../utils/assignRef';
 import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
 import { cx, resolveClassName } from '../../utils/className';
 import { OVERLAY_COLLISION_PADDING, OVERLAY_SIDE_OFFSET, OverlayScope, OverlayTail, overlayActionClassName, overlayAttributes, overlayScales, } from '../../utils/overlay';
@@ -20,9 +23,8 @@ import styles from './popover.module.css';
  * - Compound variants: none. Defaults: `kind: panel`; color axes: none.
  * - Color fallback: the popup takes the `white` preset's defaults; props
  *   apply inside it, and `secondary` drives only content accents.
- * - States: Popup data-starting-style / data-ending-style → the clip reveal
- *   from the trigger side (data-side), instant under --motionNotOK and on
- *   data-instant [D91]; Arrow data-side → which edge the tail sits on;
+ * - States: the popup opens and closes by the outline morph or at once, no
+ *   reveal of its own [D205]; Arrow data-side → which edge the tail sits on;
  *   Close is an icon-only Button (§9.2 states). The trigger's
  *   data-popup-open belongs to the trigger's own module (Button).
  * - Parts: positioner (the layer), base (the popup), arrow (the tail;
@@ -32,6 +34,15 @@ import styles from './popover.module.css';
  *   scope (`page` scheme, no data-theme) with the --border-size-2
  *   --primary12 frame [D92, D139, D156].
  * - Container: none; inherits its context.
+ * - Outline morph [D204]: on by default (`morph={false}` on Popover opts
+ *   out). The trigger's ring (keyboard) or edge (pointer) grows into the
+ *   panel's frame and back (foundations/outline-morph); PopoverTrigger
+ *   takes the source ref, the popup answers `data-outline-morph` and the
+ *   frame renders beside it. With a PopoverArrow, the tail rides the morph:
+ *   PopoverArrow is the tail source, and the tail cap (OutlineMorphTail,
+ *   `tailCap`) grows out of the frame's trigger-facing edge as it lands and
+ *   retracts into it on close, while the popup's own tail is held hidden.
+ *   Hover opens (`openOnHover`) are instant.
  */
 export const popover = cva(styles.base, {
     variants: {
@@ -48,9 +59,23 @@ export const popover = cva(styles.base, {
     },
 });
 const KindContext = React.createContext('panel');
-/** Groups the parts of a popover (Base UI Popover.Root). Esc or an outside press closes it. */
+/** The popover's outline morph refs, or `null` with `morph={false}` [D204]. */
+const MorphContext = React.createContext(null);
+/**
+ * Groups the parts of a popover (Base UI Popover.Root) and wires its
+ * outline morph. Esc or an outside press closes it.
+ */
 export function Popover(props) {
-    return React.createElement(BasePopover.Root, { ...props });
+    const { morph = true, onOpenChange, ...rootProps } = props;
+    const outline = useOutlineMorphRoot({
+        open: rootProps.open,
+        defaultOpen: rootProps.defaultOpen,
+        onOpenChange,
+        morph,
+        instant: (_open, details) => details.reason != null && HOVER_REASONS.has(details.reason),
+    });
+    return (React.createElement(MorphContext.Provider, { value: outline.refs },
+        React.createElement(BasePopover.Root, { ...rootProps, onOpenChange: outline.onOpenChange })));
 }
 /**
  * Opens the popover on press, never on hover (§10.15). Renders a Button
@@ -58,36 +83,46 @@ export function Popover(props) {
  */
 export function PopoverTrigger(props) {
     const { handle, payload, ...buttonProps } = props;
-    return (React.createElement(BasePopover.Trigger, { handle: handle, payload: payload, render: React.createElement(Button, { ...buttonProps }) }));
+    const morph = React.useContext(MorphContext);
+    return (React.createElement(BasePopover.Trigger, { ref: morph?.sourceRef, handle: handle, payload: payload, render: React.createElement(Button, { ...buttonProps }) }));
 }
 /**
  * The anchored panel, rendered in its Base UI Portal as a nested `white`
- * scope: --primary1 face, --border-size-2 --primary12 frame, --ds-radius-8,
+ * scope: --primary1 face, --border-size-2 --primary12 frame, --radius-2-25,
  * 240–360 px wide from --md-n-above and the viewport less its margins
- * below. It opens instantly or with a clip reveal from the trigger side.
+ * below. It opens from its trigger by the outline morph, or at once.
  * Render `PopoverArrow` inside it for the tail.
  */
 export function PopoverPopup(props) {
-    const { kind, primary, secondary, side, align = 'start', sideOffset = OVERLAY_SIDE_OFFSET, alignOffset, collisionPadding = OVERLAY_COLLISION_PADDING, container, keepMounted, className, children, ...rest } = props;
+    const { kind, primary, secondary, side, align = 'start', sideOffset = OVERLAY_SIDE_OFFSET, alignOffset, collisionPadding = OVERLAY_COLLISION_PADDING, container, keepMounted, className, children, ref, ...rest } = props;
     const scales = overlayScales(primary, secondary);
+    const morph = React.useContext(MorphContext);
+    const popupRef = useMergedRef(ref, morph?.targetRef);
     return (React.createElement(BasePopover.Portal, { container: container, keepMounted: keepMounted },
         React.createElement(BasePopover.Positioner, { className: styles.positioner, side: side, align: align, sideOffset: sideOffset, alignOffset: alignOffset, collisionPadding: collisionPadding },
-            React.createElement(BasePopover.Popup, { ...rest, ...overlayAttributes, className: resolveClassName(className, (extra) => popover({
+            React.createElement(BasePopover.Popup, { ...rest, ref: popupRef, ...overlayAttributes, className: resolveClassName(className, (extra) => popover({
                     kind,
                     primary: scales.primary,
                     secondary: scales.secondary,
                     className: cx(overlayActionClassName, extra),
                 })) },
                 React.createElement(KindContext.Provider, { value: kind ?? 'panel' },
-                    React.createElement(OverlayScope, null, children))))));
+                    React.createElement(OverlayScope, null, children))),
+            morph ? React.createElement(OutlineMorphFrame, { ref: morph.frameRef }) : null,
+            morph ? (React.createElement(OutlineMorphTail, { ref: morph.tailRef, className: styles.tailCap },
+                React.createElement(OverlayTail, { className: styles.tail }))) : null)));
 }
 /**
- * The tail: a --ds-space-12 × 6 px triangle filled with the face, its
- * --border-size-2 --primary12 edge continuing the panel's frame.
+ * The tail: a --size-px-2-5 × 6 px triangle filled with the face, its
+ * --border-size-2 --primary12 edge continuing the panel's frame. With the
+ * outline morph it grows out of the frame's edge as the panel lands.
  */
 export function PopoverArrow(props) {
-    const { className, ...rest } = props;
-    return (React.createElement(BasePopover.Arrow, { ...rest, className: resolveClassName(className, (extra) => cx(styles.arrow, extra)) },
+    const { className, ref, ...rest } = props;
+    // The tail source of the outline morph's tail cap [D204].
+    const morph = React.useContext(MorphContext);
+    const arrowRef = useMergedRef(ref, morph?.tailSourceRef);
+    return (React.createElement(BasePopover.Arrow, { ...rest, ref: arrowRef, className: resolveClassName(className, (extra) => cx(styles.arrow, extra)) },
         React.createElement(OverlayTail, { className: styles.tail })));
 }
 /**
@@ -118,7 +153,7 @@ export function PopoverSource(props) {
 }
 /**
  * The optional close X, top end: an icon-only Button with the inline-tier
- * `close` glyph and a --ds-size-hit target (§9.2). Pass `render` to close
+ * `close` glyph and a --fgd-size-hit target (§9.2). Pass `render` to close
  * from another control instead; `label` is then ignored.
  */
 export function PopoverClose(props) {

package/overlays/popover/Popover.js.map

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

package/overlays/popover/popover.module.css

@@ -1,15 +1,18 @@
 /*
  * Popover (§10.15). CVA function `popover` in Popover.tsx.
  * Parts: positioner (the layer), base (the popup), arrow (the tail's box)
- * and tail (its drawing), title, term (the title in the definition kind),
- * description, source, close.
+ * and tail (its drawing), tailCap (the outline morph's copy of the tail),
+ * title, term (the title in the definition kind), description, source,
+ * close.
  *
  * The anchored overlay surface (§10.1): the `white` scope's --primary1 face,
  * a --border-size-2 --primary12 frame in both modes, never --role-rule
- * [D92, D156], --ds-radius-8, --size-px-2 from the trigger. No shadow, no
- * backdrop. Motion is instant or a clip reveal from the trigger side, never
- * a fade [D91]. Colors are role variables only; local custom properties
- * carry dimensions only.
+ * [D92, D156], --radius-2-25, --size-px-2 from the trigger. No shadow, no
+ * backdrop. Motion is the outline morph (the popup answers
+ * `data-outline-morph`; its tail grows out of the frame's edge through the
+ * tail cap) [D204] or none: the panel opens and closes at once, never a
+ * fade [D205]. Colors are role variables only; local custom
+ * properties carry dimensions only.
  */
 
 /* Composition sits in top-level rules, outside the layers: Lightning CSS
@@ -36,26 +39,26 @@
 }
 
 @layer base {
+  /* The tail's dimensions live on the layer, so the popup's tail and the morph's tail cap share them. */
   .positioner {
+    --popover-tail-inline: var(--size-px-2-5);
+    --popover-tail-block: calc(var(--size-px-2-5) / 2 + var(--border-size-2));
+
     z-index: var(--layer-3);
   }
 
   /*
    * Base: anchored, the viewport less its margins wide. The clip bleeds past
-   * the frame by the tail's depth, so the tail shows at rest and leads the
-   * reveal.
+   * the frame by the tail's depth, so the tail shows.
    */
   .base {
-    --popover-tail-inline: var(--ds-space-12);
-    --popover-tail-block: calc(var(--ds-space-12) / 2 + var(--border-size-2));
     --popover-bleed: calc(-1 * var(--popover-tail-block));
-    --popover-clip-from: inset(var(--popover-bleed));
 
     position: relative;
     box-sizing: border-box;
-    inline-size: calc(100vw - 2 * var(--ds-space-margin));
+    inline-size: calc(100vw - 2 * var(--fgd-space-margin));
     border: var(--border-size-2) solid var(--primary12);
-    border-radius: var(--ds-radius-8);
+    border-radius: var(--radius-2-25);
     background-color: var(--primary1);
     color: var(--primary12);
     clip-path: inset(var(--popover-bleed));
@@ -65,8 +68,8 @@
   @media (min-width: 768px) {
     .base {
       inline-size: max-content;
-      min-inline-size: min(var(--size-px-13), calc(100vw - 2 * var(--ds-space-margin)));
-      max-inline-size: min(var(--ds-size-overlay-max), calc(100vw - 2 * var(--ds-space-margin)));
+      min-inline-size: min(var(--size-px-13), calc(100vw - 2 * var(--fgd-space-margin)));
+      max-inline-size: min(var(--fgd-size-overlay-max), calc(100vw - 2 * var(--fgd-space-margin)));
     }
   }
 
@@ -97,13 +100,21 @@
     stroke-width: var(--border-size-2);
   }
 
-  @media (prefers-reduced-motion: no-preference) {
-    .base {
-      transition-property: clip-path;
-      transition-duration: var(--ds-duration-disclosure);
-      transition-timing-function: var(--ease-out-3);
-    }
+  /*
+   * The outline morph's tail cap (OutlineMorphTail) [D204]: the tail's box,
+   * placed on the popup's tail by the engine, drawn with the popup's face
+   * and the frame's color (currentColor), which the morph animates.
+   */
+  .tailCap {
+    inline-size: var(--popover-tail-inline);
+    block-size: var(--popover-tail-block);
   }
+
+  .tailCap .tail {
+    fill: var(--fgd-outline-morph-tail-fill);
+    stroke: currentColor;
+  }
+
 }
 
 @layer variants {
@@ -132,32 +143,21 @@
 }
 
 @layer states {
-  /* The reveal starts at the trigger edge (data-side names where the panel sits). */
-  .base[data-side='bottom'] {
-    --popover-clip-from: inset(var(--popover-bleed) var(--popover-bleed) 100% var(--popover-bleed));
-  }
-
-  .base[data-side='top'] {
-    --popover-clip-from: inset(100% var(--popover-bleed) var(--popover-bleed) var(--popover-bleed));
-  }
-
-  .base[data-side='left'],
-  .base[data-side='inline-start'] {
-    --popover-clip-from: inset(var(--popover-bleed) var(--popover-bleed) var(--popover-bleed) 100%);
-  }
-
-  .base[data-side='right'],
-  .base[data-side='inline-end'] {
-    --popover-clip-from: inset(var(--popover-bleed) 100% var(--popover-bleed) var(--popover-bleed));
-  }
-
-  .base[data-starting-style],
-  .base[data-ending-style] {
-    clip-path: var(--popover-clip-from);
+  /*
+   * Outline morph [D204] (Popover's `morph`, the default): while the
+   * overlay draws the frame, the popup's own edge takes its face and its
+   * own transitions stay off. The popup's tail is held hidden meanwhile (a
+   * discrete hold, D196): the tail cap stands in for it above the frame,
+   * growing out of the frame's edge, and the tail shows again on the same
+   * pixels as the cap goes.
+   */
+  .base[data-outline-morph] {
+    border-color: var(--primary1);
+    transition: none;
   }
 
-  .base[data-instant] {
-    transition: none;
+  .base[data-outline-morph] .arrow {
+    visibility: hidden;
   }
 
   /* The tail sits on the edge facing the trigger and points at it. */
@@ -170,17 +170,43 @@
     rotate: 180deg;
   }
 
-  .arrow[data-side='left'],
+  /* The physical sides place the tail physically, so it faces the trigger on a right-to-left page too. */
+  .arrow[data-side='left'] {
+    right: calc(-1 * (var(--popover-tail-inline) + var(--popover-tail-block)) / 2);
+    rotate: 90deg;
+  }
+
+  .arrow[data-side='right'] {
+    left: calc(-1 * (var(--popover-tail-inline) + var(--popover-tail-block)) / 2);
+    rotate: -90deg;
+  }
+
   .arrow[data-side='inline-start'] {
     inset-inline-end: calc(-1 * (var(--popover-tail-inline) + var(--popover-tail-block)) / 2);
     rotate: 90deg;
   }
 
-  .arrow[data-side='right'],
   .arrow[data-side='inline-end'] {
     inset-inline-start: calc(-1 * (var(--popover-tail-inline) + var(--popover-tail-block)) / 2);
     rotate: -90deg;
   }
+
+
+  /* The tail cap turns as the tail does; the engine places it. */
+  .tailCap[data-side='top'] {
+    rotate: 180deg;
+  }
+
+  .tailCap[data-side='left'],
+  .tailCap[data-side='inline-start'] {
+    rotate: 90deg;
+  }
+
+  .tailCap[data-side='right'],
+  .tailCap[data-side='inline-end'] {
+    rotate: -90deg;
+  }
+
 }
 
 @layer print {

package/overlays/preview-card/PreviewCard.d.ts

@@ -49,7 +49,7 @@ export type PreviewCardPopupProps = BasePreviewCard.Popup.Props & {
 };
 /**
  * The preview panel, rendered in its Base UI Portal as a nested `white`
- * scope: --primary1 face, --border-size-2 --primary12 frame, --ds-radius-8,
+ * scope: --primary1 face, --border-size-2 --primary12 frame, --radius-2-25,
  * 240–360 px wide. Compose `PreviewCardThumb`, `PreviewCardTitle`,
  * `PreviewCardDescription` and `PreviewCardDomain` inside it, and
  * `PreviewCardArrow` for the tail. It holds at most one link.
@@ -57,13 +57,13 @@ export type PreviewCardPopupProps = BasePreviewCard.Popup.Props & {
 export declare function PreviewCardPopup(props: PreviewCardPopupProps): React.JSX.Element;
 /** Props for PreviewCardArrow: Base UI PreviewCard.Arrow props. */
 export type PreviewCardArrowProps = BasePreviewCard.Arrow.Props;
-/** The tail: a --ds-space-12 × 6 px triangle whose --border-size-2 edge continues the frame. */
+/** The tail: a --size-px-2-5 × 6 px triangle whose --border-size-2 edge continues the frame. */
 export declare function PreviewCardArrow(props: PreviewCardArrowProps): React.JSX.Element;
 /** Props for PreviewCardThumb: `img` props and `render`. */
 export type PreviewCardThumbProps = useRender.ComponentProps<'img'>;
 /**
  * The page's thumbnail: a --ratio-widescreen photograph with the nested
- * radius (--ds-radius-8 − --size-px-3, floored at --radius-1) [D40].
+ * radius (--radius-2-25 − --size-px-3, floored at --radius-1) [D40].
  * Give it `alt` (empty when the title already names it).
  */
 export declare function PreviewCardThumb(props: PreviewCardThumbProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;

package/overlays/preview-card/PreviewCard.d.ts.map

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

package/overlays/preview-card/PreviewCard.js

@@ -19,9 +19,8 @@ import styles from './preview-card.module.css';
  *   the popup's scope.
  * - Compound variants: none. Defaults: none; color axes: none.
  * - Color fallback: the popup takes the `white` preset's defaults.
- * - States: Popup data-starting-style / data-ending-style → the clip reveal
- *   from the trigger side (data-side), instant under --motionNotOK and on
- *   data-instant [D91]; Arrow data-side → the tail's edge. Opens after
+ * - States: the card appears and goes at once, a hover preview with no
+ *   motion [D205]; Arrow data-side → the tail's edge. Opens after
  *   600 ms of hover and closes 300 ms after leave.
  * - Parts: positioner, base (the popup), arrow and tail, thumb, title,
  *   description, domain.
@@ -53,7 +52,7 @@ export function PreviewCardTrigger(props) {
 }
 /**
  * The preview panel, rendered in its Base UI Portal as a nested `white`
- * scope: --primary1 face, --border-size-2 --primary12 frame, --ds-radius-8,
+ * scope: --primary1 face, --border-size-2 --primary12 frame, --radius-2-25,
  * 240–360 px wide. Compose `PreviewCardThumb`, `PreviewCardTitle`,
  * `PreviewCardDescription` and `PreviewCardDomain` inside it, and
  * `PreviewCardArrow` for the tail. It holds at most one link.
@@ -70,7 +69,7 @@ export function PreviewCardPopup(props) {
                 })) },
                 React.createElement(OverlayScope, null, children)))));
 }
-/** The tail: a --ds-space-12 × 6 px triangle whose --border-size-2 edge continues the frame. */
+/** The tail: a --size-px-2-5 × 6 px triangle whose --border-size-2 edge continues the frame. */
 export function PreviewCardArrow(props) {
     const { className, ...rest } = props;
     return (React.createElement(BasePreviewCard.Arrow, { ...rest, className: resolveClassName(className, (extra) => cx(styles.arrow, extra)) },
@@ -78,7 +77,7 @@ export function PreviewCardArrow(props) {
 }
 /**
  * The page's thumbnail: a --ratio-widescreen photograph with the nested
- * radius (--ds-radius-8 − --size-px-3, floored at --radius-1) [D40].
+ * radius (--radius-2-25 − --size-px-3, floored at --radius-1) [D40].
  * Give it `alt` (empty when the title already names it).
  */
 export function PreviewCardThumb(props) {

package/overlays/preview-card/PreviewCard.js.map

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