@alto-avios/alto-ui 4.0.0 → 4.1.1

package/dist/TabPanel-DNAQ5FkE.js

@@ -0,0 +1,49 @@
+import { jsx } from "react/jsx-runtime";
+import { TabPanel as TabPanel$1 } from "react-aria-components";
+import './assets/TabPanel.css';const tabs = "_tabs_4rgdj_1";
+const tab = "_tab_4rgdj_1";
+const tabText = "_tabText_4rgdj_18";
+const tabList = "_tabList_4rgdj_32";
+const fillContainer = "_fillContainer_4rgdj_38";
+const contained = "_contained_4rgdj_39";
+const alignStart = "_alignStart_4rgdj_48";
+const alignCenter = "_alignCenter_4rgdj_52";
+const line = "_line_4rgdj_99";
+const pill = "_pill_4rgdj_151";
+const heading = "_heading_4rgdj_196";
+const tabPanel = "_tabPanel_4rgdj_242";
+const tabListContainer = "_tabListContainer_4rgdj_255";
+const scrollButtonPrev = "_scrollButtonPrev_4rgdj_268";
+const scrollButtonNext = "_scrollButtonNext_4rgdj_269";
+const hasScrollButtons = "_hasScrollButtons_4rgdj_335";
+const styles = {
+  tabs,
+  tab,
+  tabText,
+  tabList,
+  fillContainer,
+  contained,
+  alignStart,
+  alignCenter,
+  line,
+  pill,
+  heading,
+  tabPanel,
+  tabListContainer,
+  scrollButtonPrev,
+  scrollButtonNext,
+  hasScrollButtons
+};
+const TabPanel = ({
+  id,
+  children,
+  className
+}) => {
+  const combinedClassName = className ? `${styles.tabPanel} ${className}` : styles.tabPanel;
+  return /* @__PURE__ */ jsx(TabPanel$1, { id: String(id), className: combinedClassName, children });
+};
+export {
+  TabPanel as T,
+  styles as s
+};
+//# sourceMappingURL=TabPanel-DNAQ5FkE.js.map

package/dist/TabPanel-DNAQ5FkE.js.map

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

package/dist/assets/CarouselButton.css

