@primer/react 38.0.0-rc.0 → 38.0.0-rc.09f015db1

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

@@ -1 +0,0 @@
-{"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

@@ -1,29 +0,0 @@
-import type { SxProp } from '../sx';
-import type { HTMLProps } from 'react';
-import React from 'react';
-type CaretPosition = 'top' | 'bottom' | 'left' | 'right' | 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'left-bottom' | 'left-top' | 'right-bottom' | 'right-top';
-type StyledPopoverProps = {
-    /**
-     * @deprecated `caret` is deprecated and will be removed in v38.
-     */
-    caret?: CaretPosition;
-    relative?: boolean;
-    open?: boolean;
-} & SxProp;
-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>>;
-};
-export default _default;
-//# sourceMappingURL=Popover.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,140 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var clsx = require('clsx');
-var Popover_module = require('./Popover.module.css.js');
-var React = require('react');
-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 Popover = /*#__PURE__*/React__default.default.forwardRef(function Popover(t0, forwardRef) {
-  const $ = reactCompilerRuntime.c(15);
-  let className;
-  let open;
-  let props;
-  let relative;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      className,
-      caret: t1,
-      open,
-      relative,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = open;
-    $[3] = props;
-    $[4] = relative;
-    $[5] = t1;
-  } else {
-    className = $[1];
-    open = $[2];
-    props = $[3];
-    relative = $[4];
-    t1 = $[5];
-  }
-  const caret = t1 === undefined ? "top" : t1;
-  const t2 = open ? "" : undefined;
-  const t3 = relative ? "" : undefined;
-  let t4;
-  if ($[6] !== className) {
-    t4 = clsx.clsx(className, Popover_module.Popover);
-    $[6] = className;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== caret || $[9] !== forwardRef || $[10] !== props || $[11] !== t2 || $[12] !== t3 || $[13] !== t4) {
-    t5 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-      ...props,
-      ref: forwardRef,
-      "data-open": t2,
-      "data-relative": t3,
-      "data-caret": caret,
-      className: t4
-    });
-    $[8] = caret;
-    $[9] = forwardRef;
-    $[10] = props;
-    $[11] = t2;
-    $[12] = t3;
-    $[13] = t4;
-    $[14] = t5;
-  } else {
-    t5 = $[14];
-  }
-  return t5;
-});
-Popover.displayName = 'Popover';
-const PopoverContent = t0 => {
-  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];
-  }
-  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 {
-    t4 = $[7];
-  }
-  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
-    });
-    $[8] = height;
-    $[9] = overflow;
-    $[10] = props;
-    $[11] = t4;
-    $[12] = width;
-    $[13] = t5;
-  } else {
-    t5 = $[13];
-  }
-  return t5;
-};
-PopoverContent.displayName = 'Popover.Content';
-var Popover$1 = Object.assign(Popover, {
-  Content: PopoverContent
-});
-
-module.exports = Popover$1;

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

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

package/lib/Popover/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './Popover';
-export type { PopoverProps, PopoverContentProps } from './Popover';
-//# sourceMappingURL=index.d.ts.map

