@gusto/embedded-react-sdk 0.8.1 → 0.9.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changelog
 
+## 0.9.0
+
+- Added new Contractor.Address form component for managing contractor address information
+- Improved ComboBox accessibility and added comprehensive component tests
+- Added accessibility testing infrastructure with foundational component coverage
+- Added accessibility tests to complex interactive and data components
+- Fixed state tax boolean validation issues
+- Updated Gusto embedded-api version to the latest
+
+## 0.8.2
+
+- Refactored employee flow components structure and improved organization within Employee namespace
+- Added component-level dictionary override functionality for improved internationalization
+- Updated state taxes component to support API-based validation messages
+- Fixed commission Zod schema validation issues
+- Fixed issue with headers not being passed properly through our API client
+
 ## 0.8.1
 
 - Replaced Valibot with Zod for bundle size reduction. Also included zod as a dependency
@@ -16,7 +33,7 @@
   - Introduced Company.OnboardingOverview component for tracking onboarding progress
   - Improved state management and context handling for onboarding components
   - Enhanced documentation for company onboarding workflow
-- Added Company.StateTaxesFlow component for managing state tax requirements
+- Added Company.StateTaxes component for managing state tax requirements
   - Support for state-specific tax forms and requirements
   - Ability to update state tax settings with validation
 - Component Adapter initial implementation available with most components (Docs coming soon)
@@ -108,7 +125,7 @@ You would do the following instead::
 >
 ```
 
-#### DocumentSigner has been renamed to DocumentSignerFlow
+#### DocumentSigner has been renamed to DocumentSigner
 
 Where you would previously do
 
@@ -119,7 +136,7 @@ Where you would previously do
 You should update the naming as follows:
 
 ```tsx
