mainstack-design-system 1.19.2 → 1.19.4

package/dist/assets/theme/lightDarkModeTheme.css

@@ -244,6 +244,7 @@
   --color-border-surface-info-subtle: var(--mds-color-cobalt-275);
   --color-border-surface-info-strong: var(--mds-color-cobalt-325);
 
+  --color-border-surface-spread-neutral: var(--mds-color-neutral-125);
   --color-border-surface-spread-primary: var(--mds-color-indigo-50);
   --color-border-surface-spread-success: var(--mds-color-green-175);
   --color-border-surface-spread-error: var(--mds-color-red-175);

package/dist/assets/theme/tokenTheme.css

@@ -966,28 +966,19 @@ E.g: public:p-20 will apply padding 20px when data-ui-theme="public in html root
     0 -1px 0 0 var(--mds-color-elevation-shadow-10) inset;
 
   --shadow-special-button-default:
-    -2px 0 0 0 var(--mds-color-neutral-400) inset,
-    0 -2px 0 0 var(--mds-color-neutral-400) inset,
-    2px 0 0 0 var(--mds-color-neutral-400) inset,
-    0 2px 0 0 var(--mds-color-neutral-400) inset,
-    0 4px 8px 0 var(--mds-color-elevation-shadow-20),
-    0 0 0 0.8px var(--mds-color-neutral-500);
+    -0.5px -0.5px 1px 1px var(--mds-color-neutral-350) inset,
+    -0.5px -0.5px 0.5px 1px var(--mds-color-neutral-350) inset,
+    0.5px 0.5px 0.5px 1px var(--mds-color-neutral-350) inset;
 
   --shadow-special-button-hover:
-    0 4px 8px 0 var(--mds-color-elevation-shadow-10),
-    0 0 0 0.8px var(--mds-color-neutral-500),
-    0 -2px 0 0 var(--mds-color-neutral-500) inset,
-    0 2px 0 0 var(--mds-color-neutral-500) inset,
-    -2px 0 0 0 var(--mds-color-neutral-500) inset,
-    2px 0 0 0 var(--mds-color-neutral-500) inset;
+    0.5px 0.5px 0.5px 1px var(--mds-color-neutral-375) inset,
+    -0.5px -0.5px 1px 1px var(--mds-color-neutral-375) inset,
+    -0.5px -0.5px 0.5px 1px var(--mds-color-neutral-375) inset;
 
   --shadow-special-button-pressed:
