@alto-avios/alto-ui 3.0.0 → 3.2.0

package/dist/components/Slider/Slider.js

@@ -0,0 +1,113 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Slider as Slider$1, SliderTrack, SliderThumb } from "react-aria-components";
+import { useId, useRef } from "react";
+import { Box } from "../Box/Box.js";
+import { FieldHeader } from "../FieldHeader/FieldHeader.js";
+import { Tooltip } from "../Tooltip/Tooltip.js";
+import '../../assets/Slider.css';const fieldHeaderWrapper = "_fieldHeaderWrapper_12sym_1";
+const output = "_output_12sym_5";
+const sliderContainer = "_sliderContainer_12sym_14";
+const track = "_track_12sym_21";
+const fill = "_fill_12sym_30";
+const thumbContainer = "_thumbContainer_12sym_37";
+const thumb = "_thumb_12sym_37";
+const slider = "_slider_12sym_14";
+const styles = {
+  fieldHeaderWrapper,
+  output,
+  sliderContainer,
+  track,
+  fill,
+  thumbContainer,
+  thumb,
+  slider
+};
+const CustomThumb = ({
+  index,
+  state,
+  formatValue,
+  isDisabled,
+  showTooltip = false,
+  label,
+  minValue,
+  maxValue,
+  isRange
+}) => {
+  const isDragging = state.isThumbDragging(index);
+  const isFocused = state.focusedThumb === index;
+  const isTooltipVisible = showTooltip && (isDragging || isFocused);
+  const thumbRef = useRef(null);
+  const value = state.values[index];
+  const thumbLabel = isRange ? `${index === 0 ? "Minimum" : "Maximum"} value for ${label}` : label;
+  const valueDescription = `${formatValue(value)} out of range ${formatValue(minValue)} to ${formatValue(maxValue)}`;
+  return /* @__PURE__ */ jsxs("div", { className: styles.thumbContainer, style: {
+    left: `${state.getThumbPercent(index) * 100}%`
+  }, role: "presentation", children: [
+    /* @__PURE__ */ jsx(SliderThumb, { index, className: styles.thumb, ref: thumbRef, "aria-label": thumbLabel, "aria-valuetext": valueDescription }),
+    /* @__PURE__ */ jsx(Tooltip, { label: formatValue(state.values[index]), placement: "top", isDisabled, visible: isTooltipVisible, triggerRef: thumbRef, children: /* @__PURE__ */ jsx("div", { role: "presentation" }) })
+  ] });
+};
+const Slider = ({
+  label,
+  description,
+  isDisabled = false,
+  isRange = false,
+  minValue = 0,
+  maxValue = 100,
+  step,
+  formatOptions,
+  defaultValue = isRange ? [25, 75] : 50,
+  value,
+  id: providedId,
+  onChange,
+  showTooltip = false
+}) => {
+  const uniqueId = useId();
+  const id = providedId || `slider-${uniqueId}`;
+  const calculatedStep = step ?? (typeof formatOptions === "object" && (formatOptions == null ? void 0 : formatOptions.style) === "currency" ? 0.01 : typeof defaultValue === "number" ? defaultValue % 1 !== 0 ? 0.01 : 1 : Array.isArray(defaultValue) && defaultValue.some((v) => v % 1 !== 0) ? 0.01 : 1);
+  const formatValue = (val) => {
+    if (typeof formatOptions === "function") {
+      return formatOptions(val, maxValue);
+    }
+    if (!formatOptions) {
+      const decimalPlaces = calculatedStep < 1 ? 2 : 0;
+      return val.toFixed(decimalPlaces);
+    }
+    return new Intl.NumberFormat(void 0, formatOptions).format(val);
+  };
+  const sliderProps = {
+    id,
+    isDisabled,
+    minValue,
+    maxValue,
+    step: calculatedStep,
+    defaultValue,
+    value,
+    onChange,
+    className: styles.slider,
+    orientation: "horizontal"
+  };
+  return /* @__PURE__ */ jsx(Box, { display: "flex", flexDirection: "column", gap: "md", padding: "md", children: /* @__PURE__ */ jsx(Slider$1, { ...sliderProps, children: ({
+    state
+  }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.fieldHeaderWrapper, children: [
+      /* @__PURE__ */ jsx(FieldHeader, { label, description, labelFor: id, isRequired: true }),
+      /* @__PURE__ */ jsx("div", { className: styles.output, "aria-live": "polite", "aria-atomic": "true", children: isRange ? /* @__PURE__ */ jsx("span", { children: `${formatValue(state.values[0])} - ${formatValue(state.values[1])}` }) : /* @__PURE__ */ jsx("span", { children: formatValue(state.values[0]) }) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: styles.sliderContainer, role: "presentation", children: /* @__PURE__ */ jsxs(SliderTrack, { className: styles.track, children: [
+      /* @__PURE__ */ jsx("div", { className: styles.fill, style: {
+        left: isRange ? `${state.getThumbPercent(0) * 100}%` : 0,
+        width: isRange ? `${(state.getThumbPercent(1) - state.getThumbPercent(0)) * 100}%` : `${state.getThumbPercent(0) * 100}%`
+      }, role: "presentation" }),
+      isRange ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(CustomThumb, { index: 0, state, formatValue, isDisabled, showTooltip, label: label || "", minValue, maxValue: state.values[1], isRange: true }),
+        /* @__PURE__ */ jsx(CustomThumb, { index: 1, state, formatValue, isDisabled, showTooltip, label: label || "", minValue: state.values[0], maxValue, isRange: true })
+      ] }) : /* @__PURE__ */ jsx(CustomThumb, { index: 0, state, formatValue, isDisabled, showTooltip, label: label || "", minValue, maxValue, isRange: false })
+    ] }) })
+  ] }) }) });
+};
+export {
+  Slider,
+  Slider as default
+};
+//# sourceMappingURL=Slider.js.map

