@vygruppen/spor-react 2.1.0 → 2.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
 
2
- > @vygruppen/spor-react@2.1.0 build
2
+ > @vygruppen/spor-react@2.1.2 build
3
3
  > tsup src/index.tsx --dts --treeshake --format cjs,esm
4
4
 
5
5
  CLI Building entry: src/index.tsx
@@ -9,13 +9,13 @@
9
9
  CJS Build start
10
10
  ESM Build start
11
11
  DTS Build start
12
- "toTime" is imported from external module "@internationalized/date" but never used in "dist/chunk-XYGGYJ2I.mjs".
13
- ESM dist/index.mjs 1.96 KB
14
- ESM dist/CountryCodeSelect-AH34A2N4.mjs 351.43 KB
15
- ESM dist/chunk-XYGGYJ2I.mjs 400.22 KB
16
- ESM ⚡️ Build success in 2690ms
12
+ "toTime" is imported from external module "@internationalized/date" but never used in "dist/chunk-KS4FJCVG.mjs".
17
13
  "toTime" is imported from external module "@internationalized/date" but never used in "dist/index.js".
18
- CJS dist/index.js 876.75 KB
19
- CJS ⚡️ Build success in 4372ms
20
- DTS ⚡️ Build success in 18129ms
14
+ ESM dist/index.mjs 1.96 KB
15
+ ESM dist/CountryCodeSelect-OAKJCDQJ.mjs 351.63 KB
16
+ ESM dist/chunk-KS4FJCVG.mjs 400.24 KB
17
+ ESM ⚡️ Build success in 4709ms
18
+ CJS dist/index.js 876.93 KB
19
+ CJS ⚡️ Build success in 4716ms
20
+ DTS ⚡️ Build success in 17721ms
21
21
  DTS dist/index.d.ts 251.13 KB
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @vygruppen/spor-react
2
2
 
3
+ ## 2.1.2
4
+
5
+ ### Patch Changes
6
+
7
+ - e405193d: Address some feedback from real life usage
8
+
9
+ ## 2.1.1
10
+
11
+ ### Patch Changes
12
+
13
+ - 0559a3f9: Fix broken dependency
14
+
3
15
  ## 2.1.0
4
16
 
5
17
  ### Minor Changes
@@ -1,4 +1,4 @@
1
- import { createTexts, useTranslation, InfoSelect, Item } from './chunk-XYGGYJ2I.mjs';
1
+ import { createTexts, useTranslation, InfoSelect, Item } from './chunk-KS4FJCVG.mjs';
2
2
  import React from 'react';
3
3
 
4
4
  // ../../node_modules/awesome-phonenumber/index-esm.mjs
@@ -6598,11 +6598,18 @@ var {
6598
6598
  } = index;
6599
6599
 
6600
6600
  // src/input/CountryCodeSelect.tsx
