@leabankab/component-library 8.9.0 → 8.10.0

package/dist/components/buttons/{action-button.d.ts → action-button/action-button.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ButtonRootProps } from './button-base';
+import { ButtonRootProps } from '../button-base';
 export type ActionButtonSize = "sm" | "lg";
 /**
  * With `iconOnly` the label is hidden but stays the accessible name, so it is

package/dist/components/buttons/{button.d.ts → button/button.d.ts}

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { ButtonBaseProps } from './button-base';
-export type { ButtonColor, ButtonSize, ButtonVariant, } from './button-base';
+import { ButtonBaseProps } from '../button-base';
+export type { ButtonColor, ButtonSize, ButtonVariant, } from '../button-base';
 export type ButtonProps = ButtonBaseProps & {
     /** Icon before the label. Replaced by the spinner while `loading`. */
     startIcon?: ReactNode;

package/dist/components/buttons/{close-button.d.ts → close-button/close-button.d.ts}

@@ -1,4 +1,4 @@
-import { ButtonBaseProps } from './button-base';
+import { ButtonBaseProps } from '../button-base';
 export type CloseButtonProps = Omit<ButtonBaseProps, "children" | "aria-label" | "aria-labelledby"> & {
     /** Accessible name. Defaults to a translated "Close". */
     label?: string;

package/dist/components/buttons/{download-trigger.d.ts → download-trigger/download-trigger.d.ts}

@@ -1,5 +1,5 @@
-import { DownloadDataSource } from '../../utils/downloadFile';
-import { ButtonProps } from './button';
+import { DownloadDataSource } from '../../../utils/download-file';
+import { ButtonProps } from '../button/button';
 type DownloadTriggerProps = Omit<ButtonProps, "onClick"> & {
     /** File contents, or a function/promise that resolves to them. */
     data: DownloadDataSource;

package/dist/components/buttons/{icon-button.d.ts → icon-button/icon-button.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ButtonBaseProps, ButtonVariant } from './button-base';
+import { ButtonBaseProps, ButtonVariant } from '../button-base';
 /**
  * The variants of `Button`, plus `"elevated"`: a white disc with the website's
  * soft shadow, for controls that float over a picture or a coloured section

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

@@ -1,6 +1,6 @@
-export * from './action-button';
-export * from './button';
-export * from './close-button';
-export * from './download-trigger';
-export * from './icon-button';
-export * from './skip-link';
+export * from './action-button/action-button';
+export * from './button/button';
+export * from './close-button/close-button';
+export * from './download-trigger/download-trigger';
+export * from './icon-button/icon-button';
+export * from './skip-link/skip-link';

package/dist/components/buttons/{skip-link.d.ts → skip-link/skip-link.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ButtonBaseProps } from './button-base';
+import { ButtonBaseProps } from '../button-base';
 export type SkipLinkProps = Pick<ButtonBaseProps, "className" | "style"> & {
     /** The id of the main content, as a fragment: `#main`. */
     href: string;

package/dist/components/data-display/{card.d.ts → card/card.d.ts}

@@ -1,6 +1,6 @@
 import { useRender } from '@base-ui/react/use-render';
 import { Ref } from 'react';
-import { ColorRoles } from '../color-roles';
+import { ColorRoles } from '../../color-roles';
 export type CardColor = ColorRoles<"primary" | "tertiary" | "neutral" | "success" | "info" | "warning" | "error">;
 export type CardVariant = "outlined" | "filled";
 export type CardProps = Omit<useRender.ComponentProps<"div">, "ref" | "color"> & {

package/dist/components/data-display/{chip.d.ts → chip/chip.d.ts}

@@ -1,5 +1,5 @@
 import { ComponentProps, MouseEvent, ReactNode } from 'react';
-import { ColorRoles } from '../color-roles';
+import { ColorRoles } from '../../color-roles';
 export type ChipColor = ColorRoles<"primary" | "tertiary" | "neutral" | "muted" | "success" | "info" | "warning" | "error">;
 export type ChipVariant = "filled" | "outlined";
 export type ChipSize = "sm" | "md" | "lg";

package/dist/components/data-display/index.d.ts

@@ -1,16 +1,17 @@
-export * from './data-field';
-export * from './card';
-export * from './chip';
-export * from './tooltip';
-export * from './avatar';
-export * from './star-rating';
-export * from './table';
-export * from './rich-text';
-export * from './featured-image';
-export * from './video-player';
-export * from './link-card';
-export * from './media-card';
-export * from './service-card';
-export * from './testimonial-card';
-export * from './article-card';
-export * from './partner-row';
+export * from './data-field/data-field';
+export * from './card/card';
+export * from './chip/chip';
+export * from './tooltip/tooltip';
+export * from './avatar/avatar';
+export * from './star-rating/star-rating';
+export * from './table/table';
+export * from './rich-text/rich-text';
+export * from './featured-image/featured-image';
+export * from './video-player/video-player';
+export * from './link-card/link-card';
+export * from './media-card/media-card';
+export * from './service-card/service-card';
+export * from './testimonial-card/testimonial-card';
+export * from './article-card/article-card';
+export * from './partner-row/partner-row';
+export * from './brand-divider/brand-divider';

package/dist/components/data-display/{link-card.d.ts → link-card/link-card.d.ts}

@@ -1,6 +1,6 @@
 import { useRender } from '@base-ui/react/use-render';
 import { ReactElement, ReactNode, Ref } from 'react';
-import { SurfaceRoles } from '../color-roles';
+import { SurfaceRoles } from '../../color-roles';
 export type LinkCardSurface = SurfaceRoles<"base" | "subtle" | "muted" | "contrast" | "contrast-accent">;
 /** A link card always leads somewhere: an `href`, or a router link. */
 type LinkCardTarget = {

package/dist/components/data-display/{media-card.d.ts → media-card/media-card.d.ts}

@@ -1,6 +1,6 @@
 import { useRender } from '@base-ui/react/use-render';
 import { ReactElement, ReactNode, Ref } from 'react';
-import { SurfaceRoles } from '../color-roles';
+import { SurfaceRoles } from '../../color-roles';
 export type MediaCardSurface = SurfaceRoles<"base" | "subtle" | "muted" | "contrast" | "contrast-accent">;
 export type MediaCardOrientation = "horizontal" | "vertical";
 export type MediaCardImagePosition = "start" | "end";

package/dist/components/data-display/{service-card.d.ts → service-card/service-card.d.ts}

@@ -1,6 +1,6 @@
 import { useRender } from '@base-ui/react/use-render';
 import { ReactElement, ReactNode, Ref } from 'react';
-import { SurfaceRoles } from '../color-roles';
+import { SurfaceRoles } from '../../color-roles';
 export type ServiceCardSurface = SurfaceRoles<"base" | "subtle" | "muted" | "contrast" | "contrast-accent">;
 export type ServiceCardLayout = "stacked" | "row";
 /** `alt` is required with a photo, `""` when it is decoration. */

package/dist/components/feedback/{alert.d.ts → alert/alert.d.ts}

@@ -1,6 +1,6 @@
 import { ComponentPropsWithRef } from 'react';
-import { AlertProps } from './alert-parts';
-export type { AlertColor, AlertProps, AlertSeverity, AlertSize, AlertVariant, } from './alert-parts';
+import { AlertProps } from '../alert-parts';
+export type { AlertColor, AlertProps, AlertSeverity, AlertSize, AlertVariant, } from '../alert-parts';
 /**
  * A message with Lea Bank's status colours. The ARIA `role` is derived from
  * `severity`: `error` / `warning` announce assertively (`role="alert"`) while

package/dist/components/feedback/{global-alert.d.ts → global-alert/global-alert.d.ts}

@@ -1,4 +1,4 @@
-import { AlertProps } from './alert-parts';
+import { AlertProps } from '../alert-parts';
 export type GlobalAlertProps = AlertProps & {
     /**
      * Lets the content span the full width instead of stopping at the `lg`

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

@@ -1,8 +1,8 @@
-export * from './alert';
-export * as Dialog from './dialog';
-export * as Drawer from './drawer';
-export * from './global-alert';
-export * from './simple-dialog';
-export * from './simple-drawer';
-export * from './toast';
-export * from './skeleton';
+export * from './alert/alert';
+export * as Dialog from './dialog/dialog';
+export * as Drawer from './drawer/drawer';
+export * from './global-alert/global-alert';
+export * from './dialog/simple-dialog';
+export * from './drawer/simple-drawer';
+export * from './toast/toast';
+export * from './skeleton/skeleton';

package/dist/components/feedback/{toast.d.ts → toast/toast.d.ts}

@@ -1,5 +1,5 @@
 import { MouseEvent, ReactNode } from 'react';
-import { AlertColor, AlertSeverity } from './alert-parts';
+import { AlertColor, AlertSeverity } from '../alert-parts';
 export type ToastSeverity = AlertSeverity;
 export type ToastColor = AlertColor;
 export type ToastOptions = {

package/dist/components/form/{autocomplete.d.ts → autocomplete/autocomplete.d.ts}

@@ -1,6 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
-import { ComboFieldBaseProps } from './combo-field';
-import { SelectOption } from './select-field';
+import { ComboFieldBaseProps } from '../combo-field';
+import { SelectOption } from '../select-field';
 type AutocompleteBaseProps<Value extends string> = ComboFieldBaseProps & {
     /** The choices. Typing filters them by their label. */
     options: readonly SelectOption<Value>[];

package/dist/components/form/{email-input.d.ts → email-input/email-input.d.ts}

@@ -1,4 +1,4 @@
-import { ComboFieldBaseProps } from './combo-field';
+import { ComboFieldBaseProps } from '../combo-field';
 export type EmailInputProps = ComboFieldBaseProps & {
     /** The address (controlled). Pair with `onValueChange`. */
     value?: string;

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

@@ -1,13 +1,13 @@
-export * from './amount-slider';
-export * from './autocomplete';
-export * from './checkbox';
-export * from './email-input';
-export * from './input';
-export * from './multi-select';
-export * from './number-input';
+export * from './amount-slider/amount-slider';
+export * from './autocomplete/autocomplete';
+export * from './checkbox/checkbox';
+export * from './email-input/email-input';
+export * from './input/input';
+export * from './multi-select/multi-select';
+export * from './number-input/number-input';
 export * from './phone-number-input';
-export * as RadioGroup from './radio';
-export * as RadioCard from './radio-card';
-export * from './select';
-export * from './slider';
-export * from './switch';
+export * as RadioGroup from './radio/radio';
+export * as RadioCard from './radio-card/radio-card';
+export * from './select/select';
+export * from './slider/slider';
+export * from './switch/switch';

package/dist/components/form/{multi-select.d.ts → multi-select/multi-select.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { SelectFieldBaseProps, SelectOption } from './select-field';
+import { SelectFieldBaseProps, SelectOption } from '../select-field';
 export type MultiSelectProps<Value extends string = string> = SelectFieldBaseProps & {
     /** The choices, shown with a checkbox each. */
     options: readonly SelectOption<Value>[];

package/dist/components/form/{number-input-unit.d.ts → number-input/number-input-unit.d.ts}

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { Currency } from '../../hooks/country/countries';
-import { Language } from '../../i18n';
+import { Currency } from '../../../hooks/country/countries';
+import { Language } from '../../../i18n';
 /**
  * A unit the library writes for you, in the language of `LeaProvider`:
  *

package/dist/components/form/{radio.d.ts → radio/radio.d.ts}

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode, Ref } from 'react';
-import { RadioSize } from './radio-circle';
-import { RadioGroupBaseProps, RadioValue } from './radio-group-root';
+import { RadioSize } from '../radio-circle';
+import { RadioGroupBaseProps, RadioValue } from '../radio-group-root';
 export type { RadioSize as Size, RadioValue as Value };
 /**
  * One choice in the `options` list of a `RadioGroup.Root` or `RadioCard.Group`.

package/dist/components/form/{radio-card.d.ts → radio-card/radio-card.d.ts}

@@ -1,8 +1,8 @@
 import { LucideIcon } from 'lucide-react';
 import { CSSProperties, ReactNode, Ref } from 'react';
-import { Option } from './radio';
-import { RadioSize } from './radio-circle';
-import { RadioCardSize, RadioGroupBaseProps, RadioValue } from './radio-group-root';
+import { Option } from '../radio/radio';
+import { RadioSize } from '../radio-circle';
+import { RadioCardSize, RadioGroupBaseProps, RadioValue } from '../radio-group-root';
 export type RootProps<T extends RadioValue = RadioValue> = {
     /** What `onValueChange` on the group is called with when this card is picked. */
     value: T;

package/dist/components/form/{select.d.ts → select/select.d.ts}

@@ -1,4 +1,4 @@
-import { SelectFieldBaseProps, SelectOption, SelectSize } from './select-field';
+import { SelectFieldBaseProps, SelectOption, SelectSize } from '../select-field';
 export type { SelectOption, SelectSize };
 export type SelectProps<Value extends string = string> = SelectFieldBaseProps & {
     /** The choices. */

package/dist/components/form/{slider.d.ts → slider/slider.d.ts}

@@ -1,6 +1,6 @@
 import { Slider as BaseSlider } from '@base-ui/react/slider';
 import { ReactNode } from 'react';
-import { ColorRoles } from '../color-roles';
+import { ColorRoles } from '../../color-roles';
 /**
  * Requires an accessible name so the slider is never nameless. Provide a
  * visible `label`, or an `aria-label` when the design has none.

package/dist/components/index.d.ts

@@ -7,5 +7,4 @@ export * from './layout';
 export * from './navigation';
 export * from './surfaces';
 export * from './typography';
-export * from './typography/text';
-export * from './ui';
+export * from './typography/text/text';

package/dist/components/layout/{container.d.ts → container/container.d.ts}

@@ -1,5 +1,5 @@
 import { useRender } from '@base-ui/react/use-render';
-import { Breakpoint } from '../../theme/tokens/breakpoints';
+import { Breakpoint } from '../../../theme/tokens/breakpoints';
 export type ContainerSize = Exclude<Breakpoint, "xs">;
 export type ContainerProps = Omit<useRender.ComponentProps<"div">, "ref"> & {
     /**

package/dist/components/layout/{grid.d.ts → grid/grid.d.ts}

@@ -1,6 +1,6 @@
 import { useRender } from '@base-ui/react/use-render';
-import { SpacingFactor } from '../../theme/token-types';
-import { Responsive } from './responsive';
+import { SpacingFactor } from '../../../theme/token-types';
+import { Responsive } from '../responsive';
 export type GridProps = Omit<useRender.ComponentProps<"div">, "ref"> & {
     /**
      * Number of equal-width columns.

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

@@ -1,4 +1,4 @@
-export * from './container';
-export * from './grid';
+export * from './container/container';
+export * from './grid/grid';
 export type { Responsive, ResponsiveKey } from './responsive';
-export * from './stack';
+export * from './stack/stack';

package/dist/components/layout/{stack.d.ts → stack/stack.d.ts}

@@ -1,6 +1,6 @@
 import { useRender } from '@base-ui/react/use-render';
-import { SpacingFactor } from '../../theme/token-types';
-import { Responsive } from './responsive';
+import { SpacingFactor } from '../../../theme/token-types';
+import { Responsive } from '../responsive';
 export type StackDirection = "column" | "row";
 export type StackAlign = "start" | "center" | "end" | "stretch" | "baseline";
 export type StackJustify = "start" | "center" | "end" | "between" | "around" | "evenly";

package/dist/components/navigation/{form-stepper.d.ts → form-stepper/form-stepper.d.ts}

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { ProgressCircleColor } from './progress-circle';
-import { StepperLabels } from './use-stepper-labels';
+import { ProgressCircleColor } from '../progress-circle/progress-circle';
+import { StepperLabels } from '../use-stepper-labels';
 export type FormStepperProps = {
     /** Active step (1-based). */
     currentStep: number;

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

@@ -1,9 +1,10 @@
-export * from './form-stepper';
-export * from './linear-form-stepper';
-export * from './progress-circle';
-export * from './step-progress';
-export * as Tabs from './tabs';
+export * from './form-stepper/form-stepper';
+export * from './linear-form-stepper/linear-form-stepper';
+export * from './progress-circle/progress-circle';
+export * from './linear-form-stepper/step-progress';
+export * as Tabs from './tabs/tabs';
 export * from './use-stepper-labels';
-export * from './breadcrumbs';
-export * from './pagination';
-export * from './pagination-dots';
+export * from './breadcrumbs/breadcrumbs';
+export * from './pagination/pagination';
+export * from './pagination-dots/pagination-dots';
+export * from './app-header/app-header';

package/dist/components/navigation/{linear-form-stepper.d.ts → linear-form-stepper/linear-form-stepper.d.ts}

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { ProgressCircleColor } from './progress-circle';
-import { StepperLabels } from './use-stepper-labels';
+import { ProgressCircleColor } from '../progress-circle/progress-circle';
+import { StepperLabels } from '../use-stepper-labels';
 export type LinearFormStepperProps = {
     /** Active step (1-based). */
     currentStep: number;

package/dist/components/navigation/{progress-circle.d.ts → progress-circle/progress-circle.d.ts}

@@ -1,4 +1,4 @@
-import { ColorRoles } from '../color-roles';
+import { ColorRoles } from '../../color-roles';
 export type ProgressCircleColor = ColorRoles<"primary" | "tertiary">;
 export type ProgressCircleProps = {
     /** Current value, e.g. the active step (1-based). Clamped to `0..max`. */

package/dist/components/navigation/{tabs.d.ts → tabs/tabs.d.ts}

@@ -1,5 +1,5 @@
 import { Tabs as BaseTabs } from '@base-ui/react/tabs';
-import { ColorRoles } from '../color-roles';
+import { ColorRoles } from '../../color-roles';
 /** The colours of the active "pill". */
 export type Color = ColorRoles<"primary" | "secondary">;
 export type RootProps = Omit<BaseTabs.Root.Props, "color"> & {

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

@@ -1,3 +1,3 @@
-export * as Accordion from './accordion';
-export * from './simple-accordion';
-export * from './panel';
+export * as Accordion from './accordion/accordion';
+export * from './accordion/simple-accordion';
+export * from './panel/panel';

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

@@ -1,3 +1,3 @@
-export * from './link';
-export * as List from './lists';
-export * from './text';
+export * from './link/link';
+export * as List from './lists/lists';
+export * from './text/text';

package/dist/components/typography/{link.d.ts → link/link.d.ts}

@@ -1,6 +1,6 @@
 import { useRender } from '@base-ui/react/use-render';
 import { Ref } from 'react';
-import { ColorRoles } from '../color-roles';
+import { ColorRoles } from '../../color-roles';
 export type LinkColor = ColorRoles<"secondary" | "primary" | "tertiary" | "contrast">;
 export type LinkProps = Omit<useRender.ComponentProps<"a">, "ref" | "color"> & {
     /**

package/dist/components/typography/{text.d.ts → text/text.d.ts}

@@ -1,9 +1,9 @@
 import { useRender } from '@base-ui/react/use-render';
 import { Ref } from 'react';
-import { ColorPath } from '../../theme/token-types';
-import { fontSizes } from '../../theme/tokens/font-sizes';
-import { fontWeights } from '../../theme/tokens/font-weights';
-import { TextStyleToken } from '../../theme/tokens/text-styles';
+import { ColorPath } from '../../../theme/token-types';
+import { fontSizes } from '../../../theme/tokens/font-sizes';
+import { fontWeights } from '../../../theme/tokens/font-weights';
+import { TextStyleToken } from '../../../theme/tokens/text-styles';
 type FontSizeToken = keyof typeof fontSizes;
 type FontWeightToken = keyof typeof fontWeights;
 /** A palette token such as `text.subtle`, or `inherit` for the parent's colour. */

package/dist/cookie-consent/copy.d.ts

@@ -3,9 +3,15 @@ import { StrapiBlocksNode } from './strapi-blocks';
 /** Consent copy as resolved by the app from Strapi, fallbacks applied. */
 export interface CookieConsentCopy {
     modalTitle: string;
+    /**
+     * Rich text above the categories. End it with the link to the cookie policy:
+     * the dialog has no link of its own.
+     */
     intro: StrapiBlocksNode[];
-    policyLinkLabel: string;
-    policyLinkUrl: string;
+    /** Unused: the dialog has no separate policy link. Put it in `intro`. */
+    policyLinkLabel?: string;
+    /** Unused, as `policyLinkLabel`. */
+    policyLinkUrl?: string;
     btnAcceptAll: string;
     btnAcceptNecessary: string;
     btnSaveSettings: string;

package/dist/cookie-consent/core.d.ts

@@ -3,17 +3,29 @@ export interface InitCookieConsentOptions {
     market: Market;
     /**
      * Called with the visitor's choice once the library has loaded, when there
-     * is a valid consent, and again whenever the choice changes.
+     * is a valid consent, and again whenever the choice changes. Only the first
+     * call's function is kept: in React, pass `onConsentChange` to
+     * `CookieConsentProvider` instead.
      */
     onConsentChange?: (state: ConsentState) => void;
 }
 export interface ConsentSnapshot {
     consent: ConsentState | null;
-    /** Whether the settings dialog should be shown. */
+    /**
+     * Whether the settings were asked for with `openCookieSettings`. The
+     * provider also opens them by itself while `consent` is `null`.
+     */
     settingsOpen: boolean;
     /** The stored consent has been read and the choice can be changed. */
     ready: boolean;
 }
+/** Whether two choices accept the same categories. */
+export declare function sameConsent(a: ConsentState | null, b: ConsentState | null): boolean;
+/**
+ * Whether the user agent is a known crawler or audit tool, such as Googlebot
+ * or Lighthouse. Browser automation such as Playwright is not one.
+ */
+export declare function isCrawler(userAgent: string): boolean;
 /** `null` on the server, before the visitor has chosen, or after a revision bump. */
 export declare function getConsentState(): ConsentState | null;
 /**
@@ -27,7 +39,10 @@ export declare function initCookieConsent({ market, onConsentChange, }: InitCook
  * `initCookieConsent` has read the stored consent.
  */
 export declare function setConsent(categories: readonly CookieConsentCategory[] | "all"): void;
-/** Opens the settings dialog of the mounted `CookieConsentProvider`. */
+/**
+ * Opens the settings dialog of the mounted `CookieConsentProvider`, also
+ * where its `autoOpen` is `false`.
+ */
 export declare function openCookieSettings(): void;
 /** Closes the settings dialog, unless the visitor has yet to choose. */
 export declare function closeCookieSettings(): void;

package/dist/cookie-consent/react.d.ts

@@ -12,11 +12,44 @@ export interface CookieConsentProviderProps {
     copy: CookieConsentCopy;
     /** Rewrites link URLs in the copy, e.g. to make CMS-relative paths absolute. */
     resolveHref?: ResolveHref;
+    /**
+     * Called with the visitor's choice, for example to update Google Consent
+     * Mode or to start analytics. Called once after load when there is a valid
+     * stored consent, then whenever the choice changes: the first choice, a
+     * change, or a step back to necessary only.
+     *
+     * Never called with `null`, nor when the visitor saves the same choice
+     * again. Called once per change, also under React StrictMode, and also when
+     * `initCookieConsent` was called elsewhere first. The latest function is
+     * always the one called, so an inline arrow function is fine. An error
+     * thrown in it is passed to `reportError`, and the choice is still saved.
+     *
+     * A function can't be passed from a server component: render the provider
+     * through a client component of your own.
+     */
+    onConsentChange?: (state: ConsentState) => void;
+    /**
+     * Whether the dialog opens by itself while the visitor has yet to choose.
+     * Default `true`. Pass `false` on pages the dialog shouldn't cover, such as
+     * the cookie policy, which the intro's link opens in a new tab.
+     *
+     * While it is `false` and there is no consent, the dialog stays closed and
+     * only necessary cookies are used. `openSettings` and `openCookieSettings`
+     * still open it, and it still can't be dismissed without a choice. It is
+     * read on every render: when it turns `true` with no consent yet, the
+     * dialog opens.
+     *
+     * The dialog never opens by itself for crawlers and audit tools (a user
+     * agent with `bot`, `crawl`, `spider`, `slurp`, `teoma` or `lighthouse`).
+     * Browser automation such as Playwright gets it as visitors do.
+     */
+    autoOpen?: boolean;
     children?: ReactNode;
 }
 /**
  * Reads the shared consent after mount and renders the settings dialog, which
- * opens by itself until the visitor has chosen. `market` is read once.
+ * opens by itself until the visitor has chosen, unless `autoOpen` is `false`.
+ * `market` is read once.
  */
-export declare function CookieConsentProvider({ market, copy, resolveHref, children, }: CookieConsentProviderProps): import("react").JSX.Element;
+export declare function CookieConsentProvider({ market, copy, resolveHref, onConsentChange, autoOpen, children, }: CookieConsentProviderProps): import("react").JSX.Element;
 export declare function useCookieConsent(): CookieConsentContextValue;

package/dist/cookie-consent-core-BYak3SKZ.cjs

@@ -0,0 +1,2 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,s)=>(s=n==null?{}:e(i(n)),o(r||!n||!n.__esModule||!a.call(n,`default`)?t(s,`default`,{value:n,enumerable:!0}):s,n));let c=require("vanilla-cookieconsent");c=s(c);var l=3,u=[`necessary`,`preferences`,`analytics`,`marketing`],d={se:`leabank.se`,fi:`leabank.fi`,no:`leabank.no`,es:`leabank.es`},f=`cc_cookie`;function p(e,t){let n=d[t],r=e.toLowerCase();return r===n||r.endsWith(`.${n}`)?n:void 0}function m(){document.cookie=`${f}=; path=/; max-age=0`}var h={consent:null,settingsOpen:!1,ready:!1},g=!1,_=h,v=new Set;function y(e){_={..._,...e},v.forEach(e=>e())}function b(e,t){return e===null||t===null?e===t:u.every(n=>e[n]===t[n])}function x(){let e=w();return b(e,_.consent)?_.consent:e}var S=/bot|crawl|spider|slurp|teoma|lighthouse/i;function C(e){return S.test(e)}function w(){if(typeof window>`u`||!c.validConsent())return null;let e=new Set(c.getUserPreferences().acceptedCategories);return Object.fromEntries(u.map(t=>[t,e.has(t)]))}function T({market:e,onConsentChange:t}){if(typeof window>`u`||g)return;g=!0;let n=p(window.location.hostname,e);n&&m();let r=()=>{let e=x();y({consent:e}),e&&t?.(e)};c.run({root:document.createElement(`div`),autoShow:!1,hideFromBots:!1,language:{default:`en`,translations:{en:{consentModal:{},preferencesModal:{sections:[]}}}},revision:3,cookie:{name:f,sameSite:`Lax`,secure:!0,...n&&{domain:n}},categories:{necessary:{enabled:!0,readOnly:!0},preferences:{enabled:!1,readOnly:!1},analytics:{enabled:!1,readOnly:!1,autoClear:{cookies:[{name:/^(_ga|_gid|_gat)/}]}},marketing:{enabled:!1,readOnly:!1,autoClear:{cookies:[{name:/^(_fbp|_fbc)/},{name:/^(_gcl_)/}]}}},onFirstConsent:r,onChange:r}).then(()=>{let e=x();y({consent:e,ready:!0}),e&&t?.(e)})}function E(e){_.ready&&(c.acceptCategory(e===`all`?`all`:[`necessary`,...e.filter(e=>e!==`necessary`)]),y({consent:x(),settingsOpen:!1}))}function D(){typeof window>`u`||y({settingsOpen:!0})}function O(){_.consent!==null&&y({settingsOpen:!1})}function k(e){return v.add(e),()=>{v.delete(e)}}function A(){return _}function j(){return h}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return k}});
+//# sourceMappingURL=cookie-consent-core-BYak3SKZ.cjs.map

package/dist/cookie-consent-core-BYak3SKZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie-consent-core-BYak3SKZ.cjs","names":[],"sources":["../src/cookie-consent/constants.ts","../src/cookie-consent/domain.ts","../src/cookie-consent/core.ts"],"sourcesContent":["/**\n * Bumping the revision invalidates every visitor's consent on every Lea Bank\n * app at once. Only change it here, then release all apps together.\n */\nexport const COOKIE_CONSENT_REVISION = 3;\n\nexport const COOKIE_CONSENT_CATEGORIES = [\n  \"necessary\",\n  \"preferences\",\n  \"analytics\",\n  \"marketing\",\n] as const;\n\nexport type CookieConsentCategory = (typeof COOKIE_CONSENT_CATEGORIES)[number];\n\nexport type ConsentState = Record<CookieConsentCategory, boolean>;\n\nexport type Market = \"se\" | \"fi\" | \"no\" | \"es\";\n\nexport const MARKET_DOMAINS: Record<Market, string> = {\n  se: \"leabank.se\",\n  fi: \"leabank.fi\",\n  no: \"leabank.no\",\n  es: \"leabank.es\",\n};\n\nexport const COOKIE_NAME = \"cc_cookie\";\n","import { COOKIE_NAME, MARKET_DOMAINS, type Market } from \"./constants\";\n\n/**\n * Returns the market's registrable domain when the page is served from it or\n * one of its subdomains. Anywhere else (localhost, `*.azurewebsites.net`,\n * which is on the Public Suffix List) the browser would reject the cookie, so\n * it stays host-only.\n */\nexport function resolveCookieDomain(\n  hostname: string,\n  market: Market,\n): string | undefined {\n  const domain = MARKET_DOMAINS[market];\n  const host = hostname.toLowerCase();\n\n  return host === domain || host.endsWith(`.${domain}`) ? domain : undefined;\n}\n\n/**\n * Erases a host-only consent cookie left by an earlier, domain-less setup.\n * Without this it coexists with the domain cookie under the same name and a\n * stale value can win. A cookie written without `domain` only matches the\n * host-only one, so the shared cookie is kept.\n */\nexport function clearHostOnlyCookie(): void {\n  document.cookie = `${COOKIE_NAME}=; path=/; max-age=0`;\n}\n","import * as CookieConsent from \"vanilla-cookieconsent\";\n\nimport {\n  COOKIE_CONSENT_CATEGORIES,\n  COOKIE_CONSENT_REVISION,\n  COOKIE_NAME,\n  type ConsentState,\n  type CookieConsentCategory,\n  type Market,\n} from \"./constants\";\nimport { clearHostOnlyCookie, resolveCookieDomain } from \"./domain\";\n\nexport interface InitCookieConsentOptions {\n  market: Market;\n  /**\n   * Called with the visitor's choice once the library has loaded, when there\n   * is a valid consent, and again whenever the choice changes. Only the first\n   * call's function is kept: in React, pass `onConsentChange` to\n   * `CookieConsentProvider` instead.\n   */\n  onConsentChange?: (state: ConsentState) => void;\n}\n\nexport interface ConsentSnapshot {\n  consent: ConsentState | null;\n  /**\n   * Whether the settings were asked for with `openCookieSettings`. The\n   * provider also opens them by itself while `consent` is `null`.\n   */\n  settingsOpen: boolean;\n  /** The stored consent has been read and the choice can be changed. */\n  ready: boolean;\n}\n\nconst serverSnapshot: ConsentSnapshot = {\n  consent: null,\n  settingsOpen: false,\n  ready: false,\n};\n\nlet started = false;\nlet snapshot = serverSnapshot;\nconst listeners = new Set<() => void>();\n\nfunction update(patch: Partial<ConsentSnapshot>) {\n  snapshot = { ...snapshot, ...patch };\n  listeners.forEach((listener) => listener());\n}\n\n/** Whether two choices accept the same categories. */\nexport function sameConsent(\n  a: ConsentState | null,\n  b: ConsentState | null,\n): boolean {\n  if (a === null || b === null) return a === b;\n  return COOKIE_CONSENT_CATEGORIES.every((category) => a[category] === b[category]);\n}\n\n/**\n * The stored consent, as the current object when the choice is the same, so\n * that saving it again doesn't look like a change to `useCookieConsent`.\n */\nfunction readConsent(): ConsentState | null {\n  const consent = getConsentState();\n  return sameConsent(consent, snapshot.consent) ? snapshot.consent : consent;\n}\n\n/**\n * vanilla-cookieconsent's own bot check, with Lighthouse added and without its\n * `navigator.webdriver` test, so that end-to-end tests still get the dialog.\n */\nconst CRAWLER_USER_AGENT = /bot|crawl|spider|slurp|teoma|lighthouse/i;\n\n/**\n * Whether the user agent is a known crawler or audit tool, such as Googlebot\n * or Lighthouse. Browser automation such as Playwright is not one.\n */\nexport function isCrawler(userAgent: string): boolean {\n  return CRAWLER_USER_AGENT.test(userAgent);\n}\n\n/** `null` on the server, before the visitor has chosen, or after a revision bump. */\nexport function getConsentState(): ConsentState | null {\n  if (typeof window === \"undefined\" || !CookieConsent.validConsent()) {\n    return null;\n  }\n\n  const accepted = new Set(CookieConsent.getUserPreferences().acceptedCategories);\n  return Object.fromEntries(\n    COOKIE_CONSENT_CATEGORIES.map((category) => [category, accepted.has(category)]),\n  ) as ConsentState;\n}\n\n/**\n * Reads the shared consent and keeps it up to date. Only the first call has an\n * effect, and it is a no-op on the server. It shows nothing by itself: the\n * settings dialog is rendered by `CookieConsentProvider`.\n */\nexport function initCookieConsent({\n  market,\n  onConsentChange,\n}: InitCookieConsentOptions): void {\n  if (typeof window === \"undefined\" || started) return;\n  started = true;\n\n  const domain = resolveCookieDomain(window.location.hostname, market);\n  if (domain) clearHostOnlyCookie();\n\n  const applyConsent = () => {\n    const consent = readConsent();\n    update({ consent });\n    if (consent) onConsentChange?.(consent);\n  };\n\n  // The full build with its UI unused: `run` still builds an empty consent\n  // modal when consent is missing, so it goes into a detached `root` that never\n  // reaches the page. The UI-less core build of 3.1.0 can't be used, because\n  // its `run` throws. `hideFromBots` is off because its check stops `run`\n  // before the stored cookie is read, so browser automation such as Playwright\n  // could never see a stored consent. With the UI unused, it hides nothing:\n  // the provider keeps the dialog from crawlers with `isCrawler` instead.\n  void CookieConsent.run({\n    root: document.createElement(\"div\"),\n    autoShow: false,\n    hideFromBots: false,\n    language: {\n      default: \"en\",\n      translations: { en: { consentModal: {}, preferencesModal: { sections: [] } } },\n    },\n    revision: COOKIE_CONSENT_REVISION,\n    cookie: {\n      name: COOKIE_NAME,\n      sameSite: \"Lax\",\n      secure: true,\n      ...(domain && { domain }),\n    },\n    categories: {\n      necessary: { enabled: true, readOnly: true },\n      preferences: { enabled: false, readOnly: false },\n      analytics: {\n        enabled: false,\n        readOnly: false,\n        autoClear: { cookies: [{ name: /^(_ga|_gid|_gat)/ }] },\n      },\n      marketing: {\n        enabled: false,\n        readOnly: false,\n        autoClear: {\n          cookies: [{ name: /^(_fbp|_fbc)/ }, { name: /^(_gcl_)/ }],\n        },\n      },\n    },\n    onFirstConsent: applyConsent,\n    onChange: applyConsent,\n  }).then(() => {\n    const consent = readConsent();\n    update({ consent, ready: true });\n    if (consent) onConsentChange?.(consent);\n  });\n}\n\n/**\n * Stores the visitor's choice. `necessary` is always kept. Does nothing until\n * `initCookieConsent` has read the stored consent.\n */\nexport function setConsent(\n  categories: readonly CookieConsentCategory[] | \"all\",\n): void {\n  if (!snapshot.ready) return;\n\n  CookieConsent.acceptCategory(\n    categories === \"all\"\n      ? \"all\"\n      : [\"necessary\", ...categories.filter((category) => category !== \"necessary\")],\n  );\n  update({ consent: readConsent(), settingsOpen: false });\n}\n\n/**\n * Opens the settings dialog of the mounted `CookieConsentProvider`, also\n * where its `autoOpen` is `false`.\n */\nexport function openCookieSettings(): void {\n  if (typeof window === \"undefined\") return;\n  update({ settingsOpen: true });\n}\n\n/** Closes the settings dialog, unless the visitor has yet to choose. */\nexport function closeCookieSettings(): void {\n  if (snapshot.consent === null) return;\n  update({ settingsOpen: false });\n}\n\nexport function subscribe(listener: () => void): () => void {\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n  };\n}\n\nexport function getSnapshot(): ConsentSnapshot {\n  return snapshot;\n}\n\nexport function getServerSnapshot(): ConsentSnapshot {\n  return serverSnapshot;\n}\n"],"mappings":"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"}