@alto-avios/alto-ui 3.5.1 → 3.5.2-alpha.0

package/dist/IconButton.module-DcfPVyUX.js

@@ -0,0 +1,48 @@
+import './assets/IconButton.css';const iconButton = "_iconButton_kb1oz_1";
+const sm = "_sm_kb1oz_24";
+const md = "_md_kb1oz_30";
+const lg = "_lg_kb1oz_36";
+const accentPrimary = "_accentPrimary_kb1oz_46";
+const accentSecondary = "_accentSecondary_kb1oz_69";
+const accentTertiary = "_accentTertiary_kb1oz_98";
+const accentQuaternary = "_accentQuaternary_kb1oz_127";
+const criticalPrimary = "_criticalPrimary_kb1oz_151";
+const criticalSecondary = "_criticalSecondary_kb1oz_175";
+const criticalTertiary = "_criticalTertiary_kb1oz_204";
+const criticalQuaternary = "_criticalQuaternary_kb1oz_229";
+const neutralPrimary = "_neutralPrimary_kb1oz_254";
+const neutralSecondary = "_neutralSecondary_kb1oz_278";
+const neutralTertiary = "_neutralTertiary_kb1oz_305";
+const neutralQuaternary = "_neutralQuaternary_kb1oz_330";
+const whitePrimary = "_whitePrimary_kb1oz_356";
+const whiteSecondary = "_whiteSecondary_kb1oz_385";
+const whiteTertiary = "_whiteTertiary_kb1oz_416";
+const whiteQuaternary = "_whiteQuaternary_kb1oz_445";
+const iconButtonStyles = {
+  iconButton,
+  sm,
+  md,
+  lg,
+  accentPrimary,
+  accentSecondary,
+  accentTertiary,
+  accentQuaternary,
+  criticalPrimary,
+  criticalSecondary,
+  criticalTertiary,
+  criticalQuaternary,
+  neutralPrimary,
+  neutralSecondary,
+  neutralTertiary,
+  neutralQuaternary,
+  whitePrimary,
+  whiteSecondary,
+  whiteTertiary,
+  whiteQuaternary,
+  "fa-spinner-third": "_fa-spinner-third_kb1oz_476",
+  "icon-wrapper": "_icon-wrapper_kb1oz_481"
+};
+export {
+  iconButtonStyles as i
+};
+//# sourceMappingURL=IconButton.module-DcfPVyUX.js.map

package/dist/IconButton.module-DcfPVyUX.js.map

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

package/dist/assets/AutoplayControl.css

