mainstack-design-system 1.14.2 → 1.15.0

package/dist/mainstack-design-system585.js

@@ -1,257 +1,40 @@
-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"
-};
+'use client';
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { forwardRef as p, useContext as f } from "react";
+import { j as v } from "./index-6WEiHZQh.js";
+import { c as x } from "./utils-BWBRqOem.js";
+const h = p(
+  ({
+    className: a,
+    index: r,
+    isError: d,
+    isSuccess: m,
+    placeholder: t = "0",
+    ...i
+  }, n) => {
+    const o = f(v), { char: e, hasFakeCaret: c, isActive: l } = o?.slots[r] ?? {};
+    return /* @__PURE__ */ u(
+      "div",
+      {
+        className: x(
+          "form-root-slot-defaults",
+          "mds:flex mds:justify-center mds:items-center mds:body-extrasmall-book mds:rounded-14 mds:size-42 mds:relative mds:text-primary mds:data-[active=false]:ring-0 mds:data-[active=true]:ring-border-interactive-neutral-active! mds:data-[active=true]:ring-2 mds:has-data-[success=true]:ring-2! mds:has-data-[error=true]:ring-2! mds:sm:size-48",
+          a
+        ),
+        "data-slot": "pin-input-slot",
+        "data-active": l,
+        ref: n,
+        ...i,
+        children: [
+          /* @__PURE__ */ s("span", { "data-error": d, "data-success": m, children: e }),
+          !e && t && /* @__PURE__ */ s("span", { className: "mds:text-tertiary mds:absolute mds:pointer-events-none mds:inset-0 mds:flex mds:items-center mds:justify-center", children: t }),
+          c && /* @__PURE__ */ s("div", { className: "mds:pointer-events-none mds:absolute mds:-translate-x-8 mds:inset-0 mds:flex mds:items-center mds:justify-center", children: /* @__PURE__ */ s("div", { className: "mds:animate-caret-blink mds:bg-primary mds:h-[50%] mds:w-2 mds:duration-1000" }) })
+        ]
+      }
+    );
+  }
+);
+h.displayName = "PinInputSlot";
 export {
-  D as COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP
+  h as PinInputSlot
 };

package/dist/mainstack-design-system586.cjs

@@ -1 +1,2 @@
-"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;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),s=require("./mainstack-design-system591.cjs"),u=require("./mainstack-design-system592.cjs"),y=require("./mainstack-design-system587.cjs"),P=require("./mainstack-design-system588.cjs"),k=require("./mainstack-design-system589.cjs"),C=require("./mainstack-design-system590.cjs"),e=t.forwardRef(({isDisabled:c,defaultLocale:n,...i},o)=>r.jsxs(s.CurrencyPickerRoot,{isDisabled:c,defaultLocale:n,ref:o,...i,children:[r.jsx(u.CurrencyPickerTrigger,{}),r.jsx(C.CurrencyPickerPortal,{children:r.jsxs(y.CurrencyPickerOptions,{children:[r.jsx(k.CurrencyPickerOptionsSearchField,{}),r.jsx(P.CurrencyPickerOptionsList,{})]})})]}));e.displayName="CurrencyPicker";exports.CurrencyPicker=e;

package/dist/mainstack-design-system586.js

@@ -1,13 +1,31 @@
-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;
-};
+'use client';
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { CurrencyPickerRoot as n } from "./mainstack-design-system591.js";
+import { CurrencyPickerTrigger as p } from "./mainstack-design-system592.js";
+import { CurrencyPickerOptions as f } from "./mainstack-design-system587.js";
+import { CurrencyPickerOptionsList as s } from "./mainstack-design-system588.js";
+import { CurrencyPickerOptionsSearchField as u } from "./mainstack-design-system589.js";
+import { CurrencyPickerPortal as y } from "./mainstack-design-system590.js";
+const P = t(
+  ({ isDisabled: i, defaultLocale: o, ...c }, m) => /* @__PURE__ */ e(
+    n,
+    {
+      isDisabled: i,
+      defaultLocale: o,
+      ref: m,
+      ...c,
+      children: [
+        /* @__PURE__ */ r(p, {}),
+        /* @__PURE__ */ r(y, { children: /* @__PURE__ */ e(f, { children: [
+          /* @__PURE__ */ r(u, {}),
+          /* @__PURE__ */ r(s, {})
+        ] }) })
+      ]
+    }
+  )
+);
+P.displayName = "CurrencyPicker";
 export {
-  o as AvatarContext,
-  a as useAvatarSize
+  P as CurrencyPicker
 };

