@primer/react 38.0.0-rc.389f01088 → 38.0.0-rc.5

package/lib/NavList/index.d.ts

@@ -1,2 +0,0 @@
-export * from './NavList';
-//# sourceMappingURL=index.d.ts.map

package/lib/Octicon/Octicon.d.ts

@@ -1,17 +0,0 @@
-import type { IconProps } from '@primer/octicons-react';
-import React from 'react';
-import type { SxProp } from '../sx';
-import type { ComponentProps } from '../utils/types';
-/**
- * @deprecated Use the icon component directly from `@primer/octicons-react` instead
- */
-declare const Octicon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
-    icon: React.ElementType;
-    color?: string;
-} & IconProps & SxProp & React.RefAttributes<SVGSVGElement>>, any, SxProp, never>;
-/**
- * @deprecated Use the icon component directly from `@primer/octicons-react` instead
- */
-export type OcticonProps = ComponentProps<typeof Octicon>;
-export default Octicon;
-//# sourceMappingURL=Octicon.d.ts.map

package/lib/Octicon/Octicon.js

@@ -1,66 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-var styled = require('styled-components');
-var sx = require('../sx.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const Icon = /*#__PURE__*/React__default.default.forwardRef((props, ref) => {
-  const $ = reactCompilerRuntime.c(7);
-  let IconComponent;
-  let rest;
-  if ($[0] !== props) {
-    ({
-      icon: IconComponent,
-      ...rest
-    } = props);
-    $[0] = props;
-    $[1] = IconComponent;
-    $[2] = rest;
-  } else {
-    IconComponent = $[1];
-    rest = $[2];
-  }
-  let t0;
-  if ($[3] !== IconComponent || $[4] !== ref || $[5] !== rest) {
-    t0 = /*#__PURE__*/jsxRuntime.jsx(IconComponent, {
-      ...rest,
-      ref: ref
-    });
-    $[3] = IconComponent;
-    $[4] = ref;
-    $[5] = rest;
-    $[6] = t0;
-  } else {
-    t0 = $[6];
-  }
-  return t0;
-});
-
-/**
- * @deprecated Use the icon component directly from `@primer/octicons-react` instead
- */
-const Octicon = styled__default.default(Icon).withConfig({
-  shouldForwardProp(prop) {
-    return prop !== 'sx';
-  }
-}).withConfig({
-  displayName: "Octicon",
-  componentId: "sc-9kayk9-0"
-})(["", ""], ({
-  color,
-  sx: sxProp
-}) => sx.default({
-  sx: {
-    color,
-    ...sxProp
-  }
-}));
-
-module.exports = Octicon;

package/lib/Octicon/index.d.ts

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

package/lib/Overlay/Overlay-aeb12fc3.css

@@ -1,2 +0,0 @@
-@keyframes prc-Overlay-overlay-appear-DGY3B{0%{opacity:0}to{opacity:1}}.prc-Overlay-Overlay-dVyJl{animation:prc-Overlay-overlay-appear-DGY3B .2s cubic-bezier(.33,1,.68,1);background-color:var(--overlay-bgColor,var(--color-canvas-overlay));border-radius:var(--borderRadius-large,.75rem);box-shadow:var(--shadow-floating-small,var(--color-overlay-shadow));height:auto;max-height:100vh;min-width:192px;overflow:hidden;position:absolute;width:auto}.prc-Overlay-Overlay-dVyJl:focus{outline:none}@media (forced-colors:active){.prc-Overlay-Overlay-dVyJl{outline:1px solid transparent}}.prc-Overlay-Overlay-dVyJl:where([data-reflow-container=true]){max-width:calc(100vw - 2rem)}.prc-Overlay-Overlay-dVyJl:where([data-overflow-auto]){overflow:auto}.prc-Overlay-Overlay-dVyJl:where([data-overflow-hidden]){overflow:hidden}.prc-Overlay-Overlay-dVyJl:where([data-overflow-scroll]){overflow:scroll}.prc-Overlay-Overlay-dVyJl:where([data-overflow-visible]){overflow:visible}.prc-Overlay-Overlay-dVyJl:where([data-height-xsmall]){height:192px}.prc-Overlay-Overlay-dVyJl:where([data-height-small]){height:256px}.prc-Overlay-Overlay-dVyJl:where([data-height-medium]){height:320px}.prc-Overlay-Overlay-dVyJl:where([data-height-large]){height:432px}.prc-Overlay-Overlay-dVyJl:where([data-height-xlarge]){height:600px}.prc-Overlay-Overlay-dVyJl:where([data-height-auto]),.prc-Overlay-Overlay-dVyJl:where([data-height-initial]){height:auto}.prc-Overlay-Overlay-dVyJl:where([data-height-fit-content]){height:-moz-fit-content;height:fit-content}.prc-Overlay-Overlay-dVyJl:where([data-max-height-xsmall]){max-height:192px}.prc-Overlay-Overlay-dVyJl:where([data-max-height-small]){max-height:256px}.prc-Overlay-Overlay-dVyJl:where([data-max-height-medium]){max-height:320px}.prc-Overlay-Overlay-dVyJl:where([data-max-height-large]){max-height:432px}.prc-Overlay-Overlay-dVyJl:where([data-max-height-xlarge]){max-height:600px}.prc-Overlay-Overlay-dVyJl:where([data-max-height-fit-content]){max-height:-moz-fit-content;max-height:fit-content}.prc-Overlay-Overlay-dVyJl:where([data-width-small]){width:256px}.prc-Overlay-Overlay-dVyJl:where([data-width-medium]){width:320px}.prc-Overlay-Overlay-dVyJl:where([data-width-large]){width:480px}.prc-Overlay-Overlay-dVyJl:where([data-width-xlarge]){width:640px}.prc-Overlay-Overlay-dVyJl:where([data-width-xxlarge]){width:960px}.prc-Overlay-Overlay-dVyJl:where([data-width-auto]){width:auto}.prc-Overlay-Overlay-dVyJl:where([data-max-width-small]){max-width:256px}.prc-Overlay-Overlay-dVyJl:where([data-max-width-medium]){max-width:320px}.prc-Overlay-Overlay-dVyJl:where([data-max-width-large]){max-width:480px}.prc-Overlay-Overlay-dVyJl:where([data-max-width-xlarge]){max-width:640px}.prc-Overlay-Overlay-dVyJl:where([data-max-width-xxlarge]){max-width:960px}.prc-Overlay-Overlay-dVyJl:where([data-visibility-visible]){visibility:visible}.prc-Overlay-Overlay-dVyJl:where([data-visibility-hidden]){visibility:hidden}@media screen and (max-width:calc(48rem - 0.02px)){.prc-Overlay-Overlay-dVyJl:where([data-responsive=fullscreen]){border-radius:unset;height:100vh;left:0;margin:0;max-height:none;max-width:none;position:fixed;top:0;width:100vw}}@supports (height:100dvh){.prc-Overlay-Overlay-dVyJl:where([data-variant=fullscreen]){height:100dvh}}
-/*# sourceMappingURL=Overlay-aeb12fc3.css.map */

