mainstack-design-system 1.4.1 → 1.5.0

package/dist/mainstack-design-system572.cjs

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

@@ -1,13 +1,257 @@
-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;
+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 {
-  o as AvatarContext,
-  a as useAvatarSize
+  D as COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP
 };

package/dist/mainstack-design-system573.cjs

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

@@ -1,7 +1,13 @@
-import * as t from "react";
-const o = t.createContext(
-  null
-);
+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 {
-  o as TooltipContext
+  o as AvatarContext,
+  a as useAvatarSize
 };

package/dist/mainstack-design-system574.cjs

@@ -1 +1 @@
-"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 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;

package/dist/mainstack-design-system574.js

@@ -1,25 +1,7 @@
-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"
-        }
-      )
-    }
-  ) });
-}
+import * as t from "react";
+const o = t.createContext(
+  null
+);
 export {
-  e as TooltipArrow
+  o as TooltipContext
 };

package/dist/mainstack-design-system575.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),e=require("./mainstack-design-system573.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 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;

package/dist/mainstack-design-system575.js

@@ -1,11 +1,25 @@
-import { useContext as t } from "react";
-import { TooltipContext as e } from "./mainstack-design-system573.js";
-const i = () => {
-  const o = t(e);
-  if (!o)
-    throw new Error("useTooltipContext must be used within a TooltipRoot");
-  return o;
-};
+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"
+        }
+      )
+    }
+  ) });
+}
 export {
-  i as useTooltipContext
+  e as TooltipArrow
 };

package/dist/mainstack-design-system576.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CAgJYdlN.cjs"),e=t.cva(["w-full flex flex-col md:flex-row items-center justify-between gap-12 md:gap-16 px-16 py-8 rounded-16"],{variants:{variant:{neutral:["bg-surface-neutral-l3","**:data-[slot=banner-header]:text-primary","**:data-[slot=banner-text]:text-secondary","**:data-[slot=banner-icon]:bg-surface-neutral-l4"],info:["bg-surface-info-l1","**:data-[slot=banner-header]:text-on-info-light","**:data-[slot=banner-text]:text-on-info-light","**:data-[slot=banner-icon]:bg-surface-info-l4"],success:["bg-surface-success-l1","**:data-[slot=banner-header]:text-on-success-light","**:data-[slot=banner-text]:text-on-success-light","**:data-[slot=banner-icon]:bg-surface-success-l4"],warning:["bg-surface-warning-l1","**:data-[slot=banner-header]:text-on-warning-light","**:data-[slot=banner-text]:text-on-warning-light","**:data-[slot=banner-icon]:bg-surface-warning-l4"],error:["bg-surface-error-l1","**:data-[slot=banner-header]:text-on-error-light","**:data-[slot=banner-text]:text-on-error-light","**:data-[slot=banner-icon]:bg-surface-error-l4"]}}});exports.bannerVariants=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),e=require("./mainstack-design-system574.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;

package/dist/mainstack-design-system576.js

@@ -1,45 +1,11 @@
-import { c as a } from "./index-D29mdTf5.js";
-const e = a(
-  [
-    "w-full flex flex-col md:flex-row items-center justify-between gap-12 md:gap-16 px-16 py-8 rounded-16"
-  ],
-  {
-    variants: {
-      variant: {
-        neutral: [
-          "bg-surface-neutral-l3",
-          "**:data-[slot=banner-header]:text-primary",
-          "**:data-[slot=banner-text]:text-secondary",
-          "**:data-[slot=banner-icon]:bg-surface-neutral-l4"
-        ],
-        info: [
-          "bg-surface-info-l1",
-          "**:data-[slot=banner-header]:text-on-info-light",
-          "**:data-[slot=banner-text]:text-on-info-light",
-          "**:data-[slot=banner-icon]:bg-surface-info-l4"
-        ],
-        success: [
-          "bg-surface-success-l1",
-          "**:data-[slot=banner-header]:text-on-success-light",
-          "**:data-[slot=banner-text]:text-on-success-light",
-          "**:data-[slot=banner-icon]:bg-surface-success-l4"
-        ],
-        warning: [
-          "bg-surface-warning-l1",
-          "**:data-[slot=banner-header]:text-on-warning-light",
-          "**:data-[slot=banner-text]:text-on-warning-light",
-          "**:data-[slot=banner-icon]:bg-surface-warning-l4"
-        ],
-        error: [
-          "bg-surface-error-l1",
-          "**:data-[slot=banner-header]:text-on-error-light",
-          "**:data-[slot=banner-text]:text-on-error-light",
-          "**:data-[slot=banner-icon]:bg-surface-error-l4"
-        ]
-      }
-    }
-  }
-);
+import { useContext as t } from "react";
+import { TooltipContext as e } from "./mainstack-design-system574.js";
+const i = () => {
+  const o = t(e);
+  if (!o)
+    throw new Error("useTooltipContext must be used within a TooltipRoot");
+  return o;
+};
 export {
-  e as bannerVariants
+  i as useTooltipContext
 };

package/dist/mainstack-design-system577.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 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;

package/dist/mainstack-design-system577.js

@@ -1,16 +1,45 @@
-import { createContext as t, useContext as n } from "react";
-const o = t(
-  null
+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"
+        ]
+      }
+    }
+  }
 );
-function u() {
-  const e = n(o);
-  if (!e)
-    throw new Error(
-      "usePhoneNumberContext must be used within a <PhoneNumberContext />."
-    );
-  return e;
-}
 export {
-  o as PhoneNumberContext,
-  u as usePhoneNumberContext
+  s as bannerVariants
 };

