@turnkey/react-wallet-kit 1.0.0-beta.0

package/dist/components/design/Buttons.js

@@ -0,0 +1,79 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactFontawesome = require('@fortawesome/react-fontawesome');
+require('@headlessui/react');
+var clsx = require('clsx');
+var Spinners = require('./Spinners.js');
+
+function BaseButton(props) {
+  const {
+    children,
+    className,
+    disabled,
+    ...buttonProps
+  } = props;
+  return jsxRuntime.jsx("button", {
+    className: clsx("cursor-pointer", className),
+    disabled: !!disabled,
+    ...buttonProps,
+    children: children
+  });
+}
+function IconButton(props) {
+  const {
+    icon,
+    onClick,
+    disabled,
+    loading,
+    className,
+    spinnerClassName
+  } = props;
+  return jsxRuntime.jsx(BaseButton, {
+    className: clsx("flex items-center justify-center p-2 rounded-full border-none text-icon-text-light dark:text-icon-text-dark bg-icon-background-light dark:bg-icon-background-dark active:outline-2 active:outline-primary-light active:dark:outline-primary-dark", disabled && "opacity-50 cursor-not-allowed", className),
+    onClick: onClick,
+    disabled: !!disabled,
+    children: loading ? jsxRuntime.jsx("div", {
+      className: "flex justify-center items-center",
+      children: jsxRuntime.jsx(Spinners.Spinner, {
+        className: clsx("w-4 h-4", spinnerClassName)
+      })
+    }) : jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+      icon: icon
+    })
+  });
+}
+function ActionButton(props) {
+  const {
+    children,
+    onClick,
+    onMouseEnter,
+    onMouseLeave,
+    disabled,
+    loading,
+    loadingText,
+    className,
+    spinnerClassName
+  } = props;
+  return jsxRuntime.jsx(BaseButton, {
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    disabled: disabled || loading,
+    className: clsx("w-full px-4 py-3 rounded-md border border-modal-background-dark/15 dark:border-modal-background-light/15 focus:outline-primary-light focus:dark:outline-primary-dark focus:outline-[1px] focus:outline-offset-0 transition-all duration-300", (disabled || loading) && "opacity-50 cursor-not-allowed", className),
+    children: loading ? jsxRuntime.jsxs("div", {
+      className: "flex justify-center space-x-2 items-center text-sm",
+      children: [jsxRuntime.jsx(Spinners.Spinner, {
+        className: clsx("w-4 h-4", spinnerClassName)
+      }), loadingText && jsxRuntime.jsx("span", {
+        className: spinnerClassName,
+        children: loadingText
+      })]
+    }) : children
+  });
+}
+
+exports.ActionButton = ActionButton;
+exports.BaseButton = BaseButton;
+exports.IconButton = IconButton;
+//# sourceMappingURL=Buttons.js.map

package/dist/components/design/Buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Buttons.js","sources":["../../../src/components/design/Buttons.tsx"],"sourcesContent":[null],"names":["BaseButton","props","children","className","disabled","buttonProps","_jsx","clsx","IconButton","icon","onClick","loading","spinnerClassName","Spinner","FontAwesomeIcon","ActionButton","onMouseEnter","onMouseLeave","loadingText","_jsxs"],"mappings":";;;;;;;;AAeM,SAAUA,UAAUA,CACxBC,KAAoD,EAAA;EAEpD,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC;AAAW,GAAE,GAAGJ,KAAK;EAE/D,OACEK;AACEH,IAAAA,SAAS,EAAEI,IAAI,CAAC,gBAAgB,EAAEJ,SAAS,CAAC;IAC5CC,QAAQ,EAAE,CAAC,CAACA,QAAQ;AAAA,IAAA,GAChBC,WAAW;AAEdH,IAAAA,QAAA,EAAAA;AACM,GAAA,CAAA;AAEb;AACM,SAAUM,UAAUA,CAACP,KAAsB,EAAA;EAC/C,MAAM;IAAEQ,IAAI;IAAEC,OAAO;IAAEN,QAAQ;IAAEO,OAAO;IAAER,SAAS;AAAES,IAAAA;AAAkB,GAAA,GACrEX,KAAK;EACP,OACEK,cAAA,CAACN,UAAU,EAAA;IACTG,SAAS,EAAEI,IAAI,CACb,kPAAkP,EAClPH,QAAQ,IAAI,+BAA+B,EAC3CD,SAAS,CACV;AACDO,IAAAA,OAAO,EAAEA,OAAO;IAChBN,QAAQ,EAAE,CAAC,CAACA,QAAQ;AAAAF,IAAAA,QAAA,EAEnBS,OAAO,GACNL,cAAK,CAAA,KAAA,EAAA;AAAAH,MAAAA,SAAS,EAAC,kCAAkC;AAC/CD,MAAAA,QAAA,EAAAI,cAAA,CAACO,gBAAO,EAAA;AAACV,QAAAA,SAAS,EAAEI,IAAI,CAAC,SAAS,EAAEK,gBAAgB;OAAC;AACjD,KAAA,CAAA,GAENN,eAACQ,gCAAe,EAAA;AAACL,MAAAA,IAAI,EAAEA;KAAI;AAC5B,GAAA,CACU;AAEjB;AAcM,SAAUM,YAAYA,CAACd,KAAwB,EAAA;EACnD,MAAM;IACJC,QAAQ;IACRQ,OAAO;IACPM,YAAY;IACZC,YAAY;IACZb,QAAQ;IACRO,OAAO;IACPO,WAAW;IACXf,SAAS;AACTS,IAAAA;AAAgB,GACjB,GAAGX,KAAK;EACT,OACEK,cAAC,CAAAN,UAAU,EACT;AAAAU,IAAAA,OAAO,EAAEA,OAAO;AAChBM,IAAAA,YAAY,EAAEA,YAAY;AAC1BC,IAAAA,YAAY,EAAEA,YAAY;IAC1Bb,QAAQ,EAAEA,QAAQ,IAAIO,OAAO;AAC7BR,IAAAA,SAAS,EAAEI,IAAI,CACb,6OAA6O,EAC7O,CAACH,QAAQ,IAAIO,OAAO,KAAK,+BAA+B,EACxDR,SAAS,CACV;cAEAQ,OAAO,GACNQ,eAAK,CAAA,KAAA,EAAA;AAAAhB,MAAAA,SAAS,EAAC,oDAAoD;AAAAD,MAAAA,QAAA,EAAA,CACjEI,eAACO,gBAAO,EAAA;AAACV,QAAAA,SAAS,EAAEI,IAAI,CAAC,SAAS,EAAEK,gBAAgB;QAAK,EACxDM,WAAW,IACVZ;AAAMH,QAAAA,SAAS,EAAES,gBAAgB;AAAGV,QAAAA,QAAA,EAAAgB;QACrC;AAAA,KAAA,CACG,GAENhB;AACD,GAAA,CACU;AAEjB;;;;;;"}

