@vygruppen/spor-react 12.4.1 → 12.4.3

package/dist/index.mjs

@@ -23,12 +23,12 @@ import * as tokens20 from '@vygruppen/spor-design-tokens';
 export { tokens20 as tokens };
 import { usePopoverContext as usePopoverContext$1, PopoverCloseTrigger } from '@ark-ui/react';
 import { Global } from '@emotion/react';
-import cargonetJson from '@vygruppen/spor-design-tokens/tokens/color/cargonet.json';
-import vyDigitalJson from '@vygruppen/spor-design-tokens/tokens/color/vy-digital.json';
-import VyUtviklingJson from '@vygruppen/spor-design-tokens/tokens/color/vy-utvikling.json';
-import aliasJson from '@vygruppen/spor-design-tokens/tokens/color/alias.json';
-import linjetagJson from '@vygruppen/spor-design-tokens/tokens/color/linjetag.json';
-import paletteJson from '@vygruppen/spor-design-tokens/tokens/color/palette.json';
+import cargonetJson from '@vygruppen/spor-design-tokens/tokens/color/cargonet.json' assert { type: 'json' };
+import vyDigitalJson from '@vygruppen/spor-design-tokens/tokens/color/vy-digital.json' assert { type: 'json' };
+import VyUtviklingJson from '@vygruppen/spor-design-tokens/tokens/color/vy-utvikling.json' assert { type: 'json' };
+import aliasJson from '@vygruppen/spor-design-tokens/tokens/color/alias.json' assert { type: 'json' };
+import linjetagJson from '@vygruppen/spor-design-tokens/tokens/color/linjetag.json' assert { type: 'json' };
+import paletteJson from '@vygruppen/spor-design-tokens/tokens/color/palette.json' assert { type: 'json' };
 
 // src/accordion/Accordion.tsx
 
