@gusto/embedded-react-sdk 0.7.0 → 0.8.1

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,54 @@
+import { AnchorHTMLAttributes } from 'react';
+export type LinkProps = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 
+/**
+ * URL that the link points to
+ */
+'href'
+/**
+ * Specifies where to open the linked document
+ */
+ | 'target'
+/**
+ * Specifies the relationship between the current document and the linked document
+ */
+ | 'rel'
+/**
+ * Indicates that the link is for downloading a resource
+ */
+ | 'download'
+/**
+ * Content to be displayed inside the link
+ */
+ | 'children'
+/**
+ * Additional CSS class name
+ */
+ | 'className'
+/**
+ * Unique identifier for the link
+ */
+ | 'id'
+/**
+ * Handler for key down events
+ */
+ | 'onKeyDown'
+/**
+ * Handler for key up events
+ */
+ | 'onKeyUp'
+/**
+ * Accessible label for the link
+ */
+ | 'aria-label'
+/**
+ * ID of an element that labels this link
+ */
+ | 'aria-labelledby'
+/**
+ * ID of an element that describes this link
+ */
+ | 'aria-describedby'
+/**
+ * Title text shown on hover
+ */
+ | '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,25 @@
+import { 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 type UnorderedListProps = BaseListProps;
+export type OrderedListProps = BaseListProps;

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,46 @@
+import { ReactNode, RefObject } from 'react';
+import { DataAttributes } from '../../../../types/Helpers';
+export interface MenuItem extends DataAttributes {
+    /**
+     * Text label for the menu item
+     */
+    label: string;
+    /**
+     * Optional icon to display before the label
+     */
+    icon?: ReactNode;
+    /**
+     * Callback function when the menu item is clicked
+     */
+    onClick: () => void;
+    /**
+     * Disables the menu item and prevents interaction
+     */
+    isDisabled?: boolean;
+    /**
+     * Optional URL to navigate to when clicked
+     */
+    href?: string;
+}
+export interface MenuProps extends DataAttributes {
+    /**
+     * Reference to the element that triggers the menu
+     */
+    triggerRef?: RefObject<Element | null>;
+    /**
+     * Array of menu items to display
+     */
+    items?: MenuItem[];
+    /**
+     * Controls whether the menu is currently open
+     */
+    isOpen?: boolean;
+    /**
+     * Callback when the menu is closed
+     */
+    onClose?: () => void;
+    /**
+     * Accessible label describing the menu's purpose
+     */
+    'aria-label': string;
+}

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

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

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 { FieldLayout as C } from "../../FieldLayout/FieldLayout.js";
+import { useLocale as H } from "../../../../contexts/LocaleProvider/useLocale.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 } = H(), { 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(
+    C,
+    {
+      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 { Input } from '../Input'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './NumberInput.module.scss'\nimport type { NumberInputProps } from './NumberInputTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\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,49 @@
+import { FocusEventHandler, InputHTMLAttributes, Ref } from 'react';
+import { InputProps } from '../Input/InputTypes';
+import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
+export interface NumberInputProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'min' | 'max' | 'name' | 'id' | 'placeholder' | 'className'> {
+    /**
+     * Format type for the number input
+     */
+    format?: 'currency' | 'decimal' | 'percent';
+    /**
+     * React ref for the number input element
+     */
+    inputRef?: Ref<HTMLInputElement>;
+    /**
+     * Current value of the number input
+     */
+    value?: number;
+    /**
+     * Indicates that the field has an error
+     */
+    isInvalid?: boolean;
+    /**
+     * Disables the number input and prevents interaction
+     */
+    isDisabled?: boolean;
+    /**
+     * Callback when number input value changes
+     */
+    onChange?: (value: number) => void;
+    /**
+     * Handler for blur events
+     */
+    onBlur?: FocusEventHandler<HTMLElement>;
+    /**
+     * Element to display at the start of the input
+     */
+    adornmentStart?: InputProps['adornmentStart'];
+    /**
+     * Element to display at the end of the input
+     */
+    adornmentEnd?: InputProps['adornmentEnd'];
+    /**
+     * Minimum number of decimal places to display
+     */
+    minimumFractionDigits?: number;
+    /**
+     * Maximum number of decimal places to display
+     */
+    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":";;;"}