package/dist/mainstack-design-system578.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react");require("./mainstack-design-system355.cjs");const u=require("./mainstack-design-system195.cjs");require("./player-BKifgSJo.cjs");const d=require("./utils-FBJ8OQ9f.cjs"),p=require("./mainstack-design-system602.cjs"),r=l.forwardRef(({isOptionOpen:t,activeCountry:o,onOptionOpenChange:n,isError:s,isSuccess:a,...c},i)=>e.jsxs("button",{onClick:()=>n(!0),"data-select-options-opened":t,"data-editable":"false",className:d.cn("form-root-slot-defaults","group flex items-center w-66 h-48 gap-6 py-14 cursor-pointer px-12 rounded-14 disabled:cursor-not-allowed disabled:opacity-50 data-[select-options-opened=true]:ring-2 data-[select-options-opened=true]:ring-border-interactive-neutral-active"),ref:i,...c,children:[e.jsx("div",{"data-error":s,"data-success":a,className:"flex items-center justify-center",children:p.getCountryFlagComp(o)}),e.jsx(u,{"data-select-options-opened":t,className:"size-16 transition-transform transition-1000 group-data-[select-options-opened=true]:rotate-180"})]}));r.displayName=" FormCountrySelect";exports.FormCountrySelect=r;
+"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;

package/dist/mainstack-design-system578.js

@@ -1,52 +1,16 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import "./mainstack-design-system355.js";
-import l from "./mainstack-design-system195.js";
-import "./player-DSenNqFV.js";
-import { c as p } from "./utils-DnnzGb1L.js";
-import { getCountryFlagComp as m } from "./mainstack-design-system602.js";
-const u = c(
-  ({
-    isOptionOpen: e,
-    activeCountry: o,
-    onOptionOpenChange: r,
-    isError: a,
-    isSuccess: s,
-    ...n
-  }, i) => /* @__PURE__ */ d(
-    "button",
-    {
-      onClick: () => r(!0),
-      "data-select-options-opened": e,
-      "data-editable": "false",
-      className: p(
-        "form-root-slot-defaults",
-        "group flex items-center w-66 h-48 gap-6 py-14 cursor-pointer px-12 rounded-14 disabled:cursor-not-allowed disabled:opacity-50 data-[select-options-opened=true]:ring-2 data-[select-options-opened=true]:ring-border-interactive-neutral-active"
-      ),
-      ref: i,
-      ...n,
-      children: [
-        /* @__PURE__ */ t(
-          "div",
-          {
-            "data-error": a,
-            "data-success": s,
-            className: "flex items-center justify-center",
-            children: m(o)
-          }
-        ),
-        /* @__PURE__ */ t(
-          l,
-          {
-            "data-select-options-opened": e,
-            className: "size-16 transition-transform transition-1000 group-data-[select-options-opened=true]:rotate-180"
-          }
-        )
-      ]
-    }
-  )
+import { createContext as t, useContext as n } from "react";
+const o = t(
+  null
 );
-u.displayName = " FormCountrySelect";
+function u() {
+  const e = n(o);
+  if (!e)
+    throw new Error(
+      "usePhoneNumberContext must be used within a <PhoneNumberContext />."
+    );
+  return e;
+}
 export {
-  u as FormCountrySelect
+  o as PhoneNumberContext,
+  u as usePhoneNumberContext
 };

package/dist/mainstack-design-system579.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),a=require("./utils-FBJ8OQ9f.cjs"),e=i.forwardRef(({isOptionOpen:r,className:o,...t},n)=>s.jsx("div",{"data-select-options-opened":r,className:a.cn("flex flex-col gap-8 p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200",o),ref:n,...t}));e.displayName="FormCountryOptions";exports.FormCountryOptions=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system355.cjs");const i=require("./mainstack-design-system195.cjs");require("./player-BKifgSJo.cjs");const l=require("./utils-B6I16BNR.cjs"),u=require("./mainstack-design-system603.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;

package/dist/mainstack-design-system579.js

@@ -1,21 +1,52 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { c as s } from "./utils-DnnzGb1L.js";
-const d = n(
-  ({ isOptionOpen: r, className: o, ...e }, t) => /* @__PURE__ */ a(
-    "div",
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import "./mainstack-design-system355.js";
+import c from "./mainstack-design-system195.js";
+import "./player-DSenNqFV.js";
+import { c as l } from "./utils-B-DK6jJO.js";
+import { getCountryFlagComp as p } from "./mainstack-design-system603.js";
+const u = i(
+  ({
+    isOptionOpen: e,
+    activeCountry: o,
+    onOptionOpenChange: s,
+    isError: r,
+    isSuccess: d,
+    ...m
+  }, a) => /* @__PURE__ */ n(
+    "button",
     {
-      "data-select-options-opened": r,
-      className: s(
-        "flex flex-col gap-8 p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200",
-        o
+      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: t,
-      ...e
+      ref: a,
+      ...m,
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            "data-error": r,
+            "data-success": d,
+            className: "mds:flex mds:items-center mds:justify-center",
+            children: p(o)
+          }
+        ),
+        /* @__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"
+          }
+        )
+      ]
     }
   )
 );
-d.displayName = "FormCountryOptions";
+u.displayName = " FormCountrySelect";
 export {
-  d as FormCountryOptions
+  u as FormCountrySelect
 };