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

package/dist/SplitPageLayout/SplitPageLayout.js

@@ -1,284 +1,223 @@
-import { c } from 'react-compiler-runtime';
-import { jsx } from 'react/jsx-runtime';
-import { PageLayout } from '../PageLayout/PageLayout.js';
-
-const Root = props => {
-  const $ = c(3);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = {
-      header: Header,
-      footer: Footer,
-      sidebar: Sidebar
-    };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  let t1;
-  if ($[1] !== props) {
-    t1 = /*#__PURE__*/jsx(PageLayout, {
-      containerWidth: "full",
-      padding: "none",
-      columnGap: "none",
-      rowGap: "none",
-      _slotsConfig: t0,
-      ...props
-    });
-    $[1] = props;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  return t1;
+import { PageLayout } from "../PageLayout/PageLayout.js";
+import { c } from "react-compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/SplitPageLayout/SplitPageLayout.tsx
+const Root = (props) => {
+	const $ = c(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = {
+			header: Header,
+			footer: Footer,
+			sidebar: Sidebar
+		};
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== props) {
+		t1 = /*#__PURE__*/ jsx(PageLayout, {
+			containerWidth: "full",
+			padding: "none",
+			columnGap: "none",
+			rowGap: "none",
+			_slotsConfig: t0,
+			...props
+		});
+		$[1] = props;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
 };
-Root.displayName = 'SplitPageLayout';
-
-// ----------------------------------------------------------------------------
-// SplitPageLayout.Header
-
-const Header = t0 => {
-  const $ = c(8);
-  let props;
-  let t1;
-  let t2;
-  if ($[0] !== t0) {
-    ({
-      padding: t1,
-      divider: t2,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = props;
-    $[2] = t1;
-    $[3] = t2;
-  } else {
-    props = $[1];
-    t1 = $[2];
-    t2 = $[3];
-  }
-  const padding = t1 === undefined ? "normal" : t1;
-  const divider = t2 === undefined ? "line" : t2;
-  let t3;
-  if ($[4] !== divider || $[5] !== padding || $[6] !== props) {
-    t3 = /*#__PURE__*/jsx(PageLayout.Header, {
-      padding: padding,
-      divider: divider,
-      ...props
-    });
-    $[4] = divider;
-    $[5] = padding;
-    $[6] = props;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  return t3;
+Root.displayName = "SplitPageLayout";
+const Header = (t0) => {
+	const $ = c(8);
+	let props;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({padding: t1, divider: t2, ...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+		$[2] = t1;
+		$[3] = t2;
+	} else {
+		props = $[1];
+		t1 = $[2];
+		t2 = $[3];
+	}
+	const padding = t1 === void 0 ? "normal" : t1;
+	const divider = t2 === void 0 ? "line" : t2;
+	let t3;
+	if ($[4] !== divider || $[5] !== padding || $[6] !== props) {
+		t3 = /*#__PURE__*/ jsx(PageLayout.Header, {
+			padding,
+			divider,
+			...props
+		});
+		$[4] = divider;
+		$[5] = padding;
+		$[6] = props;
+		$[7] = t3;
+	} else t3 = $[7];
+	return t3;
 };
-Header.displayName = 'SplitPageLayout.Header';
-
-// ----------------------------------------------------------------------------
-// SplitPageLayout.Content
-
-const Content = t0 => {
-  const $ = c(8);
-  let props;
-  let t1;
-  let t2;
-  if ($[0] !== t0) {
-    ({
-      width: t1,
-      padding: t2,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = props;
-    $[2] = t1;
-    $[3] = t2;
-  } else {
-    props = $[1];
-    t1 = $[2];
-    t2 = $[3];
-  }
-  const width = t1 === undefined ? "large" : t1;
-  const padding = t2 === undefined ? "normal" : t2;
-  let t3;
-  if ($[4] !== padding || $[5] !== props || $[6] !== width) {
-    t3 = /*#__PURE__*/jsx(PageLayout.Content, {
-      width: width,
-      padding: padding,
-      ...props
-    });
-    $[4] = padding;
-    $[5] = props;
-    $[6] = width;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  return t3;
+Header.displayName = "SplitPageLayout.Header";
+const Content = (t0) => {
+	const $ = c(8);
+	let props;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({width: t1, padding: t2, ...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+		$[2] = t1;
+		$[3] = t2;
+	} else {
+		props = $[1];
+		t1 = $[2];
+		t2 = $[3];
+	}
+	const width = t1 === void 0 ? "large" : t1;
+	const padding = t2 === void 0 ? "normal" : t2;
+	let t3;
+	if ($[4] !== padding || $[5] !== props || $[6] !== width) {
+		t3 = /*#__PURE__*/ jsx(PageLayout.Content, {
+			width,
+			padding,
+			...props
+		});
+		$[4] = padding;
+		$[5] = props;
+		$[6] = width;
+		$[7] = t3;
+	} else t3 = $[7];
+	return t3;
 };
-Content.displayName = 'SplitPageLayout.Content';
-
-// ----------------------------------------------------------------------------
-// SplitPageLayout.Pane
-
-const Pane = t0 => {
-  const $ = c(12);
-  let props;
-  let t1;
-  let t2;
-  let t3;
-  let t4;
-  if ($[0] !== t0) {
-    ({
-      position: t1,
-      sticky: t2,
-      padding: t3,
-      divider: t4,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = props;
-    $[2] = t1;
-    $[3] = t2;
-    $[4] = t3;
-    $[5] = t4;
-  } else {
-    props = $[1];
-    t1 = $[2];
-    t2 = $[3];
-    t3 = $[4];
-    t4 = $[5];
-  }
-  const position = t1 === undefined ? "start" : t1;
-  const sticky = t2 === undefined ? true : t2;
-  const padding = t3 === undefined ? "normal" : t3;
-  const divider = t4 === undefined ? "line" : t4;
-  let t5;
-  if ($[6] !== divider || $[7] !== padding || $[8] !== position || $[9] !== props || $[10] !== sticky) {
-    t5 = /*#__PURE__*/jsx(PageLayout.Pane, {
-      position: position,
-      sticky: sticky,
-      padding: padding,
-      divider: divider,
-      ...props
-    });
-    $[6] = divider;
-    $[7] = padding;
-    $[8] = position;
-    $[9] = props;
-    $[10] = sticky;
-    $[11] = t5;
-  } else {
-    t5 = $[11];
-  }
-  return t5;
+Content.displayName = "SplitPageLayout.Content";
+const Pane = (t0) => {
+	const $ = c(12);
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	if ($[0] !== t0) {
+		({position: t1, sticky: t2, padding: t3, divider: t4, ...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+		$[2] = t1;
+		$[3] = t2;
+		$[4] = t3;
+		$[5] = t4;
+	} else {
+		props = $[1];
+		t1 = $[2];
+		t2 = $[3];
+		t3 = $[4];
+		t4 = $[5];
+	}
+	const position = t1 === void 0 ? "start" : t1;
+	const sticky = t2 === void 0 ? true : t2;
+	const padding = t3 === void 0 ? "normal" : t3;
+	const divider = t4 === void 0 ? "line" : t4;
+	let t5;
+	if ($[6] !== divider || $[7] !== padding || $[8] !== position || $[9] !== props || $[10] !== sticky) {
+		t5 = /*#__PURE__*/ jsx(PageLayout.Pane, {
+			position,
+			sticky,
+			padding,
+			divider,
+			...props
+		});
+		$[6] = divider;
+		$[7] = padding;
+		$[8] = position;
+		$[9] = props;
+		$[10] = sticky;
+		$[11] = t5;
+	} else t5 = $[11];
+	return t5;
 };
-Pane.displayName = 'SplitPageLayout.Pane';
-
-// ----------------------------------------------------------------------------
-// SplitPageLayout.Sidebar
-
-const Sidebar = t0 => {
-  const $ = c(10);
-  let props;
-  let t1;
-  let t2;
-  let t3;
-  if ($[0] !== t0) {
-    ({
-      position: t1,
-      padding: t2,
-      divider: t3,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = props;
-    $[2] = t1;
-    $[3] = t2;
-    $[4] = t3;
-  } else {
-    props = $[1];
-    t1 = $[2];
-    t2 = $[3];
-    t3 = $[4];
-  }
-  const position = t1 === undefined ? "start" : t1;
-  const padding = t2 === undefined ? "normal" : t2;
-  const divider = t3 === undefined ? "line" : t3;
-  let t4;
-  if ($[5] !== divider || $[6] !== padding || $[7] !== position || $[8] !== props) {
-    t4 = /*#__PURE__*/jsx(PageLayout.Sidebar, {
-      position: position,
-      padding: padding,
-      divider: divider,
-      ...props
-    });
-    $[5] = divider;
-    $[6] = padding;
-    $[7] = position;
-    $[8] = props;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  return t4;
+Pane.displayName = "SplitPageLayout.Pane";
+const Sidebar = (t0) => {
+	const $ = c(10);
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== t0) {
+		({position: t1, padding: t2, divider: t3, ...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+		$[2] = t1;
+		$[3] = t2;
+		$[4] = t3;
+	} else {
+		props = $[1];
+		t1 = $[2];
+		t2 = $[3];
+		t3 = $[4];
+	}
+	const position = t1 === void 0 ? "start" : t1;
+	const padding = t2 === void 0 ? "normal" : t2;
+	const divider = t3 === void 0 ? "line" : t3;
+	let t4;
+	if ($[5] !== divider || $[6] !== padding || $[7] !== position || $[8] !== props) {
+		t4 = /*#__PURE__*/ jsx(PageLayout.Sidebar, {
+			position,
+			padding,
+			divider,
+			...props
+		});
+		$[5] = divider;
+		$[6] = padding;
+		$[7] = position;
+		$[8] = props;
+		$[9] = t4;
+	} else t4 = $[9];
+	return t4;
 };
-Sidebar.displayName = 'SplitPageLayout.Sidebar';
-
-// ----------------------------------------------------------------------------
-// SplitPageLayout.Footer
-
-const Footer = t0 => {
-  const $ = c(8);
-  let props;
-  let t1;
-  let t2;
-  if ($[0] !== t0) {
-    ({
-      padding: t1,
-      divider: t2,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = props;
-    $[2] = t1;
-    $[3] = t2;
-  } else {
-    props = $[1];
-    t1 = $[2];
-    t2 = $[3];
-  }
-  const padding = t1 === undefined ? "normal" : t1;
-  const divider = t2 === undefined ? "line" : t2;
-  let t3;
-  if ($[4] !== divider || $[5] !== padding || $[6] !== props) {
-    t3 = /*#__PURE__*/jsx(PageLayout.Footer, {
-      padding: padding,
-      divider: divider,
-      ...props
-    });
-    $[4] = divider;
-    $[5] = padding;
-    $[6] = props;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  return t3;
+Sidebar.displayName = "SplitPageLayout.Sidebar";
+const Footer = (t0) => {
+	const $ = c(8);
+	let props;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({padding: t1, divider: t2, ...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+		$[2] = t1;
+		$[3] = t2;
+	} else {
+		props = $[1];
+		t1 = $[2];
+		t2 = $[3];
+	}
+	const padding = t1 === void 0 ? "normal" : t1;
+	const divider = t2 === void 0 ? "line" : t2;
+	let t3;
+	if ($[4] !== divider || $[5] !== padding || $[6] !== props) {
+		t3 = /*#__PURE__*/ jsx(PageLayout.Footer, {
+			padding,
+			divider,
+			...props
+		});
+		$[4] = divider;
+		$[5] = padding;
+		$[6] = props;
+		$[7] = t3;
+	} else t3 = $[7];
+	return t3;
 };
-Footer.displayName = 'SplitPageLayout.Footer';
-
-// ----------------------------------------------------------------------------
-// Export
-
+Footer.displayName = "SplitPageLayout.Footer";
 const SplitPageLayout = Object.assign(Root, {
-  Header,
-  Content,
-  Pane,
-  Sidebar,
-  Footer
+	Header,
+	Content,
+	Pane,
+	Sidebar,
+	Footer
 });
-
+//#endregion
 export { Content, Footer, Header, Pane, Root, Sidebar, SplitPageLayout };

package/dist/SplitPageLayout/index.d.ts

@@ -1,2 +1,2 @@
-export * from './SplitPageLayout';
-//# sourceMappingURL=index.d.ts.map
+import { SplitPageLayout, SplitPageLayoutContentProps, SplitPageLayoutFooterProps, SplitPageLayoutHeaderProps, SplitPageLayoutPaneProps, SplitPageLayoutProps } from "./SplitPageLayout.js";
+export { SplitPageLayout, SplitPageLayoutContentProps, SplitPageLayoutFooterProps, SplitPageLayoutHeaderProps, SplitPageLayoutPaneProps, SplitPageLayoutProps };

package/dist/Stack/Stack.d.ts

@@ -1,7 +1,7 @@
-import type React from 'react';
-import { type ElementType } from 'react';
-import type { ResponsiveValue } from '../hooks/useResponsiveValue';
-import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
+import { ResponsiveValue } from "../hooks/useResponsiveValue.js";
+import React, { ElementType } from "react";
+
+//#region src/Stack/Stack.d.ts
 type GapScale = 'none' | 'tight' | 'condensed' | 'cozy' | 'normal' | 'spacious';
 type Gap = GapScale | ResponsiveValue<GapScale>;
 type DirectionScale = 'horizontal' | 'vertical';
@@ -15,70 +15,67 @@ type Justify = JustifyScale | ResponsiveValue<JustifyScale>;
 type PaddingScale = 'none' | 'tight' | 'condensed' | 'cozy' | 'normal' | 'spacious';
 type Padding = PaddingScale | ResponsiveValue<PaddingScale>;
 type StackProps<As> = React.PropsWithChildren<{
-    /**
-     * Customize the element type of the rendered container
-     */
-    as?: As;
-    /**
-     * Specify the gap between children elements in the stack
-     */
-    gap?: Gap;
-    /**
-     * Specify the direction for the stack container
-     * @default vertical
-     */
-    direction?: Direction;
-    /**
-     * Specify the alignment between items in the cross-axis of the direction
-     * @default stretch
-     */
-    align?: Align;
-    /**
-     * Specify whether items are forced onto one line or can wrap onto multiple lines
-     * @default nowrap
-     */
-    wrap?: Wrap;
-    /**
-     * Specify how items will be distributed in the stacking direction
-     * @default start
-     */
-    justify?: Justify;
-    /**
-     * Specify the padding of the stack container
-     * @default none
-     */
-    padding?: Padding;
-    /**
-     * Specify the block (vertical) padding of the stack container.
-     * Overrides the block axis of `padding` when both are set.
-     */
-    paddingBlock?: Padding;
-    /**
-     * Specify the inline (horizontal) padding of the stack container.
-     * Overrides the inline axis of `padding` when both are set.
-     */
-    paddingInline?: Padding;
-    className?: string;
+  /**
+   * Customize the element type of the rendered container
+   */
+  as?: As;
+  /**
+   * Specify the gap between children elements in the stack
+   */
+  gap?: Gap;
+  /**
+   * Specify the direction for the stack container
+   * @default vertical
+   */
+  direction?: Direction;
+  /**
+   * Specify the alignment between items in the cross-axis of the direction
+   * @default stretch
+   */
+  align?: Align;
+  /**
+   * Specify whether items are forced onto one line or can wrap onto multiple lines
+   * @default nowrap
+   */
+  wrap?: Wrap;
+  /**
+   * Specify how items will be distributed in the stacking direction
+   * @default start
+   */
+  justify?: Justify;
+  /**
+   * Specify the padding of the stack container
+   * @default none
+   */
+  padding?: Padding;
+  /**
+   * Specify the block (vertical) padding of the stack container.
+   * Overrides the block axis of `padding` when both are set.
+   */
+  paddingBlock?: Padding;
+  /**
+   * Specify the inline (horizontal) padding of the stack container.
+   * Overrides the inline axis of `padding` when both are set.
+   */
+  paddingInline?: Padding;
+  className?: string;
 }>;
-declare const Stack: PolymorphicForwardRefComponent<ElementType, StackProps<ElementType>>;
 type StackItemProps<As> = React.PropsWithChildren<{
-    /**
-     * Customize the element type of the rendered container
-     */
-    as?: As;
-    /**
-     * Allow item to keep size or expand to fill the available space
-     * @default false
-     */
-    grow?: boolean | ResponsiveValue<boolean>;
-    /**
-     * Allow item to keep size or expand to fill the available space
-     * @default true
-     */
-    shrink?: boolean | ResponsiveValue<boolean>;
-    className?: string;
+  /**
+   * Customize the element type of the rendered container
+   */
+  as?: As;
+  /**
+   * Allow item to keep size or expand to fill the available space
+   * @default false
+   */
+  grow?: boolean | ResponsiveValue<boolean>;
+  /**
+   * Allow item to keep size or expand to fill the available space
+   * @default true
+   */
+  shrink?: boolean | ResponsiveValue<boolean>;
+  className?: string;
 }>;
-declare const StackItem: PolymorphicForwardRefComponent<ElementType, StackProps<ElementType>>;
-export { Stack, StackItem };
-export type { StackProps, StackItemProps };
-//# sourceMappingURL=Stack.d.ts.map
+//#endregion
+export type { StackItemProps, StackProps };