@primer/react-brand 0.72.0-rc.f8b72452 → 0.72.1-rc.72b4db43

package/esm/Testimonial/Testimonial.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Testimonial.module.js","names":[],"sources":["../../src/Testimonial/Testimonial.module.css"],"sourcesContent":[".Testimonial {\n  color: var(--brand-color-text-default);\n  font-family: var(--brand-fontStack-sansSerif);\n}\n\n.Testimonial--variant-subtle,\n.Testimonial--variant-default {\n  position: relative;\n  border-radius: var(--brand-borderRadius-xlarge);\n  padding: var(--base-size-48) var(--base-size-32);\n}\n\n@media screen and (min-width: 48rem) {\n  .Testimonial--variant-subtle,\n  .Testimonial--variant-default {\n    padding: var(--base-size-48);\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Testimonial--variant-subtle.Testimonial--size-large,\n  .Testimonial--variant-default.Testimonial--size-large {\n    padding: var(--base-size-96) var(--base-size-128);\n  }\n}\n\n.Testimonial--variant-subtle {\n  background-color: var(--brand-color-canvas-subtle);\n}\n\n.Testimonial--variant-default {\n  background-color: var(--brand-color-canvas-default);\n}\n\n.Testimonial--variant-subtle::before,\n.Testimonial--variant-default::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  content: '';\n  border-radius: inherit;\n}\n\n.Testimonial--variant-subtle.Testimonial--border::before {\n  mask-image: var(--brand-Testimonial-borderMask-subtle);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n}\n\n.Testimonial--variant-default.Testimonial--border::before {\n  mask-image: var(--brand-Testimonial-borderMask-default);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n}\n\n.Testimonial__quoteMark {\n  --brand-Testimonial-quoteMarkColor-gradient: radial-gradient(\n    circle at top left,\n    var(--brand-Testimonial-quoteMarkColor-start),\n    var(--brand-Testimonial-quoteMarkColor-end)\n  );\n  --brand-Testimonial-quoteMarkColor-background: var(\n    --brand-Testimonial-quoteMarkColor-gradient,\n    var(--brand-Testimonial-quoteMarkColor, currentColor)\n  );\n  color: var(--brand-Testimonial-quoteMarkColor-start, var(--brand-Testimonial-quoteMarkColor, currentColor));\n  font-size: var(--base-size-48);\n  line-height: var(--base-size-48);\n  font-weight: var(--base-text-weight-extrabold);\n  position: relative;\n}\n\n.Testimonial__quoteMark::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: var(--brand-Testimonial-quoteMarkColor-background);\n  -webkit-mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,\n    linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));\n  mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,\n    linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n}\n\n.Testimonial__quoteMark--hasBackground {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: calc(var(--base-size-48) + var(--base-size-8));\n  height: calc(var(--base-size-48) + var(--base-size-8));\n  border-radius: var(--base-size-12);\n  background-color: var(--brand-Testimonial-quoteMarkBackground, var(--base-color-scale-gray-0));\n  font-size: var(--base-size-64);\n  line-height: 1;\n}\n\n.Testimonial--size-large .Testimonial__quoteMark:not(.Testimonial__quoteMark--hasBackground) {\n  font-size: 7.5rem; /* 120px */\n  line-height: 1;\n}\n\n.Testimonial__quoteMarkGlyph {\n  display: block;\n}\n\n.Testimonial-quote {\n  font-family: var(--brand-fontStack-sansSerif);\n  font-size: var(--brand-Testimonial-quote-fontSize-default);\n  font-weight: var(--brand-Testimonial-quote-fontWeight-default);\n  letter-spacing: var(--brand-Testimonial-quote-letterSpacing-default);\n  line-height: 1.2; /* requires custom line-height */\n  display: block;\n}\n\n.Testimonial--size-large .Testimonial-quote {\n  font-size: var(--brand-Testimonial-quote-fontSize-large);\n  font-weight: var(--brand-Testimonial-quote-fontWeight-large);\n  letter-spacing: var(--brand-Testimonial-quote-letterSpacing-large);\n}\n\n.Testimonial-quote em,\n.Testimonial-quote b {\n  color: var(--brand-Testimonial-quote-color-emphasis);\n  font-style: normal;\n  font-weight: inherit;\n}\n\n.Testimonial__media {\n  display: flex;\n  gap: var(--base-size-16);\n  align-items: center;\n  margin-top: var(--base-size-24);\n}\n\n.Testimonial--size-large .Testimonial__media {\n  margin-top: var(--base-size-64);\n}\n\n.Testimonial-caption {\n  display: flex;\n  flex-direction: column;\n}\n\n.Testimonial-avatar {\n  flex: none;\n}\n\n.Testimonial-from {\n  font-weight: var(--base-text-weight-normal);\n  text-transform: uppercase;\n}\n\n/* Expressive variant */\n.Testimonial--variant-expressive {\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-48);\n}\n\n@media screen and (min-width: 48rem) {\n  .Testimonial--variant-expressive {\n    flex-direction: row;\n    align-items: flex-end;\n    gap: var(--base-size-96);\n  }\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteWrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--base-size-24);\n  flex: 1 1 0;\n  min-width: 0;\n}\n\n.Testimonial--variant-expressive .Testimonial__media {\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--base-size-24);\n  margin-block-start: 0;\n  flex: 0 0 auto;\n}\n\n.Testimonial--variant-expressive .Testimonial-caption {\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n  padding-block-start: var(--base-size-24);\n  width: 100%;\n  gap: var(--base-size-8);\n}\n\n@media screen and (min-width: 48rem) {\n  .Testimonial--variant-expressive .Testimonial__media {\n    min-width: 240px;\n    max-width: 320px;\n  }\n}\n\n.Testimonial--variant-expressive .Testimonial-from {\n  display: flex;\n  align-items: center;\n  gap: var(--base-size-8);\n  font-family: var(--brand-fontStack-monospace);\n  font-weight: var(--base-text-weight-medium);\n  text-transform: uppercase;\n  letter-spacing: 0.01em;\n}\n\n.Testimonial--variant-expressive .Testimonial-from::before {\n  content: '';\n  display: inline-block;\n  width: 9px;\n  height: 14px;\n  background-color: var(--testimonial-accent-color, var(--brand-Testimonial-quoteMarkColor-default));\n  flex-shrink: 0;\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteMark {\n  font-family: var(--brand-fontStack-monospace);\n  font-weight: var(--brand-fontWeight-300);\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteMarkGlyph {\n  transform: translateY(var(--base-size-12));\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteMark:not(.Testimonial__quoteMark--hasBackground) {\n  margin-left: -0.18em;\n}\n\n.Testimonial--variant-expressive .Testimonial-quote {\n  font-family: var(--brand-fontStack-monospace);\n  line-height: var(--brand-text-lineHeight-400);\n  font-weight: var(--base-text-weight-normal);\n}\n\n.Testimonial-link {\n  margin-top: var(--base-size-8);\n}\n\n.Testimonial__quoteMark--default {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-default);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-default);\n}\n\n.Testimonial__quoteMark--blue {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-blue);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-blue);\n}\n\n.Testimonial__quoteMark--blue-purple {\n  --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-blue-purple-start);\n  --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-blue-purple-end);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-blue-purple);\n}\n\n.Testimonial__quoteMark--coral {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-coral);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-coral);\n}\n\n.Testimonial__quoteMark--green {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-green);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-green);\n}\n\n.Testimonial__quoteMark--green-blue {\n  --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-green-blue-start);\n  --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-green-blue-end);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-green-blue);\n}\n\n.Testimonial__quoteMark--gray {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-gray);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-gray);\n}\n\n.Testimonial__quoteMark--indigo {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-indigo);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-indigo);\n}\n\n.Testimonial__quoteMark--lemon {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-lemon);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-lemon);\n}\n\n.Testimonial__quoteMark--lime {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-lime);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-lime);\n}\n\n.Testimonial__quoteMark--orange {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-orange);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-orange);\n}\n\n.Testimonial__quoteMark--pink {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-pink);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-pink);\n}\n\n.Testimonial__quoteMark--pink-blue {\n  --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-pink-blue-start);\n  --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-pink-blue-end);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-pink-blue);\n}\n\n.Testimonial__quoteMark--purple {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-purple);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-purple);\n}\n\n.Testimonial__quoteMark--purple-red {\n  --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-purple-red-start);\n  --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-purple-red-end);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-purple-red);\n}\n\n.Testimonial__quoteMark--red {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-red);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-red);\n}\n\n.Testimonial__quoteMark--red-orange {\n  --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-red-orange-start);\n  --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-red-orange-end);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-red-orange);\n}\n\n.Testimonial__quoteMark--teal {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-teal);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-teal);\n}\n\n.Testimonial__quoteMark--yellow {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-yellow);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-yellow);\n}\n"],"mappings":""}
+{"version":3,"file":"Testimonial.module.js","names":[],"sources":["../../src/Testimonial/Testimonial.module.css"],"sourcesContent":[".Testimonial {\n  color: var(--brand-color-text-default);\n  font-family: var(--brand-fontStack-sansSerif);\n}\n\n.Testimonial--variant-subtle,\n.Testimonial--variant-default {\n  position: relative;\n  border-radius: var(--brand-borderRadius-xlarge);\n  padding: var(--base-size-48) var(--base-size-32);\n}\n\n@media screen and (min-width: 48rem) {\n  .Testimonial--variant-subtle,\n  .Testimonial--variant-default {\n    padding: var(--base-size-48);\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Testimonial--variant-subtle.Testimonial--size-large,\n  .Testimonial--variant-default.Testimonial--size-large {\n    padding: var(--base-size-96) var(--base-size-128);\n  }\n}\n\n.Testimonial--variant-subtle {\n  background-color: var(--brand-color-canvas-subtle);\n}\n\n.Testimonial--variant-default {\n  background-color: var(--brand-color-canvas-default);\n}\n\n.Testimonial--variant-subtle::before,\n.Testimonial--variant-default::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  content: '';\n  border-radius: inherit;\n}\n\n.Testimonial--variant-subtle.Testimonial--border::before {\n  mask-image: var(--brand-Testimonial-borderMask-subtle);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n}\n\n.Testimonial--variant-default.Testimonial--border::before {\n  mask-image: var(--brand-Testimonial-borderMask-default);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n}\n\n.Testimonial__quoteMark {\n  --brand-Testimonial-quoteMarkColor-gradient: radial-gradient(\n    circle at top left,\n    var(--brand-Testimonial-quoteMarkColor-start),\n    var(--brand-Testimonial-quoteMarkColor-end)\n  );\n  --brand-Testimonial-quoteMarkColor-background: var(\n    --brand-Testimonial-quoteMarkColor-gradient,\n    var(--brand-Testimonial-quoteMarkColor, currentColor)\n  );\n  color: var(--brand-Testimonial-quoteMarkColor-start, var(--brand-Testimonial-quoteMarkColor, currentColor));\n  font-size: var(--base-size-48);\n  line-height: var(--base-size-48);\n  font-weight: var(--base-text-weight-extrabold);\n  position: relative;\n}\n\n.Testimonial__quoteMark::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: var(--brand-Testimonial-quoteMarkColor-background);\n  -webkit-mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,\n    linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));\n  mask: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) content-box,\n    linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default));\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n}\n\n.Testimonial__quoteMark--hasBackground {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: calc(var(--base-size-48) + var(--base-size-8));\n  height: calc(var(--base-size-48) + var(--base-size-8));\n  border-radius: var(--base-size-12);\n  background-color: var(--brand-Testimonial-quoteMarkBackground, var(--base-color-scale-gray-0));\n  font-size: var(--base-size-64);\n  line-height: 1;\n}\n\n.Testimonial--size-large .Testimonial__quoteMark:not(.Testimonial__quoteMark--hasBackground) {\n  font-size: 7.5rem; /* 120px */\n  line-height: 1;\n}\n\n.Testimonial__quoteMarkGlyph {\n  display: block;\n}\n\n.Testimonial-quote {\n  font-family: var(--brand-fontStack-sansSerif);\n  font-size: var(--brand-Testimonial-quote-fontSize-default);\n  font-weight: var(--brand-Testimonial-quote-fontWeight-default);\n  letter-spacing: var(--brand-Testimonial-quote-letterSpacing-default);\n  line-height: 1.2; /* requires custom line-height */\n  display: block;\n}\n\n.Testimonial--size-large .Testimonial-quote {\n  font-size: var(--brand-Testimonial-quote-fontSize-large);\n  font-weight: var(--brand-Testimonial-quote-fontWeight-large);\n  letter-spacing: var(--brand-Testimonial-quote-letterSpacing-large);\n}\n\n.Testimonial-quote em,\n.Testimonial-quote b {\n  color: var(--brand-Testimonial-quote-color-emphasis);\n  font-style: normal;\n  font-weight: inherit;\n}\n\n.Testimonial__media {\n  display: flex;\n  gap: var(--base-size-16);\n  align-items: center;\n  margin-top: var(--base-size-24);\n}\n\n.Testimonial-logo-image {\n  display: block;\n}\n\n.Testimonial--size-large .Testimonial__media {\n  margin-top: var(--base-size-64);\n}\n\n.Testimonial-caption {\n  display: flex;\n  flex-direction: column;\n}\n\n.Testimonial-avatar {\n  flex: none;\n}\n\n.Testimonial-from {\n  font-weight: var(--base-text-weight-normal);\n  text-transform: uppercase;\n}\n\n/* Expressive variant */\n.Testimonial--variant-expressive {\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-36);\n  width: 100%;\n  max-width: 1176px;\n  padding-inline: var(--base-size-20);\n  padding-block: var(--base-size-40);\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteWrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--base-size-36);\n  min-width: 0;\n}\n\n.Testimonial--variant-expressive .Testimonial__media {\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--base-size-28);\n  margin-block-start: 0;\n  width: 100%;\n}\n\n.Testimonial--variant-expressive .Testimonial-avatar {\n  width: var(--base-size-40);\n  height: var(--base-size-40);\n}\n\n.Testimonial--variant-expressive .Testimonial-caption {\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);\n  padding-block-start: var(--base-size-20);\n  width: 100%;\n  gap: var(--base-size-6);\n}\n\n@media screen and (min-width: 48rem) {\n  .Testimonial--variant-expressive .Testimonial__quoteWrapper {\n    gap: var(--base-size-40);\n  }\n\n  .Testimonial--variant-expressive .Testimonial__media {\n    width: 356px;\n  }\n}\n\n.Testimonial--variant-expressive .Testimonial-from {\n  display: flex;\n  align-items: center;\n  gap: calc(var(--base-size-8) + var(--base-size-2));\n  font-family: var(--brand-fontStack-monospace);\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--brand-heading-weight-500);\n  line-height: var(--brand-text-lineHeight-100);\n  text-transform: uppercase;\n  letter-spacing: 0.0107em;\n}\n\n.Testimonial--variant-expressive .Testimonial-from::before {\n  content: '';\n  display: inline-block;\n  width: 0.5625rem;\n  height: 0.875rem;\n  background-color: var(--brand-color-text-emphasized);\n  flex-shrink: 0;\n}\n\n.Testimonial--variant-expressive .Testimonial-position {\n  font-size: var(--brand-text-size-200);\n  font-weight: var(--base-text-weight-normal);\n  line-height: 1.6;\n  letter-spacing: 0.01em;\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteMark {\n  font-family: var(--brand-fontStack-monospace);\n  font-weight: var(--brand-fontWeight-300);\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteMarkGlyph {\n  transform: translateY(var(--base-size-12));\n}\n\n.Testimonial--variant-expressive .Testimonial__quoteMark:not(.Testimonial__quoteMark--hasBackground) {\n  margin-left: -0.18em;\n}\n\n.Testimonial--variant-expressive .Testimonial-quote {\n  font-family: var(--brand-fontStack-monospace);\n  font-size: 1.5rem;\n  font-weight: 425;\n  letter-spacing: -0.01em;\n  line-height: var(--brand-text-lineHeight-100);\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n@media screen and (min-width: 48rem) {\n  .Testimonial--variant-expressive {\n    max-width: 618px;\n    margin-inline: auto;\n    padding-inline: var(--base-size-36);\n    padding-block: var(--base-size-44);\n  }\n  .Testimonial--variant-expressive .Testimonial-quote {\n    font-size: 1.625rem;\n    letter-spacing: -0.02em;\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Testimonial--variant-expressive {\n    display: grid;\n    grid-template-columns: minmax(0, 744px) 312px;\n    column-gap: calc(var(--base-size-96) + var(--base-size-24));\n    align-items: end;\n    max-width: 1176px;\n    margin-inline: auto;\n    padding-inline: var(--base-size-48);\n    padding-block: var(--base-size-88);\n  }\n\n  .Testimonial--variant-expressive.Testimonial--hasLink {\n    row-gap: var(--base-size-48);\n  }\n\n  .Testimonial--variant-expressive .Testimonial__quoteWrapper {\n    grid-column: 1;\n    grid-row: 1;\n    gap: var(--base-size-48);\n  }\n\n  .Testimonial--variant-expressive .Testimonial__media {\n    grid-column: 2;\n    grid-row: 1;\n    width: 312px;\n    gap: var(--base-size-32);\n  }\n\n  .Testimonial--variant-expressive.Testimonial--hasLink .Testimonial__media {\n    grid-row: 1 / span 2;\n  }\n\n  .Testimonial--variant-expressive .Testimonial-caption {\n    padding-block-start: var(--base-size-24);\n  }\n\n  .Testimonial--variant-expressive .Testimonial-quote {\n    font-size: var(--base-size-32);\n  }\n\n  .Testimonial--variant-expressive .Testimonial-link {\n    grid-column: 1;\n    grid-row: 2;\n  }\n}\n\n@media screen and (min-width: 80rem) {\n  .Testimonial--variant-expressive {\n    padding-inline: 0;\n  }\n\n  .Testimonial--variant-expressive .Testimonial-avatar {\n    width: var(--base-size-48);\n    height: var(--base-size-48);\n  }\n}\n\n.Testimonial-link {\n  margin-top: var(--base-size-8);\n}\n\n.Testimonial--variant-expressive .Testimonial-link {\n  align-self: flex-start;\n  width: fit-content;\n  margin-top: 0;\n}\n\n.Testimonial__quoteMark--default {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-default);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-default);\n}\n\n.Testimonial__quoteMark--blue {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-blue);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-blue);\n}\n\n.Testimonial__quoteMark--blue-purple {\n  --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-blue-purple-start);\n  --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-blue-purple-end);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-blue-purple);\n}\n\n.Testimonial__quoteMark--coral {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-coral);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-coral);\n}\n\n.Testimonial__quoteMark--green {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-green);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-green);\n}\n\n.Testimonial__quoteMark--green-blue {\n  --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-green-blue-start);\n  --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-green-blue-end);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-green-blue);\n}\n\n.Testimonial__quoteMark--gray {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-gray);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-gray);\n}\n\n.Testimonial__quoteMark--indigo {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-indigo);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-indigo);\n}\n\n.Testimonial__quoteMark--lemon {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-lemon);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-lemon);\n}\n\n.Testimonial__quoteMark--lime {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-lime);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-lime);\n}\n\n.Testimonial__quoteMark--orange {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-orange);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-orange);\n}\n\n.Testimonial__quoteMark--pink {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-pink);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-pink);\n}\n\n.Testimonial__quoteMark--pink-blue {\n  --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-pink-blue-start);\n  --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-pink-blue-end);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-pink-blue);\n}\n\n.Testimonial__quoteMark--purple {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-purple);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-purple);\n}\n\n.Testimonial__quoteMark--purple-red {\n  --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-purple-red-start);\n  --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-purple-red-end);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-purple-red);\n}\n\n.Testimonial__quoteMark--red {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-red);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-red);\n}\n\n.Testimonial__quoteMark--red-orange {\n  --brand-Testimonial-quoteMarkColor-start: var(--brand-Testimonial-quoteMarkColor-red-orange-start);\n  --brand-Testimonial-quoteMarkColor-end: var(--brand-Testimonial-quoteMarkColor-red-orange-end);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-red-orange);\n}\n\n.Testimonial__quoteMark--teal {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-teal);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-teal);\n}\n\n.Testimonial__quoteMark--yellow {\n  --brand-Testimonial-quoteMarkColor: var(--brand-Testimonial-quoteMarkColor-yellow);\n  --brand-Testimonial-quoteMarkBackground: var(--brand-Testimonial-quoteMarkBackground-yellow);\n}\n"],"mappings":""}