package/dist/components/design/Buttons.mjs

@@ -0,0 +1,71 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import '@headlessui/react';
+import clsx from 'clsx';
+import { Spinner } from './Spinners.mjs';
+
+var _excluded = ["children", "className", "disabled"];
+function BaseButton(props) {
+  var children = props.children,
+    className = props.className,
+    disabled = props.disabled,
+    buttonProps = _objectWithoutProperties(props, _excluded);
+  return jsx("button", _objectSpread2(_objectSpread2({
+    className: clsx("cursor-pointer", className),
+    disabled: !!disabled
+  }, buttonProps), {}, {
+    children: children
+  }));
+}
+function IconButton(props) {
+  var icon = props.icon,
+    onClick = props.onClick,
+    disabled = props.disabled,
+    loading = props.loading,
+    className = props.className,
+    spinnerClassName = props.spinnerClassName;
+  return jsx(BaseButton, {
+    className: clsx("flex items-center justify-center p-2 rounded-full border-none text-icon-text-light dark:text-icon-text-dark bg-icon-background-light dark:bg-icon-background-dark active:outline-2 active:outline-primary-light active:dark:outline-primary-dark", disabled && "opacity-50 cursor-not-allowed", className),
+    onClick: onClick,
+    disabled: !!disabled,
+    children: loading ? jsx("div", {
+      className: "flex justify-center items-center",
+      children: jsx(Spinner, {
+        className: clsx("w-4 h-4", spinnerClassName)
+      })
+    }) : jsx(FontAwesomeIcon, {
+      icon: icon
+    })
+  });
+}
+function ActionButton(props) {
+  var children = props.children,
+    onClick = props.onClick,
+    onMouseEnter = props.onMouseEnter,
+    onMouseLeave = props.onMouseLeave,
+    disabled = props.disabled,
+    loading = props.loading,
+    loadingText = props.loadingText,
+    className = props.className,
+    spinnerClassName = props.spinnerClassName;
+  return jsx(BaseButton, {
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    disabled: disabled || loading,
+    className: clsx("w-full px-4 py-3 rounded-md border border-modal-background-dark/15 dark:border-modal-background-light/15 focus:outline-primary-light focus:dark:outline-primary-dark focus:outline-[1px] focus:outline-offset-0 transition-all duration-300", (disabled || loading) && "opacity-50 cursor-not-allowed", className),
+    children: loading ? jsxs("div", {
+      className: "flex justify-center space-x-2 items-center text-sm",
+      children: [jsx(Spinner, {
+        className: clsx("w-4 h-4", spinnerClassName)
+      }), loadingText && jsx("span", {
+        className: spinnerClassName,
+        children: loadingText
+      })]
+    }) : children
+  });
+}
+
+export { ActionButton, BaseButton, IconButton };
+//# sourceMappingURL=Buttons.mjs.map

package/dist/components/design/Buttons.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Buttons.mjs","sources":["../../../src/components/design/Buttons.tsx"],"sourcesContent":[null],"names":["BaseButton","props","children","className","disabled","buttonProps","_objectWithoutProperties","_excluded","_jsx","clsx","IconButton","icon","onClick","loading","spinnerClassName","Spinner","FontAwesomeIcon","ActionButton","onMouseEnter","onMouseLeave","loadingText","_jsxs"],"mappings":"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"}

package/dist/components/design/Failure.d.ts

