mainstack-design-system 1.12.9 → 1.13.0

package/dist/mainstack-design-system567.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("react"),l=require("./utils-BSwAMW3o.cjs"),d=require("./mainstack-design-system564.cjs"),m=u.forwardRef,t=m(({as:o,className:s,tone:e="info",children:a,...r},n)=>{const i=o||"div";return c.jsx(i,{"data-slot":"toast-root",ref:n,className:l.cn(d.toastVariants({tone:e}),s),...r,children:a})});t.displayName="ToastRoot";exports.ToastRoot=t;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("./index-5zLWZzxK.cjs"),e=({position:t,...o})=>r.jsx(s.Toaster,{position:t,richColors:!1,closeButton:!1,...o});e.displayName="ToastContainer";exports.Toaster=e;

package/dist/mainstack-design-system567.js

@@ -1,20 +1,16 @@
-import { jsx as p } from "react/jsx-runtime";
-import f from "react";
-import { c as i } from "./utils-DCbdjouM.js";
-import { toastVariants as c } from "./mainstack-design-system564.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
-    }
-  )
+'use client';
+import { jsx as s } from "react/jsx-runtime";
+import { T as t } from "./index-B6sSWi7l.js";
+const a = ({ position: o, ...r }) => /* @__PURE__ */ s(
+  t,
+  {
+    position: o,
+    richColors: !1,
+    closeButton: !1,
+    ...r
+  }
 );
-n.displayName = "ToastRoot";
+a.displayName = "ToastContainer";
 export {
-  n as ToastRoot
+  a as Toaster
 };

package/dist/mainstack-design-system568.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),a=require("./utils-BSwAMW3o.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("react"),l=require("./utils-Dc5FbAZW.cjs"),d=require("./mainstack-design-system565.cjs"),m=u.forwardRef,t=m(({as:o,className:s,tone:e="info",children:a,...r},n)=>{const i=o||"div";return c.jsx(i,{"data-slot":"toast-root",ref:n,className:l.cn(d.toastVariants({tone:e}),s),...r,children:a})});t.displayName="ToastRoot";exports.ToastRoot=t;

package/dist/mainstack-design-system568.js

@@ -1,17 +1,20 @@
-import { jsx as m } from "react/jsx-runtime";
-import a from "react";
-import { c } from "./utils-DCbdjouM.js";
-const p = a.forwardRef, e = p(
-  ({ as: o, className: r, ...s }, t) => /* @__PURE__ */ m(
+import { jsx as p } from "react/jsx-runtime";
+import f from "react";
+import { c as i } from "./utils-CVEbMwag.js";
+import { toastVariants as c } from "./mainstack-design-system565.js";
+const e = f.forwardRef, n = e(
+  ({ as: o, className: t, tone: r = "info", children: a, ...s }, m) => /* @__PURE__ */ p(
     o || "div",
     {
-      ref: t,
-      className: c("mds:flex mds:gap-6", r),
-      ...s
+      "data-slot": "toast-root",
+      ref: m,
+      className: i(c({ tone: r }), t),
+      ...s,
+      children: a
     }
   )
 );
-e.displayName = "ToastActions";
+n.displayName = "ToastRoot";
 export {
-  e as ToastActions
+  n as ToastRoot
 };

package/dist/mainstack-design-system569.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("./utils-BSwAMW3o.cjs"),t=({className:s,...e})=>i.jsx("p",{"data-slot":"toast-description",className:o.cn("mds:body-extrasmall-regular",s),...e});t.displayName="ToastDescription";exports.ToastDescription=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),a=require("./utils-Dc5FbAZW.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-system569.js

@@ -1,17 +1,17 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as a } from "./utils-DCbdjouM.js";
-const r = ({
-  className: s,
-  ...t
-}) => /* @__PURE__ */ o(
-  "p",
-  {
-    "data-slot": "toast-description",
-    className: a("mds:body-extrasmall-regular", s),
-    ...t
-  }
+import { jsx as m } from "react/jsx-runtime";
+import a from "react";
+import { c } from "./utils-CVEbMwag.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
+    }
+  )
 );
