@primer/react 38.0.0-rc.195178541 → 38.0.0-rc.2

package/lib/Pagehead/Pagehead.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import { type SxProp } from '../sx';
-declare const Pagehead: ({ className, sx: sxProp, ...rest }: PageheadProps) => React.JSX.Element;
+declare const Pagehead: ({ className, ...rest }: PageheadProps) => React.JSX.Element;
 /**
  * @deprecated
  */

package/lib/Pagehead/Pagehead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagehead.d.ts","sourceRoot":"","sources":["../../src/Pagehead/Pagehead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAKjC,QAAA,MAAM,QAAQ,GAAI,oCAAkD,aAAa,sBAKhF,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAChC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACtC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CACvB,CAAA;AACH,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Pagehead.d.ts","sourceRoot":"","sources":["../../src/Pagehead/Pagehead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAIjC,QAAA,MAAM,QAAQ,GAAI,wBAAsB,aAAa,sBAEpD,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAChC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACtC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CACvB,CAAA;AACH,eAAe,QAAQ,CAAA"}

package/lib/Pagehead/Pagehead.js

@@ -2,23 +2,14 @@
 
 var clsx = require('clsx');
 var Pagehead_module = require('./Pagehead.module.css.js');
-var defaultSxProp = require('../utils/defaultSxProp.js');
+var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
 var jsxRuntime = require('react/jsx-runtime');
-var Box = require('../Box/Box.js');
 
 const Pagehead = ({
   className,
-  sx: sxProp = defaultSxProp.defaultSxProp,
   ...rest
 }) => {
-  if (sxProp !== defaultSxProp.defaultSxProp || rest.as) {
-    return /*#__PURE__*/jsxRuntime.jsx(Box, {
-      sx: sxProp,
-      className: clsx.clsx(Pagehead_module.Pagehead, className),
-      ...rest
-    });
-  }
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
+  return /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
     className: clsx.clsx(Pagehead_module.Pagehead, className),
     ...rest
   });

