mainstack-design-system 1.4.1 → 1.4.2

package/dist/mainstack-design-system578.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react");require("./mainstack-design-system355.cjs");const u=require("./mainstack-design-system195.cjs");require("./player-BKifgSJo.cjs");const d=require("./utils-FBJ8OQ9f.cjs"),p=require("./mainstack-design-system602.cjs"),r=l.forwardRef(({isOptionOpen:t,activeCountry:o,onOptionOpenChange:n,isError:s,isSuccess:a,...c},i)=>e.jsxs("button",{onClick:()=>n(!0),"data-select-options-opened":t,"data-editable":"false",className:d.cn("form-root-slot-defaults","group flex items-center w-66 h-48 gap-6 py-14 cursor-pointer px-12 rounded-14 disabled:cursor-not-allowed disabled:opacity-50 data-[select-options-opened=true]:ring-2 data-[select-options-opened=true]:ring-border-interactive-neutral-active"),ref:i,...c,children:[e.jsx("div",{"data-error":s,"data-success":a,className:"flex items-center justify-center",children:p.getCountryFlagComp(o)}),e.jsx(u,{"data-select-options-opened":t,className:"size-16 transition-transform transition-1000 group-data-[select-options-opened=true]:rotate-180"})]}));r.displayName=" FormCountrySelect";exports.FormCountrySelect=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system355.cjs");const i=require("./mainstack-design-system195.cjs");require("./player-BKifgSJo.cjs");const l=require("./utils-KlkRDGof.cjs"),u=require("./mainstack-design-system602.cjs"),s=c.forwardRef(({isOptionOpen:t,activeCountry:r,onOptionOpenChange:o,isError:d,isSuccess:n,...a},m)=>e.jsxs("button",{onClick:()=>o(!0),"data-select-options-opened":t,"data-editable":"false",className:l.cn("form-root-slot-defaults","mds:group mds:flex mds:items-center mds:w-66 mds:h-48 mds:gap-6 mds:py-14 mds:cursor-pointer mds:px-12 mds:rounded-14 mds:disabled:cursor-not-allowed mds:disabled:opacity-50 mds:data-[select-options-opened=true]:ring-2 mds:data-[select-options-opened=true]:ring-border-interactive-neutral-active"),ref:m,...a,children:[e.jsx("div",{"data-error":d,"data-success":n,className:"mds:flex mds:items-center mds:justify-center",children:u.getCountryFlagComp(r)}),e.jsx(i,{"data-select-options-opened":t,className:"mds:size-16 mds:transition-transform mds:transition-1000 mds:group-data-[select-options-opened=true]:rotate-180"})]}));s.displayName=" FormCountrySelect";exports.FormCountrySelect=s;

package/dist/mainstack-design-system578.js

@@ -1,45 +1,45 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
 import "./mainstack-design-system355.js";
-import l from "./mainstack-design-system195.js";
+import c from "./mainstack-design-system195.js";
 import "./player-DSenNqFV.js";