-r.displayName = "ToastDescription";
+e.displayName = "ToastActions";
 export {
-  r as ToastDescription
+  e as ToastActions
 };

package/dist/mainstack-design-system570.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("react"),c=require("./utils-BSwAMW3o.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 s=e||"h5";return a.jsx(s,{ref:r,"data-slot":"tile-title",className:c.cn("mds:body-small-semibold",o),...t})});n.displayName="ToastTitle";exports.ToastTitle=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("./utils-Dc5FbAZW.cjs"),t=({className:s,...e})=>i.jsx("p",{"data-slot":"toast-description",className:o.cn("mds:body-extrasmall-regular",s),...e});t.displayName="ToastDescription";exports.ToastDescription=t;

package/dist/mainstack-design-system570.js

@@ -1,18 +1,17 @@
-import { jsx as e } from "react/jsx-runtime";
-import * as m from "react";
-import { c as r } from "./utils-DCbdjouM.js";
-const l = m.forwardRef(
-  ({ as: o, className: t, ...s }, a) => /* @__PURE__ */ e(
-    o || "h5",
-    {
-      ref: a,
-      "data-slot": "tile-title",
-      className: r("mds:body-small-semibold", t),
-      ...s
-    }
-  )
+import { jsx as o } from "react/jsx-runtime";
+import { c as a } from "./utils-CVEbMwag.js";
+const r = ({
+  className: s,
+  ...t
+}) => /* @__PURE__ */ o(
+  "p",
+  {
+    "data-slot": "toast-description",
+    className: a("mds:body-extrasmall-regular", s),
+    ...t
+  }
 );
-l.displayName = "ToastTitle";
+r.displayName = "ToastDescription";
 export {
-  l as ToastTitle
+  r as ToastDescription
 };

package/dist/mainstack-design-system571.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),l=require("./utils-BSwAMW3o.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("react"),c=require("./utils-Dc5FbAZW.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 s=e||"h5";return a.jsx(s,{ref:r,"data-slot":"tile-title",className:c.cn("mds:body-small-semibold",o),...t})});n.displayName="ToastTitle";exports.ToastTitle=n;

package/dist/mainstack-design-system571.js

@@ -1,18 +1,18 @@
-import { jsx as m } from "react/jsx-runtime";
-import e from "react";
-import { c as r } from "./utils-DCbdjouM.js";
-const n = e.forwardRef, c = n(
-  ({ as: o, className: t, ...s }, a) => /* @__PURE__ */ m(
-    o || "div",
+import { jsx as e } from "react/jsx-runtime";
+import * as m from "react";
+import { c as r } from "./utils-CVEbMwag.js";
+const l = m.forwardRef(
+  ({ as: o, className: t, ...s }, a) => /* @__PURE__ */ e(
+    o || "h5",
     {
-      "data-slot": "toast-content",
       ref: a,
-      className: r("mds:flex mds:flex-col mds:gap-4 mds:flex-1", t),
+      "data-slot": "tile-title",
+      className: r("mds:body-small-semibold", t),
       ...s
     }
   )
 );
-c.displayName = "ToastContent";
+l.displayName = "ToastTitle";
 export {
-  c as ToastContent
+  l as ToastTitle
 };

package/dist/mainstack-design-system572.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),l=require("./mainstack-design-system573.cjs"),c=require("./mainstack-design-system574.cjs"),o=s.forwardRef(({isError:r,isSuccess:i,maxLength:n=6,...u},p)=>e.jsx(l.PinInputRoot,{maxLength:n,ref:p,...u,children:Array.from({length:n}).fill(null).map((P,t)=>e.jsx(c.PinInputSlot,{index:t,isError:r,isSuccess:i},t))}));o.displayName="PinInput";exports.PinInput=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),l=require("./utils-Dc5FbAZW.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-system572.js

@@ -1,20 +1,18 @@
-'use client';
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { PinInputRoot as l } from "./mainstack-design-system573.js";
-import { PinInputSlot as u } from "./mainstack-design-system574.js";
-const a = f(
-  ({ isError: n, isSuccess: p, maxLength: r = 6, ...i }, m) => /* @__PURE__ */ t(l, { maxLength: r, ref: m, ...i, children: Array.from({ length: r }).fill(null).map((e, o) => /* @__PURE__ */ t(
-    u,
+import { jsx as m } from "react/jsx-runtime";
+import e from "react";
+import { c as r } from "./utils-CVEbMwag.js";
+const n = e.forwardRef, c = n(
+  ({ as: o, className: t, ...s }, a) => /* @__PURE__ */ m(
+    o || "div",
     {
-      index: o,
-      isError: n,
-      isSuccess: p
-    },
-    o
-  )) })
+      "data-slot": "toast-content",
+      ref: a,
+      className: r("mds:flex mds:flex-col mds:gap-4 mds:flex-1", t),
+      ...s
+    }
+  )
 );
-a.displayName = "PinInput";
+c.displayName = "ToastContent";
 export {
-  a as PinInput
+  c as ToastContent
 };

package/dist/mainstack-design-system573.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("react"),l=require("./index-Bpm2I_hv.cjs"),e=require("./utils-BSwAMW3o.cjs"),t=d.forwardRef(({className:o,containerClassName:s,children:n,...r},a)=>i.jsx(l.Lt,{ref:a,"data-slot":"pin-input-root",containerClassName:e.cn("mds:flex mds:gap-8 mds:flex-nowrap mds:sm:gap-16 mds:disabled:cursor-not-allowed",s),className:e.cn("mds:disabled:cursor-not-allowed",o),...r,children:n}));t.displayName="PinInputRoot";exports.PinInputRoot=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),l=require("./mainstack-design-system574.cjs"),c=require("./mainstack-design-system575.cjs"),o=s.forwardRef(({isError:r,isSuccess:i,maxLength:n=6,...u},p)=>e.jsx(l.PinInputRoot,{maxLength:n,ref:p,...u,children:Array.from({length:n}).fill(null).map((P,t)=>e.jsx(c.PinInputSlot,{index:t,isError:r,isSuccess:i},t))}));o.displayName="PinInput";exports.PinInput=o;

