@duro-app/ui 5.5.0 → 5.7.0

package/dist/components/DragDrop/DragDrop.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { SpacingToken } from '@duro-app/tokens/keys';
 export interface DragDropItemData<T = unknown> {
     readonly id: string;
     readonly zone: string;
@@ -14,36 +15,100 @@ export interface DragDropEvent<T = unknown> {
     readonly item: DragDropItemData<T>;
     readonly target: DragDropTarget;
 }
+/** What a zone's `accepts` answers: `true` takes the item, `false` lets it
+ *  pass silently (an outer zone may take it), and `{ok: false, reason}`
+ *  refuses it out loud — the reason is shown on the ghost and announced. */
+export type DragDropVerdict = boolean | {
+    readonly ok: false;
+    readonly reason: string;
+};
+export interface DragDropRefusal {
+    readonly zone: string;
+    readonly reason: string;
+}
+export interface DragDropOverEvent<T = unknown> {
+    readonly item: DragDropItemData<T>;
+    /** Where the item would land now; null over nothing that accepts it. */
+    readonly target: DragDropTarget | null;
+    /** The innermost zone that refused with a reason, when nothing accepted. */
+    readonly refused: DragDropRefusal | null;
+    readonly keyboard: boolean;
+}
+export interface DragDropAnnouncement {
+    readonly kind: 'pick' | 'move' | 'drop' | 'cancel' | 'refuse';
+    /** The item's label. */
+    readonly item: string;
+    /** The zone's label (pick, move, drop, refuse). */
+    readonly zone?: string;
+    /** 1-based position in the zone, counting the item itself. */
+    readonly position?: number;
+    /** How many items the zone holds with the item in it. */
+    readonly count?: number;
+    /** The zone's refusal (refuse). */
+    readonly reason?: string;
+    /** Whether the drag is a keyboard one. */
+    readonly keyboard: boolean;
+}
+export interface DragDropPlaceholderInfo {
+    readonly zone: string;
+    readonly index: number;
+    /** The zone's label, e.g. for "→ In progress". */
+    readonly label: string;
+}
+export type DragDropRenderPlaceholder = (info: DragDropPlaceholderInfo) => ReactNode;
 export interface DragDropRootProps<T = unknown> {
-    /** Called when an item is released over a zone that accepts it. Reordering
-     *  inside the item's own zone arrives here too, with the new index. */
+    /** Called when an item is released over a zone that accepts it (or dropped
+     *  with Space/Enter). Reordering inside the item's own zone arrives here
+     *  too, with the new index. */
     onDrop: (event: DragDropEvent<T>) => void;
-    /** Overrides the default screen-reader announcements. */
-    announce?: (event: {
-        kind: 'pick' | 'drop' | 'cancel';
-        item: string;
-        zone?: string;
-    }) => string;
+    /** Called whenever the target under the drag changes — a new zone or
+     *  index, nothing, or a refusal. */
+    onDragOver?: (event: DragDropOverEvent<T>) => void;
+    /** Supplies every live-region string (pick, move, drop, cancel, refuse),
+     *  e.g. from the app's message catalog. Defaults to English. */
+    announce?: (event: DragDropAnnouncement) => string;
+    /** What marks the insertion point in a zone while dragging; a Zone's own
+     *  renderPlaceholder wins. Without one, only the zone lights up. */
+    renderPlaceholder?: DragDropRenderPlaceholder;
+    /** Read by screen readers on a focused Handle. */
+    instructions?: string;
     children: ReactNode;
 }
-declare function Root<T = unknown>({ onDrop, announce, children }: DragDropRootProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function Root<T = unknown>({ onDrop, onDragOver, announce, renderPlaceholder, instructions, children, }: DragDropRootProps<T>): import("react/jsx-runtime").JSX.Element;
 export interface DragDropZoneProps<T = unknown> {
     id: string;
-    /** Read to screen readers when an item is dropped here. */
+    /** Read to screen readers when an item moves or drops here; the list's
+     *  accessible name with `list`. */
     label: string;
     /** Which axis items flow along; decides how the insertion index is read
      *  from the pointer. */
     orientation?: 'horizontal' | 'vertical';
-    /** Refuse an item; the zone then never lights up for it. */
-    accepts?: (item: DragDropItemData<T>) => boolean;
+    /** Take the item (`true`), let it pass to an outer zone (`false`), or
+     *  refuse it with a reason that is shown and announced
+     *  (`{ok: false, reason}`). Omitted: every item is taken. */
+    accepts?: (item: DragDropItemData<T>) => DragDropVerdict;
+    /** Keyboard order across zones (Left/Right); zones without one follow, in
+     *  DOM order. */
+    order?: number;
+    /** Marks the insertion point in this zone; overrides the Root's. */
+    renderPlaceholder?: DragDropRenderPlaceholder;
+    /** Render the zone as a labelled list (`role="list"`) laid out along
+     *  `orientation`, its Items as list items. Put the Items directly in it. */
+    list?: boolean;
+    /** Gap between the Items of a `list` zone. */
+    gap?: SpacingToken;
+    /** Stretch to fill the parent (a Timeline bar, a card) instead of sizing
+     *  to the content. */
+    fill?: boolean;
     children: ReactNode;
 }
-declare function Zone<T = unknown>({ id, label, orientation, accepts, children, }: DragDropZoneProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function Zone<T = unknown>({ id, label, orientation, accepts, order, renderPlaceholder, list, gap, fill, children, }: DragDropZoneProps<T>): import("react/jsx-runtime").JSX.Element;
 export interface DragDropItemProps<T = unknown> {
     id: string;
     /** The zone this item currently lives in. */
     zone: string;
-    /** Read to screen readers when picked up or dropped. */
+    /** Read to screen readers when picked up or dropped; a Handle's default
+     *  accessible name. */
     label: string;
     /** Carried to onDrop untouched. */
     data?: T;
@@ -53,15 +118,31 @@ export interface DragDropItemProps<T = unknown> {
     children: ReactNode;
 }
 declare function Item<T = unknown>({ id, zone, label, data, preview, disabled, children, }: DragDropItemProps<T>): import("react/jsx-runtime").JSX.Element;
+export interface DragDropHandleProps {
+    /** Defaults to the Item's label. */
+    'aria-label'?: string;
+    /** What the handle shows: a grip, or the item's whole face. Keep other
+     *  controls out of it — a handle is one widget. */
+    children: ReactNode;
+}
+/**
+ * The keyboard path into an Item: one focusable widget (`role="button"`) per
+ * item, a roving tab stop per zone. Space picks the item up, the arrow keys
+ * move it, Space or Enter drops it, Escape cancels.
+ */
+declare function Handle({ 'aria-label': ariaLabel, children }: DragDropHandleProps): import("react/jsx-runtime").JSX.Element;
 /** Current drag, for consumers that render their own placeholder or ghost. */
 export declare function useDragDrop(): {
     readonly dragging: string | null;
     readonly over: DragDropTarget | null;
+    readonly refused: DragDropRefusal | null;
+    readonly keyboard: boolean;
 };
 export declare const DragDrop: {
     Root: typeof Root;
     Zone: typeof Zone;
     Item: typeof Item;
+    Handle: typeof Handle;
 };
 export {};
 //# sourceMappingURL=DragDrop.d.ts.map

package/dist/components/DragDrop/DragDrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DragDrop.d.ts","sourceRoot":"","sources":["../../../src/components/DragDrop/DragDrop.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AA6Bd,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,OAAO;IAC3C,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAA;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB;4EACwE;IACxE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,OAAO;IACxC,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAClC,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAA;CAChC;AAqED,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO;IAC5C;2EACuE;IACvE,MAAM,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IACzC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAC,KAAK,MAAM,CAAA;IAC7F,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,EAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAiP5E;AAMD,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO;IAC5C,EAAE,EAAE,MAAM,CAAA;IACV,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAA;IACb;4BACwB;IACxB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,4DAA4D;IAC5D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,OAAO,CAAA;IAChD,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,EACzB,EAAE,EACF,KAAK,EACL,WAA0B,EAC1B,OAAO,EACP,QAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA0BtB;AAMD,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO;IAC5C,EAAE,EAAE,MAAM,CAAA;IACV,6CAA6C;IAC7C,IAAI,EAAE,MAAM,CAAA;IACZ,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,IAAI,CAAC,EAAE,CAAC,CAAA;IACR,0DAA0D;IAC1D,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,EACzB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAgB,EAChB,QAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA4CtB;AAED,8EAA8E;AAC9E,wBAAgB,WAAW,IAAI;IAC7B,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,QAAQ,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,CAAA;CACrC,CAGA;AAED,eAAO,MAAM,QAAQ;;;;CAAqB,CAAA"}
+{"version":3,"file":"DragDrop.d.ts","sourceRoot":"","sources":["../../../src/components/DragDrop/DragDrop.tsx"],"names":[],"mappings":"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"}

package/dist/components/DragDrop/DragDrop.meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DragDrop.meta.d.ts","sourceRoot":"","sources":["../../../src/components/DragDrop/DragDrop.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA8ClB,CAAA"}
+{"version":3,"file":"DragDrop.meta.d.ts","sourceRoot":"","sources":["../../../src/components/DragDrop/DragDrop.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA+ClB,CAAA"}

package/dist/components/DragDrop/DragDropBoard.stories.d.ts

@@ -0,0 +1,69 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DragDropEvent, DragDropOverEvent } from './DragDrop';
+/**
+ * The board shapes DragDrop 5.x is for: columns that are labelled lists,
+ * cards with a keyboard handle, a card zone nested in a column zone (attach),
+ * a refusal with a reason, edge auto-scroll, and a 300-card board for the
+ * render budget.
+ */
+interface Args {
+    onDrop?: (e: DragDropEvent<Card>) => void;
+    onDragOver?: (e: DragDropOverEvent<Card>) => void;
+}
+declare const meta: Meta<Args>;
+export default meta;
+type Story = StoryObj<Args>;
+interface Card {
+    readonly id: string;
+    readonly title: string;
+    readonly kind: 'task' | 'activity';
+}
+/** Three labelled list columns. Tab reaches one card per column; arrows walk
+ *  the cards; Space picks a card up, arrows move it, Space drops, Escape
+ *  cancels. Mouse drags show the same placeholder. */
+export declare const Kanban3: Story;
+/** Space, arrows, Space: the card moves; announcements are list-style and
+ *  focus comes back to the card. */
+export declare const KeyboardMove: Story;
+/** Escape puts the card back, focused, and nothing is dropped. */
+export declare const KeyboardCancel: Story;
+/** Arrow keys walk the handles without picking: Up/Down in a column,
+ *  Left/Right across columns. */
+export declare const KeyboardRoving: Story;
+/** `order` decides Left/Right, not the DOM: here Done comes before In
+ *  progress. */
+export declare const ExplicitZoneOrder: Story;
+/** A mouse drag shows the placeholder where the card would land, calls
+ *  onDragOver as the target changes, and drops there. */
+export declare const PointerReorder: Story;
+/** An inbox of activities beside two columns of tasks. Drop an activity on a
+ *  task card to attach it (the card's zone sits inside the column's); drop
+ *  it on a column and the column refuses, with its reason. */
+export declare const NestedZones: Story;
+/** The card's own zone wins over its column (innermost zone): an activity
+ *  dropped on a card attaches to it. */
+export declare const NestedAttach: Story;
+/** A task dragged over another task passes through the card's zone (it
+ *  only takes activities) to the column, which reorders. */
+export declare const NestedFallsThrough: Story;
+/** A column refuses an activity with a reason: the ghost shows it, it is
+ *  announced, and releasing there drops nothing. */
+export declare const RefusalWithReason: Story;
+/** A 30-card column that scrolls: hold a dragged card near its edge. */
+export declare const ScrollingColumn: Story;
+/** Holding a card near the bottom edge of a scrolling column scrolls it, and
+ *  the drop lands among the cards scrolled into view. */
+export declare const EdgeAutoScroll: Story;
+declare global {
+    interface Window {
+        __dragDropRenders?: number;
+    }
+}
+/**
+ * 300 cards. A pointer drag across a column re-renders at most a handful of
+ * zones and items per frame (the two around the moving placeholder); the
+ * ghost moves without rendering. The play function counts Profiler commits
+ * per frame and asserts fewer than 5.
+ */
+export declare const Perf300: Story;
+//# sourceMappingURL=DragDropBoard.stories.d.ts.map

package/dist/components/DragDrop/DragDropBoard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDropBoard.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DragDrop/DragDropBoard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAIpD,OAAO,EAEL,KAAK,aAAa,EAElB,KAAK,iBAAiB,EACvB,MAAM,YAAY,CAAA;AASnB;;;;;GAKG;AACH,UAAU,IAAI;IACZ,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,IAAI,CAAA;IACzC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,IAAI,CAAA;CAClD;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,IAAI,CAIpB,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;AA4D3B,UAAU,IAAI;IACZ,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;CACnC;AAkMD;;sDAEsD;AACtD,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAA;AAED;oCACoC;AACpC,eAAO,MAAM,YAAY,EAAE,KAqC1B,CAAA;AAED,kEAAkE;AAClE,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAA;AAED;iCACiC;AACjC,eAAO,MAAM,cAAc,EAAE,KAY5B,CAAA;AAED;gBACgB;AAChB,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAA;AAED;yDACyD;AACzD,eAAO,MAAM,cAAc,EAAE,KAmB5B,CAAA;AAgDD;;8DAE8D;AAC9D,eAAO,MAAM,WAAW,EAAE,KAGzB,CAAA;AAED;wCACwC;AACxC,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAA;AAED;4DAC4D;AAC5D,eAAO,MAAM,kBAAkB,EAAE,KAYhC,CAAA;AAED;oDACoD;AACpD,eAAO,MAAM,iBAAiB,EAAE,KAmB/B,CAAA;AAqBD,wEAAwE;AACxE,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAA;AAED;yDACyD;AACzD,eAAO,MAAM,cAAc,EAAE,KAkB5B,CAAA;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,iBAAiB,CAAC,EAAE,MAAM,CAAA;KAC3B;CACF;AAyCD;;;;;GAKG;AACH,eAAO,MAAM,OAAO,EAAE,KAwCrB,CAAA"}

package/dist/components/DragDrop/styles.css.d.ts

@@ -15,12 +15,59 @@ export declare const styles: Readonly<{
         readonly opacity: css.StyleXClassNameFor<"opacity", 0.4>;
         readonly cursor: css.StyleXClassNameFor<"cursor", "grabbing">;
     }>;
+    readonly handle: Readonly<{
+        readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
+        readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none" | "solid">;
+        readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", string>;
+        readonly outlineColor: css.StyleXClassNameFor<"outlineColor", string>;
+        readonly outlineOffset: css.StyleXClassNameFor<"outlineOffset", string>;
+    }>;
+    readonly handlePicked: Readonly<{
+        readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "dashed">;
+    }>;
     readonly zone: Readonly<{
         readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
         readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "box-shadow, background-color">;
         readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
         readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", string>;
     }>;
+    readonly listVertical: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
+    }>;
+    readonly listHorizontal: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "row">;
+    }>;
+    readonly gapXs: Readonly<{
+        readonly gap: css.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly gapSm: Readonly<{
+        readonly gap: css.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly gapMs: Readonly<{
+        readonly gap: css.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly gapMd: Readonly<{
+        readonly gap: css.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly gapLg: Readonly<{
+        readonly gap: css.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly gapXl: Readonly<{
+        readonly gap: css.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly gapXxl: Readonly<{
+        readonly gap: css.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly gapXxxl: Readonly<{
+        readonly gap: css.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly fill: Readonly<{
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly height: css.StyleXClassNameFor<"height", "100%">;
+    }>;
     readonly zoneReady: Readonly<{
         readonly boxShadow: css.StyleXClassNameFor<"boxShadow", string>;
         readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "solid">;
@@ -36,6 +83,16 @@ export declare const styles: Readonly<{
         readonly outlineColor: css.StyleXClassNameFor<"outlineColor", "transparent">;
         readonly outlineOffset: css.StyleXClassNameFor<"outlineOffset", `calc(-1 * ${css.StyleXVar<string>})`>;
     }>;
+    readonly zoneRefused: Readonly<{
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+        readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "dashed">;
+        readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", string>;
+        readonly outlineColor: css.StyleXClassNameFor<"outlineColor", string>;
+        readonly outlineOffset: css.StyleXClassNameFor<"outlineOffset", `calc(-1 * ${css.StyleXVar<string>})`>;
+    }>;
+    readonly placeholder: Readonly<{
+        readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
+    }>;
     readonly ghost: Readonly<{
         readonly position: css.StyleXClassNameFor<"position", "fixed">;
         readonly top: css.StyleXClassNameFor<"top", 0>;
@@ -45,10 +102,30 @@ export declare const styles: Readonly<{
         readonly opacity: css.StyleXClassNameFor<"opacity", 0.9>;
         readonly cursor: css.StyleXClassNameFor<"cursor", "grabbing">;
     }>;
-    readonly ghostAt: (x: number, y: number, width: number, height: number) => readonly [Readonly<{
+    readonly ghostTilt: Readonly<{
+        readonly transform: css.StyleXClassNameFor<"transform", "none" | "rotate(2deg)">;
+    }>;
+    readonly refusal: Readonly<{
+        readonly marginTop: css.StyleXClassNameFor<"marginTop", string>;
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
+        readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
+        readonly borderWidth: css.StyleXClassNameFor<"borderWidth", string>;
+        readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
+        readonly boxShadow: css.StyleXClassNameFor<"boxShadow", string>;
+        readonly width: css.StyleXClassNameFor<"width", "max-content">;
+        readonly maxWidth: css.StyleXClassNameFor<"maxWidth", "100%">;
+    }>;
+    readonly ghostSize: (width: number, height: number) => readonly [Readonly<{
         width: css.StyleXClassNameFor<"width", number>;
-        height: css.StyleXClassNameFor<"height", number>;
-        transform: css.StyleXClassNameFor<"transform", string>;
+        minHeight: css.StyleXClassNameFor<"minHeight", number>;
     }>, css.InlineStyles];
 }>;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/DragDrop/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/DragDrop/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8DjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/DragDrop/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AASpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmIjB,CAAA"}

package/dist/components/LinkButton/styles.css.d.ts

@@ -28,6 +28,7 @@ export declare const styles: Readonly<{
         readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
         readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
         readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly minHeight: css.StyleXClassNameFor<"minHeight", string>;
     }>;
     readonly primary: Readonly<{
         readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;

package/dist/components/LinkButton/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkDjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqDjB,CAAA"}

package/dist/components/Menu/Menu.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode, Ref } from 'react';
+import { ControlSize } from '../../shared/types';
 interface RootProps {
     children: ReactNode;
     /** Controlled open state. */
@@ -16,9 +17,11 @@ interface TriggerProps {
     'aria-label'?: string;
     /** `ghost`: no border or fill until hover, for toolbars. Default: `default`. */
     variant?: MenuTriggerVariant;
+    /** `small` matches a small Toggle or Button beside it; a small ghost trigger is `iconButtonSm`. Default: `default`. */
+    size?: ControlSize;
     ref?: Ref<HTMLButtonElement>;
 }
-declare function Trigger({ children, 'aria-label': ariaLabel, variant, ref }: TriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function Trigger({ children, 'aria-label': ariaLabel, variant, size, ref, }: TriggerProps): import("react/jsx-runtime").JSX.Element;
 interface PopupProps {
     children: ReactNode;
     align?: 'start' | 'end';

package/dist/components/Menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,GAAG,EAOT,MAAM,OAAO,CAAA;AAed,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAC,EAAE,SAAS,2CAUnE;AAQD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,CAAA;AAEpD,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gFAAgF;IAChF,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B;AAED,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAmB,EAAE,GAAG,EAAC,EAAE,YAAY,2CA2C3F;AAGD,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACxB;AAKD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAe,EAAC,EAAE,UAAU,sCAkDrD;AAGD,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,EAAE,SAAS,2CA6B3C;AAGD,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,QAAQ,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAC,EAAE,aAAa,2CAyBhD;AAMD,iBAAS,SAAS,4CAEjB;AAED,eAAO,MAAM,IAAI;;;;;;;CAOhB,CAAA"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,GAAG,EAOT,MAAM,OAAO,CAAA;AAQd,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAQnD,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAC,EAAE,SAAS,2CAUnE;AAQD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,CAAA;AAEpD,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gFAAgF;IAChF,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,uHAAuH;IACvH,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B;AAED,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,OAAmB,EACnB,IAAgB,EAChB,GAAG,GACJ,EAAE,YAAY,2CAiDd;AAGD,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACxB;AAKD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAe,EAAC,EAAE,UAAU,sCAkDrD;AAGD,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,EAAE,SAAS,2CA6B3C;AAGD,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,QAAQ,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAC,EAAE,aAAa,2CAyBhD;AAMD,iBAAS,SAAS,4CAEjB;AAED,eAAO,MAAM,IAAI;;;;;;;CAOhB,CAAA"}

package/dist/components/Menu/styles.css.d.ts

@@ -34,6 +34,20 @@ export declare const styles: Readonly<{
         readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
         readonly borderColor: css.StyleXClassNameFor<"borderColor", "transparent">;
     }>;
+    readonly triggerSmall: Readonly<{
+        readonly gap: css.StyleXClassNameFor<"gap", string>;
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly minHeight: css.StyleXClassNameFor<"minHeight", string>;
+    }>;
+    readonly triggerGhostSmall: Readonly<{
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly minWidth: css.StyleXClassNameFor<"minWidth", string>;
+        readonly minHeight: css.StyleXClassNameFor<"minHeight", string>;
+    }>;
     readonly popup: Readonly<{
         readonly position: css.StyleXClassNameFor<"position", "fixed">;
         readonly top: css.StyleXClassNameFor<"top", 0>;

package/dist/components/Menu/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0GjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4HjB,CAAA"}

package/dist/components/Meter/Meter.d.ts

@@ -0,0 +1,17 @@
+export type MeterTone = 'accent' | 'success' | 'warning' | 'error';
+export interface MeterProps {
+    value: number;
+    /** Defaults to 0. */
+    min?: number;
+    /** Defaults to 1, so a fraction needs nothing else. */
+    max?: number;
+    /** The accessible name, e.g. "In progress WIP". */
+    label: string;
+    /** What screen readers read for the value, e.g. "4 of 3, over the limit".
+     *  Defaults to the percentage. */
+    valueText?: string;
+    /** The fill's colour; defaults to accent. */
+    tone?: MeterTone;
+}
+export declare function Meter({ value, min, max, label, valueText, tone }: MeterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Meter.d.ts.map

package/dist/components/Meter/Meter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Meter.d.ts","sourceRoot":"","sources":["../../../src/components/Meter/Meter.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAElE,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,qBAAqB;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAA;IACb;sCACkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AASD,wBAAgB,KAAK,CAAC,EAAC,KAAK,EAAE,GAAO,EAAE,GAAO,EAAE,KAAK,EAAE,SAAS,EAAE,IAAe,EAAC,EAAE,UAAU,2CAoB7F"}

package/dist/components/Meter/Meter.meta.d.ts

@@ -0,0 +1,3 @@
+import { ComponentMeta } from '../component-meta';
+export declare const meta: ComponentMeta;
+//# sourceMappingURL=Meter.meta.d.ts.map

package/dist/components/Meter/Meter.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Meter.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Meter/Meter.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAqBlB,CAAA"}

package/dist/components/Meter/Meter.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Meter } from './Meter';
+declare const meta: Meta<typeof Meter>;
+export default meta;
+type Story = StoryObj<typeof Meter>;
+export declare const Default: Story;
+/** Tones for a level against a limit: under, at, over. */
+export declare const Tones: Story;
+/** Over the maximum, aria-valuenow stays in range and the text carries the
+ *  true value; the bar fills, no further. */
+export declare const OverTheLimit: Story;
+//# sourceMappingURL=Meter.stories.d.ts.map

package/dist/components/Meter/Meter.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Meter.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Meter/Meter.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAU7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAK5B,CAAA;AACD,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED,0DAA0D;AAC1D,eAAO,MAAM,KAAK,EAAE,KAanB,CAAA;AAED;6CAC6C;AAC7C,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAA"}

package/dist/components/Meter/styles.css.d.ts

@@ -0,0 +1,34 @@
+import { css } from 'react-strict-dom';
+export declare const styles: Readonly<{
+    readonly track: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "relative">;
+        readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly height: css.StyleXClassNameFor<"height", string>;
+        readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+        readonly overflow: css.StyleXClassNameFor<"overflow", "hidden">;
+    }>;
+    readonly fill: Readonly<{
+        readonly height: css.StyleXClassNameFor<"height", "100%">;
+        readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
+        readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "width">;
+        readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
+        readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", string>;
+    }>;
+    readonly accent: Readonly<{
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly success: Readonly<{
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly warning: Readonly<{
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly error: Readonly<{
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly fillAt: (percent: number) => readonly [Readonly<{
+        width: css.StyleXClassNameFor<"width", string>;
+    }>, css.InlineStyles];
+}>;
+//# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Meter/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Meter/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAMpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBjB,CAAA"}

package/dist/components/Popover/Popover.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode, Ref } from 'react';
 import { PopoverAlign, PopoverSide } from './position';
+import { ControlSize } from '../../shared/types';
 type IgnoreEntry = Element | null | (() => Element | null);
 export interface PopoverHandle {
     /** Re-measure the anchor and re-place the popup. */
@@ -23,16 +24,27 @@ interface TriggerProps {
     children: ReactNode;
     /** Accessible name: required when the label is an icon only. */
     'aria-label'?: string;
+    /** `small` matches a small Toggle or Button beside it. Default: `default`. */
+    size?: ControlSize;
     /** The trigger <button>, e.g. to measure it or return focus to it. */
     ref?: Ref<HTMLButtonElement>;
 }
-declare function Trigger({ children, 'aria-label': ariaLabel, ref }: TriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function Trigger({ children, 'aria-label': ariaLabel, size, ref }: TriggerProps): import("react/jsx-runtime").JSX.Element;
 interface PopupProps {
     children: ReactNode;
     /** Accessible name for the dialog. */
     label: string;
+    /**
+     * Draw over another floating surface: `layers.floatingRaised` outside a
+     * modal, `layers.popoverRaised` inside a Dialog or Drawer, instead of
+     * `floating` / `popover`. For one floating thing that must cover a sibling
+     * one (a link editor over a format bar), never for covering a modal: a
+     * Dialog opened later still covers it. A Popover nested inside a raised one
+     * is raised too. Default: inherited, else `false`.
+     */
+    raised?: boolean;
 }
-declare function Popup({ children, label }: PopupProps): import('react').ReactPortal | null;
+declare function Popup({ children, label, raised }: PopupProps): import('react').ReactPortal | null;
 declare function Close({ children }: {
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,GAAG,EAWT,MAAM,OAAO,CAAA;AAKd,OAAO,EAAyB,KAAK,YAAY,EAAE,KAAK,WAAW,EAAC,MAAM,YAAY,CAAA;AAUtF,KAAK,WAAW,GAAG,OAAO,GAAG,IAAI,GAAG,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,CAAA;AA6B1D,MAAM,WAAW,aAAa;IAC5B,oDAAoD;IACpD,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,OAAO,CAAA;IACtB,kFAAkF;IAClF,MAAM,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IACnC,GAAG,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAA;CACzB;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,WAAmB,EACnB,YAAY,EACZ,IAAe,EACf,KAAe,EACf,MAAM,EACN,MAAM,EACN,GAAG,GACJ,EAAE,SAAS,2CA4GX;AAKD,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,sEAAsE;IACtE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B;AAED,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,EAAC,EAAE,YAAY,2CAoBtE;AAID,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;CACd;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,EAAE,UAAU,sCA+D3C;AAID,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAQ/C;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,GAAG,EAWT,MAAM,OAAO,CAAA;AAKd,OAAO,EAAyB,KAAK,YAAY,EAAE,KAAK,WAAW,EAAC,MAAM,YAAY,CAAA;AAMtF,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAKnD,KAAK,WAAW,GAAG,OAAO,GAAG,IAAI,GAAG,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,CAAA;AA6B1D,MAAM,WAAW,aAAa;IAC5B,oDAAoD;IACpD,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,OAAO,CAAA;IACtB,kFAAkF;IAClF,MAAM,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IACnC,GAAG,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAA;CACzB;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,WAAmB,EACnB,YAAY,EACZ,IAAe,EACf,KAAe,EACf,MAAM,EACN,MAAM,EACN,GAAG,GACJ,EAAE,SAAS,2CA8GX;AAKD,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,sEAAsE;IACtE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B;AAED,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,IAAgB,EAAE,GAAG,EAAC,EAAE,YAAY,2CAoBxF;AAID,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAC,EAAE,UAAU,sCA0EnD;AAID,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAQ/C;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA"}

package/dist/components/Popover/Popover.meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAyElB,CAAA"}
+{"version":3,"file":"Popover.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA0ElB,CAAA"}

package/dist/components/Popover/PopoverLayerContext.d.ts

@@ -1,6 +1,9 @@
 import { RefObject } from 'react';
 export interface PopoverLayerContextValue {
     register: (el: Element) => () => void;
+    /** Set by a `raised` Popup for what it holds, so a Popover nested in it is
+     *  raised too and is not drawn under its parent. */
+    raised?: boolean;
 }
 export declare const PopoverLayerContext: import('react').Context<PopoverLayerContextValue | null>;
 /** Register the ref's element as part of the enclosing Popover's layer while `active`. */

package/dist/components/Popover/PopoverLayerContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverLayerContext.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverLayerContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAA6C,MAAM,OAAO,CAAA;AAKhF,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,MAAM,IAAI,CAAA;CACtC;AAED,eAAO,MAAM,mBAAmB,0DAAuD,CAAA;AAEvF,0FAA0F;AAC1F,wBAAgB,eAAe,CAAC,GAAG,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,EAAC,MAAM,EAAC,EAAE;IAAC,MAAM,EAAE,OAAO,CAAA;CAAC,QAO1F"}
+{"version":3,"file":"PopoverLayerContext.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverLayerContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAA6C,MAAM,OAAO,CAAA;AAKhF,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,MAAM,IAAI,CAAA;IACrC;wDACoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,mBAAmB,0DAAuD,CAAA;AAEvF,0FAA0F;AAC1F,wBAAgB,eAAe,CAAC,GAAG,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,EAAC,MAAM,EAAC,EAAE;IAAC,MAAM,EAAE,OAAO,CAAA;CAAC,QAO1F"}

package/dist/components/Popover/PopoverRaised.stories.d.ts

@@ -0,0 +1,28 @@
+import { Meta, StoryObj } from '@storybook/react';
+/**
+ * `Popover.Popup raised`: one floating surface over another (a link editor
+ * over a selection format bar). Outside a modal it is `floatingRaised` (60),
+ * inside a Dialog or Drawer `popoverRaised` (1041). The raised Popover renders
+ * first, so without the layer the plain one, portalled after it, would be on
+ * top.
+ */
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+/** Outside a modal: the raised editor (60) is over the bar (50). */
+export declare const RaisedOverFloating: Story;
+/** Inside an open Dialog: the raised editor (1041) is over the bar (1040),
+ *  and both are over the Dialog panel. */
+export declare const RaisedInDialog: Story;
+/** A raised Popover held open, then a Dialog: the Popover is still mounted
+ *  and the Dialog covers it at the Dialog's centre. */
+export declare const DialogOverRaised: Story;
+export declare const NestedInRaised_NoModal: Story;
+export declare const NestedInRaised_InDialog: Story;
+/** A Select opened from a raised Popover in a Dialog: its listbox (popup,
+ *  1050) is on top. */
+export declare const SelectInRaisedInDialog: Story;
+/** `useInModal()`: true in a Dialog and a Drawer, false outside. Its export
+ *  from the package root is checked by shared/exports.typecheck.ts. */
+export declare const UseInModal: Story;
+//# sourceMappingURL=PopoverRaised.stories.d.ts.map