mainstack-design-system 1.14.3 → 1.15.0

package/dist/mainstack-design-system591.js

@@ -1,16 +1,46 @@
-import { createContext as t, useContext as n } from "react";
-const o = t(
-  null
-);
-function u() {
-  const e = n(o);
-  if (!e)
-    throw new Error(
-      "usePhoneNumberContext must be used within a <PhoneNumberContext />."
+'use client';
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as y, useState as n } from "react";
+import { P } from "./index-RoCFhqzC.js";
+import { u as g } from "./index-437EL2iq.js";
+import { CurrencyPickerContext as v } from "./mainstack-design-system620.js";
+const O = y(
+  ({
+    children: t,
+    isDisabled: a,
+    defaultLocale: c = "US",
+    includeLocales: i,
+    excludeLocales: p,
+    onMetadataChange: s,
+    value: u,
+    onValueChange: l
+  }, m) => {
+    const [o, r] = n(!1), [C, f] = n(""), [h, d] = g({
+      prop: u,
+      defaultProp: c,
+      onChange: l
+    });
+    return /* @__PURE__ */ e(
+      v.Provider,
+      {
+        value: {
+          isOptionOpen: o,
+          searchCountry: C,
+          includeLocales: i,
+          excludeLocales: p,
+          isDisabled: a,
+          value: h,
+          onMetadataChange: s,
+          onValueChange: d,
+          onOptionOpenChange: r,
+          onChangeSearchCountry: f
+        },
+        children: /* @__PURE__ */ e(P, { open: o, onOpenChange: r, children: /* @__PURE__ */ e("div", { className: "mds:w-fit", ref: m, "data-slot": "currency-picker-root", children: t }) })
+      }
     );
-  return e;
-}
+  }
+);
+O.displayName = "CurrencyPickerRoot";
 export {
-  o as PhoneNumberContext,
-  u as usePhoneNumberContext
+  O as CurrencyPickerRoot
 };

package/dist/mainstack-design-system592.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system357.cjs");const i=require("./mainstack-design-system197.cjs");require("./player-BBiZ5mNK.cjs");const l=require("./utils-Bdd5vx6a.cjs"),u=require("./mainstack-design-system615.cjs"),s=c.forwardRef(({isOptionOpen:t,activeCountry:r,onOptionOpenChange:o,isError:d,isSuccess:n,...a},m)=>e.jsxs("button",{onClick:()=>o(!0),"data-select-options-opened":t,"data-editable":"false",className:l.cn("form-root-slot-defaults","mds:group mds:flex mds:items-center mds:w-66 mds:h-48 mds:gap-6 mds:py-14 mds:cursor-pointer mds:px-12 mds:rounded-14 mds:disabled:cursor-not-allowed mds:disabled:opacity-50 mds:data-[select-options-opened=true]:ring-2 mds:data-[select-options-opened=true]:ring-border-interactive-neutral-active"),ref:m,...a,children:[e.jsx("div",{"data-error":d,"data-success":n,className:"mds:flex mds:items-center mds:justify-center",children:u.getCountryFlagComp(r)}),e.jsx(i,{"data-select-options-opened":t,className:"mds:size-16 mds:transition-transform mds:transition-1000 mds:group-data-[select-options-opened=true]:rotate-180"})]}));s.displayName=" FormCountrySelect";exports.FormCountrySelect=s;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("./index-4R9KShCu.cjs"),d=require("./mainstack-design-system620.cjs"),a=require("./mainstack-design-system594.cjs"),r=require("./mainstack-design-system36.cjs");require("./mainstack-design-system440.cjs");require("./mainstack-design-system441.cjs");require("./mainstack-design-system442.cjs");require("./mainstack-design-system443.cjs");require("./mainstack-design-system444.cjs");require("./mainstack-design-system445.cjs");require("./mainstack-design-system446.cjs");require("./mainstack-design-system447.cjs");const m=require("./mainstack-design-system624.cjs");require("./mainstack-design-system366.cjs");const l=require("./mainstack-design-system196.cjs");require("react");require("./player-BoD_1Mo-.cjs");const _=require("./utils-Dp-J9Ksy.cjs"),p=({className:o,...s})=>{const{value:n,isOptionOpen:c}=d.useCurrencyPickerContext(),i=t=>t&&a.COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP[t]||"";return e.jsx(u.PopoverTrigger,{asChild:!0,children:e.jsxs(r.ButtonGroup.Root,{rounded:"sm",size:"xs",variant:"secondary","data-slot":"currency-picker-trigger",className:_.cn("mds:w-92",o),...s,children:[e.jsx(r.ButtonGroup.Icon,{children:e.jsx("div",{className:"mds:flex mds:items-center mds:justify-center",children:m.getCountryFlagComp(n)})}),e.jsx(r.ButtonGroup.Label,{children:i(n)}),e.jsx(r.ButtonGroup.Icon,{children:e.jsx(l,{"data-select-options-opened":c,className:"mds:size-20 mds:transition-transform mds:transition-1000 mds:data-[select-options-opened=true]:rotate-180"})})]})})};exports.CurrencyPickerTrigger=p;

