mainstack-design-system 1.4.0 → 1.4.2

package/dist/mainstack-design-system561.js

@@ -1,257 +1,20 @@
-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"
-};
+import { jsx as p } from "react/jsx-runtime";
+import f from "react";
+import { c as i } from "./utils-Opg_zrKx.js";
+import { toastVariants as c } from "./mainstack-design-system558.js";
+const e = f.forwardRef, n = e(
+  ({ as: o, className: t, tone: r = "info", children: a, ...s }, m) => /* @__PURE__ */ p(
+    o || "div",
+    {
+      "data-slot": "toast-root",
+      ref: m,
+      className: i(c({ tone: r }), t),
+      ...s,
+      children: a
+    }
+  )
+);
+n.displayName = "ToastRoot";
 export {
-  D as COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP
+  n as ToastRoot
 };

package/dist/mainstack-design-system562.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 i=require("react/jsx-runtime"),n=require("react"),a=require("./utils-KlkRDGof.cjs"),l=n.forwardRef,s=l(({as:t,className:e,...o},r)=>{const c=t||"div";return i.jsx(c,{ref:r,className:a.cn("mds:flex mds:gap-6",e),...o})});s.displayName="ToastActions";exports.ToastActions=s;

package/dist/mainstack-design-system562.js

@@ -1,13 +1,17 @@
-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;
-};
+import { jsx as m } from "react/jsx-runtime";
+import a from "react";
+import { c } from "./utils-Opg_zrKx.js";
+const p = a.forwardRef, e = p(
+  ({ as: o, className: r, ...s }, t) => /* @__PURE__ */ m(
+    o || "div",
+    {
+      ref: t,
+      className: c("mds:flex mds:gap-6", r),
+      ...s
+    }
+  )
+);
+e.displayName = "ToastActions";
 export {
-  o as AvatarContext,
-  a as useAvatarSize
+  e as ToastActions
 };

package/dist/mainstack-design-system563.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 i=require("react/jsx-runtime"),o=require("./utils-KlkRDGof.cjs"),t=({className:e,...s})=>i.jsx("p",{"data-slot":"toast-description",className:o.cn("body-extrasmall-regular",e),...s});t.displayName="ToastDescription";exports.ToastDescription=t;

package/dist/mainstack-design-system563.js

@@ -1,7 +1,17 @@
-import * as t from "react";
-const o = t.createContext(
-  null
+import { jsx as s } from "react/jsx-runtime";
+import { c as a } from "./utils-Opg_zrKx.js";
+const r = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ s(
+  "p",
+  {
+    "data-slot": "toast-description",
+    className: a("body-extrasmall-regular", t),
+    ...o
+  }
 );
+r.displayName = "ToastDescription";
 export {
-  o as TooltipContext
+  r as ToastDescription
 };

package/dist/mainstack-design-system564.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 s=require("react/jsx-runtime"),l=require("react"),c=require("./utils-KlkRDGof.cjs");function i(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const u=i(l),n=u.forwardRef(({as:e,className:o,...t},r)=>{const a=e||"h5";return s.jsx(a,{ref:r,"data-slot":"tile-title",className:c.cn("body-small-semibold",o),...t})});n.displayName="ToastTitle";exports.ToastTitle=n;

package/dist/mainstack-design-system564.js

@@ -1,25 +1,18 @@
-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",
+import { jsx as s } from "react/jsx-runtime";
+import * as m from "react";
+import { c as r } from "./utils-Opg_zrKx.js";
+const l = m.forwardRef(
+  ({ as: o, className: t, ...a }, e) => /* @__PURE__ */ s(
+    o || "h5",
     {
-      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"
-        }
-      )
+      ref: e,
+      "data-slot": "tile-title",
+      className: r("body-small-semibold", t),
+      ...a
     }
-  ) });
-}
+  )
+);
+l.displayName = "ToastTitle";
 export {
-  e as TooltipArrow
+  l as ToastTitle
 };