package/dist/mainstack-design-system587.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function c(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const a=c(r),l=a.createContext(null);exports.TooltipContext=l;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("react"),i=require("./mainstack-design-system602.cjs"),s=require("./mainstack-design-system620.cjs"),r=c.forwardRef((e,n)=>{const{isOptionOpen:t}=s.useCurrencyPickerContext();return o.jsx(i.FormCountryOptions,{...e,"data-slot":"currency-picker-options",ref:n,isOptionOpen:t})});r.displayName="CurrencyPickerOptions";exports.CurrencyPickerOptions=r;

package/dist/mainstack-design-system587.js

@@ -1,7 +1,23 @@
-import * as t from "react";
-const o = t.createContext(
-  null
+'use client';
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { FormCountryOptions as n } from "./mainstack-design-system602.js";
+import { useCurrencyPickerContext as p } from "./mainstack-design-system620.js";
+const c = i(
+  (r, o) => {
+    const { isOptionOpen: t } = p();
+    return /* @__PURE__ */ e(
+      n,
+      {
+        ...r,
+        "data-slot": "currency-picker-options",
+        ref: o,
+        isOptionOpen: t
+      }
+    );
+  }
 );
+c.displayName = "CurrencyPickerOptions";
 export {
-  o as TooltipContext
+  c as CurrencyPickerOptions
 };

package/dist/mainstack-design-system588.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("./index-Deb8apmU.cjs");function o({className:e}){return r.jsx(t.Arrow2,{asChild:!0,children:r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"8",viewBox:"0 0 28 8",fill:"none",className:e,children:r.jsx("path",{d:"M12.5858 6.58579L9.74904 3.74903C8.36542 2.36542 7.67361 1.67361 6.86628 1.17888C6.1505 0.740249 5.37015 0.417015 4.55386 0.221041C3.63316 0 2.65479 0 0.698068 0H27.3019C25.3452 0 24.3668 0 23.4461 0.221041C22.6299 0.417015 21.8495 0.740249 21.1337 1.17888C20.3264 1.67361 19.6346 2.36542 18.251 3.74903L15.4142 6.58579C14.6332 7.36684 13.3668 7.36683 12.5858 6.58579Z",fill:"currentColor"})})})}exports.TooltipArrow=o;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),i=require("react"),d=require("./mainstack-design-system620.cjs"),m=require("./mainstack-design-system603.cjs"),L=require("./mainstack-design-system594.cjs"),s=require("./utils-Dp-J9Ksy.cjs"),u=i.forwardRef(({...a},C)=>{const{onOptionOpenChange:y,searchCountry:l,includeLocales:t,excludeLocales:r,value:_,onValueChange:n,onMetadataChange:o}=d.useCurrencyPickerContext(),p=i.useMemo(()=>s.getFilteredCountryLocaleList({includeLocales:t,excludeLocales:r}),[r,t]);return O.jsx(m.FormCountryOptionsList,{...a,"data-slot":"currency-picker-options-list",ref:C,activeCountry:_,onOptionOpenChange:y,searchCountry:l,countryList:p,onSetActiveCountry:e=>{n&&n(e);const c=s.getCurrencyPickerMetadataValueObject({activeCountry:e});o&&o(c)},getCountryMetaInfo:e=>e&&L.COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP[e]||""})});u.displayName="CurrencyPickerOptionsList";exports.CurrencyPickerOptionsList=u;

package/dist/mainstack-design-system588.js

