@gusto/embedded-react-sdk 0.6.0 → 0.8.0

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

@@ -0,0 +1,11 @@
+import { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes';
+export interface FieldsetProps extends Omit<SharedFieldLayoutProps, 'label' | 'shouldVisuallyHideLabel'> {
+    children: React.ReactNode;
+    description?: React.ReactNode;
+    errorMessage?: string;
+    isRequired?: boolean;
+    legend: React.ReactNode;
+    shouldVisuallyHideLegend?: boolean;
+    className?: string;
+}
+export declare const Fieldset: React.FC<FieldsetProps>;

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

@@ -0,0 +1,66 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { useId as f } from "react";
+import l from "classnames";
+import e from "./Fieldset.module.scss.js";
+import { getDataProps as g } from "../../../../helpers/getDataProps.js";
+import { FieldCaption as h } from "../FieldCaption/FieldCaption.js";
+import { FieldDescription as D } from "../FieldDescription/FieldDescription.js";
+import { FieldErrorMessage as F } from "../FieldErrorMessage/FieldErrorMessage.js";
+const y = ({
+  children: d,
+  description: s,
+  errorMessage: i,
+  isRequired: m = !1,
+  legend: n,
+  shouldVisuallyHideLegend: o = !1,
+  className: c,
+  ...p
+}) => {
+  const t = `error-message-${f()}`;
+  return /* @__PURE__ */ a(
+    "fieldset",
+    {
+      className: l(e.root, c),
+      "aria-describedby": i ? t : void 0,
+      ...g(p),
+      children: [
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: l(e.legendAndDescription, {
+              [e.withVisibleLegend]: !o,
+              [e.withDescription]: !!s
+            }),
+            children: [
+              /* @__PURE__ */ r(
+                h,
+                {
+                  as: "legend",
+                  isRequired: m,
+                  isVisuallyHidden: o,
+                  children: n
+                }
+              ),
+              /* @__PURE__ */ r(D, { children: s })
+            ]
+          }
+        ),
+        d,
+        /* @__PURE__ */ r(
+          F,
+          {
+            id: t,
+            className: e.errorMessage,
+            "aria-live": "polite",
+            role: "alert",
+            children: i
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  y as Fieldset
+};
+//# sourceMappingURL=Fieldset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.js","sources":["../../../../../src/components/Common/UI/Fieldset/Fieldset.tsx"],"sourcesContent":["import { useId } from 'react'\nimport classNames from 'classnames'\nimport { FieldDescription } from '../FieldDescription'\nimport { FieldErrorMessage } from '../FieldErrorMessage'\nimport { FieldCaption } from '../FieldCaption'\nimport type { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes'\nimport styles from './Fieldset.module.scss'\nimport { getDataProps } from '@/helpers/getDataProps'\n\nexport interface FieldsetProps\n  extends Omit<SharedFieldLayoutProps, 'label' | 'shouldVisuallyHideLabel'> {\n  children: React.ReactNode\n  description?: React.ReactNode\n  errorMessage?: string\n  isRequired?: boolean\n  legend: React.ReactNode\n  shouldVisuallyHideLegend?: boolean\n  className?: string\n}\n\nexport const Fieldset: React.FC<FieldsetProps> = ({\n  children,\n  description,\n  errorMessage,\n  isRequired = false,\n  legend,\n  shouldVisuallyHideLegend = false,\n  className,\n  ...props\n}: FieldsetProps) => {\n  const generatedErrorMessageId = useId()\n  const errorMessageId = `error-message-${generatedErrorMessageId}`\n\n  return (\n    <fieldset\n      className={classNames(styles.root, className)}\n      aria-describedby={errorMessage ? errorMessageId : undefined}\n      {...getDataProps(props)}\n    >\n      <div\n        className={classNames(styles.legendAndDescription, {\n          [styles.withVisibleLegend as string]: !shouldVisuallyHideLegend,\n          [styles.withDescription as string]: Boolean(description),\n        })}\n      >\n        <FieldCaption\n          as=\"legend\"\n          isRequired={isRequired}\n          isVisuallyHidden={shouldVisuallyHideLegend}\n        >\n          {legend}\n        </FieldCaption>\n        <FieldDescription>{description}</FieldDescription>\n      </div>\n      {children}\n      <FieldErrorMessage\n        id={errorMessageId}\n        className={styles.errorMessage}\n        aria-live=\"polite\"\n        role=\"alert\"\n      >\n        {errorMessage}\n      </FieldErrorMessage>\n    </fieldset>\n  )\n}\n"],"names":["Fieldset","children","description","errorMessage","isRequired","legend","shouldVisuallyHideLegend","className","props","errorMessageId","useId","jsxs","classNames","styles","getDataProps","jsx","FieldCaption","FieldDescription","FieldErrorMessage"],"mappings":";;;;;;;;AAoBO,MAAMA,IAAoC,CAAC;AAAA,EAChD,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC;AAAA,EACA,0BAAAC,IAA2B;AAAA,EAC3B,WAAAC;AAAA,EACA,GAAGC;AACL,MAAqB;AAEb,QAAAC,IAAiB,iBADSC,EAAM,CACyB;AAG7D,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,EAAO,MAAMN,CAAS;AAAA,MAC5C,oBAAkBJ,IAAeM,IAAiB;AAAA,MACjD,GAAGK,EAAaN,CAAK;AAAA,MAEtB,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAWC,EAAO,sBAAsB;AAAA,cACjD,CAACA,EAAO,iBAA2B,GAAG,CAACP;AAAA,cACvC,CAACO,EAAO,eAAyB,GAAG,EAAQX;AAAA,YAAW,CACxD;AAAA,YAED,UAAA;AAAA,cAAA,gBAAAa;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,YAAAZ;AAAA,kBACA,kBAAkBE;AAAA,kBAEjB,UAAAD;AAAA,gBAAA;AAAA,cACH;AAAA,cACA,gBAAAU,EAACE,KAAkB,UAAYf,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACjC;AAAA,QACCD;AAAA,QACD,gBAAAc;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,IAAIT;AAAA,YACJ,WAAWI,EAAO;AAAA,YAClB,aAAU;AAAA,YACV,MAAK;AAAA,YAEJ,UAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -0,0 +1,16 @@
+const e = "_root_15bax_1", i = "_legendAndDescription_15bax_10", s = "_withVisibleLegend_15bax_14", t = "_withDescription_15bax_17", o = "_errorMessage_15bax_21", n = {
+  root: e,
+  legendAndDescription: i,
+  withVisibleLegend: s,
+  withDescription: t,
+  errorMessage: o
+};
+export {
+  n as default,
+  o as errorMessage,
+  i as legendAndDescription,
+  e as root,
+  t as withDescription,
+  s as withVisibleLegend
+};
+//# sourceMappingURL=Fieldset.module.scss.js.map

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

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

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

@@ -0,0 +1 @@
+export { Fieldset, type FieldsetProps } from './Fieldset';

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

@@ -0,0 +1,2 @@
+import { HeadingProps } from './HeadingTypes';
+export declare const Heading: ({ as: Component, styledAs, textAlign, className, children, }: HeadingProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,28 @@
+import { jsx as a } from "react/jsx-runtime";
+import i from "classnames";
+import s from "./Heading.module.scss.js";
+const p = ({
+  as: t,
+  styledAs: r,
+  textAlign: e,
+  className: o,
+  children: l
+}) => {
+  const m = r ?? t;
+  return /* @__PURE__ */ a(
+    t,
+    {
+      className: i(
+        o,
+        s.root,
+        s[m],
+        s[`textAlign-${e}`]
+      ),
+      children: l
+    }
+  );
+};
+export {
+  p as Heading
+};
+//# sourceMappingURL=Heading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sources":["../../../../../src/components/Common/UI/Heading/Heading.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { HeadingProps } from './HeadingTypes'\nimport styles from './Heading.module.scss'\n\nexport const Heading = ({\n  as: Component,\n  styledAs,\n  textAlign,\n  className,\n  children,\n}: HeadingProps) => {\n  const levelStyles = styledAs ?? Component\n\n  return (\n    <Component\n      className={classNames(\n        className,\n        styles.root,\n        styles[levelStyles as string],\n        styles[`textAlign-${textAlign}`],\n      )}\n    >\n      {children}\n    </Component>\n  )\n}\n"],"names":["Heading","Component","styledAs","textAlign","className","children","levelStyles","jsx","classNames","styles"],"mappings":";;;AAIO,MAAMA,IAAU,CAAC;AAAA,EACtB,IAAIC;AAAA,EACJ,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAAoB;AAClB,QAAMC,IAAcJ,KAAYD;AAG9B,SAAA,gBAAAM;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,WAAWO;AAAA,QACTJ;AAAA,QACAK,EAAO;AAAA,QACPA,EAAOH,CAAqB;AAAA,QAC5BG,EAAO,aAAaN,CAAS,EAAE;AAAA,MACjC;AAAA,MAEC,UAAAE;AAAA,IAAA;AAAA,EACH;AAEJ;"}

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

@@ -0,0 +1,23 @@
+const t = "_root_1wga6_1", _ = "_h1_1wga6_7", h = "_h2_1wga6_11", n = "_h3_1wga6_14", g = "_h4_1wga6_17", e = "_h5_1wga6_20", o = "_h6_1wga6_23", a = {
+  root: t,
+  h1: _,
+  h2: h,
+  h3: n,
+  h4: g,
+  h5: e,
+  h6: o,
+  "textAlign-start": "_textAlign-start_1wga6_26",
+  "textAlign-center": "_textAlign-center_1wga6_29",
+  "textAlign-end": "_textAlign-end_1wga6_32"
+};
+export {
+  a as default,
+  _ as h1,
+  h as h2,
+  n as h3,
+  g as h4,
+  e as h5,
+  o as h6,
+  t as root
+};
+//# sourceMappingURL=Heading.module.scss.js.map

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

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

package/dist/components/Common/UI/Heading/HeadingTypes.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface HeadingProps extends Pick<HTMLAttributes<HTMLHeadingElement>, 'className'> {
+    as: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    styledAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    textAlign?: 'start' | 'center' | 'end';
+    children?: ReactNode;
+}

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

@@ -0,0 +1,2 @@
+export { Heading } from './Heading';
+export type { HeadingProps } from './HeadingTypes';

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

@@ -0,0 +1,2 @@
+import { HorizontalFieldLayoutProps } from './HorizontalFieldLayoutTypes';
+export declare const HorizontalFieldLayout: React.FC<HorizontalFieldLayoutProps>;

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

@@ -0,0 +1,45 @@
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import N from "classnames";
+import r from "./HorizontalFieldLayout.module.scss.js";
+import { getDataProps as b } from "../../../../helpers/getDataProps.js";
+import { VisuallyHidden as g } from "../../VisuallyHidden/VisuallyHidden.js";
+import { FieldDescription as w } from "../FieldDescription/FieldDescription.js";
+import { FieldErrorMessage as x } from "../FieldErrorMessage/FieldErrorMessage.js";
+const M = ({
+  label: m,
+  description: o,
+  descriptionId: a,
+  errorMessage: s,
+  errorMessageId: n,
+  children: c,
+  htmlFor: d,
+  className: p,
+  shouldVisuallyHideLabel: i,
+  ...h
+}) => {
+  const t = /* @__PURE__ */ e("label", { className: r.label, htmlFor: d, children: m }), l = o || s;
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: N(
+        r.root,
+        {
+          [r.withoutVisibleLabel]: i && l,
+          [r.withOnlyChildren]: i && !l
+        },
+        p
+      ),
+      ...b(h),
+      children: [
+        /* @__PURE__ */ e("div", { className: r.children, children: c }),
+        i ? /* @__PURE__ */ e(g, { children: t }) : t,
+        /* @__PURE__ */ e(w, { id: a, className: r.description, children: o }),
+        /* @__PURE__ */ e(x, { id: n, className: r.errorMessage, children: s })
+      ]
+    }
+  );
+};
+export {
+  M as HorizontalFieldLayout
+};
+//# sourceMappingURL=HorizontalFieldLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalFieldLayout.js","sources":["../../../../../src/components/Common/UI/HorizontalFieldLayout/HorizontalFieldLayout.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { VisuallyHidden } from '../../VisuallyHidden'\nimport { FieldErrorMessage } from '../FieldErrorMessage'\nimport { FieldDescription } from '../FieldDescription'\nimport styles from './HorizontalFieldLayout.module.scss'\nimport type { HorizontalFieldLayoutProps } from './HorizontalFieldLayoutTypes'\nimport { getDataProps } from '@/helpers/getDataProps'\n\nexport const HorizontalFieldLayout: React.FC<HorizontalFieldLayoutProps> = ({\n  label,\n  description,\n  descriptionId,\n  errorMessage,\n  errorMessageId,\n  children,\n  htmlFor,\n  className,\n  shouldVisuallyHideLabel,\n  ...props\n}: HorizontalFieldLayoutProps) => {\n  const labelContent = (\n    <label className={styles.label} htmlFor={htmlFor}>\n      {label}\n    </label>\n  )\n\n  const withDescriptionOrErrorMessage = description || errorMessage\n\n  return (\n    <div\n      className={classNames(\n        styles.root,\n        {\n          [styles.withoutVisibleLabel as string]:\n            shouldVisuallyHideLabel && withDescriptionOrErrorMessage,\n          [styles.withOnlyChildren as string]:\n            shouldVisuallyHideLabel && !withDescriptionOrErrorMessage,\n        },\n        className,\n      )}\n      {...getDataProps(props)}\n    >\n      <div className={styles.children}>{children}</div>\n      {shouldVisuallyHideLabel ? <VisuallyHidden>{labelContent}</VisuallyHidden> : labelContent}\n      <FieldDescription id={descriptionId} className={styles.description}>\n        {description}\n      </FieldDescription>\n      <FieldErrorMessage id={errorMessageId} className={styles.errorMessage}>\n        {errorMessage}\n      </FieldErrorMessage>\n    </div>\n  )\n}\n"],"names":["HorizontalFieldLayout","label","description","descriptionId","errorMessage","errorMessageId","children","htmlFor","className","shouldVisuallyHideLabel","props","labelContent","jsx","styles","withDescriptionOrErrorMessage","jsxs","classNames","getDataProps","VisuallyHidden","FieldDescription","FieldErrorMessage"],"mappings":";;;;;;;AAQO,MAAMA,IAA8D,CAAC;AAAA,EAC1E,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,GAAGC;AACL,MAAkC;AAChC,QAAMC,IACH,gBAAAC,EAAA,SAAA,EAAM,WAAWC,EAAO,OAAO,SAAAN,GAC7B,UACHN,GAAA,GAGIa,IAAgCZ,KAAeE;AAGnD,SAAA,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTH,EAAO;AAAA,QACP;AAAA,UACE,CAACA,EAAO,mBAA6B,GACnCJ,KAA2BK;AAAA,UAC7B,CAACD,EAAO,gBAA0B,GAChCJ,KAA2B,CAACK;AAAA,QAChC;AAAA,QACAN;AAAA,MACF;AAAA,MACC,GAAGS,EAAaP,CAAK;AAAA,MAEtB,UAAA;AAAA,QAAA,gBAAAE,EAAC,OAAI,EAAA,WAAWC,EAAO,UAAW,UAAAP,GAAS;AAAA,QAC1CG,IAA0B,gBAAAG,EAACM,GAAgB,EAAA,UAAAP,EAAa,CAAA,IAAoBA;AAAA,0BAC5EQ,GAAiB,EAAA,IAAIhB,GAAe,WAAWU,EAAO,aACpD,UACHX,GAAA;AAAA,0BACCkB,GAAkB,EAAA,IAAIf,GAAgB,WAAWQ,EAAO,cACtD,UACHT,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -0,0 +1,20 @@
+const i = "_root_1xjii_1", e = "_withoutVisibleLabel_1xjii_9", t = "_withOnlyChildren_1xjii_12", o = "_children_1xjii_18", l = "_label_1xjii_25", s = "_description_1xjii_36", r = "_errorMessage_1xjii_40", _ = {
+  root: i,
+  withoutVisibleLabel: e,
+  withOnlyChildren: t,
+  children: o,
+  label: l,
+  description: s,
+  errorMessage: r
+};
+export {
+  o as children,
+  _ as default,
+  s as description,
+  r as errorMessage,
+  l as label,
+  i as root,
+  t as withOnlyChildren,
+  e as withoutVisibleLabel
+};
+//# sourceMappingURL=HorizontalFieldLayout.module.scss.js.map

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

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

package/dist/components/Common/UI/HorizontalFieldLayout/HorizontalFieldLayoutTypes.d.ts

@@ -0,0 +1,3 @@
+import { InternalFieldLayoutProps, SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes';
+export type SharedHorizontalFieldLayoutProps = SharedFieldLayoutProps;
+export type HorizontalFieldLayoutProps = SharedHorizontalFieldLayoutProps & InternalFieldLayoutProps;

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

@@ -0,0 +1 @@
+export { HorizontalFieldLayout } from './HorizontalFieldLayout';

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

@@ -0,0 +1,2 @@
+import { InputProps } from './InputTypes';
+export declare function Input({ className, adornmentStart, adornmentEnd, inputRef, isDisabled, 'aria-invalid': ariaInvalid, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,41 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { Input as o } from "react-aria-components";
+import c from "classnames";
+import i from "./Input.module.scss.js";
+import p from "../../../../assets/icons/alert-circle.svg.js";
+function I({
+  className: l,
+  adornmentStart: r,
+  adornmentEnd: e,
+  inputRef: t,
+  isDisabled: n,
+  "aria-invalid": d,
+  ...m
+}) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: c(
+        i.container,
+        {
+          [i.hasAdornmentStart]: !!r,
+          [i.hasAdornmentEnd]: !!e
+        },
+        l
+      ),
+      "data-disabled": n,
+      children: [
+        r && /* @__PURE__ */ a("div", { className: i.adornmentStart, children: r }),
+        /* @__PURE__ */ s("div", { className: i.inputContainer, children: [
+          /* @__PURE__ */ a(o, { ref: t, disabled: n, "aria-invalid": d, ...m }),
+          /* @__PURE__ */ a("div", { className: i.invalidIcon, children: /* @__PURE__ */ a(p, { fontSize: 16 }) })
+        ] }),
+        e && /* @__PURE__ */ a("div", { className: i.adornmentEnd, children: e })
+      ]
+    }
+  );
+}
+export {
+  I as Input
+};
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../../../src/components/Common/UI/Input/Input.tsx"],"sourcesContent":["import { Input as AriaInput } from 'react-aria-components'\nimport classNames from 'classnames'\nimport styles from './Input.module.scss'\nimport type { InputProps } from './InputTypes'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\n\nexport function Input({\n  className,\n  adornmentStart,\n  adornmentEnd,\n  inputRef,\n  isDisabled,\n  'aria-invalid': ariaInvalid,\n  ...props\n}: InputProps) {\n  return (\n    <div\n      className={classNames(\n        styles.container,\n        {\n          [styles.hasAdornmentStart as string]: !!adornmentStart,\n          [styles.hasAdornmentEnd as string]: !!adornmentEnd,\n        },\n        className,\n      )}\n      data-disabled={isDisabled}\n    >\n      {adornmentStart && <div className={styles.adornmentStart}>{adornmentStart}</div>}\n      <div className={styles.inputContainer}>\n        <AriaInput ref={inputRef} disabled={isDisabled} aria-invalid={ariaInvalid} {...props} />\n        <div className={styles.invalidIcon}>\n          <AlertCircle fontSize={16} />\n        </div>\n      </div>\n      {adornmentEnd && <div className={styles.adornmentEnd}>{adornmentEnd}</div>}\n    </div>\n  )\n}\n"],"names":["Input","className","adornmentStart","adornmentEnd","inputRef","isDisabled","ariaInvalid","props","jsxs","classNames","styles","jsx","AriaInput","AlertCircle"],"mappings":";;;;;AAMO,SAASA,EAAM;AAAA,EACpB,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAgBC;AAAA,EAChB,GAAGC;AACL,GAAe;AAEX,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO;AAAA,QACP;AAAA,UACE,CAACA,EAAO,iBAA2B,GAAG,CAAC,CAACR;AAAA,UACxC,CAACQ,EAAO,eAAyB,GAAG,CAAC,CAACP;AAAA,QACxC;AAAA,QACAF;AAAA,MACF;AAAA,MACA,iBAAeI;AAAA,MAEd,UAAA;AAAA,QAAAH,KAAmB,gBAAAS,EAAA,OAAA,EAAI,WAAWD,EAAO,gBAAiB,UAAeR,GAAA;AAAA,QACzE,gBAAAM,EAAA,OAAA,EAAI,WAAWE,EAAO,gBACrB,UAAA;AAAA,UAAC,gBAAAC,EAAAC,GAAA,EAAU,KAAKR,GAAU,UAAUC,GAAY,gBAAcC,GAAc,GAAGC,GAAO;AAAA,UACtF,gBAAAI,EAAC,SAAI,WAAWD,EAAO,aACrB,UAAC,gBAAAC,EAAAE,GAAA,EAAY,UAAU,GAAI,CAAA,EAC7B,CAAA;AAAA,QAAA,GACF;AAAA,QACCV,KAAiB,gBAAAQ,EAAA,OAAA,EAAI,WAAWD,EAAO,cAAe,UAAaP,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACtE;AAEJ;"}

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

@@ -0,0 +1,20 @@
+const n = "_container_14bus_1", t = "_hasAdornmentStart_14bus_10", o = "_hasAdornmentEnd_14bus_14", a = "_adornmentStart_14bus_23", r = "_adornmentEnd_14bus_24", s = "_invalidIcon_14bus_52", d = "_inputContainer_14bus_68", e = {
+  container: n,
+  hasAdornmentStart: t,
+  hasAdornmentEnd: o,
+  adornmentStart: a,
+  adornmentEnd: r,
+  invalidIcon: s,
+  inputContainer: d
+};
+export {
+  r as adornmentEnd,
+  a as adornmentStart,
+  n as container,
+  e as default,
+  o as hasAdornmentEnd,
+  t as hasAdornmentStart,
+  d as inputContainer,
+  s as invalidIcon
+};
+//# sourceMappingURL=Input.module.scss.js.map

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

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

package/dist/components/Common/UI/Input/InputTypes.d.ts

@@ -0,0 +1,19 @@
+import { InputHTMLAttributes, ReactNode, Ref } from 'react';
+export interface InputProps extends Pick<InputHTMLAttributes<HTMLInputElement>, 'className' | 'id' | 'name' | 'placeholder' | 'type' | 'value' | 'onChange' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'min' | 'max'> {
+    /**
+     * Ref for the input element
+     */
+    inputRef?: Ref<HTMLInputElement>;
+    /**
+     * Content to display at the start of the input
+     */
+    adornmentStart?: ReactNode;
+    /**
+     * Content to display at the end of the input
+     */
+    adornmentEnd?: ReactNode;
+    /**
+     * Whether the input is disabled
+     */
+    isDisabled?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export { Input } from './Input';
+export type { InputProps } from './InputTypes';

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

@@ -0,0 +1,2 @@
+import { LinkProps } from './LinkTypes';
+export declare function Link({ className, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Link as s } from "react-aria-components";
+import t from "classnames";
+import i from "./Link.module.scss.js";
+function p({ className: o, ...r }) {
+  return /* @__PURE__ */ m(s, { className: t(i.root, o), ...r });
+}
+export {
+  p as Link
+};
+//# sourceMappingURL=Link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sources":["../../../../../src/components/Common/UI/Link/Link.tsx"],"sourcesContent":["import { Link as AriaLink } from 'react-aria-components'\nimport classNames from 'classnames'\nimport type { LinkProps } from './LinkTypes'\nimport styles from './Link.module.scss'\n\nexport function Link({ className, ...props }: LinkProps) {\n  return <AriaLink className={classNames(styles.root, className)} {...props} />\n}\n"],"names":["Link","className","props","jsx","AriaLink","classNames","styles"],"mappings":";;;;AAKO,SAASA,EAAK,EAAE,WAAAC,GAAW,GAAGC,KAAoB;AAChD,SAAA,gBAAAC,EAACC,KAAS,WAAWC,EAAWC,EAAO,MAAML,CAAS,GAAI,GAAGC,GAAO;AAC7E;"}

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

@@ -0,0 +1,8 @@
+const o = "_root_1uv7z_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};
+//# sourceMappingURL=Link.module.scss.js.map

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

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

package/dist/components/Common/UI/Link/LinkTypes.d.ts

@@ -0,0 +1,2 @@
+import { AnchorHTMLAttributes } from 'react';
+export type LinkProps = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target' | 'rel' | 'download' | 'children' | 'className' | 'id' | 'onKeyDown' | 'onKeyUp' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'title'>;

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

@@ -0,0 +1 @@
+export { Link } from './Link';

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

@@ -0,0 +1,10 @@
+const t = "_list_1n4ir_1", s = "_item_1n4ir_13", i = {
+  list: t,
+  item: s
+};
+export {
+  i as default,
+  s as item,
+  t as list
+};
+//# sourceMappingURL=List.module.scss.js.map

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

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

package/dist/components/Common/UI/List/ListTypes.d.ts

@@ -0,0 +1,27 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface BaseListProps {
+    /**
+     * The list items to render
+     */
+    items: ReactNode[];
+    /**
+     * Optional custom class name
+     */
+    className?: string;
+    /**
+     * Accessibility label for the list
+     */
+    'aria-label'?: string;
+    /**
+     * ID of an element that labels this list
+     */
+    'aria-labelledby'?: string;
+    /**
+     * ID of an element that describes this list
+     */
+    'aria-describedby'?: string;
+}
+export interface UnorderedListProps extends BaseListProps, HTMLAttributes<HTMLUListElement> {
+}
+export interface OrderedListProps extends BaseListProps, HTMLAttributes<HTMLOListElement> {
+}

package/dist/components/Common/UI/List/OrderedList.d.ts

@@ -0,0 +1,2 @@
+import { OrderedListProps } from './ListTypes';
+export declare function OrderedList({ items, className, ...props }: OrderedListProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/UI/List/OrderedList.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "react/jsx-runtime";
+import l from "classnames";
+import e from "./List.module.scss.js";
+function p({ items: t, className: s, ...i }) {
+  return /* @__PURE__ */ r("ol", { className: l(e.list, s), "data-variant": "ordered", ...i, children: t.map((m, a) => {
+    const o = `item-${a}`;
+    return /* @__PURE__ */ r("li", { className: e.item, children: m }, o);
+  }) });
+}
+export {
+  p as OrderedList
+};
+//# sourceMappingURL=OrderedList.js.map

package/dist/components/Common/UI/List/OrderedList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderedList.js","sources":["../../../../../src/components/Common/UI/List/OrderedList.tsx"],"sourcesContent":["import classnames from 'classnames'\nimport type { OrderedListProps } from './ListTypes'\nimport styles from './List.module.scss'\n\nexport function OrderedList({ items, className, ...props }: OrderedListProps) {\n  return (\n    <ol className={classnames(styles.list, className)} data-variant=\"ordered\" {...props}>\n      {items.map((item, index) => {\n        // Simple key generation - use index-based key\n        // which is completely fine for static lists\n        const key = `item-${index}`\n\n        return (\n          <li key={key} className={styles.item}>\n            {item}\n          </li>\n        )\n      })}\n    </ol>\n  )\n}\n"],"names":["OrderedList","items","className","props","classnames","styles","item","index","key"],"mappings":";;;AAIO,SAASA,EAAY,EAAE,OAAAC,GAAO,WAAAC,GAAW,GAAGC,KAA2B;AAC5E,2BACG,MAAG,EAAA,WAAWC,EAAWC,EAAO,MAAMH,CAAS,GAAG,gBAAa,WAAW,GAAGC,GAC3E,UAAAF,EAAM,IAAI,CAACK,GAAMC,MAAU;AAGpB,UAAAC,IAAM,QAAQD,CAAK;AAEzB,6BACG,MAAa,EAAA,WAAWF,EAAO,MAC7B,eADMG,CAET;AAAA,EAEH,CAAA,GACH;AAEJ;"}

package/dist/components/Common/UI/List/UnorderedList.d.ts

@@ -0,0 +1,2 @@
+import { UnorderedListProps } from './ListTypes';
+export declare function UnorderedList({ items, className, ...props }: UnorderedListProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/UI/List/UnorderedList.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "react/jsx-runtime";
+import n from "classnames";
+import e from "./List.module.scss.js";
+function p({ items: t, className: s, ...i }) {
+  return /* @__PURE__ */ r("ul", { className: n(e.list, s), "data-variant": "unordered", ...i, children: t.map((m, a) => {
+    const o = `item-${a}`;
+    return /* @__PURE__ */ r("li", { className: e.item, children: m }, o);
+  }) });
+}
+export {
+  p as UnorderedList
+};
+//# sourceMappingURL=UnorderedList.js.map

package/dist/components/Common/UI/List/UnorderedList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnorderedList.js","sources":["../../../../../src/components/Common/UI/List/UnorderedList.tsx"],"sourcesContent":["import classnames from 'classnames'\nimport type { UnorderedListProps } from './ListTypes'\nimport styles from './List.module.scss'\n\nexport function UnorderedList({ items, className, ...props }: UnorderedListProps) {\n  return (\n    <ul className={classnames(styles.list, className)} data-variant=\"unordered\" {...props}>\n      {items.map((item, index) => {\n        // Simple key generation - use index-based key\n        // which is completely fine for static lists\n        const key = `item-${index}`\n\n        return (\n          <li key={key} className={styles.item}>\n            {item}\n          </li>\n        )\n      })}\n    </ul>\n  )\n}\n"],"names":["UnorderedList","items","className","props","classnames","styles","item","index","key"],"mappings":";;;AAIO,SAASA,EAAc,EAAE,OAAAC,GAAO,WAAAC,GAAW,GAAGC,KAA6B;AAChF,2BACG,MAAG,EAAA,WAAWC,EAAWC,EAAO,MAAMH,CAAS,GAAG,gBAAa,aAAa,GAAGC,GAC7E,UAAAF,EAAM,IAAI,CAACK,GAAMC,MAAU;AAGpB,UAAAC,IAAM,QAAQD,CAAK;AAEzB,6BACG,MAAa,EAAA,WAAWF,EAAO,MAC7B,eADMG,CAET;AAAA,EAEH,CAAA,GACH;AAEJ;"}

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

@@ -0,0 +1,3 @@
+export { OrderedList } from './OrderedList';
+export { UnorderedList } from './UnorderedList';
+export type { BaseListProps, OrderedListProps, UnorderedListProps } from './ListTypes';

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

@@ -0,0 +1,2 @@
+import { MenuProps } from './MenuTypes';
+export declare function Menu({ triggerRef, items, isOpen, onClose, 'aria-label': ariaLabel, ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,52 @@
+import { jsx as t, jsxs as N } from "react/jsx-runtime";
+import { Popover as b, Menu as x, MenuItem as I } from "react-aria-components";
+import n from "./Menu.module.scss.js";
+import "react";
+import "react-i18next";
+import { useTheme as g } from "../../../../contexts/ThemeProvider/useTheme.js";
+/* empty css                          */
+function U({
+  triggerRef: a,
+  items: m,
+  isOpen: i = !1,
+  onClose: o,
+  "aria-label": s,
+  ...l
+}) {
+  const { container: p } = g(), c = (e) => {
+    e || o?.();
+  };
+  return /* @__PURE__ */ t(
+    b,
+    {
+      UNSTABLE_portalContainer: p.current,
+      onOpenChange: c,
+      isOpen: i,
+      triggerRef: a,
+      placement: "bottom start",
+      offset: 8,
+      shouldUpdatePosition: !0,
+      children: /* @__PURE__ */ t(x, { onClose: o, "aria-label": s, className: n.root, ...l, children: m?.map(({ onClick: e, isDisabled: u, href: f, icon: r, label: h, ...d }, M) => /* @__PURE__ */ N(
+        I,
+        {
+          onAction: () => {
+            e();
+          },
+          isDisabled: u,
+          href: f,
+          className: n.menuItem,
+          ...d,
+          children: [
+            r && /* @__PURE__ */ t("div", { className: n.menuIcon, children: r }),
+            h
+          ]
+        },
+        M
+      )) })
+    }
+  );
+}
+export {
+  U as Menu
+};
+//# sourceMappingURL=Menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sources":["../../../../../src/components/Common/UI/Menu/Menu.tsx"],"sourcesContent":["import { Menu as AriaMenu, MenuItem as AriaMenuItem, Popover } from 'react-aria-components'\nimport styles from './Menu.module.scss'\nimport { type MenuProps } from './MenuTypes'\nimport { useTheme } from '@/contexts/ThemeProvider'\n\nexport function Menu({\n  triggerRef,\n  items,\n  isOpen = false,\n  onClose,\n  'aria-label': ariaLabel,\n  ...props\n}: MenuProps) {\n  const { container } = useTheme()\n\n  const handleOpenChange = (isOpen: boolean) => {\n    if (!isOpen) {\n      onClose?.()\n    }\n  }\n\n  return (\n    <Popover\n      UNSTABLE_portalContainer={container.current}\n      onOpenChange={handleOpenChange}\n      isOpen={isOpen}\n      triggerRef={triggerRef}\n      placement=\"bottom start\"\n      offset={8}\n      shouldUpdatePosition={true}\n    >\n      <AriaMenu onClose={onClose} aria-label={ariaLabel} className={styles.root} {...props}>\n        {items?.map(({ onClick, isDisabled, href, icon, label, ...itemProps }, index) => (\n          <AriaMenuItem\n            key={index}\n            onAction={() => {\n              onClick()\n            }}\n            isDisabled={isDisabled}\n            href={href}\n            className={styles.menuItem}\n            {...itemProps}\n          >\n            {icon && <div className={styles.menuIcon}>{icon}</div>}\n            {label}\n          </AriaMenuItem>\n        ))}\n      </AriaMenu>\n    </Popover>\n  )\n}\n"],"names":["Menu","triggerRef","items","isOpen","onClose","ariaLabel","props","container","useTheme","handleOpenChange","jsx","Popover","AriaMenu","styles","onClick","isDisabled","href","icon","label","itemProps","index","jsxs","AriaMenuItem"],"mappings":";;;;;;;AAKO,SAASA,EAAK;AAAA,EACnB,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC;AAAA,EACA,cAAcC;AAAA,EACd,GAAGC;AACL,GAAc;AACN,QAAA,EAAE,WAAAC,EAAU,IAAIC,EAAS,GAEzBC,IAAmB,CAACN,MAAoB;AAC5C,IAAKA,KACOC,IAAA;AAAA,EAEd;AAGE,SAAA,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,0BAA0BJ,EAAU;AAAA,MACpC,cAAcE;AAAA,MACd,QAAAN;AAAA,MACA,YAAAF;AAAA,MACA,WAAU;AAAA,MACV,QAAQ;AAAA,MACR,sBAAsB;AAAA,MAEtB,UAAA,gBAAAS,EAACE,KAAS,SAAAR,GAAkB,cAAYC,GAAW,WAAWQ,EAAO,MAAO,GAAGP,GAC5E,UAAAJ,GAAO,IAAI,CAAC,EAAE,SAAAY,GAAS,YAAAC,GAAY,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,GAAGC,EAAU,GAAGC,MACrE,gBAAAC;AAAA,QAACC;AAAAA,QAAA;AAAA,UAEC,UAAU,MAAM;AACN,YAAAR,EAAA;AAAA,UACV;AAAA,UACA,YAAAC;AAAA,UACA,MAAAC;AAAA,UACA,WAAWH,EAAO;AAAA,UACjB,GAAGM;AAAA,UAEH,UAAA;AAAA,YAAAF,KAAS,gBAAAP,EAAA,OAAA,EAAI,WAAWG,EAAO,UAAW,UAAKI,GAAA;AAAA,YAC/CC;AAAA,UAAA;AAAA,QAAA;AAAA,QAVIE;AAAA,MAAA,CAYR,EACH,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -0,0 +1,12 @@
+const o = "_root_hzjfv_1", n = "_menuItem_hzjfv_14", t = "_menuIcon_hzjfv_43", e = {
+  root: o,
+  menuItem: n,
+  menuIcon: t
+};
+export {
+  e as default,
+  t as menuIcon,
+  n as menuItem,
+  o as root
+};
+//# sourceMappingURL=Menu.module.scss.js.map

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

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

package/dist/components/Common/UI/Menu/MenuTypes.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode, RefObject } from 'react';
+import { DataAttributes } from '../../../../types/Helpers';
+export interface MenuItem extends DataAttributes {
+    label: string;
+    icon?: ReactNode;
+    onClick: () => void;
+    isDisabled?: boolean;
+    href?: string;
+}
+export interface MenuProps extends DataAttributes {
+    triggerRef?: RefObject<Element | null>;
+    items?: MenuItem[];
+    isOpen?: boolean;
+    onClose?: () => void;
+    'aria-label': string;
+}

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

@@ -0,0 +1 @@
+export { Menu } from './Menu';