package/dist/mainstack-design-system565.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),e=require("./mainstack-design-system563.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 a=require("react/jsx-runtime"),c=require("react"),l=require("./utils-KlkRDGof.cjs"),i=c.forwardRef,t=i(({as:e,className:o,...s},n)=>{const r=e||"div";return a.jsx(r,{"data-slot":"toast-content",ref:n,className:l.cn("mds:flex mds:flex-col mds:gap-4 mds:flex-1",o),...s})});t.displayName="ToastContent";exports.ToastContent=t;

package/dist/mainstack-design-system565.js

@@ -1,11 +1,18 @@
-import { useContext as t } from "react";
-import { TooltipContext as e } from "./mainstack-design-system563.js";
-const i = () => {
-  const o = t(e);
-  if (!o)
-    throw new Error("useTooltipContext must be used within a TooltipRoot");
-  return o;
-};
+import { jsx as m } from "react/jsx-runtime";
+import e from "react";
+import { c as r } from "./utils-Opg_zrKx.js";
+const n = e.forwardRef, c = n(
+  ({ as: o, className: t, ...s }, a) => /* @__PURE__ */ m(
+    o || "div",
+    {
+      "data-slot": "toast-content",
+      ref: a,
+      className: r("mds:flex mds:flex-col mds:gap-4 mds:flex-1", t),
+      ...s
+    }
+  )
+);
+c.displayName = "ToastContent";
 export {
-  i as useTooltipContext
+  c as ToastContent
 };

package/dist/mainstack-design-system566.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 e=require("react"),t=e.createContext([{mode:"light",uiTheme:"default",themeCssVariablesOveride:{}},()=>{}]);exports.MainstackDesignSystemProviderContext=t;

package/dist/mainstack-design-system566.js

@@ -1,45 +1,9 @@
-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 { createContext as e } from "react";
+const i = e([
+  { mode: "light", uiTheme: "default", themeCssVariablesOveride: {} },
+  () => {
   }
-);
+]);
 export {
-  e as bannerVariants
+  i as MainstackDesignSystemProviderContext
 };

package/dist/mainstack-design-system567.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 i=require("react/jsx-runtime"),g=require("./index-C8aODXfJ.cjs"),T=require("./index-4R9KShCu.cjs"),o=require("react"),D=require("./mainstack-design-system583.cjs"),m=require("./mainstack-design-system597.cjs"),x=o.forwardRef(({isDisabled:y,isError:C,isMultiSelect:c=!1,isSuccess:b,children:v,value:d,defaultValue:n,inputReadOnly:h,options:l=[],isOptionOpen:j,onOptionOpenChange:q,onValueChange:p},t)=>{const u=o.useRef(null),[r,P]=o.useState(m.parseSelectOptions(l)),[s,R]=g.useControllableState({prop:d,defaultProp:m.mapDefaultValuesToSelectedOption({isMultiSelect:c,defaultValue:n,options:l}),onChange:p}),[A,a]=o.useState(()=>typeof n=="string"&&r.map.get(n)?.label||""),[S,O]=g.useControllableState({prop:j,defaultProp:!1,onChange:q}),[_,f]=o.useState("idle");return i.jsx(D.SelectContext.Provider,{value:{defaultValue:n,options:r,selectedOption:s,isOptionOpen:S,isDisabled:y,isError:C,isMultiSelect:c,isSuccess:b,inputValue:A,inputReadOnly:h,previousAction:_,rootElementRef:u,setOptions:P,setPreviousAction:f,setInputValue:a,setSelectedOption:R,onOptionOpenChange:O,onValueChange:p},children:i.jsx(T.Popover,{open:S,onOpenChange:e=>{O(e),s&&!Array.isArray(s)&&!e&&(a(r.map.get(s)?.label||""),f("selection"))},children:i.jsx("div",{ref:e=>{u.current=e,typeof t=="function"?t(e):typeof t=="object"&&t?.current&&(t.current=e)},"data-slot":"select-root",children:v})})})});x.displayName="SelectRoot";exports.SelectRoot=x;

package/dist/mainstack-design-system567.js

