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

package/dist/Banner/Banner.d.ts

@@ -0,0 +1,125 @@
+import React from 'react';
+import { type ButtonProps } from '../Button';
+import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
+export type BannerVariant = 'critical' | 'info' | 'success' | 'upsell' | 'warning';
+export type BannerProps = React.ComponentPropsWithoutRef<'section'> & {
+    /**
+     * Provide an optional label to override the default name for the Banner
+     * landmark region
+     */
+    'aria-label'?: string;
+    /**
+     * Provide an optional className to add to the outermost element rendered by
+     * the Banner
+     */
+    className?: string;
+    /**
+     * Provide an optional description for the Banner. This should provide
+     * supplemental information about the Banner
+     */
+    description?: React.ReactNode;
+    /**
+     * Specify whether the title of the Banner should be visible or not.
+     */
+    hideTitle?: boolean;
+    /**
+     * Provide a custom icon for the Banner. This is only available when `variant` is `info` or `upsell`
+     */
+    icon?: React.ReactNode;
+    /**
+     * Optionally provide a handler to be called when the banner is dismissed.
+     * Providing this prop will show a dismiss button.
+     */
+    onDismiss?: () => void;
+    /**
+     * Provide an optional primary action for the Banner.
+     */
+    primaryAction?: React.ReactNode;
+    /**
+     * Provide an optional secondary action for the Banner
+     */
+    secondaryAction?: React.ReactNode;
+    /**
+     * The title for the Banner. This will be used as the accessible name and is
+     * required unless `Banner.Title` is used as a child.
+     */
+    title?: React.ReactNode;
+    /**
+     * Specify the type of the Banner
+     */
+    variant?: BannerVariant;
+    /**
+     * Specify the layout of the Banner. Compact layout will reduce the padding.
+     */
+    layout?: 'default' | 'compact';
+};
+export declare const Banner: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    /**
+     * Provide an optional label to override the default name for the Banner
+     * landmark region
+     */
+    'aria-label'?: string;
+    /**
+     * Provide an optional className to add to the outermost element rendered by
+     * the Banner
+     */
+    className?: string;
+    /**
+     * Provide an optional description for the Banner. This should provide
+     * supplemental information about the Banner
+     */
+    description?: React.ReactNode;
+    /**
+     * Specify whether the title of the Banner should be visible or not.
+     */
+    hideTitle?: boolean;
+    /**
+     * Provide a custom icon for the Banner. This is only available when `variant` is `info` or `upsell`
+     */
+    icon?: React.ReactNode;
+    /**
+     * Optionally provide a handler to be called when the banner is dismissed.
+     * Providing this prop will show a dismiss button.
+     */
+    onDismiss?: () => void;
+    /**
+     * Provide an optional primary action for the Banner.
+     */
+    primaryAction?: React.ReactNode;
+    /**
+     * Provide an optional secondary action for the Banner
+     */
+    secondaryAction?: React.ReactNode;
+    /**
+     * The title for the Banner. This will be used as the accessible name and is
+     * required unless `Banner.Title` is used as a child.
+     */
+    title?: React.ReactNode;
+    /**
+     * Specify the type of the Banner
+     */
+    variant?: BannerVariant;
+    /**
+     * Specify the layout of the Banner. Compact layout will reduce the padding.
+     */
+    layout?: "default" | "compact";
+} & React.RefAttributes<HTMLElement>>;
+type HeadingElement = 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type BannerTitleProps<As extends HeadingElement> = {
+    as?: As;
+    className?: string;
+} & React.ComponentPropsWithoutRef<As extends 'h2' ? 'h2' : As>;
+export declare function BannerTitle<As extends HeadingElement>(props: BannerTitleProps<As>): React.JSX.Element;
+export type BannerDescriptionProps = React.ComponentPropsWithoutRef<'div'>;
+export declare function BannerDescription({ children, className, ...rest }: BannerDescriptionProps): React.JSX.Element;
+export type BannerActionsProps = {
+    primaryAction?: React.ReactNode;
+    secondaryAction?: React.ReactNode;
+};
+export declare function BannerActions({ primaryAction, secondaryAction }: BannerActionsProps): React.JSX.Element;
+export type BannerPrimaryActionProps = Omit<ButtonProps, 'variant'>;
+declare const BannerPrimaryAction: PolymorphicForwardRefComponent<"button", BannerPrimaryActionProps>;
+export type BannerSecondaryActionProps = Omit<ButtonProps, 'variant'>;
+declare const BannerSecondaryAction: PolymorphicForwardRefComponent<"button", BannerSecondaryActionProps>;
+export { BannerPrimaryAction, BannerSecondaryAction };
+//# sourceMappingURL=Banner.d.ts.map