@@ -1,25 +1,47 @@
-import { jsx as r } from "react/jsx-runtime";
-import { A as t } from "./index-CNheQ-9E.js";
-function e({ className: o }) {
-  return /* @__PURE__ */ r(t, { asChild: !0, children: /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "28",
-      height: "8",
-      viewBox: "0 0 28 8",
-      fill: "none",
-      className: o,
-      children: /* @__PURE__ */ r(
-        "path",
-        {
-          d: "M12.5858 6.58579L9.74904 3.74903C8.36542 2.36542 7.67361 1.67361 6.86628 1.17888C6.1505 0.740249 5.37015 0.417015 4.55386 0.221041C3.63316 0 2.65479 0 0.698068 0H27.3019C25.3452 0 24.3668 0 23.4461 0.221041C22.6299 0.417015 21.8495 0.740249 21.1337 1.17888C20.3264 1.67361 19.6346 2.36542 18.251 3.74903L15.4142 6.58579C14.6332 7.36684 13.3668 7.36683 12.5858 6.58579Z",
-          fill: "currentColor"
-        }
-      )
-    }
-  ) });
-}
+'use client';
+import { jsx as y } from "react/jsx-runtime";
+import { forwardRef as p, useMemo as l } from "react";
+import { useCurrencyPickerContext as f } from "./mainstack-design-system620.js";
+import { FormCountryOptionsList as d } from "./mainstack-design-system603.js";
+import { COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP as O } from "./mainstack-design-system594.js";
+import { e as L, m as _ } from "./utils-BWBRqOem.js";
+const g = p(
+  ({ ...i }, a) => {
+    const {
+      onOptionOpenChange: s,
+      searchCountry: u,
+      includeLocales: t,
+      excludeLocales: r,
+      value: C,
+      onValueChange: o,
+      onMetadataChange: n
+    } = f(), m = l(
+      () => L({ includeLocales: t, excludeLocales: r }),
+      [r, t]
+    );
+    return /* @__PURE__ */ y(
+      d,
+      {
+        ...i,
+        "data-slot": "currency-picker-options-list",
+        ref: a,
+        activeCountry: C,
+        onOptionOpenChange: s,
+        searchCountry: u,
+        countryList: m,
+        onSetActiveCountry: (e) => {
+          o && o(e);
+          const c = _({
+            activeCountry: e
+          });
+          n && n(c);
+        },
+        getCountryMetaInfo: (e) => e && O[e] || ""
+      }
+    );
+  }
+);
+g.displayName = "CurrencyPickerOptionsList";
 export {
-  e as TooltipArrow
+  g as CurrencyPickerOptionsList
 };

package/dist/mainstack-design-system589.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),e=require("./mainstack-design-system587.cjs"),n=()=>{const t=o.useContext(e.TooltipContext);if(!t)throw new Error("useTooltipContext must be used within a TooltipRoot");return t};exports.useTooltipContext=n;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),s=require("./mainstack-design-system620.cjs"),u=require("./mainstack-design-system604.cjs"),e=i.forwardRef((r,c)=>{const{searchCountry:n,onChangeSearchCountry:o}=s.useCurrencyPickerContext();return t.jsx(u.FormCountryOptionsSearchField,{...r,"data-slot":"currency-picker-options-search-field",ref:c,onChangeSearchCountry:o,searchCountry:n})});e.displayName="CurrencyPickerOptionsSearchField";exports.CurrencyPickerOptionsSearchField=e;

package/dist/mainstack-design-system589.js

@@ -1,11 +1,24 @@
-import { useContext as t } from "react";
-import { TooltipContext as e } from "./mainstack-design-system587.js";
-const i = () => {
-  const o = t(e);
-  if (!o)
-    throw new Error("useTooltipContext must be used within a TooltipRoot");
-  return o;
-};
+'use client';
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { useCurrencyPickerContext as n } from "./mainstack-design-system620.js";
+import { FormCountryOptionsSearchField as a } from "./mainstack-design-system604.js";
+const s = i(
+  (r, e) => {
+    const { searchCountry: o, onChangeSearchCountry: t } = n();
+    return /* @__PURE__ */ c(
+      a,
+      {
+        ...r,
+        "data-slot": "currency-picker-options-search-field",
+        ref: e,
+        onChangeSearchCountry: t,
+        searchCountry: o
+      }
+    );
+  }
+);
+s.displayName = "CurrencyPickerOptionsSearchField";
 export {
-  i as useTooltipContext
+  s as CurrencyPickerOptionsSearchField
 };

