@fairgarden/design 0.1.0-0.canary.0

package/overlays/menu/popup.js

@@ -0,0 +1,39 @@
+'use client';
+import * as React from 'react';
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import { cva } from 'class-variance-authority';
+import { cx, resolveClassName } from '../../utils/className';
+import { OVERLAY_COLLISION_PADDING, OverlayScope, overlayActionClassName, overlayAttributes, overlayScales, } from '../../utils/overlay';
+import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
+import styles from './menu.module.css';
+/*
+ * Internal: the menu popup build shared by Menu, Context Menu and Menubar
+ * (§9.7). Not exported from the Menu index; Menu.tsx re-exports `menu` and
+ * wraps `MenuPopupFrame` as MenuPopup.
+ */
+/** Menu classes (§9.7): the popup. Shared by Context Menu and Menubar. */
+export const menu = cva(styles.base, {
+    variants: {
+        // Color axes: never defaulted [D133]; the popup computes the overlay preset's defaults.
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+});
+/**
+ * The portal, positioner and popup. `placement` supplies defaults for the
+ * positioner; any prop left undefined falls through to Base UI's own
+ * defaults (the end side for submenus, the pointer for context menus).
+ */
+export function MenuPopupFrame(props) {
+    const { primary, secondary, side, align, sideOffset, alignOffset, collisionPadding = OVERLAY_COLLISION_PADDING, container, keepMounted, placement, className, children, ...rest } = props;
+    const scales = overlayScales(primary, secondary);
+    return (React.createElement(BaseMenu.Portal, { container: container, keepMounted: keepMounted },
+        React.createElement(BaseMenu.Positioner, { className: styles.positioner, side: side, align: align ?? placement?.align, sideOffset: sideOffset ?? placement?.sideOffset, alignOffset: alignOffset, collisionPadding: collisionPadding },
+            React.createElement(BaseMenu.Popup, { ...rest, ...overlayAttributes, className: resolveClassName(className, (extra) => menu({
+                    primary: scales.primary,
+                    secondary: scales.secondary,
+                    className: cx(overlayActionClassName, extra),
+                })) },
+                React.createElement(OverlayScope, null, children)))));
+}
+//# sourceMappingURL=popup.js.map

package/overlays/menu/popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup.js","sourceRoot":"","sources":["../../src/overlays/menu/popup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EACL,yBAAyB,EACzB,YAAY,EACZ,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,GACd,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AACjF,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC;;;;GAIG;AAEH,0EAA0E;AAC1E,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;IACnC,QAAQ,EAAE;QACR,wFAAwF;QACxF,OAAO,EAAE,oBAAoB;QAC7B,SAAS,EAAE,sBAAsB;KAClC;CACF,CAAC,CAAA;AA+BF;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAC5B,KAAoF;IAEpF,MAAM,EACJ,OAAO,EACP,SAAS,EACT,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAW,EACX,gBAAgB,GAAG,yBAAyB,EAC5C,SAAS,EACT,WAAW,EACX,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IAET,MAAM,MAAM,GAAG,aAAa,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;IAEhD,OAAO,CACL,oBAAC,QAAQ,CAAC,MAAM,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW;QAC7D,oBAAC,QAAQ,CAAC,UAAU,IAClB,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,KAAK,EAChC,UAAU,EAAE,UAAU,IAAI,SAAS,EAAE,UAAU,EAC/C,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB;YAElC,oBAAC,QAAQ,CAAC,KAAK,OACT,IAAI,KACJ,iBAAiB,EACrB,SAAS,EAAE,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAC/C,IAAI,CAAC;oBACH,OAAO,EAAE,MAAM,CAAC,OAAO;oBACvB,SAAS,EAAE,MAAM,CAAC,SAAS;oBAC3B,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,KAAK,CAAC;iBAC7C,CAAC,CACH;gBAED,oBAAC,YAAY,QAAE,QAAQ,CAAgB,CACxB,CACG,CACN,CACnB,CAAA;AACH,CAAC"}

package/overlays/menubar/Menubar.d.ts

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import { Menubar as BaseMenubar } from '@base-ui/react/menubar';
+import { type VariantProps } from 'class-variance-authority';
+import { type MenuPopupProps } from '../menu';
+export declare const menubar: (props?: ({
+    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;
+type MenubarVariants = VariantProps<typeof menubar>;
+/** Props for Menubar: Base UI Menubar props plus the color axes and the collapsed label. */
+export type MenubarProps = BaseMenubar.Props & {
+    /** Primary Radix scale for the bar: triggers, rule, open bar and ring. Never defaulted [D133]. */
+    primary?: MenubarVariants['primary'];
+    /** Secondary Radix scale for the bar. Never defaulted. */
+    secondary?: MenubarVariants['secondary'];
+    /**
+     * The single trigger's label below --lg-n-above, where the menus collapse
+     * into one menu of labelled groups. Title case. Default "Menu".
+     */
+    collapsedLabel?: string;
+    /** Props for the collapsed menu's popup. */
+    collapsedPopupProps?: MenuPopupProps;
+};
+/**
+ * The bar (Base UI Menubar): --fgd-size-hit tall with a --border-size-1
+ * --role-rule under it, holding `MenubarMenu`s. Below --lg-n-above it
+ * collapses into one `collapsedLabel` trigger whose popup lists each menu
+ * as a labelled group.
+ */
+export declare function Menubar(props: MenubarProps): React.JSX.Element;
+/** Props for MenubarMenu: Base UI Menu.Root props plus the trigger label and the popup's props. */
+export type MenubarMenuProps = Omit<BaseMenu.Root.Props, 'children'> & {
+    /**
+     * The trigger's label, authored in title case with no tracking ("File",
+     * "Edit", "View Options") [D160, D165]; the group label when collapsed.
+     */
+    label: string;
+    /** Disables the trigger. */
+    disabled?: boolean;
+    /** Props for the menu's popup (placement, color axes). */
+    popupProps?: MenuPopupProps;
+    /** The menu's items: MenuItem, MenuCheckboxItem, MenuRadioGroup, MenuSubmenu … */
+    children?: React.ReactNode;
+};
+/**
+ * One menu of the bar: a `type-button-sm` trigger and a Menu popup of its
+ * items. Inside the collapsed "Menu" it renders as a MenuGroup under a
+ * MenuGroupLabel of the same label.
+ */
+export declare function MenubarMenu(props: MenubarMenuProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Menubar.d.ts.map

package/overlays/menubar/Menubar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.d.ts","sourceRoot":"","sources":["../../src/overlays/menubar/Menubar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAwC,KAAK,cAAc,EAAE,MAAM,SAAS,CAAA;AAgCnF,eAAO,MAAM,OAAO;;;8EAMlB,CAAA;AAEF,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,CAAA;AAQnD,4FAA4F;AAC5F,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,GAAG;IAC7C,kGAAkG;IAClG,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IACpC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACxC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,cAAc,CAAA;CACrC,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,qBAmC1C;AAED,mGAAmG;AACnG,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,GAAG;IACrE;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,kFAAkF;IAClF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAqBlD"}

package/overlays/menubar/Menubar.js

@@ -0,0 +1,81 @@
+'use client';
+import * as React from 'react';
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import { Menubar as BaseMenubar } from '@base-ui/react/menubar';
+import { cva } from 'class-variance-authority';
+import { MenuGroup, MenuGroupLabel, MenuPopup } from '../menu';
+import { resolveClassName } from '../../utils/className';
+import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
+import { useScopeAttributes } from '../../utils/scope';
+import { useMediaQuery } from '../../utils/useMediaQuery';
+import styles from './menubar.module.css';
+/*
+ * Menubar (§9.7): an application row of menus, only on application screens
+ * with three or more command groups. No case shows one; derived from P4,
+ * P5 and §9.11.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: menubar.module.css; CVA function `menubar`. Its menus' popups
+ *   are Menu popups (menu.module.css).
+ * - Axes: `primary`, `secondary` → scales module classes, on the bar.
+ *   Orientation is Base UI's own prop (data-orientation).
+ * - Compound variants: none. Defaults: color axes: none.
+ * - Color fallback: inherits the scope; the popups take the `white`
+ *   preset's defaults like every Menu popup.
+ * - States: data-orientation → the bar's direction and rule edge;
+ *   trigger data-popup-open → the --border-size-2-25 bar in --primary12;
+ *   trigger :hover (not disabled) → the §9.2 `text` Button hover: label
+ *   --role-link-hover, underlined only where that is --primary12 [D181];
+ *   :focus-visible → the ring; data-disabled → --role-muted.
+ * - Parts: base (the bar and its rule), trigger.
+ * - Scope: none on the bar (it writes its host's scope attributes); the
+ *   popups are portaled `white` scopes.
+ * - Container: none; below --lg-n-above (the viewport tier of the page
+ *   frame) the bar collapses into one "Menu" trigger whose popup lists the
+ *   former menus as labelled groups.
+ */
+export const menubar = cva(styles.base, {
+    variants: {
+        // Color axes: never defaulted [D133]; omitted, the bar inherits the scope.
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+});
+/** The page frame's --lg-n-above tier, restated for matchMedia. */
+const WIDE_QUERY = '(min-width: 1024px)';
+/** Inside the collapsed "Menu", each MenubarMenu renders as a labelled group. */
+const CollapsedContext = React.createContext(false);
+/**
+ * The bar (Base UI Menubar): --fgd-size-hit tall with a --border-size-1
+ * --role-rule under it, holding `MenubarMenu`s. Below --lg-n-above it
+ * collapses into one `collapsedLabel` trigger whose popup lists each menu
+ * as a labelled group.
+ */
+export function Menubar(props) {
+    const { primary, secondary, collapsedLabel = 'Menu', collapsedPopupProps, className, children, ...rest } = props;
+    const scope = useScopeAttributes();
+    // True from --lg-n-above; false on the server and below it (mobile first).
+    const wide = useMediaQuery(WIDE_QUERY);
+    return (React.createElement(BaseMenubar, { ...rest, ...scope, className: resolveClassName(className, (extra) => menubar({ primary, secondary, className: extra })) }, wide ? (children) : (React.createElement(BaseMenu.Root, null,
+        React.createElement(BaseMenu.Trigger, { className: styles.trigger }, collapsedLabel),
+        React.createElement(MenuPopup, { ...collapsedPopupProps },
+            React.createElement(CollapsedContext.Provider, { value: true }, children))))));
+}
+/**
+ * One menu of the bar: a `type-button-sm` trigger and a Menu popup of its
+ * items. Inside the collapsed "Menu" it renders as a MenuGroup under a
+ * MenuGroupLabel of the same label.
+ */
+export function MenubarMenu(props) {
+    const { label, disabled, popupProps, children, ...rest } = props;
+    const collapsed = React.useContext(CollapsedContext);
+    if (collapsed) {
+        return (React.createElement(MenuGroup, null,
+            React.createElement(MenuGroupLabel, null, label),
+            children));
+    }
+    return (React.createElement(BaseMenu.Root, { ...rest },
+        React.createElement(BaseMenu.Trigger, { className: styles.trigger, disabled: disabled }, label),
+        React.createElement(MenuPopup, { ...popupProps }, children)));
+}
+//# sourceMappingURL=Menubar.js.map

package/overlays/menubar/Menubar.js.map

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

package/overlays/menubar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Menubar';
+//# sourceMappingURL=index.d.ts.map

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

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

package/overlays/menubar/index.js

@@ -0,0 +1,2 @@
+export * from './Menubar';
+//# sourceMappingURL=index.js.map

package/overlays/menubar/index.js.map

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

package/overlays/menubar/menubar.module.css

@@ -0,0 +1,124 @@
+/*
+ * Menubar (§9.7). CVA function `menubar` in Menubar.tsx.
+ * 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 --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
+ * --border-size-2-25 bar in --primary12, never a fill alone. 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. */
+.trigger {
+  composes: typeButtonSm from '../../utils/type.module.css';
+}
+
+@layer base {
+  .base {
+    display: flex;
+    align-items: stretch;
+    min-block-size: var(--fgd-size-hit);
+    border-block-end: var(--border-size-1) solid var(--role-rule);
+    color: var(--primary12);
+  }
+
+  .trigger {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    min-block-size: var(--fgd-size-hit);
+    margin: 0;
+    padding-block: 0;
+    padding-inline: var(--size-px-5);
+    border: 0;
+    background: none;
+    color: var(--primary12);
+    white-space: nowrap;
+    text-decoration-thickness: var(--border-size-1-5);
+    text-underline-offset: 0.15em;
+    appearance: none;
+  }
+
+  /* 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(--fgd-duration-quick);
+      transition-timing-function: var(--ease-out-3);
+    }
+  }
+
+  /* The open bar: sits on the bar's rule, like a current tab. */
+  .trigger::after {
+    content: '';
+    position: absolute;
+    inset-inline: 0;
+    inset-block-end: calc(-1 * var(--border-size-1));
+    display: none;
+    border-block-end: var(--border-size-2-25) solid var(--primary12);
+  }
+}
+
+@layer states {
+  /* Vertical: the rule and the open bar move to the inline end. */
+  .base[data-orientation='vertical'] {
+    flex-direction: column;
+    align-items: stretch;
+    border-block-end-width: 0;
+    border-inline-end: var(--border-size-1) solid var(--role-rule);
+  }
+
+  .base[data-orientation='vertical'] .trigger::after {
+    inset-block: 0;
+    inset-inline: auto calc(-1 * var(--border-size-1));
+    border-block-end-width: 0;
+    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 (--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(--fgd-link-hover-line);
+    text-decoration-color: var(--role-accent);
+  }
+
+  @media (forced-colors: active) {
+    .trigger:not([data-disabled]):hover {
+      text-decoration-line: underline;
+    }
+  }
+
+  .trigger[data-popup-open]::after {
+    display: block;
+  }
+
+  /* Focus: the 2 px --primary12 ring at a 2 px offset, drawn above its neighbours. */
+  .trigger:focus-visible {
+    z-index: 1;
+    outline: var(--fgd-focus-width) solid var(--primary12);
+    outline-offset: var(--fgd-focus-offset);
+  }
+
+  .trigger[data-disabled] {
+    color: var(--role-muted);
+    cursor: default;
+  }
+}
+
+@layer print {
+  @media print {
+    /* Interactive only: hidden. */
+    .base {
+      display: none;
+    }
+  }
+}

package/overlays/popover/Popover.d.ts

@@ -0,0 +1,96 @@
+import * as React from 'react';
+import { Popover as BasePopover } from '@base-ui/react/popover';
+import { useRender } from '@base-ui/react/use-render';
+import { type VariantProps } from 'class-variance-authority';
+import { type ButtonProps } from '../../actions/button';
+export declare const popover: (props?: ({
+    kind?: "definition" | "panel" | 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;
+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. */
+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 & {
+    /** Associates a detached trigger with a Popover created by `Popover.createHandle`. */
+    handle?: BasePopover.Trigger.Props['handle'];
+    /** A payload handed to the Popover's children function when this trigger opens it. */
+    payload?: unknown;
+};
+/**
+ * Opens the popover on press, never on hover (§10.15). Renders a Button
+ * (§9.2); its data-popup-open shows the expanded state.
+ */
+export declare function PopoverTrigger(props: PopoverTriggerProps): React.JSX.Element;
+type PositionerProps = BasePopover.Positioner.Props;
+/** Props for PopoverPopup: Base UI Popover.Popup props plus placement, kind, color axes and portal options. */
+export type PopoverPopupProps = BasePopover.Popup.Props & {
+    /** `panel` (default): a padded panel. `definition`: a term, its definition and an optional source. */
+    kind?: PopoverVariants['kind'];
+    /** Primary Radix scale inside the popup's `white` scope. Omitted, the white preset's default [D133]. */
+    primary?: PopoverVariants['primary'];
+    /** Secondary Radix scale inside the popup: link underlines and other accents only. */
+    secondary?: PopoverVariants['secondary'];
+    /** Which side of the trigger the panel sits on. Default `bottom`; it flips when there is no room. */
+    side?: PositionerProps['side'];
+    /** Alignment to the trigger. Default `start`. */
+    align?: PositionerProps['align'];
+    /** Distance from the trigger in px. Default 8 (`--size-px-2`). */
+    sideOffset?: PositionerProps['sideOffset'];
+    /** Offset along the alignment axis in px. Default 0. */
+    alignOffset?: PositionerProps['alignOffset'];
+    /** Clearance from the viewport edge in px before the panel shifts or flips. Default 16. */
+    collisionPadding?: PositionerProps['collisionPadding'];
+    /** The element the portal renders into. Default: `document.body`. */
+    container?: BasePopover.Portal.Props['container'];
+    /** Keeps the portal mounted while closed. */
+    keepMounted?: boolean;
+};
+/**
+ * The anchored panel, rendered in its Base UI Portal as a nested `white`
+ * 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.
+ * 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 --size-px-2-5 × 6 px triangle filled with the face, its
+ * --border-size-2 --primary12 edge continuing the panel's frame.
+ */
+export declare function PopoverArrow(props: PopoverArrowProps): React.JSX.Element;
+/** Props for PopoverTitle: Base UI Popover.Title props. */
+export type PopoverTitleProps = BasePopover.Title.Props;
+/**
+ * The popover's heading (Base UI Popover.Title, an `h2`) and accessible
+ * name. In the `definition` kind it is the term, in tracked caps
+ * (`type-label`); in a panel, `type-subhead`.
+ */
+export declare function PopoverTitle(props: PopoverTitleProps): React.JSX.Element;
+/** Props for PopoverDescription: Base UI Popover.Description props. */
+export type PopoverDescriptionProps = BasePopover.Description.Props;
+/** The content or the definition (Base UI Popover.Description), in `type-body-ui` --primary12. */
+export declare function PopoverDescription(props: PopoverDescriptionProps): React.JSX.Element;
+/** Props for PopoverSource: `p` props and `render`. */
+export type PopoverSourceProps = useRender.ComponentProps<'p'>;
+/** A definition's source caption, in `type-caption` --role-muted. */
+export declare function PopoverSource(props: PopoverSourceProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for PopoverClose: Base UI Popover.Close props plus the X's accessible name. */
+export type PopoverCloseProps = BasePopover.Close.Props & {
+    /** The close X's accessible name, visually hidden. Default "Close". */
+    label?: string;
+};
+/**
+ * The optional close X, top end: an icon-only Button with the inline-tier
+ * `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;
+export {};
+//# sourceMappingURL=Popover.d.ts.map

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

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

package/overlays/popover/Popover.js

@@ -0,0 +1,131 @@
+'use client';
+import * as React from 'react';
+import { Popover as BasePopover } from '@base-ui/react/popover';
+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 { 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';
+import styles from './popover.module.css';
+/*
+ * Popover (§10.15): non-modal content anchored to a trigger.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: popover.module.css; CVA function `popover`.
+ * - Axes: `kind` → panel | definition → `panel` (padded panel),
+ *   `definition` (term, definition and source) [D155]; `primary`,
+ *   `secondary` → scales module classes, applied inside the popup's scope.
+ * - 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;
+ *   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;
+ *   rendering it is the tail form), title (`term` in the definition kind),
+ *   description, source, close.
+ * - Scope: the popup renders in its Base UI Portal as a nested `white`
+ *   scope (`page` scheme, no data-theme) with the --border-size-2
+ *   --primary12 frame [D92, D139, D156].
+ * - Container: none; inherits its context.
+ */
+export const popover = cva(styles.base, {
+    variants: {
+        kind: {
+            panel: styles.panel,
+            definition: styles.definition,
+        },
+        // Color axes: never defaulted [D133]; PopoverPopup computes the overlay preset's defaults.
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        kind: 'panel',
+    },
+});
+const KindContext = React.createContext('panel');
+/** Groups the parts of a popover (Base UI Popover.Root). Esc or an outside press closes it. */
+export function Popover(props) {
+    return React.createElement(BasePopover.Root, { ...props });
+}
+/**
+ * Opens the popover on press, never on hover (§10.15). Renders a Button
+ * (§9.2); its data-popup-open shows the expanded state.
+ */
+export function PopoverTrigger(props) {
+    const { handle, payload, ...buttonProps } = props;
+    return (React.createElement(BasePopover.Trigger, { 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, --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.
+ * 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 scales = overlayScales(primary, secondary);
+    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({
+                    kind,
+                    primary: scales.primary,
+                    secondary: scales.secondary,
+                    className: cx(overlayActionClassName, extra),
+                })) },
+                React.createElement(KindContext.Provider, { value: kind ?? 'panel' },
+                    React.createElement(OverlayScope, null, children))))));
+}
+/**
+ * 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.
+ */
+export function PopoverArrow(props) {
+    const { className, ...rest } = props;
+    return (React.createElement(BasePopover.Arrow, { ...rest, className: resolveClassName(className, (extra) => cx(styles.arrow, extra)) },
+        React.createElement(OverlayTail, { className: styles.tail })));
+}
+/**
+ * The popover's heading (Base UI Popover.Title, an `h2`) and accessible
+ * name. In the `definition` kind it is the term, in tracked caps
+ * (`type-label`); in a panel, `type-subhead`.
+ */
+export function PopoverTitle(props) {
+    const { className, ...rest } = props;
+    const kind = React.useContext(KindContext);
+    const part = kind === 'definition' ? styles.term : styles.title;
+    return (React.createElement(BasePopover.Title, { ...rest, className: resolveClassName(className, (extra) => cx(part, extra)) }));
+}
+/** The content or the definition (Base UI Popover.Description), in `type-body-ui` --primary12. */
+export function PopoverDescription(props) {
+    const { className, ...rest } = props;
+    return (React.createElement(BasePopover.Description, { ...rest, className: resolveClassName(className, (extra) => cx(styles.description, extra)) }));
+}
+/** A definition's source caption, in `type-caption` --role-muted. */
+export function PopoverSource(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'p',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.source, className) }, rest),
+    });
+}
+/**
+ * The optional close X, top end: an icon-only Button with the inline-tier
+ * `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) {
+    const { label = 'Close', render, className, children, ...rest } = props;
+    if (render) {
+        return (React.createElement(BasePopover.Close, { ...rest, className: className, render: render }, children));
+    }
+    return (React.createElement(BasePopover.Close, { ...rest, className: resolveClassName(className, (extra) => cx(styles.close, extra)), render: React.createElement(Button, { variant: "outline", iconOnly: true, icon: "close" }, label) }));
+}
+//# sourceMappingURL=Popover.js.map

package/overlays/popover/Popover.js.map

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

package/overlays/popover/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Popover';
+//# sourceMappingURL=index.d.ts.map

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

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

package/overlays/popover/index.js

@@ -0,0 +1,2 @@
+export * from './Popover';
+//# sourceMappingURL=index.js.map

package/overlays/popover/index.js.map

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