@gusto/embedded-react-sdk 0.6.0 → 0.8.0

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

@@ -0,0 +1,2 @@
+import { NumberInputProps } from './NumberInputTypes';
+export declare function NumberInput({ name, format, inputRef, id, value, description, errorMessage, isRequired, placeholder, isInvalid, isDisabled, onChange, onBlur, label, min, max, shouldVisuallyHideLabel, adornmentStart, adornmentEnd, className, maximumFractionDigits, minimumFractionDigits, ...props }: NumberInputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,99 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useMemo as O } from "react";
+import { NumberField as P, Group as T } from "react-aria-components";
+import k from "classnames";
+import { useFieldIds as z } from "../hooks/useFieldIds.js";
+import A from "./NumberInput.module.scss.js";
+import { useLocale as C } from "../../../../contexts/LocaleProvider/useLocale.js";
+import { FieldLayout as H } from "../FieldLayout/FieldLayout.js";
+import { Input as J } from "../Input/Input.js";
+function q({
+  name: y,
+  format: r,
+  inputRef: d,
+  id: p,
+  value: f,
+  description: i,
+  errorMessage: c,
+  isRequired: m,
+  placeholder: b,
+  isInvalid: I,
+  isDisabled: l,
+  onChange: F,
+  onBlur: N,
+  label: h,
+  min: t,
+  max: o,
+  shouldVisuallyHideLabel: g,
+  adornmentStart: v,
+  adornmentEnd: D,
+  className: w,
+  maximumFractionDigits: x,
+  minimumFractionDigits: B,
+  ...u
+}) {
+  const { locale: a, currency: n } = C(), { inputId: s, errorMessageId: E, descriptionId: L, ariaDescribedBy: S } = z({
+    inputId: p,
+    errorMessage: c,
+    description: i
+  }), V = typeof t == "string" ? Number(t) : t, j = typeof o == "string" ? Number(o) : o, G = O(() => new Intl.NumberFormat(a, {
+    style: "currency",
+    currency: n
+  }).formatToParts(0).find((M) => M.type === "currency")?.value, [n, a]);
+  return /* @__PURE__ */ e(
+    H,
+    {
+      label: h,
+      description: i,
+      errorMessage: c,
+      isRequired: m,
+      htmlFor: s,
+      errorMessageId: E,
+      descriptionId: L,
+      shouldVisuallyHideLabel: g,
+      className: k(A.root, w),
+      withErrorIcon: !1,
+      ...u,
+      children: /* @__PURE__ */ e(
+        P,
+        {
+          value: f,
+          name: y,
+          formatOptions: {
+            style: "decimal",
+            minimumFractionDigits: r === "currency" ? 2 : B,
+            maximumFractionDigits: r === "currency" ? 2 : x,
+            currency: n,
+            currencyDisplay: "symbol"
+          },
+          isInvalid: I,
+          isDisabled: l,
+          isRequired: m,
+          validationBehavior: "aria",
+          onChange: F,
+          "aria-labelledby": " ",
+          minValue: V,
+          maxValue: j,
+          ...u,
+          children: /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(
+            J,
+            {
+              adornmentStart: v || (r === "currency" ? G : null),
+              adornmentEnd: D || (r === "percent" ? "%" : null),
+              id: s,
+              inputRef: d,
+              onBlur: N,
+              placeholder: b,
+              "aria-describedby": S,
+              isDisabled: l
+            }
+          ) })
+        }
+      )
+    }
+  );
+}
+export {
+  q as NumberInput
+};
+//# sourceMappingURL=NumberInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sources":["../../../../../src/components/Common/UI/NumberInput/NumberInput.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { Group, NumberField as AriaNumberField } from 'react-aria-components'\nimport classNames from 'classnames'\nimport { FieldLayout } from '../FieldLayout'\nimport { Input } from '../Input'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './NumberInput.module.scss'\nimport type { NumberInputProps } from './NumberInputTypes'\nimport { useLocale } from '@/contexts/LocaleProvider'\n\nexport function NumberInput({\n  name,\n  format,\n  inputRef,\n  id,\n  value,\n  description,\n  errorMessage,\n  isRequired,\n  placeholder,\n  isInvalid,\n  isDisabled,\n  onChange,\n  onBlur,\n  label,\n  min,\n  max,\n  shouldVisuallyHideLabel,\n  adornmentStart,\n  adornmentEnd,\n  className,\n  maximumFractionDigits,\n  minimumFractionDigits,\n  ...props\n}: NumberInputProps) {\n  const { locale, currency } = useLocale()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const minValue = typeof min === 'string' ? Number(min) : min\n  const maxValue = typeof max === 'string' ? Number(max) : max\n\n  const currencySymbol = useMemo(() => {\n    return new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency,\n    })\n      .formatToParts(0)\n      .find(part => part.type === 'currency')?.value\n  }, [currency, locale])\n\n  return (\n    <FieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={classNames(styles.root, className)}\n      withErrorIcon={false}\n      {...props}\n    >\n      <AriaNumberField\n        value={value}\n        name={name}\n        formatOptions={{\n          style: 'decimal',\n          minimumFractionDigits: format === 'currency' ? 2 : minimumFractionDigits,\n          maximumFractionDigits: format === 'currency' ? 2 : maximumFractionDigits,\n          currency,\n          currencyDisplay: 'symbol',\n        }}\n        isInvalid={isInvalid}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        validationBehavior=\"aria\"\n        onChange={onChange}\n        // This is a hack to silence an unnecessary react-aria warning. The FieldLayout component\n        // already associates the label and input with htmlFor + ID. If we include a label id here,\n        // the label will get read twice by assistive tech. This evaluates to an empty string which\n        // does not get associated with any elements and does not get read.\n        aria-labelledby=\" \"\n        minValue={minValue}\n        maxValue={maxValue}\n        {...props}\n      >\n        <Group>\n          <Input\n            adornmentStart={adornmentStart || (format === 'currency' ? currencySymbol : null)}\n            adornmentEnd={adornmentEnd || (format === 'percent' ? '%' : null)}\n            id={inputId}\n            inputRef={inputRef}\n            onBlur={onBlur}\n            placeholder={placeholder}\n            aria-describedby={ariaDescribedBy}\n            isDisabled={isDisabled}\n          />\n        </Group>\n      </AriaNumberField>\n    </FieldLayout>\n  )\n}\n"],"names":["NumberInput","name","format","inputRef","id","value","description","errorMessage","isRequired","placeholder","isInvalid","isDisabled","onChange","onBlur","label","min","max","shouldVisuallyHideLabel","adornmentStart","adornmentEnd","className","maximumFractionDigits","minimumFractionDigits","props","locale","currency","useLocale","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","minValue","maxValue","currencySymbol","useMemo","part","jsx","FieldLayout","classNames","styles","AriaNumberField","Group","Input"],"mappings":";;;;;;;;;AAUO,SAASA,EAAY;AAAA,EAC1B,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,GAAGC;AACL,GAAqB;AACnB,QAAM,EAAE,QAAAC,GAAQ,UAAAC,EAAS,IAAIC,EAAU,GACjC,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAAS3B;AAAA,IACT,cAAAG;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEK0B,IAAW,OAAOjB,KAAQ,WAAW,OAAOA,CAAG,IAAIA,GACnDkB,IAAW,OAAOjB,KAAQ,WAAW,OAAOA,CAAG,IAAIA,GAEnDkB,IAAiBC,EAAQ,MACtB,IAAI,KAAK,aAAaX,GAAQ;AAAA,IACnC,OAAO;AAAA,IACP,UAAAC;AAAA,EAAA,CACD,EACE,cAAc,CAAC,EACf,KAAK,CAAQW,MAAAA,EAAK,SAAS,UAAU,GAAG,OAC1C,CAACX,GAAUD,CAAM,CAAC;AAGnB,SAAA,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAxB;AAAA,MACA,aAAAR;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASmB;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAZ;AAAA,MACA,WAAWsB,EAAWC,EAAO,MAAMpB,CAAS;AAAA,MAC5C,eAAe;AAAA,MACd,GAAGG;AAAA,MAEJ,UAAA,gBAAAc;AAAA,QAACI;AAAAA,QAAA;AAAA,UACC,OAAApC;AAAA,UACA,MAAAJ;AAAA,UACA,eAAe;AAAA,YACb,OAAO;AAAA,YACP,uBAAuBC,MAAW,aAAa,IAAIoB;AAAA,YACnD,uBAAuBpB,MAAW,aAAa,IAAImB;AAAA,YACnD,UAAAI;AAAA,YACA,iBAAiB;AAAA,UACnB;AAAA,UACA,WAAAf;AAAA,UACA,YAAAC;AAAA,UACA,YAAAH;AAAA,UACA,oBAAmB;AAAA,UACnB,UAAAI;AAAA,UAKA,mBAAgB;AAAA,UAChB,UAAAoB;AAAA,UACA,UAAAC;AAAA,UACC,GAAGV;AAAA,UAEJ,4BAACmB,GACC,EAAA,UAAA,gBAAAL;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,gBAAgBzB,MAAmBhB,MAAW,aAAagC,IAAiB;AAAA,cAC5E,cAAcf,MAAiBjB,MAAW,YAAY,MAAM;AAAA,cAC5D,IAAIyB;AAAA,cACJ,UAAAxB;AAAA,cACA,QAAAU;AAAA,cACA,aAAAJ;AAAA,cACA,oBAAkBqB;AAAA,cAClB,YAAAnB;AAAA,YAAA;AAAA,UAAA,EAEJ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}

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

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

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

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

