@primer/react-brand 0.78.0 → 0.79.0

package/esm/FeatureComparisonTable/FeatureComparisonTableContext.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import type { BaseProps } from '../component-helpers';
+import { type FeatureComparisonTableGroupProps } from './sub-components/FeatureComparisonTableGroup';
+import { type FeatureComparisonTableItemProps } from './sub-components/FeatureComparisonTableItem';
+export type FeatureComparisonTableBaseProps<T> = Omit<BaseProps<T>, 'animate' | 'id' | 'ref'>;
+export type FeatureComparisonTableAnimatedBaseProps<T> = Omit<BaseProps<T>, 'id' | 'ref'>;
+export declare const testIds: {
+    root: string;
+    heading: string;
+    narrow: string;
+    table: string;
+    item: string;
+    label: string;
+    price: string;
+    group: string;
+    row: string;
+    rowHeading: string;
+    cell: string;
+};
+export type BreakpointCategory = keyof Exclude<NonNullable<FeatureComparisonTableGroupProps['expanded']>, boolean>;
+export type TableContextValue = {
+    instanceId: string;
+    breakpoint: BreakpointCategory;
+    items: Array<React.ReactElement<FeatureComparisonTableItemProps>>;
+    itemIndex: number;
+    groupIndex: number;
+    groupIdentity: string;
+    narrowGroupControlsRef: React.RefObject<Record<string, HTMLElement | null>>;
+    tableGroupControlsRef: React.RefObject<Record<string, HTMLButtonElement | null>>;
+};
+export declare const TableContext: React.Context<TableContextValue | undefined>;
+export declare const useTableContext: () => TableContextValue;
+//# sourceMappingURL=FeatureComparisonTableContext.d.ts.map

package/esm/FeatureComparisonTable/FeatureComparisonTableContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTableContext.d.ts","sourceRoot":"","sources":["../../src/FeatureComparisonTable/FeatureComparisonTableContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAC,KAAK,gCAAgC,EAAC,MAAM,8CAA8C,CAAA;AAClG,OAAO,EAAC,KAAK,+BAA+B,EAAC,MAAM,6CAA6C,CAAA;AAEhG,MAAM,MAAM,+BAA+B,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,CAAA;AAE7F,MAAM,MAAM,uCAAuC,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,CAAA;AAEzF,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,CAAC,WAAW,CAAC,gCAAgC,CAAC,UAAU,CAAC,CAAC,EAAE,OAAO,CAAC,CAAA;AAElH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,kBAAkB,CAAA;IAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,+BAA+B,CAAC,CAAC,CAAA;IACjE,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC,CAAC,CAAA;IAC3E,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC,CAAC,CAAA;CACjF,CAAA;AAED,eAAO,MAAM,YAAY,8CAA0D,CAAA;AAEnF,eAAO,MAAM,eAAe,yBAI3B,CAAA"}

package/esm/FeatureComparisonTable/FeatureComparisonTableContext.js

@@ -0,0 +1,23 @@
+import { createContext as e, useContext as t } from "react";
+//#region src/FeatureComparisonTable/FeatureComparisonTableContext.ts
+var n = {
+	root: "FeatureComparisonTable",
+	heading: "FeatureComparisonTable__heading",
+	narrow: "FeatureComparisonTable__narrow",
+	table: "FeatureComparisonTable__table",
+	item: "FeatureComparisonTable__item",
+	label: "FeatureComparisonTable__label",
+	price: "FeatureComparisonTable__price",
+	group: "FeatureComparisonTable__group",
+	row: "FeatureComparisonTable__row",
+	rowHeading: "FeatureComparisonTable__rowHeading",
+	cell: "FeatureComparisonTable__cell"
+}, r = e(void 0), i = () => {
+	let e = t(r);
+	if (!e) throw Error("FeatureComparisonTable subcomponents must be rendered inside FeatureComparisonTable.");
+	return e;
+};
+//#endregion
+export { r as TableContext, n as testIds, i as useTableContext };
+
+//# sourceMappingURL=FeatureComparisonTableContext.js.map

package/esm/FeatureComparisonTable/FeatureComparisonTableContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTableContext.js","names":[],"sources":["../../src/FeatureComparisonTable/FeatureComparisonTableContext.ts"],"sourcesContent":["import React, {createContext, useContext} from 'react'\nimport type {BaseProps} from '../component-helpers'\nimport {type FeatureComparisonTableGroupProps} from './sub-components/FeatureComparisonTableGroup'\nimport {type FeatureComparisonTableItemProps} from './sub-components/FeatureComparisonTableItem'\n\nexport type FeatureComparisonTableBaseProps<T> = Omit<BaseProps<T>, 'animate' | 'id' | 'ref'>\n\nexport type FeatureComparisonTableAnimatedBaseProps<T> = Omit<BaseProps<T>, 'id' | 'ref'>\n\nexport const testIds = {\n  root: 'FeatureComparisonTable',\n  heading: 'FeatureComparisonTable__heading',\n  narrow: 'FeatureComparisonTable__narrow',\n  table: 'FeatureComparisonTable__table',\n  item: 'FeatureComparisonTable__item',\n  label: 'FeatureComparisonTable__label',\n  price: 'FeatureComparisonTable__price',\n  group: 'FeatureComparisonTable__group',\n  row: 'FeatureComparisonTable__row',\n  rowHeading: 'FeatureComparisonTable__rowHeading',\n  cell: 'FeatureComparisonTable__cell',\n}\n\nexport type BreakpointCategory = keyof Exclude<NonNullable<FeatureComparisonTableGroupProps['expanded']>, boolean>\n\nexport type TableContextValue = {\n  instanceId: string\n  breakpoint: BreakpointCategory\n  items: Array<React.ReactElement<FeatureComparisonTableItemProps>>\n  itemIndex: number\n  groupIndex: number\n  groupIdentity: string\n  narrowGroupControlsRef: React.RefObject<Record<string, HTMLElement | null>>\n  tableGroupControlsRef: React.RefObject<Record<string, HTMLButtonElement | null>>\n}\n\nexport const TableContext = createContext<TableContextValue | undefined>(undefined)\n\nexport const useTableContext = () => {\n  const context = useContext(TableContext)\n  if (!context) throw new Error('FeatureComparisonTable subcomponents must be rendered inside FeatureComparisonTable.')\n  return context\n}\n"],"mappings":";;AASA,IAAa,IAAU;CACrB,MAAM;CACN,SAAS;CACT,QAAQ;CACR,OAAO;CACP,MAAM;CACN,OAAO;CACP,OAAO;CACP,OAAO;CACP,KAAK;CACL,YAAY;CACZ,MAAM;AACR,GAea,IAAe,EAA6C,KAAA,CAAS,GAErE,UAAwB;CACnC,IAAM,IAAU,EAAW,CAAY;CACvC,IAAI,CAAC,GAAS,MAAU,MAAM,sFAAsF;CACpH,OAAO;AACT"}

package/esm/FeatureComparisonTable/FeatureComparisonTableHelpers.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type FeatureComparisonTableItemProps } from './sub-components/FeatureComparisonTableItem';
+export declare const getChildrenOfType: <P>(children: React.ReactNode[], type: React.JSXElementConstructor<P>) => React.ReactElement<P, string | React.JSXElementConstructor<any>>[];
+export declare const hasItemLabel: (item: React.ReactElement<FeatureComparisonTableItemProps>) => boolean;
+//# sourceMappingURL=FeatureComparisonTableHelpers.d.ts.map