package/dist/mainstack-design-system59.cjs

@@ -1 +1 @@
-"use strict";const C=require("react/jsx-runtime"),s=require("./mainstack-design-system357.cjs"),H={outlined:C.jsx("g",{mask:"url(#mask0_1748_2903)",children:C.jsx("path",{d:"M8.05775 16H19.4423C19.5193 16 19.5898 15.9679 19.6538 15.9038C19.7179 15.8398 19.75 15.7692 19.75 15.6923V12.8077H16.9885C16.7025 13.4307 16.2656 13.9198 15.6777 14.275C15.0901 14.6302 14.4475 14.8077 13.75 14.8077C13.0628 14.8077 12.4253 14.6302 11.8375 14.275C11.2497 13.9198 10.8077 13.4307 10.5115 12.8077H7.75V15.6923C7.75 15.7692 7.78208 15.8398 7.84625 15.9038C7.91025 15.9679 7.98075 16 8.05775 16ZM13.75 13.3077C14.1885 13.3077 14.5878 13.1946 14.948 12.9683C15.3083 12.7419 15.5622 12.4263 15.7095 12.0213C15.7532 11.8136 15.8571 11.6427 16.0212 11.5087C16.1852 11.3748 16.3743 11.3077 16.5885 11.3077H19.75V4.30775C19.75 4.23075 19.7179 4.16025 19.6538 4.09625C19.5898 4.03208 19.5193 4 19.4423 4H8.05775C7.98075 4 7.91025 4.03208 7.84625 4.09625C7.78208 4.16025 7.75 4.23075 7.75 4.30775V11.3077H10.9115C11.1257 11.3077 11.3148 11.3706 11.4788 11.4963C11.6429 11.6219 11.7467 11.7886 11.7902 11.9963C11.8929 12.4219 12.1304 12.7469 12.5027 12.9713C12.8752 13.1956 13.291 13.3077 13.75 13.3077ZM8.05775 17.5C7.55258 17.5 7.125 17.325 6.775 16.975C6.425 16.625 6.25 16.1974 6.25 15.6923V4.30775C6.25 3.80258 6.425 3.375 6.775 3.025C7.125 2.675 7.55258 2.5 8.05775 2.5H19.4423C19.9474 2.5 20.375 2.675 20.725 3.025C21.075 3.375 21.25 3.80258 21.25 4.30775V15.6923C21.25 16.1974 21.075 16.625 20.725 16.975C20.375 17.325 19.9474 17.5 19.4423 17.5H8.05775ZM4.55775 21C4.05258 21 3.625 20.825 3.275 20.475C2.925 20.125 2.75 19.6974 2.75 19.1923V7.05775C2.75 6.84492 2.82183 6.66667 2.9655 6.523C3.109 6.3795 3.28717 6.30775 3.5 6.30775C3.71283 6.30775 3.89108 6.3795 4.03475 6.523C4.17825 6.66667 4.25 6.84492 4.25 7.05775V19.1923C4.25 19.2693 4.28208 19.3398 4.34625 19.4038C4.41025 19.4679 4.48075 19.5 4.55775 19.5H16.6923C16.9051 19.5 17.0833 19.5718 17.227 19.7153C17.3705 19.8589 17.4423 20.0372 17.4423 20.25C17.4423 20.4628 17.3705 20.641 17.227 20.7845C17.0833 20.9282 16.9051 21 16.6923 21H4.55775ZM8.05775 16H7.75H19.75H8.05775Z",fill:"currentColor"})}),filled:C.jsx("g",{mask:"url(#mask0_1748_2904)",children:C.jsx("path",{d:"M13.75 13.3077C14.1885 13.3077 14.5878 13.1946 14.948 12.9683C15.3083 12.7419 15.5622 12.4263 15.7095 12.0213C15.7532 11.8136 15.8571 11.6427 16.0212 11.5087C16.1852 11.3748 16.3743 11.3077 16.5885 11.3077H19.75V4.30775C19.75 4.23075 19.7179 4.16025 19.6538 4.09625C19.5898 4.03208 19.5193 4 19.4423 4H8.05775C7.98075 4 7.91025 4.03208 7.84625 4.09625C7.78208 4.16025 7.75 4.23075 7.75 4.30775V11.3077H10.9115C11.1257 11.3077 11.3148 11.3706 11.4788 11.4963C11.6429 11.6219 11.7467 11.7886 11.7902 11.9963C11.8929 12.4219 12.1304 12.7469 12.5027 12.9713C12.8752 13.1956 13.291 13.3077 13.75 13.3077ZM8.05775 17.5C7.55258 17.5 7.125 17.325 6.775 16.975C6.425 16.625 6.25 16.1974 6.25 15.6923V4.30775C6.25 3.80258 6.425 3.375 6.775 3.025C7.125 2.675 7.55258 2.5 8.05775 2.5H19.4423C19.9474 2.5 20.375 2.675 20.725 3.025C21.075 3.375 21.25 3.80258 21.25 4.30775V15.6923C21.25 16.1974 21.075 16.625 20.725 16.975C20.375 17.325 19.9474 17.5 19.4423 17.5H8.05775ZM4.55775 21C4.05258 21 3.625 20.825 3.275 20.475C2.925 20.125 2.75 19.6974 2.75 19.1923V7.05775C2.75 6.84492 2.82183 6.66667 2.9655 6.523C3.109 6.3795 3.28717 6.30775 3.5 6.30775C3.71283 6.30775 3.89108 6.3795 4.03475 6.523C4.17825 6.66667 4.25 6.84492 4.25 7.05775V19.1923C4.25 19.2693 4.28208 19.3398 4.34625 19.4038C4.41025 19.4679 4.48075 19.5 4.55775 19.5H16.6923C16.9051 19.5 17.0833 19.5718 17.227 19.7153C17.3705 19.8589 17.4423 20.0372 17.4423 20.25C17.4423 20.4628 17.3705 20.641 17.227 20.7845C17.0833 20.9282 16.9051 21 16.6923 21H4.55775Z",fill:"currentColor"})})},e=({variant:r="outlined",...n})=>C.jsx(s,{...n,children:H[r]});module.exports=e;
+"use strict";const C=require("react/jsx-runtime"),s=require("./mainstack-design-system366.cjs"),H={outlined:C.jsx("g",{mask:"url(#mask0_1748_2903)",children:C.jsx("path",{d:"M8.05775 16H19.4423C19.5193 16 19.5898 15.9679 19.6538 15.9038C19.7179 15.8398 19.75 15.7692 19.75 15.6923V12.8077H16.9885C16.7025 13.4307 16.2656 13.9198 15.6777 14.275C15.0901 14.6302 14.4475 14.8077 13.75 14.8077C13.0628 14.8077 12.4253 14.6302 11.8375 14.275C11.2497 13.9198 10.8077 13.4307 10.5115 12.8077H7.75V15.6923C7.75 15.7692 7.78208 15.8398 7.84625 15.9038C7.91025 15.9679 7.98075 16 8.05775 16ZM13.75 13.3077C14.1885 13.3077 14.5878 13.1946 14.948 12.9683C15.3083 12.7419 15.5622 12.4263 15.7095 12.0213C15.7532 11.8136 15.8571 11.6427 16.0212 11.5087C16.1852 11.3748 16.3743 11.3077 16.5885 11.3077H19.75V4.30775C19.75 4.23075 19.7179 4.16025 19.6538 4.09625C19.5898 4.03208 19.5193 4 19.4423 4H8.05775C7.98075 4 7.91025 4.03208 7.84625 4.09625C7.78208 4.16025 7.75 4.23075 7.75 4.30775V11.3077H10.9115C11.1257 11.3077 11.3148 11.3706 11.4788 11.4963C11.6429 11.6219 11.7467 11.7886 11.7902 11.9963C11.8929 12.4219 12.1304 12.7469 12.5027 12.9713C12.8752 13.1956 13.291 13.3077 13.75 13.3077ZM8.05775 17.5C7.55258 17.5 7.125 17.325 6.775 16.975C6.425 16.625 6.25 16.1974 6.25 15.6923V4.30775C6.25 3.80258 6.425 3.375 6.775 3.025C7.125 2.675 7.55258 2.5 8.05775 2.5H19.4423C19.9474 2.5 20.375 2.675 20.725 3.025C21.075 3.375 21.25 3.80258 21.25 4.30775V15.6923C21.25 16.1974 21.075 16.625 20.725 16.975C20.375 17.325 19.9474 17.5 19.4423 17.5H8.05775ZM4.55775 21C4.05258 21 3.625 20.825 3.275 20.475C2.925 20.125 2.75 19.6974 2.75 19.1923V7.05775C2.75 6.84492 2.82183 6.66667 2.9655 6.523C3.109 6.3795 3.28717 6.30775 3.5 6.30775C3.71283 6.30775 3.89108 6.3795 4.03475 6.523C4.17825 6.66667 4.25 6.84492 4.25 7.05775V19.1923C4.25 19.2693 4.28208 19.3398 4.34625 19.4038C4.41025 19.4679 4.48075 19.5 4.55775 19.5H16.6923C16.9051 19.5 17.0833 19.5718 17.227 19.7153C17.3705 19.8589 17.4423 20.0372 17.4423 20.25C17.4423 20.4628 17.3705 20.641 17.227 20.7845C17.0833 20.9282 16.9051 21 16.6923 21H4.55775ZM8.05775 16H7.75H19.75H8.05775Z",fill:"currentColor"})}),filled:C.jsx("g",{mask:"url(#mask0_1748_2904)",children:C.jsx("path",{d:"M13.75 13.3077C14.1885 13.3077 14.5878 13.1946 14.948 12.9683C15.3083 12.7419 15.5622 12.4263 15.7095 12.0213C15.7532 11.8136 15.8571 11.6427 16.0212 11.5087C16.1852 11.3748 16.3743 11.3077 16.5885 11.3077H19.75V4.30775C19.75 4.23075 19.7179 4.16025 19.6538 4.09625C19.5898 4.03208 19.5193 4 19.4423 4H8.05775C7.98075 4 7.91025 4.03208 7.84625 4.09625C7.78208 4.16025 7.75 4.23075 7.75 4.30775V11.3077H10.9115C11.1257 11.3077 11.3148 11.3706 11.4788 11.4963C11.6429 11.6219 11.7467 11.7886 11.7902 11.9963C11.8929 12.4219 12.1304 12.7469 12.5027 12.9713C12.8752 13.1956 13.291 13.3077 13.75 13.3077ZM8.05775 17.5C7.55258 17.5 7.125 17.325 6.775 16.975C6.425 16.625 6.25 16.1974 6.25 15.6923V4.30775C6.25 3.80258 6.425 3.375 6.775 3.025C7.125 2.675 7.55258 2.5 8.05775 2.5H19.4423C19.9474 2.5 20.375 2.675 20.725 3.025C21.075 3.375 21.25 3.80258 21.25 4.30775V15.6923C21.25 16.1974 21.075 16.625 20.725 16.975C20.375 17.325 19.9474 17.5 19.4423 17.5H8.05775ZM4.55775 21C4.05258 21 3.625 20.825 3.275 20.475C2.925 20.125 2.75 19.6974 2.75 19.1923V7.05775C2.75 6.84492 2.82183 6.66667 2.9655 6.523C3.109 6.3795 3.28717 6.30775 3.5 6.30775C3.71283 6.30775 3.89108 6.3795 4.03475 6.523C4.17825 6.66667 4.25 6.84492 4.25 7.05775V19.1923C4.25 19.2693 4.28208 19.3398 4.34625 19.4038C4.41025 19.4679 4.48075 19.5 4.55775 19.5H16.6923C16.9051 19.5 17.0833 19.5718 17.227 19.7153C17.3705 19.8589 17.4423 20.0372 17.4423 20.25C17.4423 20.4628 17.3705 20.641 17.227 20.7845C17.0833 20.9282 16.9051 21 16.6923 21H4.55775Z",fill:"currentColor"})})},e=({variant:r="outlined",...n})=>C.jsx(s,{...n,children:H[r]});module.exports=e;

