@duro-app/ui 5.6.0 → 5.7.0

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":"AAAA,OAAO,EAWL,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAA;AA6CvD,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;AAED;;4EAE4E;AAC5E,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG;IAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CAAC,CAAA;AAErF,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CACxB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO;IAC5C,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAClC,wEAAwE;IACxE,QAAQ,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAA;IACtC,4EAA4E;IAC5E,QAAQ,CAAC,OAAO,EAAE,eAAe,GAAG,IAAI,CAAA;IACxC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;CAC3B;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC7D,wBAAwB;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,mDAAmD;IACnD,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,8DAA8D;IAC9D,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,yDAAyD;IACzD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,mCAAmC;IACnC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,0CAA0C;IAC1C,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;CAC3B;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,kDAAkD;IAClD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,MAAM,yBAAyB,GAAG,CAAC,IAAI,EAAE,uBAAuB,KAAK,SAAS,CAAA;AAy1BpF,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO;IAC5C;;mCAE+B;IAC/B,MAAM,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IACzC;wCACoC;IACpC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IAClD;oEACgE;IAChE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,MAAM,CAAA;IAClD;wEACoE;IACpE,iBAAiB,CAAC,EAAE,yBAAyB,CAAA;IAC7C,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAID,iBAAS,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,EACzB,MAAM,EACN,UAAU,EACV,QAAQ,EACR,iBAAiB,EACjB,YAAmC,EACnC,QAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA4BtB;AA2ED,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO;IAC5C,EAAE,EAAE,MAAM,CAAA;IACV;uCACmC;IACnC,KAAK,EAAE,MAAM,CAAA;IACb;4BACwB;IACxB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC;;iEAE6D;IAC7D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,eAAe,CAAA;IACxD;qBACiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,yBAAyB,CAAA;IAC7C;gFAC4E;IAC5E,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,8CAA8C;IAC9C,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB;0BACsB;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,EAAE,SAAS,CAAA;CACpB;AAaD,iBAAS,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,EACzB,EAAE,EACF,KAAK,EACL,WAA0B,EAC1B,OAAO,EACP,KAAK,EACL,iBAAiB,EACjB,IAAY,EACZ,GAAU,EACV,IAAY,EACZ,QAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA4DtB;AAMD,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO;IAC5C,EAAE,EAAE,MAAM,CAAA;IACV,6CAA6C;IAC7C,IAAI,EAAE,MAAM,CAAA;IACZ;2BACuB;IACvB,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,2CAiFtB;AAMD,MAAM,WAAW,mBAAmB;IAClC,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;uDACmD;IACnD,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;GAIG;AACH,iBAAS,MAAM,CAAC,EAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,mBAAmB,2CA2CvE;AAED,8EAA8E;AAC9E,wBAAgB,WAAW,IAAI;IAC7B,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,QAAQ,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,CAAA;IACpC,QAAQ,CAAC,OAAO,EAAE,eAAe,GAAG,IAAI,CAAA;IACxC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;CAC3B,CAOA;AAED,eAAO,MAAM,QAAQ;;;;;CAA6B,CAAA"}

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/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/Timeline/Timeline.d.ts

