mainstack-design-system 1.19.1 → 1.19.3

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-system477.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("./index-C8aODXfJ.cjs"),D=require("./index-4R9KShCu.cjs"),n=require("react"),I=require("./mainstack-design-system606.cjs"),y=require("./mainstack-design-system607.cjs"),b=n.forwardRef(({isDisabled:x,isError:C,isMultiSelect:s=!1,isSuccess:d,children:h,value:e,defaultValue:p,inputReadOnly:j,isCreatableSelect:q,options:u=[],isOptionOpen:A,onOptionOpenChange:P,onValueChange:f,onOptionSelect:R},r)=>{const O=n.useRef(null),[t,_]=n.useState(y.parseSelectOptions(u)),[i,v]=m.useControllableState({prop:e,defaultProp:y.mapDefaultValuesToSelectedOption({isMultiSelect:s,defaultValue:p,options:u}),onChange:f}),[E,l]=n.useState(()=>typeof e=="string"?t.map.get(e)?.label||"":typeof p=="string"&&t.map.get(p)?.label||""),[c,g]=m.useControllableState({prop:A,defaultProp:!1,onChange:P}),[T,S]=n.useState("idle");return n.useEffect(()=>{s||Array.isArray(e)||l(t.map.get(e)?.label||"")},[s,t.map,e]),a.jsx(I.SelectContext.Provider,{value:{defaultValue:p,options:t,selectedOption:i,isOptionOpen:c,isDisabled:x,isError:C,isMultiSelect:s,isSuccess:d,inputValue:E,inputReadOnly:j,previousAction:T,isCreatableSelect:q,rootElementRef:O,setOptions:_,setPreviousAction:S,setInputValue:l,setSelectedOption:v,onOptionOpenChange:g,onValueChange:f,onOptionSelect:R},children:a.jsx(D.Popover,{open:c,onOpenChange:o=>{console.log("open",o,c),g(c),i&&!Array.isArray(i)&&!o&&(l(t.map.get(i)?.label||""),S("selection"))},children:a.jsx("div",{ref:o=>{O.current=o,typeof r=="function"?r(o):typeof r=="object"&&r?.current&&(r.current=o)},"data-slot":"select-root",children:h})})})});b.displayName="SelectRoot";exports.SelectRoot=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),m=require("./index-C8aODXfJ.cjs"),D=require("./index-4R9KShCu.cjs"),n=require("react"),I=require("./mainstack-design-system606.cjs"),y=require("./mainstack-design-system607.cjs"),b=n.forwardRef(({isDisabled:x,isError:C,isMultiSelect:s=!1,isSuccess:d,children:h,value:e,defaultValue:i,inputReadOnly:j,isCreatableSelect:q,options:a=[],isOptionOpen:A,onOptionOpenChange:P,onValueChange:u,onOptionSelect:R},r)=>{const f=n.useRef(null),[t,_]=n.useState(y.parseSelectOptions(a)),[p,v]=m.useControllableState({prop:e,defaultProp:y.mapDefaultValuesToSelectedOption({isMultiSelect:s,defaultValue:i,options:a}),onChange:u}),[E,c]=n.useState(()=>typeof e=="string"?t.map.get(e)?.label||"":typeof i=="string"&&t.map.get(i)?.label||""),[O,S]=m.useControllableState({prop:A,defaultProp:!1,onChange:P}),[T,g]=n.useState("idle");return n.useEffect(()=>{s||Array.isArray(e)||c(t.map.get(e)?.label||"")},[s,t.map,e]),l.jsx(I.SelectContext.Provider,{value:{defaultValue:i,options:t,selectedOption:p,isOptionOpen:O,isDisabled:x,isError:C,isMultiSelect:s,isSuccess:d,inputValue:E,inputReadOnly:j,previousAction:T,isCreatableSelect:q,rootElementRef:f,setOptions:_,setPreviousAction:g,setInputValue:c,setSelectedOption:v,onOptionOpenChange:S,onValueChange:u,onOptionSelect:R},children:l.jsx(D.Popover,{open:O,onOpenChange:o=>{S(o),p&&!Array.isArray(p)&&!o&&(c(t.map.get(p)?.label||""),g("selection"))},children:l.jsx("div",{ref:o=>{f.current=o,typeof r=="function"?r(o):typeof r=="object"&&r?.current&&(r.current=o)},"data-slot":"select-root",children:h})})})});b.displayName="SelectRoot";exports.SelectRoot=b;