package/lib/Portal/Portal.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-/**
- * Register a container to serve as a portal root.
- * @param root The element that will be the root for portals created in this container
- * @param name The name of the container, to be used with the `containerName` prop on the Portal Component.
- * If name is not specified, registers the default portal root.
- */
-export declare function registerPortalRoot(root: Element, name?: string): void;
-export interface PortalProps {
-    /**
-     * Called when this portal is added to the DOM
-     */
-    onMount?: () => void;
-    /**
-     * Optional. Mount this portal at the container specified
-     * by this name. The container must be previously registered
-     * with `registerPortal`.
-     */
-    containerName?: string;
-}
-/**
- * Creates a React Portal, placing all children in a separate physical DOM root node.
- * @see https://reactjs.org/docs/portals.html
- */
-export declare const Portal: React.FC<React.PropsWithChildren<PortalProps>>;
-//# sourceMappingURL=Portal.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,91 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ReactDOM = require('react-dom');
-var useIsomorphicLayoutEffect = require('../utils/useIsomorphicLayoutEffect.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const PRIMER_PORTAL_ROOT_ID = '__primerPortalRoot__';
-const DEFAULT_PORTAL_CONTAINER_NAME = '__default__';
-const portalRootRegistry = {};
-
-/**
- * Register a container to serve as a portal root.
- * @param root The element that will be the root for portals created in this container
- * @param name The name of the container, to be used with the `containerName` prop on the Portal Component.
- * If name is not specified, registers the default portal root.
- */
-function registerPortalRoot(root, name = DEFAULT_PORTAL_CONTAINER_NAME) {
-  portalRootRegistry[name] = root;
-}
-
-// Ensures that a default portal root exists and is registered. If a DOM element exists
-// with id __primerPortalRoot__, allow that element to serve as the default portal root.
-// Otherwise, create that element and attach it to the end of document.body.
-function ensureDefaultPortal() {
-  const existingDefaultPortalContainer = portalRootRegistry[DEFAULT_PORTAL_CONTAINER_NAME];
-  if (!existingDefaultPortalContainer || !document.body.contains(existingDefaultPortalContainer)) {
-    let defaultPortalContainer = document.getElementById(PRIMER_PORTAL_ROOT_ID);
-    if (!(defaultPortalContainer instanceof Element)) {
-      defaultPortalContainer = document.createElement('div');
-      defaultPortalContainer.setAttribute('id', PRIMER_PORTAL_ROOT_ID);
-      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);
-      } else {
-        document.body.appendChild(defaultPortalContainer);
-      }
-    }
-    registerPortalRoot(defaultPortalContainer);
-  }
-}
-/**
- * Creates a React Portal, placing all children in a separate physical DOM root node.
- * @see https://reactjs.org/docs/portals.html
- */
-const Portal = ({
-  children,
-  onMount,
-  containerName: _containerName
-}) => {
-  const elementRef = React__default.default.useRef(null);
-  if (!elementRef.current) {
-    const div = document.createElement('div');
-    // Portaled content should get their own stacking context so they don't interfere
-    // with each other in unexpected ways. One should never find themselves tempted
-    // to change the zIndex to a value other than "1".
-    div.style.position = 'relative';
-    div.style.zIndex = '1';
-    elementRef.current = div;
-  }
-  const element = elementRef.current;
-  useIsomorphicLayoutEffect(() => {
-    let containerName = _containerName;
-    if (containerName === undefined) {
-      containerName = DEFAULT_PORTAL_CONTAINER_NAME;
-      ensureDefaultPortal();
-    }
-    const parentElement = portalRootRegistry[containerName];
-    if (!parentElement) {
-      throw new Error(`Portal container '${_containerName}' is not yet registered. Container must be registered with registerPortal before use.`);
-    }
-    parentElement.appendChild(element);
-    onMount === null || onMount === void 0 ? void 0 : onMount();
-    return () => {
-      parentElement.removeChild(element);
-    };
-    // eslint-disable-next-line react-compiler/react-compiler
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [element]);
-  return /*#__PURE__*/ReactDOM.createPortal(children, element);
-};
-
-exports.Portal = Portal;
-exports.registerPortalRoot = registerPortalRoot;

package/lib/Portal/index.d.ts

@@ -1,6 +0,0 @@
-import type { PortalProps } from './Portal';
-import { Portal, registerPortalRoot } from './Portal';
-export default Portal;
-export { registerPortalRoot };
-export type { PortalProps };
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Portal/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAA;AACzC,OAAO,EAAC,MAAM,EAAE,kBAAkB,EAAC,MAAM,UAAU,CAAA;AAEnD,eAAe,MAAM,CAAA;AACrB,OAAO,EAAC,kBAAkB,EAAC,CAAA;AAC3B,YAAY,EAAC,WAAW,EAAC,CAAA"}

package/lib/Portal/index.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Portal = require('./Portal.js');
-
-
-
-exports.default = Portal.Portal;
-exports.registerPortalRoot = Portal.registerPortalRoot;

package/lib/ProgressBar/ProgressBar-a0957632.css

@@ -1,2 +0,0 @@
-@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}
-/*# sourceMappingURL=ProgressBar-a0957632.css.map */

package/lib/ProgressBar/ProgressBar-a0957632.css.map

@@ -1 +0,0 @@
-{"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,eAuBF,CAfE,kFACE,mBACF,CAEA,oFACE,UACF,CAEA,kFACE,UACF,CAEA,kFACE,WACF","file":"ProgressBar-a0957632.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"]}

package/lib/ProgressBar/ProgressBar.d.ts

