@gusto/embedded-react-sdk 0.46.3 → 0.47.0

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../../src/components/Common/UI/Table/Table.tsx"],"sourcesContent":["import {\n  Table as AriaTable,\n  TableHeader as AriaTableHeader,\n  TableBody as AriaTableBody,\n  Row,\n  Column,\n  Cell,\n} from 'react-aria-components'\nimport classnames from 'classnames'\nimport { Text } from '../Text/Text'\nimport type { TableProps } from './TableTypes'\nimport { TableDefaults } from './TableTypes'\nimport styles from './Table.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport function Table(rawProps: TableProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, TableDefaults)\n  const { className, headers, rows, footer, emptyState, isWithinBox, hasCheckboxColumn, ...props } =\n    resolvedProps\n  return (\n    <div className={styles.root} data-within-box={isWithinBox || undefined}>\n      <AriaTable {...props} className={classnames('react-aria-Table', className)}>\n        <AriaTableHeader>\n          <Row>\n            {headers.map((header, index) => (\n              <Column key={header.key} isRowHeader={index === 0}>\n                <Text as=\"span\" weight=\"semibold\" size=\"xs\">\n                  {header.content}\n                </Text>\n              </Column>\n            ))}\n          </Row>\n        </AriaTableHeader>\n        <AriaTableBody>\n          {rows.length === 0 && emptyState ? (\n            <Row>\n              <Cell colSpan={headers.length}>{emptyState}</Cell>\n            </Row>\n          ) : (\n            rows.map(row => (\n              <Row key={row.key}>\n                {row.data.map((cell, index) => (\n                  <Cell key={cell.key}>\n                    <Text\n                      as=\"span\"\n                      variant={\n                        hasCheckboxColumn\n                          ? index === 1\n                            ? 'leading'\n                            : 'supporting'\n                          : index === 0\n                            ? 'leading'\n                            : 'supporting'\n                      }\n                      size=\"sm\"\n                    >\n                      {cell.content}\n                    </Text>\n                  </Cell>\n                ))}\n              </Row>\n            ))\n          )}\n          {footer && footer.length > 0 && (\n            <Row key=\"table-footer\" data-footer=\"true\">\n              {footer.length === 1 && footer[0] ? (\n                <Cell key={footer[0].key} colSpan={headers.length}>\n                  <Text as=\"span\" variant=\"leading\" size=\"sm\">\n                    {footer[0].content}\n                  </Text>\n                </Cell>\n              ) : (\n                footer.map(cell => (\n                  <Cell key={cell.key}>\n                    <Text as=\"span\" variant=\"leading\" size=\"sm\">\n                      {cell.content}\n                    </Text>\n                  </Cell>\n                ))\n              )}\n            </Row>\n          )}\n        </AriaTableBody>\n      </AriaTable>\n    </div>\n  )\n}\n"],"names":["Table","rawProps","resolvedProps","applyMissingDefaults","TableDefaults","className","headers","rows","footer","emptyState","isWithinBox","hasCheckboxColumn","props","styles","jsxs","AriaTable","classnames","jsx","AriaTableHeader","Row","header","index","Column","Text","AriaTableBody","Cell","row","cell"],"mappings":";;;;;;;AAeO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,YAAAC,GAAY,aAAAC,GAAa,mBAAAC,GAAmB,GAAGC,EAAA,IACvFV;AACF,2BACG,OAAA,EAAI,WAAWW,EAAO,MAAM,mBAAiBH,KAAe,QAC3D,UAAA,gBAAAI,EAACC,GAAA,EAAW,GAAGH,GAAO,WAAWI,EAAW,oBAAoBX,CAAS,GACvE,UAAA;AAAA,IAAA,gBAAAY,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EACE,UAAAb,EAAQ,IAAI,CAACc,GAAQC,MACpB,gBAAAJ,EAACK,GAAA,EAAwB,aAAaD,MAAU,GAC9C,UAAA,gBAAAJ,EAACM,GAAA,EAAK,IAAG,QAAO,QAAO,YAAW,MAAK,MACpC,UAAAH,EAAO,QAAA,CACV,EAAA,GAHWA,EAAO,GAIpB,CACD,EAAA,CACH,GACF;AAAA,sBACCI,GAAA,EACE,UAAA;AAAA,MAAAjB,EAAK,WAAW,KAAKE,IACpB,gBAAAQ,EAACE,GAAA,EACC,4BAACM,GAAA,EAAK,SAASnB,EAAQ,QAAS,UAAAG,EAAA,CAAW,EAAA,CAC7C,IAEAF,EAAK,IAAI,CAAAmB,MACP,gBAAAT,EAACE,GAAA,EACE,UAAAO,EAAI,KAAK,IAAI,CAACC,GAAMN,MACnB,gBAAAJ,EAACQ,GAAA,EACC,UAAA,gBAAAR;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,SACEZ,IACIU,MAAU,IACR,YACA,eACFA,MAAU,IACR,YACA;AAAA,UAER,MAAK;AAAA,UAEJ,UAAAM,EAAK;AAAA,QAAA;AAAA,MAAA,KAdCA,EAAK,GAgBhB,CACD,EAAA,GAnBOD,EAAI,GAoBd,CACD;AAAA,MAEFlB,KAAUA,EAAO,SAAS,KACzB,gBAAAS,EAACE,GAAA,EAAuB,eAAY,QACjC,UAAAX,EAAO,WAAW,KAAKA,EAAO,CAAC,IAC9B,gBAAAS,EAACQ,GAAA,EAAyB,SAASnB,EAAQ,QACzC,UAAA,gBAAAW,EAACM,GAAA,EAAK,IAAG,QAAO,SAAQ,WAAU,MAAK,MACpC,UAAAf,EAAO,CAAC,EAAE,QAAA,CACb,EAAA,GAHSA,EAAO,CAAC,EAAE,GAIrB,IAEAA,EAAO,IAAI,CAAAmB,MACT,gBAAAV,EAACQ,GAAA,EACC,UAAA,gBAAAR,EAACM,GAAA,EAAK,IAAG,QAAO,SAAQ,WAAU,MAAK,MACpC,UAAAI,EAAK,QAAA,CACR,EAAA,GAHSA,EAAK,GAIhB,CACD,EAAA,GAdI,cAgBT;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"Table.js","sources":["../../../../../src/components/Common/UI/Table/Table.tsx"],"sourcesContent":["import {\n  Table as AriaTable,\n  TableHeader as AriaTableHeader,\n  TableBody as AriaTableBody,\n  Row,\n  Column,\n  Cell,\n} from 'react-aria-components'\nimport classnames from 'classnames'\nimport { Text } from '../Text/Text'\nimport type { TableProps } from './TableTypes'\nimport { TableDefaults } from './TableTypes'\nimport styles from './Table.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\n/**\n * Data table with headers, rows, optional footer, and empty state.\n *\n * @param rawProps - Table configuration; see {@link TableProps}.\n * @returns The rendered table.\n * @public\n */\nexport function Table(rawProps: TableProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, TableDefaults)\n  const { className, headers, rows, footer, emptyState, isWithinBox, hasCheckboxColumn, ...props } =\n    resolvedProps\n  return (\n    <div className={styles.root} data-within-box={isWithinBox || undefined}>\n      <AriaTable {...props} className={classnames('react-aria-Table', className)}>\n        <AriaTableHeader>\n          <Row>\n            {headers.map((header, index) => (\n              <Column key={header.key} isRowHeader={index === 0}>\n                <Text as=\"span\" weight=\"semibold\" size=\"xs\">\n                  {header.content}\n                </Text>\n              </Column>\n            ))}\n          </Row>\n        </AriaTableHeader>\n        <AriaTableBody>\n          {rows.length === 0 && emptyState ? (\n            <Row>\n              <Cell colSpan={headers.length}>{emptyState}</Cell>\n            </Row>\n          ) : (\n            rows.map(row => (\n              <Row key={row.key}>\n                {row.data.map((cell, index) => (\n                  <Cell key={cell.key}>\n                    <Text\n                      as=\"span\"\n                      variant={\n                        hasCheckboxColumn\n                          ? index === 1\n                            ? 'leading'\n                            : 'supporting'\n                          : index === 0\n                            ? 'leading'\n                            : 'supporting'\n                      }\n                      size=\"sm\"\n                    >\n                      {cell.content}\n                    </Text>\n                  </Cell>\n                ))}\n              </Row>\n            ))\n          )}\n          {footer && footer.length > 0 && (\n            <Row key=\"table-footer\" data-footer=\"true\">\n              {footer.length === 1 && footer[0] ? (\n                <Cell key={footer[0].key} colSpan={headers.length}>\n                  <Text as=\"span\" variant=\"leading\" size=\"sm\">\n                    {footer[0].content}\n                  </Text>\n                </Cell>\n              ) : (\n                footer.map(cell => (\n                  <Cell key={cell.key}>\n                    <Text as=\"span\" variant=\"leading\" size=\"sm\">\n                      {cell.content}\n                    </Text>\n                  </Cell>\n                ))\n              )}\n            </Row>\n          )}\n        </AriaTableBody>\n      </AriaTable>\n    </div>\n  )\n}\n"],"names":["Table","rawProps","resolvedProps","applyMissingDefaults","TableDefaults","className","headers","rows","footer","emptyState","isWithinBox","hasCheckboxColumn","props","styles","jsxs","AriaTable","classnames","jsx","AriaTableHeader","Row","header","index","Column","Text","AriaTableBody","Cell","row","cell"],"mappings":";;;;;;;AAsBO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,YAAAC,GAAY,aAAAC,GAAa,mBAAAC,GAAmB,GAAGC,EAAA,IACvFV;AACF,2BACG,OAAA,EAAI,WAAWW,EAAO,MAAM,mBAAiBH,KAAe,QAC3D,UAAA,gBAAAI,EAACC,GAAA,EAAW,GAAGH,GAAO,WAAWI,EAAW,oBAAoBX,CAAS,GACvE,UAAA;AAAA,IAAA,gBAAAY,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EACE,UAAAb,EAAQ,IAAI,CAACc,GAAQC,MACpB,gBAAAJ,EAACK,GAAA,EAAwB,aAAaD,MAAU,GAC9C,UAAA,gBAAAJ,EAACM,GAAA,EAAK,IAAG,QAAO,QAAO,YAAW,MAAK,MACpC,UAAAH,EAAO,QAAA,CACV,EAAA,GAHWA,EAAO,GAIpB,CACD,EAAA,CACH,GACF;AAAA,sBACCI,GAAA,EACE,UAAA;AAAA,MAAAjB,EAAK,WAAW,KAAKE,IACpB,gBAAAQ,EAACE,GAAA,EACC,4BAACM,GAAA,EAAK,SAASnB,EAAQ,QAAS,UAAAG,EAAA,CAAW,EAAA,CAC7C,IAEAF,EAAK,IAAI,CAAAmB,MACP,gBAAAT,EAACE,GAAA,EACE,UAAAO,EAAI,KAAK,IAAI,CAACC,GAAMN,MACnB,gBAAAJ,EAACQ,GAAA,EACC,UAAA,gBAAAR;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,SACEZ,IACIU,MAAU,IACR,YACA,eACFA,MAAU,IACR,YACA;AAAA,UAER,MAAK;AAAA,UAEJ,UAAAM,EAAK;AAAA,QAAA;AAAA,MAAA,KAdCA,EAAK,GAgBhB,CACD,EAAA,GAnBOD,EAAI,GAoBd,CACD;AAAA,MAEFlB,KAAUA,EAAO,SAAS,KACzB,gBAAAS,EAACE,GAAA,EAAuB,eAAY,QACjC,UAAAX,EAAO,WAAW,KAAKA,EAAO,CAAC,IAC9B,gBAAAS,EAACQ,GAAA,EAAyB,SAASnB,EAAQ,QACzC,UAAA,gBAAAW,EAACM,GAAA,EAAK,IAAG,QAAO,SAAQ,WAAU,MAAK,MACpC,UAAAf,EAAO,CAAC,EAAE,QAAA,CACb,EAAA,GAHSA,EAAO,CAAC,EAAE,GAIrB,IAEAA,EAAO,IAAI,CAAAmB,MACT,gBAAAV,EAACQ,GAAA,EACC,UAAA,gBAAAR,EAACM,GAAA,EAAK,IAAG,QAAO,SAAQ,WAAU,MAAK,MACpC,UAAAI,EAAK,QAAA,CACR,EAAA,GAHSA,EAAK,GAIhB,CACD,EAAA,GAdI,cAgBT;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/Common/UI/Table/TableTypes.d.ts

@@ -1,4 +1,9 @@
 import { ReactNode, TableHTMLAttributes } from 'react';
+/**
+ * Shape of a single cell your `Table` implementation receives for headers, rows, and footers.
+ *
+ * @public
+ */
 export interface TableData {
     /**
      * Unique identifier for the table cell
@@ -9,6 +14,11 @@ export interface TableData {
      */
     content: ReactNode;
 }
+/**
+ * Shape of a single row your `Table` implementation receives, containing an ordered list of cells.
+ *
+ * @public
+ */
 export interface TableRow {
     /**
      * Unique identifier for the table row
@@ -19,6 +29,12 @@ export interface TableRow {
      */
     data: TableData[];
 }
+/**
+ * Props your `Table` implementation must accept from the component adapter.
+ * Renders a table with column headers, body rows, an optional footer row, and an optional empty state.
+ *
+ * @public
+ */
 export interface TableProps extends Pick<TableHTMLAttributes<HTMLTableElement>, 'className' | 'aria-label' | 'id' | 'role' | 'aria-labelledby' | 'aria-describedby'> {
     /**
      * Array of header cells for the table
@@ -38,15 +54,21 @@ export interface TableProps extends Pick<TableHTMLAttributes<HTMLTableElement>,
     emptyState?: ReactNode;
     /**
      * Removes borders and background for use inside a Box component
+     *
+     * @defaultValue `false`
      */
     isWithinBox?: boolean;
     /**
      * Whether the first column contains checkboxes (affects which column gets leading variant)
+     *
+     * @defaultValue `false`
      */
     hasCheckboxColumn?: boolean;
 }
 /**
- * Default prop values for Table component.
+ * Default prop values for the Table component.
+ *
+ * @internal
  */
 export declare const TableDefaults: {
     readonly isWithinBox: false;

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

@@ -1 +1 @@
-{"version":3,"file":"TableTypes.js","sources":["../../../../../src/components/Common/UI/Table/TableTypes.ts"],"sourcesContent":["import type { ReactNode, TableHTMLAttributes } from 'react'\n\nexport interface TableData {\n  /**\n   * Unique identifier for the table cell\n   */\n  key: string\n  /**\n   * Content to be displayed in the table cell\n   */\n  content: ReactNode\n}\n\nexport interface TableRow {\n  /**\n   * Unique identifier for the table row\n   */\n  key: string\n  /**\n   * Array of cells to be displayed in the row\n   */\n  data: TableData[]\n}\n\nexport interface TableProps extends Pick<\n  TableHTMLAttributes<HTMLTableElement>,\n  'className' | 'aria-label' | 'id' | 'role' | 'aria-labelledby' | 'aria-describedby'\n> {\n  /**\n   * Array of header cells for the table\n   */\n  headers: TableData[]\n  /**\n   * Array of rows to be displayed in the table\n   */\n  rows: TableRow[]\n  /**\n   * Array of footer cells for the table\n   */\n  footer?: TableData[]\n  /**\n   * Content to display when the table has no rows\n   */\n  emptyState?: ReactNode\n  /**\n   * Removes borders and background for use inside a Box component\n   */\n  isWithinBox?: boolean\n  /**\n   * Whether the first column contains checkboxes (affects which column gets leading variant)\n   */\n  hasCheckboxColumn?: boolean\n}\n\n/**\n * Default prop values for Table component.\n */\nexport const TableDefaults = {\n  isWithinBox: false,\n  hasCheckboxColumn: false,\n} as const satisfies Partial<TableProps>\n"],"names":["TableDefaults"],"mappings":"AAyDO,MAAMA,IAAgB;AAAA,EAC3B,aAAa;AAAA,EACb,mBAAmB;AACrB;"}
+{"version":3,"file":"TableTypes.js","sources":["../../../../../src/components/Common/UI/Table/TableTypes.ts"],"sourcesContent":["import type { ReactNode, TableHTMLAttributes } from 'react'\n\n/**\n * Shape of a single cell your `Table` implementation receives for headers, rows, and footers.\n *\n * @public\n */\nexport interface TableData {\n  /**\n   * Unique identifier for the table cell\n   */\n  key: string\n  /**\n   * Content to be displayed in the table cell\n   */\n  content: ReactNode\n}\n\n/**\n * Shape of a single row your `Table` implementation receives, containing an ordered list of cells.\n *\n * @public\n */\nexport interface TableRow {\n  /**\n   * Unique identifier for the table row\n   */\n  key: string\n  /**\n   * Array of cells to be displayed in the row\n   */\n  data: TableData[]\n}\n\n/**\n * Props your `Table` implementation must accept from the component adapter.\n * Renders a table with column headers, body rows, an optional footer row, and an optional empty state.\n *\n * @public\n */\nexport interface TableProps extends Pick<\n  TableHTMLAttributes<HTMLTableElement>,\n  'className' | 'aria-label' | 'id' | 'role' | 'aria-labelledby' | 'aria-describedby'\n> {\n  /**\n   * Array of header cells for the table\n   */\n  headers: TableData[]\n  /**\n   * Array of rows to be displayed in the table\n   */\n  rows: TableRow[]\n  /**\n   * Array of footer cells for the table\n   */\n  footer?: TableData[]\n  /**\n   * Content to display when the table has no rows\n   */\n  emptyState?: ReactNode\n  /**\n   * Removes borders and background for use inside a Box component\n   *\n   * @defaultValue `false`\n   */\n  isWithinBox?: boolean\n  /**\n   * Whether the first column contains checkboxes (affects which column gets leading variant)\n   *\n   * @defaultValue `false`\n   */\n  hasCheckboxColumn?: boolean\n}\n\n/**\n * Default prop values for the Table component.\n *\n * @internal\n */\nexport const TableDefaults = {\n  isWithinBox: false,\n  hasCheckboxColumn: false,\n} as const satisfies Partial<TableProps>\n"],"names":["TableDefaults"],"mappings":"AA+EO,MAAMA,IAAgB;AAAA,EAC3B,aAAa;AAAA,EACb,mBAAmB;AACrB;"}

package/dist/components/Common/UI/Tabs/Tabs.d.ts

@@ -1,2 +1,14 @@
 import { TabsProps } from './TabsTypes';
-export declare function Tabs({ tabs, selectedId, onSelectionChange, className, ...ariaProps }: TabsProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Accessible controlled tab navigation that responsively adapts to container width.
+ *
+ * @remarks
+ * At or above the small breakpoint (640px) the component renders horizontal tabs.
+ * Below that breakpoint it falls back to a dropdown select to avoid horizontal
+ * scrolling without positional meaning.
+ *
+ * @param props - Tabs configuration; see {@link TabsProps}.
+ * @returns The rendered tabs with the selected panel.
+ * @public
+ */
+export declare function Tabs({ tabs, selectedId, onSelectionChange, className, ...ariaProps }: TabsProps): import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Common/UI/Tabs/Tabs.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport {\n  Tabs as AriaTabs,\n  TabList as AriaTabList,\n  TabPanel as AriaTabPanel,\n  Tab as AriaTab,\n} from 'react-aria-components'\nimport classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { type TabsProps } from './TabsTypes'\nimport styles from './Tabs.module.scss'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Tabs({ tabs, selectedId, onSelectionChange, className, ...ariaProps }: TabsProps) {\n  const { t } = useTranslation('common')\n  const { Select } = useComponentContext()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const shouldUseDropdown = !breakpoints.includes('small')\n\n  const selectedTab = tabs.find(tab => tab.id === selectedId)\n\n  const selectOptions = tabs.map(tab => ({\n    value: tab.id,\n    label: typeof tab.label === 'string' ? tab.label : tab.id,\n  }))\n\n  return (\n    <div ref={containerRef} className={classNames(styles.root, className)}>\n      {!shouldUseDropdown ? (\n        <AriaTabs\n          className={styles.tabsContainer}\n          selectedKey={selectedId}\n          onSelectionChange={key => {\n            if (key) {\n              onSelectionChange(key.toString())\n            }\n          }}\n          {...ariaProps}\n        >\n          <AriaTabList>\n            {tabs.map(tab => (\n              <AriaTab key={tab.id} id={tab.id} isDisabled={tab.isDisabled}>\n                {tab.label}\n              </AriaTab>\n            ))}\n          </AriaTabList>\n\n          {tabs.map(tab => (\n            <AriaTabPanel key={tab.id} id={tab.id}>\n              {tab.content}\n            </AriaTabPanel>\n          ))}\n        </AriaTabs>\n      ) : (\n        <>\n          <div className={styles.dropdown}>\n            <Select\n              label={ariaProps['aria-label'] || t('labels.tabNavigation')}\n              shouldVisuallyHideLabel={true}\n              options={selectOptions}\n              value={selectedId}\n              onChange={onSelectionChange}\n            />\n          </div>\n\n          {selectedTab && (\n            <div\n              key={selectedTab.id}\n              role=\"tabpanel\"\n              id={`panel-${selectedTab.id}`}\n              aria-labelledby={selectedTab.id}\n            >\n              {selectedTab.content}\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  )\n}\n"],"names":["Tabs","tabs","selectedId","onSelectionChange","className","ariaProps","t","useTranslation","Select","useComponentContext","containerRef","useRef","shouldUseDropdown","useContainerBreakpoints","selectedTab","tab","selectOptions","jsx","classNames","styles","jsxs","Fragment","AriaTabs","key","AriaTabList","AriaTab","AriaTabPanel"],"mappings":";;;;;;;;AAcO,SAASA,EAAK,EAAE,MAAAC,GAAM,YAAAC,GAAY,mBAAAC,GAAmB,WAAAC,GAAW,GAAGC,KAAwB;AAChG,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ,GAC/B,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACbC,IAAeC,EAAuB,IAAI,GAE1CC,IAAoB,CADNC,EAAwB,EAAE,KAAKH,GAAc,EAC1B,SAAS,OAAO,GAEjDI,IAAcb,EAAK,KAAK,CAAAc,MAAOA,EAAI,OAAOb,CAAU,GAEpDc,IAAgBf,EAAK,IAAI,CAAAc,OAAQ;AAAA,IACrC,OAAOA,EAAI;AAAA,IACX,OAAO,OAAOA,EAAI,SAAU,WAAWA,EAAI,QAAQA,EAAI;AAAA,EAAA,EACvD;AAEF,SACE,gBAAAE,EAAC,OAAA,EAAI,KAAKP,GAAc,WAAWQ,EAAWC,EAAO,MAAMf,CAAS,GACjE,UAACQ,IA0BA,gBAAAQ,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAWE,EAAO,UACrB,UAAA,gBAAAF;AAAA,MAACT;AAAA,MAAA;AAAA,QACC,OAAOH,EAAU,YAAY,KAAKC,EAAE,sBAAsB;AAAA,QAC1D,yBAAyB;AAAA,QACzB,SAASU;AAAA,QACT,OAAOd;AAAA,QACP,UAAUC;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,IAECW,KACC,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,IAAI,SAASH,EAAY,EAAE;AAAA,QAC3B,mBAAiBA,EAAY;AAAA,QAE5B,UAAAA,EAAY;AAAA,MAAA;AAAA,MALRA,EAAY;AAAA,IAAA;AAAA,EAMnB,EAAA,CAEJ,IA9CA,gBAAAM;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,WAAWH,EAAO;AAAA,MAClB,aAAajB;AAAA,MACb,mBAAmB,CAAAqB,MAAO;AACxB,QAAIA,KACFpB,EAAkBoB,EAAI,UAAU;AAAA,MAEpC;AAAA,MACC,GAAGlB;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAY,EAACO,KACE,UAAAvB,EAAK,IAAI,CAAAc,MACR,gBAAAE,EAACQ,KAAqB,IAAIV,EAAI,IAAI,YAAYA,EAAI,YAC/C,UAAAA,EAAI,SADOA,EAAI,EAElB,CACD,GACH;AAAA,QAECd,EAAK,IAAI,CAAAc,MACR,gBAAAE,EAACS,GAAA,EAA0B,IAAIX,EAAI,IAChC,UAAAA,EAAI,QAAA,GADYA,EAAI,EAEvB,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAwBH,CAEJ;AAEJ;"}
+{"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Common/UI/Tabs/Tabs.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport {\n  Tabs as AriaTabs,\n  TabList as AriaTabList,\n  TabPanel as AriaTabPanel,\n  Tab as AriaTab,\n} from 'react-aria-components'\nimport classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { type TabsProps } from './TabsTypes'\nimport styles from './Tabs.module.scss'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Accessible controlled tab navigation that responsively adapts to container width.\n *\n * @remarks\n * At or above the small breakpoint (640px) the component renders horizontal tabs.\n * Below that breakpoint it falls back to a dropdown select to avoid horizontal\n * scrolling without positional meaning.\n *\n * @param props - Tabs configuration; see {@link TabsProps}.\n * @returns The rendered tabs with the selected panel.\n * @public\n */\nexport function Tabs({ tabs, selectedId, onSelectionChange, className, ...ariaProps }: TabsProps) {\n  const { t } = useTranslation('common')\n  const { Select } = useComponentContext()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const shouldUseDropdown = !breakpoints.includes('small')\n\n  const selectedTab = tabs.find(tab => tab.id === selectedId)\n\n  const selectOptions = tabs.map(tab => ({\n    value: tab.id,\n    label: typeof tab.label === 'string' ? tab.label : tab.id,\n  }))\n\n  return (\n    <div ref={containerRef} className={classNames(styles.root, className)}>\n      {!shouldUseDropdown ? (\n        <AriaTabs\n          className={styles.tabsContainer}\n          selectedKey={selectedId}\n          onSelectionChange={key => {\n            if (key) {\n              onSelectionChange(key.toString())\n            }\n          }}\n          {...ariaProps}\n        >\n          <AriaTabList>\n            {tabs.map(tab => (\n              <AriaTab key={tab.id} id={tab.id} isDisabled={tab.isDisabled}>\n                {tab.label}\n              </AriaTab>\n            ))}\n          </AriaTabList>\n\n          {tabs.map(tab => (\n            <AriaTabPanel key={tab.id} id={tab.id}>\n              {tab.content}\n            </AriaTabPanel>\n          ))}\n        </AriaTabs>\n      ) : (\n        <>\n          <div className={styles.dropdown}>\n            <Select\n              label={ariaProps['aria-label'] || t('labels.tabNavigation')}\n              shouldVisuallyHideLabel={true}\n              options={selectOptions}\n              value={selectedId}\n              onChange={onSelectionChange}\n            />\n          </div>\n\n          {selectedTab && (\n            <div\n              key={selectedTab.id}\n              role=\"tabpanel\"\n              id={`panel-${selectedTab.id}`}\n              aria-labelledby={selectedTab.id}\n            >\n              {selectedTab.content}\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  )\n}\n"],"names":["Tabs","tabs","selectedId","onSelectionChange","className","ariaProps","t","useTranslation","Select","useComponentContext","containerRef","useRef","shouldUseDropdown","useContainerBreakpoints","selectedTab","tab","selectOptions","jsx","classNames","styles","jsxs","Fragment","AriaTabs","key","AriaTabList","AriaTab","AriaTabPanel"],"mappings":";;;;;;;;AA0BO,SAASA,EAAK,EAAE,MAAAC,GAAM,YAAAC,GAAY,mBAAAC,GAAmB,WAAAC,GAAW,GAAGC,KAAwB;AAChG,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ,GAC/B,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACbC,IAAeC,EAAuB,IAAI,GAE1CC,IAAoB,CADNC,EAAwB,EAAE,KAAKH,GAAc,EAC1B,SAAS,OAAO,GAEjDI,IAAcb,EAAK,KAAK,CAAAc,MAAOA,EAAI,OAAOb,CAAU,GAEpDc,IAAgBf,EAAK,IAAI,CAAAc,OAAQ;AAAA,IACrC,OAAOA,EAAI;AAAA,IACX,OAAO,OAAOA,EAAI,SAAU,WAAWA,EAAI,QAAQA,EAAI;AAAA,EAAA,EACvD;AAEF,SACE,gBAAAE,EAAC,OAAA,EAAI,KAAKP,GAAc,WAAWQ,EAAWC,EAAO,MAAMf,CAAS,GACjE,UAACQ,IA0BA,gBAAAQ,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAWE,EAAO,UACrB,UAAA,gBAAAF;AAAA,MAACT;AAAA,MAAA;AAAA,QACC,OAAOH,EAAU,YAAY,KAAKC,EAAE,sBAAsB;AAAA,QAC1D,yBAAyB;AAAA,QACzB,SAASU;AAAA,QACT,OAAOd;AAAA,QACP,UAAUC;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,IAECW,KACC,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,IAAI,SAASH,EAAY,EAAE;AAAA,QAC3B,mBAAiBA,EAAY;AAAA,QAE5B,UAAAA,EAAY;AAAA,MAAA;AAAA,MALRA,EAAY;AAAA,IAAA;AAAA,EAMnB,EAAA,CAEJ,IA9CA,gBAAAM;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,WAAWH,EAAO;AAAA,MAClB,aAAajB;AAAA,MACb,mBAAmB,CAAAqB,MAAO;AACxB,QAAIA,KACFpB,EAAkBoB,EAAI,UAAU;AAAA,MAEpC;AAAA,MACC,GAAGlB;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAY,EAACO,KACE,UAAAvB,EAAK,IAAI,CAAAc,MACR,gBAAAE,EAACQ,KAAqB,IAAIV,EAAI,IAAI,YAAYA,EAAI,YAC/C,UAAAA,EAAI,SADOA,EAAI,EAElB,CACD,GACH;AAAA,QAECd,EAAK,IAAI,CAAAc,MACR,gBAAAE,EAACS,GAAA,EAA0B,IAAIX,EAAI,IAChC,UAAAA,EAAI,QAAA,GADYA,EAAI,EAEvB,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAwBH,CAEJ;AAEJ;"}

package/dist/components/Common/UI/Tabs/TabsTypes.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode } from 'react';
 /**
- * Individual tab configuration
+ * Shape of a single tab configuration your `Tabs` implementation receives in its `tabs` prop.
+ *
+ * @public
  */
 export interface TabProps {
     /**
@@ -21,14 +23,10 @@ export interface TabProps {
     isDisabled?: boolean;
 }
 /**
- * Props for the Tabs component - provides accessible tab navigation (controlled only)
- *
- * Responsively adapts to container size:
- * - Below 640px (small breakpoint): renders as a dropdown select for mobile devices
- * - At or above 640px: renders as horizontal tabs for desktop views
+ * Props your `Tabs` implementation must accept from the component adapter.
+ * Renders tabbed navigation with associated content panels.
  *
- * This adaptive behavior ensures WCAG 2.2 compliance by avoiding horizontal scrolling
- * without positional meaning, while maintaining a familiar tab interface on larger screens.
+ * @public
  */
 export interface TabsProps {
     /**

package/dist/components/Common/UI/Tabs/index.d.ts

@@ -1,3 +1,2 @@
 import "./types/i18next.d.ts"
 export { Tabs } from './Tabs';
-export type { TabsProps, TabProps } from './TabsTypes';

package/dist/components/Common/UI/Text/Text.d.ts

@@ -1,2 +1,9 @@
 import { TextProps } from './TextTypes';
-export declare const Text: (rawProps: TextProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders body text with configurable element, size, weight, alignment, and variant.
+ *
+ * @param rawProps - Text configuration; see {@link TextProps}.
+ * @returns The rendered text element.
+ * @public
+ */
+export declare const Text: (rawProps: TextProps) => import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../../src/components/Common/UI/Text/Text.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { TextProps } from './TextTypes'\nimport { TextDefaults } from './TextTypes'\nimport styles from './Text.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport const Text = (rawProps: TextProps) => {\n  const resolvedProps = applyMissingDefaults(rawProps, TextDefaults)\n  const { as: Component, size, textAlign, weight, className, children, variant, id } = resolvedProps\n  const ElementType = Component as NonNullable<typeof Component>\n  const textSize = size as NonNullable<typeof size>\n\n  return (\n    <ElementType\n      className={classNames(\n        className,\n        styles.root,\n        styles[textSize],\n        weight && styles[`weight-${weight}`],\n        textAlign && styles[`textAlign-${textAlign}`],\n        variant && styles[`variant-${variant}`],\n      )}\n      id={id}\n    >\n      {children}\n    </ElementType>\n  )\n}\n"],"names":["Text","rawProps","resolvedProps","applyMissingDefaults","TextDefaults","Component","size","textAlign","weight","className","children","variant","id","ElementType","textSize","jsx","classNames","styles"],"mappings":";;;;;AAMO,MAAMA,IAAO,CAACC,MAAwB;AAC3C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAY,GAC3D,EAAE,IAAIC,GAAW,MAAAC,GAAM,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,GAAU,SAAAC,GAAS,IAAAC,EAAA,IAAOV,GAC/EW,IAAcR,GACdS,IAAWR;AAEjB,SACE,gBAAAS;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,WAAWG;AAAA,QACTP;AAAA,QACAQ,EAAO;AAAA,QACPA,EAAOH,CAAQ;AAAA,QACfN,KAAUS,EAAO,UAAUT,CAAM,EAAE;AAAA,QACnCD,KAAaU,EAAO,aAAaV,CAAS,EAAE;AAAA,QAC5CI,KAAWM,EAAO,WAAWN,CAAO,EAAE;AAAA,MAAA;AAAA,MAExC,IAAAC;AAAA,MAEC,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Text.js","sources":["../../../../../src/components/Common/UI/Text/Text.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { TextProps } from './TextTypes'\nimport { TextDefaults } from './TextTypes'\nimport styles from './Text.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\n/**\n * Renders body text with configurable element, size, weight, alignment, and variant.\n *\n * @param rawProps - Text configuration; see {@link TextProps}.\n * @returns The rendered text element.\n * @public\n */\nexport const Text = (rawProps: TextProps) => {\n  const resolvedProps = applyMissingDefaults(rawProps, TextDefaults)\n  const { as: Component, size, textAlign, weight, className, children, variant, id } = resolvedProps\n  const ElementType = Component as NonNullable<typeof Component>\n  const textSize = size as NonNullable<typeof size>\n\n  return (\n    <ElementType\n      className={classNames(\n        className,\n        styles.root,\n        styles[textSize],\n        weight && styles[`weight-${weight}`],\n        textAlign && styles[`textAlign-${textAlign}`],\n        variant && styles[`variant-${variant}`],\n      )}\n      id={id}\n    >\n      {children}\n    </ElementType>\n  )\n}\n"],"names":["Text","rawProps","resolvedProps","applyMissingDefaults","TextDefaults","Component","size","textAlign","weight","className","children","variant","id","ElementType","textSize","jsx","classNames","styles"],"mappings":";;;;;AAaO,MAAMA,IAAO,CAACC,MAAwB;AAC3C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAY,GAC3D,EAAE,IAAIC,GAAW,MAAAC,GAAM,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,GAAU,SAAAC,GAAS,IAAAC,EAAA,IAAOV,GAC/EW,IAAcR,GACdS,IAAWR;AAEjB,SACE,gBAAAS;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,WAAWG;AAAA,QACTP;AAAA,QACAQ,EAAO;AAAA,QACPA,EAAOH,CAAQ;AAAA,QACfN,KAAUS,EAAO,UAAUT,CAAM,EAAE;AAAA,QACnCD,KAAaU,EAAO,aAAaV,CAAS,EAAE;AAAA,QAC5CI,KAAWM,EAAO,WAAWN,CAAO,EAAE;AAAA,MAAA;AAAA,MAExC,IAAAC;AAAA,MAEC,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/Common/UI/Text/TextTypes.d.ts

@@ -1,11 +1,21 @@
 import { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Props your `Text` implementation must accept from the component adapter.
+ * Renders body text as `<p>`, `<span>`, `<div>`, or `<pre>`, with size, weight, alignment, and variant options.
+ *
+ * @public
+ */
 export interface TextProps extends Pick<HTMLAttributes<HTMLParagraphElement>, 'className' | 'id'> {
     /**
      * HTML element to render the text as
+     *
+     * @defaultValue `'p'`
      */
     as?: 'p' | 'span' | 'div' | 'pre';
     /**
      * Size variant of the text
+     *
+     * @defaultValue `'md'`
      */
     size?: 'xs' | 'sm' | 'md' | 'lg';
     /**
@@ -26,7 +36,9 @@ export interface TextProps extends Pick<HTMLAttributes<HTMLParagraphElement>, 'c
     variant?: 'supporting' | 'leading';
 }
 /**
- * Default prop values for Text component.
+ * Default prop values for the Text component.
+ *
+ * @internal
  */
 export declare const TextDefaults: {
     readonly as: "p";

package/dist/components/Common/UI/Text/TextTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextTypes.js","sources":["../../../../../src/components/Common/UI/Text/TextTypes.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nexport interface TextProps extends Pick<HTMLAttributes<HTMLParagraphElement>, 'className' | 'id'> {\n  /**\n   * HTML element to render the text as\n   */\n  as?: 'p' | 'span' | 'div' | 'pre'\n  /**\n   * Size variant of the text\n   */\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  /**\n   * Text alignment within the container\n   */\n  textAlign?: 'start' | 'center' | 'end'\n  /**\n   * Font weight of the text\n   */\n  weight?: 'regular' | 'medium' | 'semibold' | 'bold'\n  /**\n   * Content to be displayed\n   */\n  children?: ReactNode\n  /**\n   * Visual style variant of the text\n   */\n  variant?: 'supporting' | 'leading'\n}\n\n/**\n * Default prop values for Text component.\n */\nexport const TextDefaults = {\n  as: 'p',\n  size: 'md',\n} as const satisfies Partial<TextProps>\n"],"names":["TextDefaults"],"mappings":"AAgCO,MAAMA,IAAe;AAAA,EAC1B,IAAI;AAAA,EACJ,MAAM;AACR;"}
+{"version":3,"file":"TextTypes.js","sources":["../../../../../src/components/Common/UI/Text/TextTypes.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\n/**\n * Props your `Text` implementation must accept from the component adapter.\n * Renders body text as `<p>`, `<span>`, `<div>`, or `<pre>`, with size, weight, alignment, and variant options.\n *\n * @public\n */\nexport interface TextProps extends Pick<HTMLAttributes<HTMLParagraphElement>, 'className' | 'id'> {\n  /**\n   * HTML element to render the text as\n   *\n   * @defaultValue `'p'`\n   */\n  as?: 'p' | 'span' | 'div' | 'pre'\n  /**\n   * Size variant of the text\n   *\n   * @defaultValue `'md'`\n   */\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  /**\n   * Text alignment within the container\n   */\n  textAlign?: 'start' | 'center' | 'end'\n  /**\n   * Font weight of the text\n   */\n  weight?: 'regular' | 'medium' | 'semibold' | 'bold'\n  /**\n   * Content to be displayed\n   */\n  children?: ReactNode\n  /**\n   * Visual style variant of the text\n   */\n  variant?: 'supporting' | 'leading'\n}\n\n/**\n * Default prop values for the Text component.\n *\n * @internal\n */\nexport const TextDefaults = {\n  as: 'p',\n  size: 'md',\n} as const satisfies Partial<TextProps>\n"],"names":["TextDefaults"],"mappings":"AA4CO,MAAMA,IAAe;AAAA,EAC1B,IAAI;AAAA,EACJ,MAAM;AACR;"}

package/dist/components/Common/UI/Text/index.d.ts

@@ -1,3 +1,2 @@
 import "./types/i18next.d.ts"
 export { Text } from './Text';
-export type { TextProps } from './TextTypes';

package/dist/components/Common/UI/TextArea/TextArea.d.ts

@@ -1,2 +1,9 @@
 import { TextAreaProps } from './TextAreaTypes';
-export declare function TextArea(rawProps: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Multi-line text input with label, description, and error messaging.
+ *
+ * @param rawProps - TextArea configuration; see {@link TextAreaProps}.
+ * @returns The rendered textarea field.
+ * @public
+ */
+export declare function TextArea(rawProps: TextAreaProps): import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../../../src/components/Common/UI/TextArea/TextArea.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport { TextArea as AriaTextArea } from 'react-aria-components'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './TextArea.module.scss'\nimport type { TextAreaProps } from './TextAreaTypes'\nimport { TextAreaDefaults } from './TextAreaTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\n\nexport function TextArea(rawProps: TextAreaProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, TextAreaDefaults)\n  const {\n    name,\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    inputRef,\n    isInvalid,\n    isDisabled,\n    id,\n    value,\n    placeholder,\n    rows,\n    cols,\n    onChange,\n    onBlur,\n    className,\n    shouldVisuallyHideLabel,\n    'aria-describedby': ariaDescribedByFromProps,\n    ...otherProps\n  } = resolvedProps\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n    ariaDescribedBy: ariaDescribedByFromProps,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n    onChange?.(event.target.value)\n  }\n\n  return (\n    <FieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      className={className}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      withErrorIcon={false}\n      {...otherProps}\n    >\n      <div className={classNames(styles.container)} data-disabled={isDisabled}>\n        <div className={styles.textAreaContainer}>\n          <AriaTextArea\n            id={inputId}\n            ref={inputRef}\n            name={name}\n            value={value ?? ''}\n            placeholder={placeholder}\n            rows={rows}\n            cols={cols}\n            disabled={isDisabled}\n            aria-describedby={ariaDescribedBy}\n            aria-invalid={isInvalid}\n            onChange={handleChange}\n            onBlur={onBlur}\n          />\n          {isInvalid && (\n            <div className={styles.invalidIcon}>\n              <AlertCircle fontSize={16} />\n            </div>\n          )}\n        </div>\n      </div>\n    </FieldLayout>\n  )\n}\n"],"names":["TextArea","rawProps","resolvedProps","applyMissingDefaults","TextAreaDefaults","name","label","description","errorMessage","isRequired","inputRef","isInvalid","isDisabled","id","value","placeholder","rows","cols","onChange","onBlur","className","shouldVisuallyHideLabel","ariaDescribedByFromProps","otherProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleChange","event","jsx","FieldLayout","classNames","styles","jsxs","AriaTextArea","AlertCircle"],"mappings":";;;;;;;;;AAWO,SAASA,EAASC,GAAyB;AAChD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAgB,GAC/D;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,oBAAoBC;AAAA,IACpB,GAAGC;AAAA,EAAA,IACDrB,GACE,EAAE,SAAAsB,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASf;AAAA,IACT,cAAAL;AAAA,IACA,aAAAD;AAAA,IACA,iBAAiBe;AAAA,EAAA,CAClB,GAEKO,IAAe,CAACC,MAA4C;AAChE,IAAAZ,IAAWY,EAAM,OAAO,KAAK;AAAA,EAC/B;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAA1B;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASe;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,WAAAN;AAAA,MACA,yBAAAC;AAAA,MACA,eAAe;AAAA,MACd,GAAGE;AAAA,MAEJ,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAWE,EAAWC,EAAO,SAAS,GAAG,iBAAetB,GAC3D,UAAA,gBAAAuB,EAAC,OAAA,EAAI,WAAWD,EAAO,mBACrB,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACK;AAAAA,UAAA;AAAA,YACC,IAAIZ;AAAA,YACJ,KAAKd;AAAA,YACL,MAAAL;AAAA,YACA,OAAOS,KAAS;AAAA,YAChB,aAAAC;AAAA,YACA,MAAAC;AAAA,YACA,MAAAC;AAAA,YACA,UAAUL;AAAA,YACV,oBAAkBe;AAAA,YAClB,gBAAchB;AAAA,YACd,UAAUkB;AAAA,YACV,QAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,QAEDR,KACC,gBAAAoB,EAAC,OAAA,EAAI,WAAWG,EAAO,aACrB,UAAA,gBAAAH,EAACM,GAAA,EAAY,UAAU,GAAA,CAAI,EAAA,CAC7B;AAAA,MAAA,EAAA,CAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"TextArea.js","sources":["../../../../../src/components/Common/UI/TextArea/TextArea.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport { TextArea as AriaTextArea } from 'react-aria-components'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './TextArea.module.scss'\nimport type { TextAreaProps } from './TextAreaTypes'\nimport { TextAreaDefaults } from './TextAreaTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\n\n/**\n * Multi-line text input with label, description, and error messaging.\n *\n * @param rawProps - TextArea configuration; see {@link TextAreaProps}.\n * @returns The rendered textarea field.\n * @public\n */\nexport function TextArea(rawProps: TextAreaProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, TextAreaDefaults)\n  const {\n    name,\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    inputRef,\n    isInvalid,\n    isDisabled,\n    id,\n    value,\n    placeholder,\n    rows,\n    cols,\n    onChange,\n    onBlur,\n    className,\n    shouldVisuallyHideLabel,\n    'aria-describedby': ariaDescribedByFromProps,\n    ...otherProps\n  } = resolvedProps\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n    ariaDescribedBy: ariaDescribedByFromProps,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n    onChange?.(event.target.value)\n  }\n\n  return (\n    <FieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      className={className}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      withErrorIcon={false}\n      {...otherProps}\n    >\n      <div className={classNames(styles.container)} data-disabled={isDisabled}>\n        <div className={styles.textAreaContainer}>\n          <AriaTextArea\n            id={inputId}\n            ref={inputRef}\n            name={name}\n            value={value ?? ''}\n            placeholder={placeholder}\n            rows={rows}\n            cols={cols}\n            disabled={isDisabled}\n            aria-describedby={ariaDescribedBy}\n            aria-invalid={isInvalid}\n            onChange={handleChange}\n            onBlur={onBlur}\n          />\n          {isInvalid && (\n            <div className={styles.invalidIcon}>\n              <AlertCircle fontSize={16} />\n            </div>\n          )}\n        </div>\n      </div>\n    </FieldLayout>\n  )\n}\n"],"names":["TextArea","rawProps","resolvedProps","applyMissingDefaults","TextAreaDefaults","name","label","description","errorMessage","isRequired","inputRef","isInvalid","isDisabled","id","value","placeholder","rows","cols","onChange","onBlur","className","shouldVisuallyHideLabel","ariaDescribedByFromProps","otherProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleChange","event","jsx","FieldLayout","classNames","styles","jsxs","AriaTextArea","AlertCircle"],"mappings":";;;;;;;;;AAkBO,SAASA,EAASC,GAAyB;AAChD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAgB,GAC/D;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,oBAAoBC;AAAA,IACpB,GAAGC;AAAA,EAAA,IACDrB,GACE,EAAE,SAAAsB,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASf;AAAA,IACT,cAAAL;AAAA,IACA,aAAAD;AAAA,IACA,iBAAiBe;AAAA,EAAA,CAClB,GAEKO,IAAe,CAACC,MAA4C;AAChE,IAAAZ,IAAWY,EAAM,OAAO,KAAK;AAAA,EAC/B;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAA1B;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASe;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,WAAAN;AAAA,MACA,yBAAAC;AAAA,MACA,eAAe;AAAA,MACd,GAAGE;AAAA,MAEJ,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAWE,EAAWC,EAAO,SAAS,GAAG,iBAAetB,GAC3D,UAAA,gBAAAuB,EAAC,OAAA,EAAI,WAAWD,EAAO,mBACrB,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACK;AAAAA,UAAA;AAAA,YACC,IAAIZ;AAAA,YACJ,KAAKd;AAAA,YACL,MAAAL;AAAA,YACA,OAAOS,KAAS;AAAA,YAChB,aAAAC;AAAA,YACA,MAAAC;AAAA,YACA,MAAAC;AAAA,YACA,UAAUL;AAAA,YACV,oBAAkBe;AAAA,YAClB,gBAAchB;AAAA,YACd,UAAUkB;AAAA,YACV,QAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,QAEDR,KACC,gBAAAoB,EAAC,OAAA,EAAI,WAAWG,EAAO,aACrB,UAAA,gBAAAH,EAACM,GAAA,EAAY,UAAU,GAAA,CAAI,EAAA,CAC7B;AAAA,MAAA,EAAA,CAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Common/UI/TextArea/TextAreaTypes.d.ts

@@ -1,6 +1,12 @@
 import { Ref, TextareaHTMLAttributes } from 'react';
 import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
-export interface TextAreaProps extends SharedFieldLayoutProps, Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'name' | 'id' | 'placeholder' | 'className' | 'rows' | 'cols'>, Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'aria-describedby'> {
+/**
+ * Props your `TextArea` implementation must accept from the component adapter.
+ * Renders a form field wrapping a `<textarea>` with a label, description, and error message.
+ *
+ * @public
+ */
+export interface TextAreaProps extends SharedFieldLayoutProps, Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'name' | 'id' | 'placeholder' | 'className' | 'cols'>, Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'aria-describedby'> {
     /**
      * React ref for the textarea element
      */
@@ -15,20 +21,31 @@ export interface TextAreaProps extends SharedFieldLayoutProps, Pick<TextareaHTML
     onChange?: (value: string) => void;
     /**
      * Indicates that the field has an error
+     *
+     * @defaultValue `false`
      */
     isInvalid?: boolean;
     /**
      * Disables the textarea and prevents interaction
+     *
+     * @defaultValue `false`
      */
     isDisabled?: boolean;
     /**
      * Handler for blur events
      */
     onBlur?: () => void;
+    /**
+     * Number of visible text rows
+     *
+     * @defaultValue `4`
+     */
+    rows?: number;
 }
 /**
- * Default prop values for TextArea component.
- * These are used by the component adapter to automatically provide defaults.
+ * Default prop values for the TextArea component.
+ *
+ * @internal
  */
 export declare const TextAreaDefaults: {
     readonly isInvalid: false;

package/dist/components/Common/UI/TextArea/TextAreaTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextAreaTypes.js","sources":["../../../../../src/components/Common/UI/TextArea/TextAreaTypes.ts"],"sourcesContent":["import type { Ref, TextareaHTMLAttributes } from 'react'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\nexport interface TextAreaProps\n  extends\n    SharedFieldLayoutProps,\n    Pick<\n      TextareaHTMLAttributes<HTMLTextAreaElement>,\n      'name' | 'id' | 'placeholder' | 'className' | 'rows' | 'cols'\n    >,\n    Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'aria-describedby'> {\n  /**\n   * React ref for the textarea element\n   */\n  inputRef?: Ref<HTMLTextAreaElement>\n  /**\n   * Current value of the textarea\n   */\n  value?: string\n  /**\n   * Callback when textarea value changes\n   */\n  onChange?: (value: string) => void\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the textarea and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Handler for blur events\n   */\n  onBlur?: () => void\n}\n\n/**\n * Default prop values for TextArea component.\n * These are used by the component adapter to automatically provide defaults.\n */\nexport const TextAreaDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n  rows: 4,\n} as const satisfies Partial<TextAreaProps>\n"],"names":["TextAreaDefaults"],"mappings":"AAyCO,MAAMA,IAAmB;AAAA,EAC9B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,MAAM;AACR;"}
+{"version":3,"file":"TextAreaTypes.js","sources":["../../../../../src/components/Common/UI/TextArea/TextAreaTypes.ts"],"sourcesContent":["import type { Ref, TextareaHTMLAttributes } from 'react'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\n/**\n * Props your `TextArea` implementation must accept from the component adapter.\n * Renders a form field wrapping a `<textarea>` with a label, description, and error message.\n *\n * @public\n */\nexport interface TextAreaProps\n  extends\n    SharedFieldLayoutProps,\n    Pick<\n      TextareaHTMLAttributes<HTMLTextAreaElement>,\n      'name' | 'id' | 'placeholder' | 'className' | 'cols'\n    >,\n    Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'aria-describedby'> {\n  /**\n   * React ref for the textarea element\n   */\n  inputRef?: Ref<HTMLTextAreaElement>\n  /**\n   * Current value of the textarea\n   */\n  value?: string\n  /**\n   * Callback when textarea value changes\n   */\n  onChange?: (value: string) => void\n  /**\n   * Indicates that the field has an error\n   *\n   * @defaultValue `false`\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the textarea and prevents interaction\n   *\n   * @defaultValue `false`\n   */\n  isDisabled?: boolean\n  /**\n   * Handler for blur events\n   */\n  onBlur?: () => void\n  /**\n   * Number of visible text rows\n   *\n   * @defaultValue `4`\n   */\n  rows?: number\n}\n\n/**\n * Default prop values for the TextArea component.\n *\n * @internal\n */\nexport const TextAreaDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n  rows: 4,\n} as const satisfies Partial<TextAreaProps>\n"],"names":["TextAreaDefaults"],"mappings":"AA0DO,MAAMA,IAAmB;AAAA,EAC9B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,MAAM;AACR;"}

package/dist/components/Common/UI/TextArea/index.d.ts

@@ -1,4 +1,2 @@
 import "./types/i18next.d.ts"
 export { TextArea } from './TextArea';
-export type { TextAreaProps } from './TextAreaTypes';
-export { TextAreaDefaults } from './TextAreaTypes';

package/dist/components/Common/UI/TextInput/TextInput.d.ts

@@ -1,2 +1,9 @@
 import { TextInputProps } from './TextInputTypes';
-export declare function TextInput(rawProps: TextInputProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders a single-line text input with a label, optional description, error message, and adornments.
+ *
+ * @param rawProps - The {@link TextInputProps} controlling the input's value, label, validation state, and surrounding layout.
+ * @returns The rendered text input wrapped in its field layout.
+ * @internal
+ */
+export declare function TextInput(rawProps: TextInputProps): import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sources":["../../../../../src/components/Common/UI/TextInput/TextInput.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport { Input } from '../Input'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport type { TextInputProps } from './TextInputTypes'\nimport { TextInputDefaults } from './TextInputTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\n\nexport function TextInput(rawProps: TextInputProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, TextInputDefaults)\n  const {\n    name,\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    type,\n    inputRef,\n    isInvalid,\n    isDisabled,\n    id,\n    value,\n    placeholder,\n    onChange,\n    onBlur,\n    className,\n    shouldVisuallyHideLabel,\n    adornmentEnd,\n    adornmentStart,\n    min,\n    max,\n    maxLength,\n    'aria-describedby': ariaDescribedByFromProps,\n    'aria-labelledby': ariaLabelledBy,\n    ...otherProps\n  } = resolvedProps\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n    ariaDescribedBy: ariaDescribedByFromProps,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.value)\n  }\n\n  return (\n    <FieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      className={className}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      withErrorIcon={false}\n      {...otherProps}\n    >\n      <Input\n        id={inputId}\n        inputRef={inputRef}\n        name={name}\n        type={type}\n        value={value ?? ''}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onBlur={onBlur}\n        aria-describedby={ariaDescribedBy}\n        aria-labelledby={ariaLabelledBy}\n        aria-invalid={isInvalid}\n        isDisabled={isDisabled}\n        adornmentStart={adornmentStart}\n        adornmentEnd={adornmentEnd}\n        min={min}\n        max={max}\n        maxLength={maxLength}\n      />\n    </FieldLayout>\n  )\n}\n"],"names":["TextInput","rawProps","resolvedProps","applyMissingDefaults","TextInputDefaults","name","label","description","errorMessage","isRequired","type","inputRef","isInvalid","isDisabled","id","value","placeholder","onChange","onBlur","className","shouldVisuallyHideLabel","adornmentEnd","adornmentStart","min","max","maxLength","ariaDescribedByFromProps","ariaLabelledBy","otherProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","jsx","FieldLayout","Input","event"],"mappings":";;;;;;AAQO,SAASA,EAAUC,GAA0B;AAClD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAiB,GAChE;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,KAAAC;AAAA,IACA,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAoBC;AAAA,IACpB,mBAAmBC;AAAA,IACnB,GAAGC;AAAA,EAAA,IACD1B,GACE,EAAE,SAAA2B,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASnB;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,IACA,iBAAiBmB;AAAA,EAAA,CAClB;AAMD,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAA7B;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASoB;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,WAAAZ;AAAA,MACA,yBAAAC;AAAA,MACA,eAAe;AAAA,MACd,GAAGQ;AAAA,MAEJ,UAAA,gBAAAM;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAIP;AAAA,UACJ,UAAAlB;AAAA,UACA,MAAAN;AAAA,UACA,MAAAK;AAAA,UACA,OAAOK,KAAS;AAAA,UAChB,aAAAC;AAAA,UACA,UAzBe,CAACqB,MAAyC;AAC7D,YAAApB,IAAWoB,EAAM,OAAO,KAAK;AAAA,UAC/B;AAAA,UAwBM,QAAAnB;AAAA,UACA,oBAAkBc;AAAA,UAClB,mBAAiBL;AAAA,UACjB,gBAAcf;AAAA,UACd,YAAAC;AAAA,UACA,gBAAAS;AAAA,UACA,cAAAD;AAAA,UACA,KAAAE;AAAA,UACA,KAAAC;AAAA,UACA,WAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"TextInput.js","sources":["../../../../../src/components/Common/UI/TextInput/TextInput.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport { Input } from '../Input'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport type { TextInputProps } from './TextInputTypes'\nimport { TextInputDefaults } from './TextInputTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\n\n/**\n * Renders a single-line text input with a label, optional description, error message, and adornments.\n *\n * @param rawProps - The {@link TextInputProps} controlling the input's value, label, validation state, and surrounding layout.\n * @returns The rendered text input wrapped in its field layout.\n * @internal\n */\nexport function TextInput(rawProps: TextInputProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, TextInputDefaults)\n  const {\n    name,\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    type,\n    inputRef,\n    isInvalid,\n    isDisabled,\n    id,\n    value,\n    placeholder,\n    onChange,\n    onBlur,\n    className,\n    shouldVisuallyHideLabel,\n    adornmentEnd,\n    adornmentStart,\n    min,\n    max,\n    maxLength,\n    'aria-describedby': ariaDescribedByFromProps,\n    'aria-labelledby': ariaLabelledBy,\n    ...otherProps\n  } = resolvedProps\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n    ariaDescribedBy: ariaDescribedByFromProps,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.value)\n  }\n\n  return (\n    <FieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      className={className}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      withErrorIcon={false}\n      {...otherProps}\n    >\n      <Input\n        id={inputId}\n        inputRef={inputRef}\n        name={name}\n        type={type}\n        value={value ?? ''}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onBlur={onBlur}\n        aria-describedby={ariaDescribedBy}\n        aria-labelledby={ariaLabelledBy}\n        aria-invalid={isInvalid}\n        isDisabled={isDisabled}\n        adornmentStart={adornmentStart}\n        adornmentEnd={adornmentEnd}\n        min={min}\n        max={max}\n        maxLength={maxLength}\n      />\n    </FieldLayout>\n  )\n}\n"],"names":["TextInput","rawProps","resolvedProps","applyMissingDefaults","TextInputDefaults","name","label","description","errorMessage","isRequired","type","inputRef","isInvalid","isDisabled","id","value","placeholder","onChange","onBlur","className","shouldVisuallyHideLabel","adornmentEnd","adornmentStart","min","max","maxLength","ariaDescribedByFromProps","ariaLabelledBy","otherProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","jsx","FieldLayout","Input","event"],"mappings":";;;;;;AAeO,SAASA,EAAUC,GAA0B;AAClD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAiB,GAChE;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,KAAAC;AAAA,IACA,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAoBC;AAAA,IACpB,mBAAmBC;AAAA,IACnB,GAAGC;AAAA,EAAA,IACD1B,GACE,EAAE,SAAA2B,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASnB;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,IACA,iBAAiBmB;AAAA,EAAA,CAClB;AAMD,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAA7B;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASoB;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,WAAAZ;AAAA,MACA,yBAAAC;AAAA,MACA,eAAe;AAAA,MACd,GAAGQ;AAAA,MAEJ,UAAA,gBAAAM;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAIP;AAAA,UACJ,UAAAlB;AAAA,UACA,MAAAN;AAAA,UACA,MAAAK;AAAA,UACA,OAAOK,KAAS;AAAA,UAChB,aAAAC;AAAA,UACA,UAzBe,CAACqB,MAAyC;AAC7D,YAAApB,IAAWoB,EAAM,OAAO,KAAK;AAAA,UAC/B;AAAA,UAwBM,QAAAnB;AAAA,UACA,oBAAkBc;AAAA,UAClB,mBAAiBL;AAAA,UACjB,gBAAcf;AAAA,UACd,YAAAC;AAAA,UACA,gBAAAS;AAAA,UACA,cAAAD;AAAA,UACA,KAAAE;AAAA,UACA,KAAAC;AAAA,UACA,WAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/components/Common/UI/TextInput/TextInputTypes.d.ts

@@ -1,6 +1,12 @@
 import { Ref, InputHTMLAttributes } from 'react';
 import { InputProps } from '../Input/InputTypes';
 import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
+/**
+ * Props your `TextInput` implementation must accept from the component adapter.
+ * Renders a form field wrapping an `<input />` with a label, description, error message, and start/end adornment slots.
+ *
+ * @public
+ */
 export interface TextInputProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'placeholder' | 'className' | 'type' | 'min' | 'max' | 'maxLength'>, Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'aria-labelledby'> {
     /**
      * React ref for the input element
@@ -16,10 +22,14 @@ export interface TextInputProps extends SharedFieldLayoutProps, Pick<InputHTMLAt
     onChange?: (value: string) => void;
     /**
      * Indicates that the field has an error
+     *
+     * @defaultValue `false`
      */
     isInvalid?: boolean;
     /**
      * Disables the input and prevents interaction
+     *
+     * @defaultValue `false`
      */
     isDisabled?: boolean;
     /**
@@ -36,8 +46,9 @@ export interface TextInputProps extends SharedFieldLayoutProps, Pick<InputHTMLAt
     adornmentEnd?: InputProps['adornmentEnd'];
 }
 /**
- * Default prop values for TextInput component.
- * These are used by the component adapter to automatically provide defaults.
+ * Default prop values for the TextInput component.
+ *
+ * @internal
  */
 export declare const TextInputDefaults: {
     readonly type: "text";

package/dist/components/Common/UI/TextInput/TextInputTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputTypes.js","sources":["../../../../../src/components/Common/UI/TextInput/TextInputTypes.ts"],"sourcesContent":["import type { Ref, InputHTMLAttributes } from 'react'\nimport type { InputProps } from '../Input/InputTypes'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\nexport interface TextInputProps\n  extends\n    SharedFieldLayoutProps,\n    Pick<\n      InputHTMLAttributes<HTMLInputElement>,\n      'name' | 'id' | 'placeholder' | 'className' | 'type' | 'min' | 'max' | 'maxLength'\n    >,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'aria-labelledby'> {\n  /**\n   * React ref for the input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Current value of the input\n   */\n  value?: string\n  /**\n   * Callback when input value changes\n   */\n  onChange?: (value: string) => void\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the input and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Handler for blur events\n   */\n  onBlur?: () => void\n  /**\n   * Element to display at the start of the input\n   */\n  adornmentStart?: InputProps['adornmentStart']\n  /**\n   * Element to display at the end of the input\n   */\n  adornmentEnd?: InputProps['adornmentEnd']\n}\n\n/**\n * Default prop values for TextInput component.\n * These are used by the component adapter to automatically provide defaults.\n */\nexport const TextInputDefaults = {\n  type: 'text',\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<TextInputProps>\n"],"names":["TextInputDefaults"],"mappings":"AAkDO,MAAMA,IAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,YAAY;AACd;"}
+{"version":3,"file":"TextInputTypes.js","sources":["../../../../../src/components/Common/UI/TextInput/TextInputTypes.ts"],"sourcesContent":["import type { Ref, InputHTMLAttributes } from 'react'\nimport type { InputProps } from '../Input/InputTypes'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\n/**\n * Props your `TextInput` implementation must accept from the component adapter.\n * Renders a form field wrapping an `<input />` with a label, description, error message, and start/end adornment slots.\n *\n * @public\n */\nexport interface TextInputProps\n  extends\n    SharedFieldLayoutProps,\n    Pick<\n      InputHTMLAttributes<HTMLInputElement>,\n      'name' | 'id' | 'placeholder' | 'className' | 'type' | 'min' | 'max' | 'maxLength'\n    >,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'aria-labelledby'> {\n  /**\n   * React ref for the input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Current value of the input\n   */\n  value?: string\n  /**\n   * Callback when input value changes\n   */\n  onChange?: (value: string) => void\n  /**\n   * Indicates that the field has an error\n   *\n   * @defaultValue `false`\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the input and prevents interaction\n   *\n   * @defaultValue `false`\n   */\n  isDisabled?: boolean\n  /**\n   * Handler for blur events\n   */\n  onBlur?: () => void\n  /**\n   * Element to display at the start of the input\n   */\n  adornmentStart?: InputProps['adornmentStart']\n  /**\n   * Element to display at the end of the input\n   */\n  adornmentEnd?: InputProps['adornmentEnd']\n}\n\n/**\n * Default prop values for the TextInput component.\n *\n * @internal\n */\nexport const TextInputDefaults = {\n  type: 'text',\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<TextInputProps>\n"],"names":["TextInputDefaults"],"mappings":"AA6DO,MAAMA,IAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,YAAY;AACd;"}

package/dist/components/Common/UI/hooks/useFieldIds.d.ts

@@ -6,6 +6,7 @@ interface UseFieldIdsProps {
     descriptionId?: string;
     ariaDescribedBy?: string;
 }
+/** @internal */
 export declare function useFieldIds({ inputId: providedInputId, errorMessage, errorMessageId: providedErrorMessageId, description, descriptionId: providedDescriptionId, ariaDescribedBy: providedAriaDescribedBy, }: UseFieldIdsProps): {
     inputId: string;
     errorMessageId: string;

package/dist/components/Common/UI/hooks/useFieldIds.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFieldIds.js","sources":["../../../../../src/components/Common/UI/hooks/useFieldIds.ts"],"sourcesContent":["import { useId } from 'react'\n\ninterface UseFieldIdsProps {\n  inputId?: string\n  errorMessage?: string\n  errorMessageId?: string\n  description?: React.ReactNode\n  descriptionId?: string\n  ariaDescribedBy?: string\n}\n\nexport function useFieldIds({\n  inputId: providedInputId,\n  errorMessage,\n  errorMessageId: providedErrorMessageId,\n  description,\n  descriptionId: providedDescriptionId,\n  ariaDescribedBy: providedAriaDescribedBy,\n}: UseFieldIdsProps) {\n  const generatedInputId = useId()\n  const generatedErrorMessageId = useId()\n  const generatedDescriptionId = useId()\n\n  const inputId = providedInputId || `input-${generatedInputId}`\n  const errorMessageId = providedErrorMessageId || `error-message-${generatedErrorMessageId}`\n  const descriptionId = providedDescriptionId || `description-${generatedDescriptionId}`\n\n  return {\n    inputId,\n    errorMessageId,\n    descriptionId,\n    ariaDescribedBy: [\n      description ? descriptionId : null,\n      errorMessage ? errorMessageId : null,\n      providedAriaDescribedBy,\n    ]\n      .filter(Boolean)\n      .join(' '),\n  }\n}\n"],"names":["useFieldIds","providedInputId","errorMessage","providedErrorMessageId","description","providedDescriptionId","providedAriaDescribedBy","generatedInputId","useId","generatedErrorMessageId","generatedDescriptionId","inputId","errorMessageId","descriptionId"],"mappings":";AAWO,SAASA,EAAY;AAAA,EAC1B,SAASC;AAAA,EACT,cAAAC;AAAA,EACA,gBAAgBC;AAAA,EAChB,aAAAC;AAAA,EACA,eAAeC;AAAA,EACf,iBAAiBC;AACnB,GAAqB;AACnB,QAAMC,IAAmBC,EAAA,GACnBC,IAA0BD,EAAA,GAC1BE,IAAyBF,EAAA,GAEzBG,IAAUV,KAAmB,SAASM,CAAgB,IACtDK,IAAiBT,KAA0B,iBAAiBM,CAAuB,IACnFI,IAAgBR,KAAyB,eAAeK,CAAsB;AAEpF,SAAO;AAAA,IACL,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAiB;AAAA,MACfT,IAAcS,IAAgB;AAAA,MAC9BX,IAAeU,IAAiB;AAAA,MAChCN;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,EAAA;AAEf;"}
+{"version":3,"file":"useFieldIds.js","sources":["../../../../../src/components/Common/UI/hooks/useFieldIds.ts"],"sourcesContent":["import { useId } from 'react'\n\ninterface UseFieldIdsProps {\n  inputId?: string\n  errorMessage?: string\n  errorMessageId?: string\n  description?: React.ReactNode\n  descriptionId?: string\n  ariaDescribedBy?: string\n}\n\n/** @internal */\nexport function useFieldIds({\n  inputId: providedInputId,\n  errorMessage,\n  errorMessageId: providedErrorMessageId,\n  description,\n  descriptionId: providedDescriptionId,\n  ariaDescribedBy: providedAriaDescribedBy,\n}: UseFieldIdsProps) {\n  const generatedInputId = useId()\n  const generatedErrorMessageId = useId()\n  const generatedDescriptionId = useId()\n\n  const inputId = providedInputId || `input-${generatedInputId}`\n  const errorMessageId = providedErrorMessageId || `error-message-${generatedErrorMessageId}`\n  const descriptionId = providedDescriptionId || `description-${generatedDescriptionId}`\n\n  return {\n    inputId,\n    errorMessageId,\n    descriptionId,\n    ariaDescribedBy: [\n      description ? descriptionId : null,\n      errorMessage ? errorMessageId : null,\n      providedAriaDescribedBy,\n    ]\n      .filter(Boolean)\n      .join(' '),\n  }\n}\n"],"names":["useFieldIds","providedInputId","errorMessage","providedErrorMessageId","description","providedDescriptionId","providedAriaDescribedBy","generatedInputId","useId","generatedErrorMessageId","generatedDescriptionId","inputId","errorMessageId","descriptionId"],"mappings":";AAYO,SAASA,EAAY;AAAA,EAC1B,SAASC;AAAA,EACT,cAAAC;AAAA,EACA,gBAAgBC;AAAA,EAChB,aAAAC;AAAA,EACA,eAAeC;AAAA,EACf,iBAAiBC;AACnB,GAAqB;AACnB,QAAMC,IAAmBC,EAAA,GACnBC,IAA0BD,EAAA,GAC1BE,IAAyBF,EAAA,GAEzBG,IAAUV,KAAmB,SAASM,CAAgB,IACtDK,IAAiBT,KAA0B,iBAAiBM,CAAuB,IACnFI,IAAgBR,KAAyB,eAAeK,CAAsB;AAEpF,SAAO;AAAA,IACL,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAiB;AAAA,MACfT,IAAcS,IAAgB;AAAA,MAC9BX,IAAeU,IAAiB;AAAA,MAChCN;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,EAAA;AAEf;"}

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

@@ -10,4 +10,4 @@ export interface VisuallyHiddenProps extends HTMLAttributes<HTMLDivElement> {
      */
     children: React.ReactNode;
 }
-export declare function VisuallyHidden({ as: Component, children, className, ...props }: VisuallyHiddenProps): import("react/jsx-runtime").JSX.Element;
+export declare function VisuallyHidden({ as: Component, children, className, ...props }: VisuallyHiddenProps): React.JSX.Element;

package/dist/components/Company/AssignSignatory/AssignSignatory.d.ts

@@ -5,5 +5,5 @@ interface AssignSignatoryProps extends BaseComponentInterface<'Company.AssignSig
     signatoryId?: string;
     defaultValues?: AssignSignatoryDefaultValues;
 }
-export declare function AssignSignatory(props: AssignSignatoryProps): import("react/jsx-runtime").JSX.Element;
+export declare function AssignSignatory(props: AssignSignatoryProps): import("react").JSX.Element;
 export {};

package/dist/components/Company/AssignSignatory/AssignSignatory.js

@@ -8,11 +8,10 @@ import { AssignSignatorySelection as u } from "./AssignSignatorySelection.js";
 import { SignatoryAssignmentMode as m, AssignSignatoryProvider as E } from "./useAssignSignatory.js";
 import { companyEvents as i } from "../../../shared/constants.js";
 import { Flex as C } from "../../Common/Flex/Flex.js";
-import "classnames";
 import { BaseComponent as M } from "../../Base/Base.js";
 import { useBase as h } from "../../Base/useBase.js";
 import { useI18n as I, useComponentDictionary as Y } from "../../../i18n/I18n.js";
-function J(n) {
+function w(n) {
   return /* @__PURE__ */ o(M, { ...n, children: /* @__PURE__ */ o(v, { ...n, children: n.children }) });
 }
 const D = e.object({
@@ -59,6 +58,6 @@ function v({
   ) });
 }
 export {
-  J as AssignSignatory
+  w as AssignSignatory
 };
 //# sourceMappingURL=AssignSignatory.js.map

package/dist/components/Company/AssignSignatory/AssignSignatory.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssignSignatory.js","sources":["../../../../src/components/Company/AssignSignatory/AssignSignatory.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { SignatoryForm } from './SignatoryForm'\nimport { Head } from './Head'\nimport { AssignSignatorySelection } from './AssignSignatorySelection'\nimport type { AssignSignatoryDefaultValues } from './useAssignSignatory'\nimport { AssignSignatoryProvider, SignatoryAssignmentMode } from './useAssignSignatory'\nimport { companyEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\nimport { useBase, BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\n\ninterface AssignSignatoryProps extends BaseComponentInterface<'Company.AssignSignatory'> {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: AssignSignatoryDefaultValues\n}\n\nexport function AssignSignatory(props: AssignSignatoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst AssignSignatorySelectionSchema = z.object({\n  signatoryAssignmentMode: z.union([\n    z.literal(SignatoryAssignmentMode.createSignatory),\n    z.literal(SignatoryAssignmentMode.inviteSignatory),\n  ]),\n})\n\ntype AssignSignatorySelectionInputs = z.infer<typeof AssignSignatorySelectionSchema>\n\nfunction Root({\n  companyId,\n  signatoryId,\n  defaultValues,\n  className,\n  children,\n  dictionary,\n}: AssignSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  useComponentDictionary('Company.AssignSignatory', dictionary)\n\n  const { onEvent } = useBase()\n\n  const formMethods = useForm<AssignSignatorySelectionInputs>({\n    resolver: zodResolver(AssignSignatorySelectionSchema),\n    defaultValues: {\n      signatoryAssignmentMode: SignatoryAssignmentMode.createSignatory,\n    },\n  })\n\n  const onSignatoryAssignmentModeChange = (mode: string) => {\n    onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_MODE_UPDATED, mode)\n  }\n\n  const onSignatoryFormEvent: BaseComponentInterface['onEvent'] = (event, data) => {\n    if (event === companyEvents.COMPANY_CREATE_SIGNATORY_DONE) {\n      onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_DONE)\n    } else if (event === companyEvents.COMPANY_INVITE_SIGNATORY_DONE) {\n      onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_DONE)\n    } else {\n      onEvent(event, data)\n    }\n  }\n\n  return (\n    <section className={className}>\n      <AssignSignatoryProvider\n        value={{\n          companyId,\n          signatoryId,\n          defaultValues,\n          onSignatoryAssignmentModeChange,\n          onSignatoryFormEvent,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          <FormProvider {...formMethods}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <AssignSignatorySelection />\n                <SignatoryForm />\n              </>\n            )}\n          </FormProvider>\n        </Flex>\n      </AssignSignatoryProvider>\n    </section>\n  )\n}\n"],"names":["AssignSignatory","props","jsx","BaseComponent","Root","AssignSignatorySelectionSchema","z","SignatoryAssignmentMode","companyId","signatoryId","defaultValues","className","children","dictionary","useI18n","useComponentDictionary","onEvent","useBase","formMethods","useForm","zodResolver","AssignSignatoryProvider","mode","companyEvents","event","data","Flex","FormProvider","jsxs","Fragment","Head","AssignSignatorySelection","SignatoryForm"],"mappings":";;;;;;;;;;;;;;AAmBO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMI,IAAiCC,EAAE,OAAO;AAAA,EAC9C,yBAAyBA,EAAE,MAAM;AAAA,IAC/BA,EAAE,QAAQC,EAAwB,eAAe;AAAA,IACjDD,EAAE,QAAQC,EAAwB,eAAe;AAAA,EAAA,CAClD;AACH,CAAC;AAID,SAASH,EAAK;AAAA,EACZ,WAAAI;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAAyB;AACvB,EAAAC,EAAQ,yBAAyB,GACjCC,EAAuB,2BAA2BF,CAAU;AAE5D,QAAM,EAAE,SAAAG,EAAA,IAAYC,EAAA,GAEdC,IAAcC,EAAwC;AAAA,IAC1D,UAAUC,EAAYf,CAA8B;AAAA,IACpD,eAAe;AAAA,MACb,yBAAyBE,EAAwB;AAAA,IAAA;AAAA,EACnD,CACD;AAgBD,SACE,gBAAAL,EAAC,aAAQ,WAAAS,GACP,UAAA,gBAAAT;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAb;AAAA,QACA,aAAAC;AAAA,QACA,eAAAC;AAAA,QACA,iCArBgC,CAACY,MAAiB;AACxD,UAAAN,EAAQO,EAAc,uCAAuCD,CAAI;AAAA,QACnE;AAAA,QAoBQ,sBAlBwD,CAACE,GAAOC,MAAS;AAC/E,UAAID,MAAUD,EAAc,gCAC1BP,EAAQO,EAAc,6BAA6B,IAC1CC,MAAUD,EAAc,gCACjCP,EAAQO,EAAc,6BAA6B,IAEnDP,EAAQQ,GAAOC,CAAI;AAAA,QAEvB;AAAA,MAUQ;AAAA,MAGF,UAAA,gBAAAvB,EAACwB,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAxB,EAACyB,GAAA,EAAc,GAAGT,GACf,UAAAN,KAGC,gBAAAgB,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAA3B,EAAC4B,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAyB;AAAA,0BACzBC,GAAA,CAAA,CAAc;AAAA,MAAA,EAAA,CACjB,GAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"AssignSignatory.js","sources":["../../../../src/components/Company/AssignSignatory/AssignSignatory.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { SignatoryForm } from './SignatoryForm'\nimport { Head } from './Head'\nimport { AssignSignatorySelection } from './AssignSignatorySelection'\nimport type { AssignSignatoryDefaultValues } from './useAssignSignatory'\nimport { AssignSignatoryProvider, SignatoryAssignmentMode } from './useAssignSignatory'\nimport { companyEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\nimport { useBase, BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\n\ninterface AssignSignatoryProps extends BaseComponentInterface<'Company.AssignSignatory'> {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: AssignSignatoryDefaultValues\n}\n\nexport function AssignSignatory(props: AssignSignatoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst AssignSignatorySelectionSchema = z.object({\n  signatoryAssignmentMode: z.union([\n    z.literal(SignatoryAssignmentMode.createSignatory),\n    z.literal(SignatoryAssignmentMode.inviteSignatory),\n  ]),\n})\n\ntype AssignSignatorySelectionInputs = z.infer<typeof AssignSignatorySelectionSchema>\n\nfunction Root({\n  companyId,\n  signatoryId,\n  defaultValues,\n  className,\n  children,\n  dictionary,\n}: AssignSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  useComponentDictionary('Company.AssignSignatory', dictionary)\n\n  const { onEvent } = useBase()\n\n  const formMethods = useForm<AssignSignatorySelectionInputs>({\n    resolver: zodResolver(AssignSignatorySelectionSchema),\n    defaultValues: {\n      signatoryAssignmentMode: SignatoryAssignmentMode.createSignatory,\n    },\n  })\n\n  const onSignatoryAssignmentModeChange = (mode: string) => {\n    onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_MODE_UPDATED, mode)\n  }\n\n  const onSignatoryFormEvent: BaseComponentInterface['onEvent'] = (event, data) => {\n    if (event === companyEvents.COMPANY_CREATE_SIGNATORY_DONE) {\n      onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_DONE)\n    } else if (event === companyEvents.COMPANY_INVITE_SIGNATORY_DONE) {\n      onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_DONE)\n    } else {\n      onEvent(event, data)\n    }\n  }\n\n  return (\n    <section className={className}>\n      <AssignSignatoryProvider\n        value={{\n          companyId,\n          signatoryId,\n          defaultValues,\n          onSignatoryAssignmentModeChange,\n          onSignatoryFormEvent,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          <FormProvider {...formMethods}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <AssignSignatorySelection />\n                <SignatoryForm />\n              </>\n            )}\n          </FormProvider>\n        </Flex>\n      </AssignSignatoryProvider>\n    </section>\n  )\n}\n"],"names":["AssignSignatory","props","jsx","BaseComponent","Root","AssignSignatorySelectionSchema","z","SignatoryAssignmentMode","companyId","signatoryId","defaultValues","className","children","dictionary","useI18n","useComponentDictionary","onEvent","useBase","formMethods","useForm","zodResolver","AssignSignatoryProvider","mode","companyEvents","event","data","Flex","FormProvider","jsxs","Fragment","Head","AssignSignatorySelection","SignatoryForm"],"mappings":";;;;;;;;;;;;;AAmBO,SAASA,EAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMI,IAAiCC,EAAE,OAAO;AAAA,EAC9C,yBAAyBA,EAAE,MAAM;AAAA,IAC/BA,EAAE,QAAQC,EAAwB,eAAe;AAAA,IACjDD,EAAE,QAAQC,EAAwB,eAAe;AAAA,EAAA,CAClD;AACH,CAAC;AAID,SAASH,EAAK;AAAA,EACZ,WAAAI;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAAyB;AACvB,EAAAC,EAAQ,yBAAyB,GACjCC,EAAuB,2BAA2BF,CAAU;AAE5D,QAAM,EAAE,SAAAG,EAAA,IAAYC,EAAA,GAEdC,IAAcC,EAAwC;AAAA,IAC1D,UAAUC,EAAYf,CAA8B;AAAA,IACpD,eAAe;AAAA,MACb,yBAAyBE,EAAwB;AAAA,IAAA;AAAA,EACnD,CACD;AAgBD,SACE,gBAAAL,EAAC,aAAQ,WAAAS,GACP,UAAA,gBAAAT;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAb;AAAA,QACA,aAAAC;AAAA,QACA,eAAAC;AAAA,QACA,iCArBgC,CAACY,MAAiB;AACxD,UAAAN,EAAQO,EAAc,uCAAuCD,CAAI;AAAA,QACnE;AAAA,QAoBQ,sBAlBwD,CAACE,GAAOC,MAAS;AAC/E,UAAID,MAAUD,EAAc,gCAC1BP,EAAQO,EAAc,6BAA6B,IAC1CC,MAAUD,EAAc,gCACjCP,EAAQO,EAAc,6BAA6B,IAEnDP,EAAQQ,GAAOC,CAAI;AAAA,QAEvB;AAAA,MAUQ;AAAA,MAGF,UAAA,gBAAAvB,EAACwB,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAxB,EAACyB,GAAA,EAAc,GAAGT,GACf,UAAAN,KAGC,gBAAAgB,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAA3B,EAAC4B,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAyB;AAAA,0BACzBC,GAAA,CAAA,CAAc;AAAA,MAAA,EAAA,CACjB,GAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Company/AssignSignatory/AssignSignatorySelection.d.ts

@@ -1 +1 @@
-export declare const AssignSignatorySelection: () => import("react/jsx-runtime").JSX.Element;
+export declare const AssignSignatorySelection: () => import("react").JSX.Element;

package/dist/components/Company/AssignSignatory/AssignSignatorySelection.js

@@ -2,10 +2,9 @@ import { jsx as i } from "react/jsx-runtime";
 import { useTranslation as e } from "react-i18next";
 import { useAssignSignatory as s, SignatoryAssignmentMode as o } from "./useAssignSignatory.js";
 import r from "./AssignSignatorySelection.module.scss.js";
-import "classnames";
 import "../../../shared/constants.js";
 import { RadioGroupField as a } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-const S = () => {
+const u = () => {
   const { t: n } = e("Company.AssignSignatory"), { onSignatoryAssignmentModeChange: t } = s();
   return /* @__PURE__ */ i("section", { className: r.container, children: /* @__PURE__ */ i(
     a,
@@ -28,6 +27,6 @@ const S = () => {
   ) });
 };
 export {
-  S as AssignSignatorySelection
+  u as AssignSignatorySelection
 };
 //# sourceMappingURL=AssignSignatorySelection.js.map

package/dist/components/Company/AssignSignatory/AssignSignatorySelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssignSignatorySelection.js","sources":["../../../../src/components/Company/AssignSignatory/AssignSignatorySelection.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { SignatoryAssignmentMode, useAssignSignatory } from './useAssignSignatory'\nimport styles from './AssignSignatorySelection.module.scss'\nimport { RadioGroupField } from '@/components/Common'\n\nexport const AssignSignatorySelection = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const { onSignatoryAssignmentModeChange } = useAssignSignatory()\n\n  return (\n    <section className={styles.container}>\n      <RadioGroupField\n        onChange={onSignatoryAssignmentModeChange}\n        label={t('signingOptions.label')}\n        shouldVisuallyHideLabel\n        name=\"signatoryAssignmentMode\"\n        options={[\n          {\n            label: t('signingOptions.selfSign'),\n            value: SignatoryAssignmentMode.createSignatory,\n          },\n          {\n            label: t('signingOptions.appointOther'),\n            value: SignatoryAssignmentMode.inviteSignatory,\n          },\n        ]}\n      />\n    </section>\n  )\n}\n"],"names":["AssignSignatorySelection","t","useTranslation","onSignatoryAssignmentModeChange","useAssignSignatory","jsx","styles","RadioGroupField","SignatoryAssignmentMode"],"mappings":";;;;;;;AAKO,MAAMA,IAA2B,MAAM;AAC5C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,iCAAAC,EAAA,IAAoCC,EAAA;AAE5C,SACE,gBAAAC,EAAC,WAAA,EAAQ,WAAWC,EAAO,WACzB,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,UAAUJ;AAAA,MACV,OAAOF,EAAE,sBAAsB;AAAA,MAC/B,yBAAuB;AAAA,MACvB,MAAK;AAAA,MACL,SAAS;AAAA,QACP;AAAA,UACE,OAAOA,EAAE,yBAAyB;AAAA,UAClC,OAAOO,EAAwB;AAAA,QAAA;AAAA,QAEjC;AAAA,UACE,OAAOP,EAAE,6BAA6B;AAAA,UACtC,OAAOO,EAAwB;AAAA,QAAA;AAAA,MACjC;AAAA,IACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"AssignSignatorySelection.js","sources":["../../../../src/components/Company/AssignSignatory/AssignSignatorySelection.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { SignatoryAssignmentMode, useAssignSignatory } from './useAssignSignatory'\nimport styles from './AssignSignatorySelection.module.scss'\nimport { RadioGroupField } from '@/components/Common'\n\nexport const AssignSignatorySelection = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const { onSignatoryAssignmentModeChange } = useAssignSignatory()\n\n  return (\n    <section className={styles.container}>\n      <RadioGroupField\n        onChange={onSignatoryAssignmentModeChange}\n        label={t('signingOptions.label')}\n        shouldVisuallyHideLabel\n        name=\"signatoryAssignmentMode\"\n        options={[\n          {\n            label: t('signingOptions.selfSign'),\n            value: SignatoryAssignmentMode.createSignatory,\n          },\n          {\n            label: t('signingOptions.appointOther'),\n            value: SignatoryAssignmentMode.inviteSignatory,\n          },\n        ]}\n      />\n    </section>\n  )\n}\n"],"names":["AssignSignatorySelection","t","useTranslation","onSignatoryAssignmentModeChange","useAssignSignatory","jsx","styles","RadioGroupField","SignatoryAssignmentMode"],"mappings":";;;;;;AAKO,MAAMA,IAA2B,MAAM;AAC5C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,iCAAAC,EAAA,IAAoCC,EAAA;AAE5C,SACE,gBAAAC,EAAC,WAAA,EAAQ,WAAWC,EAAO,WACzB,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,UAAUJ;AAAA,MACV,OAAOF,EAAE,sBAAsB;AAAA,MAC/B,yBAAuB;AAAA,MACvB,MAAK;AAAA,MACL,SAAS;AAAA,QACP;AAAA,UACE,OAAOA,EAAE,yBAAyB;AAAA,UAClC,OAAOO,EAAwB;AAAA,QAAA;AAAA,QAEjC;AAAA,UACE,OAAOP,EAAE,6BAA6B;AAAA,UACtC,OAAOO,EAAwB;AAAA,QAAA;AAAA,MACjC;AAAA,IACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Company/AssignSignatory/CreateSignatory/Actions.d.ts

@@ -1 +1 @@
-export declare const Actions: () => import("react/jsx-runtime").JSX.Element;
+export declare const Actions: () => import("react").JSX.Element;

package/dist/components/Company/AssignSignatory/CreateSignatory/Actions.js

@@ -1,15 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useTranslation as r } from "react-i18next";
 import { useCreateSignatory as s } from "./useCreateSignatory.js";
-import "classnames";
 import "../../../../shared/constants.js";
 import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as e } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const C = () => {
+const y = () => {
   const { t } = r("Company.AssignSignatory"), { isPending: n } = s(), i = e();
   return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(i.Button, { type: "submit", isLoading: n, children: t("buttons.signDocuments") }) });
 };
 export {
-  C as Actions
+  y as Actions
 };
 //# sourceMappingURL=Actions.js.map