@primer/react 38.30.1-rc.bce2a87c7 → 38.31.0-rc.2630f104b

package/dist/Hidden/Hidden.js

@@ -1,82 +1,59 @@
-import { c } from 'react-compiler-runtime';
-import { clsx } from 'clsx';
-import classes from './Hidden.module.css.js';
-import { jsx } from 'react/jsx-runtime';
-
-/* Normalize the value that is received from the prop `when`.
- * For array types : ['narrow', 'wide'] -> {narrow: true, wide: true}
- * For string types: 'narrow' -> {narrow: true}
- */
+import Hidden_module_css_default from "./Hidden.module.css.js";
+import { c } from "react-compiler-runtime";
+import { clsx } from "clsx";
+import { jsx } from "react/jsx-runtime";
+//#region src/Hidden/Hidden.tsx
 function normalize(hiddenViewports) {
-  // For array types
-  if (Array.isArray(hiddenViewports)) {
-    const breakpoints = {};
-    // ['narrow', 'wide'] -> {narrow: true, wide: true}
-    for (const breakpoint of hiddenViewports) {
-      breakpoints[breakpoint] = true;
-    }
-    return breakpoints;
-  }
-  // For string types
-  // 'narrow' -> {narrow: true}
-  return {
-    [hiddenViewports]: true
-  };
+	if (Array.isArray(hiddenViewports)) {
+		const breakpoints = {};
+		for (const breakpoint of hiddenViewports) breakpoints[breakpoint] = true;
+		return breakpoints;
+	}
+	return { [hiddenViewports]: true };
 }
