@primer/react 38.29.0-rc.ee664b93c → 38.29.1-rc.0a2dc6645

package/dist/Overlay/Overlay-214d10dd.css

@@ -1,2 +1,2 @@
-@keyframes prc-Overlay-overlay-appear-JpFey{0%{opacity:0}to{opacity:1}}.prc-Overlay-Overlay-jfs-T{background-color:var(--overlay-bgColor,#fff);border-radius:var(--borderRadius-large,.75rem);box-shadow:var(--shadow-floating-small,0 0 0 1px #d1d9e080,0 6px 12px -3px #25292e0a,0 6px 18px 0 #25292e1f);height:auto;max-height:100vh;max-width:calc(100vw - 2rem);min-width:192px;overflow:auto;position:absolute;width:auto}.prc-Overlay-Overlay-jfs-T:not([data-anchor-position]):not([data-variant=modal]),.prc-Overlay-Overlay-jfs-T[data-anchor-position=false]{bottom:var(--bottom,auto);right:var(--right,auto)}@media screen and (max-width:calc(48rem - 0.02px)){[data-responsive=fullscreen]:is(.prc-Overlay-Overlay-jfs-T[data-anchor-position=false],.prc-Overlay-Overlay-jfs-T:not([data-anchor-position]):not([data-variant=modal])):not([data-variant]){left:0;top:0}}:is(.prc-Overlay-Overlay-jfs-T[data-anchor-position=false],.prc-Overlay-Overlay-jfs-T:not([data-anchor-position]):not([data-variant=modal])):not([data-variant]){left:var(--left,auto);top:var(--top,auto)}.prc-Overlay-Overlay-jfs-T:focus{outline:none}@media (forced-colors:active){.prc-Overlay-Overlay-jfs-T{outline:1px solid transparent}}.prc-Overlay-Overlay-jfs-T:where([data-reflow-container=true]){max-width:calc(100vw - 2rem)}.prc-Overlay-Overlay-jfs-T:where([data-overflow-auto]){overflow:auto}.prc-Overlay-Overlay-jfs-T:where([data-overflow-hidden]){overflow:hidden}.prc-Overlay-Overlay-jfs-T:where([data-overflow-scroll]){overflow:scroll}.prc-Overlay-Overlay-jfs-T:where([data-overflow-visible]){overflow:visible}.prc-Overlay-Overlay-jfs-T:where([data-height-xsmall]){height:192px}.prc-Overlay-Overlay-jfs-T:where([data-height-small]){height:256px}.prc-Overlay-Overlay-jfs-T:where([data-height-medium]){height:320px}.prc-Overlay-Overlay-jfs-T:where([data-height-large]){height:432px}.prc-Overlay-Overlay-jfs-T:where([data-height-xlarge]){height:600px}.prc-Overlay-Overlay-jfs-T:where([data-height-auto]),.prc-Overlay-Overlay-jfs-T:where([data-height-initial]){height:auto}.prc-Overlay-Overlay-jfs-T:where([data-height-fit-content]){height:-moz-fit-content;height:fit-content}.prc-Overlay-Overlay-jfs-T:where([data-max-height-xsmall]){max-height:min(192px,100vh)}@supports (height:100dvh){.prc-Overlay-Overlay-jfs-T:where([data-max-height-xsmall]){max-height:min(192px,100dvh)}}.prc-Overlay-Overlay-jfs-T:where([data-max-height-small]){max-height:min(256px,100vh)}@supports (height:100dvh){.prc-Overlay-Overlay-jfs-T:where([data-max-height-small]){max-height:min(256px,100dvh)}}.prc-Overlay-Overlay-jfs-T:where([data-max-height-medium]){max-height:min(320px,100vh)}@supports (height:100dvh){.prc-Overlay-Overlay-jfs-T:where([data-max-height-medium]){max-height:min(320px,100dvh)}}.prc-Overlay-Overlay-jfs-T:where([data-max-height-large]){max-height:min(432px,100vh)}@supports (height:100dvh){.prc-Overlay-Overlay-jfs-T:where([data-max-height-large]){max-height:min(432px,100dvh)}}.prc-Overlay-Overlay-jfs-T:where([data-max-height-xlarge]){max-height:min(600px,100vh)}@supports (height:100dvh){.prc-Overlay-Overlay-jfs-T:where([data-max-height-xlarge]){max-height:min(600px,100dvh)}}.prc-Overlay-Overlay-jfs-T:where([data-max-height-fit-content]){max-height:-moz-fit-content;max-height:fit-content}.prc-Overlay-Overlay-jfs-T:where([data-width-small]){width:256px}.prc-Overlay-Overlay-jfs-T:where([data-width-medium]){width:320px}.prc-Overlay-Overlay-jfs-T:where([data-width-large]){width:480px}.prc-Overlay-Overlay-jfs-T:where([data-width-xlarge]){width:640px}.prc-Overlay-Overlay-jfs-T:where([data-width-xxlarge]){width:960px}.prc-Overlay-Overlay-jfs-T:where([data-width-auto]){width:auto}.prc-Overlay-Overlay-jfs-T:where([data-max-width-small]){max-width:256px}.prc-Overlay-Overlay-jfs-T:where([data-max-width-medium]){max-width:320px}.prc-Overlay-Overlay-jfs-T:where([data-max-width-large]){max-width:480px}.prc-Overlay-Overlay-jfs-T:where([data-max-width-xlarge]){max-width:640px}.prc-Overlay-Overlay-jfs-T:where([data-max-width-xxlarge]){max-width:960px}.prc-Overlay-Overlay-jfs-T:where([data-visibility-visible]){visibility:visible}.prc-Overlay-Overlay-jfs-T:where([data-visibility-hidden]){visibility:hidden}@media screen and (max-width:calc(48rem - 0.02px)){.prc-Overlay-Overlay-jfs-T:where([data-responsive=fullscreen]),.prc-Overlay-Overlay-jfs-T[data-component=AnchoredOverlay][data-responsive=fullscreen][data-anchor-position=true],.prc-Overlay-Overlay-jfs-T[data-responsive=fullscreen][data-anchor-position=true]{border-radius:unset;height:100vh;left:0;margin:0;max-height:none;max-width:none;padding-bottom:env(safe-area-inset-bottom);position:fixed;top:0;width:100vw}@supports (height:100dvh){.prc-Overlay-Overlay-jfs-T:where([data-responsive=fullscreen]),.prc-Overlay-Overlay-jfs-T[data-component=AnchoredOverlay][data-responsive=fullscreen][data-anchor-position=true],.prc-Overlay-Overlay-jfs-T[data-responsive=fullscreen][data-anchor-position=true]{height:100dvh}}}@supports (height:100dvh){.prc-Overlay-Overlay-jfs-T:where([data-variant=fullscreen]){height:100dvh}}@media (prefers-reduced-motion:no-preference){.prc-Overlay-Overlay-jfs-T{animation:prc-Overlay-overlay-appear-JpFey .2s cubic-bezier(.33,1,.68,1)}}
+@keyframes prc-Overlay-overlay-appear-JpFey{0%{opacity:0}to{opacity:1}}.prc-Overlay-Overlay-jfs-T{background-color:var(--overlay-bgColor,#fff);border-radius:var(--borderRadius-large,.75rem);box-shadow:var(--shadow-floating-small,0 0 0 1px #d1d9e080,0 6px 12px -3px #25292e0a,0 6px 18px 0 #25292e1f);height:auto;max-height:100vh;max-width:calc(100vw - 2rem);min-width:192px;overflow:auto;position:absolute;width:auto}.prc-Overlay-Overlay-jfs-T:not([data-anchor-position]):not([data-variant=modal]),.prc-Overlay-Overlay-jfs-T[data-anchor-position=false]{bottom:var(--bottom,auto);right:var(--right,auto)}@media screen and (max-width:calc(48rem - 0.02px)){.prc-Overlay-Overlay-jfs-T[data-responsive=fullscreen]:not([data-anchor-position]):not([data-variant=modal]):not([data-variant]),.prc-Overlay-Overlay-jfs-T[data-responsive=fullscreen][data-anchor-position=false]:not(.prc-Overlay-does-not-exist-pxAm4):not([data-variant]){left:0;top:0}}.prc-Overlay-Overlay-jfs-T:not([data-anchor-position]):not([data-variant=modal]):not([data-variant]),.prc-Overlay-Overlay-jfs-T[data-anchor-position=false]:not(.prc-Overlay-does-not-exist-pxAm4):not([data-variant]){left:var(--left,auto);top:var(--top,auto)}.prc-Overlay-Overlay-jfs-T:focus{outline:none}@media (forced-colors:active){.prc-Overlay-Overlay-jfs-T{outline:1px solid transparent}}.prc-Overlay-Overlay-jfs-T:where([data-reflow-container=true]){max-width:calc(100vw - 2rem)}.prc-Overlay-Overlay-jfs-T:where([data-overflow-auto]){overflow:auto}.prc-Overlay-Overlay-jfs-T:where([data-overflow-hidden]){overflow:hidden}.prc-Overlay-Overlay-jfs-T:where([data-overflow-scroll]){overflow:scroll}.prc-Overlay-Overlay-jfs-T:where([data-overflow-visible]){overflow:visible}.prc-Overlay-Overlay-jfs-T:where([data-height-xsmall]){height:192px}.prc-Overlay-Overlay-jfs-T:where([data-height-small]){height:256px}.prc-Overlay-Overlay-jfs-T:where([data-height-medium]){height:320px}.prc-Overlay-Overlay-jfs-T:where([data-height-large]){height:432px}.prc-Overlay-Overlay-jfs-T:where([data-height-xlarge]){height:600px}.prc-Overlay-Overlay-jfs-T:where([data-height-auto]),.prc-Overlay-Overlay-jfs-T:where([data-height-initial]){height:auto}.prc-Overlay-Overlay-jfs-T:where([data-height-fit-content]){height:-moz-fit-content;height:fit-content}.prc-Overlay-Overlay-jfs-T:where([data-max-height-xsmall]){max-height:min(192px,100vh)}@supports (height:100dvh){.prc-Overlay-Overlay-jfs-T:where([data-max-height-xsmall]){max-height:min(192px,100dvh)}}.prc-Overlay-Overlay-jfs-T:where([data-max-height-small]){max-height:min(256px,100vh)}@supports (height:100dvh){.prc-Overlay-Overlay-jfs-T:where([data-max-height-small]){max-height:min(256px,100dvh)}}.prc-Overlay-Overlay-jfs-T:where([data-max-height-medium]){max-height:min(320px,100vh)}@supports (height:100dvh){.prc-Overlay-Overlay-jfs-T:where([data-max-height-medium]){max-height:min(320px,100dvh)}}.prc-Overlay-Overlay-jfs-T:where([data-max-height-large]){max-height:min(432px,100vh)}@supports (height:100dvh){.prc-Overlay-Overlay-jfs-T:where([data-max-height-large]){max-height:min(432px,100dvh)}}.prc-Overlay-Overlay-jfs-T:where([data-max-height-xlarge]){max-height:min(600px,100vh)}@supports (height:100dvh){.prc-Overlay-Overlay-jfs-T:where([data-max-height-xlarge]){max-height:min(600px,100dvh)}}.prc-Overlay-Overlay-jfs-T:where([data-max-height-fit-content]){max-height:-moz-fit-content;max-height:fit-content}.prc-Overlay-Overlay-jfs-T:where([data-width-small]){width:256px}.prc-Overlay-Overlay-jfs-T:where([data-width-medium]){width:320px}.prc-Overlay-Overlay-jfs-T:where([data-width-large]){width:480px}.prc-Overlay-Overlay-jfs-T:where([data-width-xlarge]){width:640px}.prc-Overlay-Overlay-jfs-T:where([data-width-xxlarge]){width:960px}.prc-Overlay-Overlay-jfs-T:where([data-width-auto]){width:auto}.prc-Overlay-Overlay-jfs-T:where([data-max-width-small]){max-width:256px}.prc-Overlay-Overlay-jfs-T:where([data-max-width-medium]){max-width:320px}.prc-Overlay-Overlay-jfs-T:where([data-max-width-large]){max-width:480px}.prc-Overlay-Overlay-jfs-T:where([data-max-width-xlarge]){max-width:640px}.prc-Overlay-Overlay-jfs-T:where([data-max-width-xxlarge]){max-width:960px}.prc-Overlay-Overlay-jfs-T:where([data-visibility-visible]){visibility:visible}.prc-Overlay-Overlay-jfs-T:where([data-visibility-hidden]){visibility:hidden}@media screen and (max-width:calc(48rem - 0.02px)){.prc-Overlay-Overlay-jfs-T:where([data-responsive=fullscreen]),.prc-Overlay-Overlay-jfs-T[data-component=AnchoredOverlay][data-responsive=fullscreen][data-anchor-position=true],.prc-Overlay-Overlay-jfs-T[data-responsive=fullscreen][data-anchor-position=true]{border-radius:unset;height:100vh;left:0;margin:0;max-height:none;max-width:none;padding-bottom:env(safe-area-inset-bottom);position:fixed;top:0;width:100vw}@supports (height:100dvh){.prc-Overlay-Overlay-jfs-T:where([data-responsive=fullscreen]),.prc-Overlay-Overlay-jfs-T[data-component=AnchoredOverlay][data-responsive=fullscreen][data-anchor-position=true],.prc-Overlay-Overlay-jfs-T[data-responsive=fullscreen][data-anchor-position=true]{height:100dvh}}}@supports (height:100dvh){.prc-Overlay-Overlay-jfs-T:where([data-variant=fullscreen]){height:100dvh}}@media (prefers-reduced-motion:no-preference){.prc-Overlay-Overlay-jfs-T{animation:prc-Overlay-overlay-appear-JpFey .2s cubic-bezier(.33,1,.68,1)}}
 /*# sourceMappingURL=Overlay-214d10dd.css.map */

package/dist/Overlay/Overlay-214d10dd.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Overlay/Overlay.module.css.js"],"names":[],"mappings":"AAAA,4CACE,GACE,SACF,CAEA,GACE,SACF,CACF,CAEA,2BAQE,4CAAwC,CACxC,8CAAwC,CACxC,4GAAwC,CALxC,WAAY,CACZ,gBAAiB,CAJjB,4BAA6B,CAE7B,eAAgB,CAGhB,aAAc,CANd,iBAAkB,CAElB,UA0NF,CAjNE,wIAKE,yBAA2B,CAF3B,uBAkBF,CAZI,mDADF,6LAGI,MAAO,CADP,KAGJ,CADE,CAGF,iKAIE,qBAAuB,CAFvB,mBAGF,CAGF,iCACE,YACF,CAEA,8BAvCF,2BAyCI,6BAoLJ,CAnLE,CAEA,+DACE,4BACF,CAEA,uDACE,aACF,CAEA,yDACE,eACF,CAEA,yDACE,eACF,CAEA,0DACE,gBACF,CAEA,uDACE,YACF,CAEA,sDACE,YACF,CAEA,uDACE,YACF,CAEA,sDACE,YACF,CAEA,uDACE,YACF,CAEA,6GAEE,WACF,CAEA,4DACE,uBAAmB,CAAnB,kBACF,CAEA,2DACE,2BAKF,CAHE,0BAHF,2DAII,4BAEJ,CADE,CAGF,0DACE,2BAKF,CAHE,0BAHF,0DAII,4BAEJ,CADE,CAGF,2DACE,2BAKF,CAHE,0BAHF,2DAII,4BAEJ,CADE,CAGF,0DACE,2BAKF,CAHE,0BAHF,0DAII,4BAEJ,CADE,CAGF,2DACE,2BAKF,CAHE,0BAHF,2DAII,4BAEJ,CADE,CAGF,gEACE,2BAAuB,CAAvB,sBACF,CAEA,qDACE,WACF,CAEA,sDACE,WACF,CAEA,qDAEE,WACF,CAEA,sDAEE,WACF,CAEA,uDAEE,WACF,CAEA,oDACE,UACF,CAEA,yDACE,eACF,CAEA,0DACE,eACF,CAEA,yDACE,eACF,CAEA,0DACE,eACF,CAEA,2DACE,eACF,CAEA,4DACE,kBACF,CAEA,2DACE,iBACF,CAKE,mDAHF,mQAYI,mBAAoB,CAHpB,YAAa,CAHb,MAAO,CAKP,QAAS,CADT,eAAgB,CAFhB,cAAe,CAMf,0CAA2C,CAV3C,cAAe,CACf,KAAM,CAEN,WAcJ,CALI,0BAhBJ,mQAkBM,aAGN,CAFI,CACF,CAGF,0BAEE,4DACE,aACF,CACF,CAGF,8CACE,2BACE,wEACF,CACF","file":"Overlay-214d10dd.css","sourcesContent":["@keyframes overlay-appear {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n.Overlay {\n  position: absolute;\n  max-width: calc(100vw - 2rem);\n  width: auto;\n  min-width: 192px;\n  height: auto;\n  max-height: 100vh;\n  overflow: auto;\n  background-color: var(--overlay-bgColor);\n  border-radius: var(--borderRadius-large);\n  box-shadow: var(--shadow-floating-small);\n\n  &[data-anchor-position='false'],\n  &:not([data-anchor-position]):not([data-variant='modal']) {\n    /* stylelint-disable-next-line primer/spacing */\n    right: var(--right, auto);\n    /* stylelint-disable-next-line primer/spacing */\n    bottom: var(--bottom, auto);\n\n    /* stylelint-disable-next-line selector-max-specificity */\n    &[data-responsive='fullscreen']:not([data-variant]) {\n      @media screen and (--viewportRange-narrow) {\n        top: 0;\n        left: 0;\n      }\n    }\n\n    &:not([data-variant]) {\n      /* stylelint-disable-next-line primer/spacing */\n      top: var(--top, auto);\n      /* stylelint-disable-next-line primer/spacing */\n      left: var(--left, auto);\n    }\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (forced-colors: active) {\n    /* Support for Windows high contrast https://sarahmhigley.com/writing/whcm-quick-tips */\n    outline: solid 1px transparent;\n  }\n\n  &:where([data-reflow-container='true']) {\n    max-width: calc(100vw - 2rem);\n  }\n\n  &:where([data-overflow-auto]) {\n    overflow: auto;\n  }\n\n  &:where([data-overflow-hidden]) {\n    overflow: hidden;\n  }\n\n  &:where([data-overflow-scroll]) {\n    overflow: scroll;\n  }\n\n  &:where([data-overflow-visible]) {\n    overflow: visible;\n  }\n\n  &:where([data-height-xsmall]) {\n    height: 192px;\n  }\n\n  &:where([data-height-small]) {\n    height: 256px;\n  }\n\n  &:where([data-height-medium]) {\n    height: 320px;\n  }\n\n  &:where([data-height-large]) {\n    height: 432px;\n  }\n\n  &:where([data-height-xlarge]) {\n    height: 600px;\n  }\n\n  &:where([data-height-auto]),\n  &:where([data-height-initial]) {\n    height: auto;\n  }\n\n  &:where([data-height-fit-content]) {\n    height: fit-content;\n  }\n\n  &:where([data-max-height-xsmall]) {\n    max-height: min(192px, 100vh);\n\n    @supports (height: 100dvh) {\n      max-height: min(192px, 100dvh);\n    }\n  }\n\n  &:where([data-max-height-small]) {\n    max-height: min(256px, 100vh);\n\n    @supports (height: 100dvh) {\n      max-height: min(256px, 100dvh);\n    }\n  }\n\n  &:where([data-max-height-medium]) {\n    max-height: min(320px, 100vh);\n\n    @supports (height: 100dvh) {\n      max-height: min(320px, 100dvh);\n    }\n  }\n\n  &:where([data-max-height-large]) {\n    max-height: min(432px, 100vh);\n\n    @supports (height: 100dvh) {\n      max-height: min(432px, 100dvh);\n    }\n  }\n\n  &:where([data-max-height-xlarge]) {\n    max-height: min(600px, 100vh);\n\n    @supports (height: 100dvh) {\n      max-height: min(600px, 100dvh);\n    }\n  }\n\n  &:where([data-max-height-fit-content]) {\n    max-height: fit-content;\n  }\n\n  &:where([data-width-small]) {\n    width: 256px;\n  }\n\n  &:where([data-width-medium]) {\n    width: 320px;\n  }\n\n  &:where([data-width-large]) {\n    /* stylelint-disable-next-line primer/responsive-widths */\n    width: 480px;\n  }\n\n  &:where([data-width-xlarge]) {\n    /* stylelint-disable-next-line primer/responsive-widths */\n    width: 640px;\n  }\n\n  &:where([data-width-xxlarge]) {\n    /* stylelint-disable-next-line primer/responsive-widths */\n    width: 960px;\n  }\n\n  &:where([data-width-auto]) {\n    width: auto;\n  }\n\n  &:where([data-max-width-small]) {\n    max-width: 256px;\n  }\n\n  &:where([data-max-width-medium]) {\n    max-width: 320px;\n  }\n\n  &:where([data-max-width-large]) {\n    max-width: 480px;\n  }\n\n  &:where([data-max-width-xlarge]) {\n    max-width: 640px;\n  }\n\n  &:where([data-max-width-xxlarge]) {\n    max-width: 960px;\n  }\n\n  &:where([data-visibility-visible]) {\n    visibility: visible;\n  }\n\n  &:where([data-visibility-hidden]) {\n    visibility: hidden;\n  }\n\n  &:where([data-responsive='fullscreen']),\n  &[data-responsive='fullscreen'][data-anchor-position='true'],\n  &[data-component='AnchoredOverlay'][data-responsive='fullscreen'][data-anchor-position='true'] {\n    @media screen and (--viewportRange-narrow) {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100vw;\n      max-width: none;\n      height: 100vh;\n      max-height: none;\n      margin: 0;\n      border-radius: unset;\n      /* stylelint-disable-next-line primer/spacing */\n      padding-bottom: env(safe-area-inset-bottom);\n\n      @supports (height: 100dvh) {\n        /* fix for mobile safari (100vh clips the screen with the toolbar) */\n        height: 100dvh;\n      }\n    }\n  }\n\n  @supports (height: 100dvh) {\n    /* fix for mobile safari (100vh clips the screen with the toolbar) */\n    &:where([data-variant='fullscreen']) {\n      height: 100dvh;\n    }\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .Overlay {\n    animation: overlay-appear 200ms cubic-bezier(0.33, 1, 0.68, 1);\n  }\n}\n"]}
+{"version":3,"sources":["../src/Overlay/Overlay.module.css.js"],"names":[],"mappings":"AAAA,4CACE,GACE,SACF,CAEA,GACE,SACF,CACF,CAEA,2BAQE,4CAAwC,CACxC,8CAAwC,CACxC,4GAAwC,CALxC,WAAY,CACZ,gBAAiB,CAJjB,4BAA6B,CAE7B,eAAgB,CAGhB,aAAc,CANd,iBAAkB,CAElB,UA0NF,CAjNE,wIAKE,yBAA2B,CAF3B,uBAkBF,CAZI,mDADF,+QAGI,MAAO,CADP,KAGJ,CADE,CAGF,uNAIE,qBAAuB,CAFvB,mBAGF,CAGF,iCACE,YACF,CAEA,8BAvCF,2BAyCI,6BAoLJ,CAnLE,CAEA,+DACE,4BACF,CAEA,uDACE,aACF,CAEA,yDACE,eACF,CAEA,yDACE,eACF,CAEA,0DACE,gBACF,CAEA,uDACE,YACF,CAEA,sDACE,YACF,CAEA,uDACE,YACF,CAEA,sDACE,YACF,CAEA,uDACE,YACF,CAEA,6GAEE,WACF,CAEA,4DACE,uBAAmB,CAAnB,kBACF,CAEA,2DACE,2BAKF,CAHE,0BAHF,2DAII,4BAEJ,CADE,CAGF,0DACE,2BAKF,CAHE,0BAHF,0DAII,4BAEJ,CADE,CAGF,2DACE,2BAKF,CAHE,0BAHF,2DAII,4BAEJ,CADE,CAGF,0DACE,2BAKF,CAHE,0BAHF,0DAII,4BAEJ,CADE,CAGF,2DACE,2BAKF,CAHE,0BAHF,2DAII,4BAEJ,CADE,CAGF,gEACE,2BAAuB,CAAvB,sBACF,CAEA,qDACE,WACF,CAEA,sDACE,WACF,CAEA,qDAEE,WACF,CAEA,sDAEE,WACF,CAEA,uDAEE,WACF,CAEA,oDACE,UACF,CAEA,yDACE,eACF,CAEA,0DACE,eACF,CAEA,yDACE,eACF,CAEA,0DACE,eACF,CAEA,2DACE,eACF,CAEA,4DACE,kBACF,CAEA,2DACE,iBACF,CAKE,mDAHF,mQAYI,mBAAoB,CAHpB,YAAa,CAHb,MAAO,CAKP,QAAS,CADT,eAAgB,CAFhB,cAAe,CAMf,0CAA2C,CAV3C,cAAe,CACf,KAAM,CAEN,WAcJ,CALI,0BAhBJ,mQAkBM,aAGN,CAFI,CACF,CAGF,0BAEE,4DACE,aACF,CACF,CAGF,8CACE,2BACE,wEACF,CACF","file":"Overlay-214d10dd.css","sourcesContent":["@keyframes overlay-appear {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n.Overlay {\n  position: absolute;\n  max-width: calc(100vw - 2rem);\n  width: auto;\n  min-width: 192px;\n  height: auto;\n  max-height: 100vh;\n  overflow: auto;\n  background-color: var(--overlay-bgColor);\n  border-radius: var(--borderRadius-large);\n  box-shadow: var(--shadow-floating-small);\n\n  &[data-anchor-position='false'],\n  &:not([data-anchor-position]):not([data-variant='modal']) {\n    /* stylelint-disable-next-line primer/spacing */\n    right: var(--right, auto);\n    /* stylelint-disable-next-line primer/spacing */\n    bottom: var(--bottom, auto);\n\n    /* stylelint-disable-next-line selector-max-specificity */\n    &[data-responsive='fullscreen']:not([data-variant]) {\n      @media screen and (--viewportRange-narrow) {\n        top: 0;\n        left: 0;\n      }\n    }\n\n    &:not([data-variant]) {\n      /* stylelint-disable-next-line primer/spacing */\n      top: var(--top, auto);\n      /* stylelint-disable-next-line primer/spacing */\n      left: var(--left, auto);\n    }\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (forced-colors: active) {\n    /* Support for Windows high contrast https://sarahmhigley.com/writing/whcm-quick-tips */\n    outline: solid 1px transparent;\n  }\n\n  &:where([data-reflow-container='true']) {\n    max-width: calc(100vw - 2rem);\n  }\n\n  &:where([data-overflow-auto]) {\n    overflow: auto;\n  }\n\n  &:where([data-overflow-hidden]) {\n    overflow: hidden;\n  }\n\n  &:where([data-overflow-scroll]) {\n    overflow: scroll;\n  }\n\n  &:where([data-overflow-visible]) {\n    overflow: visible;\n  }\n\n  &:where([data-height-xsmall]) {\n    height: 192px;\n  }\n\n  &:where([data-height-small]) {\n    height: 256px;\n  }\n\n  &:where([data-height-medium]) {\n    height: 320px;\n  }\n\n  &:where([data-height-large]) {\n    height: 432px;\n  }\n\n  &:where([data-height-xlarge]) {\n    height: 600px;\n  }\n\n  &:where([data-height-auto]),\n  &:where([data-height-initial]) {\n    height: auto;\n  }\n\n  &:where([data-height-fit-content]) {\n    height: fit-content;\n  }\n\n  &:where([data-max-height-xsmall]) {\n    max-height: min(192px, 100vh);\n\n    @supports (height: 100dvh) {\n      max-height: min(192px, 100dvh);\n    }\n  }\n\n  &:where([data-max-height-small]) {\n    max-height: min(256px, 100vh);\n\n    @supports (height: 100dvh) {\n      max-height: min(256px, 100dvh);\n    }\n  }\n\n  &:where([data-max-height-medium]) {\n    max-height: min(320px, 100vh);\n\n    @supports (height: 100dvh) {\n      max-height: min(320px, 100dvh);\n    }\n  }\n\n  &:where([data-max-height-large]) {\n    max-height: min(432px, 100vh);\n\n    @supports (height: 100dvh) {\n      max-height: min(432px, 100dvh);\n    }\n  }\n\n  &:where([data-max-height-xlarge]) {\n    max-height: min(600px, 100vh);\n\n    @supports (height: 100dvh) {\n      max-height: min(600px, 100dvh);\n    }\n  }\n\n  &:where([data-max-height-fit-content]) {\n    max-height: fit-content;\n  }\n\n  &:where([data-width-small]) {\n    width: 256px;\n  }\n\n  &:where([data-width-medium]) {\n    width: 320px;\n  }\n\n  &:where([data-width-large]) {\n    /* stylelint-disable-next-line primer/responsive-widths */\n    width: 480px;\n  }\n\n  &:where([data-width-xlarge]) {\n    /* stylelint-disable-next-line primer/responsive-widths */\n    width: 640px;\n  }\n\n  &:where([data-width-xxlarge]) {\n    /* stylelint-disable-next-line primer/responsive-widths */\n    width: 960px;\n  }\n\n  &:where([data-width-auto]) {\n    width: auto;\n  }\n\n  &:where([data-max-width-small]) {\n    max-width: 256px;\n  }\n\n  &:where([data-max-width-medium]) {\n    max-width: 320px;\n  }\n\n  &:where([data-max-width-large]) {\n    max-width: 480px;\n  }\n\n  &:where([data-max-width-xlarge]) {\n    max-width: 640px;\n  }\n\n  &:where([data-max-width-xxlarge]) {\n    max-width: 960px;\n  }\n\n  &:where([data-visibility-visible]) {\n    visibility: visible;\n  }\n\n  &:where([data-visibility-hidden]) {\n    visibility: hidden;\n  }\n\n  &:where([data-responsive='fullscreen']),\n  &[data-responsive='fullscreen'][data-anchor-position='true'],\n  &[data-component='AnchoredOverlay'][data-responsive='fullscreen'][data-anchor-position='true'] {\n    @media screen and (--viewportRange-narrow) {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100vw;\n      max-width: none;\n      height: 100vh;\n      max-height: none;\n      margin: 0;\n      border-radius: unset;\n      /* stylelint-disable-next-line primer/spacing */\n      padding-bottom: env(safe-area-inset-bottom);\n\n      @supports (height: 100dvh) {\n        /* fix for mobile safari (100vh clips the screen with the toolbar) */\n        height: 100dvh;\n      }\n    }\n  }\n\n  @supports (height: 100dvh) {\n    /* fix for mobile safari (100vh clips the screen with the toolbar) */\n    &:where([data-variant='fullscreen']) {\n      height: 100dvh;\n    }\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .Overlay {\n    animation: overlay-appear 200ms cubic-bezier(0.33, 1, 0.68, 1);\n  }\n}\n"]}

package/dist/Overlay/Overlay.module.css.js

@@ -1,5 +1,5 @@
 import './Overlay-214d10dd.css';
 
-var classes = {"Overlay":"prc-Overlay-Overlay-jfs-T","overlay-appear":"prc-Overlay-overlay-appear-JpFey"};
+var classes = {"Overlay":"prc-Overlay-Overlay-jfs-T","does-not-exist":"prc-Overlay-does-not-exist-pxAm4","overlay-appear":"prc-Overlay-overlay-appear-JpFey"};
 
 export { classes as default };

package/dist/Popover/Popover-a93df39c.css

@@ -1,2 +1,2 @@
-.prc-Popover-Popover-7QIH8{display:none;position:absolute;z-index:100}.prc-Popover-Popover-7QIH8:where([data-open]){display:block}.prc-Popover-Popover-7QIH8:where([data-relative]){position:relative}.prc-Popover-PopoverContent-2x-Aj{background-color:var(--overlay-bgColor,#fff);border-radius:var(--borderRadius-medium,.375rem);box-shadow:var(--shadow-floating-small,0 0 0 1px #d1d9e080,0 6px 12px -3px #25292e0a,0 6px 18px 0 #25292e1f);margin-left:auto;margin-right:auto;padding:var(--base-size-24,1.5rem);position:relative}.prc-Popover-PopoverContent-2x-Aj:after,.prc-Popover-PopoverContent-2x-Aj:before{content:"";display:inline-block;left:50%;position:absolute}.prc-Popover-PopoverContent-2x-Aj:before{border-bottom-color:transparent;border:var(--base-size-8,.5rem) solid transparent;border-bottom-color:var(--borderColor-default,#d1d9e0);margin-left:-9px;top:calc(var(--base-size-16,1rem)*-1)}.prc-Popover-PopoverContent-2x-Aj:after{border:7px solid transparent;border-bottom:7px solid var(--overlay-bgColor,#fff);margin-left:calc(var(--base-size-8,.5rem)*-1);top:-14px}:is(:where([data-caret=bottom]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-2x-Aj):after,:is(:where([data-caret=bottom]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-2x-Aj):before{border-bottom-color:transparent;top:auto}:is(:where([data-caret=bottom]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-2x-Aj):before{border-top-color:var(--borderColor-default,#d1d9e0);bottom:calc(var(--base-size-16,1rem)*-1)}:is(:where([data-caret=bottom]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-2x-Aj):after{border-top-color:var(--overlay-bgColor,#fff);bottom:-14px}:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=top-right]) .prc-Popover-PopoverContent-2x-Aj{margin-right:0;right:-9px}:is(:where([data-caret=top-right]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-2x-Aj):after,:is(:where([data-caret=top-right]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-2x-Aj):before{left:auto;margin-left:0}:is(:where([data-caret=top-right]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-2x-Aj):before{right:20px}:is(:where([data-caret=top-right]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-2x-Aj):after{right:21px}:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=top-left]) .prc-Popover-PopoverContent-2x-Aj{left:-9px;margin-left:0}:is(:where([data-caret=top-left]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-2x-Aj):after,:is(:where([data-caret=top-left]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-2x-Aj):before{left:var(--base-size-24,1.5rem);margin-left:0}:is(:where([data-caret=top-left]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-2x-Aj):after{left:calc(var(--base-size-24,1.5rem) + 1px)}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=right-top]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left-top]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-2x-Aj):after,:is(:where([data-caret=right]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=right-top]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left-top]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-2x-Aj):before{border-bottom-color:transparent;left:auto;margin-left:0;top:50%}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=right-top]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left-top]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-2x-Aj):before{margin-top:calc((var(--base-size-8,.5rem) + 1px)*-1)}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=right-top]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left-top]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-2x-Aj):after{margin-top:calc(var(--base-size-8,.5rem)*-1)}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=right-top]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-2x-Aj):before{border-left-color:var(--borderColor-default,#d1d9e0);right:calc(var(--base-size-16,1rem)*-1)}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=right-top]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-2x-Aj):after{border-left-color:var(--overlay-bgColor,#fff);right:-14px}:is(:where([data-caret=left]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left-top]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-2x-Aj):before{border-right-color:var(--borderColor-default,#d1d9e0);left:calc(var(--base-size-16,1rem)*-1)}:is(:where([data-caret=left]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left-top]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-2x-Aj):after{border-right-color:var(--overlay-bgColor,#fff);left:-14px}:is(:where([data-caret=right-top]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left-top]) .prc-Popover-PopoverContent-2x-Aj):after,:is(:where([data-caret=right-top]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left-top]) .prc-Popover-PopoverContent-2x-Aj):before{top:var(--base-size-24,1.5rem)}:is(:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-2x-Aj):after,:is(:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-2x-Aj):before{top:auto}:is(:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-2x-Aj):before{bottom:var(--base-size-16,1rem)}:is(:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-2x-Aj):after{bottom:calc(var(--base-size-16,1rem) + 1px)}.prc-Popover-PopoverContent-2x-Aj:where([data-width=xsmall]){width:var(--overlay-width-xsmall,12rem)}.prc-Popover-PopoverContent-2x-Aj:where([data-width=small]){width:var(--overlay-width-small,20rem)}.prc-Popover-PopoverContent-2x-Aj:where([data-width=medium]){width:var(--overlay-width-medium,30rem)}.prc-Popover-PopoverContent-2x-Aj:where([data-width=large]){width:var(--overlay-width-large,40rem)}.prc-Popover-PopoverContent-2x-Aj:where([data-width=xlarge]){width:var(--overlay-width-xlarge,60rem)}.prc-Popover-PopoverContent-2x-Aj:where([data-width=auto]){width:auto}.prc-Popover-PopoverContent-2x-Aj:where([data-height=small]){height:var(--overlay-height-small,16rem)}.prc-Popover-PopoverContent-2x-Aj:where([data-height=medium]){height:var(--overlay-height-medium,20rem)}.prc-Popover-PopoverContent-2x-Aj:where([data-height=large]){height:var(--overlay-height-large,27rem)}.prc-Popover-PopoverContent-2x-Aj:where([data-height=xlarge]){height:var(--overlay-height-xlarge,37.5rem)}.prc-Popover-PopoverContent-2x-Aj:where([data-height=fit-content]){height:-moz-fit-content;height:fit-content}.prc-Popover-PopoverContent-2x-Aj:where([data-height=auto]){height:auto}
+.prc-Popover-Popover-7QIH8{display:none;position:absolute;z-index:100}.prc-Popover-Popover-7QIH8:where([data-open]){display:block}.prc-Popover-Popover-7QIH8:where([data-relative]){position:relative}.prc-Popover-PopoverContent-2x-Aj{background-color:var(--overlay-bgColor,#fff);border-radius:var(--borderRadius-medium,.375rem);box-shadow:var(--shadow-floating-small,0 0 0 1px #d1d9e080,0 6px 12px -3px #25292e0a,0 6px 18px 0 #25292e1f);margin-left:auto;margin-right:auto;padding:var(--base-size-24,1.5rem);position:relative}.prc-Popover-PopoverContent-2x-Aj:after,.prc-Popover-PopoverContent-2x-Aj:before{content:"";display:inline-block;left:50%;position:absolute}.prc-Popover-PopoverContent-2x-Aj:before{border-bottom-color:transparent;border:var(--base-size-8,.5rem) solid transparent;border-bottom-color:var(--borderColor-default,#d1d9e0);margin-left:-9px;top:calc(var(--base-size-16,1rem)*-1)}.prc-Popover-PopoverContent-2x-Aj:after{border:7px solid transparent;border-bottom:7px solid var(--overlay-bgColor,#fff);margin-left:calc(var(--base-size-8,.5rem)*-1);top:-14px}:where([data-caret=bottom]) .prc-Popover-PopoverContent-2x-Aj:before{border-bottom-color:transparent;top:auto}:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-2x-Aj:before{border-bottom-color:transparent;top:auto}:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-2x-Aj:before{border-bottom-color:transparent;top:auto}:where([data-caret=bottom]) .prc-Popover-PopoverContent-2x-Aj:after{border-bottom-color:transparent;top:auto}:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-2x-Aj:after{border-bottom-color:transparent;top:auto}:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-2x-Aj:after{border-bottom-color:transparent;top:auto}:where([data-caret=bottom]) .prc-Popover-PopoverContent-2x-Aj:before{border-top-color:var(--borderColor-default,#d1d9e0);bottom:calc(var(--base-size-16,1rem)*-1)}:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-2x-Aj:before{border-top-color:var(--borderColor-default,#d1d9e0);bottom:calc(var(--base-size-16,1rem)*-1)}:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-2x-Aj:before{border-top-color:var(--borderColor-default,#d1d9e0);bottom:calc(var(--base-size-16,1rem)*-1)}:where([data-caret=bottom]) .prc-Popover-PopoverContent-2x-Aj:after{border-top-color:var(--overlay-bgColor,#fff);bottom:-14px}:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-2x-Aj:after{border-top-color:var(--overlay-bgColor,#fff);bottom:-14px}:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-2x-Aj:after{border-top-color:var(--overlay-bgColor,#fff);bottom:-14px}:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=top-right]) .prc-Popover-PopoverContent-2x-Aj{margin-right:0;right:-9px}:where([data-caret=top-right]) .prc-Popover-PopoverContent-2x-Aj:before{left:auto;margin-left:0}:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-2x-Aj:before{left:auto;margin-left:0}:where([data-caret=top-right]) .prc-Popover-PopoverContent-2x-Aj:after{left:auto;margin-left:0}:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-2x-Aj:after{left:auto;margin-left:0}:where([data-caret=top-right]) .prc-Popover-PopoverContent-2x-Aj:before{right:20px}:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-2x-Aj:before{right:20px}:where([data-caret=top-right]) .prc-Popover-PopoverContent-2x-Aj:after{right:21px}:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-2x-Aj:after{right:21px}:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-2x-Aj,:where([data-caret=top-left]) .prc-Popover-PopoverContent-2x-Aj{left:-9px;margin-left:0}:where([data-caret=top-left]) .prc-Popover-PopoverContent-2x-Aj:before{left:var(--base-size-24,1.5rem);margin-left:0}:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-2x-Aj:before{left:var(--base-size-24,1.5rem);margin-left:0}:where([data-caret=top-left]) .prc-Popover-PopoverContent-2x-Aj:after{left:var(--base-size-24,1.5rem);margin-left:0}:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-2x-Aj:after{left:var(--base-size-24,1.5rem);margin-left:0}:where([data-caret=top-left]) .prc-Popover-PopoverContent-2x-Aj:after{left:calc(var(--base-size-24,1.5rem) + 1px)}:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-2x-Aj:after{left:calc(var(--base-size-24,1.5rem) + 1px)}:where([data-caret=right]) .prc-Popover-PopoverContent-2x-Aj:before{border-bottom-color:transparent;left:auto;margin-left:0;top:50%}:where([data-caret=right-top]) .prc-Popover-PopoverContent-2x-Aj:before{border-bottom-color:transparent;left:auto;margin-left:0;top:50%}:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-2x-Aj:before{border-bottom-color:transparent;left:auto;margin-left:0;top:50%}:where([data-caret=left]) .prc-Popover-PopoverContent-2x-Aj:before{border-bottom-color:transparent;left:auto;margin-left:0;top:50%}:where([data-caret=left-top]) .prc-Popover-PopoverContent-2x-Aj:before{border-bottom-color:transparent;left:auto;margin-left:0;top:50%}:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-2x-Aj:before{border-bottom-color:transparent;left:auto;margin-left:0;top:50%}:where([data-caret=right]) .prc-Popover-PopoverContent-2x-Aj:after{border-bottom-color:transparent;left:auto;margin-left:0;top:50%}:where([data-caret=right-top]) .prc-Popover-PopoverContent-2x-Aj:after{border-bottom-color:transparent;left:auto;margin-left:0;top:50%}:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-2x-Aj:after{border-bottom-color:transparent;left:auto;margin-left:0;top:50%}:where([data-caret=left]) .prc-Popover-PopoverContent-2x-Aj:after{border-bottom-color:transparent;left:auto;margin-left:0;top:50%}:where([data-caret=left-top]) .prc-Popover-PopoverContent-2x-Aj:after{border-bottom-color:transparent;left:auto;margin-left:0;top:50%}:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-2x-Aj:after{border-bottom-color:transparent;left:auto;margin-left:0;top:50%}:where([data-caret=right]) .prc-Popover-PopoverContent-2x-Aj:before{margin-top:calc((var(--base-size-8,.5rem) + 1px)*-1)}:where([data-caret=right-top]) .prc-Popover-PopoverContent-2x-Aj:before{margin-top:calc((var(--base-size-8,.5rem) + 1px)*-1)}:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-2x-Aj:before{margin-top:calc((var(--base-size-8,.5rem) + 1px)*-1)}:where([data-caret=left]) .prc-Popover-PopoverContent-2x-Aj:before{margin-top:calc((var(--base-size-8,.5rem) + 1px)*-1)}:where([data-caret=left-top]) .prc-Popover-PopoverContent-2x-Aj:before{margin-top:calc((var(--base-size-8,.5rem) + 1px)*-1)}:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-2x-Aj:before{margin-top:calc((var(--base-size-8,.5rem) + 1px)*-1)}:where([data-caret=right]) .prc-Popover-PopoverContent-2x-Aj:after{margin-top:calc(var(--base-size-8,.5rem)*-1)}:where([data-caret=right-top]) .prc-Popover-PopoverContent-2x-Aj:after{margin-top:calc(var(--base-size-8,.5rem)*-1)}:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-2x-Aj:after{margin-top:calc(var(--base-size-8,.5rem)*-1)}:where([data-caret=left]) .prc-Popover-PopoverContent-2x-Aj:after{margin-top:calc(var(--base-size-8,.5rem)*-1)}:where([data-caret=left-top]) .prc-Popover-PopoverContent-2x-Aj:after{margin-top:calc(var(--base-size-8,.5rem)*-1)}:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-2x-Aj:after{margin-top:calc(var(--base-size-8,.5rem)*-1)}:where([data-caret=right]) .prc-Popover-PopoverContent-2x-Aj:before{border-left-color:var(--borderColor-default,#d1d9e0);right:calc(var(--base-size-16,1rem)*-1)}:where([data-caret=right-top]) .prc-Popover-PopoverContent-2x-Aj:before{border-left-color:var(--borderColor-default,#d1d9e0);right:calc(var(--base-size-16,1rem)*-1)}:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-2x-Aj:before{border-left-color:var(--borderColor-default,#d1d9e0);right:calc(var(--base-size-16,1rem)*-1)}:where([data-caret=right]) .prc-Popover-PopoverContent-2x-Aj:after{border-left-color:var(--overlay-bgColor,#fff);right:-14px}:where([data-caret=right-top]) .prc-Popover-PopoverContent-2x-Aj:after{border-left-color:var(--overlay-bgColor,#fff);right:-14px}:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-2x-Aj:after{border-left-color:var(--overlay-bgColor,#fff);right:-14px}:where([data-caret=left]) .prc-Popover-PopoverContent-2x-Aj:before{border-right-color:var(--borderColor-default,#d1d9e0);left:calc(var(--base-size-16,1rem)*-1)}:where([data-caret=left-top]) .prc-Popover-PopoverContent-2x-Aj:before{border-right-color:var(--borderColor-default,#d1d9e0);left:calc(var(--base-size-16,1rem)*-1)}:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-2x-Aj:before{border-right-color:var(--borderColor-default,#d1d9e0);left:calc(var(--base-size-16,1rem)*-1)}:where([data-caret=left]) .prc-Popover-PopoverContent-2x-Aj:after{border-right-color:var(--overlay-bgColor,#fff);left:-14px}:where([data-caret=left-top]) .prc-Popover-PopoverContent-2x-Aj:after{border-right-color:var(--overlay-bgColor,#fff);left:-14px}:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-2x-Aj:after{border-right-color:var(--overlay-bgColor,#fff);left:-14px}:where([data-caret=right-top]) .prc-Popover-PopoverContent-2x-Aj:before{top:var(--base-size-24,1.5rem)}:where([data-caret=left-top]) .prc-Popover-PopoverContent-2x-Aj:before{top:var(--base-size-24,1.5rem)}:where([data-caret=right-top]) .prc-Popover-PopoverContent-2x-Aj:after{top:var(--base-size-24,1.5rem)}:where([data-caret=left-top]) .prc-Popover-PopoverContent-2x-Aj:after{top:var(--base-size-24,1.5rem)}:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-2x-Aj:before{top:auto}:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-2x-Aj:before{top:auto}:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-2x-Aj:after{top:auto}:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-2x-Aj:after{top:auto}:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-2x-Aj:before{bottom:var(--base-size-16,1rem)}:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-2x-Aj:before{bottom:var(--base-size-16,1rem)}:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-2x-Aj:after{bottom:calc(var(--base-size-16,1rem) + 1px)}:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-2x-Aj:after{bottom:calc(var(--base-size-16,1rem) + 1px)}.prc-Popover-PopoverContent-2x-Aj:where([data-width=xsmall]){width:var(--overlay-width-xsmall,12rem)}.prc-Popover-PopoverContent-2x-Aj:where([data-width=small]){width:var(--overlay-width-small,20rem)}.prc-Popover-PopoverContent-2x-Aj:where([data-width=medium]){width:var(--overlay-width-medium,30rem)}.prc-Popover-PopoverContent-2x-Aj:where([data-width=large]){width:var(--overlay-width-large,40rem)}.prc-Popover-PopoverContent-2x-Aj:where([data-width=xlarge]){width:var(--overlay-width-xlarge,60rem)}.prc-Popover-PopoverContent-2x-Aj:where([data-width=auto]){width:auto}.prc-Popover-PopoverContent-2x-Aj:where([data-height=small]){height:var(--overlay-height-small,16rem)}.prc-Popover-PopoverContent-2x-Aj:where([data-height=medium]){height:var(--overlay-height-medium,20rem)}.prc-Popover-PopoverContent-2x-Aj:where([data-height=large]){height:var(--overlay-height-large,27rem)}.prc-Popover-PopoverContent-2x-Aj:where([data-height=xlarge]){height:var(--overlay-height-xlarge,37.5rem)}.prc-Popover-PopoverContent-2x-Aj:where([data-height=fit-content]){height:-moz-fit-content;height:fit-content}.prc-Popover-PopoverContent-2x-Aj:where([data-height=auto]){height:auto}
 /*# sourceMappingURL=Popover-a93df39c.css.map */

package/dist/Popover/Popover-a93df39c.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Popover/Popover.module.css.js"],"names":[],"mappings":"AAAA,2BAGE,YAAa,CAFb,iBAAkB,CAClB,WAUF,CAPE,8CACE,aACF,CAEA,kDACE,iBACF,CAGF,kCAKE,4CAAwC,CACxC,gDAAyC,CACzC,4GAAwC,CAHxC,gBAAiB,CADjB,iBAAkB,CADlB,kCAA4B,CAD5B,iBA+OF,CAtOE,iFAKE,UAAW,CADX,oBAAqB,CADrB,QAAS,CADT,iBAIF,CAEA,yCAOE,+BAA4C,CAC5C,iDAA+C,CAA/C,sDAA+C,CAL/C,gBAAiB,CAFjB,qCAQF,CAEA,wCASE,4BAA2C,CAA3C,mDAA2C,CAN3C,6CAA0C,CAD1C,SAQF,CAME,iaAGE,+BAAgC,CADhC,QAEF,CAEA,iNAEE,mDAA4C,CAD5C,wCAEF,CAEA,gNAIE,4CAAwC,CAFxC,YAGF,CAIF,qIAIE,cAAe,CADf,UAkBF,CAfE,iSAEE,SAAU,CACV,aACF,CAEA,iJAEE,UACF,CAEA,gJAEE,UACF,CAIF,mIAGE,SAAU,CACV,aAYF,CAVE,6RAEE,+BAAyB,CACzB,aACF,CAEA,8IAEE,2CACF,CAUA,yxBAKE,+BAAgC,CAFhC,SAAU,CACV,aAAc,CAFd,OAIF,CAEA,6YAEE,oDACF,CAEA,4YACE,4CACF,CAOA,8MAEE,oDAA6C,CAD7C,uCAEF,CAEA,6MAIE,6CAAyC,CAFzC,WAGF,CAOA,2MAEE,qDAA8C,CAD9C,sCAEF,CAEA,0MAIE,8CAA0C,CAF1C,UAGF,CAMA,yRAEE,8BACF,CAMA,qSAEE,QACF,CAEA,mJACE,+BACF,CAEA,kJAEE,2CACF,CAGF,6DACE,uCACF,CAEA,4DACE,sCACF,CAEA,6DACE,uCACF,CAEA,4DACE,sCACF,CAEA,6DACE,uCACF,CAEA,2DACE,UACF,CAEA,6DACE,wCACF,CAEA,8DACE,yCACF,CAEA,6DACE,wCACF,CAEA,8DACE,2CACF,CAEA,mEACE,uBAAmB,CAAnB,kBACF,CAEA,4DACE,WACF","file":"Popover-a93df39c.css","sourcesContent":[".Popover {\n  position: absolute;\n  z-index: 100;\n  display: none;\n\n  &:where([data-open]) {\n    display: block;\n  }\n\n  &:where([data-relative]) {\n    position: relative;\n  }\n}\n\n.PopoverContent {\n  position: relative;\n  padding: var(--base-size-24);\n  margin-right: auto;\n  margin-left: auto;\n  background-color: var(--overlay-bgColor);\n  border-radius: var(--borderRadius-medium);\n  box-shadow: var(--shadow-floating-small);\n\n  /* Carets */\n  &::before,\n  &::after {\n    position: absolute;\n    left: 50%;\n    display: inline-block;\n    content: '';\n  }\n\n  &::before {\n    top: calc(-1 * var(--base-size-16));\n    /* stylelint-disable-next-line primer/spacing */\n    margin-left: -9px;\n\n    /* TODO: solid? */\n    /* stylelint-disable-next-line primer/borders */\n    border: var(--base-size-8) solid transparent;\n    border-bottom-color: var(--borderColor-default);\n  }\n\n  &::after {\n    /* stylelint-disable-next-line primer/spacing */\n    top: -14px;\n    margin-left: calc(-1 * var(--base-size-8));\n\n    /* // todo: solid */\n    /* stylelint-disable-next-line primer/borders */\n    border: 7px solid transparent;\n    /* stylelint-disable-next-line primer/colors */\n    border-bottom-color: var(--overlay-bgColor);\n  }\n\n  /* Bottom-oriented carets */\n  :where([data-caret='bottom']) &,\n  :where([data-caret='bottom-right']) &,\n  :where([data-caret='bottom-left']) & {\n    &::before,\n    &::after {\n      top: auto;\n      border-bottom-color: transparent;\n    }\n\n    &::before {\n      bottom: calc(-1 * var(--base-size-16));\n      border-top-color: var(--borderColor-default);\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      bottom: -14px;\n      /* stylelint-disable-next-line primer/colors */\n      border-top-color: var(--overlay-bgColor);\n    }\n  }\n\n  /* Top & Bottom: Right-oriented carets */\n  :where([data-caret='top-right']) &,\n  :where([data-caret='bottom-right']) & {\n    /* stylelint-disable-next-line primer/spacing */\n    right: -9px;\n    margin-right: 0;\n\n    &::before,\n    &::after {\n      left: auto;\n      margin-left: 0;\n    }\n\n    &::before {\n      /* stylelint-disable-next-line primer/spacing */\n      right: 20px;\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      right: 21px;\n    }\n  }\n\n  /* Top & Bottom: Left-oriented carets */\n  :where([data-caret='top-left']) &,\n  :where([data-caret='bottom-left']) & {\n    /* stylelint-disable-next-line primer/spacing */\n    left: -9px;\n    margin-left: 0;\n\n    &::before,\n    &::after {\n      left: var(--base-size-24);\n      margin-left: 0;\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      left: calc(var(--base-size-24) + 1px);\n    }\n  }\n\n  /* Right- & Left-oriented carets */\n  :where([data-caret='right']) &,\n  :where([data-caret='right-top']) &,\n  :where([data-caret='right-bottom']) &,\n  :where([data-caret='left']) &,\n  :where([data-caret='left-top']) &,\n  :where([data-caret='left-bottom']) & {\n    &::before,\n    &::after {\n      top: 50%;\n      left: auto;\n      margin-left: 0;\n      border-bottom-color: transparent;\n    }\n\n    &::before {\n      /* stylelint-disable-next-line primer/spacing */\n      margin-top: calc((var(--base-size-8) + 1px) * -1);\n    }\n\n    &::after {\n      margin-top: calc(-1 * var(--base-size-8));\n    }\n  }\n\n  /* Right-oriented carets */\n  :where([data-caret='right']) &,\n  :where([data-caret='right-top']) &,\n  :where([data-caret='right-bottom']) & {\n    &::before {\n      right: calc(-1 * var(--base-size-16));\n      border-left-color: var(--borderColor-default);\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      right: -14px;\n      /* stylelint-disable-next-line primer/colors */\n      border-left-color: var(--overlay-bgColor);\n    }\n  }\n\n  /* Left-oriented carets */\n  :where([data-caret='left']) &,\n  :where([data-caret='left-top']) &,\n  :where([data-caret='left-bottom']) & {\n    &::before {\n      left: calc(-1 * var(--base-size-16));\n      border-right-color: var(--borderColor-default);\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      left: -14px;\n      /* stylelint-disable-next-line primer/colors */\n      border-right-color: var(--overlay-bgColor);\n    }\n  }\n\n  /* Right & Left: Top-oriented carets */\n  :where([data-caret='right-top']) &,\n  :where([data-caret='left-top']) & {\n    &::before,\n    &::after {\n      top: var(--base-size-24);\n    }\n  }\n\n  /* Right & Left: Bottom-oriented carets */\n  :where([data-caret='right-bottom']) &,\n  :where([data-caret='left-bottom']) & {\n    &::before,\n    &::after {\n      top: auto;\n    }\n\n    &::before {\n      bottom: var(--base-size-16);\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      bottom: calc(var(--base-size-16) + 1px);\n    }\n  }\n\n  &:where([data-width='xsmall']) {\n    width: var(--overlay-width-xsmall);\n  }\n\n  &:where([data-width='small']) {\n    width: var(--overlay-width-small);\n  }\n\n  &:where([data-width='medium']) {\n    width: var(--overlay-width-medium);\n  }\n\n  &:where([data-width='large']) {\n    width: var(--overlay-width-large);\n  }\n\n  &:where([data-width='xlarge']) {\n    width: var(--overlay-width-xlarge);\n  }\n\n  &:where([data-width='auto']) {\n    width: auto;\n  }\n\n  &:where([data-height='small']) {\n    height: var(--overlay-height-small);\n  }\n\n  &:where([data-height='medium']) {\n    height: var(--overlay-height-medium);\n  }\n\n  &:where([data-height='large']) {\n    height: var(--overlay-height-large);\n  }\n\n  &:where([data-height='xlarge']) {\n    height: var(--overlay-height-xlarge);\n  }\n\n  &:where([data-height='fit-content']) {\n    height: fit-content;\n  }\n\n  &:where([data-height='auto']) {\n    height: auto;\n  }\n}\n"]}
+{"version":3,"sources":["../src/Popover/Popover.module.css.js"],"names":[],"mappings":"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","file":"Popover-a93df39c.css","sourcesContent":[".Popover {\n  position: absolute;\n  z-index: 100;\n  display: none;\n\n  &:where([data-open]) {\n    display: block;\n  }\n\n  &:where([data-relative]) {\n    position: relative;\n  }\n}\n\n.PopoverContent {\n  position: relative;\n  padding: var(--base-size-24);\n  margin-right: auto;\n  margin-left: auto;\n  background-color: var(--overlay-bgColor);\n  border-radius: var(--borderRadius-medium);\n  box-shadow: var(--shadow-floating-small);\n\n  /* Carets */\n  &::before,\n  &::after {\n    position: absolute;\n    left: 50%;\n    display: inline-block;\n    content: '';\n  }\n\n  &::before {\n    top: calc(-1 * var(--base-size-16));\n    /* stylelint-disable-next-line primer/spacing */\n    margin-left: -9px;\n\n    /* TODO: solid? */\n    /* stylelint-disable-next-line primer/borders */\n    border: var(--base-size-8) solid transparent;\n    border-bottom-color: var(--borderColor-default);\n  }\n\n  &::after {\n    /* stylelint-disable-next-line primer/spacing */\n    top: -14px;\n    margin-left: calc(-1 * var(--base-size-8));\n\n    /* // todo: solid */\n    /* stylelint-disable-next-line primer/borders */\n    border: 7px solid transparent;\n    /* stylelint-disable-next-line primer/colors */\n    border-bottom-color: var(--overlay-bgColor);\n  }\n\n  /* Bottom-oriented carets */\n  :where([data-caret='bottom']) &,\n  :where([data-caret='bottom-right']) &,\n  :where([data-caret='bottom-left']) & {\n    &::before,\n    &::after {\n      top: auto;\n      border-bottom-color: transparent;\n    }\n\n    &::before {\n      bottom: calc(-1 * var(--base-size-16));\n      border-top-color: var(--borderColor-default);\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      bottom: -14px;\n      /* stylelint-disable-next-line primer/colors */\n      border-top-color: var(--overlay-bgColor);\n    }\n  }\n\n  /* Top & Bottom: Right-oriented carets */\n  :where([data-caret='top-right']) &,\n  :where([data-caret='bottom-right']) & {\n    /* stylelint-disable-next-line primer/spacing */\n    right: -9px;\n    margin-right: 0;\n\n    &::before,\n    &::after {\n      left: auto;\n      margin-left: 0;\n    }\n\n    &::before {\n      /* stylelint-disable-next-line primer/spacing */\n      right: 20px;\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      right: 21px;\n    }\n  }\n\n  /* Top & Bottom: Left-oriented carets */\n  :where([data-caret='top-left']) &,\n  :where([data-caret='bottom-left']) & {\n    /* stylelint-disable-next-line primer/spacing */\n    left: -9px;\n    margin-left: 0;\n\n    &::before,\n    &::after {\n      left: var(--base-size-24);\n      margin-left: 0;\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      left: calc(var(--base-size-24) + 1px);\n    }\n  }\n\n  /* Right- & Left-oriented carets */\n  :where([data-caret='right']) &,\n  :where([data-caret='right-top']) &,\n  :where([data-caret='right-bottom']) &,\n  :where([data-caret='left']) &,\n  :where([data-caret='left-top']) &,\n  :where([data-caret='left-bottom']) & {\n    &::before,\n    &::after {\n      top: 50%;\n      left: auto;\n      margin-left: 0;\n      border-bottom-color: transparent;\n    }\n\n    &::before {\n      /* stylelint-disable-next-line primer/spacing */\n      margin-top: calc((var(--base-size-8) + 1px) * -1);\n    }\n\n    &::after {\n      margin-top: calc(-1 * var(--base-size-8));\n    }\n  }\n\n  /* Right-oriented carets */\n  :where([data-caret='right']) &,\n  :where([data-caret='right-top']) &,\n  :where([data-caret='right-bottom']) & {\n    &::before {\n      right: calc(-1 * var(--base-size-16));\n      border-left-color: var(--borderColor-default);\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      right: -14px;\n      /* stylelint-disable-next-line primer/colors */\n      border-left-color: var(--overlay-bgColor);\n    }\n  }\n\n  /* Left-oriented carets */\n  :where([data-caret='left']) &,\n  :where([data-caret='left-top']) &,\n  :where([data-caret='left-bottom']) & {\n    &::before {\n      left: calc(-1 * var(--base-size-16));\n      border-right-color: var(--borderColor-default);\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      left: -14px;\n      /* stylelint-disable-next-line primer/colors */\n      border-right-color: var(--overlay-bgColor);\n    }\n  }\n\n  /* Right & Left: Top-oriented carets */\n  :where([data-caret='right-top']) &,\n  :where([data-caret='left-top']) & {\n    &::before,\n    &::after {\n      top: var(--base-size-24);\n    }\n  }\n\n  /* Right & Left: Bottom-oriented carets */\n  :where([data-caret='right-bottom']) &,\n  :where([data-caret='left-bottom']) & {\n    &::before,\n    &::after {\n      top: auto;\n    }\n\n    &::before {\n      bottom: var(--base-size-16);\n    }\n\n    &::after {\n      /* stylelint-disable-next-line primer/spacing */\n      bottom: calc(var(--base-size-16) + 1px);\n    }\n  }\n\n  &:where([data-width='xsmall']) {\n    width: var(--overlay-width-xsmall);\n  }\n\n  &:where([data-width='small']) {\n    width: var(--overlay-width-small);\n  }\n\n  &:where([data-width='medium']) {\n    width: var(--overlay-width-medium);\n  }\n\n  &:where([data-width='large']) {\n    width: var(--overlay-width-large);\n  }\n\n  &:where([data-width='xlarge']) {\n    width: var(--overlay-width-xlarge);\n  }\n\n  &:where([data-width='auto']) {\n    width: auto;\n  }\n\n  &:where([data-height='small']) {\n    height: var(--overlay-height-small);\n  }\n\n  &:where([data-height='medium']) {\n    height: var(--overlay-height-medium);\n  }\n\n  &:where([data-height='large']) {\n    height: var(--overlay-height-large);\n  }\n\n  &:where([data-height='xlarge']) {\n    height: var(--overlay-height-xlarge);\n  }\n\n  &:where([data-height='fit-content']) {\n    height: fit-content;\n  }\n\n  &:where([data-height='auto']) {\n    height: auto;\n  }\n}\n"]}

package/dist/SelectPanel/SelectPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectPanel.d.ts","sourceRoot":"","sources":["../../src/SelectPanel/SelectPanel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectPanel.d.ts","sourceRoot":"","sources":["../../src/SelectPanel/SelectPanel.tsx"],"names":[],"mappings":"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"}

package/dist/SelectPanel/SelectPanel.js

@@ -161,7 +161,7 @@ function Panel({
 
   // Reset the intermediate selected item when the panel is open/closed
   useEffect(() => {
-    // eslint-disable-next-line react-hooks/set-state-in-effect
+    // eslint-disable-next-line react-hooks/set-state-in-effect, react-you-might-not-need-an-effect/no-derived-state
     setIntermediateSelected(isSingleSelectModal ? selected : undefined);
   }, [isSingleSelectModal, open, selected]);
   const onListContainerRefChanged = useCallback(node => {
@@ -253,6 +253,7 @@ function Panel({
 
   // disable body scroll when the panel is open in modal mode or on narrow screens
   useEffect(() => {
+    // eslint-disable-next-line react-you-might-not-need-an-effect/no-event-handler
     if (open && (variant === 'modal' || isNarrowScreenSize && usingFullScreenOnNarrow)) {
       const bodyOverflowStyle = document.body.style.overflow || '';
       // If the body is already set to overflow: hidden, it likely means
@@ -268,21 +269,31 @@ function Panel({
     }
   }, [isNarrowScreenSize, open, usingFullScreenOnNarrow, variant]);
   useEffect(() => {
+    // eslint-disable-next-line react-you-might-not-need-an-effect/no-event-handler
     if (open) {
+      // eslint-disable-next-line react-you-might-not-need-an-effect/no-event-handler
       if (items.length === 0 && !(isLoading || loading)) {
         // we need to wait for the listContainerElement to disappear before announcing no items, otherwise it will be interrupted
-        // eslint-disable-next-line react-hooks/set-state-in-effect
+        // eslint-disable-next-line react-hooks/set-state-in-effect, react-you-might-not-need-an-effect/no-adjust-state-on-prop-change
         setNeedsNoItemsAnnouncement(true);
       }
     }
+
+    // eslint-disable-next-line react-you-might-not-need-an-effect/no-event-handler
     if (loadingManagedExternally) {
+      // eslint-disable-next-line react-you-might-not-need-an-effect/no-event-handler
       if (items.length > 0) {
+        // eslint-disable-next-line react-you-might-not-need-an-effect/no-adjust-state-on-prop-change
         setDataLoadedOnce(true);
       }
       return;
     }
+
+    // eslint-disable-next-line react-you-might-not-need-an-effect/no-event-handler
     if (isLoading || items.length > 0) {
+      // eslint-disable-next-line react-you-might-not-need-an-effect/no-adjust-state-on-prop-change
       setIsLoading(false);
+      // eslint-disable-next-line react-you-might-not-need-an-effect/no-adjust-state-on-prop-change
       setDataLoadedOnce(true);
     }
     if (loadingDelayTimeoutId.current) {
@@ -293,12 +304,14 @@ function Panel({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [items]);
   useEffect(() => {
+    // eslint-disable-next-line react-you-might-not-need-an-effect/no-event-handler
     if (inputRef !== null && inputRef !== void 0 && inputRef.current) {
       const ref = inputRef.current;
 
       // We would normally expect AnchoredOverlay's focus trap to automatically focus the input,
       // but for some reason the ref isn't populated until _after_ the panel is open, which is
       // too late. So, we focus manually here.
+      // eslint-disable-next-line react-you-might-not-need-an-effect/no-event-handler
       if (open) {
         ref.focus();
       }
@@ -307,6 +320,7 @@ function Panel({
 
   // Manage loading announcements when loadingManagedExternally
   useEffect(() => {
+    // eslint-disable-next-line react-you-might-not-need-an-effect/no-event-handler
     if (loadingManagedExternally) {
       if (isLoading) {
         // Delay the announcement a bit, just in case the loading is quick
@@ -324,14 +338,18 @@ function Panel({
 
   // Populate panel with items on first open
   useEffect(() => {
+    // eslint-disable-next-line react-you-might-not-need-an-effect/no-event-handler
     if (loadingManagedExternally) return;
 
     // If data was already loaded once, do nothing
+    // eslint-disable-next-line react-you-might-not-need-an-effect/no-event-handler
     if (dataLoadedOnce) return;
 
     // Only load data when the panel is open
+    // eslint-disable-next-line react-you-might-not-need-an-effect/no-event-handler
     if (open) {
       // Only trigger filter change event if there are no items
+      // eslint-disable-next-line react-you-might-not-need-an-effect/no-event-handler
       if (items.length === 0) {
         // Trigger filter event to populate panel on first open
         // eslint-disable-next-line react-hooks/set-state-in-effect
@@ -384,6 +402,8 @@ function Panel({
         from: liveRegion ? liveRegion : undefined
       });
     };
+
+    // eslint-disable-next-line react-you-might-not-need-an-effect/no-event-handler
     if (open && notice) {
       announceNotice();
     }
@@ -529,7 +549,9 @@ function Panel({
   // Track previous items and reset sort when items first load
   const prevItemsRef = useRef(items);
   useEffect(() => {
+    // eslint-disable-next-line react-you-might-not-need-an-effect/no-event-handler
     if (prevItemsRef.current !== items) {
+      // eslint-disable-next-line react-you-might-not-need-an-effect/no-event-handler
       if (prevItemsRef.current.length === 0 && items.length > 0) {
         resetSort();
       }
@@ -540,6 +562,7 @@ function Panel({
   // Reset sort when panel opens
   const prevOpenRef = useRef(open);
   useEffect(() => {
+    // eslint-disable-next-line react-you-might-not-need-an-effect/no-event-handler
     if (prevOpenRef.current !== open) {
       resetSort();
       prevOpenRef.current = open;

package/dist/SideNav-baa2364d.css

@@ -1,2 +1,2 @@
-.prc-src-SideNav-AIeCp{background-color:var(--bgColor-muted,#f6f8fa)}.prc-src-SideNavBordered-SgvyS{border-color:var(--borderColor-default,#d1d9e0);border-radius:var(--borderRadius-medium,.375rem);border-style:solid;border-width:var(--borderWidth-thin,.0625rem)}.prc-src-SideNavBordered-SgvyS>.prc-src-SideNavBordered-SgvyS{border-bottom:0;border-left:0;border-right:0}.prc-src-SideNavLink-jLkUT{display:block;font-size:14px;position:relative;text-align:left;-webkit-text-decoration:none;text-decoration:none;width:100%}.prc-src-SideNavLink-jLkUT>.prc-src-SideNav-AIeCp{border-bottom:none}.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT{border:0;border-top:var(--borderWidth-thin,.0625rem) solid var(--borderColor-muted,#d1d9e0b3);color:var(--fgColor-default,#1f2328);padding:var(--base-size-16,1rem)}:is(.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT):first-child{border-top:0;border-top-left-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem)}:is(.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT):last-child{border-bottom-left-radius:var(--borderRadius-medium,.375rem);border-bottom-right-radius:var(--borderRadius-medium,.375rem)}:is(.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT):before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;top:0;width:3px;z-index:1}:is(.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT):hover{background-color:var(--bgColor-neutral-muted,#818b981f);-webkit-text-decoration:none;text-decoration:none}:is(.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT):focus{background-color:var(--bgColor-neutral-muted,#818b981f);outline:solid 2px var(--fgColor-accent,#0969da);-webkit-text-decoration:none;text-decoration:none;z-index:1}[aria-current=page]:is(.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT),[aria-selected=true]:is(.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT){background-color:var(--bgColor-default,#fff)}:is([aria-current=page]:is(.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT),[aria-selected=true]:is(.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT)):before{background-color:var(--underlineNav-borderColor-active,var(--color-primer-border-active,#fd8c73))}.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--lightweight-H08O8>.prc-src-SideNavLink-jLkUT{color:var(--fgColor-accent,#0969da);padding:var(--base-size-4,.25rem) 0}:is(.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--lightweight-H08O8>.prc-src-SideNavLink-jLkUT):hover{color:var(--fgColor-default,#1f2328);-webkit-text-decoration:none;text-decoration:none}:is(.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--lightweight-H08O8>.prc-src-SideNavLink-jLkUT):focus{color:var(--fgColor-default,#1f2328);outline:solid 1px var(--fgColor-accent,#0969da);-webkit-text-decoration:none;text-decoration:none;z-index:1}[aria-current=page]:is(.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--lightweight-H08O8>.prc-src-SideNavLink-jLkUT),[aria-selected=true]:is(.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--lightweight-H08O8>.prc-src-SideNavLink-jLkUT){color:var(--fgColor-default,#1f2328);font-weight:var(--base-text-weight-medium,500)}.prc-src-SideNavLinkFull-MqWHK{align-items:center;display:flex;justify-content:space-between}
+.prc-src-SideNav-AIeCp{background-color:var(--bgColor-muted,#f6f8fa)}.prc-src-SideNavBordered-SgvyS{border-color:var(--borderColor-default,#d1d9e0);border-radius:var(--borderRadius-medium,.375rem);border-style:solid;border-width:var(--borderWidth-thin,.0625rem)}.prc-src-SideNavBordered-SgvyS>.prc-src-SideNavBordered-SgvyS{border-bottom:0;border-left:0;border-right:0}.prc-src-SideNavLink-jLkUT{display:block;font-size:14px;position:relative;text-align:left;-webkit-text-decoration:none;text-decoration:none;width:100%}.prc-src-SideNavLink-jLkUT>.prc-src-SideNav-AIeCp{border-bottom:none}.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT{border:0;border-top:var(--borderWidth-thin,.0625rem) solid var(--borderColor-muted,#d1d9e0b3);color:var(--fgColor-default,#1f2328);padding:var(--base-size-16,1rem)}.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT:first-child{border-top:0;border-top-left-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem)}.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT:last-child{border-bottom-left-radius:var(--borderRadius-medium,.375rem);border-bottom-right-radius:var(--borderRadius-medium,.375rem)}.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;top:0;width:3px;z-index:1}.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT:focus,.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT:hover{background-color:var(--bgColor-neutral-muted,#818b981f);-webkit-text-decoration:none;text-decoration:none}.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT:focus{outline:solid 2px var(--fgColor-accent,#0969da);z-index:1}.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT[aria-current=page],.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT[aria-selected=true]{background-color:var(--bgColor-default,#fff)}.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT[aria-current=page]:before,.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--normal-KyXT8>.prc-src-SideNavLink-jLkUT[aria-selected=true]:before{background-color:var(--underlineNav-borderColor-active,var(--color-primer-border-active,#fd8c73))}.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--lightweight-H08O8>.prc-src-SideNavLink-jLkUT{color:var(--fgColor-accent,#0969da);padding:var(--base-size-4,.25rem) 0}.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--lightweight-H08O8>.prc-src-SideNavLink-jLkUT:focus,.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--lightweight-H08O8>.prc-src-SideNavLink-jLkUT:hover{color:var(--fgColor-default,#1f2328);-webkit-text-decoration:none;text-decoration:none}.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--lightweight-H08O8>.prc-src-SideNavLink-jLkUT:focus{outline:solid 1px var(--fgColor-accent,#0969da);z-index:1}.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--lightweight-H08O8>.prc-src-SideNavLink-jLkUT[aria-current=page],.prc-src-SideNav-AIeCp.prc-src-SideNavVariant--lightweight-H08O8>.prc-src-SideNavLink-jLkUT[aria-selected=true]{color:var(--fgColor-default,#1f2328);font-weight:var(--base-text-weight-medium,500)}.prc-src-SideNavLinkFull-MqWHK{align-items:center;display:flex;justify-content:space-between}
 /*# sourceMappingURL=SideNav-baa2364d.css.map */

package/dist/SideNav-baa2364d.css.map

@@ -1 +1 @@
-{"version":3,"sources":["src/SideNav.module.css.js"],"names":[],"mappings":"AAAA,uBACE,6CACF,CAEA,+BACE,+CAAwC,CAGxC,gDAAyC,CAFzC,kBAAmB,CACnB,6CASF,CALE,8DAEE,eAAgB,CAChB,aAAc,CAFd,cAGF,CAGF,2BAEE,aAAc,CAGd,cAAe,CAJf,iBAAkB,CAKlB,eAAgB,CAChB,4BAAqB,CAArB,oBAAqB,CAJrB,UAsFF,CAhFE,kDACE,kBACF,CAEA,uFAGE,QAAS,CACT,oFAAkE,CAFlE,oCAA6B,CAD7B,gCAmDF,CA9CE,wGACE,YAAa,CACb,yDAAkD,CAClD,0DACF,CAEA,uGAEE,4DAAqD,CADrD,6DAEF,CAGA,mGAGE,QAAS,CAKT,UAAW,CAJX,MAAO,CAGP,mBAAoB,CANpB,iBAAkB,CAClB,KAAM,CAIN,SAAU,CADV,SAIF,CAEA,kGAEE,uDAA8C,CAD9C,4BAAqB,CAArB,oBAEF,CAEA,kGAGE,uDAA8C,CAC9C,+CAAwC,CAFxC,4BAAqB,CAArB,oBAAqB,CADrB,SAIF,CAEA,+NAEE,4CAQF,CAJE,2OAEE,iGACF,CAIJ,4FAEE,mCAA4B,CAD5B,mCAoBF,CAjBE,uGACE,oCAA6B,CAC7B,4BAAqB,CAArB,oBACF,CAEA,uGAEE,oCAA6B,CAE7B,+CAAwC,CADxC,4BAAqB,CAArB,oBAAqB,CAFrB,SAIF,CAEA,yOAGE,oCAA6B,CAD7B,8CAEF,CAIJ,+BAEE,kBAAmB,CADnB,YAAa,CAEb,6BACF","file":"SideNav-baa2364d.css","sourcesContent":[".SideNav {\n  background-color: var(--bgColor-muted);\n}\n\n.SideNavBordered {\n  border-color: var(--borderColor-default);\n  border-style: solid;\n  border-width: var(--borderWidth-thin);\n  border-radius: var(--borderRadius-medium);\n\n  /*  Remove duplicate borders from nested SideNavs */\n  & > & {\n    border-right: 0;\n    border-bottom: 0;\n    border-left: 0;\n  }\n}\n\n.SideNavLink {\n  position: relative;\n  display: block;\n  width: 100%;\n  /* stylelint-disable-next-line primer/typography */\n  font-size: 14px;\n  text-align: left;\n  text-decoration: none;\n\n  & > .SideNav {\n    border-bottom: none;\n  }\n\n  .SideNav.SideNavVariant--normal > & {\n    padding: var(--base-size-16);\n    color: var(--fgColor-default);\n    border: 0;\n    border-top: var(--borderWidth-thin) solid var(--borderColor-muted);\n\n    &:first-child {\n      border-top: 0;\n      border-top-left-radius: var(--borderRadius-medium);\n      border-top-right-radius: var(--borderRadius-medium);\n    }\n\n    &:last-child {\n      border-bottom-right-radius: var(--borderRadius-medium);\n      border-bottom-left-radius: var(--borderRadius-medium);\n    }\n\n    /* Bar on the left */\n    &::before {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 1;\n      width: 3px;\n      pointer-events: none;\n      content: '';\n    }\n\n    &:hover {\n      text-decoration: none;\n      background-color: var(--bgColor-neutral-muted);\n    }\n\n    &:focus {\n      z-index: 1;\n      text-decoration: none;\n      background-color: var(--bgColor-neutral-muted);\n      outline: solid 2px var(--fgColor-accent);\n    }\n\n    &[aria-current='page'],\n    &[aria-selected='true'] {\n      background-color: var(--bgColor-default);\n\n      /* Bar on the left */\n      /* stylelint-disable-next-line selector-max-specificity */\n      &::before {\n        /* stylelint-disable-next-line primer/colors */\n        background-color: var(--underlineNav-borderColor-active, var(--color-primer-border-active, #fd8c73));\n      }\n    }\n  }\n\n  .SideNav.SideNavVariant--lightweight > & {\n    padding: var(--base-size-4) 0;\n    color: var(--fgColor-accent);\n\n    &:hover {\n      color: var(--fgColor-default);\n      text-decoration: none;\n    }\n\n    &:focus {\n      z-index: 1;\n      color: var(--fgColor-default);\n      text-decoration: none;\n      outline: solid 1px var(--fgColor-accent);\n    }\n\n    &[aria-current='page'],\n    &[aria-selected='true'] {\n      font-weight: var(--base-text-weight-medium);\n      color: var(--fgColor-default);\n    }\n  }\n}\n\n.SideNavLinkFull {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n"]}
+{"version":3,"sources":["src/SideNav.module.css.js"],"names":[],"mappings":"AAAA,uBACE,6CACF,CAEA,+BACE,+CAAwC,CAGxC,gDAAyC,CAFzC,kBAAmB,CACnB,6CASF,CALE,8DAEE,eAAgB,CAChB,aAAc,CAFd,cAGF,CAGF,2BAEE,aAAc,CAGd,cAAe,CAJf,iBAAkB,CAKlB,eAAgB,CAChB,4BAAqB,CAArB,oBAAqB,CAJrB,UAsFF,CAhFE,kDACE,kBACF,CAEA,uFAGE,QAAS,CACT,oFAAkE,CAFlE,oCAA6B,CAD7B,gCAmDF,CA9CE,mGACE,YAAa,CACb,yDAAkD,CAClD,0DACF,CAEA,kGAEE,4DAAqD,CADrD,6DAEF,CAGA,8FAGE,QAAS,CAKT,UAAW,CAJX,MAAO,CAGP,mBAAoB,CANpB,iBAAkB,CAClB,KAAM,CAIN,SAAU,CADV,SAIF,CAOA,0LAHE,uDAA8C,CAD9C,4BAAqB,CAArB,oBASF,CALA,6FAIE,+CAAwC,CAHxC,SAIF,CAEA,qNAEE,4CAQF,CAJE,mOAEE,iGACF,CAIJ,4FAEE,mCAA4B,CAD5B,mCAoBF,CAZE,oMAJE,oCAA6B,CAC7B,4BAAqB,CAArB,oBAQF,CALA,kGAIE,+CAAwC,CAHxC,SAIF,CAEA,+NAGE,oCAA6B,CAD7B,8CAEF,CAIJ,+BAEE,kBAAmB,CADnB,YAAa,CAEb,6BACF","file":"SideNav-baa2364d.css","sourcesContent":[".SideNav {\n  background-color: var(--bgColor-muted);\n}\n\n.SideNavBordered {\n  border-color: var(--borderColor-default);\n  border-style: solid;\n  border-width: var(--borderWidth-thin);\n  border-radius: var(--borderRadius-medium);\n\n  /*  Remove duplicate borders from nested SideNavs */\n  & > & {\n    border-right: 0;\n    border-bottom: 0;\n    border-left: 0;\n  }\n}\n\n.SideNavLink {\n  position: relative;\n  display: block;\n  width: 100%;\n  /* stylelint-disable-next-line primer/typography */\n  font-size: 14px;\n  text-align: left;\n  text-decoration: none;\n\n  & > .SideNav {\n    border-bottom: none;\n  }\n\n  .SideNav.SideNavVariant--normal > & {\n    padding: var(--base-size-16);\n    color: var(--fgColor-default);\n    border: 0;\n    border-top: var(--borderWidth-thin) solid var(--borderColor-muted);\n\n    &:first-child {\n      border-top: 0;\n      border-top-left-radius: var(--borderRadius-medium);\n      border-top-right-radius: var(--borderRadius-medium);\n    }\n\n    &:last-child {\n      border-bottom-right-radius: var(--borderRadius-medium);\n      border-bottom-left-radius: var(--borderRadius-medium);\n    }\n\n    /* Bar on the left */\n    &::before {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 1;\n      width: 3px;\n      pointer-events: none;\n      content: '';\n    }\n\n    &:hover {\n      text-decoration: none;\n      background-color: var(--bgColor-neutral-muted);\n    }\n\n    &:focus {\n      z-index: 1;\n      text-decoration: none;\n      background-color: var(--bgColor-neutral-muted);\n      outline: solid 2px var(--fgColor-accent);\n    }\n\n    &[aria-current='page'],\n    &[aria-selected='true'] {\n      background-color: var(--bgColor-default);\n\n      /* Bar on the left */\n      /* stylelint-disable-next-line selector-max-specificity */\n      &::before {\n        /* stylelint-disable-next-line primer/colors */\n        background-color: var(--underlineNav-borderColor-active, var(--color-primer-border-active, #fd8c73));\n      }\n    }\n  }\n\n  .SideNav.SideNavVariant--lightweight > & {\n    padding: var(--base-size-4) 0;\n    color: var(--fgColor-accent);\n\n    &:hover {\n      color: var(--fgColor-default);\n      text-decoration: none;\n    }\n\n    &:focus {\n      z-index: 1;\n      color: var(--fgColor-default);\n      text-decoration: none;\n      outline: solid 1px var(--fgColor-accent);\n    }\n\n    &[aria-current='page'],\n    &[aria-selected='true'] {\n      font-weight: var(--base-text-weight-medium);\n      color: var(--fgColor-default);\n    }\n  }\n}\n\n.SideNavLinkFull {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n"]}

package/dist/Spinner/Spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AAOlE,QAAA,MAAM,OAAO;;;;CAIZ,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,CAAA;IAC3B,0KAA0K;IAC1K,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,4MAA4M;IAC5M,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;CAC5C,GAAG,kBAAkB,CAAA;AAEtB,iBAAS,OAAO,CAAC,EACf,IAAI,EAAE,OAAkB,EACxB,MAAkB,EAClB,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,KAAK,EACL,KAAa,EACb,GAAG,KAAK,EACT,EAAE,YAAY,4BA+Dd;kBAvEQ,OAAO;;;AAwFhB,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AAOlE,QAAA,MAAM,OAAO;;;;CAIZ,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,CAAA;IAC3B,0KAA0K;IAC1K,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,4MAA4M;IAC5M,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;CAC5C,GAAG,kBAAkB,CAAA;AAEtB,iBAAS,OAAO,CAAC,EACf,IAAI,EAAE,OAAkB,EACxB,MAAkB,EAClB,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,KAAK,EACL,KAAa,EACb,GAAG,KAAK,EACT,EAAE,YAAY,4BAgEd;kBAxEQ,OAAO;;;AAyFhB,eAAe,OAAO,CAAA"}

package/dist/SubNav/SubNav-88128e5c.css

@@ -1,2 +1,2 @@
-.prc-SubNav-SubNav-rFG0y{display:flex;justify-content:space-between}.prc-SubNav-Body-lEnuM{display:flex;margin-bottom:-1px}.prc-SubNav-Body-lEnuM>*{margin-left:var(--base-size-8,.5rem)}.prc-SubNav-Body-lEnuM>:first-child{margin-left:0}.prc-SubNav-Actions-iCuaN{align-self:center}.prc-SubNav-Link-iCE7h,.prc-SubNav-Links-2ibrQ{display:flex}.prc-SubNav-Link-iCE7h{align-items:center;border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,#d1d9e0);border-right:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,#d1d9e0);border-top:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,#d1d9e0);color:var(--fgColor-default,#1f2328);font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-medium,500);line-height:20px;min-height:34px;padding-left:var(--base-size-16,1rem);padding-right:var(--base-size-16,1rem);text-align:center;-webkit-text-decoration:none;text-decoration:none}.prc-SubNav-Link-iCE7h:first-of-type{border-bottom-left-radius:var(--borderRadius-medium,.375rem);border-left:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,#d1d9e0);border-top-left-radius:var(--borderRadius-medium,.375rem)}.prc-SubNav-Link-iCE7h:last-of-type{border-bottom-right-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem)}.prc-SubNav-Link-iCE7h:focus,.prc-SubNav-Link-iCE7h:hover{background-color:var(--bgColor-muted,#f6f8fa);-webkit-text-decoration:none;text-decoration:none;transition:background-color .2s ease}.prc-SubNav-Link-iCE7h:is([data-selected=true]){background-color:var(--bgColor-accent-emphasis,#0969da);border-color:var(--bgColor-accent-emphasis,#0969da);color:var(--fgColor-onEmphasis,#fff)}
+.prc-SubNav-SubNav-rFG0y{display:flex;justify-content:space-between}.prc-SubNav-Body-lEnuM{display:flex;margin-bottom:-1px}.prc-SubNav-Body-lEnuM>*{margin-left:var(--base-size-8,.5rem)}.prc-SubNav-Body-lEnuM>:first-child{margin-left:0}.prc-SubNav-Actions-iCuaN{align-self:center}.prc-SubNav-Link-iCE7h,.prc-SubNav-Links-2ibrQ{display:flex}.prc-SubNav-Link-iCE7h{align-items:center;border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,#d1d9e0);border-right:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,#d1d9e0);border-top:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,#d1d9e0);color:var(--fgColor-default,#1f2328);font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-medium,500);line-height:20px;min-height:34px;padding-left:var(--base-size-16,1rem);padding-right:var(--base-size-16,1rem);text-align:center;-webkit-text-decoration:none;text-decoration:none}.prc-SubNav-Link-iCE7h:first-of-type{border-bottom-left-radius:var(--borderRadius-medium,.375rem);border-left:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,#d1d9e0);border-top-left-radius:var(--borderRadius-medium,.375rem)}.prc-SubNav-Link-iCE7h:last-of-type{border-bottom-right-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem)}.prc-SubNav-Link-iCE7h:focus,.prc-SubNav-Link-iCE7h:hover{background-color:var(--bgColor-muted,#f6f8fa);-webkit-text-decoration:none;text-decoration:none;transition:background-color .2s ease}.prc-SubNav-Link-iCE7h[data-selected=true]{background-color:var(--bgColor-accent-emphasis,#0969da);border-color:var(--bgColor-accent-emphasis,#0969da);color:var(--fgColor-onEmphasis,#fff)}
 /*# sourceMappingURL=SubNav-88128e5c.css.map */

package/dist/SubNav/SubNav-88128e5c.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/SubNav/SubNav.module.css.js"],"names":[],"mappings":"AAAA,yBACE,YAAa,CACb,6BACF,CAEA,uBACE,YAAa,CAEb,kBASF,CAPE,yBACE,oCACF,CAEA,oCACE,aACF,CAGF,0BACE,iBACF,CAMA,+CAHE,YA4CF,CAzCA,uBAeE,kBAAmB,CADnB,uFAAuE,CADvE,sFAAsE,CADtE,oFAAoE,CAHpE,oCAA6B,CAJ7B,8CAAuC,CACvC,8CAA2C,CAE3C,gBAAiB,CANjB,eAAgB,CAEhB,qCAAiC,CADjC,sCAAkC,CAOlC,iBAAkB,CAClB,4BAAqB,CAArB,oBA8BF,CAxBE,qCAGE,4DAAqD,CAFrD,qFAAqE,CACrE,yDAEF,CAEA,oCAEE,6DAAsD,CADtD,0DAEF,CAEA,0DAGE,6CAAsC,CADtC,4BAAqB,CAArB,oBAAqB,CAErB,oCACF,CAEA,gDAEE,uDAAgD,CAEhD,mDAA4C,CAH5C,oCAIF","file":"SubNav-88128e5c.css","sourcesContent":[".SubNav {\n  display: flex;\n  justify-content: space-between;\n}\n\n.Body {\n  display: flex;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-bottom: -1px;\n\n  & > * {\n    margin-left: var(--base-size-8);\n  }\n\n  & > *:first-child {\n    margin-left: 0;\n  }\n}\n\n.Actions {\n  align-self: center;\n}\n\n.Links {\n  display: flex;\n}\n\n.Link {\n  display: flex;\n  min-height: 34px; /* custom values for SubNav */\n  padding-right: var(--base-size-16);\n  padding-left: var(--base-size-16);\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--base-text-weight-medium);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 20px; /* custom values for SubNav */\n  color: var(--fgColor-default);\n  text-align: center;\n  text-decoration: none;\n  border-top: var(--borderWidth-thin) solid var(--borderColor-default);\n  border-right: var(--borderWidth-thin) solid var(--borderColor-default);\n  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n  align-items: center;\n\n  &:first-of-type {\n    border-left: var(--borderWidth-thin) solid var(--borderColor-default);\n    border-top-left-radius: var(--borderRadius-medium);\n    border-bottom-left-radius: var(--borderRadius-medium);\n  }\n\n  &:last-of-type {\n    border-top-right-radius: var(--borderRadius-medium);\n    border-bottom-right-radius: var(--borderRadius-medium);\n  }\n\n  &:hover,\n  &:focus {\n    text-decoration: none;\n    background-color: var(--bgColor-muted);\n    transition: background-color 0.2s ease;\n  }\n\n  &:is([data-selected='true']) {\n    color: var(--fgColor-onEmphasis);\n    background-color: var(--bgColor-accent-emphasis);\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--bgColor-accent-emphasis);\n  }\n}\n"]}
+{"version":3,"sources":["../src/SubNav/SubNav.module.css.js"],"names":[],"mappings":"AAAA,yBACE,YAAa,CACb,6BACF,CAEA,uBACE,YAAa,CAEb,kBASF,CAPE,yBACE,oCACF,CAEA,oCACE,aACF,CAGF,0BACE,iBACF,CAMA,+CAHE,YA4CF,CAzCA,uBAeE,kBAAmB,CADnB,uFAAuE,CADvE,sFAAsE,CADtE,oFAAoE,CAHpE,oCAA6B,CAJ7B,8CAAuC,CACvC,8CAA2C,CAE3C,gBAAiB,CANjB,eAAgB,CAEhB,qCAAiC,CADjC,sCAAkC,CAOlC,iBAAkB,CAClB,4BAAqB,CAArB,oBA8BF,CAxBE,qCAGE,4DAAqD,CAFrD,qFAAqE,CACrE,yDAEF,CAEA,oCAEE,6DAAsD,CADtD,0DAEF,CAEA,0DAGE,6CAAsC,CADtC,4BAAqB,CAArB,oBAAqB,CAErB,oCACF,CAEA,2CAEE,uDAAgD,CAEhD,mDAA4C,CAH5C,oCAIF","file":"SubNav-88128e5c.css","sourcesContent":[".SubNav {\n  display: flex;\n  justify-content: space-between;\n}\n\n.Body {\n  display: flex;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-bottom: -1px;\n\n  & > * {\n    margin-left: var(--base-size-8);\n  }\n\n  & > *:first-child {\n    margin-left: 0;\n  }\n}\n\n.Actions {\n  align-self: center;\n}\n\n.Links {\n  display: flex;\n}\n\n.Link {\n  display: flex;\n  min-height: 34px; /* custom values for SubNav */\n  padding-right: var(--base-size-16);\n  padding-left: var(--base-size-16);\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--base-text-weight-medium);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 20px; /* custom values for SubNav */\n  color: var(--fgColor-default);\n  text-align: center;\n  text-decoration: none;\n  border-top: var(--borderWidth-thin) solid var(--borderColor-default);\n  border-right: var(--borderWidth-thin) solid var(--borderColor-default);\n  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n  align-items: center;\n\n  &:first-of-type {\n    border-left: var(--borderWidth-thin) solid var(--borderColor-default);\n    border-top-left-radius: var(--borderRadius-medium);\n    border-bottom-left-radius: var(--borderRadius-medium);\n  }\n\n  &:last-of-type {\n    border-top-right-radius: var(--borderRadius-medium);\n    border-bottom-right-radius: var(--borderRadius-medium);\n  }\n\n  &:hover,\n  &:focus {\n    text-decoration: none;\n    background-color: var(--bgColor-muted);\n    transition: background-color 0.2s ease;\n  }\n\n  &:is([data-selected='true']) {\n    color: var(--fgColor-onEmphasis);\n    background-color: var(--bgColor-accent-emphasis);\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--bgColor-accent-emphasis);\n  }\n}\n"]}

package/dist/Text/Text.d.ts

@@ -6,17 +6,12 @@ export type TextProps<As extends React.ElementType = 'span'> = PolymorphicProps<
     whiteSpace?: 'pre' | 'normal' | 'nowrap' | 'pre-wrap' | 'pre-line';
     className?: string;
 }>;
-declare const _default: <As extends React.ElementType>(props: (React.ComponentPropsWithRef<React.ElementType extends As ? "span" : As> & {
+declare const _default: <As extends React.ElementType>(props: import("../utils/modern-polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "span" : As> & {
     size?: "large" | "medium" | "small";
     weight?: "light" | "normal" | "medium" | "semibold";
     whiteSpace?: "pre" | "normal" | "nowrap" | "pre-wrap" | "pre-line";
     className?: string;
-} extends infer T ? T extends React.ComponentPropsWithRef<React.ElementType extends As ? "span" : As> & {
-    size?: "large" | "medium" | "small";
-    weight?: "light" | "normal" | "medium" | "semibold";
-    whiteSpace?: "pre" | "normal" | "nowrap" | "pre-wrap" | "pre-line";
-    className?: string;
-} ? T extends unknown ? Omit<T, "as"> : never : never : never) & {
+}, "as"> & {
     as?: As | undefined;
 } & React.RefAttributes<any>) => React.ReactNode;
 export default _default;

package/dist/Text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAkB,KAAK,gBAAgB,EAAC,MAAM,6BAA6B,CAAA;AAElF,MAAM,MAAM,SAAS,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,IAAI,gBAAgB,CAC7E,EAAE,EACF,MAAM,EACN;IACE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAA;IACnD,UAAU,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAA;IAClE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CACF,CAAA;yBAGa,EAAE,SAAS,KAAK,CAAC,WAAW;WAR/B,OAAO,GAAG,QAAQ,GAAG,OAAO;aAC1B,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU;iBACtC,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU;gBACtD,MAAM;;WAHX,OAAO,GAAG,QAAQ,GAAG,OAAO;aAC1B,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU;iBACtC,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU;gBACtD,MAAM;;;;AAsBtB,wBAAoC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAkB,KAAK,gBAAgB,EAAC,MAAM,6BAA6B,CAAA;AAElF,MAAM,MAAM,SAAS,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,IAAI,gBAAgB,CAC7E,EAAE,EACF,MAAM,EACN;IACE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAA;IACnD,UAAU,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAA;IAClE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CACF,CAAA;yBAGa,EAAE,SAAS,KAAK,CAAC,WAAW;WAR/B,OAAO,GAAG,QAAQ,GAAG,OAAO;aAC1B,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU;iBACtC,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU;gBACtD,MAAM;;;;AAsBtB,wBAAoC"}

package/dist/TextInput/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwD,MAAM,OAAO,CAAA;AAE5E,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAO/F,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAA;AAQ/E,MAAM,MAAM,4BAA4B,GAAG;IACzC,uEAAuE;IACvE,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACxB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;;QAKI;IACJ,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;IAChD,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;IACnD;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;IACpD;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAA;IACvE;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,GAAG,OAAO,CACT,IAAI,CACF,kBAAkB,EAChB,OAAO,GACP,UAAU,GACV,UAAU,GACV,WAAW,GACX,OAAO,GACP,UAAU,GACV,UAAU,GACV,SAAS,GACT,MAAM,GACN,kBAAkB,CACrB,CACF,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,4BAA4B,CAAC,CAAA;;;;;;;;;;;AAkQzG,wBAGE"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqC,MAAM,OAAO,CAAA;AAEzD,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAO/F,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAA;AAU/E,MAAM,MAAM,4BAA4B,GAAG;IACzC,uEAAuE;IACvE,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACxB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;;QAKI;IACJ,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;IAChD,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;IACnD;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;IACpD;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAA;IACvE;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,GAAG,OAAO,CACT,IAAI,CACF,kBAAkB,EAChB,OAAO,GACP,UAAU,GACV,UAAU,GACV,WAAW,GACX,OAAO,GACP,UAAU,GACV,UAAU,GACV,SAAS,GACT,MAAM,GACN,kBAAkB,CACrB,CACF,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,4BAA4B,CAAC,CAAA;;;;;;;;;;;AAyNzG,wBAGE"}

package/dist/TextInput/TextInput.js

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useId, useCallback, useEffect } from 'react';
+import React, { useState, useId, useCallback } from 'react';
 import { isValidElementType } from 'react-is';
 import { clsx } from 'clsx';
 import { AlertFillIcon } from '@primer/octicons-react';
@@ -8,9 +8,11 @@ import { TextInputWrapper } from '../internal/components/TextInputWrapper.js';
 import TextInputAction from '../internal/components/TextInputInnerAction.js';
 import UnstyledTextInput from '../internal/components/UnstyledTextInput.js';
 import VisuallyHidden from '../_VisuallyHidden.js';
-import { CharacterCounter } from '../utils/character-counter.js';
+import visuallyHiddenClasses from '../_VisuallyHidden.module.css.js';
+import { SCREEN_READER_DELAY, getCharacterCountState } from '../utils/character-counter.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useProvidedRefOrCreate } from '../hooks/useProvidedRefOrCreate.js';
+import { AriaStatus } from '../live-region/AriaStatus.js';
 import Text from '../Text/Text.js';
 
 // using forwardRef is important so that other components can autofocus the input
@@ -46,16 +48,22 @@ const TextInput = /*#__PURE__*/React.forwardRef(({
   'data-component': dataComponent,
   ...inputProps
 }, ref) => {
+  var _counter$isOverLimit;
   const [isInputFocused, setIsInputFocused] = useState(false);
   const inputRef = useProvidedRefOrCreate(ref);
-  const [characterCount, setCharacterCount] = useState('');
-  const [isOverLimit, setIsOverLimit] = useState(false);
-  const [screenReaderMessage, setScreenReaderMessage] = useState('');
-  const characterCounterRef = useRef(null);
-  const lastCountedLengthRef = useRef(null);
-  const lastCharacterCountRef = useRef('');
-  const lastIsOverLimitRef = useRef(false);
-  const lastScreenReaderMessageRef = useRef('');
+
+  // For uncontrolled usage we track the length of the input's content so the
+  // character counter can be derived during render rather than synced from an
+  // effect (which would trigger an extra render on every keystroke). For
+  // controlled usage the `value` prop is the source of truth.
+  const isControlled = value !== undefined;
+  const [uncontrolledLength, setUncontrolledLength] = useState(() => defaultValue !== undefined ? String(defaultValue).length : 0);
+  const currentLength = isControlled ? String(value).length : uncontrolledLength;
+
+  // The counter and validation state are derived directly from the current
+  // length, so they stay in sync with the input without an extra render.
+  const counter = characterLimit ? getCharacterCountState(currentLength, characterLimit) : undefined;
+  const isOverLimit = (_counter$isOverLimit = counter === null || counter === void 0 ? void 0 : counter.isOverLimit) !== null && _counter$isOverLimit !== void 0 ? _counter$isOverLimit : false;
 
   // this class is necessary to style FilterSearch, plz no touchy!
   const wrapperClasses = clsx(className, 'TextInput-wrapper');
@@ -84,63 +92,13 @@ const TextInput = /*#__PURE__*/React.forwardRef(({
     onBlur && onBlur(e_1);
   }, [onBlur]);
 
-  // Initialize character counter
-  useEffect(() => {
-    if (characterLimit) {
-      characterCounterRef.current = new CharacterCounter({
-        onCountUpdate: (count, overLimit, message) => {
-          if (message !== lastCharacterCountRef.current) {
-            lastCharacterCountRef.current = message;
-            setCharacterCount(message);
-          }
-          if (overLimit !== lastIsOverLimitRef.current) {
-            lastIsOverLimitRef.current = overLimit;
-            setIsOverLimit(overLimit);
-          }
-        },
-        onScreenReaderAnnounce: message_0 => {
-          if (message_0 !== lastScreenReaderMessageRef.current) {
-            lastScreenReaderMessageRef.current = message_0;
-            setScreenReaderMessage(message_0);
-          }
-        }
-      });
-      lastCountedLengthRef.current = null;
-      return () => {
-        var _characterCounterRef$;
-        (_characterCounterRef$ = characterCounterRef.current) === null || _characterCounterRef$ === void 0 ? void 0 : _characterCounterRef$.cleanup();
-        characterCounterRef.current = null;
-        lastCountedLengthRef.current = null;
-        lastCharacterCountRef.current = '';
-        lastIsOverLimitRef.current = false;
-        lastScreenReaderMessageRef.current = '';
-      };
-    }
-  }, [characterLimit]);
-
-  // Update character count when value changes or on mount
-  useEffect(() => {
-    if (characterLimit && characterCounterRef.current) {
-      const currentValue = value !== undefined ? String(value) : defaultValue !== undefined ? String(defaultValue) : '';
-      const currentLength = currentValue.length;
-      if (currentLength !== lastCountedLengthRef.current) {
-        lastCountedLengthRef.current = currentLength;
-        characterCounterRef.current.updateCharacterCount(currentLength, characterLimit);
-      }
-    }
-  }, [value, defaultValue, characterLimit]);
-
   // Handle input change with character counter
   const handleInputChange = useCallback(e_2 => {
-    if (characterLimit && characterCounterRef.current) {
-      const currentLength_0 = e_2.target.value.length;
-      if (currentLength_0 !== lastCountedLengthRef.current) {
-        lastCountedLengthRef.current = currentLength_0;
-        characterCounterRef.current.updateCharacterCount(currentLength_0, characterLimit);
-      }
+    if (characterLimit && !isControlled) {
+      setUncontrolledLength(e_2.target.value.length);
     }
     onChange === null || onChange === void 0 ? void 0 : onChange(e_2);
-  }, [onChange, characterLimit]);
+  }, [onChange, characterLimit, isControlled]);
   const characterCountId = useId();
   const characterCountStaticMessageId = useId();
   const isValid = isOverLimit ? 'error' : validationStatus;
@@ -202,10 +160,11 @@ const TextInput = /*#__PURE__*/React.forwardRef(({
         children: typeof TrailingVisual !== 'string' && isValidElementType(TrailingVisual) ? /*#__PURE__*/jsx(TrailingVisual, {}) : TrailingVisual
       }), trailingAction]
     }), characterLimit && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(VisuallyHidden, {
-        "aria-live": "polite",
-        role: "status",
-        children: screenReaderMessage
+      children: [/*#__PURE__*/jsx(AriaStatus, {
+        announceOnShow: false,
+        delayMs: SCREEN_READER_DELAY,
+        className: visuallyHiddenClasses.InternalVisuallyHidden,
+        children: counter === null || counter === void 0 ? void 0 : counter.message
       }), /*#__PURE__*/jsxs(VisuallyHidden, {
         id: characterCountStaticMessageId,
         children: ["You can enter up to ", characterLimit, " ", characterLimit === 1 ? 'character' : 'characters']
@@ -217,7 +176,7 @@ const TextInput = /*#__PURE__*/React.forwardRef(({
         "data-component": "TextInput.CharacterCounter",
         children: [isOverLimit && /*#__PURE__*/jsx(AlertFillIcon, {
           size: 16
-        }), characterCount]
+        }), counter === null || counter === void 0 ? void 0 : counter.message]
       })]
     })]
   });

package/dist/Textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAe,MAAM,OAAO,CAAA;AAC/D,OAAO,KAA8C,MAAM,OAAO,CAAA;AAElE,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAA;AAE7E,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAOlD,eAAO,MAAM,qBAAqB,IAAI,CAAA;AACtC,eAAO,MAAM,qBAAqB,KAAK,CAAA;AACvC,eAAO,MAAM,uBAAuB,SAAS,CAAA;AAE7C,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAA;IACpD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAA;AAE/C;;;GAGG;AACH,QAAA,MAAM,QAAQ;IA/CZ;;OAEG;eACQ,OAAO;IAClB;;OAEG;uBACgB,oBAAoB;IACvC;;OAEG;YACK,OAAO;IACf;;OAEG;aACM,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU;IACpD;;OAEG;eACQ,OAAO;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;YACK,KAAK,CAAC,aAAa;IAC3B;;;OAGG;qBACc,MAAM;2FAyIxB,CAAA;wBAK0B,cAAc,CAAC,OAAO,QAAQ,CAAC;AAA1D,wBAA0D"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAe,MAAM,OAAO,CAAA;AAC/D,OAAO,KAAqC,MAAM,OAAO,CAAA;AAEzD,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAA;AAE7E,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AASlD,eAAO,MAAM,qBAAqB,IAAI,CAAA;AACtC,eAAO,MAAM,qBAAqB,KAAK,CAAA;AACvC,eAAO,MAAM,uBAAuB,SAAS,CAAA;AAE7C,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAA;IACpD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAA;AAE/C;;;GAGG;AACH,QAAA,MAAM,QAAQ;IA/CZ;;OAEG;eACQ,OAAO;IAClB;;OAEG;uBACgB,oBAAoB;IACvC;;OAEG;YACK,OAAO;IACf;;OAEG;aACM,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU;IACpD;;OAEG;eACQ,OAAO;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;gBACS,MAAM;IAClB;;OAEG;YACK,KAAK,CAAC,aAAa;IAC3B;;;OAGG;qBACc,MAAM;2FA6HxB,CAAA;wBAK0B,cAAc,CAAC,OAAO,QAAQ,CAAC;AAA1D,wBAA0D"}