package/lib/Overlay/Overlay-aeb12fc3.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Overlay/Overlay.module.css"],"names":[],"mappings":"AAAA,4CACE,GACE,SACF,CAEA,GACE,SACF,CACF,CAEA,2BAUE,wEAA8D,CAH9D,mEAAwC,CACxC,8CAAwC,CACxC,mEAAwC,CALxC,WAAY,CACZ,gBAAiB,CAFjB,eAAgB,CAGhB,eAAgB,CALhB,iBAAkB,CAClB,UAuKF,CA7JE,iCACE,YACF,CAEA,8BAhBF,2BAkBI,6BAuJJ,CAtJE,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,gBACF,CAEA,0DACE,gBACF,CAEA,2DACE,gBACF,CAEA,0DACE,gBACF,CAEA,2DACE,gBACF,CAEA,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,CAGE,mDADF,+DAUI,mBAAoB,CAHpB,YAAa,CAHb,MAAO,CAKP,QAAS,CADT,eAAgB,CAFhB,cAAe,CAJf,cAAe,CACf,KAAM,CAEN,WAOJ,CADE,CAGF,0BAEE,4DACE,aACF,CACF","file":"Overlay-aeb12fc3.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  width: auto;\n  min-width: 192px;\n  height: auto;\n  max-height: 100vh;\n  overflow: hidden;\n  background-color: var(--overlay-bgColor);\n  border-radius: var(--borderRadius-large);\n  box-shadow: var(--shadow-floating-small);\n  animation: overlay-appear 200ms cubic-bezier(0.33, 1, 0.68, 1);\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: 192px;\n  }\n\n  &:where([data-max-height-small]) {\n    max-height: 256px;\n  }\n\n  &:where([data-max-height-medium]) {\n    max-height: 320px;\n  }\n\n  &:where([data-max-height-large]) {\n    max-height: 432px;\n  }\n\n  &:where([data-max-height-xlarge]) {\n    max-height: 600px;\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    @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    }\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"]}

package/lib/Overlay/Overlay.d.ts

@@ -1,94 +0,0 @@
-import type { ComponentPropsWithRef } from 'react';
-import React from 'react';
-import type { AriaRole, Merge } from '../utils/types';
-import type { TouchOrMouseEvent } from '../hooks';
-import type { SxProp } from '../sx';
-import type { AnchorSide } from '@primer/behaviors';
-import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
-type StyledOverlayProps = {
-    width?: keyof typeof widthMap;
-    height?: keyof typeof heightMap;
-    maxHeight?: keyof Omit<typeof heightMap, 'auto' | 'initial'>;
-    maxWidth?: keyof Omit<typeof widthMap, 'auto'>;
-    visibility?: 'visible' | 'hidden';
-    overflow?: 'auto' | 'hidden' | 'scroll' | 'visible';
-    style?: React.CSSProperties;
-} & SxProp;
-export declare const heightMap: {
-    xsmall: string;
-    small: string;
-    medium: string;
-    large: string;
-    xlarge: string;
-    auto: string;
-    initial: string;
-    'fit-content': string;
-};
-declare const widthMap: {
-    small: string;
-    medium: string;
-    large: string;
-    xlarge: string;
-    xxlarge: string;
-    auto: string;
-};
-type BaseOverlayProps = {
-    visibility?: 'visible' | 'hidden';
-    'data-test-id'?: unknown;
-    position?: React.CSSProperties['position'];
-    top?: React.CSSProperties['top'];
-    left?: React.CSSProperties['left'];
-    right?: React.CSSProperties['right'];
-    bottom?: React.CSSProperties['bottom'];
-    role?: AriaRole;
-    children?: React.ReactNode;
-    className?: string;
-    responsiveVariant?: 'fullscreen';
-};
-type OwnOverlayProps = Merge<StyledOverlayProps, BaseOverlayProps>;
-/**
- * An `Overlay` is a flexible floating surface, used to display transient content such as menus,
- * selection options, dialogs, and more. Overlays use shadows to express elevation. The `Overlay`
- * component handles all behaviors needed by overlay UIs as well as the common styles that all overlays * should have.
- * @param height Sets the height of the `Overlay`, pick from our set list of heights, or pass `auto` to automatically set the height based on the content of the `Overlay`, or pass `initial` to set the height based on the initial content of the `Overlay` (i.e. ignoring content changes). `xsmall` corresponds to `192px`, `small` corresponds to `256px`, `medium` corresponds to `320px`, `large` corresponds to `432px`, `xlarge` corresponds to `600px`.
- * @param width Sets the width of the `Overlay`, pick from our set list of widths, or pass `auto` to automatically set the width based on the content of the `Overlay`. `small` corresponds to `256px`, `medium` corresponds to `320px`, `large` corresponds to `480px`, `xlarge` corresponds to `640px`, `xxlarge` corresponds to `960px`.
- * @param maxHeight Sets the maximum height of the `Overlay`, pick from our set list of heights. `xsmall` corresponds to `192px`, `small` corresponds to `256px`, `medium` corresponds to `320px`, `large` corresponds to `432px`, `xlarge` corresponds to `600px`.
- * @param top Optional. Vertical top position of the overlay, relative to its closest positioned ancestor (often its `Portal`).
- * @param left Optional. Horizontal left position of the overlay, relative to its closest positioned ancestor (often its `Portal`).
- * @param right Optional. Horizontal right position of the overlay, relative to its closest positioned ancestor (often its `Portal`).
- * @param bottom Optional. Vertical bottom position of the overlay, relative to its closest positioned ancestor (often its `Portal`).
- * @param position Optional. Sets how an element is positioned in a document. Defaults to `absolute` positioning.
- */
-export declare const BaseOverlay: PolymorphicForwardRefComponent<"div", OwnOverlayProps>;
-type ContainerProps = {
-    anchorSide?: AnchorSide;
-    ignoreClickRefs?: React.RefObject<HTMLElement>[];
-    initialFocusRef?: React.RefObject<HTMLElement>;
-    onClickOutside: (e: TouchOrMouseEvent) => void;
-    onEscape: (e: KeyboardEvent) => void;
-    portalContainerName?: string;
-    preventOverflow?: boolean;
-    preventFocusOnOpen?: boolean;
-    returnFocusRef: React.RefObject<HTMLElement>;
-};
-type internalOverlayProps = Merge<OwnOverlayProps, ContainerProps>;
-/**
- * @param anchorSide If provided, the Overlay will slide into position from the side of the anchor with a brief animation
- * @param height Sets the height of the `Overlay`, pick from our set list of heights, or pass `auto` to automatically set the height based on the content of the `Overlay`, or pass `initial` to set the height based on the initial content of the `Overlay` (i.e. ignoring content changes). `xsmall` corresponds to `192px`, `small` corresponds to `256px`, `medium` corresponds to `320px`, `large` corresponds to `432px`, `xlarge` corresponds to `600px`.
- * @param ignoreClickRefs Optional. An array of ref objects to ignore clicks on in the `onOutsideClick` behavior. This is often used to ignore clicking on the element that toggles the open/closed state for the `Overlay` to prevent the `Overlay` from being toggled twice.
- * @param initialFocusRef Optional. Ref for the element to focus when the `Overlay` is opened. If nothing is provided, the first focusable element in the `Overlay` body is focused.
- * @param left Optional. Horizontal left position of the overlay, relative to its closest positioned ancestor (often its `Portal`).
- * @param onClickOutside  Required. Function to call when clicking outside of the `Overlay`. Typically this function removes the Overlay.
- * @param onEscape Required. Function to call when user presses `Escape`. Typically this function removes the Overlay.
- * @param portalContainerName Optional. The name of the portal container to render the Overlay into.
- * @param preventOverflow Optional. The Overlay width will be adjusted responsively if there is not enough space to display the Overlay. If `preventOverflow` is `true`, the width of the `Overlay` will not be adjusted.
- * @param preventFocusOnOpen Optional. If 'true', focus will not be applied when the component is first mounted, even if initialFocusRef prop is given.
- * @param returnFocusRef Required. Ref for the element to focus when the `Overlay` is closed.
- * @param right Optional. Horizontal right position of the overlay, relative to its closest positioned ancestor (often its `Portal`).
- * @param width Sets the width of the `Overlay`, pick from our set list of widths, or pass `auto` to automatically set the width based on the content of the `Overlay`. `small` corresponds to `256px`, `medium` corresponds to `320px`, `large` corresponds to `480px`, `xlarge` corresponds to `640px`, `xxlarge` corresponds to `960px`.
-
- */
-declare const Overlay: PolymorphicForwardRefComponent<"div", internalOverlayProps>;
-export type OverlayProps = ComponentPropsWithRef<typeof Overlay>;
-export default Overlay;
-//# sourceMappingURL=Overlay.d.ts.map

