@gusto/embedded-react-sdk 0.13.3 → 0.13.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.13.4
+
+### Fixes
+
+- Patch release for bug fixes and improvements around finite state machines
+
 ## 0.13.3
 
 ### Fixes

package/dist/assets/icons/hamburger.svg.js

@@ -1,10 +1,10 @@
 import * as e from "react";
-const a = ({
+const n = ({
   title: t,
-  titleId: l,
-  ...r
-}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 21, height: 20, viewBox: "0 0 21 20", fill: "none", "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M12.375 3.125C12.375 4.16053 11.5355 5 10.5 5C9.46447 5 8.625 4.16053 8.625 3.125C8.625 2.08947 9.46447 1.25 10.5 1.25C11.5355 1.25 12.375 2.08947 12.375 3.125Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M12.375 10C12.375 11.0355 11.5355 11.875 10.5 11.875C9.46447 11.875 8.625 11.0355 8.625 10C8.625 8.96447 9.46447 8.125 10.5 8.125C11.5355 8.125 12.375 8.96447 12.375 10Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M10.5 18.75C11.5355 18.75 12.375 17.9105 12.375 16.875C12.375 15.8395 11.5355 15 10.5 15C9.46447 15 8.625 15.8395 8.625 16.875C8.625 17.9105 9.46447 18.75 10.5 18.75Z", fill: "currentColor" }));
+  titleId: r,
+  ...o
+}) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": r, ...o }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M9.99996 10.8333C10.4602 10.8333 10.8333 10.4602 10.8333 9.99999C10.8333 9.53976 10.4602 9.16666 9.99996 9.16666C9.53972 9.16666 9.16663 9.53976 9.16663 9.99999C9.16663 10.4602 9.53972 10.8333 9.99996 10.8333Z", stroke: "#535862", strokeWidth: 1.66667, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M9.99996 4.99999C10.4602 4.99999 10.8333 4.6269 10.8333 4.16666C10.8333 3.70642 10.4602 3.33333 9.99996 3.33333C9.53972 3.33333 9.16663 3.70642 9.16663 4.16666C9.16663 4.6269 9.53972 4.99999 9.99996 4.99999Z", stroke: "#535862", strokeWidth: 1.66667, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M9.99996 16.6667C10.4602 16.6667 10.8333 16.2936 10.8333 15.8333C10.8333 15.3731 10.4602 15 9.99996 15C9.53972 15 9.16663 15.3731 9.16663 15.8333C9.16663 16.2936 9.53972 16.6667 9.99996 16.6667Z", stroke: "#535862", strokeWidth: 1.66667, strokeLinecap: "round", strokeLinejoin: "round" }));
 export {
-  a as default
+  n as default
 };
 //# sourceMappingURL=hamburger.svg.js.map

package/dist/assets/icons/hamburger.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"hamburger.svg.js","sources":["../../../src/assets/icons/hamburger.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgHamburger = ({\n  title,\n  titleId,\n  ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 21, height: 20, viewBox: \"0 0 21 20\", fill: \"none\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M12.375 3.125C12.375 4.16053 11.5355 5 10.5 5C9.46447 5 8.625 4.16053 8.625 3.125C8.625 2.08947 9.46447 1.25 10.5 1.25C11.5355 1.25 12.375 2.08947 12.375 3.125Z\", fill: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M12.375 10C12.375 11.0355 11.5355 11.875 10.5 11.875C9.46447 11.875 8.625 11.0355 8.625 10C8.625 8.96447 9.46447 8.125 10.5 8.125C11.5355 8.125 12.375 8.96447 12.375 10Z\", fill: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M10.5 18.75C11.5355 18.75 12.375 17.9105 12.375 16.875C12.375 15.8395 11.5355 15 10.5 15C9.46447 15 8.625 15.8395 8.625 16.875C8.625 17.9105 9.46447 18.75 10.5 18.75Z\", fill: \"currentColor\" }));\nexport default SvgHamburger;\n"],"names":["SvgHamburger","title","titleId","props","React"],"mappings":";AACK,MAACA,IAAe,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAsB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAG,EAAM,cAAc,SAAS,EAAE,IAAIF,EAAO,GAAID,CAAK,IAAI,MAAsB,gBAAAG,EAAM,cAAc,QAAQ,EAAE,GAAG,oKAAoK,MAAM,eAAc,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,6KAA6K,MAAM,eAAc,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,0KAA0K,MAAM,eAAc,CAAE,CAAC;"}
+{"version":3,"file":"hamburger.svg.js","sources":["../../../src/assets/icons/hamburger.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgHamburger = ({\n  title,\n  titleId,\n  ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { width: 20, height: 20, viewBox: \"0 0 20 20\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M9.99996 10.8333C10.4602 10.8333 10.8333 10.4602 10.8333 9.99999C10.8333 9.53976 10.4602 9.16666 9.99996 9.16666C9.53972 9.16666 9.16663 9.53976 9.16663 9.99999C9.16663 10.4602 9.53972 10.8333 9.99996 10.8333Z\", stroke: \"#535862\", strokeWidth: 1.66667, strokeLinecap: \"round\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M9.99996 4.99999C10.4602 4.99999 10.8333 4.6269 10.8333 4.16666C10.8333 3.70642 10.4602 3.33333 9.99996 3.33333C9.53972 3.33333 9.16663 3.70642 9.16663 4.16666C9.16663 4.6269 9.53972 4.99999 9.99996 4.99999Z\", stroke: \"#535862\", strokeWidth: 1.66667, strokeLinecap: \"round\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M9.99996 16.6667C10.4602 16.6667 10.8333 16.2936 10.8333 15.8333C10.8333 15.3731 10.4602 15 9.99996 15C9.53972 15 9.16663 15.3731 9.16663 15.8333C9.16663 16.2936 9.53972 16.6667 9.99996 16.6667Z\", stroke: \"#535862\", strokeWidth: 1.66667, strokeLinecap: \"round\", strokeLinejoin: \"round\" }));\nexport default SvgHamburger;\n"],"names":["SvgHamburger","title","titleId","props","React"],"mappings":";AACK,MAACA,IAAe,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAsB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAG,EAAM,cAAc,SAAS,EAAE,IAAIF,EAAO,GAAID,CAAK,IAAI,MAAsB,gBAAAG,EAAM,cAAc,QAAQ,EAAE,GAAG,qNAAqN,QAAQ,WAAW,aAAa,SAAS,eAAe,SAAS,gBAAgB,QAAO,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,mNAAmN,QAAQ,WAAW,aAAa,SAAS,eAAe,SAAS,gBAAgB,QAAO,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,sMAAsM,QAAQ,WAAW,aAAa,SAAS,eAAe,SAAS,gBAAgB,SAAS,CAAC;"}

package/dist/assets/icons/receipt-check.svg.js

@@ -0,0 +1,10 @@
+import * as e from "react";
+const n = ({
+  title: t,
+  titleId: r,
+  ...o
+}) => /* @__PURE__ */ e.createElement("svg", { width: 42, height: 42, viewBox: "0 0 42 42", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": r, ...o }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M15.75 18.375L19.25 21.875L27.125 14M35 36.75V13.65C35 10.7097 35 9.23959 34.4278 8.11655C33.9245 7.1287 33.1213 6.32555 32.1335 5.82222C31.0104 5.25 29.5403 5.25 26.6 5.25H15.4C12.4597 5.25 10.9896 5.25 9.86655 5.82222C8.8787 6.32555 8.07555 7.1287 7.57222 8.11655C7 9.23959 7 10.7097 7 13.65V36.75L11.8125 33.25L16.1875 36.75L21 33.25L25.8125 36.75L30.1875 33.25L35 36.75Z", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  n as default
+};
+//# sourceMappingURL=receipt-check.svg.js.map

package/dist/assets/icons/receipt-check.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"receipt-check.svg.js","sources":["../../../src/assets/icons/receipt-check.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgReceiptCheck = ({\n  title,\n  titleId,\n  ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { width: 42, height: 42, viewBox: \"0 0 42 42\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M15.75 18.375L19.25 21.875L27.125 14M35 36.75V13.65C35 10.7097 35 9.23959 34.4278 8.11655C33.9245 7.1287 33.1213 6.32555 32.1335 5.82222C31.0104 5.25 29.5403 5.25 26.6 5.25H15.4C12.4597 5.25 10.9896 5.25 9.86655 5.82222C8.8787 6.32555 8.07555 7.1287 7.57222 8.11655C7 9.23959 7 10.7097 7 13.65V36.75L11.8125 33.25L16.1875 36.75L21 33.25L25.8125 36.75L30.1875 33.25L35 36.75Z\", stroke: \"currentColor\", strokeWidth: 3, strokeLinecap: \"round\", strokeLinejoin: \"round\" }));\nexport default SvgReceiptCheck;\n"],"names":["SvgReceiptCheck","title","titleId","props","React"],"mappings":";AACK,MAACA,IAAkB,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAsB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAG,EAAM,cAAc,SAAS,EAAE,IAAIF,KAAWD,CAAK,IAAI,MAAsB,gBAAAG,EAAM,cAAc,QAAQ,EAAE,GAAG,0XAA0X,QAAQ,gBAAgB,aAAa,GAAG,eAAe,SAAS,gBAAgB,SAAS,CAAC;"}

