mainstack-design-system 1.14.3 → 1.15.0

package/dist/mainstack-design-system496.js

@@ -1,24 +1,35 @@
 'use client';
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { c as n } from "./utils-D85wpvmd.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",
-    {
-      "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
-      ),
-      ref: d,
-      ...o
-    }
-  )
+import "./mainstack-design-system366.js";
+import n from "./mainstack-design-system110.js";
+import "./player-DtDfxekb.js";
+import { u as a, a as c } from "./index-B4CcnNBi.js";
+import { TextEditorMenuAction as m } from "./mainstack-design-system505.js";
+const u = s(
+  ({ ...i }, d) => {
+    const { editor: o } = a(), t = c({
+      editor: o,
+      selector: (e) => e.editor ? {
+        isCode: e.editor.isActive("code") || !1,
+        canCode: e.editor.can().chain().toggleCode().run() || !1
+      } : {}
+    });
+    return /* @__PURE__ */ r(
+      m,
+      {
+        isActive: t?.isCode,
+        onClick: () => o?.chain().focus().toggleCode().run(),
+        disabled: !t?.canCode,
+        "data-slot": "text-editor-code-menu",
+        ref: d,
+        ...i,
+        children: /* @__PURE__ */ r(n, { className: "mds:size-16" })
+      }
+    );
+  }
 );
-i.displayName = "TextEditorMenuAction";
+u.displayName = "CodeMenu";
 export {
-  i as TextEditorMenuAction
+  u as CodeMenu
 };

package/dist/mainstack-design-system497.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-system357.cjs");const x=require("./mainstack-design-system153.cjs");require("./player-BBiZ5mNK.cjs");const r=require("./utils-Bdd5vx6a.cjs"),o=require("./index-CflNvP-u.cjs"),i=require("./index-B43IDo7j.cjs"),a=require("./mainstack-design-system496.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 r=require("react/jsx-runtime"),c=require("react"),o=require("./index-DmXSO_B1.cjs"),s=require("./utils-Dp-J9Ksy.cjs"),l=require("./mainstack-design-system505.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;

package/dist/mainstack-design-system497.js

@@ -1,151 +1,47 @@
 'use client';
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import "./mainstack-design-system357.js";
-import h from "./mainstack-design-system153.js";
-import "./player-Cs7wtvrg.js";
-import { c as a } from "./utils-D85wpvmd.js";
-import { u as p, a as v } from "./index-Ic3e2lng.js";
-import { D as f, a as H, b, c as y, d as n, e as A } from "./index-BgRpW4T4.js";
-import { TextEditorMenuAction as r } from "./mainstack-design-system496.js";
-const C = u(
-  ({ className: o, ...t }, m) => {
-    const { editor: i } = p(), d = v({
-      editor: i,
-      selector: (s) => {
-        if (!s.editor) return {};
-        const c = [1, 2, 3, 4, 5, 6].find(
-          (g) => i?.isActive("heading", { level: g })
-        );
-        return {
-          isParagraph: s.editor.isActive("paragraph") || !1,
-          isHeading1: s.editor.isActive("heading", { level: 1 }) || !1,
-          isHeading2: s.editor.isActive("heading", { level: 2 }) || !1,
-          isHeading3: s.editor.isActive("heading", { level: 3 }) || !1,
-          isHeading4: s.editor.isActive("heading", { level: 4 }) || !1,
-          isHeading5: s.editor.isActive("heading", { level: 5 }) || !1,
-          isHeading6: s.editor.isActive("heading", { level: 6 }) || !1,
-          canHeadingParagraph: !s.editor.can().chain().toggleHeading({ level: 1 }).run() || !1,
-          activeHeading: c
-        };
-      }
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { u as m, a } from "./index-B4CcnNBi.js";
+import { c as o } from "./utils-BWBRqOem.js";
+import { TextEditorMenuAction as l } from "./mainstack-design-system505.js";
+const c = n(
+  ({ ...s }, d) => {
+    const { editor: t } = m(), i = a({
+      editor: t,
+      selector: (r) => r.editor ? {
+        color: r.editor.getAttributes("textStyle").color
+      } : {}
     });
-    return /* @__PURE__ */ l(f, { children: [
-      /* @__PURE__ */ e(
-        H,
-        {
-          disabled: d?.canHeadingParagraph,
-          asChild: !0,
-          children: /* @__PURE__ */ l(
-            r,
-            {
-              ref: m,
-              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",
-                o
-              ),
-              ...t,
-              children: [
-                /* @__PURE__ */ e("p", { className: "mds:body-tiny-medium", children: d?.activeHeading ? `H${d?.activeHeading}` : "Normal" }),
-                /* @__PURE__ */ e(h, { className: "mds:size-12" })
-              ]
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ l(y, { 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: [
-        /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e(
-          r,
-          {
-            isActive: d?.isHeading1,
-            className: a(
-              "mds:body-large-bold",
-              "mds:py-2 mds:px-6 mds:rounded-8"
-            ),
-            onClick: () => i?.chain().focus().toggleHeading({ level: 1 }).run(),
-            children: "H1"
-          }
-        ) }),
-        /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e(
-          r,
-          {
-            isActive: d?.isHeading2,
-            className: a(
-              "mds:body-medium-bold",
-              "mds:py-2 mds:px-6 mds:rounded-8"
-            ),
-            onClick: () => i?.chain().focus().toggleHeading({ level: 2 }).run(),
-            children: "H2"
-          }
-        ) }),
-        /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e(
-          r,
-          {
-            isActive: d?.isHeading3,
-            className: a(
-              "mds:body-small-bold",
-              "mds:py-2 mds:px-6 mds:rounded-8"
-            ),
-            onClick: () => i?.chain().focus().toggleHeading({ level: 3 }).run(),
-            children: "H3"
-          }
-        ) }),
-        /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e(
-          r,
+    return /* @__PURE__ */ e(
+      l,
+      {
+        "data-slot": "text-editor-color-picker-menu",
+        ref: d,
+        ...s,
+        children: /* @__PURE__ */ e(
+          "div",
           {
-            isActive: d?.isHeading4,
-            className: a(
-              "mds:body-extrasmall-bold",
-              "mds:py-2 mds:px-6 mds:rounded-8"
+            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"
             ),
-            onClick: () => i?.chain().focus().toggleHeading({ level: 4 }).run(),
-            children: "H4"
+            children: /* @__PURE__ */ e(
+              "input",
+              {
+                type: "color",
+                onInput: (r) => t?.chain().focus().setColor(r.currentTarget.value).run(),
+                value: i?.color,
+                className: o(
+                  "mds:size-[200%] mds:cursor-pointer mds:border-0 mds:p-0 mds:-translate-[25%]"
+                )
+              }
+            )
           }
-        ) }),
-        /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e(
-          r,
-          {
-            isActive: d?.isHeading5,
-            className: a(
-              "mds:body-tiny-bold",
-              "mds:py-2 mds:px-6 mds:rounded-8"
-            ),
-            onClick: () => i?.chain().focus().toggleHeading({ level: 5 }).run(),
-            children: "H5"
-          }
-        ) }),
-        /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e(
-          r,
-          {
-            isActive: d?.isHeading6,
-            className: a(
-              "mds:body-extratiny-bold",
-              "mds:py-2 mds:px-6 mds:rounded-8"
-            ),
-            onClick: () => i?.chain().focus().toggleHeading({ level: 6 }).run(),
-            children: "H6"
-          }
-        ) }),
-        /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e(
-          r,
-          {
-            isActive: d?.isParagraph,
-            className: a(
-              "mds:body-overline-bold",
-              "mds:py-2 mds:px-6 mds:rounded-8"
-            ),
-            onClick: () => i?.chain().focus().setParagraph().run(),
-            children: "Normal"
-          }
-        ) }),
-        /* @__PURE__ */ e(A, { className: "mds:fill-surface-neutral-l1 mds:text-surface-neutral-l1" })
-      ] }) })
-    ] });
+        )
+      }
+    );
   }
 );
