@alto-avios/alto-ui 3.6.0-alpha.1 → 3.6.0

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.
Files changed (115) hide show
  1. package/dist/assets/Accordion.css +1 -1
  2. package/dist/assets/Field.css +1 -1
  3. package/dist/assets/SelectNative.css +1 -1
  4. package/dist/components/Accordion/Accordion.js +8 -8
  5. package/dist/components/AviosCurrencySymbol/AviosCurrencySymbol.js +3 -3
  6. package/dist/components/Badge/Badge.js +1 -1
  7. package/dist/components/Button/Button.js +2 -4
  8. package/dist/components/Button/Button.js.map +1 -1
  9. package/dist/components/ButtonGroup/ButtonGroup.js +3 -3
  10. package/dist/components/CalloutBanner/CalloutBanner.js +3 -3
  11. package/dist/components/CardSection/CardSection.js +1 -1
  12. package/dist/components/Checkbox/Checkbox.js +1 -1
  13. package/dist/components/CheckboxGroup/CheckboxGroup.js +4 -8
  14. package/dist/components/CheckboxGroup/CheckboxGroup.js.map +1 -1
  15. package/dist/components/ClearFieldButton/ClearFieldButton.js +1 -1
  16. package/dist/components/CreditCardNumberField/CreditCardNumberField.js +4 -4
  17. package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js +3 -3
  18. package/dist/components/DateField/DateField.js +6 -1
  19. package/dist/components/DateField/DateField.js.map +1 -1
  20. package/dist/components/Dialog/Dialog.js +3 -3
  21. package/dist/components/ErrorSummary/ErrorSummary.js +5 -6
  22. package/dist/components/ErrorSummary/ErrorSummary.js.map +1 -1
  23. package/dist/components/Eyebrow/Eyebrow.js +1 -1
  24. package/dist/components/Grid/Grid.js +1 -3
  25. package/dist/components/Grid/Grid.js.map +1 -1
  26. package/dist/components/Heading/Heading.js +1 -1
  27. package/dist/components/Icon/Icon.js +1 -1
  28. package/dist/components/IconBackdrop/IconBackdrop.js +1 -1
  29. package/dist/components/IconButton/IconButton.js +63 -22
  30. package/dist/components/IconButton/IconButton.js.map +1 -1
  31. package/dist/components/Image/Image.js +8 -8
  32. package/dist/components/Label/Label.js +1 -1
  33. package/dist/components/Link/Link.js +1 -1
  34. package/dist/components/ListBox/ListBox.d.ts +1 -1
  35. package/dist/components/ListBoxItem/index.d.ts +1 -1
  36. package/dist/components/LoadingSpinner/LoadingSpinner.d.ts +7 -1
  37. package/dist/components/LoadingSpinner/LoadingSpinner.js +4 -5
  38. package/dist/components/LoadingSpinner/LoadingSpinner.js.map +1 -1
  39. package/dist/components/Paragraph/Paragraph.js +1 -1
  40. package/dist/components/PasswordField/PasswordField.js +3 -3
  41. package/dist/components/PhoneNumberField/PhoneNumberField.js +2 -2
  42. package/dist/components/Popover/Popover.js +2 -2
  43. package/dist/components/Radio/Radio.js +1 -1
  44. package/dist/components/SearchField/SearchField.js +3 -3
  45. package/dist/components/Section/Section.js +5 -5
  46. package/dist/components/SelectCard/SelectCard.js +2 -2
  47. package/dist/components/Spacer/Spacer.js +1 -2
  48. package/dist/components/Spacer/Spacer.js.map +1 -1
  49. package/dist/components/SubHeading/SubHeading.js +1 -1
  50. package/dist/components/TagGroup/TagGroup.js +0 -1
  51. package/dist/components/TagGroup/TagGroup.js.map +1 -1
  52. package/dist/components/TextAreaField/TextAreaField.js +1 -3
  53. package/dist/components/TextAreaField/TextAreaField.js.map +1 -1
  54. package/dist/components/ToggleButton/ToggleButton.js +1 -3
  55. package/dist/components/ToggleButton/ToggleButton.js.map +1 -1
  56. package/dist/components/ToggleIconButton/ToggleIconButton.js +2 -4
  57. package/dist/components/ToggleIconButton/ToggleIconButton.js.map +1 -1
  58. package/dist/components/Tooltip/Tooltip.js +1 -3
  59. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  60. package/dist/components/_base/Field/Field.d.ts +6 -1
  61. package/dist/components/_base/Field/Field.js +11 -6
  62. package/dist/components/_base/Field/Field.js.map +1 -1
  63. package/dist/components/index.d.ts +2 -2
  64. package/dist/components/index.js +2 -2
  65. package/dist/index-DdUYounA.js +57 -0
  66. package/dist/index-DdUYounA.js.map +1 -0
  67. package/dist/index.js +2 -2
  68. package/dist/{react-number-format.es-DXPULhrt.js → react-number-format.es-BjKL6crg.js} +6 -6
  69. package/dist/{react-number-format.es-DXPULhrt.js.map → react-number-format.es-BjKL6crg.js.map} +1 -1
  70. package/dist/utils/backgroundColor/backgroundColor.js +1 -1
  71. package/dist/utils/backgroundColor/backgroundColor.test.d.ts +1 -0
  72. package/dist/utils/border/border.js +1 -1
  73. package/dist/utils/border/border.test.d.ts +1 -0
  74. package/dist/utils/creditCard/creditCard.test.d.ts +1 -0
  75. package/dist/utils/flex/flex.js +1 -23
  76. package/dist/utils/flex/flex.js.map +1 -1
  77. package/dist/utils/focus/focusStyles.js +1 -1
  78. package/dist/utils/focus/focusStyles.test.d.ts +1 -0
  79. package/dist/utils/foregroundColour/foregroundColor.js +1 -1
  80. package/dist/utils/foregroundColour/foregroundColor.test.d.ts +1 -0
  81. package/dist/utils/forms/field.js +1 -1
  82. package/dist/utils/padding/padding.js +1 -1
  83. package/dist/utils/padding/padding.test.d.ts +1 -0
  84. package/dist/utils/phoneNumber/phoneNumber.test.d.ts +1 -0
  85. package/dist/utils/position/position.js +1 -1
  86. package/dist/utils/spaceToken/spaceToken.test.d.ts +1 -0
  87. package/package.json +1 -2
  88. package/dist/IconButton.module-DcfPVyUX.js +0 -48
  89. package/dist/IconButton.module-DcfPVyUX.js.map +0 -1
  90. package/dist/assets/AutoplayControl.css +0 -1
  91. package/dist/assets/Carousel.css +0 -1
  92. package/dist/assets/CarouselButton.css +0 -1
  93. package/dist/assets/CarouselDots.css +0 -1
  94. package/dist/components/Carousel/AutoplayControl/AutoplayControl.d.ts +0 -27
  95. package/dist/components/Carousel/AutoplayControl/AutoplayControl.js +0 -116
  96. package/dist/components/Carousel/AutoplayControl/AutoplayControl.js.map +0 -1
  97. package/dist/components/Carousel/Carousel.d.ts +0 -171
  98. package/dist/components/Carousel/Carousel.js +0 -402
  99. package/dist/components/Carousel/Carousel.js.map +0 -1
  100. package/dist/components/Carousel/CarouselButton/CarouselButton.d.ts +0 -44
  101. package/dist/components/Carousel/CarouselButton/CarouselButton.js +0 -196
  102. package/dist/components/Carousel/CarouselButton/CarouselButton.js.map +0 -1
  103. package/dist/components/Carousel/CarouselControls.d.ts +0 -7
  104. package/dist/components/Carousel/CarouselControls.js +0 -305
  105. package/dist/components/Carousel/CarouselControls.js.map +0 -1
  106. package/dist/components/Carousel/CarouselDots/CarouselDots.d.ts +0 -16
  107. package/dist/components/Carousel/CarouselDots/CarouselDots.js +0 -151
  108. package/dist/components/Carousel/CarouselDots/CarouselDots.js.map +0 -1
  109. package/dist/components/Carousel/index.d.ts +0 -1
  110. package/dist/components/Carousel/index.js +0 -5
  111. package/dist/components/Carousel/index.js.map +0 -1
  112. package/dist/index-Bi3v_EjJ.js +0 -57
  113. package/dist/index-Bi3v_EjJ.js.map +0 -1
  114. package/dist/index-uZFEbUWx.js +0 -1005
  115. package/dist/index-uZFEbUWx.js.map +0 -1