@@ -0,0 +1,9 @@
+interface DeveloperErrorProps {
+    developerTitle?: string;
+    developerMessages?: string[];
+    userTitle?: string;
+    userMessages?: string[];
+}
+export declare function DeveloperError(props: DeveloperErrorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Failure.d.ts.map

package/dist/components/design/Failure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Failure.d.ts","sourceRoot":"","sources":["../../../src/components/design/Failure.tsx"],"names":[],"mappings":"AAAA,UAAU,mBAAmB;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA6BxD"}

package/dist/components/design/Failure.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function DeveloperError(props) {
+  const {
+    developerTitle = "Developer Error",
+    developerMessages,
+    userTitle,
+    userMessages
+  } = props;
+  const isDev = process.env.NODE_ENV === "development";
+  return jsxRuntime.jsxs("div", {
+    className: "flex flex-col justify-center items-center mt-10 text-sm min-w-80 max-w-full min-48 font-normal text-center text-icon-text-light dark:text-icon-text-dark",
+    children: [jsxRuntime.jsx("strong", {
+      className: "text-danger-light dark:text-danger-dark text-lg",
+      children: isDev ? developerTitle : userTitle
+    }), isDev ? developerMessages?.map((msg, index) => jsxRuntime.jsxs("div", {
+      className: "w-full",
+      children: [jsxRuntime.jsx("div", {
+        className: "w-full h-[1px] bg-icon-background-light dark:bg-icon-background-dark my-4"
+      }), msg]
+    }, index)) : userMessages?.map((msg, index) => jsxRuntime.jsx("div", {
+      children: msg
+    }, index)), isDev && jsxRuntime.jsx("div", {
+      className: "text-xs mt-10 font-extralight italic",
+      children: "You will only see this error if you are a developer!"
+    })]
+  });
+}
+
+exports.DeveloperError = DeveloperError;
+//# sourceMappingURL=Failure.js.map

package/dist/components/design/Failure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Failure.js","sources":["../../../src/components/design/Failure.tsx"],"sourcesContent":[null],"names":["DeveloperError","props","developerTitle","developerMessages","userTitle","userMessages","isDev","process","env","NODE_ENV","_jsxs","className","children","_jsx","map","msg","index"],"mappings":";;;;AAOM,SAAUA,cAAcA,CAACC,KAA0B,EAAA;EACvD,MAAM;AACJC,IAAAA,cAAc,GAAG,iBAAiB;IAClCC,iBAAiB;IACjBC,SAAS;AACTC,IAAAA;AACD,GAAA,GAAGJ,KAAK;EAET,MAAMK,KAAK,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa;EACpD,OACEC;AAAKC,IAAAA,SAAS,EAAC,0JAA0J;AACvKC,IAAAA,QAAA,EAAA,CAAAC,cAAA,CAAA,QAAA,EAAA;AAAQF,MAAAA,SAAS,EAAC,iDAAiD;AAAAC,MAAAA,QAAA,EAChEN,KAAK,GAAGJ,cAAc,GAAGE;AACnB,KAAA,CAAA,EACRE,KAAK,GACFH,iBAAiB,EAAEW,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,KAChCN,eAAA,CAAA,KAAA,EAAA;AAAiBC,MAAAA,SAAS,EAAC,QAAQ;AAAAC,MAAAA,QAAA,EAAA,CACjCC,cAAK,CAAA,KAAA,EAAA;AAAAF,QAAAA,SAAS,EAAC;OAA8E,CAAA,EAC5FI,GAAG;AAAA,KAAA,EAFIC,KAAK,CAIhB,CAAC,GACFX,YAAY,EAAES,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,KAAKH;gBAAkBE;KAAG,EAAXC,KAAK,CAAa,CAAC,EAClEV,KAAK,IACJO,cAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,sCAAsC;AAAAC,MAAAA,QAAA,EAAA;AAAA,KAAA,CAGtD;AAAA,GAAA,CACG;AAEV;;;;"}

package/dist/components/design/Failure.mjs

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function DeveloperError(props) {
+  var _props$developerTitle = props.developerTitle,
+    developerTitle = _props$developerTitle === void 0 ? "Developer Error" : _props$developerTitle,
+    developerMessages = props.developerMessages,
+    userTitle = props.userTitle,
+    userMessages = props.userMessages;
+  var isDev = process.env.NODE_ENV === "development";
+  return jsxs("div", {
+    className: "flex flex-col justify-center items-center mt-10 text-sm min-w-80 max-w-full min-48 font-normal text-center text-icon-text-light dark:text-icon-text-dark",
+    children: [jsx("strong", {
+      className: "text-danger-light dark:text-danger-dark text-lg",
+      children: isDev ? developerTitle : userTitle
+    }), isDev ? developerMessages === null || developerMessages === void 0 ? void 0 : developerMessages.map(function (msg, index) {
+      return jsxs("div", {
+        className: "w-full",
+        children: [jsx("div", {
+          className: "w-full h-[1px] bg-icon-background-light dark:bg-icon-background-dark my-4"
+        }), msg]
+      }, index);
+    }) : userMessages === null || userMessages === void 0 ? void 0 : userMessages.map(function (msg, index) {
+      return jsx("div", {
+        children: msg
+      }, index);
+    }), isDev && jsx("div", {
+      className: "text-xs mt-10 font-extralight italic",
+      children: "You will only see this error if you are a developer!"
+    })]
+  });
+}
+
+export { DeveloperError };
+//# sourceMappingURL=Failure.mjs.map

package/dist/components/design/Failure.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Failure.mjs","sources":["../../../src/components/design/Failure.tsx"],"sourcesContent":[null],"names":["DeveloperError","props","_props$developerTitle","developerTitle","developerMessages","userTitle","userMessages","isDev","process","env","NODE_ENV","_jsxs","className","children","_jsx","map","msg","index"],"mappings":";;AAOM,SAAUA,cAAcA,CAACC,KAA0B,EAAA;AACvD,EAAA,IAAAC,qBAAA,GAKID,KAAK,CAJPE,cAAc;AAAdA,IAAAA,cAAc,GAAAD,qBAAA,KAAG,MAAA,GAAA,iBAAiB,GAAAA,qBAAA;IAClCE,iBAAiB,GAGfH,KAAK,CAHPG,iBAAiB;IACjBC,SAAS,GAEPJ,KAAK,CAFPI,SAAS;IACTC,YAAY,GACVL,KAAK,CADPK,YAAY;EAGd,IAAMC,KAAK,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa;EACpD,OACEC;AAAKC,IAAAA,SAAS,EAAC,0JAA0J;AACvKC,IAAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,QAAA,EAAA;AAAQF,MAAAA,SAAS,EAAC,iDAAiD;AAAAC,MAAAA,QAAA,EAChEN,KAAK,GAAGJ,cAAc,GAAGE;AACnB,KAAA,CAAA,EACRE,KAAK,GACFH,iBAAiB,KAAjBA,IAAAA,IAAAA,iBAAiB,KAAjBA,MAAAA,GAAAA,MAAAA,GAAAA,iBAAiB,CAAEW,GAAG,CAAC,UAACC,GAAG,EAAEC,KAAK,EAAA;MAAA,OAChCN,IAAA,CAAA,KAAA,EAAA;AAAiBC,QAAAA,SAAS,EAAC,QAAQ;AAAAC,QAAAA,QAAA,EAAA,CACjCC,GAAK,CAAA,KAAA,EAAA;AAAAF,UAAAA,SAAS,EAAC;SAA8E,CAAA,EAC5FI,GAAG;OAAA,EAFIC,KAAK,CAGT;AAAA,KACP,CAAC,GACFX,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZA,YAAY,CAAES,GAAG,CAAC,UAACC,GAAG,EAAEC,KAAK,EAAA;MAAA,OAAKH;kBAAkBE;OAAG,EAAXC,KAAK,CAAa;AAAA,KAAA,CAAC,EAClEV,KAAK,IACJO,GAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,sCAAsC;AAAAC,MAAAA,QAAA,EAAA;AAAA,KAAA,CAGtD;AAAA,GAAA,CACG;AAEV;;;;"}

package/dist/components/design/Inputs.d.ts

@@ -0,0 +1,9 @@
+export interface PhoneInputBoxProps {
+    value: string;
+    onChange: (phone: string, formattedPhone: string, isValid: boolean) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onEnter?: () => void;
+}
+export declare function PhoneInputBox(props: PhoneInputBoxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Inputs.d.ts.map

package/dist/components/design/Inputs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inputs.d.ts","sourceRoot":"","sources":["../../../src/components/design/Inputs.tsx"],"names":[],"mappings":"AAsKA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAOD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAiFtD"}

package/dist/components/design/Inputs.js

@@ -0,0 +1,113 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactInternationalPhone = require('react-international-phone');
+var react = require('@headlessui/react');
+var reactFontawesome = require('@fortawesome/react-fontawesome');
+var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
+var parsePhoneNumberFromString = require('libphonenumber-js');
+
+const FlagImage = reactInternationalPhone.FlagImage;
+// Supported country dial codes
+const supported_country_codes = ["+1", "+33", "+420", "+358", "+49", "+30", "+36", "+354", "+353", "+39", "+371", "+370", "+352", "+356", "+373", "+382", "+31", "+47", "+48", "+351", "+40", "+381", "+386", "+34", "+46", "+41", "+355", "+376", "+244", "+54", "+374", "+61", "+43", "+994", "+1242", "+973", "+880", "+1246", "+32", "+501", "+229", "+591", "+387", "+267", "+55", "+1284", "+673", "+237", "+238", "+1345", "+235", "+56", "+57", "+506", "+385", "+599", "+357", "+243", "+45", "+253", "+1767", "+593", "+503", "+240", "+372", "+298", "+679", "+689", "+220", "+995", "+233", "+350", "+1473", "+502", "+590", "+224", "+592", "+509", "+504", "+852", "+91", "+62", "+972", "+225", "+1876", "+81", "+383", "+965", "+996", "+856", "+961", "+266", "+231", "+261", "+60", "+960", "+223", "+230", "+52", "+373", "+976", "+212", "+258", "+264", "+977", "+64", "+505", "+227", "+234", "+92", "+507", "+51", "+63", "+1787", "+1939", "+974", "+262", "+1758", "+1784", "+685", "+966", "+221", "+248", "+232", "+65", "+27", "+82", "+597", "+268", "+992", "+255", "+66", "+228", "+1868", "+216", "+598", "+998", "+58"];
+const countries = reactInternationalPhone.defaultCountries.filter(country => {
+  const {
+    dialCode
+  } = reactInternationalPhone.parseCountry(country);
+  return supported_country_codes.includes(`+${dialCode}`);
+});
+const isValidPhone = phone => {
+  const phoneNumber = parsePhoneNumberFromString(phone);
+  return phoneNumber?.isValid() ?? false;
+};
+function PhoneInputBox(props) {
+  const {
+    value,
+    onChange,
+    onFocus,
+    onBlur,
+    onEnter
+  } = props;
+  const {
+    inputValue,
+    handlePhoneValueChange,
+    inputRef,
+    country,
+    setCountry
+  } = reactInternationalPhone.usePhoneInput({
+    value,
+    defaultCountry: "us",
+    disableDialCodeAndPrefix: true,
+    countries,
+    onChange: data => {
+      onChange(data.phone, `+${data.country.dialCode} ${data.inputValue}`, isValidPhone(data.phone));
+    }
+  });
+  return jsxRuntime.jsxs("div", {
+    className: "w-full flex items-center gap-2 rounded-md text-inherit bg-button-light dark:bg-button-dark border border-modal-background-dark/20 dark:border-modal-background-light/20 focus-within:outline-primary-light focus-within:dark:outline-primary-dark focus-within:outline-[1px] focus-within:outline-offset-0 box-border transition-all",
+    children: [jsxRuntime.jsx(react.Listbox, {
+      as: "div",
+      value: country.iso2,
+      onChange: setCountry,
+      children: jsxRuntime.jsxs("div", {
+        className: "relative",
+        children: [jsxRuntime.jsxs(react.ListboxButton, {
+          className: "flex flex-row min-w-20 gap-2 px-3 cursor-pointer bg-button-light dark:bg-button-dark border-none rounded-md text-left items-center",
+          children: [jsxRuntime.jsxs("div", {
+            className: "flex flex-row space-x-2 items-center",
+            children: [jsxRuntime.jsx(FlagImage, {
+              iso2: country.iso2,
+              className: "w-5 h-4 rounded-sm"
+            }), jsxRuntime.jsxs("div", {
+              className: "text-sm text-modal-text-light dark:text-modal-text-dark",
+              children: ["+", country.dialCode]
+            })]
+          }), jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+            icon: freeSolidSvgIcons.faChevronDown,
+            className: "size-3 text-icon-text-light dark:text-icon-text-dark"
+          })]
+        }), jsxRuntime.jsx(react.ListboxOptions, {
+          transition: true,
+          className: "absolute tk-scrollbar z-50 mt-1 border border-modal-background-dark/20 dark:border-modal-background-light/20 rounded-md shadow-lg max-h-72 overflow-y-auto overflow-x-hidden text-sm \n            transition duration-200 ease-out data-closed:-translate-y-2 data-closed:opacity-0",
+          children: countries.map(c => {
+            const {
+              iso2,
+              name,
+              dialCode
+            } = reactInternationalPhone.parseCountry(c);
+            return jsxRuntime.jsxs(react.ListboxOption, {
+              value: iso2,
+              className: ({
+                active
+              }) => `cursor-pointer select-none py-2 px-3 bg-button-light dark:bg-button-dark flex items-center gap-2 ${active ? "bg-modal-background-light dark:bg-modal-background-dark" : ""}`,
+              children: [jsxRuntime.jsx(FlagImage, {
+                iso2: iso2,
+                className: "w-5 h-4 rounded-sm"
+              }), jsxRuntime.jsx("span", {
+                children: name
+              }), jsxRuntime.jsxs("span", {
+                className: "ml-auto text-xs text-icon-text-light dark:text-icon-text-dark",
+                children: ["+", dialCode]
+              })]
+            }, iso2);
+          })
+        })]
+      })
+    }), jsxRuntime.jsx(react.Input, {
+      type: "tel",
+      value: inputValue,
+      ref: inputRef,
+      onChange: handlePhoneValueChange,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      onKeyDown: e => {
+        if (e.key === "Enter") onEnter?.();
+      },
+      placeholder: "Phone number",
+      className: "w-full py-3 bg-transparent border-none text-inherit placeholder-icon-text-light dark:placeholder-icon-text-dark focus:outline-none focus:ring-0 focus:border-none"
+    })]
+  });
+}
+
+exports.PhoneInputBox = PhoneInputBox;
+//# sourceMappingURL=Inputs.js.map