-import { c as p } from "./utils-DnnzGb1L.js";
-import { getCountryFlagComp as m } from "./mainstack-design-system602.js";
-const u = c(
+import { c as l } from "./utils-Opg_zrKx.js";
+import { getCountryFlagComp as p } from "./mainstack-design-system602.js";
+const u = i(
   ({
     isOptionOpen: e,
     activeCountry: o,
-    onOptionOpenChange: r,
-    isError: a,
-    isSuccess: s,
-    ...n
-  }, i) => /* @__PURE__ */ d(
+    onOptionOpenChange: s,
+    isError: r,
+    isSuccess: d,
+    ...m
+  }, a) => /* @__PURE__ */ n(
     "button",
     {
-      onClick: () => r(!0),
+      onClick: () => s(!0),
       "data-select-options-opened": e,
       "data-editable": "false",
-      className: p(
+      className: l(
         "form-root-slot-defaults",
-        "group flex items-center w-66 h-48 gap-6 py-14 cursor-pointer px-12 rounded-14 disabled:cursor-not-allowed disabled:opacity-50 data-[select-options-opened=true]:ring-2 data-[select-options-opened=true]:ring-border-interactive-neutral-active"
+        "mds:group mds:flex mds:items-center mds:w-66 mds:h-48 mds:gap-6 mds:py-14 mds:cursor-pointer mds:px-12 mds:rounded-14 mds:disabled:cursor-not-allowed mds:disabled:opacity-50 mds:data-[select-options-opened=true]:ring-2 mds:data-[select-options-opened=true]:ring-border-interactive-neutral-active"
       ),
-      ref: i,
-      ...n,
+      ref: a,
+      ...m,
       children: [
         /* @__PURE__ */ t(
           "div",
           {
-            "data-error": a,
-            "data-success": s,
-            className: "flex items-center justify-center",
-            children: m(o)
+            "data-error": r,
+            "data-success": d,
+            className: "mds:flex mds:items-center mds:justify-center",
+            children: p(o)
           }
         ),
         /* @__PURE__ */ t(
-          l,
+          c,
           {
             "data-select-options-opened": e,
-            className: "size-16 transition-transform transition-1000 group-data-[select-options-opened=true]:rotate-180"
+            className: "mds:size-16 mds:transition-transform mds:transition-1000 mds:group-data-[select-options-opened=true]:rotate-180"
           }
         )
       ]

package/dist/mainstack-design-system579.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),a=require("./utils-FBJ8OQ9f.cjs"),e=i.forwardRef(({isOptionOpen:r,className:o,...t},n)=>s.jsx("div",{"data-select-options-opened":r,className:a.cn("flex flex-col gap-8 p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200",o),ref:n,...t}));e.displayName="FormCountryOptions";exports.FormCountryOptions=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),i=require("./utils-KlkRDGof.cjs"),e=n.forwardRef(({isOptionOpen:r,className:s,...o},t)=>d.jsx("div",{"data-select-options-opened":r,className:i.cn("mds:flex mds:flex-col mds:gap-8 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200",s),ref:t,...o}));e.displayName="FormCountryOptions";exports.FormCountryOptions=e;

package/dist/mainstack-design-system579.js

@@ -1,21 +1,21 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { c as s } from "./utils-DnnzGb1L.js";
-const d = n(
-  ({ isOptionOpen: r, className: o, ...e }, t) => /* @__PURE__ */ a(
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { c as t } from "./utils-Opg_zrKx.js";
+const a = m(
+  ({ isOptionOpen: r, className: o, ...s }, d) => /* @__PURE__ */ e(
     "div",
     {
       "data-select-options-opened": r,
-      className: s(
-        "flex flex-col gap-8 p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200",
+      className: t(
+        "mds:flex mds:flex-col mds:gap-8 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200",
         o
       ),
-      ref: t,
-      ...e
+      ref: d,
+      ...s
     }
   )
 );
-d.displayName = "FormCountryOptions";
+a.displayName = "FormCountryOptions";
 export {
-  d as FormCountryOptions
+  a as FormCountryOptions
 };

package/dist/mainstack-design-system580.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),o=require("./index-C7rXc8w3.cjs"),t=require("./utils-FBJ8OQ9f.cjs"),h=require("./mainstack-design-system602.cjs"),s=require("./index-BgzojN8c.cjs"),a=i.forwardRef(({onOptionOpenChange:c,searchCountry:l,activeCountry:u,onSetActiveCountry:m,getCountryMetaInfo:d,className:x,...b},f)=>{const n=i.useMemo(()=>{const r=o.getCountries();return l?r.filter(p=>o.countriesEnglishNames[p].toLowerCase().includes(l.toLowerCase())):r},[l]);return e.jsxs(s.ScrollArea,{style:{"--scrollbar-size":"8px"},className:t.cn("flex flex-col max-h-188",x),"data-slot":"phone-number-options-list",ref:f,...b,children:[e.jsx(s.ScrollAreaViewport,{className:"h-full pr-8 w-full",children:e.jsx("div",{"data-slot":"phone-number-options-list-inner",className:t.cn("flex flex-col gap-8"),children:n.length?n.map(r=>e.jsxs("button",{role:"option","aria-selected":r===u,onClick:()=>{m(r),c(!1)},className:"flex cursor-pointer py-8 px-10 rounded-12 items-center justify-between hover:bg-interactive-secondary-hover",children:[e.jsxs("div",{className:"flex items-center gap-8",children:[e.jsx("div",{className:"flex items-center justify-center",children:h.getCountryFlagComp(r)}),e.jsx("p",{className:t.cn("body-extrasmall-medium","text-primary"),children:o.countriesEnglishNames[r]})]}),e.jsx("p",{className:t.cn("body-extrasmall-regular","text-secondary"),children:d(r)})]},r)):e.jsx("p",{className:t.cn("body-extrasmall-regular","text-tertiary text-center"),children:"No option found"})})}),e.jsx(s.ScrollAreaScrollbar,{orientation:"vertical",className:"flex select-none rounded-(--scrollbar-size) touch-none p-2 w-(--scrollbar-size) flex-col transition-all duration-200 ease-out bg-surface-neutral-l1 hover:bg-interactive-secondary hover:w-12",children:e.jsx(s.ScrollAreaThumb,{className:t.cn("rounded-(--scrollbar-size) bg-border-interactive-neutral-inverse-hover relative","before:content-[''] before:absolute before:top-1/2 before:left-1/2  before:-translate-1/2 before:size-full before:min-w-44 before:min-h-44")})}),e.jsx(s.ScrollAreaCorner,{className:"bg-border-interactive-neutral-inverse-hover"})]})});a.displayName="FormCountryOptionsList";exports.FormCountryOptionsList=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),o=require("./index-C7rXc8w3.cjs"),r=require("./utils-KlkRDGof.cjs"),h=require("./mainstack-design-system602.cjs"),t=require("./index-BgzojN8c.cjs"),d=m.forwardRef(({onOptionOpenChange:i,searchCountry:l,activeCountry:a,onSetActiveCountry:c,getCountryMetaInfo:u,className:x,...b},f)=>{const n=m.useMemo(()=>{const s=o.getCountries();return l?s.filter(p=>o.countriesEnglishNames[p].toLowerCase().includes(l.toLowerCase())):s},[l]);return e.jsxs(t.ScrollArea,{style:{"--scrollbar-size":"8px"},className:r.cn("mds:flex mds:flex-col mds:max-h-188",x),"data-slot":"phone-number-options-list",ref:f,...b,children:[e.jsx(t.ScrollAreaViewport,{className:"mds:h-full mds:pr-8 mds:w-full",children:e.jsx("div",{"data-slot":"phone-number-options-list-inner",className:r.cn("mds:flex mds:flex-col mds:gap-8"),children:n.length?n.map(s=>e.jsxs("button",{role:"option","aria-selected":s===a,onClick:()=>{c(s),i(!1)},className:"mds:flex mds:cursor-pointer mds:py-8 mds:px-10 mds:rounded-12 mds:items-center mds:justify-between mds:hover:bg-interactive-secondary-hover",children:[e.jsxs("div",{className:"mds:flex mds:items-center mds:gap-8",children:[e.jsx("div",{className:"mds:flex mds:items-center mds:justify-center",children:h.getCountryFlagComp(s)}),e.jsx("p",{className:r.cn("body-extrasmall-medium","mds:text-primary"),children:o.countriesEnglishNames[s]})]}),e.jsx("p",{className:r.cn("body-extrasmall-regular","mds:text-secondary"),children:u(s)})]},s)):e.jsx("p",{className:r.cn("body-extrasmall-regular","mds:text-tertiary mds:text-center"),children:"No option found"})})}),e.jsx(t.ScrollAreaScrollbar,{orientation:"vertical",className:"mds:flex mds:select-none mds:rounded-(--scrollbar-size) mds:touch-none mds:p-2 mds:w-(--scrollbar-size) mds:flex-col mds:transition-all mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:hover:bg-interactive-secondary mds:hover:w-12",children:e.jsx(t.ScrollAreaThumb,{className:r.cn("mds:rounded-(--scrollbar-size) mds:bg-border-interactive-neutral-inverse-hover mds:relative","mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44")})}),e.jsx(t.ScrollAreaCorner,{className:"mds:bg-border-interactive-neutral-inverse-hover"})]})});d.displayName="FormCountryOptionsList";exports.FormCountryOptionsList=d;

package/dist/mainstack-design-system580.js

@@ -1,94 +1,106 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
 import { forwardRef as u, useMemo as h } from "react";
-import { a as x, c as s } from "./index-BQdKkfuK.js";
-import { c as l } from "./utils-DnnzGb1L.js";
+import { a as x, c as t } from "./index-BQdKkfuK.js";
+import { c as r } from "./utils-Opg_zrKx.js";
 import { getCountryFlagComp as v } from "./mainstack-design-system602.js";
 import { S as N, a as g, b as y, c as w, d as C } from "./index-CLUgda6x.js";
 const S = u(
   ({
-    onOptionOpenChange: i,
-    searchCountry: o,
-    activeCountry: n,
-    onSetActiveCountry: c,
-    getCountryMetaInfo: m,
-    className: d,
+    onOptionOpenChange: a,
+    searchCountry: l,
+    activeCountry: d,
+    onSetActiveCountry: i,
+    getCountryMetaInfo: n,
+    className: c,
     ...f
   }, p) => {
-    const a = h(() => {
+    const o = h(() => {
       const e = x();
-      return o ? e.filter(
-        (b) => s[b].toLowerCase().includes(o.toLowerCase())
+      return l ? e.filter(
+        (b) => t[b].toLowerCase().includes(l.toLowerCase())
       ) : e;
-    }, [o]);
-    return /* @__PURE__ */ t(
+    }, [l]);
+    return /* @__PURE__ */ m(
       N,
       {
         style: {
           "--scrollbar-size": "8px"
         },
-        className: l("flex flex-col max-h-188", d),
+        className: r("mds:flex mds:flex-col mds:max-h-188", c),
         "data-slot": "phone-number-options-list",
         ref: p,
         ...f,
         children: [
-          /* @__PURE__ */ r(g, { className: "h-full pr-8 w-full", children: /* @__PURE__ */ r(
+          /* @__PURE__ */ s(g, { className: "mds:h-full mds:pr-8 mds:w-full", children: /* @__PURE__ */ s(
             "div",
             {
               "data-slot": "phone-number-options-list-inner",
-              className: l("flex flex-col gap-8"),
-              children: a.length ? a.map((e) => /* @__PURE__ */ t(
+              className: r("mds:flex mds:flex-col mds:gap-8"),
+              children: o.length ? o.map((e) => /* @__PURE__ */ m(
                 "button",
                 {
                   role: "option",
-                  "aria-selected": e === n,
+                  "aria-selected": e === d,
                   onClick: () => {
-                    c(e), i(!1);
+                    i(e), a(!1);
                   },
-                  className: "flex cursor-pointer py-8 px-10 rounded-12 items-center justify-between hover:bg-interactive-secondary-hover",
+                  className: "mds:flex mds:cursor-pointer mds:py-8 mds:px-10 mds:rounded-12 mds:items-center mds:justify-between mds:hover:bg-interactive-secondary-hover",
                   children: [
-                    /* @__PURE__ */ t("div", { className: "flex items-center gap-8", children: [
-                      /* @__PURE__ */ r("div", { className: "flex items-center justify-center", children: v(e) }),
-                      /* @__PURE__ */ r("p", { className: l("body-extrasmall-medium", "text-primary"), children: s[e] })
+                    /* @__PURE__ */ m("div", { className: "mds:flex mds:items-center mds:gap-8", children: [
+                      /* @__PURE__ */ s("div", { className: "mds:flex mds:items-center mds:justify-center", children: v(e) }),
+                      /* @__PURE__ */ s(
+                        "p",
+                        {
+                          className: r(
+                            "body-extrasmall-medium",
+                            "mds:text-primary"
+                          ),
+                          children: t[e]
+                        }
+                      )
                     ] }),
-                    /* @__PURE__ */ r(
+                    /* @__PURE__ */ s(
                       "p",
                       {
-                        className: l("body-extrasmall-regular", "text-secondary"),
-                        children: m(e)
+                        className: r(
+                          "body-extrasmall-regular",
+                          "mds:text-secondary"
+                        ),
+                        children: n(e)
                       }
                     )
                   ]
                 },
                 e
-              )) : /* @__PURE__ */ r(
+              )) : /* @__PURE__ */ s(
                 "p",
                 {
-                  className: l(
+                  className: r(
                     "body-extrasmall-regular",
-                    "text-tertiary text-center"
+                    "mds:text-tertiary mds:text-center"
                   ),
                   children: "No option found"
                 }
               )
             }
           ) }),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ s(
             y,
             {
               orientation: "vertical",
-              className: "flex select-none rounded-(--scrollbar-size) touch-none p-2 w-(--scrollbar-size) flex-col transition-all duration-200 ease-out bg-surface-neutral-l1 hover:bg-interactive-secondary hover:w-12",
-              children: /* @__PURE__ */ r(
+              className: "mds:flex mds:select-none mds:rounded-(--scrollbar-size) mds:touch-none mds:p-2 mds:w-(--scrollbar-size) mds:flex-col mds:transition-all mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:hover:bg-interactive-secondary mds:hover:w-12",
+              children: /* @__PURE__ */ s(
                 w,
                 {
-                  className: l(
-                    "rounded-(--scrollbar-size) bg-border-interactive-neutral-inverse-hover relative",
-                    "before:content-[''] before:absolute before:top-1/2 before:left-1/2  before:-translate-1/2 before:size-full before:min-w-44 before:min-h-44"
+                  className: r(
+                    "mds:rounded-(--scrollbar-size) mds:bg-border-interactive-neutral-inverse-hover mds:relative",
+                    "mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44"
                   )
                 }
               )
             }
           ),
-          /* @__PURE__ */ r(C, { className: "bg-border-interactive-neutral-inverse-hover" })
+          /* @__PURE__ */ s(C, { className: "mds:bg-border-interactive-neutral-inverse-hover" })
         ]
       }
     );

package/dist/mainstack-design-system581.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),a=require("./mainstack-design-system433.cjs"),u=require("./mainstack-design-system434.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system355.cjs");const l=require("./mainstack-design-system91.cjs"),p=require("./mainstack-design-system264.cjs");require("./player-BKifgSJo.cjs");const o=i.forwardRef(({searchCountry:n,onChangeSearchCountry:r,...t},s)=>e.jsxs(a.InputRoot,{className:"bg-interactive-secondary",children:[e.jsx(p,{className:"size-24"}),e.jsx(u.InputField,{placeholder:"Search...",value:n,onChange:c=>r(c.target.value),ref:s,...t}),e.jsx(l,{role:"button",className:"size-20 block cursor-pointer  peer-placeholder-shown:hidden",variant:"filled",onClick:()=>r("")})]}));o.displayName="FormCountryOptionsSearchField";exports.FormCountryOptionsSearchField=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),a=require("./mainstack-design-system433.cjs"),u=require("./mainstack-design-system434.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system355.cjs");const l=require("./mainstack-design-system91.cjs"),d=require("./mainstack-design-system264.cjs");require("./player-BKifgSJo.cjs");const o=i.forwardRef(({searchCountry:n,onChangeSearchCountry:r,...s},t)=>e.jsxs(a.InputRoot,{className:"mds:bg-interactive-secondary",children:[e.jsx(d,{className:"mds:size-24"}),e.jsx(u.InputField,{placeholder:"Search...",value:n,onChange:c=>r(c.target.value),ref:t,...s}),e.jsx(l,{role:"button",className:"mds:size-20 mds:block mds:cursor-pointer mds:peer-placeholder-shown:hidden",variant:"filled",onClick:()=>r("")})]}));o.displayName="FormCountryOptionsSearchField";exports.FormCountryOptionsSearchField=o;

package/dist/mainstack-design-system581.js

@@ -1,34 +1,34 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import { InputRoot as n } from "./mainstack-design-system433.js";
-import { InputField as p } from "./mainstack-design-system434.js";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { InputRoot as l } from "./mainstack-design-system433.js";
+import { InputField as n } from "./mainstack-design-system434.js";
 import "./mainstack-design-system432.js";
 import "./mainstack-design-system355.js";
-import c from "./mainstack-design-system91.js";
-import s from "./mainstack-design-system264.js";
+import p from "./mainstack-design-system91.js";
+import c from "./mainstack-design-system264.js";
 import "./player-DSenNqFV.js";
-const d = l(
+const d = a(
   ({
     searchCountry: e,
     onChangeSearchCountry: o,
-    ...t
-  }, i) => /* @__PURE__ */ m(n, { className: "bg-interactive-secondary", children: [
-    /* @__PURE__ */ r(s, { className: "size-24" }),
+    ...m
+  }, t) => /* @__PURE__ */ s(l, { className: "mds:bg-interactive-secondary", children: [
+    /* @__PURE__ */ r(c, { className: "mds:size-24" }),
     /* @__PURE__ */ r(
-      p,
+      n,
       {
         placeholder: "Search...",
         value: e,
-        onChange: (a) => o(a.target.value),
-        ref: i,
-        ...t
+        onChange: (i) => o(i.target.value),
+        ref: t,
+        ...m
       }
     ),
     /* @__PURE__ */ r(
-      c,
+      p,
       {
         role: "button",
-        className: "size-20 block cursor-pointer  peer-placeholder-shown:hidden",
+        className: "mds:size-20 mds:block mds:cursor-pointer mds:peer-placeholder-shown:hidden",
         variant: "filled",
         onClick: () => o("")
       }

package/dist/mainstack-design-system585.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),t=e.cva("relative inline-flex items-center gap-6 justify-center cursor-pointer whitespace-nowrap body-extrasmall-book transition-all disabled:pointer-events-none disabled:text-disabled transition-transform ease-out-pressed duration-100 active:scale-[0.96]",{variants:{variant:{underline:["px-8 py-6 text-secondary","hover:bg-surface-neutral-l4 hover:rounded-10","disabled:text-disabled disabled:pointer-events-none","data-[state=active]:text-primary","after:absolute after:left-0 after:right-0 after:-bottom-9 after:h-2 after:bg-transparent","data-[state=active]:after:bg-interactive-primary","data-[state=active]:disabled:text-disabled","data-[state=active]:disabled:after:bg-interactive-primary-disabled"],button:["px-16 py-10 rounded-full bg-transparent text-on-secondary","hover:bg-surface-neutral-l4 hover:rounded-full hover:text-on-secondary","data-[state=active]:bg-interactive-primary data-[state=active]:text-on-primary ","data-[state=active]:hover:bg-interactive-primary-hover","disabled:text-disabled disabled:pointer-events-none data-[state=active]:disabled:bg-interactive-primary-disabled data-[state=active]:disabled:text-on-primary-disabled"]},layout:{horizontal:"flex-row",vertical:"flex-col"}},defaultVariants:{variant:"underline",layout:"vertical"}}),a=e.cva("flex items-center",{variants:{variant:{underline:"justify-between gap-20 border-b-2 border-border-interactive-neutral py-8",button:"gap-4 p-4 bg-surface-neutral-l4 rounded-full"}},defaultVariants:{variant:"underline"}});exports.tabsListVariants=a;exports.tabsTriggerVariants=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),t=e.cva("mds:relative mds:inline-flex mds:items-center mds:gap-6 mds:justify-center mds:cursor-pointer mds:whitespace-nowrap body-extrasmall-book mds:transition-all mds:disabled:pointer-events-none mds:disabled:text-disabled mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]",{variants:{variant:{underline:["mds:px-8 mds:py-6 mds:text-secondary","mds:hover:bg-surface-neutral-l4 mds:hover:rounded-10","mds:disabled:text-disabled mds:disabled:pointer-events-none","mds:data-[state=active]:text-primary","mds:after:absolute mds:after:left-0 mds:after:right-0 mds:after:-bottom-9 mds:after:h-2 mds:after:bg-transparent","mds:data-[state=active]:after:bg-interactive-primary","mds:data-[state=active]:disabled:text-disabled","mds:data-[state=active]:disabled:after:bg-interactive-primary-disabled"],button:["mds:px-16 mds:py-10 mds:rounded-full mds:bg-transparent mds:text-on-secondary","mds:hover:bg-surface-neutral-l4 mds:hover:rounded-full mds:hover:text-on-secondary","mds:data-[state=active]:bg-interactive-primary mds:data-[state=active]:text-on-primary ","mds:data-[state=active]:hover:bg-interactive-primary-hover","mds:disabled:text-disabled mds:disabled:pointer-events-none mds:data-[state=active]:disabled:bg-interactive-primary-disabled mds:data-[state=active]:disabled:text-on-primary-disabled"]},layout:{horizontal:"mds:flex-row",vertical:"mds:flex-col"}},defaultVariants:{variant:"underline",layout:"vertical"}}),a=e.cva("mds:flex mds:items-center",{variants:{variant:{underline:"mds:justify-between mds:gap-20 mds:border-b-2 mds:border-border-interactive-neutral mds:py-8",button:"mds:gap-4 mds:p-4 mds:bg-surface-neutral-l4 mds:rounded-full"}},defaultVariants:{variant:"underline"}});exports.tabsListVariants=a;exports.tabsTriggerVariants=t;

package/dist/mainstack-design-system585.js

@@ -1,30 +1,30 @@
 import { c as e } from "./index-D29mdTf5.js";
 const a = e(
-  "relative inline-flex items-center gap-6 justify-center cursor-pointer whitespace-nowrap body-extrasmall-book transition-all disabled:pointer-events-none disabled:text-disabled transition-transform ease-out-pressed duration-100 active:scale-[0.96]",
+  "mds:relative mds:inline-flex mds:items-center mds:gap-6 mds:justify-center mds:cursor-pointer mds:whitespace-nowrap body-extrasmall-book mds:transition-all mds:disabled:pointer-events-none mds:disabled:text-disabled mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]",
   {
     variants: {
       variant: {
         underline: [
-          "px-8 py-6 text-secondary",
-          "hover:bg-surface-neutral-l4 hover:rounded-10",
-          "disabled:text-disabled disabled:pointer-events-none",
-          "data-[state=active]:text-primary",
-          "after:absolute after:left-0 after:right-0 after:-bottom-9 after:h-2 after:bg-transparent",
-          "data-[state=active]:after:bg-interactive-primary",
-          "data-[state=active]:disabled:text-disabled",
-          "data-[state=active]:disabled:after:bg-interactive-primary-disabled"
+          "mds:px-8 mds:py-6 mds:text-secondary",
+          "mds:hover:bg-surface-neutral-l4 mds:hover:rounded-10",
+          "mds:disabled:text-disabled mds:disabled:pointer-events-none",
+          "mds:data-[state=active]:text-primary",
+          "mds:after:absolute mds:after:left-0 mds:after:right-0 mds:after:-bottom-9 mds:after:h-2 mds:after:bg-transparent",
+          "mds:data-[state=active]:after:bg-interactive-primary",
+          "mds:data-[state=active]:disabled:text-disabled",
+          "mds:data-[state=active]:disabled:after:bg-interactive-primary-disabled"
         ],
         button: [
-          "px-16 py-10 rounded-full bg-transparent text-on-secondary",
-          "hover:bg-surface-neutral-l4 hover:rounded-full hover:text-on-secondary",
-          "data-[state=active]:bg-interactive-primary data-[state=active]:text-on-primary ",
-          "data-[state=active]:hover:bg-interactive-primary-hover",
-          "disabled:text-disabled disabled:pointer-events-none data-[state=active]:disabled:bg-interactive-primary-disabled data-[state=active]:disabled:text-on-primary-disabled"
+          "mds:px-16 mds:py-10 mds:rounded-full mds:bg-transparent mds:text-on-secondary",
+          "mds:hover:bg-surface-neutral-l4 mds:hover:rounded-full mds:hover:text-on-secondary",
+          "mds:data-[state=active]:bg-interactive-primary mds:data-[state=active]:text-on-primary ",
+          "mds:data-[state=active]:hover:bg-interactive-primary-hover",
+          "mds:disabled:text-disabled mds:disabled:pointer-events-none mds:data-[state=active]:disabled:bg-interactive-primary-disabled mds:data-[state=active]:disabled:text-on-primary-disabled"
         ]
       },
       layout: {
-        horizontal: "flex-row",
-        vertical: "flex-col"
+        horizontal: "mds:flex-row",
+        vertical: "mds:flex-col"
       }
     },
     defaultVariants: {
@@ -32,11 +32,11 @@ const a = e(
       layout: "vertical"
     }
   }
-), r = e("flex items-center", {
+), d = e("mds:flex mds:items-center", {
   variants: {
     variant: {
-      underline: "justify-between gap-20 border-b-2 border-border-interactive-neutral py-8",
-      button: "gap-4 p-4 bg-surface-neutral-l4 rounded-full"
+      underline: "mds:justify-between mds:gap-20 mds:border-b-2 mds:border-border-interactive-neutral mds:py-8",
+      button: "mds:gap-4 mds:p-4 mds:bg-surface-neutral-l4 mds:rounded-full"
     }
   },
   defaultVariants: {
@@ -44,6 +44,6 @@ const a = e(
   }
 });
 export {
-  r as tabsListVariants,
+  d as tabsListVariants,
   a as tabsTriggerVariants
 };

package/dist/mainstack-design-system587.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),t=e.cva(["group w-full rounded-18 body-font-family gap-12 select-none relative flex cursor-pointer items-center p-18 border border-border-interactive-neutral bg-surface-neutral-l1","transition-transform ease-out-pressed duration-100 active:scale-[0.96]","has-[>[data-slot=tile-header]]:flex-col has-[>[data-slot=tile-header]]:items-start","focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-border-surface-spread-focus","data-[selected=true]:border-2 data-[selected=true]:border-border-interactive-neutral-active","hover:bg-interactive-secondary"],{variants:{disabled:{true:["pointer-events-none opacity-60","data-[disabled=true]:[&_[data-slot=tile-content]]:text-disabled"]}}});exports.tileVariants=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva(["mds:group mds:w-full mds:rounded-18 body-font-family mds:gap-12 mds:select-none mds:relative mds:flex mds:cursor-pointer mds:items-center mds:p-18 mds:border mds:border-border-interactive-neutral mds:bg-surface-neutral-l1","mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]","mds:has-[>[data-slot=tile-header]]:flex-col mds:has-[>[data-slot=tile-header]]:items-start","mds:focus-visible:ring-2 mds:focus-visible:outline-none mds:focus-visible:ring-border-surface-spread-focus","mds:data-[selected=true]:border-2 mds:data-[selected=true]:border-border-interactive-neutral-active","mds:hover:bg-interactive-secondary"],{variants:{disabled:{true:["mds:pointer-events-none mds:opacity-60","mds:data-[disabled=true]:[&_[data-slot=tile-content]]:text-disabled"]}}});exports.tileVariants=s;

package/dist/mainstack-design-system587.js

@@ -1,24 +1,24 @@
 import { c as e } from "./index-D29mdTf5.js";
-const r = e(
+const d = e(
   [
-    "group w-full rounded-18 body-font-family gap-12 select-none relative flex cursor-pointer items-center p-18 border border-border-interactive-neutral bg-surface-neutral-l1",
-    "transition-transform ease-out-pressed duration-100 active:scale-[0.96]",
-    "has-[>[data-slot=tile-header]]:flex-col has-[>[data-slot=tile-header]]:items-start",
-    "focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-border-surface-spread-focus",
-    "data-[selected=true]:border-2 data-[selected=true]:border-border-interactive-neutral-active",
-    "hover:bg-interactive-secondary"
+    "mds:group mds:w-full mds:rounded-18 body-font-family mds:gap-12 mds:select-none mds:relative mds:flex mds:cursor-pointer mds:items-center mds:p-18 mds:border mds:border-border-interactive-neutral mds:bg-surface-neutral-l1",
+    "mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]",
+    "mds:has-[>[data-slot=tile-header]]:flex-col mds:has-[>[data-slot=tile-header]]:items-start",
+    "mds:focus-visible:ring-2 mds:focus-visible:outline-none mds:focus-visible:ring-border-surface-spread-focus",
+    "mds:data-[selected=true]:border-2 mds:data-[selected=true]:border-border-interactive-neutral-active",
+    "mds:hover:bg-interactive-secondary"
   ],
   {
     variants: {
       disabled: {
         true: [
-          "pointer-events-none opacity-60",
-          "data-[disabled=true]:[&_[data-slot=tile-content]]:text-disabled"
+          "mds:pointer-events-none mds:opacity-60",
+          "mds:data-[disabled=true]:[&_[data-slot=tile-content]]:text-disabled"
         ]
       }
     }
   }
 );
 export {
-  r as tileVariants
+  d as tileVariants
 };

package/dist/mainstack-design-system598.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),E=require("react"),q=require("./index-_XxjJPRD.cjs"),v=require("./index-5OKsHRWb.cjs"),F=require("./index-C8aODXfJ.cjs"),H=require("./index-DYxWvftI.cjs"),L=require("./index-bSPhqlcX.cjs"),G=require("./index-Bd0gQB0k.cjs");require("./mainstack-design-system355.cjs");const K=require("./mainstack-design-system102.cjs");require("./player-BKifgSJo.cjs");const U=require("./utils-FBJ8OQ9f.cjs");function X(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const d=X(E);var _="Checkbox",[J]=v.createContextScope(_),[Q,P]=J(_);function V(e){const{__scopeCheckbox:o,checked:t,children:a,defaultChecked:s,disabled:r,form:f,name:p,onCheckedChange:u,required:k,value:m="on",internal_do_not_use_render:l}=e,[b,g]=F.useControllableState({prop:t,defaultProp:s??!1,onChange:u,caller:_}),[x,C]=d.useState(null),[y,n]=d.useState(null),i=d.useRef(!1),R=x?!!f||!!x.closest("form"):!0,I={checked:b,disabled:r,setChecked:g,control:x,setControl:C,name:p,form:f,value:m,hasConsumerStoppedPropagationRef:i,required:k,defaultChecked:h(s)?!1:s,isFormControl:R,bubbleInput:y,setBubbleInput:n};return c.jsx(Q,{scope:o,...I,children:W(l)?l(I):a})}var S="CheckboxTrigger",N=d.forwardRef(({__scopeCheckbox:e,onKeyDown:o,onClick:t,...a},s)=>{const{control:r,value:f,disabled:p,checked:u,required:k,setControl:m,setChecked:l,hasConsumerStoppedPropagationRef:b,isFormControl:g,bubbleInput:x}=P(S,e),C=q.useComposedRefs(s,m),y=d.useRef(u);return d.useEffect(()=>{const n=r?.form;if(n){const i=()=>l(y.current);return n.addEventListener("reset",i),()=>n.removeEventListener("reset",i)}},[r,l]),c.jsx(v.Primitive.button,{type:"button",role:"checkbox","aria-checked":h(u)?"mixed":u,"aria-required":k,"data-state":T(u),"data-disabled":p?"":void 0,disabled:p,value:f,...a,ref:C,onKeyDown:v.composeEventHandlers(o,n=>{n.key==="Enter"&&n.preventDefault()}),onClick:v.composeEventHandlers(t,n=>{l(i=>h(i)?!0:!i),x&&g&&(b.current=n.isPropagationStopped(),b.current||n.stopPropagation())})})});N.displayName=S;var w=d.forwardRef((e,o)=>{const{__scopeCheckbox:t,name:a,checked:s,defaultChecked:r,required:f,disabled:p,value:u,onCheckedChange:k,form:m,...l}=e;return c.jsx(V,{__scopeCheckbox:t,checked:s,defaultChecked:r,disabled:p,required:f,onCheckedChange:k,name:a,form:m,value:u,internal_do_not_use_render:({isFormControl:b})=>c.jsxs(c.Fragment,{children:[c.jsx(N,{...l,ref:o,__scopeCheckbox:t}),b&&c.jsx(M,{__scopeCheckbox:t})]})})});w.displayName=_;var z="CheckboxIndicator",O=d.forwardRef((e,o)=>{const{__scopeCheckbox:t,forceMount:a,...s}=e,r=P(z,t);return c.jsx(G.Presence,{present:a||h(r.checked)||r.checked===!0,children:c.jsx(v.Primitive.span,{"data-state":T(r.checked),"data-disabled":r.disabled?"":void 0,...s,ref:o,style:{pointerEvents:"none",...e.style}})})});O.displayName=z;var B="CheckboxBubbleInput",M=d.forwardRef(({__scopeCheckbox:e,...o},t)=>{const{control:a,hasConsumerStoppedPropagationRef:s,checked:r,defaultChecked:f,required:p,disabled:u,name:k,value:m,form:l,bubbleInput:b,setBubbleInput:g}=P(B,e),x=q.useComposedRefs(t,g),C=H.usePrevious(r),y=L.useSize(a);d.useEffect(()=>{const i=b;if(!i)return;const R=window.HTMLInputElement.prototype,j=Object.getOwnPropertyDescriptor(R,"checked").set,$=!s.current;if(C!==r&&j){const A=new Event("click",{bubbles:$});i.indeterminate=h(r),j.call(i,h(r)?!1:r),i.dispatchEvent(A)}},[b,C,r,s]);const n=d.useRef(h(r)?!1:r);return c.jsx(v.Primitive.input,{type:"checkbox","aria-hidden":!0,defaultChecked:f??n.current,required:p,disabled:u,name:k,value:m,form:l,...o,tabIndex:-1,ref:x,style:{...o.style,...y,position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"}})});M.displayName=B;function W(e){return typeof e=="function"}function h(e){return e==="indeterminate"}function T(e){return h(e)?"indeterminate":e?"checked":"unchecked"}const D=E.forwardRef(({className:e,...o},t)=>c.jsx(w,{"data-slot":"checkbox-indicator",className:U.cn("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 ",e),ref:t,...o,children:c.jsx(O,{children:c.jsx(K,{className:"size-24 text-on-primary group-data-[checkbox-size=extra-small]:size-14"})})}));D.displayName="CheckboxIndicator";exports.CheckboxIndicator=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),E=require("react"),q=require("./index-_XxjJPRD.cjs"),v=require("./index-5OKsHRWb.cjs"),F=require("./index-C8aODXfJ.cjs"),H=require("./index-DYxWvftI.cjs"),L=require("./index-bSPhqlcX.cjs"),G=require("./index-Bd0gQB0k.cjs");require("./mainstack-design-system355.cjs");const K=require("./mainstack-design-system102.cjs");require("./player-BKifgSJo.cjs");const U=require("./utils-KlkRDGof.cjs");function X(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const i=X(E);var _="Checkbox",[J]=v.createContextScope(_),[Q,P]=J(_);function V(e){const{__scopeCheckbox:o,checked:t,children:c,defaultChecked:a,disabled:r,form:m,name:f,onCheckedChange:u,required:h,value:k="on",internal_do_not_use_render:l}=e,[b,g]=F.useControllableState({prop:t,defaultProp:a??!1,onChange:u,caller:_}),[x,C]=i.useState(null),[y,n]=i.useState(null),d=i.useRef(!1),R=x?!!m||!!x.closest("form"):!0,I={checked:b,disabled:r,setChecked:g,control:x,setControl:C,name:f,form:m,value:k,hasConsumerStoppedPropagationRef:d,required:h,defaultChecked:p(a)?!1:a,isFormControl:R,bubbleInput:y,setBubbleInput:n};return s.jsx(Q,{scope:o,...I,children:W(l)?l(I):c})}var S="CheckboxTrigger",N=i.forwardRef(({__scopeCheckbox:e,onKeyDown:o,onClick:t,...c},a)=>{const{control:r,value:m,disabled:f,checked:u,required:h,setControl:k,setChecked:l,hasConsumerStoppedPropagationRef:b,isFormControl:g,bubbleInput:x}=P(S,e),C=q.useComposedRefs(a,k),y=i.useRef(u);return i.useEffect(()=>{const n=r?.form;if(n){const d=()=>l(y.current);return n.addEventListener("reset",d),()=>n.removeEventListener("reset",d)}},[r,l]),s.jsx(v.Primitive.button,{type:"button",role:"checkbox","aria-checked":p(u)?"mixed":u,"aria-required":h,"data-state":T(u),"data-disabled":f?"":void 0,disabled:f,value:m,...c,ref:C,onKeyDown:v.composeEventHandlers(o,n=>{n.key==="Enter"&&n.preventDefault()}),onClick:v.composeEventHandlers(t,n=>{l(d=>p(d)?!0:!d),x&&g&&(b.current=n.isPropagationStopped(),b.current||n.stopPropagation())})})});N.displayName=S;var w=i.forwardRef((e,o)=>{const{__scopeCheckbox:t,name:c,checked:a,defaultChecked:r,required:m,disabled:f,value:u,onCheckedChange:h,form:k,...l}=e;return s.jsx(V,{__scopeCheckbox:t,checked:a,defaultChecked:r,disabled:f,required:m,onCheckedChange:h,name:c,form:k,value:u,internal_do_not_use_render:({isFormControl:b})=>s.jsxs(s.Fragment,{children:[s.jsx(N,{...l,ref:o,__scopeCheckbox:t}),b&&s.jsx(M,{__scopeCheckbox:t})]})})});w.displayName=_;var z="CheckboxIndicator",O=i.forwardRef((e,o)=>{const{__scopeCheckbox:t,forceMount:c,...a}=e,r=P(z,t);return s.jsx(G.Presence,{present:c||p(r.checked)||r.checked===!0,children:s.jsx(v.Primitive.span,{"data-state":T(r.checked),"data-disabled":r.disabled?"":void 0,...a,ref:o,style:{pointerEvents:"none",...e.style}})})});O.displayName=z;var B="CheckboxBubbleInput",M=i.forwardRef(({__scopeCheckbox:e,...o},t)=>{const{control:c,hasConsumerStoppedPropagationRef:a,checked:r,defaultChecked:m,required:f,disabled:u,name:h,value:k,form:l,bubbleInput:b,setBubbleInput:g}=P(B,e),x=q.useComposedRefs(t,g),C=H.usePrevious(r),y=L.useSize(c);i.useEffect(()=>{const d=b;if(!d)return;const R=window.HTMLInputElement.prototype,j=Object.getOwnPropertyDescriptor(R,"checked").set,$=!a.current;if(C!==r&&j){const A=new Event("click",{bubbles:$});d.indeterminate=p(r),j.call(d,p(r)?!1:r),d.dispatchEvent(A)}},[b,C,r,a]);const n=i.useRef(p(r)?!1:r);return s.jsx(v.Primitive.input,{type:"checkbox","aria-hidden":!0,defaultChecked:m??n.current,required:f,disabled:u,name:h,value:k,form:l,...o,tabIndex:-1,ref:x,style:{...o.style,...y,position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"}})});M.displayName=B;function W(e){return typeof e=="function"}function p(e){return e==="indeterminate"}function T(e){return p(e)?"indeterminate":e?"checked":"unchecked"}const D=E.forwardRef(({className:e,...o},t)=>s.jsx(w,{"data-slot":"checkbox-indicator",className:U.cn("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 ",e),ref:t,...o,children:s.jsx(O,{children:s.jsx(K,{className:"mds:size-24 mds:text-on-primary mds:group-data-[checkbox-size=extra-small]:size-14"})})}));D.displayName="CheckboxIndicator";exports.CheckboxIndicator=D;