@@ -0,0 +1,71 @@
+import { ReactNode } from 'react';
+import { DragDropItemData, DragDropVerdict } from '../DragDrop/DragDrop';
+/** A calendar day, 'YYYY-MM-DD'. */
+export type TimelineDate = string;
+export interface TimelineRootProps {
+    /** First day on the axis. */
+    start: TimelineDate;
+    /** Last day on the axis (included). */
+    end: TimelineDate;
+    /** Draws the today marker when inside the range. */
+    today?: TimelineDate;
+    /** The timeline's accessible name. */
+    'aria-label': string;
+    /** Text above the row labels, e.g. "Milestones". */
+    heading?: ReactNode;
+    /** The today marker's text. */
+    todayLabel?: string;
+    /** BCP 47 locale for the default date format. */
+    locale?: string;
+    /** Formats a day for the axis and the edge sliders' value text. */
+    formatDate?: (date: TimelineDate) => string;
+    children: ReactNode;
+}
+declare function Root({ start, end, today, 'aria-label': ariaLabel, heading, todayLabel, locale, formatDate, children, }: TimelineRootProps): import("react/jsx-runtime").JSX.Element;
+export interface TimelineRowProps {
+    /** The row's name, shown in the label column. */
+    label: string;
+    /** A second line under the label, e.g. "4 of 7 done". */
+    description?: ReactNode;
+    children?: ReactNode;
+}
+declare function Row({ label, description, children }: TimelineRowProps): import("react/jsx-runtime").JSX.Element;
+export interface TimelineBarDropZone<T = unknown> {
+    /** The DragDrop zone id; drops arrive in the Root's onDrop with it. */
+    id: string;
+    /** Read to screen readers when an item moves or drops here. */
+    label: string;
+    accepts?: (item: DragDropItemData<T>) => DragDropVerdict;
+}
+export interface TimelineBarProps<T = unknown> {
+    start: TimelineDate;
+    end: TimelineDate;
+    /** The bar's accessible name. */
+    label: string;
+    /** Done fraction, 0–1, drawn as a fill from the start edge. */
+    progress?: number;
+    /** `planned` draws a dashed outline; `done` the success tone. */
+    tone?: 'default' | 'planned' | 'done';
+    /** Makes the bar a toggle button (aria-pressed). */
+    selected?: boolean;
+    onSelect?: () => void;
+    /** Adds the start-edge slider. */
+    onStartChange?: (date: TimelineDate) => void;
+    /** Adds the end-edge slider. */
+    onEndChange?: (date: TimelineDate) => void;
+    /** Names of the edge sliders; default "<label>, start" / "<label>, end". */
+    startLabel?: string;
+    endLabel?: string;
+    /** Makes the bar a DragDrop.Zone (needs a DragDrop.Root above). */
+    dropZone?: TimelineBarDropZone<T>;
+    /** Text inside the bar, e.g. "4/7". */
+    children?: ReactNode;
+}
+declare function Bar<T = unknown>({ start, end, label, progress, tone, selected, onSelect, onStartChange, onEndChange, startLabel, endLabel, dropZone, children, }: TimelineBarProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare const Timeline: {
+    Root: typeof Root;
+    Row: typeof Row;
+    Bar: typeof Bar;
+};
+export {};
+//# sourceMappingURL=Timeline.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,26 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DragDropEvent } from '../DragDrop/DragDrop';
+interface Args {
+    onDrop?: (e: DragDropEvent<Task>) => void;
+    onSelect?: (id: string) => void;
+}
+declare const meta: Meta<Args>;
+export default meta;
+type Story = StoryObj<Args>;
+interface Task {
+    id: string;
+    title: string;
+}
+/** Three milestones over seven weeks, with progress fills, today, a
+ *  selectable bar and keyboard edge sliders. */
+export declare const Default: Story;
+/** Bar edges are sliders whose value is a date: arrows move a day, Page
+ *  keys a week, Home/End to the limit. */
+export declare const KeyboardEdges: Story;
+/** Drag an unscheduled task onto a milestone bar (or pick it with Space and
+ *  move it with the arrow keys). */
+export declare const Droppable: Story;
+/** Bars are DragDrop zones: drop a task on a milestone bar, by pointer or
+ *  by keyboard. */
+export declare const DropOnBar: Story;
+//# sourceMappingURL=Timeline.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/Timeline.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAKpD,OAAO,EAAW,KAAK,aAAa,EAAC,MAAM,sBAAsB,CAAA;AAQjE,UAAU,IAAI;IACZ,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,IAAI,CAAA;IACzC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAChC;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,IAAI,CAIpB,CAAA;AACD,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;AAgC3B,UAAU,IAAI;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAkFD;gDACgD;AAChD,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED;0CAC0C;AAC1C,eAAO,MAAM,aAAa,EAAE,KAmB3B,CAAA;AAED;oCACoC;AACpC,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAA;AAED;mBACmB;AACnB,eAAO,MAAM,SAAS,EAAE,KAiDvB,CAAA"}

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

@@ -0,0 +1,158 @@
+import { css } from 'react-strict-dom';
+export declare const styles: Readonly<{
+    readonly root: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "grid">;
+        readonly gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", `${css.StyleXVar<string>} 1fr`>;
+        readonly rowGap: css.StyleXClassNameFor<"rowGap", string>;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly heading: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "flex-end">;
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly axis: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "relative">;
+        readonly height: css.StyleXClassNameFor<"height", string>;
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly whiteSpace: css.StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+    readonly tick: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "absolute">;
+        readonly top: css.StyleXClassNameFor<"top", 0>;
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly borderLeftWidth: css.StyleXClassNameFor<"borderLeftWidth", string>;
+        readonly borderLeftStyle: css.StyleXClassNameFor<"borderLeftStyle", "solid">;
+        readonly borderLeftColor: css.StyleXClassNameFor<"borderLeftColor", string>;
+    }>;
+    readonly todayLabel: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "absolute">;
+        readonly bottom: css.StyleXClassNameFor<"bottom", 0>;
+        readonly transform: css.StyleXClassNameFor<"transform", "translateX(-50%)">;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly left: (percent: number) => readonly [Readonly<{
+        left: css.StyleXClassNameFor<"left", string>;
+    }>, css.InlineStyles];
+    readonly width: (percent: number) => readonly [Readonly<{
+        width: css.StyleXClassNameFor<"width", string>;
+    }>, css.InlineStyles];
+    readonly label: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
+        readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
+        readonly minWidth: css.StyleXClassNameFor<"minWidth", 0>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
+    }>;
+    readonly labelText: Readonly<{
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
+        readonly whiteSpace: css.StyleXClassNameFor<"whiteSpace", "nowrap">;
+        readonly overflow: css.StyleXClassNameFor<"overflow", "hidden">;
+        readonly textOverflow: css.StyleXClassNameFor<"textOverflow", "ellipsis">;
+    }>;
+    readonly labelDescription: Readonly<{
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly whiteSpace: css.StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+    readonly track: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "relative">;
+        readonly height: css.StyleXClassNameFor<"height", string>;
+    }>;
+    readonly today: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "absolute">;
+        readonly top: css.StyleXClassNameFor<"top", 0>;
+        readonly bottom: css.StyleXClassNameFor<"bottom", 0>;
+        readonly borderLeftWidth: css.StyleXClassNameFor<"borderLeftWidth", string>;
+        readonly borderLeftStyle: css.StyleXClassNameFor<"borderLeftStyle", "solid">;
+        readonly borderLeftColor: css.StyleXClassNameFor<"borderLeftColor", string>;
+        readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "none">;
+        readonly zIndex: css.StyleXClassNameFor<"zIndex", 2>;
+    }>;
+    readonly bar: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "absolute">;
+        readonly top: css.StyleXClassNameFor<"top", "50%">;
+        readonly transform: css.StyleXClassNameFor<"transform", "translateY(-50%)">;
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly height: css.StyleXClassNameFor<"height", string>;
+    }>;
+    readonly face: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "relative">;
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly height: css.StyleXClassNameFor<"height", "100%">;
+        readonly padding: css.StyleXClassNameFor<"padding", 0>;
+        readonly overflow: css.StyleXClassNameFor<"overflow", "hidden">;
+        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 cursor: css.StyleXClassNameFor<"cursor", "pointer">;
+        readonly textAlign: css.StyleXClassNameFor<"textAlign", "left">;
+        readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "box-shadow, border-color">;
+        readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
+        readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", 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 faceSelected: Readonly<{
+        readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
+        readonly boxShadow: css.StyleXClassNameFor<"boxShadow", `0 0 0 ${css.StyleXVar<string>} ${css.StyleXVar<string>}`>;
+    }>;
+    readonly barPlanned: Readonly<{
+        readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "dashed">;
+    }>;
+    readonly barDone: Readonly<{
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly fill: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "absolute">;
+        readonly left: css.StyleXClassNameFor<"left", 0>;
+        readonly top: css.StyleXClassNameFor<"top", 0>;
+        readonly bottom: css.StyleXClassNameFor<"bottom", 0>;
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderRightWidth: css.StyleXClassNameFor<"borderRightWidth", string>;
+        readonly borderRightStyle: css.StyleXClassNameFor<"borderRightStyle", "solid">;
+        readonly borderRightColor: css.StyleXClassNameFor<"borderRightColor", string>;
+    }>;
+    readonly fillDone: Readonly<{
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderRightColor: css.StyleXClassNameFor<"borderRightColor", string>;
+    }>;
+    readonly barText: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "relative">;
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly fontVariantNumeric: css.StyleXClassNameFor<"fontVariantNumeric", "tabular-nums">;
+        readonly whiteSpace: css.StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+    readonly edge: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "absolute">;
+        readonly top: css.StyleXClassNameFor<"top", 0>;
+        readonly bottom: css.StyleXClassNameFor<"bottom", 0>;
+        readonly width: css.StyleXClassNameFor<"width", string>;
+        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 backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+        readonly zIndex: css.StyleXClassNameFor<"zIndex", 3>;
+    }>;
+    readonly edgeStart: Readonly<{
+        readonly left: css.StyleXClassNameFor<"left", `calc(-1 * ${css.StyleXVar<string>})`>;
+    }>;
+    readonly edgeEnd: Readonly<{
+        readonly right: css.StyleXClassNameFor<"right", `calc(-1 * ${css.StyleXVar<string>})`>;
+    }>;
+}>;
+//# sourceMappingURL=styles.css.d.ts.map

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

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

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

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

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

