@vygruppen/spor-react 2.1.0 → 2.1.2

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@2.1.0 build
+> @vygruppen/spor-react@2.1.2 build
 > tsup src/index.tsx --dts --treeshake --format cjs,esm
 
 CLI Building entry: src/index.tsx
@@ -9,13 +9,13 @@
 CJS Build start
 ESM Build start
 DTS Build start
-"toTime" is imported from external module "@internationalized/date" but never used in "dist/chunk-XYGGYJ2I.mjs".
-ESM dist/index.mjs                      1.96 KB
-ESM dist/CountryCodeSelect-AH34A2N4.mjs 351.43 KB
-ESM dist/chunk-XYGGYJ2I.mjs             400.22 KB
-ESM ⚡️ Build success in 2690ms
+"toTime" is imported from external module "@internationalized/date" but never used in "dist/chunk-KS4FJCVG.mjs".
 "toTime" is imported from external module "@internationalized/date" but never used in "dist/index.js".
-CJS dist/index.js 876.75 KB
-CJS ⚡️ Build success in 4372ms
-DTS ⚡️ Build success in 18129ms
+ESM dist/index.mjs                      1.96 KB
+ESM dist/CountryCodeSelect-OAKJCDQJ.mjs 351.63 KB
+ESM dist/chunk-KS4FJCVG.mjs             400.24 KB
+ESM ⚡️ Build success in 4709ms
+CJS dist/index.js 876.93 KB
+CJS ⚡️ Build success in 4716ms
+DTS ⚡️ Build success in 17721ms
 DTS dist/index.d.ts 251.13 KB

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @vygruppen/spor-react
 
+## 2.1.2
+
+### Patch Changes
+
+- e405193d: Address some feedback from real life usage
+
+## 2.1.1
+
+### Patch Changes
+
+- 0559a3f9: Fix broken dependency
+
 ## 2.1.0
 
 ### Minor Changes

package/dist/{CountryCodeSelect-AH34A2N4.mjs → CountryCodeSelect-OAKJCDQJ.mjs}

@@ -1,4 +1,4 @@
-import { createTexts, useTranslation, InfoSelect, Item } from './chunk-XYGGYJ2I.mjs';
+import { createTexts, useTranslation, InfoSelect, Item } from './chunk-KS4FJCVG.mjs';
 import React from 'react';
 
 // ../../node_modules/awesome-phonenumber/index-esm.mjs
@@ -6598,11 +6598,18 @@ var {
 } = index;
 
 // src/input/CountryCodeSelect.tsx
