mainstack-design-system 1.19.9 → 1.19.11

package/dist/assets/theme/lightDarkModeTheme.css

@@ -10,9 +10,9 @@
   --color-primary: var(--mds-color-neutral-375);
   --color-secondary: var(--mds-color-neutral-300);
   --color-tertiary: var(--mds-color-neutral-275);
-  --color-accent: var(--mds-color-indigo-275);
+  --color-accent: var(--mds-color-persimmon-275);
 
-  --color-accent-hover: var(--mds-color-indigo-350);
+  --color-accent-hover: var(--mds-color-persimmon-350);
   --color-disabled: var(--mds-color-neutral-250);
   --color-success: var(--mds-color-green-400);
   --color-success-hover: var(--mds-color-green-450);
@@ -30,7 +30,7 @@
   --color-on-secondary-disabled: var(--mds-color-neutral-250);
   --color-on-ghost: var(--mds-color-neutral-375);
 
-  --color-on-accent: var(--mds-color-indigo-50);
+  --color-on-accent: var(--mds-color-persimmon-50);
   --color-on-success: var(--mds-color-green-50);
   --color-on-success-disabled: var(--mds-color-muted-green-325);
   --color-on-success-light: var(--mds-color-green-425);
@@ -51,9 +51,9 @@
   --color-on-info-light: var(--mds-color-cobalt-425);
   --color-on-info-light-disabled: var(--mds-color-muted-cobalt-325);
 
-  --color-interactive-primary: var(--mds-color-indigo-275);
-  --color-interactive-primary-hover: var(--mds-color-indigo-300);
-  --color-interactive-primary-pressed: var(--mds-color-indigo-300);
+  --color-interactive-primary: var(--mds-color-persimmon-275);
+  --color-interactive-primary-hover: var(--mds-color-persimmon-300);
+  --color-interactive-primary-pressed: var(--mds-color-persimmon-300);
   --color-interactive-primary-disabled: var(--mds-color-neutral-150);
 
   --color-interactive-secondary: var(--mds-color-neutral-125);
@@ -65,10 +65,10 @@
   --color-interactive-ghost-hover: var(--mds-color-neutral-150);
   --color-interactive-ghost-pressed: var(--mds-color-neutral-175);
 
-  --color-interactive-accent: var(--mds-color-indigo-275);
-  --color-interactive-accent-hover: var(--mds-color-indigo-350);
-  --color-interactive-accent-pressed: var(--mds-color-indigo-400);
-  --color-interactive-accent-disabled: var(--mds-color-indigo-125);
+  --color-interactive-accent: var(--mds-color-persimmon-275);
+  --color-interactive-accent-hover: var(--mds-color-persimmon-350);
+  --color-interactive-accent-pressed: var(--mds-color-persimmon-400);
+  --color-interactive-accent-disabled: var(--mds-color-persimmon-125);
 
   --color-interactive-success: var(--mds-color-green-400);
   --color-interactive-success-hover: var(--mds-color-green-450);
@@ -110,6 +110,11 @@
   --color-interactive-info-light-pressed: var(--mds-color-cobalt-125);
   --color-interactive-info-light-disabled: var(--mds-color-muted-cobalt-225);
 
+  --color-interactive-neutral: var(--mds-color-neutral-400);
+  --color-interactive-neutral-hover: var(--mds-color-neutral-450);
+  --color-interactive-neutral-pressed: var(--mds-color-neutral-500);
+  --color-interactive-neutral-disabled: var(--mds-color-neutral-150);
+
   --color-surface-neutral-l1: var(--mds-color-neutral-50);
   --color-surface-neutral-l2: var(--mds-color-neutral-75);
   --color-surface-neutral-l3: var(--mds-color-neutral-100);
@@ -122,17 +127,17 @@
   --color-surface-neutral-invert-l4: var(--mds-color-neutral-425);
   --color-surface-neutral-invert-l5: var(--mds-color-neutral-400);
 
-  --color-surface-accent-l1: var(--mds-color-indigo-50);
-  --color-surface-accent-l2: var(--mds-color-indigo-75);
-  --color-surface-accent-l3: var(--mds-color-indigo-100);
-  --color-surface-accent-l4: var(--mds-color-indigo-125);
-  --color-surface-accent-l5: var(--mds-color-indigo-150);
+  --color-surface-accent-l1: var(--mds-color-persimmon-50);
+  --color-surface-accent-l2: var(--mds-color-persimmon-75);
+  --color-surface-accent-l3: var(--mds-color-persimmon-100);
+  --color-surface-accent-l4: var(--mds-color-persimmon-125);
+  --color-surface-accent-l5: var(--mds-color-persimmon-150);
 