package/lib/PointerBox/PointerBox.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { BoxProps } from '../Box';
-import type { CaretProps } from '../Caret';
+import type { CaretProps } from '../internal/components/Caret';
 import type { SxProp } from '../sx';
 type MutatedSxProps = {
     sx?: {
@@ -9,12 +9,20 @@ type MutatedSxProps = {
         borderColor?: string;
     };
 } & SxProp;
+/**
+ * @deprecated PointerBox is deprecated and will be removed in a future major release.
+ * Consider using Overlay or Position + Box with a caret instead.
+ */
 export type PointerBoxProps = {
     caret?: CaretProps['location'];
     bg?: CaretProps['bg'];
     borderColor?: CaretProps['borderColor'];
     border?: CaretProps['borderWidth'];
 } & BoxProps & MutatedSxProps;
+/**
+ * @deprecated PointerBox is deprecated and will be removed in a future major release.
+ * Consider using Overlay or Position + Box with a caret instead.
+ */
 declare function PointerBox(props: PointerBoxProps): React.JSX.Element;
 export default PointerBox;
 //# sourceMappingURL=PointerBox.d.ts.map

package/lib/PointerBox/PointerBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PointerBox.d.ts","sourceRoot":"","sources":["../../src/PointerBox/PointerBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAA;AAEpC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AAGxC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,KAAK,cAAc,GAAG;IACpB,EAAE,CAAC,EAAE;QACH,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAA;CACF,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC9B,EAAE,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAA;IACrB,WAAW,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,CAAA;IACvC,MAAM,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,CAAA;CACnC,GAAG,QAAQ,GACV,cAAc,CAAA;AAEhB,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,qBAoCzC;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"PointerBox.d.ts","sourceRoot":"","sources":["../../src/PointerBox/PointerBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAA;AAEpC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAA;AAG5D,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,KAAK,cAAc,GAAG;IACpB,EAAE,CAAC,EAAE;QACH,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAA;CACF,GAAG,MAAM,CAAA;AAEV;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC9B,EAAE,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAA;IACrB,WAAW,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,CAAA;IACvC,MAAM,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,CAAA;CACnC,GAAG,QAAQ,GACV,cAAc,CAAA;AAEhB;;;GAGG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,qBAoCzC;AAED,eAAe,UAAU,CAAA"}

package/lib/PointerBox/PointerBox.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var styled = require('styled-components');
-var Caret = require('../Caret.js');
+var Caret = require('../internal/components/Caret.js');
 var constants = require('../constants.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Box = require('../Box/Box.js');
@@ -11,6 +11,10 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
+/**
+ * @deprecated PointerBox is deprecated and will be removed in a future major release.
+ * Consider using Overlay or Position + Box with a caret instead.
+ */
 function PointerBox(props) {
   // don't destructure these, just grab them
   const themeContext = React__default.default.useContext(styled.ThemeContext);

package/lib/Popover/Popover-b609f443.css

@@ -0,0 +1,2 @@
+.prc-Popover-Popover-v1ShS{display:none;position:absolute;z-index:100}.prc-Popover-Popover-v1ShS:where([data-open]){display:block}.prc-Popover-Popover-v1ShS:where([data-relative]){position:relative}.prc-Popover-PopoverContent-nMzFS{background-color:var(--overlay-bgColor,var(--color-canvas-overlay));border:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));border-radius:var(--borderRadius-medium,.375rem);margin-left:auto;margin-right:auto;overflow:hidden;padding:var(--base-size-24,1.5rem);position:relative}.prc-Popover-PopoverContent-nMzFS:after,.prc-Popover-PopoverContent-nMzFS:before{content:"";display:inline-block;left:50%;position:absolute}.prc-Popover-PopoverContent-nMzFS:before{border-bottom-color:transparent;border:var(--base-size-8,.5rem) solid transparent;border-bottom:var(--base-size-8,.5rem) solid var(--borderColor-default,var(--color-border-default));margin-left:-9px;top:calc(var(--base-size-16,1rem)*-1)}.prc-Popover-PopoverContent-nMzFS:after{border:7px solid transparent;border-bottom:7px solid var(--overlay-bgColor,var(--color-canvas-overlay));margin-left:calc(var(--base-size-8,.5rem)*-1);top:-14px}:is(:where([data-caret=bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):before{border-bottom-color:transparent;top:auto}:is(:where([data-caret=bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):before{border-top-color:var(--borderColor-default,var(--color-border-default));bottom:calc(var(--base-size-16,1rem)*-1)}:is(:where([data-caret=bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):after{border-top-color:var(--overlay-bgColor,var(--color-canvas-overlay));bottom:-14px}:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=top-right]) .prc-Popover-PopoverContent-nMzFS{margin-right:0;right:-9px}:is(:where([data-caret=top-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=top-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS):before{left:auto;margin-left:0}:is(:where([data-caret=top-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS):before{right:20px}:is(:where([data-caret=top-right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-right]) .prc-Popover-PopoverContent-nMzFS):after{right:21px}:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=top-left]) .prc-Popover-PopoverContent-nMzFS{left:-9px;margin-left:0}:is(:where([data-caret=top-left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=top-left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):before{left:var(--base-size-24,1.5rem);margin-left:0}:is(:where([data-caret=top-left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=bottom-left]) .prc-Popover-PopoverContent-nMzFS):after{left:calc(var(--base-size-24,1.5rem) + 1px)}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):before{border-bottom-color:transparent;left:auto;margin-left:0;top:50%}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):before{margin-top:calc((var(--base-size-8,.5rem) + 1px)*-1)}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):after{margin-top:calc(var(--base-size-8,.5rem)*-1)}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS):before{border-left-color:var(--borderColor-default,var(--color-border-default));right:calc(var(--base-size-16,1rem)*-1)}:is(:where([data-caret=right]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS):after{border-left-color:var(--overlay-bgColor,var(--color-canvas-overlay));right:-14px}:is(:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):before{border-right-color:var(--borderColor-default,var(--color-border-default));left:calc(var(--base-size-16,1rem)*-1)}:is(:where([data-caret=left]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):after{border-right-color:var(--overlay-bgColor,var(--color-canvas-overlay));left:-14px}:is(:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=right-top]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-top]) .prc-Popover-PopoverContent-nMzFS):before{top:var(--base-size-24,1.5rem)}:is(:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):after,:is(:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):before{top:auto}:is(:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):before{bottom:var(--base-size-16,1rem)}:is(:where([data-caret=right-bottom]) .prc-Popover-PopoverContent-nMzFS,:where([data-caret=left-bottom]) .prc-Popover-PopoverContent-nMzFS):after{bottom:calc(var(--base-size-16,1rem) + 1px)}.prc-Popover-PopoverContent-nMzFS:where([data-width=xsmall]){width:var(--overlay-width-xsmall,12rem)}.prc-Popover-PopoverContent-nMzFS:where([data-width=small]){width:var(--overlay-width-small,20rem)}.prc-Popover-PopoverContent-nMzFS:where([data-width=medium]){width:var(--overlay-width-medium,30rem)}.prc-Popover-PopoverContent-nMzFS:where([data-width=large]){width:var(--overlay-width-large,40rem)}.prc-Popover-PopoverContent-nMzFS:where([data-width=xlarge]){width:var(--overlay-width-xlarge,60rem)}.prc-Popover-PopoverContent-nMzFS:where([data-width=auto]){width:auto}.prc-Popover-PopoverContent-nMzFS:where([data-height=small]){height:var(--overlay-height-small,16rem)}.prc-Popover-PopoverContent-nMzFS:where([data-height=medium]){height:var(--overlay-height-medium,20rem)}.prc-Popover-PopoverContent-nMzFS:where([data-height=large]){height:var(--overlay-height-large,27rem)}.prc-Popover-PopoverContent-nMzFS:where([data-height=xlarge]){height:var(--overlay-height-xlarge,37.5rem)}.prc-Popover-PopoverContent-nMzFS:where([data-height=fit-content]){height:-moz-fit-content;height:fit-content}.prc-Popover-PopoverContent-nMzFS:where([data-height=auto]){height:auto}.prc-Popover-PopoverContent-nMzFS:where([data-overflow=auto]){overflow:auto}.prc-Popover-PopoverContent-nMzFS:where([data-overflow=hidden]){overflow:hidden}.prc-Popover-PopoverContent-nMzFS:where([data-overflow=scroll]){overflow:scroll}.prc-Popover-PopoverContent-nMzFS:where([data-overflow=visible]){overflow:visible}
+/*# sourceMappingURL=Popover-b609f443.css.map */

package/lib/Popover/Popover-b609f443.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Popover/Popover.module.css"],"names":[],"mappings":"AAAA,2BAGE,YAAa,CAFb,iBAAkB,CAClB,WAUF,CAPE,8CACE,aACF,CAEA,kDACE,iBACF,CAGF,kCAKE,mEAAwC,CACxC,oGAAgE,CAChE,gDAAyC,CAHzC,gBAAiB,CADjB,iBAAkB,CAKlB,eAAgB,CANhB,kCAA4B,CAD5B,iBAgQF,CAtPE,iFAKE,UAAW,CADX,oBAAqB,CADrB,QAAS,CADT,iBAIF,CAEA,yCAOE,+BAA4C,CAC5C,iDAA+C,CAA/C,mGAA+C,CAL/C,gBAAiB,CAFjB,qCAQF,CAEA,wCASE,4BAA2C,CAA3C,0EAA2C,CAN3C,6CAA0C,CAD1C,SAQF,CAME,iaAGE,+BAAgC,CADhC,QAEF,CAEA,iNAEE,uEAA4C,CAD5C,wCAEF,CAEA,gNAIE,mEAAwC,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,wEAA6C,CAD7C,uCAEF,CAEA,6MAIE,oEAAyC,CAFzC,WAGF,CAOA,2MAEE,yEAA8C,CAD9C,sCAEF,CAEA,0MAIE,qEAA0C,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,CAEA,8DACE,aACF,CAEA,gEACE,eACF,CAEA,gEACE,eACF,CAEA,iEACE,gBACF","file":"Popover-b609f443.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: var(--borderWidth-thin) solid var(--borderColor-default);\n  border-radius: var(--borderRadius-medium);\n  overflow: hidden;\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  &: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"]}

package/lib/Popover/Popover.d.ts

@@ -13,9 +13,14 @@ type StyledPopoverProps = {
 export type PopoverProps = {
     /** Class name for custom styling */
     className?: string;
+    as?: React.ElementType;
 } & StyledPopoverProps & HTMLProps<HTMLDivElement>;
 export type PopoverContentProps = {
     className?: string;
+    as?: React.ElementType;
+    width?: 'xsmall' | 'small' | 'large' | 'medium' | 'auto' | 'xlarge';
+    height?: 'small' | 'large' | 'medium' | 'auto' | 'xlarge' | 'fit-content';
+    overflow?: 'auto' | 'hidden' | 'scroll' | 'visible';
 } & StyledPopoverProps & HTMLProps<HTMLDivElement>;
 declare const _default: React.ForwardRefExoticComponent<Omit<PopoverProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
     Content: React.FC<React.PropsWithChildren<PopoverContentProps>>;

package/lib/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,KAAK,aAAa,GACd,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,CAAA;AAEf,KAAK,kBAAkB,GAAG;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,YAAY,GAAG;IACzB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,kBAAkB,GACpB,SAAS,CAAC,cAAc,CAAC,CAAA;AAsB3B,MAAM,MAAM,mBAAmB,GAAG;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,GAAG,kBAAkB,GAAG,SAAS,CAAC,cAAc,CAAC,CAAA;;;;AASvG,wBAAgE"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,KAAK,aAAa,GACd,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,CAAA;AAEf,KAAK,kBAAkB,GAAG;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,YAAY,GAAG;IACzB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CACvB,GAAG,kBAAkB,GACpB,SAAS,CAAC,cAAc,CAAC,CAAA;AAmB3B,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;IACnE,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,aAAa,CAAA;IACzE,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;CACpD,GAAG,kBAAkB,GACpB,SAAS,CAAC,cAAc,CAAC,CAAA;;;;AAsB3B,wBAAgE"}

package/lib/Popover/Popover.js

@@ -4,14 +4,13 @@ var reactCompilerRuntime = require('react-compiler-runtime');
 var clsx = require('clsx');
 var Popover_module = require('./Popover.module.css.js');
 var React = require('react');
-var toggleSxComponent = require('../internal/utils/toggleSxComponent.js');
+var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const PopoverBaseComponent = toggleSxComponent.toggleSxComponent('div');
 const Popover = /*#__PURE__*/React__default.default.forwardRef(function Popover(t0, forwardRef) {
   const $ = reactCompilerRuntime.c(15);
   let className;
@@ -53,7 +52,7 @@ const Popover = /*#__PURE__*/React__default.default.forwardRef(function Popover(
   }
   let t5;
   if ($[8] !== caret || $[9] !== forwardRef || $[10] !== props || $[11] !== t2 || $[12] !== t3 || $[13] !== t4) {
-    t5 = /*#__PURE__*/jsxRuntime.jsx(PopoverBaseComponent, {
+    t5 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
       ...props,
       ref: forwardRef,
       "data-open": t2,
@@ -74,44 +73,64 @@ const Popover = /*#__PURE__*/React__default.default.forwardRef(function Popover(
   return t5;
 });
 Popover.displayName = 'Popover';
-const PopoverContentBaseComponent = toggleSxComponent.toggleSxComponent('div');
 const PopoverContent = t0 => {
-  const $ = reactCompilerRuntime.c(8);
+  const $ = reactCompilerRuntime.c(14);
   let className;
   let props;
+  let t1;
+  let t2;
+  let t3;
   if ($[0] !== t0) {
     ({
       className,
+      width: t1,
+      height: t2,
+      overflow: t3,
       ...props
     } = t0);
     $[0] = t0;
     $[1] = className;
     $[2] = props;
+    $[3] = t1;
+    $[4] = t2;
+    $[5] = t3;
   } else {
     className = $[1];
     props = $[2];
+    t1 = $[3];
+    t2 = $[4];
+    t3 = $[5];
   }
-  let t1;
-  if ($[3] !== className) {
-    t1 = clsx.clsx(className, Popover_module.PopoverContent);
-    $[3] = className;
-    $[4] = t1;
+  const width = t1 === undefined ? "small" : t1;
+  const height = t2 === undefined ? "fit-content" : t2;
+  const overflow = t3 === undefined ? "auto" : t3;
+  let t4;
+  if ($[6] !== className) {
+    t4 = clsx.clsx(className, Popover_module.PopoverContent);
+    $[6] = className;
+    $[7] = t4;
   } else {
-    t1 = $[4];
+    t4 = $[7];
   }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx(PopoverContentBaseComponent, {
-      ...props,
-      className: t1
+  let t5;
+  if ($[8] !== height || $[9] !== overflow || $[10] !== props || $[11] !== t4 || $[12] !== width) {
+    t5 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
+      "data-width": width,
+      "data-height": height,
+      "data-overflow": overflow,
+      className: t4,
+      ...props
     });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
+    $[8] = height;
+    $[9] = overflow;
+    $[10] = props;
+    $[11] = t4;
+    $[12] = width;
+    $[13] = t5;
   } else {
-    t2 = $[7];
+    t5 = $[13];
   }
-  return t2;
+  return t5;
 };
 PopoverContent.displayName = 'Popover.Content';
 var Popover$1 = Object.assign(Popover, {

package/lib/Popover/Popover.module.css.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./Popover-e16fd997.css');
+require('./Popover-b609f443.css');
 
 var classes = {"Popover":"prc-Popover-Popover-v1ShS","PopoverContent":"prc-Popover-PopoverContent-nMzFS"};
 

package/lib/Portal/Portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../src/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,SAAgC,GAAG,IAAI,CAE5F;AA2BD,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CA0CjE,CAAA"}
+{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../src/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,SAAgC,GAAG,IAAI,CAE5F;AA4BD,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CA0CjE,CAAA"}

package/lib/Portal/Portal.js

@@ -35,6 +35,7 @@ function ensureDefaultPortal() {
       defaultPortalContainer.style.position = 'absolute';
       defaultPortalContainer.style.top = '0';
       defaultPortalContainer.style.left = '0';
+      defaultPortalContainer.style.width = '100%';
       const suitablePortalRoot = document.querySelector('[data-portal-root]');
       if (suitablePortalRoot) {
         suitablePortalRoot.appendChild(defaultPortalContainer);

package/lib/ProgressBar/ProgressBar-36f689cb.css

@@ -0,0 +1,2 @@
+@keyframes prc-ProgressBar-shimmer-i1RxN{0%{mask-position:200%}to{mask-position:0}}.prc-ProgressBar-ProgressBarItem-stL6O{background-color:var(--progress-bg);width:var(--progress-width)}@media (prefers-reduced-motion:no-preference){.prc-ProgressBar-ProgressBarItem-stL6O[data-animated=true]{animation-duration:1s;animation-iteration-count:infinite;animation-name:prc-ProgressBar-shimmer-i1RxN;mask-image:linear-gradient(75deg,#000 30%,rgba(0,0,0,.65) 80%);mask-size:200%}}.prc-ProgressBar-ProgressBarContainer-E-z8S{background-color:var(--progressBar-track-bgColor);border-radius:var(--borderRadius-small,.1875rem);display:flex;gap:2px;outline:solid 1px var(--progressBar-track-borderColor);outline-offset:-1px;overflow:hidden}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-display=inline]){display:inline-flex}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=default]){height:8px}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=small]){height:5px}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-progress-bar-size=large]){height:10px}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-width=auto]){width:auto}.prc-ProgressBar-ProgressBarContainer-E-z8S:where([data-width=full]){width:100%}
+/*# sourceMappingURL=ProgressBar-36f689cb.css.map */

package/lib/ProgressBar/ProgressBar-36f689cb.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ProgressBar/ProgressBar.module.css"],"names":[],"mappings":"AAAA,yCACE,GACE,kBACF,CAEA,GACE,eACF,CACF,CAEA,uCAGE,mCAAoC,CAFpC,2BAaF,CATE,8CACE,2DAIE,qBAAsB,CACtB,kCAAmC,CAFnC,4CAAuB,CAFvB,8DAAqE,CACrE,cAIF,CACF,CAGF,4CAIE,iDAAkD,CAClD,gDAAwC,CAJxC,YAAa,CAKb,OAAQ,CACR,sDAAuD,CACvD,mBAAoB,CANpB,eAgCF,CAxBE,kFACE,mBACF,CAEA,oFACE,UACF,CAEA,kFACE,UACF,CAEA,kFACE,WACF,CAGA,qEACE,UACF,CAEA,qEACE,UACF","file":"ProgressBar-36f689cb.css","sourcesContent":["@keyframes shimmer {\n  from {\n    mask-position: 200%;\n  }\n\n  to {\n    mask-position: 0%;\n  }\n}\n\n.ProgressBarItem {\n  width: var(--progress-width);\n  /* stylelint-disable-next-line primer/colors */\n  background-color: var(--progress-bg);\n\n  @media (prefers-reduced-motion: no-preference) {\n    &[data-animated='true'] {\n      mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);\n      mask-size: 200%;\n      animation-name: shimmer;\n      animation-duration: 1s;\n      animation-iteration-count: infinite;\n    }\n  }\n}\n\n.ProgressBarContainer {\n  display: flex;\n  overflow: hidden;\n  /* stylelint-disable-next-line primer/colors */\n  background-color: var(--progressBar-track-bgColor);\n  border-radius: var(--borderRadius-small);\n  gap: 2px;\n  outline: solid 1px var(--progressBar-track-borderColor);\n  outline-offset: -1px;\n\n  &:where([data-progress-display='inline']) {\n    display: inline-flex;\n  }\n\n  &:where([data-progress-bar-size='default']) {\n    height: 8px;\n  }\n\n  &:where([data-progress-bar-size='small']) {\n    height: 5px;\n  }\n\n  &:where([data-progress-bar-size='large']) {\n    height: 10px;\n  }\n\n  /* Width support for containers */\n  &:where([data-width='auto']) {\n    width: auto;\n  }\n\n  &:where([data-width='full']) {\n    width: 100%;\n  }\n}\n"]}

package/lib/ProgressBar/ProgressBar.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import type { WidthProps } from 'styled-system';
 import type { SxProp } from '../sx';
 type ProgressProp = {
     className?: string;
@@ -10,8 +9,8 @@ type StyledProgressContainerProps = {
     inline?: boolean;
     barSize?: 'small' | 'default' | 'large';
     animated?: boolean;
-} & WidthProps & SxProp;
-export type ProgressBarItems = React.HTMLAttributes<HTMLSpanElement> & {
+} & SxProp;
+export type ProgressBarItemProps = React.HTMLAttributes<HTMLSpanElement> & {
     'aria-label'?: string;
     className?: string;
 } & ProgressProp & SxProp;
@@ -30,6 +29,6 @@ export declare const ProgressBar: React.ForwardRefExoticComponent<React.HTMLAttr
     inline?: boolean;
     barSize?: "small" | "default" | "large";
     animated?: boolean;
-} & WidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Width<import("styled-system").TLengthStyledSystem>> & SxProp & ProgressProp & React.RefAttributes<HTMLSpanElement>>;
+} & SxProp & ProgressProp & React.RefAttributes<HTMLSpanElement>>;
 export {};
 //# sourceMappingURL=ProgressBar.d.ts.map

package/lib/ProgressBar/ProgressBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAKjC,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,KAAK,4BAA4B,GAAG;IAClC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,UAAU,GACZ,MAAM,CAAA;AAER,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACrE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,YAAY,GACd,MAAM,CAAA;AAER,eAAO,MAAM,IAAI;mBALA,MAAM;gBACT,MAAM;iEAiDnB,CAAA;AAID,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACrE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,4BAA4B,GAC9B,YAAY,CAAA;AAEd,eAAO,MAAM,WAAW;SALjB,MAAM;gBACC,MAAM;;aA/DT,OAAO;cACN,OAAO,GAAG,SAAS,GAAG,OAAO;eAC5B,OAAO;mPAkHnB,CAAA"}
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAKjC,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,KAAK,4BAA4B,GAAG;IAClC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACzE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,YAAY,GACd,MAAM,CAAA;AAER,eAAO,MAAM,IAAI;mBALA,MAAM;gBACT,MAAM;iEAmDnB,CAAA;AAID,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACrE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,4BAA4B,GAC9B,YAAY,CAAA;AAEd,eAAO,MAAM,WAAW;SALjB,MAAM;gBACC,MAAM;;aAhET,OAAO;cACN,OAAO,GAAG,SAAS,GAAG,OAAO;eAC5B,OAAO;iEAmHnB,CAAA"}

package/lib/ProgressBar/ProgressBar.js

@@ -12,10 +12,11 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 const Item = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
-  const $ = reactCompilerRuntime.c(32);
+  const $ = reactCompilerRuntime.c(33);
   let ariaLabel;
   let ariaValueNow;
   let ariaValueText;
+  let bg;
   let className;
   let progress;
   let rest;
@@ -28,93 +29,96 @@ const Item = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
       "aria-valuetext": ariaValueText,
       className,
       style,
+      bg,
       ...rest
     } = t0);
     $[0] = t0;
     $[1] = ariaLabel;
     $[2] = ariaValueNow;
     $[3] = ariaValueText;
-    $[4] = className;
-    $[5] = progress;
-    $[6] = rest;
-    $[7] = style;
+    $[4] = bg;
+    $[5] = className;
+    $[6] = progress;
+    $[7] = rest;
+    $[8] = style;
   } else {
     ariaLabel = $[1];
     ariaValueNow = $[2];
     ariaValueText = $[3];
-    className = $[4];
-    progress = $[5];
-    rest = $[6];
-    style = $[7];
+    bg = $[4];
+    className = $[5];
+    progress = $[6];
+    rest = $[7];
+    style = $[8];
   }
   const progressAsNumber = typeof progress === "string" ? parseInt(progress, 10) : progress;
   let t1;
-  if ($[8] !== ariaValueNow || $[9] !== progressAsNumber) {
+  if ($[9] !== ariaValueNow || $[10] !== progressAsNumber) {
     var _ariaValueNow;
     t1 = (_ariaValueNow = ariaValueNow) !== null && _ariaValueNow !== void 0 ? _ariaValueNow : progressAsNumber !== undefined && progressAsNumber >= 0 ? Math.round(progressAsNumber) : 0;
-    $[8] = ariaValueNow;
-    $[9] = progressAsNumber;
-    $[10] = t1;
+    $[9] = ariaValueNow;
+    $[10] = progressAsNumber;
+    $[11] = t1;
   } else {
-    t1 = $[10];
+    t1 = $[11];
   }
   let t2;
-  if ($[11] !== ariaValueText || $[12] !== t1) {
+  if ($[12] !== ariaValueText || $[13] !== t1) {
     t2 = {
       "aria-valuenow": t1,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       "aria-valuetext": ariaValueText
     };
-    $[11] = ariaValueText;
-    $[12] = t1;
-    $[13] = t2;
+    $[12] = ariaValueText;
+    $[13] = t1;
+    $[14] = t2;
   } else {
-    t2 = $[13];
+    t2 = $[14];
   }
   const ariaAttributes = t2;
   let styles;
-  if ($[14] !== progress || $[15] !== rest.bg) {
+  if ($[15] !== bg || $[16] !== progress) {
     styles = {};
     let t3;
-    if ($[17] !== rest.bg) {
-      t3 = rest.bg && rest.bg.split(".");
-      $[17] = rest.bg;
-      $[18] = t3;
+    if ($[18] !== bg) {
+      t3 = bg && bg.split(".");
+      $[18] = bg;
+      $[19] = t3;
     } else {
-      t3 = $[18];
+      t3 = $[19];
     }
     const bgType = t3;
     styles["--progress-width"] = progress ? `${progress}%` : "0%";
-    styles["--progress-bg"] = bgType && `var(--bgColor-${bgType[0]}-${bgType[1]})` || "var(--bgColor-success-emphasis)";
-    $[14] = progress;
-    $[15] = rest.bg;
-    $[16] = styles;
+    styles["--progress-bg"] = bgType && `var(--bgColor-${bgType[0]}-${bgType[1] || "emphasis"})` || "var(--bgColor-success-emphasis)";
+    $[15] = bg;
+    $[16] = progress;
+    $[17] = styles;
   } else {
-    styles = $[16];
+    styles = $[17];
   }
   let t3;
-  if ($[19] !== className) {
+  if ($[20] !== className) {
     t3 = clsx.clsx(className, ProgressBar_module.ProgressBarItem);
-    $[19] = className;
-    $[20] = t3;
+    $[20] = className;
+    $[21] = t3;
   } else {
-    t3 = $[20];
+    t3 = $[21];
   }
   let t4;
-  if ($[21] !== style || $[22] !== styles) {
+  if ($[22] !== style || $[23] !== styles) {
     t4 = {
       ...styles,
       ...style
     };
-    $[21] = style;
-    $[22] = styles;
-    $[23] = t4;
+    $[22] = style;
+    $[23] = styles;
+    $[24] = t4;
   } else {
-    t4 = $[23];
+    t4 = $[24];
   }
   let t5;
-  if ($[24] !== ariaAttributes || $[25] !== ariaLabel || $[26] !== forwardRef || $[27] !== progress || $[28] !== rest || $[29] !== t3 || $[30] !== t4) {
+  if ($[25] !== ariaAttributes || $[26] !== ariaLabel || $[27] !== forwardRef || $[28] !== progress || $[29] !== rest || $[30] !== t3 || $[31] !== t4) {
     t5 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
       as: "span",
       className: t3,
@@ -126,16 +130,16 @@ const Item = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
       style: t4,
       ...ariaAttributes
     });
-    $[24] = ariaAttributes;
-    $[25] = ariaLabel;
-    $[26] = forwardRef;
-    $[27] = progress;
-    $[28] = rest;
-    $[29] = t3;
-    $[30] = t4;
-    $[31] = t5;
+    $[25] = ariaAttributes;
+    $[26] = ariaLabel;
+    $[27] = forwardRef;
+    $[28] = progress;
+    $[29] = rest;
+    $[30] = t3;
+    $[31] = t4;
+    $[32] = t5;
   } else {
-    t5 = $[31];
+    t5 = $[32];
   }
   return t5;
 });

package/lib/ProgressBar/ProgressBar.module.css.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./ProgressBar-430cdef7.css');
+require('./ProgressBar-36f689cb.css');
 
 var classes = {"ProgressBarItem":"prc-ProgressBar-ProgressBarItem-stL6O","ProgressBarContainer":"prc-ProgressBar-ProgressBarContainer-E-z8S"};
 

package/lib/ProgressBar/index.d.ts

@@ -1,4 +1,4 @@
-export type { ProgressBarProps } from './ProgressBar';
+export type { ProgressBarProps, ProgressBarItemProps } from './ProgressBar';
 /**
  * Collection of ProgressBar related components.
  */
@@ -9,7 +9,7 @@ export declare const ProgressBar: import("react").ForwardRefExoticComponent<impo
     inline?: boolean;
     barSize?: "small" | "default" | "large";
     animated?: boolean;
-} & import("styled-system").WidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Width<import("styled-system").TLengthStyledSystem>> & import("..").SxProp & {
+} & import("..").SxProp & {
     className?: string;
     progress?: string | number;
     bg?: string;

package/lib/ProgressBar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/index.ts"],"names":[],"mappings":"AAEA,YAAY,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAEnD;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAA6B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProgressBar/index.ts"],"names":[],"mappings":"AAEA,YAAY,EAAC,gBAAgB,EAAE,oBAAoB,EAAC,MAAM,eAAe,CAAA;AAEzE;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAA6B,CAAA"}

package/lib/Radio/{Radio-b2a92b7d.css → Radio-df9a5c02.css}

@@ -1,2 +1,2 @@
-.prc-Radio-Radio-Ly4MR{border-radius:var(--borderRadius-full,100vh);transition:background-color,border-color 80ms cubic-bezier(.33,1,.68,1)}.prc-Radio-Radio-Ly4MR:where(:checked){background-color:var(--control-checked-fgColor-rest,var(--color-switch-track-checked-fg));border-color:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg));border-width:var(--borderWidth-thicker,.25rem)}.prc-Radio-Radio-Ly4MR:where(:checked):disabled{background-color:var(--fgColor-muted,var(--color-fg-muted));border-color:var(--fgColor-muted,var(--color-fg-muted));cursor:not-allowed}.prc-Radio-Radio-Ly4MR:focus,.prc-Radio-Radio-Ly4MR:focus-within{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:2px}@media (forced-colors:active){.prc-Radio-Radio-Ly4MR{background-color:canvastext;border-color:canvastext}}
-/*# sourceMappingURL=Radio-b2a92b7d.css.map */
+.prc-Radio-Radio-Ly4MR{border-radius:var(--borderRadius-full,100vh);transition:background-color,border-color 80ms cubic-bezier(.33,1,.68,1)}.prc-Radio-Radio-Ly4MR:where(:checked){background-color:var(--control-checked-fgColor-rest,var(--color-switch-track-checked-fg));border-color:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg));border-width:var(--borderWidth-thicker,.25rem)}.prc-Radio-Radio-Ly4MR:where(:checked):disabled{background-color:var(--fgColor-muted,var(--color-fg-muted));border-color:var(--fgColor-muted,var(--color-fg-muted));cursor:not-allowed}.prc-Radio-Radio-Ly4MR:focus-visible{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:2px}@media (forced-colors:active){.prc-Radio-Radio-Ly4MR{background-color:canvastext;border-color:canvastext}}
+/*# sourceMappingURL=Radio-df9a5c02.css.map */

package/lib/Radio/{Radio-b2a92b7d.css.map → Radio-df9a5c02.css.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Radio/Radio.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,uBACE,4CAA8C,CAC9C,uEA+BF,CA3BE,uCAEE,yFAAqD,CAIrD,qFAAiD,CACjD,8CASF,CAPE,gDAGE,2DAAsC,CAEtC,uDAAkC,CAJlC,kBAKF,CAGF,iECrBA,eAAgB,CAFhB,kEAAgC,CAChC,kBDyBA,CAEA,8BA7BF,uBA8BI,2BAA4B,CAC5B,uBAEJ,CADE","file":"Radio-b2a92b7d.css","sourcesContent":[".Radio {\n  border-radius: var(--borderRadius-full, 100vh);\n  transition:\n    background-color,\n    border-color 80ms cubic-bezier(0.33, 1, 0.68, 1); /* checked -> unchecked - add 120ms delay to fully see animation-out */\n\n  &:where(:checked) {\n    /* stylelint-disable-next-line primer/colors */\n    background-color: var(--control-checked-fgColor-rest);\n\n    /* using bgColor here to avoid a border change in dark high contrast */\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--control-checked-bgColor-rest);\n    border-width: var(--borderWidth-thicker);\n\n    &:disabled {\n      cursor: not-allowed;\n      /* stylelint-disable-next-line primer/colors */\n      background-color: var(--fgColor-muted);\n      /* stylelint-disable-next-line primer/colors */\n      border-color: var(--fgColor-muted);\n    }\n  }\n\n  &:focus,\n  &:focus-within {\n    @mixin focusOutline 2px;\n  }\n\n  @media (forced-colors: active) {\n    background-color: canvastext;\n    border-color: canvastext;\n  }\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n  outline: 2px solid $outlineColor;\n  outline-offset: $outlineOffset;\n  box-shadow: none;\n}\n"]}
+{"version":3,"sources":["../src/Radio/Radio.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,uBACE,4CAA8C,CAC9C,uEA8BF,CA1BE,uCAEE,yFAAqD,CAIrD,qFAAiD,CACjD,8CASF,CAPE,gDAGE,2DAAsC,CAEtC,uDAAkC,CAJlC,kBAKF,CAGF,qCCrBA,eAAgB,CAFhB,kEAAgC,CAChC,kBDwBA,CAEA,8BA5BF,uBA6BI,2BAA4B,CAC5B,uBAEJ,CADE","file":"Radio-df9a5c02.css","sourcesContent":[".Radio {\n  border-radius: var(--borderRadius-full, 100vh);\n  transition:\n    background-color,\n    border-color 80ms cubic-bezier(0.33, 1, 0.68, 1); /* checked -> unchecked - add 120ms delay to fully see animation-out */\n\n  &:where(:checked) {\n    /* stylelint-disable-next-line primer/colors */\n    background-color: var(--control-checked-fgColor-rest);\n\n    /* using bgColor here to avoid a border change in dark high contrast */\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--control-checked-bgColor-rest);\n    border-width: var(--borderWidth-thicker);\n\n    &:disabled {\n      cursor: not-allowed;\n      /* stylelint-disable-next-line primer/colors */\n      background-color: var(--fgColor-muted);\n      /* stylelint-disable-next-line primer/colors */\n      border-color: var(--fgColor-muted);\n    }\n  }\n\n  &:focus-visible {\n    @mixin focusOutline 2px;\n  }\n\n  @media (forced-colors: active) {\n    background-color: canvastext;\n    border-color: canvastext;\n  }\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n  outline: 2px solid $outlineColor;\n  outline-offset: $outlineOffset;\n  box-shadow: none;\n}\n"]}

package/lib/Radio/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAqB,mBAAmB,EAAe,MAAM,OAAO,CAAA;AAChF,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAQjC,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GACvC,MAAM,CAAA;AAER;;GAEG;AACH,QAAA,MAAM,KAAK,kGAmEV,CAAA;AAID,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAqB,mBAAmB,EAAe,MAAM,OAAO,CAAA;AAChF,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAOjC,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GACvC,MAAM,CAAA;AAER;;GAEG;AACH,QAAA,MAAM,KAAK,kGA8CV,CAAA;AAID,eAAe,KAAK,CAAA"}