package/dist/mainstack-design-system592.js

@@ -1,52 +1,51 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import "./mainstack-design-system357.js";
-import c from "./mainstack-design-system197.js";
-import "./player-Cs7wtvrg.js";
-import { c as l } from "./utils-D85wpvmd.js";
-import { getCountryFlagComp as p } from "./mainstack-design-system615.js";
-const u = i(
-  ({
-    isOptionOpen: e,
-    activeCountry: o,
-    onOptionOpenChange: s,
-    isError: r,
-    isSuccess: d,
-    ...m
-  }, a) => /* @__PURE__ */ n(
-    "button",
+'use client';
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { a as p } from "./index-RoCFhqzC.js";
+import { useCurrencyPickerContext as a } from "./mainstack-design-system620.js";
+import { COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP as d } from "./mainstack-design-system594.js";
+import { ButtonGroup as o } from "./mainstack-design-system36.js";
+import "./mainstack-design-system440.js";
+import "./mainstack-design-system441.js";
+import "./mainstack-design-system442.js";
+import "./mainstack-design-system443.js";
+import "./mainstack-design-system444.js";
+import "./mainstack-design-system445.js";
+import "./mainstack-design-system446.js";
+import "./mainstack-design-system447.js";
+import { getCountryFlagComp as l } from "./mainstack-design-system624.js";
+import "./mainstack-design-system366.js";
+import u from "./mainstack-design-system196.js";
+import "react";
+import "./player-DtDfxekb.js";
+import { c as f } from "./utils-BWBRqOem.js";
+const A = ({
+  className: i,
+  ...n
+}) => {
+  const { value: t, isOptionOpen: m } = a(), s = (e) => e && d[e] || "";
+  return /* @__PURE__ */ r(p, { asChild: !0, children: /* @__PURE__ */ c(
+    o.Root,
     {
-      onClick: () => s(!0),
-      "data-select-options-opened": e,
-      "data-editable": "false",
-      className: l(
-        "form-root-slot-defaults",
-        "mds:group mds:flex mds:items-center mds:w-66 mds:h-48 mds:gap-6 mds:py-14 mds:cursor-pointer mds:px-12 mds:rounded-14 mds:disabled:cursor-not-allowed mds:disabled:opacity-50 mds:data-[select-options-opened=true]:ring-2 mds:data-[select-options-opened=true]:ring-border-interactive-neutral-active"
-      ),
-      ref: a,
-      ...m,
+      rounded: "sm",
+      size: "xs",
+      variant: "secondary",
+      "data-slot": "currency-picker-trigger",
+      className: f("mds:w-92", i),
+      ...n,
       children: [
-        /* @__PURE__ */ t(
-          "div",
+        /* @__PURE__ */ r(o.Icon, { children: /* @__PURE__ */ r("div", { className: "mds:flex mds:items-center mds:justify-center", children: l(t) }) }),
+        /* @__PURE__ */ r(o.Label, { children: s(t) }),
+        /* @__PURE__ */ r(o.Icon, { children: /* @__PURE__ */ r(
+          u,
           {
-            "data-error": r,
-            "data-success": d,
-            className: "mds:flex mds:items-center mds:justify-center",
-            children: p(o)
+            "data-select-options-opened": m,
+            className: "mds:size-20 mds:transition-transform mds:transition-1000 mds:data-[select-options-opened=true]:rotate-180"
           }
-        ),
-        /* @__PURE__ */ t(
-          c,
-          {
-            "data-select-options-opened": e,
-            className: "mds:size-16 mds:transition-transform mds:transition-1000 mds:group-data-[select-options-opened=true]:rotate-180"
-          }
-        )
+        ) })
       ]
     }
-  )
-);
-u.displayName = " FormCountrySelect";
+  ) });
+};
 export {
-  u as FormCountrySelect
+  A as CurrencyPickerTrigger
 };

