@vygruppen/spor-react 13.0.1 → 13.0.3

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, 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, 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';
 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 { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React13 from 'react';
-import React13__default, { createContext, useId, isValidElement, cloneElement, useContext, useRef, useEffect, useImperativeHandle, useState, useLayoutEffect, useMemo } from 'react';
+import React13__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 ReactLottie from 'lottie-react';
 import { useInterval } from 'usehooks-ts';
@@ -208,8 +208,8 @@ function useTranslation() {
   };
   return { t, language };
 }
-function createTexts(texts28) {
-  return texts28;
+function createTexts(texts27) {
+  return texts27;
 }
 function Lottie({ animationData }) {
   return /* @__PURE__ */ jsx(ReactLottie, { animationData });
@@ -1081,11 +1081,7 @@ var AlertIcon = ({
   variant,
   customIcon: CustomAlertIcon
 }) => {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(Box, { ref, children: [
-    /* @__PURE__ */ jsx(VisuallyHidden$1, { children: t(texts5[variant]) }),
-    CustomAlertIcon ? /* @__PURE__ */ jsx(CustomAlertIcon, { color: `alert.${variant}.icon` }) : /* @__PURE__ */ jsx(BaseAlertIcon, { variant })
-  ] });
+  return /* @__PURE__ */ jsx(Box, { ref, children: CustomAlertIcon ? /* @__PURE__ */ jsx(CustomAlertIcon, { color: `alert.${variant}.icon` }) : /* @__PURE__ */ jsx(BaseAlertIcon, { variant }) });
 };
 var BaseAlertIcon = ({
   variant
@@ -1128,56 +1124,6 @@ var BaseAlertIcon = ({
     }
   }
 };
-var texts5 = createTexts({
-  info: {
-    nb: "Informasjon",
-    nn: "Informasjon",
-    sv: "Information",
-    en: "Information"
-  },
-  success: {
-    nb: "Suksess",
-    nn: "Suksess",
-    sv: "Succ\xE9",
-    en: "Success"
-  },
-  important: {
-    nb: "Viktig",
-    nn: "Viktig",
-    sv: "Viktig",
-    en: "Important"
-  },
-  alt: {
-    nb: "Alternativ",
-    nn: "Alternativ",
-    sv: "Alternativ",
-    en: "Alternative"
-  },
-  error: {
-    nb: "Feil",
-    nn: "Feil",
-    sv: "Fel",
-    en: "Error"
-  },
-  "error-secondary": {
-    nb: "Feil",
-    nn: "Feil",
-    sv: "Fel",
-    en: "Error"
-  },
-  neutral: {
-    nb: "N\xF8ytral",
-    nn: "N\xF8ytral",
-    sv: "Neutral",
-    en: "Neutral"
-  },
-  service: {
-    nb: "Service",
-    nn: "Service",
-    sv: "Service",
-    en: "Service"
-  }
-});
 var Alert = ({
   ref,
   ...props
@@ -1343,7 +1289,7 @@ var ServiceAlert = ({
             maxWidth: contentWidth,
             children: [
               /* @__PURE__ */ jsxs(HStack, { as: headingLevel, alignItems: "center", gap: "1", children: [
-                variant === "service" ? /* @__PURE__ */ jsx(ServiceFill24Icon, { "aria-label": t(texts6.service) }) : /* @__PURE__ */ jsx(WarningFill24Icon, { "aria-label": t(texts6["global-deviation"]) }),
+                variant === "service" ? /* @__PURE__ */ jsx(ServiceFill24Icon, { "aria-label": t(texts5.service) }) : /* @__PURE__ */ jsx(WarningFill24Icon, { "aria-label": t(texts5["global-deviation"]) }),
                 /* @__PURE__ */ jsx(
                   Span,
                   {
@@ -1360,7 +1306,7 @@ var ServiceAlert = ({
                 )
               ] }),
               /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: [0.5, null, null, 1], children: [
-                notification && /* @__PURE__ */ jsx(Text, { css: styles.notificationText, children: t(texts6.notification(notification)) }),
+                notification && /* @__PURE__ */ jsx(Text, { css: styles.notificationText, children: t(texts5.notification(notification)) }),
                 /* @__PURE__ */ jsx(Accordion$1.ItemIndicator, { children: /* @__PURE__ */ jsx(DropdownDownFill24Icon, { color: "icon.inverted" }) })
               ] })
             ]
@@ -1371,7 +1317,7 @@ var ServiceAlert = ({
     }
   );
 };
-var texts6 = createTexts({
+var texts5 = createTexts({
   notification: (notification) => {
     const numberNotification = Number(notification);
     return {
@@ -1638,7 +1584,7 @@ var Separator = ({
   ref,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx(Separator$1, { ...props, ref, "data-": true });
+  return /* @__PURE__ */ jsx(Separator$1, { "aria-hidden": "true", ...props, ref, "data-": true });
 };
 var StaticCard = ({
   ref,
@@ -1831,7 +1777,7 @@ function CalendarHeader({ dualView }) {
             variant: "ghost",
             marginLeft: 1,
             disabled: prevButtonProps.isDisabled,
-            "aria-label": t(texts7.previousMonth),
+            "aria-label": t(texts6.previousMonth),
             icon: /* @__PURE__ */ jsx(icons_exports.DropdownLeftFill24Icon, {})
           }
         ),
@@ -1873,7 +1819,7 @@ function CalendarHeader({ dualView }) {
             marginRight: 1,
             variant: "ghost",
             disabled: nextButtonProps.isDisabled,
-            "aria-label": t(texts7.nextMonth),
+            "aria-label": t(texts6.nextMonth),
             icon: /* @__PURE__ */ jsx(icons_exports.DropdownRightFill24Icon, {})
           }
         )
@@ -1881,7 +1827,7 @@ function CalendarHeader({ dualView }) {
     }
   );
 }
-var texts7 = createTexts({
+var texts6 = createTexts({
   previousMonth: {
     nb: "Forrige m\xE5ned",
     nn: "F\xF8rre m\xE5nad",
@@ -2366,7 +2312,7 @@ var CalendarNavigator = ({
         onPress: onPrevious,
         isDisabled: isPreviousDisabled,
         icon: /* @__PURE__ */ jsx(ArrowLeftOutline24Icon, {}),
-        "aria-label": `${t(texts8.previous)} ${t(texts8[unit])}`
+        "aria-label": `${t(texts7.previous)} ${t(texts7[unit])}`
       }
     ),
     /* @__PURE__ */ jsx(
@@ -2387,12 +2333,12 @@ var CalendarNavigator = ({
         onPress: onNext,
         isDisabled: isNextDisabled,
         icon: /* @__PURE__ */ jsx(ArrowRightOutline24Icon, {}),
-        "aria-label": `${t(texts8.next)} ${t(texts8[unit])}`
+        "aria-label": `${t(texts7.next)} ${t(texts7[unit])}`
       }
     )
   ] });
 };
-var texts8 = createTexts({
+var texts7 = createTexts({
   previous: {
     nb: "Forrige",
     nn: "Forrige",
@@ -2437,7 +2383,7 @@ function Calendar2({
   const styles = recipe({ variant });
   const { calendarProps } = useCalendar$1(props, state);
   const calendarAriaLabel = calendarProps["aria-label"];
-  const ariaLabel = t(texts9.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
+  const ariaLabel = t(texts8.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -2451,7 +2397,7 @@ function Calendar2({
     }
   );
 }
-var texts9 = createTexts({
+var texts8 = createTexts({
   calendar: {
     nb: "Kalender",
     nn: "Kalender",
@@ -2477,14 +2423,14 @@ var CalendarTriggerButton = ({
     IconButton,
     {
       icon: /* @__PURE__ */ jsx(CalendarOutline24Icon, {}),
-      "aria-label": t(texts10.openCalendar),
+      "aria-label": t(texts9.openCalendar),
       css: styles.calendarTriggerButton,
       variant: "ghost",
       disabled
     }
   ) });
 };
-var texts10 = createTexts({
+var texts9 = createTexts({
   openCalendar: {
     nb: "\xC5pne kalender",
     nn: "\xC5pne kalendar",
@@ -2593,7 +2539,7 @@ var DateField = ({
     )
   ] });
 };
-var texts11 = createTexts({
+var texts10 = createTexts({
   day: {
     nb: "Velg dag",
     nn: "Vel dag",
@@ -2616,16 +2562,16 @@ var texts11 = createTexts({
 var getAriaLabel = (segmentType) => {
   switch (segmentType) {
     case "day": {
-      return texts11.day;
+      return texts10.day;
     }
     case "month": {
-      return texts11.month;
+      return texts10.month;
     }
     case "year": {
-      return texts11.year;
+      return texts10.year;
     }
     default: {
-      return texts11.day;
+      return texts10.day;
     }
   }
 };
@@ -2960,7 +2906,7 @@ var TimePicker = ({
   const isDisabled = isDisabledExternally ?? fieldDisabled ?? false;
   const { t } = useTranslation();
   const locale = useCurrentLocale();
-  const label = externalLabel ?? t(texts12.time);
+  const label = externalLabel ?? t(texts11.time);
   const state = useTimeFieldState({
     value,
     defaultValue,
@@ -2993,15 +2939,15 @@ var TimePicker = ({
       })
     );
   };
-  const backwardsLabel = `${t(texts12.backwards)} ${minuteInterval} ${t(
-    texts12.minutes
+  const backwardsLabel = `${t(texts11.backwards)} ${minuteInterval} ${t(
+    texts11.minutes
   )}`;
-  const forwardsLabel = `${t(texts12.forwards)} ${minuteInterval} ${t(
-    texts12.minutes
+  const forwardsLabel = `${t(texts11.forwards)} ${minuteInterval} ${t(
+    texts11.minutes
   )}`;
-  const inputLabel = label ?? t(texts12.time);
+  const inputLabel = label ?? t(texts11.time);
   const ariaLabel = `${inputLabel} \u2013 ${t(
-    texts12.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
+    texts11.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
   )}`;
   return /* @__PURE__ */ jsx(Field3, { as: "time", ...boxProps, children: /* @__PURE__ */ jsxs(
     StyledField,
@@ -3054,7 +3000,7 @@ var TimePicker = ({
     }
   ) });
 };
-var texts12 = createTexts({
+var texts11 = createTexts({
   selectedTimeIs: (time) => ({
     nb: `Valgt tidspunkt er ${time}`,
     nn: `Valt tidspunkt er ${time}`,
@@ -3195,7 +3141,7 @@ var DrawerCloseTrigger = function DrawerCloseTrigger2({
     {
       variant: "ghost",
       icon: /* @__PURE__ */ jsx(CloseFill24Icon, {}),
-      label: t(texts13.close)
+      label: t(texts12.close)
     }
   ) : /* @__PURE__ */ jsx(CloseButton, { size: "md" }) });
 };
@@ -3209,7 +3155,7 @@ var DrawerBackTrigger = ({
     {
       variant: "ghost",
       icon: /* @__PURE__ */ jsx(ArrowLeftFill24Icon, {}),
-      label: t(texts13.back)
+      label: t(texts12.back)
     }
   ) });
 };
@@ -3241,7 +3187,7 @@ var DrawerBackdrop = Drawer$1.Backdrop;
 var DrawerTitle = Drawer$1.Title;
 var DrawerActionTrigger = Drawer$1.ActionTrigger;
 var DrawerHeader = Drawer$1.Header;
-var texts13 = createTexts({
+var texts12 = createTexts({
   back: {
     en: "Back",
     nb: "Tilbake",
@@ -3557,10 +3503,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(texts13.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(texts13.noItemsFound) }),
       loading ? /* @__PURE__ */ jsx(ColorSpinner, { width: "1.5rem", p: "2" }) : filteredChildren
     ] }) })
   ] });
@@ -3619,7 +3565,7 @@ var extractItemsFromChildren = (children) => {
   });
   return items;
 };
-var texts14 = createTexts({
+var texts13 = createTexts({
   noItemsFound: {
     nb: "Ingen resultater",
     nn: "Ingen resultat",
@@ -3987,6 +3933,19 @@ var FieldsetLegend = Fieldset$1.Legend;
 var FieldsetContent = Fieldset$1.Content;
 var FieldsetHelperText = Fieldset$1.HelperText;
 var FieldsetErrorText = Fieldset$1.ErrorText;
+var InputChip = ({
+  startIcon,
+  endIcon,
+  children,
+  ref,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxs(Tag.Root, { ref, ...rest, as: "button", children: [
+    startIcon && /* @__PURE__ */ jsx(Tag.StartElement, { children: /* @__PURE__ */ jsx(Box, { as: startIcon }) }),
+    /* @__PURE__ */ jsx(Tag.Label, { children }),
+    endIcon && /* @__PURE__ */ jsx(Tag.EndElement, { children: /* @__PURE__ */ jsx(Box, { as: endIcon }) })
+  ] });
+};
 var ListBox = (props) => {
   const { loading, listBoxRef, state, maxWidth, variant, children } = props;
   const { listBoxProps } = useListBox(props, state, listBoxRef);
@@ -4358,7 +4317,7 @@ var NumericStepper = ({
           {
             icon: /* @__PURE__ */ jsx(SubtractIcon, { stepLabel: clampedStepSize }),
             "aria-label": t(
-              texts15.decrementButtonAriaLabel(
+              texts14.decrementButtonAriaLabel(
                 clampedStepSize,
                 stepSize === 1 ? ariaLabelContext.singular : ariaLabelContext.plural
               )
@@ -4385,7 +4344,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(texts14.currentNumberAriaLabel(ariaLabelContext.plural)),
             onChange: (event) => {
               const numericInput = Number(event.target.value);
               if (Number.isNaN(numericInput)) {
@@ -4403,7 +4362,7 @@ var NumericStepper = ({
           {
             "aria-live": "assertive",
             paddingX: "0.95rem",
-            "aria-label": ariaLabelContext.plural === "" ? "" : t(texts15.currentNumberAriaLabel(ariaLabelContext.plural)),
+            "aria-label": ariaLabelContext.plural === "" ? "" : t(texts14.currentNumberAriaLabel(ariaLabelContext.plural)),
             children: value
           }
         ),
@@ -4413,7 +4372,7 @@ var NumericStepper = ({
             ref: addButtonRef,
             icon: /* @__PURE__ */ jsx(AddIcon, { stepLabel: clampedStepSize }),
             "aria-label": t(
-              texts15.incrementButtonAriaLabel(
+              texts14.incrementButtonAriaLabel(
                 clampedStepSize,
                 stepSize === 1 ? ariaLabelContext.singular : ariaLabelContext.plural
               )
@@ -4487,7 +4446,7 @@ var AddIcon = ({ stepLabel }) => /* @__PURE__ */ jsxs(Fragment, { children: [
   ] }),
   stepLabel > 1 && /* @__PURE__ */ jsx(chakra.span, { paddingRight: "1", children: stepLabel.toString() })
 ] });
-var texts15 = createTexts({
+var texts14 = createTexts({
   currentNumberAriaLabel(ariaContext) {
     return {
       nb: `Valgt antall ${ariaContext}`,
@@ -4551,7 +4510,7 @@ var PasswordInput = ({
             event.preventDefault();
             setVisible(!visible);
           },
-          children: visible ? t(texts16.hidePassword) : t(texts16.showPassword)
+          children: visible ? t(texts15.hidePassword) : t(texts15.showPassword)
         }
       ),
       ...rest
@@ -4576,7 +4535,7 @@ var VisibilityTrigger = ({
     }
   );
 };
-var texts16 = createTexts({
+var texts15 = createTexts({
   showPassword: {
     nb: "Vis",
     nn: "Vis",
@@ -4628,14 +4587,14 @@ var CountryCodeSelect = ({
       positioning: { placement: "bottom", flip: false },
       collection: filteredCallingCodes,
       lazyMount: true,
-      "aria-label": t(texts17.countryCode),
+      "aria-label": t(texts16.countryCode),
       sideRadiusVariant: "rightSideSquare",
       role: "combobox",
       children: filteredCallingCodes.items.map((code) => /* @__PURE__ */ jsx(SelectItem, { item: code, children: code.label }, code.label))
     }
   );
 };
-var texts17 = createTexts({
+var texts16 = createTexts({
   countryCode: {
     nb: "Landkode",
     nn: "Landskode",
@@ -4658,7 +4617,7 @@ var PhoneNumberInput = ({
     errorText
   } = props;
   const { t } = useTranslation();
-  const label = externalLabel ?? (optional ? t(texts18.phoneNumberOptional) : t(texts18.phoneNumber));
+  const label = externalLabel ?? (optional ? t(texts17.phoneNumberOptional) : t(texts17.phoneNumber));
   const [value, onChange] = useControllableState({
     value: externalValue,
     onChange: externalOnChange,
@@ -4713,7 +4672,7 @@ var PhoneNumberInput = ({
     )
   ] });
 };
-var texts18 = createTexts({
+var texts17 = createTexts({
   phoneNumber: {
     nb: "Telefonnummer",
     nn: "Telefonnummer",
@@ -4765,16 +4724,16 @@ var SearchInput = ({
           variant: "ghost",
           type: "button",
           size: "sm",
-          "aria-label": t(texts19.reset),
+          "aria-label": t(texts18.reset),
           icon: /* @__PURE__ */ jsx(CloseOutline24Icon, {}),
           onClick: onReset
         }
       ),
-      label: label ?? t(texts19.label)
+      label: label ?? t(texts18.label)
     }
   );
 };
-var texts19 = createTexts({
+var texts18 = createTexts({
   label: {
     nb: "S\xF8k",
     nn: "S\xF8k",
@@ -4824,7 +4783,7 @@ var Select = ({
           css: styles.root,
           position: "relative",
           children: [
-            /* @__PURE__ */ jsx(SelectTrigger, { "data-attachable": true, children: /* @__PURE__ */ jsx(SelectValueText, { withPlaceholder: label ? true : false }) }),
+            /* @__PURE__ */ jsx(SelectTrigger, { "data-attachable": true, children: /* @__PURE__ */ jsx(SelectValueText, { withPlaceholder: !!label }) }),
             label && /* @__PURE__ */ jsx(SelectLabel, { css: styles.label, children: label }),
             /* @__PURE__ */ jsx(SelectContent, { css: styles.selectContent, baseStyle: css, children })
           ]
@@ -4839,7 +4798,7 @@ var SelectLabel = (props) => {
     Select$1.Label,
     {
       ...props,
-      "data-selected": value.length > 0 ? true : void 0
+      "data-selected": value.length > 0 || void 0
     }
   );
 };
@@ -4850,14 +4809,19 @@ var SelectItem = ({
   const { item, children, description, ...rest } = props;
   const recipe = useSlotRecipe({ key: "select" });
   const styles = recipe();
+  const selectContext = useSelectContext();
+  const multiple = selectContext.multiple;
+  const isSelected = selectContext.value.includes(item.value);
   return /* @__PURE__ */ jsxs(Select$1.Item, { item, ...rest, ref, css: styles.item, children: [
+    multiple && /* @__PURE__ */ jsx(Checkbox$1.Root, { checked: isSelected, pointerEvents: "none", children: /* @__PURE__ */ jsx(Checkbox$1.Control, { children: /* @__PURE__ */ jsx(Checkbox$1.Indicator, {}) }) }),
     /* @__PURE__ */ jsxs(Box, { width: "100%", children: [
       /* @__PURE__ */ jsx(Select$1.ItemText, { display: "flex", children }),
       description && /* @__PURE__ */ jsx(Box, { "data-part": "item-description", css: styles.itemDescription, children: description })
     ] }),
-    /* @__PURE__ */ jsx(Select$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckmarkFill18Icon, {}) })
+    !multiple && /* @__PURE__ */ jsx(Select$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckmarkFill18Icon, {}) })
   ] });
 };
+SelectItem.displayName = "SelectItem";
 var SelectItemGroup = function SelectItemGroup2({
   ref,
   ...props
@@ -4916,6 +4880,8 @@ var SelectValueText = function SelectValueText2({
   ...props
 }) {
   const { children, withPlaceholder, placeholder, ...rest } = props;
+  const selectContext = useSelectContext();
+  const multiple = selectContext.multiple;
   return /* @__PURE__ */ jsx(
     Select$1.ValueText,
     {
@@ -4929,9 +4895,20 @@ var SelectValueText = function SelectValueText2({
           return placeholder;
         if (children)
           return children(items);
-        if (items.length === 1)
+        if (multiple) {
+          return /* @__PURE__ */ jsx(Flex, { gap: 0.5, marginBottom: 1, children: items.map((item) => /* @__PURE__ */ jsx(
+            Badge,
+            {
+              size: "sm",
+              colorPalette: "green",
+              children: select.collection.stringifyItem(item)
+            },
+            select.collection.stringifyItem(item)
+          )) });
+        }
+        if (items.length === 1) {
           return select.collection.stringifyItem(items[0]);
-        return `${items.length} selected`;
+        }
       } })
     }
   );
@@ -4950,6 +4927,9 @@ var Switch = ({
     errorText,
     helperText,
     css,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledby,
+    "aria-describedby": ariaDescribedby,
     ...rest
   } = props;
   const recipe = useSlotRecipe({ key: "switch" });
@@ -4972,7 +4952,15 @@ var Switch = ({
           checked: props.checked,
           css: styles.root,
           children: [
-            /* @__PURE__ */ jsx(Switch$1.HiddenInput, { ref }),
+            /* @__PURE__ */ jsx(
+              Switch$1.HiddenInput,
+              {
+                ref,
+                "aria-label": ariaLabel,
+                "aria-labelledby": ariaLabelledby,
+                "aria-describedby": ariaDescribedby
+              }
+            ),
             /* @__PURE__ */ jsx(Switch$1.Control, { css: styles.control, children: /* @__PURE__ */ jsx(Switch$1.Thumb, {}) }),
             label && /* @__PURE__ */ jsx(Switch$1.Label, { children: label })
           ]
@@ -5297,7 +5285,7 @@ var TextLink = ({
 }) => {
   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;
+  const externalLabel = t ? t(texts19.externalLink) : texts19.externalLink.en;
   if (props.asChild && isValidElement(children)) {
     return /* @__PURE__ */ jsx(
       Link,
@@ -5336,7 +5324,7 @@ var TextLink = ({
     }
   );
 };
-var texts20 = createTexts({
+var texts19 = createTexts({
   externalLink: {
     nb: "Ekstern lenke",
     nn: "Ekstern lenke",
@@ -5853,14 +5841,14 @@ var JumpButton = ({
       as: "button",
       ref,
       css: styles.root,
-      "aria-label": direction === "forward" ? t(texts21.forward) : t(texts21.backward),
+      "aria-label": direction === "forward" ? t(texts20.forward) : t(texts20.backward),
       disabled,
       ...props,
       children: direction === "forward" ? /* @__PURE__ */ jsx(Forward15MediaControllerFill30Icon, { css: styles.icon }) : /* @__PURE__ */ jsx(Backward15MediaControllerFill30Icon, { css: styles.icon })
     }
   );
 };
-var texts21 = createTexts({
+var texts20 = createTexts({
   forward: {
     nb: "15 sekunder frem",
     nn: "15 sekunder fram",
@@ -5888,14 +5876,14 @@ var PlayPauseButton = ({
       ref,
       as: "button",
       css: styles.root,
-      "aria-label": playing ? t(texts22.pause) : t(texts22.play),
+      "aria-label": playing ? t(texts21.pause) : t(texts21.play),
       disabled,
       ...props,
       children: playing ? /* @__PURE__ */ jsx(PauseMediaControllerFill24Icon, { css: styles.icon }) : /* @__PURE__ */ jsx(PlayMediaControllerFill24Icon, { css: styles.icon })
     }
   );
 };
-var texts22 = createTexts({
+var texts21 = createTexts({
   pause: {
     nb: "Pause",
     nn: "Pause",
@@ -5923,14 +5911,14 @@ var SkipButton = ({
       ref,
       as: "button",
       css: styles.root,
-      "aria-label": direction === "forward" ? t(texts23.next) : t(texts23.previous),
+      "aria-label": direction === "forward" ? t(texts22.next) : t(texts22.previous),
       disabled,
       ...props,
       children: direction === "forward" ? /* @__PURE__ */ jsx(NextMediaControllerFill30Icon, { css: styles.icon }) : /* @__PURE__ */ jsx(PreviousMediaControllerFill30Icon, { css: styles.icon })
     }
   );
 };
-var texts23 = createTexts({
+var texts22 = createTexts({
   next: {
     nb: "Neste",
     nn: "Neste",
@@ -6045,7 +6033,7 @@ var NudgeActions = ({ ...props }) => {
 var NextButton = ({ isLastStep, onNext }) => {
   const { t } = useTranslation();
   if (isLastStep)
-    return /* @__PURE__ */ jsx(PopoverCloseTrigger, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", size: "xs", children: t(texts24.close) }) });
+    return /* @__PURE__ */ jsx(PopoverCloseTrigger, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", size: "xs", children: t(texts23.close) }) });
   return /* @__PURE__ */ jsx(
     Button,
     {
@@ -6053,11 +6041,11 @@ var NextButton = ({ isLastStep, onNext }) => {
       size: "xs",
       rightIcon: /* @__PURE__ */ jsx(ArrowRightFill18Icon, {}),
       onClick: onNext,
-      children: t(texts24.nextStep)
+      children: t(texts23.nextStep)
     }
   );
 };
-var texts24 = createTexts({
+var texts23 = createTexts({
   nextStep: {
     nb: "Neste",
     nn: "Neste",
@@ -6133,7 +6121,7 @@ var PaginationItem = ({
           to: rootProps.getHref(props.value)
         },
         ref,
-        "aria-label": t(texts25.pageOf(props.value, totalPages)),
+        "aria-label": t(texts24.pageOf(props.value, totalPages)),
         ...props,
         children: props.value
       }
@@ -6144,7 +6132,7 @@ var PaginationItem = ({
     {
       as: props.as ?? "button",
       ref,
-      "aria-label": t(texts25.pageOf(props.value, totalPages)),
+      "aria-label": t(texts24.pageOf(props.value, totalPages)),
       "aria-current": page === props.value,
       ...props,
       children: props.value
@@ -6174,7 +6162,7 @@ var PaginationPrevTrigger = ({
         },
         ref,
         css: styles.item,
-        "aria-label": t(texts25.previousPage),
+        "aria-label": t(texts24.previousPage),
         ...props,
         children: /* @__PURE__ */ jsx(DropdownLeftOutline18Icon, {})
       }
@@ -6185,7 +6173,7 @@ var PaginationPrevTrigger = ({
     {
       ref,
       asChild: true,
-      "aria-label": t(texts25.previousPage),
+      "aria-label": t(texts24.previousPage),
       as: props.as || "button",
       css: styles.item,
       ...props,
@@ -6214,7 +6202,7 @@ var PaginationNextTrigger = ({
           to: rootProps.getHref(props.value)
         },
         css: styles.item,
-        "aria-label": t(texts25.nextPage),
+        "aria-label": t(texts24.nextPage),
         ...props,
         children: /* @__PURE__ */ jsx(DropdownRightOutline18Icon, {})
       }
@@ -6225,7 +6213,7 @@ var PaginationNextTrigger = ({
     {
       ref,
       css: styles.item,
-      "aria-label": t(texts25.nextPage),
+      "aria-label": t(texts24.nextPage),
       as: props.as || "button",
       ...props,
       children: /* @__PURE__ */ jsx(DropdownRightOutline18Icon, {})
@@ -6252,7 +6240,7 @@ var PaginationItems = (props) => {
     );
   }) });
 };
-var texts25 = createTexts({
+var texts24 = createTexts({
   previousPage: {
     nb: "Forrige side",
     nn: "F\xF8rre side",
@@ -6343,7 +6331,7 @@ var ProgressIndicator = ({
       "aria-valuemin": 1,
       "aria-valuemax": numberOfSteps,
       "aria-valuenow": activeStep,
-      "aria-valuetext": t(texts26.stepsOf(activeStep, numberOfSteps)),
+      "aria-valuetext": t(texts25.stepsOf(activeStep, numberOfSteps)),
       ref,
       children: /* @__PURE__ */ jsx(Box, { css: { ...styles.container, ...css }, children: Array.from({ length: numberOfSteps }, (_, index) => /* @__PURE__ */ jsx(
         Box,
@@ -6362,7 +6350,7 @@ var ProgressIndicator = ({
     }
   );
 };
-var texts26 = createTexts({
+var texts25 = createTexts({
   stepsOf: (activeStep, numberOfSteps) => ({
     nb: `Steg ${activeStep} av ${numberOfSteps}`,
     nn: `Steg ${activeStep} av ${numberOfSteps}`,
@@ -6452,18 +6440,23 @@ var createToast = ({
   text,
   variant,
   id,
-  duration = 6e3
+  duration = 6e3,
+  width = "sm"
 }) => toaster.create({
   description: text,
   type: variant,
   id: id ?? crypto.randomUUID(),
-  duration
+  duration,
+  meta: { width }
 });
 var Toaster = () => {
-  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Toaster$1, { toaster, insetInline: { mdDown: "4" }, children: (toast) => /* @__PURE__ */ jsxs(Toast.Root, { width: { md: "sm" }, role: "alert", children: [
-    /* @__PURE__ */ jsx(AlertIcon, { variant: toast.type }),
-    /* @__PURE__ */ jsx(Stack, { gap: "1", flex: "1", maxWidth: "100%", children: /* @__PURE__ */ jsx(Toast.Description, { children: toast.description }) })
-  ] }) }) });
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Toaster$1, { toaster, insetInline: { mdDown: "4" }, children: (toast) => {
+    var _a6;
+    return /* @__PURE__ */ jsxs(Toast.Root, { width: { md: (_a6 = toast.meta) == null ? void 0 : _a6.width }, role: "alert", children: [
+      /* @__PURE__ */ jsx(AlertIcon, { variant: toast.type }),
+      /* @__PURE__ */ jsx(Stack, { gap: "1", flex: "1", maxWidth: "100%", children: /* @__PURE__ */ jsx(Toast.Description, { children: toast.description }) })
+    ] });
+  } }) });
 };
 var SporProvider = ({
   language = "nb" /* NorwegianBokmal */,
@@ -6543,7 +6536,7 @@ var Stepper = function Stepper2({
               /* @__PURE__ */ jsx(
                 IconButton,
                 {
-                  "aria-label": t(texts27.back),
+                  "aria-label": t(texts26.back),
                   icon: /* @__PURE__ */ jsx(ArrowLeftFill24Icon, {}),
                   variant: "ghost",
                   size: "sm",
@@ -6567,7 +6560,7 @@ var Stepper = function Stepper2({
                   children: heading
                 }
               ),
-              /* @__PURE__ */ jsx(Box, { css: style.stepCounter, "data-part": "step-counter", children: t(texts27.stepsOf(activeStep, numberOfSteps)) })
+              /* @__PURE__ */ jsx(Box, { css: style.stepCounter, "data-part": "step-counter", children: t(texts26.stepsOf(activeStep, numberOfSteps)) })
             ]
           }
         ) }),
@@ -6586,7 +6579,7 @@ var Stepper = function Stepper2({
     }
   ) });
 };
-var texts27 = createTexts({
+var texts26 = createTexts({
   stepsOf: (activeStep, numberOfSteps) => ({
     nb: `Steg ${activeStep}/${numberOfSteps}`,
     nn: `Steg ${activeStep}/${numberOfSteps}`,
@@ -7175,6 +7168,7 @@ var linkRecipe = defineRecipe({
     paddingX: "0.5",
     whiteSpace: "normal",
     wordBreak: "break-word",
+    paddingInline: 0,
     _hover: {
       textDecoration: "none"
     },
@@ -7806,6 +7800,7 @@ var comboboxAnatomy = comboboxAnatomy$1.extendWith(
   "indicatorGroup",
   "empty"
 );
+var tagAnatomy = createAnatomy("tag").parts("root");
 var menuAnatomy = createAnatomy("menu").parts(
   "trigger",
   "content",
@@ -9756,6 +9751,120 @@ var infoTagSlotRecipe = defineSlotRecipe({
     size: "md"
   }
 });
+var inputChipSlotRecipe = defineSlotRecipe({
+  slots: tagAnatomy.keys(),
+  className: "chakra-tag",
+  base: {
+    root: {
+      display: "flex",
+      direction: "row",
+      width: "fit-content",
+      height: "fit-content",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "1",
+      outline: "none",
+      "&:focus": {
+        outline: "2px solid",
+        outlineColor: "outline.focus"
+      }
+    }
+  },
+  variants: {
+    variant: {
+      core: {
+        root: {
+          backgroundColor: "surface",
+          border: "1px solid",
+          borderColor: "outline",
+          "&:hover": {
+            outline: "2px solid",
+            outlineColor: "core.outline.hover"
+          },
+          "&:active": {
+            outline: "none",
+            backgroundColor: "core.surface.active"
+          }
+        }
+      },
+      accent: {
+        root: {
+          backgroundColor: "accent.surface",
+          color: "text.highlight",
+          "& svg": {
+            color: "icon.highlight"
+          },
+          "&:hover": {
+            backgroundColor: "accent.surface.hover"
+          },
+          "&:active": {
+            backgroundColor: "accent.surface.active",
+            outline: "none"
+          }
+        }
+      },
+      brand: {
+        root: {
+          backgroundColor: "brand.surface",
+          color: "text.inverted",
+          "& svg": {
+            color: "icon.inverted"
+          },
+          "&:hover": {
+            backgroundColor: "brand.surface.hover"
+          },
+          "&:active": {
+            backgroundColor: "brand.surface.active",
+            outline: "none"
+          }
+        }
+      }
+    },
+    size: {
+      xs: {
+        root: {
+          fontSize: "desktop.xs",
+          paddingX: "1.5",
+          paddingY: "0",
+          fontWeight: "normal",
+          borderRadius: "xs"
+        }
+      },
+      sm: {
+        root: {
+          fontSize: "desktop.sm",
+          paddingX: "2",
+          paddingY: "0.5",
+          fontWeight: "bold",
+          borderRadius: "9px"
+        }
+      },
+      md: {
+        root: {
+          padding: 5,
+          fontSize: "desktop.md",
+          paddingX: "2",
+          paddingY: "1",
+          fontWeight: "bold",
+          borderRadius: "sm"
+        }
+      },
+      lg: {
+        root: {
+          fontSize: "desktop.md",
+          paddingX: "2",
+          paddingY: "3",
+          fontWeight: "bold",
+          borderRadius: "md"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "core",
+    size: "sm"
+  }
+});
 var lineIconSlotRecipe = defineSlotRecipe({
   slots: linjetagAnatomy.keys(),
   className: "spor-line-icon",
@@ -10783,7 +10892,7 @@ var selectSlotRecipe = defineSlotRecipe({
         outlineOffset: "2px",
         outline: "2px solid",
         outlineColor: "outline.focus",
-        backgroundColor: "ghost.surface.hover"
+        backgroundColor: "accent.surface.hover"
       },
       "&[data-highlighted]": {
         outlineOffset: "2px",
@@ -10791,7 +10900,7 @@ var selectSlotRecipe = defineSlotRecipe({
         outlineColor: "outline.focus"
       },
       _active: {
-        backgroundColor: "ghost.surface.active"
+        backgroundColor: "accent.surface.active"
       },
       _highlighted: {
         _active: {
@@ -10799,12 +10908,12 @@ var selectSlotRecipe = defineSlotRecipe({
         }
       },
       _hover: {
-        backgroundColor: "ghost.surface.hover",
+        backgroundColor: "accent.surface.hover",
         outline: "2px solid core.outline",
         outlineOffset: "2px"
       },
       _selected: {
-        backgroundColor: "ghost.surface.active"
+        backgroundColor: "accent.surface"
       },
       _icon: {
         width: 3,
@@ -11572,6 +11681,7 @@ var slotRecipes = {
   checkboxCard: choiceChipSlotRecipe,
   collapsible: collapsibleSlotRecipe,
   tooltip: popoverSlotRecipe,
+  tag: inputChipSlotRecipe,
   menu: menuSlotRecipe
 };
 var animations = defineTokens.animations({
@@ -12419,6 +12529,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, 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, FloatingActionButton, Heading, IconButton, InfoTag, Input, 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, 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, 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 };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map