@duro-app/ui 5.6.0 → 5.8.0

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

@@ -0,0 +1,66 @@
+import { StoryObj } from '@storybook/react';
+import { LiveRegionPoliteness } from './LiveRegion';
+interface LiveRegionArgs {
+    /** `polite` (role="status") waits for a pause; `assertive` (role="alert") interrupts. */
+    politeness: LiveRegionPoliteness;
+    /** Off screen, still in the accessibility tree. */
+    visuallyHidden: boolean;
+    /** What the region announces when the trigger button is pressed. */
+    message: string;
+    /** The trigger button's label. */
+    triggerLabel: string;
+    /** The button that empties the region. */
+    clearLabel: string;
+    /** Called with the message the region now holds. */
+    onAnnounce: (message: string) => void;
+}
+declare const meta: {
+    title: string;
+    args: {
+        politeness: "polite";
+        visuallyHidden: false;
+        message: string;
+        triggerLabel: string;
+        clearLabel: string;
+        onAnnounce: import('storybook/test').Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        politeness: {
+            control: "radio";
+            options: string[];
+        };
+        visuallyHidden: {
+            control: "boolean";
+        };
+        message: {
+            control: "text";
+        };
+        triggerLabel: {
+            control: "text";
+        };
+        clearLabel: {
+            control: "text";
+        };
+    };
+    parameters: {
+        a11y: {
+            test: string;
+        };
+    };
+    decorators: import('@storybook/react').Decorator[];
+    render: (args: LiveRegionArgs) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Press the trigger: the message appears in the region (unless
+ * `visuallyHidden`) and the Actions panel logs `onAnnounce`. Switch
+ * `politeness` to assertive for role="alert".
+ */
+export declare const Playground: Story;
+/** Mounted empty from the start; a change of content is what gets announced. */
+export declare const Polite: Story;
+export declare const Assertive: Story;
+/** Off screen, still in the accessibility tree. */
+export declare const VisuallyHidden: Story;
+//# sourceMappingURL=LiveRegion.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LiveRegion.stories.d.ts","sourceRoot":"","sources":["../../../src/components/LiveRegion/LiveRegion.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAa,KAAK,oBAAoB,EAAC,MAAM,cAAc,CAAA;AAMlE,UAAU,cAAc;IACtB,yFAAyF;IACzF,UAAU,EAAE,oBAAoB,CAAA;IAChC,mDAAmD;IACnD,cAAc,EAAE,OAAO,CAAA;IACvB,oEAAoE;IACpE,OAAO,EAAE,MAAM,CAAA;IACf,kCAAkC;IAClC,YAAY,EAAE,MAAM,CAAA;IACpB,0CAA0C;IAC1C,UAAU,EAAE,MAAM,CAAA;IAClB,oDAAoD;IACpD,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACtC;AAsCD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBsB,CAAA;AAEhC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAIlC;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAAU,CAAA;AAEnC,gFAAgF;AAChF,eAAO,MAAM,MAAM,EAAE,KAmBpB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA;AAED,mDAAmD;AACnD,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAA"}

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

@@ -15,4 +15,11 @@ export declare const TypingElsewhereIsNotIntercepted: Story;
 export declare const GhostIconTrigger: Story;
 export declare const EnterActivatesOnce: Story;
 export declare const TabInsideDialog: Story;
+/**
+ * A touch screen gets 44px triggers (coarse pointer), the default and the
+ * ghost variant alike; a mouse keeps the compact control.
+ * It drives Chrome's touch emulation through Vitest's CDP session, so it runs
+ * as a test and stays out of the dev sidebar (there is no Vitest there).
+ */
+export declare const TouchTargets: Story;
 //# sourceMappingURL=Menu.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAWpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KAqCrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAsBvB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAgChC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqCvB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAwB3B,CAAA;AAID,eAAO,MAAM,kBAAkB,EAAE,KAqBhC,CAAA;AAsCD,eAAO,MAAM,uBAAuB,EAAE,KAgCrC,CAAA;AAID,eAAO,MAAM,wBAAwB,EAAE,KAwBtC,CAAA;AAMD,eAAO,MAAM,kBAAkB,EAAE,KA0ChC,CAAA;AAID,eAAO,MAAM,+BAA+B,EAAE,KAyB7C,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,KAiB9B,CAAA;AAKD,eAAO,MAAM,kBAAkB,EAAE,KAoBhC,CAAA;AAMD,eAAO,MAAM,eAAe,EAAE,KAmC7B,CAAA"}
+{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAcpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KAqCrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAsBvB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAgChC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqCvB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAwB3B,CAAA;AAID,eAAO,MAAM,kBAAkB,EAAE,KAqBhC,CAAA;AAsCD,eAAO,MAAM,uBAAuB,EAAE,KAgCrC,CAAA;AAID,eAAO,MAAM,wBAAwB,EAAE,KAwBtC,CAAA;AAMD,eAAO,MAAM,kBAAkB,EAAE,KA0ChC,CAAA;AAID,eAAO,MAAM,+BAA+B,EAAE,KAyB7C,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,KAiB9B,CAAA;AAKD,eAAO,MAAM,kBAAkB,EAAE,KAoBhC,CAAA;AAMD,eAAO,MAAM,eAAe,EAAE,KAmC7B,CAAA;AAgBD;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,KA+C1B,CAAA"}

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

@@ -20,6 +20,8 @@ export declare const styles: Readonly<{
         readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
         readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
         readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
+        readonly minWidth: css.StyleXClassNameFor<"minWidth", string | null>;
+        readonly minHeight: css.StyleXClassNameFor<"minHeight", string | null>;
         readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
         readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color, border-color">;
         readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4HjB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+HjB,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/PageNav/styles.css.d.ts

@@ -6,7 +6,7 @@ export declare const styles: Readonly<{
     }>;
     readonly grid: Readonly<{
         readonly display: css.StyleXClassNameFor<"display", "grid">;
-        readonly gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", "minmax(0, 1fr) minmax(0, 1fr)" | "minmax(0, 1fr)">;
+        readonly gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", "minmax(0, 1fr)" | "minmax(0, 1fr) minmax(0, 1fr)">;
         readonly gap: css.StyleXClassNameFor<"gap", string>;
     }>;
     readonly card: Readonly<{

package/dist/components/Prose/Prose.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode, Ref } from 'react';
+interface ProseProps {
+    /** HTML Duro does not author: the output of a Markdown renderer. */
+    children: ReactNode;
+    /** The container element. */
+    ref?: Ref<HTMLDivElement>;
+}
+/**
+ * Prose — the container for HTML Duro does not author (rendered Markdown, CMS
+ * output): headings, paragraphs, lists, tables, blockquotes, inline code,
+ * links and images are styled from tokens by descendant rules scoped to it.
+ * Duro components inside it (a TextLink, a CodeBlock) keep their own styles,
+ * and an app's own CSS wins over every Prose rule. Web only.
+ */
+export declare function Prose({ children, ref }: ProseProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Prose.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Prose.d.ts","sourceRoot":"","sources":["../../../src/components/Prose/Prose.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAE,GAAG,EAAC,MAAM,OAAO,CAAA;AAEzC,OAAO,aAAa,CAAA;AAEpB,UAAU,UAAU;IAClB,oEAAoE;IACpE,QAAQ,EAAE,SAAS,CAAA;IACnB,6BAA6B;IAC7B,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAED;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,EAAC,QAAQ,EAAE,GAAG,EAAC,EAAE,UAAU,2CAMhD"}

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

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

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

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

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

@@ -0,0 +1,63 @@
+import { StoryObj } from '@storybook/react';
+declare const DOCUMENTS: {
+    readonly runbook: "\n<p>Flux reconciles every cluster from <code>kubernetes/</code>. Read the\n<a href=\"#bootstrap\">bootstrap notes</a> first.</p>\n<h2 id=\"bootstrap\" class=\"docs_title__a1b2\">Bootstrap</h2>\n<p>Each cluster starts from the same three steps:</p>\n<ol>\n  <li>Install the operator.</li>\n  <li>Seed the secrets:\n    <ul>\n      <li>the Vault token</li>\n      <li>the registry pull secret</li>\n    </ul>\n  </li>\n  <li>Point Flux at the repository.</li>\n</ol>\n<blockquote><p>Never commit a decrypted secret.</p></blockquote>\n<h3>Clusters</h3>\n<table>\n  <thead><tr><th>Cluster</th><th>Nodes</th><th>Role</th></tr></thead>\n  <tbody>\n    <tr><td>homelab</td><td>5</td><td>Applications</td></tr>\n    <tr><td>nas</td><td>1</td><td>Storage</td></tr>\n  </tbody>\n</table>\n<pre><code>flux bootstrap git --url=ssh://git@forge/homelab</code></pre>\n<hr>\n<p><img alt=\"\" src=\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'/%3E\"></p>\n";
+    readonly 'release-notes': "\n<h2>5.6.0</h2>\n<p>Small controls line up: every <code>size=\"small\"</code> control is at least\n<code>controlSm</code> tall, whatever it holds.</p>\n<h3>Fixed</h3>\n<ul>\n  <li>A small <code>Menu.Trigger</code> in a toolbar no longer shrinks.</li>\n  <li>Toggle and Button share one small padding.</li>\n</ul>\n<blockquote><p>Upgrade with <code>pnpm add @duro-app/ui@5.6.0</code>.</p></blockquote>\n";
+    readonly reference: "\n<h2>relative(date, options)</h2>\n<p>Formats <code>date</code> against <code>options.now</code> with\n<a href=\"https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Intl/RelativeTimeFormat\">Intl.RelativeTimeFormat</a>.</p>\n<table>\n  <thead><tr><th>Option</th><th>Type</th><th>Default</th></tr></thead>\n  <tbody>\n    <tr><td><code>now</code></td><td>Date | number</td><td>required</td></tr>\n    <tr><td><code>locale</code></td><td>string</td><td>required</td></tr>\n    <tr><td><code>numeric</code></td><td>'auto' | 'always'</td><td>'auto'</td></tr>\n  </tbody>\n</table>\n<pre><code>relative(commit.date, {now, locale: 'fr'})</code></pre>\n";
+};
+type DocumentName = keyof typeof DOCUMENTS;
+interface ProseArgs {
+    /** A sample of what a Markdown renderer hands over. */
+    document: DocumentName;
+    /** Your own HTML, in place of the sample; empty to show the sample. */
+    html: string;
+}
+declare const meta: {
+    title: string;
+    args: {
+        document: "runbook";
+        html: string;
+    };
+    argTypes: {
+        document: {
+            control: {
+                type: "select";
+                labels: {
+                    runbook: string;
+                    'release-notes': string;
+                    reference: string;
+                };
+            };
+            options: string[];
+        };
+        html: {
+            control: "text";
+        };
+    };
+    parameters: {
+        a11y: {
+            test: string;
+        };
+    };
+    decorators: import('@storybook/react').Decorator[];
+    render: (args: ProseArgs) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Rendered Markdown styled by Prose. Pick another sample in `document`, or
+ * paste your own HTML in `html`.
+ */
+export declare const Playground: Story;
+/** The runbook sample, measured: flow, headings, lists, tables, code, links. */
+export declare const RenderedMarkdown: Story;
+/**
+ * An app's own CSS wins over every Prose rule: a CSS Module class and even a
+ * bare element selector, loaded after Duro's stylesheet. Prose sits in its
+ * own cascade layer and weighs nothing (:where()).
+ */
+export declare const AppCssWins: Story;
+/** A Duro component inside Prose keeps its own styles: Prose is below them. */
+export declare const DuroComponentsInside: Story;
+/** DuroComponentsInside's checks, kept off the visible story so a Control change cannot fail them. */
+export declare const DuroComponentsInsideChecks: Story;
+//# sourceMappingURL=Prose.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Prose.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Prose/Prose.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAiEpD,QAAA,MAAM,SAAS;;;;CAIL,CAAA;AAEV,KAAK,YAAY,GAAG,MAAM,OAAO,SAAS,CAAA;AAE1C,UAAU,SAAS;IACjB,uDAAuD;IACvD,QAAQ,EAAE,YAAY,CAAA;IACtB,uEAAuE;IACvE,IAAI,EAAE,MAAM,CAAA;CACb;AAeD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBiB,CAAA;AAE3B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAgBlC;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAAU,CAAA;AAEnC,gFAAgF;AAChF,eAAO,MAAM,gBAAgB,EAAE,KAyC9B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAA;AAED,+EAA+E;AAC/E,eAAO,MAAM,oBAAoB,EAAE,KAYlC,CAAA;AAED,sGAAsG;AACtG,eAAO,MAAM,0BAA0B,EAAE,KASxC,CAAA"}

package/dist/components/SideNav/SideNav.d.ts

@@ -26,11 +26,17 @@ import { ReactNode } from 'react';
  */
 interface RootProps {
     children: ReactNode;
+    /**
+     * Names the navigation landmark ("Main", "Settings"). Give one whenever
+     * the page has another nav (a breadcrumb, a pager): screen readers list
+     * landmarks by name.
+     */
+    'aria-label'?: string;
     value?: string;
     defaultValue?: string;
     onValueChange?: (value: string) => void;
 }
-declare function Root({ children, value: controlledValue, defaultValue, onValueChange }: RootProps): import("react/jsx-runtime").JSX.Element;
+declare function Root({ children, 'aria-label': ariaLabel, value: controlledValue, defaultValue, onValueChange, }: RootProps): import("react/jsx-runtime").JSX.Element;
 interface GroupProps {
     children: ReactNode;
     label: string;

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

@@ -1 +1 @@
-{"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAkD,MAAM,OAAO,CAAA;AAMrF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAIH,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAC,EAAE,SAAS,2CAgEvF;AAID,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAC,EAAE,UAAU,2CAoEtE;AAID,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;;;;;;;GASG;AACH,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,EAAE,YAAY,2CAY/C;AAID,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB;yEACqE;IACrE,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAC,EAAE,SAAS,2CAyB/C;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA"}
+{"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAkD,MAAM,OAAO,CAAA;AAMrF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAIH,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,aAAa,GACd,EAAE,SAAS,2CAgEX;AAID,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAC,EAAE,UAAU,2CAoEtE;AAID,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;;;;;;;GASG;AACH,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,EAAE,YAAY,2CAY/C;AAID,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB;yEACqE;IACrE,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAC,EAAE,SAAS,2CAyB/C;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA"}

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

@@ -9,4 +9,7 @@ export declare const Collapsed: Story;
 export declare const DefaultExpandedWithActiveItem: Story;
 export declare const Interactive: Story;
 export declare const FlatWithIcons: Story;
+/** `aria-label` names the landmark, so a page with a breadcrumb or a pager
+ *  beside it still lists the side navigation by name. */
+export declare const Named: Story;
 //# sourceMappingURL=SideNav.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SideNav.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AAGjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAAC,IAAI,CAMnC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAA;AAK1C,eAAO,MAAM,OAAO,EAAE,KAgCrB,CAAA;AAKD,eAAO,MAAM,6BAA6B,EAAE,KAwC3C,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAoBvB,CAAA;AAMD,eAAO,MAAM,6BAA6B,EAAE,KAgB3C,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAA;AAKD,eAAO,MAAM,aAAa,EAAE,KAsC3B,CAAA"}
+{"version":3,"file":"SideNav.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AAIjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAAC,IAAI,CAMnC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAA;AAK1C,eAAO,MAAM,OAAO,EAAE,KAgCrB,CAAA;AAKD,eAAO,MAAM,6BAA6B,EAAE,KAwC3C,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAoBvB,CAAA;AAMD,eAAO,MAAM,6BAA6B,EAAE,KAgB3C,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAA;AAKD,eAAO,MAAM,aAAa,EAAE,KAsC3B,CAAA;AAED;yDACyD;AACzD,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAA"}

package/dist/components/Time/Time.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+interface TimeProps {
+    /**
+     * The instant, machine-readable: a `Date` (written as its ISO string) or an
+     * ISO 8601 string, which is passed through unchanged.
+     */
+    dateTime: Date | string;
+    /**
+     * The exact date and time, shown on hover ("8 October 2026, 14:03 UTC"),
+     * formatted by you in the reader's locale.
+     */
+    title?: string;
+    /** What the reader sees: a relative label from `relative()`, or a date. */
+    children: ReactNode;
+}
+/**
+ * Time — a date or time in running text as a `<time>` element: the visible
+ * text is yours (often `relative(date, {now, locale})`), the exact instant
+ * goes in `dateTime` for machines and `title` for people.
+ *
+ * Web only. A raw `<time>`: react-strict-dom has no `html.time`, and the
+ * element carries no style of its own (it inherits the text around it).
+ */
+export declare function Time({ dateTime, title, children }: TimeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Time.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Time.d.ts","sourceRoot":"","sources":["../../../src/components/Time/Time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAEpC,UAAU,SAAS;IACjB;;;OAGG;IACH,QAAQ,EAAE,IAAI,GAAG,MAAM,CAAA;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAO1D"}

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

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

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

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

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

@@ -0,0 +1,77 @@
+import { StoryObj } from '@storybook/react';
+type Locale = 'en' | 'fr' | 'de';
+interface TimeArgs {
+    /** The instant shown, in days from `now` (negative: in the past). */
+    offsetDays: number;
+    /** The locale `relative` and the title use. */
+    locale: Locale;
+    /** `auto` says "yesterday" where the locale has a word; `always` keeps the number. */
+    numeric: 'auto' | 'always';
+    /** The text before the date. */
+    label: string;
+}
+declare const meta: {
+    title: string;
+    args: {
+        offsetDays: number;
+        locale: "en";
+        numeric: "auto";
+        label: string;
+    };
+    argTypes: {
+        offsetDays: {
+            control: {
+                type: "range";
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+        locale: {
+            control: {
+                type: "select";
+                labels: {
+                    en: string;
+                    fr: string;
+                    de: string;
+                };
+            };
+            options: string[];
+        };
+        numeric: {
+            control: "radio";
+            options: string[];
+        };
+        label: {
+            control: "text";
+        };
+    };
+    parameters: {
+        a11y: {
+            test: string;
+        };
+    };
+    decorators: import('@storybook/react').Decorator[];
+    render: ({ offsetDays, locale, numeric, label }: TimeArgs) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * A date relative to a fixed `now` (2026-10-08 12:00 UTC). Move `offsetDays`
+ * to walk through the units (days, weeks, months, years), switch `locale`, and
+ * `numeric` to always for "1 day ago" instead of "yesterday". Hover the date
+ * for the exact instant (title).
+ */
+export declare const Playground: Story;
+/** Playground's checks, kept off the visible story so a Control change cannot fail them. */
+export declare const PlaygroundChecks: Story;
+/** The words come from the locale; the exact instant stays in dateTime and title. */
+export declare const TwoLocales: Story;
+/** TwoLocales' checks, kept off the visible story so a Control change cannot fail them. */
+export declare const TwoLocalesChecks: Story;
+/** A Date is written as its ISO string. */
+export declare const FromDate: Story;
+/** Server and client render the same text from the same `now`: hydration
+ *  reports nothing. It replaces the canvas's content, so it runs as a test only. */
+export declare const ServerRender: Story;
+//# sourceMappingURL=Time.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Time.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Time/Time.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAgBpD,KAAK,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEhC,UAAU,QAAQ;IAChB,qEAAqE;IACrE,UAAU,EAAE,MAAM,CAAA;IAClB,+CAA+C;IAC/C,MAAM,EAAE,MAAM,CAAA;IACd,sFAAsF;IACtF,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAA;IAC1B,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBgB,CAAA;AAE1B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAuBlC;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAU,CAAA;AAEnC,4FAA4F;AAC5F,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAA;AAED,qFAAqF;AACrF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,2FAA2F;AAC3F,eAAO,MAAM,gBAAgB,EAAE,KAc9B,CAAA;AAED,2CAA2C;AAC3C,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAA;AAED;oFACoF;AACpF,eAAO,MAAM,YAAY,EAAE,KA4B1B,CAAA"}

package/dist/components/Time/relative.d.ts

@@ -0,0 +1,27 @@
+export interface RelativeOptions {
+    /**
+     * The instant to measure from. Required: read the clock once where the data
+     * is loaded (a route loader) and pass the same value to the server and the
+     * client render, so both produce the same text. Never `Date.now()` during a
+     * render — the client would hydrate a different string.
+     */
+    now: Date | number;
+    /** BCP 47 locale(s) for the words ("3 days ago", "il y a 3 jours"). */
+    locale: string | readonly string[];
+    /**
+     * `auto` (default) says "yesterday" / "tomorrow" / "now" where the locale has
+     * a word for it; `always` keeps the number ("1 day ago").
+     */
+    numeric?: 'auto' | 'always';
+}
+/**
+ * How far `date` is from `now`, in words, in the caller's locale:
+ * `relative(lastCommit, {now, locale: 'en'})` → "3 days ago". Built on
+ * `Intl.RelativeTimeFormat`; the largest unit that keeps the count at least 1
+ * is used, rounded to the nearest whole unit.
+ *
+ * An unparseable date throws a `RangeError` (as `Intl` does): check the data
+ * before rendering it.
+ */
+export declare function relative(date: Date | number | string, options: RelativeOptions): string;
+//# sourceMappingURL=relative.d.ts.map

package/dist/components/Time/relative.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"relative.d.ts","sourceRoot":"","sources":["../../../src/components/Time/relative.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,eAAe;IAC9B;;;;;OAKG;IACH,GAAG,EAAE,IAAI,GAAG,MAAM,CAAA;IAClB,uEAAuE;IACvE,MAAM,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAA;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CAC5B;AAgDD;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,eAAe,GAAG,MAAM,CAavF"}

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"}