-const Hidden = t0 => {
-  const $ = c(11);
-  const {
-    when,
-    className,
-    style,
-    children
-  } = t0;
-  const normalizedStyles = normalize(when);
-  let t1;
-  if ($[0] !== className) {
-    t1 = clsx(className, classes.Hidden);
-    $[0] = className;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const t2 = normalizedStyles.narrow ? "none" : undefined;
-  const t3 = normalizedStyles.regular ? "none" : undefined;
-  const t4 = normalizedStyles.wide ? "none" : undefined;
-  let t5;
-  if ($[2] !== style || $[3] !== t2 || $[4] !== t3 || $[5] !== t4) {
-    t5 = {
-      "--hiddenDisplay-narrow": t2,
-      "--hiddenDisplay-regular": t3,
-      "--hiddenDisplay-wide": t4,
-      ...style
-    };
-    $[2] = style;
-    $[3] = t2;
-    $[4] = t3;
-    $[5] = t4;
-    $[6] = t5;
-  } else {
-    t5 = $[6];
-  }
-  const t6 = t5;
-  let t7;
-  if ($[7] !== children || $[8] !== t1 || $[9] !== t6) {
-    t7 = /*#__PURE__*/jsx("div", {
-      className: t1,
-      style: t6,
-      "data-component": "Hidden",
-      children: children
-    });
-    $[7] = children;
-    $[8] = t1;
-    $[9] = t6;
-    $[10] = t7;
-  } else {
-    t7 = $[10];
-  }
-  return t7;
+const Hidden = (t0) => {
+	const $ = c(11);
+	const { when, className, style, children } = t0;
+	const normalizedStyles = normalize(when);
+	let t1;
+	if ($[0] !== className) {
+		t1 = clsx(className, Hidden_module_css_default.Hidden);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t2 = normalizedStyles.narrow ? "none" : void 0;
+	const t3 = normalizedStyles.regular ? "none" : void 0;
+	const t4 = normalizedStyles.wide ? "none" : void 0;
+	let t5;
+	if ($[2] !== style || $[3] !== t2 || $[4] !== t3 || $[5] !== t4) {
+		t5 = {
+			"--hiddenDisplay-narrow": t2,
+			"--hiddenDisplay-regular": t3,
+			"--hiddenDisplay-wide": t4,
+			...style
+		};
+		$[2] = style;
+		$[3] = t2;
+		$[4] = t3;
+		$[5] = t4;
+		$[6] = t5;
+	} else t5 = $[6];
+	const t6 = t5;
+	let t7;
+	if ($[7] !== children || $[8] !== t1 || $[9] !== t6) {
+		t7 = /*#__PURE__*/ jsx("div", {
+			className: t1,
+			style: t6,
+			"data-component": "Hidden",
+			children
+		});
+		$[7] = children;
+		$[8] = t1;
+		$[9] = t6;
+		$[10] = t7;
+	} else t7 = $[10];
+	return t7;
 };
-Hidden.displayName = 'Hidden';
-
+Hidden.displayName = "Hidden";
+//#endregion
 export { Hidden };

package/dist/Hidden/Hidden.module.css.js

@@ -1,5 +1,5 @@
-import './Hidden-b3896306.css';
-
-var classes = {"Hidden":"prc-Hidden-Hidden-cwE-I"};
-
-export { classes as default };
+import "./Hidden-b3896306.css";
+//#region src/Hidden/Hidden.module.css.js
+var Hidden_module_css_default = { "Hidden": "prc-Hidden-Hidden-cwE-I" };
+//#endregion
+export { Hidden_module_css_default as default };

package/dist/Hidden/index.d.ts

@@ -1,6 +1,2 @@
-import type { HiddenProps } from './Hidden';
-import { Hidden } from './Hidden';
-export { Hidden } from './Hidden';
-export type { HiddenProps };
-export default Hidden;
-//# sourceMappingURL=index.d.ts.map
+import { Hidden, HiddenProps } from "./Hidden.js";
+export { Hidden, type HiddenProps };

package/dist/InlineMessage/InlineMessage.d.ts

@@ -1,19 +1,28 @@
-import type React from 'react';
+import React from "react";
+
+//#region src/InlineMessage/InlineMessage.d.ts
 type MessageVariant = 'critical' | 'success' | 'unavailable' | 'warning';
-export type InlineMessageProps = React.ComponentPropsWithoutRef<'div'> & {
-    /**
-     * Specify the size of the InlineMessage
-     */
-    size?: 'small' | 'medium';
-    /**
-     * Specify the type of the InlineMessage
-     */
-    variant?: MessageVariant;
-    /**
-     * A custom leading visual (icon or other element) to display instead of the default variant icon.
-     */
-    leadingVisual?: React.ElementType | React.ReactNode;
+type InlineMessageProps = React.ComponentPropsWithoutRef<'div'> & {
+  /**
+   * Specify the size of the InlineMessage
+   */
+  size?: 'small' | 'medium';
+  /**
+   * Specify the type of the InlineMessage
+   */
+  variant?: MessageVariant;
+  /**
+   * A custom leading visual (icon or other element) to display instead of the default variant icon.
+   */
+  leadingVisual?: React.ElementType | React.ReactNode;
 };
-export declare function InlineMessage({ children, className, size, variant, leadingVisual: LeadingVisual, ...rest }: InlineMessageProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=InlineMessage.d.ts.map
+declare function InlineMessage({
+  children,
+  className,
+  size,
+  variant,
+  leadingVisual: LeadingVisual,
+  ...rest
+}: InlineMessageProps): React.JSX.Element;
+//#endregion
+export { InlineMessage, InlineMessageProps };

package/dist/InlineMessage/InlineMessage.js

@@ -1,139 +1,106 @@
-import { c } from 'react-compiler-runtime';
-import { AlertIcon, CheckCircleIcon, AlertFillIcon, CheckCircleFillIcon, InfoIcon } from '@primer/octicons-react';
-import { clsx } from 'clsx';
-import { isValidElementType } from 'react-is';
-import classes from './InlineMessage.module.css.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
+import InlineMessage_module_css_default from "./InlineMessage.module.css.js";
+import { c } from "react-compiler-runtime";
+import { clsx } from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { isValidElementType } from "react-is";
+import { AlertFillIcon, AlertIcon, CheckCircleFillIcon, CheckCircleIcon, InfoIcon } from "@primer/octicons-react";
+//#region src/InlineMessage/InlineMessage.tsx
 const icons = {
-  warning: /*#__PURE__*/jsx(AlertIcon, {
-    className: classes.InlineMessageIcon
-  }),
-  critical: /*#__PURE__*/jsx(AlertIcon, {
-    className: classes.InlineMessageIcon
-  }),
-  success: /*#__PURE__*/jsx(CheckCircleIcon, {
-    className: classes.InlineMessageIcon
-  }),
-  unavailable: /*#__PURE__*/jsx(AlertIcon, {
-    className: classes.InlineMessageIcon
-  })
+	warning: /*#__PURE__*/ jsx(AlertIcon, { className: InlineMessage_module_css_default.InlineMessageIcon }),
+	critical: /*#__PURE__*/ jsx(AlertIcon, { className: InlineMessage_module_css_default.InlineMessageIcon }),
+	success: /*#__PURE__*/ jsx(CheckCircleIcon, { className: InlineMessage_module_css_default.InlineMessageIcon }),
+	unavailable: /*#__PURE__*/ jsx(AlertIcon, { className: InlineMessage_module_css_default.InlineMessageIcon })
 };
 const smallIcons = {
-  warning: /*#__PURE__*/jsx(AlertFillIcon, {
-    className: classes.InlineMessageIcon,
-    size: 12
-  }),
-  critical: /*#__PURE__*/jsx(AlertFillIcon, {
-    className: classes.InlineMessageIcon,
-    size: 12
-  }),
-  success: /*#__PURE__*/jsx(CheckCircleFillIcon, {
-    className: classes.InlineMessageIcon,
-    size: 12
-  }),
-  unavailable: /*#__PURE__*/jsx(AlertFillIcon, {
-    className: classes.InlineMessageIcon,
-    size: 12
-  })
+	warning: /*#__PURE__*/ jsx(AlertFillIcon, {
+		className: InlineMessage_module_css_default.InlineMessageIcon,
+		size: 12
+	}),
+	critical: /*#__PURE__*/ jsx(AlertFillIcon, {
+		className: InlineMessage_module_css_default.InlineMessageIcon,
+		size: 12
+	}),
+	success: /*#__PURE__*/ jsx(CheckCircleFillIcon, {
+		className: InlineMessage_module_css_default.InlineMessageIcon,
+		size: 12
+	}),
+	unavailable: /*#__PURE__*/ jsx(AlertFillIcon, {
+		className: InlineMessage_module_css_default.InlineMessageIcon,
+		size: 12
+	})
 };
 function InlineMessage(t0) {
-  var _variant;
-  const $ = c(19);
-  let LeadingVisual;
-  let children;
-  let className;
-  let rest;
-  let t1;
-  let variant;
-  if ($[0] !== t0) {
-    ({
-      children,
-      className,
-      size: t1,
-      variant,
-      leadingVisual: LeadingVisual,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = LeadingVisual;
-    $[2] = children;
-    $[3] = className;
-    $[4] = rest;
-    $[5] = t1;
-    $[6] = variant;
-  } else {
-    LeadingVisual = $[1];
-    children = $[2];
-    className = $[3];
-    rest = $[4];
-    t1 = $[5];
-    variant = $[6];
-  }
-  const size = t1 === undefined ? "medium" : t1;
-  let icon;
-  if (LeadingVisual !== undefined) {
-    if (typeof LeadingVisual !== "string" && isValidElementType(LeadingVisual)) {
-      let t2;
-      if ($[7] !== LeadingVisual) {
-        t2 = /*#__PURE__*/jsx(LeadingVisual, {
-          className: classes.InlineMessageIcon
-        });
-        $[7] = LeadingVisual;
-        $[8] = t2;
-      } else {
-        t2 = $[8];
-      }
-      icon = t2;
-    } else {
-      icon = LeadingVisual;
-    }
-  } else {
-    if (variant) {
-      icon = size === "small" ? smallIcons[variant] : icons[variant];
-    } else {
-      let t2;
-      if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = /*#__PURE__*/jsx(InfoIcon, {
-          className: classes.InlineMessageIcon
-        });
-        $[9] = t2;
-      } else {
-        t2 = $[9];
-      }
-      icon = t2;
-    }
-  }
-  let t2;
-  if ($[10] !== className) {
-    t2 = clsx(className, classes.InlineMessage);
-    $[10] = className;
-    $[11] = t2;
-  } else {
-    t2 = $[11];
-  }
-  const t3 = (_variant = variant) !== null && _variant !== void 0 ? _variant : undefined;
-  let t4;
-  if ($[12] !== children || $[13] !== icon || $[14] !== rest || $[15] !== size || $[16] !== t2 || $[17] !== t3) {
-    t4 = /*#__PURE__*/jsxs("div", {
-      ...rest,
-      className: t2,
-      "data-size": size,
-      "data-variant": t3,
-      "data-component": "InlineMessage",
-      children: [icon, children]
-    });
-    $[12] = children;
-    $[13] = icon;
-    $[14] = rest;
-    $[15] = size;
-    $[16] = t2;
-    $[17] = t3;
-    $[18] = t4;
-  } else {
-    t4 = $[18];
-  }
-  return t4;
+	var _variant;
+	const $ = c(19);
+	let LeadingVisual;
+	let children;
+	let className;
+	let rest;
+	let t1;
+	let variant;
+	if ($[0] !== t0) {
+		({children, className, size: t1, variant, leadingVisual: LeadingVisual, ...rest} = t0);
+		$[0] = t0;
+		$[1] = LeadingVisual;
+		$[2] = children;
+		$[3] = className;
+		$[4] = rest;
+		$[5] = t1;
+		$[6] = variant;
+	} else {
+		LeadingVisual = $[1];
+		children = $[2];
+		className = $[3];
+		rest = $[4];
+		t1 = $[5];
+		variant = $[6];
+	}
+	const size = t1 === void 0 ? "medium" : t1;
+	let icon;
+	if (LeadingVisual !== void 0) if (typeof LeadingVisual !== "string" && isValidElementType(LeadingVisual)) {
+		let t2;
+		if ($[7] !== LeadingVisual) {
+			t2 = /*#__PURE__*/ jsx(LeadingVisual, { className: InlineMessage_module_css_default.InlineMessageIcon });
+			$[7] = LeadingVisual;
+			$[8] = t2;
+		} else t2 = $[8];
+		icon = t2;
+	} else icon = LeadingVisual;
+	else if (variant) icon = size === "small" ? smallIcons[variant] : icons[variant];
+	else {
+		let t2;
+		if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = /*#__PURE__*/ jsx(InfoIcon, { className: InlineMessage_module_css_default.InlineMessageIcon });
+			$[9] = t2;
+		} else t2 = $[9];
+		icon = t2;
+	}
+	let t2;
+	if ($[10] !== className) {
+		t2 = clsx(className, InlineMessage_module_css_default.InlineMessage);
+		$[10] = className;
+		$[11] = t2;
+	} else t2 = $[11];
+	const t3 = (_variant = variant) !== null && _variant !== void 0 ? _variant : void 0;
+	let t4;
+	if ($[12] !== children || $[13] !== icon || $[14] !== rest || $[15] !== size || $[16] !== t2 || $[17] !== t3) {
+		t4 = /*#__PURE__*/ jsxs("div", {
+			...rest,
+			className: t2,
+			"data-size": size,
+			"data-variant": t3,
+			"data-component": "InlineMessage",
+			children: [icon, children]
+		});
+		$[12] = children;
+		$[13] = icon;
+		$[14] = rest;
+		$[15] = size;
+		$[16] = t2;
+		$[17] = t3;
+		$[18] = t4;
+	} else t4 = $[18];
+	return t4;
 }
-
+//#endregion
 export { InlineMessage };

package/dist/InlineMessage/InlineMessage.module.css.js

@@ -1,5 +1,8 @@
-import './InlineMessage-cd1e4c93.css';
-
-var classes = {"InlineMessage":"prc-InlineMessage-InlineMessage-8xfK-","InlineMessageIcon":"prc-InlineMessage-InlineMessageIcon-rl8pZ"};
-
-export { classes as default };
+import "./InlineMessage-cd1e4c93.css";
+//#region src/InlineMessage/InlineMessage.module.css.js
+var InlineMessage_module_css_default = {
+	"InlineMessage": "prc-InlineMessage-InlineMessage-8xfK-",
+	"InlineMessageIcon": "prc-InlineMessage-InlineMessageIcon-rl8pZ"
+};
+//#endregion
+export { InlineMessage_module_css_default as default };

package/dist/InlineMessage/index.d.ts

@@ -1,3 +1,2 @@
-export { InlineMessage } from './InlineMessage';
-export type { InlineMessageProps } from './InlineMessage';
-//# sourceMappingURL=index.d.ts.map
+import { InlineMessage, InlineMessageProps } from "./InlineMessage.js";
+export { InlineMessage, type InlineMessageProps };

package/dist/KeybindingHint/KeybindingHint.d.ts

@@ -1,4 +1,10 @@
-import type { KeybindingHintProps } from './props';
+import { KeybindingHintProps } from "./props.js";
+
+//#region src/KeybindingHint/KeybindingHint.d.ts
 /** Indicates the presence of an available keybinding. */
-export declare const KeybindingHint: import("react").MemoExoticComponent<({ className, ...props }: KeybindingHintProps) => import("react").JSX.Element>;
-//# sourceMappingURL=KeybindingHint.d.ts.map
+declare const KeybindingHint: import("react").MemoExoticComponent<({
+  className,
+  ...props
+}: KeybindingHintProps) => import("react").JSX.Element>;
+//#endregion
+export { KeybindingHint };

package/dist/KeybindingHint/KeybindingHint.js

@@ -1,85 +1,68 @@
-import { c } from 'react-compiler-runtime';
-import { memo } from 'react';
-import { Sequence } from './components/Sequence.js';
-import classes from './KeybindingHint.module.css.js';
-import { clsx } from 'clsx';
-import { jsx } from 'react/jsx-runtime';
-import Text from '../Text/Text.js';
-
-const Kbd = t0 => {
-  const $ = c(5);
-  const {
-    children,
-    className
-  } = t0;
-  let t1;
-  if ($[0] !== className) {
-    t1 = clsx(className, classes.KeybindingHint);
-    $[0] = className;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== children || $[3] !== t1) {
-    t2 = /*#__PURE__*/jsx(Text, {
-      as: "kbd",
-      className: t1,
-      "data-testid": "keybinding-hint",
-      "data-component": "KeybindingHint",
-      children: children
-    });
-    $[2] = children;
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  return t2;
+import Text_default from "../Text/Text.js";
+import { Sequence } from "./components/Sequence.js";
+import KeybindingHint_module_css_default from "./KeybindingHint.module.css.js";
+import { c } from "react-compiler-runtime";
+import { clsx } from "clsx";
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+//#region src/KeybindingHint/KeybindingHint.tsx
+/** `kbd` element with style resets. */
+const Kbd = (t0) => {
+	const $ = c(5);
+	const { children, className } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = clsx(className, KeybindingHint_module_css_default.KeybindingHint);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children || $[3] !== t1) {
+		t2 = /*#__PURE__*/ jsx(Text_default, {
+			as: "kbd",
+			className: t1,
+			"data-testid": "keybinding-hint",
+			"data-component": "KeybindingHint",
+			children
+		});
+		$[2] = children;
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
 };
-
 /** Indicates the presence of an available keybinding. */
-// KeybindingHint is a good candidate for memoizing since props will rarely change
-const KeybindingHint = /*#__PURE__*/memo(t0 => {
-  const $ = c(8);
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-  } else {
-    className = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] !== props) {
-    t1 = /*#__PURE__*/jsx(Sequence, {
-      ...props
-    });
-    $[3] = props;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== className || $[6] !== t1) {
-    t2 = /*#__PURE__*/jsx(Kbd, {
-      className: className,
-      children: t1
-    });
-    $[5] = className;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+const KeybindingHint = /*#__PURE__*/ memo((t0) => {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== props) {
+		t1 = /*#__PURE__*/ jsx(Sequence, { ...props });
+		$[3] = props;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== className || $[6] !== t1) {
+		t2 = /*#__PURE__*/ jsx(Kbd, {
+			className,
+			children: t1
+		});
+		$[5] = className;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 });
-KeybindingHint.displayName = 'KeybindingHint';
-
+KeybindingHint.displayName = "KeybindingHint";
+//#endregion
 export { KeybindingHint };

package/dist/KeybindingHint/KeybindingHint.module.css.js

@@ -1,5 +1,5 @@
-import './KeybindingHint-0856c11b.css';
-
-var classes = {"KeybindingHint":"prc-KeybindingHint-KeybindingHint-qpYIs"};
-
-export { classes as default };
+import "./KeybindingHint-0856c11b.css";
+//#region src/KeybindingHint/KeybindingHint.module.css.js
+var KeybindingHint_module_css_default = { "KeybindingHint": "prc-KeybindingHint-KeybindingHint-qpYIs" };
+//#endregion
+export { KeybindingHint_module_css_default as default };