package/dist/Banner/Banner.d.ts.map

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

package/dist/Banner/Banner.js

@@ -0,0 +1,348 @@
+import { c } from 'react-compiler-runtime';
+import { clsx } from 'clsx';
+import React, { forwardRef, useEffect } from 'react';
+import { XIcon, AlertIcon, InfoIcon, CheckCircleIcon, StopIcon } from '@primer/octicons-react';
+import { IconButton } from '../Button/IconButton.js';
+import { ButtonComponent } from '../Button/Button.js';
+import { useMergedRefs } from '../internal/hooks/useMergedRefs.js';
+import classes from './Banner.module.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
+
+const iconForVariant = {
+  critical: /*#__PURE__*/jsx(StopIcon, {}),
+  info: /*#__PURE__*/jsx(InfoIcon, {}),
+  success: /*#__PURE__*/jsx(CheckCircleIcon, {}),
+  upsell: /*#__PURE__*/jsx(InfoIcon, {}),
+  warning: /*#__PURE__*/jsx(AlertIcon, {})
+};
+const labels = {
+  critical: 'Critical',
+  info: 'Information',
+  success: 'Success',
+  upsell: 'Recommendation',
+  warning: 'Warning'
+};
+const Banner = /*#__PURE__*/React.forwardRef(function Banner({
+  'aria-label': label,
+  'aria-labelledby': labelledBy,
+  children,
+  className,
+  description,
+  hideTitle,
+  icon,
+  onDismiss,
+  primaryAction,
+  secondaryAction,
+  title,
+  variant = 'info',
+  ...rest
+}, forwardRef) {
+  const dismissible = !!onDismiss;
+  const hasActions = primaryAction || secondaryAction;
+  const bannerRef = React.useRef(null);
+  const ref = useMergedRefs(forwardRef, bannerRef);
+  const supportsCustomIcon = variant === 'info' || variant === 'upsell';
+  if (process.env.NODE_ENV !== "production") {
+    // This hook is called consistently depending on the environment
+    // eslint-disable-next-line react-compiler/react-compiler
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useEffect(() => {
+      if (title) {
+        return;
+      }
+      const {
+        current: banner
+      } = bannerRef;
+      if (!banner) {
+        return;
+      }
+      const hasTitle = banner.querySelector('[data-banner-title]');
+      if (!hasTitle) {
+        throw new Error('Expected a title to be provided to the <Banner> component with the `title` prop or through `<Banner.Title>` but no title was found');
+      }
+    }, [title]);
+  }
+  return /*#__PURE__*/jsxs("section", {
+    ...rest,
+    "aria-labelledby": labelledBy,
+    "aria-label": labelledBy ? undefined : label !== null && label !== void 0 ? label : labels[variant],
+    className: clsx(className, classes.Banner),
+    "data-dismissible": onDismiss ? '' : undefined,
+    "data-title-hidden": hideTitle ? '' : undefined,
+    "data-variant": variant,
+    tabIndex: -1,
+    ref: ref,
+    "data-layout": rest.layout || 'default',
+    children: [/*#__PURE__*/jsx("div", {
+      className: classes.BannerIcon,
+      children: icon && supportsCustomIcon ? icon : iconForVariant[variant]
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.BannerContainer,
+      children: [/*#__PURE__*/jsxs("div", {
+        className: classes.BannerContent,
+        children: [title ? hideTitle ? /*#__PURE__*/jsx(VisuallyHidden, {
+          children: /*#__PURE__*/jsx(BannerTitle, {
+            children: title
+          })
+        }) : /*#__PURE__*/jsx(BannerTitle, {
+          children: title
+        }) : null, description ? /*#__PURE__*/jsx(BannerDescription, {
+          children: description
+        }) : null, children]
+      }), hasActions ? /*#__PURE__*/jsx(BannerActions, {
+        primaryAction: primaryAction,
+        secondaryAction: secondaryAction
+      }) : null]
+    }), dismissible ? /*#__PURE__*/jsx(IconButton, {
+      "aria-label": "Dismiss banner",
+      onClick: onDismiss,
+      className: classes.BannerDismiss,
+      icon: XIcon,
+      variant: "invisible"
+    }) : null]
+  });
+});
+function BannerTitle(props) {
+  const $ = c(12);
+  let children;
+  let className;
+  let rest;
+  let t0;
+  if ($[0] !== props) {
+    ({
+      as: t0,
+      className,
+      children,
+      ...rest
+    } = props);
+    $[0] = props;
+    $[1] = children;
+    $[2] = className;
+    $[3] = rest;
+    $[4] = t0;
+  } else {
+    children = $[1];
+    className = $[2];
+    rest = $[3];
+    t0 = $[4];
+  }
+  const Heading = t0 === undefined ? "h2" : t0;
+  let t1;
+  if ($[5] !== className) {
+    t1 = clsx(className, classes.BannerTitle);
+    $[5] = className;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== Heading || $[8] !== children || $[9] !== rest || $[10] !== t1) {
+    t2 = /*#__PURE__*/jsx(Heading, {
+      ...rest,
+      className: t1,
+      "data-banner-title": "",
+      children: children
+    });
+    $[7] = Heading;
+    $[8] = children;
+    $[9] = rest;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function BannerDescription(t0) {
+  const $ = c(10);
+  let children;
+  let className;
+  let rest;
+  if ($[0] !== t0) {
+    ({
+      children,
+      className,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = rest;
+  } else {
+    children = $[1];
+    className = $[2];
+    rest = $[3];
+  }
+  let t1;
+  if ($[4] !== className) {
+    t1 = clsx("BannerDescription", className);
+    $[4] = className;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
+    t2 = /*#__PURE__*/jsx("div", {
+      ...rest,
+      className: t1,
+      children: children
+    });
+    $[6] = children;
+    $[7] = rest;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
+}
+function BannerActions(t0) {
+  const $ = c(9);
+  const {
+    primaryAction,
+    secondaryAction
+  } = t0;
+  const t1 = secondaryAction !== null && secondaryAction !== void 0 ? secondaryAction : null;
+  const t2 = primaryAction !== null && primaryAction !== void 0 ? primaryAction : null;
+  let t3;
+  if ($[0] !== t1 || $[1] !== t2) {
+    t3 = /*#__PURE__*/jsxs("div", {
+      className: classes.BannerActionsContainer,
+      "data-primary-action": "trailing",
+      children: [t1, t2]
+    });
+    $[0] = t1;
+    $[1] = t2;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const t4 = primaryAction !== null && primaryAction !== void 0 ? primaryAction : null;
+  const t5 = secondaryAction !== null && secondaryAction !== void 0 ? secondaryAction : null;
+  let t6;
+  if ($[3] !== t4 || $[4] !== t5) {
+    t6 = /*#__PURE__*/jsxs("div", {
+      className: classes.BannerActionsContainer,
+      "data-primary-action": "leading",
+      children: [t4, t5]
+    });
+    $[3] = t4;
+    $[4] = t5;
+    $[5] = t6;
+  } else {
+    t6 = $[5];
+  }
+  let t7;
+  if ($[6] !== t3 || $[7] !== t6) {
+    t7 = /*#__PURE__*/jsxs("div", {
+      className: classes.BannerActions,
+      children: [t3, t6]
+    });
+    $[6] = t3;
+    $[7] = t6;
+    $[8] = t7;
+  } else {
+    t7 = $[8];
+  }
+  return t7;
+}
+const BannerPrimaryAction = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
+  const $ = c(11);
+  let children;
+  let className;
+  let rest;
+  if ($[0] !== t0) {
+    ({
+      children,
+      className,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = rest;
+  } else {
+    children = $[1];
+    className = $[2];
+    rest = $[3];
+  }
+  let t1;
+  if ($[4] !== className) {
+    t1 = clsx("BannerPrimaryAction", className);
+    $[4] = className;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== children || $[7] !== forwardedRef || $[8] !== rest || $[9] !== t1) {
+    t2 = /*#__PURE__*/jsx(ButtonComponent, {
+      ref: forwardedRef,
+      className: t1,
+      variant: "default",
+      ...rest,
+      children: children
+    });
+    $[6] = children;
+    $[7] = forwardedRef;
+    $[8] = rest;
+    $[9] = t1;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  return t2;
+});
+BannerPrimaryAction.displayName = 'BannerPrimaryAction';
+const BannerSecondaryAction = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
+  const $ = c(11);
+  let children;
+  let className;
+  let rest;
+  if ($[0] !== t0) {
+    ({
+      children,
+      className,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = rest;
+  } else {
+    children = $[1];
+    className = $[2];
+    rest = $[3];
+  }
+  let t1;
+  if ($[4] !== className) {
+    t1 = clsx("BannerPrimaryAction", className);
+    $[4] = className;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== children || $[7] !== forwardedRef || $[8] !== rest || $[9] !== t1) {
+    t2 = /*#__PURE__*/jsx(ButtonComponent, {
+      ref: forwardedRef,
+      className: t1,
+      variant: "link",
+      ...rest,
+      children: children
+    });
+    $[6] = children;
+    $[7] = forwardedRef;
+    $[8] = rest;
+    $[9] = t1;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  return t2;
+});
+BannerSecondaryAction.displayName = 'BannerSecondaryAction';
+
+export { Banner, BannerActions, BannerDescription, BannerPrimaryAction, BannerSecondaryAction, BannerTitle };

package/dist/Banner/Banner.module.css.js

@@ -0,0 +1,5 @@
+import './Banner-459c533a.css';
+
+var classes = {"Banner":"prc-Banner-Banner-IR8eJ","BannerContainer":"prc-Banner-BannerContainer-lbx3d","BannerContent":"prc-Banner-BannerContent-zTITK","BannerActions":"prc-Banner-BannerActions-XCfHL","BannerTitle":"prc-Banner-BannerTitle-TcuJl","BannerIcon":"prc-Banner-BannerIcon-WuOyf","BannerDismiss":"prc-Banner-BannerDismiss-uBZVm","BannerActionsContainer":"prc-Banner-BannerActionsContainer-ukGMH"};
+
+export { classes as default };

package/dist/Banner/index.d.ts

@@ -0,0 +1,22 @@
+import { BannerTitle, BannerDescription } from './Banner';
+import type { BannerProps, BannerTitleProps, BannerDescriptionProps, BannerPrimaryActionProps, BannerSecondaryActionProps } from './Banner';
+export declare const Banner: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    'aria-label'?: string;
+    className?: string;
+    description?: React.ReactNode;
+    hideTitle?: boolean;
+    icon?: React.ReactNode;
+    onDismiss?: () => void;
+    primaryAction?: React.ReactNode;
+    secondaryAction?: React.ReactNode;
+    title?: React.ReactNode;
+    variant?: import("./Banner").BannerVariant;
+    layout?: "default" | "compact";
+} & import("react").RefAttributes<HTMLElement>> & {
+    Title: typeof BannerTitle;
+    Description: typeof BannerDescription;
+    PrimaryAction: import("../utils/polymorphic").ForwardRefComponent<"button", BannerPrimaryActionProps>;
+    SecondaryAction: import("../utils/polymorphic").ForwardRefComponent<"button", BannerSecondaryActionProps>;
+};
+export type { BannerProps, BannerTitleProps, BannerDescriptionProps, BannerPrimaryActionProps, BannerSecondaryActionProps, };
+//# sourceMappingURL=index.d.ts.map

package/dist/Banner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,iBAAiB,EAGlB,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EACV,WAAW,EACX,gBAAgB,EAChB,sBAAsB,EACtB,wBAAwB,EACxB,0BAA0B,EAC3B,MAAM,UAAU,CAAA;AAEjB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;CAKjB,CAAA;AAEF,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,sBAAsB,EACtB,wBAAwB,EACxB,0BAA0B,GAC3B,CAAA"}

package/dist/BaseStyles-79fd37c4.css

@@ -0,0 +1,2 @@
+*{box-sizing:border-box}body{margin:0}table{border-collapse:collapse}[data-color-mode=light] input{--csstools-color-scheme--light:initial;color-scheme:light}[data-color-mode=dark] input{--csstools-color-scheme--light: ;color-scheme:dark}@media (prefers-color-scheme:light){[data-color-mode=auto][data-light-theme*=light]{--csstools-color-scheme--light:initial;color-scheme:light}}@media (prefers-color-scheme:dark){[data-color-mode=auto][data-dark-theme*=dark]{--csstools-color-scheme--light: ;color-scheme:dark}}[role=button]:focus:not(:focus-visible):not(.focus-visible),[role=tabpanel][tabindex="0"]:focus:not(:focus-visible):not(.focus-visible),a:focus:not(:focus-visible):not(.focus-visible),button:focus:not(:focus-visible):not(.focus-visible),summary:focus:not(:focus-visible):not(.focus-visible){box-shadow:none;outline:none}[tabindex="0"]:focus:not(:focus-visible):not(.focus-visible),details-dialog:focus:not(:focus-visible):not(.focus-visible){outline:none}.prc-src-BaseStyles-dl-St{color:var(--BaseStyles-fgColor,var(--fgColor-default,var(--color-fg-default)));font-family:var(--BaseStyles-fontFamily,var(--fontStack-system,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"));line-height:var(--BaseStyles-lineHeight,1.5)}input .prc-src-BaseStyles-dl-St:has([data-color-mode=light]){--csstools-color-scheme--light:initial;color-scheme:light}input .prc-src-BaseStyles-dl-St:has([data-color-mode=dark]){--csstools-color-scheme--light: ;color-scheme:dark}.prc-src-BaseStyles-dl-St :where(a:not([class*=prc-]):not([class*=PRC-]):not([class*=Primer_Brand__])){color:var(--fgColor-accent,var(--color-accent-fg));-webkit-text-decoration:none;text-decoration:none}:is(.prc-src-BaseStyles-dl-St :where(a:not([class*=prc-]):not([class*=PRC-]):not([class*=Primer_Brand__]))):hover{-webkit-text-decoration:underline;text-decoration:underline}
+/*# sourceMappingURL=BaseStyles-79fd37c4.css.map */

package/dist/BaseStyles-79fd37c4.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/BaseStyles.module.css"],"names":[],"mappings":"AAMA,EACE,qBACF,CAEA,KACE,QACF,CAEA,MAEE,wBACF,CAEA,8BACE,sCAAmB,CAAnB,kBACF,CAEA,6BACE,gCAAkB,CAAlB,iBACF,CAEA,oCACE,gDACE,sCAAmB,CAAnB,kBACF,CACF,CAEA,mCACE,8CACE,gCAAkB,CAAlB,iBACF,CACF,CAEA,mSAME,eAAgB,CADhB,YAEF,CAEA,0HAEE,YACF,CAIA,0BAKE,8EAAwD,CAJxD,wLAAkE,CAElE,4CA2BF,CArBI,6DACE,sCAAmB,CAAnB,kBACF,CAKA,4DACE,gCAAkB,CAAlB,iBACF,CAIF,uGACE,kDAAoD,CACpD,4BAAqB,CAArB,oBAKF,CAHE,kHACE,iCAA0B,CAA1B,yBACF","file":"BaseStyles-79fd37c4.css","sourcesContent":["/* stylelint-disable selector-max-specificity */\n/* stylelint-disable selector-type-no-unknown */\n\n/* -------------------------------- \n *           Global Styles         \n *--------------------------------- */\n* {\n  box-sizing: border-box;\n}\n\nbody {\n  margin: 0;\n}\n\ntable {\n  /* stylelint-disable-next-line primer/borders */\n  border-collapse: collapse;\n}\n\n[data-color-mode='light'] input {\n  color-scheme: light;\n}\n\n[data-color-mode='dark'] input {\n  color-scheme: dark;\n}\n\n@media (prefers-color-scheme: light) {\n  [data-color-mode='auto'][data-light-theme*='light'] {\n    color-scheme: light;\n  }\n}\n\n@media (prefers-color-scheme: dark) {\n  [data-color-mode='auto'][data-dark-theme*='dark'] {\n    color-scheme: dark;\n  }\n}\n\n[role='button']:focus:not(:focus-visible):not(:global(.focus-visible)),\n[role='tabpanel'][tabindex='0']:focus:not(:focus-visible):not(:global(.focus-visible)),\nbutton:focus:not(:focus-visible):not(:global(.focus-visible)),\nsummary:focus:not(:focus-visible):not(:global(.focus-visible)),\na:focus:not(:focus-visible):not(:global(.focus-visible)) {\n  outline: none;\n  box-shadow: none;\n}\n\n[tabindex='0']:focus:not(:focus-visible):not(:global(.focus-visible)),\ndetails-dialog:focus:not(:focus-visible):not(:global(.focus-visible)) {\n  outline: none;\n}\n\n/* -------------------------------------------------------------------------- */\n\n.BaseStyles {\n  font-family: var(--BaseStyles-fontFamily, var(--fontStack-system));\n  /* stylelint-disable-next-line primer/typography */\n  line-height: var(--BaseStyles-lineHeight, 1.5);\n  /* stylelint-disable-next-line primer/colors */\n  color: var(--BaseStyles-fgColor, var(--fgColor-default));\n\n  /* Global styles for light mode */\n  &:has([data-color-mode='light']) {\n    input & {\n      color-scheme: light;\n    }\n  }\n\n  /* Global styles for dark mode */\n  &:has([data-color-mode='dark']) {\n    input & {\n      color-scheme: dark;\n    }\n  }\n\n  /* Low-specificity default link styling */\n  :where(a:not([class*='prc-']):not([class*='PRC-']):not([class*='Primer_Brand__'])) {\n    color: var(--fgColor-accent, var(--color-accent-fg));\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n"]}

package/dist/BaseStyles.d.ts

@@ -0,0 +1,13 @@
+import type React from 'react';
+import { type CSSProperties, type PropsWithChildren } from 'react';
+import type { SystemCommonProps, SystemTypographyProps } from './constants';
+import 'focus-visible';
+export type BaseStylesProps = PropsWithChildren & {
+    as?: React.ComponentType<any> | keyof JSX.IntrinsicElements;
+    className?: string;
+    style?: CSSProperties;
+    color?: string;
+} & SystemTypographyProps & SystemCommonProps;
+declare function BaseStyles({ children, color, fontFamily, lineHeight, className, as: Component, style, ...rest }: BaseStylesProps): React.JSX.Element;
+export default BaseStyles;
+//# sourceMappingURL=BaseStyles.d.ts.map

package/dist/BaseStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseStyles.d.ts","sourceRoot":"","sources":["../src/BaseStyles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEhE,OAAO,KAAK,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,aAAa,CAAA;AAKzE,OAAO,eAAe,CAAA;AAEtB,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAEhD,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,iBAAiB,CAAA;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,qBAAqB,GACvB,iBAAiB,CAAA;AAEnB,iBAAS,UAAU,CAAC,EAClB,QAAQ,EACR,KAAK,EACL,UAAU,EACV,UAAU,EACV,SAAS,EACT,EAAE,EAAE,SAAiB,EACrB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,eAAe,qBA+BjB;AAED,eAAe,UAAU,CAAA"}

package/dist/BaseStyles.js

@@ -0,0 +1,119 @@
+import { c } from 'react-compiler-runtime';
+import { clsx } from 'clsx';
+import { useTheme } from './ThemeProvider.js';
+import classes from './BaseStyles.module.css.js';
+import 'focus-visible';
+import { jsx } from 'react/jsx-runtime';
+
+function BaseStyles(t0) {
+  const $ = c(27);
+  let children;
+  let className;
+  let color;
+  let fontFamily;
+  let lineHeight;
+  let rest;
+  let style;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      children,
+      color,
+      fontFamily,
+      lineHeight,
+      className,
+      as: t1,
+      style,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = color;
+    $[4] = fontFamily;
+    $[5] = lineHeight;
+    $[6] = rest;
+    $[7] = style;
+    $[8] = t1;
+  } else {
+    children = $[1];
+    className = $[2];
+    color = $[3];
+    fontFamily = $[4];
+    lineHeight = $[5];
+    rest = $[6];
+    style = $[7];
+    t1 = $[8];
+  }
+  const Component = t1 === undefined ? "div" : t1;
+  const {
+    colorMode,
+    colorScheme,
+    dayScheme,
+    nightScheme
+  } = useTheme();
+  let t2;
+  if ($[9] !== className) {
+    t2 = clsx(classes.BaseStyles, className);
+    $[9] = className;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  const newClassName = t2;
+  let t3;
+  if ($[11] !== color || $[12] !== fontFamily || $[13] !== lineHeight) {
+    t3 = {
+      "--BaseStyles-fgColor": color,
+      "--BaseStyles-fontFamily": fontFamily,
+      "--BaseStyles-lineHeight": lineHeight
+    };
+    $[11] = color;
+    $[12] = fontFamily;
+    $[13] = lineHeight;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  const baseStyles = t3;
+  const t4 = colorMode === "auto" ? "auto" : colorScheme !== null && colorScheme !== void 0 && colorScheme.includes("dark") ? "dark" : "light";
+  let t5;
+  if ($[15] !== baseStyles || $[16] !== style) {
+    t5 = {
+      ...baseStyles,
+      ...style
+    };
+    $[15] = baseStyles;
+    $[16] = style;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  let t6;
+  if ($[18] !== Component || $[19] !== children || $[20] !== dayScheme || $[21] !== newClassName || $[22] !== nightScheme || $[23] !== rest || $[24] !== t4 || $[25] !== t5) {
+    t6 = /*#__PURE__*/jsx(Component, {
+      className: newClassName,
+      "data-portal-root": true,
+      "data-color-mode": t4,
+      "data-light-theme": dayScheme,
+      "data-dark-theme": nightScheme,
+      style: t5,
+      ...rest,
+      children: children
+    });
+    $[18] = Component;
+    $[19] = children;
+    $[20] = dayScheme;
+    $[21] = newClassName;
+    $[22] = nightScheme;
+    $[23] = rest;
+    $[24] = t4;
+    $[25] = t5;
+    $[26] = t6;
+  } else {
+    t6 = $[26];
+  }
+  return t6;
+}
+
+export { BaseStyles as default };

package/dist/BaseStyles.module.css.js

@@ -0,0 +1,5 @@
+import './BaseStyles-79fd37c4.css';
+
+var classes = {"BaseStyles":"prc-src-BaseStyles-dl-St"};
+
+export { classes as default };

package/dist/Blankslate/Blankslate-2be5efdc.css

@@ -0,0 +1,2 @@
+.prc-Blankslate-Container-XATLP{container:blankslate/inline-size}.prc-Blankslate-Blankslate-7GPW-{display:grid;justify-items:center;padding:var(--blankslate-padding)}.prc-Blankslate-Blankslate-7GPW-:where([data-border]){border:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));border-radius:var(--borderRadius-medium,.375rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-narrow]){margin:0 auto;max-width:485px}.prc-Blankslate-Blankslate-7GPW-:where([data-size=medium]){--blankslate-heading-text:var(--text-title-shorthand-medium,600 1.25rem/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-heading-margin-block:0 var(--base-size-4,0.25rem);--blankslate-description-text:var(--text-body-shorthand-large,400 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-padding:var(--base-size-32,2rem);--blankslate-action-margin-block-end:var(--base-size-16,1rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-size=medium][data-spacious]){--blankslate-padding:var(--base-size-80,5rem) var(--base-size-40,2.5rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-size=small]){--blankslate-heading-text:var(--text-title-shorthand-small,600 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-heading-margin-block:0 var(--base-size-4,0.25rem);--blankslate-description-text:var(--text-body-shorthand-medium,400 0.875rem/1.4285 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-padding:var(--base-size-32,2rem) var(--base-size-20,1.25rem);--blankslate-action-margin-block-end:var(--base-size-12,0.75rem);--blankslate-visual-size:var(--base-size-24,1.5rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-size=small][data-spacious]){--blankslate-padding:var(--base-size-44,2.75rem) var(--base-size-28,1.75rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-size=large]){--blankslate-heading-text:var(--text-title-shorthand-large,600 2rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-heading-margin-block:var(--base-size-8,0.5rem) var(--base-size-4,0.25rem);--blankslate-description-text:var(--text-body-shorthand-large,400 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-description-margin-block:0 var(--base-size-8,0.5rem);--blankslate-padding:var(--base-size-32,2rem);--blankslate-action-margin-block-end:var(--base-size-16,1rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-size=large][data-spacious]){--blankslate-padding:var(--base-size-80,5rem) var(--base-size-40,2.5rem)}.prc-Blankslate-Description-OGHRk,.prc-Blankslate-Heading-H4xby{margin:0}.prc-Blankslate-Heading-H4xby{font:var(--blankslate-heading-text);margin-block:var(--blankslate-heading-margin-block)}.prc-Blankslate-Description-OGHRk{font:var(--blankslate-description-text);margin-block:var(--blankslate-description-margin-block)}.prc-Blankslate-Description-OGHRk,.prc-Blankslate-Visual-PeTD-{color:var(--fgColor-muted,var(--color-fg-muted))}.prc-Blankslate-Visual-PeTD-{display:inline-flex;margin-block-end:var(--base-size-8,.5rem);max-width:var(--blankslate-visual-size)}.prc-Blankslate-Visual-PeTD- svg{width:100%}.prc-Blankslate-Action-SK5XS{font:var(--blankslate-description-text);margin-block-start:var(--base-size-16,1rem)}.prc-Blankslate-Action-SK5XS:where(:last-of-type){margin-block-end:var(--blankslate-action-margin-block-end)}@container blankslate (max-width: 34rem){.prc-Blankslate-Blankslate-7GPW-{--blankslate-padding:var(--base-size-20,1.25rem)}.prc-Blankslate-Blankslate-7GPW-:where([data-spacious=true]){--blankslate-padding:var(--base-size-44,2.75rem) var(--base-size-28,1.75rem)}.prc-Blankslate-Blankslate-7GPW-{--blankslate-heading-text:var(--text-title-shorthand-small,600 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");--blankslate-description-text:var(--text-body-shorthand-medium,400 0.875rem/1.4285 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji")}.prc-Blankslate-Visual-PeTD-{color:var(--fgColor-muted,var(--color-fg-muted));margin-bottom:var(--base-size-8,.5rem);max-width:var(--base-size-24,1.5rem)}.prc-Blankslate-Action-SK5XS{margin-top:var(--base-size-8,.5rem)}.prc-Blankslate-Action-SK5XS:first-of-type{margin-top:var(--base-size-16,1rem)}.prc-Blankslate-Action-SK5XS:last-of-type{margin-bottom:calc(var(--base-size-8,.5rem)/2)}}
+/*# sourceMappingURL=Blankslate-2be5efdc.css.map */