@primer/react-brand 0.75.0-rc.a3f7dbd6 → 0.75.0

package/esm/Box/Box.d.ts

@@ -82,6 +82,6 @@ type BoxProps = {
  * Use Box to apply fine-grained styling to content.
  * @see https://primer.style/brand/components/Box
  */
-export declare const Box: ({ animate, children, className, "data-testid": testId, style, padding, paddingBlockStart, paddingInlineEnd, paddingBlockEnd, paddingInlineStart, margin, marginBlockStart, marginInlineEnd, marginBlockEnd, marginInlineStart, backgroundColor, borderRadius, borderWidth, borderBlockStartWidth, borderInlineEndWidth, borderBlockEndWidth, borderInlineStartWidth, borderColor, borderStyle, ...rest }: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Box: ({ animate, children, className, "data-testid": testId, style, padding, paddingBlockStart, paddingInlineEnd, paddingBlockEnd, paddingInlineStart, margin, marginBlockStart, marginInlineEnd, marginBlockEnd, marginInlineStart, backgroundColor, borderRadius, borderWidth, borderBlockStartWidth, borderInlineEndWidth, borderBlockEndWidth, borderInlineStartWidth, borderColor, borderStyle, ...rest }: PropsWithChildren<BoxProps>) => React.JSX.Element;
 export {};
 //# sourceMappingURL=Box.d.ts.map

package/esm/Box/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":"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"}

package/esm/Box/Box.js

@@ -1,4 +1,4 @@
-import e from "../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { BaseSizeScale as t } from "../constants.js";
 import { useAnimation as n } from "../animation/useAnimation.js";
 import r from "./Box.module.js";

package/esm/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","names":[],"sources":["../../src/Box/Box.tsx"],"sourcesContent":["import {clsx} from 'clsx'\nimport React, {PropsWithChildren, useMemo} from 'react'\nimport {AnimateProps, useAnimation} from '../animation'\nimport type {BaseProps} from '../component-helpers'\nimport {BaseSizeScale} from '../constants'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './Box.module.css'\n\nexport const BoxSpacingValues = ['none', 'condensed', 'normal', 'spacious', ...BaseSizeScale] as const\ntype SpacingValues = (typeof BoxSpacingValues)[number]\n\ntype ResponsiveSpacingMap = {\n  narrow?: SpacingValues\n  regular?: SpacingValues\n  wide?: SpacingValues\n}\n\nexport const BoxBackgroundColors = ['default', 'inset', 'subtle', 'overlay'] as const\ntype BackgroundColors = (typeof BoxBackgroundColors)[number] | AnyString\n\nexport const BoxBorderRadiusOptions = ['small', 'medium', 'large', 'xlarge', 'full'] as const\ntype BorderRadiusOptions = (typeof BoxBorderRadiusOptions)[number]\n\nexport const BoxBorderWidthOptions = ['none', 'thin', 'thick', 'thicker'] as const\ntype BorderWidthOptions = (typeof BoxBorderWidthOptions)[number]\n\ntype ResponsiveBorderWidthMap = {\n  narrow?: BorderWidthOptions\n  regular?: BorderWidthOptions\n  wide?: BorderWidthOptions\n}\n\nexport const BoxBorderColorOptions = ['default', 'muted', 'subtle'] as const\ntype BorderColorOptions = (typeof BoxBorderColorOptions)[number]\n\ntype BorderStyleOptions = Extract<React.CSSProperties['borderStyle'], 'solid' | 'none'>\n\ntype BoxProps = {\n  /**\n   * Adding padding all internal sides of the Box\n   */\n  padding?: SpacingValues | ResponsiveSpacingMap\n  /**\n   * Adding padding on the internal top side of the Box\n   */\n  paddingBlockStart?: SpacingValues | ResponsiveSpacingMap\n  /**\n   * Adding padding on the internal right side of the Box\n   */\n  paddingInlineEnd?: SpacingValues | ResponsiveSpacingMap\n  /**\n   * Adding padding on the internal bottom side of the Box\n   */\n  paddingBlockEnd?: SpacingValues | ResponsiveSpacingMap\n  /**\n   * Adding padding on the internal left side of the Box\n   */\n  paddingInlineStart?: SpacingValues | ResponsiveSpacingMap\n  /*\n   * Adding margin on all external sides of the Box\n   */\n  margin?: SpacingValues | ResponsiveSpacingMap\n  /**\n   * Adding margin on the external top side of the Box\n   */\n  marginBlockStart?: SpacingValues | ResponsiveSpacingMap\n  /**\n   * Adding margin on the external right side of the Box\n   */\n  marginInlineEnd?: SpacingValues | ResponsiveSpacingMap\n  /**\n   * Adding margin on the external bottom side of the Box\n   */\n  marginBlockEnd?: SpacingValues | ResponsiveSpacingMap\n  /**\n   * Adding margin on the external left side of the Box\n   */\n  marginInlineStart?: SpacingValues | ResponsiveSpacingMap\n  /*\n   * Apply a system-level background color\n   */\n  backgroundColor?: BackgroundColors\n  /*\n   * Apply a system-level border radius value\n   */\n  borderRadius?: BorderRadiusOptions\n  /*\n   * Apply a system-level border width value\n   */\n  borderWidth?: BorderWidthOptions | ResponsiveBorderWidthMap\n  /*\n   * Apply a directional border width value\n   */\n  borderBlockStartWidth?: BorderWidthOptions | ResponsiveBorderWidthMap\n  /*\n   * Apply a directional border width value\n   */\n  borderInlineEndWidth?: BorderWidthOptions | ResponsiveBorderWidthMap\n  /*\n   * Apply a directional border width value\n   */\n  borderBlockEndWidth?: BorderWidthOptions | ResponsiveBorderWidthMap\n  /*\n   * Apply a directional border width value\n   */\n  borderInlineStartWidth?: BorderWidthOptions | ResponsiveBorderWidthMap\n  /*\n   * Apply a system-level border color value\n   */\n  borderColor?: BorderColorOptions\n  /*\n   * Apply border style. Values corrospend to the CSS border-style property.\n   */\n  borderStyle?: BorderStyleOptions\n  /**\n   * Apply one-off animations to direct children of the Box\n   */\n  animate?: AnimateProps\n  /**\n   * Test id for the Box\n   */\n  'data-testid'?: string\n} & BaseProps<HTMLDivElement> &\n  React.HTMLAttributes<HTMLDivElement>\n\nconst isNamedBackgroundColor = (value: string): value is (typeof BoxBackgroundColors)[number] =>\n  BoxBackgroundColors.includes(value as (typeof BoxBackgroundColors)[number])\n\nconst classBuilder = (\n  property: string,\n  value?:\n    | SpacingValues\n    | ResponsiveSpacingMap\n    | BackgroundColors\n    | BorderRadiusOptions\n    | BorderWidthOptions\n    | ResponsiveBorderWidthMap\n    | BorderColorOptions\n    | BorderStyleOptions,\n) => {\n  if (!value) return ''\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return styles[`Box-${property}--${value}`]\n  } else {\n    return Object.keys(value)\n      .map(viewport => styles[`Box-${viewport}-${property}--${value[viewport]}`])\n      .join(' ')\n  }\n}\n\n/**\n * Use Box to apply fine-grained styling to content.\n * @see https://primer.style/brand/components/Box\n */\nexport const Box = ({\n  animate,\n  children,\n  className,\n  'data-testid': testId,\n  style,\n  padding,\n  paddingBlockStart,\n  paddingInlineEnd,\n  paddingBlockEnd,\n  paddingInlineStart,\n  margin,\n  marginBlockStart,\n  marginInlineEnd,\n  marginBlockEnd,\n  marginInlineStart,\n  backgroundColor,\n  borderRadius,\n  borderWidth,\n  borderBlockStartWidth,\n  borderInlineEndWidth,\n  borderBlockEndWidth,\n  borderInlineStartWidth,\n  borderColor,\n  borderStyle,\n  ...rest\n}: PropsWithChildren<BoxProps>) => {\n  const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n  const paddingClasses = useMemo(() => classBuilder('padding', padding), [padding])\n  const paddingBlockStartClasses = useMemo(\n    () => classBuilder('paddingBlockStart', paddingBlockStart),\n    [paddingBlockStart],\n  )\n  const paddingInlineEndClasses = useMemo(() => classBuilder('paddingInlineEnd', paddingInlineEnd), [paddingInlineEnd])\n  const paddingBlockEndClasses = useMemo(() => classBuilder('paddingBlockEnd', paddingBlockEnd), [paddingBlockEnd])\n  const paddingInlineStartClasses = useMemo(\n    () => classBuilder('paddingInlineStart', paddingInlineStart),\n    [paddingInlineStart],\n  )\n  const marginClasses = useMemo(() => classBuilder('margin', margin), [margin])\n  const marginBlockStartClasses = useMemo(() => classBuilder('marginBlockStart', marginBlockStart), [marginBlockStart])\n  const marginInlineEndClasses = useMemo(() => classBuilder('marginInlineEnd', marginInlineEnd), [marginInlineEnd])\n  const marginBlockEndClasses = useMemo(() => classBuilder('marginBlockEnd', marginBlockEnd), [marginBlockEnd])\n  const marginInlineStartClasses = useMemo(\n    () => classBuilder('marginInlineStart', marginInlineStart),\n    [marginInlineStart],\n  )\n  const backgroundColorClasses = useMemo(\n    () =>\n      backgroundColor && isNamedBackgroundColor(backgroundColor)\n        ? classBuilder('backgroundColor', backgroundColor)\n        : '',\n    [backgroundColor],\n  )\n  const backgroundColorStyles = useMemo(\n    () => (backgroundColor && !isNamedBackgroundColor(backgroundColor) ? {backgroundColor} : {}),\n    [backgroundColor],\n  )\n  const borderRadiusClasses = useMemo(() => classBuilder('borderRadius', borderRadius), [borderRadius])\n  const borderWidthClasses = useMemo(() => classBuilder('borderWidth', borderWidth), [borderWidth])\n  const borderBlockStartWidthClasses = useMemo(\n    () => classBuilder('borderBlockStartWidth', borderBlockStartWidth),\n    [borderBlockStartWidth],\n  )\n  const borderInlineEndWidthClasses = useMemo(\n    () => classBuilder('borderInlineEndWidth', borderInlineEndWidth),\n    [borderInlineEndWidth],\n  )\n  const borderBlockEndWidthClasses = useMemo(\n    () => classBuilder('borderBlockEndWidth', borderBlockEndWidth),\n    [borderBlockEndWidth],\n  )\n  const borderInlineStartWidthClasses = useMemo(\n    () => classBuilder('borderInlineStartWidth', borderInlineStartWidth),\n    [borderInlineStartWidth],\n  )\n  const borderColorClasses = useMemo(() => classBuilder('borderColor', borderColor), [borderColor])\n  const borderStyleClasses = useMemo(() => classBuilder('borderStyle', borderStyle), [borderStyle])\n\n  return (\n    <div\n      className={clsx(\n        animationClasses,\n        paddingClasses,\n        paddingBlockStartClasses,\n        paddingInlineEndClasses,\n        paddingBlockEndClasses,\n        paddingInlineStartClasses,\n        marginClasses,\n        marginBlockStartClasses,\n        marginInlineEndClasses,\n        marginBlockEndClasses,\n        marginInlineStartClasses,\n        backgroundColorClasses,\n        borderRadiusClasses,\n        borderWidthClasses,\n        borderBlockStartWidthClasses,\n        borderInlineEndWidthClasses,\n        borderBlockEndWidthClasses,\n        borderInlineStartWidthClasses,\n        borderColorClasses,\n        borderStyleClasses,\n        className,\n      )}\n      data-testid={testId}\n      style={{\n        ...animationInlineStyles,\n        ...backgroundColorStyles,\n        ...style,\n      }}\n      {...rest}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AASA,IAAa,IAAmB;CAAC;CAAQ;CAAa;CAAU;CAAY,GAAG;CAAc,EAShF,IAAsB;CAAC;CAAW;CAAS;CAAU;CAAU,EAG/D,IAAyB;CAAC;CAAS;CAAU;CAAS;CAAU;CAAO,EAGvE,IAAwB;CAAC;CAAQ;CAAQ;CAAS;CAAU,EAS5D,IAAwB;CAAC;CAAW;CAAS;CAAS,EA6F7D,KAA0B,MAC9B,EAAoB,SAAS,EAA8C,EAEvE,KACJ,GACA,MAUK,IAED,OAAO,KAAU,YAAY,OAAO,KAAU,WACzC,EAAO,OAAO,EAAS,IAAI,OAE3B,OAAO,KAAK,EAAM,CACtB,KAAI,MAAY,EAAO,OAAO,EAAS,GAAG,EAAS,IAAI,EAAM,MAAa,CAC1E,KAAK,IAAI,GAPK,IAeR,KAAO,EAClB,YACA,aACA,cACA,eAAe,GACf,UACA,YACA,sBACA,qBACA,oBACA,uBACA,WACA,qBACA,oBACA,mBACA,sBACA,oBACA,iBACA,gBACA,0BACA,yBACA,wBACA,2BACA,gBACA,gBACA,GAAG,QAC8B;CACjC,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,EAAQ,EAElF,IAAiB,QAAc,EAAa,WAAW,EAAQ,EAAE,CAAC,EAAQ,CAAC,EAC3E,IAA2B,QACzB,EAAa,qBAAqB,EAAkB,EAC1D,CAAC,EAAkB,CACpB,EACK,IAA0B,QAAc,EAAa,oBAAoB,EAAiB,EAAE,CAAC,EAAiB,CAAC,EAC/G,IAAyB,QAAc,EAAa,mBAAmB,EAAgB,EAAE,CAAC,EAAgB,CAAC,EAC3G,IAA4B,QAC1B,EAAa,sBAAsB,EAAmB,EAC5D,CAAC,EAAmB,CACrB,EACK,IAAgB,QAAc,EAAa,UAAU,EAAO,EAAE,CAAC,EAAO,CAAC,EACvE,IAA0B,QAAc,EAAa,oBAAoB,EAAiB,EAAE,CAAC,EAAiB,CAAC,EAC/G,IAAyB,QAAc,EAAa,mBAAmB,EAAgB,EAAE,CAAC,EAAgB,CAAC,EAC3G,IAAwB,QAAc,EAAa,kBAAkB,EAAe,EAAE,CAAC,EAAe,CAAC,EACvG,IAA2B,QACzB,EAAa,qBAAqB,EAAkB,EAC1D,CAAC,EAAkB,CACpB,EACK,IAAyB,QAE3B,KAAmB,EAAuB,EAAgB,GACtD,EAAa,mBAAmB,EAAgB,GAChD,IACN,CAAC,EAAgB,CAClB,EACK,IAAwB,QACrB,KAAmB,CAAC,EAAuB,EAAgB,GAAG,EAAC,oBAAgB,GAAG,EAAE,EAC3F,CAAC,EAAgB,CAClB;AAsBD,QACE,kBAAC,OAAD;EACE,WAAW,EACT,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GAnCsB,QAAc,EAAa,gBAAgB,EAAa,EAAE,CAAC,EAAa,CAoC9F,EAnCqB,QAAc,EAAa,eAAe,EAAY,EAAE,CAAC,EAAY,CAoC1F,EAnC+B,QAC7B,EAAa,yBAAyB,EAAsB,EAClE,CAAC,EAAsB,CAkCnB,EAhC8B,QAC5B,EAAa,wBAAwB,EAAqB,EAChE,CAAC,EAAqB,CA+BlB,EA7B6B,QAC3B,EAAa,uBAAuB,EAAoB,EAC9D,CAAC,EAAoB,CA4BjB,EA1BgC,QAC9B,EAAa,0BAA0B,EAAuB,EACpE,CAAC,EAAuB,CAyBpB,EAvBqB,QAAc,EAAa,eAAe,EAAY,EAAE,CAAC,EAAY,CAwB1F,EAvBqB,QAAc,EAAa,eAAe,EAAY,EAAE,CAAC,EAAY,CAwB1F,EACA,EACD;EACD,eAAa;EACb,OAAO;GACL,GAAG;GACH,GAAG;GACH,GAAG;GACJ;EACD,GAAI;EAEH;EACG,CAAA"}
+{"version":3,"file":"Box.js","names":[],"sources":["../../src/Box/Box.tsx"],"sourcesContent":["import {clsx} from 'clsx'\nimport React, {PropsWithChildren, useMemo} from 'react'\nimport {AnimateProps, useAnimation} from '../animation'\nimport type {BaseProps} from '../component-helpers'\nimport {BaseSizeScale} from '../constants'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './Box.module.css'\n\nexport const BoxSpacingValues = ['none', 'condensed', 'normal', 'spacious', ...BaseSizeScale] as const\ntype SpacingValues = (typeof BoxSpacingValues)[number]\n\ntype ResponsiveSpacingMap = {\n  narrow?: SpacingValues\n  regular?: SpacingValues\n  wide?: SpacingValues\n}\n\nexport const BoxBackgroundColors = ['default', 'inset', 'subtle', 'overlay'] as const\ntype BackgroundColors = (typeof BoxBackgroundColors)[number] | AnyString\n\nexport const BoxBorderRadiusOptions = ['small', 'medium', 'large', 'xlarge', 'full'] as const\ntype BorderRadiusOptions = (typeof BoxBorderRadiusOptions)[number]\n\nexport const BoxBorderWidthOptions = ['none', 'thin', 'thick', 'thicker'] as const\ntype BorderWidthOptions = (typeof BoxBorderWidthOptions)[number]\n\ntype ResponsiveBorderWidthMap = {\n  narrow?: BorderWidthOptions\n  regular?: BorderWidthOptions\n  wide?: BorderWidthOptions\n}\n\nexport const BoxBorderColorOptions = ['default', 'muted', 'subtle'] as const\ntype BorderColorOptions = (typeof BoxBorderColorOptions)[number]\n\ntype BorderStyleOptions = Extract<React.CSSProperties['borderStyle'], 'solid' | 'none'>\n\ntype BoxProps = {\n  /**\n   * Adding padding all internal sides of the Box\n   */\n  padding?: SpacingValues | ResponsiveSpacingMap\n  /**\n   * Adding padding on the internal top side of the Box\n   */\n  paddingBlockStart?: SpacingValues | ResponsiveSpacingMap\n  /**\n   * Adding padding on the internal right side of the Box\n   */\n  paddingInlineEnd?: SpacingValues | ResponsiveSpacingMap\n  /**\n   * Adding padding on the internal bottom side of the Box\n   */\n  paddingBlockEnd?: SpacingValues | ResponsiveSpacingMap\n  /**\n   * Adding padding on the internal left side of the Box\n   */\n  paddingInlineStart?: SpacingValues | ResponsiveSpacingMap\n  /*\n   * Adding margin on all external sides of the Box\n   */\n  margin?: SpacingValues | ResponsiveSpacingMap\n  /**\n   * Adding margin on the external top side of the Box\n   */\n  marginBlockStart?: SpacingValues | ResponsiveSpacingMap\n  /**\n   * Adding margin on the external right side of the Box\n   */\n  marginInlineEnd?: SpacingValues | ResponsiveSpacingMap\n  /**\n   * Adding margin on the external bottom side of the Box\n   */\n  marginBlockEnd?: SpacingValues | ResponsiveSpacingMap\n  /**\n   * Adding margin on the external left side of the Box\n   */\n  marginInlineStart?: SpacingValues | ResponsiveSpacingMap\n  /*\n   * Apply a system-level background color\n   */\n  backgroundColor?: BackgroundColors\n  /*\n   * Apply a system-level border radius value\n   */\n  borderRadius?: BorderRadiusOptions\n  /*\n   * Apply a system-level border width value\n   */\n  borderWidth?: BorderWidthOptions | ResponsiveBorderWidthMap\n  /*\n   * Apply a directional border width value\n   */\n  borderBlockStartWidth?: BorderWidthOptions | ResponsiveBorderWidthMap\n  /*\n   * Apply a directional border width value\n   */\n  borderInlineEndWidth?: BorderWidthOptions | ResponsiveBorderWidthMap\n  /*\n   * Apply a directional border width value\n   */\n  borderBlockEndWidth?: BorderWidthOptions | ResponsiveBorderWidthMap\n  /*\n   * Apply a directional border width value\n   */\n  borderInlineStartWidth?: BorderWidthOptions | ResponsiveBorderWidthMap\n  /*\n   * Apply a system-level border color value\n   */\n  borderColor?: BorderColorOptions\n  /*\n   * Apply border style. Values corrospend to the CSS border-style property.\n   */\n  borderStyle?: BorderStyleOptions\n  /**\n   * Apply one-off animations to direct children of the Box\n   */\n  animate?: AnimateProps\n  /**\n   * Test id for the Box\n   */\n  'data-testid'?: string\n} & BaseProps<HTMLDivElement> &\n  React.HTMLAttributes<HTMLDivElement>\n\nconst isNamedBackgroundColor = (value: string): value is (typeof BoxBackgroundColors)[number] =>\n  BoxBackgroundColors.includes(value as (typeof BoxBackgroundColors)[number])\n\nconst classBuilder = (\n  property: string,\n  value?:\n    | SpacingValues\n    | ResponsiveSpacingMap\n    | BackgroundColors\n    | BorderRadiusOptions\n    | BorderWidthOptions\n    | ResponsiveBorderWidthMap\n    | BorderColorOptions\n    | BorderStyleOptions,\n) => {\n  if (!value) return ''\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return styles[`Box-${property}--${value}`]\n  } else {\n    return Object.keys(value)\n      .map(viewport => styles[`Box-${viewport}-${property}--${value[viewport]}`])\n      .join(' ')\n  }\n}\n\n/**\n * Use Box to apply fine-grained styling to content.\n * @see https://primer.style/brand/components/Box\n */\nexport const Box = ({\n  animate,\n  children,\n  className,\n  'data-testid': testId,\n  style,\n  padding,\n  paddingBlockStart,\n  paddingInlineEnd,\n  paddingBlockEnd,\n  paddingInlineStart,\n  margin,\n  marginBlockStart,\n  marginInlineEnd,\n  marginBlockEnd,\n  marginInlineStart,\n  backgroundColor,\n  borderRadius,\n  borderWidth,\n  borderBlockStartWidth,\n  borderInlineEndWidth,\n  borderBlockEndWidth,\n  borderInlineStartWidth,\n  borderColor,\n  borderStyle,\n  ...rest\n}: PropsWithChildren<BoxProps>) => {\n  const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n  const paddingClasses = useMemo(() => classBuilder('padding', padding), [padding])\n  const paddingBlockStartClasses = useMemo(\n    () => classBuilder('paddingBlockStart', paddingBlockStart),\n    [paddingBlockStart],\n  )\n  const paddingInlineEndClasses = useMemo(() => classBuilder('paddingInlineEnd', paddingInlineEnd), [paddingInlineEnd])\n  const paddingBlockEndClasses = useMemo(() => classBuilder('paddingBlockEnd', paddingBlockEnd), [paddingBlockEnd])\n  const paddingInlineStartClasses = useMemo(\n    () => classBuilder('paddingInlineStart', paddingInlineStart),\n    [paddingInlineStart],\n  )\n  const marginClasses = useMemo(() => classBuilder('margin', margin), [margin])\n  const marginBlockStartClasses = useMemo(() => classBuilder('marginBlockStart', marginBlockStart), [marginBlockStart])\n  const marginInlineEndClasses = useMemo(() => classBuilder('marginInlineEnd', marginInlineEnd), [marginInlineEnd])\n  const marginBlockEndClasses = useMemo(() => classBuilder('marginBlockEnd', marginBlockEnd), [marginBlockEnd])\n  const marginInlineStartClasses = useMemo(\n    () => classBuilder('marginInlineStart', marginInlineStart),\n    [marginInlineStart],\n  )\n  const backgroundColorClasses = useMemo(\n    () =>\n      backgroundColor && isNamedBackgroundColor(backgroundColor)\n        ? classBuilder('backgroundColor', backgroundColor)\n        : '',\n    [backgroundColor],\n  )\n  const backgroundColorStyles = useMemo(\n    () => (backgroundColor && !isNamedBackgroundColor(backgroundColor) ? {backgroundColor} : {}),\n    [backgroundColor],\n  )\n  const borderRadiusClasses = useMemo(() => classBuilder('borderRadius', borderRadius), [borderRadius])\n  const borderWidthClasses = useMemo(() => classBuilder('borderWidth', borderWidth), [borderWidth])\n  const borderBlockStartWidthClasses = useMemo(\n    () => classBuilder('borderBlockStartWidth', borderBlockStartWidth),\n    [borderBlockStartWidth],\n  )\n  const borderInlineEndWidthClasses = useMemo(\n    () => classBuilder('borderInlineEndWidth', borderInlineEndWidth),\n    [borderInlineEndWidth],\n  )\n  const borderBlockEndWidthClasses = useMemo(\n    () => classBuilder('borderBlockEndWidth', borderBlockEndWidth),\n    [borderBlockEndWidth],\n  )\n  const borderInlineStartWidthClasses = useMemo(\n    () => classBuilder('borderInlineStartWidth', borderInlineStartWidth),\n    [borderInlineStartWidth],\n  )\n  const borderColorClasses = useMemo(() => classBuilder('borderColor', borderColor), [borderColor])\n  const borderStyleClasses = useMemo(() => classBuilder('borderStyle', borderStyle), [borderStyle])\n\n  return (\n    <div\n      className={clsx(\n        animationClasses,\n        paddingClasses,\n        paddingBlockStartClasses,\n        paddingInlineEndClasses,\n        paddingBlockEndClasses,\n        paddingInlineStartClasses,\n        marginClasses,\n        marginBlockStartClasses,\n        marginInlineEndClasses,\n        marginBlockEndClasses,\n        marginInlineStartClasses,\n        backgroundColorClasses,\n        borderRadiusClasses,\n        borderWidthClasses,\n        borderBlockStartWidthClasses,\n        borderInlineEndWidthClasses,\n        borderBlockEndWidthClasses,\n        borderInlineStartWidthClasses,\n        borderColorClasses,\n        borderStyleClasses,\n        className,\n      )}\n      data-testid={testId}\n      style={{\n        ...animationInlineStyles,\n        ...backgroundColorStyles,\n        ...style,\n      }}\n      {...rest}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AASA,IAAa,IAAmB;CAAC;CAAQ;CAAa;CAAU;CAAY,GAAG;AAAa,GAS/E,IAAsB;CAAC;CAAW;CAAS;CAAU;AAAS,GAG9D,IAAyB;CAAC;CAAS;CAAU;CAAS;CAAU;AAAM,GAGtE,IAAwB;CAAC;CAAQ;CAAQ;CAAS;AAAS,GAS3D,IAAwB;CAAC;CAAW;CAAS;AAAQ,GA6F5D,KAA0B,MAC9B,EAAoB,SAAS,CAA6C,GAEtE,KACJ,GACA,MAUK,IAED,OAAO,KAAU,YAAY,OAAO,KAAU,WACzC,EAAO,OAAO,EAAS,IAAI,OAE3B,OAAO,KAAK,CAAK,CAAC,CACtB,KAAI,MAAY,EAAO,OAAO,EAAS,GAAG,EAAS,IAAI,EAAM,KAAY,CAAC,CAC1E,KAAK,GAAG,IAPM,IAeR,KAAO,EAClB,YACA,aACA,cACA,eAAe,GACf,UACA,YACA,sBACA,qBACA,oBACA,uBACA,WACA,qBACA,oBACA,mBACA,sBACA,oBACA,iBACA,gBACA,0BACA,yBACA,wBACA,2BACA,gBACA,gBACA,GAAG,QAC8B;CACjC,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,CAAO,GAEjF,IAAiB,QAAc,EAAa,WAAW,CAAO,GAAG,CAAC,CAAO,CAAC,GAC1E,IAA2B,QACzB,EAAa,qBAAqB,CAAiB,GACzD,CAAC,CAAiB,CACpB,GACM,IAA0B,QAAc,EAAa,oBAAoB,CAAgB,GAAG,CAAC,CAAgB,CAAC,GAC9G,IAAyB,QAAc,EAAa,mBAAmB,CAAe,GAAG,CAAC,CAAe,CAAC,GAC1G,IAA4B,QAC1B,EAAa,sBAAsB,CAAkB,GAC3D,CAAC,CAAkB,CACrB,GACM,IAAgB,QAAc,EAAa,UAAU,CAAM,GAAG,CAAC,CAAM,CAAC,GACtE,IAA0B,QAAc,EAAa,oBAAoB,CAAgB,GAAG,CAAC,CAAgB,CAAC,GAC9G,IAAyB,QAAc,EAAa,mBAAmB,CAAe,GAAG,CAAC,CAAe,CAAC,GAC1G,IAAwB,QAAc,EAAa,kBAAkB,CAAc,GAAG,CAAC,CAAc,CAAC,GACtG,IAA2B,QACzB,EAAa,qBAAqB,CAAiB,GACzD,CAAC,CAAiB,CACpB,GACM,IAAyB,QAE3B,KAAmB,EAAuB,CAAe,IACrD,EAAa,mBAAmB,CAAe,IAC/C,IACN,CAAC,CAAe,CAClB,GACM,IAAwB,QACrB,KAAmB,CAAC,EAAuB,CAAe,IAAI,EAAC,mBAAe,IAAI,CAAC,GAC1F,CAAC,CAAe,CAClB;CAsBA,OACE,kBAAC,OAAD;EACE,WAAW,EACT,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GAnCsB,QAAc,EAAa,gBAAgB,CAAY,GAAG,CAAC,CAAY,CAoC7F,GAnCqB,QAAc,EAAa,eAAe,CAAW,GAAG,CAAC,CAAW,CAoCzF,GAnC+B,QAC7B,EAAa,yBAAyB,CAAqB,GACjE,CAAC,CAAqB,CAkClB,GAhC8B,QAC5B,EAAa,wBAAwB,CAAoB,GAC/D,CAAC,CAAoB,CA+BjB,GA7B6B,QAC3B,EAAa,uBAAuB,CAAmB,GAC7D,CAAC,CAAmB,CA4BhB,GA1BgC,QAC9B,EAAa,0BAA0B,CAAsB,GACnE,CAAC,CAAsB,CAyBnB,GAvBqB,QAAc,EAAa,eAAe,CAAW,GAAG,CAAC,CAAW,CAwBzF,GAvBqB,QAAc,EAAa,eAAe,CAAW,GAAG,CAAC,CAAW,CAwBzF,GACA,CACF;EACA,eAAa;EACb,OAAO;GACL,GAAG;GACH,GAAG;GACH,GAAG;EACL;EACA,GAAI;EAEH;CACE,CAAA;AAET"}

package/esm/Breadcrumbs/Breadcrumbs.js

@@ -1,4 +1,4 @@
-import e from "../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { Text as t } from "../Text/Text.js";
 import { InlineLink as n } from "../InlineLink/InlineLink.js";
 import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes-DYugDcQy.css';/* empty css                                                                                                         */

package/esm/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":[],"sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, {forwardRef} from 'react'\nimport {clsx} from 'clsx'\nimport {BaseProps} from '../component-helpers'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes.css'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './Breadcrumbs.module.css'\nimport {InlineLink} from '../InlineLink'\nimport {Text} from '../Text'\n\nexport const BreadcrumbVariants = ['default', 'accent'] as const\n\nexport type BreadcrumbsProps = {\n  variant?: (typeof BreadcrumbVariants)[number]\n} & BaseProps<HTMLElement> &\n  React.HTMLAttributes<HTMLElement>\n\n/**\n * Breadcrumbs parent element\n * <Breadcrumbs>\n */\n\nconst _Root = forwardRef<HTMLElement, BreadcrumbsProps>(({className, children, variant = 'default', ...rest}, ref) => {\n  return (\n    <nav\n      ref={ref}\n      className={clsx(styles.Breadcrumbs, styles[`Breadcrumbs--${variant}`])}\n      aria-label=\"Breadcrumbs\"\n      {...rest}\n    >\n      <ol className={clsx(styles.Breadcrumbs__list)}>{children}</ol>\n    </nav>\n  )\n})\n\ntype ItemProps = {\n  href: string\n  selected?: boolean\n} & BaseProps<HTMLAnchorElement> &\n  React.HTMLAttributes<HTMLAnchorElement>\n\nconst _Item = forwardRef<HTMLAnchorElement, ItemProps>(({className, children, href, selected, ...rest}, ref) => {\n  return (\n    <li className={styles.Breadcrumbs__item}>\n      {selected ? (\n        <Text\n          size=\"100\"\n          variant=\"muted\"\n          className={clsx(styles.Breadcrumbs__link, styles['Breadcrumbs__link--selected'], className)}\n          aria-current=\"page\"\n          {...rest}\n        >\n          {children}\n        </Text>\n      ) : (\n        <InlineLink href={href} ref={ref} className={clsx(styles.Breadcrumbs__link, className)} {...rest}>\n          {children}\n        </InlineLink>\n      )}\n    </li>\n  )\n})\n\n/**\n * Use Breadcrumbs to display the current location within a navigational hierarchy.\n * @see https://primer.style/brand/components/Breadcrumbs\n */\nexport const Breadcrumbs = Object.assign(_Root, {\n  Item: _Item,\n})\n"],"mappings":";;;;;;;;AAcA,IAAa,IAAqB,CAAC,WAAW,SAAS,EAYjD,IAAQ,GAA2C,EAAC,cAAW,aAAU,aAAU,WAAW,GAAG,KAAO,MAE1G,kBAAC,OAAD;CACO;CACL,WAAW,EAAK,EAAO,aAAa,EAAO,gBAAgB,KAAW;CACtE,cAAW;CACX,GAAI;WAEJ,kBAAC,MAAD;EAAI,WAAW,EAAK,EAAO,kBAAkB;EAAG;EAAc,CAAA;CAC1D,CAAA,CAER,EAQI,IAAQ,GAA0C,EAAC,cAAW,aAAU,SAAM,aAAU,GAAG,KAAO,MAEpG,kBAAC,MAAD;CAAI,WAAW,EAAO;WACnB,IACC,kBAAC,GAAD;EACE,MAAK;EACL,SAAQ;EACR,WAAW,EAAK,EAAO,mBAAmB,EAAO,gCAAgC,EAAU;EAC3F,gBAAa;EACb,GAAI;EAEH;EACI,CAAA,GAEP,kBAAC,GAAD;EAAkB;EAAW;EAAK,WAAW,EAAK,EAAO,mBAAmB,EAAU;EAAE,GAAI;EACzF;EACU,CAAA;CAEZ,CAAA,CAEP,EAMW,IAAc,OAAO,OAAO,GAAO,EAC9C,MAAM,GACP,CAAC"}
+{"version":3,"file":"Breadcrumbs.js","names":[],"sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, {forwardRef} from 'react'\nimport {clsx} from 'clsx'\nimport {BaseProps} from '../component-helpers'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes.css'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './Breadcrumbs.module.css'\nimport {InlineLink} from '../InlineLink'\nimport {Text} from '../Text'\n\nexport const BreadcrumbVariants = ['default', 'accent'] as const\n\nexport type BreadcrumbsProps = {\n  variant?: (typeof BreadcrumbVariants)[number]\n} & BaseProps<HTMLElement> &\n  React.HTMLAttributes<HTMLElement>\n\n/**\n * Breadcrumbs parent element\n * <Breadcrumbs>\n */\n\nconst _Root = forwardRef<HTMLElement, BreadcrumbsProps>(({className, children, variant = 'default', ...rest}, ref) => {\n  return (\n    <nav\n      ref={ref}\n      className={clsx(styles.Breadcrumbs, styles[`Breadcrumbs--${variant}`])}\n      aria-label=\"Breadcrumbs\"\n      {...rest}\n    >\n      <ol className={clsx(styles.Breadcrumbs__list)}>{children}</ol>\n    </nav>\n  )\n})\n\ntype ItemProps = {\n  href: string\n  selected?: boolean\n} & BaseProps<HTMLAnchorElement> &\n  React.HTMLAttributes<HTMLAnchorElement>\n\nconst _Item = forwardRef<HTMLAnchorElement, ItemProps>(({className, children, href, selected, ...rest}, ref) => {\n  return (\n    <li className={styles.Breadcrumbs__item}>\n      {selected ? (\n        <Text\n          size=\"100\"\n          variant=\"muted\"\n          className={clsx(styles.Breadcrumbs__link, styles['Breadcrumbs__link--selected'], className)}\n          aria-current=\"page\"\n          {...rest}\n        >\n          {children}\n        </Text>\n      ) : (\n        <InlineLink href={href} ref={ref} className={clsx(styles.Breadcrumbs__link, className)} {...rest}>\n          {children}\n        </InlineLink>\n      )}\n    </li>\n  )\n})\n\n/**\n * Use Breadcrumbs to display the current location within a navigational hierarchy.\n * @see https://primer.style/brand/components/Breadcrumbs\n */\nexport const Breadcrumbs = Object.assign(_Root, {\n  Item: _Item,\n})\n"],"mappings":";;;;;;;;AAcA,IAAa,IAAqB,CAAC,WAAW,QAAQ,GAYhD,IAAQ,GAA2C,EAAC,cAAW,aAAU,aAAU,WAAW,GAAG,KAAO,MAE1G,kBAAC,OAAD;CACO;CACL,WAAW,EAAK,EAAO,aAAa,EAAO,gBAAgB,IAAU;CACrE,cAAW;CACX,GAAI;WAEJ,kBAAC,MAAD;EAAI,WAAW,EAAK,EAAO,iBAAiB;EAAI;CAAa,CAAA;AAC1D,CAAA,CAER,GAQK,IAAQ,GAA0C,EAAC,cAAW,aAAU,SAAM,aAAU,GAAG,KAAO,MAEpG,kBAAC,MAAD;CAAI,WAAW,EAAO;WACnB,IACC,kBAAC,GAAD;EACE,MAAK;EACL,SAAQ;EACR,WAAW,EAAK,EAAO,mBAAmB,EAAO,gCAAgC,CAAS;EAC1F,gBAAa;EACb,GAAI;EAEH;CACG,CAAA,IAEN,kBAAC,GAAD;EAAkB;EAAW;EAAK,WAAW,EAAK,EAAO,mBAAmB,CAAS;EAAG,GAAI;EACzF;CACS,CAAA;AAEZ,CAAA,CAEP,GAMY,IAAc,OAAO,OAAO,GAAO,EAC9C,MAAM,EACR,CAAC"}

package/esm/Breadcrumbs/Breadcrumbs.module.js

@@ -1,12 +1,13 @@
-import './Breadcrumbs.module-C-xmitEo.css';var e = {
-	Breadcrumbs: "Primer_Brand__Breadcrumbs-module__Breadcrumbs___lClwB",
+import './Breadcrumbs.module-C-xmitEo.css';//#region src/Breadcrumbs/Breadcrumbs.module.css
+var e = "Primer_Brand__Breadcrumbs-module__Breadcrumbs___lClwB", t = "Primer_Brand__Breadcrumbs-module__Breadcrumbs__list___SU1ou", n = "Primer_Brand__Breadcrumbs-module__Breadcrumbs__item___eLy6u", r = "Primer_Brand__Breadcrumbs-module__Breadcrumbs__link___MfB_q", i = {
+	Breadcrumbs: e,
 	"Breadcrumbs--default": "Primer_Brand__Breadcrumbs-module__Breadcrumbs--default___GD8Sa",
-	Breadcrumbs__list: "Primer_Brand__Breadcrumbs-module__Breadcrumbs__list___SU1ou",
-	Breadcrumbs__item: "Primer_Brand__Breadcrumbs-module__Breadcrumbs__item___eLy6u",
-	Breadcrumbs__link: "Primer_Brand__Breadcrumbs-module__Breadcrumbs__link___MfB_q",
+	Breadcrumbs__list: t,
+	Breadcrumbs__item: n,
+	Breadcrumbs__link: r,
 	"Breadcrumbs__link--selected": "Primer_Brand__Breadcrumbs-module__Breadcrumbs__link--selected___tXSfD"
 };
 //#endregion
-export { e as default };
+export { e as Breadcrumbs, n as Breadcrumbs__item, r as Breadcrumbs__link, t as Breadcrumbs__list, i as default };
 
 //# sourceMappingURL=Breadcrumbs.module.js.map

package/esm/BreakoutBanner/BreakoutBanner.js

@@ -1,4 +1,4 @@
-import e from "../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { Stack as t } from "../Stack/Stack.js";
 import { Text as n } from "../Text/Text.js";
 import { Heading as r } from "../Heading/Heading.js";

package/esm/BreakoutBanner/BreakoutBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreakoutBanner.js","names":[],"sources":["../../src/BreakoutBanner/BreakoutBanner.tsx"],"sourcesContent":["import React, {forwardRef, ReactElement, useCallback, useMemo, type Ref} from 'react'\nimport {clsx} from 'clsx'\nimport type {Icon} from '@primer/octicons-react'\n\nimport type {BaseProps} from '../component-helpers'\nimport {Heading, HeadingProps, Text, Stack, Link, LinkProps, StackProps} from '../'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './BreakoutBanner.module.css'\n\ntype ResponsiveMap<T> = {\n  narrow?: T\n  regular?: T\n  wide?: T\n}\n\nexport const BreakoutBannerBackgroundColors = ['default', 'subtle'] as const\n\ntype ResponsiveBackgroundImageSrcMap = ResponsiveMap<string | string[]>\ntype BackgroundColors = (typeof BreakoutBannerBackgroundColors)[number] | AnyString\ntype ResponsiveBackgroundColorMap = ResponsiveMap<BackgroundColors>\ntype ResponsiveBackgroundImagePositionMap = ResponsiveMap<string | string[]>\ntype ResponsiveBackgroundImageSizeMap = ResponsiveMap<string | string[]>\n\nexport type BreakoutBannerProps = BaseProps<HTMLDivElement> &\n  React.HTMLAttributes<HTMLDivElement> & {\n    children: React.ReactNode | React.ReactNode[]\n    /**\n     * The alignment of the content within the banner\n     */\n    align?: 'start' | 'center'\n    /**\n     * Optional, custom background color\n     */\n    backgroundColor?: BackgroundColors | ResponsiveBackgroundColorMap\n    /**\n     * Optional, custom background image\n     */\n    backgroundImageSrc?: string | ResponsiveBackgroundImageSrcMap\n    /**\n     * Optional, custom background position\n     */\n    backgroundImagePosition?: string | ResponsiveBackgroundImagePositionMap\n    /**\n     * Optional, custom background size\n     */\n    backgroundImageSize?: string | ResponsiveBackgroundImageSizeMap\n    /**\n     * An optional leading visual that appears before the heading\n     */\n    leadingVisual?: ReactElement | Icon\n  }\n\nconst Root = forwardRef(\n  (\n    {\n      align = 'start',\n      backgroundColor = 'subtle',\n      backgroundImageSrc,\n      backgroundImagePosition = 'center',\n      backgroundImageSize = 'cover',\n      className,\n      children,\n      style,\n      leadingVisual: LeadingVisual,\n      ...props\n    }: BreakoutBannerProps,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    const processBackgroundValue = useCallback((value: string | string[], property) => {\n      if (property === 'background-image-src') {\n        return `url(${value})`\n      }\n\n      if (property === 'background-color' && typeof value === 'string') {\n        return BreakoutBannerBackgroundColors.includes(value as (typeof BreakoutBannerBackgroundColors)[number])\n          ? `var(--brand-color-canvas-${value})`\n          : value\n      }\n\n      return value\n    }, [])\n\n    const createStyles = useCallback(\n      (property, value) =>\n        typeof value === 'string' || Array.isArray(value)\n          ? {[`--brand-BreakoutBanner-${property}`]: processBackgroundValue(value, property)}\n          : {\n              [`--brand-BreakoutBanner-narrow-${property}`]: processBackgroundValue(value?.narrow, property),\n              [`--brand-BreakoutBanner-regular-${property}`]: processBackgroundValue(value?.regular, property),\n              [`--brand-BreakoutBanner-wide-${property}`]: processBackgroundValue(value?.wide, property),\n            },\n      [processBackgroundValue],\n    )\n\n    const backgroundStyles = useMemo(() => {\n      const allStyles = {}\n\n      const addStyle = (property, value) => {\n        if (value) {\n          Object.assign(allStyles, createStyles(property, value))\n        }\n      }\n\n      addStyle('background-color', backgroundColor)\n      addStyle('background-image-src', backgroundImageSrc)\n      addStyle('background-image-position', backgroundImagePosition)\n      addStyle('background-image-size', backgroundImageSize)\n\n      return allStyles\n    }, [backgroundColor, backgroundImageSrc, backgroundImagePosition, backgroundImageSize, createStyles])\n\n    const hasHeading = useMemo(\n      () => React.Children.toArray(children).some(child => React.isValidElement(child) && child.type === _Heading),\n      [children],\n    )\n\n    if (!hasHeading && (process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test')) {\n      // eslint-disable-next-line no-console\n      console.warn('The `BreakoutBanner` component expects a `BreakoutBanner.Heading` element to be specified.')\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(styles.BreakoutBanner, className)}\n        style={{...backgroundStyles, ...style}}\n        {...props}\n      >\n        <div className={clsx(styles['BreakoutBanner-container'])}>\n          <div\n            className={clsx(\n              styles['BreakoutBanner-content'],\n              align === 'center' && styles['BreakoutBanner-content--center'],\n            )}\n          >\n            {LeadingVisual && (\n              <div className={clsx(styles['BreakoutBanner-leadingVisual'])}>\n                {typeof LeadingVisual === 'function' ? <LeadingVisual /> : LeadingVisual}\n              </div>\n            )}\n            {children}\n          </div>\n        </div>\n      </div>\n    )\n  },\n)\n\nconst defaultHeadingLevel = 'h3'\n\ntype BreakoutBannerHeadingProps = BaseProps<HTMLHeadingElement> & {\n  children: React.ReactNode | React.ReactNode[]\n} & HeadingProps\n\nconst defaultHeadingSize = '4'\n\nconst _Heading = forwardRef(\n  (\n    {as = defaultHeadingLevel, size = defaultHeadingSize, className, children, ...props}: BreakoutBannerHeadingProps,\n    ref: Ref<HTMLHeadingElement>,\n  ) => {\n    return (\n      <Heading ref={ref} className={clsx(styles['BreakoutBanner__heading'], className)} size={size} as={as} {...props}>\n        {children}\n      </Heading>\n    )\n  },\n)\n\ntype BreakoutBannerDescriptionProps = BaseProps<HTMLParagraphElement> & {\n  children: React.ReactNode | React.ReactNode[]\n}\n\nconst Description = forwardRef(\n  ({className, children, ...props}: BreakoutBannerDescriptionProps, ref: Ref<HTMLParagraphElement>) => {\n    return (\n      <Text\n        ref={ref}\n        as=\"p\"\n        variant=\"muted\"\n        className={clsx(styles['BreakoutBanner-description'], className)}\n        {...props}\n      >\n        {children}\n      </Text>\n    )\n  },\n)\n\ntype LinkGroupProps = React.ComponentProps<typeof Stack>\n\nconst _LinkGroup = forwardRef(\n  ({className, direction, gap, padding, children, ...props}: LinkGroupProps, ref: Ref<HTMLDivElement>) => {\n    const linksToRender = React.Children.toArray(children)\n      .map((child, index) => {\n        if (React.isValidElement<LinkProps>(child) && child.type === Link) {\n          return React.cloneElement(child, {\n            size: child.props.size || 'medium',\n            variant: child.props.variant || 'accent',\n            arrowDirection: child.props.arrowDirection || (index === 0 ? 'end' : 'none'),\n            ...child.props,\n          })\n        }\n        return null\n      })\n      .filter(Boolean)\n      .slice(0, 2)\n\n    const defaultProps: Partial<StackProps> =\n      direction === 'vertical'\n        ? {\n            gap: 'condensed',\n            direction: 'vertical',\n            alignItems: 'flex-start',\n          }\n        : {\n            gap: gap || {narrow: 'normal', regular: 'spacious'},\n            direction: direction || {narrow: 'vertical', regular: 'horizontal'},\n          }\n\n    return (\n      <Stack\n        padding={padding || 'none'}\n        className={clsx(styles['BreakoutBanner-linkGroup'], className)}\n        ref={ref}\n        {...defaultProps}\n        {...props}\n      >\n        {linksToRender}\n      </Stack>\n    )\n  },\n)\n\n/**\n * Breakout banner component\n * {@link https://primer.style/brand/components/BreakoutBanner/ See usage examples}.\n */\nexport const BreakoutBanner = Object.assign(Root, {Heading: _Heading, Description, LinkGroup: _LinkGroup})\n"],"mappings":"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"}
+{"version":3,"file":"BreakoutBanner.js","names":[],"sources":["../../src/BreakoutBanner/BreakoutBanner.tsx"],"sourcesContent":["import React, {forwardRef, ReactElement, useCallback, useMemo, type Ref} from 'react'\nimport {clsx} from 'clsx'\nimport type {Icon} from '@primer/octicons-react'\n\nimport type {BaseProps} from '../component-helpers'\nimport {Heading, HeadingProps, Text, Stack, Link, LinkProps, StackProps} from '../'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './BreakoutBanner.module.css'\n\ntype ResponsiveMap<T> = {\n  narrow?: T\n  regular?: T\n  wide?: T\n}\n\nexport const BreakoutBannerBackgroundColors = ['default', 'subtle'] as const\n\ntype ResponsiveBackgroundImageSrcMap = ResponsiveMap<string | string[]>\ntype BackgroundColors = (typeof BreakoutBannerBackgroundColors)[number] | AnyString\ntype ResponsiveBackgroundColorMap = ResponsiveMap<BackgroundColors>\ntype ResponsiveBackgroundImagePositionMap = ResponsiveMap<string | string[]>\ntype ResponsiveBackgroundImageSizeMap = ResponsiveMap<string | string[]>\n\nexport type BreakoutBannerProps = BaseProps<HTMLDivElement> &\n  React.HTMLAttributes<HTMLDivElement> & {\n    children: React.ReactNode | React.ReactNode[]\n    /**\n     * The alignment of the content within the banner\n     */\n    align?: 'start' | 'center'\n    /**\n     * Optional, custom background color\n     */\n    backgroundColor?: BackgroundColors | ResponsiveBackgroundColorMap\n    /**\n     * Optional, custom background image\n     */\n    backgroundImageSrc?: string | ResponsiveBackgroundImageSrcMap\n    /**\n     * Optional, custom background position\n     */\n    backgroundImagePosition?: string | ResponsiveBackgroundImagePositionMap\n    /**\n     * Optional, custom background size\n     */\n    backgroundImageSize?: string | ResponsiveBackgroundImageSizeMap\n    /**\n     * An optional leading visual that appears before the heading\n     */\n    leadingVisual?: ReactElement | Icon\n  }\n\nconst Root = forwardRef(\n  (\n    {\n      align = 'start',\n      backgroundColor = 'subtle',\n      backgroundImageSrc,\n      backgroundImagePosition = 'center',\n      backgroundImageSize = 'cover',\n      className,\n      children,\n      style,\n      leadingVisual: LeadingVisual,\n      ...props\n    }: BreakoutBannerProps,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    const processBackgroundValue = useCallback((value: string | string[], property) => {\n      if (property === 'background-image-src') {\n        return `url(${value})`\n      }\n\n      if (property === 'background-color' && typeof value === 'string') {\n        return BreakoutBannerBackgroundColors.includes(value as (typeof BreakoutBannerBackgroundColors)[number])\n          ? `var(--brand-color-canvas-${value})`\n          : value\n      }\n\n      return value\n    }, [])\n\n    const createStyles = useCallback(\n      (property, value) =>\n        typeof value === 'string' || Array.isArray(value)\n          ? {[`--brand-BreakoutBanner-${property}`]: processBackgroundValue(value, property)}\n          : {\n              [`--brand-BreakoutBanner-narrow-${property}`]: processBackgroundValue(value?.narrow, property),\n              [`--brand-BreakoutBanner-regular-${property}`]: processBackgroundValue(value?.regular, property),\n              [`--brand-BreakoutBanner-wide-${property}`]: processBackgroundValue(value?.wide, property),\n            },\n      [processBackgroundValue],\n    )\n\n    const backgroundStyles = useMemo(() => {\n      const allStyles = {}\n\n      const addStyle = (property, value) => {\n        if (value) {\n          Object.assign(allStyles, createStyles(property, value))\n        }\n      }\n\n      addStyle('background-color', backgroundColor)\n      addStyle('background-image-src', backgroundImageSrc)\n      addStyle('background-image-position', backgroundImagePosition)\n      addStyle('background-image-size', backgroundImageSize)\n\n      return allStyles\n    }, [backgroundColor, backgroundImageSrc, backgroundImagePosition, backgroundImageSize, createStyles])\n\n    const hasHeading = useMemo(\n      () => React.Children.toArray(children).some(child => React.isValidElement(child) && child.type === _Heading),\n      [children],\n    )\n\n    if (!hasHeading && (process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test')) {\n      // eslint-disable-next-line no-console\n      console.warn('The `BreakoutBanner` component expects a `BreakoutBanner.Heading` element to be specified.')\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(styles.BreakoutBanner, className)}\n        style={{...backgroundStyles, ...style}}\n        {...props}\n      >\n        <div className={clsx(styles['BreakoutBanner-container'])}>\n          <div\n            className={clsx(\n              styles['BreakoutBanner-content'],\n              align === 'center' && styles['BreakoutBanner-content--center'],\n            )}\n          >\n            {LeadingVisual && (\n              <div className={clsx(styles['BreakoutBanner-leadingVisual'])}>\n                {typeof LeadingVisual === 'function' ? <LeadingVisual /> : LeadingVisual}\n              </div>\n            )}\n            {children}\n          </div>\n        </div>\n      </div>\n    )\n  },\n)\n\nconst defaultHeadingLevel = 'h3'\n\ntype BreakoutBannerHeadingProps = BaseProps<HTMLHeadingElement> & {\n  children: React.ReactNode | React.ReactNode[]\n} & HeadingProps\n\nconst defaultHeadingSize = '4'\n\nconst _Heading = forwardRef(\n  (\n    {as = defaultHeadingLevel, size = defaultHeadingSize, className, children, ...props}: BreakoutBannerHeadingProps,\n    ref: Ref<HTMLHeadingElement>,\n  ) => {\n    return (\n      <Heading ref={ref} className={clsx(styles['BreakoutBanner__heading'], className)} size={size} as={as} {...props}>\n        {children}\n      </Heading>\n    )\n  },\n)\n\ntype BreakoutBannerDescriptionProps = BaseProps<HTMLParagraphElement> & {\n  children: React.ReactNode | React.ReactNode[]\n}\n\nconst Description = forwardRef(\n  ({className, children, ...props}: BreakoutBannerDescriptionProps, ref: Ref<HTMLParagraphElement>) => {\n    return (\n      <Text\n        ref={ref}\n        as=\"p\"\n        variant=\"muted\"\n        className={clsx(styles['BreakoutBanner-description'], className)}\n        {...props}\n      >\n        {children}\n      </Text>\n    )\n  },\n)\n\ntype LinkGroupProps = React.ComponentProps<typeof Stack>\n\nconst _LinkGroup = forwardRef(\n  ({className, direction, gap, padding, children, ...props}: LinkGroupProps, ref: Ref<HTMLDivElement>) => {\n    const linksToRender = React.Children.toArray(children)\n      .map((child, index) => {\n        if (React.isValidElement<LinkProps>(child) && child.type === Link) {\n          return React.cloneElement(child, {\n            size: child.props.size || 'medium',\n            variant: child.props.variant || 'accent',\n            arrowDirection: child.props.arrowDirection || (index === 0 ? 'end' : 'none'),\n            ...child.props,\n          })\n        }\n        return null\n      })\n      .filter(Boolean)\n      .slice(0, 2)\n\n    const defaultProps: Partial<StackProps> =\n      direction === 'vertical'\n        ? {\n            gap: 'condensed',\n            direction: 'vertical',\n            alignItems: 'flex-start',\n          }\n        : {\n            gap: gap || {narrow: 'normal', regular: 'spacious'},\n            direction: direction || {narrow: 'vertical', regular: 'horizontal'},\n          }\n\n    return (\n      <Stack\n        padding={padding || 'none'}\n        className={clsx(styles['BreakoutBanner-linkGroup'], className)}\n        ref={ref}\n        {...defaultProps}\n        {...props}\n      >\n        {linksToRender}\n      </Stack>\n    )\n  },\n)\n\n/**\n * Breakout banner component\n * {@link https://primer.style/brand/components/BreakoutBanner/ See usage examples}.\n */\nexport const BreakoutBanner = Object.assign(Root, {Heading: _Heading, Description, LinkGroup: _LinkGroup})\n"],"mappings":"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"}

package/esm/BreakoutBanner/BreakoutBanner.module.js

@@ -1,15 +1,16 @@
-import './BreakoutBanner.module-gfmzcUSU.css';var e = {
-	BreakoutBanner: "Primer_Brand__BreakoutBanner-module__BreakoutBanner___QH5la",
+import './BreakoutBanner.module-gfmzcUSU.css';//#region src/BreakoutBanner/BreakoutBanner.module.css
+var e = "Primer_Brand__BreakoutBanner-module__BreakoutBanner___QH5la", t = "Primer_Brand__BreakoutBanner-module__BreakoutBanner__heading___9zftT", n = {
+	BreakoutBanner: e,
 	"BreakoutBanner-container": "Primer_Brand__BreakoutBanner-module__BreakoutBanner-container___JC9dt",
 	"BreakoutBanner-content": "Primer_Brand__BreakoutBanner-module__BreakoutBanner-content___gZsEk",
 	"BreakoutBanner-container--background": "Primer_Brand__BreakoutBanner-module__BreakoutBanner-container--background___Uex_J",
 	"BreakoutBanner-content--center": "Primer_Brand__BreakoutBanner-module__BreakoutBanner-content--center___oB7l0",
-	BreakoutBanner__heading: "Primer_Brand__BreakoutBanner-module__BreakoutBanner__heading___9zftT",
+	BreakoutBanner__heading: t,
 	"BreakoutBanner-description": "Primer_Brand__BreakoutBanner-module__BreakoutBanner-description___nFBHL",
 	"BreakoutBanner-linkGroup": "Primer_Brand__BreakoutBanner-module__BreakoutBanner-linkGroup___g_h1l",
 	"BreakoutBanner-leadingVisual": "Primer_Brand__BreakoutBanner-module__BreakoutBanner-leadingVisual___GRbZf"
 };
 //#endregion
-export { e as default };
+export { e as BreakoutBanner, t as BreakoutBanner__heading, n as default };
 
 //# sourceMappingURL=BreakoutBanner.module.js.map

package/esm/Button/Button.js

@@ -1,4 +1,4 @@
-import e from "../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { useAnimation as t } from "../animation/useAnimation.js";
 import { Text as n } from "../Text/Text.js";
 import { ExpandableArrow as r } from "../ExpandableArrow/ExpandableArrow.js";

package/esm/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":[],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["import {clsx} from 'clsx'\nimport React, {forwardRef, useCallback, type Ref, ReactElement} from 'react'\nimport type {Icon} from '@primer/octicons-react'\n\nimport {ExpandableArrow} from '../ExpandableArrow'\nimport {Text} from '../Text'\nimport type {BaseProps} from '../component-helpers'\n\nimport {useAnimation} from '../'\n\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css'\nimport styles from './Button.module.css'\n\nexport const ButtonVariants = ['primary', 'secondary', 'subtle'] as const\nexport const ButtonSizes = ['small', 'medium', 'large'] as const\n\nexport const defaultButtonVariant = ButtonVariants[1]\nexport const defaultButtonSize = ButtonSizes[1]\n\nexport type ButtonVariant = (typeof ButtonVariants)[number]\n\nexport type ButtonBaseProps = {\n  /**\n   * The leading visual appears before the button content\n   */\n  leadingVisual?: ReactElement | Icon\n  /**\n   * The trailing visual appears after the button content\n   */\n  trailingVisual?: ReactElement | Icon\n  /**\n   * The styling variations available in Button\n   */\n  variant?: ButtonVariant\n  /**\n   * The size variations available in Button\n   */\n  size?: (typeof ButtonSizes)[number]\n  /**\n   * A flag to show/hide the arrow icon\n   * @deprecated The hasArrow prop is deprecated and will be removed in a future release.\n   */\n  hasArrow?: boolean\n  /**\n   * The Button spans the full width\n   */\n  block?: boolean\n}\n\nexport type ButtonProps<C extends React.ElementType> = BaseProps<C> & {\n  as?: C\n} & ButtonBaseProps &\n  React.ComponentPropsWithoutRef<C>\n\nconst testIds = {\n  root: 'Button',\n  get leadingVisual() {\n    return `${this.root}-leading-visual`\n  },\n  get trailingVisual() {\n    return `${this.root}-trailing-visual`\n  },\n  get expandableArrow() {\n    return `${this.root}-expandable-arrow`\n  },\n}\n\nexport const _Button = forwardRef(\n  <C extends React.ElementType>(\n    {\n      animate,\n      as,\n      variant = defaultButtonVariant,\n      size = defaultButtonSize,\n      hasArrow,\n      block = false,\n      className,\n      children,\n      disabled,\n      'aria-disabled': ariaDisabled,\n      onMouseEnter,\n      onMouseLeave,\n      onFocus,\n      onBlur,\n      leadingVisual: LeadingVisual,\n      trailingVisual: TrailingVisual,\n      style,\n      ...props\n    }: ButtonProps<C>,\n    ref: Ref<HTMLButtonElement>,\n  ) => {\n    const [isHovered, setIsHovered] = React.useState(false)\n    const [isFocused, setIsFocused] = React.useState(false)\n    const Component = as || 'button'\n    const isDisabled =\n      disabled || ariaDisabled === 'true' || (typeof ariaDisabled === 'boolean' && ariaDisabled === true)\n\n    const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n    const showArrow = Boolean(hasArrow)\n\n    const returnValidComponent = useCallback((component?: ReactElement | Icon) => {\n      if (React.isValidElement(component)) {\n        return component\n      }\n\n      if (typeof component === 'function') {\n        return React.createElement(component)\n      }\n    }, [])\n\n    const LeadingVisualComponent = returnValidComponent(LeadingVisual)\n    const TrailingVisualComponent = returnValidComponent(TrailingVisual)\n\n    const handleOnMouseEnter = useCallback(\n      event => {\n        if (!isDisabled) {\n          setIsHovered(true)\n          onMouseEnter?.(event)\n        }\n      },\n      [isDisabled, onMouseEnter],\n    )\n\n    const handleOnMouseLeave = useCallback(\n      event => {\n        if (!isDisabled) {\n          setIsHovered(false)\n          onMouseLeave?.(event)\n        }\n      },\n      [isDisabled, onMouseLeave],\n    )\n\n    const handleOnFocus = useCallback(\n      event => {\n        if (!isDisabled) {\n          setIsFocused(true)\n          onFocus?.(event)\n        }\n      },\n      [isDisabled, onFocus],\n    )\n\n    const handleOnBlur = useCallback(\n      event => {\n        if (!isDisabled) {\n          setIsFocused(false)\n          onBlur?.(event)\n        }\n      },\n      [isDisabled, onBlur],\n    )\n\n    return (\n      <Component\n        ref={ref}\n        className={clsx(\n          styles.Button,\n          styles[`Button--${variant}`],\n          styles[`Button--size-${size}`],\n          block && styles['Button--block'],\n          isDisabled && styles[`Button--disabled`],\n          animationClasses,\n          className,\n        )}\n        onMouseEnter={handleOnMouseEnter}\n        onMouseLeave={handleOnMouseLeave}\n        onFocus={handleOnFocus}\n        onBlur={handleOnBlur}\n        disabled={(isDisabled && Component === 'button') || undefined}\n        aria-disabled={(isDisabled && Component !== 'button') || undefined}\n        style={{...animationInlineStyles, ...style}}\n        {...props}\n      >\n        {React.isValidElement<{className?: string; ['aria-hidden']?: string; focusable?: string}>(\n          LeadingVisualComponent,\n        ) && (\n          <span className={styles['Button__leading-visual']} data-testid={testIds.leadingVisual}>\n            {React.cloneElement(LeadingVisualComponent, {\n              className: clsx(styles['Button__icon-visual'], isDisabled && styles['Button__icon-visual--disabled']),\n              ['aria-hidden']: 'true',\n              focusable: 'false',\n            })}\n          </span>\n        )}\n\n        <span className={styles['Button__text']}>\n          <Text\n            as=\"span\"\n            size={size === 'small' ? '100' : size === 'medium' ? '200' : '400'}\n            weight=\"medium\"\n            className={clsx(\n              styles['Button--label'],\n              styles[`Button--label-${size}`],\n              styles[`Button--label-${variant}`],\n              isDisabled && styles[`Button-label--disabled`],\n            )}\n          >\n            {children}\n          </Text>\n        </span>\n\n        {!TrailingVisual && showArrow && (\n          <span className={clsx(styles['Button__trailing-visual'])}>\n            <ExpandableArrow\n              hidden\n              className={clsx(styles['Button-arrow'], isDisabled && styles[`Button-arrow--disabled`])}\n              expanded={!isDisabled && (isHovered || isFocused)}\n              data-testid={testIds.expandableArrow}\n            />\n          </span>\n        )}\n        {React.isValidElement<{className?: string; ['aria-hidden']?: string; focusable?: string}>(\n          TrailingVisualComponent,\n        ) && (\n          <span className={clsx(styles['Button__trailing-visual'])} data-testid={testIds.trailingVisual}>\n            {React.cloneElement(TrailingVisualComponent, {\n              className: clsx(styles['Button__icon-visual'], isDisabled && styles['Button__icon-visual--disabled']),\n              ['aria-hidden']: 'true',\n              focusable: 'false',\n            })}\n          </span>\n        )}\n      </Component>\n    )\n  },\n)\n\nexport const Button = Object.assign(_Button, {testIds})\n"],"mappings":"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"}
+{"version":3,"file":"Button.js","names":[],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["import {clsx} from 'clsx'\nimport React, {forwardRef, useCallback, type Ref, ReactElement} from 'react'\nimport type {Icon} from '@primer/octicons-react'\n\nimport {ExpandableArrow} from '../ExpandableArrow'\nimport {Text} from '../Text'\nimport type {BaseProps} from '../component-helpers'\n\nimport {useAnimation} from '../'\n\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css'\nimport styles from './Button.module.css'\n\nexport const ButtonVariants = ['primary', 'secondary', 'subtle'] as const\nexport const ButtonSizes = ['small', 'medium', 'large'] as const\n\nexport const defaultButtonVariant = ButtonVariants[1]\nexport const defaultButtonSize = ButtonSizes[1]\n\nexport type ButtonVariant = (typeof ButtonVariants)[number]\n\nexport type ButtonBaseProps = {\n  /**\n   * The leading visual appears before the button content\n   */\n  leadingVisual?: ReactElement | Icon\n  /**\n   * The trailing visual appears after the button content\n   */\n  trailingVisual?: ReactElement | Icon\n  /**\n   * The styling variations available in Button\n   */\n  variant?: ButtonVariant\n  /**\n   * The size variations available in Button\n   */\n  size?: (typeof ButtonSizes)[number]\n  /**\n   * A flag to show/hide the arrow icon\n   * @deprecated The hasArrow prop is deprecated and will be removed in a future release.\n   */\n  hasArrow?: boolean\n  /**\n   * The Button spans the full width\n   */\n  block?: boolean\n}\n\nexport type ButtonProps<C extends React.ElementType> = BaseProps<C> & {\n  as?: C\n} & ButtonBaseProps &\n  React.ComponentPropsWithoutRef<C>\n\nconst testIds = {\n  root: 'Button',\n  get leadingVisual() {\n    return `${this.root}-leading-visual`\n  },\n  get trailingVisual() {\n    return `${this.root}-trailing-visual`\n  },\n  get expandableArrow() {\n    return `${this.root}-expandable-arrow`\n  },\n}\n\nexport const _Button = forwardRef(\n  <C extends React.ElementType>(\n    {\n      animate,\n      as,\n      variant = defaultButtonVariant,\n      size = defaultButtonSize,\n      hasArrow,\n      block = false,\n      className,\n      children,\n      disabled,\n      'aria-disabled': ariaDisabled,\n      onMouseEnter,\n      onMouseLeave,\n      onFocus,\n      onBlur,\n      leadingVisual: LeadingVisual,\n      trailingVisual: TrailingVisual,\n      style,\n      ...props\n    }: ButtonProps<C>,\n    ref: Ref<HTMLButtonElement>,\n  ) => {\n    const [isHovered, setIsHovered] = React.useState(false)\n    const [isFocused, setIsFocused] = React.useState(false)\n    const Component = as || 'button'\n    const isDisabled =\n      disabled || ariaDisabled === 'true' || (typeof ariaDisabled === 'boolean' && ariaDisabled === true)\n\n    const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n    const showArrow = Boolean(hasArrow)\n\n    const returnValidComponent = useCallback((component?: ReactElement | Icon) => {\n      if (React.isValidElement(component)) {\n        return component\n      }\n\n      if (typeof component === 'function') {\n        return React.createElement(component)\n      }\n    }, [])\n\n    const LeadingVisualComponent = returnValidComponent(LeadingVisual)\n    const TrailingVisualComponent = returnValidComponent(TrailingVisual)\n\n    const handleOnMouseEnter = useCallback(\n      event => {\n        if (!isDisabled) {\n          setIsHovered(true)\n          onMouseEnter?.(event)\n        }\n      },\n      [isDisabled, onMouseEnter],\n    )\n\n    const handleOnMouseLeave = useCallback(\n      event => {\n        if (!isDisabled) {\n          setIsHovered(false)\n          onMouseLeave?.(event)\n        }\n      },\n      [isDisabled, onMouseLeave],\n    )\n\n    const handleOnFocus = useCallback(\n      event => {\n        if (!isDisabled) {\n          setIsFocused(true)\n          onFocus?.(event)\n        }\n      },\n      [isDisabled, onFocus],\n    )\n\n    const handleOnBlur = useCallback(\n      event => {\n        if (!isDisabled) {\n          setIsFocused(false)\n          onBlur?.(event)\n        }\n      },\n      [isDisabled, onBlur],\n    )\n\n    return (\n      <Component\n        ref={ref}\n        className={clsx(\n          styles.Button,\n          styles[`Button--${variant}`],\n          styles[`Button--size-${size}`],\n          block && styles['Button--block'],\n          isDisabled && styles[`Button--disabled`],\n          animationClasses,\n          className,\n        )}\n        onMouseEnter={handleOnMouseEnter}\n        onMouseLeave={handleOnMouseLeave}\n        onFocus={handleOnFocus}\n        onBlur={handleOnBlur}\n        disabled={(isDisabled && Component === 'button') || undefined}\n        aria-disabled={(isDisabled && Component !== 'button') || undefined}\n        style={{...animationInlineStyles, ...style}}\n        {...props}\n      >\n        {React.isValidElement<{className?: string; ['aria-hidden']?: string; focusable?: string}>(\n          LeadingVisualComponent,\n        ) && (\n          <span className={styles['Button__leading-visual']} data-testid={testIds.leadingVisual}>\n            {React.cloneElement(LeadingVisualComponent, {\n              className: clsx(styles['Button__icon-visual'], isDisabled && styles['Button__icon-visual--disabled']),\n              ['aria-hidden']: 'true',\n              focusable: 'false',\n            })}\n          </span>\n        )}\n\n        <span className={styles['Button__text']}>\n          <Text\n            as=\"span\"\n            size={size === 'small' ? '100' : size === 'medium' ? '200' : '400'}\n            weight=\"medium\"\n            className={clsx(\n              styles['Button--label'],\n              styles[`Button--label-${size}`],\n              styles[`Button--label-${variant}`],\n              isDisabled && styles[`Button-label--disabled`],\n            )}\n          >\n            {children}\n          </Text>\n        </span>\n\n        {!TrailingVisual && showArrow && (\n          <span className={clsx(styles['Button__trailing-visual'])}>\n            <ExpandableArrow\n              hidden\n              className={clsx(styles['Button-arrow'], isDisabled && styles[`Button-arrow--disabled`])}\n              expanded={!isDisabled && (isHovered || isFocused)}\n              data-testid={testIds.expandableArrow}\n            />\n          </span>\n        )}\n        {React.isValidElement<{className?: string; ['aria-hidden']?: string; focusable?: string}>(\n          TrailingVisualComponent,\n        ) && (\n          <span className={clsx(styles['Button__trailing-visual'])} data-testid={testIds.trailingVisual}>\n            {React.cloneElement(TrailingVisualComponent, {\n              className: clsx(styles['Button__icon-visual'], isDisabled && styles['Button__icon-visual--disabled']),\n              ['aria-hidden']: 'true',\n              focusable: 'false',\n            })}\n          </span>\n        )}\n      </Component>\n    )\n  },\n)\n\nexport const Button = Object.assign(_Button, {testIds})\n"],"mappings":"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"}

package/esm/Button/Button.module.js

@@ -1,8 +1,9 @@
-import './Button.module-Byz3R1qi.css';var e = {
-	Button: "Primer_Brand__Button-module__Button___scH9Z",
+import './Button.module-Byz3R1qi.css';//#region src/Button/Button.module.css
+var e = "Primer_Brand__Button-module__Button___scH9Z", t = "Primer_Brand__Button-module__Button__text___ED0bX", n = {
+	Button: e,
 	"Button--disabled": "Primer_Brand__Button-module__Button--disabled___IHZ7f",
 	"Button--size-small": "Primer_Brand__Button-module__Button--size-small___zQrEw",
-	Button__text: "Primer_Brand__Button-module__Button__text___ED0bX",
+	Button__text: t,
 	"Button--label": "Primer_Brand__Button-module__Button--label___qrkyz",
 	"Button__icon-visual": "Primer_Brand__Button-module__Button__icon-visual____qybb",
 	"Button__trailing-visual": "Primer_Brand__Button-module__Button__trailing-visual___5i3xR",
@@ -24,6 +25,6 @@ import './Button.module-Byz3R1qi.css';var e = {
 	"Button--block": "Primer_Brand__Button-module__Button--block___kCYDx"
 };
 //#endregion
-export { e as default };
+export { e as Button, t as Button__text, n as default };
 
 //# sourceMappingURL=Button.module.js.map

package/esm/ButtonGroup/ButtonGroup.js

@@ -1,4 +1,4 @@
-import e from "../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { Button as t } from "../Button/Button.js";
 import { ActionMenu as n } from "../ActionMenu/ActionMenu.js";
 import r from "./ButtonGroup.module.js";

package/esm/ButtonGroup/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","names":[],"sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, {forwardRef, type Ref} from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../component-helpers'\nimport {Button, ButtonProps} from '../Button'\nimport {ActionMenu, ActionMenuProps} from '../ActionMenu'\nimport styles from './ButtonGroup.module.css'\n\nexport type PrimerBrandButtonType = React.ReactElement<ButtonProps<React.ElementType<'button' | 'a'>>>\nexport type PrimerBrandActionMenuType = React.ReactElement<ActionMenuProps>\nexport type ButtonGroupChild = PrimerBrandButtonType | PrimerBrandActionMenuType | false | null | undefined\n\nexport type ButtonGroupProps = BaseProps<HTMLDivElement> & {\n  children: ButtonGroupChild | ButtonGroupChild[]\n  buttonSize?: ButtonProps<'button' | 'a'>['size']\n  buttonsAs?: 'button' | 'a'\n}\n\nexport const ButtonGroup = forwardRef(\n  ({buttonSize = 'medium', buttonsAs, className, children, ...props}: ButtonGroupProps, ref: Ref<HTMLDivElement>) => {\n    const buttonsToRender = React.Children.toArray(children)\n      .filter(\n        (child): child is React.ReactElement =>\n          React.isValidElement(child) && (child.type === Button || child.type === ActionMenu),\n      )\n      .slice(0, 2)\n      .map((child, index) => {\n        const variant = index === 0 ? 'primary' : 'secondary'\n\n        if (React.isValidElement<ButtonProps<'button' | 'a'>>(child) && child.type === Button) {\n          return React.cloneElement(child, {\n            size: child.props.size ?? buttonSize,\n            as: child.props.as ?? buttonsAs,\n            variant: child.props.variant ?? variant,\n          })\n        }\n\n        const actionMenu = child as PrimerBrandActionMenuType\n        const actionMenuSize = buttonSize === 'large' ? 'medium' : buttonSize\n        const actionMenuChildren = React.Children.map(actionMenu.props.children, actionMenuChild => {\n          if (\n            React.isValidElement<React.ComponentProps<typeof ActionMenu.Button>>(actionMenuChild) &&\n            actionMenuChild.type === ActionMenu.Button\n          ) {\n            return React.cloneElement(actionMenuChild, {\n              variant: actionMenuChild.props.variant ?? variant,\n            })\n          }\n          return actionMenuChild\n        })\n\n        return React.cloneElement(actionMenu, {\n          children: actionMenuChildren,\n          size: actionMenu.props.size ?? actionMenuSize,\n        })\n      })\n\n    return (\n      <section ref={ref} {...props} className={clsx(styles.ButtonGroup, className)}>\n        {buttonsToRender}\n      </section>\n    )\n  },\n)\n"],"mappings":";;;;;;;AAiBA,IAAa,IAAc,GACxB,EAAC,gBAAa,UAAU,cAAW,cAAW,aAAU,GAAG,KAA0B,MAA6B;CACjH,IAAM,IAAkB,EAAM,SAAS,QAAQ,EAAS,CACrD,QACE,MACC,EAAM,eAAe,EAAM,KAAK,EAAM,SAAS,KAAU,EAAM,SAAS,GAC3E,CACA,MAAM,GAAG,EAAE,CACX,KAAK,GAAO,MAAU;EACrB,IAAM,IAAU,MAAU,IAAI,YAAY;AAE1C,MAAI,EAAM,eAA4C,EAAM,IAAI,EAAM,SAAS,EAC7E,QAAO,EAAM,aAAa,GAAO;GAC/B,MAAM,EAAM,MAAM,QAAQ;GAC1B,IAAI,EAAM,MAAM,MAAM;GACtB,SAAS,EAAM,MAAM,WAAW;GACjC,CAAC;EAGJ,IAAM,IAAa,GACb,IAAiB,MAAe,UAAU,WAAW,GACrD,IAAqB,EAAM,SAAS,IAAI,EAAW,MAAM,WAAU,MAErE,EAAM,eAA+D,EAAgB,IACrF,EAAgB,SAAS,EAAW,SAE7B,EAAM,aAAa,GAAiB,EACzC,SAAS,EAAgB,MAAM,WAAW,GAC3C,CAAC,GAEG,EACP;AAEF,SAAO,EAAM,aAAa,GAAY;GACpC,UAAU;GACV,MAAM,EAAW,MAAM,QAAQ;GAChC,CAAC;GACF;AAEJ,QACE,kBAAC,WAAD;EAAc;EAAK,GAAI;EAAO,WAAW,EAAK,EAAO,aAAa,EAAU;YACzE;EACO,CAAA;EAGf"}
+{"version":3,"file":"ButtonGroup.js","names":[],"sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, {forwardRef, type Ref} from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../component-helpers'\nimport {Button, ButtonProps} from '../Button'\nimport {ActionMenu, ActionMenuProps} from '../ActionMenu'\nimport styles from './ButtonGroup.module.css'\n\nexport type PrimerBrandButtonType = React.ReactElement<ButtonProps<React.ElementType<'button' | 'a'>>>\nexport type PrimerBrandActionMenuType = React.ReactElement<ActionMenuProps>\nexport type ButtonGroupChild = PrimerBrandButtonType | PrimerBrandActionMenuType | false | null | undefined\n\nexport type ButtonGroupProps = BaseProps<HTMLDivElement> & {\n  children: ButtonGroupChild | ButtonGroupChild[]\n  buttonSize?: ButtonProps<'button' | 'a'>['size']\n  buttonsAs?: 'button' | 'a'\n}\n\nexport const ButtonGroup = forwardRef(\n  ({buttonSize = 'medium', buttonsAs, className, children, ...props}: ButtonGroupProps, ref: Ref<HTMLDivElement>) => {\n    const buttonsToRender = React.Children.toArray(children)\n      .filter(\n        (child): child is React.ReactElement =>\n          React.isValidElement(child) && (child.type === Button || child.type === ActionMenu),\n      )\n      .slice(0, 2)\n      .map((child, index) => {\n        const variant = index === 0 ? 'primary' : 'secondary'\n\n        if (React.isValidElement<ButtonProps<'button' | 'a'>>(child) && child.type === Button) {\n          return React.cloneElement(child, {\n            size: child.props.size ?? buttonSize,\n            as: child.props.as ?? buttonsAs,\n            variant: child.props.variant ?? variant,\n          })\n        }\n\n        const actionMenu = child as PrimerBrandActionMenuType\n        const actionMenuSize = buttonSize === 'large' ? 'medium' : buttonSize\n        const actionMenuChildren = React.Children.map(actionMenu.props.children, actionMenuChild => {\n          if (\n            React.isValidElement<React.ComponentProps<typeof ActionMenu.Button>>(actionMenuChild) &&\n            actionMenuChild.type === ActionMenu.Button\n          ) {\n            return React.cloneElement(actionMenuChild, {\n              variant: actionMenuChild.props.variant ?? variant,\n            })\n          }\n          return actionMenuChild\n        })\n\n        return React.cloneElement(actionMenu, {\n          children: actionMenuChildren,\n          size: actionMenu.props.size ?? actionMenuSize,\n        })\n      })\n\n    return (\n      <section ref={ref} {...props} className={clsx(styles.ButtonGroup, className)}>\n        {buttonsToRender}\n      </section>\n    )\n  },\n)\n"],"mappings":";;;;;;;AAiBA,IAAa,IAAc,GACxB,EAAC,gBAAa,UAAU,cAAW,cAAW,aAAU,GAAG,KAA0B,MAA6B;CACjH,IAAM,IAAkB,EAAM,SAAS,QAAQ,CAAQ,CAAC,CACrD,QACE,MACC,EAAM,eAAe,CAAK,MAAM,EAAM,SAAS,KAAU,EAAM,SAAS,EAC5E,CAAC,CACA,MAAM,GAAG,CAAC,CAAC,CACX,KAAK,GAAO,MAAU;EACrB,IAAM,IAAU,MAAU,IAAI,YAAY;EAE1C,IAAI,EAAM,eAA4C,CAAK,KAAK,EAAM,SAAS,GAC7E,OAAO,EAAM,aAAa,GAAO;GAC/B,MAAM,EAAM,MAAM,QAAQ;GAC1B,IAAI,EAAM,MAAM,MAAM;GACtB,SAAS,EAAM,MAAM,WAAW;EAClC,CAAC;EAGH,IAAM,IAAa,GACb,IAAiB,MAAe,UAAU,WAAW,GACrD,IAAqB,EAAM,SAAS,IAAI,EAAW,MAAM,WAAU,MAErE,EAAM,eAA+D,CAAe,KACpF,EAAgB,SAAS,EAAW,SAE7B,EAAM,aAAa,GAAiB,EACzC,SAAS,EAAgB,MAAM,WAAW,EAC5C,CAAC,IAEI,CACR;EAED,OAAO,EAAM,aAAa,GAAY;GACpC,UAAU;GACV,MAAM,EAAW,MAAM,QAAQ;EACjC,CAAC;CACH,CAAC;CAEH,OACE,kBAAC,WAAD;EAAc;EAAK,GAAI;EAAO,WAAW,EAAK,EAAO,aAAa,CAAS;YACxE;CACM,CAAA;AAEb,CACF"}

package/esm/ButtonGroup/ButtonGroup.module.js

@@ -1,5 +1,6 @@
-import './ButtonGroup.module-wZYyupar.css';var e = { ButtonGroup: "Primer_Brand__ButtonGroup-module__ButtonGroup___YuqTd" };
+import './ButtonGroup.module-wZYyupar.css';//#region src/ButtonGroup/ButtonGroup.module.css
+var e = "Primer_Brand__ButtonGroup-module__ButtonGroup___YuqTd", t = { ButtonGroup: e };
 //#endregion
-export { e as default };
+export { e as ButtonGroup, t as default };
 
 //# sourceMappingURL=ButtonGroup.module.js.map

package/esm/CTABanner/CTABanner.d.ts

@@ -95,7 +95,7 @@ export declare const CTABanner: React.ForwardRefExoticComponent<Omit<CTABannerPr
     ButtonGroup: React.ForwardRefExoticComponent<Omit<Omit<import("..").ButtonGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Image: React.ForwardRefExoticComponent<Omit<CTABannerImageProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
     Logo: React.ForwardRefExoticComponent<Omit<CTABannerLogoProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Link: ({ className, children, variant, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+    Link: ({ className, children, variant, ...props }: LinkProps) => React.JSX.Element;
 };
 export {};
 //# sourceMappingURL=CTABanner.d.ts.map

package/esm/CTABanner/CTABanner.js

@@ -1,11 +1,11 @@
-import e from "../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { Grid as t } from "../Grid/Grid.js";
 import { Text as n } from "../Text/Text.js";
 import { Heading as r } from "../Heading/Heading.js";
 import { ButtonGroup as i } from "../ButtonGroup/ButtonGroup.js";
 import { Image as a } from "../Image/Image.js";
 import { Link as o } from "../Link/Link.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-code/colors-with-modes-Bj7XtHMY.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes-B9zRp3WA.css';/* empty css                                                                                                         */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes-B9zRp3WA.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-code/colors-with-modes-Bj7XtHMY.css';/* empty css                                                                                                         */
 /* empty css                                                                                                        */
 import s from "./CTABanner.module.js";
 import c, { forwardRef as l, useCallback as u, useMemo as d } from "react";

package/esm/CTABanner/CTABanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"CTABanner.js","names":[],"sources":["../../src/CTABanner/CTABanner.tsx"],"sourcesContent":["import React, {forwardRef, useCallback, useMemo, type Ref} from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../component-helpers'\nimport {Grid} from '../Grid'\nimport {Heading, HeadingProps} from '../Heading'\nimport {Text, TextProps} from '../Text'\nimport {ButtonGroup} from '../ButtonGroup'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/inline-code/colors-with-modes.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './CTABanner.module.css'\nimport {Image} from '../Image'\nimport {Link, type LinkProps} from '../Link'\n\nexport const CTABannerBackgroundColors = ['default', 'subtle'] as const\n\ntype ResponsiveMap<T> = {\n  narrow?: T\n  regular?: T\n  wide?: T\n}\n\ntype ResponsiveBackgroundImageSrcMap = ResponsiveMap<string | string[]>\ntype BackgroundColors = (typeof CTABannerBackgroundColors)[number] | AnyString\ntype ResponsiveBackgroundColorMap = ResponsiveMap<BackgroundColors>\ntype ResponsiveBackgroundImagePositionMap = ResponsiveMap<string | string[]>\ntype ResponsiveBackgroundImageSizeMap = ResponsiveMap<string | string[]>\n\nexport type CTABannerProps = BaseProps<HTMLElement> &\n  React.HTMLAttributes<HTMLElement> & {\n    /**\n     * Alternative presentations\n     */\n    variant?: 'default' | 'balanced' | 'minimal'\n    /**\n     * The alignment of the content within the banner.\n     */\n    align?: 'start' | 'center'\n    /**\n     * A flag to add a border to the banner.\n     */\n    hasBorder?: boolean\n    /**\n     * Enable optional grid lines\n     */\n    hasGridLines?: boolean\n    /**\n     * A flag to remove the shadow from the banner.\n     * @deprecated - hasShadow will be removed in a future release.\n     */\n    hasShadow?: boolean\n    /**\n     * A flag to remove the background from the banner.\n     */\n    hasBackground?: boolean\n    /**\n     * Optional, custom background color.\n     */\n    backgroundColor?: BackgroundColors | ResponsiveBackgroundColorMap\n    /**\n     * Optional, custom background image.\n     */\n    backgroundImageSrc?: string | ResponsiveBackgroundImageSrcMap\n    /**\n     * Optional, custom background position.\n     */\n    backgroundImagePosition?: string | ResponsiveBackgroundImagePositionMap\n    /**\n     * Optional, custom background size.\n     */\n    backgroundImageSize?: string | ResponsiveBackgroundImageSizeMap\n    /**\n     * Escape-hatch for inserting custom React components.\n     * Warning:\n     *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n     *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n     */\n    leadingComponent?: React.FunctionComponent\n    /**\n     * Escape-hatch for inserting custom React components.\n     * Warning:\n     *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n     *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n     */\n    trailingComponent?: React.FunctionComponent\n  }\n\nconst Root = forwardRef(\n  (\n    {\n      align = 'center',\n      hasBorder = false,\n      hasGridLines = false,\n      hasShadow = false,\n      hasBackground = true,\n      backgroundColor = 'var(--brand-CTABanner-bgColor)',\n      backgroundImageSrc,\n      backgroundImagePosition = 'center',\n      backgroundImageSize = 'cover',\n      className,\n      children,\n      leadingComponent: LeadingComponent,\n      trailingComponent: TrailingComponent,\n      style,\n      variant = 'default',\n      ...props\n    }: CTABannerProps,\n    ref: Ref<HTMLElement>,\n  ) => {\n    const processBackgroundValue = useCallback((value: string | string[], property) => {\n      if (property === 'background-image-src') {\n        return `url(${value})`\n      }\n\n      if (property === 'background-color' && typeof value === 'string') {\n        return CTABannerBackgroundColors.includes(value as (typeof CTABannerBackgroundColors)[number])\n          ? `var(--brand-color-canvas-${value})`\n          : value\n      }\n\n      return value\n    }, [])\n\n    const createStyles = useCallback(\n      (property, value) =>\n        typeof value === 'string' || Array.isArray(value)\n          ? {[`--brand-CTABanner-${property}`]: processBackgroundValue(value, property)}\n          : {\n              [`--brand-CTABanner-narrow-${property}`]: processBackgroundValue(value?.narrow, property),\n              [`--brand-CTABanner-regular-${property}`]: processBackgroundValue(value?.regular, property),\n              [`--brand-CTABanner-wide-${property}`]: processBackgroundValue(value?.wide, property),\n            },\n      [processBackgroundValue],\n    )\n\n    const backgroundStyles = useMemo(() => {\n      const allStyles = {}\n\n      const addStyle = (property, value) => {\n        if (value) {\n          Object.assign(allStyles, createStyles(property, value))\n        }\n      }\n\n      addStyle('background-color', backgroundColor)\n      addStyle('background-image-src', backgroundImageSrc)\n      addStyle('background-image-position', backgroundImagePosition)\n      addStyle('background-image-size', backgroundImageSize)\n\n      return allStyles\n    }, [backgroundColor, backgroundImageSrc, backgroundImagePosition, backgroundImageSize, createStyles])\n\n    const {ImageChild, ButtonGroupChild, restChildren, hasImageChild} = useMemo(() => {\n      const result = React.Children.toArray(children).reduce<{\n        ImageChild?: React.ReactElement\n        ButtonGroupChild?: React.ReactElement\n        restChildren: React.ReactElement[]\n        hasImageChild: boolean\n      }>(\n        (acc, child) => {\n          if (React.isValidElement(child)) {\n            if (child.type === _Image) {\n              acc.hasImageChild = true\n              if (variant === 'balanced') {\n                acc.ImageChild = child\n              } else if (variant !== 'minimal') {\n                acc.restChildren.push(child)\n              }\n              // minimal variant: image is intentionally excluded from rendering\n            } else if (variant === 'minimal' && child.type === _ButtonGroup) {\n              acc.ButtonGroupChild = child\n            } else if (child.type === _Heading) {\n              const headingChild = child as React.ReactElement<CTABannerHeadingProps>\n              acc.restChildren.push(\n                headingChild.props.size === undefined\n                  ? React.cloneElement(headingChild, {\n                      size: variant === 'minimal' ? '6' : defaultHeadingSize,\n                    })\n                  : headingChild,\n              )\n            } else {\n              acc.restChildren.push(child)\n            }\n          }\n          return acc\n        },\n        {ImageChild: undefined, ButtonGroupChild: undefined, restChildren: [], hasImageChild: false},\n      )\n      return result\n    }, [children, variant])\n\n    const hasSideColumn = (variant === 'balanced' && ImageChild) || (variant === 'minimal' && ButtonGroupChild)\n\n    const Tag: React.FC<React.PropsWithChildren> = hasGridLines\n      ? ({children: inner}) => <div className={styles['CTABanner-outer-container--border']}>{inner}</div>\n      : React.Fragment\n\n    const defaultAlign = variant === 'balanced' || variant === 'minimal' ? 'start' : align\n\n    if (process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test') {\n      if (variant === 'balanced' && !ImageChild) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          'CTABanner: The \"balanced\" variant requires a CTABanner.Image child to display the two-column layout correctly.',\n        )\n      }\n      if (variant === 'minimal' && hasImageChild) {\n        // eslint-disable-next-line no-console\n        console.warn('CTABanner: Image child is not supported in minimal variant and will not be rendered.')\n      }\n    }\n\n    return (\n      <Tag>\n        <section\n          ref={ref}\n          className={clsx(\n            styles.CTABanner,\n            hasShadow && styles['CTABanner--shadow'],\n            styles[`CTABanner--variant-${variant}`],\n            className,\n          )}\n          style={{...backgroundStyles, ...style}}\n          {...props}\n        >\n          <div\n            className={clsx(\n              styles['CTABanner-container'],\n              hasBorder && styles['CTABanner-container--border'],\n              hasGridLines && styles['CTABanner-container--border-gridlines'],\n              !hasGridLines && styles['CTABanner-container--rounded'],\n              hasBackground && styles['CTABanner-container--background'],\n            )}\n          >\n            {hasSideColumn ? (\n              <Grid className={styles['CTABanner-grid']}>\n                <Grid.Column span={{xsmall: 12, large: 6}} className={styles['CTABanner-grid-column--primary']}>\n                  <div\n                    className={clsx(\n                      styles['CTABanner-content'],\n                      defaultAlign === 'center' && styles['CTABanner-content--center'],\n                    )}\n                  >\n                    {LeadingComponent && <LeadingComponent />}\n                    {restChildren}\n                    {TrailingComponent && <TrailingComponent />}\n                  </div>\n                </Grid.Column>\n                <Grid.Column span={{xsmall: 12, large: 6}} className={styles['CTABanner-grid-column--secondary']}>\n                  {ImageChild || ButtonGroupChild}\n                </Grid.Column>\n              </Grid>\n            ) : (\n              <div\n                className={clsx(\n                  styles['CTABanner-content'],\n                  defaultAlign === 'center' && styles['CTABanner-content--center'],\n                )}\n              >\n                {LeadingComponent && <LeadingComponent />}\n                {restChildren}\n                {TrailingComponent && <TrailingComponent />}\n              </div>\n            )}\n          </div>\n        </section>\n      </Tag>\n    )\n  },\n)\n\nconst defaultHeadingLevel = 'h3'\n\ntype CTABannerHeadingProps = BaseProps<HTMLHeadingElement> & {\n  children: React.ReactNode | React.ReactNode[]\n} & HeadingProps\n\nconst defaultHeadingSize: HeadingProps['size'] = '3'\n\nconst _Heading = forwardRef(\n  (\n    {as = defaultHeadingLevel, size = defaultHeadingSize, className, children, ...props}: CTABannerHeadingProps,\n    ref: Ref<HTMLHeadingElement>,\n  ) => {\n    return (\n      <Heading ref={ref} className={clsx(styles['CTABanner-heading'], className)} size={size} as={as} {...props}>\n        {children}\n      </Heading>\n    )\n  },\n)\n\ntype CTABannerDescriptionProps = React.HtmlHTMLAttributes<HTMLParagraphElement> &\n  BaseProps<HTMLParagraphElement> & {\n    variant?: TextProps['variant']\n  }\n\nconst Description = forwardRef(\n  ({className, children, variant = 'muted', ...props}: CTABannerDescriptionProps, ref: Ref<HTMLParagraphElement>) => {\n    return (\n      <Text ref={ref} className={clsx(styles['CTABanner-description'], className)} as=\"p\" variant={variant} {...props}>\n        {children}\n      </Text>\n    )\n  },\n)\n\nconst _ButtonGroup = forwardRef(\n  (\n    {className, buttonSize = 'medium', buttonsAs, children, ...props}: React.ComponentProps<typeof ButtonGroup>,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    return (\n      <ButtonGroup\n        buttonSize={buttonSize}\n        buttonsAs={buttonsAs}\n        className={clsx(styles['CTABanner-buttonGroup'], className)}\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </ButtonGroup>\n    )\n  },\n)\n\ntype CTABannerImageProps = BaseProps<HTMLImageElement> &\n  Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt'> & {\n    src: string\n    alt: string\n  }\n\nconst _Image = forwardRef(({className, src, alt, ...props}: CTABannerImageProps, ref: Ref<HTMLImageElement>) => {\n  return (\n    <Image\n      ref={ref}\n      className={clsx(styles['CTABanner-image'], className)}\n      src={src}\n      alt={alt}\n      borderRadius=\"medium\"\n      {...props}\n    />\n  )\n})\n\ntype CTABannerLogoProps = BaseProps<HTMLDivElement> &\n  React.HTMLAttributes<HTMLDivElement> & {\n    children: React.ReactNode\n  }\n\nconst _Logo = forwardRef(({className, children, ...props}: CTABannerLogoProps, ref: Ref<HTMLDivElement>) => (\n  <div ref={ref} className={clsx(styles['CTABanner-logo'], className)} {...props}>\n    {children}\n  </div>\n))\n\nconst _Link = ({className, children, variant = 'accent', ...props}: LinkProps) => (\n  <Link variant={variant} className={clsx(styles['CTABanner-link'], className)} {...props}>\n    {children}\n  </Link>\n)\n\nexport const CTABanner = Object.assign(Root, {\n  Heading: _Heading,\n  Description,\n  ButtonGroup: _ButtonGroup,\n  Image: _Image,\n  Logo: _Logo,\n  Link: _Link,\n})\n"],"mappings":"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"}
+{"version":3,"file":"CTABanner.js","names":[],"sources":["../../src/CTABanner/CTABanner.tsx"],"sourcesContent":["import React, {forwardRef, useCallback, useMemo, type Ref} from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../component-helpers'\nimport {Grid} from '../Grid'\nimport {Heading, HeadingProps} from '../Heading'\nimport {Text, TextProps} from '../Text'\nimport {ButtonGroup} from '../ButtonGroup'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/inline-code/colors-with-modes.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './CTABanner.module.css'\nimport {Image} from '../Image'\nimport {Link, type LinkProps} from '../Link'\n\nexport const CTABannerBackgroundColors = ['default', 'subtle'] as const\n\ntype ResponsiveMap<T> = {\n  narrow?: T\n  regular?: T\n  wide?: T\n}\n\ntype ResponsiveBackgroundImageSrcMap = ResponsiveMap<string | string[]>\ntype BackgroundColors = (typeof CTABannerBackgroundColors)[number] | AnyString\ntype ResponsiveBackgroundColorMap = ResponsiveMap<BackgroundColors>\ntype ResponsiveBackgroundImagePositionMap = ResponsiveMap<string | string[]>\ntype ResponsiveBackgroundImageSizeMap = ResponsiveMap<string | string[]>\n\nexport type CTABannerProps = BaseProps<HTMLElement> &\n  React.HTMLAttributes<HTMLElement> & {\n    /**\n     * Alternative presentations\n     */\n    variant?: 'default' | 'balanced' | 'minimal'\n    /**\n     * The alignment of the content within the banner.\n     */\n    align?: 'start' | 'center'\n    /**\n     * A flag to add a border to the banner.\n     */\n    hasBorder?: boolean\n    /**\n     * Enable optional grid lines\n     */\n    hasGridLines?: boolean\n    /**\n     * A flag to remove the shadow from the banner.\n     * @deprecated - hasShadow will be removed in a future release.\n     */\n    hasShadow?: boolean\n    /**\n     * A flag to remove the background from the banner.\n     */\n    hasBackground?: boolean\n    /**\n     * Optional, custom background color.\n     */\n    backgroundColor?: BackgroundColors | ResponsiveBackgroundColorMap\n    /**\n     * Optional, custom background image.\n     */\n    backgroundImageSrc?: string | ResponsiveBackgroundImageSrcMap\n    /**\n     * Optional, custom background position.\n     */\n    backgroundImagePosition?: string | ResponsiveBackgroundImagePositionMap\n    /**\n     * Optional, custom background size.\n     */\n    backgroundImageSize?: string | ResponsiveBackgroundImageSizeMap\n    /**\n     * Escape-hatch for inserting custom React components.\n     * Warning:\n     *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n     *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n     */\n    leadingComponent?: React.FunctionComponent\n    /**\n     * Escape-hatch for inserting custom React components.\n     * Warning:\n     *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n     *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n     */\n    trailingComponent?: React.FunctionComponent\n  }\n\nconst Root = forwardRef(\n  (\n    {\n      align = 'center',\n      hasBorder = false,\n      hasGridLines = false,\n      hasShadow = false,\n      hasBackground = true,\n      backgroundColor = 'var(--brand-CTABanner-bgColor)',\n      backgroundImageSrc,\n      backgroundImagePosition = 'center',\n      backgroundImageSize = 'cover',\n      className,\n      children,\n      leadingComponent: LeadingComponent,\n      trailingComponent: TrailingComponent,\n      style,\n      variant = 'default',\n      ...props\n    }: CTABannerProps,\n    ref: Ref<HTMLElement>,\n  ) => {\n    const processBackgroundValue = useCallback((value: string | string[], property) => {\n      if (property === 'background-image-src') {\n        return `url(${value})`\n      }\n\n      if (property === 'background-color' && typeof value === 'string') {\n        return CTABannerBackgroundColors.includes(value as (typeof CTABannerBackgroundColors)[number])\n          ? `var(--brand-color-canvas-${value})`\n          : value\n      }\n\n      return value\n    }, [])\n\n    const createStyles = useCallback(\n      (property, value) =>\n        typeof value === 'string' || Array.isArray(value)\n          ? {[`--brand-CTABanner-${property}`]: processBackgroundValue(value, property)}\n          : {\n              [`--brand-CTABanner-narrow-${property}`]: processBackgroundValue(value?.narrow, property),\n              [`--brand-CTABanner-regular-${property}`]: processBackgroundValue(value?.regular, property),\n              [`--brand-CTABanner-wide-${property}`]: processBackgroundValue(value?.wide, property),\n            },\n      [processBackgroundValue],\n    )\n\n    const backgroundStyles = useMemo(() => {\n      const allStyles = {}\n\n      const addStyle = (property, value) => {\n        if (value) {\n          Object.assign(allStyles, createStyles(property, value))\n        }\n      }\n\n      addStyle('background-color', backgroundColor)\n      addStyle('background-image-src', backgroundImageSrc)\n      addStyle('background-image-position', backgroundImagePosition)\n      addStyle('background-image-size', backgroundImageSize)\n\n      return allStyles\n    }, [backgroundColor, backgroundImageSrc, backgroundImagePosition, backgroundImageSize, createStyles])\n\n    const {ImageChild, ButtonGroupChild, restChildren, hasImageChild} = useMemo(() => {\n      const result = React.Children.toArray(children).reduce<{\n        ImageChild?: React.ReactElement\n        ButtonGroupChild?: React.ReactElement\n        restChildren: React.ReactElement[]\n        hasImageChild: boolean\n      }>(\n        (acc, child) => {\n          if (React.isValidElement(child)) {\n            if (child.type === _Image) {\n              acc.hasImageChild = true\n              if (variant === 'balanced') {\n                acc.ImageChild = child\n              } else if (variant !== 'minimal') {\n                acc.restChildren.push(child)\n              }\n              // minimal variant: image is intentionally excluded from rendering\n            } else if (variant === 'minimal' && child.type === _ButtonGroup) {\n              acc.ButtonGroupChild = child\n            } else if (child.type === _Heading) {\n              const headingChild = child as React.ReactElement<CTABannerHeadingProps>\n              acc.restChildren.push(\n                headingChild.props.size === undefined\n                  ? React.cloneElement(headingChild, {\n                      size: variant === 'minimal' ? '6' : defaultHeadingSize,\n                    })\n                  : headingChild,\n              )\n            } else {\n              acc.restChildren.push(child)\n            }\n          }\n          return acc\n        },\n        {ImageChild: undefined, ButtonGroupChild: undefined, restChildren: [], hasImageChild: false},\n      )\n      return result\n    }, [children, variant])\n\n    const hasSideColumn = (variant === 'balanced' && ImageChild) || (variant === 'minimal' && ButtonGroupChild)\n\n    const Tag: React.FC<React.PropsWithChildren> = hasGridLines\n      ? ({children: inner}) => <div className={styles['CTABanner-outer-container--border']}>{inner}</div>\n      : React.Fragment\n\n    const defaultAlign = variant === 'balanced' || variant === 'minimal' ? 'start' : align\n\n    if (process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test') {\n      if (variant === 'balanced' && !ImageChild) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          'CTABanner: The \"balanced\" variant requires a CTABanner.Image child to display the two-column layout correctly.',\n        )\n      }\n      if (variant === 'minimal' && hasImageChild) {\n        // eslint-disable-next-line no-console\n        console.warn('CTABanner: Image child is not supported in minimal variant and will not be rendered.')\n      }\n    }\n\n    return (\n      <Tag>\n        <section\n          ref={ref}\n          className={clsx(\n            styles.CTABanner,\n            hasShadow && styles['CTABanner--shadow'],\n            styles[`CTABanner--variant-${variant}`],\n            className,\n          )}\n          style={{...backgroundStyles, ...style}}\n          {...props}\n        >\n          <div\n            className={clsx(\n              styles['CTABanner-container'],\n              hasBorder && styles['CTABanner-container--border'],\n              hasGridLines && styles['CTABanner-container--border-gridlines'],\n              !hasGridLines && styles['CTABanner-container--rounded'],\n              hasBackground && styles['CTABanner-container--background'],\n            )}\n          >\n            {hasSideColumn ? (\n              <Grid className={styles['CTABanner-grid']}>\n                <Grid.Column span={{xsmall: 12, large: 6}} className={styles['CTABanner-grid-column--primary']}>\n                  <div\n                    className={clsx(\n                      styles['CTABanner-content'],\n                      defaultAlign === 'center' && styles['CTABanner-content--center'],\n                    )}\n                  >\n                    {LeadingComponent && <LeadingComponent />}\n                    {restChildren}\n                    {TrailingComponent && <TrailingComponent />}\n                  </div>\n                </Grid.Column>\n                <Grid.Column span={{xsmall: 12, large: 6}} className={styles['CTABanner-grid-column--secondary']}>\n                  {ImageChild || ButtonGroupChild}\n                </Grid.Column>\n              </Grid>\n            ) : (\n              <div\n                className={clsx(\n                  styles['CTABanner-content'],\n                  defaultAlign === 'center' && styles['CTABanner-content--center'],\n                )}\n              >\n                {LeadingComponent && <LeadingComponent />}\n                {restChildren}\n                {TrailingComponent && <TrailingComponent />}\n              </div>\n            )}\n          </div>\n        </section>\n      </Tag>\n    )\n  },\n)\n\nconst defaultHeadingLevel = 'h3'\n\ntype CTABannerHeadingProps = BaseProps<HTMLHeadingElement> & {\n  children: React.ReactNode | React.ReactNode[]\n} & HeadingProps\n\nconst defaultHeadingSize: HeadingProps['size'] = '3'\n\nconst _Heading = forwardRef(\n  (\n    {as = defaultHeadingLevel, size = defaultHeadingSize, className, children, ...props}: CTABannerHeadingProps,\n    ref: Ref<HTMLHeadingElement>,\n  ) => {\n    return (\n      <Heading ref={ref} className={clsx(styles['CTABanner-heading'], className)} size={size} as={as} {...props}>\n        {children}\n      </Heading>\n    )\n  },\n)\n\ntype CTABannerDescriptionProps = React.HtmlHTMLAttributes<HTMLParagraphElement> &\n  BaseProps<HTMLParagraphElement> & {\n    variant?: TextProps['variant']\n  }\n\nconst Description = forwardRef(\n  ({className, children, variant = 'muted', ...props}: CTABannerDescriptionProps, ref: Ref<HTMLParagraphElement>) => {\n    return (\n      <Text ref={ref} className={clsx(styles['CTABanner-description'], className)} as=\"p\" variant={variant} {...props}>\n        {children}\n      </Text>\n    )\n  },\n)\n\nconst _ButtonGroup = forwardRef(\n  (\n    {className, buttonSize = 'medium', buttonsAs, children, ...props}: React.ComponentProps<typeof ButtonGroup>,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    return (\n      <ButtonGroup\n        buttonSize={buttonSize}\n        buttonsAs={buttonsAs}\n        className={clsx(styles['CTABanner-buttonGroup'], className)}\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </ButtonGroup>\n    )\n  },\n)\n\ntype CTABannerImageProps = BaseProps<HTMLImageElement> &\n  Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt'> & {\n    src: string\n    alt: string\n  }\n\nconst _Image = forwardRef(({className, src, alt, ...props}: CTABannerImageProps, ref: Ref<HTMLImageElement>) => {\n  return (\n    <Image\n      ref={ref}\n      className={clsx(styles['CTABanner-image'], className)}\n      src={src}\n      alt={alt}\n      borderRadius=\"medium\"\n      {...props}\n    />\n  )\n})\n\ntype CTABannerLogoProps = BaseProps<HTMLDivElement> &\n  React.HTMLAttributes<HTMLDivElement> & {\n    children: React.ReactNode\n  }\n\nconst _Logo = forwardRef(({className, children, ...props}: CTABannerLogoProps, ref: Ref<HTMLDivElement>) => (\n  <div ref={ref} className={clsx(styles['CTABanner-logo'], className)} {...props}>\n    {children}\n  </div>\n))\n\nconst _Link = ({className, children, variant = 'accent', ...props}: LinkProps) => (\n  <Link variant={variant} className={clsx(styles['CTABanner-link'], className)} {...props}>\n    {children}\n  </Link>\n)\n\nexport const CTABanner = Object.assign(Root, {\n  Heading: _Heading,\n  Description,\n  ButtonGroup: _ButtonGroup,\n  Image: _Image,\n  Logo: _Logo,\n  Link: _Link,\n})\n"],"mappings":"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"}

package/esm/CTABanner/CTABanner.module.js

@@ -1,5 +1,6 @@
-import './CTABanner.module-D4pYR4mY.css';var e = {
-	CTABanner: "Primer_Brand__CTABanner-module__CTABanner___osRag",
+import './CTABanner.module-D4pYR4mY.css';//#region src/CTABanner/CTABanner.module.css
+var e = "Primer_Brand__CTABanner-module__CTABanner___osRag", t = {
+	CTABanner: e,
 	"CTABanner--shadow": "Primer_Brand__CTABanner-module__CTABanner--shadow___bUnyT",
 	"CTABanner-grid": "Primer_Brand__CTABanner-module__CTABanner-grid___Hm5rQ",
 	"CTABanner-grid-column--primary": "Primer_Brand__CTABanner-module__CTABanner-grid-column--primary___m1rvk",
@@ -23,6 +24,6 @@ import './CTABanner.module-D4pYR4mY.css';var e = {
 	"CTABanner-buttonGroup": "Primer_Brand__CTABanner-module__CTABanner-buttonGroup___5SMyK"
 };
 //#endregion
-export { e as default };
+export { e as CTABanner, t as default };
 
 //# sourceMappingURL=CTABanner.module.js.map

package/esm/CTAForm/CTAForm.js

@@ -1,4 +1,4 @@
-import e from "../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { Button as t } from "../Button/Button.js";
 import { FormControl as n } from "../forms/FormControl/FormControl.js";
 import r from "./CTAForm.module.js";

package/esm/CTAForm/CTAForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CTAForm.js","names":[],"sources":["../../src/CTAForm/CTAForm.tsx"],"sourcesContent":["import React, {forwardRef, type Ref} from 'react'\nimport {clsx} from 'clsx'\nimport {Button, FormControl} from '../'\n\nimport styles from './CTAForm.module.css'\n\nconst Root = forwardRef(\n  ({className, ...rest}: React.FormHTMLAttributes<HTMLFormElement>, ref: Ref<HTMLFormElement>) => {\n    return <form ref={ref} className={clsx(styles.CTAForm, className)} {...rest} />\n  },\n)\n\nconst _Input = forwardRef(\n  ({className, children, ...rest}: React.HTMLAttributes<HTMLDivElement>, ref: Ref<HTMLDivElement>) => {\n    const transformedChildren = React.Children.toArray(children).map(child => {\n      if (React.isValidElement<React.ComponentProps<typeof FormControl>>(child) && child.type === FormControl) {\n        return React.cloneElement(child, {\n          fullWidth: true,\n          required: true,\n          ...child.props,\n        })\n      }\n      return child\n    })\n\n    return (\n      <div ref={ref} className={clsx(styles['CTAForm-input'], className)} {...rest}>\n        {transformedChildren}\n      </div>\n    )\n  },\n)\n\nconst _Confirm = forwardRef(\n  ({className, children, ...rest}: React.HTMLAttributes<HTMLDivElement>, ref: Ref<HTMLDivElement>) => {\n    const transformedChildren = React.Children.toArray(children).map(child => {\n      if (React.isValidElement<React.ComponentProps<typeof FormControl>>(child) && child.type === FormControl) {\n        return React.cloneElement(child, {\n          fullWidth: true,\n          size: 'large',\n          ...child.props,\n        })\n      }\n      return child\n    })\n    return (\n      <div ref={ref} className={clsx(styles['CTAForm-confirm'], className)} {...rest}>\n        {transformedChildren}\n      </div>\n    )\n  },\n)\n\nconst _Action = forwardRef(\n  (\n    {className, children, ...rest}: Omit<React.ComponentProps<typeof Button>, 'variant' | 'type'>,\n    ref: Ref<HTMLButtonElement>,\n  ) => {\n    return (\n      <Button\n        type=\"submit\"\n        variant=\"secondary\"\n        className={clsx(styles['CTAForm-button'], className)}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </Button>\n    )\n  },\n)\n\nexport const CTAForm = Object.assign(Root, {Input: _Input, Confirm: _Confirm, Action: _Action})\n"],"mappings":";;;;;;;AAMA,IAAM,IAAO,GACV,EAAC,cAAW,GAAG,KAAkD,MACzD,kBAAC,QAAD;CAAW;CAAK,WAAW,EAAK,EAAO,SAAS,EAAU;CAAE,GAAI;CAAQ,CAAA,CAElF,EAEK,IAAS,GACZ,EAAC,cAAW,aAAU,GAAG,KAA6C,MAA6B;CAClG,IAAM,IAAsB,EAAM,SAAS,QAAQ,EAAS,CAAC,KAAI,MAC3D,EAAM,eAAyD,EAAM,IAAI,EAAM,SAAS,IACnF,EAAM,aAAa,GAAO;EAC/B,WAAW;EACX,UAAU;EACV,GAAG,EAAM;EACV,CAAC,GAEG,EACP;AAEF,QACE,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAK,EAAO,kBAAkB,EAAU;EAAE,GAAI;YACrE;EACG,CAAA;EAGX,EAEK,IAAW,GACd,EAAC,cAAW,aAAU,GAAG,KAA6C,MAA6B;CAClG,IAAM,IAAsB,EAAM,SAAS,QAAQ,EAAS,CAAC,KAAI,MAC3D,EAAM,eAAyD,EAAM,IAAI,EAAM,SAAS,IACnF,EAAM,aAAa,GAAO;EAC/B,WAAW;EACX,MAAM;EACN,GAAG,EAAM;EACV,CAAC,GAEG,EACP;AACF,QACE,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAK,EAAO,oBAAoB,EAAU;EAAE,GAAI;YACvE;EACG,CAAA;EAGX,EAEK,IAAU,GAEZ,EAAC,cAAW,aAAU,GAAG,KACzB,MAGE,kBAAC,GAAD;CACE,MAAK;CACL,SAAQ;CACR,WAAW,EAAK,EAAO,mBAAmB,EAAU;CAC/C;CACL,GAAI;CAEH;CACM,CAAA,CAGd,EAEY,IAAU,OAAO,OAAO,GAAM;CAAC,OAAO;CAAQ,SAAS;CAAU,QAAQ;CAAQ,CAAC"}
+{"version":3,"file":"CTAForm.js","names":[],"sources":["../../src/CTAForm/CTAForm.tsx"],"sourcesContent":["import React, {forwardRef, type Ref} from 'react'\nimport {clsx} from 'clsx'\nimport {Button, FormControl} from '../'\n\nimport styles from './CTAForm.module.css'\n\nconst Root = forwardRef(\n  ({className, ...rest}: React.FormHTMLAttributes<HTMLFormElement>, ref: Ref<HTMLFormElement>) => {\n    return <form ref={ref} className={clsx(styles.CTAForm, className)} {...rest} />\n  },\n)\n\nconst _Input = forwardRef(\n  ({className, children, ...rest}: React.HTMLAttributes<HTMLDivElement>, ref: Ref<HTMLDivElement>) => {\n    const transformedChildren = React.Children.toArray(children).map(child => {\n      if (React.isValidElement<React.ComponentProps<typeof FormControl>>(child) && child.type === FormControl) {\n        return React.cloneElement(child, {\n          fullWidth: true,\n          required: true,\n          ...child.props,\n        })\n      }\n      return child\n    })\n\n    return (\n      <div ref={ref} className={clsx(styles['CTAForm-input'], className)} {...rest}>\n        {transformedChildren}\n      </div>\n    )\n  },\n)\n\nconst _Confirm = forwardRef(\n  ({className, children, ...rest}: React.HTMLAttributes<HTMLDivElement>, ref: Ref<HTMLDivElement>) => {\n    const transformedChildren = React.Children.toArray(children).map(child => {\n      if (React.isValidElement<React.ComponentProps<typeof FormControl>>(child) && child.type === FormControl) {\n        return React.cloneElement(child, {\n          fullWidth: true,\n          size: 'large',\n          ...child.props,\n        })\n      }\n      return child\n    })\n    return (\n      <div ref={ref} className={clsx(styles['CTAForm-confirm'], className)} {...rest}>\n        {transformedChildren}\n      </div>\n    )\n  },\n)\n\nconst _Action = forwardRef(\n  (\n    {className, children, ...rest}: Omit<React.ComponentProps<typeof Button>, 'variant' | 'type'>,\n    ref: Ref<HTMLButtonElement>,\n  ) => {\n    return (\n      <Button\n        type=\"submit\"\n        variant=\"secondary\"\n        className={clsx(styles['CTAForm-button'], className)}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </Button>\n    )\n  },\n)\n\nexport const CTAForm = Object.assign(Root, {Input: _Input, Confirm: _Confirm, Action: _Action})\n"],"mappings":";;;;;;;AAMA,IAAM,IAAO,GACV,EAAC,cAAW,GAAG,KAAkD,MACzD,kBAAC,QAAD;CAAW;CAAK,WAAW,EAAK,EAAO,SAAS,CAAS;CAAG,GAAI;AAAO,CAAA,CAElF,GAEM,IAAS,GACZ,EAAC,cAAW,aAAU,GAAG,KAA6C,MAA6B;CAClG,IAAM,IAAsB,EAAM,SAAS,QAAQ,CAAQ,CAAC,CAAC,KAAI,MAC3D,EAAM,eAAyD,CAAK,KAAK,EAAM,SAAS,IACnF,EAAM,aAAa,GAAO;EAC/B,WAAW;EACX,UAAU;EACV,GAAG,EAAM;CACX,CAAC,IAEI,CACR;CAED,OACE,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAK,EAAO,kBAAkB,CAAS;EAAG,GAAI;YACrE;CACE,CAAA;AAET,CACF,GAEM,IAAW,GACd,EAAC,cAAW,aAAU,GAAG,KAA6C,MAA6B;CAClG,IAAM,IAAsB,EAAM,SAAS,QAAQ,CAAQ,CAAC,CAAC,KAAI,MAC3D,EAAM,eAAyD,CAAK,KAAK,EAAM,SAAS,IACnF,EAAM,aAAa,GAAO;EAC/B,WAAW;EACX,MAAM;EACN,GAAG,EAAM;CACX,CAAC,IAEI,CACR;CACD,OACE,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAK,EAAO,oBAAoB,CAAS;EAAG,GAAI;YACvE;CACE,CAAA;AAET,CACF,GAEM,IAAU,GAEZ,EAAC,cAAW,aAAU,GAAG,KACzB,MAGE,kBAAC,GAAD;CACE,MAAK;CACL,SAAQ;CACR,WAAW,EAAK,EAAO,mBAAmB,CAAS;CAC9C;CACL,GAAI;CAEH;AACK,CAAA,CAGd,GAEa,IAAU,OAAO,OAAO,GAAM;CAAC,OAAO;CAAQ,SAAS;CAAU,QAAQ;AAAO,CAAC"}

package/esm/CTAForm/CTAForm.module.js

@@ -1,10 +1,11 @@
-import './CTAForm.module-Nf5sHaJq.css';var e = {
-	CTAForm: "Primer_Brand__CTAForm-module__CTAForm___f2NXs",
+import './CTAForm.module-Nf5sHaJq.css';//#region src/CTAForm/CTAForm.module.css
+var e = "Primer_Brand__CTAForm-module__CTAForm___f2NXs", t = {
+	CTAForm: e,
 	"CTAForm-input": "Primer_Brand__CTAForm-module__CTAForm-input___Jig33",
 	"CTAForm-confirm": "Primer_Brand__CTAForm-module__CTAForm-confirm___AqjVn",
 	"CTAForm-button": "Primer_Brand__CTAForm-module__CTAForm-button___JyHUP"
 };
 //#endregion
-export { e as default };
+export { e as CTAForm, t as default };
 
 //# sourceMappingURL=CTAForm.module.js.map

package/esm/Card/Card.d.ts

@@ -77,7 +77,7 @@ export type CardImageProps = {
     position?: 'block-start' | 'block-end';
     padding?: CardImagePadding;
 } & ImageProps;
-declare function CardImage({ className, position, padding, ...rest }: CardImageProps): import("react/jsx-runtime").JSX.Element;
+declare function CardImage({ className, position, padding, ...rest }: CardImageProps): React.JSX.Element;
 type CardIconProps = IconProps;
 type CardTokensProps = BaseProps<HTMLDivElement> & {
     children: React.ReactNode | React.ReactNode[];
@@ -101,7 +101,7 @@ type CardDescriptionProps = BaseProps<HTMLParagraphElement> & {
  */
 export declare const Card: React.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
     Image: typeof CardImage;
-    Icon: ({ className, hasBackground, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+    Icon: ({ className, hasBackground, ...props }: IconProps) => React.JSX.Element;
     Label: React.ForwardRefExoticComponent<Omit<CardLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
     Tokens: React.ForwardRefExoticComponent<Omit<CardTokensProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Heading: React.ForwardRefExoticComponent<Omit<CardHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

package/esm/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"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"}