@primer/react-brand 0.77.0 → 0.78.0-rc.6fbe9fb5

package/esm/ButtonGroup/ButtonGroup.js

@@ -1,32 +1,54 @@
 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";
-import i, { forwardRef as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
+import { IconButton as n } from "../IconButton/IconButton.js";
+import { ActionMenu as r } from "../ActionMenu/ActionMenu.js";
+import i from "./ButtonGroup.module.js";
+import a, { forwardRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/ButtonGroup/ButtonGroup.tsx
-var s = a(({ buttonSize: a = "medium", buttonsAs: s, className: c, children: l, ...u }, d) => {
-	let f = i.Children.toArray(l).filter((e) => i.isValidElement(e) && (e.type === t || e.type === n)).slice(0, 2).map((e, r) => {
-		let o = r === 0 ? "primary" : "secondary";
-		if (i.isValidElement(e) && e.type === t) return i.cloneElement(e, {
-			size: e.props.size ?? a,
-			as: e.props.as ?? s,
-			variant: e.props.variant ?? o
-		});
-		let c = e, l = a === "large" ? "medium" : a, u = i.Children.map(c.props.children, (e) => i.isValidElement(e) && e.type === n.Button ? i.cloneElement(e, { variant: e.props.variant ?? o }) : e);
-		return i.cloneElement(c, {
-			children: u,
-			size: c.props.size ?? l
+var c = ["default", "joined"], l = c[0], u = o(({ buttonSize: o = "medium", buttonsAs: c, className: u, children: d, variant: f = l, ...p }, m) => {
+	let h = a.Children.toArray(d).filter((e) => a.isValidElement(e) && (e.type === t || e.type === n || e.type === r)), g = h.length > 0 && h.every((e) => e.type === t || e.type === n), _ = f === "joined" && g, v = _ ? h : h.slice(0, 2);
+	process.env.NODE_ENV !== "production" && f === "joined" && !g && console.warn("ButtonGroup variant=\"joined\" supports only Button and IconButton children.");
+	let y = v.map((l, u) => {
+		let d = _ ? "secondary" : u === 0 ? "primary" : "secondary";
+		if (a.isValidElement(l) && l.type === t) {
+			let t = a.cloneElement(l, {
+				size: l.props.size ?? o,
+				as: l.props.as ?? c,
+				variant: l.props.variant ?? d,
+				className: e(l.props.className, _ && i.ButtonGroup__joinedButton)
+			});
+			return _ ? /* @__PURE__ */ s("span", {
+				className: i.ButtonGroup__item,
+				children: t
+			}, l.key ?? u) : t;
+		}
+		if (a.isValidElement(l) && l.type === n) {
+			let t = a.cloneElement(l, {
+				size: l.props.size ?? o,
+				as: l.props.as ?? c,
+				variant: l.props.variant ?? d,
+				className: e(l.props.className, _ && i.ButtonGroup__joinedButton)
+			});
+			return _ ? /* @__PURE__ */ s("span", {
+				className: i.ButtonGroup__item,
+				children: t
+			}, l.key ?? u) : t;
+		}
+		let f = l, p = o === "large" ? "medium" : o, m = a.Children.map(f.props.children, (e) => a.isValidElement(e) && e.type === r.Button ? a.cloneElement(e, { variant: e.props.variant ?? d }) : e);
+		return a.cloneElement(f, {
+			children: m,
+			size: f.props.size ?? p
 		});
 	});
-	return /* @__PURE__ */ o("section", {
-		ref: d,
-		...u,
-		className: e(r.ButtonGroup, c),
-		children: f
+	return /* @__PURE__ */ s("section", {
+		ref: m,
+		...p,
+		className: e(i.ButtonGroup, _ && i["ButtonGroup--variant-joined"], u),
+		children: y
 	});
 });
 //#endregion
-export { s as ButtonGroup };
+export { u as ButtonGroup, c as ButtonGroupVariants, l as defaultButtonGroupVariant };
 
 //# sourceMappingURL=ButtonGroup.js.map

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,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"}
+{"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 {IconButton, type IconButtonProps} from '../IconButton'\nimport {ActionMenu, ActionMenuProps} from '../ActionMenu'\nimport styles from './ButtonGroup.module.css'\n\nexport type PrimerBrandButtonType = React.ReactElement<ButtonProps<React.ElementType<'button' | 'a'>>>\nexport type PrimerBrandIconButtonType = React.ReactElement<IconButtonProps<React.ElementType<'button' | 'a'>>>\nexport type PrimerBrandActionMenuType = React.ReactElement<ActionMenuProps>\nexport const ButtonGroupVariants = ['default', 'joined'] as const\nexport const defaultButtonGroupVariant = ButtonGroupVariants[0]\n\nexport type ButtonGroupVariant = (typeof ButtonGroupVariants)[number]\nexport type ButtonGroupChild =\n  | PrimerBrandButtonType\n  | PrimerBrandIconButtonType\n  | PrimerBrandActionMenuType\n  | false\n  | null\n  | undefined\n\nexport type ButtonGroupProps = BaseProps<HTMLDivElement> & {\n  children: ButtonGroupChild | ButtonGroupChild[]\n  buttonSize?: ButtonProps<'button' | 'a'>['size']\n  buttonsAs?: 'button' | 'a'\n  variant?: ButtonGroupVariant\n}\n\nexport const ButtonGroup = forwardRef(\n  (\n    {\n      buttonSize = 'medium',\n      buttonsAs,\n      className,\n      children,\n      variant = defaultButtonGroupVariant,\n      ...props\n    }: ButtonGroupProps,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    const supportedChildren = React.Children.toArray(children).filter(\n      (child): child is React.ReactElement =>\n        React.isValidElement(child) &&\n        (child.type === Button || child.type === IconButton || child.type === ActionMenu),\n    )\n    const supportsJoinedVariant =\n      supportedChildren.length > 0 &&\n      supportedChildren.every(child => child.type === Button || child.type === IconButton)\n\n    const isJoinedGroup = variant === 'joined' && supportsJoinedVariant\n\n    const childrenToRender = isJoinedGroup ? supportedChildren : supportedChildren.slice(0, 2)\n\n    if (process.env.NODE_ENV !== 'production' && variant === 'joined' && !supportsJoinedVariant) {\n      // eslint-disable-next-line no-console\n      console.warn('ButtonGroup variant=\"joined\" supports only Button and IconButton children.')\n    }\n\n    const buttonsToRender = childrenToRender.map((child, index) => {\n      const childVariant = isJoinedGroup ? 'secondary' : index === 0 ? 'primary' : 'secondary'\n\n      if (React.isValidElement<ButtonProps<'button' | 'a'>>(child) && child.type === Button) {\n        const button = React.cloneElement(child, {\n          size: child.props.size ?? buttonSize,\n          as: child.props.as ?? buttonsAs,\n          variant: child.props.variant ?? childVariant,\n          className: clsx(child.props.className, isJoinedGroup && styles.ButtonGroup__joinedButton),\n        })\n\n        if (isJoinedGroup) {\n          return (\n            <span className={styles.ButtonGroup__item} key={child.key ?? index}>\n              {button}\n            </span>\n          )\n        }\n\n        return button\n      }\n\n      if (React.isValidElement<IconButtonProps<'button' | 'a'>>(child) && child.type === IconButton) {\n        const iconButton = React.cloneElement(child, {\n          size: child.props.size ?? buttonSize,\n          as: child.props.as ?? buttonsAs,\n          variant: child.props.variant ?? childVariant,\n          className: clsx(child.props.className, isJoinedGroup && styles.ButtonGroup__joinedButton),\n        })\n\n        if (isJoinedGroup) {\n          return (\n            <span className={styles.ButtonGroup__item} key={child.key ?? index}>\n              {iconButton}\n            </span>\n          )\n        }\n\n        return iconButton\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 ?? childVariant,\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\n        ref={ref}\n        {...props}\n        className={clsx(styles.ButtonGroup, isJoinedGroup && styles['ButtonGroup--variant-joined'], className)}\n      >\n        {buttonsToRender}\n      </section>\n    )\n  },\n)\n"],"mappings":";;;;;;;;AAWA,IAAa,IAAsB,CAAC,WAAW,QAAQ,GAC1C,IAA4B,EAAoB,IAkBhD,IAAc,GAEvB,EACE,gBAAa,UACb,cACA,cACA,aACA,aAAU,GACV,GAAG,KAEL,MACG;CACH,IAAM,IAAoB,EAAM,SAAS,QAAQ,CAAQ,CAAC,CAAC,QACxD,MACC,EAAM,eAAe,CAAK,MACzB,EAAM,SAAS,KAAU,EAAM,SAAS,KAAc,EAAM,SAAS,EAC1E,GACM,IACJ,EAAkB,SAAS,KAC3B,EAAkB,OAAM,MAAS,EAAM,SAAS,KAAU,EAAM,SAAS,CAAU,GAE/E,IAAgB,MAAY,YAAY,GAExC,IAAmB,IAAgB,IAAoB,EAAkB,MAAM,GAAG,CAAC;CAEzF,AAAA,QAAA,IAAA,aAA6B,gBAAgB,MAAY,YAAY,CAAC,KAEpE,QAAQ,KAAK,8EAA4E;CAG3F,IAAM,IAAkB,EAAiB,KAAK,GAAO,MAAU;EAC7D,IAAM,IAAe,IAAgB,cAAc,MAAU,IAAI,YAAY;EAE7E,IAAI,EAAM,eAA4C,CAAK,KAAK,EAAM,SAAS,GAAQ;GACrF,IAAM,IAAS,EAAM,aAAa,GAAO;IACvC,MAAM,EAAM,MAAM,QAAQ;IAC1B,IAAI,EAAM,MAAM,MAAM;IACtB,SAAS,EAAM,MAAM,WAAW;IAChC,WAAW,EAAK,EAAM,MAAM,WAAW,KAAiB,EAAO,yBAAyB;GAC1F,CAAC;GAUD,OARI,IAEA,kBAAC,QAAD;IAAM,WAAW,EAAO;cACrB;GACG,GAF0C,EAAM,OAAO,CAEvD,IAIH;EACT;EAEA,IAAI,EAAM,eAAgD,CAAK,KAAK,EAAM,SAAS,GAAY;GAC7F,IAAM,IAAa,EAAM,aAAa,GAAO;IAC3C,MAAM,EAAM,MAAM,QAAQ;IAC1B,IAAI,EAAM,MAAM,MAAM;IACtB,SAAS,EAAM,MAAM,WAAW;IAChC,WAAW,EAAK,EAAM,MAAM,WAAW,KAAiB,EAAO,yBAAyB;GAC1F,CAAC;GAUD,OARI,IAEA,kBAAC,QAAD;IAAM,WAAW,EAAO;cACrB;GACG,GAF0C,EAAM,OAAO,CAEvD,IAIH;EACT;EAEA,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;CAED,OACE,kBAAC,WAAD;EACO;EACL,GAAI;EACJ,WAAW,EAAK,EAAO,aAAa,KAAiB,EAAO,gCAAgC,CAAS;YAEpG;CACM,CAAA;AAEb,CACF"}

package/esm/ButtonGroup/ButtonGroup.module-pJbqxGBe.css

@@ -0,0 +1 @@
+.Primer_Brand__ButtonGroup-module__ButtonGroup___YuqTd{gap:var(--base-size-8) var(--base-size-16);flex-flow:wrap;display:inline-flex}.Primer_Brand__ButtonGroup-module__ButtonGroup___YuqTd>*{flex-grow:1}.Primer_Brand__ButtonGroup-module__ButtonGroup--variant-joined___JqJHW{flex-wrap:nowrap;gap:0}.Primer_Brand__ButtonGroup-module__ButtonGroup--variant-joined___JqJHW .Primer_Brand__ButtonGroup-module__ButtonGroup__item___34yE0{flex-grow:0;display:flex;position:relative}.Primer_Brand__ButtonGroup-module__ButtonGroup--variant-joined___JqJHW .Primer_Brand__ButtonGroup-module__ButtonGroup__item___34yE0:not(:first-child){margin-inline-start:calc(var(--brand-borderWidth-thin) * -1)}.Primer_Brand__ButtonGroup-module__ButtonGroup--variant-joined___JqJHW .Primer_Brand__ButtonGroup-module__ButtonGroup__item___34yE0:focus-within{z-index:1}.Primer_Brand__ButtonGroup-module__ButtonGroup__joinedButton___XhlHg.Primer_Brand__ButtonGroup-module__ButtonGroup__joinedButton___XhlHg{border-radius:0}.Primer_Brand__ButtonGroup-module__ButtonGroup__item___34yE0:first-child .Primer_Brand__ButtonGroup-module__ButtonGroup__joinedButton___XhlHg{border-start-start-radius:var(--brand-borderRadius-medium);border-end-start-radius:var(--brand-borderRadius-medium)}.Primer_Brand__ButtonGroup-module__ButtonGroup__item___34yE0:last-child .Primer_Brand__ButtonGroup-module__ButtonGroup__joinedButton___XhlHg{border-start-end-radius:var(--brand-borderRadius-medium);border-end-end-radius:var(--brand-borderRadius-medium)}

package/esm/ButtonGroup/ButtonGroup.module.js

@@ -1,6 +1,11 @@
-import './ButtonGroup.module-wZYyupar.css';//#region src/ButtonGroup/ButtonGroup.module.css
-var e = "Primer_Brand__ButtonGroup-module__ButtonGroup___YuqTd", t = { ButtonGroup: e };
+import './ButtonGroup.module-pJbqxGBe.css';//#region src/ButtonGroup/ButtonGroup.module.css
+var e = "Primer_Brand__ButtonGroup-module__ButtonGroup___YuqTd", t = "Primer_Brand__ButtonGroup-module__ButtonGroup__item___34yE0", n = "Primer_Brand__ButtonGroup-module__ButtonGroup__joinedButton___XhlHg", r = {
+	ButtonGroup: e,
+	"ButtonGroup--variant-joined": "Primer_Brand__ButtonGroup-module__ButtonGroup--variant-joined___JqJHW",
+	ButtonGroup__item: t,
+	ButtonGroup__joinedButton: n
+};
 //#endregion
-export { e as ButtonGroup, t as default };
+export { e as ButtonGroup, t as ButtonGroup__item, n as ButtonGroup__joinedButton, r as default };
 
 //# sourceMappingURL=ButtonGroup.module.js.map

package/esm/ButtonGroup/ButtonGroup.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.module.js","names":[],"sources":["../../src/ButtonGroup/ButtonGroup.module.css"],"sourcesContent":[".ButtonGroup {\n  display: inline-flex;\n  gap: var(--base-size-8) var(--base-size-16);\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n\n.ButtonGroup > * {\n  flex-grow: 1;\n}\n"],"mappings":""}
+{"version":3,"file":"ButtonGroup.module.js","names":[],"sources":["../../src/ButtonGroup/ButtonGroup.module.css"],"sourcesContent":[".ButtonGroup {\n  display: inline-flex;\n  gap: var(--base-size-8) var(--base-size-16);\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n\n.ButtonGroup > * {\n  flex-grow: 1;\n}\n\n.ButtonGroup--variant-joined {\n  gap: 0;\n  flex-wrap: nowrap;\n}\n\n.ButtonGroup--variant-joined .ButtonGroup__item {\n  position: relative;\n  display: flex;\n  flex-grow: 0;\n}\n\n.ButtonGroup--variant-joined .ButtonGroup__item:not(:first-child) {\n  margin-inline-start: calc(var(--brand-borderWidth-thin) * -1);\n}\n\n.ButtonGroup--variant-joined .ButtonGroup__item:focus-within {\n  z-index: 1;\n}\n\n.ButtonGroup__joinedButton.ButtonGroup__joinedButton {\n  border-radius: 0;\n}\n\n.ButtonGroup__item:first-child .ButtonGroup__joinedButton {\n  border-start-start-radius: var(--brand-borderRadius-medium);\n  border-end-start-radius: var(--brand-borderRadius-medium);\n}\n\n.ButtonGroup__item:last-child .ButtonGroup__joinedButton {\n  border-start-end-radius: var(--brand-borderRadius-medium);\n  border-end-end-radius: var(--brand-borderRadius-medium);\n}\n"],"mappings":""}

package/esm/FAQ/{FAQGroup.module-qm5jP0zF.css → FAQGroup.module-DNyxktEm.css}

@@ -1 +1 @@
-.Primer_Brand__FAQGroup-module__FAQGroup___YEL8U{justify-content:space-between;gap:var(--brand-stack-gap-spacious);display:none}.Primer_Brand__FAQGroup-module__FAQGroup__accordion___UP5VM{margin-block-start:var(--base-size-48)}.Primer_Brand__FAQGroup-module__FAQGroup__panel-subHeading___hpXCw{text-transform:uppercase;font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);margin-block-start:calc(var(--base-size-8) + 1px)}.Primer_Brand__FAQGroup-module__FAQGroup__tablist___iBu9X .Primer_Brand__FAQGroup-module__FAQ__heading___HjZwb{display:none}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R{appearance:none;padding-block:var(--base-size-8);cursor:pointer;align-items:center;gap:var(--base-size-12);width:100%;font-family:var(--brand-fontStack-monospace);font-size:var(--brand-text-size-100);font-weight:var(--brand-text-weight-500);line-height:var(--brand-text-lineHeight-100);letter-spacing:.15px;text-transform:uppercase;text-align:start;color:var(--brand-color-text-muted);text-overflow:ellipsis;white-space:nowrap;transition:gap var(--brand-animation-duration-fast) var(--brand-animation-easing-default);background-color:#0000;border:none;padding-inline:0;display:flex;overflow:hidden}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:2px}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R:before{content:"";width:calc(var(--base-size-8) + var(--base-size-2));height:var(--base-size-12);background-color:var(--brand-FAQGroup-buttonIndicator-idle);transform-origin:0;transition:transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default), background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);flex-shrink:0;display:block;transform:scaleX(.7)}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R:hover:before{background-color:var(--brand-FAQGroup-buttonIndicator-hover)}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R[aria-selected=true]{color:var(--brand-FAQ-color-tabLabel-selected);gap:calc(var(--base-size-12) + 3px)}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R[aria-selected=true]:before{background-color:var(--brand-FAQGroup-buttonIndicator-active);transform:scaleX(1)}.Primer_Brand__FAQGroup-module__FAQGroup__nested-accordion-item___Bh12D summary h4{font-weight:var(--brand-text-weight-200);font-size:var(--brand-text-size-200);line-height:var(--brand-text-lineHeight-200)}.Primer_Brand__FAQGroup-module__FAQGroup__tablist--gridline___9dsD5{padding-inline-start:var(--base-size-48);padding-block:var(--base-size-80)}.Primer_Brand__FAQGroup-module__FAQGroup__content--gridline___Xu44n{border-inline-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-inline:var(--base-size-64);padding-block-start:var(--base-size-80);padding-block-end:var(--base-size-96)}@media (forced-colors:active){.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R[aria-selected=true]{border-color:highlight;border-width:var(--brand-borderWidth-thicker);color:highlighttext}}.Primer_Brand__FAQGroup-module__FAQGroup__heading___RypDB{padding-inline:var(--base-size-20)}@media screen and (width>=618px){.Primer_Brand__FAQGroup-module__FAQGroup__gridline-wrapper___7IC44{border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__FAQGroup-module__FAQGroup__accordion___UP5VM{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);max-width:618px;margin-block-start:0;margin-inline:auto}.Primer_Brand__FAQGroup-module__FAQGroup__heading___RypDB{max-width:618px;margin:0 auto}.Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper___pYwfs{padding-block-end:var(--base-size-40)}.Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper--gridline___nZYpp{border-block-end:var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid}.Primer_Brand__FAQGroup-module__FAQGroup__accordion--gridline___6GLEm:first-child summary{border-block-start:none!important}.Primer_Brand__FAQGroup-module__FAQGroup__accordion--gridline___6GLEm:last-child summary{border-block-end:none!important}}@media screen and (width>=63.25rem){.Primer_Brand__FAQGroup-module__FAQGroup___YEL8U{display:grid}.Primer_Brand__FAQGroup-module__FAQGroup__accordion___UP5VM{display:none}.Primer_Brand__FAQGroup-module__FAQGroup__heading___RypDB{max-width:100%;padding-inline:0}.Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper___pYwfs{padding-block-end:var(--base-size-64)}}@media screen and (width>=80rem){.Primer_Brand__FAQGroup-module__FAQGroup__tablist--gridline___9dsD5{border-inline-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__FAQGroup-module__FAQGroup__content--gridline___Xu44n{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}
+.Primer_Brand__FAQGroup-module__FAQGroup___YEL8U{justify-content:space-between;gap:var(--brand-stack-gap-spacious);display:none}.Primer_Brand__FAQGroup-module__FAQGroup__accordion___UP5VM{margin-block-start:var(--base-size-48)}.Primer_Brand__FAQGroup-module__FAQGroup__panel-subHeading___hpXCw{text-transform:uppercase;font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);margin-block-start:calc(var(--base-size-8) + 1px)}.Primer_Brand__FAQGroup-module__FAQGroup__tablist___iBu9X .Primer_Brand__FAQGroup-module__FAQ__heading___HjZwb{display:none}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R{appearance:none;padding-block:var(--base-size-8);cursor:pointer;align-items:center;gap:var(--base-size-12);width:100%;font-family:var(--brand-fontStack-monospace);font-size:var(--brand-text-size-100);font-weight:var(--brand-text-weight-500);line-height:var(--brand-text-lineHeight-100);letter-spacing:.15px;text-transform:uppercase;text-align:start;color:var(--brand-color-text-muted);text-overflow:ellipsis;white-space:nowrap;transition:gap var(--brand-animation-duration-fast) var(--brand-animation-easing-default);background-color:#0000;border:none;padding-inline:0;display:flex;overflow:hidden}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:2px}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R:before{content:"";width:calc(var(--base-size-8) + var(--base-size-2));height:var(--base-size-12);background-color:var(--brand-FAQGroup-buttonIndicator-idle);transform-origin:0;transition:transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default), background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);flex-shrink:0;display:block;transform:scaleX(.7)}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R:hover:before{background-color:var(--brand-FAQGroup-buttonIndicator-hover)}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R[aria-selected=true]{color:var(--brand-FAQ-color-tabLabel-selected);gap:calc(var(--base-size-12) + 3px)}.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R[aria-selected=true]:before{background-color:var(--brand-FAQGroup-buttonIndicator-active);transform:scaleX(1)}.Primer_Brand__FAQGroup-module__FAQGroup__nested-accordion-item___Bh12D summary h4{font-weight:var(--brand-text-weight-200);font-size:var(--brand-text-size-200);line-height:var(--brand-text-lineHeight-200)}.Primer_Brand__FAQGroup-module__FAQGroup__tablist--gridline___9dsD5{padding-inline-start:var(--base-size-48);padding-block:var(--base-size-80)}.Primer_Brand__FAQGroup-module__FAQGroup__content--gridline___Xu44n{border-inline-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-inline:var(--base-size-64);padding-block-start:var(--base-size-80);padding-block-end:var(--base-size-96)}@media (forced-colors:active){.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___VAe_R[aria-selected=true]{border-color:highlight;border-width:var(--brand-borderWidth-thicker);color:highlighttext}}.Primer_Brand__FAQGroup-module__FAQGroup__heading___RypDB{padding-inline:var(--base-size-20)}@media screen and (width>=618px){.Primer_Brand__FAQGroup-module__FAQGroup__gridline-wrapper___7IC44{border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__FAQGroup-module__FAQGroup__accordion___UP5VM{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);max-width:618px;margin-block-start:0;margin-inline:auto}.Primer_Brand__FAQGroup-module__FAQGroup__heading___RypDB{max-width:618px;margin:0 auto}.Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper___pYwfs{padding-block-end:var(--base-size-40)}.Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper--gridline___nZYpp{border-block-end:var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid}.Primer_Brand__FAQGroup-module__FAQGroup__accordion--gridline___6GLEm:first-child summary{border-block-start:none!important}.Primer_Brand__FAQGroup-module__FAQGroup__accordion--gridline___6GLEm:last-child summary{border-block-end:none!important}}@media screen and (width>=63.25rem){.Primer_Brand__FAQGroup-module__FAQGroup___YEL8U{display:grid}.Primer_Brand__FAQGroup-module__FAQGroup__accordion___UP5VM{display:none}.Primer_Brand__FAQGroup-module__FAQGroup__heading___RypDB{max-width:100%;padding-inline:0}.Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper--gridline___nZYpp .Primer_Brand__FAQGroup-module__FAQGroup__heading___RypDB{padding-inline-start:var(--base-size-44)}.Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper___pYwfs{padding-block-end:var(--base-size-64)}}@media screen and (width>=80rem){.Primer_Brand__FAQGroup-module__FAQGroup__tablist--gridline___9dsD5{border-inline-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__FAQGroup-module__FAQGroup__content--gridline___Xu44n{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}

package/esm/FAQ/FAQGroup.module.js

@@ -1,4 +1,4 @@
-import './FAQGroup.module-qm5jP0zF.css';//#region src/FAQ/FAQGroup.module.css
+import './FAQGroup.module-DNyxktEm.css';//#region src/FAQ/FAQGroup.module.css
 var e = "Primer_Brand__FAQGroup-module__FAQGroup___YEL8U", t = "Primer_Brand__FAQGroup-module__FAQGroup__accordion___UP5VM", n = "Primer_Brand__FAQGroup-module__FAQGroup__tablist___iBu9X", r = "Primer_Brand__FAQGroup-module__FAQ__heading___HjZwb", i = "Primer_Brand__FAQGroup-module__FAQGroup__heading___RypDB", a = {
 	FAQGroup: e,
 	FAQGroup__accordion: t,

package/esm/FAQ/FAQGroup.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"FAQGroup.module.js","names":[],"sources":["../../src/FAQ/FAQGroup.module.css"],"sourcesContent":[".FAQGroup {\n  display: none;\n  justify-content: space-between;\n  gap: var(--brand-stack-gap-spacious);\n}\n\n.FAQGroup__accordion {\n  margin-block-start: var(--base-size-48);\n}\n\n.FAQGroup__panel-subHeading {\n  margin-block-start: calc(var(--base-size-8) + 1px);\n  text-transform: uppercase;\n  font-size: var(--brand-text-size-100);\n  line-height: var(--brand-text-lineHeight-100);\n}\n\n.FAQGroup__tablist .FAQ__heading {\n  display: none;\n}\n\n.FAQGroup__tablist-button {\n  appearance: none;\n  border: none;\n  background-color: transparent;\n  padding-block: var(--base-size-8);\n  padding-inline: 0;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: var(--base-size-12);\n  width: 100%;\n  font-family: var(--brand-fontStack-monospace);\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--brand-text-weight-500);\n  line-height: var(--brand-text-lineHeight-100);\n  letter-spacing: 0.15px;\n  text-transform: uppercase;\n  text-align: start;\n  color: var(--brand-color-text-muted);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  transition: gap var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.FAQGroup__tablist-button:focus-visible {\n  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n  outline-offset: 2px;\n}\n\n.FAQGroup__tablist-button::before {\n  content: '';\n  display: block;\n  width: calc(var(--base-size-8) + var(--base-size-2));\n  height: var(--base-size-12);\n  flex-shrink: 0;\n  background-color: var(--brand-FAQGroup-buttonIndicator-idle);\n  transform: scaleX(0.7);\n  transform-origin: left;\n  transition: transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default),\n    background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.FAQGroup__tablist-button:hover::before {\n  background-color: var(--brand-FAQGroup-buttonIndicator-hover);\n}\n\n.FAQGroup__tablist-button[aria-selected='true'] {\n  color: var(--brand-FAQ-color-tabLabel-selected);\n  gap: calc(var(--base-size-12) + 3px);\n}\n\n.FAQGroup__tablist-button[aria-selected='true']::before {\n  transform: scaleX(1);\n  background-color: var(--brand-FAQGroup-buttonIndicator-active);\n}\n\n.FAQGroup__nested-accordion-item summary h4 {\n  font-weight: var(--brand-text-weight-200);\n  font-size: var(--brand-text-size-200);\n  line-height: var(--brand-text-lineHeight-200);\n}\n\n/* Gridline variant */\n\n.FAQGroup__tablist--gridline {\n  padding-inline-start: var(--base-size-48);\n  padding-block: var(--base-size-80);\n}\n\n.FAQGroup__content--gridline {\n  border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  padding-inline: var(--base-size-64);\n  padding-block-start: var(--base-size-80);\n  padding-block-end: var(--base-size-96);\n}\n\n@media (forced-colors: active) {\n  .FAQGroup__tablist-button[aria-selected='true'] {\n    border-color: Highlight;\n    border-width: var(--brand-borderWidth-thicker);\n    color: HighlightText;\n  }\n}\n\n.FAQGroup__heading {\n  padding-inline: var(--base-size-20);\n}\n\n/* Custom tablet breakpoint */\n@media screen and (min-width: 618px) {\n  .FAQGroup__gridline-wrapper {\n    border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .FAQGroup__accordion {\n    margin-block-start: 0;\n    max-width: 618px;\n    margin-inline: auto;\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n  .FAQGroup__heading {\n    max-width: 618px;\n    margin: 0 auto;\n  }\n\n  .FAQGroup__heading-wrapper {\n    padding-block-end: var(--base-size-40);\n  }\n  .FAQGroup__heading-wrapper--gridline {\n    border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;\n  }\n\n  .FAQGroup__accordion--gridline:first-child summary {\n    border-block-start: none !important;\n  }\n\n  .FAQGroup__accordion--gridline:last-child summary {\n    border-block-end: none !important;\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .FAQGroup {\n    display: grid;\n  }\n\n  .FAQGroup__accordion {\n    display: none;\n  }\n\n  .FAQGroup__heading {\n    padding-inline: 0;\n    max-width: 100%;\n  }\n\n  .FAQGroup__heading-wrapper {\n    padding-block-end: var(--base-size-64);\n  }\n}\n\n@media screen and (min-width: 80rem) {\n  .FAQGroup__tablist--gridline {\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .FAQGroup__content--gridline {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"FAQGroup.module.js","names":[],"sources":["../../src/FAQ/FAQGroup.module.css"],"sourcesContent":[".FAQGroup {\n  display: none;\n  justify-content: space-between;\n  gap: var(--brand-stack-gap-spacious);\n}\n\n.FAQGroup__accordion {\n  margin-block-start: var(--base-size-48);\n}\n\n.FAQGroup__panel-subHeading {\n  margin-block-start: calc(var(--base-size-8) + 1px);\n  text-transform: uppercase;\n  font-size: var(--brand-text-size-100);\n  line-height: var(--brand-text-lineHeight-100);\n}\n\n.FAQGroup__tablist .FAQ__heading {\n  display: none;\n}\n\n.FAQGroup__tablist-button {\n  appearance: none;\n  border: none;\n  background-color: transparent;\n  padding-block: var(--base-size-8);\n  padding-inline: 0;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: var(--base-size-12);\n  width: 100%;\n  font-family: var(--brand-fontStack-monospace);\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--brand-text-weight-500);\n  line-height: var(--brand-text-lineHeight-100);\n  letter-spacing: 0.15px;\n  text-transform: uppercase;\n  text-align: start;\n  color: var(--brand-color-text-muted);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  transition: gap var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.FAQGroup__tablist-button:focus-visible {\n  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n  outline-offset: 2px;\n}\n\n.FAQGroup__tablist-button::before {\n  content: '';\n  display: block;\n  width: calc(var(--base-size-8) + var(--base-size-2));\n  height: var(--base-size-12);\n  flex-shrink: 0;\n  background-color: var(--brand-FAQGroup-buttonIndicator-idle);\n  transform: scaleX(0.7);\n  transform-origin: left;\n  transition: transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default),\n    background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.FAQGroup__tablist-button:hover::before {\n  background-color: var(--brand-FAQGroup-buttonIndicator-hover);\n}\n\n.FAQGroup__tablist-button[aria-selected='true'] {\n  color: var(--brand-FAQ-color-tabLabel-selected);\n  gap: calc(var(--base-size-12) + 3px);\n}\n\n.FAQGroup__tablist-button[aria-selected='true']::before {\n  transform: scaleX(1);\n  background-color: var(--brand-FAQGroup-buttonIndicator-active);\n}\n\n.FAQGroup__nested-accordion-item summary h4 {\n  font-weight: var(--brand-text-weight-200);\n  font-size: var(--brand-text-size-200);\n  line-height: var(--brand-text-lineHeight-200);\n}\n\n/* Gridline variant */\n\n.FAQGroup__tablist--gridline {\n  padding-inline-start: var(--base-size-48);\n  padding-block: var(--base-size-80);\n}\n\n.FAQGroup__content--gridline {\n  border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  padding-inline: var(--base-size-64);\n  padding-block-start: var(--base-size-80);\n  padding-block-end: var(--base-size-96);\n}\n\n@media (forced-colors: active) {\n  .FAQGroup__tablist-button[aria-selected='true'] {\n    border-color: Highlight;\n    border-width: var(--brand-borderWidth-thicker);\n    color: HighlightText;\n  }\n}\n\n.FAQGroup__heading {\n  padding-inline: var(--base-size-20);\n}\n\n/* Custom tablet breakpoint */\n@media screen and (min-width: 618px) {\n  .FAQGroup__gridline-wrapper {\n    border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .FAQGroup__accordion {\n    margin-block-start: 0;\n    max-width: 618px;\n    margin-inline: auto;\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n  .FAQGroup__heading {\n    max-width: 618px;\n    margin: 0 auto;\n  }\n\n  .FAQGroup__heading-wrapper {\n    padding-block-end: var(--base-size-40);\n  }\n  .FAQGroup__heading-wrapper--gridline {\n    border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;\n  }\n\n  .FAQGroup__accordion--gridline:first-child summary {\n    border-block-start: none !important;\n  }\n\n  .FAQGroup__accordion--gridline:last-child summary {\n    border-block-end: none !important;\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .FAQGroup {\n    display: grid;\n  }\n\n  .FAQGroup__accordion {\n    display: none;\n  }\n\n  .FAQGroup__heading {\n    padding-inline: 0;\n    max-width: 100%;\n  }\n\n  .FAQGroup__heading-wrapper--gridline .FAQGroup__heading {\n    padding-inline-start: var(--base-size-44);\n  }\n\n  .FAQGroup__heading-wrapper {\n    padding-block-end: var(--base-size-64);\n  }\n}\n\n@media screen and (min-width: 80rem) {\n  .FAQGroup__tablist--gridline {\n    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n\n  .FAQGroup__content--gridline {\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  }\n}\n"],"mappings":""}

package/esm/IconButton/IconButton.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { Icon } from '@primer/octicons-react';
+import { type TooltipDirection } from '../Tooltip';
+import type { BaseProps } from '../component-helpers';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon-button/base.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon-button/colors-with-modes.css';
+export declare const IconButtonVariants: readonly ["primary", "secondary", "subtle", "danger", "invisible"];
+export declare const IconButtonSizes: readonly ["small", "medium", "large"];
+export declare const defaultIconButtonVariant: "secondary";
+export declare const defaultIconButtonSize: "medium";
+export type IconButtonVariant = (typeof IconButtonVariants)[number];
+export type IconButtonSize = (typeof IconButtonSizes)[number];
+type IconButtonBaseProps<C extends React.ElementType> = Omit<BaseProps<C>, 'ref'> & {
+    as?: C;
+    variant?: IconButtonVariant;
+    icon: Icon;
+    'aria-label': string;
+    description?: string;
+    inactive?: boolean;
+    loading?: boolean;
+    loadingAnnouncement?: string;
+    rounded?: boolean;
+    size?: IconButtonSize;
+    tooltipDirection?: TooltipDirection;
+};
+export type IconButtonProps<C extends React.ElementType = 'button'> = IconButtonBaseProps<C> & Omit<React.ComponentPropsWithoutRef<C>, keyof IconButtonBaseProps<C> | 'children'>;
+type IconButtonComponent = <C extends React.ElementType = 'button'>(props: IconButtonProps<C> & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
+export declare const IconButton: IconButtonComponent;
+export {};
+//# sourceMappingURL=IconButton.d.ts.map

package/esm/IconButton/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAUhD,OAAO,EAA0B,KAAK,gBAAgB,EAAC,MAAM,YAAY,CAAA;AACzE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAEnD,OAAO,kGAAkG,CAAA;AACzG,OAAO,+GAA+G,CAAA;AAGtH,eAAO,MAAM,kBAAkB,oEAAsD,CAAA;AACrF,eAAO,MAAM,eAAe,uCAA4B,CAAA;AACxD,eAAO,MAAM,wBAAwB,aAAuB,CAAA;AAC5D,eAAO,MAAM,qBAAqB,UAAoB,CAAA;AAEtD,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;AACnE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7D,KAAK,mBAAmB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAClF,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,IAAI,EAAE,IAAI,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI,mBAAmB,CAAC,CAAC,CAAC,GAC1F,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,mBAAmB,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAA;AAYpF,KAAK,mBAAmB,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EAChE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAC/D,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;AAwG9B,eAAO,MAAM,UAAU,EAAiC,mBAAmB,CAAA"}

package/esm/IconButton/IconButton.js

@@ -0,0 +1,68 @@
+import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
+import { Button as t, ButtonSizes as n, ButtonVariants as r, defaultButtonSize as i, defaultButtonVariant as a } from "../Button/Button.js";
+import { Tooltip as o, TooltipContext as s } from "../Tooltip/Tooltip.js";
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon-button/colors-with-modes-D7iaptsa.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon-button/base-DLPw97mz.css';/* empty css                                                                                            */
+/* empty css                                                                                                         */
+import c from "./IconButton.module.js";
+import l, { forwardRef as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/IconButton/IconButton.tsx
+var m = [
+	...r,
+	"danger",
+	"invisible"
+], h = [...n], g = a, _ = i, v = {
+	root: "IconButton",
+	get loadingIndicator() {
+		return `${this.root}-loading-indicator`;
+	},
+	get loadingAnnouncement() {
+		return `${this.root}-loading-announcement`;
+	}
+};
+function y({ as: n, icon: r, "aria-label": i, description: a, loading: u = !1, loadingAnnouncement: m = "Loading", rounded: h = !1, tooltipDirection: y = "s", size: b = _, variant: x = g, inactive: S = !1, disabled: C, className: w, onClick: T, "aria-disabled": E, "aria-expanded": D, "aria-haspopup": O, "data-testid": k, ...A }, j) {
+	let { tooltipId: M } = l.useContext(s), N = u && !C, P = S && !C && !N, F = !C && !M, I = a || i, L = x === "danger" ? "secondary" : x === "invisible" ? "subtle" : x;
+	process.env.NODE_ENV !== "production" && (i.trim() || console.warn("IconButton requires a non-empty `aria-label`."), [
+		C,
+		u,
+		S
+	].filter(Boolean).length > 1 && console.warn("IconButton has conflicting props for `disabled`, `loading`, or `inactive` states."));
+	let R = N ? /* @__PURE__ */ f("span", {
+		className: c.IconButton__loadingIndicator,
+		"data-testid": v.loadingIndicator
+	}) : /* @__PURE__ */ f(r, { className: c.IconButton__icon }), z = /* @__PURE__ */ f(t, {
+		...A,
+		ref: F ? void 0 : j,
+		as: n,
+		variant: L,
+		size: b,
+		disabled: C,
+		"aria-disabled": N || P ? !0 : E,
+		"aria-expanded": D,
+		"aria-haspopup": O,
+		"aria-label": !F || a ? i : void 0,
+		className: e(c.IconButton, c[`IconButton--${b}`], c[`IconButton--variant-${x}`], P && c["IconButton--inactive"], h && c["IconButton--rounded"], w),
+		"data-testid": k || v.root,
+		leadingVisual: R,
+		onClick: N ? (e) => {
+			e.preventDefault(), e.stopPropagation();
+		} : T
+	});
+	return /* @__PURE__ */ p(d, { children: [F ? /* @__PURE__ */ f(o, {
+		ref: j,
+		direction: y,
+		text: I,
+		type: a ? "description" : "label",
+		children: z
+	}) : z, /* @__PURE__ */ f("span", {
+		"aria-live": "polite",
+		className: c.IconButton__loadingAnnouncement,
+		"data-testid": v.loadingAnnouncement,
+		children: N ? m : null
+	})] });
+}
+var b = u(y);
+//#endregion
+export { b as IconButton, h as IconButtonSizes, m as IconButtonVariants, _ as defaultIconButtonSize, g as defaultIconButtonVariant };
+
+//# sourceMappingURL=IconButton.js.map

package/esm/IconButton/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","names":[],"sources":["../../src/IconButton/IconButton.tsx"],"sourcesContent":["import {clsx} from 'clsx'\nimport React, {forwardRef, type Ref} from 'react'\nimport type {Icon} from '@primer/octicons-react'\n\nimport {\n  Button,\n  ButtonSizes,\n  ButtonVariants,\n  defaultButtonSize,\n  defaultButtonVariant,\n  type ButtonVariant,\n} from '../Button'\nimport {Tooltip, TooltipContext, type TooltipDirection} from '../Tooltip'\nimport type {BaseProps} from '../component-helpers'\n\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon-button/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/icon-button/colors-with-modes.css'\nimport styles from './IconButton.module.css'\n\nexport const IconButtonVariants = [...ButtonVariants, 'danger', 'invisible'] as const\nexport const IconButtonSizes = [...ButtonSizes] as const\nexport const defaultIconButtonVariant = defaultButtonVariant\nexport const defaultIconButtonSize = defaultButtonSize\n\nexport type IconButtonVariant = (typeof IconButtonVariants)[number]\nexport type IconButtonSize = (typeof IconButtonSizes)[number]\n\ntype IconButtonBaseProps<C extends React.ElementType> = Omit<BaseProps<C>, 'ref'> & {\n  as?: C\n  variant?: IconButtonVariant\n  icon: Icon\n  'aria-label': string\n  description?: string\n  inactive?: boolean\n  loading?: boolean\n  loadingAnnouncement?: string\n  rounded?: boolean\n  size?: IconButtonSize\n  tooltipDirection?: TooltipDirection\n}\n\nexport type IconButtonProps<C extends React.ElementType = 'button'> = IconButtonBaseProps<C> &\n  Omit<React.ComponentPropsWithoutRef<C>, keyof IconButtonBaseProps<C> | 'children'>\n\nconst iconButtonTestIds = {\n  root: 'IconButton',\n  get loadingIndicator() {\n    return `${this.root}-loading-indicator`\n  },\n  get loadingAnnouncement() {\n    return `${this.root}-loading-announcement`\n  },\n}\n\ntype IconButtonComponent = <C extends React.ElementType = 'button'>(\n  props: IconButtonProps<C> & React.RefAttributes<HTMLButtonElement>,\n) => React.ReactElement | null\n\nfunction IconButtonRoot(\n  {\n    as,\n    icon: IconComponent,\n    'aria-label': ariaLabel,\n    description,\n    loading = false,\n    loadingAnnouncement = 'Loading',\n    rounded = false,\n    tooltipDirection = 's',\n    size = defaultIconButtonSize,\n    variant = defaultIconButtonVariant,\n    inactive = false,\n    disabled,\n    className,\n    onClick,\n    'aria-disabled': ariaDisabled,\n    'aria-expanded': ariaExpanded,\n    'aria-haspopup': ariaHasPopup,\n    'data-testid': testId,\n    ...props\n  }: React.PropsWithoutRef<IconButtonProps<React.ElementType>>,\n  ref: Ref<HTMLButtonElement>,\n) {\n  const {tooltipId: externalTooltipId} = React.useContext(TooltipContext)\n  const isLoading = loading && !disabled\n  const isInactive = inactive && !disabled && !isLoading\n  const shouldRenderTooltip = !disabled && !externalTooltipId\n  const tooltipText = description || ariaLabel\n  const buttonVariant: ButtonVariant = variant === 'danger' ? 'secondary' : variant === 'invisible' ? 'subtle' : variant\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (!ariaLabel.trim()) {\n      // eslint-disable-next-line no-console\n      console.warn('IconButton requires a non-empty `aria-label`.')\n    }\n\n    if ([disabled, loading, inactive].filter(Boolean).length > 1) {\n      // eslint-disable-next-line no-console\n      console.warn('IconButton has conflicting props for `disabled`, `loading`, or `inactive` states.')\n    }\n  }\n\n  const ButtonIcon = isLoading ? (\n    <span className={styles.IconButton__loadingIndicator} data-testid={iconButtonTestIds.loadingIndicator} />\n  ) : (\n    <IconComponent className={styles.IconButton__icon} />\n  )\n\n  const ButtonElement = (\n    <Button\n      {...props}\n      ref={shouldRenderTooltip ? undefined : ref}\n      as={as}\n      variant={buttonVariant}\n      size={size}\n      disabled={disabled}\n      aria-disabled={isLoading || isInactive ? true : ariaDisabled}\n      aria-expanded={ariaExpanded}\n      aria-haspopup={ariaHasPopup}\n      aria-label={!shouldRenderTooltip || description ? ariaLabel : undefined}\n      className={clsx(\n        styles.IconButton,\n        styles[`IconButton--${size}`],\n        styles[`IconButton--variant-${variant}`],\n        isInactive && styles['IconButton--inactive'],\n        rounded && styles['IconButton--rounded'],\n        className,\n      )}\n      data-testid={testId || iconButtonTestIds.root}\n      leadingVisual={ButtonIcon}\n      onClick={\n        isLoading\n          ? event => {\n              event.preventDefault()\n              event.stopPropagation()\n            }\n          : onClick\n      }\n    />\n  )\n\n  return (\n    <>\n      {shouldRenderTooltip ? (\n        <Tooltip ref={ref} direction={tooltipDirection} text={tooltipText} type={description ? 'description' : 'label'}>\n          {ButtonElement}\n        </Tooltip>\n      ) : (\n        ButtonElement\n      )}\n      <span\n        aria-live=\"polite\"\n        className={styles.IconButton__loadingAnnouncement}\n        data-testid={iconButtonTestIds.loadingAnnouncement}\n      >\n        {isLoading ? loadingAnnouncement : null}\n      </span>\n    </>\n  )\n}\n\nexport const IconButton = forwardRef(IconButtonRoot) as IconButtonComponent\n"],"mappings":";;;;;;;;;AAmBA,IAAa,IAAqB;CAAC,GAAG;CAAgB;CAAU;AAAW,GAC9D,IAAkB,CAAC,GAAG,CAAW,GACjC,IAA2B,GAC3B,IAAwB,GAsB/B,IAAoB;CACxB,MAAM;CACN,IAAI,mBAAmB;EACrB,OAAO,GAAG,KAAK,KAAK;CACtB;CACA,IAAI,sBAAsB;EACxB,OAAO,GAAG,KAAK,KAAK;CACtB;AACF;AAMA,SAAS,EACP,EACE,OACA,MAAM,GACN,cAAc,GACd,gBACA,aAAU,IACV,yBAAsB,WACtB,aAAU,IACV,sBAAmB,KACnB,UAAO,GACP,aAAU,GACV,cAAW,IACX,aACA,cACA,YACA,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,GAAG,KAEL,GACA;CACA,IAAM,EAAC,WAAW,MAAqB,EAAM,WAAW,CAAc,GAChE,IAAY,KAAW,CAAC,GACxB,IAAa,KAAY,CAAC,KAAY,CAAC,GACvC,IAAsB,CAAC,KAAY,CAAC,GACpC,IAAc,KAAe,GAC7B,IAA+B,MAAY,WAAW,cAAc,MAAY,cAAc,WAAW;CAE/G,AAAA,QAAA,IAAA,aAA6B,iBACtB,EAAU,KAAK,KAElB,QAAQ,KAAK,+CAA+C,GAG1D;EAAC;EAAU;EAAS;CAAQ,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,SAAS,KAEzD,QAAQ,KAAK,mFAAmF;CAIpG,IAAM,IAAa,IACjB,kBAAC,QAAD;EAAM,WAAW,EAAO;EAA8B,eAAa,EAAkB;CAAmB,CAAA,IAExG,kBAAC,GAAD,EAAe,WAAW,EAAO,iBAAmB,CAAA,GAGhD,IACJ,kBAAC,GAAD;EACE,GAAI;EACJ,KAAK,IAAsB,KAAA,IAAY;EACnC;EACJ,SAAS;EACH;EACI;EACV,iBAAe,KAAa,IAAa,KAAO;EAChD,iBAAe;EACf,iBAAe;EACf,cAAY,CAAC,KAAuB,IAAc,IAAY,KAAA;EAC9D,WAAW,EACT,EAAO,YACP,EAAO,eAAe,MACtB,EAAO,uBAAuB,MAC9B,KAAc,EAAO,yBACrB,KAAW,EAAO,wBAClB,CACF;EACA,eAAa,KAAU,EAAkB;EACzC,eAAe;EACf,SACE,KACI,MAAS;GAEP,AADA,EAAM,eAAe,GACrB,EAAM,gBAAgB;EACxB,IACA;CAEP,CAAA;CAGH,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,IACC,kBAAC,GAAD;EAAc;EAAK,WAAW;EAAkB,MAAM;EAAa,MAAM,IAAc,gBAAgB;YACpG;CACM,CAAA,IAET,GAEF,kBAAC,QAAD;EACE,aAAU;EACV,WAAW,EAAO;EAClB,eAAa,EAAkB;YAE9B,IAAY,IAAsB;CAC/B,CAAA,CACN,EAAA,CAAA;AAEN;AAEA,IAAa,IAAa,EAAW,CAAc"}

package/esm/IconButton/IconButton.module-tmxv8TCl.css

@@ -0,0 +1 @@
+.Primer_Brand__IconButton-module__IconButton___68DKi{flex:none;gap:0;padding:0}.Primer_Brand__IconButton-module__IconButton___68DKi.Primer_Brand__IconButton-module__IconButton___68DKi{min-width:var(--brand-IconButton-control-size-medium);width:var(--brand-IconButton-control-size-medium);height:var(--brand-IconButton-control-size-medium)}.Primer_Brand__IconButton-module__IconButton--small___KXgb_.Primer_Brand__IconButton-module__IconButton--small___KXgb_{min-width:var(--brand-IconButton-control-size-small);width:var(--brand-IconButton-control-size-small);height:var(--brand-IconButton-control-size-small)}.Primer_Brand__IconButton-module__IconButton--large___ypAna.Primer_Brand__IconButton-module__IconButton--large___ypAna{min-width:var(--brand-IconButton-control-size-large);width:var(--brand-IconButton-control-size-large);height:var(--brand-IconButton-control-size-large)}.Primer_Brand__IconButton-module__IconButton--rounded___g_ngl.Primer_Brand__IconButton-module__IconButton--rounded___g_ngl{border-radius:var(--brand-borderRadius-full)}.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH:not([disabled]):not([aria-disabled=true]){color:var(--brand-IconButton-danger-fgColor-rest);background-color:var(--brand-IconButton-danger-bgColor-rest);border-color:var(--brand-IconButton-danger-borderColor-rest)}.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH:not([disabled]):not([aria-disabled=true]):not([aria-expanded=true]):hover{color:var(--brand-IconButton-danger-fgColor-hover);background-color:var(--brand-IconButton-danger-bgColor-hover);border-color:var(--brand-IconButton-danger-borderColor-hover)}.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH:not([disabled]):not([aria-disabled=true]):active,.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH.Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH:not([disabled]):not([aria-disabled=true])[aria-expanded=true]{color:var(--brand-IconButton-danger-fgColor-active);background-color:var(--brand-IconButton-danger-bgColor-active);border-color:var(--brand-IconButton-danger-borderColor-active)}.Primer_Brand__IconButton-module__IconButton--variant-invisible___gp_QC.Primer_Brand__IconButton-module__IconButton--variant-invisible___gp_QC:where(:not(:hover):not(:active):not([aria-expanded=true])){background-color:var(--brand-IconButton-invisible-bgColor-rest);border-color:var(--brand-IconButton-invisible-borderColor-rest);-webkit-backdrop-filter:none;backdrop-filter:none}.Primer_Brand__IconButton-module__IconButton--inactive___UanYd.Primer_Brand__IconButton-module__IconButton--inactive___UanYd,.Primer_Brand__IconButton-module__IconButton--inactive___UanYd.Primer_Brand__IconButton-module__IconButton--inactive___UanYd:hover,.Primer_Brand__IconButton-module__IconButton--inactive___UanYd.Primer_Brand__IconButton-module__IconButton--inactive___UanYd:active{color:var(--brand-IconButton-inactive-fgColor);cursor:auto;background-color:var(--brand-IconButton-inactive-bgColor);border-color:var(--brand-IconButton-inactive-borderColor);-webkit-backdrop-filter:none;backdrop-filter:none}.Primer_Brand__IconButton-module__IconButton--inactive___UanYd .Primer_Brand__IconButton-module__IconButton__icon___ilqkK{color:inherit}.Primer_Brand__IconButton-module__IconButton--small___KXgb_ .Primer_Brand__IconButton-module__IconButton__icon___ilqkK{width:var(--brand-IconButton-icon-size-small);height:var(--brand-IconButton-icon-size-small)}.Primer_Brand__IconButton-module__IconButton--medium____oYr1 .Primer_Brand__IconButton-module__IconButton__icon___ilqkK{width:var(--brand-IconButton-icon-size-medium);height:var(--brand-IconButton-icon-size-medium)}.Primer_Brand__IconButton-module__IconButton--large___ypAna .Primer_Brand__IconButton-module__IconButton__icon___ilqkK{width:var(--brand-IconButton-icon-size-large);height:var(--brand-IconButton-icon-size-large)}.Primer_Brand__IconButton-module__IconButton__loadingIndicator___RXZPC.Primer_Brand__IconButton-module__IconButton__loadingIndicator___RXZPC{box-sizing:border-box;width:var(--brand-IconButton-icon-size-medium);height:var(--brand-IconButton-icon-size-medium);border:var(--brand-borderWidth-thin) solid currentcolor;animation:Primer_Brand__IconButton-module__IconButton-spin___f8JZW var(--brand-IconButton-loadingIndicator-animationDuration-default) linear infinite;border-inline-end-color:#0000;border-radius:50%;display:block}.Primer_Brand__IconButton-module__IconButton--small___KXgb_ .Primer_Brand__IconButton-module__IconButton__loadingIndicator___RXZPC{width:var(--brand-IconButton-icon-size-small);height:var(--brand-IconButton-icon-size-small)}.Primer_Brand__IconButton-module__IconButton--large___ypAna .Primer_Brand__IconButton-module__IconButton__loadingIndicator___RXZPC{width:var(--brand-IconButton-icon-size-large);height:var(--brand-IconButton-icon-size-large)}.Primer_Brand__IconButton-module__IconButton__loadingAnnouncement___Ga8mZ{width:var(--base-size-1);height:var(--base-size-1);margin:calc(var(--base-size-1) * -1);clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}@keyframes Primer_Brand__IconButton-module__IconButton-spin___f8JZW{to{transform:rotate(360deg)}}@media (forced-colors:active){.Primer_Brand__IconButton-module__IconButton--inactive___UanYd{color:graytext;border-color:graytext}.Primer_Brand__IconButton-module__IconButton__loadingIndicator___RXZPC{border-color:buttontext;border-inline-end-color:#0000}}@media (prefers-reduced-motion:reduce){.Primer_Brand__IconButton-module__IconButton__loadingIndicator___RXZPC{animation-duration:var(--brand-IconButton-loadingIndicator-animationDuration-reducedMotion)}}

package/esm/IconButton/IconButton.module.js

@@ -0,0 +1,19 @@
+import './IconButton.module-tmxv8TCl.css';//#region src/IconButton/IconButton.module.css
+var e = "Primer_Brand__IconButton-module__IconButton___68DKi", t = "Primer_Brand__IconButton-module__IconButton__icon___ilqkK", n = "Primer_Brand__IconButton-module__IconButton__loadingIndicator___RXZPC", r = "Primer_Brand__IconButton-module__IconButton__loadingAnnouncement___Ga8mZ", i = {
+	IconButton: e,
+	"IconButton--small": "Primer_Brand__IconButton-module__IconButton--small___KXgb_",
+	"IconButton--large": "Primer_Brand__IconButton-module__IconButton--large___ypAna",
+	"IconButton--rounded": "Primer_Brand__IconButton-module__IconButton--rounded___g_ngl",
+	"IconButton--variant-danger": "Primer_Brand__IconButton-module__IconButton--variant-danger____mjeH",
+	"IconButton--variant-invisible": "Primer_Brand__IconButton-module__IconButton--variant-invisible___gp_QC",
+	"IconButton--inactive": "Primer_Brand__IconButton-module__IconButton--inactive___UanYd",
+	IconButton__icon: t,
+	"IconButton--medium": "Primer_Brand__IconButton-module__IconButton--medium____oYr1",
+	IconButton__loadingIndicator: n,
+	"IconButton-spin": "Primer_Brand__IconButton-module__IconButton-spin___f8JZW",
+	IconButton__loadingAnnouncement: r
+};
+//#endregion
+export { e as IconButton, t as IconButton__icon, r as IconButton__loadingAnnouncement, n as IconButton__loadingIndicator, i as default };
+
+//# sourceMappingURL=IconButton.module.js.map

package/esm/IconButton/IconButton.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.module.js","names":[],"sources":["../../src/IconButton/IconButton.module.css"],"sourcesContent":[".IconButton {\n  flex: none;\n  gap: 0;\n  padding: 0;\n}\n\n.IconButton.IconButton {\n  min-width: var(--brand-IconButton-control-size-medium);\n  width: var(--brand-IconButton-control-size-medium);\n  height: var(--brand-IconButton-control-size-medium);\n}\n\n.IconButton--small.IconButton--small {\n  min-width: var(--brand-IconButton-control-size-small);\n  width: var(--brand-IconButton-control-size-small);\n  height: var(--brand-IconButton-control-size-small);\n}\n\n.IconButton--large.IconButton--large {\n  min-width: var(--brand-IconButton-control-size-large);\n  width: var(--brand-IconButton-control-size-large);\n  height: var(--brand-IconButton-control-size-large);\n}\n\n.IconButton--rounded.IconButton--rounded {\n  border-radius: var(--brand-borderRadius-full);\n}\n\n.IconButton--variant-danger.IconButton--variant-danger:not([disabled], [aria-disabled='true']) {\n  color: var(--brand-IconButton-danger-fgColor-rest);\n  background-color: var(--brand-IconButton-danger-bgColor-rest);\n  border-color: var(--brand-IconButton-danger-borderColor-rest);\n}\n\n.IconButton--variant-danger.IconButton--variant-danger:not(\n    [disabled],\n    [aria-disabled='true'],\n    [aria-expanded='true']\n  ):hover {\n  color: var(--brand-IconButton-danger-fgColor-hover);\n  background-color: var(--brand-IconButton-danger-bgColor-hover);\n  border-color: var(--brand-IconButton-danger-borderColor-hover);\n}\n\n.IconButton--variant-danger.IconButton--variant-danger:not([disabled], [aria-disabled='true']):active,\n.IconButton--variant-danger.IconButton--variant-danger:not([disabled], [aria-disabled='true'])[aria-expanded='true'] {\n  color: var(--brand-IconButton-danger-fgColor-active);\n  background-color: var(--brand-IconButton-danger-bgColor-active);\n  border-color: var(--brand-IconButton-danger-borderColor-active);\n}\n\n.IconButton--variant-invisible.IconButton--variant-invisible:where(:not(:hover, :active, [aria-expanded='true'])) {\n  background-color: var(--brand-IconButton-invisible-bgColor-rest);\n  border-color: var(--brand-IconButton-invisible-borderColor-rest);\n  backdrop-filter: none;\n}\n\n.IconButton--inactive.IconButton--inactive,\n.IconButton--inactive.IconButton--inactive:hover,\n.IconButton--inactive.IconButton--inactive:active {\n  color: var(--brand-IconButton-inactive-fgColor);\n  cursor: auto;\n  background-color: var(--brand-IconButton-inactive-bgColor);\n  border-color: var(--brand-IconButton-inactive-borderColor);\n  backdrop-filter: none;\n}\n\n.IconButton--inactive .IconButton__icon {\n  color: inherit;\n}\n\n.IconButton--small .IconButton__icon {\n  width: var(--brand-IconButton-icon-size-small);\n  height: var(--brand-IconButton-icon-size-small);\n}\n\n.IconButton--medium .IconButton__icon {\n  width: var(--brand-IconButton-icon-size-medium);\n  height: var(--brand-IconButton-icon-size-medium);\n}\n\n.IconButton--large .IconButton__icon {\n  width: var(--brand-IconButton-icon-size-large);\n  height: var(--brand-IconButton-icon-size-large);\n}\n\n.IconButton__loadingIndicator.IconButton__loadingIndicator {\n  display: block;\n  box-sizing: border-box;\n  width: var(--brand-IconButton-icon-size-medium);\n  height: var(--brand-IconButton-icon-size-medium);\n  border: var(--brand-borderWidth-thin) solid currentcolor;\n  border-inline-end-color: transparent;\n  border-radius: 50%;\n  animation: IconButton-spin var(--brand-IconButton-loadingIndicator-animationDuration-default) linear infinite;\n}\n\n.IconButton--small .IconButton__loadingIndicator {\n  width: var(--brand-IconButton-icon-size-small);\n  height: var(--brand-IconButton-icon-size-small);\n}\n\n.IconButton--large .IconButton__loadingIndicator {\n  width: var(--brand-IconButton-icon-size-large);\n  height: var(--brand-IconButton-icon-size-large);\n}\n\n.IconButton__loadingAnnouncement {\n  position: absolute;\n  width: var(--base-size-1);\n  height: var(--base-size-1);\n  padding: 0;\n  margin: calc(var(--base-size-1) * -1);\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n@keyframes IconButton-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@media (forced-colors: active) {\n  .IconButton--inactive {\n    color: GrayText;\n    border-color: GrayText;\n  }\n\n  .IconButton__loadingIndicator {\n    border-color: ButtonText;\n    border-inline-end-color: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .IconButton__loadingIndicator {\n    animation-duration: var(--brand-IconButton-loadingIndicator-animationDuration-reducedMotion);\n  }\n}\n"],"mappings":""}

package/esm/IconButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './IconButton';
+//# sourceMappingURL=index.d.ts.map

package/esm/IconButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IconButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/esm/PricingOptions/PricingOptions.js

@@ -2,13 +2,13 @@ import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { Text as t } from "../Text/Text.js";
 import { Heading as n } from "../Heading/Heading.js";
 import { Button as r } from "../Button/Button.js";
-import { CheckIcon as i } from "../node_modules/@primer/octicons-react/dist/icons/CheckIcon.js";
-import { TriangleDownIcon as a } from "../node_modules/@primer/octicons-react/dist/icons/TriangleDownIcon.js";
-import { XIcon as o } from "../node_modules/@primer/octicons-react/dist/icons/XIcon.js";
-import { useWindowSize as s } from "../hooks/useWindowSize.js";
-import { Accordion as c } from "../Accordion/Accordion.js";
-import { UnorderedList as l } from "../list/UnorderedList/UnorderedList.js";
-import { Tooltip as u } from "../Tooltip/Tooltip.js";
+import { Tooltip as i } from "../Tooltip/Tooltip.js";
+import { CheckIcon as a } from "../node_modules/@primer/octicons-react/dist/icons/CheckIcon.js";
+import { TriangleDownIcon as o } from "../node_modules/@primer/octicons-react/dist/icons/TriangleDownIcon.js";
+import { XIcon as s } from "../node_modules/@primer/octicons-react/dist/icons/XIcon.js";
+import { useWindowSize as c } from "../hooks/useWindowSize.js";
+import { Accordion as l } from "../Accordion/Accordion.js";
+import { UnorderedList as u } from "../list/UnorderedList/UnorderedList.js";
 import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes-DBi2l0Re.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options-B9TarQsR.css';/* empty css                                                                                                           */
 /* empty css                                                                                                             */
 import d from "./PricingOptions.module.js";
@@ -190,25 +190,25 @@ var v = {
 			children: c
 		})
 	]
-})), k = p(({ children: t, className: n, "data-testid": r, hasDivider: i = !0, expanded: o, accordionAs: u = "h4", ...p }, m) => {
-	let { allFeatureListsExpanded: h, updateFeatureListExpanded: y, featureListUserInteracted: b, setFeatureListUserInteracted: C } = x(), { isMedium: w, isXLarge: T, isSmall: E } = s();
+})), k = p(({ children: t, className: n, "data-testid": r, hasDivider: i = !0, expanded: a, accordionAs: s = "h4", ...p }, m) => {
+	let { allFeatureListsExpanded: h, updateFeatureListExpanded: y, featureListUserInteracted: b, setFeatureListUserInteracted: C } = x(), { isMedium: w, isXLarge: T, isSmall: E } = c();
 	f.useEffect(() => {
-		(o === void 0 || typeof o == "object") && C(!1);
+		(a === void 0 || typeof a == "object") && C(!1);
 	}, [
 		w,
 		T,
 		E,
 		C,
-		o
+		a
 	]);
 	let D = f.useMemo(() => {
 		if (b) return h;
-		if (typeof o == "boolean") return o;
-		if (o === void 0) return !!(T || w);
-		let { narrow: e, regular: t, wide: n } = o;
+		if (typeof a == "boolean") return a;
+		if (a === void 0) return !!(T || w);
+		let { narrow: e, regular: t, wide: n } = a;
 		return T ? n : w ? t : e;
 	}, [
-		o,
+		a,
 		h,
 		w,
 		T,
@@ -221,7 +221,7 @@ var v = {
 		Items: []
 	}), e), []).map(({ Heading: e, Items: t }, n) => /* @__PURE__ */ _("div", {
 		className: d["PricingOptions__feature-list-set"],
-		children: [e, /* @__PURE__ */ g(l, {
+		children: [e, /* @__PURE__ */ g(u, {
 			variant: "checked",
 			...p,
 			children: t
@@ -231,18 +231,18 @@ var v = {
 		ref: m,
 		className: e(d["PricingOptions__feature-list"], i && d["PricingOptions__feature-list--has-divider"], n),
 		"data-testid": r || v.featureList,
-		children: /* @__PURE__ */ _(c, {
+		children: /* @__PURE__ */ _(l, {
 			className: d["PricingOptions__feature-list-accordion"],
 			disableAnimation: !0,
 			open: D,
 			onToggle: (e) => {
 				C(!0), y(e.currentTarget.open);
 			},
-			children: [/* @__PURE__ */ _(c.Heading, {
-				as: u,
+			children: [/* @__PURE__ */ _(l.Heading, {
+				as: s,
 				className: d["PricingOptions__feature-list-accordion-heading"],
-				children: [O, /* @__PURE__ */ g(a, { className: d["PricingOptions__feature-list-accordion-chevron"] })]
-			}), /* @__PURE__ */ g(c.Content, {
+				children: [O, /* @__PURE__ */ g(o, { className: d["PricingOptions__feature-list-accordion-chevron"] })]
+			}), /* @__PURE__ */ g(l.Content, {
 				className: d["PricingOptions__feature-list-accordion-content"],
 				children: k
 			})]
@@ -262,9 +262,9 @@ var v = {
 	size: "subhead-medium",
 	...a,
 	children: t
-})), M = p(({ children: t, className: n, infoTooltip: r, infoTooltipAriaLabel: a, leadingVisual: s, leadingVisualFill: c, variant: f = "included", "data-testid": p, ...m }, h) => {
-	let y = s ?? (f === "included" ? i : o), b = f === "included" ? "Includes" : "Does not include", x = c ?? (f === "included" ? "var(--brand-color-accent-primary)" : "var(--brand-color-text-muted)");
-	return /* @__PURE__ */ _(l.Item, {
+})), M = p(({ children: t, className: n, infoTooltip: r, infoTooltipAriaLabel: o, leadingVisual: c, leadingVisualFill: l, variant: f = "included", "data-testid": p, ...m }, h) => {
+	let y = c ?? (f === "included" ? a : s), b = f === "included" ? "Includes" : "Does not include", x = l ?? (f === "included" ? "var(--brand-color-accent-primary)" : "var(--brand-color-text-muted)");
+	return /* @__PURE__ */ _(u.Item, {
 		className: e(d["PricingOptions__feature-list-item"], { [d["PricingOptions__feature-list-item--excluded"]]: f === "excluded" }, r && d["PricingOptions__feature-list-item--has-info"], n),
 		"data-testid": p || v.featureListItem,
 		leadingVisual: y,
@@ -272,13 +272,13 @@ var v = {
 		leadingVisualFill: x,
 		ref: h,
 		...m,
-		children: [t, r && /* @__PURE__ */ g(u, {
+		children: [t, r && /* @__PURE__ */ g(i, {
 			text: r,
 			direction: "n",
 			children: /* @__PURE__ */ g("button", {
 				type: "button",
 				className: d["PricingOptions__feature-list-item-info"],
-				"aria-label": a ?? `More information about ${typeof t == "string" ? t : "this feature"}`,
+				"aria-label": o ?? `More information about ${typeof t == "string" ? t : "this feature"}`,
 				children: /* @__PURE__ */ _("svg", {
 					viewBox: "0 0 4 8",
 					fill: "none",

package/esm/Tooltip/Tooltip.d.ts

@@ -1,9 +1,13 @@
 import React from 'react';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/tooltip/colors-with-modes.css';
 import { BaseProps } from '../component-helpers';
-type TooltipDirection = 'n' | 'e' | 's' | 'w';
+export declare const TooltipDirections: readonly ["nw", "n", "ne", "e", "se", "s", "sw", "w"];
+export declare const TooltipDelays: readonly ["short", "medium", "long"];
+export type TooltipDirection = (typeof TooltipDirections)[number];
+export type TooltipDelay = (typeof TooltipDelays)[number];
 export type TooltipProps = {
     direction?: TooltipDirection;
+    delay?: TooltipDelay;
     text: string;
     type?: 'label' | 'description';
     children?: React.ReactNode;
@@ -22,5 +26,4 @@ export declare const TooltipContext: React.Context<{
     tooltipId?: string;
 }>;
 export declare const Tooltip: React.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & React.RefAttributes<unknown>>;
-export {};
 //# sourceMappingURL=Tooltip.d.ts.map

package/esm/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAUlE,OAAO,2GAA2G,CAAA;AAClH,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAE9C,KAAK,gBAAgB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAC7C,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,OAAO,GAAG,aAAa,CAAA;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,SAAS,CAAC,cAAc,CAAC,CAAA;AAE7B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACtC,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACtC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAC1C,CAAA;AAkCD,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA;AAE3E,eAAO,MAAM,OAAO,2FAgKnB,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAUlE,OAAO,2GAA2G,CAAA;AAClH,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAE9C,eAAO,MAAM,iBAAiB,uDAAwD,CAAA;AACtF,eAAO,MAAM,aAAa,sCAAuC,CAAA;AACjE,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AACjE,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAA;AACzD,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,OAAO,GAAG,aAAa,CAAA;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,SAAS,CAAC,cAAc,CAAC,CAAA;AAE7B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACtC,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACtC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAC1C,CAAA;AAgDD,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA;AAE3E,eAAO,MAAM,OAAO,2FAyNnB,CAAA"}