package/dist/mainstack-design-system593.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),i=require("./utils-Bdd5vx6a.cjs"),e=n.forwardRef(({isOptionOpen:r,className:s,...o},t)=>d.jsx("div",{"data-select-options-opened":r,className:i.cn("mds:flex mds:flex-col mds:gap-8 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200",s),ref:t,...o}));e.displayName="FormCountryOptions";exports.FormCountryOptions=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext([{mode:"light",uiTheme:"default",themeCssVariablesOveride:{}},()=>{}]);exports.MainstackDesignSystemProviderContext=t;

package/dist/mainstack-design-system593.js

@@ -1,21 +1,9 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { c as t } from "./utils-D85wpvmd.js";
-const a = m(
-  ({ isOptionOpen: r, className: o, ...s }, d) => /* @__PURE__ */ e(
-    "div",
-    {
-      "data-select-options-opened": r,
-      className: t(
-        "mds:flex mds:flex-col mds:gap-8 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200",
-        o
-      ),
-      ref: d,
-      ...s
-    }
-  )
-);
-a.displayName = "FormCountryOptions";
+import { createContext as e } from "react";
+const i = e([
+  { mode: "light", uiTheme: "default", themeCssVariablesOveride: {} },
+  () => {
+  }
+]);
 export {
-  a as FormCountryOptions
+  i as MainstackDesignSystemProviderContext
 };