-  --color-surface-accent-invert-l1: var(--mds-color-indigo-500);
-  --color-surface-accent-invert-l2: var(--mds-color-indigo-475);
-  --color-surface-accent-invert-l3: var(--mds-color-indigo-450);
-  --color-surface-accent-invert-l4: var(--mds-color-indigo-425);
-  --color-surface-accent-invert-l5: var(--mds-color-indigo-400);
+  --color-surface-accent-invert-l1: var(--mds-color-persimmon-500);
+  --color-surface-accent-invert-l2: var(--mds-color-persimmon-475);
+  --color-surface-accent-invert-l3: var(--mds-color-persimmon-450);
+  --color-surface-accent-invert-l4: var(--mds-color-persimmon-425);
+  --color-surface-accent-invert-l5: var(--mds-color-persimmon-400);
 
   --color-surface-success-l1: var(--mds-color-green-50);
   --color-surface-success-l2: var(--mds-color-green-75);
@@ -184,17 +189,32 @@
 
   --color-border-interactive-primary: var(--mds-color-neutral-150);
   --color-border-interactive-primary-hover: var(--mds-color-neutral-175);
-  --color-border-interactive-primary-pressed: var(--mds-color-indigo-225);
+  --color-border-interactive-primary-pressed: var(--mds-color-persimmon-225);
   --color-border-interactive-primary-disabled: var(--mds-color-neutral-150);
-  --color-border-interactive-primary-active: var(--mds-color-indigo-200);
-  --color-border-interactive-primary-active-hover: var(--mds-color-indigo-225);
+  --color-border-interactive-primary-active: var(--mds-color-persimmon-200);
+  --color-border-interactive-primary-active-hover: var(
+    --mds-color-persimmon-225
+  );
   --color-border-interactive-primary-active-pressed: var(
-    --mds-color-indigo-275
+    --mds-color-persimmon-275
   );
   --color-border-interactive-primary-active-disabled: var(
     --mds-color-muted-indigo-225
   );
 
