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

package/esm/Tabs/Tabs.js

@@ -7,7 +7,7 @@ import { Text as a } from "../Text/Text.js";
 import { ChevronLeftIcon as o } from "../node_modules/@primer/octicons-react/dist/icons/ChevronLeftIcon.js";
 import { ChevronRightIcon as s } from "../node_modules/@primer/octicons-react/dist/icons/ChevronRightIcon.js";
 import { useTabs as c } from "../hooks/useTabs.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/tabs/colors-with-modes-DCEDN6wM.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/tabs/base-T7ABwZVf.css';/* empty css                                                                                     */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/tabs/colors-with-modes-D9l5QVGg.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/tabs/base-T7ABwZVf.css';/* empty css                                                                                     */
 /* empty css                                                                                                  */
 import l from "./Tabs.module.js";
 import { Children as u, cloneElement as d, forwardRef as f, isValidElement as p, memo as m, useCallback as h, useEffect as g, useRef as _ } from "react";

package/esm/Testimonial/Testimonial.js

@@ -5,7 +5,7 @@ import { Text as i } from "../Text/Text.js";
 import { TextCursorAnimation as a } from "../TextCursorAnimation/TextCursorAnimation.js";
 import { Link as o } from "../Link/Link.js";
 import { Avatar as s } from "../Avatar/Avatar.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes-8ryG-BX6.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/testimonial/base-CAG7koNB.css';/* empty css                                                                                            */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes-isyQx5qj.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/testimonial/base-CAG7koNB.css';/* empty css                                                                                            */
 /* empty css                                                                                                         */
 import c from "./Testimonial.module.js";
 import l, { forwardRef as u } from "react";

package/esm/Text/Text.module-Bf-3ooDP.css

