@primer/react 38.0.0-rc.195178541 → 38.0.0-rc.3

package/lib-esm/SelectPanel/SelectPanel.module.css.js

@@ -1,5 +0,0 @@
-import './SelectPanel-bfde365c.css';
-
-var classes = {"Overlay":"prc-SelectPanel-Overlay-arLk6","Wrapper":"prc-SelectPanel-Wrapper-43Iz8","Header":"prc-SelectPanel-Header-4dLqk","Title":"prc-SelectPanel-Title--CZN1","Subtitle":"prc-SelectPanel-Subtitle-tMSzu","Notice":"prc-SelectPanel-Notice-xDTd4","Footer":"prc-SelectPanel-Footer-78rgp","FilteredActionList":"prc-SelectPanel-FilteredActionList-wzS7m","Message":"prc-SelectPanel-Message-CSpwI","MessageTitle":"prc-SelectPanel-MessageTitle-o6PpS","MessageBody":"prc-SelectPanel-MessageBody-89DEz","MessageIcon":"prc-SelectPanel-MessageIcon-GS8ry","ResponsiveCloseButton":"prc-SelectPanel-ResponsiveCloseButton-3mdX2","ResponsiveFooter":"prc-SelectPanel-ResponsiveFooter-e-JSD","SecondaryAction":"prc-SelectPanel-SecondaryAction-aWzLU","CancelSaveButtons":"prc-SelectPanel-CancelSaveButtons-kk2cT","ResponsiveSaveButton":"prc-SelectPanel-ResponsiveSaveButton-Ooz4Y","Backdrop":"prc-SelectPanel-Backdrop-7XJa-"};
-
-export { classes as default };

package/lib-esm/SelectPanel/SelectPanelMessage.d.ts

@@ -1,9 +0,0 @@
-import type React from 'react';
-export type SelectPanelMessageProps = {
-    children: React.ReactNode;
-    title: string;
-    variant: 'empty' | 'error' | 'warning';
-    className?: string;
-};
-export declare const SelectPanelMessage: React.FC<SelectPanelMessageProps>;
-//# sourceMappingURL=SelectPanelMessage.d.ts.map

package/lib-esm/SelectPanel/SelectPanelMessage.js

@@ -1,31 +0,0 @@
-import { AlertIcon } from '@primer/octicons-react';
-import classes from './SelectPanel.module.css.js';
-import { clsx } from 'clsx';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import Octicon from '../Octicon/Octicon.js';
-import Text from '../Text/Text.js';
-
-const SelectPanelMessage = ({
-  variant,
-  title,
-  children,
-  className
-}) => {
-  return /*#__PURE__*/jsxs("div", {
-    className: clsx(classes.Message, className),
-    children: [variant !== 'empty' ? /*#__PURE__*/jsx(Octicon, {
-      icon: AlertIcon,
-      className: classes.MessageIcon,
-      "data-variant": variant
-    }) : null, /*#__PURE__*/jsx(Text, {
-      className: classes.MessageTitle,
-      children: title
-    }), /*#__PURE__*/jsx(Text, {
-      className: classes.MessageBody,
-      children: children
-    })]
-  });
-};
-SelectPanelMessage.displayName = "SelectPanelMessage";
-
-export { SelectPanelMessage };

package/lib-esm/SelectPanel/index.d.ts

@@ -1,3 +0,0 @@
-export { SelectPanel } from './SelectPanel';
-export type { SelectPanelProps } from './SelectPanel';
-//# sourceMappingURL=index.d.ts.map

package/lib-esm/SelectPanel/types.d.ts

@@ -1,4 +0,0 @@
-import type { ItemProps } from '../deprecated/ActionList';
-import type { ItemInput, GroupedListProps, ListPropsBase } from '../deprecated/ActionList/List';
-export type { ItemProps, ItemInput, GroupedListProps, ListPropsBase };
-//# sourceMappingURL=types.d.ts.map

package/lib-esm/SideNav.d.ts

@@ -1,35 +0,0 @@
-import type { To } from 'history';
-import type { ComponentProps } from './utils/types';
-import { type LinkProps } from './Link';
-import type React from 'react';
-import { type PropsWithChildren } from 'react';
-import type { SxProp } from './sx';
-type SideNavBaseProps = {
-    as?: React.ElementType;
-    variant?: 'lightweight' | 'normal';
-    bordered?: boolean;
-    className?: string;
-    children?: React.ReactNode;
-    'aria-label'?: string;
-} & SxProp;
-declare function SideNav({ as, variant, className, bordered, children, 'aria-label': ariaLabel, sx: sxProp, }: SideNavBaseProps): React.JSX.Element;
-type StyledSideNavLinkProps = PropsWithChildren<{
-    to?: To;
-    selected?: boolean;
-    variant?: 'full' | 'normal';
-}> & LinkProps;
-declare const SideNavLink: {
-    ({ selected, to, variant, className, children, ...rest }: StyledSideNavLinkProps): React.JSX.Element;
-    displayName: string;
-};
-export type SideNavProps = ComponentProps<typeof SideNav>;
-export type SideNavLinkProps = ComponentProps<typeof SideNavLink>;
-/** @deprecated Use [NavList](https://primer.style/react/NavList) instead */
-declare const _default: typeof SideNav & {
-    Link: {
-        ({ selected, to, variant, className, children, ...rest }: StyledSideNavLinkProps): React.JSX.Element;
-        displayName: string;
-    };
-};
-export default _default;
-//# sourceMappingURL=SideNav.d.ts.map

