@passflow/react 0.14.0 → 0.15.1

package/dist/src/components/provider/upgrade-provider.d.cts

@@ -0,0 +1,85 @@
+/**
+ * `UpgradeProvider` — the React side of the assurance-upgrade flow (§8.3).
+ *
+ * It owns the controller (through `passflow.upgrade`), bridges the
+ * promise-returning `UpgradePromptHandler` to React state, and mounts the
+ * dialog from `src/components/ui/upgrade-dialog`. It selects a state and maps
+ * domain data onto that component's props; it renders no UI of its own and
+ * styles nothing, per the project's component-library boundary.
+ *
+ * Three properties fall out of the shipped controller, and they are why this
+ * is small:
+ *
+ * 1. **The wrong-code loop needs no plumbing.** The controller catches the
+ *    recoverable failure, sets `previousError` and calls `prompt()` again, so
+ *    the provider simply receives a new request and the dialog re-renders with
+ *    the error, still open.
+ * 2. **Attempt budgeting needs no plumbing.** `maxAttempts` bounds the loop in
+ *    the controller and then fails the flight, which arrives here as the
+ *    `exhausted` terminal state.
+ * 3. **Passkey has no code field.** `factors[i].input === 'none'` submits with
+ *    no code and the dialog shows `working` while the platform authenticator
+ *    runs.
+ *
+ * **The anti-leak rule is the single most important line in this file.** On
+ * unmount, on teardown and on a session change, the pending prompt is resolved
+ * `{ type: 'cancel' }`. A dangling `resolve` is an Observer leak wearing a
+ * promise: the controller awaits forever, the elevation never settles, and
+ * every request that joined the single flight hangs.
+ *
+ * **The session-change reset.** A challenge is server-bound to the session, so
+ * an abandoned flight must never elevate a NEW session. The core discards its
+ * controller on `SignIn` / `SignOut`; this provider discards its view of it in
+ * the same breath, and the waiter that was mid-flight settles as
+ * `session changed`, which the hook reports as `idle` — nothing that did not
+ * happen is reported as though it had.
+ */
+import { type ReplayPolicy, type UpgradeDiagnosticSink, type UpgradeFactor } from '@passflow/core';
+import { type FC, type ReactElement, type ReactNode } from 'react';
+import type { UpgradeDialogLabels, UpgradeDialogProps } from '../ui/upgrade-dialog/index.cjs';
+export type UpgradeProviderProps = {
+    children?: ReactNode;
+    /** Default `true`. `false` installs nothing and leaves the hook inert. */
+    enabled?: boolean;
+    /**
+     * Where the customer's own API is — domain 2 (§13.5). Nothing outside this
+     * and Passflow's own API is ever observed, and there is no allow-all opt-in.
+     */
+    backend?: string | string[];
+    /**
+     * Patches `globalThis.fetch` through the core's registry. **Off by default**,
+     * and a different decision from enabling the UI: one prop for both would
+     * bundle "show me the verification prompt" with "patch the global", and only
+     * the second has the blast radius.
+     */
+    interceptFetch?: boolean;
+    /** Requires the RFC 9470 channel. The body is then never read for a challenge. */
+    requireChallengeChannel?: 'header';
+    /** NARROWING ONLY: `false` excludes an admitted URL; `true` cannot widen. */
+    shouldIntercept?: (url: string) => boolean;
+    replay?: ReplayPolicy;
+    /** The fetch surface's only cancellation option. Default `'resolve-original'`. */
+    onCancel?: 'resolve-original' | 'reject';
+    onUpgradeDiagnostic?: UpgradeDiagnosticSink;
+    factors?: readonly UpgradeFactor[];
+    maxAttempts?: number;
+    relyingPartyId?: string;
+    /** Per-factor wording for the dialog. */
+    labels?: UpgradeDialogLabels;
+    title?: string;
+    /**
+     * FR5's render-prop override. It receives the **exact** props the built-in
+     * dialog would render — a typed, constrained override with no `className` or
+     * `style` leak.
+     *
+     * It carries the same obligations as the built-in dialog, the selection
+     * signal included: the `challenge` state's `onSelectFactor` must be called
+     * when the user picks a factor, because that is the only thing that reports
+     * §13.2's selection boundary to the controller. An override that never calls
+     * it leaves the controller `collecting` for the whole ceremony, so a late
+     * join re-ranks mid-entry — degraded, not silent.
+     */
+    renderDialog?: (props: UpgradeDialogProps) => ReactElement | null;
+};
+export declare const UpgradeProvider: FC<UpgradeProviderProps>;
+//# sourceMappingURL=upgrade-provider.d.ts.map