package/dist/mainstack-design-system573.js

@@ -1,25 +1,20 @@
 'use client';
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { L as e } from "./index-6WEiHZQh.js";
-import { c as o } from "./utils-DCbdjouM.js";
-const p = n(
-  ({ className: s, containerClassName: r, children: a, ...t }, m) => /* @__PURE__ */ d(
-    e,
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { PinInputRoot as l } from "./mainstack-design-system574.js";
+import { PinInputSlot as u } from "./mainstack-design-system575.js";
+const a = f(
+  ({ isError: n, isSuccess: p, maxLength: r = 6, ...i }, m) => /* @__PURE__ */ t(l, { maxLength: r, ref: m, ...i, children: Array.from({ length: r }).fill(null).map((e, o) => /* @__PURE__ */ t(
+    u,
     {
-      ref: m,
-      "data-slot": "pin-input-root",
-      containerClassName: o(
-        "mds:flex mds:gap-8 mds:flex-nowrap mds:sm:gap-16 mds:disabled:cursor-not-allowed",
-        r
-      ),
-      className: o("mds:disabled:cursor-not-allowed", s),
-      ...t,
-      children: a
-    }
-  )
+      index: o,
+      isError: n,
+      isSuccess: p
+    },
+    o
+  )) })
 );
-p.displayName = "PinInputRoot";
+a.displayName = "PinInput";
 export {
-  p as PinInputRoot
+  a as PinInput
 };

