@vygruppen/spor-react 13.2.1 → 13.3.0

package/dist/index.mjs

@@ -1,10 +1,10 @@
-import { Accordion as Accordion$1, defineRecipe, chakra, Code as Code$1, Clipboard as Clipboard$1, RadioCard as RadioCard$1, defineStyle, Field, Dialog, createContext as createContext$1, Drawer as Drawer$1, Combobox, Fieldset as Fieldset$1, createListCollection, Select as Select$1, List as List$1, Popover as Popover$1, createToaster, Tabs as Tabs$1, defineSemanticTokens, defineSlotRecipe, defineTokens, defineAnimationStyles, defineGlobalStyles, defineTextStyles, createSystem, defaultBaseConfig, Tooltip as Tooltip$1, IconButton as IconButton$1, defineConfig, Center, Box, ClientOnly, VisuallyHidden, useSlotRecipe, Stack, HStack, Progress, Text, useRecipe, Circle, Skeleton as Skeleton$1, Button as Button$1, Group, Badge as Badge$1, useDisclosure, Alert as Alert$1, Span, Flex, Breadcrumb as Breadcrumb$1, Separator as Separator$1, useFieldContext, PopoverAnchor, Portal, useDialogContext, InputElement, Input as Input$1, useFilter, useListCollection, useCombobox, useComboboxContext, usePopoverContext, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CheckboxCard, Tag, ListItem, Menu as Menu$1, useMenuContext as useMenuContext$1, NativeSelect as NativeSelect$1, useControllableState, RadioGroup as RadioGroup$1, useSelectContext, Switch as Switch$1, Textarea as Textarea$1, Link, PopoverCloseTrigger, Pagination as Pagination$1, usePaginationContext, ChakraProvider, Table as Table$1, Toaster as Toaster$1, Toast } from '@chakra-ui/react';
+import { Accordion as Accordion$1, defineRecipe, chakra, Code as Code$1, Clipboard as Clipboard$1, RadioCard as RadioCard$1, defineStyle, Field, Dialog, createContext as createContext$1, Drawer as Drawer$1, List as List$1, Combobox, Fieldset as Fieldset$1, createListCollection, Select as Select$1, Popover as Popover$1, createToaster, Tabs as Tabs$1, defineSemanticTokens, defineSlotRecipe, defineTokens, defineAnimationStyles, defineGlobalStyles, defineTextStyles, createSystem, defaultBaseConfig, Tooltip as Tooltip$1, IconButton as IconButton$1, defineConfig, Center, Box, ClientOnly, VisuallyHidden, useSlotRecipe, Stack, HStack, Progress, Text, useRecipe, Circle, Skeleton as Skeleton$1, Button as Button$1, Group, Badge as Badge$1, useDisclosure, Alert as Alert$1, Span, Flex, Breadcrumb as Breadcrumb$1, Separator as Separator$1, useFieldContext, PopoverAnchor, Portal, useDialogContext, Link, InputElement, Input as Input$1, useFilter, useListCollection, useCombobox, useComboboxContext, usePopoverContext, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CheckboxCard, Tag, ListItem as ListItem$1, Menu as Menu$1, useMenuContext as useMenuContext$1, NativeSelect as NativeSelect$1, useControllableState, RadioGroup as RadioGroup$1, useSelectContext, Switch as Switch$1, Textarea as Textarea$1, PopoverCloseTrigger, Pagination as Pagination$1, usePaginationContext, ChakraProvider, Table as Table$1, Toaster as Toaster$1, Toast } from '@chakra-ui/react';
 export { AspectRatio, Box, BreadcrumbCurrentLink, BreadcrumbEllipsis, BreadcrumbLink, Center, ClientOnly, Collapsible, Container, Em, Flex, For, FormatByte, FormatNumber, Grid, GridItem, HStack, Icon, Image, Kbd, LocaleProvider, Portal, Show, SimpleGrid, Spacer, Span, Stack, TableCaption, TableCell, TableColumn, TableColumnGroup, TableFooter, TableHeader, TableRoot, TableRow, VStack, VisuallyHidden, Wrap, createIcon, createListCollection, createSystem, defineConfig, defineRecipe, defineSlotRecipe, defineStyle, mergeConfigs, chakra as spor, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useRecipe, useSlotRecipe, useToken } from '@chakra-ui/react';
 import * as spor_icon_react_star from '@vygruppen/spor-icon-react';