package/dist/mainstack-design-system477.js

@@ -1,8 +1,8 @@
 'use client';
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { u as y } from "./index-437EL2iq.js";
 import { P as I } from "./index-RoCFhqzC.js";
-import { forwardRef as N, useRef as T, useState as a, useEffect as k } from "react";
+import { forwardRef as N, useRef as T, useState as c, useEffect as k } from "react";
 import { SelectContext as q } from "./mainstack-design-system606.js";
 import { parseSelectOptions as z, mapDefaultValuesToSelectedOption as B } from "./mainstack-design-system607.js";
 const F = N(
@@ -12,41 +12,41 @@ const F = N(
     isMultiSelect: r = !1,
     isSuccess: A,
     children: C,
-    value: o,
+    value: t,
     defaultValue: p,
     inputReadOnly: P,
     isCreatableSelect: S,
-    options: m = [],
+    options: l = [],
     isOptionOpen: x,
     onOptionOpenChange: d,
-    onValueChange: f,
+    onValueChange: m,
     onOptionSelect: j
   }, n) => {
-    const O = T(null), [t, E] = a(
-      z(m)
-    ), [s, R] = y({
-      prop: o,
+    const f = T(null), [o, E] = c(
+      z(l)
+    ), [i, R] = y({
+      prop: t,
       defaultProp: B({
         isMultiSelect: r,
         defaultValue: p,
-        options: m
+        options: l
       }),
-      onChange: f
-    }), [v, l] = a(() => typeof o == "string" ? t.map.get(o)?.label || "" : typeof p == "string" && t.map.get(p)?.label || ""), [i, g] = y({
+      onChange: m
+    }), [v, s] = c(() => typeof t == "string" ? o.map.get(t)?.label || "" : typeof p == "string" && o.map.get(p)?.label || ""), [O, u] = y({
       prop: x,
       defaultProp: !1,
       onChange: d
-    }), [D, u] = a("idle");
+    }), [D, g] = c("idle");
     return k(() => {
-      r || Array.isArray(o) || l(t.map.get(o)?.label || "");
-    }, [r, t.map, o]), /* @__PURE__ */ c(
+      r || Array.isArray(t) || s(o.map.get(t)?.label || "");
+    }, [r, o.map, t]), /* @__PURE__ */ a(
       q.Provider,
       {
         value: {
           defaultValue: p,
-          options: t,
-          selectedOption: s,
-          isOptionOpen: i,
+          options: o,
+          selectedOption: i,
+          isOptionOpen: O,
           isDisabled: b,
           isError: h,
           isMultiSelect: r,
@@ -55,27 +55,27 @@ const F = N(
           inputReadOnly: P,
           previousAction: D,
           isCreatableSelect: S,
-          rootElementRef: O,
+          rootElementRef: f,
           setOptions: E,
-          setPreviousAction: u,
-          setInputValue: l,
+          setPreviousAction: g,
+          setInputValue: s,
           setSelectedOption: R,
-          onOptionOpenChange: g,
-          onValueChange: f,
+          onOptionOpenChange: u,
+          onValueChange: m,
           onOptionSelect: j
         },
-        children: /* @__PURE__ */ c(
+        children: /* @__PURE__ */ a(
           I,
           {
-            open: i,
+            open: O,
             onOpenChange: (e) => {
-              console.log("open", e, i), g(i), s && !Array.isArray(s) && !e && (l(t.map.get(s)?.label || ""), u("selection"));
+              u(e), i && !Array.isArray(i) && !e && (s(o.map.get(i)?.label || ""), g("selection"));
             },
-            children: /* @__PURE__ */ c(
+            children: /* @__PURE__ */ a(
               "div",
               {
                 ref: (e) => {
-                  O.current = e, typeof n == "function" ? n(e) : typeof n == "object" && n?.current && (n.current = e);
+                  f.current = e, typeof n == "function" ? n(e) : typeof n == "object" && n?.current && (n.current = e);
                 },
                 "data-slot": "select-root",
                 children: C

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-system481.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),S=require("react"),N=require("./utils-BJ1u234q.cjs"),P=require("./mainstack-design-system606.cjs"),x=S.forwardRef(({value:e="",className:A,isGroupLabel:g,isDisabled:d,isCreatableOption:h,onClick:l,..._},I)=>{const{isOptionOpen:q,isMultiSelect:r,selectedOption:s,rootElementRef:p,isCreatableSelect:w,options:m,setOptions:C,setPreviousAction:j,setInputValue:f,onValueChange:n,onOptionSelect:o,onOptionOpenChange:R,setSelectedOption:u}=P.useSelectContext(),y=S.useMemo(()=>r&&Array.isArray(s)?s?.some(c=>e===c):!r&&!Array.isArray(s)?s===e:!1,[r,s,e]);return O.jsx("div",{"aria-disabled":d,className:" mds:aria-disabled:cursor-not-allowed",children:O.jsx("div",{role:"button","data-slot":"select-option-item",tabIndex:0,className:N.cn("mds:body-extrasmall-medium","mds:py-8 mds:px-10 mds:cursor-pointer mds:text-left mds:rounded-12 mds:aria-selected:bg-interactive-secondary-hover mds:aria-disabled:pointer-events-none mds:aria-disabled:opacity-40 mds:hover:bg-interactive-secondary-hover",A),"aria-selected":y,"data-select-options-opened":q,ref:I,"aria-disabled":d||g,onClick:c=>{if(l&&l(c),!e)return;j("selection");let i=m;if(h&&w&&!i.map.has(e)){i={...m};const t={value:e,label:e};i.array.push(t),i.map.set(t.value,t),C(i)}if(r){let t=s;if(Array.isArray(s))if(t=[...s],y){const a=t.findIndex(M=>M===e);a>-1&&t.splice(a,1)}else t.push(e);else t=[e];if(u(t),f(""),Array.isArray(t)&&n&&n(t),Array.isArray(t)&&o&&o(t.map(a=>i.map.get(a))),!p.current)return null;const b=p.current.querySelector('[data-slot="select-input-field"]');b&&b.focus()}else n&&e&&n(e),o&&e&&o(i.map.get(e)),f(i.map.get(e)?.label||""),u(e),R(!1)},..._})})});x.displayName="SelectOptionItem";exports.SelectOptionItem=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),x=require("react"),N=require("./utils-BJ1u234q.cjs"),P=require("./mainstack-design-system606.cjs"),A=x.forwardRef(({value:e="",className:g,isGroupLabel:h,isDisabled:d,isCreatableOption:_,onClick:l,...I},q)=>{const{isOptionOpen:w,isMultiSelect:r,selectedOption:s,rootElementRef:p,isCreatableSelect:C,options:m,setOptions:j,setPreviousAction:R,setInputValue:f,onValueChange:n,onOptionSelect:o,onOptionOpenChange:u,setSelectedOption:y}=P.useSelectContext(),b=x.useMemo(()=>r&&Array.isArray(s)?s?.some(c=>e===c):!r&&!Array.isArray(s)?s===e:!1,[r,s,e]);return S.jsx("div",{"aria-disabled":d,className:" mds:aria-disabled:cursor-not-allowed",children:S.jsx("div",{role:"button","data-slot":"select-option-item",tabIndex:0,className:N.cn("mds:body-extrasmall-medium","mds:py-8 mds:px-10 mds:cursor-pointer mds:text-left mds:rounded-12 mds:aria-selected:bg-interactive-secondary-hover mds:aria-disabled:pointer-events-none mds:aria-disabled:opacity-40 mds:hover:bg-interactive-secondary-hover",g),"aria-selected":b,"data-select-options-opened":w,ref:q,"aria-disabled":d||h,onClick:c=>{if(l&&l(c),!e)return;R("selection");let i=m;if(_&&C&&!i.map.has(e)){i={...m};const t={value:e,label:e};i.array.push(t),i.map.set(t.value,t),j(i)}if(r){let t=s;if(Array.isArray(s))if(t=[...s],b){const a=t.findIndex(M=>M===e);a>-1&&t.splice(a,1)}else t.push(e);else t=[e];if(y(t),f(""),Array.isArray(t)&&n&&n(t),Array.isArray(t)&&o&&o(t.map(a=>i.map.get(a))),!p.current)return null;const O=p.current.querySelector('[data-slot="select-input-field"]');O&&(O.focus(),u(!0))}else n&&e&&n(e),o&&e&&o(i.map.get(e)),f(i.map.get(e)?.label||""),y(e),u(!1)},...I})})});A.displayName="SelectOptionItem";exports.SelectOptionItem=A;

package/dist/mainstack-design-system481.js

@@ -1,39 +1,39 @@
 'use client';
-import { jsx as O } from "react/jsx-runtime";
+import { jsx as A } from "react/jsx-runtime";
 import { forwardRef as R, useMemo as V } from "react";
 import { c as j } from "./utils-DH-0D-9U.js";
 import { useSelectContext as q } from "./mainstack-design-system606.js";
 const E = R(
   ({
     value: e = "",
-    className: A,
-    isGroupLabel: h,
+    className: h,
+    isGroupLabel: x,
     isDisabled: p,
-    isCreatableOption: x,
+    isCreatableOption: S,
     onClick: c,
-    ...S
-  }, g) => {
+    ...g
+  }, w) => {
     const {
-      isOptionOpen: w,
+      isOptionOpen: I,
       isMultiSelect: s,
       selectedOption: r,
       rootElementRef: l,
-      isCreatableSelect: I,
+      isCreatableSelect: C,
       options: m,
-      setOptions: C,
-      setPreviousAction: _,
+      setOptions: _,
+      setPreviousAction: N,
       setInputValue: f,
       onValueChange: o,
       onOptionSelect: n,
-      onOptionOpenChange: N,
-      setSelectedOption: y
-    } = q(), u = V(() => s && Array.isArray(r) ? r?.some((d) => e === d) : !s && !Array.isArray(r) ? r === e : !1, [s, r, e]);
-    return /* @__PURE__ */ O(
+      onOptionOpenChange: y,
+      setSelectedOption: u
+    } = q(), b = V(() => s && Array.isArray(r) ? r?.some((d) => e === d) : !s && !Array.isArray(r) ? r === e : !1, [s, r, e]);
+    return /* @__PURE__ */ A(
       "div",
       {
         "aria-disabled": p,
         className: " mds:aria-disabled:cursor-not-allowed",
-        children: /* @__PURE__ */ O(
+        children: /* @__PURE__ */ A(
           "div",
           {
             role: "button",
@@ -42,46 +42,46 @@ const E = R(
             className: j(
               "mds:body-extrasmall-medium",
               "mds:py-8 mds:px-10 mds:cursor-pointer mds:text-left mds:rounded-12 mds:aria-selected:bg-interactive-secondary-hover mds:aria-disabled:pointer-events-none mds:aria-disabled:opacity-40 mds:hover:bg-interactive-secondary-hover",
-              A
+              h
             ),
-            "aria-selected": u,
-            "data-select-options-opened": w,
-            ref: g,
-            "aria-disabled": p || h,
+            "aria-selected": b,
+            "data-select-options-opened": I,
+            ref: w,
+            "aria-disabled": p || x,
             onClick: (d) => {
               if (c && c(d), !e)
                 return;
-              _("selection");
+              N("selection");
               let i = m;
-              if (x && I && !i.map.has(e)) {
+              if (S && C && !i.map.has(e)) {
                 i = { ...m };
                 const t = {
                   value: e,
                   label: e
                 };
-                i.array.push(t), i.map.set(t.value, t), C(i);
+                i.array.push(t), i.map.set(t.value, t), _(i);
               }
               if (s) {
                 let t = r;
                 if (Array.isArray(r))
-                  if (t = [...r], u) {
+                  if (t = [...r], b) {
                     const a = t.findIndex((M) => M === e);
                     a > -1 && t.splice(a, 1);
                   } else
                     t.push(e);
                 else
                   t = [e];
-                if (y(t), f(""), Array.isArray(t) && o && o(t), Array.isArray(t) && n && n(
+                if (u(t), f(""), Array.isArray(t) && o && o(t), Array.isArray(t) && n && n(
                   t.map((a) => i.map.get(a))
                 ), !l.current) return null;
-                const b = l.current.querySelector(
+                const O = l.current.querySelector(
                   '[data-slot="select-input-field"]'
                 );
-                b && b.focus();
+                O && (O.focus(), y(!0));
               } else
-                o && e && o(e), n && e && n(i.map.get(e)), f(i.map.get(e)?.label || ""), y(e), N(!1);
+                o && e && o(e), n && e && n(i.map.get(e)), f(i.map.get(e)?.label || ""), u(e), y(!1);
             },
-            ...S
+            ...g
           }
         )
       }

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;