package/dist/mainstack-design-system59.js

@@ -1,5 +1,5 @@
 import { jsx as C } from "react/jsx-runtime";
-import l from "./mainstack-design-system357.js";
+import l from "./mainstack-design-system366.js";
 const o = {
   outlined: /* @__PURE__ */ C("g", { mask: "url(#mask0_1748_2903)", children: /* @__PURE__ */ C(
     "path",

package/dist/mainstack-design-system590.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CAgJYdlN.cjs"),e=t.cva(["mds:w-full mds:flex mds:flex-col mds:md:flex-row mds:items-center mds:justify-between mds:gap-12 mds:md:gap-16 mds:px-16 mds:py-8 mds:rounded-16"],{variants:{variant:{neutral:["mds:bg-surface-neutral-l3","mds:**:data-[slot=banner-header]:text-primary","mds:**:data-[slot=banner-text]:text-secondary","mds:**:data-[slot=banner-icon]:bg-surface-neutral-l4"],info:["mds:bg-surface-info-l1","mds:**:data-[slot=banner-header]:text-on-info-light","mds:**:data-[slot=banner-text]:text-on-info-light","mds:**:data-[slot=banner-icon]:bg-surface-info-l4"],success:["mds:bg-surface-success-l1","mds:**:data-[slot=banner-header]:text-on-success-light","mds:**:data-[slot=banner-text]:text-on-success-light","mds:**:data-[slot=banner-icon]:bg-surface-success-l4"],warning:["mds:bg-surface-warning-l1","mds:**:data-[slot=banner-header]:text-on-warning-light","mds:**:data-[slot=banner-text]:text-on-warning-light","mds:**:data-[slot=banner-icon]:bg-surface-warning-l4"],error:["mds:bg-surface-error-l1","mds:**:data-[slot=banner-header]:text-on-error-light","mds:**:data-[slot=banner-text]:text-on-error-light","mds:**:data-[slot=banner-icon]:bg-surface-error-l4"]}}});exports.bannerVariants=e;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("./index-4R9KShCu.cjs"),d=require("react"),p=require("./utils-Dp-J9Ksy.cjs"),P=require("./mainstack-design-system620.cjs"),c=d.forwardRef(({children:i,onWheel:r,onTouchMove:t,className:s,...a},u)=>{const{isOptionOpen:l}=P.useCurrencyPickerContext();return o.jsx(n.PopoverPortal,{children:o.jsx(n.PopoverContent,{sideOffset:6,"data-slot":"currency-picker-portal",role:"listbox","data-select-options-opened":l,className:p.cn(" mds:will-change-transform mds:z-100 mds:data-[state=open]:animate-content-fade-in mds:animate-content-fade-out mds:w-319 ",s),ref:u,onWheel:e=>{e.stopPropagation(),r&&r(e)},onTouchMove:e=>{e.stopPropagation(),t&&t(e)},...a,children:i})})});c.displayName="CurrencyPickerPortal";exports.CurrencyPickerPortal=c;

package/dist/mainstack-design-system590.js

@@ -1,45 +1,43 @@
-import { c as a } from "./index-D29mdTf5.js";
-const s = a(
-  [
-    "mds:w-full mds:flex mds:flex-col mds:md:flex-row mds:items-center mds:justify-between mds:gap-12 mds:md:gap-16 mds:px-16 mds:py-8 mds:rounded-16"
-  ],
-  {
-    variants: {
-      variant: {
-        neutral: [
-          "mds:bg-surface-neutral-l3",
-          "mds:**:data-[slot=banner-header]:text-primary",
-          "mds:**:data-[slot=banner-text]:text-secondary",
-          "mds:**:data-[slot=banner-icon]:bg-surface-neutral-l4"
-        ],
-        info: [
-          "mds:bg-surface-info-l1",
-          "mds:**:data-[slot=banner-header]:text-on-info-light",
-          "mds:**:data-[slot=banner-text]:text-on-info-light",
-          "mds:**:data-[slot=banner-icon]:bg-surface-info-l4"
-        ],
-        success: [
-          "mds:bg-surface-success-l1",
-          "mds:**:data-[slot=banner-header]:text-on-success-light",
-          "mds:**:data-[slot=banner-text]:text-on-success-light",
-          "mds:**:data-[slot=banner-icon]:bg-surface-success-l4"
-        ],
-        warning: [
-          "mds:bg-surface-warning-l1",
-          "mds:**:data-[slot=banner-header]:text-on-warning-light",
-          "mds:**:data-[slot=banner-text]:text-on-warning-light",
-          "mds:**:data-[slot=banner-icon]:bg-surface-warning-l4"
-        ],
-        error: [
-          "mds:bg-surface-error-l1",
-          "mds:**:data-[slot=banner-header]:text-on-error-light",
-          "mds:**:data-[slot=banner-text]:text-on-error-light",
-          "mds:**:data-[slot=banner-icon]:bg-surface-error-l4"
-        ]
+'use client';
+import { jsx as e } from "react/jsx-runtime";
+import { b as m, c as p } from "./index-RoCFhqzC.js";
+import { forwardRef as d } from "react";
+import { c as f } from "./utils-BWBRqOem.js";
+import { useCurrencyPickerContext as l } from "./mainstack-design-system620.js";
+const P = d(
+  ({
+    children: a,
+    onWheel: t,
+    onTouchMove: r,
+    className: n,
+    ...s
+  }, i) => {
+    const { isOptionOpen: c } = l();
+    return /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
+      p,
+      {
+        sideOffset: 6,
+        "data-slot": "currency-picker-portal",
+        role: "listbox",
+        "data-select-options-opened": c,
+        className: f(
+          " mds:will-change-transform mds:z-100 mds:data-[state=open]:animate-content-fade-in mds:animate-content-fade-out mds:w-319 ",
+          n
+        ),
+        ref: i,
+        onWheel: (o) => {
+          o.stopPropagation(), t && t(o);
+        },
+        onTouchMove: (o) => {
+          o.stopPropagation(), r && r(o);
+        },
+        ...s,
+        children: a
       }
-    }
+    ) });
   }
 );
+P.displayName = "CurrencyPickerPortal";
 export {
-  s as bannerVariants
+  P as CurrencyPickerPortal
 };

package/dist/mainstack-design-system591.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),n=t.createContext(null);function o(){const e=t.useContext(n);if(!e)throw new Error("usePhoneNumberContext must be used within a <PhoneNumberContext />.");return e}exports.PhoneNumberContext=n;exports.usePhoneNumberContext=o;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),x=require("./index-4R9KShCu.cjs"),k=require("./index-C8aODXfJ.cjs"),v=require("./mainstack-design-system620.cjs"),t=r.forwardRef(({children:c,isDisabled:a,defaultLocale:u="US",includeLocales:i,excludeLocales:s,onMetadataChange:l,value:C,onValueChange:p},d)=>{const[n,o]=r.useState(!1),[y,h]=r.useState(""),[P,g]=k.useControllableState({prop:C,defaultProp:u,onChange:p});return e.jsx(v.CurrencyPickerContext.Provider,{value:{isOptionOpen:n,searchCountry:y,includeLocales:i,excludeLocales:s,isDisabled:a,value:P,onMetadataChange:l,onValueChange:g,onOptionOpenChange:o,onChangeSearchCountry:h},children:e.jsx(x.Popover,{open:n,onOpenChange:o,children:e.jsx("div",{className:"mds:w-fit",ref:d,"data-slot":"currency-picker-root",children:c})})})});t.displayName="CurrencyPickerRoot";exports.CurrencyPickerRoot=t;