package/lib-esm/SideNav.js

@@ -1,60 +0,0 @@
-import { clsx } from 'clsx';
-import classes from './SideNav.module.css.js';
-import { defaultSxProp } from './utils/defaultSxProp.js';
-import { BoxWithFallback } from './internal/components/BoxWithFallback.js';
-import { jsx } from 'react/jsx-runtime';
-import Link from './Link/Link.js';
-
-function SideNav({
-  as = 'nav',
-  variant = 'normal',
-  className,
-  bordered,
-  children,
-  'aria-label': ariaLabel,
-  sx: sxProp = defaultSxProp
-}) {
-  const variantClassName = variant === 'lightweight' ? 'lightweight' : 'normal';
-  const newClassName = clsx(classes.SideNav, classes[`SideNavVariant--${variantClassName}`], 'sidenav', `variant-${variantClassName}`, className, {
-    [classes.SideNavBordered]: bordered
-  });
-  return /*#__PURE__*/jsx(BoxWithFallback, {
-    as: as,
-    className: newClassName,
-    "aria-label": ariaLabel,
-    sx: sxProp,
-    children: children
-  });
-}
-SideNav.displayName = "SideNav";
-const SideNavLink = ({
-  selected,
-  to,
-  variant,
-  className,
-  children,
-  ...rest
-}) => {
-  const isReactRouter = typeof to === 'string';
-  const newClassName = clsx(classes.SideNavLink, className, {
-    [classes.SideNavLinkFull]: variant === 'full'
-  });
-  // according to their docs, NavLink supports aria-current:
-  // https://reacttraining.com/react-router/web/api/NavLink/aria-current-string
-  return /*#__PURE__*/jsx(BoxWithFallback, {
-    as: Link,
-    "aria-current": isReactRouter || selected ? 'page' : undefined,
-    className: newClassName,
-    variant: variant,
-    ...rest,
-    children: children
-  });
-};
-SideNavLink.displayName = "SideNavLink";
-SideNavLink.displayName = 'SideNav.Link';
-/** @deprecated Use [NavList](https://primer.style/react/NavList) instead */
-var SideNav$1 = Object.assign(SideNav, {
-  Link: SideNavLink
-});
-
-export { SideNav$1 as default };

package/lib-esm/Skeleton/SkeletonBox.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { type CSSProperties, type HTMLProps } from 'react';
-export type SkeletonBoxProps = {
-    /** Height of the skeleton "box". Accepts any valid CSS `height` value. */
-    height?: CSSProperties['height'];
-    /** Width of the skeleton "box". Accepts any valid CSS `width` value. */
-    width?: CSSProperties['width'];
-    /** The className of the skeleton box */
-    className?: string;
-} & HTMLProps<HTMLDivElement>;
-export declare const SkeletonBox: React.ForwardRefExoticComponent<Omit<SkeletonBoxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=SkeletonBox.d.ts.map

package/lib-esm/Skeleton/SkeletonBox.js

