@alto-avios/alto-ui 3.6.0-alpha.2 → 3.7.0

package/dist/assets/Accordion.css

@@ -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)}
+._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)}

package/dist/assets/AviosCurrency.css

@@ -0,0 +1 @@
+._aviosCurrency_1gakm_1{align-items:center;display:inline-flex;gap:var(--alto-sem-space-5xs);position:relative;width:-moz-fit-content;width:fit-content}._aviosCurrencyName_1gakm_9{padding-left:var(--alto-sem-space-5xs)}._aviosCurrencyStrikethrough_1gakm_13{border-radius:1px;height:3px;left:0;position:absolute;top:50%;width:100%}._aviosCurrency_1gakm_1{color:var(--alto-sem-color-fg-spend-on-vibrant-default);font-family:var(--alto-sem-text-heading-font-family)}._aviosCurrency-primary_1gakm_27{color:var(--alto-sem-color-fg-primary)}._aviosCurrencyStrikethrough-primary_1gakm_31{background-color:var(--alto-sem-color-fg-primary)}._aviosCurrency-secondary_1gakm_35{color:var(--alto-sem-color-fg-secondary)}._aviosCurrencyStrikethrough-secondary_1gakm_39{background-color:var(--alto-sem-color-fg-secondary)}._aviosCurrency-white_1gakm_43{color:var(--alto-sem-color-fg-white-primary)}._aviosCurrencyStrikethrough-white_1gakm_47{background-color:var(--alto-sem-color-fg-white-primary)}._aviosCurrency-onSpend_1gakm_51{color:var(--alto-sem-color-fg-spend-on-vibrant-default)}._aviosCurrencyStrikethrough-onSpend_1gakm_55{background-color:var(--alto-sem-color-fg-spend-on-vibrant-default)}._aviosCurrency-onCollect_1gakm_59{color:var(--alto-sem-color-fg-collect-on-vibrant-default)}._aviosCurrencyStrikethrough-onCollect_1gakm_63{background-color:var(--alto-sem-color-fg-collect-on-vibrant-default)}._aviosCurrency-accentPrimary_1gakm_67{color:var(--alto-sem-color-fg-accent-primary)}._aviosCurrencyStrikethrough-accentPrimary_1gakm_71{background-color:var(--alto-sem-color-fg-accent-primary)}._aviosCurrency-accentSecondary_1gakm_75{color:var(--alto-sem-color-fg-accent-secondary)}._aviosCurrencyStrikethrough-accentSecondary_1gakm_79{background-color:var(--alto-sem-color-fg-accent-secondary)}._aviosCurrency-xl_1gakm_83{font-size:var(--alto-sem-text-heading-xl-font-size);font-weight:var(--alto-sem-text-heading-xl-font-weight);letter-spacing:var(--alto-sem-text-heading-xl-letter-spacing);line-height:var(--alto-sem-text-heading-xl-line-height)}._aviosCurrency-xl_1gakm_83 svg{height:var(--alto-sem-text-heading-xl-font-size);width:var(--alto-sem-text-heading-xl-font-size)}._aviosCurrencyStrikethrough-xl_1gakm_95{height:1.8px}._aviosCurrency-lg_1gakm_99{font-size:var(--alto-sem-text-heading-lg-font-size);font-weight:var(--alto-sem-text-heading-lg-font-weight);letter-spacing:var(--alto-sem-text-heading-lg-letter-spacing);line-height:var(--alto-sem-text-heading-lg-line-height)}._aviosCurrency-lg_1gakm_99 svg{height:var(--alto-sem-text-heading-lg-font-size);width:var(--alto-sem-text-heading-lg-font-size)}._aviosCurrencyStrikethrough-lg_1gakm_111{height:1.7px}._aviosCurrency-md_1gakm_115{font-size:var(--alto-sem-text-heading-md-font-size);font-weight:var(--alto-sem-text-heading-md-font-weight);letter-spacing:var(--alto-sem-text-heading-md-letter-spacing);line-height:var(--alto-sem-text-heading-md-line-height)}._aviosCurrency-md_1gakm_115 svg{height:var(--alto-sem-text-heading-md-font-size);width:var(--alto-sem-text-heading-md-font-size)}._aviosCurrencyStrikethrough-md_1gakm_127{height:1.5px}._aviosCurrency-sm_1gakm_131{font-size:var(--alto-sem-text-heading-sm-font-size);font-weight:var(--alto-sem-text-heading-sm-font-weight);letter-spacing:var(--alto-sem-text-heading-sm-letter-spacing);line-height:var(--alto-sem-text-heading-sm-line-height)}._aviosCurrency-sm_1gakm_131 svg{height:var(--alto-sem-text-heading-sm-font-size);width:var(--alto-sem-text-heading-sm-font-size)}._aviosCurrencyStrikethrough-sm_1gakm_143{height:1.2px}._aviosCurrency-xs_1gakm_147{font-size:var(--alto-sem-text-heading-xs-font-size);font-weight:var(--alto-sem-text-heading-xs-font-weight);letter-spacing:var(--alto-sem-text-heading-xs-letter-spacing);line-height:var(--alto-sem-text-heading-xs-line-height)}._aviosCurrency-xs_1gakm_147 svg{height:var(--alto-sem-text-heading-xs-font-size);width:var(--alto-sem-text-heading-xs-font-size)}._aviosCurrencyStrikethrough-xs_1gakm_159{height:1px}._aviosCurrency-2xs_1gakm_163{font-size:var(--alto-sem-text-heading-2xs-font-size);font-weight:var(--alto-sem-text-heading-2xs-font-weight);letter-spacing:var(--alto-sem-text-heading-2xs-letter-spacing);line-height:var(--alto-sem-text-heading-2xs-line-height)}._aviosCurrency-2xs_1gakm_163 svg{height:var(--alto-sem-text-heading-2xs-font-size);width:var(--alto-sem-text-heading-2xs-font-size)}._aviosCurrencyStrikethrough-2xs_1gakm_175{height:.8px}._aviosCurrency-3xs_1gakm_179{font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-heading-2xs-font-weight);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._aviosCurrency-3xs_1gakm_179 svg{height:var(--alto-sem-text-body-md-font-size);width:var(--alto-sem-text-body-md-font-size)}._aviosCurrencyStrikethrough-3xs_1gakm_191{height:.8px}._aviosCurrency-4xs_1gakm_195{font-size:var(--alto-sem-text-body-sm-font-size);font-weight:var(--alto-sem-text-heading-2xs-font-weight);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._aviosCurrency-4xs_1gakm_195 svg{height:var(--alto-sem-text-body-sm-font-size);width:var(--alto-sem-text-body-sm-font-size)}._aviosCurrencyStrikethrough-4xs_1gakm_207{height:.6px}._aviosCurrency-5xs_1gakm_211{font-size:var(--alto-sem-text-body-xs-font-size);font-weight:var(--alto-sem-text-heading-2xs-font-weight);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._aviosCurrency-5xs_1gakm_211 svg{height:var(--alto-sem-text-body-xs-font-size);width:var(--alto-sem-text-body-xs-font-size)}._aviosCurrencyStrikethrough-5xs_1gakm_223{height:.6px}

package/dist/assets/Field.css

@@ -1 +1 @@
-._fieldGrid_14f43_1{display:grid;grid-template-columns:repeat(12,1fr)}
+._fieldGrid_1ajki_1{display:grid;grid-template-columns:repeat(12,1fr)}._fieldError_1ajki_6{margin-top:var(--alto-sem-space-2xs)}

package/dist/assets/SelectNative.css

@@ -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:""}}
+._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:""}}

