@leabankab/component-library 8.6.1 → 8.7.0

package/dist/components/data-display/star-rating.d.ts

@@ -0,0 +1,26 @@
+import { ComponentProps } from 'react';
+export type StarRatingProps = Omit<ComponentProps<"span">, "children"> & {
+    /**
+     * How many stars, from 0 to `max`. Rounded to a whole star and kept within
+     * the range.
+     */
+    rating: number;
+    /**
+     * The best rating there is, for the accessible name: "4 av 5 stjerner".
+     * @default 5
+     */
+    max?: number;
+};
+/**
+ * A read-only rating in stars, as on the website's testimonials. Only the
+ * stars of the rating are drawn (a 4 is four stars), in the colour of the
+ * text around it.
+ *
+ * ```tsx
+ * <StarRating rating={4} />
+ * ```
+ *
+ * It is one image to a screen reader, named "4 av 5 stjerner" in the
+ * `LeaProvider` language; pass `aria-label` for other words.
+ */
+export declare function StarRating({ rating, max, className, ...rest }: StarRatingProps): import("react").JSX.Element;

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

@@ -0,0 +1,93 @@
+import { useRender } from '@base-ui/react/use-render';
+import { Ref } from 'react';
+export type TableSize = "sm" | "lg";
+export type TableCellAlign = "start" | "center" | "end";
+export type TableProps = Omit<useRender.ComponentProps<"table">, "ref"> & {
+    /** The rendered element: the `<table>`, or the element passed to `render`. */
+    ref?: Ref<HTMLTableElement>;
+    /**
+     * `"lg"`: 16px text and 16px around it, rows 53px tall with their line.
+     * `"sm"`: 14px text and 8px around it, for a narrow column. Left out, the
+     * table is `lg` and turns `sm` below 640px, as on the website.
+     */
+    size?: TableSize;
+};
+/**
+ * A plain data table, as the website's price tables: a 1px line under every
+ * row, no stripes and no column lines. The first column is aligned to the
+ * start, the last to the end and the ones between to the centre; text wraps
+ * inside its cell.
+ *
+ * ```tsx
+ * <Table aria-label="Priseksempler">
+ *   <TableHead>
+ *     <TableRow>
+ *       <TableHeaderCell>Beløp</TableHeaderCell>
+ *       <TableHeaderCell>Pr. måned</TableHeaderCell>
+ *     </TableRow>
+ *   </TableHead>
+ *   <TableBody>
+ *     <TableRow>
+ *       <TableCell>50 000 kr</TableCell>
+ *       <TableCell>1 060 kr</TableCell>
+ *     </TableRow>
+ *   </TableBody>
+ * </Table>
+ * ```
+ *
+ * The header row is optional: the live price tables have none. The parts
+ * render the native table elements, so they nest only as a table's do. Name
+ * the table with `aria-label`, or `aria-labelledby` pointing at the heading
+ * above it.
+ *
+ * The table sits in a box of its own that scrolls sideways when the table is
+ * wider than its column, as on the website. While it scrolls, the box can be
+ * focused, so it scrolls from the keyboard too, and carries the table's name.
+ * `className`, `style` and `ref` are the table's.
+ */
+export declare function Table({ render, ref, className, size, ...rest }: TableProps): import("react").JSX.Element;
+export type TableHeadProps = Omit<useRender.ComponentProps<"thead">, "ref"> & {
+    /** The rendered element: the `<thead>`, or the element passed to `render`. */
+    ref?: Ref<HTMLTableSectionElement>;
+};
+/** The header row group, `<thead>`. Leave it out for a table without one. */
+export declare function TableHead({ render, ref, ...rest }: TableHeadProps): import("react").JSX.Element;
+export type TableBodyProps = Omit<useRender.ComponentProps<"tbody">, "ref"> & {
+    /** The rendered element: the `<tbody>`, or the element passed to `render`. */
+    ref?: Ref<HTMLTableSectionElement>;
+};
+/** The rows of data, `<tbody>`. */
+export declare function TableBody({ render, ref, ...rest }: TableBodyProps): import("react").JSX.Element;
+export type TableRowProps = Omit<useRender.ComponentProps<"tr">, "ref"> & {
+    /** The rendered element: the `<tr>`, or the element passed to `render`. */
+    ref?: Ref<HTMLTableRowElement>;
+};
+/** A row, `<tr>`, with the 1px line under it. */
+export declare function TableRow({ render, ref, className, ...rest }: TableRowProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+type CellAlignProps = {
+    /**
+     * Where the text sits in the cell. Left out, the first cell of a row is at
+     * the start, the last at the end and the others in the centre. (It stands
+     * in for HTML's obsolete `align` attribute, and is written as
+     * `data-align`.)
+     */
+    align?: TableCellAlign;
+};
+export type TableHeaderCellProps = Omit<useRender.ComponentProps<"th">, "ref" | "align"> & CellAlignProps & {
+    /** The rendered element: the `<th>`, or the element passed to `render`. */
+    ref?: Ref<HTMLTableCellElement>;
+};
+/**
+ * A header cell, `<th>`, in semibold. In `TableHead` it heads its column
+ * (`scope="col"`). At the start of a row in `TableBody` it heads the row
+ * (`scope="row"`), so a screen reader reads the label with each value of a
+ * label / value table.
+ */
+export declare function TableHeaderCell({ render, ref, className, align, scope, ...rest }: TableHeaderCellProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export type TableCellProps = Omit<useRender.ComponentProps<"td">, "ref" | "align"> & CellAlignProps & {
+    /** The rendered element: the `<td>`, or the element passed to `render`. */
+    ref?: Ref<HTMLTableCellElement>;
+};
+/** A data cell, `<td>`. */
+export declare function TableCell({ render, ref, className, align, ...rest }: TableCellProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export {};

package/dist/components/data-display/testimonial-card.d.ts

@@ -0,0 +1,43 @@
+import { ComponentProps, ReactElement, ReactNode } from 'react';
+export type TestimonialCardProps = Omit<ComponentProps<"figure">, "children"> & {
+    /**
+     * What the customer said, without quotation marks: the card adds them. A
+     * string becomes one paragraph; pass `<p>` elements for several.
+     */
+    quote: ReactNode;
+    /** Who said it. */
+    name: ReactNode;
+    /** A line under the name, such as the position and the company. */
+    meta?: ReactNode;
+    /** Stars above the quote, from 0 to 5. Left out, no stars are shown. */
+    rating?: number;
+    /**
+     * A photo of the person. Without one, the avatar is a grey disc. It is
+     * decoration: the name is beside it.
+     */
+    avatarSrc?: string;
+    /**
+     * The image element for the photo instead of an `<img>`, such as
+     * `next/image`, as `Avatar`'s `imageRender`. Pass `avatarSrc` as well.
+     */
+    avatarImageRender?: ReactElement;
+};
+/**
+ * A customer review, as in the website's carousel of reviews: stars, the
+ * quote and who said it, on a white card with 32px corners.
+ *
+ * ```tsx
+ * <TestimonialCard
+ *   rating={5}
+ *   quote="Rask og enkel prosess. Jeg fikk svar samme dag."
+ *   name="Kari Nordmann"
+ *   meta="Kunde, Oslo"
+ *   avatarSrc="/kunder/kari.jpg"
+ * />
+ * ```
+ *
+ * It is a `figure`: the quote is a `blockquote`, and the person a
+ * `figcaption`. 64px inside, 32px below 768px. It takes the width it is
+ * given and grows with the quote.
+ */
+export declare function TestimonialCard({ quote, name, meta, rating, avatarSrc, avatarImageRender, className, ...rest }: TestimonialCardProps): import("react").JSX.Element;

package/dist/components/data-display/use-star-rating-labels.d.ts

@@ -0,0 +1,5 @@
+/**
+ * The accessible name of `StarRating`. `{rating}` and `{max}` are replaced
+ * with the numbers.
+ */
+export declare const useStarRatingLabels: () => Record<"label", string>;

package/dist/components/data-display/use-video-player-labels.d.ts

@@ -0,0 +1,2 @@
+/** The names of `VideoPlayer`'s button, for a paused and a playing video. */
+export declare const useVideoPlayerLabels: () => Record<"play" | "pause", string>;

package/dist/components/data-display/video-player.d.ts

@@ -0,0 +1,22 @@
+import { ComponentProps } from 'react';
+export type VideoPlayerProps = Omit<ComponentProps<"div">, "children"> & {
+    /** The video file. It plays without sound, so it should need none. */
+    src: string;
+    /** A still to show before the video starts, and while it is paused. */
+    poster?: string;
+};
+/**
+ * A silent video that plays in a loop, with the website's 64px corners and a
+ * play / pause button centred under it, 16 : 9 at the width it is given.
+ *
+ * ```tsx
+ * <VideoPlayer src="/video/lea-bank.mp4" poster="/video/lea-bank.jpg" />
+ * ```
+ *
+ * It starts on its own once the page has loaded, unless the visitor has
+ * asked for reduced motion: then it waits for the button. The button is named
+ * "Spill av video" or "Sett video på pause" in the `LeaProvider` language.
+ * The video itself is hidden from screen readers, as decoration: anything it
+ * tells has to be in the text around it.
+ */
+export declare function VideoPlayer({ src, poster, className, ...rest }: VideoPlayerProps): import("react").JSX.Element;

package/dist/components/data-display/website-card.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+/**
+ * A `render` element carrying `href` (an `<a>`, Next.js `Link`) or `to`
+ * (React Router `Link`) makes a website card one link, as `ButtonRoot` reads
+ * a link. Internal: not exported from the package.
+ */
+export declare const isLinkElement: (render: unknown) => render is ReactElement<{
+    href?: unknown;
+    to?: unknown;
+}>;

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

@@ -5,3 +5,4 @@ export * from './global-alert';
 export * from './simple-dialog';
 export * from './simple-drawer';
 export * from './toast';
+export * from './skeleton';

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

@@ -0,0 +1,22 @@
+import { useRender } from '@base-ui/react/use-render';
+import { Ref } from 'react';
+export type SkeletonProps = Omit<useRender.ComponentProps<"div">, "ref" | "children"> & {
+    /** The rendered element: the `<div>`, or the element passed to `render`. */
+    ref?: Ref<HTMLElement>;
+};
+/**
+ * A grey block that pulses where content is on its way, as the website's
+ * loading page. Size it to the content it stands for, with `style` or a class:
+ *
+ * ```tsx
+ * <div role="status" aria-label="Laster innhold">
+ *   <Skeleton style={{ width: "40%", height: 80 }} />
+ *   <Skeleton style={{ height: 480 }} />
+ * </div>
+ * ```
+ *
+ * It is hidden from screen readers. Put the blocks in an element with
+ * `role="status"` and a name, so a screen reader hears that the page is
+ * loading. Under reduced motion it stays still.
+ */
+export declare function Skeleton({ render, ref, className, ...rest }: SkeletonProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

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

@@ -0,0 +1,38 @@
+import { ComponentProps, ReactElement, ReactNode } from 'react';
+export type BreadcrumbsItem = {
+    /** The text of the crumb. */
+    label: ReactNode;
+    /** Where the crumb leads. */
+    href?: string;
+    /**
+     * A router link to render instead of an `<a>`, carrying its own `href`:
+     * `<NextLink href="/lan" />`.
+     */
+    render?: ReactElement;
+};
+export type BreadcrumbsProps = Omit<ComponentProps<"nav">, "children"> & {
+    /**
+     * The way from the start page to this page, in order. The last item is the
+     * current page: it is plain text marked `aria-current="page"`, whatever it
+     * is given. An item before it without `href` or `render` is plain text too.
+     */
+    items: BreadcrumbsItem[];
+};
+/**
+ * Where the page sits on the website: a `nav` with a translated name around a
+ * list of links, the last one the current page.
+ *
+ * ```tsx
+ * <Breadcrumbs
+ *   items={[
+ *     { label: "Hjem", href: "/" },
+ *     { label: "Lån", render: <NextLink href="/lan" /> },
+ *     { label: "Forbrukslån" },
+ *   ]}
+ * />
+ * ```
+ *
+ * The separators are hidden from screen readers; the list says how many
+ * steps there are. Renders nothing without items.
+ */
+export declare function Breadcrumbs({ items, className, ...rest }: BreadcrumbsProps): import("react").JSX.Element | null;

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

@@ -4,3 +4,6 @@ export * from './progress-circle';
 export * from './step-progress';
 export * as Tabs from './tabs';
 export * from './use-stepper-labels';
+export * from './breadcrumbs';
+export * from './pagination';
+export * from './pagination-dots';

package/dist/components/navigation/pagination-dots.d.ts

@@ -0,0 +1,34 @@
+import { ComponentProps } from 'react';
+export type PaginationDotsProps = Omit<ComponentProps<"div">, "children" | "onChange" | "defaultValue"> & {
+    /** How many pages there are. */
+    count: number;
+    /** The current page, counted from 1. Pass it to control the dots. */
+    value?: number;
+    /**
+     * The page shown first when the dots are not controlled.
+     * @default 1
+     */
+    defaultValue?: number;
+    /** Called with the page number when a dot is pressed. */
+    onValueChange?: (page: number) => void;
+    /**
+     * The accessible name of each dot, when "Gå til side 3" does not say
+     * enough: `getItemLabel={(page) => "Vis omtale " + page}`.
+     */
+    getItemLabel?: (page: number) => string;
+};
+/**
+ * A row of dots, one per page, for a carousel or a paged list (the website's
+ * testimonials and partners). The current page is black.
+ *
+ * ```tsx
+ * <PaginationDots count={4} value={page} onValueChange={setPage} />
+ * ```
+ *
+ * Each dot is a button named "Gå til side 3" in the `LeaProvider` language,
+ * the current one marked `aria-current`, in a group named "Sider". The dots
+ * are 8px, 8px apart, and each answers to a 16 × 24 area around it. Put them
+ * beside previous and next buttons, which are easier to hit. Renders nothing
+ * for a single page.
+ */
+export declare function PaginationDots({ count, value: valueProp, defaultValue, onValueChange, getItemLabel, className, ...rest }: PaginationDotsProps): import("react").JSX.Element | null;

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

@@ -0,0 +1,37 @@
+import { ComponentProps, ReactElement } from 'react';
+export type PaginationProps = Omit<ComponentProps<"nav">, "children" | "onChange" | "defaultValue"> & {
+    /** How many pages there are. */
+    count: number;
+    /** The current page, counted from 1. Pass it to control the pagination. */
+    value?: number;
+    /**
+     * The page shown first when the pagination is not controlled.
+     * @default 1
+     */
+    defaultValue?: number;
+    /** Called with the page number when another page is chosen. */
+    onValueChange?: (page: number) => void;
+    /**
+     * Renders the pages as links instead of buttons: return the link to a page,
+     * with its `href`. An `<a>` or a router link:
+     * `renderLink={(page) => <NextLink href={`/okonomiguiden?side=${page}`} />}`.
+     * Previous and next become links too, and plain text where there is no
+     * page to go to.
+     */
+    renderLink?: (page: number) => ReactElement;
+};
+/**
+ * Numbered pages with previous and next, for a list too long for one page (the
+ * website's blog and job lists). From eight pages it shows the first, the last
+ * and the current page with its neighbours.
+ *
+ * ```tsx
+ * const [page, setPage] = useState(1);
+ * <Pagination count={12} value={page} onValueChange={setPage} />
+ * ```
+ *
+ * Wrapped in a `nav` with a translated name; the current page carries
+ * `aria-current="page"`, and each number is named "Side 3" in the
+ * `LeaProvider` language. Renders nothing for a single page.
+ */
+export declare function Pagination({ count, value: valueProp, defaultValue, onValueChange, renderLink, className, ...rest }: PaginationProps): import("react").JSX.Element | null;

package/dist/components/navigation/use-breadcrumbs-labels.d.ts

@@ -0,0 +1,2 @@
+/** The accessible name of the `nav` around `Breadcrumbs`. */
+export declare const useBreadcrumbsLabels: () => Record<"label", string>;

package/dist/components/navigation/use-pagination-labels.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The words of `Pagination` and `PaginationDots`. `{page}` is replaced with
+ * the page number.
+ */
+export declare const usePaginationLabels: () => Record<"label" | "page" | "next" | "previous" | "goToPage", string>;
+/** Puts the page number into a label from `usePaginationLabels`. */
+export declare const withPage: (label: string, page: number) => string;

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

@@ -1,5 +1,5 @@
 import { Accordion as BaseAccordion } from '@base-ui/react/accordion';
-export type Variant = "outline" | "solid" | "divided" | "ghost";
+export type Variant = "outline" | "solid" | "divided" | "ghost" | "card";
 export type IconPosition = "start" | "end";
 export type RootProps = BaseAccordion.Root.Props & {
     /**
@@ -12,6 +12,10 @@ export type RootProps = BaseAccordion.Root.Props & {
      *   Suits long FAQ lists.
      * - `"ghost"` — no border or fill; only the hover tint shows. Use it on
      *   tinted backgrounds.
+     * - `"card"` — borderless white cards with larger corners, for a list of
+     *   questions on a grey (`bg.subtle`) section of the website. Spaced as the
+     *   website's FAQ: 16px apart and inside, with 18px semibold titles (16px
+     *   below 768px).
      * @default "outline"
      */
     variant?: Variant;

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

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

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

@@ -0,0 +1,30 @@
+import { useRender } from '@base-ui/react/use-render';
+import { Ref } from 'react';
+export type PanelSize = "sm" | "lg";
+export type PanelProps = Omit<useRender.ComponentProps<"div">, "ref"> & {
+    /** The rendered element: the `<div>`, or the element passed to `render`. */
+    ref?: Ref<HTMLElement>;
+    /**
+     * `"lg"`: 64px corners and 64px inside. `"sm"`: 32px corners and 32px
+     * inside, for a narrow column such as the content beside a `SideNav`. Left
+     * out, the panel is `lg` and turns `sm` below 768px, as on the website.
+     */
+    size?: PanelSize;
+};
+/**
+ * The website's white box: a white surface with large round corners and
+ * generous room inside, around text, a table or a form on a grey, beige or
+ * dark section. What is inside stacks with 16px between.
+ *
+ * ```tsx
+ * <Panel>
+ *   <Text render={<h2 />} textStyle="heading-xl">Priseksempler</Text>
+ *   <Table>…</Table>
+ * </Panel>
+ * ```
+ *
+ * It is always white, so it disappears on a white section: put it on a
+ * coloured one. It takes the width it is given. Renders a `div`; pass
+ * `render` for another element, e.g. `render={<section />}`.
+ */
+export declare function Panel({ render, ref, className, size, ...rest }: PanelProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

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

@@ -10,6 +10,15 @@ export type LinkProps = Omit<useRender.ComponentProps<"a">, "ref" | "color"> & {
      * @default "secondary"
      */
     color?: LinkColor;
+    /**
+     * Adds a chevron after the text, for a link that stands on its own as a call
+     * to action, as on the website. On hover the chevron slides to the right and
+     * the text turns purple (`secondary`) or light purple (`contrast`). Checked
+     * for contrast on white, `bg.subtle`, `bg.muted` and the status tints
+     * (`secondary`), and on `bg.contrast` and `bg.contrast-accent` (`contrast`).
+     * @default false
+     */
+    arrow?: boolean;
     /** The rendered element: the `<a>`, or the element passed to `render`. */
     ref?: Ref<HTMLElement>;
 };
@@ -28,5 +37,9 @@ export type LinkProps = Omit<useRender.ComponentProps<"a">, "ref" | "color"> & {
  * For an action that only looks like a link, render a button:
  * `<Link render={<button type="button" />} onClick={…}>`. For a link that
  * looks like a button, use `Button` with `render`.
+ *
+ * With `arrow`, the link is a call to action of its own, sized by the text
+ * around it: `<Text textStyle="body-lg"><Link arrow href="/lan">Se alle
+ * lån</Link></Text>`.
  */
-export declare function Link({ color, render, ref, className, ...rest }: LinkProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare function Link({ color, arrow, render, ref, className, ...rest }: LinkProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/cookie-consent-react.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});require('./cookie-consent.css');const e=require("./cookie-consent-core-fntGUdFt.cjs");let t=require("react"),n=require("@base-ui/react/button"),r=require("@base-ui/react/use-render"),i=require("react/jsx-runtime"),a=require("@base-ui/react/dialog"),o=require("lucide-react"),s=require("@base-ui/react/switch"),c=require("@base-ui/react/accordion");var l=(e,t)=>n=>[e,typeof t==`function`?t(n):t].filter(Boolean).join(` `),u={Button:`_Button_1d72q_1`,IconButton:`_IconButton_1d72q_125`,Spinner:`_Spinner_1d72q_150`,"button-spin":`_button-spin_1d72q_1`,SrOnly:`_SrOnly_1d72q_168`},d=e=>(0,t.isValidElement)(e)&&(e.props.href!=null||e.props.to!=null),f=e=>e.preventDefault();function p({loading:e=!1,disabled:t,className:a,render:o,nativeButton:s,focusableWhenDisabled:c,ref:l,...u}){let p=!!(t||e),m=d(o),h={"aria-busy":e||void 0,"data-loading":e||void 0};return(0,r.useRender)({enabled:m,render:m?o:void 0,ref:l,defaultTagName:`a`,props:{...u,...h,"aria-disabled":p||void 0,"data-disabled":p?``:void 0,className:typeof a==`function`?a({disabled:p}):a,onClick:p?f:u.onClick}})||(0,i.jsx)(n.Button,{...u,...h,ref:l,render:o,nativeButton:s,focusableWhenDisabled:c,disabled:p,className:a})}function m({variant:e=`solid`,color:t=`primary`,size:n=`md`,className:r,...a}){return(0,i.jsx)(p,{...a,"data-variant":e,"data-color":t,"data-size":n,className:l(u.Button,r)})}function h({startIcon:e,endIcon:t,loading:n=!1,loadingLabel:r,children:a,...o}){return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(m,{...o,loading:n,"data-start-icon":n||e!=null||void 0,"data-end-icon":t!=null||void 0,children:[n?(0,i.jsx)(`span`,{className:u.Spinner,"aria-hidden":!0}):e,a,t]}),r!=null&&(0,i.jsx)(`span`,{role:`status`,className:u.SrOnly,children:n?r:null})]})}var g={Backdrop:`_Backdrop_1do7v_8`,Viewport:`_Viewport_1do7v_22`,Popup:`_Popup_1do7v_38`,Header:`_Header_1do7v_78`,Title:`_Title_1do7v_88`,Description:`_Description_1do7v_97`,Content:`_Content_1do7v_111`,Footer:`_Footer_1do7v_119`,CloseButton:`_CloseButton_1do7v_135`},_=(0,t.createContext)(`no`),v=()=>(0,t.useContext)(_);function y(e){return function(){let t=v(),n={};return Object.keys(e).forEach(r=>{let i=e[r];n[r]=i[t]??i.no}),n}}var b=y({close:{no:`Lukk`,se:`Stäng`,fi:`Sulje`,es:`Cerrar`}}),x=a.Dialog.Root;a.Dialog.Trigger;var S=a.Dialog.Portal;function C({className:e,...t}){return(0,i.jsx)(a.Dialog.Backdrop,{...t,className:l(g.Backdrop,e)})}function w({className:e,...t}){return(0,i.jsx)(a.Dialog.Viewport,{...t,className:l(g.Viewport,e)})}function T({size:e=`sm`,fullScreenOnMobile:t,className:n,...r}){return(0,i.jsx)(a.Dialog.Popup,{...r,"data-size":e,"data-full-screen-on-mobile":t||void 0,className:l(g.Popup,n)})}function E({className:e,...t}){return(0,i.jsx)(`div`,{...t,className:[g.Header,e].filter(Boolean).join(` `)})}function D({className:e,...t}){return(0,i.jsx)(a.Dialog.Title,{...t,className:l(g.Title,e)})}function O({className:e,...t}){return(0,i.jsx)(a.Dialog.Description,{...t,className:l(g.Description,e)})}function k({className:e,...t}){return(0,i.jsx)(`div`,{...t,className:[g.Content,e].filter(Boolean).join(` `)})}function A({className:e,...t}){return(0,i.jsx)(`div`,{...t,className:[g.Footer,e].filter(Boolean).join(` `)})}a.Dialog.Close;function j({label:e,className:t,...n}){let r=b();return(0,i.jsx)(a.Dialog.Close,{...n,"aria-label":e??r.close,className:l(g.CloseButton,t),children:(0,i.jsx)(o.X,{size:20,"aria-hidden":!0})})}var M={Switch:`_Switch_9c9ji_7`,Thumb:`_Thumb_9c9ji_36`};function N({className:e,...t}){return(0,i.jsx)(s.Switch.Root,{...t,className:l(M.Switch,e),children:(0,i.jsx)(s.Switch.Thumb,{className:M.Thumb})})}var P={Root:`_Root_18gqk_13`,Item:`_Item_18gqk_10`,Header:`_Header_18gqk_10`,Trigger:`_Trigger_18gqk_95`,Label:`_Label_18gqk_136`,Icon:`_Icon_18gqk_140`,Panel:`_Panel_18gqk_158`,Content:`_Content_18gqk_169`};function F({variant:e=`outline`,iconPosition:t=`end`,className:n,...r}){return(0,i.jsx)(c.Accordion.Root,{...r,"data-variant":e,"data-icon-position":t,className:l(P.Root,n)})}function I({className:e,...t}){return(0,i.jsx)(c.Accordion.Item,{...t,className:l(P.Item,e)})}function L({className:e,...t}){return(0,i.jsx)(c.Accordion.Header,{...t,className:l(P.Header,e)})}function R({children:e,className:t,...n}){return(0,i.jsxs)(c.Accordion.Trigger,{...n,className:l(P.Trigger,t),children:[(0,i.jsx)(`span`,{className:P.Label,children:e}),(0,i.jsx)(o.ChevronDown,{className:P.Icon,size:20,"aria-hidden":!0})]})}function z({children:e,className:t,...n}){return(0,i.jsx)(c.Accordion.Panel,{...n,className:l(P.Panel,t),children:(0,i.jsx)(`div`,{className:P.Content,children:e})})}var B={Intro:`_Intro_nxwj4_7`,Categories:`_Categories_nxwj4_39`,CategoryDescription:`_CategoryDescription_nxwj4_43`,Actions:`_Actions_nxwj4_52`,Save:`_Save_nxwj4_63`},V=`https://relative.invalid`;function H(e,t){try{return new URL(e,t)}catch{return null}}function U(e){let t=e.trim();if(!t)return!1;let n=H(t);return n?n.protocol===`https:`||n.protocol===`mailto:`:H(t,V)?.origin===V}function W({href:e,resolveHref:t=e=>e,children:n}){let r=t(e);return!r||!U(r)?(0,i.jsx)(i.Fragment,{children:n}):(0,i.jsx)(`a`,{href:r.trim(),target:`_blank`,rel:`noopener noreferrer`,children:n})}function G({node:e}){let t=e.text;return e.underline&&(t=(0,i.jsx)(`u`,{children:t})),e.italic&&(t=(0,i.jsx)(`em`,{children:t})),e.bold&&(t=(0,i.jsx)(`strong`,{children:t})),(0,i.jsx)(i.Fragment,{children:t})}function K({nodes:e,resolveHref:t}){return(0,i.jsx)(i.Fragment,{children:(e??[]).map((e,n)=>e.type===`text`?(0,i.jsx)(G,{node:e},n):e.type===`link`?(0,i.jsx)(W,{href:e.url??``,resolveHref:t,children:(e.children??[]).filter(e=>e.type===`text`).map((e,t)=>(0,i.jsx)(G,{node:e},t))},n):null)})}function q({node:e,resolveHref:t}){let n=e.format===`ordered`?`ol`:`ul`;return(0,i.jsx)(n,{children:(e.children??[]).map((e,n)=>e.type===`list`?(0,i.jsx)(`li`,{children:(0,i.jsx)(q,{node:e,resolveHref:t})},n):e.type===`list-item`?(0,i.jsx)(`li`,{children:(0,i.jsx)(K,{nodes:e.children,resolveHref:t})},n):null)})}function J({nodes:e,resolveHref:t}){return(0,i.jsx)(i.Fragment,{children:e.map((e,n)=>{switch(e.type){case`paragraph`:return(0,i.jsx)(`p`,{children:(0,i.jsx)(K,{nodes:e.children,resolveHref:t})},n);case`heading`:return(0,i.jsx)(`p`,{children:(0,i.jsx)(`strong`,{children:(0,i.jsx)(K,{nodes:e.children,resolveHref:t})})},n);case`list`:return(0,i.jsx)(q,{node:e,resolveHref:t},n);default:return null}})})}function Y(e){return{necessary:!0,preferences:e?.preferences??!1,analytics:e?.analytics??!1,marketing:e?.marketing??!1}}function X({category:e,copy:n,checked:r,onCheckedChange:a}){let o=(0,t.useId)(),s=(0,t.useId)(),{title:c,description:l}=n.categories[e];return(0,i.jsxs)(I,{value:e,children:[(0,i.jsxs)(L,{children:[(0,i.jsx)(R,{children:(0,i.jsx)(`span`,{id:o,children:c})}),(0,i.jsx)(N,{"aria-labelledby":o,"aria-describedby":l?s:void 0,checked:r,disabled:e===`necessary`,onCheckedChange:a})]}),(0,i.jsx)(z,{keepMounted:!0,children:l&&(0,i.jsx)(`p`,{id:s,className:B.CategoryDescription,children:l})})]})}function Z({open:n,consent:r,copy:a,resolveHref:o,onAcceptAll:s,onAcceptNecessary:c,onSave:l,onClose:u}){let d=r!==null,[f,p]=(0,t.useState)(()=>Y(r)),[m,g]=(0,t.useState)(n);return n!==m&&(g(n),n&&p(Y(r))),(0,i.jsx)(x,{open:n,onOpenChange:e=>{!e&&d&&u()},disablePointerDismissal:!d,children:(0,i.jsxs)(S,{children:[(0,i.jsx)(C,{}),(0,i.jsx)(w,{children:(0,i.jsxs)(T,{fullScreenOnMobile:!0,size:`md`,children:[(0,i.jsxs)(E,{children:[(0,i.jsx)(D,{children:a.modalTitle}),d&&(0,i.jsx)(j,{label:a.closeIconLabel})]}),(0,i.jsxs)(k,{children:[(0,i.jsx)(O,{render:(0,i.jsx)(`div`,{}),className:B.Intro,children:(0,i.jsx)(J,{nodes:a.intro,resolveHref:o})}),(0,i.jsx)(F,{variant:`solid`,iconPosition:`start`,multiple:!0,className:B.Categories,children:e.l.map(e=>(0,i.jsx)(X,{category:e,copy:a,checked:f[e],onCheckedChange:t=>p(n=>({...n,[e]:t}))},e))})]}),(0,i.jsxs)(A,{className:B.Actions,children:[(0,i.jsx)(h,{onClick:s,color:`secondary`,size:`sm`,children:a.btnAcceptAll}),(0,i.jsx)(h,{onClick:c,color:`secondary`,size:`sm`,children:a.btnAcceptNecessary}),(0,i.jsx)(h,{variant:`outline`,color:`secondary`,size:`sm`,className:B.Save,onClick:()=>l(e.l.filter(e=>f[e])),children:a.btnSaveSettings})]})]})})]})})}var Q=(0,t.createContext)(null);function $({market:n,copy:r,resolveHref:a,children:o}){let{consent:s,settingsOpen:c,ready:l}=(0,t.useSyncExternalStore)(e.c,e.i,e.r);(0,t.useEffect)(()=>{e.a({market:n})},[]);let u=(0,t.useMemo)(()=>({consent:s,openSettings:e.o}),[s]);return(0,i.jsxs)(Q.Provider,{value:u,children:[o,l&&(0,i.jsx)(Z,{open:c,consent:s,copy:r,resolveHref:a,onAcceptAll:()=>e.s(`all`),onAcceptNecessary:()=>e.s([]),onSave:e.s,onClose:e.t})]})}function ee(){let e=(0,t.useContext)(Q);if(!e)throw Error(`useCookieConsent must be used inside a CookieConsentProvider.`);return e}exports.CookieConsentProvider=$,exports.useCookieConsent=ee;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});require('./cookie-consent.css');const e=require("./cookie-consent-core-fntGUdFt.cjs");let t=require("react"),n=require("@base-ui/react/button"),r=require("@base-ui/react/use-render"),i=require("react/jsx-runtime"),a=require("@base-ui/react/dialog"),o=require("lucide-react"),s=require("@base-ui/react/switch"),c=require("@base-ui/react/accordion");var l=(e,t)=>n=>[e,typeof t==`function`?t(n):t].filter(Boolean).join(` `),u={Button:`_Button_dq81c_1`,IconButton:`_IconButton_dq81c_141`,Spinner:`_Spinner_dq81c_172`,"button-spin":`_button-spin_dq81c_1`,SrOnly:`_SrOnly_dq81c_190`},d=e=>(0,t.isValidElement)(e)&&(e.props.href!=null||e.props.to!=null),f=e=>e.preventDefault();function p({loading:e=!1,disabled:t,className:a,render:o,nativeButton:s,focusableWhenDisabled:c,ref:l,...u}){let p=!!(t||e),m=d(o),h={"aria-busy":e||void 0,"data-loading":e||void 0};return(0,r.useRender)({enabled:m,render:m?o:void 0,ref:l,defaultTagName:`a`,props:{...u,...h,"aria-disabled":p||void 0,"data-disabled":p?``:void 0,className:typeof a==`function`?a({disabled:p}):a,onClick:p?f:u.onClick}})||(0,i.jsx)(n.Button,{...u,...h,ref:l,render:o,nativeButton:s,focusableWhenDisabled:c,disabled:p,className:a})}function m({variant:e=`solid`,color:t=`primary`,size:n=`md`,className:r,...a}){return(0,i.jsx)(p,{...a,"data-variant":e,"data-color":t,"data-size":n,className:l(u.Button,r)})}function h({startIcon:e,endIcon:t,loading:n=!1,loadingLabel:r,children:a,...o}){return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(m,{...o,loading:n,"data-start-icon":n||e!=null||void 0,"data-end-icon":t!=null||void 0,children:[n?(0,i.jsx)(`span`,{className:u.Spinner,"aria-hidden":!0}):e,a,t]}),r!=null&&(0,i.jsx)(`span`,{role:`status`,className:u.SrOnly,children:n?r:null})]})}var g={Backdrop:`_Backdrop_1do7v_8`,Viewport:`_Viewport_1do7v_22`,Popup:`_Popup_1do7v_38`,Header:`_Header_1do7v_78`,Title:`_Title_1do7v_88`,Description:`_Description_1do7v_97`,Content:`_Content_1do7v_111`,Footer:`_Footer_1do7v_119`,CloseButton:`_CloseButton_1do7v_135`},_=(0,t.createContext)(`no`),v=()=>(0,t.useContext)(_);function y(e){return function(){let t=v(),n={};return Object.keys(e).forEach(r=>{let i=e[r];n[r]=i[t]??i.no}),n}}var b=y({close:{no:`Lukk`,se:`Stäng`,fi:`Sulje`,es:`Cerrar`}}),x=a.Dialog.Root;a.Dialog.Trigger;var S=a.Dialog.Portal;function C({className:e,...t}){return(0,i.jsx)(a.Dialog.Backdrop,{...t,className:l(g.Backdrop,e)})}function w({className:e,...t}){return(0,i.jsx)(a.Dialog.Viewport,{...t,className:l(g.Viewport,e)})}function T({size:e=`sm`,fullScreenOnMobile:t,className:n,...r}){return(0,i.jsx)(a.Dialog.Popup,{...r,"data-size":e,"data-full-screen-on-mobile":t||void 0,className:l(g.Popup,n)})}function E({className:e,...t}){return(0,i.jsx)(`div`,{...t,className:[g.Header,e].filter(Boolean).join(` `)})}function D({className:e,...t}){return(0,i.jsx)(a.Dialog.Title,{...t,className:l(g.Title,e)})}function O({className:e,...t}){return(0,i.jsx)(a.Dialog.Description,{...t,className:l(g.Description,e)})}function k({className:e,...t}){return(0,i.jsx)(`div`,{...t,className:[g.Content,e].filter(Boolean).join(` `)})}function A({className:e,...t}){return(0,i.jsx)(`div`,{...t,className:[g.Footer,e].filter(Boolean).join(` `)})}a.Dialog.Close;function j({label:e,className:t,...n}){let r=b();return(0,i.jsx)(a.Dialog.Close,{...n,"aria-label":e??r.close,className:l(g.CloseButton,t),children:(0,i.jsx)(o.X,{size:20,"aria-hidden":!0})})}var M={Switch:`_Switch_9c9ji_7`,Thumb:`_Thumb_9c9ji_36`};function N({className:e,...t}){return(0,i.jsx)(s.Switch.Root,{...t,className:l(M.Switch,e),children:(0,i.jsx)(s.Switch.Thumb,{className:M.Thumb})})}var P={Root:`_Root_oibl2_13`,Item:`_Item_oibl2_10`,Header:`_Header_oibl2_10`,Trigger:`_Trigger_oibl2_108`,Label:`_Label_oibl2_149`,Icon:`_Icon_oibl2_153`,Panel:`_Panel_oibl2_171`,Content:`_Content_oibl2_182`};function F({variant:e=`outline`,iconPosition:t=`end`,className:n,...r}){return(0,i.jsx)(c.Accordion.Root,{...r,"data-variant":e,"data-icon-position":t,className:l(P.Root,n)})}function I({className:e,...t}){return(0,i.jsx)(c.Accordion.Item,{...t,className:l(P.Item,e)})}function L({className:e,...t}){return(0,i.jsx)(c.Accordion.Header,{...t,className:l(P.Header,e)})}function R({children:e,className:t,...n}){return(0,i.jsxs)(c.Accordion.Trigger,{...n,className:l(P.Trigger,t),children:[(0,i.jsx)(`span`,{className:P.Label,children:e}),(0,i.jsx)(o.ChevronDown,{className:P.Icon,size:20,"aria-hidden":!0})]})}function z({children:e,className:t,...n}){return(0,i.jsx)(c.Accordion.Panel,{...n,className:l(P.Panel,t),children:(0,i.jsx)(`div`,{className:P.Content,children:e})})}var B={Intro:`_Intro_nxwj4_7`,Categories:`_Categories_nxwj4_39`,CategoryDescription:`_CategoryDescription_nxwj4_43`,Actions:`_Actions_nxwj4_52`,Save:`_Save_nxwj4_63`},V=`https://relative.invalid`;function H(e,t){try{return new URL(e,t)}catch{return null}}function U(e){let t=e.trim();if(!t)return!1;let n=H(t);return n?n.protocol===`https:`||n.protocol===`mailto:`:H(t,V)?.origin===V}function W({href:e,resolveHref:t=e=>e,children:n}){let r=t(e);return!r||!U(r)?(0,i.jsx)(i.Fragment,{children:n}):(0,i.jsx)(`a`,{href:r.trim(),target:`_blank`,rel:`noopener noreferrer`,children:n})}function G({node:e}){let t=e.text;return e.underline&&(t=(0,i.jsx)(`u`,{children:t})),e.italic&&(t=(0,i.jsx)(`em`,{children:t})),e.bold&&(t=(0,i.jsx)(`strong`,{children:t})),(0,i.jsx)(i.Fragment,{children:t})}function K({nodes:e,resolveHref:t}){return(0,i.jsx)(i.Fragment,{children:(e??[]).map((e,n)=>e.type===`text`?(0,i.jsx)(G,{node:e},n):e.type===`link`?(0,i.jsx)(W,{href:e.url??``,resolveHref:t,children:(e.children??[]).filter(e=>e.type===`text`).map((e,t)=>(0,i.jsx)(G,{node:e},t))},n):null)})}function q({node:e,resolveHref:t}){let n=e.format===`ordered`?`ol`:`ul`;return(0,i.jsx)(n,{children:(e.children??[]).map((e,n)=>e.type===`list`?(0,i.jsx)(`li`,{children:(0,i.jsx)(q,{node:e,resolveHref:t})},n):e.type===`list-item`?(0,i.jsx)(`li`,{children:(0,i.jsx)(K,{nodes:e.children,resolveHref:t})},n):null)})}function J({nodes:e,resolveHref:t}){return(0,i.jsx)(i.Fragment,{children:e.map((e,n)=>{switch(e.type){case`paragraph`:return(0,i.jsx)(`p`,{children:(0,i.jsx)(K,{nodes:e.children,resolveHref:t})},n);case`heading`:return(0,i.jsx)(`p`,{children:(0,i.jsx)(`strong`,{children:(0,i.jsx)(K,{nodes:e.children,resolveHref:t})})},n);case`list`:return(0,i.jsx)(q,{node:e,resolveHref:t},n);default:return null}})})}function Y(e){return{necessary:!0,preferences:e?.preferences??!1,analytics:e?.analytics??!1,marketing:e?.marketing??!1}}function X({category:e,copy:n,checked:r,onCheckedChange:a}){let o=(0,t.useId)(),s=(0,t.useId)(),{title:c,description:l}=n.categories[e];return(0,i.jsxs)(I,{value:e,children:[(0,i.jsxs)(L,{children:[(0,i.jsx)(R,{children:(0,i.jsx)(`span`,{id:o,children:c})}),(0,i.jsx)(N,{"aria-labelledby":o,"aria-describedby":l?s:void 0,checked:r,disabled:e===`necessary`,onCheckedChange:a})]}),(0,i.jsx)(z,{keepMounted:!0,children:l&&(0,i.jsx)(`p`,{id:s,className:B.CategoryDescription,children:l})})]})}function Z({open:n,consent:r,copy:a,resolveHref:o,onAcceptAll:s,onAcceptNecessary:c,onSave:l,onClose:u}){let d=r!==null,[f,p]=(0,t.useState)(()=>Y(r)),[m,g]=(0,t.useState)(n);return n!==m&&(g(n),n&&p(Y(r))),(0,i.jsx)(x,{open:n,onOpenChange:e=>{!e&&d&&u()},disablePointerDismissal:!d,children:(0,i.jsxs)(S,{children:[(0,i.jsx)(C,{}),(0,i.jsx)(w,{children:(0,i.jsxs)(T,{fullScreenOnMobile:!0,size:`md`,children:[(0,i.jsxs)(E,{children:[(0,i.jsx)(D,{children:a.modalTitle}),d&&(0,i.jsx)(j,{label:a.closeIconLabel})]}),(0,i.jsxs)(k,{children:[(0,i.jsx)(O,{render:(0,i.jsx)(`div`,{}),className:B.Intro,children:(0,i.jsx)(J,{nodes:a.intro,resolveHref:o})}),(0,i.jsx)(F,{variant:`solid`,iconPosition:`start`,multiple:!0,className:B.Categories,children:e.l.map(e=>(0,i.jsx)(X,{category:e,copy:a,checked:f[e],onCheckedChange:t=>p(n=>({...n,[e]:t}))},e))})]}),(0,i.jsxs)(A,{className:B.Actions,children:[(0,i.jsx)(h,{onClick:s,color:`secondary`,size:`sm`,children:a.btnAcceptAll}),(0,i.jsx)(h,{onClick:c,color:`secondary`,size:`sm`,children:a.btnAcceptNecessary}),(0,i.jsx)(h,{variant:`outline`,color:`secondary`,size:`sm`,className:B.Save,onClick:()=>l(e.l.filter(e=>f[e])),children:a.btnSaveSettings})]})]})})]})})}var Q=(0,t.createContext)(null);function $({market:n,copy:r,resolveHref:a,children:o}){let{consent:s,settingsOpen:c,ready:l}=(0,t.useSyncExternalStore)(e.c,e.i,e.r);(0,t.useEffect)(()=>{e.a({market:n})},[]);let u=(0,t.useMemo)(()=>({consent:s,openSettings:e.o}),[s]);return(0,i.jsxs)(Q.Provider,{value:u,children:[o,l&&(0,i.jsx)(Z,{open:c,consent:s,copy:r,resolveHref:a,onAcceptAll:()=>e.s(`all`),onAcceptNecessary:()=>e.s([]),onSave:e.s,onClose:e.t})]})}function ee(){let e=(0,t.useContext)(Q);if(!e)throw Error(`useCookieConsent must be used inside a CookieConsentProvider.`);return e}exports.CookieConsentProvider=$,exports.useCookieConsent=ee;
 //# sourceMappingURL=cookie-consent-react.cjs.map