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

package/overlays/alert-dialog/alert-dialog.module.css

@@ -0,0 +1,53 @@
+/*
+ * Alert Dialog (§10.14). CVA function `alertDialog` in AlertDialog.tsx.
+ * Parts: base (the panel, beside the Dialog's own base), glyph. The panel,
+ * body, title, description and action bar are the Dialog's
+ * (dialog.module.css); this module adds only the Alert's status glyph:
+ * ▲ with ! (warning) or ◆ with × (danger) at --fgd-size-icon-block above the
+ * title, in --role-status of the status scale, which the glyph carries as
+ * its own secondary, with its inner mark [D58, D129, D141, D155].
+ */
+
+@layer base {
+  /* Local dimension: the glyph's inset matches the panel's padding at each tier. */
+  .base {
+    --alert-dialog-inset: var(--size-px-3);
+  }
+
+  @media (min-width: 1024px) {
+    .base {
+      --alert-dialog-inset: var(--size-px-7);
+    }
+  }
+
+  /*
+   * The status glyph at the block tier: shape and inner mark in
+   * --role-status (currentColor); knockouts in --role-status-fill. Drawn on
+   * a 20 px grid, so the inner mark scales with the glyph.
+   */
+  .glyph {
+    flex: none;
+    display: block;
+    inline-size: var(--fgd-size-icon-block);
+    block-size: var(--fgd-size-icon-block);
+    margin-block-start: var(--alert-dialog-inset);
+    margin-inline: var(--alert-dialog-inset);
+    overflow: visible;
+    color: var(--role-status);
+    fill: var(--role-status-fill);
+    stroke: var(--role-status-fill);
+    stroke-width: var(--border-size-1-5);
+    stroke-linecap: round;
+    stroke-linejoin: round;
+  }
+
+  /* Forced colors: keep the shape and its knockout mark legible. */
+  @media (forced-colors: active) {
+    .glyph {
+      forced-color-adjust: none;
+      color: CanvasText;
+      fill: Canvas;
+      stroke: Canvas;
+    }
+  }
+}

package/overlays/alert-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/overlays/alert-dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/overlays/alert-dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/overlays/alert-dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/overlays/context-menu/ContextMenu.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu';
+import { MenuCheckboxItem, MenuGroup, MenuGroupLabel, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubmenu, MenuSubmenuTrigger } from '../menu';
+import { type MenuPopupProps } from '../menu/popup';
+/** Props for ContextMenu: Base UI ContextMenu.Root props. */
+export type ContextMenuProps = BaseContextMenu.Root.Props;
+/**
+ * Groups the parts of a context menu (Base UI ContextMenu.Root). It opens
+ * by right-click, Shift+F10 or the Menu key on the trigger area.
+ */
+export declare function ContextMenu(props: ContextMenuProps): React.JSX.Element;
+/** Props for ContextMenuTrigger: Base UI ContextMenu.Trigger props. */
+export type ContextMenuTriggerProps = BaseContextMenu.Trigger.Props;
+/**
+ * The area that opens the menu: a row, an editor or a canvas. It has no
+ * visual part of its own; it writes its scope attributes like every root.
+ */
+export declare function ContextMenuTrigger(props: ContextMenuTriggerProps): React.JSX.Element;
+/** Props for ContextMenuPopup: the Menu popup's props. */
+export type ContextMenuPopupProps = MenuPopupProps;
+/**
+ * The popup: the Menu's build (a `white` scope, --border-size-2 --primary12
+ * edge, --fgd-size-hit rows, the highlight with its start-edge bar),
+ * anchored to the pointer, or to the focused object for keyboard
+ * invocation. Compose the Menu item parts inside it, re-exported here as
+ * ContextMenuItem, ContextMenuCheckboxItem and so on.
+ */
+export declare function ContextMenuPopup(props: ContextMenuPopupProps): React.JSX.Element;
+/** An action row; see MenuItem. */
+export declare const ContextMenuItem: typeof MenuItem;
+/** An option that toggles; see MenuCheckboxItem. */
+export declare const ContextMenuCheckboxItem: typeof MenuCheckboxItem;
+/** One choice among several; see MenuRadioGroup. */
+export declare const ContextMenuRadioGroup: typeof MenuRadioGroup;
+/** A choice in a radio group; see MenuRadioItem. */
+export declare const ContextMenuRadioItem: typeof MenuRadioItem;
+/** Groups related items; see MenuGroup. */
+export declare const ContextMenuGroup: typeof MenuGroup;
+/** A group's label; see MenuGroupLabel. */
+export declare const ContextMenuGroupLabel: typeof MenuGroupLabel;
+/** A rule between groups; see MenuSeparator. */
+export declare const ContextMenuSeparator: typeof MenuSeparator;
+/** Groups a submenu's trigger and popup; see MenuSubmenu. */
+export declare const ContextMenuSubmenu: typeof MenuSubmenu;
+/** The row that opens a submenu; see MenuSubmenuTrigger. */
+export declare const ContextMenuSubmenuTrigger: typeof MenuSubmenuTrigger;
+//# sourceMappingURL=ContextMenu.d.ts.map