package/dist/components/Accordion/Accordion.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React__default from "react";
+import React from "react";
 import { Disclosure, DisclosureGroup, Button, DisclosurePanel } from "react-aria-components";
 import { Icon } from "../Icon/Icon.js";
 import '../../assets/Accordion.css';const accordion = "_accordion_1m3lr_1";
@@ -58,8 +58,8 @@ const AccordionPanel = ({
   children,
   ...props
 }) => {
-  const contentRef = React__default.useRef(null);
-  React__default.useEffect(() => {
+  const contentRef = React.useRef(null);
+  React.useEffect(() => {
     const content = contentRef.current;
     if (!content) return;
     const group = content.closest('[role="group"]');
@@ -110,8 +110,8 @@ const AccordionGroup = ({
   allowsMultipleExpanded = true
 }) => {
   const groupClasses = [styles.accordionGroup, className].filter(Boolean).join(" ");
-  const defaultExpandedKeys = React__default.Children.toArray(children).map((child, index) => {
-    if (React__default.isValidElement(child) && child.props.defaultExpanded) {
+  const defaultExpandedKeys = React.Children.toArray(children).map((child, index) => {
+    if (React.isValidElement(child) && child.props.defaultExpanded) {
       return `accordion-${index}`;
     }
     return null;
@@ -121,9 +121,9 @@ const AccordionGroup = ({
       title,
       description
     ] }),
-    /* @__PURE__ */ jsx(DisclosureGroup, { className: styles.accordionStack, allowsMultipleExpanded, defaultExpandedKeys, children: React__default.Children.map(children, (child, index) => {
-      if (React__default.isValidElement(child)) {
-        return React__default.cloneElement(child, {
+    /* @__PURE__ */ jsx(DisclosureGroup, { className: styles.accordionStack, allowsMultipleExpanded, defaultExpandedKeys, children: React.Children.map(children, (child, index) => {
+      if (React.isValidElement(child)) {
+        return React.cloneElement(child, {
           key: `accordion-${index}`,
           id: `accordion-${index}`
         });

package/dist/components/AviosCurrency/AviosCurrency.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { AviosCurrencySymbolProps } from '../AviosCurrencySymbol';
+import { IconSize } from '../Icon/Icon';
+export interface AviosCurrencyProps extends Omit<AviosCurrencySymbolProps, 'styleVariant'> {
+    children?: React.ReactNode;
+    /**
+     * The style variant of the Avios currency
+     */
+    styleVariant?: AviosCurrencySymbolProps['styleVariant'];
+    /**
+     * The size of the Avios currency
+     */
+    size?: 'xl' | 'lg' | 'md' | 'sm' | 'xs' | '2xs' | '3xs' | '4xs' | '5xs';
+    /**
+     * Whether to display the currency name " Avios"
+     */
+    hasCurrencyName?: boolean;
+    /**
+     * The decorator to display
+     */
+    decorator?: 'link' | 'dropdown';
+    /**
+     * Whether to display the Avios currency as a strikethrough
+     */
+    isStrikethrough?: boolean;
+}
+export declare function getIconSize(size: AviosCurrencyProps['size']): IconSize;
+export declare const AviosCurrency: ({ children, styleVariant, kind, size, hasCurrencyName, decorator, isStrikethrough, ...props }: AviosCurrencyProps) => import("react/jsx-runtime").JSX.Element;
+export default AviosCurrency;

package/dist/components/AviosCurrency/AviosCurrency.js

@@ -0,0 +1,166 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { c as cva } from "../../index-DdUYounA.js";
+import { AviosCurrencySymbol } from "../AviosCurrencySymbol/AviosCurrencySymbol.js";
+import { Icon } from "../Icon/Icon.js";
+import '../../assets/AviosCurrency.css';const aviosCurrency$1 = "_aviosCurrency_1gakm_1";
+const aviosCurrencyName = "_aviosCurrencyName_1gakm_9";
+const aviosCurrencyStrikethrough$1 = "_aviosCurrencyStrikethrough_1gakm_13";
+const styles = {
+  aviosCurrency: aviosCurrency$1,
+  aviosCurrencyName,
+  aviosCurrencyStrikethrough: aviosCurrencyStrikethrough$1,
+  "aviosCurrency-primary": "_aviosCurrency-primary_1gakm_27",
+  "aviosCurrencyStrikethrough-primary": "_aviosCurrencyStrikethrough-primary_1gakm_31",
+  "aviosCurrency-secondary": "_aviosCurrency-secondary_1gakm_35",
+  "aviosCurrencyStrikethrough-secondary": "_aviosCurrencyStrikethrough-secondary_1gakm_39",
+  "aviosCurrency-white": "_aviosCurrency-white_1gakm_43",
+  "aviosCurrencyStrikethrough-white": "_aviosCurrencyStrikethrough-white_1gakm_47",
+  "aviosCurrency-onSpend": "_aviosCurrency-onSpend_1gakm_51",
+  "aviosCurrencyStrikethrough-onSpend": "_aviosCurrencyStrikethrough-onSpend_1gakm_55",
+  "aviosCurrency-onCollect": "_aviosCurrency-onCollect_1gakm_59",
+  "aviosCurrencyStrikethrough-onCollect": "_aviosCurrencyStrikethrough-onCollect_1gakm_63",
+  "aviosCurrency-accentPrimary": "_aviosCurrency-accentPrimary_1gakm_67",
+  "aviosCurrencyStrikethrough-accentPrimary": "_aviosCurrencyStrikethrough-accentPrimary_1gakm_71",
+  "aviosCurrency-accentSecondary": "_aviosCurrency-accentSecondary_1gakm_75",
+  "aviosCurrencyStrikethrough-accentSecondary": "_aviosCurrencyStrikethrough-accentSecondary_1gakm_79",
+  "aviosCurrency-xl": "_aviosCurrency-xl_1gakm_83",
+  "aviosCurrencyStrikethrough-xl": "_aviosCurrencyStrikethrough-xl_1gakm_95",
+  "aviosCurrency-lg": "_aviosCurrency-lg_1gakm_99",
+  "aviosCurrencyStrikethrough-lg": "_aviosCurrencyStrikethrough-lg_1gakm_111",
+  "aviosCurrency-md": "_aviosCurrency-md_1gakm_115",
+  "aviosCurrencyStrikethrough-md": "_aviosCurrencyStrikethrough-md_1gakm_127",
+  "aviosCurrency-sm": "_aviosCurrency-sm_1gakm_131",
+  "aviosCurrencyStrikethrough-sm": "_aviosCurrencyStrikethrough-sm_1gakm_143",
+  "aviosCurrency-xs": "_aviosCurrency-xs_1gakm_147",
+  "aviosCurrencyStrikethrough-xs": "_aviosCurrencyStrikethrough-xs_1gakm_159",
+  "aviosCurrency-2xs": "_aviosCurrency-2xs_1gakm_163",
+  "aviosCurrencyStrikethrough-2xs": "_aviosCurrencyStrikethrough-2xs_1gakm_175",
+  "aviosCurrency-3xs": "_aviosCurrency-3xs_1gakm_179",
+  "aviosCurrencyStrikethrough-3xs": "_aviosCurrencyStrikethrough-3xs_1gakm_191",
+  "aviosCurrency-4xs": "_aviosCurrency-4xs_1gakm_195",
+  "aviosCurrencyStrikethrough-4xs": "_aviosCurrencyStrikethrough-4xs_1gakm_207",
+  "aviosCurrency-5xs": "_aviosCurrency-5xs_1gakm_211",
+  "aviosCurrencyStrikethrough-5xs": "_aviosCurrencyStrikethrough-5xs_1gakm_223"
+};
+const aviosCurrency = cva(styles.aviosCurrency, {
+  variants: {
+    styleVariant: {
+      primary: styles["aviosCurrency-primary"],
+      secondary: styles["aviosCurrency-secondary"],
+      white: styles["aviosCurrency-white"],
+      onSpend: styles["aviosCurrency-onSpend"],
+      onCollect: styles["aviosCurrency-onCollect"],
+      accentPrimary: styles["aviosCurrency-accentPrimary"],
+      accentSecondary: styles["aviosCurrency-accentSecondary"]
+    },
+    size: {
+      xl: styles["aviosCurrency-xl"],
+      lg: styles["aviosCurrency-lg"],
+      md: styles["aviosCurrency-md"],
+      sm: styles["aviosCurrency-sm"],
+      xs: styles["aviosCurrency-xs"],
+      "2xs": styles["aviosCurrency-2xs"],
+      "3xs": styles["aviosCurrency-3xs"],
+      "4xs": styles["aviosCurrency-4xs"],
+      "5xs": styles["aviosCurrency-5xs"]
+    }
+  },
+  defaultVariants: {
+    styleVariant: "accentSecondary"
+  }
+});
+function getIconSize(size) {
+  switch (size) {
+    case "sm":
+      return "0.75x";
+    case "2xs":
+    case "3xs":
+    case "4xs":
+    case "5xs":
+      return "0.5x";
+    default:
+      return "1x";
+  }
+}
+const aviosCurrencyStrikethrough = cva(styles.aviosCurrencyStrikethrough, {
+  variants: {
+    size: {
+      xl: styles["aviosCurrencyStrikethrough-xl"],
+      lg: styles["aviosCurrencyStrikethrough-lg"],
+      md: styles["aviosCurrencyStrikethrough-md"],
+      sm: styles["aviosCurrencyStrikethrough-sm"],
+      xs: styles["aviosCurrencyStrikethrough-xs"],
+      "2xs": styles["aviosCurrencyStrikethrough-2xs"],
+      "3xs": styles["aviosCurrencyStrikethrough-3xs"],
+      "4xs": styles["aviosCurrencyStrikethrough-4xs"],
+      "5xs": styles["aviosCurrencyStrikethrough-5xs"]
+    },
+    styleVariant: {
+      primary: styles["aviosCurrencyStrikethrough-primary"],
+      secondary: styles["aviosCurrencyStrikethrough-secondary"],
+      white: styles["aviosCurrencyStrikethrough-white"],
+      onSpend: styles["aviosCurrencyStrikethrough-onSpend"],
+      onCollect: styles["aviosCurrencyStrikethrough-onCollect"],
+      accentPrimary: styles["aviosCurrencyStrikethrough-accentPrimary"],
+      accentSecondary: styles["aviosCurrencyStrikethrough-accentSecondary"]
+    }
+  },
+  defaultVariants: {
+    styleVariant: "accentSecondary",
+    size: "xl"
+  }
+});
+const AviosCurrency = ({
+  children,
+  styleVariant = "accentSecondary",
+  kind = "balance",
+  size = "xl",
+  hasCurrencyName = false,
+  decorator,
+  isStrikethrough = false,
+  ...props
+}) => {
+  const {
+    isLink,
+    isDropdown
+  } = useMemo(() => {
+    if (decorator === "link") {
+      return {
+        isLink: true,
+        isDropdown: false
+      };
+    }
+    if (decorator === "dropdown") {
+      return {
+        isLink: false,
+        isDropdown: true
+      };
+    }
+    return {
+      isLink: false,
+      isDropdown: false
+    };
+  }, [decorator]);
+  const iconSize = useMemo(() => getIconSize(size), [size]);
+  return /* @__PURE__ */ jsxs("span", { className: aviosCurrency({
+    styleVariant,
+    size
+  }), children: [
+    isStrikethrough && /* @__PURE__ */ jsx("span", { className: aviosCurrencyStrikethrough({
+      size,
+      styleVariant
+    }) }),
+    /* @__PURE__ */ jsx(AviosCurrencySymbol, { ...props, styleVariant, kind }),
+    /* @__PURE__ */ jsx("span", { children }),
+    isLink && /* @__PURE__ */ jsx(Icon, { iconName: "chevron-right", iconSize }),
+    isDropdown && /* @__PURE__ */ jsx(Icon, { iconName: "angles-up-down", iconSize }),
+    hasCurrencyName && /* @__PURE__ */ jsx("span", { className: styles["aviosCurrencyName"], children: "Avios" })
+  ] });
+};
+export {
+  AviosCurrency,
+  AviosCurrency as default,
+  getIconSize
+};
+//# sourceMappingURL=AviosCurrency.js.map

package/dist/components/AviosCurrency/AviosCurrency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AviosCurrency.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/AviosCurrency/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AviosCurrency';

package/dist/components/AviosCurrency/index.js

@@ -0,0 +1,5 @@
+import { AviosCurrency } from "./AviosCurrency.js";
+export {
+  AviosCurrency as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/AviosCurrencySymbol/AviosCurrencySymbol.d.ts

@@ -1,4 +1,9 @@
 import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const aviosCurrencySymbol: (props?: ({
+    styleVariant?: "primary" | "secondary" | "accentPrimary" | "accentSecondary" | "white" | "onSpend" | "onCollect" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type AviosCurrencySymbolVariants = VariantProps<typeof aviosCurrencySymbol>;
 export type AviosCurrencySymbolKind = 'collect' | 'spend' | 'balance';
 export type AviosCurrencySymbolStyleVariant = 'primary' | 'secondary' | 'white' | 'onSpend' | 'onCollect' | 'accentPrimary' | 'accentSecondary';
 export interface AviosCurrencySymbolProps extends Omit<React.SVGProps<SVGSVGElement>, 'fill' | 'className' | 'style'> {

package/dist/components/AviosCurrencySymbol/AviosCurrencySymbol.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React__default from "react";
-import { c as cva } from "../../index-Bi3v_EjJ.js";
+import React from "react";
+import { c as cva } from "../../index-DdUYounA.js";
 import '../../assets/AviosCurrencySymbol.css';const styles = {
   "aviosCurrencySymbol-primary": "_aviosCurrencySymbol-primary_152jd_1",
   "aviosCurrencySymbol-secondary": "_aviosCurrencySymbol-secondary_152jd_11",
@@ -51,7 +51,7 @@ const AviosCurrencySymbol = ({
   "aria-label": ariaLabel,
   ...props
 }) => {
-  const dimensions = React__default.useMemo(() => {
+  const dimensions = React.useMemo(() => {
     if (width && height) {
       return {
         width,

package/dist/components/Badge/Badge.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as cva } from "../../index-Bi3v_EjJ.js";
+import { c as cva } from "../../index-DdUYounA.js";
 import { Icon } from "../Icon/Icon.js";
 import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
 import '../../assets/Badge.css';const badge$1 = "_badge_12fsq_1";

package/dist/components/Button/Button.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { c as cva } from "../../index-Bi3v_EjJ.js";
+import { c as cva } from "../../index-DdUYounA.js";
 import { forwardRef } from "react";
 import { useButton } from "@react-aria/button";
 import { useObjectRef, mergeProps } from "@react-aria/utils";
@@ -66,9 +66,7 @@ const styles = {
   whitePrimary,
   whiteSecondary,
   whiteTertiary,
-  whiteQuaternary,
-  "fa-spinner-third": "_fa-spinner-third_9pg0y_544",
-  "icon-wrapper": "_icon-wrapper_9pg0y_549"
+  whiteQuaternary
 };
 const button = cva(styles.button, {
   variants: {

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import React__default from "react";
-import { c as cva } from "../../index-Bi3v_EjJ.js";
+import React from "react";
+import { c as cva } from "../../index-DdUYounA.js";
 import '../../assets/ButtonGroup.css';const buttonGroup = "_buttonGroup_zcnod_2";
 const alignStart = "_alignStart_zcnod_10";
 const alignCenter = "_alignCenter_zcnod_14";
@@ -41,7 +41,7 @@ const ButtonGroup = ({
 }) => {
   return /* @__PURE__ */ jsx("div", { className: `${buttonGroupStyles({
     align
-  })}`, role: "group", "aria-label": "Button Group", children: React__default.Children.map(children, (child) => child) });
+  })}`, role: "group", "aria-label": "Button Group", children: React.Children.map(children, (child) => child) });
 };
 export {
   ButtonGroup,

package/dist/components/CalloutBanner/CalloutBanner.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React__default from "react";
+import React from "react";
 import { Icon } from "../Icon/Icon.js";
-import { c as cva } from "../../index-Bi3v_EjJ.js";
+import { c as cva } from "../../index-DdUYounA.js";
 import { IconButton } from "../IconButton/IconButton.js";
 import '../../assets/CalloutBanner.css';const calloutBanner$1 = "_calloutBanner_kxqgt_1";
 const calloutBanner__icon = "_calloutBanner__icon_kxqgt_12";
@@ -57,7 +57,7 @@ const CalloutBanner = ({
   emphasis = "primary",
   onDismiss
 }) => {
-  const iconName = React__default.useMemo(() => {
+  const iconName = React.useMemo(() => {
     switch (styleVariant) {
       case "critical":
         return "circle-exclamation";
@@ -70,7 +70,7 @@ const CalloutBanner = ({
       default:
         return "circle-exclamation";
     }
-  }, [emphasis]);
+  }, [styleVariant]);
   const hasOnDismiss = typeof onDismiss === "function";
   return /* @__PURE__ */ jsxs("div", { className: calloutBanner({
     emphasis,

package/dist/components/CardSection/CardSection.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as cva } from "../../index-Bi3v_EjJ.js";
+import { c as cva } from "../../index-DdUYounA.js";
 import { forwardRef } from "react";
 import '../../assets/CardSection.css';const cardSection$1 = "_cardSection_1uwwa_1";
 const cardContainer = "_cardContainer_1uwwa_12";

package/dist/components/Checkbox/Checkbox.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "react-aria-components";
-import { c as cva } from "../../index-Bi3v_EjJ.js";
+import { c as cva } from "../../index-DdUYounA.js";
 import FieldDescription from "../FieldDescription/FieldDescription.js";
 import '../../assets/Checkbox.css';const checkbox$1 = "_checkbox_1twm2_2";
 const checkboxContainer = "_checkboxContainer_1twm2_19";

package/dist/components/CheckboxGroup/CheckboxGroup.js

@@ -2,24 +2,20 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { CheckboxGroup as CheckboxGroup$1 } from "react-aria-components";
 import { FieldHeader } from "../FieldHeader/FieldHeader.js";
 import '../../assets/CheckboxGroup.css';const checkboxGroup = "_checkboxGroup_1vs5o_1";
-const errorMessage = "_errorMessage_1vs5o_8";
-const description = "_description_1vs5o_13";
 const styles = {
-  checkboxGroup,
-  errorMessage,
-  description
+  checkboxGroup
 };
 const CheckboxGroup = ({
   label,
   children,
-  description: description2,
-  errorMessage: errorMessage2,
+  description,
+  errorMessage,
   isDisabled,
   isInvalid,
   ...props
 }) => {
   return /* @__PURE__ */ jsxs(CheckboxGroup$1, { className: styles.checkboxGroup, isDisabled, isInvalid, ...props, children: [
-    /* @__PURE__ */ jsx(FieldHeader, { label, description: description2, errorMessage: errorMessage2, isRequired: true, isInvalid }),
+    /* @__PURE__ */ jsx(FieldHeader, { label, description, errorMessage, isRequired: true, isInvalid }),
     children
   ] });
 };

package/dist/components/CheckboxGroup/CheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CheckboxGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/ClearFieldButton/ClearFieldButton.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as cva } from "../../index-Bi3v_EjJ.js";
+import { c as cva } from "../../index-DdUYounA.js";
 import { Button } from "react-aria-components";
 import { Icon } from "../Icon/Icon.js";
 import { focusStyleVariants } from "../../utils/focus/focusStyles.js";

package/dist/components/CreditCardNumberField/CreditCardNumberField.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import React__default from "react";
+import React from "react";
 import { TextField, Input } from "react-aria-components";
-import { P as PatternFormat } from "../../react-number-format.es-DXPULhrt.js";
+import { P as PatternFormat } from "../../react-number-format.es-BjKL6crg.js";
 import { Field } from "../_base/Field/Field.js";
 import { Icon } from "../Icon/Icon.js";
 import { getCardIcon } from "../../utils/creditCard/creditCard.js";
@@ -21,21 +21,21 @@ const CreditCardNumberField = ({
   label = "Credit card number",
   ...props
 }) => {
-  const [value, setValue] = React__default.useState(defaultValue);
+  const [value, setValue] = React.useState(defaultValue);
   const valueDefinitive = valueControlled ?? value;
-  const cardIcon = React__default.useMemo(() => {
+  const cardIcon = React.useMemo(() => {
     if (typeof cardIconProp === "function") {
       return cardIconProp(value) || "credit-card";
     }
     return cardIconProp || "credit-card";
   }, [value, cardIconProp]);
-  return /* @__PURE__ */ jsx(Field, { className: styles.creditCardNumberField, as: TextField, label, isRequired: true, hasEndIcon: true, ...props, children: /* @__PURE__ */ jsxs("div", { className: styles.inputWrapper, children: [
+  return /* @__PURE__ */ jsx(Field, { className: styles.creditCardNumberField, as: TextField, isRequired: true, hasEndIcon: true, ...props, children: /* @__PURE__ */ jsxs("div", { className: styles.inputWrapper, children: [
     /* @__PURE__ */ jsx(PatternFormat, { type: "text", format: "#### #### #### ####", customInput: Input, placeholder: props == null ? void 0 : props.placeholder, allowEmptyFormatting: false, defaultValue, value: valueDefinitive, onValueChange: (values) => {
       if (typeof onChangeControlled === "function") {
         onChangeControlled(values.value);
       }
       setValue(values.value);
-    }, autoComplete: "cc-number" }),
+    }, autoComplete: "cc-number", "aria-label": label }),
     /* @__PURE__ */ jsx(Icon, { iconName: cardIcon, iconPrefix: cardIcon === "credit-card" ? "fas" : "fab", className: styles.iconEnd, iconSize: "1.25x", padding: "roomy" })
   ] }) });
 };

package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React__default from "react";
+import React from "react";
 import { TextField, Input } from "react-aria-components";
-import { P as PatternFormat } from "../../react-number-format.es-DXPULhrt.js";
+import { P as PatternFormat } from "../../react-number-format.es-BjKL6crg.js";
 import { Field } from "../_base/Field/Field.js";
 import '../../assets/CreditCardSecurityCodeField.css';const creditCardSecurityCodeField = "_creditCardSecurityCodeField_14mb2_1";
 const inputWrapper = "_inputWrapper_14mb2_11";
@@ -20,16 +20,16 @@ const CreditCardSecurityCodeField = ({
   digits = 3,
   ...props
 }) => {
-  const [value, setValue] = React__default.useState(defaultValue);
+  const [value, setValue] = React.useState(defaultValue);
   const valueDefinitive = valueControlled ?? value;
-  return /* @__PURE__ */ jsxs(Field, { className: styles.creditCardSecurityCodeField, as: TextField, label, isRequired: true, ...props, children: [
+  return /* @__PURE__ */ jsxs(Field, { className: styles.creditCardSecurityCodeField, as: TextField, isRequired: true, ...props, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.inputWrapper, children: [
       /* @__PURE__ */ jsx(PatternFormat, { type: "text", format: `${"#".repeat(digits)}`, customInput: Input, placeholder: props == null ? void 0 : props.placeholder, defaultValue, value: valueDefinitive, onValueChange: (values) => {
         if (typeof onChangeControlled === "function") {
           onChangeControlled(values.value);
         }
         setValue(values.value);
-      }, autoComplete: "cc-csc" }),
+      }, autoComplete: "cc-csc", "aria-label": label }),
       /* @__PURE__ */ jsx(CreditCardSecurityCodeIcon, { cardIcon })
     ] }),
     (props == null ? void 0 : props.children) && /* @__PURE__ */ jsx("div", { className: styles.inputChildren, children: props.children })

package/dist/components/DateField/DateField.js

@@ -126,6 +126,11 @@ class $3b62074eb05584b2$export$80ee6245ec4f29ec {
     this.identifier = "gregory";
   }
 }
+function $14e0f24ef4ac5c92$export$dbc69fd56b53d5e(a, b) {
+  var _a_isEqual, _b_isEqual;
+  var _a_isEqual1, _ref;
+  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;
+}
 function $14e0f24ef4ac5c92$export$68781ddf31c0090f(a, b) {
   return a.calendar.toJulianDay(a) - b.calendar.toJulianDay(b);
 }
@@ -260,7 +265,7 @@ function $11d87f3f76e88657$export$b21e0b124e224484(date, time) {
   return new $35ea8db9cb2ccb90$export$ca871e8dbb80966f(date.calendar, date.era, date.year, date.month, date.day, hour, minute, second, millisecond);
 }
 function $11d87f3f76e88657$export$b4a036af3fc0b032(date, calendar) {
-  if (date.calendar.identifier === calendar.identifier) return date;
+  if ($14e0f24ef4ac5c92$export$dbc69fd56b53d5e(date.calendar, calendar)) return date;
   let calendarDate = calendar.fromJulianDay(date.calendar.toJulianDay(date));
   let copy = date.copy();
   copy.calendar = calendar;

package/dist/components/DateField/DateField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DateField.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Dialog/Dialog.d.ts

@@ -23,6 +23,11 @@ export interface DialogProps extends AriaDialogProps {
      * Shows/hides the close (X) button in header
      */
     hasDismissButton?: boolean;
+    /**
+     * Text for the close button's tooltip and aria-label
+     * @default "Close dialog"
+     */
+    dismissButtonLabel?: string;
     /**
      * ARIA role - use 'alertdialog' for important messages
      */

package/dist/components/Dialog/Dialog.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import React__default, { useRef } from "react";
+import React, { useRef } from "react";
 import { IconButton } from "../IconButton/IconButton.js";
 import { OverlayContainer, useOverlay, usePreventScroll, useModal } from "@react-aria/overlays";
 import { useDialog } from "@react-aria/dialog";
@@ -45,6 +45,7 @@ function DialogWrapper({
     size = "medium",
     modal = false,
     hasDismissButton = true,
+    dismissButtonLabel = "Close dialog",
     role = "dialog",
     id
   } = props;
@@ -68,17 +69,13 @@ function DialogWrapper({
   const {
     modalProps
   } = useModal();
-  const headerChild = React__default.Children.toArray(children).find((child) => React__default.isValidElement(child) && child.type === DialogHeader);
-  const otherChildren = React__default.Children.toArray(children).filter((child) => !React__default.isValidElement(child) || child.type !== DialogHeader);
+  const headerChild = React.Children.toArray(children).find((child) => React.isValidElement(child) && child.type === DialogHeader);
+  const otherChildren = React.Children.toArray(children).filter((child) => !React.isValidElement(child) || child.type !== DialogHeader);
   const hasHeader = Boolean(headerChild) || hasDismissButton;
   const headerId = props["aria-labelledby"] || `${id}-header`;
   const contentId = props["aria-describedby"] || `${id}-content`;
   return /* @__PURE__ */ jsxs("div", { className: `${styles.dialogWrapper} ${modal ? styles.modal : ""}`, children: [
-    modal && /* @__PURE__ */ jsx("div", { className: styles.overlay, ...underlayProps, onClick: onClose, onKeyDown: (e) => {
-      if (e.key === "Enter" || e.key === "Space") {
-        onClose == null ? void 0 : onClose();
-      }
-    }, role: "button", tabIndex: 0 }),
+    modal && /* @__PURE__ */ jsx("div", { className: styles.overlay, ...underlayProps, onClick: onClose, "aria-hidden": "true" }),
     /* @__PURE__ */ jsx(FocusScope, { contain: true, restoreFocus: true, autoFocus: false, children: /* @__PURE__ */ jsxs("div", { ...overlayProps, ...dialogProps, ...modalProps, ref, className: `${styles.dialog} ${styles[size]}`, "data-size": size, id, role, "aria-labelledby": headerId, "aria-describedby": contentId, children: [
       /* @__PURE__ */ jsxs("div", { className: `${styles.dialogContent} ${!hasHeader ? styles.noHeader : ""}`, children: [
         hasHeader && /* @__PURE__ */ jsx("div", { className: styles.dialogHeader, id: headerId, children: headerChild }),
@@ -88,7 +85,7 @@ function DialogWrapper({
         iconName: "close",
         iconPrefix: "far",
         iconSize: "1x"
-      }, tooltipLabel: "Close dialog", "aria-label": "Close dialog" }) })
+      }, tooltipLabel: dismissButtonLabel, "aria-label": dismissButtonLabel }) })
     ] }) })
   ] });
 }