@alto-avios/alto-ui 5.7.1 → 5.8.0

package/dist/TabPanel-DDYn4r31.js

@@ -0,0 +1,3 @@
+import{jsx as t}from"react/jsx-runtime";import{TabPanel as _}from"react-aria-components";import './assets/TabPanel.css';const a={tabs:"_tabs_h95gp_1",tab:"_tab_h95gp_1",tabText:"_tabText_h95gp_18",tabList:"_tabList_h95gp_32",fillContainer:"_fillContainer_h95gp_38",contained:"_contained_h95gp_39",pill:"_pill_h95gp_41",alignStart:"_alignStart_h95gp_50",alignCenter:"_alignCenter_h95gp_54",line:"_line_h95gp_101",heading:"_heading_h95gp_198",tabPanel:"_tabPanel_h95gp_244",tabListContainer:"_tabListContainer_h95gp_257",scrollButtonPrev:"_scrollButtonPrev_h95gp_270",scrollButtonNext:"_scrollButtonNext_h95gp_271",hasScrollButtons:"_hasScrollButtons_h95gp_337"},n=({id:n,children:e,className:l})=>{const i=l?`${a.tabPanel} ${l}`:a.tabPanel;/* @__PURE__ */
+return t(_,{id:String(n),className:i,children:e})};export{n as T,a as s};
+//# sourceMappingURL=TabPanel-DDYn4r31.js.map

package/dist/{TabPanel-C7ANBbTA.js.map → TabPanel-DDYn4r31.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabPanel-C7ANBbTA.js","sources":["../src/components/Tabs/TabPanel.tsx"],"sourcesContent":["import React from 'react';\nimport { TabPanel as AriaTabPanel, type Key } from 'react-aria-components';\nimport styles from './Tabs.module.css';\n\nexport interface TabPanelProps {\n  /** Unique identifier that matches a Tab id */\n  id: Key;\n  /** Panel content to display when tab is selected */\n  children: React.ReactNode;\n  /** Additional CSS class names\n   * @ignore\n   * */\n  className?: string;\n}\nexport const TabPanel: React.FC<TabPanelProps> = ({\n  id,\n  children,\n  className,\n}) => {\n  const combinedClassName = className\n    ? `${styles.tabPanel} ${className}`\n    : styles.tabPanel;\n\n  return (\n    <AriaTabPanel id={String(id)} className={combinedClassName}>\n      {children}\n    </AriaTabPanel>\n  );\n};\n\nexport default TabPanel;\n"],"names":["TabPanel","id","children","className","combinedClassName","styles","tabPanel","jsx","AriaTabPanel","String"],"mappings":"snBAcaA,EAAoC,EAC/CC,KACAC,WACAC,gBAEA,MAAMC,EAAoBD,EACtB,GAAGE,EAAOC,YAAYH,IACtBE,EAAOC;AAEX,OACEC,EAACC,GAAaP,GAAIQ,OAAOR,GAAKE,UAAWC,EACtCF"}
+{"version":3,"file":"TabPanel-DDYn4r31.js","sources":["../src/components/Tabs/TabPanel.tsx"],"sourcesContent":["import React from 'react';\nimport { TabPanel as AriaTabPanel, type Key } from 'react-aria-components';\nimport styles from './Tabs.module.css';\n\nexport interface TabPanelProps {\n  /** Unique identifier that matches a Tab id */\n  id: Key;\n  /** Panel content to display when tab is selected */\n  children: React.ReactNode;\n  /** Additional CSS class names\n   * @ignore\n   * */\n  className?: string;\n}\nexport const TabPanel: React.FC<TabPanelProps> = ({\n  id,\n  children,\n  className,\n}) => {\n  const combinedClassName = className\n    ? `${styles.tabPanel} ${className}`\n    : styles.tabPanel;\n\n  return (\n    <AriaTabPanel id={String(id)} className={combinedClassName}>\n      {children}\n    </AriaTabPanel>\n  );\n};\n\nexport default TabPanel;\n"],"names":["TabPanel","id","children","className","combinedClassName","styles","tabPanel","jsx","AriaTabPanel","String"],"mappings":"snBAcaA,EAAoC,EAC/CC,KACAC,WACAC,gBAEA,MAAMC,EAAoBD,EACtB,GAAGE,EAAOC,YAAYH,IACtBE,EAAOC;AAEX,OACEC,EAACC,GAAaP,GAAIQ,OAAOR,GAAKE,UAAWC,EACtCF"}

package/dist/assets/AppBannerSection.css

@@ -0,0 +1 @@
+._app-banner-section_1ixwj_1{align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius);box-shadow:0 1px 2px 0 var(--alto-shadow-ink-400),0 4px 8px 0 var(--alto-shadow-ink-400);display:flex;flex-direction:column;gap:var(--alto-sem-space-sm);padding:var(--alto-sem-space-md);width:100%}@media(min-width:1024px){._app-banner-section_1ixwj_1{flex-direction:row;gap:0;padding:var(--alto-sem-space-lg)}}._app-banner-section__content_1ixwj_23{align-items:center;display:flex;flex-direction:column}@media(min-width:1024px){._app-banner-section__content_1ixwj_23{flex-direction:row}}@media(min-width:1024px){._app-banner-section__content_1ixwj_23:after{background:var(--alto-sem-color-border-tertiary);content:"";display:block;height:70px;width:1px}}._app-banner-section_1ixwj_1 [data-app-banner-asset],._app-banner-section_1ixwj_1 [data-app-banner-link]{display:inline-flex;height:100%;width:100%}._app-banner-section__content_1ixwj_23 [data-app-banner-slot=app-media]{display:inline-flex;height:76px;margin-bottom:var(--alto-sem-space-md);width:76px}@media(min-width:1024px){._app-banner-section__content_1ixwj_23 [data-app-banner-slot=app-media]{margin-bottom:0}}._app-banner-section__content-text_1ixwj_59{align-items:center;display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs)}@media(min-width:1024px){._app-banner-section__content-text_1ixwj_59{align-items:flex-start;gap:0;margin-left:var(--alto-sem-space-md);padding-right:var(--alto-sem-space-3xl)}}._app-banner-section__links_1ixwj_72{align-items:center;display:flex;gap:var(--alto-sem-space-sm)}@media(min-width:1024px){._app-banner-section__links_1ixwj_72{padding-left:var(--alto-sem-space-3xl)}}._app-banner-section__links_1ixwj_72 [data-app-banner-slot=qr-code]{display:none;flex-shrink:0;height:70px;width:70px}@media(min-width:768px){._app-banner-section__links_1ixwj_72 [data-app-banner-slot=qr-code]{display:inline-flex}}._app-banner-section__links_1ixwj_72 [data-app-banner-slot=app-store-badge]{display:inline-flex;flex-shrink:0;height:40px;width:120px}._app-banner-section__links_1ixwj_72 [data-app-banner-slot=google-play-badge]{display:inline-flex;flex-shrink:0;height:40px;width:135px}

package/dist/assets/CalloutBanner.css

