@beautinique/frontend-components 1.0.8 → 1.0.9

package/dist/lib/useDismiss.d.ts

@@ -0,0 +1,34 @@
+import { type RefObject } from 'react';
+export type TDismissReason = 'outside' | 'escape';
+export interface IDismissOptions {
+    /** Turn the listeners off (e.g. while a popup is closed). @default true */
+    enabled?: boolean;
+    /**
+     * Elements that count as inside although they are not inside the element in the DOM: a popup that
+     * is rendered with `createPortal()` into `document.body`. A press on one of them (or on anything in
+     * it) is not "outside". Refs that are not attached are skipped. The list is read when the press
+     * happens, so a new array on every render is fine.
+     */
+    ignore?: readonly RefObject<Element | null>[];
+    /** Dismiss when the user presses outside the element. @default true */
+    outside?: boolean;
+    /** Dismiss when the user presses Escape. @default true */
+    escape?: boolean;
+}
+/**
+ * Closes a popup (a select, a dialog, a menu) the way people expect: a press (mouse, touch or pen)
+ * anywhere outside it, or Escape.
+ *
+ * - The press is listened for on `document` in the capture phase, so an inner `stopPropagation()`
+ *   cannot hide it, and "inside" is decided from the path the event took (`composedPath()`), which
+ *   stays right when the pressed node is removed by another listener first.
+ * - A popup portalled out of the element is not inside it in the DOM: list its ref in `ignore`.
+ * - Escape only reaches the popup that opened last, and not an Escape that something else already
+ *   handled (`defaultPrevented`).
+ * - The listeners are added once and only when `enabled` changes: the latest `onDismiss` and `ignore`
+ *   are used, so passing new ones on every render costs nothing.
+ *
+ * @returns the ref to put on the popup (or on its trigger, when the popup is portalled).
+ */
+export declare const useDismiss: <T extends HTMLElement>(onDismiss: (reason: TDismissReason, event: Event) => void, { enabled, ignore, outside, escape }?: IDismissOptions) => RefObject<T | null>;
+//# sourceMappingURL=useDismiss.d.ts.map

package/dist/lib/useDismiss.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDismiss.d.ts","sourceRoot":"","sources":["../../src/lib/useDismiss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAsC,MAAM,OAAO,CAAC;AAE3E,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,CAAC;AAElD,MAAM,WAAW,eAAe;IAC9B,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC;IAC9C,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAMD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,EAC9C,WAAW,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,EACzD,uCAA2D,eAAoB,KAC9E,SAAS,CAAC,CAAC,GAAG,IAAI,CAqDpB,CAAC"}

package/dist/lib/useFocusTrap.d.cts

@@ -0,0 +1,24 @@
+import { type RefObject } from 'react';
+export interface IFocusTrapOptions {
+    /** Turn the trap on (while the dialog is open). */
+    enabled: boolean;
+    /** The element that gets the focus first. Without it: the first element that Tab stops on, or the dialog. */
+    initialFocus?: RefObject<HTMLElement | null>;
+    /** Give the focus back to what had it before the dialog opened, when it closes. @default true */
+    returnFocus?: boolean;
+}
+/**
+ * Keeps the keyboard inside a dialog, the way a dialog has to behave:
+ *
+ * - when it opens the focus goes into it (to `initialFocus`, or the first thing Tab stops on, or the
+ *   dialog itself);
+ * - Tab on the last element goes to the first, and Shift + Tab on the first goes to the last, so the
+ *   focus cannot get to the page behind;
+ * - when it closes the focus goes back to what had it before, so a person who opened it with the
+ *   keyboard is where they were.
+ *
+ * @returns the ref for the dialog (it should have `tabIndex={-1}`, so it can hold the focus when it has
+ * nothing to focus in it).
+ */
+export declare const useFocusTrap: <T extends HTMLElement>({ enabled, initialFocus, returnFocus, }: IFocusTrapOptions) => RefObject<T | null>;
+//# sourceMappingURL=useFocusTrap.d.cts.map

package/dist/lib/useFocusTrap.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusTrap.d.cts","sourceRoot":"","sources":["../../src/lib/useFocusTrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAI1D,MAAM,WAAW,iBAAiB;IAChC,mDAAmD;IACnD,OAAO,EAAE,OAAO,CAAC;IACjB,6GAA6G;IAC7G,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7C,iGAAiG;IACjG,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAMD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,WAAW,EAAE,yCAIjD,iBAAiB,KAAG,SAAS,CAAC,CAAC,GAAG,IAAI,CA6DxC,CAAC"}

