@primer/react-brand 0.79.1-rc.5d6b749b → 0.80.0-rc.4bfa3a79

package/esm/Breadcrumbs/Breadcrumbs.js

@@ -1,7 +1,7 @@
 import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { Text as t } from "../Text/Text.js";
 import { InlineLink as n } from "../InlineLink/InlineLink.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes-DYugDcQy.css';/* empty css                                                                                                         */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes-BngjsaKj.css';/* empty css                                                                                                         */
 import r from "./Breadcrumbs.module.js";
 import { forwardRef as i } from "react";
 import { jsx as a } from "react/jsx-runtime";

package/esm/Button/Button.js

@@ -2,7 +2,7 @@ import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { useAnimation as t } from "../animation/useAnimation.js";
 import { Text as n } from "../Text/Text.js";
 import { ExpandableArrow as r } from "../ExpandableArrow/ExpandableArrow.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes-kII0kqk3.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/button/base-DhkVnZYz.css';/* empty css                                                                                       */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes-Bog-yunW.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/button/base-DhkVnZYz.css';/* empty css                                                                                       */
 /* empty css                                                                                                    */
 import i from "./Button.module.js";
 import a, { forwardRef as o, useCallback as s } from "react";

package/esm/CTABanner/CTABanner.js

@@ -5,7 +5,7 @@ import { Heading as r } from "../Heading/Heading.js";
 import { ButtonGroup as i } from "../ButtonGroup/ButtonGroup.js";
 import { Image as a } from "../Image/Image.js";
 import { Link as o } from "../Link/Link.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes-B9zRp3WA.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-code/colors-with-modes-Bj7XtHMY.css';/* empty css                                                                                                         */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes-HElP20qs.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-code/colors-with-modes-B72y-n-A.css';/* empty css                                                                                                         */
 /* empty css                                                                                                        */
 import s from "./CTABanner.module.js";
 import c, { forwardRef as l, useCallback as u, useMemo as d } from "react";

package/esm/Card/Card.js

@@ -7,7 +7,7 @@ import { Heading as a } from "../Heading/Heading.js";
 import { ExpandableArrow as o } from "../ExpandableArrow/ExpandableArrow.js";
 import { Image as s } from "../Image/Image.js";
 import c from "../Link/Link.module.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes-C43pQ5wc.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/card/base-DgOt50dE.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-code/colors-with-modes-Bj7XtHMY.css';/* empty css                                                                                                         */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes-BbjIdlS-.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/card/base-DgOt50dE.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-code/colors-with-modes-B72y-n-A.css';/* empty css                                                                                                         */
 import { Icon as l } from "../Icon/Icon.js";
 import { Token as u } from "../Token/Token.js";
 import { isFragmentElement as d } from "../utils/isFragmentElement.js";

package/esm/ComparisonTable/ComparisonTable.js

@@ -2,7 +2,7 @@ import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { useAnimation as t } from "../animation/useAnimation.js";
 import { Text as n } from "../Text/Text.js";
 import { Heading as r } from "../Heading/Heading.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table-L50b0Mii.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes-D2oNfyDt.css';/* empty css                                                                                                              */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table-L50b0Mii.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes-q-NjRozG.css';/* empty css                                                                                                              */
 /* empty css                                                                                                             */
 import i from "./ComparisonTable.module.js";
 import a, { forwardRef as o, useMemo as s } from "react";

package/esm/EyebrowBanner/EyebrowBanner.js

@@ -2,7 +2,7 @@ import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { BiColorGradients as t, Colors as n } from "../constants.js";
 import { Text as r } from "../Text/Text.js";
 import { ExpandableArrow as i } from "../ExpandableArrow/ExpandableArrow.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes-BzV3LYhH.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/eyebrow-banner-CPW2Ri4S.css';/* empty css                                                                                                         */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes-BTVqJ9iR.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/eyebrow-banner-CPW2Ri4S.css';/* empty css                                                                                                         */
 /* empty css                                                                                                            */
 import a from "./EyebrowBanner.module.js";
 import o, { forwardRef as s, useCallback as c } from "react";

package/esm/FAQ/FAQ.js

@@ -3,7 +3,7 @@ import { useAnimation as t } from "../animation/useAnimation.js";
 import { Heading as n } from "../Heading/Heading.js";
 import { AccordionContent as r, AccordionHeading as i, AccordionRoot as a } from "../Accordion/Accordion.js";
 import { isFragmentElement as o } from "../utils/isFragmentElement.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/faq/faq-s_zeJJpd.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes-Dc8Ya1HV.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/faq/base-BIIAD0RC.css';/* empty css                                                                                    */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/faq/faq-s_zeJJpd.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes-BygKJG38.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/faq/base-BIIAD0RC.css';/* empty css                                                                                    */
 /* empty css                                                                                                 */
 /* empty css                                                                                   */
 import s from "./FAQ.module.js";

package/esm/FAQ/FAQGroup.js

@@ -5,7 +5,7 @@ import { Stack as r } from "../Stack/Stack.js";
 import { Box as i } from "../Box/Box.js";
 import { Heading as a } from "../Heading/Heading.js";
 import { Accordion as o } from "../Accordion/Accordion.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/faq/faq-s_zeJJpd.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes-Dc8Ya1HV.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/faq/base-BIIAD0RC.css';/* empty css                                                                                    */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/faq/faq-s_zeJJpd.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes-BygKJG38.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/faq/base-BIIAD0RC.css';/* empty css                                                                                    */
 /* empty css                                                                                                 */
 /* empty css                                                                                   */
 import { FAQ as s } from "./FAQ.js";

package/esm/FeatureComparisonTable/FeatureComparisonTable.js

@@ -22,7 +22,7 @@ import { FeatureComparisonTableCell as S } from "./sub-components/FeatureCompari
 import { FeatureComparisonTableRow as C } from "./sub-components/FeatureComparisonTableRow.js";
 import { FeatureComparisonTableGroupHeading as w } from "./sub-components/FeatureComparisonTableGroupHeading.js";
 import { FeatureComparisonTableGroup as T } from "./sub-components/FeatureComparisonTableGroup.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/feature-comparison-table/colors-with-modes-Dw8AMSYp.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/feature-comparison-table/base-44NysoUh.css';/* empty css                                                                                                         */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/feature-comparison-table/colors-with-modes-k7YIWAQV.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/feature-comparison-table/base-44NysoUh.css';/* empty css                                                                                                         */
 /* empty css                                                                                                                      */
 import E, { forwardRef as D, useEffect as O, useRef as k, useState as A } from "react";
 import { jsx as j, jsxs as M } from "react/jsx-runtime";

package/esm/FeatureComparisonTable/FeatureComparisonTable.module-BH8n2Ttj.css