@@ -1 +1 @@
-._calloutBanner_w7hda_1{border-radius:var(--alto-card-radius);border-style:solid;border-width:var(--alto-sem-border-width-sm);display:flex;flex-direction:column;overflow:hidden;text-align:left;width:100%}._calloutBanner__icon_w7hda_12{align-self:flex-start}._calloutBanner_w7hda_1:has(._calloutBanner__meta-title_w7hda_21:only-child):has(:not(._calloutBanner__meta-label_w7hda_19)) ._calloutBanner__start_w7hda_17{align-items:center}._calloutBanner__start_w7hda_17{border-bottom:var(--alto-sem-border-width-sm) solid transparent;color:var(--alto-sem-color-fg-critical-on-vibrant);display:flex;flex-direction:row;gap:var(--alto-sem-space-xs);padding:var(--alto-sem-space-xs);position:relative}._calloutBanner__end_w7hda_38{background-color:var(--alto-sem-color-bg-layer2-default);display:flex;justify-content:flex-start;padding:var(--alto-sem-space-sm)}._calloutBanner__dismiss_w7hda_45{right:var(--alto-sem-space-xs);top:var(--alto-sem-space-xs)}._calloutBanner__meta_w7hda_19{display:flex;flex-direction:row-reverse;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;gap:var(--alto-sem-space-xs);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);width:100%}._calloutBanner__meta-content_w7hda_62{display:flex;flex-direction:column;gap:var(--alto-sem-space-xs);width:100%}._calloutBanner__meta-label_w7hda_19{align-items:flex-start;display:flex}._calloutBanner__header--row_w7hda_74{flex-direction:row;justify-content:space-between}._calloutBanner__meta-top_w7hda_79{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;text-wrap:wrap;word-wrap:break-word;word-break:break-word}._calloutBanner__custom-asset_w7hda_89{max-width:52px}._calloutBanner__custom-asset_w7hda_89>:first-child{max-width:inherit}._calloutBanner__meta-title_w7hda_21{font-size:var(--alto-sem-text-body-sm-font-size);font-weight:var(--alto-sem-text-body-bold-font-weight);margin:0}._calloutBanner__meta-description_w7hda_103{margin:var(--alto-sem-space-4xs) 0 0}._calloutBanner__severity-label_w7hda_108{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0)}._calloutBanner__default-asset--center_w7hda_119{align-self:center;display:flex}._calloutBanner--critical_w7hda_125{border-color:var(--alto-sem-color-border-critical)}._calloutBanner--primary_w7hda_129._calloutBanner--critical_w7hda_125 ._calloutBanner__start_w7hda_17{background:var(--alto-sem-color-bg-critical-vibrant-default)}._calloutBanner--secondary_w7hda_133._calloutBanner--critical_w7hda_125 ._calloutBanner__start_w7hda_17{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner--secondary_w7hda_133._calloutBanner--critical_w7hda_125 ._calloutBanner__end_w7hda_38{border-top:1px solid var(--alto-sem-color-border-critical)}._calloutBanner--tertiary_w7hda_142._calloutBanner--critical_w7hda_125 ._calloutBanner__start_w7hda_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner--critical_w7hda_125:not(._calloutBanner--primary_w7hda_129) ._calloutBanner__icon_w7hda_12{color:var(--alto-sem-color-fg-critical-primary)}._calloutBanner--success_w7hda_151{border-color:var(--alto-sem-color-border-success)}._calloutBanner--primary_w7hda_129._calloutBanner--success_w7hda_151 ._calloutBanner__start_w7hda_17{background:var(--alto-sem-color-bg-success-vibrant-default)}._calloutBanner--secondary_w7hda_133._calloutBanner--success_w7hda_151 ._calloutBanner__start_w7hda_17{background:var(--alto-sem-color-bg-success-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner--secondary_w7hda_133._calloutBanner--success_w7hda_151 ._calloutBanner__end_w7hda_38{border-top:1px solid var(--alto-sem-color-border-success)}._calloutBanner--tertiary_w7hda_142._calloutBanner--success_w7hda_151 ._calloutBanner__start_w7hda_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner--success_w7hda_151:not(._calloutBanner--primary_w7hda_129) ._calloutBanner__icon_w7hda_12{color:var(--alto-sem-color-fg-success-primary)}._calloutBanner--information_w7hda_177{border-color:var(--alto-sem-color-border-information)}._calloutBanner--primary_w7hda_129._calloutBanner--information_w7hda_177 ._calloutBanner__start_w7hda_17{background:var(--alto-sem-color-bg-information-vibrant-default)}._calloutBanner--secondary_w7hda_133._calloutBanner--information_w7hda_177 ._calloutBanner__start_w7hda_17{background:var(--alto-sem-color-bg-information-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner--secondary_w7hda_133._calloutBanner--information_w7hda_177 ._calloutBanner__end_w7hda_38{border-top:1px solid var(--alto-sem-color-border-information)}._calloutBanner--tertiary_w7hda_142._calloutBanner--information_w7hda_177 ._calloutBanner__start_w7hda_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner--information_w7hda_177:not(._calloutBanner--primary_w7hda_129) ._calloutBanner__icon_w7hda_12{color:var(--alto-sem-color-fg-information-primary)}._calloutBanner--neutral_w7hda_203{border-color:var(--alto-sem-color-border-secondary)}._calloutBanner--primary_w7hda_129._calloutBanner--neutral_w7hda_203 ._calloutBanner__start_w7hda_17{background:var(--alto-sem-color-bg-inverse-vibrant-default)}._calloutBanner--secondary_w7hda_133._calloutBanner--neutral_w7hda_203 ._calloutBanner__start_w7hda_17{background:var(--alto-sem-color-bg-layer1-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner--secondary_w7hda_133._calloutBanner--neutral_w7hda_203 ._calloutBanner__end_w7hda_38{border-top:1px solid var(--alto-sem-color-border-secondary)}._calloutBanner--tertiary_w7hda_142._calloutBanner--neutral_w7hda_203 ._calloutBanner__start_w7hda_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner--neutral_w7hda_203:not(._calloutBanner--primary_w7hda_129) ._calloutBanner__icon_w7hda_12{color:var(--alto-sem-color-fg-primary)}._calloutBanner--accent_w7hda_229{border-color:var(--alto-sem-color-border-accent)}._calloutBanner--primary_w7hda_129._calloutBanner--accent_w7hda_229 ._calloutBanner__start_w7hda_17{background:var(--alto-sem-color-bg-accent-vibrant-default);color:var(--alto-sem-color-fg-accent-on-vibrant)}._calloutBanner--secondary_w7hda_133._calloutBanner--accent_w7hda_229{border:none}._calloutBanner--secondary_w7hda_133._calloutBanner--accent_w7hda_229 ._calloutBanner__start_w7hda_17{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner--tertiary_w7hda_142._calloutBanner--accent_w7hda_229 ._calloutBanner__start_w7hda_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner--accent_w7hda_229:not(._calloutBanner--primary_w7hda_129) ._calloutBanner__icon_w7hda_12{color:var(--alto-sem-color-fg-accent-primary)}._calloutBanner--tertiary_w7hda_142{border-color:transparent;gap:var(--alto-sem-space-4xs)}._calloutBanner--tertiary_w7hda_142 ._calloutBanner__start_w7hda_17{padding:0}._calloutBanner--tertiary_w7hda_142 ._calloutBanner__end_w7hda_38{background:var(--alto-sem-color-bg-layer1-default);border:1px solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius)}
+._callout-banner_18tp6_1{border-radius:var(--alto-card-radius);border-style:solid;border-width:var(--alto-sem-border-width-sm);display:flex;flex-direction:column;overflow:hidden;text-align:left;width:100%}._callout-banner__icon_18tp6_12{align-self:flex-start}._callout-banner_18tp6_1:has(._callout-banner__meta-title_18tp6_21:only-child):has(:not(._callout-banner__meta-label_18tp6_19)) ._callout-banner__start_18tp6_17{align-items:center}._callout-banner__start_18tp6_17{border-bottom:var(--alto-sem-border-width-sm) solid transparent;color:var(--alto-sem-color-fg-critical-on-vibrant);display:flex;flex-direction:row;gap:var(--alto-sem-space-xs);padding:var(--alto-sem-space-xs);position:relative}._callout-banner__end_18tp6_38{background-color:var(--alto-sem-color-bg-layer2-default);display:flex;justify-content:flex-start;padding:var(--alto-sem-space-sm)}._callout-banner__dismiss_18tp6_45{right:var(--alto-sem-space-xs);top:var(--alto-sem-space-xs)}._callout-banner__meta_18tp6_19{display:flex;flex-direction:row-reverse;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;gap:var(--alto-sem-space-xs);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);width:100%}._callout-banner__meta-content_18tp6_62{display:flex;flex-direction:column;gap:var(--alto-sem-space-xs);width:100%}._callout-banner__meta-label_18tp6_19{align-items:flex-start;display:flex}._callout-banner__meta-content--row_18tp6_74{flex-direction:row;justify-content:space-between}._callout-banner__meta-top_18tp6_79{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;text-wrap:wrap;word-wrap:break-word;word-break:break-word}._callout-banner__custom-asset_18tp6_89{max-width:52px}._callout-banner__custom-asset_18tp6_89>:first-child{max-width:inherit}._callout-banner__meta-title_18tp6_21{font-size:var(--alto-sem-text-body-sm-font-size);font-weight:var(--alto-sem-text-body-bold-font-weight);margin:0}._callout-banner__meta-description_18tp6_103{margin:var(--alto-sem-space-4xs) 0 0}._callout-banner__severity-label_18tp6_108{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0)}._callout-banner__default-asset--center_18tp6_119{align-self:center;display:flex}._callout-banner--critical_18tp6_125{border-color:var(--alto-sem-color-border-critical)}._callout-banner--primary_18tp6_129._callout-banner--critical_18tp6_125 ._callout-banner__start_18tp6_17{background:var(--alto-sem-color-bg-critical-vibrant-default)}._callout-banner--secondary_18tp6_133._callout-banner--critical_18tp6_125 ._callout-banner__start_18tp6_17{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-primary)}._callout-banner--secondary_18tp6_133._callout-banner--critical_18tp6_125 ._callout-banner__end_18tp6_38{border-top:1px solid var(--alto-sem-color-border-critical)}._callout-banner--tertiary_18tp6_142._callout-banner--critical_18tp6_125 ._callout-banner__start_18tp6_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._callout-banner--critical_18tp6_125:not(._callout-banner--primary_18tp6_129) ._callout-banner__icon_18tp6_12{color:var(--alto-sem-color-fg-critical-primary)}._callout-banner--success_18tp6_151{border-color:var(--alto-sem-color-border-success)}._callout-banner--primary_18tp6_129._callout-banner--success_18tp6_151 ._callout-banner__start_18tp6_17{background:var(--alto-sem-color-bg-success-vibrant-default)}._callout-banner--secondary_18tp6_133._callout-banner--success_18tp6_151 ._callout-banner__start_18tp6_17{background:var(--alto-sem-color-bg-success-subtle-default);color:var(--alto-sem-color-fg-primary)}._callout-banner--secondary_18tp6_133._callout-banner--success_18tp6_151 ._callout-banner__end_18tp6_38{border-top:1px solid var(--alto-sem-color-border-success)}._callout-banner--tertiary_18tp6_142._callout-banner--success_18tp6_151 ._callout-banner__start_18tp6_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._callout-banner--success_18tp6_151:not(._callout-banner--primary_18tp6_129) ._callout-banner__icon_18tp6_12{color:var(--alto-sem-color-fg-success-primary)}._callout-banner--information_18tp6_177{border-color:var(--alto-sem-color-border-information)}._callout-banner--primary_18tp6_129._callout-banner--information_18tp6_177 ._callout-banner__start_18tp6_17{background:var(--alto-sem-color-bg-information-vibrant-default)}._callout-banner--secondary_18tp6_133._callout-banner--information_18tp6_177 ._callout-banner__start_18tp6_17{background:var(--alto-sem-color-bg-information-subtle-default);color:var(--alto-sem-color-fg-primary)}._callout-banner--secondary_18tp6_133._callout-banner--information_18tp6_177 ._callout-banner__end_18tp6_38{border-top:1px solid var(--alto-sem-color-border-information)}._callout-banner--tertiary_18tp6_142._callout-banner--information_18tp6_177 ._callout-banner__start_18tp6_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._callout-banner--information_18tp6_177:not(._callout-banner--primary_18tp6_129) ._callout-banner__icon_18tp6_12{color:var(--alto-sem-color-fg-information-primary)}._callout-banner--neutral_18tp6_204{border-color:var(--alto-sem-color-border-secondary)}._callout-banner--primary_18tp6_129._callout-banner--neutral_18tp6_204 ._callout-banner__start_18tp6_17{background:var(--alto-sem-color-bg-inverse-vibrant-default)}._callout-banner--secondary_18tp6_133._callout-banner--neutral_18tp6_204 ._callout-banner__start_18tp6_17{background:var(--alto-sem-color-bg-layer1-default);color:var(--alto-sem-color-fg-primary)}._callout-banner--secondary_18tp6_133._callout-banner--neutral_18tp6_204 ._callout-banner__end_18tp6_38{border-top:1px solid var(--alto-sem-color-border-secondary)}._callout-banner--tertiary_18tp6_142._callout-banner--neutral_18tp6_204 ._callout-banner__start_18tp6_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._callout-banner--neutral_18tp6_204:not(._callout-banner--primary_18tp6_129) ._callout-banner__icon_18tp6_12{color:var(--alto-sem-color-fg-primary)}._callout-banner--accent_18tp6_230{border-color:var(--alto-sem-color-border-accent)}._callout-banner--primary_18tp6_129._callout-banner--accent_18tp6_230 ._callout-banner__start_18tp6_17{background:var(--alto-sem-color-bg-accent-vibrant-default);color:var(--alto-sem-color-fg-accent-on-vibrant)}._callout-banner--secondary_18tp6_133._callout-banner--accent_18tp6_230{border:none}._callout-banner--secondary_18tp6_133._callout-banner--accent_18tp6_230 ._callout-banner__start_18tp6_17{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-primary)}._callout-banner--tertiary_18tp6_142._callout-banner--accent_18tp6_230 ._callout-banner__start_18tp6_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._callout-banner--accent_18tp6_230:not(._callout-banner--primary_18tp6_129) ._callout-banner__icon_18tp6_12{color:var(--alto-sem-color-fg-accent-primary)}._callout-banner--tertiary_18tp6_142{border-color:transparent;gap:var(--alto-sem-space-4xs)}._callout-banner--tertiary_18tp6_142 ._callout-banner__start_18tp6_17{padding:0}._callout-banner--tertiary_18tp6_142 ._callout-banner__end_18tp6_38{background:var(--alto-sem-color-bg-layer1-default);border:1px solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius)}

package/dist/assets/Carousel.css

@@ -1 +1 @@
-._carouselWrapper_1uhyq_2{box-sizing:border-box;margin:0;max-width:100%;padding:0;position:relative;width:100%}._carouselWrapper_1uhyq_2,._carouselWrapper_1uhyq_2._showPartialItems_1uhyq_14,._carouselWrapper_1uhyq_2._showPartialItems_1uhyq_14 ._carousel_1uhyq_2{overflow-x:visible;overflow-y:hidden}._carouselWrapper_1uhyq_2._hasScrollPadding_1uhyq_25,._carouselWrapper_1uhyq_2._hasScrollPadding_1uhyq_25 ._carousel_1uhyq_2{overflow-x:visible!important;overflow-y:hidden!important}._carousel_1uhyq_2{overflow-x:visible;position:relative;width:100%}._carousel_1uhyq_2,._scroller_1uhyq_43{box-sizing:border-box;overflow-y:hidden}._scroller_1uhyq_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;height:auto;transition:all .3s ease}._scroller_1uhyq_43:focus{outline-offset:-2px;outline-width:2px}._scroller_1uhyq_43::-webkit-scrollbar{display:none}._carouselWrapper_1uhyq_2 [data-dragging=true] ._scroller_1uhyq_43{cursor:grabbing;scroll-behavior:auto;touch-action:pan-x}._carouselWrapper_1uhyq_2 [data-dragging=true] ._item_1uhyq_78 a{cursor:grabbing}._carouselWrapper_1uhyq_2 ._scroller_1uhyq_43:hover{cursor:grab;touch-action:pan-x}._item_1uhyq_78{box-sizing:border-box;height:auto;max-width:100%;min-height:100%;overflow-y:hidden;scroll-snap-align:start;scroll-snap-stop:always}._carouselWrapper_1uhyq_2 ._carousel_1uhyq_2 ._scroller_1uhyq_43 ._item_1uhyq_78>*{display:block;height:auto;width:100%}._carouselWrapper_1uhyq_2[data-scroll-padding=true],._carouselWrapper_1uhyq_2[data-scroll-padding=true] ._carousel_1uhyq_2,._carouselWrapper_1uhyq_2[data-scroll-padding=true] ._scroller_1uhyq_43{overflow-x:visible!important;overflow-y:hidden!important}._carouselWrapper_1uhyq_2[data-scroll-padding=true] ._item_1uhyq_78{scroll-snap-align:start}._slideLeft_1uhyq_127{animation:_slideLeftAnimation_1uhyq_1 1s cubic-bezier(.25,0,.85,.1)}._slideRight_1uhyq_131{animation:_slideRightAnimation_1uhyq_1 1s cubic-bezier(.25,0,.85,.1)}@keyframes _slideLeftAnimation_1uhyq_1{0%{transform:translate(0)}to{transform:translate(0)}}@keyframes _slideRightAnimation_1uhyq_1{0%{transform:translate(0)}to{transform:translate(0)}}._controls_1uhyq_154{inset:0;pointer-events:none;position:absolute;z-index:1}._defaultPrevButton_1uhyq_165{left:10px}._defaultNextButton_1uhyq_173,._defaultPrevButton_1uhyq_165{position:absolute;top:50%;transform:translateY(-50%);z-index:5}._defaultNextButton_1uhyq_173{right:10px}._defaultDotsContainer_1uhyq_182{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._defaultCarouselWrapper_1uhyq_193{margin:0 auto;max-width:800px;width:360px}._defaultAutoplayControl_1uhyq_200{pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}._showOnHover_1uhyq_209 ._arrowContainer_1uhyq_209{opacity:0;transition:opacity .3s ease}._carouselWrapper_1uhyq_2 [data-arrows-visible=true] ._showOnHover_1uhyq_209 ._arrowContainer_1uhyq_209{opacity:1}._hidden_1uhyq_219{opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}._dotsContainerWrapper_1uhyq_228{pointer-events:auto;z-index:2}._dotsContainer_1uhyq_228{position:relative}@media(max-width:768px){._carouselWrapper_1uhyq_2 ._dotsContainerWrapper_1uhyq_228{cursor:pointer}._carouselWrapper_1uhyq_2 ._dotsContainerWrapper_1uhyq_228:active{opacity:.8}}._hiddenTabs_1uhyq_250{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_1uhyq_263{cursor:pointer;touch-action:manipulation}._autoplayControlWrapper_1uhyq_268{align-items:center;display:flex;justify-content:center;pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}._carouselDefault_1uhyq_282{height:100%;overflow-x:hidden;width:361px}._carouselDefault_1uhyq_282 ._prevButton_1uhyq_287{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_1uhyq_282 ._nextButton_1uhyq_294{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_1uhyq_282 ._dotsContainer_1uhyq_228{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_1uhyq_312{position:relative;width:100%}._carouselWithAutoPlay_1uhyq_312 ._prevButton_1uhyq_287{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_1uhyq_312 ._nextButton_1uhyq_294{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_1uhyq_312 ._dotsContainer_1uhyq_228{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_1uhyq_312 ._autoplayControl_1uhyq_268{pointer-events:auto!important;position:absolute!important;right:16px!important;top:16px!important;z-index:20!important}._carouselWithScrollPeek_1uhyq_348{position:relative}._carouselWithScrollPeek_1uhyq_348,._carouselWithScrollPeek_1uhyq_348 ._carousel_1uhyq_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithScrollPeek_1uhyq_348 ._prevButton_1uhyq_287{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_1uhyq_348 ._nextButton_1uhyq_294{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_1uhyq_348 ._dotsContainer_1uhyq_228{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithFractionalItems_1uhyq_382{position:relative}._carouselWithFractionalItems_1uhyq_382,._carouselWithFractionalItems_1uhyq_382 ._carousel_1uhyq_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithFractionalItems_1uhyq_382 ._prevButton_1uhyq_287{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_1uhyq_382 ._nextButton_1uhyq_294{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_1uhyq_382 ._dotsContainer_1uhyq_228{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._paginationDotsDefault_1uhyq_416{position:relative;width:100%}._paginationDotsDefault_1uhyq_416 ._prevButton_1uhyq_287{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_1uhyq_416 ._nextButton_1uhyq_294{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_1uhyq_416 ._dotsContainer_1uhyq_228{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._hoverArrowsDefault_1uhyq_445{height:100%;overflow-x:hidden;width:361px}._hoverArrowsDefault_1uhyq_445 ._prevButton_1uhyq_287{left:10px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_1uhyq_445 ._nextButton_1uhyq_294{opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_1uhyq_445:focus-within ._nextButton_1uhyq_294,._hoverArrowsDefault_1uhyq_445:focus-within ._prevButton_1uhyq_287,._hoverArrowsDefault_1uhyq_445:hover ._nextButton_1uhyq_294,._hoverArrowsDefault_1uhyq_445:hover ._prevButton_1uhyq_287{opacity:1}._hoverArrowsDefault_1uhyq_445 ._dotsContainer_1uhyq_228{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}
+._carouselWrapper_1gfyq_2{box-sizing:border-box;margin:0;max-width:100%;padding:0;position:relative;width:100%}._carouselWrapper_1gfyq_2,._carouselWrapper_1gfyq_2._showPartialItems_1gfyq_14,._carouselWrapper_1gfyq_2._showPartialItems_1gfyq_14 ._carousel_1gfyq_2{overflow-x:visible;overflow-y:hidden}._carouselWrapper_1gfyq_2._hasScrollPadding_1gfyq_25,._carouselWrapper_1gfyq_2._hasScrollPadding_1gfyq_25 ._carousel_1gfyq_2{overflow-x:visible!important;overflow-y:hidden!important}._carousel_1gfyq_2{overflow-x:visible;position:relative;width:100%}._carousel_1gfyq_2,._scroller_1gfyq_43{box-sizing:border-box;overflow-y:hidden}._scroller_1gfyq_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;height:auto;transition:all .3s ease}._scroller_1gfyq_43:focus{outline-offset:-2px;outline-width:2px}._scroller_1gfyq_43::-webkit-scrollbar{display:none}._carouselWrapper_1gfyq_2 [data-dragging=true] ._scroller_1gfyq_43{cursor:grabbing;scroll-behavior:auto;touch-action:pan-x}._carouselWrapper_1gfyq_2 ._scroller_1gfyq_43:hover{cursor:grab;touch-action:pan-x}._carouselWrapper_1gfyq_2 [data-dragging=true] ._item_1gfyq_84 a,._carouselWrapper_1gfyq_2 [data-dragging=true] ._scroller_1gfyq_43{cursor:grabbing}._item_1gfyq_84{box-sizing:border-box;height:auto;max-width:100%;min-height:100%;overflow-y:hidden;scroll-snap-align:start;scroll-snap-stop:always}._carouselWrapper_1gfyq_2 ._carousel_1gfyq_2 ._scroller_1gfyq_43 ._item_1gfyq_84>*{display:block;height:auto;width:100%}._carouselWrapper_1gfyq_2[data-scroll-padding=true],._carouselWrapper_1gfyq_2[data-scroll-padding=true] ._carousel_1gfyq_2,._carouselWrapper_1gfyq_2[data-scroll-padding=true] ._scroller_1gfyq_43{overflow-x:visible!important;overflow-y:hidden!important}._carouselWrapper_1gfyq_2[data-scroll-padding=true] ._item_1gfyq_84{scroll-snap-align:start}._slideLeft_1gfyq_127{animation:_slideLeftAnimation_1gfyq_1 1s cubic-bezier(.25,0,.85,.1)}._slideRight_1gfyq_131{animation:_slideRightAnimation_1gfyq_1 1s cubic-bezier(.25,0,.85,.1)}@keyframes _slideLeftAnimation_1gfyq_1{0%{transform:translate(0)}to{transform:translate(0)}}@keyframes _slideRightAnimation_1gfyq_1{0%{transform:translate(0)}to{transform:translate(0)}}._controls_1gfyq_154{inset:0;pointer-events:none;position:absolute;z-index:1}._defaultPrevButton_1gfyq_165{left:10px}._defaultNextButton_1gfyq_173,._defaultPrevButton_1gfyq_165{position:absolute;top:50%;transform:translateY(-50%);z-index:5}._defaultNextButton_1gfyq_173{right:10px}._defaultDotsContainer_1gfyq_182{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._defaultCarouselWrapper_1gfyq_193{margin:0 auto;max-width:800px;width:360px}._defaultAutoplayControl_1gfyq_200{pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}._showOnHover_1gfyq_209 ._arrowContainer_1gfyq_209{opacity:0;transition:opacity .3s ease}._carouselWrapper_1gfyq_2 [data-arrows-visible=true] ._showOnHover_1gfyq_209 ._arrowContainer_1gfyq_209{opacity:1}._hidden_1gfyq_219{opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}._dotsContainerWrapper_1gfyq_228{pointer-events:auto;z-index:2}._dotsContainer_1gfyq_228{position:relative}@media(max-width:768px){._carouselWrapper_1gfyq_2 ._dotsContainerWrapper_1gfyq_228{cursor:pointer}._carouselWrapper_1gfyq_2 ._dotsContainerWrapper_1gfyq_228:active{opacity:.8}}._hiddenTabs_1gfyq_250{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_1gfyq_263{cursor:pointer;touch-action:manipulation}._autoplayControlWrapper_1gfyq_268{align-items:center;display:flex;justify-content:center;pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}._carouselDefault_1gfyq_282{height:100%;overflow-x:hidden;width:361px}._carouselDefault_1gfyq_282 ._prevButton_1gfyq_287{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_1gfyq_282 ._nextButton_1gfyq_294{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_1gfyq_282 ._dotsContainer_1gfyq_228{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_1gfyq_312{position:relative;width:100%}._carouselWithAutoPlay_1gfyq_312 ._prevButton_1gfyq_287{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_1gfyq_312 ._nextButton_1gfyq_294{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_1gfyq_312 ._dotsContainer_1gfyq_228{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_1gfyq_312 ._autoplayControl_1gfyq_268{pointer-events:auto!important;position:absolute!important;right:16px!important;top:16px!important;z-index:20!important}._carouselWithScrollPeek_1gfyq_348{position:relative}._carouselWithScrollPeek_1gfyq_348,._carouselWithScrollPeek_1gfyq_348 ._carousel_1gfyq_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithScrollPeek_1gfyq_348 ._prevButton_1gfyq_287{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_1gfyq_348 ._nextButton_1gfyq_294{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_1gfyq_348 ._dotsContainer_1gfyq_228{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithFractionalItems_1gfyq_382{position:relative}._carouselWithFractionalItems_1gfyq_382,._carouselWithFractionalItems_1gfyq_382 ._carousel_1gfyq_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithFractionalItems_1gfyq_382 ._prevButton_1gfyq_287{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_1gfyq_382 ._nextButton_1gfyq_294{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_1gfyq_382 ._dotsContainer_1gfyq_228{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._paginationDotsDefault_1gfyq_416{position:relative;width:100%}._paginationDotsDefault_1gfyq_416 ._prevButton_1gfyq_287{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_1gfyq_416 ._nextButton_1gfyq_294{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_1gfyq_416 ._dotsContainer_1gfyq_228{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._hoverArrowsDefault_1gfyq_445{height:100%;overflow-x:hidden;width:361px}._hoverArrowsDefault_1gfyq_445 ._prevButton_1gfyq_287{left:10px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_1gfyq_445 ._nextButton_1gfyq_294{opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_1gfyq_445:focus-within ._nextButton_1gfyq_294,._hoverArrowsDefault_1gfyq_445:focus-within ._prevButton_1gfyq_287,._hoverArrowsDefault_1gfyq_445:hover ._nextButton_1gfyq_294,._hoverArrowsDefault_1gfyq_445:hover ._prevButton_1gfyq_287{opacity:1}._hoverArrowsDefault_1gfyq_445 ._dotsContainer_1gfyq_228{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}

package/dist/assets/DetailsDisclosure.css

@@ -1 +1 @@
-._detailsDisclosure_1bmls_1{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs);width:100%}._detailsDisclosure__heading_1bmls_8{margin:0}._detailsDisclosure__icon_1bmls_12{rotate:0deg;transition:rotate .2s}._detailsDisclosure_1bmls_1[data-expanded] ._detailsDisclosure__icon_1bmls_12{rotate:90deg}._detailsDisclosure_1bmls_1 button[slot=trigger]{all:unset;align-items:center;border-radius:var(--alto-sem-radius-circle);cursor:pointer;display:flex;flex-direction:row;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-bold-font-weight);gap:var(--alto-sem-space-4xs);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);width:100%}._detailsDisclosure_1bmls_1 button[slot=trigger][data-focus-visible]{outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._detailsDisclosureDetails_1bmls_42{display:flex;gap:var(--alto-sem-space-2xs)}._detailsDisclosureDetails_1bmls_42:has([data-panel-border]){padding-left:7px}._detailsDisclosureDetails__border_1bmls_51{max-width:10px;position:relative;width:100%}._detailsDisclosureDetails__border_1bmls_51:before{background:var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);content:"";height:100%;left:50%;position:absolute;transform:translate(-50%);width:var(--alto-details-disclosure-panel-border-width)}._detailsDisclosureDetails__content_1bmls_68{padding-block:var(--alto-sem-space-4xs)}
+._detailsDisclosure_c8gor_1{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs);width:100%}._detailsDisclosure__heading_c8gor_8{margin:0}._detailsDisclosure__icon_c8gor_12{rotate:0deg;transition:rotate .2s}._detailsDisclosure_c8gor_1[data-expanded] ._detailsDisclosure__icon_c8gor_12{rotate:90deg}._detailsDisclosure_c8gor_1 button[slot=trigger]{all:unset;align-items:center;border-radius:var(--alto-sem-radius-circle);cursor:pointer;display:flex;flex-direction:row;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-bold-font-weight);gap:var(--alto-sem-space-4xs);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);width:100%}._detailsDisclosure_c8gor_1 button[slot=trigger][data-focus-visible]{outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._detailsDisclosureDetails_c8gor_42{display:flex;gap:var(--alto-sem-space-2xs)}._detailsDisclosureDetails_c8gor_42:has([data-panel-border]){padding-left:7px}._detailsDisclosureDetails__border_c8gor_51{max-width:10px;position:relative;width:100%}._detailsDisclosureDetails__border_c8gor_51:before{background:var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);content:"";height:100%;left:50%;position:absolute;transform:translate(-50%);width:var(--alto-details-disclosure-panel-border-width)}._detailsDisclosureDetails__content_c8gor_68{padding-block:var(--alto-sem-space-4xs)}._detailsDisclosureDetails_c8gor_42[hidden]{display:none}@supports (content-visibility:hidden){._detailsDisclosureDetails_c8gor_42[hidden=until-found]{content-visibility:hidden;display:flex}}

package/dist/assets/Grid.css

@@ -1 +1 @@
-._grid_7s7nz_1{--grid-template-columns-base:initial;--grid-template-columns-sm:initial;--grid-template-columns-md:initial;--grid-template-columns-lg:initial;--grid-template-columns-xl:initial;--grid-template-columns-xxl:initial;--grid-template-rows-base:initial;--grid-template-rows-sm:initial;--grid-template-rows-md:initial;--grid-template-rows-lg:initial;--grid-template-rows-xl:initial;--grid-template-rows-xxl:initial;--grid-gap-base:initial;--grid-gap-sm:initial;--grid-gap-md:initial;--grid-gap-lg:initial;--grid-gap-xl:initial;--grid-gap-xxl:initial;--grid-row-gap-base:initial;--grid-row-gap-sm:initial;--grid-row-gap-md:initial;--grid-row-gap-lg:initial;--grid-row-gap-xl:initial;--grid-row-gap-xxl:initial;--grid-column-gap-base:initial;--grid-column-gap-sm:initial;--grid-column-gap-md:initial;--grid-column-gap-lg:initial;--grid-column-gap-xl:initial;--grid-column-gap-xxl:initial;--grid-align-content-base:initial;--grid-align-content-sm:initial;--grid-align-content-md:initial;--grid-align-content-lg:initial;--grid-align-content-xl:initial;--grid-align-content-xxl:initial;--grid-template-columns-current:var(--grid-template-columns-base,none);--grid-template-rows-current:var(--grid-template-rows-base,none);--grid-gap-current:var(--grid-gap-base,0);--grid-row-gap-current:var(--grid-row-gap-base,var(--grid-gap-current));--grid-column-gap-current:var( --grid-column-gap-base,var(--grid-gap-current) );--grid-align-content-current:var(--grid-align-content-base,normal);align-content:var(--grid-align-content-current);box-sizing:border-box;gap:var(--grid-gap-current);-moz-column-gap:var(--grid-column-gap-current);column-gap:var(--grid-column-gap-current);grid-template-columns:var(--grid-template-columns-current);grid-template-rows:var(--grid-template-rows-current);row-gap:var(--grid-row-gap-current);width:100%}@media(min-width:480px){._grid_7s7nz_1{--grid-template-columns-current:var( --grid-template-columns-sm,var(--grid-template-columns-base,none) );--grid-template-rows-current:var( --grid-template-rows-sm,var(--grid-template-rows-base,none) );--grid-gap-current:var(--grid-gap-sm,var(--grid-gap-base,0));--grid-row-gap-current:var( --grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-current)) );--grid-column-gap-current:var( --grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-current)) );--grid-align-content-current:var( --grid-align-content-sm,var(--grid-align-content-base,normal) )}}@media(min-width:768px){._grid_7s7nz_1{--grid-template-columns-current:var( --grid-template-columns-md,var(--grid-template-columns-sm,var(--grid-template-columns-base,none)) );--grid-template-rows-current:var( --grid-template-rows-md,var(--grid-template-rows-sm,var(--grid-template-rows-base,none)) );--grid-gap-current:var( --grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,0)) );--grid-row-gap-current:var( --grid-row-gap-md,var(--grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-current))) );--grid-column-gap-current:var( --grid-column-gap-md,var( --grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-current)) ) );--grid-align-content-current:var( --grid-align-content-md,var(--grid-align-content-sm,var(--grid-align-content-base,normal)) )}}@media(min-width:1024px){._grid_7s7nz_1{--grid-template-columns-current:var( --grid-template-columns-lg,var( --grid-template-columns-md,var(--grid-template-columns-sm,var(--grid-template-columns-base,none)) ) );--grid-template-rows-current:var( --grid-template-rows-lg,var( --grid-template-rows-md,var(--grid-template-rows-sm,var(--grid-template-rows-base,none)) ) );--grid-gap-current:var( --grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,0))) );--grid-row-gap-current:var( --grid-row-gap-lg,var( --grid-row-gap-md,var( --grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-current)) ) ) );--grid-column-gap-current:var( --grid-column-gap-lg,var( --grid-column-gap-md,var( --grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-current)) ) ) );--grid-align-content-current:var( --grid-align-content-lg,var( --grid-align-content-md,var(--grid-align-content-sm,var(--grid-align-content-base,normal)) ) )}}@media(min-width:1440px){._grid_7s7nz_1{--grid-template-columns-current:var( --grid-template-columns-xl,var( --grid-template-columns-lg,var( --grid-template-columns-md,var( --grid-template-columns-sm,var(--grid-template-columns-base,none) ) ) ) );--grid-template-rows-current:var( --grid-template-rows-xl,var( --grid-template-rows-lg,var( --grid-template-rows-md,var(--grid-template-rows-sm,var(--grid-template-rows-base,none)) ) ) );--grid-gap-current:var( --grid-gap-xl,var( --grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,0))) ) );--grid-row-gap-current:var( --grid-row-gap-xl,var( --grid-row-gap-lg,var( --grid-row-gap-md,var( --grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-current)) ) ) ) );--grid-column-gap-current:var( --grid-column-gap-xl,var( --grid-column-gap-lg,var( --grid-column-gap-md,var( --grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-current)) ) ) ) );--grid-align-content-current:var( --grid-align-content-xl,var( --grid-align-content-lg,var( --grid-align-content-md,var(--grid-align-content-sm,var(--grid-align-content-base,normal)) ) ) )}}@media(min-width:1920px){._grid_7s7nz_1{--grid-template-columns-current:var( --grid-template-columns-xxl,var( --grid-template-columns-xl,var( --grid-template-columns-lg,var( --grid-template-columns-md,var( --grid-template-columns-sm,var(--grid-template-columns-base,none) ) ) ) ) );--grid-template-rows-current:var( --grid-template-rows-xxl,var( --grid-template-rows-xl,var( --grid-template-rows-lg,var( --grid-template-rows-md,var(--grid-template-rows-sm,var(--grid-template-rows-base,none)) ) ) ) );--grid-gap-current:var( --grid-gap-xxl,var( --grid-gap-xl,var( --grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,0))) ) ) );--grid-row-gap-current:var( --grid-row-gap-xxl,var( --grid-row-gap-xl,var( --grid-row-gap-lg,var( --grid-row-gap-md,var( --grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-current)) ) ) ) ) );--grid-column-gap-current:var( --grid-column-gap-xxl,var( --grid-column-gap-xl,var( --grid-column-gap-lg,var( --grid-column-gap-md,var( --grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-current)) ) ) ) ) );--grid-align-content-current:var( --grid-align-content-xxl,var( --grid-align-content-xl,var( --grid-align-content-lg,var( --grid-align-content-md,var(--grid-align-content-sm,var(--grid-align-content-base,normal)) ) ) ) )}}._gridItem_7s7nz_353{min-height:0;min-width:0}
+._grid_1ejgf_1{--grid-template-columns-base:initial;--grid-template-columns-sm:initial;--grid-template-columns-md:initial;--grid-template-columns-lg:initial;--grid-template-columns-xl:initial;--grid-template-columns-xxl:initial;--grid-template-rows-base:initial;--grid-template-rows-sm:initial;--grid-template-rows-md:initial;--grid-template-rows-lg:initial;--grid-template-rows-xl:initial;--grid-template-rows-xxl:initial;--grid-gap-base:initial;--grid-gap-sm:initial;--grid-gap-md:initial;--grid-gap-lg:initial;--grid-gap-xl:initial;--grid-gap-xxl:initial;--grid-row-gap-base:initial;--grid-row-gap-sm:initial;--grid-row-gap-md:initial;--grid-row-gap-lg:initial;--grid-row-gap-xl:initial;--grid-row-gap-xxl:initial;--grid-column-gap-base:initial;--grid-column-gap-sm:initial;--grid-column-gap-md:initial;--grid-column-gap-lg:initial;--grid-column-gap-xl:initial;--grid-column-gap-xxl:initial;--grid-align-content-base:initial;--grid-align-content-sm:initial;--grid-align-content-md:initial;--grid-align-content-lg:initial;--grid-align-content-xl:initial;--grid-align-content-xxl:initial;--grid-template-columns-current:var(--grid-template-columns-base,none);--grid-template-rows-current:var(--grid-template-rows-base,none);--grid-gap-current:var(--grid-gap-base,0);--grid-row-gap-current:var(--grid-row-gap-base,var(--grid-gap-current));--grid-column-gap-current:var( --grid-column-gap-base,var(--grid-gap-current) );--grid-align-content-current:var(--grid-align-content-base,normal);align-content:var(--grid-align-content-current);box-sizing:border-box;gap:var(--grid-gap-current);-moz-column-gap:var(--grid-column-gap-current);column-gap:var(--grid-column-gap-current);grid-template-columns:var(--grid-template-columns-current);grid-template-rows:var(--grid-template-rows-current);row-gap:var(--grid-row-gap-current);width:100%}@media(min-width:480px){._grid_1ejgf_1{--grid-template-columns-current:var( --grid-template-columns-sm,var(--grid-template-columns-base,none) );--grid-template-rows-current:var( --grid-template-rows-sm,var(--grid-template-rows-base,none) );--grid-gap-current:var(--grid-gap-sm,var(--grid-gap-base,0));--grid-row-gap-current:var( --grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-current)) );--grid-column-gap-current:var( --grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-current)) );--grid-align-content-current:var( --grid-align-content-sm,var(--grid-align-content-base,normal) )}}@media(min-width:768px){._grid_1ejgf_1{--grid-template-columns-current:var( --grid-template-columns-md,var(--grid-template-columns-sm,var(--grid-template-columns-base,none)) );--grid-template-rows-current:var( --grid-template-rows-md,var(--grid-template-rows-sm,var(--grid-template-rows-base,none)) );--grid-gap-current:var( --grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,0)) );--grid-row-gap-current:var( --grid-row-gap-md,var(--grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-current))) );--grid-column-gap-current:var( --grid-column-gap-md,var( --grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-current)) ) );--grid-align-content-current:var( --grid-align-content-md,var(--grid-align-content-sm,var(--grid-align-content-base,normal)) )}}@media(min-width:1024px){._grid_1ejgf_1{--grid-template-columns-current:var( --grid-template-columns-lg,var( --grid-template-columns-md,var(--grid-template-columns-sm,var(--grid-template-columns-base,none)) ) );--grid-template-rows-current:var( --grid-template-rows-lg,var( --grid-template-rows-md,var(--grid-template-rows-sm,var(--grid-template-rows-base,none)) ) );--grid-gap-current:var( --grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,0))) );--grid-row-gap-current:var( --grid-row-gap-lg,var( --grid-row-gap-md,var( --grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-current)) ) ) );--grid-column-gap-current:var( --grid-column-gap-lg,var( --grid-column-gap-md,var( --grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-current)) ) ) );--grid-align-content-current:var( --grid-align-content-lg,var( --grid-align-content-md,var(--grid-align-content-sm,var(--grid-align-content-base,normal)) ) )}}@media(min-width:1440px){._grid_1ejgf_1{--grid-template-columns-current:var( --grid-template-columns-xl,var( --grid-template-columns-lg,var( --grid-template-columns-md,var( --grid-template-columns-sm,var(--grid-template-columns-base,none) ) ) ) );--grid-template-rows-current:var( --grid-template-rows-xl,var( --grid-template-rows-lg,var( --grid-template-rows-md,var(--grid-template-rows-sm,var(--grid-template-rows-base,none)) ) ) );--grid-gap-current:var( --grid-gap-xl,var( --grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,0))) ) );--grid-row-gap-current:var( --grid-row-gap-xl,var( --grid-row-gap-lg,var( --grid-row-gap-md,var( --grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-current)) ) ) ) );--grid-column-gap-current:var( --grid-column-gap-xl,var( --grid-column-gap-lg,var( --grid-column-gap-md,var( --grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-current)) ) ) ) );--grid-align-content-current:var( --grid-align-content-xl,var( --grid-align-content-lg,var( --grid-align-content-md,var(--grid-align-content-sm,var(--grid-align-content-base,normal)) ) ) )}}@media(min-width:1920px){._grid_1ejgf_1{--grid-template-columns-current:var( --grid-template-columns-xxl,var( --grid-template-columns-xl,var( --grid-template-columns-lg,var( --grid-template-columns-md,var( --grid-template-columns-sm,var(--grid-template-columns-base,none) ) ) ) ) );--grid-template-rows-current:var( --grid-template-rows-xxl,var( --grid-template-rows-xl,var( --grid-template-rows-lg,var( --grid-template-rows-md,var(--grid-template-rows-sm,var(--grid-template-rows-base,none)) ) ) ) );--grid-gap-current:var( --grid-gap-xxl,var( --grid-gap-xl,var( --grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,0))) ) ) );--grid-row-gap-current:var( --grid-row-gap-xxl,var( --grid-row-gap-xl,var( --grid-row-gap-lg,var( --grid-row-gap-md,var( --grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-current)) ) ) ) ) );--grid-column-gap-current:var( --grid-column-gap-xxl,var( --grid-column-gap-xl,var( --grid-column-gap-lg,var( --grid-column-gap-md,var( --grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-current)) ) ) ) ) );--grid-align-content-current:var( --grid-align-content-xxl,var( --grid-align-content-xl,var( --grid-align-content-lg,var( --grid-align-content-md,var(--grid-align-content-sm,var(--grid-align-content-base,normal)) ) ) ) )}}._grid-cell_1ejgf_353{--grid-cell-grid-column-sm:initial;--grid-cell-grid-column-md:initial;--grid-cell-grid-column-lg:initial;--grid-cell-grid-column-xl:initial;--grid-cell-grid-column-xxl:initial;--grid-cell-grid-row-base:initial;--grid-cell-grid-row-sm:initial;--grid-cell-grid-row-md:initial;--grid-cell-grid-row-lg:initial;--grid-cell-grid-row-xl:initial;--grid-cell-grid-row-xxl:initial;--grid-cell-grid-column-current:var(--grid-cell-grid-column-base,auto);--grid-cell-grid-row-current:var(--grid-cell-grid-row-base,auto);grid-column:var(--grid-cell-grid-column-current);grid-row:var(--grid-cell-grid-row-current)}@media(min-width:480px){._grid-cell_1ejgf_353{--grid-cell-grid-column-current:var( --grid-cell-grid-column-sm,var(--grid-cell-grid-column-base,auto) );--grid-cell-grid-row-current:var( --grid-cell-grid-row-sm,var(--grid-cell-grid-row-base,auto) )}}@media(min-width:768px){._grid-cell_1ejgf_353{--grid-cell-grid-column-current:var( --grid-cell-grid-column-md,var(--grid-cell-grid-column-sm,var(--grid-cell-grid-column-base,auto)) );--grid-cell-grid-row-current:var( --grid-cell-grid-row-md,var(--grid-cell-grid-row-sm,var(--grid-cell-grid-row-base,auto)) )}}@media(min-width:1024px){._grid-cell_1ejgf_353{--grid-cell-grid-column-current:var( --grid-cell-grid-column-lg,var( --grid-cell-grid-column-md,var(--grid-cell-grid-column-sm,var(--grid-cell-grid-column-base,auto)) ) );--grid-cell-grid-row-current:var( --grid-cell-grid-row-lg,var( --grid-cell-grid-row-md,var(--grid-cell-grid-row-sm,var(--grid-cell-grid-row-base,auto)) ) )}}@media(min-width:1440px){._grid-cell_1ejgf_353{--grid-cell-grid-column-current:var( --grid-cell-grid-column-xl,var( --grid-cell-grid-column-lg,var( --grid-cell-grid-column-md,var( --grid-cell-grid-column-sm,var(--grid-cell-grid-column-base,auto) ) ) ) );--grid-cell-grid-row-current:var( --grid-cell-grid-row-xl,var( --grid-cell-grid-row-lg,var( --grid-cell-grid-row-md,var(--grid-cell-grid-row-sm,var(--grid-cell-grid-row-base,auto)) ) ) )}}@media(min-width:1920px){._grid-cell_1ejgf_353{--grid-cell-grid-column-current:var( --grid-cell-grid-column-xxl,var( --grid-cell-grid-column-xl,var( --grid-cell-grid-column-lg,var( --grid-cell-grid-column-md,var( --grid-cell-grid-column-sm,var(--grid-cell-grid-column-base,auto) ) ) ) ) );--grid-cell-grid-row-current:var( --grid-cell-grid-row-xxl,var( --grid-cell-grid-row-xl,var( --grid-cell-grid-row-lg,var( --grid-cell-grid-row-md,var(--grid-cell-grid-row-sm,var(--grid-cell-grid-row-base,auto)) ) ) ) )}}

