@primer/react-brand 0.68.0-rc.0963e67e → 0.68.0-rc.20c2136f

package/esm/river/RiverAccordion/RiverAccordion.module-nlZZH3O7.css

@@ -0,0 +1 @@
+.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB{grid-gap:0;grid-template:"visual""accordion"/1fr;gap:0;display:grid;position:relative}@media (width>=48rem){.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB{--gap-width:var(--brand-Grid-spacing-column-gap);--column-and-gap-width:calc((100% + var(--gap-width)) / 12);--4-grid-columns:calc(4 * var(--column-and-gap-width));--7-grid-columns-minus-last-gap:calc((7 * var(--column-and-gap-width)) - var(--gap-width));gap:var(--column-and-gap-width);grid-template-rows:auto}.Primer_Brand__RiverAccordion-module__RiverAccordion__align-start___wbXB3{grid-template-columns:var(--4-grid-columns) var(--7-grid-columns-minus-last-gap);grid-template-areas:"accordion visual"}.Primer_Brand__RiverAccordion-module__RiverAccordion__align-end___Zq4qJ{grid-template-columns:var(--7-grid-columns-minus-last-gap) var(--4-grid-columns);grid-template-areas:"visual accordion"}}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4{padding-inline:var(--brand-RiverAccordion-variant-gridline-spacing-outerInline);padding-block:var(--brand-RiverAccordion-variant-gridline-spacing-outerBlock);position:relative}@media (width>=48rem){.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4{--gap-width:var(--brand-RiverAccordion-variant-gridline-spacing-contentGap);--half-column:calc(50% - var(--gap-width) / 2);gap:var(--gap-width);align-items:center}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4.Primer_Brand__RiverAccordion-module__RiverAccordion__align-start___wbXB3{grid-template-columns:var(--half-column) var(--half-column);grid-template-areas:"accordion visual"}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4.Primer_Brand__RiverAccordion-module__RiverAccordion__align-end___Zq4qJ{grid-template-columns:var(--half-column) var(--half-column);grid-template-areas:"visual accordion"}}@media (width>=80rem){.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6{border-radius:var(--brand-borderRadius-medium)}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx{margin-inline:calc(-1 * var(--brand-RiverAccordion-variant-gridline-spacing-outerInline));margin-block-start:calc(-1 * var(--brand-RiverAccordion-variant-gridline-spacing-outerBlock))}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB){border-radius:0}.Primer_Brand__RiverAccordion-module__RiverAccordion__accordionContainer___a80ds{grid-area:accordion}.Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx{grid-area:visual}.Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6{border-radius:var(--brand-borderRadius-xlarge);grid-template-columns:subgrid;grid-template-rows:subgrid;width:100%;display:grid;overflow:hidden}.Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob{opacity:0;width:100%;height:100%;transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default), scale var(--brand-animation-duration-default) var(--brand-animation-easing-default);grid-area:1/1;align-items:center;display:flex;scale:1.05}.Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob>*{border-radius:var(--brand-borderRadius-xlarge);-o-object-fit:contain;object-fit:contain;width:100%;height:auto;display:block;overflow:hidden}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob>*{border-radius:var(--brand-borderRadius-medium)}.Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob img,.Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob picture,.Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob video{border-radius:inherit;-o-object-fit:contain;object-fit:contain;width:100%;height:auto;display:block}.Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob>* img,.Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob>* video{border-radius:inherit;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB{padding:var(--base-size-32);background:var(--brand-RiverAccordion-visual-background,var(--brand-color-canvas-subtle));justify-content:center;align-items:center;display:flex}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB>*{border-radius:var(--brand-borderRadius-large);justify-content:center;align-items:center;max-width:100%;height:auto;display:flex}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB img,.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB picture,.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB video{border-radius:var(--brand-borderRadius-large);max-width:100%;height:100%}@media (width>=48rem){.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB){grid-template-columns:1fr 1fr;align-items:stretch;gap:0;padding:0}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB) .Primer_Brand__RiverAccordion-module__RiverAccordion__accordionContainer___a80ds{padding:var(--brand-RiverAccordion-variant-gridline-spacing-outerBlock) var(--brand-RiverAccordion-variant-gridline-spacing-outerInline);flex-direction:column;justify-content:center;display:flex}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4.Primer_Brand__RiverAccordion-module__RiverAccordion__align-start___wbXB3:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB) .Primer_Brand__RiverAccordion-module__RiverAccordion__accordionContainer___a80ds{padding-inline-end:var(--brand-RiverAccordion-variant-gridline-spacing-contentGap)}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4.Primer_Brand__RiverAccordion-module__RiverAccordion__align-end___Zq4qJ:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB) .Primer_Brand__RiverAccordion-module__RiverAccordion__accordionContainer___a80ds{padding-inline-start:var(--brand-RiverAccordion-variant-gridline-spacing-contentGap)}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx{margin:0}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB){height:100%}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB{padding:var(--base-size-64);justify-content:center;align-items:center}.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB>*,.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB img,.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB picture,.Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4 .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6>.Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB video{border-radius:var(--brand-borderRadius-large)}}:is(.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2:first-child) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:first-child,.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2:nth-child(2)) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:nth-child(2),.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2:nth-child(3)) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:nth-child(3),.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2:nth-child(4)) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:nth-child(4),.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2:nth-child(5)) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:nth-child(5),.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2:nth-child(6)) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:nth-child(6),.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2:nth-child(7)) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:nth-child(7),.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2:nth-child(8)) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:nth-child(8),.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2:nth-child(9)) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:nth-child(9),.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2:nth-child(10)) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:nth-child(10),.Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB:not(:has(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2)) .Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob:first-child){opacity:1;z-index:1;scale:1}.Primer_Brand__RiverAccordion-module__RiverAccordion__accordionContainer___a80ds .Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob{clip:rect(0, 0, 0, 0);word-wrap:normal;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.Primer_Brand__RiverAccordion-module__RiverAccordion__item___SheMX{border-bottom:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-block-start:var(--base-size-32);position:relative}.Primer_Brand__RiverAccordion-module__RiverAccordion__item___SheMX:not(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2) .Primer_Brand__RiverAccordion-module__RiverAccordion__heading___O56M6{color:var(--brand-color-text-muted)}.Primer_Brand__RiverAccordion-module__RiverAccordion__trigger___1RM50{color:inherit;cursor:pointer;font:inherit;text-align:left;width:100%;padding:0;padding:var(--base-size-4);margin:0;margin:calc(var(--base-size-4) * -1);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2 .Primer_Brand__RiverAccordion-module__RiverAccordion__trigger___1RM50{cursor:auto;cursor:initial}.Primer_Brand__RiverAccordion-module__RiverAccordion__item___SheMX:not(.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2) .Primer_Brand__RiverAccordion-module__RiverAccordion__trigger___1RM50:after{content:"";width:100%;height:100%;display:block;position:absolute}.Primer_Brand__RiverAccordion-module__RiverAccordion__panel___Y4GUN{transition:grid-template-rows var(--brand-animation-duration-default) var(--brand-animation-easing-default), margin-block-start var(--brand-animation-duration-default) var(--brand-animation-easing-default), padding-block-end var(--brand-animation-duration-default) var(--brand-animation-easing-default);grid-template-rows:0fr;margin-block-start:var(--base-size-32);display:grid;overflow-y:clip}.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2 .Primer_Brand__RiverAccordion-module__RiverAccordion__panel___Y4GUN{grid-template-rows:1fr;margin-block-start:var(--base-size-12);padding-block-end:var(--base-size-32)}.Primer_Brand__RiverAccordion-module__RiverAccordion__content___87sh8{align-items:flex-start;gap:var(--base-size-20);flex-direction:column;min-height:0;display:flex}.Primer_Brand__RiverAccordion-module__RiverAccordion__icon___FMAZH{color:var(--brand-color-text-muted);flex-shrink:0;align-items:center;display:flex}.Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2 .Primer_Brand__RiverAccordion-module__RiverAccordion__icon___FMAZH{color:var(--brand-color-text-default)}

package/esm/river/RiverAccordion/RiverAccordion.module.js

@@ -1,11 +1,12 @@
-import './RiverAccordion.module-DrtqdEOQ.css';var e = {
+import './RiverAccordion.module-nlZZH3O7.css';var e = {
 	RiverAccordion: "Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB",
 	"RiverAccordion__align-start": "Primer_Brand__RiverAccordion-module__RiverAccordion__align-start___wbXB3",
 	"RiverAccordion__align-end": "Primer_Brand__RiverAccordion-module__RiverAccordion__align-end___Zq4qJ",
 	"RiverAccordion--variant-gridline": "Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4",
 	RiverAccordion__visualsWrapper: "Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6",
-	RiverAccordion__accordionContainer: "Primer_Brand__RiverAccordion-module__RiverAccordion__accordionContainer___a80ds",
+	"RiverAccordion__visual--has-background": "Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB",
 	RiverAccordion__visualsContainer: "Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx",
+	RiverAccordion__accordionContainer: "Primer_Brand__RiverAccordion-module__RiverAccordion__accordionContainer___a80ds",
 	RiverAccordion__visual: "Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob",
 	"RiverAccordion__item--open": "Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2",
 	RiverAccordion__item: "Primer_Brand__RiverAccordion-module__RiverAccordion__item___SheMX",

package/esm/river/RiverAccordion/RiverAccordion.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"RiverAccordion.module.js","names":[],"sources":["../../../src/river/RiverAccordion/RiverAccordion.module.css"],"sourcesContent":[".RiverAccordion {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: auto auto;\n  grid-template-areas:\n    'visual'\n    'accordion';\n  gap: 0;\n  position: relative;\n}\n\n@media (min-width: 48rem) {\n  .RiverAccordion {\n    --gap-width: var(--brand-Grid-spacing-column-gap);\n    --column-and-gap-width: calc((100% + var(--gap-width)) / 12);\n\n    --4-grid-columns: calc(4 * var(--column-and-gap-width));\n    --7-grid-columns-minus-last-gap: calc((7 * var(--column-and-gap-width)) - var(--gap-width));\n\n    grid-template-rows: auto;\n    gap: var(--column-and-gap-width);\n  }\n\n  .RiverAccordion__align-start {\n    grid-template-columns: var(--4-grid-columns) var(--7-grid-columns-minus-last-gap);\n    grid-template-areas: 'accordion visual';\n  }\n\n  .RiverAccordion__align-end {\n    grid-template-columns: var(--7-grid-columns-minus-last-gap) var(--4-grid-columns);\n    grid-template-areas: 'visual accordion';\n  }\n}\n\n/* Gridline variant */\n\n.RiverAccordion--variant-gridline {\n  position: relative;\n  padding-inline: var(--brand-RiverAccordion-variant-gridline-spacing-outerInline);\n  padding-block: var(--brand-RiverAccordion-variant-gridline-spacing-outerBlock);\n}\n\n.RiverAccordion--variant-gridline::before,\n.RiverAccordion--variant-gridline::after {\n  content: '';\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 100vw;\n  height: 0;\n  border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  z-index: 1;\n}\n\n.RiverAccordion--variant-gridline::before {\n  top: 0;\n}\n\n.RiverAccordion--variant-gridline::after {\n  bottom: 0;\n}\n\n@media (min-width: 48rem) {\n  .RiverAccordion--variant-gridline {\n    --gap-width: var(--brand-RiverAccordion-variant-gridline-spacing-contentGap);\n    --half-column: calc(50% - var(--gap-width) / 2);\n\n    gap: var(--gap-width);\n    align-items: center;\n  }\n\n  .RiverAccordion--variant-gridline.RiverAccordion__align-start {\n    grid-template-columns: var(--half-column) var(--half-column);\n    grid-template-areas: 'accordion visual';\n  }\n\n  .RiverAccordion--variant-gridline.RiverAccordion__align-end {\n    grid-template-columns: var(--half-column) var(--half-column);\n    grid-template-areas: 'visual accordion';\n  }\n}\n\n@media (min-width: 80rem) {\n  .RiverAccordion--variant-gridline {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n.RiverAccordion--variant-gridline .RiverAccordion__visualsWrapper {\n  border-radius: var(--brand-borderRadius-medium);\n}\n\n.RiverAccordion__accordionContainer {\n  grid-area: accordion;\n}\n\n.RiverAccordion__visualsContainer {\n  grid-area: visual;\n}\n\n.RiverAccordion__visualsWrapper {\n  width: 100%;\n  overflow: hidden;\n  border-radius: var(--brand-borderRadius-xlarge);\n  display: grid;\n  grid-template-columns: subgrid;\n  grid-template-rows: subgrid;\n}\n\n.RiverAccordion__visualsWrapper > .RiverAccordion__visual {\n  grid-column: 1;\n  grid-row: 1;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  scale: 1.05;\n  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n    scale var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.RiverAccordion__visualsWrapper > .RiverAccordion__visual > * {\n  width: 100%;\n  object-fit: contain;\n}\n\n/* Show the visual when the corresponding accordion item is open */\n.RiverAccordion:has(.RiverAccordion__item--open:nth-child(1)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(1),\n.RiverAccordion:has(.RiverAccordion__item--open:nth-child(2)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(2),\n.RiverAccordion:has(.RiverAccordion__item--open:nth-child(3)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(3),\n.RiverAccordion:has(.RiverAccordion__item--open:nth-child(4)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(4),\n.RiverAccordion:has(.RiverAccordion__item--open:nth-child(5)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(5),\n.RiverAccordion:has(.RiverAccordion__item--open:nth-child(6)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(6),\n.RiverAccordion:has(.RiverAccordion__item--open:nth-child(7)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(7),\n.RiverAccordion:has(.RiverAccordion__item--open:nth-child(8)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(8),\n.RiverAccordion:has(.RiverAccordion__item--open:nth-child(9)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(9),\n.RiverAccordion:has(.RiverAccordion__item--open:nth-child(10)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(10),\n/* Just in case all accordions are somehow closed, show the first visual */\n.RiverAccordion:not(:has(.RiverAccordion__item--open)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(1) {\n  opacity: 1;\n  scale: 1;\n  z-index: 1;\n}\n\n/* Visually hide visuals inside the accordion */\n.RiverAccordion__accordionContainer .RiverAccordion__visual {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  word-wrap: normal;\n  border: 0;\n}\n\n.RiverAccordion__item {\n  position: relative;\n  padding-block-start: var(--base-size-32);\n  border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.RiverAccordion__item:not(.RiverAccordion__item--open) .RiverAccordion__heading {\n  color: var(--brand-color-text-muted);\n}\n\n.RiverAccordion__trigger {\n  background: none;\n  border: none;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  margin: 0;\n  padding: 0;\n  text-align: left;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--base-size-4);\n  margin: calc(var(--base-size-4) * -1);\n}\n\n.RiverAccordion__item--open .RiverAccordion__trigger {\n  cursor: initial;\n}\n\n.RiverAccordion__item:not(.RiverAccordion__item--open) .RiverAccordion__trigger::after {\n  content: '';\n  position: absolute;\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.RiverAccordion__panel {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n    margin-block-start var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n    padding-block-end var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n  margin-block-start: var(--base-size-32);\n  overflow-y: clip;\n}\n\n.RiverAccordion__item--open .RiverAccordion__panel {\n  margin-block-start: var(--base-size-12);\n  padding-block-end: var(--base-size-32);\n  grid-template-rows: 1fr;\n}\n\n.RiverAccordion__content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  min-height: 0;\n  gap: var(--base-size-20);\n}\n\n.RiverAccordion__icon {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  color: var(--brand-color-text-muted);\n}\n\n.RiverAccordion__item--open .RiverAccordion__icon {\n  color: var(--brand-color-text-default);\n}\n"],"mappings":""}
+{"version":3,"file":"RiverAccordion.module.js","names":[],"sources":["../../../src/river/RiverAccordion/RiverAccordion.module.css"],"sourcesContent":[".RiverAccordion {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: auto auto;\n  grid-template-areas:\n    'visual'\n    'accordion';\n  gap: 0;\n  position: relative;\n}\n\n@media (min-width: 48rem) {\n  .RiverAccordion {\n    --gap-width: var(--brand-Grid-spacing-column-gap);\n    --column-and-gap-width: calc((100% + var(--gap-width)) / 12);\n\n    --4-grid-columns: calc(4 * var(--column-and-gap-width));\n    --7-grid-columns-minus-last-gap: calc((7 * var(--column-and-gap-width)) - var(--gap-width));\n\n    grid-template-rows: auto;\n    gap: var(--column-and-gap-width);\n  }\n\n  .RiverAccordion__align-start {\n    grid-template-columns: var(--4-grid-columns) var(--7-grid-columns-minus-last-gap);\n    grid-template-areas: 'accordion visual';\n  }\n\n  .RiverAccordion__align-end {\n    grid-template-columns: var(--7-grid-columns-minus-last-gap) var(--4-grid-columns);\n    grid-template-areas: 'visual accordion';\n  }\n}\n\n/* Gridline variant */\n\n.RiverAccordion--variant-gridline {\n  position: relative;\n  padding-inline: var(--brand-RiverAccordion-variant-gridline-spacing-outerInline);\n  padding-block: var(--brand-RiverAccordion-variant-gridline-spacing-outerBlock);\n}\n\n@media (min-width: 48rem) {\n  .RiverAccordion--variant-gridline {\n    --gap-width: var(--brand-RiverAccordion-variant-gridline-spacing-contentGap);\n    --half-column: calc(50% - var(--gap-width) / 2);\n\n    gap: var(--gap-width);\n    align-items: center;\n  }\n\n  .RiverAccordion--variant-gridline.RiverAccordion__align-start {\n    grid-template-columns: var(--half-column) var(--half-column);\n    grid-template-areas: 'accordion visual';\n  }\n\n  .RiverAccordion--variant-gridline.RiverAccordion__align-end {\n    grid-template-columns: var(--half-column) var(--half-column);\n    grid-template-areas: 'visual accordion';\n  }\n}\n\n@media (min-width: 80rem) {\n  .RiverAccordion--variant-gridline {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n\n.RiverAccordion--variant-gridline .RiverAccordion__visualsWrapper {\n  border-radius: var(--brand-borderRadius-medium);\n}\n\n.RiverAccordion--variant-gridline:has(.RiverAccordion__visual--has-background) .RiverAccordion__visualsContainer {\n  margin-inline: calc(-1 * var(--brand-RiverAccordion-variant-gridline-spacing-outerInline));\n  margin-block-start: calc(-1 * var(--brand-RiverAccordion-variant-gridline-spacing-outerBlock));\n}\n\n.RiverAccordion--variant-gridline .RiverAccordion__visualsWrapper:has(.RiverAccordion__visual--has-background) {\n  border-radius: 0;\n}\n\n.RiverAccordion__accordionContainer {\n  grid-area: accordion;\n}\n\n.RiverAccordion__visualsContainer {\n  grid-area: visual;\n}\n\n.RiverAccordion__visualsWrapper {\n  width: 100%;\n  overflow: hidden;\n  border-radius: var(--brand-borderRadius-xlarge);\n  display: grid;\n  grid-template-columns: subgrid;\n  grid-template-rows: subgrid;\n}\n\n.RiverAccordion__visualsWrapper > .RiverAccordion__visual {\n  grid-column: 1;\n  grid-row: 1;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  opacity: 0;\n  scale: 1.05;\n  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n    scale var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.RiverAccordion__visualsWrapper > .RiverAccordion__visual > * {\n  display: block;\n  width: 100%;\n  height: auto;\n  overflow: hidden;\n  border-radius: var(--brand-borderRadius-xlarge);\n  object-fit: contain;\n}\n\n.RiverAccordion--variant-gridline .RiverAccordion__visualsWrapper > .RiverAccordion__visual > * {\n  border-radius: var(--brand-borderRadius-medium);\n}\n\n.RiverAccordion__visualsWrapper > .RiverAccordion__visual img,\n.RiverAccordion__visualsWrapper > .RiverAccordion__visual picture,\n.RiverAccordion__visualsWrapper > .RiverAccordion__visual video {\n  display: block;\n  width: 100%;\n  height: auto;\n  border-radius: inherit;\n  object-fit: contain;\n}\n\n.RiverAccordion__visualsWrapper > .RiverAccordion__visual > * img,\n.RiverAccordion__visualsWrapper > .RiverAccordion__visual > * video {\n  display: block;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n  object-fit: cover;\n}\n\n.RiverAccordion--variant-gridline .RiverAccordion__visualsWrapper > .RiverAccordion__visual--has-background {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--base-size-32);\n  background: var(--brand-RiverAccordion-visual-background, var(--brand-color-canvas-subtle));\n}\n\n.RiverAccordion--variant-gridline .RiverAccordion__visualsWrapper > .RiverAccordion__visual--has-background > * {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  max-width: 100%;\n  height: auto;\n  border-radius: var(--brand-borderRadius-large);\n}\n\n.RiverAccordion--variant-gridline .RiverAccordion__visualsWrapper > .RiverAccordion__visual--has-background img,\n.RiverAccordion--variant-gridline .RiverAccordion__visualsWrapper > .RiverAccordion__visual--has-background picture,\n.RiverAccordion--variant-gridline .RiverAccordion__visualsWrapper > .RiverAccordion__visual--has-background video {\n  max-width: 100%;\n  height: 100%;\n  border-radius: var(--brand-borderRadius-large);\n}\n\n@media (min-width: 48rem) {\n  .RiverAccordion--variant-gridline:has(.RiverAccordion__visual--has-background) {\n    padding: 0;\n    gap: 0;\n    align-items: stretch;\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .RiverAccordion--variant-gridline:has(.RiverAccordion__visual--has-background) .RiverAccordion__accordionContainer {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: var(--brand-RiverAccordion-variant-gridline-spacing-outerBlock)\n      var(--brand-RiverAccordion-variant-gridline-spacing-outerInline);\n  }\n\n  .RiverAccordion--variant-gridline.RiverAccordion__align-start:has(.RiverAccordion__visual--has-background)\n    .RiverAccordion__accordionContainer {\n    padding-inline-end: var(--brand-RiverAccordion-variant-gridline-spacing-contentGap);\n  }\n\n  .RiverAccordion--variant-gridline.RiverAccordion__align-end:has(.RiverAccordion__visual--has-background)\n    .RiverAccordion__accordionContainer {\n    padding-inline-start: var(--brand-RiverAccordion-variant-gridline-spacing-contentGap);\n  }\n\n  .RiverAccordion--variant-gridline:has(.RiverAccordion__visual--has-background) .RiverAccordion__visualsContainer {\n    margin: 0;\n  }\n\n  .RiverAccordion--variant-gridline .RiverAccordion__visualsWrapper:has(.RiverAccordion__visual--has-background) {\n    height: 100%;\n  }\n\n  .RiverAccordion--variant-gridline .RiverAccordion__visualsWrapper > .RiverAccordion__visual--has-background {\n    align-items: center;\n    justify-content: center;\n    padding: var(--base-size-64);\n  }\n\n  .RiverAccordion--variant-gridline .RiverAccordion__visualsWrapper > .RiverAccordion__visual--has-background > *,\n  .RiverAccordion--variant-gridline .RiverAccordion__visualsWrapper > .RiverAccordion__visual--has-background img,\n  .RiverAccordion--variant-gridline .RiverAccordion__visualsWrapper > .RiverAccordion__visual--has-background picture,\n  .RiverAccordion--variant-gridline .RiverAccordion__visualsWrapper > .RiverAccordion__visual--has-background video {\n    border-radius: var(--brand-borderRadius-large);\n  }\n}\n\n/* Show the visual when the corresponding accordion item is open */\n.RiverAccordion:has(.RiverAccordion__item--open:nth-child(1)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(1),\n.RiverAccordion:has(.RiverAccordion__item--open:nth-child(2)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(2),\n.RiverAccordion:has(.RiverAccordion__item--open:nth-child(3)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(3),\n.RiverAccordion:has(.RiverAccordion__item--open:nth-child(4)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(4),\n.RiverAccordion:has(.RiverAccordion__item--open:nth-child(5)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(5),\n.RiverAccordion:has(.RiverAccordion__item--open:nth-child(6)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(6),\n.RiverAccordion:has(.RiverAccordion__item--open:nth-child(7)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(7),\n.RiverAccordion:has(.RiverAccordion__item--open:nth-child(8)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(8),\n.RiverAccordion:has(.RiverAccordion__item--open:nth-child(9)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(9),\n.RiverAccordion:has(.RiverAccordion__item--open:nth-child(10)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(10),\n/* Just in case all accordions are somehow closed, show the first visual */\n.RiverAccordion:not(:has(.RiverAccordion__item--open)) .RiverAccordion__visualsContainer .RiverAccordion__visual:nth-child(1) {\n  opacity: 1;\n  scale: 1;\n  z-index: 1;\n}\n\n/* Visually hide visuals inside the accordion */\n.RiverAccordion__accordionContainer .RiverAccordion__visual {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  word-wrap: normal;\n  border: 0;\n}\n\n.RiverAccordion__item {\n  position: relative;\n  padding-block-start: var(--base-size-32);\n  border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.RiverAccordion__item:not(.RiverAccordion__item--open) .RiverAccordion__heading {\n  color: var(--brand-color-text-muted);\n}\n\n.RiverAccordion__trigger {\n  background: none;\n  border: none;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  margin: 0;\n  padding: 0;\n  text-align: left;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--base-size-4);\n  margin: calc(var(--base-size-4) * -1);\n}\n\n.RiverAccordion__item--open .RiverAccordion__trigger {\n  cursor: initial;\n}\n\n.RiverAccordion__item:not(.RiverAccordion__item--open) .RiverAccordion__trigger::after {\n  content: '';\n  position: absolute;\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.RiverAccordion__panel {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n    margin-block-start var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n    padding-block-end var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n  margin-block-start: var(--base-size-32);\n  overflow-y: clip;\n}\n\n.RiverAccordion__item--open .RiverAccordion__panel {\n  margin-block-start: var(--base-size-12);\n  padding-block-end: var(--base-size-32);\n  grid-template-rows: 1fr;\n}\n\n.RiverAccordion__content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  min-height: 0;\n  gap: var(--base-size-20);\n}\n\n.RiverAccordion__icon {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  color: var(--brand-color-text-muted);\n}\n\n.RiverAccordion__item--open .RiverAccordion__icon {\n  color: var(--brand-color-text-default);\n}\n"],"mappings":""}

package/esm/river/RiverBreakout/RiverBreakout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RiverBreakout.d.ts","sourceRoot":"","sources":["../../../src/river/RiverBreakout/RiverBreakout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AAQnC,eAAO,MAAM,qBAAqB,kCAAmC,CAAA;AACrE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEzE,KAAK,kBAAkB,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,gBAAgB,CAAC,GAAG;IACvE;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAA;CAC/B,CAAA;AA4CD,eAAO,MAAM,aAAa;;;oCANkB,KAAK,CAAC,iBAAiB,CAAC;QAAC,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;KAAC,CAAC;CAMoB,CAAA"}
+{"version":3,"file":"RiverBreakout.d.ts","sourceRoot":"","sources":["../../../src/river/RiverBreakout/RiverBreakout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AASnC,eAAO,MAAM,qBAAqB,kCAAmC,CAAA;AACrE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEzE,KAAK,kBAAkB,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,gBAAgB,CAAC,GAAG;IACvE;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAA;CAC/B,CAAA;AA6CD,eAAO,MAAM,aAAa;;;oCANkB,KAAK,CAAC,iBAAiB,CAAC;QAAC,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;KAAC,CAAC;CAMoB,CAAA"}

package/esm/river/RiverBreakout/RiverBreakout.js

@@ -1,34 +1,35 @@
 import e from "../../node_modules/clsx/dist/clsx.js";
 import { useAnimation as t } from "../../animation/useAnimation.js";
 import { Heading as n } from "../../Heading/Heading.js";
-import r from "../river-shared.module.js";
-import { RiverContent as i, Visual as a } from "../River/River.js";
-import o from "../../findElementInChildren.js";
-import { forwardRef as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
+import r from "../../component-helpers/shared.module.js";
+import i from "../river-shared.module.js";
+import { RiverContent as a, Visual as o } from "../River/River.js";
+import s from "../../findElementInChildren.js";
+import { forwardRef as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
 //#region src/river/RiverBreakout/RiverBreakout.tsx
-var l = ["default", "gridline"], u = s(({ animate: n, className: i, children: a, style: s, variant: l = "default", ...u }, f) => {
-	let { classes: p, styles: m } = t(n), h = o(a, "b") || o(a, "em") ? "muted" : "default";
-	return o(a, d) || (process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test") && console.warn("RiverBreakout: A11yHeading child is required. This element will not be visible, only read by screenreaders."), /* @__PURE__ */ c("section", {
-		ref: f,
-		className: e(r.RiverBreakout, l === "gridline" && r["RiverBreakout--variant-gridline"], h === "muted" && r["RiverBreakout--muted"], p, i),
+var u = ["default", "gridline"], d = c(({ animate: n, className: a, children: o, style: c, variant: u = "default", ...d }, p) => {
+	let { classes: m, styles: h } = t(n), g = s(o, "b") || s(o, "em") ? "muted" : "default";
+	return s(o, f) || (process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test") && console.warn("RiverBreakout: A11yHeading child is required. This element will not be visible, only read by screenreaders."), /* @__PURE__ */ l("section", {
+		ref: p,
+		className: e(i.RiverBreakout, u === "gridline" && i["RiverBreakout--variant-gridline"], u === "gridline" && r.gridline, g === "muted" && i["RiverBreakout--muted"], m, a),
 		style: {
-			...m,
-			...s
+			...h,
+			...c
 		},
-		...u,
-		children: a
+		...d,
+		children: o
 	});
-}), d = ({ as: e = "h3", children: t }) => /* @__PURE__ */ c(n, {
+}), f = ({ as: e = "h3", children: t }) => /* @__PURE__ */ l(n, {
 	className: "visually-hidden",
 	as: e,
 	children: t
-}), f = Object.assign(u, {
-	Visual: a,
-	Content: i,
-	A11yHeading: d
+}), p = Object.assign(d, {
+	Visual: o,
+	Content: a,
+	A11yHeading: f
 });
 //#endregion
-export { f as RiverBreakout, l as RiverBreakoutVariants };
+export { p as RiverBreakout, u as RiverBreakoutVariants };
 
 //# sourceMappingURL=RiverBreakout.js.map

package/esm/river/RiverBreakout/RiverBreakout.js.map

@@ -1 +1 @@
-{"version":3,"file":"RiverBreakout.js","names":[],"sources":["../../../src/river/RiverBreakout/RiverBreakout.tsx"],"sourcesContent":["import React, {Ref, forwardRef} from 'react'\nimport {clsx} from 'clsx'\nimport {RiverProps} from '../River'\nimport {Visual as RiverVisual, RiverContent} from '../River/River'\nimport {useAnimation} from '../../animation'\nimport findElementInChildren from '../../findElementInChildren'\nimport {Heading} from '../../Heading'\n\nimport styles from '../river-shared.module.css'\n\nexport const RiverBreakoutVariants = ['default', 'gridline'] as const\nexport type RiverBreakoutVariant = (typeof RiverBreakoutVariants)[number]\n\ntype RiverBreakoutProps = Omit<RiverProps, 'align' | 'imageTextRatio'> & {\n  /**\n   * Apply a visual variant. The default is `default`.\n   * `gridline` adds horizontal border lines and lateral spacing.\n   */\n  variant?: RiverBreakoutVariant\n}\n\nconst Root = forwardRef(\n  ({animate, className, children, style, variant = 'default', ...rest}: RiverBreakoutProps, ref: Ref<HTMLElement>) => {\n    const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n    // TODO: when Firefox supports :has() selector, we should use that instead of JS\n    const defaultColor =\n      findElementInChildren(children, 'b') || findElementInChildren(children, 'em') ? 'muted' : 'default'\n\n    if (!findElementInChildren(children, A11yHeading)) {\n      if (process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test') {\n        // eslint-disable-next-line no-console\n        console.warn(\n          'RiverBreakout: A11yHeading child is required. This element will not be visible, only read by screenreaders.',\n        )\n      }\n    }\n\n    return (\n      <section\n        ref={ref}\n        className={clsx(\n          styles.RiverBreakout,\n          variant === 'gridline' && styles['RiverBreakout--variant-gridline'],\n          defaultColor === 'muted' && styles['RiverBreakout--muted'],\n          animationClasses,\n          className,\n        )}\n        style={{...animationInlineStyles, ...style}}\n        {...rest}\n      >\n        {children}\n      </section>\n    )\n  },\n)\n\nconst A11yHeading = ({as = 'h3', children}: React.PropsWithChildren<{as?: 'h2' | 'h3'}>) => (\n  <Heading className=\"visually-hidden\" as={as}>\n    {children}\n  </Heading>\n)\n\nexport const RiverBreakout = Object.assign(Root, {Visual: RiverVisual, Content: RiverContent, A11yHeading})\n"],"mappings":";;;;;;;;;AAUA,IAAa,IAAwB,CAAC,WAAW,WAAW,EAWtD,IAAO,GACV,EAAC,YAAS,cAAW,aAAU,UAAO,aAAU,WAAW,GAAG,KAA2B,MAA0B;CAClH,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,EAAQ,EAGlF,IACJ,EAAsB,GAAU,IAAI,IAAI,EAAsB,GAAU,KAAK,GAAG,UAAU;AAW5F,QATK,EAAsB,GAAU,EAAY,8BAClB,iBAAA,QAAA,IAAA,aAA0C,WAErE,QAAQ,KACN,8GACD,EAKH,kBAAC,WAAD;EACO;EACL,WAAW,EACT,EAAO,eACP,MAAY,cAAc,EAAO,oCACjC,MAAiB,WAAW,EAAO,yBACnC,GACA,EACD;EACD,OAAO;GAAC,GAAG;GAAuB,GAAG;GAAM;EAC3C,GAAI;EAEH;EACO,CAAA;EAGf,EAEK,KAAe,EAAC,QAAK,MAAM,kBAC/B,kBAAC,GAAD;CAAS,WAAU;CAAsB;CACtC;CACO,CAAA,EAGC,IAAgB,OAAO,OAAO,GAAM;CAAS;CAAa,SAAS;CAAc;CAAY,CAAC"}
+{"version":3,"file":"RiverBreakout.js","names":[],"sources":["../../../src/river/RiverBreakout/RiverBreakout.tsx"],"sourcesContent":["import React, {Ref, forwardRef} from 'react'\nimport {clsx} from 'clsx'\nimport {RiverProps} from '../River'\nimport {Visual as RiverVisual, RiverContent} from '../River/River'\nimport {useAnimation} from '../../animation'\nimport findElementInChildren from '../../findElementInChildren'\nimport {Heading} from '../../Heading'\n\nimport styles from '../river-shared.module.css'\nimport gridlineStyles from '../../component-helpers/shared.module.css'\n\nexport const RiverBreakoutVariants = ['default', 'gridline'] as const\nexport type RiverBreakoutVariant = (typeof RiverBreakoutVariants)[number]\n\ntype RiverBreakoutProps = Omit<RiverProps, 'align' | 'imageTextRatio'> & {\n  /**\n   * Apply a visual variant. The default is `default`.\n   * `gridline` adds horizontal border lines and lateral spacing.\n   */\n  variant?: RiverBreakoutVariant\n}\n\nconst Root = forwardRef(\n  ({animate, className, children, style, variant = 'default', ...rest}: RiverBreakoutProps, ref: Ref<HTMLElement>) => {\n    const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n    // TODO: when Firefox supports :has() selector, we should use that instead of JS\n    const defaultColor =\n      findElementInChildren(children, 'b') || findElementInChildren(children, 'em') ? 'muted' : 'default'\n\n    if (!findElementInChildren(children, A11yHeading)) {\n      if (process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test') {\n        // eslint-disable-next-line no-console\n        console.warn(\n          'RiverBreakout: A11yHeading child is required. This element will not be visible, only read by screenreaders.',\n        )\n      }\n    }\n\n    return (\n      <section\n        ref={ref}\n        className={clsx(\n          styles.RiverBreakout,\n          variant === 'gridline' && styles['RiverBreakout--variant-gridline'],\n          variant === 'gridline' && gridlineStyles.gridline,\n          defaultColor === 'muted' && styles['RiverBreakout--muted'],\n          animationClasses,\n          className,\n        )}\n        style={{...animationInlineStyles, ...style}}\n        {...rest}\n      >\n        {children}\n      </section>\n    )\n  },\n)\n\nconst A11yHeading = ({as = 'h3', children}: React.PropsWithChildren<{as?: 'h2' | 'h3'}>) => (\n  <Heading className=\"visually-hidden\" as={as}>\n    {children}\n  </Heading>\n)\n\nexport const RiverBreakout = Object.assign(Root, {Visual: RiverVisual, Content: RiverContent, A11yHeading})\n"],"mappings":";;;;;;;;;;AAWA,IAAa,IAAwB,CAAC,WAAW,WAAW,EAWtD,IAAO,GACV,EAAC,YAAS,cAAW,aAAU,UAAO,aAAU,WAAW,GAAG,KAA2B,MAA0B;CAClH,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,EAAQ,EAGlF,IACJ,EAAsB,GAAU,IAAI,IAAI,EAAsB,GAAU,KAAK,GAAG,UAAU;AAW5F,QATK,EAAsB,GAAU,EAAY,8BAClB,iBAAA,QAAA,IAAA,aAA0C,WAErE,QAAQ,KACN,8GACD,EAKH,kBAAC,WAAD;EACO;EACL,WAAW,EACT,EAAO,eACP,MAAY,cAAc,EAAO,oCACjC,MAAY,cAAc,EAAe,UACzC,MAAiB,WAAW,EAAO,yBACnC,GACA,EACD;EACD,OAAO;GAAC,GAAG;GAAuB,GAAG;GAAM;EAC3C,GAAI;EAEH;EACO,CAAA;EAGf,EAEK,KAAe,EAAC,QAAK,MAAM,kBAC/B,kBAAC,GAAD;CAAS,WAAU;CAAsB;CACtC;CACO,CAAA,EAGC,IAAgB,OAAO,OAAO,GAAM;CAAS;CAAa,SAAS;CAAc;CAAY,CAAC"}

package/esm/river/RiverBreakoutTabs/RiverBreakoutTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RiverBreakoutTabs.d.ts","sourceRoot":"","sources":["../../../src/river/RiverBreakoutTabs/RiverBreakoutTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoF,MAAM,OAAO,CAAA;AAGxG,OAAO,EAAiC,KAAK,YAAY,EAAC,MAAM,OAAO,CAAA;AACvE,OAAO,EAAO,KAAK,SAAS,EAAC,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAwB,KAAK,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;AAM3E;;GAEG;AACH,OAAO,4FAA4F,CAAA;AACnG,OAAO,6FAA6F,CAAA;AAUpG,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC3D,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C,CAAC,GACA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAA;AAErD,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,MAAM,MAAM,iCAAiC,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACtE,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAChB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAC,CAAA;AAEF,MAAM,MAAM,6BAA6B,GAAG,YAAY,CAAA;AAExD,MAAM,MAAM,6BAA6B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAEhF,MAAM,MAAM,0BAA0B,GAAG,SAAS,CAAA;AAqalD;;GAEG;AACH,eAAO,MAAM,iBAAiB;2BA3bL,MAAM;oBACb,MAAM;eACX,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI;;;;wCAwCqB,iCAAiC;iDA6B/B,6BAA6B;mEAZ7F,6BAA6B;gCAX4B,0BAA0B;yBAR3C,0BAA0B;;CA0ZnE,CAAA"}
+{"version":3,"file":"RiverBreakoutTabs.d.ts","sourceRoot":"","sources":["../../../src/river/RiverBreakoutTabs/RiverBreakoutTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoF,MAAM,OAAO,CAAA;AAGxG,OAAO,EAAiC,KAAK,YAAY,EAAC,MAAM,OAAO,CAAA;AACvE,OAAO,EAAO,KAAK,SAAS,EAAC,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAwB,KAAK,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;AAO3E;;GAEG;AACH,OAAO,4FAA4F,CAAA;AACnG,OAAO,6FAA6F,CAAA;AAUpG,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC3D,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C,CAAC,GACA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAA;AAErD,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,MAAM,MAAM,iCAAiC,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACtE,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAChB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAC,CAAA;AAEF,MAAM,MAAM,6BAA6B,GAAG,YAAY,CAAA;AAExD,MAAM,MAAM,6BAA6B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAEhF,MAAM,MAAM,0BAA0B,GAAG,SAAS,CAAA;AAsalD;;GAEG;AACH,eAAO,MAAM,iBAAiB;2BA5bL,MAAM;oBACb,MAAM;eACX,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI;;;;wCAwCqB,iCAAiC;iDA6B/B,6BAA6B;mEAZ7F,6BAA6B;gCAX4B,0BAA0B;yBAR3C,0BAA0B;;CA2ZnE,CAAA"}

package/esm/river/RiverBreakoutTabs/RiverBreakoutTabs.js

@@ -3,126 +3,127 @@ import { useId as t } from "../../hooks/useId.js";
 import { Text as n } from "../../Text/Text.js";
 import { Heading as r } from "../../Heading/Heading.js";
 import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/river/river-QteO10lt.css';import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/river/base-Ue-p74RC.css';/* empty css                                                                                          */
-import { Link as i } from "../../Link/Link.js";
+import i from "../../component-helpers/shared.module.js";
+import { Link as a } from "../../Link/Link.js";
 /* empty css                                                                                         */
-import a from "../river-shared.module.js";
-import { Visual as o } from "../River/River.js";
-import { Icon as s } from "../../Icon/Icon.js";
-import { useTabs as c } from "../../hooks/useTabs.js";
-import { useWindowSize as l } from "../../hooks/useWindowSize.js";
-import u from "./RiverBreakoutTabs.module.js";
-import { Accordion as d } from "../../Accordion/Accordion.js";
-import f, { cloneElement as p, forwardRef as m, useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import o from "../river-shared.module.js";
+import { Visual as s } from "../River/River.js";
+import { Icon as c } from "../../Icon/Icon.js";
+import { useTabs as l } from "../../hooks/useTabs.js";
+import { useWindowSize as u } from "../../hooks/useWindowSize.js";
+import d from "./RiverBreakoutTabs.module.js";
+import { Accordion as f } from "../../Accordion/Accordion.js";
+import p, { cloneElement as m, forwardRef as h, useCallback as g, useEffect as _, useMemo as v, useRef as y, useState as b } from "react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/river/RiverBreakoutTabs/RiverBreakoutTabs.tsx
-var C = (e) => (t) => f.isValidElement(t) && t.type === e, w = ({ children: e }) => /* @__PURE__ */ x(b, { children: e }), T = ({ as: e = "h3", children: t, id: n }) => /* @__PURE__ */ x(r, {
+var w = (e) => (t) => p.isValidElement(t) && t.type === e, T = ({ children: e }) => /* @__PURE__ */ S(x, { children: e }), E = ({ as: e = "h3", children: t, id: n }) => /* @__PURE__ */ S(r, {
 	as: e,
 	id: n,
 	className: "visually-hidden",
 	children: t
-}), E = ({ color: e = "green", ...t }) => /* @__PURE__ */ x(s, {
+}), D = ({ color: e = "green", ...t }) => /* @__PURE__ */ S(c, {
 	color: e,
 	...t
-}), D = ({ as: t = "h3", children: n, className: i, size: a = "subhead-large", weight: o = "normal", ...s }) => /* @__PURE__ */ x(r, {
+}), O = ({ as: t = "h3", children: n, className: i, size: a = "subhead-large", weight: o = "normal", ...s }) => /* @__PURE__ */ S(r, {
 	as: t,
-	className: e(u.RiverBreakoutTabs__heading, i),
+	className: e(d.RiverBreakoutTabs__heading, i),
 	size: a,
 	weight: o,
 	...s,
 	children: n
-}), O = ({ children: t, className: n, ...r }) => {
-	let i = _(() => f.Children.toArray(t).map((t) => I(t) ? p(t, {
+}), k = ({ children: t, className: n, ...r }) => {
+	let i = v(() => p.Children.toArray(t).map((t) => L(t) ? m(t, {
 		as: t.props.as ?? "p",
 		variant: t.props.variant ?? "muted"
-	}) : L(t) ? p(t, {
-		className: e(t.props.className, u.RiverBreakoutTabs__link),
+	}) : R(t) ? m(t, {
+		className: e(t.props.className, d.RiverBreakoutTabs__link),
 		size: t.props.size ?? "medium",
 		variant: t.props.variant ?? "accent"
 	}) : t), [t]);
-	return /* @__PURE__ */ x("div", {
-		className: e(u.RiverBreakoutTabs__content, n),
+	return /* @__PURE__ */ S("div", {
+		className: e(d.RiverBreakoutTabs__content, n),
 		...r,
 		children: i
 	});
-}, k = m(({ className: e, ...t }, n) => /* @__PURE__ */ x(o, {
+}, A = h(({ className: e, ...t }, n) => /* @__PURE__ */ S(s, {
 	ref: n,
 	className: e,
 	...t
-})), A = C(w), j = C(T), M = C(E), N = C(D), P = C(O), F = C(k), I = (e) => f.isValidElement(e) && e.type === n, L = (e) => f.isValidElement(e) && e.type === i, R = (e) => f.Children.toArray(e.props.children).reduce((e, t) => (M(t) && (e.icon = t), N(t) && (e.heading = t), P(t) && (e.content = t), F(t) && (e.visual = t), e), {
+})), j = w(T), M = w(E), N = w(D), P = w(O), F = w(k), I = w(A), L = (e) => p.isValidElement(e) && e.type === n, R = (e) => p.isValidElement(e) && e.type === a, z = (e) => p.Children.toArray(e.props.children).reduce((e, t) => (N(t) && (e.icon = t), P(t) && (e.heading = t), F(t) && (e.content = t), I(t) && (e.visual = t), e), {
 	icon: null,
 	heading: null,
 	content: null,
 	visual: null,
 	className: e.props.className
-}), z = (t) => t ? f.Children.toArray(t.props.children).map((t) => I(t) ? p(t, {
+}), B = (t) => t ? p.Children.toArray(t.props.children).map((t) => L(t) ? m(t, {
 	as: t.props.as ?? "p",
 	variant: t.props.variant ?? "muted"
-}) : L(t) ? p(t, {
-	className: e(t.props.className, u.RiverBreakoutTabs__link),
+}) : R(t) ? m(t, {
+	className: e(t.props.className, d.RiverBreakoutTabs__link),
 	size: t.props.size ?? "medium",
 	variant: t.props.variant ?? "accent"
-}) : t).reduce((e, t) => L(t) ? (e.action ||= t, e) : (e.body.push(t), e), {
+}) : t).reduce((e, t) => R(t) ? (e.action ||= t, e) : (e.body.push(t), e), {
 	action: null,
 	body: []
 }) : {
 	action: null,
 	body: []
-}, B = (e, t) => t === 0 ? -1 : Math.min(Math.max(Number.isFinite(e) ? Math.trunc(e) : 0, 0), t - 1), V = m(({ children: n, className: r, defaultSelectedIndex: i = 0, onChange: o, selectedIndex: s, ...m }, b) => {
-	let C = t(), { isLarge: w } = l(), T = _(() => f.Children.toArray(n), [n]), E = T.find(j) ?? null, D = T.filter(A).map(R).filter((e) => e.heading && e.content && e.visual), O = B(i, D.length), k = typeof s == "number" && Number.isFinite(s) ? B(s, D.length) : null, M = k ?? O, N = E?.props.id ?? `${C}-heading`, P = Math.min(Math.max(D.length, 1), 3), F = M >= 0 ? String(M) : void 0, I = w === !0, L = v(!1), { activeTab: V, activateTab: H, getTabListProps: U, getTabPanelProps: W, getTabProps: G } = c({
-		defaultTab: F,
-		onTabActivate: h((e) => {
-			if (L.current) {
-				L.current = !1;
+}, V = (e, t) => t === 0 ? -1 : Math.min(Math.max(Number.isFinite(e) ? Math.trunc(e) : 0, 0), t - 1), H = h(({ children: n, className: r, defaultSelectedIndex: a = 0, onChange: s, selectedIndex: c, ...h }, x) => {
+	let w = t(), { isLarge: T } = u(), E = v(() => p.Children.toArray(n), [n]), D = E.find(M) ?? null, O = E.filter(j).map(z).filter((e) => e.heading && e.content && e.visual), k = V(a, O.length), A = typeof c == "number" && Number.isFinite(c) ? V(c, O.length) : null, N = A ?? k, P = D?.props.id ?? `${w}-heading`, F = Math.min(Math.max(O.length, 1), 3), I = N >= 0 ? String(N) : void 0, L = T === !0, R = y(!1), { activeTab: H, activateTab: U, getTabListProps: W, getTabPanelProps: G, getTabProps: K } = l({
+		defaultTab: I,
+		onTabActivate: g((e) => {
+			if (R.current) {
+				R.current = !1;
 				return;
 			}
-			if (!o) return;
+			if (!s) return;
 			let t = Number(e);
-			Number.isNaN(t) || o(t);
-		}, [o])
-	}), [K, q] = y(M);
-	g(() => {
-		if (V === null) return;
-		let e = Number(V);
-		Number.isNaN(e) || q(e);
-	}, [V]), g(() => {
-		if (k === null || k < 0) return;
-		let e = String(k);
-		V !== e && (L.current = !0, H(e)), q(k);
+			Number.isNaN(t) || s(t);
+		}, [s])
+	}), [q, J] = b(N);
+	_(() => {
+		if (H === null) return;
+		let e = Number(H);
+		Number.isNaN(e) || J(e);
+	}, [H]), _(() => {
+		if (A === null || A < 0) return;
+		let e = String(A);
+		H !== e && (R.current = !0, U(e)), J(A);
 	}, [
+		U,
 		H,
-		V,
-		k
-	]), !E && (process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test") && console.warn("RiverBreakoutTabs: A11yHeading child is required. This element will not be visible, only read by screenreaders.");
-	let J = (e) => (t) => {
-		t && (q(e), V !== String(e) && H(String(e)));
-	}, Y = (e) => {
+		A
+	]), !D && (process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test") && console.warn("RiverBreakoutTabs: A11yHeading child is required. This element will not be visible, only read by screenreaders.");
+	let Y = (e) => (t) => {
+		t && (J(e), H !== String(e) && U(String(e)));
+	}, X = (e) => {
 		let t = Number(e.currentTarget.getAttribute("data-index"));
-		!e.currentTarget.open && K === t && (e.currentTarget.open = !0);
-	}, X = U(E ? { labelledBy: N } : { label: "River breakout tabs" }), Z = _(() => D.map((e) => z(e.content)), [D]);
-	return /* @__PURE__ */ S("section", {
-		ref: b,
-		className: e(a.RiverBreakout, a["RiverBreakout--variant-gridline"], u.RiverBreakoutTabs, r),
-		...m,
-		children: [E && p(E, { id: N }), I ? /* @__PURE__ */ S("div", {
-			className: u.RiverBreakoutTabs__wideTabList,
+		!e.currentTarget.open && q === t && (e.currentTarget.open = !0);
+	}, Z = W(D ? { labelledBy: P } : { label: "River breakout tabs" }), Q = v(() => O.map((e) => B(e.content)), [O]);
+	return /* @__PURE__ */ C("section", {
+		ref: x,
+		className: e(o.RiverBreakout, o["RiverBreakout--variant-gridline"], i.gridline, d.RiverBreakoutTabs, r),
+		...h,
+		children: [D && m(D, { id: P }), L ? /* @__PURE__ */ C("div", {
+			className: d.RiverBreakoutTabs__wideTabList,
 			children: [
-				/* @__PURE__ */ x("div", {
-					...X,
-					className: u.RiverBreakoutTabs__tablist,
-					style: { "--river-breakout-tabs-columns": String(P) },
-					children: D.map((t, n) => {
-						let r = V === String(n), i = G(String(n)), { body: a } = Z[n];
-						return /* @__PURE__ */ x("div", {
-							className: e(u.RiverBreakoutTabs__item, r && u["RiverBreakoutTabs__item--selected"], t.className),
-							children: /* @__PURE__ */ S("button", {
+				/* @__PURE__ */ S("div", {
+					...Z,
+					className: d.RiverBreakoutTabs__tablist,
+					style: { "--river-breakout-tabs-columns": String(F) },
+					children: O.map((t, n) => {
+						let r = H === String(n), i = K(String(n)), { body: a } = Q[n];
+						return /* @__PURE__ */ S("div", {
+							className: e(d.RiverBreakoutTabs__item, r && d["RiverBreakoutTabs__item--selected"], t.className),
+							children: /* @__PURE__ */ C("button", {
 								type: "button",
 								...i,
-								className: u.RiverBreakoutTabs__tab,
+								className: d.RiverBreakoutTabs__tab,
 								children: [
-									t.icon && p(t.icon, { className: t.icon.props.className }),
-									t.heading && p(t.heading, { className: e(t.heading.props.className, u.RiverBreakoutTabs__tabHeading) }),
-									a.length > 0 && /* @__PURE__ */ x("div", {
-										className: u.RiverBreakoutTabs__wideTabListContent,
+									t.icon && m(t.icon, { className: t.icon.props.className }),
+									t.heading && m(t.heading, { className: e(t.heading.props.className, d.RiverBreakoutTabs__tabHeading) }),
+									a.length > 0 && /* @__PURE__ */ S("div", {
+										className: d.RiverBreakoutTabs__wideTabListContent,
 										children: a
 									})
 								]
@@ -130,63 +131,63 @@ var C = (e) => (t) => f.isValidElement(t) && t.type === e, w = ({ children: e })
 						}, n);
 					})
 				}),
-				/* @__PURE__ */ x("div", {
-					className: u.RiverBreakoutTabs__sharedVisuals,
-					children: D.map((t, n) => /* @__PURE__ */ x("div", {
-						...W(String(n)),
+				/* @__PURE__ */ S("div", {
+					className: d.RiverBreakoutTabs__sharedVisuals,
+					children: O.map((t, n) => /* @__PURE__ */ S("div", {
+						...G(String(n)),
 						tabIndex: -1,
-						className: u.RiverBreakoutTabs__sharedVisualPanel,
-						children: p(t.visual, { className: e(t.visual?.props.className, u.RiverBreakoutTabs__sharedVisual) })
+						className: d.RiverBreakoutTabs__sharedVisualPanel,
+						children: m(t.visual, { className: e(t.visual?.props.className, d.RiverBreakoutTabs__sharedVisual) })
 					}, n))
 				}),
-				Z.some((e) => e.action) && /* @__PURE__ */ x("div", {
-					className: u.RiverBreakoutTabs__wideTabListActions,
-					style: { "--river-breakout-tabs-columns": String(P) },
-					children: D.map((t, n) => {
-						let { action: r } = Z[n];
-						return /* @__PURE__ */ x("div", {
-							className: u.RiverBreakoutTabs__wideTabListActionItem,
-							children: r && p(r, { className: e(r.props.className, u.RiverBreakoutTabs__wideTabListAction) })
+				Q.some((e) => e.action) && /* @__PURE__ */ S("div", {
+					className: d.RiverBreakoutTabs__wideTabListActions,
+					style: { "--river-breakout-tabs-columns": String(F) },
+					children: O.map((t, n) => {
+						let { action: r } = Q[n];
+						return /* @__PURE__ */ S("div", {
+							className: d.RiverBreakoutTabs__wideTabListActionItem,
+							children: r && m(r, { className: e(r.props.className, d.RiverBreakoutTabs__wideTabListAction) })
 						}, n);
 					})
 				})
 			]
-		}) : /* @__PURE__ */ S("div", {
-			className: u.RiverBreakoutTabs__accordion,
-			children: [K >= 0 && D[K]?.visual && /* @__PURE__ */ x("div", {
-				className: u.RiverBreakoutTabs__accordionSharedVisuals,
-				children: p(D[K].visual, { className: e(D[K].visual.props.className, u.RiverBreakoutTabs__accordionSharedVisual) })
-			}), D.map((t, n) => /* @__PURE__ */ S(d, {
+		}) : /* @__PURE__ */ C("div", {
+			className: d.RiverBreakoutTabs__accordion,
+			children: [q >= 0 && O[q]?.visual && /* @__PURE__ */ S("div", {
+				className: d.RiverBreakoutTabs__accordionSharedVisuals,
+				children: m(O[q].visual, { className: e(O[q].visual.props.className, d.RiverBreakoutTabs__accordionSharedVisual) })
+			}), O.map((t, n) => /* @__PURE__ */ C(f, {
 				"data-index": n,
-				className: e(u.RiverBreakoutTabs__accordionItem, n === K && u["RiverBreakoutTabs__item--selected"], t.className),
-				onToggle: Y,
-				open: n === K,
-				handleOpen: J(n),
-				children: [/* @__PURE__ */ x(d.Heading, {
-					className: u.RiverBreakoutTabs__accordionHeading,
-					children: /* @__PURE__ */ S("span", {
-						className: u.RiverBreakoutTabs__accordionHeadingInner,
-						children: [t.icon && p(t.icon, { className: e(t.icon.props.className, u.RiverBreakoutTabs__accordionIcon) }), /* @__PURE__ */ x("span", {
-							className: u.RiverBreakoutTabs__accordionLabel,
+				className: e(d.RiverBreakoutTabs__accordionItem, n === q && d["RiverBreakoutTabs__item--selected"], t.className),
+				onToggle: X,
+				open: n === q,
+				handleOpen: Y(n),
+				children: [/* @__PURE__ */ S(f.Heading, {
+					className: d.RiverBreakoutTabs__accordionHeading,
+					children: /* @__PURE__ */ C("span", {
+						className: d.RiverBreakoutTabs__accordionHeadingInner,
+						children: [t.icon && m(t.icon, { className: e(t.icon.props.className, d.RiverBreakoutTabs__accordionIcon) }), /* @__PURE__ */ S("span", {
+							className: d.RiverBreakoutTabs__accordionLabel,
 							children: t.heading?.props.children
 						})]
 					})
-				}), /* @__PURE__ */ x(d.Content, {
-					className: u.RiverBreakoutTabs__accordionPanel,
-					children: p(t.content, { className: e(t.content?.props.className, u.RiverBreakoutTabs__accordionContent) })
+				}), /* @__PURE__ */ S(f.Content, {
+					className: d.RiverBreakoutTabs__accordionPanel,
+					children: m(t.content, { className: e(t.content?.props.className, d.RiverBreakoutTabs__accordionContent) })
 				})]
 			}, n))]
 		})]
 	});
-}), H = Object.assign(V, {
-	A11yHeading: T,
-	Content: O,
-	Heading: D,
-	Icon: E,
-	Item: w,
-	Visual: k
+}), U = Object.assign(H, {
+	A11yHeading: E,
+	Content: k,
+	Heading: O,
+	Icon: D,
+	Item: T,
+	Visual: A
 });
 //#endregion
-export { H as RiverBreakoutTabs };
+export { U as RiverBreakoutTabs };
 
 //# sourceMappingURL=RiverBreakoutTabs.js.map