package/dist/src/components/provider/upgrade-provider.d.ts

@@ -1,6 +1,42 @@
-import { UpgradeDialogLabels, UpgradeDialogProps } from '../ui/upgrade-dialog';
-import { ReplayPolicy, UpgradeDiagnosticSink, UpgradeFactor } from '@passflow/core';
-import { FC, ReactElement, ReactNode } from 'react';
+/**
+ * `UpgradeProvider` — the React side of the assurance-upgrade flow (§8.3).
+ *
+ * It owns the controller (through `passflow.upgrade`), bridges the
+ * promise-returning `UpgradePromptHandler` to React state, and mounts the
+ * dialog from `src/components/ui/upgrade-dialog`. It selects a state and maps
+ * domain data onto that component's props; it renders no UI of its own and
+ * styles nothing, per the project's component-library boundary.
+ *
+ * Three properties fall out of the shipped controller, and they are why this
+ * is small:
+ *
+ * 1. **The wrong-code loop needs no plumbing.** The controller catches the
+ *    recoverable failure, sets `previousError` and calls `prompt()` again, so
+ *    the provider simply receives a new request and the dialog re-renders with
+ *    the error, still open.
+ * 2. **Attempt budgeting needs no plumbing.** `maxAttempts` bounds the loop in
+ *    the controller and then fails the flight, which arrives here as the
+ *    `exhausted` terminal state.
+ * 3. **Passkey has no code field.** `factors[i].input === 'none'` submits with
+ *    no code and the dialog shows `working` while the platform authenticator
+ *    runs.
+ *
+ * **The anti-leak rule is the single most important line in this file.** On
+ * unmount, on teardown and on a session change, the pending prompt is resolved
+ * `{ type: 'cancel' }`. A dangling `resolve` is an Observer leak wearing a
+ * promise: the controller awaits forever, the elevation never settles, and
+ * every request that joined the single flight hangs.
+ *
+ * **The session-change reset.** A challenge is server-bound to the session, so
+ * an abandoned flight must never elevate a NEW session. The core discards its
+ * controller on `SignIn` / `SignOut`; this provider discards its view of it in
+ * the same breath, and the waiter that was mid-flight settles as
+ * `session changed`, which the hook reports as `idle` — nothing that did not
+ * happen is reported as though it had.
+ */
+import { type ReplayPolicy, type UpgradeDiagnosticSink, type UpgradeFactor } from '@passflow/core';
+import { type FC, type ReactElement, type ReactNode } from 'react';
+import type { UpgradeDialogLabels, UpgradeDialogProps } from '../ui/upgrade-dialog/index.js';
 export type UpgradeProviderProps = {
     children?: ReactNode;
     /** Default `true`. `false` installs nothing and leaves the hook inert. */

package/dist/src/components/provider/upgrade-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upgrade-provider.d.ts","sourceRoot":"","sources":["../../../../src/components/provider/upgrade-provider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAGH,OAAO,KAAK,EAAE,mBAAmB,EAAwB,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAYpH,OAAO,EAIL,KAAK,YAAY,EAEjB,KAAK,qBAAqB,EAC1B,KAAK,aAAa,EAQnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAqD,MAAM,OAAO,CAAC;AAEtH,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kFAAkF;IAClF,uBAAuB,CAAC,EAAE,QAAQ,CAAC;IACnC,6EAA6E;IAC7E,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3C,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,kBAAkB,GAAG,QAAQ,CAAC;IACzC,mBAAmB,CAAC,EAAE,qBAAqB,CAAC;IAC5C,OAAO,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yCAAyC;IACzC,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;OAWG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,YAAY,GAAG,IAAI,CAAC;CACnE,CAAC;AAkHF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAqWpD,CAAC"}
+{"version":3,"file":"upgrade-provider.d.ts","sourceRoot":"","sources":["../../../../src/components/provider/upgrade-provider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH,OAAO,EAIL,KAAK,YAAY,EAGjB,KAAK,qBAAqB,EAC1B,KAAK,aAAa,EAOnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAqD,MAAM,OAAO,CAAC;AACtH,OAAO,KAAK,EAAE,mBAAmB,EAAwB,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAcpH,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kFAAkF;IAClF,uBAAuB,CAAC,EAAE,QAAQ,CAAC;IACnC,6EAA6E;IAC7E,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3C,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,kBAAkB,GAAG,QAAQ,CAAC;IACzC,mBAAmB,CAAC,EAAE,qBAAqB,CAAC;IAC5C,OAAO,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yCAAyC;IACzC,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;OAWG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,YAAY,GAAG,IAAI,CAAC;CACnE,CAAC;AAkHF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAqWpD,CAAC"}

package/dist/src/components/ui/button/index.d.cts

@@ -0,0 +1,34 @@
+import { type ButtonHTMLAttributes, type FC, type PropsWithChildren } from 'react';
+type RippleProps = {
+    size: number;
+    x: number;
+    y: number;
+};
+export declare const Ripple: FC<RippleProps>;
+type TButton = PropsWithChildren & ButtonHTMLAttributes<HTMLButtonElement> & {
+    size: 'small' | 'medium' | 'big';
+    /**
+     * `link` is an action set in running text: no box, link colour, no ripple.
+     */
+    variant: 'primary' | 'secondary' | 'outlined' | 'warning' | 'clean' | 'provider' | 'dark' | 'option' | 'link';
+    type: 'button' | 'submit' | 'reset';
+    withIcon?: boolean;
+    asIcon?: boolean;
+    className?: string;
+    withRipple?: boolean;
+    /**
+     * The `option` variant's second line — the hint under the label. Rendered
+     * only by that variant, which owns the two-line geometry. It is part of the
+     * button's accessible name ("label hint"), because it is visible text.
+     */
+    description?: string;
+    /**
+     * Toggle state for the `option` variant: mirrored to `aria-pressed` and
+     * styled by the variant itself, so no call site has to describe what
+     * "selected" looks like.
+     */
+    pressed?: boolean;
+};
+export declare const Button: FC<TButton>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/ui/button/index.d.ts

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes, FC, PropsWithChildren } from 'react';
+import { type ButtonHTMLAttributes, type FC, type PropsWithChildren } from 'react';
 type RippleProps = {
     size: number;
     x: number;
@@ -18,7 +18,8 @@ type TButton = PropsWithChildren & ButtonHTMLAttributes<HTMLButtonElement> & {
     withRipple?: boolean;
     /**
      * The `option` variant's second line — the hint under the label. Rendered
-     * only by that variant, which owns the two-line geometry.
+     * only by that variant, which owns the two-line geometry. It is part of the
+     * button's accessible name ("label hint"), because it is visible text.
      */
     description?: string;
     /**

package/dist/src/components/ui/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/button/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,oBAAoB,EAEzB,KAAK,EAAE,EAGP,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AACf,OAAO,oBAAoB,CAAC;AAE5B,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CASlC,CAAC;AAEF,KAAK,OAAO,GAAG,iBAAiB,GAC9B,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACxC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACjC;;OAEG;IACH,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC9G,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,OAAO,CAgG9B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,oBAAoB,EAEzB,KAAK,EAAE,EAGP,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAC;AAEf,OAAO,oBAAoB,CAAC;AAE5B,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CASlC,CAAC;AAEF,KAAK,OAAO,GAAG,iBAAiB,GAC9B,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACxC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACjC;;OAEG;IACH,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC9G,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,OAAO,CAkF9B,CAAC"}

package/dist/src/components/ui/continuing-status/index.d.cts

@@ -0,0 +1,8 @@
+import type { FC } from 'react';
+export type ContinuingStatusProps = {
+    /** The app the user is being taken to; without it the line stays generic. */
+    appName?: string;
+};
+/** The full-page line shown while a session is handed over to the app that asked for it. */
+export declare const ContinuingStatus: FC<ContinuingStatusProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/ui/continuing-status/index.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 export type ContinuingStatusProps = {
     /** The app the user is being taken to; without it the line stays generic. */
     appName?: string;

package/dist/src/components/ui/country-flag/index.d.cts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+export type CountryFlagProps = {
+    iso2: string;
+    className?: string;
+};
+export declare const CountryFlag: FC<CountryFlagProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/ui/country-flag/index.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 export type CountryFlagProps = {
     iso2: string;
     className?: string;

package/dist/src/components/ui/country-flag/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/country-flag/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAiB,EAAE,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAkBF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA4B5C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/country-flag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,EAAE,EAAE,MAAM,OAAO,CAAC;AAI/C,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAkBF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA4B5C,CAAC"}

package/dist/src/components/ui/country-flag/positions.d.cts

@@ -0,0 +1,245 @@
+export declare const COUNTRY_FLAG_POSITIONS: {
+    readonly ad: '-48px -27px';
+    readonly ae: '-72px -27px';
+    readonly af: '-96px -27px';
+    readonly ag: '-120px -27px';
+    readonly ai: '-144px -27px';
+    readonly al: '-168px -27px';
+    readonly am: '-192px -27px';
+    readonly an: '-216px -27px';
+    readonly ao: '-240px -27px';
+    readonly aq: '-264px -27px';
+    readonly ar: '-288px -27px';
+    readonly as: '-312px -27px';
+    readonly at: '-336px -27px';
+    readonly au: '-360px -27px';
+    readonly aw: '-384px -27px';
+    readonly ax: '-0px -51px';
+    readonly az: '-24px -51px';
+    readonly ba: '-48px -51px';
+    readonly bb: '-72px -51px';
+    readonly bd: '-96px -51px';
+    readonly be: '-120px -51px';
+    readonly bf: '-144px -51px';
+    readonly bg: '-168px -51px';
+    readonly bh: '-192px -51px';
+    readonly bi: '-216px -51px';
+    readonly bj: '-240px -51px';
+    readonly bl: '-264px -51px';
+    readonly bm: '-288px -51px';
+    readonly bn: '-312px -51px';
+    readonly bo: '-336px -51px';
+    readonly br: '-360px -51px';
+    readonly bs: '-384px -51px';
+    readonly bt: '-0px -75px';
+    readonly bw: '-24px -75px';
+    readonly by: '-48px -75px';
+    readonly bz: '-72px -75px';
+    readonly ca: '-96px -75px';
+    readonly cc: '-120px -75px';
+    readonly cd: '-144px -75px';
+    readonly cf: '-168px -75px';
+    readonly cg: '-192px -75px';
+    readonly ch: '-216px -75px';
+    readonly ci: '-240px -75px';
+    readonly ck: '-264px -75px';
+    readonly cl: '-288px -75px';
+    readonly cm: '-312px -75px';
+    readonly cn: '-336px -75px';
+    readonly co: '-360px -75px';
+    readonly cr: '-384px -75px';
+    readonly cu: '-0px -99px';
+    readonly cv: '-24px -99px';
+    readonly cw: '-48px -99px';
+    readonly cx: '-72px -99px';
+    readonly cy: '-96px -99px';
+    readonly cz: '-120px -99px';
+    readonly de: '-144px -99px';
+    readonly dj: '-168px -99px';
+    readonly dk: '-192px -99px';
+    readonly dm: '-216px -99px';
+    readonly do: '-240px -99px';
+    readonly dz: '-264px -99px';
+    readonly ec: '-288px -99px';
+    readonly ee: '-312px -99px';
+    readonly eg: '-336px -99px';
+    readonly eh: '-360px -99px';
+    readonly er: '-384px -99px';
+    readonly es: '-0px -123px';
+    readonly et: '-24px -123px';
+    readonly eu: '-48px -123px';
+    readonly fi: '-72px -123px';
+    readonly fj: '-96px -123px';
+    readonly fk: '-120px -123px';
+    readonly fm: '-144px -123px';
+    readonly fo: '-168px -123px';
+    readonly fr: '-192px -123px';
+    readonly ga: '-216px -123px';
+    readonly gb: '-240px -123px';
+    readonly gd: '-264px -123px';
+    readonly ge: '-288px -123px';
+    readonly gg: '-312px -123px';
+    readonly gh: '-336px -123px';
+    readonly gi: '-360px -123px';
+    readonly gl: '-384px -123px';
+    readonly gm: '-0px -147px';
+    readonly gn: '-24px -147px';
+    readonly gq: '-48px -147px';
+    readonly gr: '-72px -147px';
+    readonly gs: '-96px -147px';
+    readonly gt: '-120px -147px';
+    readonly gu: '-144px -147px';
+    readonly gw: '-168px -147px';
+    readonly gy: '-192px -147px';
+    readonly hk: '-216px -147px';
+    readonly hn: '-240px -147px';
+    readonly hr: '-264px -147px';
+    readonly ht: '-288px -147px';
+    readonly hu: '-312px -147px';
+    readonly ic: '-336px -147px';
+    readonly id: '-360px -147px';
+    readonly ie: '-384px -147px';
+    readonly il: '-0px -171px';
+    readonly im: '-24px -171px';
+    readonly in: '-48px -171px';
+    readonly iq: '-72px -171px';
+    readonly ir: '-96px -171px';
+    readonly is: '-120px -171px';
+    readonly it: '-144px -171px';
+    readonly je: '-168px -171px';
+    readonly jm: '-192px -171px';
+    readonly jo: '-216px -171px';
+    readonly jp: '-240px -171px';
+    readonly ke: '-264px -171px';
+    readonly kg: '-288px -171px';
+    readonly kh: '-312px -171px';
+    readonly ki: '-336px -171px';
+    readonly xk: '-144px 3px';
+    readonly km: '-360px -171px';
+    readonly kn: '-384px -171px';
+    readonly kp: '-0px -195px';
+    readonly kr: '-24px -195px';
+    readonly kw: '-48px -195px';
+    readonly ky: '-72px -195px';
+    readonly kz: '-96px -195px';
+    readonly la: '-120px -195px';
+    readonly lb: '-144px -195px';
+    readonly lc: '-168px -195px';
+    readonly li: '-192px -195px';
+    readonly lk: '-216px -195px';
+    readonly lr: '-240px -195px';
+    readonly ls: '-264px -195px';
+    readonly lt: '-288px -195px';
+    readonly lu: '-312px -195px';
+    readonly lv: '-336px -195px';
+    readonly ly: '-360px -195px';
+    readonly ma: '-384px -195px';
+    readonly mc: '-0px -219px';
+    readonly md: '-24px -219px';
+    readonly me: '-48px -219px';
+    readonly mf: '-72px -219px';
+    readonly mg: '-96px -219px';
+    readonly mh: '-120px -219px';
+    readonly mk: '-144px -219px';
+    readonly ml: '-168px -219px';
+    readonly mm: '-192px -219px';
+    readonly mn: '-216px -219px';
+    readonly mo: '-240px -219px';
+    readonly mp: '-264px -219px';
+    readonly mq: '-288px -219px';
+    readonly mr: '-312px -219px';
+    readonly ms: '-336px -219px';
+    readonly mt: '-360px -219px';
+    readonly mu: '-384px -219px';
+    readonly mv: '-0px -243px';
+    readonly mw: '-24px -243px';
+    readonly mx: '-48px -243px';
+    readonly my: '-72px -243px';
+    readonly mz: '-96px -243px';
+    readonly na: '-120px -243px';
+    readonly nc: '-144px -243px';
+    readonly ne: '-168px -243px';
+    readonly nf: '-192px -243px';
+    readonly ng: '-216px -243px';
+    readonly ni: '-240px -243px';
+    readonly nl: '-264px -243px';
+    readonly no: '-288px -243px';
+    readonly np: '-312px -243px';
+    readonly nr: '-336px -243px';
+    readonly nu: '-360px -243px';
+    readonly nz: '-384px -243px';
+    readonly om: '-0px -267px';
+    readonly pa: '-24px -267px';
+    readonly pe: '-48px -267px';
+    readonly pf: '-72px -267px';
+    readonly pg: '-96px -267px';
+    readonly ph: '-120px -267px';
+    readonly pk: '-192px -267px';
+    readonly pl: '-216px -267px';
+    readonly pn: '-240px -267px';
+    readonly pr: '-264px -267px';
+    readonly ps: '-288px -267px';
+    readonly pt: '-312px -267px';
+    readonly pw: '-336px -267px';
+    readonly py: '-360px -267px';
+    readonly qa: '-384px -267px';
+    readonly ro: '-0px -291px';
+    readonly rs: '-24px -291px';
+    readonly ru: '-48px -291px';
+    readonly rw: '-72px -291px';
+    readonly sa: '-96px -291px';
+    readonly sb: '-120px -291px';
+    readonly sc: '-144px -291px';
+    readonly sd: '-168px -291px';
+    readonly se: '-192px -291px';
+    readonly sg: '-216px -291px';
+    readonly sh: '-240px -291px';
+    readonly si: '-264px -291px';
+    readonly sk: '-288px -291px';
+    readonly sl: '-312px -291px';
+    readonly sm: '-336px -291px';
+    readonly sn: '-360px -291px';
+    readonly so: '-384px -291px';
+    readonly sr: '-0px -315px';
+    readonly ss: '-24px -315px';
+    readonly st: '-48px -315px';
+    readonly sv: '-72px -315px';
+    readonly sy: '-96px -315px';
+    readonly sz: '-120px -315px';
+    readonly tc: '-144px -315px';
+    readonly td: '-168px -315px';
+    readonly tf: '-192px -315px';
+    readonly tg: '-216px -315px';
+    readonly th: '-240px -315px';
+    readonly tj: '-264px -315px';
+    readonly tk: '-288px -315px';
+    readonly tl: '-312px -315px';
+    readonly tm: '-336px -315px';
+    readonly tn: '-360px -315px';
+    readonly to: '-384px -315px';
+    readonly tr: '-0px -339px';
+    readonly tt: '-24px -339px';
+    readonly tv: '-48px -339px';
+    readonly tw: '-72px -339px';
+    readonly tz: '-96px -339px';
+    readonly ua: '-120px -339px';
+    readonly ug: '-144px -339px';
+    readonly us: '-168px -339px';
+    readonly uy: '-192px -339px';
+    readonly uz: '-216px -339px';
+    readonly va: '-240px -339px';
+    readonly vc: '-264px -339px';
+    readonly ve: '-288px -339px';
+    readonly vg: '-312px -339px';
+    readonly vi: '-336px -339px';
+    readonly vn: '-360px -339px';
+    readonly vu: '-384px -339px';
+    readonly wf: '-0px -363px';
+    readonly ws: '-24px -363px';
+    readonly ye: '-48px -363px';
+    readonly za: '-96px -363px';
+    readonly zm: '-120px -363px';
+    readonly zw: '-144px -363px';
+};
+export type SupportedCountryFlag = keyof typeof COUNTRY_FLAG_POSITIONS;
+//# sourceMappingURL=positions.d.ts.map