@primer/react 38.30.1-rc.bce2a87c7 → 38.31.0-rc.2aea6373e

package/dist/KeybindingHint/platform.js

@@ -1,61 +1,52 @@
-import { isMacOS } from '@primer/behaviors/utils';
-import { useContext, useSyncExternalStore, createContext } from 'react';
-
+import { createContext, useContext, useSyncExternalStore } from "react";
+import { isMacOS } from "@primer/behaviors/utils";
+//#region src/KeybindingHint/platform.ts
 /**
- * The platform categories that affect how keyboard shortcut keys are displayed.
- *
- * - `apple`: Apple platforms (macOS and iOS/iPadOS), which use the Command and Option keys.
- * - `windows`: Windows, which uses the Windows (Meta) key.
- * - `other`: Any other platform (e.g. Linux, Android), where the Meta key does not map to a
- *   consistent label.
- */
-
-// No-op. The platform never changes at runtime, so there is nothing to
-// subscribe to. Hoisted to avoid creating a new function on every call.
+* The platform categories that affect how keyboard shortcut keys are displayed.
+*
+* - `apple`: Apple platforms (macOS and iOS/iPadOS), which use the Command and Option keys.
+* - `windows`: Windows, which uses the Windows (Meta) key.
+* - `other`: Any other platform (e.g. Linux, Android), where the Meta key does not map to a
+*   consistent label.
+*/
 const subscribe = () => () => {};
-
 /** SSR-unsafe detection of iOS/iPadOS (in addition to macOS, which is detected separately). */
 const ssrUnsafeIsIOS = () => {
-  if (typeof navigator === 'undefined') return false;
-  return /iphone|ipad|ipod/i.test(navigator.platform) || /iphone|ipad|ipod/i.test(navigator.userAgent);
+	if (typeof navigator === "undefined") return false;
+	return /iphone|ipad|ipod/i.test(navigator.platform) || /iphone|ipad|ipod/i.test(navigator.userAgent);
 };
-
 /** SSR-unsafe detection of Windows. */
 const ssrUnsafeIsWindows = () => {
-  if (typeof navigator === 'undefined') return false;
-  return /^win/i.test(navigator.platform);
+	if (typeof navigator === "undefined") return false;
+	return /^win/i.test(navigator.platform);
 };
 const getSnapshot = () => {
-  if (isMacOS() || ssrUnsafeIsIOS()) return 'apple';
-  if (ssrUnsafeIsWindows()) return 'windows';
-  return 'other';
+	if (isMacOS() || ssrUnsafeIsIOS()) return "apple";
+	if (ssrUnsafeIsWindows()) return "windows";
+	return "other";
 };
-
-// Safe default for SSR since we can't detect the platform on the server.
-const getServerSnapshot = () => 'other';
-
+const getServerSnapshot = () => "other";
 /**
- * Allows overriding the detected platform. This is primarily intended for testing and
- * Storybook, where we want to preview how keyboard hints render on platforms other than the
- * one actually running. A `null` value (the default) means "use the detected platform".
- */
-const PlatformOverrideContext = /*#__PURE__*/createContext(null);
+* Allows overriding the detected platform. This is primarily intended for testing and
+* Storybook, where we want to preview how keyboard hints render on platforms other than the
+* one actually running. A `null` value (the default) means "use the detected platform".
+*/
+const PlatformOverrideContext = /*#__PURE__*/ createContext(null);
 PlatformOverrideContext.Provider;
-
 /**
- * SSR-safe hook for determining the current platform category used when displaying
- * keyboard shortcut keys.
- *
- * Mirrors the approach of `useIsMacOS`: on the client it reads the real value immediately,
- * and on the server it returns a safe default (`'other'`).
- *
- * If a `PlatformOverrideProvider` is present with a non-null value, that value is used
- * instead of the detected platform.
- */
+* SSR-safe hook for determining the current platform category used when displaying
+* keyboard shortcut keys.
+*
+* Mirrors the approach of `useIsMacOS`: on the client it reads the real value immediately,
+* and on the server it returns a safe default (`'other'`).
+*
+* If a `PlatformOverrideProvider` is present with a non-null value, that value is used
+* instead of the detected platform.
+*/
 function usePlatform() {
-  const override = useContext(PlatformOverrideContext);
-  const detected = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-  return override !== null && override !== void 0 ? override : detected;
+	const override = useContext(PlatformOverrideContext);
+	const detected = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+	return override !== null && override !== void 0 ? override : detected;
 }
-
+//#endregion
 export { usePlatform };