-C.displayName = "TextSizesMenu";
+c.displayName = "ColorPickerMenu";
 export {
-  C as TextSizesMenu
+  c as ColorPickerMenu
 };

package/dist/mainstack-design-system498.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-system357.cjs");const a=require("./mainstack-design-system172.cjs");require("./player-BBiZ5mNK.cjs");const c=require("./utils-Bdd5vx6a.cjs"),i=require("./index-CflNvP-u.cjs"),m=require("./mainstack-design-system496.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 e=require("react/jsx-runtime"),m=require("react"),s=require("./utils-Dp-J9Ksy.cjs");require("./mainstack-design-system366.cjs");const a=require("./mainstack-design-system305.cjs");require("./player-BoD_1Mo-.cjs");const l=require("./mainstack-design-system610.cjs"),c=require("./mainstack-design-system397.cjs"),t=m.forwardRef(({className:o,...d},n)=>{const{onGenerateWithAi:i,generateWithAiIsLoading:r}=l.useTextEditorContext();return e.jsxs("button",{onClick:i,ref:n,"data-slot":"text-editor-generate-with-ai-menu",disabled:r,"aria-disabled":r,className:s.cn("mds:flex mds:relative mds:cursor-pointer mds:min-w-126 mds:justify-center mds:bg-surface-neutral-l1 mds:items-center mds:gap-4 mds:p-6 mds:pl-10 mds:rounded-full mds:border-solid mds:border-transparent mds:border-1 mds:bg-clip-padding mds:before:content-[''] mds:before:absolute mds:before:top-0 mds:before:right-0 mds:before:left-0 mds:before:bottom-0 mds:before:z-[-1] mds:before:-m-1 mds:before:rounded-full mds:before:bg-linear-[to_right,var(--mds-color-purple-225)_0%,var(--mds-color-azure-275)_30%,var(--mds-color-cobalt-225)_60%,var(--mds-color-persimmon-250)_90%] mds:disabled:cursor-not-allowed  ",o),...d,children:[e.jsx("p",{className:s.cn("mds:body-tiny-medium"," mds:whitespace-nowrap"),children:"Generate with AI"}),r?e.jsx(c.Spinner,{}):e.jsx(a,{className:"mds:size-16 mds:animate-pulse-wiggle "})]})});t.displayName="GenerateWithAiMenu";exports.GenerateWithAiMenu=t;

package/dist/mainstack-design-system498.js