package/esm/FeatureComparisonTable/FeatureComparisonTableHelpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTableHelpers.d.ts","sourceRoot":"","sources":["../../src/FeatureComparisonTable/FeatureComparisonTableHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,KAAK,+BAA+B,EAAC,MAAM,6CAA6C,CAAA;AAGhG,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,UAAU,KAAK,CAAC,SAAS,EAAE,EAAE,MAAM,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,uEACa,CAAA;AAEnH,eAAO,MAAM,YAAY,GAAI,MAAM,KAAK,CAAC,YAAY,CAAC,+BAA+B,CAAC,YAGnF,CAAA"}

package/esm/FeatureComparisonTable/FeatureComparisonTableHelpers.js

@@ -0,0 +1,8 @@
+import { FeatureComparisonTableLabel as e } from "./sub-components/FeatureComparisonTableLabel.js";
+import t from "react";
+//#region src/FeatureComparisonTable/FeatureComparisonTableHelpers.ts
+var n = (e, n) => e.filter((e) => t.isValidElement(e) && e.type === n), r = (n) => t.Children.toArray(n.props.children).some((n) => t.isValidElement(n) && n.type === e);
+//#endregion
+export { n as getChildrenOfType, r as hasItemLabel };
+
+//# sourceMappingURL=FeatureComparisonTableHelpers.js.map

package/esm/FeatureComparisonTable/FeatureComparisonTableHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTableHelpers.js","names":[],"sources":["../../src/FeatureComparisonTable/FeatureComparisonTableHelpers.ts"],"sourcesContent":["import React from 'react'\nimport {type FeatureComparisonTableItemProps} from './sub-components/FeatureComparisonTableItem'\nimport {FeatureComparisonTableLabel} from './sub-components/FeatureComparisonTableLabel'\n\nexport const getChildrenOfType = <P>(children: React.ReactNode[], type: React.JSXElementConstructor<P>) =>\n  children.filter((child): child is React.ReactElement<P> => React.isValidElement<P>(child) && child.type === type)\n\nexport const hasItemLabel = (item: React.ReactElement<FeatureComparisonTableItemProps>) =>\n  React.Children.toArray(item.props.children).some(\n    child => React.isValidElement(child) && child.type === FeatureComparisonTableLabel,\n  )\n"],"mappings":";;;AAIA,IAAa,KAAwB,GAA6B,MAChE,EAAS,QAAQ,MAA0C,EAAM,eAAkB,CAAK,KAAK,EAAM,SAAS,CAAI,GAErG,KAAgB,MAC3B,EAAM,SAAS,QAAQ,EAAK,MAAM,QAAQ,CAAC,CAAC,MAC1C,MAAS,EAAM,eAAe,CAAK,KAAK,EAAM,SAAS,CACzD"}

package/esm/FeatureComparisonTable/index.d.ts

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

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

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

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableCell.d.ts

@@ -0,0 +1,30 @@
+import { type PropsWithChildren } from 'react';
+import { type FeatureComparisonTableBaseProps } from '../FeatureComparisonTableContext';
+export declare const cellVariants: {
+    included: {
+        icon: import("@primer/octicons-react").Icon;
+        label: string;
+    };
+    unavailable: {
+        icon: import("@primer/octicons-react").Icon;
+        label: string;
+    };
+    unlimited: {
+        icon: import("@primer/octicons-react").Icon;
+        label: string;
+    };
+    refresh: {
+        icon: import("@primer/octicons-react").Icon;
+        label: string;
+    };
+};
+export type FeatureComparisonTableCellVariantProps = {
+    variant?: undefined;
+    variantAriaLabel?: never;
+} | {
+    variant: keyof typeof cellVariants;
+    variantAriaLabel?: string;
+};
+export type FeatureComparisonTableCellProps = PropsWithChildren<FeatureComparisonTableBaseProps<HTMLDivElement> & FeatureComparisonTableCellVariantProps>;
+export declare const FeatureComparisonTableCell: (props: FeatureComparisonTableCellProps) => import("react").JSX.Element;
+//# sourceMappingURL=FeatureComparisonTableCell.d.ts.map

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTableCell.d.ts","sourceRoot":"","sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAK5C,OAAO,EAAC,KAAK,+BAA+B,EAAU,MAAM,kCAAkC,CAAA;AAE9F,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;CAKxB,CAAA;AAED,MAAM,MAAM,sCAAsC,GAC9C;IACE,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,gBAAgB,CAAC,EAAE,KAAK,CAAA;CACzB,GACD;IACE,OAAO,EAAE,MAAM,OAAO,YAAY,CAAA;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAEL,MAAM,MAAM,+BAA+B,GAAG,iBAAiB,CAC7D,+BAA+B,CAAC,cAAc,CAAC,GAAG,sCAAsC,CACzF,CAAA;AAED,eAAO,MAAM,0BAA0B,GAAI,OAAO,+BAA+B,gCAwChF,CAAA"}

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableCell.js