@@ -1 +1 @@
-._arrowContainer_f9nx_1{background:none;border:none;box-shadow:none!important;outline:none!important;padding:0;pointer-events:auto;position:relative;z-index:2}._arrowContainer_f9nx_1:focus,._arrowContainer_f9nx_1:focus-visible{box-shadow:none!important;outline:none!important}._iconButton_f9nx_20{align-items:center;display:flex;justify-content:center}._arrowContainer_f9nx_1._hideDisabledArrow_f9nx_26[aria-disabled=true]{display:none}._arrowContainer_f9nx_1._neutral_f9nx_32 ._iconButton_f9nx_20[data-focused=true],._arrowContainer_f9nx_1._neutral_f9nx_32 ._iconButton_f9nx_20[data-parent-hovered=true]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._arrowContainer_f9nx_1:not([aria-disabled]) ._neutral_f9nx_32 ._iconButton_f9nx_20[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active)}._arrowContainer_f9nx_1._white_f9nx_44 ._iconButton_f9nx_20{background-color:transparent;border:none;border-radius:0}._arrowContainer_f9nx_1._white_f9nx_44:not([aria-disabled]) ._iconButton_f9nx_20[data-focused=true],._arrowContainer_f9nx_1._white_f9nx_44:not([aria-disabled]) ._iconButton_f9nx_20[data-parent-hovered=true]{background-color:var(--alto-sem-color-overlay-state-lighten-hover)}._arrowContainer_f9nx_1._white_f9nx_44:not([aria-disabled]) ._iconButton_f9nx_20[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-lighten-active)}._arrowContainer_f9nx_1._shapeFlat_f9nx_62:not([aria-disabled]) ._iconButton_f9nx_20{background-color:var(--alto-sem-color-bg-white-vibrant-default)}._arrowContainer_f9nx_1._shapeFlat_f9nx_62:not([aria-disabled]) ._iconButton_f9nx_20[data-parent-pressed=true]{background-color:var(--alto-sem-color-bg-white-vibrant-active)}._arrowContainer_f9nx_1._shapeElevated_f9nx_72:not([aria-disabled]) ._iconButton_f9nx_20{background-color:var(--alto-sem-color-bg-white-vibrant-default);box-shadow:0 11.4px 9.12px #2f2a850d,0 2.59px 4.4px #2f2a850d,0 6.99px 18.18px #2f2a8514}._arrowContainer_f9nx_1._shapeElevated_f9nx_72:not([aria-disabled]) ._iconButton_f9nx_20[data-focused=true],._arrowContainer_f9nx_1._shapeElevated_f9nx_72:not([aria-disabled]) ._iconButton_f9nx_20[data-parent-hovered=true]{background-color:var(--alto-sem-color-bg-white-vibrant-hover)}._arrowContainer_f9nx_1._shapeElevated_f9nx_72:not([aria-disabled]) ._iconButton_f9nx_20[data-parent-pressed=true]{background-color:var(--alto-sem-color-bg-white-vibrant-active)}._arrowContainer_f9nx_1._gradient_f9nx_93:not([aria-disabled]) ._iconButton_f9nx_20{background:linear-gradient(90deg,#fefefe 50%,#fff0);border:none;border-radius:0;height:100%}._arrowContainer_f9nx_1._gradient_f9nx_93._next_f9nx_100:not([aria-disabled]) ._iconButton_f9nx_20{background:linear-gradient(90deg,#fff0,#fefefe 50%)}._arrowContainer_f9nx_1._gradient_f9nx_93:not([aria-disabled]) ._iconButton_f9nx_20[data-focused=true],._arrowContainer_f9nx_1._gradient_f9nx_93:not([aria-disabled]) ._iconButton_f9nx_20[data-parent-hovered=true]{background:linear-gradient(90deg,#fefefe 50%,#fff0);color:var(--alto-sem-color-fg-accent-primary)}._arrowContainer_f9nx_1._gradient_f9nx_93._next_f9nx_100:not([aria-disabled]) ._iconButton_f9nx_20[data-focused=true],._arrowContainer_f9nx_1._gradient_f9nx_93._next_f9nx_100:not([aria-disabled]) ._iconButton_f9nx_20[data-parent-hovered=true]{background:linear-gradient(90deg,#fff0,#fefefe 50%);color:var(--alto-sem-color-fg-accent-primary)}._arrowContainer_f9nx_1._gradient_f9nx_93:not([aria-disabled]) ._iconButton_f9nx_20[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-lighten-active)}._arrowContainer_f9nx_1._gradient_f9nx_93:not([aria-disabled]) ._iconButton_f9nx_20[data-focused],._arrowContainer_f9nx_1._white_f9nx_44:not([aria-disabled]) ._iconButton_f9nx_20{outline-offset:var(--alto-sem-border-width-none)}._arrowContainer_f9nx_1[aria-disabled] ._iconButton_f9nx_20{background-color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;opacity:var(--alto-sem-opacity-30)}._arrowContainer_f9nx_1._fullHeight_f9nx_137{align-items:center;bottom:0;cursor:pointer;display:flex;height:100%;top:0;transform:none}._arrowContainer_f9nx_1._fullHeight_f9nx_137._prev_f9nx_148{justify-content:flex-start;left:0}._arrowContainer_f9nx_1._fullHeight_f9nx_137._next_f9nx_100{justify-content:flex-end;right:0}._arrowContainer_f9nx_1._fullHeight_f9nx_137 ._iconButton_f9nx_20{border:none!important;box-shadow:none!important;outline:none!important;position:relative;z-index:2}._arrowContainer_f9nx_1._fullHeight_f9nx_137 ._iconButton_f9nx_20:focus,._arrowContainer_f9nx_1._fullHeight_f9nx_137 ._iconButton_f9nx_20:focus-visible,._arrowContainer_f9nx_1._fullHeight_f9nx_137 ._iconButton_f9nx_20[data-focus-visible=true],._arrowContainer_f9nx_1._fullHeight_f9nx_137 ._iconButton_f9nx_20[data-focused=true]{border:none!important;box-shadow:none!important;outline:none!important}._arrowContainer_f9nx_1:not(._fullHeight_f9nx_137){box-shadow:none!important;outline:none!important}._arrowContainer_f9nx_1:not(._fullHeight_f9nx_137):focus,._arrowContainer_f9nx_1:not(._fullHeight_f9nx_137):focus-visible{box-shadow:none!important;outline:none!important}
+._arrowContainer_1j6wm_1{background:none;border:none;box-shadow:none!important;outline:none!important;padding:0;pointer-events:auto;position:relative;z-index:2}._arrowContainer_1j6wm_1:focus,._arrowContainer_1j6wm_1:focus-visible{box-shadow:none!important;outline:none!important}._iconButton_1j6wm_20{align-items:center;display:flex;justify-content:center}._arrowContainer_1j6wm_1._hideDisabledArrow_1j6wm_26[aria-disabled=true]{display:none}._arrowContainer_1j6wm_1._neutral_1j6wm_32 ._iconButton_1j6wm_20[data-focused=true],._arrowContainer_1j6wm_1._neutral_1j6wm_32 ._iconButton_1j6wm_20[data-parent-hovered=true]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._arrowContainer_1j6wm_1:not([aria-disabled]) ._neutral_1j6wm_32 ._iconButton_1j6wm_20[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active)}._arrowContainer_1j6wm_1._white_1j6wm_44 ._iconButton_1j6wm_20{background-color:transparent;border:none;border-radius:0}._arrowContainer_1j6wm_1._white_1j6wm_44:not([aria-disabled]) ._iconButton_1j6wm_20[data-focused=true],._arrowContainer_1j6wm_1._white_1j6wm_44:not([aria-disabled]) ._iconButton_1j6wm_20[data-parent-hovered=true]{background-color:var(--alto-sem-color-overlay-state-lighten-hover)}._arrowContainer_1j6wm_1._white_1j6wm_44:not([aria-disabled]) ._iconButton_1j6wm_20[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-lighten-active)}._arrowContainer_1j6wm_1._shapeFlat_1j6wm_62 ._iconButton_1j6wm_20{border-radius:var(--alto-sem-radius-circle)}._arrowContainer_1j6wm_1._shapeFlat_1j6wm_62:not([aria-disabled]) ._iconButton_1j6wm_20{background-color:var(--alto-sem-color-bg-white-vibrant-default)}._arrowContainer_1j6wm_1._shapeFlat_1j6wm_62:not([aria-disabled]) ._iconButton_1j6wm_20[data-parent-pressed=true]{background-color:var(--alto-sem-color-bg-white-vibrant-active)}._arrowContainer_1j6wm_1._shapeElevated_1j6wm_75 ._iconButton_1j6wm_20{border-radius:var(--alto-sem-radius-circle)}._arrowContainer_1j6wm_1._shapeElevated_1j6wm_75:not([aria-disabled]) ._iconButton_1j6wm_20{background-color:var(--alto-sem-color-bg-white-vibrant-default);box-shadow:0 11.4px 9.12px #2f2a850d,0 2.59px 4.4px #2f2a850d,0 6.99px 18.18px #2f2a8514}._arrowContainer_1j6wm_1._shapeElevated_1j6wm_75:not([aria-disabled]) ._iconButton_1j6wm_20[data-focused=true],._arrowContainer_1j6wm_1._shapeElevated_1j6wm_75:not([aria-disabled]) ._iconButton_1j6wm_20[data-parent-hovered=true]{background-color:var(--alto-sem-color-bg-white-vibrant-hover)}._arrowContainer_1j6wm_1._shapeElevated_1j6wm_75:not([aria-disabled]) ._iconButton_1j6wm_20[data-parent-pressed=true]{background-color:var(--alto-sem-color-bg-white-vibrant-active)}._arrowContainer_1j6wm_1._gradient_1j6wm_99:not([aria-disabled]) ._iconButton_1j6wm_20{background:linear-gradient(90deg,#fefefe 50%,#fff0);border:none;border-radius:0;height:100%}._arrowContainer_1j6wm_1._gradient_1j6wm_99._next_1j6wm_106:not([aria-disabled]) ._iconButton_1j6wm_20{background:linear-gradient(90deg,#fff0,#fefefe 50%)}._arrowContainer_1j6wm_1._gradient_1j6wm_99:not([aria-disabled]) ._iconButton_1j6wm_20[data-focused=true],._arrowContainer_1j6wm_1._gradient_1j6wm_99:not([aria-disabled]) ._iconButton_1j6wm_20[data-parent-hovered=true]{background:linear-gradient(90deg,#fefefe 50%,#fff0);color:var(--alto-sem-color-fg-accent-primary);outline-offset:-2px}._arrowContainer_1j6wm_1._gradient_1j6wm_99._next_1j6wm_106:not([aria-disabled]) ._iconButton_1j6wm_20[data-focused=true],._arrowContainer_1j6wm_1._gradient_1j6wm_99._next_1j6wm_106:not([aria-disabled]) ._iconButton_1j6wm_20[data-parent-hovered=true]{background:linear-gradient(90deg,#fff0,#fefefe 50%);color:var(--alto-sem-color-fg-accent-primary);outline-offset:-2px}._arrowContainer_1j6wm_1._gradient_1j6wm_99:not([aria-disabled]) ._iconButton_1j6wm_20[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-lighten-active)}._arrowContainer_1j6wm_1[aria-disabled] ._iconButton_1j6wm_20{background-color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;opacity:var(--alto-sem-opacity-30)}._arrowContainer_1j6wm_1._fullHeight_1j6wm_140{align-items:center;bottom:0;cursor:pointer;display:flex;height:100%;top:0;transform:none}._arrowContainer_1j6wm_1._fullHeight_1j6wm_140._prev_1j6wm_151{justify-content:flex-start;left:0}._arrowContainer_1j6wm_1._fullHeight_1j6wm_140._next_1j6wm_106{justify-content:flex-end;right:0}._arrowContainer_1j6wm_1._fullHeight_1j6wm_140 ._iconButton_1j6wm_20{position:relative;z-index:2}

package/dist/assets/SelectCard.css

@@ -1 +1 @@
-._select-card_dir9q_1{align-items:flex-start;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,12px);cursor:pointer;display:flex;flex-direction:column;gap:var(--alto-sem-space-xs);justify-content:center;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:-webkit-fill-available}._select-card_dir9q_1[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover)}._select-card_dir9q_1[data-pressed]{background:var(--alto-sem-color-bg-layer2-active)}._select-card_dir9q_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card__header_dir9q_30{align-items:center;display:flex;gap:var(--alto-sem-space-xs);width:100%}._select-card_dir9q_1[data-disabled] ._select-card__start-slot_dir9q_38{opacity:.5}._select-card__label-title_dir9q_43{color:var(--alto-sem-color-fg-primary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:var(--alto-sem-text-heading-lg-font-weight);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);margin:0;text-align:left}._select-card_dir9q_1[data-disabled] ._select-card__label-title_dir9q_43{color:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__label_dir9q_43{display:flex;flex:0 1 auto;flex-direction:column;width:100%}._select-card__end-slot_dir9q_67{align-items:center;display:flex;flex:0 0 auto;justify-content:center}._select-card_dir9q_1[data-disabled] ._select-card__end-slot_dir9q_67{opacity:.5}._select-card__body_dir9q_79{display:flex;width:-webkit-fill-available}._select-card_dir9q_1[data-disabled] ._select-card__body_dir9q_79{opacity:.5}._select-card_dir9q_1:not([data-selected]) ._select-card__details_dir9q_90{display:none}._select-card_dir9q_1[data-selected] ._select-card__details_dir9q_90{display:flex;width:-webkit-fill-available}._select-card_dir9q_1[data-disabled] ._select-card__details_dir9q_90{display:none}._select-card__checkbox_dir9q_104 ._checkboxSvgWrapper_dir9q_104{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-checkbox-radius);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:1.5rem;justify-content:center;width:1.5rem}._select-card_dir9q_1 ._svg_dir9q_118{height:1rem;width:1rem;fill:none;stroke:var(--alto-sem-color-fg-accent-on-vibrant);stroke-width:3px;stroke-dasharray:22px;stroke-dashoffset:66;transition:all .2s}._select-card__checkbox_dir9q_104[data-selected] ._checkboxSvgWrapper_dir9q_104{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._select-card__checkbox_dir9q_104[data-selected][data-hovered] ._checkboxSvgWrapper_dir9q_104{background:var(--alto-sem-color-bg-accent-vibrant-hover);border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__checkbox_dir9q_104[data-selected][data-pressed] ._checkboxSvgWrapper_dir9q_104{background:var(--alto-sem-color-bg-accent-vibrant-active);border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__checkbox_dir9q_104[data-selected] ._svg_dir9q_118{stroke-dashoffset:44}._select-card__checkbox_dir9q_104[data-hovered] ._checkboxSvgWrapper_dir9q_104{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__checkbox_dir9q_104[data-pressed] ._checkboxSvgWrapper_dir9q_104{border-color:var(--alto-sem-color-border-primary-active)}._select-card__checkbox_dir9q_104[data-focus-visible] ._checkboxSvgWrapper_dir9q_104{outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._select-card_dir9q_1[data-disabled] ._checkboxSvgWrapper_dir9q_104{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card_dir9q_1[data-disabled][data-selected] ._checkboxSvgWrapper_dir9q_104{border-color:transparent}._select-card_dir9q_1[data-disabled] ._svg_dir9q_118{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__radio_dir9q_183 ._select-card__header_dir9q_30:before{background-color:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);box-sizing:border-box;content:"";display:block;flex-shrink:0;height:1.5rem;transition:all .2s;width:1.5rem}._select-card__radio_dir9q_183[data-hovered] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__radio_dir9q_183[data-focus-visible] ._select-card__header_dir9q_30:before{outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md);transition:none}._select-card__radio_dir9q_183[data-pressed] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-border-primary-active)}._select-card__radio_dir9q_183[data-selected] ._select-card__header_dir9q_30:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-accent-vibrant-default);border-width:.5rem;box-shadow:0 0 0 1px var(--alto-sem-color-border-white)}._select-card__radio_dir9q_183[data-selected][data-hovered] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__radio_dir9q_183[data-selected][data-focused] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__radio_dir9q_183[data-selected][data-focus-visible] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__radio_dir9q_183[data-selected][data-pressed] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__radio_dir9q_183[data-invalid] ._select-card__header_dir9q_30:before{background:var(--alto-sem-color-bg-critical-subtle-default);border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical);border-radius:var(--alto-sem-radius-circle)}._select-card__radio_dir9q_183[data-invalid][data-hovered] ._select-card__header_dir9q_30:before{background-color:var(--alto-sem-color-bg-tertiary-hover);border-color:var(--alto-sem-color-border-critical)}._select-card__radio_dir9q_183[data-invalid][data-focused] ._select-card__header_dir9q_30:before{border-color:var(--alto-sem-color-border-critical)}._select-card__radio_dir9q_183[data-invalid][data-focus-visible] ._select-card__header_dir9q_30:before,._select-card__radio_dir9q_183[data-invalid][data-pressed] ._select-card__header_dir9q_30:before{background-color:var(--alto-sem-color-bg-tertiary-active);border-color:var(--alto-sem-color-border-critical)}._select-card__radio_dir9q_183[data-invalid][data-selected] ._select-card__header_dir9q_30:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-critical-vibrant-default);border-width:.5rem}._select-card__radio_dir9q_183[data-disabled] ._select-card__header_dir9q_30:before{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);border-radius:var(--alto-sem-radius-circle)}._select-card__radio_dir9q_183[data-disabled][data-selected] ._select-card__header_dir9q_30:before{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-bg-disabled-subtle);border-width:.5rem}
+._select-card_1xxiy_1{align-items:flex-start;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,12px);cursor:pointer;display:flex;flex-direction:column;gap:var(--alto-sem-space-xs);justify-content:center;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:-webkit-fill-available}._select-card_1xxiy_1[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover)}._select-card_1xxiy_1[data-pressed]{background:var(--alto-sem-color-bg-layer2-active)}._select-card_1xxiy_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card_1xxiy_1[data-focus-visible],._select-card_1xxiy_1[data-selected][data-select-control=false]{border-color:var(--alto-sem-color-border-accent)}._select-card_1xxiy_1[data-focus-visible]{outline-color:var(--alto-sem-color-border-accent);outline-offset:0;outline-style:solid;outline-width:var(--alto-sem-border-width-sm)}._select-card_1xxiy_1[data-focus-visible][data-selected]{outline-width:var(--alto-sem-border-width-lg)}._select-card__header_1xxiy_46{align-items:center;display:flex;gap:var(--alto-sem-space-xs);width:100%}._select-card__header_1xxiy_46[data-select-control=false]>._checkboxSvgWrapper_1xxiy_53{display:none}._select-card_1xxiy_1[data-disabled] ._select-card__start-slot_1xxiy_58{opacity:.5}._select-card__label-title_1xxiy_63{color:var(--alto-sem-color-fg-primary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:var(--alto-sem-text-heading-lg-font-weight);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);margin:0;text-align:left}._select-card_1xxiy_1[data-disabled] ._select-card__label-title_1xxiy_63{color:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__label_1xxiy_63{display:flex;flex:0 1 auto;flex-direction:column;width:100%}._select-card__end-slot_1xxiy_87{align-items:center;display:flex;flex:0 0 auto;justify-content:center}._select-card_1xxiy_1[data-disabled] ._select-card__end-slot_1xxiy_87{opacity:.5}._select-card__body_1xxiy_99{display:flex;width:-webkit-fill-available}._select-card_1xxiy_1[data-disabled] ._select-card__body_1xxiy_99{opacity:.5}._select-card_1xxiy_1:not([data-selected]) ._select-card__details_1xxiy_110{display:none}._select-card_1xxiy_1[data-selected] ._select-card__details_1xxiy_110{display:flex;width:-webkit-fill-available}._select-card_1xxiy_1[data-disabled] ._select-card__details_1xxiy_110{display:none}._select-card__checkbox_1xxiy_124 ._checkboxSvgWrapper_1xxiy_53{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-checkbox-radius);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:1.5rem;justify-content:center;width:1.5rem}._select-card_1xxiy_1 ._svg_1xxiy_138{height:1rem;width:1rem;fill:none;stroke:var(--alto-sem-color-fg-accent-on-vibrant);stroke-width:3px;stroke-dasharray:22px;stroke-dashoffset:66;transition:all .2s}._select-card__checkbox_1xxiy_124[data-selected] ._checkboxSvgWrapper_1xxiy_53{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._select-card__checkbox_1xxiy_124[data-selected][data-hovered] ._checkboxSvgWrapper_1xxiy_53{background:var(--alto-sem-color-bg-accent-vibrant-hover);border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__checkbox_1xxiy_124[data-selected][data-pressed] ._checkboxSvgWrapper_1xxiy_53{background:var(--alto-sem-color-bg-accent-vibrant-active);border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__checkbox_1xxiy_124[data-selected] ._svg_1xxiy_138{stroke-dashoffset:44}._select-card__checkbox_1xxiy_124[data-hovered] ._checkboxSvgWrapper_1xxiy_53{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__checkbox_1xxiy_124[data-pressed] ._checkboxSvgWrapper_1xxiy_53{border-color:var(--alto-sem-color-border-primary-active)}._select-card__checkbox_1xxiy_124[data-focus-visible][data-select-control=false] ._checkboxSvgWrapper_1xxiy_53{outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._select-card__checkbox_1xxiy_124[data-selected=true][data-select-control=false]{border-color:var(--alto-sem-color-border-accent)}._select-card_1xxiy_1[data-disabled] ._checkboxSvgWrapper_1xxiy_53{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card_1xxiy_1[data-disabled][data-selected] ._checkboxSvgWrapper_1xxiy_53{border-color:transparent}._select-card_1xxiy_1[data-disabled] ._svg_1xxiy_138{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__radio_1xxiy_208 ._select-card__header_1xxiy_46:before{background-color:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);box-sizing:border-box;content:"";display:block;flex-shrink:0;height:1.5rem;transition:all .2s;width:1.5rem}._select-card__radio_1xxiy_208[data-hovered] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__radio_1xxiy_208[data-focus-visible][data-select-control=false] ._select-card__header_1xxiy_46:before{outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md);transition:none}._select-card__radio_1xxiy_208[data-pressed] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-border-primary-active)}._select-card__radio_1xxiy_208[data-selected] ._select-card__header_1xxiy_46:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-accent-vibrant-default);border-width:.5rem;box-shadow:0 0 0 1px var(--alto-sem-color-border-white)}._select-card__radio_1xxiy_208[data-selected][data-hovered] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__radio_1xxiy_208[data-selected][data-focused] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__radio_1xxiy_208[data-selected][data-focus-visible] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__radio_1xxiy_208[data-selected][data-pressed] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__radio_1xxiy_208[data-invalid] ._select-card__header_1xxiy_46:before{background:var(--alto-sem-color-bg-critical-subtle-default);border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical);border-radius:var(--alto-sem-radius-circle)}._select-card__radio_1xxiy_208[data-invalid][data-hovered] ._select-card__header_1xxiy_46:before{background-color:var(--alto-sem-color-bg-tertiary-hover);border-color:var(--alto-sem-color-border-critical)}._select-card__radio_1xxiy_208[data-invalid][data-focused] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-border-critical)}._select-card__radio_1xxiy_208[data-invalid][data-focus-visible] ._select-card__header_1xxiy_46:before,._select-card__radio_1xxiy_208[data-invalid][data-pressed] ._select-card__header_1xxiy_46:before{background-color:var(--alto-sem-color-bg-tertiary-active);border-color:var(--alto-sem-color-border-critical)}._select-card__radio_1xxiy_208[data-invalid][data-selected] ._select-card__header_1xxiy_46:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-critical-vibrant-default);border-width:.5rem}._select-card__radio_1xxiy_208[data-disabled] ._select-card__header_1xxiy_46:before{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);border-radius:var(--alto-sem-radius-circle)}._select-card__radio_1xxiy_208[data-disabled][data-selected] ._select-card__header_1xxiy_46:before{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-bg-disabled-subtle);border-width:.5rem}

