@gusto/embedded-react-sdk 0.24.1 → 0.26.0

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

@@ -6,7 +6,6 @@ import t from "./SignatureForm.module.scss.js";
 import { Form as u } from "../Form/Form.js";
 import { Flex as c } from "../Flex/Flex.js";
 import "react-i18next";
-import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 const f = o.object({
@@ -15,7 +14,7 @@ const f = o.object({
 }), p = {
   signature: ""
 };
-function N({ onSubmit: m, children: i, formProps: n }) {
+function D({ onSubmit: m, children: i, formProps: n }) {
   const e = s({
     resolver: l(f),
     defaultValues: p,
@@ -24,7 +23,7 @@ function N({ onSubmit: m, children: i, formProps: n }) {
   return /* @__PURE__ */ r(a, { ...e, children: /* @__PURE__ */ r(u, { onSubmit: e.handleSubmit(m), className: t.container, children: /* @__PURE__ */ r("div", { className: t.formFields, children: /* @__PURE__ */ r(c, { flexDirection: "column", gap: 20, children: i }) }) }) });
 }
 export {
-  N as SignatureForm,
+  D as SignatureForm,
   f as SignatureFormSchema
 };
 //# sourceMappingURL=SignatureForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SignatureForm.js","sources":["../../../../src/components/Common/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm, type UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './SignatureForm.module.scss'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\n\nexport const SignatureFormSchema = z.object({\n  signature: z.string().min(1),\n  confirmSignature: z.literal(true),\n})\n\nconst signatureFormDefaultValues = {\n  signature: '',\n}\n\nexport type SignatureFormInputs = z.infer<typeof SignatureFormSchema>\n\ninterface SignatureFormProps {\n  onSubmit: (data: SignatureFormInputs) => void | Promise<void>\n  children?: React.ReactNode\n  formProps?: Partial<UseFormProps<SignatureFormInputs>>\n}\n\nexport function SignatureForm({ onSubmit, children, formProps }: SignatureFormProps) {\n  const methods = useForm<SignatureFormInputs>({\n    resolver: zodResolver(SignatureFormSchema),\n    defaultValues: signatureFormDefaultValues,\n    ...formProps,\n  })\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)} className={styles.container}>\n        <div className={styles.formFields}>\n          <Flex flexDirection=\"column\" gap={20}>\n            {children}\n          </Flex>\n        </div>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["SignatureFormSchema","z","signatureFormDefaultValues","SignatureForm","onSubmit","children","formProps","methods","useForm","zodResolver","jsx","FormProvider","Form","styles","Flex"],"mappings":";;;;;;;;;;;AAOO,MAAMA,IAAsBC,EAAE,OAAO;AAAA,EAC1C,WAAWA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC3B,kBAAkBA,EAAE,QAAQ,EAAI;AAClC,CAAC,GAEKC,IAA6B;AAAA,EACjC,WAAW;AACb;AAUO,SAASC,EAAc,EAAE,UAAAC,GAAU,UAAAC,GAAU,WAAAC,KAAiC;AACnF,QAAMC,IAAUC,EAA6B;AAAA,IAC3C,UAAUC,EAAYT,CAAmB;AAAA,IACzC,eAAeE;AAAA,IACf,GAAGI;AAAA,EAAA,CACJ;AAED,SACE,gBAAAI,EAACC,GAAA,EAAc,GAAGJ,GAChB,UAAA,gBAAAG,EAACE,GAAA,EAAK,UAAUL,EAAQ,aAAaH,CAAQ,GAAG,WAAWS,EAAO,WAChE,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA,gBAAAH,EAACI,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,EAAA,CACH,EAAA,CACF,EAAA,CACF,GACF;AAEJ;"}
+{"version":3,"file":"SignatureForm.js","sources":["../../../../src/components/Common/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm, type UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './SignatureForm.module.scss'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\n\nexport const SignatureFormSchema = z.object({\n  signature: z.string().min(1),\n  confirmSignature: z.literal(true),\n})\n\nconst signatureFormDefaultValues = {\n  signature: '',\n}\n\nexport type SignatureFormInputs = z.infer<typeof SignatureFormSchema>\n\ninterface SignatureFormProps {\n  onSubmit: (data: SignatureFormInputs) => void | Promise<void>\n  children?: React.ReactNode\n  formProps?: Partial<UseFormProps<SignatureFormInputs>>\n}\n\nexport function SignatureForm({ onSubmit, children, formProps }: SignatureFormProps) {\n  const methods = useForm<SignatureFormInputs>({\n    resolver: zodResolver(SignatureFormSchema),\n    defaultValues: signatureFormDefaultValues,\n    ...formProps,\n  })\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)} className={styles.container}>\n        <div className={styles.formFields}>\n          <Flex flexDirection=\"column\" gap={20}>\n            {children}\n          </Flex>\n        </div>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["SignatureFormSchema","z","signatureFormDefaultValues","SignatureForm","onSubmit","children","formProps","methods","useForm","zodResolver","jsx","FormProvider","Form","styles","Flex"],"mappings":";;;;;;;;;;AAOO,MAAMA,IAAsBC,EAAE,OAAO;AAAA,EAC1C,WAAWA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC3B,kBAAkBA,EAAE,QAAQ,EAAI;AAClC,CAAC,GAEKC,IAA6B;AAAA,EACjC,WAAW;AACb;AAUO,SAASC,EAAc,EAAE,UAAAC,GAAU,UAAAC,GAAU,WAAAC,KAAiC;AACnF,QAAMC,IAAUC,EAA6B;AAAA,IAC3C,UAAUC,EAAYT,CAAmB;AAAA,IACzC,eAAeE;AAAA,IACf,GAAGI;AAAA,EAAA,CACJ;AAED,SACE,gBAAAI,EAACC,GAAA,EAAc,GAAGJ,GAChB,UAAA,gBAAAG,EAACE,GAAA,EAAK,UAAUL,EAAQ,aAAaH,CAAQ,GAAG,WAAWS,EAAO,WAChE,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA,gBAAAH,EAACI,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,EAAA,CACH,EAAA,CACF,EAAA,CACF,GACF;AAEJ;"}

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

@@ -1,11 +1,10 @@
 import { jsxs as m, jsx as n } from "react/jsx-runtime";
 import "../../../shared/constants.js";
-import "react-i18next";
-import "classnames";
 import { ActionsLayout as p } from "../ActionsLayout/ActionsLayout.js";
+import "react-i18next";
 import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-function y({
+function x({
   onBack: t,
   backLabel: r,
   submitLabel: i,
@@ -18,6 +17,6 @@ function y({
   ] });
 }
 export {
-  y as SignatureFormActions
+  x as SignatureFormActions
 };
 //# sourceMappingURL=SignatureFormActions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SignatureFormActions.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormActions.tsx"],"sourcesContent":["import { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface SignatureFormActionsProps {\n  onBack?: () => void\n  backLabel: string\n  submitLabel: string\n  isLoading?: boolean\n}\n\nexport function SignatureFormActions({\n  onBack,\n  backLabel,\n  submitLabel,\n  isLoading = false,\n}: SignatureFormActionsProps) {\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {onBack && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={onBack}>\n          {backLabel}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isLoading}>\n        {submitLabel}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["SignatureFormActions","onBack","backLabel","submitLabel","isLoading","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;;AAUO,SAASA,EAAqB;AAAA,EACnC,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA8B;AAC5B,QAAMC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAN,KACC,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASJ,GAC3D,UAAAC,EAAA,CACH;AAAA,sBAEDG,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAAD,GAC9B,UAAAD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"SignatureFormActions.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormActions.tsx"],"sourcesContent":["import { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface SignatureFormActionsProps {\n  onBack?: () => void\n  backLabel: string\n  submitLabel: string\n  isLoading?: boolean\n}\n\nexport function SignatureFormActions({\n  onBack,\n  backLabel,\n  submitLabel,\n  isLoading = false,\n}: SignatureFormActionsProps) {\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {onBack && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={onBack}>\n          {backLabel}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isLoading}>\n        {submitLabel}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["SignatureFormActions","onBack","backLabel","submitLabel","isLoading","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;AAUO,SAASA,EAAqB;AAAA,EACnC,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA8B;AAC5B,QAAMC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAN,KACC,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASJ,GAC3D,UAAAC,EAAA,CACH;AAAA,sBAEDG,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAAD,GAC9B,UAAAD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,12 +1,11 @@
 import { jsxs as n, Fragment as s, jsx as r } from "react/jsx-runtime";
 import "../../../shared/constants.js";
 import "react-i18next";
-import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-import { TextInputField as p } from "../Fields/TextInputField/TextInputField.js";
-import { CheckboxField as a } from "../Fields/CheckboxField/CheckboxField.js";
-function b({
+import { TextInputField as a } from "../Fields/TextInputField/TextInputField.js";
+import { CheckboxField as p } from "../Fields/CheckboxField/CheckboxField.js";
+function F({
   signatureLabel: e,
   signatureDescription: i = "",
   signatureError: t = "",
@@ -15,7 +14,7 @@ function b({
 }) {
   return /* @__PURE__ */ n(s, { children: [
     /* @__PURE__ */ r(
-      p,
+      a,
       {
         name: "signature",
         label: e,
@@ -25,7 +24,7 @@ function b({
       }
     ),
     /* @__PURE__ */ r(
-      a,
+      p,
       {
         name: "confirmSignature",
         isRequired: !0,
@@ -36,6 +35,6 @@ function b({
   ] });
 }
 export {
-  b as SignatureFormFields
+  F as SignatureFormFields
 };
 //# sourceMappingURL=SignatureFormFields.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SignatureFormFields.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormFields.tsx"],"sourcesContent":["import { TextInputField, CheckboxField } from '@/components/Common'\n\ninterface SignatureFormFieldsProps {\n  signatureLabel: string\n  signatureDescription?: string\n  signatureError?: string\n  confirmationLabel: string\n  confirmationError?: string\n}\n\nexport function SignatureFormFields({\n  signatureLabel,\n  signatureDescription = '',\n  signatureError = '',\n  confirmationLabel,\n  confirmationError = '',\n}: SignatureFormFieldsProps) {\n  return (\n    <>\n      <TextInputField\n        name=\"signature\"\n        label={signatureLabel}\n        description={signatureDescription}\n        errorMessage={signatureError}\n        isRequired\n      />\n      <CheckboxField\n        name=\"confirmSignature\"\n        isRequired\n        label={confirmationLabel}\n        errorMessage={confirmationError}\n      />\n    </>\n  )\n}\n"],"names":["SignatureFormFields","signatureLabel","signatureDescription","signatureError","confirmationLabel","confirmationError","jsxs","Fragment","jsx","TextInputField","CheckboxField"],"mappings":";;;;;;;;AAUO,SAASA,EAAoB;AAAA,EAClC,gBAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,gBAAAC,IAAiB;AAAA,EACjB,mBAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAA6B;AAC3B,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR;AAAA,QACP,aAAaC;AAAA,QACb,cAAcC;AAAA,QACd,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON;AAAA,QACP,cAAcC;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}
+{"version":3,"file":"SignatureFormFields.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormFields.tsx"],"sourcesContent":["import { TextInputField, CheckboxField } from '@/components/Common'\n\ninterface SignatureFormFieldsProps {\n  signatureLabel: string\n  signatureDescription?: string\n  signatureError?: string\n  confirmationLabel: string\n  confirmationError?: string\n}\n\nexport function SignatureFormFields({\n  signatureLabel,\n  signatureDescription = '',\n  signatureError = '',\n  confirmationLabel,\n  confirmationError = '',\n}: SignatureFormFieldsProps) {\n  return (\n    <>\n      <TextInputField\n        name=\"signature\"\n        label={signatureLabel}\n        description={signatureDescription}\n        errorMessage={signatureError}\n        isRequired\n      />\n      <CheckboxField\n        name=\"confirmSignature\"\n        isRequired\n        label={confirmationLabel}\n        errorMessage={confirmationError}\n      />\n    </>\n  )\n}\n"],"names":["SignatureFormFields","signatureLabel","signatureDescription","signatureError","confirmationLabel","confirmationError","jsxs","Fragment","jsx","TextInputField","CheckboxField"],"mappings":";;;;;;;AAUO,SAASA,EAAoB;AAAA,EAClC,gBAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,gBAAAC,IAAiB;AAAA,EACjB,mBAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAA6B;AAC3B,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR;AAAA,QACP,aAAaC;AAAA,QACb,cAAcC;AAAA,QACd,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON;AAAA,QACP,cAAcC;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}

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

@@ -1,4 +1,4 @@
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
 import { useId as p, useRef as v, useEffect as g } from "react";
 import N from "classnames";
 import { ButtonIcon as b } from "../Button/ButtonIcon.js";
@@ -10,26 +10,26 @@ import x from "../../../../assets/icons/success_check.svg.js";
 import y from "../../../../assets/icons/warning.svg.js";
 import C from "../../../../assets/icons/error.svg.js";
 import D from "../../../../assets/icons/close.svg.js";
-function z(l) {
-  const c = S(l, I), { label: m, children: d, status: i, icon: f, className: h, onDismiss: o, disableScrollIntoView: a } = c, t = p(), s = v(null), u = i === "info" ? /* @__PURE__ */ r(w, { "aria-hidden": !0 }) : i === "success" ? /* @__PURE__ */ r(x, { "aria-hidden": !0 }) : i === "warning" ? /* @__PURE__ */ r(y, { "aria-hidden": !0 }) : /* @__PURE__ */ r(C, { "aria-hidden": !0 });
+function z(c) {
+  const m = S(c, I), { label: d, children: o, status: i, icon: f, className: h, onDismiss: a, disableScrollIntoView: t } = m, n = p(), s = v(null), u = i === "info" ? /* @__PURE__ */ r(w, { "aria-hidden": !0 }) : i === "success" ? /* @__PURE__ */ r(x, { "aria-hidden": !0 }) : i === "warning" ? /* @__PURE__ */ r(y, { "aria-hidden": !0 }) : /* @__PURE__ */ r(C, { "aria-hidden": !0 });
   return g(() => {
-    !a && s.current && (s.current.scrollIntoView({ behavior: "smooth" }), s.current.focus());
-  }, [a]), /* @__PURE__ */ r("div", { className: N(e.root, h), children: /* @__PURE__ */ n(
+    !t && s.current && (s.current.scrollIntoView({ behavior: "smooth" }), s.current.focus());
+  }, [t]), /* @__PURE__ */ r("div", { className: N(e.root, h), children: /* @__PURE__ */ l(
     "div",
     {
       className: e.alert,
       role: "alert",
-      "aria-labelledby": t,
+      "aria-labelledby": n,
       "data-variant": i,
       ref: s,
       tabIndex: -1,
       children: [
-        /* @__PURE__ */ r("div", { className: e.header, children: /* @__PURE__ */ n("div", { className: e.iconLabelContainer, children: [
+        /* @__PURE__ */ r("div", { className: e.header, children: /* @__PURE__ */ l("div", { className: e.iconLabelContainer, children: [
           /* @__PURE__ */ r("div", { className: e.icon, children: f || u }),
-          /* @__PURE__ */ r("h6", { id: t, children: m }),
-          o && /* @__PURE__ */ r("div", { className: e.dismiss, children: /* @__PURE__ */ r(b, { variant: "tertiary", onClick: o, "aria-label": "Dismiss alert", children: /* @__PURE__ */ r(D, { width: 36, height: 36 }) }) })
+          /* @__PURE__ */ r("h6", { id: n, children: d }),
+          a && /* @__PURE__ */ r("div", { className: e.dismiss, children: /* @__PURE__ */ r(b, { variant: "tertiary", onClick: a, "aria-label": "Dismiss alert", children: /* @__PURE__ */ r(D, { width: 36, height: 36 }) }) })
         ] }) }),
-        /* @__PURE__ */ r("div", { className: e.content, children: d })
+        o && /* @__PURE__ */ r("div", { className: e.content, children: o })
       ]
     }
   ) });

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../../src/components/Common/UI/Alert/Alert.tsx"],"sourcesContent":["import { useEffect, useId, useRef } from 'react'\nimport classNames from 'classnames'\nimport { ButtonIcon } from '../Button/ButtonIcon'\nimport { type AlertProps, AlertDefaults } from './AlertTypes'\nimport styles from './Alert.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport InfoIcon from '@/assets/icons/info.svg?react'\nimport SuccessIcon from '@/assets/icons/success_check.svg?react'\nimport WarningIcon from '@/assets/icons/warning.svg?react'\nimport ErrorIcon from '@/assets/icons/error.svg?react'\nimport CloseIcon from '@/assets/icons/close.svg?react'\n\nexport function Alert(rawProps: AlertProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, AlertDefaults)\n  const { label, children, status, icon, className, onDismiss, disableScrollIntoView } =\n    resolvedProps\n  const id = useId()\n  const alertRef = useRef<HTMLDivElement>(null)\n  const defaultIcon =\n    status === 'info' ? (\n      <InfoIcon aria-hidden />\n    ) : status === 'success' ? (\n      <SuccessIcon aria-hidden />\n    ) : status === 'warning' ? (\n      <WarningIcon aria-hidden />\n    ) : (\n      <ErrorIcon aria-hidden />\n    )\n\n  useEffect(() => {\n    if (!disableScrollIntoView && alertRef.current) {\n      alertRef.current.scrollIntoView({ behavior: 'smooth' })\n      alertRef.current.focus()\n    }\n  }, [disableScrollIntoView])\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <div\n        className={styles.alert}\n        role=\"alert\"\n        aria-labelledby={id}\n        data-variant={status}\n        ref={alertRef}\n        tabIndex={-1}\n      >\n        <div className={styles.header}>\n          <div className={styles.iconLabelContainer}>\n            <div className={styles.icon}>{icon || defaultIcon}</div>\n            <h6 id={id}>{label}</h6>\n            {onDismiss && (\n              <div className={styles.dismiss}>\n                <ButtonIcon variant=\"tertiary\" onClick={onDismiss} aria-label=\"Dismiss alert\">\n                  <CloseIcon width={36} height={36} />\n                </ButtonIcon>\n              </div>\n            )}\n          </div>\n        </div>\n        <div className={styles.content}>{children}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":["Alert","rawProps","resolvedProps","applyMissingDefaults","AlertDefaults","label","children","status","icon","className","onDismiss","disableScrollIntoView","id","useId","alertRef","useRef","defaultIcon","jsx","InfoIcon","SuccessIcon","WarningIcon","ErrorIcon","useEffect","classNames","styles","jsxs","ButtonIcon","CloseIcon"],"mappings":";;;;;;;;;;;;AAYO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,MAAAC,GAAM,WAAAC,GAAW,WAAAC,GAAW,uBAAAC,MAC3DT,GACIU,IAAKC,EAAA,GACLC,IAAWC,EAAuB,IAAI,GACtCC,IACJT,MAAW,SACT,gBAAAU,EAACC,GAAA,EAAS,eAAW,GAAA,CAAC,IACpBX,MAAW,YACb,gBAAAU,EAACE,GAAA,EAAY,eAAW,GAAA,CAAC,IACvBZ,MAAW,YACb,gBAAAU,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC,IAEzB,gBAAAH,EAACI,GAAA,EAAU,eAAW,GAAA,CAAC;AAG3B,SAAAC,EAAU,MAAM;AACd,IAAI,CAACX,KAAyBG,EAAS,YACrCA,EAAS,QAAQ,eAAe,EAAE,UAAU,UAAU,GACtDA,EAAS,QAAQ,MAAA;AAAA,EAErB,GAAG,CAACH,CAAqB,CAAC,qBAGvB,OAAA,EAAI,WAAWY,EAAWC,EAAO,MAAMf,CAAS,GAC/C,UAAA,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,EAAO;AAAA,MAClB,MAAK;AAAA,MACL,mBAAiBZ;AAAA,MACjB,gBAAcL;AAAA,MACd,KAAKO;AAAA,MACL,UAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWO,EAAO,QACrB,4BAAC,OAAA,EAAI,WAAWA,EAAO,oBACrB,UAAA;AAAA,UAAA,gBAAAP,EAAC,OAAA,EAAI,WAAWO,EAAO,MAAO,eAAQR,GAAY;AAAA,UAClD,gBAAAC,EAAC,MAAA,EAAG,IAAAL,GAAS,UAAAP,EAAA,CAAM;AAAA,UAClBK,uBACE,OAAA,EAAI,WAAWc,EAAO,SACrB,UAAA,gBAAAP,EAACS,KAAW,SAAQ,YAAW,SAAShB,GAAW,cAAW,iBAC5D,UAAA,gBAAAO,EAACU,GAAA,EAAU,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACpC,EAAA,CACF;AAAA,QAAA,EAAA,CAEJ,EAAA,CACF;AAAA,QACA,gBAAAV,EAAC,OAAA,EAAI,WAAWO,EAAO,SAAU,UAAAlB,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE9C;AAEJ;"}
+{"version":3,"file":"Alert.js","sources":["../../../../../src/components/Common/UI/Alert/Alert.tsx"],"sourcesContent":["import { useEffect, useId, useRef } from 'react'\nimport classNames from 'classnames'\nimport { ButtonIcon } from '../Button/ButtonIcon'\nimport { type AlertProps, AlertDefaults } from './AlertTypes'\nimport styles from './Alert.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport InfoIcon from '@/assets/icons/info.svg?react'\nimport SuccessIcon from '@/assets/icons/success_check.svg?react'\nimport WarningIcon from '@/assets/icons/warning.svg?react'\nimport ErrorIcon from '@/assets/icons/error.svg?react'\nimport CloseIcon from '@/assets/icons/close.svg?react'\n\nexport function Alert(rawProps: AlertProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, AlertDefaults)\n  const { label, children, status, icon, className, onDismiss, disableScrollIntoView } =\n    resolvedProps\n  const id = useId()\n  const alertRef = useRef<HTMLDivElement>(null)\n  const defaultIcon =\n    status === 'info' ? (\n      <InfoIcon aria-hidden />\n    ) : status === 'success' ? (\n      <SuccessIcon aria-hidden />\n    ) : status === 'warning' ? (\n      <WarningIcon aria-hidden />\n    ) : (\n      <ErrorIcon aria-hidden />\n    )\n\n  useEffect(() => {\n    if (!disableScrollIntoView && alertRef.current) {\n      alertRef.current.scrollIntoView({ behavior: 'smooth' })\n      alertRef.current.focus()\n    }\n  }, [disableScrollIntoView])\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <div\n        className={styles.alert}\n        role=\"alert\"\n        aria-labelledby={id}\n        data-variant={status}\n        ref={alertRef}\n        tabIndex={-1}\n      >\n        <div className={styles.header}>\n          <div className={styles.iconLabelContainer}>\n            <div className={styles.icon}>{icon || defaultIcon}</div>\n            <h6 id={id}>{label}</h6>\n            {onDismiss && (\n              <div className={styles.dismiss}>\n                <ButtonIcon variant=\"tertiary\" onClick={onDismiss} aria-label=\"Dismiss alert\">\n                  <CloseIcon width={36} height={36} />\n                </ButtonIcon>\n              </div>\n            )}\n          </div>\n        </div>\n        {children && <div className={styles.content}>{children}</div>}\n      </div>\n    </div>\n  )\n}\n"],"names":["Alert","rawProps","resolvedProps","applyMissingDefaults","AlertDefaults","label","children","status","icon","className","onDismiss","disableScrollIntoView","id","useId","alertRef","useRef","defaultIcon","jsx","InfoIcon","SuccessIcon","WarningIcon","ErrorIcon","useEffect","classNames","styles","jsxs","ButtonIcon","CloseIcon"],"mappings":";;;;;;;;;;;;AAYO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,MAAAC,GAAM,WAAAC,GAAW,WAAAC,GAAW,uBAAAC,MAC3DT,GACIU,IAAKC,EAAA,GACLC,IAAWC,EAAuB,IAAI,GACtCC,IACJT,MAAW,SACT,gBAAAU,EAACC,GAAA,EAAS,eAAW,GAAA,CAAC,IACpBX,MAAW,YACb,gBAAAU,EAACE,GAAA,EAAY,eAAW,GAAA,CAAC,IACvBZ,MAAW,YACb,gBAAAU,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC,IAEzB,gBAAAH,EAACI,GAAA,EAAU,eAAW,GAAA,CAAC;AAG3B,SAAAC,EAAU,MAAM;AACd,IAAI,CAACX,KAAyBG,EAAS,YACrCA,EAAS,QAAQ,eAAe,EAAE,UAAU,UAAU,GACtDA,EAAS,QAAQ,MAAA;AAAA,EAErB,GAAG,CAACH,CAAqB,CAAC,qBAGvB,OAAA,EAAI,WAAWY,EAAWC,EAAO,MAAMf,CAAS,GAC/C,UAAA,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,EAAO;AAAA,MAClB,MAAK;AAAA,MACL,mBAAiBZ;AAAA,MACjB,gBAAcL;AAAA,MACd,KAAKO;AAAA,MACL,UAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWO,EAAO,QACrB,4BAAC,OAAA,EAAI,WAAWA,EAAO,oBACrB,UAAA;AAAA,UAAA,gBAAAP,EAAC,OAAA,EAAI,WAAWO,EAAO,MAAO,eAAQR,GAAY;AAAA,UAClD,gBAAAC,EAAC,MAAA,EAAG,IAAAL,GAAS,UAAAP,EAAA,CAAM;AAAA,UAClBK,uBACE,OAAA,EAAI,WAAWc,EAAO,SACrB,UAAA,gBAAAP,EAACS,KAAW,SAAQ,YAAW,SAAShB,GAAW,cAAW,iBAC5D,UAAA,gBAAAO,EAACU,GAAA,EAAU,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACpC,EAAA,CACF;AAAA,QAAA,EAAA,CAEJ,EAAA,CACF;AAAA,QACCrB,KAAY,gBAAAW,EAAC,OAAA,EAAI,WAAWO,EAAO,SAAU,UAAAlB,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE3D;AAEJ;"}

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

@@ -1,20 +1,20 @@
-const e = "_root_virge_1", o = "_alert_virge_4", n = "_header_virge_18", t = "_iconLabelContainer_virge_23", i = "_icon_virge_23", _ = "_content_virge_44", r = "_dismiss_virge_53", s = {
-  root: e,
-  alert: o,
-  header: n,
-  iconLabelContainer: t,
-  icon: i,
+const o = "_root_jh0c6_1", n = "_alert_jh0c6_4", t = "_header_jh0c6_18", c = "_iconLabelContainer_jh0c6_23", e = "_icon_jh0c6_23", _ = "_content_jh0c6_44", s = "_dismiss_jh0c6_51", i = {
+  root: o,
+  alert: n,
+  header: t,
+  iconLabelContainer: c,
+  icon: e,
   content: _,
-  dismiss: r
+  dismiss: s
 };
 export {
-  o as alert,
+  n as alert,
   _ as content,
-  s as default,
-  r as dismiss,
-  n as header,
-  i as icon,
-  t as iconLabelContainer,
-  e as root
+  i as default,
+  s as dismiss,
+  t as header,
+  e as icon,
+  c as iconLabelContainer,
+  o as root
 };
 //# sourceMappingURL=Alert.module.scss.js.map

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

@@ -1,4 +1,4 @@
-const e = "_badge_1h2ej_1", a = {
+const e = "_badge_6p7jj_1", a = {
   badge: e
 };
 export {

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

@@ -1,13 +1,13 @@
-const t = "_banner_tub6c_1", e = "_header_tub6c_12", n = "_title_tub6c_19", c = "_content_tub6c_25", _ = {
+const t = "_banner_igmbf_1", e = "_header_igmbf_12", n = "_title_igmbf_19", _ = "_content_igmbf_25", o = {
   banner: t,
   header: e,
   title: n,
-  content: c
+  content: _
 };
 export {
   t as banner,
-  c as content,
-  _ as default,
+  _ as content,
+  o as default,
   e as header,
   n as title
 };

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

@@ -1,12 +1,12 @@
-const o = "_root_wz8lv_1", s = "_icons_wz8lv_66", t = "_popover_wz8lv_76", _ = {
+const o = "_root_1ikr6_1", r = "_icons_1ikr6_67", s = "_popover_1ikr6_77", t = {
   root: o,
-  icons: s,
-  popover: t
+  icons: r,
+  popover: s
 };
 export {
-  _ as default,
-  s as icons,
-  t as popover,
+  t as default,
+  r as icons,
+  s as popover,
   o as root
 };
 //# sourceMappingURL=ComboBox.module.scss.js.map

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

@@ -0,0 +1,2 @@
+import { FileInputProps } from './FileInputTypes';
+export declare function FileInput(rawProps: FileInputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,150 @@
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { DropZone as C, FileTrigger as E, Button as G } from "react-aria-components";
+import q from "classnames";
+import { useTranslation as A, Trans as J } from "react-i18next";
+import { useFieldIds as U } from "../hooks/useFieldIds.js";
+import { FileInputDefaults as K } from "./FileInputTypes.js";
+import n from "./FileInput.module.scss.js";
+import { applyMissingDefaults as L } from "../../../../helpers/applyMissingDefaults.js";
+import { FieldLayout as O } from "../../FieldLayout/FieldLayout.js";
+import { ButtonIcon as R } from "../Button/ButtonIcon.js";
+import W from "../../../../assets/icons/icon-trashcan.svg.js";
+import Z from "../../../../assets/icons/icon-file-outline.svg.js";
+import $ from "../../../../assets/icons/icon-file-pdf.svg.js";
+import H from "../../../../assets/icons/icon-file-png.svg.js";
+import V from "../../../../assets/icons/icon-file-jpg.svg.js";
+import { Flex as y } from "../../Flex/Flex.js";
+function Q(i) {
+  return i === "application/pdf" ? $ : i === "image/png" ? H : i === "image/jpeg" || i === "image/jpg" ? V : Z;
+}
+function X(i) {
+  return i.kind === "file";
+}
+function Y(i) {
+  if (i === 0) return "0 Bytes";
+  const r = 1024, d = ["Bytes", "KB", "MB", "GB"], o = Math.floor(Math.log(i) / Math.log(r));
+  return `${parseFloat((i / Math.pow(r, o)).toFixed(0))} ${d[o]}`;
+}
+const _ = {
+  "image/jpeg": "JPG",
+  "image/jpg": "JPG",
+  "image/png": "PNG",
+  "application/pdf": "PDF"
+};
+function h(i) {
+  if (!i || i.length === 0 || i.includes("*/*")) return null;
+  const r = i.map((o) => o.startsWith(".") ? o.slice(1).toUpperCase() : _[o]).filter(Boolean);
+  return r.length === 0 ? null : [...new Set(r)].join(", ");
+}
+function ge(i) {
+  const { t: r } = A("common"), d = L(i, K), {
+    label: o,
+    description: s,
+    errorMessage: g,
+    isRequired: B,
+    isInvalid: D,
+    isDisabled: p,
+    id: T,
+    value: a,
+    onChange: u,
+    onBlur: b,
+    accept: l,
+    className: x,
+    "aria-describedby": S
+  } = d, { inputId: I, errorMessageId: P, descriptionId: F, ariaDescribedBy: M } = U({
+    inputId: T,
+    errorMessage: g,
+    description: s,
+    ariaDescribedBy: S
+  }), j = (t) => {
+    const c = t?.[0] ?? null;
+    u(c);
+  }, z = async (t) => {
+    const c = t.items.find(X);
+    if (c) {
+      const N = await c.getFile();
+      u(N);
+    }
+  }, k = (t) => (l ?? ["*/*"]).some((f) => f === "*/*" ? !0 : f.startsWith(".") ? t.has("application/octet-stream") || t.has("Files") : t.has(f)) ? "copy" : "cancel", w = () => {
+    u(null);
+  }, v = a ? Q(a.type) : null;
+  return /* @__PURE__ */ e(
+    O,
+    {
+      label: o,
+      errorMessage: g,
+      isRequired: B,
+      htmlFor: I,
+      errorMessageId: P,
+      descriptionId: F,
+      className: x,
+      shouldVisuallyHideLabel: !0,
+      withErrorIcon: !1,
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: n.root,
+          "data-disabled": p || void 0,
+          "data-invalid": D || void 0,
+          children: a ? /* @__PURE__ */ e(
+            "div",
+            {
+              className: q(n.filePreview, { [n.disabled]: p }),
+              children: /* @__PURE__ */ m(y, { alignItems: "center", gap: 12, children: [
+                /* @__PURE__ */ e("div", { className: n.fileIcon, children: v && /* @__PURE__ */ e(v, { "aria-hidden": "true" }) }),
+                /* @__PURE__ */ e("div", { className: n.fileInfo, children: /* @__PURE__ */ m(y, { flexDirection: "column", gap: 0, children: [
+                  /* @__PURE__ */ e("span", { className: n.fileName, children: a.name }),
+                  /* @__PURE__ */ e("span", { className: n.fileSize, children: Y(a.size) })
+                ] }) }),
+                /* @__PURE__ */ e(
+                  R,
+                  {
+                    "aria-label": r("fileInput.removeFile"),
+                    onClick: w,
+                    isDisabled: p,
+                    children: /* @__PURE__ */ e(W, { "aria-hidden": "true", className: n.removeButton })
+                  }
+                )
+              ] })
+            }
+          ) : /* @__PURE__ */ e(
+            C,
+            {
+              onDrop: z,
+              getDropOperation: k,
+              className: n.dropZone,
+              children: /* @__PURE__ */ e(E, { onSelect: j, acceptedFileTypes: l, children: /* @__PURE__ */ e(
+                G,
+                {
+                  id: I,
+                  isDisabled: p,
+                  "aria-describedby": M,
+                  onBlur: b,
+                  className: n.trigger,
+                  children: /* @__PURE__ */ m("span", { className: n.triggerContent, children: [
+                    /* @__PURE__ */ e("span", { className: n.triggerText, children: /* @__PURE__ */ e(
+                      J,
+                      {
+                        i18nKey: "fileInput.uploadInstructions",
+                        ns: "common",
+                        components: { clickToUpload: /* @__PURE__ */ e("span", { className: n.clickToUpload }) }
+                      }
+                    ) }),
+                    (h(l) || s) && /* @__PURE__ */ m("span", { className: n.hintContainer, children: [
+                      h(l) && /* @__PURE__ */ e("span", { className: n.hint, children: r("fileInput.acceptedTypes", { types: h(l) }) }),
+                      s && /* @__PURE__ */ e("span", { id: F, className: n.hint, children: s })
+                    ] })
+                  ] })
+                }
+              ) })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  ge as FileInput
+};
+//# sourceMappingURL=FileInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.js","sources":["../../../../../src/components/Common/UI/FileInput/FileInput.tsx"],"sourcesContent":["import {\n  FileTrigger,\n  Button as AriaButton,\n  DropZone,\n  type DropItem,\n  type FileDropItem,\n} from 'react-aria-components'\nimport classNames from 'classnames'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport type { FileInputProps } from './FileInputTypes'\nimport { FileInputDefaults } from './FileInputTypes'\nimport styles from './FileInput.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { Flex } from '@/components/Common/Flex'\nimport { ButtonIcon } from '@/components/Common/UI/Button/ButtonIcon'\nimport TrashCanIcon from '@/assets/icons/icon-trashcan.svg?react'\nimport FileIcon from '@/assets/icons/icon-file-outline.svg?react'\nimport PdfIcon from '@/assets/icons/icon-file-pdf.svg?react'\nimport PngIcon from '@/assets/icons/icon-file-png.svg?react'\nimport JpgIcon from '@/assets/icons/icon-file-jpg.svg?react'\n\nfunction getFileIcon(mimeType: string) {\n  if (mimeType === 'application/pdf') {\n    return PdfIcon\n  }\n\n  if (mimeType === 'image/png') {\n    return PngIcon\n  }\n\n  if (mimeType === 'image/jpeg' || mimeType === 'image/jpg') {\n    return JpgIcon\n  }\n\n  return FileIcon\n}\n\nfunction isFileDropItem(item: DropItem): item is FileDropItem {\n  return item.kind === 'file'\n}\n\nfunction formatFileSize(bytes: number): string {\n  if (bytes === 0) return '0 Bytes'\n  const k = 1024\n  const sizes = ['Bytes', 'KB', 'MB', 'GB'] as const\n  const i = Math.floor(Math.log(bytes) / Math.log(k))\n  const size = parseFloat((bytes / Math.pow(k, i)).toFixed(0))\n  return `${size} ${sizes[i]}`\n}\n\nconst mimeToExtension: Record<string, string> = {\n  'image/jpeg': 'JPG',\n  'image/jpg': 'JPG',\n  'image/png': 'PNG',\n  'application/pdf': 'PDF',\n}\n\nfunction formatAcceptedTypes(accept: string[] | undefined): string | null {\n  if (!accept || accept.length === 0 || accept.includes('*/*')) return null\n\n  const extensions = accept\n    .map(type => {\n      if (type.startsWith('.')) {\n        return type.slice(1).toUpperCase()\n      }\n      return mimeToExtension[type]\n    })\n    .filter(Boolean)\n\n  if (extensions.length === 0) return null\n\n  const uniqueExtensions = [...new Set(extensions)]\n  return uniqueExtensions.join(', ')\n}\n\nexport function FileInput(rawProps: FileInputProps) {\n  const { t } = useTranslation('common')\n  const resolvedProps = applyMissingDefaults(rawProps, FileInputDefaults)\n  const {\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    isInvalid,\n    isDisabled,\n    id,\n    value,\n    onChange,\n    onBlur,\n    accept,\n    className,\n    'aria-describedby': ariaDescribedByFromProps,\n  } = resolvedProps\n\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n    ariaDescribedBy: ariaDescribedByFromProps,\n  })\n\n  const handleSelect = (files: FileList | null) => {\n    const file = files?.[0] ?? null\n    onChange(file)\n  }\n\n  const handleDrop = async (e: { items: DropItem[] }) => {\n    const fileItem = e.items.find(isFileDropItem)\n    if (fileItem) {\n      const file = await fileItem.getFile()\n      onChange(file)\n    }\n  }\n\n  const getDropOperation = (types: { has: (type: string) => boolean }) => {\n    const acceptedTypes = accept ?? ['*/*']\n    const hasAcceptedType = acceptedTypes.some(type => {\n      if (type === '*/*') return true\n      if (type.startsWith('.')) {\n        return types.has('application/octet-stream') || types.has('Files')\n      }\n      return types.has(type)\n    })\n    return hasAcceptedType ? 'copy' : 'cancel'\n  }\n\n  const handleRemove = () => {\n    onChange(null)\n  }\n\n  const FileTypeIcon = value ? getFileIcon(value.type) : null\n\n  return (\n    <FieldLayout\n      label={label}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      className={className}\n      shouldVisuallyHideLabel\n      withErrorIcon={false}\n    >\n      <div\n        className={styles.root}\n        data-disabled={isDisabled || undefined}\n        data-invalid={isInvalid || undefined}\n      >\n        {value ? (\n          <div\n            className={classNames(styles.filePreview, { [styles.disabled as string]: isDisabled })}\n          >\n            <Flex alignItems=\"center\" gap={12}>\n              <div className={styles.fileIcon}>\n                {FileTypeIcon && <FileTypeIcon aria-hidden=\"true\" />}\n              </div>\n              <div className={styles.fileInfo}>\n                <Flex flexDirection=\"column\" gap={0}>\n                  <span className={styles.fileName}>{value.name}</span>\n                  <span className={styles.fileSize}>{formatFileSize(value.size)}</span>\n                </Flex>\n              </div>\n              <ButtonIcon\n                aria-label={t('fileInput.removeFile')}\n                onClick={handleRemove}\n                isDisabled={isDisabled}\n              >\n                <TrashCanIcon aria-hidden=\"true\" className={styles.removeButton} />\n              </ButtonIcon>\n            </Flex>\n          </div>\n        ) : (\n          <DropZone\n            onDrop={handleDrop}\n            getDropOperation={getDropOperation}\n            className={styles.dropZone}\n          >\n            <FileTrigger onSelect={handleSelect} acceptedFileTypes={accept}>\n              <AriaButton\n                id={inputId}\n                isDisabled={isDisabled}\n                aria-describedby={ariaDescribedBy}\n                onBlur={onBlur}\n                className={styles.trigger}\n              >\n                <span className={styles.triggerContent}>\n                  <span className={styles.triggerText}>\n                    <Trans\n                      i18nKey=\"fileInput.uploadInstructions\"\n                      ns=\"common\"\n                      components={{ clickToUpload: <span className={styles.clickToUpload} /> }}\n                    />\n                  </span>\n                  {(formatAcceptedTypes(accept) || description) && (\n                    <span className={styles.hintContainer}>\n                      {formatAcceptedTypes(accept) && (\n                        <span className={styles.hint}>\n                          {t('fileInput.acceptedTypes', { types: formatAcceptedTypes(accept) })}\n                        </span>\n                      )}\n                      {description && (\n                        <span id={descriptionId} className={styles.hint}>\n                          {description}\n                        </span>\n                      )}\n                    </span>\n                  )}\n                </span>\n              </AriaButton>\n            </FileTrigger>\n          </DropZone>\n        )}\n      </div>\n    </FieldLayout>\n  )\n}\n"],"names":["getFileIcon","mimeType","PdfIcon","PngIcon","JpgIcon","FileIcon","isFileDropItem","item","formatFileSize","bytes","k","sizes","i","mimeToExtension","formatAcceptedTypes","accept","extensions","type","FileInput","rawProps","t","useTranslation","resolvedProps","applyMissingDefaults","FileInputDefaults","label","description","errorMessage","isRequired","isInvalid","isDisabled","id","value","onChange","onBlur","className","ariaDescribedByFromProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleSelect","files","file","handleDrop","e","fileItem","getDropOperation","types","handleRemove","FileTypeIcon","jsx","FieldLayout","styles","classNames","jsxs","Flex","ButtonIcon","TrashCanIcon","DropZone","FileTrigger","AriaButton","Trans"],"mappings":"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"}

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

@@ -0,0 +1,36 @@
+const t = "_root_wtxia_1", e = "_dropZone_wtxia_5", i = "_trigger_wtxia_12", o = "_triggerContent_wtxia_34", n = "_triggerText_wtxia_41", _ = "_clickToUpload_wtxia_45", r = "_hintContainer_wtxia_50", a = "_hint_wtxia_50", l = "_filePreview_wtxia_61", c = "_disabled_wtxia_64", s = "_fileIcon_wtxia_69", f = "_fileInfo_wtxia_81", x = "_fileName_wtxia_85", g = "_fileSize_wtxia_95", w = "_removeButton_wtxia_100", d = {
+  root: t,
+  dropZone: e,
+  trigger: i,
+  triggerContent: o,
+  triggerText: n,
+  clickToUpload: _,
+  hintContainer: r,
+  hint: a,
+  filePreview: l,
+  disabled: c,
+  fileIcon: s,
+  fileInfo: f,
+  fileName: x,
+  fileSize: g,
+  removeButton: w
+};
+export {
+  _ as clickToUpload,
+  d as default,
+  c as disabled,
+  e as dropZone,
+  s as fileIcon,
+  f as fileInfo,
+  x as fileName,
+  l as filePreview,
+  g as fileSize,
+  a as hint,
+  r as hintContainer,
+  w as removeButton,
+  t as root,
+  i as trigger,
+  o as triggerContent,
+  n as triggerText
+};
+//# sourceMappingURL=FileInput.module.scss.js.map

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

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

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

@@ -0,0 +1,45 @@
+import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
+export interface FileInputProps extends Omit<SharedFieldLayoutProps, 'shouldVisuallyHideLabel'> {
+    /**
+     * ID for the file input element
+     */
+    id?: string;
+    /**
+     * Currently selected file
+     */
+    value: File | null;
+    /**
+     * Callback when file selection changes
+     */
+    onChange: (file: File | null) => void;
+    /**
+     * Handler for blur events
+     */
+    onBlur?: () => void;
+    /**
+     * Accepted file types (MIME types or extensions)
+     * @example ['image/jpeg', 'image/png', 'application/pdf']
+     * @example ['.jpg', '.png', '.pdf']
+     */
+    accept?: string[];
+    /**
+     * Indicates that the field has an error
+     */
+    isInvalid?: boolean;
+    /**
+     * Disables the input and prevents interaction
+     */
+    isDisabled?: boolean;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Aria-describedby attribute for accessibility
+     */
+    'aria-describedby'?: string;
+}
+export declare const FileInputDefaults: {
+    readonly isInvalid: false;
+    readonly isDisabled: false;
+};

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

@@ -0,0 +1,8 @@
+const s = {
+  isInvalid: !1,
+  isDisabled: !1
+};
+export {
+  s as FileInputDefaults
+};
+//# sourceMappingURL=FileInputTypes.js.map

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

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

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

@@ -0,0 +1,4 @@
+import "./types/i18next.d.ts"
+export { FileInput } from './FileInput';
+export type { FileInputProps } from './FileInputTypes';
+export { FileInputDefaults } from './FileInputTypes';

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

@@ -1,9 +1,9 @@
-const n = "_container_6gzur_1", t = "_hasAdornmentStart_6gzur_10", r = "_hasAdornmentEnd_6gzur_14", o = "_invalidIcon_6gzur_47", a = "_inputContainer_6gzur_62", d = "_adornmentStart_6gzur_78", e = "_adornmentEnd_6gzur_83", _ = {
+const n = "_container_mov6t_1", t = "_hasAdornmentStart_mov6t_10", o = "_hasAdornmentEnd_mov6t_14", a = "_invalidIcon_mov6t_48", r = "_inputContainer_mov6t_63", d = "_adornmentStart_mov6t_79", e = "_adornmentEnd_mov6t_84", _ = {
   container: n,
   hasAdornmentStart: t,
-  hasAdornmentEnd: r,
-  invalidIcon: o,
-  inputContainer: a,
+  hasAdornmentEnd: o,
+  invalidIcon: a,
+  inputContainer: r,
   adornmentStart: d,
   adornmentEnd: e
 };
@@ -12,9 +12,9 @@ export {
   d as adornmentStart,
   n as container,
   _ as default,
-  r as hasAdornmentEnd,
+  o as hasAdornmentEnd,
   t as hasAdornmentStart,
-  a as inputContainer,
-  o as invalidIcon
+  r as inputContainer,
+  a as invalidIcon
 };
 //# sourceMappingURL=Input.module.scss.js.map

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

@@ -1,4 +1,4 @@
-const t = "_list_1tff9_1", s = "_item_1tff9_17", e = {
+const t = "_list_b105q_1", s = "_item_b105q_10", e = {
   list: t,
   item: s
 };