@duro-app/ui 5.7.0 → 5.8.1

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

@@ -1,5 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { Grid } from './Grid';
+import { SpacingToken } from '@duro-app/tokens/keys';
 declare const meta: Meta<typeof Grid>;
 export default meta;
 type Story = StoryObj<typeof Grid>;
@@ -25,4 +26,31 @@ export declare const WeightedColumns: Story;
 export declare const WithContainerQuery: Story;
 export declare const TracksWithAside: Story;
 export declare const TracksWithMinmax: Story;
+interface ContentAsideArgs {
+    /** The gap between the reading column and the Aside. */
+    gap: SpacingToken;
+    /** The frame's width in px: the container the Grid measures. */
+    width: number;
+}
+/**
+ * A reading column beside an Aside (asideW); one column below md (768px),
+ * measured on the Grid's own container. Drag `width` across 768 to see it
+ * collapse: the column reports what `useContainerBelow` sees.
+ */
+export declare const ContentAside: StoryObj<ContentAsideArgs>;
+/** ContentAside's checks, kept off the visible story so a Control change cannot fail them. */
+export declare const ContentAsideChecks: StoryObj<ContentAsideArgs>;
+/** ContentAside's checks below md (pageSm, 600px): the Aside stacks under the column. */
+export declare const ContentAsideStackedChecks: StoryObj<ContentAsideArgs>;
+/** A wide page and a narrow one, side by side: beside, then stacked. */
+export declare const ContentAsideWideAndNarrow: Story;
+/**
+ * The collapse and `useContainerBelow` follow the Grid's container, not the
+ * window: in a 1440px viewport the 600px page stacks and reports "below md",
+ * the 1200px one does not. The forwarded ref is the container the query
+ * measures. Sizes the browser through Vitest, so it runs as a test only.
+ */
+export declare const ContentAsideFollowsItsContainer: Story;
+/** `ref` reaches the grid element itself when there is no named layout. */
+export declare const RefWithoutLayout: Story;
 //# sourceMappingURL=Grid.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAU3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAgB3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AA2BlC,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,KAqC1B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,KAmB7B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAID,eAAO,MAAM,eAAe,EAAE,KAmB7B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAA"}