package/dist/components/Common/UI/NumberInput/NumberInputTypes.d.ts

@@ -0,0 +1,16 @@
+import { FocusEventHandler, InputHTMLAttributes, Ref } from 'react';
+import { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes';
+import { InputProps } from '../Input/InputTypes';
+export interface NumberInputProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'min' | 'max' | 'name' | 'id' | 'placeholder' | 'className'> {
+    format?: 'currency' | 'decimal' | 'percent';
+    inputRef?: Ref<HTMLInputElement>;
+    value?: number;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    onChange?: (value: number) => void;
+    onBlur?: FocusEventHandler<HTMLElement>;
+    adornmentStart?: InputProps['adornmentStart'];
+    adornmentEnd?: InputProps['adornmentEnd'];
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+}

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

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

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

@@ -0,0 +1,2 @@
+import { ProgressBarProps } from './ProgressBarTypes';
+export declare function ProgressBar({ className, totalSteps, currentStep, label }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { jsx as s } from "react/jsx-runtime";
+import l from "classnames";
+import t from "./ProgressBar.module.scss.js";
+import { VisuallyHidden as n } from "../../VisuallyHidden/VisuallyHidden.js";
+function g({ className: o, totalSteps: r, currentStep: a, label: m }) {
+  const e = Math.max(1, Math.min(a, r)), i = {
+    "--g-progress-bar-width": `${e * 100 / r}%`
+  };
+  return /* @__PURE__ */ s("div", { className: l(t.root, o), style: i, children: /* @__PURE__ */ s(n, { children: /* @__PURE__ */ s("progress", { "aria-label": m, value: e, max: r }) }) });
+}
+export {
+  g as ProgressBar
+};
+//# sourceMappingURL=ProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/Common/UI/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import classnames from 'classnames'\nimport { VisuallyHidden } from '../../VisuallyHidden'\nimport type { ProgressBarProps } from './ProgressBarTypes'\nimport styles from './ProgressBar.module.scss'\n\nexport function ProgressBar({ className, totalSteps, currentStep, label }: ProgressBarProps) {\n  const clampedStep = Math.max(1, Math.min(currentStep, totalSteps))\n  const progressBarStyle = {\n    '--g-progress-bar-width': `${(clampedStep * 100) / totalSteps}%`,\n  } as React.CSSProperties\n  return (\n    <div className={classnames(styles.root, className)} style={progressBarStyle}>\n      <VisuallyHidden>\n        <progress aria-label={label} value={clampedStep} max={totalSteps}></progress>\n      </VisuallyHidden>\n    </div>\n  )\n}\n"],"names":["ProgressBar","className","totalSteps","currentStep","label","clampedStep","progressBarStyle","jsx","classnames","styles","VisuallyHidden"],"mappings":";;;;AAKO,SAASA,EAAY,EAAE,WAAAC,GAAW,YAAAC,GAAY,aAAAC,GAAa,OAAAC,KAA2B;AACrF,QAAAC,IAAc,KAAK,IAAI,GAAG,KAAK,IAAIF,GAAaD,CAAU,CAAC,GAC3DI,IAAmB;AAAA,IACvB,0BAA0B,GAAID,IAAc,MAAOH,CAAU;AAAA,EAC/D;AAEE,SAAA,gBAAAK,EAAC,SAAI,WAAWC,EAAWC,EAAO,MAAMR,CAAS,GAAG,OAAOK,GACzD,4BAACI,GACC,EAAA,UAAA,gBAAAH,EAAC,cAAS,cAAYH,GAAO,OAAOC,GAAa,KAAKH,GAAY,EAAA,CACpE,EACF,CAAA;AAEJ;"}

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

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

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

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

package/dist/components/Common/UI/ProgressBar/ProgressBarTypes.d.ts

@@ -0,0 +1,6 @@
+export interface ProgressBarProps {
+    totalSteps: number;
+    currentStep: number;
+    className?: string;
+    label: string;
+}

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

@@ -0,0 +1,2 @@
+export { ProgressBar } from './ProgressBar';
+export type { ProgressBarProps } from './ProgressBarTypes';

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

@@ -0,0 +1,2 @@
+import { RadioProps } from './RadioTypes';
+export declare const Radio: ({ name, label, description, errorMessage, isRequired, inputRef, value, isInvalid, isDisabled, id, onChange, onBlur, shouldVisuallyHideLabel, className, ...props }: RadioProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,67 @@
+import { jsx as i, jsxs as x } from "react/jsx-runtime";
+import F from "classnames";
+import { useFieldIds as j } from "../hooks/useFieldIds.js";
+import e from "./Radio.module.scss.js";
+import { HorizontalFieldLayout as v } from "../HorizontalFieldLayout/HorizontalFieldLayout.js";
+const R = ({
+  name: o,
+  label: t,
+  description: d,
+  errorMessage: a,
+  isRequired: c,
+  inputRef: n,
+  value: r,
+  isInvalid: C = !1,
+  isDisabled: l = !1,
+  id: m,
+  onChange: p,
+  onBlur: h,
+  shouldVisuallyHideLabel: f,
+  className: I,
+  ...u
+}) => {
+  const { inputId: s, errorMessageId: y, descriptionId: N, ariaDescribedBy: b } = j({
+    inputId: m,
+    errorMessage: a,
+    description: d
+  }), g = (k) => {
+    p?.(k.target.checked);
+  };
+  return /* @__PURE__ */ i(
+    v,
+    {
+      label: t,
+      description: d,
+      errorMessage: a,
+      isRequired: c,
+      htmlFor: s,
+      errorMessageId: y,
+      descriptionId: N,
+      shouldVisuallyHideLabel: f,
+      className: I,
+      ...u,
+      children: /* @__PURE__ */ x("div", { className: e.radioWrapper, children: [
+        /* @__PURE__ */ i(
+          "input",
+          {
+            type: "radio",
+            name: o,
+            disabled: l,
+            "aria-describedby": b,
+            checked: r,
+            id: s,
+            ref: n,
+            onBlur: h,
+            onChange: g,
+            className: e.radioInput
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: F(e.radio, { [e.checked]: r }), children: r && /* @__PURE__ */ i("div", { className: e.radioDot }) })
+      ] })
+    }
+  );
+};
+export {
+  R as Radio
+};
+//# sourceMappingURL=Radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../../../../src/components/Common/UI/Radio/Radio.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport { HorizontalFieldLayout } from '../HorizontalFieldLayout'\nimport styles from './Radio.module.scss'\nimport type { RadioProps } from './RadioTypes'\n\nexport const Radio = ({\n  name,\n  label,\n  description,\n  errorMessage,\n  isRequired,\n  inputRef,\n  value,\n  isInvalid = false,\n  isDisabled = false,\n  id,\n  onChange,\n  onBlur,\n  shouldVisuallyHideLabel,\n  className,\n  ...props\n}: RadioProps) => {\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.checked)\n  }\n\n  return (\n    <HorizontalFieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={className}\n      {...props}\n    >\n      <div className={styles.radioWrapper}>\n        <input\n          type=\"radio\"\n          name={name}\n          disabled={isDisabled}\n          aria-describedby={ariaDescribedBy}\n          checked={value}\n          id={inputId}\n          ref={inputRef}\n          onBlur={onBlur}\n          onChange={handleChange}\n          className={styles.radioInput}\n        />\n        <div className={classNames(styles.radio, { [styles.checked as string]: value })}>\n          {value && <div className={styles.radioDot} />}\n        </div>\n      </div>\n    </HorizontalFieldLayout>\n  )\n}\n"],"names":["Radio","name","label","description","errorMessage","isRequired","inputRef","value","isInvalid","isDisabled","id","onChange","onBlur","shouldVisuallyHideLabel","className","props","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleChange","event","jsx","HorizontalFieldLayout","jsxs","styles","classNames"],"mappings":";;;;;AAOO,MAAMA,IAAQ,CAAC;AAAA,EACpB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAkB;AAChB,QAAM,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASV;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEKkB,IAAe,CAACC,MAAyC;AAClD,IAAAX,IAAAW,EAAM,OAAO,OAAO;AAAA,EACjC;AAGE,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAtB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASW;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAL;AAAA,MACA,WAAAC;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAC,gBAAAU,EAAA,OAAA,EAAI,WAAWC,EAAO,cACrB,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAAtB;AAAA,YACA,UAAUQ;AAAA,YACV,oBAAkBU;AAAA,YAClB,SAASZ;AAAA,YACT,IAAIS;AAAA,YACJ,KAAKV;AAAA,YACL,QAAAM;AAAA,YACA,UAAUS;AAAA,YACV,WAAWK,EAAO;AAAA,UAAA;AAAA,QACpB;AAAA,QACA,gBAAAH,EAAC,SAAI,WAAWI,EAAWD,EAAO,OAAO,EAAE,CAACA,EAAO,OAAiB,GAAGnB,EAAM,CAAC,GAC3E,UAASA,KAAA,gBAAAgB,EAAC,SAAI,WAAWG,EAAO,UAAU,EAC7C,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -0,0 +1,16 @@
+const o = "_radioWrapper_1lj4n_1", r = "_radio_1lj4n_1", a = "_checked_1lj4n_21", d = "_radioDot_1lj4n_25", t = "_radioInput_1lj4n_32", _ = {
+  radioWrapper: o,
+  radio: r,
+  checked: a,
+  radioDot: d,
+  radioInput: t
+};
+export {
+  a as checked,
+  _ as default,
+  r as radio,
+  d as radioDot,
+  t as radioInput,
+  o as radioWrapper
+};
+//# sourceMappingURL=Radio.module.scss.js.map

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

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

package/dist/components/Common/UI/Radio/RadioTypes.d.ts

@@ -0,0 +1,9 @@
+import { InputHTMLAttributes, Ref } from 'react';
+import { SharedHorizontalFieldLayoutProps } from '../HorizontalFieldLayout/HorizontalFieldLayoutTypes';
+export interface RadioProps extends SharedHorizontalFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className' | 'onBlur'> {
+    value?: boolean;
+    onChange?: (checked: boolean) => void;
+    inputRef?: Ref<HTMLInputElement>;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+}

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

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

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

@@ -0,0 +1,2 @@
+import { RadioGroupProps } from './RadioGroupTypes';
+export declare function RadioGroup({ label, description, errorMessage, isRequired, isInvalid, isDisabled, options, shouldVisuallyHideLabel, value, onChange, className, inputRef, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,103 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useContext as C, useRef as v } from "react";
+import x from "classnames";
+import { RadioGroup as G, RadioGroupStateContext as y } from "react-aria-components";
+import { useRadio as D } from "react-aria";
+import { Radio as S } from "../Radio/Radio.js";
+import A from "./RadioGroup.module.scss.js";
+import { useForkRef as F } from "../../../../hooks/useForkRef/useForkRef.js";
+import { Fieldset as N } from "../Fieldset/Fieldset.js";
+function V({
+  label: o,
+  description: e,
+  value: t,
+  groupState: a,
+  inputRef: n,
+  ...l
+}) {
+  const r = v(null), s = F(n, r), { inputProps: d, isSelected: p, isDisabled: f } = D(
+    {
+      ...l,
+      value: t,
+      // Hack to suppress aria-label warning from React Aria. We don't actually
+      // use children for the mapping of our radio to React Aria and we already
+      // configure a label for our radios.
+      children: " "
+    },
+    a,
+    r
+  );
+  return /* @__PURE__ */ i(
+    S,
+    {
+      label: o,
+      inputRef: s,
+      isDisabled: f,
+      description: e,
+      onChange: (u) => {
+        u && a.setSelectedValue(t);
+      },
+      value: p,
+      name: d.name
+    }
+  );
+}
+function j(o) {
+  const e = C(y);
+  return e ? /* @__PURE__ */ i(V, { groupState: e, ...o }) : null;
+}
+function z({
+  label: o,
+  description: e,
+  errorMessage: t,
+  isRequired: a = !1,
+  isInvalid: n = !1,
+  isDisabled: l = !1,
+  options: r,
+  shouldVisuallyHideLabel: s = !1,
+  value: d,
+  onChange: p,
+  className: f,
+  inputRef: m,
+  ...u
+}) {
+  return /* @__PURE__ */ i(
+    N,
+    {
+      legend: o,
+      description: e,
+      errorMessage: t,
+      isRequired: a,
+      shouldVisuallyHideLegend: s,
+      className: x(A.root, f),
+      ...u,
+      children: /* @__PURE__ */ i(
+        G,
+        {
+          isInvalid: n,
+          isRequired: a,
+          validationBehavior: "aria",
+          value: d,
+          onChange: p,
+          isDisabled: l,
+          "aria-labelledby": " ",
+          children: r.map(({ value: c, label: R, isDisabled: h = !1, description: b }, g) => /* @__PURE__ */ i(
+            j,
+            {
+              isDisabled: h,
+              value: c,
+              description: b,
+              label: R,
+              inputRef: g === 0 ? m : void 0
+            },
+            c
+          ))
+        }
+      )
+    }
+  );
+}
+export {
+  z as RadioGroup
+};
+//# sourceMappingURL=RadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../../../../src/components/Common/UI/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { useContext, useRef } from 'react'\nimport type { Ref } from 'react'\nimport classNames from 'classnames'\nimport {\n  RadioGroup as AriaRadioGroup,\n  RadioGroupStateContext,\n  type RadioGroupRenderProps,\n} from 'react-aria-components'\nimport { useRadio } from 'react-aria'\nimport type { AriaRadioProps } from 'react-aria'\nimport type React from 'react'\nimport { Fieldset } from '../Fieldset'\nimport { Radio } from '../Radio'\nimport styles from './RadioGroup.module.scss'\nimport type { RadioGroupProps } from './RadioGroupTypes'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\n\n// Radio implementation specific to React Aria to get our radio to connect\n// to their RadioGroup component\ninterface ReactAriaRadioProps extends Omit<AriaRadioProps, 'value'> {\n  label: React.ReactNode\n  description?: React.ReactNode\n  value: string\n  groupState: RadioGroupRenderProps['state']\n  inputRef?: Ref<HTMLInputElement>\n}\n\nfunction ReactAriaRadio({\n  label,\n  description,\n  value,\n  groupState,\n  inputRef: inputRefFromProps,\n  ...props\n}: ReactAriaRadioProps) {\n  const inputRef = useRef<HTMLInputElement>(null)\n  const handleInputRef = useForkRef(inputRefFromProps, inputRef)\n\n  const { inputProps, isSelected, isDisabled } = useRadio(\n    {\n      ...props,\n      value,\n      // Hack to suppress aria-label warning from React Aria. We don't actually\n      // use children for the mapping of our radio to React Aria and we already\n      // configure a label for our radios.\n      children: ' ',\n    },\n    groupState,\n    inputRef,\n  )\n\n  const handleChange = (checked: boolean) => {\n    if (checked) {\n      groupState.setSelectedValue(value)\n    }\n  }\n\n  return (\n    <Radio\n      label={label}\n      inputRef={handleInputRef}\n      isDisabled={isDisabled}\n      description={description}\n      onChange={handleChange}\n      value={isSelected}\n      name={inputProps.name}\n    />\n  )\n}\n\nfunction ReactAriaRadioWrapper(props: Omit<ReactAriaRadioProps, 'groupState'>) {\n  const groupState = useContext(RadioGroupStateContext)\n  // We can't render hooks conditionally so we have to use useRadio above but\n  // groupState is only defined if the component is rendered within a RadioGroup\n  // This wrapper component gets around that by checking if groupState is defined which\n  // should always be the case for us since this component is only used within a RadioGroup\n  return groupState ? <ReactAriaRadio groupState={groupState} {...props} /> : null\n}\n\nexport function RadioGroup({\n  label,\n  description,\n  errorMessage,\n  isRequired = false,\n  isInvalid = false,\n  isDisabled = false,\n  options,\n  shouldVisuallyHideLabel = false,\n  value,\n  onChange,\n  className,\n  inputRef,\n  ...props\n}: RadioGroupProps) {\n  return (\n    <Fieldset\n      legend={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      shouldVisuallyHideLegend={shouldVisuallyHideLabel}\n      className={classNames(styles.root, className)}\n      {...props}\n    >\n      <AriaRadioGroup\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        validationBehavior=\"aria\"\n        value={value}\n        onChange={onChange}\n        isDisabled={isDisabled}\n        aria-labelledby=\" \"\n      >\n        {options.map(({ value, label, isDisabled = false, description }, index) => (\n          <ReactAriaRadioWrapper\n            isDisabled={isDisabled}\n            key={value}\n            value={value}\n            description={description}\n            label={label}\n            inputRef={index === 0 ? inputRef : undefined}\n          />\n        ))}\n      </AriaRadioGroup>\n    </Fieldset>\n  )\n}\n"],"names":["ReactAriaRadio","label","description","value","groupState","inputRefFromProps","props","inputRef","useRef","handleInputRef","useForkRef","inputProps","isSelected","isDisabled","useRadio","jsx","Radio","checked","ReactAriaRadioWrapper","useContext","RadioGroupStateContext","RadioGroup","errorMessage","isRequired","isInvalid","options","shouldVisuallyHideLabel","onChange","className","Fieldset","classNames","styles","AriaRadioGroup","index"],"mappings":";;;;;;;;;AA2BA,SAASA,EAAe;AAAA,EACtB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,GAAGC;AACL,GAAwB;AAChB,QAAAC,IAAWC,EAAyB,IAAI,GACxCC,IAAiBC,EAAWL,GAAmBE,CAAQ,GAEvD,EAAE,YAAAI,GAAY,YAAAC,GAAY,YAAAC,EAAe,IAAAC;AAAA,IAC7C;AAAA,MACE,GAAGR;AAAA,MACH,OAAAH;AAAA;AAAA;AAAA;AAAA,MAIA,UAAU;AAAA,IACZ;AAAA,IACAC;AAAA,IACAG;AAAA,EACF;AASE,SAAA,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAf;AAAA,MACA,UAAUQ;AAAA,MACV,YAAAI;AAAA,MACA,aAAAX;AAAA,MACA,UAZiB,CAACe,MAAqB;AACzC,QAAIA,KACFb,EAAW,iBAAiBD,CAAK;AAAA,MAErC;AAAA,MASI,OAAOS;AAAA,MACP,MAAMD,EAAW;AAAA,IAAA;AAAA,EACnB;AAEJ;AAEA,SAASO,EAAsBZ,GAAgD;AACvE,QAAAF,IAAae,EAAWC,CAAsB;AAKpD,SAAOhB,IAAc,gBAAAW,EAAAf,GAAA,EAAe,YAAAI,GAAyB,GAAGE,EAAO,CAAA,IAAK;AAC9E;AAEO,SAASe,EAAW;AAAA,EACzB,OAAApB;AAAA,EACA,aAAAC;AAAA,EACA,cAAAoB;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,YAAAX,IAAa;AAAA,EACb,SAAAY;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,OAAAvB;AAAA,EACA,UAAAwB;AAAA,EACA,WAAAC;AAAA,EACA,UAAArB;AAAA,EACA,GAAGD;AACL,GAAoB;AAEhB,SAAA,gBAAAS;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,QAAQ5B;AAAA,MACR,aAAAC;AAAA,MACA,cAAAoB;AAAA,MACA,YAAAC;AAAA,MACA,0BAA0BG;AAAA,MAC1B,WAAWI,EAAWC,EAAO,MAAMH,CAAS;AAAA,MAC3C,GAAGtB;AAAA,MAEJ,UAAA,gBAAAS;AAAA,QAACiB;AAAAA,QAAA;AAAA,UACC,WAAAR;AAAA,UACA,YAAAD;AAAA,UACA,oBAAmB;AAAA,UACnB,OAAApB;AAAA,UACA,UAAAwB;AAAA,UACA,YAAAd;AAAA,UACA,mBAAgB;AAAA,UAEf,UAAQY,EAAA,IAAI,CAAC,EAAE,OAAAtB,GAAO,OAAAF,GAAO,YAAAY,IAAa,IAAO,aAAAX,EAAAA,GAAe+B,MAC/D,gBAAAlB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,YAAYL;AAAAA,cAEZ,OAAOV;AAAAA,cACP,aAAaD;AAAAA,cACb,OAAOD;AAAAA,cACP,UAAUgC,MAAU,IAAI1B,IAAW;AAAA,YAAA;AAAA,YAJ9BJ;AAAAA,UAMR,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAEJ;"}

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

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

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

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

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

@@ -0,0 +1,16 @@
+import { FieldsetHTMLAttributes, Ref } from 'react';
+import { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes';
+export type RadioGroupOption = {
+    label: React.ReactNode;
+    value: string;
+    isDisabled?: boolean;
+    description?: React.ReactNode;
+};
+export interface RadioGroupProps extends SharedFieldLayoutProps, Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'className'> {
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    options: Array<RadioGroupOption>;
+    value?: string;
+    onChange?: (value: string) => void;
+    inputRef?: Ref<HTMLInputElement>;
+}

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

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

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

@@ -0,0 +1,2 @@
+import { SelectProps } from './SelectTypes';
+export declare const Select: ({ description, errorMessage, id, isDisabled, isInvalid, isRequired, label, onChange, onBlur, options, placeholder, value, shouldVisuallyHideLabel, name, className, inputRef, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../../../src/components/Common/UI/Select/Select.tsx"],"sourcesContent":["import type { Key } from 'react-aria-components'\nimport {\n  Select as AriaSelect,\n  Button,\n  ListBox,\n  ListBoxItem,\n  Popover,\n  SelectValue,\n} from 'react-aria-components'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo } from 'react'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport { FieldLayout } from '../FieldLayout'\nimport styles from './Select.module.scss'\nimport type { SelectProps } from './SelectTypes'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport { useTheme } from '@/contexts/ThemeProvider'\n\nexport const Select = ({\n  description,\n  errorMessage,\n  id,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  label,\n  onChange,\n  onBlur,\n  options,\n  placeholder,\n  value,\n  shouldVisuallyHideLabel,\n  name,\n  className,\n  inputRef,\n  ...props\n}: SelectProps) => {\n  const { t } = useTranslation()\n  const { container } = useTheme()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const items = useMemo(() => {\n    return options.map(o => ({ name: o.label, id: o.value }))\n  }, [options])\n\n  return (\n    <FieldLayout\n      label={label}\n      htmlFor={inputId}\n      errorMessage={errorMessage}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      isRequired={isRequired}\n      description={description}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={classNames(styles.root, 'react-aria-CustomSelect', className)}\n      withErrorIcon={false}\n      {...props}\n    >\n      <AriaSelect\n        aria-label={label}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        onSelectionChange={key => {\n          onChange?.(key.toString())\n        }}\n        onBlur={onBlur}\n        id={inputId}\n        selectedKey={value ? (value as Key) : undefined}\n        aria-describedby={ariaDescribedBy}\n        name={name}\n      >\n        <Button ref={inputRef}>\n          <SelectValue>\n            {({ defaultChildren, isPlaceholder }) => {\n              return isPlaceholder && placeholder ? placeholder : defaultChildren\n            }}\n          </SelectValue>\n          <div className={styles.icons} aria-hidden=\"true\">\n            {isInvalid && <AlertCircle fontSize={16} />}\n            <CaretDown title={t('icons.selectArrow')} />\n          </div>\n        </Button>\n        <Popover\n          className={classNames(styles.popover, 'react-aria-Popover')}\n          UNSTABLE_portalContainer={container.current}\n          maxHeight={320}\n        >\n          <ListBox items={items}>\n            {item => <ListBoxItem key={item.id}>{item.name}</ListBoxItem>}\n          </ListBox>\n        </Popover>\n      </AriaSelect>\n    </FieldLayout>\n  )\n}\n"],"names":["Select","description","errorMessage","id","isDisabled","isInvalid","isRequired","label","onChange","onBlur","options","placeholder","value","shouldVisuallyHideLabel","name","className","inputRef","props","t","useTranslation","container","useTheme","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","items","useMemo","o","jsx","FieldLayout","classNames","styles","jsxs","AriaSelect","key","Button","SelectValue","defaultChildren","isPlaceholder","AlertCircle","CaretDown","Popover","ListBox","item","ListBoxItem"],"mappings":";;;;;;;;;;;;AAoBO,MAAMA,KAAS,CAAC;AAAA,EACrB,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,IAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAmB;AACX,QAAA,EAAE,GAAAC,EAAE,IAAIC,EAAe,GACvB,EAAE,WAAAC,EAAU,IAAIC,EAAS,GACzB,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASvB;AAAA,IACT,cAAAD;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEK0B,IAAQC,EAAQ,MACblB,EAAQ,IAAI,CAAAmB,OAAM,EAAE,MAAMA,EAAE,OAAO,IAAIA,EAAE,MAAQ,EAAA,GACvD,CAACnB,CAAO,CAAC;AAGV,SAAA,gBAAAoB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAxB;AAAA,MACA,SAASe;AAAA,MACT,cAAApB;AAAA,MACA,gBAAAqB;AAAA,MACA,eAAAC;AAAA,MACA,YAAAlB;AAAA,MACA,aAAAL;AAAA,MACA,yBAAAY;AAAA,MACA,WAAWmB,EAAWC,EAAO,MAAM,2BAA2BlB,CAAS;AAAA,MACvE,eAAe;AAAA,MACd,GAAGE;AAAA,MAEJ,UAAA,gBAAAiB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,cAAY5B;AAAA,UACZ,YAAAH;AAAA,UACA,WAAAC;AAAA,UACA,mBAAmB,CAAO+B,MAAA;AACb,YAAA5B,IAAA4B,EAAI,UAAU;AAAA,UAC3B;AAAA,UACA,QAAA3B;AAAA,UACA,IAAIa;AAAA,UACJ,aAAaV,KAAyB;AAAA,UACtC,oBAAkBa;AAAA,UAClB,MAAAX;AAAA,UAEA,UAAA;AAAA,YAAC,gBAAAoB,EAAAG,GAAA,EAAO,KAAKrB,GACX,UAAA;AAAA,cAAA,gBAAAc,EAACQ,GACE,EAAA,UAAA,CAAC,EAAE,iBAAAC,GAAiB,eAAAC,QACZA,KAAiB7B,IAAcA,IAAc4B,GAExD;AAAA,gCACC,OAAI,EAAA,WAAWN,EAAO,OAAO,eAAY,QACvC,UAAA;AAAA,gBAAa5B,KAAA,gBAAAyB,EAACW,GAAY,EAAA,UAAU,GAAI,CAAA;AAAA,gBACxC,gBAAAX,EAAAY,GAAA,EAAU,OAAOxB,EAAE,mBAAmB,EAAG,CAAA;AAAA,cAAA,EAC5C,CAAA;AAAA,YAAA,GACF;AAAA,YACA,gBAAAY;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,WAAWX,EAAWC,EAAO,SAAS,oBAAoB;AAAA,gBAC1D,0BAA0Bb,EAAU;AAAA,gBACpC,WAAW;AAAA,gBAEX,UAAA,gBAAAU,EAACc,GAAQ,EAAA,OAAAjB,GACN,UAAQ,CAAAkB,MAAA,gBAAAf,EAACgB,KAA2B,UAAKD,EAAA,KAAA,GAAfA,EAAK,EAAe,EACjD,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}

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

@@ -0,0 +1,12 @@
+const o = "_root_4uq01_1", s = "_icons_4uq01_19", t = "_popover_4uq01_94", _ = {
+  root: o,
+  icons: s,
+  popover: t
+};
+export {
+  _ as default,
+  s as icons,
+  t as popover,
+  o as root
+};
+//# sourceMappingURL=Select.module.scss.js.map

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

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

package/dist/components/Common/UI/Select/SelectTypes.d.ts

@@ -0,0 +1,17 @@
+import { FocusEvent, Ref, SelectHTMLAttributes } from 'react';
+import { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes';
+export interface SelectOption {
+    value: string;
+    label: string;
+}
+export interface SelectProps extends SharedFieldLayoutProps, Pick<SelectHTMLAttributes<HTMLSelectElement>, 'id' | 'name' | 'className'> {
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    label: string;
+    onChange?: (value: string) => void;
+    onBlur?: (e: FocusEvent) => void;
+    options: SelectOption[];
+    placeholder?: string;
+    value?: string;
+    inputRef?: Ref<HTMLButtonElement>;
+}

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

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

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

@@ -0,0 +1,2 @@
+import { SwitchProps } from './SwitchTypes';
+export declare function Switch({ name, label, description, errorMessage, inputRef, isRequired, onChange, isInvalid, isDisabled, id, shouldVisuallyHideLabel, className, value, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;