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

package/overlays/dialog/dialog.module.css

@@ -0,0 +1,258 @@
+/*
+ * Dialog (§10.14). CVA functions `dialog` (the panel) and `dialogBackdrop`
+ * (the optional solid cover) in Dialog.tsx; Alert Dialog composes this panel.
+ * Parts: base (the popup panel), topBar, eyebrow, title, close, body,
+ * description, actions, backdrop.
+ *
+ * The face is the `white` overlay scope's --primary1 and the frame is
+ * --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 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.
+ */
+
+/* Composition sits in top-level rules, outside the layers: Lightning CSS
+ * (Next.js with Turbopack) rejects `composes` inside @layer or any nesting.
+ * The composed classes keep their own layers. */
+.base {
+  composes: typeBodyUi from '../../utils/type.module.css';
+}
+
+.eyebrow {
+  composes: typeEyebrow from '../../utils/type.module.css';
+}
+
+.title {
+  composes: typeItemhead from '../../utils/type.module.css';
+}
+
+.description {
+  composes: typeBodyUi from '../../utils/type.module.css';
+}
+
+@layer base {
+  /* The sheet (base): full screen, opaque, square, no outer frame. */
+  .base {
+    --dialog-inset: var(--size-px-3);
+
+    position: fixed;
+    inset: 0;
+    z-index: var(--layer-4);
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    inline-size: 100%;
+    block-size: 100%;
+    margin: 0;
+    padding: 0;
+    border: 0 solid var(--primary12);
+    border-radius: var(--radius-0);
+    background-color: var(--primary1);
+    color: var(--primary12);
+  }
+
+  /* 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(--size-px-7-5)));
+      block-size: fit-content;
+      max-block-size: calc(100% - 2 * var(--size-px-7-5));
+      margin: auto;
+      border-width: var(--border-size-2-25);
+      border-radius: var(--radius-2-25);
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .base {
+      --dialog-inset: var(--size-px-7);
+    }
+  }
+
+  /* Top bar: title, optional eyebrow and close; the sheet draws its rule underneath. */
+  .topBar {
+    flex: none;
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    align-items: center;
+    column-gap: var(--size-px-3);
+    min-block-size: var(--fgd-size-control-xl);
+    padding: var(--dialog-inset);
+    border-block-end: var(--border-size-2-25) solid var(--primary12);
+  }
+
+  @media (min-width: 768px) {
+    .topBar {
+      border-block-end-width: 0;
+    }
+  }
+
+  .eyebrow {
+    grid-column: 1;
+    color: var(--primary12);
+  }
+
+  /* The title is an item head, not a section head [D60]. */
+  .title {
+    grid-column: 1;
+    color: var(--primary12);
+  }
+
+  .close {
+    grid-column: 2;
+    grid-row: 1 / span 2;
+  }
+
+  /*
+   * Body: scrolls between the bars. Its block edges are the §10.19 overflow
+   * rules, drawn in the face color (invisible, as an edge equal to its fill
+   * is [D12]) until content is hidden in that direction.
+   */
+  .body {
+    flex: 1 1 auto;
+    display: grid;
+    align-content: start;
+    row-gap: var(--size-px-3);
+    min-block-size: 0;
+    overflow-y: auto;
+    overscroll-behavior: contain;
+    padding: var(--dialog-inset);
+    border-block: var(--border-size-2) solid var(--primary1);
+    border-block-start-width: 0;
+  }
+
+  @media (min-width: 768px) {
+    .body {
+      padding-block-start: 0;
+      border-block-start-width: var(--border-size-2);
+    }
+  }
+
+  .description {
+    color: var(--primary12);
+  }
+
+  /* Action bar: stacked, solid action first, each hugging its label [D106]; docked at the sheet's foot. */
+  .actions {
+    flex: none;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--size-px-2-5);
+    padding: var(--dialog-inset);
+  }
+
+  @media (min-width: 768px) {
+    .actions {
+      flex-direction: row;
+      flex-wrap: wrap;
+      align-items: center;
+    }
+  }
+
+  /* Stack guard: the eyebrow drops; the action bar already stacks at base [D73]. */
+  @media (max-width: 359.98px) {
+    .eyebrow {
+      display: none;
+    }
+  }
+
+  /* Colorless by default: it only catches outside presses. */
+  .backdrop {
+    position: fixed;
+    inset: 0;
+    z-index: var(--layer-4);
+  }
+}
+
+@layer variants {
+  /* Wide: the detail-view width, --fgd-measure-reading, from --md-n-above. */
+  @media (min-width: 768px) {
+    .wide {
+      inline-size: min(var(--fgd-measure-reading), calc(100% - 2 * var(--size-px-7-5)));
+    }
+  }
+
+  /*
+   * Solid cover [D88 → D121]: a `kind="field"` Ground of the companion field
+   * paints it, fully opaque, at full-viewport geometry with no edge [D177].
+   * Below --md-n-above the sheet already covers the page.
+   */
+  .covered {
+    display: none;
+    margin: 0;
+    padding: 0;
+    border: none;
+    border-radius: 0;
+  }
+
+  @media (min-width: 768px) {
+    .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 {
+  /*
+   * 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(--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). */
+  .body[data-overflow-y-start] {
+    border-block-start-color: var(--role-rule);
+  }
+
+  .body[data-overflow-y-end] {
+    border-block-end-color: var(--role-rule);
+  }
+}
+
+@layer print {
+  @media print {
+    /* An open modal prints alone [D174]: every other child of the body drops. */
+    :global(body):has(.base[data-open]) > :not(:has(.base)) {
+      display: none;
+    }
+
+    /* The panel flows at full height; its frame prints through the remap. */
+    .base {
+      position: static;
+      inline-size: auto;
+      block-size: auto;
+      max-block-size: none;
+      margin: 0;
+    }
+
+    .body {
+      overflow: visible;
+      border-block-width: 0;
+    }
+
+    .backdrop {
+      display: none;
+    }
+  }
+}

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

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

package/overlays/dialog/index.js.map

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

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

@@ -0,0 +1,126 @@
+import * as React from 'react';
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import { type VariantProps } from 'class-variance-authority';
+import { type ButtonProps } from '../../actions/button';
+import { type IconName } from '../../foundations/icon';
+import { type MenuPopupProps } from './popup';
+export { menu, type MenuPopupProps } from './popup';
+export declare const menuItem: (props?: ({
+    destructive?: boolean | 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;
+type MenuItemVariants = VariantProps<typeof menuItem>;
+/** 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 & {
+    /** Associates a detached trigger with a Menu created by `Menu.createHandle`. */
+    handle?: BaseMenu.Trigger.Props['handle'];
+    /** A payload handed to the Menu's children function when this trigger opens it. */
+    payload?: unknown;
+};
+/**
+ * Opens the menu. Renders a Button (§9.2): an `outline` or `text` Button
+ * with a title-case label ("Sort By", "Export") [D160, D165], or an
+ * icon-only `more_horiz` "…". A sort trigger shows its current value.
+ */
+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, --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 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;
+/** Props for MenuItem: Base UI Menu.Item props plus the leading glyph, shortcut and destructive axis. */
+export type MenuItemProps = BaseMenu.Item.Props & {
+    /** A leading Material Symbols glyph at the inline tier (§6.10). */
+    icon?: IconName;
+    /** A trailing keyboard shortcut, in `type-data` --role-muted, end-aligned. */
+    shortcut?: React.ReactNode;
+    /**
+     * A destructive action (delete, remove, clear): the danger glyph (◆ with
+     * its inner ×) in the leading slot, the label in --role-danger-text, and
+     * a highlight in the danger fill with --role-danger-label [D192]. The
+     * label still names the verb and object ("Delete note"), so color is
+     * never the only cue. Default `false`.
+     */
+    destructive?: MenuItemVariants['destructive'];
+    /** The item's secondary scale. Omitted, a destructive item takes the danger scale [D129]. */
+    secondary?: MenuItemVariants['secondary'];
+};
+/**
+ * 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
+ * on a destructive item [D192]); activation closes the menu.
+ */
+export declare function MenuItem(props: MenuItemProps): React.JSX.Element;
+/** Props for MenuCheckboxItem: Base UI Menu.CheckboxItem props. */
+export type MenuCheckboxItemProps = BaseMenu.CheckboxItem.Props;
+/**
+ * An option that toggles (Base UI Menu.CheckboxItem). Checked shows a
+ * leading ✓ in --primary12 and sets the label at --font-weight-6, with no
+ * fill and no bar [D145]. It stays open on activation.
+ */
+export declare function MenuCheckboxItem(props: MenuCheckboxItemProps): React.JSX.Element;
+/** Props for MenuRadioGroup: Base UI Menu.RadioGroup props (`value`, `onValueChange` …). */
+export type MenuRadioGroupProps = BaseMenu.RadioGroup.Props;
+/** Groups radio items into one choice, such as a sort order (Base UI Menu.RadioGroup). */
+export declare function MenuRadioGroup(props: MenuRadioGroupProps): React.JSX.Element;
+/** Props for MenuRadioItem: Base UI Menu.RadioItem props (`value` …). */
+export type MenuRadioItemProps = BaseMenu.RadioItem.Props;
+/**
+ * One choice in a MenuRadioGroup (Base UI Menu.RadioItem). Checked shows a
+ * leading ● in --primary12 (the FILL 1 `circle`, always with the weight
+ * change) and the label at --font-weight-6; no fill and no bar [D145, D166].
+ */
+export declare function MenuRadioItem(props: MenuRadioItemProps): React.JSX.Element;
+/** Props for MenuGroup: Base UI Menu.Group props. */
+export type MenuGroupProps = BaseMenu.Group.Props;
+/** Groups related items under a MenuGroupLabel (Base UI Menu.Group). */
+export declare function MenuGroup(props: MenuGroupProps): React.JSX.Element;
+/** Props for MenuGroupLabel: Base UI Menu.GroupLabel props. */
+export type MenuGroupLabelProps = BaseMenu.GroupLabel.Props;
+/** A group's label, in `type-label` --role-muted; not focusable (Base UI Menu.GroupLabel). */
+export declare function MenuGroupLabel(props: MenuGroupLabelProps): React.JSX.Element;
+/** Props for MenuSeparator: Base UI Menu.Separator props. */
+export type MenuSeparatorProps = BaseMenu.Separator.Props;
+/** A full-width --border-size-1 --role-rule between groups, --size-px-1 above and below. */
+export declare function MenuSeparator(props: MenuSeparatorProps): React.JSX.Element;
+/** Props for MenuSubmenu: Base UI Menu.SubmenuRoot props. */
+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 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. */
+export type MenuSubmenuTriggerProps = BaseMenu.SubmenuTrigger.Props & {
+    /** A leading Material Symbols glyph at the inline tier (§6.10). */
+    icon?: IconName;
+};
+/**
+ * The row that opens a submenu (Base UI Menu.SubmenuTrigger), with a
+ * trailing `chevron_right` at the inline tier. It stays highlighted while
+ * its submenu is open.
+ */
+export declare function MenuSubmenuTrigger(props: MenuSubmenuTriggerProps): React.JSX.Element;
+//# sourceMappingURL=Menu.d.ts.map

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

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

package/overlays/menu/Menu.js

@@ -0,0 +1,187 @@
+'use client';
+import * as React from 'react';
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import { cva } from 'class-variance-authority';
+import { Button } from '../../actions/button';
+import { Icon } from '../../foundations/icon';
+import { HOVER_REASONS, useOutlineMorphRoot, } from '../../foundations/outline-morph/useOutlineMorphRoot';
+import { StatusGlyph, statusScales } from '../../utils/StatusGlyph';
+import { cx, resolveClassName } from '../../utils/className';
+import { OVERLAY_SIDE_OFFSET } from '../../utils/overlay';
+import { secondaryScaleVariants } from '../../utils/scales';
+import { MenuPopupFrame } from './popup';
+import { MENUBAR_SWITCH_REASONS, MenuMorphContext, MenuMorphTrigger, MenubarMorphContext, } from './morph';
+import styles from './menu.module.css';
+export { menu } from './popup';
+/*
+ * Menu (§9.7): actions, sort and option menus.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: menu.module.css (shared by Context Menu and Menubar popups);
+ *   CVA functions `menu` (the popup) and `menuItem` (an item).
+ * - Axes: `primary`, `secondary` → scales module classes, passed to the
+ *   popup; `menuItem`: `destructive` → `destructive` (the danger glyph,
+ *   the danger label and the danger highlight [D192]), `secondary` → the
+ *   item's own scale.
+ * - Compound variants: none. Defaults: `menuItem` `destructive: false`;
+ *   color axes: none.
+ * - Color fallback: the popup takes the `white` preset's defaults; a
+ *   destructive item's secondary falls back to the danger scale [D129].
+ * - States: item data-highlighted → --primary4 plus the --border-size-2-25
+ *   start-edge bar in --primary12 [D145] (a destructive item: the
+ *   --role-danger fill, its label and bar --role-danger-label [D192]);
+ *   data-checked on checkbox and
+ *   radio items → leading ✓ or ● in --primary12, label --font-weight-6, no
+ *   fill and no bar [D145]; data-disabled → --role-muted, no highlight;
+ *   submenu trigger data-popup-open → stays highlighted; the popup opens
+ *   and closes by the outline morph or at once [D205].
+ * - Parts: positioner, base (the popup), item, itemIcon (the leading slot),
+ *   itemLabel, checkGlyph, dangerGlyph, shortcut, submenuChevron,
+ *   groupLabel, separator.
+ * - Scope: the popup renders through its Base UI Portal and declares a
+ *   `white` scope (`page` scheme, no data-theme) with the --border-size-2
+ *   --primary12 edge [D148, D156]. The trigger is a Button (§9.2).
+ * - Container: none; inherits its context.
+ * - Outline morph [D204]: on by default (`morph={false}` on Menu opts
+ *   out). The trigger's ring (keyboard) or edge (pointer: its outline, its
+ *   fill, or its box in its ink) grows into the popup's frame and back
+ *   (foundations/outline-morph); MenuTrigger takes the source ref, the popup
+ *   answers `data-outline-morph` and the frame renders beside it. Without
+ *   the morph a menu opens and closes at once [D205]: hover opens
+ *   (`openOnHover`), switching menus in a Menubar, and submenus (MenuSubmenu
+ *   turns the morph off inside it: they open on hover as the pointer passes,
+ *   and their row has no outline to grow from).
+ */
+export const menuItem = cva(styles.item, {
+    variants: {
+        destructive: {
+            true: styles.destructive,
+        },
+        // Color axis: never defaulted [D133]; MenuItem computes the danger scale for destructive items.
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        destructive: false,
+    },
+});
+/** Groups the parts of a menu (Base UI Menu.Root) and wires its outline morph. */
+export function Menu(props) {
+    const { morph = true, onOpenChange, ...rootProps } = props;
+    const inMenubar = React.useContext(MenubarMorphContext);
+    const outline = useOutlineMorphRoot({
+        open: rootProps.open,
+        defaultOpen: rootProps.defaultOpen,
+        onOpenChange,
+        morph,
+        instant: (_open, details) => details.reason != null &&
+            (inMenubar ? MENUBAR_SWITCH_REASONS : HOVER_REASONS).has(details.reason),
+    });
+    return (React.createElement(MenuMorphContext.Provider, { value: outline.refs },
+        React.createElement(BaseMenu.Root, { ...rootProps, onOpenChange: outline.onOpenChange })));
+}
+/**
+ * Opens the menu. Renders a Button (§9.2): an `outline` or `text` Button
+ * with a title-case label ("Sort By", "Export") [D160, D165], or an
+ * icon-only `more_horiz` "…". A sort trigger shows its current value.
+ */
+export function MenuTrigger(props) {
+    const { handle, payload, ...buttonProps } = props;
+    return (React.createElement(MenuMorphTrigger, { handle: handle, payload: payload, render: React.createElement(Button, { ...buttonProps }) }));
+}
+/**
+ * The popup, rendered through its Base UI Portal as a nested `white`
+ * 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 from its trigger by the outline morph, or at once [D205].
+ * Inside a `MenuSubmenu` it flies out to the end side.
+ */
+export function MenuPopup(props) {
+    return (React.createElement(MenuPopupFrame, { ...props, placement: { align: 'start', sideOffset: OVERLAY_SIDE_OFFSET } }));
+}
+/**
+ * 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
+ * on a destructive item [D192]); activation closes the menu.
+ */
+export function MenuItem(props) {
+    const { icon, shortcut, destructive, secondary, className, children, ...rest } = props;
+    const leading = destructive ? (React.createElement(StatusGlyph, { status: "danger", className: styles.dangerGlyph })) : icon ? (React.createElement(Icon, { name: icon })) : null;
+    return (React.createElement(BaseMenu.Item, { ...rest, className: resolveClassName(className, (extra) => menuItem({
+            destructive,
+            secondary: secondary ?? (destructive ? statusScales.danger : undefined),
+            className: extra,
+        })) },
+        React.createElement("span", { className: styles.itemIcon }, leading),
+        React.createElement("span", { className: styles.itemLabel }, children),
+        shortcut != null ? React.createElement("kbd", { className: styles.shortcut }, shortcut) : null));
+}
+/**
+ * An option that toggles (Base UI Menu.CheckboxItem). Checked shows a
+ * leading ✓ in --primary12 and sets the label at --font-weight-6, with no
+ * fill and no bar [D145]. It stays open on activation.
+ */
+export function MenuCheckboxItem(props) {
+    const { className, children, ...rest } = props;
+    return (React.createElement(BaseMenu.CheckboxItem, { ...rest, className: resolveClassName(className, (extra) => menuItem({ className: extra })) },
+        React.createElement("span", { className: styles.itemIcon },
+            React.createElement(BaseMenu.CheckboxItemIndicator, { className: styles.checkGlyph },
+                React.createElement(Icon, { name: "check" }))),
+        React.createElement("span", { className: styles.itemLabel }, children)));
+}
+/** Groups radio items into one choice, such as a sort order (Base UI Menu.RadioGroup). */
+export function MenuRadioGroup(props) {
+    return React.createElement(BaseMenu.RadioGroup, { ...props });
+}
+/**
+ * One choice in a MenuRadioGroup (Base UI Menu.RadioItem). Checked shows a
+ * leading ● in --primary12 (the FILL 1 `circle`, always with the weight
+ * change) and the label at --font-weight-6; no fill and no bar [D145, D166].
+ */
+export function MenuRadioItem(props) {
+    const { className, children, ...rest } = props;
+    return (React.createElement(BaseMenu.RadioItem, { ...rest, className: resolveClassName(className, (extra) => menuItem({ className: extra })) },
+        React.createElement("span", { className: styles.itemIcon },
+            React.createElement(BaseMenu.RadioItemIndicator, { className: styles.checkGlyph },
+                React.createElement(Icon, { name: "circle" }))),
+        React.createElement("span", { className: styles.itemLabel }, children)));
+}
+/** Groups related items under a MenuGroupLabel (Base UI Menu.Group). */
+export function MenuGroup(props) {
+    return React.createElement(BaseMenu.Group, { ...props });
+}
+/** A group's label, in `type-label` --role-muted; not focusable (Base UI Menu.GroupLabel). */
+export function MenuGroupLabel(props) {
+    const { className, ...rest } = props;
+    return (React.createElement(BaseMenu.GroupLabel, { ...rest, className: resolveClassName(className, (extra) => cx(styles.groupLabel, extra)) }));
+}
+/** A full-width --border-size-1 --role-rule between groups, --size-px-1 above and below. */
+export function MenuSeparator(props) {
+    const { className, ...rest } = props;
+    return (React.createElement(BaseMenu.Separator, { ...rest, className: resolveClassName(className, (extra) => cx(styles.separator, extra)) }));
+}
+/**
+ * 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 and opens at once: the outline morph stays
+ * with the top-level menu [D204].
+ */
+export function MenuSubmenu(props) {
+    return (React.createElement(MenuMorphContext.Provider, { value: null },
+        React.createElement(BaseMenu.SubmenuRoot, { ...props })));
+}
+/**
+ * The row that opens a submenu (Base UI Menu.SubmenuTrigger), with a
+ * trailing `chevron_right` at the inline tier. It stays highlighted while
+ * its submenu is open.
+ */
+export function MenuSubmenuTrigger(props) {
+    const { icon, className, children, ...rest } = props;
+    return (React.createElement(BaseMenu.SubmenuTrigger, { ...rest, className: resolveClassName(className, (extra) => menuItem({ className: extra })) },
+        React.createElement("span", { className: styles.itemIcon }, icon ? React.createElement(Icon, { name: icon }) : null),
+        React.createElement("span", { className: styles.itemLabel }, children),
+        React.createElement(Icon, { name: "chevron_right", className: styles.submenuChevron })));
+}
+//# sourceMappingURL=Menu.js.map

package/overlays/menu/Menu.js.map

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