@@ -0,0 +1 @@
+._autoplayControl_kk1sb_1{align-items:center;background:none;border:none;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;pointer-events:auto;position:relative;z-index:10}._autoplayControl_kk1sb_1 ._iconButton_kk1sb_17{align-items:center;box-shadow:0 2px 8px #0003;display:flex;justify-content:center}._autoplayControl_kk1sb_1._sizeMd_kk1sb_25,._autoplayControl_kk1sb_1._sizeMd_kk1sb_25 ._iconButton_kk1sb_17{height:48px;width:48px}._autoplayControl_kk1sb_1._sizeSm_kk1sb_31,._autoplayControl_kk1sb_1._sizeSm_kk1sb_31 ._iconButton_kk1sb_17{height:36px;width:36px}._autoplayControl_kk1sb_1._neutralVibrant_kk1sb_38 ._iconButton_kk1sb_17{background-color:var(--alto-sem-color-fg-inverse-on-subtle);border-radius:var(--alto-sem-radius-circle,50%);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._autoplayControl_kk1sb_1._whiteVibrant_kk1sb_44 ._iconButton_kk1sb_17{background-color:var(--alto-sem-color-fg-white-primary);border-radius:var(--alto-sem-radius-circle,50%);color:var(--alto-sem-color-fg-white-on-vibrant)}._autoplayControl_kk1sb_1._whiteVibrant_kk1sb_44 ._iconButton_kk1sb_17[data-focused]{outline-color:var(--alto-sem-color-border-white)}._autoplayControl_kk1sb_1._neutralSubtle_kk1sb_55 ._iconButton_kk1sb_17{background-color:var(--alto-sem-color-fg-inverse-primary);border-radius:var(--alto-sem-radius-circle,50%);color:var(--alto-sem-color-fg-inverse-on-subtle)}._autoplayControl_kk1sb_1._whiteSubtle_kk1sb_61 ._iconButton_kk1sb_17{background-color:#00000080;border-radius:var(--alto-sem-radius-circle,50%);color:var(--alto-sem-color-fg-white-on-subtle)}._autoplayControl_kk1sb_1._whiteSubtle_kk1sb_61 ._iconButton_kk1sb_17[data-focused]{outline-color:var(--alto-sem-color-border-white)}

package/dist/assets/Carousel.css

@@ -0,0 +1 @@
+._carouselWrapper_5ipin_2{box-sizing:border-box;margin:0;max-width:100%;padding:0;position:relative;width:100%}._carouselWrapper_5ipin_2,._carouselWrapper_5ipin_2._showPartialItems_5ipin_14,._carouselWrapper_5ipin_2._showPartialItems_5ipin_14 ._carousel_5ipin_2{overflow-x:visible;overflow-y:hidden}._carouselWrapper_5ipin_2._hasScrollPadding_5ipin_25,._carouselWrapper_5ipin_2._hasScrollPadding_5ipin_25 ._carousel_5ipin_2{overflow-x:visible!important;overflow-y:hidden!important}._carousel_5ipin_2{overflow-x:visible;position:relative;width:100%}._carousel_5ipin_2,._scroller_5ipin_43{box-sizing:border-box;overflow-y:hidden}._scroller_5ipin_43{display:grid;grid-auto-columns:100%;grid-auto-flow:column;overflow-x:auto;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:var(--alto-sem-radius-md);height:auto;padding:0 1px;transition:all .3s ease}._scroller_5ipin_43:focus{outline-offset:-2px;outline-width:2px}._scroller_5ipin_43::-webkit-scrollbar{display:none}._carouselWrapper_5ipin_2 [data-dragging=true] ._scroller_5ipin_43{cursor:grabbing;scroll-behavior:auto;touch-action:pan-x}._carouselWrapper_5ipin_2 ._scroller_5ipin_43:hover{cursor:grab;touch-action:pan-x}._item_5ipin_86{box-sizing:border-box;height:auto;max-width:100%;min-height:100%;overflow-y:hidden;scroll-snap-align:start;scroll-snap-stop:always}._carouselWrapper_5ipin_2 ._carousel_5ipin_2 ._scroller_5ipin_43 ._item_5ipin_86>*{display:block;height:auto;width:100%}[data-scroll-padding=true],[data-scroll-padding=true] ._carousel_5ipin_2,[data-scroll-padding=true] ._scroller_5ipin_43{overflow-x:visible!important;overflow-y:hidden!important}[data-scroll-padding=true] ._item_5ipin_86{scroll-snap-align:start}._slideLeft_5ipin_124{animation:_slideLeftAnimation_5ipin_1 1s cubic-bezier(.25,0,.85,.1)}._slideRight_5ipin_128{animation:_slideRightAnimation_5ipin_1 1s cubic-bezier(.25,0,.85,.1)}@keyframes _slideLeftAnimation_5ipin_1{0%{transform:translate(0)}to{transform:translate(0)}}@keyframes _slideRightAnimation_5ipin_1{0%{transform:translate(0)}to{transform:translate(0)}}._controls_5ipin_151{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}._showOnHover_5ipin_162 ._arrowContainer_5ipin_162{opacity:0;transition:opacity .3s ease}._carouselWrapper_5ipin_2 [data-arrows-visible=true] ._showOnHover_5ipin_162 ._arrowContainer_5ipin_162{opacity:1}._hidden_5ipin_172{opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}._dotsContainerWrapper_5ipin_181{pointer-events:auto;z-index:2}._dotsContainer_5ipin_181{position:relative}@media (max-width:768px){._carouselWrapper_5ipin_2 ._dotsContainerWrapper_5ipin_181{cursor:pointer}._carouselWrapper_5ipin_2 ._dotsContainerWrapper_5ipin_181:active{opacity:.8}}._hiddenTabs_5ipin_203{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}._tapEnabled_5ipin_216{cursor:pointer;touch-action:manipulation}._autoplayControlWrapper_5ipin_231{align-items:center;display:flex;justify-content:center;pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}._carouselDefault_5ipin_245{height:100%;overflow-x:hidden;width:361px}._carouselDefault_5ipin_245 ._prevButton_5ipin_250{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_5ipin_245 ._nextButton_5ipin_257{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_5ipin_245 ._dotsContainer_5ipin_181{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_5ipin_275{position:relative;width:100%}._carouselWithAutoPlay_5ipin_275 ._prevButton_5ipin_250{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_5ipin_275 ._nextButton_5ipin_257{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_5ipin_275 ._dotsContainer_5ipin_181{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_5ipin_275 ._autoplayControl_5ipin_231{pointer-events:auto!important;position:absolute!important;right:16px!important;top:16px!important;z-index:20!important}._carouselWithScrollPeek_5ipin_311{position:relative}._carouselWithScrollPeek_5ipin_311,._carouselWithScrollPeek_5ipin_311 ._carousel_5ipin_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithScrollPeek_5ipin_311 ._prevButton_5ipin_250{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_5ipin_311 ._nextButton_5ipin_257{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_5ipin_311 ._dotsContainer_5ipin_181{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithFractionalItems_5ipin_345{position:relative}._carouselWithFractionalItems_5ipin_345,._carouselWithFractionalItems_5ipin_345 ._carousel_5ipin_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithFractionalItems_5ipin_345 ._prevButton_5ipin_250{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_5ipin_345 ._nextButton_5ipin_257{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_5ipin_345 ._dotsContainer_5ipin_181{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._paginationDotsDefault_5ipin_379{position:relative;width:100%}._paginationDotsDefault_5ipin_379 ._prevButton_5ipin_250{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_5ipin_379 ._nextButton_5ipin_257{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_5ipin_379 ._dotsContainer_5ipin_181{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._hoverArrowsDefault_5ipin_408{height:100%;overflow-x:hidden;width:361px}._hoverArrowsDefault_5ipin_408 ._prevButton_5ipin_250{left:10px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_5ipin_408 ._nextButton_5ipin_257{opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_5ipin_408:focus-within ._nextButton_5ipin_257,._hoverArrowsDefault_5ipin_408:focus-within ._prevButton_5ipin_250,._hoverArrowsDefault_5ipin_408:hover ._nextButton_5ipin_257,._hoverArrowsDefault_5ipin_408:hover ._prevButton_5ipin_250{opacity:1}._hoverArrowsDefault_5ipin_408 ._dotsContainer_5ipin_181{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}

package/dist/assets/CarouselButton.css

@@ -0,0 +1 @@
+._arrowContainer_1d3qu_1{background:none;border:none;padding:0;pointer-events:auto;position:relative;z-index:2}._iconButton_1d3qu_10{align-items:center;display:flex;justify-content:center}._arrowContainer_1d3qu_1._hideDisabledArrow_1d3qu_16[aria-disabled=true]{display:none}._arrowContainer_1d3qu_1._neutral_1d3qu_22 ._iconButton_1d3qu_10[data-focused=true],._arrowContainer_1d3qu_1._neutral_1d3qu_22 ._iconButton_1d3qu_10[data-parent-hovered=true]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._arrowContainer_1d3qu_1:not([aria-disabled]) ._neutral_1d3qu_22 ._iconButton_1d3qu_10[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active)}._arrowContainer_1d3qu_1._white_1d3qu_34 ._iconButton_1d3qu_10{background-color:transparent;border:none;border-radius:0}._arrowContainer_1d3qu_1._white_1d3qu_34:not([aria-disabled]) ._iconButton_1d3qu_10[data-focused=true],._arrowContainer_1d3qu_1._white_1d3qu_34:not([aria-disabled]) ._iconButton_1d3qu_10[data-parent-hovered=true]{background-color:var(--alto-sem-color-overlay-state-lighten-hover)}._arrowContainer_1d3qu_1._white_1d3qu_34:not([aria-disabled]) ._iconButton_1d3qu_10[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-lighten-active)}._arrowContainer_1d3qu_1._shapeFlat_1d3qu_52:not([aria-disabled]) ._iconButton_1d3qu_10{background-color:var(--alto-sem-color-bg-white-vibrant-default)}._arrowContainer_1d3qu_1._shapeFlat_1d3qu_52:not([aria-disabled]) ._iconButton_1d3qu_10[data-parent-pressed=true]{background-color:var(--alto-sem-color-bg-white-vibrant-active)}._arrowContainer_1d3qu_1._shapeElevated_1d3qu_62:not([aria-disabled]) ._iconButton_1d3qu_10{background-color:var(--alto-sem-color-bg-white-vibrant-default);box-shadow:0 11.4px 9.12px #2f2a850d,0 2.59px 4.4px #2f2a850d,0 6.99px 18.18px #2f2a8514}._arrowContainer_1d3qu_1._shapeElevated_1d3qu_62:not([aria-disabled]) ._iconButton_1d3qu_10[data-focused=true],._arrowContainer_1d3qu_1._shapeElevated_1d3qu_62:not([aria-disabled]) ._iconButton_1d3qu_10[data-parent-hovered=true]{background-color:var(--alto-sem-color-bg-white-vibrant-hover)}._arrowContainer_1d3qu_1._shapeElevated_1d3qu_62:not([aria-disabled]) ._iconButton_1d3qu_10[data-parent-pressed=true]{background-color:var(--alto-sem-color-bg-white-vibrant-active)}._arrowContainer_1d3qu_1._gradient_1d3qu_83:not([aria-disabled]) ._iconButton_1d3qu_10{background:linear-gradient(90deg,#fefefe 50%,#fff0);border:none;border-radius:0;height:100%}._arrowContainer_1d3qu_1._gradient_1d3qu_83._next_1d3qu_90:not([aria-disabled]) ._iconButton_1d3qu_10{background:linear-gradient(90deg,#fff0,#fefefe 50%)}._arrowContainer_1d3qu_1._gradient_1d3qu_83:not([aria-disabled]) ._iconButton_1d3qu_10[data-focused=true],._arrowContainer_1d3qu_1._gradient_1d3qu_83:not([aria-disabled]) ._iconButton_1d3qu_10[data-parent-hovered=true]{background:linear-gradient(90deg,#fefefe 50%,#fff0);color:var(--alto-sem-color-fg-accent-primary)}._arrowContainer_1d3qu_1._gradient_1d3qu_83._next_1d3qu_90:not([aria-disabled]) ._iconButton_1d3qu_10[data-focused=true],._arrowContainer_1d3qu_1._gradient_1d3qu_83._next_1d3qu_90:not([aria-disabled]) ._iconButton_1d3qu_10[data-parent-hovered=true]{background:linear-gradient(90deg,#fff0,#fefefe 50%);color:var(--alto-sem-color-fg-accent-primary)}._arrowContainer_1d3qu_1._gradient_1d3qu_83:not([aria-disabled]) ._iconButton_1d3qu_10[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-lighten-active)}._arrowContainer_1d3qu_1._gradient_1d3qu_83:not([aria-disabled]) ._iconButton_1d3qu_10[data-focused],._arrowContainer_1d3qu_1._white_1d3qu_34:not([aria-disabled]) ._iconButton_1d3qu_10{outline-offset:var(--alto-sem-border-width-none)}._arrowContainer_1d3qu_1[aria-disabled] ._iconButton_1d3qu_10{background-color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;opacity:var(--alto-sem-opacity-30)}._arrowContainer_1d3qu_1._fullHeight_1d3qu_127{align-items:center;bottom:0;cursor:pointer;display:flex;height:100%;top:0;transform:none}._arrowContainer_1d3qu_1._fullHeight_1d3qu_127._prev_1d3qu_137{justify-content:flex-start;left:0}._arrowContainer_1d3qu_1._fullHeight_1d3qu_127._next_1d3qu_90{justify-content:flex-end;right:0}._arrowContainer_1d3qu_1._fullHeight_1d3qu_127 ._iconButton_1d3qu_10{box-shadow:none!important;outline:none!important;position:relative;z-index:2}._arrowContainer_1d3qu_1._fullHeight_1d3qu_127 ._iconButton_1d3qu_10:focus,._arrowContainer_1d3qu_1._fullHeight_1d3qu_127 ._iconButton_1d3qu_10:focus-visible,._arrowContainer_1d3qu_1._fullHeight_1d3qu_127 ._iconButton_1d3qu_10[data-focused=true]{border:none!important;box-shadow:none!important;outline:none!important}

package/dist/assets/CarouselDots.css

@@ -0,0 +1 @@
+._tabsContainer_c3kjx_1{align-items:center;display:flex;justify-content:center;margin:0 auto;min-height:30px;position:relative;width:auto}._tabsContainer_c3kjx_1:focus{border:2px solid green}._tabs_c3kjx_1{align-items:center;background-color:var(--alto-sem-color-bg-white-vibrant-default);border-radius:var(--alto-sem-radius-circle);display:flex;justify-content:center;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs);position:relative}._tabs_c3kjx_1._transparent_c3kjx_25{background-color:transparent}._dotsScroller_c3kjx_29{align-items:center;display:flex;flex-wrap:wrap;gap:var(--alto-sem-space-2xs);justify-content:center;position:relative;white-space:nowrap}._tab_c3kjx_1{background-color:#0000004d;border:none;border-radius:var(--alto-sem-radius-circle);cursor:pointer;display:block;flex-shrink:0;margin:0;padding:0}._tab_c3kjx_1:hover,._tab_c3kjx_1[data-hovered=true]{transform:scale(1.1)}._tab_c3kjx_1._activeTab_c3kjx_56{background-color:var(--alto-sem-color-fg-primary)}._tabs_c3kjx_1[data-focused=true] ._tab_c3kjx_1._activeTab_c3kjx_56{background-color:var(--alto-sem-color-border-accent)}._tabsContainer_c3kjx_1[data-transitioning=true] ._tab_c3kjx_1{pointer-events:none;transition:none!important}._tabsContainer_c3kjx_1[data-transitioning=true] ._dotsScroller_c3kjx_29{transition:none!important}._tabMd_c3kjx_75{height:8px;width:8px}._tabLg_c3kjx_80{height:12px;width:12px}

package/dist/components/Accordion/Accordion.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React from "react";
+import React__default 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.useRef(null);
-  React.useEffect(() => {
+  const contentRef = React__default.useRef(null);
+  React__default.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.Children.toArray(children).map((child, index) => {
-    if (React.isValidElement(child) && child.props.defaultExpanded) {
+  const defaultExpandedKeys = React__default.Children.toArray(children).map((child, index) => {
+    if (React__default.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.Children.map(children, (child, index) => {
-      if (React.isValidElement(child)) {
-        return React.cloneElement(child, {
+    /* @__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, {
           key: `accordion-${index}`,
           id: `accordion-${index}`
         });

package/dist/components/AviosCurrencySymbol/AviosCurrencySymbol.js

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

package/dist/components/ButtonGroup/ButtonGroup.js

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

package/dist/components/CalloutBanner/CalloutBanner.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React from "react";
+import React__default from "react";
 import { Icon } from "../Icon/Icon.js";
 import { c as cva } from "../../index-Bi3v_EjJ.js";
 import { IconButton } from "../IconButton/IconButton.js";
@@ -57,7 +57,7 @@ const CalloutBanner = ({
   emphasis = "primary",
   onDismiss
 }) => {
-  const iconName = React.useMemo(() => {
+  const iconName = React__default.useMemo(() => {
     switch (styleVariant) {
       case "critical":
         return "circle-exclamation";

package/dist/components/Carousel/AutoplayControl/AutoplayControl.d.ts

@@ -0,0 +1,27 @@
+export interface AutoplayControlProps {
+    /**
+     * Focus style
+     * @default 'default'
+     */
+    focusStyle?: 'default' | 'white';
+    /**
+     * Style variant of the button
+     * @default 'neutralVibrant'
+     */
+    variant?: 'neutralVibrant' | 'neutralSubtle' | 'whiteVibrant' | 'whiteSubtle';
+    /**
+     * Size of the button
+     * @default 'md'
+     */
+    size?: 'sm' | 'md';
+    /**
+     * Additional CSS class name for the container
+     */
+    className?: string;
+    /**
+     * Additional CSS class name for the button
+     */
+    buttonClassName?: string;
+}
+export declare const AutoplayControl: ({ variant, size, focusStyle, className, buttonClassName, }: AutoplayControlProps) => import("react/jsx-runtime").JSX.Element;
+export default AutoplayControl;

package/dist/components/Carousel/AutoplayControl/AutoplayControl.js

@@ -0,0 +1,116 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { f as CarouselAutoplayControl } from "../../../index-uZFEbUWx.js";
+import { useFocusRing } from "@react-aria/focus";
+import { i as iconButtonStyles } from "../../../IconButton.module-DcfPVyUX.js";
+import { Icon } from "../../Icon/Icon.js";
+import { focusStyleVariants } from "../../../utils/focus/focusStyles.js";
+import '../../../assets/AutoplayControl.css';const autoplayControl = "_autoplayControl_kk1sb_1";
+const iconButton = "_iconButton_kk1sb_17";
+const sizeMd = "_sizeMd_kk1sb_25";
+const sizeSm = "_sizeSm_kk1sb_31";
+const neutralVibrant = "_neutralVibrant_kk1sb_38";
+const whiteVibrant = "_whiteVibrant_kk1sb_44";
+const neutralSubtle = "_neutralSubtle_kk1sb_55";
+const whiteSubtle = "_whiteSubtle_kk1sb_61";
+const styles = {
+  autoplayControl,
+  iconButton,
+  sizeMd,
+  sizeSm,
+  neutralVibrant,
+  whiteVibrant,
+  neutralSubtle,
+  whiteSubtle
+};
+const AutoplayControl = ({
+  variant = "neutralVibrant",
+  size = "md",
+  focusStyle = "default",
+  className = "",
+  buttonClassName = ""
+}) => {
+  const {
+    isFocusVisible,
+    focusProps,
+    isFocused
+  } = useFocusRing();
+  const [isHovered, setIsHovered] = useState(false);
+  const [isPressed, setIsPressed] = useState(false);
+  const variantClass = styles[variant] || "";
+  const iconSize = size === "md" ? "1.25x" : "1x";
+  const getIconColor = () => {
+    switch (variant) {
+      case "whiteVibrant":
+        return "whiteOnVibrant";
+      case "whiteSubtle":
+        return "whiteOnSubtle";
+      case "neutralVibrant":
+        return "inverseOnVibrant";
+      case "neutralSubtle":
+        return "inverseOnSubtle";
+      default:
+        return "whiteOnVibrant";
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === " " || e.key === "Enter") {
+      e.preventDefault();
+      setIsPressed(true);
+    }
+  };
+  const handleKeyUp = (e) => {
+    if (e.key === " " || e.key === "Enter") {
+      e.preventDefault();
+      setIsPressed(false);
+    }
+  };
+  const getTitle = (autoplayUserPreference) => {
+    return autoplayUserPreference ? "Pause slideshow" : "Start slideshow";
+  };
+  return /* @__PURE__ */ jsx(
+    CarouselAutoplayControl,
+    {
+      className: `${styles.autoplayControl} ${styles[`size${size.toUpperCase()}`]} ${variantClass} ${className || ""}`,
+      ...focusProps,
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => {
+        setIsHovered(false);
+        setIsPressed(false);
+      },
+      onMouseDown: () => setIsPressed(true),
+      onMouseUp: () => setIsPressed(false),
+      onKeyDown: handleKeyDown,
+      onKeyUp: handleKeyUp,
+      "data-hovered": isHovered ? true : void 0,
+      "data-pressed": isPressed ? true : void 0,
+      "data-focused": isFocused ? true : void 0,
+      "data-size": size,
+      tabIndex: 0,
+      role: "button",
+      children: ({
+        autoplayUserPreference
+      }) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `${styles.iconButton} ${iconButtonStyles.iconButton} ${iconButtonStyles[size] || ""} ${focusStyleVariants({
+            focusStyle
+          })} ${buttonClassName || ""}`,
+          "data-focused": isFocused ? true : void 0,
+          "data-focus-visible": isFocusVisible ? true : void 0,
+          "data-parent-hovered": isHovered ? true : void 0,
+          "data-parent-pressed": isPressed ? true : void 0,
+          "data-size": size,
+          "aria-hidden": "true",
+          title: getTitle(autoplayUserPreference),
+          children: /* @__PURE__ */ jsx(Icon, { iconPrefix: "fas", iconName: autoplayUserPreference ? "pause" : "play", color: getIconColor(), iconSize, "aria-hidden": "true" })
+        }
+      )
+    }
+  );
+};
+export {
+  AutoplayControl,
+  AutoplayControl as default
+};
+//# sourceMappingURL=AutoplayControl.js.map

package/dist/components/Carousel/AutoplayControl/AutoplayControl.js.map

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

package/dist/components/Carousel/Carousel.d.ts

@@ -0,0 +1,169 @@
+import { default as React } from 'react';
+import { WithResponsive } from '../../utils/breakpoint/responsive';
+export interface CarouselBaseProps {
+    /**
+     * Content to be displayed in the carousel
+     */
+    children?: React.ReactNode | React.ReactNode[];
+    /**
+     * Accessible name for the carousel
+     * Describes the purpose or content of the carousel for screen readers
+     * @example "Featured products" or "Customer testimonials"
+     */
+    'aria-label'?: string;
+    /**
+     * ID of an element that provides additional description for the carousel
+     * Can reference an element that gives more context about the carousel's content
+     * @example "carousel-description"
+     */
+    'aria-describedby'?: string;
+    /**
+     * Looping behavior
+     * - 'infinite': Carousel loops continuously
+     * - 'backToStart': Carousel loops back to start after reaching end
+     * - 'off': Looping is disabled
+     * @default 'off'
+     */
+    looping?: 'infinite' | 'backToStart' | 'off';
+    /**
+     * Number of items to display per page (minimum: 1)
+     * Decimal values (e.g., 2.25) can be used to show partial items
+     * @default 1
+     * @min 1
+     */
+    itemsPerPage?: number;
+    /**
+     * Space between carousel items in pixels
+     * @default 0
+     */
+    spaceBetweenItems?: number;
+    /**
+     * Amount of padding added to the scroll container to create a "peek" effect.
+     * This shows a portion of the adjacent items.
+     * Accepts any valid CSS dimension (px, rem, em, %) - e.g., "15%", "20px", "2rem"
+     * @example "15%" or "20px" or "2rem"
+     * @default undefined
+     */
+    scrollPadding?: string;
+    /**
+     * Icon type for navigation buttons
+     * @default 'chevron'
+     */
+    iconType?: 'chevron';
+    /**
+     * Style of carousel arrow buttons
+     * @default 'neutral'
+     */
+    arrowStyleVariant?: 'neutral' | 'white' | 'shapeFlat' | 'shapeElevated' | 'gradient';
+    /**
+     * Size of navigation buttons
+     * @default 'md'
+     */
+    arrowSize?: 'sm' | 'md' | 'lg';
+    /**
+     * Whether to hide navigation buttons when disabled
+     * @default false
+     */
+    hideDisabledArrow?: boolean;
+    /**
+     * Whether to show arrows only when hovering over the carousel or when it has focus
+     * @default false
+     */
+    showArrowsOnHover?: boolean;
+    /**
+     * Focus style for interactive elements
+     * @default 'default'
+     */
+    focusStyle?: 'default' | 'white';
+    /**
+     * Size of pagination dots
+     * @default 'md'
+     */
+    dotsSize?: 'md' | 'lg';
+    /**
+     * Visual style of pagination dots
+     * @default 'standard'
+     */
+    dotsVariant?: 'standard' | 'transparent';
+    /**
+     * Whether to hide pagination dots
+     * @default false
+     */
+    hideDots?: boolean;
+    /**
+     * Whether the autoplay is enabled
+     * @default false
+     */
+    autoPlay?: boolean;
+    /**
+     * Interval in milliseconds between slides during autoplay
+     * @default 2000
+     */
+    autoPlayInterval?: number;
+    /**
+     * Style variant for autoplay control button
+     * @default 'neutralVibrant'
+     */
+    autoPlayStyleVariant?: 'neutralVibrant' | 'neutralSubtle' | 'whiteVibrant' | 'whiteSubtle';
+    /**
+     * Size of autoplay control button
+     * @default 'md'
+     */
+    autoPlayControlSize?: 'sm' | 'md';
+    /**
+     * Whether to enable mouse dragging for the carousel
+     * @default true
+     */
+    mouseDragging?: boolean;
+    /**
+     * Class name for the outermost wrapper of the carousel
+     */
+    carouselWrapperClassName?: string;
+    /**
+     * Class name for the previous button
+     * Use this to position the previous button
+     */
+    prevArrowClassName?: string;
+    /**
+     * Class name for the next button
+     * Use this to position the next button
+     */
+    nextArrowClassName?: string;
+    /**
+     * Class name for the autoplay control
+     * Use this to position the autoplay button
+     */
+    autoplayControlClassName?: string;
+    /**
+     * Class name for the dots container
+     * Use this to position the pagination dots
+     */
+    dotsContainerClassName?: string;
+    /**
+     * Class name for the dots wrapper
+     * Use this to style the dots wrapper
+     */
+    dotsWrapperClassName?: string;
+    /**
+     * Class name for individual dots
+     */
+    dotClassName?: string;
+    /**
+     * Class name for the active dot
+     */
+    activeDotClassName?: string;
+    /**
+     * Class name for individual carousel item wrappers
+     * Use this to style the wrapper div around each carousel item
+     */
+    itemWrapperClassName?: string;
+    /**
+     * Class name for the currently active/visible carousel item
+     * This class is applied to the item that corresponds to the current page
+     */
+    activeItemClassName?: string;
+}
+type ResponsiveKeys = 'itemsPerPage' | 'spaceBetweenItems' | 'scrollPadding' | 'showArrowsOnHover' | 'arrowSize';
+export type CarouselProps = WithResponsive<CarouselBaseProps, ResponsiveKeys>;
+export declare const Carousel: ({ children, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, looping, itemsPerPage, spaceBetweenItems, scrollPadding, iconType, arrowStyleVariant, arrowSize, hideDisabledArrow, showArrowsOnHover, focusStyle, dotsSize, dotsVariant, hideDots, autoPlay, autoPlayInterval, autoPlayStyleVariant, autoPlayControlSize, mouseDragging, carouselWrapperClassName, prevArrowClassName, nextArrowClassName, autoplayControlClassName, dotsContainerClassName, dotsWrapperClassName, dotClassName, activeDotClassName, itemWrapperClassName, activeItemClassName, }: CarouselProps) => import("react/jsx-runtime").JSX.Element;
+export default Carousel;