-import { DropdownDownFill24Icon, CloseFill18Icon, CloseFill30Icon, CloseFill24Icon, DropdownDownFill18Icon, ServiceFill24Icon, WarningFill24Icon, DropdownRightFill18Icon, CalendarOutline24Icon, DropdownLeftFill18Icon, ArrowLeftFill24Icon, ChangeDirectionOutline24Icon, CheckmarkFill18Icon, CloseOutline24Icon, SearchOutline24Icon, Forward15MediaControllerFill30Icon, Backward15MediaControllerFill30Icon, PauseMediaControllerFill24Icon, PlayMediaControllerFill24Icon, NextMediaControllerFill30Icon, PreviousMediaControllerFill30Icon, ArrowRightFill18Icon, DropdownLeftOutline18Icon, DropdownRightOutline18Icon, ArrowUpFill18Icon, ArrowDownFill18Icon, ChangeDirectionFill18Icon, CopyOutline18Icon, WalkFill30Icon, WalkFill24Icon, WalkFill18Icon, AltTransportFill30Icon, AltTransportFill24Icon, AltTransportFill18Icon, TramFill30Icon, TramFill24Icon, TramFill18Icon, SubwayFill30Icon, SubwayFill24Icon, SubwayFill18Icon, FerryFill30Icon, FerryFill24Icon, FerryFill18Icon, BusFill30Icon, BusFill24Icon, BusFill18Icon, ExpressBusFill30Icon, ExpressBusFill24Icon, ExpressBusFill18Icon, TrainFill30Icon, TrainFill24Icon, TrainFill18Icon, InformationFill24Icon, InformationFill18Icon, WarningFill18Icon, ErrorFill24Icon, ErrorFill18Icon, LinkOutOutline24Icon, LinkOutOutline18Icon, QuestionFill24Icon, ErrorOutline24Icon, SuccessFill24Icon, ArrowLeftOutline24Icon, ArrowRightOutline24Icon } from '@vygruppen/spor-icon-react';
+import { DropdownDownFill24Icon, CloseFill18Icon, CloseFill30Icon, CloseFill24Icon, DropdownDownFill18Icon, ServiceFill24Icon, WarningFill24Icon, DropdownRightFill18Icon, CalendarOutline24Icon, DropdownLeftFill18Icon, ArrowLeftFill24Icon, ErrorFill24Icon, ChangeDirectionOutline24Icon, CheckmarkFill18Icon, CloseOutline24Icon, SearchOutline24Icon, Forward15MediaControllerFill30Icon, Backward15MediaControllerFill30Icon, PauseMediaControllerFill24Icon, PlayMediaControllerFill24Icon, NextMediaControllerFill30Icon, PreviousMediaControllerFill30Icon, ArrowRightFill18Icon, DropdownLeftOutline18Icon, DropdownRightOutline18Icon, ArrowUpFill18Icon, ArrowDownFill18Icon, ChangeDirectionFill18Icon, CopyOutline18Icon, LinkOutOutline24Icon, LinkOutOutline18Icon, WalkFill30Icon, WalkFill24Icon, WalkFill18Icon, AltTransportFill30Icon, AltTransportFill24Icon, AltTransportFill18Icon, TramFill30Icon, TramFill24Icon, TramFill18Icon, SubwayFill30Icon, SubwayFill24Icon, SubwayFill18Icon, FerryFill30Icon, FerryFill24Icon, FerryFill18Icon, BusFill30Icon, BusFill24Icon, BusFill18Icon, ExpressBusFill30Icon, ExpressBusFill24Icon, ExpressBusFill18Icon, TrainFill30Icon, TrainFill24Icon, TrainFill18Icon, InformationFill24Icon, InformationFill18Icon, WarningFill18Icon, ErrorFill18Icon, QuestionFill24Icon, ErrorOutline24Icon, SuccessFill24Icon, ArrowLeftOutline24Icon, ArrowRightOutline24Icon } from '@vygruppen/spor-icon-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as React13 from 'react';
-import React13__default, { createContext, useContext, useId, cloneElement, isValidElement, useRef, useEffect, useImperativeHandle, useState, useLayoutEffect, useMemo } from 'react';
+import * as React14 from 'react';
+import React14__default, { createContext, useContext, useId, cloneElement, isValidElement, useRef, useEffect, useImperativeHandle, useState, useLayoutEffect, useMemo } from 'react';
 import { spinnerColorData, inlineLoaderColorData, contentLoaderData, fullScreenLoaderWhiteData, inlineLoaderDarkData, spinnerLightData, spinnerDarkData, fullScreenLoaderBlackData, inlineLoaderLightData } from '@vygruppen/spor-loader';
 import { useLottie } from 'lottie-react';
 import { useInterval } from 'usehooks-ts';