@@ -1,40 +1,37 @@
 'use client';
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import "./mainstack-design-system357.js";
-import a from "./mainstack-design-system172.js";
-import "./player-Cs7wtvrg.js";
-import { c as l } from "./utils-D85wpvmd.js";
-import { u as m, a as c } from "./index-Ic3e2lng.js";
-import { TextEditorMenuAction as u } from "./mainstack-design-system496.js";
-const f = s(
-  ({ className: i, ...o }, d) => {
-    const { editor: r } = m(), n = c({
-      editor: r,
-      selector: (e) => e.editor ? {
-        isUnderline: e.editor.isActive("underline") || !1,
-        canUnderline: e.editor.can().chain().toggleUnderline().run() || !1
-      } : {}
-    });
-    return /* @__PURE__ */ t(
-      u,
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { c as o } from "./utils-BWBRqOem.js";
+import "./mainstack-design-system366.js";
+import n from "./mainstack-design-system305.js";
+import "./player-DtDfxekb.js";
+import { useTextEditorContext as l } from "./mainstack-design-system610.js";
+import { Spinner as p } from "./mainstack-design-system397.js";
+const b = a(
+  ({ className: s, ...d }, m) => {
+    const { onGenerateWithAi: t, generateWithAiIsLoading: e } = l();
+    return /* @__PURE__ */ i(
+      "button",
       {
-        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
+        onClick: t,
+        ref: m,
+        "data-slot": "text-editor-generate-with-ai-menu",
+        disabled: e,
+        "aria-disabled": e,
+        className: o(
+          "mds:flex mds:relative mds:cursor-pointer mds:min-w-126 mds:justify-center mds:bg-surface-neutral-l1 mds:items-center mds:gap-4 mds:p-6 mds:pl-10 mds:rounded-full mds:border-solid mds:border-transparent mds:border-1 mds:bg-clip-padding mds:before:content-[''] mds:before:absolute mds:before:top-0 mds:before:right-0 mds:before:left-0 mds:before:bottom-0 mds:before:z-[-1] mds:before:-m-1 mds:before:rounded-full mds:before:bg-linear-[to_right,var(--mds-color-purple-225)_0%,var(--mds-color-azure-275)_30%,var(--mds-color-cobalt-225)_60%,var(--mds-color-persimmon-250)_90%] mds:disabled:cursor-not-allowed  ",
+          s
         ),
-        onClick: () => r?.chain().focus().toggleUnderline().run(),
-        disabled: !n?.canUnderline,
-        "data-slot": "text-editor-underline-menu",
-        ref: d,
-        ...o,
-        children: /* @__PURE__ */ t(a, { className: "mds:size-16" })
+        ...d,
+        children: [
+          /* @__PURE__ */ r("p", { className: o("mds:body-tiny-medium", " mds:whitespace-nowrap"), children: "Generate with AI" }),
+          e ? /* @__PURE__ */ r(p, {}) : /* @__PURE__ */ r(n, { className: "mds:size-16 mds:animate-pulse-wiggle " })
+        ]
       }
     );
   }
 );
-f.displayName = "UnderlineMenu";
+b.displayName = "GenerateWithAiMenu";
 export {
-  f as UnderlineMenu
+  b as GenerateWithAiMenu
 };

package/dist/mainstack-design-system499.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("react");require("./mainstack-design-system357.cjs");const l=require("./mainstack-design-system169.cjs");require("./player-BBiZ5mNK.cjs");const s=require("./index-CflNvP-u.cjs"),c=require("./mainstack-design-system496.cjs"),n=d.forwardRef(({...o},u)=>{const{editor:t}=s.useCurrentEditor(),r=s.useEditorState({editor:t,selector:e=>e.editor?{isBulletList:e.editor.isActive("bulletList")||!1,canBulletList:!e.editor.can().chain().toggleBulletList().run()||!1}:{}});return i.jsx(c.TextEditorMenuAction,{isActive:r?.isBulletList,disabled:r?.canBulletList,onClick:()=>t?.chain().focus().toggleBulletList().run(),"data-slot":"text-editor-unordered-list-menu",ref:u,...o,children:i.jsx(l,{className:"mds:size-16"})})});n.displayName="UnorderedListMenu";exports.UnorderedListMenu=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react");require("./mainstack-design-system366.cjs");const x=require("./mainstack-design-system241.cjs");require("./player-BoD_1Mo-.cjs");const n=require("./utils-Dp-J9Ksy.cjs"),a=require("./index-DmXSO_B1.cjs"),E=require("./mainstack-design-system505.cjs"),q=require("./mainstack-design-system610.cjs"),c=i.forwardRef(({className:d,...l},u)=>{const{onError:o}=q.useTextEditorContext(),{editor:t}=a.useCurrentEditor(),m=a.useEditorState({editor:t,selector:e=>e.editor?{isImage:t?.isActive("image")}:{}}),f=i.useCallback(e=>{if(e.preventDefault(),e.target.files){const p=e.target.files[0],r=new FileReader;r.onload=()=>{t?.chain().focus().insertContent({type:"image",attrs:{src:r.result}}).run()},r.onerror=g=>{o&&o(g)},r.readAsDataURL(p)}},[t,o]);return s.jsxs(E.TextEditorMenuAction,{isActive:m?.isImage,ref:u,onClick:()=>{},"data-slot":"text-editor-image-upload-menu",className:n.cn("mds:relative",d),...l,children:[s.jsx(x,{className:"mds:size-16"}),s.jsx("input",{className:n.cn("mds:absolute mds:file-selector mds:opacity-0 mds:file:cursor-pointer mds:w-full mds:h-full mds:left-0 mds:top-0"),type:"file",accept:"image/*",onChange:f})]})});c.displayName="ImageUploadMenu";exports.ImageUploadMenu=c;

package/dist/mainstack-design-system499.js

@@ -1,35 +1,67 @@
 'use client';
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import "./mainstack-design-system357.js";
-import n from "./mainstack-design-system169.js";
-import "./player-Cs7wtvrg.js";
-import { u as d, a as u } from "./index-Ic3e2lng.js";
-import { TextEditorMenuAction as a } from "./mainstack-design-system496.js";
-const m = l(
-  ({ ...o }, s) => {
-    const { editor: e } = d(), r = u({
-      editor: e,
-      selector: (t) => t.editor ? {
-        isBulletList: t.editor.isActive("bulletList") || !1,
-        canBulletList: !t.editor.can().chain().toggleBulletList().run() || !1
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import { forwardRef as u, useCallback as g } from "react";
+import "./mainstack-design-system366.js";
+import x from "./mainstack-design-system241.js";
+import "./player-DtDfxekb.js";
+import { c as a } from "./utils-BWBRqOem.js";
+import { u as C, a as I } from "./index-B4CcnNBi.js";
+import { TextEditorMenuAction as h } from "./mainstack-design-system505.js";
+import { useTextEditorContext as E } from "./mainstack-design-system610.js";
+const v = u(
+  ({ className: i, ...m }, n) => {
+    const { onError: r } = E(), { editor: t } = C(), l = I({
+      editor: t,
+      selector: (e) => e.editor ? {
+        isImage: t?.isActive("image")
       } : {}
-    });
-    return /* @__PURE__ */ i(
-      a,
+    }), d = g(
+      (e) => {
+        if (e.preventDefault(), e.target.files) {
+          const c = e.target.files[0], o = new FileReader();
+          o.onload = () => {
+            t?.chain().focus().insertContent({
+              type: "image",
+              attrs: {
+                src: o.result
+              }
+            }).run();
+          }, o.onerror = (f) => {
+            r && r(f);
+          }, o.readAsDataURL(c);
+        }
+      },
+      [t, r]
+    );
+    return /* @__PURE__ */ p(
+      h,
       {
-        isActive: r?.isBulletList,
-        disabled: r?.canBulletList,
-        onClick: () => e?.chain().focus().toggleBulletList().run(),
-        "data-slot": "text-editor-unordered-list-menu",
-        ref: s,
-        ...o,
-        children: /* @__PURE__ */ i(n, { className: "mds:size-16" })
+        isActive: l?.isImage,
+        ref: n,
+        onClick: () => {
+        },
+        "data-slot": "text-editor-image-upload-menu",
+        className: a("mds:relative", i),
+        ...m,
+        children: [
+          /* @__PURE__ */ s(x, { className: "mds:size-16" }),
+          /* @__PURE__ */ s(
+            "input",
+            {
+              className: a(
+                "mds:absolute mds:file-selector mds:opacity-0 mds:file:cursor-pointer mds:w-full mds:h-full mds:left-0 mds:top-0"
+              ),
+              type: "file",
+              accept: "image/*",
+              onChange: d
+            }
+          )
+        ]
       }
     );
   }
 );
