@setsquare/ui 0.9.1 → 0.11.0

package/dist/styles/tokens.css

@@ -31,6 +31,8 @@
   --control-gap-aaa: 12px;
   --nav-item-height-aa: 36px;
   --nav-item-height-aaa: 36px;
+  --lane-height-aa: 32px;
+  --lane-height-aaa: 44px;
   --nav-item-gap-aa: 2px;
   --nav-item-gap-aaa: 4px;
   --choice-size-aa: 20px;
@@ -48,6 +50,15 @@
   --measure-aaa: 64ch;
   --motion-distance-aa: 8px;
   --motion-distance-aaa: 0px;
+  --control-height-compact: 28px;
+  --control-height-sm-compact: 24px;
+  --control-height-lg-compact: 36px;
+  --control-pad-x-compact: 8px;
+  --control-gap-compact: 4px;
+  --nav-item-height-compact: 28px;
+  --lane-height-compact: 24px;
+  --field-gap-compact: 12px;
+  --text-sm-compact: 13px;
   --header-height-aa: 56px;
   --header-height-aaa: 56px;
   --sidebar-width-aa: 256px;
@@ -61,6 +72,14 @@
   --subnav-width-aaa: 240px;
   --panel-width-aa: 320px;
   --panel-width-aaa: 360px;
+  --panel-width-wide-aa: 512px;
+  --panel-width-wide-aaa: 560px;
+  --panel-width-max: 720px;
+  --dialog-width-sm: 26rem;
+  --dialog-width-md: 32rem;
+  --dialog-width-lg: 44rem;
+  --dialog-width-xl: 60rem;
+  --dialog-width-2xl: 77.5rem;
   --gutter: 24px;
   --content-max: 1440px;
   --site-max: 1180px;
@@ -92,6 +111,7 @@
   --control-pad-x: var(--control-pad-x-aa);
   --control-gap: var(--control-gap-aa);
   --nav-item-height: var(--nav-item-height-aa);
+  --lane-height: var(--lane-height-aa);
   --nav-item-gap: var(--nav-item-gap-aa);
   --choice-size: var(--choice-size-aa);
   --field-gap: var(--field-gap-aa);
@@ -106,6 +126,7 @@
   --rail-width: var(--rail-width-aa);
   --subnav-width: var(--subnav-width-aa);
   --panel-width: var(--panel-width-aa);
+  --panel-width-wide: var(--panel-width-wide-aa);
 }
 :root[data-conformance="aaa"] {
   --target-min: var(--target-min-aaa);
@@ -115,6 +136,7 @@
   --control-pad-x: var(--control-pad-x-aaa);
   --control-gap: var(--control-gap-aaa);
   --nav-item-height: var(--nav-item-height-aaa);
+  --lane-height: var(--lane-height-aaa);
   --nav-item-gap: var(--nav-item-gap-aaa);
   --choice-size: var(--choice-size-aaa);
   --field-gap: var(--field-gap-aaa);
@@ -129,6 +151,7 @@
   --rail-width: var(--rail-width-aaa);
   --subnav-width: var(--subnav-width-aaa);
   --panel-width: var(--panel-width-aaa);
+  --panel-width-wide: var(--panel-width-wide-aaa);
 }
 @media (prefers-reduced-motion: reduce) { :root { --motion-distance: 0px; } }
 

package/dist/tokens.json

@@ -753,6 +753,16 @@
         "value": "36px",
         "usage": "Equal to AA by default: at AAA the 36px highlight sits in a 44px row."
       },
+      {
+        "name": "lane-height-aa",
+        "value": "32px",
+        "usage": "A timeline lane's height, and its ruler's and marker bands' tiers (resolved as --lane-height). An item on a lane is the lane's height, so it is a target at least --target-min tall."
+      },
+      {
+        "name": "lane-height-aaa",
+        "value": "44px",
+        "usage": "At AAA a lane is the 44px target size (2.5.5), so seven lanes are 308px."
+      },
       {
         "name": "nav-item-gap-aa",
         "value": "2px",
@@ -837,6 +847,51 @@
         "name": "motion-distance-aaa",
         "value": "0px",
         "usage": "WCAG 2.3.3: at AAA transitions fade only — opacity is not motion — so no interaction moves content."
+      },
+      {
+        "name": "control-height-compact",
+        "value": "28px",
+        "usage": "data-density=\"compact\", at AA only: a control's painted height (resolved as --control-height). Its target stays at least --target-min."
+      },
+      {
+        "name": "control-height-sm-compact",
+        "value": "24px",
+        "usage": "Compact density's small controls: the AA target floor, so paint and target are one."
+      },
+      {
+        "name": "control-height-lg-compact",
+        "value": "36px",
+        "usage": "Compact density's large controls."
+      },
+      {
+        "name": "control-pad-x-compact",
+        "value": "8px",
+        "usage": "Compact density's padding either side of a control's content."
+      },
+      {
+        "name": "control-gap-compact",
+        "value": "4px",
+        "usage": "Compact density's gap between controls. Targets don't overlap: a control's target is its own box."
+      },
+      {
+        "name": "nav-item-height-compact",
+        "value": "28px",
+        "usage": "Compact density's menu and list rows."
+      },
+      {
+        "name": "lane-height-compact",
+        "value": "24px",
+        "usage": "Compact density's timeline lanes: the AA target floor (2.5.8), the smallest lane whose items are targets without leaning on the spacing exception. Holds 13px text at a line height of 1.5."
+      },
+      {
+        "name": "field-gap-compact",
+        "value": "12px",
+        "usage": "Compact density's space between fields."
+      },
+      {
+        "name": "text-sm-compact",
+        "value": "13px",
+        "usage": "Compact density's interface text (Tailwind's text-sm): the system's 13px floor, never smaller."
       }
     ]
   },