package/dist/components/Common/DataView/DataTable/DataTable.js

@@ -1,55 +1,55 @@
 import { jsx as l } from "react/jsx-runtime";
 import { useTranslation as g } from "react-i18next";
 import { useComponentContext as D } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { VisuallyHidden as b } from "../../VisuallyHidden/VisuallyHidden.js";
-function H(a, r) {
+import { VisuallyHidden as h } from "../../VisuallyHidden/VisuallyHidden.js";
+function m(s, r) {
   if (r.render)
-    return r.render(a);
+    return r.render(s);
   if (r.key) {
     const n = r.key;
-    return String(a[n] ?? "");
+    return String(s[n] ?? "");
   }
   return "";
 }
 const F = ({
-  label: a,
+  label: s,
   data: r,
   columns: n,
-  itemMenu: s,
-  onSelect: c,
-  emptyState: f,
-  footer: k,
-  variant: h
+  itemMenu: c,
+  onSelect: a,
+  emptyState: d,
+  footer: f,
+  variant: b
 }) => {
-  const p = D(), { t: d } = g("common"), u = [
-    ...c ? [
+  const p = D(), { t: k } = g("common"), u = [
+    ...a ? [
       {
         key: "select-header",
-        content: /* @__PURE__ */ l(b, { children: d("table.selectRowHeader") })
+        content: /* @__PURE__ */ l(h, { children: k("table.selectRowHeader") })
       }
     ] : [],
     ...n.map((t, e) => ({
       key: typeof t.key == "string" ? t.key : `header-${e}`,
       content: t.title
     })),
-    ...s ? [
+    ...c ? [
       {
         key: "actions-header",
-        content: /* @__PURE__ */ l(b, { children: d("table.actionsColumnHeader") })
+        content: /* @__PURE__ */ l(h, { children: k("table.actionsColumnHeader") })
       }
     ] : []
   ], C = r.map((t, e) => {
     const i = [
-      ...c ? [
+      ...a ? [
         {
           key: `select-${e}`,
           content: /* @__PURE__ */ l(
             p.Checkbox,
             {
               onChange: (o) => {
-                c(t, o);
+                a(t, o);
               },
-              label: d("table.selectRowLabel"),
+              label: k("table.selectRowLabel"),
               shouldVisuallyHideLabel: !0
             }
           )
@@ -57,12 +57,12 @@ const F = ({
       ] : [],
       ...n.map((o, y) => ({
         key: typeof o.key == "string" ? o.key : `cell-${y}`,
-        content: H(t, o)
+        content: m(t, o)
       })),
-      ...s ? [
+      ...c ? [
         {
           key: `menu-${e}`,
-          content: s(t)
+          content: c(t)
         }
       ] : []
     ];
@@ -71,9 +71,9 @@ const F = ({
       data: i
     };
   }), $ = (() => {
-    if (!k) return;
-    const t = k(), e = [];
-    return c && e.push({
+    if (!f) return;
+    const t = f(), e = [];
+    return a && e.push({
       key: "footer-select",
       content: ""
     }), n.forEach((i, o) => {
@@ -82,7 +82,7 @@ const F = ({
         key: `footer-${y}`,
         content: t[y] || ""
       });
-    }), s && e.push({
+    }), c && e.push({
       key: "footer-actions",
       content: ""
     }), e;
@@ -90,13 +90,14 @@ const F = ({
   return /* @__PURE__ */ l(
     p.Table,
     {
-      "aria-label": a,
+      "aria-label": s,
       "data-testid": "data-table",
       headers: u,
       rows: C,
       footer: $,
-      emptyState: f ? f() : void 0,
-      variant: h
+      emptyState: d ? d() : void 0,
+      variant: b,
+      hasCheckboxColumn: !!a
     }
   );
 };

package/dist/components/Common/DataView/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sources":["../../../../../src/components/Common/DataView/DataTable/DataTable.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { useDataViewPropReturn } from '../useDataView'\nimport type { TableData, TableRow, TableProps } from '../../UI/Table/TableTypes'\nimport { VisuallyHidden } from '../../VisuallyHidden'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type DataTableProps<T> = {\n  label: string\n  columns: useDataViewPropReturn<T>['columns']\n  data: useDataViewPropReturn<T>['data']\n  itemMenu?: useDataViewPropReturn<T>['itemMenu']\n  onSelect?: useDataViewPropReturn<T>['onSelect']\n  emptyState?: useDataViewPropReturn<T>['emptyState']\n  footer?: useDataViewPropReturn<T>['footer']\n  variant?: TableProps['variant']\n}\n\nfunction getCellContent<T>(\n  item: T,\n  column: { key?: string | keyof T; render?: (item: T) => React.ReactNode },\n) {\n  if (column.render) {\n    return column.render(item)\n  }\n\n  if (column.key) {\n    const key = column.key as keyof T\n    return String(item[key] ?? '')\n  }\n\n  return ''\n}\n\nexport const DataTable = <T,>({\n  label,\n  data,\n  columns,\n  itemMenu,\n  onSelect,\n  emptyState,\n  footer,\n  variant,\n}: DataTableProps<T>) => {\n  const Components = useComponentContext()\n  const { t } = useTranslation('common')\n\n  const headers: TableData[] = [\n    ...(onSelect\n      ? [\n          {\n            key: 'select-header',\n            content: <VisuallyHidden>{t('table.selectRowHeader')}</VisuallyHidden>,\n          },\n        ]\n      : []),\n    ...columns.map((column, index) => ({\n      key: typeof column.key === 'string' ? column.key : `header-${index}`,\n      content: column.title,\n    })),\n    ...(itemMenu\n      ? [\n          {\n            key: 'actions-header',\n            content: <VisuallyHidden>{t('table.actionsColumnHeader')}</VisuallyHidden>,\n          },\n        ]\n      : []),\n  ]\n\n  const rows: TableRow[] = data.map((item, rowIndex) => {\n    const rowData: TableData[] = [\n      ...(onSelect\n        ? [\n            {\n              key: `select-${rowIndex}`,\n              content: (\n                <Components.Checkbox\n                  onChange={(checked: boolean) => {\n                    onSelect(item, checked)\n                  }}\n                  label={t('table.selectRowLabel')}\n                  shouldVisuallyHideLabel\n                />\n              ),\n            },\n          ]\n        : []),\n      ...columns.map((column, colIndex) => {\n        return {\n          key: typeof column.key === 'string' ? column.key : `cell-${colIndex}`,\n          content: getCellContent(item, column),\n        }\n      }),\n      ...(itemMenu\n        ? [\n            {\n              key: `menu-${rowIndex}`,\n              content: itemMenu(item),\n            },\n          ]\n        : []),\n    ]\n\n    return {\n      key: `row-${rowIndex}`,\n      data: rowData,\n    }\n  })\n\n  const buildFooterData = () => {\n    if (!footer) return undefined\n\n    const footerContent = footer()\n    const footerCells: TableData[] = []\n\n    // Add select column footer (empty)\n    if (onSelect) {\n      footerCells.push({\n        key: 'footer-select',\n        content: '',\n      })\n    }\n\n    // Add data column footers\n    columns.forEach((column, index) => {\n      const columnKey = typeof column.key === 'string' ? column.key : `column-${index}`\n      footerCells.push({\n        key: `footer-${columnKey}`,\n        content: footerContent[columnKey] || '',\n      })\n    })\n\n    // Add actions column footer (empty)\n    if (itemMenu) {\n      footerCells.push({\n        key: 'footer-actions',\n        content: '',\n      })\n    }\n\n    return footerCells\n  }\n\n  const footerData = buildFooterData()\n\n  return (\n    <Components.Table\n      aria-label={label}\n      data-testid=\"data-table\"\n      headers={headers}\n      rows={rows}\n      footer={footerData}\n      emptyState={emptyState ? emptyState() : undefined}\n      variant={variant}\n    />\n  )\n}\n"],"names":["getCellContent","item","column","key","DataTable","label","data","columns","itemMenu","onSelect","emptyState","footer","variant","Components","useComponentContext","t","useTranslation","headers","jsx","VisuallyHidden","index","rows","rowIndex","rowData","checked","colIndex","footerData","footerContent","footerCells","columnKey"],"mappings":"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"}
+{"version":3,"file":"DataTable.js","sources":["../../../../../src/components/Common/DataView/DataTable/DataTable.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { useDataViewPropReturn } from '../useDataView'\nimport type { TableData, TableRow, TableProps } from '../../UI/Table/TableTypes'\nimport { VisuallyHidden } from '../../VisuallyHidden'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type DataTableProps<T> = {\n  label: string\n  columns: useDataViewPropReturn<T>['columns']\n  data: useDataViewPropReturn<T>['data']\n  itemMenu?: useDataViewPropReturn<T>['itemMenu']\n  onSelect?: useDataViewPropReturn<T>['onSelect']\n  emptyState?: useDataViewPropReturn<T>['emptyState']\n  footer?: useDataViewPropReturn<T>['footer']\n  variant?: TableProps['variant']\n}\n\nfunction getCellContent<T>(\n  item: T,\n  column: { key?: string | keyof T; render?: (item: T) => React.ReactNode },\n) {\n  if (column.render) {\n    return column.render(item)\n  }\n\n  if (column.key) {\n    const key = column.key as keyof T\n    return String(item[key] ?? '')\n  }\n\n  return ''\n}\n\nexport const DataTable = <T,>({\n  label,\n  data,\n  columns,\n  itemMenu,\n  onSelect,\n  emptyState,\n  footer,\n  variant,\n}: DataTableProps<T>) => {\n  const Components = useComponentContext()\n  const { t } = useTranslation('common')\n\n  const headers: TableData[] = [\n    ...(onSelect\n      ? [\n          {\n            key: 'select-header',\n            content: <VisuallyHidden>{t('table.selectRowHeader')}</VisuallyHidden>,\n          },\n        ]\n      : []),\n    ...columns.map((column, index) => ({\n      key: typeof column.key === 'string' ? column.key : `header-${index}`,\n      content: column.title,\n    })),\n    ...(itemMenu\n      ? [\n          {\n            key: 'actions-header',\n            content: <VisuallyHidden>{t('table.actionsColumnHeader')}</VisuallyHidden>,\n          },\n        ]\n      : []),\n  ]\n\n  const rows: TableRow[] = data.map((item, rowIndex) => {\n    const rowData: TableData[] = [\n      ...(onSelect\n        ? [\n            {\n              key: `select-${rowIndex}`,\n              content: (\n                <Components.Checkbox\n                  onChange={(checked: boolean) => {\n                    onSelect(item, checked)\n                  }}\n                  label={t('table.selectRowLabel')}\n                  shouldVisuallyHideLabel\n                />\n              ),\n            },\n          ]\n        : []),\n      ...columns.map((column, colIndex) => {\n        return {\n          key: typeof column.key === 'string' ? column.key : `cell-${colIndex}`,\n          content: getCellContent(item, column),\n        }\n      }),\n      ...(itemMenu\n        ? [\n            {\n              key: `menu-${rowIndex}`,\n              content: itemMenu(item),\n            },\n          ]\n        : []),\n    ]\n\n    return {\n      key: `row-${rowIndex}`,\n      data: rowData,\n    }\n  })\n\n  const buildFooterData = () => {\n    if (!footer) return undefined\n\n    const footerContent = footer()\n    const footerCells: TableData[] = []\n\n    // Add select column footer (empty)\n    if (onSelect) {\n      footerCells.push({\n        key: 'footer-select',\n        content: '',\n      })\n    }\n\n    // Add data column footers\n    columns.forEach((column, index) => {\n      const columnKey = typeof column.key === 'string' ? column.key : `column-${index}`\n      footerCells.push({\n        key: `footer-${columnKey}`,\n        content: footerContent[columnKey] || '',\n      })\n    })\n\n    // Add actions column footer (empty)\n    if (itemMenu) {\n      footerCells.push({\n        key: 'footer-actions',\n        content: '',\n      })\n    }\n\n    return footerCells\n  }\n\n  const footerData = buildFooterData()\n\n  return (\n    <Components.Table\n      aria-label={label}\n      data-testid=\"data-table\"\n      headers={headers}\n      rows={rows}\n      footer={footerData}\n      emptyState={emptyState ? emptyState() : undefined}\n      variant={variant}\n      hasCheckboxColumn={!!onSelect}\n    />\n  )\n}\n"],"names":["getCellContent","item","column","key","DataTable","label","data","columns","itemMenu","onSelect","emptyState","footer","variant","Components","useComponentContext","t","useTranslation","headers","jsx","VisuallyHidden","index","rows","rowIndex","rowData","checked","colIndex","footerData","footerContent","footerCells","columnKey"],"mappings":"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"}

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

@@ -5,5 +5,5 @@ interface DocumentViewerProps {
     viewDocumentLabel: string;
     headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 }
-export declare function DocumentViewer({ url, title, downloadInstructions, viewDocumentLabel, headingLevel: HeadingLevel, }: DocumentViewerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DocumentViewer({ url, title, downloadInstructions, viewDocumentLabel, headingLevel, }: DocumentViewerProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/Common/DocumentViewer/DocumentViewer.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { useRef as p } from "react";
 import { Flex as i } from "../Flex/Flex.js";
 import n from "./DocumentViewer.module.scss.js";
@@ -7,11 +7,11 @@ import { useComponentContext as u } from "../../../contexts/ComponentAdapter/use
 function k({
   url: a,
   title: r,
-  downloadInstructions: s,
+  downloadInstructions: m,
   viewDocumentLabel: d,
   headingLevel: l = "h3"
 }) {
-  const m = u(), t = p(null), f = h({
+  const o = u(), t = p(null), f = h({
     ref: t
   }).includes("small");
   if (!a) return null;
@@ -20,15 +20,15 @@ function k({
     title: r,
     type: "application/pdf"
   };
-  return /* @__PURE__ */ e("div", { className: n.container, ref: t, children: f ? /* @__PURE__ */ e("embed", { ...c, className: n.embedPdf }) : /* @__PURE__ */ e("div", { className: n.smallEmbedPdfContainer, children: /* @__PURE__ */ o(i, { gap: 20, children: [
+  return /* @__PURE__ */ e("div", { className: n.container, ref: t, children: f ? /* @__PURE__ */ e("embed", { ...c, className: n.embedPdf }) : /* @__PURE__ */ e("div", { className: n.smallEmbedPdfContainer, children: /* @__PURE__ */ s(i, { gap: 20, children: [
     /* @__PURE__ */ e("embed", { ...c, className: n.smallEmbedPdf }),
-    /* @__PURE__ */ o(i, { flexDirection: "column", gap: 8, children: [
-      /* @__PURE__ */ o("div", { children: [
-        r && /* @__PURE__ */ e(l, { className: n.heading, children: r }),
-        s && /* @__PURE__ */ e(m.Text, { className: n.downloadInstructions, children: s })
+    /* @__PURE__ */ s(i, { flexDirection: "column", gap: 8, children: [
+      /* @__PURE__ */ s("div", { children: [
+        r && /* @__PURE__ */ e(o.Heading, { as: l, className: n.heading, children: r }),
+        m && /* @__PURE__ */ e(o.Text, { className: n.downloadInstructions, children: m })
       ] }),
       /* @__PURE__ */ e(
-        m.Link,
+        o.Link,
         {
           className: "react-aria-Button",
           "data-variant": "secondary",

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentViewer.js","sources":["../../../../src/components/Common/DocumentViewer/DocumentViewer.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { Flex } from '../Flex/Flex'\nimport styles from './DocumentViewer.module.scss'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\ninterface DocumentViewerProps {\n  url?: string | null\n  title?: string\n  downloadInstructions?: string\n  viewDocumentLabel: string\n  headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n}\n\nexport function DocumentViewer({\n  url,\n  title,\n  downloadInstructions,\n  viewDocumentLabel,\n  headingLevel: HeadingLevel = 'h3',\n}: DocumentViewerProps) {\n  const Components = useComponentContext()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const matches = useContainerBreakpoints({\n    ref: containerRef,\n  })\n\n  const isContainerWidthSmallOrGreater = matches.includes('small')\n\n  if (!url) return null\n\n  const commonEmbeddedPdfProps = {\n    src: `${url}#toolbar=0&navpanes=0`,\n    title,\n    type: 'application/pdf',\n  }\n\n  return (\n    <div className={styles.container} ref={containerRef}>\n      {isContainerWidthSmallOrGreater ? (\n        <embed {...commonEmbeddedPdfProps} className={styles.embedPdf} />\n      ) : (\n        <div className={styles.smallEmbedPdfContainer}>\n          <Flex gap={20}>\n            <embed {...commonEmbeddedPdfProps} className={styles.smallEmbedPdf} />\n            <Flex flexDirection=\"column\" gap={8}>\n              <div>\n                {title && <HeadingLevel className={styles.heading}>{title}</HeadingLevel>}\n                {downloadInstructions && (\n                  <Components.Text className={styles.downloadInstructions}>\n                    {downloadInstructions}\n                  </Components.Text>\n                )}\n              </div>\n              <Components.Link\n                className=\"react-aria-Button\"\n                data-variant=\"secondary\"\n                href={url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                download={`${title || 'document'}.pdf`}\n              >\n                {viewDocumentLabel}\n              </Components.Link>\n            </Flex>\n          </Flex>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["DocumentViewer","url","title","downloadInstructions","viewDocumentLabel","HeadingLevel","Components","useComponentContext","containerRef","useRef","isContainerWidthSmallOrGreater","useContainerBreakpoints","commonEmbeddedPdfProps","jsx","styles","jsxs","Flex"],"mappings":";;;;;;AAaO,SAASA,EAAe;AAAA,EAC7B,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAcC,IAAe;AAC/B,GAAwB;AACtB,QAAMC,IAAaC,EAAA,GACbC,IAAeC,EAAuB,IAAI,GAK1CC,IAJUC,EAAwB;AAAA,IACtC,KAAKH;AAAA,EAAA,CACN,EAE8C,SAAS,OAAO;AAE/D,MAAI,CAACP,EAAK,QAAO;AAEjB,QAAMW,IAAyB;AAAA,IAC7B,KAAK,GAAGX,CAAG;AAAA,IACX,OAAAC;AAAA,IACA,MAAM;AAAA,EAAA;AAGR,SACE,gBAAAW,EAAC,OAAA,EAAI,WAAWC,EAAO,WAAW,KAAKN,GACpC,UAAAE,IACC,gBAAAG,EAAC,SAAA,EAAO,GAAGD,GAAwB,WAAWE,EAAO,SAAA,CAAU,IAE/D,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,wBACrB,UAAA,gBAAAC,EAACC,GAAA,EAAK,KAAK,IACT,UAAA;AAAA,IAAA,gBAAAH,EAAC,SAAA,EAAO,GAAGD,GAAwB,WAAWE,EAAO,eAAe;AAAA,IACpE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EACE,UAAA;AAAA,QAAAb,KAAS,gBAAAW,EAACR,GAAA,EAAa,WAAWS,EAAO,SAAU,UAAAZ,GAAM;AAAA,QACzDC,uBACEG,EAAW,MAAX,EAAgB,WAAWQ,EAAO,sBAChC,UAAAX,EAAA,CACH;AAAA,MAAA,GAEJ;AAAA,MACA,gBAAAU;AAAA,QAACP,EAAW;AAAA,QAAX;AAAA,UACC,WAAU;AAAA,UACV,gBAAa;AAAA,UACb,MAAML;AAAA,UACN,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,UAAU,GAAGC,KAAS,UAAU;AAAA,UAE/B,UAAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GAEJ;AAEJ;"}
+{"version":3,"file":"DocumentViewer.js","sources":["../../../../src/components/Common/DocumentViewer/DocumentViewer.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { Flex } from '../Flex/Flex'\nimport styles from './DocumentViewer.module.scss'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\ninterface DocumentViewerProps {\n  url?: string | null\n  title?: string\n  downloadInstructions?: string\n  viewDocumentLabel: string\n  headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n}\n\nexport function DocumentViewer({\n  url,\n  title,\n  downloadInstructions,\n  viewDocumentLabel,\n  headingLevel = 'h3',\n}: DocumentViewerProps) {\n  const Components = useComponentContext()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const matches = useContainerBreakpoints({\n    ref: containerRef,\n  })\n\n  const isContainerWidthSmallOrGreater = matches.includes('small')\n\n  if (!url) return null\n\n  const commonEmbeddedPdfProps = {\n    src: `${url}#toolbar=0&navpanes=0`,\n    title,\n    type: 'application/pdf',\n  }\n\n  return (\n    <div className={styles.container} ref={containerRef}>\n      {isContainerWidthSmallOrGreater ? (\n        <embed {...commonEmbeddedPdfProps} className={styles.embedPdf} />\n      ) : (\n        <div className={styles.smallEmbedPdfContainer}>\n          <Flex gap={20}>\n            <embed {...commonEmbeddedPdfProps} className={styles.smallEmbedPdf} />\n            <Flex flexDirection=\"column\" gap={8}>\n              <div>\n                {title && (\n                  <Components.Heading as={headingLevel} className={styles.heading}>\n                    {title}\n                  </Components.Heading>\n                )}\n                {downloadInstructions && (\n                  <Components.Text className={styles.downloadInstructions}>\n                    {downloadInstructions}\n                  </Components.Text>\n                )}\n              </div>\n              <Components.Link\n                className=\"react-aria-Button\"\n                data-variant=\"secondary\"\n                href={url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                download={`${title || 'document'}.pdf`}\n              >\n                {viewDocumentLabel}\n              </Components.Link>\n            </Flex>\n          </Flex>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["DocumentViewer","url","title","downloadInstructions","viewDocumentLabel","headingLevel","Components","useComponentContext","containerRef","useRef","isContainerWidthSmallOrGreater","useContainerBreakpoints","commonEmbeddedPdfProps","jsx","styles","jsxs","Flex"],"mappings":";;;;;;AAaO,SAASA,EAAe;AAAA,EAC7B,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC,IAAe;AACjB,GAAwB;AACtB,QAAMC,IAAaC,EAAA,GACbC,IAAeC,EAAuB,IAAI,GAK1CC,IAJUC,EAAwB;AAAA,IACtC,KAAKH;AAAA,EAAA,CACN,EAE8C,SAAS,OAAO;AAE/D,MAAI,CAACP,EAAK,QAAO;AAEjB,QAAMW,IAAyB;AAAA,IAC7B,KAAK,GAAGX,CAAG;AAAA,IACX,OAAAC;AAAA,IACA,MAAM;AAAA,EAAA;AAGR,SACE,gBAAAW,EAAC,OAAA,EAAI,WAAWC,EAAO,WAAW,KAAKN,GACpC,UAAAE,IACC,gBAAAG,EAAC,SAAA,EAAO,GAAGD,GAAwB,WAAWE,EAAO,SAAA,CAAU,IAE/D,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,wBACrB,UAAA,gBAAAC,EAACC,GAAA,EAAK,KAAK,IACT,UAAA;AAAA,IAAA,gBAAAH,EAAC,SAAA,EAAO,GAAGD,GAAwB,WAAWE,EAAO,eAAe;AAAA,IACpE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EACE,UAAA;AAAA,QAAAb,KACC,gBAAAW,EAACP,EAAW,SAAX,EAAmB,IAAID,GAAc,WAAWS,EAAO,SACrD,UAAAZ,EAAA,CACH;AAAA,QAEDC,uBACEG,EAAW,MAAX,EAAgB,WAAWQ,EAAO,sBAChC,UAAAX,EAAA,CACH;AAAA,MAAA,GAEJ;AAAA,MACA,gBAAAU;AAAA,QAACP,EAAW;AAAA,QAAX;AAAA,UACC,WAAU;AAAA,UACV,gBAAa;AAAA,UACb,MAAML;AAAA,UACN,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,UAAU,GAAGC,KAAS,UAAU;AAAA,UAE/B,UAAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GAEJ;AAEJ;"}

package/dist/components/Common/Fields/RadioGroupField/RadioGroupField.d.ts

@@ -2,7 +2,7 @@ import { UseFieldProps } from '../hooks/useField';
 import { RadioGroupProps, RadioGroupOption } from '../../UI/RadioGroup/RadioGroupTypes';
 import { OptionWithGenericValue } from '../hooks/useStringifyGenericFieldValue';
 type GenericRadioGroupOption<TValue> = OptionWithGenericValue<TValue, RadioGroupOption>;
-export interface RadioGroupFieldProps<TValue> extends Omit<RadioGroupProps, 'value' | 'onChange' | 'options' | 'isInvalid'>, UseFieldProps<TValue> {
+export interface RadioGroupFieldProps<TValue> extends Omit<RadioGroupProps, 'value' | 'onChange' | 'options' | 'isInvalid' | 'defaultValue'>, UseFieldProps<TValue> {
     options: GenericRadioGroupOption<TValue>[];
     convertValueToString?: (value: TValue) => string;
 }

package/dist/components/Common/Fields/RadioGroupField/RadioGroupField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupField.js","sources":["../../../../../src/components/Common/Fields/RadioGroupField/RadioGroupField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type {\n  RadioGroupProps,\n  RadioGroupOption,\n} from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericRadioGroupOption<TValue> = OptionWithGenericValue<TValue, RadioGroupOption>\n\nexport interface RadioGroupFieldProps<TValue>\n  extends Omit<RadioGroupProps, 'value' | 'onChange' | 'options' | 'isInvalid'>,\n    UseFieldProps<TValue> {\n  options: GenericRadioGroupOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const RadioGroupField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  description,\n  onBlur,\n  inputRef,\n  ...radioGroupProps\n}: RadioGroupFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, RadioGroupOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.RadioGroup {...radioGroupProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["RadioGroupField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","description","onBlur","inputRef","radioGroupProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","jsx"],"mappings":";;;;AAoBO,MAAMA,IAAkB,CAAmB;AAAA,EAChD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAoC;AAClC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAhB;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAG;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKQ,IAAmBC,EAAwD;AAAA,IAC/E,SAAAb;AAAA,IACA,OAAAQ;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAR;AAAA,EAAA,CACD;AAED,SAAO,gBAAAa,EAACR,EAAW,YAAX,EAAuB,GAAGD,GAAkB,GAAGK,GAAa,GAAGE,GAAkB;AAC3F;"}
+{"version":3,"file":"RadioGroupField.js","sources":["../../../../../src/components/Common/Fields/RadioGroupField/RadioGroupField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type {\n  RadioGroupProps,\n  RadioGroupOption,\n} from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericRadioGroupOption<TValue> = OptionWithGenericValue<TValue, RadioGroupOption>\n\nexport interface RadioGroupFieldProps<TValue>\n  extends Omit<RadioGroupProps, 'value' | 'onChange' | 'options' | 'isInvalid' | 'defaultValue'>,\n    UseFieldProps<TValue> {\n  options: GenericRadioGroupOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const RadioGroupField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  description,\n  onBlur,\n  inputRef,\n  ...radioGroupProps\n}: RadioGroupFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, RadioGroupOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.RadioGroup {...radioGroupProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["RadioGroupField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","description","onBlur","inputRef","radioGroupProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","jsx"],"mappings":";;;;AAoBO,MAAMA,IAAkB,CAAmB;AAAA,EAChD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAoC;AAClC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAhB;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAG;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKQ,IAAmBC,EAAwD;AAAA,IAC/E,SAAAb;AAAA,IACA,OAAAQ;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAR;AAAA,EAAA,CACD;AAED,SAAO,gBAAAa,EAACR,EAAW,YAAX,EAAuB,GAAGD,GAAkB,GAAGK,GAAa,GAAGE,GAAkB;AAC3F;"}

package/dist/components/Common/SignatureForm/SignatureForm.js

@@ -5,8 +5,8 @@ import { zodResolver as l } from "@hookform/resolvers/zod";
 import t from "./SignatureForm.module.scss.js";
 import { Form as u } from "../Form/Form.js";
 import { Flex as c } from "../Flex/Flex.js";
-import "react-i18next";
 import "classnames";
+import "../../../shared/constants.js";
 const f = o.object({
   signature: o.string().min(1),
   confirmSignature: o.literal(!0)

package/dist/components/Common/SignatureForm/SignatureFormActions.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import "react-i18next";
 import "classnames";
+import "../../../shared/constants.js";
 import { ActionsLayout as s } from "../ActionsLayout/ActionsLayout.js";
 import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 function d({

package/dist/components/Common/SignatureForm/SignatureFormFields.js

@@ -1,6 +1,6 @@
 import { jsxs as n, Fragment as s, jsx as e } from "react/jsx-runtime";
-import "react-i18next";
 import "classnames";
+import "../../../shared/constants.js";
 import { TextInputField as a } from "../Fields/TextInputField/TextInputField.js";
 import { CheckboxField as u } from "../Fields/CheckboxField/CheckboxField.js";
 function f({

package/dist/components/Common/UI/RadioGroup/RadioGroup.js

@@ -1,15 +1,15 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useContext as D, useRef as y } from "react";
-import G from "classnames";
-import { RadioGroup as x, RadioGroupStateContext as N } from "react-aria-components";
+import { useContext as y, useRef as G } from "react";
+import x from "classnames";
+import { RadioGroup as V, RadioGroupStateContext as N } from "react-aria-components";
 import { useRadio as P } from "react-aria";
 import { Radio as S } from "../Radio/Radio.js";
-import V from "./RadioGroup.module.scss.js";
-import { RadioGroupDefaults as A } from "./RadioGroupTypes.js";
-import { applyMissingDefaults as F } from "../../../../helpers/applyMissingDefaults.js";
-import { Fieldset as H } from "../../Fieldset/Fieldset.js";
-import { useForkRef as I } from "../../../../hooks/useForkRef/useForkRef.js";
-function L({
+import A from "./RadioGroup.module.scss.js";
+import { RadioGroupDefaults as F } from "./RadioGroupTypes.js";
+import { applyMissingDefaults as H } from "../../../../helpers/applyMissingDefaults.js";
+import { Fieldset as I } from "../../Fieldset/Fieldset.js";
+import { useForkRef as L } from "../../../../hooks/useForkRef/useForkRef.js";
+function M({
   label: o,
   description: e,
   value: a,
@@ -17,7 +17,7 @@ function L({
   inputRef: n,
   ...t
 }) {
-  const s = y(null), l = I(n, s), { inputProps: d, isSelected: p, isDisabled: u } = P(
+  const s = G(null), l = L(n, s), { inputProps: d, isSelected: p, isDisabled: u } = P(
     {
       ...t,
       value: a,
@@ -44,12 +44,12 @@ function L({
     }
   );
 }
-function M(o) {
-  const e = D(N);
-  return e ? /* @__PURE__ */ i(L, { groupState: e, ...o }) : null;
+function j(o) {
+  const e = y(N);
+  return e ? /* @__PURE__ */ i(M, { groupState: e, ...o }) : null;
 }
-function O(o) {
-  const e = F(o, A), {
+function Q(o) {
+  const e = H(o, F), {
     label: a,
     description: r,
     errorMessage: n,
@@ -59,39 +59,41 @@ function O(o) {
     options: d,
     shouldVisuallyHideLabel: p,
     value: u,
-    onChange: f,
-    className: m,
-    inputRef: R,
-    ...h
+    defaultValue: f,
+    onChange: m,
+    className: R,
+    inputRef: h,
+    ...b
   } = e;
   return /* @__PURE__ */ i(
-    H,
+    I,
     {
       legend: a,
       description: r,
       errorMessage: n,
       isRequired: t,
       shouldVisuallyHideLegend: p,
-      className: G(V.root, m),
-      ...h,
+      className: x(A.root, R),
+      ...b,
       children: /* @__PURE__ */ i(
-        x,
+        V,
         {
           isInvalid: s,
           isRequired: t,
           validationBehavior: "aria",
           value: u,
-          onChange: f,
+          defaultValue: f,
+          onChange: m,
           isDisabled: l,
           "aria-labelledby": " ",
-          children: d.map(({ value: c, label: b, isDisabled: g, description: v }, C) => /* @__PURE__ */ i(
-            M,
+          children: d.map(({ value: c, label: g, isDisabled: v, description: C }, D) => /* @__PURE__ */ i(
+            j,
             {
-              isDisabled: g,
+              isDisabled: v,
               value: c,
-              description: v,
-              label: b,
-              inputRef: C === 0 ? R : void 0
+              description: C,
+              label: g,
+              inputRef: D === 0 ? h : void 0
             },
             c
           ))
@@ -101,6 +103,6 @@ function O(o) {
   );
 }
 export {
-  O as RadioGroup
+  Q as RadioGroup
 };
 //# sourceMappingURL=RadioGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../../src/components/Common/UI/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { useContext, useRef } from 'react'\nimport type { Ref } from 'react'\nimport classNames from 'classnames'\nimport {\n  RadioGroup as AriaRadioGroup,\n  RadioGroupStateContext,\n  type RadioGroupRenderProps,\n} from 'react-aria-components'\nimport { useRadio } from 'react-aria'\nimport type { AriaRadioProps } from 'react-aria'\nimport type React from 'react'\nimport { Radio } from '../Radio'\nimport styles from './RadioGroup.module.scss'\nimport type { RadioGroupProps } from './RadioGroupTypes'\nimport { RadioGroupDefaults } from './RadioGroupTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { Fieldset } from '@/components/Common/Fieldset'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\n\n// Radio implementation specific to React Aria to get our radio to connect\n// to their RadioGroup component\ninterface ReactAriaRadioProps extends Omit<AriaRadioProps, 'value'> {\n  label: React.ReactNode\n  description?: React.ReactNode\n  value: string\n  groupState: RadioGroupRenderProps['state']\n  inputRef?: Ref<HTMLInputElement>\n}\n\nfunction ReactAriaRadio({\n  label,\n  description,\n  value,\n  groupState,\n  inputRef: inputRefFromProps,\n  ...props\n}: ReactAriaRadioProps) {\n  const inputRef = useRef<HTMLInputElement>(null)\n  const handleInputRef = useForkRef(inputRefFromProps, inputRef)\n\n  const { inputProps, isSelected, isDisabled } = useRadio(\n    {\n      ...props,\n      value,\n      // Hack to suppress aria-label warning from React Aria. We don't actually\n      // use children for the mapping of our radio to React Aria and we already\n      // configure a label for our radios.\n      children: ' ',\n    },\n    groupState,\n    inputRef,\n  )\n\n  const handleChange = (checked: boolean) => {\n    if (checked) {\n      groupState.setSelectedValue(value)\n    }\n  }\n\n  return (\n    <Radio\n      label={label}\n      inputRef={handleInputRef}\n      isDisabled={isDisabled}\n      description={description}\n      onChange={handleChange}\n      value={isSelected}\n      name={inputProps.name}\n    />\n  )\n}\n\nfunction ReactAriaRadioWrapper(props: Omit<ReactAriaRadioProps, 'groupState'>) {\n  const groupState = useContext(RadioGroupStateContext)\n  // We can't render hooks conditionally so we have to use useRadio above but\n  // groupState is only defined if the component is rendered within a RadioGroup\n  // This wrapper component gets around that by checking if groupState is defined which\n  // should always be the case for us since this component is only used within a RadioGroup\n  return groupState ? <ReactAriaRadio groupState={groupState} {...props} /> : null\n}\n\nexport function RadioGroup(rawProps: RadioGroupProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, RadioGroupDefaults)\n  const {\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    isInvalid,\n    isDisabled,\n    options,\n    shouldVisuallyHideLabel,\n    value,\n    onChange,\n    className,\n    inputRef,\n    ...otherProps\n  } = resolvedProps\n  return (\n    <Fieldset\n      legend={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      shouldVisuallyHideLegend={shouldVisuallyHideLabel}\n      className={classNames(styles.root, className)}\n      {...otherProps}\n    >\n      <AriaRadioGroup\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        validationBehavior=\"aria\"\n        value={value}\n        onChange={onChange}\n        isDisabled={isDisabled}\n        aria-labelledby=\" \"\n      >\n        {options.map(({ value, label, isDisabled, description }, index) => (\n          <ReactAriaRadioWrapper\n            isDisabled={isDisabled}\n            key={value}\n            value={value}\n            description={description}\n            label={label}\n            inputRef={index === 0 ? inputRef : undefined}\n          />\n        ))}\n      </AriaRadioGroup>\n    </Fieldset>\n  )\n}\n"],"names":["ReactAriaRadio","label","description","value","groupState","inputRefFromProps","props","inputRef","useRef","handleInputRef","useForkRef","inputProps","isSelected","isDisabled","useRadio","jsx","Radio","checked","ReactAriaRadioWrapper","useContext","RadioGroupStateContext","RadioGroup","rawProps","resolvedProps","applyMissingDefaults","RadioGroupDefaults","errorMessage","isRequired","isInvalid","options","shouldVisuallyHideLabel","onChange","className","otherProps","Fieldset","classNames","styles","AriaRadioGroup","index"],"mappings":";;;;;;;;;;;AA6BA,SAASA,EAAe;AAAA,EACtB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,GAAGC;AACL,GAAwB;AACtB,QAAMC,IAAWC,EAAyB,IAAI,GACxCC,IAAiBC,EAAWL,GAAmBE,CAAQ,GAEvD,EAAE,YAAAI,GAAY,YAAAC,GAAY,YAAAC,EAAA,IAAeC;AAAA,IAC7C;AAAA,MACE,GAAGR;AAAA,MACH,OAAAH;AAAA;AAAA;AAAA;AAAA,MAIA,UAAU;AAAA,IAAA;AAAA,IAEZC;AAAA,IACAG;AAAA,EAAA;AASF,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAf;AAAA,MACA,UAAUQ;AAAA,MACV,YAAAI;AAAA,MACA,aAAAX;AAAA,MACA,UAZiB,CAACe,MAAqB;AACzC,QAAIA,KACFb,EAAW,iBAAiBD,CAAK;AAAA,MAErC;AAAA,MASI,OAAOS;AAAA,MACP,MAAMD,EAAW;AAAA,IAAA;AAAA,EAAA;AAGvB;AAEA,SAASO,EAAsBZ,GAAgD;AAC7E,QAAMF,IAAae,EAAWC,CAAsB;AAKpD,SAAOhB,IAAa,gBAAAW,EAACf,GAAA,EAAe,YAAAI,GAAyB,GAAGE,GAAO,IAAK;AAC9E;AAEO,SAASe,EAAWC,GAA2B;AACpD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAkB,GACjE;AAAA,IACJ,OAAAxB;AAAA,IACA,aAAAC;AAAA,IACA,cAAAwB;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAf;AAAA,IACA,SAAAgB;AAAA,IACA,yBAAAC;AAAA,IACA,OAAA3B;AAAA,IACA,UAAA4B;AAAA,IACA,WAAAC;AAAA,IACA,UAAAzB;AAAA,IACA,GAAG0B;AAAA,EAAA,IACDV;AACJ,SACE,gBAAAR;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,QAAQjC;AAAA,MACR,aAAAC;AAAA,MACA,cAAAwB;AAAA,MACA,YAAAC;AAAA,MACA,0BAA0BG;AAAA,MAC1B,WAAWK,EAAWC,EAAO,MAAMJ,CAAS;AAAA,MAC3C,GAAGC;AAAA,MAEJ,UAAA,gBAAAlB;AAAA,QAACsB;AAAAA,QAAA;AAAA,UACC,WAAAT;AAAA,UACA,YAAAD;AAAA,UACA,oBAAmB;AAAA,UACnB,OAAAxB;AAAA,UACA,UAAA4B;AAAA,UACA,YAAAlB;AAAA,UACA,mBAAgB;AAAA,UAEf,UAAAgB,EAAQ,IAAI,CAAC,EAAE,OAAA1B,GAAO,OAAAF,GAAO,YAAAY,GAAY,aAAAX,EAAAA,GAAeoC,MACvD,gBAAAvB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,YAAYL;AAAAA,cAEZ,OAAOV;AAAAA,cACP,aAAaD;AAAAA,cACb,OAAOD;AAAAA,cACP,UAAUqC,MAAU,IAAI/B,IAAW;AAAA,YAAA;AAAA,YAJ9BJ;AAAAA,UAAA,CAMR;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../../../src/components/Common/UI/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { useContext, useRef } from 'react'\nimport type { Ref } from 'react'\nimport classNames from 'classnames'\nimport {\n  RadioGroup as AriaRadioGroup,\n  RadioGroupStateContext,\n  type RadioGroupRenderProps,\n} from 'react-aria-components'\nimport { useRadio } from 'react-aria'\nimport type { AriaRadioProps } from 'react-aria'\nimport type React from 'react'\nimport { Radio } from '../Radio'\nimport styles from './RadioGroup.module.scss'\nimport type { RadioGroupProps } from './RadioGroupTypes'\nimport { RadioGroupDefaults } from './RadioGroupTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { Fieldset } from '@/components/Common/Fieldset'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\n\n// Radio implementation specific to React Aria to get our radio to connect\n// to their RadioGroup component\ninterface ReactAriaRadioProps extends Omit<AriaRadioProps, 'value'> {\n  label: React.ReactNode\n  description?: React.ReactNode\n  value: string\n  groupState: RadioGroupRenderProps['state']\n  inputRef?: Ref<HTMLInputElement>\n}\n\nfunction ReactAriaRadio({\n  label,\n  description,\n  value,\n  groupState,\n  inputRef: inputRefFromProps,\n  ...props\n}: ReactAriaRadioProps) {\n  const inputRef = useRef<HTMLInputElement>(null)\n  const handleInputRef = useForkRef(inputRefFromProps, inputRef)\n\n  const { inputProps, isSelected, isDisabled } = useRadio(\n    {\n      ...props,\n      value,\n      // Hack to suppress aria-label warning from React Aria. We don't actually\n      // use children for the mapping of our radio to React Aria and we already\n      // configure a label for our radios.\n      children: ' ',\n    },\n    groupState,\n    inputRef,\n  )\n\n  const handleChange = (checked: boolean) => {\n    if (checked) {\n      groupState.setSelectedValue(value)\n    }\n  }\n\n  return (\n    <Radio\n      label={label}\n      inputRef={handleInputRef}\n      isDisabled={isDisabled}\n      description={description}\n      onChange={handleChange}\n      value={isSelected}\n      name={inputProps.name}\n    />\n  )\n}\n\nfunction ReactAriaRadioWrapper(props: Omit<ReactAriaRadioProps, 'groupState'>) {\n  const groupState = useContext(RadioGroupStateContext)\n  // We can't render hooks conditionally so we have to use useRadio above but\n  // groupState is only defined if the component is rendered within a RadioGroup\n  // This wrapper component gets around that by checking if groupState is defined which\n  // should always be the case for us since this component is only used within a RadioGroup\n  return groupState ? <ReactAriaRadio groupState={groupState} {...props} /> : null\n}\n\nexport function RadioGroup(rawProps: RadioGroupProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, RadioGroupDefaults)\n  const {\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    isInvalid,\n    isDisabled,\n    options,\n    shouldVisuallyHideLabel,\n    value,\n    defaultValue,\n    onChange,\n    className,\n    inputRef,\n    ...otherProps\n  } = resolvedProps\n  return (\n    <Fieldset\n      legend={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      shouldVisuallyHideLegend={shouldVisuallyHideLabel}\n      className={classNames(styles.root, className)}\n      {...otherProps}\n    >\n      <AriaRadioGroup\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        validationBehavior=\"aria\"\n        value={value}\n        defaultValue={defaultValue}\n        onChange={onChange}\n        isDisabled={isDisabled}\n        aria-labelledby=\" \"\n      >\n        {options.map(({ value, label, isDisabled, description }, index) => (\n          <ReactAriaRadioWrapper\n            isDisabled={isDisabled}\n            key={value}\n            value={value}\n            description={description}\n            label={label}\n            inputRef={index === 0 ? inputRef : undefined}\n          />\n        ))}\n      </AriaRadioGroup>\n    </Fieldset>\n  )\n}\n"],"names":["ReactAriaRadio","label","description","value","groupState","inputRefFromProps","props","inputRef","useRef","handleInputRef","useForkRef","inputProps","isSelected","isDisabled","useRadio","jsx","Radio","checked","ReactAriaRadioWrapper","useContext","RadioGroupStateContext","RadioGroup","rawProps","resolvedProps","applyMissingDefaults","RadioGroupDefaults","errorMessage","isRequired","isInvalid","options","shouldVisuallyHideLabel","defaultValue","onChange","className","otherProps","Fieldset","classNames","styles","AriaRadioGroup","index"],"mappings":";;;;;;;;;;;AA6BA,SAASA,EAAe;AAAA,EACtB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,GAAGC;AACL,GAAwB;AACtB,QAAMC,IAAWC,EAAyB,IAAI,GACxCC,IAAiBC,EAAWL,GAAmBE,CAAQ,GAEvD,EAAE,YAAAI,GAAY,YAAAC,GAAY,YAAAC,EAAA,IAAeC;AAAA,IAC7C;AAAA,MACE,GAAGR;AAAA,MACH,OAAAH;AAAA;AAAA;AAAA;AAAA,MAIA,UAAU;AAAA,IAAA;AAAA,IAEZC;AAAA,IACAG;AAAA,EAAA;AASF,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAf;AAAA,MACA,UAAUQ;AAAA,MACV,YAAAI;AAAA,MACA,aAAAX;AAAA,MACA,UAZiB,CAACe,MAAqB;AACzC,QAAIA,KACFb,EAAW,iBAAiBD,CAAK;AAAA,MAErC;AAAA,MASI,OAAOS;AAAA,MACP,MAAMD,EAAW;AAAA,IAAA;AAAA,EAAA;AAGvB;AAEA,SAASO,EAAsBZ,GAAgD;AAC7E,QAAMF,IAAae,EAAWC,CAAsB;AAKpD,SAAOhB,IAAa,gBAAAW,EAACf,GAAA,EAAe,YAAAI,GAAyB,GAAGE,GAAO,IAAK;AAC9E;AAEO,SAASe,EAAWC,GAA2B;AACpD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAkB,GACjE;AAAA,IACJ,OAAAxB;AAAA,IACA,aAAAC;AAAA,IACA,cAAAwB;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAf;AAAA,IACA,SAAAgB;AAAA,IACA,yBAAAC;AAAA,IACA,OAAA3B;AAAA,IACA,cAAA4B;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAA1B;AAAA,IACA,GAAG2B;AAAA,EAAA,IACDX;AACJ,SACE,gBAAAR;AAAA,IAACoB;AAAA,IAAA;AAAA,MACC,QAAQlC;AAAA,MACR,aAAAC;AAAA,MACA,cAAAwB;AAAA,MACA,YAAAC;AAAA,MACA,0BAA0BG;AAAA,MAC1B,WAAWM,EAAWC,EAAO,MAAMJ,CAAS;AAAA,MAC3C,GAAGC;AAAA,MAEJ,UAAA,gBAAAnB;AAAA,QAACuB;AAAAA,QAAA;AAAA,UACC,WAAAV;AAAA,UACA,YAAAD;AAAA,UACA,oBAAmB;AAAA,UACnB,OAAAxB;AAAA,UACA,cAAA4B;AAAA,UACA,UAAAC;AAAA,UACA,YAAAnB;AAAA,UACA,mBAAgB;AAAA,UAEf,UAAAgB,EAAQ,IAAI,CAAC,EAAE,OAAA1B,GAAO,OAAAF,GAAO,YAAAY,GAAY,aAAAX,EAAAA,GAAeqC,MACvD,gBAAAxB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,YAAYL;AAAAA,cAEZ,OAAOV;AAAAA,cACP,aAAaD;AAAAA,cACb,OAAOD;AAAAA,cACP,UAAUsC,MAAU,IAAIhC,IAAW;AAAA,YAAA;AAAA,YAJ9BJ;AAAAA,UAAA,CAMR;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}

package/dist/components/Common/UI/RadioGroup/RadioGroupTypes.d.ts

@@ -35,6 +35,10 @@ export interface RadioGroupProps extends SharedFieldLayoutProps, Pick<FieldsetHT
      * Currently selected value
      */
     value?: string;
+    /**
+     * Initially selected value
+     */
+    defaultValue?: string;
     /**
      * Callback when selection changes
      */

package/dist/components/Common/UI/RadioGroup/RadioGroupTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupTypes.js","sources":["../../../../../src/components/Common/UI/RadioGroup/RadioGroupTypes.ts"],"sourcesContent":["import type { FieldsetHTMLAttributes, Ref } from 'react'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\nexport interface RadioGroupOption {\n  /**\n   * Label text or content for the radio 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 radio option\n   */\n  isDisabled?: boolean\n  /**\n   * Optional description text for the radio option\n   */\n  description?: React.ReactNode\n}\n\nexport interface RadioGroupProps\n  extends SharedFieldLayoutProps,\n    Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'className'> {\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables all radio options in the group\n   */\n  isDisabled?: boolean\n  /**\n   * Array of radio options to display\n   */\n  options: Array<RadioGroupOption>\n  /**\n   * Currently selected value\n   */\n  value?: string\n  /**\n   * Callback when selection changes\n   */\n  onChange?: (value: string) => void\n  /**\n   * React ref for the first radio input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n}\n\n/**\n * Default prop values for RadioGroup component.\n */\nexport const RadioGroupDefaults = {\n  isRequired: false,\n  isInvalid: false,\n  isDisabled: false,\n  shouldVisuallyHideLabel: false,\n} as const satisfies Partial<RadioGroupProps>\n"],"names":["RadioGroupDefaults"],"mappings":"AAsDO,MAAMA,IAAqB;AAAA,EAChC,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,yBAAyB;AAC3B;"}
+{"version":3,"file":"RadioGroupTypes.js","sources":["../../../../../src/components/Common/UI/RadioGroup/RadioGroupTypes.ts"],"sourcesContent":["import type { FieldsetHTMLAttributes, Ref } from 'react'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\nexport interface RadioGroupOption {\n  /**\n   * Label text or content for the radio 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 radio option\n   */\n  isDisabled?: boolean\n  /**\n   * Optional description text for the radio option\n   */\n  description?: React.ReactNode\n}\n\nexport interface RadioGroupProps\n  extends SharedFieldLayoutProps,\n    Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'className'> {\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables all radio options in the group\n   */\n  isDisabled?: boolean\n  /**\n   * Array of radio options to display\n   */\n  options: Array<RadioGroupOption>\n  /**\n   * Currently selected value\n   */\n  value?: string\n  /**\n   * Initially selected value\n   */\n  defaultValue?: string\n  /**\n   * Callback when selection changes\n   */\n  onChange?: (value: string) => void\n  /**\n   * React ref for the first radio input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n}\n\n/**\n * Default prop values for RadioGroup component.\n */\nexport const RadioGroupDefaults = {\n  isRequired: false,\n  isInvalid: false,\n  isDisabled: false,\n  shouldVisuallyHideLabel: false,\n} as const satisfies Partial<RadioGroupProps>\n"],"names":["RadioGroupDefaults"],"mappings":"AA0DO,MAAMA,IAAqB;AAAA,EAChC,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,yBAAyB;AAC3B;"}

package/dist/components/Common/UI/Table/Table.js

@@ -1,20 +1,29 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { Table as b, TableHeader as y, Row as t, Column as T, TableBody as u, Cell as l } from "react-aria-components";
-import g from "classnames";
-import { TableDefaults as k } from "./TableTypes.js";
-import v from "./Table.module.scss.js";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { Table as y, TableHeader as T, Row as t, Column as v, TableBody as k, Cell as s } from "react-aria-components";
+import x from "classnames";
+import { Text as i } from "../Text/Text.js";
+import { TableDefaults as z } from "./TableTypes.js";
+import C from "./Table.module.scss.js";
 import { applyMissingDefaults as N } from "../../../../helpers/applyMissingDefaults.js";
-function R(m) {
-  const d = N(m, k), { className: p, headers: n, rows: s, footer: o, emptyState: i, variant: h, ...f } = d;
-  return /* @__PURE__ */ e("div", { className: v.root, "data-variant": h, children: /* @__PURE__ */ c(b, { ...f, className: g("react-aria-Table", p), children: [
-    /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(t, { children: n.map((a, r) => /* @__PURE__ */ e(T, { isRowHeader: r === 0, children: a.content }, a.key)) }) }),
-    /* @__PURE__ */ c(u, { children: [
-      s.length === 0 && i ? /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(l, { colSpan: n.length, children: i }) }) : s.map((a) => /* @__PURE__ */ e(t, { children: a.data.map((r) => /* @__PURE__ */ e(l, { children: r.content }, r.key)) }, a.key)),
-      o && o.length > 0 && /* @__PURE__ */ e(t, { "data-footer": "true", children: o.map((a) => /* @__PURE__ */ e(l, { children: a.content }, a.key)) }, "table-footer")
+function M(p) {
+  const h = N(p, z), { className: f, headers: l, rows: o, footer: n, emptyState: c, variant: g, hasCheckboxColumn: b, ...u } = h;
+  return /* @__PURE__ */ e("div", { className: C.root, "data-variant": g, children: /* @__PURE__ */ m(y, { ...u, className: x("react-aria-Table", f), children: [
+    /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(t, { children: l.map((a, r) => /* @__PURE__ */ e(v, { isRowHeader: r === 0, children: /* @__PURE__ */ e(i, { as: "span", weight: "semibold", size: "xs", children: a.content }) }, a.key)) }) }),
+    /* @__PURE__ */ m(k, { children: [
+      o.length === 0 && c ? /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(s, { colSpan: l.length, children: c }) }) : o.map((a) => /* @__PURE__ */ e(t, { children: a.data.map((r, d) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
+        i,
+        {
+          as: "span",
+          variant: b ? d === 1 ? "leading" : "supporting" : d === 0 ? "leading" : "supporting",
+          size: "xs",
+          children: r.content
+        }
+      ) }, r.key)) }, a.key)),
+      n && n.length > 0 && /* @__PURE__ */ e(t, { "data-footer": "true", children: n.length === 1 && n[0] ? /* @__PURE__ */ e(s, { colSpan: l.length, children: /* @__PURE__ */ e(i, { as: "span", variant: "leading", size: "sm", children: n[0].content }) }, n[0].key) : n.map((a) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(i, { as: "span", variant: "leading", size: "sm", children: a.content }) }, a.key)) }, "table-footer")
     ] })
   ] }) });
 }
 export {
-  R as Table
+  M as Table
 };
 //# sourceMappingURL=Table.js.map