@@ -1,78 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import React from 'react';
-import { clsx } from 'clsx';
-import classes from './SkeletonBox.module.css.js';
-import '@styled-system/css';
-import merge from 'deepmerge';
-import { jsx } from 'react/jsx-runtime';
-
-const SkeletonBox = /*#__PURE__*/React.forwardRef(function SkeletonBox(t0, ref) {
-  const $ = c(17);
-  let className;
-  let height;
-  let props;
-  let style;
-  let width;
-  if ($[0] !== t0) {
-    ({
-      height,
-      width,
-      className,
-      style,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = height;
-    $[3] = props;
-    $[4] = style;
-    $[5] = width;
-  } else {
-    className = $[1];
-    height = $[2];
-    props = $[3];
-    style = $[4];
-    width = $[5];
-  }
-  let t1;
-  if ($[6] !== className) {
-    t1 = clsx(className, classes.SkeletonBox);
-    $[6] = className;
-    $[7] = t1;
-  } else {
-    t1 = $[7];
-  }
-  const t2 = style;
-  let t3;
-  if ($[8] !== height || $[9] !== t2 || $[10] !== width) {
-    t3 = merge(t2, {
-      height,
-      width
-    });
-    $[8] = height;
-    $[9] = t2;
-    $[10] = width;
-    $[11] = t3;
-  } else {
-    t3 = $[11];
-  }
-  let t4;
-  if ($[12] !== props || $[13] !== ref || $[14] !== t1 || $[15] !== t3) {
-    t4 = /*#__PURE__*/jsx("div", {
-      className: t1,
-      style: t3,
-      ...props,
-      ref: ref
-    });
-    $[12] = props;
-    $[13] = ref;
-    $[14] = t1;
-    $[15] = t3;
-    $[16] = t4;
-  } else {
-    t4 = $[16];
-  }
-  return t4;
-});
-
-export { SkeletonBox };

package/lib-esm/Spinner/Spinner.d.ts

@@ -1,24 +0,0 @@
-import type React from 'react';
-import { type SxProp } from '../sx';
-import type { HTMLDataAttributes } from '../internal/internal-types';
-declare const sizeMap: {
-    small: string;
-    medium: string;
-    large: string;
-};
-export type SpinnerProps = {
-    /** Sets the width and height of the spinner. */
-    size?: keyof typeof sizeMap;
-    /** Sets the text conveyed by assistive technologies such as screen readers. Set to `null` if the loading state is displayed in a text node somewhere else on the page. */
-    srText?: string | null;
-    /** @deprecated Use `srText` instead. */
-    'aria-label'?: string;
-    className?: string;
-    style?: React.CSSProperties;
-} & HTMLDataAttributes & SxProp;
-declare function StyledSpinner({ sx, className, ...props }: SpinnerProps): React.JSX.Element;
-declare namespace StyledSpinner {
-    var displayName: string;
-}
-export default StyledSpinner;
-//# sourceMappingURL=Spinner.d.ts.map

package/lib-esm/Spinner/Spinner.js

@@ -1,206 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import styled from 'styled-components';
-import sx from '../sx.js';
-import classes from './Spinner.module.css.js';
-import { clsx } from 'clsx';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useId } from '../hooks/useId.js';
-import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
-
-const sizeMap = {
-  small: '16px',
-  medium: '32px',
-  large: '64px'
-};
-function Spinner(t0) {
-  var _ariaLabel;
-  const $ = c(23);
-  let ariaLabel;
-  let className;
-  let props;
-  let style;
-  let t1;
-  let t2;
-  if ($[0] !== t0) {
-    ({
-      size: t1,
-      srText: t2,
-      "aria-label": ariaLabel,
-      className,
-      style,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = ariaLabel;
-    $[2] = className;
-    $[3] = props;
-    $[4] = style;
-    $[5] = t1;
-    $[6] = t2;
-  } else {
-    ariaLabel = $[1];
-    className = $[2];
-    props = $[3];
-    style = $[4];
-    t1 = $[5];
-    t2 = $[6];
-  }
-  const sizeKey = t1 === undefined ? "medium" : t1;
-  const srText = t2 === undefined ? "Loading" : t2;
-  const size = sizeMap[sizeKey];
-  const hasHiddenLabel = srText !== null && ariaLabel === undefined;
-  const labelId = useId();
-  const t3 = (_ariaLabel = ariaLabel) !== null && _ariaLabel !== void 0 ? _ariaLabel : undefined;
-  const t4 = hasHiddenLabel ? labelId : undefined;
-  let t5;
-  let t6;
-  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = /*#__PURE__*/jsx("circle", {
-      cx: "8",
-      cy: "8",
-      r: "7",
-      stroke: "currentColor",
-      strokeOpacity: "0.25",
-      strokeWidth: "2",
-      vectorEffect: "non-scaling-stroke"
-    });
-    t6 = /*#__PURE__*/jsx("path", {
-      d: "M15 8a7.002 7.002 0 00-7-7",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      vectorEffect: "non-scaling-stroke"
-    });
-    $[7] = t5;
-    $[8] = t6;
-  } else {
-    t5 = $[7];
-    t6 = $[8];
-  }
-  let t7;
-  if ($[9] !== className || $[10] !== props || $[11] !== size || $[12] !== style || $[13] !== t3 || $[14] !== t4) {
-    t7 = /*#__PURE__*/jsxs("svg", {
-      height: size,
-      width: size,
-      viewBox: "0 0 16 16",
-      fill: "none",
-      "aria-hidden": true,
-      "aria-label": t3,
-      "aria-labelledby": t4,
-      className: className,
-      style: style,
-      ...props,
-      children: [t5, t6]
-    });
-    $[9] = className;
-    $[10] = props;
-    $[11] = size;
-    $[12] = style;
-    $[13] = t3;
-    $[14] = t4;
-    $[15] = t7;
-  } else {
-    t7 = $[15];
-  }
-  let t8;
-  if ($[16] !== hasHiddenLabel || $[17] !== labelId || $[18] !== srText) {
-    t8 = hasHiddenLabel ? /*#__PURE__*/jsx(VisuallyHidden, {
-      id: labelId,
-      children: srText
-    }) : null;
-    $[16] = hasHiddenLabel;
-    $[17] = labelId;
-    $[18] = srText;
-    $[19] = t8;
-  } else {
-    t8 = $[19];
-  }
-  let t9;
-  if ($[20] !== t7 || $[21] !== t8) {
-    t9 = /*#__PURE__*/jsxs("span", {
-      className: classes.Box,
-      children: [t7, t8]
-    });
-    $[20] = t7;
-    $[21] = t8;
-    $[22] = t9;
-  } else {
-    t9 = $[22];
-  }
-  return t9;
-}
-const StyledBaseSpinner = styled.div.withConfig({
-  displayName: "Spinner__StyledBaseSpinner",
-  componentId: "sc-1knt686-0"
-})(["", ""], sx);
-function StyledSpinner(t0) {
-  const $ = c(15);
-  let className;
-  let props;
-  let sx;
-  if ($[0] !== t0) {
-    ({
-      sx,
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-    $[3] = sx;
-  } else {
-    className = $[1];
-    props = $[2];
-    sx = $[3];
-  }
-  if (sx) {
-    let t1;
-    if ($[4] !== className) {
-      t1 = clsx(className, classes.SpinnerAnimation);
-      $[4] = className;
-      $[5] = t1;
-    } else {
-      t1 = $[5];
-    }
-    let t2;
-    if ($[6] !== props || $[7] !== sx || $[8] !== t1) {
-      t2 = /*#__PURE__*/jsx(StyledBaseSpinner, {
-        sx: sx,
-        as: Spinner,
-        className: t1,
-        ...props
-      });
-      $[6] = props;
-      $[7] = sx;
-      $[8] = t1;
-      $[9] = t2;
-    } else {
-      t2 = $[9];
-    }
-    return t2;
-  }
-  let t1;
-  if ($[10] !== className) {
-    t1 = clsx(className, classes.SpinnerAnimation);
-    $[10] = className;
-    $[11] = t1;
-  } else {
-    t1 = $[11];
-  }
-  let t2;
-  if ($[12] !== props || $[13] !== t1) {
-    t2 = /*#__PURE__*/jsx(Spinner, {
-      className: t1,
-      ...props
-    });
-    $[12] = props;
-    $[13] = t1;
-    $[14] = t2;
-  } else {
-    t2 = $[14];
-  }
-  return t2;
-}
-StyledSpinner.displayName = 'Spinner';
-
-export { StyledSpinner as default };

package/lib-esm/SplitPageLayout/SplitPageLayout.d.ts

@@ -1,22 +0,0 @@
-import type React from 'react';
-import type { SxProp } from '..';
-import type { PageLayoutContentProps, PageLayoutFooterProps, PageLayoutHeaderProps, PageLayoutPaneProps } from '../PageLayout';
-export type SplitPageLayoutProps = SxProp & {
-    className?: string;
-};
-export declare const Root: React.FC<React.PropsWithChildren<SplitPageLayoutProps>>;
-export type SplitPageLayoutHeaderProps = PageLayoutHeaderProps;
-export declare const Header: React.FC<React.PropsWithChildren<SplitPageLayoutHeaderProps>>;
-export type SplitPageLayoutContentProps = PageLayoutContentProps;
-export declare const Content: React.FC<React.PropsWithChildren<SplitPageLayoutContentProps>>;
-export type SplitPageLayoutPaneProps = PageLayoutPaneProps;
-export declare const Pane: React.FC<React.PropsWithChildren<SplitPageLayoutPaneProps>>;
-export type SplitPageLayoutFooterProps = PageLayoutFooterProps;
-export declare const Footer: React.FC<React.PropsWithChildren<SplitPageLayoutFooterProps>>;
-export declare const SplitPageLayout: React.FC<React.PropsWithChildren<SplitPageLayoutProps>> & {
-    Header: React.FC<React.PropsWithChildren<PageLayoutHeaderProps>>;
-    Content: React.FC<React.PropsWithChildren<PageLayoutContentProps>>;
-    Pane: React.FC<React.PropsWithChildren<PageLayoutPaneProps>>;
-    Footer: React.FC<React.PropsWithChildren<PageLayoutFooterProps>>;
-};
-//# sourceMappingURL=SplitPageLayout.d.ts.map

package/lib-esm/Stack/Stack-83ac2229.css

@@ -1,2 +0,0 @@
-.prc-Stack-Stack-WJVsK{align-content:flex-start;align-items:stretch;display:flex;flex-flow:column;gap:var(--stack-gap,var(--stack-gap-normal,1rem))}.prc-Stack-Stack-WJVsK[data-padding-narrow=none],.prc-Stack-Stack-WJVsK[data-padding=none]{padding:0}.prc-Stack-Stack-WJVsK[data-padding-narrow=condensed],.prc-Stack-Stack-WJVsK[data-padding=condensed]{padding:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-WJVsK[data-padding-narrow=normal],.prc-Stack-Stack-WJVsK[data-padding=normal]{padding:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-WJVsK[data-padding-narrow=spacious],.prc-Stack-Stack-WJVsK[data-padding=spacious]{padding:var(--stack-padding-spacious,1.5rem)}.prc-Stack-Stack-WJVsK[data-direction-narrow=horizontal],.prc-Stack-Stack-WJVsK[data-direction=horizontal]{flex-flow:row}.prc-Stack-Stack-WJVsK[data-direction-narrow=vertical],.prc-Stack-Stack-WJVsK[data-direction=vertical]{flex-flow:column}.prc-Stack-Stack-WJVsK[data-gap-narrow=none],.prc-Stack-Stack-WJVsK[data-gap=none]{--stack-gap:0}.prc-Stack-Stack-WJVsK[data-gap-narrow=condensed],.prc-Stack-Stack-WJVsK[data-gap=condensed]{--stack-gap:var(--stack-gap-condensed,0.5rem)}.prc-Stack-Stack-WJVsK[data-gap-narrow=normal],.prc-Stack-Stack-WJVsK[data-gap=normal]{--stack-gap:var(--stack-gap-normal,1rem)}.prc-Stack-Stack-WJVsK[data-gap-narrow=spacious],.prc-Stack-Stack-WJVsK[data-gap=spacious]{--stack-gap:var(--stack-gap-spacious,1.5rem)}.prc-Stack-Stack-WJVsK[data-align-narrow=start],.prc-Stack-Stack-WJVsK[data-align=start]{align-items:flex-start}.prc-Stack-Stack-WJVsK[data-align-narrow=center],.prc-Stack-Stack-WJVsK[data-align=center]{align-items:center}.prc-Stack-Stack-WJVsK[data-align-narrow=end],.prc-Stack-Stack-WJVsK[data-align=end]{align-items:flex-end}.prc-Stack-Stack-WJVsK[data-align-narrow=baseline],.prc-Stack-Stack-WJVsK[data-align=baseline]{align-items:baseline}.prc-Stack-Stack-WJVsK[data-justify-narrow=start],.prc-Stack-Stack-WJVsK[data-justify=start]{justify-content:flex-start}.prc-Stack-Stack-WJVsK[data-justify-narrow=center],.prc-Stack-Stack-WJVsK[data-justify=center]{justify-content:center}.prc-Stack-Stack-WJVsK[data-justify-narrow=end],.prc-Stack-Stack-WJVsK[data-justify=end]{justify-content:flex-end}.prc-Stack-Stack-WJVsK[data-justify-narrow=space-between],.prc-Stack-Stack-WJVsK[data-justify=space-between]{justify-content:space-between}.prc-Stack-Stack-WJVsK[data-justify-narrow=space-evenly],.prc-Stack-Stack-WJVsK[data-justify=space-evenly]{justify-content:space-evenly}.prc-Stack-Stack-WJVsK[data-wrap-narrow=wrap],.prc-Stack-Stack-WJVsK[data-wrap=wrap]{flex-wrap:wrap}.prc-Stack-Stack-WJVsK[data-wrap-narrow=nowrap],.prc-Stack-Stack-WJVsK[data-wrap=nowrap]{flex-wrap:nowrap}@media (min-width:48rem){.prc-Stack-Stack-WJVsK[data-padding-regular=none]{padding:0}.prc-Stack-Stack-WJVsK[data-padding-regular=condensed]{padding:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-WJVsK[data-padding-regular=normal]{padding:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-WJVsK[data-padding-regular=spacious]{padding:var(--stack-padding-spacious,1.5rem)}.prc-Stack-Stack-WJVsK[data-direction-regular=horizontal]{flex-flow:row}.prc-Stack-Stack-WJVsK[data-direction-regular=vertical]{flex-flow:column}.prc-Stack-Stack-WJVsK[data-gap-regular=none]{--stack-gap:0}.prc-Stack-Stack-WJVsK[data-gap-regular=condensed]{--stack-gap:var(--stack-gap-condensed,0.5rem)}.prc-Stack-Stack-WJVsK[data-gap-regular=normal]{--stack-gap:var(--stack-gap-normal,1rem)}.prc-Stack-Stack-WJVsK[data-gap-regular=spacious]{--stack-gap:var(--stack-gap-spacious,1.5rem)}.prc-Stack-Stack-WJVsK[data-align-regular=start]{align-items:flex-start}.prc-Stack-Stack-WJVsK[data-align-regular=center]{align-items:center}.prc-Stack-Stack-WJVsK[data-align-regular=end]{align-items:flex-end}.prc-Stack-Stack-WJVsK[data-align-regular=baseline]{align-items:baseline}.prc-Stack-Stack-WJVsK[data-justify-regular=start]{justify-content:flex-start}.prc-Stack-Stack-WJVsK[data-justify-regular=center]{justify-content:center}.prc-Stack-Stack-WJVsK[data-justify-regular=end]{justify-content:flex-end}.prc-Stack-Stack-WJVsK[data-justify-regular=space-between]{justify-content:space-between}.prc-Stack-Stack-WJVsK[data-justify-regular=space-evenly]{justify-content:space-evenly}.prc-Stack-Stack-WJVsK[data-wrap-regular=wrap]{flex-wrap:wrap}.prc-Stack-Stack-WJVsK[data-wrap-regular=nowrap]{flex-wrap:nowrap}}@media (min-width:87.5rem){.prc-Stack-Stack-WJVsK[data-padding-wide=none]{padding:0}.prc-Stack-Stack-WJVsK[data-padding-wide=condensed]{padding:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-WJVsK[data-padding-wide=normal]{padding:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-WJVsK[data-padding-wide=spacious]{padding:var(--stack-padding-spacious,1.5rem)}.prc-Stack-Stack-WJVsK[data-direction-wide=horizontal]{flex-flow:row}.prc-Stack-Stack-WJVsK[data-direction-wide=vertical]{flex-flow:column}.prc-Stack-Stack-WJVsK[data-gap-wide=none]{--stack-gap:0}.prc-Stack-Stack-WJVsK[data-gap-wide=condensed]{--stack-gap:var(--stack-gap-condensed,0.5rem)}.prc-Stack-Stack-WJVsK[data-gap-wide=normal]{--stack-gap:var(--stack-gap-normal,1rem)}.prc-Stack-Stack-WJVsK[data-gap-wide=spacious]{--stack-gap:var(--stack-gap-spacious,1.5rem)}.prc-Stack-Stack-WJVsK[data-align-wide=start]{align-items:flex-start}.prc-Stack-Stack-WJVsK[data-align-wide=center]{align-items:center}.prc-Stack-Stack-WJVsK[data-align-wide=end]{align-items:flex-end}.prc-Stack-Stack-WJVsK[data-align-wide=baseline]{align-items:baseline}.prc-Stack-Stack-WJVsK[data-justify-wide=start]{justify-content:flex-start}.prc-Stack-Stack-WJVsK[data-justify-wide=center]{justify-content:center}.prc-Stack-Stack-WJVsK[data-justify-wide=end]{justify-content:flex-end}.prc-Stack-Stack-WJVsK[data-justify-wide=space-between]{justify-content:space-between}.prc-Stack-Stack-WJVsK[data-justify-wide=space-evenly]{justify-content:space-evenly}.prc-Stack-Stack-WJVsK[data-wrap-wide=wrap]{flex-wrap:wrap}.prc-Stack-Stack-WJVsK[data-wrap-wide=nowrap]{flex-wrap:nowrap}}.prc-Stack-StackItem-CweWT{flex:0 1 auto;min-inline-size:0}.prc-Stack-StackItem-CweWT[data-grow-narrow=true],.prc-Stack-StackItem-CweWT[data-grow=true]{flex-grow:1}@media (min-width:48rem){.prc-Stack-StackItem-CweWT[data-grow-regular=true]{flex-grow:1}.prc-Stack-StackItem-CweWT[data-grow-regular=false]{flex-grow:0}}@media (min-width:87.5rem){.prc-Stack-StackItem-CweWT[data-grow-wide=true]{flex-grow:1}.prc-Stack-StackItem-CweWT[data-grow-wide=false]{flex-grow:0}}
-/*# sourceMappingURL=Stack-83ac2229.css.map */

package/lib-esm/Stack/Stack-83ac2229.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Stack/Stack.module.css"],"names":[],"mappings":"AAAA,uBAIE,wBAAyB,CADzB,mBAAoB,CAFpB,YAAa,CACb,gBAAiB,CAGjB,iDA+RF,CA7RE,2FAEE,SACF,CAEA,qGAGE,4CACF,CAEA,+FAGE,wCACF,CAEA,mGAGE,4CACF,CAEA,2GAEE,aACF,CAEA,uGAEE,gBACF,CAEA,mFAEE,aACF,CAEA,6FAEE,6CACF,CAEA,uFAEE,wCACF,CAEA,2FAEE,4CACF,CAEA,yFAEE,sBACF,CAEA,2FAEE,kBACF,CAEA,qFAEE,oBACF,CAEA,+FAEE,oBACF,CAEA,6FAEE,0BACF,CAEA,+FAEE,sBACF,CAEA,yFAEE,wBACF,CAEA,6GAEE,6BACF,CAEA,2GAEE,4BACF,CAEA,qFAEE,cACF,CAEA,yFAEE,gBACF,CAEA,yBACE,kDACE,SACF,CAEA,uDAEE,4CACF,CAEA,oDAEE,wCACF,CAEA,sDAEE,4CACF,CAEA,0DACE,aACF,CAEA,wDACE,gBACF,CAEA,8CACE,aACF,CAEA,mDACE,6CACF,CAEA,gDACE,wCACF,CAEA,kDACE,4CACF,CAEA,iDACE,sBACF,CAEA,kDACE,kBACF,CAEA,+CACE,oBACF,CAEA,oDACE,oBACF,CAEA,mDACE,0BACF,CAEA,oDACE,sBACF,CAEA,iDACE,wBACF,CAEA,2DACE,6BACF,CAEA,0DACE,4BACF,CAEA,+CACE,cACF,CAEA,iDACE,gBACF,CACF,CAEA,2BACE,+CACE,SACF,CAEA,oDAEE,4CACF,CAEA,iDAEE,wCACF,CAEA,mDAEE,4CACF,CAEA,uDACE,aACF,CAEA,qDACE,gBACF,CAEA,2CACE,aACF,CAEA,gDACE,6CACF,CAEA,6CACE,wCACF,CAEA,+CACE,4CACF,CAEA,8CACE,sBACF,CAEA,+CACE,kBACF,CAEA,4CACE,oBACF,CAEA,iDACE,oBACF,CAEA,gDACE,0BACF,CAEA,iDACE,sBACF,CAEA,8CACE,wBACF,CAEA,wDACE,6BACF,CAEA,uDACE,4BACF,CAEA,4CACE,cACF,CAEA,8CACE,gBACF,CACF,CAGF,2BACE,aAAc,CACd,iBA0BF,CAxBE,6FAEE,WACF,CAEA,yBACE,mDACE,WACF,CAEA,oDACE,WACF,CACF,CAEA,2BACE,gDACE,WACF,CAEA,iDACE,WACF,CACF","file":"Stack-83ac2229.css","sourcesContent":[".Stack {\n  display: flex;\n  flex-flow: column;\n  align-items: stretch;\n  align-content: flex-start;\n  gap: var(--stack-gap, var(--stack-gap-normal));\n\n  &[data-padding='none'],\n  &[data-padding-narrow='none'] {\n    padding: 0;\n  }\n\n  &[data-padding='condensed'],\n  &[data-padding-narrow='condensed'] {\n    /* stylelint-disable-next-line primer/spacing */\n    padding: var(--stack-padding-condensed);\n  }\n\n  &[data-padding='normal'],\n  &[data-padding-narrow='normal'] {\n    /* stylelint-disable-next-line primer/spacing */\n    padding: var(--stack-padding-normal);\n  }\n\n  &[data-padding='spacious'],\n  &[data-padding-narrow='spacious'] {\n    /* stylelint-disable-next-line primer/spacing */\n    padding: var(--stack-padding-spacious);\n  }\n\n  &[data-direction='horizontal'],\n  &[data-direction-narrow='horizontal'] {\n    flex-flow: row;\n  }\n\n  &[data-direction='vertical'],\n  &[data-direction-narrow='vertical'] {\n    flex-flow: column;\n  }\n\n  &[data-gap='none'],\n  &[data-gap-narrow='none'] {\n    --stack-gap: 0;\n  }\n\n  &[data-gap='condensed'],\n  &[data-gap-narrow='condensed'] {\n    --stack-gap: var(--stack-gap-condensed);\n  }\n\n  &[data-gap='normal'],\n  &[data-gap-narrow='normal'] {\n    --stack-gap: var(--stack-gap-normal);\n  }\n\n  &[data-gap='spacious'],\n  &[data-gap-narrow='spacious'] {\n    --stack-gap: var(--stack-gap-spacious);\n  }\n\n  &[data-align='start'],\n  &[data-align-narrow='start'] {\n    align-items: flex-start;\n  }\n\n  &[data-align='center'],\n  &[data-align-narrow='center'] {\n    align-items: center;\n  }\n\n  &[data-align='end'],\n  &[data-align-narrow='end'] {\n    align-items: flex-end;\n  }\n\n  &[data-align='baseline'],\n  &[data-align-narrow='baseline'] {\n    align-items: baseline;\n  }\n\n  &[data-justify='start'],\n  &[data-justify-narrow='start'] {\n    justify-content: flex-start;\n  }\n\n  &[data-justify='center'],\n  &[data-justify-narrow='center'] {\n    justify-content: center;\n  }\n\n  &[data-justify='end'],\n  &[data-justify-narrow='end'] {\n    justify-content: flex-end;\n  }\n\n  &[data-justify='space-between'],\n  &[data-justify-narrow='space-between'] {\n    justify-content: space-between;\n  }\n\n  &[data-justify='space-evenly'],\n  &[data-justify-narrow='space-evenly'] {\n    justify-content: space-evenly;\n  }\n\n  &[data-wrap='wrap'],\n  &[data-wrap-narrow='wrap'] {\n    flex-wrap: wrap;\n  }\n\n  &[data-wrap='nowrap'],\n  &[data-wrap-narrow='nowrap'] {\n    flex-wrap: nowrap;\n  }\n\n  @media (--viewportRange-regular) {\n    &[data-padding-regular='none'] {\n      padding: 0;\n    }\n\n    &[data-padding-regular='condensed'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding: var(--stack-padding-condensed);\n    }\n\n    &[data-padding-regular='normal'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding: var(--stack-padding-normal);\n    }\n\n    &[data-padding-regular='spacious'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding: var(--stack-padding-spacious);\n    }\n\n    &[data-direction-regular='horizontal'] {\n      flex-flow: row;\n    }\n\n    &[data-direction-regular='vertical'] {\n      flex-flow: column;\n    }\n\n    &[data-gap-regular='none'] {\n      --stack-gap: 0;\n    }\n\n    &[data-gap-regular='condensed'] {\n      --stack-gap: var(--stack-gap-condensed);\n    }\n\n    &[data-gap-regular='normal'] {\n      --stack-gap: var(--stack-gap-normal);\n    }\n\n    &[data-gap-regular='spacious'] {\n      --stack-gap: var(--stack-gap-spacious);\n    }\n\n    &[data-align-regular='start'] {\n      align-items: flex-start;\n    }\n\n    &[data-align-regular='center'] {\n      align-items: center;\n    }\n\n    &[data-align-regular='end'] {\n      align-items: flex-end;\n    }\n\n    &[data-align-regular='baseline'] {\n      align-items: baseline;\n    }\n\n    &[data-justify-regular='start'] {\n      justify-content: flex-start;\n    }\n\n    &[data-justify-regular='center'] {\n      justify-content: center;\n    }\n\n    &[data-justify-regular='end'] {\n      justify-content: flex-end;\n    }\n\n    &[data-justify-regular='space-between'] {\n      justify-content: space-between;\n    }\n\n    &[data-justify-regular='space-evenly'] {\n      justify-content: space-evenly;\n    }\n\n    &[data-wrap-regular='wrap'] {\n      flex-wrap: wrap;\n    }\n\n    &[data-wrap-regular='nowrap'] {\n      flex-wrap: nowrap;\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &[data-padding-wide='none'] {\n      padding: 0;\n    }\n\n    &[data-padding-wide='condensed'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding: var(--stack-padding-condensed);\n    }\n\n    &[data-padding-wide='normal'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding: var(--stack-padding-normal);\n    }\n\n    &[data-padding-wide='spacious'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding: var(--stack-padding-spacious);\n    }\n\n    &[data-direction-wide='horizontal'] {\n      flex-flow: row;\n    }\n\n    &[data-direction-wide='vertical'] {\n      flex-flow: column;\n    }\n\n    &[data-gap-wide='none'] {\n      --stack-gap: 0;\n    }\n\n    &[data-gap-wide='condensed'] {\n      --stack-gap: var(--stack-gap-condensed);\n    }\n\n    &[data-gap-wide='normal'] {\n      --stack-gap: var(--stack-gap-normal);\n    }\n\n    &[data-gap-wide='spacious'] {\n      --stack-gap: var(--stack-gap-spacious);\n    }\n\n    &[data-align-wide='start'] {\n      align-items: flex-start;\n    }\n\n    &[data-align-wide='center'] {\n      align-items: center;\n    }\n\n    &[data-align-wide='end'] {\n      align-items: flex-end;\n    }\n\n    &[data-align-wide='baseline'] {\n      align-items: baseline;\n    }\n\n    &[data-justify-wide='start'] {\n      justify-content: flex-start;\n    }\n\n    &[data-justify-wide='center'] {\n      justify-content: center;\n    }\n\n    &[data-justify-wide='end'] {\n      justify-content: flex-end;\n    }\n\n    &[data-justify-wide='space-between'] {\n      justify-content: space-between;\n    }\n\n    &[data-justify-wide='space-evenly'] {\n      justify-content: space-evenly;\n    }\n\n    &[data-wrap-wide='wrap'] {\n      flex-wrap: wrap;\n    }\n\n    &[data-wrap-wide='nowrap'] {\n      flex-wrap: nowrap;\n    }\n  }\n}\n\n.StackItem {\n  flex: 0 1 auto;\n  min-inline-size: 0;\n\n  &[data-grow='true'],\n  &[data-grow-narrow='true'] {\n    flex-grow: 1;\n  }\n\n  @media (--viewportRange-regular) {\n    &[data-grow-regular='true'] {\n      flex-grow: 1;\n    }\n\n    &[data-grow-regular='false'] {\n      flex-grow: 0;\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &[data-grow-wide='true'] {\n      flex-grow: 1;\n    }\n\n    &[data-grow-wide='false'] {\n      flex-grow: 0;\n    }\n  }\n}\n"]}

package/lib-esm/Stack/Stack.d.ts

@@ -1,69 +0,0 @@
-import type React from 'react';
-import { type ElementType } from 'react';
-import type { ResponsiveValue } from '../hooks/useResponsiveValue';
-import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
-type GapScale = 'none' | 'condensed' | 'normal' | 'spacious';
-type Gap = GapScale | ResponsiveValue<GapScale>;
-type DirectionScale = 'horizontal' | 'vertical';
-type Direction = DirectionScale | ResponsiveValue<DirectionScale>;
-type AlignScale = 'stretch' | 'start' | 'center' | 'end' | 'baseline';
-type Align = AlignScale | ResponsiveValue<AlignScale>;
-type WrapScale = 'wrap' | 'nowrap';
-type Wrap = WrapScale | ResponsiveValue<WrapScale>;
-type JustifyScale = 'start' | 'center' | 'end' | 'space-between' | 'space-evenly';
-type Justify = JustifyScale | ResponsiveValue<JustifyScale>;
-type PaddingScale = 'none' | 'condensed' | '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;
-    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>;
-    className?: string;
-}>;
-declare const StackItem: PolymorphicForwardRefComponent<ElementType, StackProps<ElementType>>;
-export { Stack, StackItem };
-export type { StackProps, StackItemProps };
-//# sourceMappingURL=Stack.d.ts.map