@@ -908,6 +963,46 @@
         "value": "360px",
         "usage": "Right panel at AAA."
       },
+      {
+        "name": "panel-width-wide-aa",
+        "value": "512px",
+        "usage": "RightPanel width=\"wide\": a panel that is a working surface, such as a chat (resolved as --panel-width-wide)."
+      },
+      {
+        "name": "panel-width-wide-aaa",
+        "value": "560px",
+        "usage": "RightPanel width=\"wide\" at AAA."
+      },
+      {
+        "name": "panel-width-max",
+        "value": "720px",
+        "usage": "The widest a resizable RightPanel can be dragged; never more than half the shell either."
+      },
+      {
+        "name": "dialog-width-sm",
+        "value": "26rem",
+        "usage": "Dialog size=\"sm\": a confirmation."
+      },
+      {
+        "name": "dialog-width-md",
+        "value": "32rem",
+        "usage": "Dialog size=\"md\", the default: a short form."
+      },
+      {
+        "name": "dialog-width-lg",
+        "value": "44rem",
+        "usage": "Dialog size=\"lg\": a longer form, two columns."
+      },
+      {
+        "name": "dialog-width-xl",
+        "value": "60rem",
+        "usage": "Dialog size=\"xl\": a gallery of cards, a picker with a preview."
+      },
+      {
+        "name": "dialog-width-2xl",
+        "value": "77.5rem",
+        "usage": "Dialog size=\"2xl\": a library or a board, 1240px. size=\"full\" fills the viewport but its margins."
+      },
       {
         "name": "gutter",
         "value": "24px",

package/dist/ui/button.d.ts

@@ -1,6 +1,7 @@
 import { composeRenderProps, type ButtonProps as RACButtonProps, type LinkProps as RACLinkProps } from 'react-aria-components';
 import { type ButtonVariant, type ButtonVisualSize } from './button-styles.js';
 import { type KeyshortcutsProps } from '../lib/keyshortcuts.js';
+import { type DisabledReasonProps } from './disabled-reason.js';
 export type { ButtonVariant, ButtonVisualSize };
 interface LayerProps {
     variant?: ButtonVariant;
@@ -13,7 +14,7 @@ interface LayerProps {
     /** Layer 2, the painted box. */
     visualClassName?: string;
 }
-export interface ButtonProps extends Omit<RACButtonProps, 'className'>, LayerProps, KeyshortcutsProps {
+export interface ButtonProps extends Omit<RACButtonProps, 'className'>, LayerProps, KeyshortcutsProps, DisabledReasonProps {
 }
 /**
  * React Aria Button. One `primary` per view; `outline` is the default.

package/dist/ui/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,kBAAkB,EAClB,KAAK,WAAW,IAAI,cAAc,EAClC,KAAK,SAAS,IAAI,YAAY,EAC/B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACtB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEjF,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC;AAEhD,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,mGAAmG;IACnG,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oGAAoG;IACpG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,EAAE,UAAU,EAAE,iBAAiB;CAAG;AAE7E;;;GAGG;AACH,eAAO,MAAM,MAAM,2GAsCjB,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC,EAAE,UAAU,EAAE,iBAAiB;CAAG;AAE3E,wGAAwG;AACxG,eAAO,MAAM,UAAU,+GA8BrB,CAAC;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,kBAAkB,EAClB,KAAK,WAAW,IAAI,cAAc,EAClC,KAAK,SAAS,IAAI,YAAY,EAC/B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACtB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEjF,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,sBAAsB,CAAC;AAE9B,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC;AAEhD,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,mGAAmG;IACnG,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oGAAoG;IACpG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,EAAE,UAAU,EAAE,iBAAiB,EAAE,mBAAmB;CAAG;AAElG;;;GAGG;AACH,eAAO,MAAM,MAAM,2GAuDjB,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC,EAAE,UAAU,EAAE,iBAAiB;CAAG;AAE3E,wGAAwG;AACxG,eAAO,MAAM,UAAU,+GA8BrB,CAAC;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/ui/button.js

@@ -1,23 +1,29 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import { forwardRef, useId } from 'react';
 import { Button as RACButton, Link as RACLink, composeRenderProps, } from 'react-aria-components';
 import { buttonTargetStyles, buttonVisualStyles, } from './button-styles.js';
 import { SpinnerIcon } from './spinner.js';
 import { useKeyshortcuts } from '../lib/keyshortcuts.js';
+import { Tooltip, TooltipTrigger } from './tooltip.js';
+import { DisabledReasonText, disabledReasonProps, } from './disabled-reason.js';
 /**
  * React Aria Button. One `primary` per view; `outline` is the default.
  * `isPending` keeps it focusable, announces the wait and swaps any leading icon for a spinner.
  */
-export const Button = forwardRef(function Button({ variant = 'outline', visualSize = 'default', fullWidth, className, visualClassName, children, 'aria-keyshortcuts': keys, ...props }, ref) {
+export const Button = forwardRef(function Button({ variant = 'outline', visualSize = 'default', fullWidth, className, visualClassName, children, 'aria-keyshortcuts': keys, disabledReason, ...props }, ref) {
     const iconOnly = visualSize === 'icon' || visualSize === 'icon-sm';
     const target = useKeyshortcuts(keys, ref);
-    return (_jsx(RACButton, { ref: target, ...props, className: buttonTargetStyles({ fullWidth, className }), children: composeRenderProps(children, (kids, { isPending }) => (_jsx("span", { className: buttonVisualStyles({
+    const reasonId = useId();
+    const button = (_jsx(RACButton, { ref: target, ...props, ...disabledReasonProps(disabledReason, props['aria-describedby'], reasonId), className: buttonTargetStyles({ fullWidth, className }), children: composeRenderProps(children, (kids, { isPending }) => (_jsx("span", { className: buttonVisualStyles({
                 variant,
                 visualSize,
                 fullWidth,
                 className: visualClassName,
             }), children: isPending && iconOnly ? (_jsx(SpinnerIcon, {})) : (_jsxs(_Fragment, { children: [isPending && _jsx(SpinnerIcon, {}), kids] })) }))) }));
+    if (!disabledReason)
+        return button;
+    return (_jsxs(_Fragment, { children: [_jsxs(TooltipTrigger, { delay: 500, children: [button, _jsx(Tooltip, { children: disabledReason })] }), _jsx(DisabledReasonText, { reason: disabledReason, id: reasonId })] }));
 });
 /** A link that looks like a button — for navigation, never for actions. Same three layers as Button. */
 export const LinkButton = forwardRef(function LinkButton({ variant = 'outline', visualSize = 'default', fullWidth, className, visualClassName, children, 'aria-keyshortcuts': keys, ...props }, ref) {

package/dist/ui/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EACL,MAAM,IAAI,SAAS,EACnB,IAAI,IAAI,OAAO,EACf,kBAAkB,GAGnB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,kBAAkB,EAClB,kBAAkB,GAGnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,eAAe,EAA0B,MAAM,wBAAwB,CAAC;AAmBjF;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAiC,SAAS,MAAM,CAC9E,EACE,OAAO,GAAG,SAAS,EACnB,UAAU,GAAG,SAAS,EACtB,SAAS,EACT,SAAS,EACT,eAAe,EACf,QAAQ,EACR,mBAAmB,EAAE,IAAI,EACzB,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,QAAQ,GAAG,UAAU,KAAK,MAAM,IAAI,UAAU,KAAK,SAAS,CAAC;IACnE,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAC1C,OAAO,CACL,KAAC,SAAS,IAAC,GAAG,EAAE,MAAM,KAAM,KAAK,EAAE,SAAS,EAAE,kBAAkB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,YACvF,kBAAkB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACrD,eACE,SAAS,EAAE,kBAAkB,CAAC;gBAC5B,OAAO;gBACP,UAAU;gBACV,SAAS;gBACT,SAAS,EAAE,eAAe;aAC3B,CAAC,YAED,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,CACvB,KAAC,WAAW,KAAG,CAChB,CAAC,CAAC,CAAC,CACF,8BACG,SAAS,IAAI,KAAC,WAAW,KAAG,EAC5B,IAAI,IACJ,CACJ,GACI,CACR,CAAC,GACQ,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAKH,wGAAwG;AACxG,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAqC,SAAS,UAAU,CAC1F,EACE,OAAO,GAAG,SAAS,EACnB,UAAU,GAAG,SAAS,EACtB,SAAS,EACT,SAAS,EACT,eAAe,EACf,QAAQ,EACR,mBAAmB,EAAE,IAAI,EACzB,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAC1C,OAAO,CACL,KAAC,OAAO,IAAC,GAAG,EAAE,MAAM,KAAM,KAAK,EAAE,SAAS,EAAE,kBAAkB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,YACrF,kBAAkB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,eACE,SAAS,EAAE,kBAAkB,CAAC;gBAC5B,OAAO;gBACP,UAAU;gBACV,SAAS;gBACT,SAAS,EAAE,eAAe;aAC3B,CAAC,YAED,IAAI,GACA,CACR,CAAC,GACM,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":"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"}

package/dist/ui/dialog.d.ts

@@ -1,4 +1,5 @@
 import { type ReactNode } from 'react';
+import { type IconProp } from './icon.js';
 /** A Dialog's words, for the `labels` prop. */
 export interface DialogLabels {
     close: string;
@@ -8,20 +9,31 @@ export interface DialogProps {
     isOpen: boolean;
     onOpenChange: (open: boolean) => void;
     title: string;
+    /**
+     * An icon before the title, in `muted-foreground` and hidden from assistive technology, so the dialog is named by
+     * the title's words alone.
+     */
+    icon?: IconProp;
     /** One or two sentences under the title; read as the dialog's description. */
     description?: ReactNode;
     children?: ReactNode;
+    /** Pinned to the bottom: only the content between the title and the footer scrolls. */
     footer?: ReactNode;
     /** 'alertdialog' for confirmations that interrupt. */
     role?: 'dialog' | 'alertdialog';
     /** Backdrop click and the × close it. Default true; false for confirmations. Escape always closes. */
     isDismissable?: boolean;
-    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Its widest, from the `dialog-width-*` tokens: sm 26rem, md 32rem (the default), lg 44rem, xl 60rem, 2xl 77.5rem
+     * (1240px). `full` fills the viewport but its margins. Never wider than the viewport.
+     */
+    size?: DialogSize;
     labels?: Partial<DialogLabels>;
     className?: string;
 }
+export type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
 /** A centred modal: focus moves in and is trapped, Escape closes, focus returns to what opened it. */
-export declare function Dialog({ isOpen, onOpenChange, title, description, children, footer, role, isDismissable, size, labels, className, }: DialogProps): import("react").JSX.Element;
+export declare function Dialog({ isOpen, onOpenChange, title, icon, description, children, footer, role, isDismissable, size, labels, className, }: DialogProps): import("react").JSX.Element;
 /** A ConfirmDialog's words, for the `labels` prop. */
 export interface ConfirmDialogLabels {
     /** The button that closes it without acting. */

package/dist/ui/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUxD,+CAA+C;AAC/C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,YAAY,EAAE,YAAiC,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,sDAAsD;IACtD,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IAChC,sGAAsG;IACtG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,sGAAsG;AACtG,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,YAAY,EACZ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,IAAe,EACf,aAAoB,EACpB,IAAW,EACX,MAAM,EACN,SAAS,GACV,EAAE,WAAW,+BAwDb;AAED,sDAAsD;AACtD,MAAM,WAAW,mBAAmB;IAClC,gDAAgD;IAChD,MAAM,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,aAAa,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,WAAW,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAMjC,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,qFAAqF;IACrF,YAAY,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,+FAA+F;IAC/F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qGAAqG;IACrG,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CACvC;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,IAAe,EACf,WAAW,EACX,SAAS,EACT,MAAM,EAAE,KAAK,GACd,EAAE,kBAAkB,+BAwFpB"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQhE,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAItD,+CAA+C;AAC/C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,YAAY,EAAE,YAAiC,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uFAAuF;IACvF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,sDAAsD;IACtD,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IAChC,sGAAsG;IACtG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAWpE,sGAAsG;AACtG,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,YAAY,EACZ,KAAK,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,MAAM,EACN,IAAe,EACf,aAAoB,EACpB,IAAW,EACX,MAAM,EACN,SAAS,GACV,EAAE,WAAW,+BAoEb;AAED,sDAAsD;AACtD,MAAM,WAAW,mBAAmB;IAClC,gDAAgD;IAChD,MAAM,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,aAAa,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,WAAW,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAMjC,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,qFAAqF;IACrF,YAAY,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,+FAA+F;IAC/F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qGAAqG;IACrG,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CACvC;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,IAAe,EACf,WAAW,EACX,SAAS,EACT,MAAM,EAAE,KAAK,GACd,EAAE,kBAAkB,+BAwFpB"}

package/dist/ui/dialog.js

@@ -1,21 +1,36 @@
 'use client';
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId, useState } from 'react';
+import { useId, useRef, useState } from 'react';
 import { Dialog as RACDialog, Heading, Modal, ModalOverlay } from 'react-aria-components';
 import { X } from 'lucide-react';
 import { cn } from '../lib/cn.js';
 import { useLabels } from '../lib/locale.js';
+import { useScrollTabStop } from '../lib/use-scroll-tab-stop.js';
 import { Alert } from './alert.js';
 import { Button } from './button.js';
+import { renderIcon } from './icon.js';
 import { IconButton } from './icon-button.js';
 import { TextField } from './text-field.js';
 export const dialogLabels = { close: 'Close' };
-const widths = { sm: 'max-w-[26rem]', md: 'max-w-[32rem]', lg: 'max-w-[44rem]' };
+const widths = {
+    sm: 'max-w-(--dialog-width-sm)',
+    md: 'max-w-(--dialog-width-md)',
+    lg: 'max-w-(--dialog-width-lg)',
+    xl: 'max-w-(--dialog-width-xl)',
+    '2xl': 'max-w-(--dialog-width-2xl)',
+    full: 'max-w-none',
+};
 /** A centred modal: focus moves in and is trapped, Escape closes, focus returns to what opened it. */
-export function Dialog({ isOpen, onOpenChange, title, description, children, footer, role = 'dialog', isDismissable = true, size = 'md', labels, className, }) {
+export function Dialog({ isOpen, onOpenChange, title, icon, description, children, footer, role = 'dialog', isDismissable = true, size = 'md', labels, className, }) {
     const t = useLabels('dialog', dialogLabels, labels);
     const descId = useId();
-    return (_jsx(ModalOverlay, { isOpen: isOpen, onOpenChange: onOpenChange, isDismissable: isDismissable, "data-overlay": true, className: "fixed inset-0 z-(--z-sheet) flex items-center justify-center bg-overlay p-4", children: _jsx(Modal, { "data-sheet": "top", className: cn('relative max-h-[calc(100dvh-2rem)] w-full overflow-auto rounded-xl border border-border bg-popover text-popover-foreground shadow-(--shadow-lg) outline-none', widths[size], className), children: _jsxs(RACDialog, { role: role, "aria-describedby": description ? descId : undefined, className: "flex flex-col outline-none", children: [_jsxs("div", { className: "flex items-start justify-between gap-3 px-5 pt-5", children: [_jsx(Heading, { slot: "title", className: "text-heading", children: title }), isDismissable && (_jsx(IconButton, { label: t('close'), icon: X, visualSize: "icon-sm", slot: "close", tooltip: false, className: "-mt-1 -mr-2 items-start justify-end" }))] }), _jsxs("div", { className: "flex flex-col gap-4 px-5 pt-2 pb-5 text-sm leading-6", children: [description && (_jsx("div", { id: descId, className: "max-w-(--measure) text-muted-foreground", children: description })), children] }), footer && (_jsx("div", { className: "flex flex-wrap items-center justify-end gap-(--control-gap) border-t border-border px-5 py-4", children: footer }))] }) }) }));
+    const body = useRef(null);
+    const bodyTabbable = useScrollTabStop(body);
+    return (_jsx(ModalOverlay, { isOpen: isOpen, onOpenChange: onOpenChange, isDismissable: isDismissable, "data-overlay": true, className: "fixed inset-0 z-(--z-sheet) flex items-center justify-center bg-overlay p-4", children: _jsx(Modal, { "data-sheet": "top", className: cn(
+            // A column the viewport's height at most: the title and the footer stay, and only the body scrolls.
+            'relative flex max-h-[calc(100dvh-2rem)] w-full flex-col overflow-hidden rounded-xl border border-border bg-popover text-popover-foreground shadow-(--shadow-lg) outline-none', widths[size], className), children: _jsxs(RACDialog, { role: role, "aria-describedby": description ? descId : undefined, className: "flex min-h-0 flex-1 flex-col outline-none", children: [_jsxs("div", { className: "flex shrink-0 items-start justify-between gap-3 px-5 pt-5", children: [_jsxs(Heading, { slot: "title", className: cn('text-heading', icon && 'flex items-center gap-2'), children: [icon && renderIcon(icon, 'size-5 shrink-0 text-muted-foreground'), icon ? _jsx("span", { className: "min-w-0", children: title }) : title] }), isDismissable && (_jsx(IconButton, { label: t('close'), icon: X, visualSize: "icon-sm", slot: "close", tooltip: false, className: "-mt-1 -mr-2 items-start justify-end" }))] }), _jsxs("div", { ref: body, 
+                        // oxlint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+                        tabIndex: bodyTabbable ? 0 : undefined, "data-tabbable": bodyTabbable || undefined, className: "relative flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-5 pt-2 pb-5 text-sm leading-6 outline-none data-tabbable:focus-visible:focus-ring-inset", children: [description && (_jsx("div", { id: descId, className: "max-w-(--measure) text-muted-foreground", children: description })), children] }), footer && (_jsx("div", { className: "flex shrink-0 flex-wrap items-center justify-end gap-(--control-gap) border-t border-border px-5 py-4", children: footer }))] }) }) }));
 }
 export const confirmDialogLabels = {
     cancel: 'Cancel',

package/dist/ui/dialog.js.map

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

package/dist/ui/disabled-reason.d.ts

@@ -0,0 +1,36 @@
+import type { ReactNode } from 'react';
+/**
+ * A button that can't act right now and says why: it keeps focus and hover (`aria-disabled`, not `disabled`), so the
+ * reason is reachable. The reason is its description, read when it's focused, and its tooltip. Pressing it does
+ * nothing, and it can't submit a form.
+ */
+export interface DisabledReasonProps {
+    /**
+     * Why it can't be used right now ("Claude is working on this scene"). Use it instead of `isDisabled` when the
+     * reason isn't obvious from the page: `isDisabled` takes the button out of reach, so it can't explain itself.
+     */
+    disabledReason?: string;
+}
+/** What a button with a reason passes on: focusable but inert, described by the element `id` names. */
+export interface DisabledReasonButtonProps {
+    isDisabled?: false;
+    type?: 'button';
+    'aria-disabled'?: true;
+    'aria-describedby'?: string;
+    onPress?: undefined;
+    onPressStart?: undefined;
+    onPressEnd?: undefined;
+    onPressUp?: undefined;
+    onPressChange?: undefined;
+}
+/**
+ * The props for a button with `reason`, given the id of the element holding it (useId: no hook here, so a server
+ * component can call this, as IconButton does). None without a reason.
+ */
+export declare function disabledReasonProps(reason: string | undefined, describedBy: string | undefined, id: string): DisabledReasonButtonProps;
+/** The hidden element holding the reason, for the button's description. Hidden content still describes. */
+export declare function DisabledReasonText({ reason, id }: {
+    reason?: string;
+    id: string;
+}): ReactNode;
+//# sourceMappingURL=disabled-reason.d.ts.map

package/dist/ui/disabled-reason.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"disabled-reason.d.ts","sourceRoot":"","sources":["../../src/ui/disabled-reason.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,uGAAuG;AACvG,MAAM,WAAW,yBAAyB;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,eAAe,CAAC,EAAE,IAAI,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,WAAW,EAAE,MAAM,GAAG,SAAS,EAC/B,EAAE,EAAE,MAAM,GACT,yBAAyB,CAa3B;AAED,2GAA2G;AAC3G,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAO7F"}

package/dist/ui/disabled-reason.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The props for a button with `reason`, given the id of the element holding it (useId: no hook here, so a server
+ * component can call this, as IconButton does). None without a reason.
+ */
+export function disabledReasonProps(reason, describedBy, id) {
+    if (!reason)
+        return {};
+    return {
+        isDisabled: false,
+        type: 'button',
+        'aria-disabled': true,
+        'aria-describedby': describedBy ? `${describedBy} ${id}` : id,
+        onPress: undefined,
+        onPressStart: undefined,
+        onPressEnd: undefined,
+        onPressUp: undefined,
+        onPressChange: undefined,
+    };
+}
+/** The hidden element holding the reason, for the button's description. Hidden content still describes. */
+export function DisabledReasonText({ reason, id }) {
+    if (!reason)
+        return null;
+    return (_jsx("span", { id: id, hidden: true, children: reason }));
+}
+//# sourceMappingURL=disabled-reason.js.map

package/dist/ui/disabled-reason.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disabled-reason.js","sourceRoot":"","sources":["../../src/ui/disabled-reason.tsx"],"names":[],"mappings":";AA4BA;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CACjC,MAA0B,EAC1B,WAA+B,EAC/B,EAAU;IAEV,IAAI,CAAC,MAAM;QAAE,OAAO,EAAE,CAAC;IACvB,OAAO;QACL,UAAU,EAAE,KAAK;QACjB,IAAI,EAAE,QAAQ;QACd,eAAe,EAAE,IAAI;QACrB,kBAAkB,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE;QAC7D,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,SAAS;QACpB,aAAa,EAAE,SAAS;KACzB,CAAC;AACJ,CAAC;AAED,2GAA2G;AAC3G,MAAM,UAAU,kBAAkB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAmC;IAChF,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACzB,OAAO,CACL,eAAM,EAAE,EAAE,EAAE,EAAE,MAAM,kBACjB,MAAM,GACF,CACR,CAAC;AACJ,CAAC"}

package/dist/ui/icon-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../src/ui/icon-button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAGtD,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAEzD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC;IACnF,gGAAgG;IAChG,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,gGAAgG;IAChG,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CACxD;AAED,6EAA6E;AAC7E,eAAO,MAAM,UAAU,+GAoCrB,CAAC"}
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../src/ui/icon-button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAGtD,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAEzD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC;IACnF,gGAAgG;IAChG,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,gGAAgG;IAChG,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CACxD;AAED,6EAA6E;AAC7E,eAAO,MAAM,UAAU,+GAyDrB,CAAC"}

package/dist/ui/icon-button.js

@@ -1,13 +1,17 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId } from 'react';
 import { Button } from './button.js';
+import { DisabledReasonText, disabledReasonProps } from './disabled-reason.js';
 import { renderIcon } from './icon.js';
 import { Tooltip, TooltipTrigger } from './tooltip.js';
 /** Icon-only button that always carries an accessible name and a tooltip. */
-export const IconButton = forwardRef(function IconButton({ label, icon, visualSize = 'icon', variant = 'ghost', count, tooltip = true, tooltipPlacement = 'bottom', ...props }, ref) {
-    const button = (_jsxs(Button, { ref: ref, variant: variant, visualSize: visualSize, "aria-label": label, ...props, children: [renderIcon(icon), count ? (_jsx("span", { "aria-hidden": "true", className: "absolute top-0.5 right-0.5 min-w-[18px] rounded-full bg-destructive px-[5px] text-center text-[11px] leading-[18px] font-bold text-destructive-foreground ring-2 ring-background", children: count > 99 ? '99+' : count })) : null] }));
-    if (!tooltip)
+export const IconButton = forwardRef(function IconButton({ label, icon, visualSize = 'icon', variant = 'ghost', count, tooltip = true, tooltipPlacement = 'bottom', disabledReason, ...props }, ref) {
+    const reasonId = useId();
+    const button = (_jsxs(Button, { ref: ref, variant: variant, visualSize: visualSize, "aria-label": label, ...props, ...disabledReasonProps(disabledReason, props['aria-describedby'], reasonId), children: [renderIcon(icon), count ? (_jsx("span", { "aria-hidden": "true", className: "absolute top-0.5 right-0.5 min-w-[18px] rounded-full bg-destructive px-[5px] text-center text-[11px] leading-[18px] font-bold text-destructive-foreground ring-2 ring-background", children: count > 99 ? '99+' : count })) : null] }));
+    const tip = typeof tooltip === 'string' ? tooltip : label;
+    // With a reason, the tooltip shows even when `tooltip` is false: it's where a pointer finds out why.
+    if (!tooltip && !disabledReason)
         return button;
-    return (_jsxs(TooltipTrigger, { delay: 500, children: [button, _jsx(Tooltip, { placement: tooltipPlacement, children: typeof tooltip === 'string' ? tooltip : label })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(TooltipTrigger, { delay: 500, children: [button, _jsx(Tooltip, { placement: tooltipPlacement, children: disabledReason ? (_jsxs("span", { className: "flex flex-col", children: [tooltip !== false && _jsx("span", { children: tip }), _jsx("span", { className: "font-normal", children: disabledReason })] })) : (tip) })] }), _jsx(DisabledReasonText, { reason: disabledReason, id: reasonId })] }));
 });
 //# sourceMappingURL=icon-button.js.map

package/dist/ui/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../src/ui/icon-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,MAAM,EAAoB,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,UAAU,EAAiB,MAAM,WAAW,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAiBvD,6EAA6E;AAC7E,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAqC,SAAS,UAAU,CAC1F,EACE,KAAK,EACL,IAAI,EACJ,UAAU,GAAG,MAAM,EACnB,OAAO,GAAG,OAAO,EACjB,KAAK,EACL,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,QAAQ,EAC3B,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,MAAM,GAAG,CACb,MAAC,MAAM,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,gBAAc,KAAK,KAAM,KAAK,aACrF,UAAU,CAAC,IAAI,CAAC,EAEhB,KAAK,CAAC,CAAC,CAAC,CACP,8BACc,MAAM,EAClB,SAAS,EAAC,kLAAkL,YAE3L,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GACtB,CACR,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAC;IACF,IAAI,CAAC,OAAO;QAAE,OAAO,MAAM,CAAC;IAC5B,OAAO,CACL,MAAC,cAAc,IAAC,KAAK,EAAE,GAAG,aACvB,MAAM,EACP,KAAC,OAAO,IAAC,SAAS,EAAE,gBAAgB,YACjC,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,GACtC,IACK,CAClB,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../src/ui/icon-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAoB,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAiB,MAAM,WAAW,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAiBvD,6EAA6E;AAC7E,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAqC,SAAS,UAAU,CAC1F,EACE,KAAK,EACL,IAAI,EACJ,UAAU,GAAG,MAAM,EACnB,OAAO,GAAG,OAAO,EACjB,KAAK,EACL,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,QAAQ,EAC3B,cAAc,EACd,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,CACb,MAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,gBACV,KAAK,KACb,KAAK,KACL,mBAAmB,CAAC,cAAc,EAAE,KAAK,CAAC,kBAAkB,CAAC,EAAE,QAAQ,CAAC,aAE3E,UAAU,CAAC,IAAI,CAAC,EAEhB,KAAK,CAAC,CAAC,CAAC,CACP,8BACc,MAAM,EAClB,SAAS,EAAC,kLAAkL,YAE3L,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GACtB,CACR,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAC;IACF,MAAM,GAAG,GAAG,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;IAC1D,qGAAqG;IACrG,IAAI,CAAC,OAAO,IAAI,CAAC,cAAc;QAAE,OAAO,MAAM,CAAC;IAC/C,OAAO,CACL,8BACE,MAAC,cAAc,IAAC,KAAK,EAAE,GAAG,aACvB,MAAM,EACP,KAAC,OAAO,IAAC,SAAS,EAAE,gBAAgB,YACjC,cAAc,CAAC,CAAC,CAAC,CAChB,gBAAM,SAAS,EAAC,eAAe,aAC5B,OAAO,KAAK,KAAK,IAAI,yBAAO,GAAG,GAAQ,EACxC,eAAM,SAAS,EAAC,aAAa,YAAE,cAAc,GAAQ,IAChD,CACR,CAAC,CAAC,CAAC,CACF,GAAG,CACJ,GACO,IACK,EACjB,KAAC,kBAAkB,IAAC,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,QAAQ,GAAI,IAC3D,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/ui/menu.d.ts

@@ -1,11 +1,17 @@
-import type { ReactNode } from 'react';
+import type { ReactNode, Ref } from 'react';
 import { MenuTrigger, type MenuItemProps as RACMenuItemProps, type MenuProps as RACMenuProps, type PopoverProps as RACPopoverProps } from 'react-aria-components';
 import { type IconProp } from './icon.js';
 export interface PopoverProps extends Omit<RACPopoverProps, 'className'> {
     className?: string;
 }
-/** Floating surface for menus and listboxes: popover ground, border and shadow-lg. */
-export declare function Popover({ className, offset, ...props }: PopoverProps): import("react").JSX.Element;
+/**
+ * Floating surface for menus and listboxes: popover ground, border and shadow-lg. It renders at the end of the
+ * page, outside its trigger's container, so it takes the trigger's `data-density` with it: a menu opened from a
+ * compact toolbar is compact too.
+ */
+export declare function Popover({ className, offset, ref, ...props }: PopoverProps & {
+    ref?: Ref<HTMLElement>;
+}): import("react").JSX.Element;
 export declare function Menu<T extends object>({ className, ...props }: Omit<RACMenuProps<T>, 'className'> & {
     className?: string;
 }): import("react").JSX.Element;

package/dist/ui/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ui/menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAKL,WAAW,EAGX,KAAK,aAAa,IAAI,gBAAgB,EACtC,KAAK,SAAS,IAAI,YAAY,EAC9B,KAAK,YAAY,IAAI,eAAe,EACrC,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAEtD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,sFAAsF;AACtF,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,MAAU,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,+BAaxE;AAED,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,EAAE,EACrC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAW7D;AAOD,2FAA2F;AAC3F,eAAO,MAAM,SAAS,sKAC+I,CAAC;AACtK,+DAA+D;AAC/D,eAAO,MAAM,UAAU,kKAC0I,CAAC;AAElK,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,UAAU,CAAC;IACrF,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yGAAyG;AACzG,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAwB3F;AAED,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,EAC5C,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAgBA;AAED,wBAAgB,aAAa,gCAE5B;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ui/menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAKL,WAAW,EAKX,KAAK,aAAa,IAAI,gBAAgB,EACtC,KAAK,SAAS,IAAI,YAAY,EAC9B,KAAK,YAAY,IAAI,eAAe,EACrC,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAEtD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,MAAU,EACV,GAAG,EACH,GAAG,KAAK,EACT,EAAE,YAAY,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,+BAyB3C;AAED,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,EAAE,EACrC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAW7D;AAOD,2FAA2F;AAC3F,eAAO,MAAM,SAAS,sKAC+I,CAAC;AACtK,+DAA+D;AAC/D,eAAO,MAAM,UAAU,kKAC0I,CAAC;AAElK,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,UAAU,CAAC;IACrF,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yGAAyG;AACzG,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAwB3F;AAED,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,EAC5C,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAgBA;AAED,wBAAgB,aAAa,gCAE5B;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/ui/menu.js

@@ -1,12 +1,30 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Header, Menu as RACMenu, MenuItem as RACMenuItem, MenuSection as RACMenuSection, MenuTrigger, Popover as RACPopover, Separator, } from 'react-aria-components';
+import { Header, Menu as RACMenu, MenuItem as RACMenuItem, MenuSection as RACMenuSection, MenuTrigger, Popover as RACPopover, PopoverContext, Separator, useSlottedContext, } from 'react-aria-components';
 import { Check } from 'lucide-react';
 import { cn } from '../lib/cn.js';
 import { renderIcon } from './icon.js';
-/** Floating surface for menus and listboxes: popover ground, border and shadow-lg. */
-export function Popover({ className, offset = 6, ...props }) {
-    return (_jsx(RACPopover, { offset: offset, ...props, className: cn(
+/**
+ * Floating surface for menus and listboxes: popover ground, border and shadow-lg. It renders at the end of the
+ * page, outside its trigger's container, so it takes the trigger's `data-density` with it: a menu opened from a
+ * compact toolbar is compact too.
+ */
+export function Popover({ className, offset = 6, ref, ...props }) {
+    const context = useSlottedContext(PopoverContext);
+    const triggerRef = props.triggerRef ?? context?.triggerRef;
+    // Read when the surface mounts: the trigger is in the page by then.
+    const surface = (el) => {
+        if (el) {
+            const density = triggerRef?.current?.closest('[data-density]')?.getAttribute('data-density');
+            if (density)
+                el.setAttribute('data-density', density);
+            else
+                el.removeAttribute('data-density');
+        }
+        if (typeof ref === 'function')
+            return ref(el);
+    };
+    return (_jsx(RACPopover, { offset: offset, ref: typeof ref === 'function' || !ref ? surface : ref, ...props, className: cn(
         // React Aria positions the popover inline (style="position: absolute"), which the lint rule can't see.
         // oxlint-disable-next-line setsquare-ui/positioned-scroll-container
         'z-(--z-popover) min-w-(--trigger-width) overflow-auto rounded-lg border border-border bg-popover text-popover-foreground shadow-(--shadow-lg) outline-none', className) }));

package/dist/ui/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../src/ui/menu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,MAAM,EACN,IAAI,IAAI,OAAO,EACf,QAAQ,IAAI,WAAW,EACvB,WAAW,IAAI,cAAc,EAC7B,WAAW,EACX,OAAO,IAAI,UAAU,EACrB,SAAS,GAIV,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAiB,MAAM,WAAW,CAAC;AAMtD,sFAAsF;AACtF,MAAM,UAAU,OAAO,CAAC,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAgB;IACvE,OAAO,CACL,KAAC,UAAU,IACT,MAAM,EAAE,MAAM,KACV,KAAK,EACT,SAAS,EAAE,EAAE;QACX,uGAAuG;QACvG,oEAAoE;QACpE,4JAA4J,EAC5J,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,IAAI,CAAmB,EACrC,SAAS,EACT,GAAG,KAAK,EACoD;IAC5D,OAAO,CACL,KAAC,OAAO,OACF,KAAK,EACT,SAAS,EAAE,EAAE;QACX,2FAA2F;QAC3F,sGAAsG,EACtG,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,2FAA2F;AAC3F,MAAM,CAAC,MAAM,SAAS,GACpB,mKAAmK,CAAC;AACtK,+DAA+D;AAC/D,MAAM,CAAC,MAAM,UAAU,GACrB,+JAA+J,CAAC;AASlK,yGAAyG;AACzG,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB;IAC1F,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3F,OAAO,CACL,KAAC,WAAW,OACN,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,YAEhD,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAClC,gBAAM,SAAS,EAAE,UAAU,aACxB,IAAI,IAAI,UAAU,CAAC,IAAI,EAAE,uCAAuC,CAAC,EAClE,gBAAM,SAAS,EAAC,8BAA8B,aAC5C,eAAM,SAAS,EAAC,UAAU,YAAE,QAAQ,GAAQ,EAC3C,WAAW,IAAI,CACd,eAAM,SAAS,EAAC,4CAA4C,YAAE,WAAW,GAAQ,CAClF,IACI,EACN,aAAa,KAAK,MAAM,IAAI,UAAU,IAAI,CACzC,KAAC,KAAK,mBAAa,MAAM,EAAC,SAAS,EAAC,4BAA4B,GAAG,CACpE,IACI,CACR,GACW,CACf,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAmB,EAC5C,KAAK,EACL,QAAQ,EACR,SAAS,GAKV;IACC,OAAO,CACL,MAAC,cAAc,IACb,SAAS,EAAE,EAAE,CACX,0EAA0E,EAC1E,SAAS,CACV,aAEA,KAAK,IAAI,CACR,KAAC,MAAM,IAAC,SAAS,EAAC,4EAA4E,YAC3F,KAAK,GACC,CACV,EACA,QAAQ,IACM,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,OAAO,KAAC,SAAS,IAAC,SAAS,EAAC,0BAA0B,GAAG,CAAC;AAC5D,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../src/ui/menu.tsx"],"names":[],"mappings":"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"}