package/dist/KeybindingHint/props.d.ts

@@ -1,37 +1,39 @@
-export type KeybindingHintFormat = 'condensed' | 'full';
-export type KeybindingHintVariant = 'normal' | 'onEmphasis' | 'onPrimary';
-export interface KeybindingHintProps {
-    /**
-     * The keys involved in this keybinding. These should be the full names of the keys as would
-     * be returned by `KeyboardEvent.key` (e.g. "Control", "Shift", "ArrowUp", "a", etc.).
-     *
-     * Combine keys with the "+" character to form chords. To represent the "+" key, use "Plus".
-     *
-     * Combine chords/keys with " " to form sequences that should be pressed one after the other. For example, "a b"
-     * represents "a then b". To represent the " " key, use "Space".
-     *
-     * The fake key name "Mod" can be used to represent "Command" on macOS and "Control" on other platforms.
-     *
-     * See https://github.com/github/hotkey for format details.
-     */
-    keys: string;
-    /**
-     * Control the display format. Condensed is most useful in menus and tooltips, while
-     * the full form is better for prose.
-     * @default "condensed"
-     */
-    format?: KeybindingHintFormat;
-    /**
-     * Set to `onEmphasis` for display on emphasis colors, and `onPrimary` for display on primary buttons.
-     */
-    variant?: KeybindingHintVariant;
-    /**
-     * Control the size of the hint.
-     */
-    size?: 'small' | 'normal';
-    /**
-     * Additional class name to apply to the hint.
-     */
-    className?: string;
+//#region src/KeybindingHint/props.d.ts
+type KeybindingHintFormat = 'condensed' | 'full';
+type KeybindingHintVariant = 'normal' | 'onEmphasis' | 'onPrimary';
+interface KeybindingHintProps {
+  /**
+   * The keys involved in this keybinding. These should be the full names of the keys as would
+   * be returned by `KeyboardEvent.key` (e.g. "Control", "Shift", "ArrowUp", "a", etc.).
+   *
+   * Combine keys with the "+" character to form chords. To represent the "+" key, use "Plus".
+   *
+   * Combine chords/keys with " " to form sequences that should be pressed one after the other. For example, "a b"
+   * represents "a then b". To represent the " " key, use "Space".
+   *
+   * The fake key name "Mod" can be used to represent "Command" on macOS and "Control" on other platforms.
+   *
+   * See https://github.com/github/hotkey for format details.
+   */
+  keys: string;
+  /**
+   * Control the display format. Condensed is most useful in menus and tooltips, while
+   * the full form is better for prose.
+   * @default "condensed"
+   */
+  format?: KeybindingHintFormat;
+  /**
+   * Set to `onEmphasis` for display on emphasis colors, and `onPrimary` for display on primary buttons.
+   */
+  variant?: KeybindingHintVariant;
+  /**
+   * Control the size of the hint.
+   */
+  size?: 'small' | 'normal';
+  /**
+   * Additional class name to apply to the hint.
+   */
+  className?: string;
 }
-//# sourceMappingURL=props.d.ts.map
+//#endregion
+export { KeybindingHintFormat, KeybindingHintProps, KeybindingHintVariant };

package/dist/KeybindingHint/utils.d.ts

@@ -1,4 +1,6 @@
-import type { Platform } from './platform';
+import { Platform } from "./platform.js";
+
+//#region src/KeybindingHint/utils.d.ts
 /**
  * AVOID: `KeybindingHint` is nearly always sufficient for providing both visible and accessible keyboard hints.
  * However, there may be cases where we need a plain string version, such as when building `aria-label` or
@@ -11,5 +13,6 @@ import type { Platform } from './platform';
  * backwards compatibility, a `boolean` may be passed instead, where `true` is treated as `'apple'` and `false` is
  * treated as `'other'`.
  */
-export declare const getAccessibleKeybindingHintString: (sequence: string, platform: Platform | boolean) => string;
-//# sourceMappingURL=utils.d.ts.map
+declare const getAccessibleKeybindingHintString: (sequence: string, platform: Platform | boolean) => string;
+//#endregion
+export { getAccessibleKeybindingHintString };

package/dist/KeybindingHint/utils.js

@@ -1,17 +1,17 @@
-import { accessibleSequenceString } from './components/utils.js';
-
+import { accessibleSequenceString } from "./components/utils.js";
+//#region src/KeybindingHint/utils.ts
 /**
- * AVOID: `KeybindingHint` is nearly always sufficient for providing both visible and accessible keyboard hints.
- * However, there may be cases where we need a plain string version, such as when building `aria-label` or
- * `aria-description`. In that case, this plain string builder can be used instead.
- *
- * NOTE that this string should _only_ be used when building `aria-label` or `aria-description` props (never rendered
- * visibly) and should nearly always also be paired with a visible hint for sighted users.
- *
- * The `platform` argument controls how platform-specific keys (such as `Meta`, `Alt`, and `Mod`) are named. For
- * backwards compatibility, a `boolean` may be passed instead, where `true` is treated as `'apple'` and `false` is
- * treated as `'other'`.
- */
-const getAccessibleKeybindingHintString = (sequence, platform) => accessibleSequenceString(sequence, typeof platform === 'boolean' ? platform ? 'apple' : 'other' : platform);
-
+* AVOID: `KeybindingHint` is nearly always sufficient for providing both visible and accessible keyboard hints.
+* However, there may be cases where we need a plain string version, such as when building `aria-label` or
+* `aria-description`. In that case, this plain string builder can be used instead.
+*
+* NOTE that this string should _only_ be used when building `aria-label` or `aria-description` props (never rendered
+* visibly) and should nearly always also be paired with a visible hint for sighted users.
+*
+* The `platform` argument controls how platform-specific keys (such as `Meta`, `Alt`, and `Mod`) are named. For
+* backwards compatibility, a `boolean` may be passed instead, where `true` is treated as `'apple'` and `false` is
+* treated as `'other'`.
+*/
+const getAccessibleKeybindingHintString = (sequence, platform) => accessibleSequenceString(sequence, typeof platform === "boolean" ? platform ? "apple" : "other" : platform);
+//#endregion
 export { getAccessibleKeybindingHintString };

package/dist/Label/Label.d.ts

@@ -1,12 +1,12 @@
-import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
-export type LabelProps = {
-    /** The color of the label */
-    variant?: LabelColorOptions;
-    /** How large the label is rendered */
-    size?: LabelSizeKeys;
+import { ForwardRefComponent } from "../utils/polymorphic.js";
+
+//#region src/Label/Label.d.ts
+type LabelProps = {
+  /** The color of the label */variant?: LabelColorOptions; /** How large the label is rendered */
+  size?: LabelSizeKeys;
 };
-export type LabelColorOptions = 'default' | 'primary' | 'secondary' | 'accent' | 'success' | 'attention' | 'severe' | 'danger' | 'done' | 'sponsors';
+type LabelColorOptions = 'default' | 'primary' | 'secondary' | 'accent' | 'success' | 'attention' | 'severe' | 'danger' | 'done' | 'sponsors';
 type LabelSizeKeys = 'small' | 'large';
-declare const Label: PolymorphicForwardRefComponent<"span", LabelProps>;
-export default Label;
-//# sourceMappingURL=Label.d.ts.map
+declare const Label: ForwardRefComponent<"span", LabelProps>;
+//#endregion
+export { LabelColorOptions, LabelProps, Label as default };

package/dist/Label/Label.js

@@ -1,69 +1,59 @@
-import { c } from 'react-compiler-runtime';
-import { clsx } from 'clsx';
-import classes from './Label.module.css.js';
-import React from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-const Label = /*#__PURE__*/React.forwardRef(function Label(t0, ref) {
-  const $ = c(15);
-  let className;
-  let rest;
-  let t1;
-  let t2;
-  let t3;
-  if ($[0] !== t0) {
-    ({
-      as: t1,
-      size: t2,
-      variant: t3,
-      className,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = rest;
-    $[3] = t1;
-    $[4] = t2;
-    $[5] = t3;
-  } else {
-    className = $[1];
-    rest = $[2];
-    t1 = $[3];
-    t2 = $[4];
-    t3 = $[5];
-  }
-  const Component = t1 === undefined ? "span" : t1;
-  const size = t2 === undefined ? "small" : t2;
-  const variant = t3 === undefined ? "default" : t3;
-  let t4;
-  if ($[6] !== className) {
-    t4 = clsx(className, classes.Label);
-    $[6] = className;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== Component || $[9] !== ref || $[10] !== rest || $[11] !== size || $[12] !== t4 || $[13] !== variant) {
-    t5 = /*#__PURE__*/jsx(Component, {
-      className: t4,
-      "data-size": size,
-      "data-variant": variant,
-      ref: ref,
-      ...rest,
-      "data-component": "Label"
-    });
-    $[8] = Component;
-    $[9] = ref;
-    $[10] = rest;
-    $[11] = size;
-    $[12] = t4;
-    $[13] = variant;
-    $[14] = t5;
-  } else {
-    t5 = $[14];
-  }
-  return t5;
+import Label_module_css_default from "./Label.module.css.js";
+import { c } from "react-compiler-runtime";
+import { clsx } from "clsx";
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+//#region src/Label/Label.tsx
+const Label = /*#__PURE__*/ React.forwardRef(function Label(t0, ref) {
+	const $ = c(15);
+	let className;
+	let rest;
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== t0) {
+		({as: t1, size: t2, variant: t3, className, ...rest} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = rest;
+		$[3] = t1;
+		$[4] = t2;
+		$[5] = t3;
+	} else {
+		className = $[1];
+		rest = $[2];
+		t1 = $[3];
+		t2 = $[4];
+		t3 = $[5];
+	}
+	const Component = t1 === void 0 ? "span" : t1;
+	const size = t2 === void 0 ? "small" : t2;
+	const variant = t3 === void 0 ? "default" : t3;
+	let t4;
+	if ($[6] !== className) {
+		t4 = clsx(className, Label_module_css_default.Label);
+		$[6] = className;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== Component || $[9] !== ref || $[10] !== rest || $[11] !== size || $[12] !== t4 || $[13] !== variant) {
+		t5 = /*#__PURE__*/ jsx(Component, {
+			className: t4,
+			"data-size": size,
+			"data-variant": variant,
+			ref,
+			...rest,
+			"data-component": "Label"
+		});
+		$[8] = Component;
+		$[9] = ref;
+		$[10] = rest;
+		$[11] = size;
+		$[12] = t4;
+		$[13] = variant;
+		$[14] = t5;
+	} else t5 = $[14];
+	return t5;
 });
-
+//#endregion
 export { Label as default };

package/dist/Label/Label.module.css.js

@@ -1,5 +1,5 @@
-import './Label-7904957c.css';
-
-var classes = {"Label":"prc-Label-Label-qG-Zu"};
-
-export { classes as default };
+import "./Label-7904957c.css";
+//#region src/Label/Label.module.css.js
+var Label_module_css_default = { "Label": "prc-Label-Label-qG-Zu" };
+//#endregion
+export { Label_module_css_default as default };

package/dist/Label/index.d.ts

@@ -1,4 +1,2 @@
-import Label from './Label';
-export type { LabelProps, LabelColorOptions } from './Label';
-export default Label;
-//# sourceMappingURL=index.d.ts.map
+import Label, { LabelColorOptions, LabelProps } from "./Label.js";
+export { type LabelColorOptions, type LabelProps, Label as default };

package/dist/Label/index.js

@@ -1,5 +1,5 @@
-import Label from './Label.js';
-
-
-
-export { Label as default };
+import Label from "./Label.js";
+//#region src/Label/index.ts
+var Label_default = Label;
+//#endregion
+export { Label_default as default };

package/dist/LabelGroup/LabelGroup.d.ts

@@ -1,13 +1,12 @@
-import React from 'react';
-export type LabelGroupProps = {
-    /** Customize the element type of the rendered container */
-    as?: React.ElementType;
-    /** How hidden tokens should be shown. `'inline'` shows the hidden tokens after the visible tokens. `'overlay'` shows all tokens in an overlay that appears on top of the visible tokens. */
-    overflowStyle?: 'inline' | 'overlay';
-    /** How many tokens to show. `'auto'` truncates the tokens to fit in the parent container. Passing a number will truncate after that number tokens. If this is undefined, tokens will never be truncated. */
-    visibleChildCount?: 'auto' | number;
-    className?: string;
+import React from "react";
+
+//#region src/LabelGroup/LabelGroup.d.ts
+type LabelGroupProps = {
+  /** Customize the element type of the rendered container */as?: React.ElementType; /** How hidden tokens should be shown. `'inline'` shows the hidden tokens after the visible tokens. `'overlay'` shows all tokens in an overlay that appears on top of the visible tokens. */
+  overflowStyle?: 'inline' | 'overlay'; /** How many tokens to show. `'auto'` truncates the tokens to fit in the parent container. Passing a number will truncate after that number tokens. If this is undefined, tokens will never be truncated. */
+  visibleChildCount?: 'auto' | number;
+  className?: string;
 };
 declare const LabelGroup: React.FC<React.PropsWithChildren<LabelGroupProps>>;
-export default LabelGroup;
-//# sourceMappingURL=LabelGroup.d.ts.map
+//#endregion
+export { LabelGroupProps, LabelGroup as default };