@@ -1 +1 @@
1
- ._accordion_1m3lr_1{--accordion-transition-duration:.2s;--accordion-transition-timing:cubic-bezier(.4,0,.2,1);align-items:center;align-self:stretch;background-color:var(--alto-sem-color-bg-white-vibrant-default);border:1px solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius);display:flex;flex-direction:column;padding:0}._accordionGroup_1m3lr_14,._accordionStack_1m3lr_20{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs)}._accordionHeader_1m3lr_26{display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs);padding-bottom:var(--alto-sem-space-2xs)}._trigger_1m3lr_33{background-color:var(--alto-sem-color-bg-white-vibrant-default);border:none;border-radius:var(--alto-card-radius);cursor:pointer;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:100%}._buttonContent_1m3lr_42{align-items:center;display:flex;gap:var(--alto-sem-space-sm);justify-content:space-between;width:100%}._titleContainer_1m3lr_50{align-items:center;display:flex;flex:1;gap:var(--alto-sem-space-2xs)}._titleWrapper_1m3lr_57{display:flex;flex-direction:column}._endContainer_1m3lr_62{gap:var(--alto-sem-space-sm)}._endContainer_1m3lr_62,._titleEnd_1m3lr_69,._titleStart_1m3lr_68{align-items:center;display:flex}._accordionTitle_1m3lr_74{color:var(--alto-sem-color-fg-accent-secondary);flex:1;font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:600;letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);text-align:left}._accordionDescription_1m3lr_87,._accordionTitle_1m3lr_74{font-family:var(--alto-sem-text-body-font-family);margin:0}._accordionDescription_1m3lr_87{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letterSpacing);line-height:var(--alto-sem-text-body-md-line-height)}._iconWrapper_1m3lr_96{align-items:center;color:var(--alto-sem-color-foreground-secondary);display:flex;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1)}._accordion_1m3lr_1[data-expanded=true] ._iconWrapper_1m3lr_96{transform:rotate(180deg)}._accordion_1m3lr_1>[role=group]{height:0;overflow:hidden;visibility:hidden;width:100%}._accordion_1m3lr_1>[role=group],._accordion_1m3lr_1[data-expanded=true]>[role=group]{transition:height var(--accordion-transition-duration) var(--accordion-transition-timing),visibility 0ms linear}._accordion_1m3lr_1[data-expanded=true]>[role=group]{height:var(--group-height);visibility:visible}._panelContent_1m3lr_128{padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm) var(--alto-sem-space-2xl)}._accordion_1m3lr_1[data-expanded=true],._accordion_1m3lr_1[data-expanded=true] ._trigger_1m3lr_33{background-color:var(--alto-sem-color-bg-layer1-default)}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-focus-visible]{box-shadow:0 0 0 2px var(--alto-sem-color-border-accent);outline:none}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-pressed]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active);outline:none}._accordion_1m3lr_1[data-expanded=true] ._trigger_1m3lr_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover);border-radius:var(--alto-card-radius) var(--alto-card-radius) 0 0}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-focused]{outline:none}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-disabled] ._iconWrapper_1m3lr_96,._trigger_1m3lr_33[data-disabled] ._accordionDescription_1m3lr_87,._trigger_1m3lr_33[data-disabled] ._accordionTitle_1m3lr_74{color:var(--alto-sem-color-fg-disabled-on-subtle)}._accordion_1m3lr_1[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}
1
+ ._accordion_1m3lr_1{--accordion-transition-duration:.2s;--accordion-transition-timing:cubic-bezier(.4,0,.2,1);align-items:center;align-self:stretch;background-color:var(--alto-sem-color-bg-white-vibrant-default);border:1px solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius);display:flex;flex-direction:column;padding:0}._accordionGroup_1m3lr_14,._accordionStack_1m3lr_20{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs)}._accordionHeader_1m3lr_26{display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs);padding-bottom:var(--alto-sem-space-2xs)}._trigger_1m3lr_33{background-color:var(--alto-sem-color-bg-white-vibrant-default);border:none;border-radius:var(--alto-card-radius);cursor:pointer;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:100%}._buttonContent_1m3lr_42{align-items:center;display:flex;gap:var(--alto-sem-space-sm);justify-content:space-between;width:100%}._titleContainer_1m3lr_50{align-items:center;display:flex;flex:1;gap:var(--alto-sem-space-2xs)}._titleWrapper_1m3lr_57{display:flex;flex-direction:column}._endContainer_1m3lr_62{gap:var(--alto-sem-space-sm)}._endContainer_1m3lr_62,._titleEnd_1m3lr_69,._titleStart_1m3lr_68{align-items:center;display:flex}._accordionTitle_1m3lr_74{color:var(--alto-sem-color-fg-accent-secondary);flex:1;font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:600;letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);text-align:left}._accordionDescription_1m3lr_87,._accordionTitle_1m3lr_74{font-family:var(--alto-sem-text-body-font-family);margin:0}._accordionDescription_1m3lr_87{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letterSpacing);line-height:var(--alto-sem-text-body-md-line-height)}._iconWrapper_1m3lr_96{align-items:center;color:var(--alto-sem-color-foreground-secondary);display:flex;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1)}._accordion_1m3lr_1[data-expanded=true] ._iconWrapper_1m3lr_96{transform:rotate(180deg)}._accordion_1m3lr_1>[role=group]{height:0;overflow:hidden;visibility:hidden;width:100%}._accordion_1m3lr_1>[role=group],._accordion_1m3lr_1[data-expanded=true]>[role=group]{transition:height var(--accordion-transition-duration) var(--accordion-transition-timing),visibility 0s linear}._accordion_1m3lr_1[data-expanded=true]>[role=group]{height:var(--group-height);visibility:visible}._panelContent_1m3lr_128{padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm) var(--alto-sem-space-2xl)}._accordion_1m3lr_1[data-expanded=true],._accordion_1m3lr_1[data-expanded=true] ._trigger_1m3lr_33{background-color:var(--alto-sem-color-bg-layer1-default)}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-focus-visible]{box-shadow:0 0 0 2px var(--alto-sem-color-border-accent);outline:none}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-pressed]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active);outline:none}._accordion_1m3lr_1[data-expanded=true] ._trigger_1m3lr_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover);border-radius:var(--alto-card-radius) var(--alto-card-radius) 0 0}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-focused]{outline:none}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-disabled] ._iconWrapper_1m3lr_96,._trigger_1m3lr_33[data-disabled] ._accordionDescription_1m3lr_87,._trigger_1m3lr_33[data-disabled] ._accordionTitle_1m3lr_74{color:var(--alto-sem-color-fg-disabled-on-subtle)}._accordion_1m3lr_1[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}
@@ -1 +1 @@
1
- ._fieldGrid_14f43_1{display:grid;grid-template-columns:repeat(12,1fr)}
1
+ ._fieldGrid_1ajki_1{display:grid;grid-template-columns:repeat(12,1fr)}._fieldError_1ajki_6{margin-top:var(--alto-sem-space-2xs)}
@@ -1 +1 @@
1
- ._select_2fygw_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%}._selectInput_2fygw_10{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--alto-sem-color-bg-base);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' fill='none' viewBox='0 0 18 20'%3E%3Cpath fill='%234B4855' d='M9.586 19.492c-.352.274-.86.274-1.172 0l-6.25-5c-.43-.312-.469-.898-.156-1.328.312-.39.898-.469 1.328-.117L9 17.578l5.664-4.531a.89.89 0 0 1 1.29.117c.312.43.273 1.016-.157 1.328l-6.25 5zm6.25-13.945c.39.312.469.898.117 1.289-.312.43-.898.469-1.289.156L9 2.461 3.336 6.992c-.43.313-1.016.274-1.328-.156-.313-.39-.274-.977.156-1.29l6.25-5c.313-.273.82-.273 1.172 0z'/%3E%3C/svg%3E");background-position:right var(--alto-sem-space-sm) center;background-repeat:no-repeat;border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-input-radius);color:var(--alto-sem-color-fg-primary);cursor:pointer;font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm)}._selectInput_2fygw_10 option[value=""][disabled]{color:var(--alto-sem-color-fg-secondary)}._selectInput_2fygw_10:-moz-placeholder-shown{color:var(--alto-sem-color-fg-secondary)}._selectInput_2fygw_10:placeholder-shown{color:var(--alto-sem-color-fg-secondary)}._select_2fygw_1[data-disabled] ._selectInput_2fygw_10{background-color:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._select_2fygw_1[data-invalid] ._selectInput_2fygw_10{border:2px solid var(--alto-sem-color-border-critical)}@-moz-document url-prefix(){._selectInput_2fygw_10{padding-right:var(--alto-sem-space-xl);text-indent:0;text-overflow:""}}
1
+ ._select_2fygw_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%}._selectInput_2fygw_10{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--alto-sem-color-bg-base);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' fill='none' viewBox='0 0 18 20'%3E%3Cpath fill='%234B4855' d='M9.586 19.492c-.352.274-.86.274-1.172 0l-6.25-5c-.43-.312-.469-.898-.156-1.328.312-.39.898-.469 1.328-.117L9 17.578l5.664-4.531a.89.89 0 0 1 1.29.117c.312.43.273 1.016-.157 1.328l-6.25 5zm6.25-13.945c.39.312.469.898.117 1.289-.312.43-.898.469-1.289.156L9 2.461 3.336 6.992c-.43.313-1.016.274-1.328-.156-.313-.39-.274-.977.156-1.29l6.25-5c.313-.273.82-.273 1.172 0z'/%3E%3C/svg%3E");background-position:right var(--alto-sem-space-sm) center;background-repeat:no-repeat;border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-input-radius);color:var(--alto-sem-color-fg-primary);cursor:pointer;font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm)}._selectInput_2fygw_10 option[value=""][disabled]{color:var(--alto-sem-color-fg-secondary)}._selectInput_2fygw_10:-moz-placeholder{color:var(--alto-sem-color-fg-secondary)}._selectInput_2fygw_10:placeholder-shown{color:var(--alto-sem-color-fg-secondary)}._select_2fygw_1[data-disabled] ._selectInput_2fygw_10{background-color:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._select_2fygw_1[data-invalid] ._selectInput_2fygw_10{border:2px solid var(--alto-sem-color-border-critical)}@-moz-document url-prefix(){._selectInput_2fygw_10{padding-right:var(--alto-sem-space-xl);text-indent:0;text-overflow:""}}
@@ -1,5 +1,5 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
- import React__default from "react";
2
+ import React from "react";
3
3
  import { Disclosure, DisclosureGroup, Button, DisclosurePanel } from "react-aria-components";