+{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAI3B,OAAO,EAAyB,KAAK,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAU/E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAgB3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AA2BlC,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,KAqC1B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,KAmB7B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAID,eAAO,MAAM,eAAe,EAAE,KAmB7B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAA;AAuDD,UAAU,gBAAgB;IACxB,wDAAwD;IACxD,GAAG,EAAE,YAAY,CAAA;IACjB,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAanD,CAAA;AAED,8FAA8F;AAC9F,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,gBAAgB,CAiBzD,CAAA;AAED,yFAAyF;AACzF,eAAO,MAAM,yBAAyB,EAAE,QAAQ,CAAC,gBAAgB,CAGhE,CAAA;AAED,wEAAwE;AACxE,eAAO,MAAM,yBAAyB,EAAE,KA2BvC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,+BAA+B,EAAE,KA2C7C,CAAA;AAID,2EAA2E;AAC3E,eAAO,MAAM,gBAAgB,EAAE,KAY9B,CAAA"}

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

@@ -33,6 +33,9 @@ export declare const styles: Readonly<{
     readonly splitWide: Readonly<{
         readonly gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", "1fr" | `minmax(${css.StyleXVar<string>}, 1fr) minmax(0, 3fr)`>;
     }>;
+    readonly contentAside: Readonly<{
+        readonly gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", "minmax(0, 1fr)" | `minmax(0, 1fr) ${css.StyleXVar<string>}`>;
+    }>;
     readonly template: (tracks: string) => readonly [Readonly<{
         gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", string>;
     }>, css.InlineStyles];

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAepC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+FjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAgBpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyGjB,CAAA"}

package/dist/components/Heading/Heading.d.ts

@@ -5,8 +5,10 @@ interface HeadingProps {
     variant?: HeadingVariant;
     color?: 'default' | 'muted' | 'accent';
     align?: 'start' | 'center' | 'end';
+    /** The heading's id: an in-page link's target (`href="#id"`), an `aria-labelledby` reference. */
+    id?: string;
     children: ReactNode;
 }
-export declare function Heading({ level, variant, color, align, children }: HeadingProps): import("react/jsx-runtime").JSX.Element;
+export declare function Heading({ level, variant, color, align, id, children }: HeadingProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Heading.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAKpC,MAAM,MAAM,cAAc,GACtB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAA;AAEf,UAAU,YAAY;IACpB,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IACtC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAiBD,wBAAgB,OAAO,CAAC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAiB,EAAE,KAAK,EAAE,QAAQ,EAAC,EAAE,YAAY,2CAUzF"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAKpC,MAAM,MAAM,cAAc,GACtB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAA;AAEf,UAAU,YAAY;IACpB,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IACtC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,iGAAiG;IACjG,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,SAAS,CAAA;CACpB;AAiBD,wBAAgB,OAAO,CAAC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAiB,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAC,EAAE,YAAY,2CAuC7F"}

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Levels: Story;
+/** `id` makes a heading the target of an in-page link (a table of contents)
+ *  or of `aria-labelledby`. */
+export declare const WithId: Story;
+//# sourceMappingURL=Heading.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAOpD,QAAA,MAAM,IAAI,EAAE,IAIX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,MAAM,EAAE,KAepB,CAAA;AAED;+BAC+B;AAC/B,eAAO,MAAM,MAAM,EAAE,KAepB,CAAA"}

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

@@ -18,4 +18,11 @@ export declare const AllVariants: Story;
 export declare const ClientNavigation: StoryObj<{
     onNavigate: OnNavigate;
 }>;
+/**
+ * A touch screen gets 44px links, default and small alike (5.6, as Button);
+ * 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=LinkButton.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AAGvC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAGrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAcjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAA;AAOD,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC;IAAC,UAAU,EAAE,UAAU,CAAA;CAAC,CA+B/D,CAAA"}
+{"version":3,"file":"LinkButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AAGvC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAKrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAcjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAA;AAOD,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC;IAAC,UAAU,EAAE,UAAU,CAAA;CAAC,CA+B/D,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,KA8B1B,CAAA"}

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

@@ -15,12 +15,14 @@ export declare const styles: Readonly<{
         readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color, border-color, color">;
         readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
         readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", string>;
+        readonly minWidth: css.StyleXClassNameFor<"minWidth", string | null>;
     }>;
     readonly sizeDefault: Readonly<{
         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 minHeight: css.StyleXClassNameFor<"minHeight", string | null>;
     }>;
     readonly sizeSmall: Readonly<{
         readonly paddingTop: css.StyleXClassNameFor<"paddingTop", 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;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqDjB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDjB,CAAA"}

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

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+export type LiveRegionPoliteness = 'polite' | 'assertive';
+interface LiveRegionProps {
+    /**
+     * What to announce. Change it to announce; leave it empty when there is
+     * nothing to say — never unmount the region to clear it.
+     */
+    children?: ReactNode;
+    /**
+     * `polite` (default) waits for the screen reader to finish (`role="status"`):
+     * "Copied", "3 results". `assertive` interrupts (`role="alert"`): only for
+     * what the person must hear now, such as an error that blocks them.
+     */
+    politeness?: LiveRegionPoliteness;
+    /** Keeps the region off screen and in the accessibility tree. Default false. */
+    visuallyHidden?: boolean;
+    id?: string;
+}
+/**
+ * LiveRegion — tells assistive tech about a change that has no focus move to
+ * go with it ("Link copied", "Answer ready"). A screen reader only announces
+ * a change to a region that was already in the page, so render it from the
+ * start (empty) and change its content; a region mounted together with its
+ * message is often not read at all.
+ */
+export declare function LiveRegion({ children, politeness, visuallyHidden, id, }: LiveRegionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LiveRegion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LiveRegion.d.ts","sourceRoot":"","sources":["../../../src/components/LiveRegion/LiveRegion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAIpC,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,WAAW,CAAA;AAEzD,UAAU,eAAe;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAAA;IACjC,gFAAgF;IAChF,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,UAAqB,EACrB,cAAsB,EACtB,EAAE,GACH,EAAE,eAAe,2CAYjB"}

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

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

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

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

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/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,KAgBxC,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/form.js

@@ -1,5 +1,5 @@
 import { jsx as T } from "react/jsx-runtime";
-import { c as A, m as B, d as G } from "./compiler-runtime-B2IcI8_O.js";
+import { c as A, m as B, d as G } from "./compiler-runtime-BuugS4D0.js";
 import { useRef as M, useEffect as q } from "react";
 import { useForm as H, FormProvider as J } from "react-hook-form";
 import { effectTsResolver as N } from "@hookform/resolvers/effect-ts";