@vygruppen/spor-react 13.2.1 → 13.3.0

package/dist/index.cjs

@@ -3,7 +3,7 @@
 var react = require('@chakra-ui/react');
 var spor_icon_react_star = require('@vygruppen/spor-icon-react');
 var jsxRuntime = require('react/jsx-runtime');
-var React13 = require('react');
+var React14 = require('react');
 var sporLoader = require('@vygruppen/spor-loader');
 var lottieReact = require('lottie-react');
 var usehooksTs = require('usehooks-ts');
@@ -43,7 +43,7 @@ function _interopNamespace(e) {
 }
 
 var spor_icon_react_star__namespace = /*#__PURE__*/_interopNamespace(spor_icon_react_star);
-var React13__namespace = /*#__PURE__*/_interopNamespace(React13);
+var React14__namespace = /*#__PURE__*/_interopNamespace(React14);
 var tokens22__namespace = /*#__PURE__*/_interopNamespace(tokens22);
 var tokens4__default = /*#__PURE__*/_interopDefault(tokens4);
 
@@ -206,7 +206,7 @@ var Language = /* @__PURE__ */ ((Language4) => {
   Language4["English"] = "en";
   return Language4;
 })(Language || {});
-var LanguageContext = React13.createContext(void 0);
+var LanguageContext = React14.createContext(void 0);
 function LanguageProvider({
   language,
   children
@@ -214,7 +214,7 @@ function LanguageProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(LanguageContext.Provider, { value: language, children });
 }
 function useLanguage() {
-  const language = React13.useContext(LanguageContext);
+  const language = React14.useContext(LanguageContext);
   if (!language) {
     throw new Error("Please wrap your application in a LanguageProvider");
   }
@@ -358,11 +358,11 @@ var useRotatingLabel = ({
   label,
   delay
 }) => {
-  const loadingTextArray = React13.useMemo(
+  const loadingTextArray = React14.useMemo(
     () => Array.isArray(label) ? label : [label],
     [label]
   );
-  const [currentLoadingTextIndex, setCurrentLoadingTextIndex] = React13.useState(0);
+  const [currentLoadingTextIndex, setCurrentLoadingTextIndex] = React14.useState(0);
   usehooksTs.useInterval(() => {
     setCurrentLoadingTextIndex(
       (previousIndex) => (previousIndex + 1) % loadingTextArray.length
@@ -424,9 +424,9 @@ var progressLoaderRecipe = react.defineRecipe({
   }
 });
 var usePathLength = (value) => {
-  const pathRef = React13.useRef(null);
-  const [pathLength, setPathLength] = React13.useState(0);
-  React13.useEffect(() => {
+  const pathRef = React14.useRef(null);
+  const [pathLength, setPathLength] = React14.useState(0);
+  React14.useEffect(() => {
     if (pathRef.current) {
       const totalLength = pathRef.current.getTotalLength();
       setPathLength(totalLength);
@@ -460,7 +460,7 @@ var ProgressLoader = ({
     pathLength: progressPathLength,
     progressOffset
   } = usePathLength(value);
-  const id = React13.useId();
+  const id = React14.useId();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ProgressLoaderWrapper,
     {
@@ -614,7 +614,7 @@ var LoadingContent = ({
   ] })
 ] });
 var getChildContent = (child) => {
-  if (React13.isValidElement(child)) {
+  if (React14.isValidElement(child)) {
     return child.props.children;
   }
   return child;
@@ -652,7 +652,7 @@ var Button = ({
       variant,
       size,
       ...rest,
-      children: rest.asChild && React13.isValidElement(children) ? React13.cloneElement(children, {
+      children: rest.asChild && React14.isValidElement(children) ? React14.cloneElement(children, {
         children: renderContent()
       }) : renderContent()
     }
@@ -1002,7 +1002,7 @@ var Heading = function Heading2({
     id: externalId,
     ...rest
   } = props;
-  const reactId = React13.useId();
+  const reactId = React14.useId();
   function getId() {
     if (externalId !== void 0)
       return externalId;
@@ -1178,11 +1178,11 @@ var FloatingActionButton = ({
   );
 };
 var useScrollDirection = () => {
-  const [scrollDirection, setScrollDirection] = React13__namespace.default.useState(null);
-  const lastScrollPosition = React13__namespace.default.useRef(
+  const [scrollDirection, setScrollDirection] = React14__namespace.default.useState(null);
+  const lastScrollPosition = React14__namespace.default.useRef(
     globalThis.window === void 0 ? 0 : window.scrollY
   );
-  React13__namespace.default.useEffect(() => {
+  React14__namespace.default.useEffect(() => {
     const onScroll = () => {
       const delta = window.scrollY - lastScrollPosition.current;
       if (delta === 0) {
@@ -1507,12 +1507,12 @@ var Breadcrumb = ({
   css,
   ...props
 }) => {
-  const validChildren = React13__namespace.default.Children.toArray(children).filter(
-    (element) => React13__namespace.default.isValidElement(element)
+  const validChildren = React14__namespace.default.Children.toArray(children).filter(
+    (element) => React14__namespace.default.isValidElement(element)
   );
   return /* @__PURE__ */ jsxRuntime.jsx(react.Breadcrumb.Root, { ref, css, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(react.Breadcrumb.List, { "data-part": "list", children: validChildren.map((child, index) => {
     const isLast = index === validChildren.length - 1;
-    return /* @__PURE__ */ jsxRuntime.jsxs(React13__namespace.default.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(React14__namespace.default.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(react.Breadcrumb.Item, { "data-part": "item", children: child }),
       !isLast && /* @__PURE__ */ jsxRuntime.jsx(
         react.Breadcrumb.Separator,
@@ -1567,16 +1567,16 @@ var getCurrentTime = () => {
 var getTimestampFromTime = (time) => {
   return `${(time == null ? void 0 : time.hour) ?? 0}:${(time == null ? void 0 : time.minute) ?? 0}`;
 };
-var CalendarContext = React13.createContext(null);
+var CalendarContext = React14.createContext(null);
 function useCalendar() {
-  const context = React13.useContext(CalendarContext);
+  const context = React14.useContext(CalendarContext);
   if (!context)
     throw new Error("useCalendar must be used within CalendarProvider");
   return context;
 }
 function CalendarProvider(props) {
   const locale = useCurrentLocale();
-  const ref = React13.useRef(null);
+  const ref = React14.useRef(null);
   const {
     mode = "single",
     onChange,
@@ -1697,7 +1697,7 @@ var RadioCard = ({
   ...props
 }) => {
   const { inputProps, children } = props;
-  const uniqueId = React13.useId();
+  const uniqueId = React14.useId();
   const itemControlId = `radio-card-item-control-${uniqueId}`;
   const inputHasAriaLabel = (inputProps == null ? void 0 : inputProps["aria-labelledby"]) || (inputProps == null ? void 0 : inputProps["aria-label"]);
   return /* @__PURE__ */ jsxRuntime.jsxs(react.RadioCard.Item, { ...props, children: [
@@ -1764,7 +1764,7 @@ function isPhantomPointer(event) {
 function CalendarCell({ date: date$1, currentMonth }) {
   var _a6, _b5;
   const { mode, state } = useCalendar();
-  const ref = React13.useRef(null);
+  const ref = React14.useRef(null);
   const { cellProps, buttonProps, isSelected, isDisabled, formattedDate } = reactAria.useCalendarCell({ date: date$1 }, state, ref);
   const isOutsideMonth = !date.isSameMonth(currentMonth, date$1);
   const isSelectionStart = mode === "range" && ((_a6 = state.highlightedRange) == null ? void 0 : _a6.start) ? date.isSameDay(date$1, state.highlightedRange.start) : false;
@@ -2031,8 +2031,8 @@ function Calendar({ dualView, css }) {
 }
 function ScrollCalendar(boxProps) {
   const { state, calendarProps, ref, startValue } = useCalendar();
-  const monthReferences = React13.useRef([]);
-  const hasScrolledRef = React13.useRef(false);
+  const monthReferences = React14.useRef([]);
+  const hasScrolledRef = React14.useRef(false);
   const startMonth = state.visibleRange.start.year * 12 + state.visibleRange.start.month;
   const endMonth = state.visibleRange.end.year * 12 + state.visibleRange.end.month;
   const monthCount = endMonth - startMonth + 1;
@@ -2041,7 +2041,7 @@ function ScrollCalendar(boxProps) {
     year: "numeric",
     timeZone: state.timeZone
   });
-  React13.useEffect(
+  React14.useEffect(
     function scrollFocusedMonthIntoView() {
       const targetDate = startValue || state.focusedDate;
       if (hasScrolledRef.current || !targetDate)
@@ -2183,13 +2183,13 @@ var labelStyles = react.defineStyle({
   }
 });
 function renderLabelWithIndicator(label, labelAsChild) {
-  if (!labelAsChild || !React13__namespace.isValidElement(label)) {
+  if (!labelAsChild || !React14__namespace.isValidElement(label)) {
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       label,
       /* @__PURE__ */ jsxRuntime.jsx(react.Field.RequiredIndicator, {})
     ] });
   }
-  return React13__namespace.cloneElement(
+  return React14__namespace.cloneElement(
     label,
     {},
     /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -2279,7 +2279,7 @@ function CalendarCell2({
   currentMonth,
   variant
 }) {
-  const ref = React13.useRef(null);
+  const ref = React14.useRef(null);
   const {
     cellProps,
     buttonProps,
@@ -2306,7 +2306,7 @@ function CalendarCell2({
   if (isOutsideMonth) {
     stateProps["data-unavailable"] = true;
   }
-  React13.useEffect(() => {
+  React14.useEffect(() => {
     var _a6;
     (_a6 = ref.current) == null ? void 0 : _a6.addEventListener(
       "touchend",
@@ -2390,7 +2390,7 @@ function CalendarNavigationButton({
   "aria-label": ariaLabel,
   ...rest
 }) {
-  const ref = React13.useRef(null);
+  const ref = React14.useRef(null);
   const { buttonProps } = reactAria.useButton(rest, ref);
   return /* @__PURE__ */ jsxRuntime.jsx(
     IconButton,
@@ -2609,7 +2609,7 @@ var DateTimeSegment = ({
   ariaDescription,
   variant
 }) => {
-  const internalRef = React13.useRef(null);
+  const internalRef = React14.useRef(null);
   const ref = externalRef ?? internalRef;
   const { segmentProps } = reactAria.useDateSegment(
     segment,
@@ -2669,7 +2669,7 @@ var DateField = ({
     createCalendar: createCalendar3
   });
   const { t } = useTranslation();
-  const internalRef = React13.useRef(null);
+  const internalRef = React14.useRef(null);
   const ref = externalRef ?? internalRef;
   const { fieldProps } = reactAria.useDateField(
     props,
@@ -2796,10 +2796,10 @@ var DatePicker = ({
     isRequired: props.isRequired ?? (chakraFieldProps == null ? void 0 : chakraFieldProps.required),
     validationState: (chakraFieldProps == null ? void 0 : chakraFieldProps.invalid) ? "invalid" : "valid"
   });
-  const internalRef = React13.useRef(null);
+  const internalRef = React14.useRef(null);
   const ref = externalRef ?? internalRef;
   const { labelProps, fieldProps, buttonProps, dialogProps, calendarProps } = reactAria.useDatePicker(props, state, ref);
-  const inputGroupId = `input-group-${React13.useId()}`;
+  const inputGroupId = `input-group-${React14.useId()}`;
   const recipe = react.useSlotRecipe({
     key: "datePicker"
   });
@@ -2892,7 +2892,7 @@ function RangeCalendar(props) {
     key: "datePicker"
   });
   const styles = recipe({});
-  const ref = React13.useRef(null);
+  const ref = React14.useRef(null);
   const { calendarProps, title } = reactAria.useRangeCalendar(props, state, ref);
   return /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { ...calendarProps, ref, css: styles.rangeCalendarPopover, children: [
     /* @__PURE__ */ jsxRuntime.jsx(CalendarHeader2, { state, title }),
@@ -2931,7 +2931,7 @@ function DateRangePicker({
     isRequired: props.required ?? (fieldContextPRops == null ? void 0 : fieldContextPRops.required),
     validationState: (fieldContextPRops == null ? void 0 : fieldContextPRops.invalid) ? "invalid" : "valid"
   });
-  const ref = React13.useRef(null);
+  const ref = React14.useRef(null);
   const uniqueId = reactAria.useId();
   const datePickerId = `date-range-picker-${uniqueId}`;
   const {
@@ -3020,7 +3020,7 @@ function DateRangePicker({
   ] }) });
 }
 var TimeField = ({ state, ...props }) => {
-  const ref = React13.useRef(null);
+  const ref = React14.useRef(null);
   const { labelProps, fieldProps } = reactAria.useTimeField(props, state, ref);
   return /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -3364,6 +3364,124 @@ var texts13 = createTexts({
     sv: "St\xE4ng"
   }
 });
+var ExternalIcon = ({
+  label,
+  size
+}) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  size === "lg" || size === "md" ? /* @__PURE__ */ jsxRuntime.jsx(spor_icon_react_star.LinkOutOutline24Icon, { "aria-hidden": true, display: "inline" }) : /* @__PURE__ */ jsxRuntime.jsx(spor_icon_react_star.LinkOutOutline18Icon, { "aria-hidden": true, display: "inline" }),
+  /* @__PURE__ */ jsxRuntime.jsx(react.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 && React14.isValidElement(children)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      react.Link,
+      {
+        href,
+        ...props,
+        ref,
+        ...isExternal && {
+          target: "_blank",
+          rel: "noopener noreferrer"
+        },
+        children: React14.cloneElement(children, {
+          ...children.props,
+          children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            children.props.children,
+            isExternal && /* @__PURE__ */ jsxRuntime.jsx(ExternalIcon, { label: externalLabel, size: props.size })
+          ] })
+        })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    react.Link,
+    {
+      href,
+      ...props,
+      ref,
+      ...isExternal && {
+        target: "_blank",
+        rel: "noopener noreferrer"
+      },
+      children: [
+        children,
+        isExternal && /* @__PURE__ */ jsxRuntime.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 = react.List.Root;
+var ListItem = react.List.Item;
+var ListIndicator = react.List.Indicator;
+var ErrorSummary = ({
+  ref: externalRef,
+  children,
+  headingLevel = "h2",
+  heading,
+  ...rest
+}) => {
+  const recipe = react.useSlotRecipe({ key: "errorSummary" });
+  const styles = recipe();
+  const wrapperRef = React14.useRef(null);
+  const headingRef = React14.useRef(null);
+  const ref = externalRef ?? wrapperRef;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    react.Box,
+    {
+      css: styles.container,
+      ref,
+      ...rest,
+      "aria-labelledby": slugify(heading),
+      tabIndex: -1,
+      children: [
+        heading && /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { css: styles.heading, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            spor_icon_react_star.ErrorFill24Icon,
+            {
+              css: {
+                flexShrink: 0,
+                "& path:first-of-type": {
+                  fill: `icon.critical`
+                },
+                "& path:not(:first-of-type)": {
+                  fill: `surface.critical`
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(Heading, { as: headingLevel, variant: "md", autoId: true, ref: headingRef, children: heading })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(List, { css: styles.list, gap: 2, children })
+      ]
+    }
+  );
+};
+var ErrorSummaryItem = ({
+  children,
+  href,
+  ...rest
+}) => {
+  const recipe = react.useSlotRecipe({ key: "errorSummary" });
+  const styles = recipe();
+  return /* @__PURE__ */ jsxRuntime.jsx(ListItem, { css: styles.item, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(TextLink, { href, children }) });
+};
 var AttachedInputs = ({
   ref,
   ...props
@@ -3438,14 +3556,14 @@ function useFloatingInputState({
   onChange,
   inputRef
 }) {
-  const [focused, setFocused] = React13.useState(false);
+  const [focused, setFocused] = React14.useState(false);
   const isControlled = value !== void 0;
-  const [uncontrolledValue, setUncontrolledValue] = React13.useState(
+  const [uncontrolledValue, setUncontrolledValue] = React14.useState(
     defaultValue ? String(defaultValue) : ""
   );
   const inputValue = isControlled ? String(value ?? "") : uncontrolledValue;
   const shouldFloat = inputValue.length > 0 || focused;
-  const syncFromRef = React13__namespace.default.useCallback(() => {
+  const syncFromRef = React14__namespace.default.useCallback(() => {
     if (!isControlled && (inputRef == null ? void 0 : inputRef.current)) {
       const v = inputRef.current.value;
       if (v !== uncontrolledValue) {
@@ -3453,7 +3571,7 @@ function useFloatingInputState({
       }
     }
   }, [isControlled, inputRef, uncontrolledValue]);
-  React13.useEffect(() => {
+  React14.useEffect(() => {
     if (!isControlled && (inputRef == null ? void 0 : inputRef.current)) {
       const input = inputRef.current;
       syncFromRef();
@@ -3514,9 +3632,9 @@ var Input = ({
   const recipe = react.useRecipe({ key: "input" });
   const [recipeProps, restProps] = recipe.splitVariantProps(props);
   const styles = recipe(recipeProps);
-  const labelId = React13.useId();
-  const inputRef = React13.useRef(null);
-  React13.useImperativeHandle(ref, () => inputRef.current, []);
+  const labelId = React14.useId();
+  const inputRef = React14.useRef(null);
+  React14.useImperativeHandle(ref, () => inputRef.current, []);
   const { shouldFloat, handleFocus, handleBlur, handleChange, isControlled } = useFloatingInputState({
     value: props.value,
     defaultValue: props.defaultValue,
@@ -3609,7 +3727,7 @@ function Autocomplete({
 }) {
   const { contains } = react.useFilter({ sensitivity: "base" });
   const { t } = useTranslation();
-  const extractedItems = React13__namespace.default.useMemo(
+  const extractedItems = React14__namespace.default.useMemo(
     () => extractItemsFromChildren(children),
     [children]
   );
@@ -3617,11 +3735,11 @@ function Autocomplete({
     initialItems: extractedItems,
     filter: filteredExternally ? void 0 : contains
   });
-  React13__namespace.default.useEffect(() => {
+  React14__namespace.default.useEffect(() => {
     if (filteredExternally)
       reset();
   }, [extractedItems, reset, filteredExternally]);
-  const filteredChildren = React13__namespace.default.useMemo(
+  const filteredChildren = React14__namespace.default.useMemo(
     () => filterChildren(children, collection.items),
     [children, collection.items]
   );
@@ -3666,10 +3784,10 @@ function Autocomplete({
           }
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.IndicatorGroup, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.ClearTrigger, { asChild: true, "aria-label": t(texts14.clearValue), children: /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { size: "xs", tabIndex: 0 }) }) })
+      /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.IndicatorGroup, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.ClearTrigger, { asChild: true, "aria-label": t(texts15.clearValue), children: /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { size: "xs", tabIndex: 0 }) }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.Positioner, { children: /* @__PURE__ */ jsxRuntime.jsxs(react.Combobox.Content, { children: [
-      !loading && /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.Empty, { children: emptyLabel ?? t(texts14.noItemsFound) }),
+      !loading && /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.Empty, { children: emptyLabel ?? t(texts15.noItemsFound) }),
       loading ? /* @__PURE__ */ jsxRuntime.jsx(ColorSpinner, { width: "1.5rem", p: "2" }) : filteredChildren
     ] }) })
   ] });
@@ -3685,9 +3803,9 @@ var AutocompleteItem = ({ children, ...props }) => {
 };
 var filterChildren = (children, collectionItems) => {
   const collectionValues = new Set(collectionItems.map((item) => item.value));
-  return React13__namespace.default.Children.toArray(children).map((child) => {
+  return React14__namespace.default.Children.toArray(children).map((child) => {
     var _a6;
-    if (!React13__namespace.default.isValidElement(child))
+    if (!React14__namespace.default.isValidElement(child))
       return null;
     if (child.type === AutocompleteItemGroup) {
       const groupProps = child.props;
@@ -3696,11 +3814,11 @@ var filterChildren = (children, collectionItems) => {
         collectionItems
       );
       const hasItems = filteredGroupChildren.some(
-        (groupChild) => React13__namespace.default.isValidElement(groupChild) && groupChild.type !== AutocompleteItemGroupLabel
+        (groupChild) => React14__namespace.default.isValidElement(groupChild) && groupChild.type !== AutocompleteItemGroupLabel
       );
       if (!hasItems)
         return null;
-      return React13__namespace.default.cloneElement(child, groupProps, ...filteredGroupChildren);
+      return React14__namespace.default.cloneElement(child, groupProps, ...filteredGroupChildren);
     }
     const itemProps = (_a6 = child.props) == null ? void 0 : _a6.item;
     if (itemProps) {
@@ -3711,8 +3829,8 @@ var filterChildren = (children, collectionItems) => {
 };
 var extractItemsFromChildren = (children) => {
   const items = [];
-  React13__namespace.default.Children.forEach(children, (child) => {
-    if (!React13__namespace.default.isValidElement(child))
+  React14__namespace.default.Children.forEach(children, (child) => {
+    if (!React14__namespace.default.isValidElement(child))
       return;
     if (child.type === AutocompleteItemGroup) {
       items.push(
@@ -3728,7 +3846,7 @@ var extractItemsFromChildren = (children) => {
   });
   return items;
 };
-var texts14 = createTexts({
+var texts15 = createTexts({
   noItemsFound: {
     nb: "Ingen resultater",
     nn: "Ingen resultat",
@@ -3813,18 +3931,18 @@ var CheckboxGroup = (props) => {
   const { direction = "row", children, gap = 1, ...rest } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(react.CheckboxGroup, { ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(react.Stack, { direction, gap, children }) });
 };
-var ChoiceChipContext = React13.createContext({
+var ChoiceChipContext = React14.createContext({
   variant: "core",
   size: "sm"
 });
-var useChoiceChipContext = () => React13.useContext(ChoiceChipContext);
+var useChoiceChipContext = () => React14.useContext(ChoiceChipContext);
 var ChoiceChip = ({
   ref,
   ...props
 }) => {
   const { children, inputProps, icon, variant, size, css, ...rest } = props;
   const { variant: contextVariant, size: contextSize } = useChoiceChipContext();
-  const uniqueId = React13.useId();
+  const uniqueId = React14.useId();
   const itemControlId = `radio-card-item-control-${uniqueId}`;
   const inputHasAriaLabel = (inputProps == null ? void 0 : inputProps["aria-labelledby"]) || (inputProps == null ? void 0 : inputProps["aria-label"]);
   const finalVariant = variant ?? contextVariant;
@@ -3889,9 +4007,9 @@ var Popover = ({
   hasBackdrop = true,
   containerPadding = 12
 }) => {
-  const internalRef = React13.useRef(null);
+  const internalRef = React14.useRef(null);
   const popoverRef = ref ?? internalRef;
-  React13.useLayoutEffect(() => {
+  React14.useLayoutEffect(() => {
     var _a6;
     const element = typeof popoverRef === "object" ? popoverRef == null ? void 0 : popoverRef.current : null;
     if (element) {
@@ -3964,11 +4082,11 @@ var Combobox2 = (props) => {
     ...restProps
   } = props;
   const { contains } = reactAria.useFilter({ sensitivity: "base" });
-  const fallbackInputRef = React13.useRef(null);
+  const fallbackInputRef = React14.useRef(null);
   const inputRef = externalInputRef ?? fallbackInputRef;
-  const listBoxRef = React13.useRef(null);
-  const popoverRef = React13.useRef(null);
-  const listboxId = React13.useId();
+  const listBoxRef = React14.useRef(null);
+  const popoverRef = React14.useRef(null);
+  const listboxId = React14.useId();
   const inputWidth = useInputWidth(
     inputRef
   );
@@ -4100,8 +4218,8 @@ var Combobox2 = (props) => {
   ] });
 };
 var useInputWidth = (inputRef) => {
-  const [inputWidth, setInputWidth] = React13.useState("auto");
-  React13.useEffect(() => {
+  const [inputWidth, setInputWidth] = React14.useState("auto");
+  React14.useEffect(() => {
     const onResize = debounce(() => {
       if (inputRef.current) {
         setInputWidth(`${inputRef.current.offsetWidth}px`);
@@ -4213,7 +4331,7 @@ function ItemDescription({ children }) {
   );
 }
 function Option({ item, state }) {
-  const ref = React13.useRef(null);
+  const ref = React14.useRef(null);
   const {
     optionProps,
     isSelected,
@@ -4238,7 +4356,7 @@ function Option({ item, state }) {
   if (isFocusVisible) {
     dataFields["data-focus-visible"] = true;
   }
-  React13.useEffect(() => {
+  React14.useEffect(() => {
     var _a6;
     (_a6 = ref.current) == null ? void 0 : _a6.addEventListener(
       "touchend",
@@ -4261,12 +4379,12 @@ function Option({ item, state }) {
     }
   ) });
 }
-var OptionContext = React13__namespace.default.createContext({
+var OptionContext = React14__namespace.default.createContext({
   labelProps: {},
   descriptionProps: {}
 });
 var useOptionContext = () => {
-  return React13.useContext(OptionContext);
+  return React14.useContext(OptionContext);
 };
 function ListBoxSection({ section, state }) {
   var _a6, _b5;
@@ -4296,10 +4414,10 @@ function ListBoxSection({ section, state }) {
     ) })
   ] }) });
 }
-var CustomMenuContext = React13.createContext({
+var CustomMenuContext = React14.createContext({
   variant: "core"
 });
-var useMenuContext = () => React13.useContext(CustomMenuContext);
+var useMenuContext = () => React14.useContext(CustomMenuContext);
 var Menu = ({ children, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(CustomMenuContext.Provider, { value: { variant: props.variant }, children: /* @__PURE__ */ jsxRuntime.jsx(react.Menu.Root, { ...props, children }) });
 };
@@ -4511,7 +4629,7 @@ var NumericStepper = ({
     gap,
     ...rest
   } = props;
-  const addButtonRef = React13.useRef(null);
+  const addButtonRef = React14.useRef(null);
   const { t } = useTranslation();
   const recipe = react.useSlotRecipe({ key: "numericStepper" });
   const styles = recipe();
@@ -4544,7 +4662,7 @@ var NumericStepper = ({
           {
             icon: /* @__PURE__ */ jsxRuntime.jsx(SubtractIcon, { stepLabel: clampedStepSize }),
             "aria-label": t(
-              texts15.decrementButtonAriaLabel(
+              texts16.decrementButtonAriaLabel(
                 clampedStepSize,
                 stepSize === 1 ? ariaLabelContext.singular : ariaLabelContext.plural
               )
@@ -4571,7 +4689,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)) {
@@ -4592,7 +4710,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
           }
         ),
@@ -4602,7 +4720,7 @@ var NumericStepper = ({
             ref: addButtonRef,
             icon: /* @__PURE__ */ jsxRuntime.jsx(AddIcon, { stepLabel: clampedStepSize }),
             "aria-label": t(
-              texts15.incrementButtonAriaLabel(
+              texts16.incrementButtonAriaLabel(
                 clampedStepSize,
                 stepSize === 1 ? ariaLabelContext.singular : ariaLabelContext.plural
               )
@@ -4676,7 +4794,7 @@ var AddIcon = ({ stepLabel }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Frag
   ] }),
   stepLabel > 1 && /* @__PURE__ */ jsxRuntime.jsx(react.chakra.span, { paddingRight: "1", children: stepLabel.toString() })
 ] });
-var texts15 = createTexts({
+var texts16 = createTexts({
   currentNumberAriaLabel(ariaContext) {
     return {
       nb: `Valgt antall ${ariaContext}`,
@@ -4740,7 +4858,7 @@ var PasswordInput = ({
             event.preventDefault();
             setVisible(!visible);
           },
-          children: visible ? t(texts16.hidePassword) : t(texts16.showPassword)
+          children: visible ? t(texts17.hidePassword) : t(texts17.showPassword)
         }
       ),
       ...rest
@@ -4765,7 +4883,7 @@ var VisibilityTrigger = ({
     }
   );
 };
-var texts16 = createTexts({
+var texts17 = createTexts({
   showPassword: {
     nb: "Vis",
     nn: "Vis",
@@ -4798,7 +4916,7 @@ var CountryCodeSelect = ({
   ...props
 }) => {
   const { t } = useTranslation();
-  const filteredCallingCodes = React13.useMemo(() => {
+  const filteredCallingCodes = React14.useMemo(() => {
     if (!props.allowedCountryCodes)
       return allCallingCodes;
     const filteredItems = allCallingCodes.items.filter(
@@ -4817,14 +4935,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__ */ jsxRuntime.jsx(SelectItem, { item: code, children: code.label }, code.label))
     }
   );
 };
-var texts17 = createTexts({
+var texts18 = createTexts({
   countryCode: {
     nb: "Landkode",
     nn: "Landskode",
@@ -4847,7 +4965,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] = react.useControllableState({
     value: externalValue,
     onChange: externalOnChange,
@@ -4902,7 +5020,7 @@ var PhoneNumberInput = ({
     )
   ] });
 };
-var texts18 = createTexts({
+var texts19 = createTexts({
   phoneNumber: {
     nb: "Telefonnummer",
     nn: "Telefonnummer",
@@ -4954,16 +5072,16 @@ var SearchInput = ({
           variant: "ghost",
           type: "button",
           size: "sm",
-          "aria-label": t(texts19.reset),
+          "aria-label": t(texts20.reset),
           icon: /* @__PURE__ */ jsxRuntime.jsx(spor_icon_react_star.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",
@@ -5200,9 +5318,9 @@ var Switch = ({
   );
 };
 var useLabelHeight = (label) => {
-  const labelRef = React13.useRef(null);
-  const [labelHeight, setLabelHeight] = React13.useState(0);
-  React13.useLayoutEffect(() => {
+  const labelRef = React14.useRef(null);
+  const [labelHeight, setLabelHeight] = React14.useState(0);
+  React14.useLayoutEffect(() => {
     const updateLabelHeight = () => {
       if (labelRef.current) {
         setLabelHeight(labelRef.current.offsetHeight);
@@ -5240,8 +5358,8 @@ var Textarea = ({
   const recipe = react.useRecipe({ key: "textarea" });
   const styles = recipe({ variant });
   const { labelRef, labelHeight } = useLabelHeight(label);
-  const inputRef = React13.useRef(null);
-  React13.useImperativeHandle(ref, () => inputRef.current, []);
+  const inputRef = React14.useRef(null);
+  React14.useImperativeHandle(ref, () => inputRef.current, []);
   const { shouldFloat, handleFocus, handleBlur, handleChange, isControlled } = useFloatingInputState({
     value: props.value,
     defaultValue: props.defaultValue,
@@ -5250,7 +5368,7 @@ var Textarea = ({
     onChange: props.onChange,
     inputRef
   });
-  const labelId = React13.useId();
+  const labelId = React14.useId();
   return /* @__PURE__ */ jsxRuntime.jsx(
     Field3,
     {
@@ -5499,72 +5617,6 @@ var TravelTag = function TravelTag2({
     }
   );
 };
-var ExternalIcon = ({
-  label,
-  size
-}) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  size === "lg" || size === "md" ? /* @__PURE__ */ jsxRuntime.jsx(spor_icon_react_star.LinkOutOutline24Icon, { "aria-hidden": true, display: "inline" }) : /* @__PURE__ */ jsxRuntime.jsx(spor_icon_react_star.LinkOutOutline18Icon, { "aria-hidden": true, display: "inline" }),
-  /* @__PURE__ */ jsxRuntime.jsx(react.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 && React13.isValidElement(children)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react.Link,
-      {
-        href,
-        ...props,
-        ref,
-        ...isExternal && {
-          target: "_blank",
-          rel: "noopener noreferrer"
-        },
-        children: React13.cloneElement(children, {
-          ...children.props,
-          children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            children.props.children,
-            isExternal && /* @__PURE__ */ jsxRuntime.jsx(ExternalIcon, { label: externalLabel, size: props.size })
-          ] })
-        })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    react.Link,
-    {
-      href,
-      ...props,
-      ref,
-      ...isExternal && {
-        target: "_blank",
-        rel: "noopener noreferrer"
-      },
-      children: [
-        children,
-        isExternal && /* @__PURE__ */ jsxRuntime.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 = react.List.Root;
-var ListItem2 = react.List.Item;
-var ListIndicator = react.List.Indicator;
 var CargonetLogo = ({
   ref,
   ...props
@@ -5723,7 +5775,7 @@ var VyLogo = ({
   variant = "default",
   ...props
 }) => {
-  const id = React13.useId();
+  const id = React14.useId();
   const fillForAccent = variant === "mono" ? "main" : "accent";
   return /* @__PURE__ */ jsxRuntime.jsxs(SvgBox, { ref, viewBox: "0 0 107 54", ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx("title", { children: "Vy logo" }),
@@ -5876,7 +5928,7 @@ var VyLogoPride = ({
   const redColor = "#EA3323";
   const orangeColor = "#F09436";
   const yellowColor = "#FFFF54";
-  const id = React13.useId();
+  const id = React14.useId();
   return (
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     /* @__PURE__ */ jsxRuntime.jsxs(SvgBox, { ref, viewBox: "0 0 107 54", ...props, children: [
@@ -6224,17 +6276,17 @@ var NudgeContent = ({
   children,
   ...props
 }) => {
-  const [currentStep, setCurrentStep] = React13.useState(1);
-  const childrenArray = React13__namespace.default.Children.toArray(children);
+  const [currentStep, setCurrentStep] = React14.useState(1);
+  const childrenArray = React14__namespace.default.Children.toArray(children);
   const { open } = react.usePopoverContext();
-  React13.useEffect(() => {
+  React14.useEffect(() => {
     setCurrentStep(1);
   }, [children, open]);
   const wizardPages = childrenArray.filter(
-    (child) => React13__namespace.default.isValidElement(child) && child.type === NudgeWizardStep
+    (child) => React14__namespace.default.isValidElement(child) && child.type === NudgeWizardStep
   );
   const restChildren = childrenArray.filter(
-    (child) => !React13__namespace.default.isValidElement(child) || child.type !== NudgeWizardStep
+    (child) => !React14__namespace.default.isValidElement(child) || child.type !== NudgeWizardStep
   );
   const totalSteps = wizardPages.length;
   const isLastStep = totalSteps === currentStep;
@@ -6352,7 +6404,7 @@ var PaginationEllipsis = ({
   ref,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(ListItem2, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Pagination.Ellipsis, { ref, ...props, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(react.Box, { cursor: "default", children: "..." }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(ListItem, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Pagination.Ellipsis, { ref, ...props, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(react.Box, { cursor: "default", children: "..." }) }) });
 };
 var PaginationItem = ({
   ref,
@@ -6362,7 +6414,7 @@ var PaginationItem = ({
   const { t } = useTranslation();
   const { page, totalPages } = react.usePaginationContext();
   if (rootProps.getHref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ListItem2, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(ListItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
       react.Pagination.Item,
       {
         as: props.as ?? "a",
@@ -6377,7 +6429,7 @@ var PaginationItem = ({
       }
     ) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(ListItem2, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(ListItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
     react.Pagination.Item,
     {
       as: props.as ?? "button",
@@ -6401,7 +6453,7 @@ var PaginationPrevTrigger = ({
   if (page <= 1)
     return null;
   if (rootProps.getHref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ListItem2, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(ListItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
       react.Pagination.PrevTrigger,
       {
         as: props.as ?? "a",
@@ -6418,7 +6470,7 @@ var PaginationPrevTrigger = ({
       }
     ) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(ListItem2, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(ListItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
     react.Pagination.PrevTrigger,
     {
       ref,
@@ -6443,7 +6495,7 @@ var PaginationNextTrigger = ({
   if (page >= totalPages)
     return null;
   if (rootProps.getHref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ListItem2, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(ListItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
       react.Pagination.NextTrigger,
       {
         ref,
@@ -6458,7 +6510,7 @@ var PaginationNextTrigger = ({
       }
     ) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(ListItem2, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(ListItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
     react.Pagination.NextTrigger,
     {
       ref,
@@ -6537,9 +6589,9 @@ var PopoverContent = ({
   ...props
 }) => {
   const { colorMode } = useColorMode();
-  const closeButtonRef = React13__namespace.default.useRef(null);
+  const closeButtonRef = React14__namespace.default.useRef(null);
   const { open } = react.usePopoverContext();
-  React13.useEffect(() => {
+  React14.useEffect(() => {
     if (showCloseButton && open && closeButtonRef.current) {
       closeButtonRef.current.focus();
     }
@@ -6739,7 +6791,7 @@ var SporProvider = ({
     children
   ] }) }) });
 };
-var StepperContext = React13__namespace.default.createContext(null);
+var StepperContext = React14__namespace.default.createContext(null);
 var StepperProvider = ({
   activeStep,
   children,
@@ -6756,7 +6808,7 @@ var StepperProvider = ({
   );
 };
 var useStepper = () => {
-  const context = React13__namespace.default.useContext(StepperContext);
+  const context = React14__namespace.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"
@@ -6971,13 +7023,13 @@ var captureRowOrder = (tbody) => (
   // eslint-disable-next-line unicorn/prefer-spread -- HTMLCollectionOf is not spreadable
   Array.from(tbody.rows)
 );
-var SortContext = React13.createContext({
+var SortContext = React14.createContext({
   enabled: false,
   sortState: { direction: "asc", columnIndex: null },
   onSort: () => {
   }
 });
-var useTableSort = () => React13.useContext(SortContext);
+var useTableSort = () => React14.useContext(SortContext);
 var Table = ({
   variant = "ghost",
   size,
@@ -6987,7 +7039,7 @@ var Table = ({
   ref,
   ...rest
 }) => {
-  const [sortState, setSortState] = React13.useState({
+  const [sortState, setSortState] = React14.useState({
     direction: "asc",
     columnIndex: null
   });
@@ -7023,7 +7075,7 @@ var TableColumnHeader = ({
   ...rest
 }) => {
   const { enabled, sortState, onSort } = useTableSort();
-  const [columnIndex, setColumnIndex] = React13.useState(null);
+  const [columnIndex, setColumnIndex] = React14.useState(null);
   const props = rest;
   const columnSortable = enabled && !("data-nosort" in props);
   const isActive = columnSortable && columnIndex != null && columnIndex === sortState.columnIndex;
@@ -7063,10 +7115,10 @@ var TableColumnHeader = ({
 };
 var TableBody = ({ children, ref, ...rest }) => {
   const { sortState } = useTableSort();
-  const tbodyRef = React13.useRef(null);
-  const originalOrder = React13.useRef([]);
-  const previousChildren = React13.useRef(children);
-  React13.useLayoutEffect(() => {
+  const tbodyRef = React14.useRef(null);
+  const originalOrder = React14.useRef([]);
+  const previousChildren = React14.useRef(children);
+  React14.useLayoutEffect(() => {
     const tbody = tbodyRef.current;
     if (!tbody)
       return;
@@ -8084,6 +8136,12 @@ var menuAnatomy = anatomy.createAnatomy("menu").parts(
   "triggerItem",
   "checkboxItem"
 );
+var errorSummaryAnatomy = anatomy.createAnatomy("error-summary").parts(
+  "container",
+  "heading",
+  "list",
+  "item"
+);
 
 // src/theme/slot-recipes/accordion.ts
 var accordionSlotRecipe = react.defineSlotRecipe({
@@ -9620,6 +9678,34 @@ var drawerSlotRecipe = react.defineSlotRecipe({
     }
   }
 });
+var errorSummarySlotRecipe = react.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 = react.defineSlotRecipe({
   className: "spor-field",
   slots: fieldAnatomy.keys(),
@@ -12169,7 +12255,8 @@ var slotRecipes = {
   tooltip: popoverSlotRecipe,
   tag: inputChipSlotRecipe,
   menu: menuSlotRecipe,
-  choiceChip: choiceChipSlotRecipe
+  choiceChip: choiceChipSlotRecipe,
+  errorSummary: errorSummarySlotRecipe
 };
 var animations = react.defineTokens.animations({
   spin: {
@@ -13335,6 +13422,8 @@ exports.DrawerFullScreenHeader = DrawerFullScreenHeader;
 exports.DrawerHeader = DrawerHeader;
 exports.DrawerTitle = DrawerTitle;
 exports.DrawerTrigger = DrawerTrigger;
+exports.ErrorSummary = ErrorSummary;
+exports.ErrorSummaryItem = ErrorSummaryItem;
 exports.Expandable = Expandable;
 exports.ExpandableAlert = ExpandableAlert;
 exports.ExpandableItem = ExpandableItem;
@@ -13365,7 +13454,7 @@ exports.LineIcon = LineIcon;
 exports.List = List;
 exports.ListBox = ListBox;
 exports.ListIndicator = ListIndicator;
-exports.ListItem = ListItem2;
+exports.ListItem = ListItem;
 exports.Menu = Menu;
 exports.MenuCheckboxItem = MenuCheckboxItem;
 exports.MenuContent = MenuContent;