package/overlays/context-menu/ContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../src/overlays/context-menu/ContextMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAE5E,OAAO,EACL,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,QAAQ,EACR,cAAc,EACd,aAAa,EACb,aAAa,EACb,WAAW,EACX,kBAAkB,EACnB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,eAAe,CAAA;AAsBnE,6DAA6D;AAC7D,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAA;AAEzD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAElD;AAED,uEAAuE;AACvE,MAAM,MAAM,uBAAuB,GAAG,eAAe,CAAC,OAAO,CAAC,KAAK,CAAA;AAEnE;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAGhE;AAED,0DAA0D;AAC1D,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAA;AAElD;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAE5D;AAED,mCAAmC;AACnC,eAAO,MAAM,eAAe,iBAAW,CAAA;AACvC,oDAAoD;AACpD,eAAO,MAAM,uBAAuB,yBAAmB,CAAA;AACvD,oDAAoD;AACpD,eAAO,MAAM,qBAAqB,uBAAiB,CAAA;AACnD,oDAAoD;AACpD,eAAO,MAAM,oBAAoB,sBAAgB,CAAA;AACjD,2CAA2C;AAC3C,eAAO,MAAM,gBAAgB,kBAAY,CAAA;AACzC,2CAA2C;AAC3C,eAAO,MAAM,qBAAqB,uBAAiB,CAAA;AACnD,gDAAgD;AAChD,eAAO,MAAM,oBAAoB,sBAAgB,CAAA;AACjD,6DAA6D;AAC7D,eAAO,MAAM,kBAAkB,oBAAc,CAAA;AAC7C,4DAA4D;AAC5D,eAAO,MAAM,yBAAyB,2BAAqB,CAAA"}

package/overlays/context-menu/ContextMenu.js

@@ -0,0 +1,50 @@
+'use client';
+import * as React from 'react';
+import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu';
+import { MenuCheckboxItem, MenuGroup, MenuGroupLabel, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubmenu, MenuSubmenuTrigger, } from '../menu';
+import { MenuPopupFrame } from '../menu/popup';
+import { useScopeAttributes } from '../../utils/scope';
+/**
+ * Groups the parts of a context menu (Base UI ContextMenu.Root). It opens
+ * by right-click, Shift+F10 or the Menu key on the trigger area.
+ */
+export function ContextMenu(props) {
+    return React.createElement(BaseContextMenu.Root, { ...props });
+}
+/**
+ * The area that opens the menu: a row, an editor or a canvas. It has no
+ * visual part of its own; it writes its scope attributes like every root.
+ */
+export function ContextMenuTrigger(props) {
+    const scope = useScopeAttributes();
+    return React.createElement(BaseContextMenu.Trigger, { ...scope, ...props });
+}
+/**
+ * The popup: the Menu's build (a `white` scope, --border-size-2 --primary12
+ * edge, --fgd-size-hit rows, the highlight with its start-edge bar),
+ * anchored to the pointer, or to the focused object for keyboard
+ * invocation. Compose the Menu item parts inside it, re-exported here as
+ * ContextMenuItem, ContextMenuCheckboxItem and so on.
+ */
+export function ContextMenuPopup(props) {
+    return React.createElement(MenuPopupFrame, { ...props });
+}
+/** An action row; see MenuItem. */
+export const ContextMenuItem = MenuItem;
+/** An option that toggles; see MenuCheckboxItem. */
+export const ContextMenuCheckboxItem = MenuCheckboxItem;
+/** One choice among several; see MenuRadioGroup. */
+export const ContextMenuRadioGroup = MenuRadioGroup;
+/** A choice in a radio group; see MenuRadioItem. */
+export const ContextMenuRadioItem = MenuRadioItem;
+/** Groups related items; see MenuGroup. */
+export const ContextMenuGroup = MenuGroup;
+/** A group's label; see MenuGroupLabel. */
+export const ContextMenuGroupLabel = MenuGroupLabel;
+/** A rule between groups; see MenuSeparator. */
+export const ContextMenuSeparator = MenuSeparator;
+/** Groups a submenu's trigger and popup; see MenuSubmenu. */
+export const ContextMenuSubmenu = MenuSubmenu;
+/** The row that opens a submenu; see MenuSubmenuTrigger. */
+export const ContextMenuSubmenuTrigger = MenuSubmenuTrigger;
+//# sourceMappingURL=ContextMenu.js.map