package/dist/mainstack-design-system594.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),r=require("./utils-Bdd5vx6a.cjs"),p=require("./mainstack-design-system615.cjs"),l=require("./index-BgzojN8c.cjs"),n=d.forwardRef(({onOptionOpenChange:a,searchCountry:t,activeCountry:i,countryList:o,onSetActiveCountry:c,getCountryMetaInfo:u,className:x,...b},f)=>{const m=d.useMemo(()=>t?o.filter(s=>r.countriesEnglishNames[s].toLowerCase().includes(t.toLowerCase())):o,[t,o]);return e.jsxs(l.ScrollArea,{style:{"--scrollbar-size":"8px"},className:r.cn("mds:flex mds:flex-col mds:max-h-188",x),"data-slot":"phone-number-options-list",ref:f,...b,children:[e.jsx(l.ScrollAreaViewport,{className:"mds:h-full mds:pr-8 mds:w-full",children:e.jsx("div",{"data-slot":"phone-number-options-list-inner",className:r.cn("mds:flex mds:flex-col mds:gap-8"),children:m.length?m.map(s=>e.jsxs("button",{role:"option","aria-selected":s===i,onClick:()=>{c(s),a(!1)},className:"mds:flex mds:cursor-pointer mds:py-8 mds:px-10 mds:rounded-12 mds:items-center mds:justify-between mds:hover:bg-interactive-secondary-hover",children:[e.jsxs("div",{className:"mds:flex mds:items-center mds:gap-8",children:[e.jsx("div",{className:"mds:flex mds:items-center mds:justify-center",children:p.getCountryFlagComp(s)}),e.jsx("p",{className:r.cn("mds:body-extrasmall-medium","mds:text-primary"),children:r.countriesEnglishNames[s]})]}),e.jsx("p",{className:r.cn("mds:body-extrasmall-regular","mds:text-secondary"),children:u(s)})]},s)):e.jsx("p",{className:r.cn("mds:body-extrasmall-regular","mds:text-tertiary mds:text-center"),children:"No option found"})})}),e.jsx(l.ScrollAreaScrollbar,{orientation:"vertical",className:"mds:flex mds:select-none mds:rounded-(--scrollbar-size) mds:touch-none mds:p-2 mds:w-(--scrollbar-size) mds:flex-col mds:transition-all mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:hover:bg-interactive-secondary mds:hover:w-12",children:e.jsx(l.ScrollAreaThumb,{className:r.cn("mds:rounded-(--scrollbar-size) mds:bg-border-interactive-neutral-inverse-hover mds:relative","mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44")})}),e.jsx(l.ScrollAreaCorner,{className:"mds:bg-border-interactive-neutral-inverse-hover"})]})});n.displayName="FormCountryOptionsList";exports.FormCountryOptionsList=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D={DZ:"DZD",AO:"AOA",BJ:"XOF",BW:"BWP",BF:"XOF",BI:"BIF",CM:"XAF",CV:"CVE",CF:"XAF",TD:"XAF",KM:"KMF",CG:"XAF",CD:"CDF",CI:"XOF",DJ:"DJF",EG:"EGP",GQ:"XAF",ER:"ERN",ET:"ETB",GA:"XAF",GM:"GMD",GH:"GHS",GN:"GNF",GW:"XOF",KE:"KES",LS:"LSL",LR:"LRD",LY:"LYD",MG:"MGA",MW:"MWK",ML:"XOF",MR:"MRO",MU:"MUR",MA:"MAD",MZ:"MZN",NA:"NAD",NE:"XOF",NG:"NGN",RW:"RWF",SN:"XOF",SC:"SCR",SL:"SLL",SO:"SOS",ZA:"ZAR",SD:"SDG",SZ:"SZL",TZ:"TZS",TG:"XOF",TN:"TND",UG:"UGX",EH:"MAD",ZM:"ZMK",ZW:"ZWL",AM:"AMD",BD:"BDT",BT:"BTN",BN:"BND",KH:"KHR",CN:"CNY",HK:"HKD",IN:"INR",ID:"IDR",JP:"JPY",KP:"KPW",KR:"KRW",LA:"LAK",MO:"MOP",MY:"MYR",MV:"MVR",MN:"MNT",MM:"MMK",NP:"NPR",PH:"PHP",RU:"RUB",SG:"SGD",LK:"LKR",TW:"TWD",TH:"THB",TL:"USD",VN:"VND",AU:"AUD",CX:"AUD",CC:"AUD",CK:"NZD",HM:"AUD",KI:"AUD",MH:"USD",NR:"AUD",NC:"XPF",NZ:"NZD",NU:"NZD",NF:"AUD",PG:"PGK",PN:"NZD",SB:"SBD",TK:"NZD",TO:"TOP",TV:"AUD",VU:"VUV",WF:"XPF",AI:"XCD",AG:"XCD",AW:"AWG",BS:"BSD",BB:"BBD",BM:"BMD",KY:"KYD",CU:"CUP",DM:"XCD",DO:"DOP",GD:"XCD",HT:"HTG",JM:"JMD",MS:"XCD",PR:"USD",KN:"XCD",LC:"XCD",VC:"XCD",TT:"TTD",TC:"USD",VG:"USD",VI:"USD",AC:"SHP",AX:"EUR",AL:"ALL",AD:"EUR",AT:"EUR",BY:"BYR",BE:"EUR",BA:"BAM",BV:"NOK",BG:"BGN",HR:"HRK",CY:"EUR",CZ:"CZK",DK:"DKK",EE:"EUR",FK:"FKP",FO:"DKK",FI:"EUR",FR:"EUR",GF:"EUR",TF:"EUR",GE:"GEL",DE:"EUR",GI:"GIP",GR:"EUR",GL:"DKK",GP:"EUR",GG:"GBP",VA:"EUR",HU:"HUF",IS:"ISK",IE:"EUR",IM:"GBP",IT:"EUR",JE:"GBP",LV:"EUR",LI:"CHF",LT:"LTL",LU:"EUR",MK:"MKD",MT:"EUR",MQ:"EUR",MD:"MDL",MC:"EUR",ME:"EUR",NL:"EUR",AN:"ANG",NO:"NOK",PL:"PLN",PT:"EUR",RE:"EUR",RO:"RON",PM:"EUR",SM:"EUR",RS:"RSD",ES:"EUR",SK:"EUR",SI:"EUR",SJ:"NOK",SE:"SEK",CH:"CHF",UA:"UAH",GB:"GBP",AS:"USD",IO:"USD",FJ:"FJD",PF:"XPF",GU:"USD",FM:"USD",MP:"USD",PW:"USD",SH:"SHP",WS:"WST",ST:"STD",GS:"GBP",AF:"AFN",AZ:"AZN",BH:"BHD",IR:"IRR",IQ:"IQD",IL:"ILS",JO:"JOD",KZ:"KZT",KW:"KWD",KG:"KGS",LB:"LBP",OM:"OMR",PK:"PKR",PS:"ILS",QA:"QAR",SA:"SAR",SY:"SYP",TJ:"TJS",TR:"TRY",TM:"TMT",AE:"AED",UZ:"UZS",YE:"YER",TA:"GBP",SX:"ANG",SS:"SSP",MF:"EUR",XK:"EUR",YT:"EUR",CW:"XCG",BQ:"USD",BL:"EUR",BZ:"BZD",CA:"CAD",CR:"CRC",SV:"USD",GT:"GTQ",HN:"HNL",MX:"MXN",NI:"NIO",PA:"PAB",US:"USD",UM:"USD",AR:"ARS",BO:"BOB",BR:"BRL",CL:"CLP",CO:"COP",EC:"USD",GY:"GYD",PY:"PYG",PE:"PEN",SR:"SRD",UY:"UYU",VE:"VEF"};exports.COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP=D;

