rk-designsystem 1.1.1 → 1.1.3

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 danieltunetek
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 danieltunetek
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,249 +1,249 @@
-# Røde Kors Design System Component Library (Norwegian Red Cross)
-
-## Live Storybook URL
-
-[https://norwegianredcross.github.io/DesignSystem/storybook/](https://norwegianredcross.github.io/DesignSystem/storybook/)
-
-## Overview
-
-Welcome to the Røde Kors Design System! This repository contains a library of reusable UI components built with React, specifically tailored for Norwegian Red Cross digital projects.
-
-It's developed leveraging the foundational components from Digdir's Designsystemet. This approach ensures a unified and recognizable visual identity across all applications for the Norwegian Red Cross. The system is pre-configured with the official Røde Kors brand theme, which is provided via a dedicated design token package.
-
-The primary goal is to ensure brand consistency, improve development efficiency, and maintain high accessibility standards across all Røde Kors applications.
-
-Storybook serves as the interactive documentation and development environment for viewing and testing these components.
-
-## Consuming This Library (For Application Developers)
-
-To use the Røde Kors Design System in your Next.js (or any React) application:
-
-### 1. Installation
-
-Install the necessary npm packages for your project. You will need three packages: the component library itself (`rk-designsystem`), the base styles from Digdir, and the Røde Kors theme package (`rk-design-tokens`).
-
-```bash
-# npm
-npm install rk-designsystem @digdir/designsystemet-css rk-design-tokens
-
-# yarn
-yarn add rk-designsystem @digdir/designsystemet-css rk-design-tokens
-
-# pnpm
-pnpm add rk-designsystem @digdir/designsystemet-css rk-design-tokens
-```
-
-**Note:** You do not need to install `@digdir/designsystemet-react` separately, as all required components are included within the `rk-designsystem` package.
-
-### 2. Including Styles (CSS)
-
-For the components to be styled correctly, you must import the stylesheets at the highest level of your application, for instance, in your `layout.tsx` (for Next.js App Router) or `_app.tsx` (for Next.js Pages Router).
-
-**Crucial Order:** It's vital that the base stylesheet (`@digdir/designsystemet-css`) is loaded **before** the Røde Kors theme file (`rk-design-tokens`). This ensures our theme's tokens can correctly override the default values.
-
-#### Example for Next.js (App Router - `src/app/layout.tsx`):
-
-```tsx
-import './globals.css'; // Your own global styles (if any)
-import '@digdir/designsystemet-css/index.css'; // Base stylesheet for components
-import 'rk-design-tokens/design-tokens-build/theme.css'; // Røde Kors theme
-
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return (
-    <html lang="en">
-      <body>{children}</body>
-    </html>
-  );
-}
-```
-
-#### Example for Next.js (Pages Router - `pages/_app.tsx`):
-
-```tsx
-import '../styles/globals.css'; // Your own global styles (if any)
-import '@digdir/designsystemet-css/index.css'; // Base stylesheet for components
-import 'rk-design-tokens/design-tokens-build/theme.css'; // Røde Kors theme
-import type { AppProps } from 'next/app';
-
-function MyApp({ Component, pageProps }: AppProps) {
-  return <Component {...pageProps} />;
-}
-
-export default MyApp;
-```
-
-### 3. Using Components
-
-Once the stylesheets are included, you can start importing and using components in your project. All components you need are available directly from the `rk-designsystem` package.
-
-#### 3.1 Import and Use Røde Kors Design System Components
-
-Import components directly from the `rk-designsystem` package:
-
-```tsx
-import { Alert } from 'rk-designsystem'; // Import necessary components
-
-function MyComponent() {
-  return (
-    <>
-      <Alert variant="info" onClose={() => console.log('Alert closed!')}>
-        This is an informational message from the Red Cross Design System.
-      </Alert>
-    </>
-  );
-}
-```
-
-#### 3.2 Example Usage in a Next.js Page
-
-Here's an example of how to use multiple Alert components from the Røde Kors Design System within a Next.js page/component:
-
-```tsx
-'use client'; // Remember 'use client' for interactive components in App Router
-
-import React from 'react';
-import { Alert } from 'rk-designsystem'; // Import the components you need
-
-export default function Home() {
-  return (
-    <div className="container mx-auto p-8">
-      <h1 className="text-3xl font-bold mb-8">
-        Røde Kors Design System Example
-      </h1>
-
-      <section>
-        <h2 className="text-2xl font-semibold mb-4">Alerts</h2>
-        {/* Røde Kors Design System Alerts */}
-        <Alert variant="success">
-          <p>
-            Welcome! This message is styled with the official Røde Kors theme.
-          </p>
-        </Alert>
-
-        <Alert variant="warning" className="mt-4">
-          <p>
-            Important information using the official Røde Kors theme.
-          </p>
-        </Alert>
-      </section>
-
-      {/* More Røde Kors components can be added here as needed */}
-    </div>
-  );
-}
-```
-
-The appearance of all components is fully controlled by the `rk-design-tokens` package. To receive any visual updates to the brand theme (like a new primary color), simply update the package to its latest version:
-
-```bash
-npm update rk-design-tokens
-```
-
----
-
-# Contributing to the Component Library
-
-This guide provides a set of standards and best practices for creating new components. Following these guidelines ensures that our component library remains consistent, accessible, and easy to maintain.
-
-## Getting Started (for Contributors)
-
-Follow these steps to get the local development environment running. All commands should be run from the root of the project.
-
-```bash
-# 1. Install dependencies
-pnpm i
-
-# 2. Build all packages
-pnpm build
-
-# 3. Start the local Storybook server
-pnpm storybook
-```
-
-## Core Principles
-
-Every component we build should adhere to these core principles:
-
-1.  **Accessibility (A11y):** Components must be usable by everyone, including people with disabilities. This means proper ARIA attributes, keyboard navigation, and semantic HTML.
-2.  **Reusability:** Components should be generic enough to be used in multiple contexts without modification.
-3.  **Consistency:** Components should follow our established design tokens (colors, spacing, typography) and have a consistent API and structure.
-4.  **Documentation:** Every component must be documented in Storybook to make it discoverable and easy for other developers to use.
-
-## When to Create a New Component
-
-Before you start coding, determine what kind of component you need. Most of our needs fall into one of three categories:
-
-1.  **Wrapped Component (Simple):**
-    *   **What it is:** A component that directly wraps and re-exports a component from `@digdir/designsystemet-react` with no modifications.
-    *   **When to use:** When the base Digdir component meets our needs perfectly, but we want to include it in our own library for a consistent import source.
-    *   **Example:** The `Buttons` component is a perfect example of this.
-
-2.  **Wrapped Component (with Style Overrides):**
-    *   **What it is:** A wrapped Digdir component where we apply custom CSS to tweak its appearance to better match Røde Kors's specific design language.
-    *   **When to use:** When a Digdir component is functionally correct but needs visual adjustments (e.g., different icons, border radius, padding).
-    *   **Example:** The `Alert` component, which uses `composes` in its CSS to inherit base styles and then applies its own overrides.
-
-3.  **Custom Component (from Scratch):**
-    *   **What it is:** A completely new component built when no existing Digdir component meets our requirements.
-    *   **When to use:** For unique UI patterns or functionality not covered by the base library.
-    *   **Example:** The `DateInput` component is a custom component with its own state, logic, and styling.
-
-## Component File Structure
-
-To maintain consistency, every new component should follow this file structure. Create a new folder under `src/components/` with the component's `PascalCase` name.
-
-```text
-src/
-└── components/
-    └── MyNewComponent/
-        ├── index.ts                 // Public API - exports the component and props
-        ├── MyNewComponent.tsx       // The React component logic and JSX
-        ├── MyNewComponent.stories.tsx // Storybook stories for documentation
-        ├── styles.module.css        // Scoped CSS (only for custom components)
-        └── MyNewComponent.test.tsx  // (Optional but Recommended) Unit tests
-```
-
-## Coding Guidelines
-
-### 1. Component Logic (`MyNewComponent.tsx`)
-
-*   **TypeScript First:** All components must be written in TypeScript. Define a `Props` interface for your component, extending from the base HTML element or Digdir component props if applicable.
-*   **Forward Refs:** Always use `React.forwardRef` to allow parent components to get a `ref` to the underlying DOM element.
-*   **Accessibility is Mandatory:**
-    *   Use semantic HTML (`<button>`, `<label>`, `<nav>`).
-    *   Ensure all interactive elements are keyboard-focusable and operable.
-    *   Provide `aria-label` for icon-only buttons or elements where the text label is not visible.
-    *   Use `aria-invalid`, `aria-describedby`, etc., to communicate state to assistive technologies.
-*   **Controlled vs. Uncontrolled:** If your component has state (like an input), it should support both controlled (`value` + `onChange`) and uncontrolled (`defaultValue`) patterns.
-*   **Props Naming:** Use `data-*` attributes for styling variants (e.g., `data-size`, `data-color`) to align with the patterns in our existing components.
-
-### 2. Styling (`styles.module.css`)
-
-*   **CSS Modules:** For **custom components**, all styles must be placed in a `styles.module.css` file. This scopes class names locally and prevents global style conflicts.
-*   **Design Tokens:** Always use our design system tokens (`var(--ds-...)`) for colors, spacing, fonts, etc. Do not use hardcoded values (e.g., `#FFF`, `16px`).
-*   **Overriding Wrapped Components:** For **wrapped components**, use a standard CSS file. Use the `@layer` and `composes` keywords to extend base Digdir styles without increasing CSS specificity unnecessarily.
-
-### 3. Documentation (`MyNewComponent.stories.tsx`)
-
-Your Storybook file is the official documentation. It must be clear and comprehensive.
-
-*   **`meta` Object:** Define the component's title, component reference, and `tags: ['autodocs']` to enable automatic documentation.
-*   **`argTypes`:** Document every single prop. Provide a `description`, `control` type (e.g., `select`, `boolean`, `text`), and `options` if applicable. This powers the interactive controls in Storybook.
-*   **Create Multiple Stories:** Create a separate story for each key state and variant of your component (e.g., `Default`, `Disabled`, `WithError`, `WithIcon`).
-
-## Contribution Process
-
-### 1. Create a Pull Request (PR)
-
-1.  **Create a Branch:** Pull the latest changes from the `main` branch and create a new feature branch: `git checkout -b feat/my-new-component`.
-
-2.  **Open a Draft PR:** As soon as you start, open a **draft** pull request on GitHub. This prevents duplicate work and allows others to see what you're working on.
-
-3.  **Commit Your Changes:** As you work, make small, logical commits.
-
-4.  **Ready for Review:** When development is complete and all automated checks are passing, mark the PR as "Ready for review" and request a review from the design system maintainers.
-
+# Røde Kors Design System Component Library (Norwegian Red Cross)
+
+## Live Storybook URL
+
+[https://norwegianredcross.github.io/DesignSystem/storybook/](https://norwegianredcross.github.io/DesignSystem/storybook/)
+
+## Overview
+
+Welcome to the Røde Kors Design System! This repository contains a library of reusable UI components built with React, specifically tailored for Norwegian Red Cross digital projects.
+
+It's developed leveraging the foundational components from Digdir's Designsystemet. This approach ensures a unified and recognizable visual identity across all applications for the Norwegian Red Cross. The system is pre-configured with the official Røde Kors brand theme, which is provided via a dedicated design token package.
+
+The primary goal is to ensure brand consistency, improve development efficiency, and maintain high accessibility standards across all Røde Kors applications.
+
+Storybook serves as the interactive documentation and development environment for viewing and testing these components.
+
+## Consuming This Library (For Application Developers)
+
+To use the Røde Kors Design System in your Next.js (or any React) application:
+
+### 1. Installation
+
+Install the necessary npm packages for your project. You will need three packages: the component library itself (`rk-designsystem`), the base styles from Digdir, and the Røde Kors theme package (`rk-design-tokens`).
+
+```bash
+# npm
+npm install rk-designsystem @digdir/designsystemet-css rk-design-tokens
+
+# yarn
+yarn add rk-designsystem @digdir/designsystemet-css rk-design-tokens
+
+# pnpm
+pnpm add rk-designsystem @digdir/designsystemet-css rk-design-tokens
+```
+
+**Note:** You do not need to install `@digdir/designsystemet-react` separately, as all required components are included within the `rk-designsystem` package.
+
+### 2. Including Styles (CSS)
+
+For the components to be styled correctly, you must import the stylesheets at the highest level of your application, for instance, in your `layout.tsx` (for Next.js App Router) or `_app.tsx` (for Next.js Pages Router).
+
+**Crucial Order:** It's vital that the base stylesheet (`@digdir/designsystemet-css`) is loaded **before** the Røde Kors theme file (`rk-design-tokens`). This ensures our theme's tokens can correctly override the default values.
+
+#### Example for Next.js (App Router - `src/app/layout.tsx`):
+
+```tsx
+import './globals.css'; // Your own global styles (if any)
+import '@digdir/designsystemet-css/index.css'; // Base stylesheet for components
+import 'rk-design-tokens/design-tokens-build/theme.css'; // Røde Kors theme
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
+```
+
+#### Example for Next.js (Pages Router - `pages/_app.tsx`):
+
+```tsx
+import '../styles/globals.css'; // Your own global styles (if any)
+import '@digdir/designsystemet-css/index.css'; // Base stylesheet for components
+import 'rk-design-tokens/design-tokens-build/theme.css'; // Røde Kors theme
+import type { AppProps } from 'next/app';
+
+function MyApp({ Component, pageProps }: AppProps) {
+  return <Component {...pageProps} />;
+}
+
+export default MyApp;
+```
+
+### 3. Using Components
+
+Once the stylesheets are included, you can start importing and using components in your project. All components you need are available directly from the `rk-designsystem` package.
+
+#### 3.1 Import and Use Røde Kors Design System Components
+
+Import components directly from the `rk-designsystem` package:
+
+```tsx
+import { Alert } from 'rk-designsystem'; // Import necessary components
+
+function MyComponent() {
+  return (
+    <>
+      <Alert variant="info" onClose={() => console.log('Alert closed!')}>
+        This is an informational message from the Red Cross Design System.
+      </Alert>
+    </>
+  );
+}
+```
+
+#### 3.2 Example Usage in a Next.js Page
+
+Here's an example of how to use multiple Alert components from the Røde Kors Design System within a Next.js page/component:
+
+```tsx
+'use client'; // Remember 'use client' for interactive components in App Router
+
+import React from 'react';
+import { Alert } from 'rk-designsystem'; // Import the components you need
+
+export default function Home() {
+  return (
+    <div className="container mx-auto p-8">
+      <h1 className="text-3xl font-bold mb-8">
+        Røde Kors Design System Example
+      </h1>
+
+      <section>
+        <h2 className="text-2xl font-semibold mb-4">Alerts</h2>
+        {/* Røde Kors Design System Alerts */}
+        <Alert variant="success">
+          <p>
+            Welcome! This message is styled with the official Røde Kors theme.
+          </p>
+        </Alert>
+
+        <Alert variant="warning" className="mt-4">
+          <p>
+            Important information using the official Røde Kors theme.
+          </p>
+        </Alert>
+      </section>
+
+      {/* More Røde Kors components can be added here as needed */}
+    </div>
+  );
+}
+```
+
+The appearance of all components is fully controlled by the `rk-design-tokens` package. To receive any visual updates to the brand theme (like a new primary color), simply update the package to its latest version:
+
+```bash
+npm update rk-design-tokens
+```
+
+---
+
+# Contributing to the Component Library
+
+This guide provides a set of standards and best practices for creating new components. Following these guidelines ensures that our component library remains consistent, accessible, and easy to maintain.
+
+## Getting Started (for Contributors)
+
+Follow these steps to get the local development environment running. All commands should be run from the root of the project.
+
+```bash
+# 1. Install dependencies
+pnpm i
+
+# 2. Build all packages
+pnpm build
+
+# 3. Start the local Storybook server
+pnpm storybook
+```
+
+## Core Principles
+
+Every component we build should adhere to these core principles:
+
+1.  **Accessibility (A11y):** Components must be usable by everyone, including people with disabilities. This means proper ARIA attributes, keyboard navigation, and semantic HTML.
+2.  **Reusability:** Components should be generic enough to be used in multiple contexts without modification.
+3.  **Consistency:** Components should follow our established design tokens (colors, spacing, typography) and have a consistent API and structure.
+4.  **Documentation:** Every component must be documented in Storybook to make it discoverable and easy for other developers to use.
+
+## When to Create a New Component
+
+Before you start coding, determine what kind of component you need. Most of our needs fall into one of three categories:
+
+1.  **Wrapped Component (Simple):**
+    *   **What it is:** A component that directly wraps and re-exports a component from `@digdir/designsystemet-react` with no modifications.
+    *   **When to use:** When the base Digdir component meets our needs perfectly, but we want to include it in our own library for a consistent import source.
+    *   **Example:** The `Buttons` component is a perfect example of this.
+
+2.  **Wrapped Component (with Style Overrides):**
+    *   **What it is:** A wrapped Digdir component where we apply custom CSS to tweak its appearance to better match Røde Kors's specific design language.
+    *   **When to use:** When a Digdir component is functionally correct but needs visual adjustments (e.g., different icons, border radius, padding).
+    *   **Example:** The `Alert` component, which uses `composes` in its CSS to inherit base styles and then applies its own overrides.
+
+3.  **Custom Component (from Scratch):**
+    *   **What it is:** A completely new component built when no existing Digdir component meets our requirements.
+    *   **When to use:** For unique UI patterns or functionality not covered by the base library.
+    *   **Example:** The `DateInput` component is a custom component with its own state, logic, and styling.
+
+## Component File Structure
+
+To maintain consistency, every new component should follow this file structure. Create a new folder under `src/components/` with the component's `PascalCase` name.
+
+```text
+src/
+└── components/
+    └── MyNewComponent/
+        ├── index.ts                 // Public API - exports the component and props
+        ├── MyNewComponent.tsx       // The React component logic and JSX
+        ├── MyNewComponent.stories.tsx // Storybook stories for documentation
+        ├── styles.module.css        // Scoped CSS (only for custom components)
+        └── MyNewComponent.test.tsx  // (Optional but Recommended) Unit tests
+```
+
+## Coding Guidelines
+
+### 1. Component Logic (`MyNewComponent.tsx`)
+
+*   **TypeScript First:** All components must be written in TypeScript. Define a `Props` interface for your component, extending from the base HTML element or Digdir component props if applicable.
+*   **Forward Refs:** Always use `React.forwardRef` to allow parent components to get a `ref` to the underlying DOM element.
+*   **Accessibility is Mandatory:**
+    *   Use semantic HTML (`<button>`, `<label>`, `<nav>`).
+    *   Ensure all interactive elements are keyboard-focusable and operable.
+    *   Provide `aria-label` for icon-only buttons or elements where the text label is not visible.
+    *   Use `aria-invalid`, `aria-describedby`, etc., to communicate state to assistive technologies.
+*   **Controlled vs. Uncontrolled:** If your component has state (like an input), it should support both controlled (`value` + `onChange`) and uncontrolled (`defaultValue`) patterns.
+*   **Props Naming:** Use `data-*` attributes for styling variants (e.g., `data-size`, `data-color`) to align with the patterns in our existing components.
+
+### 2. Styling (`styles.module.css`)
+
+*   **CSS Modules:** For **custom components**, all styles must be placed in a `styles.module.css` file. This scopes class names locally and prevents global style conflicts.
+*   **Design Tokens:** Always use our design system tokens (`var(--ds-...)`) for colors, spacing, fonts, etc. Do not use hardcoded values (e.g., `#FFF`, `16px`).
+*   **Overriding Wrapped Components:** For **wrapped components**, use a standard CSS file. Use the `@layer` and `composes` keywords to extend base Digdir styles without increasing CSS specificity unnecessarily.
+
+### 3. Documentation (`MyNewComponent.stories.tsx`)
+
+Your Storybook file is the official documentation. It must be clear and comprehensive.
+
+*   **`meta` Object:** Define the component's title, component reference, and `tags: ['autodocs']` to enable automatic documentation.
+*   **`argTypes`:** Document every single prop. Provide a `description`, `control` type (e.g., `select`, `boolean`, `text`), and `options` if applicable. This powers the interactive controls in Storybook.
+*   **Create Multiple Stories:** Create a separate story for each key state and variant of your component (e.g., `Default`, `Disabled`, `WithError`, `WithIcon`).
+
+## Contribution Process
+
+### 1. Create a Pull Request (PR)
+
+1.  **Create a Branch:** Pull the latest changes from the `main` branch and create a new feature branch: `git checkout -b feat/my-new-component`.
+
+2.  **Open a Draft PR:** As soon as you start, open a **draft** pull request on GitHub. This prevents duplicate work and allows others to see what you're working on.
+
+3.  **Commit Your Changes:** As you work, make small, logical commits.
+
+4.  **Ready for Review:** When development is complete and all automated checks are passing, mark the PR as "Ready for review" and request a review from the design system maintainers.
+

package/dist/componentlibrary.es.js

@@ -1,6 +1,6 @@
-import ye, { forwardRef as ie, useState as _e, useEffect as Ce, useMemo as oe, useCallback as Y, useRef as Te } from "react";
-import { Alert as Ne, Avatar as Se, Badge as $e, BadgePosition as De, Breadcrumbs as Me, BreadcrumbsList as Ae, BreadcrumbsItem as Oe, BreadcrumbsLink as We, Button as de, Card as Be, CardBlock as Ie, Checkbox as Fe, Fieldset as xe, useCheckboxGroup as Le, Chip as Ye, Details as Ve, Dialog as He, Divider as ze, Dropdown as Ge, ErrorSummary as qe, FieldDescription as Ke, FieldCounter as Xe, Field as Je, Input as Ue, Link as Qe, List as Ze, Pagination as et, usePagination as tt, Popover as rt, Radio as at, useRadioGroup as nt, Search as ot, Select as st, Skeleton as it, SkipLink as lt, Spinner as ct, Switch as ut, Table as dt, Tabs as mt, Tag as ft, Textarea as ht, Textfield as pt, ToggleGroup as bt, Tooltip as vt } from "@digdir/designsystemet-react";
-import { startOfMonth as F, isValid as ce, isSameMonth as me, startOfWeek as we, format as K, addDays as Pe, subMonths as gt, addMonths as kt, isSameDay as yt, isToday as _t, eachDayOfInterval as Ct } from "date-fns";
+import ye, { forwardRef as ie, useState as _e, useEffect as we, useMemo as oe, useCallback as Y, useRef as Te } from "react";
+import { Alert as Ne, Avatar as Se, Badge as $e, BadgePosition as De, Breadcrumbs as Me, BreadcrumbsList as Ae, BreadcrumbsItem as Oe, BreadcrumbsLink as We, Button as de, Card as Be, CardBlock as Ie, Checkbox as Fe, Fieldset as Ce, useCheckboxGroup as Le, Chip as Ye, Details as Ve, Dialog as He, Divider as ze, Dropdown as Ge, ErrorSummary as qe, FieldDescription as Ke, FieldCounter as Xe, Field as Je, Input as Ue, Link as Qe, List as Ze, Pagination as et, usePagination as tt, Popover as rt, Radio as at, useRadioGroup as nt, Search as ot, Select as st, Skeleton as it, SkipLink as lt, Spinner as ct, Switch as ut, Table as dt, Tabs as mt, Tag as ft, Textarea as ht, Textfield as pt, ToggleGroup as bt, Tooltip as vt } from "@digdir/designsystemet-react";
+import { startOfMonth as F, isValid as ce, isSameMonth as me, startOfWeek as xe, format as K, addDays as Pe, subMonths as gt, addMonths as kt, isSameDay as yt, isToday as _t, eachDayOfInterval as wt } from "date-fns";
 var se = { exports: {} }, X = {};
 /**
  * @license React
@@ -12,7 +12,7 @@ var se = { exports: {} }, X = {};
  * LICENSE file in the root directory of this source tree.
  */
 var fe;
-function xt() {
+function Ct() {
   if (fe) return X;
   fe = 1;
   var e = Symbol.for("react.transitional.element"), a = Symbol.for("react.fragment");
@@ -44,7 +44,7 @@ var J = {};
  * LICENSE file in the root directory of this source tree.
  */
 var he;
-function wt() {
+function xt() {
   return he || (he = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(t) {
       if (t == null) return null;
@@ -154,7 +154,7 @@ function wt() {
     }
     function _(t, n, c, f, h, b, A, G) {
       return c = b.ref, t = {
-        $$typeof: x,
+        $$typeof: C,
         type: t,
         key: n,
         props: b,
@@ -184,7 +184,7 @@ function wt() {
         value: G
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function C(t, n, c, f, h, b, A, G) {
+    function w(t, n, c, f, h, b, A, G) {
       var p = n.children;
       if (p !== void 0)
         if (f)
@@ -217,8 +217,8 @@ React keys must be passed directly to JSX without using spread:
       }
       if (p = null, c !== void 0 && (r(c), p = "" + c), u(n) && (r(n.key), p = "" + n.key), "key" in n) {
         c = {};
-        for (var w in n)
-          w !== "key" && (c[w] = n[w]);
+        for (var x in n)
+          x !== "key" && (c[x] = n[x]);
       } else c = n;
       return p && m(
         c,
@@ -235,9 +235,9 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function v(t) {
-      typeof t == "object" && t !== null && t.$$typeof === x && t._store && (t._store.validated = 1);
+      typeof t == "object" && t !== null && t.$$typeof === C && t._store && (t._store.validated = 1);
     }
-    var j = ye, x = Symbol.for("react.transitional.element"), V = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), P = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), H = Symbol.for("react.forward_ref"), W = Symbol.for("react.suspense"), Z = Symbol.for("react.suspense_list"), z = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), le = Symbol.for("react.activity"), B = Symbol.for("react.client.reference"), g = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, M = Array.isArray, I = console.createTask ? console.createTask : function() {
+    var j = ye, C = Symbol.for("react.transitional.element"), V = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), P = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), H = Symbol.for("react.forward_ref"), W = Symbol.for("react.suspense"), Z = Symbol.for("react.suspense_list"), z = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), le = Symbol.for("react.activity"), B = Symbol.for("react.client.reference"), g = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, M = Array.isArray, I = console.createTask ? console.createTask : function() {
       return null;
     };
     j = {
@@ -251,7 +251,7 @@ React keys must be passed directly to JSX without using spread:
     )(), ae = I(o(d)), ne = {};
     J.Fragment = S, J.jsx = function(t, n, c, f, h) {
       var b = 1e4 > g.recentlyCreatedOwnerStacks++;
-      return C(
+      return w(
         t,
         n,
         c,
@@ -263,7 +263,7 @@ React keys must be passed directly to JSX without using spread:
       );
     }, J.jsxs = function(t, n, c, f, h) {
       var b = 1e4 > g.recentlyCreatedOwnerStacks++;
-      return C(
+      return w(
         t,
         n,
         c,
@@ -278,7 +278,7 @@ React keys must be passed directly to JSX without using spread:
 }
 var pe;
 function Pt() {
-  return pe || (pe = 1, process.env.NODE_ENV === "production" ? se.exports = xt() : se.exports = wt()), se.exports;
+  return pe || (pe = 1, process.env.NODE_ENV === "production" ? se.exports = Ct() : se.exports = xt()), se.exports;
 }
 var l = Pt();
 const Et = ie((e, a) => /* @__PURE__ */ l.jsx(Ne, { ref: a, ...e }));
@@ -291,7 +291,7 @@ const Ar = De, Or = Me, Wr = Ae, Br = Oe, Ir = We, Tt = de;
 Tt.displayName = "Button";
 const Nt = Be, Fr = Ie;
 Nt.displayName = "Card";
-const St = Fe, $t = xe, Lr = Le;
+const St = Fe, $t = Ce, Lr = Le;
 St.displayName = "Checkbox";
 $t.displayName = "Fieldset";
 const Yr = Ye;
@@ -330,8 +330,8 @@ function Q(e) {
       // [TODO] -- I challenge you to fix the type
       r.valueCallback(_)
     ) : _;
-    const C = a.slice(u.length);
-    return { value: _, rest: C };
+    const w = a.slice(u.length);
+    return { value: _, rest: w };
   };
 }
 function Dt(e, a) {
@@ -728,7 +728,7 @@ const Re = ({ title: e, ...a }) => /* @__PURE__ */ l.jsxs(
   }
 );
 Re.displayName = "ChevronRightIcon";
-const ur = "_calendarContainer_mtooc_5", dr = "_calendarHeader_mtooc_33", mr = "_monthYear_mtooc_47", fr = "_navigationButtons_mtooc_71", hr = "_grid_mtooc_89", pr = "_dayNameCell_mtooc_105", br = "_dateCell_mtooc_143", vr = "_dateNumberContainer_mtooc_213", gr = "_otherMonth_mtooc_249", kr = "_selectedDate_mtooc_313", k = {
+const ur = "_calendarContainer_160wn_3", dr = "_calendarHeader_160wn_17", mr = "_monthYear_160wn_24", fr = "_navigationButtons_160wn_36", hr = "_grid_160wn_45", pr = "_dayNameCell_160wn_53", br = "_dateCell_160wn_72", vr = "_dateNumberContainer_160wn_107", gr = "_otherMonth_160wn_125", kr = "_selectedDate_160wn_157", k = {
   calendarContainer: ur,
   calendarHeader: dr,
   monthYear: mr,
@@ -740,8 +740,8 @@ const ur = "_calendarContainer_mtooc_5", dr = "_calendarHeader_mtooc_33", mr = "
   otherMonth: gr,
   selectedDate: kr
 }, yr = (e) => {
-  const a = F(e), r = we(a, { locale: L }), o = Pe(r, 41);
-  return Ct({ start: r, end: o });
+  const a = F(e), r = xe(a, { locale: L }), o = Pe(r, 41);
+  return wt({ start: r, end: o });
 }, be = (e) => e && e.charAt(0).toUpperCase() + e.slice(1), _r = ({
   initialDate: e = /* @__PURE__ */ new Date(),
   selectedDate: a = null,
@@ -752,7 +752,7 @@ const ur = "_calendarContainer_mtooc_5", dr = "_calendarHeader_mtooc_33", mr = "
     // Initialize with selectedDate's month if valid, otherwise initialDate's month
     F(a && ce(a) ? a : e)
   );
-  Ce(() => {
+  we(() => {
     if (a && ce(a)) {
       const i = F(a);
       me(i, o) || s(i);
@@ -762,14 +762,14 @@ const ur = "_calendarContainer_mtooc_5", dr = "_calendarHeader_mtooc_33", mr = "
     () => yr(o),
     [o]
   ), y = oe(() => {
-    const i = we(/* @__PURE__ */ new Date(), { locale: L });
+    const i = xe(/* @__PURE__ */ new Date(), { locale: L });
     return Array.from({ length: 7 }).map((T, P) => {
       const $ = K(Pe(i, P), "EEEEEE", { locale: L });
       return be($);
     });
   }, []), _ = Y(() => {
     u || s((i) => F(gt(i, 1)));
-  }, [u]), C = Y(() => {
+  }, [u]), w = Y(() => {
     s((i) => F(kt(i, 1)));
   }, []), v = Y(
     (i) => {
@@ -781,7 +781,7 @@ const ur = "_calendarContainer_mtooc_5", dr = "_calendarHeader_mtooc_33", mr = "
       (i.key === "Enter" || i.key === " ") && (i.preventDefault(), v(T));
     },
     [v]
-  ), x = K(o, "MMMM", { locale: L }), V = K(o, "yyyy", { locale: L }), S = `${be(x)} ${V}`;
+  ), C = K(o, "MMMM", { locale: L }), V = K(o, "yyyy", { locale: L }), S = `${be(C)} ${V}`;
   return /* @__PURE__ */ l.jsxs("div", { className: k.calendarContainer, children: [
     /* @__PURE__ */ l.jsxs("div", { className: k.calendarHeader, children: [
       /* @__PURE__ */ l.jsx("span", { className: k.monthYear, children: S }),
@@ -802,7 +802,7 @@ const ur = "_calendarContainer_mtooc_5", dr = "_calendarHeader_mtooc_33", mr = "
           {
             variant: "tertiary",
             icon: !0,
-            onClick: C,
+            onClick: w,
             "aria-label": "Neste måned",
             children: /* @__PURE__ */ l.jsx(Re, {})
           }
@@ -836,10 +836,10 @@ const ur = "_calendarContainer_mtooc_5", dr = "_calendarHeader_mtooc_33", mr = "
   ] });
 };
 _r.displayName = "DatePicker";
-const Cr = "_fieldset_s5r8s_7", xr = "_description_s5r8s_29", wr = "_error_s5r8s_43", Pr = "_inputWrapper_s5r8s_59", Er = "_inputWrapperError_s5r8s_83", Rr = "_suffixButton_s5r8s_199", jr = "_suffixButtonInteractive_s5r8s_239", O = {
-  fieldset: Cr,
-  description: xr,
-  error: wr,
+const wr = "_fieldset_17wt1_4", Cr = "_description_17wt1_15", xr = "_error_17wt1_22", Pr = "_inputWrapper_17wt1_30", Er = "_inputWrapperError_17wt1_42", Rr = "_suffixButton_17wt1_100", jr = "_suffixButtonInteractive_17wt1_120", O = {
+  fieldset: wr,
+  description: Cr,
+  error: xr,
   inputWrapper: Pr,
   inputWrapperError: Er,
   suffixButton: Rr,
@@ -872,10 +872,10 @@ const Cr = "_fieldset_s5r8s_7", xr = "_description_s5r8s_29", wr = "_error_s5r8s
       // For the actual input element
       value: y,
       defaultValue: _,
-      onChange: C,
+      onChange: w,
       readOnly: v,
       placeholder: j = "dd.mm.åååå",
-      id: x,
+      id: C,
       name: V,
       required: S,
       disabled: i,
@@ -905,7 +905,7 @@ const Cr = "_fieldset_s5r8s_7", xr = "_description_s5r8s_29", wr = "_error_s5r8s
     ), [M, I] = _e(
       () => D(y ?? _)
     );
-    Ce(() => {
+    we(() => {
       if (B) {
         const h = D(y);
         h !== M && (I(h), g.current && g.current.value !== h && (g.current.value = h));
@@ -913,20 +913,20 @@ const Cr = "_fieldset_s5r8s_7", xr = "_description_s5r8s_29", wr = "_error_s5r8s
     }, [y, B, M, D]);
     const ee = Y(
       (h) => {
-        const b = h.target, A = b.value, G = M, p = ge(A).slice(0, 8), E = ke(p), w = ve(E);
+        const b = h.target, A = b.value, G = M, p = ge(A).slice(0, 8), E = ke(p), x = ve(E);
         let R = 0;
         const q = E.length;
-        q <= 2 ? R = q : q <= 4 ? R = q + 1 : R = q + 2, R = Math.min(R, w.length), requestAnimationFrame(() => {
-          if (g.current && (I(w), g.current.value = w, g.current.setSelectionRange(R, R), (w !== G || B) && C)) {
+        q <= 2 ? R = q : q <= 4 ? R = q + 1 : R = q + 2, R = Math.min(R, x.length), requestAnimationFrame(() => {
+          if (g.current && (I(x), g.current.value = x, g.current.setSelectionRange(R, R), (x !== G || B) && w)) {
             const je = {
               ...h,
-              target: { ...b, value: w }
+              target: { ...b, value: x }
             };
-            C(je, w);
+            w(je, x);
           }
         });
       },
-      [M, B, C, D]
+      [M, B, w, D]
       // Added isControlled and getFormattedValue
     ), te = [O.fieldset, d].filter(Boolean).join(" "), re = [
       O.inputWrapper,
@@ -950,11 +950,11 @@ const Cr = "_fieldset_s5r8s_7", xr = "_description_s5r8s_29", wr = "_error_s5r8s
       // disabled ? styles.suffixButtonDisabled : '',
     ].filter(Boolean).join(" ");
     !r && !W && !Z && console.warn("Warning: DateInput component should have a label, aria-label, or aria-labelledby for accessibility.");
-    const t = r && typeof r == "string" ? Z || `${x}-label` : void 0, n = z ? `${x}-desc` : void 0, c = N ? `${x}-err` : void 0, f = [n, c].filter(Boolean).join(" ") || void 0;
+    const t = r && typeof r == "string" ? Z || `${C}-label` : void 0, n = z ? `${C}-desc` : void 0, c = N ? `${C}-err` : void 0, f = [n, c].filter(Boolean).join(" ") || void 0;
     return (
       // Use the fieldset structure and classes from InputField CSS
       /* @__PURE__ */ l.jsxs("div", { className: te, children: [
-        r && typeof r == "string" ? /* @__PURE__ */ l.jsx("label", { id: t, htmlFor: x, children: r }) : r,
+        r && typeof r == "string" ? /* @__PURE__ */ l.jsx("label", { id: t, htmlFor: C, children: r }) : r,
         z && /* @__PURE__ */ l.jsxs("p", { id: n, className: O.description, children: [
           " ",
           z
@@ -971,7 +971,7 @@ const Cr = "_fieldset_s5r8s_7", xr = "_description_s5r8s_29", wr = "_error_s5r8s
               value: M,
               readOnly: v,
               placeholder: j,
-              id: x,
+              id: C,
               name: V,
               required: S,
               disabled: i,
@@ -1011,7 +1011,7 @@ Tr.displayName = "DateInput";
 const Vr = Ve, Hr = He, zr = ze, Gr = Ge, qr = qe, Kr = Je, Nr = Ke, Sr = Xe;
 Nr.displayName = "Field.Description";
 Sr.displayName = "Field.Counter";
-const Xr = xe, Jr = Ue, Ur = Qe, Qr = Ze, Zr = et, ea = tt, ta = rt, ra = at, aa = nt, na = ot, oa = st, sa = it, ia = lt, la = ct, ca = ut, ua = dt, da = mt, ma = ft, fa = ht, ha = pt, pa = bt, ba = vt;
+const Xr = Ce, Jr = Ue, Ur = Qe, Qr = Ze, Zr = et, ea = tt, ta = rt, ra = at, aa = nt, na = ot, oa = st, sa = it, ia = lt, la = ct, ca = ut, ua = dt, da = mt, ma = ft, fa = ht, ha = pt, pa = bt, ba = vt;
 export {
   Et as Alert,
   Rt as Avatar,

package/dist/componentlibrary.umd.js

@@ -14,9 +14,9 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ue;function Se(){return ue||(ue=1,process.env.NODE_ENV!=="production"&&(function(){function e(t){if(t==null)return null;if(typeof t=="function")return t.$$typeof===H?null:t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case B:return"Fragment";case O:return"Profiler";case c:return"StrictMode";case F:return"Suspense";case te:return"SuspenseList";case se:return"Activity"}if(typeof t=="object")switch(typeof t.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),t.$$typeof){case U:return"Portal";case I:return(t.displayName||"Context")+".Provider";case S:return(t._context.displayName||"Context")+".Consumer";case Q:var i=t.render;return t=t.displayName,t||(t=i.displayName||i.name||"",t=t!==""?"ForwardRef("+t+")":"ForwardRef"),t;case Z:return i=t.displayName||null,i!==null?i:e(t.type)||"Memo";case W:i=t._payload,t=t._init;try{return e(t(i))}catch{}}return null}function n(t){return""+t}function r(t){try{n(t);var i=!1}catch{i=!0}if(i){i=console;var d=i.error,p=typeof Symbol=="function"&&Symbol.toStringTag&&t[Symbol.toStringTag]||t.constructor.name||"Object";return d.call(i,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",p),n(t)}}function l(t){if(t===B)return"<>";if(typeof t=="object"&&t!==null&&t.$$typeof===W)return"<...>";try{var i=e(t);return i?"<"+i+">":"<...>"}catch{return"<...>"}}function s(){var t=P.A;return t===null?null:t.getOwner()}function b(){return Error("react-stack-top-frame")}function h(t){if(L.call(t,"key")){var i=Object.getOwnPropertyDescriptor(t,"key").get;if(i&&i.isReactWarning)return!1}return t.key!==void 0}function v(t,i){function d(){re||(re=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",i))}d.isReactWarning=!0,Object.defineProperty(t,"key",{get:d,configurable:!0})}function E(){var t=e(this.type);return ne[t]||(ne[t]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),t=this.props.ref,t!==void 0?t:null}function j(t,i,d,p,k,_,Y,q){return d=_.ref,t={$$typeof:y,type:t,key:i,props:_,_owner:k},(d!==void 0?d:null)!==null?Object.defineProperty(t,"ref",{enumerable:!1,get:E}):Object.defineProperty(t,"ref",{enumerable:!1,value:null}),t._store={},Object.defineProperty(t._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(t,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(t,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:Y}),Object.defineProperty(t,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.freeze&&(Object.freeze(t.props),Object.freeze(t)),t}function T(t,i,d,p,k,_,Y,q){var C=i.children;if(C!==void 0)if(p)if(R(C)){for(p=0;p<C.length;p++)w(C[p]);Object.freeze&&Object.freeze(C)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else w(C);if(L.call(i,"key")){C=e(t);var M=Object.keys(i).filter(function(D){return D!=="key"});p=0<M.length?"{key: someKey, "+M.join(": ..., ")+": ...}":"{key: someKey}",ie[C+p]||(M=0<M.length?"{"+M.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var ue;function Se(){return ue||(ue=1,process.env.NODE_ENV!=="production"&&(function(){function e(t){if(t==null)return null;if(typeof t=="function")return t.$$typeof===H?null:t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case B:return"Fragment";case O:return"Profiler";case c:return"StrictMode";case F:return"Suspense";case te:return"SuspenseList";case se:return"Activity"}if(typeof t=="object")switch(typeof t.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),t.$$typeof){case U:return"Portal";case I:return(t.displayName||"Context")+".Provider";case S:return(t._context.displayName||"Context")+".Consumer";case Q:var i=t.render;return t=t.displayName,t||(t=i.displayName||i.name||"",t=t!==""?"ForwardRef("+t+")":"ForwardRef"),t;case Z:return i=t.displayName||null,i!==null?i:e(t.type)||"Memo";case W:i=t._payload,t=t._init;try{return e(t(i))}catch{}}return null}function n(t){return""+t}function r(t){try{n(t);var i=!1}catch{i=!0}if(i){i=console;var d=i.error,p=typeof Symbol=="function"&&Symbol.toStringTag&&t[Symbol.toStringTag]||t.constructor.name||"Object";return d.call(i,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",p),n(t)}}function l(t){if(t===B)return"<>";if(typeof t=="object"&&t!==null&&t.$$typeof===W)return"<...>";try{var i=e(t);return i?"<"+i+">":"<...>"}catch{return"<...>"}}function s(){var t=P.A;return t===null?null:t.getOwner()}function b(){return Error("react-stack-top-frame")}function h(t){if(L.call(t,"key")){var i=Object.getOwnPropertyDescriptor(t,"key").get;if(i&&i.isReactWarning)return!1}return t.key!==void 0}function v(t,i){function d(){re||(re=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",i))}d.isReactWarning=!0,Object.defineProperty(t,"key",{get:d,configurable:!0})}function E(){var t=e(this.type);return ne[t]||(ne[t]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),t=this.props.ref,t!==void 0?t:null}function j(t,i,d,p,k,C,Y,q){return d=C.ref,t={$$typeof:y,type:t,key:i,props:C,_owner:k},(d!==void 0?d:null)!==null?Object.defineProperty(t,"ref",{enumerable:!1,get:E}):Object.defineProperty(t,"ref",{enumerable:!1,value:null}),t._store={},Object.defineProperty(t._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(t,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(t,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:Y}),Object.defineProperty(t,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.freeze&&(Object.freeze(t.props),Object.freeze(t)),t}function T(t,i,d,p,k,C,Y,q){var w=i.children;if(w!==void 0)if(p)if(R(w)){for(p=0;p<w.length;p++)g(w[p]);Object.freeze&&Object.freeze(w)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else g(w);if(L.call(i,"key")){w=e(t);var M=Object.keys(i).filter(function(D){return D!=="key"});p=0<M.length?"{key: someKey, "+M.join(": ..., ")+": ...}":"{key: someKey}",ie[w+p]||(M=0<M.length?"{"+M.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,p,C,M,C),ie[C+p]=!0)}if(C=null,d!==void 0&&(r(d),C=""+d),h(i)&&(r(i.key),C=""+i.key),"key"in i){d={};for(var N in i)N!=="key"&&(d[N]=i[N])}else d=i;return C&&v(d,typeof t=="function"?t.displayName||t.name||"Unknown":t),j(t,C,_,k,s(),d,Y,q)}function w(t){typeof t=="object"&&t!==null&&t.$$typeof===y&&t._store&&(t._store.validated=1)}var x=f,y=Symbol.for("react.transitional.element"),U=Symbol.for("react.portal"),B=Symbol.for("react.fragment"),c=Symbol.for("react.strict_mode"),O=Symbol.for("react.profiler"),S=Symbol.for("react.consumer"),I=Symbol.for("react.context"),Q=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),te=Symbol.for("react.suspense_list"),Z=Symbol.for("react.memo"),W=Symbol.for("react.lazy"),se=Symbol.for("react.activity"),H=Symbol.for("react.client.reference"),P=x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,L=Object.prototype.hasOwnProperty,R=Array.isArray,z=console.createTask?console.createTask:function(){return null};x={react_stack_bottom_frame:function(t){return t()}};var re,ne={},ae=x.react_stack_bottom_frame.bind(x,b)(),oe=z(l(b)),ie={};K.Fragment=B,K.jsx=function(t,i,d,p,k){var _=1e4>P.recentlyCreatedOwnerStacks++;return T(t,i,d,!1,p,k,_?Error("react-stack-top-frame"):ae,_?z(l(t)):oe)},K.jsxs=function(t,i,d,p,k){var _=1e4>P.recentlyCreatedOwnerStacks++;return T(t,i,d,!0,p,k,_?Error("react-stack-top-frame"):ae,_?z(l(t)):oe)}})()),K}var de;function Me(){return de||(de=1,process.env.NODE_ENV==="production"?ee.exports=Ne():ee.exports=Se()),ee.exports}var u=Me();const fe=f.forwardRef((e,n)=>u.jsx(o.Alert,{ref:n,...e}));fe.displayName="Alert";const me=f.forwardRef((e,n)=>u.jsx(o.Avatar,{ref:n,...e}));me.displayName="Avatar";const he=f.forwardRef((e,n)=>u.jsx(o.Badge,{ref:n,...e}));he.displayName="Badge";const De=o.BadgePosition,xe=o.Breadcrumbs,Oe=o.BreadcrumbsList,We=o.BreadcrumbsItem,Ae=o.BreadcrumbsLink,be=o.Button;be.displayName="Button";const ve=o.Card,Be=o.CardBlock;ve.displayName="Card";const pe=o.Checkbox,Ie=o.Fieldset,Le=o.useCheckboxGroup;pe.displayName="Checkbox",Ie.displayName="Fieldset";const Re=o.Chip;function le(e){return(n={})=>{const r=n.width?String(n.width):e.defaultWidth;return e.formats[r]||e.formats[e.defaultWidth]}}function X(e){return(n,r)=>{const l=r!=null&&r.context?String(r.context):"standalone";let s;if(l==="formatting"&&e.formattingValues){const h=e.defaultFormattingWidth||e.defaultWidth,v=r!=null&&r.width?String(r.width):h;s=e.formattingValues[v]||e.formattingValues[h]}else{const h=e.defaultWidth,v=r!=null&&r.width?String(r.width):e.defaultWidth;s=e.values[v]||e.values[h]}const b=e.argumentCallback?e.argumentCallback(n):n;return s[b]}}function J(e){return(n,r={})=>{const l=r.width,s=l&&e.matchPatterns[l]||e.matchPatterns[e.defaultMatchWidth],b=n.match(s);if(!b)return null;const h=b[0],v=l&&e.parsePatterns[l]||e.parsePatterns[e.defaultParseWidth],E=Array.isArray(v)?Ve(v,w=>w.test(h)):Ye(v,w=>w.test(h));let j;j=e.valueCallback?e.valueCallback(E):E,j=r.valueCallback?r.valueCallback(j):j;const T=n.slice(h.length);return{value:j,rest:T}}}function Ye(e,n){for(const r in e)if(Object.prototype.hasOwnProperty.call(e,r)&&n(e[r]))return r}function Ve(e,n){for(let r=0;r<e.length;r++)if(n(e[r]))return r}function Fe(e){return(n,r={})=>{const l=n.match(e.matchPattern);if(!l)return null;const s=l[0],b=n.match(e.parsePattern);if(!b)return null;let h=e.valueCallback?e.valueCallback(b[0]):b[0];h=r.valueCallback?r.valueCallback(h):h;const v=n.slice(s.length);return{value:h,rest:v}}}const He={lessThanXSeconds:{one:"mindre enn ett sekund",other:"mindre enn {{count}} sekunder"},xSeconds:{one:"ett sekund",other:"{{count}} sekunder"},halfAMinute:"et halvt minutt",lessThanXMinutes:{one:"mindre enn ett minutt",other:"mindre enn {{count}} minutter"},xMinutes:{one:"ett minutt",other:"{{count}} minutter"},aboutXHours:{one:"omtrent en time",other:"omtrent {{count}} timer"},xHours:{one:"en time",other:"{{count}} timer"},xDays:{one:"en dag",other:"{{count}} dager"},aboutXWeeks:{one:"omtrent en uke",other:"omtrent {{count}} uker"},xWeeks:{one:"en uke",other:"{{count}} uker"},aboutXMonths:{one:"omtrent en måned",other:"omtrent {{count}} måneder"},xMonths:{one:"en måned",other:"{{count}} måneder"},aboutXYears:{one:"omtrent ett år",other:"omtrent {{count}} år"},xYears:{one:"ett år",other:"{{count}} år"},overXYears:{one:"over ett år",other:"over {{count}} år"},almostXYears:{one:"nesten ett år",other:"nesten {{count}} år"}},ze=(e,n,r)=>{let l;const s=He[e];return typeof s=="string"?l=s:n===1?l=s.one:l=s.other.replace("{{count}}",String(n)),r!=null&&r.addSuffix?r.comparison&&r.comparison>0?"om "+l:l+" siden":l},Ge={full:"EEEE d. MMMM y",long:"d. MMMM y",medium:"d. MMM y",short:"dd.MM.y"},Ke={full:"'kl'. HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},Xe={full:"{{date}} 'kl.' {{time}}",long:"{{date}} 'kl.' {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},Je={date:le({formats:Ge,defaultWidth:"full"}),time:le({formats:Ke,defaultWidth:"full"}),dateTime:le({formats:Xe,defaultWidth:"full"})},Ue={lastWeek:"'forrige' eeee 'kl.' p",yesterday:"'i går kl.' p",today:"'i dag kl.' p",tomorrow:"'i morgen kl.' p",nextWeek:"EEEE 'kl.' p",other:"P"},Qe=(e,n,r,l)=>Ue[e],Ze={narrow:["f.Kr.","e.Kr."],abbreviated:["f.Kr.","e.Kr."],wide:["før Kristus","etter Kristus"]},qe={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1. kvartal","2. kvartal","3. kvartal","4. kvartal"]},$e={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["jan.","feb.","mars","apr.","mai","juni","juli","aug.","sep.","okt.","nov.","des."],wide:["januar","februar","mars","april","mai","juni","juli","august","september","oktober","november","desember"]},et={narrow:["S","M","T","O","T","F","L"],short:["sø","ma","ti","on","to","fr","lø"],abbreviated:["søn","man","tir","ons","tor","fre","lør"],wide:["søndag","mandag","tirsdag","onsdag","torsdag","fredag","lørdag"]},tt={narrow:{am:"a",pm:"p",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på etterm.",evening:"på kvelden",night:"på natten"},abbreviated:{am:"a.m.",pm:"p.m.",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på etterm.",evening:"på kvelden",night:"på natten"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnatt",noon:"middag",morning:"på morgenen",afternoon:"på ettermiddagen",evening:"på kvelden",night:"på natten"}},rt={ordinalNumber:(e,n)=>Number(e)+".",era:X({values:Ze,defaultWidth:"wide"}),quarter:X({values:qe,defaultWidth:"wide",argumentCallback:e=>e-1}),month:X({values:$e,defaultWidth:"wide"}),day:X({values:et,defaultWidth:"wide"}),dayPeriod:X({values:tt,defaultWidth:"wide"})},nt=/^(\d+)\.?/i,at=/\d+/i,ot={narrow:/^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,abbreviated:/^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,wide:/^(før Kristus|før vår tid|etter Kristus|vår tid)/i},it={any:[/^f/i,/^e/i]},lt={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](\.)? kvartal/i},st={any:[/1/i,/2/i,/3/i,/4/i]},ct={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mars?|apr|mai|juni?|juli?|aug|sep|okt|nov|des)\.?/i,wide:/^(januar|februar|mars|april|mai|juni|juli|august|september|oktober|november|desember)/i},ut={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^mai/i,/^jun/i,/^jul/i,/^aug/i,/^s/i,/^o/i,/^n/i,/^d/i]},dt={narrow:/^[smtofl]/i,short:/^(sø|ma|ti|on|to|fr|lø)/i,abbreviated:/^(søn|man|tir|ons|tor|fre|lør)/i,wide:/^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i},ft={any:[/^s/i,/^m/i,/^ti/i,/^o/i,/^to/i,/^f/i,/^l/i]},mt={narrow:/^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i,any:/^([ap]\.?\s?m\.?|midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten))/i},ht={any:{am:/^a(\.?\s?m\.?)?$/i,pm:/^p(\.?\s?m\.?)?$/i,midnight:/^midn/i,noon:/^midd/i,morning:/morgen/i,afternoon:/ettermiddag/i,evening:/kveld/i,night:/natt/i}},bt={ordinalNumber:Fe({matchPattern:nt,parsePattern:at,valueCallback:e=>parseInt(e,10)}),era:J({matchPatterns:ot,defaultMatchWidth:"wide",parsePatterns:it,defaultParseWidth:"any"}),quarter:J({matchPatterns:lt,defaultMatchWidth:"wide",parsePatterns:st,defaultParseWidth:"any",valueCallback:e=>e+1}),month:J({matchPatterns:ct,defaultMatchWidth:"wide",parsePatterns:ut,defaultParseWidth:"any"}),day:J({matchPatterns:dt,defaultMatchWidth:"wide",parsePatterns:ft,defaultParseWidth:"any"}),dayPeriod:J({matchPatterns:mt,defaultMatchWidth:"any",parsePatterns:ht,defaultParseWidth:"any"})},V={code:"nb",formatDistance:ze,formatLong:Je,formatRelative:Qe,localize:rt,match:bt,options:{weekStartsOn:1,firstWeekContainsDate:4}},ke=({title:e,...n})=>u.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 28 28",fill:"none","aria-hidden":e?void 0:!0,focusable:"false",...n,children:[e&&u.jsx("title",{children:e}),u.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.952 6.96459C16.6103 6.62289 16.0563 6.62289 15.7146 6.96459L9.2979 13.3813C8.95621 13.723 8.95621 14.277 9.2979 14.6187L15.7146 21.0354C16.0563 21.3771 16.6103 21.3771 16.952 21.0354C17.2937 20.6937 17.2937 20.1396 16.952 19.7979L11.1541 14L16.952 8.20203C17.2937 7.86032 17.2937 7.3063 16.952 6.96459Z",fill:"currentColor"})]});ke.displayName="ChevronLeftIcon";const Ce=({title:e,...n})=>u.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 28 28",fill:"none","aria-hidden":e?void 0:!0,focusable:"false",...n,children:[e&&u.jsx("title",{children:e}),u.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.048 6.96459C11.3897 6.62289 11.9437 6.62289 12.2854 6.96459L18.7021 13.3813C19.0438 13.723 19.0438 14.277 18.7021 14.6187L12.2854 21.0354C11.9437 21.3771 11.3897 21.3771 11.048 21.0354C10.7063 20.6937 10.7063 20.1396 11.048 19.7979L16.8459 14L11.048 8.20203C10.7063 7.86032 10.7063 7.3063 11.048 6.96459Z",fill:"currentColor"})]});Ce.displayName="ChevronRightIcon";const g={calendarContainer:"_calendarContainer_mtooc_5",calendarHeader:"_calendarHeader_mtooc_33",monthYear:"_monthYear_mtooc_47",navigationButtons:"_navigationButtons_mtooc_71",grid:"_grid_mtooc_89",dayNameCell:"_dayNameCell_mtooc_105",dateCell:"_dateCell_mtooc_143",dateNumberContainer:"_dateNumberContainer_mtooc_213",otherMonth:"_otherMonth_mtooc_249",selectedDate:"_selectedDate_mtooc_313"},vt=e=>{const n=m.startOfMonth(e),r=m.startOfWeek(n,{locale:V}),l=m.addDays(r,41);return m.eachDayOfInterval({start:r,end:l})},_e=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),ge=({initialDate:e=new Date,selectedDate:n=null,onDateSelect:r})=>{const[l,s]=f.useState(m.startOfMonth(n&&m.isValid(n)?n:e));f.useEffect(()=>{if(n&&m.isValid(n)){const c=m.startOfMonth(n);m.isSameMonth(c,l)||s(c)}},[n]);const b=f.useMemo(()=>m.startOfMonth(new Date),[]),h=f.useMemo(()=>!1,[l,b]),v=f.useMemo(()=>vt(l),[l]),E=f.useMemo(()=>{const c=m.startOfWeek(new Date,{locale:V});return Array.from({length:7}).map((O,S)=>{const I=m.format(m.addDays(c,S),"EEEEEE",{locale:V});return _e(I)})},[]),j=f.useCallback(()=>{h||s(c=>m.startOfMonth(m.subMonths(c,1)))},[h]),T=f.useCallback(()=>{s(c=>m.startOfMonth(m.addMonths(c,1)))},[]),w=f.useCallback(c=>{r&&r(c)},[r]),x=f.useCallback((c,O)=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),w(O))},[w]),y=m.format(l,"MMMM",{locale:V}),U=m.format(l,"yyyy",{locale:V}),B=`${_e(y)} ${U}`;return u.jsxs("div",{className:g.calendarContainer,children:[u.jsxs("div",{className:g.calendarHeader,children:[u.jsx("span",{className:g.monthYear,children:B}),u.jsxs("div",{className:g.navigationButtons,children:[u.jsx(o.Button,{variant:"tertiary",icon:!0,onClick:j,"aria-label":"Forrige måned",disabled:h,children:u.jsx(ke,{})}),u.jsx(o.Button,{variant:"tertiary",icon:!0,onClick:T,"aria-label":"Neste måned",children:u.jsx(Ce,{})})]})]}),u.jsx("div",{className:g.grid,children:E.map(c=>u.jsx("div",{className:g.dayNameCell,children:c},c))}),u.jsx("div",{className:g.grid,children:v.map(c=>{const O=m.isSameMonth(c,l),S=n&&m.isValid(n)&&m.isSameDay(c,n),I=m.isToday(c),Q=[g.dateCell,O?"":g.otherMonth,S?g.selectedDate:"",I&&!S?g.todayDate:""].filter(Boolean).join(" ");return u.jsx("div",{className:Q,onClick:()=>w(c),onKeyDown:F=>x(F,c),role:"button",tabIndex:0,"aria-pressed":S??!1,"aria-label":m.format(c,"PPP",{locale:V}),children:u.jsx("span",{className:g.dateNumberContainer,children:m.format(c,"d")})},c.toISOString())})})]})};ge.displayName="DatePicker";const A={fieldset:"_fieldset_s5r8s_7",description:"_description_s5r8s_29",error:"_error_s5r8s_43",inputWrapper:"_inputWrapper_s5r8s_59",inputWrapperError:"_inputWrapperError_s5r8s_83",suffixButton:"_suffixButton_s5r8s_199",suffixButtonInteractive:"_suffixButtonInteractive_s5r8s_239"},we=e=>{const n=e.slice(0,2),r=e.slice(2,4),l=e.slice(4,8);return e.length>4?`${n}.${r}.${l}`:e.length>2?`${n}.${r}`:e.length>0?n:""},Pe=e=>(e||"").replace(/\D/g,""),Ee=e=>{let n=e;if(n.length>=2){const r=parseInt(n.substring(0,2),10);!isNaN(r)&&r>31&&(n="31"+n.substring(2))}if(n.length>=4){const r=parseInt(n.substring(2,4),10);!isNaN(r)&&r>12&&(n=n.substring(0,2)+"12"+n.substring(4))}return n.slice(0,8)},je=f.forwardRef((e,n)=>{const{label:r,suffixIcon:l,onSuffixClick:s,className:b,inputWrapperClassName:h,inputClassName:v,value:E,defaultValue:j,onChange:T,readOnly:w,placeholder:x="dd.mm.åååå",id:y,name:U,required:B,disabled:c,onClick:O,onFocus:S,onBlur:I,autoComplete:Q="off","aria-label":F,"aria-labelledby":te,description:Z,error:W,...se}=e,H=E!==void 0,P=f.useRef(null);f.useImperativeHandle(n,()=>P.current);const L=f.useCallback(k=>{const _=Pe(k),Y=Ee(_);return we(Y)},[]),[R,z]=f.useState(()=>L(E??j));f.useEffect(()=>{if(H){const k=L(E);k!==R&&(z(k),P.current&&P.current.value!==k&&(P.current.value=k))}},[E,H,R,L]);const re=f.useCallback(k=>{const _=k.target,Y=_.value,q=R,C=Pe(Y).slice(0,8),M=Ee(C),N=we(M);let D=0;const $=M.length;$<=2?D=$:$<=4?D=$+1:D=$+2,D=Math.min(D,N.length),requestAnimationFrame(()=>{if(P.current&&(z(N),P.current.value=N,P.current.setSelectionRange(D,D),(N!==q||H)&&T)){const Gt={...k,target:{..._,value:N}};T(Gt,N)}})},[R,H,T,L]),ne=[A.fieldset,b].filter(Boolean).join(" "),ae=[A.inputWrapper,h,W?A.inputWrapperError:""].filter(Boolean).join(" "),oe=[v].filter(Boolean).join(" "),ie=[A.suffixButton,s?A.suffixButtonInteractive:""].filter(Boolean).join(" ");!r&&!F&&!te&&console.warn("Warning: DateInput component should have a label, aria-label, or aria-labelledby for accessibility.");const t=r&&typeof r=="string"?te||`${y}-label`:void 0,i=Z?`${y}-desc`:void 0,d=W?`${y}-err`:void 0,p=[i,d].filter(Boolean).join(" ")||void 0;return u.jsxs("div",{className:ne,children:[r&&typeof r=="string"?u.jsx("label",{id:t,htmlFor:y,children:r}):r,Z&&u.jsxs("p",{id:i,className:A.description,children:[" ",Z]}),u.jsxs("div",{className:ae,children:[u.jsx("input",{ref:P,type:"text",inputMode:"numeric",pattern:"\\d{2}\\.\\d{2}\\.\\d{4}",maxLength:10,value:R,readOnly:w,placeholder:x,id:y,name:U,required:B,disabled:c,onClick:O,onChange:re,onFocus:S,onBlur:I,autoComplete:Q,"aria-label":F,"aria-labelledby":t,"aria-describedby":p,"aria-invalid":!!W,className:oe,...se}),l&&u.jsx("button",{type:"button",className:ie,onClick:c?void 0:s,tabIndex:s&&!c?0:-1,"aria-hidden":!s,disabled:c,"aria-label":s?"Åpne datovelger":void 0,children:l})]}),W&&u.jsx("p",{id:d,className:A.error,role:"alert",children:W})]})});je.displayName="DateInput";const pt=o.Details,kt=o.Dialog,Ct=o.Divider,_t=o.Dropdown,gt=o.ErrorSummary,wt=o.Field,Te=o.FieldDescription,ye=o.FieldCounter;Te.displayName="Field.Description",ye.displayName="Field.Counter";const Pt=o.Fieldset,Et=o.Input,jt=o.Link,Tt=o.List,yt=o.Pagination,Nt=o.usePagination,St=o.Popover,Mt=o.Radio,Dt=o.useRadioGroup,xt=o.Search,Ot=o.Select,Wt=o.Skeleton,At=o.SkipLink,Bt=o.Spinner,It=o.Switch,Lt=o.Table,Rt=o.Tabs,Yt=o.Tag,Vt=o.Textarea,Ft=o.Textfield,Ht=o.ToggleGroup,zt=o.Tooltip;a.Alert=fe,a.Avatar=me,a.Badge=he,a.BadgePosition=De,a.Breadcrumbs=xe,a.BreadcrumbsItem=We,a.BreadcrumbsLink=Ae,a.BreadcrumbsList=Oe,a.Button=be,a.Card=ve,a.CardBlock=Be,a.Checkbox=pe,a.Chip=Re,a.DateInput=je,a.DatePicker=ge,a.Details=pt,a.Dialog=kt,a.Divider=Ct,a.Dropdown=_t,a.ErrorSummary=gt,a.Field=wt,a.FieldCounter=ye,a.FieldDescription=Te,a.Fieldset=Pt,a.Input=Et,a.Link=jt,a.List=Tt,a.Pagination=yt,a.Popover=St,a.Radio=Mt,a.Search=xt,a.Select=Ot,a.SkeletonLoader=Wt,a.SkipLink=At,a.Spinner=Bt,a.Switch=It,a.Table=Lt,a.Tabs=Rt,a.Tag=Yt,a.Textarea=Vt,a.Textfield=Ft,a.ToggleGroup=Ht,a.Tooltip=zt,a.useCheckboxGroup=Le,a.usePagination=Nt,a.useRadioGroup=Dt,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));
+  <%s key={someKey} {...props} />`,p,w,M,w),ie[w+p]=!0)}if(w=null,d!==void 0&&(r(d),w=""+d),h(i)&&(r(i.key),w=""+i.key),"key"in i){d={};for(var N in i)N!=="key"&&(d[N]=i[N])}else d=i;return w&&v(d,typeof t=="function"?t.displayName||t.name||"Unknown":t),j(t,w,C,k,s(),d,Y,q)}function g(t){typeof t=="object"&&t!==null&&t.$$typeof===y&&t._store&&(t._store.validated=1)}var x=f,y=Symbol.for("react.transitional.element"),U=Symbol.for("react.portal"),B=Symbol.for("react.fragment"),c=Symbol.for("react.strict_mode"),O=Symbol.for("react.profiler"),S=Symbol.for("react.consumer"),I=Symbol.for("react.context"),Q=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),te=Symbol.for("react.suspense_list"),Z=Symbol.for("react.memo"),W=Symbol.for("react.lazy"),se=Symbol.for("react.activity"),H=Symbol.for("react.client.reference"),P=x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,L=Object.prototype.hasOwnProperty,R=Array.isArray,z=console.createTask?console.createTask:function(){return null};x={react_stack_bottom_frame:function(t){return t()}};var re,ne={},ae=x.react_stack_bottom_frame.bind(x,b)(),oe=z(l(b)),ie={};K.Fragment=B,K.jsx=function(t,i,d,p,k){var C=1e4>P.recentlyCreatedOwnerStacks++;return T(t,i,d,!1,p,k,C?Error("react-stack-top-frame"):ae,C?z(l(t)):oe)},K.jsxs=function(t,i,d,p,k){var C=1e4>P.recentlyCreatedOwnerStacks++;return T(t,i,d,!0,p,k,C?Error("react-stack-top-frame"):ae,C?z(l(t)):oe)}})()),K}var de;function Me(){return de||(de=1,process.env.NODE_ENV==="production"?ee.exports=Ne():ee.exports=Se()),ee.exports}var u=Me();const fe=f.forwardRef((e,n)=>u.jsx(o.Alert,{ref:n,...e}));fe.displayName="Alert";const me=f.forwardRef((e,n)=>u.jsx(o.Avatar,{ref:n,...e}));me.displayName="Avatar";const he=f.forwardRef((e,n)=>u.jsx(o.Badge,{ref:n,...e}));he.displayName="Badge";const De=o.BadgePosition,xe=o.Breadcrumbs,Oe=o.BreadcrumbsList,We=o.BreadcrumbsItem,Ae=o.BreadcrumbsLink,be=o.Button;be.displayName="Button";const ve=o.Card,Be=o.CardBlock;ve.displayName="Card";const pe=o.Checkbox,Ie=o.Fieldset,Le=o.useCheckboxGroup;pe.displayName="Checkbox",Ie.displayName="Fieldset";const Re=o.Chip;function le(e){return(n={})=>{const r=n.width?String(n.width):e.defaultWidth;return e.formats[r]||e.formats[e.defaultWidth]}}function X(e){return(n,r)=>{const l=r!=null&&r.context?String(r.context):"standalone";let s;if(l==="formatting"&&e.formattingValues){const h=e.defaultFormattingWidth||e.defaultWidth,v=r!=null&&r.width?String(r.width):h;s=e.formattingValues[v]||e.formattingValues[h]}else{const h=e.defaultWidth,v=r!=null&&r.width?String(r.width):e.defaultWidth;s=e.values[v]||e.values[h]}const b=e.argumentCallback?e.argumentCallback(n):n;return s[b]}}function J(e){return(n,r={})=>{const l=r.width,s=l&&e.matchPatterns[l]||e.matchPatterns[e.defaultMatchWidth],b=n.match(s);if(!b)return null;const h=b[0],v=l&&e.parsePatterns[l]||e.parsePatterns[e.defaultParseWidth],E=Array.isArray(v)?Ve(v,g=>g.test(h)):Ye(v,g=>g.test(h));let j;j=e.valueCallback?e.valueCallback(E):E,j=r.valueCallback?r.valueCallback(j):j;const T=n.slice(h.length);return{value:j,rest:T}}}function Ye(e,n){for(const r in e)if(Object.prototype.hasOwnProperty.call(e,r)&&n(e[r]))return r}function Ve(e,n){for(let r=0;r<e.length;r++)if(n(e[r]))return r}function Fe(e){return(n,r={})=>{const l=n.match(e.matchPattern);if(!l)return null;const s=l[0],b=n.match(e.parsePattern);if(!b)return null;let h=e.valueCallback?e.valueCallback(b[0]):b[0];h=r.valueCallback?r.valueCallback(h):h;const v=n.slice(s.length);return{value:h,rest:v}}}const He={lessThanXSeconds:{one:"mindre enn ett sekund",other:"mindre enn {{count}} sekunder"},xSeconds:{one:"ett sekund",other:"{{count}} sekunder"},halfAMinute:"et halvt minutt",lessThanXMinutes:{one:"mindre enn ett minutt",other:"mindre enn {{count}} minutter"},xMinutes:{one:"ett minutt",other:"{{count}} minutter"},aboutXHours:{one:"omtrent en time",other:"omtrent {{count}} timer"},xHours:{one:"en time",other:"{{count}} timer"},xDays:{one:"en dag",other:"{{count}} dager"},aboutXWeeks:{one:"omtrent en uke",other:"omtrent {{count}} uker"},xWeeks:{one:"en uke",other:"{{count}} uker"},aboutXMonths:{one:"omtrent en måned",other:"omtrent {{count}} måneder"},xMonths:{one:"en måned",other:"{{count}} måneder"},aboutXYears:{one:"omtrent ett år",other:"omtrent {{count}} år"},xYears:{one:"ett år",other:"{{count}} år"},overXYears:{one:"over ett år",other:"over {{count}} år"},almostXYears:{one:"nesten ett år",other:"nesten {{count}} år"}},ze=(e,n,r)=>{let l;const s=He[e];return typeof s=="string"?l=s:n===1?l=s.one:l=s.other.replace("{{count}}",String(n)),r!=null&&r.addSuffix?r.comparison&&r.comparison>0?"om "+l:l+" siden":l},Ge={full:"EEEE d. MMMM y",long:"d. MMMM y",medium:"d. MMM y",short:"dd.MM.y"},Ke={full:"'kl'. HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},Xe={full:"{{date}} 'kl.' {{time}}",long:"{{date}} 'kl.' {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},Je={date:le({formats:Ge,defaultWidth:"full"}),time:le({formats:Ke,defaultWidth:"full"}),dateTime:le({formats:Xe,defaultWidth:"full"})},Ue={lastWeek:"'forrige' eeee 'kl.' p",yesterday:"'i går kl.' p",today:"'i dag kl.' p",tomorrow:"'i morgen kl.' p",nextWeek:"EEEE 'kl.' p",other:"P"},Qe=(e,n,r,l)=>Ue[e],Ze={narrow:["f.Kr.","e.Kr."],abbreviated:["f.Kr.","e.Kr."],wide:["før Kristus","etter Kristus"]},qe={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1. kvartal","2. kvartal","3. kvartal","4. kvartal"]},$e={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["jan.","feb.","mars","apr.","mai","juni","juli","aug.","sep.","okt.","nov.","des."],wide:["januar","februar","mars","april","mai","juni","juli","august","september","oktober","november","desember"]},et={narrow:["S","M","T","O","T","F","L"],short:["sø","ma","ti","on","to","fr","lø"],abbreviated:["søn","man","tir","ons","tor","fre","lør"],wide:["søndag","mandag","tirsdag","onsdag","torsdag","fredag","lørdag"]},tt={narrow:{am:"a",pm:"p",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på etterm.",evening:"på kvelden",night:"på natten"},abbreviated:{am:"a.m.",pm:"p.m.",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på etterm.",evening:"på kvelden",night:"på natten"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnatt",noon:"middag",morning:"på morgenen",afternoon:"på ettermiddagen",evening:"på kvelden",night:"på natten"}},rt={ordinalNumber:(e,n)=>Number(e)+".",era:X({values:Ze,defaultWidth:"wide"}),quarter:X({values:qe,defaultWidth:"wide",argumentCallback:e=>e-1}),month:X({values:$e,defaultWidth:"wide"}),day:X({values:et,defaultWidth:"wide"}),dayPeriod:X({values:tt,defaultWidth:"wide"})},nt=/^(\d+)\.?/i,at=/\d+/i,ot={narrow:/^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,abbreviated:/^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,wide:/^(før Kristus|før vår tid|etter Kristus|vår tid)/i},it={any:[/^f/i,/^e/i]},lt={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](\.)? kvartal/i},st={any:[/1/i,/2/i,/3/i,/4/i]},ct={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mars?|apr|mai|juni?|juli?|aug|sep|okt|nov|des)\.?/i,wide:/^(januar|februar|mars|april|mai|juni|juli|august|september|oktober|november|desember)/i},ut={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^mai/i,/^jun/i,/^jul/i,/^aug/i,/^s/i,/^o/i,/^n/i,/^d/i]},dt={narrow:/^[smtofl]/i,short:/^(sø|ma|ti|on|to|fr|lø)/i,abbreviated:/^(søn|man|tir|ons|tor|fre|lør)/i,wide:/^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i},ft={any:[/^s/i,/^m/i,/^ti/i,/^o/i,/^to/i,/^f/i,/^l/i]},mt={narrow:/^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i,any:/^([ap]\.?\s?m\.?|midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten))/i},ht={any:{am:/^a(\.?\s?m\.?)?$/i,pm:/^p(\.?\s?m\.?)?$/i,midnight:/^midn/i,noon:/^midd/i,morning:/morgen/i,afternoon:/ettermiddag/i,evening:/kveld/i,night:/natt/i}},bt={ordinalNumber:Fe({matchPattern:nt,parsePattern:at,valueCallback:e=>parseInt(e,10)}),era:J({matchPatterns:ot,defaultMatchWidth:"wide",parsePatterns:it,defaultParseWidth:"any"}),quarter:J({matchPatterns:lt,defaultMatchWidth:"wide",parsePatterns:st,defaultParseWidth:"any",valueCallback:e=>e+1}),month:J({matchPatterns:ct,defaultMatchWidth:"wide",parsePatterns:ut,defaultParseWidth:"any"}),day:J({matchPatterns:dt,defaultMatchWidth:"wide",parsePatterns:ft,defaultParseWidth:"any"}),dayPeriod:J({matchPatterns:mt,defaultMatchWidth:"any",parsePatterns:ht,defaultParseWidth:"any"})},V={code:"nb",formatDistance:ze,formatLong:Je,formatRelative:Qe,localize:rt,match:bt,options:{weekStartsOn:1,firstWeekContainsDate:4}},ke=({title:e,...n})=>u.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 28 28",fill:"none","aria-hidden":e?void 0:!0,focusable:"false",...n,children:[e&&u.jsx("title",{children:e}),u.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.952 6.96459C16.6103 6.62289 16.0563 6.62289 15.7146 6.96459L9.2979 13.3813C8.95621 13.723 8.95621 14.277 9.2979 14.6187L15.7146 21.0354C16.0563 21.3771 16.6103 21.3771 16.952 21.0354C17.2937 20.6937 17.2937 20.1396 16.952 19.7979L11.1541 14L16.952 8.20203C17.2937 7.86032 17.2937 7.3063 16.952 6.96459Z",fill:"currentColor"})]});ke.displayName="ChevronLeftIcon";const we=({title:e,...n})=>u.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 28 28",fill:"none","aria-hidden":e?void 0:!0,focusable:"false",...n,children:[e&&u.jsx("title",{children:e}),u.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.048 6.96459C11.3897 6.62289 11.9437 6.62289 12.2854 6.96459L18.7021 13.3813C19.0438 13.723 19.0438 14.277 18.7021 14.6187L12.2854 21.0354C11.9437 21.3771 11.3897 21.3771 11.048 21.0354C10.7063 20.6937 10.7063 20.1396 11.048 19.7979L16.8459 14L11.048 8.20203C10.7063 7.86032 10.7063 7.3063 11.048 6.96459Z",fill:"currentColor"})]});we.displayName="ChevronRightIcon";const _={calendarContainer:"_calendarContainer_160wn_3",calendarHeader:"_calendarHeader_160wn_17",monthYear:"_monthYear_160wn_24",navigationButtons:"_navigationButtons_160wn_36",grid:"_grid_160wn_45",dayNameCell:"_dayNameCell_160wn_53",dateCell:"_dateCell_160wn_72",dateNumberContainer:"_dateNumberContainer_160wn_107",otherMonth:"_otherMonth_160wn_125",selectedDate:"_selectedDate_160wn_157"},vt=e=>{const n=m.startOfMonth(e),r=m.startOfWeek(n,{locale:V}),l=m.addDays(r,41);return m.eachDayOfInterval({start:r,end:l})},Ce=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),_e=({initialDate:e=new Date,selectedDate:n=null,onDateSelect:r})=>{const[l,s]=f.useState(m.startOfMonth(n&&m.isValid(n)?n:e));f.useEffect(()=>{if(n&&m.isValid(n)){const c=m.startOfMonth(n);m.isSameMonth(c,l)||s(c)}},[n]);const b=f.useMemo(()=>m.startOfMonth(new Date),[]),h=f.useMemo(()=>!1,[l,b]),v=f.useMemo(()=>vt(l),[l]),E=f.useMemo(()=>{const c=m.startOfWeek(new Date,{locale:V});return Array.from({length:7}).map((O,S)=>{const I=m.format(m.addDays(c,S),"EEEEEE",{locale:V});return Ce(I)})},[]),j=f.useCallback(()=>{h||s(c=>m.startOfMonth(m.subMonths(c,1)))},[h]),T=f.useCallback(()=>{s(c=>m.startOfMonth(m.addMonths(c,1)))},[]),g=f.useCallback(c=>{r&&r(c)},[r]),x=f.useCallback((c,O)=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),g(O))},[g]),y=m.format(l,"MMMM",{locale:V}),U=m.format(l,"yyyy",{locale:V}),B=`${Ce(y)} ${U}`;return u.jsxs("div",{className:_.calendarContainer,children:[u.jsxs("div",{className:_.calendarHeader,children:[u.jsx("span",{className:_.monthYear,children:B}),u.jsxs("div",{className:_.navigationButtons,children:[u.jsx(o.Button,{variant:"tertiary",icon:!0,onClick:j,"aria-label":"Forrige måned",disabled:h,children:u.jsx(ke,{})}),u.jsx(o.Button,{variant:"tertiary",icon:!0,onClick:T,"aria-label":"Neste måned",children:u.jsx(we,{})})]})]}),u.jsx("div",{className:_.grid,children:E.map(c=>u.jsx("div",{className:_.dayNameCell,children:c},c))}),u.jsx("div",{className:_.grid,children:v.map(c=>{const O=m.isSameMonth(c,l),S=n&&m.isValid(n)&&m.isSameDay(c,n),I=m.isToday(c),Q=[_.dateCell,O?"":_.otherMonth,S?_.selectedDate:"",I&&!S?_.todayDate:""].filter(Boolean).join(" ");return u.jsx("div",{className:Q,onClick:()=>g(c),onKeyDown:F=>x(F,c),role:"button",tabIndex:0,"aria-pressed":S??!1,"aria-label":m.format(c,"PPP",{locale:V}),children:u.jsx("span",{className:_.dateNumberContainer,children:m.format(c,"d")})},c.toISOString())})})]})};_e.displayName="DatePicker";const A={fieldset:"_fieldset_17wt1_4",description:"_description_17wt1_15",error:"_error_17wt1_22",inputWrapper:"_inputWrapper_17wt1_30",inputWrapperError:"_inputWrapperError_17wt1_42",suffixButton:"_suffixButton_17wt1_100",suffixButtonInteractive:"_suffixButtonInteractive_17wt1_120"},ge=e=>{const n=e.slice(0,2),r=e.slice(2,4),l=e.slice(4,8);return e.length>4?`${n}.${r}.${l}`:e.length>2?`${n}.${r}`:e.length>0?n:""},Pe=e=>(e||"").replace(/\D/g,""),Ee=e=>{let n=e;if(n.length>=2){const r=parseInt(n.substring(0,2),10);!isNaN(r)&&r>31&&(n="31"+n.substring(2))}if(n.length>=4){const r=parseInt(n.substring(2,4),10);!isNaN(r)&&r>12&&(n=n.substring(0,2)+"12"+n.substring(4))}return n.slice(0,8)},je=f.forwardRef((e,n)=>{const{label:r,suffixIcon:l,onSuffixClick:s,className:b,inputWrapperClassName:h,inputClassName:v,value:E,defaultValue:j,onChange:T,readOnly:g,placeholder:x="dd.mm.åååå",id:y,name:U,required:B,disabled:c,onClick:O,onFocus:S,onBlur:I,autoComplete:Q="off","aria-label":F,"aria-labelledby":te,description:Z,error:W,...se}=e,H=E!==void 0,P=f.useRef(null);f.useImperativeHandle(n,()=>P.current);const L=f.useCallback(k=>{const C=Pe(k),Y=Ee(C);return ge(Y)},[]),[R,z]=f.useState(()=>L(E??j));f.useEffect(()=>{if(H){const k=L(E);k!==R&&(z(k),P.current&&P.current.value!==k&&(P.current.value=k))}},[E,H,R,L]);const re=f.useCallback(k=>{const C=k.target,Y=C.value,q=R,w=Pe(Y).slice(0,8),M=Ee(w),N=ge(M);let D=0;const $=M.length;$<=2?D=$:$<=4?D=$+1:D=$+2,D=Math.min(D,N.length),requestAnimationFrame(()=>{if(P.current&&(z(N),P.current.value=N,P.current.setSelectionRange(D,D),(N!==q||H)&&T)){const Gt={...k,target:{...C,value:N}};T(Gt,N)}})},[R,H,T,L]),ne=[A.fieldset,b].filter(Boolean).join(" "),ae=[A.inputWrapper,h,W?A.inputWrapperError:""].filter(Boolean).join(" "),oe=[v].filter(Boolean).join(" "),ie=[A.suffixButton,s?A.suffixButtonInteractive:""].filter(Boolean).join(" ");!r&&!F&&!te&&console.warn("Warning: DateInput component should have a label, aria-label, or aria-labelledby for accessibility.");const t=r&&typeof r=="string"?te||`${y}-label`:void 0,i=Z?`${y}-desc`:void 0,d=W?`${y}-err`:void 0,p=[i,d].filter(Boolean).join(" ")||void 0;return u.jsxs("div",{className:ne,children:[r&&typeof r=="string"?u.jsx("label",{id:t,htmlFor:y,children:r}):r,Z&&u.jsxs("p",{id:i,className:A.description,children:[" ",Z]}),u.jsxs("div",{className:ae,children:[u.jsx("input",{ref:P,type:"text",inputMode:"numeric",pattern:"\\d{2}\\.\\d{2}\\.\\d{4}",maxLength:10,value:R,readOnly:g,placeholder:x,id:y,name:U,required:B,disabled:c,onClick:O,onChange:re,onFocus:S,onBlur:I,autoComplete:Q,"aria-label":F,"aria-labelledby":t,"aria-describedby":p,"aria-invalid":!!W,className:oe,...se}),l&&u.jsx("button",{type:"button",className:ie,onClick:c?void 0:s,tabIndex:s&&!c?0:-1,"aria-hidden":!s,disabled:c,"aria-label":s?"Åpne datovelger":void 0,children:l})]}),W&&u.jsx("p",{id:d,className:A.error,role:"alert",children:W})]})});je.displayName="DateInput";const pt=o.Details,kt=o.Dialog,wt=o.Divider,Ct=o.Dropdown,_t=o.ErrorSummary,gt=o.Field,Te=o.FieldDescription,ye=o.FieldCounter;Te.displayName="Field.Description",ye.displayName="Field.Counter";const Pt=o.Fieldset,Et=o.Input,jt=o.Link,Tt=o.List,yt=o.Pagination,Nt=o.usePagination,St=o.Popover,Mt=o.Radio,Dt=o.useRadioGroup,xt=o.Search,Ot=o.Select,Wt=o.Skeleton,At=o.SkipLink,Bt=o.Spinner,It=o.Switch,Lt=o.Table,Rt=o.Tabs,Yt=o.Tag,Vt=o.Textarea,Ft=o.Textfield,Ht=o.ToggleGroup,zt=o.Tooltip;a.Alert=fe,a.Avatar=me,a.Badge=he,a.BadgePosition=De,a.Breadcrumbs=xe,a.BreadcrumbsItem=We,a.BreadcrumbsLink=Ae,a.BreadcrumbsList=Oe,a.Button=be,a.Card=ve,a.CardBlock=Be,a.Checkbox=pe,a.Chip=Re,a.DateInput=je,a.DatePicker=_e,a.Details=pt,a.Dialog=kt,a.Divider=wt,a.Dropdown=Ct,a.ErrorSummary=_t,a.Field=gt,a.FieldCounter=ye,a.FieldDescription=Te,a.Fieldset=Pt,a.Input=Et,a.Link=jt,a.List=Tt,a.Pagination=yt,a.Popover=St,a.Radio=Mt,a.Search=xt,a.Select=Ot,a.SkeletonLoader=Wt,a.SkipLink=At,a.Spinner=Bt,a.Switch=It,a.Table=Lt,a.Tabs=Rt,a.Tag=Yt,a.Textarea=Vt,a.Textfield=Ft,a.ToggleGroup=Ht,a.Tooltip=zt,a.useCheckboxGroup=Le,a.usePagination=Nt,a.useRadioGroup=Dt,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));

package/dist/index.d.ts

@@ -57,6 +57,7 @@ import { Popover } from './components/Popover';
 import { PopoverProps } from './components/Popover';
 import { Radio } from './components/Radio';
 import { RadioProps } from './components/Radio';
+import { ReactNode } from 'react';
 import { Search } from './components/Search';
 import { SearchProps } from './components/Search';
 import { Select } from './components/Select';
@@ -87,11 +88,15 @@ import { useRadioGroup } from './components/Radio';
 export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
 
 export declare interface AlertProps extends AlertProps_2 {
+    children?: ReactNode;
 }
 
 export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
 
 export declare interface AvatarProps extends AvatarProps_2 {
+    children?: ReactNode;
+    initials?: string;
+    variant?: 'circle' | 'square';
 }
 
 export { Badge }

package/dist/logo-red-cross.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 803.8 250.4">
+		<defs>
+			<style>.d{fill:#fff;}.e{fill:#d52b1e;}</style>
+		</defs>
+		<g id="a">
+			<rect class="d" x=".1" y=".1" width="803" height="250.2"/>
+		</g>
+		<g id="b">
+			<g>
+				<path d="m248.7,72.6c5.6-.9,14-1.6,23.3-1.6s19.5,1.7,25.1,6.1c4.6,3.7,7.1,9.1,7.1,16.2s-7,16.7-13.7,19.1v.3c5.4,2.2,8.4,7.4,10.3,14.5,2.4,8.7,4.8,18.8,6.3,21.8h-17.9c-1.3-2.2-3.1-8.5-5.4-18-2.1-9.7-5.4-12.3-12.5-12.4h-5.3v30.5h-17.4v-76.4Zm17.4,33.3h6.9c8.7,0,13.9-4.4,13.9-11.1s-4.8-10.7-12.9-10.8c-4.3,0-6.7.3-7.9.6v21.4Z"/><path d="m356,94.5l5.4-7.9,6.1,4.3-5.2,7.7c6,5.2,9.4,12.8,9.4,22.2,0,20-14.7,29.5-29.3,29.5s-9.4-.9-13.3-3l-5.6,8.2-5.7-4.6,5.1-7.5c-6.1-4.9-9.8-12.5-9.8-22.4,0-17.7,12-29.4,29.3-29.4s9.8.9,13.7,3Zm-7.5,11.5c-1.7-1.3-3.7-2.1-6.2-2.1-9.1,0-12.5,9.1-12.5,16.9s.6,6.4,2.1,9h.2c0,.1,16.4-23.8,16.4-23.8Zm-12.1,29.7c1.6,1.5,3.7,2.1,5.9,2.1,7.8,0,12.5-6.7,12.5-16.5s-.5-6.1-1.7-8.7h-.3c0-.1-16.3,23.2-16.3,23.2Z"/><path d="m437.4,67.4v64.8c0,6.3.2,13,.5,16.8h-15.5l-.8-8.3h-.2c-3.6,6.3-10.3,9.5-17.6,9.5-13.3,0-24-11.4-24-28.8-.1-19,11.7-29.9,25.2-29.9s12.3,2.4,14.8,6.3h.2v-30.5h17.5Zm-17.5,49.2c0-.9-.1-2.2-.2-3.1-1-4.7-4.8-8.6-10.2-8.6-7.9,0-12.1,7.1-12.1,16s4.7,15.5,12,15.5,9.1-3.4,10.1-8.4c.3-1.3.5-2.5.5-4v-7.4Z"/><path d="m464.8,126.5c.6,7.2,7.7,10.7,15.9,10.7s10.8-.8,15.5-2.3l2.3,11.8c-5.7,2.3-12.8,3.4-20.3,3.4-19.1,0-30-11-30-28.6s8.8-30,28.4-30,25.1,14.1,25.1,28-.3,5.6-.6,6.9h-36.2Zm20.6-12c0-4.3-1.8-11.4-9.9-11.4s-10.3,6.7-10.8,11.4h20.7Z"/><path d="m535.9,71.6h17.4v34.2h.3c1.7-3,3.6-5.7,5.3-8.5l17.6-25.7h21.5l-25.6,33,27,44.5h-20.5l-19-33.4-6.7,8.2v25.3h-17.4v-77.5Z"/><path d="m659.4,120.3c0,20.6-14.6,30-29.7,30s-29.1-10.8-29.1-29,12-29.8,30-29.8,28.7,11.8,28.7,28.7Zm-40.7.6c0,9.7,4,16.9,11.5,16.9s11.1-6.8,11.1-16.9-3.2-16.9-11.1-16.9-11.5,8.6-11.5,16.9Z"/><path d="m670.2,111.3c0-8.3-.2-13.7-.5-18.5h15.1l.6,10.3h.5c2.9-8.2,9.8-11.6,15.2-11.6s2.4,0,3.7.2v16.4c-1.3-.2-2.8-.5-4.7-.5-6.4,0-10.8,3.4-12,8.8-.2,1.1-.3,2.5-.3,3.9v28.5h-17.5v-37.7Z"/><path d="m713.8,133.7c3.2,2,9.9,4.3,15.1,4.3s7.5-1.8,7.5-4.7-1.7-4.3-8.3-6.4c-11.6-3.9-16.1-10.2-16-16.9,0-10.5,9-18.4,22.9-18.4s12.4,1.5,15.9,3.2l-3.1,12.1c-2.5-1.4-7.4-3.2-12.2-3.2s-6.7,1.7-6.7,4.6,2.2,4,9.1,6.4c10.7,3.7,15.2,9.1,15.3,17.4,0,10.5-8.3,18.2-24.4,18.2s-13.9-1.6-18.2-3.9l3.1-12.5Z"/></g></g><g id="c"><rect class="e" x="99.7" y="50.1" width="50" height="150"/><rect class="e" x="49.7" y="100.1" width="150" height="50"/></g></svg>

package/dist/rk-designsystem.css

@@ -1 +1 @@
-._calendarContainer_mtooc_5{display:inline-flex;padding:var(--ds-size-8, 32px);flex-direction:column;align-items:flex-start;gap:var(--ds-size-3, 12px);border:1px solid var(--ds-color-neutral-border-subtle, #ccc);border-radius:var(--ds-border-radius-md, 4px);background-color:var(--ds-color-neutral-background-default, #fff);font-family:var(--ds-font-family, sans-serif);color:var(--ds-color-neutral-text-default)}._calendarHeader_mtooc_33{display:flex;justify-content:space-between;align-items:center;align-self:stretch}._monthYear_mtooc_47{color:var(--ds-color-neutral-text-default, #2b2b2b);font-family:var(--ds-font-family, "Myriad VF", sans-serif);font-size:var(--ds-heading-sm-font-size, 1.5rem);font-style:normal;font-weight:var(--ds-heading-sm-font-weight, 500);line-height:var(--ds-heading-sm-line-height, 1.3);letter-spacing:var(--ds-heading-sm-letter-spacing, 0%);margin:0}._navigationButtons_mtooc_71{display:flex;gap:var(--ds-size-1, 4px)}._navigationButtons_mtooc_71>button:disabled svg{opacity:var(--ds-opacity-disabled, .3)}._grid_mtooc_89{display:grid;grid-template-columns:repeat(7,1fr);width:100%;text-align:center}._dayNameCell_mtooc_105{display:flex;padding:var(--ds-size-2, 8px);flex-direction:column;justify-content:center;align-items:center;color:var(--ds-color-neutral-text-default, #2b2b2b);text-align:center;font-family:var(--ds-font-family, "Myriad VF", sans-serif);font-size:var(--ds-body-xs-font-size, 14px);font-style:normal;font-weight:var(--ds-font-weight-semibold, 600);line-height:var(--ds-body-short-xs-line-height, 1.3);letter-spacing:var(--ds-body-xs-letter-spacing, .021px);box-sizing:border-box}._dateCell_mtooc_143{display:flex;padding:var(--ds-size-5, 22px);flex-direction:column;justify-content:center;align-items:center;border:var(--ds-border-width-default, 1px) solid var(--ds-color-neutral-border-subtle, #bcbcbc);box-sizing:border-box;margin:-.5px;font-family:var(--ds-font-family, "Myriad VF", sans-serif);color:var(--ds-color-neutral-text-default, #2b2b2b);text-align:center;font-size:var(--ds-body-xs-font-size, 14px);font-style:normal;font-weight:var(--ds-body-xs-font-weight, 400);line-height:var(--ds-body-short-xs-line-height, 1.3);letter-spacing:var(--ds-body-xs-letter-spacing, .021px);font-feature-settings:"tnum" 1;-webkit-font-feature-settings:"tnum" 1;-moz-font-feature-settings:"tnum" 1;cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;-webkit-user-select:none;user-select:none}._dateNumberContainer_mtooc_213{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;transition:color .15s ease-in-out,font-weight .15s ease-in-out;line-height:1;box-sizing:border-box;background-color:transparent}._dateCell_mtooc_143:hover:not(._otherMonth_mtooc_249):not(._disabled_mtooc_249){background-color:var(--ds-color-neutral-surface-hover, #eee);position:relative;z-index:1}._dateCell_mtooc_143:hover:not(._otherMonth_mtooc_249):not(._disabled_mtooc_249) ._dateNumberContainer_mtooc_213{background-color:transparent}._otherMonth_mtooc_249{color:var(--ds-color-neutral-text-subtle, #aaa);cursor:default;pointer-events:none;background-color:var(--ds-color-neutral-surface-tinted, #e8e8e8);border:var(--ds-border-width-default, 1px) solid var(--ds-color-neutral-border-subtle, #bcbcbc);margin:-.5px}._otherMonth_mtooc_249 ._dateNumberContainer_mtooc_213{color:var(--ds-color-neutral-text-subtle, #aaa);background-color:transparent;box-shadow:none}._selectedDate_mtooc_313{background-color:var(--ds-color-primary-brand-base-active, #8e1d14);border-color:var(--ds-color-primary-brand-base-active, #8e1d14);color:var(--ds-color-primary-brand-base-contrast-default, #fff);position:relative;z-index:1}._selectedDate_mtooc_313 ._dateNumberContainer_mtooc_213{color:var(--ds-color-primary-brand-base-contrast-default, #fff);font-weight:var(--ds-font-weight-semibold, 600);background-color:transparent;box-shadow:none}._fieldset_s5r8s_7{margin-bottom:var(--ds-spacing-4, 16px)}._fieldset_s5r8s_7 label{display:block;margin-bottom:var(--ds-spacing-1, 4px);font-weight:var(--ds-font-weight-medium, 500);color:var(--ds-color-neutral-text-default, #2b2b2b)}._description_s5r8s_29{font-size:var(--ds-font-size-sm, 14px);color:var(--ds-color-neutral-text-subtle, #5d5d5d);margin-top:var(--ds-spacing-1, 4px);margin-bottom:var(--ds-spacing-2, 8px)}._error_s5r8s_43{font-size:var(--ds-font-size-sm, 14px);color:var(--ds-color-danger-text-default, #c30000);margin-top:var(--ds-spacing-1, 4px)}._inputWrapper_s5r8s_59{display:flex;align-items:stretch;width:100%;position:relative;border:var(--ds-border-width-default, 1px) solid var(--ds-color-neutral-border-default, #797979);border-radius:var(--ds-border-radius-md, 4px);overflow:hidden;transition:border-color .1s ease-out,outline .1s ease-out}._inputWrapperError_s5r8s_83{border-color:var(--ds-color-danger-border-default, #c30000)}._inputWrapper_s5r8s_59:focus-within{outline:var(--ds-border-width-focus, 3px) solid var(--ds-color-focus-outer, #2B2B2B);outline-offset:var(--ds-focus-outline-offset, 2px)}._inputWrapper_s5r8s_59 input{box-sizing:border-box;flex-grow:1;width:auto;min-width:0;background-color:var(--ds-color-neutral-background-default, #fff);color:var(--ds-color-neutral-text-default, #2b2b2b);border:none;border-radius:0;outline:none;padding:var(--ds-size-2, 8px) var(--ds-size-3, 12px);font-family:inherit;font-size:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}._inputWrapper_s5r8s_59 input:disabled{opacity:var(--ds-opacity-disabled, .5);cursor:not-allowed;background-color:var(--ds-color-neutral-surface-subtle, #f0f0f0);color:var(--ds-color-neutral-text-subtle, #5d5d5d)}._suffixButton_s5r8s_199{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 var(--ds-size-3, 12px);margin:0;border:none;border-radius:0;border-left:var(--ds-border-width-default, 1px) solid var(--ds-color-neutral-border-default, #797979);background-color:var(--ds-color-neutral-surface-tinted, #e8e8e8);color:var(--ds-color-neutral-text-subtle, #5d5d5d);font-size:1.25rem;box-sizing:border-box;cursor:default;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out;position:relative;z-index:0}._suffixButtonInteractive_s5r8s_239{cursor:pointer}._suffixButtonInteractive_s5r8s_239:hover:not(:disabled){color:var(--ds-color-neutral-text-default, #2b2b2b);background-color:var(--ds-color-neutral-surface-hover, #dadada)}._suffixButton_s5r8s_199:disabled{opacity:var(--ds-opacity-disabled, .3);cursor:not-allowed;background-color:var(--ds-color-neutral-surface-tinted, #e8e8e8);border-left-color:var(--ds-color-neutral-border-default, #797979)}
+._calendarContainer_160wn_3{display:inline-flex;padding:var(--ds-size-8, 32px);flex-direction:column;align-items:flex-start;gap:var(--ds-size-3, 12px);border:1px solid var(--ds-color-neutral-border-subtle, #ccc);border-radius:var(--ds-border-radius-md, 4px);background-color:var(--ds-color-neutral-background-default, #fff);font-family:var(--ds-font-family, sans-serif);color:var(--ds-color-neutral-text-default)}._calendarHeader_160wn_17{display:flex;justify-content:space-between;align-items:center;align-self:stretch}._monthYear_160wn_24{color:var(--ds-color-neutral-text-default, #2b2b2b);font-family:var(--ds-font-family, "Myriad VF", sans-serif);font-size:var(--ds-heading-sm-font-size, 1.5rem);font-style:normal;font-weight:var(--ds-heading-sm-font-weight, 500);line-height:var(--ds-heading-sm-line-height, 1.3);letter-spacing:var(--ds-heading-sm-letter-spacing, 0%);margin:0}._navigationButtons_160wn_36{display:flex;gap:var(--ds-size-1, 4px)}._navigationButtons_160wn_36>button:disabled svg{opacity:var(--ds-opacity-disabled, .3)}._grid_160wn_45{display:grid;grid-template-columns:repeat(7,1fr);width:100%;text-align:center}._dayNameCell_160wn_53{display:flex;padding:var(--ds-size-2, 8px);flex-direction:column;justify-content:center;align-items:center;color:var(--ds-color-neutral-text-default, #2b2b2b);text-align:center;font-family:var(--ds-font-family, "Myriad VF", sans-serif);font-size:var(--ds-body-xs-font-size, 14px);font-style:normal;font-weight:var(--ds-font-weight-semibold, 600);line-height:var(--ds-body-short-xs-line-height, 1.3);letter-spacing:var(--ds-body-xs-letter-spacing, .021px);box-sizing:border-box}._dateCell_160wn_72{display:flex;padding:var(--ds-size-5, 22px);flex-direction:column;justify-content:center;align-items:center;border:var(--ds-border-width-default, 1px) solid var(--ds-color-neutral-border-subtle, #bcbcbc);box-sizing:border-box;margin:-.5px;font-family:var(--ds-font-family, "Myriad VF", sans-serif);color:var(--ds-color-neutral-text-default, #2b2b2b);text-align:center;font-size:var(--ds-body-xs-font-size, 14px);font-style:normal;font-weight:var(--ds-body-xs-font-weight, 400);line-height:var(--ds-body-short-xs-line-height, 1.3);letter-spacing:var(--ds-body-xs-letter-spacing, .021px);font-feature-settings:"tnum" 1;-webkit-font-feature-settings:"tnum" 1;-moz-font-feature-settings:"tnum" 1;cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;-webkit-user-select:none;user-select:none}._dateNumberContainer_160wn_107{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;transition:color .15s ease-in-out,font-weight .15s ease-in-out;line-height:1;box-sizing:border-box;background-color:transparent}._dateCell_160wn_72:hover:not(._otherMonth_160wn_125):not(._disabled_160wn_125){background-color:var(--ds-color-neutral-surface-hover, #eee);position:relative;z-index:1}._dateCell_160wn_72:hover:not(._otherMonth_160wn_125):not(._disabled_160wn_125) ._dateNumberContainer_160wn_107{background-color:transparent}._otherMonth_160wn_125{color:var(--ds-color-neutral-text-subtle, #aaa);cursor:default;pointer-events:none;background-color:var(--ds-color-neutral-surface-tinted, #e8e8e8);border:var(--ds-border-width-default, 1px) solid var(--ds-color-neutral-border-subtle, #bcbcbc);margin:-.5px}._otherMonth_160wn_125 ._dateNumberContainer_160wn_107{color:var(--ds-color-neutral-text-subtle, #aaa);background-color:transparent;box-shadow:none}._selectedDate_160wn_157{background-color:var(--ds-color-primary-brand-base-active, #8e1d14);border-color:var(--ds-color-primary-brand-base-active, #8e1d14);color:var(--ds-color-primary-brand-base-contrast-default, #fff);position:relative;z-index:1}._selectedDate_160wn_157 ._dateNumberContainer_160wn_107{color:var(--ds-color-primary-brand-base-contrast-default, #fff);font-weight:var(--ds-font-weight-semibold, 600);background-color:transparent;box-shadow:none}._fieldset_17wt1_4{margin-bottom:var(--ds-spacing-4, 16px)}._fieldset_17wt1_4 label{display:block;margin-bottom:var(--ds-spacing-1, 4px);font-weight:var(--ds-font-weight-medium, 500);color:var(--ds-color-neutral-text-default, #2b2b2b)}._description_17wt1_15{font-size:var(--ds-font-size-sm, 14px);color:var(--ds-color-neutral-text-subtle, #5d5d5d);margin-top:var(--ds-spacing-1, 4px);margin-bottom:var(--ds-spacing-2, 8px)}._error_17wt1_22{font-size:var(--ds-font-size-sm, 14px);color:var(--ds-color-danger-text-default, #c30000);margin-top:var(--ds-spacing-1, 4px)}._inputWrapper_17wt1_30{display:flex;align-items:stretch;width:100%;position:relative;border:var(--ds-border-width-default, 1px) solid var(--ds-color-neutral-border-default, #797979);border-radius:var(--ds-border-radius-md, 4px);overflow:hidden;transition:border-color .1s ease-out,outline .1s ease-out}._inputWrapperError_17wt1_42{border-color:var(--ds-color-danger-border-default, #c30000)}._inputWrapper_17wt1_30:focus-within{outline:var(--ds-border-width-focus, 3px) solid var(--ds-color-focus-outer, #2B2B2B);outline-offset:var(--ds-focus-outline-offset, 2px)}._inputWrapper_17wt1_30 input{box-sizing:border-box;flex-grow:1;width:auto;min-width:0;background-color:var(--ds-color-neutral-background-default, #fff);color:var(--ds-color-neutral-text-default, #2b2b2b);border:none;border-radius:0;outline:none;padding:var(--ds-size-2, 8px) var(--ds-size-3, 12px);font-family:inherit;font-size:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}._inputWrapper_17wt1_30 input:disabled{opacity:var(--ds-opacity-disabled, .5);cursor:not-allowed;background-color:var(--ds-color-neutral-surface-subtle, #f0f0f0);color:var(--ds-color-neutral-text-subtle, #5d5d5d)}._suffixButton_17wt1_100{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 var(--ds-size-3, 12px);margin:0;border:none;border-radius:0;border-left:var(--ds-border-width-default, 1px) solid var(--ds-color-neutral-border-default, #797979);background-color:var(--ds-color-neutral-surface-tinted, #e8e8e8);color:var(--ds-color-neutral-text-subtle, #5d5d5d);font-size:1.25rem;box-sizing:border-box;cursor:default;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out;position:relative;z-index:0}._suffixButtonInteractive_17wt1_120{cursor:pointer}._suffixButtonInteractive_17wt1_120:hover:not(:disabled){color:var(--ds-color-neutral-text-default, #2b2b2b);background-color:var(--ds-color-neutral-surface-hover, #dadada)}._suffixButton_17wt1_100:disabled{opacity:var(--ds-opacity-disabled, .3);cursor:not-allowed;background-color:var(--ds-color-neutral-surface-tinted, #e8e8e8);border-left-color:var(--ds-color-neutral-border-default, #797979)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rk-designsystem",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "A React component library built on top of Digdir Design System",
   "author": "daniel@tunetek.no",
   "license": "MIT",
@@ -51,7 +51,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "clean": "if exist dist rmdir /s /q dist",
+    "clean": "rimraf dist",
     "changeset": "changeset",
     "lint": "eslint .",
     "preview": "vite preview",
@@ -62,7 +62,7 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build --output-dir storybook-build",
     "predeploy:storybook": "npm run build-storybook && npm run copy-metadata",
-    "copy-metadata": "copy metadata.json storybook-build\\metadata.json",
+    "copy-metadata": "cp metadata.json storybook-build/metadata.json",
     "deploy:storybook": "gh-pages -d storybook-build -b gh-pages -r https://github.com/norwegianredcross/DesignSystem.git --dest storybook"
   },
   "devDependencies": {
@@ -76,8 +76,8 @@
     "@storybook/addon-a11y": "^9.1.0",
     "@storybook/addon-docs": "^9.1.0",
     "@storybook/addon-links": "^9.1.0",
-    "@storybook/addon-onboarding": "^9.0.18",
-    "@storybook/react-vite": "^9.0.18",
+    "@storybook/addon-onboarding": "^9.1.0",
+    "@storybook/react-vite": "^9.1.0",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
     "@vitejs/plugin-react": "^4.3.4",
@@ -87,7 +87,7 @@
     "eslint": "^9.21.0",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.19",
-    "eslint-plugin-storybook": "^9.0.18",
+    "eslint-plugin-storybook": "^9.1.0",
     "gh-pages": "^6.3.0",
     "glob": "^11.0.3",
     "globals": "^15.15.0",
@@ -96,7 +96,8 @@
     "react": "^19.0.0",
     "react-docgen-typescript": "^2.4.0",
     "react-dom": "^19.0.0",
-    "storybook": "^9.0.18",
+    "rimraf": "^6.0.1",
+    "storybook": "^9.1.0",
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.24.1",
     "vite": "^6.2.0",