mainstack-design-system 1.4.1 → 1.4.2

package/dist/mainstack-design-system32.js

@@ -1,6 +1,6 @@
-import { jsxs as p, jsx as m } from "react/jsx-runtime";
+import { jsxs as c, jsx as p } from "react/jsx-runtime";
 import { useCallback as f } from "react";
-import { a as u, c as v } from "./utils-DnnzGb1L.js";
+import { a as u, c as v } from "./utils-Opg_zrKx.js";
 import { DropzoneUploadArea as b } from "./mainstack-design-system605.js";
 import { useFileUploaderContext as g } from "./mainstack-design-system33.js";
 import "./mainstack-design-system355.js";
@@ -9,12 +9,12 @@ import "./player-DSenNqFV.js";
 const x = ({
   className: t,
   children: a,
-  ...i
+  ...d
 }) => {
-  const { onValuesChange: o, accept: n, maxSize: l, maxFiles: d, onError: e } = g(), c = f(
-    async (s) => {
+  const { onValuesChange: o, accept: s, maxSize: i, maxFiles: n, onError: e } = g(), m = f(
+    async (l) => {
       try {
-        const r = await u(s);
+        const r = await u(l);
         o(r);
       } catch (r) {
         e && e(r);
@@ -22,22 +22,22 @@ const x = ({
     },
     [o, e]
   );
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ c(
     b,
     {
       "data-slot": "file-uploader-dropzone-content",
       className: v(
-        "relative border border-dashed border-border-interactive-neutral rounded-20 bg-surface-neutral-l1 data-[active-preview=true]:overflow-hidden cursor-pointer hover:bg-interactive-secondary data-dragging:border-border-interactive-neutral active:ring-2 active:ring-border-interactive-neutral-pressed p-24 flex flex-col items-center justify-center h-full",
+        "mds:relative mds:border mds:border-dashed mds:border-border-interactive-neutral mds:rounded-20 mds:bg-surface-neutral-l1 mds:data-[active-preview=true]:overflow-hidden mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-dragging:border-border-interactive-neutral mds:active:ring-2 mds:active:ring-border-interactive-neutral-pressed mds:p-24 mds:flex mds:flex-col mds:items-center mds:justify-center mds:h-full",
         t
       ),
-      onDrop: c,
-      accept: n,
-      maxFiles: d,
-      maxSize: l,
+      onDrop: m,
+      accept: s,
+      maxFiles: n,
+      maxSize: i,
       asChild: !0,
-      ...i,
+      ...d,
       children: [
-        /* @__PURE__ */ m(h, { variant: "filled" }),
+        /* @__PURE__ */ p(h, { variant: "filled" }),
         a
       ]
     }

package/dist/mainstack-design-system355.cjs

@@ -1 +1 @@
-"use strict";const o=require("react/jsx-runtime"),s=require("react"),w=require("./utils-FBJ8OQ9f.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("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-KlkRDGof.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;

package/dist/mainstack-design-system355.js

@@ -1,9 +1,9 @@
 import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import n, { useId as k } from "react";
-import { c as w } from "./utils-DnnzGb1L.js";
+import { c as w } from "./utils-Opg_zrKx.js";
 const h = n.forwardRef(
   ({ children: m, className: l, ...r }, c) => {
-    const o = `mask-${k()}`, t = r.width || "24", s = r.height || "24", p = n.Children.map(m, (e) => {
+    const o = `mask-${k()}`, s = r.width || "24", t = r.height || "24", p = n.Children.map(m, (e) => {
       if (!n.isValidElement(e)) return e;
       const a = e.props, u = typeof e.type == "string" && e.type.toLowerCase() === "g", d = "mask" in a;
       return u && d ? n.cloneElement(e, {
@@ -16,14 +16,14 @@ const h = n.forwardRef(
       {
         ref: c,
         xmlns: "http://www.w3.org/2000/svg",
-        width: t,
-        height: s,
-        viewBox: `0 0 ${t} ${s}`,
+        width: s,
+        height: t,
+        viewBox: `0 0 ${s} ${t}`,
         fill: "currentColor",
         stroke: "none",
         strokeWidth: "1",
         style: { maskType: "alpha" },
-        className: w("size-24", l),
+        className: w("mds:size-24", l),
         ...r,
         children: [
           /* @__PURE__ */ i(
@@ -33,9 +33,9 @@ const h = n.forwardRef(
               maskUnits: "userSpaceOnUse",
               x: "0",
               y: "0",
-              width: t,
-              height: s,
-              children: /* @__PURE__ */ i("rect", { width: t, height: s, fill: "white" })
+              width: s,
+              height: t,
+              children: /* @__PURE__ */ i("rect", { width: s, height: t, fill: "white" })
             }
           ),
           p

package/dist/mainstack-design-system356.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),m=require("./player-BKifgSJo.cjs"),y=require("./utils-FBJ8OQ9f.cjs"),p=({icon:c,size:t=18,trigger:n="loop",colors:o,className:s,delay:u})=>{const e=i.useRef(null);i.useEffect(()=>{n==="loop"&&e.current&&e.current.playFromBeginning()},[n]);const l=()=>{n==="hover"&&e.current?.playFromBeginning()},a=c;return r.jsx("div",{className:y.cn("flex items-center justify-center",s),style:{width:t,height:t},onMouseEnter:l,children:r.jsx(m.h,{ref:e,icon:a,size:t,colorize:o?`primary:${o.primary},secondary:${o.secondary}`:void 0,onComplete:()=>{n==="loop"&&setTimeout(()=>{e.current?.playFromBeginning()},u||0)}})})};exports.AnimatedIcon=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),m=require("./player-BKifgSJo.cjs"),d=require("./utils-KlkRDGof.cjs"),y=({icon:c,size:t=18,trigger:n="loop",colors:o,className:s,delay:u})=>{const e=i.useRef(null);i.useEffect(()=>{n==="loop"&&e.current&&e.current.playFromBeginning()},[n]);const l=()=>{n==="hover"&&e.current?.playFromBeginning()},a=c;return r.jsx("div",{className:d.cn("mds:flex mds:items-center mds:justify-center",s),style:{width:t,height:t},onMouseEnter:l,children:r.jsx(m.h,{ref:e,icon:a,size:t,colorize:o?`primary:${o.primary},secondary:${o.secondary}`:void 0,onComplete:()=>{n==="loop"&&setTimeout(()=>{e.current?.playFromBeginning()},u||0)}})})};exports.AnimatedIcon=y;

package/dist/mainstack-design-system356.js

@@ -1,40 +1,40 @@
 'use client';
 import { jsx as t } from "react/jsx-runtime";
-import { useRef as f, useEffect as l } from "react";
-import { h as s } from "./player-DSenNqFV.js";
-import { c as u } from "./utils-DnnzGb1L.js";
+import { useRef as a, useEffect as f } from "react";
+import { h as l } from "./player-DSenNqFV.js";
+import { c as u } from "./utils-Opg_zrKx.js";
 const x = ({
   icon: i,
   size: o = 18,
   trigger: n = "loop",
   colors: r,
-  className: c,
-  delay: m
+  className: m,
+  delay: c
 }) => {
-  const e = f(null);
-  l(() => {
+  const e = a(null);
+  f(() => {
     n === "loop" && e.current && e.current.playFromBeginning();
   }, [n]);
-  const p = () => {
+  const s = () => {
     n === "hover" && e.current?.playFromBeginning();
-  }, a = i;
+  }, p = i;
   return /* @__PURE__ */ t(
     "div",
     {
-      className: u("flex items-center justify-center", c),
+      className: u("mds:flex mds:items-center mds:justify-center", m),
       style: { width: o, height: o },
-      onMouseEnter: p,
+      onMouseEnter: s,
       children: /* @__PURE__ */ t(
-        s,
+        l,
         {
           ref: e,
-          icon: a,
+          icon: p,
           size: o,
           colorize: r ? `primary:${r.primary},secondary:${r.secondary}` : void 0,
           onComplete: () => {
             n === "loop" && setTimeout(() => {
               e.current?.playFromBeginning();
-            }, m || 0);
+            }, c || 0);
           }
         }
       )

package/dist/mainstack-design-system358.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),c=require("./mainstack-design-system433.cjs"),p=require("./mainstack-design-system434.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system355.cjs");const d=require("./mainstack-design-system298.cjs"),l=require("./mainstack-design-system299.cjs");require("./player-BKifgSJo.cjs");const t=s.forwardRef(({className:r,...i},u)=>{const[n,o]=s.useState("password");return e.jsxs(c.InputRoot,{className:r,children:[e.jsx(p.InputField,{...i,ref:u,type:n}),n==="password"?e.jsxs("button",{onClick:()=>o("text"),className:"border-none outline-none cursor-pointer",children:[e.jsx(l,{})," "]}):e.jsx("button",{onClick:()=>o("password"),className:"border-none outline-none cursor-pointer",children:e.jsx(d,{})})]})});t.displayName="PasswordField";exports.PasswordField=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),c=require("./mainstack-design-system433.cjs"),d=require("./mainstack-design-system434.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system355.cjs");const p=require("./mainstack-design-system298.cjs"),l=require("./mainstack-design-system299.cjs");require("./player-BKifgSJo.cjs");const t=o.forwardRef(({className:r,...i},u)=>{const[s,n]=o.useState("password");return e.jsxs(c.InputRoot,{className:r,children:[e.jsx(d.InputField,{...i,ref:u,type:s}),s==="password"?e.jsxs("button",{onClick:()=>n("text"),className:"mds:border-none mds:outline-none mds:cursor-pointer",children:[e.jsx(l,{})," "]}):e.jsx("button",{onClick:()=>n("password"),className:"mds:border-none mds:outline-none mds:cursor-pointer",children:e.jsx(p,{})})]})});t.displayName="PasswordField";exports.PasswordField=t;

package/dist/mainstack-design-system358.js

@@ -1,6 +1,6 @@
 'use client';
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { forwardRef as p, useState as m } from "react";
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { forwardRef as m, useState as p } from "react";
 import { InputRoot as d } from "./mainstack-design-system433.js";
 import { InputField as l } from "./mainstack-design-system434.js";
 import "./mainstack-design-system432.js";
@@ -8,16 +8,16 @@ import "./mainstack-design-system355.js";
 import a from "./mainstack-design-system298.js";
 import c from "./mainstack-design-system299.js";
 import "./player-DSenNqFV.js";
-const u = p(
-  ({ className: e, ...n }, s) => {
-    const [r, t] = m("password");
-    return /* @__PURE__ */ i(d, { className: e, children: [
-      /* @__PURE__ */ o(l, { ...n, ref: s, type: r }),
-      r === "password" ? /* @__PURE__ */ i(
+const u = m(
+  ({ className: i, ...e }, n) => {
+    const [r, t] = p("password");
+    return /* @__PURE__ */ s(d, { className: i, children: [
+      /* @__PURE__ */ o(l, { ...e, ref: n, type: r }),
+      r === "password" ? /* @__PURE__ */ s(
         "button",
         {
           onClick: () => t("text"),
-          className: "border-none outline-none cursor-pointer",
+          className: "mds:border-none mds:outline-none mds:cursor-pointer",
           children: [
             /* @__PURE__ */ o(c, {}),
             " "
@@ -27,7 +27,7 @@ const u = p(
         "button",
         {
           onClick: () => t("password"),
-          className: "border-none outline-none cursor-pointer",
+          className: "mds:border-none mds:outline-none mds:cursor-pointer",
           children: /* @__PURE__ */ o(a, {})
         }
       )

package/dist/mainstack-design-system364.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),l=require("./mainstack-design-system433.cjs"),a=require("./mainstack-design-system434.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system355.cjs");const p=require("./mainstack-design-system91.cjs"),d=require("./mainstack-design-system264.cjs");require("./player-BKifgSJo.cjs");const h=require("./utils-FBJ8OQ9f.cjs"),i=c.forwardRef(({onCancel:n,className:s,...u},e)=>{const o=c.useRef(null);return r.jsxs(l.InputRoot,{className:h.cn("group bg-interactive-secondary overflow-hidden min-h-40 hover:bg-interactive-secondary-hover has-[*_[data-shape=rounded]]:rounded-12!",s),children:[r.jsx(d,{className:"size-24 transition-all duration-500 group-focus-within:w-0 "}),r.jsx(a.InputField,{placeholder:"Search",shape:"full-radius",ref:t=>{o.current=t,typeof e=="function"?e(t):typeof e=="object"&&e?.current&&(e.current=t)},...u}),r.jsx(p,{role:"button",className:"size-20 block cursor-pointer text-tertiary  peer-placeholder-shown:hidden",variant:"filled",onClick:()=>{n&&n(),o.current?.focus()}})]})});i.displayName="SearchField";exports.SearchField=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react"),l=require("./mainstack-design-system433.cjs"),d=require("./mainstack-design-system434.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system355.cjs");const a=require("./mainstack-design-system91.cjs"),m=require("./mainstack-design-system264.cjs");require("./player-BKifgSJo.cjs");const p=require("./utils-KlkRDGof.cjs"),c=o.forwardRef(({onCancel:t,className:i,...u},e)=>{const n=o.useRef(null);return r.jsxs(l.InputRoot,{className:p.cn("mds:group mds:bg-interactive-secondary mds:overflow-hidden mds:min-h-40 mds:hover:bg-interactive-secondary-hover mds:has-[*_[data-shape=rounded]]:rounded-12!",i),children:[r.jsx(m,{className:"mds:size-24 mds:transition-all mds:duration-500 mds:group-focus-within:w-0 "}),r.jsx(d.InputField,{placeholder:"Search",shape:"full-radius",ref:s=>{n.current=s,typeof e=="function"?e(s):typeof e=="object"&&e?.current&&(e.current=s)},...u}),r.jsx(a,{role:"button",className:"mds:size-20 mds:block mds:cursor-pointer mds:text-tertiary  mds:peer-placeholder-shown:hidden",variant:"filled",onClick:()=>{t&&t(),n.current?.focus()}})]})});c.displayName="SearchField";exports.SearchField=c;

package/dist/mainstack-design-system364.js

@@ -1,50 +1,50 @@
 'use client';
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { forwardRef as l, useRef as s } from "react";
-import { InputRoot as p } from "./mainstack-design-system433.js";
-import { InputField as m } from "./mainstack-design-system434.js";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { forwardRef as d, useRef as n } from "react";
+import { InputRoot as a } from "./mainstack-design-system433.js";
+import { InputField as l } from "./mainstack-design-system434.js";
 import "./mainstack-design-system432.js";
 import "./mainstack-design-system355.js";
-import u from "./mainstack-design-system91.js";
-import h from "./mainstack-design-system264.js";
+import p from "./mainstack-design-system91.js";
+import u from "./mainstack-design-system264.js";
 import "./player-DSenNqFV.js";
-import { c as f } from "./utils-DnnzGb1L.js";
-const d = l(
-  ({ onCancel: t, className: c, ...n }, r) => {
-    const i = s(null);
-    return /* @__PURE__ */ a(
-      p,
+import { c as h } from "./utils-Opg_zrKx.js";
+const f = d(
+  ({ onCancel: s, className: i, ...m }, r) => {
+    const t = n(null);
+    return /* @__PURE__ */ c(
+      a,
       {
-        className: f(
-          "group bg-interactive-secondary overflow-hidden min-h-40 hover:bg-interactive-secondary-hover has-[*_[data-shape=rounded]]:rounded-12!",
-          c
+        className: h(
+          "mds:group mds:bg-interactive-secondary mds:overflow-hidden mds:min-h-40 mds:hover:bg-interactive-secondary-hover mds:has-[*_[data-shape=rounded]]:rounded-12!",
+          i
         ),
         children: [
           /* @__PURE__ */ e(
-            h,
+            u,
             {
-              className: "size-24 transition-all duration-500 group-focus-within:w-0 "
+              className: "mds:size-24 mds:transition-all mds:duration-500 mds:group-focus-within:w-0 "
             }
           ),
           /* @__PURE__ */ e(
-            m,
+            l,
             {
               placeholder: "Search",
               shape: "full-radius",
               ref: (o) => {
-                i.current = o, typeof r == "function" ? r(o) : typeof r == "object" && r?.current && (r.current = o);
+                t.current = o, typeof r == "function" ? r(o) : typeof r == "object" && r?.current && (r.current = o);
               },
-              ...n
+              ...m
             }
           ),
           /* @__PURE__ */ e(
-            u,
+            p,
             {
               role: "button",
-              className: "size-20 block cursor-pointer text-tertiary  peer-placeholder-shown:hidden",
+              className: "mds:size-20 mds:block mds:cursor-pointer mds:text-tertiary  mds:peer-placeholder-shown:hidden",
               variant: "filled",
               onClick: () => {
-                t && t(), i.current?.focus();
+                s && s(), t.current?.focus();
               }
             }
           )
@@ -53,7 +53,7 @@ const d = l(
     );
   }
 );
-d.displayName = "SearchField";
+f.displayName = "SearchField";
 export {
-  d as SearchField
+  f as SearchField
 };

package/dist/mainstack-design-system377.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),y=require("react"),d=require("./mainstack-design-system568.cjs"),u=require("./utils-FBJ8OQ9f.cjs"),l=y.forwardRef,e=l(({as:t,className:o,weight:r,size:s,...n},a)=>{const c=t||"p";return i.jsx(c,{...n,className:u.cn(d.bodyTextVariants({weight:r,size:s}),o),ref:a})});e.displayName="BodyText";exports.BodyText=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),y=require("react"),d=require("./mainstack-design-system568.cjs"),u=require("./utils-KlkRDGof.cjs"),l=y.forwardRef,e=l(({as:t,className:o,weight:r,size:s,...n},a)=>{const c=t||"p";return i.jsx(c,{...n,className:u.cn(d.bodyTextVariants({weight:r,size:s}),o),ref:a})});e.displayName="BodyText";exports.BodyText=e;

package/dist/mainstack-design-system377.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import s from "react";
 import { bodyTextVariants as c } from "./mainstack-design-system568.js";
-import { c as f } from "./utils-DnnzGb1L.js";
+import { c as f } from "./utils-Opg_zrKx.js";
 const n = s.forwardRef, d = n(({ as: o, className: r, weight: t, size: e, ...m }, a) => /* @__PURE__ */ p(
   o || "p",
   {

package/dist/mainstack-design-system378.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),c=require("react"),p=require("./mainstack-design-system569.cjs"),y=require("./utils-FBJ8OQ9f.cjs"),u=c.forwardRef,e=u(({as:t,className:s,weight:r,size:a,...i},o)=>{const n=t||"h1";return l.jsx(n,{...i,className:y.cn(p.displayTextVariants({weight:r,size:a}),s),ref:o})});e.displayName="DisplayText";exports.DisplayText=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),c=require("react"),p=require("./mainstack-design-system569.cjs"),y=require("./utils-KlkRDGof.cjs"),u=c.forwardRef,e=u(({as:t,className:s,weight:r,size:a,...i},o)=>{const n=t||"h1";return l.jsx(n,{...i,className:y.cn(p.displayTextVariants({weight:r,size:a}),s),ref:o})});e.displayName="DisplayText";exports.DisplayText=e;

package/dist/mainstack-design-system378.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import p from "react";
 import { displayTextVariants as i } from "./mainstack-design-system569.js";
-import { c as l } from "./utils-DnnzGb1L.js";
+import { c as l } from "./utils-Opg_zrKx.js";
 const c = p.forwardRef, f = c(({ as: r, className: t, weight: o, size: e, ...a }, m) => /* @__PURE__ */ s(
   r || "h1",
   {

package/dist/mainstack-design-system379.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),c=require("react"),d=require("./mainstack-design-system570.cjs"),u=require("./utils-FBJ8OQ9f.cjs"),x=c.forwardRef,e=x(({as:t,className:n,weight:r,size:a,...i},o)=>{const s=t||"h3";return l.jsx(s,{...i,className:u.cn(d.headlineTextVariants({weight:r,size:a}),n),ref:o})});e.displayName="HeadlineText";exports.HeadlineText=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),c=require("react"),d=require("./mainstack-design-system570.cjs"),u=require("./utils-KlkRDGof.cjs"),x=c.forwardRef,e=x(({as:t,className:n,weight:r,size:a,...i},o)=>{const s=t||"h3";return l.jsx(s,{...i,className:u.cn(d.headlineTextVariants({weight:r,size:a}),n),ref:o})});e.displayName="HeadlineText";exports.HeadlineText=e;

package/dist/mainstack-design-system379.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import i from "react";
 import { headlineTextVariants as l } from "./mainstack-design-system570.js";
-import { c as s } from "./utils-DnnzGb1L.js";
+import { c as s } from "./utils-Opg_zrKx.js";
 const c = i.forwardRef, f = c(({ as: e, className: r, weight: t, size: o, ...a }, m) => /* @__PURE__ */ n(
   e || "h3",
   {

package/dist/mainstack-design-system384.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./utils-FBJ8OQ9f.cjs");function n({className:t,...r}){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",role:"status","aria-label":"Loading",className:i.cn("size-16 animate-spin  text-primary",t),...r,children:e.jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})})}exports.Spinner=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./utils-KlkRDGof.cjs");function n({className:t,...r}){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",role:"status","aria-label":"Loading",className:i.cn("mds:size-16 mds:animate-spin  mds:text-primary",t),...r,children:e.jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})})}exports.Spinner=n;

package/dist/mainstack-design-system384.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as o } from "./utils-DnnzGb1L.js";
+import { c as o } from "./utils-Opg_zrKx.js";
 function s({ className: t, ...e }) {
   return /* @__PURE__ */ r(
     "svg",
@@ -15,7 +15,10 @@ function s({ className: t, ...e }) {
       strokeLinejoin: "round",
       role: "status",
       "aria-label": "Loading",
-      className: o("size-16 animate-spin  text-primary", t),
+      className: o(
+        "mds:size-16 mds:animate-spin  mds:text-primary",
+        t
+      ),
       ...e,
       children: /* @__PURE__ */ r("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
     }

package/dist/mainstack-design-system386.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("react"),a=require("./index-CpE6WAgy.cjs"),l=require("./utils-FBJ8OQ9f.cjs"),t=u.forwardRef(({className:e,asChild:n=!1,children:o,...s},r)=>{const c=n?a.Slot:"span";return i.jsx(c,{ref:r,"data-slot":"button-icon",className:l.cn("inline-flex items-center justify-center",e),...s,children:o})});t.displayName="ButtonIcon";exports.ButtonIcon=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("react"),a=require("./index-CpE6WAgy.cjs"),l=require("./utils-KlkRDGof.cjs"),t=u.forwardRef(({className:e,asChild:n=!1,children:o,...s},r)=>{const c=n?a.Slot:"span";return i.jsx(c,{ref:r,"data-slot":"button-icon",className:l.cn("mds:inline-flex mds:items-center mds:justify-center",e),...s,children:o})});t.displayName="ButtonIcon";exports.ButtonIcon=t;

package/dist/mainstack-design-system386.js

@@ -1,16 +1,19 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
 import { S as a } from "./index-BtQfgaSF.js";
-import { c } from "./utils-DnnzGb1L.js";
-const i = s(
-  ({ className: o, asChild: t = !1, children: n, ...r }, e) => /* @__PURE__ */ m(
+import { c } from "./utils-Opg_zrKx.js";
+const i = e(
+  ({ className: o, asChild: t = !1, children: m, ...s }, n) => /* @__PURE__ */ r(
     t ? a : "span",
     {
-      ref: e,
+      ref: n,
       "data-slot": "button-icon",
-      className: c("inline-flex items-center justify-center", o),
-      ...r,
-      children: n
+      className: c(
+        "mds:inline-flex mds:items-center mds:justify-center",
+        o
+      ),
+      ...s,
+      children: m
     }
   )
 );

package/dist/mainstack-design-system387.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("react"),i=require("./index-CpE6WAgy.cjs"),u=require("./utils-FBJ8OQ9f.cjs"),e=l.forwardRef(({className:t,asChild:n=!1,...o},s)=>{const a=n?i.Slot:"span";return r.jsx(a,{ref:s,"data-slot":"button-label",className:u.cn("inline-flex items-center whitespace-nowrap",t),...o})});e.displayName="ButtonLabel";exports.ButtonLabel=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("react"),i=require("./index-CpE6WAgy.cjs"),u=require("./utils-KlkRDGof.cjs"),e=l.forwardRef(({className:t,asChild:s=!1,...n},o)=>{const a=s?i.Slot:"span";return r.jsx(a,{ref:o,"data-slot":"button-label",className:u.cn("mds:inline-flex mds:items-center mds:whitespace-nowrap",t),...n})});e.displayName="ButtonLabel";exports.ButtonLabel=e;

package/dist/mainstack-design-system387.js

@@ -1,14 +1,17 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { S as s } from "./index-BtQfgaSF.js";
-import { c as n } from "./utils-DnnzGb1L.js";
-const l = m(
-  ({ className: o, asChild: t = !1, ...a }, e) => /* @__PURE__ */ r(
-    t ? s : "span",
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { S as r } from "./index-BtQfgaSF.js";
+import { c as n } from "./utils-Opg_zrKx.js";
+const l = s(
+  ({ className: o, asChild: t = !1, ...a }, e) => /* @__PURE__ */ m(
+    t ? r : "span",
     {
       ref: e,
       "data-slot": "button-label",
-      className: n("inline-flex items-center whitespace-nowrap", o),
+      className: n(
+        "mds:inline-flex mds:items-center mds:whitespace-nowrap",
+        o
+      ),
       ...a
     }
   )

package/dist/mainstack-design-system388.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react/jsx-runtime"),t=require("react"),R=require("./utils-FBJ8OQ9f.cjs"),I=require("./mainstack-design-system390.cjs"),N=t.forwardRef,l=N(({as:r,className:c,size:d="md",variant:y="primary",status:m="default",rounded:g="md",disabled:n,iconOnly:b=!1,children:p,...z},h)=>{const f=r||"button",o=t.Children.toArray(p),a=o[0],i=o[o.length-1],s=t.isValidElement(a)&&typeof a.type!="string"&&a.type?.displayName==="ButtonIcon",e=t.isValidElement(i)&&typeof i.type!="string"&&i.type?.displayName==="ButtonIcon",x=o.some(u=>t.isValidElement(u)&&typeof u.type!="string"&&u.type?.displayName==="ButtonLabel"),w=s&&e?"both":s?"leading":e?"trailing":"none";return B.jsx(f,{ref:h,"data-disabled":n,tabIndex:n?-1:0,"data-slot":"button-root","data-button-icon-position":w,"data-button-icon-only":b?"true":"false",disabled:n,"data-button-size":d,className:R.cn(I.buttonVariants({size:d,variant:y,status:m,rounded:g}),"data-[button-size=tiny]:data-[button-icon-position=leading]:pr-12","data-[button-size=tiny]:data-[button-icon-position=trailing]:pl-12","data-[button-size=tiny]:data-[button-icon-position=both]:p-6","data-[button-size=xs]:data-[button-icon-position=leading]:pr-14","data-[button-size=xs]:data-[button-icon-position=trailing]:pl-24","data-[button-size=xs]:data-[button-icon-position=trailing]:pr-16","data-[button-size=xs]:data-[button-icon-position=both]:px-16","data-[button-size=sm]:data-[button-icon-position=leading]:pr-24","data-[button-size=sm]:data-[button-icon-position=trailing]:pl-24","data-[button-size=sm]:data-[button-icon-position=both]:p-16","data-[button-size=md]:data-[button-icon-position=leading]:pr-24","data-[button-size=md]:data-[button-icon-position=trailing]:pl-24","data-[button-size=md]:data-[button-icon-position=both]:py-12","data-[button-size=md]:data-[button-icon-position=both]:px-16","data-[button-size=lg]:data-[button-icon-position=leading]:pr-24","data-[button-size=lg]:data-[button-icon-position=trailing]:pl-24","data-[button-size=lg]:data-[button-icon-position=both]:p-16",s&&e&&x&&"pl-4 pr-5",b&&["data-[button-size=tiny]:data-[button-icon-only=true]:px-8","data-[button-size=tiny]:data-[button-icon-only=true]:w-30","data-[button-size=xs]:data-[button-icon-only=true]:w-36","data-[button-size=sm]:data-[button-icon-only=true]:w-40","data-[button-size=md]:data-[button-icon-only=true]:w-48","data-[button-size=lg]:data-[button-icon-only=true]:w-56"],c),...z,children:p})});l.displayName="ButtonRoot";exports.ButtonRoot=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react/jsx-runtime"),t=require("react"),R=require("./utils-KlkRDGof.cjs"),I=require("./mainstack-design-system390.cjs"),N=t.forwardRef,l=N(({as:r,className:m,size:u="md",variant:c="primary",status:y="default",rounded:g="md",disabled:n,iconOnly:b=!1,children:p,...z},h)=>{const f=r||"button",o=t.Children.toArray(p),a=o[0],i=o[o.length-1],s=t.isValidElement(a)&&typeof a.type!="string"&&a.type?.displayName==="ButtonIcon",d=t.isValidElement(i)&&typeof i.type!="string"&&i.type?.displayName==="ButtonIcon",x=o.some(e=>t.isValidElement(e)&&typeof e.type!="string"&&e.type?.displayName==="ButtonLabel"),w=s&&d?"both":s?"leading":d?"trailing":"none";return B.jsx(f,{ref:h,"data-disabled":n,tabIndex:n?-1:0,"data-slot":"button-root","data-button-icon-position":w,"data-button-icon-only":b?"true":"false",disabled:n,"data-button-size":u,className:R.cn(I.buttonVariants({size:u,variant:c,status:y,rounded:g}),"mds:data-[button-size=tiny]:data-[button-icon-position=leading]:pr-12","mds:data-[button-size=tiny]:data-[button-icon-position=trailing]:pl-12","mds:data-[button-size=tiny]:data-[button-icon-position=both]:p-6","mds:data-[button-size=xs]:data-[button-icon-position=leading]:pr-14","mds:data-[button-size=xs]:data-[button-icon-position=trailing]:pl-24","mds:data-[button-size=xs]:data-[button-icon-position=trailing]:pr-16","mds:data-[button-size=xs]:data-[button-icon-position=both]:px-16","mds:data-[button-size=sm]:data-[button-icon-position=leading]:pr-24","mds:data-[button-size=sm]:data-[button-icon-position=trailing]:pl-24","mds:data-[button-size=sm]:data-[button-icon-position=both]:p-16","mds:data-[button-size=md]:data-[button-icon-position=leading]:pr-24","mds:data-[button-size=md]:data-[button-icon-position=trailing]:pl-24","mds:data-[button-size=md]:data-[button-icon-position=both]:py-12","mds:data-[button-size=md]:data-[button-icon-position=both]:px-16","mds:data-[button-size=lg]:data-[button-icon-position=leading]:pr-24","mds:data-[button-size=lg]:data-[button-icon-position=trailing]:pl-24","mds:data-[button-size=lg]:data-[button-icon-position=both]:p-16",s&&d&&x&&"mds:pl-4 mds:pr-5",b&&["mds:data-[button-size=tiny]:data-[button-icon-only=true]:px-8","mds:data-[button-size=tiny]:data-[button-icon-only=true]:w-30","mds:data-[button-size=xs]:data-[button-icon-only=true]:w-36","mds:data-[button-size=sm]:data-[button-icon-only=true]:w-40","mds:data-[button-size=md]:data-[button-icon-only=true]:w-48","mds:data-[button-size=lg]:data-[button-icon-only=true]:w-56"],m),...z,children:p})});l.displayName="ButtonRoot";exports.ButtonRoot=l;

package/dist/mainstack-design-system388.js

@@ -1,21 +1,21 @@
 import { jsx as x } from "react/jsx-runtime";
 import o, { forwardRef as w } from "react";
-import { c as B } from "./utils-DnnzGb1L.js";
+import { c as B } from "./utils-Opg_zrKx.js";
 import { buttonVariants as I } from "./mainstack-design-system390.js";
 const N = w, R = N(
   ({
-    as: l,
-    className: r,
+    as: m,
+    className: l,
     size: u = "md",
-    variant: c = "primary",
-    status: m = "default",
+    variant: r = "primary",
+    status: c = "default",
     rounded: y = "md",
     disabled: n,
     iconOnly: b = !1,
     children: p,
     ...g
   }, z) => {
-    const f = l || "button", t = o.Children.toArray(p), a = t[0], i = t[t.length - 1], s = o.isValidElement(a) && typeof a.type != "string" && a.type?.displayName === "ButtonIcon", d = o.isValidElement(i) && typeof i.type != "string" && i.type?.displayName === "ButtonIcon", h = t.some(
+    const f = m || "button", t = o.Children.toArray(p), a = t[0], i = t[t.length - 1], s = o.isValidElement(a) && typeof a.type != "string" && a.type?.displayName === "ButtonIcon", d = o.isValidElement(i) && typeof i.type != "string" && i.type?.displayName === "ButtonIcon", h = t.some(
       (e) => o.isValidElement(e) && typeof e.type != "string" && e.type?.displayName === "ButtonLabel"
     );
     return /* @__PURE__ */ x(
@@ -30,34 +30,34 @@ const N = w, R = N(
         disabled: n,
         "data-button-size": u,
         className: B(
-          I({ size: u, variant: c, status: m, rounded: y }),
-          "data-[button-size=tiny]:data-[button-icon-position=leading]:pr-12",
-          "data-[button-size=tiny]:data-[button-icon-position=trailing]:pl-12",
-          "data-[button-size=tiny]:data-[button-icon-position=both]:p-6",
-          "data-[button-size=xs]:data-[button-icon-position=leading]:pr-14",
-          "data-[button-size=xs]:data-[button-icon-position=trailing]:pl-24",
-          "data-[button-size=xs]:data-[button-icon-position=trailing]:pr-16",
-          "data-[button-size=xs]:data-[button-icon-position=both]:px-16",
-          "data-[button-size=sm]:data-[button-icon-position=leading]:pr-24",
-          "data-[button-size=sm]:data-[button-icon-position=trailing]:pl-24",
-          "data-[button-size=sm]:data-[button-icon-position=both]:p-16",
-          "data-[button-size=md]:data-[button-icon-position=leading]:pr-24",
-          "data-[button-size=md]:data-[button-icon-position=trailing]:pl-24",
-          "data-[button-size=md]:data-[button-icon-position=both]:py-12",
-          "data-[button-size=md]:data-[button-icon-position=both]:px-16",
-          "data-[button-size=lg]:data-[button-icon-position=leading]:pr-24",
-          "data-[button-size=lg]:data-[button-icon-position=trailing]:pl-24",
-          "data-[button-size=lg]:data-[button-icon-position=both]:p-16",
-          s && d && h && "pl-4 pr-5",
+          I({ size: u, variant: r, status: c, rounded: y }),
+          "mds:data-[button-size=tiny]:data-[button-icon-position=leading]:pr-12",
+          "mds:data-[button-size=tiny]:data-[button-icon-position=trailing]:pl-12",
+          "mds:data-[button-size=tiny]:data-[button-icon-position=both]:p-6",
+          "mds:data-[button-size=xs]:data-[button-icon-position=leading]:pr-14",
+          "mds:data-[button-size=xs]:data-[button-icon-position=trailing]:pl-24",
+          "mds:data-[button-size=xs]:data-[button-icon-position=trailing]:pr-16",
+          "mds:data-[button-size=xs]:data-[button-icon-position=both]:px-16",
+          "mds:data-[button-size=sm]:data-[button-icon-position=leading]:pr-24",
+          "mds:data-[button-size=sm]:data-[button-icon-position=trailing]:pl-24",
+          "mds:data-[button-size=sm]:data-[button-icon-position=both]:p-16",
+          "mds:data-[button-size=md]:data-[button-icon-position=leading]:pr-24",
+          "mds:data-[button-size=md]:data-[button-icon-position=trailing]:pl-24",
+          "mds:data-[button-size=md]:data-[button-icon-position=both]:py-12",
+          "mds:data-[button-size=md]:data-[button-icon-position=both]:px-16",
+          "mds:data-[button-size=lg]:data-[button-icon-position=leading]:pr-24",
+          "mds:data-[button-size=lg]:data-[button-icon-position=trailing]:pl-24",
+          "mds:data-[button-size=lg]:data-[button-icon-position=both]:p-16",
+          s && d && h && "mds:pl-4 mds:pr-5",
           b && [
-            "data-[button-size=tiny]:data-[button-icon-only=true]:px-8",
-            "data-[button-size=tiny]:data-[button-icon-only=true]:w-30",
-            "data-[button-size=xs]:data-[button-icon-only=true]:w-36",
-            "data-[button-size=sm]:data-[button-icon-only=true]:w-40",
-            "data-[button-size=md]:data-[button-icon-only=true]:w-48",
-            "data-[button-size=lg]:data-[button-icon-only=true]:w-56"
+            "mds:data-[button-size=tiny]:data-[button-icon-only=true]:px-8",
+            "mds:data-[button-size=tiny]:data-[button-icon-only=true]:w-30",
+            "mds:data-[button-size=xs]:data-[button-icon-only=true]:w-36",
+            "mds:data-[button-size=sm]:data-[button-icon-only=true]:w-40",
+            "mds:data-[button-size=md]:data-[button-icon-only=true]:w-48",
+            "mds:data-[button-size=lg]:data-[button-icon-only=true]:w-56"
           ],
-          r
+          l
         ),
         ...g,
         children: p