package/dist/assets/SelectNative.css

@@ -1 +1 @@
-._select_2fygw_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%}._selectInput_2fygw_10{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--alto-sem-color-bg-base);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' fill='none' viewBox='0 0 18 20'%3E%3Cpath fill='%234b4855' d='M9.586 19.492c-.352.274-.86.274-1.172 0l-6.25-5c-.43-.312-.469-.898-.156-1.328.312-.39.898-.469 1.328-.117L9 17.578l5.664-4.531a.89.89 0 0 1 1.29.117c.312.43.273 1.016-.157 1.328l-6.25 5zm6.25-13.945c.39.312.469.898.117 1.289-.312.43-.898.469-1.289.156L9 2.461 3.336 6.992c-.43.313-1.016.274-1.328-.156-.313-.39-.274-.977.156-1.29l6.25-5c.313-.273.82-.273 1.172 0z'/%3E%3C/svg%3E");background-position:right var(--alto-sem-space-sm) center;background-repeat:no-repeat;border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-input-radius);color:var(--alto-sem-color-fg-primary);cursor:pointer;font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm)}._selectInput_2fygw_10 option[value=""][disabled]{color:var(--alto-sem-color-fg-secondary)}._selectInput_2fygw_10:-moz-placeholder{color:var(--alto-sem-color-fg-secondary)}._selectInput_2fygw_10:placeholder-shown{color:var(--alto-sem-color-fg-secondary)}._select_2fygw_1[data-disabled] ._selectInput_2fygw_10{background-color:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._select_2fygw_1[data-invalid] ._selectInput_2fygw_10{border:2px solid var(--alto-sem-color-border-critical)}@-moz-document url-prefix(){._selectInput_2fygw_10{padding-right:var(--alto-sem-space-xl);text-indent:0;text-overflow:""}}
+._select_16vwh_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%}._selectInput_16vwh_10{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--alto-sem-color-bg-base);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' fill='none' viewBox='0 0 18 20'%3E%3Cpath fill='%234b4855' d='M9.586 19.492c-.352.274-.86.274-1.172 0l-6.25-5c-.43-.312-.469-.898-.156-1.328.312-.39.898-.469 1.328-.117L9 17.578l5.664-4.531a.89.89 0 0 1 1.29.117c.312.43.273 1.016-.157 1.328l-6.25 5zm6.25-13.945c.39.312.469.898.117 1.289-.312.43-.898.469-1.289.156L9 2.461 3.336 6.992c-.43.313-1.016.274-1.328-.156-.313-.39-.274-.977.156-1.29l6.25-5c.313-.273.82-.273 1.172 0z'/%3E%3C/svg%3E");background-position:right var(--alto-sem-space-sm) center;background-repeat:no-repeat;border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-input-radius);color:var(--alto-sem-color-fg-primary);cursor:pointer;font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm)}._selectInput_16vwh_10 option[value=""][disabled]{color:var(--alto-sem-color-fg-secondary)}._selectInput_16vwh_10:-moz-placeholder{color:var(--alto-sem-color-fg-secondary)}._selectInput_16vwh_10:placeholder-shown{color:var(--alto-sem-color-fg-secondary)}._select_16vwh_1[data-disabled] ._selectInput_16vwh_10{background-color:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._select_16vwh_1[data-invalid] ._selectInput_16vwh_10{border:2px solid var(--alto-sem-color-border-critical)}._selectInput_16vwh_10:focus-visible{outline:none}._selectInput_16vwh_10[data-focus-visible]{outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._selectInput_16vwh_10:hover{border:1px solid var(--alto-sem-color-border-primary-hover)}._selectInput_16vwh_10:active{border:1px solid var(--alto-sem-color-border-primary-active)}@-moz-document url-prefix(){._selectInput_16vwh_10{padding-right:var(--alto-sem-space-xl);text-indent:0;text-overflow:""}}