package/overlays/context-menu/ContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../src/overlays/context-menu/ContextMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAE5E,OAAO,EACL,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,QAAQ,EACR,cAAc,EACd,aAAa,EACb,aAAa,EACb,WAAW,EACX,kBAAkB,GACnB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,cAAc,EAAuB,MAAM,eAAe,CAAA;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAwBtD;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,OAAO,oBAAC,eAAe,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC5C,CAAC;AAKD;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,KAAK,GAAG,kBAAkB,EAAE,CAAA;IAClC,OAAO,oBAAC,eAAe,CAAC,OAAO,OAAK,KAAK,KAAM,KAAK,GAAI,CAAA;AAC1D,CAAC;AAKD;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,OAAO,oBAAC,cAAc,OAAK,KAAK,GAAI,CAAA;AACtC,CAAC;AAED,mCAAmC;AACnC,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAA;AACvC,oDAAoD;AACpD,MAAM,CAAC,MAAM,uBAAuB,GAAG,gBAAgB,CAAA;AACvD,oDAAoD;AACpD,MAAM,CAAC,MAAM,qBAAqB,GAAG,cAAc,CAAA;AACnD,oDAAoD;AACpD,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAA;AACjD,2CAA2C;AAC3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,SAAS,CAAA;AACzC,2CAA2C;AAC3C,MAAM,CAAC,MAAM,qBAAqB,GAAG,cAAc,CAAA;AACnD,gDAAgD;AAChD,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAA;AACjD,6DAA6D;AAC7D,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAAA;AAC7C,4DAA4D;AAC5D,MAAM,CAAC,MAAM,yBAAyB,GAAG,kBAAkB,CAAA"}

package/overlays/context-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/overlays/context-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/overlays/context-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/overlays/context-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/overlays/dialog/Dialog.d.ts

