@gusto/embedded-react-sdk 0.48.1 → 0.48.3

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # Changelog
 
+## [0.48.3](https://github.com/Gusto/embedded-react-sdk/compare/v0.48.2...v0.48.3) (2026-06-17)
+
+### Features & Enhancements
+
+- Export `LocationsList` component from `CompanyOnboarding` namespace ([#2198](https://github.com/Gusto/embedded-react-sdk/issues/2198))
+- `PayrollReceipts` now displays formatted licensee phone numbers ([#2195](https://github.com/Gusto/embedded-react-sdk/issues/2195))
+
+### Fixes
+
+- Export `LocationsListProps` type from `CompanyOnboarding` namespace ([#2200](https://github.com/Gusto/embedded-react-sdk/issues/2200))
+
+### Chores & Maintenance
+
+- Add TSDoc comments to `Company` and `Contractor` namespaces ([#2187](https://github.com/Gusto/embedded-react-sdk/issues/2187), [#2170](https://github.com/Gusto/embedded-react-sdk/issues/2170))
+
+## [0.48.2](https://github.com/Gusto/embedded-react-sdk/compare/v0.48.1...v0.48.2) (2026-06-17)
+
+### Features & Enhancements
+
+- **Employee:** export DocumentSigner sub-components from EmployeeOnboarding ([#2192](https://github.com/Gusto/embedded-react-sdk/issues/2192)) ([5749f99](https://github.com/Gusto/embedded-react-sdk/commit/5749f99d720bd7c0614d97bef8270020150b3ab5))
+
+### Fixes
+
+- **Payroll:** use EmptyData for PayrollList empty state ([#2189](https://github.com/Gusto/embedded-react-sdk/issues/2189)) ([ac0514a](https://github.com/Gusto/embedded-react-sdk/commit/ac0514a367445e308e128eeb688e1b6a381f992a))
+- **TimeOff:** use empty data component for empty states ([#2188](https://github.com/Gusto/embedded-react-sdk/issues/2188)) ([890e155](https://github.com/Gusto/embedded-react-sdk/commit/890e15554306147ef042c5e753ef678ff81070c0))
+
+### Chores & Maintenance
+
+- add STANDALONE_PAGES routing to sdk-router (1/4) ([#2172](https://github.com/Gusto/embedded-react-sdk/issues/2172)) ([0442494](https://github.com/Gusto/embedded-react-sdk/commit/044249425647ccda5d3b1cc322262e163cc000f1))
+- **deps-dev:** bump @storybook/react-vite from 10.4.4 to 10.4.6 ([#2185](https://github.com/Gusto/embedded-react-sdk/issues/2185)) ([6611fdc](https://github.com/Gusto/embedded-react-sdk/commit/6611fdc06e89c1e01f3029dbbe9310a1abfd5bff))
+- **deps-dev:** bump @typescript-eslint/parser from 8.61.0 to 8.61.1 ([#2182](https://github.com/Gusto/embedded-react-sdk/issues/2182)) ([bd19b5f](https://github.com/Gusto/embedded-react-sdk/commit/bd19b5f89359252d92ffd5785e7ada92a093e880))
+- **deps-dev:** bump @vitest/coverage-v8 from 4.1.8 to 4.1.9 ([#2183](https://github.com/Gusto/embedded-react-sdk/issues/2183)) ([e2174fa](https://github.com/Gusto/embedded-react-sdk/commit/e2174fa840b332f9bed3d10837e936e272f950ea))
+- **deps-dev:** bump vitest from 4.1.8 to 4.1.9 ([#2184](https://github.com/Gusto/embedded-react-sdk/issues/2184)) ([0d1acf7](https://github.com/Gusto/embedded-react-sdk/commit/0d1acf744b7386cefa186825f74794170ee65fe7))
+- **DocumentList:** unify empty and error states via EmptyData ([#2190](https://github.com/Gusto/embedded-react-sdk/issues/2190)) ([6324058](https://github.com/Gusto/embedded-react-sdk/commit/6324058d200a1b2a799dd59026743a454be847fa))
+- export utility types, add TSDoc [@group](https://github.com/group) tags (2/4) ([#2173](https://github.com/Gusto/embedded-react-sdk/issues/2173)) ([75c3668](https://github.com/Gusto/embedded-react-sdk/commit/75c36685d8f562c4d270bc279a3115efba53e7b3))
+- **tsdoc-backfill:** backfill Payroll ([#2181](https://github.com/Gusto/embedded-react-sdk/issues/2181)) ([32f226e](https://github.com/Gusto/embedded-react-sdk/commit/32f226e3f8284320dcf78f64d32bc492dc9579cb))
+- **tsdoc-backfill:** backfill TimeOff ([#2179](https://github.com/Gusto/embedded-react-sdk/issues/2179)) ([e6d2c2b](https://github.com/Gusto/embedded-react-sdk/commit/e6d2c2b76d8041137346c4d675cc17dc85b366fa))
+
 ## [0.48.1](https://github.com/Gusto/embedded-react-sdk/compare/v0.48.0...v0.48.1) (2026-06-16)
 
 ### Fixes

package/dist/components/Common/DocumentList/DocumentList.js

@@ -1,40 +1,40 @@
 import { jsxs as g, Fragment as h, jsx as t } from "react/jsx-runtime";
 import { EmptyData as f } from "../EmptyData/EmptyData.js";
-import n from "./DocumentList.module.scss.js";
+import o from "./DocumentList.module.scss.js";
 import { useComponentContext as x } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useDataView as C } from "../DataView/useDataView.js";
 import { DataView as w } from "../DataView/DataView.js";
-function V({
-  forms: o,
+function z({
+  forms: s,
   canSign: a = !0,
   onRequestSign: m,
   withError: c = !1,
   label: d,
-  columnLabels: s,
-  statusLabels: r,
+  columnLabels: r,
+  statusLabels: n,
   emptyStateLabel: l,
   errorLabel: p
 }) {
   const e = x(), { ...u } = C({
-    data: o,
+    data: s,
     columns: [
       {
-        title: s.form,
+        title: r.form,
         render: (i) => /* @__PURE__ */ g(h, { children: [
           /* @__PURE__ */ t(e.Text, { weight: "medium", size: "sm", children: i.title }),
           /* @__PURE__ */ t(e.Text, { variant: "supporting", size: "sm", children: i.description })
         ] })
       },
       {
-        title: s.action,
-        render: (i) => /* @__PURE__ */ t("div", { className: n.statusCell, children: i.requires_signing ? a ? /* @__PURE__ */ t(e.Button, { variant: "secondary", onClick: () => m?.(i), children: r.signCta }) : /* @__PURE__ */ t(e.Badge, { status: "warning", children: r.notSigned }) : /* @__PURE__ */ t(e.Badge, { status: "success", children: r.complete }) })
+        title: r.action,
+        render: (i) => /* @__PURE__ */ t("div", { className: o.statusCell, children: i.requires_signing ? a ? /* @__PURE__ */ t(e.Button, { variant: "secondary", onClick: () => m?.(i), children: n.signCta }) : /* @__PURE__ */ t(e.Badge, { status: "warning", children: n.notSigned }) : /* @__PURE__ */ t(e.Badge, { status: "success", children: n.complete }) })
       }
     ],
-    emptyState: () => c ? /* @__PURE__ */ t(e.Text, { className: n.documentListError, children: p }) : /* @__PURE__ */ t(f, { title: l })
+    emptyState: () => /* @__PURE__ */ t(f, { title: c ? p : l })
   });
-  return /* @__PURE__ */ t("div", { className: n.documentList, children: /* @__PURE__ */ t(w, { label: d, ...u }) });
+  return /* @__PURE__ */ t("div", { className: o.documentList, children: /* @__PURE__ */ t(w, { label: d, ...u }) });
 }
 export {
-  V as DocumentList
+  z as DocumentList
 };
 //# sourceMappingURL=DocumentList.js.map

package/dist/components/Common/DocumentList/DocumentList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentList.js","sources":["../../../../src/components/Common/DocumentList/DocumentList.tsx"],"sourcesContent":["import { DataView, useDataView } from '../DataView'\nimport { EmptyData } from '../EmptyData/EmptyData'\nimport styles from './DocumentList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport interface FormData {\n  /** Unique identifier for the form. */\n  uuid: string\n  /** Display title shown in the list row. */\n  title?: string\n  /** Secondary description shown beneath the title. */\n  description?: string\n  /** Whether the form still requires a signature. */\n  requires_signing?: boolean\n}\n\ninterface DocumentListProps {\n  forms: FormData[]\n  canSign?: boolean\n  onRequestSign?: (form: FormData) => void\n  withError?: boolean\n  label: string\n  columnLabels: {\n    form: string\n    action: string\n  }\n  statusLabels: {\n    signCta: string\n    notSigned: string\n    complete: string\n  }\n  emptyStateLabel: string\n  errorLabel: string\n}\n\n/** @internal */\nfunction DocumentList({\n  forms,\n  canSign = true,\n  onRequestSign,\n  withError = false,\n  label,\n  columnLabels,\n  statusLabels,\n  emptyStateLabel,\n  errorLabel,\n}: DocumentListProps) {\n  const Components = useComponentContext()\n  const { ...dataViewProps } = useDataView({\n    data: forms,\n    columns: [\n      {\n        title: columnLabels.form,\n        render: (form: FormData) => (\n          <>\n            <Components.Text weight=\"medium\" size=\"sm\">\n              {form.title}\n            </Components.Text>\n            <Components.Text variant=\"supporting\" size=\"sm\">\n              {form.description}\n            </Components.Text>\n          </>\n        ),\n      },\n      {\n        title: columnLabels.action,\n        render: (form: FormData) => (\n          <div className={styles.statusCell}>\n            {form.requires_signing ? (\n              canSign ? (\n                <Components.Button variant=\"secondary\" onClick={() => onRequestSign?.(form)}>\n                  {statusLabels.signCta}\n                </Components.Button>\n              ) : (\n                <Components.Badge status=\"warning\">{statusLabels.notSigned}</Components.Badge>\n              )\n            ) : (\n              <Components.Badge status=\"success\">{statusLabels.complete}</Components.Badge>\n            )}\n          </div>\n        ),\n      },\n    ],\n    emptyState: () =>\n      withError ? (\n        <Components.Text className={styles.documentListError}>{errorLabel}</Components.Text>\n      ) : (\n        <EmptyData title={emptyStateLabel} />\n      ),\n  })\n\n  return (\n    <div className={styles.documentList}>\n      <DataView label={label} {...dataViewProps} />\n    </div>\n  )\n}\n\nexport { DocumentList }\n"],"names":["DocumentList","forms","canSign","onRequestSign","withError","label","columnLabels","statusLabels","emptyStateLabel","errorLabel","Components","useComponentContext","dataViewProps","useDataView","form","jsxs","Fragment","jsx","styles","EmptyData","DataView"],"mappings":";;;;;;AAqCA,SAASA,EAAa;AAAA,EACpB,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,eAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AACF,GAAsB;AACpB,QAAMC,IAAaC,EAAA,GACb,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMZ;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,OAAOK,EAAa;AAAA,QACpB,QAAQ,CAACQ,MACP,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAC,EAACP,EAAW,MAAX,EAAgB,QAAO,UAAS,MAAK,MACnC,YAAK,MAAA,CACR;AAAA,UACA,gBAAAO,EAACP,EAAW,MAAX,EAAgB,SAAQ,cAAa,MAAK,MACxC,UAAAI,EAAK,YAAA,CACR;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,OAAOR,EAAa;AAAA,QACpB,QAAQ,CAACQ,wBACN,OAAA,EAAI,WAAWI,EAAO,YACpB,UAAAJ,EAAK,mBACJZ,IACE,gBAAAe,EAACP,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAAS,MAAMP,IAAgBW,CAAI,GACvE,UAAAP,EAAa,SAChB,IAEA,gBAAAU,EAACP,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAH,EAAa,WAAU,IAG7D,gBAAAU,EAACP,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAH,EAAa,UAAS,EAAA,CAE9D;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEF,YAAY,MACVH,IACE,gBAAAa,EAACP,EAAW,MAAX,EAAgB,WAAWQ,EAAO,mBAAoB,UAAAT,EAAA,CAAW,IAElE,gBAAAQ,EAACE,GAAA,EAAU,OAAOX,EAAA,CAAiB;AAAA,EAAA,CAExC;AAED,SACE,gBAAAS,EAAC,OAAA,EAAI,WAAWC,EAAO,cACrB,4BAACE,GAAA,EAAS,OAAAf,GAAe,GAAGO,EAAA,CAAe,EAAA,CAC7C;AAEJ;"}
+{"version":3,"file":"DocumentList.js","sources":["../../../../src/components/Common/DocumentList/DocumentList.tsx"],"sourcesContent":["import { DataView, useDataView } from '../DataView'\nimport { EmptyData } from '../EmptyData/EmptyData'\nimport styles from './DocumentList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/** @internal */\nexport interface FormData {\n  /** Unique identifier for the form. */\n  uuid: string\n  /** Display title shown in the list row. */\n  title?: string\n  /** Secondary description shown beneath the title. */\n  description?: string\n  /** Whether the form still requires a signature. */\n  requires_signing?: boolean\n}\n\ninterface DocumentListProps {\n  forms: FormData[]\n  canSign?: boolean\n  onRequestSign?: (form: FormData) => void\n  withError?: boolean\n  label: string\n  columnLabels: {\n    form: string\n    action: string\n  }\n  statusLabels: {\n    signCta: string\n    notSigned: string\n    complete: string\n  }\n  emptyStateLabel: string\n  errorLabel: string\n}\n\n/** @internal */\nfunction DocumentList({\n  forms,\n  canSign = true,\n  onRequestSign,\n  withError = false,\n  label,\n  columnLabels,\n  statusLabels,\n  emptyStateLabel,\n  errorLabel,\n}: DocumentListProps) {\n  const Components = useComponentContext()\n  const { ...dataViewProps } = useDataView({\n    data: forms,\n    columns: [\n      {\n        title: columnLabels.form,\n        render: (form: FormData) => (\n          <>\n            <Components.Text weight=\"medium\" size=\"sm\">\n              {form.title}\n            </Components.Text>\n            <Components.Text variant=\"supporting\" size=\"sm\">\n              {form.description}\n            </Components.Text>\n          </>\n        ),\n      },\n      {\n        title: columnLabels.action,\n        render: (form: FormData) => (\n          <div className={styles.statusCell}>\n            {form.requires_signing ? (\n              canSign ? (\n                <Components.Button variant=\"secondary\" onClick={() => onRequestSign?.(form)}>\n                  {statusLabels.signCta}\n                </Components.Button>\n              ) : (\n                <Components.Badge status=\"warning\">{statusLabels.notSigned}</Components.Badge>\n              )\n            ) : (\n              <Components.Badge status=\"success\">{statusLabels.complete}</Components.Badge>\n            )}\n          </div>\n        ),\n      },\n    ],\n    emptyState: () => <EmptyData title={withError ? errorLabel : emptyStateLabel} />,\n  })\n\n  return (\n    <div className={styles.documentList}>\n      <DataView label={label} {...dataViewProps} />\n    </div>\n  )\n}\n\nexport { DocumentList }\n"],"names":["DocumentList","forms","canSign","onRequestSign","withError","label","columnLabels","statusLabels","emptyStateLabel","errorLabel","Components","useComponentContext","dataViewProps","useDataView","form","jsxs","Fragment","jsx","styles","EmptyData","DataView"],"mappings":";;;;;;AAqCA,SAASA,EAAa;AAAA,EACpB,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,eAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AACF,GAAsB;AACpB,QAAMC,IAAaC,EAAA,GACb,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMZ;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,OAAOK,EAAa;AAAA,QACpB,QAAQ,CAACQ,MACP,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAC,EAACP,EAAW,MAAX,EAAgB,QAAO,UAAS,MAAK,MACnC,YAAK,MAAA,CACR;AAAA,UACA,gBAAAO,EAACP,EAAW,MAAX,EAAgB,SAAQ,cAAa,MAAK,MACxC,UAAAI,EAAK,YAAA,CACR;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,OAAOR,EAAa;AAAA,QACpB,QAAQ,CAACQ,wBACN,OAAA,EAAI,WAAWI,EAAO,YACpB,UAAAJ,EAAK,mBACJZ,IACE,gBAAAe,EAACP,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAAS,MAAMP,IAAgBW,CAAI,GACvE,UAAAP,EAAa,SAChB,IAEA,gBAAAU,EAACP,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAH,EAAa,WAAU,IAG7D,gBAAAU,EAACP,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAH,EAAa,UAAS,EAAA,CAE9D;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEF,YAAY,MAAM,gBAAAU,EAACE,KAAU,OAAOf,IAAYK,IAAaD,EAAA,CAAiB;AAAA,EAAA,CAC/E;AAED,SACE,gBAAAS,EAAC,OAAA,EAAI,WAAWC,EAAO,cACrB,4BAACE,GAAA,EAAS,OAAAf,GAAe,GAAGO,EAAA,CAAe,EAAA,CAC7C;AAEJ;"}

package/dist/components/Common/DocumentList/DocumentList.module.scss.js

@@ -1,12 +1,10 @@
-const t = "_documentList_y7zef_1", s = "_statusCell_y7zef_16", e = "_documentListError_y7zef_20", o = {
+const t = "_documentList_y7zef_1", s = "_statusCell_y7zef_16", e = {
   documentList: t,
-  statusCell: s,
-  documentListError: e
+  statusCell: s
 };
 export {
-  o as default,
+  e as default,
   t as documentList,
-  e as documentListError,
   s as statusCell
 };
 //# sourceMappingURL=DocumentList.module.scss.js.map

package/dist/components/Common/DocumentList/DocumentList.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentList.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"DocumentList.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes.d.ts

@@ -7,6 +7,7 @@ import { InternalFieldLayoutProps, SharedFieldLayoutProps } from '../FieldLayout
  * Alias of {@link SharedFieldLayoutProps} — exposed as a distinct name to mirror the horizontal layout used by these controls.
  *
  * @public
+ * @interface
  */
 export type SharedHorizontalFieldLayoutProps = SharedFieldLayoutProps;
 /**

package/dist/components/Common/PaginationControl/PaginationControlTypes.d.ts

@@ -1,12 +1,16 @@
-/** @public */
+/**
+ * @public
+ * @group Utility Types
+ */
 export type PaginationItemsPerPage = 5 | 10 | 25 | 50;
 /**
  * Props your `PaginationControl` implementation must accept from the component adapter.
  * Renders pagination controls for navigating between pages of results.
  *
  * @public
+ * @group Component Props
  */
-export type PaginationControlProps = {
+export interface PaginationControlProps {
     /** Navigate to the first page. */
     handleFirstPage: () => void;
     /** Navigate to the previous page. */
@@ -27,4 +31,4 @@ export type PaginationControlProps = {
     itemsPerPage?: PaginationItemsPerPage;
     /** Whether a page fetch is in progress. */
     isFetching?: boolean;
-};
+}

package/dist/components/Common/PayrollLoading/PayrollLoadingTypes.d.ts

@@ -4,6 +4,7 @@ import { ReactNode } from 'react';
  * Renders a loading state during payroll calculation.
  *
  * @public
+ * @group Component Props
  */
 export interface PayrollLoadingProps {
     /** The heading text displayed above the loading animation. */

package/dist/components/Common/UI/Alert/AlertTypes.d.ts

@@ -4,6 +4,7 @@ import { ReactNode } from 'react';
  * Renders a status message with an optional dismiss action; used for errors, warnings, success confirmations, and informational messages.
  *
  * @public
+ * @group Component Props
  */
 export interface AlertProps {
     /**

package/dist/components/Common/UI/Alert/AlertTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertTypes.js","sources":["../../../../../src/components/Common/UI/Alert/AlertTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/**\n * Props your `Alert` implementation must accept from the component adapter.\n * Renders a status message with an optional dismiss action; used for errors, warnings, success confirmations, and informational messages.\n *\n * @public\n */\nexport interface AlertProps {\n  /**\n   * The visual status that the alert should convey\n   *\n   * @defaultValue `'info'`\n   */\n  status?: 'info' | 'success' | 'warning' | 'error'\n  /**\n   * The label text for the alert\n   */\n  label: string\n  /**\n   * Optional children to be rendered inside the alert\n   */\n  children?: ReactNode\n  /**\n   * Optional action node (e.g. a Button) rendered inline beside the label,\n   * before the dismiss button. Use this for compact alerts that need a single\n   * call-to-action next to the heading (e.g. a \"Review\" button summarising\n   * details available in a modal). Multi-line supporting copy should still\n   * pass through `children`.\n   */\n  action?: ReactNode\n  /**\n   * Optional custom icon component to override the default icon\n   */\n  icon?: ReactNode\n  /**\n   * CSS className to be applied\n   */\n  className?: string\n  /**\n   * Optional callback function called when the dismiss button is clicked\n   */\n  onDismiss?: () => void\n  /**\n   * Whether to disable scrolling the alert into view and focusing it on mount. Set to true when using inside modals.\n   */\n  disableScrollIntoView?: boolean\n}\n\n/**\n * Default prop values for Alert component.\n *\n * @internal\n */\nexport const AlertDefaults = {\n  status: 'info',\n} as const satisfies Partial<AlertProps>\n"],"names":["AlertDefaults"],"mappings":"AAsDO,MAAMA,IAAgB;AAAA,EAC3B,QAAQ;AACV;"}
+{"version":3,"file":"AlertTypes.js","sources":["../../../../../src/components/Common/UI/Alert/AlertTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/**\n * Props your `Alert` implementation must accept from the component adapter.\n * Renders a status message with an optional dismiss action; used for errors, warnings, success confirmations, and informational messages.\n *\n * @public\n * @group Component Props\n */\nexport interface AlertProps {\n  /**\n   * The visual status that the alert should convey\n   *\n   * @defaultValue `'info'`\n   */\n  status?: 'info' | 'success' | 'warning' | 'error'\n  /**\n   * The label text for the alert\n   */\n  label: string\n  /**\n   * Optional children to be rendered inside the alert\n   */\n  children?: ReactNode\n  /**\n   * Optional action node (e.g. a Button) rendered inline beside the label,\n   * before the dismiss button. Use this for compact alerts that need a single\n   * call-to-action next to the heading (e.g. a \"Review\" button summarising\n   * details available in a modal). Multi-line supporting copy should still\n   * pass through `children`.\n   */\n  action?: ReactNode\n  /**\n   * Optional custom icon component to override the default icon\n   */\n  icon?: ReactNode\n  /**\n   * CSS className to be applied\n   */\n  className?: string\n  /**\n   * Optional callback function called when the dismiss button is clicked\n   */\n  onDismiss?: () => void\n  /**\n   * Whether to disable scrolling the alert into view and focusing it on mount. Set to true when using inside modals.\n   */\n  disableScrollIntoView?: boolean\n}\n\n/**\n * Default prop values for Alert component.\n *\n * @internal\n */\nexport const AlertDefaults = {\n  status: 'info',\n} as const satisfies Partial<AlertProps>\n"],"names":["AlertDefaults"],"mappings":"AAuDO,MAAMA,IAAgB;AAAA,EAC3B,QAAQ;AACV;"}

package/dist/components/Common/UI/Badge/BadgeTypes.d.ts

@@ -4,6 +4,7 @@ import { HTMLAttributes, ReactNode } from 'react';
  * Renders a small inline label for status, counts, or tags; optionally dismissible.
  *
  * @public
+ * @group Component Props
  */
 export interface BadgeProps extends Pick<HTMLAttributes<HTMLSpanElement>, 'className' | 'id' | 'aria-label'> {
     /**

package/dist/components/Common/UI/Badge/BadgeTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeTypes.js","sources":["../../../../../src/components/Common/UI/Badge/BadgeTypes.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\n/**\n * Props your `Badge` implementation must accept from the component adapter.\n * Renders a small inline label for status, counts, or tags; optionally dismissible.\n *\n * @public\n */\nexport interface BadgeProps extends Pick<\n  HTMLAttributes<HTMLSpanElement>,\n  'className' | 'id' | 'aria-label'\n> {\n  /**\n   * Content to be displayed inside the badge\n   */\n  children: ReactNode\n  /**\n   * Visual style variant of the badge\n   *\n   * @defaultValue `'info'`\n   */\n  status?: 'success' | 'warning' | 'error' | 'info'\n  /**\n   * Optional callback when the dismiss button is clicked. When provided, a dismiss button is rendered inside the badge.\n   */\n  onDismiss?: () => void\n  /**\n   * Accessible label for the dismiss button\n   */\n  dismissAriaLabel?: string\n  /**\n   * Whether the badge interaction is disabled\n   */\n  isDisabled?: boolean\n}\n\n/**\n * Default prop values for Badge component.\n *\n * @internal\n */\nexport const BadgeDefaults = {\n  status: 'info',\n} as const satisfies Partial<BadgeProps>\n"],"names":["BadgeDefaults"],"mappings":"AAyCO,MAAMA,IAAgB;AAAA,EAC3B,QAAQ;AACV;"}
+{"version":3,"file":"BadgeTypes.js","sources":["../../../../../src/components/Common/UI/Badge/BadgeTypes.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\n/**\n * Props your `Badge` implementation must accept from the component adapter.\n * Renders a small inline label for status, counts, or tags; optionally dismissible.\n *\n * @public\n * @group Component Props\n */\nexport interface BadgeProps extends Pick<\n  HTMLAttributes<HTMLSpanElement>,\n  'className' | 'id' | 'aria-label'\n> {\n  /**\n   * Content to be displayed inside the badge\n   */\n  children: ReactNode\n  /**\n   * Visual style variant of the badge\n   *\n   * @defaultValue `'info'`\n   */\n  status?: 'success' | 'warning' | 'error' | 'info'\n  /**\n   * Optional callback when the dismiss button is clicked. When provided, a dismiss button is rendered inside the badge.\n   */\n  onDismiss?: () => void\n  /**\n   * Accessible label for the dismiss button\n   */\n  dismissAriaLabel?: string\n  /**\n   * Whether the badge interaction is disabled\n   */\n  isDisabled?: boolean\n}\n\n/**\n * Default prop values for Badge component.\n *\n * @internal\n */\nexport const BadgeDefaults = {\n  status: 'info',\n} as const satisfies Partial<BadgeProps>\n"],"names":["BadgeDefaults"],"mappings":"AA0CO,MAAMA,IAAgB;AAAA,EAC3B,QAAQ;AACV;"}

package/dist/components/Common/UI/Banner/BannerTypes.d.ts

@@ -4,6 +4,7 @@ import { HTMLAttributes, ReactNode } from 'react';
  * Renders a full-width notification banner with a colored header and body content area; used for prominent warnings and errors.
  *
  * @public
+ * @group Component Props
  */
 export interface BannerProps extends Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'id' | 'aria-label'> {
     /**

package/dist/components/Common/UI/Banner/BannerTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerTypes.js","sources":["../../../../../src/components/Common/UI/Banner/BannerTypes.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\n/**\n * Props your `Banner` implementation must accept from the component adapter.\n * Renders a full-width notification banner with a colored header and body content area; used for prominent warnings and errors.\n *\n * @public\n */\nexport interface BannerProps extends Pick<\n  HTMLAttributes<HTMLDivElement>,\n  'className' | 'id' | 'aria-label'\n> {\n  /**\n   * Title content displayed in the colored header section\n   */\n  title: ReactNode\n  /**\n   * Content to be displayed in the main content area\n   */\n  children: ReactNode\n  /**\n   * Visual status variant of the banner\n   *\n   * @defaultValue `'warning'`\n   */\n  status?: 'warning' | 'error'\n}\n\n/**\n * Default prop values for Banner component.\n *\n * @internal\n */\nexport const BannerDefaults = {\n  status: 'warning',\n} as const satisfies Partial<BannerProps>\n"],"names":["BannerDefaults"],"mappings":"AAiCO,MAAMA,IAAiB;AAAA,EAC5B,QAAQ;AACV;"}
+{"version":3,"file":"BannerTypes.js","sources":["../../../../../src/components/Common/UI/Banner/BannerTypes.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\n/**\n * Props your `Banner` implementation must accept from the component adapter.\n * Renders a full-width notification banner with a colored header and body content area; used for prominent warnings and errors.\n *\n * @public\n * @group Component Props\n */\nexport interface BannerProps extends Pick<\n  HTMLAttributes<HTMLDivElement>,\n  'className' | 'id' | 'aria-label'\n> {\n  /**\n   * Title content displayed in the colored header section\n   */\n  title: ReactNode\n  /**\n   * Content to be displayed in the main content area\n   */\n  children: ReactNode\n  /**\n   * Visual status variant of the banner\n   *\n   * @defaultValue `'warning'`\n   */\n  status?: 'warning' | 'error'\n}\n\n/**\n * Default prop values for Banner component.\n *\n * @internal\n */\nexport const BannerDefaults = {\n  status: 'warning',\n} as const satisfies Partial<BannerProps>\n"],"names":["BannerDefaults"],"mappings":"AAkCO,MAAMA,IAAiB;AAAA,EAC5B,QAAQ;AACV;"}

package/dist/components/Common/UI/Box/BoxTypes.d.ts

@@ -4,6 +4,7 @@ import { ReactNode } from 'react';
  * Renders a sectioned layout container with distinct header, body, and footer areas.
  *
  * @public
+ * @group Component Props
  */
 export interface BoxProps {
     /**

package/dist/components/Common/UI/BoxHeader/BoxHeaderTypes.d.ts

@@ -4,6 +4,7 @@ import { ReactNode } from 'react';
  * Renders the header section of a Box, combining a title, optional description, and an optional inline action slot.
  *
  * @public
+ * @group Component Props
  */
 export interface BoxHeaderProps {
     /**

package/dist/components/Common/UI/BoxHeader/BoxHeaderTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoxHeaderTypes.js","sources":["../../../../../src/components/Common/UI/BoxHeader/BoxHeaderTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/**\n * Props your `BoxHeader` implementation must accept from the component adapter.\n * Renders the header section of a Box, combining a title, optional description, and an optional inline action slot.\n *\n * @public\n */\nexport interface BoxHeaderProps {\n  /**\n   * Title content rendered as the heading.\n   */\n  title: ReactNode\n  /**\n   * Optional supporting description rendered below the title.\n   */\n  description?: ReactNode\n  /**\n   * Optional action content (e.g. a Button) rendered inline opposite the title.\n   */\n  action?: ReactNode\n  /**\n   * Semantic heading level for the title. Defaults to `h3`.\n   *\n   * @defaultValue `'h3'`\n   */\n  headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n}\n\n/**\n * Default prop values for BoxHeader component.\n *\n * @internal\n */\nexport const BoxHeaderDefaults = {\n  headingLevel: 'h3',\n} as const satisfies Partial<BoxHeaderProps>\n"],"names":["BoxHeaderDefaults"],"mappings":"AAkCO,MAAMA,IAAoB;AAAA,EAC/B,cAAc;AAChB;"}
+{"version":3,"file":"BoxHeaderTypes.js","sources":["../../../../../src/components/Common/UI/BoxHeader/BoxHeaderTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/**\n * Props your `BoxHeader` implementation must accept from the component adapter.\n * Renders the header section of a Box, combining a title, optional description, and an optional inline action slot.\n *\n * @public\n * @group Component Props\n */\nexport interface BoxHeaderProps {\n  /**\n   * Title content rendered as the heading.\n   */\n  title: ReactNode\n  /**\n   * Optional supporting description rendered below the title.\n   */\n  description?: ReactNode\n  /**\n   * Optional action content (e.g. a Button) rendered inline opposite the title.\n   */\n  action?: ReactNode\n  /**\n   * Semantic heading level for the title. Defaults to `h3`.\n   *\n   * @defaultValue `'h3'`\n   */\n  headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n}\n\n/**\n * Default prop values for BoxHeader component.\n *\n * @internal\n */\nexport const BoxHeaderDefaults = {\n  headingLevel: 'h3',\n} as const satisfies Partial<BoxHeaderProps>\n"],"names":["BoxHeaderDefaults"],"mappings":"AAmCO,MAAMA,IAAoB;AAAA,EAC/B,cAAc;AAChB;"}

package/dist/components/Common/UI/Breadcrumbs/BreadcrumbsTypes.d.ts

@@ -3,6 +3,7 @@ import { ReactNode } from 'react';
  * Single entry in a {@link BreadcrumbsProps | Breadcrumbs} trail.
  *
  * @public
+ * @group Utility Types
  */
 export interface Breadcrumb {
     /**
@@ -24,6 +25,7 @@ export interface Breadcrumb {
  * Renders a navigation breadcrumb trail showing the user's position in a multi-step flow.
  *
  * @public
+ * @group Component Props
  */
 export interface BreadcrumbsProps {
     /**

package/dist/components/Common/UI/Breadcrumbs/BreadcrumbsTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsTypes.js","sources":["../../../../../src/components/Common/UI/Breadcrumbs/BreadcrumbsTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/**\n * Single entry in a {@link BreadcrumbsProps | Breadcrumbs} trail.\n *\n * @public\n */\nexport interface Breadcrumb {\n  /**\n   * Unique identifier for the breadcrumb. Matches against `currentBreadcrumbId` and is passed to `onClick`.\n   */\n  id: string\n  /**\n   * Display content rendered for the breadcrumb.\n   */\n  label: ReactNode\n  /**\n   * When false, the breadcrumb is rendered as plain text even if onClick is provided.\n   * Defaults to true.\n   */\n  isClickable?: boolean\n}\n/**\n * Props your `Breadcrumbs` implementation must accept from the component adapter.\n * Renders a navigation breadcrumb trail showing the user's position in a multi-step flow.\n *\n * @public\n */\nexport interface BreadcrumbsProps {\n  /**\n   * Array of breadcrumbs\n   */\n  breadcrumbs: Breadcrumb[]\n  /**\n   * Current breadcrumb id\n   */\n  currentBreadcrumbId?: string\n  /**\n   * Accessibility label for the breadcrumbs\n   *\n   * @defaultValue `'Breadcrumbs'`\n   */\n  'aria-label'?: string\n  /**\n   * Additional CSS class name for the breadcrumbs container\n   */\n  className?: string\n  /**\n   * Event handler for breadcrumb navigation\n   */\n  onClick?: (id: string) => void\n  /**\n   * Passed to the breadcrumbs when the container size is small (640px and below)\n   * At this size, the breadcrumb typically does not have sufficient size to render\n   * completely. In our implementation, we switch to a condensed mobile version of\n   * the breadcrumbs\n   *\n   * @defaultValue `false`\n   */\n  isSmallContainer?: boolean\n}\n\n/**\n * Default prop values for Breadcrumbs component.\n *\n * @internal\n */\nexport const BreadcrumbsDefaults = {\n  isSmallContainer: false,\n  'aria-label': 'Breadcrumbs',\n} as const satisfies Partial<BreadcrumbsProps>\n"],"names":["BreadcrumbsDefaults"],"mappings":"AAmEO,MAAMA,IAAsB;AAAA,EACjC,kBAAkB;AAAA,EAClB,cAAc;AAChB;"}
+{"version":3,"file":"BreadcrumbsTypes.js","sources":["../../../../../src/components/Common/UI/Breadcrumbs/BreadcrumbsTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/**\n * Single entry in a {@link BreadcrumbsProps | Breadcrumbs} trail.\n *\n * @public\n * @group Utility Types\n */\nexport interface Breadcrumb {\n  /**\n   * Unique identifier for the breadcrumb. Matches against `currentBreadcrumbId` and is passed to `onClick`.\n   */\n  id: string\n  /**\n   * Display content rendered for the breadcrumb.\n   */\n  label: ReactNode\n  /**\n   * When false, the breadcrumb is rendered as plain text even if onClick is provided.\n   * Defaults to true.\n   */\n  isClickable?: boolean\n}\n/**\n * Props your `Breadcrumbs` implementation must accept from the component adapter.\n * Renders a navigation breadcrumb trail showing the user's position in a multi-step flow.\n *\n * @public\n * @group Component Props\n */\nexport interface BreadcrumbsProps {\n  /**\n   * Array of breadcrumbs\n   */\n  breadcrumbs: Breadcrumb[]\n  /**\n   * Current breadcrumb id\n   */\n  currentBreadcrumbId?: string\n  /**\n   * Accessibility label for the breadcrumbs\n   *\n   * @defaultValue `'Breadcrumbs'`\n   */\n  'aria-label'?: string\n  /**\n   * Additional CSS class name for the breadcrumbs container\n   */\n  className?: string\n  /**\n   * Event handler for breadcrumb navigation\n   */\n  onClick?: (id: string) => void\n  /**\n   * Passed to the breadcrumbs when the container size is small (640px and below)\n   * At this size, the breadcrumb typically does not have sufficient size to render\n   * completely. In our implementation, we switch to a condensed mobile version of\n   * the breadcrumbs\n   *\n   * @defaultValue `false`\n   */\n  isSmallContainer?: boolean\n}\n\n/**\n * Default prop values for Breadcrumbs component.\n *\n * @internal\n */\nexport const BreadcrumbsDefaults = {\n  isSmallContainer: false,\n  'aria-label': 'Breadcrumbs',\n} as const satisfies Partial<BreadcrumbsProps>\n"],"names":["BreadcrumbsDefaults"],"mappings":"AAqEO,MAAMA,IAAsB;AAAA,EACjC,kBAAkB;AAAA,EAClB,cAAc;AAChB;"}

package/dist/components/Common/UI/Button/ButtonTypes.d.ts

@@ -4,6 +4,7 @@ import { Ref, ButtonHTMLAttributes, ReactNode, FocusEvent } from 'react';
  * Renders an HTML button (`<button>`) with primary, secondary, tertiary, and error variants, a loading state, and an optional leading icon.
  *
  * @public
+ * @group Component Props
  */
 export interface ButtonProps extends Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'name' | 'id' | 'className' | 'type' | 'onClick' | 'onKeyDown' | 'onKeyUp' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'form' | 'title' | 'tabIndex'> {
     /**
@@ -50,13 +51,14 @@ export interface ButtonProps extends Pick<ButtonHTMLAttributes<HTMLButtonElement
  * Renders an icon-only `<button>`; requires `aria-label` since there is no visible text for assistive technologies.
  *
  * @public
+ * @group Component Props
  */
-export type ButtonIconProps = ButtonProps & {
+export interface ButtonIconProps extends ButtonProps {
     /**
      * Required aria-label for icon buttons to ensure accessibility
      */
     'aria-label': string;
-};
+}
 /**
  * Default prop values for Button component.
  * These are used by the component adapter to automatically provide defaults.

package/dist/components/Common/UI/Button/ButtonTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTypes.js","sources":["../../../../../src/components/Common/UI/Button/ButtonTypes.ts"],"sourcesContent":["import type { Ref, ButtonHTMLAttributes, ReactNode, FocusEvent } from 'react'\n\n/**\n * Props your `Button` implementation must accept from the component adapter.\n * Renders an HTML button (`<button>`) with primary, secondary, tertiary, and error variants, a loading state, and an optional leading icon.\n *\n * @public\n */\nexport interface ButtonProps extends Pick<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  | 'name'\n  | 'id'\n  | 'className'\n  | 'type'\n  | 'onClick'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'form'\n  | 'title'\n  | 'tabIndex'\n> {\n  /**\n   * React ref for the button element\n   */\n  buttonRef?: Ref<HTMLButtonElement>\n  /**\n   * Visual style variant of the button\n   *\n   * @defaultValue `'primary'`\n   */\n  variant?: 'primary' | 'secondary' | 'tertiary' | 'error'\n  /**\n   * Shows a loading spinner and disables the button\n   *\n   * @defaultValue `false`\n   */\n  isLoading?: boolean\n  /**\n   * Disables the button and prevents interaction\n   *\n   * @defaultValue `false`\n   */\n  isDisabled?: boolean\n  /**\n   * Optional leading icon rendered before children\n   */\n  icon?: ReactNode\n  /**\n   * Content to be rendered inside the button\n   */\n  children?: ReactNode\n  /**\n   * Handler for blur events\n   */\n  onBlur?: (e: FocusEvent) => void\n  /**\n   * Handler for focus events\n   */\n  onFocus?: (e: FocusEvent) => void\n}\n\n/**\n * Props your `ButtonIcon` implementation must accept from the component adapter.\n * Renders an icon-only `<button>`; requires `aria-label` since there is no visible text for assistive technologies.\n *\n * @public\n */\nexport type ButtonIconProps = ButtonProps & {\n  /**\n   * Required aria-label for icon buttons to ensure accessibility\n   */\n  'aria-label': string\n}\n\n/**\n * Default prop values for Button component.\n * These are used by the component adapter to automatically provide defaults.\n *\n * @internal\n */\nexport const ButtonDefaults = {\n  variant: 'primary',\n  isLoading: false,\n  isDisabled: false,\n} as const satisfies Partial<ButtonProps>\n\n/**\n * Default prop values for ButtonIcon component.\n *\n * @internal\n */\nexport const ButtonIconDefaults = {\n  variant: 'tertiary',\n  isLoading: false,\n  isDisabled: false,\n} as const satisfies Partial<ButtonIconProps>\n"],"names":["ButtonDefaults","ButtonIconDefaults"],"mappings":"AAmFO,MAAMA,IAAiB;AAAA,EAC5B,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd,GAOaC,IAAqB;AAAA,EAChC,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd;"}
+{"version":3,"file":"ButtonTypes.js","sources":["../../../../../src/components/Common/UI/Button/ButtonTypes.ts"],"sourcesContent":["import type { Ref, ButtonHTMLAttributes, ReactNode, FocusEvent } from 'react'\n\n/**\n * Props your `Button` implementation must accept from the component adapter.\n * Renders an HTML button (`<button>`) with primary, secondary, tertiary, and error variants, a loading state, and an optional leading icon.\n *\n * @public\n * @group Component Props\n */\nexport interface ButtonProps extends Pick<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  | 'name'\n  | 'id'\n  | 'className'\n  | 'type'\n  | 'onClick'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'form'\n  | 'title'\n  | 'tabIndex'\n> {\n  /**\n   * React ref for the button element\n   */\n  buttonRef?: Ref<HTMLButtonElement>\n  /**\n   * Visual style variant of the button\n   *\n   * @defaultValue `'primary'`\n   */\n  variant?: 'primary' | 'secondary' | 'tertiary' | 'error'\n  /**\n   * Shows a loading spinner and disables the button\n   *\n   * @defaultValue `false`\n   */\n  isLoading?: boolean\n  /**\n   * Disables the button and prevents interaction\n   *\n   * @defaultValue `false`\n   */\n  isDisabled?: boolean\n  /**\n   * Optional leading icon rendered before children\n   */\n  icon?: ReactNode\n  /**\n   * Content to be rendered inside the button\n   */\n  children?: ReactNode\n  /**\n   * Handler for blur events\n   */\n  onBlur?: (e: FocusEvent) => void\n  /**\n   * Handler for focus events\n   */\n  onFocus?: (e: FocusEvent) => void\n}\n\n/**\n * Props your `ButtonIcon` implementation must accept from the component adapter.\n * Renders an icon-only `<button>`; requires `aria-label` since there is no visible text for assistive technologies.\n *\n * @public\n * @group Component Props\n */\nexport interface ButtonIconProps extends ButtonProps {\n  /**\n   * Required aria-label for icon buttons to ensure accessibility\n   */\n  'aria-label': string\n}\n\n/**\n * Default prop values for Button component.\n * These are used by the component adapter to automatically provide defaults.\n *\n * @internal\n */\nexport const ButtonDefaults = {\n  variant: 'primary',\n  isLoading: false,\n  isDisabled: false,\n} as const satisfies Partial<ButtonProps>\n\n/**\n * Default prop values for ButtonIcon component.\n *\n * @internal\n */\nexport const ButtonIconDefaults = {\n  variant: 'tertiary',\n  isLoading: false,\n  isDisabled: false,\n} as const satisfies Partial<ButtonIconProps>\n"],"names":["ButtonDefaults","ButtonIconDefaults"],"mappings":"AAqFO,MAAMA,IAAiB;AAAA,EAC5B,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd,GAOaC,IAAqB;AAAA,EAChC,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd;"}

package/dist/components/Common/UI/CalendarPreview/CalendarPreviewTypes.d.ts

@@ -3,8 +3,9 @@
  * Renders a read-only calendar display for visualizing a date range with optional highlighted dates.
  *
  * @public
+ * @group Component Props
  */
-export type CalendarPreviewProps = {
+export interface CalendarPreviewProps {
     /**
      * Array of dates to highlight with custom colors and labels
      */
@@ -39,4 +40,4 @@ export type CalendarPreviewProps = {
          */
         label: string;
     };
-};
+}

package/dist/components/Common/UI/Card/CardTypes.d.ts

@@ -4,6 +4,7 @@ import { ReactNode } from 'react';
  * Renders a content container with an optional overflow menu and a leading action slot.
  *
  * @public
+ * @group Component Props
  */
 export interface CardProps {
     /**

package/dist/components/Common/UI/Checkbox/CheckboxTypes.d.ts

@@ -5,6 +5,7 @@ import { SharedHorizontalFieldLayoutProps } from '../../HorizontalFieldLayout/Ho
  * Renders a form field wrapping an `<input type="checkbox" />` with a label, optional description, and error message.
  *
  * @public
+ * @group Component Props
  */
 export interface CheckboxProps extends SharedHorizontalFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className'> {
     /**

package/dist/components/Common/UI/Checkbox/CheckboxTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTypes.js","sources":["../../../../../src/components/Common/UI/Checkbox/CheckboxTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, Ref } from 'react'\nimport type { SharedHorizontalFieldLayoutProps } from '@/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes'\n\n/**\n * Props your `Checkbox` implementation must accept from the component adapter.\n * Renders a form field wrapping an `<input type=\"checkbox\" />` with a label, optional description, and error message.\n *\n * @public\n */\nexport interface CheckboxProps\n  extends\n    SharedHorizontalFieldLayoutProps,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className'> {\n  /**\n   * Current checked state of the checkbox\n   */\n  value?: boolean\n  /**\n   * Callback when checkbox state changes\n   */\n  onChange?: (value: boolean) => void\n  /**\n   * React ref for the checkbox input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Indicates if the checkbox is in an invalid state\n   *\n   * @defaultValue `false`\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the checkbox and prevents interaction\n   *\n   * @defaultValue `false`\n   */\n  isDisabled?: boolean\n  /**\n   * Handler for blur events\n   */\n  onBlur?: () => void\n}\n\n/**\n * Default prop values for Checkbox component.\n *\n * @internal\n */\nexport const CheckboxDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<CheckboxProps>\n"],"names":["CheckboxDefaults"],"mappings":"AAgDO,MAAMA,IAAmB;AAAA,EAC9B,WAAW;AAAA,EACX,YAAY;AACd;"}
+{"version":3,"file":"CheckboxTypes.js","sources":["../../../../../src/components/Common/UI/Checkbox/CheckboxTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, Ref } from 'react'\nimport type { SharedHorizontalFieldLayoutProps } from '@/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes'\n\n/**\n * Props your `Checkbox` implementation must accept from the component adapter.\n * Renders a form field wrapping an `<input type=\"checkbox\" />` with a label, optional description, and error message.\n *\n * @public\n * @group Component Props\n */\nexport interface CheckboxProps\n  extends\n    SharedHorizontalFieldLayoutProps,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className'> {\n  /**\n   * Current checked state of the checkbox\n   */\n  value?: boolean\n  /**\n   * Callback when checkbox state changes\n   */\n  onChange?: (value: boolean) => void\n  /**\n   * React ref for the checkbox input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Indicates if the checkbox is in an invalid state\n   *\n   * @defaultValue `false`\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the checkbox and prevents interaction\n   *\n   * @defaultValue `false`\n   */\n  isDisabled?: boolean\n  /**\n   * Handler for blur events\n   */\n  onBlur?: () => void\n}\n\n/**\n * Default prop values for Checkbox component.\n *\n * @internal\n */\nexport const CheckboxDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<CheckboxProps>\n"],"names":["CheckboxDefaults"],"mappings":"AAiDO,MAAMA,IAAmB;AAAA,EAC9B,WAAW;AAAA,EACX,YAAY;AACd;"}

package/dist/components/Common/UI/CheckboxGroup/CheckboxGroupTypes.d.ts

@@ -4,6 +4,7 @@ import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
  * Option entry rendered as a single checkbox within a {@link CheckboxGroupProps | CheckboxGroup}.
  *
  * @public
+ * @group Utility Types
  */
 export interface CheckboxGroupOption {
     /**
@@ -28,6 +29,7 @@ export interface CheckboxGroupOption {
  * Renders a form field wrapping multiple `<input type="checkbox" />` elements with a label, optional description, and error message.
  *
  * @public
+ * @group Component Props
  */
 export interface CheckboxGroupProps extends SharedFieldLayoutProps, Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'className'> {
     /**

package/dist/components/Common/UI/CheckboxGroup/CheckboxGroupTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupTypes.js","sources":["../../../../../src/components/Common/UI/CheckboxGroup/CheckboxGroupTypes.ts"],"sourcesContent":["import type { FieldsetHTMLAttributes, Ref } from 'react'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\n/**\n * Option entry rendered as a single checkbox within a {@link CheckboxGroupProps | CheckboxGroup}.\n *\n * @public\n */\nexport interface CheckboxGroupOption {\n  /**\n   * Label text or content for the checkbox option\n   */\n  label: React.ReactNode\n  /**\n   * Value of the option that will be passed to onChange\n   */\n  value: string\n  /**\n   * Disables this specific checkbox option\n   */\n  isDisabled?: boolean\n  /**\n   * Optional description text for the checkbox option\n   */\n  description?: React.ReactNode\n}\n\n/**\n * Props your `CheckboxGroup` implementation must accept from the component adapter.\n * Renders a form field wrapping multiple `<input type=\"checkbox\" />` elements with a label, optional description, and error message.\n *\n * @public\n */\nexport interface CheckboxGroupProps\n  extends SharedFieldLayoutProps, Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'className'> {\n  /**\n   * Indicates if the checkbox group is in an invalid state\n   *\n   * @defaultValue `false`\n   */\n  isInvalid?: boolean\n  /**\n   * Disables all checkbox options in the group\n   *\n   * @defaultValue `false`\n   */\n  isDisabled?: boolean\n  /**\n   * Array of checkbox options to display\n   */\n  options: Array<CheckboxGroupOption>\n  /**\n   * Array of currently selected values\n   */\n  value?: string[]\n  /**\n   * Callback when selection changes\n   */\n  onChange?: (value: string[]) => void\n  /**\n   * React ref for the first checkbox input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n}\n\n/**\n * Default prop values for the CheckboxGroup component.\n *\n * @internal\n */\nexport const CheckboxGroupDefaults = {\n  isRequired: false,\n  isInvalid: false,\n  isDisabled: false,\n  shouldVisuallyHideLabel: false,\n} as const satisfies Partial<CheckboxGroupProps>\n"],"names":["CheckboxGroupDefaults"],"mappings":"AAsEO,MAAMA,IAAwB;AAAA,EACnC,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,yBAAyB;AAC3B;"}
+{"version":3,"file":"CheckboxGroupTypes.js","sources":["../../../../../src/components/Common/UI/CheckboxGroup/CheckboxGroupTypes.ts"],"sourcesContent":["import type { FieldsetHTMLAttributes, Ref } from 'react'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\n/**\n * Option entry rendered as a single checkbox within a {@link CheckboxGroupProps | CheckboxGroup}.\n *\n * @public\n * @group Utility Types\n */\nexport interface CheckboxGroupOption {\n  /**\n   * Label text or content for the checkbox option\n   */\n  label: React.ReactNode\n  /**\n   * Value of the option that will be passed to onChange\n   */\n  value: string\n  /**\n   * Disables this specific checkbox option\n   */\n  isDisabled?: boolean\n  /**\n   * Optional description text for the checkbox option\n   */\n  description?: React.ReactNode\n}\n\n/**\n * Props your `CheckboxGroup` implementation must accept from the component adapter.\n * Renders a form field wrapping multiple `<input type=\"checkbox\" />` elements with a label, optional description, and error message.\n *\n * @public\n * @group Component Props\n */\nexport interface CheckboxGroupProps\n  extends SharedFieldLayoutProps, Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'className'> {\n  /**\n   * Indicates if the checkbox group is in an invalid state\n   *\n   * @defaultValue `false`\n   */\n  isInvalid?: boolean\n  /**\n   * Disables all checkbox options in the group\n   *\n   * @defaultValue `false`\n   */\n  isDisabled?: boolean\n  /**\n   * Array of checkbox options to display\n   */\n  options: Array<CheckboxGroupOption>\n  /**\n   * Array of currently selected values\n   */\n  value?: string[]\n  /**\n   * Callback when selection changes\n   */\n  onChange?: (value: string[]) => void\n  /**\n   * React ref for the first checkbox input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n}\n\n/**\n * Default prop values for the CheckboxGroup component.\n *\n * @internal\n */\nexport const CheckboxGroupDefaults = {\n  isRequired: false,\n  isInvalid: false,\n  isDisabled: false,\n  shouldVisuallyHideLabel: false,\n} as const satisfies Partial<CheckboxGroupProps>\n"],"names":["CheckboxGroupDefaults"],"mappings":"AAwEO,MAAMA,IAAwB;AAAA,EACnC,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,yBAAyB;AAC3B;"}

package/dist/components/Common/UI/ComboBox/ComboBoxTypes.d.ts

@@ -4,6 +4,7 @@ import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
  * Option entry for the ComboBox dropdown list.
  *
  * @public
+ * @group Utility Types
  */
 export interface ComboBoxOption {
     /**
@@ -20,6 +21,7 @@ export interface ComboBoxOption {
  * Renders a form field wrapping a filterable `<input />` for single-option selection, optionally allowing free-form values.
  *
  * @public
+ * @group Component Props
  * @see {@link MultiSelectComboBoxProps}
  */
 export interface ComboBoxProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'className' | 'id' | 'name' | 'placeholder'> {

package/dist/components/Common/UI/DatePicker/DatePickerTypes.d.ts

@@ -5,6 +5,7 @@ import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
  * Renders a form field wrapping an `<input type="date" />` with a calendar picker popover, optional min/max bounds, and per-date disabling.
  *
  * @public
+ * @group Component Props
  */
 export interface DatePickerProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'className' | 'id' | 'name'> {
     /**

package/dist/components/Common/UI/DateRangePicker/DateRangePickerTypes.d.ts

@@ -2,6 +2,7 @@
  * Inclusive start/end pair representing a selected date range.
  *
  * @public
+ * @group Utility Types
  */
 export interface DateRange {
     /**
@@ -18,6 +19,7 @@ export interface DateRange {
  * Renders a form field wrapping paired `<input type="date" />` elements for selecting an inclusive date range.
  *
  * @public
+ * @group Component Props
  */
 export interface DateRangePickerProps {
     /**

package/dist/components/Common/UI/DescriptionList/DescriptionListTypes.d.ts

@@ -3,6 +3,7 @@ import { ReactNode } from 'react';
  * Single term/description pair rendered as a row within a {@link DescriptionListProps | DescriptionList}.
  *
  * @public
+ * @group Utility Types
  */
 export interface DescriptionListItem {
     /**
@@ -19,6 +20,7 @@ export interface DescriptionListItem {
  * Renders an HTML `<dl>` of term/description pairs in either a stacked or horizontal layout.
  *
  * @public
+ * @group Component Props
  */
 export interface DescriptionListProps {
     /**

package/dist/components/Common/UI/DescriptionList/DescriptionListTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionListTypes.js","sources":["../../../../../src/components/Common/UI/DescriptionList/DescriptionListTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/**\n * Single term/description pair rendered as a row within a {@link DescriptionListProps | DescriptionList}.\n *\n * @public\n */\nexport interface DescriptionListItem {\n  /**\n   * Term content (the `<dt>`). Pass an array to render multiple `<dt>` elements for the same description.\n   */\n  term: ReactNode | ReactNode[]\n  /**\n   * Description content (the `<dd>`). Pass an array to render multiple `<dd>` elements for the same term.\n   */\n  description: ReactNode | ReactNode[]\n}\n\n/**\n * Props your `DescriptionList` implementation must accept from the component adapter.\n * Renders an HTML `<dl>` of term/description pairs in either a stacked or horizontal layout.\n *\n * @public\n */\nexport interface DescriptionListProps {\n  /**\n   * Term/description pairs to render in order.\n   */\n  items: DescriptionListItem[]\n  /**\n   * Visual arrangement of each term/description pair. Defaults to `'stacked'`.\n   *\n   * @defaultValue `'stacked'`\n   */\n  layout?: 'stacked' | 'horizontal'\n  /**\n   * Whether to render dividers between rows. Defaults to `true`.\n   *\n   * @defaultValue `true`\n   */\n  showSeparators?: boolean\n  /**\n   * Additional class name applied to the root `<dl>`.\n   */\n  className?: string\n}\n\n/**\n * Default prop values for the DescriptionList component.\n *\n * @internal\n */\nexport const DescriptionListDefaults = {\n  layout: 'stacked',\n  showSeparators: true,\n} as const satisfies Partial<DescriptionListProps>\n"],"names":["DescriptionListDefaults"],"mappings":"AAoDO,MAAMA,IAA0B;AAAA,EACrC,QAAQ;AAAA,EACR,gBAAgB;AAClB;"}
+{"version":3,"file":"DescriptionListTypes.js","sources":["../../../../../src/components/Common/UI/DescriptionList/DescriptionListTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/**\n * Single term/description pair rendered as a row within a {@link DescriptionListProps | DescriptionList}.\n *\n * @public\n * @group Utility Types\n */\nexport interface DescriptionListItem {\n  /**\n   * Term content (the `<dt>`). Pass an array to render multiple `<dt>` elements for the same description.\n   */\n  term: ReactNode | ReactNode[]\n  /**\n   * Description content (the `<dd>`). Pass an array to render multiple `<dd>` elements for the same term.\n   */\n  description: ReactNode | ReactNode[]\n}\n\n/**\n * Props your `DescriptionList` implementation must accept from the component adapter.\n * Renders an HTML `<dl>` of term/description pairs in either a stacked or horizontal layout.\n *\n * @public\n * @group Component Props\n */\nexport interface DescriptionListProps {\n  /**\n   * Term/description pairs to render in order.\n   */\n  items: DescriptionListItem[]\n  /**\n   * Visual arrangement of each term/description pair. Defaults to `'stacked'`.\n   *\n   * @defaultValue `'stacked'`\n   */\n  layout?: 'stacked' | 'horizontal'\n  /**\n   * Whether to render dividers between rows. Defaults to `true`.\n   *\n   * @defaultValue `true`\n   */\n  showSeparators?: boolean\n  /**\n   * Additional class name applied to the root `<dl>`.\n   */\n  className?: string\n}\n\n/**\n * Default prop values for the DescriptionList component.\n *\n * @internal\n */\nexport const DescriptionListDefaults = {\n  layout: 'stacked',\n  showSeparators: true,\n} as const satisfies Partial<DescriptionListProps>\n"],"names":["DescriptionListDefaults"],"mappings":"AAsDO,MAAMA,IAA0B;AAAA,EACrC,QAAQ;AAAA,EACR,gBAAgB;AAClB;"}

package/dist/components/Common/UI/Dialog/DialogTypes.d.ts

@@ -4,6 +4,7 @@ import { ReactNode } from 'react';
  * Renders a modal confirmation dialog with a primary action and a cancel action.
  *
  * @public
+ * @group Component Props
  */
 export interface DialogProps {
     /**

package/dist/components/Common/UI/Dialog/DialogTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTypes.js","sources":["../../../../../src/components/Common/UI/Dialog/DialogTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/**\n * Props your `Dialog` implementation must accept from the component adapter.\n * Renders a modal confirmation dialog with a primary action and a cancel action.\n *\n * @public\n */\nexport interface DialogProps {\n  /**\n   * Controls whether the dialog is open or closed\n   * @defaultValue `false`\n   */\n  isOpen?: boolean\n  /**\n   * Callback function called when the dialog should be closed\n   */\n  onClose?: () => void\n  /**\n   * Callback function called when the primary action button is clicked\n   */\n  onPrimaryActionClick?: () => void\n  /**\n   * Whether the primary action is destructive (changes button style to error variant)\n   * @defaultValue `false`\n   */\n  isDestructive?: boolean\n  /**\n   * Whether the primary action button is in loading state\n   * @defaultValue `false`\n   */\n  isPrimaryActionLoading?: boolean\n  /**\n   * Text label for the primary action button\n   */\n  primaryActionLabel: string\n  /**\n   * Text label for the close/cancel action button\n   */\n  closeActionLabel: string\n  /**\n   * Optional title content to be displayed at the top of the dialog\n   */\n  title?: ReactNode\n  /**\n   * Optional children content to be rendered in the dialog body\n   */\n  children?: ReactNode\n  /**\n   * Whether clicking the backdrop should close the dialog\n   * @defaultValue `false`\n   */\n  shouldCloseOnBackdropClick?: boolean\n}\n\n/**\n * Default prop values for the Dialog component.\n *\n * @internal\n */\nexport const DialogDefaults = {\n  isOpen: false,\n  isDestructive: false,\n  isPrimaryActionLoading: false,\n  shouldCloseOnBackdropClick: false,\n} as const satisfies Partial<DialogProps>\n"],"names":["DialogDefaults"],"mappings":"AA4DO,MAAMA,IAAiB;AAAA,EAC5B,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,wBAAwB;AAAA,EACxB,4BAA4B;AAC9B;"}
+{"version":3,"file":"DialogTypes.js","sources":["../../../../../src/components/Common/UI/Dialog/DialogTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/**\n * Props your `Dialog` implementation must accept from the component adapter.\n * Renders a modal confirmation dialog with a primary action and a cancel action.\n *\n * @public\n * @group Component Props\n */\nexport interface DialogProps {\n  /**\n   * Controls whether the dialog is open or closed\n   * @defaultValue `false`\n   */\n  isOpen?: boolean\n  /**\n   * Callback function called when the dialog should be closed\n   */\n  onClose?: () => void\n  /**\n   * Callback function called when the primary action button is clicked\n   */\n  onPrimaryActionClick?: () => void\n  /**\n   * Whether the primary action is destructive (changes button style to error variant)\n   * @defaultValue `false`\n   */\n  isDestructive?: boolean\n  /**\n   * Whether the primary action button is in loading state\n   * @defaultValue `false`\n   */\n  isPrimaryActionLoading?: boolean\n  /**\n   * Text label for the primary action button\n   */\n  primaryActionLabel: string\n  /**\n   * Text label for the close/cancel action button\n   */\n  closeActionLabel: string\n  /**\n   * Optional title content to be displayed at the top of the dialog\n   */\n  title?: ReactNode\n  /**\n   * Optional children content to be rendered in the dialog body\n   */\n  children?: ReactNode\n  /**\n   * Whether clicking the backdrop should close the dialog\n   * @defaultValue `false`\n   */\n  shouldCloseOnBackdropClick?: boolean\n}\n\n/**\n * Default prop values for the Dialog component.\n *\n * @internal\n */\nexport const DialogDefaults = {\n  isOpen: false,\n  isDestructive: false,\n  isPrimaryActionLoading: false,\n  shouldCloseOnBackdropClick: false,\n} as const satisfies Partial<DialogProps>\n"],"names":["DialogDefaults"],"mappings":"AA6DO,MAAMA,IAAiB;AAAA,EAC5B,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,wBAAwB;AAAA,EACxB,4BAA4B;AAC9B;"}

package/dist/components/Common/UI/FileInput/FileInputTypes.d.ts

@@ -4,6 +4,7 @@ import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
  * Renders a form field wrapping an `<input type="file" />` with a label, description, error message, and optional file type restrictions.
  *
  * @public
+ * @group Component Props
  */
 export interface FileInputProps extends Omit<SharedFieldLayoutProps, 'shouldVisuallyHideLabel'> {
     /**

package/dist/components/Common/UI/FileInput/FileInputTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileInputTypes.js","sources":["../../../../../src/components/Common/UI/FileInput/FileInputTypes.ts"],"sourcesContent":["import type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\n/**\n * Props your `FileInput` implementation must accept from the component adapter.\n * Renders a form field wrapping an `<input type=\"file\" />` with a label, description, error message, and optional file type restrictions.\n *\n * @public\n */\nexport interface FileInputProps extends Omit<SharedFieldLayoutProps, 'shouldVisuallyHideLabel'> {\n  /**\n   * ID for the file input element\n   */\n  id?: string\n  /**\n   * Currently selected file\n   */\n  value: File | null\n  /**\n   * Callback when file selection changes\n   */\n  onChange: (file: File | null) => void\n  /**\n   * Handler for blur events\n   */\n  onBlur?: () => void\n  /**\n   * Accepted file types (MIME types or extensions)\n   * @example ['image/jpeg', 'image/png', 'application/pdf']\n   * @example ['.jpg', '.png', '.pdf']\n   */\n  accept?: string[]\n  /**\n   * Indicates that the field has an error\n   * @defaultValue `false`\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the input and prevents interaction\n   * @defaultValue `false`\n   */\n  isDisabled?: boolean\n  /**\n   * Additional CSS class name\n   */\n  className?: string\n  /**\n   * Aria-describedby attribute for accessibility\n   */\n  'aria-describedby'?: string\n}\n\n/**\n * Default prop values for the FileInput component.\n *\n * @internal\n */\nexport const FileInputDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<FileInputProps>\n"],"names":["FileInputDefaults"],"mappings":"AAwDO,MAAMA,IAAoB;AAAA,EAC/B,WAAW;AAAA,EACX,YAAY;AACd;"}
+{"version":3,"file":"FileInputTypes.js","sources":["../../../../../src/components/Common/UI/FileInput/FileInputTypes.ts"],"sourcesContent":["import type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\n/**\n * Props your `FileInput` implementation must accept from the component adapter.\n * Renders a form field wrapping an `<input type=\"file\" />` with a label, description, error message, and optional file type restrictions.\n *\n * @public\n * @group Component Props\n */\nexport interface FileInputProps extends Omit<SharedFieldLayoutProps, 'shouldVisuallyHideLabel'> {\n  /**\n   * ID for the file input element\n   */\n  id?: string\n  /**\n   * Currently selected file\n   */\n  value: File | null\n  /**\n   * Callback when file selection changes\n   */\n  onChange: (file: File | null) => void\n  /**\n   * Handler for blur events\n   */\n  onBlur?: () => void\n  /**\n   * Accepted file types (MIME types or extensions)\n   * @example ['image/jpeg', 'image/png', 'application/pdf']\n   * @example ['.jpg', '.png', '.pdf']\n   */\n  accept?: string[]\n  /**\n   * Indicates that the field has an error\n   * @defaultValue `false`\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the input and prevents interaction\n   * @defaultValue `false`\n   */\n  isDisabled?: boolean\n  /**\n   * Additional CSS class name\n   */\n  className?: string\n  /**\n   * Aria-describedby attribute for accessibility\n   */\n  'aria-describedby'?: string\n}\n\n/**\n * Default prop values for the FileInput component.\n *\n * @internal\n */\nexport const FileInputDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<FileInputProps>\n"],"names":["FileInputDefaults"],"mappings":"AAyDO,MAAMA,IAAoB;AAAA,EAC/B,WAAW;AAAA,EACX,YAAY;AACd;"}

package/dist/components/Common/UI/Heading/HeadingTypes.d.ts

@@ -4,6 +4,7 @@ import { HTMLAttributes, ReactNode } from 'react';
  * Renders an HTML heading (`<h1>`–`<h6>`) whose visual style level is controlled independently from its semantic level.
  *
  * @public
+ * @group Component Props
  */
 export interface HeadingProps extends Pick<HTMLAttributes<HTMLHeadingElement>, 'className' | 'id'> {
     /**

package/dist/components/Common/UI/Link/LinkTypes.d.ts

@@ -4,8 +4,9 @@ import { AnchorHTMLAttributes, ReactNode } from 'react';
  * Renders an HTML anchor (`<a>`) for inline navigation.
  *
  * @public
+ * @group Component Props
  */
-export type LinkProps = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 
+export interface LinkProps extends Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 
 /**
  * URL that the link points to
  */
@@ -53,9 +54,9 @@ export type LinkProps = Pick<AnchorHTMLAttributes<HTMLAnchorElement>,
 /**
  * Title text shown on hover
  */
- | 'title'> & {
+ | 'title'> {
     /**
      * Content to be displayed inside the link
      */
     children?: ReactNode;
-};
+}