@@ -36,9 +36,8 @@ import paletteJson from '@vygruppen/spor-design-tokens/tokens/color/palette.json
 var warnAboutMismatchingIcon = ({
   icon
 }) => {
-  var _a5, _b4;
   if (process.env.NODE_ENV !== "production") {
-    const displayName = (_b4 = (_a5 = icon == null ? void 0 : icon.type) == null ? void 0 : _a5.render) == null ? void 0 : _b4.displayName;
+    const displayName = icon?.type?.render?.displayName;
     if (!displayName) {
       return;
     }
@@ -804,7 +803,6 @@ var badgeRecipie = defineRecipe({
 });
 
 // src/theme/recipes/code.ts
-var _a;
 var codeRecipie = defineRecipe({
   base: {
     fontFamily: "monospace",
@@ -813,7 +811,7 @@ var codeRecipie = defineRecipe({
     paddingX: 1
   },
   variants: {
-    colorPalette: ((_a = badgeRecipie.variants) == null ? void 0 : _a.colorPalette) ?? {}
+    colorPalette: badgeRecipie.variants?.colorPalette ?? {}
   }
 });
 var StyledCode = chakra(Code$1, codeRecipie);
@@ -1130,7 +1128,7 @@ var Alert = forwardRef((props, ref) => {
   const { open, onClose } = useDisclosure({ defaultOpen: true });
   const handleAlertClose = () => {
     onClose();
-    onAlertClose == null ? void 0 : onAlertClose();
+    onAlertClose?.();
   };
   const recipe = useSlotRecipe({ key: "alert" });
   const styles = recipe({ variant: props.variant });
@@ -1966,8 +1964,7 @@ function CalendarCell({
     stateProps["data-unavailable"] = true;
   }
   useEffect(() => {
-    var _a5;
-    (_a5 = ref.current) == null ? void 0 : _a5.addEventListener(
+    ref.current?.addEventListener(
       "touchend",
       (event) => {
         event.preventDefault();
@@ -2013,7 +2010,7 @@ var getCurrentTime = () => {
   return parseTime(now.toTimeString().split(" ")[0]);
 };
 var getTimestampFromTime = (time) => {
-  return `${(time == null ? void 0 : time.hour) ?? 0}:${(time == null ? void 0 : time.minute) ?? 0}`;
+  return `${time?.hour ?? 0}:${time?.minute ?? 0}`;
 };
 var weekDays = {
   nb: ["Ma", "Ti", "On", "To", "Fr", "L\xF8", "S\xF8"],
@@ -2317,7 +2314,6 @@ function createCalendar2(identifier) {
 }
 var DateField = forwardRef(
   ({ labelId, ...props }, externalRef) => {
-    var _a5;
     const locale = useCurrentLocale();
     const recipe = useSlotRecipe({
       key: "datePicker",
@@ -2363,7 +2359,7 @@ var DateField = forwardRef(
         "input",
         {
           type: "hidden",
-          value: ((_a5 = state.value) == null ? void 0 : _a5.toString()) ?? "",
+          value: state.value?.toString() ?? "",
           name: props.name
         }
       )
@@ -2449,8 +2445,8 @@ var DatePicker = forwardRef(
       ...props,
       shouldCloseOnSelect: true,
       errorMessage: errorText,
-      isRequired: props.isRequired ?? (chakraFieldProps == null ? void 0 : chakraFieldProps.required),
-      validationState: (chakraFieldProps == null ? void 0 : chakraFieldProps.invalid) ? "invalid" : "valid"
+      isRequired: props.isRequired ?? chakraFieldProps?.required,
+      validationState: chakraFieldProps?.invalid ? "invalid" : "valid"
     });
     const internalRef = useRef(null);
     const ref = externalRef ?? internalRef;
@@ -2586,8 +2582,8 @@ function DateRangePicker({
     shouldCloseOnSelect: true,
     isInvalid: invalid,
     errorMessage: errorText,
-    isRequired: props.required ?? (fieldContextPRops == null ? void 0 : fieldContextPRops.required),
-    validationState: (fieldContextPRops == null ? void 0 : fieldContextPRops.invalid) ? "invalid" : "valid"
+    isRequired: props.required ?? fieldContextPRops?.required,
+    validationState: fieldContextPRops?.invalid ? "invalid" : "valid"
   });
   const ref = useRef(null);
   const uniqueId = useId$1();
@@ -2763,7 +2759,7 @@ var TimePicker = ({
   )}`;
   const inputLabel = label ?? t(texts11.time);
   const ariaLabel = `${inputLabel} \u2013 ${t(
-    texts11.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
+    texts11.selectedTimeIs(`${dateTime?.hour ?? 0} ${dateTime?.minute ?? 0}`)
   )}`;
   return /* @__PURE__ */ jsx(Field3, { as: "time", ...boxProps, children: /* @__PURE__ */ jsxs(
     StyledField,
@@ -3111,7 +3107,6 @@ var Popover = forwardRef(
     hasBackdrop = true,
     containerPadding = 12
   }, ref) => {
-    var _a5;
     const internalRef = useRef(null);
     const popoverRef = ref ?? internalRef;
     const { popoverProps, underlayProps } = usePopover(
@@ -3132,7 +3127,7 @@ var Popover = forwardRef(
       {
         ...popoverProps,
         ref: popoverRef,
-        minWidth: ((_a5 = triggerRef.current) == null ? void 0 : _a5.clientWidth) ?? "auto",
+        minWidth: triggerRef.current?.clientWidth ?? "auto",
         children: [
           /* @__PURE__ */ jsx(DismissButton, { onDismiss: state.close }),
           children,
@@ -3514,8 +3509,7 @@ function Option({ item, state }) {
     dataFields["data-focus-visible"] = true;
   }
   useEffect(() => {
-    var _a5;
-    (_a5 = ref == null ? void 0 : ref.current) == null ? void 0 : _a5.addEventListener(
+    ref?.current?.addEventListener(
       "touchend",
       (event) => {
         event.preventDefault();
@@ -3533,7 +3527,6 @@ var useOptionContext = () => {
   return useContext(OptionContext);
 };
 function ListBoxSection({ section, state }) {
-  var _a5, _b4;
   const { itemProps, headingProps, groupProps } = useListBoxSection({
     heading: section.rendered,
     "aria-label": section["aria-label"]
@@ -3555,7 +3548,7 @@ function ListBoxSection({ section, state }) {
         children: section.rendered
       }
     ),
-    /* @__PURE__ */ jsx(List, { ...groupProps, padding: 0, listStyleType: "none", children: [...((_b4 = (_a5 = state.collection).getChildren) == null ? void 0 : _b4.call(_a5, section.key)) ?? []].map(
+    /* @__PURE__ */ jsx(List, { ...groupProps, padding: 0, listStyleType: "none", children: [...state.collection.getChildren?.(section.key) ?? []].map(
       (item) => /* @__PURE__ */ jsx(Option, { item, state }, item.key)
     ) })
   ] }) });
@@ -3695,7 +3688,6 @@ function coreText(state) {
 }
 
 // src/theme/slot-recipes/native-select.ts
-var _a2, _b;
 var nativeSelectSlotRecipe = defineSlotRecipe({
   slots: NativeSelectAnatomy.keys(),
   className: "spor-nativeSelect",
@@ -3734,12 +3726,12 @@ var nativeSelectSlotRecipe = defineSlotRecipe({
     variant: {
       core: {
         field: {
-          ...(_a2 = inputRecipe.variants) == null ? void 0 : _a2.variant.core
+          ...inputRecipe.variants?.variant.core
         }
       },
       floating: {
         field: {
-          ...(_b = inputRecipe.variants) == null ? void 0 : _b.variant.floating
+          ...inputRecipe.variants?.variant.floating
         }
       }
     }
@@ -3882,8 +3874,7 @@ var NumericStepper = React28__default.forwardRef((props, ref) => {
   });
   const clampedStepSize = Math.max(Math.min(stepSize, 10), 1);
   const focusOnAddButton = () => {
-    var _a5;
-    (_a5 = addButtonRef.current) == null ? void 0 : _a5.focus();
+    addButtonRef.current?.focus();
   };
   return /* @__PURE__ */ jsxs(Field3, { css: styles.root, width: "auto", ...rest, ref, children: [
     /* @__PURE__ */ jsx(
@@ -4140,10 +4131,7 @@ var CountryCodeSelect = forwardRef((props, ref) => {
   const { t } = useTranslation();
   if (props.allowedCountryCodes) {
     callingCodes.items = callingCodes.items.filter(
-      (callingCode) => {
-        var _a5;
-        return (_a5 = props.allowedCountryCodes) == null ? void 0 : _a5.some((code) => code === callingCode.label);
-      }
+      (callingCode) => props.allowedCountryCodes?.some((code) => code === callingCode.label)
     );
   }
   return /* @__PURE__ */ jsx(
@@ -4847,8 +4835,7 @@ var icons = {
   walk: { sm: WalkFill18Icon, md: WalkFill24Icon, lg: WalkFill30Icon }
 };
 var getCorrectIcon = ({ variant, size }) => {
-  var _a5;
-  return ((_a5 = icons[variant]) == null ? void 0 : _a5[size]) ?? Box;
+  return icons[variant]?.[size] ?? Box;
 };
 var LineIcon = forwardRef(
   function LineIcon2({
@@ -5006,7 +4993,7 @@ var ExternalIcon = ({ label }) => /* @__PURE__ */ jsxs(Fragment, { children: [
 var TextLink = forwardRef(
   ({ children, external, href, ...props }, ref) => {
     const { t } = useTranslation();
-    const isExternal = external ?? Boolean((href == null ? void 0 : href.startsWith("http://")) || (href == null ? void 0 : href.startsWith("https://")));
+    const isExternal = external ?? Boolean(href?.startsWith("http://") || href?.startsWith("https://"));
     const externalLabel = t ? t(texts18.externalLink) : texts18.externalLink.en;
     if (props.asChild && isValidElement(children)) {
       return /* @__PURE__ */ jsx(Link, { href, ...props, ref, children: cloneElement(children, {
@@ -6808,7 +6795,6 @@ var linkRecipe = defineRecipe({
     }
   }
 });
-var _a3, _b2;
 var textareaRecipe = defineRecipe({
   className: "spor-textarea",
   base: {
@@ -6825,10 +6811,10 @@ var textareaRecipe = defineRecipe({
   variants: {
     variant: {
       core: {
-        ...(_a3 = inputRecipe.variants) == null ? void 0 : _a3.variant.core
+        ...inputRecipe.variants?.variant.core
       },
       floating: {
-        ...(_b2 = inputRecipe.variants) == null ? void 0 : _b2.variant.floating
+        ...inputRecipe.variants?.variant.floating
       }
     }
   }
@@ -8433,7 +8419,6 @@ var travelTagSlotRecipe = defineSlotRecipe({
 });
 
 // src/theme/slot-recipes/info-tag.ts
-var _a4, _b3, _c, _d;
 var infoTagSlotRecipe = defineSlotRecipe({
   slots: infoTagAnatomy.keys(),
   className: "spor-info-tag",
@@ -8466,21 +8451,21 @@ var infoTagSlotRecipe = defineSlotRecipe({
       }
     },
     size: {
-      ...(_a4 = travelTagSlotRecipe.variants) == null ? void 0 : _a4.size,
+      ...travelTagSlotRecipe.variants?.size,
       sm: {
-        ...(_b3 = travelTagSlotRecipe.variants) == null ? void 0 : _b3.size.sm,
+        ...travelTagSlotRecipe.variants?.size.sm,
         iconContainer: {
           borderRadius: "0.375rem"
         }
       },
       md: {
-        ...(_c = travelTagSlotRecipe.variants) == null ? void 0 : _c.size.md,
+        ...travelTagSlotRecipe.variants?.size.md,
         iconContainer: {
           borderRadius: "0.375rem"
         }
       },
       lg: {
-        ...(_d = travelTagSlotRecipe.variants) == null ? void 0 : _d.size.lg,
+        ...travelTagSlotRecipe.variants?.size.lg,
         iconContainer: {
           borderRadius: "sm"
         }