package/dist/lib/useFocusTrap.d.ts

@@ -0,0 +1,24 @@
+import { type RefObject } from 'react';
+export interface IFocusTrapOptions {
+    /** Turn the trap on (while the dialog is open). */
+    enabled: boolean;
+    /** The element that gets the focus first. Without it: the first element that Tab stops on, or the dialog. */
+    initialFocus?: RefObject<HTMLElement | null>;
+    /** Give the focus back to what had it before the dialog opened, when it closes. @default true */
+    returnFocus?: boolean;
+}
+/**
+ * Keeps the keyboard inside a dialog, the way a dialog has to behave:
+ *
+ * - when it opens the focus goes into it (to `initialFocus`, or the first thing Tab stops on, or the
+ *   dialog itself);
+ * - Tab on the last element goes to the first, and Shift + Tab on the first goes to the last, so the
+ *   focus cannot get to the page behind;
+ * - when it closes the focus goes back to what had it before, so a person who opened it with the
+ *   keyboard is where they were.
+ *
+ * @returns the ref for the dialog (it should have `tabIndex={-1}`, so it can hold the focus when it has
+ * nothing to focus in it).
+ */
+export declare const useFocusTrap: <T extends HTMLElement>({ enabled, initialFocus, returnFocus, }: IFocusTrapOptions) => RefObject<T | null>;
+//# sourceMappingURL=useFocusTrap.d.ts.map

package/dist/lib/useFocusTrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/lib/useFocusTrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAI1D,MAAM,WAAW,iBAAiB;IAChC,mDAAmD;IACnD,OAAO,EAAE,OAAO,CAAC;IACjB,6GAA6G;IAC7G,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7C,iGAAiG;IACjG,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAMD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,WAAW,EAAE,yCAIjD,iBAAiB,KAAG,SAAS,CAAC,CAAC,GAAG,IAAI,CA6DxC,CAAC"}

package/dist/lib/useIsClient.d.cts

@@ -0,0 +1,7 @@
+/**
+ * `false` on a server and while a page is hydrated, `true` in the browser after that. What needs the
+ * `document` (a portal into `document.body`) waits for it, so the server and the first render in
+ * the browser draw the same.
+ */
+export declare const useIsClient: () => boolean;
+//# sourceMappingURL=useIsClient.d.cts.map

package/dist/lib/useIsClient.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsClient.d.cts","sourceRoot":"","sources":["../../src/lib/useIsClient.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,eAAO,MAAM,WAAW,eAKrB,CAAC"}

package/dist/lib/useIsClient.d.ts

@@ -0,0 +1,7 @@
+/**
+ * `false` on a server and while a page is hydrated, `true` in the browser after that. What needs the
+ * `document` (a portal into `document.body`) waits for it, so the server and the first render in
+ * the browser draw the same.
+ */
+export declare const useIsClient: () => boolean;
+//# sourceMappingURL=useIsClient.d.ts.map

package/dist/lib/useIsClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsClient.d.ts","sourceRoot":"","sources":["../../src/lib/useIsClient.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,eAAO,MAAM,WAAW,eAKrB,CAAC"}

package/dist/lib/usePrefersReducedMotion.d.cts

@@ -0,0 +1,7 @@
+/**
+ * Whether the person asked their system for less motion. It follows the setting while the page is
+ * open, and is `false` on a server (a page that moves by itself starts still there and stops once the
+ * browser says so).
+ */
+export declare const usePrefersReducedMotion: () => boolean;
+//# sourceMappingURL=usePrefersReducedMotion.d.cts.map

package/dist/lib/usePrefersReducedMotion.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrefersReducedMotion.d.cts","sourceRoot":"","sources":["../../src/lib/usePrefersReducedMotion.ts"],"names":[],"mappings":"AAqBA;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,eAC6B,CAAC"}

package/dist/lib/usePrefersReducedMotion.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Whether the person asked their system for less motion. It follows the setting while the page is
+ * open, and is `false` on a server (a page that moves by itself starts still there and stops once the
+ * browser says so).
+ */
+export declare const usePrefersReducedMotion: () => boolean;
+//# sourceMappingURL=usePrefersReducedMotion.d.ts.map

package/dist/lib/usePrefersReducedMotion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrefersReducedMotion.d.ts","sourceRoot":"","sources":["../../src/lib/usePrefersReducedMotion.ts"],"names":[],"mappings":"AAqBA;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,eAC6B,CAAC"}