@@ -0,0 +1 @@
+.Primer_Brand__Text-module__Text___XeGJJ{font-family:var(--brand-body-fontFamily)}[data-color-mode=dark] .Primer_Brand__Text-module__Text--antialiased___TYoXS{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:auto}@media (prefers-color-scheme:dark){[data-color-mode=auto] .Primer_Brand__Text-module__Text--antialiased___TYoXS{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:auto}}.Primer_Brand__Text-module__Text--default___GhPh_{color:var(--brand-color-text-default)}.Primer_Brand__Text-module__Text--muted___rE6mh{color:var(--brand-color-text-muted)}.Primer_Brand__Text-module__Text-font--mona-sans___a8XJD{font-family:var(--brand-body-fontFamily)}.Primer_Brand__Text-module__Text-font--hubot-sans___ugBUt{font-family:var(--brand-body-fontFamilyAlt)}.Primer_Brand__Text-module__Text-font--monospace___QXHDQ{font-family:var(--brand-fontStack-monospace)}.Primer_Brand__Text-module__Text--1000___tukKR{font-weight:var(--brand-text-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__Text-module__Text--900___32GJV{font-weight:var(--brand-text-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__Text-module__Text--800___fyc1I{font-weight:var(--brand-text-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__Text-module__Text--700___d10Sw{font-weight:var(--brand-text-weight-700);font-size:var(--brand-text-size-700);line-height:var(--brand-text-lineHeight-700);letter-spacing:var(--brand-text-letterSpacing-700)}.Primer_Brand__Text-module__Text--600___4BFh8{font-weight:var(--brand-text-weight-600);font-size:var(--brand-text-size-600);line-height:var(--brand-text-lineHeight-600)}.Primer_Brand__Text-module__Text--500___PC29z{font-weight:var(--brand-text-weight-500);font-size:var(--brand-text-size-500);line-height:var(--brand-text-lineHeight-500)}.Primer_Brand__Text-module__Text--400___6gPcS{font-weight:var(--brand-text-weight-400);font-size:var(--brand-text-size-400);line-height:var(--brand-text-lineHeight-400);letter-spacing:var(--brand-text-letterSpacing-400)}.Primer_Brand__Text-module__Text--350___3wtcG{font-weight:var(--brand-text-weight-350);font-size:var(--brand-text-size-350);line-height:var(--brand-text-lineHeight-350);letter-spacing:var(--brand-text-letterSpacing-350)}.Primer_Brand__Text-module__Text--300___6_Yx4{font-weight:var(--brand-text-weight-300);font-size:var(--brand-text-size-300);line-height:var(--brand-text-lineHeight-300);letter-spacing:var(--brand-text-letterSpacing-300)}.Primer_Brand__Text-module__Text--200____P1wy{font-weight:var(--brand-text-weight-200);font-size:var(--brand-text-size-200);line-height:var(--brand-text-lineHeight-200);letter-spacing:var(--brand-text-letterSpacing-200)}.Primer_Brand__Text-module__Text--100___B2ueX{font-weight:var(--brand-text-weight-100);font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);letter-spacing:var(--brand-text-letterSpacing-100)}.Primer_Brand__Text-module__Text--weight-heavy___QCeKv,.Primer_Brand__Text-module__Text-narrow--weight-heavy___24MXE{font-weight:var(--base-text-weight-heavy)}.Primer_Brand__Text-module__Text--weight-extrabold___VQOAJ,.Primer_Brand__Text-module__Text-narrow--weight-extrabold___EYii_{font-weight:var(--base-text-weight-extrabold)}.Primer_Brand__Text-module__Text--weight-bold___6UQaB,.Primer_Brand__Text-module__Text-narrow--weight-bold___yldzx{font-weight:var(--base-text-weight-bold)}.Primer_Brand__Text-module__Text--weight-semibold___RwHEI,.Primer_Brand__Text-module__Text-narrow--weight-semibold___WHElR{font-weight:var(--base-text-weight-semibold)}.Primer_Brand__Text-module__Text--weight-medium___qJKf_,.Primer_Brand__Text-module__Text-narrow--weight-medium___rrr6b{font-weight:var(--base-text-weight-medium)}.Primer_Brand__Text-module__Text--weight-normal___8EPr2,.Primer_Brand__Text-module__Text-narrow--weight-normal___2bidj{font-weight:var(--base-text-weight-normal)}.Primer_Brand__Text-module__Text--weight-light___6OYNB,.Primer_Brand__Text-module__Text-narrow--weight-light___LpqTO{font-weight:var(--base-text-weight-light)}.Primer_Brand__Text-module__Text--weight-extralight___C_7HK,.Primer_Brand__Text-module__Text-narrow--weight-extralight___4x_ZL{font-weight:var(--base-text-weight-extralight)}@media screen and (width>=48rem){.Primer_Brand__Text-module__Text-regular--weight-heavy___C6cCn{font-weight:var(--base-text-weight-heavy)}.Primer_Brand__Text-module__Text-regular--weight-extrabold___o622g{font-weight:var(--base-text-weight-extrabold)}.Primer_Brand__Text-module__Text-regular--weight-bold___EIEc7{font-weight:var(--base-text-weight-bold)}.Primer_Brand__Text-module__Text-regular--weight-semibold___5kMg1{font-weight:var(--base-text-weight-semibold)}.Primer_Brand__Text-module__Text-regular--weight-medium___OkZWd{font-weight:var(--base-text-weight-medium)}.Primer_Brand__Text-module__Text-regular--weight-normal___uxTUt{font-weight:var(--base-text-weight-normal)}.Primer_Brand__Text-module__Text-regular--weight-light___aTMvp{font-weight:var(--base-text-weight-light)}.Primer_Brand__Text-module__Text-regular--weight-extralight___GcMAT{font-weight:var(--base-text-weight-extralight)}}@media screen and (width>=80rem){.Primer_Brand__Text-module__Text-wide--weight-heavy___2TsqG{font-weight:var(--base-text-weight-heavy)}.Primer_Brand__Text-module__Text-wide--weight-extrabold___aGeMc{font-weight:var(--base-text-weight-extrabold)}.Primer_Brand__Text-module__Text-wide--weight-bold___nnBEA{font-weight:var(--base-text-weight-bold)}.Primer_Brand__Text-module__Text-wide--weight-semibold___Qz6Ns{font-weight:var(--base-text-weight-semibold)}.Primer_Brand__Text-module__Text-wide--weight-medium___azsiu{font-weight:var(--base-text-weight-medium)}.Primer_Brand__Text-module__Text-wide--weight-normal___qsXEg{font-weight:var(--base-text-weight-normal)}.Primer_Brand__Text-module__Text-wide--weight-light___bYqfS{font-weight:var(--base-text-weight-light)}.Primer_Brand__Text-module__Text-wide--weight-extralight___5n89w{font-weight:var(--base-text-weight-extralight)}}.Primer_Brand__Text-module__Text-align--start___hayyq{text-align:start}.Primer_Brand__Text-module__Text-align--end____rbX8{text-align:end}.Primer_Brand__Text-module__Text-align--center___NERb4{text-align:center}

package/esm/Text/Text.module.js

@@ -1,4 +1,4 @@
-import './Text.module-D0UHZ0pq.css';//#region src/Text/Text.module.css
+import './Text.module-Bf-3ooDP.css';//#region src/Text/Text.module.css
 var e = "Primer_Brand__Text-module__Text___XeGJJ", t = {
 	Text: e,
 	"Text--antialiased": "Primer_Brand__Text-module__Text--antialiased___TYoXS",

package/esm/Text/Text.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.module.js","names":[],"sources":["../../src/Text/Text.module.css"],"sourcesContent":[".Text {\n  font-family: var(--brand-body-fontFamily);\n}\n\n[data-color-mode='dark'] .Text--antialiased {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: auto;\n}\n\n.Text--default {\n  color: var(--brand-color-text-default);\n}\n\n.Text--muted {\n  color: var(--brand-color-text-muted);\n}\n\n.Text-font--mona-sans {\n  font-family: var(--brand-body-fontFamily);\n}\n\n.Text-font--hubot-sans {\n  font-family: var(--brand-body-fontFamilyAlt);\n}\n\n.Text-font--monospace {\n  font-family: var(--brand-fontStack-monospace);\n}\n\n.Text--1000 {\n  font-weight: var(--brand-text-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.Text--900 {\n  font-weight: var(--brand-text-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.Text--800 {\n  font-weight: var(--brand-text-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.Text--700 {\n  font-weight: var(--brand-text-weight-700);\n  font-size: var(--brand-text-size-700);\n  line-height: var(--brand-text-lineHeight-700);\n  letter-spacing: var(--brand-text-letterSpacing-700);\n}\n\n.Text--600 {\n  font-weight: var(--brand-text-weight-600);\n  font-size: var(--brand-text-size-600);\n  line-height: var(--brand-text-lineHeight-600);\n}\n\n.Text--500 {\n  font-weight: var(--brand-text-weight-500);\n  font-size: var(--brand-text-size-500);\n  line-height: var(--brand-text-lineHeight-500);\n}\n\n.Text--400 {\n  font-weight: var(--brand-text-weight-400);\n  font-size: var(--brand-text-size-400);\n  line-height: var(--brand-text-lineHeight-400);\n  letter-spacing: var(--brand-text-letterSpacing-400);\n}\n\n.Text--350 {\n  font-weight: var(--brand-text-weight-350);\n  font-size: var(--brand-text-size-350);\n  line-height: var(--brand-text-lineHeight-350);\n  letter-spacing: var(--brand-text-letterSpacing-350);\n}\n\n.Text--300 {\n  font-weight: var(--brand-text-weight-300);\n  font-size: var(--brand-text-size-300);\n  line-height: var(--brand-text-lineHeight-300);\n  letter-spacing: var(--brand-text-letterSpacing-300);\n}\n\n.Text--200 {\n  font-weight: var(--brand-text-weight-200);\n  font-size: var(--brand-text-size-200);\n  line-height: var(--brand-text-lineHeight-200);\n  letter-spacing: var(--brand-text-letterSpacing-200);\n}\n\n.Text--100 {\n  font-weight: var(--brand-text-weight-100);\n  font-size: var(--brand-text-size-100);\n  line-height: var(--brand-text-lineHeight-100);\n  letter-spacing: var(--brand-text-letterSpacing-100);\n}\n\n.Text--weight-heavy,\n.Text-narrow--weight-heavy {\n  font-weight: var(--base-text-weight-heavy);\n}\n\n.Text--weight-extrabold,\n.Text-narrow--weight-extrabold {\n  font-weight: var(--base-text-weight-extrabold);\n}\n\n.Text--weight-bold,\n.Text-narrow--weight-bold {\n  font-weight: var(--base-text-weight-bold);\n}\n\n.Text--weight-semibold,\n.Text-narrow--weight-semibold {\n  font-weight: var(--base-text-weight-semibold);\n}\n\n.Text--weight-medium,\n.Text-narrow--weight-medium {\n  font-weight: var(--base-text-weight-medium);\n}\n\n.Text--weight-normal,\n.Text-narrow--weight-normal {\n  font-weight: var(--base-text-weight-normal);\n}\n\n.Text--weight-light,\n.Text-narrow--weight-light {\n  font-weight: var(--base-text-weight-light);\n}\n\n.Text--weight-extralight,\n.Text-narrow--weight-extralight {\n  font-weight: var(--base-text-weight-extralight);\n}\n\n@media screen and (min-width: 48rem) {\n  .Text-regular--weight-heavy {\n    font-weight: var(--base-text-weight-heavy);\n  }\n\n  .Text-regular--weight-extrabold {\n    font-weight: var(--base-text-weight-extrabold);\n  }\n\n  .Text-regular--weight-bold {\n    font-weight: var(--base-text-weight-bold);\n  }\n\n  .Text-regular--weight-semibold {\n    font-weight: var(--base-text-weight-semibold);\n  }\n\n  .Text-regular--weight-medium {\n    font-weight: var(--base-text-weight-medium);\n  }\n\n  .Text-regular--weight-normal {\n    font-weight: var(--base-text-weight-normal);\n  }\n\n  .Text-regular--weight-light {\n    font-weight: var(--base-text-weight-light);\n  }\n\n  .Text-regular--weight-extralight {\n    font-weight: var(--base-text-weight-extralight);\n  }\n}\n\n@media screen and (min-width: 80rem) {\n  .Text-wide--weight-heavy {\n    font-weight: var(--base-text-weight-heavy);\n  }\n\n  .Text-wide--weight-extrabold {\n    font-weight: var(--base-text-weight-extrabold);\n  }\n\n  .Text-wide--weight-bold {\n    font-weight: var(--base-text-weight-bold);\n  }\n\n  .Text-wide--weight-semibold {\n    font-weight: var(--base-text-weight-semibold);\n  }\n\n  .Text-wide--weight-medium {\n    font-weight: var(--base-text-weight-medium);\n  }\n\n  .Text-wide--weight-normal {\n    font-weight: var(--base-text-weight-normal);\n  }\n\n  .Text-wide--weight-light {\n    font-weight: var(--base-text-weight-light);\n  }\n\n  .Text-wide--weight-extralight {\n    font-weight: var(--base-text-weight-extralight);\n  }\n}\n\n.Text-align--start {\n  text-align: start;\n}\n\n.Text-align--end {\n  text-align: end;\n}\n\n.Text-align--center {\n  text-align: center;\n}\n"],"mappings":""}
+{"version":3,"file":"Text.module.js","names":[],"sources":["../../src/Text/Text.module.css"],"sourcesContent":[".Text {\n  font-family: var(--brand-body-fontFamily);\n}\n\n[data-color-mode='dark'] .Text--antialiased {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: auto;\n}\n\n@media (prefers-color-scheme: dark) {\n  [data-color-mode='auto'] .Text--antialiased {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: auto;\n  }\n}\n\n.Text--default {\n  color: var(--brand-color-text-default);\n}\n\n.Text--muted {\n  color: var(--brand-color-text-muted);\n}\n\n.Text-font--mona-sans {\n  font-family: var(--brand-body-fontFamily);\n}\n\n.Text-font--hubot-sans {\n  font-family: var(--brand-body-fontFamilyAlt);\n}\n\n.Text-font--monospace {\n  font-family: var(--brand-fontStack-monospace);\n}\n\n.Text--1000 {\n  font-weight: var(--brand-text-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.Text--900 {\n  font-weight: var(--brand-text-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.Text--800 {\n  font-weight: var(--brand-text-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.Text--700 {\n  font-weight: var(--brand-text-weight-700);\n  font-size: var(--brand-text-size-700);\n  line-height: var(--brand-text-lineHeight-700);\n  letter-spacing: var(--brand-text-letterSpacing-700);\n}\n\n.Text--600 {\n  font-weight: var(--brand-text-weight-600);\n  font-size: var(--brand-text-size-600);\n  line-height: var(--brand-text-lineHeight-600);\n}\n\n.Text--500 {\n  font-weight: var(--brand-text-weight-500);\n  font-size: var(--brand-text-size-500);\n  line-height: var(--brand-text-lineHeight-500);\n}\n\n.Text--400 {\n  font-weight: var(--brand-text-weight-400);\n  font-size: var(--brand-text-size-400);\n  line-height: var(--brand-text-lineHeight-400);\n  letter-spacing: var(--brand-text-letterSpacing-400);\n}\n\n.Text--350 {\n  font-weight: var(--brand-text-weight-350);\n  font-size: var(--brand-text-size-350);\n  line-height: var(--brand-text-lineHeight-350);\n  letter-spacing: var(--brand-text-letterSpacing-350);\n}\n\n.Text--300 {\n  font-weight: var(--brand-text-weight-300);\n  font-size: var(--brand-text-size-300);\n  line-height: var(--brand-text-lineHeight-300);\n  letter-spacing: var(--brand-text-letterSpacing-300);\n}\n\n.Text--200 {\n  font-weight: var(--brand-text-weight-200);\n  font-size: var(--brand-text-size-200);\n  line-height: var(--brand-text-lineHeight-200);\n  letter-spacing: var(--brand-text-letterSpacing-200);\n}\n\n.Text--100 {\n  font-weight: var(--brand-text-weight-100);\n  font-size: var(--brand-text-size-100);\n  line-height: var(--brand-text-lineHeight-100);\n  letter-spacing: var(--brand-text-letterSpacing-100);\n}\n\n.Text--weight-heavy,\n.Text-narrow--weight-heavy {\n  font-weight: var(--base-text-weight-heavy);\n}\n\n.Text--weight-extrabold,\n.Text-narrow--weight-extrabold {\n  font-weight: var(--base-text-weight-extrabold);\n}\n\n.Text--weight-bold,\n.Text-narrow--weight-bold {\n  font-weight: var(--base-text-weight-bold);\n}\n\n.Text--weight-semibold,\n.Text-narrow--weight-semibold {\n  font-weight: var(--base-text-weight-semibold);\n}\n\n.Text--weight-medium,\n.Text-narrow--weight-medium {\n  font-weight: var(--base-text-weight-medium);\n}\n\n.Text--weight-normal,\n.Text-narrow--weight-normal {\n  font-weight: var(--base-text-weight-normal);\n}\n\n.Text--weight-light,\n.Text-narrow--weight-light {\n  font-weight: var(--base-text-weight-light);\n}\n\n.Text--weight-extralight,\n.Text-narrow--weight-extralight {\n  font-weight: var(--base-text-weight-extralight);\n}\n\n@media screen and (min-width: 48rem) {\n  .Text-regular--weight-heavy {\n    font-weight: var(--base-text-weight-heavy);\n  }\n\n  .Text-regular--weight-extrabold {\n    font-weight: var(--base-text-weight-extrabold);\n  }\n\n  .Text-regular--weight-bold {\n    font-weight: var(--base-text-weight-bold);\n  }\n\n  .Text-regular--weight-semibold {\n    font-weight: var(--base-text-weight-semibold);\n  }\n\n  .Text-regular--weight-medium {\n    font-weight: var(--base-text-weight-medium);\n  }\n\n  .Text-regular--weight-normal {\n    font-weight: var(--base-text-weight-normal);\n  }\n\n  .Text-regular--weight-light {\n    font-weight: var(--base-text-weight-light);\n  }\n\n  .Text-regular--weight-extralight {\n    font-weight: var(--base-text-weight-extralight);\n  }\n}\n\n@media screen and (min-width: 80rem) {\n  .Text-wide--weight-heavy {\n    font-weight: var(--base-text-weight-heavy);\n  }\n\n  .Text-wide--weight-extrabold {\n    font-weight: var(--base-text-weight-extrabold);\n  }\n\n  .Text-wide--weight-bold {\n    font-weight: var(--base-text-weight-bold);\n  }\n\n  .Text-wide--weight-semibold {\n    font-weight: var(--base-text-weight-semibold);\n  }\n\n  .Text-wide--weight-medium {\n    font-weight: var(--base-text-weight-medium);\n  }\n\n  .Text-wide--weight-normal {\n    font-weight: var(--base-text-weight-normal);\n  }\n\n  .Text-wide--weight-light {\n    font-weight: var(--base-text-weight-light);\n  }\n\n  .Text-wide--weight-extralight {\n    font-weight: var(--base-text-weight-extralight);\n  }\n}\n\n.Text-align--start {\n  text-align: start;\n}\n\n.Text-align--end {\n  text-align: end;\n}\n\n.Text-align--center {\n  text-align: center;\n}\n"],"mappings":""}

package/esm/TextCursorAnimation/TextCursorAnimation.js

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

package/esm/ThemeProvider/ThemeProvider.d.ts

@@ -8,6 +8,7 @@ export type ColorMode = `${ColorModesEnum}` | (string & {});
 export type ResolvedColorMode = ColorModesEnum.LIGHT | ColorModesEnum.DARK;
 export type ThemeContextProps = {
     colorMode: ResolvedColorMode;
+    originalColorMode?: ColorMode;
     availableColorModes: ColorModesEnum[];
 };
 export type ThemeProviderProps = {

package/esm/ThemeProvider/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmC,cAAc,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAGhG,oBAAY,cAAc;IACxB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED,MAAM,MAAM,SAAS,GAAG,GAAG,cAAc,EAAE,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;AAC3D,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,GAAG,cAAc,CAAC,IAAI,CAAA;AAW1E,MAAM,MAAM,iBAAiB,GAAG;IAI9B,SAAS,EAAE,iBAAiB,CAAA;IAK5B,mBAAmB,EAAE,cAAc,EAAE,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAA;AAGlC,eAAO,MAAM,YAAY,kCAGvB,CAAA;AAEF;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAC,SAAuB,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAC,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,qBAmBhH"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmC,cAAc,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAGhG,oBAAY,cAAc;IACxB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED,MAAM,MAAM,SAAS,GAAG,GAAG,cAAc,EAAE,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;AAC3D,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,GAAG,cAAc,CAAC,IAAI,CAAA;AAW1E,MAAM,MAAM,iBAAiB,GAAG;IAI9B,SAAS,EAAE,iBAAiB,CAAA;IAK5B,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAK7B,mBAAmB,EAAE,cAAc,EAAE,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAA;AAGlC,eAAO,MAAM,YAAY,kCAIvB,CAAA;AAEF;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAC,SAAuB,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAC,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,qBAyBhH"}

package/esm/ThemeProvider/ThemeProvider.js

@@ -10,28 +10,30 @@ function o(e) {
 }
 var s = "light", c = t({
 	colorMode: s,
+	originalColorMode: s,
 	availableColorModes: Object.values(a)
 });
 function l({ colorMode: t = s, children: l, ...u }) {
-	let [p, m] = r(s), h = t === "auto" ? p : o(t), g = n(() => Object.values(a), []);
+	let [d, f] = r(s), p = t === "auto" ? d : o(t), m = n(() => Object.values(a), []);
 	return e(() => {
-		if (t === "auto") return m(d()), f(m);
+		if (t !== "auto" || typeof window.matchMedia != "function") return;
+		let e = window.matchMedia("(prefers-color-scheme: dark)"), n = (e) => {
+			f(e.matches ? "dark" : "light");
+		};
+		return e.addEventListener("change", n), f(e.matches ? "dark" : "light"), () => e.removeEventListener("change", n);
 	}, [t]), /* @__PURE__ */ i(c.Provider, {
 		value: {
-			colorMode: h,
-			availableColorModes: g
+			colorMode: p,
+			originalColorMode: t,
+			availableColorModes: m
 		},
 		children: /* @__PURE__ */ i("div", {
-			"data-color-mode": h,
+			"data-color-mode": t === "auto" ? "auto" : p,
 			...u,
 			children: l
 		})
 	});
 }
-var u = () => window.matchMedia("(prefers-color-scheme: dark)"), d = () => u().matches ? "dark" : "light", f = (e) => {
-	let t = u(), n = (t) => e(t.matches ? "dark" : "light");
-	return t.addEventListener("change", n), () => t.removeEventListener("change", n);
-};
 //#endregion
 export { a as ColorModesEnum, c as ThemeContext, l as ThemeProvider };
 

package/esm/ThemeProvider/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","names":[],"sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import React, {useState, useMemo, createContext, HTMLAttributes, PropsWithChildren} from 'react'\nimport useIsomorphicLayoutEffect from '../hooks/useIsomorphicLayoutEffect'\n\nexport enum ColorModesEnum {\n  LIGHT = 'light',\n  DARK = 'dark',\n  AUTO = 'auto',\n}\n\nexport type ColorMode = `${ColorModesEnum}` | (string & {})\nexport type ResolvedColorMode = ColorModesEnum.LIGHT | ColorModesEnum.DARK\n\n/**\n * Resolves a color mode to the light or dark theme it should use.\n */\nfunction resolveColorMode(mode: string): ResolvedColorMode {\n  return mode === ColorModesEnum.DARK || mode.startsWith(`${ColorModesEnum.DARK}_`)\n    ? ColorModesEnum.DARK\n    : ColorModesEnum.LIGHT\n}\n\nexport type ThemeContextProps = {\n  /*\n   * The active color mode of the parent ThemeProvider.\n   */\n  colorMode: ResolvedColorMode\n\n  /*\n   * List of available color modes.\n   */\n  availableColorModes: ColorModesEnum[]\n}\n\nexport type ThemeProviderProps = {\n  colorMode?: ColorMode\n} & HTMLAttributes<HTMLDivElement>\n\nconst defaultMode = ColorModesEnum.LIGHT\nexport const ThemeContext = createContext<ThemeContextProps>({\n  colorMode: defaultMode,\n  availableColorModes: Object.values(ColorModesEnum),\n})\n\n/**\n * ThemeProvider is used to provide theme-related context to its child components.\n */\nexport function ThemeProvider({colorMode = defaultMode, children, ...rest}: PropsWithChildren<ThemeProviderProps>) {\n  const [autoMode, setAutoMode] = useState<ResolvedColorMode>(defaultMode)\n  const activeMode = colorMode === ColorModesEnum.AUTO ? autoMode : resolveColorMode(colorMode)\n  const availableColorModes = useMemo(() => Object.values(ColorModesEnum), [])\n\n  useIsomorphicLayoutEffect(() => {\n    if (colorMode !== ColorModesEnum.AUTO) return\n\n    setAutoMode(getActiveAutoMode())\n    return handleSystemPreferenceChange(setAutoMode)\n  }, [colorMode])\n\n  return (\n    <ThemeContext.Provider value={{colorMode: activeMode, availableColorModes}}>\n      <div data-color-mode={activeMode} {...rest}>\n        {children}\n      </div>\n    </ThemeContext.Provider>\n  )\n}\n\nconst queryBrowserPreference = () => window.matchMedia(`(prefers-color-scheme: ${ColorModesEnum.DARK})`)\n\nconst getActiveAutoMode = (): ResolvedColorMode => {\n  const mediaQueryList: MediaQueryList = queryBrowserPreference()\n  return mediaQueryList.matches ? ColorModesEnum.DARK : ColorModesEnum.LIGHT\n}\n\nconst handleSystemPreferenceChange = (callback: (mode: ResolvedColorMode) => void) => {\n  const mediaQueryList = queryBrowserPreference()\n  const changeHandler = (event: MediaQueryListEvent) =>\n    callback(event.matches ? ColorModesEnum.DARK : ColorModesEnum.LIGHT)\n  mediaQueryList.addEventListener('change', changeHandler)\n  return () => mediaQueryList.removeEventListener('change', changeHandler)\n}\n"],"mappings":";;;;AAGA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,QAAA,SACA,EAAA,OAAA,QACA,EAAA,OAAA;AACF,EAAA,CAAA,CAAA;AAQA,SAAS,EAAiB,GAAiC;CACzD,OAAO,MAAA,UAAgC,EAAK,WAAW,OAAyB,IAAA,SAAA;AAGlF;AAkBA,IAAM,IAAA,SACO,IAAe,EAAiC;CAC3D,WAAW;CACX,qBAAqB,OAAO,OAAO,CAAc;AACnD,CAAC;AAKD,SAAgB,EAAc,EAAC,eAAY,GAAa,aAAU,GAAG,KAA8C;CACjH,IAAM,CAAC,GAAU,KAAe,EAA4B,CAAW,GACjE,IAAa,MAAA,SAAoC,IAAW,EAAiB,CAAS,GACtF,IAAsB,QAAc,OAAO,OAAO,CAAc,GAAG,CAAC,CAAC;CAS3E,OAPA,QAAgC;EAC1B,UAAA,QAGJ,OADA,EAAY,EAAkB,CAAC,GACxB,EAA6B,CAAW;CACjD,GAAG,CAAC,CAAS,CAAC,GAGZ,kBAAC,EAAa,UAAd;EAAuB,OAAO;GAAC,WAAW;GAAY;EAAmB;YACvE,kBAAC,OAAD;GAAK,mBAAiB;GAAY,GAAI;GACnC;EACE,CAAA;CACgB,CAAA;AAE3B;AAEA,IAAM,UAA+B,OAAO,WAAW,8BAAgD,GAEjG,UACmC,EAChC,CAAA,CAAe,UAAA,SAAA,SAGlB,KAAgC,MAAgD;CACpF,IAAM,IAAiB,EAAuB,GACxC,KAAiB,MACrB,EAAS,EAAM,UAAA,SAAA,OAAoD;CAErE,OADA,EAAe,iBAAiB,UAAU,CAAa,SAC1C,EAAe,oBAAoB,UAAU,CAAa;AACzE"}
+{"version":3,"file":"ThemeProvider.js","names":[],"sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import React, {useState, useMemo, createContext, HTMLAttributes, PropsWithChildren} from 'react'\nimport useIsomorphicLayoutEffect from '../hooks/useIsomorphicLayoutEffect'\n\nexport enum ColorModesEnum {\n  LIGHT = 'light',\n  DARK = 'dark',\n  AUTO = 'auto',\n}\n\nexport type ColorMode = `${ColorModesEnum}` | (string & {})\nexport type ResolvedColorMode = ColorModesEnum.LIGHT | ColorModesEnum.DARK\n\n/**\n * Resolves a color mode to the light or dark theme it should use.\n */\nfunction resolveColorMode(mode: string): ResolvedColorMode {\n  return mode === ColorModesEnum.DARK || mode.startsWith(`${ColorModesEnum.DARK}_`)\n    ? ColorModesEnum.DARK\n    : ColorModesEnum.LIGHT\n}\n\nexport type ThemeContextProps = {\n  /*\n   * The active color mode of the parent ThemeProvider.\n   */\n  colorMode: ResolvedColorMode\n\n  /*\n   * The colorMode prop before its resolved to a valid theme.\n   */\n  originalColorMode?: ColorMode\n\n  /*\n   * List of available color modes.\n   */\n  availableColorModes: ColorModesEnum[]\n}\n\nexport type ThemeProviderProps = {\n  colorMode?: ColorMode\n} & HTMLAttributes<HTMLDivElement>\n\nconst defaultMode = ColorModesEnum.LIGHT\nexport const ThemeContext = createContext<ThemeContextProps>({\n  colorMode: defaultMode,\n  originalColorMode: defaultMode,\n  availableColorModes: Object.values(ColorModesEnum),\n})\n\n/**\n * ThemeProvider is used to provide theme-related context to its child components.\n */\nexport function ThemeProvider({colorMode = defaultMode, children, ...rest}: PropsWithChildren<ThemeProviderProps>) {\n  const [autoMode, setAutoMode] = useState<ResolvedColorMode>(defaultMode)\n  const activeMode = colorMode === ColorModesEnum.AUTO ? autoMode : resolveColorMode(colorMode)\n  const availableColorModes = useMemo(() => Object.values(ColorModesEnum), [])\n\n  useIsomorphicLayoutEffect(() => {\n    if (colorMode !== ColorModesEnum.AUTO || typeof window.matchMedia !== 'function') return\n\n    const preference = window.matchMedia(`(prefers-color-scheme: ${ColorModesEnum.DARK})`)\n    const handlePreferenceChange = (event: MediaQueryListEvent) => {\n      setAutoMode(event.matches ? ColorModesEnum.DARK : ColorModesEnum.LIGHT)\n    }\n\n    preference.addEventListener('change', handlePreferenceChange)\n    setAutoMode(preference.matches ? ColorModesEnum.DARK : ColorModesEnum.LIGHT)\n    return () => preference.removeEventListener('change', handlePreferenceChange)\n  }, [colorMode])\n\n  return (\n    <ThemeContext.Provider value={{colorMode: activeMode, originalColorMode: colorMode, availableColorModes}}>\n      <div data-color-mode={colorMode === ColorModesEnum.AUTO ? ColorModesEnum.AUTO : activeMode} {...rest}>\n        {children}\n      </div>\n    </ThemeContext.Provider>\n  )\n}\n"],"mappings":";;;;AAGA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,QAAA,SACA,EAAA,OAAA,QACA,EAAA,OAAA;AACF,EAAA,CAAA,CAAA;AAQA,SAAS,EAAiB,GAAiC;CACzD,OAAO,MAAA,UAAgC,EAAK,WAAW,OAAyB,IAAA,SAAA;AAGlF;AAuBA,IAAM,IAAA,SACO,IAAe,EAAiC;CAC3D,WAAW;CACX,mBAAmB;CACnB,qBAAqB,OAAO,OAAO,CAAc;AACnD,CAAC;AAKD,SAAgB,EAAc,EAAC,eAAY,GAAa,aAAU,GAAG,KAA8C;CACjH,IAAM,CAAC,GAAU,KAAe,EAA4B,CAAW,GACjE,IAAa,MAAA,SAAoC,IAAW,EAAiB,CAAS,GACtF,IAAsB,QAAc,OAAO,OAAO,CAAc,GAAG,CAAC,CAAC;CAe3E,OAbA,QAAgC;EAC9B,IAAI,MAAA,UAAqC,OAAO,OAAO,cAAe,YAAY;EAElF,IAAM,IAAa,OAAO,WAAW,8BAAgD,GAC/E,KAA0B,MAA+B;GAC7D,EAAY,EAAM,UAAA,SAAA,OAAoD;EACxE;EAIA,OAFA,EAAW,iBAAiB,UAAU,CAAsB,GAC5D,EAAY,EAAW,UAAA,SAAA,OAAoD,SAC9D,EAAW,oBAAoB,UAAU,CAAsB;CAC9E,GAAG,CAAC,CAAS,CAAC,GAGZ,kBAAC,EAAa,UAAd;EAAuB,OAAO;GAAC,WAAW;GAAY,mBAAmB;GAAW;EAAmB;YACrG,kBAAC,OAAD;GAAK,mBAAiB,MAAA,SAAA,SAA0D;GAAY,GAAI;GAC7F;EACE,CAAA;CACgB,CAAA;AAE3B"}

package/esm/Tiles/Tiles.js

@@ -3,7 +3,7 @@ import { Text as t } from "../Text/Text.js";
 import { ArrowUpRightIcon as n } from "../node_modules/@primer/octicons-react/dist/icons/ArrowUpRightIcon.js";
 import r from "../component-helpers/shared.module.js";
 import { isFragmentElement as i } from "../utils/isFragmentElement.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/tiles/colors-with-modes-DTTqGOfy.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/tiles/base-CX1T1tsR.css';/* empty css                                                                                      */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/tiles/colors-with-modes-BLWCqYua.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/tiles/base-CX1T1tsR.css';/* empty css                                                                                      */
 /* empty css                                                                                                   */
 import a from "./Tiles.module.js";
 import o, { createContext as s, forwardRef as c, useContext as l } from "react";

package/esm/Timeline/Timeline.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 r from "./Timeline.module.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/timeline/base-CXOJfjx4.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes-DDIdeMJX.css';/* empty css                                                                                                      */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/timeline/base-CXOJfjx4.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes-DNNJvx8C.css';/* empty css                                                                                                      */
 /* empty css                                                                                         */
 import i, { useCallback as a, useMemo as o } from "react";
 import { jsx as s } from "react/jsx-runtime";

package/esm/Token/Token.js

@@ -1,7 +1,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 '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/token/colors-with-modes-5VT1x9eF.css';/* empty css                                                                                                   */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/token/colors-with-modes-CzvPUrZu.css';/* empty css                                                                                                   */
 import r from "./Token.module.js";
 import i, { forwardRef as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";

package/esm/Token/Token.module-Di856FbT.css

@@ -0,0 +1 @@
+.Primer_Brand__Token-module__Token___nJxhW{border:var(--brand-borderWidth-thin) solid transparent;border-radius:var(--brand-borderRadius-small);align-items:center;gap:var(--base-size-8);min-width:0;max-width:100%;padding-inline:var(--base-size-8);padding-block:var(--base-size-6);vertical-align:middle;padding-block-end:var(--base-size-6);display:inline-flex}.Primer_Brand__Token-module__Token--hasLeadingVisual___Erv8L{padding-inline:calc((var(--base-size-4) + var(--base-size-8)) / 2);padding-block:calc((var(--base-size-4) + var(--base-size-8)) / 2)}.Primer_Brand__Token-module__Token--interactive___ZpgTX{cursor:pointer;-webkit-text-decoration:none;text-decoration:none}.Primer_Brand__Token-module__Token--interactive___ZpgTX:focus-visible{outline:var(--base-size-4) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}[data-color-mode=dark] .Primer_Brand__Token-module__Token___nJxhW{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:auto}@media (prefers-color-scheme:dark){[data-color-mode=auto] .Primer_Brand__Token-module__Token___nJxhW{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:auto}}.Primer_Brand__Token-module__Token--variant-default___eMkcM{background-color:var(--brand-Token-bgColor-default);color:var(--brand-Token-fgColor-default)}.Primer_Brand__Token-module__Token--interactive___ZpgTX.Primer_Brand__Token-module__Token--variant-default___eMkcM:hover{background-color:var(--brand-Token-bgColor-hover-default)}.Primer_Brand__Token-module__Token--variant-accent___fSxf7{background-color:var(--brand-Token-bgColor-accent);color:var(--brand-Token-fgColor-accent)}.Primer_Brand__Token-module__Token--interactive___ZpgTX.Primer_Brand__Token-module__Token--variant-accent___fSxf7:hover{background-color:var(--brand-Token-bgColor-hover-accent)}.Primer_Brand__Token-module__Token--variant-outline___GTmIy{background-color:var(--brand-Token-bgColor-outline);border-color:var(--brand-Token-border-outline);color:var(--brand-Token-fgColor-outline)}.Primer_Brand__Token-module__Token--interactive___ZpgTX.Primer_Brand__Token-module__Token--variant-outline___GTmIy:hover{background-color:var(--brand-Token-bgColor-hover-outline)}.Primer_Brand__Token-module__Token--variant-invisible___IR7Ki{color:var(--brand-Token-fgColor-invisible);background-color:#0000}.Primer_Brand__Token-module__Token--interactive___ZpgTX.Primer_Brand__Token-module__Token--variant-invisible___IR7Ki:hover{background-color:var(--brand-Token-bgColor-hover-invisible)}.Primer_Brand__Token-module__Token__label___e3Cx3{text-overflow:ellipsis;min-width:0;font-weight:var(--base-text-weight-normal);line-height:var(--brand-text-lineHeight-100);white-space:nowrap;letter-spacing:var(--brand-text-letterSpacing-100);flex:auto;display:block;overflow:hidden}.Primer_Brand__Token-module__Token___nJxhW>.Primer_Brand__Token-module__Token__label___e3Cx3{color:inherit}.Primer_Brand__Token-module__Token__leading-visual____uvYs{width:calc((var(--base-size-16) + var(--base-size-20)) / 2);height:calc((var(--base-size-16) + var(--base-size-20)) / 2);flex-shrink:0;justify-content:center;align-items:center;display:flex}.Primer_Brand__Token-module__Token__visual___Nlxfv{display:block}.Primer_Brand__Token-module__Token__leading-visual____uvYs>.Primer_Brand__Token-module__Token__visual___Nlxfv{width:calc((var(--base-size-16) + var(--base-size-20)) / 2);height:calc((var(--base-size-16) + var(--base-size-20)) / 2);max-width:calc((var(--base-size-16) + var(--base-size-20)) / 2);max-height:calc((var(--base-size-16) + var(--base-size-20)) / 2);border-radius:2px}.Primer_Brand__Token-module__Token__leading-visual____uvYs>.Primer_Brand__Token-module__Token__visual___Nlxfv svg,.Primer_Brand__Token-module__Token__leading-visual____uvYs>.Primer_Brand__Token-module__Token__visual___Nlxfv img{width:100%;height:100%}@media (forced-colors:active){.Primer_Brand__Token-module__Token___nJxhW{outline:var(--brand-borderWidth-thin) solid transparent}.Primer_Brand__Token-module__Token--interactive___ZpgTX:focus-visible{outline-color:highlight}}

package/esm/Token/Token.module.js

@@ -1,4 +1,4 @@
-import './Token.module-DtWE9IPI.css';//#region src/Token/Token.module.css
+import './Token.module-Di856FbT.css';//#region src/Token/Token.module.css
 var e = "Primer_Brand__Token-module__Token___nJxhW", t = "Primer_Brand__Token-module__Token__label___e3Cx3", n = "Primer_Brand__Token-module__Token__visual___Nlxfv", r = {
 	Token: e,
 	"Token--hasLeadingVisual": "Primer_Brand__Token-module__Token--hasLeadingVisual___Erv8L",

package/esm/Token/Token.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Token.module.js","names":[],"sources":["../../src/Token/Token.module.css"],"sourcesContent":[".Token {\n  align-items: center;\n  border: var(--brand-borderWidth-thin) solid transparent;\n  border-radius: var(--brand-borderRadius-small);\n  display: inline-flex;\n  gap: var(--base-size-8);\n  min-width: 0;\n  max-width: 100%;\n  padding-inline: var(--base-size-8);\n  padding-block: var(--base-size-6);\n  padding-block-end: var(--base-size-6);\n  vertical-align: middle;\n}\n\n.Token--hasLeadingVisual {\n  padding-inline: calc((var(--base-size-4) + var(--base-size-8)) / 2);\n  padding-block: calc((var(--base-size-4) + var(--base-size-8)) / 2);\n}\n\n.Token--interactive {\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.Token--interactive:focus-visible {\n  outline: var(--base-size-4) solid var(--brand-color-focus);\n  outline-offset: var(--base-size-2);\n}\n\n[data-color-mode='dark'] .Token {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: auto;\n}\n\n.Token--variant-default {\n  background-color: var(--brand-Token-bgColor-default);\n  color: var(--brand-Token-fgColor-default);\n}\n\n.Token--interactive.Token--variant-default:hover {\n  background-color: var(--brand-Token-bgColor-hover-default);\n}\n\n.Token--variant-accent {\n  background-color: var(--brand-Token-bgColor-accent);\n  color: var(--brand-Token-fgColor-accent);\n}\n\n.Token--interactive.Token--variant-accent:hover {\n  background-color: var(--brand-Token-bgColor-hover-accent);\n}\n\n.Token--variant-outline {\n  background-color: var(--brand-Token-bgColor-outline);\n  border-color: var(--brand-Token-border-outline);\n  color: var(--brand-Token-fgColor-outline);\n}\n\n.Token--interactive.Token--variant-outline:hover {\n  background-color: var(--brand-Token-bgColor-hover-outline);\n}\n\n.Token--variant-invisible {\n  background-color: transparent;\n  color: var(--brand-Token-fgColor-invisible);\n}\n\n.Token--interactive.Token--variant-invisible:hover {\n  background-color: var(--brand-Token-bgColor-hover-invisible);\n}\n\n.Token__label {\n  display: block;\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: var(--base-text-weight-normal);\n  line-height: var(--brand-text-lineHeight-100);\n  white-space: nowrap;\n  letter-spacing: var(--brand-text-letterSpacing-100);\n}\n\n.Token > .Token__label {\n  color: inherit;\n}\n\n.Token__leading-visual {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: calc((var(--base-size-16) + var(--base-size-20)) / 2);\n  height: calc((var(--base-size-16) + var(--base-size-20)) / 2);\n}\n\n.Token__visual {\n  display: block;\n}\n\n/* Keep leading visuals inside a fixed 18x18 slot so larger children like Avatar dont increase Token height. */\n.Token__leading-visual > .Token__visual {\n  width: calc((var(--base-size-16) + var(--base-size-20)) / 2);\n  height: calc((var(--base-size-16) + var(--base-size-20)) / 2);\n  max-width: calc((var(--base-size-16) + var(--base-size-20)) / 2);\n  max-height: calc((var(--base-size-16) + var(--base-size-20)) / 2);\n  border-radius: 2px;\n}\n\n.Token__leading-visual > .Token__visual svg,\n.Token__leading-visual > .Token__visual img {\n  width: 100%;\n  height: 100%;\n}\n\n@media (forced-colors: active) {\n  .Token {\n    outline: var(--brand-borderWidth-thin) solid transparent;\n  }\n\n  .Token--interactive:focus-visible {\n    outline-color: Highlight;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Token.module.js","names":[],"sources":["../../src/Token/Token.module.css"],"sourcesContent":[".Token {\n  align-items: center;\n  border: var(--brand-borderWidth-thin) solid transparent;\n  border-radius: var(--brand-borderRadius-small);\n  display: inline-flex;\n  gap: var(--base-size-8);\n  min-width: 0;\n  max-width: 100%;\n  padding-inline: var(--base-size-8);\n  padding-block: var(--base-size-6);\n  padding-block-end: var(--base-size-6);\n  vertical-align: middle;\n}\n\n.Token--hasLeadingVisual {\n  padding-inline: calc((var(--base-size-4) + var(--base-size-8)) / 2);\n  padding-block: calc((var(--base-size-4) + var(--base-size-8)) / 2);\n}\n\n.Token--interactive {\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.Token--interactive:focus-visible {\n  outline: var(--base-size-4) solid var(--brand-color-focus);\n  outline-offset: var(--base-size-2);\n}\n\n[data-color-mode='dark'] .Token {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: auto;\n}\n\n@media (prefers-color-scheme: dark) {\n  [data-color-mode='auto'] .Token {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: auto;\n  }\n}\n\n.Token--variant-default {\n  background-color: var(--brand-Token-bgColor-default);\n  color: var(--brand-Token-fgColor-default);\n}\n\n.Token--interactive.Token--variant-default:hover {\n  background-color: var(--brand-Token-bgColor-hover-default);\n}\n\n.Token--variant-accent {\n  background-color: var(--brand-Token-bgColor-accent);\n  color: var(--brand-Token-fgColor-accent);\n}\n\n.Token--interactive.Token--variant-accent:hover {\n  background-color: var(--brand-Token-bgColor-hover-accent);\n}\n\n.Token--variant-outline {\n  background-color: var(--brand-Token-bgColor-outline);\n  border-color: var(--brand-Token-border-outline);\n  color: var(--brand-Token-fgColor-outline);\n}\n\n.Token--interactive.Token--variant-outline:hover {\n  background-color: var(--brand-Token-bgColor-hover-outline);\n}\n\n.Token--variant-invisible {\n  background-color: transparent;\n  color: var(--brand-Token-fgColor-invisible);\n}\n\n.Token--interactive.Token--variant-invisible:hover {\n  background-color: var(--brand-Token-bgColor-hover-invisible);\n}\n\n.Token__label {\n  display: block;\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: var(--base-text-weight-normal);\n  line-height: var(--brand-text-lineHeight-100);\n  white-space: nowrap;\n  letter-spacing: var(--brand-text-letterSpacing-100);\n}\n\n.Token > .Token__label {\n  color: inherit;\n}\n\n.Token__leading-visual {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: calc((var(--base-size-16) + var(--base-size-20)) / 2);\n  height: calc((var(--base-size-16) + var(--base-size-20)) / 2);\n}\n\n.Token__visual {\n  display: block;\n}\n\n/* Keep leading visuals inside a fixed 18x18 slot so larger children like Avatar dont increase Token height. */\n.Token__leading-visual > .Token__visual {\n  width: calc((var(--base-size-16) + var(--base-size-20)) / 2);\n  height: calc((var(--base-size-16) + var(--base-size-20)) / 2);\n  max-width: calc((var(--base-size-16) + var(--base-size-20)) / 2);\n  max-height: calc((var(--base-size-16) + var(--base-size-20)) / 2);\n  border-radius: 2px;\n}\n\n.Token__leading-visual > .Token__visual svg,\n.Token__leading-visual > .Token__visual img {\n  width: 100%;\n  height: 100%;\n}\n\n@media (forced-colors: active) {\n  .Token {\n    outline: var(--brand-borderWidth-thin) solid transparent;\n  }\n\n  .Token--interactive:focus-visible {\n    outline-color: Highlight;\n  }\n}\n"],"mappings":""}

package/esm/Tooltip/Tooltip.js

@@ -2,7 +2,7 @@ import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { useId as t } from "../hooks/useId.js";
 import { useProvidedRefOrCreate as n } from "../hooks/useRef.js";
 import r from "./Tooltip.module.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/tooltip/colors-with-modes-BrRCxJ2E.css';/* empty css                                                                                                     */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/tooltip/colors-with-modes-CjEAA-Ic.css';/* empty css                                                                                                     */
 import i, { Children as a, useEffect as o, useRef as s, useState as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { getAnchoredPosition as d } from "@primer/behaviors";

package/esm/VideoPlayer/VideoPlayer.js

@@ -14,7 +14,7 @@ import { MuteButton as m } from "./components/MuteButton/MuteButton.js";
 import { PlayPauseButton as h } from "./components/PlayPauseButton/PlayPauseButton.js";
 import { SeekControl as g } from "./components/SeekControl/SeekControl.js";
 import { VolumeControl as _ } from "./components/VolumeControl/VolumeControl.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/video-player/colors-with-modes-CTkp-z-l.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/video-player/base-Bs0Tq22P.css';/* empty css                                                                                             */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/video-player/colors-with-modes-M9ib_BKQ.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/video-player/base-Bs0Tq22P.css';/* empty css                                                                                             */
 /* empty css                                                                                                          */
 import { forwardRef as v, useCallback as y, useContext as b } from "react";
 import { jsx as x, jsxs as S } from "react/jsx-runtime";

package/esm/css/stylesheets.js

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

package/esm/forms/Checkbox/Checkbox.js

@@ -2,7 +2,7 @@ import { clsx as e } from "../../node_modules/clsx/dist/clsx.js";
 import { useId as t } from "../../hooks/useId.js";
 import { useProvidedRefOrCreate as n } from "../../hooks/useRef.js";
 import r from "../../hooks/useIsomorphicLayoutEffect.js";
-import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes-C05YPRXo.css';/* empty css                                                                                                        */
+import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes-DKA7xAYz.css';/* empty css                                                                                                        */
 import i from "./Checkbox.module.js";
 import { forwardRef as a, useCallback as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";

package/esm/forms/FormControl/FormControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../../src/forms/FormControl/FormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAK9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AACtD,OAAO,KAAK,EAAC,oBAAoB,EAAE,cAAc,EAAC,MAAM,KAAK,CAAA;AAS7D,OAAO,2GAA2G,CAAA;AAGlH,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,WAAW,CAAC,GAAG;IACtD;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;CACxC,CAAA;AA2JD,KAAK,qBAAqB,GAAG;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,GAAG,SAAS,CAAC,gBAAgB,CAAC,CAAA;AA4C/B,KAAK,0BAA0B,GAAG;IAChC,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;CACxC,GAAG,SAAS,CAAC,eAAe,CAAC,CAAA;AA8B9B,KAAK,oBAAoB,GAAG,iBAAiB,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAA;AAMzE;;;GAGG;AACH,eAAO,MAAM,WAAW,kGAnOrB,iBAAiB,CAAC,gBAAgB,CAAC;gIAwJnC,iBAAiB,CAAC,qBAAqB,CAAC;sEAqCuC,0BAA0B;mCA8B7D,oBAAoB;CAYjE,CAAA"}
+{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../../src/forms/FormControl/FormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAK9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AACtD,OAAO,KAAK,EAAC,oBAAoB,EAAE,cAAc,EAAC,MAAM,KAAK,CAAA;AAY7D,OAAO,2GAA2G,CAAA;AAIlH,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,WAAW,CAAC,GAAG;IACtD;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;CACxC,CAAA;AAmMD,KAAK,qBAAqB,GAAG;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,GAAG,SAAS,CAAC,gBAAgB,CAAC,CAAA;AA4C/B,KAAK,0BAA0B,GAAG;IAChC,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;CACxC,GAAG,SAAS,CAAC,eAAe,CAAC,CAAA;AA8B9B,KAAK,oBAAoB,GAAG,iBAAiB,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAA;AAMzE;;;GAGG;AACH,eAAO,MAAM,WAAW,kGA3QrB,iBAAiB,CAAC,gBAAgB,CAAC;gIAgMnC,iBAAiB,CAAC,qBAAqB,CAAC;sEAqCuC,0BAA0B;mCA8B7D,oBAAoB;CAYjE,CAAA"}

package/esm/forms/FormControl/FormControl.js

@@ -1,151 +1,171 @@
 import { clsx as e } from "../../node_modules/clsx/dist/clsx.js";
 import { useId as t } from "../../hooks/useId.js";
 import { Text as n } from "../../Text/Text.js";
-import { AlertFillIcon as r } from "../../node_modules/@primer/octicons-react/dist/icons/AlertFillIcon.js";
-import { CheckCircleFillIcon as i } from "../../node_modules/@primer/octicons-react/dist/icons/CheckCircleFillIcon.js";
-import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes-C05YPRXo.css';/* empty css                                                                                                        */
-import { Checkbox as a } from "../Checkbox/Checkbox.js";
-import { Textarea as o } from "../Textarea/Textarea.js";
-import { TextInput as s } from "../TextInput/TextInput.js";
-import { Select as c } from "../Select/Select.js";
-import { Radio as l } from "../Radio/Radio.js";
-import u from "./FormControl.module.js";
-import d from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Spinner as r } from "../../Spinner/Spinner.js";
+import { AlertFillIcon as i } from "../../node_modules/@primer/octicons-react/dist/icons/AlertFillIcon.js";
+import { CheckCircleFillIcon as a } from "../../node_modules/@primer/octicons-react/dist/icons/CheckCircleFillIcon.js";
+import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes-DKA7xAYz.css';/* empty css                                                                                                        */
+import { Checkbox as o } from "../Checkbox/Checkbox.js";
+import { Textarea as s } from "../Textarea/Textarea.js";
+import { TextInput as c } from "../TextInput/TextInput.js";
+import { Select as l } from "../Select/Select.js";
+import { Radio as u } from "../Radio/Radio.js";
+import d from "../ToggleSwitch/ToggleSwitch.module.js";
+import { ToggleSwitch as f } from "../ToggleSwitch/ToggleSwitch.js";
+import p from "./FormControl.module.js";
+import m from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/forms/FormControl/FormControl.tsx
-var m = ({ children: n, className: r, hasBorder: i, fullWidth: p, id: m, required: v, size: y = "medium", validationStatus: b, ...x }) => {
-	let S = t(m), C = d.Children.toArray(n), w = C.some((e) => d.isValidElement(e) && (e.type === a || e.type === l)), T = C.some((e) => d.isValidElement(e) && e.type === _), E = C.some((e) => d.isValidElement(e) && e.type === g);
-	return /* @__PURE__ */ f("section", {
-		id: `FormControl--${S}`,
-		className: e(u.FormControl, p && u["FormControl--fullWidth"], w && u["FormControl--checkbox"], i && u["FormControl--border"], r),
-		...x,
-		children: d.Children.map(n, (t) => {
-			if (!d.isValidElement(t)) return t;
-			let n = [T && `${S}-hint`, E && `${S}-validation`].filter(Boolean).join(" ") || void 0;
+var _ = ({ children: n, className: i, hasBorder: a, fullWidth: g, id: _, required: x, size: S = "medium", validationStatus: C, ...w }) => {
+	let T = t(_), E = m.Children.toArray(n), D = E.some((e) => m.isValidElement(e) && (e.type === o || e.type === u)), O = E.find((e) => m.isValidElement(e) && e.type === f), k = !!O, A = [E.some((e) => m.isValidElement(e) && e.type === b) && `${T}-hint`, E.some((e) => m.isValidElement(e) && e.type === y) && `${T}-validation`].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ h("section", {
+		id: `FormControl--${T}`,
+		className: e(p.FormControl, g && p["FormControl--fullWidth"], D && p["FormControl--checkbox"], k && p["FormControl--toggle-switch"], a && p["FormControl--border"], i),
+		...w,
+		children: m.Children.map(n, (t) => {
+			if (!m.isValidElement(t)) return t;
+			if (t.type === c) {
+				let n = t;
+				return m.cloneElement(n, {
+					className: e(n.props.className),
+					id: T,
+					name: n.props.name || T,
+					required: n.props.required || x,
+					validationStatus: n.props.validationStatus || C,
+					fullWidth: g,
+					size: S,
+					"aria-describedby": A
+				});
+			}
 			if (t.type === s) {
-				let r = t;
-				return d.cloneElement(r, {
-					className: e(r.props.className),
-					id: S,
-					name: r.props.name || S,
-					required: r.props.required || v,
-					validationStatus: r.props.validationStatus || b,
-					fullWidth: p,
-					size: y,
-					"aria-describedby": n
+				let n = t;
+				return m.cloneElement(n, {
+					className: e(n.props.className),
+					id: T,
+					name: n.props.name || T,
+					required: n.props.required || x,
+					validationStatus: n.props.validationStatus || C,
+					fullWidth: g,
+					size: S,
+					"aria-describedby": A
 				});
 			}
-			if (t.type === o) {
-				let r = t;
-				return d.cloneElement(r, {
-					className: e(r.props.className),
-					id: S,
-					name: r.props.name || S,
-					required: r.props.required || v,
-					validationStatus: r.props.validationStatus || b,
-					fullWidth: p,
-					size: y,
-					"aria-describedby": n
+			if (t.type === l) {
+				let n = t;
+				return m.cloneElement(n, {
+					className: e(n.props.className),
+					id: T,
+					name: n.props.name || T,
+					required: n.props.required || x,
+					validationStatus: n.props.validationStatus || C,
+					fullWidth: g,
+					size: S,
+					"aria-describedby": A
 				});
 			}
-			if (t.type === c) {
-				let r = t;
-				return d.cloneElement(r, {
-					className: e(r.props.className),
-					id: S,
-					name: r.props.name || S,
-					required: r.props.required || v,
-					validationStatus: r.props.validationStatus || b,
-					fullWidth: p,
-					size: y,
-					"aria-describedby": n
+			if (t.type === o) {
+				let n = t;
+				return m.cloneElement(n, {
+					className: e(n.props.className, p["FormControl-control--checkbox"]),
+					id: T,
+					name: n.props.name || T,
+					required: n.props.required || x,
+					validationStatus: n.props.validationStatus || C,
+					"aria-describedby": A
 				});
 			}
-			if (t.type === a) {
-				let r = t;
-				return d.cloneElement(r, {
-					className: e(r.props.className, u["FormControl-control--checkbox"]),
-					id: S,
-					name: r.props.name || S,
-					required: r.props.required || v,
-					validationStatus: r.props.validationStatus || b,
-					"aria-describedby": n
+			if (t.type === u) {
+				let n = t;
+				return m.cloneElement(n, {
+					className: e(D && p["FormControl-control--radio"], n.props.className),
+					id: T,
+					name: n.props.name,
+					required: n.props.required || x,
+					"aria-describedby": A
 				});
 			}
-			if (t.type === l) {
-				let r = t;
-				return d.cloneElement(r, {
-					className: e(w && u["FormControl-control--radio"], r.props.className),
-					id: S,
-					name: r.props.name,
-					required: r.props.required || v,
-					"aria-describedby": n
+			if (t.type === f) {
+				let n = t, r = [n.props["aria-describedby"], A].filter(Boolean).join(" ");
+				return m.cloneElement(n, {
+					className: e(p["FormControl-control--toggle-switch"], n.props.className),
+					id: T,
+					toggleSwitchSpinnerInLabel: E.some((e) => m.isValidElement(e) && e.type === v && !e.props.visuallyHidden),
+					"aria-describedby": r ? [...new Set(r.split(/\s+/))].join(" ") : void 0,
+					"aria-invalid": n.props["aria-invalid"] ?? (C === "error" || void 0)
 				});
 			}
-			if (t.type === h) {
+			if (t.type === v) {
 				let n = t;
-				return d.cloneElement(n, {
-					className: e(w && u["FormControl-label--checkbox"], n.props.className),
-					htmlFor: S,
-					children: n.props.children,
-					required: v,
-					validationStatus: b,
-					size: y,
-					showRequiredIndicator: !w && n.props.showRequiredIndicator
+				return m.cloneElement(n, {
+					className: e(D && p["FormControl-label--checkbox"], k && p["FormControl-label--toggle-switch"], n.props.className),
+					htmlFor: T,
+					children: O?.props.loading && !n.props.visuallyHidden ? [...m.Children.toArray(n.props.children), /* @__PURE__ */ h("span", {
+						"aria-hidden": "true",
+						className: p["FormControl-toggleSwitch-spinnerSlot"],
+						children: /* @__PURE__ */ h(r, {
+							size: "small",
+							accessibleLabel: null,
+							className: d["ToggleSwitch-spinner"],
+							"data-testid": f.testIds.spinner
+						})
+					}, "toggleSwitch-spinner")] : n.props.children,
+					required: !k && x,
+					validationStatus: C,
+					size: S,
+					showRequiredIndicator: !D && n.props.showRequiredIndicator
 				});
 			}
-			if (t.type === g) {
-				let n = t;
-				return d.cloneElement(n, {
-					className: e(w && u["FormControl-validation-checkbox"], n.props.className),
-					validationStatus: b,
-					id: `${S}-validation`
+			if (t.type === y) {
+				let e = t;
+				return m.cloneElement(e, {
+					validationStatus: C,
+					id: `${T}-validation`
 				});
 			}
-			if (t.type === _) {
+			if (t.type === b) {
 				let e = t;
-				return d.cloneElement(e, { id: `${S}-hint` });
+				return m.cloneElement(e, { id: `${T}-hint` });
 			}
 			return t;
 		})
 	});
-}, h = ({ children: t, className: n, htmlFor: r, required: i, showRequiredIndicator: a = !0, size: o = "medium", validationStatus: s, visuallyHidden: c, ...l }) => /* @__PURE__ */ p("label", {
+}, v = ({ children: t, className: n, htmlFor: r, required: i, showRequiredIndicator: a = !0, size: o = "medium", validationStatus: s, visuallyHidden: c, ...l }) => /* @__PURE__ */ g("label", {
 	htmlFor: r,
-	className: e(u["FormControl-label"], s && u[`FormControl-label--${s}`], u[`FormControl-label--${o}`], c && u["FormControl-label--visually-hidden"], n),
+	className: e(p["FormControl-label"], s && p[`FormControl-label--${s}`], p[`FormControl-label--${o}`], c && p["FormControl-label--visually-hidden"], n),
 	...l,
-	children: [d.Children.map(t, (t) => d.isValidElement(t) && t.type === _ ? d.cloneElement(t, { className: e(u["FormControl--visible"], t.props.className) }) : t), i && a && /* @__PURE__ */ p("span", {
-		className: u["FormControl-label-required"],
+	children: [m.Children.map(t, (t) => m.isValidElement(t) && t.type === b ? m.cloneElement(t, { className: e(p["FormControl--visible"], t.props.className) }) : t), i && a && /* @__PURE__ */ g("span", {
+		className: p["FormControl-label-required"],
 		"aria-hidden": !0,
 		children: [" ", "*"]
 	})]
-}), g = ({ children: t, validationStatus: a, className: o, ...s }) => /* @__PURE__ */ p(n, {
+}), y = ({ children: t, validationStatus: r, className: o, ...s }) => /* @__PURE__ */ g(n, {
 	as: "span",
 	size: "100",
-	className: e(u["FormControl-validation"], a && u["FormControl-validation--animate-in"], a && u[`FormControl-validation--${a}`], o),
+	className: e(p["FormControl-validation"], r && p["FormControl-validation--animate-in"], r && p[`FormControl-validation--${r}`], o),
 	...s,
 	children: [
-		a === "error" && /* @__PURE__ */ f("span", {
-			className: u["FormControl-validation-error-icon"],
-			children: /* @__PURE__ */ f(r, {})
+		r === "error" && /* @__PURE__ */ h("span", {
+			className: p["FormControl-validation-error-icon"],
+			children: /* @__PURE__ */ h(i, {})
 		}),
-		a === "success" && /* @__PURE__ */ f("span", {
-			className: u["FormControl-validation-success-icon"],
-			children: /* @__PURE__ */ f(i, {})
+		r === "success" && /* @__PURE__ */ h("span", {
+			className: p["FormControl-validation-success-icon"],
+			children: /* @__PURE__ */ h(a, {})
 		}),
 		t
 	]
-}), _ = ({ className: t, ...r }) => /* @__PURE__ */ f(n, {
+}), b = ({ className: t, ...r }) => /* @__PURE__ */ h(n, {
 	as: "span",
 	size: "100",
 	variant: "muted",
-	className: e(u["FormControl-hint"], t),
+	className: e(p["FormControl-hint"], t),
 	...r
-}), v = Object.assign(m, {
-	Label: h,
-	Validation: g,
-	Hint: _
+}), x = Object.assign(_, {
+	Label: v,
+	Validation: y,
+	Hint: b
 });
 //#endregion
-export { v as FormControl };
+export { x as FormControl };
 
 //# sourceMappingURL=FormControl.js.map