package/dist/mainstack-design-system574.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),v=require("./index-Bpm2I_hv.cjs"),p=require("./utils-BSwAMW3o.cjs"),r=a.forwardRef(({className:d,index:i,isError:n,isSuccess:m,placeholder:e="0",...c},o)=>{const l=a.useContext(v.jt),{char:t,hasFakeCaret:u,isActive:x}=l?.slots[i]??{};return s.jsxs("div",{className:p.cn("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",d),"data-slot":"pin-input-slot","data-active":x,ref:o,...c,children:[s.jsx("span",{"data-error":n,"data-success":m,children:t}),!t&&e&&s.jsx("span",{className:"mds:text-tertiary mds:absolute mds:pointer-events-none mds:inset-0 mds:flex mds:items-center mds:justify-center",children:e}),u&&s.jsx("div",{className:"mds:pointer-events-none mds:absolute mds:-translate-x-8 mds:inset-0 mds:flex mds:items-center mds:justify-center",children:s.jsx("div",{className:"mds:animate-caret-blink mds:bg-primary mds:h-[50%] mds:w-2 mds:duration-1000"})})]})});r.displayName="PinInputSlot";exports.PinInputSlot=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("react"),l=require("./index-Bpm2I_hv.cjs"),e=require("./utils-Dc5FbAZW.cjs"),t=d.forwardRef(({className:o,containerClassName:s,children:n,...r},a)=>i.jsx(l.Lt,{ref:a,"data-slot":"pin-input-root",containerClassName:e.cn("mds:flex mds:gap-8 mds:flex-nowrap mds:sm:gap-16 mds:disabled:cursor-not-allowed",s),className:e.cn("mds:disabled:cursor-not-allowed",o),...r,children:n}));t.displayName="PinInputRoot";exports.PinInputRoot=t;

package/dist/mainstack-design-system574.js

@@ -1,40 +1,25 @@
 'use client';
-import { jsxs as u, jsx as s } from "react/jsx-runtime";
-import { forwardRef as p, useContext as f } from "react";
-import { j as v } from "./index-6WEiHZQh.js";
-import { c as x } from "./utils-DCbdjouM.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" }) })
-        ]
-      }
-    );
-  }
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { L as e } from "./index-6WEiHZQh.js";
+import { c as o } from "./utils-CVEbMwag.js";
+const p = n(
+  ({ className: s, containerClassName: r, children: a, ...t }, m) => /* @__PURE__ */ d(
+    e,
+    {
+      ref: m,
+      "data-slot": "pin-input-root",
+      containerClassName: o(
+        "mds:flex mds:gap-8 mds:flex-nowrap mds:sm:gap-16 mds:disabled:cursor-not-allowed",
+        r
+      ),
+      className: o("mds:disabled:cursor-not-allowed", s),
+      ...t,
+      children: a
+    }
+  )
 );
-h.displayName = "PinInputSlot";
+p.displayName = "PinInputRoot";
 export {
-  h as PinInputSlot
+  p as PinInputRoot
 };

package/dist/mainstack-design-system575.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 s=require("react/jsx-runtime"),a=require("react"),v=require("./index-Bpm2I_hv.cjs"),p=require("./utils-Dc5FbAZW.cjs"),r=a.forwardRef(({className:d,index:i,isError:n,isSuccess:m,placeholder:e="0",...c},o)=>{const l=a.useContext(v.jt),{char:t,hasFakeCaret:u,isActive:x}=l?.slots[i]??{};return s.jsxs("div",{className:p.cn("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",d),"data-slot":"pin-input-slot","data-active":x,ref:o,...c,children:[s.jsx("span",{"data-error":n,"data-success":m,children:t}),!t&&e&&s.jsx("span",{className:"mds:text-tertiary mds:absolute mds:pointer-events-none mds:inset-0 mds:flex mds:items-center mds:justify-center",children:e}),u&&s.jsx("div",{className:"mds:pointer-events-none mds:absolute mds:-translate-x-8 mds:inset-0 mds:flex mds:items-center mds:justify-center",children:s.jsx("div",{className:"mds:animate-caret-blink mds:bg-primary mds:h-[50%] mds:w-2 mds:duration-1000"})})]})});r.displayName="PinInputSlot";exports.PinInputSlot=r;

package/dist/mainstack-design-system575.js

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

package/dist/mainstack-design-system576.cjs

@@ -1,2 +1,2 @@
 '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-system589.cjs"),y=require("./mainstack-design-system602.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 r=require("react/jsx-runtime"),t=require("react"),s=require("./mainstack-design-system581.cjs"),u=require("./mainstack-design-system582.cjs"),y=require("./mainstack-design-system577.cjs"),P=require("./mainstack-design-system578.cjs"),k=require("./mainstack-design-system579.cjs"),C=require("./mainstack-design-system580.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-system576.js

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

package/dist/mainstack-design-system577.cjs

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