@@ -1159,11 +1159,11 @@ var FloatingActionButton = ({
   );
 };
 var useScrollDirection = () => {
-  const [scrollDirection, setScrollDirection] = React13__default.useState(null);
-  const lastScrollPosition = React13__default.useRef(
+  const [scrollDirection, setScrollDirection] = React14__default.useState(null);
+  const lastScrollPosition = React14__default.useRef(
     globalThis.window === void 0 ? 0 : window.scrollY
   );
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     const onScroll = () => {
       const delta = window.scrollY - lastScrollPosition.current;
       if (delta === 0) {
@@ -1488,12 +1488,12 @@ var Breadcrumb = ({
   css,
   ...props
 }) => {
-  const validChildren = React13__default.Children.toArray(children).filter(
-    (element) => React13__default.isValidElement(element)
+  const validChildren = React14__default.Children.toArray(children).filter(
+    (element) => React14__default.isValidElement(element)
   );
   return /* @__PURE__ */ jsx(Breadcrumb$1.Root, { ref, css, ...props, children: /* @__PURE__ */ jsx(Breadcrumb$1.List, { "data-part": "list", children: validChildren.map((child, index) => {
     const isLast = index === validChildren.length - 1;
-    return /* @__PURE__ */ jsxs(React13__default.Fragment, { children: [
+    return /* @__PURE__ */ jsxs(React14__default.Fragment, { children: [
       /* @__PURE__ */ jsx(Breadcrumb$1.Item, { "data-part": "item", children: child }),
       !isLast && /* @__PURE__ */ jsx(
         Breadcrumb$1.Separator,
@@ -2164,13 +2164,13 @@ var labelStyles = defineStyle({
   }
 });
 function renderLabelWithIndicator(label, labelAsChild) {
-  if (!labelAsChild || !React13.isValidElement(label)) {
+  if (!labelAsChild || !React14.isValidElement(label)) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       label,
       /* @__PURE__ */ jsx(Field.RequiredIndicator, {})
     ] });
   }
-  return React13.cloneElement(
+  return React14.cloneElement(
     label,
     {},
     /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -3345,6 +3345,124 @@ var texts13 = createTexts({
     sv: "St\xE4ng"
   }
 });
+var ExternalIcon = ({
+  label,
+  size
+}) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  size === "lg" || size === "md" ? /* @__PURE__ */ jsx(LinkOutOutline24Icon, { "aria-hidden": true, display: "inline" }) : /* @__PURE__ */ jsx(LinkOutOutline18Icon, { "aria-hidden": true, display: "inline" }),
+  /* @__PURE__ */ jsx(VisuallyHidden, { children: label })
+] });
+var TextLink = ({
+  ref,
+  children,
+  external,
+  href,
+  ...props
+}) => {
+  const { t } = useTranslation();
+  const isExternal = external ?? Boolean((href == null ? void 0 : href.startsWith("http://")) || (href == null ? void 0 : href.startsWith("https://")));
+  const externalLabel = t ? t(texts14.externalLink) : texts14.externalLink.en;
+  if (props.asChild && isValidElement(children)) {
+    return /* @__PURE__ */ jsx(
+      Link,
+      {
+        href,
+        ...props,
+        ref,
+        ...isExternal && {
+          target: "_blank",
+          rel: "noopener noreferrer"
+        },
+        children: cloneElement(children, {
+          ...children.props,
+          children: /* @__PURE__ */ jsxs(Fragment, { children: [
+            children.props.children,
+            isExternal && /* @__PURE__ */ jsx(ExternalIcon, { label: externalLabel, size: props.size })
+          ] })
+        })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    Link,
+    {
+      href,
+      ...props,
+      ref,
+      ...isExternal && {
+        target: "_blank",
+        rel: "noopener noreferrer"
+      },
+      children: [
+        children,
+        isExternal && /* @__PURE__ */ jsx(ExternalIcon, { label: externalLabel, size: props.size })
+      ]
+    }
+  );
+};
+var texts14 = createTexts({
+  externalLink: {
+    nb: "Ekstern lenke",
+    nn: "Ekstern lenke",
+    sv: "Extern l\xE4nk",
+    en: "External link"
+  }
+});
+var List = List$1.Root;
+var ListItem = List$1.Item;
+var ListIndicator = List$1.Indicator;
+var ErrorSummary = ({
+  ref: externalRef,
+  children,
+  headingLevel = "h2",
+  heading,
+  ...rest
+}) => {
+  const recipe = useSlotRecipe({ key: "errorSummary" });
+  const styles = recipe();
+  const wrapperRef = useRef(null);
+  const headingRef = useRef(null);
+  const ref = externalRef ?? wrapperRef;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      css: styles.container,
+      ref,
+      ...rest,
+      "aria-labelledby": slugify(heading),
+      tabIndex: -1,
+      children: [
+        heading && /* @__PURE__ */ jsxs(Flex, { css: styles.heading, children: [
+          /* @__PURE__ */ jsx(
+            ErrorFill24Icon,
+            {
+              css: {
+                flexShrink: 0,
+                "& path:first-of-type": {
+                  fill: `icon.critical`
+                },
+                "& path:not(:first-of-type)": {
+                  fill: `surface.critical`
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(Heading, { as: headingLevel, variant: "md", autoId: true, ref: headingRef, children: heading })
+        ] }),
+        /* @__PURE__ */ jsx(List, { css: styles.list, gap: 2, children })
+      ]
+    }
+  );
+};
+var ErrorSummaryItem = ({
+  children,
+  href,
+  ...rest
+}) => {
+  const recipe = useSlotRecipe({ key: "errorSummary" });
+  const styles = recipe();
+  return /* @__PURE__ */ jsx(ListItem, { css: styles.item, ...rest, children: /* @__PURE__ */ jsx(TextLink, { href, children }) });
+};
 var AttachedInputs = ({
   ref,
   ...props
@@ -3426,7 +3544,7 @@ function useFloatingInputState({
   );
   const inputValue = isControlled ? String(value ?? "") : uncontrolledValue;
   const shouldFloat = inputValue.length > 0 || focused;
-  const syncFromRef = React13__default.useCallback(() => {
+  const syncFromRef = React14__default.useCallback(() => {
     if (!isControlled && (inputRef == null ? void 0 : inputRef.current)) {
       const v = inputRef.current.value;
       if (v !== uncontrolledValue) {
@@ -3590,7 +3708,7 @@ function Autocomplete({
 }) {
   const { contains } = useFilter({ sensitivity: "base" });
   const { t } = useTranslation();
-  const extractedItems = React13__default.useMemo(
+  const extractedItems = React14__default.useMemo(
     () => extractItemsFromChildren(children),
     [children]
   );
@@ -3598,11 +3716,11 @@ function Autocomplete({
     initialItems: extractedItems,
     filter: filteredExternally ? void 0 : contains
   });
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     if (filteredExternally)
       reset();
   }, [extractedItems, reset, filteredExternally]);
-  const filteredChildren = React13__default.useMemo(
+  const filteredChildren = React14__default.useMemo(
     () => filterChildren(children, collection.items),
     [children, collection.items]
   );
@@ -3647,10 +3765,10 @@ function Autocomplete({
           }
         }
       ) }),
-      /* @__PURE__ */ jsx(Combobox.IndicatorGroup, { children: /* @__PURE__ */ jsx(Combobox.ClearTrigger, { asChild: true, "aria-label": t(texts14.clearValue), children: /* @__PURE__ */ jsx(CloseButton, { size: "xs", tabIndex: 0 }) }) })
+      /* @__PURE__ */ jsx(Combobox.IndicatorGroup, { children: /* @__PURE__ */ jsx(Combobox.ClearTrigger, { asChild: true, "aria-label": t(texts15.clearValue), children: /* @__PURE__ */ jsx(CloseButton, { size: "xs", tabIndex: 0 }) }) })
     ] }),
     /* @__PURE__ */ jsx(Combobox.Positioner, { children: /* @__PURE__ */ jsxs(Combobox.Content, { children: [
-      !loading && /* @__PURE__ */ jsx(Combobox.Empty, { children: emptyLabel ?? t(texts14.noItemsFound) }),
+      !loading && /* @__PURE__ */ jsx(Combobox.Empty, { children: emptyLabel ?? t(texts15.noItemsFound) }),
       loading ? /* @__PURE__ */ jsx(ColorSpinner, { width: "1.5rem", p: "2" }) : filteredChildren
     ] }) })
   ] });
@@ -3666,9 +3784,9 @@ var AutocompleteItem = ({ children, ...props }) => {
 };
 var filterChildren = (children, collectionItems) => {
   const collectionValues = new Set(collectionItems.map((item) => item.value));
-  return React13__default.Children.toArray(children).map((child) => {
+  return React14__default.Children.toArray(children).map((child) => {
     var _a6;
-    if (!React13__default.isValidElement(child))
+    if (!React14__default.isValidElement(child))
       return null;
     if (child.type === AutocompleteItemGroup) {
       const groupProps = child.props;
@@ -3677,11 +3795,11 @@ var filterChildren = (children, collectionItems) => {
         collectionItems
       );
       const hasItems = filteredGroupChildren.some(
-        (groupChild) => React13__default.isValidElement(groupChild) && groupChild.type !== AutocompleteItemGroupLabel
+        (groupChild) => React14__default.isValidElement(groupChild) && groupChild.type !== AutocompleteItemGroupLabel
       );
       if (!hasItems)
         return null;
-      return React13__default.cloneElement(child, groupProps, ...filteredGroupChildren);
+      return React14__default.cloneElement(child, groupProps, ...filteredGroupChildren);
     }
     const itemProps = (_a6 = child.props) == null ? void 0 : _a6.item;
     if (itemProps) {
@@ -3692,8 +3810,8 @@ var filterChildren = (children, collectionItems) => {
 };
 var extractItemsFromChildren = (children) => {
   const items = [];
-  React13__default.Children.forEach(children, (child) => {
-    if (!React13__default.isValidElement(child))
+  React14__default.Children.forEach(children, (child) => {
+    if (!React14__default.isValidElement(child))
       return;
     if (child.type === AutocompleteItemGroup) {
       items.push(
@@ -3709,7 +3827,7 @@ var extractItemsFromChildren = (children) => {
   });
   return items;
 };
-var texts14 = createTexts({
+var texts15 = createTexts({
   noItemsFound: {
     nb: "Ingen resultater",
     nn: "Ingen resultat",
@@ -4230,7 +4348,7 @@ function Option({ item, state }) {
     );
   }, []);
   return /* @__PURE__ */ jsx(OptionContext.Provider, { value: { labelProps, descriptionProps }, children: /* @__PURE__ */ jsx(
-    ListItem,
+    ListItem$1,
     {
       ...optionProps,
       ...dataFields,
@@ -4242,7 +4360,7 @@ function Option({ item, state }) {
     }
   ) });
 }
-var OptionContext = React13__default.createContext({
+var OptionContext = React14__default.createContext({
   labelProps: {},
   descriptionProps: {}
 });
@@ -4257,7 +4375,7 @@ function ListBoxSection({ section, state }) {
   });
   const isFirstSection = section.key === state.collection.getFirstKey();
   const titleColor = useColorModeValue("darkGrey", "white");
-  return /* @__PURE__ */ jsx(List, { children: /* @__PURE__ */ jsxs(ListItem, { ...itemProps, listStyleType: "none", marginLeft: "0", paddingX: "1", children: [
+  return /* @__PURE__ */ jsx(List, { children: /* @__PURE__ */ jsxs(ListItem$1, { ...itemProps, listStyleType: "none", marginLeft: "0", paddingX: "1", children: [
     section.rendered && /* @__PURE__ */ jsx(
       Box,
       {
@@ -4525,7 +4643,7 @@ var NumericStepper = ({
           {
             icon: /* @__PURE__ */ jsx(SubtractIcon, { stepLabel: clampedStepSize }),
             "aria-label": t(
-              texts15.decrementButtonAriaLabel(
+              texts16.decrementButtonAriaLabel(
                 clampedStepSize,
                 stepSize === 1 ? ariaLabelContext.singular : ariaLabelContext.plural
               )
@@ -4552,7 +4670,7 @@ var NumericStepper = ({
             css: styles.input,
             width: `${Math.max(value.toString().length + 1, 3)}ch`,
             "aria-live": "assertive",
-            "aria-label": ariaLabelContext.plural === "" ? "" : t(texts15.currentNumberAriaLabel(ariaLabelContext.plural)),
+            "aria-label": ariaLabelContext.plural === "" ? "" : t(texts16.currentNumberAriaLabel(ariaLabelContext.plural)),
             onChange: (event) => {
               const numericInput = Number(event.target.value);
               if (Number.isNaN(numericInput)) {
@@ -4573,7 +4691,7 @@ var NumericStepper = ({
             paddingX: 0.5,
             padding: 0,
             textAlign: "center",
-            "aria-label": ariaLabelContext.plural === "" ? "" : t(texts15.currentNumberAriaLabel(ariaLabelContext.plural)),
+            "aria-label": ariaLabelContext.plural === "" ? "" : t(texts16.currentNumberAriaLabel(ariaLabelContext.plural)),
             children: value
           }
         ),
@@ -4583,7 +4701,7 @@ var NumericStepper = ({
             ref: addButtonRef,
             icon: /* @__PURE__ */ jsx(AddIcon, { stepLabel: clampedStepSize }),
             "aria-label": t(
-              texts15.incrementButtonAriaLabel(
+              texts16.incrementButtonAriaLabel(
                 clampedStepSize,
                 stepSize === 1 ? ariaLabelContext.singular : ariaLabelContext.plural
               )
@@ -4657,7 +4775,7 @@ var AddIcon = ({ stepLabel }) => /* @__PURE__ */ jsxs(Fragment, { children: [
   ] }),
   stepLabel > 1 && /* @__PURE__ */ jsx(chakra.span, { paddingRight: "1", children: stepLabel.toString() })
 ] });
-var texts15 = createTexts({
+var texts16 = createTexts({
   currentNumberAriaLabel(ariaContext) {
     return {
       nb: `Valgt antall ${ariaContext}`,
@@ -4721,7 +4839,7 @@ var PasswordInput = ({
             event.preventDefault();
             setVisible(!visible);
           },
-          children: visible ? t(texts16.hidePassword) : t(texts16.showPassword)
+          children: visible ? t(texts17.hidePassword) : t(texts17.showPassword)
         }
       ),
       ...rest
@@ -4746,7 +4864,7 @@ var VisibilityTrigger = ({
     }
   );
 };
-var texts16 = createTexts({
+var texts17 = createTexts({
   showPassword: {
     nb: "Vis",
     nn: "Vis",
@@ -4798,14 +4916,14 @@ var CountryCodeSelect = ({
       positioning: { placement: "bottom", flip: false },
       collection: filteredCallingCodes,
       lazyMount: true,
-      "aria-label": t(texts17.countryCode),
+      "aria-label": t(texts18.countryCode),
       sideRadiusVariant: "rightSideSquare",
       role: "combobox",
       children: filteredCallingCodes.items.map((code) => /* @__PURE__ */ jsx(SelectItem, { item: code, children: code.label }, code.label))
     }
   );
 };
-var texts17 = createTexts({
+var texts18 = createTexts({
   countryCode: {
     nb: "Landkode",
     nn: "Landskode",
@@ -4828,7 +4946,7 @@ var PhoneNumberInput = ({
     errorText
   } = props;
   const { t } = useTranslation();
-  const label = externalLabel ?? (optional ? t(texts18.phoneNumberOptional) : t(texts18.phoneNumber));
+  const label = externalLabel ?? (optional ? t(texts19.phoneNumberOptional) : t(texts19.phoneNumber));
   const [value, onChange] = useControllableState({
     value: externalValue,
     onChange: externalOnChange,
@@ -4883,7 +5001,7 @@ var PhoneNumberInput = ({
     )
   ] });
 };
-var texts18 = createTexts({
+var texts19 = createTexts({
   phoneNumber: {
     nb: "Telefonnummer",
     nn: "Telefonnummer",
@@ -4935,16 +5053,16 @@ var SearchInput = ({
           variant: "ghost",
           type: "button",
           size: "sm",
-          "aria-label": t(texts19.reset),
+          "aria-label": t(texts20.reset),
           icon: /* @__PURE__ */ jsx(CloseOutline24Icon, {}),
           onClick: onReset
         }
       ),
-      label: label ?? t(texts19.label)
+      label: label ?? t(texts20.label)
     }
   );
 };
-var texts19 = createTexts({
+var texts20 = createTexts({
   label: {
     nb: "S\xF8k",
     nn: "S\xF8k",
@@ -5480,72 +5598,6 @@ var TravelTag = function TravelTag2({
     }
   );
 };
-var ExternalIcon = ({
-  label,
-  size
-}) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  size === "lg" || size === "md" ? /* @__PURE__ */ jsx(LinkOutOutline24Icon, { "aria-hidden": true, display: "inline" }) : /* @__PURE__ */ jsx(LinkOutOutline18Icon, { "aria-hidden": true, display: "inline" }),
-  /* @__PURE__ */ jsx(VisuallyHidden, { children: label })
-] });
-var TextLink = ({
-  ref,
-  children,
-  external,
-  href,
-  ...props
-}) => {
-  const { t } = useTranslation();
-  const isExternal = external ?? Boolean((href == null ? void 0 : href.startsWith("http://")) || (href == null ? void 0 : href.startsWith("https://")));
-  const externalLabel = t ? t(texts20.externalLink) : texts20.externalLink.en;
-  if (props.asChild && isValidElement(children)) {
-    return /* @__PURE__ */ jsx(
-      Link,
-      {
-        href,
-        ...props,
-        ref,
-        ...isExternal && {
-          target: "_blank",
-          rel: "noopener noreferrer"
-        },
-        children: cloneElement(children, {
-          ...children.props,
-          children: /* @__PURE__ */ jsxs(Fragment, { children: [
-            children.props.children,
-            isExternal && /* @__PURE__ */ jsx(ExternalIcon, { label: externalLabel, size: props.size })
-          ] })
-        })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    Link,
-    {
-      href,
-      ...props,
-      ref,
-      ...isExternal && {
-        target: "_blank",
-        rel: "noopener noreferrer"
-      },
-      children: [
-        children,
-        isExternal && /* @__PURE__ */ jsx(ExternalIcon, { label: externalLabel, size: props.size })
-      ]
-    }
-  );
-};
-var texts20 = createTexts({
-  externalLink: {
-    nb: "Ekstern lenke",
-    nn: "Ekstern lenke",
-    sv: "Extern l\xE4nk",
-    en: "External link"
-  }
-});
-var List = List$1.Root;
-var ListItem2 = List$1.Item;
-var ListIndicator = List$1.Indicator;
 var CargonetLogo = ({
   ref,
   ...props
@@ -6206,16 +6258,16 @@ var NudgeContent = ({
   ...props
 }) => {
   const [currentStep, setCurrentStep] = useState(1);
-  const childrenArray = React13__default.Children.toArray(children);
+  const childrenArray = React14__default.Children.toArray(children);
   const { open } = usePopoverContext();
   useEffect(() => {
     setCurrentStep(1);
   }, [children, open]);
   const wizardPages = childrenArray.filter(
-    (child) => React13__default.isValidElement(child) && child.type === NudgeWizardStep
+    (child) => React14__default.isValidElement(child) && child.type === NudgeWizardStep
   );
   const restChildren = childrenArray.filter(
-    (child) => !React13__default.isValidElement(child) || child.type !== NudgeWizardStep
+    (child) => !React14__default.isValidElement(child) || child.type !== NudgeWizardStep
   );
   const totalSteps = wizardPages.length;
   const isLastStep = totalSteps === currentStep;
@@ -6333,7 +6385,7 @@ var PaginationEllipsis = ({
   ref,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx(ListItem2, { children: /* @__PURE__ */ jsx(Pagination$1.Ellipsis, { ref, ...props, asChild: true, children: /* @__PURE__ */ jsx(Box, { cursor: "default", children: "..." }) }) });
+  return /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(Pagination$1.Ellipsis, { ref, ...props, asChild: true, children: /* @__PURE__ */ jsx(Box, { cursor: "default", children: "..." }) }) });
 };
 var PaginationItem = ({
   ref,
@@ -6343,7 +6395,7 @@ var PaginationItem = ({
   const { t } = useTranslation();
   const { page, totalPages } = usePaginationContext();
   if (rootProps.getHref) {
-    return /* @__PURE__ */ jsx(ListItem2, { children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(
       Pagination$1.Item,
       {
         as: props.as ?? "a",
@@ -6358,7 +6410,7 @@ var PaginationItem = ({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx(ListItem2, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(
     Pagination$1.Item,
     {
       as: props.as ?? "button",
@@ -6382,7 +6434,7 @@ var PaginationPrevTrigger = ({
   if (page <= 1)
     return null;
   if (rootProps.getHref) {
-    return /* @__PURE__ */ jsx(ListItem2, { children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(
       Pagination$1.PrevTrigger,
       {
         as: props.as ?? "a",
@@ -6399,7 +6451,7 @@ var PaginationPrevTrigger = ({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx(ListItem2, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(
     Pagination$1.PrevTrigger,
     {
       ref,
@@ -6424,7 +6476,7 @@ var PaginationNextTrigger = ({
   if (page >= totalPages)
     return null;
   if (rootProps.getHref) {
-    return /* @__PURE__ */ jsx(ListItem2, { children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(
       Pagination$1.NextTrigger,
       {
         ref,
@@ -6439,7 +6491,7 @@ var PaginationNextTrigger = ({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx(ListItem2, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(
     Pagination$1.NextTrigger,
     {
       ref,
@@ -6518,7 +6570,7 @@ var PopoverContent = ({
   ...props
 }) => {
   const { colorMode } = useColorMode();
-  const closeButtonRef = React13__default.useRef(null);
+  const closeButtonRef = React14__default.useRef(null);
   const { open } = usePopoverContext();
   useEffect(() => {
     if (showCloseButton && open && closeButtonRef.current) {
@@ -6720,7 +6772,7 @@ var SporProvider = ({
     children
   ] }) }) });
 };
-var StepperContext = React13__default.createContext(null);
+var StepperContext = React14__default.createContext(null);
 var StepperProvider = ({
   activeStep,
   children,
@@ -6737,7 +6789,7 @@ var StepperProvider = ({
   );
 };
 var useStepper = () => {
-  const context = React13__default.useContext(StepperContext);
+  const context = React14__default.useContext(StepperContext);
   if (!context) {
     throw new Error(
       "useStepper must be used within a StepperProvider. Most likely, you forgot to wrap your StepperStep in a Stepper component"
@@ -8065,6 +8117,12 @@ var menuAnatomy = createAnatomy("menu").parts(
   "triggerItem",
   "checkboxItem"
 );
+var errorSummaryAnatomy = createAnatomy("error-summary").parts(
+  "container",
+  "heading",
+  "list",
+  "item"
+);
 
 // src/theme/slot-recipes/accordion.ts
 var accordionSlotRecipe = defineSlotRecipe({
@@ -9601,6 +9659,34 @@ var drawerSlotRecipe = defineSlotRecipe({
     }
   }
 });
+var errorSummarySlotRecipe = defineSlotRecipe({
+  slots: errorSummaryAnatomy.keys(),
+  className: "spor-error-summary",
+  base: {
+    container: {
+      display: "flex",
+      flexDirection: "column",
+      padding: [3, 5],
+      backgroundColor: "surface.critical",
+      borderRadius: "md"
+    },
+    heading: {
+      fontSize: "md",
+      fontWeight: "bold",
+      color: "text.critical",
+      gap: [1, 1.5],
+      alignItems: "center"
+    },
+    list: {
+      alignItems: "flex-start",
+      paddingLeft: [4, 5]
+    },
+    item: {
+      color: "text.critical.subtle",
+      marginTop: [2, 1.5]
+    }
+  }
+});
 var fieldSlotRecipe = defineSlotRecipe({
   className: "spor-field",
   slots: fieldAnatomy.keys(),
@@ -12150,7 +12236,8 @@ var slotRecipes = {
   tooltip: popoverSlotRecipe,
   tag: inputChipSlotRecipe,
   menu: menuSlotRecipe,
-  choiceChip: choiceChipSlotRecipe
+  choiceChip: choiceChipSlotRecipe,
+  errorSummary: errorSummarySlotRecipe
 };
 var animations = defineTokens.animations({
   spin: {
@@ -12998,6 +13085,6 @@ var TooltipContent = ({
   ] }) }) });
 };
 
-export { Accordion, AccordionItem, AccordionItemContent, AccordionItemTrigger, Alert, AttachedInputs, Autocomplete, AutocompleteItem, AutocompleteItemGroup, AutocompleteItemGroupLabel, Badge, Brand, Breadcrumb, Button, ButtonGroup, Calendar, CalendarCell, CalendarGrid, CalendarHeader, CalendarProvider, CardSelect, CardSelectContent, CardSelectTrigger, CargonetLogo, Checkbox, CheckboxGroup, ChoiceChip, ChoiceChipGroup, ChoiceChipLabel, Clipboard, ClipboardButton, CloseButton, CloseDrawerLine, Code, ColorInlineLoader, ColorModeButton, ColorModeIcon, ColorModeProvider, ColorSpinner, Combobox2 as Combobox, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkSpinner, DatePicker, DateRangePicker, DialogActionTrigger, DialogBackdrop, DialogBody, DialogCloseTrigger, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger, Drawer, DrawerActionTrigger, DrawerBackTrigger, DrawerBackdrop, DrawerBody, DrawerCloseTrigger, DrawerContent, DrawerFooter, DrawerFullScreenHeader, DrawerHeader, DrawerTitle, DrawerTrigger, Expandable, ExpandableAlert, ExpandableItem, Field3 as Field, FieldErrorText, FieldLabel, Fieldset, FieldsetContent, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FilterChip, FloatingActionButton, Heading, IconButton, InfoTag, Input, InputChip, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightSpinner, LineIcon, List, ListBox, ListIndicator, ListItem2 as ListItem, Menu, MenuCheckboxItem, MenuContent, MenuItem, MenuItemGroup, MenuRadioItem, MenuRadioItemGroup, MenuSeparator, MenuTrigger, MenuTriggerItem, NativeSelect, Nudge, NudgeActions, NudgeCloseTrigger, NudgeContent, NudgeTrigger, NudgeWizardStep, NumericStepper, Pagination, PaginationEllipsis, PaginationItem, PaginationItems, PaginationNextTrigger, PaginationPrevTrigger, PasswordInput, PhoneNumberInput, PlayPauseButton, Popover2 as Popover, PopoverContent, PopoverTrigger, PressableCard, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardLabel, RadioGroup, RangeCalendar, ScrollCalendar, SearchInput, Select, SelectContent, SelectItem, SelectItemGroup, SelectItemText, SelectLabel, SelectRoot, SelectTrigger, SelectValueText, Separator, ServiceAlert, Skeleton, SkeletonCircle, SkeletonText, SkipButton, SporProvider, StaticCard, Stepper, StepperStep, SvgBox, Switch, Table, TableBody, TableColumnHeader, Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger, Text3 as Text, TextLink, Textarea, TimePicker, Tooltip, TooltipContent, TooltipTrigger, TravelTag, VyLogo, VyLogoPride, createTexts, createToast, fontFaces, slugify, system, themes, useCalendar, useColorMode, useColorModeValue, useMenuContext, useTableSort, useTranslation };
+export { Accordion, AccordionItem, AccordionItemContent, AccordionItemTrigger, Alert, AttachedInputs, Autocomplete, AutocompleteItem, AutocompleteItemGroup, AutocompleteItemGroupLabel, Badge, Brand, Breadcrumb, Button, ButtonGroup, Calendar, CalendarCell, CalendarGrid, CalendarHeader, CalendarProvider, CardSelect, CardSelectContent, CardSelectTrigger, CargonetLogo, Checkbox, CheckboxGroup, ChoiceChip, ChoiceChipGroup, ChoiceChipLabel, Clipboard, ClipboardButton, CloseButton, CloseDrawerLine, Code, ColorInlineLoader, ColorModeButton, ColorModeIcon, ColorModeProvider, ColorSpinner, Combobox2 as Combobox, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkSpinner, DatePicker, DateRangePicker, DialogActionTrigger, DialogBackdrop, DialogBody, DialogCloseTrigger, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger, Drawer, DrawerActionTrigger, DrawerBackTrigger, DrawerBackdrop, DrawerBody, DrawerCloseTrigger, DrawerContent, DrawerFooter, DrawerFullScreenHeader, DrawerHeader, DrawerTitle, DrawerTrigger, ErrorSummary, ErrorSummaryItem, Expandable, ExpandableAlert, ExpandableItem, Field3 as Field, FieldErrorText, FieldLabel, Fieldset, FieldsetContent, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FilterChip, FloatingActionButton, Heading, IconButton, InfoTag, Input, InputChip, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightSpinner, LineIcon, List, ListBox, ListIndicator, ListItem, Menu, MenuCheckboxItem, MenuContent, MenuItem, MenuItemGroup, MenuRadioItem, MenuRadioItemGroup, MenuSeparator, MenuTrigger, MenuTriggerItem, NativeSelect, Nudge, NudgeActions, NudgeCloseTrigger, NudgeContent, NudgeTrigger, NudgeWizardStep, NumericStepper, Pagination, PaginationEllipsis, PaginationItem, PaginationItems, PaginationNextTrigger, PaginationPrevTrigger, PasswordInput, PhoneNumberInput, PlayPauseButton, Popover2 as Popover, PopoverContent, PopoverTrigger, PressableCard, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardLabel, RadioGroup, RangeCalendar, ScrollCalendar, SearchInput, Select, SelectContent, SelectItem, SelectItemGroup, SelectItemText, SelectLabel, SelectRoot, SelectTrigger, SelectValueText, Separator, ServiceAlert, Skeleton, SkeletonCircle, SkeletonText, SkipButton, SporProvider, StaticCard, Stepper, StepperStep, SvgBox, Switch, Table, TableBody, TableColumnHeader, Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger, Text3 as Text, TextLink, Textarea, TimePicker, Tooltip, TooltipContent, TooltipTrigger, TravelTag, VyLogo, VyLogoPride, createTexts, createToast, fontFaces, slugify, system, themes, useCalendar, useColorMode, useColorModeValue, useMenuContext, useTableSort, useTranslation };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map