package/esm/VideoPlayer/VideoPlayer.js

@@ -1,8 +1,8 @@
 import e from "../node_modules/clsx/dist/clsx.js";
 import { useProvidedRefOrCreate as t } from "../hooks/useRef.js";
 import { Text as n } from "../Text/Text.js";
-import { PlayIcon as r } from "./components/PlayIcon/PlayIcon.js";
-import { MarkGithubIcon as i } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
+import { MarkGithubIcon as r } from "../node_modules/@primer/octicons-react/dist/index.esm.js";
+import { PlayIcon as i } from "./components/PlayIcon/PlayIcon.js";
 import a from "./VideoPlayer.module.js";
 import { VideoContext as o, VideoProvider as s, useVideo as c } from "./hooks/useVideo.js";
 import { Captions as l } from "./components/Captions/Captions.js";
@@ -19,7 +19,7 @@ import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/compon
 import { forwardRef as v, useCallback as y, useContext as b } from "react";
 import { jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/VideoPlayer/VideoPlayer.tsx
-var C = v(({ title: o, visuallyHiddenTitle: s, showBranding: v = !0, children: b, className: C, showPlayPauseButton: T = !0, showSeekControl: E = !0, showCCButton: D = !0, showMuteButton: O = !0, showVolumeControl: k = !0, showFullScreenButton: A = !0, playIcon: j = () => /* @__PURE__ */ x(r, { className: a.VideoPlayer__playButton }), ...M }, N) => {
+var C = v(({ title: o, visuallyHiddenTitle: s, showBranding: v = !0, children: b, className: C, showPlayPauseButton: T = !0, showSeekControl: E = !0, showCCButton: D = !0, showMuteButton: O = !0, showVolumeControl: k = !0, showFullScreenButton: A = !0, playIcon: j = () => /* @__PURE__ */ x(i, { className: a.VideoPlayer__playButton }), ...M }, N) => {
 	let { ccEnabled: P, fullscreenRef: F, isPlaying: I, ref: L, togglePlaying: R } = c(), z = t(y((e) => {
 		w(N, e);
 	}, [N])), B = y((e) => {
@@ -46,7 +46,7 @@ var C = v(({ title: o, visuallyHiddenTitle: s, showBranding: v = !0, children: b
 					}),
 					v || !s ? /* @__PURE__ */ S("div", {
 						className: e(a.VideoPlayer__title, I && a["VideoPlayer__title--hidden"]),
-						children: [v && /* @__PURE__ */ x(i, {
+						children: [v && /* @__PURE__ */ x(r, {
 							size: 40,
 							"aria-label": "GitHub logo"
 						}), !s && /* @__PURE__ */ x(n, {

package/esm/css/reset-CSgu34_f.css

@@ -0,0 +1 @@
+*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html,html:focus-within{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html,html:focus-within{scroll-behavior:auto}}body{min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}img,picture{max-width:100%}input,button,textarea,select{font:inherit}

package/esm/css/stylesheets.js

@@ -1,4 +1,4 @@
-import './utilities-BivJncWo.css';import './reset-PKNIUbst.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/typography/typography-responsive-D6GwCHec.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/breakpoints-DV9ZFHGu.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/border-B0NqqX5b.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/colors/global-with-modes-tpdcmiok.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/typography/typography-CAC6sGQ3.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/size/size-6EfgMG7y.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes-BVk7bh0Y.css';/* empty css      */
+import './utilities-BivJncWo.css';import './reset-CSgu34_f.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/typography/typography-responsive-D6GwCHec.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/breakpoints-DV9ZFHGu.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/border-B0NqqX5b.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/colors/global-with-modes-Bdet_nBw.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/typography/typography-CAC6sGQ3.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/size/size-6EfgMG7y.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes-BVk7bh0Y.css';/* empty css      */
 /* empty css                                                                                         */
 /* empty css                                                                    */
 /* empty css                                                                                */

package/esm/index.esm.js

@@ -10,71 +10,71 @@ import { Text as S, TextFontVariants as C, TextSizes as w, TextTags as T, TextVa
 import { EyebrowText as M, EyebrowTextVariants as N } from "./EyebrowText/EyebrowText.js";
 import { TextCursorAnimation as P, testIds as F } from "./TextCursorAnimation/TextCursorAnimation.js";
 import { Heading as I, HeadingFontVariants as L, HeadingLetterSpacing as R, HeadingSizes as z, HeadingStretch as B, HeadingTags as V, HeadingWeights as H, classMap as U, defaultHeadingFont as W, defaultHeadingTag as G } from "./Heading/Heading.js";
-import { Image as K, ImageBorderRadiusOptions as q } from "./Image/Image.js";
-import { Button as J, ButtonSizes as Y, ButtonVariants as X, _Button as Z, defaultButtonSize as Q, defaultButtonVariant as $ } from "./Button/Button.js";
-import { Hero as ee } from "./Hero/Hero.js";
-import { ColorModesEnum as te, ThemeContext as ne, ThemeProvider as re } from "./ThemeProvider/ThemeProvider.js";
-import { useTheme as ie } from "./ThemeProvider/useTheme.js";
-import { ButtonGroup as ae } from "./ButtonGroup/ButtonGroup.js";
-import { RiverAccordion as oe, RiverAccordionVariants as se } from "./river/RiverAccordion/RiverAccordion.js";
-import { Link as ce, LinkArrowDirections as le, LinkSizes as ue, LinkVariants as de } from "./Link/Link.js";
-import { Label as fe, LabelColors as pe, LabelSizes as me, defaultLabelColor as he, defaultLabelSize as ge } from "./Label/Label.js";
-import { River as _e, defaultRiverAlign as ve, defaultRiverImageTextRatio as ye, defaultRiverVariant as be } from "./river/River/River.js";
-import { RiverBreakout as xe, RiverBreakoutVariants as Se } from "./river/RiverBreakout/RiverBreakout.js";
-import { Icon as Ce, defaultIconColor as we, defaultIconSize as Te, iconColors as Ee, iconSizeMap as De, iconSizes as Oe, namedIconSizes as ke, numericIconSizes as Ae } from "./Icon/Icon.js";
-import { BreakpointSize as je, useWindowSize as Me } from "./hooks/useWindowSize.js";
-import { RiverBreakoutTabs as Ne } from "./river/RiverBreakoutTabs/RiverBreakoutTabs.js";
-import { RiverStoryScroll as Pe } from "./river/RiverStoryScroll/RiverStoryScroll.js";
-import { Pagination as Fe } from "./Pagination/Pagination.js";
-import { MediaPlaylist as Ie } from "./MediaPlaylist/MediaPlaylist.js";
-import { useFocusTrap as Le } from "./hooks/useFocusTrap.js";
-import { SubdomainNavBar as Re } from "./SubdomainNavBar/SubdomainNavBar.js";
-import { InlineLink as ze } from "./InlineLink/InlineLink.js";
-import { Token as Be, TokenVariants as Ve, defaultTokenVariant as He } from "./Token/Token.js";
-import { Accordion as Ue, AccordionContent as We, AccordionHeading as Ge, AccordionRoot as Ke, AccordionToggleColors as qe } from "./Accordion/Accordion.js";
-import { FAQ as Je } from "./FAQ/FAQ.js";
-import { FAQGroup as Ye } from "./FAQ/FAQGroup.js";
-import { Checkbox as Xe } from "./forms/Checkbox/Checkbox.js";
-import { DEFAULT_TEXTAREA_COLS as Ze, DEFAULT_TEXTAREA_RESIZE as Qe, DEFAULT_TEXTAREA_ROWS as $e, Textarea as et } from "./forms/Textarea/Textarea.js";
-import { TextInput as tt } from "./forms/TextInput/TextInput.js";
-import { Select as nt } from "./forms/Select/Select.js";
-import { Radio as rt } from "./forms/Radio/Radio.js";
-import { FormControl as it } from "./forms/FormControl/FormControl.js";
-import { CheckboxGroup as at } from "./forms/CheckboxGroup/CheckboxGroup.js";
-import { RadioGroup as ot } from "./forms/RadioGroup/RadioGroup.js";
-import { Avatar as st, AvatarShapes as ct, AvatarSizes as lt } from "./Avatar/Avatar.js";
-import { Testimonial as ut, TestimonialQuoteMarkColors as dt, TestimonialVariants as ft, defaultQuoteMarkColor as pt, defaultTestimonialVariant as mt } from "./Testimonial/Testimonial.js";
-import { ComparisonTable as ht, _ComparisonTable as gt } from "./ComparisonTable/ComparisonTable.js";
-import { AnchorNav as _t } from "./AnchorNav/AnchorNav.js";
-import { CTABanner as vt, CTABannerBackgroundColors as yt } from "./CTABanner/CTABanner.js";
-import { UnorderedList as bt } from "./list/UnorderedList/UnorderedList.js";
-import { OrderedList as xt } from "./list/OrderedList/OrderedList.js";
-import { CTAForm as St } from "./CTAForm/CTAForm.js";
-import { MinimalFooter as Ct } from "./MinimalFooter/MinimalFooter.js";
-import { Pillar as wt, defaultPillarIconColor as Tt, defaultPillarIconSize as Et } from "./Pillar/Pillar.js";
-import { Card as Dt, CardBackgroundColors as Ot, CardCTAVariants as kt, CardIconColors as At, CardLabelVariants as jt, CardTokenPositions as Mt, CardVariants as Nt, defaultCardCTAVariant as Pt, defaultCardIconColor as Ft, defaultCardLabelVariant as It } from "./Card/Card.js";
-import { CardSkewEffect as Lt } from "./Card/CardSkewEffect.js";
-import { SectionIntro as Rt } from "./SectionIntro/SectionIntro.js";
-import { ActionMenu as zt, ActionMenuButtonModes as Bt, ActionMenuProvider as Vt, ActionMenuSizes as Ht, actionMenuOverlaySides as Ut, useActionMenuContext as Wt } from "./ActionMenu/ActionMenu.js";
-import { Prose as Gt } from "./Prose/Prose.js";
-import { useVideo as Kt } from "./VideoPlayer/hooks/useVideo.js";
-import { VideoPlayer as qt } from "./VideoPlayer/VideoPlayer.js";
-import { LogoSuite as Jt } from "./LogoSuite/LogoSuite.js";
-import { Timeline as Yt } from "./Timeline/Timeline.js";
-import { Bento as Xt } from "./Bento/Bento.js";
-import { EyebrowBanner as Zt, EyebrowBannerIconColors as Qt, EyebrowBannerLabelColors as $t, defaultEyebrowBannerIconColor as en } from "./EyebrowBanner/EyebrowBanner.js";
-import { Tooltip as tn, TooltipContext as nn } from "./Tooltip/Tooltip.js";
-import { PricingOptions as rn } from "./PricingOptions/PricingOptions.js";
-import { SubNav as an, SubNavSubMenuVariants as on, useSubNavContext as sn } from "./SubNav/SubNav.js";
-import { NavList as cn } from "./NavList/NavList.js";
-import { IDE as ln, IDEDefaultIconMap as un, IDEFileExtensions as dn } from "./IDE/IDE.js";
-import { BreadcrumbVariants as fn, Breadcrumbs as pn } from "./Breadcrumbs/Breadcrumbs.js";
-import { Section as mn, SectionBackgroundColors as hn, SectionPaddingVariants as gn } from "./Section/Section.js";
-import { Statistic as _n, StatisticSizes as vn, StatisticSpacingValues as yn } from "./Statistic/Statistic.js";
-import { BreakoutBanner as bn, BreakoutBannerBackgroundColors as xn } from "./BreakoutBanner/BreakoutBanner.js";
-import { Footnotes as Sn, FootnotesItemTags as Cn, FootnotesTags as wn } from "./Footnotes/Footnotes.js";
-import { FrostedGlassVFX as Tn, FrostedGlassVFXIntensity as En, defaultFrostedGlassVFXIntensity as Dn } from "./FrostedGlassVFX/FrostedGlassVFX.js";
-import { SectionIntroStacked as On, SectionIntroStackedVariants as kn } from "./SectionIntroStacked/SectionIntroStacked.js";
-import { Tabs as An } from "./Tabs/Tabs.js";
-import { Tiles as jn } from "./Tiles/Tiles.js";
-export { Ue as Accordion, We as AccordionContent, Ge as AccordionHeading, Ke as AccordionRoot, qe as AccordionToggleColors, zt as ActionMenu, Bt as ActionMenuButtonModes, Vt as ActionMenuProvider, Ht as ActionMenuSizes, _t as AnchorNav, a as Animate, n as AnimationContext, r as AnimationProvider, i as AnimationVariants, st as Avatar, ct as AvatarShapes, lt as AvatarSizes, Xt as Bento, g as Box, _ as BoxBackgroundColors, v as BoxBorderColorOptions, y as BoxBorderRadiusOptions, b as BoxBorderWidthOptions, x as BoxSpacingValues, fn as BreadcrumbVariants, pn as Breadcrumbs, bn as BreakoutBanner, xn as BreakoutBannerBackgroundColors, je as BreakpointSize, J as Button, ae as ButtonGroup, Y as ButtonSizes, X as ButtonVariants, vt as CTABanner, yt as CTABannerBackgroundColors, St as CTAForm, Dt as Card, Ot as CardBackgroundColors, kt as CardCTAVariants, At as CardIconColors, jt as CardLabelVariants, Lt as CardSkewEffect, Mt as CardTokenPositions, Nt as CardVariants, Xe as Checkbox, at as CheckboxGroup, te as ColorModesEnum, ht as ComparisonTable, Ze as DEFAULT_TEXTAREA_COLS, Qe as DEFAULT_TEXTAREA_RESIZE, $e as DEFAULT_TEXTAREA_ROWS, Zt as EyebrowBanner, Qt as EyebrowBannerIconColors, $t as EyebrowBannerLabelColors, M as EyebrowText, N as EyebrowTextVariants, Je as FAQ, Ye as FAQGroup, Sn as Footnotes, Cn as FootnotesItemTags, wn as FootnotesTags, it as FormControl, Tn as FrostedGlassVFX, En as FrostedGlassVFXIntensity, t as Grid, I as Heading, L as HeadingFontVariants, R as HeadingLetterSpacing, z as HeadingSizes, B as HeadingStretch, V as HeadingTags, H as HeadingWeights, ee as Hero, ln as IDE, un as IDEDefaultIconMap, dn as IDEFileExtensions, Ce as Icon, K as Image, q as ImageBorderRadiusOptions, ze as InlineLink, fe as Label, pe as LabelColors, me as LabelSizes, ce as Link, le as LinkArrowDirections, ue as LinkSizes, de as LinkVariants, Jt as LogoSuite, Ie as MediaPlaylist, Ct as MinimalFooter, cn as NavList, xt as OrderedList, Fe as Pagination, wt as Pillar, rn as PricingOptions, Gt as Prose, rt as Radio, ot as RadioGroup, _e as River, oe as RiverAccordion, se as RiverAccordionVariants, xe as RiverBreakout, Ne as RiverBreakoutTabs, Se as RiverBreakoutVariants, Pe as RiverStoryScroll, mn as Section, hn as SectionBackgroundColors, Rt as SectionIntro, On as SectionIntroStacked, kn as SectionIntroStackedVariants, gn as SectionPaddingVariants, nt as Select, c as Stack, l as StackAlignItemVariants, u as StackDirectionVariants, d as StackFlexWrapVariants, f as StackJustifyContentVariants, p as StackSpacingVariants, _n as Statistic, vn as StatisticSizes, yn as StatisticSpacingValues, an as SubNav, on as SubNavSubMenuVariants, Re as SubdomainNavBar, An as Tabs, ut as Testimonial, dt as TestimonialQuoteMarkColors, ft as TestimonialVariants, S as Text, P as TextCursorAnimation, C as TextFontVariants, tt as TextInput, s as TextRevealAnimation, w as TextSizes, T as TextTags, E as TextVariants, D as TextWeights, et as Textarea, ne as ThemeContext, re as ThemeProvider, jn as Tiles, Yt as Timeline, Be as Token, Ve as TokenVariants, tn as Tooltip, nn as TooltipContext, bt as UnorderedList, qt as VideoPlayer, Z as _Button, gt as _ComparisonTable, e as _GLOBAL_STYLES, Ut as actionMenuOverlaySides, U as classMap, Q as defaultButtonSize, $ as defaultButtonVariant, Pt as defaultCardCTAVariant, Ft as defaultCardIconColor, It as defaultCardLabelVariant, en as defaultEyebrowBannerIconColor, O as defaultFontVariant, Dn as defaultFrostedGlassVFXIntensity, W as defaultHeadingFont, G as defaultHeadingTag, we as defaultIconColor, Te as defaultIconSize, he as defaultLabelColor, ge as defaultLabelSize, Tt as defaultPillarIconColor, Et as defaultPillarIconSize, pt as defaultQuoteMarkColor, ve as defaultRiverAlign, ye as defaultRiverImageTextRatio, be as defaultRiverVariant, m as defaultStackDirection, h as defaultStackSpacing, mt as defaultTestimonialVariant, k as defaultTextSize, A as defaultTextTag, j as defaultTextVariant, He as defaultTokenVariant, Ee as iconColors, De as iconSizeMap, Oe as iconSizes, ke as namedIconSizes, Ae as numericIconSizes, F as testIds, Wt as useActionMenuContext, o as useAnimation, Le as useFocusTrap, sn as useSubNavContext, ie as useTheme, Kt as useVideo, Me as useWindowSize };
+import { Button as K, ButtonSizes as q, ButtonVariants as J, _Button as Y, defaultButtonSize as X, defaultButtonVariant as Z } from "./Button/Button.js";
+import { ColorModesEnum as Q, ThemeContext as $, ThemeProvider as ee } from "./ThemeProvider/ThemeProvider.js";
+import { useTheme as te } from "./ThemeProvider/useTheme.js";
+import { ActionMenu as ne, ActionMenuButtonModes as re, ActionMenuProvider as ie, ActionMenuSizes as ae, actionMenuOverlaySides as oe, useActionMenuContext as se } from "./ActionMenu/ActionMenu.js";
+import { ButtonGroup as ce } from "./ButtonGroup/ButtonGroup.js";
+import { Image as le, ImageBorderRadiusOptions as ue } from "./Image/Image.js";
+import { Hero as de } from "./Hero/Hero.js";
+import { RiverAccordion as fe, RiverAccordionVariants as pe } from "./river/RiverAccordion/RiverAccordion.js";
+import { Link as me, LinkArrowDirections as he, LinkSizes as ge, LinkVariants as _e } from "./Link/Link.js";
+import { Label as ve, LabelColors as ye, LabelSizes as be, defaultLabelColor as xe, defaultLabelSize as Se } from "./Label/Label.js";
+import { River as Ce, RiverVisualPaddingOptions as we, RiverVisualPositionOptions as Te, defaultRiverAlign as Ee, defaultRiverImageTextRatio as De, defaultRiverVariant as Oe } from "./river/River/River.js";
+import { RiverBreakout as ke, RiverBreakoutVariants as Ae } from "./river/RiverBreakout/RiverBreakout.js";
+import { Icon as je, defaultIconColor as Me, defaultIconSize as Ne, iconColors as Pe, iconSizeMap as Fe, iconSizes as Ie, namedIconSizes as Le, numericIconSizes as Re } from "./Icon/Icon.js";
+import { BreakpointSize as ze, useWindowSize as Be } from "./hooks/useWindowSize.js";
+import { RiverBreakoutTabs as Ve } from "./river/RiverBreakoutTabs/RiverBreakoutTabs.js";
+import { RiverStoryScroll as He } from "./river/RiverStoryScroll/RiverStoryScroll.js";
+import { Pagination as Ue } from "./Pagination/Pagination.js";
+import { MediaPlaylist as We } from "./MediaPlaylist/MediaPlaylist.js";
+import { useFocusTrap as Ge } from "./hooks/useFocusTrap.js";
+import { SubdomainNavBar as Ke } from "./SubdomainNavBar/SubdomainNavBar.js";
+import { InlineLink as qe } from "./InlineLink/InlineLink.js";
+import { Token as Je, TokenVariants as Ye, defaultTokenVariant as Xe } from "./Token/Token.js";
+import { Accordion as Ze, AccordionContent as Qe, AccordionHeading as $e, AccordionRoot as et, AccordionToggleColors as tt } from "./Accordion/Accordion.js";
+import { FAQ as nt } from "./FAQ/FAQ.js";
+import { FAQGroup as rt } from "./FAQ/FAQGroup.js";
+import { Checkbox as it } from "./forms/Checkbox/Checkbox.js";
+import { DEFAULT_TEXTAREA_COLS as at, DEFAULT_TEXTAREA_RESIZE as ot, DEFAULT_TEXTAREA_ROWS as st, Textarea as ct } from "./forms/Textarea/Textarea.js";
+import { TextInput as lt } from "./forms/TextInput/TextInput.js";
+import { Select as ut } from "./forms/Select/Select.js";
+import { Radio as dt } from "./forms/Radio/Radio.js";
+import { FormControl as ft } from "./forms/FormControl/FormControl.js";
+import { CheckboxGroup as pt } from "./forms/CheckboxGroup/CheckboxGroup.js";
+import { RadioGroup as mt } from "./forms/RadioGroup/RadioGroup.js";
+import { Avatar as ht, AvatarShapes as gt, AvatarSizes as _t } from "./Avatar/Avatar.js";
+import { Testimonial as vt, TestimonialQuoteMarkColors as yt, TestimonialVariants as bt, defaultQuoteMarkColor as xt, defaultTestimonialVariant as St } from "./Testimonial/Testimonial.js";
+import { ComparisonTable as Ct, _ComparisonTable as wt } from "./ComparisonTable/ComparisonTable.js";
+import { AnchorNav as Tt } from "./AnchorNav/AnchorNav.js";
+import { CTABanner as Et, CTABannerBackgroundColors as Dt } from "./CTABanner/CTABanner.js";
+import { UnorderedList as Ot } from "./list/UnorderedList/UnorderedList.js";
+import { OrderedList as kt } from "./list/OrderedList/OrderedList.js";
+import { CTAForm as At } from "./CTAForm/CTAForm.js";
+import { MinimalFooter as jt } from "./MinimalFooter/MinimalFooter.js";
+import { Pillar as Mt, defaultPillarIconColor as Nt, defaultPillarIconSize as Pt } from "./Pillar/Pillar.js";
+import { Card as Ft, CardBackgroundColors as It, CardCTAVariants as Lt, CardIconColors as Rt, CardImagePaddingOptions as zt, CardLabelVariants as Bt, CardTokenPositions as Vt, CardVariants as Ht, defaultCardCTAVariant as Ut, defaultCardIconColor as Wt, defaultCardLabelVariant as Gt } from "./Card/Card.js";
+import { CardSkewEffect as Kt } from "./Card/CardSkewEffect.js";
+import { SectionIntro as qt } from "./SectionIntro/SectionIntro.js";
+import { Prose as Jt } from "./Prose/Prose.js";
+import { useVideo as Yt } from "./VideoPlayer/hooks/useVideo.js";
+import { VideoPlayer as Xt } from "./VideoPlayer/VideoPlayer.js";
+import { LogoSuite as Zt } from "./LogoSuite/LogoSuite.js";
+import { Timeline as Qt } from "./Timeline/Timeline.js";
+import { Bento as $t } from "./Bento/Bento.js";
+import { EyebrowBanner as en, EyebrowBannerIconColors as tn, EyebrowBannerLabelColors as nn, defaultEyebrowBannerIconColor as rn } from "./EyebrowBanner/EyebrowBanner.js";
+import { Tooltip as an, TooltipContext as on } from "./Tooltip/Tooltip.js";
+import { PricingOptions as sn } from "./PricingOptions/PricingOptions.js";
+import { SubNav as cn, SubNavSubMenuVariants as ln, useSubNavContext as un } from "./SubNav/SubNav.js";
+import { NavList as dn } from "./NavList/NavList.js";
+import { IDE as fn, IDEDefaultIconMap as pn, IDEFileExtensions as mn } from "./IDE/IDE.js";
+import { BreadcrumbVariants as hn, Breadcrumbs as gn } from "./Breadcrumbs/Breadcrumbs.js";
+import { Section as _n, SectionBackgroundColors as vn, SectionPaddingVariants as yn } from "./Section/Section.js";
+import { Statistic as bn, StatisticSizes as xn, StatisticSpacingValues as Sn } from "./Statistic/Statistic.js";
+import { BreakoutBanner as Cn, BreakoutBannerBackgroundColors as wn } from "./BreakoutBanner/BreakoutBanner.js";
+import { Footnotes as Tn, FootnotesItemTags as En, FootnotesTags as Dn } from "./Footnotes/Footnotes.js";
+import { FrostedGlassVFX as On, FrostedGlassVFXIntensity as kn, defaultFrostedGlassVFXIntensity as An } from "./FrostedGlassVFX/FrostedGlassVFX.js";
+import { SectionIntroStacked as jn, SectionIntroStackedVariants as Mn } from "./SectionIntroStacked/SectionIntroStacked.js";
+import { Tabs as Nn } from "./Tabs/Tabs.js";
+import { Tiles as Pn } from "./Tiles/Tiles.js";
+export { Ze as Accordion, Qe as AccordionContent, $e as AccordionHeading, et as AccordionRoot, tt as AccordionToggleColors, ne as ActionMenu, re as ActionMenuButtonModes, ie as ActionMenuProvider, ae as ActionMenuSizes, Tt as AnchorNav, a as Animate, n as AnimationContext, r as AnimationProvider, i as AnimationVariants, ht as Avatar, gt as AvatarShapes, _t as AvatarSizes, $t as Bento, g as Box, _ as BoxBackgroundColors, v as BoxBorderColorOptions, y as BoxBorderRadiusOptions, b as BoxBorderWidthOptions, x as BoxSpacingValues, hn as BreadcrumbVariants, gn as Breadcrumbs, Cn as BreakoutBanner, wn as BreakoutBannerBackgroundColors, ze as BreakpointSize, K as Button, ce as ButtonGroup, q as ButtonSizes, J as ButtonVariants, Et as CTABanner, Dt as CTABannerBackgroundColors, At as CTAForm, Ft as Card, It as CardBackgroundColors, Lt as CardCTAVariants, Rt as CardIconColors, zt as CardImagePaddingOptions, Bt as CardLabelVariants, Kt as CardSkewEffect, Vt as CardTokenPositions, Ht as CardVariants, it as Checkbox, pt as CheckboxGroup, Q as ColorModesEnum, Ct as ComparisonTable, at as DEFAULT_TEXTAREA_COLS, ot as DEFAULT_TEXTAREA_RESIZE, st as DEFAULT_TEXTAREA_ROWS, en as EyebrowBanner, tn as EyebrowBannerIconColors, nn as EyebrowBannerLabelColors, M as EyebrowText, N as EyebrowTextVariants, nt as FAQ, rt as FAQGroup, Tn as Footnotes, En as FootnotesItemTags, Dn as FootnotesTags, ft as FormControl, On as FrostedGlassVFX, kn as FrostedGlassVFXIntensity, t as Grid, I as Heading, L as HeadingFontVariants, R as HeadingLetterSpacing, z as HeadingSizes, B as HeadingStretch, V as HeadingTags, H as HeadingWeights, de as Hero, fn as IDE, pn as IDEDefaultIconMap, mn as IDEFileExtensions, je as Icon, le as Image, ue as ImageBorderRadiusOptions, qe as InlineLink, ve as Label, ye as LabelColors, be as LabelSizes, me as Link, he as LinkArrowDirections, ge as LinkSizes, _e as LinkVariants, Zt as LogoSuite, We as MediaPlaylist, jt as MinimalFooter, dn as NavList, kt as OrderedList, Ue as Pagination, Mt as Pillar, sn as PricingOptions, Jt as Prose, dt as Radio, mt as RadioGroup, Ce as River, fe as RiverAccordion, pe as RiverAccordionVariants, ke as RiverBreakout, Ve as RiverBreakoutTabs, Ae as RiverBreakoutVariants, He as RiverStoryScroll, we as RiverVisualPaddingOptions, Te as RiverVisualPositionOptions, _n as Section, vn as SectionBackgroundColors, qt as SectionIntro, jn as SectionIntroStacked, Mn as SectionIntroStackedVariants, yn as SectionPaddingVariants, ut as Select, c as Stack, l as StackAlignItemVariants, u as StackDirectionVariants, d as StackFlexWrapVariants, f as StackJustifyContentVariants, p as StackSpacingVariants, bn as Statistic, xn as StatisticSizes, Sn as StatisticSpacingValues, cn as SubNav, ln as SubNavSubMenuVariants, Ke as SubdomainNavBar, Nn as Tabs, vt as Testimonial, yt as TestimonialQuoteMarkColors, bt as TestimonialVariants, S as Text, P as TextCursorAnimation, C as TextFontVariants, lt as TextInput, s as TextRevealAnimation, w as TextSizes, T as TextTags, E as TextVariants, D as TextWeights, ct as Textarea, $ as ThemeContext, ee as ThemeProvider, Pn as Tiles, Qt as Timeline, Je as Token, Ye as TokenVariants, an as Tooltip, on as TooltipContext, Ot as UnorderedList, Xt as VideoPlayer, Y as _Button, wt as _ComparisonTable, e as _GLOBAL_STYLES, oe as actionMenuOverlaySides, U as classMap, X as defaultButtonSize, Z as defaultButtonVariant, Ut as defaultCardCTAVariant, Wt as defaultCardIconColor, Gt as defaultCardLabelVariant, rn as defaultEyebrowBannerIconColor, O as defaultFontVariant, An as defaultFrostedGlassVFXIntensity, W as defaultHeadingFont, G as defaultHeadingTag, Me as defaultIconColor, Ne as defaultIconSize, xe as defaultLabelColor, Se as defaultLabelSize, Nt as defaultPillarIconColor, Pt as defaultPillarIconSize, xt as defaultQuoteMarkColor, Ee as defaultRiverAlign, De as defaultRiverImageTextRatio, Oe as defaultRiverVariant, m as defaultStackDirection, h as defaultStackSpacing, St as defaultTestimonialVariant, k as defaultTextSize, A as defaultTextTag, j as defaultTextVariant, Xe as defaultTokenVariant, Pe as iconColors, Fe as iconSizeMap, Ie as iconSizes, Le as namedIconSizes, Re as numericIconSizes, F as testIds, se as useActionMenuContext, o as useAnimation, Ge as useFocusTrap, un as useSubNavContext, te as useTheme, Yt as useVideo, Be as useWindowSize };

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/colors/global-with-modes-Bdet_nBw.css

@@ -0,0 +1 @@
+:root,[data-color-mode=light]{--brand-color-success-fg:var(--base-color-scale-green-6);--brand-color-success-emphasis:var(--base-color-scale-green-5);--brand-color-success-muted:#8cf2a699;--brand-color-success-subtle:var(--base-color-scale-green-1);--brand-color-danger-fg:var(--base-color-scale-red-5);--brand-color-danger-emphasis:var(--base-color-scale-red-5);--brand-color-danger-muted:#ffaba899;--brand-color-danger-subtle:var(--base-color-scale-red-0);--brand-color-error-fg:var(--brand-color-danger-fg);--brand-color-error-emphasis:var(--brand-color-danger-emphasis);--brand-color-error-muted:var(--brand-color-danger-muted);--brand-color-error-subtle:var(--brand-color-danger-subtle);--brand-color-accent-primary:var(--base-color-scale-green-7);--brand-color-accent-secondary:var(--base-color-scale-yellow-5);--brand-color-text-default:var(--base-color-scale-black-0);--brand-color-text-muted:var(--base-color-scale-gray-7);--brand-color-text-subtle:var(--brand-color-text-muted);--brand-color-text-onEmphasis:var(--base-color-scale-white-0);--brand-color-text-emphasized:var(--base-color-scale-green-6);--brand-color-text-link-rest:var(--base-color-scale-blue-6);--brand-color-text-link-pressed:var(--base-color-scale-blue-8);--brand-color-text-danger:#cf222e;--brand-color-text-error:var(--brand-color-text-danger);--brand-color-neutral-emphasisPlus:var(--base-color-scale-gray-8);--brand-color-neutral-emphasis:var(--base-color-scale-gray-6);--brand-color-neutral-muted:#c4ccc6fe;--brand-color-neutral-subtle:#e4ebe6fe;--brand-color-canvas-default:var(--base-color-scale-white-0);--brand-color-canvas-invert:var(--base-color-scale-black-0);--brand-color-canvas-overlay:var(--base-color-scale-white-0);--brand-color-canvas-inset:var(--base-color-scale-gray-0);--brand-color-canvas-subtle:var(--base-color-scale-gray-0);--brand-color-canvas-muted:#f9fbf9;--brand-color-border-default:var(--base-color-scale-gray-4);--brand-color-border-muted:var(--base-color-scale-gray-1);--brand-color-border-subtle:var(--base-color-scale-gray-2);--brand-color-focus:var(--base-color-scale-blue-5)}[data-color-mode=dark]{--brand-color-success-fg:var(--base-color-scale-green-3);--brand-color-success-emphasis:var(--base-color-scale-green-6);--brand-color-success-muted:#0d302499;--brand-color-success-subtle:#0e422cd9;--brand-color-danger-fg:var(--base-color-scale-red-4);--brand-color-danger-emphasis:var(--base-color-scale-red-5);--brand-color-danger-muted:#5e021799;--brand-color-danger-subtle:#fa383dd9;--brand-color-error-fg:var(--brand-color-danger-fg);--brand-color-error-emphasis:var(--brand-color-danger-emphasis);--brand-color-error-muted:var(--brand-color-danger-muted);--brand-color-error-subtle:var(--brand-color-danger-subtle);--brand-color-accent-primary:var(--base-color-scale-green-2);--brand-color-accent-secondary:var(--base-color-scale-yellow-3);--brand-color-text-default:var(--base-color-scale-white-0);--brand-color-text-muted:var(--base-color-scale-gray-2);--brand-color-text-subtle:var(--brand-color-text-muted);--brand-color-text-onEmphasis:var(--base-color-scale-black-0);--brand-color-text-emphasized:var(--base-color-scale-green-3);--brand-color-text-link-rest:var(--base-color-scale-blue-1);--brand-color-text-link-pressed:var(--base-color-scale-blue-1);--brand-color-text-danger:#ff8182;--brand-color-text-error:var(--brand-color-text-danger);--brand-color-neutral-emphasisPlus:var(--base-color-scale-gray-3);--brand-color-neutral-emphasis:var(--base-color-scale-gray-3);--brand-color-neutral-muted:#7c8980fe;--brand-color-neutral-subtle:#7c8980;--brand-color-canvas-default:var(--base-color-scale-black-0);--brand-color-canvas-invert:var(--base-color-scale-white-0);--brand-color-canvas-overlay:var(--base-color-scale-gray-6);--brand-color-canvas-inset:var(--base-color-scale-black-0);--brand-color-canvas-subtle:var(--base-color-scale-gray-8);--brand-color-canvas-muted:#090d0a;--brand-color-border-default:var(--base-color-scale-gray-5);--brand-color-border-muted:var(--base-color-scale-gray-7);--brand-color-border-subtle:var(--base-color-scale-gray-6);--brand-color-focus:var(--base-color-scale-blue-3)}

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/card/base-DgOt50dE.css

@@ -0,0 +1 @@
+:root{--brand-Card-animation-easing:cubic-bezier(.01, .73, .08, .93);--brand-Card-animation-duration:.4s;--brand-Card-padding-inline:var(--base-size-20);--brand-Card-padding-block:var(--base-size-32);--brand-Card-maxWidth:26.25rem}

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/river/river-DHn1_SEa.css

@@ -0,0 +1 @@
+:root{--brand-RiverBreakout-variant-gridline-spacing-contentGap:var(--base-size-16);--brand-RiverBreakout-variant-gridline-spacing-outerInline:var(--base-size-20);--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd:var(--base-size-40);--brand-RiverBreakout-variant-gridline-spacing-outerBlock:var(--base-size-36);--brand-RiverBreakout-spacing-inner:var(--base-size-40);--brand-RiverAccordion-variant-gridline-spacing-contentGap:var(--base-size-32);--brand-RiverAccordion-variant-gridline-spacing-outerInline:var(--base-size-20);--brand-RiverAccordion-variant-gridline-spacing-outerBlock:var(--base-size-40);--brand-River-variant-gridline-spacing-outerInline:var(--base-size-20);--brand-River-variant-gridline-spacing-outerBlock:var(--base-size-40);--brand-River-variant-gridline-visual-padding:var(--base-size-32);--brand-River-spacing-outerBlock:var(--base-size-36);--brand-River-spacing-innerY:var(--base-size-24);--brand-River-spacing-inner:var(--base-size-40)}@media (width>=768px){:root{--brand-RiverBreakout-variant-gridline-spacing-contentGap:var(--base-size-20);--brand-RiverBreakout-variant-gridline-spacing-outerInline:var(--base-size-36);--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd:var(--base-size-48);--brand-RiverBreakout-variant-gridline-spacing-outerBlock:var(--base-size-40);--brand-RiverBreakout-spacing-inner:var(--base-size-48);--brand-RiverAccordion-variant-gridline-spacing-outerInline:var(--base-size-36);--brand-RiverAccordion-variant-gridline-spacing-outerBlock:var(--base-size-36);--brand-River-spacing-innerY:var(--base-size-24)}}@media (width>=1012px){:root{--brand-River-variant-gridline-visual-padding:var(--base-size-64)}}@media (width>=1280px){:root{--brand-RiverBreakout-variant-gridline-spacing-contentGap:var(--base-size-24);--brand-RiverBreakout-variant-gridline-spacing-outerInline:var(--base-size-64);--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd:var(--base-size-80);--brand-RiverBreakout-variant-gridline-spacing-outerBlock:var(--base-size-64);--brand-RiverBreakout-spacing-inner:var(--base-size-64);--brand-RiverAccordion-variant-gridline-spacing-contentGap:var(--base-size-64);--brand-RiverAccordion-variant-gridline-spacing-outerInline:var(--base-size-64);--brand-RiverAccordion-variant-gridline-spacing-outerBlock:var(--base-size-64);--brand-River-variant-gridline-spacing-outerInline:var(--base-size-64);--brand-River-variant-gridline-spacing-outerBlock:var(--base-size-64);--brand-River-spacing-outerBlock:var(--base-size-48);--brand-River-spacing-innerY:var(--base-size-32);--brand-River-spacing-inner:var(--base-size-24)}}

package/esm/river/River/River.d.ts

@@ -71,7 +71,11 @@ export type RiverContentProps = BaseProps<HTMLDivElement> & {
     children: React.ReactElement<TextProps> | React.ReactElement<HeadingProps | TextProps | LinkProps>[];
 } & React.HTMLAttributes<HTMLDivElement>;
 export declare const RiverContent: React.ForwardRefExoticComponent<Omit<RiverContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type RiverVisualProps = BaseProps<HTMLDivElement> & React.HtmlHTMLAttributes<HTMLDivElement> & PropsWithChildren<{
+export declare const RiverVisualPositionOptions: readonly ["default", "center", "block-end", "block-end-inline-start", "block-end-inline-end"];
+export type RiverVisualPosition = (typeof RiverVisualPositionOptions)[number];
+export declare const RiverVisualPaddingOptions: readonly ["default", "none", "all"];
+export type RiverVisualPadding = (typeof RiverVisualPaddingOptions)[number];
+export type RiverVisualBaseProps = BaseProps<HTMLDivElement> & React.HtmlHTMLAttributes<HTMLDivElement> & PropsWithChildren<{
     /**
      * Applies automatic size constraints to child images and video.
      * This can be disabled by setting this prop to `false`.
@@ -88,12 +92,22 @@ export type RiverVisualProps = BaseProps<HTMLDivElement> & React.HtmlHTMLAttribu
      */
     rounded?: boolean;
 }>;
-export declare const Visual: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<RiverVisualProps>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type RiverVisualProps = RiverVisualBaseProps & {
+    /**
+     * Positions media within the visual region in the gridline variant.
+     */
+    position?: RiverVisualPosition;
+    /**
+     * Controls media padding within the visual region in the gridline variant.
+     */
+    padding?: RiverVisualPadding;
+};
+export declare const RiverVisualBase: React.ForwardRefExoticComponent<Omit<RiverVisualBaseProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * Alternating text and image pairs.
  */
 export declare const River: React.ForwardRefExoticComponent<Omit<RiverProps, "ref"> & React.RefAttributes<HTMLElement>> & {
-    Visual: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<RiverVisualProps>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Visual: React.ForwardRefExoticComponent<Omit<RiverVisualProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Content: React.ForwardRefExoticComponent<Omit<RiverContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 //# sourceMappingURL=River.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"River.d.ts","sourceRoot":"","sources":["../../../src/river/River/River.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,iBAAiB,EAAoB,MAAM,OAAO,CAAA;AAE7E,OAAO,EAAU,KAAK,YAAY,EAAC,MAAM,eAAe,CAAA;AACxD,OAAO,EAAO,KAAK,SAAS,EAAC,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAO,KAAK,SAAS,EAAC,MAAM,YAAY,CAAA;AAI/C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AAEtD;;GAEG;AACH,OAAO,4FAA4F,CAAA;AACnG,OAAO,6FAA6F,CAAA;AAMpG,eAAO,MAAM,aAAa,kCAAmC,CAAA;AAC7D,eAAO,MAAM,YAAY,EAAG,UAAmB,CAAA;AAC/C,eAAO,MAAM,QAAQ,EAAG,UAAmB,CAAA;AAC3C,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAA;AAEzD,eAAO,MAAM,uBAAuB,kCAAmC,CAAA;AACvE,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAA;AAExE,MAAM,MAAM,UAAU,GAAG;IACvB;;;;;OAKG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,gBAAgB,GAAG,iBAAiB,CAAC,EAAE,CAAA;IACpE;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB,GAAG,SAAS,CAAC,WAAW,CAAC,GACxB,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAEnC,eAAO,MAAM,0BAA0B,UAAU,CAAA;AACjD,eAAO,MAAM,iBAAiB,UAAU,CAAA;AACxC,eAAO,MAAM,mBAAmB,EAAE,YAAwB,CAAA;AAqE1D,MAAM,MAAM,iBAAiB,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG;IAC1D;;OAEG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IAC3C;;OAEG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IAC1C;;;;;OAKG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC,EAAE,CAAA;CACrG,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAExC,eAAO,MAAM,YAAY,uGA8FxB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,cAAc,CAAC,GACtD,KAAK,CAAC,kBAAkB,CAAC,cAAc,CAAC,GACxC,iBAAiB,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC,CAAA;AAEJ,eAAO,MAAM,MAAM,+HA4BlB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK;;;CAAuD,CAAA"}
+{"version":3,"file":"River.d.ts","sourceRoot":"","sources":["../../../src/river/River/River.tsx"],"names":[],"mappings":"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"}

package/esm/river/River/River.js

@@ -3,7 +3,7 @@ import { useAnimation as t } from "../../animation/useAnimation.js";
 import { Text as n } from "../../Text/Text.js";
 import { EyebrowText as r } from "../../EyebrowText/EyebrowText.js";
 import { Heading as i } 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 '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/river/river-DHn1_SEa.css';import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/river/base-Ue-p74RC.css';/* empty css                                                                                          */
 import a from "../../component-helpers/shared.module.js";
 import { Link as o } from "../../Link/Link.js";
 import { Label as s } from "../../Label/Label.js";
@@ -13,19 +13,21 @@ import l, { forwardRef as u, useMemo as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/river/River/River.tsx
 var m = "50:50", h = "start", g = "default", _ = u(({ animate: n, imageTextRatio: r = m, align: i = h, variant: o = g, className: s, children: u, style: d, ...f }, _) => {
-	let { classes: b, styles: x } = t(n), { Visual: S, Content: C } = l.Children.toArray(u).reduce((e, t) => (l.isValidElement(t) && typeof t.type != "string" && (t.type === y && (e.Visual = t), t.type === v && (e.Content = t)), e), {
+	let { classes: y, styles: b } = t(n), { Visual: x, Content: C } = l.Children.toArray(u).reduce((e, t) => (l.isValidElement(t) && typeof t.type != "string" && (t.type === S && (e.Visual = t), t.type === v && (e.Content = t)), e), {
 		Visual: null,
 		Content: null
-	}), w = S ? l.cloneElement(S, { className: e(S.props.className, o === "gridline" && c["River__visual--has-background"]) }) : null;
+	}), w = x?.props.position ?? "default", T = x?.props.padding ?? "default";
+	(w !== "default" || T !== "default") && o !== "gridline" && (process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test") && console.warn(`River: River.Visual position and padding are only supported when River uses variant="gridline"; ignoring position="${w}" and padding="${T}".`);
+	let E = x ? l.cloneElement(x, { className: e(x.props.className, o === "gridline" && c["River__visual--has-background"]) }) : null;
 	return /* @__PURE__ */ p("section", {
 		ref: _,
-		className: e(c.River, c[`River--${r.replace(":", "-")}`], c[`River--align-${i}`], c[`River--variant-${o}`], o === "gridline" && a.gridline, b, s),
+		className: e(c.River, c[`River--${r.replace(":", "-")}`], c[`River--align-${i}`], c[`River--variant-${o}`], o === "gridline" && a.gridline, y, s),
 		style: {
-			...x,
+			...b,
 			...d
 		},
 		...f,
-		children: [C, w]
+		children: [C, E]
 	});
 }), v = u(({ align: a = "center", animate: u, children: m, className: h, leadingComponent: g, trailingComponent: _, trailingComponentDivider: v = !1, style: y, ...b }, x) => {
 	let { classes: S, styles: C } = t(u), w = d(() => l.Children.toArray(m), [m]), T = w.find((e) => l.isValidElement(e) && e.type === i), E = w.find((e) => l.isValidElement(e) && e.type === n), D = w.find((e) => l.isValidElement(e) && e.type === o), O = w.find((e) => l.isValidElement(e) && e.type === s), k = w.find((e) => l.isValidElement(e) && e.type === r);
@@ -46,7 +48,10 @@ var m = "50:50", h = "start", g = "default", _ = u(({ animate: n, imageTextRatio
 				className: c.River__label,
 				children: k
 			}),
-			!O && !k && g && /* @__PURE__ */ f("div", { children: /* @__PURE__ */ f(g, {}) }),
+			!O && !k && g && /* @__PURE__ */ f("div", {
+				className: c.River__leadingComponent,
+				children: /* @__PURE__ */ f(g, {})
+			}),
 			l.isValidElement(T) && /* @__PURE__ */ f("div", {
 				className: c.River__heading,
 				children: l.cloneElement(T, {
@@ -77,16 +82,30 @@ var m = "50:50", h = "start", g = "default", _ = u(({ animate: n, imageTextRatio
 			})
 		]
 	});
-}), y = u(({ fillMedia: t = !0, children: n, className: r, hasShadow: i = !1, rounded: a = !0, ...o }, s) => /* @__PURE__ */ f("div", {
+}), y = [
+	"default",
+	"center",
+	"block-end",
+	"block-end-inline-start",
+	"block-end-inline-end"
+], b = [
+	"default",
+	"none",
+	"all"
+], x = u(({ fillMedia: t = !0, children: n, className: r, hasShadow: i = !1, rounded: a = !0, ...o }, s) => /* @__PURE__ */ f("div", {
 	ref: s,
 	className: e(c.River__visual, i && c["River__visual--has-shadow"], t && c["River__visual--fill-media"], a && c["River__visual--rounded"], r),
 	...o,
 	children: n
-})), b = Object.assign(_, {
-	Visual: y,
+})), S = u(({ className: t, position: n = "default", padding: r = "default", ...i }, a) => /* @__PURE__ */ f(x, {
+	ref: a,
+	className: e(n !== "default" && c[`River__visual--position-${n}`], r !== "default" && c[`River__visual--padding-${r}`], t),
+	...i
+})), C = Object.assign(_, {
+	Visual: S,
 	Content: v
 });
 //#endregion
-export { b as River, v as RiverContent, y as Visual, h as defaultRiverAlign, m as defaultRiverImageTextRatio, g as defaultRiverVariant };
+export { C as River, v as RiverContent, x as RiverVisualBase, b as RiverVisualPaddingOptions, y as RiverVisualPositionOptions, h as defaultRiverAlign, m as defaultRiverImageTextRatio, g as defaultRiverVariant };
 
 //# sourceMappingURL=River.js.map

package/esm/river/River/River.js.map

@@ -1 +1 @@
-{"version":3,"file":"River.js","names":[],"sources":["../../../src/river/River/River.tsx"],"sourcesContent":["import React, {forwardRef, PropsWithChildren, useMemo, type Ref} from 'react'\nimport {clsx} from 'clsx'\nimport {Heading, type HeadingProps} from '../../Heading'\nimport {Text, type TextProps} from '../../Text'\nimport {Link, type LinkProps} from '../../Link'\nimport {Label, type LabelProps} from '../../Label'\nimport {EyebrowText} from '../../EyebrowText'\nimport {useAnimation} from '../../animation'\nimport type {BaseProps} from '../../component-helpers'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/river/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/river/river.css'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from '../river-shared.module.css'\nimport gridlineStyles from '../../component-helpers/shared.module.css'\n\nexport const RiverVariants = ['default', 'gridline'] as const\nexport const BorderedGrid = 'gridline' as const\nexport const GridLine = 'gridline' as const\nexport type RiverVariant = (typeof RiverVariants)[number]\n\nexport const RiverContentAlignValues = ['center', 'block-end'] as const\nexport type RiverContentAlign = (typeof RiverContentAlignValues)[number]\n\nexport type RiverProps = {\n  /**\n   * Only specific children are valid.\n   * These include: `River.Visual` and `River.Content`.\n   * The declarative order of the children will be ignored in the rendered output\n   * to enforce correct HTML semantics.\n   */\n  children: React.ReactElement<RiverVisualProps | RiverContentProps>[]\n  /**\n   * Apply an alternative image to text column ratio. The default is `50:50`.\n   */\n  imageTextRatio?: '60:40' | '50:50'\n  /**\n   * Adjust the order of the `Content` column. The default is `start`.\n   */\n  align?: 'start' | 'end' | 'center'\n  /**\n   * Apply a visual variant. The default is `default`.\n   * `gridline` applies lateral spacing for use in bordered grid layouts.\n   */\n  variant?: RiverVariant\n} & BaseProps<HTMLElement> &\n  React.HTMLAttributes<HTMLElement>\n\nexport const defaultRiverImageTextRatio = '50:50'\nexport const defaultRiverAlign = 'start'\nexport const defaultRiverVariant: RiverVariant = 'default'\n\ntype ValidRootChildren = {\n  Visual: React.ReactElement<RiverVisualProps> | null\n  Content: React.ReactElement<RiverContentProps> | null\n}\n\nconst Root = forwardRef(\n  (\n    {\n      animate,\n      imageTextRatio = defaultRiverImageTextRatio,\n      align = defaultRiverAlign,\n      variant = defaultRiverVariant,\n      className,\n      children,\n      style,\n      ...rest\n    }: RiverProps,\n    ref: Ref<HTMLElement>,\n  ) => {\n    const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n    const {Visual: VisualChild, Content: ContentChild} = React.Children.toArray(children).reduce<ValidRootChildren>(\n      (acc, child) => {\n        if (React.isValidElement(child) && typeof child.type !== 'string') {\n          if (child.type === Visual) {\n            acc.Visual = child as React.ReactElement<RiverVisualProps>\n          }\n          if (child.type === RiverContent) {\n            acc.Content = child as React.ReactElement<RiverContentProps>\n          }\n        }\n        return acc\n      },\n      {Visual: null, Content: null},\n    )\n\n    const VisualChildWithVariantStyles = VisualChild\n      ? React.cloneElement(VisualChild, {\n          className: clsx(\n            VisualChild.props.className,\n            variant === 'gridline' && styles['River__visual--has-background'],\n          ),\n        })\n      : null\n\n    return (\n      <section\n        ref={ref}\n        className={clsx(\n          styles.River,\n          styles[`River--${imageTextRatio.replace(':', '-')}`],\n          styles[`River--align-${align}`],\n          styles[`River--variant-${variant}`],\n          variant === 'gridline' && gridlineStyles.gridline,\n          animationClasses,\n          className,\n        )}\n        style={{...animationInlineStyles, ...style}}\n        {...rest}\n      >\n        {ContentChild}\n        {VisualChildWithVariantStyles}\n      </section>\n    )\n  },\n)\n\nexport type RiverContentProps = BaseProps<HTMLDivElement> & {\n  /**\n   * Aligns the content vertically within its container.\n   */\n  align?: RiverContentAlign\n  /**\n   * Escape-hatch for inserting custom React components.\n   * Warning:\n   *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n   *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n   */\n  trailingComponent?: React.FunctionComponent\n  /**\n   * When `true`, a divider will be rendered between the standard river and optional trailing content.\n   */\n  trailingComponentDivider?: boolean\n  /**\n   * Escape-hatch for inserting custom React components.\n   * Warning:\n   *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n   *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n   */\n  leadingComponent?: React.FunctionComponent\n  /**\n   * Only valid children are allowed.\n   * These include: `Heading`, `Text` and `Link`.\n   * The declarative order of the children will be ignored in the rendered output\n   * to enforce correct HTML semantics.\n   */\n  children: React.ReactElement<TextProps> | React.ReactElement<HeadingProps | TextProps | LinkProps>[]\n} & React.HTMLAttributes<HTMLDivElement>\n\nexport const RiverContent = forwardRef(\n  (\n    {\n      align = 'center',\n      animate,\n      children,\n      className,\n      leadingComponent: LeadingComponent,\n      trailingComponent: TrailingComponent,\n      trailingComponentDivider = false,\n      style,\n      ...rest\n    }: RiverContentProps,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n    const Children = useMemo(() => React.Children.toArray(children), [children])\n\n    const HeadingChild = Children.find(child => React.isValidElement(child) && child.type === Heading)\n\n    const TextChild = Children.find(child => React.isValidElement(child) && child.type === Text)\n\n    const LinkChild = Children.find(child => React.isValidElement(child) && child.type === Link)\n\n    const LabelChild = Children.find(child => React.isValidElement(child) && child.type === Label)\n\n    const EyebrowTextChild = Children.find(child => React.isValidElement(child) && child.type === EyebrowText)\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(animationClasses, styles.River__content, styles[`River__content--align-${align}`], className)}\n        style={{...animationInlineStyles, ...style}}\n        {...rest}\n      >\n        {React.isValidElement(LabelChild) && !LeadingComponent && (\n          <div className={styles.River__label}>\n            {React.cloneElement(LabelChild as React.ReactElement<LabelProps>, {})}\n          </div>\n        )}\n\n        {!LabelChild && React.isValidElement(EyebrowTextChild) && !LeadingComponent && (\n          <div className={styles.River__label}>{EyebrowTextChild}</div>\n        )}\n\n        {!LabelChild && !EyebrowTextChild && LeadingComponent && (\n          <div>\n            <LeadingComponent />\n          </div>\n        )}\n\n        {React.isValidElement<HeadingProps>(HeadingChild) && (\n          <div className={styles.River__heading}>\n            {React.cloneElement(HeadingChild as React.ReactElement<HeadingProps>, {\n              // as uses h3 default, but can be overridden\n              as: HeadingChild.props.as || 'h3',\n              size: HeadingChild.props.size || '5',\n              weight: HeadingChild.props.weight,\n              className: clsx(HeadingChild.props.className, styles['River__heading-inner']),\n            })}\n          </div>\n        )}\n\n        {React.isValidElement<TextProps>(TextChild) && (\n          <div className={styles['River__body-text']}>\n            {React.cloneElement(TextChild as React.ReactElement<TextProps>, {\n              variant: 'muted',\n              as: 'p',\n              className: clsx(styles.River__text, TextChild.props.className),\n            })}\n          </div>\n        )}\n        {React.isValidElement<LinkProps>(LinkChild) && (\n          <div className={styles['River__call-to-action']}>\n            {React.cloneElement(LinkChild as React.ReactElement<LinkProps>, {\n              size: 'medium',\n              variant: LinkChild.props.variant || 'accent',\n            })}\n          </div>\n        )}\n        {TrailingComponent && (\n          <div\n            className={clsx(\n              styles.River__trailingComponent,\n              trailingComponentDivider && styles['River__trailingComponent--divider'],\n            )}\n          >\n            <TrailingComponent />\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n\nexport type RiverVisualProps = BaseProps<HTMLDivElement> &\n  React.HtmlHTMLAttributes<HTMLDivElement> &\n  PropsWithChildren<{\n    /**\n     * Applies automatic size constraints to child images and video.\n     * This can be disabled by setting this prop to `false`.\n     */\n    fillMedia?: boolean\n    /**\n     * `img` and `video` elements will apply a shadow by default.\n     * This can be disabled by setting this prop to `false`.\n     */\n    hasShadow?: boolean\n    /**\n     * Enables rounded corners.\n     * Can optionally be disabled.\n     */\n    rounded?: boolean\n  }>\n\nexport const Visual = forwardRef(\n  (\n    {\n      fillMedia = true,\n      children,\n      className,\n      hasShadow = false,\n      rounded = true,\n      ...rest\n    }: PropsWithChildren<RiverVisualProps>,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          styles.River__visual,\n          hasShadow && styles['River__visual--has-shadow'],\n          fillMedia && styles['River__visual--fill-media'],\n          rounded && styles['River__visual--rounded'],\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </div>\n    )\n  },\n)\n\n/**\n * Alternating text and image pairs.\n */\nexport const River = Object.assign(Root, {Visual, Content: RiverContent})\n"],"mappings":"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"}
+{"version":3,"file":"River.js","names":[],"sources":["../../../src/river/River/River.tsx"],"sourcesContent":["import React, {forwardRef, PropsWithChildren, useMemo, type Ref} from 'react'\nimport {clsx} from 'clsx'\nimport {Heading, type HeadingProps} from '../../Heading'\nimport {Text, type TextProps} from '../../Text'\nimport {Link, type LinkProps} from '../../Link'\nimport {Label, type LabelProps} from '../../Label'\nimport {EyebrowText} from '../../EyebrowText'\nimport {useAnimation} from '../../animation'\nimport type {BaseProps} from '../../component-helpers'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/river/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/river/river.css'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from '../river-shared.module.css'\nimport gridlineStyles from '../../component-helpers/shared.module.css'\n\nexport const RiverVariants = ['default', 'gridline'] as const\nexport const BorderedGrid = 'gridline' as const\nexport const GridLine = 'gridline' as const\nexport type RiverVariant = (typeof RiverVariants)[number]\n\nexport const RiverContentAlignValues = ['center', 'block-end'] as const\nexport type RiverContentAlign = (typeof RiverContentAlignValues)[number]\n\nexport type RiverProps = {\n  /**\n   * Only specific children are valid.\n   * These include: `River.Visual` and `River.Content`.\n   * The declarative order of the children will be ignored in the rendered output\n   * to enforce correct HTML semantics.\n   */\n  children: React.ReactElement<RiverVisualProps | RiverContentProps>[]\n  /**\n   * Apply an alternative image to text column ratio. The default is `50:50`.\n   */\n  imageTextRatio?: '60:40' | '50:50'\n  /**\n   * Adjust the order of the `Content` column. The default is `start`.\n   */\n  align?: 'start' | 'end' | 'center'\n  /**\n   * Apply a visual variant. The default is `default`.\n   * `gridline` applies lateral spacing for use in bordered grid layouts.\n   */\n  variant?: RiverVariant\n} & BaseProps<HTMLElement> &\n  React.HTMLAttributes<HTMLElement>\n\nexport const defaultRiverImageTextRatio = '50:50'\nexport const defaultRiverAlign = 'start'\nexport const defaultRiverVariant: RiverVariant = 'default'\n\ntype ValidRootChildren = {\n  Visual: React.ReactElement<RiverVisualProps> | null\n  Content: React.ReactElement<RiverContentProps> | null\n}\n\nconst Root = forwardRef(\n  (\n    {\n      animate,\n      imageTextRatio = defaultRiverImageTextRatio,\n      align = defaultRiverAlign,\n      variant = defaultRiverVariant,\n      className,\n      children,\n      style,\n      ...rest\n    }: RiverProps,\n    ref: Ref<HTMLElement>,\n  ) => {\n    const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n    const {Visual: VisualChild, Content: ContentChild} = React.Children.toArray(children).reduce<ValidRootChildren>(\n      (acc, child) => {\n        if (React.isValidElement(child) && typeof child.type !== 'string') {\n          if (child.type === Visual) {\n            acc.Visual = child as React.ReactElement<RiverVisualProps>\n          }\n          if (child.type === RiverContent) {\n            acc.Content = child as React.ReactElement<RiverContentProps>\n          }\n        }\n        return acc\n      },\n      {Visual: null, Content: null},\n    )\n\n    const visualPosition = VisualChild?.props.position ?? 'default'\n    const visualPadding = VisualChild?.props.padding ?? 'default'\n    const hasNonDefaultPosition = visualPosition !== 'default'\n    const hasNonDefaultPadding = visualPadding !== 'default'\n    const hasVisualLayoutOverrides = hasNonDefaultPosition || hasNonDefaultPadding\n    const supportsVisualLayoutOverrides = variant === 'gridline'\n\n    if (\n      hasVisualLayoutOverrides &&\n      !supportsVisualLayoutOverrides &&\n      (process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test')\n    ) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        `River: River.Visual position and padding are only supported when River uses variant=\"gridline\"; ignoring position=\"${visualPosition}\" and padding=\"${visualPadding}\".`,\n      )\n    }\n\n    const VisualChildWithVariantStyles = VisualChild\n      ? React.cloneElement(VisualChild, {\n          className: clsx(\n            VisualChild.props.className,\n            variant === 'gridline' && styles['River__visual--has-background'],\n          ),\n        })\n      : null\n\n    return (\n      <section\n        ref={ref}\n        className={clsx(\n          styles.River,\n          styles[`River--${imageTextRatio.replace(':', '-')}`],\n          styles[`River--align-${align}`],\n          styles[`River--variant-${variant}`],\n          variant === 'gridline' && gridlineStyles.gridline,\n          animationClasses,\n          className,\n        )}\n        style={{...animationInlineStyles, ...style}}\n        {...rest}\n      >\n        {ContentChild}\n        {VisualChildWithVariantStyles}\n      </section>\n    )\n  },\n)\n\nexport type RiverContentProps = BaseProps<HTMLDivElement> & {\n  /**\n   * Aligns the content vertically within its container.\n   */\n  align?: RiverContentAlign\n  /**\n   * Escape-hatch for inserting custom React components.\n   * Warning:\n   *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n   *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n   */\n  trailingComponent?: React.FunctionComponent\n  /**\n   * When `true`, a divider will be rendered between the standard river and optional trailing content.\n   */\n  trailingComponentDivider?: boolean\n  /**\n   * Escape-hatch for inserting custom React components.\n   * Warning:\n   *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n   *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n   */\n  leadingComponent?: React.FunctionComponent\n  /**\n   * Only valid children are allowed.\n   * These include: `Heading`, `Text` and `Link`.\n   * The declarative order of the children will be ignored in the rendered output\n   * to enforce correct HTML semantics.\n   */\n  children: React.ReactElement<TextProps> | React.ReactElement<HeadingProps | TextProps | LinkProps>[]\n} & React.HTMLAttributes<HTMLDivElement>\n\nexport const RiverContent = forwardRef(\n  (\n    {\n      align = 'center',\n      animate,\n      children,\n      className,\n      leadingComponent: LeadingComponent,\n      trailingComponent: TrailingComponent,\n      trailingComponentDivider = false,\n      style,\n      ...rest\n    }: RiverContentProps,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n    const Children = useMemo(() => React.Children.toArray(children), [children])\n\n    const HeadingChild = Children.find(child => React.isValidElement(child) && child.type === Heading)\n\n    const TextChild = Children.find(child => React.isValidElement(child) && child.type === Text)\n\n    const LinkChild = Children.find(child => React.isValidElement(child) && child.type === Link)\n\n    const LabelChild = Children.find(child => React.isValidElement(child) && child.type === Label)\n\n    const EyebrowTextChild = Children.find(child => React.isValidElement(child) && child.type === EyebrowText)\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(animationClasses, styles.River__content, styles[`River__content--align-${align}`], className)}\n        style={{...animationInlineStyles, ...style}}\n        {...rest}\n      >\n        {React.isValidElement(LabelChild) && !LeadingComponent && (\n          <div className={styles.River__label}>\n            {React.cloneElement(LabelChild as React.ReactElement<LabelProps>, {})}\n          </div>\n        )}\n\n        {!LabelChild && React.isValidElement(EyebrowTextChild) && !LeadingComponent && (\n          <div className={styles.River__label}>{EyebrowTextChild}</div>\n        )}\n\n        {!LabelChild && !EyebrowTextChild && LeadingComponent && (\n          <div className={styles.River__leadingComponent}>\n            <LeadingComponent />\n          </div>\n        )}\n\n        {React.isValidElement<HeadingProps>(HeadingChild) && (\n          <div className={styles.River__heading}>\n            {React.cloneElement(HeadingChild as React.ReactElement<HeadingProps>, {\n              // as uses h3 default, but can be overridden\n              as: HeadingChild.props.as || 'h3',\n              size: HeadingChild.props.size || '5',\n              weight: HeadingChild.props.weight,\n              className: clsx(HeadingChild.props.className, styles['River__heading-inner']),\n            })}\n          </div>\n        )}\n\n        {React.isValidElement<TextProps>(TextChild) && (\n          <div className={styles['River__body-text']}>\n            {React.cloneElement(TextChild as React.ReactElement<TextProps>, {\n              variant: 'muted',\n              as: 'p',\n              className: clsx(styles.River__text, TextChild.props.className),\n            })}\n          </div>\n        )}\n        {React.isValidElement<LinkProps>(LinkChild) && (\n          <div className={styles['River__call-to-action']}>\n            {React.cloneElement(LinkChild as React.ReactElement<LinkProps>, {\n              size: 'medium',\n              variant: LinkChild.props.variant || 'accent',\n            })}\n          </div>\n        )}\n        {TrailingComponent && (\n          <div\n            className={clsx(\n              styles.River__trailingComponent,\n              trailingComponentDivider && styles['River__trailingComponent--divider'],\n            )}\n          >\n            <TrailingComponent />\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n\nexport const RiverVisualPositionOptions = [\n  'default',\n  'center',\n  'block-end',\n  'block-end-inline-start',\n  'block-end-inline-end',\n] as const\nexport type RiverVisualPosition = (typeof RiverVisualPositionOptions)[number]\n\nexport const RiverVisualPaddingOptions = ['default', 'none', 'all'] as const\nexport type RiverVisualPadding = (typeof RiverVisualPaddingOptions)[number]\n\nexport type RiverVisualBaseProps = BaseProps<HTMLDivElement> &\n  React.HtmlHTMLAttributes<HTMLDivElement> &\n  PropsWithChildren<{\n    /**\n     * Applies automatic size constraints to child images and video.\n     * This can be disabled by setting this prop to `false`.\n     */\n    fillMedia?: boolean\n    /**\n     * `img` and `video` elements will apply a shadow by default.\n     * This can be disabled by setting this prop to `false`.\n     */\n    hasShadow?: boolean\n    /**\n     * Enables rounded corners.\n     * Can optionally be disabled.\n     */\n    rounded?: boolean\n  }>\n\nexport type RiverVisualProps = RiverVisualBaseProps & {\n  /**\n   * Positions media within the visual region in the gridline variant.\n   */\n  position?: RiverVisualPosition\n  /**\n   * Controls media padding within the visual region in the gridline variant.\n   */\n  padding?: RiverVisualPadding\n}\n\nexport const RiverVisualBase = forwardRef<HTMLDivElement, RiverVisualBaseProps>(\n  (\n    {fillMedia = true, children, className, hasShadow = false, rounded = true, ...rest}: RiverVisualBaseProps,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          styles.River__visual,\n          hasShadow && styles['River__visual--has-shadow'],\n          fillMedia && styles['River__visual--fill-media'],\n          rounded && styles['River__visual--rounded'],\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </div>\n    )\n  },\n)\n\nconst Visual = forwardRef<HTMLDivElement, RiverVisualProps>(\n  ({className, position = 'default', padding = 'default', ...rest}, ref) => (\n    <RiverVisualBase\n      ref={ref}\n      className={clsx(\n        position !== 'default' && styles[`River__visual--position-${position}`],\n        padding !== 'default' && styles[`River__visual--padding-${padding}`],\n        className,\n      )}\n      {...rest}\n    />\n  ),\n)\n\n/**\n * Alternating text and image pairs.\n */\nexport const River = Object.assign(Root, {Visual, Content: RiverContent})\n"],"mappings":"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"}

package/esm/river/River/index.d.ts

@@ -1,3 +1,3 @@
-export { River, defaultRiverImageTextRatio, defaultRiverAlign, defaultRiverVariant } from './River';
-export type { RiverProps, RiverContentProps, RiverVisualProps } from './River';
+export { River, defaultRiverImageTextRatio, defaultRiverAlign, defaultRiverVariant, RiverVisualPositionOptions, RiverVisualPaddingOptions, } from './River';
+export type { RiverProps, RiverContentProps, RiverVisualProps, RiverVisualPosition, RiverVisualPadding } from './River';
 //# sourceMappingURL=index.d.ts.map

package/esm/river/River/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/river/River/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,0BAA0B,EAAE,iBAAiB,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAA;AACjG,YAAY,EAAC,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/river/River/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,0BAA0B,EAC1B,iBAAiB,EACjB,mBAAmB,EACnB,0BAA0B,EAC1B,yBAAyB,GAC1B,MAAM,SAAS,CAAA;AAChB,YAAY,EAAC,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAA"}

package/esm/river/RiverAccordion/RiverAccordion.js

@@ -4,7 +4,7 @@ import { useProvidedRefOrCreate as n } from "../../hooks/useRef.js";
 import { Text as r } from "../../Text/Text.js";
 import { Heading as i } from "../../Heading/Heading.js";
 import { TriangleDownIcon as a, TriangleUpIcon as o } from "../../node_modules/@primer/octicons-react/dist/index.esm.js";
-import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/river/river-QteO10lt.css';/* empty css                                                                                          */
+import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/river/river-DHn1_SEa.css';/* empty css                                                                                          */
 import s from "./RiverAccordion.module.js";
 import c from "../../component-helpers/shared.module.js";
 import { Link as l } from "../../Link/Link.js";

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RiverProps } from '../River';
-import { type RiverVisualProps } from '../River/River';
+import { type RiverVisualBaseProps } from '../River/River';
 export declare const RiverBreakoutVariants: readonly ["default", "gridline"];
 export type RiverBreakoutVariant = (typeof RiverBreakoutVariants)[number];
 type RiverBreakoutProps = Omit<RiverProps, 'align' | 'imageTextRatio'> & {
@@ -11,7 +11,7 @@ type RiverBreakoutProps = Omit<RiverProps, 'align' | 'imageTextRatio'> & {
     variant?: RiverBreakoutVariant;
 };
 export declare const RiverBreakout: React.ForwardRefExoticComponent<Omit<RiverBreakoutProps, "ref"> & React.RefAttributes<HTMLElement>> & {
-    Visual: React.ForwardRefExoticComponent<Omit<RiverVisualProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Visual: React.ForwardRefExoticComponent<Omit<RiverVisualBaseProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Content: React.ForwardRefExoticComponent<Omit<import("..").RiverContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     A11yHeading: ({ as, children }: React.PropsWithChildren<{
         as?: "h2" | "h3";

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;AACnC,OAAO,EAAsC,KAAK,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;AAQzF,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;AA2DD,eAAO,MAAM,aAAa;;;oCAVkB,KAAK,CAAC,iBAAiB,CAAC;QAAC,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;KAAC,CAAC;CAUO,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;AACnC,OAAO,EAAgC,KAAK,oBAAoB,EAAC,MAAM,gBAAgB,CAAA;AAQvF,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;AAiDD,eAAO,MAAM,aAAa;;;oCAVkB,KAAK,CAAC,iBAAiB,CAAC;QAAC,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;KAAC,CAAC;CAUO,CAAA"}