package/dist/lib/useScrollLock.d.cts

@@ -0,0 +1,7 @@
+/**
+ * Keeps the page behind a dialog from scrolling while it is open. Several dialogs can be open
+ * together: the page is released when the last one closes, and gets back exactly what it had (not
+ * what the first dialog saw after another had already changed it).
+ */
+export declare const useScrollLock: (enabled: boolean) => void;
+//# sourceMappingURL=useScrollLock.d.cts.map

package/dist/lib/useScrollLock.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollLock.d.cts","sourceRoot":"","sources":["../../src/lib/useScrollLock.ts"],"names":[],"mappings":"AAkCA;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,SAAS,OAAO,SAQ7C,CAAC"}

package/dist/lib/useScrollLock.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Keeps the page behind a dialog from scrolling while it is open. Several dialogs can be open
+ * together: the page is released when the last one closes, and gets back exactly what it had (not
+ * what the first dialog saw after another had already changed it).
+ */
+export declare const useScrollLock: (enabled: boolean) => void;
+//# sourceMappingURL=useScrollLock.d.ts.map

package/dist/lib/useScrollLock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollLock.d.ts","sourceRoot":"","sources":["../../src/lib/useScrollLock.ts"],"names":[],"mappings":"AAkCA;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,SAAS,OAAO,SAQ7C,CAAC"}

package/dist/lib/useScrollable.d.cts

@@ -0,0 +1,17 @@
+import { type RefObject } from 'react';
+export type TScrollDirection = 'horizontal' | 'vertical';
+/** The edges of a scrollable area that have more content behind them (where a fade is shown). */
+export type TScrollEdges = Partial<Record<'top' | 'bottom' | 'left' | 'right', true>>;
+/**
+ * Which edges of the scrollable element have more to scroll to. It follows the scroll, and the size
+ * of the element and of its content (a ResizeObserver), so a list that grows or a window that is
+ * resized is noticed. Nothing is reported on the server and on the first render.
+ *
+ * @returns `ref` for the element that scrolls and `edges` (e.g. `{ left: true }` once it was scrolled
+ * a little, `{ left: true, right: true }` in the middle).
+ */
+export declare const useScrollable: <T extends HTMLElement>(direction: TScrollDirection) => {
+    ref: RefObject<T | null>;
+    edges: TScrollEdges;
+};
+//# sourceMappingURL=useScrollable.d.cts.map

package/dist/lib/useScrollable.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollable.d.cts","sourceRoot":"","sources":["../../src/lib/useScrollable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,UAAU,CAAC;AAEzD,iGAAiG;AACjG,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;AAKtF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,EACjD,WAAW,gBAAgB,KAC1B;IAAE,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAAC,KAAK,EAAE,YAAY,CAAA;CAiDjD,CAAC"}

package/dist/lib/useScrollable.d.ts

@@ -0,0 +1,17 @@
+import { type RefObject } from 'react';
+export type TScrollDirection = 'horizontal' | 'vertical';
+/** The edges of a scrollable area that have more content behind them (where a fade is shown). */
+export type TScrollEdges = Partial<Record<'top' | 'bottom' | 'left' | 'right', true>>;
+/**
+ * Which edges of the scrollable element have more to scroll to. It follows the scroll, and the size
+ * of the element and of its content (a ResizeObserver), so a list that grows or a window that is
+ * resized is noticed. Nothing is reported on the server and on the first render.
+ *
+ * @returns `ref` for the element that scrolls and `edges` (e.g. `{ left: true }` once it was scrolled
+ * a little, `{ left: true, right: true }` in the middle).
+ */
+export declare const useScrollable: <T extends HTMLElement>(direction: TScrollDirection) => {
+    ref: RefObject<T | null>;
+    edges: TScrollEdges;
+};
+//# sourceMappingURL=useScrollable.d.ts.map

package/dist/lib/useScrollable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollable.d.ts","sourceRoot":"","sources":["../../src/lib/useScrollable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,UAAU,CAAC;AAEzD,iGAAiG;AACjG,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;AAKtF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,EACjD,WAAW,gBAAgB,KAC1B;IAAE,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAAC,KAAK,EAAE,YAAY,CAAA;CAiDjD,CAAC"}

package/dist/loading-screen/LoadingScreen.d.cts