-m.displayName = "UnorderedListMenu";
+v.displayName = "ImageUploadMenu";
 export {
-  m as UnorderedListMenu
+  v as ImageUploadMenu
 };

package/dist/mainstack-design-system5.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system379.cjs");exports.BodyText=e.BodyText;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system388.cjs");exports.BodyText=e.BodyText;

package/dist/mainstack-design-system5.js

@@ -1,4 +1,4 @@
-import { BodyText as r } from "./mainstack-design-system379.js";
+import { BodyText as r } from "./mainstack-design-system388.js";
 export {
   r as BodyText
 };

package/dist/mainstack-design-system50.cjs

@@ -1 +1 @@
-"use strict";const C=require("react/jsx-runtime"),n=require("./mainstack-design-system357.cjs"),H={outlined:C.jsx("g",{mask:"url(#mask0_1664_682)",children:C.jsx("path",{d:"M3.30775 20.5C2.80258 20.5 2.375 20.325 2.025 19.975C1.675 19.625 1.5 19.1974 1.5 18.6923V7.30775C1.5 6.80258 1.675 6.375 2.025 6.025C2.375 5.675 2.80258 5.5 3.30775 5.5H6.3615L7.66925 4.08275C7.83458 3.90342 8.03383 3.7615 8.267 3.657C8.5 3.55233 8.74433 3.5 9 3.5H13.0577C13.2702 3.5 13.4483 3.57192 13.592 3.71575C13.7358 3.85958 13.8077 4.03775 13.8077 4.25025C13.8077 4.46292 13.7358 4.641 13.592 4.7845C13.4483 4.92817 13.2702 5 13.0577 5H8.8655L7.03075 7H3.30775C3.21792 7 3.14417 7.02883 3.0865 7.0865C3.02883 7.14417 3 7.21792 3 7.30775V18.6923C3 18.7821 3.02883 18.8558 3.0865 18.9135C3.14417 18.9712 3.21792 19 3.30775 19H18.6923C18.7821 19 18.8558 18.9712 18.9135 18.9135C18.9712 18.8558 19 18.7821 19 18.6923V10.9423C19 10.7298 19.0719 10.5517 19.2157 10.408C19.3596 10.2642 19.5378 10.1923 19.7502 10.1923C19.9629 10.1923 20.141 10.2642 20.2845 10.408C20.4282 10.5517 20.5 10.7298 20.5 10.9423V18.6923C20.5 19.1974 20.325 19.625 19.975 19.975C19.625 20.325 19.1974 20.5 18.6923 20.5H3.30775ZM19 5H17.75C17.5375 5 17.3593 4.92808 17.2155 4.78425C17.0718 4.64042 17 4.46225 17 4.24975C17 4.03708 17.0718 3.859 17.2155 3.7155C17.3593 3.57183 17.5375 3.5 17.75 3.5H19V2.25C19 2.0375 19.0719 1.85942 19.2157 1.71575C19.3596 1.57192 19.5378 1.5 19.7502 1.5C19.9629 1.5 20.141 1.57192 20.2845 1.71575C20.4282 1.85942 20.5 2.0375 20.5 2.25V3.5H21.75C21.9625 3.5 22.1406 3.57192 22.2843 3.71575C22.4281 3.85958 22.5 4.03775 22.5 4.25025C22.5 4.46292 22.4281 4.641 22.2843 4.7845C22.1406 4.92817 21.9625 5 21.75 5H20.5V6.25C20.5 6.4625 20.4281 6.64067 20.2843 6.7845C20.1404 6.92817 19.9622 7 19.7498 7C19.5371 7 19.359 6.92817 19.2155 6.7845C19.0718 6.64067 19 6.4625 19 6.25V5ZM11 17.1152C12.1475 17.1152 13.1202 16.7163 13.9183 15.9183C14.7163 15.1202 15.1152 14.1475 15.1152 13C15.1152 11.8525 14.7163 10.8798 13.9183 10.0818C13.1202 9.28375 12.1475 8.88475 11 8.88475C9.8525 8.88475 8.87975 9.28375 8.08175 10.0818C7.28375 10.8798 6.88475 11.8525 6.88475 13C6.88475 14.1475 7.28375 15.1202 8.08175 15.9183C8.87975 16.7163 9.8525 17.1152 11 17.1152ZM11 15.6155C10.2615 15.6155 9.641 15.3642 9.1385 14.8615C8.63583 14.359 8.3845 13.7385 8.3845 13C8.3845 12.2615 8.63583 11.641 9.1385 11.1385C9.641 10.6358 10.2615 10.3845 11 10.3845C11.7385 10.3845 12.359 10.6358 12.8615 11.1385C13.3642 11.641 13.6155 12.2615 13.6155 13C13.6155 13.7385 13.3642 14.359 12.8615 14.8615C12.359 15.3642 11.7385 15.6155 11 15.6155Z",fill:"currentColor"})}),filled:C.jsx("g",{mask:"url(#mask0_1664_683)",children:C.jsx("path",{d:"M19.7498 7C19.5371 7 19.359 6.92817 19.2155 6.7845C19.0718 6.64067 19 6.4625 19 6.25V5H17.75C17.5375 5 17.3593 4.92808 17.2155 4.78425C17.0718 4.64042 17 4.46225 17 4.24975C17 4.03708 17.0718 3.859 17.2155 3.7155C17.3593 3.57183 17.5375 3.5 17.75 3.5H19V2.25C19 2.0375 19.0719 1.85942 19.2157 1.71575C19.3596 1.57192 19.5378 1.5 19.7502 1.5C19.9629 1.5 20.141 1.57192 20.2845 1.71575C20.4282 1.85942 20.5 2.0375 20.5 2.25V3.5H21.75C21.9625 3.5 22.1406 3.57192 22.2843 3.71575C22.4281 3.85958 22.5 4.03775 22.5 4.25025C22.5 4.46292 22.4281 4.641 22.2843 4.7845C22.1406 4.92817 21.9625 5 21.75 5H20.5V6.25C20.5 6.4625 20.4281 6.64067 20.2843 6.7845C20.1404 6.92817 19.9622 7 19.7498 7ZM11 17.1152C12.1475 17.1152 13.1202 16.7163 13.9183 15.9183C14.7163 15.1202 15.1152 14.1475 15.1152 13C15.1152 11.8525 14.7163 10.8798 13.9183 10.0818C13.1202 9.28375 12.1475 8.88475 11 8.88475C9.8525 8.88475 8.87975 9.28375 8.08175 10.0818C7.28375 10.8798 6.88475 11.8525 6.88475 13C6.88475 14.1475 7.28375 15.1202 8.08175 15.9183C8.87975 16.7163 9.8525 17.1152 11 17.1152ZM11 15.6155C10.2615 15.6155 9.641 15.3642 9.1385 14.8615C8.63583 14.359 8.3845 13.7385 8.3845 13C8.3845 12.2615 8.63583 11.641 9.1385 11.1385C9.641 10.6358 10.2615 10.3845 11 10.3845C11.7385 10.3845 12.359 10.6358 12.8615 11.1385C13.3642 11.641 13.6155 12.2615 13.6155 13C13.6155 13.7385 13.3642 14.359 12.8615 14.8615C12.359 15.3642 11.7385 15.6155 11 15.6155ZM3.30775 20.5C2.80258 20.5 2.375 20.325 2.025 19.975C1.675 19.625 1.5 19.1974 1.5 18.6923V7.30775C1.5 6.80258 1.675 6.375 2.025 6.025C2.375 5.675 2.80258 5.5 3.30775 5.5H6.3615L7.66925 4.08275C7.83458 3.90342 8.03383 3.7615 8.267 3.657C8.5 3.55233 8.74433 3.5 9 3.5H14.0577C14.2702 3.5 14.4483 3.57192 14.592 3.71575C14.7358 3.85942 14.8077 4.0375 14.8077 4.25V5.8365C14.8077 6.21317 14.9395 6.53333 15.203 6.797C15.4667 7.0605 15.7868 7.19225 16.1635 7.19225H16.8077V7.8365C16.8077 8.21317 16.9395 8.53333 17.203 8.797C17.4667 9.0605 17.7868 9.19225 18.1635 9.19225H19.75C19.9625 9.19225 20.1406 9.26417 20.2843 9.408C20.4281 9.55167 20.5 9.72975 20.5 9.94225V18.6923C20.5 19.1974 20.325 19.625 19.975 19.975C19.625 20.325 19.1974 20.5 18.6923 20.5H3.30775Z",fill:"currentColor"})})},e=({variant:r="outlined",...s})=>C.jsx(n,{...s,children:H[r]});module.exports=e;
+"use strict";const C=require("react/jsx-runtime"),n=require("./mainstack-design-system366.cjs"),H={outlined:C.jsx("g",{mask:"url(#mask0_1664_682)",children:C.jsx("path",{d:"M3.30775 20.5C2.80258 20.5 2.375 20.325 2.025 19.975C1.675 19.625 1.5 19.1974 1.5 18.6923V7.30775C1.5 6.80258 1.675 6.375 2.025 6.025C2.375 5.675 2.80258 5.5 3.30775 5.5H6.3615L7.66925 4.08275C7.83458 3.90342 8.03383 3.7615 8.267 3.657C8.5 3.55233 8.74433 3.5 9 3.5H13.0577C13.2702 3.5 13.4483 3.57192 13.592 3.71575C13.7358 3.85958 13.8077 4.03775 13.8077 4.25025C13.8077 4.46292 13.7358 4.641 13.592 4.7845C13.4483 4.92817 13.2702 5 13.0577 5H8.8655L7.03075 7H3.30775C3.21792 7 3.14417 7.02883 3.0865 7.0865C3.02883 7.14417 3 7.21792 3 7.30775V18.6923C3 18.7821 3.02883 18.8558 3.0865 18.9135C3.14417 18.9712 3.21792 19 3.30775 19H18.6923C18.7821 19 18.8558 18.9712 18.9135 18.9135C18.9712 18.8558 19 18.7821 19 18.6923V10.9423C19 10.7298 19.0719 10.5517 19.2157 10.408C19.3596 10.2642 19.5378 10.1923 19.7502 10.1923C19.9629 10.1923 20.141 10.2642 20.2845 10.408C20.4282 10.5517 20.5 10.7298 20.5 10.9423V18.6923C20.5 19.1974 20.325 19.625 19.975 19.975C19.625 20.325 19.1974 20.5 18.6923 20.5H3.30775ZM19 5H17.75C17.5375 5 17.3593 4.92808 17.2155 4.78425C17.0718 4.64042 17 4.46225 17 4.24975C17 4.03708 17.0718 3.859 17.2155 3.7155C17.3593 3.57183 17.5375 3.5 17.75 3.5H19V2.25C19 2.0375 19.0719 1.85942 19.2157 1.71575C19.3596 1.57192 19.5378 1.5 19.7502 1.5C19.9629 1.5 20.141 1.57192 20.2845 1.71575C20.4282 1.85942 20.5 2.0375 20.5 2.25V3.5H21.75C21.9625 3.5 22.1406 3.57192 22.2843 3.71575C22.4281 3.85958 22.5 4.03775 22.5 4.25025C22.5 4.46292 22.4281 4.641 22.2843 4.7845C22.1406 4.92817 21.9625 5 21.75 5H20.5V6.25C20.5 6.4625 20.4281 6.64067 20.2843 6.7845C20.1404 6.92817 19.9622 7 19.7498 7C19.5371 7 19.359 6.92817 19.2155 6.7845C19.0718 6.64067 19 6.4625 19 6.25V5ZM11 17.1152C12.1475 17.1152 13.1202 16.7163 13.9183 15.9183C14.7163 15.1202 15.1152 14.1475 15.1152 13C15.1152 11.8525 14.7163 10.8798 13.9183 10.0818C13.1202 9.28375 12.1475 8.88475 11 8.88475C9.8525 8.88475 8.87975 9.28375 8.08175 10.0818C7.28375 10.8798 6.88475 11.8525 6.88475 13C6.88475 14.1475 7.28375 15.1202 8.08175 15.9183C8.87975 16.7163 9.8525 17.1152 11 17.1152ZM11 15.6155C10.2615 15.6155 9.641 15.3642 9.1385 14.8615C8.63583 14.359 8.3845 13.7385 8.3845 13C8.3845 12.2615 8.63583 11.641 9.1385 11.1385C9.641 10.6358 10.2615 10.3845 11 10.3845C11.7385 10.3845 12.359 10.6358 12.8615 11.1385C13.3642 11.641 13.6155 12.2615 13.6155 13C13.6155 13.7385 13.3642 14.359 12.8615 14.8615C12.359 15.3642 11.7385 15.6155 11 15.6155Z",fill:"currentColor"})}),filled:C.jsx("g",{mask:"url(#mask0_1664_683)",children:C.jsx("path",{d:"M19.7498 7C19.5371 7 19.359 6.92817 19.2155 6.7845C19.0718 6.64067 19 6.4625 19 6.25V5H17.75C17.5375 5 17.3593 4.92808 17.2155 4.78425C17.0718 4.64042 17 4.46225 17 4.24975C17 4.03708 17.0718 3.859 17.2155 3.7155C17.3593 3.57183 17.5375 3.5 17.75 3.5H19V2.25C19 2.0375 19.0719 1.85942 19.2157 1.71575C19.3596 1.57192 19.5378 1.5 19.7502 1.5C19.9629 1.5 20.141 1.57192 20.2845 1.71575C20.4282 1.85942 20.5 2.0375 20.5 2.25V3.5H21.75C21.9625 3.5 22.1406 3.57192 22.2843 3.71575C22.4281 3.85958 22.5 4.03775 22.5 4.25025C22.5 4.46292 22.4281 4.641 22.2843 4.7845C22.1406 4.92817 21.9625 5 21.75 5H20.5V6.25C20.5 6.4625 20.4281 6.64067 20.2843 6.7845C20.1404 6.92817 19.9622 7 19.7498 7ZM11 17.1152C12.1475 17.1152 13.1202 16.7163 13.9183 15.9183C14.7163 15.1202 15.1152 14.1475 15.1152 13C15.1152 11.8525 14.7163 10.8798 13.9183 10.0818C13.1202 9.28375 12.1475 8.88475 11 8.88475C9.8525 8.88475 8.87975 9.28375 8.08175 10.0818C7.28375 10.8798 6.88475 11.8525 6.88475 13C6.88475 14.1475 7.28375 15.1202 8.08175 15.9183C8.87975 16.7163 9.8525 17.1152 11 17.1152ZM11 15.6155C10.2615 15.6155 9.641 15.3642 9.1385 14.8615C8.63583 14.359 8.3845 13.7385 8.3845 13C8.3845 12.2615 8.63583 11.641 9.1385 11.1385C9.641 10.6358 10.2615 10.3845 11 10.3845C11.7385 10.3845 12.359 10.6358 12.8615 11.1385C13.3642 11.641 13.6155 12.2615 13.6155 13C13.6155 13.7385 13.3642 14.359 12.8615 14.8615C12.359 15.3642 11.7385 15.6155 11 15.6155ZM3.30775 20.5C2.80258 20.5 2.375 20.325 2.025 19.975C1.675 19.625 1.5 19.1974 1.5 18.6923V7.30775C1.5 6.80258 1.675 6.375 2.025 6.025C2.375 5.675 2.80258 5.5 3.30775 5.5H6.3615L7.66925 4.08275C7.83458 3.90342 8.03383 3.7615 8.267 3.657C8.5 3.55233 8.74433 3.5 9 3.5H14.0577C14.2702 3.5 14.4483 3.57192 14.592 3.71575C14.7358 3.85942 14.8077 4.0375 14.8077 4.25V5.8365C14.8077 6.21317 14.9395 6.53333 15.203 6.797C15.4667 7.0605 15.7868 7.19225 16.1635 7.19225H16.8077V7.8365C16.8077 8.21317 16.9395 8.53333 17.203 8.797C17.4667 9.0605 17.7868 9.19225 18.1635 9.19225H19.75C19.9625 9.19225 20.1406 9.26417 20.2843 9.408C20.4281 9.55167 20.5 9.72975 20.5 9.94225V18.6923C20.5 19.1974 20.325 19.625 19.975 19.975C19.625 20.325 19.1974 20.5 18.6923 20.5H3.30775Z",fill:"currentColor"})})},e=({variant:r="outlined",...s})=>C.jsx(n,{...s,children:H[r]});module.exports=e;