+  --color-border-interactive-neutral: var(--mds-color-neutral-150);
+  --color-border-interactive-neutral-hover: var(--mds-color-neutral-175);
+  --color-border-interactive-neutral-pressed: var(--mds-color-neutrl-450);
+  --color-border-interactive-neutral-disabled: var(--mds-color-neutral-150);
+  --color-border-interactive-neutral-active: var(--mds-color-neutral-400);
+  --color-border-interactive-neutral-active-hover: var(--mds-color-neutral-450);
+  --color-border-interactive-neutral-active-pressed: var(
+    --mds-color-neutral-450
+  );
+  --color-border-interactive-neutral-active-disabled: var(
+    --mds-color-neutral-300
+  );
+
   --color-border-interactive-neutral-inverse: var(--mds-color-neutral-450);
   --color-border-interactive-neutral-inverse-hover: var(
     --mds-color-neutral-275
@@ -245,7 +265,7 @@
   --color-border-surface-info-strong: var(--mds-color-cobalt-325);
 
   --color-border-surface-spread-neutral: var(--mds-color-neutral-125);
-  --color-border-surface-spread-primary: var(--mds-color-indigo-50);
+  --color-border-surface-spread-primary: var(--mds-color-persimmon-50);
   --color-border-surface-spread-success: var(--mds-color-green-175);
   --color-border-surface-spread-error: var(--mds-color-red-175);
   --color-border-surface-spread-warning: var(--mds-color-lemon-175);

package/dist/mainstack-design-system16.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),a=require("react"),y=require("./mainstack-design-system25.cjs"),P=require("./index-C8aODXfJ.cjs"),R=require("./utils-DgHSufYV.cjs"),m=({values:l,onValuesChange:p,defaultValues:t=[],isDisabled:n,accept:v={"image/png":[".png",".jpeg",".jpg",".webp"]},maxFiles:b=4,maxSize:h,onError:r,children:C,className:f,isError:i,...j})=>{const[o,c]=P.useControllableState({prop:l,defaultProp:t,onChange:p}),[d,u]=a.useState(()=>{const e=l||t;return e&&e.length>0?e[e.length-1]:null});o&&o.length>0&&!d&&u(o[o.length-1]);const[x,s]=a.useState(null),I=a.useCallback(e=>{s(null),c(e)},[c]),U=a.useCallback(e=>{const q=e instanceof Error?e.message:"An error occurred";s(q),r&&r(e)},[r]);return g.jsx(y.ImageUploaderContext.Provider,{value:{values:o,defaultValues:t,mainPreviewFile:d,isDisabled:n,accept:v,maxFiles:b,maxSize:h,setMainPreviewFile:u,onValuesChange:I,error:x,setError:s,onError:U,isError:i},children:g.jsx("div",{"data-disabled":n,"aria-disabled":n,"data-error":i,"data-slot":"image-uploader-root",className:R.cn("mds:relative mds:flex mds:flex-col mds:gap-12 mds:body-font-family",f),...j,children:C})})};m.displayName="ImageUploaderRoot";exports.ImageUploaderRoot=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),a=require("react"),y=require("./mainstack-design-system25.cjs"),P=require("./index-C8aODXfJ.cjs"),R=require("./utils-DgHSufYV.cjs"),m=({values:l,onValuesChange:p,defaultValues:t=[],isDisabled:r,accept:v={"image/png":[".png",".jpeg",".jpg",".webp"]},maxFiles:b=4,maxSize:C,onError:n,children:f,className:h,isError:i,...j})=>{const[o,c]=P.useControllableState({prop:l,defaultProp:t,onChange:p}),[d,u]=a.useState(()=>{const e=l||t;return e&&e.length>0?e[0]:null});o&&o.length>0&&!d&&u(o[0]);const[x,s]=a.useState(null),I=a.useCallback(e=>{s(null),c(e)},[c]),U=a.useCallback(e=>{const q=e instanceof Error?e.message:"An error occurred";s(q),n&&n(e)},[n]);return g.jsx(y.ImageUploaderContext.Provider,{value:{values:o,defaultValues:t,mainPreviewFile:d,isDisabled:r,accept:v,maxFiles:b,maxSize:C,setMainPreviewFile:u,onValuesChange:I,error:x,setError:s,onError:U,isError:i},children:g.jsx("div",{"data-disabled":r,"aria-disabled":r,"data-error":i,"data-slot":"image-uploader-root",className:R.cn("mds:relative mds:flex mds:flex-col mds:gap-12 mds:body-font-family",h),...j,children:f})})};m.displayName="ImageUploaderRoot";exports.ImageUploaderRoot=m;

package/dist/mainstack-design-system16.js

@@ -1,6 +1,6 @@
 'use client';
-import { jsx as g } from "react/jsx-runtime";
-import { useState as d, useCallback as c } from "react";
+import { jsx as d } from "react/jsx-runtime";
+import { useState as g, useCallback as c } from "react";
 import { ImageUploaderContext as I } from "./mainstack-design-system25.js";
 import { u as U } from "./index-437EL2iq.js";
 import { c as F } from "./utils-DLi4dp19.js";