-    0 6px 0 0 var(--mds-color-neutral-500) inset,
-    0 0 0 0.8px var(--mds-color-neutral-425),
-    0 2px 0 0 var(--mds-color-neutral-500) inset,
-    0 -2px 0 0 var(--mds-color-neutral-500) inset,
-    2px 0 0 0 var(--mds-color-neutral-500) inset,
-    -2px 0 0 0 var(--mds-color-neutral-500) inset;
+    0.521px 0.521px 0 0 var(--mds-color-neutral-375) inset,
+    0 6.25px 0 0 var(--mds-color-neutral-500) inset,
+    0 0 0 0 var(--mds-color-neutral-375) inset;
 
   --background-image-content-special: linear-gradient(
     0deg,

package/dist/mainstack-design-system366.cjs

@@ -1 +1 @@
-"use strict";const o=require("react/jsx-runtime"),s=require("react"),w=require("./utils-BJ1u234q.cjs"),c=s.forwardRef(({children:u,className:l,...r},m)=>{const i=`mask-${s.useId()}`,t=r.width||"24",n=r.height||"24",p=s.Children.map(u,e=>{if(!s.isValidElement(e))return e;const a=e.props,d=typeof e.type=="string"&&e.type.toLowerCase()==="g",k="mask"in a;return d&&k?s.cloneElement(e,{...a,mask:`url(#${i})`}):e});return o.jsxs("svg",{ref:m,xmlns:"http://www.w3.org/2000/svg",width:t,height:n,viewBox:`0 0 ${t} ${n}`,fill:"currentColor",stroke:"none",strokeWidth:"1",style:{maskType:"alpha"},className:w.cn("mds:size-24",l),...r,children:[o.jsx("mask",{id:i,maskUnits:"userSpaceOnUse",x:"0",y:"0",width:t,height:n,children:o.jsx("rect",{width:t,height:n,fill:"white"})}),p]})});c.displayName="Icon";module.exports=c;
+"use strict";const o=require("react/jsx-runtime"),s=require("react"),w=require("./utils-BJ1u234q.cjs"),c=s.forwardRef(({children:u,className:l,...r},m)=>{const i=`mask-${s.useId()}`,t=r.width||"24",n=r.height||"24",p=s.Children.map(u,e=>{if(!s.isValidElement(e))return e;const a=e.props,d=typeof e.type=="string"&&e.type.toLowerCase()==="g",k="mask"in a;return d&&k?s.cloneElement(e,{...a,mask:`url(#${i})`}):e});return o.jsxs("svg",{ref:m,xmlns:"http://www.w3.org/2000/svg",width:t,height:n,viewBox:`0 0 ${t} ${n}`,fill:"currentColor",stroke:"none",strokeWidth:"1",style:{maskType:"alpha"},className:w.cn("mds:size-20",l),...r,children:[o.jsx("mask",{id:i,maskUnits:"userSpaceOnUse",x:"0",y:"0",width:t,height:n,children:o.jsx("rect",{width:t,height:n,fill:"white"})}),p]})});c.displayName="Icon";module.exports=c;

package/dist/mainstack-design-system366.js

@@ -23,7 +23,7 @@ const h = n.forwardRef(
         stroke: "none",
         strokeWidth: "1",
         style: { maskType: "alpha" },
-        className: w("mds:size-24", l),
+        className: w("mds:size-20", l),
         ...r,
         children: [
           /* @__PURE__ */ i(

package/dist/mainstack-design-system406.cjs

@@ -1,10 +1,9 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva(`mds:group/buttonroot mds:inline-flex mds:items-center mds:justify-center mds:cursor-pointer mds:gap-4 mds:body-extrasmall-medium
   mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:transition-background mds:focus:ease-out
   mds:focus-visible:ring-2 mds:focus-visible:ring-border-interactive-info-light-focused mds:disabled:cursor-not-allowed`,{variants:{status:{default:"",warning:"",success:"",error:"",info:""},variant:{special:"",primary:"",secondary:"",outline:"",ghost:""},size:{tiny:"mds:body-tiny-medium mds:h-30 mds:p-6",xs:"mds:h-36  mds:px-14 mds:py-8",sm:"mds:h-40  mds:p-16",md:"mds:h-48  mds:px-16 mds:py-12",lg:"mds:h-56  mds:p-16"},rounded:{sm:"mds:rounded-full",md:"mds:rounded-10"}},compoundVariants:[{status:"default",variant:"special",class:`mds:bg-content-special mds:text-on-primary mds:shadow-special-button-default
-                 mds:border-1 mds:border-neutral-350
-                mds:hover:bg-content-special-hover mds:hover:shadow-special-button-hover mds:outline-2 mds:outline-neutral-500
+                mds:hover:bg-content-special-hover mds:hover:shadow-special-button-hover mds:outline-2 mds:outline-neutral-500   
 
-                mds:active:bg-content-special mds:active:shadow-special-button-pressed mds:active:ring-2 mds:ring-offset-2 mds:ring-border-surface-spread-primary
+                mds:active:bg-content-special mds:active:shadow-special-button-pressed mds:active:ring-2 mds:ring-offset-2 mds:ring-border-surface-spread-neutral
                 mds:disabled:bg-none mds:disabled:border-none mds:disabled:shadow-none mds:disabled:outline-none  mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`},{status:"default",variant:"primary",class:`mds:bg-primary mds:text-on-primary
                 mds:hover:bg-interactive-primary-hover
 
@@ -15,12 +14,12 @@
                   mds:active:bg-interactive-secondary-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-primary
                   mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`},{status:"default",variant:"outline",class:`mds:border mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:text-primary
                 mds:hover:bg-interactive-secondary  mds:hover:border-interactive-secondary
-                    mds:focus-visible:border-border-surface-spread-primary
-                 mds:active:outline-2 mds:active:ring-offset-2 mds:active:ring-border-surface-spread-primary   mds:active:ring-2 mds:active:outline-border-interactive-primary-pressed
+                    mds:focus-visible:border-border-surface-spread-neutral
+                 mds:active:outline-2 mds:active:ring-offset-2 mds:active:ring-border-surface-spread-neutral   mds:active:ring-2 mds:active:outline-border-interactive-primary-pressed
                   mds:disabled:border mds:disabled:border-border-interactive-primary-disabled mds:disabled:text-on-primary-disabled`},{status:"default",variant:"ghost",class:`mds:bg-transparent
               mds:hover:bg-interactive-ghost-hover
 
-              mds:active:bg-interactive-ghost-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-primary
+              mds:active:bg-interactive-ghost-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-neutral
               mds:disabled:bg-transparent  mds:disabled:text-on-primary-disabled`},{status:"warning",variant:"primary",class:`mds:bg-interactive-warning mds:text-on-warning
                 mds:hover:bg-interactive-warning-hover
                 mds:focus-visible:bg-warning  mds:focus-visible:shadow-none

package/dist/mainstack-design-system406.js

@@ -37,10 +37,9 @@ const r = e(
         status: "default",
         variant: "special",
         class: `mds:bg-content-special mds:text-on-primary mds:shadow-special-button-default
-                 mds:border-1 mds:border-neutral-350
-                mds:hover:bg-content-special-hover mds:hover:shadow-special-button-hover mds:outline-2 mds:outline-neutral-500
+                mds:hover:bg-content-special-hover mds:hover:shadow-special-button-hover mds:outline-2 mds:outline-neutral-500   
 
-                mds:active:bg-content-special mds:active:shadow-special-button-pressed mds:active:ring-2 mds:ring-offset-2 mds:ring-border-surface-spread-primary
+                mds:active:bg-content-special mds:active:shadow-special-button-pressed mds:active:ring-2 mds:ring-offset-2 mds:ring-border-surface-spread-neutral
                 mds:disabled:bg-none mds:disabled:border-none mds:disabled:shadow-none mds:disabled:outline-none  mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`
       },
       {
@@ -66,8 +65,8 @@ const r = e(
         variant: "outline",
         class: `mds:border mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:text-primary
                 mds:hover:bg-interactive-secondary  mds:hover:border-interactive-secondary
-                    mds:focus-visible:border-border-surface-spread-primary
-                 mds:active:outline-2 mds:active:ring-offset-2 mds:active:ring-border-surface-spread-primary   mds:active:ring-2 mds:active:outline-border-interactive-primary-pressed
+                    mds:focus-visible:border-border-surface-spread-neutral
+                 mds:active:outline-2 mds:active:ring-offset-2 mds:active:ring-border-surface-spread-neutral   mds:active:ring-2 mds:active:outline-border-interactive-primary-pressed
                   mds:disabled:border mds:disabled:border-border-interactive-primary-disabled mds:disabled:text-on-primary-disabled`
       },
       {
@@ -76,7 +75,7 @@ const r = e(
         class: `mds:bg-transparent
               mds:hover:bg-interactive-ghost-hover
 
-              mds:active:bg-interactive-ghost-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-primary
+              mds:active:bg-interactive-ghost-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-neutral
               mds:disabled:bg-transparent  mds:disabled:text-on-primary-disabled`
       },
       // WARNING BUTTONS

package/dist/mainstack-design-system420.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("react"),n=require("./index-BgXU_6PU.cjs"),m=require("./utils-BJ1u234q.cjs"),r=o.forwardRef(({className:t,children:d,isError:e,...a},s)=>i.jsx(n.Item,{"data-slot":"accordion-item",className:m.cn("mds:w-full mds:p-16 mds:rounded-18 mds:bg-surface-neutral-l1 mds:hover:bg-interactive-secondary mds:flex mds:flex-col mds:gap-16",'mds:data-[state="open"]:bg-surface-neutral-l1 mds:data-[state="open"]:ring-2',e?"mds:ring-border-surface-error-l1 mds:ring-2":"mds:ring-border-interactive-primary mds:ring-1",e?'mds:data-[state="open"]:ring-border-surface-error-l1':'mds:data-[state="open"]:ring-border-interactive-primary-active',"mds:transition-all mds:duration-300 mds:ease-in-out","mds:data-disabled:opacity-50 mds:data-disabled:cursor-not-allowed",t),ref:s,...a,children:d}));r.displayName="AccordionItem";exports.AccordionItem=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),n=require("./index-BgXU_6PU.cjs"),m=require("./utils-BJ1u234q.cjs"),r=i.forwardRef(({className:d,children:s,isError:e,...t},a)=>o.jsx(n.Item,{"data-slot":"accordion-item",className:m.cn("mds:w-full mds:p-16 mds:rounded-18 mds:bg-surface-neutral-l1 mds:hover:bg-interactive-secondary mds:flex mds:flex-col mds:gap-16",'mds:data-[state="open"]:bg-surface-neutral-l1',e?"mds:ring-border-surface-error-l1 mds:ring-2":"mds:ring-border-interactive-primary mds:ring-1",e&&'mds:data-[state="open"]:ring-border-surface-error-l1',"mds:transition-all mds:duration-300 mds:ease-in-out","mds:data-disabled:opacity-50 mds:data-disabled:cursor-not-allowed",d),ref:a,...t,children:s}));r.displayName="AccordionItem";exports.AccordionItem=r;

package/dist/mainstack-design-system420.js

@@ -1,24 +1,24 @@
-import { jsx as s } from "react/jsx-runtime";
-import o from "react";
+import { jsx as o } from "react/jsx-runtime";
+import t from "react";
 import { I as m } from "./index-Z8GhkKSz.js";
 import { c as i } from "./utils-DH-0D-9U.js";
-const n = o.forwardRef(
-  ({ className: a, children: e, isError: r, ...d }, t) => /* @__PURE__ */ s(
+const n = t.forwardRef(
+  ({ className: d, children: a, isError: r, ...e }, s) => /* @__PURE__ */ o(
     m,
     {
       "data-slot": "accordion-item",
       className: i(
         "mds:w-full mds:p-16 mds:rounded-18 mds:bg-surface-neutral-l1 mds:hover:bg-interactive-secondary mds:flex mds:flex-col mds:gap-16",
-        'mds:data-[state="open"]:bg-surface-neutral-l1 mds:data-[state="open"]:ring-2',
+        'mds:data-[state="open"]:bg-surface-neutral-l1',
         r ? "mds:ring-border-surface-error-l1 mds:ring-2" : "mds:ring-border-interactive-primary mds:ring-1",
-        r ? 'mds:data-[state="open"]:ring-border-surface-error-l1' : 'mds:data-[state="open"]:ring-border-interactive-primary-active',
+        r && 'mds:data-[state="open"]:ring-border-surface-error-l1',
         "mds:transition-all mds:duration-300 mds:ease-in-out",
         "mds:data-disabled:opacity-50 mds:data-disabled:cursor-not-allowed",
-        a
+        d
       ),
-      ref: t,
-      ...d,
-      children: e
+      ref: s,
+      ...e,
+      children: a
     }
   )
 );

package/dist/mainstack-design-system422.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),c=require("./index-BgXU_6PU.cjs"),r=require("./utils-BJ1u234q.cjs");require("./mainstack-design-system366.cjs");const i=require("./mainstack-design-system196.cjs");require("./player-C6X6nrWe.cjs");const o=d.forwardRef(({className:s,children:t,...n},a)=>e.jsxs(c.Header,{"data-slot":"accordion-header",ref:a,className:r.cn("mds:group mds:flex mds:items-center mds:gap-8 mds:w-full",s),...n,children:[t,e.jsx(i,{className:r.cn("mds:transition-transform mds:duration-300 mds:ease-in-out",'mds:group-data-[state="open"]:rotate-180')})]}));o.displayName="AccordionHeader";exports.AccordionHeader=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),r=require("./index-BgXU_6PU.cjs"),s=require("./utils-BJ1u234q.cjs");require("./mainstack-design-system366.cjs");const c=require("./mainstack-design-system196.cjs");require("./player-C6X6nrWe.cjs");const o=i.forwardRef(({className:t,children:n,...d},a)=>e.jsxs(r.Header,{"data-slot":"accordion-header",ref:a,className:s.cn("mds:group mds:flex mds:items-center mds:gap-8 mds:w-full",t),...d,children:[n,e.jsx(r.Trigger2,{asChild:!0,children:e.jsx(c,{className:s.cn("mds:transition-transform mds:cursor-pointer mds:duration-300 mds:ease-in-out",'mds:group-data-[state="open"]:rotate-180')})})]}));o.displayName="AccordionHeader";exports.AccordionHeader=o;

package/dist/mainstack-design-system422.js

@@ -1,37 +1,37 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import d from "react";
-import { H as i } from "./index-Z8GhkKSz.js";
-import { c as r } from "./utils-DH-0D-9U.js";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import m from "react";
+import { H as i, T as n } from "./index-Z8GhkKSz.js";
+import { c as o } from "./utils-DH-0D-9U.js";
 import "./mainstack-design-system366.js";
-import n from "./mainstack-design-system196.js";
+import c from "./mainstack-design-system196.js";
 import "./player-DlPlWw5L.js";
-const c = d.forwardRef(
-  ({ className: o, children: a, ...e }, m) => /* @__PURE__ */ s(
+const p = m.forwardRef(
+  ({ className: e, children: a, ...s }, t) => /* @__PURE__ */ d(
     i,
     {
       "data-slot": "accordion-header",
-      ref: m,
-      className: r(
+      ref: t,
+      className: o(
         "mds:group mds:flex mds:items-center mds:gap-8 mds:w-full",
-        o
+        e
       ),
-      ...e,
+      ...s,
       children: [
         a,
-        /* @__PURE__ */ t(
-          n,
+        /* @__PURE__ */ r(n, { asChild: !0, children: /* @__PURE__ */ r(
+          c,
           {
-            className: r(
-              "mds:transition-transform mds:duration-300 mds:ease-in-out",
+            className: o(
+              "mds:transition-transform mds:cursor-pointer mds:duration-300 mds:ease-in-out",
               'mds:group-data-[state="open"]:rotate-180'
             )
           }
-        )
+        ) })
       ]
     }
   )
 );
-c.displayName = "AccordionHeader";
+p.displayName = "AccordionHeader";
 export {
-  c as AccordionHeader
+  p as AccordionHeader
 };

package/dist/mainstack-design-system437.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),a=require("react"),l=require("./index-CpE6WAgy.cjs"),u=require("./utils-BJ1u234q.cjs");function d(e){const n=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(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const f=d(a),s=f.forwardRef(({className:e,asChild:n=!1,children:t,...r},o)=>{const c=n?l.Slot:"span";return i.jsx(c,{ref:o,"data-slot":"chip-slot",className:u.cn("mds:inline-flex mds:items-center mds:justify-center mds:shrink-0 mds:[&_svg]:text-accent",e),...r,children:t})});s.displayName="ChipSlot";exports.ChipSlot=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),l=require("react"),a=require("./index-CpE6WAgy.cjs"),u=require("./utils-BJ1u234q.cjs");function d(e){const s=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(s,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const m=d(l),n=m.forwardRef(({className:e,asChild:s=!1,children:t,...r},i)=>{const o=s?a.Slot:"span";return c.jsx(o,{ref:i,"data-slot":"chip-slot",className:u.cn("mds:inline-flex mds:items-center mds:justify-center mds:shrink-0 mds:[&:first-child_svg]:text-primary mds:[&:last-child_svg]:text-secondary",e),...r,children:t})});n.displayName="ChipSlot";exports.ChipSlot=n;

package/dist/mainstack-design-system437.js

@@ -1,23 +1,23 @@
-import { jsx as r } from "react/jsx-runtime";
-import * as a from "react";
-import { S as i } from "./index-BtQfgaSF.js";
-import { c as p } from "./utils-DH-0D-9U.js";
-const c = a.forwardRef(
-  ({ className: s, asChild: t = !1, children: o, ...m }, e) => /* @__PURE__ */ r(
-    t ? i : "span",
+import { jsx as e } from "react/jsx-runtime";
+import * as i from "react";
+import { S as a } from "./index-BtQfgaSF.js";
+import { c as l } from "./utils-DH-0D-9U.js";
+const p = i.forwardRef(
+  ({ className: s, asChild: t = !1, children: m, ...o }, r) => /* @__PURE__ */ e(
+    t ? a : "span",
     {
-      ref: e,
+      ref: r,
       "data-slot": "chip-slot",
-      className: p(
-        "mds:inline-flex mds:items-center mds:justify-center mds:shrink-0 mds:[&_svg]:text-accent",
+      className: l(
+        "mds:inline-flex mds:items-center mds:justify-center mds:shrink-0 mds:[&:first-child_svg]:text-primary mds:[&:last-child_svg]:text-secondary",
         s
       ),
-      ...m,
-      children: o
+      ...o,
+      children: m
     }
   )
 );
-c.displayName = "ChipSlot";
+p.displayName = "ChipSlot";
 export {
-  c as ChipSlot
+  p as ChipSlot
 };

package/dist/mainstack-design-system440.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CAgJYdlN.cjs"),e=r.cva(["mds:group/parent mds:flex mds:items-center mds:justify-center mds:gap-4 mds:w-full mds:rounded-full mds:outline-none mds:transition-colors mds:body-extrasmall-medium mds:bg-surface-neutral-l1 mds:border mds:border-border-interactive-primary mds:text-primary mds:cursor-pointer","mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:transition-background mds:focus:ease-out","mds:hover:bg-interactive-secondary","mds:aria-disabled:bg-interactive-neutral-disabled mds:aria-disabled:text-disabled mds:aria-disabled:pointer-events-none mds:aria-disabled:cursor-not-allowed","mds:focus-visible:ring-2 mds:focus-visible:ring-offset-0 mds:focus-visible:outline-2 mds:focus-visible:outline-border-interactive-primary mds:focus-visible:ring-border-surface-spread-focus","mds:active:ring-3 mds:active:border-1 mds:active:border-border-interactive-primary-pressed mds:active:ring-border-surface-spread-primary","mds:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-primary-active","mds:active:**:data-[slot=checkbox-indicator]:ring-3 mds:active:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-primary mds:active:**:data-[slot=checkbox-indicator]:border-2 mds:active:**:data-[slot=checkbox-indicator]:border-border-interactive-primary-pressed","mds:hover:**:data-[slot=checkbox-indicator]:bg-interactive-secondary mds:hover:**:data-[slot=checkbox-indicator]:border-border-interactive-primary-hover","mds:focus-visible:**:data-[slot=checkbox-indicator]:ring-2 mds:focus-visible:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-focus","mds:data-[selected=true]:**:data-[slot=checkbox-indicator]:bg-interactive-primary","mds:flex mds:gap-4"],{variants:{size:{tiny:"mds:h-32",xs:"mds:h-36 ",sm:"mds:h-40"}},defaultVariants:{size:"sm"}}),s=r.cva(["mds:pointer-events-none mds:rounded-full mds:size-15 mds:border mds:border-border-surface-neutral-l1","mds:group-hover:bg-interactive-secondary mds:group-hover:border-border-surface-neutral-l1","mds:group-focus-visible:border-2 mds:group-focus-visible:border-border-surface-spread-focus","mds:group-active:ring-3 mds:group-active:rounded-full! mds:group-active:border-2 mds:group-active:border-border-interactive-primary-pressed mds:group-active:ring-border-surface-spread-primary","mds:group-data-[selected=true]:border-2 mds:group-data-[selected=true]:border-border-interactive-primary-active","mds:[&_svg]:size-15"]);exports.chipCheckboxVariants=s;exports.chipVariants=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CAgJYdlN.cjs"),e=r.cva(["mds:group/parent mds:flex mds:items-center mds:justify-center mds:gap-4 mds:w-full mds:rounded-full mds:outline-none mds:transition-colors mds:body-extrasmall-medium mds:bg-surface-neutral-l1 mds:border mds:border-border-interactive-primary mds:text-primary mds:cursor-pointer","mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:transition-background mds:focus:ease-out","mds:hover:bg-interactive-secondary","mds:aria-disabled:bg-interactive-neutral-disabled mds:aria-disabled:text-disabled mds:aria-disabled:pointer-events-none mds:aria-disabled:cursor-not-allowed","mds:focus-visible:ring-2 mds:focus-visible:ring-offset-0 mds:focus-visible:outline-2 mds:focus-visible:outline-border-interactive-primary mds:focus-visible:ring-border-surface-spread-focus","mds:active:ring-3 mds:active:border-1 mds:active:border-border-interactive-primary-pressed mds:active:ring-border-surface-spread-primary","mds:data-[selected=true]:ring-3 mds:data-[selected=true]:ring-border-surface-spread-primary mds:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-primary-active","mds:active:**:data-[slot=checkbox-indicator]:ring-3 mds:active:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-primary mds:active:**:data-[slot=checkbox-indicator]:border-2 mds:active:**:data-[slot=checkbox-indicator]:border-border-interactive-primary-pressed","mds:hover:**:data-[slot=checkbox-indicator]:bg-interactive-secondary mds:hover:**:data-[slot=checkbox-indicator]:border-border-interactive-primary-hover","mds:focus-visible:**:data-[slot=checkbox-indicator]:ring-2 mds:focus-visible:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-focus","mds:data-[selected=true]:**:data-[slot=checkbox-indicator]:bg-interactive-primary","mds:flex mds:gap-4"],{variants:{size:{tiny:"mds:h-32",xs:"mds:h-36 ",sm:"mds:h-40"}},defaultVariants:{size:"sm"}}),d=r.cva(["mds:pointer-events-none mds:rounded-full mds:size-15 mds:border mds:border-border-surface-neutral-l1","mds:group-hover:bg-interactive-secondary mds:group-hover:border-border-surface-neutral-l1","mds:group-focus-visible:border-2 mds:group-focus-visible:border-border-surface-spread-focus","mds:group-active:ring-3 mds:group-active:rounded-full! mds:group-active:border-2 mds:group-active:border-border-interactive-primary-pressed mds:group-active:ring-border-surface-spread-primary","mds:group-data-[selected=true]:border-2 mds:group-data-[selected=true]:border-border-interactive-primary-active","mds:[&_svg]:size-15"]);exports.chipCheckboxVariants=d;exports.chipVariants=e;

package/dist/mainstack-design-system440.js

@@ -7,7 +7,7 @@ const d = r(
     "mds:aria-disabled:bg-interactive-neutral-disabled mds:aria-disabled:text-disabled mds:aria-disabled:pointer-events-none mds:aria-disabled:cursor-not-allowed",
     "mds:focus-visible:ring-2 mds:focus-visible:ring-offset-0 mds:focus-visible:outline-2 mds:focus-visible:outline-border-interactive-primary mds:focus-visible:ring-border-surface-spread-focus",
     "mds:active:ring-3 mds:active:border-1 mds:active:border-border-interactive-primary-pressed mds:active:ring-border-surface-spread-primary",
-    "mds:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-primary-active",
+    "mds:data-[selected=true]:ring-3 mds:data-[selected=true]:ring-border-surface-spread-primary mds:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-primary-active",
     "mds:active:**:data-[slot=checkbox-indicator]:ring-3 mds:active:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-primary mds:active:**:data-[slot=checkbox-indicator]:border-2 mds:active:**:data-[slot=checkbox-indicator]:border-border-interactive-primary-pressed",
     "mds:hover:**:data-[slot=checkbox-indicator]:bg-interactive-secondary mds:hover:**:data-[slot=checkbox-indicator]:border-border-interactive-primary-hover",
     "mds:focus-visible:**:data-[slot=checkbox-indicator]:ring-2 mds:focus-visible:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-focus",

package/dist/mainstack-design-system451.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react"),i=require("./utils-BJ1u234q.cjs"),e=n.forwardRef(({className:t,shape:d="rounded",isError:s,isSuccess:r,...a},l)=>o.jsx("input",{ref:l,"data-slot":"input-field","data-error":s,"data-success":r,"data-shape":d,className:i.cn("mds:body-extrasmall-book","mds:peer mds:flex-1 mds:border-none mds:outline-none mds:h-full mds:placeholder:text-tertiary mds:disabled:cursor-not-allowed",t),...a}));e.displayName="InputField";exports.InputField=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),u=require("./utils-BJ1u234q.cjs"),e=o.forwardRef(({className:t,shape:r="rounded",isError:d,isSuccess:s,...a},l)=>n.jsx("input",{ref:l,"data-slot":"input-field","data-error":d,"data-success":s,"data-shape":r,className:u.cn("mds:body-extrasmall-regular","mds:peer mds:flex-1 mds:border-none mds:outline-none mds:h-full mds:placeholder:text-tertiary mds:disabled:cursor-not-allowed",t),...a}));e.displayName="InputField";exports.InputField=e;

package/dist/mainstack-design-system451.js

@@ -1,23 +1,23 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
 import { c as m } from "./utils-DH-0D-9U.js";
 const n = l(
   ({
     className: e,
-    shape: d = "rounded",
-    isError: r,
-    isSuccess: o,
+    shape: r = "rounded",
+    isError: d,
+    isSuccess: a,
     ...s
-  }, t) => /* @__PURE__ */ a(
+  }, t) => /* @__PURE__ */ o(
     "input",
     {
       ref: t,
       "data-slot": "input-field",
-      "data-error": r,
-      "data-success": o,
-      "data-shape": d,
+      "data-error": d,
+      "data-success": a,
+      "data-shape": r,
       className: m(
-        "mds:body-extrasmall-book",
+        "mds:body-extrasmall-regular",
         "mds:peer mds:flex-1 mds:border-none mds:outline-none mds:h-full mds:placeholder:text-tertiary mds:disabled:cursor-not-allowed",
         e
       ),

package/dist/mainstack-design-system461.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),g=require("react"),m=require("./mainstack-design-system450.cjs"),F=require("./mainstack-design-system451.cjs");require("./mainstack-design-system449.cjs");const e=require("./utils-BJ1u234q.cjs"),C=require("./mainstack-design-system605.cjs"),P=require("./mainstack-design-system398.cjs"),c=g.forwardRef(({placeholder:a="0.00",disabled:s,...l},d)=>{const{activeCountry:i,isDisabled:u,value:_,onValueChange:r}=C.usePriceFieldContext(),p=P.COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP[i];return t.jsxs(m.InputRoot,{"data-slot":"price-field-digit-field",className:"mds:has-disabled:opacity-50",children:[t.jsx("p",{className:e.cn("mds:body-extrasmall-book"),children:p??""}),t.jsx(F.InputField,{...l,disabled:s||u,placeholder:a,value:e.formatPriceDigit(e.sanitizePriceInputValue(_)),onChange:n=>{const o=e.getPriceDigitMetadataValueObject({value:n.target.value,activeCountry:i});r&&(n.target.value=o.digit,r(o))},ref:d})]})});c.displayName="PriceFieldDigitField";exports.PriceFieldDigitField=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),g=require("react"),m=require("./mainstack-design-system450.cjs"),F=require("./mainstack-design-system451.cjs");require("./mainstack-design-system449.cjs");const e=require("./utils-BJ1u234q.cjs"),C=require("./mainstack-design-system605.cjs"),P=require("./mainstack-design-system398.cjs"),c=g.forwardRef(({placeholder:o="0.00",disabled:s,...l},u)=>{const{activeCountry:i,isDisabled:d,value:_,onValueChange:r}=C.usePriceFieldContext(),p=P.COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP[i];return t.jsxs(m.InputRoot,{"data-slot":"price-field-digit-field",className:"mds:has-disabled:opacity-50",children:[t.jsx("p",{className:e.cn("mds:body-extrasmall-regular"),children:p??""}),t.jsx(F.InputField,{...l,disabled:s||d,placeholder:o,value:e.formatPriceDigit(e.sanitizePriceInputValue(_)),onChange:n=>{const a=e.getPriceDigitMetadataValueObject({value:n.target.value,activeCountry:i});r&&(n.target.value=a.digit,r(a))},ref:u})]})});c.displayName="PriceFieldDigitField";exports.PriceFieldDigitField=c;

package/dist/mainstack-design-system461.js

@@ -1,35 +1,35 @@
 'use client';
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
 import { InputRoot as f } from "./mainstack-design-system450.js";
 import { InputField as g } from "./mainstack-design-system451.js";
 import "./mainstack-design-system449.js";
-import { c as C, d as _, l as b, b as v } from "./utils-DH-0D-9U.js";
-import { usePriceFieldContext as D } from "./mainstack-design-system605.js";
-import { COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP as P } from "./mainstack-design-system398.js";
-const y = u(
-  ({ placeholder: o = "0.00", disabled: d, ...l }, s) => {
-    const { activeCountry: i, isDisabled: c, value: m, onValueChange: e } = D(), n = P[i];
-    return /* @__PURE__ */ p(
+import { c as C, d as _, l as v, b as D } from "./utils-DH-0D-9U.js";
+import { usePriceFieldContext as P } from "./mainstack-design-system605.js";
+import { COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP as b } from "./mainstack-design-system398.js";
+const y = p(
+  ({ placeholder: o = "0.00", disabled: l, ...d }, s) => {
+    const { activeCountry: e, isDisabled: c, value: m, onValueChange: i } = P(), n = b[e];
+    return /* @__PURE__ */ u(
       f,
       {
         "data-slot": "price-field-digit-field",
         className: "mds:has-disabled:opacity-50",
         children: [
-          /* @__PURE__ */ r("p", { className: C("mds:body-extrasmall-book"), children: n ?? "" }),
+          /* @__PURE__ */ r("p", { className: C("mds:body-extrasmall-regular"), children: n ?? "" }),
           /* @__PURE__ */ r(
             g,
             {
-              ...l,
-              disabled: d || c,
+              ...d,
+              disabled: l || c,
               placeholder: o,
-              value: _(v(m)),
+              value: _(D(m)),
               onChange: (t) => {
-                const a = b({
+                const a = v({
                   value: t.target.value,
-                  activeCountry: i
+                  activeCountry: e
                 });
-                e && (t.target.value = a.digit, e(a));
+                i && (t.target.value = a.digit, i(a));
               },
               ref: s
             }

package/dist/mainstack-design-system472.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index-DX47zPiS.cjs"),m=require("./utils-BJ1u234q.cjs"),d=t.forwardRef(({className:s,...a},i)=>e.jsx(r.Item2,{"data-slot":"radio-item-indicator",className:m.cn("mds:peer mds:relative mds:flex mds:items-center mds:gap-12 mds:border mds:cursor-pointer mds:rounded-full mds:border-border-interactive-primary mds:bg-on-primary mds:size-24 mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:ring-2 mds:active:ring-2 mds:active:ring-border-surface-spread-primary mds:focus:ring-border-surface-spread-focus mds:ring-offset-0 mds:group-data-[error=true]:border-border-surface-error-l1 mds:group-data-[radio-size=large]:size-32 mds:disabled:bg-interactive-primary-disabled mds:hover:border-border-interactive-primary-active-hover mds:aria-checked:bg-interactive-primary mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-primary-disabled  mds:disabled:cursor-not-allowed  ",s),ref:i,...a,children:e.jsx(r.Indicator,{className:"mds:absolute mds:left-1/2 mds:top-1/2 mds:-translate-1/2 mds:flex mds:items-center mds:justify-center mds:size-full mds:after:content-[''] mds:after:block mds:after:size-12 mds:after:rounded-full mds:after:bg-on-primary mds:group-data-[radio-size=large]:after:size-16  "})}));d.displayName="RadioItemIndicator";exports.RadioItemIndicator=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index-DX47zPiS.cjs"),m=require("./utils-BJ1u234q.cjs"),d=t.forwardRef(({className:s,...a},i)=>e.jsx(r.Item2,{"data-slot":"radio-item-indicator",className:m.cn("mds:peer mds:relative mds:flex mds:items-center mds:gap-12 mds:border mds:cursor-pointer mds:rounded-full mds:border-border-interactive-primary mds:bg-on-primary mds:size-20 mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:ring-2 mds:active:ring-2 mds:active:ring-border-surface-spread-primary mds:focus:ring-border-surface-spread-focus mds:ring-offset-0 mds:group-data-[error=true]:border-border-surface-error-l1 mds:group-data-[radio-size=large]:size-32 mds:disabled:bg-interactive-primary-disabled mds:hover:border-border-interactive-primary-active-hover mds:aria-checked:bg-interactive-primary mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-primary-disabled  mds:disabled:cursor-not-allowed  ",s),ref:i,...a,children:e.jsx(r.Indicator,{className:"mds:absolute mds:left-1/2 mds:top-1/2 mds:-translate-1/2 mds:flex mds:items-center mds:justify-center mds:size-full mds:after:content-[''] mds:after:block mds:after:size-10 mds:after:rounded-full mds:after:bg-on-primary mds:group-data-[radio-size=large]:after:size-16  "})}));d.displayName="RadioItemIndicator";exports.RadioItemIndicator=d;

package/dist/mainstack-design-system472.js

@@ -8,12 +8,12 @@ const o = a(
     {
       "data-slot": "radio-item-indicator",
       className: t(
-        "mds:peer mds:relative mds:flex mds:items-center mds:gap-12 mds:border mds:cursor-pointer mds:rounded-full mds:border-border-interactive-primary mds:bg-on-primary mds:size-24 mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:ring-2 mds:active:ring-2 mds:active:ring-border-surface-spread-primary mds:focus:ring-border-surface-spread-focus mds:ring-offset-0 mds:group-data-[error=true]:border-border-surface-error-l1 mds:group-data-[radio-size=large]:size-32 mds:disabled:bg-interactive-primary-disabled mds:hover:border-border-interactive-primary-active-hover mds:aria-checked:bg-interactive-primary mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-primary-disabled  mds:disabled:cursor-not-allowed  ",
+        "mds:peer mds:relative mds:flex mds:items-center mds:gap-12 mds:border mds:cursor-pointer mds:rounded-full mds:border-border-interactive-primary mds:bg-on-primary mds:size-20 mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:ring-2 mds:active:ring-2 mds:active:ring-border-surface-spread-primary mds:focus:ring-border-surface-spread-focus mds:ring-offset-0 mds:group-data-[error=true]:border-border-surface-error-l1 mds:group-data-[radio-size=large]:size-32 mds:disabled:bg-interactive-primary-disabled mds:hover:border-border-interactive-primary-active-hover mds:aria-checked:bg-interactive-primary mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-primary-disabled  mds:disabled:cursor-not-allowed  ",
         e
       ),
       ref: s,
       ...d,
-      children: /* @__PURE__ */ r(m, { className: "mds:absolute mds:left-1/2 mds:top-1/2 mds:-translate-1/2 mds:flex mds:items-center mds:justify-center mds:size-full mds:after:content-[''] mds:after:block mds:after:size-12 mds:after:rounded-full mds:after:bg-on-primary mds:group-data-[radio-size=large]:after:size-16  " })
+      children: /* @__PURE__ */ r(m, { className: "mds:absolute mds:left-1/2 mds:top-1/2 mds:-translate-1/2 mds:flex mds:items-center mds:justify-center mds:size-full mds:after:content-[''] mds:after:block mds:after:size-10 mds:after:rounded-full mds:after:bg-on-primary mds:group-data-[radio-size=large]:after:size-16  " })
     }
   )
 );

package/dist/mainstack-design-system477.cjs

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

package/dist/mainstack-design-system477.js

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

package/dist/mainstack-design-system481.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),S=require("react"),N=require("./utils-BJ1u234q.cjs"),P=require("./mainstack-design-system606.cjs"),x=S.forwardRef(({value:e="",className:A,isGroupLabel:g,isDisabled:d,isCreatableOption:h,onClick:l,..._},I)=>{const{isOptionOpen:q,isMultiSelect:r,selectedOption:s,rootElementRef:p,isCreatableSelect:w,options:m,setOptions:C,setPreviousAction:j,setInputValue:f,onValueChange:n,onOptionSelect:o,onOptionOpenChange:R,setSelectedOption:u}=P.useSelectContext(),y=S.useMemo(()=>r&&Array.isArray(s)?s?.some(c=>e===c):!r&&!Array.isArray(s)?s===e:!1,[r,s,e]);return O.jsx("div",{"aria-disabled":d,className:" mds:aria-disabled:cursor-not-allowed",children:O.jsx("div",{role:"button","data-slot":"select-option-item",tabIndex:0,className:N.cn("mds:body-extrasmall-medium","mds:py-8 mds:px-10 mds:cursor-pointer mds:text-left mds:rounded-12 mds:aria-selected:bg-interactive-secondary-hover mds:aria-disabled:pointer-events-none mds:aria-disabled:opacity-40 mds:hover:bg-interactive-secondary-hover",A),"aria-selected":y,"data-select-options-opened":q,ref:I,"aria-disabled":d||g,onClick:c=>{if(l&&l(c),!e)return;j("selection");let i=m;if(h&&w&&!i.map.has(e)){i={...m};const t={value:e,label:e};i.array.push(t),i.map.set(t.value,t),C(i)}if(r){let t=s;if(Array.isArray(s))if(t=[...s],y){const a=t.findIndex(M=>M===e);a>-1&&t.splice(a,1)}else t.push(e);else t=[e];if(u(t),f(""),Array.isArray(t)&&n&&n(t),Array.isArray(t)&&o&&o(t.map(a=>i.map.get(a))),!p.current)return null;const b=p.current.querySelector('[data-slot="select-input-field"]');b&&b.focus()}else n&&e&&n(e),o&&e&&o(i.map.get(e)),f(i.map.get(e)?.label||""),u(e),R(!1)},..._})})});x.displayName="SelectOptionItem";exports.SelectOptionItem=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),x=require("react"),N=require("./utils-BJ1u234q.cjs"),P=require("./mainstack-design-system606.cjs"),A=x.forwardRef(({value:e="",className:g,isGroupLabel:h,isDisabled:d,isCreatableOption:_,onClick:l,...I},q)=>{const{isOptionOpen:w,isMultiSelect:r,selectedOption:s,rootElementRef:p,isCreatableSelect:C,options:m,setOptions:j,setPreviousAction:R,setInputValue:f,onValueChange:n,onOptionSelect:o,onOptionOpenChange:u,setSelectedOption:y}=P.useSelectContext(),b=x.useMemo(()=>r&&Array.isArray(s)?s?.some(c=>e===c):!r&&!Array.isArray(s)?s===e:!1,[r,s,e]);return S.jsx("div",{"aria-disabled":d,className:" mds:aria-disabled:cursor-not-allowed",children:S.jsx("div",{role:"button","data-slot":"select-option-item",tabIndex:0,className:N.cn("mds:body-extrasmall-medium","mds:py-8 mds:px-10 mds:cursor-pointer mds:text-left mds:rounded-12 mds:aria-selected:bg-interactive-secondary-hover mds:aria-disabled:pointer-events-none mds:aria-disabled:opacity-40 mds:hover:bg-interactive-secondary-hover",g),"aria-selected":b,"data-select-options-opened":w,ref:q,"aria-disabled":d||h,onClick:c=>{if(l&&l(c),!e)return;R("selection");let i=m;if(_&&C&&!i.map.has(e)){i={...m};const t={value:e,label:e};i.array.push(t),i.map.set(t.value,t),j(i)}if(r){let t=s;if(Array.isArray(s))if(t=[...s],b){const a=t.findIndex(M=>M===e);a>-1&&t.splice(a,1)}else t.push(e);else t=[e];if(y(t),f(""),Array.isArray(t)&&n&&n(t),Array.isArray(t)&&o&&o(t.map(a=>i.map.get(a))),!p.current)return null;const O=p.current.querySelector('[data-slot="select-input-field"]');O&&(O.focus(),u(!0))}else n&&e&&n(e),o&&e&&o(i.map.get(e)),f(i.map.get(e)?.label||""),y(e),u(!1)},...I})})});A.displayName="SelectOptionItem";exports.SelectOptionItem=A;