@persona/design-system 0.1.5-pre.4

package/dist/Radio.d.cts

@@ -0,0 +1,21 @@
+import * as _$react from "react";
+import { ChangeEvent, ComponentPropsWithoutRef, ReactNode } from "react";
+
+//#region components/Radio/Radio.d.ts
+interface RadioProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
+  /**
+   * If not provided, a unique ID will be generated.
+   */
+  id?: string;
+  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+  label?: ReactNode;
+  disabled?: boolean;
+  checked?: boolean;
+  value: string;
+  'data-test'?: string;
+  size?: 'md' | 'sm';
+}
+declare const Radio: _$react.ForwardRefExoticComponent<RadioProps & _$react.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Radio, Radio as default, RadioProps };
+//# sourceMappingURL=Radio.d.cts.map

package/dist/Radio.d.mts

@@ -0,0 +1,21 @@
+import * as _$react from "react";
+import { ChangeEvent, ComponentPropsWithoutRef, ReactNode } from "react";
+
+//#region components/Radio/Radio.d.ts
+interface RadioProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
+  /**
+   * If not provided, a unique ID will be generated.
+   */
+  id?: string;
+  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+  label?: ReactNode;
+  disabled?: boolean;
+  checked?: boolean;
+  value: string;
+  'data-test'?: string;
+  size?: 'md' | 'sm';
+}
+declare const Radio: _$react.ForwardRefExoticComponent<RadioProps & _$react.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Radio, Radio as default, RadioProps };
+//# sourceMappingURL=Radio.d.mts.map

package/dist/RadioGroup-B8htTzsS.mjs

@@ -0,0 +1,50 @@
+import useControlled from "./lib/useControlled.mjs";
+import { t as Radio } from "./Radio-w-L3Otuk.mjs";
+import { Spacing } from "@persona/design-tokens";
+import styled, { css } from "styled-components";
+import { jsx } from "react/jsx-runtime";
+import { Children, cloneElement } from "react";
+//#region components/RadioGroup/RadioGroup.tsx
+const Container = styled.div`
+  & > div {
+    margin-bottom: ${Spacing[2]};
+  }
+
+  ${({ horizontal }) => horizontal && css`
+      display: flex;
+      align-items: center;
+      & > div {
+        margin-right: ${Spacing[2]};
+      }
+    `}
+`;
+const RadioGroup = ({ children, defaultValue, name, value: valueProp, onChange, horizontal = false, size = "md", ...elemProps }) => {
+	const [value, setValue] = useControlled({
+		controlledValue: valueProp,
+		default: defaultValue
+	});
+	return /* @__PURE__ */ jsx(Container, {
+		role: "radiogroup",
+		horizontal,
+		size,
+		...elemProps,
+		children: Children.map(children, (child) => {
+			if (child?.type === Radio && (typeof valueProp !== "undefined" || onChange)) return cloneElement(child, {
+				name,
+				size,
+				checked: child.props.value === value,
+				onChange: (e) => {
+					const newVal = e.target.value;
+					if (typeof valueProp !== "undefined" && onChange) onChange(newVal);
+					else setValue(newVal);
+				}
+			});
+			if (name) return cloneElement(child, { name });
+			return child;
+		})
+	});
+};
+//#endregion
+export { RadioGroup as t };
+
+//# sourceMappingURL=RadioGroup-B8htTzsS.mjs.map