@@ -10,46 +10,46 @@ const N = ({
   defaultValues: a = [],
   isDisabled: r,
   accept: f = { "image/png": [".png", ".jpeg", ".jpg", ".webp"] },
-  maxFiles: h = 4,
-  maxSize: v,
+  maxFiles: v = 4,
+  maxSize: h,
   onError: t,
   children: C,
   className: b,
   isError: l,
   ...P
 }) => {
-  const [o, m] = U({
+  const [e, m] = U({
     prop: s,
     defaultProp: a,
     onChange: u
-  }), [i, p] = d(() => {
-    const e = s || a;
-    return e && e.length > 0 ? e[e.length - 1] : null;
+  }), [i, p] = g(() => {
+    const o = s || a;
+    return o && o.length > 0 ? o[0] : null;
   });
-  o && o.length > 0 && !i && p(o[o.length - 1]);
-  const [j, n] = d(null), w = c(
-    (e) => {
-      n(null), m(e);
+  e && e.length > 0 && !i && p(e[0]);
+  const [j, n] = g(null), w = c(
+    (o) => {
+      n(null), m(o);
     },
     [m]
   ), x = c(
-    (e) => {
-      const y = e instanceof Error ? e.message : "An error occurred";
-      n(y), t && t(e);
+    (o) => {
+      const y = o instanceof Error ? o.message : "An error occurred";
+      n(y), t && t(o);
     },
     [t]
   );
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ d(
     I.Provider,
     {
       value: {
-        values: o,
+        values: e,
         defaultValues: a,
         mainPreviewFile: i,
         isDisabled: r,
         accept: f,
-        maxFiles: h,
-        maxSize: v,
+        maxFiles: v,
+        maxSize: h,
         setMainPreviewFile: p,
         onValuesChange: w,
         error: j,
@@ -57,7 +57,7 @@ const N = ({
         onError: x,
         isError: l
       },
-      children: /* @__PURE__ */ g(
+      children: /* @__PURE__ */ d(
         "div",
         {
           "data-disabled": r,

package/dist/mainstack-design-system406.cjs

@@ -6,10 +6,10 @@
 
                 mds:active:bg-content-special mds:active:shadow-special-button-pressed mds:active:ring-2 mds:ring-offset-2 mds:ring-border-surface-spread-neutral
                 mds:disabled:bg-none mds:disabled:border-none mds:disabled:shadow-none mds:disabled:outline-none  mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`},{status:"default",variant:"primary",class:`mds:bg-primary mds:text-on-primary
-                mds:hover:bg-interactive-primary-hover
+                mds:hover:bg-interactive-neutral-hover
 
-                mds:active:bg-interactive-primary-pressed  mds:active:ring-3 mds:active:ring-border-surface-spread-primary
-                mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`},{status:"default",variant:"secondary",class:`mds:bg-interactive-secondary  mds:text-on-secondary
+                mds:active:bg-interactive-neutral-pressed  mds:active:ring-3 mds:active:ring-border-surface-spread-neutral
+                mds:disabled:bg-interactive-neutral-disabled mds:disabled:text-on-primary-disabled`},{status:"default",variant:"secondary",class:`mds:bg-interactive-secondary  mds:text-on-secondary
                   mds:hover:bg-interactive-secondary-hover
 
                   mds:active:bg-interactive-secondary-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-primary

package/dist/mainstack-design-system406.js

@@ -47,10 +47,10 @@ const r = e(
         status: "default",
         variant: "primary",
         class: `mds:bg-primary mds:text-on-primary
-                mds:hover:bg-interactive-primary-hover
+                mds:hover:bg-interactive-neutral-hover
 
-                mds:active:bg-interactive-primary-pressed  mds:active:ring-3 mds:active:ring-border-surface-spread-primary
-                mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`
+                mds:active:bg-interactive-neutral-pressed  mds:active:ring-3 mds:active:ring-border-surface-spread-neutral
+                mds:disabled:bg-interactive-neutral-disabled mds:disabled:text-on-primary-disabled`
       },
       {
         status: "default",

package/dist/mainstack-design-system440.cjs

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

package/dist/mainstack-design-system440.js

@@ -1,14 +1,14 @@
-import { c as r } from "./index-D29mdTf5.js";
-const d = r(
+import { c as e } from "./index-D29mdTf5.js";
+const d = e(
   [
     "mds:group/parent mds:flex mds:items-center mds:justify-center mds:gap-4 mds:w-full mds:rounded-full mds:outline-none mds:transition-colors mds:body-extrasmall-medium mds:bg-surface-neutral-l1 mds:border mds:border-border-interactive-primary mds:text-primary mds:cursor-pointer",
     "mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:transition-background mds:focus:ease-out",
     "mds:hover:bg-interactive-secondary",
     "mds:aria-disabled:bg-interactive-neutral-disabled mds:aria-disabled:text-disabled mds:aria-disabled:pointer-events-none mds:aria-disabled:cursor-not-allowed",
     "mds:focus-visible:ring-2 mds:focus-visible:ring-offset-0 mds:focus-visible:outline-2 mds:focus-visible:outline-border-interactive-primary mds:focus-visible:ring-border-surface-spread-focus",
-    "mds:active:ring-3 mds:active:border-1 mds:active:border-border-interactive-primary-pressed mds:active:ring-border-surface-spread-primary",
-    "mds:data-[selected=true]:ring-3 mds:data-[selected=true]:ring-border-surface-spread-primary mds:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-primary-active",
-    "mds:active:**:data-[slot=checkbox-indicator]:ring-3 mds:active:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-primary mds:active:**:data-[slot=checkbox-indicator]:border-2 mds:active:**:data-[slot=checkbox-indicator]:border-border-interactive-primary-pressed",
+    "mds:active:ring-3 mds:active:border-1 mds:active:border-border-interactive-neutral-pressed mds:active:ring-border-surface-spread-neutral",
+    "mds:data-[selected=true]:ring-1 mds:data-[selected=true]:ring-border-interactive-neutral-active mds:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-neutral-active",
+    "mds:active:**:data-[slot=checkbox-indicator]:ring-3 mds:active:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-primary mds:active:**:data-[slot=checkbox-indicator]:border-2 mds:active:**:data-[slot=checkbox-indicator]:border-border-interactive-neutral-pressed",
     "mds:hover:**:data-[slot=checkbox-indicator]:bg-interactive-secondary mds:hover:**:data-[slot=checkbox-indicator]:border-border-interactive-primary-hover",
     "mds:focus-visible:**:data-[slot=checkbox-indicator]:ring-2 mds:focus-visible:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-focus",
     "mds:data-[selected=true]:**:data-[slot=checkbox-indicator]:bg-interactive-primary",
@@ -26,12 +26,12 @@ const d = r(
       size: "sm"
     }
   }
-), s = r([
+), s = e([
   "mds:pointer-events-none mds:rounded-full mds:size-15 mds:border mds:border-border-surface-neutral-l1",
   "mds:group-hover:bg-interactive-secondary mds:group-hover:border-border-surface-neutral-l1",
   "mds:group-focus-visible:border-2 mds:group-focus-visible:border-border-surface-spread-focus",
-  "mds:group-active:ring-3 mds:group-active:rounded-full! mds:group-active:border-2 mds:group-active:border-border-interactive-primary-pressed mds:group-active:ring-border-surface-spread-primary",
-  "mds:group-data-[selected=true]:border-2 mds:group-data-[selected=true]:border-border-interactive-primary-active",
+  "mds:group-active:ring-3 mds:group-active:rounded-full! mds:group-active:border-2 mds:group-active:border-border-interactive-neutral-pressed mds:group-active:ring-border-surface-spread-primary",
+  "mds:group-data-[selected=true]:border-2 mds:group-data-[selected=true]:border-border-interactive-neutral-active",
   "mds:[&_svg]:size-15"
 ]);
 export {

package/dist/mainstack-design-system472.cjs

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

package/dist/mainstack-design-system472.js

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

package/dist/mainstack-design-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-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","mds:data-[selected=true]:ring-3 mds:data-[selected=true]: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;
+"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:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-neutral-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-1 mds:active:border-1 mds:active:border-border-interactive-neutral-pressed mds:active:ring-border-interactive-neutral-active","mds:data-[selected=true]:ring-1 mds:data-[selected=true]:ring-border-interactive-neutral-active"],{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,13 +1,13 @@
 import { c as e } from "./index-D29mdTf5.js";
-const r = e(
+const t = 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-primary 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-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:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-primary-active",
+    "mds:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-neutral-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",
-    "mds:data-[selected=true]:ring-3 mds:data-[selected=true]:ring-border-surface-spread-primary"
+    "mds:active:ring-1 mds:active:border-1 mds:active:border-border-interactive-neutral-pressed mds:active:ring-border-interactive-neutral-active",
+    "mds:data-[selected=true]:ring-1 mds:data-[selected=true]:ring-border-interactive-neutral-active"
   ],
   {
     variants: {
@@ -21,5 +21,5 @@ const r = e(
   }
 );
 export {
-  r as tileVariants
+  t as tileVariants
 };

package/dist/mainstack-design-system621.cjs

@@ -1,2 +1,2 @@
 'use client';
-"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-DeknzY43.cjs");const U=require("./utils-DgHSufYV.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 z=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})]})})});z.displayName=_;var w="CheckboxIndicator",O=i.forwardRef((e,o)=>{const{__scopeCheckbox:t,forceMount:c,...a}=e,r=P(w,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=w;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(z,{"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-20 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=small]:size-16 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 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-DeknzY43.cjs");const U=require("./utils-DgHSufYV.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 z=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})]})})});z.displayName=_;var w="CheckboxIndicator",O=i.forwardRef((e,o)=>{const{__scopeCheckbox:t,forceMount:c,...a}=e,r=P(w,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=w;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(z,{"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-neutral mds:active:ring-border-surface-spread-neutral mds:ring-offset-0 mds:size-20 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-neutral-disabled mds:group-hover:border-border-interactive-neutral-active-hover mds:aria-checked:bg-interactive-neutral mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-neutral-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=small]:size-16 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: m,
+    children: l,
     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, [l, x] = K({
+  } = r, [m, 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: l,
+    checked: m,
     disabled: e,
     setChecked: x,
     control: C,
@@ -56,12 +56,12 @@ function Y(r) {
     {
       scope: s,
       ...R,
-      children: Z(u) ? u(R) : m
+      children: Z(u) ? u(R) : l
     }
   );
 }
 var S = "CheckboxTrigger", w = d.forwardRef(
-  ({ __scopeCheckbox: r, onKeyDown: s, onClick: t, ...m }, a) => {
+  ({ __scopeCheckbox: r, onKeyDown: s, onClick: t, ...l }, a) => {
     const {
       control: e,
       value: p,
@@ -70,7 +70,7 @@ var S = "CheckboxTrigger", w = d.forwardRef(
       required: h,
       setControl: k,
       setChecked: u,
-      hasConsumerStoppedPropagationRef: l,
+      hasConsumerStoppedPropagationRef: m,
       isFormControl: x,
       bubbleInput: C
     } = _(S, r), v = z(a, k), g = d.useRef(i);
@@ -91,13 +91,13 @@ var S = "CheckboxTrigger", w = d.forwardRef(
         "data-disabled": f ? "" : void 0,
         disabled: f,
         value: p,
-        ...m,
+        ...l,
         ref: v,
         onKeyDown: N(s, (o) => {
           o.key === "Enter" && o.preventDefault();
         }),
         onClick: N(t, (o) => {
-          u((n) => b(n) ? !0 : !n), C && x && (l.current = o.isPropagationStopped(), l.current || o.stopPropagation());
+          u((n) => b(n) ? !0 : !n), C && x && (m.current = o.isPropagationStopped(), m.current || o.stopPropagation());
         })
       }
     );
@@ -108,7 +108,7 @@ var B = d.forwardRef(
   (r, s) => {
     const {
       __scopeCheckbox: t,
-      name: m,
+      name: l,
       checked: a,
       defaultChecked: e,
       required: p,
@@ -127,10 +127,10 @@ var B = d.forwardRef(
         disabled: f,
         required: p,
         onCheckedChange: h,
-        name: m,
+        name: l,
         form: k,
         value: i,
-        internal_do_not_use_render: ({ isFormControl: l }) => /* @__PURE__ */ L(O, { children: [
+        internal_do_not_use_render: ({ isFormControl: m }) => /* @__PURE__ */ L(O, { children: [
           /* @__PURE__ */ c(
             w,
             {
@@ -139,7 +139,7 @@ var B = d.forwardRef(
               __scopeCheckbox: t
             }
           ),
-          l && /* @__PURE__ */ c(
+          m && /* @__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: m, ...a } = r, e = _(M, t);
+    const { __scopeCheckbox: t, forceMount: l, ...a } = r, e = _(M, t);
     return /* @__PURE__ */ c(
       $,
       {
-        present: m || b(e.checked) || e.checked === !0,
+        present: l || 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: m,
+      control: l,
       hasConsumerStoppedPropagationRef: a,
       checked: e,
       defaultChecked: p,
@@ -185,11 +185,11 @@ var q = "CheckboxBubbleInput", A = d.forwardRef(
       name: h,
       value: k,
       form: u,
-      bubbleInput: l,
+      bubbleInput: m,
       setBubbleInput: x
-    } = _(q, r), C = z(t, x), v = U(e), g = X(m);
+    } = _(q, r), C = z(t, x), v = U(e), g = X(l);
     d.useEffect(() => {
-      const n = l;
+      const n = m;
       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);
       }
-    }, [l, v, e, a]);
+    }, [m, 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-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-20 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 ",
+        "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-neutral mds:active:ring-border-surface-spread-neutral mds:ring-offset-0 mds:size-20 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-neutral-disabled mds:group-hover:border-border-interactive-neutral-active-hover mds:aria-checked:bg-interactive-neutral mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-neutral-disabled ",
         r
       ),
       ref: t,

package/dist/mainstack-design-system622.cjs

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