6601
- var callingCodes = getSupportedCallingCodes().sort((a, b) => Number(a) - Number(b)).map((code) => ({
6601
+ var prioritizedCountryCodes = [
6602
+ { key: "+47", value: "+47" },
6603
+ { key: "+46", value: "+46" },
6604
+ { key: "+45", value: "+45" }
6605
+ ];
6606
+ var sortedCallingCodes = getSupportedCallingCodes().sort((a, b) => Number(a) - Number(b)).map((code) => ({
6602
6607
  key: `+${code}`,
6603
6608
  value: `+${code}`
6604
- })).filter((code) => code.key !== "+47");
6605
- callingCodes.unshift({ key: "+47", value: "+47" });
6609
+ })).filter(
6610
+ (code) => !prioritizedCountryCodes.some((pCode) => pCode.key === code.key)
6611
+ );
6612
+ var callingCodes = [...prioritizedCountryCodes, ...sortedCallingCodes];
6606
6613
  var CountryCodeSelect = (props) => {
6607
6614
  const { t } = useTranslation();
6608
6615
  return /* @__PURE__ */ React.createElement(
@@ -4442,7 +4442,7 @@ var PhoneNumberInput = forwardRef(
4442
4442
  onChange: externalOnChange,
4443
4443
  defaultValue: {
4444
4444
  countryCode: "+47",
4445
- phoneNumber: ""
4445
+ nationalNumber: ""
4446
4446
  }
4447
4447
  });
4448
4448
  return /* @__PURE__ */ React48__default.createElement(AttachedInputs, { ...boxProps }, /* @__PURE__ */ React48__default.createElement(
@@ -4466,7 +4466,7 @@ var PhoneNumberInput = forwardRef(
4466
4466
  value: value.countryCode,
4467
4467
  onChange: (countryCode) => onChange({
4468
4468
  countryCode,
4469
- phoneNumber: value.phoneNumber
4469
+ nationalNumber: value.nationalNumber
4470
4470
  }),
4471
4471
  name: name ? `${name}-country-code` : "country-code",
4472
4472
  height: "100%",
@@ -4478,11 +4478,11 @@ var PhoneNumberInput = forwardRef(
4478
4478
  {
4479
4479
  ref,
4480
4480
  label: t2(texts12.phoneNumber),
4481
- value: value.phoneNumber,
4481
+ value: value.nationalNumber,
4482
4482
  name: name ? `${name}-phone-number` : "phone-number",
4483
4483
  onChange: (e) => onChange({
4484
4484
  countryCode: value.countryCode,
4485
- phoneNumber: e.target.value
4485
+ nationalNumber: e.target.value
4486
4486
  }),
4487
4487
  position: "relative",
4488
4488
  left: "-1px"
@@ -4498,7 +4498,7 @@ var texts12 = createTexts({
4498
4498
  sv: "Telefonnummer"
4499
4499
  }
4500
4500
  });
4501
- var LazyCountryCodeSelect = React48__default.lazy(() => import('./CountryCodeSelect-AH34A2N4.mjs'));
4501
+ var LazyCountryCodeSelect = React48__default.lazy(() => import('./CountryCodeSelect-OAKJCDQJ.mjs'));
4502
4502
  var Radio = forwardRef((props, ref) => {
4503
4503
  return /* @__PURE__ */ React48__default.createElement(Radio$1, { ...props, ref });
4504
4504
  });
package/dist/index.d.ts CHANGED
@@ -962,7 +962,7 @@ declare const PasswordInput: _chakra_ui_system_dist_system_types.ComponentWithAs
962
962
 
963
963
  type CountryCodeAndPhoneNumber = {
964
964
  countryCode: string;
965
- phoneNumber: string;
965
+ nationalNumber: string;
966
966
  };
967
967
  type PhoneNumberInputProps = BoxProps & {
968
968
  /** The root name.
package/dist/index.js CHANGED
@@ -11598,16 +11598,23 @@ __export(CountryCodeSelect_exports, {
11598
11598
  CountryCodeSelect: () => CountryCodeSelect,
11599
11599
  default: () => CountryCodeSelect_default
11600
11600
  });
11601
- var callingCodes, CountryCodeSelect, CountryCodeSelect_default, texts12;
11601
+ var prioritizedCountryCodes, sortedCallingCodes, callingCodes, CountryCodeSelect, CountryCodeSelect_default, texts12;
11602
11602
  var init_CountryCodeSelect = __esm({
11603
11603
  "src/input/CountryCodeSelect.tsx"() {
11604
11604
  init_src();
11605
11605
  init_index_esm();
11606
- callingCodes = getSupportedCallingCodes().sort((a, b) => Number(a) - Number(b)).map((code) => ({
11606
+ prioritizedCountryCodes = [
11607
+ { key: "+47", value: "+47" },
11608
+ { key: "+46", value: "+46" },
11609
+ { key: "+45", value: "+45" }
11610
+ ];
11611
+ sortedCallingCodes = getSupportedCallingCodes().sort((a, b) => Number(a) - Number(b)).map((code) => ({
11607
11612
  key: `+${code}`,
11608
11613
  value: `+${code}`
11609
- })).filter((code) => code.key !== "+47");
11610
- callingCodes.unshift({ key: "+47", value: "+47" });
11614
+ })).filter(
11615
+ (code) => !prioritizedCountryCodes.some((pCode) => pCode.key === code.key)
11616
+ );
11617
+ callingCodes = [...prioritizedCountryCodes, ...sortedCallingCodes];
11611
11618
  CountryCodeSelect = (props) => {
11612
11619
  const { t: t2 } = exports.useTranslation();
11613
11620
  return /* @__PURE__ */ React48__namespace.default.createElement(
@@ -11645,7 +11652,7 @@ var init_PhoneNumberInput = __esm({
11645
11652
  onChange: externalOnChange,
11646
11653
  defaultValue: {
11647
11654
  countryCode: "+47",
11648
- phoneNumber: ""
11655
+ nationalNumber: ""
11649
11656
  }
11650
11657
  });
11651
11658
  return /* @__PURE__ */ React48__namespace.default.createElement(exports.AttachedInputs, { ...boxProps }, /* @__PURE__ */ React48__namespace.default.createElement(
@@ -11669,7 +11676,7 @@ var init_PhoneNumberInput = __esm({
11669
11676
  value: value.countryCode,
11670
11677
  onChange: (countryCode) => onChange({
11671
11678
  countryCode,
11672
- phoneNumber: value.phoneNumber
11679
+ nationalNumber: value.nationalNumber
11673
11680
  }),
11674
11681
  name: name ? `${name}-country-code` : "country-code",
11675
11682
  height: "100%",
@@ -11681,11 +11688,11 @@ var init_PhoneNumberInput = __esm({
11681
11688
  {
11682
11689
  ref,
11683
11690
  label: t2(texts13.phoneNumber),
11684
- value: value.phoneNumber,
11691
+ value: value.nationalNumber,
11685
11692
  name: name ? `${name}-phone-number` : "phone-number",
11686
11693
  onChange: (e) => onChange({
11687
11694
  countryCode: value.countryCode,
11688
- phoneNumber: e.target.value
11695
+ nationalNumber: e.target.value
11689
11696
  }),
11690
11697
  position: "relative",
11691
11698
  left: "-1px"
@@ -12755,14 +12762,10 @@ var init_Stepper = __esm({
12755
12762
  });
12756
12763
  }
12757
12764
  });
12758
- var init_dist2 = __esm({
12759
- "../../node_modules/@vygruppen/spor-layout-react/dist/index.mjs"() {
12760
- }
12761
- });
12762
12765
  exports.StepperStep = void 0; var getVariant;
12763
12766
  var init_StepperStep = __esm({
12764
12767
  "src/stepper/StepperStep.tsx"() {
12765
- init_dist2();
12768
+ init_src();
12766
12769
  init_StepperContext();
12767
12770
  exports.StepperStep = ({ children, stepNumber }) => {
12768
12771
  const { activeStep, onClick, colorScheme } = useStepper();
@@ -12854,7 +12857,7 @@ function isObject(value) {
12854
12857
  const type = typeof value;
12855
12858
  return value != null && (type === "object" || type === "function") && !Array.isArray(value);
12856
12859
  }
12857
- var init_dist3 = __esm({
12860
+ var init_dist2 = __esm({
12858
12861
  "../../node_modules/@chakra-ui/shared-utils/dist/index.mjs"() {
12859
12862
  }
12860
12863
  });
@@ -13583,7 +13586,7 @@ var init_chunk_HAKT6JCA = __esm({
13583
13586
  });
13584
13587
 
13585
13588
  // ../../node_modules/@chakra-ui/anatomy/dist/index.mjs
13586
- var init_dist4 = __esm({
13589
+ var init_dist3 = __esm({
13587
13590
  "../../node_modules/@chakra-ui/anatomy/dist/index.mjs"() {
13588
13591
  init_chunk_HAKT6JCA();
13589
13592
  init_chunk_ZN6IUO2A();
@@ -13762,10 +13765,10 @@ function createMultiStyleConfigHelpers(parts14) {
13762
13765
  };
13763
13766
  }
13764
13767
  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;
13765
- var init_dist5 = __esm({
13768
+ var init_dist4 = __esm({
13766
13769
  "../../node_modules/@chakra-ui/styled-system/dist/index.mjs"() {
13767
- init_dist3();
13768
- init_dist3();
13770
+ init_dist2();
13771
+ init_dist2();
13769
13772
  __toESM(require_lodash(), 1);
13770
13773
  __toESM(require_lodash(), 1);
13771
13774
  import_lodash3 = __toESM(require_lodash(), 1);
@@ -14683,8 +14686,8 @@ var init_dist5 = __esm({
14683
14686
  var defineMultiStyleConfig, definePartsStyle, $width, $height, $diff, diffValue, $translateX, $bg, baseStyleTrack, baseStyleThumb, baseStyle, sizes2, switchTheme;
14684
14687
  var init_chunk_KGFPXNP4 = __esm({
14685
14688
  "../../node_modules/@chakra-ui/theme/dist/chunk-KGFPXNP4.mjs"() {
14689
+ init_dist3();
14686
14690
  init_dist4();
14687
- init_dist5();
14688
14691
  ({ defineMultiStyleConfig, definePartsStyle } = createMultiStyleConfigHelpers(switchAnatomy.keys));
14689
14692
  $width = themeTools.cssVar("switch-track-width");
14690
14693
  $height = themeTools.cssVar("switch-track-height");
@@ -14776,8 +14779,8 @@ var init_chunk_KGFPXNP4 = __esm({
14776
14779
  var defineMultiStyleConfig2, definePartsStyle2, baseStyle2, numericStyles, variantSimple, variantStripe, variants, sizes3, tableTheme;
14777
14780
  var init_chunk_WHSEAAWU = __esm({
14778
14781
  "../../node_modules/@chakra-ui/theme/dist/chunk-WHSEAAWU.mjs"() {
14782
+ init_dist3();
14779
14783
  init_dist4();
14780
- init_dist5();
14781
14784
  ({ defineMultiStyleConfig: defineMultiStyleConfig2, definePartsStyle: definePartsStyle2 } = createMultiStyleConfigHelpers(tableAnatomy.keys));
14782
14785
  baseStyle2 = definePartsStyle2({
14783
14786
  table: {
@@ -14949,8 +14952,8 @@ var init_chunk_WHSEAAWU = __esm({
14949
14952
  var $fg, $bg2, $border, defineMultiStyleConfig3, definePartsStyle3, baseStyleRoot, baseStyleTab, baseStyleTablist, baseStyleTabpanel, baseStyle3, sizes4, variantLine, variantEnclosed, variantEnclosedColored, variantSoftRounded, variantSolidRounded, variantUnstyled, variants2, tabsTheme;
14950
14953
  var init_chunk_RBQSCDLK = __esm({
14951
14954
  "../../node_modules/@chakra-ui/theme/dist/chunk-RBQSCDLK.mjs"() {
14955
+ init_dist3();
14952
14956
  init_dist4();
14953
- init_dist5();
14954
14957
  $fg = cssVar("tabs-color");
14955
14958
  $bg2 = cssVar("tabs-bg");
14956
14959
  $border = cssVar("tabs-border-color");
@@ -15180,7 +15183,7 @@ var init_chunk_RBQSCDLK = __esm({
15180
15183
  var vars, baseStyle4, variantSolid, variantSubtle, variantOutline, variants3, badgeTheme;
15181
15184
  var init_chunk_IBJP6BGU = __esm({
15182
15185
  "../../node_modules/@chakra-ui/theme/dist/chunk-IBJP6BGU.mjs"() {
15183
- init_dist5();
15186
+ init_dist4();
15184
15187
  vars = defineCssVars("badge", ["bg", "color", "shadow"]);
15185
15188
  baseStyle4 = defineStyle({
15186
15189
  px: 1,
@@ -15248,8 +15251,8 @@ var defineMultiStyleConfig4, definePartsStyle4, baseStyleContainer, baseStyleLab
15248
15251
  var init_chunk_CZP5TVGH = __esm({
15249
15252
  "../../node_modules/@chakra-ui/theme/dist/chunk-CZP5TVGH.mjs"() {
15250
15253
  init_chunk_IBJP6BGU();
15254
+ init_dist3();
15251
15255
  init_dist4();
15252
- init_dist5();
15253
15256
  ({ defineMultiStyleConfig: defineMultiStyleConfig4, definePartsStyle: definePartsStyle4 } = createMultiStyleConfigHelpers(tagAnatomy.keys));
15254
15257
  baseStyleContainer = defineStyle({
15255
15258
  fontWeight: "medium",
@@ -15368,8 +15371,8 @@ function getDefaults(props) {
15368
15371
  var definePartsStyle5, defineMultiStyleConfig5, baseStyle6, size, sizes6, variantOutline2, variantFilled, variantFlushed, variantUnstyled2, variants5, inputTheme;
15369
15372
  var init_chunk_WFLWAEKG = __esm({
15370
15373
  "../../node_modules/@chakra-ui/theme/dist/chunk-WFLWAEKG.mjs"() {
15374
+ init_dist3();
15371
15375
  init_dist4();
15372
- init_dist5();
15373
15376
  ({ definePartsStyle: definePartsStyle5, defineMultiStyleConfig: defineMultiStyleConfig5 } = createMultiStyleConfigHelpers(inputAnatomy.keys));
15374
15377
  baseStyle6 = definePartsStyle5({
15375
15378
  field: {
@@ -15559,7 +15562,7 @@ var _a, baseStyle7, _a2, _b, variants6, _a3, _b2, _c, _d, _e, _f, _g, _h, sizes7
15559
15562
  var init_chunk_OIGZPHLT = __esm({
15560
15563
  "../../node_modules/@chakra-ui/theme/dist/chunk-OIGZPHLT.mjs"() {
15561
15564
  init_chunk_WFLWAEKG();
15562
- init_dist5();
15565
+ init_dist4();
15563
15566
  baseStyle7 = defineStyle({
15564
15567
  ...(_a = inputTheme.baseStyle) == null ? void 0 : _a.field,
15565
15568
  paddingY: "2",
@@ -15608,7 +15611,7 @@ var init_chunk_OIGZPHLT = __esm({
15608
15611
  var $bg3, $fg2, $arrowBg, baseStyle8, tooltipTheme;
15609
15612
  var init_chunk_6Y3UQESG = __esm({
15610
15613
  "../../node_modules/@chakra-ui/theme/dist/chunk-6Y3UQESG.mjs"() {
15611
- init_dist5();
15614
+ init_dist4();
15612
15615
  $bg3 = themeTools.cssVar("tooltip-bg");
15613
15616
  $fg2 = themeTools.cssVar("tooltip-fg");
15614
15617
  $arrowBg = themeTools.cssVar("popper-arrow-bg");
@@ -15639,8 +15642,8 @@ var init_chunk_6Y3UQESG = __esm({
15639
15642
  var defineMultiStyleConfig6, definePartsStyle6, filledStyle, baseStyleLabel2, baseStyleTrack2, baseStyleFilledTrack, baseStyle9, sizes8, progressTheme;
15640
15643
  var init_chunk_VGCCECBM = __esm({
15641
15644
  "../../node_modules/@chakra-ui/theme/dist/chunk-VGCCECBM.mjs"() {
15645
+ init_dist3();
15642
15646
  init_dist4();
15643
- init_dist5();
15644
15647
  ({ defineMultiStyleConfig: defineMultiStyleConfig6, definePartsStyle: definePartsStyle6 } = createMultiStyleConfigHelpers(progressAnatomy.keys));
15645
15648
  filledStyle = defineStyle((props) => {
15646
15649
  const { colorScheme: c, theme: t2, isIndeterminate, hasStripe } = props;
@@ -15723,8 +15726,8 @@ var definePartsStyle7, defineMultiStyleConfig7, $size, baseStyleControl, baseSty
15723
15726
  var init_chunk_3XG4KRSA = __esm({
15724
15727
  "../../node_modules/@chakra-ui/theme/dist/chunk-3XG4KRSA.mjs"() {
15725
15728
  init_chunk_EBS47JIL();
15729
+ init_dist3();
15726
15730
  init_dist4();
15727
- init_dist5();
15728
15731
  ({ definePartsStyle: definePartsStyle7, defineMultiStyleConfig: defineMultiStyleConfig7 } = createMultiStyleConfigHelpers(checkboxAnatomy.keys));
15729
15732
  $size = cssVar("checkbox-size");
15730
15733
  baseStyleControl = defineStyle((props) => {
@@ -15820,8 +15823,8 @@ var init_chunk_JDPWIQ7H = __esm({
15820
15823
  "../../node_modules/@chakra-ui/theme/dist/chunk-JDPWIQ7H.mjs"() {
15821
15824
  init_chunk_3XG4KRSA();
15822
15825
  init_chunk_EBS47JIL();
15826
+ init_dist3();
15823
15827
  init_dist4();
15824
- init_dist5();
15825
15828
  ({ defineMultiStyleConfig: defineMultiStyleConfig8, definePartsStyle: definePartsStyle8 } = createMultiStyleConfigHelpers(radioAnatomy.keys));
15826
15829
  baseStyleControl2 = defineStyle((props) => {
15827
15830
  var _a6;
@@ -15881,8 +15884,8 @@ var defineMultiStyleConfig9, definePartsStyle9, $bg4, _a4, baseStyleField, baseS
15881
15884
  var init_chunk_V3RHVDKJ = __esm({
15882
15885
  "../../node_modules/@chakra-ui/theme/dist/chunk-V3RHVDKJ.mjs"() {
15883
15886
  init_chunk_WFLWAEKG();
15887
+ init_dist3();
15884
15888
  init_dist4();
15885
- init_dist5();
15886
15889
  ({ defineMultiStyleConfig: defineMultiStyleConfig9, definePartsStyle: definePartsStyle9 } = createMultiStyleConfigHelpers(selectAnatomy.keys));
15887
15890
  $bg4 = cssVar("select-bg");
15888
15891
  baseStyleField = defineStyle({
@@ -15963,7 +15966,7 @@ var init_chunk_V3RHVDKJ = __esm({
15963
15966
  var $startColor, $endColor, baseStyle13, skeletonTheme;
15964
15967
  var init_chunk_YSULOCDF = __esm({
15965
15968
  "../../node_modules/@chakra-ui/theme/dist/chunk-YSULOCDF.mjs"() {
15966
- init_dist5();
15969
+ init_dist4();
15967
15970
  $startColor = cssVar("skeleton-start-color");
15968
15971
  $endColor = cssVar("skeleton-end-color");
15969
15972
  baseStyle13 = defineStyle({
@@ -15988,7 +15991,7 @@ var init_chunk_YSULOCDF = __esm({
15988
15991
  var $bg5, baseStyle14, skipLinkTheme;
15989
15992
  var init_chunk_RSEFU3LC = __esm({
15990
15993
  "../../node_modules/@chakra-ui/theme/dist/chunk-RSEFU3LC.mjs"() {
15991
- init_dist5();
15994
+ init_dist4();
15992
15995
  $bg5 = cssVar("skip-link-bg");
15993
15996
  baseStyle14 = defineStyle({
15994
15997
  borderRadius: "md",
@@ -16014,8 +16017,8 @@ var init_chunk_RSEFU3LC = __esm({
16014
16017
  var defineMultiStyleConfig10, definePartsStyle10, $thumbSize, $trackSize, $bg6, baseStyleContainer3, baseStyleTrack3, baseStyleThumb2, baseStyleFilledTrack2, baseStyle15, sizeLg, sizeMd, sizeSm, sizes12, sliderTheme;
16015
16018
  var init_chunk_IBL46MNN = __esm({
16016
16019
  "../../node_modules/@chakra-ui/theme/dist/chunk-IBL46MNN.mjs"() {
16020
+ init_dist3();
16017
16021
  init_dist4();
16018
- init_dist5();
16019
16022
  ({ defineMultiStyleConfig: defineMultiStyleConfig10, definePartsStyle: definePartsStyle10 } = createMultiStyleConfigHelpers(sliderAnatomy.keys));
16020
16023
  $thumbSize = cssVar("slider-thumb-size");
16021
16024
  $trackSize = cssVar("slider-track-size");
@@ -16159,7 +16162,7 @@ var init_chunk_IBL46MNN = __esm({
16159
16162
  var $size2, baseStyle16, sizes13, spinnerTheme;
16160
16163
  var init_chunk_Y6RR3LE6 = __esm({
16161
16164
  "../../node_modules/@chakra-ui/theme/dist/chunk-Y6RR3LE6.mjs"() {
16162
- init_dist5();
16165
+ init_dist4();
16163
16166
  $size2 = themeTools.cssVar("spinner-size");
16164
16167
  baseStyle16 = defineStyle({
16165
16168
  width: [$size2.reference],
@@ -16196,8 +16199,8 @@ var init_chunk_Y6RR3LE6 = __esm({
16196
16199
  var defineMultiStyleConfig11, definePartsStyle11, baseStyleLabel4, baseStyleHelpText, baseStyleNumber, baseStyleIcon3, baseStyle17, sizes14, statTheme;
16197
16200
  var init_chunk_EY6ACYQS = __esm({
16198
16201
  "../../node_modules/@chakra-ui/theme/dist/chunk-EY6ACYQS.mjs"() {
16202
+ init_dist3();
16199
16203
  init_dist4();
16200
- init_dist5();
16201
16204
  ({ defineMultiStyleConfig: defineMultiStyleConfig11, definePartsStyle: definePartsStyle11 } = createMultiStyleConfigHelpers(statAnatomy.keys));
16202
16205
  baseStyleLabel4 = defineStyle({
16203
16206
  fontWeight: "medium"
@@ -16244,7 +16247,7 @@ var init_chunk_EY6ACYQS = __esm({
16244
16247
  var $bg7, baseStyle18, kbdTheme;
16245
16248
  var init_chunk_VQ2DUS6J = __esm({
16246
16249
  "../../node_modules/@chakra-ui/theme/dist/chunk-VQ2DUS6J.mjs"() {
16247
- init_dist5();
16250
+ init_dist4();
16248
16251
  $bg7 = cssVar("kbd-bg");
16249
16252
  baseStyle18 = defineStyle({
16250
16253
  [$bg7.variable]: "colors.gray.100",
@@ -16271,7 +16274,7 @@ var init_chunk_VQ2DUS6J = __esm({
16271
16274
  var baseStyle19, linkTheme;
16272
16275
  var init_chunk_2T5TO72C = __esm({
16273
16276
  "../../node_modules/@chakra-ui/theme/dist/chunk-2T5TO72C.mjs"() {
16274
- init_dist5();
16277
+ init_dist4();
16275
16278
  baseStyle19 = defineStyle({
16276
16279
  transitionProperty: "common",
16277
16280
  transitionDuration: "fast",
@@ -16297,8 +16300,8 @@ var init_chunk_2T5TO72C = __esm({
16297
16300
  var defineMultiStyleConfig12, definePartsStyle12, baseStyleIcon4, baseStyle20, listTheme;
16298
16301
  var init_chunk_AQJ6AIMN = __esm({
16299
16302
  "../../node_modules/@chakra-ui/theme/dist/chunk-AQJ6AIMN.mjs"() {
16303
+ init_dist3();
16300
16304
  init_dist4();
16301
- init_dist5();
16302
16305
  ({ defineMultiStyleConfig: defineMultiStyleConfig12, definePartsStyle: definePartsStyle12 } = createMultiStyleConfigHelpers(listAnatomy.keys));
16303
16306
  baseStyleIcon4 = defineStyle({
16304
16307
  marginEnd: "2",
@@ -16318,8 +16321,8 @@ var init_chunk_AQJ6AIMN = __esm({
16318
16321
  var defineMultiStyleConfig13, definePartsStyle13, $bg8, $shadow, baseStyleList, baseStyleItem, baseStyleGroupTitle, baseStyleCommand, baseStyleDivider, baseStyleButton, baseStyle21, menuTheme;
16319
16322
  var init_chunk_FIWRYWVW = __esm({
16320
16323
  "../../node_modules/@chakra-ui/theme/dist/chunk-FIWRYWVW.mjs"() {
16324
+ init_dist3();
16321
16325
  init_dist4();
16322
- init_dist5();
16323
16326
  ({ defineMultiStyleConfig: defineMultiStyleConfig13, definePartsStyle: definePartsStyle13 } = createMultiStyleConfigHelpers(menuAnatomy.keys));
16324
16327
  $bg8 = cssVar("menu-bg");
16325
16328
  $shadow = cssVar("menu-shadow");
@@ -16423,8 +16426,8 @@ var defineMultiStyleConfig14, definePartsStyle14, $bg9, $shadow2, baseStyleOverl
16423
16426
  var init_chunk_LYECXC4E = __esm({
16424
16427
  "../../node_modules/@chakra-ui/theme/dist/chunk-LYECXC4E.mjs"() {
16425
16428
  init_chunk_EBS47JIL();
16429
+ init_dist3();
16426
16430
  init_dist4();
16427
- init_dist5();
16428
16431
  ({ defineMultiStyleConfig: defineMultiStyleConfig14, definePartsStyle: definePartsStyle14 } = createMultiStyleConfigHelpers(modalAnatomy.keys));
16429
16432
  $bg9 = cssVar("modal-bg");
16430
16433
  $shadow2 = cssVar("modal-shadow");
@@ -16550,8 +16553,8 @@ var init_chunk_XNRZTTJ2 = __esm({
16550
16553
  init_chunk_HOOF7HHD();
16551
16554
  init_chunk_WFLWAEKG();
16552
16555
  init_chunk_EBS47JIL();
16556
+ init_dist3();
16553
16557
  init_dist4();
16554
- init_dist5();
16555
16558
  ({ defineMultiStyleConfig: defineMultiStyleConfig15, definePartsStyle: definePartsStyle15 } = createMultiStyleConfigHelpers(numberInputAnatomy.keys));
16556
16559
  $stepperWidth = themeTools.cssVar("number-input-stepper-width");
16557
16560
  $inputPadding = themeTools.cssVar("number-input-input-padding");
@@ -16624,7 +16627,7 @@ var init_chunk_QW3Z4V42 = __esm({
16624
16627
  "../../node_modules/@chakra-ui/theme/dist/chunk-QW3Z4V42.mjs"() {
16625
16628
  init_chunk_WFLWAEKG();
16626
16629
  init_chunk_EBS47JIL();
16627
- init_dist5();
16630
+ init_dist4();
16628
16631
  baseStyle24 = defineStyle({
16629
16632
  ...(_a5 = inputTheme.baseStyle) == null ? void 0 : _a5.field,
16630
16633
  textAlign: "center"
@@ -16687,8 +16690,8 @@ var init_chunk_QW3Z4V42 = __esm({
16687
16690
  var defineMultiStyleConfig16, definePartsStyle16, $popperBg, $arrowBg2, $arrowShadowColor, baseStylePopper, baseStyleContent, baseStyleHeader2, baseStyleBody2, baseStyleFooter2, baseStyleCloseButton3, baseStyle25, popoverTheme;
16688
16691
  var init_chunk_YJYMWHG4 = __esm({
16689
16692
  "../../node_modules/@chakra-ui/theme/dist/chunk-YJYMWHG4.mjs"() {
16693
+ init_dist3();
16690
16694
  init_dist4();
16691
- init_dist5();
16692
16695
  ({ defineMultiStyleConfig: defineMultiStyleConfig16, definePartsStyle: definePartsStyle16 } = createMultiStyleConfigHelpers(popoverAnatomy.keys));
16693
16696
  $popperBg = themeTools.cssVar("popper-bg");
16694
16697
  $arrowBg2 = themeTools.cssVar("popper-arrow-bg");
@@ -16764,8 +16767,8 @@ var definePartsStyle17, defineMultiStyleConfig17, $bg11, $bs, baseStyleOverlay2,
16764
16767
  var init_chunk_PQSF5PVS = __esm({
16765
16768
  "../../node_modules/@chakra-ui/theme/dist/chunk-PQSF5PVS.mjs"() {
16766
16769
  init_chunk_EBS47JIL();
16770
+ init_dist3();
16767
16771
  init_dist4();
16768
- init_dist5();
16769
16772
  ({ definePartsStyle: definePartsStyle17, defineMultiStyleConfig: defineMultiStyleConfig17 } = createMultiStyleConfigHelpers(drawerAnatomy.keys));
16770
16773
  $bg11 = cssVar("drawer-bg");
16771
16774
  $bs = cssVar("drawer-box-shadow");
@@ -16847,8 +16850,8 @@ var init_chunk_PQSF5PVS = __esm({
16847
16850
  var definePartsStyle18, defineMultiStyleConfig18, baseStylePreview, baseStyleInput, baseStyleTextarea, baseStyle27, editableTheme;
16848
16851
  var init_chunk_YZVOF4MP = __esm({
16849
16852
  "../../node_modules/@chakra-ui/theme/dist/chunk-YZVOF4MP.mjs"() {
16853
+ init_dist3();
16850
16854
  init_dist4();
16851
- init_dist5();
16852
16855
  ({ definePartsStyle: definePartsStyle18, defineMultiStyleConfig: defineMultiStyleConfig18 } = createMultiStyleConfigHelpers(editableAnatomy.keys));
16853
16856
  baseStylePreview = defineStyle({
16854
16857
  borderRadius: "md",
@@ -16889,8 +16892,8 @@ var init_chunk_YZVOF4MP = __esm({
16889
16892
  var definePartsStyle19, defineMultiStyleConfig19, $fg4, baseStyleRequiredIndicator, baseStyleHelperText, baseStyle28, formTheme;
16890
16893
  var init_chunk_RUW3STUO = __esm({
16891
16894
  "../../node_modules/@chakra-ui/theme/dist/chunk-RUW3STUO.mjs"() {
16895
+ init_dist3();
16892
16896
  init_dist4();
16893
- init_dist5();
16894
16897
  ({ definePartsStyle: definePartsStyle19, defineMultiStyleConfig: defineMultiStyleConfig19 } = createMultiStyleConfigHelpers(formAnatomy.keys));
16895
16898
  $fg4 = cssVar("form-control-color");
16896
16899
  baseStyleRequiredIndicator = defineStyle({
@@ -16929,8 +16932,8 @@ var init_chunk_RUW3STUO = __esm({
16929
16932
  var definePartsStyle20, defineMultiStyleConfig20, $fg5, baseStyleText, baseStyleIcon5, baseStyle29, formErrorTheme;
16930
16933
  var init_chunk_D55YRTLZ = __esm({
16931
16934
  "../../node_modules/@chakra-ui/theme/dist/chunk-D55YRTLZ.mjs"() {
16935
+ init_dist3();
16932
16936
  init_dist4();
16933
- init_dist5();
16934
16937
  ({ definePartsStyle: definePartsStyle20, defineMultiStyleConfig: defineMultiStyleConfig20 } = createMultiStyleConfigHelpers(formErrorAnatomy.keys));
16935
16938
  $fg5 = cssVar("form-error-color");
16936
16939
  baseStyleText = defineStyle({
@@ -16965,7 +16968,7 @@ var init_chunk_D55YRTLZ = __esm({
16965
16968
  var baseStyle30, formLabelTheme;
16966
16969
  var init_chunk_OYCZTG3L = __esm({
16967
16970
  "../../node_modules/@chakra-ui/theme/dist/chunk-OYCZTG3L.mjs"() {
16968
- init_dist5();
16971
+ init_dist4();
16969
16972
  baseStyle30 = defineStyle({
16970
16973
  fontSize: "md",
16971
16974
  marginEnd: "3",
@@ -16988,7 +16991,7 @@ var init_chunk_OYCZTG3L = __esm({
16988
16991
  var baseStyle31, sizes19, headingTheme;
16989
16992
  var init_chunk_X4O3JXYB = __esm({
16990
16993
  "../../node_modules/@chakra-ui/theme/dist/chunk-X4O3JXYB.mjs"() {
16991
- init_dist5();
16994
+ init_dist4();
16992
16995
  baseStyle31 = defineStyle({
16993
16996
  fontFamily: "heading",
16994
16997
  fontWeight: "bold"
@@ -17041,8 +17044,8 @@ var init_chunk_X4O3JXYB = __esm({
17041
17044
  var defineMultiStyleConfig21, definePartsStyle21, baseStyleLink, baseStyle32, breadcrumbTheme;
17042
17045
  var init_chunk_GLS227WS = __esm({
17043
17046
  "../../node_modules/@chakra-ui/theme/dist/chunk-GLS227WS.mjs"() {
17047
+ init_dist3();
17044
17048
  init_dist4();
17045
- init_dist5();
17046
17049
  ({ defineMultiStyleConfig: defineMultiStyleConfig21, definePartsStyle: definePartsStyle21 } = createMultiStyleConfigHelpers(breadcrumbAnatomy.keys));
17047
17050
  baseStyleLink = defineStyle({
17048
17051
  transitionProperty: "common",
@@ -17071,7 +17074,7 @@ var baseStyle33, variantGhost, variantOutline3, accessibleColorMap, variantSolid
17071
17074
  var init_chunk_AP3MTUHH = __esm({
17072
17075
  "../../node_modules/@chakra-ui/theme/dist/chunk-AP3MTUHH.mjs"() {
17073
17076
  init_chunk_EBS47JIL();
17074
- init_dist5();
17077
+ init_dist4();
17075
17078
  baseStyle33 = defineStyle({
17076
17079
  lineHeight: "1.2",
17077
17080
  borderRadius: "md",
@@ -17253,8 +17256,8 @@ var init_chunk_AP3MTUHH = __esm({
17253
17256
  var definePartsStyle22, defineMultiStyleConfig22, $bg12, $padding, $shadow3, $radius, $border3, $borderColor, baseStyle34, sizes21, variants9, cardTheme;
17254
17257
  var init_chunk_PZHBQTKY = __esm({
17255
17258
  "../../node_modules/@chakra-ui/theme/dist/chunk-PZHBQTKY.mjs"() {
17259
+ init_dist3();
17256
17260
  init_dist4();
17257
- init_dist5();
17258
17261
  ({ definePartsStyle: definePartsStyle22, defineMultiStyleConfig: defineMultiStyleConfig22 } = createMultiStyleConfigHelpers(cardAnatomy.keys));
17259
17262
  $bg12 = cssVar("card-bg");
17260
17263
  $padding = cssVar("card-padding");
@@ -17349,7 +17352,7 @@ var init_chunk_PZHBQTKY = __esm({
17349
17352
  var $size3, $bg13, baseStyle35, sizes22, closeButtonTheme;
17350
17353
  var init_chunk_C4P5PUHY = __esm({
17351
17354
  "../../node_modules/@chakra-ui/theme/dist/chunk-C4P5PUHY.mjs"() {
17352
- init_dist5();
17355
+ init_dist4();
17353
17356
  $size3 = themeTools.cssVar("close-button-size");
17354
17357
  $bg13 = themeTools.cssVar("close-button-bg");
17355
17358
  baseStyle35 = defineStyle({
@@ -17409,7 +17412,7 @@ var variants10, defaultProps, baseStyle36, codeTheme;
17409
17412
  var init_chunk_CAKKPKRW = __esm({
17410
17413
  "../../node_modules/@chakra-ui/theme/dist/chunk-CAKKPKRW.mjs"() {
17411
17414
  init_chunk_IBJP6BGU();
17412
- init_dist5();
17415
+ init_dist4();
17413
17416
  ({ variants: variants10, defaultProps } = badgeTheme);
17414
17417
  baseStyle36 = defineStyle({
17415
17418
  fontFamily: "mono",
@@ -17432,7 +17435,7 @@ var init_chunk_CAKKPKRW = __esm({
17432
17435
  var baseStyle37, containerTheme;
17433
17436
  var init_chunk_NDGGJV23 = __esm({
17434
17437
  "../../node_modules/@chakra-ui/theme/dist/chunk-NDGGJV23.mjs"() {
17435
- init_dist5();
17438
+ init_dist4();
17436
17439
  baseStyle37 = defineStyle({
17437
17440
  w: "100%",
17438
17441
  mx: "auto",
@@ -17449,7 +17452,7 @@ var init_chunk_NDGGJV23 = __esm({
17449
17452
  var baseStyle38, variantSolid3, variantDashed, variants11, dividerTheme;
17450
17453
  var init_chunk_5Z4IVOU3 = __esm({
17451
17454
  "../../node_modules/@chakra-ui/theme/dist/chunk-5Z4IVOU3.mjs"() {
17452
- init_dist5();
17455
+ init_dist4();
17453
17456
  baseStyle38 = defineStyle({
17454
17457
  opacity: 0.6,
17455
17458
  borderColor: "inherit"
@@ -17478,8 +17481,8 @@ var init_chunk_5Z4IVOU3 = __esm({
17478
17481
  var definePartsStyle23, defineMultiStyleConfig23, baseStyleContainer4, baseStyleButton2, baseStylePanel, baseStyleIcon6, baseStyle39, accordionTheme;
17479
17482
  var init_chunk_T276HDLM = __esm({
17480
17483
  "../../node_modules/@chakra-ui/theme/dist/chunk-T276HDLM.mjs"() {
17484
+ init_dist3();
17481
17485
  init_dist4();
17482
- init_dist5();
17483
17486
  ({ definePartsStyle: definePartsStyle23, defineMultiStyleConfig: defineMultiStyleConfig23 } = createMultiStyleConfigHelpers(accordionAnatomy.keys));
17484
17487
  baseStyleContainer4 = defineStyle({
17485
17488
  borderTopWidth: "1px",
@@ -17533,8 +17536,8 @@ function getBg(props) {
17533
17536
  var definePartsStyle24, defineMultiStyleConfig24, $fg6, $bg14, baseStyle40, variantSubtle2, variantLeftAccent, variantTopAccent, variantSolid4, variants12, alertTheme;
17534
17537
  var init_chunk_YOXAUO7A = __esm({
17535
17538
  "../../node_modules/@chakra-ui/theme/dist/chunk-YOXAUO7A.mjs"() {
17539
+ init_dist3();
17536
17540
  init_dist4();
17537
- init_dist5();
17538
17541
  ({ definePartsStyle: definePartsStyle24, defineMultiStyleConfig: defineMultiStyleConfig24 } = createMultiStyleConfigHelpers(alertAnatomy.keys));
17539
17542
  $fg6 = cssVar("alert-fg");
17540
17543
  $bg14 = cssVar("alert-bg");
@@ -17668,8 +17671,8 @@ var init_chunk_O7XTKHT6 = __esm({
17668
17671
  "../../node_modules/@chakra-ui/theme/dist/chunk-O7XTKHT6.mjs"() {
17669
17672
  init_chunk_X4JBRTE2();
17670
17673
  init_chunk_EBS47JIL();
17674
+ init_dist3();
17671
17675
  init_dist4();
17672
- init_dist5();
17673
17676
  ({ definePartsStyle: definePartsStyle25, defineMultiStyleConfig: defineMultiStyleConfig25 } = createMultiStyleConfigHelpers(avatarAnatomy.keys));
17674
17677
  $border4 = cssVar("avatar-border-color");
17675
17678
  $bg15 = cssVar("avatar-bg");
@@ -17868,7 +17871,7 @@ var init_chunk_VHIIIDDT = __esm({
17868
17871
 
17869
17872
  // ../../node_modules/@chakra-ui/theme/dist/index.mjs
17870
17873
  var direction, config, theme2;
17871
- var init_dist6 = __esm({
17874
+ var init_dist5 = __esm({
17872
17875
  "../../node_modules/@chakra-ui/theme/dist/index.mjs"() {
17873
17876
  init_chunk_6S44RLTW();
17874
17877
  init_chunk_EO2YJNI2();
@@ -18258,8 +18261,8 @@ var init_focus_utils = __esm({
18258
18261
  var helpers, config3, accordion_default;
18259
18262
  var init_accordion2 = __esm({
18260
18263
  "src/theme/components/accordion.ts"() {
18264
+ init_dist3();
18261
18265
  init_dist4();
18262
- init_dist5();
18263
18266
  init_foundations();
18264
18267
  init_box_shadow_utils();
18265
18268
  init_focus_utils();
@@ -18405,8 +18408,8 @@ var init_accordion2 = __esm({
18405
18408
  var parts, helpers2, config4, alert_default;
18406
18409
  var init_alert2 = __esm({
18407
18410
  "src/theme/components/alert.ts"() {
18411
+ init_dist3();
18408
18412
  init_dist4();
18409
- init_dist5();
18410
18413
  parts = anatomy("alert").parts("container", "icon", "closeButton");
18411
18414
  helpers2 = createMultiStyleConfigHelpers(parts.keys);
18412
18415
  config4 = helpers2.defineMultiStyleConfig({
@@ -18937,8 +18940,8 @@ var init_card2 = __esm({
18937
18940
  var parts2, helpers3, config8, card_select_default;
18938
18941
  var init_card_select = __esm({
18939
18942
  "src/theme/components/card-select.ts"() {
18943
+ init_dist3();
18940
18944
  init_dist4();
18941
- init_dist5();
18942
18945
  init_box_shadow_utils();
18943
18946
  init_focus_utils();
18944
18947
  parts2 = anatomy("card-select").parts("trigger", "card");
@@ -19095,7 +19098,7 @@ var init_card_select = __esm({
19095
19098
  var helpers4, config9, checkbox_default;
19096
19099
  var init_checkbox = __esm({
19097
19100
  "src/theme/components/checkbox.ts"() {
19098
- init_dist4();
19101
+ init_dist3();
19099
19102
  helpers4 = react.createMultiStyleConfigHelpers(checkboxAnatomy.keys);
19100
19103
  config9 = helpers4.defineMultiStyleConfig({
19101
19104
  baseStyle: {
@@ -19540,7 +19543,7 @@ function getSize5(value) {
19540
19543
  var helpers7, config14, drawer_default;
19541
19544
  var init_drawer = __esm({
19542
19545
  "src/theme/components/drawer.ts"() {
19543
- init_dist4();
19546
+ init_dist3();
19544
19547
  helpers7 = react.createMultiStyleConfigHelpers(modalAnatomy.keys);
19545
19548
  config14 = helpers7.defineMultiStyleConfig({
19546
19549
  baseStyle: (props) => ({
@@ -19719,7 +19722,7 @@ var init_fab = __esm({
19719
19722
  var helpers9, config16, form_default;
19720
19723
  var init_form = __esm({
19721
19724
  "src/theme/components/form.ts"() {
19722
- init_dist4();
19725
+ init_dist3();
19723
19726
  helpers9 = react.createMultiStyleConfigHelpers(formAnatomy.keys);
19724
19727
  config16 = helpers9.defineMultiStyleConfig({
19725
19728
  baseStyle: (props) => ({
@@ -19785,7 +19788,7 @@ var init_sr_utils = __esm({
19785
19788
  var parts6, helpers10, config18, info_select_default;
19786
19789
  var init_info_select = __esm({
19787
19790
  "src/theme/components/info-select.ts"() {
19788
- init_dist4();
19791
+ init_dist3();
19789
19792
  init_box_shadow_utils();
19790
19793
  init_focus_utils();
19791
19794
  init_sr_utils();
@@ -20186,7 +20189,7 @@ var init_info_tag = __esm({
20186
20189
  var helpers13, config21, input_default;
20187
20190
  var init_input2 = __esm({
20188
20191
  "src/theme/components/input.ts"() {
20189
- init_dist4();
20192
+ init_dist3();
20190
20193
  init_box_shadow_utils();
20191
20194
  init_focus_utils();
20192
20195
  helpers13 = react.createMultiStyleConfigHelpers(inputAnatomy.keys);
@@ -20559,7 +20562,7 @@ var init_link2 = __esm({
20559
20562
  var parts10, helpers15, config24, listbox_default;
20560
20563
  var init_listbox = __esm({
20561
20564
  "src/theme/components/listbox.ts"() {
20562
- init_dist4();
20565
+ init_dist3();
20563
20566
  parts10 = anatomy("ListBox").parts(
20564
20567
  "container",
20565
20568
  "item",
@@ -20759,7 +20762,7 @@ function getSize6(value) {
20759
20762
  var helpers17, config26, modal_default;
20760
20763
  var init_modal2 = __esm({
20761
20764
  "src/theme/components/modal.ts"() {
20762
- init_dist4();
20765
+ init_dist3();
20763
20766
  helpers17 = react.createMultiStyleConfigHelpers(modalAnatomy.keys);
20764
20767
  config26 = helpers17.defineMultiStyleConfig({
20765
20768
  baseStyle: (props) => ({
@@ -20829,7 +20832,7 @@ var init_modal2 = __esm({
20829
20832
  var $popperBg2, $arrowBg3, $arrowShadowColor2, helpers18, config27, popover_default;
20830
20833
  var init_popover2 = __esm({
20831
20834
  "src/theme/components/popover.ts"() {
20832
- init_dist4();
20835
+ init_dist3();
20833
20836
  $popperBg2 = themeTools.cssVar("popper-bg");
20834
20837
  $arrowBg3 = themeTools.cssVar("popper-arrow-bg");
20835
20838
  $arrowShadowColor2 = themeTools.cssVar("popper-arrow-shadow-color");
@@ -20890,7 +20893,7 @@ var init_popover2 = __esm({
20890
20893
  var helpers19, config28, radio_default;
20891
20894
  var init_radio = __esm({
20892
20895
  "src/theme/components/radio.ts"() {
20893
- init_dist4();
20896
+ init_dist3();
20894
20897
  helpers19 = react.createMultiStyleConfigHelpers(radioAnatomy.keys);
20895
20898
  config28 = helpers19.defineMultiStyleConfig({
20896
20899
  baseStyle: {
@@ -20954,7 +20957,7 @@ var init_radio = __esm({
20954
20957
  var parts12, helpers20, config29, select_default;
20955
20958
  var init_select = __esm({
20956
20959
  "src/theme/components/select.ts"() {
20957
- init_dist4();
20960
+ init_dist3();
20958
20961
  init_input2();
20959
20962
  parts12 = selectAnatomy.extend("root");
20960
20963
  helpers20 = react.createMultiStyleConfigHelpers(parts12.keys);
@@ -21005,20 +21008,20 @@ var init_select = __esm({
21005
21008
  });
21006
21009
 
21007
21010
  // ../../node_modules/@chakra-ui/color-mode/dist/index.mjs
21008
- var init_dist7 = __esm({
21011
+ var init_dist6 = __esm({
21009
21012
  "../../node_modules/@chakra-ui/color-mode/dist/index.mjs"() {
21010
21013
  }
21011
21014
  });
21012
- var init_dist8 = __esm({
21015
+ var init_dist7 = __esm({
21013
21016
  "../../node_modules/@chakra-ui/system/dist/index.mjs"() {
21014
- init_dist7();
21015
- init_dist5();
21017
+ init_dist6();
21018
+ init_dist4();
21016
21019
  }
21017
21020
  });
21018
21021
  var fade, $startColor2, $endColor2, config30, skeleton_default;
21019
21022
  var init_skeleton = __esm({
21020
21023
  "src/theme/components/skeleton.ts"() {
21021
- init_dist8();
21024
+ init_dist7();
21022
21025
  fade = (startColor, endColor) => react$1.keyframes({
21023
21026
  from: { borderColor: startColor, background: startColor },
21024
21027
  to: { borderColor: endColor, background: endColor }
@@ -21276,7 +21279,7 @@ var init_stepper2 = __esm({
21276
21279
  var $width2, $height2, $diff2, diffValue2, $translateX2, helpers22, config32, switch_default;
21277
21280
  var init_switch = __esm({
21278
21281
  "src/theme/components/switch.ts"() {
21279
- init_dist4();
21282
+ init_dist3();
21280
21283
  init_foundations();
21281
21284
  init_box_shadow_utils();
21282
21285
  init_focus_utils();
@@ -21498,7 +21501,7 @@ var init_switch = __esm({
21498
21501
  var helpers23, numericStyles2, config33, table_default;
21499
21502
  var init_table2 = __esm({
21500
21503
  "src/theme/components/table.ts"() {
21501
- init_dist4();
21504
+ init_dist3();
21502
21505
  init_box_shadow_utils();
21503
21506
  helpers23 = react.createMultiStyleConfigHelpers(tableAnatomy.keys);
21504
21507
  numericStyles2 = {
@@ -21660,7 +21663,7 @@ var init_table2 = __esm({
21660
21663
  var helpers24, config34, tabs_default, getTabColorSchemeProps, getTabColorSchemeSelectedProps, getTabColorSchemeFocusProps, getTabColorSchemeHoverProps, getTabColorSchemeActiveProps, getTabColorSchemeDisabledProps, getTablistColorSchemeProps;
21661
21664
  var init_tabs = __esm({
21662
21665
  "src/theme/components/tabs.ts"() {
21663
- init_dist4();
21666
+ init_dist3();
21664
21667
  helpers24 = react.createMultiStyleConfigHelpers(tabsAnatomy.keys);
21665
21668
  config34 = helpers24.defineMultiStyleConfig({
21666
21669
  baseStyle: (props) => ({
@@ -22127,7 +22130,7 @@ var init_font_faces = __esm({
22127
22130
  exports.theme = void 0;
22128
22131
  var init_theme = __esm({
22129
22132
  "src/theme/index.ts"() {
22130
- init_dist6();
22133
+ init_dist5();
22131
22134
  init_components();
22132
22135
  init_foundations();
22133
22136
  init_font_faces();
package/dist/index.mjs CHANGED
@@ -1 +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';
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-KS4FJCVG.mjs';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vygruppen/spor-react",
3
- "version": "2.1.0",
3
+ "version": "2.1.2",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",
@@ -9,14 +9,22 @@ import {
9
9
 
10
10
  import { getSupportedCallingCodes } from "awesome-phonenumber";
11
11
 
12
- const callingCodes = getSupportedCallingCodes()
12
+ const prioritizedCountryCodes = [
13
+ { key: "+47", value: "+47" },
14
+ { key: "+46", value: "+46" },
15
+ { key: "+45", value: "+45" },
16
+ ];
17
+
18
+ const sortedCallingCodes = getSupportedCallingCodes()
13
19
  .sort((a, b) => Number(a) - Number(b))
14
20
  .map((code) => ({
15
21
  key: `+${code}`,
16
22
  value: `+${code}`,
17
23
  }))
18
- .filter((code) => code.key !== "+47"); // We're adding Norway to the top
19
- callingCodes.unshift({ key: "+47", value: "+47" }); // Norway
24
+ .filter(
25
+ (code) => !prioritizedCountryCodes.some((pCode) => pCode.key === code.key)
26
+ );
27
+ const callingCodes = [...prioritizedCountryCodes, ...sortedCallingCodes];
20
28
 
21
29
  type CountryCodeSelectProps = {
22
30
  value: string;
@@ -10,7 +10,7 @@ import { AttachedInputs } from "./AttachedInputs";
10
10
 
11
11
  type CountryCodeAndPhoneNumber = {
12
12
  countryCode: string;
13
- phoneNumber: string;
13
+ nationalNumber: string;
14
14
  };
15
15
  type PhoneNumberInputProps = BoxProps & {
16
16
  /** The root name.
@@ -51,7 +51,7 @@ export const PhoneNumberInput = forwardRef<PhoneNumberInputProps, As>(
51
51
  onChange: externalOnChange,
52
52
  defaultValue: {
53
53
  countryCode: "+47",
54
- phoneNumber: "",
54
+ nationalNumber: "",
55
55
  },
56
56
  });
57
57
  return (
@@ -74,7 +74,7 @@ export const PhoneNumberInput = forwardRef<PhoneNumberInputProps, As>(
74
74
  onChange={(countryCode) =>
75
75
  onChange({
76
76
  countryCode: countryCode as string,
77
- phoneNumber: value.phoneNumber,
77
+ nationalNumber: value.nationalNumber,
78
78
  })
79
79
  }
80
80
  name={name ? `${name}-country-code` : "country-code"}
@@ -85,12 +85,12 @@ export const PhoneNumberInput = forwardRef<PhoneNumberInputProps, As>(
85
85
  <Input
86
86
  ref={ref}
87
87
  label={t(texts.phoneNumber)}
88
- value={value.phoneNumber}
88
+ value={value.nationalNumber}
89
89
  name={name ? `${name}-phone-number` : "phone-number"}
90
90
  onChange={(e) =>
91
91
  onChange({
92
92
  countryCode: value.countryCode,
93
- phoneNumber: e.target.value,
93
+ nationalNumber: e.target.value,
94
94
  })
95
95
  }
96
96
  position="relative"
@@ -1,7 +1,7 @@
1
1
  import { Flex, useMultiStyleConfig } from "@chakra-ui/react";
2
2
  import { DropdownRightFill18Icon } from "@vygruppen/spor-icon-react";
3
- import { Box } from "@vygruppen/spor-layout-react";
4
3
  import React from "react";
4
+ import { Box } from "..";
5
5
  import { useStepper } from "./StepperContext";
6
6
 
7
7
  type StepperStepProps = {