package/dist/components/Slider/Slider.js.map

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

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

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

package/dist/components/Slider/index.js

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

package/dist/components/Slider/index.js.map

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

package/dist/components/SubHeading/SubHeading.d.ts

@@ -1,20 +1,41 @@
 import { default as React } from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { fgColorVariants } from '../../utils/fgColour/fgColor';
+import { ForegroundVariants } from '../../utils/foregroundColour/foregroundColor';
 declare const subHeading: (props?: ({
     size?: "sm" | "xs" | null | undefined;
-    textAlign?: "end" | "start" | "center" | null | undefined;
+    textAlign?: "center" | "end" | "start" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type HeadingVariants = VariantProps<typeof subHeading>;
-type FgColorVariants = VariantProps<typeof fgColorVariants>;
 type SubHeadingLevel = 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 type SubHeadingSize = 'xs' | 'sm';
 export interface HeadingProps extends HeadingVariants {
+    /**
+     * children
+     */
     children: React.ReactNode;
+    /**
+     * The heading element to render
+     */
     as?: SubHeadingLevel;
+    /**
+     * The size of the heading
+     */
     size?: SubHeadingSize;
-    fgColor?: FgColorVariants['fgColor'];
+    /**
+     * The foreground color of the heading
+     * @default "accentPrimary"
+     */
+    foregroundColor?: ForegroundVariants['foregroundColor'];
+    /**
+     * The foreground color of the heading
+     * @deprecated Use `foregroundColor` instead
+     */
+    fgColor?: ForegroundVariants['foregroundColor'];
+    /**
+     * The text alignment of the heading
+     * @default "start"
+     */
     textAlign?: 'start' | 'center' | 'end';
 }
-export declare const SubHeading: ({ children, as: Component, size, fgColor, textAlign, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SubHeading: ({ children, as: Component, size, foregroundColor, fgColor, textAlign, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
 export default SubHeading;

package/dist/components/SubHeading/SubHeading.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as cva } from "../../index-Bi3v_EjJ.js";
-import { fgColorVariants } from "../../utils/fgColour/fgColor.js";
+import { foregroundColorVariants } from "../../utils/foregroundColour/foregroundColor.js";
 import '../../assets/SubHeading.css';const subHeading$1 = "_subHeading_up5r4_1";
 const xs = "_xs_up5r4_8";
 const sm = "_sm_up5r4_15";
@@ -36,16 +36,21 @@ const SubHeading = ({
   children,
   as: Component = "span",
   size,
-  fgColor = "accentPrimary",
+  foregroundColor = "accentPrimary",
+  fgColor,
   textAlign = "start",
   ...props
 }) => {
   const effectiveSize = size;
+  if (fgColor) {
+    console.warn("The `fgColor` prop has been deprecated. Please use `foregroundColor` instead.");
+  }
+  const resolvedFontColor = fgColor ?? foregroundColor ?? "accentPrimary";
   return /* @__PURE__ */ jsx(Component, { className: `${subHeading({
     size: effectiveSize,
     textAlign
-  })} ${fgColorVariants({
-    fgColor
+  })} ${foregroundColorVariants({
+    foregroundColor: resolvedFontColor
   })}`, ...props, children });
 };
 export {

package/dist/components/SubHeading/SubHeading.js.map

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

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { SwitchProps as AriaSwitchProps } from 'react-aria-components';
+export interface SwitchProps extends AriaSwitchProps {
+    children?: React.ReactNode;
+}
+export declare const Switch: (props: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+export default Switch;

package/dist/components/Switch/Switch.js

@@ -0,0 +1,18 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Switch as Switch$1 } from "react-aria-components";
+import '../../assets/Switch.css';const indicator = "_indicator_1mhci_18";
+const styles = {
+  "switch": "_switch_1mhci_1",
+  indicator
+};
+const Switch = (props) => {
+  return /* @__PURE__ */ jsxs(Switch$1, { ...props, className: styles.switch, children: [
+    /* @__PURE__ */ jsx("div", { className: styles.indicator }),
+    (props == null ? void 0 : props.children) && /* @__PURE__ */ jsx("label", { className: styles.label, htmlFor: props == null ? void 0 : props.name, children: props.children })
+  ] });
+};
+export {
+  Switch,
+  Switch as default
+};
+//# sourceMappingURL=Switch.js.map

package/dist/components/Switch/Switch.js.map

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

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

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

package/dist/components/Switch/index.js

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

package/dist/components/Switch/index.js.map

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

package/dist/components/Tag/Tag.js

@@ -3,9 +3,9 @@ import { Tag as Tag$1 } from "react-aria-components";
 import { Icon } from "../Icon/Icon.js";
 import { IconButton } from "../IconButton/IconButton.js";
 import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
-import '../../assets/Tag.css';const tag = "_tag_ob7tq_1";
-const isRemovable = "_isRemovable_ob7tq_21";
-const iconWrapper = "_iconWrapper_ob7tq_123";
+import '../../assets/Tag.css';const tag = "_tag_1jz2y_1";
+const isRemovable = "_isRemovable_1jz2y_21";
+const iconWrapper = "_iconWrapper_1jz2y_123";
 const styles = {
   tag,
   isRemovable,
@@ -24,7 +24,7 @@ const Tag = ({
   return /* @__PURE__ */ jsxs(Tag$1, { className: `${styles.tag} ${isRemovable2 ? styles.isRemovable : ""} ${focusStyleVariants({
     focusStyle
   })}`, isDisabled, id: id == null ? void 0 : id.toString(), textValue, ...props, children: [
-    leadingIconProps ? /* @__PURE__ */ jsx("span", { className: styles.iconWrapper, children: /* @__PURE__ */ jsx(Icon, { ...leadingIconProps }) }) : null,
+    leadingIconProps ? /* @__PURE__ */ jsx("span", { className: styles.iconWrapper, children: /* @__PURE__ */ jsx(Icon, { ...leadingIconProps, iconSize: "0.75x", padding: "square" }) }) : null,
     children,
     isRemovable2 && /* @__PURE__ */ jsx(IconButton, { slot: "remove", size: "sm", iconProps: {
       iconName: "close"

package/dist/components/ToggleButton/ToggleButton.js

@@ -4,14 +4,14 @@ import { useRef, useState, useEffect } from "react";
 import { ToggleButton as ToggleButton$1 } from "react-aria-components";
 import LoadingSpinner from "../LoadingSpinner/LoadingSpinner.js";
 import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
-import '../../assets/ToggleButton.css';const toggleButton$1 = "_toggleButton_17fie_1";
-const sm = "_sm_17fie_35";
-const md = "_md_17fie_42";
-const lg = "_lg_17fie_48";
+import '../../assets/ToggleButton.css';const toggleButton$1 = "_toggleButton_1q059_1";
+const sm = "_sm_1q059_35";
+const md = "_md_1q059_42";
+const lg = "_lg_1q059_48";
 const styles = {
   toggleButton: toggleButton$1,
-  "fa-spinner-third": "_fa-spinner-third_17fie_21",
-  "icon-wrapper": "_icon-wrapper_17fie_26",
+  "fa-spinner-third": "_fa-spinner-third_1q059_21",
+  "icon-wrapper": "_icon-wrapper_1q059_26",
   sm,
   md,
   lg

package/dist/components/ToggleIconButton/ToggleIconButton.js

@@ -6,17 +6,17 @@ import { Icon } from "../Icon/Icon.js";
 import LoadingSpinner from "../LoadingSpinner/LoadingSpinner.js";
 import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
 import { Tooltip } from "../Tooltip/Tooltip.js";
-import '../../assets/ToggleIconButton.css';const toggleIconButton$1 = "_toggleIconButton_1pk2t_1";
-const sm = "_sm_1pk2t_26";
-const md = "_md_1pk2t_32";
-const lg = "_lg_1pk2t_38";
+import '../../assets/ToggleIconButton.css';const toggleIconButton$1 = "_toggleIconButton_1za7z_1";
+const sm = "_sm_1za7z_26";
+const md = "_md_1za7z_32";
+const lg = "_lg_1za7z_38";
 const styles = {
   toggleIconButton: toggleIconButton$1,
-  "icon-wrapper": "_icon-wrapper_1pk2t_17",
+  "icon-wrapper": "_icon-wrapper_1za7z_17",
   sm,
   md,
   lg,
-  "fa-spinner-third": "_fa-spinner-third_1pk2t_44"
+  "fa-spinner-third": "_fa-spinner-third_1za7z_44"
 };
 const toggleIconButton = cva(styles.toggleIconButton, {
   variants: {

package/dist/components/Tooltip/Tooltip.d.ts

@@ -26,6 +26,10 @@ export interface TooltipProps extends AriaTooltipProps {
       By default, opens for both focus and hover. Can be made to open only for focus.
     */
     trigger?: 'focus';
+    /**
+      Controls the visibility of the tooltip
+    */
+    visible?: boolean;
 }
-export declare const Tooltip: ({ label, placement, isDisabled, delay, closeDelay, children, trigger, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ label, placement, isDisabled, delay, closeDelay, children, trigger, visible, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export default Tooltip;

package/dist/components/Tooltip/Tooltip.js

@@ -14,9 +14,10 @@ const Tooltip = ({
   closeDelay,
   children,
   trigger,
+  visible,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs(TooltipTrigger, { isDisabled, delay, closeDelay, trigger, children: [
+  return /* @__PURE__ */ jsxs(TooltipTrigger, { isDisabled, delay, closeDelay, trigger, isOpen: visible, children: [
     children,
     /* @__PURE__ */ jsx(Tooltip$1, { className: styles.tooltip, placement, ...props, children: /* @__PURE__ */ jsx("div", { "data-placement": placement, children: label }) })
   ] });

package/dist/components/Tooltip/Tooltip.js.map

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

package/dist/components/_base/Field/Field.d.ts

@@ -6,11 +6,11 @@ export interface FieldCommonProps extends FieldHeaderProps {
      */
     isDisabled?: boolean;
 }
-export type FieldProps<T extends object> = T & FieldCommonProps;
+export type FieldProps<T extends object = object> = T & FieldCommonProps;
 type FieldBaseProps<T extends object> = FieldProps<T> & {
     as: React.ElementType;
     children: React.ReactNode;
     className?: React.ComponentProps<React.ElementType>['className'];
 };
-export declare function Field<T extends object>({ as, children, className, isInvalid, isDisabled, isRequired, ...props }: FieldBaseProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Field<T extends object>({ as, children, className, ...props }: FieldBaseProps<T>): import("react/jsx-runtime").JSX.Element;
 export default Field;

package/dist/components/_base/Field/Field.js

@@ -15,13 +15,10 @@ function Field({
   as,
   children,
   className,
-  isInvalid = false,
-  isDisabled = false,
-  isRequired = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(PolymorphicField, { as, isDisabled, isInvalid, className, isRequired, ...props, children: [
-    (props == null ? void 0 : props.label) ? /* @__PURE__ */ jsx(FieldHeader, { label: props == null ? void 0 : props.label, description: props == null ? void 0 : props.description, errorMessage: props == null ? void 0 : props.errorMessage, isInvalid, isRequired, labelFor: props == null ? void 0 : props.labelFor }) : null,
+  return /* @__PURE__ */ jsxs(PolymorphicField, { as, isDisabled: props == null ? void 0 : props.isDisabled, className, isRequired: props == null ? void 0 : props.isRequired, ...props, children: [
+    (props == null ? void 0 : props.label) ? /* @__PURE__ */ jsx(FieldHeader, { label: props == null ? void 0 : props.label, description: props == null ? void 0 : props.description, errorMessage: props == null ? void 0 : props.errorMessage, isInvalid: props == null ? void 0 : props.isInvalid, isRequired: props == null ? void 0 : props.isRequired, labelFor: props == null ? void 0 : props.labelFor }) : null,
     children
   ] });
 }

package/dist/components/_base/Field/Field.js.map

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

package/dist/components/index.d.ts

@@ -1,13 +1,20 @@
+export { default as Accordion } from './Accordion';
+export { default as AviosBadge } from './AviosBadge';
 export { default as AviosCurrencySymbol } from './AviosCurrencySymbol';
 export { default as Badge } from './Badge';
 export { default as Box } from './Box';
 export { default as Button } from './Button';
 export { default as ButtonGroup } from './ButtonGroup';
+export { default as CalloutBanner } from './CalloutBanner';
 export { default as CardSection } from './CardSection';
 export { default as Checkbox } from './Checkbox';
 export { default as CheckboxGroup } from './CheckboxGroup';
+export { default as CreditCardNumberField } from './CreditCardNumberField';
 export { default as DateField } from './DateField';
 export { default as DestinationHeading } from './DestinationHeading';
+export { default as DetailsDisclosure } from './DetailsDisclosure';
+export { default as Dialog } from './Dialog';
+export { default as ErrorSummary } from './ErrorSummary';
 export { default as Eyebrow } from './Eyebrow';
 export { default as FieldDescription } from './FieldDescription';
 export { default as FieldError } from './FieldError';
@@ -19,16 +26,25 @@ export { default as Form } from './Form';
 export { default as Grid } from './Grid';
 export { default as Heading } from './Heading';
 export { default as Icon } from './Icon';
+export { default as IconBackdrop } from './IconBackdrop';
 export { default as IconButton } from './IconButton';
 export { default as Image } from './Image';
 export { default as Link } from './Link';
 export { default as LoadingSpinner } from './LoadingSpinner';
+export { default as Menu } from './Menu';
 export { default as NumberField } from './NumberField';
 export { default as Paragraph } from './Paragraph';
+export { default as PhoneNumberField } from './PhoneNumberField';
+export { default as Popover } from './Popover';
+export { default as PasswordField } from './PasswordField';
 export { default as Radio } from './Radio';
 export { default as RadioGroup } from './RadioGroup';
 export { default as Section } from './Section';
+export { default as Select } from './SelectNative';
+export { default as SelectCard } from './SelectCard';
+export { default as SelectNative } from './SelectNative';
 export { default as SubHeading } from './SubHeading';
+export { default as Switch } from './Switch';
 export { default as Tag } from './Tag';
 export { default as TagGroup } from './TagGroup';
 export { default as TextField } from './TextField';

package/dist/components/index.js

@@ -1,80 +1,111 @@
 import '../assets/global.css';/* empty css                 */
+import { Accordion } from "./Accordion/Accordion.js";
+import { AviosBadge } from "./AviosBadge/AviosBadge.js";
 import { AviosCurrencySymbol } from "./AviosCurrencySymbol/AviosCurrencySymbol.js";
 import { Badge } from "./Badge/Badge.js";
 import { Box } from "./Box/Box.js";
 import { Button } from "./Button/Button.js";
 import { ButtonGroup } from "./ButtonGroup/ButtonGroup.js";
+import { CalloutBanner } from "./CalloutBanner/CalloutBanner.js";
 import { default as default2 } from "./CardSection/CardSection.js";
 import { Checkbox } from "./Checkbox/Checkbox.js";
 import { CheckboxGroup } from "./CheckboxGroup/CheckboxGroup.js";
+import { CreditCardNumberField } from "./CreditCardNumberField/CreditCardNumberField.js";
 import { DateField } from "./DateField/DateField.js";
 import { DestinationHeading } from "./DestinationHeading/DestinationHeading.js";
+import { default as default3 } from "./DetailsDisclosure/DetailsDisclosure.js";
+import { Dialog } from "./Dialog/Dialog.js";
+import { ErrorSummary } from "./ErrorSummary/ErrorSummary.js";
 import { Eyebrow } from "./Eyebrow/Eyebrow.js";
-import { default as default3 } from "./FieldDescription/FieldDescription.js";
+import { default as default4 } from "./FieldDescription/FieldDescription.js";
 import { FieldError } from "./FieldError/FieldError.js";
 import { FieldHeader } from "./FieldHeader/FieldHeader.js";
 import { FieldLabel } from "./FieldLabel/FieldLabel.js";
-import { default as default4 } from "./Fieldset/Fieldset.js";
+import { default as default5 } from "./Fieldset/Fieldset.js";
 import { FieldsetHeader } from "./FieldsetHeader/FieldsetHeader.js";
 import { Form } from "./Form/Form.js";
 import { Grid } from "./Grid/Grid.js";
 import { Heading } from "./Heading/Heading.js";
 import { Icon } from "./Icon/Icon.js";
+import { IconBackdrop } from "./IconBackdrop/IconBackdrop.js";
 import { IconButton } from "./IconButton/IconButton.js";
 import { Image } from "./Image/Image.js";
-import { default as default5 } from "./Link/Link.js";
-import { default as default6 } from "./LoadingSpinner/LoadingSpinner.js";
+import { default as default6 } from "./Link/Link.js";
+import { default as default7 } from "./LoadingSpinner/LoadingSpinner.js";
+import { Menu } from "./Menu/Menu.js";
 import { NumberField } from "./NumberField/NumberField.js";
 import { Paragraph } from "./Paragraph/Paragraph.js";
+import { PhoneNumberField } from "./PhoneNumberField/PhoneNumberField.js";
+import { Popover } from "./Popover/Popover.js";
+import { PasswordField } from "./PasswordField/PasswordField.js";
 import { Radio } from "./Radio/Radio.js";
 import { RadioGroup } from "./RadioGroup/RadioGroup.js";
-import { default as default7 } from "./Section/Section.js";
+import { default as default8 } from "./Section/Section.js";
+import { SelectNative, SelectNative as SelectNative2 } from "./SelectNative/SelectNative.js";
+import { default as default9 } from "./SelectCard/SelectCard.js";
 import { SubHeading } from "./SubHeading/SubHeading.js";
+import { Switch } from "./Switch/Switch.js";
 import { Tag } from "./Tag/Tag.js";
 import { TagGroup } from "./TagGroup/TagGroup.js";
 import { TextField } from "./TextField/TextField.js";
 import { TextAreaField } from "./TextAreaField/TextAreaField.js";
-import { default as default8 } from "./ToggleButton/ToggleButton.js";
-import { default as default9 } from "./ToggleIconButton/ToggleIconButton.js";
+import { default as default10 } from "./ToggleButton/ToggleButton.js";
+import { default as default11 } from "./ToggleIconButton/ToggleIconButton.js";
 import { Tooltip } from "./Tooltip/Tooltip.js";
 export {
+  Accordion,
+  AviosBadge,
   AviosCurrencySymbol,
   Badge,
   Box,
   Button,
   ButtonGroup,
+  CalloutBanner,
   default2 as CardSection,
   Checkbox,
   CheckboxGroup,
+  CreditCardNumberField,
   DateField,
   DestinationHeading,
+  default3 as DetailsDisclosure,
+  Dialog,
+  ErrorSummary,
   Eyebrow,
-  default3 as FieldDescription,
+  default4 as FieldDescription,
   FieldError,
   FieldHeader,
   FieldLabel,
-  default4 as Fieldset,
+  default5 as Fieldset,
   FieldsetHeader,
   Form,
   Grid,
   Heading,
   Icon,
+  IconBackdrop,
   IconButton,
   Image,
-  default5 as Link,
-  default6 as LoadingSpinner,
+  default6 as Link,
+  default7 as LoadingSpinner,
+  Menu,
   NumberField,
   Paragraph,
+  PasswordField,
+  PhoneNumberField,
+  Popover,
   Radio,
   RadioGroup,
-  default7 as Section,
+  default8 as Section,
+  SelectNative as Select,
+  default9 as SelectCard,
+  SelectNative2 as SelectNative,
   SubHeading,
+  Switch,
   Tag,
   TagGroup,
   TextAreaField,
   TextField,
-  default8 as ToggleButton,
-  default9 as ToggleIconButton,
+  default10 as ToggleButton,
+  default11 as ToggleIconButton,
   Tooltip
 };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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