@@ -6,4 +6,13 @@ type Story = StoryObj<typeof ToastProvider>;
 export declare const Success: Story;
 export declare const Error: Story;
 export declare const Dismiss: Story;
+/** The WIP-limit shape: a warning, announced politely, with its own tone. */
+export declare const Warning: Story;
+/** The countdown stops while the pointer is on the toast and resumes with
+ *  what was left when it leaves. */
+export declare const PausesOnHover: Story;
+/** Focus inside the toast (its Undo, its close button) holds it too. */
+export declare const PausesOnFocus: Story;
+/** The close button's name comes from the app (dismissLabel). */
+export declare const LocalisedClose: Story;
 //# sourceMappingURL=Toast.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,aAAa,EAAW,MAAM,iBAAiB,CAAA;AAkDvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAQpC,CAAA;AACD,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3C,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA"}
+{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,aAAa,EAAW,MAAM,iBAAiB,CAAA;AA2EvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAQpC,CAAA;AACD,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3C,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,6EAA6E;AAC7E,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAID;oCACoC;AACpC,eAAO,MAAM,aAAa,EAAE,KAY3B,CAAA;AAED,wEAAwE;AACxE,eAAO,MAAM,aAAa,EAAE,KAe3B,CAAA;AAED,iEAAiE;AACjE,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAA"}