mainstack-design-system 1.19.1 → 1.19.2

package/dist/mainstack-design-system440.js

@@ -1,15 +1,15 @@
-import { c as e } from "./index-D29mdTf5.js";
-const d = e(
+import { c as r } from "./index-D29mdTf5.js";
+const d = r(
   [
-    "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-neutral mds:text-primary mds:cursor-pointer",
+    "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-neutral mds:focus-visible:ring-border-surface-spread-focus",
-    "mds:active:ring-3 mds:active:border-2 mds:active:border-border-interactive-neutral-pressed mds:active:ring-border-surface-spread-neutral",
-    "mds:data-[selected=true]:border-2 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-neutral 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-neutral-hover",
+    "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]: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"
@@ -26,12 +26,12 @@ const d = e(
       size: "sm"
     }
   }
-), s = e([
+), s = r([
   "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-neutral",
-  "mds:group-data-[selected=true]:border-2 mds:group-data-[selected=true]:border-border-interactive-neutral-active",
+  "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"
 ]);
 export {

package/dist/mainstack-design-system472.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),r=require("./index-DX47zPiS.cjs"),m=require("./utils-BJ1u234q.cjs"),d=i.forwardRef(({className:s,...a},t)=>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-neutral mds:bg-on-primary mds:size-24 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-neutral 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-neutral-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: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-12 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"),t=require("react"),r=require("./index-DX47zPiS.cjs"),m=require("./utils-BJ1u234q.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-24 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-12 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 t } from "./index-CUPSVQUe.js";
-import { c as m } from "./utils-DH-0D-9U.js";
+import { I as i, a as m } from "./index-CUPSVQUe.js";
+import { c as t } from "./utils-DH-0D-9U.js";
 const o = a(
   ({ className: e, ...d }, s) => /* @__PURE__ */ r(
     i,
     {
       "data-slot": "radio-item-indicator",
-      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-24 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-neutral 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-neutral-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: 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-24 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  ",
         e
       ),
       ref: s,
       ...d,
-      children: /* @__PURE__ */ r(t, { 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-12 mds:after:rounded-full mds:after:bg-on-primary mds:group-data-[radio-size=large]:after:size-16  " })
+      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-12 mds:after:rounded-full mds:after:bg-on-primary mds:group-data-[radio-size=large]:after:size-16  " })
     }
   )
 );

package/dist/mainstack-design-system480.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),t=require("./utils-BJ1u234q.cjs"),S=require("./mainstack-design-system606.cjs"),r=require("./index-BgzojN8c.cjs"),v=require("./mainstack-design-system481.cjs"),i=d.forwardRef(({className:c,children:m,...u},n)=>{const{options:l,isMultiSelect:b,inputValue:s,previousAction:o,isOptionOpen:p,selectedOption:f,isCreatableSelect:x}=S.useSelectContext(),a=d.useMemo(()=>!s||o==="selection"||o==="idle"?l.array:l.array.filter(h=>h.label.toLocaleLowerCase().includes(s.toLocaleLowerCase())),[s,l,o]);return e.jsx("div",{className:t.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",c),ref:n,"data-slot":"select-options","data-select-options-opened":p,...u,children:e.jsxs(r.ScrollArea,{style:{"--scrollbar-size":"8px"},className:t.cn("mds:flex mds:flex-col mds:gap-8 mds:max-h-350"),ref:n,children:[e.jsx(r.ScrollAreaViewport,{className:"mds:h-full mds:w-full",children:e.jsxs("div",{"data-slot":"select-options-inner",className:"mds:flex mds:flex-col mds:gap-8",children:[m({options:a,selectedOption:f,isMultiSelect:!!b}),a.length===0&&e.jsx(e.Fragment,{children:x&&s?e.jsxs(v.SelectOptionItem,{value:s,isCreatableOption:!0,children:['Create "',s,'"']}):e.jsx("p",{className:t.cn("mds:body-extrasmall-medium","mds:text-center"),children:"No option found"})})]})}),e.jsx(r.ScrollAreaScrollbar,{orientation:"vertical",className:"mds:flex mds:select-none mds:rounded-(--scrollbar-size) mds:touch-none mds:p-2 mds:w-(--scrollbar-size) mds:flex-col mds:transition-all mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:hover:bg-interactive-secondary mds:hover:w-12",children:e.jsx(r.ScrollAreaThumb,{className:t.cn("mds:rounded-(--scrollbar-size) mds:bg-border-interactive-neutral-inverse-hover mds:relative","mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44")})}),e.jsx(r.ScrollAreaCorner,{className:"mds:bg-border-interactive-neutral-inverse-hover"})]})})});i.displayName="SelectOptions";exports.SelectOptions=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),t=require("./utils-BJ1u234q.cjs"),S=require("./mainstack-design-system606.cjs"),r=require("./index-BgzojN8c.cjs"),v=require("./mainstack-design-system481.cjs"),i=d.forwardRef(({className:c,children:m,...u},n)=>{const{options:l,isMultiSelect:p,inputValue:s,previousAction:o,isOptionOpen:b,selectedOption:f,isCreatableSelect:x}=S.useSelectContext(),a=d.useMemo(()=>!s||o==="selection"||o==="idle"?l.array:l.array.filter(h=>h.label.toLocaleLowerCase().includes(s.toLocaleLowerCase())),[s,l,o]);return e.jsx("div",{className:t.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",c),ref:n,"data-slot":"select-options","data-select-options-opened":b,...u,children:e.jsxs(r.ScrollArea,{style:{"--scrollbar-size":"8px"},className:t.cn("mds:flex mds:flex-col mds:gap-8 mds:max-h-350"),ref:n,children:[e.jsx(r.ScrollAreaViewport,{className:"mds:h-full mds:w-full",children:e.jsxs("div",{"data-slot":"select-options-inner",className:"mds:flex mds:flex-col mds:gap-8",children:[m({options:a,selectedOption:f,isMultiSelect:!!p}),a.length===0&&e.jsx(e.Fragment,{children:x&&s?e.jsxs(v.SelectOptionItem,{value:s,isCreatableOption:!0,children:['Create "',s,'"']}):e.jsx("p",{className:t.cn("mds:body-extrasmall-medium","mds:text-center"),children:"No option found"})})]})}),e.jsx(r.ScrollAreaScrollbar,{orientation:"vertical",className:"mds:flex mds:select-none mds:rounded-(--scrollbar-size) mds:touch-none mds:p-2 mds:w-(--scrollbar-size) mds:flex-col mds:transition-all mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:hover:bg-interactive-secondary mds:hover:w-12",children:e.jsx(r.ScrollAreaThumb,{className:t.cn("mds:rounded-(--scrollbar-size) mds:bg-border-interactive-neutral-inverse-hover mds:relative","mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44")})}),e.jsx(r.ScrollAreaCorner,{className:"mds:bg-border-interactive-neutral-inverse-hover"})]})})});i.displayName="SelectOptions";exports.SelectOptions=i;

package/dist/mainstack-design-system480.js

@@ -3,8 +3,8 @@ import { jsx as e, jsxs as t, Fragment as h } from "react/jsx-runtime";
 import { forwardRef as v, useMemo as x } from "react";
 import { c as r } from "./utils-DH-0D-9U.js";
 import { useSelectContext as S } from "./mainstack-design-system606.js";
-import { S as g, a as N, b as w, c as C, d as O } from "./index-CLUgda6x.js";
-import { SelectOptionItem as y } from "./mainstack-design-system481.js";
+import { S as g, a as N, b as w, c as y, d as C } from "./index-CLUgda6x.js";
+import { SelectOptionItem as O } from "./mainstack-design-system481.js";
 const A = v(
   ({ className: m, children: i, ...n }, a) => {
     const {
@@ -13,14 +13,14 @@ const A = v(
       inputValue: s,
       previousAction: l,
       isOptionOpen: p,
-      selectedOption: u,
-      isCreatableSelect: f
+      selectedOption: f,
+      isCreatableSelect: u
     } = S(), d = x(() => !s || l === "selection" || l === "idle" ? o.array : o.array.filter((b) => b.label.toLocaleLowerCase().includes(s.toLocaleLowerCase())), [s, o, l]);
     return /* @__PURE__ */ e(
       "div",
       {
         className: r(
-          "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",
           m
         ),
         ref: a,
@@ -44,10 +44,10 @@ const A = v(
                   children: [
                     i({
                       options: d,
-                      selectedOption: u,
+                      selectedOption: f,
                       isMultiSelect: !!c
                     }),
-                    d.length === 0 && /* @__PURE__ */ e(h, { children: f && s ? /* @__PURE__ */ t(y, { value: s, isCreatableOption: !0, children: [
+                    d.length === 0 && /* @__PURE__ */ e(h, { children: u && s ? /* @__PURE__ */ t(O, { value: s, isCreatableOption: !0, children: [
                       'Create "',
                       s,
                       '"'
@@ -70,7 +70,7 @@ const A = v(
                   orientation: "vertical",
                   className: "mds:flex mds:select-none mds:rounded-(--scrollbar-size) mds:touch-none mds:p-2 mds:w-(--scrollbar-size) mds:flex-col mds:transition-all mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:hover:bg-interactive-secondary mds:hover:w-12",
                   children: /* @__PURE__ */ e(
-                    C,
+                    y,
                     {
                       className: r(
                         "mds:rounded-(--scrollbar-size) mds:bg-border-interactive-neutral-inverse-hover mds:relative",
@@ -80,7 +80,7 @@ const A = v(
                   )
                 }
               ),
-              /* @__PURE__ */ e(O, { className: "mds:bg-border-interactive-neutral-inverse-hover" })
+              /* @__PURE__ */ e(C, { className: "mds:bg-border-interactive-neutral-inverse-hover" })
             ]
           }
         )

package/dist/mainstack-design-system498.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),o=require("./index-C8UjfEBt.cjs"),s=require("./utils-BJ1u234q.cjs"),l=require("./mainstack-design-system506.cjs"),i=c.forwardRef(({...n},d)=>{const{editor:t}=o.useCurrentEditor(),u=o.useEditorState({editor:t,selector:e=>e.editor?{color:e.editor.getAttributes("textStyle").color}:{}});return r.jsx(l.TextEditorMenuAction,{"data-slot":"text-editor-color-picker-menu",ref:d,...n,children:r.jsx("div",{className:s.cn(" mds:p-0 mds:overflow-hidden mds:hover:bg-border-interactive-neutral mds:disabled:text-disabled mds:disabled:cursor-not-allowed mds:rounded-full mds:size-14 mds:min-w-14 mds:ring-2 mds:ring-offset-1 mds:ring-interactive-neutral"),children:r.jsx("input",{type:"color",onInput:e=>t?.chain().focus().setColor(e.currentTarget.value).run(),value:u?.color,className:s.cn("mds:size-[200%] mds:cursor-pointer mds:border-0 mds:p-0 mds:-translate-[25%]")})})})});i.displayName="ColorPickerMenu";exports.ColorPickerMenu=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("react"),o=require("./index-C8UjfEBt.cjs"),i=require("./utils-BJ1u234q.cjs"),l=require("./mainstack-design-system506.cjs"),s=u.forwardRef(({...d},n)=>{const{editor:t}=o.useCurrentEditor(),c=o.useEditorState({editor:t,selector:e=>e.editor?{color:e.editor.getAttributes("textStyle").color}:{}});return r.jsx(l.TextEditorMenuAction,{"data-slot":"text-editor-color-picker-menu",ref:n,...d,children:r.jsx("div",{className:i.cn(" mds:p-0 mds:overflow-hidden mds:hover:bg-border-interactive-primary mds:disabled:text-disabled mds:disabled:cursor-not-allowed mds:rounded-full mds:size-14 mds:min-w-14 mds:ring-2 mds:ring-offset-1 mds:ring-interactive-neutral"),children:r.jsx("input",{type:"color",onInput:e=>t?.chain().focus().setColor(e.currentTarget.value).run(),value:c?.color,className:i.cn("mds:size-[200%] mds:cursor-pointer mds:border-0 mds:p-0 mds:-translate-[25%]")})})})});s.displayName="ColorPickerMenu";exports.ColorPickerMenu=s;

package/dist/mainstack-design-system498.js

@@ -2,12 +2,12 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
 import { u as m, a } from "./index-BxqJMZkp.js";
-import { c as o } from "./utils-DH-0D-9U.js";
+import { c as t } from "./utils-DH-0D-9U.js";
 import { TextEditorMenuAction as l } from "./mainstack-design-system506.js";
 const c = n(
   ({ ...s }, d) => {
-    const { editor: t } = m(), i = a({
-      editor: t,
+    const { editor: o } = m(), i = a({
+      editor: o,
       selector: (r) => r.editor ? {
         color: r.editor.getAttributes("textStyle").color
       } : {}
@@ -21,16 +21,16 @@ const c = n(
         children: /* @__PURE__ */ e(
           "div",
           {
-            className: o(
-              " mds:p-0 mds:overflow-hidden mds:hover:bg-border-interactive-neutral mds:disabled:text-disabled mds:disabled:cursor-not-allowed mds:rounded-full mds:size-14 mds:min-w-14 mds:ring-2 mds:ring-offset-1 mds:ring-interactive-neutral"
+            className: t(
+              " mds:p-0 mds:overflow-hidden mds:hover:bg-border-interactive-primary mds:disabled:text-disabled mds:disabled:cursor-not-allowed mds:rounded-full mds:size-14 mds:min-w-14 mds:ring-2 mds:ring-offset-1 mds:ring-interactive-neutral"
             ),
             children: /* @__PURE__ */ e(
               "input",
               {
                 type: "color",
-                onInput: (r) => t?.chain().focus().setColor(r.currentTarget.value).run(),
+                onInput: (r) => o?.chain().focus().setColor(r.currentTarget.value).run(),
                 value: i?.color,
-                className: o(
+                className: t(
                   "mds:size-[200%] mds:cursor-pointer mds:border-0 mds:p-0 mds:-translate-[25%]"
                 )
               }

package/dist/mainstack-design-system506.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),a=require("react"),u=require("./utils-BJ1u234q.cjs"),c=require("./index-CpE6WAgy.cjs"),t=a.forwardRef(({className:r,asChild:o,isActive:e,...n},d)=>{const s=o?c.Slot:"button";return i.jsx(s,{"data-active":e?"true":"false",className:u.cn(" mds:outline-none mds:border-none mds:cursor-pointer mds:hover:bg-border-interactive-neutral mds:p-7 mds:rounded-8 mds:disabled:text-disabled mds:disabled:cursor-not-allowed ",e&&"mds:bg-border-interactive-neutral-active mds:text-surface-neutral-l1 mds:hover:bg-border-interactive-neutral-active-hover",r),ref:d,...n})});t.displayName="TextEditorMenuAction";exports.TextEditorMenuAction=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),c=require("./utils-BJ1u234q.cjs"),u=require("./index-CpE6WAgy.cjs"),r=a.forwardRef(({className:t,asChild:o,isActive:e,...d},i)=>{const n=o?u.Slot:"button";return s.jsx(n,{"data-active":e?"true":"false",className:c.cn(" mds:outline-none mds:border-none mds:cursor-pointer mds:hover:bg-border-interactive-primary mds:p-7 mds:rounded-8 mds:disabled:text-disabled mds:disabled:cursor-not-allowed ",e&&"mds:bg-border-interactive-primary-active mds:text-surface-neutral-l1 mds:hover:bg-border-interactive-primary-active-hover",t),ref:i,...d})});r.displayName="TextEditorMenuAction";exports.TextEditorMenuAction=r;

package/dist/mainstack-design-system506.js

@@ -1,24 +1,24 @@
 'use client';
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { c as n } from "./utils-DH-0D-9U.js";
-import { S as m } from "./index-BtQfgaSF.js";
-const i = s(
-  ({ className: r, asChild: t, isActive: e, ...o }, d) => /* @__PURE__ */ a(
-    t ? m : "button",
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { c as s } from "./utils-DH-0D-9U.js";
+import { S as i } from "./index-BtQfgaSF.js";
+const n = a(
+  ({ className: e, asChild: o, isActive: r, ...t }, d) => /* @__PURE__ */ m(
+    o ? i : "button",
     {
-      "data-active": e ? "true" : "false",
-      className: n(
-        " mds:outline-none mds:border-none mds:cursor-pointer mds:hover:bg-border-interactive-neutral mds:p-7 mds:rounded-8 mds:disabled:text-disabled mds:disabled:cursor-not-allowed ",
-        e && "mds:bg-border-interactive-neutral-active mds:text-surface-neutral-l1 mds:hover:bg-border-interactive-neutral-active-hover",
-        r
+      "data-active": r ? "true" : "false",
+      className: s(
+        " mds:outline-none mds:border-none mds:cursor-pointer mds:hover:bg-border-interactive-primary mds:p-7 mds:rounded-8 mds:disabled:text-disabled mds:disabled:cursor-not-allowed ",
+        r && "mds:bg-border-interactive-primary-active mds:text-surface-neutral-l1 mds:hover:bg-border-interactive-primary-active-hover",
+        e
       ),
       ref: d,
-      ...o
+      ...t
     }
   )
 );
-i.displayName = "TextEditorMenuAction";
+n.displayName = "TextEditorMenuAction";
 export {
-  i as TextEditorMenuAction
+  n as TextEditorMenuAction
 };

package/dist/mainstack-design-system507.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react");require("./mainstack-design-system366.cjs");const x=require("./mainstack-design-system153.cjs");require("./player-C6X6nrWe.cjs");const r=require("./utils-BJ1u234q.cjs"),o=require("./index-C8UjfEBt.cjs"),i=require("./index-B43IDo7j.cjs"),a=require("./mainstack-design-system506.cjs"),t=h.forwardRef(({className:l,...c},u)=>{const{editor:s}=o.useCurrentEditor(),d=o.useEditorState({editor:s,selector:n=>{if(!n.editor)return{};const m=[1,2,3,4,5,6].find(g=>s?.isActive("heading",{level:g}));return{isParagraph:n.editor.isActive("paragraph")||!1,isHeading1:n.editor.isActive("heading",{level:1})||!1,isHeading2:n.editor.isActive("heading",{level:2})||!1,isHeading3:n.editor.isActive("heading",{level:3})||!1,isHeading4:n.editor.isActive("heading",{level:4})||!1,isHeading5:n.editor.isActive("heading",{level:5})||!1,isHeading6:n.editor.isActive("heading",{level:6})||!1,canHeadingParagraph:!n.editor.can().chain().toggleHeading({level:1}).run()||!1,activeHeading:m}}});return e.jsxs(i.DropdownMenu,{children:[e.jsx(i.DropdownMenuTrigger,{disabled:d?.canHeadingParagraph,asChild:!0,children:e.jsxs(a.TextEditorMenuAction,{ref:u,disabled:d?.canHeadingParagraph,"data-slot":"text-editor-text-sizes-menu",className:r.cn("mds:flex mds:cursor-pointer mds:items-center mds:gap-8 mds:hover:bg-border-interactive-neutral mds:p-7 mds:rounded-8",l),...c,children:[e.jsx("p",{className:"mds:body-tiny-medium",children:d?.activeHeading?`H${d?.activeHeading}`:"Normal"}),e.jsx(x,{className:"mds:size-12"})]})}),e.jsx(i.DropdownMenuPortal,{children:e.jsxs(i.DropdownMenuContent,{className:"mds:cursor-pointer mds:flex mds:flex-col mds:gap-4 mds:z-100 mds:bg-surface-neutral-l1 mds:shadow-200 mds:p-6 mds:rounded-12",children:[e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading1,className:r.cn("mds:body-large-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>s?.chain().focus().toggleHeading({level:1}).run(),children:"H1"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading2,className:r.cn("mds:body-medium-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>s?.chain().focus().toggleHeading({level:2}).run(),children:"H2"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading3,className:r.cn("mds:body-small-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>s?.chain().focus().toggleHeading({level:3}).run(),children:"H3"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading4,className:r.cn("mds:body-extrasmall-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>s?.chain().focus().toggleHeading({level:4}).run(),children:"H4"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading5,className:r.cn("mds:body-tiny-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>s?.chain().focus().toggleHeading({level:5}).run(),children:"H5"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading6,className:r.cn("mds:body-extratiny-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>s?.chain().focus().toggleHeading({level:6}).run(),children:"H6"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isParagraph,className:r.cn("mds:body-overline-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>s?.chain().focus().setParagraph().run(),children:"Normal"})}),e.jsx(i.DropdownMenuArrow,{className:"mds:fill-surface-neutral-l1 mds:text-surface-neutral-l1"})]})})]})});t.displayName="TextSizesMenu";exports.TextSizesMenu=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react");require("./mainstack-design-system366.cjs");const p=require("./mainstack-design-system153.cjs");require("./player-C6X6nrWe.cjs");const r=require("./utils-BJ1u234q.cjs"),o=require("./index-C8UjfEBt.cjs"),i=require("./index-B43IDo7j.cjs"),a=require("./mainstack-design-system506.cjs"),t=h.forwardRef(({className:l,...c},u)=>{const{editor:s}=o.useCurrentEditor(),d=o.useEditorState({editor:s,selector:n=>{if(!n.editor)return{};const m=[1,2,3,4,5,6].find(g=>s?.isActive("heading",{level:g}));return{isParagraph:n.editor.isActive("paragraph")||!1,isHeading1:n.editor.isActive("heading",{level:1})||!1,isHeading2:n.editor.isActive("heading",{level:2})||!1,isHeading3:n.editor.isActive("heading",{level:3})||!1,isHeading4:n.editor.isActive("heading",{level:4})||!1,isHeading5:n.editor.isActive("heading",{level:5})||!1,isHeading6:n.editor.isActive("heading",{level:6})||!1,canHeadingParagraph:!n.editor.can().chain().toggleHeading({level:1}).run()||!1,activeHeading:m}}});return e.jsxs(i.DropdownMenu,{children:[e.jsx(i.DropdownMenuTrigger,{disabled:d?.canHeadingParagraph,asChild:!0,children:e.jsxs(a.TextEditorMenuAction,{ref:u,disabled:d?.canHeadingParagraph,"data-slot":"text-editor-text-sizes-menu",className:r.cn("mds:flex mds:cursor-pointer mds:items-center mds:gap-8 mds:hover:bg-border-interactive-primary mds:p-7 mds:rounded-8",l),...c,children:[e.jsx("p",{className:"mds:body-tiny-medium",children:d?.activeHeading?`H${d?.activeHeading}`:"Normal"}),e.jsx(p,{className:"mds:size-12"})]})}),e.jsx(i.DropdownMenuPortal,{children:e.jsxs(i.DropdownMenuContent,{className:"mds:cursor-pointer mds:flex mds:flex-col mds:gap-4 mds:z-100 mds:bg-surface-neutral-l1 mds:shadow-200 mds:p-6 mds:rounded-12",children:[e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading1,className:r.cn("mds:body-large-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>s?.chain().focus().toggleHeading({level:1}).run(),children:"H1"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading2,className:r.cn("mds:body-medium-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>s?.chain().focus().toggleHeading({level:2}).run(),children:"H2"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading3,className:r.cn("mds:body-small-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>s?.chain().focus().toggleHeading({level:3}).run(),children:"H3"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading4,className:r.cn("mds:body-extrasmall-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>s?.chain().focus().toggleHeading({level:4}).run(),children:"H4"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading5,className:r.cn("mds:body-tiny-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>s?.chain().focus().toggleHeading({level:5}).run(),children:"H5"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading6,className:r.cn("mds:body-extratiny-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>s?.chain().focus().toggleHeading({level:6}).run(),children:"H6"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isParagraph,className:r.cn("mds:body-overline-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>s?.chain().focus().setParagraph().run(),children:"Normal"})}),e.jsx(i.DropdownMenuArrow,{className:"mds:fill-surface-neutral-l1 mds:text-surface-neutral-l1"})]})})]})});t.displayName="TextSizesMenu";exports.TextSizesMenu=t;

package/dist/mainstack-design-system507.js

@@ -43,7 +43,7 @@ const C = u(
               disabled: d?.canHeadingParagraph,
               "data-slot": "text-editor-text-sizes-menu",
               className: a(
-                "mds:flex mds:cursor-pointer mds:items-center mds:gap-8 mds:hover:bg-border-interactive-neutral mds:p-7 mds:rounded-8",
+                "mds:flex mds:cursor-pointer mds:items-center mds:gap-8 mds:hover:bg-border-interactive-primary mds:p-7 mds:rounded-8",
                 o
               ),
               ...t,

package/dist/mainstack-design-system508.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react");require("./mainstack-design-system366.cjs");const a=require("./mainstack-design-system172.cjs");require("./player-C6X6nrWe.cjs");const c=require("./utils-BJ1u234q.cjs"),i=require("./index-C8UjfEBt.cjs"),m=require("./mainstack-design-system506.cjs"),d=u.forwardRef(({className:o,...s},l)=>{const{editor:r}=i.useCurrentEditor(),n=i.useEditorState({editor:r,selector:e=>e.editor?{isUnderline:e.editor.isActive("underline")||!1,canUnderline:e.editor.can().chain().toggleUnderline().run()||!1}:{}});return t.jsx(m.TextEditorMenuAction,{className:c.cn(" mds:outline-none mds:border-none mds:cursor-pointer mds:hover:bg-border-interactive-neutral mds:p-7 mds:rounded-8 mds:disabled:text-disabled mds:disabled:cursor-not-allowed",n?.isUnderline&&"mds:bg-border-interactive-neutral-active mds:text-surface-neutral-l1 mds:hover:bg-border-interactive-neutral-active-hover",o),onClick:()=>r?.chain().focus().toggleUnderline().run(),disabled:!n?.canUnderline,"data-slot":"text-editor-underline-menu",ref:l,...s,children:t.jsx(a,{className:"mds:size-16"})})});d.displayName="UnderlineMenu";exports.UnderlineMenu=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system366.cjs");const l=require("./mainstack-design-system172.cjs");require("./player-C6X6nrWe.cjs");const u=require("./utils-BJ1u234q.cjs"),t=require("./index-C8UjfEBt.cjs"),m=require("./mainstack-design-system506.cjs"),d=c.forwardRef(({className:o,...s},a)=>{const{editor:r}=t.useCurrentEditor(),n=t.useEditorState({editor:r,selector:e=>e.editor?{isUnderline:e.editor.isActive("underline")||!1,canUnderline:e.editor.can().chain().toggleUnderline().run()||!1}:{}});return i.jsx(m.TextEditorMenuAction,{className:u.cn(" mds:outline-none mds:border-none mds:cursor-pointer mds:hover:bg-border-interactive-primary mds:p-7 mds:rounded-8 mds:disabled:text-disabled mds:disabled:cursor-not-allowed",n?.isUnderline&&"mds:bg-border-interactive-primary-active mds:text-surface-neutral-l1 mds:hover:bg-border-interactive-primary-active-hover",o),onClick:()=>r?.chain().focus().toggleUnderline().run(),disabled:!n?.canUnderline,"data-slot":"text-editor-underline-menu",ref:a,...s,children:i.jsx(l,{className:"mds:size-16"})})});d.displayName="UnderlineMenu";exports.UnderlineMenu=d;

package/dist/mainstack-design-system508.js

@@ -1,40 +1,40 @@
 'use client';
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import "./mainstack-design-system366.js";
 import a from "./mainstack-design-system172.js";
 import "./player-DlPlWw5L.js";
-import { c as l } from "./utils-DH-0D-9U.js";
-import { u as m, a as c } from "./index-BxqJMZkp.js";
+import { c as m } from "./utils-DH-0D-9U.js";
+import { u as l, a as c } from "./index-BxqJMZkp.js";
 import { TextEditorMenuAction as u } from "./mainstack-design-system506.js";
-const f = s(
-  ({ className: i, ...o }, d) => {
-    const { editor: r } = m(), n = c({
+const p = s(
+  ({ className: t, ...o }, d) => {
+    const { editor: r } = l(), i = c({
       editor: r,
       selector: (e) => e.editor ? {
         isUnderline: e.editor.isActive("underline") || !1,
         canUnderline: e.editor.can().chain().toggleUnderline().run() || !1
       } : {}
     });
-    return /* @__PURE__ */ t(
+    return /* @__PURE__ */ n(
       u,
       {
-        className: l(
-          " mds:outline-none mds:border-none mds:cursor-pointer mds:hover:bg-border-interactive-neutral mds:p-7 mds:rounded-8 mds:disabled:text-disabled mds:disabled:cursor-not-allowed",
-          n?.isUnderline && "mds:bg-border-interactive-neutral-active mds:text-surface-neutral-l1 mds:hover:bg-border-interactive-neutral-active-hover",
-          i
+        className: m(
+          " mds:outline-none mds:border-none mds:cursor-pointer mds:hover:bg-border-interactive-primary mds:p-7 mds:rounded-8 mds:disabled:text-disabled mds:disabled:cursor-not-allowed",
+          i?.isUnderline && "mds:bg-border-interactive-primary-active mds:text-surface-neutral-l1 mds:hover:bg-border-interactive-primary-active-hover",
+          t
         ),
         onClick: () => r?.chain().focus().toggleUnderline().run(),
-        disabled: !n?.canUnderline,
+        disabled: !i?.canUnderline,
         "data-slot": "text-editor-underline-menu",
         ref: d,
         ...o,
-        children: /* @__PURE__ */ t(a, { className: "mds:size-16" })
+        children: /* @__PURE__ */ n(a, { className: "mds:size-16" })
       }
     );
   }
 );
-f.displayName = "UnderlineMenu";
+p.displayName = "UnderlineMenu";
 export {
-  f as UnderlineMenu
+  p as UnderlineMenu
 };

package/dist/mainstack-design-system510.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),r=require("./index-BgzojN8c.cjs"),t=require("./utils-BJ1u234q.cjs"),s=o.forwardRef(({className:d,...m},l)=>e.jsxs(r.ScrollArea,{className:" mds:overflow-hidden mds:z-10 mds:p-6 mds:m-6 mds:mb-0 mds:rounded-full mds:border mds:border-border-interactive-neutral mds:bg-surface-neutral-l1",children:[e.jsx(r.ScrollAreaViewport,{className:"mds:h-full mds:relative mds:z-10 mds:pb-6  mds:w-full mds:pr-10 ",children:e.jsx("div",{className:t.cn("mds:flex mds:w-200  mds:items-center mds:gap-8 mds:*:w-full ",d),"data-slot":"text-editor-menu-bar",ref:l,...m})}),e.jsx(r.ScrollAreaScrollbar,{orientation:"horizontal",className:" mds:flex mds:select-none mds:cursor-move mds:touch-none mds:p-2 mds:flex-col mds:h-10 mds:hover:bg-border-interactive-neutral-hover",children:e.jsx(r.ScrollAreaThumb,{className:"mds:flex-1 mds:bg-border-interactive-neutral-inverse-hover mds:rounded-10 mds:relative mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44"})}),e.jsx(r.ScrollAreaCorner,{className:" mds:bg-red-300"})]}));s.displayName="TextEditorMenuBar";exports.TextEditorMenuBar=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),r=require("./index-BgzojN8c.cjs"),t=require("./utils-BJ1u234q.cjs"),s=l.forwardRef(({className:d,...m},o)=>e.jsxs(r.ScrollArea,{className:" mds:overflow-hidden mds:z-10 mds:p-6 mds:m-6 mds:mb-0 mds:rounded-full mds:border mds:border-border-interactive-primary mds:bg-surface-neutral-l1",children:[e.jsx(r.ScrollAreaViewport,{className:"mds:h-full mds:relative mds:z-10 mds:pb-6  mds:w-full mds:pr-10 ",children:e.jsx("div",{className:t.cn("mds:flex mds:w-200  mds:items-center mds:gap-8 mds:*:w-full ",d),"data-slot":"text-editor-menu-bar",ref:o,...m})}),e.jsx(r.ScrollAreaScrollbar,{orientation:"horizontal",className:" mds:flex mds:select-none mds:cursor-move mds:touch-none mds:p-2 mds:flex-col mds:h-10 mds:hover:bg-border-interactive-primary-hover",children:e.jsx(r.ScrollAreaThumb,{className:"mds:flex-1 mds:bg-border-interactive-primary-inverse-hover mds:rounded-10 mds:relative mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44"})}),e.jsx(r.ScrollAreaCorner,{className:" mds:bg-red-300"})]}));s.displayName="TextEditorMenuBar";exports.TextEditorMenuBar=s;

package/dist/mainstack-design-system510.js

@@ -1,11 +1,11 @@
 'use client';
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
-import { S as l, a, b as t, c as n, d as i } from "./index-CLUgda6x.js";
+import { S as a, a as l, b as t, c as i, d as n } from "./index-CLUgda6x.js";
 import { c } from "./utils-DH-0D-9U.js";
 const f = o(
-  ({ className: r, ...s }, d) => /* @__PURE__ */ m(l, { className: " mds:overflow-hidden mds:z-10 mds:p-6 mds:m-6 mds:mb-0 mds:rounded-full mds:border mds:border-border-interactive-neutral mds:bg-surface-neutral-l1", children: [
-    /* @__PURE__ */ e(a, { className: "mds:h-full mds:relative mds:z-10 mds:pb-6  mds:w-full mds:pr-10 ", children: /* @__PURE__ */ e(
+  ({ className: r, ...s }, m) => /* @__PURE__ */ d(a, { className: " mds:overflow-hidden mds:z-10 mds:p-6 mds:m-6 mds:mb-0 mds:rounded-full mds:border mds:border-border-interactive-primary mds:bg-surface-neutral-l1", children: [
+    /* @__PURE__ */ e(l, { className: "mds:h-full mds:relative mds:z-10 mds:pb-6  mds:w-full mds:pr-10 ", children: /* @__PURE__ */ e(
       "div",
       {
         className: c(
@@ -13,7 +13,7 @@ const f = o(
           r
         ),
         "data-slot": "text-editor-menu-bar",
-        ref: d,
+        ref: m,
         ...s
       }
     ) }),
@@ -21,11 +21,11 @@ const f = o(
       t,
       {
         orientation: "horizontal",
-        className: " mds:flex mds:select-none mds:cursor-move mds:touch-none mds:p-2 mds:flex-col mds:h-10 mds:hover:bg-border-interactive-neutral-hover",
-        children: /* @__PURE__ */ e(n, { className: "mds:flex-1 mds:bg-border-interactive-neutral-inverse-hover mds:rounded-10 mds:relative mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44" })
+        className: " mds:flex mds:select-none mds:cursor-move mds:touch-none mds:p-2 mds:flex-col mds:h-10 mds:hover:bg-border-interactive-primary-hover",
+        children: /* @__PURE__ */ e(i, { className: "mds:flex-1 mds:bg-border-interactive-primary-inverse-hover mds:rounded-10 mds:relative mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44" })
       }
     ),
-    /* @__PURE__ */ e(i, { className: " mds:bg-red-300" })
+    /* @__PURE__ */ e(n, { className: " mds:bg-red-300" })
   ] })
 );
 f.displayName = "TextEditorMenuBar";

package/dist/mainstack-design-system513.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("./utils-BJ1u234q.cjs"),s=({className:r,...t})=>e.jsxs("span",{"data-slot":"tile-checkbox",className:"mds:flex mds:items-start",children:[e.jsx("input",{type:"checkbox",className:"mds:peer mds:sr-only",...t}),e.jsx("span",{className:d.cn("mds:h-18 mds:w-18 mds:rounded-6 mds:border mds:text-neutral-50 mds:border-border-interactive-neutral-hover mds:flex mds:items-center mds:justify-center","mds:peer-checked:bg-primary mds:peer-checked:border-none",r),children:"✓"})]});s.displayName="TileCheckbox";exports.TileCheckbox=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./utils-BJ1u234q.cjs"),s=({className:r,...d})=>e.jsxs("span",{"data-slot":"tile-checkbox",className:"mds:flex mds:items-start",children:[e.jsx("input",{type:"checkbox",className:"mds:peer mds:sr-only",...d}),e.jsx("span",{className:t.cn("mds:h-18 mds:w-18 mds:rounded-6 mds:border mds:text-neutral-50 mds:border-border-interactive-primary-hover mds:flex mds:items-center mds:justify-center","mds:peer-checked:bg-primary mds:peer-checked:border-none",r),children:"✓"})]});s.displayName="TileCheckbox";exports.TileCheckbox=s;

package/dist/mainstack-design-system513.js

@@ -6,7 +6,7 @@ const t = ({ className: s, ...r }) => /* @__PURE__ */ d("span", { "data-slot": "
     "span",
     {
       className: m(
-        "mds:h-18 mds:w-18 mds:rounded-6 mds:border mds:text-neutral-50 mds:border-border-interactive-neutral-hover mds:flex mds:items-center mds:justify-center",
+        "mds:h-18 mds:w-18 mds:rounded-6 mds:border mds:text-neutral-50 mds:border-border-interactive-primary-hover mds:flex mds:items-center mds:justify-center",
         "mds:peer-checked:bg-primary mds:peer-checked:border-none",
         s
       ),

package/dist/mainstack-design-system526.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),g=require("react");require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");const R=require("./mainstack-design-system405.cjs"),f=require("./mainstack-design-system612.cjs"),q=require("./utils-BJ1u234q.cjs"),o=g.forwardRef(({onClick:t,className:i,actionData:e,...u},a)=>{const{activeMenu:s,onOpenChange:n,closeOnRangeSelect:c,onValueChange:r,setActiveMenu:d}=f.useDateRangeContext();return m.jsx(R.Button,{"data-slot":"date-range-menu-action",ref:a,variant:"outline",rounded:"sm",size:"sm","data-active":e.id===s,className:q.cn("mds:data-[active=true]:outline-2 mds:data-[active=true]:outline-border-interactive-neutral-pressed",i),onClick:l=>{t&&t(l),d(e?.id),r&&r({from:e.from,to:e.to,menuAction:e}),c&&n&&n(!1)},...u})});o.displayName="DateRangeMenuAction";exports.DateRangeMenuAction=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),g=require("react");require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");const R=require("./mainstack-design-system405.cjs"),f=require("./mainstack-design-system612.cjs"),q=require("./utils-BJ1u234q.cjs"),i=g.forwardRef(({onClick:t,className:o,actionData:e,...u},a)=>{const{activeMenu:s,onOpenChange:n,closeOnRangeSelect:c,onValueChange:r,setActiveMenu:d}=f.useDateRangeContext();return m.jsx(R.Button,{"data-slot":"date-range-menu-action",ref:a,variant:"outline",rounded:"sm",size:"sm","data-active":e.id===s,className:q.cn("mds:data-[active=true]:outline-2 mds:data-[active=true]:outline-border-interactive-primary-pressed",o),onClick:l=>{t&&t(l),d(e?.id),r&&r({from:e.from,to:e.to,menuAction:e}),c&&n&&n(!1)},...u})});i.displayName="DateRangeMenuAction";exports.DateRangeMenuAction=i;

package/dist/mainstack-design-system526.js

@@ -1,32 +1,32 @@
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
 import "./mainstack-design-system401.js";
 import "./mainstack-design-system402.js";
 import "./mainstack-design-system403.js";
 import "./mainstack-design-system404.js";
-import { Button as p } from "./mainstack-design-system405.js";
+import { Button as f } from "./mainstack-design-system405.js";
 import { useDateRangeContext as l } from "./mainstack-design-system612.js";
 import { c as g } from "./utils-DH-0D-9U.js";
-const v = f(
-  ({ onClick: t, className: n, actionData: e, ...i }, a) => {
+const v = c(
+  ({ onClick: t, className: n, actionData: e, ...i }, m) => {
     const {
-      activeMenu: m,
+      activeMenu: a,
       onOpenChange: o,
       closeOnRangeSelect: s,
       onValueChange: r,
       setActiveMenu: u
     } = l();
-    return /* @__PURE__ */ c(
-      p,
+    return /* @__PURE__ */ p(
+      f,
       {
         "data-slot": "date-range-menu-action",
-        ref: a,
+        ref: m,
         variant: "outline",
         rounded: "sm",
         size: "sm",
-        "data-active": e.id === m,
+        "data-active": e.id === a,
         className: g(
-          "mds:data-[active=true]:outline-2 mds:data-[active=true]:outline-border-interactive-neutral-pressed",
+          "mds:data-[active=true]:outline-2 mds:data-[active=true]:outline-border-interactive-primary-pressed",
           n
         ),
         onClick: (d) => {

package/dist/mainstack-design-system527.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),i=require("./utils-BJ1u234q.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system613.cjs");const l=require("./mainstack-design-system630.cjs"),p=require("./mainstack-design-system540.cjs"),v=require("./mainstack-design-system628.cjs");require("./mainstack-design-system542.cjs");const r=n.forwardRef(({children:o,className:s,...a},t)=>e.jsxs(v.ResponsivePopoverDrawerPortal,{children:[e.jsx(l.ResponsivePopoverDrawerContent,{sideOffset:6,"data-slot":"date-range-portal",role:"listbox",className:i.cn("mds:flex mds:flex-col mds:gap-16 mds:bg-surface-neutral-l1 z-100 mds:rounded-20 mds:p-16 mds:border mds:border-border-interactive-neutral mds:shadow-600 mds:min-[900px]:p-24",s),ref:t,...a,children:o}),e.jsx(p.ResponsivePopoverDrawerOverlay,{})]}));r.displayName="DateRangePortal";exports.DateRangePortal=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),i=require("./utils-BJ1u234q.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system613.cjs");const p=require("./mainstack-design-system630.cjs"),l=require("./mainstack-design-system540.cjs"),v=require("./mainstack-design-system628.cjs");require("./mainstack-design-system542.cjs");const r=n.forwardRef(({children:o,className:s,...a},t)=>e.jsxs(v.ResponsivePopoverDrawerPortal,{children:[e.jsx(p.ResponsivePopoverDrawerContent,{sideOffset:6,"data-slot":"date-range-portal",role:"listbox",className:i.cn("mds:flex mds:flex-col mds:gap-16 mds:bg-surface-neutral-l1 z-100 mds:rounded-20 mds:p-16 mds:border mds:border-border-interactive-primary mds:shadow-600 mds:min-[900px]:p-24",s),ref:t,...a,children:o}),e.jsx(l.ResponsivePopoverDrawerOverlay,{})]}));r.displayName="DateRangePortal";exports.DateRangePortal=r;

package/dist/mainstack-design-system527.js

@@ -1,26 +1,26 @@
 'use client';
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { c as d } from "./utils-DH-0D-9U.js";
+import { forwardRef as t } from "react";
+import { c as p } from "./utils-DH-0D-9U.js";
 import "./index-eeqUt-Tb.js";
 import "./mainstack-design-system613.js";
-import { ResponsivePopoverDrawerContent as p } from "./mainstack-design-system630.js";
+import { ResponsivePopoverDrawerContent as d } from "./mainstack-design-system630.js";
 import { ResponsivePopoverDrawerOverlay as i } from "./mainstack-design-system540.js";
 import { ResponsivePopoverDrawerPortal as l } from "./mainstack-design-system628.js";
 import "./mainstack-design-system542.js";
-const n = m(
-  ({ children: o, className: e, ...s }, t) => /* @__PURE__ */ a(l, { children: [
+const n = t(
+  ({ children: o, className: e, ...s }, m) => /* @__PURE__ */ a(l, { children: [
     /* @__PURE__ */ r(
-      p,
+      d,
       {
         sideOffset: 6,
         "data-slot": "date-range-portal",
         role: "listbox",
-        className: d(
-          "mds:flex mds:flex-col mds:gap-16 mds:bg-surface-neutral-l1 z-100 mds:rounded-20 mds:p-16 mds:border mds:border-border-interactive-neutral mds:shadow-600 mds:min-[900px]:p-24",
+        className: p(
+          "mds:flex mds:flex-col mds:gap-16 mds:bg-surface-neutral-l1 z-100 mds:rounded-20 mds:p-16 mds:border mds:border-border-interactive-primary mds:shadow-600 mds:min-[900px]:p-24",
           e
         ),
-        ref: t,
+        ref: m,
         ...s,
         children: o
       }

package/dist/mainstack-design-system533.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("./index-4R9KShCu.cjs"),m=require("react"),u=require("./utils-BJ1u234q.cjs"),p=require("./mainstack-design-system614.cjs"),n=m.forwardRef(({children:s,onWheel:t,onTouchMove:r,className:d,...i},c)=>{const{open:l}=p.useDatePickerContext();return a.jsx(o.PopoverPortal,{children:a.jsx(o.PopoverContent,{"data-slot":"date-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":l,className:u.cn(" 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 ",d),onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},ref:c,...i,children:s})})});n.displayName="DatePickerPortal";exports.DatePickerPortal=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("./index-4R9KShCu.cjs"),m=require("react"),p=require("./utils-BJ1u234q.cjs"),u=require("./mainstack-design-system614.cjs"),s=m.forwardRef(({children:n,onWheel:t,onTouchMove:r,className:i,...d},c)=>{const{open:l}=u.useDatePickerContext();return a.jsx(o.PopoverPortal,{children:a.jsx(o.PopoverContent,{"data-slot":"date-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":l,className:p.cn(" 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 ",i),onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},ref:c,...d,children:n})})});s.displayName="DatePickerPortal";exports.DatePickerPortal=s;

package/dist/mainstack-design-system533.js

@@ -1,38 +1,38 @@
 'use client';
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { b as i, c as p } from "./index-RoCFhqzC.js";
 import { forwardRef as c } from "react";
-import { c as l } from "./utils-DH-0D-9U.js";
-import { useDatePickerContext as f } from "./mainstack-design-system614.js";
+import { c as f } from "./utils-DH-0D-9U.js";
+import { useDatePickerContext as l } from "./mainstack-design-system614.js";
 const P = c(
   ({
-    children: a,
-    onWheel: o,
-    onTouchMove: e,
+    children: e,
+    onWheel: r,
+    onTouchMove: t,
     className: s,
     ...d
-  }, n) => {
-    const { open: m } = f();
-    return /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(
+  }, m) => {
+    const { open: n } = l();
+    return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ a(
       p,
       {
         "data-slot": "date-picker-portal",
         role: "listbox",
         sideOffset: 6,
-        "data-date-picker-calendar-opened": m,
-        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 ",
+        "data-date-picker-calendar-opened": n,
+        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 ",
           s
         ),
-        onWheel: (t) => {
-          t.stopPropagation(), o && o(t);
+        onWheel: (o) => {
+          o.stopPropagation(), r && r(o);
         },
-        onTouchMove: (t) => {
-          t.stopPropagation(), e && e(t);
+        onTouchMove: (o) => {
+          o.stopPropagation(), t && t(o);
         },
-        ref: n,
+        ref: m,
         ...d,
-        children: a
+        children: e
       }
     ) });
   }

package/dist/mainstack-design-system537.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("./index-4R9KShCu.cjs"),l=require("react"),u=require("./utils-BJ1u234q.cjs"),p=require("./mainstack-design-system615.cjs"),a=l.forwardRef(({children:n,onWheel:t,onTouchMove:r,className:s,...d},c)=>{const{open:m}=p.useTimePickerContext();return o.jsx(i.PopoverPortal,{children:o.jsx(i.PopoverContent,{"data-slot":"time-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":m,className:u.cn(" 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),ref:c,onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},...d,children:n})})});a.displayName="TimePickerPortal";exports.TimePickerPortal=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("./index-4R9KShCu.cjs"),l=require("react"),p=require("./utils-BJ1u234q.cjs"),u=require("./mainstack-design-system615.cjs"),a=l.forwardRef(({children:s,onWheel:t,onTouchMove:r,className:n,...d},c)=>{const{open:m}=u.useTimePickerContext();return o.jsx(i.PopoverPortal,{children:o.jsx(i.PopoverContent,{"data-slot":"time-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":m,className:p.cn(" 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 ",n),ref:c,onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},...d,children:s})})});a.displayName="TimePickerPortal";exports.TimePickerPortal=a;