package/dist/assets/TabPanel.css

@@ -0,0 +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}

package/dist/assets/ToggleButton.css

@@ -1 +1 @@
-._toggleButton_1q059_1{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);max-height:48px;min-height:48px}._fa-spinner-third_1q059_21{height:1rem;width:1rem}._icon-wrapper_1q059_26{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}._sm_1q059_35{height:36px;min-height:36px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm)}._md_1q059_42,._sm_1q059_35{font-size:var(--alto-sem-text-label-md-font-size)}._md_1q059_42{min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md)}._lg_1q059_48{font-size:var(--alto-sem-text-label-lg-font-size);min-height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._lg_1q059_48 ._fa-spinner-third_1q059_21{height:1.25rem;width:1.25rem}._toggleButton_1q059_1[data-focused]{outline-color:var(--alto-sem-color-bg-accent-deep-active)}._toggleButton_1q059_1[data-pressed][data-focused]{outline:var(--alto-sem-color-bg-accent-deep-active) auto 1px}._toggleButton_1q059_1[data-disabled]{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:default}._toggleButton_1q059_1[data-selected]{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:transparent;color:var(--alto-sem-color-bg-layer2-default)}._toggleButton_1q059_1[data-selected][data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleButton_1q059_1[data-selected][data-pressed][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-active);outline:none}._toggleButton_1q059_1[data-selected][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleButton_1q059_1[data-selected][data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);border:none;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:none}
+._toggleButton_1bwka_1{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);max-height:48px;min-height:48px}._fa-spinner-third_1bwka_21{height:1rem;width:1rem}._icon-wrapper_1bwka_26{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}._sm_1bwka_35{height:36px;min-height:36px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm)}._md_1bwka_42,._sm_1bwka_35{font-size:var(--alto-sem-text-label-md-font-size)}._md_1bwka_42{min-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md)}._lg_1bwka_48{font-size:var(--alto-sem-text-label-lg-font-size);min-height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._lg_1bwka_48 ._fa-spinner-third_1bwka_21{height:1.25rem;width:1.25rem}._toggleButton_1bwka_1[data-focus-visible]{outline-color:var(--alto-sem-color-bg-accent-deep-active)}._toggleButton_1bwka_1[data-pressed][data-focus-visible]{outline:var(--alto-sem-color-bg-accent-deep-active) auto 1px}._toggleButton_1bwka_1[data-disabled]{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:default}._toggleButton_1bwka_1[data-selected]{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:transparent;color:var(--alto-sem-color-bg-layer2-default)}._toggleButton_1bwka_1[data-selected][data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleButton_1bwka_1[data-selected][data-pressed][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-active);outline:none}._toggleButton_1bwka_1[data-selected][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleButton_1bwka_1[data-selected][data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);border:none;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:none}

package/dist/assets/ToggleIconButton.css

@@ -1 +1 @@
-._toggleIconButton_1za7z_1{align-items:center;background:var(--alto-sem-color-bg-inverse-subtle-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing)}._sm_1za7z_26{font-size:16px;height:36px;width:36px}._md_1za7z_32{font-size:16px;height:48px;width:48px}._lg_1za7z_38{font-size:20px;height:55px;width:55px}._lg_1za7z_38 ._fa-spinner-third_1za7z_44{height:1.25rem;width:1.25rem}._toggleIconButton_1za7z_1[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._toggleIconButton_1za7z_1[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._toggleIconButton_1za7z_1[data-pressed][data-focused]{outline:var(--alto-sem-color-bg-accent-deep-active) auto 1px}._toggleIconButton_1za7z_1[data-disabled]{background:transparent;color:var(--alto-sem-color-fg-disabled-primary);cursor:default}._toggleIconButton_1za7z_1[data-selected]{background:var(--alto-sem-color-bg-accent-vibrant-default);color:var(--alto-sem-color-bg-layer2-default)}._toggleIconButton_1za7z_1[data-selected][data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleIconButton_1za7z_1[data-selected][data-pressed][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-active);outline:none}._toggleIconButton_1za7z_1[data-selected][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleIconButton_1za7z_1[data-selected][data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);border:none;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:none}._fa-spinner-third_1za7z_44{height:1rem;width:1rem}._icon-wrapper_1za7z_17{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
+._toggleIconButton_ze2lp_1{align-items:center;background:var(--alto-sem-color-bg-inverse-subtle-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-primary);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:500;justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing)}._sm_ze2lp_26{font-size:16px;height:36px;width:36px}._md_ze2lp_32{font-size:16px;height:48px;width:48px}._lg_ze2lp_38{font-size:20px;height:55px;width:55px}._lg_ze2lp_38 ._fa-spinner-third_ze2lp_44{height:1.25rem;width:1.25rem}._toggleIconButton_ze2lp_1[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._toggleIconButton_ze2lp_1[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._toggleIconButton_ze2lp_1[data-pressed][data-focus-visible]{outline:var(--alto-sem-color-bg-accent-deep-active) auto 1px}._toggleIconButton_ze2lp_1[data-disabled]{background:transparent;color:var(--alto-sem-color-fg-disabled-primary);cursor:default}._toggleIconButton_ze2lp_1[data-selected]{background:var(--alto-sem-color-bg-accent-vibrant-default);color:var(--alto-sem-color-bg-layer2-default)}._toggleIconButton_ze2lp_1[data-selected][data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleIconButton_ze2lp_1[data-selected][data-pressed][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-active);outline:none}._toggleIconButton_ze2lp_1[data-selected][data-focused]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._toggleIconButton_ze2lp_1[data-selected][data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);border:none;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:none}._fa-spinner-third_ze2lp_44{height:1rem;width:1rem}._icon-wrapper_ze2lp_17{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}

package/dist/components/Accordion/Accordion.d.ts

@@ -30,6 +30,6 @@ export interface AccordionGroupProps {
     /** Whether multiple accordions can be expanded at once */
     allowsMultipleExpanded?: boolean;
 }
-export declare const Accordion: ({ title, description, children, defaultExpanded, className, titleStart, titleEnd, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: ({ title, description, children, defaultExpanded, className, titleStart, titleEnd, id, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
 export declare const AccordionGroup: ({ title, description, children, className, allowsMultipleExpanded, }: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
 export default Accordion;

package/dist/components/Accordion/Accordion.js

@@ -38,9 +38,12 @@ const AccordionTrigger = ({
   title,
   description,
   titleStart: titleStart2,
-  titleEnd: titleEnd2
+  titleEnd: titleEnd2,
+  id
 }) => {
-  return /* @__PURE__ */ jsx(Button, { slot: "trigger", className: styles.trigger, children: /* @__PURE__ */ jsxs("span", { className: styles.buttonContent, children: [
+  return /* @__PURE__ */ jsx(Button, { slot: "trigger", className: styles.trigger, ...id ? {
+    id
+  } : {}, children: /* @__PURE__ */ jsxs("span", { className: styles.buttonContent, children: [
     /* @__PURE__ */ jsxs("span", { className: styles.titleContainer, children: [
       titleStart2 && /* @__PURE__ */ jsx("span", { className: styles.titleStart, children: titleStart2 }),
       /* @__PURE__ */ jsxs("div", { className: styles.titleWrapper, children: [
@@ -94,11 +97,12 @@ const Accordion = ({
   className,
   titleStart: titleStart2,
   titleEnd: titleEnd2,
+  id,
   ...props
 }) => {
   const accordionClasses = [styles.accordion, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs(Disclosure, { className: accordionClasses, defaultExpanded, ...props, children: [
-    /* @__PURE__ */ jsx(AccordionTrigger, { title, description, titleStart: titleStart2, titleEnd: titleEnd2 }),
+  return /* @__PURE__ */ jsxs(Disclosure, { className: accordionClasses, defaultExpanded, id, ...props, children: [
+    /* @__PURE__ */ jsx(AccordionTrigger, { title, description, titleStart: titleStart2, titleEnd: titleEnd2, id }),
     /* @__PURE__ */ jsx(AccordionPanel, { children })
   ] });
 };
@@ -122,10 +126,11 @@ const AccordionGroup = ({
       description
     ] }),
     /* @__PURE__ */ jsx(DisclosureGroup, { className: styles.accordionStack, allowsMultipleExpanded, defaultExpandedKeys, children: React__default.Children.map(children, (child, index) => {
+      var _a;
       if (React__default.isValidElement(child)) {
         return React__default.cloneElement(child, {
           key: `accordion-${index}`,
-          id: `accordion-${index}`
+          id: ((_a = child.props) == null ? void 0 : _a.id) || `accordion-${index}`
         });
       }
       return child;

package/dist/components/Accordion/Accordion.js.map

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

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

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 export interface CarouselButtonProps {
     /**
      * Direction of the button (prev or next)
@@ -23,6 +24,11 @@ export interface CarouselButtonProps {
      * @default false
      */
     hideDisabledArrow?: boolean;
+    /**
+     * Whether the button is disabled (for standalone use)
+     * @default false
+     */
+    isDisabled?: boolean;
     /**
      * Additional CSS class name for the button container
      */
@@ -35,10 +41,15 @@ export interface CarouselButtonProps {
      * Custom click handler for implementing custom navigation behavior
      */
     onClick?: () => void;
+    /**
+     * Whether to use standalone mode (outside carousel context)
+     * @default false
+     */
+    standalone?: boolean;
     /**
      * @private
      */
     iconType?: 'chevron';
 }
-export declare const CarouselButton: ({ dir, variant, size, focusStyle, hideDisabledArrow, iconType, className, buttonClassName, onClick, }: CarouselButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CarouselButton: React.ForwardRefExoticComponent<CarouselButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default CarouselButton;

package/dist/components/Carousel/CarouselButton/CarouselButton.js

@@ -1,20 +1,20 @@
 import { jsx } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
+import { forwardRef, useState, useRef, useEffect } from "react";
 import { e as CarouselButton$1, i as iconButtonStyles } from "../../../IconButton.module-4obqG6tY.js";
 import { useFocusRing } from "@react-aria/focus";
 import { focusStyleVariants } from "../../../utils/focus/focusStyles.js";
 import { Icon } from "../../Icon/Icon.js";
-import '../../../assets/CarouselButton.css';const arrowContainer = "_arrowContainer_f9nx_1";
-const iconButton = "_iconButton_f9nx_20";
-const hideDisabledArrow = "_hideDisabledArrow_f9nx_26";
-const neutral = "_neutral_f9nx_32";
-const white = "_white_f9nx_44";
-const shapeFlat = "_shapeFlat_f9nx_62";
-const shapeElevated = "_shapeElevated_f9nx_72";
-const gradient = "_gradient_f9nx_93";
-const next = "_next_f9nx_100";
-const fullHeight = "_fullHeight_f9nx_137";
-const prev = "_prev_f9nx_148";
+import '../../../assets/CarouselButton.css';const arrowContainer = "_arrowContainer_1j6wm_1";
+const iconButton = "_iconButton_1j6wm_20";
+const hideDisabledArrow = "_hideDisabledArrow_1j6wm_26";
+const neutral = "_neutral_1j6wm_32";
+const white = "_white_1j6wm_44";
+const shapeFlat = "_shapeFlat_1j6wm_62";
+const shapeElevated = "_shapeElevated_1j6wm_75";
+const gradient = "_gradient_1j6wm_99";
+const next = "_next_1j6wm_106";
+const fullHeight = "_fullHeight_1j6wm_140";
+const prev = "_prev_1j6wm_151";
 const styles = {
   arrowContainer,
   iconButton,
@@ -28,17 +28,19 @@ const styles = {
   fullHeight,
   prev
 };
-const CarouselButton = ({
+const CarouselButton = forwardRef(({
   dir,
   variant = "neutral",
   size = "md",
   focusStyle = "default",
   hideDisabledArrow: hideDisabledArrow2 = false,
+  isDisabled = false,
   iconType = "chevron",
   className = "",
   buttonClassName = "",
-  onClick
-}) => {
+  onClick,
+  standalone = false
+}, forwardedRef) => {
   const {
     isFocusVisible,
     focusProps,
@@ -47,20 +49,39 @@ const CarouselButton = ({
   const directionClass = dir === "prev" ? styles.prev : styles.next;
   const [isHovered, setIsHovered] = useState(false);
   const [isPressed, setIsPressed] = useState(false);
-  const [isDisabled, setIsDisabled] = useState(false);
+  const [carouselIsDisabled, setCarouselIsDisabled] = useState(false);
   const [shouldShowFocusRing, setShouldShowFocusRing] = useState(false);
-  const variantStyleClass = variant ? styles[variant] : "";
-  const shouldBeFullHeight = variant === "gradient";
+  const internalButtonRef = useRef(null);
   const buttonRef = useRef(null);
   useEffect(() => {
+    const setRefs = (element) => {
+      buttonRef.current = element;
+      internalButtonRef.current = element;
+      if (forwardedRef) {
+        if (typeof forwardedRef === "function") {
+          forwardedRef(element);
+        } else {
+          forwardedRef.current = element;
+        }
+      }
+    };
+    if (buttonRef.current) {
+      setRefs(buttonRef.current);
+    }
+  }, [forwardedRef]);
+  const variantStyleClass = variant ? styles[variant] || "" : "";
+  const shouldBeFullHeight = variant === "gradient";
+  const effectiveIsDisabled = standalone ? isDisabled : carouselIsDisabled;
+  useEffect(() => {
+    if (standalone) return;
     const element = buttonRef.current;
     if (!element) return;
-    setIsDisabled(element.getAttribute("aria-disabled") === "true");
+    setCarouselIsDisabled(element.getAttribute("aria-disabled") === "true");
     const observer = new MutationObserver((mutations) => {
       mutations.forEach((mutation) => {
         if (mutation.type === "attributes" && mutation.attributeName === "aria-disabled") {
           const isCurrentlyDisabled = element.getAttribute("aria-disabled") === "true";
-          setIsDisabled(isCurrentlyDisabled);
+          setCarouselIsDisabled(isCurrentlyDisabled);
           if (isCurrentlyDisabled) {
             setIsHovered(false);
             setIsPressed(false);
@@ -76,21 +97,23 @@ const CarouselButton = ({
     return () => {
       observer.disconnect();
     };
-  }, []);
+  }, [standalone]);
   useEffect(() => {
     if (!buttonRef.current) return;
     const element = buttonRef.current;
     const handleFocus = (e) => {
       if (e.target === element && isFocusVisible) {
         setShouldShowFocusRing(true);
-        const carouselContainer = element.closest('[role="region"][aria-roledescription="carousel"], .carouselWrapper');
-        if (carouselContainer) {
-          const siblingButtons = carouselContainer.querySelectorAll('[dir="prev"], [dir="next"]');
-          siblingButtons.forEach((button) => {
-            if (button !== element && button instanceof HTMLElement) {
-              button.dispatchEvent(new CustomEvent("carousel:hideFocus"));
-            }
-          });
+        if (!standalone) {
+          const carouselContainer = element.closest('[role="region"][aria-roledescription="carousel"], .carouselWrapper');
+          if (carouselContainer) {
+            const siblingButtons = carouselContainer.querySelectorAll('[dir="prev"], [dir="next"]');
+            siblingButtons.forEach((button) => {
+              if (button !== element && button instanceof HTMLElement) {
+                button.dispatchEvent(new CustomEvent("carousel:hideFocus"));
+              }
+            });
+          }
         }
       }
     };
@@ -108,7 +131,7 @@ const CarouselButton = ({
       element.removeEventListener("blur", handleBlur);
       element.removeEventListener("carousel:hideFocus", handleHideFocus);
     };
-  }, [isFocusVisible]);
+  }, [isFocusVisible, standalone]);
   useEffect(() => {
     if (!isFocusVisible) {
       setShouldShowFocusRing(false);
@@ -151,43 +174,93 @@ const CarouselButton = ({
     }) : "";
     return `${baseClass} ${sizeClass} ${emphasisClass} ${focusClass} ${buttonClassName || ""}`;
   };
-  const mouseEventHandlers = isDisabled ? {} : {
+  const mouseEventHandlers = effectiveIsDisabled ? {} : {
     onMouseEnter: () => setIsHovered(true),
     onMouseLeave: () => setIsHovered(false),
     onMouseDown: () => setIsPressed(true),
     onMouseUp: () => setIsPressed(false)
   };
   const handleClick = () => {
-    if (!isDisabled && onClick) {
+    if (!effectiveIsDisabled && onClick) {
       onClick();
     }
   };
   const handleKeyDown = (e) => {
+    if (standalone && effectiveIsDisabled) {
+      return;
+    }
     if (e.key === " " || e.key === "Enter") {
       e.preventDefault();
     }
   };
   const handleKeyUp = (e) => {
-    if ((e.key === " " || e.key === "Enter") && !isDisabled) {
+    if (standalone && effectiveIsDisabled) {
+      return;
+    }
+    if ((e.key === " " || e.key === "Enter") && !effectiveIsDisabled) {
       handleClick();
-      if (buttonRef.current) {
+      if (!standalone && buttonRef.current) {
         buttonRef.current.click();
       }
     }
   };
   const getTabIndex = () => {
-    if (isDisabled) {
+    if (standalone) {
+      return hideDisabledArrow2 && effectiveIsDisabled ? -1 : 0;
+    }
+    if (effectiveIsDisabled) {
       return -1;
     }
     return 0;
   };
   const getAriaLabel = () => {
     const action = dir === "prev" ? "Previous" : "Next";
-    const state = isDisabled ? ", unavailable" : "";
-    return `${action} slide${state}`;
+    const context = standalone ? "item" : "slide";
+    const state = effectiveIsDisabled ? ", unavailable" : "";
+    return `${action} ${context}${state}`;
   };
-  return /* @__PURE__ */ jsx(CarouselButton$1, { dir, className: `${styles.arrowContainer} ${directionClass} ${hideDisabledArrow2 ? styles.hideDisabledArrow : ""} ${variantStyleClass || ""} ${shouldBeFullHeight ? styles.fullHeight : ""} ${containerFocusClass} ${className || ""}`, ...focusProps, ...mouseEventHandlers, "data-hovered": !isDisabled && isHovered ? true : void 0, "data-pressed": !isDisabled && isPressed ? true : void 0, "data-disabled": isDisabled ? true : void 0, "data-focused": !isDisabled && isFocused ? true : void 0, "data-focus-visible": shouldShowFocusRing ? true : void 0, ref: buttonRef, tabIndex: getTabIndex(), onClick: handleClick, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, "aria-label": getAriaLabel(), role: "button", children: /* @__PURE__ */ jsx("div", { className: `${getButtonClasses()} ${styles.iconButton}`, "data-focused": !shouldBeFullHeight && !isDisabled && isFocused && shouldShowFocusRing ? true : void 0, "data-focus-visible": !shouldBeFullHeight && !isDisabled && shouldShowFocusRing ? true : void 0, "data-parent-hovered": !isDisabled && isHovered ? true : void 0, "data-parent-pressed": !isDisabled && isPressed ? true : void 0, "data-parent-disabled": isDisabled ? true : void 0, "aria-hidden": "true", children: /* @__PURE__ */ jsx(Icon, { iconName: `${iconType}-${dir === "prev" ? "left" : "right"}`, color: getIconColor(), iconSize: getIconSize(), "aria-hidden": "true" }) }) });
-};
+  const commonProps = {
+    className: `${styles.arrowContainer} ${directionClass} ${hideDisabledArrow2 ? styles.hideDisabledArrow : ""} ${variantStyleClass || ""} ${shouldBeFullHeight ? styles.fullHeight : ""} ${containerFocusClass} ${className || ""}`,
+    ...focusProps,
+    ...mouseEventHandlers,
+    "data-hovered": !effectiveIsDisabled && isHovered ? true : void 0,
+    "data-pressed": !effectiveIsDisabled && isPressed ? true : void 0,
+    "data-disabled": effectiveIsDisabled ? true : void 0,
+    "data-focused": !effectiveIsDisabled && isFocused ? true : void 0,
+    "data-focus-visible": shouldShowFocusRing ? true : void 0,
+    ref: buttonRef,
+    tabIndex: getTabIndex(),
+    onKeyDown: handleKeyDown,
+    onKeyUp: handleKeyUp,
+    "aria-label": getAriaLabel(),
+    role: "button"
+  };
+  const buttonContent = /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `${getButtonClasses()} ${styles.iconButton}`,
+      "data-focused": !effectiveIsDisabled && isFocused && shouldShowFocusRing ? true : void 0,
+      "data-focus-visible": !effectiveIsDisabled && shouldShowFocusRing ? true : void 0,
+      "data-parent-hovered": !effectiveIsDisabled && isHovered ? true : void 0,
+      "data-parent-pressed": !effectiveIsDisabled && isPressed ? true : void 0,
+      "data-parent-disabled": standalone ? void 0 : effectiveIsDisabled ? true : void 0,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx(Icon, { iconName: `${iconType}-${dir === "prev" ? "left" : "right"}`, color: getIconColor(), iconSize: getIconSize(), "aria-hidden": "true" })
+    }
+  );
+  if (standalone) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ...commonProps,
+        onClick: handleClick,
+        children: buttonContent
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(CarouselButton$1, { dir, ...commonProps, onClick: handleClick, children: buttonContent });
+});
+CarouselButton.displayName = "CarouselButton";
 export {
   CarouselButton,
   CarouselButton as default

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

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

package/dist/components/SelectCard/SelectCard.d.ts

@@ -12,6 +12,11 @@ export type SelectCardContextType = {
      * @default useId()
      */
     'aria-labelledby'?: string;
+    /**
+     * Show or hide the select control.
+     * @default true
+     */
+    hasSelectControl?: boolean;
 } & (({
     type?: 'checkbox';
 } & Omit<CheckboxProps, 'children' | 'focusStyle'>) | ({
@@ -31,7 +36,7 @@ export type SelectCardProps = SelectCardContextType & {
     children?: React.ReactNode;
 };
 declare const SelectCard: {
-    ({ children, type, ...contextProps }: SelectCardProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, type, hasSelectControl, ...contextProps }: SelectCardProps): import("react/jsx-runtime").JSX.Element;
     Header: ({ children }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
     StartSlot: ({ children }: SlotProps) => import("react/jsx-runtime").JSX.Element;
     EndSlot: ({ children }: SlotProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SelectCard/SelectCard.js

@@ -2,26 +2,27 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { createContext, useContext } from "react";
 import { Paragraph } from "../Paragraph/Paragraph.js";
 import { Checkbox, Radio } from "react-aria-components";
-import '../../assets/SelectCard.css';const checkboxSvgWrapper = "_checkboxSvgWrapper_dir9q_104";
-const svg = "_svg_dir9q_118";
+import '../../assets/SelectCard.css';const checkboxSvgWrapper = "_checkboxSvgWrapper_1xxiy_53";
+const svg = "_svg_1xxiy_138";
 const styles = {
-  "select-card": "_select-card_dir9q_1",
-  "select-card__header": "_select-card__header_dir9q_30",
-  "select-card__start-slot": "_select-card__start-slot_dir9q_38",
-  "select-card__label-title": "_select-card__label-title_dir9q_43",
-  "select-card__label": "_select-card__label_dir9q_43",
-  "select-card__end-slot": "_select-card__end-slot_dir9q_67",
-  "select-card__body": "_select-card__body_dir9q_79",
-  "select-card__details": "_select-card__details_dir9q_90",
-  "select-card__checkbox": "_select-card__checkbox_dir9q_104",
+  "select-card": "_select-card_1xxiy_1",
+  "select-card__header": "_select-card__header_1xxiy_46",
   checkboxSvgWrapper,
+  "select-card__start-slot": "_select-card__start-slot_1xxiy_58",
+  "select-card__label-title": "_select-card__label-title_1xxiy_63",
+  "select-card__label": "_select-card__label_1xxiy_63",
+  "select-card__end-slot": "_select-card__end-slot_1xxiy_87",
+  "select-card__body": "_select-card__body_1xxiy_99",
+  "select-card__details": "_select-card__details_1xxiy_110",
+  "select-card__checkbox": "_select-card__checkbox_1xxiy_124",
   svg,
-  "select-card__radio": "_select-card__radio_dir9q_183"
+  "select-card__radio": "_select-card__radio_1xxiy_208"
 };
 const SelectCardContext = createContext({});
 const SelectCard = ({
   children,
   type = "checkbox",
+  hasSelectControl = true,
   ...contextProps
 }) => {
   const labelId = React__default.useId();
@@ -29,20 +30,22 @@ const SelectCard = ({
     return /* @__PURE__ */ jsx(SelectCardContext.Provider, { value: {
       type,
       "aria-labelledby": labelId,
+      hasSelectControl,
       ...contextProps
-    }, children: /* @__PURE__ */ jsx(Checkbox, { className: `${styles["select-card"]} ${styles["select-card__checkbox"]}`, ...contextProps, "aria-labelledby": labelId, children }) });
+    }, children: /* @__PURE__ */ jsx(Checkbox, { className: `${styles["select-card"]} ${styles["select-card__checkbox"]}`, ...contextProps, "aria-labelledby": labelId, "data-select-control": hasSelectControl, children }) });
   }
   return /* @__PURE__ */ jsx(SelectCardContext.Provider, { value: {
     "aria-labelledby": labelId,
+    hasSelectControl,
     ...contextProps
-  }, children: /* @__PURE__ */ jsx(Radio, { className: `${styles["select-card"]} ${styles["select-card__radio"]}`, ...contextProps, "aria-labelledby": labelId, children }) });
+  }, children: /* @__PURE__ */ jsx(Radio, { className: `${styles["select-card"]} ${styles["select-card__radio"]}`, ...contextProps, isDisabled: contextProps.isDisabled, "aria-labelledby": labelId, "data-select-control": hasSelectControl, children }) });
 };
 const Header = ({
   children
 }) => {
   const state = useContext(SelectCardContext);
   if ((state == null ? void 0 : state.type) === "checkbox") {
-    return /* @__PURE__ */ jsxs("div", { className: styles["select-card__header"], children: [
+    return /* @__PURE__ */ jsxs("div", { className: styles["select-card__header"], "data-select-control": state == null ? void 0 : state.hasSelectControl, children: [
       /* @__PURE__ */ jsx("div", { className: `${styles.checkboxSvgWrapper}`, "data-disabled": state == null ? void 0 : state.isDisabled, children: /* @__PURE__ */ jsx("svg", { className: styles.svg, viewBox: "0 0 18 18", "aria-hidden": "true", children: (state == null ? void 0 : state.isIndeterminate) ? /* @__PURE__ */ jsx("rect", { x: 1, y: 7.5, width: 15, height: 3 }) : /* @__PURE__ */ jsx("polyline", { points: "1 9 7 14 15 4" }) }) }),
       children
     ] });

package/dist/components/SelectCard/SelectCard.js.map

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