package/dist/components/design/Inputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inputs.js","sources":["../../../src/components/design/Inputs.tsx"],"sourcesContent":[null],"names":["FlagImage","OriginalFlagImage","supported_country_codes","countries","defaultCountries","filter","country","dialCode","parseCountry","includes","isValidPhone","phone","phoneNumber","parsePhoneNumberFromString","isValid","PhoneInputBox","props","value","onChange","onFocus","onBlur","onEnter","inputValue","handlePhoneValueChange","inputRef","setCountry","usePhoneInput","defaultCountry","disableDialCodeAndPrefix","data","_jsxs","className","children","_jsx","Listbox","as","iso2","ListboxButton","FontAwesomeIcon","icon","faChevronDown","ListboxOptions","transition","map","c","name","ListboxOption","active","Input","type","ref","onKeyDown","e","key","placeholder"],"mappings":";;;;;;;;;AAiBA,MAAMA,SAAS,GAAGC,iCAAsC;AAExD;AACA,MAAMC,uBAAuB,GAAG,CAC9B,IAAI,EACJ,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,OAAO,EACP,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,E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"}

package/dist/components/design/Inputs.mjs

@@ -0,0 +1,108 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { defaultCountries, parseCountry, usePhoneInput, FlagImage as FlagImage$1 } from 'react-international-phone';
+import { Listbox, ListboxButton, ListboxOptions, ListboxOption, Input } from '@headlessui/react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faChevronDown } from '@fortawesome/free-solid-svg-icons';
+import parsePhoneNumberFromString from 'libphonenumber-js';
+
+var FlagImage = FlagImage$1;
+// Supported country dial codes
+var supported_country_codes = ["+1", "+33", "+420", "+358", "+49", "+30", "+36", "+354", "+353", "+39", "+371", "+370", "+352", "+356", "+373", "+382", "+31", "+47", "+48", "+351", "+40", "+381", "+386", "+34", "+46", "+41", "+355", "+376", "+244", "+54", "+374", "+61", "+43", "+994", "+1242", "+973", "+880", "+1246", "+32", "+501", "+229", "+591", "+387", "+267", "+55", "+1284", "+673", "+237", "+238", "+1345", "+235", "+56", "+57", "+506", "+385", "+599", "+357", "+243", "+45", "+253", "+1767", "+593", "+503", "+240", "+372", "+298", "+679", "+689", "+220", "+995", "+233", "+350", "+1473", "+502", "+590", "+224", "+592", "+509", "+504", "+852", "+91", "+62", "+972", "+225", "+1876", "+81", "+383", "+965", "+996", "+856", "+961", "+266", "+231", "+261", "+60", "+960", "+223", "+230", "+52", "+373", "+976", "+212", "+258", "+264", "+977", "+64", "+505", "+227", "+234", "+92", "+507", "+51", "+63", "+1787", "+1939", "+974", "+262", "+1758", "+1784", "+685", "+966", "+221", "+248", "+232", "+65", "+27", "+82", "+597", "+268", "+992", "+255", "+66", "+228", "+1868", "+216", "+598", "+998", "+58"];
+var countries = defaultCountries.filter(function (country) {
+  var _parseCountry = parseCountry(country),
+    dialCode = _parseCountry.dialCode;
+  return supported_country_codes.includes("+".concat(dialCode));
+});
+var isValidPhone = function isValidPhone(phone) {
+  var _phoneNumber$isValid;
+  var phoneNumber = parsePhoneNumberFromString(phone);
+  return (_phoneNumber$isValid = phoneNumber === null || phoneNumber === void 0 ? void 0 : phoneNumber.isValid()) !== null && _phoneNumber$isValid !== void 0 ? _phoneNumber$isValid : false;
+};
+function PhoneInputBox(props) {
+  var value = props.value,
+    _onChange = props.onChange,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onEnter = props.onEnter;
+  var _usePhoneInput = usePhoneInput({
+      value: value,
+      defaultCountry: "us",
+      disableDialCodeAndPrefix: true,
+      countries: countries,
+      onChange: function onChange(data) {
+        _onChange(data.phone, "+".concat(data.country.dialCode, " ").concat(data.inputValue), isValidPhone(data.phone));
+      }
+    }),
+    inputValue = _usePhoneInput.inputValue,
+    handlePhoneValueChange = _usePhoneInput.handlePhoneValueChange,
+    inputRef = _usePhoneInput.inputRef,
+    country = _usePhoneInput.country,
+    setCountry = _usePhoneInput.setCountry;
+  return jsxs("div", {
+    className: "w-full flex items-center gap-2 rounded-md text-inherit bg-button-light dark:bg-button-dark border border-modal-background-dark/20 dark:border-modal-background-light/20 focus-within:outline-primary-light focus-within:dark:outline-primary-dark focus-within:outline-[1px] focus-within:outline-offset-0 box-border transition-all",
+    children: [jsx(Listbox, {
+      as: "div",
+      value: country.iso2,
+      onChange: setCountry,
+      children: jsxs("div", {
+        className: "relative",
+        children: [jsxs(ListboxButton, {
+          className: "flex flex-row min-w-20 gap-2 px-3 cursor-pointer bg-button-light dark:bg-button-dark border-none rounded-md text-left items-center",
+          children: [jsxs("div", {
+            className: "flex flex-row space-x-2 items-center",
+            children: [jsx(FlagImage, {
+              iso2: country.iso2,
+              className: "w-5 h-4 rounded-sm"
+            }), jsxs("div", {
+              className: "text-sm text-modal-text-light dark:text-modal-text-dark",
+              children: ["+", country.dialCode]
+            })]
+          }), jsx(FontAwesomeIcon, {
+            icon: faChevronDown,
+            className: "size-3 text-icon-text-light dark:text-icon-text-dark"
+          })]
+        }), jsx(ListboxOptions, {
+          transition: true,
+          className: "absolute tk-scrollbar z-50 mt-1 border border-modal-background-dark/20 dark:border-modal-background-light/20 rounded-md shadow-lg max-h-72 overflow-y-auto overflow-x-hidden text-sm \n            transition duration-200 ease-out data-closed:-translate-y-2 data-closed:opacity-0",
+          children: countries.map(function (c) {
+            var _parseCountry2 = parseCountry(c),
+              iso2 = _parseCountry2.iso2,
+              name = _parseCountry2.name,
+              dialCode = _parseCountry2.dialCode;
+            return jsxs(ListboxOption, {
+              value: iso2,
+              className: function className(_ref) {
+                var active = _ref.active;
+                return "cursor-pointer select-none py-2 px-3 bg-button-light dark:bg-button-dark flex items-center gap-2 ".concat(active ? "bg-modal-background-light dark:bg-modal-background-dark" : "");
+              },
+              children: [jsx(FlagImage, {
+                iso2: iso2,
+                className: "w-5 h-4 rounded-sm"
+              }), jsx("span", {
+                children: name
+              }), jsxs("span", {
+                className: "ml-auto text-xs text-icon-text-light dark:text-icon-text-dark",
+                children: ["+", dialCode]
+              })]
+            }, iso2);
+          })
+        })]
+      })
+    }), jsx(Input, {
+      type: "tel",
+      value: inputValue,
+      ref: inputRef,
+      onChange: handlePhoneValueChange,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      onKeyDown: function onKeyDown(e) {
+        if (e.key === "Enter") onEnter === null || onEnter === void 0 ? void 0 : onEnter();
+      },
+      placeholder: "Phone number",
+      className: "w-full py-3 bg-transparent border-none text-inherit placeholder-icon-text-light dark:placeholder-icon-text-dark focus:outline-none focus:ring-0 focus:border-none"
+    })]
+  });
+}
+
+export { PhoneInputBox };
+//# sourceMappingURL=Inputs.mjs.map

