mainstack-design-system 1.19.1 → 1.19.2

package/dist/mainstack-design-system537.js

@@ -2,17 +2,17 @@
 import { jsx as t } from "react/jsx-runtime";
 import { b as n, c as p } from "./index-RoCFhqzC.js";
 import { forwardRef as c } from "react";
-import { c as l } from "./utils-DH-0D-9U.js";
-import { useTimePickerContext as f } from "./mainstack-design-system615.js";
+import { c as f } from "./utils-DH-0D-9U.js";
+import { useTimePickerContext as l } from "./mainstack-design-system615.js";
 const P = c(
   ({
     children: a,
-    onWheel: e,
-    onTouchMove: r,
-    className: s,
-    ...m
+    onWheel: r,
+    onTouchMove: e,
+    className: m,
+    ...s
   }, d) => {
-    const { open: i } = f();
+    const { open: i } = l();
     return /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
       p,
       {
@@ -20,18 +20,18 @@ const P = c(
         role: "listbox",
         sideOffset: 6,
         "data-date-picker-calendar-opened": i,
-        className: l(
-          " mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-310 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200 ",
-          s
+        className: f(
+          " mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-310 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:border mds:shadow-200 ",
+          m
         ),
         ref: d,
         onWheel: (o) => {
-          o.stopPropagation(), e && e(o);
+          o.stopPropagation(), r && r(o);
         },
         onTouchMove: (o) => {
-          o.stopPropagation(), r && r(o);
+          o.stopPropagation(), e && e(o);
         },
-        ...m,
+        ...s,
         children: a
       }
     ) });

package/dist/mainstack-design-system561.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./utils-BJ1u234q.cjs"),o=require("./mainstack-design-system618.cjs"),t=({className:s,...l})=>{const{setScrollContainer:r}=o.useTableScroll();return e.jsx("div",{"data-slot":"table-container",ref:r,className:a.cn("mds:overflow-auto mds:md:border mds:md:border-border-interactive-neutral mds:rounded-20 mds:sm:justify-center",s),children:e.jsx("table",{"data-slot":"table",className:"mds:text-left mds:w-full",...l})})};t.displayName="Table";exports.Table=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./utils-BJ1u234q.cjs"),o=require("./mainstack-design-system618.cjs"),t=({className:r,...s})=>{const{setScrollContainer:l}=o.useTableScroll();return e.jsx("div",{"data-slot":"table-container",ref:l,className:a.cn("mds:overflow-auto mds:md:border mds:md:border-border-interactive-primary mds:rounded-20 mds:sm:justify-center",r),children:e.jsx("table",{"data-slot":"table",className:"mds:text-left mds:w-full",...s})})};t.displayName="Table";exports.Table=t;

package/dist/mainstack-design-system561.js

@@ -9,7 +9,7 @@ const l = ({ className: r, ...t }) => {
       "data-slot": "table-container",
       ref: a,
       className: o(
-        "mds:overflow-auto mds:md:border mds:md:border-border-interactive-neutral mds:rounded-20 mds:sm:justify-center",
+        "mds:overflow-auto mds:md:border mds:md:border-border-interactive-primary mds:rounded-20 mds:sm:justify-center",
         r
       ),
       children: /* @__PURE__ */ e(

package/dist/mainstack-design-system568.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),m=require("./utils-BJ1u234q.cjs"),e=({className:d,...r})=>s.jsx("tr",{"data-slot":"table-row",className:m.cn("mds:flex mds:flex-col mds:sm:table-row mds:px-16 mds:md:px-0 mds:border-y mds:border-x-1 mds:md:border-x-0  mds:border-border-interactive-neutral mds:rounded-20 mds:md:rounded-0 mds:mb-16 mds:md:mb-0 mds:divide-y mds:divide-border-interactive-neutral",d),...r});e.displayName="TableRow";exports.TableRow=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),s=require("./utils-BJ1u234q.cjs"),d=({className:e,...r})=>m.jsx("tr",{"data-slot":"table-row",className:s.cn("mds:flex mds:flex-col mds:sm:table-row mds:px-16 mds:md:px-0 mds:border-y mds:border-x-1 mds:md:border-x-0  mds:border-border-interactive-primary mds:rounded-20 mds:md:rounded-0 mds:mb-16 mds:md:mb-0 mds:divide-y mds:divide-border-interactive-primary",e),...r});d.displayName="TableRow";exports.TableRow=d;

package/dist/mainstack-design-system568.js