@@ -0,0 +1,139 @@
+import * as React from 'react';
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { useRender } from '@base-ui/react/use-render';
+import { type VariantProps } from 'class-variance-authority';
+import { type ButtonProps } from '../../actions/button';
+import { type FieldPreset } from '../../utils/scope';
+export declare const dialog: (props?: ({
+    wide?: boolean | null | undefined;
+    primary?: "ruby" | "brown" | "crimson" | "gold" | "gray" | "indigo" | "olive" | "pink" | "plum" | "purple" | "red" | "tomato" | "violet" | "bronze" | "iris" | "mauve" | "sage" | "sand" | "slate" | null | undefined;
+    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;
+/** The Backdrop part: colorless by default; `covered` is the opaque solid cover (from --md-n-above). */
+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` …) 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].
+ */
+export declare function Dialog<Payload = unknown>(props: DialogProps<Payload>): React.JSX.Element;
+/** Props for DialogTrigger: Button props plus Base UI's trigger `handle` and `payload`. */
+export type DialogTriggerProps = ButtonProps & {
+    /** Associates a detached trigger with a Dialog created by `Dialog.createHandle`. */
+    handle?: BaseDialog.Trigger.Props['handle'];
+    /** 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]. 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, --fgd-measure-reading, from --md-n-above. Default `false`. */
+    wide?: DialogVariants['wide'];
+    /**
+     * Primary Radix scale inside the panel's `white` scope: text, frame and
+     * rules. Omitted, the white preset's default; never the trigger's [D133].
+     */
+    primary?: DialogVariants['primary'];
+    /** Secondary Radix scale inside the panel: accents only. Omitted, the white preset's default. */
+    secondary?: DialogVariants['secondary'];
+    /**
+     * The optional solid cover, from --md-n-above: the page ground's
+     * companion field [D177] (paper, white, meadow and pollen → `forest`;
+     * 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]; 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`. */
+    container?: BaseDialog.Portal.Props['container'];
+    /** Keeps the portal mounted while closed. */
+    keepMounted?: boolean;
+};
+/**
+ * The modal panel, rendered in its Base UI Portal as a nested `white` scope
+ * 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
+ * --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 declare function DialogPopup(props: DialogPopupProps): React.JSX.Element;
+/** Props for DialogTopBar: `div` props and `render`. */
+export type DialogTopBarProps = useRender.ComponentProps<'div'>;
+/**
+ * The titled top bar: an optional `DialogEyebrow`, the `DialogTitle` and the
+ * `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`. */
+export type DialogEyebrowProps = useRender.ComponentProps<'p'>;
+/** An optional eyebrow above the title, in tracked caps (`type-eyebrow`); dropped below 360 px. */
+export declare function DialogEyebrow(props: DialogEyebrowProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for DialogTitle: Base UI Dialog.Title props. */
+export type DialogTitleProps = BaseDialog.Title.Props;
+/**
+ * The dialog's title and accessible name (Base UI Dialog.Title, an `h2`),
+ * in `type-itemhead`. Every dialog has one.
+ */
+export declare function DialogTitle(props: DialogTitleProps): React.JSX.Element;
+/** Props for DialogDescription: Base UI Dialog.Description props. */
+export type DialogDescriptionProps = BaseDialog.Description.Props;
+/** The dialog's description (Base UI Dialog.Description), in `type-body-ui` --primary12. */
+export declare function DialogDescription(props: DialogDescriptionProps): React.JSX.Element;
+/** Props for DialogClose: Base UI Dialog.Close props plus the X's accessible name. */
+export type DialogCloseProps = BaseDialog.Close.Props & {
+    /** The close X's accessible name, visually hidden. Default "Close". */
+    label?: string;
+};
+/**
+ * Closes the dialog. By default the top bar's X: an icon-only Button with
+ * 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.
+ */
+export declare function DialogClose(props: DialogCloseProps): React.JSX.Element;
+/** Props for DialogBody: `div` props and `render`. */
+export type DialogBodyProps = useRender.ComponentProps<'div'>;
+/**
+ * The scrolling body: description and content. While content is hidden
+ * above or below, a --border-size-2 --role-rule edge shows under the top
+ * bar or above the action bar (the §10.19 overflow edge), never a fade.
+ */
+export declare function DialogBody(props: DialogBodyProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for DialogActions: `div` props and `render`. */
+export type DialogActionsProps = useRender.ComponentProps<'div'>;
+/**
+ * The action bar: a `solid` Button first, then its outline twin, each
+ * hugging its label. A destructive action (Delete, Remove, Discard) takes
+ * Button `destructive`, drawn in the danger (red) roles [D192]. Stacked
+ * and docked at the bottom of the sheet below --md-n-above; one row from
+ * it [D106].
+ */
+export declare function DialogActions(props: DialogActionsProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export {};
+//# sourceMappingURL=Dialog.d.ts.map

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

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

package/overlays/dialog/Dialog.js

@@ -0,0 +1,262 @@
+'use client';
+import * as React from 'react';
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+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 { 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.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - 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 --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: 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 --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].
+ * - Container: none; the dialog is page frame and uses the viewport media:
+ *   a full-screen sheet below --md-n-above, centered from it [D121].
+ */
+export const dialog = cva(styles.base, {
+    variants: {
+        wide: {
+            true: styles.wide,
+        },
+        // Color axes: never defaulted [D133]; DialogPopup computes the overlay preset's defaults.
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        wide: false,
+    },
+});
+/** The Backdrop part: colorless by default; `covered` is the opaque solid cover (from --md-n-above). */
+export const dialogBackdrop = cva(styles.backdrop, {
+    variants: {
+        covered: {
+            true: styles.covered,
+        },
+    },
+    defaultVariants: {
+        covered: false,
+    },
+});
+/**
+ * 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].
+ */
+export function Dialog(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]. 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;
+    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 = [
+    'input:not([type="hidden"]):not(:disabled)',
+    'select:not(:disabled)',
+    'textarea:not(:disabled)',
+    '[role="combobox"]:not([aria-disabled="true"])',
+    '[role="textbox"]',
+    '[contenteditable="true"]',
+].join(',');
+const DialogContext = React.createContext(null);
+/**
+ * The modal panel, rendered in its Base UI Portal as a nested `white` scope
+ * 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
+ * --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, 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);
+    const focusFirstField = React.useCallback((interaction) => {
+        // Opened by touch: Base UI focuses the popup so no keyboard opens.
+        if (interaction === 'touch')
+            return true;
+        return bodyRef.current?.querySelector(fieldSelector) ?? true;
+    }, []);
+    return (React.createElement(BaseDialog.Portal, { container: container, keepMounted: keepMounted },
+        cover ? React.createElement(DialogCover, { preset: cover }) : null,
+        React.createElement(BaseDialog.Popup, { ...rest, ref: popupRef, ...overlayAttributes, initialFocus: initialFocus ?? focusFirstField, className: resolveClassName(className, (extra) => dialog({
+                wide,
+                primary: scales.primary,
+                secondary: scales.secondary,
+                // 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(DialogMorphLayer, { morph: morph })));
+}
+/**
+ * The solid cover: the Backdrop rendered as a `kind="field"` Ground of the
+ * companion field [D177, D178]. Ground writes the field's fixed mode; the
+ * Dialog writes no data-theme, and its `covered` class replaces the field's
+ * inset geometry and edge with the full viewport. Base UI renders it for
+ * the lowest dialog only, so an Alert over a Dialog never adds a second
+ * cover.
+ */
+function DialogCover({ preset }) {
+    return (React.createElement(GroundContext.Provider, { value: rootScope },
+        React.createElement(BaseDialog.Backdrop, { className: dialogBackdrop({ covered: true }), render: React.createElement(Ground, { kind: "field", preset: preset, render: React.createElement("div", null) }) })));
+}
+/**
+ * The titled top bar: an optional `DialogEyebrow`, the `DialogTitle` and the
+ * `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;
+    return useRender({
+        defaultTagName: 'div',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.topBar, className) }, rest),
+    });
+}
+/** An optional eyebrow above the title, in tracked caps (`type-eyebrow`); dropped below 360 px. */
+export function DialogEyebrow(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'p',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.eyebrow, className) }, rest),
+    });
+}
+/**
+ * The dialog's title and accessible name (Base UI Dialog.Title, an `h2`),
+ * in `type-itemhead`. Every dialog has one.
+ */
+export function DialogTitle(props) {
+    const { className, ...rest } = props;
+    return (React.createElement(BaseDialog.Title, { ...rest, className: resolveClassName(className, (extra) => cx(styles.title, extra)) }));
+}
+/** The dialog's description (Base UI Dialog.Description), in `type-body-ui` --primary12. */
+export function DialogDescription(props) {
+    const { className, ...rest } = props;
+    return (React.createElement(BaseDialog.Description, { ...rest, className: resolveClassName(className, (extra) => cx(styles.description, extra)) }));
+}
+/**
+ * Closes the dialog. By default the top bar's X: an icon-only Button with
+ * 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.
+ */
+export function DialogClose(props) {
+    const { label = 'Close', render, className, children, ...rest } = props;
+    if (render) {
+        return (React.createElement(BaseDialog.Close, { ...rest, className: className, render: render }, children));
+    }
+    return (React.createElement(BaseDialog.Close, { ...rest, className: resolveClassName(className, (extra) => cx(styles.close, extra)), render: React.createElement(Button, { variant: "outline", iconOnly: true, icon: "close" }, label) }));
+}
+/**
+ * The scrolling body: description and content. While content is hidden
+ * above or below, a --border-size-2 --role-rule edge shows under the top
+ * bar or above the action bar (the §10.19 overflow edge), never a fade.
+ */
+export function DialogBody(props) {
+    const { render, ref, className, ...rest } = props;
+    const context = React.useContext(DialogContext);
+    const localRef = React.useRef(null);
+    useOverflowEdges(localRef);
+    return useRender({
+        defaultTagName: 'div',
+        render,
+        ref: context ? [ref ?? null, localRef, context.bodyRef] : [ref ?? null, localRef],
+        props: mergeProps({ className: cx(styles.body, className) }, rest),
+    });
+}
+/**
+ * The action bar: a `solid` Button first, then its outline twin, each
+ * hugging its label. A destructive action (Delete, Remove, Discard) takes
+ * Button `destructive`, drawn in the danger (red) roles [D192]. Stacked
+ * and docked at the bottom of the sheet below --md-n-above; one row from
+ * it [D106].
+ */
+export function DialogActions(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'div',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.actions, className) }, rest),
+    });
+}
+/**
+ * Writes data-overflow-y-start / data-overflow-y-end on a scroll container
+ * while content is hidden in that direction (the §10.19 Scroll Area names).
+ */
+function useOverflowEdges(ref) {
+    React.useEffect(() => {
+        const node = ref.current;
+        if (!node)
+            return undefined;
+        const update = () => {
+            const start = node.scrollTop > 0;
+            const end = node.scrollTop + node.clientHeight < node.scrollHeight - 1;
+            node.toggleAttribute('data-overflow-y-start', start);
+            node.toggleAttribute('data-overflow-y-end', end);
+        };
+        update();
+        node.addEventListener('scroll', update, { passive: true });
+        const observer = new ResizeObserver(update);
+        observer.observe(node);
+        Array.from(node.children).forEach((child) => observer.observe(child));
+        return () => {
+            node.removeEventListener('scroll', update);
+            observer.disconnect();
+        };
+    }, [ref]);
+}
+//# sourceMappingURL=Dialog.js.map

package/overlays/dialog/Dialog.js.map

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