package/lib/Overlay/Overlay.d.ts.map

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

package/lib/Overlay/Overlay.js

@@ -1,349 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-var useIsomorphicLayoutEffect = require('../utils/useIsomorphicLayoutEffect.js');
-var constants = require('../constants.js');
-var Portal = require('../Portal/Portal.js');
-var useRefObjectAsForwardedRef = require('../hooks/useRefObjectAsForwardedRef.js');
-var ThemeProvider = require('../ThemeProvider.js');
-var Overlay_module = require('./Overlay.module.css.js');
-var clsx = require('clsx');
-var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
-var jsxRuntime = require('react/jsx-runtime');
-var useOverlay = require('../hooks/useOverlay.js');
-var useFeatureFlag = require('../FeatureFlags/useFeatureFlag.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const heightMap = {
-  xsmall: '192px',
-  small: '256px',
-  medium: '320px',
-  large: '432px',
-  xlarge: '600px',
-  auto: 'auto',
-  initial: 'auto',
-  // Passing 'initial' initially applies 'auto'
-  'fit-content': 'fit-content'
-};
-const animationDuration = 200;
-function getSlideAnimationStartingVector(anchorSide) {
-  if (anchorSide !== null && anchorSide !== void 0 && anchorSide.endsWith('bottom')) {
-    return {
-      x: 0,
-      y: -1
-    };
-  } else if (anchorSide !== null && anchorSide !== void 0 && anchorSide.endsWith('top')) {
-    return {
-      x: 0,
-      y: 1
-    };
-  } else if (anchorSide !== null && anchorSide !== void 0 && anchorSide.endsWith('right')) {
-    return {
-      x: -1,
-      y: 0
-    };
-  } else if (anchorSide !== null && anchorSide !== void 0 && anchorSide.endsWith('left')) {
-    return {
-      x: 1,
-      y: 0
-    };
-  }
-  return {
-    x: 0,
-    y: 0
-  };
-}
-/**
- * An `Overlay` is a flexible floating surface, used to display transient content such as menus,
- * selection options, dialogs, and more. Overlays use shadows to express elevation. The `Overlay`
- * component handles all behaviors needed by overlay UIs as well as the common styles that all overlays * should have.
- * @param height Sets the height of the `Overlay`, pick from our set list of heights, or pass `auto` to automatically set the height based on the content of the `Overlay`, or pass `initial` to set the height based on the initial content of the `Overlay` (i.e. ignoring content changes). `xsmall` corresponds to `192px`, `small` corresponds to `256px`, `medium` corresponds to `320px`, `large` corresponds to `432px`, `xlarge` corresponds to `600px`.
- * @param width Sets the width of the `Overlay`, pick from our set list of widths, or pass `auto` to automatically set the width based on the content of the `Overlay`. `small` corresponds to `256px`, `medium` corresponds to `320px`, `large` corresponds to `480px`, `xlarge` corresponds to `640px`, `xxlarge` corresponds to `960px`.
- * @param maxHeight Sets the maximum height of the `Overlay`, pick from our set list of heights. `xsmall` corresponds to `192px`, `small` corresponds to `256px`, `medium` corresponds to `320px`, `large` corresponds to `432px`, `xlarge` corresponds to `600px`.
- * @param top Optional. Vertical top position of the overlay, relative to its closest positioned ancestor (often its `Portal`).
- * @param left Optional. Horizontal left position of the overlay, relative to its closest positioned ancestor (often its `Portal`).
- * @param right Optional. Horizontal right position of the overlay, relative to its closest positioned ancestor (often its `Portal`).
- * @param bottom Optional. Vertical bottom position of the overlay, relative to its closest positioned ancestor (often its `Portal`).
- * @param position Optional. Sets how an element is positioned in a document. Defaults to `absolute` positioning.
- */
-const BaseOverlay = /*#__PURE__*/React__default.default.forwardRef(({
-  visibility,
-  height,
-  width,
-  top,
-  left,
-  right,
-  bottom,
-  position,
-  style: styleFromProps,
-  className,
-  maxHeight,
-  maxWidth,
-  ...rest
-}, forwardedRef) => {
-  return /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-    as: "div",
-    ...rest,
-    ref: forwardedRef,
-    style: {
-      left,
-      right,
-      top,
-      bottom,
-      position,
-      ...styleFromProps
-    },
-    [`data-width-${width}`]: '',
-    [`data-max-width-${maxWidth}`]: maxWidth ? '' : undefined,
-    [`data-height-${height}`]: '',
-    [`data-max-height-${maxHeight}`]: maxHeight ? '' : undefined,
-    [`data-visibility-${visibility}`]: '',
-    [`data-overflow-${rest.overflow}`]: rest.overflow ? '' : undefined,
-    className: clsx.clsx(className, Overlay_module.Overlay)
-  });
-});
-/**
- * @param anchorSide If provided, the Overlay will slide into position from the side of the anchor with a brief animation
- * @param height Sets the height of the `Overlay`, pick from our set list of heights, or pass `auto` to automatically set the height based on the content of the `Overlay`, or pass `initial` to set the height based on the initial content of the `Overlay` (i.e. ignoring content changes). `xsmall` corresponds to `192px`, `small` corresponds to `256px`, `medium` corresponds to `320px`, `large` corresponds to `432px`, `xlarge` corresponds to `600px`.
- * @param ignoreClickRefs Optional. An array of ref objects to ignore clicks on in the `onOutsideClick` behavior. This is often used to ignore clicking on the element that toggles the open/closed state for the `Overlay` to prevent the `Overlay` from being toggled twice.
- * @param initialFocusRef Optional. Ref for the element to focus when the `Overlay` is opened. If nothing is provided, the first focusable element in the `Overlay` body is focused.
- * @param left Optional. Horizontal left position of the overlay, relative to its closest positioned ancestor (often its `Portal`).
- * @param onClickOutside  Required. Function to call when clicking outside of the `Overlay`. Typically this function removes the Overlay.
- * @param onEscape Required. Function to call when user presses `Escape`. Typically this function removes the Overlay.
- * @param portalContainerName Optional. The name of the portal container to render the Overlay into.
- * @param preventOverflow Optional. The Overlay width will be adjusted responsively if there is not enough space to display the Overlay. If `preventOverflow` is `true`, the width of the `Overlay` will not be adjusted.
- * @param preventFocusOnOpen Optional. If 'true', focus will not be applied when the component is first mounted, even if initialFocusRef prop is given.
- * @param returnFocusRef Required. Ref for the element to focus when the `Overlay` is closed.
- * @param right Optional. Horizontal right position of the overlay, relative to its closest positioned ancestor (often its `Portal`).
- * @param width Sets the width of the `Overlay`, pick from our set list of widths, or pass `auto` to automatically set the width based on the content of the `Overlay`. `small` corresponds to `256px`, `medium` corresponds to `320px`, `large` corresponds to `480px`, `xlarge` corresponds to `640px`, `xxlarge` corresponds to `960px`.
-
- */
-const Overlay = /*#__PURE__*/React__default.default.forwardRef((t0, forwardedRef) => {
-  const $ = reactCompilerRuntime.c(51);
-  let anchorSide;
-  let ignoreClickRefs;
-  let initialFocusRef;
-  let left;
-  let onClickOutside;
-  let onEscape;
-  let portalContainerName;
-  let preventFocusOnOpen;
-  let props;
-  let responsiveVariant;
-  let returnFocusRef;
-  let right;
-  let t1;
-  let t2;
-  let t3;
-  let t4;
-  let t5;
-  if ($[0] !== t0) {
-    ({
-      anchorSide,
-      height: t1,
-      ignoreClickRefs,
-      initialFocusRef,
-      left,
-      onClickOutside,
-      onEscape,
-      portalContainerName,
-      preventOverflow: t2,
-      preventFocusOnOpen,
-      returnFocusRef,
-      right,
-      role: t3,
-      visibility: t4,
-      width: t5,
-      responsiveVariant,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = anchorSide;
-    $[2] = ignoreClickRefs;
-    $[3] = initialFocusRef;
-    $[4] = left;
-    $[5] = onClickOutside;
-    $[6] = onEscape;
-    $[7] = portalContainerName;
-    $[8] = preventFocusOnOpen;
-    $[9] = props;
-    $[10] = responsiveVariant;
-    $[11] = returnFocusRef;
-    $[12] = right;
-    $[13] = t1;
-    $[14] = t2;
-    $[15] = t3;
-    $[16] = t4;
-    $[17] = t5;
-  } else {
-    anchorSide = $[1];
-    ignoreClickRefs = $[2];
-    initialFocusRef = $[3];
-    left = $[4];
-    onClickOutside = $[5];
-    onEscape = $[6];
-    portalContainerName = $[7];
-    preventFocusOnOpen = $[8];
-    props = $[9];
-    responsiveVariant = $[10];
-    returnFocusRef = $[11];
-    right = $[12];
-    t1 = $[13];
-    t2 = $[14];
-    t3 = $[15];
-    t4 = $[16];
-    t5 = $[17];
-  }
-  const height = t1 === undefined ? "auto" : t1;
-  const preventOverflow = t2 === undefined ? true : t2;
-  const role = t3 === undefined ? "none" : t3;
-  const visibility = t4 === undefined ? "visible" : t4;
-  const width = t5 === undefined ? "auto" : t5;
-  const overlayRef = React.useRef(null);
-  useRefObjectAsForwardedRef.useRefObjectAsForwardedRef(forwardedRef, overlayRef);
-  const {
-    theme
-  } = ThemeProvider.useTheme();
-  let t6;
-  if ($[18] !== theme) {
-    t6 = constants.get("space.2")(theme).replace("px", "");
-    $[18] = theme;
-    $[19] = t6;
-  } else {
-    t6 = $[19];
-  }
-  const slideAnimationDistance = parseInt(t6);
-  let t7;
-  if ($[20] !== theme) {
-    t7 = constants.get("animation.easeOutCubic")(theme);
-    $[20] = theme;
-    $[21] = t7;
-  } else {
-    t7 = $[21];
-  }
-  const slideAnimationEasing = t7;
-  let t8;
-  if ($[22] !== ignoreClickRefs || $[23] !== initialFocusRef || $[24] !== onClickOutside || $[25] !== onEscape || $[26] !== preventFocusOnOpen || $[27] !== returnFocusRef) {
-    t8 = {
-      overlayRef,
-      returnFocusRef,
-      onEscape,
-      ignoreClickRefs,
-      onClickOutside,
-      initialFocusRef,
-      preventFocusOnOpen
-    };
-    $[22] = ignoreClickRefs;
-    $[23] = initialFocusRef;
-    $[24] = onClickOutside;
-    $[25] = onEscape;
-    $[26] = preventFocusOnOpen;
-    $[27] = returnFocusRef;
-    $[28] = t8;
-  } else {
-    t8 = $[28];
-  }
-  useOverlay.useOverlay(t8);
-  let t10;
-  let t9;
-  if ($[29] !== height) {
-    t9 = () => {
-      var _overlayRef$current;
-      if (height === "initial" && (_overlayRef$current = overlayRef.current) !== null && _overlayRef$current !== void 0 && _overlayRef$current.clientHeight) {
-        overlayRef.current.style.height = `${overlayRef.current.clientHeight}px`;
-      }
-    };
-    t10 = [height];
-    $[29] = height;
-    $[30] = t10;
-    $[31] = t9;
-  } else {
-    t10 = $[30];
-    t9 = $[31];
-  }
-  React.useEffect(t9, t10);
-  let t11;
-  let t12;
-  if ($[32] !== anchorSide || $[33] !== slideAnimationDistance || $[34] !== slideAnimationEasing || $[35] !== visibility) {
-    t11 = () => {
-      var _overlayRef$current2;
-      const {
-        x,
-        y
-      } = getSlideAnimationStartingVector(anchorSide);
-      if (!x && !y || !((_overlayRef$current2 = overlayRef.current) !== null && _overlayRef$current2 !== void 0 && _overlayRef$current2.animate) || visibility === "hidden") {
-        return;
-      }
-      overlayRef.current.animate({
-        transform: [`translate(${slideAnimationDistance * x}px, ${slideAnimationDistance * y}px)`, "translate(0, 0)"]
-      }, {
-        duration: animationDuration,
-        easing: slideAnimationEasing
-      });
-    };
-    t12 = [anchorSide, slideAnimationDistance, slideAnimationEasing, visibility];
-    $[32] = anchorSide;
-    $[33] = slideAnimationDistance;
-    $[34] = slideAnimationEasing;
-    $[35] = visibility;
-    $[36] = t11;
-    $[37] = t12;
-  } else {
-    t11 = $[36];
-    t12 = $[37];
-  }
-  useIsomorphicLayoutEffect(t11, t12);
-  const leftPosition = left === undefined && right === undefined ? 0 : left;
-  const overflowEnabled = useFeatureFlag.useFeatureFlag("primer_react_overlay_overflow");
-  const t13 = overflowEnabled || !preventOverflow ? true : undefined;
-  let t14;
-  if ($[38] !== height || $[39] !== leftPosition || $[40] !== props || $[41] !== responsiveVariant || $[42] !== right || $[43] !== role || $[44] !== t13 || $[45] !== visibility || $[46] !== width) {
-    t14 = /*#__PURE__*/jsxRuntime.jsx(BaseOverlay, {
-      role: role,
-      width: width,
-      "data-reflow-container": t13,
-      ref: overlayRef,
-      left: leftPosition,
-      right: right,
-      height: height,
-      visibility: visibility,
-      "data-responsive": responsiveVariant,
-      ...props
-    });
-    $[38] = height;
-    $[39] = leftPosition;
-    $[40] = props;
-    $[41] = responsiveVariant;
-    $[42] = right;
-    $[43] = role;
-    $[44] = t13;
-    $[45] = visibility;
-    $[46] = width;
-    $[47] = t14;
-  } else {
-    t14 = $[47];
-  }
-  let t15;
-  if ($[48] !== portalContainerName || $[49] !== t14) {
-    t15 = /*#__PURE__*/jsxRuntime.jsx(Portal.Portal, {
-      containerName: portalContainerName,
-      children: t14
-    });
-    $[48] = portalContainerName;
-    $[49] = t14;
-    $[50] = t15;
-  } else {
-    t15 = $[50];
-  }
-  return t15;
-});
-
-exports.BaseOverlay = BaseOverlay;
-exports.default = Overlay;
-exports.heightMap = heightMap;

package/lib/Overlay/Overlay.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./Overlay-aeb12fc3.css');
-
-var classes = {"Overlay":"prc-Overlay-Overlay-dVyJl"};
-
-module.exports = classes;

package/lib/Overlay/index.d.ts

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

package/lib/PageHeader/PageHeader-4e1d8fee.css

@@ -1,2 +0,0 @@
-.prc-PageHeader-PageHeader-sT1Hp{--grid-row-order-context-area:1;--grid-row-order-leading-action:2;--grid-row-order-breadcrumbs:2;--grid-row-order-title-area:2;--grid-row-order-trailing-action:2;--grid-row-order-actions:2;--grid-row-order-description:3;--grid-row-order-navigation:4;--title-area-region-order-leading-visual:0;--title-area-region-order-title:1;--title-area-region-order-trailing-visual:2;--context-area-region-order-parent-link:0;--context-area-region-order-context-bar:1;--context-area-region-order-context-area-actions:2;display:grid;grid-template-areas:"context-area context-area context-area context-area context-area" "leading-action breadcrumbs title-area trailing-action actions" "description description description description description" "navigation navigation navigation navigation navigation";grid-template-columns:auto auto auto auto 1fr}.prc-PageHeader-PageHeader-sT1Hp:has([data-component=TitleArea][data-size-variant=large]){font-size:var(--custom-font-size,var(--text-title-size-large,2rem));font-weight:var(--custom-font-weight,var(--base-text-weight-normal,400));line-height:var(--custom-line-height,var(--text-title-lineHeight-large,1.5));--title-line-height:var(--custom-line-height,var(--text-title-lineHeight-large,1.5))}.prc-PageHeader-PageHeader-sT1Hp:has([data-component=TitleArea][data-size-variant=medium]){font-size:var(--custom-font-size,var(--text-title-size-medium,1.25rem));font-weight:var(--custom-font-weight,var(--base-text-weight-semibold,600));line-height:var(--custom-line-height,var(--text-title-lineHeight-medium,1.6));--title-line-height:var(--custom-line-height,var(--text-title-lineHeight-medium,1.6))}.prc-PageHeader-PageHeader-sT1Hp:has([data-component=TitleArea][data-size-variant=subtitle]){font-size:var(--custom-font-size,var(--text-title-size-medium,1.25rem));font-weight:var(--custom-font-weight,var(--base-text-weight-normal,400));line-height:var(--custom-line-height,var(--text-title-lineHeight-medium,1.6));--title-line-height:var(--custom-line-height,var(--text-title-lineHeight-medium,1.6))}.prc-PageHeader-PageHeader-sT1Hp[data-has-border=true]:has([data-component=PH_Navigation][data-hidden-all]),.prc-PageHeader-PageHeader-sT1Hp[data-has-border=true]:not(:has([data-component=PH_Navigation])){border-block-end:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));padding-block-end:var(--base-size-8,.5rem)}@media screen and (max-width:768px){.prc-PageHeader-PageHeader-sT1Hp[data-has-border=true]:has([data-component=PH_Navigation][data-hidden-narrow]){border-block-end:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));padding-block-end:var(--base-size-8,.5rem)}}@media screen and (min-width:768px){.prc-PageHeader-PageHeader-sT1Hp[data-has-border=true]:has([data-component=PH_Navigation][data-hidden-regular]){border-block-end:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));padding-block-end:var(--base-size-8,.5rem)}}@media screen and (min-width:1440px){.prc-PageHeader-PageHeader-sT1Hp[data-has-border=true]:has([data-component=PH_Navigation][data-hidden-wide]){border-block-end:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));padding-block-end:var(--base-size-8,.5rem)}}.prc-PageHeader-PageHeader-sT1Hp [data-component=PH_Actions],.prc-PageHeader-PageHeader-sT1Hp [data-component=PH_LeadingAction],.prc-PageHeader-PageHeader-sT1Hp [data-component=PH_LeadingVisual],.prc-PageHeader-PageHeader-sT1Hp [data-component=PH_TrailingAction],.prc-PageHeader-PageHeader-sT1Hp [data-component=PH_TrailingVisual]{height:calc(var(--title-line-height)*1em)}.prc-PageHeader-PageHeader-sT1Hp [data-hidden-all]{display:none}@media screen and (max-width:768px){.prc-PageHeader-PageHeader-sT1Hp [data-hidden-narrow]{display:none}}@media screen and (min-width:768px){.prc-PageHeader-PageHeader-sT1Hp [data-hidden-regular]{display:none}}@media screen and (min-width:1440px){.prc-PageHeader-PageHeader-sT1Hp [data-hidden-wide]{display:none}}.prc-PageHeader-ContextArea-6ykSJ{flex-direction:row;font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-normal,400);grid-area:context-area;grid-row:var(--grid-row-order-context-area);line-height:var(--text-body-lineHeight-medium,1.4285);padding-bottom:var(--base-size-8,.5rem)}.prc-PageHeader-ContextArea-6ykSJ,.prc-PageHeader-ParentLink-BvDS0{align-items:center;display:flex;gap:var(--stack-gap-condensed,.5rem)}.prc-PageHeader-ParentLink-BvDS0{order:var(--context-area-region-order-parent-link)}.prc-PageHeader-ContextBar-XQ8Q0{display:flex;order:var(--context-area-region-order-context-bar)}.prc-PageHeader-ContextAreaActions-RTJRk{align-items:center;flex-grow:1;justify-content:flex-end;order:var(--context-area-region-order-context-area-actions)}.prc-PageHeader-ContextAreaActions-RTJRk,.prc-PageHeader-TitleArea-jxJZy{display:flex;flex-direction:row;gap:var(--stack-gap-condensed,.5rem)}.prc-PageHeader-TitleArea-jxJZy{align-items:flex-start;grid-area:title-area;grid-row:var(--grid-row-order-title-area)}.prc-PageHeader-LeadingAction-88LQ0{grid-area:leading-action;grid-row:var(--grid-row-order-leading-action)}.prc-PageHeader-Breadcrumbs-3c6ig,.prc-PageHeader-LeadingAction-88LQ0{align-items:center;display:flex;padding-right:var(--base-size-8,.5rem)}.prc-PageHeader-Breadcrumbs-3c6ig{font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-normal,400);grid-area:breadcrumbs;grid-row:var(--grid-row-order-breadcrumbs);line-height:var(--text-body-lineHeight-medium,1.4285)}.prc-PageHeader-LeadingVisual-7zjCx{align-items:center;display:flex;order:var(--title-area-region-order-leading-visual)}.prc-PageHeader-Title-LKOsd{display:block;font-size:inherit;font-weight:inherit;order:var(--title-area-region-order-title)}.prc-PageHeader-Title-LKOsd:where([data-hidden=true]){display:none}.prc-PageHeader-TrailingVisual-7Ft0D{align-items:center;display:flex;order:var(--title-area-region-order-trailing-visual)}.prc-PageHeader-TrailingAction-QOaow{grid-area:trailing-action;grid-row:var(--grid-row-order-trailing-action)}.prc-PageHeader-Actions-ygtmj,.prc-PageHeader-TrailingAction-QOaow{align-items:center;display:flex;padding-left:var(--base-size-8,.5rem)}.prc-PageHeader-Actions-ygtmj{flex-direction:row;gap:var(--stack-gap-condensed,.5rem);grid-area:actions;grid-row:var(--grid-row-order-actions);justify-content:flex-end;min-width:max-content}.prc-PageHeader-Description-kFg8r{align-items:center;display:flex;flex-direction:row;gap:var(--stack-gap-condensed,.5rem);grid-area:description;grid-row:var(--grid-row-order-description)}.prc-PageHeader-Description-kFg8r,.prc-PageHeader-Navigation-9Uvch{font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-normal,400);line-height:var(--text-body-lineHeight-medium,1.4285);padding-top:var(--base-size-8,.5rem)}.prc-PageHeader-Navigation-9Uvch{display:block;grid-area:navigation;grid-row:var(--grid-row-order-navigation)}
-/*# sourceMappingURL=PageHeader-4e1d8fee.css.map */