package/dist/components/design/Inputs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inputs.mjs","sources":["../../../src/components/design/Inputs.tsx"],"sourcesContent":[null],"names":["FlagImage","OriginalFlagImage","supported_country_codes","countries","defaultCountries","filter","country","_parseCountry","parseCountry","dialCode","includes","concat","isValidPhone","phone","_phoneNumber$isValid","phoneNumber","parsePhoneNumberFromString","isValid","PhoneInputBox","props","value","onChange","onFocus","onBlur","onEnter","_usePhoneInput","usePhoneInput","defaultCountry","disableDialCodeAndPrefix","data","inputValue","handlePhoneValueChange","inputRef","setCountry","_jsxs","className","children","_jsx","Listbox","as","iso2","ListboxButton","FontAwesomeIcon","icon","faChevronDown","ListboxOptions","transition","map","c","_parseCountry2","name","ListboxOption","_ref","active","Input","type","ref","onKeyDown","e","key","placeholder"],"mappings":";;;;;;;AAiBA,IAAMA,SAAS,GAAGC,WAAsC;AAExD;AACA,IAAMC,uBAAuB,GAAG,CAC9B,IAAI,EACJ,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,OAAO,EACP,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,MAAM,EACN,MAAM,EACN,OAAO,EACP,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,CACN;AAED,IAAMC,SAAS,GAAGC,gBAAgB,CAACC,MAAM,CAAC,UAACC,OAAO,EAAI;AACpD,EAAA,IAAAC,aAAA,GAAqBC,YAAY,CAACF,OAAO,CAAC;IAAlCG,QAAQ,GAAAF,aAAA,CAARE,QAAQ;EAChB,OAAOP,uBAAuB,CAACQ,QAAQ,CAAA,GAAA,CAAAC,MAAA,CAAKF,QAAQ,CAAE,CAAC;AACzD,CAAC,CAAC;AAUF,IAAMG,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAa,EAAI;AAAA,EAAA,IAAAC,oBAAA;AACrC,EAAA,IAAMC,WAAW,GAAGC,0BAA0B,CAACH,KAAK,CAAC;AACrD,EAAA,OAAA,CAAAC,oBAAA,GAAOC,WAAW,KAAXA,IAAAA,IAAAA,WAAW,uBAAXA,WAAW,CAAEE,OAAO,EAAE,MAAAH,IAAAA,IAAAA,oBAAA,KAAAA,MAAAA,GAAAA,oBAAA,GAAI,KAAK;AACxC,CAAC;AAEK,SAAUI,aAAaA,CAACC,KAAyB,EAAA;AACrD,EAAA,IAAQC,KAAK,GAAyCD,KAAK,CAAnDC,KAAK;IAAEC,SAAQ,GAA+BF,KAAK,CAA5CE,QAAQ;IAAEC,OAAO,GAAsBH,KAAK,CAAlCG,OAAO;IAAEC,MAAM,GAAcJ,KAAK,CAAzBI,MAAM;IAAEC,OAAO,GAAKL,KAAK,CAAjBK,OAAO;EACjD,IAAAC,cAAA,GACEC,aAAa,CAAC;AACZN,MAAAA,KAAK,EAALA,KAAK;AACLO,MAAAA,cAAc,EAAE,IAAI;AACpBC,MAAAA,wBAAwB,EAAE,IAAI;AAC9BzB,MAAAA,SAAS,EAATA,SAAS;AACTkB,MAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAGQ,IAAI,EAAI;QACjBR,SAAQ,CACNQ,IAAI,CAAChB,KAAK,EAAA,GAAA,CAAAF,MAAA,CACNkB,IAAI,CAACvB,OAAO,CAACG,QAAQ,OAAAE,MAAA,CAAIkB,IAAI,CAACC,UAAU,CAAA,EAC5ClB,YAAY,CAACiB,IAAI,CAAChB,KAAK,CAAC,CACzB;AACH;AACD,KAAA,CAAC;IAbIiB,UAAU,GAAAL,cAAA,CAAVK,UAAU;IAAEC,sBAAsB,GAAAN,cAAA,CAAtBM,sBAAsB;IAAEC,QAAQ,GAAAP,cAAA,CAARO,QAAQ;IAAE1B,OAAO,GAAAmB,cAAA,CAAPnB,OAAO;IAAE2B,UAAU,GAAAR,cAAA,CAAVQ,UAAU;EAezE,OACEC;AAAKC,IAAAA,SAAS,EAAC,sUAAsU;AACnVC,IAAAA,QAAA,EAAA,CAAAC,GAAA,CAACC,OAAO,EAAC;AAAAC,MAAAA,EAAE,EAAC,KAAK;MAACnB,KAAK,EAAEd,OAAO,CAACkC,IAAI;AAAEnB,MAAAA,QAAQ,EAAEY,UAAU;gBACzDC,IAAK,CAAA,KAAA,EAAA;AAAAC,QAAAA,SAAS,EAAC,UAAU;AAAAC,QAAAA,QAAA,EAAA,CACvBF,KAACO,aAAa,EAAA;AAACN,UAAAA,SAAS,EAAC,oIAAoI;qBAC3JD,IAAK,CAAA,KAAA,EAAA;AAAAC,YAAAA,SAAS,EAAC,sCAAsC;AAAAC,YAAAA,QAAA,EAAA,CACnDC,IAACrC,SAAS,EAAA;cAACwC,IAAI,EAAElC,OAAO,CAACkC,IAAI;AAAEL,cAAAA,SAAS,EAAC;AAAoB,aAAA,CAAG,EAChED,IAAK,CAAA,KAAA,EAAA;AAAAC,cAAAA,SAAS,EAAC,yDAAyD;AAAAC,cAAAA,QAAA,EAAA,CAAA,GAAA,EACpE9B,OAAO,CAACG,QAAQ;cACd;AACF,WAAA,CAAA,EAEN4B,IAACK,eAAe,EAAA;AACdC,YAAAA,IAAI,EAAEC,aAAa;AACnBT,YAAAA,SAAS,EAAC;AACV,WAAA,CAAA;AAAA,SAAA,CACY,EAEhBE,GAAC,CAAAQ,cAAc;AACbC,UAAAA,UAAU,EAAA,IAAA;AACVX,UAAAA,SAAS,EAAC,sRACwE;oBAEjFhC,SAAS,CAAC4C,GAAG,CAAC,UAACC,CAAC,EAAI;AACnB,YAAA,IAAAC,cAAA,GAAiCzC,YAAY,CAACwC,CAAC,CAAC;cAAxCR,IAAI,GAAAS,cAAA,CAAJT,IAAI;cAAEU,IAAI,GAAAD,cAAA,CAAJC,IAAI;cAAEzC,QAAQ,GAAAwC,cAAA,CAARxC,QAAQ;YAC5B,OACEyB,IAAC,CAAAiB,aAAa;AAEZ/B,cAAAA,KAAK,EAAEoB,IAAI;AACXL,cAAAA,SAAS,EAAE,SAAXA,SAASA,CAAAiB,IAAA,EAAA;AAAA,gBAAA,IAAKC,MAAM,GAAAD,IAAA,CAANC,MAAM;AAAA,gBAAA,OAAA,mGAAA,CAAA1C,MAAA,CAEhB0C,MAAM,GACF,yDAAyD,GACzD,EACN,CAAA;eAAE;AAAAjB,cAAAA,QAAA,EAAA,CAGJC,GAAC,CAAArC,SAAS,EAAC;AAAAwC,gBAAAA,IAAI,EAAEA,IAAI;AAAEL,gBAAAA,SAAS,EAAC;AAAoB,eAAA,CAAG,EACxDE,GAAA,CAAA,MAAA,EAAA;AAAAD,gBAAAA,QAAA,EAAOc;AAAI,eAAA,CAAQ,EACnBhB,IAAA,CAAA,MAAA,EAAA;AAAMC,gBAAAA,SAAS,EAAC,+DAA+D;AAC3EC,gBAAAA,QAAA,EAAA,CAAA,GAAA,EAAA3B,QAAQ;AACL,eAAA,CAAA;aAAA,EAdF+B,IAAI,CAeK;WAEnB;AACc,SAAA,CAAA;OAAA;AAEX,KAAA,CAAA,EAEVH,IAACiB,KAAK,EAAA;AACJC,MAAAA,IAAI,EAAC,KAAK;AACVnC,MAAAA,KAAK,EAAEU,UAAU;AACjB0B,MAAAA,GAAG,EAAExB,QAAQ;AACbX,MAAAA,QAAQ,EAAEU,sBAAsB;AAChCT,MAAAA,OAAO,EAAEA,OAAO;AAChBC,MAAAA,MAAM,EAAEA,MAAM;AACdkC,MAAAA,SAAS,EAAE,SAAXA,SAASA,CAAGC,CAAC,EAAI;AACf,QAAA,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAEnC,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,MAAA,GAAA,MAAA,GAAPA,OAAO,EAAI;OACnC;AACDoC,MAAAA,WAAW,EAAC,cAAc;AAC1BzB,MAAAA,SAAS,EAAC;AAAmK,KAAA,CAC7K;AACE,GAAA,CAAA;AAEV;;;;"}

