@alto-avios/alto-ui 4.0.0 → 4.2.0

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,302 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import React__default, { useRef, useState, useCallback, useEffect, createContext, useContext } from "react";
+import { TabList as TabList$1, Tab as Tab$1, Tabs as Tabs$1 } from "react-aria-components";
+import { c as cva } from "../../index-DdUYounA.js";
+import { s as styles, T as TabPanel } from "../../TabPanel-DNAQ5FkE.js";
+import { CarouselButton } from "../Carousel/CarouselButton/CarouselButton.js";
+import { Heading } from "../Heading/Heading.js";
+import { Icon } from "../Icon/Icon.js";
+import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
+const tabList = cva(styles.tabList, {
+  variants: {
+    fillContainer: {
+      true: styles.fillContainer,
+      false: void 0
+    },
+    hasScrollButtons: {
+      true: styles.hasScrollButtons,
+      false: void 0
+    }
+  },
+  defaultVariants: {
+    fillContainer: false,
+    hasScrollButtons: false
+  }
+});
+const TabList = ({
+  children,
+  className
+}) => {
+  const context = useTabsContext();
+  const {
+    styleVariant,
+    align,
+    fillContainer,
+    focusStyle
+  } = context;
+  const tabListRef = useRef(null);
+  const containerRef = useRef(null);
+  const prevButtonRef = useRef(null);
+  const nextButtonRef = useRef(null);
+  const [showScrollButtons, setShowScrollButtons] = useState(false);
+  const [canScrollLeft, setCanScrollLeft] = useState(false);
+  const [canScrollRight, setCanScrollRight] = useState(false);
+  const childrenArray = React__default.Children.toArray(children);
+  const itemsLength = childrenArray.length;
+  const hasOverflow = useCallback(() => {
+    if (!tabListRef.current || !containerRef.current || fillContainer) {
+      return false;
+    }
+    const tabList2 = tabListRef.current;
+    const container = containerRef.current;
+    const containerStyles = getComputedStyle(container);
+    const containerPadding = styleVariant === "contained" ? parseInt(containerStyles.paddingLeft) + parseInt(containerStyles.paddingRight) : 0;
+    const availableWidth = container.clientWidth - containerPadding;
+    const requiredWidth = tabList2.scrollWidth;
+    const threshold = 2;
+    return requiredWidth > availableWidth + threshold;
+  }, [fillContainer, styleVariant]);
+  const isTabFullyVisible = useCallback((tabIndex) => {
+    if (!tabListRef.current || !containerRef.current) return true;
+    const tabList2 = tabListRef.current;
+    const container = containerRef.current;
+    const tabElements = Array.from(tabList2.children);
+    if (!tabElements[tabIndex]) return true;
+    const tabElement = tabElements[tabIndex];
+    const containerRect = container.getBoundingClientRect();
+    const tabListRect = tabList2.getBoundingClientRect();
+    const tabRect = tabElement.getBoundingClientRect();
+    const visibleLeft = Math.max(containerRect.left, tabListRect.left);
+    const visibleRight = Math.min(containerRect.right, tabListRect.right);
+    const tolerance = 1;
+    const isFullyVisible = tabRect.left >= visibleLeft - tolerance && tabRect.right <= visibleRight + tolerance;
+    return isFullyVisible;
+  }, []);
+  const getScrollBoundaries = useCallback(() => {
+    if (!hasOverflow() || itemsLength === 0) {
+      return {
+        canScrollLeft: false,
+        canScrollRight: false
+      };
+    }
+    const firstTabVisible = isTabFullyVisible(0);
+    const lastTabVisible = isTabFullyVisible(itemsLength - 1);
+    return {
+      // Show left arrow if first tab is not visible
+      canScrollLeft: !firstTabVisible,
+      // Show right arrow if last tab is not visible
+      canScrollRight: !lastTabVisible
+    };
+  }, [hasOverflow, isTabFullyVisible, itemsLength]);
+  const updateButtonStates = useCallback(() => {
+    const overflow = hasOverflow();
+    if (!overflow || fillContainer) {
+      setShowScrollButtons(false);
+      setCanScrollLeft(false);
+      setCanScrollRight(false);
+      return;
+    }
+    const {
+      canScrollLeft: newCanScrollLeft,
+      canScrollRight: newCanScrollRight
+    } = getScrollBoundaries();
+    const shouldShowButtons = newCanScrollLeft || newCanScrollRight;
+    setShowScrollButtons(shouldShowButtons);
+    setCanScrollLeft(newCanScrollLeft);
+    setCanScrollRight(newCanScrollRight);
+  }, [hasOverflow, getScrollBoundaries, fillContainer]);
+  const throttledUpdateButtonStates = useCallback(() => {
+    requestAnimationFrame(() => {
+      updateButtonStates();
+    });
+  }, [updateButtonStates]);
+  const handleScroll = useCallback(() => {
+    throttledUpdateButtonStates();
+  }, [throttledUpdateButtonStates]);
+  const scrollToLeft = useCallback(() => {
+    if (!tabListRef.current || !canScrollLeft) return;
+    const tabList2 = tabListRef.current;
+    if (!isTabFullyVisible(0)) {
+      tabList2.scrollTo({
+        left: 0,
+        behavior: "smooth"
+      });
+    } else {
+      const scrollAmount = tabList2.clientWidth * 0.6;
+      tabList2.scrollBy({
+        left: -scrollAmount,
+        behavior: "smooth"
+      });
+    }
+  }, [canScrollLeft, isTabFullyVisible]);
+  const scrollToRight = useCallback(() => {
+    if (!tabListRef.current || !canScrollRight) return;
+    const tabList2 = tabListRef.current;
+    if (!isTabFullyVisible(itemsLength - 1)) {
+      const maxScrollLeft = tabList2.scrollWidth - tabList2.clientWidth;
+      tabList2.scrollTo({
+        left: maxScrollLeft,
+        behavior: "smooth"
+      });
+    } else {
+      const scrollAmount = tabList2.clientWidth * 0.6;
+      tabList2.scrollBy({
+        left: scrollAmount,
+        behavior: "smooth"
+      });
+    }
+  }, [canScrollRight, isTabFullyVisible, itemsLength]);
+  const getArrowVariant = () => {
+    return styleVariant === "contained" ? "shapeElevated" : "gradient";
+  };
+  useEffect(() => {
+    const tabList2 = tabListRef.current;
+    const container = containerRef.current;
+    if (!tabList2 || !container) return;
+    const initialTimer = setTimeout(() => {
+      updateButtonStates();
+    }, 100);
+    const resizeObserver = new ResizeObserver(() => {
+      throttledUpdateButtonStates();
+    });
+    resizeObserver.observe(container);
+    resizeObserver.observe(tabList2);
+    tabList2.addEventListener("scroll", handleScroll, {
+      passive: true
+    });
+    const mutationObserver = new MutationObserver(() => {
+      throttledUpdateButtonStates();
+    });
+    mutationObserver.observe(tabList2, {
+      childList: true,
+      subtree: true,
+      characterData: true
+    });
+    const handleWindowResize = () => {
+      throttledUpdateButtonStates();
+    };
+    window.addEventListener("resize", handleWindowResize, {
+      passive: true
+    });
+    return () => {
+      clearTimeout(initialTimer);
+      resizeObserver.disconnect();
+      mutationObserver.disconnect();
+      tabList2.removeEventListener("scroll", handleScroll);
+      window.removeEventListener("resize", handleWindowResize);
+    };
+  }, [updateButtonStates, throttledUpdateButtonStates, handleScroll]);
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      updateButtonStates();
+    }, 50);
+    return () => clearTimeout(timer);
+  }, [children, updateButtonStates]);
+  const combinedClassName = className ? `${tabList({
+    fillContainer,
+    hasScrollButtons: showScrollButtons
+  })} ${className}` : tabList({
+    fillContainer,
+    hasScrollButtons: showScrollButtons
+  });
+  return /* @__PURE__ */ jsxs("div", { className: styles.tabListContainer, ref: containerRef, "data-has-scroll-buttons": showScrollButtons ? "true" : void 0, "data-style-variant": styleVariant, children: [
+    showScrollButtons && canScrollLeft && /* @__PURE__ */ jsx(CarouselButton, { ref: prevButtonRef, dir: "prev", variant: getArrowVariant(), size: "md", focusStyle, hideDisabledArrow: false, className: styles.scrollButtonPrev, onClick: scrollToLeft, standalone: true }),
+    /* @__PURE__ */ jsx(TabList$1, { ref: tabListRef, className: combinedClassName, "data-style-variant": styleVariant, "data-align": align, children }),
+    showScrollButtons && canScrollRight && /* @__PURE__ */ jsx(CarouselButton, { ref: nextButtonRef, dir: "next", variant: getArrowVariant(), size: "md", focusStyle, hideDisabledArrow: false, className: styles.scrollButtonNext, onClick: scrollToRight, standalone: true })
+  ] });
+};
+const Tab = ({
+  id,
+  children,
+  iconName,
+  href,
+  isDisabled,
+  className
+}) => {
+  const context = useTabsContext();
+  const {
+    styleVariant,
+    focusStyle,
+    headingLevel
+  } = context;
+  const renderTabContent = () => {
+    const iconSize = styleVariant === "heading" ? "1.5x" : "1x";
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      iconName && /* @__PURE__ */ jsx(Icon, { iconName, iconSize, padding: "square", "aria-hidden": "true" }),
+      children
+    ] });
+    if (styleVariant === "heading") {
+      return /* @__PURE__ */ jsx(Heading, { as: headingLevel, size: "sm", children: content });
+    }
+    return content;
+  };
+  const combinedClassName = className ? `${styles.tab} ${focusStyleVariants({
+    focusStyle
+  })} ${className}` : `${styles.tab} ${focusStyleVariants({
+    focusStyle
+  })}`;
+  return /* @__PURE__ */ jsx(Tab$1, { id, href, className: combinedClassName, "data-has-icon": iconName ? "true" : void 0, "data-focus-style": focusStyle === "white" ? "white" : void 0, isDisabled, children: /* @__PURE__ */ jsx("span", { className: styles.tabText, children: renderTabContent() }) });
+};
+const tabs = cva(styles.tabs, {
+  variants: {
+    styleVariant: {
+      line: styles.line,
+      pill: styles.pill,
+      contained: styles.contained,
+      heading: styles.heading
+    },
+    align: {
+      start: styles.alignStart,
+      center: styles.alignCenter
+    }
+  },
+  defaultVariants: {
+    styleVariant: "line",
+    align: "start"
+  }
+});
+const TabsContext = createContext(null);
+const useTabsContext = () => {
+  const context = useContext(TabsContext);
+  if (!context) {
+    throw new Error("Tab components must be used within a Tabs component");
+  }
+  return context;
+};
+const Tabs = ({
+  children,
+  styleVariant = "line",
+  align = "start",
+  fillContainer = false,
+  focusStyle = "default",
+  headingLevel = "h3",
+  selectedKey,
+  defaultSelectedKey,
+  disabledKeys,
+  onSelectionChange,
+  routes
+}) => {
+  const contextValue = {
+    styleVariant,
+    align,
+    fillContainer,
+    focusStyle,
+    headingLevel
+  };
+  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(Tabs$1, { className: tabs({
+    styleVariant,
+    align
+  }), selectedKey, defaultSelectedKey, disabledKeys, onSelectionChange, children: [
+    children,
+    routes && selectedKey && /* @__PURE__ */ jsx(TabPanel, { id: selectedKey, className: styles.tabPanel, children: routes })
+  ] }) });
+};
+export {
+  Tab,
+  TabList,
+  TabPanel,
+  Tabs,
+  Tabs as default,
+  useTabsContext
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs/Tabs.js.map

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

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

@@ -0,0 +1,9 @@
+export { default } from './Tabs';
+export type { TabsProps, TabsContextValue } from './Tabs';
+export { TabList } from './TabList';
+export type { TabListProps } from './TabList';
+export { Tab } from './Tab';
+export type { TabProps } from './Tab';
+export { TabPanel } from './TabPanel';
+export type { TabPanelProps } from './TabPanel';
+export { useTabsContext } from './Tabs';

package/dist/components/Tabs/index.js

@@ -0,0 +1,10 @@
+import { Tab, TabList, Tabs, useTabsContext } from "./Tabs.js";
+import { T } from "../../TabPanel-DNAQ5FkE.js";
+export {
+  Tab,
+  TabList,
+  T as TabPanel,
+  Tabs as default,
+  useTabsContext
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/ToggleButton/ToggleButton.d.ts

@@ -33,6 +33,7 @@ export interface ToggleButtonProps {
     /**
      * The behavior of the button when used in an HTML form.
      * @default 'button'
+     * @deprecated This prop is not supported and will be removed in future versions.
      */
     type?: 'button' | 'submit' | 'reset';
     /**

package/dist/components/ToggleButton/ToggleButton.js

@@ -4,10 +4,10 @@ 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_1q059_1";
-const sm = "_sm_1q059_35";
-const md = "_md_1q059_42";
-const lg = "_lg_1q059_48";
+import '../../assets/ToggleButton.css';const toggleButton$1 = "_toggleButton_1bwka_1";
+const sm = "_sm_1bwka_35";
+const md = "_md_1bwka_42";
+const lg = "_lg_1bwka_48";
 const styles = {
   toggleButton: toggleButton$1,
   sm,
@@ -41,6 +41,9 @@ const ToggleButton = ({
   onClick,
   ...props
 }) => {
+  if (process.env.NODE_ENV !== "production" && type && type !== "button") {
+    console.warn("[ToggleButton] `type` is not supported by react-aria-components ToggleButton and will be ignored.");
+  }
   const buttonRef = useRef(null);
   const [buttonWidth, setButtonWidth] = useState(null);
   const [internalSelected, setInternalSelected] = useState(defaultSelected || false);
@@ -65,7 +68,7 @@ const ToggleButton = ({
     size
   })} ${focusStyleVariants({
     focusStyle
-  })}`, ref: buttonRef, isSelected: selectedState, defaultSelected, isDisabled, autoFocus, type, onPress: handlePress, "aria-label": isLoading ? "Loading Spinner" : children ? children.toString() : "", style: {
+  })}`, ref: buttonRef, isSelected: selectedState, defaultSelected, isDisabled, autoFocus, onPress: handlePress, "aria-label": isLoading ? "Loading Spinner" : children ? children.toString() : "", style: {
     width: isLoading && buttonWidth ? `${buttonWidth}px` : "auto"
   }, ...props, children: [
     isLoading && /* @__PURE__ */ jsx(LoadingSpinner, { size: "1x" }),

package/dist/components/ToggleButton/ToggleButton.js.map

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

package/dist/components/ToggleIconButton/ToggleIconButton.js

@@ -6,10 +6,10 @@ 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_1za7z_1";
-const sm = "_sm_1za7z_26";
-const md = "_md_1za7z_32";
-const lg = "_lg_1za7z_38";
+import '../../assets/ToggleIconButton.css';const toggleIconButton$1 = "_toggleIconButton_ze2lp_1";
+const sm = "_sm_ze2lp_26";
+const md = "_md_ze2lp_32";
+const lg = "_lg_ze2lp_38";
 const styles = {
   toggleIconButton: toggleIconButton$1,
   sm,
@@ -46,6 +46,9 @@ const ToggleIconButton = ({
   onClick,
   ...props
 }) => {
+  if (process.env.NODE_ENV !== "production" && type && type !== "button") {
+    console.warn("[ToggleButton] `type` is not supported by react-aria-components ToggleButton and will be ignored.");
+  }
   const buttonRef = useRef(null);
   const [buttonWidth, setButtonWidth] = useState(null);
   const [internalSelected, setInternalSelected] = useState(defaultSelected || false);
@@ -70,7 +73,7 @@ const ToggleIconButton = ({
     size
   })} ${focusStyleVariants({
     focusStyle
-  })}`, ref: buttonRef, isSelected: selectedState, defaultSelected, isDisabled, autoFocus, type, onPress: handlePress, "aria-label": tooltipLabel ? void 0 : isLoading ? "Loading Spinner" : "Icon", style: {
+  })}`, ref: buttonRef, isSelected: selectedState, defaultSelected, isDisabled, autoFocus, onPress: handlePress, "aria-label": tooltipLabel ? void 0 : isLoading ? "Loading Spinner" : "Icon", style: {
     width: isLoading && buttonWidth ? `${buttonWidth}px` : void 0
   }, ...props, children: [
     isLoading && /* @__PURE__ */ jsx(LoadingSpinner, { size: "1x" }),

package/dist/components/ToggleIconButton/ToggleIconButton.js.map

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

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

@@ -31,8 +31,17 @@ export interface FieldCommonProps extends FieldHeaderProps {
 }
 export type FieldProps<T extends object = object> = T & FieldCommonProps;
 type FieldBaseProps<T extends object> = FieldProps<T> & Pick<FieldVariants, 'hasEndIcon' | 'hasStartIcon'> & {
+    /**
+     * The component or HTML element to render as the field container
+     */
     as: React.ElementType;
+    /**
+     * The content of the Field component
+     */
     children: React.ReactNode;
+    /**
+     * Optional className to be applied to the Field container
+     */
     className?: React.ComponentProps<React.ElementType>['className'];
 };
 export declare function Field<T extends object>({ as, children, className, columns, maxWidthByChars, hasStartIcon, hasEndIcon, errorPlacement, ...props }: FieldBaseProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -36,7 +36,7 @@ function Field({
     }
   }, [props == null ? void 0 : props.label]);
   return /* @__PURE__ */ jsxs(PolymorphicField, { as, isDisabled: props == null ? void 0 : props.isDisabled, className, ...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, isInvalid: props == null ? void 0 : props.isInvalid, isRequired: props == null ? void 0 : props.isRequired, labelFor: props == null ? void 0 : props.labelFor, errorMessage: errorPlacement === "top" ? props == null ? void 0 : props.errorMessage : void 0, optionalTranslation: props == null ? void 0 : props.optionalTranslation }) : null,
+    (props == null ? void 0 : props.label) ? /* @__PURE__ */ jsx(FieldHeader, { label: props == null ? void 0 : props.label, description: props == null ? void 0 : props.description, isInvalid: props == null ? void 0 : props.isInvalid, isRequired: props == null ? void 0 : props.isRequired, labelFor: props == null ? void 0 : props.labelFor, descriptionId: props == null ? void 0 : props.descriptionId, errorId: props == null ? void 0 : props.errorId, errorMessage: errorPlacement === "top" ? props == null ? void 0 : props.errorMessage : void 0, optionalTranslation: props == null ? void 0 : props.optionalTranslation }) : null,
     /* @__PURE__ */ jsx("div", { className: styles.fieldGrid, children: /* @__PURE__ */ jsx("div", { className: fieldVariants({
       columns,
       maxWidthByChars,

package/dist/components/index.d.ts

@@ -34,6 +34,8 @@ export { default as CreditCardNumberField } from './CreditCardNumberField';
 export type * from './CreditCardNumberField';
 export { default as CreditCardSecurityCodeField } from './CreditCardSecurityCodeField';
 export type * from './CreditCardSecurityCodeField';
+export { default as Currency } from './Currency';
+export type * from './Currency';
 export { default as DateField } from './DateField';
 export type * from './DateField';
 export { default as DestinationHeading } from './DestinationHeading';
@@ -118,6 +120,8 @@ export { default as SubHeading } from './SubHeading';
 export type * from './SubHeading';
 export { default as Switch } from './Switch';
 export type * from './Switch';
+export { default as Tabs, TabList, Tab, TabPanel, useTabsContext, } from './Tabs';
+export type * from './Tabs';
 export { default as Tag } from './Tag';
 export type * from './Tag';
 export { default as TagGroup } from './TagGroup';

package/dist/components/index.js

@@ -17,17 +17,18 @@ import { ClearFieldButton } from "./ClearFieldButton/ClearFieldButton.js";
 import { ComboBox } from "./ComboBox/ComboBox.js";
 import { CreditCardNumberField } from "./CreditCardNumberField/CreditCardNumberField.js";
 import { CreditCardSecurityCodeField } from "./CreditCardSecurityCodeField/CreditCardSecurityCodeField.js";
+import { Currency } from "./Currency/Currency.js";
 import { DateField } from "./DateField/DateField.js";
 import { DestinationHeading } from "./DestinationHeading/DestinationHeading.js";
-import { default as default3 } from "./DetailsDisclosure/DetailsDisclosure.js";
+import { DetailsDisclosure } 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 default4 } from "./FieldDescription/FieldDescription.js";
+import { default as default3 } 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 default5 } from "./Fieldset/Fieldset.js";
+import { default as default4 } from "./Fieldset/Fieldset.js";
 import { FieldsetHeader } from "./FieldsetHeader/FieldsetHeader.js";
 import { Form } from "./Form/Form.js";
 import { Grid } from "./Grid/Grid.js";
@@ -37,10 +38,10 @@ import { IconBackdrop } from "./IconBackdrop/IconBackdrop.js";
 import { IconButton } from "./IconButton/IconButton.js";
 import { Image } from "./Image/Image.js";
 import { Label } from "./Label/Label.js";
-import { default as default6 } from "./Link/Link.js";
+import { default as default5 } from "./Link/Link.js";
 import { ListBox } from "./ListBox/ListBox.js";
 import { ListBoxItem } from "./ListBoxItem/ListBoxItem.js";
-import { default as default7 } from "./LoadingSpinner/LoadingSpinner.js";
+import { default as default6 } from "./LoadingSpinner/LoadingSpinner.js";
 import { Menu } from "./Menu/Menu.js";
 import { MonthYearField } from "./MonthYearField/MonthYearField.js";
 import { NumberField } from "./NumberField/NumberField.js";
@@ -51,20 +52,22 @@ import { PasswordField } from "./PasswordField/PasswordField.js";
 import { Radio } from "./Radio/Radio.js";
 import { RadioGroup } from "./RadioGroup/RadioGroup.js";
 import { SearchField } from "./SearchField/SearchField.js";
-import { default as default8 } from "./Section/Section.js";
-import { default as default9 } from "./SelectCard/SelectCard.js";
+import { default as default7 } from "./Section/Section.js";
+import { default as default8 } from "./SelectCard/SelectCard.js";
 import { SelectNative } from "./SelectNative/SelectNative.js";
 import { SkeletonLoader } from "./SkeletonLoader/SkeletonLoader.js";
 import { Slider } from "./Slider/Slider.js";
 import { Spacer } from "./Spacer/Spacer.js";
 import { SubHeading } from "./SubHeading/SubHeading.js";
 import { Switch } from "./Switch/Switch.js";
+import { Tab, TabList, Tabs, useTabsContext } from "./Tabs/Tabs.js";
+import { T } from "../TabPanel-DNAQ5FkE.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 default10 } from "./ToggleButton/ToggleButton.js";
-import { default as default11 } from "./ToggleIconButton/ToggleIconButton.js";
+import { default as default9 } from "./ToggleButton/ToggleButton.js";
+import { default as default10 } from "./ToggleIconButton/ToggleIconButton.js";
 import { Tooltip } from "./Tooltip/Tooltip.js";
 export {
   Accordion,
@@ -86,17 +89,18 @@ export {
   ComboBox,
   CreditCardNumberField,
   CreditCardSecurityCodeField,
+  Currency,
   DateField,
   DestinationHeading,
-  default3 as DetailsDisclosure,
+  DetailsDisclosure,
   Dialog,
   ErrorSummary,
   Eyebrow,
-  default4 as FieldDescription,
+  default3 as FieldDescription,
   FieldError,
   FieldHeader,
   FieldLabel,
-  default5 as Fieldset,
+  default4 as Fieldset,
   FieldsetHeader,
   Form,
   Grid,
@@ -106,10 +110,10 @@ export {
   IconButton,
   Image,
   Label,
-  default6 as Link,
+  default5 as Link,
   ListBox,
   ListBoxItem,
-  default7 as LoadingSpinner,
+  default6 as LoadingSpinner,
   Menu,
   MonthYearField,
   NumberField,
@@ -120,20 +124,25 @@ export {
   Radio,
   RadioGroup,
   SearchField,
-  default8 as Section,
-  default9 as SelectCard,
+  default7 as Section,
+  default8 as SelectCard,
   SelectNative,
   SkeletonLoader,
   Slider,
   Spacer,
   SubHeading,
   Switch,
+  Tab,
+  TabList,
+  T as TabPanel,
+  Tabs,
   Tag,
   TagGroup,
   TextAreaField,
   TextField,
-  default10 as ToggleButton,
-  default11 as ToggleIconButton,
-  Tooltip
+  default9 as ToggleButton,
+  default10 as ToggleIconButton,
+  Tooltip,
+  useTabsContext
 };
 //# 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}