package/lib/PageHeader/PageHeader-4e1d8fee.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/PageHeader/PageHeader.module.css"],"names":[],"mappings":"AAAA,iCAEE,+BAAgC,CAChC,iCAAkC,CAClC,8BAA+B,CAC/B,6BAA8B,CAC9B,kCAAmC,CACnC,0BAA2B,CAC3B,8BAA+B,CAC/B,6BAA8B,CAG9B,0CAA2C,CAC3C,iCAAkC,CAClC,2CAA4C,CAG5C,yCAA0C,CAC1C,yCAA0C,CAC1C,kDAAmD,CAEnD,YAAa,CAIb,6QAI0D,CAL1D,6CA4FF,CAhFE,0FACE,mEAAsE,CACtE,wEAA2E,CAC3E,4EAA+E,CAE/E,oFACF,CAEA,2FACE,uEAA0E,CAC1E,0EAA6E,CAC7E,6EAAgF,CAEhF,qFACF,CAEA,6FACE,uEAA0E,CAC1E,wEAA2E,CAC3E,6EAAgF,CAEhF,qFACF,CAEA,6MAEE,8GAA0E,CAC1E,0CACF,CAEA,oCACE,+GACE,8GAA0E,CAC1E,0CACF,CACF,CAEA,oCACE,gHACE,8GAA0E,CAC1E,0CACF,CACF,CAEA,qCACE,6GACE,8GAA0E,CAC1E,0CACF,CACF,CAEA,2UAKE,yCACF,CAEA,mDACE,YACF,CAGE,oCADF,sDAEI,YAEJ,CADE,CAIA,oCADF,uDAEI,YAEJ,CADE,CAIA,qCADF,oDAEI,YAEJ,CADE,CAIJ,kCAME,kBAAmB,CAHnB,8CAAiD,CACjD,8CAA2C,CAI3C,sBAAuB,CADvB,2CAA4C,CAF5C,qDAAuD,CAHvD,uCASF,CAEA,mEAJE,kBAAmB,CARnB,YAAa,CASb,oCAQF,CALA,iCAGE,kDAEF,CAEA,iCACE,YAAa,CACb,kDACF,CAEA,yCAIE,kBAAmB,CAEnB,WAAY,CACZ,wBAAyB,CAJzB,2DAKF,CAEA,yEATE,YAAa,CACb,kBAAmB,CAGnB,oCAYF,CAPA,gCAME,sBAAuB,CAJvB,oBAAqB,CADrB,yCAMF,CAEA,oCAIE,wBAAyB,CADzB,6CAGF,CAEA,sEAHE,kBAAmB,CAJnB,YAAa,CACb,sCAeF,CATA,kCAGE,8CAAiD,CACjD,8CAA2C,CAG3C,qBAAsB,CADtB,0CAA2C,CAD3C,qDAIF,CAEA,oCAIE,kBAAmB,CAFnB,YAAa,CACb,mDAEF,CAEA,4BAEE,aAAc,CAEd,iBAAkB,CAClB,mBAAoB,CAFpB,0CAGF,CAEA,sDACE,YACF,CAEA,qCAIE,kBAAmB,CAFnB,YAAa,CACb,oDAEF,CAEA,qCAIE,yBAA0B,CAD1B,8CAGF,CAEA,mEAHE,kBAAmB,CAJnB,YAAa,CACb,qCAgBF,CAVA,8BAIE,kBAAmB,CAGnB,oCAA+B,CAD/B,iBAAkB,CADlB,sCAAuC,CAGvC,wBAAyB,CANzB,qBAQF,CAEA,kCASE,kBAAmB,CARnB,YAAa,CAKb,kBAAmB,CAInB,oCAA+B,CAF/B,qBAAsB,CADtB,0CAIF,CAEA,mEAVE,8CAAiD,CACjD,8CAA2C,CAC3C,qDAAuD,CAHvD,oCAmBF,CARA,iCACE,aAAc,CAMd,oBAAqB,CADrB,yCAEF","file":"PageHeader-4e1d8fee.css","sourcesContent":[".PageHeader {\n  /* Grid Row Order */\n  --grid-row-order-context-area: 1;\n  --grid-row-order-leading-action: 2;\n  --grid-row-order-breadcrumbs: 2;\n  --grid-row-order-title-area: 2;\n  --grid-row-order-trailing-action: 2;\n  --grid-row-order-actions: 2;\n  --grid-row-order-description: 3;\n  --grid-row-order-navigation: 4;\n\n  /* Title Area Region Order */\n  --title-area-region-order-leading-visual: 0;\n  --title-area-region-order-title: 1;\n  --title-area-region-order-trailing-visual: 2;\n\n  /* Context Area Region Order */\n  --context-area-region-order-parent-link: 0;\n  --context-area-region-order-context-bar: 1;\n  --context-area-region-order-context-area-actions: 2;\n\n  display: grid;\n\n  /* We have max 5 columns. */\n  grid-template-columns: auto auto auto auto 1fr;\n  grid-template-areas:\n    'context-area context-area context-area context-area context-area'\n    'leading-action breadcrumbs title-area trailing-action actions'\n    'description description description description description'\n    'navigation navigation navigation navigation navigation';\n\n  /*\n    line-height is calculated with calc(height/font-size) and the below numbers are from @primer/primitives.\n    --custom-font-size, --custom-line-height, --custom-font-weight are custom properties that can be used to override the below values.\n    We don't want these values to be overridden but still want to allow consumers to override them if needed.\n  */\n  &:has([data-component='TitleArea'][data-size-variant='large']) {\n    font-size: var(--custom-font-size, var(--text-title-size-large, 2rem));\n    font-weight: var(--custom-font-weight, var(--base-text-weight-normal, 400));\n    line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5)); /* calc(48/32) */\n\n    --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5));\n  }\n\n  &:has([data-component='TitleArea'][data-size-variant='medium']) {\n    font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));\n    font-weight: var(--custom-font-weight, var(--base-text-weight-semibold, 600));\n    line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6)); /* calc(32/20) */\n\n    --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n  }\n\n  &:has([data-component='TitleArea'][data-size-variant='subtitle']) {\n    font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));\n    font-weight: var(--custom-font-weight, var(--base-text-weight-normal, 400));\n    line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6)); /* calc(32/20) */\n\n    --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));\n  }\n\n  &[data-has-border='true']:has([data-component='PH_Navigation'][data-hidden-all]),\n  &[data-has-border='true']:not(:has([data-component='PH_Navigation'])) {\n    border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);\n    padding-block-end: var(--base-size-8);\n  }\n\n  @media screen and (max-width: 768px) {\n    &[data-has-border='true']:has([data-component='PH_Navigation'][data-hidden-narrow]) {\n      border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);\n      padding-block-end: var(--base-size-8);\n    }\n  }\n\n  @media screen and (min-width: 768px) {\n    &[data-has-border='true']:has([data-component='PH_Navigation'][data-hidden-regular]) {\n      border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);\n      padding-block-end: var(--base-size-8);\n    }\n  }\n\n  @media screen and (min-width: 1440px) {\n    &[data-has-border='true']:has([data-component='PH_Navigation'][data-hidden-wide]) {\n      border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);\n      padding-block-end: var(--base-size-8);\n    }\n  }\n\n  & [data-component='PH_LeadingAction'],\n  & [data-component='PH_TrailingAction'],\n  & [data-component='PH_Actions'],\n  & [data-component='PH_LeadingVisual'],\n  & [data-component='PH_TrailingVisual'] {\n    height: calc(var(--title-line-height) * 1em);\n  }\n\n  & [data-hidden-all] {\n    display: none;\n  }\n\n  & [data-hidden-narrow] {\n    @media screen and (max-width: 768px) {\n      display: none;\n    }\n  }\n\n  & [data-hidden-regular] {\n    @media screen and (min-width: 768px) {\n      display: none;\n    }\n  }\n\n  & [data-hidden-wide] {\n    @media screen and (min-width: 1440px) {\n      display: none;\n    }\n  }\n}\n\n.ContextArea {\n  display: flex;\n  padding-bottom: var(--base-size-8);\n  font-size: var(--text-body-size-medium, 0.875rem);\n  font-weight: var(--base-text-weight-normal);\n  line-height: var(--text-body-lineHeight-medium, 1.4285);\n  flex-direction: row;\n  grid-row: var(--grid-row-order-context-area);\n  grid-area: context-area;\n  align-items: center;\n  gap: var(--stack-gap-condensed);\n}\n\n.ParentLink {\n  display: flex;\n  align-items: center;\n  order: var(--context-area-region-order-parent-link);\n  gap: var(--stack-gap-condensed);\n}\n\n.ContextBar {\n  display: flex;\n  order: var(--context-area-region-order-context-bar);\n}\n\n.ContextAreaActions {\n  display: flex;\n  flex-direction: row;\n  order: var(--context-area-region-order-context-area-actions);\n  align-items: center;\n  gap: var(--stack-gap-condensed);\n  flex-grow: 1;\n  justify-content: flex-end;\n}\n\n.TitleArea {\n  grid-row: var(--grid-row-order-title-area);\n  grid-area: title-area;\n  display: flex;\n  gap: var(--stack-gap-condensed);\n  flex-direction: row;\n  align-items: flex-start;\n}\n\n.LeadingAction {\n  display: flex;\n  padding-right: var(--base-size-8);\n  grid-row: var(--grid-row-order-leading-action);\n  grid-area: leading-action;\n  align-items: center;\n}\n\n.Breadcrumbs {\n  display: flex;\n  padding-right: var(--base-size-8);\n  font-size: var(--text-body-size-medium, 0.875rem);\n  font-weight: var(--base-text-weight-normal);\n  line-height: var(--text-body-lineHeight-medium, 1.4285);\n  grid-row: var(--grid-row-order-breadcrumbs);\n  grid-area: breadcrumbs;\n  align-items: center;\n}\n\n.LeadingVisual {\n  /* using flex and order to display the leading visual in the title area. */\n  display: flex;\n  order: var(--title-area-region-order-leading-visual);\n  align-items: center;\n}\n\n.Title {\n  /* using flex and order to display the title in the title area. */\n  display: block;\n  order: var(--title-area-region-order-title);\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n.Title:where([data-hidden='true']) {\n  display: none;\n}\n\n.TrailingVisual {\n  /* using flex and order to display the trailing visual in the title area. */\n  display: flex;\n  order: var(--title-area-region-order-trailing-visual);\n  align-items: center;\n}\n\n.TrailingAction {\n  display: flex;\n  padding-left: var(--base-size-8);\n  grid-row: var(--grid-row-order-trailing-action);\n  grid-area: trailing-action;\n  align-items: center;\n}\n\n.Actions {\n  display: flex;\n  min-width: max-content;\n  padding-left: var(--base-size-8);\n  flex-direction: row;\n  grid-row: var(--grid-row-order-actions);\n  grid-area: actions;\n  gap: var(--stack-gap-condensed);\n  justify-content: flex-end;\n  align-items: center;\n}\n\n.Description {\n  display: flex;\n  padding-top: var(--base-size-8);\n  font-size: var(--text-body-size-medium, 0.875rem);\n  font-weight: var(--base-text-weight-normal);\n  line-height: var(--text-body-lineHeight-medium, 1.4285);\n  flex-direction: row;\n  grid-row: var(--grid-row-order-description);\n  grid-area: description;\n  align-items: center;\n  gap: var(--stack-gap-condensed);\n}\n\n.Navigation {\n  display: block;\n  padding-top: var(--base-size-8);\n  font-size: var(--text-body-size-medium, 0.875rem);\n  font-weight: var(--base-text-weight-normal);\n  line-height: var(--text-body-lineHeight-medium, 1.4285);\n  grid-row: var(--grid-row-order-navigation);\n  grid-area: navigation;\n}\n"]}