@adam-milo/ui 1.0.32 → 1.0.34

package/dist/index25.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useMergedRef=function(...r){return e.useCallback(e=>{r.forEach(r=>{r&&("function"==typeof r?r(e):r.current=e)})},r)};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),e=require("./index31.cjs"),s=require("./index4.cjs");;/* empty css          */const d=t.forwardRef(({children:t,cardSize:d="lg",logo:i,showSettings:n=!0,showUserMenu:r=!0,userInitials:u,onSettingsClick:c,onUserMenuClick:l,activeMenu:o=null,"data-testid":h,"data-cy":y,...m},$)=>{const g=y||"auth-layout",x=h||"auth-layout";return a.jsxs("div",{ref:$,className:"auth-layout","data-testid":x,"data-cy":g,...m,children:[a.jsx("div",{className:"auth-layout__background","data-testid":`${x}-background`,"data-cy":`${g}-background`,"aria-hidden":"true"}),a.jsxs("header",{className:"auth-layout__header","data-testid":`${x}-header`,"data-cy":`${g}-header`,children:[a.jsx("div",{className:"auth-layout__logo","data-testid":`${x}-logo`,"data-cy":`${g}-logo`,children:i}),a.jsxs("div",{className:"auth-layout__menu","data-testid":`${x}-menu`,"data-cy":`${g}-menu`,children:[n&&a.jsx(s.MenuIconButton,{variant:"settings",selected:"settings"===o,onClick:c,"aria-label":"Settings","data-testid":`${x}-settings-btn`,"data-cy":`${g}-settings-btn`}),r&&a.jsx(s.MenuIconButton,{variant:"user",initials:u,selected:"user"===o,onClick:l,"aria-label":u?`User menu - ${u}`:"User menu","data-testid":`${x}-user-btn`,"data-cy":`${g}-user-btn`})]})]}),a.jsx("main",{className:"auth-layout__main","data-testid":`${x}-main`,"data-cy":`${g}-main`,children:a.jsx("div",{className:e.cn("auth-layout__card",`auth-layout__card--${d}`),"data-testid":`${x}-card`,"data-cy":`${g}-card`,children:t})})]})});d.displayName="AuthLayout",exports.AuthLayout=d;

package/dist/index25.js

@@ -1,16 +1,118 @@
-import { useCallback } from "react";
-function useMergedRef(...refs) {
-  return useCallback((element) => {
-    refs.forEach((ref) => {
-      if (!ref) return;
-      if (typeof ref === "function") {
-        ref(element);
-      } else {
-        ref.current = element;
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "./index31.js";
+import { MenuIconButton } from "./index4.js";
+/* empty css        */
+const AuthLayout = forwardRef(
+  ({
+    children,
+    cardSize = "lg",
+    logo,
+    showSettings = true,
+    showUserMenu = true,
+    userInitials,
+    onSettingsClick,
+    onUserMenuClick,
+    activeMenu = null,
+    "data-testid": dataTestId,
+    "data-cy": dataCy,
+    ...props
+  }, ref) => {
+    const finalDataCy = dataCy || "auth-layout";
+    const finalTestId = dataTestId || "auth-layout";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: "auth-layout",
+        "data-testid": finalTestId,
+        "data-cy": finalDataCy,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "auth-layout__background",
+              "data-testid": `${finalTestId}-background`,
+              "data-cy": `${finalDataCy}-background`,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "header",
+            {
+              className: "auth-layout__header",
+              "data-testid": `${finalTestId}-header`,
+              "data-cy": `${finalDataCy}-header`,
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "auth-layout__logo",
+                    "data-testid": `${finalTestId}-logo`,
+                    "data-cy": `${finalDataCy}-logo`,
+                    children: logo
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "auth-layout__menu",
+                    "data-testid": `${finalTestId}-menu`,
+                    "data-cy": `${finalDataCy}-menu`,
+                    children: [
+                      showSettings && /* @__PURE__ */ jsx(
+                        MenuIconButton,
+                        {
+                          variant: "settings",
+                          selected: activeMenu === "settings",
+                          onClick: onSettingsClick,
+                          "aria-label": "Settings",
+                          "data-testid": `${finalTestId}-settings-btn`,
+                          "data-cy": `${finalDataCy}-settings-btn`
+                        }
+                      ),
+                      showUserMenu && /* @__PURE__ */ jsx(
+                        MenuIconButton,
+                        {
+                          variant: "user",
+                          initials: userInitials,
+                          selected: activeMenu === "user",
+                          onClick: onUserMenuClick,
+                          "aria-label": userInitials ? `User menu - ${userInitials}` : "User menu",
+                          "data-testid": `${finalTestId}-user-btn`,
+                          "data-cy": `${finalDataCy}-user-btn`
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "main",
+            {
+              className: "auth-layout__main",
+              "data-testid": `${finalTestId}-main`,
+              "data-cy": `${finalDataCy}-main`,
+              children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn("auth-layout__card", `auth-layout__card--${cardSize}`),
+                  "data-testid": `${finalTestId}-card`,
+                  "data-cy": `${finalDataCy}-card`,
+                  children
+                }
+              )
+            }
+          )
+        ]
       }
-    });
-  }, refs);
-}
+    );
+  }
+);
+AuthLayout.displayName = "AuthLayout";
 export {
-  useMergedRef
+  AuthLayout
 };