package/dist/components/design/Lottie/Dynamic.d.ts

@@ -0,0 +1,2 @@
+export declare function getLottiePlayer(): Promise<typeof import("@lottiefiles/react-lottie-player").Player>;
+//# sourceMappingURL=Dynamic.d.ts.map

package/dist/components/design/Lottie/Dynamic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dynamic.d.ts","sourceRoot":"","sources":["../../../../src/components/design/Lottie/Dynamic.tsx"],"names":[],"mappings":"AAAA,wBAAsB,eAAe,sEAGpC"}

package/dist/components/design/Lottie/Dynamic.js

@@ -0,0 +1,9 @@
+'use strict';
+
+async function getLottiePlayer() {
+  const mod = await import('@lottiefiles/react-lottie-player');
+  return mod.Player;
+}
+
+exports.getLottiePlayer = getLottiePlayer;
+//# sourceMappingURL=Dynamic.js.map

package/dist/components/design/Lottie/Dynamic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dynamic.js","sources":["../../../../src/components/design/Lottie/Dynamic.tsx"],"sourcesContent":[null],"names":["getLottiePlayer","mod","Player"],"mappings":";;AAAO,eAAeA,eAAeA,GAAA;AACnC,EAAA,MAAMC,GAAG,GAAG,MAAM,OAAO,kCAAkC,CAAC;EAC5D,OAAOA,GAAG,CAACC,MAAM;AACnB;;;;"}

