@gusto/embedded-react-sdk 0.48.0 → 0.48.2

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # Changelog
 
+## [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
+
+- `Form` no longer enables native browser validation by default, so field-level validation and error messaging render consistently across browsers ([#2168](https://github.com/Gusto/embedded-react-sdk/issues/2168))
+- `EmptyData` no longer falls back to a magnifying-glass illustration when none is provided ([#2169](https://github.com/Gusto/embedded-react-sdk/issues/2169))
+
+### Chores & Maintenance
+
+- Bump dev dependencies (`@playwright/test`, `@storybook/addon-a11y`, `@storybook/addon-docs`, `typescript-eslint`) and override transitive dependencies (`esbuild`, `js-yaml`, `markdown-it`, `uuid`, `@babel/core`) to clear security advisories ([#2155](https://github.com/Gusto/embedded-react-sdk/issues/2155), [#2152](https://github.com/Gusto/embedded-react-sdk/issues/2152), [#2154](https://github.com/Gusto/embedded-react-sdk/issues/2154), [#2153](https://github.com/Gusto/embedded-react-sdk/issues/2153), [#2156](https://github.com/Gusto/embedded-react-sdk/issues/2156), [#2157](https://github.com/Gusto/embedded-react-sdk/issues/2157), [#2159](https://github.com/Gusto/embedded-react-sdk/issues/2159), [#2162](https://github.com/Gusto/embedded-react-sdk/issues/2162), [#2163](https://github.com/Gusto/embedded-react-sdk/issues/2163), [#2166](https://github.com/Gusto/embedded-react-sdk/issues/2166))
+
 ## [0.48.0](https://github.com/Gusto/embedded-react-sdk/compare/v0.47.1...v0.48.0) (2026-06-15)
 
 ### Breaking Changes

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/EmptyData/EmptyData.d.ts

@@ -3,7 +3,7 @@ type EmptyDataProps = {
     description?: string;
     children?: React.ReactNode;
     /**
-     * When set, replaces the default search (magnifying glass) illustration.
+     * Optional illustration rendered above the title.
      */
     icon?: React.ReactNode;
 };

package/dist/components/Common/EmptyData/EmptyData.js

@@ -1,21 +1,19 @@
 import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { useTranslation as l } from "react-i18next";
-import { Flex as c } from "../Flex/Flex.js";
+import { Flex as s } from "../Flex/Flex.js";
 import e from "./EmptyData.module.scss.js";
-import p from "../../../assets/icons/magnifyingGlass.png.js";
-import { useComponentContext as d } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-function N({ title: a, description: s, children: m, icon: n }) {
-  const { t: r } = l(), { Text: i } = d();
-  return /* @__PURE__ */ t("div", { className: e.emptyData, "data-testid": "emptydata", children: /* @__PURE__ */ o(c, { flexDirection: "column", alignItems: "center", children: [
-    n ? /* @__PURE__ */ t("span", { className: e.iconSlot, children: n }) : /* @__PURE__ */ t("img", { src: p, alt: r("icons.magnifyingGlass"), className: e.image }),
+import { useComponentContext as l } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+function f({ title: n, description: r, children: i, icon: m }) {
+  const { Text: a } = l();
+  return /* @__PURE__ */ t("div", { className: e.emptyData, "data-testid": "emptydata", children: /* @__PURE__ */ o(s, { flexDirection: "column", alignItems: "center", gap: 16, children: [
+    m && /* @__PURE__ */ t("span", { className: e.iconSlot, children: m }),
     /* @__PURE__ */ o("div", { className: e.textContent, children: [
-      a && /* @__PURE__ */ t(i, { weight: "bold", className: e.title, children: a }),
-      s && /* @__PURE__ */ t(i, { children: s })
+      n && /* @__PURE__ */ t(a, { weight: "medium", textAlign: "center", children: n }),
+      r && /* @__PURE__ */ t(a, { size: "sm", variant: "supporting", textAlign: "center", children: r })
     ] }),
-    m && m
+    i && i
   ] }) });
 }
 export {
-  N as EmptyData
+  f as EmptyData
 };
 //# sourceMappingURL=EmptyData.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyData.js","sources":["../../../../src/components/Common/EmptyData/EmptyData.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex } from '../Flex/Flex'\nimport styles from './EmptyData.module.scss'\nimport magnifyingGlass from '@/assets/icons/magnifyingGlass.png'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype EmptyDataProps = {\n  title?: string\n  description?: string\n  children?: React.ReactNode\n  /**\n   * When set, replaces the default search (magnifying glass) illustration.\n   */\n  icon?: React.ReactNode\n}\n/** @internal */\nexport function EmptyData({ title, description, children, icon }: EmptyDataProps) {\n  const { t } = useTranslation()\n  const { Text } = useComponentContext()\n  return (\n    <div className={styles.emptyData} data-testid=\"emptydata\">\n      <Flex flexDirection=\"column\" alignItems=\"center\">\n        {icon ? (\n          <span className={styles.iconSlot}>{icon}</span>\n        ) : (\n          <img src={magnifyingGlass} alt={t('icons.magnifyingGlass')} className={styles.image} />\n        )}\n        <div className={styles.textContent}>\n          {title && (\n            <Text weight=\"bold\" className={styles.title}>\n              {title}\n            </Text>\n          )}\n          {description && <Text>{description}</Text>}\n        </div>\n        {children && children}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["EmptyData","title","description","children","icon","t","useTranslation","Text","useComponentContext","jsx","styles","jsxs","Flex","magnifyingGlass"],"mappings":";;;;;;AAgBO,SAASA,EAAU,EAAE,OAAAC,GAAO,aAAAC,GAAa,UAAAC,GAAU,MAAAC,KAAwB;AAChF,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,MAAAC,EAAA,IAASC,EAAA;AACjB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,WAAW,eAAY,aAC5C,UAAA,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,YAAW,UACrC,UAAA;AAAA,IAAAR,sBACE,QAAA,EAAK,WAAWM,EAAO,UAAW,aAAK,IAExC,gBAAAD,EAAC,OAAA,EAAI,KAAKI,GAAiB,KAAKR,EAAE,uBAAuB,GAAG,WAAWK,EAAO,OAAO;AAAA,IAEvF,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,aACpB,UAAA;AAAA,MAAAT,uBACEM,GAAA,EAAK,QAAO,QAAO,WAAWG,EAAO,OACnC,UAAAT,EAAA,CACH;AAAA,MAEDC,KAAe,gBAAAO,EAACF,GAAA,EAAM,UAAAL,EAAA,CAAY;AAAA,IAAA,GACrC;AAAA,IACCC,KAAYA;AAAA,EAAA,EAAA,CACf,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"EmptyData.js","sources":["../../../../src/components/Common/EmptyData/EmptyData.tsx"],"sourcesContent":["import { Flex } from '../Flex/Flex'\nimport styles from './EmptyData.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype EmptyDataProps = {\n  title?: string\n  description?: string\n  children?: React.ReactNode\n  /**\n   * Optional illustration rendered above the title.\n   */\n  icon?: React.ReactNode\n}\n/** @internal */\nexport function EmptyData({ title, description, children, icon }: EmptyDataProps) {\n  const { Text } = useComponentContext()\n  return (\n    <div className={styles.emptyData} data-testid=\"emptydata\">\n      <Flex flexDirection=\"column\" alignItems=\"center\" gap={16}>\n        {icon && <span className={styles.iconSlot}>{icon}</span>}\n        <div className={styles.textContent}>\n          {title && (\n            <Text weight=\"medium\" textAlign=\"center\">\n              {title}\n            </Text>\n          )}\n          {description && (\n            <Text size=\"sm\" variant=\"supporting\" textAlign=\"center\">\n              {description}\n            </Text>\n          )}\n        </div>\n        {children && children}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["EmptyData","title","description","children","icon","Text","useComponentContext","jsx","styles","jsxs","Flex"],"mappings":";;;;AAcO,SAASA,EAAU,EAAE,OAAAC,GAAO,aAAAC,GAAa,UAAAC,GAAU,MAAAC,KAAwB;AAChF,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA;AACjB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,WAAW,eAAY,aAC5C,UAAA,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,YAAW,UAAS,KAAK,IACnD,UAAA;AAAA,IAAAN,KAAQ,gBAAAG,EAAC,QAAA,EAAK,WAAWC,EAAO,UAAW,UAAAJ,GAAK;AAAA,IACjD,gBAAAK,EAAC,OAAA,EAAI,WAAWD,EAAO,aACpB,UAAA;AAAA,MAAAP,uBACEI,GAAA,EAAK,QAAO,UAAS,WAAU,UAC7B,UAAAJ,GACH;AAAA,MAEDC,uBACEG,GAAA,EAAK,MAAK,MAAK,SAAQ,cAAa,WAAU,UAC5C,UAAAH,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IACCC,KAAYA;AAAA,EAAA,EAAA,CACf,EAAA,CACF;AAEJ;"}

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

@@ -1,16 +1,12 @@
-const t = "_emptyData_l8c1m_1", e = "_textContent_l8c1m_11", o = "_title_l8c1m_15", n = "_image_l8c1m_21", _ = "_iconSlot_l8c1m_26", c = {
+const t = "_emptyData_1gh1i_1", o = "_textContent_1gh1i_11", n = "_iconSlot_1gh1i_19", e = {
   emptyData: t,
-  textContent: e,
-  title: o,
-  image: n,
-  iconSlot: _
+  textContent: o,
+  iconSlot: n
 };
 export {
-  c as default,
+  e as default,
   t as emptyData,
-  _ as iconSlot,
-  n as image,
-  e as textContent,
-  o as title
+  n as iconSlot,
+  o as textContent
 };
 //# sourceMappingURL=EmptyData.module.scss.js.map

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

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

package/dist/components/Common/Form/Form.d.ts

@@ -1,4 +1,4 @@
 /** @internal */
 export type FormProps = React.FormHTMLAttributes<HTMLFormElement>;
 /** @internal */
-export declare const Form: ({ children, className, onSubmit, ...props }: FormProps) => import("react").JSX.Element;
+export declare const Form: ({ children, className, onSubmit, noValidate, ...props }: FormProps) => import("react").JSX.Element;

package/dist/components/Common/Form/Form.js

@@ -1,18 +1,19 @@
-import { jsx as e } from "react/jsx-runtime";
-import f from "classnames";
-import a from "./Form.module.scss.js";
-const n = ({ children: m, className: o, onSubmit: t, ...s }) => /* @__PURE__ */ e(
+import { jsx as f } from "react/jsx-runtime";
+import a from "classnames";
+import p from "./Form.module.scss.js";
+const u = ({ children: m, className: o, onSubmit: t, noValidate: s = !0, ...e }) => /* @__PURE__ */ f(
   "form",
   {
-    className: f(a.form, o),
+    className: a(p.form, o),
+    noValidate: s,
     onSubmit: (r) => {
       r.preventDefault(), t?.(r);
     },
-    ...s,
+    ...e,
     children: m
   }
 );
 export {
-  n as Form
+  u as Form
 };
 //# sourceMappingURL=Form.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../src/components/Common/Form/Form.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport styles from './Form.module.scss'\n\n/** @internal */\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement>\n\n/** @internal */\nexport const Form = ({ children, className, onSubmit, ...props }: FormProps) => {\n  return (\n    <form\n      className={classNames(styles.form, className)}\n      onSubmit={e => {\n        e.preventDefault()\n        onSubmit?.(e)\n      }}\n      {...props}\n    >\n      {children}\n    </form>\n  )\n}\n"],"names":["Form","children","className","onSubmit","props","jsx","classNames","styles","e"],"mappings":";;;AAOO,MAAMA,IAAO,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,UAAAC,GAAU,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAWC,EAAO,MAAML,CAAS;AAAA,IAC5C,UAAU,CAAAM,MAAK;AACb,MAAAA,EAAE,eAAA,GACFL,IAAWK,CAAC;AAAA,IACd;AAAA,IACC,GAAGJ;AAAA,IAEH,UAAAH;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"Form.js","sources":["../../../../src/components/Common/Form/Form.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport styles from './Form.module.scss'\n\n/** @internal */\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement>\n\n/** @internal */\nexport const Form = ({ children, className, onSubmit, noValidate = true, ...props }: FormProps) => {\n  return (\n    <form\n      className={classNames(styles.form, className)}\n      noValidate={noValidate}\n      onSubmit={e => {\n        e.preventDefault()\n        onSubmit?.(e)\n      }}\n      {...props}\n    >\n      {children}\n    </form>\n  )\n}\n"],"names":["Form","children","className","onSubmit","noValidate","props","jsx","classNames","styles","e"],"mappings":";;;AAOO,MAAMA,IAAO,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,UAAAC,GAAU,YAAAC,IAAa,IAAM,GAAGC,QAExE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAWC,EAAO,MAAMN,CAAS;AAAA,IAC5C,YAAAE;AAAA,IACA,UAAU,CAAAK,MAAK;AACb,MAAAA,EAAE,eAAA,GACFN,IAAWM,CAAC;AAAA,IACd;AAAA,IACC,GAAGJ;AAAA,IAEH,UAAAJ;AAAA,EAAA;AAAA;"}

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/Card.js

@@ -1,15 +1,15 @@
-import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import a from "classnames";
-import { Flex as d } from "../../Flex/Flex.js";
-import c from "./Card.module.scss.js";
-function x({ children: l, menu: i, className: o, action: e }) {
-  return /* @__PURE__ */ r("div", { className: a(c.cardContainer, o), "data-testid": "data-card", children: /* @__PURE__ */ t(d, { flexDirection: "row", gap: 8, children: [
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import s from "classnames";
+import { Flex as a } from "../../Flex/Flex.js";
+import d from "./Card.module.scss.js";
+function p({ children: t, menu: i, className: c, action: e }) {
+  return /* @__PURE__ */ r("div", { className: s(d.cardContainer, c), "data-testid": "data-card", children: /* @__PURE__ */ o(a, { flexDirection: "row", gap: 8, children: [
     e && /* @__PURE__ */ r("div", { children: e }),
-    /* @__PURE__ */ r("div", { style: { flexGrow: 1, flexShrink: 1 }, children: /* @__PURE__ */ r(d, { flexDirection: "column", gap: 16, children: l }) }),
+    /* @__PURE__ */ r("div", { className: d.cardBody, children: /* @__PURE__ */ r(a, { flexDirection: "column", alignItems: "stretch", gap: 16, children: t }) }),
     i && /* @__PURE__ */ r("div", { children: i })
   ] }) });
 }
 export {
-  x as Card
+  p as Card
 };
 //# sourceMappingURL=Card.js.map

package/dist/components/Common/UI/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../../src/components/Common/UI/Card/Card.tsx"],"sourcesContent":["import cn from 'classnames'\nimport { Flex } from '../../Flex/Flex'\nimport styles from './Card.module.scss'\nimport { type CardProps } from '@/components/Common/UI/Card/CardTypes'\n\n/**\n * Renders a content card with optional left-side action element and right-side menu.\n *\n * @param props - The {@link CardProps} controlling the card's content, optional action, and optional menu.\n * @returns The rendered card element.\n * @internal\n */\nexport function Card({ children, menu, className, action }: CardProps) {\n  return (\n    <div className={cn(styles.cardContainer, className)} data-testid=\"data-card\">\n      <Flex flexDirection=\"row\" gap={8}>\n        {action && <div>{action}</div>}\n        <div style={{ flexGrow: 1, flexShrink: 1 }}>\n          <Flex flexDirection={'column'} gap={16}>\n            {children}\n          </Flex>\n        </div>\n        {menu && <div>{menu}</div>}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["Card","children","menu","className","action","jsx","cn","styles","jsxs","Flex"],"mappings":";;;;AAYO,SAASA,EAAK,EAAE,UAAAC,GAAU,MAAAC,GAAM,WAAAC,GAAW,QAAAC,KAAqB;AACrE,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,eAAeJ,CAAS,GAAG,eAAY,aAC/D,UAAA,gBAAAK,EAACC,GAAA,EAAK,eAAc,OAAM,KAAK,GAC5B,UAAA;AAAA,IAAAL,KAAU,gBAAAC,EAAC,SAAK,UAAAD,EAAA,CAAO;AAAA,sBACvB,OAAA,EAAI,OAAO,EAAE,UAAU,GAAG,YAAY,KACrC,UAAA,gBAAAC,EAACI,KAAK,eAAe,UAAU,KAAK,IACjC,UAAAR,GACH,GACF;AAAA,IACCC,KAAQ,gBAAAG,EAAC,OAAA,EAAK,UAAAH,EAAA,CAAK;AAAA,EAAA,EAAA,CACtB,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"Card.js","sources":["../../../../../src/components/Common/UI/Card/Card.tsx"],"sourcesContent":["import cn from 'classnames'\nimport { Flex } from '../../Flex/Flex'\nimport styles from './Card.module.scss'\nimport { type CardProps } from '@/components/Common/UI/Card/CardTypes'\n\n/**\n * Renders a content card with optional left-side action element and right-side menu.\n *\n * @param props - The {@link CardProps} controlling the card's content, optional action, and optional menu.\n * @returns The rendered card element.\n * @internal\n */\nexport function Card({ children, menu, className, action }: CardProps) {\n  return (\n    <div className={cn(styles.cardContainer, className)} data-testid=\"data-card\">\n      <Flex flexDirection=\"row\" gap={8}>\n        {action && <div>{action}</div>}\n        <div className={styles.cardBody}>\n          <Flex flexDirection=\"column\" alignItems=\"stretch\" gap={16}>\n            {children}\n          </Flex>\n        </div>\n        {menu && <div>{menu}</div>}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["Card","children","menu","className","action","jsx","cn","styles","jsxs","Flex"],"mappings":";;;;AAYO,SAASA,EAAK,EAAE,UAAAC,GAAU,MAAAC,GAAM,WAAAC,GAAW,QAAAC,KAAqB;AACrE,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,eAAeJ,CAAS,GAAG,eAAY,aAC/D,UAAA,gBAAAK,EAACC,GAAA,EAAK,eAAc,OAAM,KAAK,GAC5B,UAAA;AAAA,IAAAL,KAAU,gBAAAC,EAAC,SAAK,UAAAD,EAAA,CAAO;AAAA,IACxB,gBAAAC,EAAC,OAAA,EAAI,WAAWE,EAAO,UACrB,UAAA,gBAAAF,EAACI,GAAA,EAAK,eAAc,UAAS,YAAW,WAAU,KAAK,IACpD,UAAAR,GACH,GACF;AAAA,IACCC,KAAQ,gBAAAG,EAAC,OAAA,EAAK,UAAAH,EAAA,CAAK;AAAA,EAAA,EAAA,CACtB,EAAA,CACF;AAEJ;"}

package/dist/components/Common/UI/Card/Card.module.scss.js

@@ -1,8 +1,10 @@
-const a = "_cardContainer_kjbcm_1", n = {
-  cardContainer: a
+const a = "_cardContainer_1mmh1_1", d = "_cardBody_1mmh1_10", o = {
+  cardContainer: a,
+  cardBody: d
 };
 export {
+  d as cardBody,
   a as cardContainer,
-  n as default
+  o as default
 };
 //# sourceMappingURL=Card.module.scss.js.map

package/dist/components/Common/UI/Card/Card.module.scss.js.map

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

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;"}