mainstack-design-system 1.4.1 → 1.4.2

package/dist/mainstack-design-system598.js

@@ -1,6 +1,6 @@
 'use client';
-import { jsx as s, jsxs as L, Fragment as O } from "react/jsx-runtime";
-import * as i from "react";
+import { jsx as c, jsxs as L, Fragment as O } from "react/jsx-runtime";
+import * as d from "react";
 import { forwardRef as H } from "react";
 import { u as S } from "./index-DLcqcWxM.js";
 import { c as G, P, a as N } from "./index-DMumqyNN.js";
@@ -11,135 +11,135 @@ import { P as $ } from "./index-BpWB3aFK.js";
 import "./mainstack-design-system355.js";
 import J from "./mainstack-design-system102.js";
 import "./player-DSenNqFV.js";
-import { c as Q } from "./utils-DnnzGb1L.js";
+import { c as Q } from "./utils-Opg_zrKx.js";
 var y = "Checkbox", [V] = G(y), [W, _] = V(y);
 function Y(r) {
   const {
-    __scopeCheckbox: a,
+    __scopeCheckbox: s,
     checked: t,
     children: l,
-    defaultChecked: n,
+    defaultChecked: a,
     disabled: e,
-    form: f,
-    name: b,
-    onCheckedChange: d,
+    form: p,
+    name: f,
+    onCheckedChange: i,
     required: h,
     value: k = "on",
     // @ts-expect-error
     internal_do_not_use_render: u
-  } = r, [p, x] = K({
+  } = r, [m, x] = K({
     prop: t,
-    defaultProp: n ?? !1,
-    onChange: d,
+    defaultProp: a ?? !1,
+    onChange: i,
     caller: y
-  }), [C, v] = i.useState(null), [g, o] = i.useState(null), c = i.useRef(!1), I = C ? !!f || !!C.closest("form") : (
+  }), [C, v] = d.useState(null), [g, o] = d.useState(null), n = d.useRef(!1), I = C ? !!p || !!C.closest("form") : (
     // We set this to true by default so that events bubble to forms without JS (SSR)
     !0
   ), R = {
-    checked: p,
+    checked: m,
     disabled: e,
     setChecked: x,
     control: C,
     setControl: v,
-    name: b,
-    form: f,
+    name: f,
+    form: p,
     value: k,
-    hasConsumerStoppedPropagationRef: c,
+    hasConsumerStoppedPropagationRef: n,
     required: h,
-    defaultChecked: m(n) ? !1 : n,
+    defaultChecked: b(a) ? !1 : a,
     isFormControl: I,
     bubbleInput: g,
     setBubbleInput: o
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ c(
     W,
     {
-      scope: a,
+      scope: s,
       ...R,
       children: Z(u) ? u(R) : l
     }
   );
 }
-var w = "CheckboxTrigger", z = i.forwardRef(
-  ({ __scopeCheckbox: r, onKeyDown: a, onClick: t, ...l }, n) => {
+var w = "CheckboxTrigger", z = d.forwardRef(
+  ({ __scopeCheckbox: r, onKeyDown: s, onClick: t, ...l }, a) => {
     const {
       control: e,
-      value: f,
-      disabled: b,
-      checked: d,
+      value: p,
+      disabled: f,
+      checked: i,
       required: h,
       setControl: k,
       setChecked: u,
-      hasConsumerStoppedPropagationRef: p,
+      hasConsumerStoppedPropagationRef: m,
       isFormControl: x,
       bubbleInput: C
-    } = _(w, r), v = S(n, k), g = i.useRef(d);
-    return i.useEffect(() => {
+    } = _(w, r), v = S(a, k), g = d.useRef(i);
+    return d.useEffect(() => {
       const o = e?.form;
       if (o) {
-        const c = () => u(g.current);
-        return o.addEventListener("reset", c), () => o.removeEventListener("reset", c);
+        const n = () => u(g.current);
+        return o.addEventListener("reset", n), () => o.removeEventListener("reset", n);
       }
-    }, [e, u]), /* @__PURE__ */ s(
+    }, [e, u]), /* @__PURE__ */ c(
       P.button,
       {
         type: "button",
         role: "checkbox",
-        "aria-checked": m(d) ? "mixed" : d,
+        "aria-checked": b(i) ? "mixed" : i,
         "aria-required": h,
-        "data-state": j(d),
-        "data-disabled": b ? "" : void 0,
-        disabled: b,
-        value: f,
+        "data-state": j(i),
+        "data-disabled": f ? "" : void 0,
+        disabled: f,
+        value: p,
         ...l,
         ref: v,
-        onKeyDown: N(a, (o) => {
+        onKeyDown: N(s, (o) => {
           o.key === "Enter" && o.preventDefault();
         }),
         onClick: N(t, (o) => {
-          u((c) => m(c) ? !0 : !c), C && x && (p.current = o.isPropagationStopped(), p.current || o.stopPropagation());
+          u((n) => b(n) ? !0 : !n), C && x && (m.current = o.isPropagationStopped(), m.current || o.stopPropagation());
         })
       }
     );
   }
 );
 z.displayName = w;
-var B = i.forwardRef(
-  (r, a) => {
+var B = d.forwardRef(
+  (r, s) => {
     const {
       __scopeCheckbox: t,
       name: l,
-      checked: n,
+      checked: a,
       defaultChecked: e,
-      required: f,
-      disabled: b,
-      value: d,
+      required: p,
+      disabled: f,
+      value: i,
       onCheckedChange: h,
       form: k,
       ...u
     } = r;
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ c(
       Y,
       {
         __scopeCheckbox: t,
-        checked: n,
+        checked: a,
         defaultChecked: e,
-        disabled: b,
-        required: f,
+        disabled: f,
+        required: p,
         onCheckedChange: h,
         name: l,
         form: k,
-        value: d,
-        internal_do_not_use_render: ({ isFormControl: p }) => /* @__PURE__ */ L(O, { children: [
-          /* @__PURE__ */ s(
+        value: i,
+        internal_do_not_use_render: ({ isFormControl: m }) => /* @__PURE__ */ L(O, { children: [
+          /* @__PURE__ */ c(
             z,
             {
               ...u,
-              ref: a,
+              ref: s,
               __scopeCheckbox: t
             }
           ),
-          p && /* @__PURE__ */ s(
+          m && /* @__PURE__ */ c(
             A,
             {
               __scopeCheckbox: t
@@ -151,20 +151,20 @@ var B = i.forwardRef(
   }
 );
 B.displayName = y;
-var M = "CheckboxIndicator", T = i.forwardRef(
-  (r, a) => {
-    const { __scopeCheckbox: t, forceMount: l, ...n } = r, e = _(M, t);
-    return /* @__PURE__ */ s(
+var M = "CheckboxIndicator", T = d.forwardRef(
+  (r, s) => {
+    const { __scopeCheckbox: t, forceMount: l, ...a } = r, e = _(M, t);
+    return /* @__PURE__ */ c(
       $,
       {
-        present: l || m(e.checked) || e.checked === !0,
-        children: /* @__PURE__ */ s(
+        present: l || b(e.checked) || e.checked === !0,
+        children: /* @__PURE__ */ c(
           P.span,
           {
             "data-state": j(e.checked),
             "data-disabled": e.disabled ? "" : void 0,
-            ...n,
-            ref: a,
+            ...a,
+            ref: s,
             style: { pointerEvents: "none", ...r.style }
           }
         )
@@ -173,50 +173,50 @@ var M = "CheckboxIndicator", T = i.forwardRef(
   }
 );
 T.displayName = M;
-var q = "CheckboxBubbleInput", A = i.forwardRef(
-  ({ __scopeCheckbox: r, ...a }, t) => {
+var q = "CheckboxBubbleInput", A = d.forwardRef(
+  ({ __scopeCheckbox: r, ...s }, t) => {
     const {
       control: l,
-      hasConsumerStoppedPropagationRef: n,
+      hasConsumerStoppedPropagationRef: a,
       checked: e,
-      defaultChecked: f,
-      required: b,
-      disabled: d,
+      defaultChecked: p,
+      required: f,
+      disabled: i,
       name: h,
       value: k,
       form: u,
-      bubbleInput: p,
+      bubbleInput: m,
       setBubbleInput: x
     } = _(q, r), C = S(t, x), v = U(e), g = X(l);
-    i.useEffect(() => {
-      const c = p;
-      if (!c) return;
+    d.useEffect(() => {
+      const n = m;
+      if (!n) return;
       const I = window.HTMLInputElement.prototype, E = Object.getOwnPropertyDescriptor(
         I,
         "checked"
-      ).set, D = !n.current;
+      ).set, D = !a.current;
       if (v !== e && E) {
         const F = new Event("click", { bubbles: D });
-        c.indeterminate = m(e), E.call(c, m(e) ? !1 : e), c.dispatchEvent(F);
+        n.indeterminate = b(e), E.call(n, b(e) ? !1 : e), n.dispatchEvent(F);
       }
-    }, [p, v, e, n]);
-    const o = i.useRef(m(e) ? !1 : e);
-    return /* @__PURE__ */ s(
+    }, [m, v, e, a]);
+    const o = d.useRef(b(e) ? !1 : e);
+    return /* @__PURE__ */ c(
       P.input,
       {
         type: "checkbox",
         "aria-hidden": !0,
-        defaultChecked: f ?? o.current,
-        required: b,
-        disabled: d,
+        defaultChecked: p ?? o.current,
+        required: f,
+        disabled: i,
         name: h,
         value: k,
         form: u,
-        ...a,
+        ...s,
         tabIndex: -1,
         ref: C,
         style: {
-          ...a.style,
+          ...s.style,
           ...g,
           position: "absolute",
           pointerEvents: "none",
@@ -235,24 +235,24 @@ A.displayName = q;
 function Z(r) {
   return typeof r == "function";
 }
-function m(r) {
+function b(r) {
   return r === "indeterminate";
 }
 function j(r) {
-  return m(r) ? "indeterminate" : r ? "checked" : "unchecked";
+  return b(r) ? "indeterminate" : r ? "checked" : "unchecked";
 }
 const ee = H(
-  ({ className: r, ...a }, t) => /* @__PURE__ */ s(
+  ({ className: r, ...s }, t) => /* @__PURE__ */ c(
     B,
     {
       "data-slot": "checkbox-indicator",
       className: Q(
-        "peer relative flex justify-center items-center cursor-pointer  gap-12 border rounded-6 border-border-interactive-neutral bg-on-primary active:transition-transform ease-out-cubic duration-150 active:scale-[0.85] focus:ring-2 active:ring-2 focus:ring-border-surface-spread-focus active:ring-border-surface-spread-neutral ring-offset-0 size-24 group-data-[checkbox-shape=full-radius]:rounded-full group-data-[error=true]:border-border-surface-error-l1 group-data-[checkbox-size=large]:size-32 group-data-[checkbox-size=extra-small]:size-18 disabled:cursor-not-allowed disabled:bg-interactive-primary-disabled group-hover:border-border-interactive-neutral-active-hover aria-checked:bg-interactive-primary disabled:aria-checked:bg-disabled disabled:border-bg-interactive-primary-disabled ",
+        "mds:peer mds:relative mds:flex mds:justify-center mds:items-center mds:cursor-pointer  mds:gap-12 mds:border mds:rounded-6 mds:border-border-interactive-neutral mds:bg-on-primary 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:focus:ring-border-surface-spread-focus mds:active:ring-border-surface-spread-neutral mds:ring-offset-0 mds:size-24 mds:group-data-[checkbox-shape=full-radius]:rounded-full mds:group-data-[error=true]:border-border-surface-error-l1 mds:group-data-[checkbox-size=large]:size-32 mds:group-data-[checkbox-size=extra-small]:size-18 mds:disabled:cursor-not-allowed mds:disabled:bg-interactive-primary-disabled mds:group-hover:border-border-interactive-neutral-active-hover mds:aria-checked:bg-interactive-primary mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-primary-disabled ",
         r
       ),
       ref: t,
-      ...a,
-      children: /* @__PURE__ */ s(T, { children: /* @__PURE__ */ s(J, { className: "size-24 text-on-primary group-data-[checkbox-size=extra-small]:size-14" }) })
+      ...s,
+      children: /* @__PURE__ */ c(T, { children: /* @__PURE__ */ c(J, { className: "mds:size-24 mds:text-on-primary mds:group-data-[checkbox-size=extra-small]:size-14" }) })
     }
   )
 );

package/dist/mainstack-design-system599.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),y=require("react"),b=require("./index-5OKsHRWb.cjs"),P=require("./index-_XxjJPRD.cjs"),O=require("./index-C8aODXfJ.cjs"),B=require("./index-DYxWvftI.cjs"),I=require("./index-bSPhqlcX.cjs"),C=require("./utils-FBJ8OQ9f.cjs");function M(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const c=M(y);var m="Switch",[H]=b.createContextScope(m),[$,z]=H(m),R=c.forwardRef((t,r)=>{const{__scopeSwitch:e,name:o,checked:n,defaultChecked:g,required:u,disabled:a,value:l="on",onCheckedChange:w,form:i,...v}=t,[d,f]=c.useState(null),S=P.useComposedRefs(r,h=>f(h)),x=c.useRef(!1),k=d?i||!!d.closest("form"):!0,[p,E]=O.useControllableState({prop:n,defaultProp:g??!1,onChange:w,caller:m});return s.jsxs($,{scope:e,checked:p,disabled:a,children:[s.jsx(b.Primitive.button,{type:"button",role:"switch","aria-checked":p,"aria-required":u,"data-state":q(p),"data-disabled":a?"":void 0,disabled:a,value:l,...v,ref:S,onClick:b.composeEventHandlers(t.onClick,h=>{E(N=>!N),k&&(x.current=h.isPropagationStopped(),x.current||h.stopPropagation())})}),k&&s.jsx(T,{control:d,bubbles:!x.current,name:o,value:l,checked:p,required:u,disabled:a,form:i,style:{transform:"translateX(-100%)"}})]})});R.displayName=m;var j="SwitchThumb",_=c.forwardRef((t,r)=>{const{__scopeSwitch:e,...o}=t,n=z(j,e);return s.jsx(b.Primitive.span,{"data-state":q(n.checked),"data-disabled":n.disabled?"":void 0,...o,ref:r})});_.displayName=j;var A="SwitchBubbleInput",T=c.forwardRef(({__scopeSwitch:t,control:r,checked:e,bubbles:o=!0,...n},g)=>{const u=c.useRef(null),a=P.useComposedRefs(u,g),l=B.usePrevious(e),w=I.useSize(r);return c.useEffect(()=>{const i=u.current;if(!i)return;const v=window.HTMLInputElement.prototype,f=Object.getOwnPropertyDescriptor(v,"checked").set;if(l!==e&&f){const S=new Event("click",{bubbles:o});f.call(i,e),i.dispatchEvent(S)}},[l,e,o]),s.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:e,...n,tabIndex:-1,ref:a,style:{...n.style,...w,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})});T.displayName=A;function q(t){return t?"checked":"unchecked"}var D=R,U=_;const L=y.forwardRef(({className:t,...r},e)=>s.jsx(D,{"data-slot":"toggle-switch",tabIndex:0,className:C.cn("inline-flex items-center shrink-0 relative bg-surface-neutral-l4 rounded-full hover:bg-surface-neutral-l5 focus:outline-2  focus:outline-border-surface-spread-focus aria-checked:bg-interactive-primary checked:disabled:bg-surface-neutral-l5 disabled:cursor-not-allowed ",t),ref:e,...r,children:s.jsx(U,{"data-slot":"toggle-thumb",className:C.cn("block rounded-full bg-surface-neutral-l1 shrink-0 transition-transform shadow-50")})}));exports.ToggleSwitch=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),y=require("react"),h=require("./index-5OKsHRWb.cjs"),P=require("./index-_XxjJPRD.cjs"),O=require("./index-C8aODXfJ.cjs"),B=require("./index-DYxWvftI.cjs"),I=require("./index-bSPhqlcX.cjs"),C=require("./utils-KlkRDGof.cjs");function M(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,s.get?s:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const c=M(y);var b="Switch",[H]=h.createContextScope(b),[$,z]=H(b),R=c.forwardRef((t,r)=>{const{__scopeSwitch:e,name:s,checked:o,defaultChecked:g,required:d,disabled:a,value:u="on",onCheckedChange:w,form:i,...v}=t,[l,f]=c.useState(null),S=P.useComposedRefs(r,p=>f(p)),x=c.useRef(!1),k=l?i||!!l.closest("form"):!0,[m,E]=O.useControllableState({prop:o,defaultProp:g??!1,onChange:w,caller:b});return n.jsxs($,{scope:e,checked:m,disabled:a,children:[n.jsx(h.Primitive.button,{type:"button",role:"switch","aria-checked":m,"aria-required":d,"data-state":q(m),"data-disabled":a?"":void 0,disabled:a,value:u,...v,ref:S,onClick:h.composeEventHandlers(t.onClick,p=>{E(N=>!N),k&&(x.current=p.isPropagationStopped(),x.current||p.stopPropagation())})}),k&&n.jsx(T,{control:l,bubbles:!x.current,name:s,value:u,checked:m,required:d,disabled:a,form:i,style:{transform:"translateX(-100%)"}})]})});R.displayName=b;var j="SwitchThumb",_=c.forwardRef((t,r)=>{const{__scopeSwitch:e,...s}=t,o=z(j,e);return n.jsx(h.Primitive.span,{"data-state":q(o.checked),"data-disabled":o.disabled?"":void 0,...s,ref:r})});_.displayName=j;var A="SwitchBubbleInput",T=c.forwardRef(({__scopeSwitch:t,control:r,checked:e,bubbles:s=!0,...o},g)=>{const d=c.useRef(null),a=P.useComposedRefs(d,g),u=B.usePrevious(e),w=I.useSize(r);return c.useEffect(()=>{const i=d.current;if(!i)return;const v=window.HTMLInputElement.prototype,f=Object.getOwnPropertyDescriptor(v,"checked").set;if(u!==e&&f){const S=new Event("click",{bubbles:s});f.call(i,e),i.dispatchEvent(S)}},[u,e,s]),n.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:e,...o,tabIndex:-1,ref:a,style:{...o.style,...w,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})});T.displayName=A;function q(t){return t?"checked":"unchecked"}var D=R,U=_;const L=y.forwardRef(({className:t,...r},e)=>n.jsx(D,{"data-slot":"toggle-switch",tabIndex:0,className:C.cn("mds:inline-flex mds:items-center mds:shrink-0 mds:relative mds:bg-surface-neutral-l4 mds:rounded-full mds:hover:bg-surface-neutral-l5 mds:focus:outline-2  mds:focus:outline-border-surface-spread-focus mds:aria-checked:bg-interactive-primary mds:checked:disabled:bg-surface-neutral-l5 mds:disabled:cursor-not-allowed ",t),ref:e,...r,children:n.jsx(U,{"data-slot":"toggle-thumb",className:C.cn("mds:block mds:rounded-full mds:bg-surface-neutral-l1 mds:shrink-0 mds:transition-transform mds:shadow-50")})}));exports.ToggleSwitch=L;

package/dist/mainstack-design-system599.js

@@ -1,60 +1,60 @@
 'use client';
 import { jsxs as I, jsx as i } from "react/jsx-runtime";
-import * as a from "react";
+import * as s from "react";
 import { forwardRef as M } from "react";
 import { c as H, P, a as j } from "./index-DMumqyNN.js";
 import { u as y } from "./index-DLcqcWxM.js";
 import { u as A } from "./index-437EL2iq.js";
 import { u as U } from "./index-BZPx6jYI.js";
 import { u as q } from "./index-BGQepRFJ.js";
-import { c as C } from "./utils-DnnzGb1L.js";
-var m = "Switch", [z] = H(m), [L, O] = z(m), R = a.forwardRef(
+import { c as C } from "./utils-Opg_zrKx.js";
+var h = "Switch", [z] = H(h), [L, O] = z(h), R = s.forwardRef(
   (t, r) => {
     const {
       __scopeSwitch: e,
-      name: s,
+      name: a,
       checked: o,
       defaultChecked: b,
-      required: u,
+      required: d,
       disabled: c,
-      value: l = "on",
+      value: u = "on",
       onCheckedChange: w,
       form: n,
       ...v
-    } = t, [d, f] = a.useState(null), S = y(r, (h) => f(h)), g = a.useRef(!1), k = d ? n || !!d.closest("form") : !0, [p, T] = A({
+    } = t, [l, m] = s.useState(null), S = y(r, (p) => m(p)), g = s.useRef(!1), k = l ? n || !!l.closest("form") : !0, [f, T] = A({
       prop: o,
       defaultProp: b ?? !1,
       onChange: w,
-      caller: m
+      caller: h
     });
-    return /* @__PURE__ */ I(L, { scope: e, checked: p, disabled: c, children: [
+    return /* @__PURE__ */ I(L, { scope: e, checked: f, disabled: c, children: [
       /* @__PURE__ */ i(
         P.button,
         {
           type: "button",
           role: "switch",
-          "aria-checked": p,
-          "aria-required": u,
-          "data-state": N(p),
+          "aria-checked": f,
+          "aria-required": d,
+          "data-state": N(f),
           "data-disabled": c ? "" : void 0,
           disabled: c,
-          value: l,
+          value: u,
           ...v,
           ref: S,
-          onClick: j(t.onClick, (h) => {
-            T((B) => !B), k && (g.current = h.isPropagationStopped(), g.current || h.stopPropagation());
+          onClick: j(t.onClick, (p) => {
+            T((B) => !B), k && (g.current = p.isPropagationStopped(), g.current || p.stopPropagation());
           })
         }
       ),
       k && /* @__PURE__ */ i(
         _,
         {
-          control: d,
+          control: l,
           bubbles: !g.current,
-          name: s,
-          value: l,
-          checked: p,
-          required: u,
+          name: a,
+          value: u,
+          checked: f,
+          required: d,
           disabled: c,
           form: n,
           style: { transform: "translateX(-100%)" }
@@ -63,43 +63,43 @@ var m = "Switch", [z] = H(m), [L, O] = z(m), R = a.forwardRef(
     ] });
   }
 );
-R.displayName = m;
-var x = "SwitchThumb", E = a.forwardRef(
+R.displayName = h;
+var x = "SwitchThumb", E = s.forwardRef(
   (t, r) => {
-    const { __scopeSwitch: e, ...s } = t, o = O(x, e);
+    const { __scopeSwitch: e, ...a } = t, o = O(x, e);
     return /* @__PURE__ */ i(
       P.span,
       {
         "data-state": N(o.checked),
         "data-disabled": o.disabled ? "" : void 0,
-        ...s,
+        ...a,
         ref: r
       }
     );
   }
 );
 E.displayName = x;
-var D = "SwitchBubbleInput", _ = a.forwardRef(
+var D = "SwitchBubbleInput", _ = s.forwardRef(
   ({
     __scopeSwitch: t,
     control: r,
     checked: e,
-    bubbles: s = !0,
+    bubbles: a = !0,
     ...o
   }, b) => {
-    const u = a.useRef(null), c = y(u, b), l = U(e), w = q(r);
-    return a.useEffect(() => {
-      const n = u.current;
+    const d = s.useRef(null), c = y(d, b), u = U(e), w = q(r);
+    return s.useEffect(() => {
+      const n = d.current;
       if (!n) return;
-      const v = window.HTMLInputElement.prototype, f = Object.getOwnPropertyDescriptor(
+      const v = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(
         v,
         "checked"
       ).set;
-      if (l !== e && f) {
-        const S = new Event("click", { bubbles: s });
-        f.call(n, e), n.dispatchEvent(S);
+      if (u !== e && m) {
+        const S = new Event("click", { bubbles: a });
+        m.call(n, e), n.dispatchEvent(S);
       }
-    }, [l, e, s]), /* @__PURE__ */ i(
+    }, [u, e, a]), /* @__PURE__ */ i(
       "input",
       {
         type: "checkbox",
@@ -132,7 +132,7 @@ const $ = M(
       "data-slot": "toggle-switch",
       tabIndex: 0,
       className: C(
-        "inline-flex items-center shrink-0 relative bg-surface-neutral-l4 rounded-full hover:bg-surface-neutral-l5 focus:outline-2  focus:outline-border-surface-spread-focus aria-checked:bg-interactive-primary checked:disabled:bg-surface-neutral-l5 disabled:cursor-not-allowed ",
+        "mds:inline-flex mds:items-center mds:shrink-0 mds:relative mds:bg-surface-neutral-l4 mds:rounded-full mds:hover:bg-surface-neutral-l5 mds:focus:outline-2  mds:focus:outline-border-surface-spread-focus mds:aria-checked:bg-interactive-primary mds:checked:disabled:bg-surface-neutral-l5 mds:disabled:cursor-not-allowed ",
         t
       ),
       ref: e,
@@ -142,7 +142,7 @@ const $ = M(
         {
           "data-slot": "toggle-thumb",
           className: C(
-            "block rounded-full bg-surface-neutral-l1 shrink-0 transition-transform shadow-50"
+            "mds:block mds:rounded-full mds:bg-surface-neutral-l1 mds:shrink-0 mds:transition-transform mds:shadow-50"
           )
         }
       )

package/dist/mainstack-design-system600.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),M=require("react"),p=require("./utils-FBJ8OQ9f.cjs"),R=require("./mainstack-design-system588.cjs"),y=require("./mainstack-design-system589.cjs"),x=require("./mainstack-design-system385.cjs"),c=require("./DayPickerExtended-DNqwrYF1.cjs");function C(a,r,e){return c.addMonths(a,-1,e)}const u=M.forwardRef(({className:a,...r},e)=>{const[d]=y("(min-width: 900px)"),{ref:l,matches:m}=x.useContainerMatchMedia({query:{minWidth:660}}),{value:n,closeOnRangeSelect:f,setActiveMenu:h,onValueChange:o,onOpenChange:i}=R.useDateRangeContext();return s.jsx("div",{"data-slot":"date-range-calendar",ref:t=>{l.current=t,typeof e=="function"?e(t):typeof e=="object"&&e!==null&&(e.current=t)},className:p.cn("@container min-w-auto min-[900px]:min-w-670",a),children:s.jsx(c.DayPickerExtended,{...r,animate:!0,mode:"range",captionLayout:"dropdown",numberOfMonths:d||m?2:1,navLayout:"around",className:"ms-date-range",selected:n,defaultMonth:n?.from||C(new Date),onSelect:((t,g)=>{o&&(n?.from&&n.to||!n?.from?o({from:g}):(o(t),f&&i&&i(!1))),h(null)})})})});u.displayName="DateRangeCalendar";exports.DateRangeCalendar=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),M=require("react"),p=require("./utils-KlkRDGof.cjs"),R=require("./mainstack-design-system588.cjs"),y=require("./mainstack-design-system589.cjs"),x=require("./mainstack-design-system385.cjs"),c=require("./DayPickerExtended-DV1NlJoN.cjs");function C(a,r,e){return c.addMonths(a,-1,e)}const u=M.forwardRef(({className:a,...r},e)=>{const[d]=y("(min-width: 900px)"),{ref:l,matches:m}=x.useContainerMatchMedia({query:{minWidth:660}}),{value:n,closeOnRangeSelect:f,setActiveMenu:h,onValueChange:o,onOpenChange:s}=R.useDateRangeContext();return i.jsx("div",{"data-slot":"date-range-calendar",ref:t=>{l.current=t,typeof e=="function"?e(t):typeof e=="object"&&e!==null&&(e.current=t)},className:p.cn("mds:@container mds:min-w-auto mds:min-[900px]:min-w-670",a),children:i.jsx(c.DayPickerExtended,{...r,animate:!0,mode:"range",captionLayout:"dropdown",numberOfMonths:d||m?2:1,navLayout:"around",className:"ms-date-range",selected:n,defaultMonth:n?.from||C(new Date),onSelect:((t,g)=>{o&&(n?.from&&n.to||!n?.from?o({from:g}):(o(t),f&&s&&s(!1))),h(null)})})})});u.displayName="DateRangeCalendar";exports.DateRangeCalendar=u;

package/dist/mainstack-design-system600.js

@@ -1,40 +1,43 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { c as h } from "./utils-DnnzGb1L.js";
+import { c as h } from "./utils-Opg_zrKx.js";
 import { useDateRangeContext as M } from "./mainstack-design-system588.js";
 import g from "./mainstack-design-system589.js";
 import { useContainerMatchMedia as y } from "./mainstack-design-system385.js";
-import { a as D, D as w } from "./DayPickerExtended-C1hsWVH0.js";
+import { a as D, D as w } from "./DayPickerExtended-DDXNs0_e.js";
 function x(n, r, e) {
   return D(n, -1, e);
 }
 const C = p(
   ({ className: n, ...r }, e) => {
-    const [s] = g("(min-width: 900px)"), { ref: c, matches: d } = y({
+    const [s] = g("(min-width: 900px)"), { ref: d, matches: c } = y({
       query: { minWidth: 660 }
     }), {
       value: t,
       closeOnRangeSelect: f,
       setActiveMenu: u,
       onValueChange: o,
-      onOpenChange: i
+      onOpenChange: m
     } = M();
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ i(
       "div",
       {
         "data-slot": "date-range-calendar",
         ref: (a) => {
-          c.current = a, typeof e == "function" ? e(a) : typeof e == "object" && e !== null && (e.current = a);
+          d.current = a, typeof e == "function" ? e(a) : typeof e == "object" && e !== null && (e.current = a);
         },
-        className: h("@container min-w-auto min-[900px]:min-w-670", n),
-        children: /* @__PURE__ */ m(
+        className: h(
+          "mds:@container mds:min-w-auto mds:min-[900px]:min-w-670",
+          n
+        ),
+        children: /* @__PURE__ */ i(
           w,
           {
             ...r,
             animate: !0,
             mode: "range",
             captionLayout: "dropdown",
-            numberOfMonths: s || d ? 2 : 1,
+            numberOfMonths: s || c ? 2 : 1,
             navLayout: "around",
             className: "ms-date-range",
             selected: t,
@@ -42,7 +45,7 @@ const C = p(
             onSelect: ((a, l) => {
               o && (t?.from && t.to || !t?.from ? o({
                 from: l
-              }) : (o(a), f && i && i(!1))), u(null);
+              }) : (o(a), f && m && m(!1))), u(null);
             })
           }
         )

package/dist/mainstack-design-system601.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),T=require("./mainstack-design-system607.cjs"),M=require("./mainstack-design-system608.cjs"),E=require("./mainstack-design-system492.cjs"),p=require("./mainstack-design-system481.cjs");require("react-dom");const m=require("./index-CpE6WAgy.cjs"),j=require("./mainstack-design-system489.cjs"),f=require("./mainstack-design-system478.cjs"),v=require("./mainstack-design-system483.cjs"),q=require("./mainstack-design-system490.cjs"),B=require("./mainstack-design-system486.cjs"),g=require("./mainstack-design-system479.cjs"),h=require("./mainstack-design-system487.cjs"),O=require("./mainstack-design-system485.cjs"),S=require("./mainstack-design-system491.cjs"),b=require("./mainstack-design-system484.cjs"),P=require("./mainstack-design-system480.cjs"),N=require("./mainstack-design-system482.cjs");function I(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const x=I(c);var R=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],w=R.reduce((t,r)=>{const n=m.createSlot(`Primitive.${r}`),o=x.forwardRef((s,i)=>{const{asChild:a,...u}=s,_=a?n:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),e.jsx(_,{...u,ref:i})});return o.displayName=`Primitive.${r}`,{...t,[r]:o}},{}),y="Separator",d="horizontal",A=["horizontal","vertical"],l=x.forwardRef((t,r)=>{const{decorative:n,orientation:o=d,...s}=t,i=k(o)?o:d,u=n?{role:"none"}:{"aria-orientation":i==="vertical"?i:void 0,role:"separator"};return e.jsx(w.div,{"data-orientation":i,...u,...s,ref:r})});l.displayName=y;function k(t){return A.includes(t)}const L=c.forwardRef(({defaultContent:t,getEditorRef:r,...n},o)=>e.jsx(e.Fragment,{children:e.jsxs(T.TextEditorRoot,{defaultContent:t,getEditorRef:r,ref:o,...n,children:[e.jsxs(E.TextEditorMenuBar,{children:[e.jsx(p.GenerateWithAiMenu,{}),e.jsx(l,{className:"bg-border-interactive-neutral h-full min-h-30 w-1",orientation:"vertical"}),e.jsx(j.TextSizesMenu,{}),e.jsx(f.BoldMenu,{}),e.jsx(v.ItalicMenu,{}),e.jsx(q.UnderlineMenu,{}),e.jsx(B.StrikethroughMenu,{}),e.jsx(g.CodeMenu,{}),e.jsx(h.TextAlignMenu,{}),e.jsx(O.OrderedListMenu,{}),e.jsx(S.UnorderedListMenu,{}),e.jsx(b.LinkMenu,{}),e.jsx(N.ImageUploadMenu,{}),e.jsx(P.ColorPickerMenu,{})]}),e.jsx(M.TextEditorField,{})]})}));exports.TextEditorInput=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),T=require("./mainstack-design-system607.cjs"),M=require("./mainstack-design-system608.cjs"),m=require("./mainstack-design-system492.cjs"),E=require("./mainstack-design-system481.cjs");require("react-dom");const p=require("./index-CpE6WAgy.cjs"),j=require("./mainstack-design-system489.cjs"),f=require("./mainstack-design-system478.cjs"),v=require("./mainstack-design-system483.cjs"),q=require("./mainstack-design-system490.cjs"),B=require("./mainstack-design-system486.cjs"),g=require("./mainstack-design-system479.cjs"),h=require("./mainstack-design-system487.cjs"),O=require("./mainstack-design-system485.cjs"),S=require("./mainstack-design-system491.cjs"),b=require("./mainstack-design-system484.cjs"),P=require("./mainstack-design-system480.cjs"),N=require("./mainstack-design-system482.cjs");function I(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const x=I(c);var R=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],w=R.reduce((t,r)=>{const n=p.createSlot(`Primitive.${r}`),o=x.forwardRef((s,i)=>{const{asChild:a,...u}=s,_=a?n:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),e.jsx(_,{...u,ref:i})});return o.displayName=`Primitive.${r}`,{...t,[r]:o}},{}),y="Separator",d="horizontal",A=["horizontal","vertical"],l=x.forwardRef((t,r)=>{const{decorative:n,orientation:o=d,...s}=t,i=k(o)?o:d,u=n?{role:"none"}:{"aria-orientation":i==="vertical"?i:void 0,role:"separator"};return e.jsx(w.div,{"data-orientation":i,...u,...s,ref:r})});l.displayName=y;function k(t){return A.includes(t)}const L=c.forwardRef(({defaultContent:t,getEditorRef:r,...n},o)=>e.jsx(e.Fragment,{children:e.jsxs(T.TextEditorRoot,{defaultContent:t,getEditorRef:r,ref:o,...n,children:[e.jsxs(m.TextEditorMenuBar,{children:[e.jsx(E.GenerateWithAiMenu,{}),e.jsx(l,{className:"mds:bg-border-interactive-neutral mds:h-full mds:min-h-30 mds:w-1",orientation:"vertical"}),e.jsx(j.TextSizesMenu,{}),e.jsx(f.BoldMenu,{}),e.jsx(v.ItalicMenu,{}),e.jsx(q.UnderlineMenu,{}),e.jsx(B.StrikethroughMenu,{}),e.jsx(g.CodeMenu,{}),e.jsx(h.TextAlignMenu,{}),e.jsx(O.OrderedListMenu,{}),e.jsx(S.UnorderedListMenu,{}),e.jsx(b.LinkMenu,{}),e.jsx(N.ImageUploadMenu,{}),e.jsx(P.ColorPickerMenu,{})]}),e.jsx(M.TextEditorField,{})]})}));exports.TextEditorInput=L;

package/dist/mainstack-design-system601.js

@@ -1,6 +1,6 @@
 'use client';
-import { jsx as r, Fragment as c, jsxs as d } from "react/jsx-runtime";
-import * as l from "react";
+import { jsx as r, Fragment as c, jsxs as p } from "react/jsx-runtime";
+import * as f from "react";
 import { forwardRef as v } from "react";
 import { TextEditorRoot as M } from "./mainstack-design-system607.js";
 import { TextEditorField as h } from "./mainstack-design-system608.js";
@@ -39,13 +39,13 @@ var L = [
   "svg",
   "ul"
 ], U = L.reduce((t, o) => {
-  const e = N(`Primitive.${o}`), i = l.forwardRef((a, n) => {
-    const { asChild: p, ...m } = a, u = p ? e : o;
+  const e = N(`Primitive.${o}`), i = f.forwardRef((a, n) => {
+    const { asChild: d, ...m } = a, u = d ? e : o;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ r(u, { ...m, ref: n });
   });
   return i.displayName = `Primitive.${o}`, { ...t, [o]: i };
-}, {}), k = "Separator", f = "horizontal", z = ["horizontal", "vertical"], s = l.forwardRef((t, o) => {
-  const { decorative: e, orientation: i = f, ...a } = t, n = F(i) ? i : f, m = e ? { role: "none" } : { "aria-orientation": n === "vertical" ? n : void 0, role: "separator" };
+}, {}), k = "Separator", s = "horizontal", z = ["horizontal", "vertical"], l = f.forwardRef((t, o) => {
+  const { decorative: e, orientation: i = s, ...a } = t, n = F(i) ? i : s, m = e ? { role: "none" } : { "aria-orientation": n === "vertical" ? n : void 0, role: "separator" };
   return /* @__PURE__ */ r(
     U.div,
     {
@@ -56,12 +56,12 @@ var L = [
     }
   );
 });
-s.displayName = k;
+l.displayName = k;
 function F(t) {
   return z.includes(t);
 }
 const er = v(
-  ({ defaultContent: t, getEditorRef: o, ...e }, i) => /* @__PURE__ */ r(c, { children: /* @__PURE__ */ d(
+  ({ defaultContent: t, getEditorRef: o, ...e }, i) => /* @__PURE__ */ r(c, { children: /* @__PURE__ */ p(
     M,
     {
       defaultContent: t,
@@ -69,12 +69,12 @@ const er = v(
       ref: i,
       ...e,
       children: [
-        /* @__PURE__ */ d(T, { children: [
+        /* @__PURE__ */ p(T, { children: [
           /* @__PURE__ */ r(x, {}),
           /* @__PURE__ */ r(
-            s,
+            l,
             {
-              className: "bg-border-interactive-neutral h-full min-h-30 w-1",
+              className: "mds:bg-border-interactive-neutral mds:h-full mds:min-h-30 mds:w-1",
               orientation: "vertical"
             }
           ),