package/dist/components/design/Lottie/Dynamic.mjs

@@ -0,0 +1,27 @@
+import { asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../_virtual/_rollupPluginBabelHelpers.mjs';
+
+function getLottiePlayer() {
+  return _getLottiePlayer.apply(this, arguments);
+}
+function _getLottiePlayer() {
+  _getLottiePlayer = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var mod;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return import('@lottiefiles/react-lottie-player');
+        case 2:
+          mod = _context.sent;
+          return _context.abrupt("return", mod.Player);
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _getLottiePlayer.apply(this, arguments);
+}
+
+export { getLottiePlayer };
+//# sourceMappingURL=Dynamic.mjs.map

package/dist/components/design/Lottie/Dynamic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dynamic.mjs","sources":["../../../../src/components/design/Lottie/Dynamic.tsx"],"sourcesContent":[null],"names":["getLottiePlayer","_getLottiePlayer","apply","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee","mod","wrap","_callee$","_context","prev","next","sent","abrupt","Player","stop"],"mappings":";;AAAA,SAAsBA,eAAeA,GAAA;AAAA,EAAA,OAAAC,gBAAA,CAAAC,KAAA,CAAA,IAAA,EAAAC,SAAA,CAAA;AAAA;AAGpC,SAAAF,gBAAA,GAAA;EAAAA,gBAAA,GAAAG,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,CAHM,SAAAC,OAAA,GAAA;AAAA,IAAA,IAAAC,GAAA;AAAA,IAAA,OAAAH,mBAAA,EAAA,CAAAI,IAAA,CAAA,SAAAC,SAAAC,QAAA,EAAA;AAAA,MAAA,OAAA,CAAA,EAAA,QAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;AAAA,QAAA,KAAA,CAAA;AAAAF,UAAAA,QAAA,CAAAE,IAAA,GAAA,CAAA;UAAA,OACa,OAAO,kCAAkC,CAAC;AAAA,QAAA,KAAA,CAAA;UAAtDL,GAAG,GAAAG,QAAA,CAAAG,IAAA;AAAA,UAAA,OAAAH,QAAA,CAAAI,MAAA,CACFP,QAAAA,EAAAA,GAAG,CAACQ,MAAM,CAAA;AAAA,QAAA,KAAA,CAAA;AAAA,QAAA,KAAA,KAAA;UAAA,OAAAL,QAAA,CAAAM,IAAA,EAAA;AAAA;AAAA,KAAA,EAAAV,OAAA,CAAA;GAClB,CAAA,CAAA;AAAA,EAAA,OAAAN,gBAAA,CAAAC,KAAA,CAAA,IAAA,EAAAC,SAAA,CAAA;AAAA;;;;"}

package/dist/components/design/Lottie/Wrapper.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export default function LottiePlayerWrapper(props: {
+    style?: React.CSSProperties;
+    src: string;
+    autoplay?: boolean;
+    loop?: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Wrapper.d.ts.map

package/dist/components/design/Lottie/Wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/design/Lottie/Wrapper.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE;IACjD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,kDAgBA"}

package/dist/components/design/Lottie/Wrapper.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+function LottiePlayerWrapper(props) {
+  const [PlayerComponent, setPlayerComponent] = react.useState(null);
+  react.useEffect(() => {
+    if (typeof window !== "undefined") {
+      Promise.resolve().then(function () { return require('./Dynamic.js'); }).then(async mod => {
+        const Player = await mod.getLottiePlayer();
+        //@ts-ignore
+        setPlayerComponent(() => Player);
+      });
+    }
+  }, []);
+  if (!PlayerComponent) return null;
+  return jsxRuntime.jsx(PlayerComponent, {
+    ...props
+  });
+}
+
+exports.default = LottiePlayerWrapper;
+//# sourceMappingURL=Wrapper.js.map

package/dist/components/design/Lottie/Wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.js","sources":["../../../../src/components/design/Lottie/Wrapper.tsx"],"sourcesContent":[null],"names":["LottiePlayerWrapper","props","PlayerComponent","setPlayerComponent","useState","useEffect","window","then","mod","Player","getLottiePlayer","_jsx"],"mappings":";;;;;;;AAEwB,SAAAA,mBAAmBA,CAACC,KAK3C,EAAA;EACC,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GACzCC,cAAQ,CAAkC,IAAI,CAAC;AAEjDC,EAAAA,eAAS,CAAC,MAAK;AACb,IAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;MACjC,oDAAO,cAAW,KAAC,CAACC,IAAI,CAAC,MAAOC,GAAG,IAAI;AACrC,QAAA,MAAMC,MAAM,GAAG,MAAMD,GAAG,CAACE,eAAe,EAAE;AAC1C;QACAP,kBAAkB,CAAC,MAAMM,MAAM,CAAC;AAClC,OAAC,CAAC;AACJ;GACD,EAAE,EAAE,CAAC;AAEN,EAAA,IAAI,CAACP,eAAe,EAAE,OAAO,IAAI;EACjC,OAAOS,cAAC,CAAAT,eAAe,EAAK;IAAA,GAAAD;IAAS;AACvC;;;;"}