@@ -0,0 +1,21 @@
+import { type ReactNode } from 'react';
+import type { IClassName } from '../types/component.js';
+export interface ILoadingScreen extends IClassName {
+    /** What is in the middle, instead of the bear (e.g. the bear and a `WakeUpProgress`). */
+    children?: ReactNode;
+    /** The facts that come one after the other under the picture. @default BEAUTY_FACTS */
+    facts?: readonly ReactNode[];
+    /** How long a fact stays, in milliseconds. @default 5000 */
+    interval?: number;
+    /** What a screen reader says for the screen. @default 'Loading' */
+    label?: string;
+}
+/**
+ * The screen of the start of the app: a picture in the middle (the bear unless told another), and a
+ * fact under it that is changed every few seconds, for as long as the app is not ready. It covers the
+ * window. The facts are not announced when they change (a screen reader only says `label`).
+ *
+ * It is a screen for the browser: the first fact is chosen at random when it is shown.
+ */
+export declare const LoadingScreen: ({ className, children, facts, interval, label, }: ILoadingScreen) => import("react").JSX.Element;
+//# sourceMappingURL=LoadingScreen.d.cts.map

package/dist/loading-screen/LoadingScreen.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingScreen.d.cts","sourceRoot":"","sources":["../../src/loading-screen/LoadingScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAIxD,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,yFAAyF;IACzF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uFAAuF;IACvF,KAAK,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IAC7B,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAWD;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,kDAM3B,cAAc,gCAsChB,CAAC"}

package/dist/loading-screen/LoadingScreen.d.ts

@@ -0,0 +1,21 @@
+import { type ReactNode } from 'react';
+import type { IClassName } from '../types/component.js';
+export interface ILoadingScreen extends IClassName {
+    /** What is in the middle, instead of the bear (e.g. the bear and a `WakeUpProgress`). */
+    children?: ReactNode;
+    /** The facts that come one after the other under the picture. @default BEAUTY_FACTS */
+    facts?: readonly ReactNode[];
+    /** How long a fact stays, in milliseconds. @default 5000 */
+    interval?: number;
+    /** What a screen reader says for the screen. @default 'Loading' */
+    label?: string;
+}
+/**
+ * The screen of the start of the app: a picture in the middle (the bear unless told another), and a
+ * fact under it that is changed every few seconds, for as long as the app is not ready. It covers the
+ * window. The facts are not announced when they change (a screen reader only says `label`).
+ *
+ * It is a screen for the browser: the first fact is chosen at random when it is shown.
+ */
+export declare const LoadingScreen: ({ className, children, facts, interval, label, }: ILoadingScreen) => import("react").JSX.Element;
+//# sourceMappingURL=LoadingScreen.d.ts.map

package/dist/loading-screen/LoadingScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingScreen.d.ts","sourceRoot":"","sources":["../../src/loading-screen/LoadingScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAIxD,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,yFAAyF;IACzF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uFAAuF;IACvF,KAAK,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IAC7B,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAWD;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,kDAM3B,cAAc,gCAsChB,CAAC"}

package/dist/loading-screen/Teddy.d.cts

@@ -0,0 +1,10 @@
+
+import type { ComponentProps } from 'react';
+export type TTeddy = Omit<ComponentProps<'div'>, 'children' | 'className'>;
+/**
+ * The bear of the loading screen, drawn with css (`teddy.css` of `@beautinique/frontend-styles`, which
+ * this imports). It is a picture with a name: a screen reader says "Loading Teddy" unless given another
+ * `aria-label`.
+ */
+export declare const Teddy: (divProps: TTeddy) => import("react").JSX.Element;
+//# sourceMappingURL=Teddy.d.cts.map

package/dist/loading-screen/Teddy.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Teddy.d.cts","sourceRoot":"","sources":["../../src/loading-screen/Teddy.tsx"],"names":[],"mappings":"AAAA,OAAO,wCAAwC,CAAC;AAEhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC;AAE3E;;;;GAIG;AACH,eAAO,MAAM,KAAK,GAAI,UAAU,MAAM,gCAyBrC,CAAC"}

package/dist/loading-screen/Teddy.d.ts

@@ -0,0 +1,10 @@
+
+import type { ComponentProps } from 'react';
+export type TTeddy = Omit<ComponentProps<'div'>, 'children' | 'className'>;
+/**
+ * The bear of the loading screen, drawn with css (`teddy.css` of `@beautinique/frontend-styles`, which
+ * this imports). It is a picture with a name: a screen reader says "Loading Teddy" unless given another
+ * `aria-label`.
+ */
+export declare const Teddy: (divProps: TTeddy) => import("react").JSX.Element;
+//# sourceMappingURL=Teddy.d.ts.map