@@ -5,7 +5,7 @@ const s = ({ className: d, ...m }) => /* @__PURE__ */ r(
   {
     "data-slot": "table-row",
     className: e(
-      "mds:flex mds:flex-col mds:sm:table-row mds:px-16 mds:md:px-0 mds:border-y mds:border-x-1 mds:md:border-x-0  mds:border-border-interactive-neutral mds:rounded-20 mds:md:rounded-0 mds:mb-16 mds:md:mb-0 mds:divide-y mds:divide-border-interactive-neutral",
+      "mds:flex mds:flex-col mds:sm:table-row mds:px-16 mds:md:px-0 mds:border-y mds:border-x-1 mds:md:border-x-0  mds:border-border-interactive-primary mds:rounded-20 mds:md:rounded-0 mds:mb-16 mds:md:mb-0 mds:divide-y mds:divide-border-interactive-primary",
       d
     ),
     ...m

package/dist/mainstack-design-system569.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("./utils-BJ1u234q.cjs"),u=require("./mainstack-design-system570.cjs"),P=require("./mainstack-design-system572.cjs"),b=require("./mainstack-design-system571.cjs"),x=require("./mainstack-design-system573.cjs"),p=require("./mainstack-design-system574.cjs"),_=require("./mainstack-design-system618.cjs"),t=({totalResults:n=3,limit:s,defaultLimit:a,page:o,setPage:i,setLimit:d,className:r})=>{const m=Math.ceil(n/s),{isScrolling:l,atBottom:c}=_.useTableScroll();return e.jsxs("div",{"data-slot":"table-pagination",className:g.cn("mds:flex mds:items-center mds:justify-between mds:w-full mds:p-16 mds:mt-12 mds:border-t mds:border-x  mds:border-border-interactive-neutral mds:sticky mds:bottom-0 mds:z-20 mds:bg-surface-neutral-l1 mds:transition-all mds:duration-200 ",l?"mds:rounded-t-20 mds:shadow-lg ":"mds:rounded-20 ",c?"mds:rounded-b-20 mds:border":"mds:rounded-b-none",r),children:[e.jsxs("div",{className:"mds:text-primary mds:body-extrasmall-regular mds:flex-1 mds:hidden mds:md:flex mds:gap-2",children:[e.jsx("p",{className:"mds:body-extrasmall-semibold",children:n})," results"]}),e.jsxs(u.PaginationRoot,{page:o,totalPages:m,onPageChange:i,defaultLimit:a,limit:s,onLimitChange:d,className:"mds:flex mds:items-center mds:w-full mds:gap-12 mds:justify-end",children:[e.jsx(p.PaginationPageSize,{}),e.jsx(b.PaginationPrev,{}),e.jsx(x.PaginationPageButton,{}),e.jsx(P.PaginationNext,{})]})]})};t.displayName="TablePagination";exports.TablePagination=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("./utils-BJ1u234q.cjs"),u=require("./mainstack-design-system570.cjs"),P=require("./mainstack-design-system572.cjs"),b=require("./mainstack-design-system571.cjs"),x=require("./mainstack-design-system573.cjs"),p=require("./mainstack-design-system574.cjs"),_=require("./mainstack-design-system618.cjs"),a=({totalResults:n=3,limit:s,defaultLimit:t,page:i,setPage:o,setLimit:d,className:r})=>{const m=Math.ceil(n/s),{isScrolling:l,atBottom:c}=_.useTableScroll();return e.jsxs("div",{"data-slot":"table-pagination",className:g.cn("mds:flex mds:items-center mds:justify-between mds:w-full mds:p-16 mds:mt-12 mds:border-t mds:border-x  mds:border-border-interactive-primary mds:sticky mds:bottom-0 mds:z-20 mds:bg-surface-neutral-l1 mds:transition-all mds:duration-200 ",l?"mds:rounded-t-20 mds:shadow-lg ":"mds:rounded-20 ",c?"mds:rounded-b-20 mds:border":"mds:rounded-b-none",r),children:[e.jsxs("div",{className:"mds:text-primary mds:body-extrasmall-regular mds:flex-1 mds:hidden mds:md:flex mds:gap-2",children:[e.jsx("p",{className:"mds:body-extrasmall-semibold",children:n})," results"]}),e.jsxs(u.PaginationRoot,{page:i,totalPages:m,onPageChange:o,defaultLimit:t,limit:s,onLimitChange:d,className:"mds:flex mds:items-center mds:w-full mds:gap-12 mds:justify-end",children:[e.jsx(p.PaginationPageSize,{}),e.jsx(b.PaginationPrev,{}),e.jsx(x.PaginationPageButton,{}),e.jsx(P.PaginationNext,{})]})]})};a.displayName="TablePagination";exports.TablePagination=a;

package/dist/mainstack-design-system569.js

@@ -11,8 +11,8 @@ const h = ({
   limit: e,
   defaultLimit: a,
   page: o,
-  setPage: t,
-  setLimit: r,
+  setPage: r,
+  setLimit: t,
   className: i
 }) => {
   const n = Math.ceil(d / e), { isScrolling: l, atBottom: c } = P();
@@ -21,7 +21,7 @@ const h = ({
     {
       "data-slot": "table-pagination",
       className: g(
-        "mds:flex mds:items-center mds:justify-between mds:w-full mds:p-16 mds:mt-12 mds:border-t mds:border-x  mds:border-border-interactive-neutral mds:sticky mds:bottom-0 mds:z-20 mds:bg-surface-neutral-l1 mds:transition-all mds:duration-200 ",
+        "mds:flex mds:items-center mds:justify-between mds:w-full mds:p-16 mds:mt-12 mds:border-t mds:border-x  mds:border-border-interactive-primary mds:sticky mds:bottom-0 mds:z-20 mds:bg-surface-neutral-l1 mds:transition-all mds:duration-200 ",
         l ? "mds:rounded-t-20 mds:shadow-lg " : "mds:rounded-20 ",
         c ? "mds:rounded-b-20 mds:border" : "mds:rounded-b-none",
         i
@@ -36,10 +36,10 @@ const h = ({
           {
             page: o,
             totalPages: n,
-            onPageChange: t,
+            onPageChange: r,
             defaultLimit: a,
             limit: e,
-            onLimitChange: r,
+            onLimitChange: t,
             className: "mds:flex mds:items-center mds:w-full mds:gap-12 mds:justify-end",
             children: [
               /* @__PURE__ */ m(x, {}),

package/dist/mainstack-design-system576.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CAgJYdlN.cjs"),t=s.cva("mds:body-font-family mds:flex mds:items-center mds:justify-between mds:gap-12 mds:rounded-16 mds:p-12 mds:shadow-500 mds:min-w-400 mds:transition-transform mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:border mds:border-border-interactive-neutral  mds:text-primary",{variants:{tone:{success:"mds:**:data-[slot=toast-icon]:bg-surface-success-l4",error:"mds:**:data-[slot=toast-icon]:bg-surface-error-l4",warning:"mds:**:data-[slot=toast-icon]:bg-surface-warning-l4",info:"mds:**:data-[slot=toast-icon]:bg-surface-info-l4"}},defaultVariants:{tone:"info"}});exports.toastVariants=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CAgJYdlN.cjs"),t=s.cva("mds:body-font-family mds:flex mds:items-center mds:justify-between mds:gap-12 mds:rounded-16 mds:p-12 mds:shadow-500 mds:min-w-400 mds:transition-transform mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:border mds:border-border-interactive-primary  mds:text-primary",{variants:{tone:{success:"mds:**:data-[slot=toast-icon]:bg-surface-success-l4",error:"mds:**:data-[slot=toast-icon]:bg-surface-error-l4",warning:"mds:**:data-[slot=toast-icon]:bg-surface-warning-l4",info:"mds:**:data-[slot=toast-icon]:bg-surface-info-l4"}},defaultVariants:{tone:"info"}});exports.toastVariants=t;

package/dist/mainstack-design-system576.js

@@ -1,6 +1,6 @@
 import { c as s } from "./index-D29mdTf5.js";
 const a = s(
-  "mds:body-font-family mds:flex mds:items-center mds:justify-between mds:gap-12 mds:rounded-16 mds:p-12 mds:shadow-500 mds:min-w-400 mds:transition-transform mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:border mds:border-border-interactive-neutral  mds:text-primary",
+  "mds:body-font-family mds:flex mds:items-center mds:justify-between mds:gap-12 mds:rounded-16 mds:p-12 mds:shadow-500 mds:min-w-400 mds:transition-transform mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:border mds:border-border-interactive-primary  mds:text-primary",
   {
     variants: {
       tone: {

package/dist/mainstack-design-system586.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),v=require("./index-Bpm2I_hv.cjs"),p=require("./utils-BJ1u234q.cjs"),r=a.forwardRef(({className:d,index:i,isError:n,isSuccess:m,placeholder:e="0",...c},o)=>{const l=a.useContext(v.jt),{char:t,hasFakeCaret:u,isActive:x}=l?.slots[i]??{};return s.jsxs("div",{className:p.cn("form-root-slot-defaults","mds:flex mds:justify-center mds:items-center mds:body-extrasmall-book mds:rounded-14 mds:size-42 mds:relative mds:text-primary mds:data-[active=false]:ring-0 mds:data-[active=true]:ring-border-interactive-neutral-active! mds:data-[active=true]:ring-2 mds:has-data-[success=true]:ring-2! mds:has-data-[error=true]:ring-2! mds:sm:size-48",d),"data-slot":"pin-input-slot","data-active":x,ref:o,...c,children:[s.jsx("span",{"data-error":n,"data-success":m,children:t}),!t&&e&&s.jsx("span",{className:"mds:text-tertiary mds:absolute mds:pointer-events-none mds:inset-0 mds:flex mds:items-center mds:justify-center",children:e}),u&&s.jsx("div",{className:"mds:pointer-events-none mds:absolute mds:-translate-x-8 mds:inset-0 mds:flex mds:items-center mds:justify-center",children:s.jsx("div",{className:"mds:animate-caret-blink mds:bg-primary mds:h-[50%] mds:w-2 mds:duration-1000"})})]})});r.displayName="PinInputSlot";exports.PinInputSlot=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),p=require("./index-Bpm2I_hv.cjs"),v=require("./utils-BJ1u234q.cjs"),a=r.forwardRef(({className:d,index:i,isError:n,isSuccess:m,placeholder:e="0",...c},o)=>{const l=r.useContext(p.jt),{char:t,hasFakeCaret:u,isActive:x}=l?.slots[i]??{};return s.jsxs("div",{className:v.cn("form-root-slot-defaults","mds:flex mds:justify-center mds:items-center mds:body-extrasmall-book mds:rounded-14 mds:size-42 mds:relative mds:text-primary mds:data-[active=false]:ring-0 mds:data-[active=true]:ring-border-interactive-primary-active! mds:data-[active=true]:ring-2 mds:has-data-[success=true]:ring-2! mds:has-data-[error=true]:ring-2! mds:sm:size-48",d),"data-slot":"pin-input-slot","data-active":x,ref:o,...c,children:[s.jsx("span",{"data-error":n,"data-success":m,children:t}),!t&&e&&s.jsx("span",{className:"mds:text-tertiary mds:absolute mds:pointer-events-none mds:inset-0 mds:flex mds:items-center mds:justify-center",children:e}),u&&s.jsx("div",{className:"mds:pointer-events-none mds:absolute mds:-translate-x-8 mds:inset-0 mds:flex mds:items-center mds:justify-center",children:s.jsx("div",{className:"mds:animate-caret-blink mds:bg-primary mds:h-[50%] mds:w-2 mds:duration-1000"})})]})});a.displayName="PinInputSlot";exports.PinInputSlot=a;

package/dist/mainstack-design-system586.js

@@ -3,7 +3,7 @@ import { jsxs as u, jsx as s } from "react/jsx-runtime";
 import { forwardRef as p, useContext as f } from "react";
 import { j as v } from "./index-6WEiHZQh.js";
 import { c as x } from "./utils-DH-0D-9U.js";
-const h = p(
+const y = p(
   ({
     className: a,
     index: r,
@@ -18,7 +18,7 @@ const h = p(
       {
         className: x(
           "form-root-slot-defaults",
-          "mds:flex mds:justify-center mds:items-center mds:body-extrasmall-book mds:rounded-14 mds:size-42 mds:relative mds:text-primary mds:data-[active=false]:ring-0 mds:data-[active=true]:ring-border-interactive-neutral-active! mds:data-[active=true]:ring-2 mds:has-data-[success=true]:ring-2! mds:has-data-[error=true]:ring-2! mds:sm:size-48",
+          "mds:flex mds:justify-center mds:items-center mds:body-extrasmall-book mds:rounded-14 mds:size-42 mds:relative mds:text-primary mds:data-[active=false]:ring-0 mds:data-[active=true]:ring-border-interactive-primary-active! mds:data-[active=true]:ring-2 mds:has-data-[success=true]:ring-2! mds:has-data-[error=true]:ring-2! mds:sm:size-48",
           a
         ),
         "data-slot": "pin-input-slot",
@@ -34,7 +34,7 @@ const h = p(
     );
   }
 );
-h.displayName = "PinInputSlot";
+y.displayName = "PinInputSlot";
 export {
-  h as PinInputSlot
+  y as PinInputSlot
 };

package/dist/mainstack-design-system601.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system366.cjs");const i=require("./mainstack-design-system197.cjs");require("./player-C6X6nrWe.cjs");const l=require("./utils-BJ1u234q.cjs"),u=require("./mainstack-design-system624.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||"US")}),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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react");require("./mainstack-design-system366.cjs");const c=require("./mainstack-design-system197.cjs");require("./player-C6X6nrWe.cjs");const l=require("./utils-BJ1u234q.cjs"),u=require("./mainstack-design-system624.cjs"),s=i.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-primary-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||"US")}),e.jsx(c,{"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-system601.js

@@ -1,27 +1,27 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
 import "./mainstack-design-system366.js";
 import c from "./mainstack-design-system197.js";
 import "./player-DlPlWw5L.js";
-import { c as l } from "./utils-DH-0D-9U.js";
-import { getCountryFlagComp as p } from "./mainstack-design-system624.js";
-const u = i(
+import { c as p } from "./utils-DH-0D-9U.js";
+import { getCountryFlagComp as l } from "./mainstack-design-system624.js";
+const u = n(
   ({
     isOptionOpen: e,
     activeCountry: o,
-    onOptionOpenChange: s,
-    isError: r,
+    onOptionOpenChange: r,
+    isError: s,
     isSuccess: d,
     ...m
-  }, a) => /* @__PURE__ */ n(
+  }, a) => /* @__PURE__ */ i(
     "button",
     {
-      onClick: () => s(!0),
+      onClick: () => r(!0),
       "data-select-options-opened": e,
       "data-editable": "false",
-      className: l(
+      className: p(
         "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"
+        "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-primary-active"
       ),
       ref: a,
       ...m,
@@ -29,10 +29,10 @@ const u = i(
         /* @__PURE__ */ t(
           "div",
           {
-            "data-error": r,
+            "data-error": s,
             "data-success": d,
             className: "mds:flex mds:items-center mds:justify-center",
-            children: p(o || "US")
+            children: l(o || "US")
           }
         ),
         /* @__PURE__ */ t(

package/dist/mainstack-design-system602.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),i=require("./utils-BJ1u234q.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),i=require("./utils-BJ1u234q.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-primary mds:border mds:shadow-200",s),ref:t,...o}));e.displayName="FormCountryOptions";exports.FormCountryOptions=e;

package/dist/mainstack-design-system602.js

@@ -1,13 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
 import { c as t } from "./utils-DH-0D-9U.js";
-const a = m(
-  ({ isOptionOpen: r, className: o, ...s }, d) => /* @__PURE__ */ e(
+const a = e(
+  ({ isOptionOpen: r, className: o, ...s }, d) => /* @__PURE__ */ m(
     "div",
     {
       "data-select-options-opened": r,
       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",
+        "mds:flex mds:flex-col mds:gap-8 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:border mds:shadow-200",
         o
       ),
       ref: d,

package/dist/mainstack-design-system609.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva("mds:relative mds:inline-flex mds:items-center mds:gap-6 mds:justify-center mds:cursor-pointer mds:whitespace-nowrap mds: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-9 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:data-[state=active]:disabled:text-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]:text-on-primary","mds:disabled:text-disabled mds:disabled:pointer-events-none mds:data-[state=active]:disabled:text-on-primary-disabled"]},layout:{horizontal:"mds:flex-row",vertical:"mds:flex-col"}},defaultVariants:{variant:"underline",layout:"horizontal"}}),d=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-9 mds:overflow-y-hidden mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit",button:"mds:gap-4 mds:p-4 mds:bg-surface-neutral-l4 mds:rounded-full mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit"}},defaultVariants:{variant:"underline"}});exports.tabsListVariants=d;exports.tabsTriggerVariants=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva("mds:relative mds:inline-flex mds:items-center mds:gap-6 mds:justify-center mds:cursor-pointer mds:whitespace-nowrap mds: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-9 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:data-[state=active]:disabled:text-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]:text-on-primary","mds:disabled:text-disabled mds:disabled:pointer-events-none mds:data-[state=active]:disabled:text-on-primary-disabled"]},layout:{horizontal:"mds:flex-row",vertical:"mds:flex-col"}},defaultVariants:{variant:"underline",layout:"horizontal"}}),d=e.cva("mds:flex mds:items-center",{variants:{variant:{underline:"mds:justify-between mds:gap-20 mds:border-b-2 mds:border-border-interactive-primary mds:py-9 mds:overflow-y-hidden mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit",button:"mds:gap-4 mds:p-4 mds:bg-surface-neutral-l4 mds:rounded-full mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit"}},defaultVariants:{variant:"underline"}});exports.tabsListVariants=d;exports.tabsTriggerVariants=s;

package/dist/mainstack-design-system609.js

@@ -1,5 +1,5 @@
 import { c as d } from "./index-D29mdTf5.js";
-const s = d(
+const e = d(
   "mds:relative mds:inline-flex mds:items-center mds:gap-6 mds:justify-center mds:cursor-pointer mds:whitespace-nowrap mds: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: {
@@ -31,7 +31,7 @@ const s = d(
 ), t = d("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-9 mds:overflow-y-hidden mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit",
+      underline: "mds:justify-between mds:gap-20 mds:border-b-2 mds:border-border-interactive-primary mds:py-9 mds:overflow-y-hidden mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit",
       button: "mds:gap-4 mds:p-4 mds:bg-surface-neutral-l4 mds:rounded-full mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit"
     }
   },
@@ -41,5 +41,5 @@ const s = d(
 });
 export {
   t as tabsListVariants,
-  s as tabsTriggerVariants
+  e as tabsTriggerVariants
 };

package/dist/mainstack-design-system611.cjs

@@ -1 +1 @@
-"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 mds: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;
+"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 mds: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-primary 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:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-primary-active","mds:focus-visible:ring-2 mds:focus-visible:ring-offset-0 mds:focus-visible:outline-2 mds:focus-visible:outline-border-surface-spread-focus mds:focus-visible:ring-border-surface-spread-focus","mds:active:ring-3 mds:active:border-1 mds:active:border-border-interactive-primary-pressed mds:active:ring-border-surface-spread-primary"],{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-system611.js

@@ -1,12 +1,12 @@
 import { c as e } from "./index-D29mdTf5.js";
-const d = e(
+const r = e(
   [
-    "mds:group mds:w-full mds:rounded-18 mds: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:group mds:w-full mds:rounded-18 mds: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-primary 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"
+    "mds:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-primary-active",
+    "mds:focus-visible:ring-2 mds:focus-visible:ring-offset-0 mds:focus-visible:outline-2 mds:focus-visible:outline-border-surface-spread-focus mds:focus-visible:ring-border-surface-spread-focus",
+    "mds:active:ring-3 mds:active:border-1 mds:active:border-border-interactive-primary-pressed mds:active:ring-border-surface-spread-primary"
   ],
   {
     variants: {
@@ -20,5 +20,5 @@ const d = e(
   }
 );
 export {
-  d as tileVariants
+  r as tileVariants
 };

package/dist/mainstack-design-system621.cjs

@@ -1,2 +1,2 @@
 'use client';
-"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-system366.cjs");const K=require("./mainstack-design-system104.cjs");require("./player-C6X6nrWe.cjs");const U=require("./utils-BJ1u234q.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=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-system366.cjs");const K=require("./mainstack-design-system104.cjs");require("./player-C6X6nrWe.cjs");const U=require("./utils-BJ1u234q.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:b,name:p,onCheckedChange:u,required:h,value:k="on",internal_do_not_use_render:l}=e,[m,g]=F.useControllableState({prop:t,defaultProp:a??!1,onChange:u,caller:_}),[x,C]=i.useState(null),[y,s]=i.useState(null),d=i.useRef(!1),R=x?!!b||!!x.closest("form"):!0,I={checked:m,disabled:r,setChecked:g,control:x,setControl:C,name:p,form:b,value:k,hasConsumerStoppedPropagationRef:d,required:h,defaultChecked:f(a)?!1:a,isFormControl:R,bubbleInput:y,setBubbleInput:s};return n.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:b,disabled:p,checked:u,required:h,setControl:k,setChecked:l,hasConsumerStoppedPropagationRef:m,isFormControl:g,bubbleInput:x}=P(S,e),C=q.useComposedRefs(a,k),y=i.useRef(u);return i.useEffect(()=>{const s=r?.form;if(s){const d=()=>l(y.current);return s.addEventListener("reset",d),()=>s.removeEventListener("reset",d)}},[r,l]),n.jsx(v.Primitive.button,{type:"button",role:"checkbox","aria-checked":f(u)?"mixed":u,"aria-required":h,"data-state":T(u),"data-disabled":p?"":void 0,disabled:p,value:b,...c,ref:C,onKeyDown:v.composeEventHandlers(o,s=>{s.key==="Enter"&&s.preventDefault()}),onClick:v.composeEventHandlers(t,s=>{l(d=>f(d)?!0:!d),x&&g&&(m.current=s.isPropagationStopped(),m.current||s.stopPropagation())})})});N.displayName=S;var w=i.forwardRef((e,o)=>{const{__scopeCheckbox:t,name:c,checked:a,defaultChecked:r,required:b,disabled:p,value:u,onCheckedChange:h,form:k,...l}=e;return n.jsx(V,{__scopeCheckbox:t,checked:a,defaultChecked:r,disabled:p,required:b,onCheckedChange:h,name:c,form:k,value:u,internal_do_not_use_render:({isFormControl:m})=>n.jsxs(n.Fragment,{children:[n.jsx(N,{...l,ref:o,__scopeCheckbox:t}),m&&n.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 n.jsx(G.Presence,{present:c||f(r.checked)||r.checked===!0,children:n.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:b,required:p,disabled:u,name:h,value:k,form:l,bubbleInput:m,setBubbleInput:g}=P(B,e),x=q.useComposedRefs(t,g),C=H.usePrevious(r),y=L.useSize(c);i.useEffect(()=>{const d=m;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=f(r),j.call(d,f(r)?!1:r),d.dispatchEvent(A)}},[m,C,r,a]);const s=i.useRef(f(r)?!1:r);return n.jsx(v.Primitive.input,{type:"checkbox","aria-hidden":!0,defaultChecked:b??s.current,required:p,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 f(e){return e==="indeterminate"}function T(e){return f(e)?"indeterminate":e?"checked":"unchecked"}const D=E.forwardRef(({className:e,...o},t)=>n.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-primary 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-primary 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-primary-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:n.jsx(O,{children:n.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;

package/dist/mainstack-design-system621.js

@@ -17,7 +17,7 @@ function Y(r) {
   const {
     __scopeCheckbox: s,
     checked: t,
-    children: l,
+    children: m,
     defaultChecked: a,
     disabled: e,
     form: p,
@@ -27,7 +27,7 @@ function Y(r) {
     value: k = "on",
     // @ts-expect-error
     internal_do_not_use_render: u
-  } = r, [m, x] = K({
+  } = r, [l, x] = K({
     prop: t,
     defaultProp: a ?? !1,
     onChange: i,
@@ -36,7 +36,7 @@ function Y(r) {
     // We set this to true by default so that events bubble to forms without JS (SSR)
     !0
   ), R = {
-    checked: m,
+    checked: l,
     disabled: e,
     setChecked: x,
     control: C,
@@ -56,12 +56,12 @@ function Y(r) {
     {
       scope: s,
       ...R,
-      children: Z(u) ? u(R) : l
+      children: Z(u) ? u(R) : m
     }
   );
 }
 var w = "CheckboxTrigger", z = d.forwardRef(
-  ({ __scopeCheckbox: r, onKeyDown: s, onClick: t, ...l }, a) => {
+  ({ __scopeCheckbox: r, onKeyDown: s, onClick: t, ...m }, a) => {
     const {
       control: e,
       value: p,
@@ -70,7 +70,7 @@ var w = "CheckboxTrigger", z = d.forwardRef(
       required: h,
       setControl: k,
       setChecked: u,
-      hasConsumerStoppedPropagationRef: m,
+      hasConsumerStoppedPropagationRef: l,
       isFormControl: x,
       bubbleInput: C
     } = _(w, r), v = S(a, k), g = d.useRef(i);
@@ -91,13 +91,13 @@ var w = "CheckboxTrigger", z = d.forwardRef(
         "data-disabled": f ? "" : void 0,
         disabled: f,
         value: p,
-        ...l,
+        ...m,
         ref: v,
         onKeyDown: N(s, (o) => {
           o.key === "Enter" && o.preventDefault();
         }),
         onClick: N(t, (o) => {
-          u((n) => b(n) ? !0 : !n), C && x && (m.current = o.isPropagationStopped(), m.current || o.stopPropagation());
+          u((n) => b(n) ? !0 : !n), C && x && (l.current = o.isPropagationStopped(), l.current || o.stopPropagation());
         })
       }
     );
@@ -108,7 +108,7 @@ var B = d.forwardRef(
   (r, s) => {
     const {
       __scopeCheckbox: t,
-      name: l,
+      name: m,
       checked: a,
       defaultChecked: e,
       required: p,
@@ -127,10 +127,10 @@ var B = d.forwardRef(
         disabled: f,
         required: p,
         onCheckedChange: h,
-        name: l,
+        name: m,
         form: k,
         value: i,
-        internal_do_not_use_render: ({ isFormControl: m }) => /* @__PURE__ */ L(O, { children: [
+        internal_do_not_use_render: ({ isFormControl: l }) => /* @__PURE__ */ L(O, { children: [
           /* @__PURE__ */ c(
             z,
             {
@@ -139,7 +139,7 @@ var B = d.forwardRef(
               __scopeCheckbox: t
             }
           ),
-          m && /* @__PURE__ */ c(
+          l && /* @__PURE__ */ c(
             A,
             {
               __scopeCheckbox: t
@@ -153,11 +153,11 @@ var B = d.forwardRef(
 B.displayName = y;
 var M = "CheckboxIndicator", T = d.forwardRef(
   (r, s) => {
-    const { __scopeCheckbox: t, forceMount: l, ...a } = r, e = _(M, t);
+    const { __scopeCheckbox: t, forceMount: m, ...a } = r, e = _(M, t);
     return /* @__PURE__ */ c(
       $,
       {
-        present: l || b(e.checked) || e.checked === !0,
+        present: m || b(e.checked) || e.checked === !0,
         children: /* @__PURE__ */ c(
           P.span,
           {
@@ -176,7 +176,7 @@ T.displayName = M;
 var q = "CheckboxBubbleInput", A = d.forwardRef(
   ({ __scopeCheckbox: r, ...s }, t) => {
     const {
-      control: l,
+      control: m,
       hasConsumerStoppedPropagationRef: a,
       checked: e,
       defaultChecked: p,
@@ -185,11 +185,11 @@ var q = "CheckboxBubbleInput", A = d.forwardRef(
       name: h,
       value: k,
       form: u,
-      bubbleInput: m,
+      bubbleInput: l,
       setBubbleInput: x
-    } = _(q, r), C = S(t, x), v = U(e), g = X(l);
+    } = _(q, r), C = S(t, x), v = U(e), g = X(m);
     d.useEffect(() => {
-      const n = m;
+      const n = l;
       if (!n) return;
       const I = window.HTMLInputElement.prototype, E = Object.getOwnPropertyDescriptor(
         I,
@@ -199,7 +199,7 @@ var q = "CheckboxBubbleInput", A = d.forwardRef(
         const F = new Event("click", { bubbles: D });
         n.indeterminate = b(e), E.call(n, b(e) ? !1 : e), n.dispatchEvent(F);
       }
-    }, [m, v, e, a]);
+    }, [l, v, e, a]);
     const o = d.useRef(b(e) ? !1 : e);
     return /* @__PURE__ */ c(
       P.input,
@@ -247,7 +247,7 @@ const ee = H(
     {
       "data-slot": "checkbox-indicator",
       className: Q(
-        "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 ",
+        "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-primary 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-primary 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-primary-active-hover mds:aria-checked:bg-interactive-primary mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-primary-disabled ",
         r
       ),
       ref: t,

package/dist/mainstack-design-system625.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-system631.cjs"),M=require("./mainstack-design-system632.cjs"),m=require("./mainstack-design-system510.cjs"),E=require("./mainstack-design-system499.cjs");require("react-dom");const p=require("./index-CpE6WAgy.cjs"),j=require("./mainstack-design-system507.cjs"),f=require("./mainstack-design-system496.cjs"),v=require("./mainstack-design-system501.cjs"),q=require("./mainstack-design-system508.cjs"),B=require("./mainstack-design-system504.cjs"),g=require("./mainstack-design-system497.cjs"),h=require("./mainstack-design-system505.cjs"),O=require("./mainstack-design-system503.cjs"),S=require("./mainstack-design-system509.cjs"),b=require("./mainstack-design-system502.cjs"),P=require("./mainstack-design-system498.cjs"),N=require("./mainstack-design-system500.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),T=require("./mainstack-design-system631.cjs"),M=require("./mainstack-design-system632.cjs"),m=require("./mainstack-design-system510.cjs"),p=require("./mainstack-design-system499.cjs");require("react-dom");const E=require("./index-CpE6WAgy.cjs"),j=require("./mainstack-design-system507.cjs"),f=require("./mainstack-design-system496.cjs"),v=require("./mainstack-design-system501.cjs"),q=require("./mainstack-design-system508.cjs"),B=require("./mainstack-design-system504.cjs"),g=require("./mainstack-design-system497.cjs"),h=require("./mainstack-design-system505.cjs"),O=require("./mainstack-design-system503.cjs"),S=require("./mainstack-design-system509.cjs"),b=require("./mainstack-design-system502.cjs"),P=require("./mainstack-design-system498.cjs"),N=require("./mainstack-design-system500.cjs");function y(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(r,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return r.default=t,Object.freeze(r)}const x=y(c);var I=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],R=I.reduce((t,r)=>{const o=E.createSlot(`Primitive.${r}`),n=x.forwardRef((s,i)=>{const{asChild:u,...a}=s,_=u?o:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),e.jsx(_,{...a,ref:i})});return n.displayName=`Primitive.${r}`,{...t,[r]:n}},{}),w="Separator",d="horizontal",A=["horizontal","vertical"],l=x.forwardRef((t,r)=>{const{decorative:o,orientation:n=d,...s}=t,i=k(n)?n:d,a=o?{role:"none"}:{"aria-orientation":i==="vertical"?i:void 0,role:"separator"};return e.jsx(R.div,{"data-orientation":i,...a,...s,ref:r})});l.displayName=w;function k(t){return A.includes(t)}const L=c.forwardRef(({defaultContent:t,getEditorRef:r,...o},n)=>e.jsx(e.Fragment,{children:e.jsxs(T.TextEditorRoot,{defaultContent:t,getEditorRef:r,ref:n,...o,children:[e.jsxs(m.TextEditorMenuBar,{children:[e.jsx(p.GenerateWithAiMenu,{}),e.jsx(l,{className:"mds:bg-border-interactive-primary 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-system625.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as r, Fragment as c, jsxs as p } from "react/jsx-runtime";
+import { jsx as r, Fragment as c, jsxs as d } from "react/jsx-runtime";
 import * as f from "react";
 import { forwardRef as v } from "react";
 import { TextEditorRoot as M } from "./mainstack-design-system631.js";
@@ -38,14 +38,14 @@ var L = [
   "span",
   "svg",
   "ul"
-], U = L.reduce((t, o) => {
-  const e = N(`Primitive.${o}`), i = f.forwardRef((a, n) => {
-    const { asChild: d, ...m } = a, u = d ? e : o;
+], U = L.reduce((i, o) => {
+  const e = N(`Primitive.${o}`), t = f.forwardRef((a, n) => {
+    const { asChild: p, ...m } = a, u = p ? 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", 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 t.displayName = `Primitive.${o}`, { ...i, [o]: t };
+}, {}), k = "Separator", s = "horizontal", z = ["horizontal", "vertical"], l = f.forwardRef((i, o) => {
+  const { decorative: e, orientation: t = s, ...a } = i, n = F(t) ? t : s, m = e ? { role: "none" } : { "aria-orientation": n === "vertical" ? n : void 0, role: "separator" };
   return /* @__PURE__ */ r(
     U.div,
     {
@@ -57,24 +57,24 @@ var L = [
   );
 });
 l.displayName = k;
-function F(t) {
-  return z.includes(t);
+function F(i) {
+  return z.includes(i);
 }
 const er = v(
-  ({ defaultContent: t, getEditorRef: o, ...e }, i) => /* @__PURE__ */ r(c, { children: /* @__PURE__ */ p(
+  ({ defaultContent: i, getEditorRef: o, ...e }, t) => /* @__PURE__ */ r(c, { children: /* @__PURE__ */ d(
     M,
     {
-      defaultContent: t,
+      defaultContent: i,
       getEditorRef: o,
-      ref: i,
+      ref: t,
       ...e,
       children: [
-        /* @__PURE__ */ p(T, { children: [
+        /* @__PURE__ */ d(T, { children: [
           /* @__PURE__ */ r(x, {}),
           /* @__PURE__ */ r(
             l,
             {
-              className: "mds:bg-border-interactive-neutral mds:h-full mds:min-h-30 mds:w-1",
+              className: "mds:bg-border-interactive-primary mds:h-full mds:min-h-30 mds:w-1",
               orientation: "vertical"
             }
           ),