@@ -0,0 +1 @@
+.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable___dngKP{--brand-FeatureComparisonTable-itemCount:1;--brand-FeatureComparisonTable-featureColumnWidth:var(--brand-FeatureComparisonTable-default-featureColumnWidth);width:100%;color:var(--brand-color-text-default);background-color:var(--brand-color-canvas-default);container-type:inline-size}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable--items2___x2QKi{--brand-FeatureComparisonTable-itemCount:2}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable--items3___PBf2a{--brand-FeatureComparisonTable-itemCount:3}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable--items4___C1tK_{--brand-FeatureComparisonTable-itemCount:4;--brand-FeatureComparisonTable-featureColumnWidth:var(--brand-FeatureComparisonTable-fourItems-featureColumnWidth)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__narrowHeading___olgb8{padding:var(--base-size-60) var(--base-size-20);text-align:center}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__narrowHeading___olgb8:before{content:none}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__table___M6UcH{border-collapse:collapse;table-layout:fixed;width:100%;display:none}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__tableHeading___qntyG{text-align:start}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__rowHeading___lLU9H{align-items:center;gap:var(--base-size-8);display:inline-flex}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__rowDescription___aPLbp{margin-block-start:var(--base-size-8)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__cell___KoDID{justify-content:center;align-items:center;gap:var(--base-size-8);text-align:center;word-wrap:anywhere;max-width:100%;display:inline-flex}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__cellIcon___li3MO{flex:0 0 var(--base-size-24);width:var(--base-size-24);height:var(--base-size-24);justify-content:center;align-items:center;display:inline-flex}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__cellIcon--included___gb5E0,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__cellIcon--unlimited___6S4_o,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__cellIcon--refresh___VM2hn{border-radius:var(--brand-borderRadius-full)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__cellIcon--included___gb5E0{color:var(--brand-FeatureComparisonTable-includedIndicator-fgColor);background-color:var(--brand-FeatureComparisonTable-includedIndicator-bgColor)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__cellIcon--unlimited___6S4_o{color:var(--brand-FeatureComparisonTable-unlimitedIndicator-fgColor);background-color:var(--brand-FeatureComparisonTable-unlimitedIndicator-bgColor)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__cellIcon--refresh___VM2hn{color:var(--brand-FeatureComparisonTable-refreshIndicator-fgColor);background-color:var(--brand-FeatureComparisonTable-refreshIndicator-bgColor)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__group___XE2zK{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__group___XE2zK~.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__group___XE2zK{border-block-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__summary___8PpmB{justify-content:space-between;align-items:center;gap:var(--base-size-12);min-height:var(--base-size-80);padding:var(--base-size-24) var(--base-size-20) var(--base-size-4);cursor:pointer;list-style:none;display:flex}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__summary___8PpmB::-webkit-details-marker{display:none}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__chevron___FtiUb{width:var(--base-size-16);height:var(--base-size-16);margin-inline:var(--base-size-6);flex-shrink:0}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__chevron--expanded___3WPYL{transform:rotate(180deg)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__narrow___OkfDy .Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__row___Gc3qY{border-block-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__narrow___OkfDy .Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__row___Gc3qY:first-child{border-block-start:0}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__narrow___OkfDy .Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__rowHeading___lLU9H{min-height:var(--base-size-48);padding:var(--base-size-12) var(--base-size-20);justify-content:space-between;display:flex}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__narrow___OkfDy .Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__rowHeadingContent___KSfue{padding:var(--base-size-12) var(--base-size-20)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__narrow___OkfDy .Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__rowHeadingContent___KSfue .Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__rowHeading___lLU9H{min-height:auto;padding:0}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__planName___DTywr{word-wrap:anywhere}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__narrow___OkfDy .Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__cell___KoDID{text-align:end;justify-content:flex-end}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__planValues___bZ2yv{grid-template-columns:minmax(0,1fr) minmax(0,2fr);margin:0;display:grid}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__planTerm___mzmmH,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__planValue___Ph_zM{min-width:0;min-height:calc(var(--base-size-28) + var(--base-size-24));padding-block:var(--base-size-12);margin:0}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__planTerm___mzmmH{padding-inline:var(--base-size-20) var(--base-size-8)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__planValue___Ph_zM{padding-inline:var(--base-size-8) var(--base-size-20);text-align:end}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__item___bayqC{grid-row:1/span 4;grid-template-rows:subgrid;border-block-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);text-align:start;align-content:start;display:grid}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__item--hasLabel___hvCZl{border-block-start:0;grid-row-end:span 5}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__item--offset___WWEYj{grid-row-start:2}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__itemContent___xO24j{grid-row:1/span 4;grid-template-rows:subgrid;grid-template-columns:minmax(0, 1fr) fit-content(calc((100% - var(--base-size-8)) / 2));grid-column-gap:var(--base-size-8);-moz-column-gap:var(--base-size-8);column-gap:var(--base-size-8);min-width:0;padding:var(--base-size-16) var(--base-size-28);align-content:start;justify-self:stretch;display:grid}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__itemContent--hasLabel___YTcaZ{border-block-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);grid-row:2/span 4}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__labelCell___5nPTu{padding:calc(var(--base-size-16) - var(--brand-borderWidth-thin)) var(--base-size-28) var(--base-size-16);border-block-start:var(--brand-borderWidth-thin) solid var(--brand-FeatureComparisonTable-label-accentColor);grid-row:1;justify-self:stretch;align-items:center;display:flex;position:relative}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__labelCell___5nPTu:before{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);content:"";pointer-events:none;position:absolute;inset:0}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__label___WoGfw{font-family:var(--brand-fontStack-monospace);font-size:var(--brand-text-size-100);font-weight:var(--base-text-weight-medium);letter-spacing:var(--brand-text-letterSpacing-100);line-height:var(--brand-text-lineHeight-200);text-transform:uppercase;display:inline-block}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__itemHeading___6bVkq{word-wrap:anywhere;grid-row:1;align-self:start}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__description___A5hme{grid-area:2/1/auto/-1;margin-block-start:var(--base-size-12)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__price___5a2qj{text-align:end;word-wrap:anywhere;grid-area:1/2;align-self:start;margin:0}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__actions___LF_4R{grid-gap:var(--base-size-12);gap:var(--base-size-12);width:100%;grid-area:4/1/auto/-1;align-self:start;margin-block-start:var(--base-size-12);display:grid}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__row___Gc3qY,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__planTerm___mzmmH,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__planValue___Ph_zM,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__rowHeaderCell___r2pHn,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__tableCell___anJpx{transition:background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__row___Gc3qY:focus-within{background-color:var(--brand-FeatureComparisonTable-rowHighlight-bgColor)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__row___Gc3qY a:focus-visible,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__row___Gc3qY button:focus-visible{z-index:1;position:relative}@media (width>=48rem){.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__narrow___OkfDy{max-width:38.625rem;margin-inline:auto}}@media (width>=80rem){.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable___dngKP{padding-block-start:var(--base-size-60)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__table___M6UcH{display:table}:where(.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__headerCell___Y2QpE,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__rowHeaderCell___r2pHn,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__tableCell___anJpx,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__groupDivider___tbGNF){padding:var(--base-size-12) var(--base-size-28);border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);vertical-align:top}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__headerCell___Y2QpE,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__rowHeaderCell___r2pHn,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__groupDivider___tbGNF{text-align:start}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__row___Gc3qY:last-child>*,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__groupDivider--noVisibleRows____IfnP{border-block-end:0}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__headingGrid___uc4oR:before,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__groupDivider___tbGNF:after{content:none}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__tableCell___anJpx{text-align:center;vertical-align:middle}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__groupBackground___pFWoJ>:first-child,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__groupBackground___pFWoJ>:last-child,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__rowHeaderCell___r2pHn,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__tableCell___anJpx:last-child,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__item___bayqC{position:relative}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__groupBackground___pFWoJ>:first-child:before,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__groupBackground___pFWoJ>:last-child:before,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__rowHeaderCell___r2pHn:before,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__tableCell___anJpx:last-child:before,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__item___bayqC:before{content:"";pointer-events:none;position:absolute;inset:0}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__item___bayqC:before{inset-block-end:var(--brand-borderWidth-thin)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__rowHeaderCell___r2pHn:before,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__groupBackground___pFWoJ>:first-child:before,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__item___bayqC:before{border-inline-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__tableCell___anJpx:last-child:before,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__groupBackground___pFWoJ>:last-child:before{border-inline-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__featureColumn___yPFyJ{width:var(--brand-FeatureComparisonTable-featureColumnWidth)}:where(.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable--stickyHeaders___Vg9gu) .Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__headerCell___Y2QpE{background-color:var(--brand-color-canvas-default)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable--stickyHeaders___Vg9gu .Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__headingGrid___uc4oR:before{content:"";border:0;-o-border-image:linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) 0;border-image:linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) fill 0;z-index:-1;border-image-outset:0 100vw;height:auto;inset:0}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable--stickyHeaders___Vg9gu .Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__headingGrid___uc4oR:after{z-index:4}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__groupDivider___tbGNF{padding-block:var(--base-size-48) var(--base-size-4);position:relative}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__groupBackground___pFWoJ,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__headingGrid___uc4oR{grid-template-columns:minmax(0, var(--brand-FeatureComparisonTable-featureColumnWidth)) repeat(var(--brand-FeatureComparisonTable-itemCount), minmax(0, 1fr));display:grid}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__groupBackground___pFWoJ{pointer-events:none;position:absolute;inset:0}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__groupControl___srZUw{justify-content:flex-start;align-items:center;gap:var(--base-size-12);min-height:calc(var(--base-size-28) + var(--base-size-24));color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex;position:relative}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__chevron___FtiUb{margin-inline:0}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__headingGrid___uc4oR{grid-template-rows:repeat(4,auto);width:100cqw}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__headingGrid--hasLabel___z1_Pw{grid-template-rows:repeat(5,auto)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable--stickyHeaders___Vg9gu .Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__head___iGAPA{z-index:2;position:sticky;inset-block-start:0}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__headerCell___Y2QpE{grid-row:1/span 4;grid-template-rows:subgrid;border-block:0;padding:0;display:grid}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__headerCell--hasLabel___5QsYF{grid-row-end:span 5}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__tableHeading___qntyG{padding:var(--base-size-28);align-self:end}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__headerCell___Y2QpE:last-child .Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__item___bayqC:before{border-inline-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__tableHeading--hasLabel___mUlr7{grid-row:2/-1;align-self:start;padding-block:0;position:relative;inset-block-start:var(--base-size-16)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__highlightedColumn___RwptH{background-color:var(--brand-FeatureComparisonTable-highlightedColumn-bgColor)}.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__row___Gc3qY:focus-within>*{background-color:var(--brand-FeatureComparisonTable-rowHighlight-bgColor)}}@media (hover:hover) and (pointer:fine){.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__row___Gc3qY:hover{background-color:var(--brand-FeatureComparisonTable-rowHighlight-bgColor)}}@media (hover:hover) and (pointer:fine) and (width>=80rem){.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__row___Gc3qY:hover>*{background-color:var(--brand-FeatureComparisonTable-rowHighlight-bgColor)}}@media (prefers-reduced-motion:reduce){.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__row___Gc3qY,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__planTerm___mzmmH,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__planValue___Ph_zM,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__rowHeaderCell___r2pHn,.Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__tableCell___anJpx{transition-duration:0s}}

package/esm/FeatureComparisonTable/FeatureComparisonTable.module.js

@@ -1,4 +1,4 @@
-import './FeatureComparisonTable.module-CGnj3YJu.css';//#region src/FeatureComparisonTable/FeatureComparisonTable.module.css
+import './FeatureComparisonTable.module-BH8n2Ttj.css';//#region src/FeatureComparisonTable/FeatureComparisonTable.module.css
 var e = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable___dngKP", t = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__narrowHeading___olgb8", n = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__table___M6UcH", r = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__tableHeading___qntyG", i = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__rowHeading___lLU9H", a = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__rowDescription___aPLbp", o = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__cell___KoDID", s = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__cellIcon___li3MO", c = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__group___XE2zK", l = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__summary___8PpmB", u = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__chevron___FtiUb", d = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__narrow___OkfDy", f = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__row___Gc3qY", p = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__rowHeadingContent___KSfue", m = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__planName___DTywr", h = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__planValues___bZ2yv", g = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__planTerm___mzmmH", _ = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__planValue___Ph_zM", v = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__item___bayqC", y = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__itemContent___xO24j", b = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__labelCell___5nPTu", x = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__label___WoGfw", S = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__itemHeading___6bVkq", C = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__description___A5hme", w = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__price___5a2qj", T = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__actions___LF_4R", E = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__rowHeaderCell___r2pHn", D = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__tableCell___anJpx", O = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__headerCell___Y2QpE", k = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__groupDivider___tbGNF", A = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__headingGrid___uc4oR", j = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__groupBackground___pFWoJ", M = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__featureColumn___yPFyJ", N = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__groupControl___srZUw", P = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__head___iGAPA", F = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__highlightedColumn___RwptH", I = {
 	FeatureComparisonTable: e,
 	"FeatureComparisonTable--items2": "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable--items2___x2QKi",
@@ -42,7 +42,6 @@ var e = "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable___d
 	FeatureComparisonTable__groupDivider: k,
 	"FeatureComparisonTable__groupDivider--noVisibleRows": "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__groupDivider--noVisibleRows____IfnP",
 	FeatureComparisonTable__headingGrid: A,
-	"FeatureComparisonTable__tableCell--hasVariant": "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable__tableCell--hasVariant___a9jCs",
 	FeatureComparisonTable__groupBackground: j,
 	FeatureComparisonTable__featureColumn: M,
 	"FeatureComparisonTable--stickyHeaders": "Primer_Brand__FeatureComparisonTable-module__FeatureComparisonTable--stickyHeaders___Vg9gu",

package/esm/FeatureComparisonTable/FeatureComparisonTable.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureComparisonTable.module.js","names":[],"sources":["../../src/FeatureComparisonTable/FeatureComparisonTable.module.css"],"sourcesContent":[".FeatureComparisonTable {\n  --brand-FeatureComparisonTable-itemCount: 1;\n  --brand-FeatureComparisonTable-featureColumnWidth: var(--brand-FeatureComparisonTable-default-featureColumnWidth);\n\n  container-type: inline-size;\n  width: 100%;\n  color: var(--brand-color-text-default);\n}\n\n.FeatureComparisonTable--items2 {\n  --brand-FeatureComparisonTable-itemCount: 2;\n}\n\n.FeatureComparisonTable--items3 {\n  --brand-FeatureComparisonTable-itemCount: 3;\n}\n\n.FeatureComparisonTable--items4 {\n  --brand-FeatureComparisonTable-itemCount: 4;\n  --brand-FeatureComparisonTable-featureColumnWidth: var(--brand-FeatureComparisonTable-fourItems-featureColumnWidth);\n}\n\n.FeatureComparisonTable__narrowHeading {\n  padding: var(--base-size-60) var(--base-size-20);\n  text-align: center;\n}\n\n.FeatureComparisonTable__narrowHeading::before {\n  content: none;\n}\n\n.FeatureComparisonTable__table {\n  display: none;\n  width: 100%;\n  border-collapse: collapse;\n  table-layout: fixed;\n}\n\n.FeatureComparisonTable__tableHeading {\n  text-align: start;\n}\n\n.FeatureComparisonTable__rowHeading {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--base-size-8);\n}\n\n.FeatureComparisonTable__rowDescription {\n  margin-block-start: var(--base-size-8);\n}\n\n.FeatureComparisonTable__cell {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--base-size-8);\n  max-width: 100%;\n  text-align: center;\n  overflow-wrap: anywhere;\n}\n\n.FeatureComparisonTable__cellIcon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 var(--base-size-24);\n  width: var(--base-size-24);\n  height: var(--base-size-24);\n}\n\n.FeatureComparisonTable__cellIcon--included,\n.FeatureComparisonTable__cellIcon--unlimited,\n.FeatureComparisonTable__cellIcon--refresh {\n  border-radius: var(--brand-borderRadius-full);\n}\n\n.FeatureComparisonTable__cellIcon--included {\n  color: var(--brand-FeatureComparisonTable-includedIndicator-fgColor);\n  background-color: var(--brand-FeatureComparisonTable-includedIndicator-bgColor);\n}\n\n.FeatureComparisonTable__cellIcon--unlimited {\n  color: var(--brand-FeatureComparisonTable-unlimitedIndicator-fgColor);\n  background-color: var(--brand-FeatureComparisonTable-unlimitedIndicator-bgColor);\n}\n\n.FeatureComparisonTable__cellIcon--refresh {\n  color: var(--brand-FeatureComparisonTable-refreshIndicator-fgColor);\n  background-color: var(--brand-FeatureComparisonTable-refreshIndicator-bgColor);\n}\n\n.FeatureComparisonTable__group {\n  border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.FeatureComparisonTable__group ~ .FeatureComparisonTable__group {\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.FeatureComparisonTable__summary {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--base-size-12);\n  min-height: var(--base-size-80);\n  padding: var(--base-size-24) var(--base-size-20) var(--base-size-4);\n  list-style: none;\n  cursor: pointer;\n}\n\n.FeatureComparisonTable__summary::-webkit-details-marker {\n  display: none;\n}\n\n.FeatureComparisonTable__chevron {\n  flex-shrink: 0;\n  width: var(--base-size-16);\n  height: var(--base-size-16);\n  margin-inline: var(--base-size-6);\n}\n\n.FeatureComparisonTable__chevron--expanded {\n  transform: rotate(180deg);\n}\n\n.FeatureComparisonTable__narrow .FeatureComparisonTable__row {\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.FeatureComparisonTable__narrow .FeatureComparisonTable__row:first-child {\n  border-block-start: 0;\n}\n\n.FeatureComparisonTable__narrow .FeatureComparisonTable__rowHeading {\n  display: flex;\n  justify-content: space-between;\n  min-height: var(--base-size-48);\n  padding: var(--base-size-12) var(--base-size-20);\n}\n\n.FeatureComparisonTable__narrow .FeatureComparisonTable__rowHeadingContent {\n  padding: var(--base-size-12) var(--base-size-20);\n}\n\n.FeatureComparisonTable__narrow .FeatureComparisonTable__rowHeadingContent .FeatureComparisonTable__rowHeading {\n  min-height: auto;\n  padding: 0;\n}\n\n.FeatureComparisonTable__planName {\n  overflow-wrap: anywhere;\n}\n\n.FeatureComparisonTable__narrow .FeatureComparisonTable__cell {\n  justify-content: flex-end;\n  text-align: end;\n}\n\n.FeatureComparisonTable__planValues {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);\n  margin: 0;\n}\n\n.FeatureComparisonTable__planTerm,\n.FeatureComparisonTable__planValue {\n  margin: 0;\n  min-width: 0;\n  min-height: calc(var(--base-size-28) + var(--base-size-24));\n  padding-block: var(--base-size-12);\n}\n\n.FeatureComparisonTable__planTerm {\n  padding-inline: var(--base-size-20) var(--base-size-8);\n}\n\n.FeatureComparisonTable__planValue {\n  padding-inline: var(--base-size-8) var(--base-size-20);\n  text-align: end;\n}\n\n.FeatureComparisonTable__item {\n  display: grid;\n  grid-row: 1 / span 4;\n  grid-template-rows: subgrid;\n  align-content: start;\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  text-align: start;\n}\n\n.FeatureComparisonTable__item--hasLabel {\n  grid-row-end: span 5;\n  border-block-start: 0;\n}\n\n.FeatureComparisonTable__item--offset {\n  grid-row-start: 2;\n}\n\n.FeatureComparisonTable__itemContent {\n  display: grid;\n  grid-row: 1 / span 4;\n  grid-template-rows: subgrid;\n  grid-template-columns: minmax(0, 1fr) fit-content(calc((100% - var(--base-size-8)) / 2));\n  column-gap: var(--base-size-8);\n  align-content: start;\n  justify-self: stretch;\n  min-width: 0;\n  padding: var(--base-size-16) var(--base-size-28);\n}\n\n.FeatureComparisonTable__itemContent--hasLabel {\n  grid-row: 2 / span 4;\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n.FeatureComparisonTable__labelCell {\n  position: relative;\n  display: flex;\n  grid-row: 1;\n  align-items: center;\n  justify-self: stretch;\n  padding: calc(var(--base-size-16) - var(--brand-borderWidth-thin)) var(--base-size-28) var(--base-size-16);\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-FeatureComparisonTable-label-accentColor);\n}\n\n.FeatureComparisonTable__labelCell::before {\n  position: absolute;\n  inset: 0;\n  border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  content: '';\n  pointer-events: none;\n}\n\n.FeatureComparisonTable__label {\n  display: inline-block;\n  font-family: var(--brand-fontStack-monospace);\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--base-text-weight-medium);\n  letter-spacing: var(--brand-text-letterSpacing-100);\n  line-height: var(--brand-text-lineHeight-200);\n  text-transform: uppercase;\n}\n\n.FeatureComparisonTable__itemHeading {\n  grid-row: 1;\n  align-self: start;\n  overflow-wrap: anywhere;\n}\n\n.FeatureComparisonTable__description {\n  grid-row: 2;\n  grid-column: 1 / -1;\n  margin-block-start: var(--base-size-12);\n}\n\n.FeatureComparisonTable__price {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: start;\n  margin: 0;\n  text-align: end;\n  overflow-wrap: anywhere;\n}\n\n.FeatureComparisonTable__actions {\n  display: grid;\n  grid-row: 4;\n  grid-column: 1 / -1;\n  gap: var(--base-size-12);\n  align-self: start;\n  width: 100%;\n  margin-block-start: var(--base-size-12);\n}\n\n.FeatureComparisonTable__row,\n.FeatureComparisonTable__planTerm,\n.FeatureComparisonTable__planValue,\n.FeatureComparisonTable__rowHeaderCell,\n.FeatureComparisonTable__tableCell {\n  transition: background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.FeatureComparisonTable__row:focus-within {\n  background-color: var(--brand-FeatureComparisonTable-rowHighlight-bgColor);\n}\n\n.FeatureComparisonTable__row :is(a, button):focus-visible {\n  position: relative;\n  z-index: 1;\n}\n\n@media (min-width: 48rem) {\n  .FeatureComparisonTable__narrow {\n    max-width: 38.625rem;\n    margin-inline: auto;\n  }\n}\n\n@media (min-width: 80rem) {\n  .FeatureComparisonTable {\n    padding-block-start: var(--base-size-60);\n  }\n\n  .FeatureComparisonTable__table {\n    display: table;\n  }\n\n  :where(\n      .FeatureComparisonTable__headerCell,\n      .FeatureComparisonTable__rowHeaderCell,\n      .FeatureComparisonTable__tableCell,\n      .FeatureComparisonTable__groupDivider\n    ) {\n    padding: var(--base-size-12) var(--base-size-28);\n    border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    vertical-align: top;\n  }\n\n  .FeatureComparisonTable__headerCell,\n  .FeatureComparisonTable__rowHeaderCell,\n  .FeatureComparisonTable__groupDivider {\n    text-align: start;\n  }\n\n  .FeatureComparisonTable__row:last-child > *,\n  .FeatureComparisonTable__groupDivider--noVisibleRows {\n    border-block-end: 0;\n  }\n\n  .FeatureComparisonTable__headingGrid::before,\n  .FeatureComparisonTable__groupDivider::after {\n    content: none;\n  }\n\n  .FeatureComparisonTable__tableCell {\n    text-align: center;\n  }\n\n  .FeatureComparisonTable__tableCell--hasVariant {\n    vertical-align: middle;\n  }\n\n  .FeatureComparisonTable__rowHeaderCell,\n  .FeatureComparisonTable__tableCell:last-child,\n  .FeatureComparisonTable__groupBackground > :is(:first-child, :last-child),\n  .FeatureComparisonTable__item {\n    position: relative;\n  }\n\n  .FeatureComparisonTable__rowHeaderCell::before,\n  .FeatureComparisonTable__tableCell:last-child::before,\n  .FeatureComparisonTable__groupBackground > :is(:first-child, :last-child)::before,\n  .FeatureComparisonTable__item::before {\n    position: absolute;\n    inset: 0;\n    content: '';\n    pointer-events: none;\n  }\n\n  .FeatureComparisonTable__item::before {\n    inset-block-end: var(--brand-borderWidth-thin);\n  }\n\n  .FeatureComparisonTable__rowHeaderCell::before,\n  .FeatureComparisonTable__groupBackground > :first-child::before,\n  .FeatureComparisonTable__item::before {\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .FeatureComparisonTable__tableCell:last-child::before,\n  .FeatureComparisonTable__groupBackground > :last-child::before {\n    border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .FeatureComparisonTable__featureColumn {\n    width: var(--brand-FeatureComparisonTable-featureColumnWidth);\n  }\n\n  :where(.FeatureComparisonTable--stickyHeaders) .FeatureComparisonTable__headerCell {\n    background-color: var(--brand-color-canvas-default);\n  }\n\n  .FeatureComparisonTable--stickyHeaders .FeatureComparisonTable__headingGrid::after {\n    z-index: 4;\n  }\n\n  .FeatureComparisonTable__groupDivider {\n    position: relative;\n    padding-block: var(--base-size-48) var(--base-size-4);\n  }\n\n  .FeatureComparisonTable__groupBackground,\n  .FeatureComparisonTable__headingGrid {\n    display: grid;\n    grid-template-columns:\n      minmax(0, var(--brand-FeatureComparisonTable-featureColumnWidth))\n      repeat(var(--brand-FeatureComparisonTable-itemCount), minmax(0, 1fr));\n  }\n\n  .FeatureComparisonTable__groupBackground {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n  }\n\n  .FeatureComparisonTable__groupControl {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: var(--base-size-12);\n    min-height: calc(var(--base-size-28) + var(--base-size-24));\n    padding: 0;\n    color: inherit;\n    font: inherit;\n    text-align: inherit;\n    background: transparent;\n    border: 0;\n    cursor: pointer;\n  }\n\n  .FeatureComparisonTable__chevron {\n    margin-inline: 0;\n  }\n\n  .FeatureComparisonTable__headingGrid {\n    width: 100cqw;\n    grid-template-rows: repeat(4, auto);\n  }\n\n  .FeatureComparisonTable__headingGrid--hasLabel {\n    grid-template-rows: repeat(5, auto);\n  }\n\n  .FeatureComparisonTable--stickyHeaders .FeatureComparisonTable__head {\n    position: sticky;\n    z-index: 2;\n    inset-block-start: 0;\n  }\n\n  .FeatureComparisonTable__headerCell {\n    display: grid;\n    grid-row: 1 / span 4;\n    grid-template-rows: subgrid;\n    padding: 0;\n    border-block-start: 0;\n    border-block-end: 0;\n  }\n\n  .FeatureComparisonTable__headerCell--hasLabel {\n    grid-row-end: span 5;\n  }\n\n  .FeatureComparisonTable__tableHeading {\n    align-self: end;\n    padding: var(--base-size-28);\n  }\n\n  .FeatureComparisonTable__headerCell:last-child .FeatureComparisonTable__item::before {\n    border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .FeatureComparisonTable__tableHeading--hasLabel {\n    position: relative;\n    grid-row: 2 / -1;\n    align-self: start;\n    padding-block: 0;\n    inset-block-start: var(--base-size-16);\n  }\n\n  .FeatureComparisonTable__highlightedColumn {\n    background-color: var(--brand-FeatureComparisonTable-highlightedColumn-bgColor);\n  }\n\n  .FeatureComparisonTable__row:focus-within > * {\n    background-color: var(--brand-FeatureComparisonTable-rowHighlight-bgColor);\n  }\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .FeatureComparisonTable__row:hover {\n    background-color: var(--brand-FeatureComparisonTable-rowHighlight-bgColor);\n  }\n}\n\n@media (hover: hover) and (pointer: fine) and (min-width: 80rem) {\n  .FeatureComparisonTable__row:hover > * {\n    background-color: var(--brand-FeatureComparisonTable-rowHighlight-bgColor);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .FeatureComparisonTable__row,\n  .FeatureComparisonTable__planTerm,\n  .FeatureComparisonTable__planValue,\n  .FeatureComparisonTable__rowHeaderCell,\n  .FeatureComparisonTable__tableCell {\n    transition-duration: 0s;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"FeatureComparisonTable.module.js","names":[],"sources":["../../src/FeatureComparisonTable/FeatureComparisonTable.module.css"],"sourcesContent":[".FeatureComparisonTable {\n  --brand-FeatureComparisonTable-itemCount: 1;\n  --brand-FeatureComparisonTable-featureColumnWidth: var(--brand-FeatureComparisonTable-default-featureColumnWidth);\n\n  container-type: inline-size;\n  width: 100%;\n  color: var(--brand-color-text-default);\n  background-color: var(--brand-color-canvas-default);\n}\n\n.FeatureComparisonTable--items2 {\n  --brand-FeatureComparisonTable-itemCount: 2;\n}\n\n.FeatureComparisonTable--items3 {\n  --brand-FeatureComparisonTable-itemCount: 3;\n}\n\n.FeatureComparisonTable--items4 {\n  --brand-FeatureComparisonTable-itemCount: 4;\n  --brand-FeatureComparisonTable-featureColumnWidth: var(--brand-FeatureComparisonTable-fourItems-featureColumnWidth);\n}\n\n.FeatureComparisonTable__narrowHeading {\n  padding: var(--base-size-60) var(--base-size-20);\n  text-align: center;\n}\n\n.FeatureComparisonTable__narrowHeading::before {\n  content: none;\n}\n\n.FeatureComparisonTable__table {\n  display: none;\n  width: 100%;\n  border-collapse: collapse;\n  table-layout: fixed;\n}\n\n.FeatureComparisonTable__tableHeading {\n  text-align: start;\n}\n\n.FeatureComparisonTable__rowHeading {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--base-size-8);\n}\n\n.FeatureComparisonTable__rowDescription {\n  margin-block-start: var(--base-size-8);\n}\n\n.FeatureComparisonTable__cell {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--base-size-8);\n  max-width: 100%;\n  text-align: center;\n  overflow-wrap: anywhere;\n}\n\n.FeatureComparisonTable__cellIcon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 var(--base-size-24);\n  width: var(--base-size-24);\n  height: var(--base-size-24);\n}\n\n.FeatureComparisonTable__cellIcon--included,\n.FeatureComparisonTable__cellIcon--unlimited,\n.FeatureComparisonTable__cellIcon--refresh {\n  border-radius: var(--brand-borderRadius-full);\n}\n\n.FeatureComparisonTable__cellIcon--included {\n  color: var(--brand-FeatureComparisonTable-includedIndicator-fgColor);\n  background-color: var(--brand-FeatureComparisonTable-includedIndicator-bgColor);\n}\n\n.FeatureComparisonTable__cellIcon--unlimited {\n  color: var(--brand-FeatureComparisonTable-unlimitedIndicator-fgColor);\n  background-color: var(--brand-FeatureComparisonTable-unlimitedIndicator-bgColor);\n}\n\n.FeatureComparisonTable__cellIcon--refresh {\n  color: var(--brand-FeatureComparisonTable-refreshIndicator-fgColor);\n  background-color: var(--brand-FeatureComparisonTable-refreshIndicator-bgColor);\n}\n\n.FeatureComparisonTable__group {\n  border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.FeatureComparisonTable__group ~ .FeatureComparisonTable__group {\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.FeatureComparisonTable__summary {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--base-size-12);\n  min-height: var(--base-size-80);\n  padding: var(--base-size-24) var(--base-size-20) var(--base-size-4);\n  list-style: none;\n  cursor: pointer;\n}\n\n.FeatureComparisonTable__summary::-webkit-details-marker {\n  display: none;\n}\n\n.FeatureComparisonTable__chevron {\n  flex-shrink: 0;\n  width: var(--base-size-16);\n  height: var(--base-size-16);\n  margin-inline: var(--base-size-6);\n}\n\n.FeatureComparisonTable__chevron--expanded {\n  transform: rotate(180deg);\n}\n\n.FeatureComparisonTable__narrow .FeatureComparisonTable__row {\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.FeatureComparisonTable__narrow .FeatureComparisonTable__row:first-child {\n  border-block-start: 0;\n}\n\n.FeatureComparisonTable__narrow .FeatureComparisonTable__rowHeading {\n  display: flex;\n  justify-content: space-between;\n  min-height: var(--base-size-48);\n  padding: var(--base-size-12) var(--base-size-20);\n}\n\n.FeatureComparisonTable__narrow .FeatureComparisonTable__rowHeadingContent {\n  padding: var(--base-size-12) var(--base-size-20);\n}\n\n.FeatureComparisonTable__narrow .FeatureComparisonTable__rowHeadingContent .FeatureComparisonTable__rowHeading {\n  min-height: auto;\n  padding: 0;\n}\n\n.FeatureComparisonTable__planName {\n  overflow-wrap: anywhere;\n}\n\n.FeatureComparisonTable__narrow .FeatureComparisonTable__cell {\n  justify-content: flex-end;\n  text-align: end;\n}\n\n.FeatureComparisonTable__planValues {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);\n  margin: 0;\n}\n\n.FeatureComparisonTable__planTerm,\n.FeatureComparisonTable__planValue {\n  margin: 0;\n  min-width: 0;\n  min-height: calc(var(--base-size-28) + var(--base-size-24));\n  padding-block: var(--base-size-12);\n}\n\n.FeatureComparisonTable__planTerm {\n  padding-inline: var(--base-size-20) var(--base-size-8);\n}\n\n.FeatureComparisonTable__planValue {\n  padding-inline: var(--base-size-8) var(--base-size-20);\n  text-align: end;\n}\n\n.FeatureComparisonTable__item {\n  display: grid;\n  grid-row: 1 / span 4;\n  grid-template-rows: subgrid;\n  align-content: start;\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  text-align: start;\n}\n\n.FeatureComparisonTable__item--hasLabel {\n  grid-row-end: span 5;\n  border-block-start: 0;\n}\n\n.FeatureComparisonTable__item--offset {\n  grid-row-start: 2;\n}\n\n.FeatureComparisonTable__itemContent {\n  display: grid;\n  grid-row: 1 / span 4;\n  grid-template-rows: subgrid;\n  grid-template-columns: minmax(0, 1fr) fit-content(calc((100% - var(--base-size-8)) / 2));\n  column-gap: var(--base-size-8);\n  align-content: start;\n  justify-self: stretch;\n  min-width: 0;\n  padding: var(--base-size-16) var(--base-size-28);\n}\n\n.FeatureComparisonTable__itemContent--hasLabel {\n  grid-row: 2 / span 4;\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n.FeatureComparisonTable__labelCell {\n  position: relative;\n  display: flex;\n  grid-row: 1;\n  align-items: center;\n  justify-self: stretch;\n  padding: calc(var(--base-size-16) - var(--brand-borderWidth-thin)) var(--base-size-28) var(--base-size-16);\n  border-block-start: var(--brand-borderWidth-thin) solid var(--brand-FeatureComparisonTable-label-accentColor);\n}\n\n.FeatureComparisonTable__labelCell::before {\n  position: absolute;\n  inset: 0;\n  border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n  content: '';\n  pointer-events: none;\n}\n\n.FeatureComparisonTable__label {\n  display: inline-block;\n  font-family: var(--brand-fontStack-monospace);\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--base-text-weight-medium);\n  letter-spacing: var(--brand-text-letterSpacing-100);\n  line-height: var(--brand-text-lineHeight-200);\n  text-transform: uppercase;\n}\n\n.FeatureComparisonTable__itemHeading {\n  grid-row: 1;\n  align-self: start;\n  overflow-wrap: anywhere;\n}\n\n.FeatureComparisonTable__description {\n  grid-row: 2;\n  grid-column: 1 / -1;\n  margin-block-start: var(--base-size-12);\n}\n\n.FeatureComparisonTable__price {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: start;\n  margin: 0;\n  text-align: end;\n  overflow-wrap: anywhere;\n}\n\n.FeatureComparisonTable__actions {\n  display: grid;\n  grid-row: 4;\n  grid-column: 1 / -1;\n  gap: var(--base-size-12);\n  align-self: start;\n  width: 100%;\n  margin-block-start: var(--base-size-12);\n}\n\n.FeatureComparisonTable__row,\n.FeatureComparisonTable__planTerm,\n.FeatureComparisonTable__planValue,\n.FeatureComparisonTable__rowHeaderCell,\n.FeatureComparisonTable__tableCell {\n  transition: background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.FeatureComparisonTable__row:focus-within {\n  background-color: var(--brand-FeatureComparisonTable-rowHighlight-bgColor);\n}\n\n.FeatureComparisonTable__row :is(a, button):focus-visible {\n  position: relative;\n  z-index: 1;\n}\n\n@media (min-width: 48rem) {\n  .FeatureComparisonTable__narrow {\n    max-width: 38.625rem;\n    margin-inline: auto;\n  }\n}\n\n@media (min-width: 80rem) {\n  .FeatureComparisonTable {\n    padding-block-start: var(--base-size-60);\n  }\n\n  .FeatureComparisonTable__table {\n    display: table;\n  }\n\n  :where(\n      .FeatureComparisonTable__headerCell,\n      .FeatureComparisonTable__rowHeaderCell,\n      .FeatureComparisonTable__tableCell,\n      .FeatureComparisonTable__groupDivider\n    ) {\n    padding: var(--base-size-12) var(--base-size-28);\n    border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    vertical-align: top;\n  }\n\n  .FeatureComparisonTable__headerCell,\n  .FeatureComparisonTable__rowHeaderCell,\n  .FeatureComparisonTable__groupDivider {\n    text-align: start;\n  }\n\n  .FeatureComparisonTable__row:last-child > *,\n  .FeatureComparisonTable__groupDivider--noVisibleRows {\n    border-block-end: 0;\n  }\n\n  .FeatureComparisonTable__headingGrid::before,\n  .FeatureComparisonTable__groupDivider::after {\n    content: none;\n  }\n\n  .FeatureComparisonTable__tableCell {\n    text-align: center;\n    vertical-align: middle;\n  }\n\n  .FeatureComparisonTable__rowHeaderCell,\n  .FeatureComparisonTable__tableCell:last-child,\n  .FeatureComparisonTable__groupBackground > :is(:first-child, :last-child),\n  .FeatureComparisonTable__item {\n    position: relative;\n  }\n\n  .FeatureComparisonTable__rowHeaderCell::before,\n  .FeatureComparisonTable__tableCell:last-child::before,\n  .FeatureComparisonTable__groupBackground > :is(:first-child, :last-child)::before,\n  .FeatureComparisonTable__item::before {\n    position: absolute;\n    inset: 0;\n    content: '';\n    pointer-events: none;\n  }\n\n  .FeatureComparisonTable__item::before {\n    inset-block-end: var(--brand-borderWidth-thin);\n  }\n\n  .FeatureComparisonTable__rowHeaderCell::before,\n  .FeatureComparisonTable__groupBackground > :first-child::before,\n  .FeatureComparisonTable__item::before {\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .FeatureComparisonTable__tableCell:last-child::before,\n  .FeatureComparisonTable__groupBackground > :last-child::before {\n    border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .FeatureComparisonTable__featureColumn {\n    width: var(--brand-FeatureComparisonTable-featureColumnWidth);\n  }\n\n  :where(.FeatureComparisonTable--stickyHeaders) .FeatureComparisonTable__headerCell {\n    background-color: var(--brand-color-canvas-default);\n  }\n\n  .FeatureComparisonTable--stickyHeaders .FeatureComparisonTable__headingGrid::before {\n    content: '';\n    inset: 0;\n    height: auto;\n    border: 0;\n    border-image: linear-gradient(var(--brand-color-canvas-default), var(--brand-color-canvas-default)) fill 0;\n    border-image-outset: 0 100vw;\n    z-index: -1;\n  }\n\n  .FeatureComparisonTable--stickyHeaders .FeatureComparisonTable__headingGrid::after {\n    z-index: 4;\n  }\n\n  .FeatureComparisonTable__groupDivider {\n    position: relative;\n    padding-block: var(--base-size-48) var(--base-size-4);\n  }\n\n  .FeatureComparisonTable__groupBackground,\n  .FeatureComparisonTable__headingGrid {\n    display: grid;\n    grid-template-columns:\n      minmax(0, var(--brand-FeatureComparisonTable-featureColumnWidth))\n      repeat(var(--brand-FeatureComparisonTable-itemCount), minmax(0, 1fr));\n  }\n\n  .FeatureComparisonTable__groupBackground {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n  }\n\n  .FeatureComparisonTable__groupControl {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: var(--base-size-12);\n    min-height: calc(var(--base-size-28) + var(--base-size-24));\n    padding: 0;\n    color: inherit;\n    font: inherit;\n    text-align: inherit;\n    background: transparent;\n    border: 0;\n    cursor: pointer;\n  }\n\n  .FeatureComparisonTable__chevron {\n    margin-inline: 0;\n  }\n\n  .FeatureComparisonTable__headingGrid {\n    width: 100cqw;\n    grid-template-rows: repeat(4, auto);\n  }\n\n  .FeatureComparisonTable__headingGrid--hasLabel {\n    grid-template-rows: repeat(5, auto);\n  }\n\n  .FeatureComparisonTable--stickyHeaders .FeatureComparisonTable__head {\n    position: sticky;\n    z-index: 2;\n    inset-block-start: 0;\n  }\n\n  .FeatureComparisonTable__headerCell {\n    display: grid;\n    grid-row: 1 / span 4;\n    grid-template-rows: subgrid;\n    padding: 0;\n    border-block-start: 0;\n    border-block-end: 0;\n  }\n\n  .FeatureComparisonTable__headerCell--hasLabel {\n    grid-row-end: span 5;\n  }\n\n  .FeatureComparisonTable__tableHeading {\n    align-self: end;\n    padding: var(--base-size-28);\n  }\n\n  .FeatureComparisonTable__headerCell:last-child .FeatureComparisonTable__item::before {\n    border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .FeatureComparisonTable__tableHeading--hasLabel {\n    position: relative;\n    grid-row: 2 / -1;\n    align-self: start;\n    padding-block: 0;\n    inset-block-start: var(--base-size-16);\n  }\n\n  .FeatureComparisonTable__highlightedColumn {\n    background-color: var(--brand-FeatureComparisonTable-highlightedColumn-bgColor);\n  }\n\n  .FeatureComparisonTable__row:focus-within > * {\n    background-color: var(--brand-FeatureComparisonTable-rowHighlight-bgColor);\n  }\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .FeatureComparisonTable__row:hover {\n    background-color: var(--brand-FeatureComparisonTable-rowHighlight-bgColor);\n  }\n}\n\n@media (hover: hover) and (pointer: fine) and (min-width: 80rem) {\n  .FeatureComparisonTable__row:hover > * {\n    background-color: var(--brand-FeatureComparisonTable-rowHighlight-bgColor);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .FeatureComparisonTable__row,\n  .FeatureComparisonTable__planTerm,\n  .FeatureComparisonTable__planValue,\n  .FeatureComparisonTable__rowHeaderCell,\n  .FeatureComparisonTable__tableCell {\n    transition-duration: 0s;\n  }\n}\n"],"mappings":""}

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureComparisonTableRow.d.ts","sourceRoot":"","sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAI9D,OAAO,EAAC,KAAK,+BAA+B,EAA2B,MAAM,kCAAkC,CAAA;AAO/G,MAAM,MAAM,8BAA8B,GAAG,iBAAiB,CAAC,+BAA+B,CAAC,cAAc,CAAC,CAAC,CAAA;AAE/G,eAAO,MAAM,yBAAyB,GAAI,yBAAuB,8BAA8B,sBAoF9F,CAAA"}
+{"version":3,"file":"FeatureComparisonTableRow.d.ts","sourceRoot":"","sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAI9D,OAAO,EAAC,KAAK,+BAA+B,EAA2B,MAAM,kCAAkC,CAAA;AAO/G,MAAM,MAAM,8BAA8B,GAAG,iBAAiB,CAAC,+BAA+B,CAAC,cAAc,CAAC,CAAC,CAAA;AAE/G,eAAO,MAAM,yBAAyB,GAAI,yBAAuB,8BAA8B,sBAmF9F,CAAA"}

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableRow.js

@@ -28,7 +28,7 @@ var h = ({ children: h, className: g }) => {
 			"data-testid": n.rowHeading,
 			children: C
 		}), _.map((t, n) => /* @__PURE__ */ p("td", {
-			className: e(i.FeatureComparisonTable__tableCell, o(t) && i.FeatureComparisonTable__highlightedColumn, S[n]?.props.variant && i["FeatureComparisonTable__tableCell--hasVariant"]),
+			className: e(i.FeatureComparisonTable__tableCell, o(t) && i.FeatureComparisonTable__highlightedColumn),
 			children: S[n]
 		}, t.key))]
 	}) : /* @__PURE__ */ m("div", {

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureComparisonTableRow.js","names":[],"sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTableRow.tsx"],"sourcesContent":["import React, {type PropsWithChildren, useEffect} from 'react'\nimport {clsx} from 'clsx'\nimport {Text} from '../../Text'\nimport styles from '../FeatureComparisonTable.module.css'\nimport {type FeatureComparisonTableBaseProps, useTableContext, testIds} from '../FeatureComparisonTableContext'\nimport {getChildrenOfType, hasItemLabel} from '../FeatureComparisonTableHelpers'\nimport {FeatureComparisonTableRowHeading} from './FeatureComparisonTableRowHeading'\nimport {FeatureComparisonTableRowDescription} from './FeatureComparisonTableRowDescription'\nimport {FeatureComparisonTableCell} from './FeatureComparisonTableCell'\nimport {FeatureComparisonTableItemHeading} from './FeatureComparisonTableItemHeading'\n\nexport type FeatureComparisonTableRowProps = PropsWithChildren<FeatureComparisonTableBaseProps<HTMLDivElement>>\n\nexport const FeatureComparisonTableRow = ({children, className}: FeatureComparisonTableRowProps) => {\n  const {items, breakpoint} = useTableContext()\n  const rowChildren = React.Children.toArray(children)\n  const heading = getChildrenOfType(rowChildren, FeatureComparisonTableRowHeading).at(-1)\n  const description = getChildrenOfType(rowChildren, FeatureComparisonTableRowDescription).at(-1)\n  const cells = getChildrenOfType(rowChildren, FeatureComparisonTableCell)\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && cells.length !== items.length) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        `FeatureComparisonTable.Row: expected ${items.length} Cell children to match the number of items, but received ${cells.length}. Missing cells render empty and extra cells are ignored.`,\n      )\n    }\n  }, [cells.length, items.length])\n\n  const rowHeading =\n    heading && description ? (\n      <div className={styles.FeatureComparisonTable__rowHeadingContent}>\n        {heading}\n        {description}\n      </div>\n    ) : (\n      heading\n    )\n\n  if (breakpoint === 'wide') {\n    return (\n      <tr className={clsx(styles.FeatureComparisonTable__row, className)} data-testid={testIds.row}>\n        <th className={styles.FeatureComparisonTable__rowHeaderCell} scope=\"row\" data-testid={testIds.rowHeading}>\n          {rowHeading}\n        </th>\n        {items.map((item, index) => (\n          <td\n            className={clsx(\n              styles.FeatureComparisonTable__tableCell,\n              hasItemLabel(item) && styles.FeatureComparisonTable__highlightedColumn,\n              cells[index]?.props.variant && styles['FeatureComparisonTable__tableCell--hasVariant'],\n            )}\n            key={item.key}\n          >\n            {cells[index]}\n          </td>\n        ))}\n      </tr>\n    )\n  }\n\n  return (\n    <div className={clsx(styles.FeatureComparisonTable__row, className)} data-testid={testIds.row}>\n      <div data-testid={testIds.rowHeading}>{rowHeading}</div>\n      <dl className={styles.FeatureComparisonTable__planValues}>\n        {items.map((item, index) => {\n          const itemHeading = getChildrenOfType(\n            React.Children.toArray(item.props.children),\n            FeatureComparisonTableItemHeading,\n          ).at(-1)\n          const hasLabel = hasItemLabel(item)\n          return (\n            <React.Fragment key={item.key}>\n              <dt\n                className={clsx(\n                  styles.FeatureComparisonTable__planTerm,\n                  hasLabel && styles.FeatureComparisonTable__highlightedColumn,\n                )}\n              >\n                <Text as=\"div\" size=\"200\" variant=\"muted\" className={styles.FeatureComparisonTable__planName}>\n                  {itemHeading ? itemHeading.props.children : index + 1}\n                </Text>\n              </dt>\n              <dd\n                className={clsx(\n                  styles.FeatureComparisonTable__planValue,\n                  hasLabel && styles.FeatureComparisonTable__highlightedColumn,\n                )}\n              >\n                {cells[index]}\n              </dd>\n            </React.Fragment>\n          )\n        })}\n      </dl>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAaA,IAAa,KAA6B,EAAC,aAAU,mBAA+C;CAClG,IAAM,EAAC,UAAO,kBAAc,EAAgB,GACtC,IAAc,EAAM,SAAS,QAAQ,CAAQ,GAC7C,IAAU,EAAkB,GAAa,CAAgC,CAAC,CAAC,GAAG,EAAE,GAChF,IAAc,EAAkB,GAAa,CAAoC,CAAC,CAAC,GAAG,EAAE,GACxF,IAAQ,EAAkB,GAAa,CAA0B;CAEvE,QAAgB;EACd,AAAA,QAAA,IAAA,aAA6B,gBAAgB,EAAM,WAAW,EAAM,UAElE,QAAQ,KACN,wCAAwC,EAAM,OAAO,4DAA4D,EAAM,OAAO,0DAChI;CAEJ,GAAG,CAAC,EAAM,QAAQ,EAAM,MAAM,CAAC;CAE/B,IAAM,IACJ,KAAW,IACT,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB,CACG,GACA,CACE;MAEL;CAyBJ,OAtBI,MAAe,SAEf,kBAAC,MAAD;EAAI,WAAW,EAAK,EAAO,6BAA6B,CAAS;EAAG,eAAa,EAAQ;YAAzF,CACE,kBAAC,MAAD;GAAI,WAAW,EAAO;GAAuC,OAAM;GAAM,eAAa,EAAQ;aAC3F;EACC,CAAA,GACH,EAAM,KAAK,GAAM,MAChB,kBAAC,MAAD;GACE,WAAW,EACT,EAAO,mCACP,EAAa,CAAI,KAAK,EAAO,2CAC7B,EAAM,EAAM,EAAE,MAAM,WAAW,EAAO,gDACxC;aAGC,EAAM;EACL,GAHG,EAAK,GAGR,CACL,CACC;MAKN,kBAAC,OAAD;EAAK,WAAW,EAAK,EAAO,6BAA6B,CAAS;EAAG,eAAa,EAAQ;YAA1F,CACE,kBAAC,OAAD;GAAK,eAAa,EAAQ;aAAa;EAAgB,CAAA,GACvD,kBAAC,MAAD;GAAI,WAAW,EAAO;aACnB,EAAM,KAAK,GAAM,MAAU;IAC1B,IAAM,IAAc,EAClB,EAAM,SAAS,QAAQ,EAAK,MAAM,QAAQ,GAC1C,CACF,CAAC,CAAC,GAAG,EAAE,GACD,IAAW,EAAa,CAAI;IAClC,OACE,kBAAC,EAAM,UAAP,EAAA,UAAA,CACE,kBAAC,MAAD;KACE,WAAW,EACT,EAAO,kCACP,KAAY,EAAO,yCACrB;eAEA,kBAAC,GAAD;MAAM,IAAG;MAAM,MAAK;MAAM,SAAQ;MAAQ,WAAW,EAAO;gBACzD,IAAc,EAAY,MAAM,WAAW,IAAQ;KAChD,CAAA;IACJ,CAAA,GACJ,kBAAC,MAAD;KACE,WAAW,EACT,EAAO,mCACP,KAAY,EAAO,yCACrB;eAEC,EAAM;IACL,CAAA,CACU,EAAA,GAnBK,EAAK,GAmBV;GAEpB,CAAC;EACC,CAAA,CACD;;AAET"}
+{"version":3,"file":"FeatureComparisonTableRow.js","names":[],"sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTableRow.tsx"],"sourcesContent":["import React, {type PropsWithChildren, useEffect} from 'react'\nimport {clsx} from 'clsx'\nimport {Text} from '../../Text'\nimport styles from '../FeatureComparisonTable.module.css'\nimport {type FeatureComparisonTableBaseProps, useTableContext, testIds} from '../FeatureComparisonTableContext'\nimport {getChildrenOfType, hasItemLabel} from '../FeatureComparisonTableHelpers'\nimport {FeatureComparisonTableRowHeading} from './FeatureComparisonTableRowHeading'\nimport {FeatureComparisonTableRowDescription} from './FeatureComparisonTableRowDescription'\nimport {FeatureComparisonTableCell} from './FeatureComparisonTableCell'\nimport {FeatureComparisonTableItemHeading} from './FeatureComparisonTableItemHeading'\n\nexport type FeatureComparisonTableRowProps = PropsWithChildren<FeatureComparisonTableBaseProps<HTMLDivElement>>\n\nexport const FeatureComparisonTableRow = ({children, className}: FeatureComparisonTableRowProps) => {\n  const {items, breakpoint} = useTableContext()\n  const rowChildren = React.Children.toArray(children)\n  const heading = getChildrenOfType(rowChildren, FeatureComparisonTableRowHeading).at(-1)\n  const description = getChildrenOfType(rowChildren, FeatureComparisonTableRowDescription).at(-1)\n  const cells = getChildrenOfType(rowChildren, FeatureComparisonTableCell)\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && cells.length !== items.length) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        `FeatureComparisonTable.Row: expected ${items.length} Cell children to match the number of items, but received ${cells.length}. Missing cells render empty and extra cells are ignored.`,\n      )\n    }\n  }, [cells.length, items.length])\n\n  const rowHeading =\n    heading && description ? (\n      <div className={styles.FeatureComparisonTable__rowHeadingContent}>\n        {heading}\n        {description}\n      </div>\n    ) : (\n      heading\n    )\n\n  if (breakpoint === 'wide') {\n    return (\n      <tr className={clsx(styles.FeatureComparisonTable__row, className)} data-testid={testIds.row}>\n        <th className={styles.FeatureComparisonTable__rowHeaderCell} scope=\"row\" data-testid={testIds.rowHeading}>\n          {rowHeading}\n        </th>\n        {items.map((item, index) => (\n          <td\n            className={clsx(\n              styles.FeatureComparisonTable__tableCell,\n              hasItemLabel(item) && styles.FeatureComparisonTable__highlightedColumn,\n            )}\n            key={item.key}\n          >\n            {cells[index]}\n          </td>\n        ))}\n      </tr>\n    )\n  }\n\n  return (\n    <div className={clsx(styles.FeatureComparisonTable__row, className)} data-testid={testIds.row}>\n      <div data-testid={testIds.rowHeading}>{rowHeading}</div>\n      <dl className={styles.FeatureComparisonTable__planValues}>\n        {items.map((item, index) => {\n          const itemHeading = getChildrenOfType(\n            React.Children.toArray(item.props.children),\n            FeatureComparisonTableItemHeading,\n          ).at(-1)\n          const hasLabel = hasItemLabel(item)\n          return (\n            <React.Fragment key={item.key}>\n              <dt\n                className={clsx(\n                  styles.FeatureComparisonTable__planTerm,\n                  hasLabel && styles.FeatureComparisonTable__highlightedColumn,\n                )}\n              >\n                <Text as=\"div\" size=\"200\" variant=\"muted\" className={styles.FeatureComparisonTable__planName}>\n                  {itemHeading ? itemHeading.props.children : index + 1}\n                </Text>\n              </dt>\n              <dd\n                className={clsx(\n                  styles.FeatureComparisonTable__planValue,\n                  hasLabel && styles.FeatureComparisonTable__highlightedColumn,\n                )}\n              >\n                {cells[index]}\n              </dd>\n            </React.Fragment>\n          )\n        })}\n      </dl>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAaA,IAAa,KAA6B,EAAC,aAAU,mBAA+C;CAClG,IAAM,EAAC,UAAO,kBAAc,EAAgB,GACtC,IAAc,EAAM,SAAS,QAAQ,CAAQ,GAC7C,IAAU,EAAkB,GAAa,CAAgC,CAAC,CAAC,GAAG,EAAE,GAChF,IAAc,EAAkB,GAAa,CAAoC,CAAC,CAAC,GAAG,EAAE,GACxF,IAAQ,EAAkB,GAAa,CAA0B;CAEvE,QAAgB;EACd,AAAA,QAAA,IAAA,aAA6B,gBAAgB,EAAM,WAAW,EAAM,UAElE,QAAQ,KACN,wCAAwC,EAAM,OAAO,4DAA4D,EAAM,OAAO,0DAChI;CAEJ,GAAG,CAAC,EAAM,QAAQ,EAAM,MAAM,CAAC;CAE/B,IAAM,IACJ,KAAW,IACT,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB,CACG,GACA,CACE;MAEL;CAwBJ,OArBI,MAAe,SAEf,kBAAC,MAAD;EAAI,WAAW,EAAK,EAAO,6BAA6B,CAAS;EAAG,eAAa,EAAQ;YAAzF,CACE,kBAAC,MAAD;GAAI,WAAW,EAAO;GAAuC,OAAM;GAAM,eAAa,EAAQ;aAC3F;EACC,CAAA,GACH,EAAM,KAAK,GAAM,MAChB,kBAAC,MAAD;GACE,WAAW,EACT,EAAO,mCACP,EAAa,CAAI,KAAK,EAAO,yCAC/B;aAGC,EAAM;EACL,GAHG,EAAK,GAGR,CACL,CACC;MAKN,kBAAC,OAAD;EAAK,WAAW,EAAK,EAAO,6BAA6B,CAAS;EAAG,eAAa,EAAQ;YAA1F,CACE,kBAAC,OAAD;GAAK,eAAa,EAAQ;aAAa;EAAgB,CAAA,GACvD,kBAAC,MAAD;GAAI,WAAW,EAAO;aACnB,EAAM,KAAK,GAAM,MAAU;IAC1B,IAAM,IAAc,EAClB,EAAM,SAAS,QAAQ,EAAK,MAAM,QAAQ,GAC1C,CACF,CAAC,CAAC,GAAG,EAAE,GACD,IAAW,EAAa,CAAI;IAClC,OACE,kBAAC,EAAM,UAAP,EAAA,UAAA,CACE,kBAAC,MAAD;KACE,WAAW,EACT,EAAO,kCACP,KAAY,EAAO,yCACrB;eAEA,kBAAC,GAAD;MAAM,IAAG;MAAM,MAAK;MAAM,SAAQ;MAAQ,WAAW,EAAO;gBACzD,IAAc,EAAY,MAAM,WAAW,IAAQ;KAChD,CAAA;IACJ,CAAA,GACJ,kBAAC,MAAD;KACE,WAAW,EACT,EAAO,mCACP,KAAY,EAAO,yCACrB;eAEC,EAAM;IACL,CAAA,CACU,EAAA,GAnBK,EAAK,GAmBV;GAEpB,CAAC;EACC,CAAA,CACD;;AAET"}

package/esm/FrostedGlassVFX/FrostedGlassVFX.js

@@ -1,5 +1,5 @@
 import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes-CMw13Yda.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base-BlFewKzM.css';/* empty css                                                                                                  */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes-fV7rwA0l.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base-BlFewKzM.css';/* empty css                                                                                                  */
 /* empty css                                                                                                               */
 import t from "./FrostedGlassVFX.module.js";
 import "react";

package/esm/Grid/Grid.js

@@ -1,5 +1,5 @@
 import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes-6QocK2fy.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/grid/grid-Cjk6fsH8.css';/* empty css                                                                                     */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes-Chf_t26p.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/grid/grid-Cjk6fsH8.css';/* empty css                                                                                     */
 /* empty css                                                                                                  */
 import t from "./Grid.module.js";
 import { useId as n } from "../hooks/useId.js";

package/esm/Heading/Heading.module-ChqO_lH5.css

@@ -0,0 +1 @@
+.Primer_Brand__Heading-module__Heading___fudyh{--condensed-stretch:75%;color:var(--brand-color-text-default)}.Primer_Brand__Heading-module__Heading--textWrap-balance___XJ9OD{text-wrap:balance}.Primer_Brand__Heading-module__Heading--textWrap-wrap___OlXJ0{text-wrap:wrap}.Primer_Brand__Heading-module__Heading-font--hubot-sans___wXzzm{--condensed-stretch:90%}[data-color-mode=dark] .Primer_Brand__Heading-module__Heading___fudyh{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){[data-color-mode=auto] .Primer_Brand__Heading-module__Heading___fudyh{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.Primer_Brand__Heading-module__Heading-font--mona-sans___0OM_a{font-family:var(--brand-heading-fontFamily)}.Primer_Brand__Heading-module__Heading-font--hubot-sans___wXzzm{font-family:var(--brand-heading-fontFamilyAlt)}.Primer_Brand__Heading-module__Heading-font--monospace___wf5_H{font-family:var(--brand-fontStack-monospace)}.Primer_Brand__Heading-module__Heading--display___7ug_H{font-weight:var(--brand-heading-weight-1000);font-size:var(--brand-text-size-1000);line-height:var(--brand-text-lineHeight-1000);letter-spacing:var(--brand-text-letterSpacing-1000)}.Primer_Brand__Heading-module__Heading--subhead-large___6D5Jt{font-weight:var(--brand-text-subhead-weight-large);font-size:var(--brand-text-subhead-size-large);line-height:var(--brand-text-subhead-lineHeight-large)}.Primer_Brand__Heading-module__Heading--subhead-medium___tyzEx{font-weight:var(--brand-text-subhead-weight-medium);font-size:var(--brand-text-subhead-size-medium);line-height:var(--brand-text-subhead-lineHeight-medium)}.Primer_Brand__Heading-module__Heading--1___O9POI{font-weight:var(--brand-heading-weight-900);font-size:var(--brand-text-size-900);line-height:var(--brand-text-lineHeight-900);letter-spacing:var(--brand-text-letterSpacing-900)}.Primer_Brand__Heading-module__Heading--2___rbYCp{font-weight:var(--brand-heading-weight-800);font-size:var(--brand-text-size-800);line-height:var(--brand-text-lineHeight-800);letter-spacing:var(--brand-text-letterSpacing-800)}.Primer_Brand__Heading-module__Heading--3___N1nDw{font-weight:var(--brand-heading-weight-700);font-size:var(--brand-text-size-700);line-height:var(--brand-heading-lineHeight-700);letter-spacing:var(--brand-heading-letterSpacing-700)}.Primer_Brand__Heading-module__Heading--4___NVPNk{font-weight:var(--brand-heading-weight-600);font-size:var(--brand-text-size-600);line-height:var(--brand-text-lineHeight-600);letter-spacing:var(--brand-heading-letterSpacing-600)}.Primer_Brand__Heading-module__Heading--5___uyOtp{font-weight:var(--brand-heading-weight-500);font-size:var(--brand-text-size-500);line-height:var(--brand-text-lineHeight-500);letter-spacing:var(--brand-heading-letterSpacing-500)}.Primer_Brand__Heading-module__Heading--6___QHTZH{font-weight:var(--brand-heading-weight-400);font-size:var(--brand-text-size-400);line-height:var(--brand-text-lineHeight-400);letter-spacing:var(--brand-heading-letterSpacing-400)}.Primer_Brand__Heading-module__Heading--weight-heavy___d6IsL,.Primer_Brand__Heading-module__Heading-narrow--weight-heavy___JrPUN{font-weight:var(--base-text-weight-heavy)}.Primer_Brand__Heading-module__Heading--weight-extrabold___lc7cZ,.Primer_Brand__Heading-module__Heading-narrow--weight-extrabold___8Jgdk{font-weight:var(--base-text-weight-extrabold)}.Primer_Brand__Heading-module__Heading--weight-bold___FVf52,.Primer_Brand__Heading-module__Heading-narrow--weight-bold___FhIqs{font-weight:var(--base-text-weight-bold)}.Primer_Brand__Heading-module__Heading--weight-semibold___6RJMO,.Primer_Brand__Heading-module__Heading-narrow--weight-semibold___ZUCHu{font-weight:var(--base-text-weight-semibold)}.Primer_Brand__Heading-module__Heading--weight-medium___KODaH,.Primer_Brand__Heading-module__Heading-narrow--weight-medium___Q1AOC{font-weight:var(--base-text-weight-medium)}.Primer_Brand__Heading-module__Heading--weight-normal___Q9DlN,.Primer_Brand__Heading-module__Heading-narrow--weight-normal___GIVMK{font-weight:var(--base-text-weight-normal)}.Primer_Brand__Heading-module__Heading--weight-light___HSj3B,.Primer_Brand__Heading-module__Heading-narrow--weight-light___h7_q1{font-weight:var(--base-text-weight-light)}.Primer_Brand__Heading-module__Heading--weight-extralight___qAOib,.Primer_Brand__Heading-module__Heading-narrow--weight-extralight___xpfbE{font-weight:var(--base-text-weight-extralight)}@media screen and (width>=48rem){.Primer_Brand__Heading-module__Heading-regular--weight-heavy___truQm{font-weight:var(--base-text-weight-heavy)}.Primer_Brand__Heading-module__Heading-regular--weight-extrabold___sffNn{font-weight:var(--base-text-weight-extrabold)}.Primer_Brand__Heading-module__Heading-regular--weight-bold___RGtcC{font-weight:var(--base-text-weight-bold)}.Primer_Brand__Heading-module__Heading-regular--weight-semibold___8APrY{font-weight:var(--base-text-weight-semibold)}.Primer_Brand__Heading-module__Heading-regular--weight-medium___pBSyI{font-weight:var(--base-text-weight-medium)}.Primer_Brand__Heading-module__Heading-regular--weight-normal___AmGG1{font-weight:var(--base-text-weight-normal)}.Primer_Brand__Heading-module__Heading-regular--weight-light___9rxc0{font-weight:var(--base-text-weight-light)}.Primer_Brand__Heading-module__Heading-regular--weight-extralight___AbeG3{font-weight:var(--base-text-weight-extralight)}}@media screen and (width>=80rem){.Primer_Brand__Heading-module__Heading-wide--weight-heavy___SksCH{font-weight:var(--base-text-weight-heavy)}.Primer_Brand__Heading-module__Heading-wide--weight-extrabold___kN11J{font-weight:var(--base-text-weight-extrabold)}.Primer_Brand__Heading-module__Heading-wide--weight-bold___v_v_q{font-weight:var(--base-text-weight-bold)}.Primer_Brand__Heading-module__Heading-wide--weight-semibold___zeWDb{font-weight:var(--base-text-weight-semibold)}.Primer_Brand__Heading-module__Heading-wide--weight-medium___kJ7_X{font-weight:var(--base-text-weight-medium)}.Primer_Brand__Heading-module__Heading-wide--weight-normal___fLABE{font-weight:var(--base-text-weight-normal)}.Primer_Brand__Heading-module__Heading-wide--weight-light___HL7Zd{font-weight:var(--base-text-weight-light)}}.Primer_Brand__Heading-module__Heading--stretch-condensed___Ez__k,.Primer_Brand__Heading-module__Heading-narrow--stretch-condensed___VL30L{font-stretch:var(--condensed-stretch)}.Primer_Brand__Heading-module__Heading--stretch-normal___dmvAF,.Primer_Brand__Heading-module__Heading-narrow--stretch-normal___7bORI{font-stretch:100%}.Primer_Brand__Heading-module__Heading--stretch-expanded___Nwdhs,.Primer_Brand__Heading-module__Heading-narrow--stretch-expanded___WKHs4{font-stretch:125%}@media screen and (width>=48rem){.Primer_Brand__Heading-module__Heading-regular--stretch-condensed___TDbEr{font-stretch:var(--condensed-stretch)}.Primer_Brand__Heading-module__Heading-regular--stretch-normal___jsox0{font-stretch:100%}.Primer_Brand__Heading-module__Heading-regular--stretch-expanded___NzIf4{font-stretch:125%}}@media screen and (width>=80rem){.Primer_Brand__Heading-module__Heading-narrow--weight-expanded___Vvdsq .Primer_Brand__Heading-module__Heading-wide--stretch-condensed___KlU6K{font-stretch:var(--condensed-stretch)}.Primer_Brand__Heading-module__Heading-wide--stretch-normal___b5uOP{font-stretch:100%}.Primer_Brand__Heading-module__Heading-wide--stretch-expanded___CoaZM{font-stretch:125%}}.Primer_Brand__Heading-module__Heading--letter-spacing-condensed___qMnBL,.Primer_Brand__Heading-module__Heading-narrow--letter-spacing-condensed___X90Sz{letter-spacing:var(--brand-text-letterSpacing-900)}.Primer_Brand__Heading-module__Heading--letter-spacing-normal___2rkj6,.Primer_Brand__Heading-module__Heading-narrow--letter-spacing-normal___hvCpM{letter-spacing:var(--brand-heading-letterSpacing-700)}.Primer_Brand__Heading-module__Heading--letter-spacing-none___VkInH,.Primer_Brand__Heading-module__Heading-narrow--letter-spacing-none___kBJRm{letter-spacing:0}@media screen and (width>=48rem){.Primer_Brand__Heading-module__Heading-regular--letter-spacing-condensed___p6bvA{letter-spacing:var(--brand-text-letterSpacing-900)}.Primer_Brand__Heading-module__Heading-regular--letter-spacing-normal___BG1Fy{letter-spacing:var(--brand-heading-letterSpacing-700)}.Primer_Brand__Heading-module__Heading-regular--letter-spacing-none___xEpD3{letter-spacing:0}}@media screen and (width>=80rem){.Primer_Brand__Heading-module__Heading-narrow--weight-wide___fk4LZ .Primer_Brand__Heading-module__Heading-wide--letter-spacing-condensed___GfFJl{letter-spacing:var(--brand-text-letterSpacing-900)}.Primer_Brand__Heading-module__Heading-wide--letter-spacing-normal___oYnG_{letter-spacing:var(--brand-heading-letterSpacing-700)}.Primer_Brand__Heading-module__Heading-wide--letter-spacing-none___Mtq_D{letter-spacing:0}}

package/esm/Heading/Heading.module.js

@@ -1,4 +1,4 @@
-import './Heading.module-YfiTxQkR.css';//#region src/Heading/Heading.module.css
+import './Heading.module-ChqO_lH5.css';//#region src/Heading/Heading.module.css
 var e = "Primer_Brand__Heading-module__Heading___fudyh", t = {
 	Heading: e,
 	"Heading--textWrap-balance": "Primer_Brand__Heading-module__Heading--textWrap-balance___XJ9OD",

package/esm/Heading/Heading.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.module.js","names":[],"sources":["../../src/Heading/Heading.module.css"],"sourcesContent":[".Heading {\n  --condensed-stretch: 75%;\n  color: var(--brand-color-text-default);\n}\n\n.Heading--textWrap-balance {\n  text-wrap: balance;\n}\n\n.Heading--textWrap-wrap {\n  text-wrap: wrap;\n}\n\n.Heading-font--hubot-sans {\n  --condensed-stretch: 90%;\n}\n\n[data-color-mode='dark'] .Heading {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.Heading-font--mona-sans {\n  font-family: var(--brand-heading-fontFamily);\n}\n\n.Heading-font--hubot-sans {\n  font-family: var(--brand-heading-fontFamilyAlt);\n}\n\n.Heading-font--monospace {\n  font-family: var(--brand-fontStack-monospace);\n}\n\n.Heading--display {\n  font-weight: var(--brand-heading-weight-1000);\n  font-size: var(--brand-text-size-1000);\n  line-height: var(--brand-text-lineHeight-1000);\n  letter-spacing: var(--brand-text-letterSpacing-1000);\n}\n\n.Heading--subhead-large {\n  font-weight: var(--brand-text-subhead-weight-large);\n  font-size: var(--brand-text-subhead-size-large);\n  line-height: var(--brand-text-subhead-lineHeight-large);\n}\n\n.Heading--subhead-medium {\n  font-weight: var(--brand-text-subhead-weight-medium);\n  font-size: var(--brand-text-subhead-size-medium);\n  line-height: var(--brand-text-subhead-lineHeight-medium);\n}\n\n.Heading--1 {\n  font-weight: var(--brand-heading-weight-900);\n  font-size: var(--brand-text-size-900);\n  line-height: var(--brand-text-lineHeight-900);\n  letter-spacing: var(--brand-text-letterSpacing-900);\n}\n\n.Heading--2 {\n  font-weight: var(--brand-heading-weight-800);\n  font-size: var(--brand-text-size-800);\n  line-height: var(--brand-text-lineHeight-800);\n  letter-spacing: var(--brand-text-letterSpacing-800);\n}\n\n.Heading--3 {\n  font-weight: var(--brand-heading-weight-700);\n  font-size: var(--brand-text-size-700);\n  line-height: var(--brand-heading-lineHeight-700);\n  letter-spacing: var(--brand-heading-letterSpacing-700);\n}\n\n.Heading--4 {\n  font-weight: var(--brand-heading-weight-600);\n  font-size: var(--brand-text-size-600);\n  line-height: var(--brand-text-lineHeight-600);\n  letter-spacing: var(--brand-heading-letterSpacing-600);\n}\n\n.Heading--5 {\n  font-weight: var(--brand-heading-weight-500);\n  font-size: var(--brand-text-size-500);\n  line-height: var(--brand-text-lineHeight-500);\n  letter-spacing: var(--brand-heading-letterSpacing-500);\n}\n\n.Heading--6 {\n  font-weight: var(--brand-heading-weight-400);\n  font-size: var(--brand-text-size-400);\n  line-height: var(--brand-text-lineHeight-400);\n  letter-spacing: var(--brand-heading-letterSpacing-400);\n}\n\n.Heading--weight-heavy,\n.Heading-narrow--weight-heavy {\n  font-weight: var(--base-text-weight-heavy);\n}\n\n.Heading--weight-extrabold,\n.Heading-narrow--weight-extrabold {\n  font-weight: var(--base-text-weight-extrabold);\n}\n\n.Heading--weight-bold,\n.Heading-narrow--weight-bold {\n  font-weight: var(--base-text-weight-bold);\n}\n\n.Heading--weight-semibold,\n.Heading-narrow--weight-semibold {\n  font-weight: var(--base-text-weight-semibold);\n}\n\n.Heading--weight-medium,\n.Heading-narrow--weight-medium {\n  font-weight: var(--base-text-weight-medium);\n}\n\n.Heading--weight-normal,\n.Heading-narrow--weight-normal {\n  font-weight: var(--base-text-weight-normal);\n}\n\n.Heading--weight-light,\n.Heading-narrow--weight-light {\n  font-weight: var(--base-text-weight-light);\n}\n\n.Heading--weight-extralight,\n.Heading-narrow--weight-extralight {\n  font-weight: var(--base-text-weight-extralight);\n}\n\n@media screen and (min-width: 48rem) {\n  .Heading-regular--weight-heavy {\n    font-weight: var(--base-text-weight-heavy);\n  }\n\n  .Heading-regular--weight-extrabold {\n    font-weight: var(--base-text-weight-extrabold);\n  }\n\n  .Heading-regular--weight-bold {\n    font-weight: var(--base-text-weight-bold);\n  }\n\n  .Heading-regular--weight-semibold {\n    font-weight: var(--base-text-weight-semibold);\n  }\n\n  .Heading-regular--weight-medium {\n    font-weight: var(--base-text-weight-medium);\n  }\n\n  .Heading-regular--weight-normal {\n    font-weight: var(--base-text-weight-normal);\n  }\n\n  .Heading-regular--weight-light {\n    font-weight: var(--base-text-weight-light);\n  }\n\n  .Heading-regular--weight-extralight {\n    font-weight: var(--base-text-weight-extralight);\n  }\n}\n\n@media screen and (min-width: 80rem) {\n  .Heading-wide--weight-heavy {\n    font-weight: var(--base-text-weight-heavy);\n  }\n\n  .Heading-wide--weight-extrabold {\n    font-weight: var(--base-text-weight-extrabold);\n  }\n\n  .Heading-wide--weight-bold {\n    font-weight: var(--base-text-weight-bold);\n  }\n\n  .Heading-wide--weight-semibold {\n    font-weight: var(--base-text-weight-semibold);\n  }\n\n  .Heading-wide--weight-medium {\n    font-weight: var(--base-text-weight-medium);\n  }\n\n  .Heading-wide--weight-normal {\n    font-weight: var(--base-text-weight-normal);\n  }\n\n  .Heading-wide--weight-light {\n    font-weight: var(--base-text-weight-light);\n  }\n}\n\n/**\n * Heading widths\n */\n\n.Heading--stretch-condensed,\n.Heading-narrow--stretch-condensed {\n  font-stretch: var(--condensed-stretch);\n}\n\n.Heading--stretch-normal,\n.Heading-narrow--stretch-normal {\n  font-stretch: 100%;\n}\n\n.Heading--stretch-expanded,\n.Heading-narrow--stretch-expanded {\n  font-stretch: 125%;\n}\n\n@media screen and (min-width: 48rem) {\n  .Heading-regular--stretch-condensed {\n    font-stretch: var(--condensed-stretch);\n  }\n\n  .Heading-regular--stretch-normal {\n    font-stretch: 100%;\n  }\n\n  .Heading-regular--stretch-expanded {\n    font-stretch: 125%;\n  }\n}\n\n@media screen and (min-width: 80rem) {\n  .Heading-narrow--weight-expanded .Heading-wide--stretch-condensed {\n    font-stretch: var(--condensed-stretch);\n  }\n\n  .Heading-wide--stretch-normal {\n    font-stretch: 100%;\n  }\n\n  .Heading-wide--stretch-expanded {\n    font-stretch: 125%;\n  }\n}\n\n/**\n * Heading letter spacing\n */\n\n.Heading--letter-spacing-condensed,\n.Heading-narrow--letter-spacing-condensed {\n  letter-spacing: var(--brand-text-letterSpacing-900);\n}\n\n.Heading--letter-spacing-normal,\n.Heading-narrow--letter-spacing-normal {\n  letter-spacing: var(--brand-heading-letterSpacing-700);\n}\n\n.Heading--letter-spacing-none,\n.Heading-narrow--letter-spacing-none {\n  letter-spacing: 0;\n}\n\n@media screen and (min-width: 48rem) {\n  .Heading-regular--letter-spacing-condensed {\n    letter-spacing: var(--brand-text-letterSpacing-900);\n  }\n\n  .Heading-regular--letter-spacing-normal {\n    letter-spacing: var(--brand-heading-letterSpacing-700);\n  }\n\n  .Heading-regular--letter-spacing-none {\n    letter-spacing: 0;\n  }\n}\n\n@media screen and (min-width: 80rem) {\n  .Heading-narrow--weight-wide .Heading-wide--letter-spacing-condensed {\n    letter-spacing: var(--brand-text-letterSpacing-900);\n  }\n\n  .Heading-wide--letter-spacing-normal {\n    letter-spacing: var(--brand-heading-letterSpacing-700);\n  }\n\n  .Heading-wide--letter-spacing-none {\n    letter-spacing: 0;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Heading.module.js","names":[],"sources":["../../src/Heading/Heading.module.css"],"sourcesContent":[".Heading {\n  --condensed-stretch: 75%;\n  color: var(--brand-color-text-default);\n}\n\n.Heading--textWrap-balance {\n  text-wrap: balance;\n}\n\n.Heading--textWrap-wrap {\n  text-wrap: wrap;\n}\n\n.Heading-font--hubot-sans {\n  --condensed-stretch: 90%;\n}\n\n[data-color-mode='dark'] .Heading {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n@media (prefers-color-scheme: dark) {\n  [data-color-mode='auto'] .Heading {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n}\n\n.Heading-font--mona-sans {\n  font-family: var(--brand-heading-fontFamily);\n}\n\n.Heading-font--hubot-sans {\n  font-family: var(--brand-heading-fontFamilyAlt);\n}\n\n.Heading-font--monospace {\n  font-family: var(--brand-fontStack-monospace);\n}\n\n.Heading--display {\n  font-weight: var(--brand-heading-weight-1000);\n  font-size: var(--brand-text-size-1000);\n  line-height: var(--brand-text-lineHeight-1000);\n  letter-spacing: var(--brand-text-letterSpacing-1000);\n}\n\n.Heading--subhead-large {\n  font-weight: var(--brand-text-subhead-weight-large);\n  font-size: var(--brand-text-subhead-size-large);\n  line-height: var(--brand-text-subhead-lineHeight-large);\n}\n\n.Heading--subhead-medium {\n  font-weight: var(--brand-text-subhead-weight-medium);\n  font-size: var(--brand-text-subhead-size-medium);\n  line-height: var(--brand-text-subhead-lineHeight-medium);\n}\n\n.Heading--1 {\n  font-weight: var(--brand-heading-weight-900);\n  font-size: var(--brand-text-size-900);\n  line-height: var(--brand-text-lineHeight-900);\n  letter-spacing: var(--brand-text-letterSpacing-900);\n}\n\n.Heading--2 {\n  font-weight: var(--brand-heading-weight-800);\n  font-size: var(--brand-text-size-800);\n  line-height: var(--brand-text-lineHeight-800);\n  letter-spacing: var(--brand-text-letterSpacing-800);\n}\n\n.Heading--3 {\n  font-weight: var(--brand-heading-weight-700);\n  font-size: var(--brand-text-size-700);\n  line-height: var(--brand-heading-lineHeight-700);\n  letter-spacing: var(--brand-heading-letterSpacing-700);\n}\n\n.Heading--4 {\n  font-weight: var(--brand-heading-weight-600);\n  font-size: var(--brand-text-size-600);\n  line-height: var(--brand-text-lineHeight-600);\n  letter-spacing: var(--brand-heading-letterSpacing-600);\n}\n\n.Heading--5 {\n  font-weight: var(--brand-heading-weight-500);\n  font-size: var(--brand-text-size-500);\n  line-height: var(--brand-text-lineHeight-500);\n  letter-spacing: var(--brand-heading-letterSpacing-500);\n}\n\n.Heading--6 {\n  font-weight: var(--brand-heading-weight-400);\n  font-size: var(--brand-text-size-400);\n  line-height: var(--brand-text-lineHeight-400);\n  letter-spacing: var(--brand-heading-letterSpacing-400);\n}\n\n.Heading--weight-heavy,\n.Heading-narrow--weight-heavy {\n  font-weight: var(--base-text-weight-heavy);\n}\n\n.Heading--weight-extrabold,\n.Heading-narrow--weight-extrabold {\n  font-weight: var(--base-text-weight-extrabold);\n}\n\n.Heading--weight-bold,\n.Heading-narrow--weight-bold {\n  font-weight: var(--base-text-weight-bold);\n}\n\n.Heading--weight-semibold,\n.Heading-narrow--weight-semibold {\n  font-weight: var(--base-text-weight-semibold);\n}\n\n.Heading--weight-medium,\n.Heading-narrow--weight-medium {\n  font-weight: var(--base-text-weight-medium);\n}\n\n.Heading--weight-normal,\n.Heading-narrow--weight-normal {\n  font-weight: var(--base-text-weight-normal);\n}\n\n.Heading--weight-light,\n.Heading-narrow--weight-light {\n  font-weight: var(--base-text-weight-light);\n}\n\n.Heading--weight-extralight,\n.Heading-narrow--weight-extralight {\n  font-weight: var(--base-text-weight-extralight);\n}\n\n@media screen and (min-width: 48rem) {\n  .Heading-regular--weight-heavy {\n    font-weight: var(--base-text-weight-heavy);\n  }\n\n  .Heading-regular--weight-extrabold {\n    font-weight: var(--base-text-weight-extrabold);\n  }\n\n  .Heading-regular--weight-bold {\n    font-weight: var(--base-text-weight-bold);\n  }\n\n  .Heading-regular--weight-semibold {\n    font-weight: var(--base-text-weight-semibold);\n  }\n\n  .Heading-regular--weight-medium {\n    font-weight: var(--base-text-weight-medium);\n  }\n\n  .Heading-regular--weight-normal {\n    font-weight: var(--base-text-weight-normal);\n  }\n\n  .Heading-regular--weight-light {\n    font-weight: var(--base-text-weight-light);\n  }\n\n  .Heading-regular--weight-extralight {\n    font-weight: var(--base-text-weight-extralight);\n  }\n}\n\n@media screen and (min-width: 80rem) {\n  .Heading-wide--weight-heavy {\n    font-weight: var(--base-text-weight-heavy);\n  }\n\n  .Heading-wide--weight-extrabold {\n    font-weight: var(--base-text-weight-extrabold);\n  }\n\n  .Heading-wide--weight-bold {\n    font-weight: var(--base-text-weight-bold);\n  }\n\n  .Heading-wide--weight-semibold {\n    font-weight: var(--base-text-weight-semibold);\n  }\n\n  .Heading-wide--weight-medium {\n    font-weight: var(--base-text-weight-medium);\n  }\n\n  .Heading-wide--weight-normal {\n    font-weight: var(--base-text-weight-normal);\n  }\n\n  .Heading-wide--weight-light {\n    font-weight: var(--base-text-weight-light);\n  }\n}\n\n/**\n * Heading widths\n */\n\n.Heading--stretch-condensed,\n.Heading-narrow--stretch-condensed {\n  font-stretch: var(--condensed-stretch);\n}\n\n.Heading--stretch-normal,\n.Heading-narrow--stretch-normal {\n  font-stretch: 100%;\n}\n\n.Heading--stretch-expanded,\n.Heading-narrow--stretch-expanded {\n  font-stretch: 125%;\n}\n\n@media screen and (min-width: 48rem) {\n  .Heading-regular--stretch-condensed {\n    font-stretch: var(--condensed-stretch);\n  }\n\n  .Heading-regular--stretch-normal {\n    font-stretch: 100%;\n  }\n\n  .Heading-regular--stretch-expanded {\n    font-stretch: 125%;\n  }\n}\n\n@media screen and (min-width: 80rem) {\n  .Heading-narrow--weight-expanded .Heading-wide--stretch-condensed {\n    font-stretch: var(--condensed-stretch);\n  }\n\n  .Heading-wide--stretch-normal {\n    font-stretch: 100%;\n  }\n\n  .Heading-wide--stretch-expanded {\n    font-stretch: 125%;\n  }\n}\n\n/**\n * Heading letter spacing\n */\n\n.Heading--letter-spacing-condensed,\n.Heading-narrow--letter-spacing-condensed {\n  letter-spacing: var(--brand-text-letterSpacing-900);\n}\n\n.Heading--letter-spacing-normal,\n.Heading-narrow--letter-spacing-normal {\n  letter-spacing: var(--brand-heading-letterSpacing-700);\n}\n\n.Heading--letter-spacing-none,\n.Heading-narrow--letter-spacing-none {\n  letter-spacing: 0;\n}\n\n@media screen and (min-width: 48rem) {\n  .Heading-regular--letter-spacing-condensed {\n    letter-spacing: var(--brand-text-letterSpacing-900);\n  }\n\n  .Heading-regular--letter-spacing-normal {\n    letter-spacing: var(--brand-heading-letterSpacing-700);\n  }\n\n  .Heading-regular--letter-spacing-none {\n    letter-spacing: 0;\n  }\n}\n\n@media screen and (min-width: 80rem) {\n  .Heading-narrow--weight-wide .Heading-wide--letter-spacing-condensed {\n    letter-spacing: var(--brand-text-letterSpacing-900);\n  }\n\n  .Heading-wide--letter-spacing-normal {\n    letter-spacing: var(--brand-heading-letterSpacing-700);\n  }\n\n  .Heading-wide--letter-spacing-none {\n    letter-spacing: 0;\n  }\n}\n"],"mappings":""}

package/esm/IDE/IDE.js

@@ -7,7 +7,7 @@ import { PaperAirplaneIcon as a } from "../node_modules/@primer/octicons-react/d
 import { useTabs as o } from "../hooks/useTabs.js";
 import { TextInput as s } from "../forms/TextInput/TextInput.js";
 import { Avatar as c } from "../Avatar/Avatar.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes-DSf1PV6b.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/ide/base-Cg4X8uay.css';/* empty css                                                                                    */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes-CTreurKT.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/ide/base-Cg4X8uay.css';/* empty css                                                                                    */
 /* empty css                                                                                                 */
 import l from "./IDE.module.js";
 import u, { Children as d, createElement as f, forwardRef as p, isValidElement as m, memo as h, useCallback as g, useEffect as _, useImperativeHandle as v, useMemo as y, useRef as b, useState as x } from "react";

package/esm/Icon/Icon.js

@@ -1,7 +1,7 @@
 import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { Colors as t } from "../constants.js";
 import n from "./Icon.module.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes-Bjhpbkke.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon/colors-CctMSz17.css';/* empty css                                                                                       */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes-BPFx95T7.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon/colors-CctMSz17.css';/* empty css                                                                                       */
 /* empty css                                                                                                  */
 import r from "react";
 import { jsx as i } from "react/jsx-runtime";

package/esm/IconButton/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAUhD,OAAO,EAA0B,KAAK,gBAAgB,EAAC,MAAM,YAAY,CAAA;AACzE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAEnD,OAAO,kGAAkG,CAAA;AACzG,OAAO,+GAA+G,CAAA;AAGtH,eAAO,MAAM,kBAAkB,oEAAsD,CAAA;AACrF,eAAO,MAAM,eAAe,uCAA4B,CAAA;AACxD,eAAO,MAAM,wBAAwB,aAAuB,CAAA;AAC5D,eAAO,MAAM,qBAAqB,UAAoB,CAAA;AAEtD,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;AACnE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7D,KAAK,mBAAmB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAClF,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,IAAI,EAAE,IAAI,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI,mBAAmB,CAAC,CAAC,CAAC,GAC1F,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,mBAAmB,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAA;AAYpF,KAAK,mBAAmB,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EAChE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAC/D,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;AAwG9B,eAAO,MAAM,UAAU,EAAiC,mBAAmB,CAAA"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAUhD,OAAO,EAA0B,KAAK,gBAAgB,EAAC,MAAM,YAAY,CAAA;AACzE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAGnD,OAAO,kGAAkG,CAAA;AACzG,OAAO,+GAA+G,CAAA;AAGtH,eAAO,MAAM,kBAAkB,oEAAsD,CAAA;AACrF,eAAO,MAAM,eAAe,uCAA4B,CAAA;AACxD,eAAO,MAAM,wBAAwB,aAAuB,CAAA;AAC5D,eAAO,MAAM,qBAAqB,UAAoB,CAAA;AAEtD,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;AACnE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7D,KAAK,mBAAmB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAClF,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,IAAI,EAAE,IAAI,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI,mBAAmB,CAAC,CAAC,CAAC,GAC1F,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,mBAAmB,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAA;AAYpF,KAAK,mBAAmB,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EAChE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAC/D,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;AAwG9B,eAAO,MAAM,UAAU,EAAiC,mBAAmB,CAAA"}

package/esm/IconButton/IconButton.js

@@ -1,68 +1,70 @@
 import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { Button as t, ButtonSizes as n, ButtonVariants as r, defaultButtonSize as i, defaultButtonVariant as a } from "../Button/Button.js";
 import { Tooltip as o, TooltipContext as s } from "../Tooltip/Tooltip.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon-button/colors-with-modes-D7iaptsa.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon-button/base-DLPw97mz.css';/* empty css                                                                                            */
+import { Spinner as c } from "../Spinner/Spinner.js";
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon-button/colors-with-modes-BsaQYf6M.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon-button/base-_lTjJKpQ.css';/* empty css                                                                                            */
 /* empty css                                                                                                         */
-import c from "./IconButton.module.js";
-import l, { forwardRef as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import l from "./IconButton.module.js";
+import u, { forwardRef as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/IconButton/IconButton.tsx
-var m = [
+var h = [
 	...r,
 	"danger",
 	"invisible"
-], h = [...n], g = a, _ = i, v = {
+], g = [...n], _ = a, v = i, y = {
 	root: "IconButton",
-	get loadingIndicator() {
-		return `${this.root}-loading-indicator`;
+	get spinner() {
+		return `${this.root}-spinner`;
 	},
 	get loadingAnnouncement() {
 		return `${this.root}-loading-announcement`;
 	}
 };
-function y({ as: n, icon: r, "aria-label": i, description: a, loading: u = !1, loadingAnnouncement: m = "Loading", rounded: h = !1, tooltipDirection: y = "s", size: b = _, variant: x = g, inactive: S = !1, disabled: C, className: w, onClick: T, "aria-disabled": E, "aria-expanded": D, "aria-haspopup": O, "data-testid": k, ...A }, j) {
-	let { tooltipId: M } = l.useContext(s), N = u && !C, P = S && !C && !N, F = !C && !M, I = a || i, L = x === "danger" ? "secondary" : x === "invisible" ? "subtle" : x;
+function b({ as: n, icon: r, "aria-label": i, description: a, loading: d = !1, loadingAnnouncement: h = "Loading", rounded: g = !1, tooltipDirection: b = "s", size: x = v, variant: S = _, inactive: C = !1, disabled: w, className: T, onClick: E, "aria-disabled": D, "aria-expanded": O, "aria-haspopup": k, "data-testid": A, ...j }, M) {
+	let { tooltipId: N } = u.useContext(s), P = d && !w, F = C && !w && !P, I = !w && !N, L = a || i, R = S === "danger" ? "secondary" : S === "invisible" ? "subtle" : S;
 	process.env.NODE_ENV !== "production" && (i.trim() || console.warn("IconButton requires a non-empty `aria-label`."), [
-		C,
-		u,
-		S
+		w,
+		d,
+		C
 	].filter(Boolean).length > 1 && console.warn("IconButton has conflicting props for `disabled`, `loading`, or `inactive` states."));
-	let R = N ? /* @__PURE__ */ f("span", {
-		className: c.IconButton__loadingIndicator,
-		"data-testid": v.loadingIndicator
-	}) : /* @__PURE__ */ f(r, { className: c.IconButton__icon }), z = /* @__PURE__ */ f(t, {
-		...A,
-		ref: F ? void 0 : j,
+	let z = P ? /* @__PURE__ */ p(c, {
+		accessibleLabel: null,
+		className: l.IconButton__spinner,
+		"data-testid": y.spinner
+	}) : /* @__PURE__ */ p(r, { className: l.IconButton__icon }), B = /* @__PURE__ */ p(t, {
+		...j,
+		ref: I ? void 0 : M,
 		as: n,
-		variant: L,
-		size: b,
-		disabled: C,
-		"aria-disabled": N || P ? !0 : E,
-		"aria-expanded": D,
-		"aria-haspopup": O,
-		"aria-label": !F || a ? i : void 0,
-		className: e(c.IconButton, c[`IconButton--${b}`], c[`IconButton--variant-${x}`], P && c["IconButton--inactive"], h && c["IconButton--rounded"], w),
-		"data-testid": k || v.root,
-		leadingVisual: R,
-		onClick: N ? (e) => {
+		variant: R,
+		size: x,
+		disabled: w,
+		"aria-disabled": P || F ? !0 : D,
+		"aria-expanded": O,
+		"aria-haspopup": k,
+		"aria-label": !I || a ? i : void 0,
+		className: e(l.IconButton, l[`IconButton--${x}`], l[`IconButton--variant-${S}`], F && l["IconButton--inactive"], g && l["IconButton--rounded"], T),
+		"data-testid": A || y.root,
+		leadingVisual: z,
+		onClick: P ? (e) => {
 			e.preventDefault(), e.stopPropagation();
-		} : T
+		} : E
 	});
-	return /* @__PURE__ */ p(d, { children: [F ? /* @__PURE__ */ f(o, {
-		ref: j,
-		direction: y,
-		text: I,
+	return /* @__PURE__ */ m(f, { children: [I ? /* @__PURE__ */ p(o, {
+		ref: M,
+		direction: b,
+		text: L,
 		type: a ? "description" : "label",
-		children: z
-	}) : z, /* @__PURE__ */ f("span", {
+		children: B
+	}) : B, /* @__PURE__ */ p("span", {
 		"aria-live": "polite",
-		className: c.IconButton__loadingAnnouncement,
-		"data-testid": v.loadingAnnouncement,
-		children: N ? m : null
+		className: l.IconButton__loadingAnnouncement,
+		"data-testid": y.loadingAnnouncement,
+		children: P ? h : null
 	})] });
 }
-var b = u(y);
+var x = d(b);
 //#endregion
-export { b as IconButton, h as IconButtonSizes, m as IconButtonVariants, _ as defaultIconButtonSize, g as defaultIconButtonVariant };
+export { x as IconButton, g as IconButtonSizes, h as IconButtonVariants, v as defaultIconButtonSize, _ as defaultIconButtonVariant };
 
 //# sourceMappingURL=IconButton.js.map

package/esm/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","names":[],"sources":["../../src/IconButton/IconButton.tsx"],"sourcesContent":["import {clsx} from 'clsx'\nimport React, {forwardRef, type Ref} from 'react'\nimport type {Icon} from '@primer/octicons-react'\n\nimport {\n  Button,\n  ButtonSizes,\n  ButtonVariants,\n  defaultButtonSize,\n  defaultButtonVariant,\n  type ButtonVariant,\n} from '../Button'\nimport {Tooltip, TooltipContext, type TooltipDirection} from '../Tooltip'\nimport type {BaseProps} from '../component-helpers'\n\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon-button/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon-button/colors-with-modes.css'\nimport styles from './IconButton.module.css'\n\nexport const IconButtonVariants = [...ButtonVariants, 'danger', 'invisible'] as const\nexport const IconButtonSizes = [...ButtonSizes] as const\nexport const defaultIconButtonVariant = defaultButtonVariant\nexport const defaultIconButtonSize = defaultButtonSize\n\nexport type IconButtonVariant = (typeof IconButtonVariants)[number]\nexport type IconButtonSize = (typeof IconButtonSizes)[number]\n\ntype IconButtonBaseProps<C extends React.ElementType> = Omit<BaseProps<C>, 'ref'> & {\n  as?: C\n  variant?: IconButtonVariant\n  icon: Icon\n  'aria-label': string\n  description?: string\n  inactive?: boolean\n  loading?: boolean\n  loadingAnnouncement?: string\n  rounded?: boolean\n  size?: IconButtonSize\n  tooltipDirection?: TooltipDirection\n}\n\nexport type IconButtonProps<C extends React.ElementType = 'button'> = IconButtonBaseProps<C> &\n  Omit<React.ComponentPropsWithoutRef<C>, keyof IconButtonBaseProps<C> | 'children'>\n\nconst iconButtonTestIds = {\n  root: 'IconButton',\n  get loadingIndicator() {\n    return `${this.root}-loading-indicator`\n  },\n  get loadingAnnouncement() {\n    return `${this.root}-loading-announcement`\n  },\n}\n\ntype IconButtonComponent = <C extends React.ElementType = 'button'>(\n  props: IconButtonProps<C> & React.RefAttributes<HTMLButtonElement>,\n) => React.ReactElement | null\n\nfunction IconButtonRoot(\n  {\n    as,\n    icon: IconComponent,\n    'aria-label': ariaLabel,\n    description,\n    loading = false,\n    loadingAnnouncement = 'Loading',\n    rounded = false,\n    tooltipDirection = 's',\n    size = defaultIconButtonSize,\n    variant = defaultIconButtonVariant,\n    inactive = false,\n    disabled,\n    className,\n    onClick,\n    'aria-disabled': ariaDisabled,\n    'aria-expanded': ariaExpanded,\n    'aria-haspopup': ariaHasPopup,\n    'data-testid': testId,\n    ...props\n  }: React.PropsWithoutRef<IconButtonProps<React.ElementType>>,\n  ref: Ref<HTMLButtonElement>,\n) {\n  const {tooltipId: externalTooltipId} = React.useContext(TooltipContext)\n  const isLoading = loading && !disabled\n  const isInactive = inactive && !disabled && !isLoading\n  const shouldRenderTooltip = !disabled && !externalTooltipId\n  const tooltipText = description || ariaLabel\n  const buttonVariant: ButtonVariant = variant === 'danger' ? 'secondary' : variant === 'invisible' ? 'subtle' : variant\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (!ariaLabel.trim()) {\n      // eslint-disable-next-line no-console\n      console.warn('IconButton requires a non-empty `aria-label`.')\n    }\n\n    if ([disabled, loading, inactive].filter(Boolean).length > 1) {\n      // eslint-disable-next-line no-console\n      console.warn('IconButton has conflicting props for `disabled`, `loading`, or `inactive` states.')\n    }\n  }\n\n  const ButtonIcon = isLoading ? (\n    <span className={styles.IconButton__loadingIndicator} data-testid={iconButtonTestIds.loadingIndicator} />\n  ) : (\n    <IconComponent className={styles.IconButton__icon} />\n  )\n\n  const ButtonElement = (\n    <Button\n      {...props}\n      ref={shouldRenderTooltip ? undefined : ref}\n      as={as}\n      variant={buttonVariant}\n      size={size}\n      disabled={disabled}\n      aria-disabled={isLoading || isInactive ? true : ariaDisabled}\n      aria-expanded={ariaExpanded}\n      aria-haspopup={ariaHasPopup}\n      aria-label={!shouldRenderTooltip || description ? ariaLabel : undefined}\n      className={clsx(\n        styles.IconButton,\n        styles[`IconButton--${size}`],\n        styles[`IconButton--variant-${variant}`],\n        isInactive && styles['IconButton--inactive'],\n        rounded && styles['IconButton--rounded'],\n        className,\n      )}\n      data-testid={testId || iconButtonTestIds.root}\n      leadingVisual={ButtonIcon}\n      onClick={\n        isLoading\n          ? event => {\n              event.preventDefault()\n              event.stopPropagation()\n            }\n          : onClick\n      }\n    />\n  )\n\n  return (\n    <>\n      {shouldRenderTooltip ? (\n        <Tooltip ref={ref} direction={tooltipDirection} text={tooltipText} type={description ? 'description' : 'label'}>\n          {ButtonElement}\n        </Tooltip>\n      ) : (\n        ButtonElement\n      )}\n      <span\n        aria-live=\"polite\"\n        className={styles.IconButton__loadingAnnouncement}\n        data-testid={iconButtonTestIds.loadingAnnouncement}\n      >\n        {isLoading ? loadingAnnouncement : null}\n      </span>\n    </>\n  )\n}\n\nexport const IconButton = forwardRef(IconButtonRoot) as IconButtonComponent\n"],"mappings":";;;;;;;;;AAmBA,IAAa,IAAqB;CAAC,GAAG;CAAgB;CAAU;AAAW,GAC9D,IAAkB,CAAC,GAAG,CAAW,GACjC,IAA2B,GAC3B,IAAwB,GAsB/B,IAAoB;CACxB,MAAM;CACN,IAAI,mBAAmB;EACrB,OAAO,GAAG,KAAK,KAAK;CACtB;CACA,IAAI,sBAAsB;EACxB,OAAO,GAAG,KAAK,KAAK;CACtB;AACF;AAMA,SAAS,EACP,EACE,OACA,MAAM,GACN,cAAc,GACd,gBACA,aAAU,IACV,yBAAsB,WACtB,aAAU,IACV,sBAAmB,KACnB,UAAO,GACP,aAAU,GACV,cAAW,IACX,aACA,cACA,YACA,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,GAAG,KAEL,GACA;CACA,IAAM,EAAC,WAAW,MAAqB,EAAM,WAAW,CAAc,GAChE,IAAY,KAAW,CAAC,GACxB,IAAa,KAAY,CAAC,KAAY,CAAC,GACvC,IAAsB,CAAC,KAAY,CAAC,GACpC,IAAc,KAAe,GAC7B,IAA+B,MAAY,WAAW,cAAc,MAAY,cAAc,WAAW;CAE/G,AAAA,QAAA,IAAA,aAA6B,iBACtB,EAAU,KAAK,KAElB,QAAQ,KAAK,+CAA+C,GAG1D;EAAC;EAAU;EAAS;CAAQ,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,SAAS,KAEzD,QAAQ,KAAK,mFAAmF;CAIpG,IAAM,IAAa,IACjB,kBAAC,QAAD;EAAM,WAAW,EAAO;EAA8B,eAAa,EAAkB;CAAmB,CAAA,IAExG,kBAAC,GAAD,EAAe,WAAW,EAAO,iBAAmB,CAAA,GAGhD,IACJ,kBAAC,GAAD;EACE,GAAI;EACJ,KAAK,IAAsB,KAAA,IAAY;EACnC;EACJ,SAAS;EACH;EACI;EACV,iBAAe,KAAa,IAAa,KAAO;EAChD,iBAAe;EACf,iBAAe;EACf,cAAY,CAAC,KAAuB,IAAc,IAAY,KAAA;EAC9D,WAAW,EACT,EAAO,YACP,EAAO,eAAe,MACtB,EAAO,uBAAuB,MAC9B,KAAc,EAAO,yBACrB,KAAW,EAAO,wBAClB,CACF;EACA,eAAa,KAAU,EAAkB;EACzC,eAAe;EACf,SACE,KACI,MAAS;GAEP,AADA,EAAM,eAAe,GACrB,EAAM,gBAAgB;EACxB,IACA;CAEP,CAAA;CAGH,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,IACC,kBAAC,GAAD;EAAc;EAAK,WAAW;EAAkB,MAAM;EAAa,MAAM,IAAc,gBAAgB;YACpG;CACM,CAAA,IAET,GAEF,kBAAC,QAAD;EACE,aAAU;EACV,WAAW,EAAO;EAClB,eAAa,EAAkB;YAE9B,IAAY,IAAsB;CAC/B,CAAA,CACN,EAAA,CAAA;AAEN;AAEA,IAAa,IAAa,EAAW,CAAc"}
+{"version":3,"file":"IconButton.js","names":[],"sources":["../../src/IconButton/IconButton.tsx"],"sourcesContent":["import {clsx} from 'clsx'\nimport React, {forwardRef, type Ref} from 'react'\nimport type {Icon} from '@primer/octicons-react'\n\nimport {\n  Button,\n  ButtonSizes,\n  ButtonVariants,\n  defaultButtonSize,\n  defaultButtonVariant,\n  type ButtonVariant,\n} from '../Button'\nimport {Tooltip, TooltipContext, type TooltipDirection} from '../Tooltip'\nimport type {BaseProps} from '../component-helpers'\nimport {Spinner} from '../Spinner/Spinner'\n\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon-button/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon-button/colors-with-modes.css'\nimport styles from './IconButton.module.css'\n\nexport const IconButtonVariants = [...ButtonVariants, 'danger', 'invisible'] as const\nexport const IconButtonSizes = [...ButtonSizes] as const\nexport const defaultIconButtonVariant = defaultButtonVariant\nexport const defaultIconButtonSize = defaultButtonSize\n\nexport type IconButtonVariant = (typeof IconButtonVariants)[number]\nexport type IconButtonSize = (typeof IconButtonSizes)[number]\n\ntype IconButtonBaseProps<C extends React.ElementType> = Omit<BaseProps<C>, 'ref'> & {\n  as?: C\n  variant?: IconButtonVariant\n  icon: Icon\n  'aria-label': string\n  description?: string\n  inactive?: boolean\n  loading?: boolean\n  loadingAnnouncement?: string\n  rounded?: boolean\n  size?: IconButtonSize\n  tooltipDirection?: TooltipDirection\n}\n\nexport type IconButtonProps<C extends React.ElementType = 'button'> = IconButtonBaseProps<C> &\n  Omit<React.ComponentPropsWithoutRef<C>, keyof IconButtonBaseProps<C> | 'children'>\n\nconst iconButtonTestIds = {\n  root: 'IconButton',\n  get spinner() {\n    return `${this.root}-spinner`\n  },\n  get loadingAnnouncement() {\n    return `${this.root}-loading-announcement`\n  },\n}\n\ntype IconButtonComponent = <C extends React.ElementType = 'button'>(\n  props: IconButtonProps<C> & React.RefAttributes<HTMLButtonElement>,\n) => React.ReactElement | null\n\nfunction IconButtonRoot(\n  {\n    as,\n    icon: IconComponent,\n    'aria-label': ariaLabel,\n    description,\n    loading = false,\n    loadingAnnouncement = 'Loading',\n    rounded = false,\n    tooltipDirection = 's',\n    size = defaultIconButtonSize,\n    variant = defaultIconButtonVariant,\n    inactive = false,\n    disabled,\n    className,\n    onClick,\n    'aria-disabled': ariaDisabled,\n    'aria-expanded': ariaExpanded,\n    'aria-haspopup': ariaHasPopup,\n    'data-testid': testId,\n    ...props\n  }: React.PropsWithoutRef<IconButtonProps<React.ElementType>>,\n  ref: Ref<HTMLButtonElement>,\n) {\n  const {tooltipId: externalTooltipId} = React.useContext(TooltipContext)\n  const isLoading = loading && !disabled\n  const isInactive = inactive && !disabled && !isLoading\n  const shouldRenderTooltip = !disabled && !externalTooltipId\n  const tooltipText = description || ariaLabel\n  const buttonVariant: ButtonVariant = variant === 'danger' ? 'secondary' : variant === 'invisible' ? 'subtle' : variant\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (!ariaLabel.trim()) {\n      // eslint-disable-next-line no-console\n      console.warn('IconButton requires a non-empty `aria-label`.')\n    }\n\n    if ([disabled, loading, inactive].filter(Boolean).length > 1) {\n      // eslint-disable-next-line no-console\n      console.warn('IconButton has conflicting props for `disabled`, `loading`, or `inactive` states.')\n    }\n  }\n\n  const ButtonIcon = isLoading ? (\n    <Spinner accessibleLabel={null} className={styles.IconButton__spinner} data-testid={iconButtonTestIds.spinner} />\n  ) : (\n    <IconComponent className={styles.IconButton__icon} />\n  )\n\n  const ButtonElement = (\n    <Button\n      {...props}\n      ref={shouldRenderTooltip ? undefined : ref}\n      as={as}\n      variant={buttonVariant}\n      size={size}\n      disabled={disabled}\n      aria-disabled={isLoading || isInactive ? true : ariaDisabled}\n      aria-expanded={ariaExpanded}\n      aria-haspopup={ariaHasPopup}\n      aria-label={!shouldRenderTooltip || description ? ariaLabel : undefined}\n      className={clsx(\n        styles.IconButton,\n        styles[`IconButton--${size}`],\n        styles[`IconButton--variant-${variant}`],\n        isInactive && styles['IconButton--inactive'],\n        rounded && styles['IconButton--rounded'],\n        className,\n      )}\n      data-testid={testId || iconButtonTestIds.root}\n      leadingVisual={ButtonIcon}\n      onClick={\n        isLoading\n          ? event => {\n              event.preventDefault()\n              event.stopPropagation()\n            }\n          : onClick\n      }\n    />\n  )\n\n  return (\n    <>\n      {shouldRenderTooltip ? (\n        <Tooltip ref={ref} direction={tooltipDirection} text={tooltipText} type={description ? 'description' : 'label'}>\n          {ButtonElement}\n        </Tooltip>\n      ) : (\n        ButtonElement\n      )}\n      <span\n        aria-live=\"polite\"\n        className={styles.IconButton__loadingAnnouncement}\n        data-testid={iconButtonTestIds.loadingAnnouncement}\n      >\n        {isLoading ? loadingAnnouncement : null}\n      </span>\n    </>\n  )\n}\n\nexport const IconButton = forwardRef(IconButtonRoot) as IconButtonComponent\n"],"mappings":";;;;;;;;;;AAoBA,IAAa,IAAqB;CAAC,GAAG;CAAgB;CAAU;AAAW,GAC9D,IAAkB,CAAC,GAAG,CAAW,GACjC,IAA2B,GAC3B,IAAwB,GAsB/B,IAAoB;CACxB,MAAM;CACN,IAAI,UAAU;EACZ,OAAO,GAAG,KAAK,KAAK;CACtB;CACA,IAAI,sBAAsB;EACxB,OAAO,GAAG,KAAK,KAAK;CACtB;AACF;AAMA,SAAS,EACP,EACE,OACA,MAAM,GACN,cAAc,GACd,gBACA,aAAU,IACV,yBAAsB,WACtB,aAAU,IACV,sBAAmB,KACnB,UAAO,GACP,aAAU,GACV,cAAW,IACX,aACA,cACA,YACA,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,GAAG,KAEL,GACA;CACA,IAAM,EAAC,WAAW,MAAqB,EAAM,WAAW,CAAc,GAChE,IAAY,KAAW,CAAC,GACxB,IAAa,KAAY,CAAC,KAAY,CAAC,GACvC,IAAsB,CAAC,KAAY,CAAC,GACpC,IAAc,KAAe,GAC7B,IAA+B,MAAY,WAAW,cAAc,MAAY,cAAc,WAAW;CAE/G,AAAA,QAAA,IAAA,aAA6B,iBACtB,EAAU,KAAK,KAElB,QAAQ,KAAK,+CAA+C,GAG1D;EAAC;EAAU;EAAS;CAAQ,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,SAAS,KAEzD,QAAQ,KAAK,mFAAmF;CAIpG,IAAM,IAAa,IACjB,kBAAC,GAAD;EAAS,iBAAiB;EAAM,WAAW,EAAO;EAAqB,eAAa,EAAkB;CAAU,CAAA,IAEhH,kBAAC,GAAD,EAAe,WAAW,EAAO,iBAAmB,CAAA,GAGhD,IACJ,kBAAC,GAAD;EACE,GAAI;EACJ,KAAK,IAAsB,KAAA,IAAY;EACnC;EACJ,SAAS;EACH;EACI;EACV,iBAAe,KAAa,IAAa,KAAO;EAChD,iBAAe;EACf,iBAAe;EACf,cAAY,CAAC,KAAuB,IAAc,IAAY,KAAA;EAC9D,WAAW,EACT,EAAO,YACP,EAAO,eAAe,MACtB,EAAO,uBAAuB,MAC9B,KAAc,EAAO,yBACrB,KAAW,EAAO,wBAClB,CACF;EACA,eAAa,KAAU,EAAkB;EACzC,eAAe;EACf,SACE,KACI,MAAS;GAEP,AADA,EAAM,eAAe,GACrB,EAAM,gBAAgB;EACxB,IACA;CAEP,CAAA;CAGH,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,IACC,kBAAC,GAAD;EAAc;EAAK,WAAW;EAAkB,MAAM;EAAa,MAAM,IAAc,gBAAgB;YACpG;CACM,CAAA,IAET,GAEF,kBAAC,QAAD;EACE,aAAU;EACV,WAAW,EAAO;EAClB,eAAa,EAAkB;YAE9B,IAAY,IAAsB;CAC/B,CAAA,CACN,EAAA,CAAA;AAEN;AAEA,IAAa,IAAa,EAAW,CAAc"}