mainstack-design-system 1.13.0 → 1.13.1

package/dist/mainstack-design-system576.js

@@ -1,31 +1,40 @@
 '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-system581.js";
-import { CurrencyPickerTrigger as p } from "./mainstack-design-system582.js";
-import { CurrencyPickerOptions as f } from "./mainstack-design-system577.js";
-import { CurrencyPickerOptionsList as s } from "./mainstack-design-system578.js";
-import { CurrencyPickerOptionsSearchField as u } from "./mainstack-design-system579.js";
-import { CurrencyPickerPortal as y } from "./mainstack-design-system580.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, {})
-        ] }) })
-      ]
-    }
-  )
+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-DXoRlwh9.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" }) })
+        ]
+      }
+    );
+  }
 );
-P.displayName = "CurrencyPicker";
+h.displayName = "PinInputSlot";
 export {
-  P as CurrencyPicker
+  h as PinInputSlot
 };

package/dist/mainstack-design-system577.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("react"),i=require("./mainstack-design-system593.cjs"),s=require("./mainstack-design-system610.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),s=require("./mainstack-design-system582.cjs"),u=require("./mainstack-design-system583.cjs"),y=require("./mainstack-design-system578.cjs"),P=require("./mainstack-design-system579.cjs"),k=require("./mainstack-design-system580.cjs"),C=require("./mainstack-design-system581.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-system577.js

@@ -1,23 +1,31 @@
 '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
-      }
-    );
-  }
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { CurrencyPickerRoot as n } from "./mainstack-design-system582.js";
+import { CurrencyPickerTrigger as p } from "./mainstack-design-system583.js";
+import { CurrencyPickerOptions as f } from "./mainstack-design-system578.js";
+import { CurrencyPickerOptionsList as s } from "./mainstack-design-system579.js";
+import { CurrencyPickerOptionsSearchField as u } from "./mainstack-design-system580.js";
+import { CurrencyPickerPortal as y } from "./mainstack-design-system581.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, {})
+        ] }) })
+      ]
+    }
+  )
 );
-c.displayName = "CurrencyPickerOptions";
+P.displayName = "CurrencyPicker";
 export {
-  c as CurrencyPickerOptions
+  P as CurrencyPicker
 };

package/dist/mainstack-design-system578.cjs

@@ -1,2 +1,2 @@
 '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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("react"),i=require("./mainstack-design-system593.cjs"),s=require("./mainstack-design-system611.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-system578.js

@@ -1,47 +1,23 @@
 '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,
+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-system611.js";
+const c = i(
+  (r, o) => {
+    const { isOptionOpen: t } = p();
+    return /* @__PURE__ */ e(
+      n,
       {
-        ...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] || ""
+        ...r,
+        "data-slot": "currency-picker-options",
+        ref: o,
+        isOptionOpen: t
       }
     );
   }
 );
-g.displayName = "CurrencyPickerOptionsList";
+c.displayName = "CurrencyPickerOptions";
 export {
-  g as CurrencyPickerOptionsList
+  c as CurrencyPickerOptions
 };

package/dist/mainstack-design-system579.cjs

@@ -1,2 +1,2 @@
 '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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),i=require("react"),d=require("./mainstack-design-system611.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-system579.js

@@ -1,24 +1,47 @@
 '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,
+import { jsx as y } from "react/jsx-runtime";
+import { forwardRef as p, useMemo as l } from "react";
+import { useCurrencyPickerContext as f } from "./mainstack-design-system611.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-DXoRlwh9.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,
       {
-        ...r,
-        "data-slot": "currency-picker-options-search-field",
-        ref: e,
-        onChangeSearchCountry: t,
-        searchCountry: o
+        ...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] || ""
       }
     );
   }
 );
-s.displayName = "CurrencyPickerOptionsSearchField";
+g.displayName = "CurrencyPickerOptionsList";
 export {
-  s as CurrencyPickerOptionsSearchField
+  g as CurrencyPickerOptionsList
 };

package/dist/mainstack-design-system580.cjs

@@ -1,2 +1,2 @@
 '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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),s=require("./mainstack-design-system611.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-system580.js

@@ -1,43 +1,24 @@
 '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,
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { useCurrencyPickerContext as n } from "./mainstack-design-system611.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,
       {
-        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
+        ...r,
+        "data-slot": "currency-picker-options-search-field",
+        ref: e,
+        onChangeSearchCountry: t,
+        searchCountry: o
       }
-    ) });
+    );
   }
 );
-P.displayName = "CurrencyPickerPortal";
+s.displayName = "CurrencyPickerOptionsSearchField";
 export {
-  P as CurrencyPickerPortal
+  s as CurrencyPickerOptionsSearchField
 };

