@duro-app/ui 5.6.0 → 5.8.0

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

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

@@ -1,16 +1,18 @@
 import { ReactNode } from 'react';
-export type ToastVariant = 'success' | 'error' | 'info';
+export type ToastVariant = 'success' | 'error' | 'info' | 'warning';
 export interface ToastAction {
     label: string;
     onClick: () => void;
 }
 export interface ToastOptions {
-    /** Visual + semantic tone. Errors announce assertively and linger longer. */
+    /** Visual + semantic tone. Errors announce assertively; errors and
+     *  warnings linger longer. */
     variant?: ToastVariant;
     message: ReactNode;
     /** Optional single action, e.g. Undo. Runs, then dismisses the toast. */
     action?: ToastAction;
-    /** Auto-dismiss delay in ms. `0` (or negative) keeps it until dismissed. */
+    /** Auto-dismiss delay in ms. `0` (or negative) keeps it until dismissed.
+     *  The countdown pauses while the toast is hovered or holds focus. */
     duration?: number;
 }
 export interface ToastContextValue {
@@ -19,7 +21,11 @@ export interface ToastContextValue {
     dismiss: (id: string) => void;
 }
 export declare function useToast(): ToastContextValue;
-export declare function ToastProvider({ children }: {
+export interface ToastProviderProps {
+    /** Accessible name of each toast's close button, e.g. from the app's
+     *  message catalog. */
+    dismissLabel?: string;
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}
+export declare function ToastProvider({ dismissLabel, children }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ToastProvider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAOd,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAEvD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,6EAA6E;IAC7E,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,OAAO,EAAE,SAAS,CAAA;IAClB,yEAAyE;IACzE,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,KAAK,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,MAAM,CAAA;IACrC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B;AAkED,wBAAgB,QAAQ,IAAI,iBAAiB,CAI5C;AA+CD,wBAAgB,aAAa,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAkC9D"}
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAOd,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;AAEnE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B;kCAC8B;IAC9B,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,OAAO,EAAE,SAAS,CAAA;IAClB,yEAAyE;IACzE,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB;0EACsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,KAAK,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,MAAM,CAAA;IACrC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B;AAqED,wBAAgB,QAAQ,IAAI,iBAAiB,CAI5C;AAwED,MAAM,WAAW,kBAAkB;IACjC;2BACuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,aAAa,CAAC,EAAC,YAAwB,EAAE,QAAQ,EAAC,EAAE,kBAAkB,2CAkCrF"}

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

@@ -1,3 +1,3 @@
 export { ToastProvider, useToast } from './ToastProvider';
-export type { ToastVariant, ToastOptions, ToastAction, ToastContextValue } from './ToastProvider';
+export type { ToastVariant, ToastOptions, ToastAction, ToastContextValue, ToastProviderProps, } from './ToastProvider';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,iBAAiB,CAAA;AACvD,YAAY,EAAC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAC,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,iBAAiB,CAAA;AACvD,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,iBAAiB,CAAA"}

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

@@ -47,6 +47,9 @@ export declare const styles: Readonly<{
     readonly info: Readonly<{
         readonly borderLeftColor: css.StyleXClassNameFor<"borderLeftColor", string>;
     }>;
+    readonly warning: Readonly<{
+        readonly borderLeftColor: css.StyleXClassNameFor<"borderLeftColor", string>;
+    }>;
     readonly iconWrap: Readonly<{
         readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
         readonly display: css.StyleXClassNameFor<"display", "flex">;
@@ -63,6 +66,9 @@ export declare const styles: Readonly<{
     readonly iconInfo: Readonly<{
         readonly color: css.StyleXClassNameFor<"color", string>;
     }>;
+    readonly iconWarning: Readonly<{
+        readonly color: css.StyleXClassNameFor<"color", string>;
+    }>;
     readonly content: Readonly<{
         readonly flex: css.StyleXClassNameFor<"flex", 1>;
         readonly minWidth: css.StyleXClassNameFor<"minWidth", 0>;

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

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

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

package/dist/hooks/useContainerBelow.d.ts

@@ -0,0 +1,18 @@
+import { RefObject } from 'react';
+import { Breakpoint } from '@duro-app/tokens/tokens/breakpoints.css';
+/**
+ * Whether the element behind `ref` is narrower than a Duro breakpoint — its
+ * own width, as a container query sees it, not the window's. For the choices
+ * CSS cannot make (a table of contents as a list or a menu, a row of buttons
+ * or an overflow `Menu`).
+ *
+ * `false` on the server and until the first measurement, so the server and
+ * the first client render agree on the wide layout; a ResizeObserver then
+ * follows the element. A width of 0 (the element is not laid out, e.g.
+ * `display: none`) keeps the last answer.
+ *
+ * Narrower than means `width < breakpoint`: at exactly 768px an element is not
+ * below `md`, the same line `Grid`'s named layouts collapse on.
+ */
+export declare function useContainerBelow(ref: RefObject<HTMLElement | null>, breakpoint: Breakpoint): boolean;
+//# sourceMappingURL=useContainerBelow.d.ts.map

package/dist/hooks/useContainerBelow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContainerBelow.d.ts","sourceRoot":"","sources":["../../src/hooks/useContainerBelow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AACzD,OAAO,EAAgB,KAAK,UAAU,EAAC,MAAM,yCAAyC,CAAA;AAEtF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAClC,UAAU,EAAE,UAAU,GACrB,OAAO,CAkBT"}