-<Employee.DocumentSignerFlow employeeId="some-id" onEvent={() => {}} />
+<Employee.DocumentSigner employeeId="some-id" onEvent={() => {}} />
 ```
 
 ## 0.6.0

package/dist/components/Base/Base.d.ts

@@ -1,16 +1,17 @@
-import { ReactNode, FC, JSX } from 'react';
+import { ReactNode, JSX } from 'react';
 import { FallbackProps } from 'react-error-boundary';
 import { OnEventType } from './useBase';
 import { EventType } from '../../shared/constants';
-export interface CommonComponentInterface {
+import { ResourceDictionary, Resources } from '../../types/Helpers';
+export interface CommonComponentInterface<TResourceKey extends keyof Resources = keyof Resources> {
     children?: ReactNode;
     className?: string;
     defaultValues?: unknown;
+    dictionary?: ResourceDictionary<TResourceKey>;
 }
-export interface BaseComponentInterface {
+export interface BaseComponentInterface<TResourceKey extends keyof Resources = keyof Resources> extends CommonComponentInterface<TResourceKey> {
     FallbackComponent?: (props: FallbackProps) => JSX.Element;
     LoaderComponent?: () => JSX.Element;
     onEvent: OnEventType<EventType, unknown>;
-    children?: ReactNode;
 }
-export declare const BaseComponent: FC<BaseComponentInterface>;
+export declare const BaseComponent: <TResourceKey extends keyof Resources = keyof Resources>({ children, FallbackComponent, LoaderComponent, onEvent, dictionary, }: BaseComponentInterface<TResourceKey>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Base/Base.js

@@ -1,71 +1,72 @@
-import { jsx as a, jsxs as b } from "react/jsx-runtime";
-import { useState as u, useCallback as h, Suspense as x } from "react";
-import { ErrorBoundary as v } from "react-error-boundary";
-import { useTranslation as A } from "react-i18next";
-import { APIError as S } from "@gusto/embedded-api/models/errors/apierror";
-import { SDKValidationError as _ } from "@gusto/embedded-api/models/errors/sdkvalidationerror";
-import { UnprocessableEntityErrorObject as d } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
-import { FadeIn as j } from "../Common/FadeIn/FadeIn.js";
-import { BaseContext as B } from "./useBase.js";
-import { componentEvents as I } from "../../shared/constants.js";
-import { useAsyncError as K } from "../Common/hooks/useAsyncError.js";
-import { Loading as P } from "../Common/Loading/Loading.js";
-import { InternalError as R } from "../Common/InternalError/InternalError.js";
-import { snakeCaseToCamelCase as w } from "../../helpers/formattedStrings.js";
-import { useComponentContext as M } from "../../contexts/ComponentAdapter/useComponentContext.js";
-const O = (t) => t.map((e) => e.message ? /* @__PURE__ */ a("li", { children: e.message }, e.key) : null), y = (t, e) => {
-  const n = e ? e + "." : "";
+import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import { useState as p, useCallback as x, Suspense as v } from "react";
+import { ErrorBoundary as A } from "react-error-boundary";
+import { useTranslation as S } from "react-i18next";
+import { APIError as _ } from "@gusto/embedded-api/models/errors/apierror";
+import { SDKValidationError as j } from "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import { UnprocessableEntityErrorObject as u } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import { FadeIn as B } from "../Common/FadeIn/FadeIn.js";
+import { BaseContext as I } from "./useBase.js";
+import { componentEvents as K } from "../../shared/constants.js";
+import { useAsyncError as P } from "../Common/hooks/useAsyncError.js";
+import { Loading as R } from "../Common/Loading/Loading.js";
+import { InternalError as w } from "../Common/InternalError/InternalError.js";
+import { snakeCaseToCamelCase as M } from "../../helpers/formattedStrings.js";
+import { useComponentContext as O } from "../../contexts/ComponentAdapter/useComponentContext.js";
+const T = (t) => t.map((e) => e.message ? /* @__PURE__ */ a("li", { children: e.message }, e.key) : null), y = (t, e) => {
+  const s = e ? e + "." : "";
   if (t.category === "invalid_attribute_value" || t.category === "invalid_operation")
     return [
       {
-        key: w(n + t.errorKey),
+        key: M(s + t.errorKey),
         message: t.message ?? ""
       }
     ];
   if (t.category === "nested_errors" && t.errors !== void 0) {
     let o = "";
-    return t.metadata?.key && typeof t.metadata.key == "string" ? o = t.metadata.key : t.metadata?.state && typeof t.metadata.state == "string" ? o = t.metadata.state : t.errorKey && (o = t.errorKey), t.errors.flatMap((l) => y(l, n + o));
+    return t.metadata?.key && typeof t.metadata.key == "string" ? o = t.metadata.key : t.metadata?.state && typeof t.metadata.state == "string" ? o = t.metadata.state : t.errorKey && (o = t.errorKey), t.errors.flatMap((f) => y(f, s + o));
   }
   return [];
-}, Y = ({
+}, Z = ({
   children: t,
-  FallbackComponent: e = R,
-  LoaderComponent: n = P,
-  onEvent: o
+  FallbackComponent: e = w,
+  LoaderComponent: s = R,
+  onEvent: o,
+  dictionary: f
 }) => {
-  const [l, i] = u(null), [m, p] = u(null), f = K(), { t: E } = A(), g = M(), k = (r) => {
-    i(r), r instanceof d && Array.isArray(r.errors) && p(r.errors.flatMap((c) => y(c)));
-  }, C = h(
+  const [E, i] = p(null), [m, d] = p(null), l = P(), { t: g } = S(), k = O(), C = (r) => {
+    i(r), r instanceof u && Array.isArray(r.errors) && d(r.errors.flatMap((c) => y(c)));
+  }, b = x(
     async (r, c) => {
-      i(null), p(null);
+      i(null), d(null);
       try {
         await c(r);
-      } catch (s) {
-        s instanceof S || s instanceof _ || s instanceof d ? k(s) : f(s);
+      } catch (n) {
+        n instanceof _ || n instanceof j || n instanceof u ? C(n) : l(n);
       }
     },
-    [i, f]
+    [i, l]
   );
   return /* @__PURE__ */ a(
-    B.Provider,
+    I.Provider,
     {
       value: {
         fieldErrors: m,
         setError: i,
         onEvent: o,
-        throwError: f,
-        baseSubmitHandler: C
+        throwError: l,
+        baseSubmitHandler: b
       },
-      children: /* @__PURE__ */ b(
-        v,
+      children: /* @__PURE__ */ h(
+        A,
         {
           FallbackComponent: e,
           onError: (r) => {
-            o(I.ERROR, r);
+            o(K.ERROR, r);
           },
           children: [
-            (l || m) && /* @__PURE__ */ a(g.Alert, { label: E("status.errorEncountered"), status: "error", children: m && /* @__PURE__ */ a("ul", { children: O(m) }) }),
-            /* @__PURE__ */ a(x, { fallback: /* @__PURE__ */ a(n, {}), children: /* @__PURE__ */ a(j, { children: t }) })
+            (E || m) && /* @__PURE__ */ a(k.Alert, { label: g("status.errorEncountered"), status: "error", children: m && /* @__PURE__ */ a("ul", { children: T(m) }) }),
+            /* @__PURE__ */ a(v, { fallback: /* @__PURE__ */ a(s, {}), children: /* @__PURE__ */ a(B, { children: t }) })
           ]
         }
       )
@@ -73,6 +74,6 @@ const O = (t) => t.map((e) => e.message ? /* @__PURE__ */ a("li", { children: e.
   );
 };
 export {
-  Y as BaseComponent
+  Z as BaseComponent
 };
 //# sourceMappingURL=Base.js.map

package/dist/components/Base/Base.js.map

@@ -1 +1 @@
-{"version":3,"file":"Base.js","sources":["../../../src/components/Base/Base.tsx"],"sourcesContent":["import type { ReactNode, FC, JSX } from 'react'\nimport { Suspense, useState, useCallback } from 'react'\nimport type { FallbackProps } from 'react-error-boundary'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { useTranslation } from 'react-i18next'\nimport { APIError } from '@gusto/embedded-api/models/errors/apierror'\nimport { SDKValidationError } from '@gusto/embedded-api/models/errors/sdkvalidationerror'\nimport { UnprocessableEntityErrorObject } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject'\nimport type { EntityErrorObject } from '@gusto/embedded-api/models/components/entityerrorobject'\nimport { FadeIn } from '../Common/FadeIn/FadeIn'\nimport { BaseContext, type FieldError, type KnownErrors, type OnEventType } from './useBase'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport { InternalError, Loading, useAsyncError } from '@/components/Common'\nimport { snakeCaseToCamelCase } from '@/helpers/formattedStrings'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface CommonComponentInterface {\n  children?: ReactNode\n  className?: string\n  defaultValues?: unknown\n}\n\n// Base component wrapper with error and suspense handling\nexport interface BaseComponentInterface {\n  FallbackComponent?: (props: FallbackProps) => JSX.Element\n  LoaderComponent?: () => JSX.Element\n  onEvent: OnEventType<EventType, unknown>\n  children?: ReactNode\n}\n\n/**Traverses errorList and finds items with message properties */\nconst renderErrorList = (errorList: FieldError[]): React.ReactNode => {\n  return errorList.map(errorFromList => {\n    if (errorFromList.message) {\n      return <li key={errorFromList.key}>{errorFromList.message}</li>\n    }\n    return null\n  })\n}\n/**Recuresively parses error list and constructs an array of objects containing attribute value error messages associated with form fields. Nested errors construct '.' separated keys\n * metadata.state is a special case for state taxes validation errors\n */\nconst getFieldErrors = (\n  error: EntityErrorObject,\n  parentKey?: string,\n): { key: string; message: string }[] => {\n  const keyPrefix = parentKey ? parentKey + '.' : ''\n  if (error.category === 'invalid_attribute_value' || error.category === 'invalid_operation') {\n    return [\n      {\n        key: snakeCaseToCamelCase(keyPrefix + error.errorKey),\n        message: error.message ?? '',\n      },\n    ]\n  }\n  if (error.category === 'nested_errors' && error.errors !== undefined) {\n    //TODO: clean this up once Metadata type is fixed in openapi spec\n    let keySuffix = ''\n    //@ts-expect-error: Metadata in speakeasy is incorrectly typed\n    if (error.metadata?.key && typeof error.metadata.key === 'string') {\n      //@ts-expect-error: Metadata in speakeasy is incorrectly typed\n      keySuffix = error.metadata.key as string\n      //@ts-expect-error: Metadata in speakeasy is incorrectly typed\n    } else if (error.metadata?.state && typeof error.metadata.state === 'string') {\n      //@ts-expect-error: Metadata in speakeasy is incorrectly typed\n      keySuffix = error.metadata.state as string\n    } else if (error.errorKey) {\n      keySuffix = error.errorKey\n    }\n    return error.errors.flatMap(err => getFieldErrors(err, keyPrefix + keySuffix))\n  }\n  return []\n}\n\ntype SubmitHandler<T> = (data: T) => Promise<void>\n\nexport const BaseComponent: FC<BaseComponentInterface> = ({\n  children,\n  FallbackComponent = InternalError,\n  LoaderComponent = Loading,\n  onEvent,\n}) => {\n  const [error, setError] = useState<KnownErrors | null>(null)\n  const [fieldErrors, setFieldErrors] = useState<FieldError[] | null>(null)\n  const throwError = useAsyncError()\n  const { t } = useTranslation()\n  const Components = useComponentContext()\n\n  const processError = (error: KnownErrors) => {\n    setError(error)\n    //422\tapplication/json - content relaited error\n    if (error instanceof UnprocessableEntityErrorObject && Array.isArray(error.errors)) {\n      setFieldErrors(error.errors.flatMap(err => getFieldErrors(err)))\n    }\n  }\n\n  const baseSubmitHandler = useCallback(\n    async <T,>(data: T, componentHandler: SubmitHandler<T>) => {\n      setError(null)\n      setFieldErrors(null)\n      try {\n        await componentHandler(data)\n      } catch (err) {\n        if (\n          err instanceof APIError ||\n          err instanceof SDKValidationError ||\n          err instanceof UnprocessableEntityErrorObject\n        ) {\n          processError(err)\n        } else throwError(err)\n      }\n    },\n    [setError, throwError],\n  )\n\n  return (\n    <BaseContext.Provider\n      value={{\n        fieldErrors,\n        setError,\n        onEvent,\n        throwError,\n        baseSubmitHandler,\n      }}\n    >\n      <ErrorBoundary\n        FallbackComponent={FallbackComponent}\n        onError={err => {\n          onEvent(componentEvents.ERROR, err)\n        }}\n      >\n        {(error || fieldErrors) && (\n          <Components.Alert label={t('status.errorEncountered')} status=\"error\">\n            {fieldErrors && <ul>{renderErrorList(fieldErrors)}</ul>}\n          </Components.Alert>\n        )}\n        <Suspense fallback={<LoaderComponent />}>\n          <FadeIn>{children}</FadeIn>\n        </Suspense>\n      </ErrorBoundary>\n    </BaseContext.Provider>\n  )\n}\n"],"names":["renderErrorList","errorList","errorFromList","jsx","getFieldErrors","error","parentKey","keyPrefix","snakeCaseToCamelCase","keySuffix","err","BaseComponent","children","FallbackComponent","InternalError","LoaderComponent","Loading","onEvent","setError","useState","fieldErrors","setFieldErrors","throwError","useAsyncError","t","useTranslation","Components","useComponentContext","processError","UnprocessableEntityErrorObject","baseSubmitHandler","useCallback","data","componentHandler","APIError","SDKValidationError","BaseContext","jsxs","ErrorBoundary","componentEvents","Suspense","FadeIn"],"mappings":";;;;;;;;;;;;;;;AA+BA,MAAMA,IAAkB,CAACC,MAChBA,EAAU,IAAI,CAAiBC,MAChCA,EAAc,UACR,gBAAAC,EAAA,MAAA,EAA4B,UAAcD,EAAA,QAAA,GAAlCA,EAAc,GAA4B,IAErD,IACR,GAKGE,IAAiB,CACrBC,GACAC,MACuC;AACjC,QAAAC,IAAYD,IAAYA,IAAY,MAAM;AAChD,MAAID,EAAM,aAAa,6BAA6BA,EAAM,aAAa;AAC9D,WAAA;AAAA,MACL;AAAA,QACE,KAAKG,EAAqBD,IAAYF,EAAM,QAAQ;AAAA,QACpD,SAASA,EAAM,WAAW;AAAA,MAAA;AAAA,IAE9B;AAEF,MAAIA,EAAM,aAAa,mBAAmBA,EAAM,WAAW,QAAW;AAEpE,QAAII,IAAY;AAEhB,WAAIJ,EAAM,UAAU,OAAO,OAAOA,EAAM,SAAS,OAAQ,WAEvDI,IAAYJ,EAAM,SAAS,MAElBA,EAAM,UAAU,SAAS,OAAOA,EAAM,SAAS,SAAU,WAElEI,IAAYJ,EAAM,SAAS,QAClBA,EAAM,aACfI,IAAYJ,EAAM,WAEbA,EAAM,OAAO,QAAQ,CAAAK,MAAON,EAAeM,GAAKH,IAAYE,CAAS,CAAC;AAAA,EAAA;AAE/E,SAAO,CAAC;AACV,GAIaE,IAA4C,CAAC;AAAA,EACxD,UAAAC;AAAA,EACA,mBAAAC,IAAoBC;AAAA,EACpB,iBAAAC,IAAkBC;AAAA,EAClB,SAAAC;AACF,MAAM;AACJ,QAAM,CAACZ,GAAOa,CAAQ,IAAIC,EAA6B,IAAI,GACrD,CAACC,GAAaC,CAAc,IAAIF,EAA8B,IAAI,GAClEG,IAAaC,EAAc,GAC3B,EAAE,GAAAC,EAAE,IAAIC,EAAe,GACvBC,IAAaC,EAAoB,GAEjCC,IAAe,CAACvB,MAAuB;AAC3C,IAAAa,EAASb,CAAK,GAEVA,aAAiBwB,KAAkC,MAAM,QAAQxB,EAAM,MAAM,KAC/EgB,EAAehB,EAAM,OAAO,QAAQ,OAAOD,EAAeM,CAAG,CAAC,CAAC;AAAA,EAEnE,GAEMoB,IAAoBC;AAAA,IACxB,OAAWC,GAASC,MAAuC;AACzD,MAAAf,EAAS,IAAI,GACbG,EAAe,IAAI;AACf,UAAA;AACF,cAAMY,EAAiBD,CAAI;AAAA,eACpBtB,GAAK;AACZ,QACEA,aAAewB,KACfxB,aAAeyB,KACfzB,aAAemB,IAEfD,EAAalB,CAAG,MACAA,CAAG;AAAA,MAAA;AAAA,IAEzB;AAAA,IACA,CAACQ,GAAUI,CAAU;AAAA,EACvB;AAGE,SAAA,gBAAAnB;AAAA,IAACiC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,aAAAhB;AAAA,QACA,UAAAF;AAAA,QACA,SAAAD;AAAA,QACA,YAAAK;AAAA,QACA,mBAAAQ;AAAA,MACF;AAAA,MAEA,UAAA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,mBAAAzB;AAAA,UACA,SAAS,CAAOH,MAAA;AACN,YAAAO,EAAAsB,EAAgB,OAAO7B,CAAG;AAAA,UACpC;AAAA,UAEE,UAAA;AAAA,aAAAL,KAASe,MACR,gBAAAjB,EAAAuB,EAAW,OAAX,EAAiB,OAAOF,EAAE,yBAAyB,GAAG,QAAO,SAC3D,UAAeJ,KAAA,gBAAAjB,EAAC,QAAI,UAAgBH,EAAAoB,CAAW,EAAE,CAAA,GACpD;AAAA,YAEF,gBAAAjB,EAACqC,KAAS,UAAU,gBAAArC,EAACY,KAAgB,GACnC,UAAA,gBAAAZ,EAACsC,GAAQ,EAAA,UAAA7B,EAAS,CAAA,EACpB,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"Base.js","sources":["../../../src/components/Base/Base.tsx"],"sourcesContent":["import type { ReactNode, JSX } from 'react'\nimport { Suspense, useState, useCallback } from 'react'\nimport type { FallbackProps } from 'react-error-boundary'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { useTranslation } from 'react-i18next'\nimport { APIError } from '@gusto/embedded-api/models/errors/apierror'\nimport { SDKValidationError } from '@gusto/embedded-api/models/errors/sdkvalidationerror'\nimport { UnprocessableEntityErrorObject } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject'\nimport type { EntityErrorObject } from '@gusto/embedded-api/models/components/entityerrorobject'\nimport { FadeIn } from '../Common/FadeIn/FadeIn'\nimport { BaseContext, type FieldError, type KnownErrors, type OnEventType } from './useBase'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport { InternalError, Loading, useAsyncError } from '@/components/Common'\nimport { snakeCaseToCamelCase } from '@/helpers/formattedStrings'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { ResourceDictionary, Resources } from '@/types/Helpers'\n\nexport interface CommonComponentInterface<TResourceKey extends keyof Resources = keyof Resources> {\n  children?: ReactNode\n  className?: string\n  defaultValues?: unknown\n  dictionary?: ResourceDictionary<TResourceKey>\n}\n\n// Base component wrapper with error and suspense handling\nexport interface BaseComponentInterface<TResourceKey extends keyof Resources = keyof Resources>\n  extends CommonComponentInterface<TResourceKey> {\n  FallbackComponent?: (props: FallbackProps) => JSX.Element\n  LoaderComponent?: () => JSX.Element\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**Traverses errorList and finds items with message properties */\nconst renderErrorList = (errorList: FieldError[]): React.ReactNode => {\n  return errorList.map(errorFromList => {\n    if (errorFromList.message) {\n      return <li key={errorFromList.key}>{errorFromList.message}</li>\n    }\n    return null\n  })\n}\n/**Recuresively parses error list and constructs an array of objects containing attribute value error messages associated with form fields. Nested errors construct '.' separated keys\n * metadata.state is a special case for state taxes validation errors\n */\nconst getFieldErrors = (\n  error: EntityErrorObject,\n  parentKey?: string,\n): { key: string; message: string }[] => {\n  const keyPrefix = parentKey ? parentKey + '.' : ''\n  if (error.category === 'invalid_attribute_value' || error.category === 'invalid_operation') {\n    return [\n      {\n        key: snakeCaseToCamelCase(keyPrefix + error.errorKey),\n        message: error.message ?? '',\n      },\n    ]\n  }\n  if (error.category === 'nested_errors' && error.errors !== undefined) {\n    //TODO: clean this up once Metadata type is fixed in openapi spec\n    let keySuffix = ''\n    //@ts-expect-error: Metadata in speakeasy is incorrectly typed\n    if (error.metadata?.key && typeof error.metadata.key === 'string') {\n      //@ts-expect-error: Metadata in speakeasy is incorrectly typed\n      keySuffix = error.metadata.key as string\n      //@ts-expect-error: Metadata in speakeasy is incorrectly typed\n    } else if (error.metadata?.state && typeof error.metadata.state === 'string') {\n      //@ts-expect-error: Metadata in speakeasy is incorrectly typed\n      keySuffix = error.metadata.state as string\n    } else if (error.errorKey) {\n      keySuffix = error.errorKey\n    }\n    return error.errors.flatMap(err => getFieldErrors(err, keyPrefix + keySuffix))\n  }\n  return []\n}\n\ntype SubmitHandler<T> = (data: T) => Promise<void>\n\nexport const BaseComponent = <TResourceKey extends keyof Resources = keyof Resources>({\n  children,\n  FallbackComponent = InternalError,\n  LoaderComponent = Loading,\n  onEvent,\n  dictionary,\n}: BaseComponentInterface<TResourceKey>) => {\n  const [error, setError] = useState<KnownErrors | null>(null)\n  const [fieldErrors, setFieldErrors] = useState<FieldError[] | null>(null)\n  const throwError = useAsyncError()\n  const { t } = useTranslation()\n  const Components = useComponentContext()\n\n  const processError = (error: KnownErrors) => {\n    setError(error)\n    //422\tapplication/json - content relaited error\n    if (error instanceof UnprocessableEntityErrorObject && Array.isArray(error.errors)) {\n      setFieldErrors(error.errors.flatMap(err => getFieldErrors(err)))\n    }\n  }\n\n  const baseSubmitHandler = useCallback(\n    async <T,>(data: T, componentHandler: SubmitHandler<T>) => {\n      setError(null)\n      setFieldErrors(null)\n      try {\n        await componentHandler(data)\n      } catch (err) {\n        if (\n          err instanceof APIError ||\n          err instanceof SDKValidationError ||\n          err instanceof UnprocessableEntityErrorObject\n        ) {\n          processError(err)\n        } else throwError(err)\n      }\n    },\n    [setError, throwError],\n  )\n\n  return (\n    <BaseContext.Provider\n      value={{\n        fieldErrors,\n        setError,\n        onEvent,\n        throwError,\n        baseSubmitHandler,\n      }}\n    >\n      <ErrorBoundary\n        FallbackComponent={FallbackComponent}\n        onError={err => {\n          onEvent(componentEvents.ERROR, err)\n        }}\n      >\n        {(error || fieldErrors) && (\n          <Components.Alert label={t('status.errorEncountered')} status=\"error\">\n            {fieldErrors && <ul>{renderErrorList(fieldErrors)}</ul>}\n          </Components.Alert>\n        )}\n        <Suspense fallback={<LoaderComponent />}>\n          <FadeIn>{children}</FadeIn>\n        </Suspense>\n      </ErrorBoundary>\n    </BaseContext.Provider>\n  )\n}\n"],"names":["renderErrorList","errorList","errorFromList","jsx","getFieldErrors","error","parentKey","keyPrefix","snakeCaseToCamelCase","keySuffix","err","BaseComponent","children","FallbackComponent","InternalError","LoaderComponent","Loading","onEvent","dictionary","setError","useState","fieldErrors","setFieldErrors","throwError","useAsyncError","t","useTranslation","Components","useComponentContext","processError","UnprocessableEntityErrorObject","baseSubmitHandler","useCallback","data","componentHandler","APIError","SDKValidationError","BaseContext","jsxs","ErrorBoundary","componentEvents","Suspense","FadeIn"],"mappings":"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"}

package/dist/components/Base/index.d.ts

@@ -1,3 +1,4 @@
+import "./types/i18next.d.ts"
 export { BaseComponent, type BaseComponentInterface, type CommonComponentInterface } from './Base';
 export { createCompoundContext } from './createCompoundContext';
 export { useBase } from './useBase';

package/dist/components/Common/ActionsLayout/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * from './ActionsLayout';

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

@@ -1,31 +1,31 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import s from "./DataCards.module.scss.js";
-import { Flex as h } from "../../Flex/Flex.js";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import a from "./DataCards.module.scss.js";
+import { Flex as p } from "../../Flex/Flex.js";
 import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 const D = ({
-  data: n,
-  columns: a,
-  itemMenu: o,
-  onSelect: d,
-  emptyState: c
+  data: t,
+  columns: c,
+  itemMenu: d,
+  onSelect: n,
+  emptyState: o
 }) => {
-  const l = x();
-  return /* @__PURE__ */ i("div", { role: "list", "data-testid": "data-cards", children: [
-    n.length === 0 && /* @__PURE__ */ t(l.Card, { children: c?.() }),
-    n.map((e, m) => /* @__PURE__ */ t("div", { role: "listitem", children: /* @__PURE__ */ t(
-      l.Card,
+  const s = x();
+  return /* @__PURE__ */ l("div", { role: "list", "data-testid": "data-cards", children: [
+    t.length === 0 && o && /* @__PURE__ */ e("div", { role: "listitem", children: /* @__PURE__ */ e(s.Card, { children: o() }) }),
+    t.map((i, m) => /* @__PURE__ */ e("div", { role: "listitem", children: /* @__PURE__ */ e(
+      s.Card,
       {
-        menu: o && o(e),
-        onSelect: d ? (r) => {
-          d(e, r);
+        menu: d && d(i),
+        onSelect: n ? (r) => {
+          n(i, r);
         } : void 0,
-        children: a.map((r, p) => /* @__PURE__ */ i(h, { flexDirection: "column", gap: 0, children: [
-          /* @__PURE__ */ t("h5", { className: s.columnTitle, children: r.title }),
-          /* @__PURE__ */ i("div", { className: s.columnData, children: [
+        children: c.map((r, h) => /* @__PURE__ */ l(p, { flexDirection: "column", gap: 0, children: [
+          /* @__PURE__ */ e("h5", { className: a.columnTitle, children: r.title }),
+          /* @__PURE__ */ l("div", { className: a.columnData, children: [
             " ",
-            r.render ? r.render(e) : String(e[r.key])
+            r.render ? r.render(i) : String(i[r.key])
           ] })
-        ] }, p))
+        ] }, h))
       }
     ) }, m))
   ] });

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

@@ -1 +1 @@
-{"version":3,"file":"DataCards.js","sources":["../../../../../src/components/Common/DataView/DataCards/DataCards.tsx"],"sourcesContent":["import styles from './DataCards.module.scss'\nimport type { useDataViewPropReturn } from '@/components/Common/DataView/useDataView'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type DataCardsProps<T> = {\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}\n\nexport const DataCards = <T,>({\n  data,\n  columns,\n  itemMenu,\n  onSelect,\n  emptyState,\n}: DataCardsProps<T>) => {\n  const Components = useComponentContext()\n  return (\n    <div role=\"list\" data-testid=\"data-cards\">\n      {data.length === 0 && <Components.Card>{emptyState?.()}</Components.Card>}\n      {data.map((item, index) => (\n        <div role=\"listitem\" key={index}>\n          <Components.Card\n            menu={itemMenu && itemMenu(item)}\n            onSelect={\n              onSelect\n                ? (checked: boolean) => {\n                    onSelect(item, checked)\n                  }\n                : undefined\n            }\n          >\n            {columns.map((column, index) => (\n              <Flex key={index} flexDirection=\"column\" gap={0}>\n                <h5 className={styles.columnTitle}>{column.title}</h5>\n                <div className={styles.columnData}>\n                  {' '}\n                  {column.render ? column.render(item) : String(item[column.key as keyof T])}\n                </div>\n              </Flex>\n            ))}\n          </Components.Card>\n        </div>\n      ))}\n    </div>\n  )\n}\n"],"names":["DataCards","data","columns","itemMenu","onSelect","emptyState","Components","useComponentContext","jsxs","jsx","item","index","checked","column","Flex","styles"],"mappings":";;;;AAaO,MAAMA,IAAY,CAAK;AAAA,EAC5B,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAAyB;AACvB,QAAMC,IAAaC,EAAoB;AACvC,SACG,gBAAAC,EAAA,OAAA,EAAI,MAAK,QAAO,eAAY,cAC1B,UAAA;AAAA,IAAAP,EAAK,WAAW,KAAK,gBAAAQ,EAACH,EAAW,MAAX,EAAiB,iBAAe;AAAA,IACtDL,EAAK,IAAI,CAACS,GAAMC,MACd,gBAAAF,EAAA,OAAA,EAAI,MAAK,YACR,UAAA,gBAAAA;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QACC,MAAMH,KAAYA,EAASO,CAAI;AAAA,QAC/B,UACEN,IACI,CAACQ,MAAqB;AACpB,UAAAR,EAASM,GAAME,CAAO;AAAA,QAAA,IAExB;AAAA,QAGL,UAAAV,EAAQ,IAAI,CAACW,GAAQF,wBACnBG,GAAiB,EAAA,eAAc,UAAS,KAAK,GAC5C,UAAA;AAAA,UAAA,gBAAAL,EAAC,MAAG,EAAA,WAAWM,EAAO,aAAc,YAAO,OAAM;AAAA,UAChD,gBAAAP,EAAA,OAAA,EAAI,WAAWO,EAAO,YACpB,UAAA;AAAA,YAAA;AAAA,YACAF,EAAO,SAASA,EAAO,OAAOH,CAAI,IAAI,OAAOA,EAAKG,EAAO,GAAc,CAAC;AAAA,UAAA,EAC3E,CAAA;AAAA,QAAA,EAAA,GALSF,CAMX,CACD;AAAA,MAAA;AAAA,IACH,EAAA,GApBwBA,CAqB1B,CACD;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"DataCards.js","sources":["../../../../../src/components/Common/DataView/DataCards/DataCards.tsx"],"sourcesContent":["import styles from './DataCards.module.scss'\nimport type { useDataViewPropReturn } from '@/components/Common/DataView/useDataView'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type DataCardsProps<T> = {\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}\n\nexport const DataCards = <T,>({\n  data,\n  columns,\n  itemMenu,\n  onSelect,\n  emptyState,\n}: DataCardsProps<T>) => {\n  const Components = useComponentContext()\n  return (\n    <div role=\"list\" data-testid=\"data-cards\">\n      {data.length === 0 && emptyState && (\n        <div role=\"listitem\">\n          <Components.Card>{emptyState()}</Components.Card>\n        </div>\n      )}\n      {data.map((item, index) => (\n        <div role=\"listitem\" key={index}>\n          <Components.Card\n            menu={itemMenu && itemMenu(item)}\n            onSelect={\n              onSelect\n                ? (checked: boolean) => {\n                    onSelect(item, checked)\n                  }\n                : undefined\n            }\n          >\n            {columns.map((column, index) => (\n              <Flex key={index} flexDirection=\"column\" gap={0}>\n                <h5 className={styles.columnTitle}>{column.title}</h5>\n                <div className={styles.columnData}>\n                  {' '}\n                  {column.render ? column.render(item) : String(item[column.key as keyof T])}\n                </div>\n              </Flex>\n            ))}\n          </Components.Card>\n        </div>\n      ))}\n    </div>\n  )\n}\n"],"names":["DataCards","data","columns","itemMenu","onSelect","emptyState","Components","useComponentContext","jsxs","jsx","item","index","checked","column","Flex","styles"],"mappings":";;;;AAaO,MAAMA,IAAY,CAAK;AAAA,EAC5B,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAAyB;AACvB,QAAMC,IAAaC,EAAoB;AACvC,SACG,gBAAAC,EAAA,OAAA,EAAI,MAAK,QAAO,eAAY,cAC1B,UAAA;AAAA,IAAAP,EAAK,WAAW,KAAKI,KACpB,gBAAAI,EAAC,OAAI,EAAA,MAAK,YACR,UAAA,gBAAAA,EAACH,EAAW,MAAX,EAAiB,UAAAD,EAAA,EAAa,CAAA,GACjC;AAAA,IAEDJ,EAAK,IAAI,CAACS,GAAMC,MACd,gBAAAF,EAAA,OAAA,EAAI,MAAK,YACR,UAAA,gBAAAA;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QACC,MAAMH,KAAYA,EAASO,CAAI;AAAA,QAC/B,UACEN,IACI,CAACQ,MAAqB;AACpB,UAAAR,EAASM,GAAME,CAAO;AAAA,QAAA,IAExB;AAAA,QAGL,UAAAV,EAAQ,IAAI,CAACW,GAAQF,wBACnBG,GAAiB,EAAA,eAAc,UAAS,KAAK,GAC5C,UAAA;AAAA,UAAA,gBAAAL,EAAC,MAAG,EAAA,WAAWM,EAAO,aAAc,YAAO,OAAM;AAAA,UAChD,gBAAAP,EAAA,OAAA,EAAI,WAAWO,EAAO,YACpB,UAAA;AAAA,YAAA;AAAA,YACAF,EAAO,SAASA,EAAO,OAAOH,CAAI,IAAI,OAAOA,EAAKG,EAAO,GAAc,CAAC;AAAA,UAAA,EAC3E,CAAA;AAAA,QAAA,EAAA,GALSF,CAMX,CACD;AAAA,MAAA;AAAA,IACH,EAAA,GApBwBA,CAqB1B,CACD;AAAA,EAAA,GACH;AAEJ;"}

package/dist/components/Common/DataView/DataCards/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * from './DataCards';

package/dist/components/Common/DataView/index.d.ts

@@ -1,3 +1,4 @@
+import "./types/i18next.d.ts"
 export * from './DataView';
 export * from './DataCards/';
 export * from './DataTable/DataTable';

package/dist/components/Common/DocumentList/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { DocumentList, type FormData } from './DocumentList';

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

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * from './DocumentViewer';

package/dist/components/Common/FieldCaption/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { FieldCaption } from './FieldCaption';

package/dist/components/Common/FieldDescription/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { FieldDescription } from './FieldDescription';

package/dist/components/Common/FieldErrorMessage/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { FieldErrorMessage } from './FieldErrorMessage';

package/dist/components/Common/FieldLayout/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { FieldLayout } from './FieldLayout';

package/dist/components/Common/Fields/CheckboxField/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { CheckboxField, type CheckboxFieldProps } from './CheckboxField';

package/dist/components/Common/Fields/CheckboxGroupField/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { CheckboxGroupField, type CheckboxGroupFieldProps } from './CheckboxGroupField';

package/dist/components/Common/Fields/ComboBoxField/index.d.ts

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

package/dist/components/Common/Fields/DatePickerField/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * from './DatePickerField';

package/dist/components/Common/Fields/NumberInputField/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { NumberInputField, type NumberInputFieldProps } from './NumberInputField';

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

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

package/dist/components/Common/Fields/SelectField/index.d.ts

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

package/dist/components/Common/Fields/SwitchField/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * from './SwitchField';

package/dist/components/Common/Fields/TextInputField/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { TextInputField, type TextInputFieldProps } from './TextInputField';

package/dist/components/Common/Fieldset/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { Fieldset, type FieldsetProps } from './Fieldset';

package/dist/components/Common/Flex/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { Flex } from './Flex';

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

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

package/dist/components/Common/HamburgerMenu/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { HamburgerMenu } from './HamburgerMenu';

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

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { HorizontalFieldLayout } from './HorizontalFieldLayout';

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

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 export { PaginationControl } from './PaginationControl';
 export type { PaginationControlProps } from './PaginationControlTypes';

package/dist/components/Common/ReorderableList/index.d.ts

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 export * from './ReorderableList';
 export * from './ReorderableListTypes';

package/dist/components/Common/SignatureForm/index.d.ts

@@ -1,3 +1,4 @@
+import "./types/i18next.d.ts"
 export { SignatureForm } from './SignatureForm';
 export { SignatureFormFields } from './SignatureFormFields';
 export { SignatureFormActions } from './SignatureFormActions';

package/dist/components/Common/TaxInputs/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * as TaxInputs from './TaxInputs';

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

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { Alert } from './Alert';

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

@@ -1,3 +1,4 @@
+import "./types/i18next.d.ts"
 export { Button } from './Button';
 export { ButtonIcon } from './ButtonIcon';
 export type { ButtonProps, ButtonIconProps } from './ButtonTypes';

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

@@ -1,3 +1,4 @@
+import "./types/i18next.d.ts"
 export { CalendarPreview } from './CalendarPreview';
 export { CalendarLegend } from './CalendarLegend';
 export type { CalendarPreviewProps } from './CalendarPreviewTypes';

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

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { Checkbox } from './Checkbox';

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

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { CheckboxGroup } from './CheckboxGroup';

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

@@ -1,5 +1,5 @@
-import { jsx as r, jsxs as e } from "react/jsx-runtime";
-import { ComboBox as F, Button as T, Input as j, Popover as D, ListBox as E, ListBoxItem as P } from "react-aria-components";
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
+import { ComboBox as A, Input as F, Button as j, Popover as D, ListBox as E, ListBoxItem as P } from "react-aria-components";
 import { useTranslation as z } from "react-i18next";
 import { useMemo as H } from "react";
 import d from "classnames";
@@ -10,14 +10,14 @@ import { useTheme as U } from "../../../../contexts/ThemeProvider/useTheme.js";
 /* empty css                          */
 import _ from "../../../../assets/icons/alert-circle.svg.js";
 import $ from "../../../../assets/icons/caret-down.svg.js";
-const oo = ({
+const rr = ({
   className: p,
   description: i,
   errorMessage: m,
   id: f,
-  isDisabled: h,
+  isDisabled: u,
   isInvalid: a,
-  isRequired: u,
+  isRequired: h,
   label: s,
   onChange: x,
   onBlur: B,
@@ -25,57 +25,58 @@ const oo = ({
   placeholder: b,
   value: c,
   inputRef: C,
-  shouldVisuallyHideLabel: I,
+  shouldVisuallyHideLabel: g,
   name: v,
-  ...N
+  ...I
 }) => {
-  const { t: S } = z(), { inputId: l, errorMessageId: g, descriptionId: y, ariaDescribedBy: L } = K({
+  const { t: N } = z(), { inputId: l, errorMessageId: S, descriptionId: y, ariaDescribedBy: L } = K({
     inputId: f,
     errorMessage: m,
     description: i
-  }), { container: w } = U(), A = H(() => n.map((o) => ({ name: o.label, id: o.value })), [n]);
-  return /* @__PURE__ */ r(
+  }), { container: T } = U(), w = H(() => n.map((r) => ({ name: r.label, id: r.value })), [n]);
+  return /* @__PURE__ */ o(
     M,
     {
       label: s,
       htmlFor: l,
       errorMessage: m,
-      errorMessageId: g,
+      errorMessageId: S,
       descriptionId: y,
-      isRequired: u,
+      isRequired: h,
       description: i,
-      shouldVisuallyHideLabel: I,
+      shouldVisuallyHideLabel: g,
       className: d(t.root, p),
       withErrorIcon: !1,
       children: /* @__PURE__ */ e(
-        F,
+        A,
         {
           "aria-label": s,
           "aria-describedby": L,
           className: "react-aria-ComboBox-root",
-          isDisabled: h,
+          isDisabled: u,
           isInvalid: a,
-          onSelectionChange: (o) => {
-            o && x?.(o.toString());
+          menuTrigger: "focus",
+          onSelectionChange: (r) => {
+            r && x?.(r.toString());
           },
           id: l,
           selectedKey: c || void 0,
           name: v,
           children: [
-            /* @__PURE__ */ e(T, { children: [
-              /* @__PURE__ */ r(j, { ref: C, placeholder: b, onBlur: B, ...N }),
-              /* @__PURE__ */ e("div", { "aria-hidden": "true", className: t.icons, children: [
-                a && /* @__PURE__ */ r(_, { fontSize: 16 }),
-                /* @__PURE__ */ r($, { title: S("icons.selectArrow") })
-              ] })
+            /* @__PURE__ */ e("div", { children: [
+              /* @__PURE__ */ o(F, { ref: C, placeholder: b, onBlur: B, ...I }),
+              /* @__PURE__ */ o(j, { children: /* @__PURE__ */ e("div", { "aria-hidden": "true", className: t.icons, children: [
+                a && /* @__PURE__ */ o(_, { fontSize: 16 }),
+                /* @__PURE__ */ o($, { title: N("icons.selectArrow") })
+              ] }) })
             ] }),
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ o(
               D,
               {
                 className: d(t.popover, "react-aria-Popover"),
-                UNSTABLE_portalContainer: w.current,
+                UNSTABLE_portalContainer: T.current,
                 maxHeight: 320,
-                children: /* @__PURE__ */ r(E, { items: A, children: (o) => /* @__PURE__ */ r(P, { children: o.name }, o.id) })
+                children: /* @__PURE__ */ o(E, { items: w, children: (r) => /* @__PURE__ */ o(P, { children: r.name }, r.id) })
               }
             )
           ]
@@ -85,6 +86,6 @@ const oo = ({
   );
 };
 export {
-  oo as ComboBox
+  rr as ComboBox
 };
 //# sourceMappingURL=ComboBox.js.map