package/dist/assets/TabPanel.css

@@ -1 +1 @@
-._tabs_4rgdj_1[data-focus-visible]{outline:none}._tab_4rgdj_1{background:none;border:none;cursor:pointer;outline:none;padding:var(--alto-sem-space-2xs) 0;position:relative}._tabText_4rgdj_18,._tab_4rgdj_1{align-items:center;display:flex;justify-content:center}._tabText_4rgdj_18{border-radius:var(--alto-sem-radius-3xs);color:var(--alto-sem-color-fg-accent-secondary);font-family:var(--alto-sem-text-label-font-family);font-size:var(--alto-sem-text-label-md-font-size);font-weight:var(--alto-sem-text-label-font-weight);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);width:-moz-max-content;width:max-content}._tabList_4rgdj_32{display:flex;gap:var(--alto-sem-space-2xs);padding-left:var(--alto-sem-space-4xs)}._contained_4rgdj_39 ._tabList_4rgdj_32._fillContainer_4rgdj_38,._tabList_4rgdj_32._fillContainer_4rgdj_38{width:100%}._tabList_4rgdj_32._fillContainer_4rgdj_38 ._tab_4rgdj_1{flex:1}._alignStart_4rgdj_48 ._tabList_4rgdj_32{justify-content:flex-start}._alignCenter_4rgdj_52 ._tabList_4rgdj_32{justify-content:center}._tab_4rgdj_1:focus-visible{outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-sm)}._tab_4rgdj_1[data-focus-visible=true]{outline:none;outline-offset:none}._tab_4rgdj_1[data-focus-visible=true] ._tabText_4rgdj_18{background-color:var(--alto-sem-color-bg-accent-subtle-hover);outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:-2px}._tab_4rgdj_1:hover:not([data-selected=true],[data-disabled=true]) ._tabText_4rgdj_18{background-color:var(--alto-sem-color-bg-inverse-subtle-hover)}._tab_4rgdj_1:hover:not([data-selected=true],[data-disabled=true])[data-pressed=true] ._tabText_4rgdj_18{background-color:var(--alto-sem-color-bg-inverse-subtle-active)}._tab_4rgdj_1:hover:not([data-selected=true],[data-disabled=true])[data-focus-visible=true] ._tabText_4rgdj_18{background-color:var(--alto-sem-color-bg-accent-subtle-hover);outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:-2px}._line_4rgdj_99 ._tab_4rgdj_1[data-hovered=true][data-selected=true] ._tabText_4rgdj_18,._tab_4rgdj_1[data-hovered=true][data-selected=true] ._tabText_4rgdj_18{background-color:var(--alto-sem-color-bg-accent-subtle-hover)}._tab_4rgdj_1[data-hovered=true][data-pressed=true] ._tabText_4rgdj_18{background-color:var(--alto-sem-color-bg-accent-subtle-active)}._tab_4rgdj_1[data-selected=true] ._tabText_4rgdj_18{background-color:var(--alto-sem-color-bg-accent-subtle-default)}._tab_4rgdj_1[data-disabled=true] ._tabText_4rgdj_18{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed}._tab_4rgdj_1[data-has-icon=true] ._tabText_4rgdj_18{gap:var(--alto-sem-space-4xs)}._line_4rgdj_99 ._tabList_4rgdj_32{border-bottom:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-tertiary);padding-left:0}._line_4rgdj_99 ._tab_4rgdj_1{border-bottom:var(--alto-sem-border-width-md) solid transparent;margin-bottom:calc(var(--alto-sem-border-width-sm)*-1)}._line_4rgdj_99 ._tabText_4rgdj_18{border-radius:var(--alto-tag-radius);padding:var(--alto-sem-space-2xs)}._line_4rgdj_99 ._tab_4rgdj_1[data-selected=true]{background-color:transparent;border-bottom-color:var(--alto-sem-color-fg-accent-secondary)}._line_4rgdj_99 ._tab_4rgdj_1[data-selected=true] ._tabText_4rgdj_18{background:none}._pill_4rgdj_151 ._tabText_4rgdj_18{border-radius:var(--alto-sem-radius-circle);padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._pill_4rgdj_151 ._tab_4rgdj_1[data-focus-visible=true] ._tabText_4rgdj_18{outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:2px}._contained_4rgdj_39 ._tabList_4rgdj_32{background-color:var(--alto-sem-color-bg-inverse-subtle-default);border-radius:var(--alto-sem-radius-circle);padding:var(--alto-sem-space-4xs);width:-moz-fit-content;width:fit-content}._contained_4rgdj_39 ._tabList_4rgdj_32 ._tab_4rgdj_1{padding:0}._contained_4rgdj_39 ._tabText_4rgdj_18{border-radius:var(--alto-sem-radius-circle);padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._contained_4rgdj_39 ._tab_4rgdj_1[data-selected=true]{border-radius:inherit;box-shadow:0 1px 2px #0000000d;outline:1px solid var(--alto-sem-color-border-tertiary)}._contained_4rgdj_39 ._tab_4rgdj_1[data-selected=true] ._tabText_4rgdj_18{background-color:var(--alto-sem-color-bg-layer2-default)}._contained_4rgdj_39 ._tab_4rgdj_1[data-focus-visible=true] ._tabText_4rgdj_18{background-color:var(--alto-sem-color-bg-layer2-hover);outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:-1px}._heading_4rgdj_196 ._tabList_4rgdj_32{border-bottom:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-tertiary)}._heading_4rgdj_196 ._tab_4rgdj_1{border-bottom:var(--alto-sem-border-width-lg) solid transparent;margin-bottom:calc(var(--alto-sem-border-width-sm)*-1)}._heading_4rgdj_196 ._tabText_4rgdj_18,._heading_4rgdj_196 ._tabText_4rgdj_18>:is(h1,h2,h3,h4,h5,h6){background-color:transparent;border-radius:var(--alto-sem-radius-3xs);display:flex;font-family:var(--alto-sem-text-heading-font-family);font-size:var(--alto-sem-text-heading-xs-font-size);font-weight:var(--alto-sem-text-heading-sm-font-weight);gap:var(--alto-sem-space-2xs);letter-spacing:var(--alto-sem-text-heading-sm-letter-spacing);line-height:var(--alto-sem-text-heading-sm-line-height);padding:var(--alto-sem-space-2xs)}._heading_4rgdj_196 ._tabText_4rgdj_18>:is(h1,h2,h3,h4,h5,h6){padding:0}._heading_4rgdj_196 ._tab_4rgdj_1[data-selected=true]{background-color:transparent;border-bottom-color:var(--alto-sem-color-border-accent)}._heading_4rgdj_196 ._tab_4rgdj_1[data-selected=true] ._tabText_4rgdj_18{background-color:transparent;color:var(--alto-sem-color-fg-accent-primary)}._heading_4rgdj_196 ._tab_4rgdj_1:hover:not([data-selected=true]) ._tabText_4rgdj_18{background-color:transparent}._heading_4rgdj_196 ._tab_4rgdj_1[data-disabled=true] :is(h1,h2,h3,h4,h5,h6){color:inherit}._tabPanel_4rgdj_242{margin-top:var(--alto-sem-space-2xs);outline:none;padding:var(--alto-sem-space-lg) 0}._tabPanel_4rgdj_242:focus-visible{outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-sm)}._tabListContainer_4rgdj_255{overflow:hidden;position:relative;width:100%}._tabListContainer_4rgdj_255[data-has-scroll-buttons=true]{align-items:center;display:flex}._scrollButtonNext_4rgdj_269,._scrollButtonPrev_4rgdj_268{flex-shrink:0;opacity:1;pointer-events:auto;position:absolute!important;top:50%;transform:translateY(-50%);transition:opacity .2s ease;z-index:10}._scrollButtonPrev_4rgdj_268{left:0}._scrollButtonNext_4rgdj_269{right:0}._scrollButtonNext_4rgdj_269[aria-disabled=true],._scrollButtonPrev_4rgdj_268[aria-disabled=true]{opacity:.3}._tabListContainer_4rgdj_255:not([data-style-variant]) ._scrollButtonPrev_4rgdj_268,._tabListContainer_4rgdj_255[data-style-variant=line] ._scrollButtonPrev_4rgdj_268{left:0}._tabListContainer_4rgdj_255:not([data-style-variant]) ._scrollButtonNext_4rgdj_269,._tabListContainer_4rgdj_255[data-style-variant=line] ._scrollButtonNext_4rgdj_269{right:0}._tabListContainer_4rgdj_255[data-style-variant=contained] ._scrollButtonPrev_4rgdj_268{left:var(--alto-sem-space-4xs)}._tabListContainer_4rgdj_255[data-style-variant=contained] ._scrollButtonNext_4rgdj_269{right:var(--alto-sem-space-4xs)}._tabListContainer_4rgdj_255[data-style-variant=pill] ._scrollButtonPrev_4rgdj_268{left:0}._tabListContainer_4rgdj_255[data-style-variant=pill] ._scrollButtonNext_4rgdj_269{right:0}._tabListContainer_4rgdj_255[data-style-variant=heading] ._scrollButtonPrev_4rgdj_268{left:0}._tabListContainer_4rgdj_255[data-style-variant=heading] ._scrollButtonNext_4rgdj_269{right:0}._tabList_4rgdj_32._hasScrollButtons_4rgdj_335{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}._tabList_4rgdj_32._hasScrollButtons_4rgdj_335::-webkit-scrollbar{display:none}._tabList_4rgdj_32._hasScrollButtons_4rgdj_335 ._tab_4rgdj_1:first-child{margin-left:0}._tabList_4rgdj_32._hasScrollButtons_4rgdj_335 ._tab_4rgdj_1:last-child{margin-right:0}._tabListContainer_4rgdj_255[data-has-scroll-buttons=true]:after,._tabListContainer_4rgdj_255[data-has-scroll-buttons=true]:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:var(--alto-sem-space-2xl);z-index:5}._contained_4rgdj_39 ._tab_4rgdj_1[data-focus-style=white][data-focus-visible=true] ._tabText_4rgdj_18,._pill_4rgdj_151 ._tab_4rgdj_1[data-focus-style=white][data-focus-visible=true] ._tabText_4rgdj_18,._tab_4rgdj_1[data-focus-style=white][data-focus-visible=true] ._tabText_4rgdj_18{outline-color:var(--alto-sem-color-border-white)}._tabListContainer_4rgdj_255[data-style-variant=contained] ._scrollButtonNext_4rgdj_269>div,._tabListContainer_4rgdj_255[data-style-variant=contained] ._scrollButtonPrev_4rgdj_268>div{border:1px solid var(--alto-sem-color-border-tertiary);box-shadow:0 1px 2px #0000000d!important}
+._tabs_h95gp_1[data-focus-visible]{outline:none}._tab_h95gp_1{background:none;border:none;cursor:pointer;outline:none;padding:var(--alto-sem-space-2xs) 0;position:relative}._tabText_h95gp_18,._tab_h95gp_1{align-items:center;display:flex;justify-content:center}._tabText_h95gp_18{border-radius:var(--alto-sem-radius-3xs);color:var(--alto-sem-color-fg-accent-secondary);font-family:var(--alto-sem-text-label-font-family);font-size:var(--alto-sem-text-label-md-font-size);font-weight:var(--alto-sem-text-label-font-weight);letter-spacing:var(--alto-sem-text-label-md-letter-spacing);line-height:var(--alto-sem-text-label-md-line-height);width:-moz-max-content;width:max-content}._tabList_h95gp_32{display:flex;gap:var(--alto-sem-space-2xs);padding-left:var(--alto-sem-space-4xs)}._contained_h95gp_39 ._tabList_h95gp_32._fillContainer_h95gp_38,._contained_h95gp_39 ._tabList_h95gp_32._fillContainer_h95gp_38 ._tabText_h95gp_18,._pill_h95gp_41 ._tabList_h95gp_32._fillContainer_h95gp_38 ._tabText_h95gp_18,._tabList_h95gp_32._fillContainer_h95gp_38{width:100%}._tabList_h95gp_32._fillContainer_h95gp_38 ._tab_h95gp_1{flex:1}._alignStart_h95gp_50 ._tabList_h95gp_32{justify-content:flex-start}._alignCenter_h95gp_54 ._tabList_h95gp_32{justify-content:center}._tab_h95gp_1:focus-visible{outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-sm)}._tab_h95gp_1[data-focus-visible=true]{outline:none;outline-offset:none}._tab_h95gp_1[data-focus-visible=true] ._tabText_h95gp_18{background-color:var(--alto-sem-color-bg-accent-subtle-hover);outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:-2px}._tab_h95gp_1:hover:not([data-selected=true],[data-disabled=true]) ._tabText_h95gp_18{background-color:var(--alto-sem-color-bg-inverse-subtle-hover)}._tab_h95gp_1:hover:not([data-selected=true],[data-disabled=true])[data-pressed=true] ._tabText_h95gp_18{background-color:var(--alto-sem-color-bg-inverse-subtle-active)}._tab_h95gp_1:hover:not([data-selected=true],[data-disabled=true])[data-focus-visible=true] ._tabText_h95gp_18{background-color:var(--alto-sem-color-bg-accent-subtle-hover);outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:-2px}._line_h95gp_101 ._tab_h95gp_1[data-hovered=true][data-selected=true] ._tabText_h95gp_18,._tab_h95gp_1[data-hovered=true][data-selected=true] ._tabText_h95gp_18{background-color:var(--alto-sem-color-bg-accent-subtle-hover)}._tab_h95gp_1[data-hovered=true][data-pressed=true] ._tabText_h95gp_18{background-color:var(--alto-sem-color-bg-accent-subtle-active)}._tab_h95gp_1[data-selected=true] ._tabText_h95gp_18{background-color:var(--alto-sem-color-bg-accent-subtle-default)}._tab_h95gp_1[data-disabled=true] ._tabText_h95gp_18{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed}._tab_h95gp_1[data-has-icon=true] ._tabText_h95gp_18{gap:var(--alto-sem-space-4xs)}._line_h95gp_101 ._tabList_h95gp_32{border-bottom:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-tertiary);padding-left:0}._line_h95gp_101 ._tab_h95gp_1{border-bottom:var(--alto-sem-border-width-md) solid transparent;margin-bottom:calc(var(--alto-sem-border-width-sm)*-1)}._line_h95gp_101 ._tabText_h95gp_18{border-radius:var(--alto-tag-radius);padding:var(--alto-sem-space-2xs)}._line_h95gp_101 ._tab_h95gp_1[data-selected=true]{background-color:transparent;border-bottom-color:var(--alto-sem-color-fg-accent-secondary)}._line_h95gp_101 ._tab_h95gp_1[data-selected=true] ._tabText_h95gp_18{background:none}._pill_h95gp_41 ._tabText_h95gp_18{border-radius:var(--alto-sem-radius-circle);padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._pill_h95gp_41 ._tab_h95gp_1[data-focus-visible=true] ._tabText_h95gp_18{outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:2px}._contained_h95gp_39 ._tabList_h95gp_32{background-color:var(--alto-sem-color-bg-inverse-subtle-default);border-radius:var(--alto-sem-radius-circle);padding:var(--alto-sem-space-4xs);width:-moz-fit-content;width:fit-content}._contained_h95gp_39 ._tabList_h95gp_32 ._tab_h95gp_1{padding:0}._contained_h95gp_39 ._tabText_h95gp_18{border-radius:var(--alto-sem-radius-circle);padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._contained_h95gp_39 ._tab_h95gp_1[data-selected=true]{border-radius:inherit;box-shadow:0 1px 2px #0000000d;outline:1px solid var(--alto-sem-color-border-tertiary)}._contained_h95gp_39 ._tab_h95gp_1[data-selected=true] ._tabText_h95gp_18{background-color:var(--alto-sem-color-bg-layer2-default)}._contained_h95gp_39 ._tab_h95gp_1[data-focus-visible=true] ._tabText_h95gp_18{background-color:var(--alto-sem-color-bg-layer2-hover);outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:-1px}._heading_h95gp_198 ._tabList_h95gp_32{border-bottom:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-tertiary)}._heading_h95gp_198 ._tab_h95gp_1{border-bottom:var(--alto-sem-border-width-lg) solid transparent;margin-bottom:calc(var(--alto-sem-border-width-sm)*-1)}._heading_h95gp_198 ._tabText_h95gp_18,._heading_h95gp_198 ._tabText_h95gp_18>:is(h1,h2,h3,h4,h5,h6){background-color:transparent;border-radius:var(--alto-sem-radius-3xs);display:flex;font-family:var(--alto-sem-text-heading-font-family);font-size:var(--alto-sem-text-heading-xs-font-size);font-weight:var(--alto-sem-text-heading-sm-font-weight);gap:var(--alto-sem-space-2xs);letter-spacing:var(--alto-sem-text-heading-sm-letter-spacing);line-height:var(--alto-sem-text-heading-sm-line-height);padding:var(--alto-sem-space-2xs)}._heading_h95gp_198 ._tabText_h95gp_18>:is(h1,h2,h3,h4,h5,h6){padding:0}._heading_h95gp_198 ._tab_h95gp_1[data-selected=true]{background-color:transparent;border-bottom-color:var(--alto-sem-color-border-accent)}._heading_h95gp_198 ._tab_h95gp_1[data-selected=true] ._tabText_h95gp_18{background-color:transparent;color:var(--alto-sem-color-fg-accent-primary)}._heading_h95gp_198 ._tab_h95gp_1:hover:not([data-selected=true]) ._tabText_h95gp_18{background-color:transparent}._heading_h95gp_198 ._tab_h95gp_1[data-disabled=true] :is(h1,h2,h3,h4,h5,h6){color:inherit}._tabPanel_h95gp_244{margin-top:var(--alto-sem-space-2xs);outline:none;padding:var(--alto-sem-space-lg) 0}._tabPanel_h95gp_244:focus-visible{outline:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-sm)}._tabListContainer_h95gp_257{overflow:hidden;position:relative;width:100%}._tabListContainer_h95gp_257[data-has-scroll-buttons=true]{align-items:center;display:flex}._scrollButtonNext_h95gp_271,._scrollButtonPrev_h95gp_270{flex-shrink:0;opacity:1;pointer-events:auto;position:absolute!important;top:50%;transform:translateY(-50%);transition:opacity .2s ease;z-index:10}._scrollButtonPrev_h95gp_270{left:0}._scrollButtonNext_h95gp_271{right:0}._scrollButtonNext_h95gp_271[aria-disabled=true],._scrollButtonPrev_h95gp_270[aria-disabled=true]{opacity:.3}._tabListContainer_h95gp_257:not([data-style-variant]) ._scrollButtonPrev_h95gp_270,._tabListContainer_h95gp_257[data-style-variant=line] ._scrollButtonPrev_h95gp_270{left:0}._tabListContainer_h95gp_257:not([data-style-variant]) ._scrollButtonNext_h95gp_271,._tabListContainer_h95gp_257[data-style-variant=line] ._scrollButtonNext_h95gp_271{right:0}._tabListContainer_h95gp_257[data-style-variant=contained] ._scrollButtonPrev_h95gp_270{left:var(--alto-sem-space-4xs)}._tabListContainer_h95gp_257[data-style-variant=contained] ._scrollButtonNext_h95gp_271{right:var(--alto-sem-space-4xs)}._tabListContainer_h95gp_257[data-style-variant=pill] ._scrollButtonPrev_h95gp_270{left:0}._tabListContainer_h95gp_257[data-style-variant=pill] ._scrollButtonNext_h95gp_271{right:0}._tabListContainer_h95gp_257[data-style-variant=heading] ._scrollButtonPrev_h95gp_270{left:0}._tabListContainer_h95gp_257[data-style-variant=heading] ._scrollButtonNext_h95gp_271{right:0}._tabList_h95gp_32._hasScrollButtons_h95gp_337{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}._tabList_h95gp_32._hasScrollButtons_h95gp_337::-webkit-scrollbar{display:none}._tabList_h95gp_32._hasScrollButtons_h95gp_337 ._tab_h95gp_1:first-child{margin-left:0}._tabList_h95gp_32._hasScrollButtons_h95gp_337 ._tab_h95gp_1:last-child{margin-right:0}._tabListContainer_h95gp_257[data-has-scroll-buttons=true]:after,._tabListContainer_h95gp_257[data-has-scroll-buttons=true]:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:var(--alto-sem-space-2xl);z-index:5}._contained_h95gp_39 ._tab_h95gp_1[data-focus-style=white][data-focus-visible=true] ._tabText_h95gp_18,._pill_h95gp_41 ._tab_h95gp_1[data-focus-style=white][data-focus-visible=true] ._tabText_h95gp_18,._tab_h95gp_1[data-focus-style=white][data-focus-visible=true] ._tabText_h95gp_18{outline-color:var(--alto-sem-color-border-white)}._tabListContainer_h95gp_257[data-style-variant=contained] ._scrollButtonNext_h95gp_271>div,._tabListContainer_h95gp_257[data-style-variant=contained] ._scrollButtonPrev_h95gp_270>div{border:1px solid var(--alto-sem-color-border-tertiary);box-shadow:0 1px 2px #0000000d!important}

package/dist/components/AppBannerSection/AppBannerSection.d.ts

@@ -0,0 +1,52 @@
+import { default as React } from 'react';
+import { LinkProps } from '../Link';
+export type AppBannerLinkProps = Omit<LinkProps, 'children' | 'inline'> & {
+    /**
+     * All AppBannerSection subcomponents are rendered inside the design-system Link component,
+     * so Link props like href/target/isDisabled are supported here.
+     */
+    /** Custom asset (image/SVG) to render inside the link */
+    customAsset?: React.ReactNode;
+    /** @ignore Always controlled by AppBannerSection slots. */
+    children?: never;
+    /** @ignore Always enabled for banner assets. */
+    inline?: never;
+};
+export type AppBannerSectionMediaProps = AppBannerLinkProps;
+export type AppBannerSectionLinkProps = AppBannerLinkProps;
+export interface AppBannerSectionProps {
+    /** Optional compound subcomponents */
+    children?: React.ReactNode;
+    /** Main heading text for the banner. */
+    title: string;
+    /** Semantic heading level for the title.
+     * @default 'h2'
+     */
+    headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /** Supporting text rendered below the heading. */
+    description: string;
+}
+interface AppBannerSectionComponent extends React.FC<AppBannerSectionProps> {
+    AppMedia: React.FC<AppBannerSectionMediaProps>;
+    QRCode: React.FC<AppBannerSectionLinkProps>;
+    AppStoreBadge: React.FC<AppBannerSectionLinkProps>;
+    GooglePlayBadge: React.FC<AppBannerSectionLinkProps>;
+}
+export declare const AppBannerSectionAppMedia: {
+    ({ customAsset, ...linkProps }: AppBannerSectionMediaProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export declare const AppBannerSectionQRCode: {
+    ({ customAsset, ...linkProps }: AppBannerSectionLinkProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export declare const AppBannerSectionAppStoreBadge: {
+    ({ customAsset, ...linkProps }: AppBannerSectionLinkProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export declare const AppBannerSectionGooglePlayBadge: {
+    ({ customAsset, ...linkProps }: AppBannerSectionLinkProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export declare const AppBannerSection: AppBannerSectionComponent;
+export default AppBannerSection;

package/dist/components/AppBannerSection/AppBannerSection.js

@@ -0,0 +1,8 @@
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import n from"react";import i from"../Link/Link.js";import{Heading as l}from"../Heading/Heading.js";import{Paragraph as t}from"../Paragraph/Paragraph.js";import p from"../Section/Section.js";import '../../assets/AppBannerSection.css';const d="_app-banner-section_1ixwj_1",r="_app-banner-section__content_1ixwj_23",s="_app-banner-section__content-text_1ixwj_59",o="_app-banner-section__links_1ixwj_72",c=({customAsset:a,...n})=>a?/* @__PURE__ */e("span",{"data-app-banner-slot":"app-media",children:/* @__PURE__ */e(i,{inline:!0,"data-app-banner-link":!0,...n,children:/* @__PURE__ */e("span",{"data-app-banner-asset":!0,children:a})})}):null,m=({customAsset:a,...n})=>a?/* @__PURE__ */e("span",{"data-app-banner-slot":"qr-code",children:/* @__PURE__ */e(i,{inline:!0,"data-app-banner-link":!0,...n,children:/* @__PURE__ */e("span",{"data-app-banner-asset":!0,children:a})})}):null,h=({customAsset:a,...n})=>a?/* @__PURE__ */e("span",{"data-app-banner-slot":"app-store-badge",children:/* @__PURE__ */e(i,{inline:!0,"data-app-banner-link":!0,...n,children:/* @__PURE__ */e("span",{"data-app-banner-asset":!0,children:a})})}):null,g=({customAsset:a,...n})=>a?/* @__PURE__ */e("span",{"data-app-banner-slot":"google-play-badge",children:/* @__PURE__ */e(i,{inline:!0,"data-app-banner-link":!0,...n,children:/* @__PURE__ */e("span",{"data-app-banner-asset":!0,children:a})})}):null,b=({children:i,title:b,headingLevel:_="h2",description:u})=>{const A=n.Children.toArray(i),f=A.find(e=>n.isValidElement(e)&&e.type===c),y=A.find(e=>n.isValidElement(e)&&e.type===m),x=A.find(e=>n.isValidElement(e)&&e.type===h),j=A.find(e=>n.isValidElement(e)&&e.type===g),B=f&&n.isValidElement(f)?f:null,N=y&&n.isValidElement(y)?y:null,S=x&&n.isValidElement(x)?x:null,E=j&&n.isValidElement(j)?j:null;/* @__PURE__ */
+return e(p,{containerMaxWidth:"page",paddingX:"default",paddingY:"default",children:/* @__PURE__ */e(p.Container,{children:/* @__PURE__ */a("div",{className:d,children:[
+/* @__PURE__ */a("div",{className:r,children:[B,
+/* @__PURE__ */a("div",{className:s,children:[
+/* @__PURE__ */e(l,{as:_,size:"xxs",children:b}),
+/* @__PURE__ */e(t,{size:"md",textAlign:{base:"center",lg:"start"},children:u})]})]}),
+/* @__PURE__ */a("div",{className:o,children:[N,S,E]})]})})})};b.AppMedia=c,b.QRCode=m,b.AppStoreBadge=h,b.GooglePlayBadge=g,b.displayName="AppBannerSection",c.displayName="AppBannerSection.AppMedia",m.displayName="AppBannerSection.QRCode",h.displayName="AppBannerSection.AppStoreBadge",g.displayName="AppBannerSection.GooglePlayBadge";export{b as AppBannerSection,c as AppBannerSectionAppMedia,h as AppBannerSectionAppStoreBadge,g as AppBannerSectionGooglePlayBadge,m as AppBannerSectionQRCode,b as default};
+//# sourceMappingURL=AppBannerSection.js.map

package/dist/components/AppBannerSection/AppBannerSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBannerSection.js","sources":["../../../src/components/AppBannerSection/AppBannerSection.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './AppBannerSection.module.css';\nimport Link, { type LinkProps } from '../Link';\nimport Heading from '../Heading';\nimport Paragraph from '../Paragraph';\nimport Section from '../Section';\n\nexport type AppBannerLinkProps = Omit<LinkProps, 'children' | 'inline'> & {\n  /**\n   * All AppBannerSection subcomponents are rendered inside the design-system Link component,\n   * so Link props like href/target/isDisabled are supported here.\n   */\n  /** Custom asset (image/SVG) to render inside the link */\n  customAsset?: React.ReactNode;\n  /** @ignore Always controlled by AppBannerSection slots. */\n  children?: never;\n  /** @ignore Always enabled for banner assets. */\n  inline?: never;\n};\n\nexport type AppBannerSectionMediaProps = AppBannerLinkProps;\n\nexport type AppBannerSectionLinkProps = AppBannerLinkProps;\n\nexport interface AppBannerSectionProps {\n  /** Optional compound subcomponents */\n  children?: React.ReactNode;\n  /** Main heading text for the banner. */\n  title: string;\n  /** Semantic heading level for the title.\n   * @default 'h2'\n   */\n  headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  /** Supporting text rendered below the heading. */\n  description: string;\n}\n\ninterface AppBannerSectionComponent extends React.FC<AppBannerSectionProps> {\n  AppMedia: React.FC<AppBannerSectionMediaProps>;\n  QRCode: React.FC<AppBannerSectionLinkProps>;\n  AppStoreBadge: React.FC<AppBannerSectionLinkProps>;\n  GooglePlayBadge: React.FC<AppBannerSectionLinkProps>;\n}\n\nexport const AppBannerSectionAppMedia = ({\n  customAsset,\n  ...linkProps\n}: AppBannerSectionMediaProps) => {\n  if (!customAsset) {\n    return null;\n  }\n\n  return (\n    <span data-app-banner-slot=\"app-media\">\n      <Link inline data-app-banner-link {...linkProps}>\n        <span data-app-banner-asset>{customAsset}</span>\n      </Link>\n    </span>\n  );\n};\n\nexport const AppBannerSectionQRCode = ({\n  customAsset,\n  ...linkProps\n}: AppBannerSectionLinkProps) => {\n  if (!customAsset) {\n    return null;\n  }\n\n  return (\n    <span data-app-banner-slot=\"qr-code\">\n      <Link inline data-app-banner-link {...linkProps}>\n        <span data-app-banner-asset>{customAsset}</span>\n      </Link>\n    </span>\n  );\n};\n\nexport const AppBannerSectionAppStoreBadge = ({\n  customAsset,\n  ...linkProps\n}: AppBannerSectionLinkProps) => {\n  if (!customAsset) {\n    return null;\n  }\n\n  return (\n    <span data-app-banner-slot=\"app-store-badge\">\n      <Link inline data-app-banner-link {...linkProps}>\n        <span data-app-banner-asset>{customAsset}</span>\n      </Link>\n    </span>\n  );\n};\n\nexport const AppBannerSectionGooglePlayBadge = ({\n  customAsset,\n  ...linkProps\n}: AppBannerSectionLinkProps) => {\n  if (!customAsset) {\n    return null;\n  }\n\n  return (\n    <span data-app-banner-slot=\"google-play-badge\">\n      <Link inline data-app-banner-link {...linkProps}>\n        <span data-app-banner-asset>{customAsset}</span>\n      </Link>\n    </span>\n  );\n};\n\nexport const AppBannerSection = (({\n  children,\n  title,\n  headingLevel = 'h2',\n  description,\n}: AppBannerSectionProps) => {\n  const childComponents = React.Children.toArray(children);\n\n  const mediaChild = childComponents.find(\n    (child) =>\n      React.isValidElement<AppBannerSectionMediaProps>(child) &&\n      child.type === AppBannerSectionAppMedia,\n  );\n\n  const qrCodeChild = childComponents.find(\n    (child) =>\n      React.isValidElement<AppBannerSectionLinkProps>(child) &&\n      child.type === AppBannerSectionQRCode,\n  );\n\n  const appStoreBadgeChild = childComponents.find(\n    (child) =>\n      React.isValidElement<AppBannerSectionLinkProps>(child) &&\n      child.type === AppBannerSectionAppStoreBadge,\n  );\n\n  const googlePlayBadgeChild = childComponents.find(\n    (child) =>\n      React.isValidElement<AppBannerSectionLinkProps>(child) &&\n      child.type === AppBannerSectionGooglePlayBadge,\n  );\n\n  const mediaNode =\n    mediaChild && React.isValidElement<AppBannerSectionMediaProps>(mediaChild)\n      ? mediaChild\n      : null;\n\n  const qrCodeNode =\n    qrCodeChild && React.isValidElement<AppBannerSectionLinkProps>(qrCodeChild)\n      ? qrCodeChild\n      : null;\n\n  const appStoreBadgeNode =\n    appStoreBadgeChild &&\n    React.isValidElement<AppBannerSectionLinkProps>(appStoreBadgeChild)\n      ? appStoreBadgeChild\n      : null;\n\n  const googlePlayBadgeNode =\n    googlePlayBadgeChild &&\n    React.isValidElement<AppBannerSectionLinkProps>(googlePlayBadgeChild)\n      ? googlePlayBadgeChild\n      : null;\n\n  return (\n    <Section containerMaxWidth=\"page\" paddingX=\"default\" paddingY=\"default\">\n      <Section.Container>\n        <div className={styles['app-banner-section']}>\n          <div className={styles['app-banner-section__content']}>\n            {mediaNode}\n            <div className={styles['app-banner-section__content-text']}>\n              <Heading as={headingLevel} size=\"xxs\">\n                {title}\n              </Heading>\n              <Paragraph size=\"md\" textAlign={{ base: 'center', lg: 'start' }}>\n                {description}\n              </Paragraph>\n            </div>\n          </div>\n\n          <div className={styles['app-banner-section__links']}>\n            {qrCodeNode}\n            {appStoreBadgeNode}\n            {googlePlayBadgeNode}\n          </div>\n        </div>\n      </Section.Container>\n    </Section>\n  );\n}) as AppBannerSectionComponent;\n\nAppBannerSection.AppMedia = AppBannerSectionAppMedia;\nAppBannerSection.QRCode = AppBannerSectionQRCode;\nAppBannerSection.AppStoreBadge = AppBannerSectionAppStoreBadge;\nAppBannerSection.GooglePlayBadge = AppBannerSectionGooglePlayBadge;\n\nAppBannerSection.displayName = 'AppBannerSection';\nAppBannerSectionAppMedia.displayName = 'AppBannerSection.AppMedia';\nAppBannerSectionQRCode.displayName = 'AppBannerSection.QRCode';\nAppBannerSectionAppStoreBadge.displayName = 'AppBannerSection.AppStoreBadge';\nAppBannerSectionGooglePlayBadge.displayName =\n  'AppBannerSection.GooglePlayBadge';\n\nexport default AppBannerSection;\n"],"names":["AppBannerSectionAppMedia","customAsset","linkProps","children","jsx","Link","inline","AppBannerSectionQRCode","AppBannerSectionAppStoreBadge","AppBannerSectionGooglePlayBadge","AppBannerSection","title","headingLevel","description","childComponents","React","Children","toArray","mediaChild","find","child","isValidElement","type","qrCodeChild","appStoreBadgeChild","googlePlayBadgeChild","mediaNode","qrCodeNode","appStoreBadgeNode","googlePlayBadgeNode","Section","containerMaxWidth","paddingX","paddingY","Container","jsxs","className","styles","Heading","as","size","Paragraph","textAlign","base","lg","AppMedia","QRCode","AppStoreBadge","GooglePlayBadge","displayName"],"mappings":"wZA4CaA,EAA2B,EACtCC,iBACGC,KAEED,mBAKF,OAAA,CAAK,uBAAqB,YACzBE,wBAAAC,EAACC,EAAA,CAAKC,QAAM,EAAC,wBAAoB,KAAKJ,EACpCC,wBAAAC,EAAC,OAAA,CAAK,yBAAqB,EAAED,SAAAF,QAN1B,KAYEM,EAAyB,EACpCN,iBACGC,KAEED,mBAKF,OAAA,CAAK,uBAAqB,UACzBE,wBAAAC,EAACC,EAAA,CAAKC,QAAM,EAAC,wBAAoB,KAAKJ,EACpCC,wBAAAC,EAAC,OAAA,CAAK,yBAAqB,EAAED,SAAAF,QAN1B,KAYEO,EAAgC,EAC3CP,iBACGC,KAEED,mBAKF,OAAA,CAAK,uBAAqB,kBACzBE,wBAAAC,EAACC,EAAA,CAAKC,QAAM,EAAC,wBAAoB,KAAKJ,EACpCC,wBAAAC,EAAC,OAAA,CAAK,yBAAqB,EAAED,SAAAF,QAN1B,KAYEQ,EAAkC,EAC7CR,iBACGC,KAEED,mBAKF,OAAA,CAAK,uBAAqB,oBACzBE,wBAAAC,EAACC,EAAA,CAAKC,QAAM,EAAC,wBAAoB,KAAKJ,EACpCC,wBAAAC,EAAC,OAAA,CAAK,yBAAqB,EAAED,SAAAF,QAN1B,KAYES,IACXP,WACAQ,QACAC,eAAe,KACfC,kBAEA,MAAMC,EAAkBC,EAAMC,SAASC,QAAQd,GAEzCe,EAAaJ,EAAgBK,KAChCC,GACCL,EAAMM,eAA2CD,IACjDA,EAAME,OAAStB,GAGbuB,EAAcT,EAAgBK,KACjCC,GACCL,EAAMM,eAA0CD,IAChDA,EAAME,OAASf,GAGbiB,EAAqBV,EAAgBK,KACxCC,GACCL,EAAMM,eAA0CD,IAChDA,EAAME,OAASd,GAGbiB,EAAuBX,EAAgBK,KAC1CC,GACCL,EAAMM,eAA0CD,IAChDA,EAAME,OAASb,GAGbiB,EACJR,GAAcH,EAAMM,eAA2CH,GAC3DA,EACA,KAEAS,EACJJ,GAAeR,EAAMM,eAA0CE,GAC3DA,EACA,KAEAK,EACJJ,GACAT,EAAMM,eAA0CG,GAC5CA,EACA,KAEAK,EACJJ,GACAV,EAAMM,eAA0CI,GAC5CA,EACA;AAEN,SACGK,EAAA,CAAQC,kBAAkB,OAAOC,SAAS,UAAUC,SAAS,UAC5D9B,wBAAAC,EAAC0B,EAAQI,UAAR,CACC/B,wBAAAgC,EAAC,OAAIC,UAAWC,EACdlC,SAAA;iBAAC,MAAA,CAAIiC,UAAWC,EACblC,SAAA,CAAAuB;iBACA,MAAA,CAAIU,UAAWC,EACdlC,SAAA;eAAAC,EAACkC,EAAA,CAAQC,GAAI3B,EAAc4B,KAAK,MAC7BrC,SAAAQ;eAEHP,EAACqC,EAAA,CAAUD,KAAK,KAAKE,UAAW,CAAEC,KAAM,SAAUC,GAAI,SACnDzC,SAAAU;iBAKN,MAAA,CAAIuB,UAAWC,EACblC,SAAA,CAAAwB,EACAC,EACAC,WAMb,EAEAnB,EAAiBmC,SAAW7C,EAC5BU,EAAiBoC,OAASvC,EAC1BG,EAAiBqC,cAAgBvC,EACjCE,EAAiBsC,gBAAkBvC,EAEnCC,EAAiBuC,YAAc,mBAC/BjD,EAAyBiD,YAAc,4BACvC1C,EAAuB0C,YAAc,0BACrCzC,EAA8ByC,YAAc,iCAC5CxC,EAAgCwC,YAC9B"}

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

@@ -0,0 +1,2 @@
+export { default } from './AppBannerSection';
+export type * from './AppBannerSection';

package/dist/components/AppBannerSection/index.js

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

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

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

package/dist/components/CalloutBanner/CalloutBanner.js

@@ -1,10 +1,10 @@
-import{jsxs as a,jsx as e}from"react/jsx-runtime";import l from"react";import{Icon as n}from"../Icon/Icon.js";import{c as t}from"../../index-CCUt_dAN.js";import{IconButton as r}from"../IconButton/IconButton.js";import '../../assets/CalloutBanner.css';const c={calloutBanner:"_calloutBanner_w7hda_1",calloutBanner__icon:"_calloutBanner__icon_w7hda_12","calloutBanner__meta-title":"_calloutBanner__meta-title_w7hda_21","calloutBanner__meta-label":"_calloutBanner__meta-label_w7hda_19",calloutBanner__start:"_calloutBanner__start_w7hda_17",calloutBanner__end:"_calloutBanner__end_w7hda_38",calloutBanner__dismiss:"_calloutBanner__dismiss_w7hda_45",calloutBanner__meta:"_calloutBanner__meta_w7hda_19","calloutBanner__meta-content":"_calloutBanner__meta-content_w7hda_62","calloutBanner__header--row":"_calloutBanner__header--row_w7hda_74","calloutBanner__meta-top":"_calloutBanner__meta-top_w7hda_79","calloutBanner__custom-asset":"_calloutBanner__custom-asset_w7hda_89","calloutBanner__meta-description":"_calloutBanner__meta-description_w7hda_103","calloutBanner__severity-label":"_calloutBanner__severity-label_w7hda_108","calloutBanner__default-asset--center":"_calloutBanner__default-asset--center_w7hda_119","calloutBanner--critical":"_calloutBanner--critical_w7hda_125","calloutBanner--primary":"_calloutBanner--primary_w7hda_129","calloutBanner--secondary":"_calloutBanner--secondary_w7hda_133","calloutBanner--tertiary":"_calloutBanner--tertiary_w7hda_142","calloutBanner--success":"_calloutBanner--success_w7hda_151","calloutBanner--information":"_calloutBanner--information_w7hda_177","calloutBanner--neutral":"_calloutBanner--neutral_w7hda_203","calloutBanner--accent":"_calloutBanner--accent_w7hda_229"},o=t(c.calloutBanner,{variants:{emphasis:{primary:c["calloutBanner--primary"],secondary:c["calloutBanner--secondary"],tertiary:c["calloutBanner--tertiary"]},styleVariant:{critical:c["calloutBanner--critical"],success:c["calloutBanner--success"],information:c["calloutBanner--information"],neutral:c["calloutBanner--neutral"],accent:c["calloutBanner--accent"]},headerLayout:{row:c["calloutBanner__header--row"],column:c["calloutBanner__header-column"]}},defaultVariants:{emphasis:"primary",styleVariant:"critical"}}),i={critical:{icon:"circle-exclamation",severityLabel:"Critical",role:"alert"},success:{icon:"check-circle",severityLabel:"Success",role:"status"},information:{icon:"info-circle",severityLabel:"Information",role:"status"},neutral:{icon:"check-circle",severityLabel:"",role:"region"},accent:{icon:"house",severityLabel:"",role:"region"}},_=({title:t,description:_,label:u,children:d,styleVariant:m="critical",emphasis:B="primary",headingLevel:h="h3",dismissButtonTooltipLabel:y,onDismiss:p,customAsset:w,hideIllustration:f=!1,alignButtons:v="left",headerLayout:b="column",severityLabel:N,role:L,dismissButtonProps:g={"aria-label":"Dismiss banner"},...x})=>{const I="function"==typeof p,{icon:V,severityLabel:j,role:P}=i[m],z=h,A=l.useId(),S=l.useId(),k=N??j,C=L||P,D=l.Children.toArray(d),E=D.find(a=>l.isValidElement(a)&&a.type===s),$=D.filter(a=>!(l.isValidElement(a)&&a.type===s)),T=!_;/* @__PURE__ */
-return a("div",{className:o({emphasis:B,styleVariant:m}),role:C,"aria-labelledby":A,"aria-describedby":_?S:void 0,...x,children:[
-/* @__PURE__ */a("div",{className:c.calloutBanner__start,children:[!f&&/* @__PURE__ */e("div",w?{className:c["calloutBanner__custom-asset"],children:w}:{className:T?c["calloutBanner__default-asset--center"]:void 0,children:/* @__PURE__ */e(n,{iconName:V,iconPrefix:"fas",className:c.calloutBanner__icon,iconSize:"1.25x",padding:"roomy"})}),
-/* @__PURE__ */a("div",{className:c.calloutBanner__meta,children:[I&&/* @__PURE__ */e("div",{className:c.calloutBanner__dismiss,children:/* @__PURE__ */e(r,{onPress:p,styleVariant:"neutral",emphasis:"tertiary"===B?"tertiary":"primary",size:"sm",iconProps:{iconName:"close",iconPrefix:"fas",iconSize:"1x"},tooltipLabel:y,...g})}),
-/* @__PURE__ */a("div",{className:[c["calloutBanner__meta-content"],"right"===v?c["calloutBanner__meta-right"]:"","row"===b?c["calloutBanner__header--row"]:""].filter(Boolean).join(" "),children:[
-/* @__PURE__ */e("div",{children:/* @__PURE__ */a("div",{className:`${c["calloutBanner__meta-top"]} ${I?c["calloutBanner__meta-top-dismiss"]:""}`,children:[
-/* @__PURE__ */a(z,{id:A,className:c["calloutBanner__meta-title"],children:[
-/* @__PURE__ */a("span",{className:c["calloutBanner__severity-label"],dir:"auto",children:[k,k?": ":""]}),
-/* @__PURE__ */e("bdi",{dir:"auto",children:t})]}),_&&/* @__PURE__ */e("p",{id:S,className:c["calloutBanner__meta-description"],children:_||null})]})}),u&&/* @__PURE__ */e("div",{className:c["calloutBanner__meta-label"],children:u}),E&&/* @__PURE__ */e("div",{className:c["calloutBanner__meta-label"],children:E.props.children})]})]})]}),$.length>0&&/* @__PURE__ */e("div",{className:c.calloutBanner__end,children:$})]})},s=({children:a})=>/* @__PURE__ */e("div",{className:c["calloutBanner__meta-label"],children:a});_.Action=s;export{_ as CalloutBanner,s as CalloutBannerAction,_ as default};
+import{jsxs as a,jsx as e}from"react/jsx-runtime";import t from"react";import{Icon as n}from"../Icon/Icon.js";import{c as l}from"../../index-CCUt_dAN.js";import{IconButton as r}from"../IconButton/IconButton.js";import '../../assets/CalloutBanner.css';const c={"callout-banner":"_callout-banner_18tp6_1","callout-banner__icon":"_callout-banner__icon_18tp6_12","callout-banner__meta-title":"_callout-banner__meta-title_18tp6_21","callout-banner__meta-label":"_callout-banner__meta-label_18tp6_19","callout-banner__start":"_callout-banner__start_18tp6_17","callout-banner__end":"_callout-banner__end_18tp6_38","callout-banner__dismiss":"_callout-banner__dismiss_18tp6_45","callout-banner__meta":"_callout-banner__meta_18tp6_19","callout-banner__meta-content":"_callout-banner__meta-content_18tp6_62","callout-banner__meta-content--row":"_callout-banner__meta-content--row_18tp6_74","callout-banner__meta-top":"_callout-banner__meta-top_18tp6_79","callout-banner__custom-asset":"_callout-banner__custom-asset_18tp6_89","callout-banner__meta-description":"_callout-banner__meta-description_18tp6_103","callout-banner__severity-label":"_callout-banner__severity-label_18tp6_108","callout-banner__default-asset--center":"_callout-banner__default-asset--center_18tp6_119","callout-banner--critical":"_callout-banner--critical_18tp6_125","callout-banner--primary":"_callout-banner--primary_18tp6_129","callout-banner--secondary":"_callout-banner--secondary_18tp6_133","callout-banner--tertiary":"_callout-banner--tertiary_18tp6_142","callout-banner--success":"_callout-banner--success_18tp6_151","callout-banner--information":"_callout-banner--information_18tp6_177","callout-banner--neutral":"_callout-banner--neutral_18tp6_204","callout-banner--accent":"_callout-banner--accent_18tp6_230"},o=l(c["callout-banner"],{variants:{emphasis:{primary:c["callout-banner--primary"],secondary:c["callout-banner--secondary"],tertiary:c["callout-banner--tertiary"]},styleVariant:{critical:c["callout-banner--critical"],success:c["callout-banner--success"],information:c["callout-banner--information"],neutral:c["callout-banner--neutral"],accent:c["callout-banner--accent"]},headerLayout:{row:c["callout-banner__header--row"],column:c["callout-banner__header-column"]}},defaultVariants:{emphasis:"primary",styleVariant:"critical"}}),i={critical:{icon:"circle-exclamation",severityLabel:"Critical",role:"alert"},success:{icon:"check-circle",severityLabel:"Success",role:"status"},information:{icon:"info-circle",severityLabel:"Information",role:"status"},neutral:{icon:"check-circle",severityLabel:"",role:"region"},accent:{icon:"house",severityLabel:"",role:"region"}},_=({title:l,description:_,label:u,children:b,styleVariant:m="critical",emphasis:d="primary",headingLevel:p="h3",dismissButtonTooltipLabel:y,onDismiss:h,customAsset:f,hideIllustration:v=!1,alignButtons:N="left",headerLayout:L="column",severityLabel:g,role:x,dismissButtonProps:I={"aria-label":"Dismiss banner"},...V})=>{const w="function"==typeof h,{icon:B,severityLabel:j,role:P}=i[m],z=p,A=t.useId(),S=t.useId(),k=g??j,C=x||P,D=t.Children.toArray(b),E=D.find(a=>t.isValidElement(a)&&a.type===s),$=D.filter(a=>!(t.isValidElement(a)&&a.type===s)),T=!_;/* @__PURE__ */
+return a("div",{className:o({emphasis:d,styleVariant:m}),role:C,"aria-labelledby":A,"aria-describedby":_?S:void 0,...V,children:[
+/* @__PURE__ */a("div",{className:c["callout-banner__start"],children:[!v&&/* @__PURE__ */e("div",f?{className:c["callout-banner__custom-asset"],children:f}:{className:T?c["callout-banner__default-asset--center"]:void 0,children:/* @__PURE__ */e(n,{iconName:B,iconPrefix:"fas",className:c["callout-banner__icon"],iconSize:"1.25x",padding:"roomy"})}),
+/* @__PURE__ */a("div",{className:c["callout-banner__meta"],children:[w&&/* @__PURE__ */e("div",{className:c["callout-banner__dismiss"],children:/* @__PURE__ */e(r,{onPress:h,styleVariant:"neutral",emphasis:"tertiary"===d?"tertiary":"primary",size:"sm",iconProps:{iconName:"close",iconPrefix:"fas",iconSize:"1x"},tooltipLabel:y,...I})}),
+/* @__PURE__ */a("div",{className:[c["callout-banner__meta-content"],"right"===N?c["callout-banner__meta-right"]:"","row"===L?c["callout-banner__meta-content--row"]:""].filter(Boolean).join(" "),children:[
+/* @__PURE__ */e("div",{children:/* @__PURE__ */a("div",{className:`${c["callout-banner__meta-top"]} ${w?c["callout-banner__meta-top-dismiss"]:""}`,children:[
+/* @__PURE__ */a(z,{id:A,className:c["callout-banner__meta-title"],children:[
+/* @__PURE__ */a("span",{className:c["callout-banner__severity-label"],dir:"auto",children:[k,k?": ":""]}),
+/* @__PURE__ */e("bdi",{dir:"auto",children:l})]}),_&&/* @__PURE__ */e("p",{id:S,className:c["callout-banner__meta-description"],children:_||null})]})}),u&&/* @__PURE__ */e("div",{className:c["callout-banner__meta-label"],children:u}),E&&/* @__PURE__ */e("div",{className:c["callout-banner__meta-label"],children:E.props.children})]})]})]}),$.length>0&&/* @__PURE__ */e("div",{className:c["callout-banner__end"],children:$})]})},s=({children:a})=>/* @__PURE__ */e("div",{className:c["callout-banner__meta-label"],children:a});_.Action=s;export{_ as CalloutBanner,s as CalloutBannerAction,_ as default};
 //# sourceMappingURL=CalloutBanner.js.map

package/dist/components/CalloutBanner/CalloutBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalloutBanner.js","sources":["../../../src/components/CalloutBanner/CalloutBanner.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './CalloutBanner.module.css';\nimport Icon from '../Icon';\nimport { cva } from 'class-variance-authority';\nimport IconButton from '../IconButton';\n\nconst calloutBanner = cva(styles.calloutBanner, {\n  variants: {\n    emphasis: {\n      primary: styles['calloutBanner--primary'],\n      secondary: styles['calloutBanner--secondary'],\n      tertiary: styles['calloutBanner--tertiary'],\n    },\n    styleVariant: {\n      critical: styles['calloutBanner--critical'],\n      success: styles['calloutBanner--success'],\n      information: styles['calloutBanner--information'],\n      neutral: styles['calloutBanner--neutral'],\n      accent: styles['calloutBanner--accent'],\n    },\n    headerLayout: {\n      row: styles['calloutBanner__header--row'],\n      column: styles['calloutBanner__header-column'],\n    },\n  },\n  defaultVariants: {\n    emphasis: 'primary',\n    styleVariant: 'critical',\n  },\n});\n\ntype StyleVariant =\n  | 'critical'\n  | 'success'\n  | 'information'\n  | 'neutral'\n  | 'accent';\n\ntype DismissButtonProps = Omit<\n  React.ComponentProps<typeof IconButton>,\n  | 'onPress'\n  | 'iconProps'\n  | 'size'\n  | 'styleVariant'\n  | 'emphasis'\n  | 'tooltipLabel'\n>;\n\nexport interface CalloutBannerBaseProps {\n  /**\n   * The main heading text of the banner\n   */\n  title: string;\n  /**\n   * Optional secondary text providing more details\n   * Can be a string or React node\n   */\n  description?: string | React.ReactNode;\n  /**\n   * Optional emphasis style for the banner\n   * @default 'primary'\n   */\n  emphasis?: 'primary' | 'secondary' | 'tertiary';\n  /**\n   * Optional style variant for the banner\n   * - 'critical' for errors, urgent warnings\n   * - 'success' for confirmations, achievements\n   * - 'information' for For general updates, tips\n   * - 'neutral' for non-critical messages, guidance\n   * - 'accent' for any brand specific promotions or callouts\n   * @default 'critical'\n   */\n  styleVariant?: StyleVariant;\n  /**\n   * Optional button group to be rendered as a label\n   * @deprecated Use CalloutBanner.Action instead\n   */\n  label?: React.ReactNode;\n  /**\n   * Optional label for the dismiss button tooltip\n   */\n  dismissButtonTooltipLabel?: string;\n  /**\n   * Optional props for the dismiss icon button\n   */\n  dismissButtonProps?: DismissButtonProps;\n  /**\n   * Optional content to be rendered in the end section of the banner\n   */\n  children?: React.ReactNode;\n  /**\n   * Semantic heading level to use when styleVariant is 'heading'\n   * Affects accessibility and document structure\n   * @default 'h3'\n   */\n  headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  /**\n   * Optional callback function triggered when the dismiss button is clicked\n   */\n  onDismiss?: () => void;\n  /**\n   * Optional custom asset to be rendered instead of the default icon.\n   * Can use another icon, image, or any React node.\n   */\n  customAsset?: React.ReactNode;\n  /**\n   * Optional prop to hide the illustration\n   * @default false\n   */\n  hideIllustration?: boolean;\n  /**\n   * Optional prop to align buttons within the banner\n   * - 'left' aligns buttons to the left\n   * - 'right' aligns buttons to the right\n   * @default 'left'\n   * @deprecated Use CalloutBanner.Action instead\n   */\n  alignButtons?: 'left' | 'right';\n  /**\n   * Layout of the body content\n   * - 'row' displays body content in a horizontal row\n   * - 'column' displays body content in a vertical column\n   * @default 'row'\n   */\n  headerLayout?: 'row' | 'column';\n  /**\n   * Optional prefix text to be added before the title to denote severity.\n   * E.g., \"Critical\", \"Success\", \"Information\"\n   * For i18m purposes, this should be provided by the consumer.\n   */\n  severityLabel?: string;\n  /**\n   * Optional ARIA role for the banner. Defaults to 'alert' for critical, 'status' for success/information, 'region' for neutral.\n   */\n  role?: React.AriaRole;\n}\n\nexport type CalloutBannerProps = CalloutBannerBaseProps & React.AriaAttributes;\n\nconst CALLOUT_BANNER_META = {\n  critical: {\n    icon: 'circle-exclamation',\n    severityLabel: 'Critical',\n    role: 'alert',\n  },\n  success: {\n    icon: 'check-circle',\n    severityLabel: 'Success',\n    role: 'status',\n  },\n  information: {\n    icon: 'info-circle',\n    severityLabel: 'Information',\n    role: 'status',\n  },\n  neutral: {\n    icon: 'check-circle',\n    severityLabel: '',\n    role: 'region',\n  },\n  accent: {\n    icon: 'house',\n    severityLabel: '',\n    role: 'region',\n  },\n} as const satisfies Record<\n  StyleVariant,\n  { icon: string; severityLabel: string; role: string }\n>;\n\nexport const CalloutBanner = ({\n  title,\n  description,\n  label,\n  children,\n  styleVariant = 'critical',\n  emphasis = 'primary',\n  headingLevel = 'h3',\n  dismissButtonTooltipLabel,\n  onDismiss,\n  customAsset,\n  hideIllustration = false,\n  alignButtons = 'left',\n  headerLayout = 'column',\n  severityLabel,\n  role,\n  dismissButtonProps = {\n    'aria-label': 'Dismiss banner',\n  },\n  ...ariaProps\n}: CalloutBannerProps) => {\n  const hasOnDismiss = typeof onDismiss === 'function';\n  const {\n    icon: iconName,\n    severityLabel: defaultSeverityLabel,\n    role: bannerRole,\n  } = CALLOUT_BANNER_META[styleVariant];\n\n  const HeadingBanner = headingLevel;\n  const titleId = React.useId();\n  const descriptionId = React.useId();\n  const resolvedSeverityLabel = severityLabel ?? defaultSeverityLabel;\n  const resolvedRole = role || bannerRole;\n\n  // Get children, and separate out CalloutBanner.Action if present with body children\n  const childrenArray = React.Children.toArray(children);\n\n  // CalloutBanner.Action children\n  const action = childrenArray.find((child) => {\n    return React.isValidElement(child) && child.type === CalloutBannerAction;\n  }) as React.ReactElement<CalloutBannerActionProps> | undefined;\n\n  // Body children (excluding CalloutBanner.Action)\n  const bodyChildren = childrenArray.filter((child) => {\n    return !(React.isValidElement(child) && child.type === CalloutBannerAction);\n  });\n\n  const renderDescriptionContent = () => {\n    if (!description) return null;\n    return description;\n  };\n\n  const onlyTitle = !description;\n\n  return (\n    <div\n      className={calloutBanner({\n        emphasis,\n        styleVariant,\n      })}\n      role={resolvedRole}\n      aria-labelledby={titleId}\n      aria-describedby={description ? descriptionId : undefined}\n      {...ariaProps}\n    >\n      <div className={styles['calloutBanner__start']}>\n        {/* Allow users to change this icon */}\n        {!hideIllustration &&\n          (customAsset ? (\n            <div className={styles['calloutBanner__custom-asset']}>\n              {customAsset}\n            </div>\n          ) : (\n            <div\n              className={\n                onlyTitle\n                  ? styles['calloutBanner__default-asset--center']\n                  : undefined\n              }\n            >\n              <Icon\n                iconName={iconName}\n                iconPrefix=\"fas\"\n                className={styles['calloutBanner__icon']}\n                iconSize=\"1.25x\"\n                padding=\"roomy\"\n              />\n            </div>\n          ))}\n        <div className={styles['calloutBanner__meta']}>\n          {hasOnDismiss && (\n            <div className={styles['calloutBanner__dismiss']}>\n              <IconButton\n                onPress={onDismiss}\n                styleVariant=\"neutral\"\n                emphasis={emphasis === 'tertiary' ? 'tertiary' : 'primary'}\n                size=\"sm\"\n                iconProps={{\n                  iconName: 'close',\n                  iconPrefix: 'fas',\n                  iconSize: '1x',\n                }}\n                tooltipLabel={dismissButtonTooltipLabel}\n                {...dismissButtonProps}\n              />\n            </div>\n          )}\n          <div\n            className={[\n              styles['calloutBanner__meta-content'],\n              alignButtons === 'right'\n                ? styles['calloutBanner__meta-right']\n                : '',\n              headerLayout === 'row'\n                ? styles['calloutBanner__header--row']\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n          >\n            <div>\n              <div\n                className={`${styles['calloutBanner__meta-top']} ${\n                  hasOnDismiss ? styles['calloutBanner__meta-top-dismiss'] : ''\n                }`}\n              >\n                <HeadingBanner\n                  id={titleId}\n                  className={styles['calloutBanner__meta-title']}\n                >\n                  <span\n                    className={styles['calloutBanner__severity-label']}\n                    dir=\"auto\"\n                  >\n                    {resolvedSeverityLabel}\n                    {resolvedSeverityLabel ? ': ' : ''}\n                  </span>\n                  <bdi dir=\"auto\">{title}</bdi>\n                </HeadingBanner>\n                {description && (\n                  <p\n                    id={descriptionId}\n                    className={styles['calloutBanner__meta-description']}\n                  >\n                    {renderDescriptionContent()}\n                  </p>\n                )}\n              </div>\n            </div>\n            {label && (\n              <div className={styles['calloutBanner__meta-label']}>{label}</div>\n            )}\n            {action && (\n              <div className={styles['calloutBanner__meta-label']}>\n                {action.props.children}\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n      {bodyChildren.length > 0 && (\n        <div className={styles['calloutBanner__end']}>{bodyChildren}</div>\n      )}\n    </div>\n  );\n};\n\n/***************************************\n * CalloutBanner.Action component\n ***************************************/\n\nexport type CalloutBannerActionProps = {\n  /**\n   * Children nodes to be rendered inside the CalloutBanner.Action\n   */\n  children: React.ReactNode;\n};\n\nexport const CalloutBannerAction = ({ children }: CalloutBannerActionProps) => {\n  return <div className={styles['calloutBanner__meta-label']}>{children}</div>;\n};\n\nCalloutBanner.Action = CalloutBannerAction;\n\nexport default CalloutBanner;\n"],"names":["calloutBanner","cva","styles","variants","emphasis","primary","secondary","tertiary","styleVariant","critical","success","information","neutral","accent","headerLayout","row","column","defaultVariants","CALLOUT_BANNER_META","icon","severityLabel","role","CalloutBanner","title","description","label","children","headingLevel","dismissButtonTooltipLabel","onDismiss","customAsset","hideIllustration","alignButtons","dismissButtonProps","ariaProps","hasOnDismiss","iconName","defaultSeverityLabel","bannerRole","HeadingBanner","titleId","React","useId","descriptionId","resolvedSeverityLabel","resolvedRole","childrenArray","Children","toArray","action","find","child","isValidElement","type","CalloutBannerAction","bodyChildren","filter","onlyTitle","jsxs","className","jsx","Icon","iconPrefix","iconSize","padding","IconButton","onPress","size","iconProps","tooltipLabel","Boolean","join","id","dir","props","length","Action"],"mappings":"yoDAMMA,EAAgBC,EAAIC,EAAOF,cAAe,CAC9CG,SAAU,CACRC,SAAU,CACRC,QAASH,EAAO,0BAChBI,UAAWJ,EAAO,4BAClBK,SAAUL,EAAO,4BAEnBM,aAAc,CACZC,SAAUP,EAAO,2BACjBQ,QAASR,EAAO,0BAChBS,YAAaT,EAAO,8BACpBU,QAASV,EAAO,0BAChBW,OAAQX,EAAO,0BAEjBY,aAAc,CACZC,IAAKb,EAAO,8BACZc,OAAQd,EAAO,kCAGnBe,gBAAiB,CACfb,SAAU,UACVI,aAAc,cAgHZU,EAAsB,CAC1BT,SAAU,CACRU,KAAM,qBACNC,cAAe,WACfC,KAAM,SAERX,QAAS,CACPS,KAAM,eACNC,cAAe,UACfC,KAAM,UAERV,YAAa,CACXQ,KAAM,cACNC,cAAe,cACfC,KAAM,UAERT,QAAS,CACPO,KAAM,eACNC,cAAe,GACfC,KAAM,UAERR,OAAQ,CACNM,KAAM,QACNC,cAAe,GACfC,KAAM,WAOGC,EAAgB,EAC3BC,QACAC,cACAC,QACAC,WACAlB,eAAe,WACfJ,WAAW,UACXuB,eAAe,KACfC,4BACAC,YACAC,cACAC,oBAAmB,EACnBC,eAAe,OACflB,eAAe,SACfM,gBACAC,OACAY,qBAAqB,CACnB,aAAc,qBAEbC,MAEH,MAAMC,EAAoC,mBAAdN,GAE1BV,KAAMiB,EACNhB,cAAeiB,EACfhB,KAAMiB,GACJpB,EAAoBV,GAElB+B,EAAgBZ,EAChBa,EAAUC,EAAMC,QAChBC,EAAgBF,EAAMC,QACtBE,EAAwBxB,GAAiBiB,EACzCQ,EAAexB,GAAQiB,EAGvBQ,EAAgBL,EAAMM,SAASC,QAAQtB,GAGvCuB,EAASH,EAAcI,KAAMC,GAC1BV,EAAMW,eAAeD,IAAUA,EAAME,OAASC,GAIjDC,EAAeT,EAAcU,OAAQL,KAChCV,EAAMW,eAAeD,IAAUA,EAAME,OAASC,IAQnDG,GAAajC;AAEnB,OACEkC,EAAC,MAAA,CACCC,UAAW3D,EAAc,CACvBI,WACAI,iBAEFa,KAAMwB,EACN,kBAAiBL,EACjB,mBAAkBhB,EAAcmB,OAAgB,KAC5CT,EAEJR,SAAA;iBAAC,MAAA,CAAIiC,UAAWzD,EAA6B,qBAE1CwB,SAAA,EAACK,kBAEE6B,EAAC,MADF9B,EACE,CAAI6B,UAAWzD,EAAO,+BACpBwB,SAAAI,GAGF,CACC6B,UACEF,EACIvD,EAAO,6CACP,EAGNwB,wBAAAkC,EAACC,EAAA,CACCzB,WACA0B,WAAW,MACXH,UAAWzD,EAA4B,oBACvC6D,SAAS,QACTC,QAAQ;iBAIf,MAAA,CAAIL,UAAWzD,EAA4B,oBACzCwB,SAAA,CAAAS,oBACE,MAAA,CAAIwB,UAAWzD,EAA+B,uBAC7CwB,wBAAAkC,EAACK,EAAA,CACCC,QAASrC,EACTrB,aAAa,UACbJ,SAAuB,aAAbA,EAA0B,WAAa,UACjD+D,KAAK,KACLC,UAAW,CACThC,SAAU,QACV0B,WAAY,MACZC,SAAU,MAEZM,aAAczC,KACVK;eAIVyB,EAAC,MAAA,CACCC,UAAW,CACTzD,EAAO,+BACU,UAAjB8B,EACI9B,EAAO,6BACP,GACa,QAAjBY,EACIZ,EAAO,8BACP,IAEHsD,OAAOc,SACPC,KAAK,KAER7C,SAAA;eAAAkC,EAAC,MAAA,CACClC,wBAAAgC,EAAC,MAAA,CACCC,UAAW,GAAGzD,EAAO,8BACnBiC,EAAejC,EAAO,mCAAqC,KAG7DwB,SAAA;eAAAgC,EAACnB,EAAA,CACCiC,GAAIhC,EACJmB,UAAWzD,EAAO,6BAElBwB,SAAA;eAAAgC,EAAC,OAAA,CACCC,UAAWzD,EAAO,iCAClBuE,IAAI,OAEH/C,SAAA,CAAAkB,EACAA,EAAwB,KAAO;iBAEjC,MAAA,CAAI6B,IAAI,OAAQ/C,SAAAH,OAElBC,kBACCoC,EAAC,IAAA,CACCY,GAAI7B,EACJgB,UAAWzD,EAAO,mCAEjBwB,SAhGZF,GAAoB,YAqGhBC,kBACCmC,EAAC,MAAA,CAAID,UAAWzD,EAAO,6BAA+BwB,SAAAD,IAEvDwB,oBACE,MAAA,CAAIU,UAAWzD,EAAO,6BACpBwB,SAAAuB,EAAOyB,MAAMhD,oBAMvB6B,EAAaoB,OAAS,kBACrBf,EAAC,OAAID,UAAWzD,EAA2B,mBAAIwB,SAAA6B,QAiB1CD,EAAsB,EAAG5B,+BAC5B,MAAA,CAAIiC,UAAWzD,EAAO,6BAA+BwB,aAG/DJ,EAAcsD,OAAStB"}
+{"version":3,"file":"CalloutBanner.js","sources":["../../../src/components/CalloutBanner/CalloutBanner.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './CalloutBanner.module.css';\nimport Icon from '../Icon';\nimport { cva } from 'class-variance-authority';\nimport IconButton from '../IconButton';\n\nconst calloutBannerClasses = cva(styles['callout-banner'], {\n  variants: {\n    emphasis: {\n      primary: styles['callout-banner--primary'],\n      secondary: styles['callout-banner--secondary'],\n      tertiary: styles['callout-banner--tertiary'],\n    },\n    styleVariant: {\n      critical: styles['callout-banner--critical'],\n      success: styles['callout-banner--success'],\n      information: styles['callout-banner--information'],\n      neutral: styles['callout-banner--neutral'],\n      accent: styles['callout-banner--accent'],\n    },\n    headerLayout: {\n      row: styles['callout-banner__header--row'],\n      column: styles['callout-banner__header-column'],\n    },\n  },\n  defaultVariants: {\n    emphasis: 'primary',\n    styleVariant: 'critical',\n  },\n});\n\ntype StyleVariant =\n  | 'critical'\n  | 'success'\n  | 'information'\n  | 'neutral'\n  | 'accent';\n\ntype DismissButtonProps = Omit<\n  React.ComponentProps<typeof IconButton>,\n  | 'onPress'\n  | 'iconProps'\n  | 'size'\n  | 'styleVariant'\n  | 'emphasis'\n  | 'tooltipLabel'\n>;\n\nexport interface CalloutBannerBaseProps {\n  /**\n   * The main heading text of the banner\n   */\n  title: string;\n  /**\n   * Optional secondary text providing more details\n   * Can be a string or React node\n   */\n  description?: string | React.ReactNode;\n  /**\n   * Optional emphasis style for the banner\n   * @default 'primary'\n   */\n  emphasis?: 'primary' | 'secondary' | 'tertiary';\n  /**\n   * Optional style variant for the banner\n   * - 'critical' for errors, urgent warnings\n   * - 'success' for confirmations, achievements\n   * - 'information' for For general updates, tips\n   * - 'neutral' for non-critical messages, guidance\n   * - 'accent' for any brand specific promotions or callouts\n   * @default 'critical'\n   */\n  styleVariant?: StyleVariant;\n  /**\n   * Optional button group to be rendered as a label\n   * @deprecated Use CalloutBanner.Action instead\n   */\n  label?: React.ReactNode;\n  /**\n   * Optional label for the dismiss button tooltip\n   */\n  dismissButtonTooltipLabel?: string;\n  /**\n   * Optional props for the dismiss icon button\n   */\n  dismissButtonProps?: DismissButtonProps;\n  /**\n   * Optional content to be rendered in the end section of the banner\n   */\n  children?: React.ReactNode;\n  /**\n   * Semantic heading level to use when styleVariant is 'heading'\n   * Affects accessibility and document structure\n   * @default 'h3'\n   */\n  headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  /**\n   * Optional callback function triggered when the dismiss button is clicked\n   */\n  onDismiss?: () => void;\n  /**\n   * Optional custom asset to be rendered instead of the default icon.\n   * Can use another icon, image, or any React node.\n   */\n  customAsset?: React.ReactNode;\n  /**\n   * Optional prop to hide the illustration\n   * @default false\n   */\n  hideIllustration?: boolean;\n  /**\n   * Optional prop to align buttons within the banner\n   * - 'left' aligns buttons to the left\n   * - 'right' aligns buttons to the right\n   * @default 'left'\n   * @deprecated Use CalloutBanner.Action instead\n   */\n  alignButtons?: 'left' | 'right';\n  /**\n   * Layout of the body content\n   * - 'row' displays body content in a horizontal row\n   * - 'column' displays body content in a vertical column\n   * @default 'row'\n   */\n  headerLayout?: 'row' | 'column';\n  /**\n   * Optional prefix text to be added before the title to denote severity.\n   * E.g., \"Critical\", \"Success\", \"Information\"\n   * For i18m purposes, this should be provided by the consumer.\n   */\n  severityLabel?: string;\n  /**\n   * Optional ARIA role for the banner. Defaults to 'alert' for critical, 'status' for success/information, 'region' for neutral.\n   */\n  role?: React.AriaRole;\n}\n\nexport type CalloutBannerProps = CalloutBannerBaseProps & React.AriaAttributes;\n\nconst CALLOUT_BANNER_META = {\n  critical: {\n    icon: 'circle-exclamation',\n    severityLabel: 'Critical',\n    role: 'alert',\n  },\n  success: {\n    icon: 'check-circle',\n    severityLabel: 'Success',\n    role: 'status',\n  },\n  information: {\n    icon: 'info-circle',\n    severityLabel: 'Information',\n    role: 'status',\n  },\n  neutral: {\n    icon: 'check-circle',\n    severityLabel: '',\n    role: 'region',\n  },\n  accent: {\n    icon: 'house',\n    severityLabel: '',\n    role: 'region',\n  },\n} as const satisfies Record<\n  StyleVariant,\n  { icon: string; severityLabel: string; role: string }\n>;\n\nexport const CalloutBanner = ({\n  title,\n  description,\n  label,\n  children,\n  styleVariant = 'critical',\n  emphasis = 'primary',\n  headingLevel = 'h3',\n  dismissButtonTooltipLabel,\n  onDismiss,\n  customAsset,\n  hideIllustration = false,\n  alignButtons = 'left',\n  headerLayout = 'column',\n  severityLabel,\n  role,\n  dismissButtonProps = {\n    'aria-label': 'Dismiss banner',\n  },\n  ...ariaProps\n}: CalloutBannerProps) => {\n  const hasOnDismiss = typeof onDismiss === 'function';\n  const {\n    icon: iconName,\n    severityLabel: defaultSeverityLabel,\n    role: bannerRole,\n  } = CALLOUT_BANNER_META[styleVariant];\n\n  const HeadingBanner = headingLevel;\n  const titleId = React.useId();\n  const descriptionId = React.useId();\n  const resolvedSeverityLabel = severityLabel ?? defaultSeverityLabel;\n  const resolvedRole = role || bannerRole;\n\n  // Get children, and separate out CalloutBanner.Action if present with body children\n  const childrenArray = React.Children.toArray(children);\n\n  // CalloutBanner.Action children\n  const action = childrenArray.find((child) => {\n    return React.isValidElement(child) && child.type === CalloutBannerAction;\n  }) as React.ReactElement<CalloutBannerActionProps> | undefined;\n\n  // Body children (excluding CalloutBanner.Action)\n  const bodyChildren = childrenArray.filter((child) => {\n    return !(React.isValidElement(child) && child.type === CalloutBannerAction);\n  });\n\n  const renderDescriptionContent = () => {\n    if (!description) return null;\n    return description;\n  };\n\n  const onlyTitle = !description;\n\n  return (\n    <div\n      className={calloutBannerClasses({\n        emphasis,\n        styleVariant,\n      })}\n      role={resolvedRole}\n      aria-labelledby={titleId}\n      aria-describedby={description ? descriptionId : undefined}\n      {...ariaProps}\n    >\n      <div className={styles['callout-banner__start']}>\n        {/* Allow users to change this icon */}\n        {!hideIllustration &&\n          (customAsset ? (\n            <div className={styles['callout-banner__custom-asset']}>\n              {customAsset}\n            </div>\n          ) : (\n            <div\n              className={\n                onlyTitle\n                  ? styles['callout-banner__default-asset--center']\n                  : undefined\n              }\n            >\n              <Icon\n                iconName={iconName}\n                iconPrefix=\"fas\"\n                className={styles['callout-banner__icon']}\n                iconSize=\"1.25x\"\n                padding=\"roomy\"\n              />\n            </div>\n          ))}\n        <div className={styles['callout-banner__meta']}>\n          {hasOnDismiss && (\n            <div className={styles['callout-banner__dismiss']}>\n              <IconButton\n                onPress={onDismiss}\n                styleVariant=\"neutral\"\n                emphasis={emphasis === 'tertiary' ? 'tertiary' : 'primary'}\n                size=\"sm\"\n                iconProps={{\n                  iconName: 'close',\n                  iconPrefix: 'fas',\n                  iconSize: '1x',\n                }}\n                tooltipLabel={dismissButtonTooltipLabel}\n                {...dismissButtonProps}\n              />\n            </div>\n          )}\n          <div\n            className={[\n              styles['callout-banner__meta-content'],\n              alignButtons === 'right'\n                ? styles['callout-banner__meta-right']\n                : '',\n              headerLayout === 'row'\n                ? styles['callout-banner__meta-content--row']\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n          >\n            <div>\n              <div\n                className={`${styles['callout-banner__meta-top']} ${\n                  hasOnDismiss ? styles['callout-banner__meta-top-dismiss'] : ''\n                }`}\n              >\n                <HeadingBanner\n                  id={titleId}\n                  className={styles['callout-banner__meta-title']}\n                >\n                  <span\n                    className={styles['callout-banner__severity-label']}\n                    dir=\"auto\"\n                  >\n                    {resolvedSeverityLabel}\n                    {resolvedSeverityLabel ? ': ' : ''}\n                  </span>\n                  <bdi dir=\"auto\">{title}</bdi>\n                </HeadingBanner>\n                {description && (\n                  <p\n                    id={descriptionId}\n                    className={styles['callout-banner__meta-description']}\n                  >\n                    {renderDescriptionContent()}\n                  </p>\n                )}\n              </div>\n            </div>\n            {label && (\n              <div className={styles['callout-banner__meta-label']}>\n                {label}\n              </div>\n            )}\n            {action && (\n              <div className={styles['callout-banner__meta-label']}>\n                {action.props.children}\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n      {bodyChildren.length > 0 && (\n        <div className={styles['callout-banner__end']}>{bodyChildren}</div>\n      )}\n    </div>\n  );\n};\n\n/***************************************\n * CalloutBanner.Action component\n ***************************************/\n\nexport type CalloutBannerActionProps = {\n  /**\n   * Children nodes to be rendered inside the CalloutBanner.Action\n   */\n  children: React.ReactNode;\n};\n\nexport const CalloutBannerAction = ({ children }: CalloutBannerActionProps) => {\n  return <div className={styles['callout-banner__meta-label']}>{children}</div>;\n};\n\nCalloutBanner.Action = CalloutBannerAction;\n\nexport default CalloutBanner;\n"],"names":["calloutBannerClasses","cva","styles","variants","emphasis","primary","secondary","tertiary","styleVariant","critical","success","information","neutral","accent","headerLayout","row","column","defaultVariants","CALLOUT_BANNER_META","icon","severityLabel","role","CalloutBanner","title","description","label","children","headingLevel","dismissButtonTooltipLabel","onDismiss","customAsset","hideIllustration","alignButtons","dismissButtonProps","ariaProps","hasOnDismiss","iconName","defaultSeverityLabel","bannerRole","HeadingBanner","titleId","React","useId","descriptionId","resolvedSeverityLabel","resolvedRole","childrenArray","Children","toArray","action","find","child","isValidElement","type","CalloutBannerAction","bodyChildren","filter","onlyTitle","jsxs","className","jsx","Icon","iconPrefix","iconSize","padding","IconButton","onPress","size","iconProps","tooltipLabel","Boolean","join","id","dir","props","length","Action"],"mappings":"+sDAMMA,EAAuBC,EAAIC,EAAO,kBAAmB,CACzDC,SAAU,CACRC,SAAU,CACRC,QAASH,EAAO,2BAChBI,UAAWJ,EAAO,6BAClBK,SAAUL,EAAO,6BAEnBM,aAAc,CACZC,SAAUP,EAAO,4BACjBQ,QAASR,EAAO,2BAChBS,YAAaT,EAAO,+BACpBU,QAASV,EAAO,2BAChBW,OAAQX,EAAO,2BAEjBY,aAAc,CACZC,IAAKb,EAAO,+BACZc,OAAQd,EAAO,mCAGnBe,gBAAiB,CACfb,SAAU,UACVI,aAAc,cAgHZU,EAAsB,CAC1BT,SAAU,CACRU,KAAM,qBACNC,cAAe,WACfC,KAAM,SAERX,QAAS,CACPS,KAAM,eACNC,cAAe,UACfC,KAAM,UAERV,YAAa,CACXQ,KAAM,cACNC,cAAe,cACfC,KAAM,UAERT,QAAS,CACPO,KAAM,eACNC,cAAe,GACfC,KAAM,UAERR,OAAQ,CACNM,KAAM,QACNC,cAAe,GACfC,KAAM,WAOGC,EAAgB,EAC3BC,QACAC,cACAC,QACAC,WACAlB,eAAe,WACfJ,WAAW,UACXuB,eAAe,KACfC,4BACAC,YACAC,cACAC,oBAAmB,EACnBC,eAAe,OACflB,eAAe,SACfM,gBACAC,OACAY,qBAAqB,CACnB,aAAc,qBAEbC,MAEH,MAAMC,EAAoC,mBAAdN,GAE1BV,KAAMiB,EACNhB,cAAeiB,EACfhB,KAAMiB,GACJpB,EAAoBV,GAElB+B,EAAgBZ,EAChBa,EAAUC,EAAMC,QAChBC,EAAgBF,EAAMC,QACtBE,EAAwBxB,GAAiBiB,EACzCQ,EAAexB,GAAQiB,EAGvBQ,EAAgBL,EAAMM,SAASC,QAAQtB,GAGvCuB,EAASH,EAAcI,KAAMC,GAC1BV,EAAMW,eAAeD,IAAUA,EAAME,OAASC,GAIjDC,EAAeT,EAAcU,OAAQL,KAChCV,EAAMW,eAAeD,IAAUA,EAAME,OAASC,IAQnDG,GAAajC;AAEnB,OACEkC,EAAC,MAAA,CACCC,UAAW3D,EAAqB,CAC9BI,WACAI,iBAEFa,KAAMwB,EACN,kBAAiBL,EACjB,mBAAkBhB,EAAcmB,OAAgB,KAC5CT,EAEJR,SAAA;iBAAC,MAAA,CAAIiC,UAAWzD,EAAO,yBAEpBwB,SAAA,EAACK,kBAEE6B,EAAC,MADF9B,EACE,CAAI6B,UAAWzD,EAAO,gCACpBwB,SAAAI,GAGF,CACC6B,UACEF,EACIvD,EAAO,8CACP,EAGNwB,wBAAAkC,EAACC,EAAA,CACCzB,WACA0B,WAAW,MACXH,UAAWzD,EAAO,wBAClB6D,SAAS,QACTC,QAAQ;iBAIf,MAAA,CAAIL,UAAWzD,EAAO,wBACpBwB,SAAA,CAAAS,oBACE,MAAA,CAAIwB,UAAWzD,EAAO,2BACrBwB,wBAAAkC,EAACK,EAAA,CACCC,QAASrC,EACTrB,aAAa,UACbJ,SAAuB,aAAbA,EAA0B,WAAa,UACjD+D,KAAK,KACLC,UAAW,CACThC,SAAU,QACV0B,WAAY,MACZC,SAAU,MAEZM,aAAczC,KACVK;eAIVyB,EAAC,MAAA,CACCC,UAAW,CACTzD,EAAO,gCACU,UAAjB8B,EACI9B,EAAO,8BACP,GACa,QAAjBY,EACIZ,EAAO,qCACP,IAEHsD,OAAOc,SACPC,KAAK,KAER7C,SAAA;eAAAkC,EAAC,MAAA,CACClC,wBAAAgC,EAAC,MAAA,CACCC,UAAW,GAAGzD,EAAO,+BACnBiC,EAAejC,EAAO,oCAAsC,KAG9DwB,SAAA;eAAAgC,EAACnB,EAAA,CACCiC,GAAIhC,EACJmB,UAAWzD,EAAO,8BAElBwB,SAAA;eAAAgC,EAAC,OAAA,CACCC,UAAWzD,EAAO,kCAClBuE,IAAI,OAEH/C,SAAA,CAAAkB,EACAA,EAAwB,KAAO;iBAEjC,MAAA,CAAI6B,IAAI,OAAQ/C,SAAAH,OAElBC,kBACCoC,EAAC,IAAA,CACCY,GAAI7B,EACJgB,UAAWzD,EAAO,oCAEjBwB,SAhGZF,GAAoB,YAqGhBC,kBACCmC,EAAC,MAAA,CAAID,UAAWzD,EAAO,8BACpBwB,SAAAD,IAGJwB,oBACE,MAAA,CAAIU,UAAWzD,EAAO,8BACpBwB,SAAAuB,EAAOyB,MAAMhD,oBAMvB6B,EAAaoB,OAAS,kBACrBf,EAAC,OAAID,UAAWzD,EAAO,uBAAyBwB,SAAA6B,QAiB3CD,EAAsB,EAAG5B,+BAC5B,MAAA,CAAIiC,UAAWzD,EAAO,8BAAgCwB,aAGhEJ,EAAcsD,OAAStB"}

package/dist/components/Carousel/Carousel.js

@@ -1,9 +1,9 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import r,{useRef as a,useState as n,useCallback as o,useEffect as i}from"react";import{c as s}from"../../index-CCUt_dAN.js";import{C as l,a as u,b as d,c,d as m}from"../../IconButton.module-C7YCy-MU.js";import{CarouselButton as f}from"./CarouselButton/CarouselButton.js";import{CarouselDots as h}from"./CarouselDots/CarouselDots.js";import{AutoplayControl as p}from"./AutoplayControl/AutoplayControl.js";import{focusStyleVariants as v}from"../../utils/focus/focusStyles.js";import{useFocusRing as y}from"@react-aria/focus";import{resolveResponsiveProp as g}from"../../utils/breakpoint/responsive.js";import{useBreakpoint as b}from"../../utils/breakpoint/hooks/useBreakpoint.js";import '../../assets/Carousel.css';const w={carouselWrapper:"_carouselWrapper_1uhyq_2",showPartialItems:"_showPartialItems_1uhyq_14",carousel:"_carousel_1uhyq_2",hasScrollPadding:"_hasScrollPadding_1uhyq_25",scroller:"_scroller_1uhyq_43",item:"_item_1uhyq_78",slideLeft:"_slideLeft_1uhyq_127",slideRight:"_slideRight_1uhyq_131",controls:"_controls_1uhyq_154",defaultPrevButton:"_defaultPrevButton_1uhyq_165",defaultNextButton:"_defaultNextButton_1uhyq_173",defaultDotsContainer:"_defaultDotsContainer_1uhyq_182",defaultCarouselWrapper:"_defaultCarouselWrapper_1uhyq_193",defaultAutoplayControl:"_defaultAutoplayControl_1uhyq_200",showOnHover:"_showOnHover_1uhyq_209",hidden:"_hidden_1uhyq_219",hiddenTabs:"_hiddenTabs_1uhyq_250",autoplayControlWrapper:"_autoplayControlWrapper_1uhyq_268"},_=s(w.carousel,{variants:{looping:{infinite:w.infinite,backToStart:w.native,off:void 0}}}),C=({children:s=[],"aria-label":C,"aria-describedby":x,looping:N="off",itemsPerPage:A=1,spaceBetweenItems:S=0,scrollPadding:P,iconType:q="chevron",arrowStyleVariant:L="neutral",arrowSize:M="md",hideDisabledArrow:E=!1,showArrowsOnHover:T=!1,focusStyle:D="default",dotsSize:$="md",dotsVariant:I="standard",hideDots:W=!1,autoPlay:k=!1,autoPlayInterval:B=2e3,autoPlayStyleVariant:j="neutralVibrant",autoPlayControlSize:z="md",mouseDragging:R=!0,carouselWrapperClassName:F="",prevArrowClassName:H="",nextArrowClassName:O="",autoplayControlClassName:V="",dotsContainerClassName:Y="",dotsWrapperClassName:X="",dotClassName:G="",activeDotClassName:K="",itemWrapperClassName:J="",scrollerClassName:Q="",activeItemClassName:U="",onArrowPress:Z,onDotPress:ee,onAutoplayPress:te,controlsRef:re,onNavigationStateChange:ae})=>{const ne=r.Children.toArray(s),oe=ne.length,ie=b(),se=g(A,ie)??1,le=g(S,ie)??0,ue=g(P,ie)??void 0,de=g(M,ie)??"md",ce=g(W,ie)??!1,me=Math.max(1,se),fe=Math.max(1,Math.floor(me)),he=r.useMemo(()=>{const e=Array.from({length:oe},(e,t)=>t).reduce((e,t)=>{const r=e.at(-1);return r&&r.length<fe?r.push(t):e.push([t]),e},[]);if(e.length>=2){const t=fe-e.at(-1).length;if(t>0){const r=[...e.at(-2)].splice(fe-t);e.at(-1).unshift(...r)}}return e},[oe,fe]),pe=a(null),ve=a(null),ye=a(null),ge=a(null),be=a(null),we=a([]),[_e,Ce]=n(0),[xe,Ne]=n(0),[Ae,Se]=n(!1),[Pe,qe]=n(he.length>1),[Le,Me]=n(0),[Ee,Te]=n(0),[De,$e]=n(!1),[Ie,We]=n(!1),[ke,Be]=n(!1),[je]=n(!1),[ze,Re]=n(null),Fe="infinite"===N?"infinite":"backToStart"===N?"native":"off"!==N?N:void 0,He=Le>0?Le:he.length,Oe=!ce&&He>1,Ve=(e,t)=>e||t,Ye=o(()=>pe.current?.querySelector('[data-carousel-scroller="true"]'),[]),Xe=o((e,t)=>{const r=t*Math.max(1,Math.floor(me)),a=e.querySelector(`[data-item-index="${r}"]`);if(!a)return!1;const n=e.getBoundingClientRect(),o=a.getBoundingClientRect(),i=parseFloat(getComputedStyle(e).paddingLeft)||0,s=Math.max(0,e.scrollWidth-e.clientWidth),l=e.scrollLeft+(o.left-n.left)-i,u=Math.min(Math.max(0,l),s);return e.scrollTo({left:u,behavior:"smooth"}),!0},[me]),Ge=o(e=>{if(!(e===_e||e<0||e>=He)&&pe.current){const t=pe.current.querySelector(`[data-slide-tab="true"][data-index="${e}"]`);t&&(t.click(),Ne(_e),Ce(e))}},[_e,He]),Ke=o(()=>{if(!pe.current||He<=1)return;const e=pe.current.querySelector('[data-carousel-scroller="true"]');if(!e)return;const t=Array.from(e.querySelectorAll("[data-item-index]"));if(!t.length)return;const r=e.getBoundingClientRect().left;let a=0,n=Number.POSITIVE_INFINITY;t.forEach(e=>{const t=parseInt(e.dataset.itemIndex??"",10);if(Number.isNaN(t))return;const o=Math.abs(e.getBoundingClientRect().left-r);o<n&&(n=o,a=t)});const o=Math.max(1,Math.floor(me)),i=Math.min(He-1,Math.floor(a/o));i!==_e&&(Ne(_e),Ce(i))},[_e,me,He]),Je=o(()=>{const e=Ye();if(e){const t=Math.max(0,_e-1);return Xe(e,t)||e.scrollBy({left:-e.clientWidth,behavior:"smooth"}),Ne(_e),Ce(t),void window.setTimeout(()=>{Ke()},200)}_e<=0||Ge(_e-1)},[_e,Ye,Ge,Xe,Ke]),Qe=o(()=>{const e=Ye();if(e){const t=Math.min(He-1,_e+1);return Xe(e,t)||e.scrollBy({left:e.clientWidth,behavior:"smooth"}),Ne(_e),Ce(t),void window.setTimeout(()=>{Ke()},200)}_e>=He-1||Ge(_e+1)},[_e,Ye,Ge,Xe,Ke,He]);i(()=>{const e=((e,t,r,a)=>({canGoPrev:e,canGoNext:t,currentPage:r,totalPages:a}))(Ae||_e>0,Pe||_e<He-1,_e,He);if(re)return re.current={prev:Je,next:Qe,goToSlide:Ge,...e},ae?.(e),()=>{re.current&&(re.current=null)};ae?.(e)},[re,Pe,Ae,_e,Qe,Je,Ge,ae,He]),i(()=>()=>{null!==ye.current&&window.clearTimeout(ye.current),null!==ge.current&&window.clearTimeout(ge.current)},[]),i(()=>{if(!pe.current||!R)return;const e=e=>{if(!De)return;const t=e.target;if(!(t instanceof Element))return;t.closest("a[href]")&&(e.preventDefault(),e.stopPropagation(),setTimeout(()=>{$e(!1)},0))},t=e=>{Re({x:e.clientX,y:e.clientY})},r=e=>{if(null===ze)return;const t=Math.abs(e.clientX-ze.x),r=Math.abs(e.clientY-ze.y);Math.sqrt(t*t+r*r)>5&&$e(!0)},a=()=>{De?setTimeout(()=>{$e(!1),Re(null)},50):Re(null)},n=pe.current;return n.addEventListener("mousedown",t,!0),n.addEventListener("mousemove",r,!0),n.addEventListener("mouseup",a,!0),n.addEventListener("click",e,!0),()=>{n.removeEventListener("mousedown",t,!0),n.removeEventListener("mousemove",r,!0),n.removeEventListener("mouseup",a,!0),n.removeEventListener("click",e,!0)}},[R,De,ze,5]),i(()=>{if(pe.current){const e=pe.current.querySelector(`.${w.scroller}`);e&&e instanceof HTMLElement&&(xe<_e?(e.classList.remove(w.slideLeft),e.classList.add(w.slideRight)):xe>_e&&(e.classList.remove(w.slideRight),e.classList.add(w.slideLeft)))}},[_e,xe]),i(()=>{const e=pe.current;if(!e)return;let t=null;const r=()=>{null===t&&(t=window.requestAnimationFrame(()=>{t=null,(()=>{const t=e.querySelectorAll('[data-slide-tab="true"]').length;Me(e=>e===t?e:t)})()}))},a=new MutationObserver(()=>{r()});return a.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-slide-tab"]}),r(),()=>{null!==t&&window.cancelAnimationFrame(t),a.disconnect()}},[oe,me]),i(()=>{const e=Ye()??be.current;if(!e)return;let t=null;const r=()=>{null===t&&(t=window.requestAnimationFrame(()=>{t=null,a()}))},a=()=>{const t=Math.max(0,e.scrollWidth-e.clientWidth),r=e.scrollLeft,a=.01,n=t>a,o=n?r>a:_e>0,i=n?r<t-a:_e<He-1,s=we.current.length>0?we.current:Array.from(e.querySelectorAll("[data-item-index]"));0===we.current.length&&(we.current=s);const l=r+(parseFloat(getComputedStyle(e).paddingLeft)||0)+a,u=s.find(e=>e.offsetLeft+e.offsetWidth>l)?.dataset.itemIndex??"0",d=parseInt(u,10),c=Number.isNaN(d)?0:d,m=Math.max(1,Math.ceil(me)),f=c+m-1;s.forEach(e=>{const t=e.dataset.itemIndex;if("string"!=typeof t)return;const r=parseInt(t,10);if(Number.isNaN(r))return;r>=c&&r<=f?(e.removeAttribute("inert"),e.removeAttribute("aria-hidden")):(e.setAttribute("inert","true"),e.setAttribute("aria-hidden","true"))});const h=he.map(e=>e[0]).reduce((e,t,r)=>t<=c?r:e,0),p=n?h:_e;Se(e=>e===o?e:o),qe(e=>e===i?e:i),Te(e=>e===c?e:c),Ce(e=>(e!==p&&Ne(e),e===p?e:p))},n=new ResizeObserver(()=>{r()});n.observe(e);(()=>{const t=Array.from(e.querySelectorAll("[data-item-index]"));return we.current=t,t})().forEach(e=>{n.observe(e)});const o=()=>{r()};return e.addEventListener("load",o,!0),a(),e.addEventListener("scroll",a,{passive:!0}),window.addEventListener("resize",r),()=>{null!==t&&window.cancelAnimationFrame(t),n.disconnect(),e.removeEventListener("load",o,!0),e.removeEventListener("scroll",a),window.removeEventListener("resize",r),we.current=[]}},[_e,Ye,he,me,He,oe]);const Ue=T?{onMouseEnter:()=>We(!0),onMouseLeave:()=>We(!1),onFocus:()=>Be(!0),onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||Be(!1)}}:{},Ze=He>1&&(!T||Ie||ke),et=(()=>{const e={};return 1!==se&&(e["--items-per-page"]=String(me)),le>0&&(e["--space-between-items"]=`${le}px`),ue&&(e["--scroll-padding"]=ue),Object.keys(e).length>0?e:void 0})(),{focusProps:tt,isFocusVisible:rt}=y(),at=he[_e]??[];/* @__PURE__ */
-return e("div",{className:(()=>{const e=[w.carouselWrapper];return Number.isInteger(me)||e.push(w.showPartialItems),ue&&e.push(w.hasScrollPadding),F&&F.trim()?e.push(F):e.push(w.defaultCarouselWrapper),e.join(" ")})(),ref:pe,style:et,"data-dots-size":$,...Ue,"data-arrows-visible":Ze?"true":"false","data-transitioning":je?"true":void 0,"data-scroll-padding":ue,role:"region","aria-label":(()=>{if(C)return C;return`Carousel with ${oe} items, currently showing slide ${_e+1} of ${He}${k?", autoplay enabled":""}`})(),"aria-describedby":x,"aria-roledescription":"carousel",children:/* @__PURE__ */t(l,{className:`${_({looping:N})}`,loop:Fe,ref:ve,autoplay:k,autoplayInterval:B,mouseDragging:R&&!je,onActivePageIndexChange:({index:e})=>{Ce(t=>(t!==e&&Ne(t),e))},onDragStart:e=>{$e(!0),e&&e.nativeEvent&&Re({x:e.nativeEvent.clientX,y:e.nativeEvent.clientY})},onDragEnd:()=>{null!==ye.current&&window.clearTimeout(ye.current),null!==ge.current&&window.clearTimeout(ge.current),ye.current=window.setTimeout(()=>{$e(!1),Ke()},50),ge.current=window.setTimeout(()=>{Ke()},150)},"data-dragging":De?"true":"false",itemsPerPage:me,scrollPadding:ue,"data-has-space-between":le>0?"true":void 0,"data-items-per-page":1!==se?me.toString():void 0,children:[
-/* @__PURE__ */e(u,{className:`${w.scroller} ${v({focusStyle:D})} ${Q}`.trim(),ref:be,"data-carousel-scroller":"true",...tt,"data-focused":!!rt||void 0,"data-focus-visible":!!rt||void 0,"data-transitioning":je?"true":void 0,style:(()=>{const e={};if(le>=0&&(e.gap=`${le}px`),se>1&&le>0){const t=le*(me-1)/me;e.gridAutoColumns=`calc(${100/me}% - ${t}px)`}else se>1&&(e.gridAutoColumns=100/me+"%");return e})(),tabIndex:0,role:"region","aria-label":"Carousel content",onKeyDown:e=>{if("ArrowLeft"===e.key){e.preventDefault();const t=pe.current?.querySelector('[dir="prev"]');t&&!t.disabled&&t.click()}else if("ArrowRight"===e.key){e.preventDefault();const t=pe.current?.querySelector('[dir="next"]');t&&!t.disabled&&t.click()}else"Home"===e.key?(e.preventDefault(),Ge(0)):"End"===e.key&&(e.preventDefault(),Ge(He-1))},children:ne.map((t,r)=>{const a=at.includes(r),n=[J||"",w.item,a&&U?U:""].filter(Boolean).join(" ");/* @__PURE__ */
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import r,{useRef as a,useState as n,useCallback as o,useEffect as i}from"react";import{c as s}from"../../index-CCUt_dAN.js";import{C as l,a as u,b as d,c,d as m}from"../../IconButton.module-C7YCy-MU.js";import{CarouselButton as f}from"./CarouselButton/CarouselButton.js";import{CarouselDots as p}from"./CarouselDots/CarouselDots.js";import{AutoplayControl as h}from"./AutoplayControl/AutoplayControl.js";import{focusStyleVariants as v}from"../../utils/focus/focusStyles.js";import{useFocusRing as g}from"@react-aria/focus";import{resolveResponsiveProp as y}from"../../utils/breakpoint/responsive.js";import{useBreakpoint as b}from"../../utils/breakpoint/hooks/useBreakpoint.js";import '../../assets/Carousel.css';const w={carouselWrapper:"_carouselWrapper_1gfyq_2",showPartialItems:"_showPartialItems_1gfyq_14",carousel:"_carousel_1gfyq_2",hasScrollPadding:"_hasScrollPadding_1gfyq_25",scroller:"_scroller_1gfyq_43",item:"_item_1gfyq_84",slideLeft:"_slideLeft_1gfyq_127",slideRight:"_slideRight_1gfyq_131",controls:"_controls_1gfyq_154",defaultPrevButton:"_defaultPrevButton_1gfyq_165",defaultNextButton:"_defaultNextButton_1gfyq_173",defaultDotsContainer:"_defaultDotsContainer_1gfyq_182",defaultCarouselWrapper:"_defaultCarouselWrapper_1gfyq_193",defaultAutoplayControl:"_defaultAutoplayControl_1gfyq_200",showOnHover:"_showOnHover_1gfyq_209",hidden:"_hidden_1gfyq_219",hiddenTabs:"_hiddenTabs_1gfyq_250",autoplayControlWrapper:"_autoplayControlWrapper_1gfyq_268"},_=s(w.carousel,{variants:{looping:{infinite:w.infinite,backToStart:w.native,off:void 0}}}),C=({children:s=[],"aria-label":C,"aria-describedby":x,looping:N="off",itemsPerPage:A=1,spaceBetweenItems:S=0,scrollPadding:P,iconType:q="chevron",arrowStyleVariant:L="neutral",arrowSize:M="md",hideDisabledArrow:E=!1,showArrowsOnHover:T=!1,focusStyle:D="default",dotsSize:$="md",dotsVariant:I="standard",hideDots:W=!1,autoPlay:k=!1,autoPlayInterval:B=2e3,autoPlayStyleVariant:j="neutralVibrant",autoPlayControlSize:z="md",mouseDragging:R=!0,carouselWrapperClassName:F="",prevArrowClassName:H="",nextArrowClassName:O="",autoplayControlClassName:V="",dotsContainerClassName:Y="",dotsWrapperClassName:X="",dotClassName:G="",activeDotClassName:K="",itemWrapperClassName:J="",scrollerClassName:Q="",activeItemClassName:U="",onArrowPress:Z,onDotPress:ee,onAutoplayPress:te,controlsRef:re,onNavigationStateChange:ae})=>{const ne=r.Children.toArray(s),oe=ne.length,ie=b(),se=y(A,ie)??1,le=y(S,ie)??0,ue=y(P,ie)??void 0,de=y(M,ie)??"md",ce=y(W,ie)??!1,me=Math.max(1,se),fe=Math.max(1,Math.floor(me)),pe=r.useMemo(()=>{const e=Array.from({length:oe},(e,t)=>t).reduce((e,t)=>{const r=e.at(-1);return r&&r.length<fe?r.push(t):e.push([t]),e},[]);if(e.length>=2){const t=fe-e.at(-1).length;if(t>0){const r=[...e.at(-2)].splice(fe-t);e.at(-1).unshift(...r)}}return e},[oe,fe]),he=a(null),ve=a(null),ge=a(null),ye=a(null),be=a(null),we=a([]),[_e,Ce]=n(0),[xe,Ne]=n(0),[Ae,Se]=n(!1),[Pe,qe]=n(pe.length>1),[Le,Me]=n(0),[Ee,Te]=n(0),[De,$e]=n(!1),[Ie,We]=n(!1),[ke,Be]=n(!1),[je]=n(!1),[ze,Re]=n(null),Fe="infinite"===N?"infinite":"backToStart"===N?"native":"off"!==N?N:void 0,He=Le>0?Le:pe.length,Oe=!ce&&He>1,Ve=(e,t)=>e||t,Ye=o(()=>he.current?.querySelector('[data-carousel-scroller="true"]'),[]),Xe=o((e,t)=>{const r=t*Math.max(1,Math.floor(me)),a=e.querySelector(`[data-item-index="${r}"]`);if(!a)return!1;const n=e.getBoundingClientRect(),o=a.getBoundingClientRect(),i=parseFloat(getComputedStyle(e).paddingLeft)||0,s=Math.max(0,e.scrollWidth-e.clientWidth),l=e.scrollLeft+(o.left-n.left)-i,u=Math.min(Math.max(0,l),s);return e.scrollTo({left:u,behavior:"smooth"}),!0},[me]),Ge=o(e=>{if(!(e===_e||e<0||e>=He)&&he.current){const t=he.current.querySelector(`[data-slide-tab="true"][data-index="${e}"]`);t&&(t.click(),Ne(_e),Ce(e))}},[_e,He]),Ke=o(()=>{if(!he.current||He<=1)return;const e=he.current.querySelector('[data-carousel-scroller="true"]');if(!e)return;const t=Array.from(e.querySelectorAll("[data-item-index]"));if(!t.length)return;const r=e.getBoundingClientRect().left;let a=0,n=Number.POSITIVE_INFINITY;t.forEach(e=>{const t=parseInt(e.dataset.itemIndex??"",10);if(Number.isNaN(t))return;const o=Math.abs(e.getBoundingClientRect().left-r);o<n&&(n=o,a=t)});const o=Math.max(1,Math.floor(me)),i=Math.min(He-1,Math.floor(a/o));i!==_e&&(Ne(_e),Ce(i))},[_e,me,He]),Je=o(()=>{const e=Ye();if(e){const t=Math.max(0,_e-1);return Xe(e,t)||e.scrollBy({left:-e.clientWidth,behavior:"smooth"}),Ne(_e),Ce(t),void window.setTimeout(()=>{Ke()},200)}_e<=0||Ge(_e-1)},[_e,Ye,Ge,Xe,Ke]),Qe=o(()=>{const e=Ye();if(e){const t=Math.min(He-1,_e+1);return Xe(e,t)||e.scrollBy({left:e.clientWidth,behavior:"smooth"}),Ne(_e),Ce(t),void window.setTimeout(()=>{Ke()},200)}_e>=He-1||Ge(_e+1)},[_e,Ye,Ge,Xe,Ke,He]);i(()=>{const e=((e,t,r,a)=>({canGoPrev:e,canGoNext:t,currentPage:r,totalPages:a}))(Ae||_e>0,Pe||_e<He-1,_e,He);if(re)return re.current={prev:Je,next:Qe,goToSlide:Ge,...e},ae?.(e),()=>{re.current&&(re.current=null)};ae?.(e)},[re,Pe,Ae,_e,Qe,Je,Ge,ae,He]),i(()=>()=>{null!==ge.current&&window.clearTimeout(ge.current),null!==ye.current&&window.clearTimeout(ye.current)},[]),i(()=>{if(!he.current||!R)return;const e=e=>{if(!De)return;const t=e.target;if(!(t instanceof Element))return;t.closest("a[href]")&&(e.preventDefault(),e.stopPropagation(),setTimeout(()=>{$e(!1)},0))},t=e=>{Re({x:e.clientX,y:e.clientY})},r=e=>{if(null===ze)return;const t=Math.abs(e.clientX-ze.x),r=Math.abs(e.clientY-ze.y);Math.sqrt(t*t+r*r)>5&&$e(!0)},a=()=>{De?setTimeout(()=>{$e(!1),Re(null)},50):Re(null)},n=he.current;return n.addEventListener("mousedown",t,!0),n.addEventListener("mousemove",r,!0),n.addEventListener("mouseup",a,!0),n.addEventListener("click",e,!0),()=>{n.removeEventListener("mousedown",t,!0),n.removeEventListener("mousemove",r,!0),n.removeEventListener("mouseup",a,!0),n.removeEventListener("click",e,!0)}},[R,De,ze,5]),i(()=>{if(he.current){const e=he.current.querySelector(`.${w.scroller}`);e&&e instanceof HTMLElement&&(xe<_e?(e.classList.remove(w.slideLeft),e.classList.add(w.slideRight)):xe>_e&&(e.classList.remove(w.slideRight),e.classList.add(w.slideLeft)))}},[_e,xe]),i(()=>{const e=he.current;if(!e)return;let t=null;const r=()=>{null===t&&(t=window.requestAnimationFrame(()=>{t=null,(()=>{const t=e.querySelectorAll('[data-slide-tab="true"]').length;Me(e=>e===t?e:t)})()}))},a=new MutationObserver(()=>{r()});return a.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-slide-tab"]}),r(),()=>{null!==t&&window.cancelAnimationFrame(t),a.disconnect()}},[oe,me]),i(()=>{const e=Ye()??be.current;if(!e)return;let t=null;const r=()=>{null===t&&(t=window.requestAnimationFrame(()=>{t=null,a()}))},a=()=>{const t=Math.max(0,e.scrollWidth-e.clientWidth),r=e.scrollLeft,a=.01,n=t>a,o=n?r>a:_e>0,i=n?r<t-a:_e<He-1,s=we.current.length>0?we.current:Array.from(e.querySelectorAll("[data-item-index]"));0===we.current.length&&(we.current=s);const l=r+(parseFloat(getComputedStyle(e).paddingLeft)||0)+a,u=s.find(e=>e.offsetLeft+e.offsetWidth>l)?.dataset.itemIndex??"0",d=parseInt(u,10),c=Number.isNaN(d)?0:d,m=Math.max(1,Math.ceil(me)),f=c+m-1;s.forEach(e=>{const t=e.dataset.itemIndex;if("string"!=typeof t)return;const r=parseInt(t,10);if(Number.isNaN(r))return;r>=c&&r<=f?(e.removeAttribute("inert"),e.removeAttribute("aria-hidden")):(e.setAttribute("inert","true"),e.setAttribute("aria-hidden","true"))});const p=pe.map(e=>e[0]).reduce((e,t,r)=>t<=c?r:e,0),h=n?p:_e;Se(e=>e===o?e:o),qe(e=>e===i?e:i),Te(e=>e===c?e:c),Ce(e=>(e!==h&&Ne(e),e===h?e:h))},n=new ResizeObserver(()=>{r()});n.observe(e);(()=>{const t=Array.from(e.querySelectorAll("[data-item-index]"));return we.current=t,t})().forEach(e=>{n.observe(e)});const o=()=>{r()};return e.addEventListener("load",o,!0),a(),e.addEventListener("scroll",a,{passive:!0}),window.addEventListener("resize",r),()=>{null!==t&&window.cancelAnimationFrame(t),n.disconnect(),e.removeEventListener("load",o,!0),e.removeEventListener("scroll",a),window.removeEventListener("resize",r),we.current=[]}},[_e,Ye,pe,me,He,oe]);const Ue=T?{onMouseEnter:()=>We(!0),onMouseLeave:()=>We(!1),onFocus:()=>Be(!0),onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||Be(!1)}}:{},Ze=He>1&&(!T||Ie||ke),et=(()=>{const e={};return 1!==se&&(e["--items-per-page"]=String(me)),le>0&&(e["--space-between-items"]=`${le}px`),ue&&(e["--scroll-padding"]=ue),Object.keys(e).length>0?e:void 0})(),{focusProps:tt,isFocusVisible:rt}=g(),at=pe[_e]??[];/* @__PURE__ */
+return e("div",{className:(()=>{const e=[w.carouselWrapper];return Number.isInteger(me)||e.push(w.showPartialItems),ue&&e.push(w.hasScrollPadding),F&&F.trim()?e.push(F):e.push(w.defaultCarouselWrapper),e.join(" ")})(),ref:he,style:et,"data-dots-size":$,...Ue,"data-arrows-visible":Ze?"true":"false","data-transitioning":je?"true":void 0,"data-scroll-padding":ue,role:"region","aria-label":(()=>{if(C)return C;return`Carousel with ${oe} items, currently showing slide ${_e+1} of ${He}${k?", autoplay enabled":""}`})(),"aria-describedby":x,"aria-roledescription":"carousel",children:/* @__PURE__ */t(l,{className:`${_({looping:N})}`,loop:Fe,ref:ve,autoplay:k,autoplayInterval:B,mouseDragging:R&&!je,onActivePageIndexChange:({index:e})=>{Ce(t=>(t!==e&&Ne(t),e))},onDragStart:e=>{$e(!0),e&&e.nativeEvent&&Re({x:e.nativeEvent.clientX,y:e.nativeEvent.clientY})},onDragEnd:()=>{null!==ge.current&&window.clearTimeout(ge.current),null!==ye.current&&window.clearTimeout(ye.current),ge.current=window.setTimeout(()=>{$e(!1),Ke()},50),ye.current=window.setTimeout(()=>{Ke()},150)},"data-dragging":De?"true":"false",itemsPerPage:me,scrollPadding:ue,"data-has-space-between":le>0?"true":void 0,"data-items-per-page":1!==se?me.toString():void 0,children:[
+/* @__PURE__ */e(u,{className:`${w.scroller} ${v({focusStyle:D})} ${Q}`.trim(),ref:be,"data-carousel-scroller":"true",...tt,"data-focused":!!rt||void 0,"data-focus-visible":!!rt||void 0,"data-transitioning":je?"true":void 0,style:(()=>{const e={};if(le>=0&&(e.gap=`${le}px`),se>1&&le>0){const t=le*(me-1)/me;e.gridAutoColumns=`calc(${100/me}% - ${t}px)`}else se>1&&(e.gridAutoColumns=100/me+"%");return e})(),tabIndex:0,role:"region","aria-label":"Carousel content",onKeyDown:e=>{if("ArrowLeft"===e.key){e.preventDefault();const t=he.current?.querySelector('[dir="prev"]');t&&!t.disabled&&t.click()}else if("ArrowRight"===e.key){e.preventDefault();const t=he.current?.querySelector('[dir="next"]');t&&!t.disabled&&t.click()}else"Home"===e.key?(e.preventDefault(),Ge(0)):"End"===e.key&&(e.preventDefault(),Ge(He-1))},children:ne.map((t,r)=>{const a=at.includes(r),n=[J||"",w.item,a&&U?U:""].filter(Boolean).join(" ");/* @__PURE__ */
 return e(d,{className:n,"data-is-active":a?"true":void 0,"data-item-index":r,"aria-label":`Slide ${r+1} of ${oe}`,children:t},r)})}),
 /* @__PURE__ */t("div",{className:`${w.controls} ${T?w.showOnHover:""}`,children:[
 /* @__PURE__ */e(f,{dir:"prev",variant:L,size:de,focusStyle:D,iconType:q,hideDisabledArrow:E,overrideHideDisabledArrow:Fe?void 0:!Ae,onClick:Fe?void 0:()=>Ge(Ae?Ee<=0?0:Math.max(0,Math.ceil(Ee/fe)-1):_e),onPress:()=>Z?.("prev"),className:`${Ve(H,w.defaultPrevButton)} ${Ze?"":w.hidden}`}),
 /* @__PURE__ */e(f,{dir:"next",variant:L,size:de,focusStyle:D,iconType:q,hideDisabledArrow:E,overrideHideDisabledArrow:Fe?void 0:!Pe,onClick:Fe?void 0:()=>Ge(Pe?Math.min(He-1,Math.floor(Ee/fe)+1):_e),onPress:()=>Z?.("next"),className:`${Ve(O,w.defaultNextButton)} ${Ze?"":w.hidden}`})]}),
-/* @__PURE__ */e("div",{className:w.hiddenTabs,children:/* @__PURE__ */e(c,{children:t=>/* @__PURE__ */e(m,{index:t.index,"data-index":t.index,"data-slide-tab":"true",tabIndex:-1},t.index)})}),k&&/* @__PURE__ */e("div",{className:`${w.autoplayControlWrapper} ${Ve(V,w.defaultAutoplayControl)}`,children:/* @__PURE__ */e(p,{variant:j,size:z,className:"",onPress:te})}),Oe&&/* @__PURE__ */e(h,{totalItems:He,currentPage:_e,onDotClick:e=>Ge(e),onPress:ee,focusStyle:D,dotsSize:$,variant:I,className:Ve(Y,w.defaultDotsContainer),dotsWrapperClassName:X,dotClassName:G,activeDotClassName:K,isTransitioning:je})]})})};export{C as Carousel,C as default};
+/* @__PURE__ */e("div",{className:w.hiddenTabs,children:/* @__PURE__ */e(c,{children:t=>/* @__PURE__ */e(m,{index:t.index,"data-index":t.index,"data-slide-tab":"true",tabIndex:-1},t.index)})}),k&&/* @__PURE__ */e("div",{className:`${w.autoplayControlWrapper} ${Ve(V,w.defaultAutoplayControl)}`,children:/* @__PURE__ */e(h,{variant:j,size:z,className:"",onPress:te})}),Oe&&/* @__PURE__ */e(p,{totalItems:He,currentPage:_e,onDotClick:e=>Ge(e),onPress:ee,focusStyle:D,dotsSize:$,variant:I,className:Ve(Y,w.defaultDotsContainer),dotsWrapperClassName:X,dotClassName:G,activeDotClassName:K,isTransitioning:je})]})})};export{C as Carousel,C as default};
 //# sourceMappingURL=Carousel.js.map

package/dist/components/DetailsDisclosure/DetailsDisclosure.js

@@ -1,4 +1,4 @@
-import{jsx as e,jsxs as s}from"react/jsx-runtime";import{Disclosure as r,DisclosurePanel as l,Button as o}from"react-aria-components";import{Icon as i}from"../Icon/Icon.js";import{foregroundColorVariants as a}from"../../utils/foregroundColour/foregroundColor.js";import '../../assets/DetailsDisclosure.css';const c="_detailsDisclosure_1bmls_1",t="_detailsDisclosure__heading_1bmls_8",d="_detailsDisclosure__icon_1bmls_12",n="_detailsDisclosureDetails_1bmls_42",m="_detailsDisclosureDetails__border_1bmls_51",_="_detailsDisclosureDetails__content_1bmls_68",u=({children:r,headingLevel:l,foregroundColor:c="accentPrimary",iconProps:n})=>/* @__PURE__ */e(l?`${l}`:"div",{className:`${t} ${a({foregroundColor:c})}`,children:/* @__PURE__ */s(o,{slot:"trigger",children:[
-/* @__PURE__ */e(i,{iconName:"chevron-right",iconPrefix:"fas","aria-label":"Toggle disclosure",color:c,...n,className:d}),r]})});u.displayName="DetailsDisclosure.Summary";const D=({children:r,hidePanelBorder:o,...i})=>/* @__PURE__ */s(l,{className:n,...i,children:[!o&&/* @__PURE__ */e("div",{"data-panel-border":!0,className:m}),
-/* @__PURE__ */e("div",{className:_,children:r})]});D.displayName="DetailsDisclosure.Details";const h=({children:s,...l})=>/* @__PURE__ */e(r,{className:c,...l,children:s});h.Summary=u,h.Details=D;export{h as DetailsDisclosure,D as DetailsDisclosureDetails,u as DetailsDisclosureSummary,h as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Disclosure as o,DisclosurePanel as s,Button as i}from"react-aria-components";import{Icon as l}from"../Icon/Icon.js";import{foregroundColorVariants as a}from"../../utils/foregroundColour/foregroundColor.js";import '../../assets/DetailsDisclosure.css';const c="_detailsDisclosure_c8gor_1",t="_detailsDisclosure__heading_c8gor_8",d="_detailsDisclosure__icon_c8gor_12",n="_detailsDisclosureDetails_c8gor_42",_="_detailsDisclosureDetails__border_c8gor_51",m="_detailsDisclosureDetails__content_c8gor_68",u=({children:o,headingLevel:s,foregroundColor:c="accentPrimary",iconProps:n})=>/* @__PURE__ */e(s?`${s}`:"div",{className:`${t} ${a({foregroundColor:c})}`,children:/* @__PURE__ */r(i,{slot:"trigger",children:[
+/* @__PURE__ */e(l,{iconName:"chevron-right",iconPrefix:"fas","aria-label":"Toggle disclosure",color:c,...n,className:d}),o]})});u.displayName="DetailsDisclosure.Summary";const g=({children:o,hidePanelBorder:i,...l})=>/* @__PURE__ */r(s,{className:n,...l,children:[!i&&/* @__PURE__ */e("div",{"data-panel-border":!0,className:_}),
+/* @__PURE__ */e("div",{className:m,children:o})]});g.displayName="DetailsDisclosure.Details";const D=({children:r,...s})=>/* @__PURE__ */e(o,{className:c,...s,children:r});D.Summary=u,D.Details=g;export{D as DetailsDisclosure,g as DetailsDisclosureDetails,u as DetailsDisclosureSummary,D as default};
 //# sourceMappingURL=DetailsDisclosure.js.map