package/dist/RadioGroup-B8htTzsS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup-B8htTzsS.mjs","names":[],"sources":["../components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { Spacing } from '@persona/design-tokens';\nimport {\n  type ChangeEvent,\n  Children,\n  cloneElement,\n  type ComponentPropsWithoutRef,\n  type ReactElement,\n  type VFC,\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Radio, { type RadioProps } from 'design-system/components/Radio';\nimport useControlled from 'design-system/lib/useControlled';\n\nconst Container = styled.div<{ size: 'md' | 'sm'; horizontal?: boolean }>`\n  & > div {\n    margin-bottom: ${Spacing[2]};\n  }\n\n  ${({ horizontal }) =>\n    horizontal &&\n    css`\n      display: flex;\n      align-items: center;\n      & > div {\n        margin-right: ${Spacing[2]};\n      }\n    `}\n`;\n\nexport interface RadioGroupProps extends ComponentPropsWithoutRef<'div'> {\n  defaultValue?: any;\n  name?: string;\n  value?: any;\n  onChange?: (value: any) => void;\n  /**\n   * Direction of radio group\n   */\n  horizontal?: boolean;\n  /**\n   * Size of radio buttons within the group\n   */\n  size?: 'md' | 'sm';\n}\n\nexport const RadioGroup: VFC<RadioGroupProps> = ({\n  children,\n  defaultValue,\n  name,\n  value: valueProp,\n  onChange,\n  horizontal = false,\n  size = 'md',\n  ...elemProps\n}) => {\n  const [value, setValue] = useControlled({\n    controlledValue: valueProp,\n    default: defaultValue,\n  });\n\n  return (\n    <Container role='radiogroup' horizontal={horizontal} size={size} {...elemProps}>\n      {/* @ts-expect-error [strict-migration] The following line is not strict; please fix! */}\n      {Children.map(children, (child: ReactElement<RadioProps>) => {\n        if (child?.type === Radio && (typeof valueProp !== 'undefined' || onChange)) {\n          return cloneElement(child, {\n            name,\n            size,\n            checked: child.props.value === value,\n            onChange: (e: ChangeEvent<HTMLInputElement>) => {\n              const newVal = e.target.value;\n              if (typeof valueProp !== 'undefined' && onChange) {\n                onChange(newVal);\n              } else {\n                setValue(newVal);\n              }\n            },\n          });\n        }\n\n        if (name) {\n          return cloneElement(child, { name });\n        }\n\n        return child;\n      })}\n    </Container>\n  );\n};\n\nexport default RadioGroup;\n"],"mappings":";;;;;;;AAcA,MAAM,YAAY,OAAO,GAAgD;;qBAEpD,QAAQ,GAAG;;;KAG3B,EAAE,iBACH,cACA,GAAG;;;;wBAIiB,QAAQ,GAAG;;MAE7B;;AAkBN,MAAa,cAAoC,EAC/C,UACA,cACA,MACA,OAAO,WACP,UACA,aAAa,OACb,OAAO,MACP,GAAG,gBACC;CACJ,MAAM,CAAC,OAAO,YAAY,cAAc;EACtC,iBAAiB;EACjB,SAAS;EACV,CAAC;AAEF,QACE,oBAAC,WAAD;EAAW,MAAK;EAAyB;EAAkB;EAAM,GAAI;YAElE,SAAS,IAAI,WAAW,UAAoC;AAC3D,OAAI,OAAO,SAAS,UAAU,OAAO,cAAc,eAAe,UAChE,QAAO,aAAa,OAAO;IACzB;IACA;IACA,SAAS,MAAM,MAAM,UAAU;IAC/B,WAAW,MAAqC;KAC9C,MAAM,SAAS,EAAE,OAAO;AACxB,SAAI,OAAO,cAAc,eAAe,SACtC,UAAS,OAAO;SAEhB,UAAS,OAAO;;IAGrB,CAAC;AAGJ,OAAI,KACF,QAAO,aAAa,OAAO,EAAE,MAAM,CAAC;AAGtC,UAAO;IACP;EACQ,CAAA"}

package/dist/RadioGroup-BjDmweRK.cjs

@@ -0,0 +1,57 @@
+const require_chunk = require("./chunk-CoPdw6nB.cjs");
+const require_lib_useControlled = require("./lib/useControlled.cjs");
+const require_Radio = require("./Radio-mFfT6G3d.cjs");
+let _persona_design_tokens = require("@persona/design-tokens");
+let styled_components = require("styled-components");
+styled_components = require_chunk.__toESM(styled_components);
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+//#region components/RadioGroup/RadioGroup.tsx
+const Container = styled_components.default.div`
+  & > div {
+    margin-bottom: ${_persona_design_tokens.Spacing[2]};
+  }
+
+  ${({ horizontal }) => horizontal && styled_components.css`
+      display: flex;
+      align-items: center;
+      & > div {
+        margin-right: ${_persona_design_tokens.Spacing[2]};
+      }
+    `}
+`;
+const RadioGroup = ({ children, defaultValue, name, value: valueProp, onChange, horizontal = false, size = "md", ...elemProps }) => {
+	const [value, setValue] = require_lib_useControlled({
+		controlledValue: valueProp,
+		default: defaultValue
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Container, {
+		role: "radiogroup",
+		horizontal,
+		size,
+		...elemProps,
+		children: react.Children.map(children, (child) => {
+			if (child?.type === require_Radio.Radio && (typeof valueProp !== "undefined" || onChange)) return (0, react.cloneElement)(child, {
+				name,
+				size,
+				checked: child.props.value === value,
+				onChange: (e) => {
+					const newVal = e.target.value;
+					if (typeof valueProp !== "undefined" && onChange) onChange(newVal);
+					else setValue(newVal);
+				}
+			});
+			if (name) return (0, react.cloneElement)(child, { name });
+			return child;
+		})
+	});
+};
+//#endregion
+Object.defineProperty(exports, "RadioGroup", {
+	enumerable: true,
+	get: function() {
+		return RadioGroup;
+	}
+});
+
+//# sourceMappingURL=RadioGroup-BjDmweRK.cjs.map

package/dist/RadioGroup-BjDmweRK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup-BjDmweRK.cjs","names":["Spacing","useControlled","Children","Radio"],"sources":["../components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { Spacing } from '@persona/design-tokens';\nimport {\n  type ChangeEvent,\n  Children,\n  cloneElement,\n  type ComponentPropsWithoutRef,\n  type ReactElement,\n  type VFC,\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Radio, { type RadioProps } from 'design-system/components/Radio';\nimport useControlled from 'design-system/lib/useControlled';\n\nconst Container = styled.div<{ size: 'md' | 'sm'; horizontal?: boolean }>`\n  & > div {\n    margin-bottom: ${Spacing[2]};\n  }\n\n  ${({ horizontal }) =>\n    horizontal &&\n    css`\n      display: flex;\n      align-items: center;\n      & > div {\n        margin-right: ${Spacing[2]};\n      }\n    `}\n`;\n\nexport interface RadioGroupProps extends ComponentPropsWithoutRef<'div'> {\n  defaultValue?: any;\n  name?: string;\n  value?: any;\n  onChange?: (value: any) => void;\n  /**\n   * Direction of radio group\n   */\n  horizontal?: boolean;\n  /**\n   * Size of radio buttons within the group\n   */\n  size?: 'md' | 'sm';\n}\n\nexport const RadioGroup: VFC<RadioGroupProps> = ({\n  children,\n  defaultValue,\n  name,\n  value: valueProp,\n  onChange,\n  horizontal = false,\n  size = 'md',\n  ...elemProps\n}) => {\n  const [value, setValue] = useControlled({\n    controlledValue: valueProp,\n    default: defaultValue,\n  });\n\n  return (\n    <Container role='radiogroup' horizontal={horizontal} size={size} {...elemProps}>\n      {/* @ts-expect-error [strict-migration] The following line is not strict; please fix! */}\n      {Children.map(children, (child: ReactElement<RadioProps>) => {\n        if (child?.type === Radio && (typeof valueProp !== 'undefined' || onChange)) {\n          return cloneElement(child, {\n            name,\n            size,\n            checked: child.props.value === value,\n            onChange: (e: ChangeEvent<HTMLInputElement>) => {\n              const newVal = e.target.value;\n              if (typeof valueProp !== 'undefined' && onChange) {\n                onChange(newVal);\n              } else {\n                setValue(newVal);\n              }\n            },\n          });\n        }\n\n        if (name) {\n          return cloneElement(child, { name });\n        }\n\n        return child;\n      })}\n    </Container>\n  );\n};\n\nexport default RadioGroup;\n"],"mappings":";;;;;;;;;AAcA,MAAM,YAAY,kBAAA,QAAO,GAAgD;;qBAEpDA,uBAAAA,QAAQ,GAAG;;;KAG3B,EAAE,iBACH,cACA,kBAAA,GAAG;;;;wBAIiBA,uBAAAA,QAAQ,GAAG;;MAE7B;;AAkBN,MAAa,cAAoC,EAC/C,UACA,cACA,MACA,OAAO,WACP,UACA,aAAa,OACb,OAAO,MACP,GAAG,gBACC;CACJ,MAAM,CAAC,OAAO,YAAYC,0BAAc;EACtC,iBAAiB;EACjB,SAAS;EACV,CAAC;AAEF,QACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EAAW,MAAK;EAAyB;EAAkB;EAAM,GAAI;YAElEC,MAAAA,SAAS,IAAI,WAAW,UAAoC;AAC3D,OAAI,OAAO,SAASC,cAAAA,UAAU,OAAO,cAAc,eAAe,UAChE,SAAA,GAAA,MAAA,cAAoB,OAAO;IACzB;IACA;IACA,SAAS,MAAM,MAAM,UAAU;IAC/B,WAAW,MAAqC;KAC9C,MAAM,SAAS,EAAE,OAAO;AACxB,SAAI,OAAO,cAAc,eAAe,SACtC,UAAS,OAAO;SAEhB,UAAS,OAAO;;IAGrB,CAAC;AAGJ,OAAI,KACF,SAAA,GAAA,MAAA,cAAoB,OAAO,EAAE,MAAM,CAAC;AAGtC,UAAO;IACP;EACQ,CAAA"}

package/dist/RadioGroup-D5ueuC6a.d.cts

@@ -0,0 +1,21 @@
+import { ComponentPropsWithoutRef, VFC } from "react";
+
+//#region components/RadioGroup/RadioGroup.d.ts
+interface RadioGroupProps extends ComponentPropsWithoutRef<'div'> {
+  defaultValue?: any;
+  name?: string;
+  value?: any;
+  onChange?: (value: any) => void;
+  /**
+   * Direction of radio group
+   */
+  horizontal?: boolean;
+  /**
+   * Size of radio buttons within the group
+   */
+  size?: 'md' | 'sm';
+}
+declare const RadioGroup: VFC<RadioGroupProps>;
+//#endregion
+export { RadioGroupProps as n, RadioGroup as t };
+//# sourceMappingURL=RadioGroup-D5ueuC6a.d.cts.map

package/dist/RadioGroup-Ls0vPsP_.d.mts

@@ -0,0 +1,21 @@
+import { ComponentPropsWithoutRef, VFC } from "react";
+
+//#region components/RadioGroup/RadioGroup.d.ts
+interface RadioGroupProps extends ComponentPropsWithoutRef<'div'> {
+  defaultValue?: any;
+  name?: string;
+  value?: any;
+  onChange?: (value: any) => void;
+  /**
+   * Direction of radio group
+   */
+  horizontal?: boolean;
+  /**
+   * Size of radio buttons within the group
+   */
+  size?: 'md' | 'sm';
+}
+declare const RadioGroup: VFC<RadioGroupProps>;
+//#endregion
+export { RadioGroupProps as n, RadioGroup as t };
+//# sourceMappingURL=RadioGroup-Ls0vPsP_.d.mts.map

package/dist/RadioGroup.d.cts

@@ -0,0 +1,2 @@
+import { n as RadioGroupProps, t as RadioGroup } from "./RadioGroup-D5ueuC6a.cjs";
+export { RadioGroup, RadioGroup as default, RadioGroupProps };

package/dist/RadioGroup.d.mts

@@ -0,0 +1,2 @@
+import { n as RadioGroupProps, t as RadioGroup } from "./RadioGroup-Ls0vPsP_.mjs";
+export { RadioGroup, RadioGroup as default, RadioGroupProps };

package/dist/RangeCalendar.d.mts

@@ -0,0 +1,33 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { Ref } from "react";
+import { DateRange, RangeCalendarProps as RangeCalendarProps$1 } from "react-aria";
+import { CalendarDate, DateValue as DateValue$1 } from "@internationalized/date";
+
+//#region components/DatePicker/Calendar/RangeCalendar.d.ts
+interface RangeCalendarProps extends RangeCalendarProps$1<DateValue$1> {
+  minDate?: RangeCalendarProps$1<DateValue$1>['minValue'];
+  maxDate?: RangeCalendarProps$1<DateValue$1>['maxValue'];
+  calendarRef?: Ref<HTMLDivElement>;
+  hidePresets?: boolean;
+  onSelectDate?: (d: CalendarDate) => void;
+  setDateMode: (mode: 'start' | 'end' | null) => void;
+  /**
+   * From setValue of DateRangePicker
+   */
+  setValue: (value: DateRange | null) => void;
+  granularity: 'day' | 'hour' | 'minute' | 'second';
+}
+declare const RangeCalendar: ({
+  calendarRef,
+  onSelectDate,
+  minDate,
+  maxDate,
+  hidePresets,
+  setDateMode,
+  setValue,
+  granularity,
+  ...props
+}: RangeCalendarProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { RangeCalendarProps, RangeCalendar as default };
+//# sourceMappingURL=RangeCalendar.d.mts.map

package/dist/RangeCalendarPresets.d.mts

@@ -0,0 +1,25 @@
+import { o as RangeValue } from "./index-CKu60b9I.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react from "react";
+import { RangeCalendarState } from "react-stately";
+import { CalendarDate } from "@internationalized/date";
+
+//#region components/DatePicker/Calendar/RangeCalendarPresets.d.ts
+interface DateRangePreset {
+  label: string;
+  range: RangeValue<CalendarDate>;
+}
+interface DateRangePickerPresetsProps {
+  presetsFn?: (tz: string) => DateRangePreset[];
+  state: RangeCalendarState;
+  setDateMode: (mode: 'start' | 'end' | null) => void;
+}
+declare const _default: _$react.MemoExoticComponent<({
+  presetsFn,
+  state,
+  setDateMode,
+  ...props
+}: DateRangePickerPresetsProps) => _$react_jsx_runtime0.JSX.Element>;
+//#endregion
+export { _default as default };
+//# sourceMappingURL=RangeCalendarPresets.d.mts.map

package/dist/RegisterComponent-BDb43KvI.d.mts

@@ -0,0 +1,34 @@
+import { n as ComponentDescriptor } from "./types-DzHQ5MGm.mjs";
+import * as _$react from "react";
+import { Ref } from "react";
+
+//#region lib/register/RegisterComponent.d.ts
+/**
+ * Interface consumed by `useComponentRegister` to announce components.
+ *
+ * Implement this and provide it via `ComponentRegisterProvider` to receive
+ * registration calls. `register` returns an optional cleanup function
+ * that the hook calls on unmount or re-registration.
+ */
+type ComponentRegister = {
+  register(id: string, descriptor: ComponentDescriptor): (() => void) | undefined;
+};
+declare const ComponentRegisterProvider: _$react.Provider<ComponentRegister>;
+/**
+ * Registers a DS component with a component control system (e.g. the agent UI tree).
+ *
+ * Returns a ref to put directly on the DOM element. If a forwarded `ref`
+ * is passed in the descriptor, it will be merged automatically.
+ *
+ * When the forwarded ref is a RefObject, the same object is returned so the
+ * caller's ref identity is preserved. When it is a callback ref (or absent),
+ * a stable callback ref is returned that merges both.
+ *
+ * The hook is a no-op when no ComponentRegisterProvider is present.
+ */
+declare function useComponentRegister<T extends HTMLElement = HTMLElement>(descriptor: ComponentDescriptor & {
+  ref?: Ref<T>;
+}): Ref<T>;
+//#endregion
+export { ComponentRegisterProvider as n, useComponentRegister as r, ComponentRegister as t };
+//# sourceMappingURL=RegisterComponent-BDb43KvI.d.mts.map

package/dist/RegisterComponent-CpXIR-51.d.cts

@@ -0,0 +1,34 @@
+import { n as ComponentDescriptor } from "./types-N-cXznfM.cjs";
+import * as _$react from "react";
+import { Ref } from "react";
+
+//#region lib/register/RegisterComponent.d.ts
+/**
+ * Interface consumed by `useComponentRegister` to announce components.
+ *
+ * Implement this and provide it via `ComponentRegisterProvider` to receive
+ * registration calls. `register` returns an optional cleanup function
+ * that the hook calls on unmount or re-registration.
+ */
+type ComponentRegister = {
+  register(id: string, descriptor: ComponentDescriptor): (() => void) | undefined;
+};
+declare const ComponentRegisterProvider: _$react.Provider<ComponentRegister>;
+/**
+ * Registers a DS component with a component control system (e.g. the agent UI tree).
+ *
+ * Returns a ref to put directly on the DOM element. If a forwarded `ref`
+ * is passed in the descriptor, it will be merged automatically.
+ *
+ * When the forwarded ref is a RefObject, the same object is returned so the
+ * caller's ref identity is preserved. When it is a callback ref (or absent),
+ * a stable callback ref is returned that merges both.
+ *
+ * The hook is a no-op when no ComponentRegisterProvider is present.
+ */
+declare function useComponentRegister<T extends HTMLElement = HTMLElement>(descriptor: ComponentDescriptor & {
+  ref?: Ref<T>;
+}): Ref<T>;
+//#endregion
+export { ComponentRegisterProvider as n, useComponentRegister as r, ComponentRegister as t };
+//# sourceMappingURL=RegisterComponent-CpXIR-51.d.cts.map

package/dist/Section.d.mts

@@ -0,0 +1,67 @@
+import { t as SectionHeading } from "./SectionHeading-QvAmhVmD.mjs";
+import { ComponentProps, FC, ReactNode } from "react";
+
+//#region components/CardV2/Section.d.ts
+/**
+ * Private component for rendering sections of the card, both the primary card section and
+ * individual sections.
+ */
+declare const Section: FC<{
+  children?: ReactNode;
+  /**
+   * Whether this is the top-level section of the card which has different visual treatment.
+   */
+  isTopSection: boolean;
+  /**
+   * Available props for the section's heading.
+   */
+  heading?: Pick<ComponentProps<typeof SectionHeading>, 'title' | 'actions' | 'menuActions' | 'headerActionsRowContent' | 'sticker' | 'leftDecorativeIcon' | 'headingProps'>;
+  /**
+   * Optional footer to render at the bottom of the card. Footer content is rendered as a
+   * paragraph with the items separated by a dot.
+   */
+  footer?: ReactNode[];
+  /**
+   * Optional arbitrary footer content to render as-is.
+   */
+  footerContent?: ReactNode;
+  /**
+   * Whether the section is collapsible.
+   */
+  collapsible?: boolean;
+  /**
+   * Whether the section heading and footer are sticky.
+   */
+  sticky?: boolean;
+  /**
+   * Whether the section is initially collapsed.
+   */
+  defaultCollapsed?: boolean;
+  /**
+   * If true, the section will be rendered in a loading state.
+   */
+  loading?: boolean;
+  /**
+   * Set height of the loading state.
+   */
+  loadingProps?: {
+    height?: string;
+  };
+  /**
+   * Control display of the empty state.
+   */
+  empty?: boolean;
+  /**
+   * Props for the empty state.
+   */
+  emptyProps?: {
+    /**
+     * Empty state message.
+     */
+    message?: string;
+  };
+  fullHeight?: boolean;
+}>;
+//#endregion
+export { Section };
+//# sourceMappingURL=Section.d.mts.map

package/dist/SectionHeading-DVSXofwK.d.cts

@@ -0,0 +1,72 @@
+import { i as TextAction, n as IconAction, r as MenuAction } from "./Action-uduFOh2m.cjs";
+import { ComponentPropsWithoutRef, FC, ReactElement, ReactNode } from "react";
+
+//#region components/CardV2/SectionHeading.d.ts
+/**
+ * Private component for rendering the heading of a section, both the primary card heading and
+ * section headings.
+ */
+declare const SectionHeading: FC<{
+  /**
+   * Whether this is the top-level section of the card which has different visual treatment.
+   */
+  isTopSection: boolean;
+  /**
+   * Whether this heading's section has content.
+   */
+  sectionHasContent: boolean;
+  /**
+   * Whether this heading's section has a footer.
+   */
+  hasFooter: boolean;
+  loading: boolean;
+  /**
+   * Title text to render in the heading.
+   */
+  title: string;
+  /**
+   * Optional sticker to render after the title.
+   */
+  sticker?: ReactElement;
+  /**
+   * Optional icon to render before the title text.
+   *
+   * Usage of this icon slot should be avoided if possible to maintain left-text alignement. If
+   * using this icon slot for a section heading use it for all sections.
+   */
+  leftDecorativeIcon?: ReactElement;
+  /**
+   * Optional actions to render in the heading.
+   * Only accepts IconButton or Button components with specific prop restrictions.
+   */
+  actions?: (IconAction | TextAction | undefined)[];
+  /**
+   * Optional actions to render in the heading in a menu.
+   */
+  menuActions?: (MenuAction | undefined)[];
+  /**
+   * Optional custom content to render in the heading in the button row. Prefer setting `actions` or
+   * `menuActions` if possible.
+   */
+  headerActionsRowContent?: ReactNode;
+  /**
+   * Callback to toggle collapsed state of the section. Omit to disable collapsing.
+   */
+  toggle?: () => void;
+  /**
+   * Whether the section is currently expanded or collapsed.
+   */
+  isExpanded: boolean;
+  /**
+   * Optional props to pass to the heading element. Accepts an `as` key to control the
+   * rendered heading level (defaults to 'h3'). Use `as: 'h2'` when the card title is
+   * the top-level heading on a page or modal so that the document heading hierarchy
+   * reflects the visual hierarchy.
+   */
+  headingProps?: Omit<ComponentPropsWithoutRef<'span'>, 'color'> & {
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+  };
+}>;
+//#endregion
+export { SectionHeading as t };
+//# sourceMappingURL=SectionHeading-DVSXofwK.d.cts.map

package/dist/SectionHeading-QvAmhVmD.d.mts

@@ -0,0 +1,72 @@
+import { i as TextAction, n as IconAction, r as MenuAction } from "./Action-B10lxofb.mjs";
+import { ComponentPropsWithoutRef, FC, ReactElement, ReactNode } from "react";
+
+//#region components/CardV2/SectionHeading.d.ts
+/**
+ * Private component for rendering the heading of a section, both the primary card heading and
+ * section headings.
+ */
+declare const SectionHeading: FC<{
+  /**
+   * Whether this is the top-level section of the card which has different visual treatment.
+   */
+  isTopSection: boolean;
+  /**
+   * Whether this heading's section has content.
+   */
+  sectionHasContent: boolean;
+  /**
+   * Whether this heading's section has a footer.
+   */
+  hasFooter: boolean;
+  loading: boolean;
+  /**
+   * Title text to render in the heading.
+   */
+  title: string;
+  /**
+   * Optional sticker to render after the title.
+   */
+  sticker?: ReactElement;
+  /**
+   * Optional icon to render before the title text.
+   *
+   * Usage of this icon slot should be avoided if possible to maintain left-text alignement. If
+   * using this icon slot for a section heading use it for all sections.
+   */
+  leftDecorativeIcon?: ReactElement;
+  /**
+   * Optional actions to render in the heading.
+   * Only accepts IconButton or Button components with specific prop restrictions.
+   */
+  actions?: (IconAction | TextAction | undefined)[];
+  /**
+   * Optional actions to render in the heading in a menu.
+   */
+  menuActions?: (MenuAction | undefined)[];
+  /**
+   * Optional custom content to render in the heading in the button row. Prefer setting `actions` or
+   * `menuActions` if possible.
+   */
+  headerActionsRowContent?: ReactNode;
+  /**
+   * Callback to toggle collapsed state of the section. Omit to disable collapsing.
+   */
+  toggle?: () => void;
+  /**
+   * Whether the section is currently expanded or collapsed.
+   */
+  isExpanded: boolean;
+  /**
+   * Optional props to pass to the heading element. Accepts an `as` key to control the
+   * rendered heading level (defaults to 'h3'). Use `as: 'h2'` when the card title is
+   * the top-level heading on a page or modal so that the document heading hierarchy
+   * reflects the visual hierarchy.
+   */
+  headingProps?: Omit<ComponentPropsWithoutRef<'span'>, 'color'> & {
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+  };
+}>;
+//#endregion
+export { SectionHeading as t };
+//# sourceMappingURL=SectionHeading-QvAmhVmD.d.mts.map

package/dist/SectionHeading.d.cts

@@ -0,0 +1,2 @@
+import { t as SectionHeading } from "./SectionHeading-DVSXofwK.cjs";
+export { SectionHeading };

package/dist/SectionHeading.d.mts

@@ -0,0 +1,2 @@
+import { t as SectionHeading } from "./SectionHeading-QvAmhVmD.mjs";
+export { SectionHeading };