4
4
  import { Icon } from "../Icon/Icon.js";
5
5
  import '../../assets/Accordion.css';const accordion = "_accordion_1m3lr_1";
@@ -58,8 +58,8 @@ const AccordionPanel = ({
58
58
  children,
59
59
  ...props
60
60
  }) => {
61
- const contentRef = React__default.useRef(null);
62
- React__default.useEffect(() => {
61
+ const contentRef = React.useRef(null);
62
+ React.useEffect(() => {
63
63
  const content = contentRef.current;
64
64
  if (!content) return;
65
65
  const group = content.closest('[role="group"]');
@@ -110,8 +110,8 @@ const AccordionGroup = ({
110
110
  allowsMultipleExpanded = true
111
111
  }) => {
112
112
  const groupClasses = [styles.accordionGroup, className].filter(Boolean).join(" ");
113
- const defaultExpandedKeys = React__default.Children.toArray(children).map((child, index) => {
114
- if (React__default.isValidElement(child) && child.props.defaultExpanded) {
113
+ const defaultExpandedKeys = React.Children.toArray(children).map((child, index) => {
114
+ if (React.isValidElement(child) && child.props.defaultExpanded) {
115
115
  return `accordion-${index}`;
116
116
  }
117
117
  return null;
@@ -121,9 +121,9 @@ const AccordionGroup = ({
121
121
  title,
122
122
  description
123
123
  ] }),
124
- /* @__PURE__ */ jsx(DisclosureGroup, { className: styles.accordionStack, allowsMultipleExpanded, defaultExpandedKeys, children: React__default.Children.map(children, (child, index) => {
125
- if (React__default.isValidElement(child)) {
126
- return React__default.cloneElement(child, {
124
+ /* @__PURE__ */ jsx(DisclosureGroup, { className: styles.accordionStack, allowsMultipleExpanded, defaultExpandedKeys, children: React.Children.map(children, (child, index) => {
125
+ if (React.isValidElement(child)) {
126
+ return React.cloneElement(child, {
127
127
  key: `accordion-${index}`,
128
128
  id: `accordion-${index}`
129
129
  });
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
- import React__default from "react";
3
- import { c as cva } from "../../index-Bi3v_EjJ.js";
2
+ import React from "react";
3
+ import { c as cva } from "../../index-DdUYounA.js";
4
4
  import '../../assets/AviosCurrencySymbol.css';const styles = {
5
5
  "aviosCurrencySymbol-primary": "_aviosCurrencySymbol-primary_152jd_1",
6
6
  "aviosCurrencySymbol-secondary": "_aviosCurrencySymbol-secondary_152jd_11",
@@ -51,7 +51,7 @@ const AviosCurrencySymbol = ({
51
51
  "aria-label": ariaLabel,
52
52
  ...props
53
53
  }) => {
54
- const dimensions = React__default.useMemo(() => {
54
+ const dimensions = React.useMemo(() => {
55
55
  if (width && height) {
56
56
  return {
57
57
  width,
@@ -1,5 +1,5 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
- import { c as cva } from "../../index-Bi3v_EjJ.js";
2
+ import { c as cva } from "../../index-DdUYounA.js";
3
3
  import { Icon } from "../Icon/Icon.js";
4
4
  import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
5
5
  import '../../assets/Badge.css';const badge$1 = "_badge_12fsq_1";
@@ -1,5 +1,5 @@
1
1
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
- import { c as cva } from "../../index-Bi3v_EjJ.js";
2
+ import { c as cva } from "../../index-DdUYounA.js";
3
3
  import { forwardRef } from "react";
4
4
  import { useButton } from "@react-aria/button";
5
5
  import { useObjectRef, mergeProps } from "@react-aria/utils";
@@ -66,9 +66,7 @@ const styles = {
66
66
  whitePrimary,
67
67
  whiteSecondary,
68
68
  whiteTertiary,
69
- whiteQuaternary,
70
- "fa-spinner-third": "_fa-spinner-third_9pg0y_544",
71
- "icon-wrapper": "_icon-wrapper_9pg0y_549"
69
+ whiteQuaternary
72
70
  };
73
71
  const button = cva(styles.button, {
74
72
  variants: {
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import React__default from "react";
3
- import { c as cva } from "../../index-Bi3v_EjJ.js";
2
+ import React from "react";
3
+ import { c as cva } from "../../index-DdUYounA.js";
4
4
  import '../../assets/ButtonGroup.css';const buttonGroup = "_buttonGroup_zcnod_2";
5
5
  const alignStart = "_alignStart_zcnod_10";
6
6
  const alignCenter = "_alignCenter_zcnod_14";
@@ -41,7 +41,7 @@ const ButtonGroup = ({
41
41
  }) => {
42
42
  return /* @__PURE__ */ jsx("div", { className: `${buttonGroupStyles({
43
43
  align
44
- })}`, role: "group", "aria-label": "Button Group", children: React__default.Children.map(children, (child) => child) });
44
+ })}`, role: "group", "aria-label": "Button Group", children: React.Children.map(children, (child) => child) });
45
45
  };
46
46
  export {
47
47
  ButtonGroup,
@@ -1,7 +1,7 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
- import React__default from "react";
2
+ import React from "react";
3
3
  import { Icon } from "../Icon/Icon.js";
4
- import { c as cva } from "../../index-Bi3v_EjJ.js";
4
+ import { c as cva } from "../../index-DdUYounA.js";
5
5
  import { IconButton } from "../IconButton/IconButton.js";
6
6
  import '../../assets/CalloutBanner.css';const calloutBanner$1 = "_calloutBanner_kxqgt_1";
7
7
  const calloutBanner__icon = "_calloutBanner__icon_kxqgt_12";
@@ -57,7 +57,7 @@ const CalloutBanner = ({
57
57
  emphasis = "primary",
58
58
  onDismiss
59
59
  }) => {
60
- const iconName = React__default.useMemo(() => {
60
+ const iconName = React.useMemo(() => {
61
61
  switch (styleVariant) {
62
62
  case "critical":
63
63
  return "circle-exclamation";
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { c as cva } from "../../index-Bi3v_EjJ.js";
2
+ import { c as cva } from "../../index-DdUYounA.js";
3
3
  import { forwardRef } from "react";
4
4
  import '../../assets/CardSection.css';const cardSection$1 = "_cardSection_1uwwa_1";
5
5
  const cardContainer = "_cardContainer_1uwwa_12";
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
2
  import { Checkbox as Checkbox$1 } from "react-aria-components";
3
- import { c as cva } from "../../index-Bi3v_EjJ.js";
3
+ import { c as cva } from "../../index-DdUYounA.js";
4
4
  import FieldDescription from "../FieldDescription/FieldDescription.js";
5
5
  import '../../assets/Checkbox.css';const checkbox$1 = "_checkbox_1twm2_2";
6
6
  const checkboxContainer = "_checkboxContainer_1twm2_19";
@@ -2,24 +2,20 @@ import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { CheckboxGroup as CheckboxGroup$1 } from "react-aria-components";
3
3
  import { FieldHeader } from "../FieldHeader/FieldHeader.js";
4
4
  import '../../assets/CheckboxGroup.css';const checkboxGroup = "_checkboxGroup_1vs5o_1";
5
- const errorMessage = "_errorMessage_1vs5o_8";
6
- const description = "_description_1vs5o_13";
7
5
  const styles = {
8
- checkboxGroup,
9
- errorMessage,
10
- description
6
+ checkboxGroup
11
7
  };
12
8
  const CheckboxGroup = ({
13
9
  label,
14
10
  children,
15
- description: description2,
16
- errorMessage: errorMessage2,
11
+ description,
12
+ errorMessage,
17
13
  isDisabled,
18
14
  isInvalid,
19
15
  ...props
20
16
  }) => {
21
17
  return /* @__PURE__ */ jsxs(CheckboxGroup$1, { className: styles.checkboxGroup, isDisabled, isInvalid, ...props, children: [
22
- /* @__PURE__ */ jsx(FieldHeader, { label, description: description2, errorMessage: errorMessage2, isRequired: true, isInvalid }),
18
+ /* @__PURE__ */ jsx(FieldHeader, { label, description, errorMessage, isRequired: true, isInvalid }),
23
19
  children
24
20
  ] });
25
21
  };
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"CheckboxGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { c as cva } from "../../index-Bi3v_EjJ.js";
2
+ import { c as cva } from "../../index-DdUYounA.js";
3
3
  import { Button } from "react-aria-components";
4
4
  import { Icon } from "../Icon/Icon.js";
5
5
  import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
@@ -1,7 +1,7 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import React__default from "react";
2
+ import React from "react";
3
3
  import { TextField, Input } from "react-aria-components";
4
- import { P as PatternFormat } from "../../react-number-format.es-DXPULhrt.js";
4
+ import { P as PatternFormat } from "../../react-number-format.es-BjKL6crg.js";
5
5
  import { Field } from "../_base/Field/Field.js";
6
6
  import { Icon } from "../Icon/Icon.js";
7
7
  import { getCardIcon } from "../../utils/creditCard/creditCard.js";
@@ -21,9 +21,9 @@ const CreditCardNumberField = ({
21
21
  label = "Credit card number",
22
22
  ...props
23
23
  }) => {
24
- const [value, setValue] = React__default.useState(defaultValue);
24
+ const [value, setValue] = React.useState(defaultValue);
25
25
  const valueDefinitive = valueControlled ?? value;
26
- const cardIcon = React__default.useMemo(() => {
26
+ const cardIcon = React.useMemo(() => {
27
27
  if (typeof cardIconProp === "function") {
28
28
  return cardIconProp(value) || "credit-card";
29
29
  }
@@ -1,7 +1,7 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
- import React__default from "react";
2
+ import React from "react";
3
3
  import { TextField, Input } from "react-aria-components";
4
- import { P as PatternFormat } from "../../react-number-format.es-DXPULhrt.js";
4
+ import { P as PatternFormat } from "../../react-number-format.es-BjKL6crg.js";
5
5
  import { Field } from "../_base/Field/Field.js";
6
6
  import '../../assets/CreditCardSecurityCodeField.css';const creditCardSecurityCodeField = "_creditCardSecurityCodeField_14mb2_1";
7
7
  const inputWrapper = "_inputWrapper_14mb2_11";
@@ -20,7 +20,7 @@ const CreditCardSecurityCodeField = ({
20
20
  digits = 3,
21
21
  ...props
22
22
  }) => {
23
- const [value, setValue] = React__default.useState(defaultValue);
23
+ const [value, setValue] = React.useState(defaultValue);
24
24
  const valueDefinitive = valueControlled ?? value;
25
25
  return /* @__PURE__ */ jsxs(Field, { className: styles.creditCardSecurityCodeField, as: TextField, label, isRequired: true, ...props, children: [
26
26
  /* @__PURE__ */ jsxs("div", { className: styles.inputWrapper, children: [
@@ -126,6 +126,11 @@ class $3b62074eb05584b2$export$80ee6245ec4f29ec {
126
126
  this.identifier = "gregory";
127
127
  }
128
128
  }
129
+ function $14e0f24ef4ac5c92$export$dbc69fd56b53d5e(a, b) {
130
+ var _a_isEqual, _b_isEqual;
131
+ var _a_isEqual1, _ref;
132
+ return (_ref = (_a_isEqual1 = (_a_isEqual = a.isEqual) === null || _a_isEqual === void 0 ? void 0 : _a_isEqual.call(a, b)) !== null && _a_isEqual1 !== void 0 ? _a_isEqual1 : (_b_isEqual = b.isEqual) === null || _b_isEqual === void 0 ? void 0 : _b_isEqual.call(b, a)) !== null && _ref !== void 0 ? _ref : a.identifier === b.identifier;
133
+ }
129
134
  function $14e0f24ef4ac5c92$export$68781ddf31c0090f(a, b) {
130
135
  return a.calendar.toJulianDay(a) - b.calendar.toJulianDay(b);
131
136
  }
@@ -260,7 +265,7 @@ function $11d87f3f76e88657$export$b21e0b124e224484(date, time) {
260
265
  return new $35ea8db9cb2ccb90$export$ca871e8dbb80966f(date.calendar, date.era, date.year, date.month, date.day, hour, minute, second, millisecond);
261
266
  }
262
267
  function $11d87f3f76e88657$export$b4a036af3fc0b032(date, calendar) {
263
- if (date.calendar.identifier === calendar.identifier) return date;
268
+ if ($14e0f24ef4ac5c92$export$dbc69fd56b53d5e(date.calendar, calendar)) return date;
264
269
  let calendarDate = calendar.fromJulianDay(date.calendar.toJulianDay(date));
265
270
  let copy = date.copy();
266
271
  copy.calendar = calendar;
@@ -1 +1 @@
1
- {"version":3,"file":"DateField.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"DateField.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,5 +1,5 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import React__default, { useRef } from "react";
2
+ import React, { useRef } from "react";
3
3
  import { IconButton } from "../IconButton/IconButton.js";
4
4
  import { OverlayContainer, useOverlay, usePreventScroll, useModal } from "@react-aria/overlays";
5
5
  import { useDialog } from "@react-aria/dialog";
@@ -68,8 +68,8 @@ function DialogWrapper({
68
68
  const {
69
69
  modalProps
70
70
  } = useModal();
71
- const headerChild = React__default.Children.toArray(children).find((child) => React__default.isValidElement(child) && child.type === DialogHeader);
72
- const otherChildren = React__default.Children.toArray(children).filter((child) => !React__default.isValidElement(child) || child.type !== DialogHeader);
71
+ const headerChild = React.Children.toArray(children).find((child) => React.isValidElement(child) && child.type === DialogHeader);
72
+ const otherChildren = React.Children.toArray(children).filter((child) => !React.isValidElement(child) || child.type !== DialogHeader);
73
73
  const hasHeader = Boolean(headerChild) || hasDismissButton;
74
74
  const headerId = props["aria-labelledby"] || `${id}-header`;
75
75
  const contentId = props["aria-describedby"] || `${id}-content`;
@@ -1,11 +1,10 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { CalloutBanner } from "../CalloutBanner/CalloutBanner.js";
3
- import React__default, { useState } from "react";
3
+ import React, { useState } from "react";
4
4
  import Link from "../Link/Link.js";
5
5
  import { Box } from "../Box/Box.js";
6
6
  import '../../assets/ErrorSummary.css';const styles = {
7
- "errorSummary-list": "_errorSummary-list_yt1ru_1",
8
- "errorSummary-list__item": "_errorSummary-list__item_yt1ru_24"
7
+ "errorSummary-list": "_errorSummary-list_yt1ru_1"
9
8
  };
10
9
  const MAX_ERRORS_SHOW = 4;
11
10
  const ErrorSummary = ({
@@ -20,9 +19,9 @@ const ErrorSummary = ({
20
19
  const errorsToRender = showAllErrors ? children : Array.isArray(children) ? children.slice(0, MAX_ERRORS_SHOW) : [children];
21
20
  const hasMoreErrors = Array.isArray(children) && children.length > MAX_ERRORS_SHOW;
22
21
  return /* @__PURE__ */ jsx(CalloutBanner, { title, description, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
23
- /* @__PURE__ */ jsx("div", { className: styles["errorSummary-list"], children: React__default.Children.map(errorsToRender, (child, index) => {
24
- if (React__default.isValidElement(child)) {
25
- return React__default.cloneElement(child, {
22
+ /* @__PURE__ */ jsx("div", { className: styles["errorSummary-list"], children: React.Children.map(errorsToRender, (child, index) => {
23
+ if (React.isValidElement(child)) {
24
+ return React.cloneElement(child, {
26
25
  key: `error-${index}`,
27
26
  iconEndProps: false
28
27
  });
@@ -1 +1 @@
1
- {"version":3,"file":"ErrorSummary.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ErrorSummary.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { c as cva } from "../../index-Bi3v_EjJ.js";
2
+ import { c as cva } from "../../index-DdUYounA.js";
3
3
  import '../../assets/Eyebrow.css';const eyebrow$1 = "_eyebrow_ie5k8_1";
4
4
  const inspiration = "_inspiration_ie5k8_14";
5
5
  const collect = "_collect_ie5k8_19";
@@ -1,10 +1,8 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { getSpaceValue } from "../../utils/spaceToken/spaceToken.js";
3
3
  import '../../assets/Grid.css';const grid = "_grid_agdpw_1";
4
- const gridItem = "_gridItem_agdpw_6";
5
4
  const styles = {
6
- grid,
7
- gridItem
5
+ grid
8
6
  };
9
7
  const GridCell = ({
10
8
  as,
@@ -1 +1 @@
1
- {"version":3,"file":"Grid.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Grid.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { c as cva } from "../../index-Bi3v_EjJ.js";
2
+ import { c as cva } from "../../index-DdUYounA.js";
3
3
  import { foregroundColorVariants } from "../../utils/foregroundColour/foregroundColor.js";
4
4
  import '../../assets/Heading.css';const heading$1 = "_heading_15puj_1";
5
5
  const xxs = "_xxs_15puj_8";
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { c as cva } from "../../index-Bi3v_EjJ.js";
2
+ import { c as cva } from "../../index-DdUYounA.js";
3
3
  import { useState, useEffect } from "react";
4
4
  import { foregroundColorVariants } from "../../utils/foregroundColour/foregroundColor.js";
5
5
  import { backgroundColorVariants } from "../../utils/backgroundColor/backgroundColor.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { c as cva } from "../../index-Bi3v_EjJ.js";
2
+ import { c as cva } from "../../index-DdUYounA.js";
3
3
  import { Icon } from "../Icon/Icon.js";
4
4
  import '../../assets/IconBackdrop.css';const iconBackdrop$1 = "_iconBackdrop_1e7m2_1";
5
5
  const squircle = "_squircle_1e7m2_7";
@@ -1,42 +1,83 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
- import { c as cva } from "../../index-Bi3v_EjJ.js";
2
+ import { c as cva } from "../../index-DdUYounA.js";
3
3
  import { forwardRef, useRef, useState, useEffect } from "react";
4
4
  import { Button } from "react-aria-components";
5
- import { i as iconButtonStyles } from "../../IconButton.module-DcfPVyUX.js";
6
5
  import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
7
6
  import { Icon } from "../Icon/Icon.js";
8
7
  import LoadingSpinner from "../LoadingSpinner/LoadingSpinner.js";
9
8
  import { Tooltip } from "../Tooltip/Tooltip.js";
10
- const iconButton = cva(iconButtonStyles.iconButton, {
9
+ import '../../assets/IconButton.css';const iconButton$1 = "_iconButton_kb1oz_1";
10
+ const sm = "_sm_kb1oz_24";
11
+ const md = "_md_kb1oz_30";
12
+ const lg = "_lg_kb1oz_36";
13
+ const accentPrimary = "_accentPrimary_kb1oz_46";
14
+ const accentSecondary = "_accentSecondary_kb1oz_69";
15
+ const accentTertiary = "_accentTertiary_kb1oz_98";
16
+ const accentQuaternary = "_accentQuaternary_kb1oz_127";
17
+ const criticalPrimary = "_criticalPrimary_kb1oz_151";
18
+ const criticalSecondary = "_criticalSecondary_kb1oz_175";
19
+ const criticalTertiary = "_criticalTertiary_kb1oz_204";
20
+ const criticalQuaternary = "_criticalQuaternary_kb1oz_229";
21
+ const neutralPrimary = "_neutralPrimary_kb1oz_254";
22
+ const neutralSecondary = "_neutralSecondary_kb1oz_278";
23
+ const neutralTertiary = "_neutralTertiary_kb1oz_305";
24
+ const neutralQuaternary = "_neutralQuaternary_kb1oz_330";
25
+ const whitePrimary = "_whitePrimary_kb1oz_356";
26
+ const whiteSecondary = "_whiteSecondary_kb1oz_385";
27
+ const whiteTertiary = "_whiteTertiary_kb1oz_416";
28
+ const whiteQuaternary = "_whiteQuaternary_kb1oz_445";
29
+ const styles = {
30
+ iconButton: iconButton$1,
31
+ sm,
32
+ md,
33
+ lg,
34
+ accentPrimary,
35
+ accentSecondary,
36
+ accentTertiary,
37
+ accentQuaternary,
38
+ criticalPrimary,
39
+ criticalSecondary,
40
+ criticalTertiary,
41
+ criticalQuaternary,
42
+ neutralPrimary,
43
+ neutralSecondary,
44
+ neutralTertiary,
45
+ neutralQuaternary,
46
+ whitePrimary,
47
+ whiteSecondary,
48
+ whiteTertiary,
49
+ whiteQuaternary
50
+ };
51
+ const iconButton = cva(styles.iconButton, {
11
52
  variants: {
12
53
  size: {
13
- sm: iconButtonStyles.sm,
14
- md: iconButtonStyles.md,
15
- lg: iconButtonStyles.lg
54
+ sm: styles.sm,
55
+ md: styles.md,
56
+ lg: styles.lg
16
57
  },
17
58
  accent: {
18
- primary: iconButtonStyles.accentPrimary,
19
- secondary: iconButtonStyles.accentSecondary,
20
- tertiary: iconButtonStyles.accentTertiary,
21
- quaternary: iconButtonStyles.accentQuaternary
59
+ primary: styles.accentPrimary,
60
+ secondary: styles.accentSecondary,
61
+ tertiary: styles.accentTertiary,
62
+ quaternary: styles.accentQuaternary
22
63
  },
23
64
  critical: {
24
- primary: iconButtonStyles.criticalPrimary,
25
- secondary: iconButtonStyles.criticalSecondary,
26
- tertiary: iconButtonStyles.criticalTertiary,
27
- quaternary: iconButtonStyles.criticalQuaternary
65
+ primary: styles.criticalPrimary,
66
+ secondary: styles.criticalSecondary,
67
+ tertiary: styles.criticalTertiary,
68
+ quaternary: styles.criticalQuaternary
28
69
  },
29
70
  neutral: {
30
- primary: iconButtonStyles.neutralPrimary,
31
- secondary: iconButtonStyles.neutralSecondary,
32
- tertiary: iconButtonStyles.neutralTertiary,
33
- quaternary: iconButtonStyles.neutralQuaternary
71
+ primary: styles.neutralPrimary,
72
+ secondary: styles.neutralSecondary,
73
+ tertiary: styles.neutralTertiary,
74
+ quaternary: styles.neutralQuaternary
34
75
  },
35
76
  white: {
36
- primary: iconButtonStyles.whitePrimary,
37
- secondary: iconButtonStyles.whiteSecondary,
38
- tertiary: iconButtonStyles.whiteTertiary,
39
- quaternary: iconButtonStyles.whiteQuaternary
77
+ primary: styles.whitePrimary,
78
+ secondary: styles.whiteSecondary,
79
+ tertiary: styles.whiteTertiary,
80
+ quaternary: styles.whiteQuaternary
40
81
  }
41
82
  },
42
83
  defaultVariants: {
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"IconButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import React__default, { useState, useRef, useEffect } from "react";
3
- import { c as cva } from "../../index-Bi3v_EjJ.js";
2
+ import React, { useState, useRef, useEffect } from "react";
3
+ import { c as cva } from "../../index-DdUYounA.js";
4
4
  import { borderVariants } from "../../utils/border/border.js";
5
5
  import { backgroundColorVariants } from "../../utils/backgroundColor/backgroundColor.js";
6
6
  import '../../assets/Image.css';const image = "_image_1dojz_1";
@@ -32,7 +32,7 @@ const imageVariants = cva(styles.image, {
32
32
  const useImageLoaded = (onLoadProp) => {
33
33
  const [loaded, setLoaded] = useState(false);
34
34
  const ref = useRef(null);
35
- const handleLoad = React__default.useCallback((event) => {
35
+ const handleLoad = React.useCallback((event) => {
36
36
  if (typeof onLoadProp === "function") {
37
37
  onLoadProp(event);
38
38
  }
@@ -50,7 +50,7 @@ const useImageLoaded = (onLoadProp) => {
50
50
  };
51
51
  };
52
52
  const useMergedRef = (internalRef, forwardedRef) => {
53
- return React__default.useMemo(() => {
53
+ return React.useMemo(() => {
54
54
  if (!forwardedRef) return internalRef;
55
55
  return (node) => {
56
56
  if (typeof forwardedRef === "function") {
@@ -62,7 +62,7 @@ const useMergedRef = (internalRef, forwardedRef) => {
62
62
  };
63
63
  }, [internalRef, forwardedRef]);
64
64
  };
65
- const Image = React__default.forwardRef(({
65
+ const Image = React.forwardRef(({
66
66
  src,
67
67
  fallbackSrc,
68
68
  onError: onErrorProp,
@@ -90,7 +90,7 @@ const Image = React__default.forwardRef(({
90
90
  if (asChild && !children) {
91
91
  console.error("Image component: Children required when asChild is true");
92
92
  }
93
- const handleError = React__default.useCallback((e) => {
93
+ const handleError = React.useCallback((e) => {
94
94
  if (fallbackSrc) {
95
95
  setError(true);
96
96
  }
@@ -119,8 +119,8 @@ const Image = React__default.forwardRef(({
119
119
  },
120
120
  ...props
121
121
  };
122
- if (asChild && React__default.isValidElement(children)) {
123
- return React__default.cloneElement(children, {
122
+ if (asChild && React.isValidElement(children)) {
123
+ return React.cloneElement(children, {
124
124
  ...imgProps,
125
125
  ...children.props
126
126
  });
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { c as cva } from "../../index-Bi3v_EjJ.js";
2
+ import { c as cva } from "../../index-DdUYounA.js";
3
3
  import { foregroundColorVariants } from "../../utils/foregroundColour/foregroundColor.js";
4
4
  import '../../assets/Label.css';const label$1 = "_label_1w8ui_1";
5
5
  const xxs = "_xxs_1w8ui_7";
@@ -1,7 +1,7 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { useMemo } from "react";
3
3
  import { Icon } from "../Icon/Icon.js";
4
- import { c as cva } from "../../index-Bi3v_EjJ.js";
4
+ import { c as cva } from "../../index-DdUYounA.js";
5
5
  import { Link as Link$1 } from "react-aria-components";
6
6
  import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
7
7
  import { foregroundColorVariants } from "../../utils/foregroundColour/foregroundColor.js";
@@ -5,7 +5,7 @@ export interface ListBoxProps<T> extends AriaListBoxProps<T> {
5
5
  }
6
6
  export declare const ListBox: {
7
7
  <T extends object>({ children, isLoading, ...props }: ListBoxProps<T>): import("react/jsx-runtime").JSX.Element;
8
- Item: ({ children, isLoading, labelLoading, ...props }: import('../ListBoxItem').ListBoxItemProps) => import("react/jsx-runtime").JSX.Element;
8
+ Item: ({ children, isLoading, labelLoading, ...props }: import('..').ListBoxItemProps) => import("react/jsx-runtime").JSX.Element;
9
9
  Group: <T extends object>(props: import('react-aria-components').ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
10
10
  GroupHeader: ({ children }: {
11
11
  children: React.ReactNode;
@@ -1,2 +1,2 @@
1
- export type { ListBoxItemProps } from './ListBoxItem';
2
1
  export { default } from './ListBoxItem';
2
+ export type { ListBoxItemProps } from './ListBoxItem';
@@ -1,3 +1,4 @@
1
+ import { ForegroundVariants } from '../../utils/foregroundColour/foregroundColor';
1
2
  export interface LoadingSpinnerProps {
2
3
  /**
3
4
  * What size loading spinner
@@ -7,7 +8,12 @@ export interface LoadingSpinnerProps {
7
8
  * What size loading spinner
8
9
  */
9
10
  buttonSize?: 'sm' | 'md' | 'lg' | undefined;
11
+ /**
12
+ * The styleVariant of the loadingSpinner
13
+ * @default "secondary"
14
+ */
15
+ styleVariant?: ForegroundVariants['foregroundColor'];
10
16
  className?: string;
11
17
  }
12
- declare const LoadingSpinner: ({ size, buttonSize, className, }: LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
18
+ declare const LoadingSpinner: ({ size, buttonSize, styleVariant, className, }: LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
13
19
  export default LoadingSpinner;