@@ -1,35 +0,0 @@
-import React from 'react';
-import type { WidthProps } from 'styled-system';
-import type { SxProp } from '../sx';
-type ProgressProp = {
-    className?: string;
-    progress?: string | number;
-    bg?: string;
-};
-type StyledProgressContainerProps = {
-    inline?: boolean;
-    barSize?: 'small' | 'default' | 'large';
-    animated?: boolean;
-} & WidthProps & SxProp;
-export type ProgressBarItems = React.HTMLAttributes<HTMLSpanElement> & {
-    'aria-label'?: string;
-    className?: string;
-} & ProgressProp & SxProp;
-export declare const Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
-    'aria-label'?: string;
-    className?: string;
-} & ProgressProp & SxProp & React.RefAttributes<HTMLSpanElement>>;
-export type ProgressBarProps = React.HTMLAttributes<HTMLSpanElement> & {
-    bg?: string;
-    className?: string;
-} & StyledProgressContainerProps & ProgressProp;
-export declare const ProgressBar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
-    bg?: string;
-    className?: string;
-} & {
-    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>>;
-export {};
-//# sourceMappingURL=ProgressBar.d.ts.map

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

@@ -1 +0,0 @@
-{"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;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;;aAjET,OAAO;cACN,OAAO,GAAG,SAAS,GAAG,OAAO;eAC5B,OAAO;mPAoHnB,CAAA"}

package/lib/ProgressBar/ProgressBar.js

@@ -1,270 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var ProgressBar_module = require('./ProgressBar.module.css.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 Item = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
-  const $ = reactCompilerRuntime.c(33);
-  let ariaLabel;
-  let ariaValueNow;
-  let ariaValueText;
-  let bg;
-  let className;
-  let progress;
-  let rest;
-  let style;
-  if ($[0] !== t0) {
-    ({
-      progress,
-      "aria-label": ariaLabel,
-      "aria-valuenow": ariaValueNow,
-      "aria-valuetext": ariaValueText,
-      className,
-      style,
-      bg,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = ariaLabel;
-    $[2] = ariaValueNow;
-    $[3] = ariaValueText;
-    $[4] = bg;
-    $[5] = className;
-    $[6] = progress;
-    $[7] = rest;
-    $[8] = style;
-  } else {
-    ariaLabel = $[1];
-    ariaValueNow = $[2];
-    ariaValueText = $[3];
-    bg = $[4];
-    className = $[5];
-    progress = $[6];
-    rest = $[7];
-    style = $[8];
-  }
-  const progressAsNumber = typeof progress === "string" ? parseInt(progress, 10) : progress;
-  let t1;
-  if ($[9] !== ariaValueNow || $[10] !== progressAsNumber) {
-    var _ariaValueNow;
-    t1 = (_ariaValueNow = ariaValueNow) !== null && _ariaValueNow !== void 0 ? _ariaValueNow : progressAsNumber !== undefined && progressAsNumber >= 0 ? Math.round(progressAsNumber) : 0;
-    $[9] = ariaValueNow;
-    $[10] = progressAsNumber;
-    $[11] = t1;
-  } else {
-    t1 = $[11];
-  }
-  let t2;
-  if ($[12] !== ariaValueText || $[13] !== t1) {
-    t2 = {
-      "aria-valuenow": t1,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      "aria-valuetext": ariaValueText
-    };
-    $[12] = ariaValueText;
-    $[13] = t1;
-    $[14] = t2;
-  } else {
-    t2 = $[14];
-  }
-  const ariaAttributes = t2;
-  let styles;
-  if ($[15] !== bg || $[16] !== progress) {
-    styles = {};
-    let t3;
-    if ($[18] !== bg) {
-      t3 = bg && bg.split(".");
-      $[18] = bg;
-      $[19] = t3;
-    } else {
-      t3 = $[19];
-    }
-    const bgType = t3;
-    styles["--progress-width"] = progress ? `${progress}%` : "0%";
-    styles["--progress-bg"] = bgType && `var(--bgColor-${bgType[0]}-${bgType[1] || "emphasis"})` || "var(--bgColor-success-emphasis)";
-    $[15] = bg;
-    $[16] = progress;
-    $[17] = styles;
-  } else {
-    styles = $[17];
-  }
-  let t3;
-  if ($[20] !== className) {
-    t3 = clsx.clsx(className, ProgressBar_module.ProgressBarItem);
-    $[20] = className;
-    $[21] = t3;
-  } else {
-    t3 = $[21];
-  }
-  let t4;
-  if ($[22] !== style || $[23] !== styles) {
-    t4 = {
-      ...styles,
-      ...style
-    };
-    $[22] = style;
-    $[23] = styles;
-    $[24] = t4;
-  } else {
-    t4 = $[24];
-  }
-  let t5;
-  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,
-      ...rest,
-      role: "progressbar",
-      "aria-label": ariaLabel,
-      ref: forwardRef,
-      progress: progress,
-      style: t4,
-      ...ariaAttributes
-    });
-    $[25] = ariaAttributes;
-    $[26] = ariaLabel;
-    $[27] = forwardRef;
-    $[28] = progress;
-    $[29] = rest;
-    $[30] = t3;
-    $[31] = t4;
-    $[32] = t5;
-  } else {
-    t5 = $[32];
-  }
-  return t5;
-});
-Item.displayName = 'ProgressBar.Item';
-const ProgressBar = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
-  const $ = reactCompilerRuntime.c(32);
-  let animated;
-  let ariaLabel;
-  let ariaValueNow;
-  let ariaValueText;
-  let children;
-  let className;
-  let inline;
-  let progress;
-  let rest;
-  let t1;
-  let t2;
-  if ($[0] !== t0) {
-    ({
-      animated,
-      progress,
-      bg: t1,
-      barSize: t2,
-      children,
-      "aria-label": ariaLabel,
-      "aria-valuenow": ariaValueNow,
-      "aria-valuetext": ariaValueText,
-      className,
-      inline,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = animated;
-    $[2] = ariaLabel;
-    $[3] = ariaValueNow;
-    $[4] = ariaValueText;
-    $[5] = children;
-    $[6] = className;
-    $[7] = inline;
-    $[8] = progress;
-    $[9] = rest;
-    $[10] = t1;
-    $[11] = t2;
-  } else {
-    animated = $[1];
-    ariaLabel = $[2];
-    ariaValueNow = $[3];
-    ariaValueText = $[4];
-    children = $[5];
-    className = $[6];
-    inline = $[7];
-    progress = $[8];
-    rest = $[9];
-    t1 = $[10];
-    t2 = $[11];
-  }
-  const bg = t1 === undefined ? "success.emphasis" : t1;
-  const barSize = t2 === undefined ? "default" : t2;
-  if (children && progress) {
-    throw new Error("You should pass `progress` or children, not both.");
-  }
-  let t3;
-  if ($[12] !== children) {
-    t3 = React__default.default.Children.toArray(children);
-    $[12] = children;
-    $[13] = t3;
-  } else {
-    t3 = $[13];
-  }
-  const validChildren = t3.length;
-  let t4;
-  if ($[14] !== className) {
-    t4 = clsx.clsx(className, ProgressBar_module.ProgressBarContainer);
-    $[14] = className;
-    $[15] = t4;
-  } else {
-    t4 = $[15];
-  }
-  const t5 = inline ? "inline" : "block";
-  let t6;
-  if ($[16] !== animated || $[17] !== ariaLabel || $[18] !== ariaValueNow || $[19] !== ariaValueText || $[20] !== bg || $[21] !== children || $[22] !== progress || $[23] !== validChildren) {
-    t6 = validChildren ? children : /*#__PURE__*/jsxRuntime.jsx(Item, {
-      "data-animated": animated,
-      progress: progress,
-      "aria-label": ariaLabel,
-      "aria-valuenow": ariaValueNow,
-      "aria-valuetext": ariaValueText,
-      bg: bg
-    });
-    $[16] = animated;
-    $[17] = ariaLabel;
-    $[18] = ariaValueNow;
-    $[19] = ariaValueText;
-    $[20] = bg;
-    $[21] = children;
-    $[22] = progress;
-    $[23] = validChildren;
-    $[24] = t6;
-  } else {
-    t6 = $[24];
-  }
-  let t7;
-  if ($[25] !== barSize || $[26] !== forwardRef || $[27] !== rest || $[28] !== t4 || $[29] !== t5 || $[30] !== t6) {
-    t7 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-      as: "span",
-      ref: forwardRef,
-      className: t4,
-      "data-progress-display": t5,
-      "data-progress-bar-size": barSize,
-      ...rest,
-      children: t6
-    });
-    $[25] = barSize;
-    $[26] = forwardRef;
-    $[27] = rest;
-    $[28] = t4;
-    $[29] = t5;
-    $[30] = t6;
-    $[31] = t7;
-  } else {
-    t7 = $[31];
-  }
-  return t7;
-});
-ProgressBar.displayName = 'ProgressBar';
-
-exports.Item = Item;
-exports.ProgressBar = ProgressBar;