package/dist/mainstack-design-system50.js

@@ -1,5 +1,5 @@
 import { jsx as C } from "react/jsx-runtime";
-import o from "./mainstack-design-system357.js";
+import o from "./mainstack-design-system366.js";
 const V = {
   outlined: /* @__PURE__ */ C("g", { mask: "url(#mask0_1664_682)", children: /* @__PURE__ */ C(
     "path",

package/dist/mainstack-design-system500.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-Bdd5vx6a.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 r=require("react/jsx-runtime"),s=require("react");require("./mainstack-design-system366.cjs");const u=require("./mainstack-design-system168.cjs");require("./player-BoD_1Mo-.cjs");const n=require("./index-DmXSO_B1.cjs"),l=require("./mainstack-design-system505.cjs"),o=s.forwardRef(({...c},a)=>{const{editor:t}=n.useCurrentEditor(),i=n.useEditorState({editor:t,selector:e=>e.editor?{isItalic:e.editor.isActive("italic")||!1,canItalic:e.editor.can().chain().toggleItalic().run()||!1}:{}});return r.jsx(l.TextEditorMenuAction,{isActive:i?.isItalic,onClick:()=>t?.chain().focus().toggleItalic().run(),disabled:!i?.canItalic,"data-slot":"text-editor-italic-menu",ref:a,...c,children:r.jsx(u,{className:"mds:size-16"})})});o.displayName="ItalicMenu";exports.ItalicMenu=o;

package/dist/mainstack-design-system500.js

@@ -1,34 +1,35 @@
 'use client';
-import { jsxs as m, 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 { c } from "./utils-D85wpvmd.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(
-      "div",
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import "./mainstack-design-system366.js";
+import s from "./mainstack-design-system168.js";
+import "./player-DtDfxekb.js";
+import { u as l, a as n } from "./index-B4CcnNBi.js";
+import { TextEditorMenuAction as m } from "./mainstack-design-system505.js";
+const d = c(
+  ({ ...o }, a) => {
+    const { editor: i } = l(), r = n({
+      editor: i,
+      selector: (t) => t.editor ? {
+        isItalic: t.editor.isActive("italic") || !1,
+        canItalic: t.editor.can().chain().toggleItalic().run() || !1
+      } : {}
+    });
+    return /* @__PURE__ */ e(
+      m,
       {
-        className: c(
-          "mds:flex mds:w-200  mds:items-center mds:gap-8 mds:*:w-full ",
-          r
-        ),
-        "data-slot": "text-editor-menu-bar",
-        ref: d,
-        ...s
+        isActive: r?.isItalic,
+        onClick: () => i?.chain().focus().toggleItalic().run(),
+        disabled: !r?.canItalic,
+        "data-slot": "text-editor-italic-menu",
+        ref: a,
+        ...o,
+        children: /* @__PURE__ */ e(s, { className: "mds:size-16" })
       }
-    ) }),
-    /* @__PURE__ */ e(
-      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" })
-      }
-    ),
-    /* @__PURE__ */ e(i, { className: " mds:bg-red-300" })
-  ] })
+    );
+  }
 );