package/dist/mainstack-design-system594.js

@@ -1,109 +1,257 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { forwardRef as u, useMemo as h } from "react";
-import { n as a, c as r } from "./utils-D85wpvmd.js";
-import { getCountryFlagComp as x } from "./mainstack-design-system615.js";
-import { S as v, a as N, b as g, c as w, d as y } from "./index-CLUgda6x.js";
-const S = u(
-  ({
-    onOptionOpenChange: t,
-    searchCountry: m,
-    activeCountry: i,
-    countryList: l,
-    onSetActiveCountry: n,
-    getCountryMetaInfo: c,
-    className: f,
-    ...p
-  }, b) => {
-    const o = h(() => m ? l.filter(
-      (s) => a[s].toLowerCase().includes(m.toLowerCase())
-    ) : l, [m, l]);
-    return /* @__PURE__ */ d(
-      v,
-      {
-        style: {
-          "--scrollbar-size": "8px"
-        },
-        className: r("mds:flex mds:flex-col mds:max-h-188", f),
-        "data-slot": "phone-number-options-list",
-        ref: b,
-        ...p,
-        children: [
-          /* @__PURE__ */ e(N, { className: "mds:h-full mds:pr-8 mds:w-full", children: /* @__PURE__ */ e(
-            "div",
-            {
-              "data-slot": "phone-number-options-list-inner",
-              className: r("mds:flex mds:flex-col mds:gap-8"),
-              children: o.length ? o.map((s) => /* @__PURE__ */ d(
-                "button",
-                {
-                  role: "option",
-                  "aria-selected": s === i,
-                  onClick: () => {
-                    n(s), t(!1);
-                  },
-                  className: "mds:flex mds:cursor-pointer mds:py-8 mds:px-10 mds:rounded-12 mds:items-center mds:justify-between mds:hover:bg-interactive-secondary-hover",
-                  children: [
-                    /* @__PURE__ */ d("div", { className: "mds:flex mds:items-center mds:gap-8", children: [
-                      /* @__PURE__ */ e("div", { className: "mds:flex mds:items-center mds:justify-center", children: x(s) }),
-                      /* @__PURE__ */ e(
-                        "p",
-                        {
-                          className: r(
-                            "mds:body-extrasmall-medium",
-                            "mds:text-primary"
-                          ),
-                          children: a[s]
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ e(
-                      "p",
-                      {
-                        className: r(
-                          "mds:body-extrasmall-regular",
-                          "mds:text-secondary"
-                        ),
-                        children: c(s)
-                      }
-                    )
-                  ]
-                },
-                s
-              )) : /* @__PURE__ */ e(
-                "p",
-                {
-                  className: r(
-                    "mds:body-extrasmall-regular",
-                    "mds:text-tertiary mds:text-center"
-                  ),
-                  children: "No option found"
-                }
-              )
-            }
-          ) }),
-          /* @__PURE__ */ e(
-            g,
-            {
-              orientation: "vertical",
-              className: "mds:flex mds:select-none mds:rounded-(--scrollbar-size) mds:touch-none mds:p-2 mds:w-(--scrollbar-size) mds:flex-col mds:transition-all mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:hover:bg-interactive-secondary mds:hover:w-12",
-              children: /* @__PURE__ */ e(
-                w,
-                {
-                  className: r(
-                    "mds:rounded-(--scrollbar-size) mds:bg-border-interactive-neutral-inverse-hover mds:relative",
-                    "mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44"
-                  )
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(y, { className: "mds:bg-border-interactive-neutral-inverse-hover" })
-        ]
-      }
-    );
-  }
-);
-S.displayName = "FormCountryOptionsList";
+const D = {
+  DZ: "DZD",
+  AO: "AOA",
+  BJ: "XOF",
+  BW: "BWP",
+  BF: "XOF",
+  BI: "BIF",
+  CM: "XAF",
+  CV: "CVE",
+  CF: "XAF",
+  TD: "XAF",
+  KM: "KMF",
+  CG: "XAF",
+  CD: "CDF",
+  CI: "XOF",
+  DJ: "DJF",
+  EG: "EGP",
+  GQ: "XAF",
+  ER: "ERN",
+  ET: "ETB",
+  GA: "XAF",
+  GM: "GMD",
+  GH: "GHS",
+  GN: "GNF",
+  GW: "XOF",
+  KE: "KES",
+  LS: "LSL",
+  LR: "LRD",
+  LY: "LYD",
+  MG: "MGA",
+  MW: "MWK",
+  ML: "XOF",
+  MR: "MRO",
+  MU: "MUR",
+  MA: "MAD",
+  MZ: "MZN",
+  NA: "NAD",
+  NE: "XOF",
+  NG: "NGN",
+  RW: "RWF",
+  SN: "XOF",
+  SC: "SCR",
+  SL: "SLL",
+  SO: "SOS",
+  ZA: "ZAR",
+  SD: "SDG",
+  SZ: "SZL",
+  TZ: "TZS",
+  TG: "XOF",
+  TN: "TND",
+  UG: "UGX",
+  EH: "MAD",
+  ZM: "ZMK",
+  ZW: "ZWL",
+  AM: "AMD",
+  BD: "BDT",
+  BT: "BTN",
+  BN: "BND",
+  KH: "KHR",
+  CN: "CNY",
+  HK: "HKD",
+  IN: "INR",
+  ID: "IDR",
+  JP: "JPY",
+  KP: "KPW",
+  KR: "KRW",
+  LA: "LAK",
+  MO: "MOP",
+  MY: "MYR",
+  MV: "MVR",
+  MN: "MNT",
+  MM: "MMK",
+  NP: "NPR",
+  PH: "PHP",
+  RU: "RUB",
+  SG: "SGD",
+  LK: "LKR",
+  TW: "TWD",
+  TH: "THB",
+  TL: "USD",
+  VN: "VND",
+  AU: "AUD",
+  CX: "AUD",
+  CC: "AUD",
+  CK: "NZD",
+  HM: "AUD",
+  KI: "AUD",
+  MH: "USD",
+  NR: "AUD",
+  NC: "XPF",
+  NZ: "NZD",
+  NU: "NZD",
+  NF: "AUD",
+  PG: "PGK",
+  PN: "NZD",
+  SB: "SBD",
+  TK: "NZD",
+  TO: "TOP",
+  TV: "AUD",
+  VU: "VUV",
+  WF: "XPF",
+  AI: "XCD",
+  AG: "XCD",
+  AW: "AWG",
+  BS: "BSD",
+  BB: "BBD",
+  BM: "BMD",
+  KY: "KYD",
+  CU: "CUP",
+  DM: "XCD",
+  DO: "DOP",
+  GD: "XCD",
+  HT: "HTG",
+  JM: "JMD",
+  MS: "XCD",
+  PR: "USD",
+  KN: "XCD",
+  LC: "XCD",
+  VC: "XCD",
+  TT: "TTD",
+  TC: "USD",
+  VG: "USD",
+  VI: "USD",
+  AC: "SHP",
+  AX: "EUR",
+  AL: "ALL",
+  AD: "EUR",
+  AT: "EUR",
+  BY: "BYR",
+  BE: "EUR",
+  BA: "BAM",
+  BV: "NOK",
+  BG: "BGN",
+  HR: "HRK",
+  CY: "EUR",
+  CZ: "CZK",
+  DK: "DKK",
+  EE: "EUR",
+  FK: "FKP",
+  FO: "DKK",
+  FI: "EUR",
+  FR: "EUR",
+  GF: "EUR",
+  TF: "EUR",
+  GE: "GEL",
+  DE: "EUR",
+  GI: "GIP",
+  GR: "EUR",
+  GL: "DKK",
+  GP: "EUR",
+  GG: "GBP",
+  VA: "EUR",
+  HU: "HUF",
+  IS: "ISK",
+  IE: "EUR",
+  IM: "GBP",
+  IT: "EUR",
+  JE: "GBP",
+  LV: "EUR",
+  LI: "CHF",
+  LT: "LTL",
+  LU: "EUR",
+  MK: "MKD",
+  MT: "EUR",
+  MQ: "EUR",
+  MD: "MDL",
+  MC: "EUR",
+  ME: "EUR",
+  NL: "EUR",
+  AN: "ANG",
+  NO: "NOK",
+  PL: "PLN",
+  PT: "EUR",
+  RE: "EUR",
+  RO: "RON",
+  PM: "EUR",
+  SM: "EUR",
+  RS: "RSD",
+  ES: "EUR",
+  SK: "EUR",
+  SI: "EUR",
+  SJ: "NOK",
+  SE: "SEK",
+  CH: "CHF",
+  UA: "UAH",
+  GB: "GBP",
+  AS: "USD",
+  IO: "USD",
+  FJ: "FJD",
+  PF: "XPF",
+  GU: "USD",
+  FM: "USD",
+  MP: "USD",
+  PW: "USD",
+  SH: "SHP",
+  WS: "WST",
+  ST: "STD",
+  GS: "GBP",
+  AF: "AFN",
+  AZ: "AZN",
+  BH: "BHD",
+  IR: "IRR",
+  IQ: "IQD",
+  IL: "ILS",
+  JO: "JOD",
+  KZ: "KZT",
+  KW: "KWD",
+  KG: "KGS",
+  LB: "LBP",
+  OM: "OMR",
+  PK: "PKR",
+  PS: "ILS",
+  QA: "QAR",
+  SA: "SAR",
+  SY: "SYP",
+  TJ: "TJS",
+  TR: "TRY",
+  TM: "TMT",
+  AE: "AED",
+  UZ: "UZS",
+  YE: "YER",
+  TA: "GBP",
+  SX: "ANG",
+  SS: "SSP",
+  MF: "EUR",
+  XK: "EUR",
+  YT: "EUR",
+  CW: "XCG",
+  BQ: "USD",
+  BL: "EUR",
+  BZ: "BZD",
+  CA: "CAD",
+  CR: "CRC",
+  SV: "USD",
+  GT: "GTQ",
+  HN: "HNL",
+  MX: "MXN",
+  NI: "NIO",
+  PA: "PAB",
+  US: "USD",
+  UM: "USD",
+  AR: "ARS",
+  BO: "BOB",
+  BR: "BRL",
+  CL: "CLP",
+  CO: "COP",
+  EC: "USD",
+  GY: "GYD",
+  PY: "PYG",
+  PE: "PEN",
+  SR: "SRD",
+  UY: "UYU",
+  VE: "VEF"
+};
 export {
-  S as FormCountryOptionsList
+  D as COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP
 };

package/dist/mainstack-design-system595.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),a=require("./mainstack-design-system440.cjs"),u=require("./mainstack-design-system441.cjs");require("./mainstack-design-system439.cjs");require("./mainstack-design-system357.cjs");const l=require("./mainstack-design-system93.cjs"),d=require("./mainstack-design-system266.cjs");require("./player-BBiZ5mNK.cjs");const o=i.forwardRef(({searchCountry:n,onChangeSearchCountry:r,...s},t)=>e.jsxs(a.InputRoot,{className:"mds:bg-interactive-secondary",children:[e.jsx(d,{className:"mds:size-24"}),e.jsx(u.InputField,{placeholder:"Search...",value:n,onChange:c=>r(c.target.value),ref:t,...s}),e.jsx(l,{role:"button",className:"mds:size-20 mds:block mds:cursor-pointer mds:peer-placeholder-shown:hidden",variant:"filled",onClick:()=>r("")})]}));o.displayName="FormCountryOptionsSearchField";exports.FormCountryOptionsSearchField=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=e.createContext(void 0),o=()=>{const t=e.useContext(r);if(t===void 0)throw new Error("useAvatarSize must be used within an AvatarProvider");return t.size};exports.AvatarContext=r;exports.useAvatarSize=o;

package/dist/mainstack-design-system595.js

@@ -1,41 +1,13 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { InputRoot as l } from "./mainstack-design-system440.js";
-import { InputField as n } from "./mainstack-design-system441.js";
-import "./mainstack-design-system439.js";
-import "./mainstack-design-system357.js";
-import p from "./mainstack-design-system93.js";
-import c from "./mainstack-design-system266.js";
-import "./player-Cs7wtvrg.js";
-const d = a(
-  ({
-    searchCountry: e,
-    onChangeSearchCountry: o,
-    ...m
-  }, t) => /* @__PURE__ */ s(l, { className: "mds:bg-interactive-secondary", children: [
-    /* @__PURE__ */ r(c, { className: "mds:size-24" }),
-    /* @__PURE__ */ r(
-      n,
-      {
-        placeholder: "Search...",
-        value: e,
-        onChange: (i) => o(i.target.value),
-        ref: t,
-        ...m
-      }
-    ),
-    /* @__PURE__ */ r(
-      p,
-      {
-        role: "button",
-        className: "mds:size-20 mds:block mds:cursor-pointer mds:peer-placeholder-shown:hidden",
-        variant: "filled",
-        onClick: () => o("")
-      }
-    )
-  ] })
-);
-d.displayName = "FormCountryOptionsSearchField";
+import { createContext as e, useContext as r } from "react";
+const o = e(
+  void 0
+), a = () => {
+  const t = r(o);
+  if (t === void 0)
+    throw new Error("useAvatarSize must be used within an AvatarProvider");
+  return t.size;
+};
 export {
-  d as FormCountryOptionsSearchField
+  o as AvatarContext,
+  a as useAvatarSize
 };