@@ -1,16 +1,87 @@
-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 r } from "react/jsx-runtime";
+import { u as g } from "./index-437EL2iq.js";
+import { P as D } from "./index-RoCFhqzC.js";
+import { forwardRef as E, useRef as I, useState as i } from "react";
+import { SelectContext as N } from "./mainstack-design-system583.js";
+import { parseSelectOptions as T, mapDefaultValuesToSelectedOption as k } from "./mainstack-design-system597.js";
+const q = E(
+  ({
+    isDisabled: S,
+    isError: h,
+    isMultiSelect: s = !1,
+    isSuccess: v,
+    children: y,
+    value: C,
+    defaultValue: e,
+    inputReadOnly: P,
+    options: l = [],
+    isOptionOpen: b,
+    onOptionOpenChange: A,
+    onValueChange: c
+  }, t) => {
+    const a = I(null), [p, x] = i(
+      T(l)
+    ), [n, d] = g({
+      prop: C,
+      defaultProp: k({
+        isMultiSelect: s,
+        defaultValue: e,
+        options: l
+      }),
+      onChange: c
+    }), [j, m] = i(() => typeof e == "string" && p.map.get(e)?.label || ""), [u, f] = g({
+      prop: b,
+      defaultProp: !1,
+      onChange: A
+    }), [R, O] = i("idle");
+    return /* @__PURE__ */ r(
+      N.Provider,
+      {
+        value: {
+          defaultValue: e,
+          options: p,
+          selectedOption: n,
+          isOptionOpen: u,
+          isDisabled: S,
+          isError: h,
+          isMultiSelect: s,
+          isSuccess: v,
+          inputValue: j,
+          inputReadOnly: P,
+          previousAction: R,
+          rootElementRef: a,
+          setOptions: x,
+          setPreviousAction: O,
+          setInputValue: m,
+          setSelectedOption: d,
+          onOptionOpenChange: f,
+          onValueChange: c
+        },
+        children: /* @__PURE__ */ r(
+          D,
+          {
+            open: u,
+            onOpenChange: (o) => {
+              f(o), n && !Array.isArray(n) && !o && (m(p.map.get(n)?.label || ""), O("selection"));
+            },
+            children: /* @__PURE__ */ r(
+              "div",
+              {
+                ref: (o) => {
+                  a.current = o, typeof t == "function" ? t(o) : typeof t == "object" && t?.current && (t.current = o);
+                },
+                "data-slot": "select-root",
+                children: y
+              }
+            )
+          }
+        )
+      }
     );
-  return e;
-}
+  }
+);
+q.displayName = "SelectRoot";
 export {
-  o as PhoneNumberContext,
-  u as usePhoneNumberContext
+  q as SelectRoot
 };

package/dist/mainstack-design-system568.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-DrLMGmuk.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 e=require("./index-CAgJYdlN.cjs"),i=e.cva("",{variants:{size:{large:"",medium:"",small:"",extrasmall:"",tiny:"",extratiny:"",overline:""},weight:{bold:"",semibold:"",medium:"",book:"",regular:""}},defaultVariants:{weight:"semibold",size:"medium"},compoundVariants:[{size:"large",weight:"bold",className:"body-large-bold"},{size:"large",weight:"semibold",className:"body-large-semibold"},{size:"large",weight:"medium",className:"body-large-medium"},{size:"large",weight:"book",className:"body-large-book"},{size:"large",weight:"regular",className:"body-large-regular"},{size:"medium",weight:"bold",className:"body-medium-bold"},{size:"medium",weight:"semibold",className:"body-medium-semibold"},{size:"medium",weight:"medium",className:"body-medium-medium"},{size:"medium",weight:"book",className:"body-medium-book"},{size:"medium",weight:"regular",className:"body-medium-regular"},{size:"small",weight:"bold",className:"body-small-bold"},{size:"small",weight:"semibold",className:"body-small-semibold"},{size:"small",weight:"medium",className:"body-small-medium"},{size:"small",weight:"book",className:"body-small-book"},{size:"small",weight:"regular",className:"body-small-regular"},{size:"extrasmall",weight:"bold",className:"body-extrasmall-bold"},{size:"extrasmall",weight:"semibold",className:"body-extrasmall-semibold"},{size:"extrasmall",weight:"medium",className:"body-extrasmall-medium"},{size:"extrasmall",weight:"book",className:"body-extrasmall-book"},{size:"extrasmall",weight:"regular",className:"body-extrasmall-regular"},{size:"tiny",weight:"bold",className:"body-tiny-bold"},{size:"tiny",weight:"semibold",className:"body-tiny-semibold"},{size:"tiny",weight:"medium",className:"body-tiny-medium"},{size:"tiny",weight:"book",className:"body-tiny-book"},{size:"tiny",weight:"regular",className:"body-tiny-regular"},{size:"extratiny",weight:"bold",className:"body-extratiny-bold"},{size:"extratiny",weight:"semibold",className:"body-extratiny-semibold"},{size:"extratiny",weight:"medium",className:"body-extratiny-medium"},{size:"extratiny",weight:"book",className:"body-extratiny-book"},{size:"extratiny",weight:"regular",className:"body-extratiny-regular"},{size:"overline",weight:"bold",className:"body-overline-bold"},{size:"overline",weight:"semibold",className:"body-overline-semibold"},{size:"overline",weight:"medium",className:"body-overline-medium"},{size:"overline",weight:"book",className:"body-overline-book"},{size:"overline",weight:"regular",className:"body-overline-regular"}]});exports.bodyTextVariants=i;