@@ -0,0 +1,50 @@
+import { clsx as e } from "../../node_modules/clsx/dist/clsx.js";
+import { Text as t } from "../../Text/Text.js";
+import { CheckIcon as n } from "../../node_modules/@primer/octicons-react/dist/icons/CheckIcon.js";
+import { DashIcon as r } from "../../node_modules/@primer/octicons-react/dist/icons/DashIcon.js";
+import { InfinityIcon as i } from "../../node_modules/@primer/octicons-react/dist/icons/InfinityIcon.js";
+import { SyncIcon as a } from "../../node_modules/@primer/octicons-react/dist/icons/SyncIcon.js";
+import { testIds as o } from "../FeatureComparisonTableContext.js";
+import s from "../FeatureComparisonTable.module.js";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/FeatureComparisonTable/sub-components/FeatureComparisonTableCell.tsx
+var d = {
+	included: {
+		icon: n,
+		label: "Included"
+	},
+	unavailable: {
+		icon: r,
+		label: "Unavailable"
+	},
+	unlimited: {
+		icon: i,
+		label: "Unlimited"
+	},
+	refresh: {
+		icon: a,
+		label: "Refresh"
+	}
+}, f = (n) => {
+	let { children: r, className: i, variant: a, variantAriaLabel: f, id: p, ...m } = n, h = a ? d[a].icon : null, g = f ?? (a ? d[a].label : void 0);
+	return /* @__PURE__ */ u(t, {
+		as: "div",
+		size: "200",
+		variant: "muted",
+		className: e(s.FeatureComparisonTable__cell, i),
+		"data-testid": o.cell,
+		...m,
+		children: [a ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("span", {
+			className: e(s.FeatureComparisonTable__cellIcon, a === "included" && s["FeatureComparisonTable__cellIcon--included"], a === "unlimited" && s["FeatureComparisonTable__cellIcon--unlimited"], a === "refresh" && s["FeatureComparisonTable__cellIcon--refresh"]),
+			"aria-hidden": "true",
+			children: h && /* @__PURE__ */ l(h, { size: 16 })
+		}), /* @__PURE__ */ l("span", {
+			className: "visually-hidden",
+			children: g
+		})] }) : null, r]
+	});
+};
+//#endregion
+export { f as FeatureComparisonTableCell, d as cellVariants };
+
+//# sourceMappingURL=FeatureComparisonTableCell.js.map

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTableCell.js","names":[],"sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTableCell.tsx"],"sourcesContent":["import {type PropsWithChildren} from 'react'\nimport {CheckIcon, DashIcon, InfinityIcon, SyncIcon} from '@primer/octicons-react'\nimport {clsx} from 'clsx'\nimport {Text} from '../../Text'\nimport styles from '../FeatureComparisonTable.module.css'\nimport {type FeatureComparisonTableBaseProps, testIds} from '../FeatureComparisonTableContext'\n\nexport const cellVariants = {\n  included: {icon: CheckIcon, label: 'Included'},\n  unavailable: {icon: DashIcon, label: 'Unavailable'},\n  unlimited: {icon: InfinityIcon, label: 'Unlimited'},\n  refresh: {icon: SyncIcon, label: 'Refresh'},\n}\n\nexport type FeatureComparisonTableCellVariantProps =\n  | {\n      variant?: undefined\n      variantAriaLabel?: never\n    }\n  | {\n      variant: keyof typeof cellVariants\n      variantAriaLabel?: string\n    }\n\nexport type FeatureComparisonTableCellProps = PropsWithChildren<\n  FeatureComparisonTableBaseProps<HTMLDivElement> & FeatureComparisonTableCellVariantProps\n>\n\nexport const FeatureComparisonTableCell = (props: FeatureComparisonTableCellProps) => {\n  const {\n    children,\n    className,\n    variant,\n    variantAriaLabel,\n    id: _id,\n    ...rest\n  }: FeatureComparisonTableCellProps & {id?: string} = props\n  const CellIcon = variant ? cellVariants[variant].icon : null\n  const resolvedVariantAriaLabel = variantAriaLabel ?? (variant ? cellVariants[variant].label : undefined)\n\n  return (\n    <Text\n      as=\"div\"\n      size=\"200\"\n      variant=\"muted\"\n      className={clsx(styles.FeatureComparisonTable__cell, className)}\n      data-testid={testIds.cell}\n      {...rest}\n    >\n      {variant ? (\n        <>\n          <span\n            className={clsx(\n              styles.FeatureComparisonTable__cellIcon,\n              variant === 'included' && styles['FeatureComparisonTable__cellIcon--included'],\n              variant === 'unlimited' && styles['FeatureComparisonTable__cellIcon--unlimited'],\n              variant === 'refresh' && styles['FeatureComparisonTable__cellIcon--refresh'],\n            )}\n            aria-hidden=\"true\"\n          >\n            {CellIcon && <CellIcon size={16} />}\n          </span>\n          <span className=\"visually-hidden\">{resolvedVariantAriaLabel}</span>\n        </>\n      ) : null}\n      {children}\n    </Text>\n  )\n}\n"],"mappings":";;;;;;;;;;AAOA,IAAa,IAAe;CAC1B,UAAU;EAAC,MAAM;EAAW,OAAO;CAAU;CAC7C,aAAa;EAAC,MAAM;EAAU,OAAO;CAAa;CAClD,WAAW;EAAC,MAAM;EAAc,OAAO;CAAW;CAClD,SAAS;EAAC,MAAM;EAAU,OAAO;CAAS;AAC5C,GAgBa,KAA8B,MAA2C;CACpF,IAAM,EACJ,aACA,cACA,YACA,qBACA,IAAI,GACJ,GAAG,MACgD,GAC/C,IAAW,IAAU,EAAa,EAAQ,CAAC,OAAO,MAClD,IAA2B,MAAqB,IAAU,EAAa,EAAQ,CAAC,QAAQ,KAAA;CAE9F,OACE,kBAAC,GAAD;EACE,IAAG;EACH,MAAK;EACL,SAAQ;EACR,WAAW,EAAK,EAAO,8BAA8B,CAAS;EAC9D,eAAa,EAAQ;EACrB,GAAI;YANN,CAQG,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;GACE,WAAW,EACT,EAAO,kCACP,MAAY,cAAc,EAAO,+CACjC,MAAY,eAAe,EAAO,gDAClC,MAAY,aAAa,EAAO,4CAClC;GACA,eAAY;aAEX,KAAY,kBAAC,GAAD,EAAU,MAAM,GAAK,CAAA;EAC9B,CAAA,GACN,kBAAC,QAAD;GAAM,WAAU;aAAmB;EAA+B,CAAA,CAClE,EAAA,CAAA,IACA,MACH,CACG;;AAEV"}

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableDescription.d.ts

@@ -0,0 +1,5 @@
+import { type PropsWithChildren } from 'react';
+import { type FeatureComparisonTableAnimatedBaseProps } from '../FeatureComparisonTableContext';
+export type FeatureComparisonTableDescriptionProps = PropsWithChildren<FeatureComparisonTableAnimatedBaseProps<HTMLParagraphElement>>;
+export declare const FeatureComparisonTableDescription: (props: FeatureComparisonTableDescriptionProps) => import("react").JSX.Element;
+//# sourceMappingURL=FeatureComparisonTableDescription.d.ts.map

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTableDescription.d.ts","sourceRoot":"","sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTableDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAI5C,OAAO,EAAC,KAAK,uCAAuC,EAAC,MAAM,kCAAkC,CAAA;AAE7F,MAAM,MAAM,sCAAsC,GAAG,iBAAiB,CACpE,uCAAuC,CAAC,oBAAoB,CAAC,CAC9D,CAAA;AAED,eAAO,MAAM,iCAAiC,GAAI,OAAO,sCAAsC,gCAc9F,CAAA"}

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableDescription.js