package/dist/mainstack-design-system581.cjs

@@ -1,2 +1,2 @@
 '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;
+"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-system611.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-system581.js

@@ -1,46 +1,43 @@
 '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(
+import { b as m, c as p } from "./index-RoCFhqzC.js";
+import { forwardRef as d } from "react";
+import { c as f } from "./utils-DXoRlwh9.js";
+import { useCurrencyPickerContext as l } from "./mainstack-design-system611.js";
+const P = d(
   ({
-    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,
+    children: a,
+    onWheel: t,
+    onTouchMove: r,
+    className: n,
+    ...s
+  }, i) => {
+    const { isOptionOpen: c } = l();
+    return /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
+      p,
       {
-        value: {
-          isOptionOpen: o,
-          searchCountry: C,
-          includeLocales: i,
-          excludeLocales: p,
-          isDisabled: a,
-          value: h,
-          onMetadataChange: s,
-          onValueChange: d,
-          onOptionOpenChange: r,
-          onChangeSearchCountry: f
+        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);
         },
-        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 }) })
+        onTouchMove: (o) => {
+          o.stopPropagation(), r && r(o);
+        },
+        ...s,
+        children: a
       }
-    );
+    ) });
   }
 );
-O.displayName = "CurrencyPickerRoot";
+P.displayName = "CurrencyPickerPortal";
 export {
-  O as CurrencyPickerRoot
+  P as CurrencyPickerPortal
 };

package/dist/mainstack-design-system582.cjs

@@ -1,2 +1,2 @@
 '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;
+"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-system611.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-system582.js

@@ -1,51 +1,46 @@
 '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"
-          }
-        ) })
-      ]
-    }
-  ) });
-};
+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-system611.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 {
-  A as CurrencyPickerTrigger
+  O as CurrencyPickerRoot
 };

package/dist/mainstack-design-system583.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext([{mode:"light",uiTheme:"default",themeCssVariablesOveride:{}},()=>{}]);exports.MainstackDesignSystemProviderContext=t;
+'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-system611.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-system583.js

@@ -1,9 +1,51 @@
-import { createContext as e } from "react";
-const i = e([
-  { mode: "light", uiTheme: "default", themeCssVariablesOveride: {} },
-  () => {
-  }
-]);
+'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-system611.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-BDdAqd8Q.js";
+import { c as f } from "./utils-DXoRlwh9.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 {
-  i as MainstackDesignSystemProviderContext
+  A as CurrencyPickerTrigger
 };

package/dist/mainstack-design-system584.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),m=require("./index-C8aODXfJ.cjs"),E=require("./index-4R9KShCu.cjs"),o=require("react"),I=require("./mainstack-design-system597.cjs"),y=require("./mainstack-design-system611.cjs"),b=o.forwardRef(({isDisabled:x,isError:C,isMultiSelect:c=!1,isSuccess:d,children:h,value:i,defaultValue:n,inputReadOnly:j,isCreatableSelect:q,options:l=[],isOptionOpen:P,onOptionOpenChange:v,onValueChange:u,onOptionSelect:R},t)=>{const a=o.useRef(null),[s,A]=o.useState(y.parseSelectOptions(l)),[r,_]=m.useControllableState({prop:i,defaultProp:y.mapDefaultValuesToSelectedOption({isMultiSelect:c,defaultValue:n,options:l}),onChange:u}),[T,S]=o.useState(()=>typeof i=="string"?s.map.get(i)?.label||"":typeof n=="string"&&s.map.get(n)?.label||""),[O,f]=m.useControllableState({prop:P,defaultProp:!1,onChange:v}),[D,g]=o.useState("idle");return p.jsx(I.SelectContext.Provider,{value:{defaultValue:n,options:s,selectedOption:r,isOptionOpen:O,isDisabled:x,isError:C,isMultiSelect:c,isSuccess:d,inputValue:T,inputReadOnly:j,previousAction:D,isCreatableSelect:q,rootElementRef:a,setOptions:A,setPreviousAction:g,setInputValue:S,setSelectedOption:_,onOptionOpenChange:f,onValueChange:u,onOptionSelect:R},children:p.jsx(E.Popover,{open:O,onOpenChange:e=>{f(e),r&&!Array.isArray(r)&&!e&&(S(s.map.get(r)?.label||""),g("selection"))},children:p.jsx("div",{ref:e=>{a.current=e,typeof t=="function"?t(e):typeof t=="object"&&t?.current&&(t.current=e)},"data-slot":"select-root",children:h})})})});b.displayName="SelectRoot";exports.SelectRoot=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext([{mode:"light",uiTheme:"default",themeCssVariablesOveride:{}},()=>{}]);exports.MainstackDesignSystemProviderContext=t;