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

package/dist/RelativeTime/RelativeTime.js

@@ -1,82 +1,70 @@
-import { c } from 'react-compiler-runtime';
-import { RelativeTimeElement } from '@github/relative-time-element';
-import { createComponent } from '../utils/create-component.js';
-import { jsx } from 'react/jsx-runtime';
-
-const RelativeTimeComponent = createComponent(RelativeTimeElement, 'relative-time');
+import { createComponent } from "../utils/create-component.js";
+import { c } from "react-compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { RelativeTimeElement } from "@github/relative-time-element";
+//#region src/RelativeTime/RelativeTime.tsx
+const RelativeTimeComponent = createComponent(RelativeTimeElement, "relative-time");
 const localeOptions = {
-  month: 'short',
-  day: 'numeric',
-  year: 'numeric'
+	month: "short",
+	day: "numeric",
+	year: "numeric"
 };
 function RelativeTime(t0) {
-  const $ = c(16);
-  let children;
-  let date;
-  let datetime;
-  let noTitle;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      date,
-      datetime,
-      children,
-      noTitle,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = date;
-    $[3] = datetime;
-    $[4] = noTitle;
-    $[5] = props;
-  } else {
-    children = $[1];
-    date = $[2];
-    datetime = $[3];
-    noTitle = $[4];
-    props = $[5];
-  }
-  if (datetime) {
-    let t1;
-    if ($[6] !== datetime) {
-      t1 = new Date(datetime);
-      $[6] = datetime;
-      $[7] = t1;
-    } else {
-      t1 = $[7];
-    }
-    date = t1;
-  }
-  const t1 = noTitle ? "" : undefined;
-  let t2;
-  if ($[8] !== children || $[9] !== date) {
-    var _date;
-    t2 = children || ((_date = date) === null || _date === void 0 ? void 0 : _date.toLocaleDateString("en", localeOptions)) || "";
-    $[8] = children;
-    $[9] = date;
-    $[10] = t2;
-  } else {
-    t2 = $[10];
-  }
-  let t3;
-  if ($[11] !== date || $[12] !== props || $[13] !== t1 || $[14] !== t2) {
-    t3 = /*#__PURE__*/jsx(RelativeTimeComponent, {
-      ...props,
-      date: date,
-      "no-title": t1,
-      "data-component": "RelativeTime",
-      children: t2
-    });
-    $[11] = date;
-    $[12] = props;
-    $[13] = t1;
-    $[14] = t2;
-    $[15] = t3;
-  } else {
-    t3 = $[15];
-  }
-  return t3;
+	const $ = c(16);
+	let children;
+	let date;
+	let datetime;
+	let noTitle;
+	let props;
+	if ($[0] !== t0) {
+		({date, datetime, children, noTitle, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = date;
+		$[3] = datetime;
+		$[4] = noTitle;
+		$[5] = props;
+	} else {
+		children = $[1];
+		date = $[2];
+		datetime = $[3];
+		noTitle = $[4];
+		props = $[5];
+	}
+	if (datetime) {
+		let t1;
+		if ($[6] !== datetime) {
+			t1 = new Date(datetime);
+			$[6] = datetime;
+			$[7] = t1;
+		} else t1 = $[7];
+		date = t1;
+	}
+	const t1 = noTitle ? "" : void 0;
+	let t2;
+	if ($[8] !== children || $[9] !== date) {
+		var _date;
+		t2 = children || ((_date = date) === null || _date === void 0 ? void 0 : _date.toLocaleDateString("en", localeOptions)) || "";
+		$[8] = children;
+		$[9] = date;
+		$[10] = t2;
+	} else t2 = $[10];
+	let t3;
+	if ($[11] !== date || $[12] !== props || $[13] !== t1 || $[14] !== t2) {
+		t3 = /*#__PURE__*/ jsx(RelativeTimeComponent, {
+			...props,
+			date,
+			"no-title": t1,
+			"data-component": "RelativeTime",
+			children: t2
+		});
+		$[11] = date;
+		$[12] = props;
+		$[13] = t1;
+		$[14] = t2;
+		$[15] = t3;
+	} else t3 = $[15];
+	return t3;
 }
-
+//#endregion
 export { RelativeTime as default };

package/dist/RelativeTime/index.d.ts

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

package/dist/ScrollableRegion/ScrollableRegion.d.ts

@@ -1,13 +1,20 @@
-import React from 'react';
+import React from "react";
+
+//#region src/ScrollableRegion/ScrollableRegion.d.ts
 type Labelled = {
-    'aria-label': string;
-    'aria-labelledby'?: never;
+  'aria-label': string;
+  'aria-labelledby'?: never;
 } | {
-    'aria-label'?: never;
-    'aria-labelledby': string;
+  'aria-label'?: never;
+  'aria-labelledby': string;
 };
 type ScrollableRegionProps = React.ComponentPropsWithoutRef<'div'> & Labelled;
-declare function ScrollableRegion({ 'aria-label': label, 'aria-labelledby': labelledby, children, className, ...rest }: ScrollableRegionProps): React.JSX.Element;
-export { ScrollableRegion };
-export type { ScrollableRegionProps };
-//# sourceMappingURL=ScrollableRegion.d.ts.map
+declare function ScrollableRegion({
+  'aria-label': label,
+  'aria-labelledby': labelledby,
+  children,
+  className,
+  ...rest
+}: ScrollableRegionProps): React.JSX.Element;
+//#endregion
+export { ScrollableRegion, type ScrollableRegionProps };

package/dist/ScrollableRegion/ScrollableRegion.js

@@ -1,83 +1,71 @@
-import { c } from 'react-compiler-runtime';
-import React from 'react';
-import { clsx } from 'clsx';
-import { useOverflow } from '../hooks/useOverflow.js';
-import classes from './ScrollableRegion.module.css.js';
-import { jsx } from 'react/jsx-runtime';
-
+import { useOverflow } from "../hooks/useOverflow.js";
+import ScrollableRegion_module_css_default from "./ScrollableRegion.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/ScrollableRegion/ScrollableRegion.tsx
 function ScrollableRegion(t0) {
-  const $ = c(17);
-  let children;
-  let className;
-  let label;
-  let labelledby;
-  let rest;
-  if ($[0] !== t0) {
-    ({
-      "aria-label": label,
-      "aria-labelledby": labelledby,
-      children,
-      className,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = label;
-    $[4] = labelledby;
-    $[5] = rest;
-  } else {
-    children = $[1];
-    className = $[2];
-    label = $[3];
-    labelledby = $[4];
-    rest = $[5];
-  }
-  const ref = React.useRef(null);
-  const hasOverflow = useOverflow(ref);
-  let t1;
-  if ($[6] !== hasOverflow || $[7] !== label || $[8] !== labelledby) {
-    t1 = hasOverflow ? {
-      "aria-label": label,
-      "aria-labelledby": labelledby,
-      role: "region",
-      tabIndex: 0
-    } : {};
-    $[6] = hasOverflow;
-    $[7] = label;
-    $[8] = labelledby;
-    $[9] = t1;
-  } else {
-    t1 = $[9];
-  }
-  const regionProps = t1;
-  let t2;
-  if ($[10] !== className) {
-    t2 = clsx(classes.ScrollableRegion, className);
-    $[10] = className;
-    $[11] = t2;
-  } else {
-    t2 = $[11];
-  }
-  let t3;
-  if ($[12] !== children || $[13] !== regionProps || $[14] !== rest || $[15] !== t2) {
-    t3 = /*#__PURE__*/jsx("div", {
-      ...rest,
-      ...regionProps,
-      ref: ref,
-      className: t2,
-      "data-component": "ScrollableRegion",
-      children: children
-    });
-    $[12] = children;
-    $[13] = regionProps;
-    $[14] = rest;
-    $[15] = t2;
-    $[16] = t3;
-  } else {
-    t3 = $[16];
-  }
-  return t3;
+	const $ = c(17);
+	let children;
+	let className;
+	let label;
+	let labelledby;
+	let rest;
+	if ($[0] !== t0) {
+		({"aria-label": label, "aria-labelledby": labelledby, children, className, ...rest} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = label;
+		$[4] = labelledby;
+		$[5] = rest;
+	} else {
+		children = $[1];
+		className = $[2];
+		label = $[3];
+		labelledby = $[4];
+		rest = $[5];
+	}
+	const ref = React.useRef(null);
+	const hasOverflow = useOverflow(ref);
+	let t1;
+	if ($[6] !== hasOverflow || $[7] !== label || $[8] !== labelledby) {
+		t1 = hasOverflow ? {
+			"aria-label": label,
+			"aria-labelledby": labelledby,
+			role: "region",
+			tabIndex: 0
+		} : {};
+		$[6] = hasOverflow;
+		$[7] = label;
+		$[8] = labelledby;
+		$[9] = t1;
+	} else t1 = $[9];
+	const regionProps = t1;
+	let t2;
+	if ($[10] !== className) {
+		t2 = clsx(ScrollableRegion_module_css_default.ScrollableRegion, className);
+		$[10] = className;
+		$[11] = t2;
+	} else t2 = $[11];
+	let t3;
+	if ($[12] !== children || $[13] !== regionProps || $[14] !== rest || $[15] !== t2) {
+		t3 = /*#__PURE__*/ jsx("div", {
+			...rest,
+			...regionProps,
+			ref,
+			className: t2,
+			"data-component": "ScrollableRegion",
+			children
+		});
+		$[12] = children;
+		$[13] = regionProps;
+		$[14] = rest;
+		$[15] = t2;
+		$[16] = t3;
+	} else t3 = $[16];
+	return t3;
 }
-
+//#endregion
 export { ScrollableRegion };

package/dist/ScrollableRegion/ScrollableRegion.module.css.js

@@ -1,5 +1,5 @@
-import './ScrollableRegion-c1018dbe.css';
-
-var classes = {"ScrollableRegion":"prc-ScrollableRegion-ScrollableRegion--xtjK"};
-
-export { classes as default };
+import "./ScrollableRegion-c1018dbe.css";
+//#region src/ScrollableRegion/ScrollableRegion.module.css.js
+var ScrollableRegion_module_css_default = { "ScrollableRegion": "prc-ScrollableRegion-ScrollableRegion--xtjK" };
+//#endregion
+export { ScrollableRegion_module_css_default as default };

package/dist/ScrollableRegion/index.d.ts

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

package/dist/SegmentedControl/SegmentedControl.d.ts

@@ -1,24 +1,24 @@
-import React from 'react';
-import type { SegmentedControlButtonProps } from './SegmentedControlButton';
-import type { SegmentedControlIconButtonProps } from './SegmentedControlIconButton';
-import type { ResponsiveValue } from '../hooks/useResponsiveValue';
-import type { WidthOnlyViewportRangeKeys } from '../utils/types/ViewportRangeKeys';
-export type SegmentedControlProps = {
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-    'aria-describedby'?: string;
-    /** Whether the control fills the width of its parent */
-    fullWidth?: boolean | ResponsiveValue<boolean>;
-    /** The handler that gets called when a segment is selected */
-    onChange?: (selectedIndex: number) => void;
-    /** The size of the buttons */
-    size?: 'small' | 'medium';
-    /** Configure alternative ways to render the control when it gets rendered in tight spaces */
-    variant?: 'default' | Partial<Record<WidthOnlyViewportRangeKeys, 'hideLabels' | 'dropdown' | 'default'>>;
-    className?: string;
+import { FCWithSlotMarker } from "../utils/types/Slots.js";
+import { ResponsiveValue } from "../hooks/useResponsiveValue.js";
+import { SegmentedControlButtonProps } from "./SegmentedControlButton.js";
+import { SegmentedControlIconButtonProps } from "./SegmentedControlIconButton.js";
+import { WidthOnlyViewportRangeKeys } from "../utils/types/ViewportRangeKeys.js";
+import React from "react";
+
+//#region src/SegmentedControl/SegmentedControl.d.ts
+type SegmentedControlProps = {
+  'aria-label'?: string;
+  'aria-labelledby'?: string;
+  'aria-describedby'?: string; /** Whether the control fills the width of its parent */
+  fullWidth?: boolean | ResponsiveValue<boolean>; /** The handler that gets called when a segment is selected */
+  onChange?: (selectedIndex: number) => void; /** The size of the buttons */
+  size?: 'small' | 'medium'; /** Configure alternative ways to render the control when it gets rendered in tight spaces */
+  variant?: 'default' | Partial<Record<WidthOnlyViewportRangeKeys, 'hideLabels' | 'dropdown' | 'default'>>;
+  className?: string;
 };
-export declare const SegmentedControl: React.FC<React.PropsWithChildren<SegmentedControlProps>> & {
-    Button: import("..").FCWithSlotMarker<React.PropsWithChildren<SegmentedControlButtonProps>>;
-    IconButton: import("..").FCWithSlotMarker<React.PropsWithChildren<SegmentedControlIconButtonProps>>;
+declare const SegmentedControl: React.FC<React.PropsWithChildren<SegmentedControlProps>> & {
+  Button: FCWithSlotMarker<React.PropsWithChildren<SegmentedControlButtonProps>>;
+  IconButton: FCWithSlotMarker<React.PropsWithChildren<SegmentedControlIconButtonProps>>;
 };
-//# sourceMappingURL=SegmentedControl.d.ts.map
+//#endregion
+export { SegmentedControl, SegmentedControlProps };