@@ -0,0 +1,20 @@
+import { clsx as e } from "../../node_modules/clsx/dist/clsx.js";
+import { Text as t } from "../../Text/Text.js";
+import n from "../FeatureComparisonTable.module.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/FeatureComparisonTable/sub-components/FeatureComparisonTableDescription.tsx
+var i = (i) => {
+	let { children: a, className: o, id: s, ...c } = i;
+	return /* @__PURE__ */ r(t, {
+		as: "p",
+		size: "100",
+		variant: "muted",
+		className: e(n.FeatureComparisonTable__description, o),
+		...c,
+		children: a
+	});
+};
+//#endregion
+export { i as FeatureComparisonTableDescription };
+
+//# sourceMappingURL=FeatureComparisonTableDescription.js.map

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTableDescription.js","names":[],"sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTableDescription.tsx"],"sourcesContent":["import {type PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport {Text} from '../../Text'\nimport styles from '../FeatureComparisonTable.module.css'\nimport {type FeatureComparisonTableAnimatedBaseProps} from '../FeatureComparisonTableContext'\n\nexport type FeatureComparisonTableDescriptionProps = PropsWithChildren<\n  FeatureComparisonTableAnimatedBaseProps<HTMLParagraphElement>\n>\n\nexport const FeatureComparisonTableDescription = (props: FeatureComparisonTableDescriptionProps) => {\n  const {children, className, id: _id, ...rest}: FeatureComparisonTableDescriptionProps & {id?: string} = props\n\n  return (\n    <Text\n      as=\"p\"\n      size=\"100\"\n      variant=\"muted\"\n      className={clsx(styles.FeatureComparisonTable__description, className)}\n      {...rest}\n    >\n      {children}\n    </Text>\n  )\n}\n"],"mappings":";;;;;AAUA,IAAa,KAAqC,MAAkD;CAClG,IAAM,EAAC,aAAU,cAAW,IAAI,GAAK,GAAG,MAAgE;CAExG,OACE,kBAAC,GAAD;EACE,IAAG;EACH,MAAK;EACL,SAAQ;EACR,WAAW,EAAK,EAAO,qCAAqC,CAAS;EACrE,GAAI;EAEH;CACG,CAAA;AAEV"}

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableGroup.d.ts

@@ -0,0 +1,11 @@
+import React, { type PropsWithChildren } from 'react';
+import { type FeatureComparisonTableBaseProps } from '../FeatureComparisonTableContext';
+export type FeatureComparisonTableGroupProps = PropsWithChildren<FeatureComparisonTableBaseProps<HTMLDivElement> & {
+    expanded?: boolean | {
+        narrow: boolean;
+        regular: boolean;
+        wide: boolean;
+    };
+}>;
+export declare const FeatureComparisonTableGroup: ({ children, className, expanded }: FeatureComparisonTableGroupProps) => React.JSX.Element;
+//# sourceMappingURL=FeatureComparisonTableGroup.d.ts.map

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTableGroup.d.ts","sourceRoot":"","sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTableGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAwB,MAAM,OAAO,CAAA;AAK1E,OAAO,EAAC,KAAK,+BAA+B,EAA2B,MAAM,kCAAkC,CAAA;AAK/G,MAAM,MAAM,gCAAgC,GAAG,iBAAiB,CAC9D,+BAA+B,CAAC,cAAc,CAAC,GAAG;IAChD,QAAQ,CAAC,EACL,OAAO,GACP;QACE,MAAM,EAAE,OAAO,CAAA;QACf,OAAO,EAAE,OAAO,CAAA;QAChB,IAAI,EAAE,OAAO,CAAA;KACd,CAAA;CACN,CACF,CAAA;AAED,eAAO,MAAM,2BAA2B,GAAI,mCAAiC,gCAAgC,sBA8H5G,CAAA"}

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableGroup.js

@@ -0,0 +1,83 @@
+import { clsx as e } from "../../node_modules/clsx/dist/clsx.js";
+import { ChevronDownIcon as t } from "../../node_modules/@primer/octicons-react/dist/icons/ChevronDownIcon.js";
+import n from "../../component-helpers/shared.module.js";
+import { testIds as r, useTableContext as i } from "../FeatureComparisonTableContext.js";
+import a from "../FeatureComparisonTable.module.js";
+import { getChildrenOfType as o, hasItemLabel as s } from "../FeatureComparisonTableHelpers.js";
+import { FeatureComparisonTableRow as c } from "./FeatureComparisonTableRow.js";
+import { FeatureComparisonTableGroupHeading as l } from "./FeatureComparisonTableGroupHeading.js";
+import u, { useCallback as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/FeatureComparisonTable/sub-components/FeatureComparisonTableGroup.tsx
+var g = ({ children: g, className: _, expanded: v }) => {
+	let { instanceId: y, breakpoint: b, items: x, narrowGroupControlsRef: S, tableGroupControlsRef: C, groupIndex: w, groupIdentity: T } = i(), E = u.Children.toArray(g), D = o(E, l).at(-1), O = o(E, c), k = typeof v == "boolean" ? String(v) : v ? `${v.narrow}-${v.regular}-${v.wide}` : "default", A = typeof v == "boolean" ? v : v ? v[b] : b !== "narrow", [j, M] = f({
+		breakpoint: b,
+		signature: k,
+		open: A
+	}), N = j.breakpoint === b && j.signature === k ? j.open : A;
+	(j.breakpoint !== b || j.signature !== k) && M({
+		breakpoint: b,
+		signature: k,
+		open: N
+	});
+	let P = (e) => M((t) => t.open === e ? t : {
+		...t,
+		open: e
+	}), F = d((e) => {
+		C.current[T] = e;
+	}, [T, C]), I = b === "wide", L = `${y}-${I ? "table" : "narrow"}-group-${w}`, R = `${y}-table-group-control-${w}`, z = /* @__PURE__ */ m(t, {
+		"aria-hidden": "true",
+		size: 16,
+		className: e(a.FeatureComparisonTable__chevron, N && a["FeatureComparisonTable__chevron--expanded"])
+	});
+	if (!I) return /* @__PURE__ */ h("details", {
+		className: e(a.FeatureComparisonTable__group, _),
+		"data-testid": r.group,
+		open: N,
+		onToggle: (e) => {
+			e.currentTarget.open !== N && P(e.currentTarget.open);
+		},
+		children: [/* @__PURE__ */ h("summary", {
+			className: a.FeatureComparisonTable__summary,
+			"aria-controls": L,
+			"aria-expanded": N,
+			ref: (e) => {
+				S.current[T] = e;
+			},
+			children: [D ?? /* @__PURE__ */ m(l, {}), z]
+		}), /* @__PURE__ */ m("div", {
+			id: L,
+			children: O
+		})]
+	});
+	let B = /* @__PURE__ */ h("button", {
+		className: a.FeatureComparisonTable__groupControl,
+		"aria-controls": L,
+		"aria-expanded": N,
+		id: R,
+		onClick: () => P(!N),
+		ref: F,
+		type: "button",
+		children: [D?.props.children, z]
+	});
+	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("tbody", { children: /* @__PURE__ */ m("tr", { children: /* @__PURE__ */ h("th", {
+		className: e(w > 0 && n.gridline, a.FeatureComparisonTable__groupDivider, (!N || O.length === 0) && a["FeatureComparisonTable__groupDivider--noVisibleRows"]),
+		colSpan: x.length + 1,
+		scope: "rowgroup",
+		children: [/* @__PURE__ */ h("div", {
+			className: a.FeatureComparisonTable__groupBackground,
+			"aria-hidden": "true",
+			children: [/* @__PURE__ */ m("span", {}), x.map((t) => /* @__PURE__ */ m("span", { className: e(s(t) && a.FeatureComparisonTable__highlightedColumn) }, t.key))]
+		}), D ? u.cloneElement(D, { children: B }) : /* @__PURE__ */ m(l, { children: B })]
+	}) }) }), /* @__PURE__ */ m("tbody", {
+		"aria-labelledby": R,
+		className: _,
+		hidden: !N,
+		id: L,
+		children: O
+	})] });
+};
+//#endregion
+export { g as FeatureComparisonTableGroup };
+
+//# sourceMappingURL=FeatureComparisonTableGroup.js.map

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTableGroup.js","names":[],"sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTableGroup.tsx"],"sourcesContent":["import React, {type PropsWithChildren, useCallback, useState} from 'react'\nimport {ChevronDownIcon} from '@primer/octicons-react'\nimport {clsx} from 'clsx'\nimport styles from '../FeatureComparisonTable.module.css'\nimport gridlineStyles from '../../component-helpers/shared.module.css'\nimport {type FeatureComparisonTableBaseProps, useTableContext, testIds} from '../FeatureComparisonTableContext'\nimport {getChildrenOfType, hasItemLabel} from '../FeatureComparisonTableHelpers'\nimport {FeatureComparisonTableGroupHeading} from './FeatureComparisonTableGroupHeading'\nimport {FeatureComparisonTableRow} from './FeatureComparisonTableRow'\n\nexport type FeatureComparisonTableGroupProps = PropsWithChildren<\n  FeatureComparisonTableBaseProps<HTMLDivElement> & {\n    expanded?:\n      | boolean\n      | {\n          narrow: boolean\n          regular: boolean\n          wide: boolean\n        }\n  }\n>\n\nexport const FeatureComparisonTableGroup = ({children, className, expanded}: FeatureComparisonTableGroupProps) => {\n  const {\n    instanceId,\n    breakpoint,\n    items,\n    narrowGroupControlsRef,\n    tableGroupControlsRef,\n    groupIndex: index,\n    groupIdentity: identity,\n  } = useTableContext()\n  const groupChildren = React.Children.toArray(children)\n  const heading = getChildrenOfType(groupChildren, FeatureComparisonTableGroupHeading).at(-1)\n  const rows = getChildrenOfType(groupChildren, FeatureComparisonTableRow)\n  const signature =\n    typeof expanded === 'boolean'\n      ? String(expanded)\n      : expanded\n      ? `${expanded.narrow}-${expanded.regular}-${expanded.wide}`\n      : 'default'\n  const defaultOpen =\n    typeof expanded === 'boolean' ? expanded : expanded ? expanded[breakpoint] : breakpoint !== 'narrow'\n  const [state, setState] = useState({breakpoint, signature, open: defaultOpen})\n  const open = state.breakpoint === breakpoint && state.signature === signature ? state.open : defaultOpen\n\n  if (state.breakpoint !== breakpoint || state.signature !== signature) {\n    setState({breakpoint, signature, open})\n  }\n\n  const setOpen = (nextOpen: boolean) =>\n    setState(previous => (previous.open === nextOpen ? previous : {...previous, open: nextOpen}))\n  const registerTableGroupControl = useCallback(\n    (element: HTMLButtonElement | null) => {\n      tableGroupControlsRef.current[identity] = element\n    },\n    [identity, tableGroupControlsRef],\n  )\n  const isWide = breakpoint === 'wide'\n  const groupId = `${instanceId}-${isWide ? 'table' : 'narrow'}-group-${index}`\n  const groupControlId = `${instanceId}-table-group-control-${index}`\n  const chevron = (\n    <ChevronDownIcon\n      aria-hidden=\"true\"\n      size={16}\n      className={clsx(\n        styles.FeatureComparisonTable__chevron,\n        open && styles['FeatureComparisonTable__chevron--expanded'],\n      )}\n    />\n  )\n\n  if (!isWide) {\n    return (\n      <details\n        className={clsx(styles.FeatureComparisonTable__group, className)}\n        data-testid={testIds.group}\n        open={open}\n        onToggle={event => {\n          if (event.currentTarget.open !== open) setOpen(event.currentTarget.open)\n        }}\n      >\n        <summary\n          className={styles.FeatureComparisonTable__summary}\n          aria-controls={groupId}\n          aria-expanded={open}\n          ref={control => {\n            narrowGroupControlsRef.current[identity] = control\n          }}\n        >\n          {heading ?? <FeatureComparisonTableGroupHeading />}\n          {chevron}\n        </summary>\n        <div id={groupId}>{rows}</div>\n      </details>\n    )\n  }\n\n  const control = (\n    <button\n      className={styles.FeatureComparisonTable__groupControl}\n      aria-controls={groupId}\n      aria-expanded={open}\n      id={groupControlId}\n      onClick={() => setOpen(!open)}\n      ref={registerTableGroupControl}\n      type=\"button\"\n    >\n      {heading?.props.children}\n      {chevron}\n    </button>\n  )\n\n  return (\n    <>\n      <tbody>\n        <tr>\n          <th\n            className={clsx(\n              index > 0 && gridlineStyles.gridline,\n              styles.FeatureComparisonTable__groupDivider,\n              (!open || rows.length === 0) && styles['FeatureComparisonTable__groupDivider--noVisibleRows'],\n            )}\n            colSpan={items.length + 1}\n            scope=\"rowgroup\"\n          >\n            <div className={styles.FeatureComparisonTable__groupBackground} aria-hidden=\"true\">\n              <span />\n              {items.map(item => (\n                <span\n                  key={item.key}\n                  className={clsx(hasItemLabel(item) && styles.FeatureComparisonTable__highlightedColumn)}\n                />\n              ))}\n            </div>\n            {heading ? (\n              React.cloneElement(heading, {children: control})\n            ) : (\n              <FeatureComparisonTableGroupHeading>{control}</FeatureComparisonTableGroupHeading>\n            )}\n          </th>\n        </tr>\n      </tbody>\n      <tbody aria-labelledby={groupControlId} className={className} hidden={!open} id={groupId}>\n        {rows}\n      </tbody>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAsBA,IAAa,KAA+B,EAAC,aAAU,cAAW,kBAAgD;CAChH,IAAM,EACJ,eACA,eACA,UACA,2BACA,0BACA,YAAY,GACZ,eAAe,MACb,EAAgB,GACd,IAAgB,EAAM,SAAS,QAAQ,CAAQ,GAC/C,IAAU,EAAkB,GAAe,CAAkC,CAAC,CAAC,GAAG,EAAE,GACpF,IAAO,EAAkB,GAAe,CAAyB,GACjE,IACJ,OAAO,KAAa,YAChB,OAAO,CAAQ,IACf,IACA,GAAG,EAAS,OAAO,GAAG,EAAS,QAAQ,GAAG,EAAS,SACnD,WACA,IACJ,OAAO,KAAa,YAAY,IAAW,IAAW,EAAS,KAAc,MAAe,UACxF,CAAC,GAAO,KAAY,EAAS;EAAC;EAAY;EAAW,MAAM;CAAW,CAAC,GACvE,IAAO,EAAM,eAAe,KAAc,EAAM,cAAc,IAAY,EAAM,OAAO;CAE7F,CAAI,EAAM,eAAe,KAAc,EAAM,cAAc,MACzD,EAAS;EAAC;EAAY;EAAW;CAAI,CAAC;CAGxC,IAAM,KAAW,MACf,GAAS,MAAa,EAAS,SAAS,IAAW,IAAW;EAAC,GAAG;EAAU,MAAM;CAAQ,CAAE,GACxF,IAA4B,GAC/B,MAAsC;EACrC,EAAsB,QAAQ,KAAY;CAC5C,GACA,CAAC,GAAU,CAAqB,CAClC,GACM,IAAS,MAAe,QACxB,IAAU,GAAG,EAAW,GAAG,IAAS,UAAU,SAAS,SAAS,KAChE,IAAiB,GAAG,EAAW,uBAAuB,KACtD,IACJ,kBAAC,GAAD;EACE,eAAY;EACZ,MAAM;EACN,WAAW,EACT,EAAO,iCACP,KAAQ,EAAO,4CACjB;CACD,CAAA;CAGH,IAAI,CAAC,GACH,OACE,kBAAC,WAAD;EACE,WAAW,EAAK,EAAO,+BAA+B,CAAS;EAC/D,eAAa,EAAQ;EACf;EACN,WAAU,MAAS;GACjB,AAAI,EAAM,cAAc,SAAS,KAAM,EAAQ,EAAM,cAAc,IAAI;EACzE;YANF,CAQE,kBAAC,WAAD;GACE,WAAW,EAAO;GAClB,iBAAe;GACf,iBAAe;GACf,MAAK,MAAW;IACd,EAAuB,QAAQ,KAAY;GAC7C;aANF,CAQG,KAAW,kBAAC,GAAD,CAAqC,CAAA,GAChD,CACM;MACT,kBAAC,OAAD;GAAK,IAAI;aAAU;EAAU,CAAA,CACtB;;CAIb,IAAM,IACJ,kBAAC,UAAD;EACE,WAAW,EAAO;EAClB,iBAAe;EACf,iBAAe;EACf,IAAI;EACJ,eAAe,EAAQ,CAAC,CAAI;EAC5B,KAAK;EACL,MAAK;YAPP,CASG,GAAS,MAAM,UACf,CACK;;CAGV,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UACE,kBAAC,MAAD;EACE,WAAW,EACT,IAAQ,KAAK,EAAe,UAC5B,EAAO,uCACN,CAAC,KAAQ,EAAK,WAAW,MAAM,EAAO,sDACzC;EACA,SAAS,EAAM,SAAS;EACxB,OAAM;YAPR,CASE,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAyC,eAAY;aAA5E,CACE,kBAAC,QAAD,CAAO,CAAA,GACN,EAAM,KAAI,MACT,kBAAC,QAAD,EAEE,WAAW,EAAK,EAAa,CAAI,KAAK,EAAO,yCAAyC,EACvF,GAFM,EAAK,GAEX,CACF,CACE;MACJ,IACC,EAAM,aAAa,GAAS,EAAC,UAAU,EAAO,CAAC,IAE/C,kBAAC,GAAD,EAAA,UAAqC,EAA4C,CAAA,CAEjF;IACF,CAAA,EACC,CAAA,GACP,kBAAC,SAAD;EAAO,mBAAiB;EAA2B;EAAW,QAAQ,CAAC;EAAM,IAAI;YAC9E;CACI,CAAA,CACP,EAAA,CAAA;AAEN"}

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableGroupHeading.d.ts

@@ -0,0 +1,5 @@
+import { type PropsWithChildren } from 'react';
+import { type HeadingProps } from '../../Heading';
+export type FeatureComparisonTableGroupHeadingProps = PropsWithChildren<Omit<HeadingProps, 'ref'>>;
+export declare const FeatureComparisonTableGroupHeading: ({ children, as, size, ...rest }: FeatureComparisonTableGroupHeadingProps) => import("react").JSX.Element;
+//# sourceMappingURL=FeatureComparisonTableGroupHeading.d.ts.map

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableGroupHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTableGroupHeading.d.ts","sourceRoot":"","sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTableGroupHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC5C,OAAO,EAA8B,KAAK,YAAY,EAAC,MAAM,eAAe,CAAA;AAE5E,MAAM,MAAM,uCAAuC,GAAG,iBAAiB,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAA;AAElG,eAAO,MAAM,kCAAkC,GAAI,iCAKhD,uCAAuC,gCAMzC,CAAA"}

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableGroupHeading.js

@@ -0,0 +1,13 @@
+import { Heading as e } from "../../Heading/Heading.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/FeatureComparisonTable/sub-components/FeatureComparisonTableGroupHeading.tsx
+var n = ({ children: n, as: r = "h3", size: i = "subhead-large", ...a }) => /* @__PURE__ */ t(e, {
+	as: r,
+	size: i,
+	...a,
+	children: n
+});
+//#endregion
+export { n as FeatureComparisonTableGroupHeading };
+
+//# sourceMappingURL=FeatureComparisonTableGroupHeading.js.map

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableGroupHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTableGroupHeading.js","names":[],"sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTableGroupHeading.tsx"],"sourcesContent":["import {type PropsWithChildren} from 'react'\nimport {Heading as HeadingComponent, type HeadingProps} from '../../Heading'\n\nexport type FeatureComparisonTableGroupHeadingProps = PropsWithChildren<Omit<HeadingProps, 'ref'>>\n\nexport const FeatureComparisonTableGroupHeading = ({\n  children,\n  as = 'h3',\n  size = 'subhead-large',\n  ...rest\n}: FeatureComparisonTableGroupHeadingProps) => {\n  return (\n    <HeadingComponent as={as} size={size} {...rest}>\n      {children}\n    </HeadingComponent>\n  )\n}\n"],"mappings":";;;AAKA,IAAa,KAAsC,EACjD,aACA,QAAK,MACL,UAAO,iBACP,GAAG,QAGD,kBAAC,GAAD;CAAsB;CAAU;CAAM,GAAI;CACvC;AACe,CAAA"}

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableHeading.d.ts

@@ -0,0 +1,5 @@
+import { type PropsWithChildren } from 'react';
+import { type HeadingProps } from '../../Heading';
+export type FeatureComparisonTableHeadingProps = PropsWithChildren<Omit<HeadingProps, 'ref'>>;
+export declare const FeatureComparisonTableHeading: (props: FeatureComparisonTableHeadingProps) => import("react").JSX.Element;
+//# sourceMappingURL=FeatureComparisonTableHeading.d.ts.map

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTableHeading.d.ts","sourceRoot":"","sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTableHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC5C,OAAO,EAA8B,KAAK,YAAY,EAAC,MAAM,eAAe,CAAA;AAG5E,MAAM,MAAM,kCAAkC,GAAG,iBAAiB,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAA;AAE7F,eAAO,MAAM,6BAA6B,GAAI,OAAO,kCAAkC,gCAStF,CAAA"}

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableHeading.js

@@ -0,0 +1,19 @@
+import { Heading as e } from "../../Heading/Heading.js";
+import { testIds as t, useTableContext as n } from "../FeatureComparisonTableContext.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/FeatureComparisonTable/sub-components/FeatureComparisonTableHeading.tsx
+var i = (i) => {
+	let { children: a, as: o = "h2", size: s = "6", id: c, ...l } = i, { instanceId: u } = n();
+	return /* @__PURE__ */ r(e, {
+		as: o,
+		size: s,
+		"data-testid": t.heading,
+		id: c || `${u}-heading`,
+		...l,
+		children: a
+	});
+};
+//#endregion
+export { i as FeatureComparisonTableHeading };
+
+//# sourceMappingURL=FeatureComparisonTableHeading.js.map

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTableHeading.js","names":[],"sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTableHeading.tsx"],"sourcesContent":["import {type PropsWithChildren} from 'react'\nimport {Heading as HeadingComponent, type HeadingProps} from '../../Heading'\nimport {useTableContext, testIds} from '../FeatureComparisonTableContext'\n\nexport type FeatureComparisonTableHeadingProps = PropsWithChildren<Omit<HeadingProps, 'ref'>>\n\nexport const FeatureComparisonTableHeading = (props: FeatureComparisonTableHeadingProps) => {\n  const {children, as = 'h2', size = '6', id, ...rest} = props\n  const {instanceId} = useTableContext()\n\n  return (\n    <HeadingComponent as={as} size={size} data-testid={testIds.heading} id={id || `${instanceId}-heading`} {...rest}>\n      {children}\n    </HeadingComponent>\n  )\n}\n"],"mappings":";;;;AAMA,IAAa,KAAiC,MAA8C;CAC1F,IAAM,EAAC,aAAU,QAAK,MAAM,UAAO,KAAK,OAAI,GAAG,MAAQ,GACjD,EAAC,kBAAc,EAAgB;CAErC,OACE,kBAAC,GAAD;EAAsB;EAAU;EAAM,eAAa,EAAQ;EAAS,IAAI,KAAM,GAAG,EAAW;EAAW,GAAI;EACxG;CACe,CAAA;AAEtB"}

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableItem.d.ts

@@ -0,0 +1,5 @@
+import React, { type PropsWithChildren } from 'react';
+import { type FeatureComparisonTableBaseProps } from '../FeatureComparisonTableContext';
+export type FeatureComparisonTableItemProps = PropsWithChildren<FeatureComparisonTableBaseProps<HTMLDivElement>>;
+export declare const FeatureComparisonTableItem: ({ children, className }: FeatureComparisonTableItemProps) => React.JSX.Element;
+//# sourceMappingURL=FeatureComparisonTableItem.d.ts.map

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTableItem.d.ts","sourceRoot":"","sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTableItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAGnD,OAAO,EAAC,KAAK,+BAA+B,EAA2B,MAAM,kCAAkC,CAAA;AAS/G,MAAM,MAAM,+BAA+B,GAAG,iBAAiB,CAAC,+BAA+B,CAAC,cAAc,CAAC,CAAC,CAAA;AAEhH,eAAO,MAAM,0BAA0B,GAAI,yBAAuB,+BAA+B,sBA+ChG,CAAA"}

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableItem.js

@@ -0,0 +1,39 @@
+import { clsx as e } from "../../node_modules/clsx/dist/clsx.js";
+import { testIds as t, useTableContext as n } from "../FeatureComparisonTableContext.js";
+import r from "../FeatureComparisonTable.module.js";
+import { FeatureComparisonTableLabel as i } from "./FeatureComparisonTableLabel.js";
+import { getChildrenOfType as a, hasItemLabel as o } from "../FeatureComparisonTableHelpers.js";
+import { FeatureComparisonTableItemHeading as s } from "./FeatureComparisonTableItemHeading.js";
+import { FeatureComparisonTableDescription as c } from "./FeatureComparisonTableDescription.js";
+import { FeatureComparisonTablePrice as l } from "./FeatureComparisonTablePrice.js";
+import { FeatureComparisonTablePrimaryAction as u } from "./FeatureComparisonTablePrimaryAction.js";
+import { FeatureComparisonTableSecondaryAction as d } from "./FeatureComparisonTableSecondaryAction.js";
+import f from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/FeatureComparisonTable/sub-components/FeatureComparisonTableItem.tsx
+var h = ({ children: h, className: g }) => {
+	let { items: _, itemIndex: v } = n(), y = f.Children.toArray(h), b = a(y, i).at(-1), x = a(y, s).at(-1), S = a(y, c).at(-1), C = a(y, l).at(-1), w = a(y, u).at(-1), T = a(y, d).at(-1), E = _.some(o);
+	return /* @__PURE__ */ m("section", {
+		className: e(r.FeatureComparisonTable__item, b && r["FeatureComparisonTable__item--hasLabel"], E && !b && r["FeatureComparisonTable__item--offset"], b && r.FeatureComparisonTable__highlightedColumn, g),
+		"data-testid": t.item,
+		children: [b, /* @__PURE__ */ m("div", {
+			className: e(r.FeatureComparisonTable__itemContent, b && r["FeatureComparisonTable__itemContent--hasLabel"]),
+			children: [
+				x ? f.cloneElement(x, { className: e(r.FeatureComparisonTable__itemHeading, x.props.className) }) : /* @__PURE__ */ p("span", {
+					className: r.FeatureComparisonTable__itemHeading,
+					children: v
+				}),
+				S,
+				C,
+				w || T ? /* @__PURE__ */ m("div", {
+					className: r.FeatureComparisonTable__actions,
+					children: [w, T]
+				}) : null
+			]
+		})]
+	});
+};
+//#endregion
+export { h as FeatureComparisonTableItem };
+
+//# sourceMappingURL=FeatureComparisonTableItem.js.map

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTableItem.js","names":[],"sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTableItem.tsx"],"sourcesContent":["import React, {type PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport styles from '../FeatureComparisonTable.module.css'\nimport {type FeatureComparisonTableBaseProps, useTableContext, testIds} from '../FeatureComparisonTableContext'\nimport {getChildrenOfType, hasItemLabel} from '../FeatureComparisonTableHelpers'\nimport {FeatureComparisonTableLabel} from './FeatureComparisonTableLabel'\nimport {FeatureComparisonTableItemHeading} from './FeatureComparisonTableItemHeading'\nimport {FeatureComparisonTableDescription} from './FeatureComparisonTableDescription'\nimport {FeatureComparisonTablePrice} from './FeatureComparisonTablePrice'\nimport {FeatureComparisonTablePrimaryAction} from './FeatureComparisonTablePrimaryAction'\nimport {FeatureComparisonTableSecondaryAction} from './FeatureComparisonTableSecondaryAction'\n\nexport type FeatureComparisonTableItemProps = PropsWithChildren<FeatureComparisonTableBaseProps<HTMLDivElement>>\n\nexport const FeatureComparisonTableItem = ({children, className}: FeatureComparisonTableItemProps) => {\n  const {items, itemIndex} = useTableContext()\n  const itemChildren = React.Children.toArray(children)\n  const label = getChildrenOfType(itemChildren, FeatureComparisonTableLabel).at(-1)\n  const heading = getChildrenOfType(itemChildren, FeatureComparisonTableItemHeading).at(-1)\n  const description = getChildrenOfType(itemChildren, FeatureComparisonTableDescription).at(-1)\n  const price = getChildrenOfType(itemChildren, FeatureComparisonTablePrice).at(-1)\n  const primaryAction = getChildrenOfType(itemChildren, FeatureComparisonTablePrimaryAction).at(-1)\n  const secondaryAction = getChildrenOfType(itemChildren, FeatureComparisonTableSecondaryAction).at(-1)\n  const hasLabels = items.some(hasItemLabel)\n\n  return (\n    <section\n      className={clsx(\n        styles.FeatureComparisonTable__item,\n        label && styles['FeatureComparisonTable__item--hasLabel'],\n        hasLabels && !label && styles['FeatureComparisonTable__item--offset'],\n        label && styles.FeatureComparisonTable__highlightedColumn,\n        className,\n      )}\n      data-testid={testIds.item}\n    >\n      {label}\n      <div\n        className={clsx(\n          styles.FeatureComparisonTable__itemContent,\n          label && styles['FeatureComparisonTable__itemContent--hasLabel'],\n        )}\n      >\n        {heading ? (\n          React.cloneElement(heading, {\n            className: clsx(styles.FeatureComparisonTable__itemHeading, heading.props.className),\n          })\n        ) : (\n          <span className={styles.FeatureComparisonTable__itemHeading}>{itemIndex}</span>\n        )}\n        {description}\n        {price}\n        {primaryAction || secondaryAction ? (\n          <div className={styles.FeatureComparisonTable__actions}>\n            {primaryAction}\n            {secondaryAction}\n          </div>\n        ) : null}\n      </div>\n    </section>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,IAAa,KAA8B,EAAC,aAAU,mBAAgD;CACpG,IAAM,EAAC,UAAO,iBAAa,EAAgB,GACrC,IAAe,EAAM,SAAS,QAAQ,CAAQ,GAC9C,IAAQ,EAAkB,GAAc,CAA2B,CAAC,CAAC,GAAG,EAAE,GAC1E,IAAU,EAAkB,GAAc,CAAiC,CAAC,CAAC,GAAG,EAAE,GAClF,IAAc,EAAkB,GAAc,CAAiC,CAAC,CAAC,GAAG,EAAE,GACtF,IAAQ,EAAkB,GAAc,CAA2B,CAAC,CAAC,GAAG,EAAE,GAC1E,IAAgB,EAAkB,GAAc,CAAmC,CAAC,CAAC,GAAG,EAAE,GAC1F,IAAkB,EAAkB,GAAc,CAAqC,CAAC,CAAC,GAAG,EAAE,GAC9F,IAAY,EAAM,KAAK,CAAY;CAEzC,OACE,kBAAC,WAAD;EACE,WAAW,EACT,EAAO,8BACP,KAAS,EAAO,2CAChB,KAAa,CAAC,KAAS,EAAO,yCAC9B,KAAS,EAAO,2CAChB,CACF;EACA,eAAa,EAAQ;YARvB,CAUG,GACD,kBAAC,OAAD;GACE,WAAW,EACT,EAAO,qCACP,KAAS,EAAO,gDAClB;aAJF;IAMG,IACC,EAAM,aAAa,GAAS,EAC1B,WAAW,EAAK,EAAO,qCAAqC,EAAQ,MAAM,SAAS,EACrF,CAAC,IAED,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAsC;IAAgB,CAAA;IAE/E;IACA;IACA,KAAiB,IAChB,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACG,GACA,CACE;SACH;GACD;IACE;;AAEb"}

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableItemHeading.d.ts

@@ -0,0 +1,5 @@
+import { type PropsWithChildren } from 'react';
+import { type HeadingProps } from '../../Heading';
+export type FeatureComparisonTableItemHeadingProps = PropsWithChildren<Omit<HeadingProps, 'id' | 'ref'>>;
+export declare const FeatureComparisonTableItemHeading: (props: FeatureComparisonTableItemHeadingProps) => import("react").JSX.Element;
+//# sourceMappingURL=FeatureComparisonTableItemHeading.d.ts.map

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableItemHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTableItemHeading.d.ts","sourceRoot":"","sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTableItemHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC5C,OAAO,EAA8B,KAAK,YAAY,EAAC,MAAM,eAAe,CAAA;AAE5E,MAAM,MAAM,sCAAsC,GAAG,iBAAiB,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC,CAAA;AAExG,eAAO,MAAM,iCAAiC,GAAI,OAAO,sCAAsC,gCAc9F,CAAA"}

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableItemHeading.js

@@ -0,0 +1,16 @@
+import { Heading as e } from "../../Heading/Heading.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/FeatureComparisonTable/sub-components/FeatureComparisonTableItemHeading.tsx
+var n = (n) => {
+	let { children: r, as: i = "h3", size: a = "subhead-medium", id: o, ...s } = n;
+	return /* @__PURE__ */ t(e, {
+		as: i,
+		size: a,
+		...s,
+		children: r
+	});
+};
+//#endregion
+export { n as FeatureComparisonTableItemHeading };
+
+//# sourceMappingURL=FeatureComparisonTableItemHeading.js.map

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableItemHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTableItemHeading.js","names":[],"sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTableItemHeading.tsx"],"sourcesContent":["import {type PropsWithChildren} from 'react'\nimport {Heading as HeadingComponent, type HeadingProps} from '../../Heading'\n\nexport type FeatureComparisonTableItemHeadingProps = PropsWithChildren<Omit<HeadingProps, 'id' | 'ref'>>\n\nexport const FeatureComparisonTableItemHeading = (props: FeatureComparisonTableItemHeadingProps) => {\n  const {\n    children,\n    as = 'h3',\n    size = 'subhead-medium',\n    id: _id,\n    ...rest\n  }: FeatureComparisonTableItemHeadingProps & {id?: string} = props\n\n  return (\n    <HeadingComponent as={as} size={size} {...rest}>\n      {children}\n    </HeadingComponent>\n  )\n}\n"],"mappings":";;;AAKA,IAAa,KAAqC,MAAkD;CAClG,IAAM,EACJ,aACA,QAAK,MACL,UAAO,kBACP,IAAI,GACJ,GAAG,MACuD;CAE5D,OACE,kBAAC,GAAD;EAAsB;EAAU;EAAM,GAAI;EACvC;CACe,CAAA;AAEtB"}

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableLabel.d.ts

@@ -0,0 +1,5 @@
+import { type PropsWithChildren } from 'react';
+import { type FeatureComparisonTableBaseProps } from '../FeatureComparisonTableContext';
+export type FeatureComparisonTableLabelProps = PropsWithChildren<FeatureComparisonTableBaseProps<HTMLSpanElement>>;
+export declare const FeatureComparisonTableLabel: (props: FeatureComparisonTableLabelProps) => import("react").JSX.Element;
+//# sourceMappingURL=FeatureComparisonTableLabel.d.ts.map

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTableLabel.d.ts","sourceRoot":"","sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTableLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAG5C,OAAO,EAAC,KAAK,+BAA+B,EAAU,MAAM,kCAAkC,CAAA;AAE9F,MAAM,MAAM,gCAAgC,GAAG,iBAAiB,CAAC,+BAA+B,CAAC,eAAe,CAAC,CAAC,CAAA;AAElH,eAAO,MAAM,2BAA2B,GAAI,OAAO,gCAAgC,gCAUlF,CAAA"}

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableLabel.js

@@ -0,0 +1,21 @@
+import { clsx as e } from "../../node_modules/clsx/dist/clsx.js";
+import { testIds as t } from "../FeatureComparisonTableContext.js";
+import n from "../FeatureComparisonTable.module.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/FeatureComparisonTable/sub-components/FeatureComparisonTableLabel.tsx
+var i = (i) => {
+	let { children: a, className: o, id: s, ...c } = i;
+	return /* @__PURE__ */ r("div", {
+		className: n.FeatureComparisonTable__labelCell,
+		"data-testid": t.label,
+		children: /* @__PURE__ */ r("span", {
+			className: e(n.FeatureComparisonTable__label, o),
+			...c,
+			children: a
+		})
+	});
+};
+//#endregion
+export { i as FeatureComparisonTableLabel };
+
+//# sourceMappingURL=FeatureComparisonTableLabel.js.map

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTableLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTableLabel.js","names":[],"sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTableLabel.tsx"],"sourcesContent":["import {type PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport styles from '../FeatureComparisonTable.module.css'\nimport {type FeatureComparisonTableBaseProps, testIds} from '../FeatureComparisonTableContext'\n\nexport type FeatureComparisonTableLabelProps = PropsWithChildren<FeatureComparisonTableBaseProps<HTMLSpanElement>>\n\nexport const FeatureComparisonTableLabel = (props: FeatureComparisonTableLabelProps) => {\n  const {children, className, id: _id, ...rest}: FeatureComparisonTableLabelProps & {id?: string} = props\n\n  return (\n    <div className={styles.FeatureComparisonTable__labelCell} data-testid={testIds.label}>\n      <span className={clsx(styles.FeatureComparisonTable__label, className)} {...rest}>\n        {children}\n      </span>\n    </div>\n  )\n}\n"],"mappings":";;;;;AAOA,IAAa,KAA+B,MAA4C;CACtF,IAAM,EAAC,aAAU,cAAW,IAAI,GAAK,GAAG,MAA0D;CAElG,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAmC,eAAa,EAAQ;YAC7E,kBAAC,QAAD;GAAM,WAAW,EAAK,EAAO,+BAA+B,CAAS;GAAG,GAAI;GACzE;EACG,CAAA;CACH,CAAA;AAET"}

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTablePrice.d.ts

@@ -0,0 +1,5 @@
+import { type PropsWithChildren } from 'react';
+import { type FeatureComparisonTableAnimatedBaseProps } from '../FeatureComparisonTableContext';
+export type FeatureComparisonTablePriceProps = PropsWithChildren<FeatureComparisonTableAnimatedBaseProps<HTMLParagraphElement>>;
+export declare const FeatureComparisonTablePrice: (props: FeatureComparisonTablePriceProps) => import("react").JSX.Element;
+//# sourceMappingURL=FeatureComparisonTablePrice.d.ts.map

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTablePrice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureComparisonTablePrice.d.ts","sourceRoot":"","sources":["../../../src/FeatureComparisonTable/sub-components/FeatureComparisonTablePrice.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAI5C,OAAO,EAAC,KAAK,uCAAuC,EAAU,MAAM,kCAAkC,CAAA;AAEtG,MAAM,MAAM,gCAAgC,GAAG,iBAAiB,CAC9D,uCAAuC,CAAC,oBAAoB,CAAC,CAC9D,CAAA;AAED,eAAO,MAAM,2BAA2B,GAAI,OAAO,gCAAgC,gCAgBlF,CAAA"}

package/esm/FeatureComparisonTable/sub-components/FeatureComparisonTablePrice.js

@@ -0,0 +1,23 @@
+import { clsx as e } from "../../node_modules/clsx/dist/clsx.js";
+import { Text as t } from "../../Text/Text.js";
+import { testIds as n } from "../FeatureComparisonTableContext.js";
+import r from "../FeatureComparisonTable.module.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/FeatureComparisonTable/sub-components/FeatureComparisonTablePrice.tsx
+var a = (a) => {
+	let { children: o, className: s, id: c, ...l } = a;
+	return /* @__PURE__ */ i(t, {
+		as: "p",
+		size: "100",
+		variant: "default",
+		weight: "semibold",
+		className: e(r.FeatureComparisonTable__price, s),
+		"data-testid": n.price,
+		...l,
+		children: o
+	});
+};
+//#endregion
+export { a as FeatureComparisonTablePrice };
+
+//# sourceMappingURL=FeatureComparisonTablePrice.js.map