@vygruppen/spor-react 13.1.4 → 13.2.1

package/dist/index.mjs

@@ -208,8 +208,8 @@ function useTranslation() {
   };
   return { t, language };
 }
-function createTexts(texts27) {
-  return texts27;
+function createTexts(texts28) {
+  return texts28;
 }
 function Lottie({ animationData }) {
   const { View } = useLottie({ animationData });
@@ -732,25 +732,41 @@ var badgeRecipie = defineRecipe({
         "& svg": {
           color: "icon.critical"
         }
+      },
+      brightRed: {
+        backgroundColor: {
+          _light: "brightRed",
+          _dark: "brightRed"
+        },
+        color: {
+          _light: "pink",
+          _dark: "pink"
+        },
+        "& svg": {
+          color: {
+            _light: "pink",
+            _dark: "pink"
+          }
+        }
       }
     },
     size: {
       sm: {
-        fontSize: "desktop.xs",
+        fontSize: "desktop.2xs",
         paddingX: "0.5",
         paddingY: "0",
         fontWeight: "normal",
         borderRadius: "xxs"
       },
       md: {
-        fontSize: "desktop.xs",
+        fontSize: "desktop.2xs",
         paddingX: "1",
         paddingY: "0.5",
         fontWeight: "bold",
         borderRadius: "xs"
       },
       lg: {
-        fontSize: "desktop.sm",
+        fontSize: "desktop.xs",
         paddingX: "1.5",
         paddingY: "0.5",
         fontWeight: "bold",
@@ -1224,15 +1240,27 @@ var Alert = ({
     children
   } = props;
   const { open, onClose } = useDisclosure({ defaultOpen: true });
+  const { t } = useTranslation();
   const handleAlertClose = () => {
     onClose();
     onAlertClose == null ? void 0 : onAlertClose();
   };
   const recipe = useSlotRecipe({ key: "alert" });
   const styles = recipe({ variant: props.variant });
+  const getAriaLabelText = () => {
+    const variant = props.variant;
+    if (variant === "important" || variant === "alt")
+      return texts5.ariaLabelAlertWarning;
+    if (variant === "error" || variant === "error-secondary")
+      return texts5.ariaLabelAlertError;
+    if (variant === "success")
+      return texts5.ariaLabelAlertSuccess;
+    return texts5.ariaLabelAlertInformative;
+  };
+  const ariaLabel = t(getAriaLabelText());
   if (!open)
     return null;
-  return /* @__PURE__ */ jsxs(Alert$1.Root, { ref, ...props, children: [
+  return /* @__PURE__ */ jsxs(Alert$1.Root, { ref, role: "alert", "aria-label": ariaLabel, ...props, children: [
     /* @__PURE__ */ jsxs(
       Alert$1.Content,
       {
@@ -1277,6 +1305,32 @@ var Alert = ({
     )
   ] });
 };
+var texts5 = createTexts({
+  ariaLabelAlertInformative: {
+    en: "Announcement",
+    nb: "Kunngj\xF8ring",
+    nn: "Kunngjering",
+    sv: "Meddelande"
+  },
+  ariaLabelAlertWarning: {
+    en: "Warning",
+    nb: "Advarsel",
+    nn: "Varsel",
+    sv: "Varning"
+  },
+  ariaLabelAlertError: {
+    en: "Error",
+    nb: "Feil",
+    nn: "Feil",
+    sv: "Fel"
+  },
+  ariaLabelAlertSuccess: {
+    en: "Success",
+    nb: "Suksess",
+    nn: "Suksess",
+    sv: "Framg\xE5ng"
+  }
+});
 var ExpandableAlert = ({
   ref,
   ...props
@@ -1377,7 +1431,7 @@ var ServiceAlert = ({
             maxWidth: contentWidth,
             children: [
               /* @__PURE__ */ jsxs(HStack, { as: headingLevel, alignItems: "center", gap: "1", children: [
-                variant === "service" ? /* @__PURE__ */ jsx(ServiceFill24Icon, { "aria-label": t(texts5.service) }) : /* @__PURE__ */ jsx(WarningFill24Icon, { "aria-label": t(texts5["global-deviation"]) }),
+                variant === "service" ? /* @__PURE__ */ jsx(ServiceFill24Icon, { "aria-label": t(texts6.service) }) : /* @__PURE__ */ jsx(WarningFill24Icon, { "aria-label": t(texts6["global-deviation"]) }),
                 /* @__PURE__ */ jsx(
                   Span,
                   {
@@ -1394,7 +1448,7 @@ var ServiceAlert = ({
                 )
               ] }),
               /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: [0.5, null, null, 1], children: [
-                notification && /* @__PURE__ */ jsx(Text, { css: styles.notificationText, children: t(texts5.notification(notification)) }),
+                notification && /* @__PURE__ */ jsx(Text, { css: styles.notificationText, children: t(texts6.notification(notification)) }),
                 /* @__PURE__ */ jsx(Accordion$1.ItemIndicator, { children: /* @__PURE__ */ jsx(DropdownDownFill24Icon, { color: "icon.brand" }) })
               ] })
             ]
@@ -1405,7 +1459,7 @@ var ServiceAlert = ({
     }
   );
 };
-var texts5 = createTexts({
+var texts6 = createTexts({
   notification: (notification) => {
     const numberNotification = Number(notification);
     return {
@@ -1865,7 +1919,7 @@ function CalendarHeader({ dualView }) {
             variant: "ghost",
             marginLeft: 1,
             disabled: prevButtonProps.isDisabled,
-            "aria-label": t(texts6.previousMonth),
+            "aria-label": t(texts7.previousMonth),
             icon: /* @__PURE__ */ jsx(icons_exports.DropdownLeftFill24Icon, {})
           }
         ),
@@ -1907,7 +1961,7 @@ function CalendarHeader({ dualView }) {
             marginRight: 1,
             variant: "ghost",
             disabled: nextButtonProps.isDisabled,
-            "aria-label": t(texts6.nextMonth),
+            "aria-label": t(texts7.nextMonth),
             icon: /* @__PURE__ */ jsx(icons_exports.DropdownRightFill24Icon, {})
           }
         )
@@ -1915,7 +1969,7 @@ function CalendarHeader({ dualView }) {
     }
   );
 }
-var texts6 = createTexts({
+var texts7 = createTexts({
   previousMonth: {
     nb: "Forrige m\xE5ned",
     nn: "F\xF8rre m\xE5nad",
@@ -2143,11 +2197,12 @@ var Field3 = ({
     id,
     shouldFloat,
     labelAsChild,
+    gap,
     ...rest
   } = props;
   const recipe = useSlotRecipe({ key: "field" });
   const styles = recipe();
-  return /* @__PURE__ */ jsxs(Stack, { gap: "2", ref, width: "100%", ...rest, children: [
+  return /* @__PURE__ */ jsxs(Stack, { ref, width: "100%", ...rest, children: [
     /* @__PURE__ */ jsxs(
       Field.Root,
       {
@@ -2158,6 +2213,7 @@ var Field3 = ({
         css: styles.root,
         direction,
         id,
+        gap,
         children: [
           label && !floatingLabel && /* @__PURE__ */ jsx(Label, { asChild: labelAsChild, "aria-hidden": true, children: renderLabelWithIndicator(label, labelAsChild) }),
           children,
@@ -2400,7 +2456,7 @@ var CalendarNavigator = ({
         onPress: onPrevious,
         isDisabled: isPreviousDisabled,
         icon: /* @__PURE__ */ jsx(ArrowLeftOutline24Icon, {}),
-        "aria-label": `${t(texts7.previous)} ${t(texts7[unit])}`
+        "aria-label": `${t(texts8.previous)} ${t(texts8[unit])}`
       }
     ),
     /* @__PURE__ */ jsx(
@@ -2421,12 +2477,12 @@ var CalendarNavigator = ({
         onPress: onNext,
         isDisabled: isNextDisabled,
         icon: /* @__PURE__ */ jsx(ArrowRightOutline24Icon, {}),
-        "aria-label": `${t(texts7.next)} ${t(texts7[unit])}`
+        "aria-label": `${t(texts8.next)} ${t(texts8[unit])}`
       }
     )
   ] });
 };
-var texts7 = createTexts({
+var texts8 = createTexts({
   previous: {
     nb: "Forrige",
     nn: "Forrige",
@@ -2471,7 +2527,7 @@ function Calendar2({
   const styles = recipe({ variant });
   const { calendarProps } = useCalendar$1(props, state);
   const calendarAriaLabel = calendarProps["aria-label"];
-  const ariaLabel = t(texts8.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
+  const ariaLabel = t(texts9.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -2485,7 +2541,7 @@ function Calendar2({
     }
   );
 }
-var texts8 = createTexts({
+var texts9 = createTexts({
   calendar: {
     nb: "Kalender",
     nn: "Kalender",
@@ -2511,14 +2567,14 @@ var CalendarTriggerButton = ({
     IconButton,
     {
       icon: /* @__PURE__ */ jsx(CalendarOutline24Icon, {}),
-      "aria-label": t(texts9.openCalendar),
+      "aria-label": t(texts10.openCalendar),
       css: styles.calendarTriggerButton,
       variant: "ghost",
       disabled
     }
   ) });
 };
-var texts9 = createTexts({
+var texts10 = createTexts({
   openCalendar: {
     nb: "\xC5pne kalender",
     nn: "\xC5pne kalendar",
@@ -2627,7 +2683,7 @@ var DateField = ({
     )
   ] });
 };
-var texts10 = createTexts({
+var texts11 = createTexts({
   day: {
     nb: "Velg dag",
     nn: "Vel dag",
@@ -2650,16 +2706,16 @@ var texts10 = createTexts({
 var getAriaLabel = (segmentType) => {
   switch (segmentType) {
     case "day": {
-      return texts10.day;
+      return texts11.day;
     }
     case "month": {
-      return texts10.month;
+      return texts11.month;
     }
     case "year": {
-      return texts10.year;
+      return texts11.year;
     }
     default: {
-      return texts10.day;
+      return texts11.day;
     }
   }
 };
@@ -2994,7 +3050,7 @@ var TimePicker = ({
   const isDisabled = isDisabledExternally ?? fieldDisabled ?? false;
   const { t } = useTranslation();
   const locale = useCurrentLocale();
-  const label = externalLabel ?? t(texts11.time);
+  const label = externalLabel ?? t(texts12.time);
   const state = useTimeFieldState({
     value,
     defaultValue,
@@ -3027,15 +3083,15 @@ var TimePicker = ({
       })
     );
   };
-  const backwardsLabel = `${t(texts11.backwards)} ${minuteInterval} ${t(
-    texts11.minutes
+  const backwardsLabel = `${t(texts12.backwards)} ${minuteInterval} ${t(
+    texts12.minutes
   )}`;
-  const forwardsLabel = `${t(texts11.forwards)} ${minuteInterval} ${t(
-    texts11.minutes
+  const forwardsLabel = `${t(texts12.forwards)} ${minuteInterval} ${t(
+    texts12.minutes
   )}`;
-  const inputLabel = label ?? t(texts11.time);
+  const inputLabel = label ?? t(texts12.time);
   const ariaLabel = `${inputLabel} \u2013 ${t(
-    texts11.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
+    texts12.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,
@@ -3088,7 +3144,7 @@ var TimePicker = ({
     }
   ) });
 };
-var texts11 = createTexts({
+var texts12 = createTexts({
   selectedTimeIs: (time) => ({
     nb: `Valgt tidspunkt er ${time}`,
     nn: `Valt tidspunkt er ${time}`,
@@ -3229,7 +3285,7 @@ var DrawerCloseTrigger = function DrawerCloseTrigger2({
     {
       variant: "ghost",
       icon: /* @__PURE__ */ jsx(CloseFill24Icon, {}),
-      label: t(texts12.close)
+      label: t(texts13.close)
     }
   ) : /* @__PURE__ */ jsx(CloseButton, { size: "md" }) });
 };
@@ -3243,7 +3299,7 @@ var DrawerBackTrigger = ({
     {
       variant: "ghost",
       icon: /* @__PURE__ */ jsx(ArrowLeftFill24Icon, {}),
-      label: t(texts12.back)
+      label: t(texts13.back)
     }
   ) });
 };
@@ -3275,7 +3331,7 @@ var DrawerBackdrop = Drawer$1.Backdrop;
 var DrawerTitle = Drawer$1.Title;
 var DrawerActionTrigger = Drawer$1.ActionTrigger;
 var DrawerHeader = Drawer$1.Header;
-var texts12 = createTexts({
+var texts13 = createTexts({
   back: {
     en: "Back",
     nb: "Tilbake",
@@ -3591,10 +3647,10 @@ function Autocomplete({
           }
         }
       ) }),
-      /* @__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.IndicatorGroup, { children: /* @__PURE__ */ jsx(Combobox.ClearTrigger, { asChild: true, "aria-label": t(texts14.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(texts13.noItemsFound) }),
+      !loading && /* @__PURE__ */ jsx(Combobox.Empty, { children: emptyLabel ?? t(texts14.noItemsFound) }),
       loading ? /* @__PURE__ */ jsx(ColorSpinner, { width: "1.5rem", p: "2" }) : filteredChildren
     ] }) })
   ] });
@@ -3653,7 +3709,7 @@ var extractItemsFromChildren = (children) => {
   });
   return items;
 };
-var texts13 = createTexts({
+var texts14 = createTexts({
   noItemsFound: {
     nb: "Ingen resultater",
     nn: "Ingen resultat",
@@ -3738,31 +3794,69 @@ var CheckboxGroup = (props) => {
   const { direction = "row", children, gap = 1, ...rest } = props;
   return /* @__PURE__ */ jsx(CheckboxGroup$1, { ...rest, children: /* @__PURE__ */ jsx(Stack, { direction, gap, children }) });
 };
+var ChoiceChipContext = createContext({
+  variant: "core",
+  size: "sm"
+});
+var useChoiceChipContext = () => useContext(ChoiceChipContext);
 var ChoiceChip = ({
   ref,
-  children,
-  icon,
-  onCheckedChange,
-  ...rootProps
+  ...props
 }) => {
-  return /* @__PURE__ */ jsx(
-    CheckboxCard.Root,
+  const { children, inputProps, icon, variant, size, css, ...rest } = props;
+  const { variant: contextVariant, size: contextSize } = useChoiceChipContext();
+  const uniqueId = 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;
+  const finalSize = size ?? contextSize;
+  const recipe = useSlotRecipe({ key: "choiceChip" });
+  const styles = recipe({
+    variant: finalVariant,
+    size: finalSize
+  });
+  return /* @__PURE__ */ jsxs(RadioCard$1.Item, { ...rest, css: { ...css, ...styles.item }, children: [
+    /* @__PURE__ */ jsx(
+      RadioCard$1.ItemHiddenInput,
+      {
+        "aria-labelledby": inputHasAriaLabel ? inputProps == null ? void 0 : inputProps["aria-labelledby"] : itemControlId,
+        ref,
+        ...inputProps
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RadioCard$1.ItemControl,
+      {
+        id: itemControlId,
+        "aria-hidden": true,
+        css: styles.itemControl,
+        children: /* @__PURE__ */ jsx(RadioCard$1.ItemContext, { children: ({ checked }) => /* @__PURE__ */ jsxs(RadioCard$1.Label, { css: styles.label, children: [
+          checked ? (icon == null ? void 0 : icon.checked) && /* @__PURE__ */ jsx(Span, { children: icon.checked }) : (icon == null ? void 0 : icon.default) && /* @__PURE__ */ jsx(Span, { children: icon.default }),
+          children
+        ] }) })
+      }
+    )
+  ] });
+};
+var ChoiceChipGroup = ({
+  ref,
+  ...props
+}) => {
+  const { children, variant, size, css, ...rest } = props;
+  const recipe = useSlotRecipe({ key: "choiceChip" });
+  const styles = recipe({ variant, size });
+  return /* @__PURE__ */ jsx(ChoiceChipContext.Provider, { value: { variant, size }, children: /* @__PURE__ */ jsx(
+    RadioCard$1.Root,
     {
-      ...rootProps,
-      ...onCheckedChange && {
-        onCheckedChange: (details) => onCheckedChange(!!details.checked)
-      },
-      children: /* @__PURE__ */ jsx(CheckboxCard.Context, { children: ({ checked }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(CheckboxCard.HiddenInput, { ref }),
-        /* @__PURE__ */ jsx(CheckboxCard.Control, { children: /* @__PURE__ */ jsx(CheckboxCard.Content, { children: /* @__PURE__ */ jsxs(CheckboxCard.Label, { children: [
-          icon && /* @__PURE__ */ jsx(Span, { width: "24px", children: checked ? icon.checked : icon.default }),
-          rootProps.chipType !== "icon" && children,
-          rootProps.chipType === "filter" && checked && /* @__PURE__ */ jsx(CloseOutline24Icon, {})
-        ] }) }) })
-      ] }) })
+      css: { ...styles.root, ...css },
+      ref,
+      variant,
+      ...rest,
+      children
     }
-  );
+  ) });
 };
+var ChoiceChipLabel = RadioCard$1.Label;
 var Popover = ({
   ref,
   children,
@@ -4019,6 +4113,31 @@ var FieldsetLegend = Fieldset$1.Legend;
 var FieldsetContent = Fieldset$1.Content;
 var FieldsetHelperText = Fieldset$1.HelperText;
 var FieldsetErrorText = Fieldset$1.ErrorText;
+var FilterChip = ({
+  ref,
+  children,
+  icon,
+  onCheckedChange,
+  ...rootProps
+}) => {
+  return /* @__PURE__ */ jsx(
+    CheckboxCard.Root,
+    {
+      ...rootProps,
+      ...onCheckedChange && {
+        onCheckedChange: (details) => onCheckedChange(!!details.checked)
+      },
+      children: /* @__PURE__ */ jsx(CheckboxCard.Context, { children: ({ checked }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(CheckboxCard.HiddenInput, { ref }),
+        /* @__PURE__ */ jsx(CheckboxCard.Control, { children: /* @__PURE__ */ jsx(CheckboxCard.Content, { children: /* @__PURE__ */ jsxs(CheckboxCard.Label, { children: [
+          checked ? (icon == null ? void 0 : icon.checked) && /* @__PURE__ */ jsx(Span, { children: icon.checked }) : (icon == null ? void 0 : icon.default) && /* @__PURE__ */ jsx(Span, { children: icon.default }),
+          rootProps.chipType !== "icon" && children,
+          rootProps.chipType === "filter" && checked && /* @__PURE__ */ jsx(CloseOutline24Icon, {})
+        ] }) }) })
+      ] }) })
+    }
+  );
+};
 var InputChip = ({
   startIcon,
   endIcon,
@@ -4370,6 +4489,7 @@ var NumericStepper = ({
     label,
     helperText,
     errorText,
+    gap,
     ...rest
   } = props;
   const addButtonRef = useRef(null);
@@ -4398,13 +4518,14 @@ var NumericStepper = ({
       invalid,
       readOnly,
       required,
+      gap,
       children: [
         /* @__PURE__ */ jsx(
           VerySmallButton,
           {
             icon: /* @__PURE__ */ jsx(SubtractIcon, { stepLabel: clampedStepSize }),
             "aria-label": t(
-              texts14.decrementButtonAriaLabel(
+              texts15.decrementButtonAriaLabel(
                 clampedStepSize,
                 stepSize === 1 ? ariaLabelContext.singular : ariaLabelContext.plural
               )
@@ -4431,7 +4552,7 @@ var NumericStepper = ({
             css: styles.input,
             width: `${Math.max(value.toString().length + 1, 3)}ch`,
             "aria-live": "assertive",
-            "aria-label": ariaLabelContext.plural === "" ? "" : t(texts14.currentNumberAriaLabel(ariaLabelContext.plural)),
+            "aria-label": ariaLabelContext.plural === "" ? "" : t(texts15.currentNumberAriaLabel(ariaLabelContext.plural)),
             onChange: (event) => {
               const numericInput = Number(event.target.value);
               if (Number.isNaN(numericInput)) {
@@ -4448,8 +4569,11 @@ var NumericStepper = ({
           Text3,
           {
             "aria-live": "assertive",
-            paddingX: "0.95rem",
-            "aria-label": ariaLabelContext.plural === "" ? "" : t(texts14.currentNumberAriaLabel(ariaLabelContext.plural)),
+            width: `${Math.max(value.toString().length + 1, 3)}ch`,
+            paddingX: 0.5,
+            padding: 0,
+            textAlign: "center",
+            "aria-label": ariaLabelContext.plural === "" ? "" : t(texts15.currentNumberAriaLabel(ariaLabelContext.plural)),
             children: value
           }
         ),
@@ -4459,7 +4583,7 @@ var NumericStepper = ({
             ref: addButtonRef,
             icon: /* @__PURE__ */ jsx(AddIcon, { stepLabel: clampedStepSize }),
             "aria-label": t(
-              texts14.incrementButtonAriaLabel(
+              texts15.incrementButtonAriaLabel(
                 clampedStepSize,
                 stepSize === 1 ? ariaLabelContext.singular : ariaLabelContext.plural
               )
@@ -4533,7 +4657,7 @@ var AddIcon = ({ stepLabel }) => /* @__PURE__ */ jsxs(Fragment, { children: [
   ] }),
   stepLabel > 1 && /* @__PURE__ */ jsx(chakra.span, { paddingRight: "1", children: stepLabel.toString() })
 ] });
-var texts14 = createTexts({
+var texts15 = createTexts({
   currentNumberAriaLabel(ariaContext) {
     return {
       nb: `Valgt antall ${ariaContext}`,
@@ -4597,7 +4721,7 @@ var PasswordInput = ({
             event.preventDefault();
             setVisible(!visible);
           },
-          children: visible ? t(texts15.hidePassword) : t(texts15.showPassword)
+          children: visible ? t(texts16.hidePassword) : t(texts16.showPassword)
         }
       ),
       ...rest
@@ -4622,7 +4746,7 @@ var VisibilityTrigger = ({
     }
   );
 };
-var texts15 = createTexts({
+var texts16 = createTexts({
   showPassword: {
     nb: "Vis",
     nn: "Vis",
@@ -4674,14 +4798,14 @@ var CountryCodeSelect = ({
       positioning: { placement: "bottom", flip: false },
       collection: filteredCallingCodes,
       lazyMount: true,
-      "aria-label": t(texts16.countryCode),
+      "aria-label": t(texts17.countryCode),
       sideRadiusVariant: "rightSideSquare",
       role: "combobox",
       children: filteredCallingCodes.items.map((code) => /* @__PURE__ */ jsx(SelectItem, { item: code, children: code.label }, code.label))
     }
   );
 };
-var texts16 = createTexts({
+var texts17 = createTexts({
   countryCode: {
     nb: "Landkode",
     nn: "Landskode",
@@ -4704,7 +4828,7 @@ var PhoneNumberInput = ({
     errorText
   } = props;
   const { t } = useTranslation();
-  const label = externalLabel ?? (optional ? t(texts17.phoneNumberOptional) : t(texts17.phoneNumber));
+  const label = externalLabel ?? (optional ? t(texts18.phoneNumberOptional) : t(texts18.phoneNumber));
   const [value, onChange] = useControllableState({
     value: externalValue,
     onChange: externalOnChange,
@@ -4759,7 +4883,7 @@ var PhoneNumberInput = ({
     )
   ] });
 };
-var texts17 = createTexts({
+var texts18 = createTexts({
   phoneNumber: {
     nb: "Telefonnummer",
     nn: "Telefonnummer",
@@ -4811,16 +4935,16 @@ var SearchInput = ({
           variant: "ghost",
           type: "button",
           size: "sm",
-          "aria-label": t(texts18.reset),
+          "aria-label": t(texts19.reset),
           icon: /* @__PURE__ */ jsx(CloseOutline24Icon, {}),
           onClick: onReset
         }
       ),
-      label: label ?? t(texts18.label)
+      label: label ?? t(texts19.label)
     }
   );
 };
-var texts18 = createTexts({
+var texts19 = createTexts({
   label: {
     nb: "S\xF8k",
     nn: "S\xF8k",
@@ -5372,7 +5496,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(texts19.externalLink) : texts19.externalLink.en;
+  const externalLabel = t ? t(texts20.externalLink) : texts20.externalLink.en;
   if (props.asChild && isValidElement(children)) {
     return /* @__PURE__ */ jsx(
       Link,
@@ -5411,7 +5535,7 @@ var TextLink = ({
     }
   );
 };
-var texts19 = createTexts({
+var texts20 = createTexts({
   externalLink: {
     nb: "Ekstern lenke",
     nn: "Ekstern lenke",
@@ -5948,14 +6072,14 @@ var JumpButton = ({
       as: "button",
       ref,
       css: styles.root,
-      "aria-label": direction === "forward" ? t(texts20.forward) : t(texts20.backward),
+      "aria-label": direction === "forward" ? t(texts21.forward) : t(texts21.backward),
       disabled,
       ...props,
       children: direction === "forward" ? /* @__PURE__ */ jsx(Forward15MediaControllerFill30Icon, { css: styles.icon }) : /* @__PURE__ */ jsx(Backward15MediaControllerFill30Icon, { css: styles.icon })
     }
   );
 };
-var texts20 = createTexts({
+var texts21 = createTexts({
   forward: {
     nb: "15 sekunder frem",
     nn: "15 sekunder fram",
@@ -5983,14 +6107,14 @@ var PlayPauseButton = ({
       ref,
       as: "button",
       css: styles.root,
-      "aria-label": playing ? t(texts21.pause) : t(texts21.play),
+      "aria-label": playing ? t(texts22.pause) : t(texts22.play),
       disabled,
       ...props,
       children: playing ? /* @__PURE__ */ jsx(PauseMediaControllerFill24Icon, { css: styles.icon }) : /* @__PURE__ */ jsx(PlayMediaControllerFill24Icon, { css: styles.icon })
     }
   );
 };
-var texts21 = createTexts({
+var texts22 = createTexts({
   pause: {
     nb: "Pause",
     nn: "Pause",
@@ -6018,14 +6142,14 @@ var SkipButton = ({
       ref,
       as: "button",
       css: styles.root,
-      "aria-label": direction === "forward" ? t(texts22.next) : t(texts22.previous),
+      "aria-label": direction === "forward" ? t(texts23.next) : t(texts23.previous),
       disabled,
       ...props,
       children: direction === "forward" ? /* @__PURE__ */ jsx(NextMediaControllerFill30Icon, { css: styles.icon }) : /* @__PURE__ */ jsx(PreviousMediaControllerFill30Icon, { css: styles.icon })
     }
   );
 };
-var texts22 = createTexts({
+var texts23 = createTexts({
   next: {
     nb: "Neste",
     nn: "Neste",
@@ -6140,7 +6264,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(texts23.close) }) });
+    return /* @__PURE__ */ jsx(PopoverCloseTrigger, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", size: "xs", children: t(texts24.close) }) });
   return /* @__PURE__ */ jsx(
     Button,
     {
@@ -6148,11 +6272,11 @@ var NextButton = ({ isLastStep, onNext }) => {
       size: "xs",
       rightIcon: /* @__PURE__ */ jsx(ArrowRightFill18Icon, {}),
       onClick: onNext,
-      children: t(texts23.nextStep)
+      children: t(texts24.nextStep)
     }
   );
 };
-var texts23 = createTexts({
+var texts24 = createTexts({
   nextStep: {
     nb: "Neste",
     nn: "Neste",
@@ -6228,7 +6352,7 @@ var PaginationItem = ({
           to: rootProps.getHref(props.value)
         },
         ref,
-        "aria-label": t(texts24.pageOf(props.value, totalPages)),
+        "aria-label": t(texts25.pageOf(props.value, totalPages)),
         ...props,
         children: props.value
       }
@@ -6239,7 +6363,7 @@ var PaginationItem = ({
     {
       as: props.as ?? "button",
       ref,
-      "aria-label": t(texts24.pageOf(props.value, totalPages)),
+      "aria-label": t(texts25.pageOf(props.value, totalPages)),
       "aria-current": page === props.value,
       ...props,
       children: props.value
@@ -6269,7 +6393,7 @@ var PaginationPrevTrigger = ({
         },
         ref,
         css: styles.item,
-        "aria-label": t(texts24.previousPage),
+        "aria-label": t(texts25.previousPage),
         ...props,
         children: /* @__PURE__ */ jsx(DropdownLeftOutline18Icon, {})
       }
@@ -6280,7 +6404,7 @@ var PaginationPrevTrigger = ({
     {
       ref,
       asChild: true,
-      "aria-label": t(texts24.previousPage),
+      "aria-label": t(texts25.previousPage),
       as: props.as || "button",
       css: styles.item,
       ...props,
@@ -6309,7 +6433,7 @@ var PaginationNextTrigger = ({
           to: rootProps.getHref(props.value)
         },
         css: styles.item,
-        "aria-label": t(texts24.nextPage),
+        "aria-label": t(texts25.nextPage),
         ...props,
         children: /* @__PURE__ */ jsx(DropdownRightOutline18Icon, {})
       }
@@ -6320,7 +6444,7 @@ var PaginationNextTrigger = ({
     {
       ref,
       css: styles.item,
-      "aria-label": t(texts24.nextPage),
+      "aria-label": t(texts25.nextPage),
       as: props.as || "button",
       ...props,
       children: /* @__PURE__ */ jsx(DropdownRightOutline18Icon, {})
@@ -6347,7 +6471,7 @@ var PaginationItems = (props) => {
     );
   }) });
 };
-var texts24 = createTexts({
+var texts25 = createTexts({
   previousPage: {
     nb: "Forrige side",
     nn: "F\xF8rre side",
@@ -6447,7 +6571,7 @@ var ProgressIndicator = ({
       "aria-valuemin": 1,
       "aria-valuemax": numberOfSteps,
       "aria-valuenow": activeStep,
-      "aria-valuetext": t(texts25.stepsOf(activeStep, numberOfSteps)),
+      "aria-valuetext": t(texts26.stepsOf(activeStep, numberOfSteps)),
       ref,
       children: /* @__PURE__ */ jsx(Box, { css: { ...styles.container, ...css }, children: Array.from({ length: numberOfSteps }, (_, index) => /* @__PURE__ */ jsx(
         Box,
@@ -6466,7 +6590,7 @@ var ProgressIndicator = ({
     }
   );
 };
-var texts25 = createTexts({
+var texts26 = createTexts({
   stepsOf: (activeStep, numberOfSteps) => ({
     nb: `Steg ${activeStep} av ${numberOfSteps}`,
     nn: `Steg ${activeStep} av ${numberOfSteps}`,
@@ -6662,7 +6786,7 @@ var Stepper = function Stepper2({
               /* @__PURE__ */ jsx(
                 IconButton,
                 {
-                  "aria-label": t(texts26.back),
+                  "aria-label": t(texts27.back),
                   icon: /* @__PURE__ */ jsx(ArrowLeftFill24Icon, {}),
                   variant: "ghost",
                   size: "sm",
@@ -6686,7 +6810,7 @@ var Stepper = function Stepper2({
                   children: heading
                 }
               ),
-              /* @__PURE__ */ jsx(Box, { css: style.stepCounter, "data-part": "step-counter", children: t(texts26.stepsOf(activeStep, numberOfSteps)) })
+              /* @__PURE__ */ jsx(Box, { css: style.stepCounter, "data-part": "step-counter", children: t(texts27.stepsOf(activeStep, numberOfSteps)) })
             ]
           }
         ) }),
@@ -6705,7 +6829,7 @@ var Stepper = function Stepper2({
     }
   ) });
 };
-var texts26 = createTexts({
+var texts27 = createTexts({
   stepsOf: (activeStep, numberOfSteps) => ({
     nb: `Steg ${activeStep}/${numberOfSteps}`,
     nn: `Steg ${activeStep}/${numberOfSteps}`,
@@ -7403,12 +7527,12 @@ var pressableCardRecipe = defineRecipe({
       accent: {
         boxShadow: "0px 1px 3px 0px var(--shadow-color)",
         shadowColor: "surface.disabled",
-        background: "surface.success",
+        background: "surface.accent",
         _hover: {
-          background: "surface.success.hover",
+          background: "surface.accent.hover",
           boxShadow: "0px 2px 6px 0px var(--shadow-color)",
           _active: {
-            background: "surface.success.active",
+            background: "surface.accent.active",
             boxShadow: "none"
           }
         }
@@ -7813,7 +7937,8 @@ var radioCardAnatomy = createAnatomy("radio-card").parts(
   "label",
   "itemText",
   "itemDescription",
-  "itemContent"
+  "itemContent",
+  "itemControl"
 );
 var radioAnatomy = createAnatomy("radio").parts(
   "root",
@@ -8594,38 +8719,30 @@ var checkboxSlotRecipe = defineSlotRecipe({
   }
 });
 var choiceChipSlotRecipe = defineSlotRecipe({
-  slots: checkboxCardAnatomy.keys(),
-  className: "chakra-checkbox-card",
+  className: "spor-choice-chip",
+  slots: radioCardAnatomy.keys(),
   base: {
     root: {
-      display: "inline-flex",
-      alignItems: "center",
-      boxAlign: "center",
-      cursor: "pointer",
+      display: "flex",
+      flexDirection: "row",
+      gap: "1",
+      width: "fit-content"
+    },
+    item: {
+      display: "flex-inline",
       transitionProperty: "all",
-      borderRadius: "xl",
       transitionDuration: "fast",
-      paddingInlineStart: "2",
-      paddingInlineEnd: "2",
-      outline: "1px solid",
-      outlineColor: "outline.core",
       _checked: {
-        backgroundColor: "surface.brand",
-        borderRadius: "sm",
         outline: "none",
-        color: "text.brand",
+        _focusVisible: {
+          outline: "2px solid",
+          outlineColor: "outline.focus",
+          outlineOffset: "1px"
+        },
         _hover: {
-          backgroundColor: "surface.brand.hover",
-          _active: {
-            backgroundColor: "surface.brand.active"
-          }
+          outline: "none"
         }
       },
-      _focusVisible: {
-        outline: "2px solid",
-        outlineColor: "outline.focus",
-        outlineOffset: "1px"
-      },
       _disabled: {
         pointerEvents: "none",
         boxShadow: "none",
@@ -8650,32 +8767,44 @@ var choiceChipSlotRecipe = defineSlotRecipe({
         }
       }
     },
+    itemControl: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    },
     label: {
       display: "flex",
       alignItems: "center",
+      justifyContent: "center",
       gap: "1"
     }
   },
   variants: {
     size: {
       xs: {
-        root: {
+        item: {
+          borderRadius: "xl",
           _checked: {
-            borderRadius: "0.563rem"
-          },
+            borderRadius: "9px"
+          }
+        },
+        itemControl: {
           height: 5,
           paddingX: 1.5
         },
         label: {
           fontSize: { base: "mobile.sm", sm: "desktop.sm" },
-          fontWeight: "medium"
+          fontWeight: "regular"
         }
       },
       sm: {
-        root: {
+        item: {
+          borderRadius: "xl",
           _checked: {
             borderRadius: "sm"
-          },
+          }
+        },
+        itemControl: {
           height: 6,
           paddingX: 2
         },
@@ -8685,10 +8814,13 @@ var choiceChipSlotRecipe = defineSlotRecipe({
         }
       },
       md: {
-        root: {
+        item: {
+          borderRadius: "xl",
           _checked: {
             borderRadius: "sm"
-          },
+          }
+        },
+        itemControl: {
           height: 7,
           paddingX: 2
         },
@@ -8698,10 +8830,13 @@ var choiceChipSlotRecipe = defineSlotRecipe({
         }
       },
       lg: {
-        root: {
+        item: {
+          borderRadius: "xl",
           _checked: {
             borderRadius: "md"
-          },
+          }
+        },
+        itemControl: {
           height: 8,
           paddingX: 3
         },
@@ -8713,9 +8848,18 @@ var choiceChipSlotRecipe = defineSlotRecipe({
     },
     variant: {
       core: {
-        root: {
-          color: "text.core",
-          outlineColor: "outline.core",
+        itemControl: {
+          _checked: {
+            backgroundColor: "surface.brand",
+            color: "text.brand",
+            outline: "none",
+            _hover: {
+              backgroundColor: "surface.brand.hover",
+              _active: {
+                backgroundColor: "surface.brand.active"
+              }
+            }
+          },
           _hover: {
             outline: "2px solid",
             outlineColor: "outline.core.hover",
@@ -8728,10 +8872,22 @@ var choiceChipSlotRecipe = defineSlotRecipe({
         }
       },
       accent: {
-        root: {
+        itemControl: {
           backgroundColor: "surface.accent",
           color: "text.accent",
           outline: "none",
+          border: "none",
+          _checked: {
+            backgroundColor: "surface.brand",
+            color: "text.brand",
+            outline: "none",
+            _hover: {
+              backgroundColor: "surface.brand.hover",
+              _active: {
+                backgroundColor: "surface.brand.active"
+              }
+            }
+          },
           _hover: {
             backgroundColor: "surface.accent.hover",
             _active: {
@@ -8741,12 +8897,23 @@ var choiceChipSlotRecipe = defineSlotRecipe({
         }
       },
       floating: {
-        root: {
+        itemControl: {
           backgroundColor: "surface.floating",
           outline: "1px solid",
           outlineColor: "outline.floating",
           color: "text.floating",
           boxShadow: "sm",
+          _checked: {
+            backgroundColor: "surface.brand",
+            color: "text.brand",
+            outline: "none",
+            _hover: {
+              backgroundColor: "surface.brand.hover",
+              _active: {
+                backgroundColor: "surface.brand.active"
+              }
+            }
+          },
           _hover: {
             backgroundColor: "surface.floating.hover",
             outline: "1px solid",
@@ -8759,17 +8926,11 @@ var choiceChipSlotRecipe = defineSlotRecipe({
           }
         }
       }
-    },
-    chipType: {
-      icon: {},
-      choice: {},
-      filter: {}
     }
   },
   defaultVariants: {
     size: "sm",
-    variant: "core",
-    chipType: "choice"
+    variant: "core"
   }
 });
 var collapsibleSlotRecipe = defineSlotRecipe({
@@ -9491,6 +9652,186 @@ var fieldSlotRecipe = defineSlotRecipe({
     }
   }
 });
+var filterChipSlotRecipe = defineSlotRecipe({
+  slots: checkboxCardAnatomy.keys(),
+  className: "chakra-checkbox-card",
+  base: {
+    root: {
+      display: "inline-flex",
+      alignItems: "center",
+      boxAlign: "center",
+      cursor: "pointer",
+      transitionProperty: "all",
+      borderRadius: "xl",
+      transitionDuration: "fast",
+      paddingInlineStart: "2",
+      paddingInlineEnd: "2",
+      outline: "1px solid",
+      outlineColor: "outline.core",
+      _checked: {
+        backgroundColor: "surface.brand",
+        borderRadius: "sm",
+        outline: "none",
+        color: "text.brand",
+        _hover: {
+          outline: "none",
+          backgroundColor: "surface.brand.hover",
+          _active: {
+            backgroundColor: "surface.brand.active"
+          }
+        }
+      },
+      _focusVisible: {
+        outline: "2px solid",
+        outlineColor: "outline.focus",
+        outlineOffset: "1px"
+      },
+      _disabled: {
+        pointerEvents: "none",
+        boxShadow: "none",
+        backgroundColor: "surface.disabled",
+        color: "text.disabled",
+        outline: "none",
+        _hover: {
+          backgroundColor: "surface.disabled",
+          boxShadow: "none",
+          color: "text.disabled"
+        },
+        _checked: {
+          cursor: "not-allowed",
+          boxShadow: "none",
+          color: "text.disabled",
+          backgroundColor: "surface.disabled",
+          _hover: {
+            backgroundColor: "surface.disabled",
+            boxShadow: "none",
+            color: "text.disabled"
+          }
+        }
+      }
+    },
+    label: {
+      display: "flex",
+      alignItems: "center",
+      gap: "1"
+    }
+  },
+  variants: {
+    size: {
+      xs: {
+        root: {
+          _checked: {
+            borderRadius: "0.563rem"
+          },
+          height: 5,
+          paddingX: 1.5
+        },
+        label: {
+          fontSize: { base: "mobile.sm", sm: "desktop.sm" },
+          fontWeight: "medium"
+        }
+      },
+      sm: {
+        root: {
+          _checked: {
+            borderRadius: "sm"
+          },
+          height: 6,
+          paddingX: 2
+        },
+        label: {
+          fontSize: { base: "mobile.sm", sm: "desktop.sm" },
+          fontWeight: "bold"
+        }
+      },
+      md: {
+        root: {
+          _checked: {
+            borderRadius: "sm"
+          },
+          height: 7,
+          paddingX: 2
+        },
+        label: {
+          fontSize: { base: "mobile.md", sm: "desktop.md" },
+          fontWeight: "bold"
+        }
+      },
+      lg: {
+        root: {
+          _checked: {
+            borderRadius: "md"
+          },
+          height: 8,
+          paddingX: 3
+        },
+        label: {
+          fontSize: { base: "mobile.md", sm: "desktop.md" },
+          fontWeight: "bold"
+        }
+      }
+    },
+    variant: {
+      core: {
+        root: {
+          color: "text.core",
+          outlineColor: "outline.core",
+          _hover: {
+            outline: "2px solid",
+            outlineColor: "outline.core.hover",
+            _active: {
+              outline: "1px solid",
+              outlineColor: "outline.core",
+              backgroundColor: "surface.core.active"
+            }
+          }
+        }
+      },
+      accent: {
+        root: {
+          backgroundColor: "surface.accent",
+          color: "text.accent",
+          outline: "none",
+          _hover: {
+            backgroundColor: "surface.accent.hover",
+            _active: {
+              backgroundColor: "surface.accent.active"
+            }
+          }
+        }
+      },
+      floating: {
+        root: {
+          backgroundColor: "surface.floating",
+          outline: "1px solid",
+          outlineColor: "outline.floating",
+          color: "text.floating",
+          boxShadow: "sm",
+          _hover: {
+            backgroundColor: "surface.floating.hover",
+            outline: "1px solid",
+            outlineColor: "outline.floating.hover",
+            _active: {
+              backgroundColor: "surface.floating.active",
+              outline: "1px solid",
+              outlineColor: "outline.floating"
+            }
+          }
+        }
+      }
+    },
+    chipType: {
+      icon: {},
+      choice: {},
+      filter: {}
+    }
+  },
+  defaultVariants: {
+    size: "sm",
+    variant: "core",
+    chipType: "choice"
+  }
+});
 var floatingActionButtonSlotRecipe = defineSlotRecipe({
   slots: floatingActionButtonAnatomy.keys(),
   className: "spor-floating-action-button",
@@ -10506,17 +10847,18 @@ var numericStepperRecipe = defineSlotRecipe({
       "& > div": {
         display: "flex",
         flexDirection: "row",
-        alignItems: "center"
+        alignItems: "center",
+        gap: 1
       }
     },
     input: {
       fontSize: "sm",
       fontWeight: "bold",
-      marginX: 0.5,
       padding: 0,
       paddingX: 0.5,
       borderRadius: "xs",
-      outline: "none",
+      outline: "1px solid",
+      outlineColor: "outline.core",
       height: "auto",
       textAlign: "center",
       transitionProperty: "common",
@@ -11803,11 +12145,12 @@ var slotRecipes = {
   tabs: tabsSlotRecipe,
   travelTag: travelTagSlotRecipe,
   toast: toastSlotRecipe,
-  checkboxCard: choiceChipSlotRecipe,
+  checkboxCard: filterChipSlotRecipe,
   collapsible: collapsibleSlotRecipe,
   tooltip: popoverSlotRecipe,
   tag: inputChipSlotRecipe,
-  menu: menuSlotRecipe
+  menu: menuSlotRecipe,
+  choiceChip: choiceChipSlotRecipe
 };
 var animations = defineTokens.animations({
   spin: {
@@ -12655,6 +12998,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, 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, 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 };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map