-var callingCodes = getSupportedCallingCodes().sort((a, b) => Number(a) - Number(b)).map((code) => ({
+var prioritizedCountryCodes = [
+  { key: "+47", value: "+47" },
+  { key: "+46", value: "+46" },
+  { key: "+45", value: "+45" }
+];
+var sortedCallingCodes = getSupportedCallingCodes().sort((a, b) => Number(a) - Number(b)).map((code) => ({
   key: `+${code}`,
   value: `+${code}`
-})).filter((code) => code.key !== "+47");
-callingCodes.unshift({ key: "+47", value: "+47" });
+})).filter(
+  (code) => !prioritizedCountryCodes.some((pCode) => pCode.key === code.key)
+);
+var callingCodes = [...prioritizedCountryCodes, ...sortedCallingCodes];
 var CountryCodeSelect = (props) => {
   const { t } = useTranslation();
   return /* @__PURE__ */ React.createElement(

package/dist/{chunk-XYGGYJ2I.mjs → chunk-KS4FJCVG.mjs}

@@ -4442,7 +4442,7 @@ var PhoneNumberInput = forwardRef(
       onChange: externalOnChange,
       defaultValue: {
         countryCode: "+47",
-        phoneNumber: ""
+        nationalNumber: ""
       }
     });
     return /* @__PURE__ */ React48__default.createElement(AttachedInputs, { ...boxProps }, /* @__PURE__ */ React48__default.createElement(
@@ -4466,7 +4466,7 @@ var PhoneNumberInput = forwardRef(
           value: value.countryCode,
           onChange: (countryCode) => onChange({
             countryCode,
-            phoneNumber: value.phoneNumber
+            nationalNumber: value.nationalNumber
           }),
           name: name ? `${name}-country-code` : "country-code",
           height: "100%",
@@ -4478,11 +4478,11 @@ var PhoneNumberInput = forwardRef(
       {
         ref,
         label: t2(texts12.phoneNumber),
-        value: value.phoneNumber,
+        value: value.nationalNumber,
         name: name ? `${name}-phone-number` : "phone-number",
         onChange: (e) => onChange({
           countryCode: value.countryCode,
-          phoneNumber: e.target.value
+          nationalNumber: e.target.value
         }),
         position: "relative",
         left: "-1px"
@@ -4498,7 +4498,7 @@ var texts12 = createTexts({
     sv: "Telefonnummer"
   }
 });
-var LazyCountryCodeSelect = React48__default.lazy(() => import('./CountryCodeSelect-AH34A2N4.mjs'));
+var LazyCountryCodeSelect = React48__default.lazy(() => import('./CountryCodeSelect-OAKJCDQJ.mjs'));
 var Radio = forwardRef((props, ref) => {
   return /* @__PURE__ */ React48__default.createElement(Radio$1, { ...props, ref });
 });

package/dist/index.d.ts

@@ -962,7 +962,7 @@ declare const PasswordInput: _chakra_ui_system_dist_system_types.ComponentWithAs
 
 type CountryCodeAndPhoneNumber = {
     countryCode: string;
-    phoneNumber: string;
+    nationalNumber: string;
 };
 type PhoneNumberInputProps = BoxProps & {
     /** The root name.

package/dist/index.js

@@ -11598,16 +11598,23 @@ __export(CountryCodeSelect_exports, {
   CountryCodeSelect: () => CountryCodeSelect,
   default: () => CountryCodeSelect_default
 });
-var callingCodes, CountryCodeSelect, CountryCodeSelect_default, texts12;
+var prioritizedCountryCodes, sortedCallingCodes, callingCodes, CountryCodeSelect, CountryCodeSelect_default, texts12;
 var init_CountryCodeSelect = __esm({
   "src/input/CountryCodeSelect.tsx"() {
     init_src();
     init_index_esm();
-    callingCodes = getSupportedCallingCodes().sort((a, b) => Number(a) - Number(b)).map((code) => ({
+    prioritizedCountryCodes = [
+      { key: "+47", value: "+47" },
+      { key: "+46", value: "+46" },
+      { key: "+45", value: "+45" }
+    ];
+    sortedCallingCodes = getSupportedCallingCodes().sort((a, b) => Number(a) - Number(b)).map((code) => ({
       key: `+${code}`,
       value: `+${code}`
-    })).filter((code) => code.key !== "+47");
-    callingCodes.unshift({ key: "+47", value: "+47" });
+    })).filter(
+      (code) => !prioritizedCountryCodes.some((pCode) => pCode.key === code.key)
+    );
+    callingCodes = [...prioritizedCountryCodes, ...sortedCallingCodes];
     CountryCodeSelect = (props) => {
       const { t: t2 } = exports.useTranslation();
       return /* @__PURE__ */ React48__namespace.default.createElement(
@@ -11645,7 +11652,7 @@ var init_PhoneNumberInput = __esm({
           onChange: externalOnChange,
           defaultValue: {
             countryCode: "+47",
-            phoneNumber: ""
+            nationalNumber: ""
           }
         });
         return /* @__PURE__ */ React48__namespace.default.createElement(exports.AttachedInputs, { ...boxProps }, /* @__PURE__ */ React48__namespace.default.createElement(
@@ -11669,7 +11676,7 @@ var init_PhoneNumberInput = __esm({
               value: value.countryCode,
               onChange: (countryCode) => onChange({
                 countryCode,
-                phoneNumber: value.phoneNumber
+                nationalNumber: value.nationalNumber
               }),
               name: name ? `${name}-country-code` : "country-code",
               height: "100%",
@@ -11681,11 +11688,11 @@ var init_PhoneNumberInput = __esm({
           {
             ref,
             label: t2(texts13.phoneNumber),
-            value: value.phoneNumber,
+            value: value.nationalNumber,
             name: name ? `${name}-phone-number` : "phone-number",
             onChange: (e) => onChange({
               countryCode: value.countryCode,
-              phoneNumber: e.target.value
+              nationalNumber: e.target.value
             }),
             position: "relative",
             left: "-1px"
@@ -12755,14 +12762,10 @@ var init_Stepper = __esm({
     });
   }
 });
-var init_dist2 = __esm({
-  "../../node_modules/@vygruppen/spor-layout-react/dist/index.mjs"() {
-  }
-});
 exports.StepperStep = void 0; var getVariant;
 var init_StepperStep = __esm({
   "src/stepper/StepperStep.tsx"() {
-    init_dist2();
+    init_src();
     init_StepperContext();
     exports.StepperStep = ({ children, stepNumber }) => {
       const { activeStep, onClick, colorScheme } = useStepper();
@@ -12854,7 +12857,7 @@ function isObject(value) {
   const type = typeof value;
   return value != null && (type === "object" || type === "function") && !Array.isArray(value);
 }
-var init_dist3 = __esm({
+var init_dist2 = __esm({
   "../../node_modules/@chakra-ui/shared-utils/dist/index.mjs"() {
   }
 });
@@ -13583,7 +13586,7 @@ var init_chunk_HAKT6JCA = __esm({
 });
 
 // ../../node_modules/@chakra-ui/anatomy/dist/index.mjs
-var init_dist4 = __esm({
+var init_dist3 = __esm({
   "../../node_modules/@chakra-ui/anatomy/dist/index.mjs"() {
     init_chunk_HAKT6JCA();
     init_chunk_ZN6IUO2A();
@@ -13762,10 +13765,10 @@ function createMultiStyleConfigHelpers(parts14) {
   };
 }
 var import_lodash3, isImportant, withoutImportant, tokenToCSSVar, pipe, getRtl, transformTemplate, filterTemplate, backdropFilterTemplate, flexDirectionTemplate, directionMap, valueSet, globalSet, trimSpace, isCSSFunction, gradientTransform, analyzeCSSValue, wrap, transformFunctions, t, background, border, color, effect, filter, flexbox, grid, interactivity, layout, list, memoize, memoizedGet, srOnly, srFocusable, getWithPriority, others, position, ring, space, textDecoration, transform, transition2, typography2, scroll, toExpression, add, subtract, multiply, divide, negate, calc, state, toGroup, toPeer, merge, pseudoSelectors, pseudoPropNames, systemProps;
-var init_dist5 = __esm({
+var init_dist4 = __esm({
   "../../node_modules/@chakra-ui/styled-system/dist/index.mjs"() {
-    init_dist3();
-    init_dist3();
+    init_dist2();
+    init_dist2();
     __toESM(require_lodash(), 1);
     __toESM(require_lodash(), 1);
     import_lodash3 = __toESM(require_lodash(), 1);
@@ -14683,8 +14686,8 @@ var init_dist5 = __esm({
 var defineMultiStyleConfig, definePartsStyle, $width, $height, $diff, diffValue, $translateX, $bg, baseStyleTrack, baseStyleThumb, baseStyle, sizes2, switchTheme;
 var init_chunk_KGFPXNP4 = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-KGFPXNP4.mjs"() {
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ defineMultiStyleConfig, definePartsStyle } = createMultiStyleConfigHelpers(switchAnatomy.keys));
     $width = themeTools.cssVar("switch-track-width");
     $height = themeTools.cssVar("switch-track-height");
@@ -14776,8 +14779,8 @@ var init_chunk_KGFPXNP4 = __esm({
 var defineMultiStyleConfig2, definePartsStyle2, baseStyle2, numericStyles, variantSimple, variantStripe, variants, sizes3, tableTheme;
 var init_chunk_WHSEAAWU = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-WHSEAAWU.mjs"() {
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ defineMultiStyleConfig: defineMultiStyleConfig2, definePartsStyle: definePartsStyle2 } = createMultiStyleConfigHelpers(tableAnatomy.keys));
     baseStyle2 = definePartsStyle2({
       table: {
@@ -14949,8 +14952,8 @@ var init_chunk_WHSEAAWU = __esm({
 var $fg, $bg2, $border, defineMultiStyleConfig3, definePartsStyle3, baseStyleRoot, baseStyleTab, baseStyleTablist, baseStyleTabpanel, baseStyle3, sizes4, variantLine, variantEnclosed, variantEnclosedColored, variantSoftRounded, variantSolidRounded, variantUnstyled, variants2, tabsTheme;
 var init_chunk_RBQSCDLK = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-RBQSCDLK.mjs"() {
+    init_dist3();
     init_dist4();
-    init_dist5();
     $fg = cssVar("tabs-color");
     $bg2 = cssVar("tabs-bg");
     $border = cssVar("tabs-border-color");
@@ -15180,7 +15183,7 @@ var init_chunk_RBQSCDLK = __esm({
 var vars, baseStyle4, variantSolid, variantSubtle, variantOutline, variants3, badgeTheme;
 var init_chunk_IBJP6BGU = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-IBJP6BGU.mjs"() {
-    init_dist5();
+    init_dist4();
     vars = defineCssVars("badge", ["bg", "color", "shadow"]);
     baseStyle4 = defineStyle({
       px: 1,
@@ -15248,8 +15251,8 @@ var defineMultiStyleConfig4, definePartsStyle4, baseStyleContainer, baseStyleLab
 var init_chunk_CZP5TVGH = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-CZP5TVGH.mjs"() {
     init_chunk_IBJP6BGU();
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ defineMultiStyleConfig: defineMultiStyleConfig4, definePartsStyle: definePartsStyle4 } = createMultiStyleConfigHelpers(tagAnatomy.keys));
     baseStyleContainer = defineStyle({
       fontWeight: "medium",
@@ -15368,8 +15371,8 @@ function getDefaults(props) {
 var definePartsStyle5, defineMultiStyleConfig5, baseStyle6, size, sizes6, variantOutline2, variantFilled, variantFlushed, variantUnstyled2, variants5, inputTheme;
 var init_chunk_WFLWAEKG = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-WFLWAEKG.mjs"() {
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ definePartsStyle: definePartsStyle5, defineMultiStyleConfig: defineMultiStyleConfig5 } = createMultiStyleConfigHelpers(inputAnatomy.keys));
     baseStyle6 = definePartsStyle5({
       field: {
@@ -15559,7 +15562,7 @@ var _a, baseStyle7, _a2, _b, variants6, _a3, _b2, _c, _d, _e, _f, _g, _h, sizes7
 var init_chunk_OIGZPHLT = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-OIGZPHLT.mjs"() {
     init_chunk_WFLWAEKG();
-    init_dist5();
+    init_dist4();
     baseStyle7 = defineStyle({
       ...(_a = inputTheme.baseStyle) == null ? void 0 : _a.field,
       paddingY: "2",
@@ -15608,7 +15611,7 @@ var init_chunk_OIGZPHLT = __esm({
 var $bg3, $fg2, $arrowBg, baseStyle8, tooltipTheme;
 var init_chunk_6Y3UQESG = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-6Y3UQESG.mjs"() {
-    init_dist5();
+    init_dist4();
     $bg3 = themeTools.cssVar("tooltip-bg");
     $fg2 = themeTools.cssVar("tooltip-fg");
     $arrowBg = themeTools.cssVar("popper-arrow-bg");
@@ -15639,8 +15642,8 @@ var init_chunk_6Y3UQESG = __esm({
 var defineMultiStyleConfig6, definePartsStyle6, filledStyle, baseStyleLabel2, baseStyleTrack2, baseStyleFilledTrack, baseStyle9, sizes8, progressTheme;
 var init_chunk_VGCCECBM = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-VGCCECBM.mjs"() {
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ defineMultiStyleConfig: defineMultiStyleConfig6, definePartsStyle: definePartsStyle6 } = createMultiStyleConfigHelpers(progressAnatomy.keys));
     filledStyle = defineStyle((props) => {
       const { colorScheme: c, theme: t2, isIndeterminate, hasStripe } = props;
@@ -15723,8 +15726,8 @@ var definePartsStyle7, defineMultiStyleConfig7, $size, baseStyleControl, baseSty
 var init_chunk_3XG4KRSA = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-3XG4KRSA.mjs"() {
     init_chunk_EBS47JIL();
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ definePartsStyle: definePartsStyle7, defineMultiStyleConfig: defineMultiStyleConfig7 } = createMultiStyleConfigHelpers(checkboxAnatomy.keys));
     $size = cssVar("checkbox-size");
     baseStyleControl = defineStyle((props) => {
@@ -15820,8 +15823,8 @@ var init_chunk_JDPWIQ7H = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-JDPWIQ7H.mjs"() {
     init_chunk_3XG4KRSA();
     init_chunk_EBS47JIL();
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ defineMultiStyleConfig: defineMultiStyleConfig8, definePartsStyle: definePartsStyle8 } = createMultiStyleConfigHelpers(radioAnatomy.keys));
     baseStyleControl2 = defineStyle((props) => {
       var _a6;
@@ -15881,8 +15884,8 @@ var defineMultiStyleConfig9, definePartsStyle9, $bg4, _a4, baseStyleField, baseS
 var init_chunk_V3RHVDKJ = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-V3RHVDKJ.mjs"() {
     init_chunk_WFLWAEKG();
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ defineMultiStyleConfig: defineMultiStyleConfig9, definePartsStyle: definePartsStyle9 } = createMultiStyleConfigHelpers(selectAnatomy.keys));
     $bg4 = cssVar("select-bg");
     baseStyleField = defineStyle({
@@ -15963,7 +15966,7 @@ var init_chunk_V3RHVDKJ = __esm({
 var $startColor, $endColor, baseStyle13, skeletonTheme;
 var init_chunk_YSULOCDF = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-YSULOCDF.mjs"() {
-    init_dist5();
+    init_dist4();
     $startColor = cssVar("skeleton-start-color");
     $endColor = cssVar("skeleton-end-color");
     baseStyle13 = defineStyle({
@@ -15988,7 +15991,7 @@ var init_chunk_YSULOCDF = __esm({
 var $bg5, baseStyle14, skipLinkTheme;
 var init_chunk_RSEFU3LC = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-RSEFU3LC.mjs"() {
-    init_dist5();
+    init_dist4();
     $bg5 = cssVar("skip-link-bg");
     baseStyle14 = defineStyle({
       borderRadius: "md",
@@ -16014,8 +16017,8 @@ var init_chunk_RSEFU3LC = __esm({
 var defineMultiStyleConfig10, definePartsStyle10, $thumbSize, $trackSize, $bg6, baseStyleContainer3, baseStyleTrack3, baseStyleThumb2, baseStyleFilledTrack2, baseStyle15, sizeLg, sizeMd, sizeSm, sizes12, sliderTheme;
 var init_chunk_IBL46MNN = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-IBL46MNN.mjs"() {
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ defineMultiStyleConfig: defineMultiStyleConfig10, definePartsStyle: definePartsStyle10 } = createMultiStyleConfigHelpers(sliderAnatomy.keys));
     $thumbSize = cssVar("slider-thumb-size");
     $trackSize = cssVar("slider-track-size");
@@ -16159,7 +16162,7 @@ var init_chunk_IBL46MNN = __esm({
 var $size2, baseStyle16, sizes13, spinnerTheme;
 var init_chunk_Y6RR3LE6 = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-Y6RR3LE6.mjs"() {
-    init_dist5();
+    init_dist4();
     $size2 = themeTools.cssVar("spinner-size");
     baseStyle16 = defineStyle({
       width: [$size2.reference],
@@ -16196,8 +16199,8 @@ var init_chunk_Y6RR3LE6 = __esm({
 var defineMultiStyleConfig11, definePartsStyle11, baseStyleLabel4, baseStyleHelpText, baseStyleNumber, baseStyleIcon3, baseStyle17, sizes14, statTheme;
 var init_chunk_EY6ACYQS = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-EY6ACYQS.mjs"() {
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ defineMultiStyleConfig: defineMultiStyleConfig11, definePartsStyle: definePartsStyle11 } = createMultiStyleConfigHelpers(statAnatomy.keys));
     baseStyleLabel4 = defineStyle({
       fontWeight: "medium"
@@ -16244,7 +16247,7 @@ var init_chunk_EY6ACYQS = __esm({
 var $bg7, baseStyle18, kbdTheme;
 var init_chunk_VQ2DUS6J = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-VQ2DUS6J.mjs"() {
-    init_dist5();
+    init_dist4();
     $bg7 = cssVar("kbd-bg");
     baseStyle18 = defineStyle({
       [$bg7.variable]: "colors.gray.100",
@@ -16271,7 +16274,7 @@ var init_chunk_VQ2DUS6J = __esm({
 var baseStyle19, linkTheme;
 var init_chunk_2T5TO72C = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-2T5TO72C.mjs"() {
-    init_dist5();
+    init_dist4();
     baseStyle19 = defineStyle({
       transitionProperty: "common",
       transitionDuration: "fast",
@@ -16297,8 +16300,8 @@ var init_chunk_2T5TO72C = __esm({
 var defineMultiStyleConfig12, definePartsStyle12, baseStyleIcon4, baseStyle20, listTheme;
 var init_chunk_AQJ6AIMN = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-AQJ6AIMN.mjs"() {
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ defineMultiStyleConfig: defineMultiStyleConfig12, definePartsStyle: definePartsStyle12 } = createMultiStyleConfigHelpers(listAnatomy.keys));
     baseStyleIcon4 = defineStyle({
       marginEnd: "2",
@@ -16318,8 +16321,8 @@ var init_chunk_AQJ6AIMN = __esm({
 var defineMultiStyleConfig13, definePartsStyle13, $bg8, $shadow, baseStyleList, baseStyleItem, baseStyleGroupTitle, baseStyleCommand, baseStyleDivider, baseStyleButton, baseStyle21, menuTheme;
 var init_chunk_FIWRYWVW = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-FIWRYWVW.mjs"() {
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ defineMultiStyleConfig: defineMultiStyleConfig13, definePartsStyle: definePartsStyle13 } = createMultiStyleConfigHelpers(menuAnatomy.keys));
     $bg8 = cssVar("menu-bg");
     $shadow = cssVar("menu-shadow");
@@ -16423,8 +16426,8 @@ var defineMultiStyleConfig14, definePartsStyle14, $bg9, $shadow2, baseStyleOverl
 var init_chunk_LYECXC4E = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-LYECXC4E.mjs"() {
     init_chunk_EBS47JIL();
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ defineMultiStyleConfig: defineMultiStyleConfig14, definePartsStyle: definePartsStyle14 } = createMultiStyleConfigHelpers(modalAnatomy.keys));
     $bg9 = cssVar("modal-bg");
     $shadow2 = cssVar("modal-shadow");
@@ -16550,8 +16553,8 @@ var init_chunk_XNRZTTJ2 = __esm({
     init_chunk_HOOF7HHD();
     init_chunk_WFLWAEKG();
     init_chunk_EBS47JIL();
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ defineMultiStyleConfig: defineMultiStyleConfig15, definePartsStyle: definePartsStyle15 } = createMultiStyleConfigHelpers(numberInputAnatomy.keys));
     $stepperWidth = themeTools.cssVar("number-input-stepper-width");
     $inputPadding = themeTools.cssVar("number-input-input-padding");
@@ -16624,7 +16627,7 @@ var init_chunk_QW3Z4V42 = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-QW3Z4V42.mjs"() {
     init_chunk_WFLWAEKG();
     init_chunk_EBS47JIL();
-    init_dist5();
+    init_dist4();
     baseStyle24 = defineStyle({
       ...(_a5 = inputTheme.baseStyle) == null ? void 0 : _a5.field,
       textAlign: "center"
@@ -16687,8 +16690,8 @@ var init_chunk_QW3Z4V42 = __esm({
 var defineMultiStyleConfig16, definePartsStyle16, $popperBg, $arrowBg2, $arrowShadowColor, baseStylePopper, baseStyleContent, baseStyleHeader2, baseStyleBody2, baseStyleFooter2, baseStyleCloseButton3, baseStyle25, popoverTheme;
 var init_chunk_YJYMWHG4 = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-YJYMWHG4.mjs"() {
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ defineMultiStyleConfig: defineMultiStyleConfig16, definePartsStyle: definePartsStyle16 } = createMultiStyleConfigHelpers(popoverAnatomy.keys));
     $popperBg = themeTools.cssVar("popper-bg");
     $arrowBg2 = themeTools.cssVar("popper-arrow-bg");
@@ -16764,8 +16767,8 @@ var definePartsStyle17, defineMultiStyleConfig17, $bg11, $bs, baseStyleOverlay2,
 var init_chunk_PQSF5PVS = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-PQSF5PVS.mjs"() {
     init_chunk_EBS47JIL();
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ definePartsStyle: definePartsStyle17, defineMultiStyleConfig: defineMultiStyleConfig17 } = createMultiStyleConfigHelpers(drawerAnatomy.keys));
     $bg11 = cssVar("drawer-bg");
     $bs = cssVar("drawer-box-shadow");
@@ -16847,8 +16850,8 @@ var init_chunk_PQSF5PVS = __esm({
 var definePartsStyle18, defineMultiStyleConfig18, baseStylePreview, baseStyleInput, baseStyleTextarea, baseStyle27, editableTheme;
 var init_chunk_YZVOF4MP = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-YZVOF4MP.mjs"() {
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ definePartsStyle: definePartsStyle18, defineMultiStyleConfig: defineMultiStyleConfig18 } = createMultiStyleConfigHelpers(editableAnatomy.keys));
     baseStylePreview = defineStyle({
       borderRadius: "md",
@@ -16889,8 +16892,8 @@ var init_chunk_YZVOF4MP = __esm({
 var definePartsStyle19, defineMultiStyleConfig19, $fg4, baseStyleRequiredIndicator, baseStyleHelperText, baseStyle28, formTheme;
 var init_chunk_RUW3STUO = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-RUW3STUO.mjs"() {
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ definePartsStyle: definePartsStyle19, defineMultiStyleConfig: defineMultiStyleConfig19 } = createMultiStyleConfigHelpers(formAnatomy.keys));
     $fg4 = cssVar("form-control-color");
     baseStyleRequiredIndicator = defineStyle({
@@ -16929,8 +16932,8 @@ var init_chunk_RUW3STUO = __esm({
 var definePartsStyle20, defineMultiStyleConfig20, $fg5, baseStyleText, baseStyleIcon5, baseStyle29, formErrorTheme;
 var init_chunk_D55YRTLZ = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-D55YRTLZ.mjs"() {
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ definePartsStyle: definePartsStyle20, defineMultiStyleConfig: defineMultiStyleConfig20 } = createMultiStyleConfigHelpers(formErrorAnatomy.keys));
     $fg5 = cssVar("form-error-color");
     baseStyleText = defineStyle({
@@ -16965,7 +16968,7 @@ var init_chunk_D55YRTLZ = __esm({
 var baseStyle30, formLabelTheme;
 var init_chunk_OYCZTG3L = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-OYCZTG3L.mjs"() {
-    init_dist5();
+    init_dist4();
     baseStyle30 = defineStyle({
       fontSize: "md",
       marginEnd: "3",
@@ -16988,7 +16991,7 @@ var init_chunk_OYCZTG3L = __esm({
 var baseStyle31, sizes19, headingTheme;
 var init_chunk_X4O3JXYB = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-X4O3JXYB.mjs"() {
-    init_dist5();
+    init_dist4();
     baseStyle31 = defineStyle({
       fontFamily: "heading",
       fontWeight: "bold"
@@ -17041,8 +17044,8 @@ var init_chunk_X4O3JXYB = __esm({
 var defineMultiStyleConfig21, definePartsStyle21, baseStyleLink, baseStyle32, breadcrumbTheme;
 var init_chunk_GLS227WS = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-GLS227WS.mjs"() {
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ defineMultiStyleConfig: defineMultiStyleConfig21, definePartsStyle: definePartsStyle21 } = createMultiStyleConfigHelpers(breadcrumbAnatomy.keys));
     baseStyleLink = defineStyle({
       transitionProperty: "common",
@@ -17071,7 +17074,7 @@ var baseStyle33, variantGhost, variantOutline3, accessibleColorMap, variantSolid
 var init_chunk_AP3MTUHH = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-AP3MTUHH.mjs"() {
     init_chunk_EBS47JIL();
-    init_dist5();
+    init_dist4();
     baseStyle33 = defineStyle({
       lineHeight: "1.2",
       borderRadius: "md",
@@ -17253,8 +17256,8 @@ var init_chunk_AP3MTUHH = __esm({
 var definePartsStyle22, defineMultiStyleConfig22, $bg12, $padding, $shadow3, $radius, $border3, $borderColor, baseStyle34, sizes21, variants9, cardTheme;
 var init_chunk_PZHBQTKY = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-PZHBQTKY.mjs"() {
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ definePartsStyle: definePartsStyle22, defineMultiStyleConfig: defineMultiStyleConfig22 } = createMultiStyleConfigHelpers(cardAnatomy.keys));
     $bg12 = cssVar("card-bg");
     $padding = cssVar("card-padding");
@@ -17349,7 +17352,7 @@ var init_chunk_PZHBQTKY = __esm({
 var $size3, $bg13, baseStyle35, sizes22, closeButtonTheme;
 var init_chunk_C4P5PUHY = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-C4P5PUHY.mjs"() {
-    init_dist5();
+    init_dist4();
     $size3 = themeTools.cssVar("close-button-size");
     $bg13 = themeTools.cssVar("close-button-bg");
     baseStyle35 = defineStyle({
@@ -17409,7 +17412,7 @@ var variants10, defaultProps, baseStyle36, codeTheme;
 var init_chunk_CAKKPKRW = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-CAKKPKRW.mjs"() {
     init_chunk_IBJP6BGU();
-    init_dist5();
+    init_dist4();
     ({ variants: variants10, defaultProps } = badgeTheme);
     baseStyle36 = defineStyle({
       fontFamily: "mono",
@@ -17432,7 +17435,7 @@ var init_chunk_CAKKPKRW = __esm({
 var baseStyle37, containerTheme;
 var init_chunk_NDGGJV23 = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-NDGGJV23.mjs"() {
-    init_dist5();
+    init_dist4();
     baseStyle37 = defineStyle({
       w: "100%",
       mx: "auto",
@@ -17449,7 +17452,7 @@ var init_chunk_NDGGJV23 = __esm({
 var baseStyle38, variantSolid3, variantDashed, variants11, dividerTheme;
 var init_chunk_5Z4IVOU3 = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-5Z4IVOU3.mjs"() {
-    init_dist5();
+    init_dist4();
     baseStyle38 = defineStyle({
       opacity: 0.6,
       borderColor: "inherit"
@@ -17478,8 +17481,8 @@ var init_chunk_5Z4IVOU3 = __esm({
 var definePartsStyle23, defineMultiStyleConfig23, baseStyleContainer4, baseStyleButton2, baseStylePanel, baseStyleIcon6, baseStyle39, accordionTheme;
 var init_chunk_T276HDLM = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-T276HDLM.mjs"() {
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ definePartsStyle: definePartsStyle23, defineMultiStyleConfig: defineMultiStyleConfig23 } = createMultiStyleConfigHelpers(accordionAnatomy.keys));
     baseStyleContainer4 = defineStyle({
       borderTopWidth: "1px",
@@ -17533,8 +17536,8 @@ function getBg(props) {
 var definePartsStyle24, defineMultiStyleConfig24, $fg6, $bg14, baseStyle40, variantSubtle2, variantLeftAccent, variantTopAccent, variantSolid4, variants12, alertTheme;
 var init_chunk_YOXAUO7A = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-YOXAUO7A.mjs"() {
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ definePartsStyle: definePartsStyle24, defineMultiStyleConfig: defineMultiStyleConfig24 } = createMultiStyleConfigHelpers(alertAnatomy.keys));
     $fg6 = cssVar("alert-fg");
     $bg14 = cssVar("alert-bg");
@@ -17668,8 +17671,8 @@ var init_chunk_O7XTKHT6 = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-O7XTKHT6.mjs"() {
     init_chunk_X4JBRTE2();
     init_chunk_EBS47JIL();
+    init_dist3();
     init_dist4();
-    init_dist5();
     ({ definePartsStyle: definePartsStyle25, defineMultiStyleConfig: defineMultiStyleConfig25 } = createMultiStyleConfigHelpers(avatarAnatomy.keys));
     $border4 = cssVar("avatar-border-color");
     $bg15 = cssVar("avatar-bg");
@@ -17868,7 +17871,7 @@ var init_chunk_VHIIIDDT = __esm({
 
 // ../../node_modules/@chakra-ui/theme/dist/index.mjs
 var direction, config, theme2;
-var init_dist6 = __esm({
+var init_dist5 = __esm({
   "../../node_modules/@chakra-ui/theme/dist/index.mjs"() {
     init_chunk_6S44RLTW();
     init_chunk_EO2YJNI2();
@@ -18258,8 +18261,8 @@ var init_focus_utils = __esm({
 var helpers, config3, accordion_default;
 var init_accordion2 = __esm({
   "src/theme/components/accordion.ts"() {
+    init_dist3();
     init_dist4();
-    init_dist5();
     init_foundations();
     init_box_shadow_utils();
     init_focus_utils();
@@ -18405,8 +18408,8 @@ var init_accordion2 = __esm({
 var parts, helpers2, config4, alert_default;
 var init_alert2 = __esm({
   "src/theme/components/alert.ts"() {
+    init_dist3();
     init_dist4();
-    init_dist5();
     parts = anatomy("alert").parts("container", "icon", "closeButton");
     helpers2 = createMultiStyleConfigHelpers(parts.keys);
     config4 = helpers2.defineMultiStyleConfig({
@@ -18937,8 +18940,8 @@ var init_card2 = __esm({
 var parts2, helpers3, config8, card_select_default;
 var init_card_select = __esm({
   "src/theme/components/card-select.ts"() {
+    init_dist3();
     init_dist4();
-    init_dist5();
     init_box_shadow_utils();
     init_focus_utils();
     parts2 = anatomy("card-select").parts("trigger", "card");
@@ -19095,7 +19098,7 @@ var init_card_select = __esm({
 var helpers4, config9, checkbox_default;
 var init_checkbox = __esm({
   "src/theme/components/checkbox.ts"() {
-    init_dist4();
+    init_dist3();
     helpers4 = react.createMultiStyleConfigHelpers(checkboxAnatomy.keys);
     config9 = helpers4.defineMultiStyleConfig({
       baseStyle: {
@@ -19540,7 +19543,7 @@ function getSize5(value) {
 var helpers7, config14, drawer_default;
 var init_drawer = __esm({
   "src/theme/components/drawer.ts"() {
-    init_dist4();
+    init_dist3();
     helpers7 = react.createMultiStyleConfigHelpers(modalAnatomy.keys);
     config14 = helpers7.defineMultiStyleConfig({
       baseStyle: (props) => ({
@@ -19719,7 +19722,7 @@ var init_fab = __esm({
 var helpers9, config16, form_default;
 var init_form = __esm({
   "src/theme/components/form.ts"() {
-    init_dist4();
+    init_dist3();
     helpers9 = react.createMultiStyleConfigHelpers(formAnatomy.keys);
     config16 = helpers9.defineMultiStyleConfig({
       baseStyle: (props) => ({
@@ -19785,7 +19788,7 @@ var init_sr_utils = __esm({
 var parts6, helpers10, config18, info_select_default;
 var init_info_select = __esm({
   "src/theme/components/info-select.ts"() {
-    init_dist4();
+    init_dist3();
     init_box_shadow_utils();
     init_focus_utils();
     init_sr_utils();
@@ -20186,7 +20189,7 @@ var init_info_tag = __esm({
 var helpers13, config21, input_default;
 var init_input2 = __esm({
   "src/theme/components/input.ts"() {
-    init_dist4();
+    init_dist3();
     init_box_shadow_utils();
     init_focus_utils();
     helpers13 = react.createMultiStyleConfigHelpers(inputAnatomy.keys);
@@ -20559,7 +20562,7 @@ var init_link2 = __esm({
 var parts10, helpers15, config24, listbox_default;
 var init_listbox = __esm({
   "src/theme/components/listbox.ts"() {
-    init_dist4();
+    init_dist3();
     parts10 = anatomy("ListBox").parts(
       "container",
       "item",
@@ -20759,7 +20762,7 @@ function getSize6(value) {
 var helpers17, config26, modal_default;
 var init_modal2 = __esm({
   "src/theme/components/modal.ts"() {
-    init_dist4();
+    init_dist3();
     helpers17 = react.createMultiStyleConfigHelpers(modalAnatomy.keys);
     config26 = helpers17.defineMultiStyleConfig({
       baseStyle: (props) => ({
@@ -20829,7 +20832,7 @@ var init_modal2 = __esm({
 var $popperBg2, $arrowBg3, $arrowShadowColor2, helpers18, config27, popover_default;
 var init_popover2 = __esm({
   "src/theme/components/popover.ts"() {
-    init_dist4();
+    init_dist3();
     $popperBg2 = themeTools.cssVar("popper-bg");
     $arrowBg3 = themeTools.cssVar("popper-arrow-bg");
     $arrowShadowColor2 = themeTools.cssVar("popper-arrow-shadow-color");
@@ -20890,7 +20893,7 @@ var init_popover2 = __esm({
 var helpers19, config28, radio_default;
 var init_radio = __esm({
   "src/theme/components/radio.ts"() {
-    init_dist4();
+    init_dist3();
     helpers19 = react.createMultiStyleConfigHelpers(radioAnatomy.keys);
     config28 = helpers19.defineMultiStyleConfig({
       baseStyle: {
@@ -20954,7 +20957,7 @@ var init_radio = __esm({
 var parts12, helpers20, config29, select_default;
 var init_select = __esm({
   "src/theme/components/select.ts"() {
-    init_dist4();
+    init_dist3();
     init_input2();
     parts12 = selectAnatomy.extend("root");
     helpers20 = react.createMultiStyleConfigHelpers(parts12.keys);
@@ -21005,20 +21008,20 @@ var init_select = __esm({
 });
 
 // ../../node_modules/@chakra-ui/color-mode/dist/index.mjs
-var init_dist7 = __esm({
+var init_dist6 = __esm({
   "../../node_modules/@chakra-ui/color-mode/dist/index.mjs"() {
   }
 });
-var init_dist8 = __esm({
+var init_dist7 = __esm({
   "../../node_modules/@chakra-ui/system/dist/index.mjs"() {
-    init_dist7();
-    init_dist5();
+    init_dist6();
+    init_dist4();
   }
 });
 var fade, $startColor2, $endColor2, config30, skeleton_default;
 var init_skeleton = __esm({
   "src/theme/components/skeleton.ts"() {
-    init_dist8();
+    init_dist7();
     fade = (startColor, endColor) => react$1.keyframes({
       from: { borderColor: startColor, background: startColor },
       to: { borderColor: endColor, background: endColor }
@@ -21276,7 +21279,7 @@ var init_stepper2 = __esm({
 var $width2, $height2, $diff2, diffValue2, $translateX2, helpers22, config32, switch_default;
 var init_switch = __esm({
   "src/theme/components/switch.ts"() {
-    init_dist4();
+    init_dist3();
     init_foundations();
     init_box_shadow_utils();
     init_focus_utils();
@@ -21498,7 +21501,7 @@ var init_switch = __esm({
 var helpers23, numericStyles2, config33, table_default;
 var init_table2 = __esm({
   "src/theme/components/table.ts"() {
-    init_dist4();
+    init_dist3();
     init_box_shadow_utils();
     helpers23 = react.createMultiStyleConfigHelpers(tableAnatomy.keys);
     numericStyles2 = {
@@ -21660,7 +21663,7 @@ var init_table2 = __esm({
 var helpers24, config34, tabs_default, getTabColorSchemeProps, getTabColorSchemeSelectedProps, getTabColorSchemeFocusProps, getTabColorSchemeHoverProps, getTabColorSchemeActiveProps, getTabColorSchemeDisabledProps, getTablistColorSchemeProps;
 var init_tabs = __esm({
   "src/theme/components/tabs.ts"() {
-    init_dist4();
+    init_dist3();
     helpers24 = react.createMultiStyleConfigHelpers(tabsAnatomy.keys);
     config34 = helpers24.defineMultiStyleConfig({
       baseStyle: (props) => ({
@@ -22127,7 +22130,7 @@ var init_font_faces = __esm({
 exports.theme = void 0;
 var init_theme = __esm({
   "src/theme/index.ts"() {
-    init_dist6();
+    init_dist5();
     init_components();
     init_foundations();
     init_font_faces();

package/dist/index.mjs

@@ -1 +1 @@
-export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AttachedInputs, Badge, Box, Button, ButtonGroup, Card, CardSelect, Center, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, ColorInlineLoader, ColorSpinner, Container, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkMode, DarkSpinner, DatePicker, DateRangePicker, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, ModalHeader as DrawerHeader, DrawerOverlay, Expandable, ExpandableAlert, ExpandableItem, Flex, FloatingActionButton, FormControl, FormErrorMessage, FormHelperText, FormLabel, Grid, GridItem, HStack, Heading, IconButton, Image, Img, InfoSelect, InfoTag, Input, InputGroup, InputLeftElement, InputRightElement, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightMode, LightSpinner, LineIcon, ListBox, Modal, ModalBody, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalOverlay, NativeSelect, PasswordInput, PhoneNumberInput, PlayPauseButton, Popover, PopoverAnchor, PopoverArrow, PopoverBody, PopoverCloseButton, PopoverContent, PopoverFooter, PopoverHeader, PopoverTrigger, PopoverWizardBody, ProgressBar, ProgressLoader, Radio, RadioGroup, SearchInput, Item as SelectItem, SelectItemDescription, SelectItemLabel, SimpleDrawer, SimpleGrid, SimplePopover, Skeleton, SkeletonCircle, SkeletonText, SkipButton, Spacer, SporProvider, Stack, StaticAlert, Stepper, StepperStep, Switch, Tab, TabList, TabPanel, TabPanels, Table, TableCaption, Tabs, Tbody, Td, Text, TextLink, Textarea, Tfoot, Th, Thead, Time, TimePicker, Tr, TravelTag, VStack, VyLogo, WizardPopover, Wrap, WrapItem, createTexts, extendTheme, fontFaces, theme, tokens, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useTheme, useToast, useToken, useTranslation } from './chunk-XYGGYJ2I.mjs';
+export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AttachedInputs, Badge, Box, Button, ButtonGroup, Card, CardSelect, Center, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, ColorInlineLoader, ColorSpinner, Container, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkMode, DarkSpinner, DatePicker, DateRangePicker, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, ModalHeader as DrawerHeader, DrawerOverlay, Expandable, ExpandableAlert, ExpandableItem, Flex, FloatingActionButton, FormControl, FormErrorMessage, FormHelperText, FormLabel, Grid, GridItem, HStack, Heading, IconButton, Image, Img, InfoSelect, InfoTag, Input, InputGroup, InputLeftElement, InputRightElement, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightMode, LightSpinner, LineIcon, ListBox, Modal, ModalBody, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalOverlay, NativeSelect, PasswordInput, PhoneNumberInput, PlayPauseButton, Popover, PopoverAnchor, PopoverArrow, PopoverBody, PopoverCloseButton, PopoverContent, PopoverFooter, PopoverHeader, PopoverTrigger, PopoverWizardBody, ProgressBar, ProgressLoader, Radio, RadioGroup, SearchInput, Item as SelectItem, SelectItemDescription, SelectItemLabel, SimpleDrawer, SimpleGrid, SimplePopover, Skeleton, SkeletonCircle, SkeletonText, SkipButton, Spacer, SporProvider, Stack, StaticAlert, Stepper, StepperStep, Switch, Tab, TabList, TabPanel, TabPanels, Table, TableCaption, Tabs, Tbody, Td, Text, TextLink, Textarea, Tfoot, Th, Thead, Time, TimePicker, Tr, TravelTag, VStack, VyLogo, WizardPopover, Wrap, WrapItem, createTexts, extendTheme, fontFaces, theme, tokens, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useTheme, useToast, useToken, useTranslation } from './chunk-KS4FJCVG.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vygruppen/spor-react",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",

package/src/input/CountryCodeSelect.tsx

@@ -9,14 +9,22 @@ import {
 
 import { getSupportedCallingCodes } from "awesome-phonenumber";
 
-const callingCodes = getSupportedCallingCodes()
+const prioritizedCountryCodes = [
+  { key: "+47", value: "+47" },
+  { key: "+46", value: "+46" },
+  { key: "+45", value: "+45" },
+];
+
+const sortedCallingCodes = getSupportedCallingCodes()
   .sort((a, b) => Number(a) - Number(b))
   .map((code) => ({
     key: `+${code}`,
     value: `+${code}`,
   }))
-  .filter((code) => code.key !== "+47"); // We're adding Norway to the top
-callingCodes.unshift({ key: "+47", value: "+47" }); // Norway
+  .filter(
+    (code) => !prioritizedCountryCodes.some((pCode) => pCode.key === code.key)
+  );
+const callingCodes = [...prioritizedCountryCodes, ...sortedCallingCodes];
 
 type CountryCodeSelectProps = {
   value: string;

package/src/input/PhoneNumberInput.tsx

@@ -10,7 +10,7 @@ import { AttachedInputs } from "./AttachedInputs";
 
 type CountryCodeAndPhoneNumber = {
   countryCode: string;
-  phoneNumber: string;
+  nationalNumber: string;
 };
 type PhoneNumberInputProps = BoxProps & {
   /** The root name.
@@ -51,7 +51,7 @@ export const PhoneNumberInput = forwardRef<PhoneNumberInputProps, As>(
       onChange: externalOnChange,
       defaultValue: {
         countryCode: "+47",
-        phoneNumber: "",
+        nationalNumber: "",
       },
     });
     return (
@@ -74,7 +74,7 @@ export const PhoneNumberInput = forwardRef<PhoneNumberInputProps, As>(
             onChange={(countryCode) =>
               onChange({
                 countryCode: countryCode as string,
-                phoneNumber: value.phoneNumber,
+                nationalNumber: value.nationalNumber,
               })
             }
             name={name ? `${name}-country-code` : "country-code"}
@@ -85,12 +85,12 @@ export const PhoneNumberInput = forwardRef<PhoneNumberInputProps, As>(
         <Input
           ref={ref}
           label={t(texts.phoneNumber)}
-          value={value.phoneNumber}
+          value={value.nationalNumber}
           name={name ? `${name}-phone-number` : "phone-number"}
           onChange={(e) =>
             onChange({
               countryCode: value.countryCode,
-              phoneNumber: e.target.value,
+              nationalNumber: e.target.value,
             })
           }
           position="relative"

package/src/stepper/StepperStep.tsx

@@ -1,7 +1,7 @@
 import { Flex, useMultiStyleConfig } from "@chakra-ui/react";
 import { DropdownRightFill18Icon } from "@vygruppen/spor-icon-react";
-import { Box } from "@vygruppen/spor-layout-react";
 import React from "react";
+import { Box } from "..";
 import { useStepper } from "./StepperContext";
 
 type StepperStepProps = {