@primer/react-brand 0.68.0-rc.b6d410ef → 0.68.1-rc.a7b95aa2

package/esm/Tabs/{Tabs.module-D8VFUDRe.css → Tabs.module-CK_p1qwC.css}

@@ -1 +1 @@
-.Primer_Brand__Tabs-module__Tabs___zia5x{gap:var(--base-size-4);background-color:var(--brand-color-canvas-backdrop);border-radius:var(--brand-borderRadius-large);padding:var(--brand-Tabs-container-padding);width:fit-content;min-height:var(--base-size-48);display:flex;position:relative}.Primer_Brand__Tabs-module__Tabs-container___wuq7I{display:grid}@media screen and (width<=48rem){.Primer_Brand__Tabs-module__Tabs-container___wuq7I{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.Primer_Brand__Tabs-module__Tabs-container--align-start___n0cXk{align-items:flex-start}.Primer_Brand__Tabs-module__Tabs-container--align-center___LjUrd{align-items:center}.Primer_Brand__Tabs-module__Tablist__wrapper___MDIB8{width:fit-content;max-width:100%;position:relative;overflow:hidden}.Primer_Brand__Tabs-module__Tablist__wrapper___MDIB8:after{content:"";right:var(--brand-Tabs-list-borderWidth-active);top:var(--base-size-2);bottom:var(--base-size-2);background:linear-gradient(to left, var(--brand-color-canvas-default) 30%, transparent);width:var(--base-size-48);z-index:2;pointer-events:none;transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default), visibility var(--brand-animation-duration-default) var(--brand-animation-easing-default);opacity:0;opacity:calc(var(--has-overflow,0) * var(--can-scroll-right,0));border-radius:inherit;position:absolute}.Primer_Brand__Tabs-module__Tablist__wrapper--default___Wdb55:after,.Primer_Brand__Tabs-module__Tablist__wrapper--accent___QV6Jx:after{border-radius:var(--brand-borderRadius-full)}.Primer_Brand__Tabs-module__Tablist__wrapper--underline___IZ_zV:after{border-radius:var(--brand-borderRadius-large)}.Primer_Brand__Tabs-module__Tablist__wrapper--lastTabIsActive___jCePF:after{opacity:0;visibility:hidden}.Primer_Brand__Tabs-module__Tabs___zia5x{scrollbar-width:none;-ms-overflow-style:none;max-width:100%;overflow:auto hidden}.Primer_Brand__Tabs-module__Tabs___zia5x::-webkit-scrollbar{display:none}}.Primer_Brand__Tabs-module__Tabs-container--align-start___n0cXk{justify-items:flex-start}.Primer_Brand__Tabs-module__Tabs-container--align-center___LjUrd{justify-items:center}.Primer_Brand__Tabs-module__Tabs--default___MUcm6,.Primer_Brand__Tabs-module__Tabs--accent___p1SQc{border:var(--brand-Tabs-list-borderWidth-active) solid var(--brand-color-border-default);border-radius:var(--brand-borderRadius-full)}.Primer_Brand__Tabs-module__Tabs--underline___CAXqd{gap:var(--base-size-24)}.Primer_Brand__Tabs-module__Tabs__item___4V44f{z-index:1;cursor:pointer;padding:var(--base-size-8) var(--base-size-16);border-radius:var(--brand-borderRadius-full);transition:color var(--brand-animation-duration-fast) ease-in-out;white-space:nowrap;font-family:var(--brand-fontStack-sansSerif);font-weight:var(--brand-text-weight-600);font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);letter-spacing:var(--brand-text-letterSpacing-100);color:var(--brand-color-text-default);background:0 0;border:0;position:relative}.Primer_Brand__Tabs-module__Tabs__slider___tkaHu{top:var(--base-size-4);bottom:var(--base-size-4);transition:all var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);z-index:0;transform:translate(0);transform:translateX(var(--brand-Tabs-slider-x,0px));width:var(--brand-Tabs-slider-width);position:absolute}.Primer_Brand__Tabs-module__Tabs--default___MUcm6 .Primer_Brand__Tabs-module__Tabs__slider___tkaHu{border-radius:var(--brand-borderRadius-full);border:var(--brand-borderWidth-thin) solid var(--brand-Tabs-item-default-borderColor-active);background:var(--brand-Tabs-item-default-bgColor-active)}.Primer_Brand__Tabs-module__Tabs--accent___p1SQc .Primer_Brand__Tabs-module__Tabs__slider___tkaHu{border-radius:var(--brand-borderRadius-full);border:var(--brand-borderWidth-thin) solid transparent;background:var(--brand-Tabs-item-accent-bgColor-rest)}.Primer_Brand__Tabs-module__Tabs--underline___CAXqd .Primer_Brand__Tabs-module__Tabs__slider___tkaHu{border-bottom:var(--brand-borderWidth-thick) solid var(--brand-Tabs-item-underline-rest)}.Primer_Brand__Tabs-module__Tabs__item___4V44f:focus-visible{outline:var(--base-size-2) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__Tabs-module__Tabs__item--active___Guj0b{color:var(--brand-color-text-default)}.Primer_Brand__Tabs-module__Tabs--underline___CAXqd .Primer_Brand__Tabs-module__Tabs__item___4V44f{padding:var(--base-size-8);border-radius:var(--brand-borderRadius-medium)}.Primer_Brand__Tabs-module__Tabs--accent___p1SQc .Primer_Brand__Tabs-module__Tabs__item___4V44f{transition:color var(--brand-animation-duration-faster) ease}.Primer_Brand__Tabs-module__Tabs--accent___p1SQc .Primer_Brand__Tabs-module__Tabs__item--active___Guj0b{color:var(--brand-Tabs-item-accent-fgColor-rest)}.Primer_Brand__Tabs-module__Tabs__panelContainer___WhkhR{margin-top:var(--base-size-16)}.Primer_Brand__Tabs-module__Tabs__panel___UdoZQ{color:var(--brand-color-text-default)}.Primer_Brand__Tabs-module__Tabs__controls___Cg7GX{margin-block-end:var(--base-size-12)}.Primer_Brand__Tabs-module__Tabs__indicator___Tmwuv{width:var(--base-size-6);border-radius:var(--brand-borderRadius-full);background-color:var(--brand-color-text-muted);height:var(--base-size-6);transition:width var(--brand-animation-duration-default) var(--brand-animation-easing-default)}.Primer_Brand__Tabs-module__Tabs__indicator--active___h_TV1{background-color:var(--brand-color-text-default);width:var(--base-size-24)}.Primer_Brand__Tabs-module__Tabs__control___xG_4C{cursor:pointer;height:var(--base-size-24);width:var(--base-size-24);background-color:#0000;border:none;align-content:center;display:flex}.Primer_Brand__Tabs-module__Tabs__control-icon___V9mNe{top:calc(var(--base-size-2) / -2);position:relative;vertical-align:middle!important}@media screen and (width>=48rem){.Primer_Brand__Tabs-module__Tabs__controls___Cg7GX{display:none}.Primer_Brand__Tabs-module__Tabs__item___4V44f{padding-inline:var(--base-size-24)}}
+.Primer_Brand__Tabs-module__Tabs___zia5x{gap:var(--base-size-4);background-color:var(--brand-color-canvas-backdrop);border-radius:var(--brand-borderRadius-large);padding:var(--brand-Tabs-container-padding);width:fit-content;min-height:var(--base-size-48);display:flex;position:relative}.Primer_Brand__Tabs-module__Tabs-container___wuq7I{display:grid}@media screen and (width<=48rem){.Primer_Brand__Tabs-module__Tabs-container___wuq7I{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.Primer_Brand__Tabs-module__Tabs-container--align-start___n0cXk{align-items:flex-start}.Primer_Brand__Tabs-module__Tabs-container--align-center___LjUrd{align-items:center}.Primer_Brand__Tabs-module__Tablist__wrapper___MDIB8{width:fit-content;max-width:100%;position:relative;overflow:hidden}.Primer_Brand__Tabs-module__Tablist__wrapper___MDIB8:after{content:"";right:var(--brand-Tabs-list-borderWidth-active);top:var(--base-size-2);bottom:var(--base-size-2);background:linear-gradient(to left, var(--brand-color-canvas-default) 30%, transparent);width:var(--base-size-48);z-index:2;pointer-events:none;transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default), visibility var(--brand-animation-duration-default) var(--brand-animation-easing-default);opacity:0;opacity:calc(var(--has-overflow,0) * var(--can-scroll-right,0));border-radius:inherit;position:absolute}.Primer_Brand__Tabs-module__Tablist__wrapper--default___Wdb55:after,.Primer_Brand__Tabs-module__Tablist__wrapper--accent___QV6Jx:after{border-radius:var(--brand-borderRadius-full)}.Primer_Brand__Tabs-module__Tablist__wrapper--underline___IZ_zV:after{border-radius:var(--brand-borderRadius-large)}.Primer_Brand__Tabs-module__Tablist__wrapper--lastTabIsActive___jCePF:after{opacity:0;visibility:hidden}.Primer_Brand__Tabs-module__Tabs___zia5x{scrollbar-width:none;-ms-overflow-style:none;max-width:100%;overflow:auto hidden}.Primer_Brand__Tabs-module__Tabs___zia5x::-webkit-scrollbar{display:none}}.Primer_Brand__Tabs-module__Tabs-container--align-start___n0cXk{justify-items:flex-start}.Primer_Brand__Tabs-module__Tabs-container--align-center___LjUrd{justify-items:center}.Primer_Brand__Tabs-module__Tabs--default___MUcm6,.Primer_Brand__Tabs-module__Tabs--accent___p1SQc{border:var(--brand-Tabs-list-borderWidth-active) solid var(--brand-color-border-default);border-radius:var(--brand-borderRadius-full)}.Primer_Brand__Tabs-module__Tabs--underline___CAXqd{gap:var(--base-size-24)}.Primer_Brand__Tabs-module__Tabs__item___4V44f{z-index:1;cursor:pointer;padding:var(--base-size-8) var(--base-size-16);border-radius:var(--brand-borderRadius-full);transition:color var(--brand-animation-duration-fast) ease-in-out;white-space:nowrap;font-family:var(--brand-fontStack-sansSerif);font-weight:var(--brand-text-weight-600);font-size:var(--brand-text-size-200);line-height:var(--brand-text-lineHeight-200);letter-spacing:var(--brand-text-letterSpacing-200);color:var(--brand-color-text-default);background:0 0;border:0;position:relative}.Primer_Brand__Tabs-module__Tabs__slider___tkaHu{top:var(--base-size-4);bottom:var(--base-size-4);transition:all var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);z-index:0;transform:translate(0);transform:translateX(var(--brand-Tabs-slider-x,0px));width:var(--brand-Tabs-slider-width);position:absolute}.Primer_Brand__Tabs-module__Tabs--default___MUcm6 .Primer_Brand__Tabs-module__Tabs__slider___tkaHu{border-radius:var(--brand-borderRadius-full);border:var(--brand-borderWidth-thin) solid var(--brand-Tabs-item-default-borderColor-active);background:var(--brand-Tabs-item-default-bgColor-active)}.Primer_Brand__Tabs-module__Tabs--accent___p1SQc .Primer_Brand__Tabs-module__Tabs__slider___tkaHu{border-radius:var(--brand-borderRadius-full);border:var(--brand-borderWidth-thin) solid transparent;background:var(--brand-Tabs-item-accent-bgColor-rest)}.Primer_Brand__Tabs-module__Tabs--underline___CAXqd .Primer_Brand__Tabs-module__Tabs__slider___tkaHu{border-bottom:var(--brand-borderWidth-thick) solid var(--brand-Tabs-item-underline-rest)}.Primer_Brand__Tabs-module__Tabs__item___4V44f:focus-visible{outline:var(--base-size-2) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__Tabs-module__Tabs__item--active___Guj0b{color:var(--brand-color-text-default)}.Primer_Brand__Tabs-module__Tabs--underline___CAXqd .Primer_Brand__Tabs-module__Tabs__item___4V44f{padding:var(--base-size-8);border-radius:var(--brand-borderRadius-medium)}.Primer_Brand__Tabs-module__Tabs--accent___p1SQc .Primer_Brand__Tabs-module__Tabs__item___4V44f{transition:color var(--brand-animation-duration-faster) ease}.Primer_Brand__Tabs-module__Tabs--accent___p1SQc .Primer_Brand__Tabs-module__Tabs__item--active___Guj0b{color:var(--brand-Tabs-item-accent-fgColor-rest)}.Primer_Brand__Tabs-module__Tabs__panelContainer___WhkhR{margin-top:var(--base-size-16)}.Primer_Brand__Tabs-module__Tabs__panel___UdoZQ{color:var(--brand-color-text-default)}.Primer_Brand__Tabs-module__Tabs__controls___Cg7GX{margin-block-end:var(--base-size-12)}.Primer_Brand__Tabs-module__Tabs__indicator___Tmwuv{width:var(--base-size-6);border-radius:var(--brand-borderRadius-full);background-color:var(--brand-color-text-muted);height:var(--base-size-6);transition:width var(--brand-animation-duration-default) var(--brand-animation-easing-default)}.Primer_Brand__Tabs-module__Tabs__indicator--active___h_TV1{background-color:var(--brand-color-text-default);width:var(--base-size-24)}.Primer_Brand__Tabs-module__Tabs__control___xG_4C{cursor:pointer;height:var(--base-size-24);width:var(--base-size-24);background-color:#0000;border:none;align-content:center;display:flex}.Primer_Brand__Tabs-module__Tabs__control-icon___V9mNe{top:calc(var(--base-size-2) / -2);position:relative;vertical-align:middle!important}@media screen and (width>=48rem){.Primer_Brand__Tabs-module__Tabs__controls___Cg7GX{display:none}.Primer_Brand__Tabs-module__Tabs__item___4V44f{padding-inline:var(--base-size-24)}}

package/esm/Tabs/Tabs.module.js

@@ -1,4 +1,4 @@
-import './Tabs.module-D8VFUDRe.css';var e = {
+import './Tabs.module-CK_p1qwC.css';var e = {
 	Tabs: "Primer_Brand__Tabs-module__Tabs___zia5x",
 	"Tabs-container": "Primer_Brand__Tabs-module__Tabs-container___wuq7I",
 	"Tabs-container--align-start": "Primer_Brand__Tabs-module__Tabs-container--align-start___n0cXk",

package/esm/Tabs/Tabs.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.module.js","names":[],"sources":["../../src/Tabs/Tabs.module.css"],"sourcesContent":[".Tabs {\n  position: relative;\n  display: flex;\n  gap: var(--base-size-4);\n  background-color: var(--brand-color-canvas-backdrop);\n  border-radius: var(--brand-borderRadius-large);\n  padding: var(--brand-Tabs-container-padding);\n  width: fit-content;\n  min-height: var(--base-size-48);\n}\n\n.Tabs-container {\n  display: grid;\n}\n\n@media screen and (max-width: 48rem) {\n  .Tabs-container {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    position: relative;\n  }\n\n  .Tabs-container--align-start {\n    align-items: flex-start;\n  }\n\n  .Tabs-container--align-center {\n    align-items: center;\n  }\n\n  .Tablist__wrapper {\n    position: relative;\n    width: fit-content;\n    max-width: 100%;\n    overflow: hidden;\n  }\n\n  .Tablist__wrapper::after {\n    content: '';\n    position: absolute;\n    right: var(--brand-Tabs-list-borderWidth-active);\n    top: var(--base-size-2);\n    bottom: var(--base-size-2);\n    background: linear-gradient(to left, var(--brand-color-canvas-default) 30%, transparent);\n    width: var(--base-size-48);\n    z-index: 2;\n    pointer-events: none;\n    transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n      visibility var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n    opacity: calc(var(--has-overflow, 0) * var(--can-scroll-right, 0));\n    border-radius: inherit;\n  }\n\n  .Tablist__wrapper--default::after,\n  .Tablist__wrapper--accent::after {\n    border-radius: var(--brand-borderRadius-full);\n  }\n\n  .Tablist__wrapper--underline::after {\n    border-radius: var(--brand-borderRadius-large);\n  }\n\n  .Tablist__wrapper--lastTabIsActive::after {\n    opacity: 0;\n    visibility: hidden;\n  }\n\n  .Tabs {\n    max-width: 100%;\n    overflow-x: auto;\n    overflow-y: hidden;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n  }\n\n  .Tabs::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n.Tabs-container--align-start {\n  justify-items: flex-start;\n}\n\n.Tabs-container--align-center {\n  justify-items: center;\n}\n\n.Tabs--default,\n.Tabs--accent {\n  border: var(--brand-Tabs-list-borderWidth-active) solid var(--brand-color-border-default);\n  border-radius: var(--brand-borderRadius-full);\n}\n\n.Tabs--underline {\n  gap: var(--base-size-24);\n}\n\n.Tabs__item {\n  position: relative;\n  z-index: 1;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n  padding: var(--base-size-8) var(--base-size-16);\n  border-radius: var(--brand-borderRadius-full);\n  transition: color var(--brand-animation-duration-fast) ease-in-out;\n  white-space: nowrap;\n  font-family: var(--brand-fontStack-sansSerif);\n  font-weight: var(--brand-text-weight-600);\n  font-size: var(--brand-text-size-100);\n  line-height: var(--brand-text-lineHeight-100);\n  letter-spacing: var(--brand-text-letterSpacing-100);\n  color: var(--brand-color-text-default);\n}\n\n.Tabs__slider {\n  position: absolute;\n  top: var(--base-size-4);\n  bottom: var(--base-size-4);\n  transition: all var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n  z-index: 0;\n  transform: translateX(var(--brand-Tabs-slider-x, 0px));\n  width: var(--brand-Tabs-slider-width);\n}\n\n.Tabs--default .Tabs__slider {\n  border-radius: var(--brand-borderRadius-full);\n  border: var(--brand-borderWidth-thin) solid var(--brand-Tabs-item-default-borderColor-active);\n  background: var(--brand-Tabs-item-default-bgColor-active);\n}\n\n.Tabs--accent .Tabs__slider {\n  border-radius: var(--brand-borderRadius-full);\n  border: var(--brand-borderWidth-thin) solid transparent;\n  background: var(--brand-Tabs-item-accent-bgColor-rest);\n}\n\n.Tabs--underline .Tabs__slider {\n  border-bottom: var(--brand-borderWidth-thick) solid var(--brand-Tabs-item-underline-rest);\n}\n\n.Tabs__item:focus-visible {\n  outline: var(--base-size-2) solid var(--brand-color-focus);\n  outline-offset: var(--base-size-2);\n}\n\n.Tabs__item--active {\n  color: var(--brand-color-text-default);\n}\n\n.Tabs--underline .Tabs__item {\n  padding: var(--base-size-8);\n\n  border-radius: var(--brand-borderRadius-medium);\n}\n\n.Tabs--accent .Tabs__item {\n  transition: color var(--brand-animation-duration-faster) ease;\n}\n\n.Tabs--accent .Tabs__item--active {\n  color: var(--brand-Tabs-item-accent-fgColor-rest);\n}\n\n.Tabs__panelContainer {\n  margin-top: var(--base-size-16);\n}\n\n.Tabs__panel {\n  color: var(--brand-color-text-default);\n}\n\n.Tabs__controls {\n  margin-block-end: var(--base-size-12);\n}\n\n.Tabs__indicator {\n  width: var(--base-size-6);\n  border-radius: var(--brand-borderRadius-full);\n  background-color: var(--brand-color-text-muted);\n  height: var(--base-size-6);\n  transition: width var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.Tabs__indicator--active {\n  background-color: var(--brand-color-text-default);\n  width: var(--base-size-24);\n}\n\n.Tabs__control {\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  height: var(--base-size-24);\n  width: var(--base-size-24);\n  display: flex;\n  align-content: center;\n}\n\n.Tabs__control-icon {\n  vertical-align: middle !important; /* Required to override dotcom styles */\n  position: relative;\n  top: calc(var(--base-size-2) / -2);\n}\n\n@media screen and (min-width: 48rem) {\n  .Tabs__controls {\n    display: none;\n  }\n\n  .Tabs__item {\n    padding-inline: var(--base-size-24);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Tabs.module.js","names":[],"sources":["../../src/Tabs/Tabs.module.css"],"sourcesContent":[".Tabs {\n  position: relative;\n  display: flex;\n  gap: var(--base-size-4);\n  background-color: var(--brand-color-canvas-backdrop);\n  border-radius: var(--brand-borderRadius-large);\n  padding: var(--brand-Tabs-container-padding);\n  width: fit-content;\n  min-height: var(--base-size-48);\n}\n\n.Tabs-container {\n  display: grid;\n}\n\n@media screen and (max-width: 48rem) {\n  .Tabs-container {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    position: relative;\n  }\n\n  .Tabs-container--align-start {\n    align-items: flex-start;\n  }\n\n  .Tabs-container--align-center {\n    align-items: center;\n  }\n\n  .Tablist__wrapper {\n    position: relative;\n    width: fit-content;\n    max-width: 100%;\n    overflow: hidden;\n  }\n\n  .Tablist__wrapper::after {\n    content: '';\n    position: absolute;\n    right: var(--brand-Tabs-list-borderWidth-active);\n    top: var(--base-size-2);\n    bottom: var(--base-size-2);\n    background: linear-gradient(to left, var(--brand-color-canvas-default) 30%, transparent);\n    width: var(--base-size-48);\n    z-index: 2;\n    pointer-events: none;\n    transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n      visibility var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n    opacity: calc(var(--has-overflow, 0) * var(--can-scroll-right, 0));\n    border-radius: inherit;\n  }\n\n  .Tablist__wrapper--default::after,\n  .Tablist__wrapper--accent::after {\n    border-radius: var(--brand-borderRadius-full);\n  }\n\n  .Tablist__wrapper--underline::after {\n    border-radius: var(--brand-borderRadius-large);\n  }\n\n  .Tablist__wrapper--lastTabIsActive::after {\n    opacity: 0;\n    visibility: hidden;\n  }\n\n  .Tabs {\n    max-width: 100%;\n    overflow-x: auto;\n    overflow-y: hidden;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n  }\n\n  .Tabs::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n.Tabs-container--align-start {\n  justify-items: flex-start;\n}\n\n.Tabs-container--align-center {\n  justify-items: center;\n}\n\n.Tabs--default,\n.Tabs--accent {\n  border: var(--brand-Tabs-list-borderWidth-active) solid var(--brand-color-border-default);\n  border-radius: var(--brand-borderRadius-full);\n}\n\n.Tabs--underline {\n  gap: var(--base-size-24);\n}\n\n.Tabs__item {\n  position: relative;\n  z-index: 1;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n  padding: var(--base-size-8) var(--base-size-16);\n  border-radius: var(--brand-borderRadius-full);\n  transition: color var(--brand-animation-duration-fast) ease-in-out;\n  white-space: nowrap;\n  font-family: var(--brand-fontStack-sansSerif);\n  font-weight: var(--brand-text-weight-600);\n  font-size: var(--brand-text-size-200);\n  line-height: var(--brand-text-lineHeight-200);\n  letter-spacing: var(--brand-text-letterSpacing-200);\n  color: var(--brand-color-text-default);\n}\n\n.Tabs__slider {\n  position: absolute;\n  top: var(--base-size-4);\n  bottom: var(--base-size-4);\n  transition: all var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n  z-index: 0;\n  transform: translateX(var(--brand-Tabs-slider-x, 0px));\n  width: var(--brand-Tabs-slider-width);\n}\n\n.Tabs--default .Tabs__slider {\n  border-radius: var(--brand-borderRadius-full);\n  border: var(--brand-borderWidth-thin) solid var(--brand-Tabs-item-default-borderColor-active);\n  background: var(--brand-Tabs-item-default-bgColor-active);\n}\n\n.Tabs--accent .Tabs__slider {\n  border-radius: var(--brand-borderRadius-full);\n  border: var(--brand-borderWidth-thin) solid transparent;\n  background: var(--brand-Tabs-item-accent-bgColor-rest);\n}\n\n.Tabs--underline .Tabs__slider {\n  border-bottom: var(--brand-borderWidth-thick) solid var(--brand-Tabs-item-underline-rest);\n}\n\n.Tabs__item:focus-visible {\n  outline: var(--base-size-2) solid var(--brand-color-focus);\n  outline-offset: var(--base-size-2);\n}\n\n.Tabs__item--active {\n  color: var(--brand-color-text-default);\n}\n\n.Tabs--underline .Tabs__item {\n  padding: var(--base-size-8);\n\n  border-radius: var(--brand-borderRadius-medium);\n}\n\n.Tabs--accent .Tabs__item {\n  transition: color var(--brand-animation-duration-faster) ease;\n}\n\n.Tabs--accent .Tabs__item--active {\n  color: var(--brand-Tabs-item-accent-fgColor-rest);\n}\n\n.Tabs__panelContainer {\n  margin-top: var(--base-size-16);\n}\n\n.Tabs__panel {\n  color: var(--brand-color-text-default);\n}\n\n.Tabs__controls {\n  margin-block-end: var(--base-size-12);\n}\n\n.Tabs__indicator {\n  width: var(--base-size-6);\n  border-radius: var(--brand-borderRadius-full);\n  background-color: var(--brand-color-text-muted);\n  height: var(--base-size-6);\n  transition: width var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.Tabs__indicator--active {\n  background-color: var(--brand-color-text-default);\n  width: var(--base-size-24);\n}\n\n.Tabs__control {\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  height: var(--base-size-24);\n  width: var(--base-size-24);\n  display: flex;\n  align-content: center;\n}\n\n.Tabs__control-icon {\n  vertical-align: middle !important; /* Required to override dotcom styles */\n  position: relative;\n  top: calc(var(--base-size-2) / -2);\n}\n\n@media screen and (min-width: 48rem) {\n  .Tabs__controls {\n    display: none;\n  }\n\n  .Tabs__item {\n    padding-inline: var(--base-size-24);\n  }\n}\n"],"mappings":""}

package/esm/TextCursorAnimation/TextCursorAnimation.d.ts

@@ -1,5 +1,6 @@
 import React, { PropsWithChildren } from 'react';
 import { TextProps } from '../Text/Text';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/text-cursor-animation/colors-with-modes.css';
 export declare const testIds: {
     root: string;
     readonly cursor: string;

package/esm/TextCursorAnimation/TextCursorAnimation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextCursorAnimation.d.ts","sourceRoot":"","sources":["../../src/TextCursorAnimation/TextCursorAnimation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAI9C,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAA;AAItC,eAAO,MAAM,OAAO;;;CAKnB,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GACvC,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC,CAAA;AAEnC,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,aAAa,EAAE,MAAM,EACrB,KAAW,EACX,eAAsB,EACtB,OAAiB,GAClB,EAAE,iBAAiB,CAAC,wBAAwB,CAAC,2CA0C7C"}
+{"version":3,"file":"TextCursorAnimation.d.ts","sourceRoot":"","sources":["../../src/TextCursorAnimation/TextCursorAnimation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAI9C,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAA;AAEtC,OAAO,yHAAyH,CAAA;AAIhI,eAAO,MAAM,OAAO;;;CAKnB,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GACvC,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC,CAAA;AAEnC,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,aAAa,EAAE,MAAM,EACrB,KAAW,EACX,eAAsB,EACtB,OAAiB,GAClB,EAAE,iBAAiB,CAAC,wBAAwB,CAAC,2CA0C7C"}

package/esm/TextCursorAnimation/TextCursorAnimation.js

@@ -1,6 +1,7 @@
 import e from "../node_modules/clsx/dist/clsx.js";
 import { useCursorAnimation as t } from "../hooks/useCursorAnimation.js";
 import { EyebrowText as n } from "../EyebrowText/EyebrowText.js";
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/text-cursor-animation/colors-with-modes-BODdIvrY.css';/* empty css                                                                                                                   */
 import r from "./TextCursorAnimation.module.js";
 import "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";

package/esm/TextCursorAnimation/TextCursorAnimation.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextCursorAnimation.js","names":[],"sources":["../../src/TextCursorAnimation/TextCursorAnimation.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport {useCursorAnimation} from '../hooks/useCursorAnimation'\nimport {EyebrowText} from '../EyebrowText'\nimport {TextProps} from '../Text/Text'\n\nimport styles from './TextCursorAnimation.module.css'\n\nexport const testIds = {\n  root: 'TextCursorAnimation',\n  get cursor() {\n    return `${this.root}-cursor`\n  },\n}\n\nexport type TextCursorAnimationProps = {\n  /**\n   * Whether to animate the text reveal with a sliding wipe animation\n   * and a cursor that transitions from grey to green.\n   */\n  animate?: boolean\n  ['data-testid']?: string\n  delay?: number\n  waitForPageLoad?: boolean\n} & React.HTMLAttributes<HTMLSpanElement> &\n  Omit<TextProps, 'animate' | 'as'>\n\nexport function TextCursorAnimation({\n  children,\n  className,\n  animate,\n  'data-testid': testId,\n  delay = 500,\n  waitForPageLoad = true,\n  variant = 'muted',\n}: PropsWithChildren<TextCursorAnimationProps>) {\n  const text = typeof children === 'string' ? children : ''\n  const {showCursor, progress} = useCursorAnimation({\n    text,\n    animate,\n    delay,\n    waitForPageLoad,\n  })\n\n  const revealStyle = {\n    '--brand-TextCursorAnimation-reveal-progress': progress,\n    '--brand-TextCursorAnimation-cursor-progress': progress,\n  } as React.CSSProperties\n\n  const staticStyle = {\n    '--brand-TextCursorAnimation-reveal-progress': 1,\n    '--brand-TextCursorAnimation-cursor-progress': 1,\n  } as React.CSSProperties\n\n  const hasAnimation = animate === true && text\n\n  const style = hasAnimation ? revealStyle : staticStyle\n  const content = text || children\n\n  return (\n    <span className={clsx(styles.TextCursorAnimation, className)} data-testid={testId || testIds.root}>\n      <span className={styles['TextCursorAnimation-inner']} style={style}>\n        <EyebrowText\n          size=\"100\"\n          variant={variant}\n          font=\"monospace\"\n          weight=\"medium\"\n          className={styles['TextCursorAnimation-text']}\n        >\n          {content}\n        </EyebrowText>\n        {(showCursor || !hasAnimation) && (\n          <span className={styles['TextCursorAnimation-cursor']} aria-hidden=\"true\" data-testid={testIds.cursor} />\n        )}\n      </span>\n    </span>\n  )\n}\n"],"mappings":";;;;;;;AAQA,IAAa,IAAU;CACrB,MAAM;CACN,IAAI,SAAS;AACX,SAAO,GAAG,KAAK,KAAK;;CAEvB;AAcD,SAAgB,EAAoB,EAClC,aACA,cACA,YACA,eAAe,GACf,WAAQ,KACR,qBAAkB,IAClB,aAAU,WACoC;CAC9C,IAAM,IAAO,OAAO,KAAa,WAAW,IAAW,IACjD,EAAC,eAAY,gBAAY,EAAmB;EAChD;EACA;EACA;EACA;EACD,CAAC,EAEI,IAAc;EAClB,+CAA+C;EAC/C,+CAA+C;EAChD,EAEK,IAAc;EAClB,+CAA+C;EAC/C,+CAA+C;EAChD,EAEK,IAAe,MAAY,MAAQ,GAEnC,IAAQ,IAAe,IAAc,GACrC,IAAU,KAAQ;AAExB,QACE,kBAAC,QAAD;EAAM,WAAW,EAAK,EAAO,qBAAqB,EAAU;EAAE,eAAa,KAAU,EAAQ;YAC3F,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAqC;aAA7D,CACE,kBAAC,GAAD;IACE,MAAK;IACI;IACT,MAAK;IACL,QAAO;IACP,WAAW,EAAO;cAEjB;IACW,CAAA,GACZ,KAAc,CAAC,MACf,kBAAC,QAAD;IAAM,WAAW,EAAO;IAA+B,eAAY;IAAO,eAAa,EAAQ;IAAU,CAAA,CAEtG;;EACF,CAAA"}
+{"version":3,"file":"TextCursorAnimation.js","names":[],"sources":["../../src/TextCursorAnimation/TextCursorAnimation.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport {useCursorAnimation} from '../hooks/useCursorAnimation'\nimport {EyebrowText} from '../EyebrowText'\nimport {TextProps} from '../Text/Text'\n\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/text-cursor-animation/colors-with-modes.css'\n\nimport styles from './TextCursorAnimation.module.css'\n\nexport const testIds = {\n  root: 'TextCursorAnimation',\n  get cursor() {\n    return `${this.root}-cursor`\n  },\n}\n\nexport type TextCursorAnimationProps = {\n  /**\n   * Whether to animate the text reveal with a sliding wipe animation\n   * and a cursor that transitions from grey to green.\n   */\n  animate?: boolean\n  ['data-testid']?: string\n  delay?: number\n  waitForPageLoad?: boolean\n} & React.HTMLAttributes<HTMLSpanElement> &\n  Omit<TextProps, 'animate' | 'as'>\n\nexport function TextCursorAnimation({\n  children,\n  className,\n  animate,\n  'data-testid': testId,\n  delay = 500,\n  waitForPageLoad = true,\n  variant = 'muted',\n}: PropsWithChildren<TextCursorAnimationProps>) {\n  const text = typeof children === 'string' ? children : ''\n  const {showCursor, progress} = useCursorAnimation({\n    text,\n    animate,\n    delay,\n    waitForPageLoad,\n  })\n\n  const revealStyle = {\n    '--brand-TextCursorAnimation-reveal-progress': progress,\n    '--brand-TextCursorAnimation-cursor-progress': progress,\n  } as React.CSSProperties\n\n  const staticStyle = {\n    '--brand-TextCursorAnimation-reveal-progress': 1,\n    '--brand-TextCursorAnimation-cursor-progress': 1,\n  } as React.CSSProperties\n\n  const hasAnimation = animate === true && text\n\n  const style = hasAnimation ? revealStyle : staticStyle\n  const content = text || children\n\n  return (\n    <span className={clsx(styles.TextCursorAnimation, className)} data-testid={testId || testIds.root}>\n      <span className={styles['TextCursorAnimation-inner']} style={style}>\n        <EyebrowText\n          size=\"100\"\n          variant={variant}\n          font=\"monospace\"\n          weight=\"medium\"\n          className={styles['TextCursorAnimation-text']}\n        >\n          {content}\n        </EyebrowText>\n        {(showCursor || !hasAnimation) && (\n          <span className={styles['TextCursorAnimation-cursor']} aria-hidden=\"true\" data-testid={testIds.cursor} />\n        )}\n      </span>\n    </span>\n  )\n}\n"],"mappings":";;;;;;;;AAUA,IAAa,IAAU;CACrB,MAAM;CACN,IAAI,SAAS;AACX,SAAO,GAAG,KAAK,KAAK;;CAEvB;AAcD,SAAgB,EAAoB,EAClC,aACA,cACA,YACA,eAAe,GACf,WAAQ,KACR,qBAAkB,IAClB,aAAU,WACoC;CAC9C,IAAM,IAAO,OAAO,KAAa,WAAW,IAAW,IACjD,EAAC,eAAY,gBAAY,EAAmB;EAChD;EACA;EACA;EACA;EACD,CAAC,EAEI,IAAc;EAClB,+CAA+C;EAC/C,+CAA+C;EAChD,EAEK,IAAc;EAClB,+CAA+C;EAC/C,+CAA+C;EAChD,EAEK,IAAe,MAAY,MAAQ,GAEnC,IAAQ,IAAe,IAAc,GACrC,IAAU,KAAQ;AAExB,QACE,kBAAC,QAAD;EAAM,WAAW,EAAK,EAAO,qBAAqB,EAAU;EAAE,eAAa,KAAU,EAAQ;YAC3F,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAqC;aAA7D,CACE,kBAAC,GAAD;IACE,MAAK;IACI;IACT,MAAK;IACL,QAAO;IACP,WAAW,EAAO;cAEjB;IACW,CAAA,GACZ,KAAc,CAAC,MACf,kBAAC,QAAD;IAAM,WAAW,EAAO;IAA+B,eAAY;IAAO,eAAa,EAAQ;IAAU,CAAA,CAEtG;;EACF,CAAA"}

package/esm/TextCursorAnimation/{TextCursorAnimation.module-CkVDXNW5.css → TextCursorAnimation.module-BJLhwKrK.css}

@@ -1 +1 @@
-.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation___fMZNu{align-items:center;display:inline-flex}.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-inner___h__Hj{align-items:center;display:inline-flex;position:relative}.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-text___sBYZ9{font-weight:var(--brand-text-weight-500);clip-path:inset(0 0% 0 0);clip-path:inset(0 calc((1 - var(--brand-TextCursorAnimation-reveal-progress,1)) * 100%) 0 0);white-space:pre}.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-cursor___1_9mQ{left:calc((1 * 100%) + var(--base-size-6));left:calc((var(--brand-TextCursorAnimation-reveal-progress,1) * 100%) + var(--base-size-6));width:var(--base-size-8);background-color:color-mix(in srgb, var(--brand-color-canvas-subtle) calc((1 - 0) * 100%), var(--brand-color-accent-primary) calc(0 * 100%));height:1cap;position:absolute;top:calc(.5lh - .65cap)}@supports (color:color-mix(in lch, red, blue)){.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-cursor___1_9mQ{background-color:color-mix(in srgb, var(--brand-color-canvas-subtle) calc((1 - var(--brand-TextCursorAnimation-cursor-progress,0)) * 100%), var(--brand-color-accent-primary) calc(var(--brand-TextCursorAnimation-cursor-progress,0) * 100%))}}@media (prefers-reduced-motion:reduce){.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-cursor___1_9mQ{display:none}.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-text___sBYZ9{clip-path:none}}
+.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation___fMZNu{align-items:center;display:inline-flex}.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-inner___h__Hj{align-items:center;display:inline-flex;position:relative}.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-text___sBYZ9{font-weight:var(--brand-text-weight-500);clip-path:inset(0 0% 0 0);clip-path:inset(0 calc((1 - var(--brand-TextCursorAnimation-reveal-progress,1)) * 100%) 0 0);white-space:pre}.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-cursor___1_9mQ{left:calc((1 * 100%) + var(--base-size-6));left:calc((var(--brand-TextCursorAnimation-reveal-progress,1) * 100%) + var(--base-size-6));width:var(--base-size-8);background-color:color-mix(in srgb, var(--brand-color-canvas-subtle) calc((1 - 0) * 100%), var(--brand-TextCursorAnimation-cursor-color) calc(0 * 100%));height:1cap;position:absolute;top:calc(.5lh - .65cap)}@supports (color:color-mix(in lch, red, blue)){.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-cursor___1_9mQ{background-color:color-mix(in srgb, var(--brand-color-canvas-subtle) calc((1 - var(--brand-TextCursorAnimation-cursor-progress,0)) * 100%), var(--brand-TextCursorAnimation-cursor-color) calc(var(--brand-TextCursorAnimation-cursor-progress,0) * 100%))}}@media (prefers-reduced-motion:reduce){.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-cursor___1_9mQ{display:none}.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-text___sBYZ9{clip-path:none}}

package/esm/TextCursorAnimation/TextCursorAnimation.module.js

@@ -1,4 +1,4 @@
-import './TextCursorAnimation.module-CkVDXNW5.css';var e = {
+import './TextCursorAnimation.module-BJLhwKrK.css';var e = {
 	TextCursorAnimation: "Primer_Brand__TextCursorAnimation-module__TextCursorAnimation___fMZNu",
 	"TextCursorAnimation-inner": "Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-inner___h__Hj",
 	"TextCursorAnimation-text": "Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-text___sBYZ9",

package/esm/TextCursorAnimation/TextCursorAnimation.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextCursorAnimation.module.js","names":[],"sources":["../../src/TextCursorAnimation/TextCursorAnimation.module.css"],"sourcesContent":[".TextCursorAnimation {\n  display: inline-flex;\n  align-items: center;\n}\n\n.TextCursorAnimation-inner {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n\n.TextCursorAnimation-text {\n  font-weight: var(--brand-text-weight-500);\n  clip-path: inset(0 calc((1 - var(--brand-TextCursorAnimation-reveal-progress, 1)) * 100%) 0 0);\n  white-space: pre;\n}\n\n.TextCursorAnimation-cursor {\n  position: absolute;\n  left: calc((var(--brand-TextCursorAnimation-reveal-progress, 1) * 100%) + var(--base-size-6));\n  top: calc((1lh - 0.3cap) / 2 - 0.5cap);\n  width: var(--base-size-8);\n  height: 1cap;\n  background-color: color-mix(\n    in srgb,\n    var(--brand-color-canvas-subtle) calc((1 - var(--brand-TextCursorAnimation-cursor-progress, 0)) * 100%),\n    var(--brand-color-accent-primary) calc(var(--brand-TextCursorAnimation-cursor-progress, 0) * 100%)\n  );\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .TextCursorAnimation-cursor {\n    display: none;\n  }\n\n  .TextCursorAnimation-text {\n    clip-path: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"TextCursorAnimation.module.js","names":[],"sources":["../../src/TextCursorAnimation/TextCursorAnimation.module.css"],"sourcesContent":[".TextCursorAnimation {\n  display: inline-flex;\n  align-items: center;\n}\n\n.TextCursorAnimation-inner {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n\n.TextCursorAnimation-text {\n  font-weight: var(--brand-text-weight-500);\n  clip-path: inset(0 calc((1 - var(--brand-TextCursorAnimation-reveal-progress, 1)) * 100%) 0 0);\n  white-space: pre;\n}\n\n.TextCursorAnimation-cursor {\n  position: absolute;\n  left: calc((var(--brand-TextCursorAnimation-reveal-progress, 1) * 100%) + var(--base-size-6));\n  top: calc((1lh - 0.3cap) / 2 - 0.5cap);\n  width: var(--base-size-8);\n  height: 1cap;\n  background-color: color-mix(\n    in srgb,\n    var(--brand-color-canvas-subtle) calc((1 - var(--brand-TextCursorAnimation-cursor-progress, 0)) * 100%),\n    var(--brand-TextCursorAnimation-cursor-color) calc(var(--brand-TextCursorAnimation-cursor-progress, 0) * 100%)\n  );\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .TextCursorAnimation-cursor {\n    display: none;\n  }\n\n  .TextCursorAnimation-text {\n    clip-path: none;\n  }\n}\n"],"mappings":""}

package/esm/Tiles/Tiles.module-BOGZTY7t.css

@@ -0,0 +1 @@
+.Primer_Brand__Tiles-module__Tiles___RhWBm{width:100%;color:var(--brand-color-text-default)}.Primer_Brand__Tiles-module__Tiles-grid___lAoQw{--tiles-columns:2;flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}@media screen and (width>=48rem){.Primer_Brand__Tiles-module__Tiles--layout-default___szHFY .Primer_Brand__Tiles-module__Tiles-grid___lAoQw{--tiles-columns:4}}@media screen and (width>=63.25rem){.Primer_Brand__Tiles-module__Tiles--layout-default___szHFY .Primer_Brand__Tiles-module__Tiles-grid___lAoQw{--tiles-columns:6}}@media screen and (width>=48rem){.Primer_Brand__Tiles-module__Tiles--layout-compact___HBisD .Primer_Brand__Tiles-module__Tiles-grid___lAoQw{--tiles-columns:4}}@media screen and (width>=63.25rem){.Primer_Brand__Tiles-module__Tiles--layout-compact___HBisD .Primer_Brand__Tiles-module__Tiles-grid___lAoQw{--tiles-columns:8}}.Primer_Brand__Tiles-module__Tiles--variant-gridlines___6CsMP .Primer_Brand__Tiles-module__Tiles-grid___lAoQw{--tiles-grid-border-color:var(--brand-color-border-muted);padding-right:var(--brand-borderWidth-thin);padding-bottom:var(--brand-borderWidth-thin);position:relative}.Primer_Brand__Tiles-module__Tiles--variant-gridlines___6CsMP .Primer_Brand__Tiles-module__Tiles-grid___lAoQw:before,.Primer_Brand__Tiles-module__Tiles--variant-gridlines___6CsMP .Primer_Brand__Tiles-module__Tiles-grid___lAoQw:after{content:"";border-left:var(--brand-borderWidth-thin) solid var(--tiles-grid-border-color);z-index:1;pointer-events:none;width:0;position:absolute;top:0;bottom:0}.Primer_Brand__Tiles-module__Tiles--variant-gridlines___6CsMP .Primer_Brand__Tiles-module__Tiles-grid___lAoQw:before{left:0}.Primer_Brand__Tiles-module__Tiles--variant-gridlines___6CsMP .Primer_Brand__Tiles-module__Tiles-grid___lAoQw:after{right:0}@media screen and (width>=63.25rem){:is(.Primer_Brand__Tiles-module__Tiles--variant-gridlines___6CsMP.Primer_Brand__Tiles-module__Tiles--layout-default___szHFY .Primer_Brand__Tiles-module__Tiles-grid___lAoQw:not(:has(>.Primer_Brand__Tiles-module__Tiles-item___YlnUj:nth-child(6))),.Primer_Brand__Tiles-module__Tiles--variant-gridlines___6CsMP.Primer_Brand__Tiles-module__Tiles--layout-compact___HBisD .Primer_Brand__Tiles-module__Tiles-grid___lAoQw:not(:has(>.Primer_Brand__Tiles-module__Tiles-item___YlnUj:nth-child(8)))){--tiles-grid-border-color:transparent}}.Primer_Brand__Tiles-module__Tiles-item___YlnUj{--tiles-inset-shadow:inset 0 0 0 transparent;width:calc(100% / var(--tiles-columns));box-sizing:border-box;background-color:var(--brand-tiles-bgColor-rest);border-top:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);border-left:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);box-shadow:var(--brand-borderWidth-thin) 0 0 0 var(--brand-color-border-muted), 0 var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-muted), inset 0 0 0 transparent;box-shadow:var(--brand-borderWidth-thin) 0 0 0 var(--brand-color-border-muted), 0 var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-muted), var(--tiles-inset-shadow);transition:background-color var(--brand-animation-duration-faster) var(--brand-animation-easing-default), box-shadow var(--brand-animation-duration-faster) var(--brand-animation-easing-default);flex-direction:column;display:flex;position:relative}:is(.Primer_Brand__Tiles-module__Tiles-item___YlnUj:has(.Primer_Brand__Tiles-module__Tiles-item-link___NcK69):hover,.Primer_Brand__Tiles-module__Tiles-item___YlnUj:has(.Primer_Brand__Tiles-module__Tiles-item-link___NcK69):focus-within){--tiles-inset-shadow:inset 0 var(--base-size-2) 0 var(--brand-tiles-highlightColor);background-color:var(--brand-tiles-bgColor-hover)}.Primer_Brand__Tiles-module__Tiles-item-link___NcK69{width:100%;color:inherit;flex:1;-webkit-text-decoration:none;text-decoration:none;display:flex}.Primer_Brand__Tiles-module__Tiles-item-link___NcK69:focus-visible{outline:var(--base-size-4) solid var(--brand-color-focus);outline-offset:calc(-1 * var(--base-size-4));border-radius:var(--brand-borderRadius-small)}.Primer_Brand__Tiles-module__Tiles-item-content___YIq8M{aspect-ratio:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.Primer_Brand__Tiles-module__Tiles-item-media___QH9l2{justify-content:center;align-items:center;display:flex}.Primer_Brand__Tiles-module__Tiles-item-media___QH9l2 svg,.Primer_Brand__Tiles-module__Tiles-item-media___QH9l2 img{width:auto;height:var(--base-size-40);max-width:100%}.Primer_Brand__Tiles-module__Tiles--layout-compact___HBisD .Primer_Brand__Tiles-module__Tiles-item-media___QH9l2 svg,.Primer_Brand__Tiles-module__Tiles--layout-compact___HBisD .Primer_Brand__Tiles-module__Tiles-item-media___QH9l2 img{height:var(--base-size-32)}.Primer_Brand__Tiles-module__Tiles-item-label___L9BIA{justify-content:space-between;align-items:center;gap:var(--base-size-4);padding:var(--base-size-12) var(--base-size-16);display:flex;position:absolute;bottom:0;left:0;right:0}.Primer_Brand__Tiles-module__Tiles--layout-compact___HBisD .Primer_Brand__Tiles-module__Tiles-item-media___QH9l2{transition:transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default)}.Primer_Brand__Tiles-module__Tiles--layout-compact___HBisD .Primer_Brand__Tiles-module__Tiles-item-link___NcK69:hover .Primer_Brand__Tiles-module__Tiles-item-media___QH9l2,.Primer_Brand__Tiles-module__Tiles--layout-compact___HBisD .Primer_Brand__Tiles-module__Tiles-item-link___NcK69:focus-visible .Primer_Brand__Tiles-module__Tiles-item-media___QH9l2{transform:translateY(calc(-1 * var(--base-size-4)))}.Primer_Brand__Tiles-module__Tiles--layout-compact___HBisD .Primer_Brand__Tiles-module__Tiles-item-label___L9BIA{opacity:0;transform:translateY(var(--base-size-4));transition:opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-default), transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default);pointer-events:none}.Primer_Brand__Tiles-module__Tiles--layout-compact___HBisD .Primer_Brand__Tiles-module__Tiles-item-link___NcK69:hover .Primer_Brand__Tiles-module__Tiles-item-label___L9BIA,.Primer_Brand__Tiles-module__Tiles--layout-compact___HBisD .Primer_Brand__Tiles-module__Tiles-item-link___NcK69:focus-visible .Primer_Brand__Tiles-module__Tiles-item-label___L9BIA{opacity:1;transform:translateY(0)}.Primer_Brand__Tiles-module__Tiles-item-name___47ZMU{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.Primer_Brand__Tiles-module__Tiles-item-icon___2Hu6M{color:var(--brand-color-text-default);flex-shrink:0}@media (prefers-reduced-motion:reduce){.Primer_Brand__Tiles-module__Tiles-item___YlnUj,.Primer_Brand__Tiles-module__Tiles--layout-compact___HBisD .Primer_Brand__Tiles-module__Tiles-item-media___QH9l2,.Primer_Brand__Tiles-module__Tiles--layout-compact___HBisD .Primer_Brand__Tiles-module__Tiles-item-label___L9BIA{transition:none}}

package/esm/Tiles/Tiles.module.js

@@ -1,4 +1,4 @@
-import './Tiles.module-DVK0nMCy.css';var e = {
+import './Tiles.module-BOGZTY7t.css';var e = {
 	Tiles: "Primer_Brand__Tiles-module__Tiles___RhWBm",
 	"Tiles-grid": "Primer_Brand__Tiles-module__Tiles-grid___lAoQw",
 	"Tiles--layout-default": "Primer_Brand__Tiles-module__Tiles--layout-default___szHFY",

package/esm/Tiles/Tiles.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tiles.module.js","names":[],"sources":["../../src/Tiles/Tiles.module.css"],"sourcesContent":[".Tiles {\n  width: 100%;\n  color: var(--brand-color-text-default);\n}\n\n.Tiles-grid {\n  --tiles-columns: 2;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n@media screen and (min-width: 48rem) {\n  .Tiles--layout-default .Tiles-grid {\n    --tiles-columns: 4;\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Tiles--layout-default .Tiles-grid {\n    --tiles-columns: 6;\n  }\n}\n\n@media screen and (min-width: 48rem) {\n  .Tiles--layout-compact .Tiles-grid {\n    --tiles-columns: 4;\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Tiles--layout-compact .Tiles-grid {\n    --tiles-columns: 8;\n  }\n}\n\n.Tiles--variant-gridlines .Tiles-grid {\n  position: relative;\n  padding-right: var(--brand-borderWidth-thin);\n  padding-bottom: var(--brand-borderWidth-thin);\n}\n\n.Tiles--variant-gridlines .Tiles-grid::before,\n.Tiles--variant-gridlines .Tiles-grid::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 0;\n  border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  z-index: 1;\n  pointer-events: none;\n}\n\n.Tiles--variant-gridlines .Tiles-grid::before {\n  left: 0;\n}\n\n.Tiles--variant-gridlines .Tiles-grid::after {\n  right: 0;\n}\n\n.Tiles-item {\n  --tiles-inset-shadow: inset 0 0 0 transparent;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: calc(100% / var(--tiles-columns));\n  box-sizing: border-box;\n  background-color: var(--brand-tiles-bgColor-rest);\n  border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  box-shadow: var(--brand-borderWidth-thin) 0 0 0 var(--brand-color-border-muted),\n    0 var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-muted), var(--tiles-inset-shadow);\n  transition: background-color var(--brand-animation-duration-faster) var(--brand-animation-easing-default),\n    box-shadow var(--brand-animation-duration-faster) var(--brand-animation-easing-default);\n}\n\n.Tiles-item:has(.Tiles-item-link):hover,\n.Tiles-item:has(.Tiles-item-link):focus-within {\n  --tiles-inset-shadow: inset 0 var(--base-size-2) 0 var(--brand-tiles-highlightColor);\n  background-color: var(--brand-tiles-bgColor-hover);\n}\n\n.Tiles-item-link {\n  display: flex;\n  width: 100%;\n  flex: 1;\n  text-decoration: none;\n  color: inherit;\n}\n\n.Tiles-item-link:focus-visible {\n  outline: var(--base-size-4) solid var(--brand-color-focus);\n  outline-offset: calc(-1 * var(--base-size-4));\n  border-radius: var(--brand-borderRadius-small);\n}\n\n.Tiles-item-content {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  aspect-ratio: 1;\n}\n\n.Tiles-item-media {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.Tiles-item-media svg,\n.Tiles-item-media img {\n  width: auto;\n  height: var(--base-size-40);\n  max-width: 100%;\n}\n\n.Tiles--layout-compact .Tiles-item-media svg,\n.Tiles--layout-compact .Tiles-item-media img {\n  height: var(--base-size-32);\n}\n\n.Tiles-item-label {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--base-size-4);\n  padding: var(--base-size-12) var(--base-size-16);\n}\n\n.Tiles--layout-compact .Tiles-item-media {\n  transition: transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.Tiles--layout-compact .Tiles-item-link:hover .Tiles-item-media,\n.Tiles--layout-compact .Tiles-item-link:focus-visible .Tiles-item-media {\n  transform: translateY(calc(-1 * var(--base-size-4)));\n}\n\n.Tiles--layout-compact .Tiles-item-label {\n  opacity: 0;\n  transform: translateY(var(--base-size-4));\n  transition: opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-default),\n    transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n  pointer-events: none;\n}\n\n.Tiles--layout-compact .Tiles-item-link:hover .Tiles-item-label,\n.Tiles--layout-compact .Tiles-item-link:focus-visible .Tiles-item-label {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.Tiles-item-name {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0;\n}\n\n.Tiles-item-icon {\n  flex-shrink: 0;\n  color: var(--brand-color-text-default);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .Tiles-item {\n    transition: none;\n  }\n\n  .Tiles--layout-compact .Tiles-item-media {\n    transition: none;\n  }\n\n  .Tiles--layout-compact .Tiles-item-label {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Tiles.module.js","names":[],"sources":["../../src/Tiles/Tiles.module.css"],"sourcesContent":[".Tiles {\n  width: 100%;\n  color: var(--brand-color-text-default);\n}\n\n.Tiles-grid {\n  --tiles-columns: 2;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n@media screen and (min-width: 48rem) {\n  .Tiles--layout-default .Tiles-grid {\n    --tiles-columns: 4;\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Tiles--layout-default .Tiles-grid {\n    --tiles-columns: 6;\n  }\n}\n\n@media screen and (min-width: 48rem) {\n  .Tiles--layout-compact .Tiles-grid {\n    --tiles-columns: 4;\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Tiles--layout-compact .Tiles-grid {\n    --tiles-columns: 8;\n  }\n}\n\n.Tiles--variant-gridlines .Tiles-grid {\n  --tiles-grid-border-color: var(--brand-color-border-muted);\n  position: relative;\n  padding-right: var(--brand-borderWidth-thin);\n  padding-bottom: var(--brand-borderWidth-thin);\n}\n\n.Tiles--variant-gridlines .Tiles-grid::before,\n.Tiles--variant-gridlines .Tiles-grid::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 0;\n  border-left: var(--brand-borderWidth-thin) solid var(--tiles-grid-border-color);\n  z-index: 1;\n  pointer-events: none;\n}\n\n.Tiles--variant-gridlines .Tiles-grid::before {\n  left: 0;\n}\n\n.Tiles--variant-gridlines .Tiles-grid::after {\n  right: 0;\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Tiles--variant-gridlines.Tiles--layout-default .Tiles-grid:not(:has(> .Tiles-item:nth-child(6))),\n  .Tiles--variant-gridlines.Tiles--layout-compact .Tiles-grid:not(:has(> .Tiles-item:nth-child(8))) {\n    --tiles-grid-border-color: transparent;\n  }\n}\n\n.Tiles-item {\n  --tiles-inset-shadow: inset 0 0 0 transparent;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: calc(100% / var(--tiles-columns));\n  box-sizing: border-box;\n  background-color: var(--brand-tiles-bgColor-rest);\n  border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  box-shadow: var(--brand-borderWidth-thin) 0 0 0 var(--brand-color-border-muted),\n    0 var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-muted), var(--tiles-inset-shadow);\n  transition: background-color var(--brand-animation-duration-faster) var(--brand-animation-easing-default),\n    box-shadow var(--brand-animation-duration-faster) var(--brand-animation-easing-default);\n}\n\n.Tiles-item:has(.Tiles-item-link):hover,\n.Tiles-item:has(.Tiles-item-link):focus-within {\n  --tiles-inset-shadow: inset 0 var(--base-size-2) 0 var(--brand-tiles-highlightColor);\n  background-color: var(--brand-tiles-bgColor-hover);\n}\n\n.Tiles-item-link {\n  display: flex;\n  width: 100%;\n  flex: 1;\n  text-decoration: none;\n  color: inherit;\n}\n\n.Tiles-item-link:focus-visible {\n  outline: var(--base-size-4) solid var(--brand-color-focus);\n  outline-offset: calc(-1 * var(--base-size-4));\n  border-radius: var(--brand-borderRadius-small);\n}\n\n.Tiles-item-content {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  aspect-ratio: 1;\n}\n\n.Tiles-item-media {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.Tiles-item-media svg,\n.Tiles-item-media img {\n  width: auto;\n  height: var(--base-size-40);\n  max-width: 100%;\n}\n\n.Tiles--layout-compact .Tiles-item-media svg,\n.Tiles--layout-compact .Tiles-item-media img {\n  height: var(--base-size-32);\n}\n\n.Tiles-item-label {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--base-size-4);\n  padding: var(--base-size-12) var(--base-size-16);\n}\n\n.Tiles--layout-compact .Tiles-item-media {\n  transition: transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.Tiles--layout-compact .Tiles-item-link:hover .Tiles-item-media,\n.Tiles--layout-compact .Tiles-item-link:focus-visible .Tiles-item-media {\n  transform: translateY(calc(-1 * var(--base-size-4)));\n}\n\n.Tiles--layout-compact .Tiles-item-label {\n  opacity: 0;\n  transform: translateY(var(--base-size-4));\n  transition: opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-default),\n    transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n  pointer-events: none;\n}\n\n.Tiles--layout-compact .Tiles-item-link:hover .Tiles-item-label,\n.Tiles--layout-compact .Tiles-item-link:focus-visible .Tiles-item-label {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.Tiles-item-name {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0;\n}\n\n.Tiles-item-icon {\n  flex-shrink: 0;\n  color: var(--brand-color-text-default);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .Tiles-item {\n    transition: none;\n  }\n\n  .Tiles--layout-compact .Tiles-item-media {\n    transition: none;\n  }\n\n  .Tiles--layout-compact .Tiles-item-label {\n    transition: none;\n  }\n}\n"],"mappings":""}

package/esm/constants.d.ts

@@ -1,5 +1,5 @@
 export declare const Colors: readonly ["default", "blue", "coral", "green", "gray", "indigo", "lemon", "lime", "orange", "pink", "purple", "red", "teal", "yellow"];
 export declare const BiColorGradients: readonly ["blue-purple", "green-blue", "pink-blue", "purple-red", "red-orange"];
 export declare const TriColorGradients: readonly ["green-blue-purple"];
-export declare const BaseSizeScale: readonly [4, 8, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 64, 80, 96, 112, 128];
+export declare const BaseSizeScale: readonly [4, 8, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 60, 64, 80, 88, 96, 112, 128];
 //# sourceMappingURL=constants.d.ts.map

package/esm/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,wIAeT,CAAA;AAEV,eAAO,MAAM,gBAAgB,iFAAkF,CAAA;AAC/G,eAAO,MAAM,iBAAiB,gCAAiC,CAAA;AAG/D,eAAO,MAAM,aAAa,+EAAgF,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,wIAeT,CAAA;AAEV,eAAO,MAAM,gBAAgB,iFAAkF,CAAA;AAC/G,eAAO,MAAM,iBAAiB,gCAAiC,CAAA;AAG/D,eAAO,MAAM,aAAa,uFAAwF,CAAA"}

package/esm/constants.js

@@ -33,8 +33,10 @@ var e = [
 	40,
 	44,
 	48,
+	60,
 	64,
 	80,
+	88,
 	96,
 	112,
 	128

package/esm/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":[],"sources":["../src/constants.tsx"],"sourcesContent":["export const Colors = [\n  'default',\n  'blue',\n  'coral',\n  'green',\n  'gray',\n  'indigo',\n  'lemon',\n  'lime',\n  'orange',\n  'pink',\n  'purple',\n  'red',\n  'teal',\n  'yellow',\n] as const\n\nexport const BiColorGradients = ['blue-purple', 'green-blue', 'pink-blue', 'purple-red', 'red-orange'] as const\nexport const TriColorGradients = ['green-blue-purple'] as const\n\n// TODO: consider generating the scale from  style dictionary and serve from the brand-primitives package\nexport const BaseSizeScale = [4, 8, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 64, 80, 96, 112, 128] as const\ntype BaseSizeScale = (typeof BaseSizeScale)[number]\n"],"mappings":";AAAA,IAAa,IAAS;CACpB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEY,IAAmB;CAAC;CAAe;CAAc;CAAa;CAAc;CAAa,EACzF,IAAoB,CAAC,oBAAoB,EAGzC,IAAgB;CAAC;CAAG;CAAG;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAK;CAAI"}
+{"version":3,"file":"constants.js","names":[],"sources":["../src/constants.tsx"],"sourcesContent":["export const Colors = [\n  'default',\n  'blue',\n  'coral',\n  'green',\n  'gray',\n  'indigo',\n  'lemon',\n  'lime',\n  'orange',\n  'pink',\n  'purple',\n  'red',\n  'teal',\n  'yellow',\n] as const\n\nexport const BiColorGradients = ['blue-purple', 'green-blue', 'pink-blue', 'purple-red', 'red-orange'] as const\nexport const TriColorGradients = ['green-blue-purple'] as const\n\n// TODO: consider generating the scale from  style dictionary and serve from the brand-primitives package\nexport const BaseSizeScale = [4, 8, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 60, 64, 80, 88, 96, 112, 128] as const\ntype BaseSizeScale = (typeof BaseSizeScale)[number]\n"],"mappings":";AAAA,IAAa,IAAS;CACpB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEY,IAAmB;CAAC;CAAe;CAAc;CAAa;CAAc;CAAa,EACzF,IAAoB,CAAC,oBAAoB,EAGzC,IAAgB;CAAC;CAAG;CAAG;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAI;CAAK;CAAI"}

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-DBypfR6O.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-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      */
 /* empty css                                                                                         */
 /* empty css                                                                    */
 /* empty css                                                                                */

package/esm/index.d.ts

@@ -6,6 +6,7 @@ export * from './ThemeProvider';
 export * from './Button';
 export * from './ButtonGroup';
 export * from './river';
+export * from './MediaPlaylist';
 export * from './SubdomainNavBar';
 export * from './InlineLink';
 export * from './Link';

package/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AAEjC,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,QAAQ,CAAA;AACtB,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA;AAGvB,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AAEjC,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,QAAQ,CAAA;AACtB,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA;AAGvB,cAAc,uBAAuB,CAAA"}

package/esm/index.esm.js

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

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/base/size/size-6EfgMG7y.css

@@ -0,0 +1 @@
+:root{--base-size-128:8rem;--base-size-112:7rem;--base-size-96:6rem;--base-size-88:5.5rem;--base-size-80:5rem;--base-size-64:4rem;--base-size-60:3.75rem;--base-size-48:3rem;--base-size-44:2.75rem;--base-size-40:2.5rem;--base-size-36:2.25rem;--base-size-32:2rem;--base-size-28:1.75rem;--base-size-24:1.5rem;--base-size-20:1.25rem;--base-size-16:1rem;--base-size-12:.75rem;--base-size-8:.5rem;--base-size-6:.375rem;--base-size-4:.25rem;--base-size-2:.125rem}

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/logosuite/{colors-with-modes-n4fDsxWz.css → colors-with-modes-B8ia26TA.css}

@@ -1 +1 @@
-:root,[data-color-mode=light]{--brand-LogoSuite-color-control-rest:var(--brand-color-canvas-muted);--brand-LogoSuite-color-control-hover:var(--base-color-scale-gray-2);--brand-LogoSuite-color-logo-muted:var(--brand-color-text-muted);--brand-LogoSuite-color-logo-emphasis:var(--brand-color-text-default);--brand-LogoSuite-color-logo-filter-muted:brightness(0) saturate(100%) invert(37%) sepia(7%) saturate(778%) hue-rotate(171deg) brightness(96%) contrast(91%);--brand-LogoSuite-color-logo-filter-emphasis:brightness(0) saturate(100%) invert(12%) sepia(20%) saturate(450%) hue-rotate(172deg) brightness(100%) contrast(91%)}[data-color-mode=dark]{--brand-LogoSuite-color-control-rest:var(--brand-color-canvas-muted);--brand-LogoSuite-color-control-hover:#5a5b7c;--brand-LogoSuite-color-logo-muted:var(--brand-color-text-muted);--brand-LogoSuite-color-logo-emphasis:var(--brand-color-text-default);--brand-LogoSuite-color-logo-filter-muted:brightness(0) saturate(100%) invert(61%) sepia(8%) saturate(430%) hue-rotate(171deg) brightness(94%) contrast(92%);--brand-LogoSuite-color-logo-filter-emphasis:brightness(0) saturate(100%) invert(91%) sepia(2%) saturate(2455%) hue-rotate(193deg) brightness(107%) contrast(98%)}
+:root,[data-color-mode=light]{--brand-LogoSuite-color-control-rest:var(--brand-color-canvas-muted);--brand-LogoSuite-color-control-hover:var(--base-color-scale-gray-1);--brand-LogoSuite-color-logo-muted:var(--brand-color-text-muted);--brand-LogoSuite-color-logo-emphasis:var(--brand-color-text-default);--brand-LogoSuite-color-logo-filter-muted:brightness(0) saturate(100%) invert(37%) sepia(7%) saturate(778%) hue-rotate(171deg) brightness(96%) contrast(91%);--brand-LogoSuite-color-logo-filter-emphasis:brightness(0) saturate(100%) invert(12%) sepia(20%) saturate(450%) hue-rotate(172deg) brightness(100%) contrast(91%)}[data-color-mode=dark]{--brand-LogoSuite-color-control-rest:var(--brand-color-canvas-muted);--brand-LogoSuite-color-control-hover:#5a5b7c;--brand-LogoSuite-color-logo-muted:var(--brand-color-text-muted);--brand-LogoSuite-color-logo-emphasis:var(--brand-color-text-default);--brand-LogoSuite-color-logo-filter-muted:brightness(0) saturate(100%) invert(61%) sepia(8%) saturate(430%) hue-rotate(171deg) brightness(94%) contrast(92%);--brand-LogoSuite-color-logo-filter-emphasis:brightness(0) saturate(100%) invert(91%) sepia(2%) saturate(2455%) hue-rotate(193deg) brightness(107%) contrast(98%)}

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/media-playlist/colors-with-modes-YId8eSZQ.css

@@ -0,0 +1 @@
+:root,[data-color-mode=light]{--brand-MediaPlaylist-bgColor:linear-gradient(180deg, #f2f5f380 0%, #f2f5f300 100%), var(--brand-color-canvas-default)}[data-color-mode=dark]{--brand-MediaPlaylist-bgColor:linear-gradient(180deg, var(--base-color-scale-gray-8) 0%, var(--base-color-scale-black-0) 100%), var(--brand-color-canvas-default)}

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/text-cursor-animation/colors-with-modes-BODdIvrY.css

@@ -0,0 +1 @@
+:root,[data-color-mode=light]{--brand-TextCursorAnimation-cursor-color:var(--base-color-scale-green-6)}[data-color-mode=dark]{--brand-TextCursorAnimation-cursor-color:var(--brand-color-accent-primary)}

package/esm/recipes/Flexsuite/Details/FlexSuiteAIDetailsPlaylist/FlexSuiteAIDetailsPlaylist.content.d.ts

@@ -0,0 +1,49 @@
+type FlexSuiteAIDetailsPlaylistCardContent = {
+    tag: string;
+    heading: string;
+    description: string;
+};
+type FlexSuiteAIDetailsPlaylistVideoContent = {
+    id: string;
+    title: string;
+    duration: string;
+    summary: string;
+};
+type FlexSuiteAIDetailsPlaylistSectionContent = {
+    heading: string;
+    playlistHeading: string;
+    videos: FlexSuiteAIDetailsPlaylistVideoContent[];
+};
+export type FlexSuiteAIDetailsPlaylistContent = {
+    common: {
+        learnMore: string;
+    };
+    subNav: {
+        heading: string;
+        links: string[];
+    };
+    hero: {
+        headingPrefix: string;
+        headingEmphasis: string;
+        description: string;
+        primaryAction: string;
+        secondaryText: string;
+        secondaryLinkText: string;
+    };
+    playlists: [FlexSuiteAIDetailsPlaylistSectionContent, FlexSuiteAIDetailsPlaylistSectionContent];
+    resources: {
+        heading: string;
+        cards: FlexSuiteAIDetailsPlaylistCardContent[];
+    };
+    cta: {
+        headingPrefix: string;
+        headingEmphasis: string;
+        description: string;
+        primaryAction: string;
+    };
+};
+export declare const defaultFlexSuiteAIDetailsPlaylistContent: FlexSuiteAIDetailsPlaylistContent;
+type Translate = (key: string) => string;
+export declare function getLocalizedFlexSuiteAIDetailsPlaylistContent(t: Translate): FlexSuiteAIDetailsPlaylistContent;
+export {};
+//# sourceMappingURL=FlexSuiteAIDetailsPlaylist.content.d.ts.map

package/esm/recipes/Flexsuite/Details/FlexSuiteAIDetailsPlaylist/FlexSuiteAIDetailsPlaylist.content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexSuiteAIDetailsPlaylist.content.d.ts","sourceRoot":"","sources":["../../../../../src/recipes/Flexsuite/Details/FlexSuiteAIDetailsPlaylist/FlexSuiteAIDetailsPlaylist.content.ts"],"names":[],"mappings":"AAAA,KAAK,qCAAqC,GAAG;IAC3C,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,KAAK,sCAAsC,GAAG;IAC5C,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,KAAK,wCAAwC,GAAG;IAC9C,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,MAAM,CAAA;IACvB,MAAM,EAAE,sCAAsC,EAAE,CAAA;CACjD,CAAA;AAED,MAAM,MAAM,iCAAiC,GAAG;IAC9C,MAAM,EAAE;QACN,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;IACD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,MAAM,EAAE,CAAA;KAChB,CAAA;IACD,IAAI,EAAE;QACJ,aAAa,EAAE,MAAM,CAAA;QACrB,eAAe,EAAE,MAAM,CAAA;QACvB,WAAW,EAAE,MAAM,CAAA;QACnB,aAAa,EAAE,MAAM,CAAA;QACrB,aAAa,EAAE,MAAM,CAAA;QACrB,iBAAiB,EAAE,MAAM,CAAA;KAC1B,CAAA;IACD,SAAS,EAAE,CAAC,wCAAwC,EAAE,wCAAwC,CAAC,CAAA;IAC/F,SAAS,EAAE;QACT,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,qCAAqC,EAAE,CAAA;KAC/C,CAAA;IACD,GAAG,EAAE;QACH,aAAa,EAAE,MAAM,CAAA;QACrB,eAAe,EAAE,MAAM,CAAA;QACvB,WAAW,EAAE,MAAM,CAAA;QACnB,aAAa,EAAE,MAAM,CAAA;KACtB,CAAA;CACF,CAAA;AAED,eAAO,MAAM,wCAAwC,EAAE,iCA4FtD,CAAA;AAED,KAAK,SAAS,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;AAExC,wBAAgB,6CAA6C,CAAC,CAAC,EAAE,SAAS,GAAG,iCAAiC,CAqG7G"}

package/esm/recipes/Flexsuite/Details/FlexSuiteAIDetailsPlaylist/FlexSuiteAIDetailsPlaylist.d.ts

@@ -0,0 +1,7 @@
+import { type FlexSuiteAIDetailsPlaylistContent } from './FlexSuiteAIDetailsPlaylist.content';
+export type FlexSuiteAIDetailsPlaylistTemplateProps = {
+    content: FlexSuiteAIDetailsPlaylistContent;
+};
+export declare function FlexSuiteAIDetailsPlaylist(): import("react/jsx-runtime").JSX.Element;
+export declare function FlexSuiteAIDetailsPlaylistTemplate({ content }: FlexSuiteAIDetailsPlaylistTemplateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FlexSuiteAIDetailsPlaylist.d.ts.map

package/esm/recipes/Flexsuite/Details/FlexSuiteAIDetailsPlaylist/FlexSuiteAIDetailsPlaylist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexSuiteAIDetailsPlaylist.d.ts","sourceRoot":"","sources":["../../../../../src/recipes/Flexsuite/Details/FlexSuiteAIDetailsPlaylist/FlexSuiteAIDetailsPlaylist.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAEL,KAAK,iCAAiC,EACvC,MAAM,sCAAsC,CAAA;AAI7C,MAAM,MAAM,uCAAuC,GAAG;IACpD,OAAO,EAAE,iCAAiC,CAAA;CAC3C,CAAA;AAUD,wBAAgB,0BAA0B,4CAEzC;AAED,wBAAgB,kCAAkC,CAAC,EAAC,OAAO,EAAC,EAAE,uCAAuC,2CA8JpG"}

package/esm/recipes/Flexsuite/Details/index.d.ts

@@ -0,0 +1,4 @@
+import { FlexSuiteAIDetailsPlaylist } from './FlexSuiteAIDetailsPlaylist/FlexSuiteAIDetailsPlaylist';
+declare const FlexSuiteDetails: typeof FlexSuiteAIDetailsPlaylist;
+export { FlexSuiteAIDetailsPlaylist, FlexSuiteDetails };
+//# sourceMappingURL=index.d.ts.map

package/esm/recipes/Flexsuite/Details/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/recipes/Flexsuite/Details/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,0BAA0B,EAAC,MAAM,yDAAyD,CAAA;AAElG,QAAA,MAAM,gBAAgB,mCAA6B,CAAA;AAEnD,OAAO,EAAC,0BAA0B,EAAE,gBAAgB,EAAC,CAAA"}

package/esm/recipes/Flexsuite/Overview/FlexSuiteAIOverview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlexSuiteAIOverview.d.ts","sourceRoot":"","sources":["../../../../src/recipes/Flexsuite/Overview/FlexSuiteAIOverview.tsx"],"names":[],"mappings":"AAyCA,OAAO,EAAoC,KAAK,0BAA0B,EAAC,MAAM,+BAA+B,CAAA;AAGhH,MAAM,MAAM,gCAAgC,GAAG;IAC7C,OAAO,EAAE,0BAA0B,CAAA;CACpC,CAAA;AAID,wBAAgB,mBAAmB,4CAElC;AAED,wBAAgB,2BAA2B,CAAC,EAAC,OAAO,EAAC,EAAE,gCAAgC,2CAsWtF"}
+{"version":3,"file":"FlexSuiteAIOverview.d.ts","sourceRoot":"","sources":["../../../../src/recipes/Flexsuite/Overview/FlexSuiteAIOverview.tsx"],"names":[],"mappings":"AAyCA,OAAO,EAAoC,KAAK,0BAA0B,EAAC,MAAM,+BAA+B,CAAA;AAGhH,MAAM,MAAM,gCAAgC,GAAG;IAC7C,OAAO,EAAE,0BAA0B,CAAA;CACpC,CAAA;AAID,wBAAgB,mBAAmB,4CAElC;AAED,wBAAgB,2BAA2B,CAAC,EAAC,OAAO,EAAC,EAAE,gCAAgC,2CAgetF"}

package/esm/river/RiverAccordion/RiverAccordion.js

@@ -3,7 +3,7 @@ import { useId as t } from "../../hooks/useId.js";
 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 { ChevronDownIcon as a, ChevronUpIcon as o } from "../../node_modules/@primer/octicons-react/dist/index.esm.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 s from "./RiverAccordion.module.js";
 import c from "../../component-helpers/shared.module.js";