package/dist/loading-screen/Teddy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Teddy.d.ts","sourceRoot":"","sources":["../../src/loading-screen/Teddy.tsx"],"names":[],"mappings":"AAAA,OAAO,wCAAwC,CAAC;AAEhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC;AAE3E;;;;GAIG;AACH,eAAO,MAAM,KAAK,GAAI,UAAU,MAAM,gCAyBrC,CAAC"}

package/dist/loading-screen/WakeUpProgress.d.cts

@@ -0,0 +1,16 @@
+/** Where the wake-up is: the gateway wakes first, then every service at once, then it is done. */
+export type TWakeUpPhase = 'gateway' | 'services' | 'done';
+export interface IWakeUpProgress {
+    phase: TWakeUpPhase;
+    /** Every service there is, in the order they are listed. */
+    services: readonly string[];
+    /** The ones that have answered. */
+    awakeServices: readonly string[];
+}
+/**
+ * The state of the start of the app while the backend wakes up (a free server sleeps after a while):
+ * the gateway first, then every service at once, and each service is ticked off as it answers. It is
+ * a polite status, so a screen reader follows it without being interrupted.
+ */
+export declare const WakeUpProgress: ({ phase, services, awakeServices }: IWakeUpProgress) => import("react").JSX.Element;
+//# sourceMappingURL=WakeUpProgress.d.cts.map

package/dist/loading-screen/WakeUpProgress.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WakeUpProgress.d.cts","sourceRoot":"","sources":["../../src/loading-screen/WakeUpProgress.tsx"],"names":[],"mappings":"AAIA,kGAAkG;AAClG,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAI3D,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,YAAY,CAAC;IACpB,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,mCAAmC;IACnC,aAAa,EAAE,SAAS,MAAM,EAAE,CAAC;CAClC;AAuBD;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,oCAAoC,eAAe,gCAgDjF,CAAC"}

package/dist/loading-screen/WakeUpProgress.d.ts

@@ -0,0 +1,16 @@
+/** Where the wake-up is: the gateway wakes first, then every service at once, then it is done. */
+export type TWakeUpPhase = 'gateway' | 'services' | 'done';
+export interface IWakeUpProgress {
+    phase: TWakeUpPhase;
+    /** Every service there is, in the order they are listed. */
+    services: readonly string[];
+    /** The ones that have answered. */
+    awakeServices: readonly string[];
+}
+/**
+ * The state of the start of the app while the backend wakes up (a free server sleeps after a while):
+ * the gateway first, then every service at once, and each service is ticked off as it answers. It is
+ * a polite status, so a screen reader follows it without being interrupted.
+ */
+export declare const WakeUpProgress: ({ phase, services, awakeServices }: IWakeUpProgress) => import("react").JSX.Element;
+//# sourceMappingURL=WakeUpProgress.d.ts.map

package/dist/loading-screen/WakeUpProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WakeUpProgress.d.ts","sourceRoot":"","sources":["../../src/loading-screen/WakeUpProgress.tsx"],"names":[],"mappings":"AAIA,kGAAkG;AAClG,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAI3D,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,YAAY,CAAC;IACpB,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,mCAAmC;IACnC,aAAa,EAAE,SAAS,MAAM,EAAE,CAAC;CAClC;AAuBD;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,oCAAoC,eAAe,gCAgDjF,CAAC"}

package/dist/loading-screen/beauty-facts.d.cts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+/** The facts the loading screen shows while it waits, one at a time. */
+export declare const BEAUTY_FACTS: readonly ReactNode[];
+//# sourceMappingURL=beauty-facts.d.cts.map

package/dist/loading-screen/beauty-facts.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"beauty-facts.d.cts","sourceRoot":"","sources":["../../src/loading-screen/beauty-facts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,wEAAwE;AACxE,eAAO,MAAM,YAAY,EAAE,SAAS,SAAS,EAoP5C,CAAC"}

package/dist/loading-screen/beauty-facts.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+/** The facts the loading screen shows while it waits, one at a time. */
+export declare const BEAUTY_FACTS: readonly ReactNode[];
+//# sourceMappingURL=beauty-facts.d.ts.map

package/dist/loading-screen/beauty-facts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"beauty-facts.d.ts","sourceRoot":"","sources":["../../src/loading-screen/beauty-facts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,wEAAwE;AACxE,eAAO,MAAM,YAAY,EAAE,SAAS,SAAS,EAoP5C,CAAC"}