-f.displayName = "TextEditorMenuBar";
+d.displayName = "ItalicMenu";
 export {
-  f as TextEditorMenuBar
+  d as ItalicMenu
 };

package/dist/mainstack-design-system501.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),p=require("react"),R=require("./index-C8aODXfJ.cjs"),b=require("./utils-Bdd5vx6a.cjs"),g=require("./mainstack-design-system602.cjs"),o=p.forwardRef(({className:a,onClick:t,disabled:e,selected:l,onSelectedChange:n,...r},s)=>{const[i,c]=R.useControllableState({prop:l,defaultProp:!1,onChange:n});return f.jsx("label",{"data-slot":"tile-root",ref:s,"data-disabled":e,tabIndex:e?-1:0,"data-selected":i,className:b.cn(g.tileVariants({disabled:e}),a),...r,onClick:d=>{c(u=>!u),t&&t(d)}})});o.displayName="TileRoot";exports.TileRoot=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react");require("./mainstack-design-system366.cjs");const F=require("./mainstack-design-system206.cjs");require("./player-BoD_1Mo-.cjs");const t=require("./mainstack-design-system387.cjs"),x=require("./index-DmXSO_B1.cjs"),I=require("./mainstack-design-system505.cjs");require("./mainstack-design-system440.cjs");const p=require("./mainstack-design-system441.cjs"),h=require("./mainstack-design-system442.cjs");require("./mainstack-design-system443.cjs");require("./mainstack-design-system444.cjs");require("./mainstack-design-system445.cjs");require("./mainstack-design-system446.cjs");require("./mainstack-design-system447.cjs");require("./mainstack-design-system449.cjs");require("./mainstack-design-system450.cjs");const j=require("./mainstack-design-system448.cjs");require("./mainstack-design-system400.cjs");require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");const k=require("./mainstack-design-system404.cjs"),q=o.forwardRef(({...M},f)=>{const[a,u]=o.useState(""),[s,c]=o.useState(""),[g,d]=o.useState(!1),{editor:r}=x.useCurrentEditor(),m=x.useEditorState({editor:r,selector:n=>n.editor?{isLink:n.editor.isActive("link")||!1,canLink:n.editor.can().chain().toggleLink().run()||!1}:{}}),C=o.useCallback(()=>{if(!r)return;const{view:n,state:i}=r,{from:l,to:L}=n.state.selection,_=i.doc.textBetween(l,L,"")||"",G=r?.getAttributes("link").href||"";u(_),c(G)},[r]),v=()=>{if(!s||!r)return;const{view:n}=r,{from:i,to:l}=n.state.selection;r?.chain().focus().extendMarkRange("link").setLink({href:s}).insertContentAt({from:i,to:l},a).run(),d(!1)};return e.jsx(e.Fragment,{children:e.jsxs(t.ModalGroup.Root,{open:g,onOpenChange:d,children:[e.jsx(t.ModalGroup.Trigger,{asChild:!0,children:e.jsx(I.TextEditorMenuAction,{isActive:m?.isLink,"data-slot":"text-editor-link-menu",onClick:C,disabled:!m?.canLink,ref:f,...M,children:e.jsx(F,{className:"mds:size-16"})})}),e.jsxs(t.ModalGroup.Portal,{children:[e.jsx(t.ModalGroup.Overlay,{}),e.jsx(t.ModalGroup.Body,{className:"mds:max-w-500",children:e.jsxs(t.ModalGroup.ContentSlot,{children:[e.jsxs(t.ModalGroup.ContentHeader,{children:[e.jsx(t.ModalGroup.ContentTitle,{children:"Add Link"}),e.jsx(t.ModalGroup.Close,{})]}),e.jsx(t.ModalGroup.ContentMain,{className:"mds:py-10",children:e.jsxs("div",{className:"mds:flex mds:mt-18 mds:flex-col mds:gap-12",children:[e.jsxs(p.FormItem,{children:[e.jsx(h.FormLabel,{children:"Text"}),e.jsx(j.Input,{value:a,onChange:n=>u(n.target.value),placeholder:"Enter text here..."})]}),e.jsxs(p.FormItem,{children:[e.jsx(h.FormLabel,{children:"Link"}),e.jsx(j.Input,{value:s,onChange:n=>c(n.target.value),placeholder:"Enter link here..."})]})]})}),e.jsxs(t.ModalGroup.ContentFooter,{className:"mds:flex mds:mt-24 mds:gap-12 mds:items-center mds:justify-end",children:[e.jsx(t.ModalGroup.Close,{asChild:!0,children:e.jsx(k.Button,{variant:"outline",size:"xs",children:"Cancel"})}),e.jsx(k.Button,{disabled:!s,onClick:v,size:"xs",children:"Save"})]})]})})]})]})})});q.displayName="LinkMenu";exports.LinkMenu=q;