mainstack-design-system 1.12.9 → 1.13.0

package/dist/mainstack-design-system577.js

@@ -1,257 +1,23 @@
-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 { jsx as e } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { FormCountryOptions as n } from "./mainstack-design-system593.js";
+import { useCurrencyPickerContext as p } from "./mainstack-design-system610.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 {
-  D as COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP
+  c as CurrencyPickerOptions
 };

package/dist/mainstack-design-system578.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 O=require("react/jsx-runtime"),i=require("react"),d=require("./mainstack-design-system610.cjs"),m=require("./mainstack-design-system594.cjs"),L=require("./mainstack-design-system585.cjs"),s=require("./utils-Dc5FbAZW.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-system578.js

@@ -1,13 +1,47 @@
-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 { jsx as y } from "react/jsx-runtime";
+import { forwardRef as p, useMemo as l } from "react";
+import { useCurrencyPickerContext as f } from "./mainstack-design-system610.js";
+import { FormCountryOptionsList as d } from "./mainstack-design-system594.js";
+import { COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP as O } from "./mainstack-design-system585.js";
+import { e as L, m as _ } from "./utils-CVEbMwag.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 {
-  o as AvatarContext,
-  a as useAvatarSize
+  g as CurrencyPickerOptionsList
 };

package/dist/mainstack-design-system579.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 t=require("react/jsx-runtime"),i=require("react"),s=require("./mainstack-design-system610.cjs"),u=require("./mainstack-design-system595.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-system579.js

@@ -1,7 +1,24 @@
-import * as t from "react";
-const o = t.createContext(
-  null
+'use client';
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { useCurrencyPickerContext as n } from "./mainstack-design-system610.js";
+import { FormCountryOptionsSearchField as a } from "./mainstack-design-system595.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 {
-  o as TooltipContext
+  s as CurrencyPickerOptionsSearchField
 };

package/dist/mainstack-design-system580.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"),n=require("./index-4R9KShCu.cjs"),d=require("react"),p=require("./utils-Dc5FbAZW.cjs"),P=require("./mainstack-design-system610.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-system580.js

@@ -1,25 +1,43 @@
-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 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-CVEbMwag.js";
+import { useCurrencyPickerContext as l } from "./mainstack-design-system610.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 {
-  e as TooltipArrow
+  P as CurrencyPickerPortal
 };

package/dist/mainstack-design-system581.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),e=require("./mainstack-design-system579.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 e=require("react/jsx-runtime"),r=require("react"),x=require("./index-4R9KShCu.cjs"),k=require("./index-C8aODXfJ.cjs"),v=require("./mainstack-design-system610.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;

package/dist/mainstack-design-system581.js

@@ -1,11 +1,46 @@
-import { useContext as t } from "react";
-import { TooltipContext as e } from "./mainstack-design-system579.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 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-system610.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 }) })
+      }
+    );
+  }
+);
+O.displayName = "CurrencyPickerRoot";
 export {
-  i as useTooltipContext
+  O as CurrencyPickerRoot
 };

package/dist/mainstack-design-system582.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 e=require("react/jsx-runtime"),u=require("./index-4R9KShCu.cjs"),d=require("./mainstack-design-system610.cjs"),a=require("./mainstack-design-system585.cjs"),r=require("./mainstack-design-system36.cjs");require("./mainstack-design-system431.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system433.cjs");require("./mainstack-design-system434.cjs");require("./mainstack-design-system435.cjs");require("./mainstack-design-system436.cjs");require("./mainstack-design-system437.cjs");require("./mainstack-design-system438.cjs");const m=require("./mainstack-design-system615.cjs");require("./mainstack-design-system357.cjs");const l=require("./mainstack-design-system196.cjs");require("react");require("./player-CJwHCOfT.cjs");const _=require("./utils-Dc5FbAZW.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-system582.js

@@ -1,45 +1,51 @@
-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 r, jsxs as c } from "react/jsx-runtime";
+import { a as p } from "./index-RoCFhqzC.js";
+import { useCurrencyPickerContext as a } from "./mainstack-design-system610.js";
+import { COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP as d } from "./mainstack-design-system585.js";
+import { ButtonGroup as o } from "./mainstack-design-system36.js";
+import "./mainstack-design-system431.js";
+import "./mainstack-design-system432.js";
+import "./mainstack-design-system433.js";
+import "./mainstack-design-system434.js";
+import "./mainstack-design-system435.js";
+import "./mainstack-design-system436.js";
+import "./mainstack-design-system437.js";
+import "./mainstack-design-system438.js";
+import { getCountryFlagComp as l } from "./mainstack-design-system615.js";
+import "./mainstack-design-system357.js";
+import u from "./mainstack-design-system196.js";
+import "react";
+import "./player-BawHfn9-.js";
+import { c as f } from "./utils-CVEbMwag.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,
+    {
+      rounded: "sm",
+      size: "xs",
+      variant: "secondary",
+      "data-slot": "currency-picker-trigger",
+      className: f("mds:w-92", i),
+      ...n,
+      children: [
+        /* @__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-select-options-opened": m,
+            className: "mds:size-20 mds:transition-transform mds:transition-1000 mds:data-[select-options-opened=true]:rotate-180"
+          }
+        ) })
+      ]
     }
-  }
-);
+  ) });
+};
 export {
-  s as bannerVariants
+  A as CurrencyPickerTrigger
 };

package/dist/mainstack-design-system583.cjs

@@ -1 +1 @@
-"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 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-system583.js

@@ -1,16 +1,9 @@
-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 />."
-    );
-  return e;
-}
+import { createContext as e } from "react";
+const i = e([
+  { mode: "light", uiTheme: "default", themeCssVariablesOveride: {} },
+  () => {
+  }
+]);
 export {
-  o as PhoneNumberContext,
-  u as usePhoneNumberContext
+  i as MainstackDesignSystemProviderContext
 };