package/dist/index26.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),e=require("./index31.cjs");;/* empty css          */const t=i.forwardRef(({columns:i=3,rows:t,gap:a="4",rowGap:d,columnGap:s,align:c="stretch",justify:o="stretch",autoFitMinWidth:n="15rem",className:g,children:l,style:u,"data-cy":m,"data-testid":p,...y},$)=>{const f=m||`grid-${i}col`,j=p||`grid-${i}col`,x={...u,..."auto"===i&&{"--grid-auto-fit-min":n}};return r.jsx("div",{ref:$,className:e.cn("grid",`grid--columns-${i}`,t&&`grid--rows-${t}`,`grid--gap-${a}`,d&&`grid--row-gap-${d}`,s&&`grid--column-gap-${s}`,`grid--align-${c}`,`grid--justify-${o}`,g),style:x,"data-cy":f,"data-testid":j,...y,children:l})});t.displayName="Grid",exports.Grid=t;

package/dist/index26.js

@@ -0,0 +1,55 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "./index31.js";
+/* empty css        */
+const Grid = forwardRef(
+  ({
+    columns = 3,
+    rows,
+    gap = "4",
+    rowGap,
+    columnGap,
+    align = "stretch",
+    justify = "stretch",
+    autoFitMinWidth = "15rem",
+    className,
+    children,
+    style,
+    "data-cy": dataCy,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const finalDataCy = dataCy || `grid-${columns}col`;
+    const finalTestId = dataTestId || `grid-${columns}col`;
+    const customStyle = {
+      ...style,
+      ...columns === "auto" && { "--grid-auto-fit-min": autoFitMinWidth }
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "grid",
+          `grid--columns-${columns}`,
+          rows && `grid--rows-${rows}`,
+          `grid--gap-${gap}`,
+          rowGap && `grid--row-gap-${rowGap}`,
+          columnGap && `grid--column-gap-${columnGap}`,
+          `grid--align-${align}`,
+          `grid--justify-${justify}`,
+          className
+        ),
+        style: customStyle,
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Grid.displayName = "Grid";
+export {
+  Grid
+};

package/dist/index27.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react");;/* empty css          */const r=e.forwardRef(({size:e="md",weight:r="regular",as:a="p",color:i="text",align:s="start",truncate:c=!1,className:o="","data-cy":n,"data-testid":x,children:l,...d},u)=>{const $=n||`text-${e}-${r}`,g=x||`text-${e}-${r}`,m=["text",`text--size-${e}`,`text--weight-${r}`,`text--color-${i}`,`text--align-${s}`,c&&"text--truncate",o].filter(Boolean).join(" ");return t.jsx(a,{ref:u,className:m,"data-cy":$,"data-testid":g,...d,children:l})});r.displayName="Text",exports.Text=r;

package/dist/index27.js

@@ -0,0 +1,45 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+/* empty css        */
+const Text = forwardRef(
+  ({
+    size = "md",
+    weight = "regular",
+    as: Component = "p",
+    color = "text",
+    align = "start",
+    truncate = false,
+    className = "",
+    "data-cy": dataCy,
+    "data-testid": dataTestId,
+    children,
+    ...props
+  }, ref) => {
+    const finalDataCy = dataCy || `text-${size}-${weight}`;
+    const finalDataTestId = dataTestId || `text-${size}-${weight}`;
+    const classes = [
+      "text",
+      `text--size-${size}`,
+      `text--weight-${weight}`,
+      `text--color-${color}`,
+      `text--align-${align}`,
+      truncate && "text--truncate",
+      className
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        className: classes,
+        "data-cy": finalDataCy,
+        "data-testid": finalDataTestId,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Text.displayName = "Text";
+export {
+  Text
+};

package/dist/index28.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react");;/* empty css          */const i={1:"2xl",2:"xl",3:"lg",4:"md",5:"sm",6:"xs"},t=a.forwardRef(({level:a=2,size:t,weight:r="bold",color:d="text",align:n="start",className:s="","data-cy":l,"data-testid":o,children:c,...g},h)=>{const x=t??i[a],$=l||`heading-h${a}-${x}`,u=o||`heading-h${a}-${x}`,m=["heading",`heading--size-${x}`,`heading--weight-${r}`,`heading--color-${d}`,`heading--align-${n}`,s].filter(Boolean).join(" "),f=`h${a}`;return e.jsx(f,{ref:h,className:m,"data-cy":$,"data-testid":u,...g,children:c})});t.displayName="Heading",exports.Heading=t;

package/dist/index28.js

@@ -0,0 +1,53 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+/* empty css        */
+const levelToSizeMap = {
+  1: "2xl",
+  2: "xl",
+  3: "lg",
+  4: "md",
+  5: "sm",
+  6: "xs"
+};
+const Heading = forwardRef(
+  ({
+    level = 2,
+    size,
+    weight = "bold",
+    color = "text",
+    align = "start",
+    className = "",
+    "data-cy": dataCy,
+    "data-testid": dataTestId,
+    children,
+    ...props
+  }, ref) => {
+    const resolvedSize = size ?? levelToSizeMap[level];
+    const finalDataCy = dataCy || `heading-h${level}-${resolvedSize}`;
+    const finalDataTestId = dataTestId || `heading-h${level}-${resolvedSize}`;
+    const classes = [
+      "heading",
+      `heading--size-${resolvedSize}`,
+      `heading--weight-${weight}`,
+      `heading--color-${color}`,
+      `heading--align-${align}`,
+      className
+    ].filter(Boolean).join(" ");
+    const Tag = `h${level}`;
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ref,
+        className: classes,
+        "data-cy": finalDataCy,
+        "data-testid": finalDataTestId,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Heading.displayName = "Heading";
+export {
+  Heading
+};

package/dist/index29.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react");;/* empty css          */const n=i.forwardRef(({children:i,color:n="action",size:r="md",weight:t="medium",underline:l=!1,disabled:a=!1,href:d,onClick:o,"data-cy":s,"data-testid":c,...u},k)=>{const f=s||"link",m=c||"link",b=["link",`link--color-${n}`,`link--size-${r}`,`link--weight-${t}`,l&&"link--underline",a&&"link--disabled"].filter(Boolean).join(" ");return e.jsx("a",{ref:k,href:a?void 0:d,onClick:e=>{a?e.preventDefault():null==o||o(e)},className:b,"aria-disabled":a,tabIndex:a?-1:void 0,"data-cy":f,"data-testid":m,...u,children:i})});n.displayName="Link",exports.Link=n;

package/dist/index29.js

@@ -0,0 +1,55 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+/* empty css        */
+const Link = forwardRef(
+  ({
+    children,
+    color = "action",
+    size = "md",
+    weight = "medium",
+    underline = false,
+    disabled = false,
+    href,
+    onClick,
+    "data-cy": dataCy,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const finalDataCy = dataCy || "link";
+    const finalDataTestId = dataTestId || "link";
+    const classes = [
+      "link",
+      `link--color-${color}`,
+      `link--size-${size}`,
+      `link--weight-${weight}`,
+      underline && "link--underline",
+      disabled && "link--disabled"
+    ].filter(Boolean).join(" ");
+    const handleClick = (e) => {
+      if (disabled) {
+        e.preventDefault();
+        return;
+      }
+      onClick == null ? void 0 : onClick(e);
+    };
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        ref,
+        href: disabled ? void 0 : href,
+        onClick: handleClick,
+        className: classes,
+        "aria-disabled": disabled,
+        tabIndex: disabled ? -1 : void 0,
+        "data-cy": finalDataCy,
+        "data-testid": finalDataTestId,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Link.displayName = "Link";
+export {
+  Link
+};

package/dist/index3.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("react"),t=require("email-validator"),i=require("./index24.cjs"),l=e.forwardRef(({validateEmail:l=!0,invalidEmailMessage:r="Not a valid email address",validate:d,"data-cy":s,"data-testid":u,...n},o)=>{const m=e.useCallback(a=>{if(a)return t.validate(a)?void 0:r},[r]),c=e.useCallback(a=>l?d?m(a)||d(a):m(a):null==d?void 0:d(a),[l,d,m]);return a.jsx(i.Input,{ref:o,type:"email",validate:c,"data-cy":s||"email-input","data-testid":u||"email-input",...n})});l.displayName="EmailInput",exports.EmailInput=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),n=require("./index31.cjs"),a=require("@adam-milo/icons");;/* empty css          */const i={sm:"sm",md:"md",lg:"lg"},o=t.forwardRef(({size:t="md",icon:o,children:c,disabled:r,"aria-label":s,"data-testid":d,"data-cy":l,...u},b)=>{const m=n.cn("icon-btn",`icon-btn--${t}`);return e.jsxs("button",{ref:b,type:"button",disabled:r,className:m,"aria-label":c?void 0:s,"data-testid":d||"icon-button","data-cy":l||"icon-button",...u,children:[e.jsx(a.Icon,{name:o,size:i[t],decorative:!!c}),c&&e.jsx("span",{className:"icon-btn__text","data-cy":"icon-button-text",children:c})]})});o.displayName="IconButton",exports.IconButton=o;

package/dist/index3.js

@@ -1,45 +1,45 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef, useCallback } from "react";
-import { validate } from "email-validator";
-import { Input } from "./index24.js";
-const EmailInput = forwardRef(
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "./index31.js";
+import { Icon } from "@adam-milo/icons";
+/* empty css        */
+const iconSizeMap = {
+  sm: "sm",
+  md: "md",
+  lg: "lg"
+};
+const IconButton = forwardRef(
   ({
-    validateEmail = true,
-    invalidEmailMessage = "Not a valid email address",
-    validate: validate$1,
-    "data-cy": dataCy,
+    size = "md",
+    icon,
+    children,
+    disabled,
+    "aria-label": ariaLabel,
     "data-testid": dataTestId,
+    "data-cy": dataCy,
     ...props
   }, ref) => {
-    const emailValidation = useCallback(
-      (value) => {
-        if (!value) return void 0;
-        return validate(value) ? void 0 : invalidEmailMessage;
-      },
-      [invalidEmailMessage]
-    );
-    const combinedValidation = useCallback(
-      (value) => {
-        if (!validateEmail) return validate$1 == null ? void 0 : validate$1(value);
-        if (!validate$1) return emailValidation(value);
-        return emailValidation(value) || validate$1(value);
-      },
-      [validateEmail, validate$1, emailValidation]
-    );
-    return /* @__PURE__ */ jsx(
-      Input,
+    const classes = cn("icon-btn", `icon-btn--${size}`);
+    return /* @__PURE__ */ jsxs(
+      "button",
       {
         ref,
-        type: "email",
-        validate: combinedValidation,
-        "data-cy": dataCy || "email-input",
-        "data-testid": dataTestId || "email-input",
-        ...props
+        type: "button",
+        disabled,
+        className: classes,
+        "aria-label": !children ? ariaLabel : void 0,
+        "data-testid": dataTestId || "icon-button",
+        "data-cy": dataCy || "icon-button",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(Icon, { name: icon, size: iconSizeMap[size], decorative: !!children }),
+          children && /* @__PURE__ */ jsx("span", { className: "icon-btn__text", "data-cy": "icon-button-text", children })
+        ]
       }
     );
   }
 );
-EmailInput.displayName = "EmailInput";
+IconButton.displayName = "IconButton";
 export {
-  EmailInput
+  IconButton
 };

package/dist/index30.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react");;/* empty css          */const s=r.forwardRef(({size:r="md",color:s="action",label:n="Loading","data-cy":i,"data-testid":a,...t},c)=>{const o=i||"spinner",l=a||"spinner",d=["spinner",`spinner--size-${r}`,`spinner--color-${s}`].join(" ");return e.jsxs("div",{ref:c,className:d,role:"status","aria-label":n,"data-cy":o,"data-testid":l,...t,children:[e.jsxs("svg",{className:"spinner__svg",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("circle",{className:"spinner__track",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),e.jsx("circle",{className:"spinner__indicator",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeDasharray:"40 60"})]}),e.jsx("span",{className:"spinner__label",children:n})]})});s.displayName="Spinner",exports.Spinner=s;

package/dist/index30.js

@@ -0,0 +1,72 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+/* empty css        */
+const Spinner = forwardRef(
+  ({
+    size = "md",
+    color = "action",
+    label = "Loading",
+    "data-cy": dataCy,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const finalDataCy = dataCy || "spinner";
+    const finalDataTestId = dataTestId || "spinner";
+    const classes = ["spinner", `spinner--size-${size}`, `spinner--color-${color}`].join(" ");
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: classes,
+        role: "status",
+        "aria-label": label,
+        "data-cy": finalDataCy,
+        "data-testid": finalDataTestId,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              className: "spinner__svg",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "circle",
+                  {
+                    className: "spinner__track",
+                    cx: "12",
+                    cy: "12",
+                    r: "10",
+                    stroke: "currentColor",
+                    strokeWidth: "2.5",
+                    strokeLinecap: "round"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "circle",
+                  {
+                    className: "spinner__indicator",
+                    cx: "12",
+                    cy: "12",
+                    r: "10",
+                    stroke: "currentColor",
+                    strokeWidth: "2.5",
+                    strokeLinecap: "round",
+                    strokeDasharray: "40 60"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "spinner__label", children: label })
+        ]
+      }
+    );
+  }
+);
+Spinner.displayName = "Spinner";
+export {
+  Spinner
+};

package/dist/index31.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("clsx"),r=require("tailwind-merge");let t=0;exports.cn=function(...t){return r.twMerge(e.clsx(t))},exports.generateId=function(e="id"){return t+=1,`${e}-${t}`};

package/dist/index31.js

@@ -0,0 +1,14 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+let idCounter = 0;
+function generateId(prefix = "id") {
+  idCounter += 1;
+  return `${prefix}-${idCounter}`;
+}
+export {
+  cn,
+  generateId
+};

package/dist/index32.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=[{code:"AF",name:"Afghanistan",dialCode:"+93",flag:"🇦🇫"},{code:"AL",name:"Albania",dialCode:"+355",flag:"🇦🇱"},{code:"DZ",name:"Algeria",dialCode:"+213",flag:"🇩🇿"},{code:"AD",name:"Andorra",dialCode:"+376",flag:"🇦🇩"},{code:"AO",name:"Angola",dialCode:"+244",flag:"🇦🇴"},{code:"AR",name:"Argentina",dialCode:"+54",flag:"🇦🇷"},{code:"AM",name:"Armenia",dialCode:"+374",flag:"🇦🇲"},{code:"AU",name:"Australia",dialCode:"+61",flag:"🇦🇺"},{code:"AT",name:"Austria",dialCode:"+43",flag:"🇦🇹"},{code:"AZ",name:"Azerbaijan",dialCode:"+994",flag:"🇦🇿"},{code:"BH",name:"Bahrain",dialCode:"+973",flag:"🇧🇭"},{code:"BD",name:"Bangladesh",dialCode:"+880",flag:"🇧🇩"},{code:"BY",name:"Belarus",dialCode:"+375",flag:"🇧🇾"},{code:"BE",name:"Belgium",dialCode:"+32",flag:"🇧🇪"},{code:"BZ",name:"Belize",dialCode:"+501",flag:"🇧🇿"},{code:"BJ",name:"Benin",dialCode:"+229",flag:"🇧🇯"},{code:"BT",name:"Bhutan",dialCode:"+975",flag:"🇧🇹"},{code:"BO",name:"Bolivia",dialCode:"+591",flag:"🇧🇴"},{code:"BA",name:"Bosnia and Herzegovina",dialCode:"+387",flag:"🇧🇦"},{code:"BW",name:"Botswana",dialCode:"+267",flag:"🇧🇼"},{code:"BR",name:"Brazil",dialCode:"+55",flag:"🇧🇷"},{code:"BN",name:"Brunei",dialCode:"+673",flag:"🇧🇳"},{code:"BG",name:"Bulgaria",dialCode:"+359",flag:"🇧🇬"},{code:"BF",name:"Burkina Faso",dialCode:"+226",flag:"🇧🇫"},{code:"BI",name:"Burundi",dialCode:"+257",flag:"🇧🇮"},{code:"KH",name:"Cambodia",dialCode:"+855",flag:"🇰🇭"},{code:"CM",name:"Cameroon",dialCode:"+237",flag:"🇨🇲"},{code:"CA",name:"Canada",dialCode:"+1",flag:"🇨🇦"},{code:"CV",name:"Cape Verde",dialCode:"+238",flag:"🇨🇻"},{code:"CF",name:"Central African Republic",dialCode:"+236",flag:"🇨🇫"},{code:"TD",name:"Chad",dialCode:"+235",flag:"🇹🇩"},{code:"CL",name:"Chile",dialCode:"+56",flag:"🇨🇱"},{code:"CN",name:"China",dialCode:"+86",flag:"🇨🇳"},{code:"CO",name:"Colombia",dialCode:"+57",flag:"🇨🇴"},{code:"KM",name:"Comoros",dialCode:"+269",flag:"🇰🇲"},{code:"CG",name:"Congo",dialCode:"+242",flag:"🇨🇬"},{code:"CD",name:"Congo (DRC)",dialCode:"+243",flag:"🇨🇩"},{code:"CR",name:"Costa Rica",dialCode:"+506",flag:"🇨🇷"},{code:"HR",name:"Croatia",dialCode:"+385",flag:"🇭🇷"},{code:"CU",name:"Cuba",dialCode:"+53",flag:"🇨🇺"},{code:"CY",name:"Cyprus",dialCode:"+357",flag:"🇨🇾"},{code:"CZ",name:"Czech Republic",dialCode:"+420",flag:"🇨🇿"},{code:"DK",name:"Denmark",dialCode:"+45",flag:"🇩🇰"},{code:"DJ",name:"Djibouti",dialCode:"+253",flag:"🇩🇯"},{code:"DO",name:"Dominican Republic",dialCode:"+1",flag:"🇩🇴"},{code:"EC",name:"Ecuador",dialCode:"+593",flag:"🇪🇨"},{code:"EG",name:"Egypt",dialCode:"+20",flag:"🇪🇬"},{code:"SV",name:"El Salvador",dialCode:"+503",flag:"🇸🇻"},{code:"GQ",name:"Equatorial Guinea",dialCode:"+240",flag:"🇬🇶"},{code:"ER",name:"Eritrea",dialCode:"+291",flag:"🇪🇷"},{code:"EE",name:"Estonia",dialCode:"+372",flag:"🇪🇪"},{code:"SZ",name:"Eswatini",dialCode:"+268",flag:"🇸🇿"},{code:"ET",name:"Ethiopia",dialCode:"+251",flag:"🇪🇹"},{code:"FJ",name:"Fiji",dialCode:"+679",flag:"🇫🇯"},{code:"FI",name:"Finland",dialCode:"+358",flag:"🇫🇮"},{code:"FR",name:"France",dialCode:"+33",flag:"🇫🇷"},{code:"GA",name:"Gabon",dialCode:"+241",flag:"🇬🇦"},{code:"GM",name:"Gambia",dialCode:"+220",flag:"🇬🇲"},{code:"GE",name:"Georgia",dialCode:"+995",flag:"🇬🇪"},{code:"DE",name:"Germany",dialCode:"+49",flag:"🇩🇪"},{code:"GH",name:"Ghana",dialCode:"+233",flag:"🇬🇭"},{code:"GR",name:"Greece",dialCode:"+30",flag:"🇬🇷"},{code:"GT",name:"Guatemala",dialCode:"+502",flag:"🇬🇹"},{code:"GN",name:"Guinea",dialCode:"+224",flag:"🇬🇳"},{code:"GW",name:"Guinea-Bissau",dialCode:"+245",flag:"🇬🇼"},{code:"GY",name:"Guyana",dialCode:"+592",flag:"🇬🇾"},{code:"HT",name:"Haiti",dialCode:"+509",flag:"🇭🇹"},{code:"HN",name:"Honduras",dialCode:"+504",flag:"🇭🇳"},{code:"HK",name:"Hong Kong",dialCode:"+852",flag:"🇭🇰"},{code:"HU",name:"Hungary",dialCode:"+36",flag:"🇭🇺"},{code:"IS",name:"Iceland",dialCode:"+354",flag:"🇮🇸"},{code:"IN",name:"India",dialCode:"+91",flag:"🇮🇳"},{code:"ID",name:"Indonesia",dialCode:"+62",flag:"🇮🇩"},{code:"IR",name:"Iran",dialCode:"+98",flag:"🇮🇷"},{code:"IQ",name:"Iraq",dialCode:"+964",flag:"🇮🇶"},{code:"IE",name:"Ireland",dialCode:"+353",flag:"🇮🇪"},{code:"IL",name:"Israel",dialCode:"+972",flag:"🇮🇱"},{code:"IT",name:"Italy",dialCode:"+39",flag:"🇮🇹"},{code:"CI",name:"Ivory Coast",dialCode:"+225",flag:"🇨🇮"},{code:"JM",name:"Jamaica",dialCode:"+1",flag:"🇯🇲"},{code:"JP",name:"Japan",dialCode:"+81",flag:"🇯🇵"},{code:"JO",name:"Jordan",dialCode:"+962",flag:"🇯🇴"},{code:"KZ",name:"Kazakhstan",dialCode:"+7",flag:"🇰🇿"},{code:"KE",name:"Kenya",dialCode:"+254",flag:"🇰🇪"},{code:"KW",name:"Kuwait",dialCode:"+965",flag:"🇰🇼"},{code:"KG",name:"Kyrgyzstan",dialCode:"+996",flag:"🇰🇬"},{code:"LA",name:"Laos",dialCode:"+856",flag:"🇱🇦"},{code:"LV",name:"Latvia",dialCode:"+371",flag:"🇱🇻"},{code:"LB",name:"Lebanon",dialCode:"+961",flag:"🇱🇧"},{code:"LS",name:"Lesotho",dialCode:"+266",flag:"🇱🇸"},{code:"LR",name:"Liberia",dialCode:"+231",flag:"🇱🇷"},{code:"LY",name:"Libya",dialCode:"+218",flag:"🇱🇾"},{code:"LI",name:"Liechtenstein",dialCode:"+423",flag:"🇱🇮"},{code:"LT",name:"Lithuania",dialCode:"+370",flag:"🇱🇹"},{code:"LU",name:"Luxembourg",dialCode:"+352",flag:"🇱🇺"},{code:"MO",name:"Macau",dialCode:"+853",flag:"🇲🇴"},{code:"MK",name:"North Macedonia",dialCode:"+389",flag:"🇲🇰"},{code:"MG",name:"Madagascar",dialCode:"+261",flag:"🇲🇬"},{code:"MW",name:"Malawi",dialCode:"+265",flag:"🇲🇼"},{code:"MY",name:"Malaysia",dialCode:"+60",flag:"🇲🇾"},{code:"MV",name:"Maldives",dialCode:"+960",flag:"🇲🇻"},{code:"ML",name:"Mali",dialCode:"+223",flag:"🇲🇱"},{code:"MT",name:"Malta",dialCode:"+356",flag:"🇲🇹"},{code:"MR",name:"Mauritania",dialCode:"+222",flag:"🇲🇷"},{code:"MU",name:"Mauritius",dialCode:"+230",flag:"🇲🇺"},{code:"MX",name:"Mexico",dialCode:"+52",flag:"🇲🇽"},{code:"MD",name:"Moldova",dialCode:"+373",flag:"🇲🇩"},{code:"MC",name:"Monaco",dialCode:"+377",flag:"🇲🇨"},{code:"MN",name:"Mongolia",dialCode:"+976",flag:"🇲🇳"},{code:"ME",name:"Montenegro",dialCode:"+382",flag:"🇲🇪"},{code:"MA",name:"Morocco",dialCode:"+212",flag:"🇲🇦"},{code:"MZ",name:"Mozambique",dialCode:"+258",flag:"🇲🇿"},{code:"MM",name:"Myanmar",dialCode:"+95",flag:"🇲🇲"},{code:"NA",name:"Namibia",dialCode:"+264",flag:"🇳🇦"},{code:"NP",name:"Nepal",dialCode:"+977",flag:"🇳🇵"},{code:"NL",name:"Netherlands",dialCode:"+31",flag:"🇳🇱"},{code:"NZ",name:"New Zealand",dialCode:"+64",flag:"🇳🇿"},{code:"NI",name:"Nicaragua",dialCode:"+505",flag:"🇳🇮"},{code:"NE",name:"Niger",dialCode:"+227",flag:"🇳🇪"},{code:"NG",name:"Nigeria",dialCode:"+234",flag:"🇳🇬"},{code:"KP",name:"North Korea",dialCode:"+850",flag:"🇰🇵"},{code:"NO",name:"Norway",dialCode:"+47",flag:"🇳🇴"},{code:"OM",name:"Oman",dialCode:"+968",flag:"🇴🇲"},{code:"PK",name:"Pakistan",dialCode:"+92",flag:"🇵🇰"},{code:"PS",name:"Palestine",dialCode:"+970",flag:"🇵🇸"},{code:"PA",name:"Panama",dialCode:"+507",flag:"🇵🇦"},{code:"PG",name:"Papua New Guinea",dialCode:"+675",flag:"🇵🇬"},{code:"PY",name:"Paraguay",dialCode:"+595",flag:"🇵🇾"},{code:"PE",name:"Peru",dialCode:"+51",flag:"🇵🇪"},{code:"PH",name:"Philippines",dialCode:"+63",flag:"🇵🇭"},{code:"PL",name:"Poland",dialCode:"+48",flag:"🇵🇱"},{code:"PT",name:"Portugal",dialCode:"+351",flag:"🇵🇹"},{code:"PR",name:"Puerto Rico",dialCode:"+1",flag:"🇵🇷"},{code:"QA",name:"Qatar",dialCode:"+974",flag:"🇶🇦"},{code:"RO",name:"Romania",dialCode:"+40",flag:"🇷🇴"},{code:"RU",name:"Russia",dialCode:"+7",flag:"🇷🇺"},{code:"RW",name:"Rwanda",dialCode:"+250",flag:"🇷🇼"},{code:"SA",name:"Saudi Arabia",dialCode:"+966",flag:"🇸🇦"},{code:"SN",name:"Senegal",dialCode:"+221",flag:"🇸🇳"},{code:"RS",name:"Serbia",dialCode:"+381",flag:"🇷🇸"},{code:"SG",name:"Singapore",dialCode:"+65",flag:"🇸🇬"},{code:"SK",name:"Slovakia",dialCode:"+421",flag:"🇸🇰"},{code:"SI",name:"Slovenia",dialCode:"+386",flag:"🇸🇮"},{code:"SO",name:"Somalia",dialCode:"+252",flag:"🇸🇴"},{code:"ZA",name:"South Africa",dialCode:"+27",flag:"🇿🇦"},{code:"KR",name:"South Korea",dialCode:"+82",flag:"🇰🇷"},{code:"SS",name:"South Sudan",dialCode:"+211",flag:"🇸🇸"},{code:"ES",name:"Spain",dialCode:"+34",flag:"🇪🇸"},{code:"LK",name:"Sri Lanka",dialCode:"+94",flag:"🇱🇰"},{code:"SD",name:"Sudan",dialCode:"+249",flag:"🇸🇩"},{code:"SR",name:"Suriname",dialCode:"+597",flag:"🇸🇷"},{code:"SE",name:"Sweden",dialCode:"+46",flag:"🇸🇪"},{code:"CH",name:"Switzerland",dialCode:"+41",flag:"🇨🇭"},{code:"SY",name:"Syria",dialCode:"+963",flag:"🇸🇾"},{code:"TW",name:"Taiwan",dialCode:"+886",flag:"🇹🇼"},{code:"TJ",name:"Tajikistan",dialCode:"+992",flag:"🇹🇯"},{code:"TZ",name:"Tanzania",dialCode:"+255",flag:"🇹🇿"},{code:"TH",name:"Thailand",dialCode:"+66",flag:"🇹🇭"},{code:"TL",name:"Timor-Leste",dialCode:"+670",flag:"🇹🇱"},{code:"TG",name:"Togo",dialCode:"+228",flag:"🇹🇬"},{code:"TN",name:"Tunisia",dialCode:"+216",flag:"🇹🇳"},{code:"TR",name:"Turkey",dialCode:"+90",flag:"🇹🇷"},{code:"TM",name:"Turkmenistan",dialCode:"+993",flag:"🇹🇲"},{code:"UG",name:"Uganda",dialCode:"+256",flag:"🇺🇬"},{code:"UA",name:"Ukraine",dialCode:"+380",flag:"🇺🇦"},{code:"AE",name:"United Arab Emirates",dialCode:"+971",flag:"🇦🇪"},{code:"GB",name:"United Kingdom",dialCode:"+44",flag:"🇬🇧"},{code:"US",name:"United States",dialCode:"+1",flag:"🇺🇸"},{code:"UY",name:"Uruguay",dialCode:"+598",flag:"🇺🇾"},{code:"UZ",name:"Uzbekistan",dialCode:"+998",flag:"🇺🇿"},{code:"VE",name:"Venezuela",dialCode:"+58",flag:"🇻🇪"},{code:"VN",name:"Vietnam",dialCode:"+84",flag:"🇻🇳"},{code:"YE",name:"Yemen",dialCode:"+967",flag:"🇾🇪"},{code:"ZM",name:"Zambia",dialCode:"+260",flag:"🇿🇲"},{code:"ZW",name:"Zimbabwe",dialCode:"+263",flag:"🇿🇼"}];const e={US:{mask:"(###) ###-####",placeholder:"(555) 555-5555",maxLength:10},CA:{mask:"(###) ###-####",placeholder:"(555) 555-5555",maxLength:10},PR:{mask:"(###) ###-####",placeholder:"(555) 555-5555",maxLength:10},GB:{mask:"#### ######",placeholder:"7911 123456",maxLength:10},DE:{mask:"### ########",placeholder:"151 12345678",maxLength:11},FR:{mask:"# ## ## ## ##",placeholder:"6 12 34 56 78",maxLength:9},IT:{mask:"### ### ####",placeholder:"312 345 6789",maxLength:10},ES:{mask:"### ### ###",placeholder:"612 345 678",maxLength:9},NL:{mask:"# ########",placeholder:"6 12345678",maxLength:9},BE:{mask:"### ## ## ##",placeholder:"470 12 34 56",maxLength:9},CH:{mask:"## ### ## ##",placeholder:"78 123 45 67",maxLength:9},AT:{mask:"### #######",placeholder:"664 1234567",maxLength:10},SE:{mask:"##-### ## ##",placeholder:"70-123 45 67",maxLength:9},NO:{mask:"### ## ###",placeholder:"412 34 567",maxLength:8},DK:{mask:"## ## ## ##",placeholder:"20 12 34 56",maxLength:8},FI:{mask:"## ### ####",placeholder:"41 234 5678",maxLength:9},IE:{mask:"## ### ####",placeholder:"85 123 4567",maxLength:9},PL:{mask:"### ### ###",placeholder:"512 345 678",maxLength:9},PT:{mask:"### ### ###",placeholder:"912 345 678",maxLength:9},GR:{mask:"### ### ####",placeholder:"691 234 5678",maxLength:10},IL:{mask:"##-###-####",placeholder:"50-123-4567",maxLength:9},AE:{mask:"## ### ####",placeholder:"50 123 4567",maxLength:9},SA:{mask:"## ### ####",placeholder:"50 123 4567",maxLength:9},JO:{mask:"# #### ####",placeholder:"7 9012 3456",maxLength:9},JP:{mask:"##-####-####",placeholder:"90-1234-5678",maxLength:10},KR:{mask:"##-####-####",placeholder:"10-1234-5678",maxLength:10},CN:{mask:"### #### ####",placeholder:"131 2345 6789",maxLength:11},IN:{mask:"##### #####",placeholder:"98765 43210",maxLength:10},SG:{mask:"#### ####",placeholder:"8123 4567",maxLength:8},HK:{mask:"#### ####",placeholder:"9123 4567",maxLength:8},MY:{mask:"##-### ####",placeholder:"12-345 6789",maxLength:9},TH:{mask:"##-###-####",placeholder:"81-234-5678",maxLength:9},PH:{mask:"### ### ####",placeholder:"917 123 4567",maxLength:10},ID:{mask:"###-####-####",placeholder:"812-3456-7890",maxLength:11},VN:{mask:"## ### ## ##",placeholder:"91 234 56 78",maxLength:9},BR:{mask:"## #####-####",placeholder:"11 98765-4321",maxLength:11},MX:{mask:"## #### ####",placeholder:"55 1234 5678",maxLength:10},AR:{mask:"## ####-####",placeholder:"11 2345-6789",maxLength:10},CL:{mask:"# #### ####",placeholder:"9 1234 5678",maxLength:9},CO:{mask:"### ### ####",placeholder:"310 123 4567",maxLength:10},AU:{mask:"### ### ###",placeholder:"412 345 678",maxLength:9},NZ:{mask:"## ### ####",placeholder:"21 123 4567",maxLength:9},ZA:{mask:"## ### ####",placeholder:"82 123 4567",maxLength:9},NG:{mask:"### ### ####",placeholder:"803 123 4567",maxLength:10},EG:{mask:"### ### ####",placeholder:"100 123 4567",maxLength:10},KE:{mask:"### ######",placeholder:"712 345678",maxLength:9}},d={mask:"### ### ####",placeholder:"123 456 7890",maxLength:10};function o(a){return e[a.toUpperCase()]||d}exports.allCountries=a,exports.commonCountries=[{code:"US",name:"United States",dialCode:"+1",flag:"🇺🇸"},{code:"GB",name:"United Kingdom",dialCode:"+44",flag:"🇬🇧"},{code:"CA",name:"Canada",dialCode:"+1",flag:"🇨🇦"},{code:"AU",name:"Australia",dialCode:"+61",flag:"🇦🇺"},{code:"DE",name:"Germany",dialCode:"+49",flag:"🇩🇪"},{code:"FR",name:"France",dialCode:"+33",flag:"🇫🇷"},{code:"IT",name:"Italy",dialCode:"+39",flag:"🇮🇹"},{code:"ES",name:"Spain",dialCode:"+34",flag:"🇪🇸"},{code:"NL",name:"Netherlands",dialCode:"+31",flag:"🇳🇱"},{code:"BE",name:"Belgium",dialCode:"+32",flag:"🇧🇪"},{code:"CH",name:"Switzerland",dialCode:"+41",flag:"🇨🇭"},{code:"AT",name:"Austria",dialCode:"+43",flag:"🇦🇹"},{code:"SE",name:"Sweden",dialCode:"+46",flag:"🇸🇪"},{code:"NO",name:"Norway",dialCode:"+47",flag:"🇳🇴"},{code:"DK",name:"Denmark",dialCode:"+45",flag:"🇩🇰"},{code:"FI",name:"Finland",dialCode:"+358",flag:"🇫🇮"},{code:"IE",name:"Ireland",dialCode:"+353",flag:"🇮🇪"},{code:"IL",name:"Israel",dialCode:"+972",flag:"🇮🇱"},{code:"JP",name:"Japan",dialCode:"+81",flag:"🇯🇵"},{code:"KR",name:"South Korea",dialCode:"+82",flag:"🇰🇷"},{code:"CN",name:"China",dialCode:"+86",flag:"🇨🇳"},{code:"IN",name:"India",dialCode:"+91",flag:"🇮🇳"},{code:"SG",name:"Singapore",dialCode:"+65",flag:"🇸🇬"},{code:"HK",name:"Hong Kong",dialCode:"+852",flag:"🇭🇰"},{code:"BR",name:"Brazil",dialCode:"+55",flag:"🇧🇷"},{code:"MX",name:"Mexico",dialCode:"+52",flag:"🇲🇽"},{code:"AR",name:"Argentina",dialCode:"+54",flag:"🇦🇷"},{code:"ZA",name:"South Africa",dialCode:"+27",flag:"🇿🇦"},{code:"AE",name:"United Arab Emirates",dialCode:"+971",flag:"🇦🇪"},{code:"SA",name:"Saudi Arabia",dialCode:"+966",flag:"🇸🇦"}],exports.defaultCountries=[{code:"US",name:"United States",dialCode:"+1",flag:"🇺🇸"},{code:"IL",name:"Israel",dialCode:"+972",flag:"🇮🇱"},{code:"GB",name:"United Kingdom",dialCode:"+44",flag:"🇬🇧"},{code:"DE",name:"Germany",dialCode:"+49",flag:"🇩🇪"}],exports.defaultPhoneMask=d,exports.formatPhoneNumber=function(a,e){const d=a.replace(/\D/g,""),l=o(e),n=d.slice(0,l.maxLength);let i="",m=0;for(let o=0;o<l.mask.length&&m<n.length;o++)"#"===l.mask[o]?(i+=n[m],m++):i+=l.mask[o];return i},exports.getCountriesByDialCode=function(e){const d=e.startsWith("+")?e:`+${e}`;return a.filter(a=>a.dialCode===d)},exports.getCountryByCode=function(e){return a.find(a=>a.code===e.toUpperCase())},exports.getCountryByDialCode=function(e){const d=e.startsWith("+")?e:`+${e}`;return a.find(a=>a.dialCode===d)},exports.getPhoneDigits=function(a){return a.replace(/\D/g,"")},exports.getPhoneMask=o,exports.isValidPhoneLength=function(a,e){const d=a.replace(/\D/g,""),l=o(e);return d.length===l.maxLength},exports.phoneMasks=e,exports.searchCountries=function(e){const d=e.toLowerCase();return a.filter(a=>a.name.toLowerCase().includes(d))};